/*  CSS RESET http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain) */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/* ================================= */

/*  SELECTORS ====================== */
html {
	background-color:#D2D0D0; 
}
body {
	margin:0 auto;
	/* fallback/image non-cover color */
	background:#D2D0D0; 
	/* Safari 4+, Chrome 1-9 */
	background:-webkit-gradient(linear, top, bottom, from(#FFF), color-stop(0.33, #FFF), to(#D2D0D0));
	/* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background:-webkit-linear-gradient(top, #FFF, #FFF 33%, #D2D0D0);
	/* Firefox 3.6+ */
	background:-moz-linear-gradient(top, #FFF, #FFF 33%, #D2D0D0);
	/* IE 10+ */
	background:-ms-linear-gradient(top, #FFF, #FFF 33%, #D2D0D0);
	/* Opera 11.10+ */
	background:-o-linear-gradient(top, #FFF, #FFF 33%, #D2D0D0);
	font-family:'Istok Web', sans-serif;
	font-size:13px;
	color:#5C3F2F;
	line-height:1em;
}
a {
	color:#5C3F2F;
	font-weight:700;
	text-decoration:underline;
}
a:hover {
	color:#39828B;
	text-decoration:none;
}
h1, h2, h3, h4, h5 {
	font-weight:700;
}
h1 {
	clear:both;
	padding:24px 0 0 50px;
	font-size:45px;
	color:#FFF;
	line-height:45px;
}
h2 {
	clear:left;
	padding:.5em 0;
	font-size:20px;
	color:#717942;
}
h3 {
	padding-bottom:2px;
	font-size:30px;
	color:#5C402E;
	line-height:1.1em;
}
h3 a {
	color:#5C402E;
	text-decoration:none;
}
h4 {
	padding-bottom:5px;
	font-size:14px;
	color:#A46424;
	line-height:1em;
}
h4 a {
	color:#A46424;
	text-decoration:none;
}
h5 {
	padding-bottom:10px;
	font-size:17px;
	color:#5D3230;
	line-height:1.1em;
}
hr {
	height:3px;
	margin:15px 0;
	background:#A46323;
	border:none;
}
input[type=submit] {
	cursor:pointer;
}
ol, ul {
	margin-left:30px;
	padding-bottom:.5em;
}
li {
	padding-bottom:.5em;
}
p {
	padding-bottom:1em;
}
strong {
	font-weight:700;
}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
td, th {
	padding:15px 4px;
	border:solid 1px #A46323;
}
th {
	font-weight:700;
	text-align:left;
}
/* ================================= */

/* GENERAL LAYOUT ================== */
#wrapper,
#index #wrapper {
	position:relative;
	width:1230px;
	min-height:610px;
	margin:0 auto;
	background:#FFF url(../images/bg-bottom.jpg) no-repeat left bottom;
}
#index #wrapper {
	z-index:100;
	height:673px;
	padding-bottom:50px;
	background:none;
}
#main,
#index #main {
	float:left; /* Forces wrap around floating contents */
	width:1170px;
	padding:0 30px;
	background:url(../images/bg-top.jpg) no-repeat left top;
}
#index #main {
	/*height:723px;*/
	background:none;
}

#index #header {
		padding-left:30px;
}
.contactInfo {
	clear:left;
	float:left;
	width:650px;
	padding-bottom:20px;
	font-size:11px;
	color:#707842;
	white-space:nowrap;
	line-height:1em;
}
#index .contactInfo {
	padding:20px 0 0;
}
.contactInfo a {
	color:#707842;
	text-decoration:none;
	font-weight:400;
}
.contactInfo h4 a {
	color:#A46424;
	font-weight:700;
}
/* Showroom Hours */
.showroomHours {
	clear:left;
	float:left;
	width:140px;
	margin-right:30px;
	padding-right:30px;
	border-right:solid 2px #AA611E;
}
.showroomHours .days {
	float:left;
	width:40px;
}
.showroomHours .hours {
	float:left;
	width:auto;
}
.showroomHours .nohours {
		width: 150px;
		white-space: normal;
		
}
/* ========== */
.content {
	clear:left;
	float:left;
	width:650px;
	padding:40px 0 20px;
	line-height:1.5em;
}
#index .content {
	padding-top:20px;
	font-weight:700;
}
#privacy .content {
	width:1170px;
}
.intro {
	font-weight:700;
}
.bio {
	clear:both;
}
.bio p {
	font-size:12px;
}
.bioImageWrap {
	float:left;
	width:111px;
	min-height:30px;
}
.bioImage {
	width:111px;
	height:111px;
	padding:1px 20px 20px 1px;
	background:url(../images/layout.png) no-repeat left -340px;
}
.bioCopy {
	float:right;
	width:518px;
}
h1 .trademark {
	font-size:.5em;
	line-height:0;
	vertical-align:super;
}
.bullet div {
	float:left;
	width:20px;
}
.bullet p {
	float:left;
	width:630px;
}
/* Social Icons */
#socialMedia {
	clear:both;
	float:right;
	width:247px;
	height:21px;
	font-weight:700;
	line-height:18px;
	text-align:right;
}

#index #socialMedia {
		margin-right: 30px;
}

#socialMedia li {
	display:inline;
	list-style-type:none;
}
#socialMedia a,
#socialMedia span {
	float:right;
}
a.addthis_button_compact {
	width:17px;
	height:21px;
	margin-right:30px;
	white-space:nowrap;
}
.social-facebook,
.social-twitter,
.social-youTube {
	width:24px;
	height:21px;
	background-image:url(../images/layout.png);
	background-repeat:no-repeat;
}
.social-facebook {
	background-position:left top;
}
.social-facebook:hover {
	background-position:left -25px;
}
.social-twitter {
	background-position:-24px top;
}
.social-twitter:hover {
	background-position:-24px -25px;
}
.social-youTube {
	background-position:-48px top;
}
.social-youTube:hover {
	background-position:-48px -25px;
}
/**/
/* Right Column */
.col-right {
	float:right;
	width:488px;
	margin:70px auto 15px;
}
.col-right a {
	display:block;
	padding-top:25px;
	font-size:17px;
	color:#5d4230;
	font-weight:700;
	text-decoration:none;
}
.col-right table a {
	padding-top:0;
	font-size:13px;
}
.videoBox {
	position:absolute;
	right:30px;
	bottom:80px;
	width:175px;
	height:65px;
	padding:12px 0 0 112px;
	background:rgb(91, 63, 45); /* The Fallback */
	background:rgba(91, 63, 45, 0.7) url(../images/layout.png) no-repeat -85px -55px;
	color:#FFF;
	line-height:1.3em;
}
.videoBox a {
	font-size:10px;
	color:#B5CECA;
	text-decoration:none;
	line-height:3em;
}
.videoButton {
	float:right;
	width:60px;
	height:60px;
	margin:-4px 3px 0 0;
	background:url(../images/layout.png) no-repeat left -50px;
}
.videoButton:hover {
	background:url(../images/layout.png) no-repeat left -110px;
}
.photo {
	position:relative;
	margin-top:30px;
	padding:0;
}
.photo .caption {
	position:absolute;
	width:478px;
	bottom:25px;
	padding:5px;
	background:rgb(116, 163, 169); /* The Fallback */
	background:rgba(116, 163, 169, 0.85);
	font-size:11px;
	color:#fafafa;
	text-align:right;
	line-height: 14px;
}
.photo .caption a {
	color:#FFF;
	font-weight:400;
}
.wholesaleImg {
	border:solid 1px #6E784B;
}
.map {
	margin-top:30px;
	padding-bottom:20px;
}
.map a {
	display:inline;
	padding-right:15px;
	font-size:12px;
	color:#5d4230;
	text-decoration:none;
}
#map_canvas {
	width:486px;
	height:486px;
	margin-bottom:5px;
	border:solid 1px #ccc;
}
.callout {
	margin:30px 0 20px;
	padding:20px 30px;
	background:rgb(128, 170, 175); /* The Fallback */
	background:rgba(128, 170, 175, 0.40);
	font-size:18px;
	line-height:1.3em;
}
.financeInfo {
  float:right;
	line-height:1.4em;
}
.financeIcon {
	padding:0 15px 10px 0;
}
.offerHeadline {
	margin-top:30px;
	padding:8px 30px;
	background:#6E784B;
	font-size:22px;
	font-weight:700;
	color:#FFF;
	line-height:1em;
	text-align:center;
}
.offerImage {
	margin-bottom:10px;
	border:solid 1px #6E784B;
}
/**/
.clear {
	clear:both;
}
/* ================================= */

/* HEADER ========================== */
#logo {
	float:right;
	width:230px;
	height:55px;
	margin:15px -30px 15px 0;
}
#header {
	float:left;
	width:960px;
	height:82px;
	margin-top:18px;
	font-size:12px;
	color:#717943;
	font-weight:700;
	line-height:1.2em;
}
#header a {
	text-decoration:none;
}
#dealerLogo {
	float:left;
	width:220px;
	height:50px;
	margin-right:30px;
	padding: 0 20px 0 0;
	font-size:18px;
	color:#5C3F2F;
	font-weight:700;
	text-align:center;
	line-height:1.3em;
}
#dealerLogo a {
	color:#A46424;
}

#dealerLogo .dealerName {
		padding: 30px 20px 0 0;
}
#homeLink {
	display:block;
	clear:both;
	width:50px;
	height:21px;
	margin-top: 45px;
	padding-left: 21px;
	background:url(../images/layout.png) no-repeat -140px -340px;
	font-size:13px;
	line-height:18px;
	text-decoration:none;
}
#homeLink:hover {
	background-position:-140px -370px;
}

#homeLink {
}
/* ================================= */

/* NAVIGATION ====================== */
#nav {
	clear:both;
	width:452px;
    margin:5px 0 0;
	list-style:none;
}
#index #nav {
	padding-top:69px;
}
#nav li {
	display:inline; /* Because IE7 fails at life. */
	padding-bottom:0;
}
#nav a {
	float:left;
	width:227px;
	height:42px;
	margin:0 10px 5px 0;
	padding-left:15px;
	background:#F1F5F6 url(../images/layout.png) no-repeat right -180px;
	border-top:solid 1px #FDFDFD;
	border-bottom:solid 1px #669DA5;
	font-size:16px;
	color:#5C402E;
	font-weight:400;
	line-height:42px;
	text-decoration:none;
}
#nav a:hover,
#nav a.active {
	background:#C2D2D8 url(../images/layout.png) no-repeat right -222px;
	border-top:solid 1px #C2D2D8;
	border-bottom:solid 1px #11353D;
}
#nav a.nav-short {
	width:166px;
}
/* ================================= */

/* LEAD GEN FORM =================== */
#form-leadGen {
	position:absolute;
	top:155px;
	right:30px;
	z-index:10000;
	zoom:1;
	width:332px;
	padding:16px 16px 0;
	background:rgb(91, 63, 45); /* The Fallback */
	background:rgba(91, 63, 45, 0.7);
	border:solid 1px #FFF;
	color:#AFCFCC;
}
/* Show/Hide CTA based on page */
#form-leadGen h3.h3Wholesale { /* Hides Wholesale CTA on all other pages */
	display:none;
}
#wholesale #form-leadGen h3 { /* Hides other CTA on Wholesale page */
	display:none;
}
#wholesale #form-leadGen h3.h3Wholesale { /* Shows Wholesale CTA on Wholesale page */
	display:block;
}
/* Show or hide Lead Form link based on body ID */
#leadGenLink-bathroom,
#leadGenLink-kitchen,
#leadGenLink-wholesale { /* Hide these by default on all pages */
	display:none;
}
#bathroom #leadGenLink,
#bathroom #leadGenLink-kitchen,
#bathroom #leadGenLink-wholesale {
	display:none;
}
#bathroom #leadGenLink-bathroom {
	display:block;
}
#kitchen #leadGenLink,
#kitchen #leadGenLink-bathroom,
#kitchen #leadGenLink-wholesale {
	display:none;
}
#kitchen #leadGenLink-kitchen {
	display:block;
}

#wholesale #leadGenLink,
#wholesale #leadGenLink-bathroom,
#wholesale #leadGenLink-kitchen {
	display:none;
}
#wholesale #leadGenLink-wholesale {
	display:block;
}

/**/
a.leadGenShowHide {
	display:block;
	height:31px;
	margin-bottom:16px;
	padding-left:33px;
	background:url(../images/layout.png) no-repeat left -265px;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	line-height:31px;
}
a.leadGenShowHide:hover {
	background:url(../images/layout.png) no-repeat left -300px;
}
.trigger-close {
	width:300px; /* Because IE is lame */
	zoom:1; /* Because IE is lame */
	margin-top:-9px;
    font-size: 11px;
	text-align:right;
}
.trigger-close a {
	color:#C9C2B2;
    text-decoration: none;	
	text-align:right;
	font-weight:bold;
}
#form-leadGen a#leadGenLink-bathroom.hide,
#form-leadGen a#leadGenLink-kitchen.hide,
#form-leadGen a.hide {
	display:none;
}
#form-leadGen form {
	float:left; /* Forces wrap around floating contents */
	margin-bottom:16px;
	padding:16px 0 16px 22px;
	background:rgb(92, 64, 46); /* The Fallback */
	background:rgba(92, 64, 46, 0.7);
	border:solid 1px #29221C;
}
#form-leadGen input[type=email],
#form-leadGen input[type=text],
#form-leadGen textarea {
	margin-bottom:4px;
	padding:4px 6px;
	background:#876E60;
	border:solid 1px #A2C5C1;
	font-family:'Istok Web', sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
#form-leadGen input[type=text] {
	width:127px;
}
#form-leadGen input[type=email].textbox-long,
#form-leadGen input[type=text].textbox-long,
#form-leadGen textarea {
	width:272px;
}
#form-leadGen span {
	font-size:10px;
}
#form-leadGen input[type=submit] {
	float:right;
	width:71px;
	height:31px;
	margin-right:20px;
	background:url(../images/layout.png) no-repeat -60px -140px;
	border:none;
}
#form-leadGen input[type=submit]:hover {
	background:url(../images/layout.png) no-repeat -140px -140px;
}
#form-leadGen input[type=text].error,
#form-leadGen textarea.error {
    border:1px solid red;
	color:#CD0000;
}
/* Hides Business Name field on all pages except Wholesale */
#businessname {
	display:none;
}
#wholesale #businessname {
	display:block;
}
/**/
/* Hides separate submit button on all pages except Wholesale,
	which serves as a way to submit unique event tracking for that page */
#submitWholesale {
	display:none;
}
#wholesale #submitWholesale {
	display:block;
}
#wholesale #leadGenForm #submit {
	display:none;
}
/**/
label.error {
	color:#e83131;
	font-weight:normal;
	line-height:1.3em;
}
#errorBox {
	clear:both;
}
#errorBox span {
	display:block;
	font-size:12px;
}
/* Expand/Collapse */
.toggle_container {
	overflow: hidden;
}
.toggle_container hr {
	height:1px;
	margin-bottom:15px;
	background:transparent;
	border:none;
	border-bottom:dashed 1px #ccc;
}
/**/
/* Thank you - AJAX */
.done {
	display:none;
	padding:0 10px 20px;
	color:#FFF;
	line-height:1.2em;
}
.done h3 {
	padding-bottom:.5em;
}
.done div {
	padding:10px 10px 0;
	background:rgb(92, 64, 46); /* The Fallback */
	background:rgba(92, 64, 46, 0.7);
	border:solid 1px #29221C;
}
.loading {
	display:none;
}
/**/
/* ================================= */

/* EXPAND/COLLAPSE - PRIVACY ======= */
#privacy .toggle_container {
	margin-bottom:20px;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	background:#f9f9f9;
	overflow: hidden;
	font-weight:400;
}
#privacy .toggle_container .block {
	padding:10px; /*--Padding of Container--*/
}
/* ================================= */

/* DEALER INFO BAR ================= */
#dealerInfo {
	clear:both;
	width:1145px;	
	height:43px;
	margin:0 auto;
	padding:7px 30px 0 55px;
	background:rgb(97, 107, 47); /* The Fallback */
	background:rgba(97, 107, 47, 0.7) url(../images/layout.png) no-repeat -140px top;
	border-top:solid 1px #7F8458;
	font-size:14px;
	color:#C9C2B2;
	text-align:right;
	line-height:1.3em;
}
#index #dealerInfo {
	position:absolute;
	bottom:0;
	left:30px;
	margin:0 -30px;
}
#dealerInfo a {
	color:#C9C2B2;
	text-decoration:none;
}
#dealerInfo a.proLink {
	float:left;
	padding-top:10px;
	color:#412518;
	text-transform:uppercase;
}
/* ================================= */

/* FOOTER ========================== */
#footer {
	width:1230px;
	margin:0 auto;
	font-size:10px;
	color:#473318;
}
#footer a {
	padding-bottom:30px;
	color:#473318;
	text-decoration:none;
	line-height:2.5em;
}
/* ================================= */

/* INDEX GALLERY =================== */
#pikame,
#index .pika-imgnav {
	display:none !important;
}
#index .pika-stage {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:1230px;
	height:723px;
	background-color:Transparent;
	border:none;
	margin:0;
	padding:0;
}
/* ================================= */

/* KITCHEN/BATHROOM GALLERY ======== */
.gallery {
	position:relative;
	float:right;
	width:400px;
	overflow:hidden;
	height:auto;
	margin:30px 0 0;
	padding:0;
}

#galleryInstruct { position:absolute; bottom:2px; padding:0; margin:0; text-align:center; color:#FFF; font-size:9px; font-weight: bold; }
#galleryWatermark { position:absolute; bottom:2px; right:10px; padding:0; margin:0; text-align:right; color:#FFF; font-size:9px; font-style:italic;}

/* Custom elements */
#kitchenGallery {position: absolute; top:0; left:0 ;margin:0; padding:0; background-color: #5e412f}


.pika-stage {position: absolute; background-color: #5e412f; border: none; margin:0; padding: 0;}
	
/*if you change the padding on pika-stage you must adjust the top left of this to match! */
.pika-stage .main-image {position: absolute; top: 0px; left: 0px;}
.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
.pika-stage img {border:0;height:100%;}

.pika-stage .caption {
	width: 100%;
	position: absolute;
	background:rgb(116, 163, 169); /* The Fallback */
	background:rgba(116, 163, 169, 0.85);
	border: none;
	font-size: 11px;
	color: #fafafa;
	padding: 0;
	text-align: right;
	bottom: 25px;
}
.pika-stage .caption p {padding: 0; margin: 5px; font-size:11px; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat 10px 45%; height: 100%; width: 50px; top: 0; left: 0;cursor:pointer; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
.pika-imgnav a.next {background: url(../images/next.png) no-repeat 30px 45%; height: 100%; width: 50px; top: 0; right: 0;cursor:pointer; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
.pika-imgnav a.play {background: url(../images/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../images/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* Remove "display: none:" to turn on the text navigation */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:0; position:absolute; }
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 5px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0; overflow: hidden;}
.pika-thumbs li {float: left; list-style-type: none;padding: 0px; margin: 10px 0 0 10px; background: #fafafa; border: 1px solid #e3d5ad; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li.active { border: 1px solid #e5e5e5; box-shadow: white 0 0 0.3em}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/* for the tool tips */
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}

/* Remove "display: none:" to turn on the photo counter */
.pika-counter{position: absolute;top: 10px;left:15px;color:white;background:rgba(255,255,255,0.15);font-size:11px;padding:3px;-moz-border-radius: 3px;border-radius:3px;}
/* ================================= */