/* IE & FF Fix */
* {margin:0; padding:0;}
html, body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:url(images/general/pageBgsub.jpg) repeat-x;}

/* Classes */
a {color:#b19765; text-decoration:none}
a:hover { background:#b19765; color:#FFF; }
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.clearBoth {clear:both;}
.fLeft {float:left;}
.fRight {float:right;}

/* Main Page */
#page-container {width:1000px; margin:auto;}

/* Header */
#topBar {background:url(images/general/cartLinksBg.jpg) no-repeat top right #000; background-color:#000; color:#efeac6;}
#topBar a {color:#efeac6; text-decoration:none;}
#topBar a:hover {color:#FFF; text-decoration:none;}

#cartNav {float:right; padding:29px 27px 0 0}
#cartNav li {list-style:none; display:inline; padding:0 8px; border-right:1px solid #efeac6; color:#efeac6;}
#cartNav li.last {border-right:none;}

#mainNav {margin-top:43px; margin-left:27px;}
#mainNav li {float:left; text-indent:-9999px; list-style:none;}
#mainNav li h2 {width:148px; height:31px; font-size:14px;}

#mainNav li h2#homeBtn {background: url(images/nav/home-out.jpg) top left; text-decoration:none; color:#FFF;}
#mainNav li h2#homeBtn:hover, #mainNav li a:hover h2#homeBtn {background-position: 0 -166px; color:#94dc23;}

#mainNav li h2#homeBtn {background: url(images/nav/homeBtn.jpg) top left; text-decoration:none;}
#mainNav li h2#homeBtn:hover, #mainNav li a:hover h2#homeBtn {background-position: 0 -31px;}

#mainNav li h2#productsBtn {background: url(images/nav/productsBtn.jpg) top left; text-decoration:none;}
#mainNav li h2#productsBtn:hover, #mainNav li a:hover h2#productsBtn {background-position: 0 -31px;}

#mainNav li h2#order-onlineBtn {background: url(images/nav/order-onlineBtn.jpg) top left; text-decoration:none;}
#mainNav li h2#order-onlineBtn:hover, #mainNav li a:hover h2#order-onlineBtn {background-position: 0 -31px;}

#mainNav li h2#profileBtn {background: url(images/nav/profileBtn.jpg) top left; text-decoration:none;}
#mainNav li h2#profileBtn:hover, #mainNav li a:hover h2#profileBtn {background-position: 0 -31px;}

#mainNav li h2#our-termsBtn {background: url(images/nav/our-termsBtn.jpg) top left; text-decoration:none;}
#mainNav li h2#our-termsBtn:hover, #mainNav li a:hover h2#our-termsBtn {background-position: 0 -31px;}

#mainNav li h2#contactBtn {background: url(images/nav/contactBtn.jpg) top left; text-decoration:none;}
#mainNav li h2#contactBtn:hover, #mainNav li a:hover h2#contactBtn {background-position: 0 -31px;}

#header {}

/* Page Titles */
#welcomeTtl {background:url(images/headings/welcomeTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}
#brandsTtl {background:url(images/headings/brandsTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}
#productsmenuTtl {background:url(images/headings/productsmenuTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}
#productsTtl {background:url(images/headings/productsTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}
#ourtermsTtl {background:url(images/headings/ourtermsTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}
#ourprofileTtl {background:url(images/headings/ourprofileTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}

#contactinfoTtl {background:url(images/headings/contactinfoTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}
#addressTtl {background:url(images/headings/addressTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px;}

#complianceTtl {background:url(images/headings/complianceTtl.jpg) no-repeat; width:283px; height:53px; text-indent:-9999px; margin-top:30px; }

/* Main Content */
.column1 {float:left; width:283px; padding:25px;}
.column2 {float:left; width:950px; padding:25px;}
.column3 {float:left; width:610px; padding:25px;}
.column3 h3 {color:#8f9d5f; font-size:20px; padding:20px 0 10px 0; text-transform:capitalize;}
.column4 {float:left; width:450px; padding:25px;}
.column4 h3 {color:#8f9d5f; font-size:20px; padding:20px 0 10px 0; text-transform:capitalize;}
.column5 {float:left; width:450px; padding:25px;}

#productList {float:left; width:293px;}
#productList li {float:left; list-style:none; padding:5px 5px 2px 0;}

.productBox {float:left; width:185px; margin:0 52px 22px 0; border-bottom:1px solid #CCC;}
.productTitle {color:#8f9d5f; font-size:16px; padding:5px 0;}
.productBox ul {padding:3px 0; border-top:1px solid #CCC;}
.productBox li {list-style:none; padding:5px 0;}

.termsTitle {color:#8f9d5f; font-size:16px; padding:5px 0;}
.termsList { padding:15px 0;}
.termsList dt { font-weight:bold;}
.termsList dd {padding:7px 0;}

#contactAddy li {list-style:none; padding:2px 0;}

/* Footer */
#footerBg {background:#000; height:140px; color:#fff}
#footer {width:1000px; margin:auto; padding-top:100px;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#000; background:#b19765; text-decoration:none;}
#ourLink {float:left; margin:0px; padding:0px;}
#lowerNav {float:right; list-style:none;}
#lowerNav li {display:inline;}

#searchEngineScript {text-align:left; width:680px; margin:auto; padding:20px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666;}
#searchEngineScript em {font-style:normal;}
#searchEngineScript strong {font-weight:normal;}


#customerDetails { list-style: none; margin: 0; padding: 0 }
#customerDetails li { float: left; width: 200px; margin-bottom: 20px;  }
#customerDetails dt { float: left; width: 100px }
#payButton  { clear: both; margin-top: 20px; text-align: right }

fieldset {margin-bottom:20px; width:200px; border:1px solid #CCCCCC; padding:0; float:left}
legend {background:#ccc;}
.xtrapad { padding-top:30px }