/********************* General Template Rules *****************************/

/********************************************************************
 *
 *                        common css rules 
 *
 ********************************************************************/
#freeShippingSale { display: none; }

/* background colors */
#contentum h2 { background-color: #ddd; }
#overall, .productbox, .productbox-small, .visibleblock, .error, .pricequote { background-color: #fcedd4; }
	
#contentum .productbox h2, #contentum .productbox-small h2, #contentum .productbox-small h1, #contentum .productbox-small h1, #footer, #bar { background-color: #fbb040; }
#contentum, #swatchbook, #swatchbook #sbheading, .rollover { background-color: #fff; }
#optionsbox h2 { background-color: #ffdcaf; }
.upgradesbox-left h4, .upgradesbox-right h4 { background-color: transparent; }

/* specific bg rules */
#footer, #contentum .productbox h2, #contentum .productbox-small h2, #contentum .productbox-small h1 { filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }
#quoteplease { background-image: url(../images/quoteplease.gif); background-repeat: no-repeat; }

/* position */
#content, #quoteplease, #footermenu ul, .shop { position: relative; }
#contentum .productbox h2, #footer { position: absolute; }

/* overflow */
#content { overflow: auto; } /* very important!  since the content and menu are both using floats, we need the overflow to work correctly so the content div flows around both divs */

.shop { bottom: 0; }

/* float */
#accountinfo, #swatchbook, #contentum, 
	.visibleblock img { float: right; }
	
#menu, 
	.upgradesbox-img, .upgradesbox-left, .productimg, .productimg-small { float: left; }

/* clear */ 
#headermenu, #contentum .upgrades, #contentum .nocharge { clear: both; }
#productbox, #optionsbox #optionscontent { clear: right; }

#quoteplease { z-index: 1000; }
#footer { bottom: 0; right: 0; z-index: 3;}

/* font families */
body,
	#quoteplease select, #quoteplease input { font-family: verdana, sans-serif; }

/* text colors */
body,
	#contentum a, #contentum a:visited, #menu #swatchheading a, #menu #swatchheading a:visited, 
	#menu div.menusubheading a, #menu div.menusubheading a:visited, #contentum breadcrumbs a, #contentum #breadcrumbs a:visited, 
	#optionsbox #optionscontent, #moretextlink, #moretextlink:visited, #moretextlink:hover,
	.visibleblock h3 { color: #828487; } /* grey */

#header, #menu, #menu li a, #footer, 
	#footer a, #header a, #contentum .productbox h2, #contentum .productbox-small h2, 
	#contentum .productbox-small h1, #optionsmenu,
	.productbox, .productbox-small, .visibleblock { color: #000; }
	
#contentum #productlinks a, #header a.orangelink, #header a.orangelink:visited, #menu div#alltreatmentheading a, 
	#contentum #productlinks a:visited, #contentum .right a, #contentum .right a:visited, 
	#contentum .shop a, #contentum .shop a:visited, #discountcontent h3, #colorscontent a, 
	#colorscontent a:visited, #optionsbox .optionnotes, #optionsbox h2, #content #swatchbook a,
	#contentum #swatchbook a:visited, #contentum .visibleblock a, #contentum .visibleblock a:visited,
	.orangetext, a.orangetext, a.orangetext:visited, .darkorangelink, .darkorangelink:visited, .upgradesbox-left h4, 
	.upgradesbox-right h4, .pricequote, .notes { color: #db8039; } /* orange-ish */
	
#contentum h2 { color: #db8039; }
.error { color: #000; }

/* font sizes */
#contentum h2, #contentum h1, #crumbtext { text-transform: uppercase; }
#contentum h1 { font-size: 18px; font-weight: normal; } 
#bar { font-size: 4px; }
#crumbtext, .notes { font-size: 9px; }
#swatchbook, #optionsbox #optionscontent, #optionsmenu span, p.shop a { font-size: 10px; }
body, 
	#quoteplease select, #quoteplease input, 
	.productbox li, .productbox-small li { font-size: 11px; }
	
th, 
	#contentum h2, #menu div.menusubheading, #menu div.menusubheading a, #swatchbook #sbheading, 
	#menu div#swatchheading a, #banner h1 { font-size: 12px; }
	
#headermenu li input, #maincontent h3, .upgradesbox-left h4, .upgradesbox-right h4 { font-size: 13px; }
#optionsbox h2 { font-size: 14px; text-transform: none; }
#menu div#alltreatmentheading, #menu div#alltreatmentheading a { font-size: 12px; text-transform: none; } 

	
#contentum .productbox h2, #contentum .productbox-small h2, #contentum .productbox-small h1{ font-size: 18px; text-transform: none; }

#clearfooter { font-size: 25px; }

/* font weights */
th { font-weight: normal; }
#footermenu li, .error, .pricequote, #menu div.menuheading a, #menu div.menusubheading a, #contentum .productbox-small h1 { font-weight: bold; }

/* text-alignment */
#accountinfo, #contentum .productbox h2, #contentum .productbox-small h2, #contentum .productbox-small h1, 
	#footer, #txtWidthInches, #txtHeightInches,
	.right, .shop { text-align: right; }

body, .center { text-align: center; }

th, 
	#overall, #headermenu, #contentum,
	.left { text-align: left; }
 
/* line-height */
.productbox li, .productbox-small li { line-height: 12px; }
#optionsbox #optionscontent { line-height: 14px; }
#accountinfo, #contentum { line-height: 16px; }
#menu li { line-height: 19px; }

/* list-style */
#menu ul, #footermenu li { list-style: none; }
.productbox li, .productbox-small li { list-style-type: none; list-style-image: url('../images/bullet.gif'); }

/* vertical align */

/* text decoration */ 
#contentum #productlinks a, #contentum #productlinks a:visited, #contentum #crumbtext a:hover, #contentum #crumbtext a:visited:hover, #header a:hover, #menu li a:hover,
	#colorscontent a:visited { text-decoration: underline; }
	
#menu a, #footer a, #header a, #contentum a:hover,
	#contentum #crumbtext a, #contentum #crumbtext a:visited, #swatchbook #sbheading a, 
	#swatchbook #sbheading a:visited, #moretextlink, #moretextlink:visited, #moretextlink:hover, 
	.shop a:hover, h2 a { text-decoration: none; }

/* borders */
.error { border: dashed 1px #db8039; }
.upgradesbox-img, .pricequote, .img-border { border: solid 1px #db8039; }
#swatchbook, #optionsmenu { border: solid 1px #fbb040; }
#overall, #contentum, #optionsmenu span, 
	.visibleblock, .productbox, .productbox-small { border: 1px solid #939598; }

img { border: 0; }

/* set these to hide initially so we only see the colors option when the page loads. */

/* specific border rules */
#contentum { border-left-width: 2px; border-top: 0; border-bottom: 0; }
#optionsmenu { border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 2px;  }
#optionsmenu span#colorsoption { border-color: #fbb040; border-bottom: solid 3px #fff; }
#optionsmenu span { border-bottom: 0; }


/* display */
.show { display: block; }
#upgradescontent, #specificationscontent, #discountcontent, #reviewscontent, #moretext, 
	.hide, .hidden, .initial-hide { display: none; }

#footermenu ul { top: 4px; }

#contentum #productlinks a, #contentum #productlinks a:visited { margin-right: 16px; }

/* other rules */
#footermenu li, #headermenu li { display: inline; }
.rollover, .enabledbutton { cursor: pointer; cursor: hand; }
.visibleblock { display: block; }
.visibleblock h3 { text-transform: uppercase; }

/********************************************************************
 *
 *                   html spacing and dimensions 
 *
 ********************************************************************/
/* margin = 0 */
#footer, #footermenu ul, #headermenu, #menu ul, #contentum .productbox h2, 
#contentum .productbox-small h2, #contentum .productbox-small h1, 
.productbox ul, .productbox-small ul { margin: 0; }

/* padding = 0 */
body, #content, #footer, #footermenu ul, #headermenu, #menu ul, .productbox ul, .productbox-small ul { padding: 0; }

/* other margins and padding */
body { margin: 10px 0; }
#overall { margin: auto; }
#banner { margin: 8px 0 0 16px; padding: 0; }
#banner h1 { margin: 0; padding:0; overflow: hidden; }
#banner h1 #bannerimg { position: relative; left: 0; top: 0; }
#headermenu { margin-left: 198px; }
#headermenu li, #headermenu li a, #headermenu li a img { padding: 0; margin: 0; }

#accountinfo { padding-right: 12px; }
#accountinfo img { margin-top: 0; margin-bottom: 0;}
#sidebar { margin: 0 17px 0 12px; }
#menu .menuheading { margin-bottom: 14px; margin-top: 12px; } 
#menu .menusubheading { margin-bottom: 4px; margin-top: 18px; }
#banner { margin-bottom: 0;}
#headermenu ul { margin-top: 0; margin-bottom: 0; }

#menu { margin: 0 5px 0 10px; }
* html #menu { margin: 0 5px 0 5px; } /* IE6 Only - doesn't position the menu correctly*/

/* 
 * These rules are important to be written as they appear because Opera has problems with the table margin-top and #quoteplease padding.
 * To compensate, the first table heading is given lots of extra padding (where it normally would be #quoteplease padding-top or table margin-top 
 */
#quoteplease { margin: 16px 8px 0 8px; }
#quoteplease table { margin: 0 12px 8px 12px; }
#quoteplease table tr.firstrow td, #quoteplease table tr.firstrow th { padding-top: 30px; }
#quoteplease_product { padding-top: 18px; }
#contentum #breadcrumbs { padding-top: 8px; }
#contentum #crumbtext, #contentum .nocharge h4, #contentum .upgrades h4 { margin-top: 0;}
#contentum { margin-left: auto; margin-right: 0; }
#contentum h1, #contentum h2, #contentum h3, #contentum h4 { padding-left: 8px; }
#contentum .upgrades h3, #contentum .nocharge h3 { padding-left: 0; }
#contentum p, #contentum table, #contentum dl, .upgrades, .nocharge { margin-left: 8px; }
#contentum p { margin-right: 8px; }
#maincontent { margin-bottom: 8px; padding-bottom: 8px;  }
#customizeandbuy { margin-left: auto; margin-right: auto; margin-top: 26px; }
* html #customizeandbuy, * html .pricequotebox { margin-top: 18px; } /* IE6 Only */
#swatchbook { margin: 0 8px 12px 8px; padding-right: 8px; }
* html #swatchbook { margin-right: 6px; } /* IE6 only */
#swatchbook #sbheading { margin-top: 6px; margin-bottom: 6px; }
#swatchbook p { margin-bottom: 8px; margin-top: 0;  }
#swatchbook img { margin-left: 8px; margin-bottom: 8px; margin-top: 0;  }
#optionsbox { margin-left: 8px; margin-top: 32px; }
#optionsbox h2, #optionsbox h3 { padding: 4px 0 4px 4px; margin-right: 8px; }
#optionsmenu { padding-bottom: 3px; margin-bottom: 14px; }
#optionsmenu span { padding: 6px 15px 4px 15px;  }
#footermenu li { padding: 0 10px 0 38px; }

.productbox, .productbox-small { margin: 6px 8px 18px 8px; padding: 0 0 12px 8px; }
.productbox-small #customizeandbuy a { margin-left: 8px;  }
.productbox li, .productbox-small li { margin-bottom: 8px; }
.productimg { margin-right: 8px; margin-top: 12px; }
.productbox h2, .productbox-small h2, .productbox-small h1 { left: 216px; padding: 4px 8px 4px 0; }
.productdesc, .productdesc-small { margin-top: 48px;  }
html > body > .productdesc, .productdesc-small { margin-top: 52px; } /* non-IE Only */
.productbox-small #productbullets, .productbullets { margin-left: 292px; margin-right: 8px; margin-top: 52px; }
.productbox-small #productbullets ul, .productbullets ul { margin-left: 6px; padding-left: 6px;  }
.productbox p, .productbox-small p { margin-bottom: 12px; margin-top: 0; margin-right: 8px; }
.productbox p.productdesc, .productbox-small p.productdesc-small { margin-top: 52px; }
.visibleblock { margin-left: 8px; }
.visibleblock img { margin: 0 8px; }
.visibleblock h3 { margin-bottom: 0; }
.upgradesbox-left, .upgradesbox-right { margin-bottom: 24px; }
.upgradesbox-left h4, .upgradesbox-right h4 { margin-top: 0; margin-bottom: 4px; }
.upgradesbox-left p, .upgradesbox-right p { margin-top: 0;} 
.upgradesbox-right { margin-left: 395px; }
.upgradesbox-img { margin-right: 20px; }
.stack { margin-top: 0;}
.pricequote { margin-bottom: 0; padding: 2px 0; }
.right { margin-right: 8px; }
.placeholder { margin-bottom: 1em; }
p.shop { margin-left: 0; }


/***************************************************************
 *
 *                        Dimensions
 *
 ***************************************************************/
#overall, #bar, #footer, #content, #header, #afterpage { width: 980px; }
#clearfooter { height: 25px;  }
#footer, #headermenu, #headermenu ul, #headermenu li, #headermenu ul li, #headermenu img  { height: 28px; }
#btnSubmit { width: 52px; margin-bottom: 2px;}
#txtSearch { width: 150px; margin-bottom: 3px; margin-left: 7px;}
#banner h1 { width: 625px; height: 100px; }
#headermenu img { width: 110px; }
#headermenu ul { margin-left: 10px; padding-left: 0; }
#headermenu ul li input { vertical-align: bottom; }

#bar { height: 4px; }
/* _height is a hack that only IE reads so we can compensate for its lack of min-height */
#content { min-height: 600px; _height: 600px; }
/* ie doesn't understand this method of writing css, so we can fix its problems */
html > body > #content, html > body > #contentum, html > body > #menu { height: auto; }
#menu { width: 160px; }
#sidebar { width: 150px; }
#quoteplease { width: 160px; height: 173px; }
#quoteplease table { width: 136px;}
#quoteplease select, #quoteplease input { width: 55px; }
#quoteplease select#drpSubcat { width: 100%; }
#quoteplease input#btnQuotePlease { width: 100%; }
#contentum { min-height: 600px; _height: 600px; width: 780px !important; }
#customizeandbuy, .pricequotebox { width: 160px; }
#swatchbook { width: 204px; }
#optionsmenu span { height: 22px; }

.productbox { height: 312px; }
.productbox-small { height: 222px; width: 532px; }
.productbox h2 { width: 739px; }
.productbox-small h2, .productbox-small h1 { width: 517px; }
.productbox p.productdesc { height: 156px;}
.productbox-small p.productdesc-small { height: 110px; margin-bottom: 6px;}
.productbox ul, .productbox-small ul { height: 114px; }

/* IE6 Only - the small boxes have issues with the floats in IE6 */
* html #contentum .productbox-small { width: 524px; }
* html #contentum .productbox-small h2, *html #contentum .productbox-small h1 { width: 509px; }
* html #contentum .pricequote { width: 532px; }

.upgradesbox-left, .upgradesbox-right { width: 370px; height: 120px; }
.visibleblock { width: 760px; }
.pricequote { width: 540px; }

.reviewimg { max-width: 400px; max-height: 400px; }
.review table td, .review table th { padding: 4px 12px 4px 0; vertical-align: top; }
.review table th { font-weight: bold; }
.review ul { margin-left: 8px; border-bottom: solid 1px #939598; margin-bottom: 20px; padding-bottom: 20px; }
.review { }

#btnAddToCart { background-repeat: no-repeat; width: 115px; height: 19px; margin-top: 11px; border: none; }
.fauxlink, { color: #db8039; text-decoration: underline; cursor: pointer; cursor: hand; }

#jsDisabled { background-color: #fcedd4; height: 170px; margin-bottom: 20px; border-bottom: solid 1px #fbb040; border-top: solid 1px #fbb040; }
#jsDisabled p, #jsDisabled div { width: 750px; text-align: left; margin-left: auto; margin-right: auto; }
#jsDisabled p strong { font-size: 18px; }
#jsDisabled img { float: left; margin-right: 20px; }
#jsDisabled a, #jsDisabled a:visited { color: #db8039 !important; }

#sbimage { width: 180px; }

dt { font-weight: bold; }
dd { margin-bottom: 1em; }

.strike {text-decoration: line-through;}

/* formatted tables */
.formattedTable th, .formattedTable td { padding: 3px; }
.formattedTable th, .orangetext, .tblTotals td, .tblTotals-greybg { color: #db8039; }
.formattedTable { color: #000; border: none; border-collapse: collapse; }
.formattedTable td { height: 28px; }
.formattedTable th { text-decoration: underline; }
.greybg, .tblTotals-greybg { background-color: #eee; }

.formattedTable .tblTotals, .formattedTable .tblTotals-greybg { font-weight: bold; }
.formattedTable td.first, .formattedTable th.first { width: 180px; text-align: left; }

/* price quote box on blinds-shades-shutters/subcategory page */
#pquote input { width: 30px; vertical-align: middle; }
#pquote { background-image: url('../blinds-shades-shutters/images/smallquote.gif'); background-repeat: no-repeat; border: solid 1px #939598; width: 540px; margin-left: 8px; height: 30px; background-color: #fcedd4;}
#pquote p { margin-top: 3px; margin-left: 150px; color: #db8039; font-weight: bold; }
#pquote #btnGetQuote { width: 75px; }