/* CSS Document */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #86cad5;
}

#wrapper {
	background-color: #FFF;
}

#leftnav {
	width: 148px;
	background: #008194 url(../images/leftnavbg.gif) top left no-repeat;
	vertical-align: top;
}

#right {
	vertical-align: top;
}

div.related
{
 	width: 100%;
}

div.related div.product
{
	width: 220px;
	padding: 5px;
	float: left;
	text-align:center;
	color: #485660;
	background:#e4f2f3;
	padding-top: 23px;
	margin: 2px;

}

#nav {
	text-align: right;
	color: #008196; /*#B3B9AA;*/
	height: 30px;
	font-size: 12px;
	padding-right: 15px;
	background: url(../images/telephone.jpg) no-repeat top left;
}

#nav a {
	color: #008196;
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

#nav a:hover {
	color: #111;
}


#subnav {
	text-align: right;
	color: #FFF;
	height: 41px;
	width: 720px;
	font-size: 11px;
	background: url(../images/subnavbg.gif) left top repeat-x;
	padding-right: 5px;
	padding-top: 20px;
}

#subnav a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
}

#subnav a:hover {
	color: #111;
}

#main {
	vertical-align: top;
  	width: 686px;
	padding: 3px 0 25px 0;
	color: #485660;
}
/* Hiding freom IE5/Mac \*/
#main {
	padding-right: 0px;
	padding-left: 0px;
	width: 720px;
}
/* End Hack */



#mainstatic {
	vertical-align: top;
	/*background: #FFF url(../images/collage.jpg) top left no-repeat;
	padding: 102px 0 25px 0;*/
	padding: 10px 0 15px 0;
	color: #485660;
}


#main h1 {
	color: #038096;
	font-weight: bold;
	font-size: 26px;
	margin: 5px 0 5px 0;
	padding: 0;
}

#main h2 {
	color: #586976;
	font-size: 16px;
	font-weight: bold;
	margin: 14px 0 3px 0;
	padding: 0;
}

#main h3 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin: 3px 0 10px 0;
	padding: 0;
	line-height: 16px;
}

#main p {
	color: #000;
	font-size: 13px;
	margin: 3px 0 6px 0;
	padding: 0;
	line-height: 17px;
}

#main a:link, #main a:visited {
	color: #00515d;
	text-decoration: none;
}

#main a:hover, #main a:active {
	color: #000;
	text-decoration: none;
}

#footnav {
	height: 42px;
	width: 900px;
	background-color: #000;
	border-top: 7px solid #86cad5;
	color: #86c8d4;
	text-align: right;
	padding-right: 5px;
}

#footnav a {
	color: #86c8d4;
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

#footnav a:hover {
	color: #FFF;
}

div#footerleft {
float: left;
width: 345px;
padding: 0px 0px 0px 15px;
text-align: left;
}

div#footerleft h1 {
display: inline;
color: #008194;
font-weight: normal;
font-size: 22px;
}

div#footerleft h2 {
display: inline;
color: #fff;
font-weight: bold;
font-size: 24px;
}

div#footerright {
padding-top: 8px;
}

#extreme {
	background-color: #86cad5;
	color: #008093;
	font-size: 11px;
	height: 18px;
	padding-top: 5px;
}

#extreme a {
	background-color: #86cad5;
	color: #008093;
	text-decoration: none;
}

#extreme a:hover {
	color: #111;
}

#sanct {
font-size: 11px; 
background-color: #86cad5; 
padding-top: 5px; 
padding-bottom: 0px;
}

#sanct a {
color: #008093;
text-decoration: none;
}

#sanct a:hover {
	color: #111;
}

#basket {
	margin-top: 3px;
}

#basket p {
	color: #FFF;
}