/* General HTML Styles */
/* ------------------- */
* { padding: 0;
margin-left: 0;
margin-right: 0;
}/* Zero margin and padding on all elements */
body
{
/*Base font size for site*/
/*font-size: small;/
/*font: 62.5%/1.6 Arial, Helvetica, sans-serif;*/
/*
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
line-height:1.6em;
*/
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
/*line-height:1.5em;*/
color: #919191;
text-align:center;
background-color: #FFFFFF;
margin: 10px;
padding:0;
min-width: 965px;
}
p {/*font-size:1.1em;*/ margin-bottom: 1em;}
li, td, th {/*font-size:1.1em;*/}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0.25em;}
h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.0em;margin-top:14px}
h5{font-size: 1.0em}
h6{font-size: 0.8em}
a, a:visited
{
color:#FAA419;
text-decoration:underline;
}
a:hover, a:active
{
text-decoration:none;
}
a img
{
border-style:none;
}
/*******************************************
Form Styles
*******************************************/
form {padding:0; margin:0;}
input, textarea, select {font-size:100%;}
input.button {
font-size: 100%;
background-color: #FE7930;
color: white;
border-width:1px;
border-color: #ccc black black #ccc;
}
fieldset {margin: 10px 0; padding:0px; border:none;}
fieldset legend {margin-left:0; margin-bottom:5px; padding: 0px; font-weight:bold;}
/*NOTE the Cascade level, this is because of the use of * * on containers */
#twocolumnlayout #maincontent fieldset p, fieldset p {padding-left: 6px;}
fieldset p.required {border-left: 2px solid #FAA334; padding-left:4px;}
fieldset p.left {float:left; width:45%;}
fieldset p.right {float:right; width: 45%;}
fieldset p label {padding-right: 6px; display:block;}
fieldset p.required label {}
fieldset p .invalid{display:block;}
fieldset p input, textarea {display:block;}
fieldset p input.button{}
/* use for p.inlineinput checkboxes and radio buttons */
fieldset p.inlineinput label {display:inline;}
fieldset p.inlineinput input {display:inline;}
.invalid {color: #FAA334; font-weight:bold;}
#genFeedback, .feedback {color: #FAA334; font-weight:bold; }
#genInstruction, .instruction {font-weight:bold;}
/* Shared Classes */
/* -------------- */
.block {display:block;}
.none {display:none;}
.left {float:left;}
.right{float:right;}
.clear {clear:both;}
.clearafter:after { /* Overridden in IE css, previous external floats trigger the IE Float Model */
content: ".";
height:0;
visibility: hidden;
display:block;
clear:both;
}
img.left
{
float:left;
margin:5px 10px 15px 0;
}
img.right
{
float:right;
margin:5px 0 10px 10px;
}
.alternate
{
background-color: #CECECE;
}
hr.separator
{
border:1px solid #EDEDED;
border-width: 1px 0 0 0;
height:1px;
color:#EDEDED;
margin:5px 0 5px 0;
display:block;
clear:both;
}
.hilite{color:#FAA334;}
a.learnmore
{
color:#FAA419;
text-transform:uppercase;
font-weight:bold;
}
/*
.form1 table, tr, td{
padding-right:12px !important;
}
.pepe table, tr, td{
padding-right:0px !important;
}
*/
.form-td-separator
{
padding-right:12px !important;
}
.req_form_aux {
padding-right:0px !important;
}
/*
.form_aux_td{
padding-right:0px !important;
}
.form1 table{
margin-bottom:5px !important;
}
*/
.checkboxes-form table,td{
margin-bottom:7px !important;
}
.checkboxes-form span{
padding-right:5px !important;
}
.checkboxes-form-no-padding{
margin-bottom:0px;
}
.date-time td{
padding-right:3px !important;
padding-bottom:5px !important;
}
.date-time span{
text-align:left !important;
padding:0px;
}
#top-form-img{
margin: 20px 0pt 0pt;
*margin-bottom: -3px;
}
top-form-img-bott{
margin: 0pt 0pt 10px;
}
.form-input-div{
padding: 0px 30px 0px 0px;
margin-right: 28px;
*margin-right: 20px;
float:right;
}
/* Layout for major page areas */
/* -------------------------- */
/*
Note:
Layouts are using floating without margins. Use padding and margins on contained elements, not the containers.
Padding technique: set top and bottom padding on container, and left right padding on contained elements
e.g:
.container {padding:10px 0;} <-- set top and bottom padding on container, zero out left and right
.container * {padding-left: 10px; padding-right: 10px;} <-- Set left and right padding on immediate children
.container * * {padding-left: 0; padding-right: 0;} <-- Zero out left and right on further descendants
This padding technique is dependent on all content within the container being wrapped in an element.
*/
/* shared accross all layouts*/
#pagewrapper
{
/*background: url(../img/common/bg_content.jpg) repeat-y left top;*/
/*z-index:1;*/
width: 930px;
text-align:left;
margin: 0 auto;
padding:0;
position:relative;
}
#sitelogo {
background: url(../img/common/logo.gif) no-repeat;
text-indent: -9000px;
}
#sitelogo a {
background: url(../img/common/logo.gif) no-repeat;
position:absolute;
top: 0;
left:15px;
display:block;
width:260px;
height:100px;
z-index:4;
}
#header
{
padding-top: 36px;
float:right;
/*url(../img/common/bg_header.jpg) no-repeat left bottom;*/
width:100%;
}
#header p {margin:0; }
/*
#header p.utilitynav {padding-left: 175px; padding-bottom: 36px;}
#header p.utilitynav * {float:left;}
#header p.utilitynav input.searchbox {font-size:10px; width: 105px;}
#header p.utilitynav .gosearch { padding-left:3px;}
*/
/*49px from top*/
#header p.citysuggestion {/*float:left;*/ width:173px;}
#header p.phonehelp {padding-right: 64px;float:right;}
#header p.chatlive {padding-right:32px; float:right;}
#header p.helpchat{padding-right:0px; float:right;}
#header div.cityinfo{width:235px; padding-right: 28px;float:right;}
#header div.cityinfo h2 {font-size:18px; border-bottom: 1px solid #ccc;}
#header div.cityinfo h2 span {font-size:10px; vertical-align:middle;}
#header div.cityinfo address {font-style:normal;font-size:10px;}
/*
#header p.userinfo {float:right; width:177px;}
#header p.userinfo img { padding: 0 3px 3px 0; vertical-align:middle;}
*/
#navigation
{
padding-top: 30px;/*30px*/
/*padding-bottom: 5px;*/ /* there seems to be a difference between FF and IE here*/
clear:both;
background: url(../img/common/bg_header.jpg) no-repeat left top;
}
#navigation ul{list-style:none; }
#navigation ul li {}
#navigation ul li a {font-family: Arial, sans-serif; text-decoration:none;}
#navigation a:link, #navigation a:visited {color: #9F9F9F;}
#navigation a:hover, #navigation a:active {color: #FAA419;}
#navigation ul#mainnav {padding-left: 520px; margin:0; text-transform:uppercase;}
#navigation ul#mainnav li
{
display:inline;
position:relative;
z-index:2;
height:12px;/*set height to fix extra padding in firefox */
}
#navigation ul#mainnav #products {float:left;} /*float to clear out whitespace */
#navigation ul#mainnav #howto {float:left;}
#navigation ul#mainnav #contact {float:left;}
#navigation ul#mainnav ul {
position:absolute;
display:none;
top:12px;
z-index:2;
/*padding-top: 10px;*/
}
#navigation ul#mainnav #products ul { width:117px; left: -3px; background: url(../img/common/bg_dropdown_products.gif) bottom left;}
#navigation ul#mainnav #howto ul {width: 102px; left:1px; background: url(../img/common/bg_dropdown_howto.gif) bottom left;}
#navigation ul#mainnav #contact ul {width: 140px; left:1px; background: url(../img/common/bg_dropdown_contact.gif) bottom left;}
#navigation ul#mainnav ul li a
{
background:transparent;
/*background-color:#FFFFFF;*/
letter-spacing: -0.05em;
font-size:10px;
line-height:12px;
display:block;
margin:0 5px;
border-top: 1px solid #DEDEDE;
padding: 5px 0;
}
#navigation ul#mainnav li:hover ul, #navigation ul#mainnav li.over ul
{
display: block;
}
#navigation #breadwrapper {clear:both; height:34px;padding-top:15px;}
#navigation #breadwrapper .breadcrumbs {display:block;float:left; padding-left: 40px; font-weight:bold;}
#navigation #breadwrapper .breadcrumbs a {color:#FAA419;}
#navigation #breadwrapper #lnksendtofriend{float:right; padding-right:5px;}
#navigation #breadwrapper #lnkshare{float:right; padding-right:5px;}
#navigation #breadwrapper #lnkprintpage{float:right; padding-right:40px;}
#level2nav
{
background: url(../img/common/bg_lev2nav_top.gif) no-repeat left top;
text-align:center;
text-transform: uppercase;
padding-top:5px;
margin-bottom:50px;
/*position:relative;*/
}
#level2nav h4{font-size:12px; margin-bottom:0;}
#level2nav ul.lev2links
{
background: url(../img/common/bg_lev2nav_bottom.gif) no-repeat left bottom;
list-style:none;
padding: 5px 30px 5px 0px;
margin-bottom:0;
}
#level2nav ul.lev2links li
{
padding: 2px 0px;
margin: 2px 15px;
border-top: 1px solid #EDEDED;
}
#level2nav ul.lev2links li.first {border-top:none;}
#level2nav ul.lev2links li a
{
background: url(../img/common/tridots_lil_right.gif) no-repeat right center;
/*padding-right:10px;*/ /*padding won't work for bg image on centered text, had to use */
color: #919191;
text-decoration:none;
font-weight:bold;
font-size:11px;
}
#level2nav ul.lev2links li a:hover, #level2nav ul.lev2links li a.current
{
color: #FAA334;
background: url(../img/common/tridots_lil_right_over.gif) no-repeat right center;
}
#footer
{
background: url(../img/common/bg_footer.jpg) no-repeat left top;
clear:both;
padding: 35px 10px 20px 20px;
text-align:right;
}
#footer p {float:left;}
#footer ul {list-style:none;}
#footer ul li {display:inline; padding-right: 10px;}
#footer a {color:#919191; text-decoration:none;}
#footer a:hover {color:#FAA419;text-decoration:underline;}
/*all column layouts*/
.contentwrapper {background: url(../img/common/bg_content.jpg) repeat-y left top; }
.contentwrapper #maincontent {float:left; padding: 0 0; /*background-color:#99FFCC;*/}/* set TB padding on container */
/*.contentwrapper #maincontent *, .contentwrapper #contentleft *, .contentwrapper #contentright * {padding-left: 30px; padding-right: 30px;}*/ /*set LR padding on container's immediate decendants*/
/*.contentwrapper #maincontent * *, .contentwrapper #contentleft * *, .contentwrapper #contentright * * {padding-left: 0; padding-right: 0;}*//* clear LR padding for distant decendants*/
.contentwrapper #contentleft {float: left; /*padding: 10px 0;*//*background-color:yellow;*/}
/*
.contentwrapper #contentleft * {padding-left: 10px; padding-right: 10px;}
.contentwrapper #contentleft * * {padding-left: 0; padding-right: 0;}
*/
.contentwrapper #contentright {float: right; /* padding: 10px 0;*//*background-color:#99CC99;*/}
/*
.contentwrapper #contentright * {padding-left: 10px; padding-right: 10px;}
.contentwrapper #contentright * * {padding-left: 0; padding-right: 0;}
*/
/*3 Column layout*/
#threecolumnlayout {}
#threecolumnlayout #contentleft {width: 250px; position:relative;}/*set content width; position set for imgZoom*/
#threecolumnlayout #contentleft * {padding-left: 40px; padding-right:26px;} /*set LR padding on container's immediate decendants*/
#threecolumnlayout #contentleft * * {padding-left: 0; padding-right:0;} /* clear LR padding for distant decendants*/
#threecolumnlayout #maincontent {width: 367px; /*background-color:yellow;*/}/*set content width*/
#threecolumnlayout #maincontent * {/*padding-left:0px; padding-right:0px;*/} /*set LR padding on container's immediate decendants*/
#threecolumnlayout #maincontent * * {/*padding-left:0; padding-right:0;*/} /* clear LR padding for distant decendants*/
#threecolumnlayout #contentright {width: 255px;}/*set content width*/
#threecolumnlayout #contentright * {padding-right: 40px;} /*set LR padding on container's immediate decendants*/
#threecolumnlayout #contentright * * {padding-right: 0;} /* clear LR padding for distant decendants*/
/*2 Column layout (no contentleft)*/
#twocolumnlayout {}
#twocolumnlayout #maincontent {width: 657px;}/*set content width*/
#twocolumnlayout #maincontent * {padding-left:40px; padding-right:40px;} /*set LR padding on container's immediate decendants*/
#twocolumnlayout #maincontent * * {padding-left:0; padding-right:0;} /*clear LR padding for distant decendants*/
/* Common styles for maincontent area */
#twocolumnlayout #maincontent h2 img.pghdr{padding-bottom:15px;}
#twocolumnlayout #maincontent .teasewrapper{ }
#twocolumnlayout #maincontent .teasewrapper .teaseritem{float:left; width:250px; padding-bottom:1em;}
#twocolumnlayout #maincontent .teasewrapper .alt{margin-left:50px;}
#twocolumnlayout #maincontent .teasewrapper .teaseritem h3{text-transform: uppercase; margin-bottom:.6em;}
#twocolumnlayout #maincontent .teasewrapper .teaseritem img {float:left; padding: 0 15px 5px 0;}
#twocolumnlayout #maincontent .teasewrapper .teaseritem ul {list-style: none;}
#twocolumnlayout #maincontent hr.separator {margin:13px 40px 13px 40px;}
#twocolumnlayout #maincontent blockquote{margin-bottom:0.3em; }
#twocolumnlayout #maincontent cite{margin-bottom:1em; display:block;}
/*common table styling (wrapped)*/
#twocolumnlayout #maincontent div.tablewrap {margin: 0 40px 2em 40px; border:1px solid #CCC; padding:0;}
#twocolumnlayout #maincontent .tablewrap table { width:100%; /*border-collapse:collapse;*/}
#twocolumnlayout #maincontent .tablewrap table caption
{
color:white;
background-color: #CCC;
text-transform:uppercase;
padding:6px;
text-align:center;
font-weight:bold;
font-size:12px;
}
#twocolumnlayout #maincontent .tablewrap table tr {}
#twocolumnlayout #maincontent .tablewrap table th {padding:3px; vertical-align:middle;}
#twocolumnlayout #maincontent .tablewrap table td {padding:3px; /*border:1px solid white; border-width: 0 1px;*/}
#twocolumnlayout #maincontent .tablewrap table tr.alternate{background-color:#E9E9E9;}
/*specific tables*/
#twocolumnlayout #maincontent .tablewrap table.guide {}
#twocolumnlayout #maincontent .tablewrap table.guide th {width:40px; }
#twocolumnlayout #maincontent .tablewrap table.guide th.first {width:200px;}
/*Base style for unordered lists*/
#maincontent ul { margin-left:15px; margin-bottom: 1em;}
#maincontent ol {margin-left:20px; margin-bottom: 1em;}
#twocolumnlayout #contentright {width: 255px;}/*set content width*/
#twocolumnlayout #contentright * {padding-right: 40px;} /*set LR padding on container's immediate decendants*/
#twocolumnlayout #contentright * * {padding-right:0;} /* clear LR padding for distant decendants*/
/* Common styles for featurebox modules in contentright*/
#contentright .featurebox {}
#contentright .featurebox img.banner {display:block; padding-bottom:10px;}
#contentright hr.separator {margin:13px 40px 13px 0;}/* width fix for
Rmargin*/
#contentright .featurebox hr.separator {margin:13px 0 13px 0; width:214px}
#contentright .discountDiv hr.separator {margin:13px 0 13px 0; width:214px}
#contentright img.install {display:block; padding-bottom:20px;}
/*1 Column layout (no contentleft and no contentright)*/
#onecolumnlayout {}
#onecolumnlayout #maincontent {float:none; width: 930px;}/*set content width*/
#onecolumnlayout #maincontent * {padding-left:30px; padding-right:30px;} /*set LR padding on container's immediate decendants*/
#onecolumnlayout #maincontent * * {padding-left:0; padding-right:0;} /* clear LR padding for distant decendants*/
/* page specific layout and styles */
/* ------------------------------- */
/*home page */
#homepagelayout #contentleft {}
#homepagelayout #contentright {}
#homepagelayout #maincontent {float:none; width: 920px; padding-top:0px;}
#homepagelayout #maincontent * {padding-left:40px; padding-right:0px;} /*set LR padding on container's immediate decendants*/
#homepagelayout #maincontent * * {padding-left:0; padding-right:0;} /* clear LR padding for distant decendants*/
/*no breadwrapper: 30px high;*/
/*#navigation #nobreadcrumbs {display:block; height:5px;}*/
#homepagelayout #maincontent .features{}
#homepagelayout #maincontent .features h3.promo{}
#homepagelayout #maincontent .features #flashcontent{float:left;}
#homepagelayout #maincontent .features img.advantage{display:block; float:left; padding-left:10px;}
#homepagelayout #maincontent .productcategories {clear:both;}
#homepagelayout #maincontent .productcategories h2 {padding:15px 0 5px 0;}
#homepagelayout #maincontent .productcategories ul{margin-left:0; margin-bottom:0;}
#homepagelayout #maincontent .productcategories ul li {display:inline;}
#homepagelayout #maincontent .productcategories ul li img { padding-right:2px; }
#homepagelayout #maincontent .miscactions{clear:both; padding-top:15px;}
#homepagelayout #maincontent .miscactions div {float:left; border-right:1px solid #B9B9B9; padding-right:5px;}
#homepagelayout #maincontent .miscactions div p {padding-left:60px;}
#homepagelayout #maincontent .miscactions .storelocations {width: 175px; margin-right:20px; background: url(../img/home/icon_storelocations.gif) 0px 35px no-repeat;}
#homepagelayout #maincontent .miscactions .easydelivery {width: 195px; margin-right:20px; background: url(../img/home/icon_easydelivery.gif) 0px 35px no-repeat;}
#homepagelayout #maincontent .miscactions .freesample {width: 195px; margin-right:20px; background: url(../img/home/icon_freesample.gif) 0px 35px no-repeat;}
#homepagelayout #maincontent .miscactions .confidence {width: 210px; border-right: none;}
#homepagelayout #maincontent .miscactions .confidence p {padding-left:0; padding-top:10px; margin-bottom:0;}
#homepagelayout #maincontent .miscactions .confidence img.ebay{padding-right:25px;}
#homepagelayout #maincontent .miscactions .confidence img.amazon{padding-top:12px;}
#homepagelayout #maincontent .miscactions .confidence img.overstock {padding-right:25px;}
#homepagelayout #maincontent .miscactions .confidence img.squaretrade {}
/* Category details page (using #twocolumnlayout)*/
h2.cat_title {display:none;/*margin-bottom:15px;*/}
#twocolumnlayout #maincontent #flashcontent{ margin-bottom:20px;}
.cat_description {margin-bottom:25px;}
#cat_col_wrapper {}
#cat_col_wrapper .col_wrapper {margin-top:10px;}
#cat_col_wrapper .col_wrapper .col_flo_preview {float:left; width:111px; }
#cat_col_wrapper .col_wrapper .col_flo_preview span {}
#cat_col_wrapper .col_wrapper .col_flo_preview img {display:block;}
#cat_col_wrapper .col_wrapper .col_flo_preview div.logoimg {height:60px;}
#cat_col_wrapper .col_wrapper .col_flo_preview img.floimg{padding-bottom:5px;}
#cat_col_wrapper .col_wrapper .col_flo_preview .flotitle{display:block; font-weight:bold; color:#FAA334;}
#cat_col_wrapper .col_wrapper .col_details {float:left; width:446px; margin-left:20px;}
#cat_col_wrapper .col_wrapper .col_details h4 {color:#FAA334;}
#cat_col_wrapper .col_wrapper .col_details h4 .brand {text-transform:uppercase; font-size:1.2em;}
#cat_col_wrapper .col_wrapper .col_details h4 .series {color:#919191;}
#cat_col_wrapper .col_wrapper .col_details .col_description {margin-bottom:14px;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices {margin-left:0; margin-bottom:0;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices {list-style:none; display:block;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li {float:left; font-size:10px; line-height:11px;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li * {font-size:11px}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li img {float:left; margin-right:7px;margin-bottom:10px;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li span {font-weight:bold; color: #FAA334;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.reg {width:115px; }
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.reg .floreg {color:#919191;text-decoration:line-through; font-weight:bold;font-size:12px;}
#cat_col_wrapper .col_wrapper .col_details span.floreg {color:#919191; text-decoration:line-through; font-weight:bold; font-size:12px;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.reg .copybit {display:block;font-weight:bold;font-size:12px;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.pallet {margin-left: 20px; width:140px; font-size: 8pt; }
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.halfpallet {width:160px; font-size: 8pt;}
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.carton {width:110px; }
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices .flopallet, #cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices .flohalfpallet, #cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices .flocarton {font-size:14px;}
#cat_col_wrapper .col_wrapper .col_details .saveupto { color: #FAA334; margin-left: 20px; font-size: 9pt; }
#cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices .flosfpallet, #cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.halfpallet .flosfhalfpallet, #cat_col_wrapper .col_wrapper .col_details ul.col_flo_prices li.carton .flosfcarton{color:#919191; font-weight:normal;}
#cat_col_wrapper .col_wrapper .col_details p.col_anthro {clear:both; padding:6px 0; font-weight:bold;}
#cat_col_wrapper .col_wrapper .col_details .col_anthro1 {clear:both; padding:6px 0; font-weight:bold; font-size: 10pt;}
#cat_col_wrapper .col_wrapper .col_details .col_flo_thumbs{ margin-bottom:7px;}
#cat_col_wrapper .col_wrapper .col_details .col_flo_thumbs a img { margin-right:7px; margin-bottom:7px;}
/* collection detail*/
#collectionpagelayout {}
#collectionpagelayout #contentleft {width:300px; }/*set content width*/
#collectionpagelayout #contentleft * {padding-left: 40px; padding-right:10px;} /*set LR padding on container's immediate decendants*/
#collectionpagelayout #contentleft * * {padding-left: 0;padding-right:0;} /* clear LR padding for distant decendants*/
#collectionpagelayout #maincontent {width: 367px; }/*set content width*/
#collectionpagelayout #maincontent * {padding-right:10px;} /*set LR padding on container's immediate decendants*/
#collectionpagelayout #maincontent * * {padding-right:0;} /* clear LR padding for distant decendants*/
#collectionpagelayout #contentright {width: 255px;}/*set content width*/
#collectionpagelayout #contentright * {padding-right: 40px;} /*set LR padding on container's immediate decendants*/
#collectionpagelayout #contentright * * {padding-right:0;} /* clear LR padding for distant decendants*/
#collectionpagelayout #contentleft .flo_col_header{}
#collectionpagelayout #contentleft .flo_col_header div.brand {height:85px;}
#collectionpagelayout #contentleft .flo_col_header p {margin-bottom:8px;}
#collectionpagelayout #contentleft .flo_col_header p.dimensions {font-weight:bold;}
#collectionpagelayout #contentleft .flo_thumbs {}
#collectionpagelayout #contentleft .flo_thumbs p.flo_thumb {float:left; width:112px; padding-right:10px;}
#collectionpagelayout #contentleft .flo_thumbs p.flo_thumb a {display:block;}
#collectionpagelayout #maincontent h3, #collectionpagelayout #maincontent h4 {color:#FAA334;}
#collectionpagelayout #maincontent .series {color:#919191;}
#collectionpagelayout #maincontent .col_anthro{font-weight:bold; padding:8px 0;}
#collectionpagelayout #maincontent .copybit{color: #FAA334; font-weight:bold;}
#collectionpagelayout #maincontent .col_flash{margin-bottom:30px;}
#collectionpagelayout #maincontent #col_tabwrapper
{
background:url(../img/products/col_tab_bg_content.gif) repeat-y top left;
padding:0;
margin:0;
width:316px;
}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist
{
margin-left:0;
margin-bottom:0;
list-style:none;
background:url(../img/products/col_tab_bg_about.gif) no-repeat top left;
height:36px;
}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li{display:inline;position:relative;}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li a {cursor:pointer;}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li a img {padding-top:8px;}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li.about {padding-left:5px;}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li.selection {padding-left:11px;}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li.faq {padding-left:15px;}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li.installation {padding-left:13px;}
#collectionpagelayout #maincontent #col_tabwrapper #col_speccontent
{
/*background:url(../img/products/col_tab_bg_bottom.gif) no-repeat bottom left;*/
padding: 5px 10px 0px 10px;
}
#collectionpagelayout #maincontent #col_tabwrapper #col_speccontent div {}/* default display is set in second class declaration e.g class='about none'*/
#collectionpagelayout #maincontent #col_tabwrapper #col_speccontent div.about {/*display:block;*/}
#collectionpagelayout #maincontent #col_tabwrapper .col_foot
{
background:url(../img/products/col_tab_bg_bottom.gif) no-repeat bottom left;
height:10px;
}
/* flooring detail (using 3 column default)*/
#contentleft div.brand{height:97px;display:block;}
#contentleft #flo_zoom
{
/*background: url(../img/common/bg_infobox_content.gif) repeat-y top left;*/
background-color: #FFFFFF;
padding:0;
position:absolute;
top: -85px;
left:150px;
z-index:100;
width:579px;
display:none;
font-size: 1.2em;
border: 2px solid #CCCCCC;
}
* + html #contentleft #flo_zoom
{
top:-85px;
z-index: 100;
}
#contentleft #flo_zoom #close_zoom
{
/*background: #CCCCCC url(../img/products/bg_zoombox_top.gif) no-repeat top left;*/
height:20px;/*17px*/
width:27px;
float:right;
margin:20px 15px 0 0;
/*text-align:center;
color:white;
display:block;
font-weight:bold;
text-transform:uppercase;
padding: 3px 0;*/
}
#contentleft #flashcontent{
padding:0 2px;
}
.logo-views{
margin: 12px 0pt 0pt 7px;
float: left;
}
#contentleft #flo_images{padding-bottom:10px;}
#contentleft #flo_images img.large{ padding-bottom:10px;}
#contentleft #flo_images .thumbs{}
#contentleft #flo_images .thumbs img {padding-right:7px; float:left;}
#contentleft #flo_images .thumbs img.thumb3 {padding-right:0;}
#contentleft img.qualityseries {padding-top:15px;}
#contentleft h3 {}
#contentleft .col_link{color: #FAA334; margin-bottom:1em;}
#contentleft .flo_dimensions{}
#contentleft .col_anthro{ font-weight:bold;}
#contentleft h4 {}
#contentleft .specwrapper {}
#contentleft .specwrapper p {margin-bottom:.5em;}
#contentleft .specwrapper p .speclabel {color:#FAA334;}
#maincontent h3.brand {color:#919191; text-transform:uppercase; font-size: 1.1em;}
#maincontent h4.title {color:#FAA334;}
#maincontent h4 .series{color:#919191;}
#maincontent .orderfree { float:right; padding-top:5px;}
#maincontent .regpricewrapper{font-weight:bold; padding:10px 0 10px 0; font-size:12px;}
#maincontent .regpricewrapper .regprice{color:#919191;text-decoration:line-through;}
#maincontent .regpricewrapper .copybit{color:#FAA334; }
#maincontent ul.col_flo_prices {list-style:none; display:block; padding-bottom: 50px; margin-left:0;}
#maincontent ul.col_flo_prices li {float:left; font-size:10px; line-height:11px;/*width:122px;*/}
#maincontent ul.col_flo_prices li.pallet{width: 130px;}
#maincontent ul.col_flo_prices li.halfpallet{width: 130px;}
#maincontent ul.col_flo_prices li.carton {width:100px;}
#maincontent ul.col_flo_prices li * {font-size:11px}
#maincontent ul.col_flo_prices li img {float:left; margin-right:7px;margin-bottom:10px;}
/*#maincontent ul.col_flo_prices li span {font-weight:bold; color: #FAA334;}*/
#maincontent ul.col_flo_prices li span.flopallet, #maincontent ul.col_flo_prices li span.flohalfpallet, #maincontent ul.col_flo_prices li span.flocarton {color:#FAA334; font-weight:bold; font-size:14px;}
#maincontent ul.col_flo_prices li.reg .floreg {color:#919191;text-decoration:line-through; font-weight:bold;}
#maincontent ul.col_flo_prices li.reg .copybit {display:block;font-weight:bold;}
/*#maincontent ul.col_flo_prices li.pallet {width:130px; }
#maincontent ul.col_flo_prices li.halfpallet {width:130px; }
#maincontent ul.col_flo_prices li.carton {width:130px; }
*/
#maincontent .flo_description{margin: 25px 0 15px 0;}
#maincontent .infobox, flo_zoom .infobox{ background: url(../img/common/bg_infobox_content.gif) repeat-y top left;}
#maincontent .infobox .header
{
background: url(../img/common/bg_infobox_top.gif) no-repeat top left;
height:28px;
padding-top:3px;
text-align:center;
color:white;
text-transform:uppercase;
}
#maincontent .infobox .content
{
background: url(../img/common/bg_infobox_bottom.gif) no-repeat bottom left;
padding: 0 10px 10px;
}
#maincontent #flooringcalc{}
#maincontent #flooringcalc h4.title{color:#FAA334;}
#maincontent #flooringcalc .colheader { display:block; font-weight:bold; font-size:12px;}
#maincontent #flooringcalc #currentPricePerSqFt{}
#maincontent #flooringcalc .coverage{float:left; width:160px; }
#maincontent #flooringcalc .coverage .howToMeassure{margin-top:10px;}
#maincontent #flooringcalc .coverage .addsample{margin-top:15px;margin-left:10px;}
#maincontent #flooringcalc .coverage .addsample input,#maincontent #flooringcalc .coverage .addsample img{margin-bottom:5px;}
#maincontent #flooringcalc .coverage .addsample p{margin:0;}
#maincontent #flooringcalc .cartons{float:left; width:100px; }
#maincontent #flooringcalc .price{float:left; width:100px;}
#maincontent #flooringcalc .price .currentprice,#currentPricePerSqFt {color:#FAA334; font-weight:bold;}
#maincontent #flooringcalc .subtotal{float:left; width:100px;}
#maincontent #flooringcalc .subtotal .currentsubtotal{ font-weight:bold;}
#maincontent #flooringcalc .update{clear:both; text-align:right;}
#maincontent #flooringcalc .weight{}
#maincontent #flooringcalc .addtocart{float:right;}
.addtoCartDiv input,.addtoCartDiv img{margin-left:30px;}
#maincontent .flo_description{}
#colFloor1 {float:left;}
#colFloor1 div span{display:inline;}
#colFloor1 div {text-align:right;}
#colFloor2 {float:left;padding-left:2px;}
#colFloor2 div {text-align:left;margin-top:1px;}
#maincontent .accessoriestotal{text-align:right; font-weight:bold;}
#maincontent .addtocart{text-align:right;}
#maincontent .accessorythumb {float:left; padding-bottom:10px; width:18%!important;width:17%}/*66px*/
#maincontent .accessoryitem {float:left; width: 80%!important;width:84%}/*275px*/
#maincontent .accessoryitem h4.acc_title {}
#maincontent .accessoryitem .acc_specs{display:none; }
#maincontent .accessoryitem .acc_rem{float:left;padding-bottom:5px;width:100%;}
#maincontent .accessoryitem .acc_quantity{float:left;width:23%!important;width:23%;clear:both;}
#maincontent .accessoryitem .acc_price{float:left; width:30%!important;width:28%;}
#maincontent .accessoryitem .acc_price .price {font-weight:bold; color:#FAA334;}
#maincontent .accessoryitem .acc_total{float:left; width:25%!important;width:25%}
#maincontent .accessoryitem .acc_total .total {font-weight:bold;}
#maincontent .accessoryitem .acc_update{float:left; text-align:right;width:22%!important;width:22%;}
/*Behavior/Javascript supporting styles*/
/* ----------------------------------- */
a.eventlink, a.eventlink:visited, a.eventlink:hover, a.eventlink:active {cursor:pointer;}
/* Skip Navigation for screenreaders*/
p.hide
{
height: 0;
width: 0;
overflow: hidden;
position: absolute; /* for IE5 Mac */
}
/*datalist show/hide*/
dl#showhide dt{cursor:pointer;}
/* textarea progress bar*/
.progress
{
border:1px solid #999;
background-color:#FFFFFF;
width: 404px;
height:4px;
font-size:1px;
}
.bar
{
background-color: #999;
height:4px;
width:0%;
}
/*Glossary Of Terms (GOT) baloon*/
#got {
position:absolute;
display:inline;
/*border:2px solid #D6D6D6;
background-color: #F7F7F7; */
width:326px;
z-index:10;
text-align:left;
/*padding:10px;
padding-bottom:0;*/
}
#divHeaderGot
{
/*border:2px solid #FF0000;*/
height:12px;
background-image:url(../img/common/gotPopUpTop.gif);
margin:0;
padding:0;
background-repeat:no-repeat;
clear:both;
}
#divMiddleGot
{
clear:both;
padding-left:10px;
padding-right:10px;
margin:0;
padding-top:0;
padding-bottom:0;
background-image:url(../img/common/gotPopUpMid.gif);
background-repeat:repeat-y;
}
#divFooterGot
{
clear:both;
margin:0;
padding:0;
height:12px;
background-image:url(../img/common/gotPopUpBottom.gif);
background-repeat:no-repeat;
}
.topBorder
{
border-top:1px solid #b9b9b9;
}
.btmBorder
{
border-bottom:1px solid #b9b9b9;
}
.leftBorder
{
border-left:1px solid #b9b9b9;
}
.rightBorder
{
border-right:1px solid #b9b9b9;
}
.gotcontent {}
.gotcontent * {/*color: white;*/}
.gotcontent .termtitle{margin-top:0px;}
.gotcontent .termshortdef {margin-bottom:0px;}
.gotcontent .termlongdef {}
a.gotlink, a.gotlink:link, a.gotlink:visited, a.gotlink:hover, a.gotlink:active {cursor:help; border-bottom: 1px dotted #919191; text-decoration:none; color:inherit;}
.topbar {
float: right;
margin-right:60px;
}
#rightSideLinks a
{
margin-bottom: 3px;
display: block;
}
.contentwrapper { position: relative; }
.contentwrapper #contentright #floatBottom
{
padding-right: 0px;
width: 255px;
/*position: absolute;*/
bottom: 0px;
}
.contentwrapper #contentright #floatBottom .featurebox
{
padding-right: 40px;
}
#floatBottomBuffer
{
width: 212px;
/*height: 580px;*/
}
#floatBottomBufferNational
{
width: 212px;
height: 480px;
}
.certificate
{
background: url(../img/how_to/cert_side.jpg) repeat-y 0px 40px;
padding: 0px 15px;
padding-right: 0px !important;
padding-left: 0px !important;
width: 578px;
}
.certificate .border-top
{
background: url(../img/how_to/cert_top.jpg);
width: 578px;
height: 13px;
font-size: 1px;
line-height: 1px;
}
.certificate .border-bottom
{
background: url(../img/how_to/cert_bottom.jpg);
width: 578px;
height: 37px;
}
.certificate .certificate-content
{
padding-left: 15px !important;
padding-right: 15px !important;
}
/*Martin Classes*/
.radioButton
{
padding: 0 5px 0 0 !important;
}
/*Power Reviews*/
#prExpressReferral {
display:none;
}
.prVerified{
display:none;
}
.prSummaryHeader{
display:none;
}
.prReviewPoints{
display:block;
}
.prExpressReferral
{
display:none;
}
.prSummaryWriteReview
{
display:none;
}
#maincontent .tabsbox{
background: url(../img/shoppingCart/bg_infobox_content.gif) repeat-y top left;
}
#maincontent .tabsbox .content
{
background: url(../img/shoppingCart/bg_infobox_bottom.gif) no-repeat bottom left;
padding: 0 10px 10px;
}
/* Silvana classes */
#Images_Tabs{
margin: 10px auto 17px;
width: 545px;
}
#all_views, #room_views, #details_view{
margin:10px auto;
width:600px;
padding-top:10px;
width:100%;
clear:both;
}
#all_views .view-top, #room_views .view-top, #details_view .view-top{
background: url(../img/products/bg_infobox_top.gif) no-repeat top left;
}
#all_views .view-bottom, #room_views .view-bottom, #details_view .view-bottom{
background: url(../img/products/bg_infobox_bottom.gif) no-repeat top left;
}
#all_views .view-bottom, #all_views .view-top, #room_views .view-bottom, #details_view .view-bottom, #room_views .view-top, #details_view .view-top{height:10px;}
#flo_zoom .content
{
background: url(../img/products/bg_infobox_content.gif) repeat-y top left;
padding: 0 10px;
}
.flash-container{width:500px; margin:10px auto;}
.views-thumb{margin: 0pt auto; width: 310px;float:left; height:66px; overflow: hidden;}
.prev-thumb, .next-thumb, .space-slider{height:14px; width:8px; position:relative; top:27px; float:left;}
.space-slider{margin-right:20px;}
.prev-thumb{background:url(../img/products/left_arrow.gif) top left no-repeat; margin-right:20px;}
.next-thumb{background:url(../img/products/right_arrow.gif) top left no-repeat; margin-left:20px;}
.prev-thumb:hover{background:url(../img/products/left_arrow_hover.gif) top left no-repeat;}
.next-thumb:hover{background:url(../img/products/right_arrow_hover.gif) top left no-repeat;}
.slider-wrapper{margin: 0 auto; width: 375px;}
#threecolumnlayout #contentleft #Images_Tabs ul.tabs-nav a{padding:0 10px 0 0}
#threecolumnlayout #contentleft #Images_Tabs ul.tabs-nav a span{padding:7px 0 0 10px}
/* Nicolas classes */
#flooringpagelayout {}
#flooringpagelayout #contentleft {width: 250px; position:relative;}/*set content width; position set for imgZoom*/
#flooringpagelayout #contentleft * {padding-left: 40px; padding-right:26px;} /*set LR padding on container's immediate decendants*/
#flooringpagelayout #contentleft * * {padding-left: 0; padding-right:0;} /* clear LR padding for distant decendants*/
#flooringpagelayout #maincontent {width: 367px; /*background-color:yellow;*/}/*set content width*/
#flooringpagelayout #maincontent * {/*padding-left:0px; padding-right:0px;*/} /*set LR padding on container's immediate decendants*/
#flooringpagelayout #maincontent * * {/*padding-left:0; padding-right:0;*/} /* clear LR padding for distant decendants*/
#flooringpagelayout #contentright {width: 255px;}/*set content width*/
#flooringpagelayout #contentright * {padding-right: 40px;} /*set LR padding on container's immediate decendants*/
#flooringpagelayout #contentright * * {padding-right: 0;} /* clear LR padding for distant decendants*/
#flooringpagelayout #contentleft #Images_Tabs ul.tabs-nav a{padding:0 10px 0 0}
#flooringpagelayout #contentleft #Images_Tabs ul.tabs-nav a span{padding:7px 0 0 10px}
#flooringpagelayout #maincontent #col_tabwrapper
{
background:url(../img/products/col_tab_bg_content_2.gif) repeat-y top left;
padding:0;
margin:0;
width:367px;
}
#flooringpagelayout #maincontent #col_tabwrapper #col_tablist
{
margin-left:0;
margin-bottom:0;
list-style:none;
background:url(../img/products/col_tab_bg_trims_2.gif) no-repeat top left;
height:36px;
}
#flooringpagelayout #maincontent #col_tabwrapper #col_tablist li{display:inline;position:relative;}
#flooringpagelayout #maincontent #col_tabwrapper #col_tablist li a {cursor:pointer;}
#flooringpagelayout #maincontent #col_tabwrapper #col_tablist li a img {padding-top:8px;}
#flooringpagelayout #maincontent #col_tabwrapper #col_tablist li.about {padding-left:14px;}
#flooringpagelayout #maincontent #col_tabwrapper #col_tablist li.trims {padding-left:25px;}
#flooringpagelayout #maincontent #col_tabwrapper #col_tablist li.reviews {padding-left:25px;}
#flooringpagelayout #maincontent #col_tabwrapper #col_speccontent
{
/*background:url(../img/products/col_tab_bg_bottom.gif) no-repeat bottom left;*/
padding: 5px 10px 0px 10px;
}
#flooringpagelayout #maincontent #col_tabwrapper #col_speccontent div {}/* default display is set in second class declaration e.g class='about none'*/
#flooringpagelayout #maincontent #col_tabwrapper #col_speccontent div.about {/*display:block;*/}
#flooringpagelayout #maincontent #col_tabwrapper .col_foot
{
background:url(../img/products/col_tab_bg_footer.gif) no-repeat bottom left;
height:10px;
}
#collectionpagelayout #maincontent #col_tabwrapper #col_tablist li.watchme {padding-left:13px;}
/* VIDEO POPUP */
#video_zoom .content
{
background: url(../img/products/bg_infobox_content.gif) repeat-y top left;
padding: 0 10px;
}
#contentleft #video_zoom
{
/*background: url(../img/common/bg_infobox_content.gif) repeat-y top left;*/
background-color: #FFFFFF;
padding:0;
position:absolute;
top: 70px;
left:90px;
z-index:100;
width:750px;
display:none;
font-size: 1.2em;
border: 2px solid #CCCCCC;
}
#contentleft #video_zoom #close_zoom
{
height:20px;/*17px*/
width:27px;
float:right;
margin:20px 15px 0 0;
}
video_zoom .infobox{ background: url(../img/common/bg_infobox_content.gif) repeat-y top left;}
.video-flash-container
{
margin:15px;
float: left;
width: 430px;
}
.video-description
{
float:left;
width:280px;
}
#contentleft #video_zoom h3
{
color:#FAA334;
font-size:1.1em;
margin-bottom:0.25em;
}
/* Videos page */
.video-page-flash-container
{
width: 593px;
margin-left:40px;
padding: 10px;
height: 344px;
}
#video_zoom #videoDescription
{
font-size:11px;
padding-top:15px;
}
/*Invalid Inputs*/
.invalidFlooringInput
{
background:url(/img/shoppingCart/inputvalidation_bg.gif) no-repeat;
position:absolute;
width:157px;
height:34px;
z-index:101;
padding-top:10px;
padding-left:10px;
top:0;
left:85px;
display:none;
}
.invalidAccessoryInput
{
background:url(/img/shoppingCart/inputvalidation_bg.gif) no-repeat;
position:absolute;
width:157px;
height:34px;
z-index:101;
padding-top:10px;
padding-left:10px;
top:0;
left:50px;
display:none;
}
.invalidFlooringInput img,.invalidAccessoryInput img
{
float:left;
width:6px;
height:10px;
margin-top:7px;
}
.invalidFlooringInput div,.invalidAccessoryInput div
{
float:left;
margin-left:5px;
font-weight:bold;
}
.invalidFlooringInput div p,.invalidAccessoryInput div p
{
margin:0;
}
#header table
{
float:right;
}
.confidenceImage
{
float:left;
width:53px;
}
.confidenceLogos
{
float:left;
margin-left:30px;
}
.confidenceLogos div
{
margin-top:5px;
}
.confidenceMessage
{
font-weight:bold;
margin-bottom:10px;
}
.emailbox {
background-color:#FFF;
border:1px solid #a9abaa;
color:#a9abaa;
padding:3px;
}
.phonehelp {
font-family:Arial;
background-image:url(/img/common/phonehelp-blank.jpg);
background-repeat:no-repeat;
color:#faa419;
font-size:14px;
min-height:37px;
width: 112px;
padding-top:3px;
*font-weight:bold;
_font-weight:bold;
}
@-moz-document url-prefix() {
.phonehelp { font-weight:bold; }
}
.phonehelpnumber {
padding-left:27px;
}
.phonehelp2 {
font-family:Arial;
background-image:url(/img/common/phonenumber-blank.jpg);
background-repeat:no-repeat;
color:#faa419;
font-size:13px;
min-height:28px;
width: 117px;
padding-top:16px;
*font-weight:bold;
_font-weight:bold;
}
@-moz-document url-prefix() {
.phonehelp2 { font-weight:bold; }
}
.phonehelpnumber2 {
padding-left:32px;
}
.phonehelpnumber3 {
color:#999;
font-family:Arial;
font-size:10px;
}
.phonehelp4 {
font-family:Arial;
background-image:url(/img/common/phonenumber-blank.jpg);
background-repeat:no-repeat;
color:#faa419;
font-size:13px;
min-height:28px;
width: 117px;
padding-top:16px;
*font-weight:bold;
_font-weight:bold;
}
@-moz-document url-prefix() {
.phonehelp4 { font-weight:bold; }
}
.phonehelpnumber4 {
margin-left:35px;
}
.phonehelpgeotargeted {
font-family:Arial;
color:#faa419;
font-size:12px;
width: 117px;
padding-top:0px;
*font-weight:bold;
_font-weight:bold;
}
.phonehelpnumbergeotargeted {
padding-left:2px;
}
@-moz-document url-prefix() {
.phonehelpgeotargeted { font-weight:bold; }
}
#installer_application { font-size: 10pt; }
.striketext{
position:relative;
text-decoration:none;
font-style:normal;
}
.strikeimg{
position:absolute;
top:.2em;
border:0;
width:100%;
height:.8em;
}