/* CSS Document */
body {margin:auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:21px;}

h1, h2, h3, h4, h5 {margin:0; padding:0;}

#theader {margin:0; padding:0; width:auto; height:auto;}
#theader #header {width:999px; height:auto; margin:auto;}

#header #logonav {width:999px; height:91px; margin:0; padding:0; border-bottom:5px solid #E1E1E1; clear:both;}
#logonav h1 {
width:199px; 
height:60px; 
display:block; 
margin:21px 0 0 0; 
float:left;}
#logonav h1 a {
background:url(../images/product/logo.jpg) no-repeat; 
width:326px; 
height:60px; 
display:block; 
margin:0; 
float:left;
}
#logonav #nav {margin:0; padding:0; float:right;}
#logonav #nav ul {margin:0; padding:0;}
#logonav #nav ul li {margin:0; padding:0; float:left;}

#header #banner {width:999px; height:auto; margin:0; padding:0; clear:both; display:table; }
/*Fixed by Nate*/
#banner #img {width:427px; height:320px; margin:0; padding:20px 0 0 26px; float:left;}
/*#banner #img {width:427px; height:320px; margin:0; padding:60px 0 0 26px; float:left;}*/
/*Fixed by Nate*/
#banner #cont {width:240px; height:300px; margin:0; padding:20px 0 0 0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*#banner #cont {width:240px; height:345px; margin:0; padding:0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}*/

#cont .te {width:240px; height:auto;}
/*Fixed by Nate*/
#cont h4 {font-size:27px; margin:0 0 18px 0; padding:0; line-height: 30px; }
/*#cont h4 {font-size:27px; margin:43px 0 18px 0; padding:0;}*/
#cont span {font-size:28px;}
#cont .condition {margin:22px 0 0 0; padding:0; line-height:16px;}
#cont #checkout {margin:61px 0 0 0; padding:0; width:207px; height:auto;}
#checkout a {margin:0 0 0 0; padding:0; width:207px; height:30px; padding:0; background:url(../images/google-checkout.jpg) no-repeat; display:block;}

#banner #prod {width:268px; height:345px; margin:0; padding:0; float:right;}
#prod .prolia {width:264px; height:142px; margin:11px auto 11px 0; padding:10px 0 0 0; background:url(../images/products-bg.jpg) no-repeat;}
#prod .prolia .img {
width:180px;
height:auto;
margin:0;
padding:0 0 0 49px;
float:left;
}
#prod .prolia  .close {
    width:29px;
	height:29px;
	margin:107px 0  0 0;
	padding:0;
	float:left;
}
.prolia .zooma {
	width:29px;
	height:29px;
	margin:0 0  0 0;
	padding:0;
	z-index:2;
	position:absolute;
}
#prod .prolia .close a {background:url(../images/close-btn.jpg) no-repeat; width:29px; height:29px; display:block;}
#prod .prolib {width:264px; height:152px; margin:auto; padding:0 0 0 0; background:url(../images/products-bg.jpg) no-repeat;}
#prod .prolib .img {
/* Fixed by Nate */
width: 235px; 
/*width:264px;*/
height:auto;
margin:0;
/* Fixed by Nate */
padding: 1px 0 0 0;
/*padding:30px 0 0 0;*/ 
text-align:center;
}
#prod .prolib .close {
    width:29px;
	height:29px;
	/* Fixed by Nate */
  margin:-21px 0  0 229px;
/*  margin:5px 0  0 229px;*/
	padding:0;
}
#prod .prolib .close a {background:url(../images/close-btn.jpg) no-repeat; width:29px; height:29px; display:block;}
.prolib .zooma {
	width:15px;
	height:15px;
	margin:107px 0  0 3px;
	padding:0;
	float:right;
	z-index:2;
	position:absolute;
	left: 971px;
	top: 287px;
}
.prolib .zooma a {background:url(../images/zoom.jpg) no-repeat; width:15px; height:15px; display:block;}
#container {margin:0; padding:0 0 15px 0; width:100%; height:auto; clear:both; background-color:#7BC5EB;}
#container #cont-wrap {width:999px; height:auto; margin:0 auto; padding:20px 0 0 0; background:url(../images/arrow.png) no-repeat 183px 0; clear:both; display:table;}
#cont-wrap #wrapl {width:711px; height:auto; margin:0; padding:8px 0 0 0; float:left; background:url(../images/wrapl-top.png) no-repeat top;}
#wrapl #wrapl-bg {background:url(../images/wrapl-bg.png) repeat-y; width:661px; padding:23px 25px 5px 25px; height:auto;}
#wrapl-bg #image {width:274px; height:202px; float:left; margin:20px 18px 0 0; padding:7px; background:url(../images/image-bg.png) no-repeat;}
#wrapl-bg h3 {margin:0; padding:0; font-size:20px;}
/*Fixed by Nate*/
#wrapl-bg h2 {margin:20px 0 10px 0; padding:0; font-size:22px;}
/*#wrapl-bg h2 {margin:20px 0 0 0; padding:0; font-size:22px;}*/
#wrapl-bg p{ margin:0; padding:0;}
#wrapl #wrapl-bot {background:url(../images/wrapl-bot.png) no-repeat bottom; width:711px; padding:0 0 8px 0; height:auto;}


#cont-wrap #wrapr {width:266px; height:auto; margin:0; padding:8px 0 0 0; float:right; background:url(../images/wrapr-top.png) no-repeat top;}
#wrapr #wrapr-bg {background:url(../images/wrapr-bg.png) repeat-y; width:226px; padding:11px 20px 0 20px; margin:0; height:auto;}
#wrapr-bg h5 {font-size:16px; margin:0; padding:0 0 12px 0;}
#wrapr-bg p{ margin:0; padding:0;}
/* Fixed by Nate */
/*#wrapr-bg .imag {background:url(../images/image-bga.png) no-repeat; width:208px; height:313px; margin:10px auto 10px auto; padding:7px; clear:both;}*/
#wrapr-bg .imag { background-color: #cce8f7; width:208px; margin:10px auto 10px auto; padding:7px; clear:both;}

#wrapr-bg .text {width:190px; height:auto; margin:0 auto; padding:0 0 12px 0; clear:both; display:table;}
.text .textr {font-size:24px; font-weight:normal; float:right; margin:0; padding:0;}
.text .textl {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; float:left;}

#wrapr #wrapr-bot {background:url(../images/wrapr-bot.png) no-repeat bottom; width:266px; padding:0 0 0 0; margin:0; height:8px;
clear:both;}

#footer {margin:0; padding:19px 0 10px 0; width:100%; height:auto; background-color:#385A6C; clear:both; display:table}
#footer #fotmid {width:999px; height:auto; margin:0 auto; padding:0;}
#fotmid .fotleft {width:400px; height:auto; margin:0; padding:0; float:left; color:#FFFFFF;}
#fotmid .fotright {width:400px; height:auto; margin:0; padding:0; float:right; color:#FFFFFF; text-align:right; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.fotleft a {color:#FFFFFF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 10px 0 10px;}
.fotleft a:hover {color:#FFFFFF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.fotright a {color:#FFFFFF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 10px 0 10px;}
.fotright a:hover {color:#FFFFFF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;}