@charset "utf-8";
/* CSS Reset Document */

/* ------------------------------------MAIN STRUCTURE*/
html {height:100%; text-align:center;}
body {height:100%; text-align:center; font-family: Helvetica, Arial, sans-serif; background-color:#FFFFFF; color:#000000; line-height:1.2}
#pagewrapper {width:960px; font-size:80%; margin:0 auto; text-align:left;}
#header {width:100%; overflow:hidden;}
#logo {float:left; width:221px; height:56px; padding:15px 0 15px 10px;}
#headercontact {float:right; width:250px; padding:25px 0 0 0; color:#00aeef; font-size:20px; font-weight:bold; text-align:right;} 


#navtop {width:100%; height:30px; background:#666666 url(../images/structure/nav-bg.jpg) top repeat-x; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; overflow:hidden}
#navtop ul {list-style-type:none;}
#navtop li {float:left; border-right:#FFFFFF 1px solid;}
#navtop li a:link, #navtop li a:visited {float:left; color:#FFFFFF; font-size:12px; font-weight:bold; padding:7px 26px 9px 26px; text-decoration:none;}
#navtop li a:hover {background:#00aeef url(../images/structure/nav-selected-bg.jpg) top repeat-x;}
#navtop li.active {background:#00aeef url(../images/structure/nav-selected-bg.jpg) top repeat-x;}

#contentwrapper {width:100%; overflow:hidden;}

#navleft {width:182px; float:left; margin:10px 10px 0 0; background-color:#676b65; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; overflow:hidden}
#navleft ul {list-style-type:none;}
#navleft li {border-bottom:#FFFFFF 1px solid;}
#navleft li a:link, #navleft li a:visited  {font-size:90%; font-weight:bold; display:block; padding:8px 0 8px 5px; color:#FFFFFF; text-decoration:none;}
#navleft li a:hover {background:#00aeef;}
#navleft li.active {background:#00aeef;}
* html #navleft li a {width:100%;}

#centrecontent {float:left; width:576px; margin:10px 0 0 0;}
#maincontent {background:#F7F7F7; width:100%; padding:5px 0 5px 0; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin-top:10px;}
#maincontent img {padding:5px 10px 5px 10px;}
#maincontent h2 {color:#00aeef; padding:3px 10px 10px 10px; font-size:18px; font-weight:bold;}
#maincontent h3 {color:#00aeef; padding:3px 10px 10px 10px; font-weight:bold;}
#maincontent ul {padding:3px 10px 10px 25px; color:#333333;}
#maincontent li {padding:2px 0 2px 0;}
#maincontent p {color:#333333; padding:3px 10px 10px 10px;}
#maincontent a:link, #maincontent a:visited  {color:#00aeef; text-decoration:none;}
#maincontent a:hover {text-decoration:underline;}

#maincontent .imageholder {width:350px;	height:115px; margin:10px 15px 30px 10px; float:left; position:relative;}
#maincontent .imageholder img {padding:0}
#maincontent .imageholder .text {position:absolute;	left:140px;	top:6px; font-size:120%; width:208px; height:103px;}
#maincontent .imageholder .text h3 {padding-bottom:0;}
#maincontent .imageholder .text a:link, #maincontent .imageholder .text a:visited  {color:#00aeef; text-decoration:none;}
#maincontent .imageholder .text a:hover {text-decoration:underline;}

#maincontent .homeimages {padding:0 5px 0 5px; float:left;}

#productheader {width:100%; overflow:hidden; background-color:#00aeef; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color:#FFFFFF; margin-bottom:10px;}
#productheader h1 {color:#FFFFFF; font-size:130%; font-weight:bold; padding:10px;}
#productheader p {padding:10px; color:#FFFFFF;}

#rightcontent {width:182px; float:right; margin:10px 0 0 0;}

#productspec {width:100%; background:#00aeef; color:#FFFFFF; margin-bottom:10px; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px;}
#productspec h3 {font-size:130%; font-weight:bold; padding:10px; border-bottom:#FFFFFF 1px solid;}
#productspec h5 {font-size:120%; font-weight:bold; padding:10px; text-align:center;}
#productspec ul {font-size:85%; padding:5px 10px 5px 25px;}
#productspec li {padding:2px 0 2px 0;}
#productspec p {font-size:85%; padding:10px;}
#productspec img {padding:3px;}
#productspec .bottomborder {border-bottom:#FFFFFF 1px solid;}
#productspec a:link, #productspec a:visited  {color:#FFFFFF; text-decoration:underline;}
#productspec a:hover {text-decoration:underline;}

#rightimageholder {width:100%; background:#dddedc; text-align:center; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px;}
#rightimageholder img {padding:5px; margin:0 auto;}

#contact-area {width:100%; padding:10px 10px 30px 10px;}

#contact-area input, #contact-area textarea, #contact-area select {padding:3px;	width:230px; display:block;	margin:0px 0px 5px 0px;	border:1px solid #ccc;}

#contact-area textarea {width:300px; height:90px;}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {border:1px solid #900;}

#contact-area input.submit-button {clear:both; margin:20px 0 0 100px; display:inline; width:80px;}

#contact-area label {float:left; width:100px;}

#contact-area .contactError {font-weight:bold; color:#FF0000; padding:0 0 20px 0}

#footer {width:100%; overflow:hidden; color:#FFFFFF; font-size:11px; margin:10px 0 3px 0; background-color:#00aeef; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#footer p {padding:6px 10px 8px 10px; text-align:center;}
#footer a:link, #footer a:visited  {color:#ffffff; font-weight:bold;}
#footer a:hover {text-decoration:underline;}

.clear {clear:both;}

.imageleftpad {padding:0 0 10px 10px;}