/**
	File   : stylehouse.css
	Date   : 2009.04.13
	Author : Eric Russell
**/

	body#stylehouse #content { margin: 0; _width: 100%; overflow: hidden; }

	body#stylehouse h1, body#stylehouse h2 { font-weight: normal; }
	body#stylehouse h1 span.style { color : #56654c; }
	body#stylehouse h1 span.house { color : #7f5f4e; }
	body#stylehouse p.slogan { float: right; font-size: 1.6em; color: #7f5f4e; text-transform: uppercase; padding: 2.8em 0 .15em; }
	body#stylehouse p.logo_n { float: left; padding: 0em 0 .15em; }

/*** Principle Navigation ***/
	div#nav-stylehouse-container{ width: 60em; float: right; }
	ul#nav-stylehouse { float: right; position: relative; z-index: 850; }
	ul#nav-stylehouse li.dropDown { background: #56654c; border-left: 1px solid #fff; float: left; position: relative; }
	ul#nav-stylehouse li.dropDown:hover, ul#nav-stylehouse li.dropDownHover { background: #7f5f4e; }
	ul#nav-stylehouse li.dropDown a {  font-size: 1.09em; /* i.e. 12px; */ letter-spacing: -.01em; text-transform: uppercase; color: white !important; display: block; padding: .2em 1.5em; }

	ul#nav-stylehouse li.dropDown ul { display: none; position: absolute; top: 1.8em; background: #fff; border: 1px solid #acb45b; border-top: none; width: 18em; }
	ul#nav-stylehouse li.dropDown.last ul { right: 0; }
	ul#nav-stylehouse li.dropDown:hover ul, ul#nav-stylehouse li.dropDownHover ul { display: block; }

	ul#nav-stylehouse li.dropDown ul li a { font-size: .91em; letter-spacing: auto; text-transform: none; color: #666 !important; padding: .3em .3em .3em .5em; display: block; _height: .3em; }
	ul#nav-stylehouse li.dropDown ul li a:hover { background: #eee; }
/*** /Principle Navigation ***/


/*** General Article Link Styling ***/
	body#stylehouse a.article-link span.article-name {  }
	body#stylehouse a.article-link span.current { font-weight: bold; }
	body#stylehouse a.article-link span.see-all { text-transform: uppercase; }
	body#stylehouse a.article-link span.new { text-transform: uppercase; color: #bf0405; font-size: .8em; font-weight: bold; }

	ul#nav-stylehouse a.article-link span.arrow, div#nav-stylehouse-alt a.article-link span.arrow { width: .5em; height: .8em; background: url('../images/stylehouse/stylehouse-right-arrow.gif') no-repeat right center; position: relative; top: 0; *top: -.1em; _top: 0; display: inline-block; }
	div#stylehouse-library a.article-link span.arrow { width: .5em; height: .8em; position: relative; top: .1em; *top: -.3em; _top: 0; background: url('../images/stylehouse/stylehouse-right-arrow.gif') no-repeat right center; display: inline-block; }
/*** /General Article Link Styling ***/


/*** Landing ***/
	body#stylehouse div#landing h1 { float : left; font-size: 8.4em; text-transform : lowercase; padding: .1em 0; border-bottom : 1px solid #ffffff; margin-bottom:0.0em;}
	body#stylehouse div#landing h1 a { font-size : 1em; line-height : 1em; border-bottom : 1px solid #ffffff; margin-bottom:0.0em;}
	
	/* Generic content containers for a little bit of customization on the landing */
	div.pop-row { clear: both; float:right; width:555px; }
	div.stylehouse-row { clear: both; width: 990px; }
	div.stylehouse-row_flash { clear: both; width: 990px; padding: .4em 0em 1.3em 0;}
	div.stylehouse-wide-container { width:692px; float:left;  display: block; padding: 0 1.3em 1.3em 0; }
	div.stylehouse-col-container { width:14px; float:left;  display: block; }
	div.stylehouse-col2-container { width:217px;  float:left; display: block; }
	div.stylehouse-narrow-container { width:285px; float:left;  display: block; padding: 0 1.3em 1.3em 0; }
	div.stylehouse-narrow-container2 {float:left;  display: block; }
	div.stylehouse-color-container { width:231px; float:left;  display: block; }
	div.stylehouse-color1-container { width:229px; float:left; border-bottom : 1px solid #cccccc;}
	div.stylehouse-color2-container { width:461px; float:left;  display: block; padding: 0 1.3em 1.3em 0; }
	div.stylehouse-color3-container { width:661px; float:left;  display: block; padding: 0 1.3em 1.3em 0; }
	div.stylehouse-colorstd-container { float:left;  display: block; }
/*** /Landing ***/


/*** Design Library ***/
	body#stylehouse div#stylehouse-designlibrary-header { padding-top: 1.5em; }
	body#stylehouse div#designlibrary h1 { float: right; font-size: 4.5em; text-transform: lowercase; letter-spacing: .03em; padding: 0 .5em .1em 0; }
	body#stylehouse div#designlibrary h2 { float: left; font-size: 3em; text-transform: uppercase; letter-spacing: .08em; padding-top: .8em; }

	body#stylehouse div#stylehouse-library { clear: both; width: 101em; }
	body#stylehouse div.library-shelf { float: left; width: 32em; margin: 0 1.5em 2em 0; background: #e8e4d6; }
	body#stylehouse div.hero-container { padding-bottom : 1.5em; background-color : #fff; }
	body#stylehouse div.hero { text-align : center; background: #ffffff; }
	body#stylehouse div.topic h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; padding: 1em 0; }
	body#stylehouse div.topic { padding: 2.4em 0em 1.5em 1em; }

	div#stylehouse-library ul li { padding-bottom: .9em; }
/*** /Design Libary ***/

/*** Side Nav ***/
	div#nav-stylehouse-alt { float : right; text-align : left; width: 32.6em; margin-right: 1em; _margin-right: .6em; }

	div#nav-stylehouse-alt h1 { float: left; font-size: 4.5em; text-transform: lowercase; letter-spacing: .03em; padding: 0 0 .3em; }

	div#nav-stylehouse-alt h2 { font-size: 1em; display: block; padding-bottom : .8em; border-bottom : .2em solid #ded6cc; }
	div#nav-stylehouse-alt h2 a { font-size: 2em; color : #c1b29f; font-family: Verdana, Arial, Helvetica, sans-serif; }
	div#nav-stylehouse-alt h2 a:active, body#stylehouse div#nav-stylehouse-alt h2 a:hover { color : #a9a992; }

	div#nav-stylehouse-alt ul { margin: 1.5em 1em 2em; }
	div#nav-stylehouse-alt li { padding: .3em 0; }
	body#stylehouse div#nav-stylehouse-alt a.article-link span.see-all { font-weight: bold; }

/*** /Side Nav ***/



/*** Imported Article Styles ***/
#article-container td { text-align: inherit; }

#article-container .newarttext3e {
	font-size:20px;
	font-family:verdana,arial,helvetica,geneva;
	color:#588eca;
	text-decoration:none;
	line-height: 17px;
}

#article-container .newarttext3b {
	font-size:13px;
	font-family:verdana,arial,helvetica,geneva;
	color:#ec8700;
	text-decoration:none;
	line-height: 17px;
}

#article-container .newarttext21b {
	font-size:13px;
	font-family:verdana,arial,helvetica,geneva;
	color:#4a4432;
	text-decoration:none;
	line-height: 17px;
}

#article-container .newarttext21c {
	font-size:13px;
	font-family:verdana,arial,helvetica,geneva;
	color:#847444;
	text-decoration:none;
	line-height: 17px;
}

#article-container .newarttext3bb {
	font-size:13px;
	font-family:verdana,arial,helvetica,geneva;
	color:#19bfda;
	text-decoration:none;
	line-height: 17px;
}

#article-container .newarttext3bbb {
	font-size:13px;
	font-family:verdana,arial,helvetica,geneva;
	color:#034793;
	text-decoration:none;
	line-height: 17px;
}
#article-container .newarttext3 {
	font-size:13px;
	font-family:verdana,arial,helvetica,geneva;
	color:#666666;
	text-decoration:none;
	line-height: 17px;
}
#article-container .newarttext3d {
	font-size:13px;
	font-family:verdana,arial,helvetica,geneva;
	color:#4a4432;
	text-decoration:none;
	line-height: 17px;
}

#article-container .l_bb {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#145482;
	text-decoration:none;
	line-height: 17px;
}

#article-container .l_bc {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#b83105;
	text-decoration:none;
	line-height: 17px;
}
#article-container .l_bd {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#592f49;
	text-decoration:none;
	line-height: 17px;
}

#article-container .l_be {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#ab5059;
	text-decoration:none;
	line-height: 17px;
}

#article-container .l_bf {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#ebac25;
	text-decoration:none;
	line-height: 17px;
}

#article-container .l_bg {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#a3a31f;
	text-decoration:none;
	line-height: 17px;
}

#article-container .l_bh {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#592f49;
	text-decoration:none;
	line-height: 17px;
}



#article-container .l_blu {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#2eb0d0;
	text-decoration:none;
	line-height: 17px;
}

#article-container .l_red {
	font-size:12px;
	font-family:verdana,arial,helvetica,geneva;
	color:#ae9077;
	text-decoration:none;
	line-height: 17px;
}

#article-container .newarttext12b {
	font-size:14px;
	font-family:verdana,arial,helvetica,geneva;
	color:#666666;
	text-decoration:none;
	line-height: 22px;
}
/*** /Imported Article Styles ***/

/*** Specific Article Styles ***/
	
	/* Standard Articles */
	#standard #content-container { width: 49.4em; padding: 0 5.7em 2em; text-align: center; background-color:#f3ecdc;}
	#standard #content-container p { font-size:1.3em; line-height:1.3em; text-align: left; padding-bottom:1.5em; }
	#standard #content-container div.callout { overflow : hidden; background-color : #fff; padding : 0 1em 1em 0; margin-bottom : 3em; }
	#standard #content-container div.callout3 { overflow : hidden; background-color : #fff; padding : 0 1em 1em 0; margin-bottom : 3em; }
	#standard #content-container div.callout3 img.hero { float : left; }
	#standard #content-container div.callout3 div.copy { text-align: left; float : left; padding-top : 1em; width : 30em; }
	#standard #content-container div.callout2 { overflow : hidden;  padding : 1em 0em 0em 0; margin-bottom : 3em; }
	#standard #content-container div.callout img.hero { float : left; }
	#standard #content-container div.callout div.copy { text-align: left; float : left; padding-top : 1em; width : 20em; }
	#standard #content-container div.callout.double-wide img.hero { float : none; }
	#standard #content-container div.callout2 div.img2 { float : right; }
	#standard #content-container div.callout.double-wide div.copy { float : none; padding-left : 1em; width : auto; }
	#standard #content-container div.callout h3 { font : bold 1.3em Verdana,Arial,Helvetica,Sans-serif !important; padding : 0; }
	#standard #content-container div.callout p { padding-bottom : 0; }
	#standard #content-container div.callout div.action-buttons { clear : both; height : 2em; padding-top : 1em; }
	#standard #content-container div.callout div.action-buttons a { float : right; padding-left : 1em; }
	
	/* Benjamin Moore Colors */
	#benmoore #swatches-container { width: 49.4em; padding: 0 5.7em 2em; text-align: center; }
	#benmoore #swatches { background: white; padding: 1.1em 2.2em 2.2em; }
	#benmoore #swatches .description { color: #666; font-size: 1.4em; line-height: 1.5em; width: 16em; padding: .7em 0; float: left; text-align: left; }
	#benmoore #swatches ul.benmoore-actions { float: right; padding-top: 1em; }
	#benmoore #swatches ul.benmoore-actions li { width: 21.2em; font-size: 1em; height: 2.1em; overflow: hidden; }
	#benmoore #swatches ul.benmoore-actions a { display: block; font-size: .9em; border: 1px solid #666; margin-bottom: .3em; padding: .2em; text-transform: uppercase; font-weight: bold; }
	#benmoore p.disclaimer { margin-top: 2em; padding: 2em; background: white; text-align: left; }

		/* Main Catalog Covers / Colors */
		#benmoore #swatches-container.benmoore25 { background: #598ec9; }
		#benmoore #swatches-container.benmoore27 { background: #4e9cc4; }
		#benmoore #swatches-container.benmoore29 { background: #2675a8; }
		#benmoore #swatches-container.benmoore30 { background: #93401b; }
		#benmoore #swatches-container.benmoore32 { background: #6a6a1e; }
		#benmoore #swatches-container.benmoore33 { background: #836f52; }
		#benmoore #swatches-container.benmoore41 { background: #ded8c2; }
	
		/* B&B Catalog Covers */
		#benmoore #swatches-container.benmoorebb1 { background: #598ec9; }
		#benmoore #swatches-container.benmoorebb2 { background: #598ec9; }
		#benmoore #swatches-container.benmoorebb3 { background: #cc3333; }
		#benmoore #swatches-container.benmoorebb4 { background: #3b6f99; }
		#benmoore #swatches-container.benmoorebb5 { background: #3b6f99; }
		#benmoore #swatches-container.benmoorebb6 { background: #816b54; }
		#benmoore #swatches-container.benmoorebb7 { background: #f5e7bd; }
		#benmoore #swatches-container.benmoorebb14 { background: #ded8c2; }
		#benmoore #swatches-container.benmoorebb1 ul.benmoore-actions,
		#benmoore #swatches-container.benmoorebb2 ul.benmoore-actions,
		#benmoore #swatches-container.benmoorebb3 ul.benmoore-actions { overflow : hidden; float : none; width : 46.4em; padding: 2em 0 1em; }
		#benmoore #swatches-container.benmoorebb1 ul.benmoore-actions li.first,
		#benmoore #swatches-container.benmoorebb2 ul.benmoore-actions li.first,
		#benmoore #swatches-container.benmoorebb3 ul.benmoore-actions li.first { float : left; }
		#benmoore #swatches-container.benmoorebb1 ul.benmoore-actions li.second,
		#benmoore #swatches-container.benmoorebb2 ul.benmoore-actions li.second,
		#benmoore #swatches-container.benmoorebb3 ul.benmoore-actions li.second { float : right; }
	
	/* Videos Section */
	div#videos-container { clear : both;}
	div#videos-container div.content { background-color : #fff; }
	div#videos-container ul.tabs { overflow : hidden; }
	div#videos-container ul.tabs li { float : left; }
	div#videos-container div.videos { margin-top : -3px; border : 1px solid #b7b7b7; padding : 1em 0.5em; }
	div#videos-container div.scrollbox { height : 57em; overflow : auto; }
	div#videos-container div.item { overflow : hidden; padding : 2em 0; border-top : 1px solid #b7b7b7; }
	div#videos-container div.item.first { border-top : 0; padding-top : 0; }
	div#videos-container div.item.last { padding-bottom : 0; }
	div#videos-container div.movie { float : left; padding-top : 1em; width : 39.5em;}
	div#videos-container div.details { position : relative; margin-left : 40.6em; width : 47.6em; height : 22.4em; border : 1px solid #4a4432; padding : 1.2em 2em; }
	div#videos-container div.details h2 { font : 2em Verdana; color : #a39f8e; text-transform : uppercase; padding-bottom : 0.5em; }
	div#videos-container div.details p { font-size : 1.2em; color : #4a4432; padding-bottom : 1em; }
	div#videos-container div.details div.features { position : absolute; bottom : 2em; width : 45.6em; border : 1px solid #cecece; padding : 1em; background-color : #f4f3ed; }
	div#videos-container div.details div.features h3 { font : 1.2em Verdana; letter-spacing : -0.05em; color : #a39f8e; }
	div#videos-container div.details div.features a,
	div#videos-container div.details div.features a:visited { color : #4a4432; padding-right : 0.9em; background : url('../images/stylehouse/videos/bg_link-arrow.gif') no-repeat right top; }
	div#videos-container div.details div.features a:active,
	div#videos-container div.details div.features a:hover { color : #000; }
	div#videos-container div.main-vid { float : left; ;padding : 1em 1.5em; width : 11.2em; }
	div#videos-container div.clearfix2 { clear : both; }
	div#videos-container div.clearfix3 { clear : both; padding-bottom : 2em; border-top : 1px solid #b7b7b7;}
	div#videos-container div.vid-hdr { float : left;  width : 32.3em;}
	div#videos-container div.vid-hdr2 { float : left;  width : 99.0em; padding-bottom : 1.2em; border-bottom : 1px solid #b7b7b7;}
	div#videos-container div.vid-hdr_m { float : left;  width : 33.0em; padding-bottom : 2em; padding-top : 2.4em;}
	div#videos-container div.vid-ind { float : left;  width : 68.0em; padding-bottom : 2em; padding-top : .2em;}
	div#videos-container div.vid-tmb { float : left; width : 7.5em; padding-top : 1.7em; padding-right : 0.9em;}
	div#videos-container div.vid-men { float : right; font : 1em Verdana;  text-transform : uppercase; background-color : #e1dcc7; width : 20.0em; border-bottom : 1px solid #b7b7b7; border-left : 1px solid #b7b7b7; border-right : 1px solid #b7b7b7; padding: 2em 2em 2em 5em;}
	div#videos-container div.vid-men h6{ font : 1.2em Verdana !important; text-decoration : underline; }
	div#videos-container div.vid-men h6 a:hover { color: #7a7a7a !important; text-decoration : none; }
	div#videos-container div.vid-men h6 a,
a:active { color: #666666 !important; text-decoration : underline; }

	div#videos-container div.vid-men h2{ font : 1em Verdana;  text-transform : uppercase; font-weight: bold;}
	div#videos-container div.vid-men h2 a:hover { color: #7a7a7a !important;}
	div#videos-container div.vid-men h2 a,
a:active { color: #666666 !important; }


	div#videos-container div.vid-men span.arrow { width: .5em; height: .8em; position: relative; top: .1em; *top: -.3em; _top: 0; background: url('../images/stylehouse/videos/bg_link-arrow.gif') no-repeat right center; display: inline-block; }
	div#videos-container div.vid-cpy { font : 1em Verdana; float : left; width : 23.3em; padding-top : 1.5em; padding-right : 1em;}
	div#videos-container div.vid-cpy h2 { font : 1em Verdana;  text-transform : uppercase; padding-bottom : 0.1em; font-weight: bold;}

/* Canadian Stores */
div#canada div.infoblock { background: #FFFFFF none repeat scroll 0 0; margin: 0 2.6em 3em; }
div#canada div.storeHeader { border-bottom: .1em solid #E1DCD2; font-size: 1.2em; font-weight: bold; margin: .2em 0; color:#666666; font-family: "Verdana,Geneva,Arial,Helvetica"; padding: .9em 0; clear:both; }
div#canada div.storeName { float: left; font-size: 1em; color: #666666; width: 18em; }
div#canada p.bold { font-weight: bold; }
div#canada div.clr { clear:both; }