/* CSS Document */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
img { border: 0; }
#container { width:100%; margin:0 auto; border-top:7px #585858 solid; }

.header { width:772px; margin:0 auto; height:114px;  }
.header .left { width:470px; float:left; margin:0.2em 0 0.2em 0.2em; }
.header .left .logo-wrapper { width:236px; float:left; text-align:center;}
.header .left .logo-wrapper .logo { display:block; float:left; height:80px; width:236px; background:url(../images/logo.png) no-repeat; margin:10px 0 5px 0;}
.header .left .logo-wrapper .logo span { display:none; }
.header .left .logo-wrapper .visit { color:#777; font-size:14px; font-weight:bold; text-decoration:none; font-weight:bold;}
.header .left .logo-wrapper .visit:hover { color:#9aca3c; text-decoration:underline;}
.header .left .phone { display:block; height:45px; border-left:1px #e9e9e9 solid; padding:0.5em; margin:0; font-size:24px; font-weight:normal; float:right; margin-top:25px; color:#868888; }
.header .left .phone span { font-size:13px; font-weight:normal; color:#868888; }

.header .right { width:297px; height:107px; float:right; margin:0; text-align:right;}
.header .right .search { width:263px; background:url(../images/bottom_search.jpg) bottom no-repeat; padding:10px; margin-left:10px; }
.header .right .search form { margin:0; padding:0; }
.header .right .search input { width:150px; border:1px #afafaf solid; background:#fff; font-size:13px; height:21px; }
.header .right .search .submit { width:83px; height:29px; background:url(../images/button.gif) no-repeat; color:#6a6a6a; font-size:13px; border:0; margin:0.4em 0 0 0.7em; }

.header .right h4 { color:#6e6e6e; font-weight:bold; font-size:15px; text-align:center; float:right }
.header .right .basket { display:block; width:29px; height:24px; background:url(../images/shopping-cart.jpg) no-repeat; float:right; margin:0.8em 0.7em; }

.navigation { margin:0 auto; list-style:none; width:772px; height:37px; clear:both; }


/* Fader */
#fader {width: 764px; height: 175px; margin:0 auto; background: #f9f8f5; border:1px #e3e3e3 solid; margin-top:10px;}
#fader h2 {font-size: 22pt; margin: 0;}
#fader h3, #fader p {font-size: 14pt; margin: 0; font-family: Arial, helvetica, Sans-Serif;}

#fadechild {width: 764px; height: 175px; background: #f9f8f5 url(../images/child.jpg) no-repeat left top;}
#fadechild h2 {padding: 15px 10px 20px 250px; font-size:22px; text-align:right; font-weight:normal; color:#6C9717;} 
#fadechild p { margin:0 1em 0 35em; text-align: right; padding:0;}
#fadechild a.more { color:#fff; font-size:13px; text-decoration:none; display:block; height:44px; font-weight:bold; padding:20px 0 0 0; width:107px; background:url(../images/read-more.jpg) no-repeat; text-align:center; vertical-align:middle;}
#fadechild a.more:hover { text-decoration:underline; }

#fadecompu {width: 764px; height: 175px; background: #f9f8f5 url(../images/compushield.jpg) no-repeat left top;}
#fadecompu h2 {padding: 15px 10px 20px 250px; font-size:22px; text-align:right; font-weight:normal; color:#6C9717;} 
#fadecompu p { margin:0 1em 0 35em; text-align: right; padding:0;}
#fadecompu a.more { color:#fff; font-size:13px; text-decoration:none; display:block; height:44px; font-weight:bold; padding:20px 0 0 0; width:107px; background:url(../images/read-more.jpg) no-repeat; text-align:center; vertical-align:middle;}
#fadecompu a.more:hover { text-decoration:underline; }

#fadephone {width: 764px; height: 175px; background: #f9f8f5 url(../images/phoneshield.jpg) no-repeat left top;}
#fadephone h2 {padding: 15px 10px 20px 280px; font-size:22px; text-align:right; font-weight:normal; color:#6C9717;} 
#fadephone p { margin:0 1em 0 35em; text-align: right; padding:0;}
#fadephone a.more { color:#fff; font-size:13px; text-decoration:none; display:block; height:44px; font-weight:bold; padding:20px 0 0 0; width:107px; background:url(../images/read-more.jpg) no-repeat; text-align:center; vertical-align:middle;}
#fadephone a.more:hover { text-decoration:underline; }

#fadesenior {width: 764px; height: 175px; background: #f9f8f5 url(../images/senior.jpg) no-repeat left top;}
#fadesenior h2 {padding: 15px 10px 20px 280px; font-size:22px; text-align:right; font-weight:normal; color:#6C9717;} 
#fadesenior p { margin:0 1em 0 35em; text-align: right; padding:0;}
#fadesenior a.more { color:#fff; font-size:13px; text-decoration:none; display:block; height:44px; font-weight:bold; padding:20px 0 0 0; width:107px; background:url(../images/read-more.jpg) no-repeat; text-align:center; vertical-align:middle;}
#fadesenior a.more:hover { text-decoration:underline; }



.menu { list-style:none; width:752px; background:url(../images/bg-nav.jpg) repeat-x; margin:0 auto; padding:0; float:left; height:41px;  }
.left-nav { background:url(../images/menu-left.jpg) left no-repeat; float:left; height:41px; width:10px; }
.right-nav { background:url(../images/menu-right.jpg) left no-repeat; float:right; height:41px; width:10px; }

.menu li { float:left; height:37px; }
.menu li a { display:block; padding:0 10px 0 10px; height:20px; font-weight:bold; text-decoration:none; font-size:13px; color:#fff; margin:1em 0 0 0; }
.menu li a:hover { text-decoration:underline;}

/* .banner { width:764px; margin:0 auto; height:175px; background:#f9f8f4 url(../images/bg_banner.jpg) left bottom no-repeat; border:1px #e3e3e3 solid; margin-top:0.8em; }
.banner h2 { color:#6C9717; font-weight:bold; font-size:32px; margin:1em 20px 0.2em 0; text-align:right;} 
.banner h3 { color:#323232; font-weight:bold; font-size:27px; margin:0em 100px 0.2em 0; text-align:right;} */

.content { width:774px; margin:0 auto; margin-top: 15px; }
.content .left { width:203px; float:left; }
.content .left .logo-box { margin:5em 0 0 2em; }
.content .left h3 { width:203px; background:#9aca3c; color:#fff; font-size:14px; padding:7px 5px 3px 5px; margin:0; height:19px; margin-bottom:0.4em;}
.content .left ul { margin:0; width:213px; list-style:none; padding:0; }
.content .left ul li { padding:5px; border-bottom:1px #dfdfdf dotted; margin:0 !important; }
.content .left ul li a { color:#231f20; text-decoration:none; font-size:13px; }
.content .left ul li .selected { font-weight: bold; }
.content .left ul li ul li { border-bottom:0; border-top:1px #dfdfdf dotted; }
.content .left ul li ul li a { margin-left: 15px; }

.content .right { float:left; width:545px; margin-left:22px;  }
.content .right h1 { font-size: 20px; color: #9aca3c; margin-top: 0; }
.content .right h2 { font-size: 16px; color: #9aca3c; }
.content .right p { font-size: 13px; color:#555555;}
.content .right p a { font-size: 13px; color: #6C9717; text-decoration:none;}
.content .right p a { text-decoration:underline;}

.related-items { border-top:3px #f0f0f0 solid; overflow:hidden;}

.products { margin:0 auto; list-style:none; clear:both; padding:0; }
.products li { width:175px; margin:0 auto; float:left; text-align:center; padding:2px; padding-right:2px; height:200px;}
.products li img { margin:0.8em; border:1px #ccc solid;}
.products li .title { display:block; width:160px; padding:3px; color:#464646; font-size:13px; text-align:center; }
.products li .title .price { color:#6C9717; font-weight:bold; }
.products li a.buy { display:block; text-align:center; clear:both; width:103px; height:20px; background:url(../images/buy_now.png) no-repeat; color:#fff; text-decoration:none; font-weight:bold; font-size:13px; padding:2px 0 0 0; margin:0 auto; }

.breadcrumb { margin: 0; line-height: 30px; padding-left: 8px; background-color: #F9F8F4; color: #000; margin-bottom: 10px;}
.breadcrumb a {color: #000; margin: 0 3px;}

.paging { padding:8px; font-size:12px; float:right; text-align:right; }
.paging a { font-size:11px; text-decoration:none; padding:2px 5px 2px 5px; border:1px #ccc solid; color:#666666; margin:0.1em; font-weight:bold; }
.paging b { font-size:11px; margin:0.2em; border:1px #ccc solid; padding:2px 5px 2px 5px; }

.previewlinks {width: 120px; float: right; margin-top: 40px; padding-left: 10px;}
.previewlinks img { border: 1px solid #dfdfdf; margin-bottom: 10px; }

.buy { margin-top: 10px; }
.buy p { margin: 10px 0; }
.buy #quantity { width: 20px; float: left; margin: 2px 10px 0 0; vertical-align: middle;  }
.addtobag { width:102px; height:24px; border:none; padding:7px 0 0 0; background:url(../images/add-cart.png) no-repeat; text-align:center; color:#fff !important; font-weight:bold; display:block; text-decoration:none !important; margin-left:40px;}

.old_price { color: #000; text-decoration: line-through; }
.new_price { color: #EF0E3E; }

#contactform {margin: 20px; padding: 20px; border: 1px solid #ccc;}
#contactform h2 {margin-top: 0;}
#contactform p {margin: 5px 0;}
#contactform label {width: 120px; float: left; padding-right: 5px; text-align: right;}
#contactform textarea {padding: 5px;}
.sendbutton {background-color: #6C9717; color: #ffffff; border: 1px solid #ccc; font-weight: bold; margin-left: 125px;}

.footer { height:41px; background:#f1f1f1; border-top:2px #dfdfdf solid; padding:8px; margin:0 auto; width:760px; margin-top:1em;}
.footer .copy { float:left; display:block; width:250px; color:#909090; font-size:11px; margin:1.5em 0 0 1em; }
.footer .footer-link { margin:0 1em 0 0; padding:0; float:right; list-style:none; margin-top:0.7em; }
.footer .footer-link li { float:left; padding:0 5px 5px 5px; }
.footer .footer-link li a { color:#555555; text-decoration:none; font-size:11px; }
.footer .footer-link li a:hover { color:#6C9717; }

.sub-footer { clear:both; color:#757474; font-size:13px; display:block; width:745px; margin:0 auto; margin-top:10px; }
.sub-footer a { color:#757474; text-decoration: none; font-size:11px;}