#configurator, .remind { text-align: left; float: left; margin-top: 10px; width: 100%; position: relative;z-index:1;}
.viewer { float: left; width:100%; position: relative;}
.viewer ul li { display: inline; float: left; height: 38px; position: relative;}
li.quicksearch { background: transparent url(../images/GrayBg_QuickSearch.gif) no-repeat 0 0; width: 306px;}
li.quicklinks { background: transparent url(../images/GrayBg_QuickLink.gif) no-repeat 0 0; width: 505px; margin-left: 8px;}
li.quickcompare { background: transparent url(../images/GrayBg_QuickCompare.gif) no-repeat 0 0; width: 152px; margin-left: 8px;}
li.livechat { margin-left: 8px;}
li.quicksearch div{ padding: 6px; text-align: right;}
li.quicksearch span, li.quicklinks span, h4.qctitle, h4.qctitleex { color: #D6D3B6;} 
li.quicksearch span { display: block; position: absolute; top: 11px; left: 8px;}
input.cfgsearch { color:#CCC; background: transparent url(../images/cfg_SearchBg.gif) no-repeat 0 0; width: 163px; height: 20px; padding: 5px 0 0px 5px; border: none; }
li.quicklinks div { padding-top: 7px; *padding-top:8px; text-align: center;}
li.quicklinks select { color:#CCC; background: #161616; width:419px; padding: 2px; border: 1px solid #666;}
h4.qctitle, h4.qctitleex { padding: 11px 0 0 10px; text-align: center; cursor: pointer;}
h4.qctitle   {background: transparent url(../images/icon_Plus.gif ) no-repeat 8px 14px;}
h4.qctitleex {background: transparent url(../images/icon_Minus.gif) no-repeat 8px 14px;}
h4.qctitle span,h4.qctitleex span { color:#FF6600; font-weight: bold;}

.cfgmain { float: left; width: 717px; background: #d7ccb4; border-top: 1px solid #efeae0; border-bottom: 1px solid #7e7060;}
.cfgsummary { float: right; width: 258px; background: #b5a18a url(../images/FeatureHeaderBg.gif) repeat-x; border-top: 1px solid #efeae0;}
.cfgtitle, .feature, .related, .gallery, .selected, .module, .pick { float: left; width: 100%; position: relative;}
.cfgtitle h3 { font-size: 1.5em; line-height: normal; height: 24px; padding: 2px 0 0 12px;float:left; width:550px;}
.cfgmenu { float:right; background: #d7ccb4; /*width: 220px;*/ }
.cfgmenu h4 { color:#CC0000; font-size: 1em; text-align: right; padding: 6px 10px 6px 15px; background: transparent url(../images/icon_Option.gif) no-repeat 92px 9px; cursor: pointer; }
#featuremenu { position: absolute; right: 0; top:38px; width:280px; background: #171717; border:solid 1px #666;z-index:100;padding:11px 5px; display:none}
#featuremenu ul{width:100%;}
#featuremenu ul li{clear:left; display:block;color:#D6D3B6; height:auto; width:100%}
#featuremenu ul li a.right{float:right;color:#F90}
#featuremenu ul li a.left{float:left;}
#featuremenu ul li a.cmpit{float:right; margin-top:6px;background:transparent url(../images/icon_Compare.gif) no-repeat scroll 0 3px; color:#F90;padding-left:18px;}
a.backto:link, a.backto:visited { color:#000; font-size: 1em; text-align: right; display: block; padding: 6px 10px 6px 15px;}
a.backto:hover, a.backto:active { color: #CC0000;}
.cfgmenu div, .cfgmenu ul { width: 100%; display: none;}
.cfgmenu ul li { display: block; border-bottom: 1px solid #b5a18a;}
.cfgmenu li a:link, .cfgmenu li a:visited { color:#000; font-weight: bold; display: block; padding:3px 0 3px 25px;}
.cfgmenu li a:hover, cfgmenu li a:active { color:#CC0000;}
p.alternative{ color:#c00; font-weight: bold; padding:3px 6px; width:auto;}
a.alternative { background: transparent url(../images/icon_Choose.gif) no-repeat 5px 3px;color:#c00; font-weight: bold; display: block; padding: 3px 10px 6px 20px; width:auto;}
a.whyxg { background: transparent url(../images/icon_unknown.gif) no-repeat 5px 3px;}
a.mailthis { background: transparent url(../images/icon_Mail.gif) no-repeat 5px 3px;}
a.sharethis { background: transparent url(../images/icon_Share.gif) no-repeat 5px 3px;}
.feature { background: #FFF;}
.others { float:left; width: 212px; position: relative;}
.cfgnews, .coreicon { width: 100%; position: relative;}
.cfgnews h3 { color:#FF6600; text-transform: uppercase; text-align: center; padding: 6px 0; border-bottom: 1px solid #DDD;}
.sopbox { width: 212px; height: 150px; overflow: hidden; }
.sopbox ul li  { font-size: .92em; background: transparent url(../images/ArrowRed.gif) no-repeat scroll 2px 9px; padding: 4px 0 4px 14px; border-bottom: 1px solid #DDD;}
.sopbox li a:link, .sopbox li a:visited { color:#666; line-height: 1.1515em;}
.sopbox li a:hover, .sopbox li a:active { color: #FF6600;}
.sopbtn { background: #AAA; height: 18px; position: relative;}
.coreicon { padding: 6px 0;}
.coreicon span { display: block; padding: 4px; text-align: center;}
.coreicon span img { margin: 0 2px;}
.currentpro { float: right; width: 504px; text-align: center; padding: 6px 0; border-left: 1px solid #d7ccb4; position: relative;}
.showpro { width: 100%; height: 430px; overflow: hidden;}
.showpro div { width: 100%; height: 20px; padding: 5px 0;}
.showpro div.bigpic{height:400px; vertical-align:middle;}
.related { width: 100%; height: 20px; padding: 5px 0; position: relative;}
.reviews { padding-left: 12px;}
.reviews a:link, .reviews a:visited, .gallerybtn a:link, .gallerybtn a:visited { color: #660000;}
.reviews a:hover, .reviews a:active, .gallerybtn a:hover, .gallerybtn a:active { color: #CC0000;}
.gallerybtn { width: 200px; position: absolute; top: 7px; right: 10px;}
.gallery { height: 60px; /*padding: 4px 0;*/ margin:8px 0; overflow:hidden; border-top: 1px solid #7e7060;}
.gallerybar { height:50px; padding: 4px 20px; text-align: center; overflow: hidden;}
.gallerybar ul li { display: inline; margin: 0 2px; }
.gallerybar li img { border: 1px solid #888;}
span.scrollleft, span.scrollright { position: absolute; cursor: pointer;}
span.scrollleft { top: 25px; left: 8px;}
span.scrollright { top: 25px; left: 690px;}

.sysprice, .summary { width: 100%; float: left; position: relative;}
.sysprice p { font-size: 15px; font-weight: bold; padding: 6px;}
span.ps { font-size: 9px;}
span.pb { font-size: 9px; font-weight: normal; letter-spacing: -0.0643em; display: block;}
span.shipdate { font-size: 10px; font-weight: bold; display: block; padding-bottom: 6px; text-align: center;}
.sysbtn { width: 97px; text-align:center; position: absolute; top: 6px; right: 0;}
.summary h3 { background: #b7a38c url(../images/FeatureCategoryBg.gif) repeat-x; height: 25px; border-bottom: 1px solid #7e7060; cursor: pointer;}
span.choose, span.wait{ display: block; padding: 6px 0 0 20px;}
span.choose { background: transparent url(../images/whitearrow_down.gif) no-repeat 8px 9px; }
span.wait { background: transparent url(../images/whitearrow_right.gif) no-repeat 8px 9px; }
.sysitem { width: 100%; position: relative; height: 434px; *height: 438px; border-bottom: 1px solid #7e7060; overflow-x: hidden;overflow-y:auto;}
.sysitem ul { width: 238px; padding: 0 20px 4px 0; }
.sysitem ul li { font-size: .92em; line-height: 1.02em; background: transparent url(../images/ArrowBlack.gif) no-repeat 6px 7px; padding: 3px 0 3px 18px; border-bottom: 1px solid #7e7060; /*cursor: pointer;*/}
.sysitem ul li:hover { color:#CC0000; background: #E6DCC4 url(../images/ArrowBlack.gif) no-repeat 6px 7px;;}
.sysitem li span { font-weight: bold;}
.remind { background: transparent url(../images/LayoutSpace.gif) repeat-x;}
.remind p { color:#9f907d; font-size: .9em; padding: 10px 10px 0 10px;}

.selected { background: #FFF; padding: 6px 0; height: 20px; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA;}
.selected p { font-size: 1.4em; font-weight: bold; padding-left: 15px;}
a.prebtn { display: block; font-weight: bold; text-align:center; width: 88px; height: 18px; padding-top: 4px; position: absolute; top: 10px; right: 82px; }
a.nextbtn { display: block; text-align:center; font-weight: bold; width: 60px; height: 18px; padding-top: 4px; position: absolute; top: 10px; right: 12px;}
a.prebtn:link, a.prebtn:visited { color:#000; background: transparent url(../images/btn_Prev2.gif) no-repeat 0 0;}
a.nextbtn:link, a.nextbtn:visited { color: #000; background: transparent url(../images/btn_Next2.gif) no-repeat 0 0;}
a.prebtn:hover, a.prebtn:active { color: #000; background: transparent url(../images/btn_Prev1.gif) no-repeat 0 0;}
a.nextbtn:hover, a.nextbtn:active { color: #000; background: transparent url(../images/btn_Next1.gif) no-repeat 0 0;}

.pickad { background: #FFF; padding: 5px; float: left; border-bottom: 1px solid #aaa;}
.pickad p img { float: right; margin-left: 8px;}
.pickad p { line-height: 1.225em;}
.showcase { background: #FFF; float: left; padding: 8px 0; border-bottom: 1px solid #aaa;}
ul.fourshow { background: transparent url(../images/ShowcaseBgLine.gif) repeat-y; width: 716px; padding-left: 1px; float: left;}
ul.fourshow li { width: 178px; padding-left: 1px; float: left;}
.chooce_help { position: relative; padding: 0 6px;}
.itemshow { text-align: center; margin-top: -10px;}
.topshowinfo { font-size: 10px; line-height: 1.255em; padding: 6px;}
.topshowinfo span { font-weight:bold; }
span.cfgnew { color:#0066FF;}
span.cfgprice { color:#FF0000;}
span.striking { color: #00AA00;}

.module { background: #FFF; height: 269px; *height: 262px; overflow-y: scroll;}
.mbox, .ad { width:700px; float: left;}
.preview { width: 150px; text-align: center; float: left; padding: 6px 0;}
.preview a img {  border: 1px solid #DDD; }
.mbox ul { width:550px; float: right;}
.mbox ul li { font: normal 10px/120% Verdana, Arial, Helvetica, sans-serif; width: 540px; padding: 5px 5px 5px 0; float: left; border-bottom: 1px solid #DDD; position: relative;}
.mbox ul li input { margin: 0 2px 0 0; *margin: -2px 3px -2px -2px;}
.mbox ul ul { width: 520px; margin: 0; padding: 0;}
.mbox li li { width: 100%; margin:0; padding: 3px 0; border: none;}
span.red { color:#FF3300; font-weight: bold;}
span.money { font-weight: bold;}
.ad { text-align: center; padding: 8px 0;}