body{ background:#ccc; margin:0px; padding:0; color: #fff}
html { min-height: 100%; margin-bottom: 1px; }
/*START OF COMMON */
#wrapper{width: 770px; font-family:Verdana, Arial, Helvetica; font-size:65%; margin: 0 auto; background:#fff; padding:0;}

img{border:none}

h1{font-weight:bold; font-size: 110%;}
h2{font-weight:bold; font-size: 110%;}

td {padding:0; margin:0;}
ul{ list-style-type: square; margin: 0px 0px 0px 15px; padding: 0px }
li{ margin: 5px 0px}

.strong{font-weight: bold}
.right{ float: right}
 a{color:#0071BC; text-decoration: none}
 a:hover{color:#0071BC; text-decoration: underline}

/*END OF COMMON */

/*START OF HEADER */

#header{padding-bottom:10px; vertical-align:top;}
#header #top{padding-bottom:10px; }
#header #nav{  width:100%;  clear: both; text-align:right; }
#logo { width:236px; padding-bottom:10px;float:left; }

.navlist li{display: inline;list-style-type: none;padding:0 5px;border-right:1px solid #686868; }
.navlist li.last {border-right:none;padding-right:24px;}
.navlist li a { font-weight:normal; color:#666666; text-decoration:none;}
.navlist li a:link { }
.navlist li a:visited { }
.navlist li a:hover { font-weight:normal; color:#007586; text-decoration:none;}
.navlist li a.selected {color:#007586;}
/*END OF HEADER */



/*START OF CONTACT */
#contact h1, #contact h2, #contact p { padding-left:15px; padding-right:5px; }
#contact h1 { background: #007586; color:#fff; padding-top:2px; padding-bottom:2px;}
#contact h2 { margin-top:15px;}
#contact #left_col { background:#007586;  padding:6px 0px 150px 0px; vertical-align:top; width:304px; }
#contact #left_col p {margin-bottom:0px; margin-top:10px}
#contact #right_col { background:#8FC1C9; color:#005382; border-left:6px solid #fff; vertical-align:top; padding:27px 0 10px 0; width:460px;}
#contact #right_col p {margin-bottom:0px; margin-top:15px}
/*END OFCONTACT */


/*START OF PRODUCTS */
#products h1, #products p { padding-left:20px; padding-right:45px;margin:0px}
#products #cat{padding-left:20px; padding-bottom:25px;margin:0px}
#products p{ margin-top:10px}
#products h1 { background: #DCDD3F; color:#fff; padding-top:2px; padding-bottom:2px;}
#products #left_col { background:#007586;  padding:6px 0px 150px 0px; vertical-align:top; width:195px; }
#products #right_col #header{font-size:125%; font-weight: normal; line-height: 16px;}
#products #right_col { background:#8FC1C9; border-left:6px solid #fff; vertical-align:top; padding:27px 0 10px 0; width:569px;}
#products #right_col #listing{ width:450px; margin-left:45px; margin-top: 20px}
#products #right_col #listing p{padding:0px;}
#products #right_col #listing table{ width:450px; margin-bottom:20px; background: #fff; color:#000}
#products #right_col #listing table td{font-size:90%}
#products #right_col #listing table td.description{width:315px ;border-left:6px solid #FFEA00; background: #007586; font-weight: bold; padding:2px 8px 3px 8px; color: #fff}
#products #right_col #listing table td.info{width: 315px; padding: 8px 8px 8px 14px; vertical-align: top}
#products #right_col #listing table td.thumb{width: 118px; text-align: center; border-left:1px solid #4C4C4E; vertical-align: top; padding-top:5px}
#products #right_col #listing .zoom{margin-top:10px;margin-bottom:10px}
#products #right_col #listing .zoom img{ vertical-align: middle; margin-left: 2px}

#products .features{ margin: 10px 0px 0px 12px; padding:0px 15px 0px 0px; }
#products .item {padding: 4px 0px 4px 16px; background-image: url(i/bullet.gif); background-repeat: no-repeat; background-position: 0px 6px }
#products .item a{color:#8FC1C9; font-weight: bold; text-decoration: none}
#products .item a:hover{color:#DCDD3F; font-weight: bold; text-decoration: none}

#products .item a.selected{color:#DCDD3F; font-weight: bold; text-decoration: none}
#products .item a:hover.selected{color:#DCDD3F; font-weight: bold; text-decoration: none}

#popup{ background: #fff; width: 530px; color:#000; margin:25px;font-family:Verdana, Arial, Helvetica; font-size:65%;}
#popup #description{border-left:6px solid #FFEA00; background: #007586; font-weight: bold; padding:2px 8px 3px 8px; color: #fff}
#popup #image{ width:350px; text-align: center; padding-top:20px}
#popup #info{ width:180px; vertical-align: top; padding-top:20px}
#popup #close{padding-top:15px}
/*END PRODUCTS */

/*START OF HOMEPAGE */
#main h1,#main  h2,#main  p,#main  ul {padding-left:15px;padding-right:5px; padding-bottom:0;}
#main img {padding:0; margin:0; clear:both}
#main .features{ margin: 0px 0px 0px 15px; padding:0px 15px 0px 0px; }
#main .item {padding: 4px 0px 4px 20px; background-image: url(i/home_bullet.gif); background-repeat: no-repeat; background-position: 0px 6px }

#main h1 {background: url(i/consumer_top_text.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 55px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:55px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #mainimg {padding-top:20px;}

#main #left_col { width:460px; padding-top:15px; margin:0px; background:#007586;  }

#main #right_col {width:310px; padding-top:10px; color:#000; background:#8FC1C9;  border-left:5px solid white; vertical-align:top;}

#main #right_col h2{
	margin-top:15px;
	background: url(i/comprehensive.gif) no-repeat top left;
	margin-left:15px;	
	padding-top: 11px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #right_col a{color: #000; text-decoration: none}
#main #right_col a:hover{color: #000; text-decoration: underline}

#main h2, #main p{ margin: 0px 0px 10px 0px}

#main #bottomleft { background:#BFBFBF; padding-top:10px; padding-bottom:15px;  width:237px; vertical-align:top; border-top: 5px solid #fff}
#main #bottomleft h2 {background: url(i/fully.gif) no-repeat top left;	
	width:104px;
	margin-left:15px;
	padding-top: 28px; /*height of image*/	
	overflow: hidden;
	/*tantrek hack for ie*/
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}


#main #bottomright {background:#8FC1C9; padding-top:10px; padding-bottom:15px; border-left:5px solid white;width:218px; vertical-align:top;border-top: 5px solid #fff}
#main #bottomright h2 {
	width:80px;	
	background: url(i/passionate.gif) no-repeat top left;	
	margin-left:15px;
	padding-top: 28px;		/*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #bottomright img, #main #bottomleft img{float:right; margin-right:10px; margin-bottom:6px; margin-left:5px}
#main #bottomfarright { background:#007586; padding-top:10px; border-left:5px solid white;vertical-align:top;border-top: 5px solid #fff}
#main #bottomfarright h2 
{
    width: 152px;	
	background: url(i/brands.gif) no-repeat top left;	
	margin-left:15px;
	padding-top: 11px;		/*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
#main #bottomfarright img{float:right; margin-right:10px; margin-bottom:6px; margin-left:5px}

#main #right_col img {margin:0 12px;}

/*END OF HOMEPAGE */




/*START OF FOOTER */
#footer{color: #666666;  text-align: left; padding:28px 0px 20px 55px;  font-size: 90%; clear: both; height: 42px; background: url(./i/useful_links_logo.gif) no-repeat; background-position: 20px 20px}
#footer a{color: #666666; text-decoration: none}
#footer a:hover{color: #666666; text-decoration: underline}

/*END OF FOOTER */