/**
 * Layout CSS
 *
 *
 * @project   [Client Name] - [Project Name]
 * @version   1.0
 * @author    Designkitchen
 * @copyright 2010
 */

/* Sticky Footer */
html,
body,
.container { height: 100%; }

body > .container{ 
	height:auto;
	min-height: 100%;
}

.main{ 
	overflow:auto;
	padding-bottom:300px;
}

.footer{ 
	position:relative;
	clear:both;
}

/* ========== */
/* = Header = */
/* ========== */
.site-header{
	position:relative;
	height:106px;
	font-family:'Avenir LT W01 95 Black';
}

#logo{
	float:left;
	width:285px;
}

#logo a{
	display:block;
	text-indent:-9999px;
}

#nav{
	float:right;
	width:665px;
	margin:36px 0 0 0;
	list-style:none;
	overflow:hidden;
}

#nav li{
	float:left;
	margin:0 0 0 10px;
}
#nav li:first-child{ margin-left:0; }

#nav li { width: 90px; }
	#nav .get-started{ width:83px; }
	#nav .brands{ width:116px; }
	#nav .products{ width:116px; }
	#nav .success-stories{ width:142px; }
	#nav .support{ width:142px; }
	#nav .why-masterbrand{ width:134px; }
	#nav .about{ width:134px; }
	#nav .dealer-locator{ width:88px; }
	#nav .search{ width:50px; }

#nav a, #nav a:visited, #nav a:active{
	display:block;
	height:34px;
	font-size:12px;
	line-height:1.4;
	text-transform:uppercase;
	text-decoration:none;
	padding:18px 10px 0 0;
}

.utility{
	position:absolute;
	top:0;right:0;
	width:665px;
	text-align:right;
}

.utility ul{
	float:left;
	width:380px;
	height:35px;
	margin:0;
	list-style:none;
}

.utility li{
	float:left;
	margin:0 30px 0 0;
	line-height:35px;
}

.utility a, 
.utility a:visited, 
.utility a:active {
	font-size:11px;
	text-decoration:none;
	padding:6px 0 6px 20px;
}

.utility .noicon a {
    background: none !important;
    padding: 0;
}

.utility .subnav {
    display: none;
    background: #fff;
    border: 1px solid #E6e6e6;
    height: auto;
    width: auto;
    min-width: 150px;
    padding: 10px 15px;
    z-index: 999;
    margin:0 0 0 15px;
    opacity: .9;
}

.utility > ul > li {
    position: relative;
}

.utility > ul > li:hover .subnav {
    display: block;
    position: absolute;
    left:-17px;
}

.subnav > li {
    display: block;
    float: none;
    text-align: left;
    margin: 0;
}

.utility .form {
	position:relative;
	float:right;
	width:285px;
	height:35px;
	overflow:hidden;
	font-size:0; /* Fixes inline/inline-block spacing issues */
}

.utility .form label {
	border:0;
	display:inline-block;
	width:162px;
	height:35px;
	padding:0 0 0 18px;
	line-height:35px;
	font-family:'Avenir LT W01 95 Black';
	font-size:10px;
	text-transform:uppercase;
	text-align:left;
	cursor:pointer;
}

.utility .form input{
	border:0;
	display:inline-block;
	font-family:'Avenir LT W01 95 Black';
	text-transform:uppercase;
	vertical-align:top;
}

.utility .form input[type="text"]{
	width:55px;
	height:19px;
	padding:8px 0 8px 10px;
	font-size:10px;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.ie8 .utility .form input[type="text"]{ height:19px;padding-top:10px; }

.utility .form input[type="submit"], 
.utility .form input[type="button"] {
	border:0;
	display:inline-block;
	width:25px;
	height:35px;
	padding:0;
	font-size:0px;
}

.ie6 .utility .form label, 
.ie7 .utility .form label,
.ie6 .utility .form input, 
.ie7 .utility .form input { 
	display:inline;
	zoom:1; 
}

.ie6 .utility .form input[type="text"], 
.ie7 .utility .form input[type="text"] { 
	line-height:21px; 
}

.ie6 .utility .form input[type="submit"], 
.ie7 .utility .form input[type="submit"], 
.ie7 .utility .form input[type="button"], 
.ie6 .utility .form input[type="button"] { width:30px; }

.utility .form .error{
	-webkit-box-shadow: inset 0px 0px 8px 2px #f1b4b3;
	-moz-box-shadow: inset 0px 0px 8px 2px #f1b4b3;
	box-shadow: inset 0px 0px 8px 2px #f1b4b3;
}
.utility .form .confirm{
	-webkit-box-shadow: inset 0px 0px 8px 2px #bbc597;
	-moz-box-shadow: inset 0px 0px 8px 2px #bbc597;
	box-shadow: inset 0px 0px 8px 2px #bbc597;
}

/* ========== */
/* = Footer = */
/* ========== */

.footer {
	width:100%;
	padding-bottom: 20px;
	margin-bottom: -20px;
}

.footer-brand-carousel .all-brands {
	float:left;
	width:124px;
	height:75px;
	padding:5px;
}

.footer-brand-carousel .all-brands a {
	display:block;
	height:65px;
	padding:8px 10px 0 10px;
	font-family:'Avenir LT W01 45 Book';
	color:#fff;
	text-decoration:none;
}

.footer-brand-carousel a h6 {
	margin:0;
	font-size:14px;
	line-height:1.1;
	text-transform:uppercase;
}

.footer-brand-carousel a span {
	font-size:11px;
	line-height:1;
	text-transform:uppercase;
}

.footer-brand-carousel .slider {
	position: relative;
	float:right;
	width:796px;
	height:75px;
	padding:5px;
	overflow:hidden;
}

.footer-brand-carousel .lectric-slider-touch { -webkit-transform: translate3d(0, 0, 0); }
.footer-brand-carousel .lectric-slider-touch .items {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-font-smoothing: antialiased;
}
.footer-brand-carousel .lectric-slider-touch .item {
  -webkit-transform: translate3d(0, 0, 0);
}

.footer-brand-carousel .slider .viewport {
	position: relative;
	float:left;
	width:730px;
	height:75px;
	overflow:hidden;
}

.footer-brand-carousel .slider .prev, 
.footer-brand-carousel .slider .next {
	float:left;
	display:block;
	width:31px;
	height:73px;
	text-indent:-9999px;
}

.footer-brand-carousel .slider .items {
	position: relative;
	width: 300%;
}

.footer-brand-carousel .slider .item{
	float:left;
	width:730px;
}

.footer-brand-carousel .slider .sub-item{
	float:left;
	margin:0;
	width:146px;
	height:75px;
	line-height:75px;
	text-align:center;
	position:relative;
	display:inline-block;
}
.ie6 .footer-brand-carousel .slider .sub-item, 
.ie7 .footer-brand-carousel .slider .sub-item { 
	display:inline;
	zoom:1;
	width:145px;
	border-right:1px solid #DDD; 
}

.footer-brand-carousel .slider .sub-item:after{
	content: "";
	display:block;
	width:1px;
	height:75px;
	position:absolute;
	top:0px;
	right:0px;
	background-color:#DDD;
	background-image: -moz-linear-gradient(top, #d4d4d4, #ededed); /* FF3.6 */
	background-image: -o-linear-gradient(top, #d4d4d4, #ededed); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d4d4d4),color-stop(1, #ededed)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#d4d4d4, #ededed); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #d4d4d4, #ededed);
}

.footer-brand-carousel .slider .sub-item img { vertical-align: middle; }

.ie7 .footer-brand-carousel .slider .sub-item img { margin-top:7px; }

.site-info {
	margin:30px 0 0 0;
	float:left;
	width:210px;
	padding:0 20px 0 0;
	font-family:'Avenir LT W01 85 Heavy';
	font-size:11px;
}

.site-info span {
	display:block;
}

.site-info .copyright {
	margin:16px 0;
}

.site-info .social {
	margin:0;
	list-style:none;
	overflow:hidden;
}

.site-info .social li{
	float:left;
	margin:0 7px 0 0;
	list-style:none;
}


.footer-nav{
	margin:30px 0 0 0;
	float:right;
	width:700px;
}

.footer-nav dl{
	float:left;
	width:120px;
	padding:0 10px;
	margin:0;
}

.footer-nav dt{
	margin:0;
	font-family:'Avenir LT W01 85 Heavy';
	font-size:12px;
	line-height:1.2;
	height:34px;
}

.footer-nav a, 
.footer-nav a:visited, 
.footer-nav a:active {
	text-decoration:none;
}

.footer-nav a:hover,
.footer-nav a:focus {
	text-decoration:underline;
}

.footer-nav dl ul {
	margin:0;
	list-style:none;
	font-family:'Avenir LT W01 45 Book';
	font-size:10px;
	/*line-height:1.8;*/
	font-style:normal;
}

.footer-nav dl ul li {
	margin:0 0 2px;
	list-style:none;
}


/* =========== */
/* = Content = */
/* =========== */

.aside {
	position:relative;
}

.aside .menu {
	position:relative;
	margin:0 0 10px;
}

.aside .section-title {
	position:relative;
	width:100%;
	height:173px;
	-moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
	box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
	z-index:20;
}

.aside .section-title h3 {
	margin:0;
	padding:19px 17px;
	font-family:'Avenir LT W01 85 Heavy';
	font-size:22px;
	font-weight:normal;
}

.aside .nav{
	position:relative;
	z-index:1;
}

.aside .nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

.aside .nav ul li{
	margin:0;
	padding:0;
	list-style:none;
}

.aside .nav > ul > li{
	margin:0;
	font-family:'Avenir LT W01 85 Heavy';
	font-size:11px;
	text-transform:uppercase;
}

.aside .nav > ul > li > a, 
.aside .nav > ul > li > a:visited, 
.aside .nav > ul > li > a:active{
	position:relative;
	display:block;
	padding:9px 16px 5px;
	-moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
	box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
}
.ie7 .aside .nav > ul > li > a{ zoom:1; }

.aside .nav > ul > li:nth-child(1) a{ z-index:10; }
.aside .nav > ul > li:nth-child(2) a{ z-index:9; }
.aside .nav > ul > li:nth-child(3) a{ z-index:8; }
.aside .nav > ul > li:nth-child(4) a{ z-index:7; }
.aside .nav > ul > li:nth-child(5) a{ z-index:6; }
.aside .nav > ul > li:nth-child(6) a{ z-index:5; }
.aside .nav > ul > li:nth-child(7) a{ z-index:4; }
.aside .nav > ul > li:nth-child(8) a{ z-index:3; }
.aside .nav > ul > li:nth-child(9) a{ z-index:2; }
.aside .nav > ul > li:nth-child(10) a{ z-index:1; }

.aside .nav > ul > li ul{
	padding:10px 16px 10px;
	line-height:1.8;
	-moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
	box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);
}
.ie7 .aside .nav ul li ul{ position:relative;zoom:1; }

.aside .nav > ul > li ul li{
	text-transform:none;
}

.aside .nav > ul > li ul li a{
	display:block;
}
.ie7 .aside .nav > ul > li ul li a{ zoom:1; }

.aside .aside-modules, 
.aside .aside-modules,
.aside .aside-modules > div {
	margin-top: 10px;
}


.main-content {
	position:relative;
}
.main-content .content-wrapper {
	margin-bottom: 24px;
	padding: 5px;
}
.main-content .inset {
	display: block;
	padding: 30px 40px 60px 40px;
}
.grid_18 .content-wrapper {
	width: 700px;
}
.grid_18 .inset {
	width: 620px;
}
.grid_24 .content-wrapper {
	width: 940px;
}
.grid_24 .inset {
	width: 860px;
}

.content_modules {
	padding-bottom: 50px;
}

.page-tools,
.page-nav {
	margin: 0;
	padding: 20px 40px;
	position: relative;
}
	.page-nav li,
	.page-tools li {
		float: left;
		list-style: none;
		margin: 0;
		padding-right: 30px;
	}
	.page-tools li {
		padding-left: 20px;
		padding-right: 20px;
	}
		.page-tools li a,
		.article-brief div a {
			font-family:'Avenir LT W01 95 Black';
			font-size: 76.9%;
			text-decoration: none;
			text-transform: uppercase;
		}
	.page-nav li.current {
		font-family:'Avenir LT W01 85 Heavy';
		font-weight: normal;
		font-size: 142.3%; /* 18/13 */
	}
	.page-nav li a {
		display: block;
		font-family:'Avenir LT W01 85 Heavy';
		font-size: 107.7%; /* 14/13 */
		font-weight: normal;
		margin-top: 4px;
	}

/* News */

.article-brief { border-bottom: 1px solid #cdcdcd; margin-bottom: 30px; padding-bottom: 30px; position: relative; }
.article-brief:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
.article-brief div { line-height: 1.5; padding-left: 25px; position: absolute; right: 0; top: 0; }
	.ie7 .article-brief div { padding-top: 3px; padding-bottom: 3px; }
.article-brief a { font-size: 84.6%; /* 11/13 */ text-transform: uppercase; }

/* Find Your Style */

.design-styles { margin-top: 20px;}
.design-style { padding-top: 20px; }
.design-style .design-style-image { float: left; margin-right: 10px; width: 220px; }
.design-style .design-style-description { float: left; width: 390px; }
	.design-style .design-style-description h3 { margin-top: 0; }
	.design-style .design-style-description ul { margin-left: 1.3em; margin-top: 0; }
	/*.design-style .design-style-description ul li { margin-top: 0; font-size: 84.6%; }*/

.design-style-grid { list-style-type: none; margin: -12px -10px 0 0; width: 720px;}
.ie7 .design-style-grid { margin-bottom: 10px; }
.design-style-grid li { display: block; float: left; margin: 0 10px 10px 0; padding: 5px; }
.design-style-grid li a { display: block; height: 220px; width: 220px; }

.page-nav li.faux-dropdown { padding-right: 0; }
.page-nav li.faux-dropdown a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 107.7%; /* 14/13 */
	font-weight: bold;
	margin: 0 0 0 -5px;
	padding: 5px 10px;
	text-decoration: none;
	width: 605px;
}

.style-filter {
	background: #fff;
	display: block;
	padding: 20px 40px;
	position: absolute;
    z-index: 100;
	width: 620px;
}
.style-filter h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 231%; /* 30/13 */ }
.style-filter h3 { font-weight: bold; margin-top: 20px !important; }
.style-filter h3, .style-filter p {
	font-family: Arial, Helvetica, sans-serif;
}
.style-filter .style-filter-description { float: left;; margin-right: 20px; width: 160px }
.style-filter table { float: left; margin-top: 0; width:440px; }
	.style-filter table td { line-height: 1em; vertical-align: middle; padding: 0; }
		.style-filter table td div { position: relative; height: 58px; }
		.style-filter table td a { display: table-cell; height: 58px; padding: 0 5px 0 10px; width: 130px; text-decoration: none; vertical-align:middle; }
			.style-filter table td a img, .style-filter table td a input { position: absolute; top: 10px; }
			.style-filter table td a span { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 84.6%; /* 11/13 */ font-weight: bold; padding-left: 48px; }
		.ie7 .style-filter table td a,
		.ie8 .style-filter table td a { display: block; height: auto; padding-top:10px; }

/* Our Brand Portfolio */

.design-style-grid li.modules { padding: 0; width: 230px; height: 230px; }
.design-style-grid li.modules .all-cabinet-brands a { height: 130px; width: 210px; }
.design-style-grid li.modules .locate-dealer { width: 210px; padding: 10px; }
.design-style-grid li.modules .locate-dealer { padding-top: 2px; }

/* Search Results */

.search_results .section-title h3 { height: 65px; }
.section-title .form { padding: 17px; }
.section-title .form input[type="text"] { font-family:'Avenir LT W01 95 Black'; font-size: 84.6%; /* 11/13 */ font-weight: normal; float: left; padding: 10px; width: 150px; }
.section-title .form input[type="submit"] { height: 33px; padding: 0; width: 26px; }

.frequently-searched h6 { margin: 0; padding: 10px 17px;}
.frequently-searched ul {  margin: 0; padding-bottom: 30px; padding-top: 5px;}
.frequently-searched ul li { margin: 0 0 0 30px; padding-top: 10px; }

.search_results input[type="checkbox"] { vertical-align: top; }
.search_results .page-nav li span { text-transform: uppercase; font-size: 84.6%; /* 11/13 */ }
.search_results h2 { font-size: 142.3%; /* 18/13 */ font-weight:normal; font-family:'Avenir LT W01 85 Heavy'; }
.search_results .main-content h3,
.popular-results h3 { text-transform: none; padding-bottom: 5px; }
.search_results p,
.popular-results p { font-size: 92.3%; /* 12/13 */ margin-top: 0; }
.search_results p a,
.popular-results p a { display: block; }
.search_results .result,
.popular-results .result { padding-bottom: 1.5em; }

.video-results { margin: -30px -40px 30px -40px; padding: 30px 40px; }
.video-results .result { min-height: 124px; }
.video-results .media { float: left; padding: 5px; height: 119px; width: 220px; margin-right: 10px; position: relative; }
.video-results .media .play-video { display: block; position: absolute; top: 5px; left: 5px; text-indent: -9999px; height: 119px; width: 220px; cursor: pointer; }

/* Why MasterBrand and Get Started */
#nav-tabs-holder{
	height:65px;
}

.nav.tabs{
	position:relative;
	font-size:12px;
}

.nav.tabs ul{
	position:relative;
	list-style:none;
	margin:0;
	height:65px;
	overflow:hidden;
}

.nav.tabs li{
	/*display:inline-block;*/
	float:left;
	margin:0;
	height:46px;
	text-align:center;
}

.nav.tabs li > a{
	display:block;
	/*padding:0 15px;*/
	line-height:46px;
	text-transform:uppercase;
}

.nav.tabs li a:hover{
	text-decoration:none;
}

.tab-content{
	position:relative;
	overflow:hidden;
	/*min-height:400px;*/
}

.tab-content .header{
	width:100%;
	height:150px;
}

.tab-content .inset{
	float:left;
	width:430px;
}

.tabs-intro{
	position:relative;
	/*padding-bottom:40px !important;*/
}

.tab-content .imagery,
.tabs-intro .imagery{
	position:absolute;
	top:0;right:0;
}
.tab-content .imagery{ padding:30px 40px 0 0; }
.tabs-intro .imagery{ padding:0 40px 0 0;margin-top:-30px; }

.tab-content .callouts{
	float:right;
	width:400px;
	margin:30px 20px 30px 0;
}

.tab-content .callouts .column{
	display:inline-block;
	width:180px;
	margin:0 15px 0 0;
	vertical-align: top;
	min-height:60px;
}
.ie6 .tab-content .callouts .column, .ie7 .tab-content .callouts .column{ zoom:1;display: inline; }
.ie6 .tab-content .callouts .column { height: 60px; }

.tab-content .callouts h3{
	margin:0 0 25px;
}

.tab-content .callout{
	margin:0 0 25px;
}

.tab-content .callout h4{
	margin:0 0 2px;
}

.tab-content .callout p{
	margin:0 0 25px;
}

/* Contact Us */

.contact_us .inset fieldset { border-bottom: 1px solid #cdcdcd; margin-top: 20px; margin-bottom: 30px; padding-bottom: 30px; position: relative; }
.contact_us .inset fieldset.send-form { border: none; margin-bottom: 0; padding-bottom: 0; }

/* Make an Appointment */
.contact_us .dealer-info span { display: block; }
.contact_us .dealer-info address { margin-top: 10px; }
.contact_us label.checkbox .checkbox-label { width: 415px; }
.contact_us label.checkbox input[type="checkbox"] { vertical-align: top;}


/* Renovation Success Stories */
/* Unique to MasterBrand site so contained within the masterbrand.css theme file

/* Our Cabinet Brands */
/* Unique to MasterBrand site so contained within the masterbrand.css theme file */