html { background-color: #f3f3f3; } body { background: transparent @sprite1 no-repeat 50% -218px; .dfont; } h1,.h1 { font-size: (@base-font + 9); padding-bottom: @header-padding; } h2,.h2 { font-size: (@base-font + 5); padding-bottom: @header-padding; } h3,.h3 { font-size: (@base-font + 3); padding-bottom: @header-padding; } h4,.h4 { font-size: (@base-font + 2); padding-bottom: @header-padding; } h5,.h5 { font-size: (@base-font + 1); padding-bottom: @header-padding; } h6,.h6 { font-size: @base-font; padding-bottom: @header-padding; } /* anchor */ a { color: @brand-link; text-decoration: none; cursor: pointer; &:hover {text-decoration: underline;} } * :link,* :active,* :focus { outline: none !important } .intro { padding-bottom: @gutter; } .note { color: #555; & a { .underline; } } #container { background-color: #fff; clear: both; float: none; margin: 0 auto; min-height: 600px; padding: 0 0 44px; width: @style-width+30; } #content { .flcl; padding-bottom: @gutter; } .textblock { padding-bottom: 10px; } .section { .fleft; clear:both; padding-bottom: @gutter; .w100; } .tight { padding-bottom: @gutter/2; } #pagetitle p { padding-bottom: 5px; } #siteBreadcrumb { font-size: @base-font; margin: -2px 1px 11px; padding-top: @gutter; } #siteBreadcrumb a { color: @brand-link; .bold; } #m01,#h01 { .flcl; font-size: @base-font2; padding-right: @gutter; width: 180px; height: auto; min-height: 1px; } #m02,#h02 { .flcn; width: 756px; } #m03,#h03 { .flcn; padding-left: @gutter; width: 180px; } #m04,#h04 { .frcn; padding-left: @gutter; width: 180px; } #m0Headers { margin: 0 0 5px 0; padding: 0; } .col1,.col2 { .flcn; width: 48%; padding: 0; } .col2 { .fright; } .iCol1of2 { .flcn; width: 360px; padding: 0; margin-left: 10px; } .iCol1of3 { .flcn; width: 32%; margin-left: 2%; } .iCol2of3 { .flcn; width: 66%; margin-left: 2%; } .iCol1of4 { .flcn; margin-left: @gutter; width: 172px; } .iCol3of4 { .flcn; margin-left: @gutter; width: 546px; } .oCol1of2 { .flcn; margin-left: @gutter; width: 372px; } .oCol1of4 { .flcn; margin-left: @gutter; width: 180px; } .oCol3of4 { .flcn; margin-left: @gutter; width: 564px; } .oCol1of5 { .flcn; margin-left: @gutter; width: 160px; } #h01,#h02,#h03,#h04 { padding-bottom: 2px; } #h01 h1,#h02 h1,#h03 h1,#h04 h1 { .fleft; } #h01 span,#h02 span,#h03 span,#h04 span { .fleft; font-size: @base-font2; padding: 3px 0 0 3px; } #h02 h1 span { float: none; color: #bbb; } #h02 .oCol1of2 { .fright; .auto; } #h02 .oCol1of2.first { .fleft; } /*MODULES*/ .moduleStruct { .fleft; margin-bottom: @gutter; .w100; } .moduleStruct h1,.moduleStruct h2,.moduleStruct h3.header,.styleAcc { background-image: @sprite1; background-repeat: repeat-x; background-position: -630px -150px; padding: 8px 6px; cursor: default; } .moduleStruct .backToTop a { color: @brand-link; display: block; .fright; font-size: @base-font; padding-top: 3px; } .moduleStruct .backToTop span { .flcl; } .moduleStruct h1 p,.moduleStruct h2 p { .normal; font-size: @base-font2; } .moduleStructContent { display: inline-block; padding: @gutter; .border (#c8c8c8); border-top: none; } #m01 .moduleStructContent,#m03 .moduleStructContent,#m04 .moduleStructContent,.chat .moduleStructContent { padding: 8px (@gutter/2); } html[xmlns] .moduleStruct .moduleStructContent { display: block; } .moduleStruct .moduleStructContent:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .modCurve{ .border (#ddd); .rounded(5px); } .modCurve h4{padding:5px 6px;border-bottom:solid 1px #ddd;} .modStyle0 { background-color: #fff; .bordert (#c8c8c8); padding: @gutter; } .modStyle0 h2 { padding: (@gutter/2) 0; background: none; border: 0; } .styleAcc { .borderl (#c8c8c8); .borderr (#c8c8c8); color: @brand; .pointer; font-size: @base-font2; .normal; overflow: visible; padding: 6px 20px 4px 11px; width: 147px; background-color: #F5F5F5; background-position: -630px -48px; } .styleAcc a { color: @brand; } .accOpen { background-position: -461px -48px; } .accordion .styleAcc { .bold; border: 0; .borderb (#fff); height: 18px; overflow: hidden; padding: 6px 0 6px 7px; width: 173px; } .accordion .accOpen { color: #fff; background-color: @brand; background-position: 0 -160px; } .accordion .moduleStructContent { border: 0; padding: 10px; overflow: hidden; } .modStyle1 { color: @brand-text; background-color: #f8f0cc; } /* taupe header */ h2.modStyle1 { background-position: -630px -135px; } div.modStyle1 { border: 0; background: #f8f5e6; .rounded(6px); } .modStyle1 a { color: @brand-text; } .modStyle2,.rv .merchRuleFeature h2,#container .gradient_brand { color: #fff; .gradient_brand; .rounded_top(5px); } .modStyle2 a { color: #fff; } .modStyle3 { color: #fff; background-color: #000 } .modStyle3 a { color: #fff; } .modStyle4 { background: #F6F6F6; .border(#C8C8C8); } /* gray background */ .modStyle5 { .border (#EBEBEB); height: auto; line-height: 16px; color: @brand; background: #f5f5f5 @sprite1 repeat-x 0 -135px; } h2.modStyle5 a { color: @brand; text-decoration: none; } .modStyle5i { border: 0; background: #f5f5f5 } .depot .modStyle5i { background: transparent; min-height: 105px } .modStyle6 { color: #fff; background-color: #FF8000 } /* gold background */ .modStyle6 a,.modStyle8 a { color: #fff; display: block; .fright; font-size: @base-font; padding-top: 2px; } .modStyle7 { background-color: #F8F1D3; } /*Brown*/ .price_breaks .modStyle7 { color: #836347 } .modStyleFD { margin-bottom: @gutter; border: 0; background: url(/images/common/free_delivery_bottom.png) bottom left no-repeat; float: none; } .modStyleFD .moduleStructContent { padding-top: 8px; line-height: 18px; font-size: 16px; border: 0; background: @bg-freedelivery-top no-repeat 00; .center; color: @brand; .bold; } .moduleStructContent h2,.moduleStructContent h3 { background: transparent; border: 0; padding-left: 0; padding-right: 0; } .moduleStructContent .indent { padding-left: @gutter; } .modStyle8 { background-color: #427730; color: #fff !important; } .col1 .moduleTaupe,.col2 .moduleTaupe { margin-bottom: @gutter; width: 372px; } #container .iFull { padding: 0; } #container .iWidthFull { padding-left: 0; padding-right: 0; } #container .iHeightFull { padding-top: 0; padding-bottom: 0; } #container .open { border: 0; } #container .openBottom { border-bottom: 0; margin-bottom: 0; } #container .openTop { border-top: none; margin-top: 0; } /*MODULE BASED CHANGES*/ .twoColsEven { .fleft; background: transparent @bg-2col no-repeat 0 100%; margin-bottom: @gutter; } .twoColsEven .moduleStruct { margin-bottom: 0; } .twoColsEven .moduleStructContent { border-bottom: 0; } .inkDepotModule select { min-width: 156px; width: 156px; } .inkDepotModule input.input,.inkDepotModule select { .border (#9B9B9B); font-size: @base-font; width: 129px; } .inkDepotModule input.input { height: 16px; margin-right: 4px; padding-top: 2px; } .quickAddByNum .moduleStructContent { padding-left: 10px !important; } /* ECOMETEC-9627 */ .mod_sup { padding-left: @gutter; width: 168px !important; } .mod_sup .moduleStructContent { border: 0; width: 136px; } .paymentInfoContainer { .flcn; width: 485px; margin: 0; background-color: #F6F6F6; .border (#C8C8C8); padding: 10px; }