html, body, blockquote, div, form, img, input, h1, h2, h3, h4, h5, h6, p, ul, ol, lu, table, th, tr, td, tbody, thead, tfooter, th, hr {font-family: verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;}

body {color: #333; background:#f5d11b url(/cabotstore/images/cabot-bkgd.jpg) repeat-x scroll top center; text-align: center;}

h1 {font-size: 22px; color: #333; margin:8px 0;}
h2 {font-size: 18px; color: #333; margin:8px 0;}
h3 {font-size: 16px; color: #333; margin:8px 0;}
h4 {font-size: 14px; color: #666; margin:8px 0;}
h5 {font-size: 12px; color: #666; margin:8px 0;}
h6 {font-size: 11px; color: #666; margin:8px 0;}


.tbcap {font-weight: bold; text-transform: uppercase;}
td {font-size: 12px;}
th {font-size: 12px; color: #aaa;}
img {border: none;}
img, div { behavior: url(/cabotstore/images/iepngfix.htc); }
body {behavior: url(/cabotstore/css/csshover3.htc); }

.standardText {font-size: 11px; color: #666;}
a {text-decoration: none; color: #511e0e;}
a:hover {text-decoration: none; color: #333;}

p, li, ol {font-size: 11px; margin-bottom: 4px; color: #666;}
ul {padding: 0; margin: 7px 0 7px 12px;}
li {padding: 0; margin: 3px 0;}
ol {padding: 0; margin: 7px 15px 7px 40px;}
ol.alpha li {list-style: lower-alpha;}
table {margin-bottom: 8px;}

hr {height: 1px; border-width: 1px 0 0 0; border-color: #fff;}

.noListStyle {list-style: none; padding: 0; margin: 0;}
.noListStyle li {padding: 0; margin: 0;}

.hide {display: none;}
.show {display: block;}
.noShow {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden;}
	
.clearAll {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px; height: auto !important; height: 1px;}

/* layout */
/*-- next line sets defaults -------------------------*/
#mainbody, .contentContainer, .mainContainer, mainContainerIndex .mainRightContainer, .bodyContent, .storeNav, cartNav, splashImg 
    {position: relative; top: 0; left: 0; margin: 0; padding: 0;}

.pageContainer {position: relative; width: 792px; text-align: left; margin: 0 auto;}
.contentContainer {width: 780px; padding: 0; margin: 0; _margin-right: 6px; background: #fff; border-width: medium 0 5px; border-style: none solid; border-color: #fff; border-bottom: 5px solid Maroon;}
.bodyContent {width: 505px; margin-left: 10px; _margin-top: 20px;}
#mainbody {width: 792px; padding-left: 6px; background: transparent url(/cabotstore/images/bg_page_shadow.png) repeat-y; _/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cabotstore/images/bg_page_shadow.png', sizingMethod='scale');*/}
.mainContainer {padding: 10px 10px 10px 20px; width: 750px; background: #fff;}
.mainContainerIndex {padding-top: 10px; float: left; width: 500px; background: #fff;}
.mainRightContainer {float: right; width: 200px; background: #fff;}
.rightModule {position: relative; width: 180px; padding: 10px;}
.splashImg {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.mainRightContainer hr {margin: 0 10px; border: none; border-top: 1px solid #796957;}
.rightModule h4 {margin-bottom: 7px; color: #796957;}
.rightModule p {color: #796957;}
.rightModule a {padding-left: 10px; font-size: 11px; font-weight: bold; color: #511e0e; background: transparent url(/cabotstore/images/icon_arrow_maroon.jpg) left 4px no-repeat;}
.rightModule a:hover {color: #666; background: transparent url(/cabotstore/images/icon_arrow_dkgrey.jpg) left 4px no-repeat;}

.rightModule ul {padding-left: 10px;}
.rightModule ul li a, .rightModule ul li a:hover {padding-left:0; background: none;}



.storeNav {width: 755px; _width: 750px; height: 43px; _height: 42px; padding: 0 13px 10px 12px; background: #fff url(/cabotstore/images/storeNavBkgd.jpg) 10px -7px no-repeat;}
ul#storeNav {position: relative; top: 22px; width: 755px; height: 30px; _height: 16px; border-bottom: 1px solid #cfbaa2; margin: 0; padding: 0;}
#storeNav li a {color: #796957; padding: 7px 5px 7px 7px; background: transparent url(/cabotstore/images/storeNavTabLeft_off.png) left top no-repeat;}
#storeNav li a:hover {color: #511e0e; text-decoration: underline;}
#storeNav li {list-style: none; height: 30px; _height: 16px; width: auto; padding: 7px 4px 5px 4px; *padding: 7px 4px; margin: 1px; background: transparent url(/cabotstore/images/storeNavTabRight_off.png) right top no-repeat; font-size: 12px; font-family: Arial, verdana, sans-serif; float: left; text-align: left;}

#storeNav li.active a {color: #fff; background: transparent url(/cabotstore/images/storeNavTabLeft_on.png) left top no-repeat;}
#storeNav li.active {background: transparent url(/cabotstore/images/storeNavTabRight_on.png) right top no-repeat;}
#storeNav li.active a:hover {text-decoration: none; color: #fff;}

/** terms of sale **/
#storeNav li.categoryLink { background:none; float:right; padding-top:0; }
#storeNav li.categoryLink a, #storeNav li.categoryLink a:visited { background:#7C3114 url("/cabotstore/images/btn_bg_upper_rgt-iap.gif")  repeat-x 0 50%; border: 1px solid #B24C00; color: #FFFFFF; display: block; font: 11px arial,sans-serif; text-decoration: none; padding: 3px 5px 3px 7px;  }
#storeNav li.categoryLink a:hover { background-image: url("/cabotstore/images/btn_bg_upper_rgt-iap_over.gif"); border-color: #de7629; }

.cartNav {width:752px; height: 66px; margin-left: 12px;}
.cartNav li {width: 158px; display: inline-block; float: left; text-align: center; color: #6e442b; font-weight: bold; font-family: Arial, Verdana, sans-serif; font-size:10px; padding: 15px 0 0 5px;}
.cartNav li.oneLine {padding-top: 22px; width: 125px;}
.step1 {background: transparent url(/cabotstore/images/checkout_step1.gif) no-repeat;}
.step2 {background: transparent url(/cabotstore/images/checkout_step2.gif) no-repeat;}
.step3 {background: transparent url(/cabotstore/images/checkout_step3.gif) no-repeat;}
.stepConfirm {background: transparent url(/cabotstore/images/checkout_stepConfirm.gif) no-repeat;}
.cartNav li .stepTitle {font-size: 14px; text-transform: uppercase;}
.cartNav li a {text-decoration: none;}
.cartNav li a:hover {text-decoration: underline;}
.cartNav li.off {color: #c1aea2;}


#header {height: 115px !important; width: 780px; margin: 0; padding: 0 6px;}

#masthead {}
#logo { white-space: nowrap; }
#logo .logoLeft { float: left; position: relative; width: 150px; }
#logo .logoRight { position: relative; margin-left: 150px; _margin-left: 153px; }
.topnav {width: 450px; text-align: right; float: right; margin-right: -4px;}
.topnav a {font-size: 11px; color: #7b352c; border-left: 1px solid #7b352c; padding-right: 5px;}
.topnav a:hover {color: #a67133;}
.topnav a img {padding: 0 0 3px 10px; vertical-align: middle;}
.topnav  > a:first-child {border: none;}

.searchField {float: right; text-align: right; position: relative; width: 210px; height: 22px; margin-top: 62px; }
.searchField img, .searchField input {vertical-align: middle; background: transparent;}
#searchbox {color: #7b352c; font-size: 11px; padding: 2px 0 1px; background-color: #fff;}
.searchIcon {margin-right: -3px;}

.mainContainerIndex .prodImg {position: relative; width: 125px; height: 90px; float: left; text-align: center;}
.mainContainerIndex .prodDesc {position: relative; width: 380px; float: left;}
.mainContainerIndex .prodDesc p {margin-bottom: 5px; font-size: 12px;}
#productImage {position: relative; width: 200px; height: 300px; float: left; margin: 10px 10px 0 10px; text-align: center;}
#productImage img {margin: 5px 0;}
#productDetail {position: relative; width: 500px; padding-top: 30px; float: left;}
#productDetail h3 {margin-bottom: 0;}
#productDetail p {font-size: 14px; margin: 8px 0; *margin:0;}
#productDetail p.backLink {font-size: 11px; color: 511e0e; margin-bottom: 18px;}


#resultsForm {position: relative; width: 560px; top: 0; left: 0; margin: 0; padding: 0;}

#resultsForm .chipContainer {position: relative; width: 110px; height: 60px; float: left; font-family: Arial, verdana, sans-serif; font-size:10px; line-height:15px; color:#666; padding: 5px 0 10px 0;}


/* ----no longer using this for cart button
#tabImage a {color: #fff; float: right; width: 158px; height: 32px; margin-top: 40px; margin-right: -20px; padding: 5px 0 0 20px; font-size: 14px; font-family: Arial, verdana, sans-serif; font-weight: bold; margin-top: 35px 0 0 8px; background: url(../images/button_bkgd_158px.png) no-repeat;
}
#tabImage a, #tabImage a img {behavior: url(/cabotstore/css/csshover3.htc); }
#tabImage a, #tabImage a:visited, #tabImage a:link {color: #fff; font-size: 12px;}
#tabImage a:hover {background: url(../images/button_bkgd_158px_on.png) no-repeat;}
----*/

.landing  p {min-height: 40px; _height: 40px;}
.quantity {font-family: Arial, verdana, sans-serif; font-size:10px; color:#000000; vertical-align: top;}

input {background: #e4dbd0; padding-left: 5px;}
button {color: #fff; font-family: Arial, verdana, sans-serif; font-weight: bold; cursor: pointer; font-size:14px; padding-bottom: 5px; border: none; background: transparent;}

button img {margin-top: 3px; _padding: 10px;}
button img.cart, .cart {margin: 0 0 -5px 0;}
button.w118 {background: url(../images/button_bkgd_118px.gif) no-repeat; width: 118px; height: 32px; margin: 0; *padding-top:4px;}
button.w118g {background: url(../images/button_bkgd_118px_grey.gif) no-repeat; width: 118px; height: 32px; margin: 0;  *padding-top:4px;}
button.w138 {background: url(../images/button_bkgd_138px.gif) no-repeat; width: 138px; height: 32px; margin: 0; *padding-top:4px;}
button.w138g {background: url(../images/button_bkgd_138px_grey.gif) no-repeat; width: 138px; height: 32px; margin: 0; *padding-top:4px;}
button.w158, .w158 {background: url(../images/button_bkgd_158px.gif) no-repeat; width: 158px; height: 32px; margin: 0; *padding-top:4px;}
button.w158g {background: url(../images/button_bkgd_158px_grey.gif) no-repeat; width: 158px; height: 32px; margin: 0; *padding-top:4px;}
button.w178 {background: url(../images/button_bkgd_178px.gif) no-repeat; width: 178px; height: 32px; margin: 0; *padding-top:4px;}
button.w178g {background: url(../images/button_bkgd_178px_grey.gif) no-repeat; width: 178px; height: 32px; margin: 0; *padding-top:4px;}
button.w198 {background: url(../images/button_bkgd_198px.gif) no-repeat; width: 198px; height: 32px; margin: 0; *padding-top:4px;}
button.w198g {background: url(../images/button_bkgd_198px_grey.gif) no-repeat; width: 198px; height: 32px; margin: 0; *padding-top:4px;}
.buttonWrap {float: left; margin-top: 2px; *margin-top: -5px; margin-left: 5px;}

button:hover.w118 {background: url(../images/button_bkgd_118px_on.gif) no-repeat;}
button:hover.w138 {background: url(../images/button_bkgd_138px_on.gif) no-repeat;}
button:hover.w158 {background: url(../images/button_bkgd_158px_on.gif) no-repeat;}
button:hover.w178 {background: url(../images/button_bkgd_178px_on.gif) no-repeat;}
button:hover.w198 {background: url(../images/button_bkgd_198px_on.gif) no-repeat;}


/* --Shopping Cart Table Styles -----------------*/
table.dropShadow, table.dropShadow tr {padding: 0; margin: 0; border: 0;}
table.dropShadow {margin: 0 0 15px -4px;}
table.dropShadow .borderLeft {padding: 0; background: url(/cabotstore/images/table_dropshadow_left.jpg) repeat-y;}
table.dropShadow .borderRight {padding: 0; background: url(/cabotstore/images/table_dropshadow_right.jpg) right repeat-y;}
table.dropShadow .borderBottomLeft {padding: 0; background: url(/cabotstore/images/table_dropshadow_bottomLeft.jpg) no-repeat;}
table.dropShadow .borderBottomRight {padding: 0; background: url(/cabotstore/images/table_dropshadow_bottomRight.jpg) top right no-repeat;}
table.dropShadow tr.titleBar {background: url(/cabotstore/images/th_bkgd.jpg) repeat-x; height: 38px}
table.dropShadow td.last {background: url(/cabotstore/images/table_dropshadow_bottom.jpg) repeat-x; height: 9px;}
table.dropShadow td, table.dropShadow th {padding: 0 10px;}
table.dropShadow hr {height: 1px; border-width: 1px 0 0 0; border-color: #fff;}
table.dropShadow th {text-transform: uppercase;}
table.dropShadow tr.subtitle td {font-weight: bold; height: 30px;}
table.dropShadow tr.h30 {height: 30px;}

.totalAmt {font-weight: bold; font-size: 16px;}


/* --Main Cabot Navigation ---------------------*/

.navContainer {position: relative; z-index: 100; width: 780px; height: 20px; border-top: 5px solid #fff;}
.navContainer ul li {float: left; font-size: 13px; font-family: Arial, verdana, sans-serif; padding: 0; margin: 0; position: relative;}
.navContainer ul li a {display: block; position: relative; width: 174px; color: #e4d5c5; background: #7f5015 url(/cabotstore/images/bg_nav_off.png) repeat-x top left; padding: 7px 10px; border-right: 1px solid #fff; font-size: 13px; font-family: Arial, verdana, sans-serif;}

/*.IE55 .navContainer ul li a {width: 195px;}*/
.navContainer ul li a:hover, .navContainer ul li a:active { color: #fff; background: #a65b1b url(/cabotstore/images/bg_nav_on.png) repeat-x 0 0; }
.navContainer ul li a.active {color: #fff; background: #a65b1b url(/cabotstore/images/bg_nav_on.png) repeat-x 0 0; }
.navContainer ul li a.active:hover { }
.navContainer ul li.last a {width: 175px; border-right: none; }
.IE55 .navContainer ul li.last a {width: 195px;}

.navContainer ul li ul { float: left; padding: 5px 0; margin: 0; position: absolute; z-index: 100; left: 0px; background: #f1cf9c; }
.navContainer ul li.last ul { width: 195px; overflow: hidden; }
.navContainer ul li ul li { float: none; font: 10px verdana, sans-serif; margin-left: 10px; line-height: 1.5em; background: #f1cf9c; }
.navContainer ul li ul li.padTop { padding-top: 3px; }
.navContainer ul li ul li a,.navContainer ul li ul li a.active {font-size: 10px; width: 172px; color: #1e1e1e; background: transparent url(/cabotstore/images/icon_arrow-dkgray-right.gif) no-repeat 3px 6px; padding: 2px 0 2px 12px; border-right: none; }
.navContainer ul li ul li a:hover {color: #833900; background: transparent url(/cabotstore/images/icon_arrow-redbrown-right.gif) no-repeat 3px 6px; }






/* ------------------------ */
/* -- footer -------------- */

.footer {font: 10px arial, sans-serif; color: #696969; background-color: #fff; padding: 10px 6px 10px 12px; width: 762px; }
.footer .widget {float: right; position: relative; width: 244px; height: 27px; text-align: right;}
.footer .widget select {width: 155px; height: 16px; font: 10px arial, sans-serif; color: #8d8d8d; margin-top: 4px;}

.footer .widget .findOurProducts {position: absolute; bottom: 0; left: 0; width: 237px; font: 10px arial, sans-serif; text-align: left; background: #fff; border: 1px solid #bbbcc0;}
.widget .findOurProducts .findaDealer {display: none; padding: 5px 10px 0;}
.open .findOurProducts .findaDealer {display: block;}
.widget .findOurProducts .findaDealer label {display: block; font: 10px arial, sans-serif; color: #333; margin-bottom: 5px;}
.widget .findOurProducts .findaDealer input {width: 60px; height: 16px; font: 10px arial, sans-serif; color: #333; vertical-align: middle;}
.widget .findOurProducts .findaDealer .button {width: auto; height: 20px; color: #fff; background: #7f3316; padding: 0 4px; border: none; cursor: pointer; }

.footer .widget .noTogLink {display: block; width: 204px; height: 10px; overflow: hidden; line-height: 1em; color: #808082; background: url(/version/900/img/icon_arrow-toggle-right.gif) 10px 7px no-repeat; padding: 7px 10px 8px 23px;}
.footer .widget .toggle {display: block; width: 204px; height: 10px; overflow: hidden; line-height: 1em; color: #808082; background: url(/version/900/img/icon_arrow-toggle-right.gif) 10px 7px no-repeat; padding: 7px 10px 8px 23px;}
.footer .open .toggle {background-image: url(/version/900/img/icon_arrow-toggle-up.gif);}

.footer .nav {font: 10px arial, sans-serif; }
.footer .nav p {font: 10px/1 arial, sans-serif; _padding: 5px 0; margin: 0;}
.footer ul {padding-top: 7px;}
.footer ul li {float: left; line-height: 1.2; vertical-align: top; padding: 0; border-left: 1px solid #fff; margin: 0;}
.footer ul li.first {border: none;}
.footer ul li a {padding: 0 5px; font-family: arial; font-size: 10px;}
.footer ul li.first a {padding-left: 0;}
.footer a {color: #696969;}
.footer a:hover {text-decoration: underline;}

.footer p.disclaimer {margin: 15px 0;}


/* ---- pop-up swatch CSS from cabotstains_2_1_0 ----*/
.swatchContainer { margin: 10px; }
.swatchContainer h4 { font: bold 12px arial, sans-serif; margin: 3px 0 3px 4px; }
.swatchContainer .swatches { list-style: none; margin: 0; padding: 0; }
.swatchContainer .swatches li { display: block; float: left; position: relative; height: 93px; width: 96px; padding: 0 3px }
.swatchContainer .swatches li { display: block; float: left; position: relative; height: 93px; width: 96px; padding: 0 3px }
.swatchContainer .swatches li .div {}
.swatchContainer .swatches li .tile {}
.swatchContainer .swatches li .caption { font: 10px arial, sans-serif; text-align: center; }
.swatchContainer .swatches li.clearHeader { float: none; }


div.tile { visibility: hidden; }
.noSamples div.tile { visibility: visible; }

.hasSample .foldedCornerWhite { display: block; position: absolute !important; z-index: 200; top: -1px; right: 13px; *right: 14px; height: 20px; width: 20px; }
* html .hasSample { cursor: pointer; }
.orderSample .foldedCornerWhite, .foldedCornerWhite { display: none; }
li.orderSample {  }
li.orderSample div.tile { padding: 20px 0 0 0; position: absolute; top: -20px; left: -14px; left: -16px; height: 104px; width: 133px; background: transparent url(/cabotstore/images/orderSample.png) no-repeat; }
#spf li.orderSample div.tile { background: transparent url(/cabotstore/images/orderSampleLarge.png) no-repeat; }
#bleaching li.orderSample div.tile { background: transparent url(/cabotstore/images/orderSampleLarge.png) no-repeat; }
li.orderSample div.caption { position: relative; margin-top: 45px; *margin-top: 48px; }
.swatchContainer .tile a { display: none; position: absolute !important; top: 38px; left: 25px; }
.swatchContainer li.orderSample div.tile a  { display: block; width: 86px; height: 20px; position: absolute !important; z-index: 999; }
.swatchContainer li.orderSample div.tile a img { width: 86px; height: 20px; cursor: pointer; }

.iepngfixWrapper {hasLayout:true; z-index: 1; padding: 0; margin: 0;}
.iepngfixWrapper a {position: relative; zoom: 1;}

.error {
	color: red;
}
#seasonalCartTxt {
	display: none;
	font-family: Verdana, Arial, sans-serif; color: #511e0e; font-size: 12px; font-weight: bold;
	margin-left: 115px;
	margin-top: -20px;
	margin-bottom: 10px;
}