﻿* { margin:0; box-sizing: border-box; -moz-box-sizing: border-box;}
body { text-align:left; background: #FFFFFF;}
table, td {border-collapse:collapse; margin:0;}

img { vertical-align:top; border:0; margin:auto;}
form {margin:0; padding:0;} 
ul { list-style:none; padding:0; margin:0;}
ul li{ padding:0; margin:0;}
.clear{ clear:both; float:none; height:0px; line-height:0px; font-size:0px;}
.wrapper { width:100%; margin:0;} 
a { color:#bacc00; color:inherit; *color:#bacc00; cursor:pointer; outline:none; border:none; }
strong, b { font-weight:bold; font-style: inherit;}
em{ font-style:italic; font-weight:inherit;}




#header-wrapper {width:100%; height:100px; clear:both; }
#header {margin:0 auto; width:950px; height:125px;}
#logo { height:80px; width:400px; margin-top:10px; float:left}
#hotline  { height:49px; width:200px; margin-top:36px; float:right}

.navbg {width:100%; height:30px; clear:both; }
#navcontainer ul {list-style-type: none; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; display:block; background-image:url(../_images/nav.jpg); background-repeat:repeat-x; height:34px; padding-top:8px; margin:0 auto; width:950px; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { text-decoration: none; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; padding-top:8px; color:#000000; width: 100%; height: 100%; }
#navcontainer ul li a:hover { color:#000000; background-image:url('../_images/nav-h.jpg'); background-repeat:repeat-x; background-position:left bottom; text-decoration:none; width:100%; height:52px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; padding-top:8px;}
#current {background-image:url('../_images/nav-h.jpg'); background-repeat:repeat-x; background-position:left bottom}

#navline {background-image:url('../_images/nav-line.jpg'); background-repeat:repeat-x; height:8px; width:100%}


#img-wrapper{background-image:url('../_images/main-img-bg.jpg') ; background-repeat:repeat-x; height:150px; width:100%; clear:both;}
#img {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img.jpg');background-repeat:no-repeat}
#img2 {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img-2.jpg');background-repeat:no-repeat}
#img3 {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img-3.jpg');background-repeat:no-repeat}
#img4 {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img-4.jpg');background-repeat:no-repeat}
#img5 {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img-5.jpg');background-repeat:no-repeat}
#img6 {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img-6.jpg');background-repeat:no-repeat}
#img7 {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img-7.jpg');background-repeat:no-repeat}
#img8 {margin:0 auto; width:1000px; height:150px; background-image:url('../_images/main-img-8.jpg');background-repeat:no-repeat}

#boxes-wrapper {background-image:url('../_images/boxes-bg.jpg') ; background-repeat:repeat; height:260px; width:100%; padding-bottom:200px; clear:both; padding-top:10px}
#boxes {margin:0 auto; width:950px; height:280px;}
#box { position:relative; background-image:url('../_images/boxes.jpg'); background-repeat:no-repeat; width:269px; height:230px; margin-left:36px; float:left; padding: 7px 10px 0px 10px}
#readmore { position:absolute; top:206px; left:150px}

#content-wrapper  {width:100%; clear:both;}
#content {margin:0 auto; width:870px; padding:25px 0 25px 0}


#break { width:100%; border-bottom-color:#c5c1a8; border-bottom-style:dashed; border-bottom-width:thin; height:10px;margin-top:10px; margin-bottom:10px; clear:both}
.right {border-right-color:#c5c1a8; border-right-style:dashed; border-right-width:thin; height:inherit}
.left {border-left-color:#c5c1a8; border-left-style:dashed; border-left-width:thin}

#footer-wrapper  {background-image:url('../_images/footer-bg.jpg'); height:50px; background-repeat:repeat; clear:both; width:100%; clear:both; margin-top:15px; margin-bottom:25px; padding-top:15px}
#footer {margin:0 auto; width:870px; height:50px;}


/*///////////////////////////// PAGE COL LAYOUTS ///////////////////////////////////////////////////////////*/

/****Page 1******/
#page1 #col1{ float:left; width:625px; padding-right: 10px}
#page1 #col2{ float:left; width:235px; padding-left:15px}

/****Page 2******/
#page2 #col1{ float:left; width:630px; padding-right: 10px}
#page2 #col2{ float:left; width:240px; padding-left:15px}
#page2 #col3{ float:left; width:290px; padding-left:10px; padding-right:10px}

/****All Pages******/
#shopinfo {float:left; margin:0 0 0 5px; padding:5px; font-family:Arial, Helvetica, sans-serif;color: #666666;font-size: 10px;line-height: 11px; width:160px}
.fl {float:left}





