/*** General ***/

/* Navy Blue #151456; */
/* Lighter Blue #0061aa */
/* Dark Grey #484848 */
/* Light Grey #D1D1D1 */
/* Costco Dark #a2958a */
/* Costco Light #beb5ad */

@font-face {
 font-display:swap;
 font-family:'Etica';
 font-weight:300;
 src:url("../brand-fonts/LFTEtica-Light.woff2");
}

@font-face {
 font-display:swap;
 font-family:'Etica';
 src:url("../brand-fonts/LFTEtica-Regular.woff2");
}

@font-face {
 font-display:swap;
 font-family:'CapitoliumNewsRegular';
 font-weight:400;
 src:url("../brand-fonts/Capitolium2-Regular.woff2");

}

@font-face {
 font-display:swap;
 font-family:'CapitoliumHeadLight';
 font-weight:300;
 src:url("../brand-fonts/CapitoliumHead2-Regular.woff2");
}

@font-face {
 font-display:swap;
 font-family:'CapitoliumHead2-Light';
 font-weight:300;
 src:url("../brand-fonts/CapitoliumHead2-Light.woff2");
}

body{margin:0;padding:0; background-color:#615C57; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#bodyprint {background-color:#fff;}
p, h1, h2, h3, ul {margin:0; padding:0;}
p {margin-top:0; margin-bottom:16px; padding:0 0 14px 0; line-height:17px;}

h1 {color:#000; font-size:22px; font-weight:normal; margin:0 0 15px 0;}
h2 {color:#a2958a; font-size:18px; font-weight:normal; margin:5px 0 5px 0;}
h3 {color:#484848; font-size:15px; margin:16px 0 4px 0;}
h4 {color:#a2958a; font-size:13px; margin:8px 0 4px 0;}



/*** Outside Frame    */
#owrapper { width:1000px; margin:0 auto;}
#top-shadow{height:10px; width:1000px; }

#center {
	width: 1000px
}

#bottom-shadow{height:22px; width:1000px;}

/*** Inside Frame */
#wrapper{ margin:0 auto;width:1000px; color:#000; background-color:#fff; /*background:url(/images/wrapper-bg2.gif) repeat-y left top #fff;*/}
#header{height:143px; position:relative;}
#left-col{float:left; width:226px; min-height:400px}
#right-col{float:left;padding-left:4px;width:760px;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; margin: 0px; padding: 2px 0px; background-image:url(/images/vertical-divide.png); background-repeat: repeat-y; background-position: 300px 0px;}

/*** Header ***/
.privacy_text {padding: 8px 3px 0px 10px; color:#484848; }

#orderNav {position:absolute;right: 40px;top: 20px;}
#orderNav ul{ list-style-type:none;}
#orderNav li{ list-style-type:none; display:inline;font-size:10px;}
#orderNav li.cartimg a {background: url(/images/costco_shopping_cart.gif) no-repeat; padding-left:20px;}
#orderNav li a{ color:#0061aa; text-decoration:none; padding:2px 8px; border-right:1px solid; font-weight:bold;}
#orderNav li a.noLine{border:none;}
#orderNav li a:hover{text-decoration:underline;}
sup {font-size: 10px;}

/** Primary - Costco **/
.logo-primary {position:absolute;left: 775px; top:30px;}
/** Secondary - Graber **/
.logo-secondary{margin-left:14px;margin-top:5px;}
.logo-third{margin-left:60px; margin-top:5px;}
.costco_hours {position:absolute;right: 48px; top:70px; font-size: 10px; }
.phone{position:absolute;right: 48px;top: 50px;}
.divider{position:absolute;left: 20px;top:117px; width:96%;}
#membersonly {color:#382521; font-size:11px; font-weight:bold; position:absolute; top:100px; left:16px;}
/*** Homepage Specific ***/
/* Regular with animation */
#home-text {width:712px; color:#a2958a;padding:15px 0px 27px 0px; background-color:#fff;border:0;margin-bottom:26px;}
/* With promo */
/* #home-text {width:689px; color:#000000;padding:27px; background-color:#ffffff;border:1px solid #fff;margin-bottom:26px;margin-top:2px;} */

#home-text h1{font-size:22px; color:#a2958a;padding:0px 0px 0px 0px; margin-top:-55px; font-weight:normal; z-index:100; position: relative;}
#home-text p{line-height:17px; font-size:12px;}
#home-text a{color:#0061aa;}
#home-text a:hover{text-decoration:none;}
/* Regular with animation */
/* #AltContent {background-color:#fff; width:768px; height:423px; margin-bottom:10px;}*/
#AltContent {background-image: url('/images/costco_home_page_1.jpg'); background-repeat:no-repeat; width:768px; height:367px; margin-bottom:66px; }
/* With promo */
/* #AltContent {background-color:#005daa; color:#ffffff; width:745px; height:520px;} */

#AltContent ul {list-style:outside disc; margin-left:25px;}
#AltContent ul li {margin-bottom:7px; font-size:10px;}


/* MENU BAR */
#menu {
	z-index:1000; position: static; display:inline-block; 
	width:767px; 
	border-bottom:0px solid #777777;
	margin:20px 0px 0px 230px;
	background-color:#fff;
	color:#000;
	height:40px;
	}

/* 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;
	filter:alpha(opacity=100); /* for IE */
	}
/* 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;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 127px;
	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:#3b1e1f;
	color:#fff;
	text-align:center;
	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:#a2958a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2958a', endColorstr='#a2958a');
	background: -webkit-gradient(linear, left top, left bottom, from(#a2958a), to(#a2958a));
	background: -moz-linear-gradient(top,  #a2958a,  #a2958a);
	background: -ms-linear-gradient(top,  #a2958a,  #a2958a);
	border-left:1px solid #fff;	
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{color:#fff; background-color:#3b1e1f;}

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

 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:center;
	font-weight:bold;
	padding:7px 10px 5px 5px;
	border-left: 1px solid #fff; 
	background-color:#3b1e1f; 
	height:30px;
/*	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:#3b1e1f; 
	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:#3b1e1f; 	
	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;
	filter:alpha(opacity:0.1);
}

.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:0px; padding: 0.5em 0.75em;
	border-left:1px solid #fff;
	height:30px;
	color:#fff; text-align:center; 
	background-color:#a2958a; 
	border-left: 1px solid #fff; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2958a', endColorstr='#a2958a'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#a2958a), to(#a2958a)); 
	background: -moz-linear-gradient(top,  #a2958a,  #a2958a);
	background: -ms-linear-gradient(top,  #a2958a,  #a2958a);
	}	
.free-swatch-tab:hover {
	background-color:#3b1e1f;
	border-left: 1px solid #fff; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1e1f', endColorstr='#3b1e1f');
	background: -webkit-gradient(linear, left top, left bottom, from(#3b1e1f), to(#3b1e1f));
	background: -moz-linear-gradient(top,  #3b1e1f,  #3b1e1f);
	background: -ms-linear-gradient(top,  #3b1e1f,  #3b1e1f);
	}	
.free-swatch-tab a:link {color:#fff;}	

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		
	}
}

/*** Top Navigation ***/
#top-nav {width:775px; position:absolute; top:127px; left:228px;}
#top-nav ul{margin:0;padding:0;list-style-type:none; width:775px; float:left;}
#top-nav ul li {float:left; text-align:center; font-weight:bold; font-size:12px; margin:0 2px 0 2px; background: url(/images/tab-right.gif) no-repeat top right; background-color:#381e1f;}
/*#top-nav li{margin:0;padding:0;list-style-type:none;display:inline;height:14px; vertical-align:top;}*/
/* #top-nav a{line-height:14px;padding:0 20px;color:#fff;background-color:#004c94;font-weight:bold;text-decoration:none;margin-right:4px; display:block; float:left;} */
#top-nav li a {display:block; height:30px; padding:.2em 2em; background: url(/images/tab-left.gif) no-repeat top left; text-decoration: none; color:#fff; float:left;}
#top-nav li a.topnav_vertical-align {padding-top:.9em; height:22px;}
/*#top-nav a:hover{background-color:#0061aa;text-decoration:none;}*/
#top-nav ul li:hover {background: url(/images/tab-right_o.gif) no-repeat top right;}
#top-nav ul a:hover{background-color:#4a2829; background: url(/images/tab-left_o.gif) no-repeat top left;}


/*** Left Navigation ***/
#left-nav {}
#left-nav ul{padding:0;margin:0; list-style-type:square;}
#left-nav li{padding:2px 0 2px 0px; margin-left:40px; list-style-type:square; height:25px; color:#7FA9AE;}
#left-nav a{line-height:25px; display:block; width:180px; padding-left:0px; color:#382521; font-weight:none; font-size:12px; background-color:#fff; text-decoration:none; }
#left-nav a:hover{color:#beb5ad; background-color:#fff;}
.custom_nav ul{padding:0; margin:0; list-style-type:none;}
.custom_nav li{padding:2px 0 2px 9px; margin:0; list-style-type:none; height:25px;}
.custom_nav a{line-height:25px; display:block; width:180px; padding-left:15px; color:#382521; font-weight:bold; font-size:13px; background-color:#fff; text-decoration:none; list-style-type:none;}
.custom_nav a{background-color: #FFFFFF;}
.custom_nav ul{padding:0;margin:0;list-style-type:none;}

.nav_image img{margin-left: 10px; margin-bottom: 5px; border: 1px solid #ccc;}




/*** Search Site ***/
#homepage #search {display:none;}
#search {padding-left:45px;margin-top:55px;}
.search-txtfield{border:1px solid #c4c4c4; background-color:#e5e5e5;color:#000;padding:4px 2px 4px 9px;width:125px;float:left; font-size:11px; letter-spacing:1px;}
.search-btn {float:left;margin-left:5px}

/***   Content   ***/
#right-col-content {padding-top:7px; margin-left:20px;}
#right-col-content a{color:#0061aa;}
#right-col-content a:hover{text-decoration:none;}
#right-col-content p{padding:0 0 0 0}
#right-col-content a.red_link{color:#151456;}
#right-col-content ul.media{ list-style: none; line-height: 20px; font-size: 11px; margin:5px 0 25px 10px;}
#right-col-content ul.media li.pdf { background:url(/images/pdficon_small.gif) no-repeat left center; padding-left: 25px; }
#right-col-content ul.media li.video { background:url(/images/flashIcon.gif) no-repeat left center; padding-left: 25px; }

/* Content for the pages without the left navigation */
#one-column-content {
	width:986px;
	padding:15px;
	font-size:11px;
	padding-top:13px;
/*  background-image: url(/images/main_bg.png);
    background-repeat:repeat-x; 
    background-position:top;
*/}
#one-column-content a{color:#0061aa;}
#one-column-content a:hover{text-decoration:none;}

/***   Video Popup pages   ***/
#VideoPage #owrapper {width:380px; margin:0 auto;}
#VideoPage #top-shadow{height:10px; width:380px;}
#VideoPage #center{width:380px;}
#VideoPage #bottom-shadow{margin:0 auto; height:22px; width:380px;}
#VideoPage #wrapper {margin:0 auto;width:380px; height:400px; color:#000;}
#VideoPage #header {height:91px; position:relative;}
#VideoPage #header .logo-secondary{position:relative;left: 30px;top: 8px;}
#VideoPage #right-col{float:left;padding-left:4px;width:380px;min-height:300px;padding-top:4px;padding-bottom:10px;}
#VideoPage #right-col #right-col-content #AltContent {margin-left:5px; width:320px; height:285px;}
#VideoPage #right-col #right-col-content #AltContent p {margin-right:20px;}
#VideoPage #VideoFooter{margin:0 auto; width:380px; height:105px;}
#VideoPage #VideoFooter #footer-left {positon:absolute; color:#000; font-size:11px; top:420px; left:30px; position:absolute; width:360px; height:62px;}
#VideoPage #VideoFooter #footer-left span {float:left; line-height:18px;}
#VideoPage #VideoFooter #footer-left img {margin-top: 10px; margin-left:3px;}

/***  Green Links   ***/
#right-col-content a.green_link {color:#20943D;font-weight:bold; padding:1px;}
#right-col-content a:hover.green_link {background-color:#20943D;color:#fff;}

/***  Breadcrumbs ***/
#breadcrumbs {margin-bottom:20px;}
#breadcrumbs .selected{ font-weight:bold; color:#000;}
#breadcrumbs a{color:#000;}
#breadcrumbs a:hover{text-decoration:none;}

/*** Footer ***/
#footer {width:1000px; clear:both; position:relative;}
#footer-left{positon:absolute; color:#000; font-size:11px; top:18px; left:44px; position:absolute; width:562px; height:62px;}
#footer-left span {float:left; margin-top:5px; margin-right:3px; line-height:18px;}
#footer-left-nav {color: #fff; margin-bottom:10px;}
#footer-left a{color:#fff;}
#footer-left a:hover{text-decoration:none;}
#footer-right{position:absolute; left:692px; top:25px; width:325px; height:50px; vertical-align:top;}
#footer-right img{margin-right:26px; vertical-align:middle; padding-bottom: 10px;}
#footer-disclaimer{color:#fff; font-size:10px;}

/*** CSS buttons   ***/
#right-col-content a.order-sample-btn,
#right-col-content a.product-info-btn,
#right-col-content a.continue-shopping-btn{
	font-size:9px;
	color:#777;
	background-color:#F2F2F2;
	border:1px solid #D1D1D1;
	padding:2px 4px;
	text-decoration:none;
}

#right-col-content a:hover.order-sample-btn,
#right-col-content a:hover.product-info-btn,
#right-col-content a:hover.continue-shopping-btn{
	background-color:#e5e5e5; color:#151456;border:1px solid #151456;
}

#right-col-content a.checkout-btn{
	font-size:9px;
	color:#151456;
	background-color:#0061aa;
	border:1px solid #151456;
	padding:2px 4px;
	text-decoration:none;
}
#right-col-content a.:hovercheckout-btn{
	background-color:#a2958a;
}

/**** Productline landing pages ****/
#ProductCat-intro{min-height:305px; margin-bottom:20px;}
#ProductCat-intro h1 {margin-bottom:0px;}
#ProductCat-intro p {width:430px;}
#ProductCat-intro .product-img{float:right; margin-left:12px; margin-bottom:15px;}
#ProductCat-intro .product-img img {width:400px; height:305px;}
#ProductCat-intro ol {list-style:outside decimal; margin-left:0; padding-left:0; line-height:15px; }
#ProductCat-intro ol li ul{list-style:outside disc; margin-left:25px; padding-left:0;}
.all-caps{text-transform:uppercase; font-weight:bold;}
.all-caps {text-transform:uppercase; font-weight:normal; font-size:14px; color:#a2958a;}
.productImgThumb{margin-bottom:10px;}


#ThumbLinks { width:740px; float:left;}
.ProductCatStyle{width:230px; display:inline-block; margin: 0px 7px 14px 7px;}
.ProductCatStyle-left{display:inline; width:230px; float:left; margin-left:8px; margin-right:21px; padding-bottom:35px;}
.ProductCatStyle-center{display:inline; width:230px; float:left; margin-right:21px; padding-bottom:35px;}
.ProductCatStyle-right{display:inline; width:230px; float:left; padding-bottom:35px;}

.StyleTitle {/*background-color:#151456;*/ text-align:left; width:230px; height:35px; margin:0; padding-top:0;}
.StyleTitle td {height:30px; width:230px; padding:0; margin:0;}
.StyleTitleOver {/*background-color:#0061aa;*/ text-align:left; width:230px; height:35px; margin:0; padding-top:0; cursor:pointer;}
.StyleTitleOver td {height:30px; width:230px; padding:0; margin:0;}
.StyleTitle h2{color:#000000; font-size:12px; text-transform:uppercase; padding:0px; margin:0;}
.StyleTitleOver h2{color:#000000; font-size:12px; text-transform:uppercase; padding:0px; margin:0;}
.StyleThumb {width:230px;}
.StyleDesc {margin-top:5px; width:230px; height:100px; vertical-align:top;}
.StyleDesc p {margin:0px; padding:0px;}
ul.StyleLinks{margin:5px 0 0 15px; padding:0; list-style-type:square;}
ul.StyleLinks li{margin-bottom:5px;}
li.blue-bullet{color:#0061aa;}
li.red-bullet{color:#151456;}
#Img-Seceltion{text-align:left; }
.selectImg{border:solid 2px #999999; margin-bottom:8px;}
.imgSelected{border:solid 2px #151456; margin-bottom:8px;}
td.productInfoDescription {color: #000; font-size: 11px; font-weight: normal; line-height: 17px; vertical-align: top; }
td.productInfoImg {vertical-align: top; background:url(/images/costco_option_bckgrnd.jpg) no-repeat;}
#right-col-content .subOptionImageTable {display: inline; text-align: center; }
#right-col-content .subOptionImageTable td.name {color: #151456; padding: 5px; }
#right-col-content .subOptionImageTable td.image {padding: 0 5px 14px; }
.customize_option_div {color:#151456; font-weight:bold; border:1px solid #C0C6B8; float: left; }

/****  Order Samples page ****/
#Order_Sample .StyleTitle {background:url(/images/square_drkblue.gif) center left no-repeat; background-color:#FFF; height:33px; text-align:left; padding-left:15px;}
#Order_Sample .StyleTitle h2{color:#151456; font-size:11px;}


/****  Green by Nature page ****/
#Green #ProductCat-intro h1 {color:#000;}
#Green .all-caps{color: #859702;}
#Green .StyleTitle {background-color:#fff;cursor:pointer;}
#Green .StyleTitleOver {background-color:#ddd; cursor:pointer; width:230px; height:35px; margin:0; padding-top:0;}
#Green .StyleTitleOver h2{color:#000; font-size:12px; text-transform:uppercase; padding:0px; margin:0;}
#Green #right-col-content a.green_link {color:#859702;}
#Green #right-col-content a:hover.green_link {background:none}
#Green ul.StyleLinks li{list-style-image:url(/images/Leaf_blk.gif); margin-top:10px; margin-left:15px;}
/*#Green ul.StyleLinks {background:url(/images/Leaf_blk.gif) left no-repeat; list-style-type:none; margin:10px 0 0 0; padding-left:30px;}*/
#green_logos {margin-bottom:20px;}
#green_logos img {margin-left:12px; margin-right:12px;}


/**** How to Order page ****/
.white-bar {margin-left:-15px; background-color:#fff; width:400px; height:24px; margin-bottom:5px;}
.brown-title{color:#382521; font-weight:bold; float:left; margin-top:5px; }
.red-bar {background-color:#e43e3c; width:400px; height:24px; margin-bottom:5px;}
.red-title{color:#fff; font-weight:bold; float:left; margin-top:5px; }
.costco-circle{margin:1px 10px 0 10px; float:left;}
ul.how-to {list-style-position:outside; padding-left:15px; margin-bottom:15px;}

/**** Safety Page ****/
.optionsDiagramBox { background-color: #0b3d84; 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 {text-align:center; color: #484848; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 18px; }
table.Selector tr.Selector td { border: 1px solid gray; border-collapse: collapse; padding: 3px; }
table.Selector td {}
table.Selector td.MoreInfoHeader {background-color: #151456; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; font-weight: bold; height: 20px;}
#right-col-content table.Selector td.MoreInfoHeader a{color:#FFF; padding-left:5px;}
table.Selector td.cleaningBackgroundMain { background-color: #EEEEEE; }
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: 5px; }


/* Remaining Styles from Original BaliBlinds templates */
/*******************************************************/

/*** Misc ***/
.clear {clear:both;height:1px;}
.small_txt{font-size:9px;}
.white_txt {color:#fff;}
.redText {color:#FF0000; font-weight:bold;}
.blue {color:#0061aa}
.blue_bold{color:#0061aa; font-weight:bold;}
.boldText{font-weight:bold;}
.swfError {color:#ff0000; font-weight:bold; font-size:13px;}
.warning {color:#000; background-color:#ffeeb9; font-weight:bold;}
.unbold {font-weight:normal;}
.light_bg{background-color:#F2F2F2; margin-right:100px}
.border {border:1px solid #999;}
.white_bg {background-color:#fff;}
.prod-detail-leftcol {padding-right:16px;}
.border-top{border-top:1px solid #0061aa;}
.no-padding-margin{padding:0;margin:0}
.alt_row_color{background-color:#f2f2f2}
.boder1px{border:1px solid #000}
.border {border:1px solid #999999;}
ol.decimal li { list-style: decimal; color: #000; }
ul.disc li { list-style-type: disc; margin-left: 2em; color: #000;}
.strikeThrough {text-decoration:line-through; }

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

/*  Photo Gallery */
#photo_gallery_tbl {}
#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;color:#0061aa;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;padding:2px}
.thumb_selected{border:4px solid #1c73b5;}
#photo_gallery_right_col{padding:10px}
#photo_gallery_left_col{padding:10px 0 10px 10px;}
#photo_gallery_right_col_bottom {margin-left: 245px; padding:0px; text-align: left; width:395px; display:inline-block; margin-top: -30px; margin-bottom:10px;}
#photo_gallery_left_col_bottom {margin-left: 585px; padding: 0 0 0px 10px; text-align: center; width:135px; display:inline-block; border: 1px solid #000;}
#shopProductLineLink {color:#1c73b5 !important;}
#shopProductLineLink:hover {color:#1c73b5 !important;}


.prev_next_navigation {text-align:right;padding:15px 15px 0 0}
.bottom_swatch_page_navigation {text-align: right; clear: both;}
#compare_all{text-align:right; padding-right:14px;}


.customize_option_tbl {background-color:#f2f2f2;color:#151456;font-weight:bold;}
.customize_option_tbl_no_bg {color:#151456;font-weight:bold;border:1px solid #C0C6B8;}
.customize_option_tbl_no_bg ul {list-style-type:none;}

.prodHeader{background-color:#151456;}
.prodHeaderOver{background-color:#d1d1d1;cursor:pointer;}

.prodHeaderRel{background-color:#d1d1d1;}
.prodHeaderOverRel{background-color:#0061aa;color:#fff; cursor:pointer;}
.prodHeaderOverRel h2{color:#fff;}
.prodHeaderOverRel .also_see{color:#fff;}

.prod_cat{vertical-align:top;}
.prod_cat_tbl {text-align:center; font-size:10px;height:230px}
.prod_cat_tbl th h2 {margin:0;padding:0;font-size:14px;color:#fff;}
.prod_cat_tbl th{padding:5px}
.prod_cat_tbl_desc{padding:4px 5px;}
.prod_cat_tbl_footer {padding-top: 4px; padding-bottom: 4px; height: 65px; }
.also_see{color:#151456;}

.prod_related_cat_tbl{border:1px solid #d1d1d1; text-align:center; font-size:10px;height:278px}
.prod_related_cat_tbl th h2 {margin:0;padding:0;font-size:14px;}
.prod_related_cat_tbl th{padding:5px}
.prod_related_cat_tbl_desc{padding:4px;}
.prod_related_cat_tbl_footer {padding-top: 4px; padding-bottom: 4px; height:50px; align: bottom;}

/*Shop Buttons, currently used for Photo Gallery*/
#cta-large {
	font-weight:bold;
	margin-left:245px;
	padding:5px 20px 0px 0px;
	cursor:pointer;
	width:460px; height:24px;
	text-align:right; color:#1c73b5; font-weight:normal; font-size:16px; text-decoration:underline; line-height:1; vertical-align:middle; 
	background: url(/images/blue_arrow.png) no-repeat right; background-size: 12px;
}	
#cta-large:hover {color:#1c73b5; text-decoration:none; background: url(/images/blue_arrow.png) no-repeat right; background-size: 12px;}

#shopProductLineLink {color:#1c73b5!important;}
#shopProductLineLink:hover {color:#1c73b5!important;}

/*  Shopping Cart Styles */
.shopping_cart_tbl {margin-bottom:20px;}
.shopping_cart_tbl th{
	text-align:left;
	background-color:#0061aa;
	color:#FFFFFF;
	border-bottom: 0px solid #151456;
}
.shopping_cart_tbl a{text-decoration:none;}
.shopping_cart_tbl a:hover{text-decoration:underline;}
.shopping_cart_tbl td{ vertical-align:top; text-size:10px;}
.shopping_cart_tbl .top_links{
	color:#0061aa;
	padding-bottom:5px;
	background-color:#FFFFFF;
	font-weight: normal;
	border-bottom:1px solid #0061aa;
}
.shopping_cart_tbl .top_links a{margin-right:25px; text-decoration:underline;}
.shopping_cart_row{border:1px solid #0061aa;}

/*** Product Rating   ***/
table#prod-rating {margin-top:10px; border-collapse:collapse;margin-bottom:4px;}
#prod-rating th{color:#fff;font-size:11px;padding:6px 12px 2px 12px;font-weight:normal;text-align:center; background-color:#0061aa;border:1px solid #d1d1d1;}
#prod-rating td {text-align:center;border:1px solid #d1d1d1;}

/*** Swatch ***/
.swatch {width:100%;}
/*.swatch img:hover {border:1px solid #151456}*/
.swatch th { text-align: left; }
.swatch td { font-size:10px; color:#151456; text-align:center;  vertical-align: top; padding: 4px 4px; width: 80px; }
.swatch td.description { padding-bottom: 1px; }
.swatch td.action { padding-top: 1px; }

#greenSheets { vertical-align: top; padding-top: 12px; width: 200px; }
#greenSheets ul {padding:0;margin:0;padding-left:20px;} 
#customerSupport {vertical-align: top; width: 165px; }

/*** Products Section  ***/
#prod-detail {margin-bottom:10px;}
#prod-detail h1{margin-bottom:8px;}
#prod-detail td p {padding-bottom:10px;}
#prod-detail-image-right {float:left; width:300px;}
#prod-detail-rightcell {padding-left:20px;}

/*** Customer Service   ***/
#customer_service_tbl{}
#customer_service_tbl h2{padding:0;margin:0}
#customer_service_tbl h2 a{color:#5C6C46;text-decoration:none;border-bottom:1px solid #5C6C46;padding-bottom:1px;}
#customer_service_tbl h2 a:hover{text-decoration:none;border-bottom:1px solid #fff;}
#customer_service_tbl td{vertical-align:top;}
.customer_service {background-color:#F2F4F1; padding:7px;width:250px;}
img.CS_border {border:1px solid #999;}
#reasonSelection {margin-bottom:20px;}
table.contactUsForm td {padding-right:2px; padding-bottom:5px;}
table.contactUsForm td span.smalltext {font-size:9px;}

#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;}

#shipping_billing_tbl {}
#shipping_billing_tbl h2 {font-size:14px;}

#measuring-right-box h2{padding:0;margin:0}
#measuring-right-box{margin-top:12px;background-color:#F2F4F1;}

table.FaqChart {border-collapse:collapse;}
table.FaqChart th{text-align:center; padding:5px 10px 5px 10px; border-bottom:1px solid #000; }
table.FaqChart td{padding:3px 10px 3px 10px; text-align:center;}
table.FaqChart td.LeftTableCol{text-align:left;}

.where_buy{padding-bottom:25px;border-bottom:1px solid #F2F4F1;width:450px}

.check_out {margin-left: 88px;}

<<<<<<< .mine
.privacy_text {padding: 8px 3px 6px 25px; color:#484848; }
=======
>>>>>>> .r2981




#customer_service_tbl img {
	border: 1px solid #0061aa;
}


/* Product Detail Page - Tabs - Edited by BaliBlinds developers and taken from BaliBlinds current site*/
/******************************************************************************************************/
#FakedTabs .FakedTabbedPannels ul.tabs { margin:0; padding:0; white-space: nowrap; margin-bottom:2px; margin-top:14px; margin-right:3px;}
#FakedTabs .FakedTabbedPannels ul.tabs li { display: inline; list-style-type: none; margin:0; padding:0; margin-right:3px;}
#FakedTabs .FakedTabbedPannels ul.tabs li a { height: 15px; padding: 6px 12px; margin-right:3px; color:#151456; background-color: #d9dde1; text-decoration: none; font-size:12px; border-left: solid 1px #d1d1d1; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1; outline:none; position: relative; z-index: 5; }
#FakedTabs .FakedTabbedPannels ul.tabs li a.invalid { height: 15px; padding: 6px 12px; margin-right:3px; color:#999; background-color: #eee; text-decoration: none; font-size:12px; border-left: solid 1px #c0c0c0; border-bottom: solid 1px #d1d1d1; border-top: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; outline:none; position: relative; z-index: 5; }
#FakedTabs .FakedTabbedPannels ul.tabs li a.notSelected:hover { background-color:#eee; color:#151456; border-bottom:1px solid #d1d1d1; background-image:url(/images/bg_green_tile.gif); background-repeat:repeat-x;}
#FakedTabs .FakedTabbedPannels ul.tabs li a.selected { background-color:#eee; color:#151456; font-weight:bold; border-bottom:1px solid #fff; background-image:url(/images/bg_green_tile.gif); background-repeat:repeat-x;}
#FakedTabs .FakedTabbedPannels ul.tabs li p { font-weight: normal; white-space: normal; }
#FakedTabs .FakedTabbedPannels .FakedTabbedPannelsContent { border: 1px solid #d1d1d1; margin-top: 6px; padding: 10px 14px; }
#FakedTabs .productOption { clear: left; /*float: left;*/ margin-bottom: 25px; }
#FakedTabs .productOption h2 { color: #1C73B5; font-size: 14px; margin: 0 0 8px 0; padding: 0; }
#FakedTabs .productOption .selectedValue td { vertical-align: top; }
#FakedTabs .productOption .selectedValue img { border:1px solid #f2f2f2; }
#FakedTabs .productOptionValueTable { border: 1px solid #d1d1d1; color: #f2f2f2; font-weight: bold; }
#FakedTabs .productOptionValueTable ul { margin: 0; }
#FakedTabs .productOptionValueTable ul li { display: list-item; padding-bottom: 10px; }
#FakedTabs .productOptionValueTable img { border: 1px solid #f2f2f2; }
#FakedTabs div.productOptionImageList { float: left; }
#FakedTabs div.productOptionImageList table { display: inline; text-align: center; padding: 0 10px; }
#FakedTabs .selected { color: #f2f2f2; 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; }
#FakedTabs .productOptionValues { border: 1px solid #d1d1d1; color: #f2f2f2; font-weight: bold; float: left; vertical-align: middle; }
#FakedTabs .productOptionValues div { margin: 6px; float: left; height: 100%; }
#FakedTabs .productOptionValues img { border: 1px solid #f2f2f2; margin: 6px; }
#FakedTabs .productOptionValues ul { margin: 0; }
#FakedTabs .productOptionValues li { float: left; }
#FakedTabs img.swatchImg { border:1px solid #f2f2f2; }

/***************************** Order Entry Styles **********************************************/
#FakedTabsProductConfig {margin-top:6px;}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs { margin:0; padding:0; white-space:nowrap; margin-bottom:0px; margin-top:0px;}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li { height:12px; display:inline; list-style-type:none; margin:0; padding:0;}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a { 
	height:12px; 
	padding:1px 12px; 
	padding-top:1px; 
	margin-right:3px; 
	color:#151456; 
	background-color:#d9dde1; 
	text-decoration:none; 
	font-size:12px; 
	border-left:solid 1px #d1d1d1; 
	border-bottom:solid 1px #d1d1d1; 
	border-top:solid 1px #d1d1d1; 
	border-right:solid 1px #d1d1d1; 
	outline:none; 
	position:relative; 
	z-index:5; }
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a.invalid { 
	height: 12px; 
	padding: 1px 12px; 
	padding-top: 1px; 
	margin-right:3px; 
	color:#151456; 
	background-color: #d9dde1; 
	text-decoration: none; 
	font-size:12px; 
	border-left: solid 1px #c0c0c0; 
	border-bottom: solid 1px #d1d1d1; 
	border-top: solid 1px #c0c0c0; 
	border-right: solid 1px #c0c0c0; 
	outline:none; position: relative; z-index: 5; 
}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a.notSelected:hover { 
	height:12px; 
	padding:1px 12px; 
	padding-top:1px;
	margin-right:3px; 
	background-color:#ffffff; 
	color:#151456; 
	border-bottom:1px solid #d1d1d1; 
}
	
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li a.selected { 
	height:12px; 
	padding:1px 12px; 
	padding-top: 1px; 
	margin-right:3px; 
	background-color:#ffffff; 
	color:#151456; 
	font-weight:bold; 
	border-bottom:1px solid #fff; 
}
/*************   High level tabs **********************************/
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li.highleveltabs a { 
	height:12px; 
	padding:1px 12px; 
	padding-top:1px; 
	margin-right:3px; 
	color:#ffffff; 
	background-color:#004890; 
	text-decoration:none; 
	font-size:12px; 
	border-left:solid 1px #d1d1d1; 
	border-bottom:solid 1px #d1d1d1; 
	border-top:solid 1px #d1d1d1; 
	border-right:solid 1px #d1d1d1; 
	outline:none; 
	position:relative; 
	z-index:5; }
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li.highleveltabs a.invalid { 
	height: 12px; 
	padding: 1px 12px; 
	padding-top: 1px; 
	margin-right:3px; 
	color:#ffffff; 
	background-color: #004890; 
	text-decoration: none; 
	font-size:12px; 
	border-left: solid 1px #c0c0c0; 
	border-bottom: solid 1px #d1d1d1; 
	border-top: solid 1px #c0c0c0; 
	border-right: solid 1px #c0c0c0; 
	outline:none; position: relative; z-index: 5; 
}
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li.highleveltabs a.notSelected:hover { 
	height:12px; 
	padding:1px 12px; 
	padding-top:1px;
	margin-right:3px; 
	background-color:#3e76c1; 
	color:#ffffff; 
	border-bottom:1px solid #d1d1d1; 
}
	
#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li.highleveltabs a.selected { 
	height:12px; 
	padding:1px 12px; 
	padding-top: 1px; 
	margin-right:3px; 
	background-color:#3e76c1; 
	color:#ffffff; 
	font-weight:bold; 
	border-bottom:1px solid #fff; 
}
/******* End High level tabs ********/


#FakedTabsProductConfig .FakedTabbedPannels ul.tabs li p { font-weight: normal; white-space: normal; }
#FakedTabsProductConfig .FakedTabbedPannels .FakedTabbedPannelsContent { 
	border: 1px solid #d1d1d1; 
	margin-top: 1px; 
	padding: 8px; }
#FakedTabsProductConfig .FakedTabbedPannels .FakedTabbedPannelsContent h3 { 
	font-family: "Etica","Arial","Helvetica Neue","Helvetica",sans-serif;
	color: #0C0DC11;
	font-weight: 400;
	text-transform: uppercase; 
	font-size: 14px; 
	padding: 8px 0 4px 0; }
#FakedTabsProductConfig .productOption { clear: left; margin-bottom: 0px; margin-top: 0px; }

#FakedTabsProductConfig .productOption h2,
.option-name {
	font-family: "Etica","Arial","Helvetica Neue","Helvetica",sans-serif;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #0C0D11; 
	font-size: 16px; 
	margin: 25px 0 2px 0; 
	padding: 0;
	line-height:1.25;
	padding-bottom: 5px;
}
	
#FakedTabsProductConfig .productOption .selectedValue td { 
	vertical-align: top;
}

#FakedTabsProductConfig .productOption img {
	background:url("/images/costco_option_bckgrnd.jpg") no-repeat center;
	border: 1px solid #adafb2;
	height: 150px;
	width: 150px;}

#FakedTabsProductConfig .productOption .selectedValue img {
	border:1px solid #d1d1d1;
}

#FakedTabsProductConfig .productOption .noVisualization {
	color:#a2958a;
	margin-bottom: 10px;
	padding-top: 5px;
}
#FakedTabsProductConfig .productOption .noVisualization img { height: 14px; width: 14px; border:0; margin-left:10px; margin-bottom:-3px;  }

/********************      Set border to white and then switch to other class when error occurs        ********************/ 
#FakedTabsProductConfig .productOptionValueTable { border: 1px solid #fff; color: #333333; font-weight: bold; margin-bottom: 10px; }
#FakedTabsProductConfig .productOptionValueTable td.productInfoDescription {color: #000; font-size: 11px; font-weight: normal; line-height: 17px; vertical-align: top; }
#FakedTabsProductConfig .productOptionValueTable ul { margin: 0; }
#FakedTabsProductConfig .productOptionValueTable ul li { display: list-item; padding-bottom: 10px; font-weight:normal;}
#FakedTabsProductConfig .productOptionValueTable img { border: 1px solid #d1d1d1; height: 150px; width: 150px; cursor: pointer;}
/* ********************* */	
/* ****** This is to show the box with a red border ****** */	
#FakedTabsProductConfig .productOptionValueTableError { border: 2px solid #CC0000; color: #333333; font-weight: bold; margin-bottom: 10px; }
#FakedTabsProductConfig .productOptionValueTableError td.productInfoDescription {color: #000; font-size: 11px; font-weight: normal; line-height: 17px; vertical-align: top; }
#FakedTabsProductConfig .productOptionValueTableError ul { margin: 0; }
#FakedTabsProductConfig .productOptionValueTableError ul li { display: list-item; padding-bottom: 10px; }
#FakedTabsProductConfig .productOptionValueTableError img { border: 1px solid #d1d1d1; height: 150px; width: 150px; cursor: pointer;}	
/* ********************* */	
	
#FakedTabsProductConfig div.productOptionImageList { float: left; }
#FakedTabsProductConfig div.productOptionImageList table { text-align: left; padding: 0; }
#FakedTabsProductConfig .selected { color: #333; 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 #d1d1d1; }
#FakedTabsProductConfig .productOptionValueTable .colorRange  { width:8px; height:40px; border: 1px solid #d1d1d1; }
#FakedTabsProductConfig .productOptionValueTable .colorRangeSelected  { width:8px; height:40px; border: 4px solid #1c73b5; }
#FakedTabsProductConfig .FakedTabbedPannels a.orderEntryNext { color:#1C73B5; font-weight:bold; position:relative; top:-17px; left:590px; text-decoration:none;}
#FakedTabsProductConfig a.orderEntryNext {color:#1C73B5;font-weight:bold; position:relative; text-decoration:none; left:220px;}

/*.orderEntryContinue {position:relative; top:-15px; left:675px;}*/
a span.green_bold {color:#20943D; font-weight:normal;}
.reviewButtons { position: relative; top: -3px;}
.reviewVignette { position: relative; top: -1px;}
.optionError {color:#ff0000; font-weight:bold;}
.optionWarning {color:#1c73b5;font-weight:bold;}

#orderEntryPrices {
	width:233px;
	font-size:11px;
}

#orderEntryPrices #statusMessage {
	padding: 2px 2px; 
	background-color: #FFEEB9; 
	color: #000;
	float: right;
	font-size: 11px;
}
#orderEntryPrices #statusMessage p {
	margin:0px;
	padding:0;
}
.hideOptionGroup {display:none;}
.showOptionGroup {display:inline;}
.close2 {
background:transparent url(/images/close.gif);
background-repeat:no-repeat;
background-position:right;
height:13px;
width:13px;
border:none;
display:block;
cursor:pointer;
}

.tooltip2 {position: relative; margin-top:10px; margin-left:-115px; background:#FFFFFF; text-align:left; width: 225px; padding:3px 8px; color:#000; display: none; border:solid 1px #151456; z-index:25}
.tooltip2 a { text-decoration:none; }
.tooltip2 p {margin-bottom:15px; font-weight:normal;}

div.OrderSection-description {color:#a2958a;}
.additional-cost {font-size:9px; color:#20943D;}
div.videoProductInfoDescription {background:url(/images/flashIcon.gif) no-repeat left center; height:17px; margin-left:10px; padding-top:4px; padding-left: 20px;}
div.videoProductInfoDescription a {font-size:10px;}
div.pdfProductInfoDescription {background:url(/images/pdficon_small.gif) no-repeat left center; font-size:11px; height:17px; margin-left:10px; padding-top:4px; padding-left: 20px;}
div.floatRight { clear:right; float: right; text-align: right; }
div.clear { clear: both; padding: 0; }

/****    Site Map Page    ****/
#SiteMap div.SiteMapLinks {float:left; margin-right:50px;}
#SiteMap div.SiteMapLinks ul {line-height:14px; list-style:none; margin-bottom:15px;}
#SiteMap div.SiteMapLinks ul li ul {margin-left:3px;}
#SiteMap li.SiteMapGroup {font-size:12px; font-weight:bold; margin-bottom:5px; list-style:none;}
#SiteMap li.SiteMapGroup a {text-decoration:none;}
#SiteMap li.SiteMapGroup a:hover {text-decoration:underline;}
#SiteMap li.SiteMapSubGroup {margin-bottom:8px;}
#SiteMap li.SiteMapSubGroup ul {margin-bottom:0px;}

/****   Microsite Account Page ****/
.micrositeAccountForm{padding-right:2px; padding-bottom:5px;}
.forgotPasswordForm{padding-right:2px; padding-bottom:5px;}
.signInOrRegisterForm{padding-right:2px; padding-bottom:5px;}

/* Saftey */
#SafetyChart {border:1px solid #000000; border-collapse:collapse; width:730px; height: 766px; margin-left:5px;}
#SafetyChart th {text-align:center; font-size:11px; width: 45px; font-weight:normal; padding:5px; border:1px solid #000000;}
#SafetyChart td {border:1px solid #000000; text-align:center; padding:5px;}
#SafetyChart .SafetyCol1 {text-align:left; width:200px; padding:10px;}
#SafetyChart th.SafetyCol1 {text-align:center; font-size:14px; font-weight:bold;}

/*GraberDirect SlideShow*/
#fadeshow1 {
	margin: 0px 0px 0px 0px;
	float:none;
	z-index:1;
	background-color:#fff;
}

#fadeshow1toggler {
	 width:160px; 
	 margin:0px 0px 0px 25px;
	 clear:both;
	 position:absolute;
}
.control_tab {
	 width:100px; 
	 text-align:left; 
	 margin:0px 0px 0px 0px;
	 padding:5px;
	 background-color:#adafb2;
	 border: 1px solid #333;
	 border-top:0px;	 
	 color:#000;
	 font-size:12px;
	 -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;
	 box-shadow:0px 3px 3px 0px #adafb2;
 	 behavior: url(/PIE.htc);
}

.status {
	 width:100px; 
	 text-align:left; 
	 margin:0px 0px 0px 0px;
	 padding:5px;
	 background-color:#fff;
	 border: 1px solid #333;
	 border-top:0px;	 
	 color:#000;
	 font-size:12px;
	 -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;
	 box-shadow:0px 3px 3px 0px #adafb2;
	 behavior: url(/PIE.htc);
}

/* Motorization page */

#video-strip{clear:both; width:620px; border-top: 1px solid #fe6610; padding:10px; margin-top:20px;}
.video-control{display:inline-block; height:90px; width:34px; padding-top:30px; vertical-align:top;}
.video-thumb{
	display:inline-block; 
	height:120px; width:200px;
	border: 1px solid #000; 
	margin:0px 12px 0px 12px;
	opacity:.8;
	filter:alpha(opacity=80); /* for IE */	
	}
.video-thumb:hover{
	opacity:1;
	filter:alpha(opacity=100); /* for IE */	
	}
	
/*Complimentary Swatches Page*/
#swatchContainer{width: 720px; float:left;}
.swatchCol{width:163px; height:275px;  padding:5px; margin:0px 5px 0px 0px; float:left;}
.swatchTitle {width:163px; height:50px; margin-bottom:5px; background-image:url(/images/swatch_title_background.png); background-repeat: none;}
.swatchNumberSteps {float:left; font-size: 24px; color:#fff; margin:10px 0px 0px 18px;}
.swatchTitleSteps {float:left; font-size: 14px; color:#fff; margin:15px 0px 0px 24px;}

/*Swatches Hover State, Used on Style Pages and Order Entry*/
.swatchImg {width: 118px; display:inline-block;}
.swatchImg img {
	width:100px!important; height:100px!important;
	position:relative; bottom:0px; z-index:3;
	border:1px solid #777777;
	box-shadow:3px 3px 5px #fff;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	margin-bottom:3px;
	vertical-align:bottom;
	text-align:center;}
.swatchImg img:hover {width:200px!important; height:200px!important; position:relative; margin-left:-50px; margin-top:-100px; z-index:9; border:1px solid #000; box-shadow:3px 3px 5px #000;}
.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; margin-bottom:15px}
.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;}
.swatch td.description { padding-bottom: 1px; }
.swatch td.action { padding-top: 1px; }

/*Swatches and Options Selected and Not Selected in Order Entry*/
.config-option-selected {border:2px solid #1568b3; padding:5px; vertical-align:top; border-collapse:separate;}
.config-option-not-selected {border:2px solid #ffffff; 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;}

/*Checkout Bullets*/
.checkoutBulletsContainer{width:500px; margin-left:50px;}

/*Other stuff*/
.optionDescriptions ul {
	margin-left: 10px;
}

.optionDescriptions p {
	margin-bottom: 10px;
	padding-bottom: 0;
}

.learn-link > span > p {
	padding-bottom: 0;
	margin-bottom: 10px;
}

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

.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: 1px solid #94a187;
	color: #0d0e12;
	padding-bottom:3px;
	font-size: 11px;
	font-style: normal;
	line-height: 1.25;
	text-transform: uppercase;
	font-family: 'Etica', sans-serif;
	transition: all .2s ease;
	letter-spacing: 1px;
	display: inline-block;
	max-height: 17px;
	position: relative;
}
.help-popup-button-text::after {
    position: absolute;
    height: 2px;
    bottom: -1px;
    left: 0;
    right: 0;
    content: '';
    background-color: #4b6c71;
    transform: scaleX(0);
    transform-origin: left;
    transition: all .2s ease;
}

.help-popup-button-text:hover::after {
	transform: scaleX(1);	
}

.help-popup-button-text:hover {
	color: #4b6c71;
	background-color: transparent;
}

.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 {
	font-family: 'Etica';
	margin-top: 0;
	margin-bottom: .5rem;
	font-size: 16px;
	line-height: 26px;
	padding-top: 1rem;
	color: #0C0D11;
}

.help-popup p {
	line-height: 22px;
	font-size: 14px;
	font-family: "Etica",sans-serif;
	line-height: 1.43;
	font-weight: 300;
}

.help-popup ul {
	padding-left: 16px;
	margin-bottom: 20px;
	padding-top: 6px;
}

.help-popup li {
	font-size: 14px;
	color: #0C0D11;;
	line-height: 1.43;
	font-family: "Etica",sans-serif;
	font-weight: 300;
}

.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 {
	width: 100% !important;
	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%;
}

.style-info {
	margin-bottom: 25px;
}

.style-info ul {
	padding-left: 10px;
}

.style-info ul > li {
	margin-bottom: 5px;	
}

.product-styles-preview-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}

.style-preview {
	flex-basis: 225px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 40px;
	justify-content: space-between;
	margin-right: 1.2rem;
	
}

.style-title {
	font-family: 'Etica', sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1.33px;
	color: #0C0D11;
}

.product-line-heading {
	font-family: 'CapitoliumHead2-Light',serif;
	font-size: 30px;
}

.product-line-description p {
	font-family: "Etica",sans-serif;
	line-height: 1.43;
}

.product-line-description .all-caps {
	color: #0C0D11;
	text-transform: uppercase;
}

.style-image {
	width: 100%;
	margin-bottom: 10px;
}

.style-description {
	margin-bottom: 10px;
}

.style-description ul {
	padding-left: 10px;
}

.style-description ul > li {
	margin-bottom: 5px;
}

.action-buttons {
	display: flex;
	flex-direction: column;
}

.order-btn {
	background-color: #6D969D;
	padding: 10px;
	color: #FCFCFC !important;
	text-decoration: none;
	min-width: 120px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	text-transform: uppercase;
}

.order-btn:hover {
	background-color: #4c6c71;
}

.view-swatch-btn {
	color: #0C0D11 !important;
	padding: 10px;
	border: 1px solid #6d969d;
	text-decoration: none;
	min-width: 120px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	text-transform: uppercase; 
	background:none;
}

.view-swatch-btn:hover {
	background-color: #c5d2d5;
	color: #667d83 !important;
}