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

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;
	text-decoration: none;
	}
	
a:hover {
	color: #35578a;
	text-decoration: underline;
	}
	
h1 {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: normal;
	}

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: left;
	}
	
#header #logo {
	float: left;
	position: relative;
	z-index: 20;
	padding-left: 10px;
	}
	
#header #logo-powered {
	float: left;
	padding: 12px 0 0 12px; 
	}


#header .live-chat {
	float: left;
	padding: 16px 0 0 13px; 
	}
	
#header .vendor-link {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url(../img//header/vendor_link_tab_l.jpg) no-repeat top left;
	padding-left: 10px;
	#width: 102px; /* ie6 fix */
	}
	
#header .vendor-link a {
	display: block;
	color: #fff;
	background: url(../img//header/vendor_link_tab_r.jpg) no-repeat top right;
	padding-right: 8px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	}
	
	
		
/*=====================================================================*/	
/* ORDER NAV
=======================================================================*/
	
#ordernav {
	color: #babcbe;
	position: absolute;
	top: 30px;
	right: 0;
	margin: 0;
	width: 600px;
	list-style: none;
	text-align: right;
	}

#ordernav a {	
	color: #babcbe;
	text-decoration: none;
	}
	
#ordernav a:hover {
	text-decoration: underline;
	}
	
#ordernav li {
	display: inline;
	padding: 0 3px 0 6px;
	border-left: 1px solid #babcbe;
	zoom: 100%; /* fix for the new IE7 inline list zoom bug - awesome */
	}
	
#ordernav li:first-child, ul#ordernav li.first  { /* IE6 Fix - Other browsers use the first-child rule */
	border-left: 0;
	}
	
#ordernav li.cart {
	background: transparent url(../img//header/icon_cart.gif) no-repeat 7px 0px;
	padding-left: 25px;
	}
	
#ordernav li.account {
	background-image: url(../img//header/icon_account.gif);
	border-left: 0;
	padding: 0 0 0 14px;
	margin-left: 30px;
	}
	
	
	
/*=====================================================================*/	
/* 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 8px 0 8px;
	width: 930px;
	height: 29px;
	z-index: 3;
	}
	
#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/nav_rule.gif) top left no-repeat;
	float: left;
	margin-top: 7px;
	height: 15px;
	}
	
#mainnav li.first { /* Main Links */
	background: none;
	}

#mainnav li a {
	position: relative;
	display: block;
	color: #433f3b;
	margin: -2px 3px 0 4px;
	padding: 0 10px 5px 10px;
	line-height: 19px;
	text-decoration: none;
	}
	
#mainnav a .tabend {
	position: absolute;
	top: 0;
	right: 0;
	_right: 3px; /* IE6 Fix */
	width: 3px;
	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 2px left; /* IE 6 & 7 Fix (Due to negative margin) */
	}	
	
#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;
	}
	

/* 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 */
	margin-left: 1px;
	padding: 0 0 11px 3px;
	width: 225px;
	z-index: 100;
	}
	
#mainnav li ul li {
	float: none;
	border: 0;
	margin: 0;
	padding: 4px 0 4px 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: 0 0 15px 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: 4px 0 4px 0;
	}
	
/* Main Nav - Multicolumn Dropdowns Hover */
	
#mainnav dl a {
	margin: 0 !important;
	padding: 0 0 0 5px !important;
	}
	
	
/* 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 */
	}
	

/* Search */

#mainnav-wrap .search {
	float: right;
	padding: 4px 4px 0 0;
	}

#mainnav-wrap .search input {
	float: left;
	margin-right: 4px;
	border: 1px solid #aea9a2;
	padding: 0 3px;
	height: 19px;
	}
	
	
	
/*=====================================================================*/	
/* 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: 160px;
	}

#footer-wrap {
	background: #d5cec5 url(../img//footer/footer_bg.gif) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
	}
				
#footer {
	position: relative;
	margin: 0 auto;
	width: 930px;
	font-size: 12px;
	}
	
#footer a {
	text-decoration: none;
	}
	
	
/* Nav List */

#footer #nav {
	background: transparent url(../img//footer/footer_nav_rule.gif) repeat-x bottom left;
	list-style: none;
	padding: 23px 0 10px 0;
	width: 425px;
	margin: 0;
	}
	
#footer #nav li {
	background: transparent url(../img/nav_rule.gif) top left no-repeat;
	display: inline;
	padding: 0 6px 0 8px;
	zoom: 100%; /* fix for the new 1e7 inline list zoom bug - awesome */
	}
	
#footer #nav li.first {
	background: none;
	padding-left: 0;
	}
	
	
/* Divisions List */
	
#footer #divisions {
	margin: 0;
	list-style: none;
	}
	
#footer #divisions li {
	background: transparent url(../img/nav_rule.gif) top left no-repeat;
	display: inline;
	padding: 0 6px 0 8px;
	line-height: 13px;
	zoom: 100%; /* fix for the new 1e7 inline list zoom bug - awesome */
	}
	
#footer #divisions li.first {
	background: none;
	padding-left: 0;
	}
	
#footer #divisions li.label {
	background: none;
	display: block;
	padding: 10px 0 3px 0;
	font-weight: bold;
	}

	
/* Logo Area - (Verisign Etc...) */
	
#footer #logo-box {
	position: absolute;
	top: 0;
	right: -4px;
	background: transparent url(../img//footer/logo_box.gif);
	padding: 8px 9px 0 24px;
	height: 85px;
	}
	
#footer #logo-box img {
	margin-right: 15px;
	}
	
#footer #logo-box #verisign {
	display: inline;
	}
	
#footer #logo-box .end {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../img//footer/logo_box.gif) top right;
	height: 93px;
	width: 9px;
	}
	
	
/* Copyright Information */
	
#copyright {
	background: transparent url(../img//footer/copyright_bg.gif) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	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;
	}



/*=====================================================================*/	
/* 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: url(../img/qq_background.jpg) no-repeat top right;
	margin: 0 0 15px -17px;
	height: 34px;
	}
	
#quickquote #arrow {
	float: left;
	color: #fff;
	background: transparent url(../img/qq_arrow.jpg) no-repeat;
	padding: 0 10px 0 27px;
	margin-right: 7px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	}
	
#quickquote #settings {
	padding-top: 8px;
	#padding-top: 6px; /* IE Top Padding */
	}
	
/* Use the no-arrow class for areas outside the configurator */
	
#quickquote.no-arrow {
	margin: 0 0 23px 0;
	}

#quickquote.no-arrow #arrow {
	background: url(../img/qq_arrow.jpg) no-repeat -17px 0;
	padding: 0 10px 0 10px;
	}



/*======================================================================*/
/* 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 .checks li {
	color: #fb2929;
	background: url(../img/bullet_purchase_check.gif) no-repeat 0 2px;
	padding-left: 14px;
	font-size: 12px;
	list-style: none;
	}
	
.listing .purchase .btn {
	position: absolute;
	bottom: 29px;
	right: 29px;
	width: 124px;
	}
	
	
	
/*======================================================================*/
/* 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;
	}




		
	
	
/*======================================================================*/
/* 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
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;
	}

	
/* 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;
	}
	
	
/* 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: 13px;
	line-height: 13px;
	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;
	}

	
/* 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 {
	float: left;
	width: 269px;
	}
	
#gallery-image {
	float: right;
	width: 637px;
	}

/* Filters */

#filters {
	background: #edeae4;
	border: 1px solid #cbc5bd;
	border-bottom: 0;
	padding: 10px 10px 5px 10px;
	text-align: right;
	}
	
#filters .pulldown {
	padding-bottom: 5px;
	}
	
#filters select {
	width: 170px;
	}
	
	
/* Arrow Nav */
	
#arrow-nav {
	position: relative;
	background: #35527D repeat-x 0 0;
	height: 36px;
	}
	
#arrow-nav .number {
	float: left;
	color: #fff;
	line-height: 36px;
	margin-left: 8px;
	}
	
#arrow-nav #next_arrow {
	position: absolute;
	top: 0;
	right: 0;
	margin: 7px 6px 0 0;
	background: transparent url(../img/btn_arrow_right.gif) no-repeat;
	width: 40px;
	height: 22px;
	text-indent: -9999px;
	}
	
#arrow-nav #previous_arrow {
	position: absolute;
	top: 0;
	right: 45px;
	margin: 7px 6px 0 0;
	background: transparent url(../img/btn_arrow_left.gif) no-repeat;
	width: 40px;
	height: 22px;
	text-indent: -9999px;
	}
	

/* Photo Gallery - Thumbnails */

#thumbs {
	border: 1px solid #35527D;
	padding: 5px;
	height: 431px;
	overflow: auto;
	}
	
#thumbs img {
	float: left;
	border: 5px solid #fff;
	}
	
#thumbs .selected {
	border: 5px solid #f2c7D0;
	}
	
	
/* Photo Gallery - Photo */

#photo {
	position: relative;
	width: 637px;
	height: 460px;
	}

#photo .free-swatches {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: transparent url(../img/free_swatches_corner.gif) no-repeat;
	width: 90px;
	height: 90px;
	text-indent: -9999px;
	}
	
#photo .starburst {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 3;
	background: transparent url(../img/order_online_starburst.png) no-repeat;
	width: 81px;
	height: 81px;
	text-indent: -9999px;
	}
	
#swatch {
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 4;
	border: 5px solid #fff;
	}
	
#swatch .magnify {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 5;
	background: transparent url(../img/magnify_icon.gif) no-repeat;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	}
	
#swatch p {
	background: #fff;
	position: absolute;
	bottom: 0;
	right: -1px;
	z-index: 6;
	margin: 0;
	padding: 3px 0 3px 5px;
	line-height: 14px;
	font-family: arial, sans-serif;
	font-size: 13px;
	}

#info {
	color: #fff;
	background: #35527D url(../img//gradient_short.jpg) repeat-x;
	padding: 15px;
	height: 52px;
	}
	
#info h2 {
	margin: 0;
	line-height: 18px;
	}
	
	
	
	

/*=======================================================================
/* DEALER LOCATOR
=======================================================================*/
	
.dealer-logos img {
	margin: 0 15px 15px 0;
	}

	



/*=======================================================================	
/* 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;
	}
	
	

/*======================================================================*/
/* 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 {
	float: left;
	width: 267px;
	}
	
.compare-nav .inner {
	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;
	}
	



/*=======================================================================
/* 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: #F9F2E8;
	border:1px solid #5d5241;
	width:200px;
	padding: 0 0 6px 0;
	z-index: 1000;
	}
	
.move-cart-title {
	background: #5d5241;
	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;
	}/*
*************************************************

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;
	}
	
/* Image */

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

#scene7window #current_swatch {
	display: block;
	color: #fff;
	background: #35527d;
	padding: 3px 0 4px 0;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	}
	
/* Links Below Image - Only on dev. */
	
#scene7window #cart-links {
	padding: 6px 0;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	}
	
	
	
/*======================================================================*/
/* 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;
	}
	
.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;
	}
	
.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-wrap input { /* Radio Button or Checkbox absolute to handle multiline labels */
	position: absolute;
	top: 110px;
	left: 0px;
	}

.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;
	}
	
	
/*======================================================================*/
/* 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;
	}
	
	
	
/*======================================================================*/
/* 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 {
	float: left;	
	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;
	}

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

/* 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;
	}


/* 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;
	}


/* 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 */
	}


/* 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 */
	
.tight {
	margin-bottom: 0;
	}
	




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

/* Fancy List */

.fancy-list {
	padding-left: 1.2em !important;
	list-style-image: url(../img/diamond_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;
	}
	
	
	
	
	
/*======================================================================*/
/* 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;
	}
	
	
	
	
	
/*======================================================================*/
/* 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 .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;
	}
	
	
	
	
	
/*======================================================================*/
/* 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 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	background: transparent url("../img/black_transparent_overlay.png");
	width: 100%;
	height: 100%;
	}
	
#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;
	}
	
#floating-div .feedback-window {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	margin-left: -365px;
	margin-top: -215px;
	padding: 30px 0 30px 30px;
	width: 700px;
	}
	
.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: 15px;
	height: 63px;
	}
	
.feedback-column .btn-big {
	float: none;
	margin: 0 0 30px 0;
	}
	
.feedback-window p {
	margin: 0 30px 0 0;
	text-align: center;
	}
	
/*
*************************************************

LEVOLOR
Brochure Screen Styles

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

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

/* 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;
	}

.rcol-s { /* short right column */
	float: right;
	width: 293px;
	}
	
.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;
	}
	

	
/* 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: 4px 0 0 0;
	padding: 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;
	}


/* Step Icon */
	
.step-icon {
	float: left;
	}
	
.step-h1 {
	float: left;
	margin: 30px 0 0 10px;
	width: 835px;
	}


/* 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
=======================================================================*/

/* Simple Swatch - This is used on the trim & go page */
	
.swatch-simple {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	width: 100px;
	text-align: center;
	}
	
.swatch-simple img {
	border: 1px solid #adadad;
	padding: 2px;
	margin-bottom: 10px;
	}
	
.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;
	}
	

/* Details Size Box */

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

.details-size p {
	width: 125px;
	}
	
.details-size img {
	position: absolute;
	top: 30px;
	right: 25px;
	}
	
/* Lowes Locator Promo */

.lowes-locator-promo {
	position: relative;
	width: 293px;
	height: 248px;
	margin-bottom: 25px;
	}

.lowes-locator-promo .btn-big, .lowes-locator-promo .btn {
	position: absolute;
	top: 190px;
	left: 33px;
	}
	
/* details links */

.details-links .minor {
	float: left;
	margin: 0 0 10px 10px;
	width: 200px;
	}
	
.details-links img {
	float: left;
	clear: left;
	}
	
.details-links .btn {
	float: left;
	margin-bottom: 15px;
	}
	
/* 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;
	}