/*
*************************************************

LEVOLOR
Base Screen Styles

These styles are limited to html selectors and
set the base to build the rest of the css on.

*************************************************
*/

* {
	margin: 0;
	padding: 0;
	}

html, body {
	color: #454545;	
	background: #fff;
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	font-family: arial, sans-serif;
	font-size: 13px;
	}
	
img {
	border: none;
	}
	
p {
	line-height: 19px;
	margin-bottom: 15px;
	}
	
ol {
	padding-left: 25px;
	}
	
ol li {
	margin-bottom: 15px;
	line-height: 19px;
	}
	
ul {
	margin: 0 0 18px 15px;
	}
	
ul li {
	line-height: 19px;
	}

a {
	color: #35578a;
	outline: 0;
	text-decoration: none;
	}
		
a:focus {
	outline: 0;
	}
	
a:hover {
	color: #35578a;
	text-decoration: underline;
	}
	
h1, h2, h3 {
	font-family: BentonSansCond, arial, sans-serif;
	font-style: normal;
	font-weight: bold;
}

h1 {
	margin-bottom: 15px;
	font-size: 22px;
	}

h1.subhead {
	margin-top: -18px;
	font-size: 17px;
	}
	
h2 {
	margin-bottom: 15px;
	font-size: 18px;
	}
	
h3 {
	margin-bottom: 15px;
	font-size: 16px;
	}
	
h4 {
	margin-bottom: 15px;
	font-size: 14px;
	}
	
h5 { /* Same as h3 but no bottom margin */
	margin-bottom: 3px;
	font-size: 15px;
	}
	
input[type="text"] {
	height: 17px;
	}
/*
*************************************************

LEVOLOR
Framework Screen Styles

This defines the navigation & general structure
of the site.

*************************************************
*/



/*======================================================================*/	
/* WRAP - This is needed to position the footer on the bottom of the page
========================================================================*/

#wrap {
	background: #fff;
	position: relative; /* needed for footer positioning*/
	width: 100%;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
	z-index: 1;
	}
	
#body-wrap { /* Used for American Blinds Website */
	position: relative;
	margin: 25px auto;
	width: 930px;
	text-align: left;
	}
	


/*=====================================================================*/	
/* HEADER
========================================================================*/

#header-wrap {
	background: #35527d url(../img//header/header_bg.jpg);
	}

#header {
	position: relative;
	margin: 0 auto;
	width: 930px;
	height: 87px;
	text-align: right;
	}
	
#header #logo {
	float: left;
	position: relative;
	z-index: 20;
	padding-left: 10px;
	}
	
#header #logo-powered {
	float: left;
	padding: 12px 0 0 12px; 
	}
	
#header .vendor-link {
	display: inline-block;
	background: url(../img//header/vendor_link_tab_r.jpg) no-repeat top right;
	}
	
#header .vendor-link a {
	display: inline-block;
	color: #fff;
	background: url(../img//header/vendor_link_tab_l.jpg) no-repeat top left;
	padding: 0 8px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	}

	
	
/*=====================================================================*/	
/* ORDER NAV
=======================================================================*/
	
#ordernav {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../img//header/order_nav_l.gif);
	padding-left: 3px;
	margin: 0;
	height: 27px;
	list-style: none;
	}
	
#ordernav li {
	display: inline-block;
	#zoom: 1; /* Trigger has layout for ie inline-block support */
	#display:inline; /* ie6 & 7 inline-block equivelant if hasLayout is triggered */
	background: transparent url(../img//header/order_nav_rule.gif) top right no-repeat;
	padding-bottom: 3px;
	line-height: 24px;
	text-align: center;
	}
	
#ordernav li a {
	color: #fff;
	padding-left: 3px;
	padding-right: 8px;
	font-size: 11px;
	font-weight: bold;
	text-shadow: #447bb2 -1px -1px;
	}
	
#ordernav li.last {
	background: transparent url(../img//header/order_nav_r.gif) top right no-repeat;
	padding-right: 3px;
	}
	
#ordernav li.cart a {
	background: transparent url(../img//header/icon_cart.gif) no-repeat 6px 0px;
	padding-left: 21px;
	}
	
#ordernav li.list a {
	background: transparent url(../img//header/icon_list.gif) no-repeat 2px 0px;
	padding-left: 15px;
	}
	
#ordernav li.account a {
	background: transparent url(../img//header/icon_account.gif) no-repeat 2px 0px;
	padding-left: 15px;
	}
	
#ordernav li.account a.logout {
	background: none;
	padding-left: 0;
	padding-right: 7px;
	margin-left: -7px;
	}
	
	
	
/*=====================================================================*/	
/* DEALER COST NAV (Only appears on LKXpress)
=======================================================================*/

#dealercostnav {
	position: absolute;
	top: 31px;
	right: 3px;
	list-style: none;
	}

#dealercostnav li {
	float: left;
	}

#dealercostnav label {
	color: #fff;
	padding-left: 4px;
	}
	
	
	
/*=====================================================================*/	
/* MAIN NAV BAR
=======================================================================*/

#mainnav-wrap {
	background: #d5cec5 url(../img//header/nav_bar.jpg);
	position: absolute;
	left: -8px;
	bottom: 0;
	_bottom: -1px; /* IE6 Fix */
	padding: 8px 0 0 4px;
	width: 934px;
	height: 29px;
	z-index: 3;
	text-align: left;
	}
	
#mainnav, #mainnav ul {
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	z-index: 30;
	}
	
	
/* Main Nav - Tabs */
	
#mainnav li {
	background: transparent url(../img//header/nav_rule.gif) top right repeat-y;
	float: left;
	padding-top: 5px;
	#padding-top: 3px; /* ie fix */
	padding-right: 3px;
	height: 24px;
	width: 124px;
	font-weight: bold;
	font-size: 12px;
	text-shadow: #e4e0de 1px 1px;
	}

#mainnav li a {
	position: relative;
	display: block;
	color: #504a44;
	margin: 0 3px 0 4px;
	padding: 0 2px 5px 2px;
	#padding-top: 2px; /* ie fix */
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	}
	
#mainnav li li a { /* Other a tags don't have centered text */
	text-align: left;
	}
	
#mainnav a .tabend {
	position: absolute;
	top: 0;
	right: 0;
	_right: 4px; /* IE6 Fix */
	width: 4px;
	height: 3px;
	font-size: 0; /* IE6 Fix */
	}
	
#mainnav li:hover a, #mainnav li.sfhover a, #mainnav li.active a {
	background: #fff url(../img//header/nav_tab_l.gif) no-repeat;
	#background: #fff url(../img//header/nav_tab_l.gif) no-repeat left 2px; /* ie fix */
	text-shadow: none;
	}	
	
#mainnav li:hover a .tabend, #mainnav li.sfhover a .tabend, #mainnav li.active a .tabend {
	background: transparent url(../img//header/nav_tab_r.gif) no-repeat;
	}
	
#mainnav li li {
	background: none;
	width: auto;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	text-shadow: none;
	}
	

/* Main Nav - Dropdowns */

#mainnav li ul { /* Main Wrapping box */
	position: absolute;
	background: transparent url(../img//header/dropdown_bg_1col.png) no-repeat bottom left;
	_background: #fff url(../img//header/dropdown_bg_1col.png) no-repeat bottom left; /* ie6 display bug related to png */
	padding: 3px 0 11px 3px;
	margin-left: 1px;
	width: 225px;
	z-index: 100;
	}
	
#mainnav li ul li {
	float: none;
	padding: 0;
	}
	
#mainnav li ul li.sub a {
	padding: 0 0 0 20px;
	}
	
#mainnav li ul li a {
	color: #35578a !important;
	background: #fff !important;
	margin: 0 6px 0 0;
	padding: 0 0 0 10px;
	
	}
	
#mainnav li ul a:hover {
	color: #fff !important;
	background: #35578a !important;
	}
	
	
/* Main Nav - Multicolumn Dropdowns */

#mainnav li ul.col-4 { /* Main Wrapping box */
	background: transparent url(../img//header/dropdown_bg_4col.png) no-repeat bottom left;
	_background: #fff url(../img//header/dropdown_bg_4col.png) no-repeat bottom left; /* ie6 display bug related to png */
	width: 661px;
	margin-left: -293px;
	padding: 15px 0 0 15px;
	}
	
#mainnav li ul.col-3 { /* Main Wrapping box */
	background: transparent url(../img//header/dropdown_bg_3col.png) no-repeat bottom left;
	_background: #fff url(../img//header/dropdown_bg_3col.png) no-repeat bottom left; /* ie6 display bug related to png */
	width: 508px;
	margin-left: -200px;
	padding: 0 0 15px 15px;
	}
	
#mainnav li ul.col-2 { /* Main Wrapping box */
	background: transparent url(../img//header/dropdown_bg_2col.png) no-repeat bottom left;
	_background: #fff url(../img//header/dropdown_bg_2col.png) no-repeat bottom left; /* ie6 display bug related to png */
	width: 355px;
	margin-left: -100px;
	padding: 0 0 15px 15px;
	}
	
#mainnav li ul.col-4 li, #mainnav li ul.col-3 li, #mainnav li ul.col-2 li { /* IE needs this rule to stretch to accomadate content */	
	height: auto;
	}
	
#mainnav dl {
	float: left;
	padding: 2px 12px 20px 0;
	width: 153px;
	}
	
#mainnav dt {
	margin: 5px 0;
	border-bottom: 1px solid #d7dadd;
	padding: 0 0 2px 5px;
	line-height: 16px;
	font-weight: bold;
	}
	
#mainnav dd {
	padding: 2px 0 2px 0;
	line-height
	}
	
	
/* Main Nav - Multicolumn Dropdowns Hover */
	
#mainnav dl a {
	margin: 0 !important;
	padding: 4px 0 4px 5px !important;
	line-height: 14px;
	}
	
	
/* Main Nav - Multicolumn Dropdowns Compare Area */
	
#mainnav .compare {
	clear: both;
	border-top: 1px solid #d7dadd;
	padding-top: 11px;
	margin-right: 16px;
	}
	
#mainnav .compare p {
	float: left;
	margin: 0 7px 0 0;
	line-height: 27px;
	font-size: 16px;
	}
	
#mainnav .compare .btn a {
	color: #fff !important;
	background: transparent url(../img/btn_r.gif) no-repeat top right !important;
	margin: 0 !important;
	padding: 0 10px !important;
	line-height: 27px;
	#line-height: 25px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px !important; /* ie fix: line-height to keep default text centered in button */
	}
	
#mainnav .compare .btn a:hover {
	text-decoration: none !important;
	}
	
	
/* Subnav Activation */
	
#mainnav li ul {
	left: -999em; /* Hide Sub Menus */
	}

#mainnav li:hover ul, #mainnav li.sfhover ul {
	left: auto; /* Show Sub Menus */
	padding-bottom: 1px;
	}
	


/*=====================================================================*/	
/* SEARCH
=======================================================================*/

#mainnav-wrap .search {
	position: absolute;
	top: 11px;
	right: 4px;
	background: transparent url(../img//header/search_field.gif) no-repeat;
	width: 160px;
	height: 24px;
	}
	
#mainnav-wrap .search input {
	color: #454545;
	margin: 2px 0 0 2px;
	border: 0;
	padding: 0 4px;
	width: 112px;
	height: 19px;
	line-height: 19px;
	font-family: Arial;
	font-size: 13px;
	}
	
#mainnav-wrap .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../img//header/search_btn.gif) no-repeat;
	width: 41px;
	height: 24px;
	text-indent: -9999px;
	}
	
	
	
/*=====================================================================*/	
/* BREAD CRUMBS
=======================================================================*/

#breadcrumbs {
	margin: 0 auto;
	width: 930px;
	height: 29px;
	line-height: 29px;
	text-align: left;
	}
	
#breadcrumbs a {
	text-decoration: none;
	}
	
	
	
/*=====================================================================*/	
/* FOOTER
=======================================================================*/

#footer-clear { /* Keep the footer from overlapping content */
	clear: both;
	width: 100%;
	height: 280px;
	}

#footer-wrap {
	background: #d5cec5 url(../img//footer/footer_bg.gif) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	/*z-index: -1;*/
	width: 100%;
	}
				
#footer {
	position: relative;
	margin: 0 auto;
	width: 930px;
	font-size: 12px;
	}
	
	

/* Nav List */

#footer .nav {
	float: left;
	margin-bottom: 18px;
	padding-right: 15px;
	width: 160px;
	line-height: 18px;
	}
	
#footer .nav dt {
	margin-top: 18px;
	font-weight: bold;
	}
	

	
/* Logo Area - (Verisign Etc...) */
	
#footer #logo-box {
	position: absolute;
	top: 0;
	right: -4px;
	background: transparent url(../img//footer/logo_box.gif) bottom right no-repeat;
	padding: 0 4px 4px 4px;
	width: 403px;
	}
	
#footer #logo-box-gradient {
	background: transparent url(../img//footer/logo_box_gradient.gif) top right repeat-x;
	padding: 15px;
	width: 373px;
	}
	
#footer #logo-box .phone {
	float: left;
	line-height: 16px;
	margin: -4px 0 0 0;
	padding: 0;
	}
	
#footer #logo-box .live-chat {
	float: right;
	}
	
#footer #logo-box .logos {
	clear: both;
	padding-top: 5px;
	}
	
#footer #logo-box .logos img {
	float: left;
	}

	
/* Copyright Information */
	
#copyright {
	clear: both;
	background: transparent url(../img//footer/copyright_bg.gif) repeat-x;
	padding: 15px 0 12px 0;
	width: 100%;
	text-align: center;
	}
	
#copyright p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
	font-family: arial, sans-serif;
	}




/*=====================================================================*/	
/* PRE-FOOTER: Used on the JC Penny Site
=======================================================================*/

#pre-footer {
	clear: both;
	position: relative;
	left: -3px;
	background: transparent url(../img/window_top.gif) no-repeat top left;
	border-top: 25px solid #fff;
	padding: 17px 8px 17px 23px ;
	width: 913px;
	}
	
#pre-footer .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(../img/window_bottom.gif) no-repeat bottom left;
	width: 936px;
	height: 3px;
	}
	
#pre-footer dl {
	float: left;
	margin-right: 15px;
	width: 166px;
	line-height: 20px;
	}
	
#pre-footer dt {
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 5px;
	}
	
#pre-footer dl.two-column {
	margin-right: 0;
	width: 362px;
	}

#pre-footer dl.two-column dt {
	margin-right: 15px;
	}
	
	
#pre-footer dl.two-column dd {
	display: block;
	float: left;
	width: 166px;
	margin-right: 15px;
	}
	
	
/*=====================================================================*/	
/* JCP HEADER BANNER: Used on the JC Penny Site
=======================================================================*/
	
#jcp-levolor-banner {
	position: relative;
	margin: 0 auto 0 auto;
	border-top: 1px solid #e4e5e1;
	border-bottom: 1px solid #e4e5e1;
	height: 59px;
	width: 960px;
	}
	
#jcp-levolor-banner .logo {
	position: absolute;
	top: 14px;
	left: 15px;
	display: block;
	background: transparent url(../img/jcp_header_banner/logo+tag.jpg) no-repeat;
	width: 353px;
	height: 29px;
	text-indent: -9999px;
	}
	
#jcp-levolor-banner .live-chat {
	position: absolute;
	top: 5px;
	right: 230px;
	display: block;
	background: transparent url(../img/jcp_header_banner/live_chat.jpg) no-repeat;
	width: 245px;
	height: 49px;
	text-indent: -9999px;
	}
	
#jcp-levolor-banner .free-swatches {
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	background: transparent url(../img/jcp_header_banner/free_swatches.jpg) no-repeat;
	width: 213px;
	height: 49px;
	text-indent: -9999px;
	}


/*=====================================================================*/	
/* CONTENT
=======================================================================*/	
	
#content {
	position: relative;
	margin: 35px auto 35px auto;
	width: 930px;
	#z-index: -2; /* IE6 & IE7 */
	}
	
#content-print { /* content dive for when the nav and other framework is not present */
	position: relative;
	margin: 35px 35px 100px 35px;
	}
	




/*=====================================================================*/	
/* SIDEBAR NAVIGATION
=======================================================================*/

#navigation {
	position: relative;
	z-index: 2; /* This is for the more options box - ie needs the parent to have the z-index set */
	float: left;
	background: #2e486d;
	margin-bottom: 15px;
	width: 232px;
	}
	
#navigation a {
	text-decoration: none;
	}
	
#navigation h2 { /* Top of the window */
	display: block;
	color: #fff;
	background: transparent url(../img//sidebar/sidebar_header.gif) top no-repeat;
	margin: 0;
	padding-left: 17px;
	border-bottom: 1px solid #627ba1;
	line-height: 45px;
	font-size: 19px;
	font-weight: normal;
	}

#navigation ul { /* Bottom of the window */
	color: #fff;
	background: transparent url(../img//sidebar/sidebar_bottom.gif) no-repeat bottom left;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	list-style: none;
	}
	
#navigation ul li {
	margin: 0 10px 2px 0;
	padding: 0;
	line-height: 25px;
	height: 100%; /* ie6 & 7 fix for top of list image being cutoff */
	}

#navigation ul ul li {
	margin: 0 0 2px 0;
	}
	
#navigation ul a {
	color: #fff;
	}	

#navigation ul li.default {
	background: transparent url(../img/diamond_bullet_white.gif) no-repeat 15px 9px;
	padding: 0 0 0 27px;
	}
	
#navigation .underline a { /* This is the selected state in the normal nav (not the store) */
	text-decoration: underline !important;
	}
	
	
/* Spinners & Checkboxes */
	
#navigation ul ul { /* Spinner Level */
	background: none;
	padding: 0 0 0 12px;
	margin: 5px 0 0 0;
	}
	
#navigation ul ul ul { /* Checkbox Level */
	position: relative;
	background: none;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li.open {
	position: relative;
	background: transparent url(../img//sidebar/nav_bullet_open.gif) no-repeat 0 10px;
	padding: 0 0 0 12px;
	}

#navigation ul li.open .label {
	padding-right: 3px;
	font-size: 13px;
	}
	
#navigation ul li .view-more { /* View More Link */
	color: #86b7ff !important;
	}
	
#navigation ul li .view-more img { /* View More Icon */
	margin: 0 4px;
	}

	
/* Selected State */

#navigation ul li.selected {
	position: relative; /* ie6 dissapearing background fix */
	background: transparent url(../img//sidebar/store_nav_selected.gif) no-repeat;
	padding: 0 0 0 15px;
	}
	
#navigation ul li.selected>a { /* Only direct children */
	position: relative; /* ie6 dissapearing background fix */
	color: #616161;
	background: transparent url(../img/diamond_bullet.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	}

* html #navigation ul li.selected a { /* So ie6 can emulate a direct child selector. elegant - no, works - yes */
	color: expression(/selected/.test(this.parentNode.className)? "#454545" : "#fff");
	background: expression(/selected/.test(this.parentNode.className)? "transparent url(../img//store/store_nav_sub_bullet_over.gif) no-repeat 0 4px" : "none");
	padding: expression(/selected/.test(this.parentNode.className)? "0 0 0 12px" : "0");
	}


/* Navigation Search Bar */	

#store-search {
	background: #304a70 url(../img//sidebar/search_background.gif) top repeat-x;
	padding: 7px 0 7px 7px;
	border-bottom: 1px solid #627ba1;
	height: 21px;
	}
		
#store-search input {
	float: left;
	margin-right: 4px;
	border: 1px solid #aea9a2;
	padding: 0 3px;
	height: 19px;
	width: 145px;
	}
	
	
/* Navigation Filters Applied */	

#filters-applied {
	color: #fff;
	background: #273D5D url(../img//sidebar/filter_top_shadow.gif) repeat-x;
	border-bottom: 1px solid #627ba1;
	padding: 15px 15px 0 15px;
	font-size: 12px;
	}
	
#filters-applied h3 {
	margin: 0;
	font-size: 12px;
	}

#filters-applied dl {
	margin: 0;
	}
	
#filters-applied dt {
	background: #273D5D url(../img//sidebar/filter_dotted_rule.gif) repeat-x;
	margin-top: 10px;
	padding: 9px 0 1px 0;
	font-weight: bold;
	}
	
#filters-applied dt.first {
	background: none;
	margin-top: 1px;
	}
	
#filters-applied dd {
	margin: 0;
	padding-top: 5px;
	}

#filters-applied dd img { /* Remove Filter Icon */
	margin-right: 7px;
	}

#filters-applied .clear-all {
	background: transparent url(../img//sidebar/filter_dotted_rule.gif) repeat-x;
	margin-top: 10px;
	padding-top: 9px;
	text-align: right;
	}

#filters-applied .clear-all a {
	color: #86b7ff;
	}
	
#filters-applied .bottom {
	background: #273D5D url(../img//sidebar/filter_bottom_shadow.gif) repeat-x bottom left;
	margin-left: -15px;
	margin-right: -15px;
	height: 15px;
	width: 232px;
	}


/* Show More Options Window */

.more-parent { /* must be applied to the li parent of the option list containing the more-options div */
	position: relative;
	z-index: 3;
	}

.more-options {
	position: absolute;
	top: -53px;
	left: -21px;
	z-index: 4;
	width: 667px;
	background: transparent url(../img//sidebar/more_options_shadow.png) bottom left;
	}
	
.more-options .body {
	background: #2e486d url(../img//sidebar/more_top_bar.gif) repeat-x;
	margin: 0 0 6px 6px;
	padding: 14px 15px 15px 15px;
	}

.more-options h3 {
	line-height: 17px;
	margin-bottom: 22px;
	}
	
.more-options .btn.btn-close {
	position: absolute;
	top: 11px;
	right: 15px;
	background: transparent url(../img/btn_search_sidebar_l.gif) no-repeat;
	}
	
.more-options .btn.btn-close a {
	color: #fff !important;
	background: transparent url(../img/btn_search_sidebar_r.gif) no-repeat top right;
	line-height: 21px;
	#line-height: 19px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}
	
.more-options li {
	float: left;
	padding-right: 15px;
	width: 210px;
	}

.more-options .bottom { /* A clearer and a container for the button */
	clear: both;
	padding-top: 10px;
	height: 20px;
	}
	
	
/* Rounded Sidebar - This sits under the sidebar and shows any extra info */

.rounded-sidebar {
	float: left;
	clear: left;
	position: relative;
	background: url(../img//sidebar/sidebar_rounded_bg.gif) no-repeat bottom left;
	margin-bottom: 15px;
	padding: 11px;
	width: 210px;
	}
	
.rounded-sidebar .top {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img//sidebar/sidebar_rounded_top.gif) no-repeat top left;	
	width: 232px;
	height: 10px;
	}
	
.rounded-sidebar ul {
	list-style: none;
	margin: 10px 0 12px 0;
	line-height: 17px;
	}
	
/* Promos below the sidebar */
	
#new-store .left-promos {
	float: left;
	clear: left;
	width: 227px;
	}



/*=====================================================================*/	
/* FEEDBACK TAB: The tab that sticks to the left edge of the screen
=======================================================================*/

#feedback-tab {
	display: block;
	position: fixed;
	_position: absolute; /* ie6 rule */
	top: 110px;
	right: 0;
	z-index: 49;
	background: transparent url(../img/feedback_tab.png);
	width: 33px;
	height: 107px;
	text-indent: -9999px;
	}




/*=====================================================================*/	
/* PROMO DRAWER: This is a container under the main nav for promos
=======================================================================*/

#promo-drawer {
	position: relative;
	z-index: -1;
	background: #d3cec8 url("../img//promo_drawer/pdrawer_bg.jpg") repeat-x;
	margin: 0 auto;
	border-bottom: 3px solid #2f496e;
	padding: 20px 20px 0 223px;
	height: 114px;
	width: 687px;
	}

#promo-drawer .main-img {
	position: absolute;
	top: 0;
	left: 0;
	}
	
#promo-drawer h1 {
	float: left;
	margin-top: 10px;
	font-size: 21px;
	font-weight: normal;
	}
	
#promo-drawer .button-area {
	float: right;
	background: #d3cdc8 url("../img//promo_drawer/pdrawer_btn_area.jpg") repeat-x;
	padding: 14px;
	border: 1px solid #aea9a2;
	width: 240px;
	text-align: center;
	}
	
#promo-drawer .button-area .btn {
	float: none;
	margin-bottom: 5px;
	}	
	
#promo-drawer .close {
	display: block;
	background: transparent url("../img//promo_drawer/pdrawer_close.gif");
	position: absolute;
	bottom: 0;
	right: 0;
	width: 61px;
	height: 17px;
	text-indent: -9999px;
	}
	
	
	
/*======================================================================*/
/* PAGINATION
/*======================================================================*/
	
.pagination {
	position: relative;
	clear: both;
	border-top: 1px solid #d7dadd;
	padding-top: 5px;
	margin: 2px 0 23px 0;
	}

.pagination dl {
	display: inline;
	}
	
.pagination dl dt { /* The label */
	float: left;
	display: block;
	margin: 0 0 0 21px;
	height: 19px;
	line-height: 19px;
	}
	
.pagination dl dd { /* The tiny buttons */
	float: left;
	display: block;
	background: transparent url(../img/btn_tiny_r.gif) no-repeat top right;
	margin-left: 4px;
	padding-right: 6px;
	height: 19px;
	line-height: 19px;
	}
	
.pagination dl dd.selected {
	background: none;
	padding: 0 6px;
	}
	
.pagination dl dd a {
	float: left;
	display: block;
	background: transparent url(../img/btn_tiny_l.gif) no-repeat top left;
	padding-left: 6px;
	height: 19px;
	line-height: 19px;
	text-decoration: none;
	}

.page-jump {
	position: absolute;
	top: 6px;
	right: 0;
	}

	
	
/*======================================================================*/
/* QUICKQUOTE
/*======================================================================*/

#quickquote {
	position: relative;
	background: #ece9e2;
	margin: 0 0 15px 0;
	padding: 4px 0 4px 145px;
	line-height: 24px;
	border: 1px solid #c9c5bc;
		-webkit-border-radius: 5px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius: 5px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-bottomleft: 8px;
	border-radius: 5px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	}

#quickquote .heading {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	color: #fff;
	background: #305682;
	border: 1px solid #305682;
	padding: 0 10px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 115px;
	height: 100%;
	line-height: 34px;
	font-weight: bold;
	}
	
#quickquote .heading .arrow {
	position: absolute;
	top: 8px;
	left: -17px;
	display:  block;
	background: transparent url(../img//qq_arrow.gif);
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	}

#quickquote input[type="button"] {
	margin-left: 10px;
	}
	

/* Multiline */

#quickquote.multiline label {
	display: inline-block;
	width: 60px;
	text-align: right;
	}
	
#quickquote.multiline input[type="button"] {
	margin: 3px 0 2px 63px;
	}


/*======================================================================*/
/* LISTING BOX
/*======================================================================*/

.listing {
	position: relative;
	background: url(../img/listing_box_top.gif) no-repeat top right;
	width: 664px;
	margin-left: -2px;
	margin-bottom: 22px;
	}
	
.listing .end {
	clear: both;
	background: url(../img/listing_box_bottom.gif) no-repeat bottom right;
	width: 664px;
	height: 15px;
	}
	
	
/* Compare Tab */
	
.listing .compare {
	position: relative;
	float: left;
	background: url(../img/compare_tab.gif) no-repeat top left;
	margin-right: 11px;
	width: 32px;
	height: 97px;
	}
	
.listing .compare a {
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(../img/compare_link.gif) no-repeat top left;
	width: 13px;
	height: 57px;
	text-indent: -9999px;
	}
	
.listing .compare input {
	position: absolute;
	bottom: 10px;
	left: 11px;
	width: 12px;
	height: 12px;
	}
	
.listing .compare.hide {
	background: none;
	}
	
.listing .compare.hide input, .listing .compare.hide a {
	display: none;
	}
	
	
/* Main Image & Branding */
	
.listing .image {
	float: left;
	border: 1px solid #d7dadd;
	padding: 4px;
	margin: 14px 13px 0 0;
	}
	
.listing .image .brand-levolor {
	background: url(../img/store_logo_levolor.jpg) no-repeat center center;
	width: 145px;
	height: 36px;
	text-indent: -9999px;
	}
	
.listing .image .brand-kirsch {
	background: url(../img/store_logo_kirsch.jpg) no-repeat center center;
	width: 145px;
	height: 36px;
	text-indent: -9999px;
	}

	
	
/* Body with Product Details */
	
.listing .body {
	float: left;
	margin-top: 25px;
	margin-right: 12px; 
	width: 272px;
	}
	
.listing .body li {
	list-style: none;
	}
	
	
/* Purchase Area */	
	
.listing .purchase {
	float: left;
	margin-top: 15px;
	padding: 15px 15px 37px 15px;
	width: 124px;
	height: 100%;
	}
	
.listing .purchase .price {
	display: block;
	color: #fb2929;
	font-size: 16px;
	font-weight: bold;
	}
	
.listing .purchase .size {
	display: block;
	font-size: 12px;
	margin-bottom: 8px;
	}
 
.listing .purchase .btn {
	position: absolute;
	bottom: 29px;
	right: 29px;
	width: 124px;
	}
	
	
	
/*======================================================================*/
/* SWATCH LISTING
/*======================================================================*/

.swatch-listing {
	position: relative;
	left: -2px;
	background: url(../img/details_box_top.gif) no-repeat top right;
	padding: 23px 0 3px 23px;
	width: 642px;
	}
	
.swatch-listing .end {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/details_box_bottom.gif) no-repeat bottom left;
	width: 665px;
	height: 15px;
	}
	
	
/* Simple Swatch - Also used on the trim & go pages */
	
.swatch-listing .swatch {
	position: relative;
	float: left;
	padding: 0 20px 20px 0; /* padding instead of margin because of ie6 */
	width: 108px;
	text-align: center;
	}
	
.swatch-listing .swatch img {
	margin-bottom: 10px;
	border: 1px solid #adadad;
	padding: 4px;
	width: 98px;
	height: 98px;
	}


	
	
/*======================================================================*/
/* DETAILS BOX - THIS IS LIKELY BEING REPLACED
/*======================================================================*/

/* Details */

#new-store .details {
	position: relative;
	top: 29px;
	float: right;
	background: transparent url(../img//store/details_bg.gif) repeat-y top right;
	padding: 29px 29px 29px 47px;
	width: 609px;
	}
	
#new-store .details .top {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../img//store/details_top.gif) no-repeat top right;
	width: 685px;
	height: 8px;
	}
	
#new-store .details .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(../img//store/details_bottom.gif) no-repeat bottom right;
	width: 685px;
	height: 8px;
	}
	
#new-store .details .photos {
	float: left;
	width: 352px;
	}
	
#new-store .details .photos img {
	border: 1px solid #d7dadd;
	padding: 4px;
	}
	
#new-store .details .photos .thumbs img {
	margin: 10px 5px 0 0;
	border: 1px solid #d7dadd;
	padding: 4px;
	}
	
#new-store .details .info {
	float: right;
	width: 236px;
	}
	
#new-store .details .btn-big {
	margin-top: 15px;
	width: 113px;
	}
	
#new-store .details .btn-minor {
	float: left;
	margin: 15px 0 0 0;
	width: 113px;
	}

#new-store .details hr {
	margin: 15px 0 15px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #d7dadd;
	height: 1px;
	}

#new-store .price-big {
	position: absolute;
	top: 0;
	right: 4px;
	display: block;
	color: #fff;
	background: red url(../img//store/pricetag.jpg) no-repeat;
	margin: 0;
	padding: 0;
	width: 86px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 17px;
	}
	
	
	
	
	
	
	
/*======================================================================*/
/* STORE DETAILS BOX - FOR REBRANDING
/*======================================================================*/

.store-details {
	float: right;
	position: relative;
	background: url(../img/details_box_top.gif) no-repeat top right;
	width: 665px;
	margin-left: -2px;
	margin-bottom: 25px;
	}
	
.store-details .end {
	clear: both;
	background: url(../img/details_box_bottom.gif) no-repeat bottom right;
	width: 665px;
	height: 15px;
	}
	
.store-details h2 {
	margin: 6px 0 13px 15px;
	border-bottom: 1px solid #d7dadd;
	line-height: 38px;
	width: 469px;
	font-size: 19px;
	font-weight: normal;
	}
	
	
/* Main Image & Branding
======================================================================*/
	

.store-details .image {
	float: left;
	border: 1px solid #d7dadd;
	padding: 4px;
	margin: 0 13px 0 15px;
	_margin-left: 7px; /* fixing ie6 double margin float bug */
	}
	
.store-details .image .brand-levolor {
	background: url(../img/store_logo_levolor.jpg) no-repeat center center;
	width: 145px;
	height: 36px;
	text-indent: -9999px;
	}
	
.store-details .image .brand-kirsch {
	background: url(../img/store_logo_kirsch.jpg) no-repeat center center;
	width: 145px;
	height: 36px;
	text-indent: -9999px;
	}
	
	
/* Body with Product Details
======================================================================*/
	
.store-details .body {
	position: relative;
	float: left;
	margin-right: 12px; 
	width: 282px;
	}
	
.store-details .body li {
	list-style: none;
	}
	
.store-details .body .offers {
	width: 136px;
	}
	
.store-details .body .offers p {
	margin: 0 0 3px 0;
	}

.store-details .body .checks {	
	margin: 0;
	}
	
	
.store-details .body .checks li {
	color: #fb2929;
	background: url(../img/bullet_purchase_check.gif) no-repeat 0 2px;
	padding-left: 14px;
	font-size: 12px;
	list-style: none;
	}
	
.store-details .body .live-chat {
	position: absolute;
	bottom: 0;
	right: 5px;
	background: url(../img/live_chat.jpg) no-repeat;
	width: 72px;
	height: 89px;
	text-indent: -9999px;
	}
	
	
/* Purchase Area
======================================================================*/

.store-details .purchase {
	float: right;
	margin-top: -44px;
	padding-right: 15px;
	width: 154px;
	height: 100%;
	font-size: 12px;
	}
	
.store-details .purchase .module {
	background: #e5e5e5;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #cecece;
	padding: 10px;
	}
	
.store-details .purchase h3 {
	margin-top: -3px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	}
	
.store-details .purchase .price {
	display: block;
	color: #fb2929;
	font-size: 16px;
	font-weight: bold;
	}
	
.store-details .purchase .retailers {
	min-height: 65px;
	}
	
.store-details .purchase .retailers img {
	float: none;
	padding: 0 10px 0 0;
	border: 0;
	margin: 0;
	}
	
.store-details .purchase .dealer-locator {
	height: 37px;
	}
	
.store-details .purchase .dealer-locator input {
	float: left;
	padding: 3px 5px;
	padding: 2px 5px; /* IE Fix */
	width: 80px;
	border: 1px solid #9f9e9e;
	}
	
.store-details .purchase .dealer-locator .btn {
	float: right;
	}
	
.store-details .purchase .order {
	border-bottom: none;
	}	

.store-details .purchase .order .btn {
	float: none;
	width: 100%;
	}



/*======================================================================*/
/* STORE DETAILS NAVIGATION
/*======================================================================*/

.store-details-nav {
	display: block;
	float: right;
	width: 665px;
	height: 34px;
	list-style: none;
	}
	
.store-details-nav li {
	display: block;
	float: left;
	background: url(../img/store_details/det_tab_left.gif) no-repeat;
	height: 34px;
	width: 133px;
	}
	
.store-details-nav li.first {
	background: url(../img/store_details/det_tab_left_first.gif) no-repeat;
	}
	
.store-details-nav a {
	display: block;
	color: #433f3b;
	background: url(../img/store_details/det_tab_rule.gif) no-repeat top right;
	line-height: 34px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	}
	
.store-details-nav .last a {
	background: url(../img/store_details/det_tab_right.gif) no-repeat top right;
	}
	
.store-details-nav a:hover {
	text-decoration: none;
	}

	
	
/* Over/Selected State
/* These styles are broken up because ie6 can't recognize multiple classes
======================================================================*/

/* Middle Buttons */

.store-details-nav li:hover, .store-details-nav li.selected {
	background: url(../img/store_details/det_tab_over_left.gif) no-repeat;
	}

.store-details-nav li:hover a, .store-details-nav li.selected a {
	color: #fff;
	background: url(../img/store_details/det_tab_over_rule.gif) no-repeat top right;
	}
	
.store-details-nav li:hover div, .store-details-nav li.selected div {
	background: transparent url(../img/store_details/det_tab_arrow.gif) no-repeat bottom center;
	height: 42px;
	width: 100%;
	}

/* First Button */

.store-details-nav li:hover.first {
	background: url(../img/store_details/det_tab_over_left_first.gif) no-repeat;
	}
	
.store-details-nav li.first.selected {
	background: url(../img/store_details/det_tab_over_left_first.gif) no-repeat;
	}

/* Last Button */

.store-details-nav li:hover.last a {
	background: url(../img/store_details/det_tab_over_right.gif) no-repeat top right;
	}
	
.store-details-nav li.last.selected a {
	background: url(../img/store_details/det_tab_over_right.gif) no-repeat top right;
	}






/*======================================================================*/
/* BROCHURE NAVIGATION
/*======================================================================*/

.brochure-headline { /* Can be removed after brochure revs */
	height: 40px;
	}

.brochure-headline h1 { /* Can be removed after brochure revs */
	float: left;
	margin: 0;
	font-size: 21px;
	font-weight: normal;
	}
	
.brochure-headline .btn { /* Can be removed after brochure revs */
	float: right;
	margin-left: 5px;
	}

.brochure-nav {
	display: block;
	margin: 0 0 55px 0;
	width: 930px;
	height: 30px;
	list-style: none;
	}
	
.brochure-nav li {
	display: block;
	float: left;
	background: url(../img/brochure_nav/det_tab_left.gif) no-repeat;
	height: 30px;
	width: 155px;
	}
	
.brochure-nav li.first {
	background: url(../img/brochure_nav/det_tab_left_first.gif) no-repeat;
	}
	
.brochure-nav a {
	display: block;
	color: #433f3b;
	background: url(../img/brochure_nav/det_tab_rule.gif) no-repeat top right;
	line-height: 30px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	}
	
.brochure-nav a:hover {
	text-decoration: none;
	}

.brochure-nav a.two-lines {
	line-height: 12px;
	padding-top: 2px;
	}
	
/* Last Tab */
	
.brochure-nav .last a {
	background: url(../img/brochure_nav/det_tab_right.gif) no-repeat top right;
	}
	
	
/* Purchase Tab - Always in last position */
	
.brochure-nav .purchase {
	background: url(../img/brochure_nav/det_tab_purchase_left.gif) no-repeat;
	}
	
.brochure-nav .purchase a {
	color: #fff;
	background: url(../img/brochure_nav/det_tab_purchase_right.gif) no-repeat top right;
	}
		

	
	
/* Over/Selected State
/* These styles are broken up because ie6 can't recognize multiple classes
======================================================================*/

/* Middle Tabs */

.brochure-nav li:hover, .brochure-nav li.selected {
	background: url(../img/brochure_nav/det_tab_over_left.gif) no-repeat;
	}

.brochure-nav li:hover a, .brochure-nav li.selected a {
	color: #fff;
	background: url(../img/brochure_nav/det_tab_over_rule.gif) no-repeat top right;
	}
	
.brochure-nav li:hover div, .brochure-nav li.selected div {
	background: transparent url(../img/brochure_nav/det_tab_arrow.gif) no-repeat bottom center;
	height: 40px;
	width: 100%;
	}
	

/* First Tab */

.brochure-nav li:hover.first {
	background: url(../img/brochure_nav/det_tab_over_left_first.gif) no-repeat;
	}
	
.brochure-nav li.first.selected {
	background: url(../img/brochure_nav/det_tab_over_left_first.gif) no-repeat;
	}


/* Last Tab */

.brochure-nav li:hover.last a {
	background: url(../img/brochure_nav/det_tab_over_right.gif) no-repeat top right;
	}
	
.brochure-nav li.last.selected a {
	background: url(../img/brochure_nav/det_tab_over_right.gif) no-repeat top right;
	}
	
	
/* Purchase Tab */

.brochure-nav li:hover.purchase, .brochure-nav li.purchase.selected {
	bbackground: url(../img/brochure_nav/det_tab_over_left_first.gif) no-repeat;
	}
	
.brochure-nav li:hover.purchase a {
	background: url(../img/brochure_nav/det_tab_over_right.gif) no-repeat top right;
	}
	
.brochure-nav li.purchase.selected a {
	background: url(../img/brochure_nav/det_tab_right.gif) no-repeat top right;
	}
	
.brochure-nav li:hover.purchase div, .brochure-nav li.purchase.selected div {
	background: transparent url(../img/brochure_nav/det_tab_arrow.gif) no-repeat bottom center;
	height: 40px;
	width: 100%;
	}
	

	
	
/* ROUNDED TOP - A version of the nav bar if there is no hero image
======================================================================*/

/* Bottom Version's Top Margin */

.brochure-nav.bottom {
	margin-top: 55px !important;
	}
	
/* First Button */

.brochure-nav.rounded li.first, .brochure-nav.bottom li.first {
	background: url(../img/brochure_nav/det_tab_round_left_first.gif) no-repeat;
	}

.brochure-nav.rounded li:hover.first, .brochure-nav.bottom li:hover.first {
	background: url(../img/brochure_nav/det_tab_round_over_left_first.gif) no-repeat;
	}
	
.brochure-nav.rounded li.first.selected, .brochure-nav.bottom li.first.selected {
	background: url(../img/brochure_nav/det_tab_round_over_left_first.gif) no-repeat;
	}

/* Last Button */

.brochure-nav.rounded .last a, .brochure-nav.bottom .last a {
	background: url(../img/brochure_nav/det_tab_round_right.gif) no-repeat top right;
	}

.brochure-nav.rounded li:hover.last a, .brochure-nav.bottom li:hover.last a {
	background: url(../img/brochure_nav/det_tab_round_over_right.gif) no-repeat top right;
	}
	
.brochure-nav.rounded li.last.selected a, .brochure-nav.bottom li.last.selected a {
	background: url(../img/brochure_nav/det_tab_round_over_right.gif) no-repeat top right;
	}
	
/* Purchase Tab */

.brochure-nav.rounded li.selected.purchase, .brochure-nav.bottom li.selected.purchase, .brochure-nav.rounded li:hover.purchase, .brochure-nav.bottom li:hover.purchase {
	background: url(../img/brochure_nav/det_tab_over_left.gif) no-repeat top left;
	}

.brochure-nav.rounded li.purchase a, .brochure-nav.bottom li.purchase a {
	background: url(../img/brochure_nav/det_tab_round_purchase_right.gif) no-repeat top right;
	}

	
	
	
/* ARROW POINTING UP - A version of the nav bar for the bottom of the page
======================================================================*/

/* Arrow */
	
.brochure-nav.bottom li:hover div, .brochure-nav.bottom li.selected div {
	background: transparent url(../img/brochure_nav/det_tab_arrow_up.gif) no-repeat top center;
	margin-top: -11px;
	padding-top: 11px;
	height: 40px;
	width: 100%;
	}
	
	
	
/* SIZES - Size tabs depending on how many there are.
======================================================================*/

.brochure-nav.count-3 li { width: 310px; }

.brochure-nav.count-4 li { width: 232px; }
.brochure-nav.count-4 li.first { width: 233px; }
.brochure-nav.count-4 li.last { width: 233px; }

.brochure-nav.count-5 li { width: 186px; }

.brochure-nav.count-6 li { width: 155px; }

.brochure-nav.count-7 li { width: 132px; }
.brochure-nav.count-7 li.first { width: 135px; }
.brochure-nav.count-7 li.last { width: 135px; }

.brochure-nav.count-8 li { width: 116px; }
.brochure-nav.count-8 li.first { width: 117px; }
.brochure-nav.count-8 li.last { width: 117px; }

.brochure-nav.count-9 li { width: 103px; }
.brochure-nav.count-9 li.first { width: 104px; }
.brochure-nav.count-9 li.last { width: 105px; }
		
	
	
	
	
/*======================================================================*/
/* STRUCTURE
/*======================================================================*/

#main-col { /* The main column next to the sidebar */
	float: right;
	margin-top: 23px;
	width: 659px;
	}
	
.contentwrap { /* This is still used in places */
	position: relative;
	width: 637px;
	padding: 25px 0;
	}
	
/* All these col styles are old and should be weeded out soon */
	
.full {
	margin: 25px !important;
	width: auto !important;
	}
	
.rcol-a {
	float: right;
	width: 637px;
	}
	
.rcol-b {
	float: right;
	width: 214px;
	}
	
.rcol-c {
	float: right;
	width: 306px;
	}
	
.rcol-d {
	float: right;
	width: 735px;
	}
	
.lcol-a {
	float: left;
	width: 637px;
	}
	
.lcol-b {
	float: left;
	width: 405px;
	}
	
.lcol-c {
	float: left;
	width: 269px;
	}
	
.lcol-d {
	float: left;
	width: 195px;
	}
/*
*************************************************

LEVOLOR
Configurator Screen Styles

*************************************************
*/

.config-column {
	float: right;
	width: 637px;
	}
	
	

/*======================================================================*/
/* Loader
/*======================================================================*/
	
.config_loader {
	background: #f1f3f6;
	border: 1px solid #35527d;
	margin: 50px 153px; 
	width: 328px;
	padding: 15px 0;
	text-align: center;
	}
	
.config-warning {
	background: #f1f3f6;
	border: 1px solid #35527d;
	margin: 50px 138px; 
	width: 328px;
	padding: 15px;
	}
	
	
	
/*======================================================================*/
/* Scene 7 Window
/*======================================================================*/

#scene7window {
	position: relative;
	width: 270px;
	}
	
	
/* Regular Price */

#regular-price {
	float: left;
	position: relative;
	}
	
#regular-price .promo-info {
	position: absolute;
	top: -8px;
	right: -257px;
	z-index: 2;
	background: transparent;
	padding: 9px 10px 5px 30px;
	border: 1px solid transparent;
	width: 220px;
	}
	
#regular-price .promo-info .icon {
	display: block;
	position: absolute;
	top: 8px;
	left: 8px;
	background: url(../img//configurator/info_icon.gif);
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	}
	
#regular-price .promo-info ul {
	display: none;
	margin: 0 !important;
	}
	
#regular-price .promo-info ul li {
	color: #fb2929;
	background: url(../img/bullet_purchase_check.gif) no-repeat 0 2px;
	padding-left: 14px;
	padding-bottom: 5px;
	list-style: none;
	line-height: 15px;
	}
	
	
/* Regular Price - Hover */
	
#regular-price .promo-info.over {
	background: #e6e6e6;
	border: 1px solid #a2a2a2;
	}
	
#regular-price .promo-info.over ul {
	display: inline;
	}


	
/* Ship Date */
	
#shipdate {
	position: absolute;
	top: 16px;
	left: 0;
	}

	
/* Price Tag */

#scene7window #configuredprice {
	color: #fff;
	background: red url(../img//configurator/pricetag.jpg);
	float: right;
	width: 86px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	}
	
#scene7window #configuredprice img {
	margin-top: 8px;
	}
	
	
/* Color Message */

#scene7window #colormessage {
	color: #fff;
	background: red url(../img//configurator/scene_7_top_message.jpg);
	float: right;
	padding: 4px 0 0 0;
	width: 270px;
	height: 30px;
	line-height: 14px;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	}

	
/* Image */

#scene7wrap {
	position: relative;
	clear: both;
	border: 1px solid #35527d;
	width: 268px;
	height: 366px;
	}
	
#scene7window #scene7_spinner {
	position: absolute;
	top: 0;
	right: 0;
	width: 268px;
	height: 366px;
	}

#scene7window #scene7image {
	display: block;
	color: #fff;
	background: #35527d;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	}
	
/* LinK to the left of the price tag */
	
#scene7window #cart-links {
	position: absolute;
	top: 8px;
	font-size: 12px;
	line-height: 12px;
	}
	
	
	
/*======================================================================*/
/* BALLOON
========================================================================*/

.balloon {
	color: #000;
	position: relative;
	width: 318px;
	}

.balloon .high-top {
	background: transparent url(../img//configurator/balloon_point_top.gif) no-repeat;
	padding: 15px 15px 0 43px;
	}
	
.balloon .high-btm {
	background: transparent url("../img//configurator/balloon_btm.gif") no-repeat;
	height: 13px;
	}
	
.balloon .low-top {
	background: transparent url("../img//configurator/balloon_top.gif") no-repeat;
	height: 13px;
	}
	
.balloon .low-btm {
	background: transparent url("../img//configurator/balloon_point_btm.gif") no-repeat left bottom;
	padding: 0 15px 15px 43px;
	}
		
.balloon p {
	margin: 10px 0 0 0;
	font-family: arial, sans-serif;
	font-size: 13px;
	}
	
.balloon h4 {
	font-size: 14px;
	}
	
.balloon .x {
	position: absolute;
	top: 15px;
	right: 15px;
	}
	
	
	
/*======================================================================*/
/* Step Tabs
/*======================================================================*/

#configsteps {
	position: relative;
	background: #fff url(/images/config_steps_bg.gif) repeat-x top left;
	height: 45px;
	}
	
#configsteps .tab {
	float: left;
	color: #65605b;
	background: #edeae4;
	margin: 15px 3px 0 0;
	border-top: 5px solid #65605b;
	border-right: 1px solid #65605b;
	border-left: 1px solid #65605b;
	padding: 4px 0;
	width: 159px;
	text-align: center;
	cursor: pointer;
	}
	
#configsteps .short { /* Used for short tabs */
	width: 69px;
	}
	
#configsteps .selected {
	color: #35527d;
	background: #fff;
	border-top: 5px solid #35527d;
	border-right: 1px solid #35527d;
	border-left: 1px solid #35527d;
	border-bottom: 1px solid #fff;
	cursor: default;
	}
	
#configsteps p {
	display: inline;
	margin: 0;
	padding: 0 3px 0 19px;
	line-height: 16px;
	font-size: 13px;
	font-family: arial, sans-serif;
	}
	
#configsteps .empty {
	background: transparent url(../img//configurator/config_empty.gif) no-repeat top left;
	}
	
#configsteps .checked {
	background: #edeae4 url(../img//configurator/config_check.gif) no-repeat top left;
	}
	
#configsteps .selected .checked {
	background: #fff url(../img//configurator/config_check_select.gif) no-repeat top left;
	}

#configsteps .error {
	background: transparent url(../img//configurator/config_error.gif) no-repeat top left;
	}
	
	

/* Configurator - Swatch Step */	

.swatch-step1-fabric {
	background: transparent url(../img/swatch_step1_fabric.gif) no-repeat top left;
	margin: 20px 0 5px 0 !important;
	height: 38px !important;
	text-indent: -999px; /* hide the text */
	}

.swatch-step1-style {
	background: transparent url(../img/swatch_step1_style.gif) no-repeat top left;
	margin: 20px 0 5px 0 !important;
	height: 38px !important;
	text-indent: -999px; /* hide the text */
	}
	
	
	
/* Configurator - Swatch Lesson */	

.swatch-lesson {
	color: #555;
	background: transparent url(../img/swatch_lesson.jpg) no-repeat 0 8px;
	margin: 20px 0;
	height: 96px;
	}
	
.swatch-lesson .text {
	float: right;
	padding: 13px 15px 0 15px;
	width: 483px;
	height: 83px;
	background: transparent url(../img/swatch_lesson_bg.gif) no-repeat top right;
	}
	
.swatch-lesson h2 {
	font-size: 16px;
	margin: 0 0 4px 0 !important;
	#margin: 0 !important; /* IE 6 & 7 Fix */
	}
	
	

/*======================================================================*/
/* Room Settings
/*======================================================================*/
	
.wall_colors {
	margin: 0 0 20px 0;
	width: 600px;
	}

.wall_colors a {
	float: left;
	border: 1px solid #fff;
	width: 15px;
	height: 9px;
	line-height: 9px;
	font-size: 1px;
	}
	
.wall_colors a:hover {
	text-decoration: none;
	}
	
.wall_colors .selected {
	border: 1px solid #000;
	}

.trim_colors {
	margin: 0 0 20px 0;
	width: 600px;
	}
	
.trim_colors img {
	float: left;
	border: 1px solid #fff;
	margin: 0 2px 2px 0;
	}

.trim_colors .selected {
	border: 1px solid #000;
	}
	
	
	
/*======================================================================*/
/* Attribute Window - The title and border for each attribute window
/*======================================================================*/

.config-wrap {
	background: #fff url(../img//configurator/tan_25px_bg.gif) repeat-x bottom left;
	margin: 25px 0;
	padding: 0 0 25px 0;
	border: 1px solid #35527d;
	height: 100%; /* ie fix for layout bug */
	}
	
.config-wrap .head { /* Title bar wrap */
	color: #fff;
	background: #35527d url(../img//configurator/config_bar.gif) repeat-x top left;
	padding-left: 6px;
	height: 25px;
	}
	
.config-wrap input {
	margin: 3px 3px 0 5px;
	}
	
.config-wrap .head h2 { /* Title */
	float: left;
	margin: 0 0 0 6px !important;
	padding: 0;
	line-height: 25px !important;
	font-weight: normal;
	}
	
.config-wrap .head .loader { /* Loading Spinner - rename this .spinner */ 
	margin: 4px 0 0 6px;
	}
	
.config-wrap .head .spinner {
	float: left;
	margin: 6px 0 0 0;
	}
	
.config-wrap .content {
	padding: 20px;
	}
	
.config-wrap .selected {
	background: #f2c7D0;
	}
	
.config-wrap .attribute {
	float: left;
	margin: 0 0 15px 15px;
	}
	
.config-wrap.closed { /* hide the tan bar */
	padding: 0 !important;
	}
	
	
	
/* REQUIRED ATTRIBUTE */

.req-border {
	border: 1px solid #AD0000;
	}
	
.req-border .head {
	color: #fff;
	background: #f2c7D0 url(../img//configurator/config_bar_red.gif) repeat-x top left;
	}
	
.config-wrap .req-key {
	float: right;
	margin: 5px 10px 0 0;
	}
	
.config-wrap .complete-msg {
	display: block;
	color: #AD0000;
	margin: 3px 0 -21px 12px;
	font-size: 14px;
	}


/*======================================================================*/
/* SWATCHES
/*======================================================================*/

.swatch-area {
	margin: -20px 0 10px 15px;
	}

.swatch-space { /* This is the space the swatch module occupies */
	float: left;
	width: 113px;
	height: 185px;
	margin-right: 10px;
	}

.swatch-wrap {
	position: relative;
	padding: 5px;
	}
	
.swatch-wrap input {
	margin: 3px 3px 0 5px;
	}
	
.swatch_wrap_cart { /* for use in cart where we don't need the red selection */
	position: relative;
	width: 103px;
	margin: 5px 0;
	}

.swatch-border {
	position: relative;
	border: 1px solid #a2a2a2;
	width: 101px; /* IE6 needs this */
	height: 101px; /* IE6 needs this */
	}

.swatch-border img {
	border: 4px solid #fff;
	width: 93px;
	height: 93px;
	}

.swatch-border .number {
	position: absolute;
	bottom: 3px;
	right: 3px;
	color: #454545;
	background: #fff;
	padding: 2px 0 0 2px;
	font-size: 11px;
	line-height: 12px;
	}

/* 2/22/11/kdh - Modifying this per Eric's request, we're changing the magnifying glass icon to a text thing
.swatch-border .magnify {
	position: absolute;
	top: 8px;
	left: 8px;
	background: transparent url(../img/magnify_icon.gif);
	width: 18px;
	height: 18px;
	text-indent: -9999px; /* Hide Magnify Text 
	}
*/
.swatch-border .magnify {
	position: absolute;
	top: 8px;
	left: 23px;
	background: transparent;
	border: black 1px solid;
	text-decoration: none;
	padding: 4px;
	display: none;		/* this will be shown by a hover event over the swatch itself */
	/* make the background semi-transparent (how to do this was taken from http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/) */
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background: rgba(255, 255, 255, 0.6);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	}
.swatch-border .magnify:hover {
	text-decoration: underline;
	}

.swatch-wrap input { /* Radio Button or Checkbox absolute to handle multiline labels */
	position: absolute;
	top: 110px;
	left: 0px;
	#top: 108px;
	#left: -7px; /* ie fix */
	padding: 0;
	}

.swatch-wrap label {
	display: block;
	margin: 5px 0 0 20px;
	}
	
.swatch-wrap p { /* This is for the name when there is no radio or checkbox */
	margin: 5px 0 5px 0;
	text-align: center;
	font-size: 13px;
	font-family: arial, sans-serif;
	}
	
.swatch-wrap .cart-btn {
	display: block;
	background: transparent url(../img/swatch_btn.gif) no-repeat;
	width: 104px;
	height: 19px;
	line-height: 19px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	}
	
.swatch-wrap .selected {
	background: transparent url(../img/swatch_btn_over.gif) no-repeat;
	cursor: pointer;
	}
	
.swatch-wrap a.cart-btn:hover, .swatch-wrap a.selected {
	background: transparent url(../img/swatch_btn_over.gif) no-repeat;
	cursor: pointer;
	}
	
	
	
/*======================================================================*/
/* BUTTONS AT BOTTOM
/*======================================================================*/
	
.config-btn-divider {
	text-align: right;
	margin: 10px 67px;
	}
	
	
	
/*======================================================================*/
/* PRINT CONFIGURATION
/*======================================================================*/

#config-print {
	color: #000;
	width: 680px;
	text-align: left;
	margin: 0 auto;
	}
	
#config-print p {
	color: #000;
	font-family: arial, sans-serif;
	font-size : 13px;
	}	

#config-print #head {
	border-bottom: 1px solid #CCC;
	padding: 50px 0 8px;
	}
	
#config-print .disclaimer {
	margin: 15px 0 50px;
	}
	
#config-print #scene7window {
	float: left;
	}
	
#config-print #scene7window #shipdate {
	position: relative;
	float: left;
	}
	
#config-print #scene7window img {
	border: 1px solid #CCC;
	}
	
#config-print h1 {
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 10px 0 5px;
	}
	
#config-print .data {
	float: right;
	width: 380px;
	}
	
#config-print .data img {
	border: 1px solid #CCC;
	}

#config-print .footnote {
	display: block;
	margin-top: 25px;
	border-top: 1px solid #CCC;
	padding-top: 10px;
	width: 100%;
	}
	
/*
*************************************************

LEVOLOR
Library Screen Styles

These styles are various elements used repeatedly
throughout the site.

*************************************************
*/


.clearer {
	clear: both;
	width: 100%;
	height: 1px;
	}

.float-r, float_r {
	float: right;
	}
	
.float-l, float_l {
	float: left;
	}
	
	
	
/*======================================================================*/
/* SPECIAL HEADLINES
/*======================================================================*/
	
.main-title {
	color: #35578a;
	font-weight: bold;
	}
	
.main-title .prehead {
	color: #35578a;
	font-weight: normal;
	font-size: 19px;
	}

.main-title img {	
	float: left;
	margin: 4px 9px 0 0;
	border: 1px solid #e2e2e2;
	padding: 2px;
	}
	
.link-headline {
	clear: both;
	position: relative;
	margin-bottom: 25px;
	border-bottom: 1px solid #d7dadd;
	}
	
.link-headline span {
	position: absolute;
	bottom: 2px;
	right: 0;
	text-align: right;
	}
	
		
/*======================================================================*/
/* BUTTONS
========================================================================
   These are the buttons and supporting styles that can be added to the
   button class to create button variations. An example would be...
   <span class="btn green"><a href="#">search</a></span>
   
   There are still reference to the class "btn-big" in this section.
   These classes are still being used in the brochures but will be
   going away soon. Do not use this class and if you heppen to run
   across a button with the class "btn-big" it should be changed to
   the class "btn".
========================================================================*/

.btn, .btn-big {
	position: relative; /* ie6&7 peekaboo bug fix */
	display:-moz-inline-stack; /* Firefox 2 and below inline block */
	display:inline-block; /* Modern Browsers */
	*zoom: 1; /* IE 7 and below inline block on div */
	*display: inline; /* IE 7 and below inline block on div */	
	background: transparent url(../img/btn_l.gif) no-repeat;
	}
	
.btn a, .btn-big a {
	display: block;
	color: #fff;
	background: transparent url(../img/btn_r.gif) no-repeat top right;
	padding: 0 10px;
	line-height: 27px;
	#line-height: 25px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	text-align: center;
	text-decoration: none;
	}

.btn a:hover, .btn-big a:hover {
	color: #fff;
	text-decoration: none;
	}
	
	
/* Button Arrows */

.btn .back-arrow {
	display: inline-block;
	background: transparent url(../img/btn_arrow_back_blue.gif) no-repeat 0 9px;
	width: 11px;
	height: 27px;
	}

.btn .next-arrow {
	display: inline-block;
	background: transparent url(../img/btn_arrow_next.gif) no-repeat 0 9px;
	width: 11px;
	line-height: 27px;
	}


/* Small Button */

.btn.small {
	background: transparent url(../img/btn_small_l.gif) no-repeat;
	}
	
.btn.small a {
	background: transparent url(../img/btn_small_r.gif) no-repeat top right;
	line-height: 21px;
	#line-height: 19px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}

	
/* Green Button */

.btn.green {
	background: transparent url(../img/btn_green_l.gif) no-repeat;
	}
	
.btn.green a {
	background: transparent url(../img/btn_green_r.gif) no-repeat top right;
	}
	
	
/* Blue Button on Tan Background */

.btn.on-tan {
	background: transparent url(../img/btn_blue_on_tan_l.gif) no-repeat;
	}
	
.btn.on-tan a {
	background: transparent url(../img/btn_blue_on_tan_r.gif) no-repeat top right;
	}
	
	
/* Green Round Button */

.btn.green-round {
	background: transparent url(../img/btn_green_round_l.gif) no-repeat;
	}
	
.btn.green-round a {
	background: transparent url(../img/btn_green_round_r.gif) no-repeat top right;
	padding: 0 12px;
	line-height: 23px;
	#line-height: 21px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}
	
/* Blue Round Button */

.btn.round {
	background: transparent url(../img/btn_round_l.gif) no-repeat;
	}
	
.btn.round a {
	background: transparent url(../img/btn_round_r.gif) no-repeat top right;
	padding: 0 12px;
	line-height: 23px;
	#line-height: 21px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}
	
	
/* Blue Round Video Button */

.btn.video-round {
	background: transparent url(../img/btn_video_round_l.gif) no-repeat;
	}
	
.btn.video-round a {
	background: transparent url(../img/btn_round_r.gif) no-repeat top right;
	padding: 0 12px 0 26px;
	line-height: 23px;
	#line-height: 21px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}


/* Minor Button */

.btn.minor, .btn-big.minor {
	color: #35578a;
	background: transparent url(../img/btn_minor_l.gif) no-repeat;
	}
	
.btn.minor a, .btn-big.minor a {
	color: #35578a;
	background: transparent url(../img/btn_minor_r.gif) no-repeat top right;
	}
	
	
/* Minor Button */

.btn.minor-highlight {
	color: #35578a;
	background: transparent url(../img/btn_minor_highlight_l.gif) no-repeat;
	}
	
.btn.minor-highlight a {
	color: #35578a;
	background: transparent url(../img/btn_minor_highlight_r.gif) no-repeat top right;
	}


/* On Dark Button */

.btn.on-dark {
	background: transparent url(../img/btn_on_dark_l.gif) no-repeat;
	}
	
.btn.on-dark a {
	background: transparent url(../img/btn_on_dark_r.gif) no-repeat top right;
	}
	
	
/* Small on Dark */

.btn.small-on-dark {
	background: transparent url(../img/btn_search_sidebar_l.gif) no-repeat;
	}
	
.btn.small-on-dark a {
	color: #fff !important;
	background: transparent url(../img/btn_search_sidebar_r.gif) no-repeat top right;
	line-height: 21px;
	#line-height: 19px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}



/* Tall 2 Line Blue Button */

.btn.tall-blue {
	background: transparent url(../img/btn_tall_l.gif) no-repeat top left;
	}
	
.btn.tall-blue a {
	background: transparent url(../img/btn_tall_r.gif) no-repeat top right;
	padding: 5px 0 5px 0;
	height: 27px;
	line-height: 13px;
	#line-height: 13px; /* ie fix: line-height to keep default text centered in button */
	font-size: 13px;
	}



/* Tall 2 Line Green Button */

.btn.tall-green {
	background: transparent url(../img/btn_tall_green_l.gif) no-repeat top left;
	}
	
.btn.tall-green a {
	background: transparent url(../img/btn_tall_green_r.gif) no-repeat top right;
	padding: 5px 0 5px 0;
	height: 27px;
	line-height: 13px;
	#line-height: 13px; /* ie fix: line-height to keep default text centered in button */
	font-size: 13px;
	}


/* Header Search Button */

.btn.search-header {
	background: transparent url(../img/btn_search_header_l.gif) no-repeat;
	}
	
.btn.search-header a {
	background: transparent url(../img/btn_search_header_r.gif) no-repeat top right;
	line-height: 21px;
	#line-height: 19px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}
	
	
/* Sidebar Search Button */

.btn.search-sidebar {
	background: transparent url(../img/btn_search_sidebar_l.gif) no-repeat;
	}
	
.btn.search-sidebar a {
	color: #fff !important;
	background: transparent url(../img/btn_search_sidebar_r.gif) no-repeat top right;
	line-height: 21px;
	#line-height: 19px; /* ie fix: line-height to keep default text centered in button */
	#padding-bottom: 2px; /* ie fix: line-height to keep default text centered in button */
	}

	
/* Button Positioning */

.btn.float-r, .btn-big.float-r { /* Float Right */
	float: right;
	}
	
.btn.margin-r, .btn-big.margin-r { /* Right Margin */
	margin-right: 5px;
	}
	
.btn.margin-l, .btn-big.margin-l { /* Left margin */
	margin-left: 5px;
	}
	
.btn.margin-b, .btn-big.margin-b { /* Bottom margin */
	margin-bottom: 15px;
	}
	
	
	
	
	
/*======================================================================*/
/* ARROW LINKS
/*======================================================================*/

.arrow-link {
	background: transparent url(../img/arrow_small.gif) no-repeat 0 5px;
	padding-left: 9px;
	line-height: 16px;
	}
	
	
	
	
/*======================================================================*/
/* Position Helpers
/*======================================================================*/


/* Left Icon (Position an icon to the left of some content) */
	
.left-icon {
	float: left;
	margin: 0 15px 15px 0;
	}
	
	
/* Image Floats (Used in the idea center) */
	
.left-img {
	float: left;
	border: 1px solid #5d5241;
	margin: 0 15px 15px 0;
	}
	
.right-img {
	float: right;
	border: 1px solid #5d5241;
	margin: 0 0 15px 15px;
	}
	
.left-img-b {
	float: left;
	margin: 0 25px 25px 0;
	}
	
/* Tightens Headlines to copy */
	
h1.tight, h2.tight, h3.tight, h4.tight {
	margin-bottom: 2px;
	}
	
/* Tightens list items */
	
.tight li {
	margin-bottom: 2px !important;
	}




/*======================================================================*/
/* Lists
/*======================================================================*/

/* Fancy List */

.fancy-list {
	padding-left: 1em !important;
	list-style-image: url(../img/square_bullet.gif) !important;
	}
	
.fancy-list li {
	margin-bottom: 15px;
	}
	

/* Minimal List (A list without bullets) */	
	
ul.minimal { /* this is a version of the brochure list that can be used outside of the brochure */
	list-style: none;
	margin: 0 !important;
	padding: 0;
	}
	
ul.minimal li { /* this is a version of the brochure list that can be used outside of the brochure */
	margin: 0 0 15px 0;
	padding: 0 !important;
	line-height: 18px;
	}	
	
	
/* Arrow List */

.arrow-list {
	list-style-image: url(../img/arrow_small.gif);
	}
		
.arrow-list li {
	margin-bottom: 10px;
	line-height: 18px;
	}
	
	
/* Arrow List 3 Columns (Makes a list 3 columns with arrows for bullets) */

.arrow-3col-list {
	list-style-image: url(../img/arrow_small.gif);
	list-style-position: inside;
	}
	
.arrow-3col-list li {
	float: left;
	width: 33%;
	padding: 0 0 15px 0;
	margin: 0 !important;
	}
	

/* Checks List */

.checks {
	margin-left: 0;
	}

.checks li {
	color: #fb2929;
	background: url(../img/bullet_purchase_check.gif) no-repeat 0 2px;
	padding-left: 14px;
	font-size: 12px;
	list-style: none;
	}
	
	
	
	
	
/*======================================================================*/
/* RULES
========================================================================*/
	
.dotted-rule {
	clear: both;
	margin: 10px 0 20px 0;
	border-bottom: 1px dotted #454545;
	width: 100%;
	height: 1px;
	}
	
.dotted-rule hr {
	display: none;
	}
	
.rule {
	clear: both;
	height: 15px;
	border-bottom: 1px solid #5d5241;
	margin-bottom: 25px;
	}
	
.rule hr {
	display: none;
	}
	
	
	
	
/*======================================================================*/
/* FORMS
========================================================================*/

form div.field {
	padding-bottom: 10px;
}

form div.field label {
	display: inline-block;
	padding-right: 8px;
	width: 130px;
	text-align: right;
}

form div.submit {
	margin-left: 140px;
}

form div.hidden{
	display:none;
}

.submitHidden {
	position: absolute; 
	left: -9999px
}

.multi-line-radio {
	position: relative;
	padding-left: 18px;
	}

.multi-line-radio input {
	position: absolute;
	top: 2px;
	left: 0;
	}




/*======================================================================*/
/* FORM TABLE: Used to organize forms
========================================================================*/

.formtable {
	font-size: 13px;
	}
	
.formtable td {
	padding: 5px;
	}
	
.formtable p {
	margin: 5px 0;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	font-family: arial, sans-serif;
	}
	
	
	
	
	
/*======================================================================*/	
/* GENERAL TABLE: This is a generic set of styles for tables
=========================================================================
   This table is still being used in the configurator and the cart.
   We should avoid using it in any new elements.
========================================================================*/
	
.gen_table {
	margin: 25px 0;
	}

.gen_table tr td {
	padding: 5px;
	vertical-align: top;
	color: #454545;
	background: #f1f3f6;
	border-top: 1px solid #35527d;
	border-left: 1px solid #35527d;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 14px;
	}
	
.gen_table p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 16px;
	}
	
.gen_table h5 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 16px;
	}
	
.gen_table .btn a {
	color: #fff;
	}
	
.gen_table .light {
	color: #6f6357;
	background: #fff;
	}

.gen_table .check_column {
	background: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding-left: 0;
	}

.gen_table .blank_btm_row {
	background: #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #35527d;
	}
	
.gen_table .label {
	color: #fff;
	background: #35527d;
	border-left: 1px solid #fff;
	border-top: 0;
	}
	
.gen_table .label a {
	color: #fff;
	}
	
.gen_table .h_divider {
	border-top: 1px solid #fff;
	}

	
.gen_table .dark_brdr_l {
	border-left: 1px solid #35527d;
	}
	
.gen_table .dark_brdr_r {
	border-right: 1px solid #35527d;
	}
	
.gen_table .dark_brdr_b {
	border-bottom: 1px solid #35527d;
	}
	
.gen_table .no_brdr_l { /* don't need this? */
	border-left: 0;
	}
	
.gen_table .no_pad { /* don't need this? */
	padding: 0;
	}

.gen_table ul { /* don't need this? */
	padding-left: 20px;
	}

	
	
	
	
/*======================================================================*/
/* NEW TABLE: Used for zebra stripped tables
=======================================================================*/

.new-table {
	border-collapse: collapse;
	text-align: center;
	}
	
.new-table th {
	border-left: 1px dotted #d5dce5;
	padding: 5px;
	vertical-align: bottom;
	font-weight: normal;
	}
	
.new-table th.first {
	border-left: 0;
	}
	
.new-table td {
	padding: 5px;
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;
	}

.new-table .dark {
	background: #f1f3f6;
	border-top: 1px solid #d5dce5 !important;
	border-bottom: 1px solid #d5dce5 !important;
	}
	
.new-table .dark2 {
	background: #e8e5df;
	border-top: 1px solid #d5dce5 !important;
	}
	
.new-table .active {
	background: #fff;
	border-top: 1px solid #385682;
	border-bottom: 1px solid #385682;
	}
	
.new-table .text-left, .new-table.text-left {
	text-align: left;
	}

	
	
	
	
/*======================================================================*/
/* SIDEBARS
/*======================================================================*/

/* Sidebar Fancy (box with white inset border) */

.sidebar-fancy {
	border: 1px solid #edeae4;
	margin-bottom: 25px;
	}
	
.sidebar-fancy .inner {
	background: #edeae4;
	border: 2px solid #fff;
	padding: 15px;
	padding-bottom: 0;
	}
	
.sidebar-fancy-rule {
	clear: both;
	margin: 15px -15px;
	width: 287px;
	height: 0;
	border-top: 2px solid #fff;
	overflow: hidden;
	}
	
.sidebar-fancy-rule hr {
	visible: none;
	}
	
.sidebar-fancy h3 {
	margin-bottom: 5px !important;
	}
	
.sidebar-fancy ul {
	margin: 10px 0 15px 15px;
	}
	
.sidebar-fancy ul li {
	margin-bottom: 10px;
	}
	
.sidebar-fancy p {
	zoom: 100%; /* Fix for the IE Peek-A-Boo Bug */
	}
	
.sidebar-fancy .new-table th {
	border-left: 1px dotted #adaba7;
	}
	
.sidebar-fancy .new-table th.first {
	border-left: 0;
	}

.sidebar-fancy .new-table .dark {
	background: transparent;
	border-top: 1px solid #adaba7 !important;
	border-bottom: 1px solid #adaba7 !important;
	}
	
.sidebar-fancy .new-table .dark2 {
	background: transparent;
	border-top: 1px solid #adaba7 !important;
	}
	
	
/* Sidebar Rounded (A dark rounded sidebar with a rule) */
	
.sidebar-rounded {
	color: #fff;
	background: #2f496e url(../img/sidebar_rounded_top.jpg) no-repeat;
	padding: 15px;
	width: 263px;
	}
	
.sidebar-rounded .bottom {
	clear: both;
	background: transparent url(../img/sidebar_rounded_btm.jpg) no-repeat bottom left;
	margin-left: -15px;
	margin-bottom: -15px;
	padding-top: 8px;
	width: 293px;
	height: 7px;
	}
	
.sidebar-rounded-rule {
	clear: both;
	margin: 15px -15px;
	width: 293px;
	height: 0;
	border-top: 1px solid #203859;
	border-bottom: 1px solid #466491;
	overflow: hidden;
	}
	
.sidebar-rounded-rule hr {
	visible: none;
	}

.sidebar-rounded input {
	width: 190px;
	}
	
.sidebar-rounded select {
	width: 193px;
	}
	
	
	
/*======================================================================*/
/* OPTION BOX
/*======================================================================*/

.option-box {
	position: relative;
	float: left;
	background: transparent url(../img/option_box.gif) no-repeat;
	margin-left: -4px;
	margin-right: 19px;
	padding: 4px;
	width: 293px;
	}

.option-box .end {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(../img/option_box_end.gif) no-repeat bottom left;
	width: 301px;
	height: 4px;
	}
	
.option-box.last {
	margin-right: 0;
	}

.option-box .info {
	background: transparent url(../img/tan_gradient.gif) repeat-x;
	padding: 25px;
	}
	
.option-box .info h1 {
	color: #2e4567;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 24px;
	}

.option-box .info p {
	color: #fff;
	font-size: 14px;
	}

	
/*======================================================================*/
/* POP-UPS
/*======================================================================*/
	
.popup-nav {
	background: #F9F2E8;
	border-bottom: 1px solid #5d5241;
	width: 100%;
	padding: 10px 0;
	text-align: right;
	}
	
.popup-nav .links {
	margin-right: 10px;
	}
	
#popup-wrap {
	padding: 25px;
	text-align: left;
	}
	
#popup-wrap h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	}
	
	
	
	
		
/*======================================================================*/
/* MESSAGE PANELS
=======================================================================*/

.message_panel {
	color: #006000;
	background: #cdf3cd url(/images/icons/error_icon_green.gif) no-repeat 15px 15px;
	border: 1px solid #006000;
	padding: 12px 15px 0 30px;
	margin: 0 0 20px 0;
	}
	
	
/* Text Styles */
	
.message_panel ul {
	margin: 5px 0 12px 30px;
	list-style-image: url(../img/diamond_bullet.gif) !important;
	}
	
.message_panel li {
	margin: 0 0 5px 0;
	}
	
	
/* Table Styles */

.message_panel table {
	margin: 15px 0 25px 0;
	border-collapse: collapse;
	width: 100%;
	}
	
.message_panel table td, .message_panel table th {
	padding: 5px;
	border-bottom: 1px solid #454545;
	text-align: center;
	font-weight: normal;
	}

.message_panel table th {
	border-left: 1px dotted #454545;
	}
	
.message_panel table th:first-child { 
	border-left: 0;
	}
	
.message_panel table th.first { /* this is for ie6 only as it doesn't support first-child */
	border-left: 0;
	}
	
.message_panel .odd { /* used to zebra stripe the table */
	background: #fff;
	}
	
	
/* Various Color Schemes */

.error-colors { /* error */
	color: #AD0000;
	background: #f2c7D0 url(/images/icons/error_icon.gif) no-repeat 15px 15px;
	border: 1px solid #AD0000;
	}
	
.note-colors { /* note */
	color: #000;
	background: #fffab6;
	border: 1px solid #bfb35f;
	padding-left: 15px;
	}

.learn-colors { /* learn */
	color: #454545;
	background: #f1f3f6;
	border: 1px solid #35527d;
	padding-left: 15px;
	}
	
.promo-colors { /* promo */
	color: #fb2929;
	background: #e6e6e6;
	border: 1px solid #a2a2a2;
	padding-left: 15px;
	}
	
.promo-colors ul {
	margin: 0 0 12px 0 !important;
	}
	
.promo-colors li {
	color: #fb2929;
	background: url(../img/bullet_purchase_check.gif) no-repeat 0 2px;
	padding-left: 14px;
	list-style: none;
	}
	
	
/* Close Link */

.close-panel {
	float: right;
	}
	
	
	
	
/*======================================================================*/
/* DOTTED HEADER: This is the dotted header bar with the link at the end
========================================================================*/

.dotted_header { /* header wrap - includes dotted line */
	clear: both;
	background: #fff url(/images/dotted_line_tile_brown.gif) repeat-x 0 16px;
	margin: 0;
	height: 35px;
	width: 100%;
	}
	
.dotted_header h4 {
	background: #fff;
	float: left;
	padding: 3px 3px 0 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 18px;
	}
	
.dotted_header a {
	background: #fff url(../img/arrow_small.gif) no-repeat 0px 3px;
	float: right;
	padding: 0 0 0 9px;
	margin: 8px 0 0 0;
	border-left: 5px solid #fff;
	line-height: 12px;
	font-size: 12px;
	font-family: arial, sans-serif;
	font-weight: normal;
	}
	
.dotted_header ul {
	float: right;
	background: #fff;
	height: 24px;
	list-style: none;
	}

.dotted_header ul li {
	float: left;
	padding: 1px 5px;
	margin: 5px 0 0 5px;
	border-left: 1px dotted #5d5241;
	}
	
.dotted_header ul li a {
	float: none;
	display: block;
	background: #fff url(../img/arrow_small.gif) no-repeat 1px 3px;
	margin: 0 0 0 3px;
	border-left: 1px solid #fff;
	padding: 0 0 0 9px;
	}
	
.dotted_header ul .first {
	border: 0;
	padding: 1px 5px 1px 2px;
	margin-left: 0;
	}


	
	
	

/*=====================================================================*/	
/* FLOATING DIV: This is window that floats over a dimmed background
=======================================================================*/


#floating-div, div.floating-div {
	position: fixed;
	_position:absolute; /* IE7 and less Fallback */
	top: 0; 
	_top:expression(eval(document.body.scrollTop)); /* IE7 and less Fallback */
    left: 0;
	z-index: 50;
	background: rgb(0,0,75%); /* for browsers that don't support rgba */
	background: rgba(0, 0, 0, 0.75);
	background: transparent url("../img/gradient_modal_IE.png") repeat;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: auto;
	}

	
#floating-div #close-btn, div.floating-div .close-btn {
	display: block;
	position: absolute;
	top: -14px;
	right: -14px;
	background: transparent url("../img/feedback_close_btn.png");
	width: 37px;
	height: 37px;
	text-indent: -9999px;
	}
	
/* Video Window */

.video-window {
	position: relative;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	background: #fff;
	margin: 150px 0 0 0;
	padding: 30px;
	-moz-box-shadow: 0	0 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	
.video-window h1 {
	margin-top: -10px;
	}
	
/* Feedback Window */
	
#floating-div .feedback-window {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	margin-left: -248px;
	margin-top: -215px;
	padding: 30px 0 30px 30px;
	width: 466px;
	text-align: left;
	}
	
.feedback-window h1 {
	margin-bottom: 30px;
	}
	
.feedback-column {
	float: left;
	margin-right: 30px;
	width: 203px;
	}
	
.feedback-column .text {
	color: #fff;
	background: #25486e url("../img/gradient_short.jpg") top left repeat-x;
	margin-bottom: 15px;
	padding: 12px 15px 15px 15px;
	height: 69px;
	line-height: 18px;
	}
	
.feedback-column .btn {
	width: 100%;
	margin: 0 0 30px 0;
	}
	
.feedback-window p {
	margin: 0 30px 0 0;
	text-align: center;
	}


/* Modal Window
----------------------------------------------*/

.scroll-off {
	overflow: hidden;
	}

.modal-wrap {
	display: none;
	position: fixed;
	_position:absolute; /* IE7 and less Fallback */
	top: 0;
	_top:expression(eval(document.body.scrollTop)); /* IE7 and less Fallback */
	left: 0;
	z-index: 9000;
	background: transparent url("http://levolor.dev.nrdecor.com/vendor/default/img/black_transparent_overlay.png");
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: auto;
	}

.modal-wrap .window {
	/*
	Inline block is used to shrink the div to the size of the contents
	without having to use float (which would not allow centering)
	*/
	display:-moz-inline-stack; /* Firefox 2 and below inline block */
	display:inline-block; /* Modern Browsers */
	*zoom: 1; /* IE 7 and below inline block on div */
	*display: inline; /* IE 7 and below inline block on div */
	position: relative;
	text-align: left; /* Correct text align */
	margin-top: 75px;
	padding: 3px;
	background: #fff;
	}
	
.modal-wrap .close {
	display: block;
	position: absolute;
	top: -14px;
	right: -14px;
	background: transparent url("../img/feedback_close_btn.png");
	width: 37px;
	height: 37px;
	text-indent: -9999px;
	}
	
.modal-wrap h1 {
	display: block;
	color: #fff;
	background: transparent url("../img/gradient_short.jpg");
	margin: 0;
	line-height: 35px;
	font-weight: normal;
	font-size: 19px;
	text-indent: 7px;
	text-transform: capitalize;
	}

.modal-wrap .column {
	float: left;
	padding: 25px 10px 25px 25px;
	width: 208px;
	}
	
.modal-wrap .column.last {
	padding-right: 25px;
	}
	
.modal-wrap img {
	margin-bottom:13px;
	}


/* Modal Window - Swatch Zoom
----------------------------------------------*/

.swatch-zoom-view {
	position: relative;
	float: left;
	border: 1px solid #ddd;
	margin: 27px;
	}

.swatch-zoom-view .number {
	background: #fff;
	position: absolute;
	right: 9px;
	bottom: 78px;
	padding: 3px 1px 1px 5px;
	}
	
.swatch-zoom-thumbs {
	float: left;
	background: #fff;
	margin: 27px 27px 27px 0;
	}
	
.swatch-zoom-thumbs img {
	display: block;
	margin: 0 0 10px 0;
	padding: 4px;
	border: 1px solid #ddd;
	}
	
.swatch-zoom-thumbs img.selected {
	background-color: #f2c7d0;
	}


/*=====================================================================*/	
/* FULL WIDTH PROMO: This is used on the brochure pages
=======================================================================*/	

.promo-full-width {
	position: relative;
	display: block;
	background: transparent url("../img/promo_box_full_width.jpg");
	width: 930px;
	height: 75px;
	margin-bottom: 35px;
	}
	
.promo-full-width:hover {
	text-decoration: none;
	}
	
.promo-full-width .main {
	position: absolute;
	top: 15px;
	left: 35px;
	font-size: 28px;
	line-height: 28px;
	}

.promo-full-width .sub {
	position: absolute;
	bottom: 15px;
	left: 35px;
	font-size: 17px;
	line-height: 17px;
	}	

.promo-top-home-page {
    position: relative;
    display: block;
    background: transparent url("../img/homepage_jcpenney_ad.gif");
    width: 320px;
    height: 30px;
    }

.hometoppower a {
    color:white;
	text-decoration:none;
	vertical-align:middle;
	font-size:12px;
    }

.hometoppowerstext {
    color:white;
	font-size:18px;
	font-weight: bold;
	vertical-align:middle;
	
	margin-left:10px;
	font-family: Franklin Gothic Medium Cond;
}

.promo-middle-home-banner {
	position: relative;
    display: block;
    background: transparent url("../img/homepage_jcpenney_middle_ad.jpg");
    width: 520px;
	left:-140px;
    height: 60px;
	float:right;
	text-align:center;
	vertical-align:middle;
	top:-50px;
}

.homemiddle {
    color:white;
	font-family: Arial, Helvetica, sans-serif, normal;
	font-size:24px;
	
	font-weight:bold;
	vertical-align:middle;
    }
.homemiddletable {
	margin-top:12px;
	margin-bottom:12px;
    }
.homemiddle a {
color:white;
	text-decoration:none;
}
.homemiddlediscount {
    color:white;
	font-size:24px;
	font-weight: bold;
}

#promo-popup {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	font-size:12px;
}
/*
*************************************************

LEVOLOR
Brochure Screen Styles

These styles are used for the brochures only
and will be going away when they do.

*************************************************
*/


/* Type Styles */

#brochure h2, #brochure h3 {
	font-weight: normal;
	}

/* Structural Styles from old site */

.lcol-s { /* short left column */
	float: left;
	margin-right: 25px;
	width: 293px;
	}
	
.lcol-m { /* medium left column */
	float: left;
	width: 611px;
	}
	
.lcol-ms { /* medium left column */
	float: left;
	width: 534px;
	}
	
	
.lcol-fs { /* full page width column */
	float: left;
	width: 930px;
	padding-top: 25px;
	}

.lcol-s-v { /* short left column to fit video on the right hand side */
	float: left;
	width: 270px;
	padding:0;
	}
	
.rcol-s { /* short right column */
	float: right;
	width: 293px;
	}
	
.rcol-ss { /* short right column */
	float: right;
	width: 320px;
	padding: 0px;
	top: 0;
	}

.rcol-video { /* video right column*/
	float: right;
	width: 640px;
	padding-top: 45px;
	top: 0;
	}
.rcol-m { /* medium right column */
	float: right;
	width: 611px;
	}

.lcol-half { /* Half width column left */
	float: left;
	width: 452px;
	}

.rcol-half { /* Half width column right */
	float: right;
	width: 452px;
	}
	
.equalcols {
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
	clear: both;
	}

.equalcols .col {
	float: left;
	width: 293px;
	margin: 0 25px -1000px 0;
	padding: 0 0 1000px 0;
	}
	
.equalcols .col-fauxhead {
	float: left;
	width: 293px;
	margin: 0 25px -1000px 0;
	padding: 25px 0 1000px 0;
	}
	
.equalcols .col-fauxhead-dbl {
	float: left;
	width: 293px;
	margin: 0 25px -1000px 0;
	padding: 55px 0 1000px 0;
	}
	
.equalcols .col-leftbar {
	float: left;
	background: transparent url(../img/leftbar.gif) no-repeat;
	width: 268px;
	margin: 0 25px -1000px 0;
	padding: 25px 0 1000px 25px;
	}
	
.equalcols .col-leftbar-half {
	float: left;
	background: transparent url(../img/leftbar.gif) no-repeat;
	width: 427px;
	margin: 0 25px -1000px 0;
	padding: 25px 0 1000px 25px;
	}
	
.equalcols .col-leftbar img, .equalcols .col-leftbar-half img {
	margin-bottom: 15px;
	}
	
.equalcols .col-leftbar-m {
	float: left;
	background: transparent url(../img/leftbar.gif) no-repeat;
	width: 586px;
	margin: 0 25px -1000px 0;
	padding: 25px 0 1000px 25px;
	}
	
.lcol-dotted {
	float: left;
	padding: 0 25px 25px 0;
	border-right: 1px dotted #5d5241;
	margin-right: 25px;
	width: 267px;
	}
	
.last-dotted {
	border-right: 0;
	margin-right: 0;
	}
	
.last { /* Used to remove the margins on last columns */
	margin-right: 0 !important;
	}



/* Various Styles from old site */

.leaded-just {
	margin-bottom: 20px;
	text-align: justify;
	line-height: 27px;
	}
	
	

/* Text styles */

#brochure h2 {
	margin: 50px 0 15px 0;
	height: 22px;
	}

#brochure h3 {
	margin: 0 0 15px 0;
	line-height: 17px;
	}
	
#brochure ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#brochure ul li {
	margin: 0 0 15px 0;
	line-height: 18px;
	padding: 0;
	}
	
#brochure .config-wrap ul { /* list for inside the config_wrap */
	background: none;
	list-style: inside;
	list-style-type: disc;
	}
	
#brochure .config-wrap ul li { /* list for inside the config_wrap */
	background: none;
	margin: 0 0 5px 15px;
	}
	
.list-3col li {
	display: block;
	margin: 0 0 5px 0 !important;
	float: left;
	width: 175px;
	}
	
/* Multiple Flowplayer styles*/

/* styling of the container. */
a.vid_multiple {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}

/* play button */
a.vid_multiple img {
	margin-top:70px;
	border:0px;
}

/* video link */
.video-link {
    background: url("/vendor/default/template/img/video_icon_2.gif") no-repeat scroll 0 3px transparent;
    line-height: 55px;
    padding-left: 32px;
	
}
	

/* when container is hovered we alter the border color */
a.vid_multiple:hover {
	border:1px solid #000;
}
	
	
	
/* Navigation */

#brochure #nav {
	height: 22px;
	line-height: 22px;
	margin-top: 0;
	margin-bottom: 25px;
	}

#brochure #nav h2 {
	float: left;
	margin: 0;
	line-height: 22px;
	font-size: 19px;
	font-weight: normal;
	}

#brochure #nav .arrow {
	float: left;
	margin: 5px 0 0 7px;
	}
	
#brochure #nav ul {
	float: right;
	margin: 0;
	padding: 3px 0 0 0;
	}
	
#brochure #nav ul li {
	list-style: none;
	display: inline;
	padding: 6px 0;
	border-left: 1px dotted #416395;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 13px;
	zoom: 100%; /* fix for the new 1e7 inline list zoom bug - awesome */
	}
	
#brochure #nav ul li.first {
	border-left: none;
	}
	
#brochure #nav ul li a {
	color: #454545;
	background: #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	padding: 6px 5px;
	text-decoration: none;
	}
	
#brochure #nav ul li a:hover {
	color: #fff;
	background: #416395;
	}

#brochure #nav ul li .selected {
	color: #fff;
	background: #416395;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	padding: 6px 7px;
	}
	
#brochure #nav .btn {
	float: right;
	margin-top: -4px;
	}

#brochure .pagenav {
	float: right;
	clear: both;
	padding-top: 50px;
	}
	
	
/* Leftbar */
	
.leftbar {
	background: transparent url(../img/leftbar.gif) no-repeat;
	padding: 25px 0 0 25px;
	}
	
.leftbar img {
	margin-bottom: 15px;
	}
	
.leftbar .tip {
	font-style: italic;
	line-height: 27px;
	padding: 0 25px 15px 25px;
	margin: 0;
	}
	
.leftbar-flush {
	margin-left: -25px;
	}
	

/* Swatches */
	
#brochure .swatch {
	float: left;
	margin: 0 15px 0 0;
	}
	
#brochure .swatch img {
	margin-bottom: 5px;
	}
	
#brochure .hex-swatch {
	float: left;
	padding: 5px;
	width: 80px;
	height: 30px;
	margin: 0 10px 10px 0;
	}
	
#brochure .swatch-half {
	float: left;
	width: 50%;
	margin-bottom: 25px;
	}
	
#brochure .swatch-half img {
	float: left;
	margin-right: 15px;

	}
	
#brochure .swatch-third {
	float: left;
	width: 33%;
	margin-bottom: 25px;
	}
	
#brochure .swatch-third img {
	float: left;
	margin-right: 15px;
	}

#brochure .drapery-swatches td {
	text-align: center;
	vertical-align: bottom;
	}
	
#brochure .drapery-swatches img {
	margin: 15px 0;
	}


/* Or Choice */

.box-headline {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	line-height: 28px;
	font-size: 17px;
	text-align: center;
	}

.or {
	display: inline; /* fix for the IE6- double margin bug */
	float: left;
	margin: 25px 0 25px 30px !important;
	}
	
.or-choice {
	clear: both;	
	}
	
.or-choice p {
	float: right;
	width: 160px;
	}
	
.or-choice img {
	float: left;
	}


	
/* Misc */
	
#brochure .indent {
	margin-left: 70px;
	}
	
.banner {
	margin: 0 0 30px 0;
	}





/*=====================================================================*/
/* Trim & Go
=======================================================================*/


/* Hero Image
=======================================================================*/

#hero {
	position: relative;
	margin-bottom: 35px;
	width: 930px;
	height: 370px;
	_overflow: hidden; /* ie6 only */
	}
	
	
	
/* At A Glance
=======================================================================*/

#hero .at-a-glance {
	position: absolute;
	bottom: 0;
	right: 15px;
	color: #515151;
	background: white;
	padding: 10px 10px 0 10px;
	}
	
#hero .at-a-glance div {
	background: #f2f2f2;
	margin-top: 10px;
	border: 1px solid #c2c2c2;
	width: 140px;
	}

#hero .at-a-glance h3 {
	margin: 0;
	line-height: 13px;
	font-size: 13px;
	text-transform: uppercase;
	}
	
#hero .at-a-glance h4 {
	margin: 0;
	border-bottom: 1px solid #c2c2c2;
	padding: 4px 0 3px 5px; 
	font-size: 12px;
	}
	
#hero .at-a-glance ul {
	padding: 4px 0 3px 5px;
	}
	
#hero .at-a-glance li {
	font-size: 12px;
	margin: 0 !important;
	}
	
#hero .at-a-glance a {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	background: transparent url(../img/trim_go/collapse.gif) no-repeat;
	width: 9px;
	height: 11px;
	text-indent: -9999px;
	}
	
#hero .at-a-glance .expand {
	background: transparent url(../img/trim_go/expand.gif) no-repeat;
	}
	
	
	
/* Feature Box
=======================================================================*/

.feature-box {
	background: #f2f2f2;
	margin-bottom: 20px;
	border: 1px solid #c2c2c2;
	padding: 10px 10px 0 10px;
	}
	
.feature-box img {
	background: transparent url(../img/trim_go/feature_small_image_bg.gif) no-repeat;
	padding: 8px;
	}
	
.feature-box p {
	text-align: center;
	margin-bottom: 9px;
	}
	
	
/* Left Box */
	
.feature-box .left {
	position: relative;
	clear: both;
	background: transparent url(../img/trim_go/pointer_rule_left.gif) no-repeat 82px 3px;
	padding: 5px 0 5px 140px;
	min-height: 113px;
	_height: auto !important; /* ie6 only */
	_height: 113px; /* ie6 only */
	}
	
.feature-box .left img {
	position: absolute;
	top: 0;
	left: 0;
	}
	
.feature-box .left p {
	text-align: left;
	margin-bottom: 0;
	}
	
	
/* Right Box */
	
.feature-box .right {
	position: relative;
	clear: both;
	background: transparent url(../img/trim_go/pointer_rule_right.gif) no-repeat 144px 3px;
	padding: 5px 140px 5px 0;
	min-height: 113px;
	_height: auto !important; /* ie6 only */
	_height: 113px; /* ie6 only */
	}
	
.feature-box .right img {
	position: absolute;
	top: 0;
	right: 0;
	}
	
.feature-box .right p {
	text-align: right;
	margin-bottom: 0;
	}


/* Versus Box */
	
.feature-box .versus {
	position: relative;
	clear: both;
	background: transparent url(../img/trim_go/pointer_rule_center.gif) no-repeat bottom center;
	height: 121px;
	}
	
.feature-box .versus .img-l {
	float:left;
	margin-bottom: 9px;
	}
	
.feature-box .versus .img-r {
	float:right;
	margin-bottom: 9px;
	}
	


/* BIG LIST: A List with bigger type and circles behind numbers
=======================================================================*/

.big-list {
	margin-top: 20px;
	font-size: 18px;
	list-style: none;
	}
	
.big-list li .number {
	color: #fff;
	background: url(../img/big_list_dot.gif) no-repeat;
	padding: 5px 20px 5px 10px;
	font-weight: bold;
	}
	
.big-list li h4 {
	display: inline;
	font-size: 18px;
	}
	
.big-list li p {
	padding: 0 0 0 40px;
	}

	
/* Grey Sidebar
=======================================================================*/
	
.gray-sidebar {
	float: right;
	margin-top: -3px;
	margin-right: -3px;
	position: relative;
	background: transparent url(../img/trim_go/gray_sidebar.gif) no-repeat;
	padding: 23px 23px 0 23px;
	width: 253px;
	_overflow: hidden; /* ie6 only */
	}
	
.gray-sidebar .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(../img/trim_go/gray_sidebar_bottom.gif) no-repeat;
	width: 299px;
	height: 3px;
	}
	
.gray-sidebar .rule {
	position: relative;
	left: -20px;
	margin: 0 0 20px 0;
	border: 0;
	width: 293px;
	height: 1px;
	line-height: 1px;
	background: #c2c2c2;
	}
	
.gray-sidebar p {
	margin-bottom: 20px;
	}
	
	
/* Lowes Locator Promo */

.lowes-locator-promo {
	position: relative;
	top: -20px;
	left: -20px;
	width: 293px;
	height: 250px;
	}

.lowes-locator-promo .btn-big, .lowes-locator-promo .btn {
	position: absolute;
	top: 190px;
	left: 30px;
	}
	
	
/* BJs Sidebar Header */

.gray-sidebar .header {
	background: #c7003e;
	margin: -20px 0 20px -20px;
	padding: 20px 20px 3px 20px;
	border-bottom: 10px #000 solid;
	width: 253px;
	}
	
.gray-sidebar .header h1 {
	color: #fff !important;
	margin-top: 0 !important;
	}
	
/* Sidebar Links */

.sidebar-links {
	margin-bottom: 5px;
	}

.sidebar-links .minor {
	float: left;
	margin: 0 0 10px 10px;
	width: 212px;
	}
	
.sidebar-links img {
	float: left;
	clear: left;
	}
	
.sidebar-links .btn {
	float: left;
	margin-bottom: 10px;
	}
	
	
/* Simple Swatch
=======================================================================*/
	
.swatch-simple {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	width: 108px;
	text-align: center;
	}
	
.swatch-simple img {
	margin-bottom: 10px;
	border: 1px solid #adadad;
	padding: 4px;
	width: 98px;
	height: 98px;
	}
	
.swatch-simple a {
	position: absolute;
	top: 8px;
	left: 8px;
	background: transparent url(../img/magnify_icon.gif) no-repeat;
	text-indent: -9999px;
	width: 19px;
	height: 19px;
	}
	
	
	

	
	
/* UNUSED??????
=======================================================================*/


/* Details Size Box */

.details-size {
	position: relative;
	height: 225px;
	}

.details-size p {
	width: 125px;
	}
	
.details-size img {
	position: absolute;
	top: 30px;
	right: 25px;
	}

	
/* fork steps */

.fork-steps {
	margin: 35px 0;
	}

.fork-steps img {
	display: block;
	clear: left;
	margin-bottom: 15px;
	}
	
/* trim cat (from landing page) */

.trim-cat-l {
	float: left;
	width: 293px;
	}

.trim-cat-wrap {
	float: right;
	width: 626px;
	}

.trim-cat-wrap h1 {
	margin-left: 15px;
	}

.trim-cat {
	float: left;
	padding: 0 0 15px 15px;
	}
		
.trim-cat img {
	display: block;
	border: 0;
	}
/*
*************************************************

LEVOLOR
Page Specific Screen Styles

*************************************************
*/


/*=======================================================================
/* SPLASH PAGE
=======================================================================*/

#splash-wrap {
	position: relative;
	margin: 0 auto;
	width: 780px;
	font-size: 14px;
	text-align: left;
	}
	
#splash-wrap #nav {
	background: url(../img//splash/map.gif) no-repeat 0 0;
	position: absolute;
	top: 137px;
	left: -70px;
	padding-left: 70px;
	width: 500px;
	height: 205px;
	}
	
#splash-wrap #logo {
	margin-top: 28px;
	}
	
#splash-wrap #label {
	margin: 24px 0 7px 0;
	}
	
.btn-big .us-icon {
	display: inline-block;
	background: url(../img//splash/flag-us.gif) no-repeat 0 6px;
	width: 23px;
	line-height: 22px;
	#line-height: 23px; /* ie fix */
	#background: url(../img//splash/flag-us.gif) no-repeat 0 7px; /* ie fix */
	}
	
.btn-big .ca-icon {
	display: inline-block;
	background: url(../img//splash/flag-ca.gif) no-repeat 0 6px;
	width: 23px;
	line-height: 22px;
	#line-height: 23px; /* ie fix */
	#background: url(../img//splash/flag-ca.gif) no-repeat 0 7px; /* ie fix */
	}	
	
#splash-wrap #remember {
	clear: both;
	padding-top: 7px;
	}
	
#splash-wrap #splash-photo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	}
	
#footer-splash {
	margin: 0 auto;
	padding: 370px 0 0 65px;
	width: 715px;
	}
	



/*=======================================================================
/* HOME PAGE
=======================================================================*/

/* Feature */

#hp-feature {
	margin: -5px 0 12px 0;
	width:930px;
	height:326px;
	}

#hp-feature img {
	border: 0 !important;
	}
	
/* HTML Feature - Not being used currently */

#hp-html-feature {
	background: #d1cbc4 url(../img//homepage/feature_bg.jpg) repeat-x;
	padding: 30px;
	margin-top: -5px;
	margin-bottom: 12px;
	}
	
#hp-html-feature.info {
	float: left;
	width: 467px;
	}
	
#hp-html-feature .info h1 {
	font-size: 27px;
	margin: 0;
	}
	
#hp-html-feature .info p {
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
	}
	
#hp-html-feature .info .t-rule {
	background: transparent url(../img//homepage/t_rule.gif) repeat-x;
	margin: 5px 0;
	width: 467px;
	height: 9px;
	}
	
#hp-html-feature .t-rule hr {
	display: none;
	}

#hp-html-feature .hp-feature-img {
	float: right;
	padding: 3px;
	border: 1px solid #6d665f;
	}


/* Feature Jumps */

.hp-feature-jumps {
	float: right;
	margin-bottom: 22px;
	}

.hp-feature-jumps li { /* The tiny buttons */
	float: left;
	display: block;
	background: transparent url(../img/btn_tiny_r.gif) no-repeat top right;
	margin-left: 4px;
	padding-right: 6px;
	height: 19px;
	line-height: 19px;
	}
	
.hp-feature-jumps li a {
	float: left;
	display: block;
	background: transparent url(../img/btn_tiny_l.gif) no-repeat top left;
	padding-left: 6px;
	height: 19px;
	line-height: 19px;
	}
	
.hp-feature-jumps li.selected {
	background:  transparent url(../img/btn_tiny_r_selected.gif) no-repeat top right;
	}
	
.hp-feature-jumps li.selected a {
	color: #fff;
	background: transparent url(../img/btn_tiny_l_selected.gif) no-repeat top left;
	}
	
	
/* Feature Jumps - Pause/Play */	

.hp-feature-jumps li.pause, .hp-feature-jumps li.play {
	background: none;
	padding: 0;
	}
	
.hp-feature-jumps li.pause a, .hp-feature-jumps li.play a {
	display: block;
	padding: 0;
	height: 19px;
	width: 19px;
	text-indent: -9999px;
	}
	
.hp-feature-jumps li.pause a:hover, .hp-feature-jumps li.play a:hover {
	text-decoration: none;
	}
	
.hp-feature-jumps li.pause a {
	background: transparent url(../img/slide_deck_pause.gif) no-repeat top left;
	}

.hp-feature-jumps li.pause a:hover {
	background: transparent url(../img/slide_deck_pause_over.gif) no-repeat top left;
	}
	
.hp-feature-jumps li.play a {
	background: transparent url(../img/slide_deck_play.gif) no-repeat top left;
	}

.hp-feature-jumps li.play a:hover {
	background: transparent url(../img/slide_deck_play_over.gif) no-repeat top left;
	}


	
/* Latest Inspiration */

#hp-latest {
	float: left;
	width: 337px;
	}
	
#hp-latest h1 {
	padding-bottom: 4px;
	border-bottom: 1px solid #d7dadd;
	}
	
#hp-latest ul {
	margin: 0 0 15px 0;
	}
	
#hp-latest li {
	margin-bottom: 10px;
	list-style: none;
	}
	
#hp-latest li img {
	float: left;
	margin-right: 10px;
	}
	
	
/* Latest Inspiration - Canada*/

.hp-ca #hp-latest {
	width: 293px;
	}
	
	
/* Quicklinks */

#hp-quicklinks {
	float: right;
	position: relative;
	background: url(../img//homepage/quicklinks_box_top.gif) no-repeat top right;
	width: 568px;
	margin-left: -2px;
	}
	
#hp-quicklinks .end {
	clear: both;
	background: url(../img//homepage/quicklinks_box_bottom.gif) no-repeat bottom right;
	width: 568px;
	height: 15px;
	}
	
#hp-quicklinks .column {
	float: left;
	margin: 20px 0 0 0;
	padding: 5px;
	border-right: 1px solid #d7dadd;
	width: 173px;
	}
	
#hp-quicklinks .column.first {
	margin-left: 10px;
	}
	
#hp-quicklinks .last {
	border-right: 0;
	}
	
#hp-quicklinks h2 {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 7px;
	}
	
#hp-quicklinks ul {
	list-style: none;
	margin: 0 0 0 10px;
	}
	
#hp-quicklinks ul li {
	margin-bottom: 10px;
	line-height: 15px;
	}
	
#hp-quicklinks img {
	margin-bottom: 10px;
	border: 1px solid #d7dadd;
	padding: 4px;
	}
	
	
/* Quicklinks - Single Column */

#hp-quicklinks-single {
	float: left;
	padding-left: 25px;
	width: 293px;
	}
	
#hp-quicklinks-single h1 {
	margin-bottom: 4px;
	}
	

#hp-quicklinks-single img {
	margin-bottom: 10px;
	border: 1px solid #d7dadd;
	padding: 4px;
	}
	
#hp-quicklinks-single ul {
	list-style: none;
	margin: 0;
	}

#hp-quicklinks-single li {
	display: block;
	float: left;
	width: 145px;
	}
	
	
/* Corener Promo - Lower right corner promo */

#hp-corner-promo {
	float: right;
	width: 293px;
	}
	
#hp-corner-promo .copy-area {
	padding: 22px 25px 25px 25px;
	background: url(../img//tan_gradient.gif) repeat-x;
	}
	
#hp-corner-promo .copy-area h1 {
	color: #294666;
	margin: 0 0 8px 0;
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
	}
	
#hp-corner-promo .copy-area p {
	color: #ffffff;
	margin-bottom: 10px;
	font-size: 14px;
	}
	
#hp-corner-promo .btn {
	}

	
/* LKXpress Styles
------------------------------*/

.lkx-column  {
	float: left;
	width: 292px;
	margin-right: 27px;
	}
	
.lkx-column.last {
	margin-right: 0;
	}
	
.lkx-column h2 {
	padding-bottom: 4px;
	border-bottom: 1px solid #d7dadd;
	font-weight: normal;
	}

.lkx-column ul {
	list-style: none;
	margin: 0;
	}
	
.lkx-column ul li {
	margin-bottom: 10px;
	line-height: 15px;
	}
	
.lkx-column ul li ul {
	margin: 10px 0 0 15px;
	}



/*=======================================================================	
/* PHOTO GALLERY
=======================================================================*/

#gallery-nav {
	position: relative;
	float: left;
	color: #fff;
	background: #2e486d url(../img//gallery_sidebar_bg.gif) repeat-x;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 269px;
	height: 533px;
	}

#gallery-nav h1 {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	line-height: 45px;
	font-size: 20px;
	}


/* Filters */

#gallery-nav #filters {
	background: #35517c url(../img//gallery_filter_bg.gif) repeat-x;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #627ba1;
	border-bottom: 1px solid #627ba1;
	text-align: right;
	}
	
#gallery-nav #filters .pulldown {
	padding-bottom: 5px;
	}
	
#gallery-nav #filters label {
	padding-right: 5px;
	font-weight: bold;
	}
	
#gallery-nav #filters select {
	width: 165px;
	}
	

/* Thumbs */

#thumbs {
	background: #fff;
	margin: 10px 0 0 10px;
	height: 370px;
	width: 249px;
	overflow: hidden;
	}
	
#thumbs img { /* This can be removed when new thumbs are in place */
	zoom: 1; /* IE has layout trigger */
	float: left;
	width: 110px;
	height: 80px;
	}
	
#thumbs .thumb {
	zoom: 1; /* IE has layout trigger */
	z-index: 1;
	position: relative;
	float: left;
	border-top: 10px solid #fff;
	border-left: 10px solid #fff;
	width: 110px;
	height: 80px;
	}
	
#thumbs .thumb img.color {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	filter: alpha(opacity=0); /* IE */
	opacity: 0;
	}
	
#thumbs .thumb img.gray {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	}
	
#thumbs .selected img.color, #thumbs .selected img:hover {
	filter: alpha(opacity=100); /* IE */
	opacity: 1;
	}


/* Thumb Nav */
	
#gallery-nav .thumb-nav {
	float: right;
	padding: 10px;
	}
	
#gallery-nav .thumb-nav a {
	float: right;
	display: block;
	background: red;
	margin-left: 5px;
	width: 41px;
	height: 23px;
	text-indent: -9999px;
	}
	
#gallery-nav .thumb-nav .up {
	background: transparent url(../img//btn_thumbs_up.gif) no-repeat;
	}
	
#gallery-nav .thumb-nav .down {
	background: transparent url(../img//btn_thumbs_down.gif) no-repeat;
	}
	
#gallery-nav .thumb-nav .dead {
	opacity:0.2;
	filter:alpha(opacity=20)
	}	

	
/* Photo Area */

#gallery-image {
	float: right;
	position: relative;
	width: 637px;
	}

#gallery-image h1 {
	margin-bottom: 5px;
	line-height: 28px;
	}
	
#gallery-image .btn {
	position: absolute;
	top: 0;
	right: 0;
	}

#gallery-image #photo {
	position: relative;
	width: 637px;
	height: 429px;
	}
	
#gallery-image #photo #main_image {
	width: 637px;
	height: 429px;
	}
	
	
/* Info Area */

#gallery-image #info {
	color: #fff;
	background: #35527D url(../img//gradient_short.jpg) repeat-x;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 15px;
	height: 41px;
	}
	
#gallery-image #info .collection {
	display: block;
	margin-top: -3px;
	font-size: 19px;
	}
	
#gallery-image #info .color {
	display: block;
	font-size: 15px;
	}
	

/* Swatch */

#gallery-image .swatch-border {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 4;
	border: 5px solid #fff;
	width: 93px;
	height: 93px;
	}
	
#gallery-image .swatch-border img {
	border: 0;
	}

	
#gallery-image .swatch-border .magnify {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 5;
	background: transparent url(../img/magnify_icon.gif) no-repeat;
	border: 0;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	}
	
#gallery-image .swatch-border .number {
	background: #fff;
	position: absolute;
	bottom: 0;
	right: -1px;
	z-index: 6;
	margin: 0;
	padding: 3px 0 0 5px;
	line-height: 14px;
	font-family: arial, sans-serif;
	font-size: 13px;
	}


/* Arrow Nav */
	
#gallery-image #arrow-nav {
	position: absolute;
	bottom: 0;
	right: 15px;
	background: #162a41;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #3c6793;
	width: 110px;
	height: 55px;
	}
	
#gallery-image #arrow-nav .number {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	color: #fff;
	width: 110px;
	line-height: 27px;
	text-align: center;
	}
	
#gallery-image #arrow-nav #next_arrow {
	position: absolute;
	top: 5px;
	right: 5px;
	background: transparent url(../img/btn_arrow_right.gif) no-repeat;
	width: 47px;
	height: 22px;
	text-indent: -9999px;
	}
	
#gallery-image #arrow-nav #previous_arrow {
	position: absolute;
	top: 5px;
	right: 58px;
	background: transparent url(../img/btn_arrow_left.gif) no-repeat;
	width: 47px;
	height: 22px;
	text-indent: -9999px;
	}
	
	
	

/*=======================================================================
/* DEALER LOCATOR
=======================================================================*/
	
.dealer-logos img {
	margin: 0 15px 15px 0;
	}
	
.locator {
	position: relative;
	background: #fff url(../img//shadow_box_full.gif) no-repeat;
	margin: 25px 0 0 -3px;
	padding: 8px;
	width: 920px;
	}
	
.locator .end {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff url(../img//shadow_box_full_end.gif) no-repeat;
	width: 936px;
	height: 3px;
	}
	
.locator .sidebar {
	color: #fff;
	background: #305a88 url(../img//blue_gradient.gif) repeat-x bottom left;
	padding: 25px 25px 0 25px;
	width: 235px;
	height: 400px;
	}
	
.locator .sidebar h1 {
	font-weight: bold;
	margin-bottom: 15px;
	}

.locator .sidebar ul {
	margin: 0 0 25px 0;
	list-style: none;
	}
	
.locator .sidebar li {
	margin-bottom: 12px;
	*margin-bottom: 9px;
	margin-right: 10px;
	}
	
.locator .sidebar label {
	display: block;
	font-size: 12px;
	}
	
.locator .sidebar input {
	width: 231px;
	}

.locator .sidebar select {
	width: 235px;
	}
	
.locator .sidebar .section {
	margin: 25px 0 8px 0;
	*margin: 22px 0 8px 0;
	font-weight: bold;
	font-size: 17px;
	width: 100%;
	}
	
.locator .sidebar ._50 input {
	width: 113px;
	}
	
.locator .sidebar .city {
	float: left;
	}
	
.locator .sidebar .city input {
	width: 155px;
	}
	
.locator .sidebar .state select {
	width: 55px;
	}
	
.locator .map {
	position: absolute;
	top: 8px;
	right: 8px;
	background: #eee;
	width: 630px;
	height: 425px;
	}



/*=======================================================================
/* RETAILER LISTING
=======================================================================*/

.retailer-listing {
	position: relative;
	background: #fff url(../img//shadow_box_full.gif) no-repeat;
	margin: 25px 0 0 -3px;
	padding: 8px;
	width: 920px;
	}
	
.retailer-listing .end {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff url(../img//shadow_box_full_end.gif) no-repeat;
	width: 936px;
	height: 3px;
	}
	
.retailer-listing .sidebar {
	float: left;
	color: #fff;
	background: #305a88 url(../img//blue_gradient.gif) repeat-x bottom left;
	padding: 25px;
	margin-right: 5px;
	width: 235px;
	height: 300px;
	}
	
.retailer-listing .sidebar h1 {
	font-weight: bold;
	margin-bottom: 15px;
	}
	
.retailer-listing .logos {
	float: left;
	padding: 25px;
	width: 580px;
	text-align: center;
	}
	
.retailer-listing img {
	margin: 0 12px 25px 12px;
	}
	
	
/*=======================================================================	
/* SUPPORT CENTER HOMEPAGE
=======================================================================*/
	
.rcol-b { /* Used on the support center homepage */
	float: right;
	width: 214px;
	}
	
.lcol-b { /* Used on the support center homepage */
	float: left;
	width: 405px;
	}
	



/*=======================================================================	
/* SUPPORT CENTER - OTHER PAGES
=======================================================================*/
	
.install-product-pulldown {
	float: left;
	margin: 2px 10px 15px 0;
	font-size: 12px;
	width: 180px;
	}
	
.install-instructions-list {
	list-style: none;
	list-style-position: inside;
	margin: 0 !important;
	}
	
.install-instructions-list li {
	display: block;
	background: transparent url(../img//icon_download_install.gif) no-repeat;
	padding: 0 0 0 23px;
	margin: 0 0 10px 0 !important;
	height: 17px;
	line-height: 17px;
	}

.install-instructions-list li.video {
	display: block;
	background: transparent url(../img//icon_video.gif) no-repeat;
	padding: 0 0 0 23px;
	margin: 0 0 10px 0 !important;
	height: 17px;
	line-height: 17px;
	}
	
#navigation h2.support-header {
	background: transparent url(../img/support_nav_header.jpg) no-repeat;
	}
	
.support-col {
	position: relative;
	right: 0;
	float: right;
	width: 670px;
	}
	
.support-overview {
	float: left;
	width: 486px;
	margin-bottom: 15px;
	}

.support-promo {
	float: right;
	}

.support-grid a {
	color: #454545;
	display: block;
	float: left;
	border: 1px solid #454545;
	border-bottom: 0;
	border-right: 0;
	padding-bottom: 15px;
	width: 243px;
	height: 150px;
	text-decoration: none;
	}
	
.support-grid a.right {
	border-right: 1px solid #454545;
	}
	
.support-grid a.bottom {
	border-bottom: 1px solid #454545;
	}
	
.support-grid a:hover {
	background: #f1f3f6;
	}
	
.support-grid h3 {
	margin: 15px 15px 10px 15px;
	}
	
.support-grid ul {
	margin-left: 30px;
	padding-bottom: 30px;
	}
	
.support-nav {
	float: left;
	width: 140px;
	padding: 10px 15px;
	background: #f1f3f6;
	}
	
.support-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.support-nav li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 13px;
	font-family: arial, sans-serif;
	}	
	
.support-sub-nav {
	float: right;
	border-left: 1px solid #454545;
	padding: 8px 0 0 15px;
	width: 221px;
	}

.support-sub-nav ul {
	padding: 5px 0 0 15px;
	}

.support-sub-nav ul li {
	font-family: arial, sans-serif;
	font-size: 13px;
	}

	
	
	
/*=======================================================================	
/* IDEA CENTER
=======================================================================*/

#navigation h2.idea-header {
	background: transparent url(../img/idea_nav_header.jpg) no-repeat;
	}

#gallery-promo {
	color: #fff;
	background: #2f496e url("../img/sidebar_rounded_top.jpg") no-repeat;
	padding: 15px 0 0 0;
	margin-bottom: 25px;
	width: 293px;
	}
	
#gallery-promo h1 {
	margin: 0 0 10px 15px;
	}
	
	
#gallery-promo .btn {
	display: inline;
	margin: 0 15px;
	}
	
	
	
	
	
/*=======================================================================
/* MEASURE HOME PAGE
=======================================================================*/

.measure-worksheet {
	float: left;
	margin-right: 10px;
	width: 115px;
	text-align: center;
	}
	
.measure-worksheet img {
	margin-bottom: 5px;
	}

.measure-instructions-list {
	list-style: none;
	list-style-position: inside;
	margin: 0 !important;
	}
	
.measure-instructions-list li {
	display: block;
	float: left;
	background: transparent url(../img/icon_measure.gif) no-repeat;
	padding: 0 0 0 31px;
	margin: 0 0 10px 0 !important;
	height: 21px;
	line-height: 21px;
	width: 172px;
	}
	
.measure-instructions-list li a.two-lines {
	line-height: 12px;
	}
	
	

/*======================================================================*/
/* STORE - MESSAGE BOX
========================================================================*/

#new-store .store-message {
	color: #fff;
	background: #25496f  url(../img/store_message_bottom.jpg) no-repeat bottom left;
	margin: -13px 0 25px 0;
	}
	
#new-store .store-message .title {
	background: #25496f  url(../img/store_message_top.jpg) no-repeat top left;
	padding: 12px 15px 0 13px;
	height: 30px;
	}
	
#new-store .store-message p {
	padding: 12px 15px;
	}
	
#new-store .store-message p a {
	color: #fff;
	text-decoration: underline;
	}


	
/*=======================================================================
/* PRODUCT HOME PAGE
=======================================================================*/
	
.compare-nav {
	position: relative;  /* ie6&7 peekaboo bug fix */
	float: left;
	width: 267px;
	}
	
.compare-nav .inner {
	position: relative;  /* ie6&7 peekaboo bug fix */
	padding-bottom: 15px !important;
	}
	
.compare-nav ul {
	margin: 0 0 20px 0 !important;
	}
	
.compare-nav ul li {
	list-style: none;
	margin: 0 0 3px 0 !important;
	}
	
	
/* Product Categories */
	
#product-hp-col {
	float: right;
	width: 655px
	}
	
.product-hp-category {
	position: relative;
	display: inline; /* fix for the IE6- double margin bug */
	float: left;
	margin: 0 0 15px 15px;
	border: 1px solid #35527d;
	}
	
.product-hp-category p {
	display: block;
	color: #fff;
	background: #35527d;
	margin: 0;
	padding: 0;
	width: 200px;
	line-height: 30px;
	font-family: arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	}

.product-hp-category a {
	color: #fff;
	}

.product-hp-category a:hover {
	text-decoration: none;
	}
	
.product-hp-category .corner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	}
	
.product-hp-category .starburst {
	position: absolute;
	top: 190px;
	right: 10px;
	z-index: 2;
	}
	
	
	
/*=======================================================================	
/* PRODUCT HOME PAGE - NEW
=======================================================================*/

#product-promos {
	width: 936px;
	position: relative;
	left: -3px;
	margin-bottom: 19px;
	height: 249px;
	}
	

#product-categories {
	position: relative;
	left: -3px;
	background: transparent url(../img//product_home/window.gif) no-repeat bottom left;
	padding-left: 20px;
	padding-bottom: 11px;
	width: 936px;
	}

#product-categories h1 {
	display: block;
	position: relative;
	left: -20px;
	color: #fff;
	background: transparent url(../img//product_home/headline.jpg) no-repeat;
	margin-bottom: 17px;
	padding-left: 20px;
	width: 916px;
	height: 51px;
	line-height: 51px;
	font-size: 21px;
	}
	
#product-categories .box {
	float: left;
	position: relative;
	background: transparent url(../img//product_home/product_box.gif) no-repeat;
	margin: 0 9px 9px 0;
	padding: 12px 10px 13px 10px;
	#padding-bottom: 6px; /* ie fix */
	width: 152px;
	height: 245px;
	text-align: center;
	}
	
#product-categories .box .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(../img//product_home/product_box_bottom.gif) no-repeat bottom left;
	width: 172px;
	height: 4px;
	}
	
#product-categories .box img {
	border: 1px solid #d7dadd;
	padding: 4px;
	margin-bottom: 10px;
	}
	
#product-categories .box .name {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}
	
#product-categories .box .name.two-lines {
	margin: -4px 0 5px 0;
	line-height: 12px;
	}
	
#product-categories .box .btn {
	float: right;
	margin: 0 3px 0 0;
	width: 122px;
	}
	
#product-categories .box .compare-check {
	float: left;
	margin: 8px 0 0 5px;
	#margin: 3px 0 0 0; /* ie fix */
	}
	
	
/* Free Swatches Box */

#product-categories .free-swatches .btn {
	width: 147px;
	#width: 145px;
	}
	
#product-categories .free-swatches img {
	border: 0;
	}
	
/* Contact Info Box */

#product-categories .contact-info {
	float: left;
	margin: 8px 0 0 5px;
	width: 180px;
	}


/*=======================================================================
/* Admin Forms
========================================================================*/

.admin-form {
	margin: 15px 0; 
	border-collapse: collapse;
	}
	
.admin-form td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 5px;
	}
	
.admin-form th {
	background: #e3e3e3;
	border: 1px solid #fff;
	padding: 5px;
	text-align: right;
	vertical-align: top;
	}
	
.admin-form table {
	border-collapse: collapse;
	}
	
.admin-form table th {
	padding: 2px 5px;
	text-align: left;
	}
	
.admin-form table td {
	padding: 2px 5px;
	vertical-align: top;
	}
	
.admin-form .zebra {
	background-color: #e3e3e3;
	}



/*=======================================================================	
/* Cart Styles
========================================================================*/
	
/* Cart - Move Items */

.move-cart-block {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background: #f1f3f6;
	border:1px solid #35527d;
	width:200px;
	padding: 0 0 6px 0;
	z-index: 1000;
	}
	
.move-cart-title {
	background: #35527d;
	color: #fff;
	padding:4px;
	}
	
.move-cart-item {
	padding:4px 6px 4px 6px;
	}
	
.cart-edit-links {
	clear: both;
	padding: 5px 0 0 32px;
	}


/*=======================================================================
/* CHECKOUT
=======================================================================*/

.checkout-steps {
	background: #fff url(/images/dotted_line_tile_brown.gif) repeat-x left bottom;
	margin: 25px 0;
	padding: 0;
	height: 30px;
	}
	
.checkout-steps li {
	float: left;
	background: #fff url(../img//configurator/config_check.gif) no-repeat 3px 1px;
	margin: 0;
	border-left: 1px solid #65605b;
	border-bottom: 10px solid #65605b;
	padding: 2px 0 2px 21px;
	width: 128px;
	height: 16px;
	list-style: none;
	}

.checkout-steps .connection {
	background: none;
	border: none;
	padding: 10px 0 0 0;
	width: 180px;
	}

.checkout-steps li.selected {
	color: #35527d;
	background: #fff url(../img//configurator/config_check_select.gif) no-repeat 3px 1px;
	border-color: #35527d;
	}
	
.checkout-steps li.dead {
	color: #AFAFAF;
	background: #FFF url(../img//configurator/config_empty_dead.gif) no-repeat 3px 1px;
	border-color: #AFAFAF;
	}

.extra-step li {
	width: 103px;
	}	
	
.cc-warn {
	display: block;
	color: red;
	margin-top: 4px;
	}

		
/*======================================================================*/
/* PROMO AWARD PAGE
========================================================================*/

.promo-award img {
	float: left;
	border-right: 4px solid #fff;
	}
			
.promo-award .info {
	position: relative;
	float: left;
	color: #fff;
	background: #10376e;
	padding: 30px;
	width: 494px;
	height: 327px;
	}
	
.promo-award .info h1 {
	font-weight: normal;
	font-size: 35px;
	}
	
.promo-award .info h1.sub-colored {
	color: #7e95c5;
	margin: 0;
	line-height: 22px;
	font-weight: normal;
	font-size: 22px;
	}
	
.promo-award h1.percentage {
	margin: 0 0 -5px 0;
	font-weight: normal;
	font-size: 70px;
	}
	
.promo-award .info p {
	margin-bottom: 20px;
	line-height: 24px;
	font-family: "Arial", sans-serif;
	font-size: 16px;
	}
	
.promo-award label {
	line-height: 24px;
	font-family: "Arial", sans-serif;
	font-size: 16px;
	}
	
.promo-award .info a {
	color: #fff;
	text-decoration: underline;
	}
	
.promo-award .info p.free-swatches {
	position: absolute;
	left: 30px;
	bottom: 25px;
	margin: 0;
	}
	
	
	
/*======================================================================*/
/* CAMPAIGN PAGES
/*======================================================================*/

.nav-thumbs {
	background: transparent url(../img/nav_thumbs_background.jpg) no-repeat;
	margin: 0 0 50px -8px;
	padding: 12px 0 0 0;
	list-style: none;
	width: 945px;
	height: 148px;
	}
	
.nav-thumbs li {
	position: relative;
	float: left;
	margin: 0 1px 0 0;
	padding: 7px;
	width: 90px;
	text-align: center;
	}
	
.nav-thumbs a {
	display: block;
	text-decoration: none;
	}
	
.nav-thumbs .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 104px;
	height: 4px;
	}
	
.nav-thumbs li:hover, .nav-thumbs li.selected {
	background: transparent url(../img/thumb_shadow_top.gif) no-repeat;
	}
	
.nav-thumbs li:hover .bottom, .nav-thumbs li.selected .bottom {
	background: transparent url(../img/thumb_shadow_bottom.gif) no-repeat bottom left;
	}
	
	

/*=======================================================================
/* VIDEO PROMOTION LANDING PAGE
=======================================================================*/

#video-landing {
	position: relative;
	color: #25486e;
	background: transparent url(../img/video_landing_pages/accordia/background_accordia.jpg) no-repeat;
	padding: 30px 560px 0 30px;
	width: 340px;
	height: 372px;
	}

	
	
/* Type Etc...
----------------------------------------------------*/

#video-landing h1 {
	margin: 10px 0;
	font-size: 25px;
	font-weight: normal;
	}

#video-landing h2 {
	margin: 10px 0 2px 0;
	font-size: 20px;
	font-weight: normal;
	}
	
#video-landing p {
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 24px;
	}
	
#video-landing .t-rule {
	background: transparent url(../img/video_landing_pages/accordia/t_rule.gif) no-repeat;
	width: 340px;
	height: 7px;;
	}

#video-landing .t-rule hr {
	display: none;
	}
	
	
	
/* Buttons - These rely on the default button style
----------------------------------------------------*/

#video-landing .btn {
	background: transparent url(../img/video_landing_pages/accordia/button_left.gif) no-repeat top left;
	margin-right: 10px;
	width: 103px;
	}
	
#video-landing .btn a {
	background: transparent url(../img/video_landing_pages/accordia/button_right.gif) no-repeat top right;
	padding: 5px 0 5px 0;
	height: 37px;
	line-height: 17px;
	#line-height: 17px; /* ie fix: line-height to keep default text centered in button */
	font-weight: bold;
	font-size: 13px;
	text-shadow: -1px -1px #273c5c;
	}



/* Video Window
----------------------------------------------------*/	
	
#video-landing .video-window {
	position: absolute;
	top: 30px;
	right: 30px;
	background: #fff;
	border: 10px solid #fff;
	border-left: 9px solid #fff; /* Fix for black left edge on video */
	width: 480px;
	height: 270px;
	}
	
#video-landing .video-window a {
	display: block;
	border: none;
	width: 480px;
	height: 270px;
	}
	

	
/* Video Navigation Bar
----------------------------------------------------*/

#video-landing .video-navigation {
	position: absolute;
	right: 30px;
	bottom: 28px;
	display: block;
	margin: 55px 0 0 0;
	width: 501px;
	height: 33px;
	list-style: none;
	}
	
#video-landing .video-navigation a {
	display: block;
	float: left;
	background: url(../img/video_landing_pages/accordia/vid_nav_left.gif) no-repeat;
	height: 33px;
	width: 167px;
	}
	
#video-landing .video-navigation .inner {
	color: #fff;
	background: url(../img/video_landing_pages/accordia/vid_nav_rule.gif) no-repeat top right;
	line-height: 33px;
	height: 33px;
	text-align: center;
	font-weight: bold;
	text-shadow: -1px -1px #273c5c;
	}
	
#video-landing .video-navigation a.first {
	background: url(../img/video_landing_pages/accordia/vid_nav_first.gif) no-repeat;
	width: 166px;
	}
		
#video-landing .video-navigation .last .inner {
	background: url(../img/video_landing_pages/accordia/vid_nav_right.gif) no-repeat top right;
	}
	
#video-landing .video-navigation a:hover {
	text-decoration: none;
	}
	
#video-landing .video-navigation a:hover .arrow, #video-landing .video-navigation a.playing .arrow, #video-landing .video-navigation a.paused .arrow {
	background: transparent url(../img/video_landing_pages/accordia/vid_nav_arrow.gif) no-repeat top center;
	margin-top: -11px;
	padding-top: 11px;
	height: 40px;
	width: 100%;
	}
	
	
/*=======================================================================
/* Sizeable Details Page (abbreviated id: s-d)
=======================================================================*/

#s-d .main-column {
	float: left;
	width: 618px;
	}
	
#s-d h1 {
	color: #264971;
	margin: 40px 0 15px 0;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	}
	
#s-d h2 {
	color: #264971;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	}
	
#s-d .main-column p {
	font-size: 15px;
	}
	
#s-d .double-spaced {
	margin-top: -10px;
	line-height: 30px;
	}
	
	
/* Video */

#s-d #video-window {
	background: #e2ded8 url(../img//sizeable/video_bg.jpg) no-repeat;
	padding: 20px 0;
	}

#s-d #video-window #player {
	display: block;
	border: 10px solid #fff;
	margin: 0 auto;
	-moz-box-shadow: 0	0 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	}
	/*
#s-d #video-window ul {
	display:  block;
	list-style: none;
	}*/

	
/* Swatches */

#s-d .swatches {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#s-d .swatches li {
	position: relative;
	zoom: 1; /* For IE7 Inline Block Support */
	display: inline-block;
	margin: 0 0 0 25px;
	width: 134px;
	height: 164px;
	text-align: center;
	}
	
#s-d .swatches li:first-child {
	margin: 0;
	}
	
#s-d .swatches a {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	background: transparent url(../img/magnify_icon.gif) no-repeat;
	border: 0;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	}
	
#s-d .swatches img {
	width: 134px;
	height: 134px;
	border: 0;
	}
	
	
/* Benefits */

#s-d .benefit {
	position: relative;
	margin: 0 0 25px 0;
	width: 611px;
	height: 235px;
	}
	
#s-d .benefit img {
	float: left;
	background: #fff;
	width: 215px;
	height: 215px;
	padding: 10px;
	-moz-box-shadow: 0	0 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	}
	
#s-d .benefit.r img {
	float: right;
	}
	
#s-d .benefit .copy {
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 2;
	background: url(../img/../img/sizeable/benefit_dot_l.gif) no-repeat 50px 0;
	padding: 0 120px 0 275px;
	width: 216px;
	}

#s-d .benefit.r .copy {
	padding: 0 275px 0 120px;
	background: url(../img/sizeable/benefit_dot_r.gif) no-repeat 350px 0;
	text-align: right;
	}
	
#s-d .benefit h2 {
	margin: 10px 0 0 0;
	text-transform: uppercase;
	}
	
	
/* Features & Sizes */

#s-d .features-sizes {
	background: #264971;
	border-left: 305px solid #f2f2f2;
	}
	
#s-d .features-sizes h2 {
	margin: 0 0 0 0;
	}
	
#s-d .features-sizes ul {
	margin-top: 0;
	margin-bottom: 0;
	}


#s-d .features-sizes .a {
	float: left;
	margin-left: -305px;
	padding: 15px;
	width: 275px;
	}
	
#s-d .features-sizes .a h2 {
	color: #264971;
	}
	
#s-d .features-sizes .b {
	float: left;
	color: #fff;
	padding: 15px;
	width: 275px;
	}
	
#s-d .features-sizes .b h2 {
	color: #fff;
	}
	
#s-d .features-sizes .b ul {
	list-style: none;
	margin: 0;
	}

	
/*=======================================================================
/* Sizeable Overview Page (abbreviated id: s-o)
=======================================================================*/

#s-o h1 {
	color: #264971;
	margin: 40px 0 15px 0;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	}
	
	
/* Overview Table */

#s-o .overview {
	border: 0;
	border-collapse: collapse;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	}

#s-o .overview th {
	color: #fff;
	background: #12548d;
	border-bottom: 10px solid #fff;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: normal;
	}
	
#s-o .overview th.first {
	border-right: 21px solid #fff;
	}
	
#s-o .overview td {
	height: 245px;
	padding: 0 10px;
	border-right: 1px solid #cecece;
	vertical-align: top;
	}
	
#s-o .overview td.first {
	padding-left: 0;
	}
	
#s-o .overview td.last {
	padding-right: 0;
	border: 0;
	}
	
#s-o .overview img {
	margin-bottom: 10px;
	width: 98px;
	height: 174px;
	}
	
#s-o .overview a {
	display: block;
	}



/* Compare Table */

#s-o .compare {
	border: 0;
	border-collapse: collapse;
	}

#s-o .compare .left-gap {
	border-left: 10px solid #fff;
	}


/* Compare Table Header */

#s-o .compare .first {
	padding-left: 10px;
	width: 323px;
	text-align: left;
	}
	
#s-o .product-head th {
	padding-bottom: 10px;
	width: 74px;
	height: 125px;
	}
	
#s-o .product-head th div {
	position: relative;
	width: 74px;
	height: 125px;
	}


#s-o .product-head th div span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 125px;
	height: 125px;
	text-indent: -9999px;
	}
	
#s-o .product-head .real { background: url(../img/sizeable/header_real.png) no-repeat 30px 0; }
#s-o .product-head .faux { background: url(../img/sizeable/header_faux.png) no-repeat 30px 0; }
#s-o .product-head .vertical { background: url(../img/sizeable/header_vertical.png) no-repeat 30px 0; }
#s-o .product-head .aluminum { background: url(../img/sizeable/header_aluminum.png) no-repeat 30px 0; }
#s-o .product-head .vinyl { background: url(../img/sizeable/header_vinyl.png) no-repeat 30px 0; }
#s-o .product-head .cellular { background: url(../img/sizeable/header_cellular.png) no-repeat 30px 0; }
#s-o .product-head .natural { background: url(../img/sizeable/header_natural.png) no-repeat 30px 0; }
#s-o .product-head .roller { background: url(../img/sizeable/header_roller.png) no-repeat 30px 0; }

#s-o .family-head th {
	color: #fff;
	background: #12548d;
	border-bottom: 10px solid #fff;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: "Benton Sans Cond";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	}
	
	
/* Compare Table Body */
	
#s-o .compare td {
	height: 30px;
	font-family: "Benton Sans Cond";
	font-style: normal;
	font-weight: normal;
	}
	
#s-o .compare td span {
	display: block;
	background: url(../img/sizeable/compare_check.gif) no-repeat;
	margin: auto;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	}
	
#s-o .compare .alt {
	background: #f2f2f2;
	}

/*=======================================================================
/* FONTS FROM WEBTYPE.COM (This is a 30 day free trial)
=======================================================================*/

.bentonsanscondbold {
  font-family: "Benton Sans Cond";
  font-style: normal;
  font-weight: bold;
}

.bentonsanscondbolditalic {
  font-family: "Benton Sans Cond";
  font-style: italic;
  font-weight: bold;
}

.bentonsanscondregular {
  font-family: "Benton Sans Cond";
  font-style: normal;
  font-weight: normal;
}

.bentonsanscondregularitalic {
  font-family: "Benton Sans Cond";
  font-style: italic;
  font-weight: normal;
}


	
	
	
	
<<<<<<< .mine#s-o .product-head .aluminum { background: url(../img/sizeable/header_aluminum.png) no-repeat 30px 0; }
#s-o .product-head .vinyl { background: url(../img/sizeable/header_vinyl.png) no-repeat 30px 0; }
#s-o .product-head .cellular { background: url(../img/sizeable/header_cellular.png) no-repeat 30px 0; }
#s-o .product-head .natural { background: url(../img/sizeable/header_natural.png) no-repeat 30px 0; }
#s-o .product-head .roller { background: url(../img/sizeable/header_roller.png) no-repeat 30px 0; }

#s-o .family-head th {
	color: #fff;
	background: #12548d;
	border-bottom: 10px solid #fff;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: BentonSansCond, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	}
	
	
/* Compare Table Body */
	
#s-o .compare td {
	height: 30px;
	font-family: BentonSansCond, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	}
	
#s-o .compare td span {
	display: block;
	background: url(../img/sizeable/compare_check.gif) no-repeat;
	margin: auto;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	}
	
#s-o .compare .alt {
	background: #f2f2f2;
	}=======>>>>>>> .theirs