#crumbs, #functionarea, .products, #compare { position: relative; width: 100%; text-align: left; margin-top: 10px; float: left; z-index:2}
#crumbs p { color: #D6D3B6; padding:3px 6px 6px 0; background: transparent url(../images/LayoutSpace.gif) repeat-x 0 bottom;}
#crumbs p a { text-decoration: underline;}
.btns { width: 143px; float: left; left: 0px;}
.btns ul li { color: #CCC; font-weight: bold; background: transparent url(../images/ProsLayoutImg.gif) no-repeat 0 -6px; display: block; height: 26px; margin-bottom: 8px; padding-left: 16px}
.btns ul li a { color: #666; display: block; height: 21px; padding-top: 5px; hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
.btns ul li a:hover { color:#FFF;}
.btns li a.blackbg { color: #FFF; background: #161616;}
.btns div span { color: #FFFFCC; font-weight: bold; text-align: center; display: block; padding:4px;}

/* Page function area settings */

.showbox { width: 829px; float: right; background-color: #161616; padding: 4px; height:178px;}
.recommendbox, .searchbox, .comparebox { width: 100%; position: relative;}
.pagenews { width: 198px; padding: 0 6px; position: absolute; top: 0; left: 619px;}
.pagenews h3 { color:#FF9900; line-height: 1.9em; text-transform: uppercase; text-align: center; height: 20px; border-bottom: 1px solid #444;}
.pnbox { height: 130px; overflow: hidden;}
.pnbox ul li { line-height: 1.256em; background: transparent url(../images/ArrowRed.gif) no-repeat 2px 9px; padding: 4px 0 4px 14px; border-bottom: 1px solid #444;}
span.upbtn, span.downbtn { display: block; position: absolute; cursor: pointer; padding-top: 4px;}
span.upbtn { left: 168px;}
span.downbtn { left: 190px;}
.searchbox dl dd { color: #aaa; float: left; height: 167px; overflow: hidden;}
dd.prosearch { width: 393px; padding: 0 8px;}
dd.records, dd.hotsearch { width: 189px; padding: 0 10px; border-left: 1px solid #333;}
dd.prosearch ul li { display: inline-block; padding: 4px 0; width: 100%;}
dd.prosearch li span { display: block; padding-bottom: 4px;}
dd.prosearch li div { float: left; width: 160px;}
dd.prosearch li div select { background-color: #333; color: #CCC; width: 140px;}
input.longsearchbg { color: #CCC; background: transparent url(../images/SearchInputBg.gif) no-repeat 0 0; width: 377px; height: 20px; padding: 5px 0 0 3px; border: none;}
dd.records h5, dd.hotsearch h5 { font-weight: normal; color:#FF6600; padding: 4px 0;}
dd.records ul li, dd.hotsearch ul li { line-height: 1.6em; background: transparent url(../images/icon_HotSearches.gif) no-repeat 0 5px; display: block; padding-left: 14px;}
dd.records p { line-height: 120%; background: transparent url(../images/icon_NotSearch.gif) no-repeat 0 5px; padding: 4px 0 4px 28px;}
.comparebox form { text-align: right; padding: 2px 6px 6px 0;}
.comparebox form a:link, .comparebox form a:visited { color:#FF9900; background: transparent url(../images/icon_Compare.gif) no-repeat 0 3px; padding-left: 18px; }
.comparebox form a:hover, .comparebox form a:active { text-decoration: underline;}
.comparebox dl dd { float: left; width: 205px; position: relative;}
.space3px { margin-right: 3px;}
.comparebox dd div { background-color: #FFF; height: 120px; padding: 5px;}
.comparebox dd h4 { font: bold 1.1em/1.2em Geneva, Arial, Helvetica, sans-serif; color: #CCC; background: transparent url(../images/repeatGray.gif) repeat-x 0 bottom; text-align: center; height: 25px; padding-top: 3px; overflow: hidden;}
.comparebox dd ul { width: 78px; height: auto; position: absolute; top: 6px; right: 6px;}
.comparebox dd ul li { text-align: center; padding-bottom:4px;}
span.cbprice { font: bold 1.5em/100% Arial, Helvetica, sans-serif; color: #FF7700; display: block; padding-bottom: 6px;}
.comparebox dd li a { display: block; width: 77px; height: 18px;}
.comparebox a span { display: none;}
a.btn_details { background: transparent url(../images/CompareBtn.gif) no-repeat 0 0;}
a.btn_customize { background: transparent url(../images/CompareBtn.gif) no-repeat 0 -22px;}
a.btn_remove { background: transparent url(../images/CompareBtn.gif) no-repeat 0 -44px;}

/* Product list settings */

.onecol, .twocol, .threecol, .fourcol { width: 100%; position: relative; margin-bottom: 8px; float: left;}
.onecol ul, ul.twopros, ul.twocompare, ul.twoprice, ul.threepros, ul.threecompare, ul.threeprice, ul.fourpros, ul.fourcompare, ul.fourprice, ul.twopros ul, ul.threepros ul, ul.fourpros ul { width: 100%; margin: 0; padding: 0;}
ul.twopros li, ul.twocompare li, ul.twoprice li, ul.threepros li, ul.threecompare li, ul.threeprice li, ul.fourpros li, ul.fourcompare li, ul.fourprice li, .onecol ul li, .opprice { float:left; position: relative;}
ul.twoprice li, ul.threeprice li, ul.fourprice li { padding: 6px 0;}
.prospace { margin-left: 4px;}
li.opheader { width: 100%; background: transparent url(../images/ProsLayoutImg.gif) no-repeat 0 -127px; height: 21px;}
li.opfooter { width: 100%; font-size: 0; line-height: 0; background: transparent url(../images/ProsLayoutImg.gif) no-repeat 0 -168px; height: 4px;}
li.opcontent { background: #FFF; width: 100%; float: left; position: relative;}
.opimg { width: 400px; float: left;}
.opinfo { width: 580px; float: right;}
.opinfo ul { width:100%; float: left; padding: 6px 0;}
.opinfo ul li { background: transparent url(../images/ProsLayoutImg.gif) no-repeat -304px -9px; display: block; padding: 3px 0 3px 14px; float:none; border-bottom: 1px solid #DDD;}

.twocol { background: transparent url(../images/TwoColBom.gif) no-repeat 0 bottom; padding-bottom: 4px; margin-bottom: 8px;}
ul.twopros, ul.twoprice { background: transparent url(../images/TwoColMainBg.gif) repeat-y; float: left;} 
ul.twocompare li, ul.twopros li { width: 488px;}
ul.twoprice li { width: 476px; padding-left: 12px;}
ul.twocompare li { background: transparent url(../images/ProsLayoutImg.gif) no-repeat 0 -98px; height: 21px;}
ul.twopros li li { line-height: 1.2525em; background: transparent url(../images/ProsLayoutImg.gif) no-repeat -304px -9px; width:252px; padding: 2px 6px 2px 14px; border-bottom: 1px solid #FFF;}
.tpimg { width: 200px; float: left;}
.tpinfo { width: 272px; padding: 0 0 0 8px; float: right;}

.threecol { background: transparent url(../images/ThreeColBom.gif) no-repeat 0 bottom; padding-bottom: 4px;}
ul.threepros, ul.threeprice { background: transparent url(../images/ThreeColMainBg.gif) repeat-y; float: left;}
ul.threepros li, ul.threecompare li { width: 324px;}
ul.threeprice li { width: 314px; padding-left: 10px}
ul.threecompare li { background: transparent url(../images/ProsLayoutImg.gif) no-repeat 0 -68px; height: 21px;}
ul.threepros li li { line-height: 1.2525em; background: transparent url(../images/ProsLayoutImg.gif) no-repeat -304px -11px; width:304px; padding: 0 6px 0 14px;}

.fourcol { background: transparent url(../images/FourColBom.gif) no-repeat 0 bottom; padding-bottom: 4px;}
ul.fourpros, ul.fourprice { background: transparent url(../images/FourColMainBg.gif) repeat-y; float: left;}
ul.fourpros li, ul.fourcompare li { width: 242px;}
ul.fourprice li { width: 232px; padding-left: 10px}
ul.fourcompare li { background: transparent url(../images/ProsLayoutImg.gif) no-repeat 0 -40px; height: 21px;}
ul.fourpros li li { line-height: 1.2525em; background: transparent url(../images/ProsLayoutImg.gif) no-repeat -304px -11px; width:222px; padding: 0 6px 0 14px;}

.alternative, .proimg, .proname, .specialbox{ width:100%; position: relative;}
.proimg, .proname, .specialbox { text-align: center;}
span.fixbtn { float: left; margin:3px 3px 0 5px !important; *margin: 0; padding-top:1px !important; *padding-top: 0;}
span.fixdescript { position: relative; top:3px;}
.proimg { padding: 6px 0; background: #FFF; height: 178px; min-height: 178px; max-height: 200px;  overflow: hidden;}
.proimg img { margin: 0 1px; cursor: pointer;}
span.casecolor { display: block; margin-top:5px;}
.proname { padding: 6px 0 4px 0;}
.specialbox { padding: 4px 0; margin-top: -3px;}
h3.proname { font-size: 1.22em; *font-size: 13px;}
h4.price { font: normal normal bold 1.8em/1.2em  Arial, Helvetica, sans-serif; color:#FF3300;}
.price span { font: normal normal normal 0.6em Arial, Helvetica, sans-serif; color:#000;}
ul.twoprice li a, ul.threeprice li a, ul.fourprice li a, .opprice a { background: transparent url(../images/ProsLayoutImg.gif) no-repeat -146px -8px; display: block; width:63px; height: 21px; position: absolute;}
ul.twoprice li a span, ul.threeprice li a span, ul.fourprice li a span, .opprice a span { display: none;}
a.more1 { top: 4px; left: 500px;}
a.more2 { top: 8px; left: 412px;}
a.more3 { top: 8px; left: 252px;}
a.more4 { top: 8px; left: 172px;}

/* Compare Page Settings */
h3.compproname { font-size: 1.22em; *font-size: 13px; height:30px; text-align:center}
.compareaction p { font: bold 1.2em/1.2em Geneva, Arial, Helvetica, sans-serif; padding-bottom: 6px;}
.compareaction a:link, .compareaction a:visited { color: #FFF; padding-left: 15px; margin-right: 15px;}
.compareaction a:hover, .compareaction a:active { text-decoration: underline;}
a.cacurrent{background: transparent url(../images/icon_Expand.gif) no-repeat 0 3px;}
a.caexpand {background: transparent url(../images/icon_shrink.gif) no-repeat 0 3px;}
a.caprint { background: transparent url(../images/icon_Print.gif) no-repeat 0 1px;}
a.camailme { background: transparent url(../images/icon_mail.gif) no-repeat 0 2px;}
.comparison { background: #d7ccb4;}
.comparison table { border-collapse: collapse; border-spacing: inherit;}
tr.hoverbg:hover { background: #e9e2d4;}
tr.whitebg { background: #FFF;}
.comparison table td { padding: 3px 6px; border: 1px solid #938972;vertical-align:top;}
td.itemheader { color: #FFF; background: #938972; cursor: pointer}
h4.currentEx { background: transparent url(../images/icon_Expand.gif) no-repeat 0 2px; padding-left: 15px;}
h4.closeEx { background: transparent url(../images/icon_shrink.gif) no-repeat 0 2px; padding-left: 15px;} 
.selectitem { text-align: center; padding: 6px 0;}
.delbtn { border-bottom: 1px solid #CCC; padding-bottom: 3px;}
.delbtn a:link, .delbtn a:visited { color:#990000; background: transparent url(../images/GC_CloseBtn.gif) no-repeat 0 0; padding-left: 15px;}
.oncenter { text-align: center; padding:3px 0; border-top: 1px solid #CCC;}