* { margin: 0; padding: 0; }
@font-face {
    font-family: 'BBYApex-Medium';
    src: url('fonts/bbyapex-medium.eot');
    src: url('fonts/bbyapex-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/bbyapex-medium.woff') format('woff'),
         url('fonts/bbyapex-medium.ttf') format('truetype'),
         url('fonts/bbyapex-medium.svg#bbyapex-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BBYApex-Book';
    src: url('fonts/bbyapex-book.eot');
    src: url('fonts/bbyapex-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/bbyapex-book.woff') format('woff'),
         url('fonts/bbyapex-book.ttf') format('truetype'),
         url('fonts/bbyapex-book.svg#bbyapex-book') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{
	height:100%;
	}

	.bgstretcher-area {
text-align: left;
height: 100%;
}
	.bgstretcher-page {
height: 100%;
}

input:focus {
    outline: none;
}

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	width:100%;
	height:100%;
	min-height:838px;
	min-width:1008px;
	font-family: "BBYApex-Book", "Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";
}
input[type="text"]{
	font-family: "BBYApex-Book", "Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";
}
input[type="password"]{
	padding: 5px 0 3px 5px;
}
input[type="password"].mac-ff{
	padding: 6px 0 3px 5px;
}
#styled_input_wrapper{
	padding-left:20px;
	}
	
#contact_form {
	position: relative;
	top: 56px;
	padding-top:8px;
}

#required_fields {
	color: grey;
	font-size: 12px;
/* 	font-family: "Myriad Pro"; */
}

#dealer_locator_form {
	position: relative;
	top: 62px;
}
#search_city_state {
	top: 36px;
	position: relative;
	margin-top: 23px;
}

#search_zip {
	top: 20px;
	position: relative;
	margin-bottom: 26px;
}

#search_zip h2{
	/*color: grey;*/
	color: #ffffff;
	position: relative;
	font-size: 20px;
	padding-left: 10px;
/* 	font-family: "Myriad Pro","Trebuchet MS", "Arial", "Sans-Serif"; */
	font-weight: lighter;
}

#search_city_state h2{
	/*color: grey;*/
	color: #ffffff;
	top: 22px;
	position: relative;
	font-size: 20px;
	padding-left: 10px;
/* 	font-family: "Myriad Pro","Trebuchet MS", "Arial", "Sans-Serif"; */
	font-weight: lighter;
}

.separator_bar{
	background-image:url(../images/separator_bar.png);
	width:100%;
	height:2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#separator_bar1{
	position: relative;
	top: 58px;
}

#separator_bar2 {
	margin-top: 6px;
	margin-bottom: 15px;
}

#separator_bar3 {
	margin-top: 8px;
	margin-bottom: 10px;
}

#separator_bar5 {
position: relative;
top: 93px;
}

#separator_bar5b {
position: relative;
top: 73px;
}

#separator_bar6 {
position: relative;
top: 52px;
}

#separator_bar7 {
position: relative;
top: 32px;
}

#separator_bar8 {
position: relative;
top: 12px;
}
#swatch_form_pt1{
position:relative;
top:30px;
}

#swatch_form_pt2{
position:relative;
top:66px;
}

.styled_textarea {
background-color: black;
opacity: .8;
color: grey;
border-collapse:grey;
border-width:1px;
padding:1px;
width:100%;
margin-bottom:4px;
font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; 
text-indent:10px;
font-size:13px;
border-color: grey;
overflow:auto;
}

#city{
width:45%;
}


#state2{
width:133px;
}

.styled_input {
	background-color: black;
	/*opacity: 0.6;*/
	/*color: #D0D0D0;*/
	color: #FFFFFF;
	border-width: 1px;
	/*width: 100%;*/
	/*display:block;*/
	margin-bottom: 10px;
	padding-top: 3.5px;
	padding-bottom: 3.5px;
	border-color: #292523;
	border-style:inset;
	/*text-indent:10px;*/
	padding-left:10px;
	padding-right:10px;
	border-color:grey;
}

div.styled_input {
	padding-top:1px;
	padding-bottom:2px;
}	

.styled_input_inner {
	background:none;
	width:100%;
	border:none;
	color: #D0D0D0;
}

.styled_input2 {
background-color: black;
/*opacity: .6;*/
/*color: #D0D0D0;*/
color:#ffffff;
border-color: grey;
border-width:1px;
margin-bottom:10px;
padding-top: 3.5px;
padding-bottom: 3.5px;
padding-left:10px;
}

.styled_select {
background-image: url(../images/select_background.png);
background-repeat: no-repeat;
background-color:transparent;
color: grey;
width:100%;
-webkit-appearance: none; 
height:23px;
border:none;
margin-bottom:8px;
padding:0;
text-indent:20px;
border-top:1px solid #4A4A49;
border-left:1px solid #4A4A49;
border-right:1px solid #757576;
border-bottom:1px solid #807F7F;
cursor:pointer;
}

.styled_select2 {
background-image: url(../images/select_background_dealer.png);
background-repeat: no-repeat;
background-color: transparent;
color: grey;
width: 100%;
-webkit-appearance: none;
height: 24px;
border: none;
margin-bottom: 8px;
text-indent:33px;
@-moz-document {
padding-top: 4px;
}
}

.styled_input_zip {
	width:35%;
	float:left;
}

a.styled_select:hover {
	color:grey;
}

.styled_sumbit{
	background-image:url(../images/form_submit.png) no-repeat 100% 50% /* Background image */
	margin-left:-55px;
	padding-left:50%;
}

.submitContainer {
	margin-left:50%;
	width:250px;
	position:relative;
	left:-114px;
	overflow:hidden;
}

#dealer_submit{
	margin-left:50%;
	position:relative;
	left:-55px;
	outline:none;
}

#contact_submit, #contact_cancel, #dealer_submit {
	width:109px;
	height:29px;
	cursor:pointer;
	border:none;
}

#contact_submit:hover, #contact_cancel:hover, #dealer_submit:hover {
	background-position:0 29px;
}
#contact_submit:active, #contact_cancel:active, #dealer_submit:active {
	background-position:0 58px;
}
#contact_submit.disabled:active, #contact_cancel.disabled:active, #dealer_submit.disabled:active {
	background-position:0 0 !important;
}
input[type="submit"].disabled:active{
	background-position:0 0;
	
}
input[type="submit"].disabled:hover{
    cursor: default !important;
}

#contact_submit{
	background:url(/images/form_submit.png);
}

#dealer_submit {
	background:url(/images/form_submit_dealer.png);
}

#contact_cancel{
	margin-left:10px;
	background:url(/images/form_cancel.png);
}

#last_name{
float:right;
width:45%;
}

#first_name{
width:45%;
}

#zip{
float:right;
width:22%;
}

#logo{
	position: absolute; left: 67px; top: 32px; z-index: 999;
}

#login_background{
	position: absolute; right: 4%; top: 2%; /* sw 2/3/12 - changed top from 4% to 2% to make room for FB icon */
	width: 399px; /* sw 3/8/12 - added width of 399px to fix a problem where dealer login was not displaying properly in IE7 */
}

#password_box{
    background: none repeat scroll 0 0 black;
    border-color: grey;
    border-style: solid;
    border-width: 1px;
    right: 2%;
    position: absolute;
    top: 10%;
    width: 40%;
    z-index: 999;

}

#username_box {
    background: none repeat scroll 0 0 black;
    border-color: grey;
    border-style: solid;
    border-width: 1px;
    left: 2%;
    position: absolute;
    top: 10%;
    width: 40%;
    z-index: 999;
}

.registration_box_text {
    color: #CCCCCC;
    font-size: 15px;
    font-weight: lighter;
	padding: 3px 0 3px 5px;
	font-weight: lighter;
}
.registration_box_text.mac-ff{
	padding: 5px 0 3px 5px;
}

.facebookIcon {
	overflow:hidden;
	padding-top:2px;
}
.facebookIcon a {
	float:left;
	z-index:3;
	position:relative;
	padding-right:10px;
}


#register{
	position: absolute; bottom: 13%; left: 54%;
/* 	font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; */
	font-size:10px;
	color: #cccccc;
}

#cancel{
	position: absolute; bottom: 13%; left: 66%;
/* 	font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; */
	font-size:10px;
	color: #cccccc;
}

#go_button, #progress_wheel{
	position: absolute; bottom: 44px; left: 93%; z-index: 999;

}
#login_background img#progress_wheel {
	width:auto;
	height:auto;
}

#remember_me {
    position: relative;
    top: -2px;
}
	

#welcome_message{
	position: absolute; 
	bottom:86px;
	border-radius: 15px;
	font-family: "BBYApex-Book", "Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";
	width:100%;
}

#welcome_bar {
	background:#000;
	opacity: .5;
	filter: alpha(opacity=40);
	height:50px;
}

#welcome_header{
	color: white;
	font-size:25px;
	/*font-family: "BBYApex-Medium", "Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";*/
	text-shadow: 2px 2px 4px #000;
	line-height: 40px;
	text-shadow: 3px 3px 7px #1C1C1C, -3px -3px 7px #1C1C1C, 3px -3px 7px #1C1C1C, -3px 3px 7px #1C1C1C;
	position:absolute;
	top:6px;
	left:59px;
}

#welcome_text{
	color: white;
	font-size: 17px;
	text-shadow: 3px 3px 8px #1C1C1C, -3px -3px 8px #1C1C1C, 3px -3px 8px #1C1C1C, -3px 3px 8px #1C1C1C;
	line-height: 20px;
	position:absolute;
	top:6px;
	right:33px;
	width:59%;
	min-width:600px;
	max-width:745px;
}

.welcomeTextIE div {
	padding-left:8px;
}

.shadowIE {
	color:#000;
	filter:glow(Color=#1c1c1c,Strength=4), blur(pixelradius=6, enabled='true');
}

#left_navigation, #left_navigation_underlay {
/*margin-left: -50px;*/
position: absolute; /* previously: absolute */
/*top: 200px;*/
/*top:308px;*/
top:16.5%;
margin-top:215px;
color:black;
left:0;
width:112px;
}

#left_navigation {
	z-index:4;
}

#left_navigation_underlay {
	z-index:3;
}


#left_nav_arrow, #left_nav_underlay_arrow {
z-index: 1000;
/*margin-left: -46px;*/
/*position: relative;*/
position:absolute;
right:-18px;
}

#left_nav_thumb_container, #left_nav_underlay_thumb_container, #right_nav_thumb_container, #right_nav_underlay_thumb_container {
	width:126px;
	height:92px;
	overflow:hidden;
}
#left_nav_thumb_container, #left_nav_underlay_thumb_container {
	z-index: 999;
	position: absolute;
	top:0;
	left:0;
}

#left_nav_thumb, #left_nav_underlay_thumb {
	/*position:relative;*/
	height:92px;
}

#left_nav_order, #left_nav_underlay_order {
position: absolute;
top: 35px;
left: 90px;
z-index: 9999;
font-size: 22px;
}

#right_navigation, #right_navigation_underlay {
/*margin-right: -60px;*/
position: absolute;  /* previously: absolute */
/*right: -38px;*/
right:0;
/*top: 200px;*/
/*top:308px;*/
top:17%;
margin-top:215px;
color:black;
overflow:hidden;
width:158px;
height:98px;
}

#right_navigation {
	z-index:4;
}

#right_navigation_underlay {
	z-index:3;
}


#right_nav_arrow, #right_nav_underlay_arrow {
z-index: 1000;
/*margin-left: -142px;*/
/*margin-left:-104px;*/
margin-left:26px;
position: absolute;
margin-top: -8px;
}

#right_nav_thumb_container, #right_nav_underlay_thumb_container {
	z-index: 999;
	position: absolute;
	top: -8px;
	right:0px;
}

#right_nav_thumb, #right_nav_underlay_thumb {
	/*position:relative;*/
	height:92px;
}

#right_nav_order, #right_nav_underlay_order {
position: absolute;
/*top: -48px;*/
/*left: -130px;*/
/*left:-95px;*/
left:38px;
top:28px;
z-index: 9999;
font-size: 22px;
}

#nav_bar{
	background-color:grey;
	width: inherit;
	height:30px;
	}

#nav_container{
	height:60px;
	position: absolute; right: 0%; top:135px;
/* 	font-family: "Myriad Pro","Trebuchet MS", "Arial", "Sans-Serif"; */
	font-size: 17px;
	z-index:800;
	overflow:hidden;
}

#nav {
	width: 100%;
	list-style: none;
	color:white;
	padding-left:8px;
	padding-right:8px;
	position: relative; 
	top: -30px;
	line-height: 33px;
	}

#lower_nav_bar_dealer {
	padding-left: 5px;
	margin-left: -10px;
	height: 30px;
	overflow: hidden;
}

#lower_nav_bar_dealer h2 {
	/*color: grey;*/
	color: #ffffff;
	top: 11px;
	position: relative;
	font-size: 17px;
	padding-left: 10px;
	font-weight: lighter;
/* 	font-family: Arial, Helvetica, sans-serif; */
}


#lower_nav_bar h2 {
	/*color: grey;*/
	color: #ffffff;
	top: 5px;
	position: relative;
	font-size: 20px;
	padding-left: 3px;
/* 	font-family: "Geneva", "Verdana"; */
	font-weight: lighter;
}
.swatch-content #lower_nav_bar h2 {
    top: 10px;
    font-size: 19px;
	
}
#lower_nav_container {
    background: url(../images/lower_nav_bar.png);
    height: 35px;
    /*font-family: "Geneva", "Verdana", "Myriad Pro","Trebuchet MS", "Arial", "Sans-Serif";*/
    font-size: 18px;
    top: 51px;
    position: relative;
    font-weight: 100;
}

#lower_nav_container2{
	background:url(../images/lower_nav_bar.png) no-repeat;
	height:45px;
/* 	font-family: "Geneva", "Verdana", "Myriad Pro","Trebuchet MS", "Arial", "Sans-Serif"; */
	font-size: 18px;
	top:52px;
	position:relative;
}

#lower_nav {
	list-style: none;
	color: white;
	padding-right: 8px;
	position: relative;
	top: 7px;
}

#lower_nav li {
	float: left;
	padding-left:4px;
	padding-right:3px;
	color:grey;
}

#lower_nav a:hover {
	/*color:#CCCCCC;*/
	color: #ffffff;
}

#lower_nav a.active {
	color:white;
	cursor:text;
	font-weight: bold;
}

#lower_nav a{
	outline:none;
	}

.pipe{
	position:relative; top:-2px;
	font-size:13px;
	}
	
#pipe2 {
/* font-family: Arial; */
}
	 
#nav li, #subnav li{
	float: left;
	padding-left:4px;
	padding-right:3px;
	text-transform: uppercase;
	z-index: 99999;
	}
	
#subnav_bar {
	background:#fff;
	height:30px;
	opacity: .7;
	filter: alpha(opacity=70);
	margin:0 0 0 80px;
	width: inherit;
	z-index: 9999;
}

#subnav{
	background:url(../images/white-trans.png) repeat;
    color: #333;
    font-size: 14px;
    height: 21px;
    list-style: none;
    margin: 0 0 0 0px;
    padding: 6px 8px 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

#subnav a{
	color:#333;
}

#subnav #navlivingroom a{background:url(../images/sprite_subnav.png) no-repeat 88px 3px; padding:4px 48px 0 0;}
#subnav #navlivingroom a:hover{background:url(../images/sprite_subnav.png) no-repeat 88px -24px;}
#subnav #navdiningroom a{background:url(../images/sprite_subnav.png) no-repeat 92px -53px; padding:4px 40px 0 0;}
#subnav #navdiningroom a:hover{background:url(../images/sprite_subnav.png) no-repeat 92px -88px;}
#subnav #navbedroom a{background:url(../images/sprite_subnav.png) no-repeat 68px -127px; padding:4px 45px 0 0;}
#subnav #navbedroom a:hover{background:url(../images/sprite_subnav.png) no-repeat 68px -150px;}

#subnav .pipe{padding:3px 5px 0 2px}

	
a:link {/*font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";*/}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#1C1C1C;}
a img {border: none; }
a {outline: none;}

#nav li.active a{
	color:#1C1C1C;
	cursor:text;
	}
	
#nav li a{
	color:white;
	}
#nav li a:hover{
	color:#1C1C1C;
	}
	
#lower_nav a{
	/*color:grey;*/
	color:#ffffff;
	/*font-family: "Helvetica";*/
	}

	
	
#thumbnail_bar{
	width: 100%;
	height:82px;
	position: absolute; bottom: 0px; left: 0px;
	background: black;
	opacity: .8;
	filter: alpha(opacity=80);
	z-index: 1;	
}

ul#thumbs{
	padding-left:0px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	margin-bottom: 0px;
	height: 82px;
	width: 100%;
	text-align: center;
	position: absolute; bottom: 0px;
	z-index: 9999;
	}
	
#thumbs li{
	display: inline;
	padding-left: 3%;
	padding-right: 3%;
	height: 82px;
	z-index: 9999;
	}

#thumbs_container{
	height:82px;
	width:100%;
	position: absolute; bottom: 0px; left: 0px;
	margin-left: 0px;
	z-index: 9999;
	overflow:hidden;
	}
	
.thumbnail{
	height: 82px;
	float: left;
	border:none;
	position:relative;
	z-index:9999;

	}

.new_style_thumbnail {
	border-top:2px solid;
	height:82px;
	width:100px;
	position:relative;
}
.new_style_thumbnail_over {
	border-top:0;
	height:84px;
	overflow:hidden;
}
.new_style_thumbnail img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.new_style_thumbnail_over img {
	position:absolute;
}
.living_room_thumbnail {
	border-color:#99AE51;
}
.bedroom_thumbnail {
	border-color:#5DB396;
}
.thumbnail_overlay {
	position:absolute;
	top:0;
	left:0;
	width:133px;
	height:84px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.living_room_thumbnail .thumbnail_overlay {
	background:url(../images/vignette-overlay-livingroom.png);
}
.bedroom_thumbnail .thumbnail_overlay {
	background:url(../images/vignette-overlay-bedroom.png);
}

.spacer{
	width: 14%;
	height: 82px;
	opacity:.4;
	float:left;
	margin-right:-50px;
	margin-left:-50px;
	position:relative;
	z-index:800;
	}

#tooltips_container{
	height:82px;
	width:100%;
	overflow:hidden;
	position: absolute; bottom: 73px; left: 0px;
	margin-left: 0px;
	}
	
.tooltipspacer{
	width: 12.5%;
	height: 1px;
	opacity:.4;
	float:left;
	margin-right:-50px;
	margin-left:-50px;
	position:relative;
	z-index:800;
	}

.tooltip{
	float: left;
	border:none;
	position:relative;
	z-index:900;
	margin-left: -20px;
	margin-right:-20px;
	visibility: hidden;
	height: 72px;
	}
	
.collection_name {
color: white;
text-align: center;
position: relative;
bottom: 65px;
text-transform: uppercase;
/* font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; */
}

.collection {
text-align: center;
position: relative;
bottom: 66px;
text-transform: capitalize;
/* font-family: "Myriad Pro","Trebuchet MS", "Arial", "Sans-Serif"; */
font-size: 12px;
}
.selected .collection{
    color: gray;
}
.tooltip.selected{
    visibility: visible !important;
}
.tooltip.edgeTooltip {
	visibility:hidden !important;
}
	
/*
#hover_spacer1{
	background-color:aqua;
	}
#hover_spacer2{
	background-color: black;
	}
#hover_spacer3{
	background-color: blue;
	}
#hover_spacer4{
	background-color: fuchsia;
	}
#hover_spacer5{
	background-color:green;
	}
#hover_spacer6{
	background-color: maroon;
	}
#hover_spacer7{
	background-color: navy;
	}
#hover_spacer8{
	background-color: lime;
	}
*/

/* Room Page Styles */

#top_bg{
	width:100%;
	height:165px;
	position:absolute;
	top:0;
	background:#fff;
	opacity: .7;
	filter: alpha(opacity=70) !important;
	
}

#topnav_bg{
	width:100%;
	position: absolute;
    top: 20%;
	background:#fff;
	opacity: .7;
	filter: alpha(opacity=70);
}

#content_bg{
	width:100%;
	height:100%;
	position:absolute;
	bottom: 0px;
	overflow:hidden;
}
#content_top_bg_overlay, #content_bg_overlay {
	background:#000;
	width:100%;
	position:absolute;
}
#content_top_bg_overlay {
	height:165px;
	width:100%;
	opacity: .4;
	filter: alpha(opacity=30);
}
#content_bg_overlay {
	margin-top:165px;
	height:100%;
	opacity: .8;
	filter: alpha(opacity=70);
}

#content{
	width:100%;
	position:absolute;
	top: 20%;
	height:80%;
	overflow: hidden;
}
#content_inner {
	/*margin-top:30px;*/
	/*height:100%;
	position:absolute;
	width:100%;*/
	width:734px;
	height:534px;
	overflow:hidden;
	left:50%;
	margin-left:-367px;
	margin-top:8px;
	position:absolute;
	
}
#content_container {
	/*overflow:hidden;
	position:relative;
	width:1483px;
	background:#000;*/
}

.contentMargin {
	margin:2px 4.3% 0 3.7%;
	overflow:visible;
}

#content1{
	width:30%;
	margin:27px 4.3% 0 3.7%;
	position:absolute;
	top:17%;
}

#content2{
	width:30%;
	margin:30px 4.3% 0 3.7%;
	position:absolute;
	top:17%;
	left:30%;
	padding-top:46px;
	padding-left: 1.5%;
}

#content3{
	width:30%;
	margin:30px 4.3% 0 3.7%;
	position:absolute;
	overflow:hidden;
	height:500px;
	top:17%;
	left:63%;
	padding-top:46px;
}

#footer_links li{
	float: left;
	padding:5px;
	color:grey;
	list-style: none;
	font-size:10pt;
}

#footer_links a{
	color:gray;
}

#footer_links {
position: relative;
top: 95px;
left: 50%;
margin-left: -153px;
height: 10px;
}

#copyright {
position: relative;
top: 15px;
left: 46%;
color: grey;
/* font-family: "Geneva", "Verdana"; */
font-size: 10px;
width: 160px;
margin-left: -57px;
}


#facebook_link{
	height:50px;
	width:100%;
	position: relative;
	top:86px;
}
#facebook_link a {
	display:block;
	width:100%;
	height:100%;
	padding-top:10px;
	height:35px;
	color:#666;
	margin-left:69px
}
#facebook_link a span {
	position:relative;
	top:-5px;
}
#facebook_link a:hover {
	color:#fff;
}

#pinterest_link{
	height:50px;
	width:100%;
	position: relative;
	top:65px;
}
#pinterest_link a {
	display:block;
	width:100%;
	height:100%;
	padding-top:10px;
	height:35px;
	color:#666;
	margin-left:69px;
}
#pinterest_link a span {
	position:relative;
	top:-5px;
}
#pinterest_link a:hover {
	color:#fff;
}

#instagram_link{
	height:50px;
	width:100%;
	position: relative;
	top:45px;
}
#instagram_link a {
	display:block;
	width:100%;
	height:100%;
	padding-top:10px;
	height:35px;
	color:#666;
	margin-left:69px;
}
#instagram_link a span {
	position:relative;
	top:-5px;
}
#instagram_link a:hover {
	color:#fff;
}

#tumblr_link{
	height:50px;
	width:100%;
	position: relative;
	top:25px;
}
#tumblr_link a {
	display:block;
	width:100%;
	height:100%;
	padding-top:10px;
	height:35px;
	color:#666;
	margin-left:69px;
}
#tumblr_link a span {
	position:relative;
	top:-5px;
}
#tumblr_link a:hover {
	color:#fff;
}

.content_text {
    /*font-family: "Geneva", "Verdana", "Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";*/
    font-size: 18px;
	/*color: #666666; */
    color: #FFFFFF;
    position: relative;
    top: 56px;
    font-weight: 100;
}

.content_text p{
	margin-right:20px;
	}

.content_text_scroll_container {
	height:340px;
	overflow-y:hidden;
	width:100% !important;
}


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#swatch_send { font-size: 11px; }
	#swatch_delivery {font-size: 11px;}
	.contact_page_text {font-size:10pt;}
}

#swatch_send {
position: relative;
top: 10px;
font-size:13px;
}

#swatch_delivery{
	margin-top:-20px;
	font-size:13px;
}

#page_title h2 {
	/*color: gray;*/
	color: #ffffff;
	/*font-family: "Geneva","Verdana", "Myriad Pro","Trebuchet MS", "Arial", "Sans-Serif"; */
	position: relative;
	top: 49px;
	font-weight: lighter;
	text-transform: uppercase;
}

#page_title_bars {
	background: url(../images/page_title_bars.png) no-repeat;
	height: 45px;
	width: 280px;
	margin-top: -30px;
	position: relative;
	top: 40px;
	margin-left: -50px;
}

#left_accordion{
	margin:0;
	width:200px;
	background:transparent;
/* 	font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; */
	/*color:#666;*/
	color:#ffffff;
	top: 165px;
	left: 0px;
	position: absolute;
	z-index:1000;
}
.top_acc_links{
	background:url(../images/product_details_bar.png) no-repeat top right;
	left: 0;
    position: absolute;
    width: 313px;
	height:30px;
	padding:8px 0 0;
	color:#fff;
	font-size:18px;
	z-index: 9;
	overflow:hidden;
}

.top_acc_links.collapsed{
	width:193px;
}
.top_acc_links.collapsed_small{
	width:195px;
}

.vignette_links {
	width:380px;
	height:38px;
	overflow:hidden;
	position:absolute;
	left:-120px;
}

.aboutlink{
	padding:0 45px 0 0;
	color:white;
	position:absolute;
	left:12px;
}

.aboutlink:hover{
	color:#666;
}

.infolink{
	background:url(../images/i_link.png) no-repeat top right;
	height:30px;
	width:35px;
	color:white;
	position:absolute;
	left:115px;
}

.infolink:hover{
	color:#666;
	background:url(../images/i_link.png) no-repeat right -30px;
}

.vignette_facebook_like{
	border:none;
	overflow:hidden;
	width:auto;
	height:21px;
	position:absolute;
	left:173px;
	top:2px;
}

.vignette_pinterest_link{
	width:45px;
	height:29px;
	position:absolute;
	left:228px;
	top:2px;
}

.vignette_instagram_link{
	width:20px;
	height:20px;
	position:absolute;
	left:272px;
	top:2px;
}

.vignette_tumblr_link{
	width:81px;
	height:20px;
	position:absolute;
	left:297px;
	top:2px;
}



.room_info{
	background: #000;
    margin: 37px 0 0;
    padding: 10px 0 0;
    position: absolute;
	max-height:517px;
    width: 305px;
    z-index: 10;
    overflow:auto;
    /*max-height:350px;*/
}

#left_accordion h1{
	font-size:16px;
	font-weight:normal;
	margin:0 10px 10px 40px;
}

h1#name{
	margin-top: 30px;
}

#left_accordion p{
	font-size:16px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin:0 10px 10px;
	padding:5px 0;
	margin-left: 40px;
/* 	font-family:"Myriad Pro", "Trebuchet MS", "Trebuchet MS1", "Arial", "Sans-Serif"; */

}

#left_accordion ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:13px;
	position: relative;
}

#left_accordion li{
	padding:2px 39px 3px;
	background:url(../images/li_bg.png) repeat-x;
	min-height:17px;
}

#left_accordion li a{
	text-transform:none;
	color:#666;
}
#left_accordion li a:hover{
	color:#fff;
}

#left_accordion li a.active{
	color:#fff;
}
div#left_accordion div#room_info.room_info p#description div#mcs_container div.customScrollBox div.container{
	width: 226px;
}

.closex{
	width:14px;
	height:14px;
	background:url(../images/close_x_white.png) no-repeat;
}

.gotolink{
	width:19px;
	height:15px;
	background:url(../images/goto_white.png) no-repeat;
}

.closex:hover, .gotolink:hover{
	cursor:pointer;
}

.closex:hover{
	background-position:0 -15px !important;
}

#close_accordion{
	position:absolute;
	top:0;
	right:11px;
}

#gotoitem{
	position:absolute;
	right:10px;
	top:41px;
}
#room_image {
	/*left: 50%;
    margin: 8px 0 0 -367px;
    position: absolute; top:0;
    z-index: 1;
	overflow:hidden;*/
	z-index:1;
	position:absolute;
}
#hotspots_container {
	position:absolute;
}
#room_image_underlay_prev {
	z-index:3;
	position:absolute;
	left:-749px;
	border-right:15px solid #000;
}
#room_image_underlay_next {
	z-index:3;
	border-left:15px solid #000;
	left:749px;
	position:absolute;
}


.plus_sign{
	background:url(../images/plus_signs.png) 0 0 no-repeat;
	width:45px;
	height:45px;
	position:absolute;
	z-index:9;
}

.plus_sign:hover, .plus_sign.active{
	background:url(../images/plus_signs.png) 0 46px;
}

.fullscr_hotspots .plus_sign{
	position:fixed;
}

.product_details_menu{
	width:345px;
	position:absolute;
	background:url(../images/black_trans.png) repeat;
	width:325px;
	height:auto;
	/*color:#999;*/
	color:ffffff;
	padding:10px;
	position: absolute;
	z-index:12;
}

.product_details_menu div{

}

.product_details_menu h2{
	font-weight:normal;
	font-size:16px;
	/*font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";*/
	border-bottom:1px solid #999;
	padding:0 0 5px;
	color:#ffffff;
}

.product_details_menu p{
	/*font-family:helvetica;*/
	font-size:12px;
	margin:10px 0 0;
	color:#ffffff;
}

#close_product_details{
	position:absolute;
	right:10px;
	top:10px;
	margin:0;
	padding:0;
	background:url("../images/close_x_white.png") no-repeat scroll 0 0;
	border:none;
}

.product_details_menu a{
	background-color:#000;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	/*font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif";*/
	font-size:13px;
	padding:5px 31px 3px 7px;
	margin:5px 5px 0 0;
	display:block;
	float:left;
	border:1px solid #999;
}

a.gotodetails{
	background:url(../images/goto_lg.png) no-repeat 3px -1px #000;
	width:3px;
	height:17px;	
	margin:5px 0 0;
}
.product_details_menu .gotodetails:hover{
	background:url(../images/goto_lg.png) no-repeat 3px -35px #fff;
}

.product_details_menu a:hover, .product_details_menu a.active{
/*
	color:#000;
	background:#fff;
*/
}

.excl_offer{
	background:url(../images/single_arrow.png) no-repeat 124px 4px;
}

#right_accordion_wrap{
	margin: 30px 0 0;
    position: fixed;
    right: 0;
    top: 20%;
}

.right_exp_nav{
	background:url(../images/expanded_nav.png) top left no-repeat;
	height:20px;
	width:17px;
	padding:3px 0 0;
	right:0;
	position:absolute;
	z-index:900;
}

.right_exp_nav a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

.right_exp_nav a{
	opacity: .7;
	filter: alpha(opacity=70);
}

a.hotspotlink{
	margin-left:25px;
}

a.fullscrlink{
	margin-left:15px;
}

.right_exp_nav.open{
	width:268px;
}

#right_accordion{
	background:#000;
    color: #666666;
    list-style-image: url("../images/double_arrows.png");
    list-style-position: inside;
	margin:30px 0 0;
}

#right_accordion li{
	padding:3px 25px 3px 5px;
	text-transform:uppercase;
	font-size:15px;
	/* font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; */
}


/* Full Scren Styles */

#squarelogo{
	position:fixed;
	top:0;
	left:3.7%;
}

#nav_container.collapsed{
	background:url(../images/expanded_nav.png) top left no-repeat;
	height:23px;
	width:17px;
}

#nav_container.collapsed:hover{
	opacity: .7;
	filter: alpha(opacity=70);
	cursor:pointer;
}

#nav_container.collapsed #nav, #nav_container.collapsed #nav_bar{
	visibility:hidden;
}

#right_accordion_wrap.fullscreen{
	margin-top:23px;
}

.thumb_roll_detail{
	position:absolute;
	top:-73px;
	left:-15px;
	height:72px;
	width:140px;
	text-align:center;
	color:#999;
	font-size:13px;
/* 	font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; */
	background:url(../images/thumb_hover_gray.png) no-repeat;
	visibility:hidden;
}

.thumb_roll_detail.yellow{
	background:url(../images/thumb_hover_yellow.png) no-repeat;
	color:#000;
}

.thumb_roll_detail.aqua{
	background:url(../images/thumb_hover_aqua.png) no-repeat;
	color:#000;
}

.thumbnail:hover .thumb_roll_detail{
	visibility:visible;
}

.thumb_roll_detail strong{
	display:block;
	color:#fff;
	font-size:14px;
	margin:12px 0 5px;
	text-transform:uppercase;
	font-weight:normal;
}

#top_room_detail{
	height:140px;
	width:100%;
	background:url(../images/black_trans.png) repeat;
	color:#999;
	font-size:13px;
/* 	font-family:"Myriad Pro", "Trebuchet MS", "Arial", "Sans-Serif"; */
}

.room_overview{
	float:left;
	height:130px;
	width:450px;
	margin:10px 10px 0 130px;
	position:relative;
	left:4%;
}

#top_room_detail h1{
	border-bottom:1px solid #999;
	padding:0 0 5px;
	margin:0 0 10px;
	font-weight:normal;
	font-size:18px;
}

.room_items{
	float:left;
	margin:10px 0 0 40px;
	position:relative;
	left:4%;
}

.room_items ul{
	float:left;
	width:195px;
}

.room_items li{
	background: url("../images/li_bg.png") repeat-x scroll 0 0 transparent;
    padding: 2px 5px 3px;
	list-style:none;
	font-size: 13px;
}
.room_items li a{
	text-transform:none;
	color:#666;
}
.room_items li a:hover{
	color:#fff;
}
.divider{
	background:#999;
	width:1px;
	height:87px;
	float:left;
	margin:0 10px;
}

#prev_next_wrap{
	position:fixed;
	margin-top:-50px;
}
.prev_room{
	position:fixed;
	left:0;
	margin-top:50%;
	width:124px;
	height:100px;
}

.prev_room a, .next_room a{
	position:absolute;
	top:5px;
	background:gray;
	color:#000;
	height:60px;
	padding:40px 0 0;
	width:60px;
	font-size:17px;
}

.prev_room a{
	background:url(../images/prev_room.png) no-repeat top right;
	right:0;
	text-align:right;
	padding-right:7px;
}

.prev_room a:hover{
	background:url(../images/prev_room_hover.png) no-repeat;
	color:#fff;
}

.prev_room img{
	position:absolute;
	left:0;
}

.next_room{
	position:fixed;
	right:0;
	margin-top:50%;
	width:124px;
	height:100px;
}

.next_room a{
	background:url(../images/next_room.png) no-repeat;
	text-align:left;
	padding-left:6px;
}

.next_room a:hover{
	background:url(../images/next_room_hover.png) no-repeat;
	color:#fff;
}

.next_room img{
	position:absolute;
	right:0;
}



/* Scrollable plugin test */

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}


#miles, .styled_select_miles{
float:right;
width:61%;
}

#state, .styled_select_state {
width: 35%;
}

#thumbs_container_margin {
	overflow:hidden;
}

#thumbs_container_margin, #tooltips_container_margin {
	margin:0 69px;
}

#thumbs_container_content, #tooltips_container_content {
	position:relative;
}

#thumbs_left_arrow, #thumbs_right_arrow {
	position:absolute;
	top:16px;
}

#thumbs_left_arrow a, #thumbs_right_arrow a {
	display:block;
}

#thumbs_left_arrow {
	left:-10px;
	margin-left:20px;
}

#thumbs_right_arrow {
	right:-10px;
	margin-right:20px;
}

.error {
	text-align:center;
	color:red;
	margin-bottom:4px;
}

/* dealer locator */

#map_container {
	position:absolute;
	top:17%;
	margin-top:100px;
	width:56%;
	height:457px;
	overflow:hidden;
	left:35%;
	/*color:grey;*/
	color:#ffffff;
	border:1px solid #808080;
	display:none;
	padding:2%
}
#map_results {
	float:left;
	width:28%;
	margin-right:2%;
}
.resultsScrollWrapper {
	height:457px;
	overflow-y:auto;
	position:relative; /* set this as the offset parent for its children */
	outline:none;
}
#map_canvas {
	float:left;
	width:70%;
	height:100%;
}
.mapResult {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #808080;
}
.mapResultSelected, .mapResultSelected a.name, .mapResultSelected a.name:visited {
	color:#fff;
}
.mapResultLast {
	border-bottom:none;
}
.mapResult .name {
	font-weight:bold;
	color:#808080;
	text-decoration:underline;
}
.markerText {
	color:#000;
}
.markerText a, .markerText a:hover {
	text-decoration:underline;
	color:#0000ff;
}


.errorField {
	border:1px solid red;
}

#loading {
	position:fixed;
	width:143px;
	height:143px;
	z-index:99999;
	left:50%;
	top:50%;
	margin-left:-71px;
	margin-top:-71px;
	display:none;
}

.floatContainer {
	overflow:hidden;
}
/*
.about #page_title, #aboutsublink, #teamsublink, #about_content, .about #team_content{
    font-family: "Myriad Pro","Trebuchet MS","Arial","Sans-Serif" !important;
}
*/
/*
#about_content, .about #team_content{
    font-size: 18px;
}
*/
#team_content .header{
    font-size: 20px;
    border-bottom: 1px solid #808080;
    margin: 10px 0;
    display: inline;
}
/*
#team_content p, #about_content p{
    margin: 12px 0;
}
*/

@media only screen and (device-width: 768px) {
    #top_bg{
        height:135px;
    }
    .top_acc_links {
        top: 0px;
    }
}

.share_button{
background-image: url(../images/share_icon.png);
width:24px;
height:20px;
cursor: pointer;
}

.print_button{
background-image: url(../images/print_icon.png);
width:20px;
height:20px;
cursor: pointer;
}

#print_button_resource{
float:right;
top:4px;
margin-right:7px;
position: relative;
}

.share_button_hotspotpanel{
background-image: url(../images/share_icon.png);
width: 24px;
height: 20px;
cursor: pointer;
float: right;
margin-top: 12px;
position: absolute;
left: 315px;
z-index: 9999;
}


#share_button_resource{
float:right;
top:4px;
margin-right:7px;
position: relative;
}
	
.share_panel {
background-image: url(../images/share_background.png);
height: 147px;
width: 194px;
margin-bottom: -147px;
z-index: 999;
}

.share_panel_hotspotpanel {
background-image: url(../images/share_background.png);
height: 147px;
width: 194px;
margin-bottom: -147px;
z-index: 999;
}

#share_panel_resource{
float: right;
position: relative;
top: 50px;
right: 30px;
}

#share_friend_button{
background-image: url(../images/share_with_friend.png)
}

#download_selected_image_button{
background-image: url(../images/share_download_selection.png)
}

#download_all_images_button{
background-image: url(../images/share_download_all_images.png)
}

#download_pdf_button{
background-image: url(../images/share_download_pdf.png)
}

#download_image_button {
	background-image:url(../images/share_download.png);
}

#download_schematics_button {
	background-image: url(../images/share_download_schematics.png)
}

#print_button{
background-image: url(../images/share_print.png)
}

#cancel_button{
background-image: url(../images/share_cancel.png);
background-repeat: no-repeat;
}

.button_sprite {
height: 27px;
width: 171px;
background-position: 0px 0px;
margin-right: auto;
margin-left: auto;
margin-top: 7px;
cursor: pointer;
display: block;
}

.button_sprite:hover{
background-position: 0px -27px;
}

.button_sprite:active{
background-position: 0px -54px;
}

.content_text h3 {
	text-decoration: underline;
	font-weight: lighter;
}
.content_text ul {
	padding-left:40px;
}
#login-error{
	display: none;
	color: red;
	font-size: 12px;
	position: absolute;
	top: 35px;
}
#login_background img{
	height: 77px;
	width: 399px;
}
#login_background .facebookIcon img {
	height:auto;
	width:auto;
}
#dealer-login .login-error{
	border: 1px solid red;
	color: red;
}
#about_content p{
	margin: 20px 20px 0 0;
}
#guide_content h3{
	margin-top: 20px;
}
.contact_page_text p{
	margin-top: 10px;
}
#dealer-login input{
    line-height: 17px;
}
#terms{
    /*position: absolute;
    top: 360px;*/
    /*margin: 0 0 0 5%;*/
    width: 100%;
	text-align:center;
    font-size: 15px;
	margin-top:25px;
}
#terms span, #terms a{
    margin: 0 5px;
    color: #666;
}
#terms a:hover{
    color: #FFF;
}

#terms-content, #privacy-content{
    width: 80%;
    left: 5%;
    right: 5%;
    padding: 0 5%;
    position: absolute;
    z-index: 999999;
    top: 165px;
    background-color:rgba(0,0,0,0.8);
    display: none;
    color: #666666;
}
#terms-content h2, #privacy-content h2{
    font-weight: lighter;
    text-transform: uppercase;
    margin: 31px 0 0 0;
}
#terms-container, #privacy-container{
    height: 450px;
    margin: 20px 8%;
}
#terms-content p, #privacy-content p{
    margin: 0 0 10px 0;
}
#terms-content a:visited, #privacy-content a:visited, #terms-content a:link, #privacy-content a:link{
    color: #666666;
}
#terms-content a:hover, #privacy-content a:hover{
    color: white !important;
}

#terms-content p span, #privacy-content p span{
    text-transform: uppercase;
}
#effective-date{
    float: right;
    margin: 39px 0 0 0;
}

/* splash screen */
.splashScreen {
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:10000;
}
.splashScreen div {
	position:fixed;
	left:50%;
	top:50%;
}
.splashScreen .logo {
	margin-left:-64px;
	left:0%;
	margin-top:-91px;
	z-index:10002;
}
.splashScreen .title {
	margin-top:-16px;
	left:100%;
	z-index:10001;
}
.splashScreen .tagline {
	margin-left:-103px;
	margin-top:48px;
	height:0px;
	overflow:hidden;
}