.clear:after {content: ".";display:block;height:0;clear:both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */
img{border:0}
* {margin:0; padding:0;}
/* begin template styles */
body {font-family: Arial;font-size:14px;text-align:center;color:#000;background:url(../images/bodyback.jpg) top repeat-y;}
#wrapper {overflow:hidden;margin:0 auto;text-align:left;width:988px;}
#header-top {position:relative;float:left;width:988px;height:70px;background:url(../images/header-top.png)}
#logo {position:relative;float:left;width:835px;height:116px;background:url(../images/logo.png)}
#gurantee {position:relative;float:left;width:153px;height:116px;}

#navbar {position:relative; float:left;width:988px;height:45px;background:url(../images/navbar.png);}
#menu {position:relative; margin:0 auto;width:960px; border-bottom:1px solid red}
#menu ul {margin:0;padding:0;}
#menu ul li {list-style:none;position:relative;float:left;display:inline;margin:0;padding:0;border-bottom:1px solid #4d390b}
#menu li a {display: block;height:45px;color:#fff;line-height:45px;text-align:center;font-family:Georgia; font-size:16px;}
#menu li.nav1 a {width:160px;color:#fff;background:#4d390b;}
#menu li.nav1 a:hover, #menu li.nav1.active a {background: url(../images/navback.png) repeat-x #f1ead6;color:#402b07;}
#menu li.nav2 a {width:160px;color:#fff;background:#4d390b}
#menu li.nav2 a:hover, #menu li.nav2.active a {background: url(../images/navback.png) repeat-x #f1ead6;color:#402b07;}
#menu li.nav3 a {width:160px;color:#fff;background:#4d390b}
#menu li.nav3 a:hover, #menu li.nav3.active a {background: url(../images/navback.png) repeat-x #f1ead6;color:#402b07;}
#menu li.nav4 a {width:160px;color:#fff;background:#4d390b}
#menu li.nav4 a:hover, #menu li.nav4.active a {background: url(../images/navback.png) repeat-x #f1ead6;color:#402b07;}
#menu li.nav5 a {width:160px;color:#fff;background:#4d390b}
#menu li.nav5 a:hover, #menu li.nav5.active a {background: url(../images/navback.png) repeat-x #f1ead6;color:#402b07;}
#menu li.nav6 a {width:159px;color:#fff;background:#4d390b}
#menu li.nav6 a:hover, #menu li.nav6.active a {background: url(../images/navback.png) repeat-x #f1ead6;color:#402b07;}


/* currentpage style */
#menu li currentpage a {background: url(../images/navback.png) repeat-x #f1ead6;color:#402b07;}
/* end currentpage style */


#center {position:relative;float:left;width:988px;height:338px;background:url(../images/center.png)}
#center2 {position:relative;float:left;width:988px;background:url(../images/innercenter.png); height: 100%;}
#container {position:relative;float:left;width:959px;top:20px;margin-left:13.5px}
#container2 {position:relative; margin:0 auto;width:920px; padding:20px;}
#container2 p { margin:5px 0 20px 0; }
#imgcontainer {position:relative; float:right; width:213px;}
.productimg {position: relative;}


/* pricing 1*/
#pricing {position:relative; float:right; width:277px; margin-right:25px; color:#fff; font-family:Georgia; font-weight:bold;}
#pricing li {list-style:none; margin:0}
.price {position:relative;width:277px;height:101px;background:url(../images/pricing.png) no-repeat; top:35px;}
.pricetxt {position:relative; float:left; margin-left:30px; top:3px;}


/* pricing 2 */
#pricing2 {position:relative; float:right; width:277px; margin-right:25px; color:#fff; font-family:Georgia; font-weight:bold;}
#pricing2 li {list-style:none; margin:0}
.price2 {position:relative;width:277px;height:145px;background:url(../images/pricing2.png) no-repeat; top:35px;}
.pricetxt2 {position:relative; float:left; margin-left:30px; top:3px;}




#title { width:206px;height:28px; line-height:28px; background:url(../images/h2back.png) no-repeat; text-align:left; margin-bottom:10px; padding-left:5px;}
.ct1 {position:relative;float:left;width:275px;height:275px;margin-left:33px;}
.ct2 {position:relative;float:left;width:275px;height:275px;margin-left:33px;}
.ct3 {position:relative;float:right;width:275px;height:275px;margin-right:33px;}
.ct4 {position:relative;float:left;width:891px;height:38px; top:8px;margin-left:33px;background:url(../images/ctback.jpg) no-repeat}
#center-bottom {position:relative;float:left;width:988px;height:36px;background:url(../images/center-bottom.png)}
#center-bottom2 {position:relative;float:left;width:988px;height:36px;background:url(../images/center-bottom2.png)}
#footer {position:relative;float:left;width:988px;height:41px;background:url(../images/footer.png); color:#fff; font-size:12px}
#footer a:link, #footer a:active, #footer a:visited, {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.ftxtl {position:relative;float:left;margin-left:13px;top:10px}
.ftxtr {position:relative;float:right;margin-right:13px;top:10px}
/********************** misc styles ***************************/
a:link, a:active, a:visited {color:#fff;text-decoration:none;font-size:12px}
a:hover {color:#fff;text-decoration:none;}
strong {color:#2a2a2a;}
ul {}
li {list-style:square; margin:5px 0 5px 20px}
h2 {color:#fff;}
h3 {margin-bottom:3px; font-size:18px;}



/* contact form styles */
label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #000;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(/images/submit.jpg) no-repeat left top;
  width: 90px;
  height: 28px;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(/images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}