html,body { margin:0px; padding:0px; height:100%; }
html,body,textarea { font-family:verdana,sans-serif; font-size:11px; background:#b1afb0; color:#000; }
img {border:0px;}
input, select, textarea {margin:2px 0px;padding:1px 3px;font-family:verdana,sans-serif; font-size:11px;}
input[type=text],
input[type=password],
select, textarea {border:1px solid #333;background:#fff;}
form {display:inline;border:0px;margin:0px;padding:0px;}
.white {background:#fff;}
p { display:block; margin:0px; border:0px; padding-top:20px }
h1 {border-bottom:1px solid #CCCCCC;font-size:20px;line-height:24px;margin:0px;padding:0px 0px 2px;}
h4 {font-size:14px;line-height:17px;margin:0px;padding:0px;}
.price { color:#e32031; }
#frame { width:1014px; margin:0px 5px; padding:0px; height:100%; }

/** ie8 clear fix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clear { clear:both; height:-1px; font-size:0px; line-height:0px; }


a {color:#000;}
a.d360 { margin:auto; cursor:pointer; width:100px; height:55px; display:block; background:url(/pix/detail/360_degree.gif) center center no-repeat }
a.d360:hover { background-image:url(/pix/detail/360_degree_animated.gif) }

/* round corner - default */
.roundtop, .roundbottom {display:block; background:transparent; font-size:1px;}
.roundboxcontent {display:block; border:0 solid #b1afb0; border-width:0 1px;padding:0px 5px;}
.roundboxcontent.white {background:#fff;}
.xb1, .xb2, .xb3, .xb4, .xb5 {display:block; overflow:hidden;height:1px;font-size:1px;margin:0px;}
.xb2, .xb3, .xb4, .xb5 {background:#fff; border-left:1px solid #b1afb0; border-right:1px solid #b1afb0;}
.xb1 {margin:0 5px;}
.roundbottom .xb1 {background:#b1afb0;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.red .roundboxcontent,
.red .xb1,
.red .xb2,
.red .xb3,
.red .xb4,
.red .xb5 {background:#d10e1a; border-left:1px solid #d10e1a; border-right:1px solid #d10e1a; color:#fff }

.toTop {margin-top:5px; text-align:right}
.toTop a { font-size:10px }

/* DEFAULT TABBER */
.tabber {width:140px;float:left;margin:10px 5px 0px 0px;background:transparent;}
.tabber a {text-align:center;display:block;text-decoration:none;font-size:12px;height:20px;}
.tabber .roundboxcontent {padding:0px 5px;display:block; border:0 solid #b1afb0; border-width:0 1px;}
.tabber .roundboxcontent,
.tabber .xb1,
.tabber .xb2,
.tabber .xb3,
.tabber .xb4,
.tabber .xb5 {background:#777 !important;color:#fff !important;}
.tabber a {color:#fff !important;font-weight:bold;}
.tabber .xb1 {margin:0 4px; background:#777;}
.tabber .xb2 {margin:0 3px; border-width:0 2px;}
.tabber .xb3 {margin:0 2px;}
.tabber .xb4 {height:2px; margin:0 1px;}
.tabber.active .roundboxcontent,
.tabber.active .xb1,
.tabber.active .xb2,
.tabber.active .xb3,
.tabber.active .xb4,
.tabber.active .xb5 {background:#333 !important;color:#fff !important;}
.tabber.active .xb1 {margin:0 5px;background:#b1afb0 !important;}
.tabber.active a {color:#fff !important;}
.active .subtabber {background:#333 !important;}
.tabber.activeGradient .roundboxcontent,
.tabber.activeGradient .xb1,
.tabber.activeGradient .xb2,
.tabber.activeGradient .xb3,
.tabber.activeGradient .xb4,
.tabber.activeGradient .xb5 {background:#fff !important;color:#333 !important;}
.tabber.activeGradient .xb1 {margin:0 5px;background:#b1afb0 !important;}
.tabber.activeGradient a {color:#333 !important;}
.tabber.activeGradient .roundboxcontent {background:url(/pix/layout/bg_tabber_active.gif) 0px 0px repeat-x !important;}
.tabber.activeGradient .xb2,
.tabber.activeGradient .xb3,
.tabber.activeGradient .xb4 {background:url(/pix/layout/bg_tabber_active.gif) 0px 0px repeat-x !important;}
.tabber.inactiveGradient .roundboxcontent,
.tabber.inactiveGradient .xb1,
.tabber.inactiveGradient .xb2,
.tabber.inactiveGradient .xb3,
.tabber.inactiveGradient .xb4,
.tabber.inactiveGradient .xb5 {background:#b1afb0 !important;color:#333 !important;}
.tabber.inactiveGradient .xb1 {margin:0 5px;background:#b1afb0 !important;}
.tabber.inactiveGradient a {color:#fff !important;font-weight:normal;}
.tabber.inactiveGradient .roundboxcontent {background:url(/pix/layout/bg_tabber_inactive.gif) 0px 0px repeat-x !important;}
.tabber.inactiveGradient .xb2,
.tabber.inactiveGradient .xb3,
.tabber.inactiveGradient .xb4 {background:url(/pix/layout/bg_tabber_inactive.gif) 0px 0px repeat-x !important;}
.subtabber {background:#b1afb0;height:20px;margin:0px;border:1px solid #b1afb0;border-top:0px;}
.subtabber a {color:#fff;}
#subTabber .subtabber {color:#000 !important;font-size:11px;line-height:15px;padding:2px 2px 0px 2px;}
#subTabber .subtabber a {color:#fff;text-decoration:none;padding:0px 10px;}
#subTabber .subtabber a:hover, #subTabber .subtabber a.active {}
#subTabber .subtabber a:hover {text-decoration:underline;}

/** HEADER **/
#header { width:1014px;height:93px; overflow:hidden; background:url(/pix/layout/bg_header.gif) 0px 0px repeat-x;color:#fff; }
#header #headerLogo { float:left; margin:0px 0px 0px 0px; width:360px; height:93px; background:url(/pix/layout/logo.jpg) 10px 0px no-repeat; text-decoration:none }
#header a { color:#fff; }
#header .newsletterInfo {float:right;padding-top:15px;}
#header .newsletterInfo .link {display:block;float:left;background:url(/pix/community/newsletter/mail.gif) no-repeat;padding-left:53px;padding-top:10px;height:40px;margin:0px 10px 0px 15px;}
#header .newsletterInfo .linkSms {display:block;float:left;background:url(/pix/community/newsletter/sms.gif) no-repeat;padding-left:53px;padding-top:10px;height:40px;margin:0px 10px 0px 15px;}
#header .newsletterInfo .hint {float:left;font-weight:bold;margin-top:10px;}
#header .cart {float:right;margin:10px;padding:5px 5px 5px 5px;width:170px;height:65px;line-height:15px;position:relative;background:url(/pix/checkout/bg_cart.png) no-repeat;text-decoration:none;}

/** NAVIGATION **/
#navigation { width:182px;float:left;overflow:hidden;}
#navig {margin:0px;margin-top:5px;margin-right:5px;}
#navig .roundtop, #navig .roundbottom {display:block; background:transparent; font-size:1px;}
#navig .roundboxcontent {display:block; border:0 solid #b1afb0; border-width:0 1px;padding:0px;}
#navig .xb2,
#navig .xb3,
#navig .xb4 {background:#333; border-left:1px solid #b1afb0; border-right:1px solid #b1afb0;}
#navig .grey .xb1,
#navig .grey .xb2,
#navig .grey .xb3,
#navig .grey .xb4 {border-left:1px solid #333; border-right:1px solid #333;background:#ececec;}
#navig .xb1 {margin:0 5px;background:#b1afb0;}
#navig .grey .xb1 {background:#333;margin:0px 4px;}
#navig .xb2 {margin:0 3px; border-width:0 2px;}
#navig .xb3 {margin:0 2px;}
#navig .xb4 {height:2px; margin:0 1px;}
#navig .white.roundboxcontent {padding-top:4px;background:#fff !important;border:1px solid #333;border-top:0px;margin:0px 1px;color:#000;border-bottom:1px dashed #333;}
#navig .grey.roundboxcontent {padding-top:4px;padding-bottom:4px;background:#ececec !important;border:1px solid #333;border-top:0px;border-bottom:0px;margin:0px 1px; color:#000;}
#navig .grey a {font-weight:bold;}
#navig .redGradient {background:#b1afb0;margin-top:5px;display:block;text-decoration:none;}
#navig .redGradient .top .xb1,
#navig .redGradient .top .xb2,
#navig .redGradient .top .xb3,
#navig .redGradient .top .xb4 {background:#660200;}
#navig .redGradient .top .xb2,
#navig .redGradient .top .xb3,
#navig .redGradient .top .xb4 {border-left:1px solid #933; border-right:1px solid #930;}
#navig .redGradient .boxcontent {height:50px;padding:0px; background:url(/pix/layout/bg_tabber.gif) 0px 0px repeat-x;border:1px solid #930;border-top:0px;border-bottom:0px;margin:0px 1px;display:block;color:#FFF;font-weight:bold;overflow:hidden;}
#navig .redGradient .bottom .xb1,
#navig .redGradient .bottom .xb2,
#navig .redGradient .bottom .xb3,
#navig .redGradient .bottom .xb4 {background:#bb0214;}
#navig .redGradient .bottom .xb2,
#navig .redGradient .bottom .xb3,
#navig .redGradient .bottom .xb4 {border-left:1px solid #B33; border-right:1px solid #B30;}
#navig .archiveBox { display:block; position:relative; width:173px; text-decoration:none; }
#navig .archiveBox .archiveInfo { display:block; padding:10px 10px 0px 5px; font-size:10px; font-weight:bold; text-align:center;margin-left:10px; }
#navig .archiveBox .archiveInfo .price { display:block; padding:5px 0px; }
#navig .archiveBox .dayInfo { display:block; position:absolute; top:-4px; background:#333; color:#fff; text-align:center; font-size:14px; font-weight:bold; width:30px; height:30px; line-height:30px;}
#navig .archiveBox .hourInfo { display:block; position:absolute; top:-4px; left:33px; color:#000; text-align:center; font-size:10px; font-weight:bold; width:30px; height:30px; line-height:30px;}
#navig .archiveBox .ended { display:block; position:absolute; top:20px; left:25px; width:118px; height:73px; line-height:120px; background:url(/pix/detail/soldOutArchiveSmall.gif) no-repeat; }
.archiveListingBox {float:left; position:relative; width:200px; margin-right:15px; text-decoration:none}
.archiveListingBox .ended { display:block; position:absolute; top:40px; left:40px; width:118px; height:73px; line-height:120px; background:url(/pix/detail/soldOutArchiveSmall.gif) no-repeat; }

.archiveEntry {padding:15px; width:760px; border-top:1px dashed #000;position:relative;}
.archiveEntry .dayInfo { display:block; position:absolute; bottom:25px; left:55px; color:#000; text-align:center; font-size:10px; font-weight:bold; width:30px; height:30px; line-height:30px;}
#detailContainer {position:relative;}
#detailContainer .dayInfo { display:block; position:absolute; top:5px; left:20px; color:#000; text-align:center; font-size:14px; font-weight:bold; width:30px; height:30px; line-height:30px;z-index:100;}

#account {width:182px;height:109px;float:left;overflow:hidden;background:url(/pix/layout/bg_tabber.gif) 0px 0px repeat-x;color:#fff;}
#account .cornerbottomright .bottom {height:69px;background:#b1afb0;}
#account .roundboxcontent {display:block; background:transparent;margin:0px;padding:0px;border:0px;border:0 solid transparent; border-width:0 1px;padding:0px 0px;height:93px;margin-top:10px;margin-left:10px;}
#account .roundbottom {background:#b1afb0;}
#account .xb1,
#account .xb2,
#account .xb3,
#account .xb4,
#account .xb5 {background:#dc001e;border:0px;height:1px;}
#account .roundbottom .xb1 {margin:0 1px;}
#account .roundbottom .xb2 {margin:0 1px;}
#account .roundbottom .xb3 {margin:0 2px;}
#account .roundbottom .xb4 {margin:0 3px;}
#account .roundbottom .xb5 {margin:0 5px;}
#account a {font-size:10px;text-decoration:underline;color:#fff;}
#account .cornerbottomright {width:6px;float:left;}
#account .cornerbottomright span {display:block; background:transparent; font-size:1px;}
#account .cornerbottomright .xb1,
 #account .cornerbottomright .xb2,
 #account .cornerbottomright .xb3,
 #account .cornerbottomright .xb4,
 #account .cornerbottomright .xb5 {background:#b1afb0; margin:0px;}
#account .cornerbottomright .xb1 {margin-left:5px;}
#account .cornerbottomright .xb2 {margin-left:3px;}
#account .cornerbottomright .xb3 {margin-left:2px;}
#account .cornerbottomright .xb4 {margin-left:1px;}
#account .cornerbottomright .xb5 {margin-left:1px;}


#tabber {width:797px;float:left;overflow:hidden;background:url(/pix/layout/bg_tabber.gif) 0px 0px repeat-x;padding-left:35px;margin:0px;}
.tabberHeight {height:34px;}
#tabber .roundbottom {margin-top:-5px;}
#tabber .roundbottom {display:none;}
#tabber .roundbottom .xb1 {margin:0 -5px; background:#b1afb0;}
#tabber .roundbottom .xb2 {margin:0 -3px; border-width:0 2px;}
#tabber .roundbottom .xb3 {margin:0 -2px;}
#tabber .roundbottom .xb4 {height:2px; margin:0 -1px;}
#tabber .activeGradient .roundbottom {display:block;}
#tabber .activeGradient .roundbottom .xb2,
#tabber .activeGradient .roundbottom .xb3,
#tabber .activeGradient .roundbottom .xb4 {background:#fff !important;}
#tabber .activeGradient a {font-weight:bold;}

/** CONTENT **/
#content { float:left;width:832px;margin:0px;margin-top:-1px;}
#content .roundboxcontent {min-height:180px;}
#content .roundboxcontent .roundboxcontent {min-height:1px;}
.pic100x100 { float:left; width:100px; height:100px; margin:0px 10px 5px 0px; border:1px solid #ccc; background-color:#fff; background-position:0px 0px; background-repeat:no-repeat }

.contentBlock { width:470px;margin:0 auto; }
.contentBlock .xb2, .contentBlock .xb3, .contentBlock .xb4 {background:#fff; border-left:1px solid #333; border-right:1px solid #333;}
.contentBlock .xb1 { background:#333;}
.contentBlock .xb2 {margin:0 3px; border-width:0 2px;}
.contentBlock .xb3 {margin:0 2px;}
.contentBlock .xb4 {height:2px; margin:0 1px;}
.contentBlock .contentHead { color:#fff; font-size:12px; padding-top:15px; }
.contentBlock .contentHead .roundboxcontent {display:block; background:#333; border:0 solid #fff; border-width:0 1px;padding-left:15px;padding-bottom:5px;}
.contentBlock .contentHead .xb2, .contentBlock .contentHead .xb3, .contentBlock .contentHead .xb4 {background:#333; border-left:1px solid #fff; border-right:1px solid #fff;}
.contentBlock .contentHead .xb1 {margin:0 6px;}
.contentBlock .contentHead .xb2 {margin:0 2px; border-width:0 2px;}
.contentBlock .contentHead .xb3 {margin:0 2px;}
.contentBlock .contentHead .xb4 {height:2px; margin:0 1px;}

.contentBlock .contentHead.error { color:#FFF; }
.contentBlock .contentHead.error .roundboxcontent {background:#C00;}
.contentBlock .contentHead.error .xb1 { background:#C00; }
.contentBlock .contentHead.error .xb2,
.contentBlock .contentHead.error .xb3,
.contentBlock .contentHead.error .xb4 { background:#C00;border-left:1px solid #FFF; border-right:1px solid #FFF;}
.contentBlock .contentHead.error .xb1 {margin:0 6px;}
.contentBlock .contentHead.error .xb2 {margin:0 2px; border-width:0 2px;}
.contentBlock .contentHead.error .xb3 {margin:0 2px;}
.contentBlock .contentHead.error .xb4 {height:2px; margin:0 1px;}

.contentBlock .contentBox { display:block; background:#fff; border:0 solid #333; border-width:0 1px; margin: 0px 1px;}

.contentButton {padding: 15px 40px;height:15px;}
.contentButton input {float:right;}
.contentButton span {font-weight:bold;float:right;padding-top:3px;}

.clipLine { border-bottom:1px solid #ccc; margin-bottom:20px; line-height:20px; margin-top:10px; font-size:10px; text-align:right; }

.formContent { padding:0px 40px; line-height:15px;}
.formContent label  { width:375px; display:block; cursor:pointer; padding-top:7px; font-weight:bold;}
.formContent .stdwidth { width:375px; overflow:hidden; }
.formContent label.required { background:url(/pix/icons/account/required.gif) 0px 10px no-repeat; padding-left:15px }
.formContent label.requirederror { background:url(/pix/icons/account/required_red.gif) 0 10px no-repeat;padding-left:15px; color:#f00 }

.toggleBoxHandle {cursor:pointer;text-decoration:none;display:block;}
.loadingIndicator { height:20px; background:#fff url(/pix/icons/ajax_loading_icon.gif) center center no-repeat; border-right:1px solid #000; border-left:1px solid #000; margin:0px 1px }
.error { color:#f00;font-weight:bold;}

/* inax */
.acbox { position:absolute; width:300px; background:#fff; border:1px solid #000; }
.acbox.max { overflow:auto; height:100px; }
.acbox div { height:20px; overflow:hidden; padding:0 5px; line-height:20px; cursor:pointer; }
.acbox .sel { background:#ddd; }
.acbox span { float:left; font-style:normal;color:#000; }
.acbox strong { float:left;text-decoration:underline; }
.acbox dfn { float:right; font-style:normal; }
.acError {background:#FF6666 none repeat scroll 0% !important;color:#FFFFFF !important;}
/* end inax */

.errorBox {background:#FFCACA url(/pix/error_small.gif) no-repeat scroll 5px;border:1px solid #E52030;min-height:25px;padding:5px 5px 5px 35px;}
.infoBox { background:url(/pix/info_small.gif) 5px 5px no-repeat #d8deea; border:1px solid #637cac; padding:5px 5px 5px 35px; min-height:25px; }

/** FOOTER **/
#footer { padding-top:10px; font-size:10px; text-align:center;width:828px;float:left;color:#fff; }
#footer a {color:#fff;font-weight:normal;}

/** ZACKZACK **/
.buyNow {display:block;background:url(/pix/detail/buyNow.jpg) 3px 3px no-repeat;width:160px;height:160px;}
.indicator {height:48px;width:378px;font-size:22px;font-weight:bold;background:url(/pix/detail/stock_bg.jpg) no-repeat; position:relative; float:left; display:block; margin-left:20px;}
.indicator .percent {margin-top:10px;position:relative; z-index:100;}
.p100 .indicator .percent.hint,
.p100 .indicator .indicatorBox,
.p0 .indicator,
.p0 .buyNow {display:none;}
.p100 .indicator .percent.hintAll {display:inline;}
.indicator .percent.hint {display:block;float:left;font-size:14px;margin-top:5px;width:230px;text-align:center;}
.indicator .percent.hintAll {display:none;float:left;font-size:14px;margin-top:15px;width:230px;text-align:center;}
.indicator .percent.low {float:left;margin-left:5px;color:#f0838e;}
.indicator .percent.high {float:right;margin-right:5px;color:#bbf280;}
.indicator .indicatorBox { position:absolute;top:-8px;left:25px;width:352px;height:56px;overflow:hidden; }
.indicator .indicator { width:24px; height:17px; position:absolute; background:url(/pix/detail/stock_indicator.gif) 0px 0px no-repeat }
.indicator .layerBox { position:absolute; top:8px; left:0px; width:352px; height:49px; }
.indicator .layer { width:378px; height:52px; position:absolute; background:url(/pix/detail/stock_bg_transparent.png) 0px 0px no-repeat; }
.picture {position:relative;width:400px;margin:0px;padding:0px;}
.ended, .archiveEnded {position:absolute;display:none;}
.p0 .ended {background:url(/pix/detail/soldOut.gif) no-repeat;width:258px;height:125px;top:75px;left:71px;display:block;}
.soldOutEnded .ended {background:url(/pix/detail/soldOutEnded.gif) no-repeat;width:262px;height:145px;top:60px;left:69px;display:block;}
.soldOut .indicator, .soldOutEnded .indicator, .archive .indicator,
.soldOut .buyNow, .soldOutEnded .buyNow, .archive .buyNow {display:none;}
.archive .archiveEnded {display:block;}
.archive .ended {display:none;}
.archiveEnded {display:none; position:absolute; background:url(/pix/detail/soldOutArchive.gif) no-repeat;width:259px;height:124px;top:75px;left:71px;}
.toAlternate {display:none;}
.soldOutEnded .toAlternate {display:block;}

/* buttons */
a.button {text-decoration:none;font-weight:bold;color:#fff;display:inline;}
a.button span {float:left;display:block;height:23px;}
a.button .clear {height:0px;}
a.button .open,
a.button .close {width:13px;}
a.button .content {height:19px;padding-top:4px;}
a.button.red .open {background:url(/pix/buttons/red_left.gif);}
a.button.red .content {background:url(/pix/buttons/red_bg.gif);}
a.button.red .close {background:url(/pix/buttons/red_right.gif);}
a.button.grey {cursor:default;}
a.button.grey .open {background:url(/pix/buttons/grey_left.gif);}
a.button.grey .content {background:url(/pix/buttons/grey_bg.gif);}
a.button.grey .close {background:url(/pix/buttons/grey_right.gif);}

.buttonRed, .buttonGrey {border:0px;background:url(/pix/spacer.gif);padding:0px;}
.buttonRed input {cursor:pointer;}
.buttonRed input, .buttonGrey input {float:left;height:23px;margin:0px !important;padding:0px !important;border:0px !important;color:#fff;font-weight:bold;display:block;}
.buttonRed input.ieFix, .buttonGrey input.ieFix {width:0px;}
.buttonRed input.open, .buttonRed input.close, .buttonGrey input.open, .buttonGrey input.close {width:13px;}
.buttonRed input.open {background:url(/pix/buttons/red_left.gif) 0 0 no-repeat;}
.buttonRed input.content {background:url(/pix/buttons/red_bg.gif) repeat-x;}
.buttonRed input.close {background:url(/pix/buttons/red_right.gif) 0 0 no-repeat;}
.buttonGrey input.open {background:url(/pix/buttons/grey_left.gif) 0 0 no-repeat;}
.buttonGrey input.content {background:url(/pix/buttons/grey_bg.gif) repeat-x;}
.buttonGrey input.close {background:url(/pix/buttons/grey_right.gif) 0 0 no-repeat;}

.select option {background:#fff;}
.select select {border:1px solid #333;margin:0px;background:url(/pix/layout/bg_tabber_active.gif) 0px 0px repeat-x;}

.paging a {font-weight:bold;text-decoration:none;}
.paging div.inactive, .paging div.active {float:left;}
.paging .bLeft, .paging .bRight {height:20px;margin-top:1px;}
.paging .bLeft {padding-left:3px;margin-left:3px;}
.paging .bRight {padding-right:3px;margin-right:3px;}
.paging .bLeft a, .paging .bRight a {position:relative;top:6px;}
.paging .inactive, .paging .inactive a, .paging .bLeft.inactive {color:#CCC;}
.paging .inactive a {cursor:default;}
.paging a.box {text-decoration:none;font-weight:normal;border:1px solid #b81216;color:#9b9b9b;display:block;width:20px;height:17px;padding-top:3px;text-align:center;float:left;margin:0px 1px;}
.paging a.box.active {color:#fff;background:#b81216;}
.paging .dots {float:left;padding-top:4px;}

#createComment, .writeAnswer {display:none;margin:10px 15px 0px 15px;border:1px solid #CCC;padding:5px; width:500px;}
.writeAnswer {margin-top:5px;margin-bottom:10px;}
#createComment label, .writeAnswer label {display:block;}
.inner .commentBox {margin:2px 0px;}
.inner {margin:0px 0px 0px 46px;}
.inner .inner {margin:0px 0px 0px 36px;}
/* remove padding when level 4 reached */
.inner .inner .inner .inner {margin:0px 0px 0px 0px;}
.inner .commentContent {width:762px;}
.inner .inner .commentContent {width:726px;}
.inner .inner .inner .commentContent {width:690px;}
.commentBox {margin:2px 10px;padding:0px;height:21px;}
.commentBox, .commentBox a {background:#f7f7f7;color:#333 !important;}
.commentBox.active, .commentBox.active a {background:#f7f7f7;color:#333 !important;}
.commentBox.active {border: 1px solid #ccc;}
.commentBox.pinned, .commentBox.pinned a {background:#ccc !important;}
.commentBox.pinned {border: 1px solid #ccc;}
.commentBox.currient, .commentBox.currient a {background:#ddebff !important;}
.commentBox.currient {border: 1px solid #aaf;}
.commentBox .content {margin-left:5px;padding:4px;float:left;display:inline;}
.commentBox .contentRight {margin:0px 5px;padding:4px;float:right;display:inline;}
.commentBox .question {background:#b1afb0;}
.commentBox .comment0,
.commentBox .comment1,
.commentBox .comment2,
.commentBox .comment3,
.commentBox .comment4,
.commentBox .comment5,
.commentBox .comment6,
.commentBox .comment,
.commentBox .question {width:27px;height:21px;float:left;}
.commentBox .comment span {background:url(/pix/detail/comment.gif) no-repeat;}
.commentBox .comment.deleted span {background:url(/pix/detail/comment_deleted.gif) no-repeat;}
.commentBox.active .comment span {background:url(/pix/detail/comment_active.gif) no-repeat;}
.commentBox .question span {background:url(/pix/detail/question.gif) no-repeat;}
.commentBox .question.deleted span {background:url(/pix/detail/question_deleted.gif) no-repeat;}
.commentBox.active .question span {background:url(/pix/detail/question_active.gif) no-repeat;}
.commentBox .comment0 span, .userinfo .comment0 span,
.commentBox .comment1 span, .userinfo .comment1 span,
.commentBox .comment2 span, .userinfo .comment2 span,
.commentBox .comment3 span, .userinfo .comment2 span,
.commentBox .comment4 span, .userinfo .comment4 span,
.commentBox .comment5 span, .userinfo .comment5 span,
.commentBox .comment6 span, .userinfo .comment6 span,
.commentBox .comment span,
.commentBox .question span {width:15px;height:15px;margin:3px 6px;display:block;}
.commentBox .comment0 span, .userinfo .comment0 span {background:url(/pix/community/comment/level0.gif) no-repeat;}
.commentBox .comment1 span, .userinfo .comment1 span {background:url(/pix/community/comment/level1.gif) no-repeat;}
.commentBox .comment2 span, .userinfo .comment2 span {background:url(/pix/community/comment/level2.gif) no-repeat;}
.commentBox .comment3 span, .userinfo .comment3 span {background:url(/pix/community/comment/level3.gif) no-repeat;}
.commentBox .comment4 span, .userinfo .comment4 span {background:url(/pix/community/comment/level4.gif) no-repeat;}
.commentBox .comment5 span, .userinfo .comment5 span {background:url(/pix/community/comment/level5.gif) no-repeat;}
.commentBox .comment6 span, .userinfo .comment6 span {background:url(/pix/community/comment/level6.gif) no-repeat;}
.commentBox .commentBan span, .userinfo .commentBan span {width:50px;height:21px;float:left;background:url(/pix/community/comment/banned.png) no-repeat;}
.rating {float:right;margin-top:2px;}
.commentBox .percentRight {margin:0px;margin-top:1px;float:right;display:inline;}
.commentBox .percentRight .negative.p0,
.commentBox .percentRight .positive.p0 {display:none;}
.commentBox .contentRight.percent {margin:0px;padding-left:1px;padding-right:1px;width:35px;text-align:center;}
.commentBox .percentRight .percentGraph {position:relative;float:left;border:0px;border-bottom:1px solid #333;margin-bottom:1px;width:15px;height:15px;}
.commentBox .percentRight .percentGraph.middle {border:0px;border-right:1px solid #333;margin:0px;height:17px;width:0px;}
.commentBox .percentRight .negative {background:#f10000;width:10px;border:1px solid #000;margin-bottom:0px;bottom:1px;right:1px;position:absolute;}
.commentBox .percentRight .positive {background:#0dd10d;width:10px;border:1px solid #000;margin-bottom:0px;bottom:1px;left:1px;position:absolute;}
.deletedComment { color:#a00; }

.userinfo .ratings {margin:0px;margin-top:1px;display:inline;float:left;}
.userinfo .ratings .negative.p0,
.userinfo .ratings .positive.p0 {display:none;}
.userinfo .percent {float:left;margin:0px;padding-left:1px;padding-right:1px;text-align:center;}
.userinfo .ratings .percentGraph {position:relative;float:left;border:0px;border-bottom:1px solid #333;margin-bottom:1px;width:15px;height:15px;}
.userinfo .ratings .percentGraph.middle {border:0px;border-right:1px solid #333;margin:0px;height:17px;width:0px;}
.userinfo .ratings .negative {background:#f10000;width:10px;border:1px solid #000;margin-bottom:0px;bottom:1px;right:1px;position:absolute;}
.userinfo .ratings .positive {background:#0dd10d;width:10px;border:1px solid #000;margin-bottom:0px;bottom:1px;left:1px;position:absolute;}
.userinfo .userinfobox {float:left;width:141px;margin:5px;margin-right:0px;}
.userinfo .iconHeadline {padding-left:20px; line-height:18px;}

.box {margin:2px 10px;margin-bottom:20px;padding:0px;}
.box .content {float:left;display:inline;height:21px;margin-top:2px;}
.box .userLevel0,
.box .userLevel1,
.box .userLevel2,
.box .userLevel3,
.box .userLevel4,
.box .userLevel5,
.box .userLevel6,
.box .userLevelBan {width:27px;height:21px;float:left;}
.box .userLevel0 span,
.box .userLevel1 span,
.box .userLevel2 span,
.box .userLevel3 span,
.box .userLevel4 span,
.box .userLevel5 span,
.box .userLevel6 span,
.box .userLevelBan span {width:15px;height:15px;margin:3px 6px;display:block;}
.box .userLevel0 span {background:url(/pix/community/comment/level0.gif) no-repeat;}
.box .userLevel1 span {background:url(/pix/community/comment/level1.gif) no-repeat;}
.box .userLevel2 span {background:url(/pix/community/comment/level2.gif) no-repeat;}
.box .userLevel3 span {background:url(/pix/community/comment/level3.gif) no-repeat;}
.box .userLevel4 span {background:url(/pix/community/comment/level4.gif) no-repeat;}
.box .userLevel5 span {background:url(/pix/community/comment/level5.gif) no-repeat;}
.box .userLevel6 span {background:url(/pix/community/comment/level6.gif) no-repeat;}
.box .userLevelBan span {background:url(/pix/community/comment/banned.png) no-repeat;}
.box .frame {width:600px;background:#DDD;margin-top:5px;}
.box .frame.hours {background:#DDD;width:560px;height:130px;overflow:hidden;margin:0px;padding:0px;position:relative;}
.box .frame .beam {position:relative;height:80px;width:150px;float:left;}
.box .frame .beam.label {text-align:center;}
.box .frame .beam .content {width:94px;left:26px;position:absolute;bottom:1px;text-align:center;margin-bottom:4px;}
.box.statistic .entry {float:left;margin:0px;padding:0px;border:0px;height:130px;width:20px;}
.box.statistic .entry.newDay .graph {border-left:1px dotted #999;}
.box.statistic .entry .graph {display:block;position:relative;height:110px;}
.box.statistic .entry.hideGraph .graph div {display:none;}
.box.statistic a.scroller {
  display:block;
  float:left;
  height:51px; width:13px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  margin:35px 3px;
}
.box.statistic a.scroller.left:hover,
.box.statistic a.scroller.rite:hover {
  background-position:-13px 0px
}
.box.statistic a.scroller.left {
  background-image:url(/pix/detail/scroll-left.gif);
}
.box.statistic a.scroller.rite {
  background-image:url(/pix/detail/scroll-rite.gif);
}

/** Tech Detail **/
table#techDataTable .techDataCol1 { padding:0px 12px 0px 0px; text-align:right; font-size:12px; font-weight:bold }

/** Product Detail **/
#fader { position:absolute; top:0px; left:0px; z-index:99998; background:#000; filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; display:none }
#popup { position:absolute;	z-index:99999; display:none }
#popup a#closer { position:absolute; display:block; top:5px; right:5px; height:15px; padding-left:20px; line-height:15px; text-decoration:none; color:#fff; font-weight:bold; font-size:10px; background:url(/pix/popup-closer.gif) 0px 0px no-repeat }

/** Ratings **/
.ratingContent {overflow:hidden; padding:5px;}
.ratingStars { float:left; width:58px; height:12px; background-position:0px 0px; background-repeat:no-repeat; display:inline }
.rateRating { background:#eee; height:20px; line-height:20px; padding:0px 5px; margin-top:5px; border:1px solid #ccc }
.rateRating a { float:left; font-weight:bold; height:16px; line-height:15px; margin:2px 0px 0px 5px; background-repeat:no-repeat; background-position:0px 0px; padding-left:20px }
.rateRating .plus { background-image:url(/pix/community/rating/plus.gif); text-decoration:none;}
.rateRating .minus { background-image:url(/pix/community/rating/minus.gif); text-decoration:none;}
.rateRating span.rateCount { float:right; height:16px; line-height:15px; margin:2px 0px 0px 5px; background-repeat:no-repeat; background-position:right; padding-right:20px }
#createRate {display:none; border: 1px solid #b1afb0; margin:20px auto 0px; padding:5px; width:540px;}
#createRate .editor_button_bar {background:#DDD none repeat scroll 0%;border-color:#000;border-style:solid solid none;border-width:1px 1px 0px;float:left;height:28px;width:529px;margin-bottom:-2px;}

/** Prod Pic Popup **/
#prodpicframe { background:#fff; width:600px; padding:10px 0px 5px 0px }
#prodpicframe #prodpic-main { float:left; width:450px; height:450px; margin:0px 10px; background-position:0px 0px; background-repeat:no-repeat }
#prodpicframe #prodpic-rite { float:left; width:130px; height:450px; overflow:hidden }
#prodpicframe #prodpic-rite #thumbs { width:150px; height:450px; overflow:auto }
#prodpicframe #prodpic-rite #thumbs a.thumb { display:block; width:120px; height:120px; background-repeat:no-repeat; background-position:0px 0px; margin:3px 0px 2px 0px }
#prodpicframe #prodpic-rite a.scroller {
  display:block;
  margin:0px auto;
  height:9px; width:51px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-color:#fff
}
#prodpicframe #prodpic-rite a.scroller:hover {
  background-position:0px -9px
}
#prodpicframe #prodpic-rite a.scroller.up {
  background-image:url(/pix/detail/scroll-up.gif);
  margin-bottom:1px
}
#prodpicframe #prodpic-rite a.scroller.down {
  background-image:url(/pix/detail/scroll-down.gif);
  margin-top:1px
}

#prodpicpreviewframe { padding:0px;width:400px;margin-left:10px;}
#prodpicpreviewframe .container {width:200px;height:50px;margin:0px auto;}
#prodpicpreviewframe #thumbs_horizontal {float:left;width:160px;margin:0px;padding:0px;overflow:hidden;white-space:nowrap;}
#prodpicpreviewframe #thumbs_horizontal a,
#prodpicpreviewframe #thumbs_horizontal img {margin:0px;padding:0px;border:0px;}
#prodpicpreviewframe a.scroller {
  display:block;
  float:left;
  height:51px; width:13px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  margin:0px 2px;
  display:none;
}
#prodpicpreviewframe .showScroller a.scroller { display:block; }
#prodpicpreviewframe a.scroller.left:hover,
#prodpicpreviewframe a.scroller.rite:hover {
  background-position:-13px 0px
}
#prodpicpreviewframe a.scroller.left {
  background-image:url(/pix/detail/scroll-left.gif);
}
#prodpicpreviewframe a.scroller.rite {
  background-image:url(/pix/detail/scroll-rite.gif);
}
.prodPicPopup_pic120 { display:block; width:120px; height:120px; border:1px solid #ccc; margin:5px; }

/** CAROUSEL (flat)**/
#jCarousel {width: 810px; height: 140px; display:none;}
#flatCarousel {padding:0 5px; width: 810px; height: 140px;}
#flatCarousel .roundboxcontent {height: 130px;}
#flatCarousel .xb1 {margin:0 5px;background:#B1AFB0;}
#flatCarousel .jcarousel {margin: 0pt auto;}
#flatCarousel .jcarousel-container {position:relative;}
#flatCarousel .jcarousel-clip {z-index: 2; margin:0px auto;padding:0px;position: relative; overflow: hidden;}
#flatCarousel .jcarousel-clip-horizontal {width:680px;height:130px;}
#flatCarousel .jcarousel-next, #flatCarousel .jcarousel-prev {z-index: 3;display: none;}
#flatCarousel .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 4px 0;}
#flatCarousel .jcarousel-list li,
#flatCarousel .jcarousel-item {float: left; list-style: none; width: 120px; height: 122px;margin:0 8px;}
#flatCarousel .jcarousel-list img {width:120px; height:120px;border:1px solid #ccc;}
#flatCarousel .jcarousel-prev-horizontal {background: transparent url(/pix/detail/scroll-left.gif) no-repeat 0 0;cursor: pointer;height:51px; width:13px;;position: absolute; top: 40px; left: 15px;}
#flatCarousel .jcarousel-next-horizontal {background: transparent url(/pix/detail/scroll-rite.gif) no-repeat 0 0;cursor: pointer; height:51px; width:13px;position: absolute; top: 40px; right: 15px;}
#flatCarousel .jcarousel-next-horizontal:hover,
#flatCarousel .jcarousel-prev-horizontal:hover {background-position:-13px 0px;}
#flatCarousel .jcarousel-next-disabled,
#flatCarousel .jcarousel-prev-disabled {display:none !important;}
#flatCarousel .popup {position:absolute; z-index:500; top:0px; display:none;}
#flatCarousel .popup .topLeft {background: transparent url(/pix/toolTip/cornerTopLeft.gif) no-repeat scroll right top; width:4px; height: 4px; }
#flatCarousel .popup .top { background: transparent url(/pix/toolTip/borderlineTop.gif) repeat-x scroll left top; height: 4px; margin: -14px -10px 0px; }
#flatCarousel .popup .topRight { background: transparent url(/pix/toolTip/cornerTopRight.gif) no-repeat scroll left top; width:4px; height: 4px; }
#flatCarousel .popup .left {background: transparent url(/pix/toolTip/borderlineLeft.gif) repeat-y scroll right top; width:4px; height:190px; }
#flatCarousel .popup .pointer {position:relative;top:-65px; width:20px; height:24px; }
#flatCarousel .popup .pointer.toTheLeft {background: transparent url(/pix/toolTip/arrow.gif) no-repeat scroll right top; left:-1px; }
#flatCarousel .popup .pointer.toTheRight {display:none; background: transparent url(/pix/toolTip/arrowRight.gif) no-repeat scroll left top; margin-left: 1px; }
#flatCarousel .popup .popupContent {padding: 10px; background-color:#fff; }
#flatCarousel .popup .right {background: transparent url(/pix/toolTip/borderlineRight.gif) repeat-y scroll left top; width:4px; height:190px; }
#flatCarousel .popup .bottomLeft { background: transparent url(/pix/toolTip/cornerBottomLeft.gif) no-repeat scroll right top; width:4px; height: 4px; }
#flatCarousel .popup .bottom { background: transparent url(/pix/toolTip/borderlineBottom.gif) repeat-x scroll left bottom; height: 4px; margin: 10px -10px 0px; }
#flatCarousel .popup .bottomRight {background: transparent url(/pix/toolTip/cornerBottomRight.gif) no-repeat scroll left top; width:4px; height: 4px; }
#flatCarousel .popup p { display:inline; }
#flatCarousel .popup .category { font-weight:bold;overflow:hidden;white-space:nowrap; }
#flatCarousel .popup .name { font-weight:bold;font-size:12px;overflow:hidden;white-space:nowrap; }
#flatCarousel .popup .startTime { font-weight:bold;margin-bottom:8px;font-size:12px; }

/** NEWSLETTER **/
.newsletterBox {margin:3px 0px;}
.newsletterElement {margin:3px 0px;}
.newsletterElement img {margin-left:3px;float:left;}
.newsletterLabel {float:left;overflow:hidden;margin-bottom:3px; font-weight:bold; margin-left:10px;}

/** (Product Ratings - rating-editor) **/
.editor_button_bar { float:left; width:523px; background:#ddd; border:1px solid #000; border-bottom:0px; height:28px; }
.editor_button_bar a { float:left; width:23px; height:22px; margin:2px; background-color:#ddd; border:1px solid #ddd; }
.editor_button_bar a:hover { border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #000; border-right:1px solid #000;  }

/** TERMS AND CONDITIONS (and the like) **/
.section { margin-bottom:15px; border-bottom:1px solid #ccc }
.section .sectionContent { padding-top:15px }
.section .sectionContent .sectionContentCount { float:left; width:50px; font-weight:bold }
.section .sectionContent .sectionContentText { float:left }
.section .sectionContent .head { font-size:12px; font-weight:bold }
.section .sectionContent .sectionContentText .sectionContentSubCount  { float:left; margin-top:5px; width:20px; font-weight:bold; }
.section .sectionContent .sectionContentText .sectionContentSubText   { float:left; margin-top:5px; width:96%; }
#pageContentBig .section { width:802px }
#pageContent .section { width:633px }
#pageContentBig .section .sectionContent .sectionContentText { width:750px }
#pageContent .section .sectionContent .sectionContentText { width:583px }
#print .section .sectionContent .sectionContentText { width:500px }

/** OVERVIEWS **/
.grayLine {background-color:#EFEFEF; height:57px; margin: 0px -5px; padding: 0 5px;}
.grayLine .textBox {font-size: 18px; width: 480px; text-align:center; font-weight:bold; float:left;padding-top:4px;}
.smallBox {width: 150px; float:left; margin-left: 10px; font-weight:bold; background-color: #fff; display:block; text-decoration:none;}
a .boxContent {cursor:pointer;}
.smallBox .boxTop {position:relative; height:14px;background: url(/pix/overview/smallBox_top.gif) repeat-x scroll left top;}
.smallBox .boxCornerTopLeft {position:absolute; height:14px; left:0px; width:14px; background: #efefef url(/pix/overview/smallBox_corner_left_top.gif) no-repeat scroll left top;}
.smallBox .boxCornerTopRight {position:absolute; height:14px; right:0px; width:14px; background: #efefef url(/pix/overview/smallBox_corner_right_top.gif) no-repeat scroll left top;}
.smallBox .boxBottom {position:relative; height:14px; margin-top: -8px; background: url(/pix/overview/smallBox_bottom.gif) repeat-x scroll left bottom;}
.smallBox .boxCornerBottomLeft {position:absolute; height:14px; left:0px; width:14px; background: #efefef url(/pix/overview/smallBox_corner_left_bottom.gif) no-repeat scroll left top;}
.smallBox .boxCornerBottomRight {position:absolute; height:14px; right:0px; width:14px; background: #efefef url(/pix/overview/smallBox_corner_right_bottom.gif) no-repeat scroll left top;}
.smallBox .boxContent {float:left; width:122px; padding: 0 10px; margin-top: -4px; height:31px;}
.smallBox .boxContentLeft {float:left; position:relative; height:31px; width:4px; background: #efefef url(/pix/overview/smallBox_left.gif) repeat-y scroll left top;}
.smallBox .boxContentRight {float:left; position:relative; height:31px; width:4px; background: #efefef url(/pix/overview/smallBox_right.gif) repeat-y scroll left top;}
.highlightsArea {padding: 10px 0;}
.highlight {margin:4px; width: 265px; height: 420px; float:left;overflow:hidden;}
.highlight .roundboxcontent {display:block; border:0 solid #B1AFB0; border-width:0 1px;padding:0px; height: 410px; position:relative; }
.highlight .xb2, .highlight .xb3, .highlight .xb4 {background:#fff; border-left:1px solid #B1AFB0; border-right:1px solid #B1AFB0;}
.highlight .xb1 {margin:0 5px;background:#B1AFB0;}
.highlight .xb2 {margin:0 3px; border-width:0 2px;}
.highlight .xb3 {margin:0 2px;}
.highlight .xb4 {height:2px; margin:0 1px;}
.highlightHead {padding:3px 7px; height: 30px;}
.highlightHead .roundtop, .highlightHead .roundbottom {display:block; background:transparent; font-size:1px;}
.highlightHead .roundboxcontent {display:block; border:0 solid #B1AFB0; border-width:0 1px;padding:0px; height: 22px;background:#333; color: #fff; font-weight: bold; font-size: 13px; text-align:center;}
.highlightHead .xb2, .highlightHead .xb3, .highlightHead .xb4 {background:#333; border-left:1px solid #B1AFB0; border-right:1px solid #B1AFB0;}
.highlightHead .xb1 {margin:0 5px;background:#B1AFB0;}
.highlightHead .xb2 {margin:0 3px; border-width:0 2px;}
.highlightHead .xb3 {margin:0 2px;}
.highlightHead .xb4 {height:2px; margin:0 1px;}
.highlight .indicatorWraper {height:30px;width:240px;margin: 7px 0px;}
.highlight .indicator {height:30px;width:240px;font-size:14px;margin: 7px 12px;font-weight:bold;background:url(/pix/overview/stock_bg.jpg) no-repeat;position:relative;}
.highlight .indicator .percent {margin-top:5px;position:relative;z-index:100;}
.highlight.p0 .buyNowGrey, .highlight.soldOutEnded .buyNowGrey {display:block;}
.highlight.p100 .indicator .percent.hintAll {display:inline;}
.highlight.p100 .indicator .percent.hint {display:none;}
.highlight .indicator .percent.hint {display:block;float:left;font-size:10px;margin-top:0px;width:140px;text-align:center;}
.highlight .indicator .percent.hintAll {display:none;float:left;font-size:10px;margin-top:8px;width:140px;text-align:center;}
.highlight .indicator .percent.low {float:left;margin-left:5px;color:#f0838e;}
.highlight .indicator .percent.high {float:right;margin-right:5px;color:#bbf280;}
.highlight .indicator .indicatorBox { position:absolute;top:-8px;left:15px;width:225px;overflow:hidden; height:38px;}
.highlight .indicator .indicator { width:14px; height:11px; position:absolute; background:url(/pix/overview/stock_indicator.gif) 0px 0px no-repeat; }
.highlight .indicator .layerBox { position:absolute; top:8px; left:0px; width:225px; height:30px; }
.highlight .indicator .layer { width:225px; height:30px; position:absolute; background:url(/pix/overview/stock_bg_transparent.png) 0px 0px no-repeat; }
.highlight .picture {position:relative;width:240px;height:200px;margin:0 auto;margin-top:-11px;padding:0px;display:block;}
.highlight .category {margin-left: 7px;font-weight:bold; float:left; width: 248px;}
.highlight .articleName {margin-left:7px;font-weight:bold; font-size: 12px; float:left; width: 248px;}
.highlight .buyNow {background:url(/pix/overview/buyNow.jpg) 3px 3px no-repeat;width:72px;height:72px;}
.highlight .buyNowGrey {display:none;background:url(/pix/overview/buyNow_grey.jpg) 3px 3px no-repeat;width:72px;height:72px;position:relative;}
.highlight.p0 .ended {background:url(/pix/overview/soldOut.gif) no-repeat;width:200px;height:97px;top:30px;left:30px;}
.highlight.soldOutEnded .ended {background:url(/pix/overview/soldOutEnded.gif) no-repeat;width:200px;height:111px;top:30px;left:30px;}
.highlight.soldOutEnded .theCounter {display:none;}
.highlight .alreadyEnded {display:none;}
.highlight.soldOutEnded .alreadyEnded {display:inline;}

/* cart layout */
.checkout .contentBlock {width:750px;}

.checkout .itemBoxHead {display:block; background:#fff; border:0 solid #333; border-width:0 1px; margin: 0px 1px; padding:5px;border-bottom:1px dotted #CCC;}
.checkout .itemBoxHead .info {margin-left:140px;}
.checkout .itemBoxBorder {height:2px;display:block; background:#fff;border:0 solid #333; border-width:0 1px; margin: 0px 1px; padding:0px;border-bottom:1px dotted #CCC;}

.checkout .itemBox {display:block; background:#fff; border:0 solid #333; border-width:0 1px; border-bottom:1px dotted #CCC; margin: 0px 1px; padding:5px;position:relative;}
.checkout .itemBox .picture {width:120px; height:120px; float: left; margin:0px 10px;}
.checkout .itemBox .relative {position:relative; height:130px;}
.checkout .itemBox .info, .checkout .itemBoxHead .info {float: left; width:350px;}
.checkout .itemBox .info .description {font-size:11px;}
.checkout .itemBox .label, .checkout .itemBoxHead .label {font-weight: bold;}
.checkout .itemBox .big, .checkout .itemBoxHead .big {font-size: 14px;}
.checkout .itemBox .info .message { width:450px;color:#C00;font-size:12px;font-weight:bold; position:absolute;bottom:10px;}
.checkout .itemBox .amountBox, .checkout .itemBoxHead .amountBox {float: left;}
.checkout .itemBox .priceBox, .checkout .itemBoxHead .priceBox {color:#000;float: right;}
.checkout .itemBox .amountBox .chooseAmount, .checkout .itemBox .priceBox .chooseAmount {height:40px;}
.checkout .itemBox .amountBox .remove {display:block;height:40px;width:120px;position:absolute;top:40px;left:0px;z-index:100;}
.checkout .itemBox .amountBox .remove a {display:block;background:url(/pix/icons/close.gif) no-repeat;height:15px;line-height:15px;padding-left:18px;font-size:9px;}
.checkout .itemBox .priceBox .value {text-align:right;font-weight: bold;}
.checkout .itemBox .priceBox .buyNow {display:none;background:url(/pix/checkout/toCart.png) no-repeat;height:52px;width:52px;position:absolute;bottom:0px;right:0px;z-index:100;}
.checkout .itemBox.timedOut .priceBox .buyNow,
.checkout .itemBox.soldOutEnded .priceBox .buyNow {display:block;}
.checkout .itemBox.timedOut .info .message .remainTime,
.checkout .itemBox.soldOutEnded .info .message .remainTime {display:none;}
.checkout .itemBox .info .message .expired {display:none;}
.checkout .itemBox.timedOut .info .message .expired,
.checkout .itemBox.soldOutEnded .info .message .expired {display:block;}

.checkout .itemBox .info,
.checkout .itemBox .amountBox,
.checkout .itemBox .priceBox {z-index:99;}
.checkout .itemBox.timedOut .amountBox .chooseAmount select {display:none;}
.checkout .itemBox .amountBox .chooseAmount .pureAmount {display:none;}
.checkout .itemBox.timedOut .amountBox .chooseAmount .pureAmount {display:block;width:50px;text-align:center;}
.checkout .itemBox .reservationExpired {display:none;z-index:98;background-color:#DDD;width:100%;height:100%;position:absolute;left:0px;top:0px;filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55;border-bottom:1px dotted #000;}
.checkout .itemBox.timedOut .reservationExpired,
.checkout .itemBox.soldOutEnded .reservationExpired {display:block;}

.checkout .itemBox .labels {float: left; text-align: left; margin: 10px 40px; width:100px;}
.checkout .itemBox .labels .label,
.checkout .itemBox .values .label {margin-top: 5px;}
.checkout .itemBox .values {float: left; text-align: right; margin: 10px 0px; width:100px;}