﻿.container { margin: 0 auto; width: 100%; text-align: center; }
.inner { margin: 0 auto; width: 958px; text-align: left; background: #f6f7e9 url(../userfiles/bg_inner.jpg); }

#header { margin: 0 auto; width: 958px; height: 126px; text-align: left; }

.topnav1 { margin: 0 auto; float: left; text-align: left; height: 18px; width: 168px; padding: 5px 20px 0px 20px; background-color: #769c87; }
.topnav2 { margin: 0 auto; float: left; text-align: center; height: 18px; width: 542px; padding: 5px 0px 0px 0px; background-color: #3a664b; }
.topnav3 { margin: 0 auto; float: left; text-align: left; height: 18px; width: 168px; padding: 5px 20px 0px 20px; background-color: #a3c0ae; }

.topnav1 p { font: normal 11px verdana; letter-spacing: 1px; color: #fff; padding: 0px; margin: 0px;}
.topnav2 p { font: normal 11px verdana; color: #fff; padding: 0px; margin: 0px;}
.topnav2 a { color: #fff; text-decoration: none; padding-left: 11px; padding-right: 10px; }
.topnav2 a.on { color: #ffd200; text-decoration: none; padding-left: 11px; padding-right: 10px; }
.topnav2 a:visited { color: #fff; text-decoration: none; padding-left: 11px; padding-right: 10px; }
.topnav2 a:hover { color: #ffd200; text-decoration: none; padding-left: 11px; padding-right: 10px; }
.topnav2 a:visited:hover { color: #ffd200; text-decoration: none; padding-left: 11px; padding-right: 10px; }
.topnav3 p { font: normal 11px verdana; letter-spacing: 1px; color: #fff; padding: 0px; margin: 0px;}

.nav { font: normal 11px Georgia, Sans-Serif; margin: 0 auto; float: left; width: 208px; padding: 13px 0px 20px 0px; background: #e9eac2; }
.nav ul { list-style-type: none; margin: 0px 0px 26px 0px; padding: 0px 0px 0px 0px; }
.nav ul li { display: block; font-size: 11px; padding-left: 20px; margin: 5px 0px 5px 0px; font-weight: normal; }
.nav ul li:hover { display: block; font-size: 11px; font-weight: normal; background: #bdc69a url(../userfiles/li-icon-hover.jpg) no-repeat 0px 5px; }
.nav ul li.selected { display: block; font-size: 11px; font-weight: normal; color: #3a664b; background: #bdc69a url(../userfiles/li-icon-hover.jpg) no-repeat 0px 5px; }
.nav ul li a { font: normal 11px Georgia, Sans-Serif; display: block; color: #3a664b; padding: 3px 0px 3px 0px; text-decoration: none; text-transform: uppercase; }
.nav ul li a:visited { font: normal 11px Georgia, Sans-Serif; display: block; color: #3a664b; padding: 3px 0px 3px 0px; text-decoration: none; text-transform: uppercase; }
.nav ul li a:hover { font: normal 11px Georgia, Sans-Serif; display: block; color: #3a664b; padding: 3px 0px 3px 0px; text-decoration: none; text-transform: uppercase;  }
.nav ul li a:visited:hover { font: normal 11px Georgia, Sans-Serif; display: block; color: #3a664b; padding: 3px 0px 3px 0px; text-decoration: none; text-transform: uppercase; }
.nav ul li.selected a { font: normal 11px Georgia, Sans-Serif; color: #3a664b; }

.nav ul li.sub { display: block; font-size: 11px; font-weight: normal; background-image: none; }
.nav ul li.sub:hover { display: block; font-size: 11px; font-weight: normal; background-image: none; background: #bdc69a url(../userfiles/li-icon-hover.jpg) no-repeat 13px 5px; }
.nav ul li.subselected { display: block; font-size: 11px; font-weight: normal; color: #3a664b; background: #bdc69a url(../userfiles/li-icon-hover.jpg) no-repeat 13px 5px; }
.nav ul li a.sub { display: block; color: #3a664b; padding: 3px 0px 3px 5px; text-decoration: none; background-image: none; text-transform: none; }
.nav ul li a.sub:visited { display: block; color: #3a664b; padding: 3px 0px 3px 5px; text-decoration: none; background-image: none; text-transform: none; }
.nav ul li a.sub:hover { display: block; color: #3a664b; padding: 3px 0px 3px 5px; text-decoration: none; background-image: none; text-transform: none; }
.nav ul li a.sub:visited:hover { display: block; color: #3a664b; padding: 3px 0px 3px 5px; text-decoration: none; background-image: none; text-transform: none; }
.nav ul li.subselected a { color: #3a664b; padding: 3px 0px 3px 5px; background-image: none; text-transform: none; }
.nav ul li.subselected a:hover { color: #3a664b; padding: 3px 0px 3px 5px; background-image: none; text-transform: none; }
.nav ul li.subselected a:visited { color: #3a664b; padding: 3px 0px 3px 5px; background-image: none; text-transform: none; }
.nav ul li.subselected a:visited:hover { color: #3a664b; padding: 3px 0px 3px 5px; background-image: none; text-transform: none; }

.content { margin: 0 auto; float: left; width: 490px; padding: 320px 26px 26px 26px; line-height: 19px; font-size: 13px; }
.content p { margin: 15px 0 15px 0; }
.content h1 
{
    font-size: 18px;
    color: #3a664b;
    font-weight: bold;
    line-height: 25px;
    font-family: verdana;
    padding-bottom: 0px;
}
.content h2 
{
    font-size: 18px;
    color: #333;
    font-weight: normal;
    line-height: 25px;
    font-family: Georgia, Sans-Serif;
}
.content h2.h2news
{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    font-family: verdana;
    margin: 0px;
    padding: 0px;
}
.content h3 
{
    font-size: 15px;
    color: #333;
    font-weight: normal;
    line-height: 25px;
    font-family: Georgia, Sans-Serif;
}
.content h3.h3product { font-size: 15px; font-family: verdana; color: #666666; padding: 0px; margin: 0px; font-weight: bold; }
.content h4 
{
    font-size: 13px;
    color: #333;
    font-weight: normal;
    line-height: 25px;
    font-family: Georgia, Sans-Serif;
}
.content .redlink
{
    color: red;
}
.content ul { list-style-type: none; padding-left: 37px; padding-top: 7px; }
.content ul li { list-style-type:none; padding-left:15px; margin-left:-13px; background:url(../media/bullet.jpg) left center no-repeat; }
.content .tdspacer { height: 5px; font-size: 1px; }
.content input { font: normal 12px verdana; border: 1px solid #ccc; }
.content textarea { font: normal 12px verdana; border: 1px solid #ccc; }
.content select { font: normal 12px verdana; border: 1px solid #ccc; }

.content .cart { font: normal 12px verdana; }
.content .checkouttxt { width: 200px; font-size: 12px; }
.tbcart  { font-size: 12px; font-family: verdana; border: 1px solid #ccc; width: 100%; background: #fff; }
.tbcart td { padding: 8px; }
.cartheader { font-size: 12px; font-family: verdana; color: #3a664b; border-bottom: 1px solid #ccc; background: #fafafa; font-weight: bold; }
.cartnorm { font-size: 12px; font-family: verdana; border-bottom: 1px solid #ccc; }
.carttotal { font-size: 12px; font-family: verdana; color: #000; font-weight: bold; }
.cartterms { font-size: 12px; font-family: verdana; }
.cartbuttons { text-align: right; }
.cartbuttons input { color: #000; }

.contact-area { margin: 0 auto; clear: both; float: left; margin-top: 10px; }
.contact-area label { clear: both; float: left; width: 80px; font-size: 12px; text-align: right; padding-right: 10px; }
.contact-area .txtcontact { border: 1px solid #e9eac2; background: #fff; width: 192px; }
.contact-area .txtVerify { vertical-align: top; border: 1px solid #e9eac2; background: #fff; height: 20px; width: 60px; text-align: center; margin-right: 5px; }

.contact-area-right { margin: 0 auto; float: left; padding-left: 30px; padding-top: 10px; }

.rightcolumn { margin: 0 auto; float: left; width: 208px; padding: 0px; }
.rightcolumn .box1 { margin: 0 auto; width: 168px; height: 283px; text-align: center; background: #c17b01; padding: 20px 20px 0px 20px; }
.rightcolumn .box1 p { margin: 0 auto; margin: 0px 0 15px 0; color: #fff; font-family: Verdana; font-size: 11px; line-height: 14px; text-align: left; }
.rightcolumn .box1 p.cheeseofthemonth { text-align: center; font-size: 12px; }
.rightcolumn .box2hdr { margin: 0 auto; width: 168px; height: 18px; text-align: left; padding: 5px 20px 0px 20px; background: #e2bd62; }
.rightcolumn .box2hdr p { font: normal 11px verdana; letter-spacing: 1px; color: #fff; padding: 0px; margin: 0px; }
.rightcolumn .box2 { margin: 0 auto; width: 168px; height: 94px; text-align: center; background: #f0ecd7; padding: 155px 20px 0px 20px; }
.rightcolumn .box2 p { margin: 0 auto; margin: 0px 0 0px 0; padding: 0px; padding-top: 15px; line-height: 14px; font-family: Verdana; font-size: 11px; text-align: left; }
.rightcolumn .box2 p.giftboxtxt { margin: 0 auto; margin: 0px 0 0px 0; padding: 0px; padding-top: 15px; line-height: 14px; font: normal 11px Georgia, Sans-Serif; text-align: left; }
.rightcolumn .box2btn { margin: 0 auto; width: 168px; height: 30px; text-align: left; background: #f0ecd7; padding: 0px 20px 0px 20px; }

.rightcolumn .box3hdr { margin: 0 auto; width: 168px; height: 18px; text-align: left; padding: 5px 20px 0px 20px; background: #d8b57f; }
.rightcolumn .box3hdr p { font: normal 11px verdana; letter-spacing: 1px; color: #fff; padding: 0px; margin: 0px; }
.rightcolumn .box3 { margin: 0 auto; width: 168px; height: 279px; text-align: left; background: #ecd4b0; padding: 0px 20px 0px 20px; }
.rightcolumn .box3 p { margin: 0 auto; margin: 15px 0 15px 0; line-height: 19px; font: normal 11px Georgia, Sans-Serif; }

.rightcolumn .box3 p.boxdate { font: bold 10px verdana; color: #333; }
.rightcolumn .box3 p.boxtitle { font: bold 11px verdana; color: #333; }

p.newsdate { font: normal 12px verdana; color: #333; padding: 0px; margin: 0px; margin-top: 13px; }

.footerimage { clear: both; margin: 0 auto; width: 958px; height: 245px; text-align: left; }

.footernav1 { margin: 0 auto; float: left; text-align: left; height: 18px; width: 168px; padding: 5px 20px 0px 20px; background-color: #c9cea6; }
.footernav2 { margin: 0 auto; float: left; text-align: center; height: 18px; width: 542px; padding: 5px 0px 0px 0px; background-color: #d5d9c8; }
.footernav3 { margin: 0 auto; float: left; text-align: center; height: 18px; width: 208px; padding: 5px 0px 0px 0px; background-color: #b5bd8e; }

.footernav1 p { font: normal 10px verdana; color: #333; padding: 0px; margin: 0px;}
.footernav2 p { font: normal 10px verdana; color: #333; padding: 0px; margin: 0px; letter-spacing: 0px; }
.footernav2 a { color: #333; text-decoration: none; }
.footernav2 a:visited { color: #333; text-decoration: none; }
.footernav2 a:hover { color: #3a664b; text-decoration: none; }
.footernav2 a:visited:hover { color: #3a664b; text-decoration: none; }
.footernav3 p { font: normal 10px verdana; color: #333; padding: 0px; margin: 0px;}


.footer { margin: 0 auto; padding: 0px; width: 991px; height: 46px; padding-top: 10px; text-align: center; background: url(../media/bg-footer.jpg) no-repeat; }
.footer p { margin: 0px; text-align: center; font-size: 10px; width: 786px; padding-left: 100px; padding-right: 100px; line-height: 13px; }