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;
}