/* 
	File:			stylehouse.css
	Author:			Erin Lathers
	Created:		1-30-2009
	Description:	This file contains The Landing page and nave styles for stylehouse. 
*/

div#sidebar { float:left; width:19em; }
div#sidebar h2 { width: auto; }
div#sidebar ul { width: 18em; }
div#sidebar span.new-flag { color: #BC2129; font-weight: bold;}
div#content { margin-left: 21em; _margin-left: 19.8em; /* IE6 Hack - page widths not matching - el 2/6/09 */ }
div#content div.the-bar  { margin-bottom: 1em; /* Removed 'height:1.3em' because it was limiting the space for breadcrumbs and cutting off letters. */ }
div#content h1 { float: none; }
div#content h2 { }
div#content h3 { }
div#content p { line-height: 1.25em;}
div#content a.block-text-link, div#content a.block-text-link:visited  { display: block; text-decoration: none;}
div#article-container img.image-a { float: left; margin-right: 1em;}
div#article-container img.image-b { float: right; margin-left: 1em;}
div#flash-movie { margin : 3.5em -0.5em 1em 0; }
div#flash-movie.homepage { margin-top : 2em; }

/****** Popups: General Styles ******/
body#popup div.wrap { width: 98% }
body#popup div#content	{ margin-left: 0; padding-top: 1em; }
body#popup div.header { border-bottom:1px solid #D7D7D7; margin-bottom:1em; overflow:hidden; padding-bottom:0.5em; _height: 2.6em;}
body#popup div.header h1	{ float:left; font-size:1.3em; font-weight:bold; padding-top:1em; }
body#popup div.header img	{ cursor:pointer; float:right; }
body#popup div#content div#article-container h2 { font-size: 1.2em; font-weight: bold; padding-bottom: .75em; padding-top: .25em;}
body#popup div#content div#article-container p { font-size: 1.1em;}
body#popup div#content div#article-container li { font-size: 1.1em;}
body#popup div.article-sections { overflow: hidden; display: block; padding: 1em 0 .5em .25em; width: 100%}
/****** /Popups: General Styles ******/

/****** AddThis Widget ******/
div#share { margin-top : 0.5em; float:right; font-size:1.1em; }
div#share span.share-text, div#share a { display:block; float:left; margin-right:.2em; font-size : 1em; }
div#share span.share-text { margin-top:.4em; }
/****** /AddThis Widget ******/

/****** Stylehouse Landing ******/
body#stylehouse div#index div#content h1 { text-align: center;}
body#stylehouse div#index div#content a:hover,
body#stylehouse div#index div#content a:active { color:#71C9D4; }
body#stylehouse div#index div#content a.block-text-link { font-weight: bold}
body#stylehouse div#index div#content div#column-a { float: left; width: 51em; margin-right: -1em; }
body#stylehouse div#index div#content div#column-b { float: right; width: 28em; }

/****** Create Your Own Style Board Landing ******/
body#stylehouse div#content .title {float:left; width:100px; font-weight:bold; }
body#stylehouse div#content div#create {float:left; width:650px; height:20px; }
body#stylehouse div#content div#save {float:left; width:650px; height:45px; }
body#stylehouse div#content div#view {float:left; width:650px; height:25px; }
body#stylehouse div#content div.clearfix {clear:both;}
/****** /Create Your Own Style Board Landing ******/

div#content h2#downloads-header { padding-bottom: 2.2em; *padding-bottom: 1.8em; /* IE6 & 7 Hacks to align the bottom of the columns - el 2/1/09 */ }
ul#download-list { float: left; margin-left: -2.3em; }
ul#download-list li { float: left; width: 14.75em; padding-left: 2.3em;  text-align: center; }
ul#download-list li img { display: block;  padding-bottom: 1em; text-align: center;}
ul#download-list li a  { display: block; text-decoration: none; font-weight: bold; padding-bottom: 1em; float: left; }

div.section-area1 { background-color: #E0EAF3; padding: 1em 0 0 1em; width: 23em; height: 18em; *width: 23.2em; /* IE6 box model Hack to make padding consistent, accounting for padding: - el 2/1/09 */ float: left; margin: 0 1em 1em 0 ;}
div.section-area1 h3 { display: block; padding-bottom: 1em;}
div.section-area1 a.section-img  { float: right; width: 9.1em; padding-left: 1em; }
div.section-area1 a.block-text-link { padding-top: 1.5em;}
div.section-area1 img.icn_video { display: inline; }

div.section-area2 { background-color: #E0EAF3; padding: 1em 0 0 1em; width: 23em; height: 19em; *width: 23.2em; /* IE6 box model Hack to make padding consistent, accounting for padding: - el 2/1/09 */ float: left; margin: 0 1em 1em 0 ;}
div.section-area2 h3 { display: block; padding-bottom: 1em;}
div.section-area2 a.section-img  { float: right; width: 9em; padding-left: 1em; }
div.section-area2 a.block-text-link { padding-top: 1.5em;}
div.section-area2 img.icn_video { display: inline; }

/****** Benjamin Moore bucket on the Landing Page ******/
div.section-area-bm { background-color: #E0EAF3; padding: 0em 0 0 1em; width: 23em; height: 20em; *width: 23.2em; /* IE6 box model Hack to make padding consistent, accounting for padding: - el 2/1/09 */ float: left; margin: 0 1em 1em 0 ;}
div.section-area-bm h3#section-header-bm { padding: 1em 0em 1em 0em;}
div.section-area-bm a.section-img-bm  { float: right; padding-left: 1em; padding-right: 1em; padding-top: 0em;}
div.section-area-bm .section-logo-bm  { padding-top: 4.5em;}
div.section-area-bm a.block-text-link-bm { padding-top: 1.5em; font-weight: bold;}
/****** /Benjamin Moore bucket on the Landing Page ******/
div#sh-bm { padding: 0em; width:49em; *width:49.3em; background-color: #E0EAF3; float: left; }

ul#mix-n-match-list li { background-color: #E0EAF3; padding: 0em 1em 1.04em 1em; *padding: 0em 1em .95em 1em; display: block; float: left; width: 26em; _width: 26.2em; /* IE6 box model Hack to make padding consistent, accounting for padding: - el 2/1/09 */ line-height: 1.05em; *line-height: 1.25em;}
ul#mix-n-match-list li h3 { padding: 1em 0 .5em 0;}
ul#mix-n-match-list li#create-your-own-style-board { margin-top: 1em; padding: 1em 1em .5em 1em; height:14.5em; *height:14em; *padding: .9em; }
ul#mix-n-match-list li a { font-weight: bold;}
ul#mix-n-match-list li a.section-img { float: left; margin-right: .5em;}
ul#mix-n-match-list li a.block-text-link { float: left; padding-bottom: 1.25em;}
div#bottom-links a img { float: left; margin-top:1em; padding: 0em 0 0 0;  _padding: 0; /* IE6 can't get the top padding consistent - has something to do with page width...: - el 2/1/09 */}
div#bottom-links a#talk-to-us-link { float: left;}
div#bottom-links a#design-library-link { float: right; }
/****** /Stylehouse Landing ******/

/****** Videos ******/
body#videos div#flash-movie { margin-top : 1em; }

body#videos div#content div.clearfix {clear:both;}
body#videos div#video-hero h1.video {font-size:1.5em; color:#999999; padding-top:10px; padding-left: .4em;}
body#videos div#video-hero { background-image:url('../images/stylehouse/video-library/landing/105_hero.gif'); background-repeat:no-repeat; height:35em; width:77.5em; padding-bottom:2em; }
body#videos div#hero-spacer {float:left; margin:0em 0em 0em 1.2em; padding-bottom:5em; width:39em; }
body#videos div#video-hero-copy {float:left; width:29.5em; margin:0em 0em 0em 3em; }
body#videos div#video-hero-copy h2 {font-size:1.3em; font-weight:bold; padding-bottom:.2em; }
body#videos .vid-padding-left { padding: 10px 0px 20px 0px; }
body#videos .vid-padding-right { width:315px; float:left; }
body#videos .vid-row { width:440px; float:left; margin-right:25px; }
body#vidoes .vid-copy-right { float:left; width:145px; }
body#videos .vid-sub-image { float:left; width:131px; padding-right: 10px; padding-bottom:25px; }
body#videos .vid-sub-copy { float:left; width:275px; }
body#videos .vid-title { font-size:1.1em; font-weight:bold; text-transform:uppercase; }
body#videos .vid-copy { font-size:1.1em; padding-top: 10px; }

/** EXCLUSIVE Page **/
body#videos .vid-exclusive-left { padding: 10px 0px 20px 0px; }
body#videos .vid-exclusive-right { width:370px; float:left;}
body#videos .vid-exclusive-row { float:left; margin-right:25px; }
body#videos .vid-exclusive-image { float:left; width:131px; padding: 0px 10px 10px 0px; }
body#videos .vid-exclusive-copy-left { float:left; width:235px;}
body#videos .vid-exclusive-copy-right { float:left; width:225px;}
/** /EXCLUSIVE Page **/

/** WITY Page **/
body#videos .vid-wity-left { padding: 10px 8px 0px 0px; float:left; width:250px; }
body#videos .vid-wity-right { width:200px; float:left;}
body#videos .vid-wity-row { float:left; margin-right:25px; width:775px; }
body#videos .vid-wity-image { float:left; width:131px; padding: 0px 10px 10px 0px; }
body#videos .vid-wity-copy-left { float:left; width:100px;}
/** /WITY Page **/
 

/****** Videos ******/

/****** Design Library ******/
div#design-library div#article-container { background-color: #E0EAF3; padding: 1em 2em 6em 2em; float: left; width: 74em;}
div#design-library div#article-container div { float: left; width: 34em; height: 12.5em;}
div#design-library div#article-container div h2 { font-size: 1.3em; font-weight: bold; padding-bottom: .5em;}
div#design-library div#article-container div.column_a { border-right: .1em solid #DCD8CC; padding: 2em 2em 2em 0em;}
div#design-library div#article-container div.column_b { padding: 2em 0em 3em 3em;}
div#design-library div#article-container div img { float: right; padding-left: 1em;}
div#design-library div#article-container div ul li { padding: .4em 0; line-height: 1.25em;}
div#design-library div#article-container div ul li a, div#design-library div#article-container div ul li a:visited { font-size: 1.1em; text-decoration: none;}
div#design-library div#article-container div ul li a:hover, div#design-library div#article-container div ul li a:active { color: #9AB9D9;}
/****** /Design Library ******/

/****** As Seen In ******/
body#as-seen-in div#container	{  float: left; border: 1.5em solid #E0EBF5; padding : 2em 2em 0 2em; *width: 71.5em;/* setting the width in IE so it looks more like other browsers. */ }
body#as-seen-in div#container h1 { font-size : 3em; font-weight : normal; font-family : "Neutra Display", Helvetica; line-height : 1.1em; margin-bottom : 0em; padding-bottom : 0em; }
body#as-seen-in div.asi-navigation { overflow : hidden; }
body#as-seen-in div#contact,
body#as-seen-in ul#asi-pagination { padding : 2em 0 1em 0; }
body#as-seen-in div#contact	{ float: left; }
body#as-seen-in div#contact h3	{  font-weight: bold; font-size: 1.1em; margin-bottom : 0.1em; }
body#as-seen-in ul#asi-pagination   { float: right; list-style : none; }
body#as-seen-in ul#asi-pagination li { float : left; padding-left : 0.4em; font-size : 1.1em; }
body#as-seen-in ul#asi-pagination li a { font-size : 1em; }
body#as-seen-in div#features div.feature { overflow : hidden; width: 67em; border-top : 2px solid #F1F0EF; padding : 2em 2em 0 2em; }
body#as-seen-in div#features div.title	{ float: left; width: 32em; }
body#as-seen-in div#features div.title a.block-text-link	{  margin-top: 1.2em; }
body#as-seen-in div#features h2	{ font-weight: bold; font-size: 1.1em; padding: 1em 3em .1em 0; }
body#as-seen-in div#features div.samples { float: left; width: 35em; }
body#as-seen-in div#features div.samples img { float: left; padding-bottom : 2em; }
/****** /As Seen In ******/

/****** Teen of the Month ******/
body#teen-of-month div#profiles-container	{ background-color: #E0EBF5; padding: 1.5em 1.5em 6em; width: 75em; float: left; }
body#teen-of-month h1	{ float: left; font-weight: normal; font-size: 2.5em; }
body#teen-of-month div#add-this-widget	{ float: right; margin-top: .5em; }
body#teen-of-month div#profiles	{ clear: both; padding: 1em; }
body#teen-of-month div#profiles h2	{ color:#86B1AD; font-size:1.8em; font-weight:normal; margin-bottom: .2em; }
body#teen-of-month div#profiles h3	{ font-size:1.2em; font-weight:bold; }
body#teen-of-month p	{ margin: 1em 0; }

body#teen-of-month div#winner div#profiles	{ overflow: hidden; }
body#teen-of-month div#winner div#hero	{ float: left; width: 18em; }
body#teen-of-month div#winner div#hero img	{ display: block; margin: 0 auto .5em; }
body#teen-of-month div#winner div#profile-copy	{ margin-left: 19em; }
body#teen-of-month div#winner div#profile-copy p	{ margin-left: 1em; }
body#teen-of-month div#winner div#profile-copy a	{ margin: 1em 0 1em 1em; width: 15em; }
body#teen-of-month div#winner div#profile-copy p a	{ margin: 0; }

body#teen-of-month div#archive p	{ margin: 0; }
body#teen-of-month div#archive div#profiles-container	{ padding-bottom: 0; }
body#teen-of-month div#archive div#profiles	{ overflow: visible; padding: 1.5em 0 1em; }
body#teen-of-month div#archive div#profiles ul li	{ float: left; width: 12.5em; text-align: center; height: 17em; }
body#teen-of-month div#archive div#profiles ul li a	{ font-size: 1em; }
body#teen-of-month div#archive div#profiles ul li a:active, body#teen-of-month div#archive div#profiles ul li a:hover	{ color: #71C9D4; }

body#teen-of-month div#nominate-a-teen div#nominate	{ overflow: hidden; clear: both; }
body#teen-of-month div#nominate-a-teen div#hero	{ float: left; }
body#teen-of-month div#nominate-a-teen div#hero img	{ display: block; margin-bottom: .5em; }
body#teen-of-month div#nominate-a-teen div#instructions	{ margin-left: 20em; }
body#teen-of-month div#nominate-a-teen div#content p.nominate-by-mail	{ margin: 0; }
body#teen-of-month div#nominate-a-teen div#content h2	{ font-size: 1.1em; line-height: 1.2em; font-weight: bold; }
body#teen-of-month div#nominate-a-teen div#content ol	{ margin: 1em; font-size: 1.1em; line-height: 1.3em; list-style-type: decimal; list-style-position: inside; }
body#teen-of-month div#nominate-a-teen div#content ul	{ margin: 0 0 1em; line-height: 1.3em; }
body#teen-of-month div#nominate-a-teen p.rules	{ clear: both; }

body#popup div#teen-of-month.wrap	{ width: auto; padding:0 1em; }
body#popup div#teen-of-month div#content	{ margin-left: 0; }
body#popup div#teen-of-month div.header	{ border-bottom:1px solid #D7D7D7; margin-bottom:1em; overflow:hidden; padding-bottom:0.5em; width:100%; }
body#popup div#teen-of-month div.header h1	{ float:left; font-size:1.3em; font-weight:bold; padding-top:1em; }
body#popup div#teen-of-month div.header img	{ cursor:pointer; float:right; }
body#popup div#teen-of-month li	{ padding-bottom:1.2em; font-size: 1.1em; line-height: 1.2em; }
body#popup div#teen-of-month li a	{ font-size: 1em; text-decoration: underline; }
/****** /Teen of the Month ******/

/****** As Seen In ******/
body#as-seen-in h1 { padding-bottom: 1em;}
body#as-seen-in div#features h2.issue { padding-bottom: .5em;}
body#as-seen-in img.magazine-a { float: left; padding: 0 3em 4em 0;}
body#as-seen-in img.magazine-b { float: left; padding: 0 0 4em 0;}
body#as-seen-in ul#featured-products { float: left; padding-top: 1.5em; margin-left: -8em; width: 30em; }
body#as-seen-in ul#featured-products li { float: left; width: 10.4em; height: 15em; padding: 0 0 2em 8em; text-align: center; }
body#as-seen-in div#seventeen ul#featured-products { width: 38em}
body#as-seen-in ul#featured-products li img { padding-bottom: 1em;}
/****** /As Seen In ******/

/****** Benjamin Moore ******/
body#benjamin-moore div#container { }
body#benjamin-moore div#bm-body {width:756px; padding:10px; border:1px solid #198ccc; background-color:#d4e3f6; margin-bottom: 5em; }
body#benjamin-moore div#bm-hero {padding:10px; border:1px solid #73aacd; background-color:#FFFFFF; height:370px;}
body#benjamin-moore div#bm-hero-image {float:left; margin-right:10px;}
body#benjamin-moore div#bm-hero-right {float:left; padding-top:0px;}
body#benjamin-moore div#bm-hero-right div#hero-logo { padding: 0em 0em 1em 2.3em; }
body#benjamin-moore div#bm-hero-right div#hero-logo-new { padding: 0em 0em 1em 6.3em; }
body#benjamin-moore div#bm-hero-right div#hero-logo-old { padding: 0em 0em 1em 4.3em; }
body#benjamin-moore div#bm-hero-right div#hero-copy {float:left; width:38em; }
body#benjamin-moore div#bm-hero-right div#hero-copy-new {float:left; width:40em; padding: 0em 0em .1em 2.5em;}
body#benjamin-moore div#bm-hero-right div#hero-copy-old {float:left; width:35em; padding: 2em 0em .1em 1.5em;}
body#benjamin-moore div#bm-hero-right div#hero-copy .bold-subheading { font-size: 1.3em; padding-bottom:1em; }
body#benjamin-moore div#bm-hero-right div#hero-copy-new .bold-subheading-new { font-size: 1.5em; padding-bottom:1em; }
body#benjamin-moore div#bm-hero-right div#hero-copy h1.subheading { font-size: 1.6em; padding-bottom:.5em;}
body#benjamin-moore div#bm-hero-right div#hero-copy-new h1.subheading { font-size: 1.9em; padding-bottom:.5em;}
body#benjamin-moore div#bm-hero-right div#hero-copy p { font-size: 1.2em; padding-bottom:.5em;}
body#benjamin-moore div#bm-hero-right div#hero-copy-new p { font-size: 1.3em; padding-bottom:.5em; padding-top:.5em;}
body#benjamin-moore div#bm-break1 {height:15px; padding:0px; /* border-left:1px solid #73aacd; border-right:1px solid #73aacd; */ background-color:#d4e3f6;}
body#benjamin-moore div#bm-break2 {height:15px; padding:0px; background-color:#d4e3f6;}
body#benjamin-moore div#bm-break3 {height:15px; padding:0px; background-color:#d4e3f6;}
body#benjamin-moore div#bm-paint-chips {padding:14px; border:1px solid #73aacd; background-color:#FFFFFF; height:100%;}
body#benjamin-moore div#bm-paint-chips-more {padding:14px; border:1px solid #73aacd; background-color:#FFFFFF; height:100%;}
body#benjamin-moore div#bm-paint-chips div#left {float:left;}
body#benjamin-moore div#bm-paint-chips div#right {float:left; margin-left:16px;}
body#benjamin-moore div#bm-paint-chips-more div#left-more {float:left;}
body#benjamin-moore div#bm-paint-chips-more div#right-more {float:left; margin-left:16px;}
body#benjamin-moore ul.bm {list-tyle: none; float: left;}
body#benjamin-moore ul.bm li {padding: 0; margin: 5px 0px;}
body#benjamin-moore ul.bm li a, ul.benmoore li a:visited {color:#3071b1; text-decoration: none;}
body#benjamin-moore ul.bm li a:hover, ul.benmoore li a:active {color: #9ab9d9;}
body#benjamin-moore div#bm-bottom-copy {padding:14px; border:1px solid #73aacd; background-color:#FFFFFF;}
/****** Benjamin Moore ******/

/****** Design Tools ******/
div#content div#article-container h1 { font-family:Arial,Helvetica,sans-serif; font-size:1.7em; font-weight:bold; }
div#content div#article-container div#noflash-demo-content { border:thin solid #cccccc; padding: 0em; width: 77em; }
div#content div#article-container div#noflash-demo-content div#static-thick-border {border: .6em solid #EEEEEE; }
div#content div#article-container div#noflash-demo-content div#static-hero { float:left; }
div#content div#article-container div#noflash-demo-content div#static-copy { padding-top: 10em; padding-right:1em;}
div#content div#article-container div#noflash-demo-content div#static-copy p { font-size:1.5em; }
div#content div#article-container div#noflash-demo-content div#get-flash { padding-bottom: 8.5em; padding-top:5.5em;}

div#content div#article-container div#pop-noflash-demo-content { border:thin solid #cccccc; padding: 0em; width: 65em; }
div#content div#article-container div#pop-noflash-demo-content div#static-thick-border {border: .6em solid #EEEEEE; }
div#content div#article-container div#pop-noflash-demo-content div#static-hero { float:left; }
div#content div#article-container div#pop-noflash-demo-content div#static-copy { padding-top: 10em; padding-right:1em;}
div#content div#article-container div#pop-noflash-demo-content div#static-copy p { font-size:1.5em; }
div#content div#article-container div#pop-noflash-demo-content div#get-flash { padding-bottom: 8.5em; padding-top:5.5em;}
/****** /Design Tools ******/

/**************************************/
/****** Stylehouse Popup Section ******/
/**************************************/

/****** Model Search: Official Rules (Popup) ******/
body#popup div#official-rules.wrap	{ width: auto; padding:0 1em; }
body#popup div#official-rules div#content	{ margin-left: 0; padding-top: 1em; }
body#popup div#official-rules div.header	{ border-bottom:1px solid #D7D7D7; margin-bottom:1em; overflow:hidden; padding-bottom:0.5em; width:100%; }
body#popup div#official-rules div.header h1	{ float:left; font-size:1.3em; font-weight:bold; padding-top:1em; }
body#popup div#official-rules div.header img	{ cursor:pointer; float:right; }
body#popup div#official-rules div#content ul { list-style-type:decimal; padding-left: 2em;}
body#popup div#official-rules div#content li	{ padding-bottom:1.2em; font-size: 1.1em; line-height: 1.2em; list-style-type:decimal; }
body#popup div#official-rules div#content li a	{ font-size: 1em; text-decoration: underline; }
/****** /Model Search: Official Rules (Popup) ******/

/****** Mix + Match: (Popup) ******/
body#popup div#mix-match-popup div.header h1	{ color: #FFF; }
/****** /Mix + Match: (Popup) ******/

/****** Mattress Guide: (Popup) ******/
body#popup div#mattress-guide-popup div#mat-row1 { background-color:#e2e2e2; height:171px; width:950px; border: 1px solid #b4b7ba; } 
body#popup div#mattress-guide-popup div#mat-row2 { background-color:#e2e2e2; height:152px; width:950px; border-left: 1px solid #b4b7ba; border-right: 1px solid #b4b7ba; border-bottom: 1px solid #b4b7ba; }
body#popup div#mattress-guide-popup div#mat-row3 { background-color:#e2e2e2; height:158px; width:950px; border-left: 1px solid #b4b7ba; border-right: 1px solid #b4b7ba; border-bottom: 1px solid #b4b7ba; }
body#popup div#mattress-guide-popup div#mat-row4 { background-color:#e2e2e2; height:124px; width:950px; border-left: 1px solid #b4b7ba; border-right: 1px solid #b4b7ba; border-bottom: 1px solid #b4b7ba; }
body#popup div#mattress-guide-popup div#mat-row5 { background-color:#e2e2e2; height:85px; width:950px; border-left: 1px solid #b4b7ba; border-right: 1px solid #b4b7ba; border-bottom: 1px solid #b4b7ba; }
body#popup div#mattress-guide-popup div#mat-row6 { background-color:#e2e2e2; height:33px; width:950px; border-left: 1px solid #b4b7ba; border-right: 1px solid #b4b7ba; border-bottom: 1px solid #b4b7ba; }

body#popup div#mattress-guide-popup div.mat-col0 { width:138px; float:left; height:100%; }
body#popup div#mattress-guide-popup div.mat-col1 { background-color:#FFFFFF; width:203px; border-left: 1px solid #b4b7ba; float:left; height:100%; } 
body#popup div#mattress-guide-popup div.mat-col2 { background-color:#FFFFFF; width:202px; border-left: 1px solid #b4b7ba; float:left; height:100%; } 
body#popup div#mattress-guide-popup div.mat-col3 { background-color:#FFFFFF; width:203px; border-left: 1px solid #b4b7ba; float:left; height:100%; } 
body#popup div#mattress-guide-popup div.mat-col4 { background-color:#FFFFFF; width:200px; border-left: 1px solid #b4b7ba; float:left; height:100%; } 

body#popup div#mattress-guide-popup div.mat-header { padding-top:10px; text-align:center; }
body#popup div#mattress-guide-popup div.mat-header-link { padding-top:10px; text-align:center; }
body#popup div#mattress-guide-popup div.mat-header-link a { text-decoration:underline; }
body#popup div#mattress-guide-popup div.mat-feature { padding:10px 0px 0px 10px; font-weight:bold; font-size:1.1em; }
body#popup div#mattress-guide-popup div.mat-data { padding:10px 10px 0px 10px; font-size: 1.1em; }
p.spcl-msg { padding-top:1em; }
/****** /Mattress Guide: (Popup) ******/

/****** iPod Friendly: (Popup) ******/
body#popup table#ipod-table { border-collapse: collapse; width: 100%;	}
body#popup table#ipod-table th { font-size: 1.2em; background-color: #E2E2E2; font-weight: bold; padding: .5em 1em;  border: 1px solid #A1A5A9; vertical-align: middle; text-align: center;}
body#popup table#ipod-table td {  font-size: 1.1em; padding: .5em .5em;  border: 1px solid #A1A5A9;  vertical-align: top;}
body#popup table#ipod-table td.icon-img { text-align: center;}
/****** /iPod Friendly: (Popup) ******/

/****** iRacer: (Popup) ******/
body#popup div#iracer h1,
body#popup div#style-tiles h1 { color: #FFF;}
/****** /iRacer: (Popup) ******/

/****** Measure for Window Coverings (Popup) ******/
body#popup ul.coverings-list { list-style: disc; padding-left: 1.5em; padding-bottom: 1em; }
body#popup ul.coverings-list li { padding: .25em 0;}
/****** /Measure for Window Coverings (Popup) ******/

/****** My Room Rules (Popup) ******/
body#popup div#my-room-rules h1 { color:#FFF}
/****** /My Room Rules (Popup) ******/