/* purple: #574E70 */
/* gray: #666 */
/* light-gray: #DDD */
/* transparent-aubergine: #100020 */
/* Grid: 12*56/24  Columns*Unit/Gutter */

/* ========== */
/* = Layout = */
/* ========== */

body {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	background-color: white;
	padding: 0px;
	/* Build column */
	height: 100%; 
	margin: 0; 
  text-align: center; /* for IE7 */
}

#wrapper { 
	/* Build column */
	padding: 0px 20px 0px 44px;
	background-color: white;
  width: 960px; /* 936 + 24 normal width plus gap taken from padding for float margin */
  margin: 0 auto;
  text-align: left;
}

#header { text-align: center; width: 936px; margin-top: 24px; font-family: helvetica, sans-serif; position: relative; }
#header p:first-child { margin-bottom: 24px; }
#header_left, #header_right { text-align: left;  line-height: 24px; position: absolute; }
#header_left { top: 0px; left: 0px; }
#header_right { top: 0px; right: 0px; }
#header_right div { float: right; }
#header_right a { margin-left: 20px; }

#main_menu { line-height: 17px; font-size: 11px; }

#menu_popup { 
	height: 200px; 
	width: 228px; /* 296 - padding - borders */
	border: 10px solid #DDD; 
	margin-left: 640px; /* Because float doesn't work with position absolute */
	margin-top: 30px; 
	position: absolute; 
	display: none; 
	padding: 24px; 
	background-color: white; 
	z-index: 1000; 
}

input[name='keywords'], input[name='email_capture'] { 
	color: black; 
	background-color: #DDD;
	border: 0px; 
	font-size: 10px;
	font-family: helvetica, sans-serif;
/*	margin: 0px;*/
	padding: 3px;
	height: 11px;
	width: 130px;
}

.ok_btn { 
	position: relative;
	left: 10px;
	top: 5px;
	height: 16px; width: 30px;
	background-image: url('/layout_images/ok_btn.gif'); 
	background-repeat: no-repeat; 
	display: inline-block; 
	background-position: left top; 
}
.ok_btn:hover { background-position: left bottom; }

img { border: 0px; }

hr { border: 0px; height: 1px; background-color: #666; clear: both; margin: 0px 0px 10px 0px; }
hr.thick { height: 10px; background-color: #DDD; margin: 6px 0px; }

#hershesons_logo { margin-bottom: 10px; padding: 0px; font-size: 50px; }
.georgia_header, .about_us_quote, #cart_table th, #order_history th { 
	color: #574E70; font-family: 'FunctionProBook', sans-serif; font-weight: normal; font-style: normal; 
	font-size: 18px; line-height: 20px; margin: 0px; clear: both; letter-spacing: 2px; 
}
.champagne_header { font-family: 'EngraversGothicFSExtended'; letter-spacing: 2px; font-size: 20px; line-height: 20px; color: #574E70; font-weight: normal; }
h1.champagne_header { margin-top: 0px; }

select { color: white; background-color: #666; border: 0px; width: 124px; margin-bottom: 5px; }

a { color: #574E70; text-decoration: underline; }
h1 a, h2 a, h3 a, a img, .add_to_basket, .add_to_wishlist { text-decoration: none; }
a:hover { color: #666; text-decoration: none; }
#main_menu a { font-family: 'EngraversGothicFSExtended'; color: #666; text-decoration: none; font-size: 14px; letter-spacing: 2px; }
#main_menu a:hover { text-decoration: underline;}
/*a.active_link { font-weight: bold; color: #574E70; text-decoration: none; }*/
#main_menu a.active_link { color: #333; text-decoration: none; }

#footer { width: 936px; font-family: courier, monospace; font-size: 11px; clear: both; margin-top: 20px; position: relative; }
#footer_links { line-height: 14px; float: left; }
#ch, #cards { margin-bottom: 10px; position: absolute; right: 0px; top: 20px; }
#ch { top: 60px; }
#ch_logo { background-image: url('/layout_images/CH_WebLogo.gif'); display: inline-block; width: 30px; height: 30px; margin-bottom: -13px; }

.small_box { float: left; width: 296px; margin-right: 24px; margin-bottom: 24px; }
.recommended_item { float: left; width: 136px; height: 165px; padding-top: 10px; }
.recommended_item span { display: block; margin-top: 10px; }

.disruptor { 
	font-family: 'FunctionProBook', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
	color: white;
	background-color: #574E70; 
	border: 5px solid white; 
	padding: 12px 5px 12px 5px; 
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	width: 30px;
	height: 16px;

	position: relative;
	left: 232px;
	top: 60px;
	margin-top: -50px;
/*	bottom: 183px;*/
/*	margin-bottom: -50px;*/
}

.important { color: red; }
.positive { color: green; }
.price { font-family: 'FunctionProBook', sans-serif; font-size: 18px; color: #574E70; font-weight: 600; }
.price-was { color: red; font-size: 14px; font-weight: normal; }

#details_viewer { float: left; margin-bottom: 20px; }
#details_viewer_controller {
	background-color: #100020; background-color: rgba(16,0,32,0.6);
	width: 548px; height: 60px; 
	padding: 10px; 
	position: relative; left: 24px; top: -104px; 
	margin-bottom: -80px; 
}
.jFlowControl:hover { cursor: pointer; }
#magnify_icon { float: right; }
.detail_commands { float: left; width: 124px; padding-right: 24px; margin-bottom: 20px; margin-top: 10px; }

.details-table { padding: 0px; }
.details-table td { vertical-align: top; width: 148px; padding-bottom: 20px; }

.swatch { padding-bottom: 1px; margin-right: 6px; letter-spacing: 0px; line-height: 30px; }
.swatch:hover { border-bottom: 1px solid #574E70; }
.swatch img { width: 32px; height: 24px; }

#cart_table { border-collapse: collapse; width: 936px; }
#cart_table td, #cart_table th { width: 150px; vertical-align: top; text-align: left; border-top: 1px solid #666; padding: 10px 10px 10px 0px; }

.unit .add_to_basket img, .unit .add_to_wishlist img { position: relative; top: 12px; }
.unit h2 { margin: 0px; height: 50px; }

.yt_player:hover, .yt_player { border-bottom: 0px; text-decoration: none; display: block; font-size: 0px; line-height: 0px; }

.footer_float { float: left; margin-top: 5px; width: 160px; }

.float-right { float: right; margin-bottom: 0px; }

.additional-box { width: 296px; margin-bottom: 24px; }

#content { padding-top: 10px; position: relative; }

/* ==================== */
/* = networks buttons = */
/* ==================== */

.social_link {
	background-image: url(/layout_images/social_networks.gif);
	background-repeat: no-repeat; 
	display: inline-block;
/*	float: left;*/
	margin-top: 10px;
	margin-right: 5px;
	width: 13px; height: 13px;
}

.twitter { background-position: right top; }
.facebook { background-position: left top; }
.twitter:hover { background-position: right bottom; }
.facebook:hover { background-position: left bottom; }

/* ================== */
/* = Menu dropdowns = */
/* ================== */

li { list-style: none; }

#main_menu { display: block; text-align: center; padding: 0px; margin: 0px; }
#main_menu > li { display: inline-block; padding: 10px; position: relative; }
/*#main_menu > li.li_bull { margin: 0px 20px; }*/
#main_menu li a { display: inline; white-space: nowrap; }
/*#main_menu > li.expendable { padding: 10px 20px; }*/

#main_menu li ul
{	
	margin: 0px;
	padding: 10px 0px;
	position: absolute;
	display: none;
	width: 300px;
	z-index: 200;
	background-color: #DDD;
	left: 0px;
	top: 38px;
}

#main_menu li ul li {
	text-align: left;
	float: none;
	display: block;
	white-space: nowrap;
	padding: 2px 20px;
}

#main_menu li ul li:hover {
	background-color: #666;
}
#main_menu li ul li a { font-size: 14px; }
#main_menu li ul li:hover a { color: white; text-decoration: none; }

/* ============ */
/* = Homepage = */
/* ============ */

#full_width_video object { margin-top: 4px; }

.homepage_image { margin-bottom: 12px; font-size: 0px; }
.purple_hover { position: absolute; left: 0px; top: 0px; display: none; }

.feature_box { width: 296px; margin-bottom: 24px; }

#news_feeds { margin-bottom: 12px; width: 936px; }
#news_feeds_inner { white-space: nowrap; font-size: 12px; }

/* ======== */
/* = Blog = */
/* ======== */

.blog_side_title { text-decoration: underline; color: #574E70; }
#blog_header { text-align: center; margin: 24px 0px; }

#blog_menu, #blog_posts, #blog_category_menu { float: left; }
#blog_menu, #blog_posts { margin-right: 24px; }
#blog_menu, #blog_category_menu { width: 216px; }

#blog_posts { width: 456px; }
#blog_category_menu { text-align: right; }
#blog_categories, #blog_date_list { padding-left: 0px; }

#blog_menu input { margin: 10px 0px 18px 0px; }
#blog_menu form { width: 216px; }

.blog_post { border-bottom: 1px solid #666; margin-bottom: 24px; padding-bottom: 24px; }
.blog_post:last-child { border: 0px; }
.blog_date, .blog_title { text-align: center; }
.blog_title { font-size: 16px; font-weight: normal; margin-top: 0px; }
.blog_title a { color: #666; }
.blog_title a:hover { text-decoration: underline; }
.blog_article img { max-width: 456px; }
#view_more { margin-bottom: 24px; text-align: center; }

#comment_email { display: none; }
#comment_form textarea, #comment_form input { color: #574E70; background-color: #DDD; border: 0px; width: 456px; font-family: courier, monospace; }
#comment_form textarea { resize: none; }
#comment_form input[type=submit] { width: auto; background-color: transparent; padding: 0px; margin: 0px 0px 24px 0px; }
#comment_form input[type=submit]:hover { cursor: pointer; text-decoration: underline; }

/* =========== */
/* = Contact = */
/* =========== */

#contact_left { float: left; width: 296px; }
#contact_right { float: left; width: 616px; margin-left: 24px; }
#contact_right > div, #contact_right > img { float: left; width: 296px; }
#contact_right > img { margin-right: 24px; }
#salons_footer { margin-left: 320px; margin-bottom: 24px; }

.book-online { font-family: sans-serif; font-weight: bold; text-decoration: none; font-size: 13px; color: #574E70; }
.book-online:hover { color: black; }

/* ======== */
/* = Cart = */
/* ======== */

.image_btn { display: inline-block; height: 20px; background-repeat: no-repeat; background-position: left top; }
.image_btn:hover { background-position: left bottom; }
#cart_continue { width: 135px; background-image: url('/layout_images/continue_btn.gif'); }
#cart_clear { width: 119px; background-image: url('/layout_images/clear_btn.gif'); }
#cart_checkout { width: 84px; background-image: url('/layout_images/checkout_btn.gif'); float: right; margin-right: 24px; }

/* ============ */
/* = Checkout = */
/* ============ */

.checkout_step { display: inline-block; width: 630px; background-color: #574E70; color: white; margin-bottom: 5px; padding: 3px; }
.checkout_step:hover { color: white; text-decoration: none; background-color: #DDD; }
iframe { border: 0px; width: 616px; height: 600px; }

#old_order_summary { float: right; width: 290px; margin-right: 24px; }
#old_summary_table { font-family: 'andale mono', courier, monospace; font-size: 10px; border-collapse: collapse; width: 290px; }
#old_summary_table th { font-weight: normal; border-top: 1px solid #666; border-bottom: 1px solid #666;}

.old_checkform, .checkout_step { clear: left; float: left; }
.old_checkform > div { border-top: 1px solid #666; max-width: 936px; padding: 20px 0px; }

/* --- */

.error-list, .required { color: red; }
#checkform { font-family: helvetica, arial, sans-serif; width: 640px; height: 100%; } /* 616+24 */
#checkform h2 { clear: both; margin-top: 0px; }
.floatzone { overflow: auto; margin: 24px 0px; }
.floatzone > div { float: left; margin-right: 24px; }
.floatzone > div { width: 136px; }
.floatzone > div input[type=text], 
.floatzone > div input[type=password],
#customer-password,
#customer-password-again { width: 130px; border: 1px solid #888; padding: 2px; }
.floatzone > div.field-long { width: 296px; }
.floatzone > div textarea, 
.floatzone > div select, 
.floatzone > div input[name='customer[email]'],
.floatzone > div input[name='login[email]'],
.floatzone > div input[name='login[password]'],
.floatzone > div input[name='billing[city]'], 
.floatzone > div input[name='shipping[city]'], 
.floatzone > div input[name='order[voucher_code]'],
#customer-password,
#customer-password-again { width: 290px; padding: 2px; }

#checkform > hr { clear: both; width: 616px; margin: 10px 0px 24px 0px; }

#guest-or-login, #sign-in-form { display: none; }

#deliver-same-or-not { margin-top: 24px; }

#checkform > div#address-list-billing, 
#checkform > div#address-list-billing select, 
#checkform > div#address-list-shipping,
#checkform > div#address-list-shipping select { width: 616px; }

#order-summary { float: right; width: 296px; margin-right: 24px; }
#summary-table-wrapper { background-color: #574E70; padding: 10px; position: absolute; }
#summary-table { font-family: arial, verdana, sans-serif; font-size: 11px; border-collapse: collapse; width: 276px; background-color: #574E70; color: white; }
#summary-table th, #summary-table td { font-weight: normal; border-bottom: 1px solid white; vertical-align: top; padding: 10px 0px; }
#summary-table tr.total th { border-top: 10px solid white; border-bottom: 0px; }
#summary-table .quantity { padding: 10px; }
#summary-table th { font-family: 'FunctionProBook'; font-size: 18px; letter-spacing: 2px; text-align: left; }

#customer-div, #sign-out { margin-bottom: 24px; }

/* ============= */
/* = Hair Tips = */
/* ============= */

#hair_tips_list { clear: both; }
#hair_tips_list .tip, #hair_tips_list a img { float: left; margin: 10px 0px; }
#hair_tips_list .tip { margin-left: 10px; width: 166px; }
.hair_tip { width: 296px; height: 170px; }

.associated_product { float: left; }
/*.player_commands { margin-bottom: 10px; }*/

/* ================ */
/* = Blow Dry Bar = */
/* ================ */

#shopthelook { position: absolute; top: -40px; left: -142px; }

.blow_dry_bar_style { margin: 0px 24px 24px 0px; display: block; float: left; overflow: hidden; }
.blow_dry_bar_style:hover {cursor: pointer;}
.blow_dry_bar_zoom { position: absolute; display: none; margin: 0px; padding: 0px; z-index: 1000;}
.blow_dry_bar_info { padding: 0px; width: 216px; height: 216px; background-color: white; }
.blow_dry_bar_info h2 { margin-top: 0px; }

/* ============== */
/* = My Account = */
/* ============== */

#order_history, #address_book, #wishlist, #account_summary_table { border-collapse: collapse; }
#order_history tr, #address_book tr, #wishlist tr, #account_summary_table tr { border-top: 1px solid gainsboro; }
#order_history tr:hover, #address_book tr:hover { background-color: gainsboro; }
#order_history tr:hover { cursor: pointer;}
#order_history td, #address_book td, #wishlist td, #account_summary_table td, #account_summary_table th { width: 234px; vertical-align: top; padding: 5px; }
#order_history th { text-align: left; padding: 5px;}

#address_book td { width: 150px; }
#wishlist td { width: auto; }
#account_summary_table td, #account_summary_table th { width: auto; font-weight: normal; }

#my-account-new-customer input[type=text] { width: 290px; }

/* ========= */
/* = Error = */
/* ========= */
.error_label
{
	font-weight: bold;
}
.error_form { color: red; }

/* ============ */
/* = fancybox = */
/* ============ */

#fancybox-inner { text-align: left; }

/* =============== */
/* = Fix addThis = */
/* =============== */

#ateml { border: 0px; padding: 0px; }

/* =========== */
/* = Tooltip = */
/* =========== */

#tooltip {
	position: absolute;
	background-color: white; color: black;
	padding: 6px;
	display: none;
	border: 1px solid black;
	white-space: nowrap;
	font-family: helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 11px;
}