﻿
/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/*
2.0 GENERIC CLASSES
------------------------------------------
*/

/* Utility class to clear an element */
.clear { clear: both; }
br.clear { height: 0 !important; display: block; }
.clearfix:after { content: "."; display: block; height: 0px; line-height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */
* html .clearfix { height: 1px; }

/* Hide all elements until DOM is ready */
html.js-hidden body * { visibility: hidden; }

/* Set up elements for image replacement */
.replaced { display: block; overflow: hidden; text-indent: -9999em; background-repeat: no-repeat; }

/* Class to hide elements without disabling them for screen readers */
.hide { display: block; height: 1px; width: 1px; margin: 0; padding: 0; line-height: 0; overflow: hidden; text-indent: -9999em; }
body#cabinet-construction-page .hide * { width: 0; height: 0; display: block; line-height: 1px; margin-top: -100px; }

/* Class to set item to display:none */
.displayNone { display: none; }

.clear { clear: both; }

.error { color: #D81E05; }

.pull-left {float:left;}
.pull-right {float:right;}

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

body { 
	background: #dbd7cd url(/images/gui/bg/bg-body.jpg) left top repeat-x; 
	font-size: 62.5%; 
	font-family: Helvetica, Arial, "Trebuchet MS", Sans-Serif; 
	margin: 0; 
	padding: 0; 
	color: #333; 
}

strong { font-weight: bold; }

sup.service-mark { vertical-align: text-top; font-size: 0.6em; }
sub { vertical-align: baseline; font-size: 0.7em; }

#main-wrapper { width: 990px; margin: 0 auto; position: relative; }

#header { 
	background: url(/images/gui/bg/bg-header.jpg) -15px 20px  no-repeat; 
	width: 990px; 
	height: 131px; 
	position: relative; 
	z-index: 5001; 
}

#content-wrapper { 
	background: url(/images/gui/bg/bg-content.png) -15px top repeat-y; 
	width: 960px; 
	padding: 0 15px 10px; 
	font-size: 1.2em; 
}
#content-body { text-align: center; /*font-size: 1.2em;*/ }
 
#content-inner-wrapper { 
	background:#fff url(/images/gui/bg/bg-body-inner.jpg) repeat-x 0 -59px; 
	width:940px; 
	display:inline-block;
	text-align:left;
	padding-top: 30px;
}
.content-navigation { padding-left: 40px; }

.content-navigation ul#main-nav-elements {
	padding-top:50px;
}
 
.content-navigation ul {
	margin-left:15px;
}
.content-navigation ul li {
	margin-bottom: 0.6em;
}
.content-navigation ul li a {
	text-decoration:none;
	color:#333333;
	font-weight: bold;
	font-size: 11px;
}

.content-navigation ul li a:hover {
	text-decoration:none;
	color:#D81E05;
	font-weight: bold;
	font-size: 11px;
}
.content-navigation a.selected { 
	font-style: italic; 
	color: #666;
	font-weight:bold;
}
/* confirm we are using jquery to show/hide secondary nav elements */
.content-navigation .secondary-nav-list {
	display: none;
	margin: 10px 0 15px 15px;
}

.content-pagination { margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

#content-featured-release { margin: 0 0 20px; }
.article-info { boder: 1px solid #ff0000; display: inline; }
.article-date { color: #333; font-style: italic; margin: 0 0 8px; }
.article-image { float: left; display: inline; margin: 0 10px 0 0; }
.tag-container { color: #333; font-size: 11px; margin: 20px 0 0; line-height: 1.3; }

ul.article-item .article-date { background: #9DA9B0; color: #fff; padding: 4px 10px; margin: 0 0 8px; font-size: 12px; font-weight: bold; text-align: center; display: inline-block; float: left; }

.featured-media-thumb { background: #fff; text-align: center; width: 191px; height: 107px; margin: 0 0 8px; }

.title-bar { float: none; }

#flyout-wrapper { position: absolute; z-index: 99; background: yellow; width: 100%; height: 100%; opacity: 0.5; }
#design-styles { position: absolute; z-index: 100; background: white; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#footer { width: 990px; height: 150px; }
#footer-top { background: url(/images/gui/bg/bg-footer-top.png) -15px top repeat-y; height: 31px; position: relative; padding: 20px 55px; }
#footer-bottom { background: url(/images/gui/bg/bg-footer-bottom.png) -15px top no-repeat; width: 920px; padding: 30px 35px 0px; }
#footer .social-links { position: absolute; top: 33px; left: 51px; }
#footer .environmental-badges { position: absolute; top: 20px; right: 50px; }

#footer a#behr    { display: block; height: 40px; margin-right: 10px; overflow: hidden; padding: 0; text-indent: -200em; width: 90px; background: transparent url(/images/ir/logos/logo-behr.gif) 0 0 no-repeat; }
#footer a#delta   { display: block; height: 40px; margin-right: 20px; overflow: hidden; padding: 0; text-indent: -200em; width: 110px; background: transparent url(/images/ir/logos/logo-delta.gif) 0 0 no-repeat; }
#footer a#milgard { display: block; height: 40px; margin-right: 20px; overflow: hidden; padding: 0; text-indent: -200em; width: 80px; background: transparent url(/images/ir/logos/logo-milgard.gif) 0 0 no-repeat; }
#footer a#denova  { display: block; height: 40px; overflow: hidden; padding: 0; text-indent: -200em; width: 110px; background: transparent url(/images/ir/logos/logo-denova.gif) 0 0 no-repeat; }
#footer a#behr, #footer a#delta, #footer a#milgard, #footer a#denova { opacity: .15; filter: alpha(opacity = 15); }
#footer a#behr:hover, #footer a#delta:hover, #footer a#milgard:hover, #footer a#denova:hover { opacity: .25; filter: alpha(opacity = 25); }

#footer-site-links { background: transparent url(/images/gui/bg/bg-footer-site-links.png) 0 0 no-repeat; margin: 15px 0 30px; text-align: center; }
#footer-site-links ul { padding: 11px 0 0 290px; }
#footer-site-links ul li { display: inline; float: left; }
#footer-site-links-title { color: #9FA092 !important; text-transform: uppercase; }
p#footer-site-brand-link a { color: #8B8B8B; } 

#footer .social-links a { width: 95px; height: 23px; background-position: 0 0; text-indent: -999em; overflow: hidden; display: block; float: left; }
a#facebook { background: url(/images/gui/btn/btn-facebook.gif) 0 0 no-repeat; margin-right: 12px; }
a#facebook:hover { background-position: 0 -23px; }
a#twitter { background: url(/images/gui/btn/btn-twitter.gif) 0 0 no-repeat;   }
a#twitter:hover { background-position: 0 -23px; }

#footer .environmental-badges a { background-position: 0 0; text-indent: -999em; overflow: hidden; display: block; float: left; }
a#tomorrows-thinking { background: url(/images/ir/btn/btn-tomorrows-thinking.gif) 0 0 no-repeat; margin: 9px 15px 0 0; width: 119px; height: 30px; }
a#tomorrows-thinking:hover  { background-position: 0 -30px; }
a#kcma { background: url(/images/gui/btn/btn-kcma.gif) 0 0 no-repeat; margin-right: 5px; width: 41px; height: 41px; }
a#kcma:hover  { background-position: 0 -41px; }
a#iso14001 { background: url(/images/gui/btn/btn-iso14001.gif) 0 0 no-repeat; width: 41px; height: 41px; }
a#iso14001:hover  { background-position: 0 -41px; }

#footer-bottom a { color: #8B8B8B; text-decoration: none; }
#footer-bottom a:hover { color: #D81E05; text-decoration: none; }
#footer-bottom p a { text-decoration: underline; }
#footer-bottom p a:hover { text-decoration: none; }
#footer-bottom #footer-nav a { text-transform: lowercase; font-weight: bold; font-size: 1.2em }
#footer-bottom ul { margin-bottom:.5em;}
#footer-bottom ul li {display:inline;	margin-right:20px;}
#footer p {color:#8B8B8B;}

#sign-in-form { position: absolute; left: -188px; z-index: 50; width: 211px; }

#sign-in-form .sign-in-form-top { background: url(/images/gui/bg/bg-sign-in-top-right.png) 0 0 no-repeat; width: 211px; height: 20px; }
#sign-in-form .sign-in-form-container { background: url(/images/gui/bg/bg-sign-in-content.png) 0 0 repeat-y; width: 211px; padding-top: 7px; }
#sign-in-form .sign-in-form-bottom { background: url(/images/gui/bg/bg-sign-in-bottom.png) 0 0 no-repeat; width: 211px; height: 20px; }
span#forgotPass { margin-top: 5px; display: block; }
span#LoginResult { position: relative; top: 10px; color: #D81E05; }

.side-content-box { margin-bottom: 10px; }

/* upcoming events */
.upcoming-events .event-title { color: #000; font-weight: bold; margin-bottom: 8px; }

#post-container { text-align: left; position: relative; width: 600px; }
.related-photos-container, .additional-resources-container { margin: 30px 0 0 40px; }
.related-video-container { margin: 0 0 30px; }

.field-contianer { margin-bottom: 12px; }

#mailing-list { margin-top: 20px; }

.single { margin-left: 30px; }

/* Merillat Basics */
body.mbasics ul.download-items li .photo-container { border: 1px solid #000; margin-bottom: 5px; text-align: center; }
body.mbasics ul#brochures li .photo-container { height: 123px; }
body.mbasics ul#room-images li .photo-container { height: 80px; }
body.mbasics ul#dfas li .photo-container { height: 180px; }

/* 
4.0 HEADINGS   
----------------------------------------------------------
*/

h1 { color: #D81E05; text-transform: lowercase; font-weight: normal; font-size: 37px; line-height: 1; margin-bottom: 10px; margin-top: 10px; position: relative; }
.title-box h1 { padding-left: 40px; }
h1.normal-case { text-transform: none; }
h1 span#sub-title { color: #333; font-size: 26px; }
h1 span.reg { font-size: 12px; vertical-align:super; }
h2 span.reg, h3 span.reg { font-size: 8px; vertical-align:super; }

h1 span.trademark { text-transform: none; }

h1#ideafolio { text-transform: none; font-weight: normal; }
h2 { font-family: Helvetica,"Trebuchet MS", Sans-Serif; font-size: 25px; color: black; line-height: 1; margin-bottom: 12px; font-weight: normal !important;  position: relative; top: 0; left: 0; }
h3 { font-family: Helvetica,"Trebuchet MS", Sans-Serif; font-size: 18px; color: #666; line-height: 1.1; margin-bottom: 1px; font-weight: normal; }
h4 { font-family: Helvetica,"Trebuchet MS", Sans-Serif; font-size: 14px; line-height: 1; margin-bottom: 7px; font-weight: bold; color: #000; }
h5 { font-weight: bold; font-size: 11px; color: #333; }
h6 { font-weight: normal; }

#post-container h4 { color: #666666; font: 14px/16px Helvetica,Arial,Sans-serif; margin: 12px 0 0; padding: 10px 0 0; }
body.sustainability h4 { margin-top: 30px; }

.searchhighlight { background-color:Yellow; }

.highlight h5 {
	color:#666666;
	font-size:1em;
	font-weight:bold;
	padding:23px 0 0 23px;
	text-transform:lowercase;
}

h5.video-title { color: #333; font-size: 13px; margin: 10px 0 3px; }

h3.article-title { color: #D81E05; margin-bottom: 5px; }
h3.article-title a { text-decoration: underline; }
h3.article-title a:hover { color: #000; }

body.sustainability h3 { margin-top: 30px; }


h4.latest-news, h4.featured-media { font-weight: normal; font-size: 17px; }

#media-contacts h3 { margin-bottom: 0; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_8,
.container_10,
.container_14,
.container_16 { padding-bottom: 10px; text-align: left; margin: 0 auto; }

.container_8 .first,
.container_10 .first,
.container_14 .first,
.container_16 .first { margin-left: 0; }

.container_16 { width: 960px; }
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,
.grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { 
	float: left; 
	position:relative; 
	display: inline; 
	margin-right:10px;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.first { margin-left: 0; }
.last { margin-right: 0; }
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 { width:40px; }
.container_16 .grid_2 { width:100px; }
.container_16 .grid_3 { width:160px; }
.container_16 .grid_4 { width:220px; }
.container_16 .grid_5 { width:280px; }
.container_16 .grid_6 { width:340px; }
.container_16 .grid_7 { width:400px; }
.container_16 .grid_8 { width:460px; }
.container_16 .grid_9 { width:520px; }
.container_16 .grid_10 { width:580px; }
.container_16 .grid_11 { width:640px; }
.container_16 .grid_12 { width:700px; }
.container_16 .grid_13 { width:760px; }
.container_16 .grid_14 { width:820px; }
.container_16 .grid_15 { width:880px; }
.container_16 .grid_16 { width:940px; }






#content-latest-news {   clear:both; padding-left: 20px; }



#content-featured-video { width: 191px; float: left; display: inline; margin-right: 10px; }
#content-featured-video .featured-video {  }

#content-featured-images { width: 191px; float: left;  }
#content-featured-images .featured-images {   }

.featured-box { position: relative; height: 195px; background: #f4f3f0; padding: 9px; border: 1px solid #fff; }

.menu-container {  }


/* ------pressroom shadowbox styles -------*/

.shadowboxbottom { background-position: 0 100%; }
.shadowboxmiddle { zoom: 1; } 
.shadowboxtop { 
	width:220px;
	height:52px; 
	background: url(/images/gui/bg/shadow-boxes/shadowbox8-top.gif) no-repeat 0 0; 
}
.shadowboxmiddle {  
	background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle.png); 
	padding:10px 23px;
	width:174px !important;
	width /* */: 214px; /* False value for IE4-5.x/Win. */  
}

#social-media-body { padding: 10px 12px; width: 195px !important; }

.shadowboxbottom {
	width:220px;
	height:17px; 
	background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom.gif); 
}

.feature-wrapper { margin-bottom: 20px; }

.feature-middle {
	width:432px;
	padding: 10px 14px;
	background: url(/images/gui/bg/shadow-boxes/feature-middle.gif) repeat-y 0 0;
}
.feature-top {
	width:460px;
	height:10px;
	background: url(/images/gui/bg/shadow-boxes/feature-top.gif) no-repeat 0 0;
	margin: 0;
}
.feature-bottom {
	width:460px;
	height:10px;
	background: url(/images/gui/bg/shadow-boxes/feature-bottom.gif) no-repeat 0 0; 
}

#social-media-container { }

/* ------- Navigation --------- */
a#main-logo { background: url(/images/ir/logos/logo-merillat.gif) 0 0 no-repeat; width: 553px; height: 90px; overflow: hidden; position: absolute; left: 45px; }

ul#main-nav li a.replaced { background: transparent url(/images/ir/nav/nav-sprite.png) no-repeat 0 0; padding-top: 10px; text-align: center; text-decoration: none; background-color: #666; color: #fff; width: 176px; height: 17px; display: block; }

ul#main-nav li a#door-styles-accessories { background-position: -176px 0; }
ul#main-nav li a#plan-your-space { background-position: -352px 0; }
ul#main-nav li a#where-to-buy { background-position: -528px 0; }
ul#main-nav li a#customer-support { background-position: -704px 0; }

ul#main-nav li a#inspiration-design:hover,
ul#main-nav li:hover a#inspiration-design { background-position: 0 -27px; }
ul#main-nav li a#door-styles-accessories:hover,
ul#main-nav li:hover a#door-styles-accessories { background-position: -176px -27px; }
ul#main-nav li a#plan-your-space:hover,
ul#main-nav li:hover a#plan-your-space { background-position: -352px -27px; }
ul#main-nav li a#where-to-buy:hover,
ul#main-nav li:hover a#where-to-buy { background-position: -528px -27px; }
ul#main-nav li a#customer-support:hover,
ul#main-nav li:hover a#customer-support { background-position: -704px -27px; }

ul#main-nav li a#inspiration-design:active { background-position: 0 -27px; }
ul#main-nav li a#door-styles-accessories:active { background-position: -176px -27px; }
ul#main-nav li a#plan-your-space:active { background-position: -352px -27px; }
ul#main-nav li a#where-to-buy:active { background-position: -528px -27px; }
ul#main-nav li a#customer-support:active { background-position: -704px -27px; }

ul.subnav li a { display: block;	padding: 10px 6px 10px 7px;	text-decoration: none; color: #545454; font-weight: bold }

ul.subnav li a:hover { color: #d81e05 }

ul.subnav li a.pic { height: 44px; line-height: 44px; padding: 0 6px 0 7px; font-size: 12px }

a.nav-browse-by-room { background: url(/images/gui/bg/nav-browsebyroom.jpg) no-repeat top right }
a.nav-browse-by-product { background: url(/images/gui/bg/nav-browsebyproduct.jpg) no-repeat top right }
a.nav-innovative-solutions { background: url(/images/gui/bg/nav-innovations.jpg) no-repeat top right }
a.nav-whats-new { background: url(/images/gui/bg/nav-whatsnew.jpg) no-repeat top right }

ul.sub-subnav li a { font-weight: normal; padding: 0 6px 0 15px; height: 24px; line-height: 24px }

ul#main-nav { position: absolute; top: 94px; left: 45px; }
ul#main-nav li.main { display: inline; list-style: none; float: left; margin-right: 5px; position: relative; }

ul.subnav { width: 245px; background: white; position: absolute; z-index: 1; left: -5px; display: none; padding: 0 5px; background: white url(/images/gui/bg/bg-subnav-gradient.png) repeat-y 5px 0; border-bottom: 5px solid white; }
ul.subnav.last { width: 201px; }
ul.subnav li { font-size: 11px; line-height: 1.25; border-top: 2px solid #ececec; }
ul.subnav > li:first-child { border-top: 0; background: url(/images/gui/bg/nav-red-bar.png) no-repeat center -6px; padding-top: 3px; }
ul.sub-subnav li { background: white; font-size: 11px; }


ul#ideafolio-nav li a.folio-link { color: #666; display: block; height: 10px; padding-left: 8px; white-space: nowrap; }
ul#ideafolio-nav li a#idea-folio-logged-out-btn { background: url(/images/gui/btn/btn-ideaFolio-logged-out.gif) 0 0 no-repeat; width: 93px; height: 20px; text-indent: -999em; overflow: hidden; display: block; }
ul#ideafolio-nav li a#idea-folio-logged-out-btn:hover { background-position: 0 -20px; }
ul#ideafolio-nav li a#idea-folio-logged-in-btn { background: url(/images/gui/btn/btn-ideaFolio.gif) 0 0 no-repeat; width: 93px; height: 20px; text-indent: -999em; overflow: hidden; display: block; }
ul#ideafolio-nav li a#idea-folio-logged-in-btn:hover { background-position: 0 -20px; }

ul#ideafolio-nav li#addthis-link a { padding-left: 30px; background: transparent url(/images/gui/icons/used-icons.gif) no-repeat 12px -623px; height: 15px; }
ul#ideafolio-nav li#sharethis-link a.stbutton { padding-left: 34px; background-position: 12px 0 !important;  }

ul#ideafolio-nav li a.dropdown { background: url(/images/gui/bg/gray-arrow.gif) 0 2px no-repeat; }

/* ------------ Homepage styling ----------------*/
#content-featured-release em {
	color:#666;
	font-style:italic;
	font-size:1.1em;
}

/*
5.0 Lists
*/
ul#ideafolio-nav { position: absolute; top: 5px; right: 60px; z-index: 100; font-size: .9em; line-height: 1.2; }
ul#ideafolio-nav li { display: block; float: left; font-size: 1.2em; }
ul#ideafolio-nav li#idea-folio-logged-out-link, ul#ideafolio-nav li#idea-folio-logged-in-link { margin: 5px 12px 0 0; }
ul#ideafolio-nav li#sign-out-link, ul#ideafolio-nav li#sign-in-link { margin: 10px 12px 0 0; position: relative; }
ul#ideafolio-nav li#profile-link, ul#ideafolio-nav li#register-link, ul#ideafolio-nav li#my-dealer-link { margin: 10px 12px 0 0; position: relative; }
ul#ideafolio-nav li#register-link, ul#ideafolio-nav li#my-dealer-link { margin-right: 16px; }
ul#ideafolio-nav li#addthis-link { position: relative; margin: 10px 0 0 0; border-left: 1px solid #ccc; }
ul#ideafolio-nav li#sharethis-link { position: relative; margin: 10px 0 0 0; border-left: 1px solid #ccc; }

dl#sign-in { padding: 10px 0 10px 20px; margin: 0 7px 0 4px; }
dl#sign-in dt { color: #333; font-weight: bold; padding: 0 0 5px; font-size: 0.9em; }
dl#sign-in dd { padding: 0 0 10px; }

.upcoming-events ul { margin-bottom: 10px; }
.upcoming-events ul li { margin-bottom: 8px; border-bottom: 1px solid #fff; padding-bottom: 8px; }
.upcoming-events ul li:last-child { border: none; }

ul.article-item { margin-bottom: 20px;list-style-type: none !important; }
ul.article-item li { margin: 0 0 20px; display: inline-block; width: 440px; border-bottom: 1px solid #ccc; padding: 0 0 20px; }
ul.article-item li:last-child { border-bottom: none; margin-bottom: 0; }

#sustainability ul { list-style-type: square; color: #666; margin: 10px; }
#sustainability ul li { margin: 5px; line-height: 1.2; }

ul.media-options { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
ul.media-options li { display: inline; float: left; margin: 0 20px 0 0; }
ul.media-options li.button { margin: 10px 0 0; clear: both; width: 175px; }
ul.media-options li span { font-weight: bold; display: block; margin-bottom: 5px; }

.videos-container  ul { margin: 20px 0; display: inline-block; }
.videos-container  ul li { display: inline; float: left; margin: 0 20px 30px; width: 280px; height: 150px; }

.social-media { margin-left: 11px; }
.social-media li { float: left; display: inline; }
.social-media li.middle { margin: 0 15px 0 4px; }

#photo-carousel-inner{ display:none; overflow:hidden;}
.press-photos #photo-carousel {background:url(/images/ajax-loader.gif) no-repeat center; width: 455px; height: 335px; position: relative; float:right; right:175px; top:25px; }
.press-photos #photo-carousel li {float: left; height:380px; width:110px}
.press-photos #photo-carousel li a {border:4px solid transparent; display: block; height:100px; overflow:hidden; margin:0 auto; width:100px;}
.press-photos #photo-carousel li a:hover{border-color:#D00}
.press-photos #photo-carousel li a img{height:100px}
.press-photos .prev,
.press-photos .next { background-position: -23px 0;background-repeat:no-repeat;width:19px;height:115px;display:block;position:absolute;z-index:10;top:108px; cursor: pointer;}
.press-photos .prev { background-image:url('/images/gui/btn/scroller-arrow-left.gif');left:-25px;}
.press-photos .next { background-image:url('/images/gui/btn/scroller-arrow-right.gif');right:-120px;}
.press-photos .prev:hover,
.press-photos .next:hover { background-position: -46px 0;}
.press-photos .prev:active,
.press-photos .next:active { background-position: -46px 0;}
.press-photos .disabled { background-position: 0 0 !important; cursor: default;}

#photo-carousel-inner ul li#no-results { position: relative; top: 163px; left: 176px; height: 200px !important; min-width: 200px !important;}

ol { list-style-type: decimal; margin: 0; padding: 0 0 0 35px; }

body.sustainability #sustainability ul.green-bulleted li { margin-bottom: 10px; }

/* Article Photos */
#article-photo-carousel, #article-resources-carousel { margin: 0 -13px 30px -13px; position: relative;  }
#article-photo-carousel ul, #article-resources-carousel ul {  margin: 0; padding: 0;}
#article-photo-carousel li, #article-resources-carousel li {list-style: none; margin: 0; padding: 0;}
#article-photo-carousel li a, #article-resources-carousel li a { display: block; margin: 0 8px; background-color: #CCC; border: 4px solid #FFF; }
#article-photo-carousel li a:hover, #article-resources-carousel li a:hover { border: 4px solid #D81E05; background-color: #FFF; }

#article-photo-carousel li a{height:100px; overflow:hidden; width:100px;}
#article-photo-carousel li a img{height:100px;}

#article-photo-carousel .prev,
#article-photo-carousel .next,
#article-resources-carousel .prev,
#article-resources-carousel .next{background-position: -23px 0;background-repeat:no-repeat;width:19px;height:115px;display:block;position:absolute;z-index:10;top:-2px; cursor: pointer;}
#article-photo-carousel .prev, #article-resources-carousel .prev{background-image:url('/images/gui/btn/scroller-arrow-left.gif');left:-24px;}
#article-photo-carousel .next, #article-resources-carousel .next{background-image:url('/images/gui/btn/scroller-arrow-right.gif');right:-63px;}
*html #article-photo-carousel .next, *html #article-resources-carousel .next{right:-35px;}
#article-photo-carousel .prev:hover,
#article-photo-carousel .next:hover,
#article-resources-carousel .prev:hover,
#article-resources-carousel .next:hover {background-position: -46px 0;}
#article-photo-carousel .prev:active,
#article-photo-carousel .next:active,
#article-resources-carousel .prev:active,
#article-resources-carousel .next:active {background-position: -46px 0;}
#article-photo-carousel .disabled,
#article-resources-carousel .disabled {background-position: 0 0 !important; cursor: default; }

#post-container ul { list-style-type: disc; padding: 4px 0 8px 12px; }
#post-container li { color:#333333; font-size:12px; text-indent:0; }
html > body .entry ul { list-style: none outside none; margin-left: 0; padding: 0 0 0 10px; text-indent: -10px; }
html > body .entry li { margin:7px 0 8px 10px; }

ul#ideafolio-nav li#search-wrapper { position:absolute; right:0; top:48px; }

/* Merillat Basics */
body.mbasics ul.download-items { margin-bottom: 40px; }
body.mbasics ul.download-items li { float: left; display: inline; margin: 0 30px 24px 0; }
body.mbasics ul#brochures li { width: 102px; height: 200px; }
body.mbasics ul#room-images li { width: 132px; height: 160px; }
body.mbasics ul#dfas li { width: 102px; height: 200px; }

/*
6.0 Headings
*/
body.mbasics h3 { border-bottom: 1px solid #ccc; padding-bottom: 0; margin-bottom: 10px; }
#global-login-form h5 {  color: #D81E05; font-weight: bold; margin: 0 0 10px 23px; text-transform: uppercase; }
body.mbasics ul.download-items li h5 { font-size: 11px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
h3.red, h4.red { color:#D81E05;}

/*
7.0 Forms
*/
#global-login-form p.txt-input-container input { position: absolute; left: 0; }
p.txt-input-container input { background:none repeat scroll 0 0 transparent; border:0 none; color:#333333; font-size:1em; height:14px; overflow:hidden; padding:3px 5px 5px; position:relative; width:94%; }
p.txt-input-container input#newDesign_DesignName { height: 17px; }

.sign-in-form-container div.form-buttons { margin: 0 0 0 23px; padding: 0 0 5px; }
.search-form-container p.txt-input-container input { font-size:1em; }

label.error { margin-bottom: 16px }

.fbLogin{ cursor: pointer }

/*
8.0 Paragraphs
*/
p.txt-input-container { background: #fff url(/images/gui/bg/bg-input-small.jpg) 0 0 repeat-x; height: 21px; margin: 0 0 5px; border-top: 1px solid #929292; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; }
p.txt-input-container.input-validation-error { background: #ffd9d9 url(/images/gui/bg/bg-input-bg-error-small.jpg) 0 0 repeat-x; }
p.form-txt-container { height: 15px; margin: 0 !important; padding: 3px; }
p.text-area { height: 75px; }
.search-form-container p.txt-input-container { float:left; height:19px; width:150px; }
p#sign-in-email, p#sign-in-password { width: 140px; padding-top: 2px;}

#post-container p {  color: #333; }

.required { font-style: italic; color: #D81E05; }


p { color: #666; margin-bottom: 8px; line-height: 1.2; }
.upcoming-events, #mailing-list p { font-size: 11px; }

.featured-release p { color: #666; font-style: italic; line-height: 1.3; }

.feature-middle p { font-size: 11px; }

#media-contacts p { margin-bottom: 32px; }

.postedBy { color: #333333; font-size: 1.1em; font-style: oblique; }

.article-info p { clear: both; }

em { font-style: italic; }

p.disclaimer { color: #333; margin-bottom: 30px; }

p.presskit-disclaimer { color: #333; margin: 10px 0 0; }

/*
9.0 Links
*/

a { color: #D81E05; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

.content-navigation li span.arrow-link { background: url("/images/gui/bg/dropdown-arrow.gif") no-repeat scroll 0 -1px transparent; display: inline-block; height: 9px; margin-left: -10px; width: 10px; cursor: pointer; vertical-align: middle; }
.content-navigation li span.arrow-link-down { background-position: 0 -16px; }
a.EktronEditorsMenuMarker { display: none; }

.upcoming-events a { font-size: 11px; }

a.social-network-link { background: url(/images/gui/icons/social-networks.gif) 0 0 no-repeat; width: 45px; height: 40px; display: block; overflow: hidden; text-indent: -999em; }
a#twitter-link { background-position: -8px 0; }
a#facebook-link { background-position: -54px 0; }
a#roundtable-link { background-position: -101px 0; }
a#youtube-link { background-position: -150px 0; }
a#twitter-link:hover { background-position: -8px -65px; }
a#facebook-link:hover { background-position: -54px -65px; }
a#roundtable-link:hover { background-position: -101px -65px; }
a#youtube-link:hover { background-position: -150px -65px; }

a#rss-feed { background: url(/images/gui/icons/rss-feed.jpg) 0 0 no-repeat; height: 20px; padding: 5px 0 8px 25px; margin-bottom: 8px; border-bottom: 1px solid #fff; display: block; font-size: 11px; }

.content-pagination a.current-page { font-weight: bold; text-decoration: none; cursor: default; color: #666; }

/*Button Replacers*/

a.button-replacer{ font-size: 11px; background: url(/images/gui/btn/btn-bg.png) no-repeat center 0; height: 14px !important; padding: 3px 12px 1px; margin-right: 5px; border: 1px solid #55544e; color:#fff; display: inline-block; text-decoration: none; text-align: center; position: relative; text-transform: uppercase; color:#fff !important; cursor: pointer; font-weight: bold; line-height: 1; }

html>/**/body a.button-replacer, x:-moz-any-link, x:default { padding: 5px 10px 0; } /* Firefox 3 only */

a.button-replacer:hover { background-position: center -25px; border: 1px solid #76000e; }
a.button-replacer span.button-arrow, a.button-replacer-primary span.button-arrow { padding: 0 0 1px 4px; position: absolute; display: block; right: -1px; top: 0; margin-top: 1px; width: 10px; height: 11px; background: transparent url(/images/gui/btn/btn-arrow.gif) no-repeat 3px 5px; }
a.button-replacer-primary { font-size: 11px; background: url(/images/gui/btn/btn-bg.png) no-repeat center -25px; height: 14px !important; padding: 3px 12px 1px 10px; margin-right: 5px; border: 1px solid #76000e; color:#fff; display: inline-block; text-decoration: none; font-weight: bold; text-align: center; position: relative; text-transform: uppercase; color:#fff !important; cursor: pointer; line-height: 1; }
html>/**/body a.button-replacer-primary, x:-moz-any-link, x:default { padding: 5px 12px 0 10px; } /* Firefox 3 only */

button.button-replacer, button.button-replacer-primary { font-size: 0; }

.featured-box a.button-replacer { position: absolute; left: 10px; bottom: 10px; }

/*
10.0 Forms
*/

label { font-size: 11px; color: #333; margin: 0 0 4px; display: block; }
.form label, #loginPage label { font-weight: bold; }
input { margin: 0 0 12px; }
.field-contianer input { margin-bottom: 5px; }

.login-error { display: block; margin: -7px 0 20px; }

/*
11.0 Images
*/
.article-image img { width: 100px; }
a.galleryImage img { border: 1px solid #D81E05; display: block; }
 

