body{ margin:0px; padding:0px; background:#777777; font-family: "myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; color:#333333; width:100%;background: #777777; /* Old browsers */
/*
background: -moz-linear-gradient(top,  #777777 0%, #ffffff 70%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #777777 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #777777 0%,#ffffff 70%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #777777 0%,#ffffff 70%); /* IE10+ */
/*background: linear-gradient(to bottom,  #777777 0%,#ffffff 70%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
min-height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;}
html{height:auto !important}

.logos {
	width: 756px;
	height: 60px;
}

h1{  myriad Pro, Arial, Helvetica, sans-serif ; font-size:47px; font-weight:normal; color:#3997c9; line-height:normal; }
h2{font-family: Arial, Helvetica, sans-serif ; font-size:23px; color:#3997c9;} 
h3{ /* font-family:myriad Pro, Arial, Helvetica, sans-serif ; */e font-size:18px; padding:4px 0 4px 0; color:#f47029;}
h4{ font-family:myriad Pro, Arial, Helvetica, sans-serif ; font-size:16px; font-weight:bold; padding:4px 0 4px 0; color:#000;}
.clr{ margin:0px; padding:0px; clear:both;}

a{color:#363636; text-decoration:none;}
a:hover{text-decoration:underline; color:#225074;}


.wrapper{width:950px; margin:0 auto;  background:url(../images/main-bg.jpg) repeat-y;  min-height: 100%; }
.mainContainer{width:756px; margin:0 auto;min-height: 100%;
border-left: 1px solid #555;
border-right: 1px solid #555;
box-shadow: 0 0 70px #555;
-webkit-box-shadow: 0 0 70px #555;
-moz-box-shadow: 0 0 70px #555;
}
.headerDiv{ width:756px; margin:0; height:306px; background:url(../images/header-bg.jpg) no-repeat left top;
}

.logoDiv{width:756px; height:93px; margin:0; }
.logo{width:258px; height:48px; float:left; margin:26px 0 0 15px; }
.logo-Right{width:440px; float:right; text-align:right; margin:16px 22px 0 0; font-size:21px;}

.quoteDiv{width:300px; margin:0 auto; margin-top:40px;}
.quoteFeild{width:300px; margin:0 auto; height:28px; margin-bottom:6px;}
.quoteFeild-Leftcurve{width:7px; float:left;}
.quoteFeild-Bg input{width:282px; height:28px; float:left; background:url(../images/forn-bg.jpg) repeat-x; border:none; font-size:14px; color:#666666; line-height:28px;}
.quoteFeild-Rightcurve{width:7px; float:left;}

.quoteFeild2{width:141px; float:left; height:28px; margin-bottom:5px;}
.quoteFeild2-Bg input{width:124px; height:28px; float:left; background:url(../images/forn-bg.jpg) repeat-x; border:none; font-size:14px; color:#666666; line-height:28px;}

.quoteFeild2-Bg input#quantity{width:104px; height:28px; float:left; background:url(../images/forn-bg.jpg) repeat-x;  font-size:14px; color:#666666; line-height:28px;}

.bodyDiv{ width:756px; height:351px; margin:0; /* background:url(../images/container-bg.jpg) no-repeat left top; */ }

.body-Left{width:440px; float:left; margin:0px 0 0 4px; font-size:12px; font-weight:bold;

padding: 20px 5px 5px 10px;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
}
.body-Left h1{/*font-family:"myriad Pro"; */font-size:18px; color:#000; padding-bottom:15px;}
.body-Left h1 span{font-family:"Liberation Sans"; font-size:11px; color:#979797; }
.body-Left ul{margin:0; padding:0;}
.body-Left ul li{ font-size:13px; color:#333333; font-weight:bold; padding:0 0 8px 25px; list-style-type:none; margin-bottom:8px; background:url(../images/tick-mark.png) no-repeat left top;}
.body-Left img{margin-bottom:20px;}
.body-Left a{text-decoration:none; color:#445a66;}
.body-Left a:hover{text-decoration:none; color:#cc0006; }


.body-Right{width:120px; float:right; margin:256px 74px 0 0;}
.body-Right h1{ font-size:16px; color:#000;}
.body-Right h1 span{ font-size:14px; color:#197ffe; }


.footerDiv{width:752px; margin:0 auto; background:url(../images/footer-bg.jpg) repeat-x; height:88px; font-size:13px;
background: #797979; /* Old browsers */
background: -moz-linear-gradient(top,  #797979 1%, #b3b3b3 16%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#797979), color-stop(16%,#b3b3b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #797979 1%,#b3b3b3 16%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #797979 1%,#b3b3b3 16%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #797979 1%,#b3b3b3 16%); /* IE10+ */
background: linear-gradient(to bottom,  #797979 1%,#b3b3b3 16%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */
}
.footer-Menu ul{ width:550px; margin:0 auto; padding:50px 0 0 0;}
.footer-Menu ul li{list-style-type:none; float:left; font-size:14px; text-align:center; color:#5f5f5f; padding:0 6px 0 6px;}
.footer-Menu ul li a{text-decoration:none; color:#5f5f5f;}
.footer-Menu ul li a:hover{text-decoration:underline; color:#fff;}

.shop-Categories{width:754px; margin:0;}
.shop-Categories h3{margin-left: 20px; color: #666}
.shop-Categories-Slider{width:814px; height:142px; margin:0; border:#d8d8d8 1px solid; background:#FFF; padding:26px 10px 0 10px;}
/* FIX height issue */
@media all and (min-height: 900px){
body, html {
min-height: 100%;
}
.mainContainer {
min-height: 1030px;
}
.footerDiv {
padding-bottom: 0px;
margin-bottom: 0px;
}
}
@media all and (min-height: 990px){
.footerDiv {
position: absolute; 
padding-bottom: 0px;
padding-right: 5px;
}
}
@media all and (min-height: 1050px){
.mainContainer {
height: 100%;
min-height: 1028px;
}
.footerDiv {
padding-bottom: 0px;
}
}

/* Reviews */
#reviews {
clear: both;
background: #D5D5D5;
border-top: 2px solid #D5D5D5;
border-left: 2px solid #D5D5D5;
border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
padding: 5px;
margin: 45px 0 0 -80px;
width: 260px;
position: absolute;
top: 320px;
height: 404px;
/* overflow-y: scroll; */
}

#reviews::-webkit-scrollbar {
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #64B5ED;
width: 10px; */
}

.timestamp {
float: right;
text-align: right;
width: 70px;
}
.review {
clear: both;
width: 100%;
padding: 5px 0;
border-bottom: 1px dotted #D5D5D5;
}

.review h1 {
padding: 5px 0;
font-weight: bold;
}

.review p {
padding: 0 0 5px 0;
}

.review a {
color: #00608D;
}