 /***********************   General Layout and HTML Elements Styles  ********************************/
@font-face {
  font-family: "BlackJack";
  src: url("../fonts/black_jack-webfont.eot");
  src: url("../fonts/black_jack-webfont.eot") format("embedded-opentype"), url("../fonts/black_jack-webfont.woff") format("woff"), url("../fonts/black_jack-webfont.ttf") format("truetype"), url("../fonts/black_jack-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

html {
  height: 100%;
}
body {
  font-family: "Helvetica";
  height: 100%;
  color: #5E5E5E;
}
#wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#main, .content {
  flex: 1 0 auto;
  padding: 0;
  width: 100%;
}
#content, .content-inner {
  width: 1000px;
  margin: 20px auto;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
form { margin: 0; padding: 0; } 

h1 {color:#1568b3; font-size:18px;margin:0px 0px 5px 0px; font-weight:bold;}
h2 {color:#777777; font-size:16px;margin:5px 0px 5px 0px; font-weight:bold;}
h3 {color:#777777; font-size:12px;margin:4px 0px 4px 0px; font-weight:bold;}
h4 {color:#777777; font-size:11px;margin:5px 0px 0px 0px; font-weight:bold;}
h5 {color:#777777; font-size:9px; font-weight:bold;}
h6 {color:#000000; font-size:11px; margin:0px; padding-top:20px; border-top:1px solid #d1d1d1; font-weight:bold;}

p.small_txt { font-size: 9px; line-height: 17px; padding-bottom:14px; }
ul {list-style-type:disc; margin-left:0;padding-left: 16px;}
ul li {list-style-type:disc;}
ul li a {text-decoration:none;}
ol li {}
em{font-weight:bold; font-style:normal;}
a {cursor:pointer; color:#1568b3;}
img {border:0px;}
td {vertical-align:top!important;}
.round {border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.shadow {box-shadow:1px 4px 5px #aaaaaa;}
.shadow-black {box-shadow:1px 4px 5px #000000;}
.photo-frame {padding:10px; border:1px solid #dddddd;}
sup {vertical-align:super; position:relative; top:0; line-height:0px;}
.right {float:right;}
.left {float:left;}
.half-panel:first-child {margin-right:4%;}
.half-panel {width:48%; float:left;}
.half-panel p {font-size:13px; line-height:1.5em;}
.no-underline {text-decoration:none!important;}
.dotted {border-bottom:3px dotted #777777; margin-bottom :5px; clear:both;}
.blue-link {color:#1568b3!important; font-size:14px!important;}
.gray {color:#777777;}
.gradient-gray {
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	}
.gradient-blue {
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
}
/* HEADER */

#header {
	position:fixed; top:0px; z-index:2000;
	height:118px; width:1004px; 
	margin:0px auto 0px auto; padding:5px 0px 5px 0px;
	border: 0px solid; 
	background-color: rgb(255, 255, 255); 
}
#logo {float: left; height: 79px; width: 215px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
#logoPrintable { display: none; }
#phone {width:415px; font-size:11px; float:left; display:inline-block; text-align:right; padding:0px 5px 0px 0px; margin:0px;}
#phone a {font-size:11px; color:#004990; text-decoration:none;}
#phone a:hover {text-decoration:underline;}

/*** Top Links ***/
#link_bar {display:inline-block; float:right; height:30px; border: 1px solid #000;}

#top-links {
	float: right; display:block; 
	width:415px; height:32px; 
	margin:-5px 0px 0px 0px; padding:0px 0px 0px 0px;
	color:#000; font-size:10px;	text-align: left;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	border:1px solid #777777;
	}
#top-links-container {width:auto; vertical-align:top; padding:0px; margin:0px 0px 12px 0px;}
.top-links-block {display:inline-block; font-size:11px; height:18px; vertical-align:bottom; margin-top:7px; float:left;}
.top-links-block.cartimg a {padding-left:30px;}
.top-links-block a{color:#fff; display:inline-block; text-decoration:none; vertical-align:middle; padding:4px 8px 0px 8px;}
.top-links-block a.noLine{border:none;}
.top-links-block a:hover{text-decoration:underline;}

.top_info {
	float:right;
	padding:5px 0px 0px 0px; margin:0px 0px 0px 0px;
	display:block;	position:relative;
	text-align:right; 
	border-radius:8px; -moz-border-radius: 8px;	-webkit-border-radius: 8px;
	clear:right;
}

/*** Chat ***/
#chatlink {float:right; display:block; text-align:right; padding:7px 0px 0px 0px; border:0px solid;}
/****** MEGA MENU *****/
#menu {
	z-index:1000; position: absolute; left:0px; bottom:0px; display:inline-block; 
	width:1004px; 
	border-bottom:1px solid #c5c5c5;
	margin:0px; 
	}
/* Navigation Bar */

#mega-menu {
	list-style:none;
	width:1004px;
	margin:0px 0px 0px 0px;

	/* Background color and gradients */
/*	
	background: #ffffff; opacity:.7;
	background: -moz-linear-gradient(top, #ffffff, #ffff00);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
*/	

}

#mega-menu li {
	float:left;
	text-align:center;
	position:relative;
	padding: 5px 0px 11px 0px;
	border-right:0px solid #777777;
	list-style:none;
}

#mega-menu li:hover {
	/* Background color and gradients */
	color:#fff;
	background-color:#1568b3;
	background: url(/images/bali_links_bg.png) repeat-x 45px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

#mega-menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #777777;
	display:block;
	text-decoration:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#mega-menu li:hover a {
	color:#ffffff;
}
#mega-menu li .drop {
	width:142px;
	text-align:center;
	
}
#mega-menu li:hover .drop {
}

/* Drop Down */

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:11px auto 4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	color:#777777;
	text-align:left;
	border:1px solid #1568b3;
	-moz-box-shadow:4px 4px 6px #000000;
	-webkit-box-shadow:4px 4px 6px #000000;
	box-shadow:4px 4px 6px #000000;
	/* Gradient background */
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#EEEEEE));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 1000px;}
.dropdown_5columns {width: 700px;}

.dropdown_1column li, .dropdown_2columns li, .dropdown_3columns li, .dropdown_4columns li, .dropdown_5columns li {border: 0px!important;}


#mega-menu li:hover .dropdown_1column, 
#mega-menu li:hover .dropdown_2columns, 
#mega-menu li:hover .dropdown_3columns,
#mega-menu li:hover .dropdown_4columns,
#mega-menu li:hover .dropdown_5columns {
	left:0px;
    top:auto;
    }

/* Columns */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	padding: 3px;
}
.col_1 {width:19%;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}


/* Right alignment */

#mega-menu .menu_right {
	float:right;
	margin-right:0px;
}
#mega-menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
#mega-menu li:hover .align_right {
	left:auto;
	right:0px;
	top:auto;
}

/* Drop Down Content Stylings */

#mega-menu p, #mega-menu h2, #mega-menu h3, #mega-menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size:12px;
	text-align:left;
}

#mega-menu .feature {
	line-height:22px;
	display:inline-block;
}
#mega-menu h2 {
	font-size:21px;
	font-weight:400;
	margin:7px 0 7px 0;
	padding-bottom:0px;
	border-bottom:1px solid #666666;
}
#mega-menu h3 {
	font-size:10px; color:#777777;
	margin:8px 0 8px 0;	padding-bottom:7px;
	border-bottom:1px dotted #777777;
}
#mega-menu h4 {
	font-size:14px; color:#777777;
	margin:2px 0 7px 0;
	padding:3px 0px 7px 0px;
	border:0px;
}
#mega-menu p {
	line-height:15px;
	margin:0 0 10px 0;
}

#mega-menu li:hover div a {
	font-size:11px;
	color:#1568b3;
	padding:0px 3px;
}
#mega-menu li:hover div a:hover {
	color:#ffffff;
	text-decoration:none; /*font-weight:bold;*/
	background-color:#1568b3;
	padding:0px 3px;
}
.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.imgshadow {
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}
#mega-menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
#mega-menu li ul {
	list-style:none;
	padding:0;
	margin:0;
}
#mega-menu li ul li {
	font-size:12px;
	line-height:22px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:137px;
}
#mega-menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}
#mega-menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#mega-menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
.mega-free-swatch-tab {
	color:#ffffff!important;
	background-color:#9eb509; 
	background: url(/images/bali_swatch_bg.png) repeat-x 45px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
	}	
.mega-free-swatch-tab:hover {
	background-color:#1568b3;
	background: url(/images/bali_links_bg.png) repeat-x 45px;
	}	
.mega-free-swatch-tab a:link {color:#fff;}	

/* SPRY MENU BAR */
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0px;
	padding: 0px;
	float:left;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: auto;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	filter:alpha(opacity=100); /* for IE5-7 */
	}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	text-align: right;
	cursor: pointer;
	width: 166px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0px; padding: 0px;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: pointer;
	width:165px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	box-shadow: 2px 4px 6px #bbb;
 }
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {width: 165px; clear:left;}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border-left:1px solid #777777;
	border-right:1px solid #777777;
	border-bottom:1px solid #777777;
	border-top:0px;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color:#fff;
	color:#777777;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
	color:#fff;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	border:0px;	
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{color:#fff; background-color:#fff;}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarTopItems
{
	size:12px; text-align:right;
	font-weight:bold;
	padding:5px 10px 5px 5px;
	border-left: 1px solid #777777; 
	background-color:#fff; 
	height:18px;
/*	background-image: url(/images/SpryMenuBarDown.gif); commented out due to cross-browser issues
	background-repeat: no-repeat;
	background-position: 95% 50%;*/
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	size:12px; text-align:center; padding:5px 5px 5px 11px;
	background-color:#fff; 
	height:18x;
/*	background-image: url(/images/SpryMenuBarDown.gif); commented out due to cross-browser issues
	background-repeat: no-repeat;
	background-position: 95% 50%;*/
	}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-color:#fff; 	
	background-image: url(/images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	size:10px; text-align:right; 
	padding:5px 20px 5px 5px;
	}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	size:10px;text-align:center;padding:5px 5px 5px 11px;
	color:#fff;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
/*	background-image: url(/images/SpryMenuBarDown.gif); commented out due to cross-browser issues
	background-repeat: no-repeat;
	background-position: 95% 50%;*/
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(/images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color:#fff;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1)"; /* IE8 */
	filter:alpha(opacity=0.1); /* for IE5-7 */
}
.menu_corner_fix {
	height:100%;
	width:100%;
	border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; 
	border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; 
	overflow:hidden;
	}
	
.free-swatch-tab {
	margin-right:1px; padding: 0.5em 0.75em;
	border:0px;
	height:16px;
	color:#fff; text-align:center; 
	background-color:#9eb509; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9eb509', endColorstr='#8fa406'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#9eb509), to(#8fa406)); 
	background: -moz-linear-gradient(top,  #9eb509,  #8fa406);
	background: -ms-linear-gradient(top,  #9eb509,  #8fa406);
	}	
.free-swatch-tab:hover {
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	}	
.free-swatch-tab a:link {color:#fff;}	


/***  Breadcrumbs ***/
#breadcrumbs {
	width:1000px; 
	color:#fff; font-size: 13px;
	padding:0px 15px; 
	margin:2px auto 0;
	background-color:white;
/*	background-image:url('/images/breadcrumb_bg.png');
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
*/	}
.breadcrumb-page {
	position:relative; vertical-align:middle; 
	padding:3px 15px 3px 25px; margin-left:-10px;
	background-image:url('/images/breadcrumb_item_bg.png');
	background-repeat:no-repeat;
	background-size:auto 21px;
	background-position: right top; 
	z-index:15;
	}
.breadcrumb-page-current {
	position:relative; vertical-align:middle;
	padding:3px 15px 3px 25px; margin-left:-13px;
	font-weight:bold;
	background-image:url('/images/breadcrumb_item_bg.png');
	background-repeat:no-repeat;
	background-size:auto 21px;
	background-position: right top; 
	z-index:5;
	}
.breadcrumb-page a {color:#ffffff;}
#breadcrumbs a, #breadcrumbs a:hover {color:#ffffff; text-decoration:none; display: inline-block;}

/*** Footer ***/
#footer {
	display: block; 
	width: 1000px; height:170px;
	padding:5px; margin: 10px auto 25px auto; 
	font-size:10px; color:#777777;
	border-top: 3px dotted #777777;
	clear:both;
	z-index:70;
	}
.footer_cornerfix {
	width: 1000px; height:170px;
	margin: 0px auto 0px auto;
	overflow:hidden;
	}
.footer_title {
	display:inline-block; float:left; position:relative;
	margin-top:0px;
	color:#fff; font-size:20px; font-weight:bold; text-align:left;
	width:445px; height:20px;
	opacity:.7;	filter:alpha(opacity=70); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
}
.bali_footer_links {
	display:inline-block; float:left;
	width:76px; height:130px;
	color:#777777; font-size:11px; font-weight:bold; line-height:12px; vertical-align:top;
	padding: 10px 15px 0px 0px;
}
.footer-links {display:block;}
.bali_footer_links a {color:#777777; font-size:10px; font-weight:normal;	text-decoration:none; line-height:13px;}
.bali_footer_links a:hover {color:#1568b3;}
.bali_footer_links li {list-style-type:none;}
.bali_footer_links ul {margin:0px;}

#bottom_nav {
	display:inline; 
	width:1000px; 
	font-size:10px; color:#fff; font-family:Helvetica, Arial, sans-serif;
}
.bottom_col {
	position:relative; display:inline;  
	width:100px; height:120px;
	vertical-align:text-top;
	padding:5px; margin:0px; 
	border-right:solid 1px #fff;
	background-color:#777777;
}
#share_widget {z-index:6000;}
/* End Footer */
/* Common Pieces */
.button {
	color:#fff; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; text-decoration:none;
	width:auto; height30px;
	padding:5px;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
.button:hover {
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
}
.more-info-button {
	color:#fff; font-size:10px; font-weight:normal; text-align:center; vertical-align:middle; text-decoration:none;
	height:16px;
	padding:0px;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.more-info-button:hover {
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
}
.more-info-buton a, .more-info-button:hover a {text-decoration:none!important;}
.info-cornerfix {
	height:16px; width:100px;
	margin: 5px auto 0px auto;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	overflow:hidden;
}
.addSwatchButton, .noAddSwatchButton {
	color:#fff; font-size:10px; font-weight:normal; text-align:center; vertical-align:middle; text-decoration:none;
	width:auto; height:20px;
	padding:0px;
	background-color:#777777; 
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; 
	overflow:hidden;
	cursor:pointer;
}
.addSwatchButton:hover {
	background-color:#1568b3;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; 
	overflow:hidden;
}
.button_cornerfix {
	height:30px; width:auto;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; 
	overflow:hidden;
}
.cornerfix {
	height:100%; width:100%;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	overflow:hidden;
}
.circle {
	display: block;
	width: 100px; height: 100px;
	margin:6px;
	color:#fff;	font-size:14px; text-align:center; vertical-align:middle;
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
	border: 2px dotted #fff;
}
.outercircle {
	display: inline-block;
	width: 116px; height: 116px;
	color:#fff;	font-size:14px; text-align:center; vertical-align:middle;
	background-color:#777777; 
	box-shadow: 3px 5px 8px #555;
	-moz-border-radius: 58px; -webkit-border-radius: 58px; border-radius: 58px;
	border: 0px;
}
.step-circle {
	background: url(/images/step-circle.png) no-repeat top;
	width:42px; height:42px;
	position:relative; display:inline-block; z-index:10;
	font-size:35px; font-weight:bold; color:#fff; text-align:center; vertical-align:top; line-height:1.1;;
	padding-top:0px;
	}
.step-circle-blue {
	background: url(/images/step-circle-blue.png) no-repeat top;
	width:42px; height:42px;
	position:relative; display:inline-block; z-index:10;
	font-size:35px; font-weight:bold; color:#fff; text-align:center; vertical-align:top; line-height:1.1;;
	padding-top:0px;
	}
.step-circle-green {
	background: url(/images/step-circle-green.png) no-repeat top;
	width:42px; height:42px;
	position:relative; display:inline-block; z-index:10;
	font-size:35px; font-weight:bold; color:#fff; text-align:center; vertical-align:top; line-height:1.1;;
	padding-top:0px;
	}
.step-circle-red {
	background: url(/images/step-circle-red.png) no-repeat top;
	width:42px; height:42px;
	position:relative; display:inline-block; z-index:10;
	font-size:35px; font-weight:bold; color:#fff; text-align:center; vertical-align:top; line-height:1.1;;
	padding-top:0px;
	}
.step-circle-small {
	background: url(/images/step-circle.png) no-repeat top;
	background-size: 28px 28px;
	width:29px; height:34px;
	position:relative; display:inline-block; z-index:10;
	font-size:25px; font-weight:bold; color:#fff; text-align:center; vertical-align:top; line-height:1.1;
	padding-top:0px;
	}
	
#cta-small {
	width: auto; height: 20px; float:left;
	cursor:pointer;
	color:#9eb509!important; font-size:15px; text-align:right; vertical-align:middle; text-decoration:none;
	padding:2px 20px 0px 0px;
	background: url(/images/cta-button-green_sm.png) no-repeat right; background-size: 15px;
}
.cta-small {
	margin:10px 0 40px 0px; padding-right:20px;
	color:#9eb509; font-size:15px; text-align:right; vertical-align:middle; text-decoration:none;
	}
#cta-small:hover {color:#1568b3; text-decoration:none; background: url(/images/cta-button-blue_sm.png) no-repeat right; background-size: 15px;}
#cta-small a {color:#9eb509!important;}

#cta-large, #shopProductLineLink {
	padding:5px 32px 0px 0px;
	cursor:pointer;
	width:auto; height:24px;
	text-align:right; color:#9eb509!important; font-weight:normal; font-size:18px; text-decoration:none; line-height:1; vertical-align:middle; 
	background: url(/images/cta-button-green.png) no-repeat right; background-size: 25px;
	    margin-top: 0 !important;
}	
#cta-large:hover, #shopProductLineLink:hover {
	color:#1568b3!important; text-decoration:none;
	background: url(/images/cta-button-blue.png) no-repeat right; background-size: 25px;
	}
.arrow-right {
	width: 0px; height: 0px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid white;
	margin:0px 0px 0px 0px; 
	float:right; display:inline-block;
}
#two-column-copy td {padding-right:40px;}

#fadeshow1 {
	margin: 0px 0px 0px 0px;
	float:none;	z-index:1;
	background-color:#fff;
}

#fadeshow1toggler {
	 position:relative; float:left;
	 margin:-22px 0px 0px 0px;
	 z-index:2;
}
#fadeshow1toggler img, #fadeshow1toggler-lowes img {width:6px!important;height:9px!important;}

#fadeshow1toggler-lowes {
	 position:relative; float:left;
	 margin:-44px 3px 0px 0px;
	 z-index:2;
}
.control_tab {
	 margin:0px 0px 0px 0px; padding:2px 5px 2px 5px;
	 background-color:#000;
	 border: 0px solid #333;
	 border-top:0px;	 
	 color:#fff; font-size:10px; text-align:left; 
 	 opacity:.7; filter:alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
}
.control_tab a:link {color:#fff; text-decoration:none;}

.status {
	 margin:0px 0px 0px 0px;  padding:2px 5px 2px 5px;
	 background-color:#000;
	 border: 0px solid #333;
	 border-top:0px;	 
	 font-size:10px; text-align:left; color:#fff!important;
 	 opacity:.7; filter:alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
}

/***** new slideshow *****/
.background-blocker {
	float:left; height:401px; width:975px; position:relative; top:0px; left:0px; 
	background-color:#ffffff; 
	z-index:1;
}
.slideshow-wrapper-container {
	float:left; height:401px; width:975px; position:relative; margin-top:-401px; left:0px; 
	background-color:ffffff; 
	z-index:2;
}
#slideshowWrapper{position:relative; margin:auto;}
#slideshow {margin:0px; background-color:#ffffff!important;}
#fssPrev{position:absolute;top:180px;left:5px;width:23px;height:46px;text-indent:-999999px;background:url(/images/microsite/marthawindow/prev.png) -69px 0px;opacity:.7; display:none;}
#fssNext{position:absolute;top:180px;left:947px;width:23px;height:46px;text-indent:-999999px;background:url(/images/microsite/marthawindow/next.png) -69px 0px;opacity:.7; display:none;}
#fssPrev:hover,#fssNext:hover {opacity:1;}
#fssPlayPause{position:relative;top:18px;left:0px;background-color:#bbbbbb; width:50px; height:23px; padding-top:4px;padding-left: 0; text-align:center; display:block; color:#fff!important; font-size:12px; text-decoration:none;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} /*background:url(/images/controls/white.png) repeat;padding:4px 0 5px 0;*/
ul#slideshow{list-style:none;border:0px solid #999;padding:0px;margin:0;width:975px;height:401px;overflow:hidden;}
#fssList {list-style:none;width:auto;margin:-3px 0px 0px 0px;padding:0px 0 0 60px; z-index:1020;}
#fssList li{display:inline;}
#fssList li a, #fssList li.fssActive a{
	text-decoration:none; font-size:12px; vertical-align:middle;
	margin-right:10px; padding: 1px 5px;
	background-color:#fff; 
	border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	}
#fssList li a {font-weight:normal; color:#ffffff; border: 1px solid #bbbbbb; display: inline-block; height: 18px; width: 18px; margin-top: -3px;}
#fssList li.fssActive a {font-weight:bold; background-color:#bbbbbb; color:#bbbbbb; border: 1px solid #bbbbbb;}
.home-slide-banner {
	position:relative; top:-298px; right:-684px;
	width:270px;
	font-size:14px; color:#ffffff;
	padding:10px;
	}
.home-slide-date {
	position:relative; top:-240px; right:-691px;
	height:54px; width:270px;
	font-size:12px; color:#ffffff;
	padding:10px;
	}
.home-slide-desc-container {
	background-color:#999999; 
	opacity:.8; filter:alpha(opacity=80);
	position:relative; top:-24px;
	height:20px; width:679px;
	}
.home-slide-desc {
	font-size:9px; font-weight:normal; vertical-align:middle; color:#fff;
	padding:4px 0px 0px 10px;
	height:16px;
	position:relative; top:0px;
	opacity:1; filter:alpha(opacity=100);
	}
.promo-text {display:inline-block; vertical-align:top; text-shadow: 1px 1px #000000;}

.shop-now-slide {position:relative; top:-48px; font-size:14px; text-align:right; color:#ffffff; text-transform:uppercase; padding-right:5px;}
#home_focus {
	 display: inline-block;
	 vetical-align: top; 
	 margin:0px 20px 10px 0px;
	 border:0px solid #000;
	 height:155px; width:150px;	 
/*	 box-shadow:0px 5px 10px 0px #777777; */
}
.home-page-copy {display:inline-block;vertical-align: top; padding:5px; width:630px; line-height:17px; font-size:12px; color:#777777;}
.home-page-item {float:left; width:33.3333%; border-right:1px solid #c5c5c5; padding:0 3%;}
.home-page-item:last-child {border-right:0px;}
.home-page-feature-title,
.energy-feature-box {font-size:14px; color:#777777; text-align:center;}
.energy-feature-box {width:270px; margin:auto;}
.home-page-feature-image {margin:10px 0;}
.home-page-feature-image img {width:100%; box-shadow:3px 3px 4px #aaaaaa;}
.home-page-feature-text {font-size:12px; color:#777777; text-align:left;}

#recall-info {text-align:center; font-size:14px; font-weight:bold; height:20px; background-color:#c5c5c5; color:#ffffff!important; clear:both;}
/* ----- Layered Slider */
.superscript {
font-size:7px;
position: relative;
vertical-align: super;
top: 0;
line-height:inherit;
}

.costco-ca-container .cs-default h3 {
color:#fff ;
}
.costco-ca-container .cs-default .blackjack{
color:#fff ;
font-size:170%;
line-height:68px;
font-weight:400;
}
.slide-text{
	border:dotted 3px #fff;
	padding:15px;
}
.slider-lrg-text{
	font-size:50px;
}
.slider-sml-text{
	font-size:25px;
	line-height:25px;
}
.slide-1 {
background:#d8272f;
font-size:45px;
text-align:center;
padding:10px;
line-height:45px;
}
.slide-2 {
background:#a19300;
font-size:45px;
text-align:center;
padding:10px;
line-height:45px;
}
.slide-3 {
background:#007565;
font-size:45px;
text-align:center;
padding:10px;
line-height:45px;
}
/* New Homepage style */
#home-content a, #content a, #one-column-content a {color:#1568b3;}
#home-content a:hover, #content a:hover, #one-column-content a:hover {text-decoration:none;}
#AltContent {z-index:1;}
#AltContent p {color:#FFFFFF; font-size:11px; height:55px; position:relative; top:238px; padding:5px; background-color:#000000;}
.homePagePromo {}
#home-content #home-safety {width:206px; height:303px; background:url(/images/home_promo.jpg) top right no-repeat; margin-left:583px;}
#home-content #home-safety p {font-size:9px; line-height:14px; padding:255px 0px 0px 15px;}
#home-promo {
	height:410px; width:985px; 
	padding:4px; margin:15px 0 0 -7px; 
	z-index:10; 
	border:1px solid #dddddd;
	background-image: url(/images/promos/default_slide.png);
    background-position: 6px 6px;
    background-repeat: no-repeat;
	}
#home-page-slideshow {
}
.home-boxes {
	float:left; 
	height:17px; width:199px; 
	border-right:2px solid #fff; 
	font-size:13px; text-align:center; 
	padding: 6px 4px 5px 5px; margin:0px;
	background-color:#eee;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
	background: -moz-linear-gradient(top,  #eeeeee,  #dddddd);
	background: -moz-linear-gradient(top,  #eeeeee,  #dddddd);
}
.home-boxes:hover {
	color:#fff; 
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
}
.home-text {padding-right:48px;padding-top:0px; clear:left;}
/* End New homepage styles */
/* 3 column layout */ 
.three-column {
	display:inline-block; float:left;
	width:30%; min-height:400px;
	margin:0px 20px 20px 0px;
	vertical-align:top;
}
/* Pages with accordion L/R layout */
#acc_page_left {
	display:inline-block;
	width:470px; min-height:400px;
	padding: 0px 15px 0px 0px;
	vertical-align:top;
}
#acc_page_right {
	display:inline-block; float:right;
	width:496px; min-height:400px;
	vertical-align:top;
	margin-top: 37px;
}
/* Subpages content no left nav*/ /* original content width: 760px */


/* Content for the pages without the left navigation */
#one-column-content {padding:15px; font-size:11px;padding-top:13px;padding-right:0px;padding-left:0px;}
.product_config_content {font-size:11px; height:auto; top:0px; left:0px; z-index:1; margin:20px 0px 0px 0px; padding;0px;}

/***  Top Promotion ***/
#top-promotion {margin-left:210px; padding:5px 15px 5px 15px; background-color:#FFD65D; width:760px; font-size:11px;}
#top-promotion a {color:#000; text-decoration:none;}
#top-promotion a:hover {text-decoration:underline;}
#one-column-top-promotion {padding:4px 15px; background-color:#FFD65D;width:970px;font-size:11px;}

/********************************   Specific Styles   *****************************/

/*** Products Section  ***/
#content.product-page-content {}
#prodTitle {
	margin-bottom: 8px;
	color: #fff;
}
#prod-detail { 
	padding: 0px 0px 0px 0px; margin:0px 0px 15px 0px;
	width:1000px;
	vertical-align:top;
	line-height: 15px;
}

.img-view-table {
	position: absolute;
    bottom: 0;
	height:35px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
}
.img-view-table img {width:auto!important;height:11px!important;}

.image-information {
	position:relative; top:-73px;
	height:22px; width:485px;
	padding: 3px 5px 0px 5px;
	color:#ffffff; font-size:10px;
	vertical-align:middle;
	z-index:20;
	}
.image-information-background {
	position:relative; top:-50px;
	height:25px; width:495px;
	background-color:#777777;
	opacity:.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
	filter:alpha(opacity=80); /* for IE5-7 */
	z-index:10;
	}
	
#page-titles-background-container {
	-moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
	width:900px;
	overflow:hidden;
	box-shadow: 1px 4px 5px #aaaaaa;
	}
#page-titles-background {
	height:72px; width:900px;
	position:relative; top:0px; left:0px; z-index:1;
	overflow:hidden;
	background-color:#1568b3; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	border-bottom-left-radius:10px;
}
.prod-page-titles {
	height:72px; width:259px;
	position:relative;
	padding:10px 0px 0px 20px; margin-bottom:20px; 
	display:inline-block; z-index:2;
	font-size:14px; font-weight:bold; text-decoration:none; vertical-align:top;
	}
.prod-page-titles span {
	position:absolute;
	height:72px; width:259px;
	display:table;
	vertical-align:middle;
	line-height:normal;
	}
.prod-page-titles h1 {
	display:table-cell;
	vertical-align:middle;
	}

#order-swatch-container{
	display:inline-block; z-index:2; 
	width:210px; height:63px;
	padding:9px 0px 0px 0px; margin:0px 0px 0px -3px;
	color:#fff!important; font-weight:bold; 
	border:0px; 
	}
#swatch-anchor {position:absolute; top:-130px;}

.prod-detail-row1 {height:auto; width:997px; clear:both;}
.prod-detail-row2 {width:997px; position:relative; top:-52px; clear:both;}
.productline-info-box, .prod-info-box {display:inline-block; vertical-align:top; line-height:1.25;}
.productline-info-box {width:496px; height:auto; min-height:368px; position:relative; top:-72px; z-index:2;}
.Andersen .productline-info-box {
    min-height: 390px;
}
.productline-info-box ul {margin-left:0;padding-left:16px;}
.prod-info-box {width:250px;}
.productline-info-box a {
    display: inline-block;
    line-height: 1.25em;
}
#productline-description {width:344px; height:auto; float:left; margin-bottom:10px;}

#productline-description p, #productline-description li {
	line-height: 1.25em;
	font-size: 10px;
}

#productline-description p,
#productline-description ul {
	margin-bottom: 10px;
}

#productline-description li {
	margin-bottom: 5px;
}

#productline-description p strong {
	font-size:15px;
	font-weight:600;
}

.prod-images {
	display:inline-block; position:relative; top:-72px; z-index:1;
	width:495px; height:366px; 
	border-bottom-left-radius:8px; border-bottom-right-radius:8px; overflow:hidden; 
	box-shadow: 1px 4px 5px #aaaaaa;
	}

.prod-image-copy {
	position:absolute; bottom:55px; right:0px; 
	vertical-align:middle; 
	padding:10px 10px 10px 0; 
	background-color:#fff; 
	border-top-left-radius:10px; border-bottom-left-radius:10px;
	opacity:.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
	filter:alpha(opacity=0); /* for IE5-7 */
	width: 95%;
}
#imageViewerDiv {
    background: #fff;
    height: 100%;
    width: 100%;
}
#imageViewerDiv .prod-image-copy {opacity:0;}
#imageViewerDiv:hover .prod-image-copy {
	opacity:.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
	filter:alpha(opacity=80); /* for IE5-7 */
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	}
#imageViewerDiv .prod-image-copy ul {list-style:none inside none!important; margin:0px; padding-left: 10px;}
#imageViewerDiv .prod-image-copy ul li {list-style:none!important;}

#style-info-box-spacer {
	height:195px; width:335px;
	clear:both;
	position:relative; top:0px;
	margin-bottom:30px;
	box-shadow:5px 4px 5px #aaaaaa;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	}

.style-info-box1 {
	background-color:#ddd; 
	width:342px;
	height:auto;
	margin:0px 0px 15px 0px; 
	display:block;
	border:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	overflow:hidden;
	line-height:1.25;
	order: 0;
}
	
.style-info-box2 {
	width:310px;
	height:auto;
	margin:0px 0px 15px 0px; 
	display:block; 
	background-color:#ddd;
	overflow:hidden;
	line-height:1.25; 
	border: 1px solid #777777; 
	border-radius:10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	box-shadow: 1px 4px 5px #aaaaaa;
	order: 1;
	}

.prod-detail-column1 {width:333px; margin:0px; display:inline-block; vertical-align:top;}
.prod-detail-column2 {
	display:inline-block; width:658px; vertical-align:top; margin:0px 0px 0px 0px;
	-moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
	}

#product-page-tab-top {
	display:block;
	width:210px; height:15px;
	border-top: 1px solid #777777; border-left: 1px solid #777777; border-right: 1px solid #777777; border-bottom: 1px solid #fff;
	padding:6px 6px 8px 6px; margin:10px 0px -1px 4px;
	background-color:#777777;
	font-size:16px; font-weight: bold; color:#fff; text-align:left;
	-moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
	z-index:2;
}
#product-page-tab-top ul {list-style-position:inside;}
#product-page-tab-top li {list-style-type:none; padding:0px 0px 0px 20px!important; margin:0px!important;}
#product-page-tab-top li a:link {font-size:11px!important; font-weight:normal!important; text-decoration:none!important; color:#777777!important; padding:0px!important;}
#product-page-tab-top li a:visited {font-size:11px; font-weight:normal; text-decoration:none; color:#777777; padding:0px!important;}
#product-page-tab-top li a:hover {font-size:11px; font-weight:normal; text-decoration:none; color:#1568b3!important; padding:0px!important;}
#product-page-tab-top li a:active {font-size:11px; font-weight:normal; text-decoration:none; color:#777777; padding:0px!important;}


#product-page-tab-top span{display:none;}
#product-page-tab-top:hover span{
	display:inline-block; position:relative; left:-7px; top:-4px; z-index:3;
	width:210px;
	padding:10px 6px 6px 6px; margin:0px;
	background-color:#fff;
	cursor:pointer;
	opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	border: 1px solid #777777; border-top: 0px; 
	-moz-border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px;
}
#product-page-tab-top:hover span li {border-bottom: 1px dotted #777777;}
#product-page-tab-top:hover span a:link {font-size:11px; font-weight:normal; color:#000; text-decoration:none; line-height:20px; padding-left:25px;}
#product-page-tab-top:hover span a:hover {color:#1568b3; text-decoration:underline;}

.product-page-tab-bottom {
	display:block; position:relative;
	width:817px; height:auto;
	border: 1px solid #777777;
	background-color:#fff;
	padding:0px; margin:0px 0px 20px 4px;
	-moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
	z-index:2;
	}
	
.prod-description {
	display:inline-block; overflow-y:auto; overflow-x:hidden;
	float:right;
	width:436px; height:260px;
	padding:10px 20px 0px 0px; margin:0px 4px 0px 0px;
	color:#000;
	border: 0px solid green;
	}
.prod-description li {list-style-type:disc; color:#000; margin-left:12px;}

#prod-styles{
	position:relative;
	width:auto;height:auto;
	display:inline-block;
	margin:0px 0px 0px 0px;
	}
.style-list {
	display:inline-block;
	width:auto; height:auto;
	padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;
	vertical-align:top;
	}

.style-list #productLine{
	display: flex;
	flex-direction: column;
}

.style-option {
	display:block; 
	padding:3px 0px 0px 0px; margin:5px 0px 5px 0px;
	width:480px;height:20px; 
	color:#777777; font-size:13px;
	cursor:pointer; 
	border:1px solid #777777;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	}
#style-connector {position:relative; left:-40px; width:520px; background: url(/images/style-connector.png) no-repeat left; background-size: 42px;}

.style-option-selected {
	display:block;
	padding:0px; margin:5px 0px 5px 40px;
	width:480px;height:23px;
	cursor:pointer; 
	border:1px solid #777777;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	font-size:13px; color:#fff; text-decoration:none; font-weight:bold;
	background-color:#1568b3; 
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);*/
	}
.style-option-selected a:link {font-size:13px; color:#fff; text-decoration:none; font-weight:bold; position:relative; top:3px; vertical-align:baseline;}
.style-option a:link {font-size:13px; color:#777777!important; text-decoration:none; font-weight:bold; position:relative; top:3px; vertical-align:baseline;}
.style-option a:visited {color:#777777!important;}
.style-option a:hover {color:#fff!important;}
.style-option a:active {color:#fff!important;}

.style-option:hover {
	color:#fff;
	background-color:#777777; 
	}
.style-option-compare {display:inline-block; float:left; padding:3px; color:#fff; font-size:9px; text-align:right;}
.style-option-compare a:link {color:#fff;}

.style-title {
	font-weight:bold; text-decoration:none; font-size:15px; color:#fff; height:36px; width:342px;padding:8px;margin:0px 0px 0px 0px; display:block;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
	}
.unselected-style-title {font-size:12px; color:#444444; width:244px;padding:3px;margin:0px 0px 0px 0px; display:inline-block;}

.style-image{
	display:inline-block;
	float:left; 
	}
.style-image img {
	height:160px; width:148px; border:0px;
	}

.unselected-style-image {
	display:inline-block;
	float:left; 
	width:60px; height:auto;
	}
.unselected-style-image img {width:60px; height:auto; border:0px;}

.selected-style-detail{
	height:212px;
	margin:0px 0px 20px 0px;
	}
.selected-style-title {
	width:473px; height:20px;
	padding:9px 0px 4px 4px; margin:0px 0px 0px 157px;
	color:#fff; font-size:12px; font-weight:bold;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
	}
.selected-style-info {
	position:relative;
	margin:0px; padding:0px;
	width:auto; height:auto;	
	display:inline-block;
	vertical-align:top; font-size:11px;
	padding-bottom: 5px;
	}
#selected-style-decription {
	font-size:10px; color:#000; 
	width:190px; height:auto; margin:5px 0 0px 5px;
	display:inline-block;}
#selected-style-decription p {
    margin: 0;
    margin-bottom: 10px;
}
.selected-style-info li {
	list-style-type:disc;
	color:#000;
	margin-left:12px;
	margin-bottom: 5px;
}

/* styles for product information table */
.style-info-table{
	width:auto; 
	display:inline-block; margin-right:10px;
	}
	
#ratings-container {
	background-color:#fff;
	border:1px solid #777777;
	display:block; clear:both; 
	width:480px;
	position:absolute; bottom:0px; left:0px;
	}
.ratings-headings {font-size:12px; margin-top:5px;}
#ratings {color:#444; border-bottom:1px solid #777777; font-size:12px; font-weight:bold; text-align:left; padding:3px 4px 0px 4px;}
#rating-definitions {position:relative; top:0px; display:inline-block; float:right;}
#rating-definitions span {
	background-color:#fff;
	position:absolute; left:74px; bottom:-38px;
	width:475px; max-height:350px; overflow-y:auto;
	padding:10px;
	font-size:10px; font-weight:normal; text-align:left; vertical-align:top;
	border:1px solid #000;
	display:none; z-index:2000;
    }
 #rating-definitions:hover span {
	display:block;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;	}
.arrow {z-index:2001;}

.rating-def {
	color:#444; text-align:left; 
	float:left; width:102px; margin-right:12px; display:inline-block;
	}

.info-cell-h {
	display:inline-block; 
	padding:2px; margin:0px;
	font-size:10px; font-weight:bold; color:#777777; text-align:center; vertical-align:top;
	}

.info-cell-t {
	display:inline-block;
	padding:3px;
	position:relative;/*left:-4px; offsets info-cell-h padding*/
	font-size:10px; font-weight:normal; color:#000; text-align:center; vertical-align:middle;
	}
.info-cell-t p {
    margin: 0;
}
.info-cell-t img {display:block;}

.style-info-table td {
	padding:3px;
	font-size:10px; text-align:center; vertical-align:middle;
	}
/* end table */

#imageViewerDiv img {width:495px;}

#ordering-button-outer {
	float:right; display:inline-block; z-index:1; position:relative;
	width:auto; height:70px;
	margin:-223px -160px 0px 10px; padding:0px;
}	
/* Do not change name of this ID */
.build-and-order {width:auto; margin:0 10px 0 5px;}
.button-container {width:195px; text-align:center;margin:0px 0px 0px 148px; position:relative; bottom:5px;}
.button-container2 {margin:0px 0px 5px 0px; display:inline-block; width:250px;}

#Order-Button, .styleOrderButton, #styleOrderButtonCartWithSwatches, .styleOrderButtonCartWithSwatches{
	padding:1px 8px 6px 8px; margin-top:15px;
	text-align:center; color:#fff; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	border-radius:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; 
	border:1px solid #5c870c;
	background-color:#5c870c;
	background-image:url(/images/green-cta-bg.png); background-repeat:repeat-x; background-size:1px 100%;
	width:auto;
	position:relative;
	box-shadow:2px 2px 5px #777777;
	cursor:pointer;
	}
#Order-Button:hover, .styleOrderButton:hover {
	border:1px solid #5c870c; 
	top:1px; left:1px;
	background-color:#090; 
	background-image:url(/images/green-cta-bg-o.png); background-repeat:repeat-x; background-size:1px 100%;
	box-shadow:0px 0px 0px #fff;
	}
#Order-Button:active, .styleOrderButton:active {
	background-color:#069; 	
	background-image:url(/images/blue-cta-bg.png);
	border:1px solid #1568b3; top:1px; left:1px; background-repeat:repeat-x; background-size:1px 100%;
	}
a div.Order-Button {text-decoration:none!important;}

.white-arrow{
	margin-top:6px; 
	height:12px;
	border:none;
	top:50%;
	}

.click-for-details {
	border:1px solid #777777; background-color:#fff; 
	text-align:center; color:#777777; font-weight:normal; font-size:13px;
	float:left; display:inline-block;
	width:auto; height:23px;
	padding:3px 4px 0px 4px; margin:5px 3px 0px 3px;
	cursor:pointer;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
	z-index:1;
}
.click-for-details:hover {
	color:#fff;
	background-color:#069; 	
	background-image:url(/images/blue-cta-bg.png);
	border:1px solid #1568b3; top:1px; left:1px; background-repeat:repeat-x; background-size:1px 100%;
}
#cross-ref-title {color:#777777; font-size:12px; text-align:center; font-weight:bold; width:auto; padding:15px 0px 0px 5px;}
#cross-reference-styles {
	padding:0px 4px 4px 4px; margin-right:10px;
	display:inline-block;
	width:130px; height:auto;
	color:#777777; font-size:12px; vertical-align:top; 
	}
#cross-reference-styles li {list-style-type:none; font-size:10px; color:#1568b3; line-height:15px; padding-bottom:5px;}
#cross-reference-styles a:link {font-size:11px; color:#1568b3; margin-bottom:8x!important; }
#cross-reference-styles a:hover {color:#1568b3;}
#cross-reference-styles a:visited {color:#1568b3;}


#swatch-cart {
	position:relative;
	height:100px; width:154px;
	margin-left:0px;
}
#floatdiv {
	position:absolute;
	width:154px; height:100px;
	margin-right:0px;
	float:right; top:764px;
}

#prod-rating td {border-top:1px solid #efefef; border-right:1px solid #e0e0e0; border-bottom:1px solid #cccccc; border-left:1px solid #e0e0e0;}
#prod-rating-definitions td {border:0;}

#prod-rating {  }
#prod-rating th{ 
	border:1px solid #E0E0E0;
	padding: 6px 6px 2px 6px; 
	color: #FFFFFF; 
	font-size: 9px; font-weight: normal; text-align: center; line-height:auto;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	behavior: url(/PIE.htc);
	}

#prod-thumbs h2{ font-size:12px; color:#777777;}
#prod-thumbs .related_headertext{ font-size:12px; font-weight:bold; color:#1568b3;}
#prod-thumbs{margin-top:20px; font-size:10px;}
#prod-thumbs td{text-align:center;}

/***  Misc. ****/
#greenbynature { margin-top: 72px; text-align: center;}
#SeventyYear{margin-left: 37px; margin-top: 20px;}
.clear {clear:both; height:1px;}
#content  a.green_link {color:#20943D;font-weight:bold; padding:1px;}
#content  a:hover.green_link {background-color:#20943D;color:#fff;}
#small_text {font-size:10px; line-height:15px;}
.white_txt {color:#fff;}
.redText {color:#FF0000; font-weight:bold; margin-left:-10px;}
.dark_green {color:#777777;}
.dark_green_bold {color:#777777; font-weight:bold;}
.green_bold{color:#20943D; font-weight:bold; font-size:13px; padding-bottom:3px;}
.orange {color:#FFD65D;}
.orange_bold {color:#FFD65D;font-weight:bold}
.blue {color:#1568b3}
.blue_bold{color:#1568b3; font-weight:bold;}
p.blue_bold { color: #1568b3; font-weight: bold; font-size: 11px; line-height: 17px; padding-bottom:14px; }
.swfError {color:#CC0000; font-size:11px; font-weight:bold; display:block;}
.optionError {color:#CC0000;}
.warning {background-color:#00b1ad; color:#ffffff; padding-left:5px; font-weight:bold;}
.hidden { color: #fff; }
.unbold {font-weight:normal;}
.light_bg{background-color:#f7f9fb}
/*#price {width:228px; float:right;}
.customize_price{padding:2px 2px; background-color:#ffffff; color:#9eb509; font-weight:bold; font-size:16px; text-align:right;}
*/
.border {border:1px solid #999;}
.white_bg {background-color:#fff;}
.border-top{ border-top: 1px solid #777777; }
.alt_row_color{background-color:#f7f9fb;}
.boder1px{border:1px solid #000;}
.no-padding-margin{padding:0;margin:0;}
.required {color: red; font-size: 8pt;font-weight: normal;}

.swatch { 
	display:block; 
	text-align:center; 
	padding:5px;}

.swatch a {
  border:1px solid #777777!important;
  border-radius: 10px;
  display: block;
  height: 100px !important;
  left:5px;
  margin-bottom:3px;
  position: relative;
  transition: all .3s ease-in-out;
  width: 100px !important;
  z-index:3;
}

.swatch a:hover {
  border:1px solid #000;
  box-shadow:3px 3px 5px #000;
  height:200px!important;
  margin-left:-50px;
  margin-top:-100px;
  transition: all .3s ease-in-out;
  width:200px!important;
  z-index:9; 
}
.swatch img {
  height:100%!important;
  object-fit: cover;
  width:100%!important;
}

.new-swatch a::after {
  background-color: #00bed6;
  border-radius: 10px 0 0 0;
  color: #fff;
  content: 'New';
  font-weight: 700;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all .3s ease-in-out;
  width: 40px;
  z-index: 99;
}

.new-swatch a:hover::after {
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  transition: all .3s ease-in-out;
  width: 60px;
}

.display-message {
  color: #00bed6;
}

.swatch-image {height:auto; width:80px; top:0px; left:0px; cursor: pointer; display:block; text-align:center;}
.swatch-copy {vertical-align:bottom; text-align:center; padding-bottom:5px;font-size:11px;}
.swatch-collection, .swatch-name, .swatch-number {padding:0px;margin:0px;text-align:center;display:block;width:80px;}
.swatch-number {margin-bottom:10px;}
.swatch th {text-align: left; padding-top:10px;}
.swatch td {font-size:10px; font-weight:bold; color:#777777; text-align:center; vertical-align: top; padding: 4px 4px; width:auto; }
.swatch td.description { padding-bottom: 1px; }
.swatch td.action { padding-top: 1px; }

/*Swatch Page pop-up*/
#style_wrapper #style_links {position: relative;}
.swatch-style-container {width:calc(25% - 3px); vertical-align:top; display:inline-block;}
.style_titles {font-size:12px; color:#777777; font-weight:bold;}
#style_links a {text-decoration: none; line-height: 1.4em;}
#style_links ul {margin:0px 0px 20px 0px;padding: 0;}
#style_links li {list-style-type: none; position: relative; line-height:16px;} /*z-index applied to this breaks IE8*/
#style_links a span {display: none;}
#style_links a:hover span {
	z-index: 1000; display: block; position: absolute; top:10px; left:-6px; 
	width: 320px;
   	padding:5px; margin:5px; 
   	border: 1px solid #777777; 
  	font: 10px Helvetica, Arial, sans-serif; text-align:left; text-decoration: none; color: #777777; 
   	background-color: #fff; 
   	opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	box-shadow: 3px 5px 8px #ccc;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	}
#style_links a span ul {margin-left:13px}
#style_links a span li {list-style-type:disc; line-height:13px; margin-top:6px;}

.style_info {color:#000; width:190px; margin-left:110px; overflow:auto;}
.style_image_box {float:left;}
.style_image_box img {width:100px; border: 0px;}

/*End pop-up*/

/*.swatchcornerfix {
	float:left; position:relative; display:inline-block; 
	height:195px; width:315px;
	margin:0px 20px 10px 0px;
	border-top:1px solid #efefef; border-right:1px solid #e0e0e0; border-bottom:2px solid #cccccc; border-left:1px solid #e0e0e0;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	overflow:hidden;
	}
*/
.swatch-image-steps {
	border-bottom:3px dotted #888888;
	width:997px;
	position: relative;
}
.swatch-image-container {
	width:447px; 
	margin-right:20px;
	display: inline-block;
	vertical-align: top;
}
.swatch-image-container img {
    margin-top: -273px;
    position: absolute;
    top: 50%;
}
.swatch-steps-container {
	width:525px; 
	display: inline-block;
	vertical-align: top;
}
.swatch-steps {
	padding: 0 0 30px;
	margin: 30px 0;
	border-bottom: 3px dotted #888888;
}
.swatch-steps:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.step_number { 
	display:inline-block; 
	width:25px; height:35px; 
	font-size:32px;
	color:#fff;
	vertical-align:top; 
}
.step_desc {
	display:inline-block;
	vertical-align: top;
	width:143px; 
	margin: 0 15px; 
}
.step_desc p {
	margin: 0;  
}
.step_image {width:275px; display:inline-block;vertical-align: top;}

#customize_tbl td{/*padding-left: 10px;*/}
#customize_tbl p{padding-bottom:6px;}
#customize_tbl img{border:1px solid #777777;}
#customize_tbl h2{ font-size:14px; color:#1568b3;padding:0;margin:0;margin-bottom:8px;margin-top:25px;}

/*Print and Start Over styles*/
#print_start_links {text-align:right;color:#fff;}
#print_start_links a{font-weight:bold;color:#fff;}
#print_start_links a:hover{text-align:right}

.prev_next_navigation { text-align: right; padding: 0 15px 0 0; }
.top_swatch_page_navigation {float:right; width:100%; margin-bottom:15px;}
.order-free-swatches-colors-tab {float:right; font-size:13px; font-weight:bold; color:#8fa406;}
.number-of-colors-showing {float:left; font-size:13px; font-weight:bold; color:#8fa406;padding-left:10px;}
.order_swatches {color:#1568b3; font-weight:bold;}

.bottom_swatch_page_navigation {text-align: right; clear: both;}
#blind_and_shade_header { float: left; }
#compare_all {position:relative;}

.mount_type {float:left;border:1px solid #777777; padding:6px; margin-right:7px;margin-top:10px;width:220px;height:220px; text-align:center}

/* Border Image Rollover Effect */
a.highlight img{ border: 1px solid #fff;}
a.highlight:hover img{border: 1px solid #1568b3;}
.highlight:hover{color: #1568b3; /* Dummy for IE bug */}

a.highlight_y img{border: 1px solid #dddddd; padding:3px;}
a.highlight_y:hover img{border: 1px solid #1568b3;}
.highlight_y:hover{color: #1568b3; /* Dummy for IE bug */}

/* Highlight Comment */
#highlight_comment {background-color:#FFF; color: black; font-weight:bold; padding:2px 3px; margin-top:5px;}

/*  Print Friendly Pages */
#print_wrapper{width:640px;margin:0 auto;font-size:11px;background-image:url(/images/photo_gallery_logo.gif); background-repeat:no-repeat; background-position:95% 95%;background-color:#fff;padding:25px;}
#print_wrapper h1 {padding-bottom:25px;}
#print_wrapper h2 {}
#print_wrapper h3 {color:#1568b3;font-size:12px;}
#print_wrapper a {color:#1568b3}
#print_wrapper a:hover{text-decoration:none;}
#print_friendly_btns{text-align:right;}


/* Design Center page */
.design-center-tbl {text-align:center; margin-top:5px;}
.design-center-tbl tr td {border: 3px solid #777777; padding:10px; width:325px; height:225px;}
.design-center-tbl tr td span {font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; color:#777777;}
#helpful-tools-container {margin:30px 0;}
.helpful-tools {display:inline-block; width:195px; border: 0px solid #777777; margin:0px 0px 50px 0px; font-size:12px; font-weight:normal; color:#777777; text-decoration:none;}
.helpful-tools a {color:#1568b3; text-align:center; text-decoration:none; cursor:pointer;}
.helpful-tools a:hover {color:#fff; text-align:center; text-decoration:none; cursor:pointer; border-right:0px;}
.helpful-tools a span{
	display:none; position:absolute; z-index:1000; 
	width:284px; min-height:150; 
	padding:10px; margin:25px 0px 0px -60px; 
	background-color: #fff; 
	border-top:1px solid #efefef; border-right:1px solid #e0e0e0; border-bottom:1px solid #cccccc; border-left:1px solid #e0e0e0;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	box-shadow: 3px 5px 8px #ccc;
	}
.helpful-tools a:hover span {display:block;}

.helpful-tools .help-title {
	position:relative;
	display:block; 
	width:200px;
	height:20px; 
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#777777;
	padding:0;
	margin-bottom:20px; 
	border:0px solid #777777;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
.helpful-tools .help-title a {background-color:##1568b3; color:#fff; text-decoration:none;}
.helpful-tools .help-tool {float:left; position:relative; display:inline-block; width:200px; height:80px; padding:0px; margin:0px; }

.tool_description {text-align:left; color:#777777; font-weight:normal;}
.tool_visual {text-align:center; padding:10px;}

/* Motorization page */
.motorization-boxes-container{height:100%; width:100%; position:relative;}
.motorization-box {
	display:inline-block; vertical-align:top; 
	padding:0px 20px 0px 20px; margin-top:15px; 
	width:272px; min-height:312px;
	}
.divider {width:1px;height:100%;background-color:#d1d1d1; position:absolute; display:inline-block;}
.motorization-box-info {display:inline-block;}
.motorization-box ul {padding-left:12px; margin:0px!important; list-style-type:inside; width:auto!important;}
.motorization-box li {margin-top:10px;}
.motorization-box-content {vertical-align:top; clear:both; margin-bottom:20px;}
.motorization-box-img {float:left; text-align:center; margin:15px 0px; vertical-align:top; overflow:hidden;}
.motorization-box-copy {float:right; display:inline-block; width:155px; vertical-align:top; margin-bottom:20px;}
#options-container {
	display:inline-block; z-index:10; position:relative; width:975px; margin:0px auto;}
#options-container ul {margin:20px 0px 0px 0px; border-top-left-radius:6px; }
.option-tabs {vertical-align:top; position:relative; top:0px; margin:0px; padding:0px;}
.option-tabs li {
	display:inline-block; 
	border:1px solid #777777; border-bottom:0px; border-top-left-radius:12px; border-top-right-radius:12px; 
	margin-right:-3px; padding:5px;
	background-color:#ddd;
	font-size:12px; color:#777777;
	width:auto;
	cursor:pointer;
	}
#motorizedtabscontainer, #motorizedtabscontainer-1, #motorizedtabscontainer-2, #motorizedtabscontainer-3, #motorizedtabscontainer-4 {
	border:1px solid #d1d1d1; 
	background-color:#ffffff;
	z-index:5; position:relative; top:-1px;
	border-radius:0px 12px 12px 12px; -moz-border-radius: 0px 12px 12px 12px; -webkit-border-radius: 0px 12px 12px 12px; 
	padding:10px;
	} 
#motorizedtabscontainer {z-index:1;}
.tabContent {display:none; border:1px solid #aaa!important; border-top:0px!important;}

/* TABS */
.tabrow {
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0;
	line-height: 24px;
	height: 26px;
	overflow: hidden;
	font-size: 1em;
	position: relative;
}
.tabrow li {
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); /*, inset 0 1px 0 #FFF;*/
/*	text-shadow: 0 1px #FFF; */
	margin: 0px 3px 0px 0px;
	padding: 0 13px;
}
.tabrow a {
	  color: #777777;
	  text-decoration: none;
}
.tabrow a.selected {
	background: #ffffff;
	background: -o-linear-gradient(top, #14528f 50%, #1568b3 100%);
	background: -ms-linear-gradient(top, #14528f 50%, #1568b3 100%);
	background: -moz-linear-gradient(top, #14528f 50%, #1568b3 100%);
	background: -webkit-linear-gradient(top, #14528f 50%, #1568b3 100%);
	background: linear-gradient(top, #14528f 50%, #1568b3 100%);
	color: red;
	z-index: 2;
	border-bottom-color: #777;
	padding:1px 13px;
}

.tabrow:before {
	position: absolute;
	content: " ";
/*	width: 100%; */
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
	border: 1px solid #AAA;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}
.tabrow li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
	box-shadow: 2px 2px 0 #777;
}
.tabrow li.selected:after {
	box-shadow: -2px 2px 0 #777;
}

.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}

/*  Photo Gallery */
#photoDisplay {padding:6px; border:1px solid #dddddd;}
#photo_gallery_tbl {float:left;}
#photo_thumbs { text-align:center; }
#photo_thumbs th { font-weight: normal; color: #000; padding-bottom: 7px; }
#photo_gallery_tbl h1 { padding-bottom: 30px; }
#photo_gallery_tbl h2 { padding-top: 18px; }
#photo_gallery_selection { margin-bottom: 25px; }
#photo_gallery_selection select{ margin-bottom: 6px; width: 210px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; padding: 2px;}
.thumb_selected{border: 4px solid #1568b3;}
#photo_gallery_right_col_top {padding:20px; vertical-align: top; text-align: left; }
#photo_gallery_right_col_bottom {padding:0px; vertical-align: top; text-align: left; width:240px; display:inline-block;}
#photo_gallery_left_col_top {}
#photo_gallery_left_col_bottom {padding: 0 0 10px 10px; vertical-align: top; text-align: center; width:235px; display:inline-block;}
#photo_gallery_left_col_bottom img {}
.photo-gallery-selected-image {
	background-color:#1568b3; 
	padding:0px 2px; 
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; 
	}
#photoPagePrevLink {float: left; clear: none; margin-left: 30px; width:15px; height:15px; background: url(/images/cta-button-green_sm_left.png) no-repeat; text-decoration:none;}
#photoPagePrevLink:hover {background: url(/images/cta-button-blue_sm_left.png) no-repeat;}
#photoPageNextLink {float: right; clear: none; margin-right: 30px; width:15px; height:15px; background: url(/images/cta-button-green_sm.png) no-repeat; text-decoration:none;}
#photoPageNextLink:hover {background: url(/images/cta-button-blue_sm.png) no-repeat;}

#styleTitle { margin: 5px 0; }

/*  Shopping Cart Styles */
.shopping_cart_tbl {margin-bottom:20px;}
.shopping_cart_tbl th{
	text-align:left;color:#FFFFFF;
	background-color:#777777;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	border-bottom: 0px solid #777777;
	}
.shopping_cart_tbl a{text-decoration:none;}
.shopping_cart_tbl a:hover{text-decoration:underline;}

.shopping_cart_tbl td { vertical-align: top; }
.shopping_cart_tbl tr {vertical-align: top;}
.shopping_cart_tbl .top_links{color:#777777;padding-bottom:5px;background-color:#FFFFFF;font-weight: normal;}
#content .shopping_cart_tbl .top_links a{padding-right:25px;color:#1568b3;text-decoration:underline;}
#content .shopping_cart_tbl .top_links a:hover{text-decoration:none;}
.shopping_cart_catname {padding-top:20px;font-size:14px;padding-bottom:10px;color:#1568b3}

#shopping_cart_total_tbl {border:solid 1px #777777; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#shopping_cart_total_tbl th{text-align:right; color:#777777; font-weight:bold; font-size:11px}
#shopping_cart_total_tbl td{color:#9eb509; font-weight:bold; font-size:14px}
#shipping_contact_info_tbl {border:1px solid #777777; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#shipping_contact_info_tbl th{text-align:right; color:#777777;}
.shopping_cart_row{background-color:#fff!important;}
.add-to-cart {
	padding:1px 8px 6px 8px; margin-top:5px;
	display:inline-block;
	text-align:center; color:#fff; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; 
	border:1px solid #5c870c;
	background-color:#5c870c;
	background-image:url(/images/green-cta-bg.png); background-repeat:repeat-x; background-size:1px 100%;
	width:auto;
	position:relative;
	box-shadow:2px 2px 5px #777777;
	cursor:pointer;
	}
.add-to-cart:hover {
	border:1px solid #5c870c; 
	top:1px; left:1px;
	background-color:#090; 
	background-image:url(/images/green-cta-bg-o.png); background-repeat:repeat-x; background-size:1px 100%;
	box-shadow:0px 0px 0px #fff;
	}
.add-to-cart-disabled {
	padding:1px 8px 6px 8px; margin-top:5px;
	display:inline-block;
	text-align:center; color:#bbbbbb; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; 
	border:1px solid #888888;
	background-color:#888888;
	width:auto;
	position:relative;
	cursor:default;
	}

.duplicate_swatch {background-color: #ccc;}
.swatchLineItem { width: 8em; }
.swatchStyle { width: 65em; }
.swatchStyle span {}
.swatchImage {width: 60px;}
.swatchInfo { text-align: left; width: 10em;}
.swatchSpacer {  }
.swatchPrice {width: 5em; font-weight:bold; font-size:14px;}
.pricingComment { color: #777777; font-size: 11px; }

/* Shipping abd Billing  */
#shipping_billing_tbl {}
#shipping_billing_tbl h2 {font-size:14px;}
#shipping_billing_tbl input {
	padding: 3px;
	border: 1px solid #999;
}

/*  Measuring */
#measuring-right-box h2{padding:0;margin:0}
#measuring-right-box{margin-top:12px;background-color:#f7f9fb;}
#Measure_InsideMount_tbl {border-collapse:collapse; border-bottom:solid 1px #bbb;}
#Measure_InsideMount_tbl td {padding-top:3px; padding-bottom:3px;}
#Measure_InsideMount_tbl td.ColOne {padding-left:5px; border-left:solid 1px #bbb; border-right:solid 1px #bbb;}
#Measure_InsideMount_tbl td.ColTwo {width:120px; text-align:center; border-left:solid 1px #bbb; border-right:solid 1px #bbb;}
#Measure_InsideMount_tbl td.ColThree {width:235px; text-align:center; border-left:solid 1px #bbb; border-right:solid 1px #bbb;}
#Measure_InsideMount_tbl tr.highLevelRow td {padding-bottom:0; border-bottom:solid 2px #bbb; border-top:solid 1px #bbb; border-left:none; border-right:none;}
#Measure_InsideMount_tbl tr.highLevelRow td.ColOne {vertical-align:bottom; padding-left:0px;}
#Measure_InsideMount_tbl tr.lowLeverRow td {font-weight:bold; padding-top:10px; vertical-align:bottom;}
#Measure_InsideMount_tbl tr.highlighted {background-color:#eee;}

/* Where to Buy */
#whereToBuyCallOut { width: 240px; float: right; background-color: #f7f9fb; }
#whereToBuyCallOut td { vertical-align: top; }
#whereToBuyCallOut td .first { margin-top: 0; }
.where-to-buy td {vertical-align:bottom!important;}
.where-to-buy2 td {vertical-align:middle!important;}
.where-to-buy td a, .where-to-buy2 td a {text-decoration:none;}
.where_buy {
	float:left; display:inline-block; position: relative; 
	width:240px; height:240px; 
	border-top:1px solid #efefef; border-right:1px solid #e0e0e0; border-bottom:2px solid #cccccc; border-left:1px solid #e0e0e0;
	padding: 0px; margin: 0px 11px 11px 0px; 
	text-align:left; vertical-align:middle; 
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; 
	overflow:hidden; 
	}
.where_buy_title {
	height:18px; 
	padding:4px 3px 3px 6px; 
	border-bottom:1px solid #777777; 
	color:#fff; font-size:14px; font-weight:bold; text-decoration:none;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	}
.where_buy_title:hover {
	color:#fff; text-decoration:none;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	}
.where_buy_title a:link {text-decoration:none; }
.where_buy_title a:hover {text-decoration:none;}
.where_buy_image {text-align:center; vertical-align:middle;}
.bullet_list li {list-style-type: disc; line-height:16px;}
.local_left { border-left: 0px solid #CCC; padding-left: 0px; }

/* geo-location */
#mapSurface {
	width:600px; height:400px;
	border: solid 0px #777777;
	display:block; position:absolute; top:390px;
	}

/* How to Shop Videos Page*/
#shopButtons li {
	color:#fff; font-weight:normal; text-align:center;
	width:125px;
	padding:10px;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 	 
	}
#shopButtons li a {color:#ffffff; text-decoration:none;	}
#shopButtons li:hover {
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
	}
.shopVideo {width:610px; margin:-25px 0px 0px 0px;}
.shopTitle {padding-top:5px; color:#1568b3; font-size:14px; font-weight:bold; text-align:center;}
.shopTitle a {color:#ffffff; font-size:14px; font-weight:bold; text-decoration:none;}
.shopTitle a:hover {color:#fff; font-size:14px; font-weight:bolder; text-decoration:none;}

/* Green By Nature Content */
#AltGreen {background-image: url(/images/green/GBN.jpg); background:#ffffff; height:335px;}
#content-green { width: 760px; float: left; padding:15px; font-size: 11px;  padding-top: 35px;}
/* Not needed? */
#content-green h4 { color: #24943D; padding-bottom: 12px }
#content-green td h2 { color: #20943d; font-size: 14px; margin: 0 0 5px 0; }
#content-green h2 a { color: #20943d; }
#content-green h2 a:hover{ color: #20943d; text-decoration: none; }
#content-green li {list-style-type:none; padding: 7px 25px; background-image: url(/images/green_leaf.gif); background-repeat: no-repeat; background-position: top left; color: #000; }
#content-green li a{ color: #20943d; }
#content-green li a:hover { color: #20943d; text-decoration: none; }
#content-green a{ color: #20943d; }
#content-green a:hover { color: #20943d; text-decoration: none; }

.brown_text {font-weight :bold; color: #412500; font-size: 13px; line-height: 17px;}
#content-green #breadcrumbs { margin-top: 0; }
#content-green #breadcrumbs .selected{ font-weight :bold; color: #24943D; }
#content-green ul.intro li {padding:7px 5px 7px 20px; color:#000; list-style-type:none;}
#content-green ul li {margin-bottom:5px; list-style-type:none;}
#peopleProcessProductsTable { margin-top: 115px; vertical-align: top; width: 100%; }
.green_item {border: 1px solid #D6DFD1; text-align: left; font-size: 10px; width: 229px; }
.green_item th {padding: 5px 5px 5px 40px; height: 28px; }
.green_item th.header {background-color: #f7f9fb; background-image: url(/images/green/leaf.jpg); background-repeat: no-repeat; background-position: 5px 50%; }
.green_item th.header h2 {margin: 0; font-size: 12px; }
.green_item th.headerOver {background-color: #D6DFD1; background-image: url(/images/green/leaf_o.jpg); background-repeat: no-repeat; background-position: 5px 50%; cursor: pointer; }
.green_item th.headerOver h2 {margin: 0; font-size: 12px; }

.green_internal_link {text-align: left; font-size: 10px; width: 345px; }
.green_internal_link td { padding: 5px 0px 5px 35px; height: 18px;  border: 1px solid #D6DFD1; }
.green_internal_link td.header {background-color: #f7f9fb; background-image: url(/images/green/leaf.jpg); background-repeat: no-repeat; background-position: 5px 50%; }
.green_internal_link td.header p { margin: 0; font-size: 11px; font-weight: bold; color:#20943d;}
.green_internal_link td.headerOver { background-color: #D6DFD1; background-image: url(/images/green/leaf_o.jpg); background-repeat: no-repeat; background-position: 5px 50%; cursor: pointer; }
.green_internal_link td.headerOver p { margin: 0; font-size: 11px; font-weight: bold; color:#20943d;}

.green_item .footer_desc {height: 70px; padding-left: 2px; padding-top: 4px; text-align: left; }
.green_item .footer_desc p { padding: 0px 3px; line-height: 12px; font-size: 10px; }
.green_item .footer { padding-top: 4px; padding-bottom: 4px; text-align: center; }
#greenGroupsTable { margin-top: 20px; vertical-align: bottom; text-align: center; width: 100%; }
#greenGroupsTable tr td { vertical-align: bottom; }
#greenGroupsTable img { border: 0; }

/* OLD Green By Nature Content */
#content-green2 {width: 760px; float: left; padding: 15px; font-size: 11px; padding-top: 20px; background-image: url(/images/green_bg.jpg); background-repeat: repeat-x;}
#content-green2 h1{color:#24943D;padding-bottom:12px}
#content-green2 td h2{color:#20943d; font-size:14px;margin:0 0 5px 0;}
#content-green2 h2 a{color:#20943d;}
#content-green2 h2 a:hover{color:#20943d; text-decoration:none;}
#content-green2 ul {padding-top:12px;}
#content-green2 li {padding:7px 25px; background-image:url(/images/green_leaf.gif); background-repeat:no-repeat; background-position:top left;color:#000;}
#content-green2 li a{color:#20943d;}
#content-green2 li a:hover{color:#20943d;text-decoration:none;}

#breadcrumbs-green {margin-bottom:10px;color:#fff;}
#breadcrumbs-green .selected{ font-weight:bold; color:#fff;}
#breadcrumbs-green a{color:#fff;}
#breadcrumbs-green a:hover{text-decoration:none;}
#green_by_nature_tbl {margin-top:16px;}
#green_by_nature_tbl td{vertical-align:top;color: #24943D;}
#green_by_nature_tbl td p{color: #24943D;}
.green_by_nature_rightcol{padding: 12px;border: 1px solid #fff; background-image:url(/images/green-right-col-bg.jpg); background-repeat:repeat-x;}
.green_by_nature_rightcol_short{padding: 12px;border: 1px solid #fff; background-image:url(/images/green-right-col-bg_short.jpg); background-repeat:repeat-x;}
.green_by_nature_rightcol_short h1{padding-top:42px;}

.prodHeader {
	height: 25px; 
	color:#fff; vertical-align:middle;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	behavior: url(/PIE.htc);
 	cursor:pointer;
	}

.prodHeader h2 {color:#fff;}

.prodHeaderOver {
	color:#1568b3;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	behavior: url(/PIE.htc);
 	cursor:pointer;
 	}
.prodHeaderOver h2{color:#1568b3;}
.prodHeaderRel{background-color:#f7f9fb; color:#777777;}
.prodHeaderOverRel{background-color:#d1d3d7;color:#fff; cursor:pointer;}
.prodHeaderOverRel h2{color:#fff;}
.prodHeaderOverRel .also_see{color:#fff;}

/* Product Category for Product Line page */
#prod_cat_tbl td ul {list-style-type: disc;}
#prod_cat_tbl td ul li { color: #000; list-style-type: disc; margin-left: 2em; }
#prod_cat_tbl {border: 1px solid #777777; text-align: center; font-size: 10px; width: 570px; margin:15px 0 15px 0;}
#prod_cat_tbl td {padding:0px;}
#prod_cat_tbl td h2 {margin: 0px; padding: 0px 0px 8px 3px; font-size: 14px;}
.prod_cat_head {height: 25px; color:#ffffff;}
.prod_cat {vertical-align: top; clear: both; }
.prod_cat_tbl_desc {background-color:none; padding: 4px 5px 0 5px; font-size: 10px; list-style-type: disc; height: 75px; vertical-align: top;}
.prod_cat_tbl_footer {padding-bottom: 2px; height:20px;}
.prod_cat_tbl_compare {color:#fff; border-top: 0px solid #777777; margin-top: 0px; padding:0px; text-align:right;}
.also_see { color:#777777; }

.prod_related_cat_tbl {border: 1px solid #e8ebee; text-align: center; font-size: 10px; width: 235px; }
.prod_related_cat_tbl td h2 {color:#fff; margin: 0px; padding: 0px 0px 8px 3px; font-size: 16px; }
.prod_related_cat_tbl td {padding:0px; height: 38px; }
.prod_related_cat_tbl_desc {padding: 4px 5px 0 5px; font-size: 10px; height: 100px; vertical-align: top; width:500px; }
.prod_related_cat_tbl_footer {padding-top: 4px; padding-bottom: 4px; }

#decorator_link {padding:5px; color:#fff; float:right;}
#decorator_link a {color:#fff; text-decoration:none;}
#decorator_link span {height:18px; margin: 0px 3px; border:0px solid #fff; text-align:center; color:#fff; text-decoration:none;}


/* Customer Support Page */
.support_box {
	position:relative; top:0px; left: 0px; display:inline-block; vertical-align:top; float:left;
	padding:0px; margin: 0px 0px 20px 0px;
	width:242px; height:190px;
	border: 3px dotted #fff;
/*	border-top:1px solid #efefef; border-right:1px solid #e0e0e0; border-bottom:2px solid #cccccc; border-left:1px solid #e0e0e0;
	overflow:hidden;*/
	}
.support_box:hover {
	border: 3px dotted #777777;	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}

.support_box p {color: #000; font-size: 11px; line-height: 17px; padding:5px; }
.support_box a {text-decoration:none;
}

/* Customer Service Styles */
#customer_service_tbl{}
#customer_service_tbl h2 { padding: 0; margin: 0; font-size: 12px; }
#customer_service_tbl h2 a { color: #5C6C46; text-decoration: none; padding-bottom: 1px; }
#customer_service_tbl h2 a:hover { text-decoration: none; }
#customer_service_tbl td { vertical-align:top; }
.customer_service {background-color:#f7f9fb; padding:7px;width:250px;}
.customer_service_item { border: 1px solid #e8ebee; text-align: center; font-size: 10px; }
.customer_service_item th { padding: 5px; height: 28px; }
.customer_service_item td { padding: 0; }
td.customer_service_footer { padding-top: 4px; padding-bottom: 4px; }
td.customer_service_footer_desc { height: 65px; padding-left: 2px; padding-top: 4px; text-align: left; }
.customer_service_footer_desc p { padding: 0 5px 14px; line-height: 12px; font-size: 10px; }
/*#customer_service_tbl img {border: 1px solid #e8ebee;}*/
#reasonSelection {margin-bottom:20px;}
table.contactUsForm td {padding-right:2px; padding-bottom:5px;}
table.contactUsForm td span.smalltext {font-size:9px;}
.contact_box {
	display:inline-block;
	padding:0px; margin: 0px 0px 30px 0px;
	width:330px; height:114px;
	position:relative; vertical-align:top; float:left;
/*	border-top:1px solid #efefef; border-right:1px solid #e0e0e0; border-bottom:2px solid #cccccc; border-left:1px solid #e0e0e0;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	overflow:hidden;*/
	}
.contact_box p { color: #000; font-size: 11px; line-height: 17px; padding:5px; }


#greenSheets { border-top: 0px solid #777777; vertical-align: top; width: auto; }
#emptyGreenSheets {width:135px; }
#needHelp { border-top: 1px solid #777777; vertical-align: top; padding-top: 12px; width: 200px; }
#customerSupport { border-top: 0px solid #777777; vertical-align: top; width: auto; }
#specialShapesList { margin-top: 10px; }
#specialShapesList li { margin-bottom: 10px; line-height: 15px;}
#content .subOptionImageTable { display: inline-block; text-align: center; }
#content .subOptionImageTable td.name {color: #777777; padding: 5px; font-size:12px; line-height: 1.4;}
#content .subOptionImageTable td.image {padding: 0 5px 14px;}
td.productInfoDescription {
	font-size:11px; font-weight:normal; line-height:auto; vertical-align:top;
	padding:0px 0px 0px 10px;
	width:100%;}

td.productInfoImg, div.productInfoImg, #FakedTabsProductConfig .productOption img {
	padding:0px 0px 0px 0px; 
	vertical-align: top; 
	background: none;
	/*background-color:#777777; 
	background-image: -webkit-linear-gradient(45deg,#838790,#e4e9ef);
	background-image: -moz-linear-gradient(45deg,#838790,#e4e9ef);
	background-image: -ms-linear-gradient(45deg,#838790,#e4e9ef);
	background-image: -o-linear-gradient(45deg,#838790,#e4e9ef);
	background-image: linear-gradient(45deg,#838790,#e4e9ef);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e9ef', endColorstr='#838790');
	*/}
.productOption input {
    border: 1px solid #999;
    display: initial;
    margin-top: 5px;
    -webkit-appearance: revert;
  	-moz-appearance: revert;
  	appearance: revert;
}

.productOption .radio {
	display: initial;
  margin-top: 5px;
  -webkit-appearance: radio;
  	-moz-appearance: radio;
  	appearance: radio;
}

.productOption .checkbox {
	display: inline-block;
	-webkit-appearance: checkbox;
  -moz-appearance: revert;
  appearance: revert;
}

.productOption select {
	-webkit-appearance: searchfield;
  -moz-appearance: revert;
  appearance: revert;
}

.configReview #accuracyCheck {
	display: block;
	-webkit-appearance: checkbox;
  -moz-appearance: revert;
  appearance: revert;
}

td.productInfoImg img, div.productInfoImg img {width:196px; margin-bottom: -5px;}
.config-radio-button {display:inline; float:left; position:relative; top:-3px;}
div.productInfoDescription {font-size: 12px; font-weight: normal; line-height:1.5em; margin-top: 10px;}
.pdf {border:0px; position:relative;}
.pdf img {height:14px;}
.pdfProductInfoDescription {
	color: #000; font-size: 12px; font-weight: normal; 
	background:url(/images/PDF.png) no-repeat left center; background-size:17px 17px; 
	padding-left: 20px; vertical-align: top;
	}
.videoProductInfoDescription { color: #000; font-size: 12px; font-weight: normal; background:url(/images/buttons/watch_video.png) no-repeat left center; padding-left: 25px; vertical-align: top; padding-bottom: 8px; padding-top:8px;}
.customize_option_div {color:#777777; font-weight:bold; border:0px solid;}
.customize_option_tbl { background-color: #f7f9fb; color: #777777; font-weight: bold; }
.customize_option_tbl_no_bg { color:#777777; font-weight:bold; border:0px solid #777777; border-bottom:1px dotted #777777;}
.customize_option_tbl_no_bg table {width:100%;}
.customize_option_tbl_no_bg td { color: #000; font-size: 11px; line-height: 17px;}
.customize_option_tbl_no_bg li {list-style-type: none; width:100%; display:inline-block; vertical-align:top; margin-bottom:20px;}
.customize_option_tbl_no_bg ul {margin:0px 0px 0px 7px!important;}
.specifications p { color: #000; font-size: 11px; line-height: 17px; }
.specifications div { color: #000; font-size: 11px; line-height: 17px; padding-bottom: 14px; }
.val.trim {
    width: 33%;
}
/* CSS needed for hack to get Spry Nested Tabs to work properly */
.spry_nested_tab_hack { clear: both; }

#content ul.media{ list-style: none; line-height: 14px; font-size: 11px; }
#content ul.media li.pdf {
	list-style-type:none; 
	background:url(/images/PDF.png) no-repeat left top; background-size:14px 14px; 
	padding-left: 20px; margin-bottom:10px;
}
#content ul.media li.video {list-style-type:none; background:url(/images/buttons/watch_video.png) no-repeat left top; padding: 3px 0px 5px 25px; }
 
#customerSupport ul.media{ list-style: none; line-height: 16px; font-size: 11px; }
#customerSupport ul.media li.pdf {
	list-style: none; 
	line-height: 20px; 
	background:url(/images/PDF.png) no-repeat left center; background-size:17px 17px; 
	margin-left:0; padding-left: 25px;
}
#customerSupport ul.media li.video {list-style: none; line-height: 20px; background:url(/images/buttons/watch_video.png) no-repeat left center; margin-left:0; padding-left: 25px; }

/* CSS Needed for the FAQs page to have list numbers displayed */
.faqQuestionList { list-style-type: decimal; margin-top:1em; margin-bottom:2em;}
.faqQuestionList li { list-style-type: decimal; color:#000000;}
.faqAnswerList { list-style-type: decimal; }
.faqAnswerList li { list-style-type: decimal; margin-bottom: 2em; color:#000000;}
.faqAnswerList li ul { list-style-type: disc; margin-left: 20px; }
.faqAnswerList li ul li { list-style-type: disc; margin-bottom: 1em; }

/* Order Samples Styles */
#content p.emphasized {font-weight:bold; font-style:normal; line-height:normal; padding-top: 7px; padding-bottom: 7px;}
#order_samples_table {}
#order_samples_table td {background-color:#f7f9fb;}
#order_samples_table td h3 {margin:0 0 16px 0;}

/* Service and Replacement Parts */
ol.decimal li { list-style: decimal; color: #000; }
ul.disc li { list-style-type: disc; margin-left: 2em; color: #000;}
#installAccordion:AccordionPanelContent {width:953px;}

/* Warranty Information */
.warranty-box {float:left; margin-right:20px; width:auto; min-width:230px;}
#contentarea p { color: #000; font-size: 11px; line-height: 17px; padding-bottom:14px; }
#contentarea ol { margin-top: 0; }
#contentarea ol li { list-style: decimal; color: #000;}
.bulletList li {list-style-type:disc; color:#000; margin-left:35px;}

/* Verify Order */
.placeOrderRow { height: 24px; }
/* promotion page */
.promo-list li {color:#777777; font-size:14px; margin-top:10px;}
/* Safety */
#octoberSafetyPromo { width: 240px; float: right; /*background-color: #d1deea;*/ margin-bottom:20px; }
#octoberSafetyPromo img {border:1px solid #ccc;}
#octoberSafetyPromo td { vertical-align: top; }
#octoberSafetyPromo td .first { margin-top: 0; }
#octoberSafetyPromo h3 {color:#000000; font-family:"Comic Sans MS", Helvetica, Arial, sans-serif}
#OctoberSafetyBanner {	
	width:758px;
	height:330px;
}
.safety-banner {
	padding:5px; position:relative; top:10px;
	width:240px;
	color:#ffffff; font-size:22px; font-weight:normal;
	background-color:#98c7eb;
	border: 3px solid #0e99d7; border-left:0px;
	border-top-right-radius:15px;
	-moz-border-top-right-radius:15px;
	-webkit-border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	-moz-border-bottom-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	
	}
.safety-list li {list-style-type:disc; color:#000; line-height:22px; list-style-position:inside; padding-left:15px;}

#tab-container {float:left;}
.safety-tab {
	display:block;
	width:155px; height:30px;
	padding:10px; margin-bottom:15px;
	border:3px solid #0e99d7; border-left:0px;
	background-color:#98c7eb;
	border-top-right-radius:15px;
	-moz-border-top-right-radius:15px;
	-webkit-border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	-moz-border-bottom-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	}
.safety-tab:hover {background-color:#0e99d7;}

#tab-container a:link {color:#fff; font-size:12px; text-decoration:none;}
#tab-container a:visited {color:#fff; font-size:12px; text-decoration:none;}
#tab-container a:hover {color:#fff; font-size:12px; text-decoration:none;}
#tab-container a:active {color:#fff; font-size:12px; text-decoration:none;}

#CleaningChart, #SafetyChart, #CleaningChart tbody, #SafetyChart tbody {border:0px solid #000000; width:100%; vertical-align:top;}
#CleaningChart, #SafetyChart td {vertical-align:middle;}
.CleaningCol1, .CleaningCol2, .CleaningCol1 td, .CleaningCol2 td,.SafetyCol1, .SafetyCol2, .SafetyCol1 td, .SafetyCol2 td {border:1px solid #000000;vertical-align:middle!important; padding:0 5px;}
.CleaningCol1, .CleaningCol2, .CleaningCol1 td, .CleaningCol2 td {height:46px;}
.SafetyCol1, .SafetyCol2, .SafetyCol1 td, .SafetyCol2 td {height:84px;}
.CleaningCol1, .CleaningCol1 td {text-align:left; width:160px; font-size:10px;}
.SafetyCol1, .SafetyCol1 td {text-align:left; width:254px;}
.CleaningCol2, .CleaningCol2 td, .SafetyCol2, .SafetyCol2 td {text-align:center; width:80px; font-size:20px; font-weight:bold; border-left:0px;}

.optionsDiagramBox { background-color: #AED0D8; border: 1px solid #000000; }
.selectorsDiagramBox { background-color: #FFFFFF; border: 1px solid #616A74; padding: 0 8px;}
table.Selector { border: 0 none; border-collapse: collapse; padding: 3px; }
table.Selector th.LargeBoldBlueTitle { width: 230px; color: #67A7B5; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; }
table.Selector tr.Selector td { border: 1px solid gray; border-collapse: collapse; padding: 3px; }
table.Selector td { width: 34px; }
table.Selector td.MoreInfoHeader { width: 230px; background-color: #CCCCCC; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; color: #616A74; font-weight: bold; height: 20px; }
table.Selector td.cleaningBackgroundMain { background-color: #CCCCCC; }
table.Selector td.cleaningBackgroundHighlight { background-color: #F6F5C7; }
table.ContentCopy { color: #000000; line-height: 13px; padding-right: 15px; padding-bottom: 15px; }
table.ContentCopy td.header { color: #000000; font-weight: bold; text-align: center; }
table.ContentCopy .ImageBorder { border:1px solid #606A74; }
table.ContentCopy tr.ContentSub { margin: 0; padding-left: 10px; padding-right: 10px; vertical-align: top; text-align: center; }
table.ContentCopy tr.ContentSub td { vertical-align: top; text-align: left; padding: 2px; }

#ColorContestBanner {width:758px; height:165px; background:url(/images/safety_banner_2010.jpg) no-repeat; margin-bottom:25px;}
#ColorContestBanner h1 {font-family:"Comic Sans MS", Helvetica, Arial, sans-serif; padding:12px 0 0 210px;}
#ColorContestBanner h2 {font-family:"Comic Sans MS", Helvetica, Arial, sans-serif; padding-left:210px;}
#ColorContestBanner p {padding-left:210px;}
#ColorContestBanner ul {padding-left:210px;list-style: inside disc;}
#ColorContestBanner ul li {list-style: inside disc; color:#000;}

#contest_winners_tbl td.border_left {border-left: 1px solid #bbb;}
#contest_winners_tbl td.border_right {border-right: 1px solid #bbb;}
#contest_winners_tbl img {border:1px solid #CCC; margin-top:5px;}
#contest_winners_tbl div.contest_winner h4{margin-top:5px; color:#1568b3;}
#contest_winners_tbl div.finalist_left {width:105px; text-align:center; margin:10px 5px 0 0;}
#contest_winners_tbl div.finalist_left h4 {margin-top:5px;}
#contest_winners_tbl div.finalist_right {width:105px; text-align:center; margin:10px 0 0 5px;}
#contest_winners_tbl div.finalist_right h4 {margin-top:5px;}

/* Privacy Policy */
#privacy p { color: #000; font-size: 11px; line-height: 17px; padding-bottom:14px; }

/* Customize Product */
#FakedTabs .FakedTabbedPannels {background-color:#dddddd;}

#FakedTabs .FakedTabbedPannels ul.subtabs {
padding:10px 0px 0px 10px; margin:0px; height:30px; white-space:nowrap; z-index:2;
}
#FakedTabs .FakedTabbedPannels ul.tabs{
	border-top-right-radius: 10px; 
	margin:0px; padding:14px 0px 0px 9px; 
	height:36px;
	border-top-right-radius:8px; -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; -ms-border-top-right-radius:8px;
	overflow:hidden;
	background-color:#1568b3; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	white-space:nowrap; z-index:2;
}
.FakedTabbedPannels ul.tabs{
	/* overwrite bad styles */
	float: none;
}

#FakedTabs .productOptions {margin:0px; border:0px; box-shadow: 1px 4px 5px #aaaaaa; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
#FakedTabs .FakedTabbedPannels ul.tabs li, #FakedTabs .FakedTabbedPannels ul.subtabs li {
	display:inline; list-style-type: none; 
	margin:0; padding:0;  z-index:2;
}
.FakedTabbedPannels ul.tabs li{
	/* overwrite bad styles */
	float: none;
	height: auto;
	line-height: 1.42857143em;
}
#FakedTabs .FakedTabbedPannels ul.tabs li a, #FakedTabs .FakedTabbedPannels ul.subtabs li a {
	height: 15px; 
	padding: 6px 12px 5px 12px; 
	font-weight:normal; text-decoration: none; font-size:12px; line-height:auto; 
	position: relative;z-index: 2; 
	border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -ms-border-top-left-radius:10px;
	border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -ms-border-top-right-radius:10px;
	overflow:hidden;
}
.FakedTabbedPannels ul.tabs li a{
	/* overwrite bad styles */
	width: auto;
}
#FakedTabs .FakedTabbedPannels ul.tabs li a {
	bottom:0; 
	border: 1px solid #aaaaaa; 
	border-bottom: 0px;
		}
#FakedTabs .FakedTabbedPannels ul.tabs li a.notSelected {
	color:#fff; 
	background-color:transparent; 
}
#FakedTabs .FakedTabbedPannels ul.subtabs li a.notSelected {
	border:1px solid #777777;
	border-bottom:0px;
	bottom:-4px; 
	color:#444; 
	background-color:#ddd; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	background: -ms-linear-gradient(top,  #fff,  #eee);
		}
#FakedTabs .FakedTabbedPannels ul.tabs li a.invalid, #FakedTabs .FakedTabbedPannels ul.tabs li a.invalid {
	color:#444; 
	background-color:#ddd; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#bbb');
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
	background: -moz-linear-gradient(top,  #ddd,  #bbb);
	background: -ms-linear-gradient(top,  #ddd,  #bbb);
		}

#FakedTabs .FakedTabbedPannels ul.tabs li a.selected, #FakedTabs .FakedTabbedPannels ul.subtabs li a.selected  { 
	height:21px;
	font-size:14px; font-weight:bold;
	}

#FakedTabs .FakedTabbedPannels ul.tabs li a.selected {
	padding:7px 12px 5px 12px;
	border: 1px solid #0d4980; border-bottom:0px solid #777777;
	color:#1568b3; 
	background-color:#ddd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: -moz-linear-gradient(top,  #fff,  #ddd);
	background: -ms-linear-gradient(top,  #fff,  #ddd);
}
#FakedTabs .FakedTabbedPannels ul.subtabs li a.selected {
	padding:6px 12px 4px 12px;
	color:#1568b3; 
	border:0px;
	background-color:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -moz-linear-gradient(top,  #fff,  #fff);
	background: -ms-linear-gradient(top,  #fff,  #fff);
}
.tab-cornerfix{
}

#FakedTabs .FakedTabbedPannels ul.tabs li a.notSelected:hover, #FakedTabs .FakedTabbedPannels ul.subtabs li a.notSelected:hover {
	color:#1568b3; 
	background-color:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -moz-linear-gradient(top,  #fff,  #fff);
	background: -ms-linear-gradient(top,  #fff,  #fff);
}

#FakedTabs .FakedTabbedPannels ul.tabs li p { font-weight: normal; white-space: normal; }
#FakedTabs .FakedTabbedPannels .FakedTabbedPannelsContent { 
	border: 0px solid #777777;
	background-color:#ddd; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;
	-moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
	}
#HighLevelOptionGroup-0-subtab-0-Content,
#HighLevelOptionGroup-0-subtab-1-Content,
#HighLevelOptionGroup-1-subtab-0-Content,
#HighLevelOptionGroup-1-subtab-1-Content,
#HighLevelOptionGroup-1-subtab-2-Content,
#HighLevelOptionGroup-2-subtab-0-Content,
#HighLevelOptionGroup-2-subtab-1-Content,
#HighLevelOptionGroup-2-subtab-2-Content,
#HighLevelOptionGroup-2-subtab-3-Content,
#HighLevelOptionGroup-2-subtab-4-Content,
#HighLevelOptionGroup-3-subtab-0-Content,
#HighLevelOptionGroup-4-subtab-0-Content,
#SpecialShapes-subtab-0-Content {background-color:#fff!important;width:630px;margin-left:10px!important;padding:5px!important;}
#SpecialShapes-subtab-0-Content .option-info {width:auto}
.option-info {
	width:296px;
	height:auto; 
	margin:0px 10px 10px 0px; 
	padding-bottom:10px; 
	display:inline-block; 
	vertical-align:top;
	}
#FakedTabs .balitabs {
    padding: 5px 10px 0;
    height: 36px;
    margin-bottom: 0;
    margin-right: -2px;
    background-color: #1568b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
    background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
    background: -moz-linear-gradient(top, #1568b3, #14528f);
    background: -ms-linear-gradient(top, #1568b3, #14528f);
}

#FakedTabs .balitabs li {
	list-style: none;
	display: inline-block;
	margin-right: -1px;
}
#FakedTabs .balitabs li a {
	font-size: 14px;
	font-weight: bold;
    background: #ddd;
    display: block;
    padding: 7px 10px 5px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    color: #777777;
    line-height: 1.4em;
}
#FakedTabs .balitabs li .selected {
    color: #1568b3;
}
#FakedTabs .FakedTabbedPannels .FakedTabbedPannelsContent h3 {color:#1568b3; font-size:12px; padding:5px 0px 0px 0px;}
#FakedTabs .productOption { clear: left; /*float: left;*/ margin-bottom: 25px; }
#FakedTabs .productOption h2 { color: #1568b3; font-size: 18px; margin: 0 0 8px 0; padding: 0; }
#FakedTabs .productOption .selectedValue td { vertical-align: top; }
#FakedTabs .productOption .selectedValue img { border:1px solid #777777; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
 }
#FakedTabs .productOptionValueTable { border: 1px solid #777777; color: #777777; font-weight: bold; }
#FakedTabs .productOptionValueTable ul { margin: 0; }
#FakedTabs .productOptionValueTable ul li { display: list-item; padding-bottom: 10px; }
#FakedTabs .productOptionValueTable img {border: 1px solid #777777; }
#FakedTabs div.productOptionImageList { float: left; }
#FakedTabs div.productOptionImageList table { display: inline; text-align: center; padding: 0 10px; }
#FakedTabs .selected { color: #777777; font-weight: bold; }
#FakedTabs div.swatchesSubOption { float: left; }
#FakedTabs table.swatchSubOption { display: inline; text-align: center; padding: 0 10px; width: 62px; }
#FakedTabs table.swatchSubOption td.colorNumber { padding-bottom: 10px; }
#FakedTabsProductConfig {
	display: inline-block;
	vertical-align: top; 
	width:716px;
	margin: 0;
	padding-left: 30px; 
	/*overflow: hidden; removed 9/10 so help text doesn't get cut off on options with 3 or more answers*/
}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs {margin:3px 0px 0px 0px; padding:0px;}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li {display: inline-block; vertical-align: top; width: 140px; list-style-type: none; margin:0px; padding:0px;}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a,
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a.notSelected:hover,
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a.invalid {
	height: 25px; 
	padding: 4px 8px;  
	color:#777777;
	text-decoration: none;
	text-align: center; 
	font-size:11px; 
	background-color: #fff; 
	border: solid 1px #777777; 
	border-bottom: none; 
	border-radius: 8px 8px 0 0;
	position: relative;
	display: block;
	}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a.notSelected:hover {
	background-color:#777777; color: #fff; 	
	}

#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a.selected { 
	height: 25px; 
	padding: 4px 8px;  
	color:#fff; 
	font-weight:bold;
	text-align: center; 
	background-color:#1568b3;
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li p { font-weight: normal; white-space: normal; }
#FakedTabsProductConfig .FakedTabbedPannels .FakedTabbedPannelsContent { border: 1px solid #777777; margin-top: 0px; padding: 8px; }
#FakedTabsProductConfig .FakedTabbedPannels .FakedTabbedPannelsContent h3 { color: #1568b3; font-size: 12px; padding: 8px 0 4px 0; }
#FakedTabsProductConfig .productOption {}
#FakedTabsProductConfig .productOption h2 {color: #1568b3; font-size: 25px; margin: 2px 0 15px 0; padding: 0; border-bottom: 2px solid #1568b3; }
.default-h2 h2 {color: #1568b3; font-size: 14px; margin: 2px 0 2px 0; padding: 0; text-align:left; }
#FakedTabsProductConfig .productOption .selectedValue td { vertical-align: top; }
#FakedTabsProductConfig .productOption .selectedValue img { border:1px solid #777777; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;}
#FakedTabsProductConfig .productOptionValueTable {color: #777777; font-weight: normal; margin-bottom: 10px; }
.default-choice-text {color: #777777; font-weight: normal; margin-bottom: 10px; text-align:left; }
#FakedTabsProductConfig .productOptionValueTable ul {margin:0px; padding-left:15px;}
#FakedTabsProductConfig .productOptionValueTable ul li { display: list-item; padding-bottom: 5px; color: #777777; }
#FakedTabsProductConfig .productOptionValueTable img {position:relative; top:0px; border:0px solid #777777; height: 175px; width:auto; margin-right:3px; cursor: pointer;}
#FakedTabsProductConfig .productOption img {height: 175px;}
/*#FakedTabsProductConfig .productOptionValueTable img { border: 1px solid #777777; height: auto; width: 100px; cursor: pointer;}*/
#FakedTabsProductConfig .productOptionValueTable select {margin:0px 5px;}
#FakedTabsProductConfig div.productOptionImageList { float: left; }
#FakedTabsProductConfig div.productOptionImageList table { text-align: left; padding: 0; }
#FakedTabsProductConfig .selected { color: #777777; font-weight: bold; }
#FakedTabsProductConfig div.swatchesSubOption { float: left; }
#FakedTabsProductConfig table.swatchSubOption { display: inline; text-align: center; padding: 0 10px;  }
#FakedTabsProductConfig table.swatchSubOption td.colorNumber { padding-bottom: 10px; font-weight: normal; }
#FakedTabsProductConfig img.swatchImg { border:1px solid #777777; margin-right:5px;}
#FakedTabsProductConfig .dark_green_bold {color:#222222;font-weight:bold;}
#FakedTabsProductConfig .productOptionValueTable .colorRange  { width:8px; height:40px; border: 1px solid #869574; }
#FakedTabsProductConfig .productOptionValueTable .colorRangeSelected  { width:8px; height:40px; border: 4px solid #1568b3; }
#FakedTabsProductConfig .FakedTabbedPannels a.orderEntryNext {color:#3565aa; font-weight:bold; float: right; text-decoration:none; margin:15px 0px 0px;}
#FakedTabsProductConfig a.orderEntryNext {color:#3565aa; font-weight:bold; position:relative; text-decoration:none; float:right; margin:0px;}
.reviewButtons {position: relative; top: -3px;}
.reviewVignette {position: relative; top: -1px;}
.configurationReview {padding:5px;}
.OrderSection-description {width:475px;}
.config-option-selected {border:2px solid #1568b3; padding:5px; vertical-align:top; border-collapse:separate;}
.config-option-not-selected {border:2px solid transparent; padding:5px; vertical-align:top; border-collapse:separate;}
.swatch-selected {border:2px solid #1568b3; border-collapse:separate; text-align:center;}
.swatch-not-selected {border:0px solid #ffffff; border-collapse:separate; text-align:center;}

#optionGroups {
	position:fixed; top:234px; height:13px; width:698px; z-index:10;
	background-color:#fff; 
	margin:0px 0px 0px -1px; padding: 14px 0px 0px 0px;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
	line-height:1;
	}

.optionDescriptionsMiddle{vertical-align:middle;}
.optionDescriptions {padding-bottom:10px;}
.optionDescriptions p {margin-bottom: 10px;}
.optionDescriptionsTop {padding-bottom:10px; width:300px;}
	
/*.orderEntryContinue {position:relative; top:-15px; left:675px;}*/
.orderEntryError {color:#ff0000; font-weight:bold;}
.orderEntryWarning {background-color:#00b1ad; color:#ffffff; padding-left:5px; font-weight:bold;}
a span.green_bold {color:#20943D; font-weight:normal;}
.help-file-link {padding-top:16px; font-weight:normal;}
.requiredfields {
	font-size:10px;
	float: right;
    margin-top: 8px;
}

#FakedTabsProductConfig #orderEntryPrices {
	float:right; position:relative; top:-35px;
	width:185px;
	margin-bottom:-5px;
	font-size:11px;
}
#FakedTabsProductConfig #orderEntryPrices .customize_price{
	float: right;
	padding:2px 2px; 
	color:#FF0000; font-size:11px;
}
#FakedTabsProductConfig #orderEntryPrices {
	color:#000000; font-size:11px;
	float: right;
}
#savingsAmount {color:#000000; font-size:11px; font-weight:bold; text-align:right; float: right; width:219px; padding:2px;}
/*#grossPrice {color:#000000; font-size:11px; font-weight:bold; text-align:right; float: right; width:219px; padding:2px;}
*/
.regPriceConfig {color:#000000; font-size:11px; font-weight:bold; text-align:right; float: right; width:219px; padding:2px;}
.regPriceConfigStrikeThrough {color:#000000; font-size:11px; font-weight:bold; text-align:right; float: right; width:219px; padding:2px;text-decoration: line-through;}
#price {width:228px; float:right;}
.totalPriceConfig{padding:2px 2px; background-color:#ffffff; color:#9eb509; font-weight:bold; font-size:16px; text-align:right;}
#orderEntryPrices #statusMessage {
	padding: 2px 2px; 
	background-color:#9eb509; 
	color: #000; 
	float: right;
}
.free-shipping-oe {height:15px; color:#000; font-size:9px; font-weight:bold; text-align:right;}

#orderEntryPrices #statusMessage {
	padding: 2px 4px 2px 4px; 
	background-color:#9baf61; 
	color: #fff; 
	float: right;
}
.order-entry-content {

}
.order-entry-heading {
	width: 970px;
}
.order-entry-title { 
	float: left;
	width: 600px;
}
.start-over { 
	float: right;
	width: 85px;
	text-align: right;
	margin-right: 3px;
}
.visualization-container {
	display:inline-block;
	vertical-align: top;
	width: 250px;
	position: relative;
	top: 0;
	-webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}
.visualization {
	height: 370px;
	width: 250px;
	position: relative;
}
.visualization img {
	height: 100%;
	width: 100%;
}
/* pre-selected message */
.pre-selected-message-container {
	background: rgba(255,255,255,.7);	
	position: absolute; 
	width: 250px;
	height: 370px;
	top: 0;
}
.pre-selected-message {color:#000000; text-align:center; position:absolute; top:25px; padding:15px 33px; z-index:9;}
.pre-selected-message span{font-size:12px; color:#1568b3; font-weight:bold;}
.pre-selected-message img {margin:10px 0px;}

/* Multiple Blinds  */
#multi-blind-container {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777777; height:265px;}
#multi-blind-left-column {display:inline-block; margin-right:20px; vertical-align:top;}
#multi-blind-right-column {width:200px; display:inline-block; vertical-align:top;}
#headrail3on1, #headrail2on1 {height:15px; padding:3px; background-color:#aaaaaa; text-align:center; color:#ffffff;}
#headrail3on1 {width:409px;}
#headrail2on1 {width:262px; }
.width {width:120px; height:190px; display:inline-block; margin-left:-57px; background-color:#ddd; text-align:center; vertical-align:bottom;}
.width select{margin:0px!important; background-color:#ffffff;}
.gap {width:135px; height:50px; display:inline-block; position:relative; top:50px; margin-left:-57px; text-align:center; vertical-align:bottom;}
.gap img {height:138px!important; margin-top:-133px;}
.width-text {text-align:center; margin-top:60px; margin-bottom:86px;}
#jumpMenu {display:inline-block;}
.selected-width-text {}
.selected-width-text span {font-size:18px; font-weight:bold;}
.measurement-text, .measurement-number, .total-measurement-text, .total-measurement-number, .total-measurement-text-error, .total-measurement-number-error {display:inline-block; padding:3px 5px;}
.measurement-text, .total-measurement-text, .total-measurement-text-error {width:112px; text-align:right;}
.measurement-number, .total-measurement-number {width:64px; float:right; text-align:right;}
.total-measurement-text, .total-measurement-number {font-weight:bold; background-color:green; color:#ffffff;}
.total-measurement-text-error, .total-measurement-number-error {font-weight:bold; background-color:#CC0000; color:#ffffff;}
.total-measurement-number-error, .total-measurement-number {float:right; width:65px; text-align:right;}
.total-measurement-text-error {background-image:url(/images/warning-sign.png); background-repeat:no-repeat; background-position:13px center;}
.remaining-multiblind-width {margin-top:5px; width:115px; display:inline-block; text-align:right;}
#FakedTabsProductConfig .multiBlindError {border: 1px solid #CC0000;}
/* end multi blinds */

#order-entry-blockout {
	position:relative; top:172px; z-index:4; float:right; 
	background-color:#fff; 
	height:70px; width:720px; 
	margin:0px; padding:0px;
	}
#config-steps-row-1 {
	top:224px; 
}
.product-content {
	position:relative;
	padding: 20px;
	min-height:360px;
	border-radius: 0 0 10px 10px;
	border:1px solid #777777;
}
.product-content2 {
	padding-top:0px;
	}
#FakedTabsProductConfig .productOptionValueTableError {border: 2px solid #CC0000; padding:3px; margin:3px;}
/* ARE THESE NEEDED FOR ERRORS?
#FakedTabsProductConfig .productOptionValueTableError ul { margin: 0; }
#FakedTabsProductConfig .productOptionValueTableError ul li { display: list-item; padding-bottom: 10px; }
#FakedTabsProductConfig .productOptionValueTableError img { border: 1px solid #d1d1d1; cursor: pointer;}	
#FakedTabsProductConfig .productOptionValueTableError td.productInfoDescription {color: #000; font-size: 11px; font-weight: normal; line-height: 17px; vertical-align: top; }
*/

.current-selections-link a span {
	z-index: 1000; display:none; position: absolute; top:10px; left:0px;
	width:300px; height:auto;
   	padding: 5px; 
	background-color:#fff;
   	opacity:0.7; filter:alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
  	font: 10px Helvetica, Arial, sans-serif; text-align:left; text-decoration: none;
	box-shadow: 3px 5px 8px #ccc;
	} 
.current-selections-link a:hover span {display: block;}
.tooltip3 {
	left:6px; 
	width:238px; 
	padding:5px;
	border:1px solid #777777; 
	position:absolute; 
	top:5px; 
	background-color:#ffffff; 
	color:#000000!important; 
	z-index:100; 
	border-radius:10px;
	opacity: .9;
	}
.option-group-divider {height:50px;}
div.clear { clear: both; padding: 0; }
div.floatRight {clear:right; float:right; text-align:right; }
.configReview h3 {color:#1568b3; font-size:14px; margin:0px; padding:0px; }
.configReview h3 a {color:#1568b3; font-size:14px; margin:0px; padding:0px; text-decoration:none; }
.totalPrice {font-weight:bold; font-size:14px; color:#9eb509;}
.regPrice {font-weight:normal; text-decoration: line-through; font-size:12px; color:#000000; margin-bottom:10px;}
.savings {font-weight:bold; font-size:16px; color:#d71920; margin-top:10px;}

/* These are styles for the Compare All Products page - Alex Melo & Erica Brandt */

.compareSelection {background-color:#f7f9fb; position:relative; top:0px;}
.compareSelection td {padding:5px;}
.compareSelection select {width:300px; font-size:10px;}
#compareAll #content ul{list-style:outside disc; margin-left:15px;}
#compareAll #content ul li{list-style-type:disc;  color:#000;}

#imageCol1 {float:left; display:inline; width:247px; text-align:center; margin:0px 0 5px 0px;}
#imageCol2 {float:left; display:inline; width:247px; text-align:center; margin:0px 0 5px 10px;}
#imageCol3 {float:left; display:inline; width:247px; text-align:center; margin:0px 0 5px 10px;}

#selectProdCol1, #selectStyleCol1 {float:left; display:inline; padding:0 0px 10px 0px;}
#selectProdCol2, #selectStyleCol2 {float:left; display:inline; padding:0 0px 10px 0px;}
#selectProdCol3, #selectStyleCol3 {float:left; display:inline; padding:0 0 10px 0px;}
.selProdCategory select, .selStyleCategory select {width:183px; font-size:9pt;margin-left:-20px;position: relative; top: 5px;}
p.compare-description {
    font-size: 13px;
    width: 197px;
}
.selThumb, .selThumb2 {
	width:180px; margin-left:25px; 
	border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow:hidden; 
	}
.selThumb img, .selThumb2 img {float:left; width:180px; height:195px;}
.selTitle {color:#FFFFFF; background-color:#777777; width:180px; height:30px;  margin:0; padding-top:5px; padding-bottom:5px;}
.selTitle span {font-size:13px; font-weight:normal; padding:0 3px 0 3px;}

#compareAll #content img.selnumber {display:none; float:left; width:45px; height:20px; border:0;}
.comparechart {clear:left;}
.comparechart td {border-bottom:solid 1px #777777; border-collapse:collapse;}
.selCategory {background-color:#ffffff; color:#777777; font-size:12px; font-weight:bold; margin-top:5px; padding:5px;}
.selCategory select {width:192px; font-size:10px;}
.catHeading {background-color:#777777; color:#fff; padding:5px;}
.compareCol1 {background-color:#f7f9fb; font-weight:bold; text-align:left; padding:5px;}
.compareCol2 {background-color:#e8ebee; width:247px; text-align:center; vertical-align:top; padding:5px;}
.compareCol3 {background-color:#f7f9fb; width:247px; text-align:center; vertical-align:top; padding:5px;}
.compareCol4 {background-color:#e8ebee; width:247px; text-align:center; vertical-align:top; padding:5px;}
.compareCol1 p, .compareCol2 p, .compareCol3 p, .compareCol4 p{text-align:center;}

/* These are styles for the Flash Video page - Alex Melo */
#VideoPage #top-nav, #VideoPage #top-links, #VideoPage #phone  {display:none;}
#VideoPage #logo {}
#VideoPage #wrapper{background-color:#d1d3d7; padding: 0 15px;}
#VideoPage #VideoHeader {flex: none; padding: 10px 15px; height: 110px; border-bottom:4px solid #777777;}
#VideoPage #VideoMain {flex: 1 0 auto;}
#VideoPage #content{padding: 0; width: auto;}
#VideoPage #content #AltContent{}
#VideoPage #content #AltContent p{color:#FFFFFF;}
#VideoPage #VideoFooter{flex: none; background-color:#d1d3d7; border-top:4px solid #777777;}
#VideoPage #VideoFooter img {margin:5px 0 0 5px;}
#VideoPage #VideoFooter p {font-size: 10px; color:#FFFFFF;}

#VideoPage_shutters #logo {margin:0;padding:0;}
#VideoPage_shutters #logo img {margin-left:18px; margin-top:20px;}
#VideoPage_shutters #wrapper{width:400px; height:400px; background-color:#FFFFFF;}
#VideoPage_shutters #VideoHeader {background-color:#FFFFFF; width:370px; height:100px; margin:0 15px 0 15px; /*border-bottom:1px solid #605371;*/}
#VideoPage_shutters #VideoMain {background-color:#FFFFFF;padding-bottom:16px;height:100%;}
#VideoPage_shutters #content{display:inline; background-color:#FFFFFF; width:362px; padding:0px;margin:0 15px 0 15px; /*border-right:4px solid #605371; border-left:4px solid #605371;*/}
#VideoPage_shutters #content #AltContent{margin:20px 0 30px 21px; background-color:#FFFFFF; color:#000000; width:320px;height:285px;}
#VideoPage_shutters #content #AltContent p{background-color:#FFFFFF; color:#000000;top:0;}
#VideoPage_shutters #VideoFooter{position:absolute; top:444px; width:400px; margin:0; height:70px; padding:0px; background-color:#000000; /*border-top:4px solid #605371;*/}
#VideoPage_shutters #VideoFooter img {display:inline;}

/* JWplayer styles for Motorization page */
.video-control{display:inline-block; height:90px; width:34px; padding-top:30px; vertical-align:top;}
.video-thumb{
	display:inline-block; 
	text-align:center;
	width:120px;
	border: 0px solid #000; 
	margin:0px 12px 0px 12px;
	opacity:.8;	filter:alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
.video-thumb:hover{
	opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

#my-video_jwplayer_playlistcomponent .jwplaylistimg {width:107px;}
.jwduration {display:none;}
.jwlistcontainer {border-left: 8px solid #fff;}
.jwplayer ul {margin-bottom:0px!important;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
}
#my-video_jwplayer_playlistcomponent .jwlist {margin-left:0px;}
#my-video_jwplayer_playlistcomponent .jwlist li {list-style-type:none; height:86px;}
#my-video_jwplayer_playlistcomponent .jwlist li.active {background-image:none!important;}
#my-video_jwplayer_playlistcomponent .jwlist li.active, #my-video_jwplayer_playlistcomponent .jwlist li:hover {
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	}
#my-video_display_button, #my-video2_display_button, #my-video3_display_button, #my-video50_display_button {
	background-image:none!important;
	background-color:#333333;
	border-radius:42px; -moz-border-radius:42px; -webkit-border-radius:42px;
 	}
#tabs.ui-tabs ul.ui-tabs-nav li {
	list-style-type: none;
}
.video-tab-content{
	border:0px solid transparent;
	width:996px;
	position: relative;
    left: -15px;
}
#my-video1_jwplayer_playlistcomponent_slider .jwrail, #my-video2_jwplayer_playlistcomponent_slider .jwrail, #my-video3_jwplayer_playlistcomponent_slider .jwrail, #my-video50_jwplayer_playlistcomponent_slider .jwrail {
	top:0px;
}

/*Calculator*/
.calculator-link-container{display:block; width:100px; float:right; margin:4px 4px 0px 0px;}
#calculator-link {
	display:inline-block;
	padding:0px 5px 2px 5px;
	font-size:10px; line-height:12px; color:#fff; text-decoration:none;
	border:1px solid #777777;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;	border-radius: 10px;
	overflow:hidden;
	position:relative;
	box-shadow:2px 2px 5px #777777;
}
#calculator-link:hover {
	color:#fff;
	border:1px solid #1568b3;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);	
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);	
	box-shadow:0px 0px 0px #fff;
	top:1px; left:1px;
}
#calculator-link:active {
	background-color:#069; 	
	background-image:url(/images/blue-cta-bg.png);
	border:1px solid #1568b3; top:1px; left:1px; background-repeat:repeat-x; background-size:1px 100%;
	}
#calculator-link a {color:#FFF;text-decoration:none;}

.hideOptionGroup {display:none;}
.showOptionGroup {display:inline;}

/************** Service and Replacement Parts ***********/
.parts table {width:752px;}

.parts td {padding:0px 13px 0px 13px;}

.parts img {border:solid 0px #000000; margin-bottom:-15px;}

.parts h6 {border:0px; color:#1568b3; font-size:10px; margin-bottom:0px; padding-bottom:0px;}

.parts a {font-size:10px;}
.more_info img {border:solid 0px;}

h8 {color:#1568b3; font-size:10px; margin:0px 0px 5px 0px;}

/************** NEW Styles - Pending ***********/
.tooltip_rating {position: absolute; margin-top:0px; margin-left:-230px;background:#FFFFFF;text-align:left;width: 300px;padding:3px 8px;color:#000;display: none;border:solid 1px #151456; z-index: 50;}
.tooltip_rating p {margin-bottom:15px; font-weight:normal;}
.tooltip_rating a {text-decoration:none;}
	
td.orderButton { width: 50%; text-align: right; }
.close2 {background:transparent url(/images/close.gif);background-repeat:no-repeat;background-position:right;height:15px;width:15px;border:none;display:block;cursor:pointer;}

.compareLink {float:left; position:relative; top:0px;}

/*********** Custom Blinds & Shades Page **********/
.custom_compare {height:20px; color:#777777; font-size:10px; text-align:left; padding: 3px 6px 3px 6px; vertical-align:middle;}
.custom_compare span {
	float:right; display:inline-block;
	color:#fff; font-size:10px; text-align:center; vertical-align:middle;
	width:96px;
	padding: 4px 0px 4px 0px; margin:0px; 
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; 
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	behavior: url(/PIE.htc);
	}
.custom_compare span:hover {
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	behavior: url(/PIE.htc);
	}
.custom_product {
	float:left; display:inline-block; position: relative; 
	width:240px; height:auto; 
	border-top:1px solid #efefef; border-right:1px solid #e0e0e0; border-bottom:2px solid #cccccc; border-left:1px solid #e0e0e0;
	padding: 0px; margin: 0px 7px 11px 0px; 
	vertical-align:middle; text-align:left;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	overflow:hidden; 
	}
.custom_product_title {
	height:272px; 
	padding:4px 3px 3px 0px; 
	border-bottom:1px solid #777777; 
	color:#fff; font-size:14px; font-weight:bold; text-decoration:none;
	background-color:#777777; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#777777');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#777777));
	background: -moz-linear-gradient(top,  #c5c5c5,  #777777);
	background: -ms-linear-gradient(top,  #c5c5c5,  #777777);
	behavior: url(/PIE.htc);
	}
.custom_product_title:hover {
	color:#fff; text-decoration:none;
	background-color:#1568b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1568b3', endColorstr='#14528f');
	background: -webkit-gradient(linear, left top, left bottom, from(#1568b3), to(#14528f));
	background: -moz-linear-gradient(top,  #1568b3,  #14528f);
	background: -ms-linear-gradient(top,  #1568b3,  #14528f);
	behavior: url(/PIE.htc);
	}
.custom_product_title a:link {text-decoration:none; }
.custom_product_title a:hover {text-decoration:none;}
.custom_product_image {text-align:center; vertical-align:middle;}

.additional-cost {font-size:11px;}

.product-option-container {display:inline-block; vertical-align:top; margin-right:5px;}
.product-option-help-container {display:inline-block; width:7px; vertical-align:top; text-align:left;}

div.learn-link {background:url(/images/learn-more_icon.gif) no-repeat left top; height:17px; width:17px; margin:0px 10px 0px -6px; padding:0px; vertical-align:top; cursor:pointer;}
div.learn-link a {font-size:10px; font-weight: normal;}
div.learn-link span {
	display:none; 
	float:left; 
	position:relative; 
	margin-top:25px;
	width:167px; 
	height:auto; 
	padding:3px; 
	z-index:1000; 
	background-color:#fff; 
	border: 1px solid #777777; 
	opacity:.9;
	right: 150px;
	}
div.learn-link:hover span {display:block;}

/* Product Gallery styles */
.product-gallery-description {
	float: left;
    width: 274px;
    padding: 0px 20px 0px 0px;
}

.product-gallery-description p {
	margin-bottom: 10px;
}

.product-gallery-description ul li {
	margin-bottom: 5px;
}

#prod_gallery{
/*	background:url(/images/panel.jpg) repeat-x bottom center #ffffff; background-size:1900px;*/
	width:694px; height:auto;
	overflow:hidden;
	padding:0px 0px 0px 0px; margin:0px;
	-moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA;
	-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
	border:1px solid white;
}
#slides{
	/* This is the slide area */
	height:auto; width:694px;
	font-size:7px; color:#000; text-decoration:none;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	padding: 0px 20px 0px 20px;
	overflow:hidden;
}
.slide{
	float:left;	display:inline-block;
	width:675px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	}
.slide img {
	-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
	overflow:hidden;
}
.slide li {list-style-type:disc; line-height:12px; color:#000; margin-left:5px;
}
.product-gallery-image {float:left;}
.slide-info {width:280px; height:auto; float:left; margin:0 0px 0px 20px; display:inline-block; font-size:10px; text-align:left;}
#slides a {text-decoration:none; color:#000;}
.prod-gallery-link {margin:0px 20px 0px 0px; float:right;clear:both;}
/*.shopping-link:after {content: "Go to Product";}*/

#prod_menu {
	/* This is the container for the thumbnails */
	height:auto;
	margin-top:16px;
	text-align:left;
	background-color:#eeeeee;
}
#prod_menu ul {margin:0px 0px 0px 17px; padding:0px;}
#prod_menu li {
	/* Every thumbnail is a li element */
	width:110px; height:auto;
	display:inline-block;
	list-style:none;
	color:#000; font-size:9px; vertical-align:top; text-align:center;
	overflow:hidden;
	padding:0px; margin: 0px 10px 0px 10px;
}

#prod_menu li.inact {
	/* The inactive state, highlighted on mouse over */
	/*background:url(/images/pic_bg.png) repeat;*/
	opacity:.50; filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
}
#prod_menu li.inact:hover {
	/* The inactive state, highlighted on mouse over */
	color:#1568b3;
	/*background:url(/images/pic_bg.png) repeat;*/
	opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
}
#prod_menu li.act, #prod_menu li.act:hover {
	/* The active state of the thumb */
	color:#1568b3;
	background:url(/images/active_bg.png) no-repeat;
	background-position: left top; background-size:110px 80px;
	opacity:1;
}
#prod_menu li.act a {cursor:default;}
#prod_menu li a {
	padding:10px 0px 3px 0px;
    position: relative;
}
#prod_menu a img {
	border:none;
	border-radius:4px;
	overflow:hidden;
	height: 75px;
	width: 100%;
    margin-top: 15px;
}
#prod_menu li img {margin-bottom:3px;}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(/images/divider.png) no-repeat right;
}

/* Google Custom Search styles */
.search {
	width:220px;
	height:30px;
	display:inline-block;
	vertical-align: top;
	padding:0; margin:0;
	position:relative; 
	overflow:hidden;
	background: #4C4E50;
  	z-index: 99;
}
.search-box {
    width: 180px;
    margin: 0 0 0 -4px;
    display: inline-block;
    /* float: right; */
    vertical-align: top;
    height: 30px;
}
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/ top:2px; left:145px;
	width:24px;	height:24px;
}
.search .fa {
  position: relative;
  z-index: 9;
  color: #E1E6EC;
  padding: 0 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: top; 
}
.search form {
  display: inline-block;
  height: 30px;
}
.search .gsc-search-box {
	margin-bottom: 0;
	height: 30px;
	padding: 0;
}
.search input {
  background: #4C4E50;
  width: 145px;
  height: 30px;
  border: none;
  color: #C6CBD0;
  font-size: 13px;
  line-height: 20px;
  position: relative; 
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	background-color:#4c4e50 !important;
	padding-right: 5px !important;
}
.search input:focus {
    outline: -webkit-focus-ring-color none 0;
    color: #FFFFFF; 
}
.search input::-webkit-input-placeholder {
    color: #C6CBD0 !important; 
}
.search input::-moz-placeholder {
    color: #C6CBD0 !important;
}
.search input:-ms-input-placeholder {
    color: #C6CBD0 !important; 
}
.search-input::-ms-clear {
  display: none;
}
.search-clear {
  cursor: pointer;
  visibility: hidden;
  display: inline-block;
}
.search ..gsc-search-box {
	margin: 0;
	padding: 0;
}
.search .gsc-search-box td {
    vertical-align: top !important;
}
.search .gsc-input-box {
	background: #4C4E50;
	border: none;
	height: 30px;
}
.search .gsib_a, .search .gsib_b, .se4arch .gsst_a {
	padding: 0;
	margin: 0;
}
/*.search .gsib_b{
	padding-top: 4px !important;
}*/
.search .gscb_a {
	padding: 0;
	margin: 0;
	position: relative;
	top: 2px;
	color: #ffffff !important;
	height: 30px;
}
.search .gsc-input input.gsc-input {
	background: #4C4E50 !important;
	color: #ffffff;
	height: 30px !important;
	line-height: 30px;
	padding: 0 !important;
	font-size: 13px;
	padding-bottom: 0 !important;
	border: none;
}
.search .gsc-search-button {
	display: none;
}
div.gsc-clear-button {
    display: inline;
    text-align: right;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('//www.google.com/uds/css/clear.gif');
    cursor: pointer;
    line-height: 30px;
    background-size: 14px;
    visibility: hidden;
}

/*********************LOWES ONLY STYLES**********************/
#lowes-top-links {
	float: right; display:block; 
	width:415px; height:32px; 
	margin:-5px 0px 0px 0px; padding:0px 0px 0px 0px;
	color:#000; font-size:10px;	text-align: left;
	background-color:#777777; 
	background: url(/images/microsite/lowes/lowes_links_bg.png) repeat-x;
	border:1px solid #777777;
	}
.lowes-home-slide-banner {
	position:relative; top:-449px; right:-705px;
	height:177px; width:270px;
	font-size:30px; font-weight:bold; color:#ffffff; letter-spacing:-1px; text-shadow:1px 1px #000000;
	opacity:.95; filter:alpha(opacity=95);
	}
.lowes-home-slide-date {
	position:relative; top:-244px; right:-705px;
	height:20px; width:270px;
	font-size:12px; color:#000000; 
	}

#order-forms{width:495px;}
#order-forms li {
	list-style-type:none;
	background:url(/images/PDF.png) no-repeat left center; background-size:17px 17px;
	padding: 5px 5px 5px 25px; margin-bottom:10px; 
	border-bottom: 1px dotted #777777; 
	}
#order-forms li a:link {font-color:#777777!important; font-size:14px; font-weight:bold; text-decoration:none!important;}
#order-forms li a:hover {font-color:#1568b3!important;}
#order-forms li a:visited {font-color:#777777!important;}
#order-forms li a:active {font-color:#777777!important;}

/*****************************************************************/

/****   Microsite Account Page ****/
.micrositeAccountForm{padding-right:2px; padding-bottom:5px;}
.forgotPasswordForm{padding-right:2px; padding-bottom:5px;}
.signInOrRegisterForm{padding-right:2px; padding-bottom:5px;}

#left-col{float:left; width:226px; min-height:400px}
#right-col{float:left;padding-left:4px;width:100%;min-height:400px;padding-top:4px;padding-bottom:10px;}
#right-col-container{float:left; width:285px;}
#left-col-container{float:right; width:285px; padding-right:105px}
#vertical-divide{width: 100%; height: 250px;}

/*****************************************************************/

/*********************HOME DEPOT ONLY STYLES**********************/
.HD-mega-free-swatch-tab {
	background-color:#f86201;	
	color:#ffffff!important;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
	}	

#HD-top-links {
	float: right; display:block; 
	width:415px; height:32px; 
	margin:-5px 0px 0px 0px; padding:0px 0px 0px 0px;
	color:#000; font-size:10px;	text-align: left;
	background-color:#777777; 
	background: url(/images/microsite/homedepot/HD_links_bg.png) repeat-x;
	border:1px solid #777777;
	}
#HDCA-header {border-bottom: 3px dotted #777777; height:98px;}
#HDCA_footer {clear:both; color:#777777; font-size:10px; border-top: 3px dotted #777777;}
.HDCA_footer_links ul {list-style-type:none; margin:0px;}
.HDCA_footer_links ul li {display:inline-block; float:left; padding:5px 10px; /*border-right: 1px solid #777777;*/}
.HDCA_footer_links ul li a {text-decoration:none; text-transform:uppercase;}
.HDCA-product-detail {width:auto; height:auto; position:relative; top:345px; clear:both; display:block; margin:0px;}
.HDCA-product-detail ul {}
.HDCA-product-detail li {width:113px; float:left; margin-right:10px; list-style-type:none;}
.HDCA-product-detail li a {	font-size:11px; font-weight:bold; text-decoration:none!important; color:#000;}
.HDCA-product-name {
	position:relative; top:-36px; left:5px; 
	height:18px; width:100px; padding:3px 0px 0px 3px;
	background-color:rgb(217,83,30);	
	color:#ffffff;
/*	opacity:.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);*/
}		
.HDCA-product-detail li span {display:none;}
.HDCA-product-detail li:hover span {display:block;}
#HDCA-content {background-image:url(/images/microsite/homedepot/canada/dotted-bg.jpg); background-size: 333px auto; background-position:114px 317px; background-repeat:repeat-x;/*background-image:url(/images/microsite/homedepot/canada/HDCA_body_bg.jpg); background-position:left top; background-repeat:no-repeat;*/ height:580px;}
#HDCA-content img {box-shadow:4px 4px 6px #777;}
.HDCA-product-detail li img {box-shadow:4px 4px 6px #777; border:5px solid #ffffff;}
.HDCA-product-detail li img:hover {border:5px solid rgb(217,83,30);}
.HDCA-tabContent {position:absolute;}
.HDCA-bali-logo {position:relative; top:-436px; left:10px; width:auto; z-index:100;}
.HDCA-bali-logo li {width:auto; text-align:center;}
.HDCA-product-description{width:290px; height:auto; padding:20px; position:relative; top:40px; float:left; font-size:15px;}
.HDCA-subheading {text-align:left; font-size:18px; font-weight:bold; color: rgb(217,83,30); margin-bottom:10px;}
.HDCA-hero-images {width:640px; height:380px; position:relative; top:0px; float:right; padding:20px;}
.HDCA-product-title {
	position:relative; bottom:43px; left:11px; 
	font-size:15px; font-weight:bold; color:#ffffff; 
	padding:5px;
	background-color:rgb(217,83,30);	
	}

/*   Bali Today Stock Blinds & Shades for Home Depot    */

/* unhide for old stock pages .stock_product {
	display:inline-block; float:left; 
	width:248px; 
	text-align:center;
	}
.stock_product img {-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.stock-left {float:left; width:473px; border-right: 3px dotted #777777; padding-right:20px;}
.stock-right {float:right; width:473px;}
.stock-leftThreeCol {float:left; width:318px; padding-right:13px; }
.stock-rightThreeCol {float:right; width:324px; padding-left:14px; border-left: 3px dotted #777777;}
.stock-centerThreeCol {float:right; width:293px; padding-left:13px; padding-right:13px; border-left: 3px dotted #777777;}
.stock td { font-size:10px; color:#8d8f90; text-align:center;  vertical-align:top; }

#stock-menu {background-color:#fff; height:16px; border:1px solid #777777; padding:0px; text-align:center; width:995px;}
.stock-menu-one {float:left; width:33%; border-right:1px solid #777777; padding:2px;}
.stock-menu-two {float:left; width:32%; border-right:1px solid #777777; padding:2px;}
.stock-menu-three {float:left; width:33%; border-right:0px solid #777777; padding:2px;}
#stock_cat_tbl {border: 1px solid #777777; text-align: center; font-size: 10px; margin-bottom:15px; }
#stock_cat_tbl th h2 {margin: 0; padding: 0; font-size: 12px;}
*/

.stock_product {
	display:inline-block; 
	width:245px; 
	text-align:center;
	}
.stock-titles {vertical-align:top; color:#777777; font-size:18px; font-weight:bold; line-height:20px; float:left; padding-right:15px; text-align:right;}
.stock_product img {-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.stock-left {float:left; width:473px; border-right: 3px dotted #777777; padding-right:20px;}
.stock-right {float:right; width:473px;}
.stock-ThreeCol {float:left; display:inline-block; width:300px; padding:0px 5px; margin-right:20px; border-right: 3px dotted #777777; vertical-align:top;}
.stock td { font-size:10px; color:#8d8f90; text-align:center;  vertical-align:top; }

#stock-menu {
	height:16px; width:515px; 
	float:right; margin-bottom:10px;
	text-align:center;
	}
.stock-menu-item {display:inline-block; width:168px; border-right:1px solid #777777;}
#stock_cat_tbl {border: 1px solid #777777; text-align: center; font-size: 10px; margin-bottom:15px; }
#stock_cat_tbl th h2 {margin: 0; padding: 0; font-size: 12px;}

/*****************************************************************/

/* AnythingZoomer */
.az-wrap, .az-small, .az-large {
	position: relative;
}
.az-wrap-inner {
	display: block;
	margin: 0 auto; /* center small & large content */
}
/* This wraps the large image and hides it */
.az-zoom {
	background: #fff;
	border: #333 1px solid; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px;
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	overflow: hidden;
	z-index: 100;
	display: none;
	-moz-box-shadow: inset 0px 0px 4px #000;
	-webkit-box-shadow: inset 0px 0px 4px #000;
	box-shadow: inset 0px 0px 4px #000;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
	overflow: hidden;
	position: absolute;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
	height: auto;
	width: auto;
	position: static;
	overflow: visible;
}

/* overlay small area */
.az-overlay {
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 10;
}

/* fade out small content when hovering
.az-hovered > * {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/

/* edit mode coordinate styling */
.az-coords {
	display: none; /* hidden when expanded */
}
.az-zoom .az-coords {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.5);
	color: #fff;
}
/* ZOOM CONTAINER */
.zoom { display: inline-block; margin: 0 auto; }
.large { background: white;}
.small img {height: 175px!important;}
.large img {height: 350px!important;}

/* Swatch Lightbox */
#lightbox img {border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px;}

/* color range */
#color-range-container {position:absolute; width:375px; margin:0px 0px 30px 20px; display:inline-block;}
.color-range span {
	display:none; float:left; position:absolute; top:45px;
	font-size:12px; font-weight:normal; text-align:left;
	}
.color-range:hover span {
	display:inline-block;
	}
.color-range-description {}
.color-range {
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE8 */
	filter:alpha(opacity=85); /* for IE5-7 */	
	float:left; width:25px; height:15px; 
	border:1px solid #777777; 
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	margin-right:3px; 
	background-image:url(/images/color-range.png);
	cursor:pointer;
	}
.color-range-selected {margin-top:1px;}
.all-color-ranges {float:left; width:24px; text-align:center; padding-top:1px; line-height:1!important; font-size: 12px;}
.color-range img {
	width:25px!important; height:10px!important; 
	background:none!important; 
	position:relative; top:9px!important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
	}
.cr-all {background-color:#EEE;}

/* metric calculator */
.metric-calculator-link {position:relative; margin:5px 0px 5px 0px;}
.metric-calculator-container {
	display:none;
	position:fixed; left:2%; top:20%; z-index:5000;
	width:auto; height:auto; 
	border-radius:10px;
	padding:10px; 
	font-size:12px; text-align:left; vertical-align:middle; 
	box-shadow:4px 4px 6px;
	background-color:#dddddd; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#ddd');
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ddd));
	background: -moz-linear-gradient(top,  #c5c5c5,  #ddd);
	background: -ms-linear-gradient(top,  #c5c5c5,  #ddd);
}
#close-button {float:right; color:#ffffff; font-size:9px;}
#MetricConversion {width:100%; margin-top:20px;}
#MetricConversion input {margin-bottom:10px;}
#conversionCentimeters {padding:3px;}
.convert-button {
	margin-top:10px; padding:2px 8px 5px 8px;
	text-align:center; color:#fff; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	border-radius:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; 
	border:1px solid #5c870c;
	background-color:#5c870c;
	background-image:url(/images/green-cta-bg.png); background-repeat:repeat-x; background-size:1px 100%;
	width:auto;
	position:relative;
	box-shadow:2px 2px 5px #777777;
	cursor:pointer;
	}
.convert-button:hover {
	border:1px solid #5c870c; 
	top:1px; left:1px;
	background-color:#090; 
	background-image:url(/images/green-cta-bg-o.png); background-repeat:repeat-x; background-size:1px 100%;
	box-shadow:0px 0px 0px #fff;
	}
/* Processing preloader - this breaks when not in-line style
#waitDiv {
	display: none; position:absolute; 
	width: 100%; height: 100%; 
	background: #fff; 
	text-align: center; vertical-align: middle; 
	z-index: 5000; 
	opacity: .85; filter: alpha(opacity=85);
	}
#preloaderBackground {
	position: absolute; top: 50%; left:50%; 
	height: 200px; width: 200px; 
	margin-left:-100px; margin-top:-100px; 
	border: 0px;
	}
 */
 
/* UNUSED? Product Line for Blinds and Shades page */
.prod_line_tbl {border:1px solid #e8ebee; text-align:center; font-size:10px; width:235px;}
.prod_line_tbl th h2 {margin:0; padding:0; font-size:12px;}
.prod_line_tbl th {padding:0 5px 0 5px; height:28px;}
.prod_line_tbl_desc { padding: 4px 5px; font-size: 10px; height: 80px; }
.prod_line_tbl_footer {padding-top:4px; padding-bottom:4px}

/* unused? */
#prod-detail td p { padding-bottom: 8px; line-height: 17px; }
#prod-detail td ul { list-style-type: disc; }
#prod-detail td ul li { color: #000; list-style-type: disc; margin-left: 2em; }
#prod-detail-image-right { float: left; width: 300px; }
#prod-detail-rightcell { padding-left: 20px; }

/* Total Window */
/*Right side content*/
#tws-right {
	width:60%;
	margin-bottom:20px;
	text-align:right;
	background-color:#fff;
	display:inline-block;
	font-size:1em;
	vertical-align:top;
	float:right;
	}

/*Left side content*/
#tws-left {
	background-color:#fff;
	display:inline-block;
	margin-right:10px;
	width:35%;
	vertical-align:top;
	}
#tws-visual {
	width:100%;
	background-color:#000;
	display:inline-block;
	position:relative; top:0px; left:0px;
	overflow:hidden;
}

#image1 img, #image2 img, #image3 img {
	width:100%;
	border-radius:12px;
	position:relative; top:0px; left:0px;
}
#image1, #image2, #image3 {
	background-position:0px 0px;
	display:none;
	position:absolute; top:0px; left:0px;
}
.tws-image-controls {width:100%; height:6%; position:relative; top:70px; text-align:center;}
.tws-image-controls ul {margin:0px; padding:0px;}
.tws-image-controls li {
	display:inline-block; 
	border:1px solid #777; border-radius:12px; 
	margin-right:2px; padding:5px;
	background-color:#ddd;
	font-size:1em; color:#7777777;
	width:auto;
}

/* New Bali styles */
.page-title {
	font-weight:700; font-size:34px; 
	margin:20px 0;
	}
.page-subtitle {
	font-weight:400; font-size:34px; color:#9eb509;
	margin:20px 0;
	}
.paragraph-title {
	height:360px;
	padding:40px;
	font-size:24px; line-height:1.1em; font-weight:400;
	background-image: url(/images/green-bali-box.jpg); background-repeat:none;
	}
.paragraph-title2 {
	width:850px; height:167px;
	padding:0px;
	font-size:24px; line-height:1.1em; font-weight:400; 
	background-image: url(/images/long-green-bali-box.jpg); background-repeat:none;
	}
.paragraph-title p {
	font-size:13px; font-weight:400;
	}

#content .half-panel a.header-link {
	color:#777777; font-weight:700; font-size: 30px; text-decoration:none; cursor:default;
	}
@font-face {
    font-family: 'blackjackregular';
    src: url('/fonts/black_jack-webfont.eot');
    src: url('/fonts/black_jack-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/black_jack-webfont.woff') format('woff'),
         url('/fonts/black_jack-webfont.ttf') format('truetype'),
         url('/fonts/black_jack-webfont.svg#blackjackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.blackjack {font-family: 'blackjackregular'; color:#9eb509; font-size:110%;}

/* Andersen styles */
#color-coordination {width:344px; height:auto; float:left; margin-bottom:10px;}
#color-coordination-image {width:57px; height:31px; float:left; margin-right:5px;}
.wink-seal {display:none;}


#my-video_wrapper {
	margin-top: 30px;
}

.motorization .dot-box img {
    width: 145px;
    padding-left: 30px;
}

.header-comment p {
    text-align: center;
    font-size: 12px;
}
.move-left {
	margin-left: -20px;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.bali-solutions-container {
	box-sizing: border-box;
	width: 100%;
	margin: 30px auto;
}
.bali-solutions-image {
	box-sizing: border-box;
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.bali-solutions-image img {
	border: 1px solid #cacaca;
}
.bali-solutions-description {
	box-sizing: border-box;
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.bali-solutions img {
    max-width: 105px;
    border: 1px solid #cacaca;
}
#home_focus .bali-solutions img {
    max-height: 160px;
    max-width: inherit;
    border: 1px solid #cacaca;
}

/********************
Motorization Updates May 2018
*/
.motorization-container {
	width: 1000px;
	margin: 20px auto;
	padding-left: 15px;
	padding-right: 15px;
}

.motorization-container h4{
	font-size:2rem;
	margin-bottom: 1.9rem;
}

.motorization-container h6 {
	font-size: 1.6rem;
	line-height: 2.6rem;
	margin-bottom: 1.9rem;
	padding-top: .7rem;
	border-top: 0;
}

.motorization-container p {
	
	font-weight: 500;
	line-height: 2.6rem;
	margin-bottom: 1.9rem;
	padding-top: .7rem;
}

.motorization-container sup {
	font-size: .9rem;
}

.row-eq-height {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.row-eq-height > [class*="col-"] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.row-eq-height > [class*="col-"] > div {
    flex: 1 0 auto;
    width: 100%;
}

.carousel-section {
	margin-left:1.5rem;
	margin-right:1.5rem;
	margin-bottom: 2.6rem;
}
.carousel-item {
    background-color: #383a3b;
    height: 52rem;
    position: relative;
}

.carousel-item .carousel-slide {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.carousel-item .carousel-slide img {
    height: 50.8rem;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    transform: translate3d(-50%, 0, 0);
}

.carousel-caption {
    background-color: rgb(117, 120, 123);
     background-size: auto auto;
    background-size: 97%;
    bottom: 7rem;
    height: 32rem;
    left: 0;
    margin: auto;
    padding: 2.7rem 2.6rem 2.6rem;
    right: 0;
    text-shadow: none;
    width: 32rem;
    position: absolute;
    text-align:center;
}

.carousel-caption.right {
    left: auto;
    right: 10%;
    bottom: 9.6rem;
    background-color: #008080;
    
}

.carousel-caption h2 {
	color:#fff;
	font-size:3.6rem;
	line-height: 5.2rem;
	margin-bottom:1.3rem;
}

.carousel-caption h2 .blackjack {
	font-size: 4.8rem;
	font-weight: 300;
	line-height: 0;
	color:#fff;
}
.motorization-intro {
	margin-bottom: 2.6rem;
}

.motorization-intro h1 {
	font-size: 3.8rem;
	line-height: 4.2rem;
	margin-bottom: 1rem;
	padding-top: .8rem;
	color: #777;
}

.billboard-section {
	margin-bottom: 2.6rem;
}

.billboard-block{
	padding: 3rem;
	background: #263238;
	background-size: cover;
	display: flex;
	position: relative;
}

.billboard-content {
	position: relative;
	text-align: center;
	width: 100%;
}

.billboard-image img {
	display: inline-block;
	height: 5rem;
	margin: 3rem auto;
	margin-bottom: 1.5rem;
}

.billboard-block h3, .billboard-block h4 {
	color: #fff;
	margin-top: 0;
	font-size:2rem;
	line-height: 2.6rem;
	margin-bottom: 2rem;
	padding-top: .6rem;
}

.billboard-block p {
	color: #fff;
	font-weight: 500;
	line-height: 2.6rem;
	margin-bottom: 1.9rem;
	padding-top: .7rem;
	}
	
.billboard-image-logo {
	padding: 0 10rem;
}

.integrations {
	background: #E9E9E9;
	padding: 3rem;
	margin-bottom: 7.8rem;
}

.integrations h3 {
	font-size: 2.4rem;
	line-height: 2.6rem;
	margin-bottom: 2.2rem;
	padding-top: .4rem;
}

.integrations-logo-container {
	display:flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap:wrap;
}

.integrations .integration-logo-image {
	max-width:20rem;
	height: auto;
}

.integrations .integration-logo-image img {
	width:100%;
}

.how-to-shop-motorized h2 {
	font-size:3rem;
	line-height:5.2rem;
	margin-bottom: 1.3rem;
	padding-top:1.3rem;
}

.how-to-shop-step-container {
	margin-bottom: 5.5rem;
}

.how-to-shop-step-container .select-shade-container {
	margin-bottom: 2.6rem;
}

.remote-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.remote-container .remote-text {
	flex-basis: 70%;
	padding: 0 0 0 1.25rem;
}

.remote-text h6{
	padding-top: .7rem;
	font-size: 1.6rem;
}

.remote-container img {
	width: 30%;
	height: auto;
}

.product-feature-action-list {
	float:left;
	text-align: left;
	padding-top: 0;
}

.product-feature-action-list li {
	float:left;
	margin-left: 0;
}

.img-responsive {
	max-width:100%;
	display:block;
}

.product-feature-action-list {
	float: left;
	text-align: left;
	padding-top: 0;
}

.action-link {
	border-radius: 0;
	display: inline-block;
	font-size: 1.6rem;
	text-align: center;
}

.action-link.black {
	background: #000;
	border: 0.1rem solid #000;
	color: #fff !important;
	padding: .7rem .8rem;
	width: 15rem;
}

.action-link.black:hover {
	text-decoration:underline !important;
}

.power-source-container {
	display: flex;
	flex-direction: row;
}

.power-source-item {
	padding-right: 2rem;
}

/*Help Text Styles */
.help-popup-container {
	position: relative;
}

.help-popup-button {
	margin-bottom: 26px;
	border-radius: 0;
	box-shadow: 0 0 0 transparent;
	outline: none;
	padding: 0;
	text-align: left;
	width: auto;
	background: none;
	border: none;
}

.help-popup-button:hover .help-popup-button-text,
.help-popup-button:focus .help-popup-button-text {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	color: #65686b;
	padding-bottom: 2.5px;
}

.help-popup {
	background-color: #fff;
	border: 1px solid #000;
	padding: 30px 15px 15px;
	position: absolute;
	top: 100%;
	width: 450px;
	z-index: 10;
}

.help-popup::before {
	background-color: #fff;
	border-bottom: 0;
	border-left: 1px solid #000;
	border-right: 0;
	border-top: 1px solid #000;
	content: ' ';
	height: 20px;
	position: absolute;
	top: -11px;
	transform: rotate(45deg);
	width: 20px;
	z-index: 110;
}

.help-popup-button-text {
	border-bottom: 2px dotted rgba(0,0,0,0.5);
	color: #000;
	font-size: 14px;
	line-height: 1.7em;
	padding: 2px 0;
}

.help-close-button {
	float: right;
	font-size: 30px;
	height: 30px;
	line-height: 30px;
	position: relative;
	right: -10px;
	text-align: center;
	top: -25px;
	width: 30px;
}
.help-close-button:hover {
	cursor: pointer;
}


.hide {
	display:none;
}

.help-popup h4 {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 18px;
	line-height: 26px;
	padding-top: 1rem;
	color: rgb(76, 78, 80);
}

.help-popup p {
	line-height: 22px;
	font-size: 14px;
}

.help-popup ul {
	padding-left: 16px;
	margin-bottom: 20px;
	padding-top: 6px;
}

.help-popup li {
	font-size: 14px;
	color: #4c4e50;
	font-weight: 500;
	line-height: 22px;
}

.optionDescriptions .help-popup .video-wrapper {
	height: 0;
	padding-bottom: 75%;
}
.video-wrapper {
	overflow: hidden;
	position: relative;
	margin-bottom: 2rem;
}

.optionDescriptions .help-popup .play-video,
.optionsDescriptions .help-popup .iframe-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-wrapper .poster-image {
	height: 100% !important;
	margin-left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.video-wrapper .play-button {
	height: 60px !important;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	min-width: initial;
	position: absolute !important;
	top: 50% !important;
	width: 60px !important;
	background: none !important;
}

.video-wrapper iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
