#header {z-index: 20000; position: relative; height: 184px; width: 810px; background-color: #cccc99; margin: 0 auto 10px auto;}

/*------------ FOOTER ------------*/
#footer {padding-top: 22px; margin: 0 auto 10px auto; font: normal 11px Arial, Helvetica, Verdana; color: #666633; text-decoration: none; width: 810px; color: #000;}
#footer a {font: normal 11px Arial, Helvetica, Verdana; text-decoration: none; color: #474747;}
#footer .copy{float: left; width: 300px; margin-top: 8px; font-weight: bold; color: #0025d0;}
#footer .footerLinks{float: right; width: 490px;}
#footer .footerLinks a{float: right; margin: 0 0 0 15px; line-height: 25px;}
#footer .footerLinks a img{behavior: url(/layouts/css/iepngfix.htc);}
/*--------------------------------*/



#logo{float: left; position: absolute; top: 30px; left: 0px;}
#logo img{width: 179px; height: 184px; behavior: url(/layouts/css/iepngfix.htc);}

#page{width: 964px; margin: 0 auto;}
#pageContent{z-index: 10; position: relative; height: 400px; padding: 6px 6px 0 6px;}

.TextContent, .TextCollection {float: left; padding-left: 160px; margin-top: 10px;}
p.text{width: 330px; margin: 0; font: normal 12px Arial, Verdana, Helvetica, sans-serif;}



/*---------- HOME ----------------*/
.homeImage{float: left; margin-left: 6px;}
.homeImage.first {margin-left: 0;}
/*--------------------------------*/


/*---------- ABOUT US, CONTACT US, WHERE TO BUY----------------*/
/*.brewsterLogo{z-index: 1; position: absolute; top: 443px;}*/
.WhereToByForm {margin: 0; padding: 0;}
.WhereToByForm form{margin: 0; padding: 0;}
.WhereToByForm table tr td{padding-right: 13px;}
.WhereToByForm label{font: normal 11px Verdana; color: black;}
.WhereToByForm input, .WhereToByForm select{margin-top: 0;}
.WhereToByForm #searchBtn{height: 30px; width: 145px; background: url(../img/search_btn.gif) top left no-repeat; border: 0;cursor: pointer; cursor: hand;}
p.WhereToBytext{width: 450px; margin: 0;}
h2.LocatorHeader {margin: 10px 0 0 0; padding: 0; color: #000;}

.WhereToByForm label {display: inline; float: none; padding: 0;}
.storesDiv {
	width: 700px;
	height: 240px;
	overflow:auto;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #88945a;
	border-bottom: 1px solid #88945a;
}
table.storesColumn {width: 680px; border-collapse: collapse;}
table.storesColumn td.col {width: 25%; vertical-align: top; height: 120px; color: #333;}


.brewsterLogo{position: relative; bottom: 0px; margin: 20px 20px 20px 0px; }
.WhereToBuyImg{position: absolute; top: 192px; left: 378px;}
/*--------------------------------*/


/*---------- DESIGN IDEAS ----------------*/
#DesignDiv{float: left;	width: 230px; height: 415px; position: relative;}
#DesignDiv .text{width: 230px;}
.slide{ clear: both; width: 230px; position: absolute; bottom: -10px;}
.TextContent.DesignIdeas{padding-left: 65px; margin-top: 62px;}
.categories {margin: 12px 0; width: 200px;}
.categories a.CatItem {display: block; width: 122px; height: 26px; background-color: #999966; margin: 6px 0 0 0; color: white; font: 12px Arial Black; text-decoration: none; line-height: 26px; padding-left: 10px;}
.categories a.CatItem.active{color: #cd6601;}
.imageDiv{float: right;	width: 560px; height: 453px; text-align: right; background-color: white;}
/*--------------------------------*/



/*---------- COLORS SHAPES SIZES, DRY ERASE ----------------*/

/* text on page */
.TextCollection {float: left; width: 485px;}
.TextCollection p{float: left; width: 236px; padding-right: 10px;}
.TextCollection p.lastText{padding-right: 0;} 


.imageDivCollection{float: right; width: 270px; height: 370px; margin-top: 15px; padding: 30px 0 25px 0; text-align: right; border-left: 1px solid #cccccc; background-color: white;} /* big image container */

/* for IE 6 \*/
* html .imageDivCollection {padding-bottom: 0;}
 /*End */



.image_dryerase{padding-top: 16px;} 
.image_classic{padding-top: 7px;}
.image_tribeca{padding-top: 7px;}

#imageCollection {float: left; margin-top: 20px;} /* thumb */
#imageCollection a{display: block; float: left; margin: 0; padding: 0; border:0; margin-top: 1px; margin-right: 1px;}

#imageCollection.classic{width: 640px; display: inline; margin-left:30px;  margin-top:33px;}
#imageCollection.classic a{width: 69px; height: 69px;}


.tribeca{width: 470px; display: inline; padding-left: 186px; margin-top: 16px;}
.tribeca a{width: 108px; height: 108px; margin-bottom: 6px; margin-right: 2px;}

#imageCollection.dryerase{width: 620px; display: inline; padding-left: 48px;  margin-top: 8px;}
#imageCollection.dryerase a{margin-bottom: 12px; margin-right: 15px; display: inline;}
#imageCollection.dryerase a.Image_1{margin-left: 49px; }
#imageCollection.dryerase a.Image_6, #imageCollection.dryerase a.Image_7{width: 73px; margin-right: 10px;}
#imageCollection.dryerase a.Image_5, #imageCollection.dryerase a.Image_11{ margin-right: 0;}
.TextCollection .dryCom{position: absolute; width: 150px; height: 50px; top: 104px; left: 36px; font: normal 10px Verdana; color: #333333;}

/* for IE 6 \*/
* html .dryerase {padding-left:48px; margin-left: 0; margin-top: 4px !important;}
* html .dryerase a {width: 101px;}
 /*End */


/*--------------------------------*/

/*---------- HELPFUL HINTS ----------------*/
p.HintsText{width: 440px; margin: 0; line-height: 12px;}
p.HintsText.last{position: relative; top: -41px;}
.nr{display: block; height: 25px; width: 15px; float: left;}
.xHintsImages{margin: 12px 0; width: 600px;}
.hintImg {float: left; display: block; width: 150px; margin: 0 10px 10px 0;}
.hintImg .nr{display: block; height: 120px; width: 15px; float: left; font-size: 10px;}
.hintImg img{border: 1px solid black; margin-bottom: 10px; }

.HintsTextPage2 p.HintsText{width: 530px;}
.HintsTextPage2 ul{padding-left: 15px; margin: 12px 0 8px 0; width: 650px;}
/*--------------------------------*/

/*---------- Privacy Statement ----------------*/
p.LongText{width: 515px; margin: 0; line-height: 12px;}
/*--------------------------------*/