/* =========

 1.0 UNIVERSAL RESETS
 2.0 GENERIC CLASSES
 3.0 GENERAL STRUCTURE
 4.0 HEADINGS
 5.0 BRANDING
 6.0 LINKS
 7.0 PARAGRAPHS
 8.0 BLOCKQUOTES AND CITATIONS
 9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/

/*
2.0 GENERIC CLASSES
------------------------------------------
*/

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

.highlight-sustainability { background: #e7e2d5 url(/images/gui/highlights/sustainability-feature.jpg) no-repeat; }
.highlight-careers { background: #e7e2d5 url(/images/gui/highlights/careers-feature.jpg) no-repeat; }

.landing-feature-about-text { padding: 155px 0 29px; background: transparent url(/images/pic/company/bg-about-feature-text.jpg) no-repeat 50% 137px; }
.landing-feature-kitchen-text { padding: 155px 0 29px; background: transparent url(/images/pic/company/bg-kitchen-feature-text.jpg) no-repeat 50% 137px; }
.landing-feature-webisodes-text { padding: 155px 0 29px; background: transparent url(/images/pic/company/bg-webisodes-feature-text.jpg) no-repeat 50% 137px; }
.landing-feature-text-blurb {font-weight: bold; font-style: italic; font-size: 10px; color: #000; line-height: 10px; padding: 0; margin: 0; }
.landing-feature-text-subhead { font-size: 16px; color: #D81E05; line-height: 19px; padding: 0; margin: 0; }
.landing-feature-link { margin-top: 7px; }

.landing-feature-bg { background: #EEEDE1 url(/images/gui/bg/bg-feature-repeat-2col.gif) repeat-y 0 0; }
.landing-feature-bottom { background: transparent url(/images/gui/bg/bg-feature-bottom-2col.gif) no-repeat 0 bottom; }
.landing-feature-about { background: transparent url(/images/pic/company/bg-about-feature.jpg) no-repeat 0 0; text-align: center; }
.landing-feature-kitchen { background: transparent url(/images/pic/company/bg-kitchen-feature.jpg) no-repeat 0 0; text-align: center; }
.landing-feature-webisodes { background: transparent url(/images/pic/company/bg-webisodes-feature.jpg) no-repeat 0 0; text-align: center; }

.year-info { margin-bottom: 20px; }
span.title-year { color: #666666; font-family:'Georgia',georgia,times,tahoma,"Times New Roman",serif; font-size: 36px; font-weight: normal; line-height: 1.1; display: block; margin-bottom: 5px;}

/* Press Room */
#media-contacts { background: #EDECE0; padding-top: 15px; margin: 30px 0 0; border: 1px solid #ccc; }

/* Tomorrow's Thinking Today */
#green-content-inner-wrapper { background: url(/images/gui/bg/green-inner-wrapper.jpg) 0 0 no-repeat; padding: 40px 0 15px; margin-top: 58px; }
body.tomorrows-thinking-today .green-breadcrumbs { padding: 0; }
#side-navigation .green-side-nav-bottom { background: url(/images/gui/bg/green-sidenav-bottom.jpg) 0 0 no-repeat; width: 220px; height: 140px; }
#side-navigation .green-side-nav-top { background: url(/images/gui/bg/green-sidenav-top.jpg) 0 0 no-repeat; width: 220px; height: 80px; }
body.tomorrows-thinking-today .container_14 {width:900px;}
body.tomorrows-thinking-today .container_14 .grid_10 {width:620px;}

/* Dream Kitchen */
body#dream-kitchen #content-inner-wrapper { padding: 20px 20px 0; color: #666; width: 900px; overflow: hidden;}
#main-video-container { text-align: center; width: 900px; }
#feature-text { background: url(/images/pic/company/dream-kitchen/feature-copy.gif) 0 0 no-repeat; width: 900px; height: 135px; text-indent: -999em; overflow: hidden; margin: 0 0 25px; }
#content-column { width: 560px; float: left; display: inline; margin-right: 14px; }
#mood-board-container { width: 560px; height: 288px; background: url(/images/pic/company/dream-kitchen/mood-board-bg.jpg) 0 0 no-repeat; position: relative; margin-bottom: 20px; }
#interactive-column { background: none; float: left; display: inline; width: 330px; margin-right: -4px; }
.interactive-feature { position: relative; background: url(/images/pic/company/dream-kitchen/interactive-container-body.jpg) 0 0 repeat-y; width: 330px; margin: 0 auto 10px; }
.interactive-feature .video-img { position: absolute; top: -5px; left: -60px; }
.interactive-feature .interactive-feature-top { background: url(/images/pic/company/dream-kitchen/interactive-container-top.jpg) 0 0 no-repeat; width: 305px; height: 23px; padding: 19px 0 0 25px; font-weight: bold; }
.interactive-feature .interactive-feature-bottom {  background: url(/images/pic/company/dream-kitchen/interactive-container-bottom.jpg) 0 0 no-repeat; width: 330px; height: 8px; }
#curtis-at-kbis { background: url(/images/pic/company/dream-kitchen/curtis-at-kbis-bg.jpg) 8px 0 no-repeat; position: relative; height: 174px; }
#recipe { background: url(/images/pic/company/dream-kitchen/recipe-bg.jpg) 8px 0 no-repeat; position: relative; height: 156px; }
#network-container { clear: both; background: #E8E7E2; padding: 15px; text-align: center; }
#commercial-container { width: auto; height: auto; }

.brand-logo { margin-bottom: 10px; }

/*
4.0 HEADINGS
------------------------------------------
*/

ul#history-timeline li a { margin-bottom: 12px; }
ul#history-timeline li.sub-date a span.date { margin: 0; position: absolute; top: 60px; left: 8px; background: none; }

#green-content-inner-wrapper h2 { color: #436F04; }
#green-content-inner-wrapper h3 { color: #88A53E; }
body.tomorrows-thinking-today h3 { margin-top: 30px; }

body.tomorrows-thinking-today h1 { background: url(/images/ir/logos/logo-tomorrows-thinking-today.png) 0 0 no-repeat; margin: 0; width: 487px; height: 87px; position: absolute; top: 0px; left: 60px; z-index: 500; }
body.tomorrows-thinking-today h4 { margin-bottom: 3px; }

#media-contacts h4 { text-transform: uppercase; margin-left: 10px; }

/* Dream Kitchen */
body#dream-kitchen h4 { font-weight: normal; text-transform: uppercase; font-size: 12px; }
body#dream-kitchen #network-container h3 {  margin: 0; }

sup.superscript-heading {
	font-size:12px;
	position:relative;
	top:5px;
	vertical-align: text-top; 
}

/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/

ul#history-timeline li a { color: #666; font-size: 19px; font-weight: normal; line-height: 1.1; height: 50px; width: 60px; display: block; text-align: center; text-decoration: none; }
ul#history-timeline li a:hover { color: #A70014; }
ul#history-timeline li a span { background: url(/images/gui/btn/timeline-btn.gif) 0 0 no-repeat; width: 11px; height: 11px; display: inline-block; margin: 12px auto 0; display: block; }
ul#history-timeline li a:hover span { background-position: -11px 0; }

ul#history-timeline li.sub-date a { height: 78px; }
ul#history-timeline li.sub-date a span { position: relative; top: 21px; }

#side-navigation ul.green-side-nav ul.bulleted a { font-weight: normal; }
ul.green-side-nav a:hover { color: #436F04; }
#side-navigation ul.green-side-nav li.selected a { color:#88A53E; font-style: italic; }
#side-navigation ul.green-side-nav li.selected ul.bulleted a { color:#333; font-style: normal; }
#side-navigation ul.green-side-nav li.selected-2 ul.bulleted li.selected a { color: #88A53E; font-style: italic; }

/* Dream Kitchen */
body#dream-kitchen a { text-decoration: none; }
.interactive-feature-top a { color: #666; }
.interactive-feature-top a:hover { color: #D81E05; }
a#curtis-kitchen-link { width: 560px; height: 93px; background: url(/images/pic/company/dream-kitchen/curtis-kitchen-link.png) 0 0 no-repeat; position: absolute; top: 90px; left: 0; }
a#curtis-kitchen-link:hover { background-position: 0 -93px; }
a#mood-board-link { width: 560px; height: 62px; background: url(/images/pic/company/dream-kitchen/mood-board-link.png) 0 0 no-repeat; position: absolute; top: 217px; left: 0; }
a#mood-board-link:hover { background-position: 0 -62px; }
a#play-btn { width: 64px; height: 64px; background: url(/images/pic/company/dream-kitchen/play-btn.png) 0 0 no-repeat; position: absolute; top: 50px; left: 125px; }
a#play-btn:hover { background-position: 0 -65px; }
a#recipe-link { width: 220px; text-transform: uppercase; color: #000; position: absolute; top: 114px; left: 25px; line-height: 1.2; font-size: 11px; }
a#recipe-link:hover { color: #D81E05; }
a#recipe-link img, a#curtis-cookware img { vertical-align: middle; }

body#dream-kitchen #network-container p a { text-decoration: underline; }
body#dream-kitchen #network-container p a:hover { text-decoration: none; color: #D81E05; }

a.return-url { position: absolute; top: 25px; right: 0; }

/*
7.0 PARAGRAPHS
------------------------------------------
*/

/* Dream Kitchen */
#content-column p { width: 480px; height: 140px; text-align: left; margin: 37px auto 19px ; font-size: 14px; line-height: 2; }
p#curtis-copyright { font-size: 11px; font-style: italic; color: #666; padding-left: 7px; }

body#dream-kitchen #network-container p.network-feature { color: #666666; font-family: Helvetica,Arial,Sans-Serif; font-size: 18px; font-weight: normal; line-height: 1.1; margin-bottom: 1px; }
/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/

/*
9.0 FORMS
------------------------------------------
*/

/*
10.0 LISTS
------------------------------------------
*/

ul#history-timeline { background: url(/images/gui/bg/timeline-bg.gif) 0 24px no-repeat; width: 820px; height: 75px; position: relative; margin: 30px 0 0; }
ul#history-timeline li { position: absolute; top: 0; }
ul#history-timeline li#tl1940 { left: 75px; }
ul#history-timeline li#tl1946 { left: 135px; }
ul#history-timeline li#tl1950 { left: 178px; }
ul#history-timeline li#tl1960 { left: 280px; }
ul#history-timeline li#tl1970 { left: 382px; }
ul#history-timeline li#tl1980 { left: 484px; }
ul#history-timeline li#tl1990 { left: 587px; }
ul#history-timeline li#tl2000 { left: 689px; }

#green-content-inner-wrapper ul.green-side-nav { border: 1px solid #A5BB6E; background: #F8FFF6; padding: 0 10px 0 15px; }
ul.green-side-nav ul.bulleted { margin: 0; list-style-image: url(/images/gui/bg/list-arrow-green.gif); }
ul.green-bulleted { list-style-image: url(/images/gui/bg/list-arrow-green.gif); margin: 0 12px 0 10px; padding-left: 12px; }
ul.green-bulleted li { line-height: 1.5; margin-bottom: 5px; }

ul.green-initiatives { border: 1px solid #ccc; padding: 10px 10px 10px 150px; margin-left: 0; }
ul#energy-efficiency { background: url(/images/pic/company/green/energy-efficiency.jpg) 10px 10px no-repeat; }
ul#recycling-programs { background: url(/images/pic/company/green/recycling-programs.jpg) 13px 10px no-repeat; }
ul#air-quality { background: url(/images/pic/company/green/air-quality.jpg) 10px 10px no-repeat; }

dl.contact p.contact-info { width:160px; }

#media-contacts ul { margin: 10px 10px 0; }
#media-contacts ul li { padding: 0 0 20px; }
#media-contacts ul li span { display: block; margin-bottom: 3px; }
#media-contacts ul li span.name { font-size: 13px; font-weight: bold; color: #A70014; }

/* Dream Kitchen */
li.networks { width: 137px; height: 84px; float: left; display: inline; overflow: hidden; text-indent: -999em; margin: 0 10px 0 60px; }
li#hg-tv { background: url(/images/pic/company/dream-kitchen/hg-tv1.jpg) 0 0 no-repeat; }
li#food-network { background: url(/images/pic/company/dream-kitchen/food-network1.jpg) 0 0 no-repeat; }
li#cooking-channel { background: url(/images/pic/company/dream-kitchen/cooking-channel1.jpg) 0 0 no-repeat; }
li#diy-network { background: url(/images/pic/company/dream-kitchen/diy-network1.jpg) 0 0 no-repeat; }

/* Masco Brand Page */
.masco-brand-list {
	float:left;
	width:250px;
	margin-bottom:20px;
}
.masco-brand-list li {
	line-height:1.5em;
}
.brand-content-wrapper {
	border-bottom:1px solid #DBD7CD;
	padding:0 0 20px;
	margin-bottom: 20px;
}
.pull-right {
	float:right;
	margin:0 0 10px 10px;
}

/* Sustainability Accordion */
li.accordion-list-item .teaser {
	cursor:hand;
	cursor:pointer;
}


/*
11.0 TABLES
------------------------------------------
*/

/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/


/*
13.0 IMAGES
------------------------------------------
*/

body.tomorrows-thinking-today .grid_10 img { float: left; margin: 0 10px 10px 0; }
body.tomorrows-thinking-today .grid_10 img.none{ float: none }

.brand-content-wrapper img.pull-left { }
/*
14.0 META
------------------------------------------
*/



/*
15.0 ACCESSIBILITY
------------------------------------------
*/



/*
16.0 PAGE SPECIFIC
------
