html { height:101%; }
html, body { margin:0; padding:0; }
body { min-width:790px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

img { border:0; }
form { margin:0; padding:0; }
input, select { vertical-align:middle; }
input.btnGo { position:absolute;right:3px;margin:0;_padding-top:2px; }
a, a:visited { color:#666; text-decoration:none; }
a:hover { text-decoration:underline; color:#FF9900; }
h1 { font-size:24px; border-bottom:solid 1px #ccc; color:#999; text-transform:uppercase; }
h2 { font-size:20px; }
ul.s1 { color:#999; }
ul.s1 li.selected { color:#FF9900; }

.verdana { font-family:Verdana, Arial, Helvetica, sans-serif; }
.bold { font-weight:bold; }
.noBold { font-weight:normal; }
.normal { font-weight:normal; font-size:12px; }
.noMargin { margin:0; padding:0; }
.hidden, .h { display:none; }
.cursorHand { cursor:hand; cursor:pointer; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; display:block; height:1px; overflow:hidden; margin:0; padding:0; }
.orange { color:orange !important; }
.gray { color:gray !important; }

#header { background:#E7C381; height:86px; }
#siteNav { background:#000; }
#content { background:#fff; width:80%; margin:35px 0 50px 0; min-height:500px; }
#content.noSubSec { width:100%; }
#content.noTopMargin { margin-top:0; }
#subSection { background:#cfc; width:19.9% }
#footer { background:#fff; clear:both; border-top:solid 1px #ccc; background:#fff; text-align:center; line-height:40px; font-size:11px; }
#footer ul { list-style:none; margin:0; padding:0; display:inline; }
#footer li { display:inline; padding-right:5px; background:url(../images/common/footer_vert_bar.gif) no-repeat 98% 50%; }
#footer li.last { background-image:none; }
#footer .ftInfo { width:480px;margin:auto; }
#footer .ftLinks { float:right; }
#footer .copyright { float:left; }

#header,#siteNav,#content,#subSection,#footer { overflow:visible; }
#header,#siteNav,#footer {width:100%} /* safari and opera need this */
#content,#subSection {float:left}

#header div { float:left; display:inline; }
#header .left { width:20%; }
#header .middle { position:absolute; left:20%; border-left:solid 1px #fff; border-right:solid 1px #fff; }
#header .pic1 { height:86px; background:url(../images/header/pic1.png) no-repeat; width:130px; border-right:solid 1px #fff; }
#header .pic2 { height:41px; background:url(../images/header/pic2.png) no-repeat; width:85px; border-top:solid 1px #fff; margin-top:44px; }
#header .right { height:86px; border-left:solid 1px #fff; width:79%; float:right; font-size:10px; font-weight:bold; }
#header .right input, #header .right select { font-size:11px; }
#header .right input { height:13px; }
#header .right div { float:none; display:block; }
#header .search { text-align:right; border-bottom:solid 1px #fff; padding-right:42px; padding-top:11px; height:33px; }
#header .memberNav { text-align:right; height:41px; }
#header .memberNav ul { margin:0; padding:0; list-style:none; margin:12px 20px 0 0; background:#FFD78E; width:365px; height:17px; line-height:17px; float:right; padding-right:3px; display:inline; }
#header .memberNav ul li { display:inline; border-right:solid 1px black; padding:0 5px; }
#header .memberNav ul li.name { color:#666; }
#header .memberNav ul li.last { border:0; }

#hpTopBar { height:30px; background:#9d8b68; }
#hpShowcase { height:268px; background:url(../images/home/showcase3.jpg) repeat-x; border-top:solid 1px #fff; }
#hp { overflow:hidden; height:330px; background:url(../images/home/content_vert_tile.gif) repeat-x; }
#hp h3 { font-size:12px; text-align:center; margin:0; padding:0; height:30px; line-height:30px; }
#hp h4 { font-size:12px; }
#hp #feature div { width:220px; margin:16px auto; }
#hp #feature h4 { margin-top:5px; }
#hp #feature, #hp #browse, #hp #news { float:left; }
#hp #feature { width:30%; }
#hp #browse { width:40%; }
#hp #news { width:29%; overflow:hidden; }
#hp #news div { width:220px; margin:16px auto; background:white; }
#hp #browse { border:solid 1px #ccc; border-top:0; height:500px; }
#hp #browse div { margin:20px auto; width:350px; }
#hp #browse span { color:red; }
#hp #browse p { border-bottom:solid 1px #ccc; width:210px; background:url(../images/home/new_01.jpg) no-repeat 20px 0; padding-left:140px; text-align:center; height:100px; }
#hp #browse p a, #hp #browse p a:visited { color:#FF9900; }
#hp #browse ul { list-style:square; color:#FF9900; }
#hpBtmBorder { height:20px; border-bottom:solid 1px #ccc; background:#e5e5e3; }

.about { width:700px; margin:0 auto; margin-bottom:50px; }
.about .note { font-weight:bold; color:red; }
.about ul { list-style:square; padding-left:13px; line-height:200%; float:left; }
.about div.sideNav { float:left; width:170px; }
.about div.content { float:left; width:500px; }

.prodSearch, .locator, .cat, .prod { width:550px; margin:auto; margin-top:30px; }
.prodSearch h2, .locator h2 { margin:0;background-color:#555;color:white;padding-left:10px;border-left:solid 12px #ffaa00; font-size:16px; padding:5px 10px; }
.prodSearch dl { display:table; margin:0; padding:0; float:right; width:350px; }
.prodSearch dt, .prodSearch dd { display:inline; margin:0; }
.prodSearch dt a { width:100px; float:left; }
.prodSearch div.clear { padding-top:20px; margin-bottom:20px; border-bottom:solid 1px #ddd; }

.locator .content { padding:30px;padding-top:15px;border:solid 1px #ccc;border-top:0; }
.locator ul { list-style:none; margin:0; padding:0; }
.locator li { position:relative; padding:20px; border-bottom:solid 1px #ddd; background:#fff; }
.locator li.last { border:0; }
.locator li div { position:absolute;top:20px;left:250px; }

.cat { width:780px; margin-top:0; }
.cat a:hover { text-decoration:none; }
.cat h2 { margin-top:0; border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:7px; }
.cat p { margin:0; }
.cat ul, .cat .catIndex { list-style:none; text-align:center; padding:0; margin:0; margin-top:20px; }
.cat ul li, .cat .item { float:left; width:100px; padding:0px 48px; border-right:solid 1px #ddd; height:122px; }
.cat ul li.firstRow, .cat .firstRow { padding-top:36px; }
.cat ul li.lastCol, .cat .lastCol { border:0; padding-right:0; }
.cat .divider { padding-top:30px;margin-bottom:8px;border-bottom:solid 1px #ddd; }

.prod { width:600px; overflow:visible; position:relative; margin-top:0; }
.prod .img { text-align:center; }
.prod div#caption { margin:auto; text-align:center; font-size:12px; font-weight:bold; margin-top:8px; }
.prod ul, .prod .altPics { list-style:none; font-size:11px; position:absolute; top:0; margin:0; padding:0; left:-130px; }
.prod li, .prod .thumbnail { width:110px; background:#D8D4CD; text-align:center; padding:5px 0; border:solid 1px #bbb; margin-bottom:15px; }
.prod p { width:600px; }
.prod dl { display:table; margin:0; border:solid 1px #bbb; border-top:0; height:auto; width:600px; background:url(../images/common/item_list_bg.gif) repeat-y; }
.prod dl.header { font-weight:bold; border-top:solid 1px #bbb; color:#fff; background:#000; }
.prod dt, .prod dd { display:inline; float:left; margin:0; padding:3px; }
.prod dt { width:100px; background:#ddd; }
.prod .header dt {  background:#000; }
.prod dd { width:340px; border-left:solid 1px #bbb; border-right:solid 1px #bbb; }
.prod dd.d { width:139px; border:0; }
.prod .disclaimer { margin-bottom:25px; font-size:10px; color:#666; }

.login div.label { width:100px; text-align:right; padding-right:10px; float:left; display:inline; height:20px; line-height:20px; margin-bottom:8px; margin-left:50px; }
.login .label { font-size:11px; } 
.login label { padding-top:2px; display:table-cell; padding-left:3px; _padding-left:0; }
.login input { float:left; }
.login .container { height:auto; }

.box { border:solid 1px #a9a9a9; width:500px; margin:auto; margin-top:30px; margin-bottom:200px; }
.box h1 { border:0; font-size:16px; text-transform:none; color:#000; margin:10px 0 20px 0; }
.box .container { padding:0 15px 0 15px; width:auto; }
.box .btnSec { height:40px; padding-top:15px; background:#EDEDED; border-top:solid 1px #a9a9a9; margin-top:15px; }

.register { width:600px; margin-bottom:0; }
.register h1 { margin-bottom:0; margin-bottom:8px; }
.register span { margin:0; color:#808080; margin-bottom:3px; }
.register .borderBtm { border-bottom:solid 1px #a9a9a9; padding-bottom:10px; }
.register, .register table { font-size:11px; }
.register .lbl { width:200px; text-align:right; padding-right:8px; height:27px; }
.register .lbl span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#F68622; }
.register .vAlignTop { padding-top:3px; }
