@import 'baths.css';

#main { border-top: none; background-image:url(../images/design/rrep.gif); }
#main #left { margin: 0; width:316px; }
#mend { background-image:url(../images/design/rend.gif); }
#left h2, #left .h2 { float: left; display: inline; margin: 8px 0 6px 21px; width: 248px; padding: 27px 0 0 14px; border-top: 1px solid #dbdbdb; color: #666; font: 19px/22px Arial, Helvetica, sans-serif; }
#left form.locate { position: relative; left: 33px; text-align: left }
#left form.locate input.zip { margin-left: 12px; }
#left .top { float: left; display: inline; width: 278px; height: 93px; position: relative; z-index: 0; background:url(../images/design/top.png) no-repeat 0 0; padding: 34px 0 0 38px; }
#left .top h2, #left .top .h2 { margin: 0 0 8px; font: 20px/20px "GSL"; text-transform:uppercase; border: none; width:272px; padding: 0; color: #333 }
#left .top h2.nof strong, #left .top .h2.nof strong { top: 0}
#left .top div { color: #424242; float: left; width: 250px; margin: 0; }
#filter { float: left; width: 316px; position: relative; top: -18px; z-index: 2 }
#main #left.landing { height: 534px; overflow: visible }
#left.landing #filter { height: 425px; }
ul.collapse { float: left; display: inline; width: 314px; margin: 0 0 0 1px; padding: 0; list-style: none; }
ul.collapse li { float: left; width: 314px; }
ul.collapse li a.c { width: 278px; height: 25px; background: url(../images/design/tab.png) no-repeat 0 0; font: 11px/16px "GSL"; color: #666; text-decoration: none; text-transform: uppercase; padding: 11px 0 0 36px; position: relative; z-index: 3; float: left; display: inline }
ul.collapse li a.c strong, #left .top h2 strong { font-family: "GS"; font-weight: normal; }
ul.collapse li.ok a.c:hover { background-position: 0 -36px; }
ul.collapse li.on a.c { background-position: 0 -36px; height:26px }
ul.collapse li ul { float: left; display: inline; width: 314px; list-style: none; margin: 5px 0 3px; padding: 0; }
ul.collapse li ul li { margin-bottom: 9px; }
ul.collapse input { float: left; display: inline; margin: 0 10px 0 18px; position: relative; top: 3px }
ul.collapse label { color: #666; cursor: pointer; }
ul.collapse label.all { font-size: 11px; }

#filter div.end { float:left; display: inline; width: 240px; padding: 14px 43px 0 33px; border-top: 1px solid #dcdcdc; }

#left.landing #filter div.end { background: url(../images/design/lend.png) no-repeat 0 0; position: absolute; bottom: 0; left:0; z-index: 1; border-top: none; padding-top: 12px; height: 88px; }
#filter div.end input.btn2 { background-image: url(../images/design/btn2.png); color: #666; height: 29px }
#left #filter div.end input.btn2:hover { background-position: 0 0; }
#filter div.end div.typeface-js { font: 10px/10px "GS"; color: #767676; text-align: center; margin: 8px 0 0; width:240px; background:url(../images/design/dfx.gif) no-repeat 0 0; }
#filter div.end div.typeface-js a { margin: 0 10px; text-transform: uppercase; color: #767676; text-decoration:none; float: left; display: inline; }
#filter div.end div.typeface-js a.two { float: right; }

#results { float: left; display: inline; width: 620px; height: 80px; padding: 29px 0 0 24px; background: url(../images/design/hdr_default.png) no-repeat 0 0; position: relative }
#results h1, #results .h1 { margin: 0; font: 26px/29px Georgia, "Times New Roman", Times, serif; color: #fff; text-transform:none }
#results h2, #results .h2 { margin: 0; font: 18px/20px Georgia, "Times New Roman", Times, serif; color: #fff; text-transform:none }
#results div { margin-top: 5px; color: #fff; }
#results div a { color: #fff; text-decoration: none }
#results div span.phpdigMessage a { color: #CBB14F; text-decoration: underline }
#results div a:hover { text-decoration:underline }

#rmore { display: none; float: left; display: inline; width: 563px; padding: 15px 56px 34px 24px; background-color: #eee; position: relative; color: #333; border-bottom: 1px solid #d9d9d9 }
#rmore h2, #rmore h1 { margin: 0 0 15px; font: 18px/22px Arial, Helvetica, sans-serif; }
#rmore h2.normalize, #rmore h1.normalize { font-size: 12px; line-height: 18px; display: inline; margin: 0 }
#itab, #ctab { display: block; width: 44px; padding: 1px 0 0 9px; font-size: 11px; color: #666; text-decoration: none; background: url(../images/design/info.png) no-repeat 0 0; position: absolute; bottom: 0; right: 14px } 
#ctab { background-position: 0 -19px; right: 13px; bottom: -1px }

#prods.s .prod div.h span.h.s { background-position: 0 -15px; }
#prods.pa .prod div.h span.h.pa { background-position: -16px -15px; }
#prods.w .prod div.h span.h.w { background-position: -32px -15px; }
#prods.ss .prod div.h span.h.ss { background-position: -48px -15px; }

#prods .sort { float:left; display: inline; width: 616px; height: 30px; position: relative; top: -3px; margin-left: 8px; }
#prods .sort select { width: 198px; font: 11px/14px Arial, Helvetica, sans-serif; color: #808080 }

#main #right { float: right; display: inline; margin: 0 2px 0 0; display: inline; width: 642px; overflow: hidden }
#left ul.collapse label.helped { float: left; }
#left div.help { float:left; width: 13px; height: 13px; background: url(../images/moreinfo.gif) no-repeat 0 0; position: relative; top: 2px; left: 6px; cursor:pointer }
#left div.help div.info { display: none; position:absolute; width: 495px; z-index:20; font: 11px/18px Arial, Helvetica, sans-serif; padding: 2px 17px 14px 14px; left: 15px; top: -20px; background:url(../images/design/infr.png) repeat-y 0 0; color: #666 }
#left div.help:hover div.info { display: block; }
#left div.help div.info div { position: absolute; top: -8px; left: 0; display: block; width: 526px; height: 8px; background:url(../images/design/inft.png) no-repeat 0 0; }
#left div.help div.info div.a { top: 16px; left: -10px; width: 11px; height: 22px; background-image:url(../images/design/infa.png); }
#left div.help div.info div.e { top: auto; bottom: -9px; height: 9px; background-image:url(../images/design/infe.png); }