@charset "utf-8";
/* CSS Document */
@import "reset.css";
body{background:#e3e3e3; font-family:Verdana, Arial, Helvetica, sans-serif; color:#202020; font-size:12px}
.cds_pages_body {font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif; padding-bottom:6px; text-align:justify}
.productListing-data a{font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif; padding-bottom:6px; color:#000;}
.inputRequirement{color:#FF0000; text-decoration:none}
a{color:#7fae6d; text-decoration:none}
a:hover{text-decoration:underline; color:#4f8d36}

hr {
   border: solid 1px #c7e3af;
   }

h1{font: normal 22px/30px Verdana, Tahoma, Arial ; border-bottom:1px solid #cbcbcb; padding:10px 0 4px 0; margin-bottom:15px;}

h2{font:bold 14px/30px Verdana, Tahoma, Arial; padding-bottom:6px}
h2.sub-cat{border-bottom:1px solid #cbcbcb; padding:10px 0 4px 0; margin-bottom:15px}
h2.page-name{border-bottom:1px solid #cbcbcb; margin-bottom:15px;padding:0 0 6px 22px; background:url(../images/icon-healthsymbol2.jpg) no-repeat 0 3px;}
h3{font-size:14px; font-weight:bold; padding-bottom:6px}

.cms li{background:url(../images/bullet-lgreen.gif) no-repeat 0 5px; padding:0 0 8px 10px; margin-left:12px}
.cms ol{margin-left:12px}
.cms ol li{background:none; padding:0 0 8px 10px; margin-left:12px; list-style:decimal}

#container{background:#fff; width:985px; margin:auto; padding:0 5px 5px}
#header-top{height:102px; background:url(../images/bck-header.gif) repeat-x}
#logo{float:left;width:300px; height:72px; margin:5px 0 0 5px; padding-right:15px}
#logo a{background:url(../images/logo.png) no-repeat; width:300px; height:72px; background-size: 300px 72px; display:block; position:absolute}

#top-menu{font-size:12px; font-weight:bold; color:#5c8134; background:#c1e0a6 url(../images/bck-lgreen.gif) repeat-x; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px}
#top-menu li{float:left; background:none}
#top-menu li a{color:#5c8134; text-decoration:none; padding:10px 20px; display:block; border-right:1px solid #ebf5e3}
#top-menu li a.last{border:0; padding-right:19px}
#top-menu li a:hover{color:#416717; text-shadow:#f6f6f6 1px 1px}

#banner{width:583px; height:183px; background:url(../images/banner.jpg)}

#content{padding:5px 0 15px 0}
#content .leftpanel{float:left; width:195px; margin-right:16px}
#content .centerpanel{float:left; width:583px}
#content .rightpanel{float:right; width:175px}
#content .rightpanel2{float:right; width:774px}

#footer{}
.footer{background:#eaeaea url(../images/health-symbol.jpg) 10px 10px no-repeat; padding:20px 20px 20px 120px; font-size:11px}
.footer .col1{float:left; width:185px; padding-right:15px}
.footer .col2{float:left; width:145px; padding:0 15px}
.footer .col3{float:left; width:150px; padding-left:15px}
.footer .col4{float:left; width:145px}
.footer .col5{float:left; width:155px}
.footer .col1, .footer .col2{border-right:1px solid #d5d5d5}

.footer ul{padding-left:20px}
.footer li{color:#939393; list-style:square; background:none}
.footer a{color:#515151; line-height:16px}

#copyright{background:#cdcdcd; color:#000000; font-size:10px; padding:10px; text-align:center}

.cust-support{background:url(../images/cust-support.jpg) no-repeat; height:93px; width:437px; float:left}

.header-contact-number {float: left; margin: 5px 0 0 5px;}
.header-pure{ float: left;}
.header-contact { float: left;}
.customer-service {color: #315D20; font-weight: 500; text-align:left; font-size:12px;}
.numbers { background-image: url(../images/reciever-icon.png); background-repeat:no-repeat; color: #4A5F24; font-family: cursive; font-size: 22px; padding:0 0 0 30px;}
.us-uk {
    color: #303030;
    font-size: 12px;
    font-weight: bold;
}


#header-cart{float:right; background:url(../images/shadow-cart.jpg) no-repeat center bottom; padding-bottom:10px; margin:14px 15px 0 0; line-height:15px; min-width:225px; width:auto !important; width:225px}
#header-cart .box{background:#f5f9f0 url(../images/icon-cart.jpg) no-repeat 10px 12px; border:1px solid #dae9c9; padding:10px 10px 10px 60px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
#header-cart .header{color:#689301; font-size:12px; text-decoration:underline; font-weight:bold; padding-bottom:3px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#header-cart .btn-checkout{background:url(../images/btn-checkout.gif) no-repeat; width:62px; height:16px; display:block; float:right; margin-left:10px}

.search-alph{background:url(../images/bck-ruler.gif) repeat-x; height:22px; margin-bottom:3px}
.search-alph .arrow{background:url(../images/search-alph.gif) no-repeat; width:152px; height:22px; float:left}
.search-alph ul{padding:6px 0 0 10px; float:left}
.search-alph li{float:left; width:32px; background:none}
.search-alph li.last{float:left; width:10px}
.search-alph li a{font-weight:bold}
.search-alph li a:hover{color:#000}

.top-search{background:#f0fde2; height:40px; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px}
.top-search .choosewisely{width:322px; height:39px; float:left}
.top-search .border{background:url(../images/v-line.gif) no-repeat right center;float:left; height:28px; padding:3px 25px 0 25px; margin-top:5px}
.top-search .border span{border:1px solid #b0d29e; float:left}
.top-search .border .topbdr{border-top:1px solid #5e5e5e}
.top-search label{background:#fff url(../images/icon-search.gif) no-repeat 5px 4px; width:18px; height:22px; float:left} 
.top-search .text{border:0; padding:2px 4px 4px; float:left; height:16px; width:230px; color:#666666; margin:0}
.top-search .btn{background:#e1e1e1; border:0; float:left; height:22px; padding:0 10px; color:#404340; font-weight:bold}

.box-lgreen{border:1px solid #c7e3af; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; background:#fff; overflow:hidden}
.box-lgreen .header{font-size:12px; font-weight:bold; color:#5c8134; background:#c1e0a6 url(../images/bck-lgreen.gif) repeat-x; padding:10px; border-top-left-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px}
.box-lgreen .header-grey{font-size:16px; font-weight:bold; color:#5c5c5c; background:#cdcdcd url(../images/bck-headergrey.gif) repeat-x; padding:10px; border-bottom:1px solid #e9e9e9; text-shadow:#f6f6f6 1px 1px;border-top-left-radius:4px; -moz-border-radius-topleft:4px; line-height:16px; margin:0; -webkit-border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px}
.box-lgreen .inner{padding:10px}
.box-lgreen .inner2{padding:5px}

.sub-heading{background:#f0fde3 url(../images/bullet-lgrey.gif) 10px 9px no-repeat; padding:4px 4px 4px 20px; font-size:12px; font-weight:bold; color:#5c8134; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; margin:5px 0 15px 0}
#sidecategory{background:url(../images/bottom-shadow.gif) center bottom no-repeat; padding-bottom:15px}
#sidecategory ul{background:#f6f6f6; padding-bottom:5px}
#sidecategory li{background:url(../images/h-line.gif) repeat-x left bottom; padding-bottom:2px}
#sidecategory li a{background:#f6f6f6 url(../images/icon-health-small.gif) no-repeat 4px 6px; padding:8px 8px 8px 25px; font-size:11px; font-weight:bold; color:#615e5e; display:block; text-decoration:none}
#sidecategory li a:hover{color:#000; background-color:#f0fde3}

#testimonials{color:#3e3e3e}
#testimonials .header{color:#3f413f}
#testimonials .name{color:#787878; font-weight:bold; padding-bottom:4px}
#testimonials .inner{font-size:11px}
#testimonials .read{text-align:right; padding-top:6px}
#testimonials .read a{font-weight:bold}

a.free-shipping{height:195px; height:137px; background:url(../images/free-shipping.gif) no-repeat; display:block; margin-top:15px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#474747; font-size:32px; padding-top:150px; text-decoration:none}
a.free-shipping:hover{text-decoration:none}

#livechat{margin-top:15px}
#livechat .header{color:#3f413f}
a.livechat{width:148px; height:71px; background:url(../images/livechat.gif); display:block; margin:auto}

#latestnews{background:#fcfdf8; margin-top:15px}
#latestnews .news{border-bottom:1px solid #eaf2d6; padding:13px 0; text-align:center}
#latestnews .news .title{font-weight:bold; padding-bottom:4px}
#latestnews .news .details{font-size:11px}

#cust-login label{color:#3f413f; font-size:12px; padding-bottom:4px; display:block}
#cust-login span{border:1px solid #cccccc; width:128px; margin-bottom:6px; padding:0 0 3px 22px; display:block}
#cust-login input.text{width:116px; padding:3px; color:#7d7d7d; border:0}
#cust-login .remember{color:#508f50; font-size:10px; padding-top:5px}
#cust-login .forgot{padding-top:5px; border-top:1px solid #e7e7e7; margin-top:10px}
#cust-login .forgot a{font-size:10px}
#cust-login .uname{background:url(../images/icon-username.gif) no-repeat 3px 5px}
#cust-login .pwd{background:url(../images/icon-pwd.gif) no-repeat 3px 5px}

.btn{padding-top:10px}
.btn-green{background:#4ca500 url(../images/btn-green.gif) repeat-x; color:#fff; font-weight:bold; font-size:11px; border:0; padding:4px; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px}
.btn-grey{background:#f4f4f4 url(../images/btn-grey.gif) repeat-x; color:#4c8b4b; font-weight:bold; font-size:11px; border:1px solid #b3b3b3; padding:3px; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px}
.btn-proceedtocheckout{background:#4ca500 url(../images/btn-green.gif) repeat-x; color:#fff; font-weight:bold; font-size:11px; border:0; padding:6px 10px; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px}
.btn-proceedtocheckout span{background:url(../images/cart_go.png); width:16px; height:16px; float:left; margin-right:6px}
.btn-proceedtocheckout:hover{color:#fff; text-decoration:none}
.btn-updatequantity{background:#f4f4f4 url(../images/btn-grey.gif) repeat-x; color:#4c8b4b; font-weight:bold; font-size:11px; border:1px solid #b3b3b3; padding:6px 10px; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px}
.btn-updatequantity:hover{color:#4c8b4b; text-decoration:none}
.btn-keepshopping{background:#f4f4f4 url(../images/btn-grey.gif) repeat-x; color:#4c8b4b; font-weight:bold; font-size:11px; border:1px solid #b3b3b3; padding:6px 10px; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; display:inline-block}
.btn-keepshopping:hover{color:#4c8b4b; text-decoration:none}

.product-list{width:185px; height:220px; border:1px solid #c0e8b0; float:left; margin-right:5px; position:relative; overflow:hidden; margin-bottom:5px;}
.last{margin-right:0}

.boxcaption{background:url(../images/bck-boxcaption.png); height:100px; position:absolute; width:185px; height:222px; left:0}
.boxcaption h2{color:#a4e28b; font-size:11px; padding:8px 40px 10px 10px; font-weight:bold}
.boxcaption h2 a{color:#a4e28b}
.boxcaption h2 a.dose{font-weight:normal; padding-top:4px; display:block}
.boxcaption p{color:#fff; font-size:10px; line-height:normal; padding:0 40px 0 10px; height:139px; overflow:hidden; margin-bottom:15px}
.boxcaption a.details{color:#fff; font-size:10px; background:#000; padding:4px 6px; float:right; display:block}
.boxcaption a.details:hover{color:#d5bf1b; text-decoration:none}

.summary{background:#fbfbfb url(../images/bck-greygradient.gif) repeat-x; font-size:11px; padding:20px; color:#515151}
.shadow{height:15px; width:570px; background:url(../images/shadow.jpg) no-repeat center top}
.shadow-large{height:16px; width:774px; background:url(../images/shadow-large.jpg) no-repeat center top}

.box-imgprod{border:1px solid #c0e8b0; width:220px; float:left; padding:10px; text-align:center; margin-bottom:15px; position:relative}
.zoom{width:113px; height:17px; background:url(../images/zoom.gif) no-repeat; position:absolute; bottom:0; right:0; display:block}
.col-prod-sortdesc{float:right; width:520px; margin-bottom:15px}
.prod-name{font-size:24px; padding:0 0 6px 22px; background:url(../images/icon-healthsymbol2.jpg) no-repeat 0 3px; position:relative; left:-6px}
 .prod-name a {font-size:18px; font-weight:normal; color:#000;}
.prod-name span{font-size:17px; font-weight:normal}
.prod-sortdesc{line-height:18px; padding-left:4px}
div.sub-cat{background:#f0fde3 url(../images/bullet-lgrey.gif) 10px 9px no-repeat; padding:4px 4px 4px 20px; font-size:12px; font-weight:bold; color:#5c8134; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; margin-bottom:4px}

a.btn-addtocart{background:url(../images/btn-addtocart.gif); display:block; width:127px; height:22px; margin:auto}

table.border{border:1px solid #c7e3af;}
table.border th, table.border td{padding:8px 10px; border-right:0px solid #e0e0e0; border-bottom:0px solid #e0e0e0;}
table.border th{font-weight:bold; color:#5c8134; background:#e1e1e1 url(../images/bck-headergrey.gif) repeat-x}
table.border th.center{text-align:center}
table.border td{background:#fff}
table.border tr.last td{border-bottom:0}
table.border th.last, table.border td.last{border-right:0}
table.border th.order, table td.order{text-align:center}
table.border td.price{color:#ff4000; font-size: 12px;}
table.border tr.popular td{background:#f9f5d8}
table.border tr.alternate td{background:#f7f7f7}
table.border tr.popular td.package{font-weight:bold}
.price{color:#ff4000; font-size: 12px;}
.table-border table{border:1px solid #c7e3af;}
.table-border table th, .table-border table td{padding:8px 10px; border-right:0px solid #e0e0e0; border-bottom:0px solid #e0e0e0}
.table-border table th{font-weight:bold; color:#5c8134; background:#e1e1e1 url(../images/bck-headergrey.gif) repeat-x}
.table-border table th.center{text-align:center}
.table-border table td{background:#fff}
.table-border table tr.last td{border-bottom:0}
.table-border table th.last, .table-border table.border td.last{border-right:0}
.table-border table th.order, .table-border table td.order{text-align:center}
.table-border table. td.price{color:#ff4000; font-size: 12px;}
.table-border table tr.popular td{background:#f9f5d8}
.table-border table tr.alternate td{background:#f7f7f7}
.table-border table tr.popular td.package{font-weight:bold}

.tag-popular{background:url(../images/tag-popular.gif); width:17px; height:29px; float:right; margin-top:-24px; position:relative}

.note{font-style:italic; padding-top:30px}

.breadcrumb{background:#f4f4f4; padding:4px 6px; font-size:11px; color:#5c8134; font-weight:bold; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; margin-bottom:10px; font-size:0.9em;}
.breadcrumb li {display:inline;}
.breadcrumb li a {background:url(../images/bullet-lgrey.gif) no-repeat scroll right 5px transparent;padding-right:10px;color:#5c8134;font-weight:normal;padding-right:12px}

input.cartitem{padding:3px; border-top:2px solid #c6e2b1; border-right:1px solid #c6e2b1; border-bottom:1px solid #c6e2b1; border-left:2px solid #c6e2b1; width:40px; background:#f8faf7; text-align:center}
.cartremovelink{font-size:11px; color:#696969}
.cartitem-prodname{color:#4d4d4d; font-size:15px; font-weight:bold}
.cartitem-sub-cat{color:#80b26d; font-size:11px; font-weight:bold}
.grandtotal td{background:#f0fde3; padding:15px 10px}

.centerpanel form .info{color:#5c8134; line-height:18px}
.centerpanel form .sub-heading{background:#f0fde3 url(../images/bullet-lgrey.gif) 10px 9px no-repeat; padding:4px 4px 4px 20px; font-size:12px; font-weight:bold; color:#5c8134; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; margin:5px 0 15px 0}
.centerpanel form label{width:150px; display:block; float:left; padding:1px 0 0 20px; margin-bottom:20px}
.centerpanel form label.radioButtonLabel{width:20px; float:none; padding:0 20px 0 5px; display:inline}
.centerpanel form label.checkboxLabel{width:auto; float:none; padding:0 20px 0 5px; display:inline}
.centerpanel form input.text{width:250px; padding:3px; color:#7d7d7d; border:1px solid #cccccc; float:left;}
.centerpanel form select{width:258px; padding:3px; color:#7d7d7d; border:1px solid #cccccc; margin-bottom:10px; float:left;}
.alert{color:#FF0000; padding:0 5px; font-size:11px}
span.msg{color:#666666; font-size:11px}
.centerpanel form .forward{padding:5px 0; margin:5px 0; border-top:1px solid #e5e5e5}
.centerpanel .leftpad{padding:0 0 0 20px}

.top-search ul{float:left;}
.top-search ul li{ float:left; padding-top:10px;}
.top-search ul li div.myaccount{ font-size:15px; color:#8b8135; padding:0px 0 0px 10px; font-weight:bold; font-family:"Myriad Pro"; text-shadow: #b4b5b4 0px 2px 2px;
}
.top-search ul li div.myaccount a{color:#8b8135; text-decoration:none;}
.top-search ul li div.myaccount a:hover{color:#5c8134;}
.top-search ul li ul{list-style-type:none; background: #c6e9a3 url(../images/drop.jpg) repeat-x; -moz-border-radius:5px; width:125px;
padding:5px 12px 5px 8px; position:absolute; z-index:100;
text-indent:0;}
.top-search ul li ul li{border-bottom:1px dotted #ccd9bf;
clear:both;
float:none;
margin:0;
}
.top-search ul li ul li a{color:#5c8134;
font-size:12px;
font-weight:normal;
padding-left:11px;
text-decoration:none;}


.top-search ul li ul li a:hover{color:#fff; background:#a0bd84; display:block;}

.top-search ul li div.padding{padding:4px 0px 0px 25px; font-weight:bold;}
#account-info .col1{float:left; width:100px; padding:10px 10px 10px 20px}
#account-info .col2{float:left; width:400px; padding:10px}

.messageStackError{ color:red;   }

.inner ul {padding-bottom: 15px;  line-height:20px;  }
.testimonialbox{background:#f4f4f4; padding:8px 10px; color:#666666; -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; margin-bottom:10px}

.nav{ display:none;}

@media only screen and (min-width: 246px) and (max-width: 767px) {

#container{ width:96%; margin:auto;}


#logo {
    float: none;
    height: 80px;
    margin: auto;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

.header-contact-number {
    display: block;
    float: none;
    margin: 10px auto;
    width: 100%;
	padding:10px;
}
	

.header-contact {
    float: left;
    padding-top: 26px;
}
#header-cart{ width:90%!important; background-image:none;}

#top-menu{}

.search-alph{ width:100%;}

.search-alph .arrow{ width:70%;}


.search-alph ul {
    background: #f0fde2 none repeat scroll 0 0;
    padding: 10px;
    width: 92%;
}

.top-search{  margin: 15px auto;}\

.numbers{ height: 45px !important;}

#content {
    display: block;
    float: none;
    margin: 100px 0 10px;
    padding: 5px 0 15px;
    width: 100%;
}


#content .leftpanel {
    float: none;
    margin-right: 0;
    width: 100%;
}

a.free-shipping{margin: 10px auto; background-position:center;}

#content .centerpanel {
    float: none;
    width: 100%;
}

.top-search .border{    padding: 3px 0 0; margin:auto; width:100%;}
.top-search label{  padding: 0 6px; float:right;}


.top-search .border span {
    border: 1px solid #b0d29e;
    float: left;
    margin: auto;
    width: 100%;
}
.top-search .border .topbdr{ border:none;}

.top-search .text {
    position: absolute;
    width: 68%;
}




#logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll center center / 300px 72px;
    display: block;
    height: 72px;
    position: absolute;
    width: 100%;
}


#productSample {
    position: relative;
   
}

.prc {
    display: block;
    width: 100%;
}

#livechat .header {
    color: #3f413f;
    margin: 0 0 2px;
}

#banner {
    background: rgba(0, 0, 0, 0) url("../images/banner.jpg") no-repeat scroll 0 0 / 100% 100%;
    height: 97px;
    width: 100%;
}
.shadow{width: 100%;}

.product-list {
    float: none;
    margin: 10px auto;
}
.last{margin:auto;}


#content .rightpanel {
    float: none;
    width: 100%;
}

.footer{ padding:20px;}


.footer .col1, .footer .col2 {
    border-right: medium none;
    padding: 0;
    width: 100%;
}

.footer .col3{ margin: 10px auto;
    padding-left: 0;}


.inner table td {
    display: block;
    width: 100%;
}

.centerpanel td {
    display: block;
}
.MsoNormal > img {
    width: 100%;
}

.box-imgprod {
    border: 1px solid #c0e8b0;
    float: none;
    margin:0px auto;
    padding:0;
    position: static;
    width: 100%;
}

.ins-page tbody, .ins-page tr, .ins-page td{ display:block;}


table.ins-page {
    display: block;
}

.MsoBodyText > img {
    width: 100%;
}

#content .rightpanel2 {
    float: none;
    width: 100%;
}

.col-prod-sortdesc {
    float: none;
    margin-top: 10px;
    width: 100%;
}

.prod-name{ left:0;}

.shadow-large{ width:100%;}

table.border th, table.border td{ padding:8px 0;}

a.btn-addtocart {
    background: rgba(0, 0, 0, 0) url("../images/btn-addtocart.gif") repeat scroll 0 0 / 100% 100%;
    display: block;
    height: 22px;
    margin: auto;
    width: 100%;
}


#div_cart table {
    width: 96%;
}

#div_cart table.border th, table.border td {
    padding: 7px 8px;
    width: 100%;
}
.cds_pages_body img {
    width: 100%;
}

.inner fieldset .inputLabel{
    margin: 10px 0 4px !important;
    padding: 0 !important;
    width: auto !important;
}

.inner fieldset .inputLabel{
    display: block !important;
    width: 100% !important;
}

.inner fieldset label{
    display: block !important;
    margin: 7px 0 3px !important;
    padding: 0 !important;
    width: 100% !important;
}


}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
#container{
    margin: auto;
    padding: 0;
    width: 100%;
}

#logo{
    float: none;
    height: 78px;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}


#logo a{
    background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll center center / 300px 72px;
    display: block;
    height: 72px;
    position: absolute;
    width: 100%;
}

#header-top{ height:auto;}

#header-cart{width:35%; margin:14px 15px 10px 0;}

.top-search{ height:auto;}

#content .leftpanel{
    float: left;
    margin:0 5px;
    width: 20%;
}

#content .centerpanel{
    float: left;
    width: 57%;
}

#content .rightpanel{
    float: left;
    margin-left: 5px;
    width: 20%;
}


#cust-login span{ width:80%;}

#cust-login input.text{ width:80%;}

.btn-green{ margin-bottom:4px;}


a.free-shipping{ background-size:100% 100%;}

.shadow{ width:100%;}


.footer .col4{
    margin-top: 30px;
}
.footer .col5{
    margin-top: 30px;
}


#content .rightpanel2{
    float: right;
    margin-right: 10px;
    width: 75%;
}
.shadow-large{ width:100%;}

.box-imgprod{ width:34%;}

.col-prod-sortdesc{ width:58%;}

.cds_pages_body img {
    width: 100%;
}

table.ins-page{ display:block; width:100%;}

.ins-page > tbody{ display:block; width:100%;}

.ins-page tr{ display:block; width:100%;}

.ins-page td{ width:100%;}

.MsoNormal > img{
    width: 100%;
}
.centerpanel .centerpanel {
    width: 100% !important;
}


p.MsoNormal {
    padding: 10px;
}


.inner fieldset .inputLabel{
    margin: 10px 0 4px !important;
    padding: 0 !important;
    width: auto !important;
}

.inner fieldset .inputLabel{
    display: block !important;
    width: 100% !important;
}

.inner fieldset label{
    display: block !important;
    margin: 7px 0 3px !important;
    padding: 0 !important;
    width: 100% !important;
}


.nav [type="checkbox"]:checked ~ ul{margin-top: -6px!important;}
.nav label{top: 52px!important;}

}

@media only screen and (max-width: 1023px) {
	
	#top-menu ul{ display:none;}
	
	.nav{ background:#fff; margin:0 0 10px; display:block;}
	
	.nav ul {
		  display: none;
	}

	.nav label {
  		display: block;
  		background: #497115;
		  width: 40px;
  		height: 40px;
  		cursor: pointer;
		  position: absolute;
		  right: 15px;
  		top: 112px;
	}
  
  
.nav > input {
    display: none;
}
  
.nav label:after{
  content:'';
  display: block;
  width: 30px;
  height: 5px;
  background: #fff;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #fff, 0px 20px 0px #fff;
}

	.nav [type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		  right: 15px;
		  left: 20px;
		  margin-top:49px;
	}

	.nav ul li {
		  display: block;
  		float: none;
  		width: 100%;
  		text-align: left;
  		background:#497115;
		  text-indent: 20px;
		 border-bottom:1px solid #8d8d8d;
		 padding:10px 0;
	}
	
	.nav ul li a{ color:#fff;}
	
	.nav ul li:last-child{ border-bottom:none;}
	
	.nav ul li:hover{ background:#4B4A46;}
	
	.nav ul li a:hover{ color:#fff;}

	.nav > ul > li {
  		margin-left: 0px;
	}}