/* THE MOST COMMON STYLES FOR THE BASE TEMPLATE OF THE WHOLE APRILAIRE SITE */

* { padding: 0; margin: 0; 
	nt-size: 100.1%; }

html
{
	width: 100%;

	background-color: #ddd;
	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 10pt;
}

body
{
	position: relative; /* To make absolute positioning inside the block possible */

	width: 760px;
	
	margin-left: auto;
	margin-right: auto;
	
	background-color: #fff;
}

body ul * { overflow: hidden; }

.centered { width: 100%; }

.hourstitle { color: #003b6e;
	font-family:Georgia; font-size: 12px; font-weight: bold; }
	
div.clearer /* This is for IE right displaying floating blocks */
{
	height: 0;
	line-height: 0;
	font-size: 0;

	clear: both;
}

/* Page header */

#top #header
{
	width: 100%;
	height: 131px;
	
	margin-bottom: 3px;
	
	border-bottom: 2px solid #ccc;
		
	background-color: #fff;
	
	background-image: url("../img/header/header_back.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#top #header a#logo
{
	display: block;
	position: absolute;

	top: 54px;
	left: 17px;
}

#top #header a#logo img
{
	width: 178px;
	height: 68px;
	
	border: none;
}

#top #header img#email_pic
{
	position: absolute;
	
	left: 490px;
	top: 85px;
	
	width: 100px;
	height: 22px;
}

/* Menu parameters */

#top #menu
{
	position: relative;

	width: 597px;
	height: 35px;
	
	margin-bottom: 3px;
	
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	
	background-image: url("../img/menu/menu_gradient.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#top #menu.width_100 { width: 100% !important; }

/* List of links */

#menu ul { position: absolute;
	right: 20px; top: 8px;	
	list-style: none; }

#menu ul li { display: inline; } /* Making list of links displayed inline */

#menu ul li a
{
	color: #999;

	font-size: 8pt;
	font-weight: bold;

	margin-right: 4px;

	text-decoration: none;
	text-transform: uppercase;
}

#menu ul li.active a
{
	color: #000;
	
	text-decoration: underline;
}

/* Right navigation block */
/* It is used only on the home page */

#right_nav
{
	position: absolute;
	
	right: 0;
	top: 72px;
	
	width: 161px;
	height: 106px;
	
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;

	background-color: #fff;
}

#right_nav #find_dealer
{
	height: 57px;
	
	padding-top: 2px;
	padding-left: 5px;
	
	border-bottom: 1px solid #ccc;
}

#right_nav #search_parts
{
	height: 42px;
	
	padding-top: 2px;	
	padding-left: 5px;
}

/* Images settings */

#right_nav img { display: block; }

#right_nav img#find { width: 140px; height: 13px; }
#right_nav img#search { width: 114px; height: 15px; margin-bottom: 2px; }

/* Text input fields and their label styles */

#right_nav label#postal_code_label
{
	display: block;
	color: #996;

	margin: 0;

	font-family: Georgia, serif;
	font-size: 9pt;
	font-weight: bold;
	
	letter-spacing: -0.05em;	
	word-spacing: 0.05em;
}

#right_nav input#postal_code
{
	width: 106px;
	height: 17px;
	
	border: 1px solid #ccc;
}

input.search_text
{	
	width: 106px;
	height: 17px;	

	border: 1px solid #ccc;
}

/* 'Shop' right-aligned panel style */
/* It is used on all pages instead of 'home' page */

#shop_panel
{
	position: absolute;

	width: 161px;
	left: 597px;
	top: 178px;
	
	border-left: 2px solid #ccc;
}

#shop_panel .shop
{
	padding-left: 5px;
	padding-top: 10px;
	
	border-top: 2px solid #ccc;
	
	background-image: url("../img/shop_panel/shop_bg.png");
	background-repeat: repeat-x;
}

#shop_panel #misc_shop
{
	padding-bottom: 20px;
}

/* Images styles */

.shop img
{
	display: block;

	height: 15px;
}

img#hums_shop_pic { width: 126px; }
img#cleaners_shop_pic {	width: 132px; }
img#misc_shop_pic { width: 144px; }

/* Link lists parameters */

.shop ul { margin-top: 10px; }

/* Navigation list elements style */

.shop ul li
{
	list-style: none;
	
	/* The following is to make 'list marker' correctly displayed in all browsers */
	padding-left: 10px;
	background-image: url("../img/shop_panel/listmarker_inactive.png");
	background-position: 0 5px;
	background-repeat: no-repeat;
}

.shop ul li a
{
	color: #999;

	text-decoration: none;
}

/* Navigation list element with of 'active' class style */

.shop ul li.active { background-image: url("../img/shop_panel/listmarker_active.png"); }

.shop ul li.active a
{
	color: #000;
	
	font-weight: bold;
}

/* Form parameters */

.shop form
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.shop form input
{
	display: inline;
	
	height: 19px;
	line-height: 19px;
	
	vertical-align: middle;	
}

.shop label
{
	display: block;
	
	color: #999;
	
	font-size: 9pt;
	font-weight: normal !important;
	word-spacing: -0.05em;
}

/* Content block */

#content { border-top: 2px solid #ccc; }

#content #h3px /* This is to make 3px white space between content & footer */
{
	clear: both;
	
	height: 3px;
	
	/* The following 2 lines are made to prevent IE from parasite increasing the height of the block */
	
	line-height: 3px;
	font-size: 0;
	
	border-top: 2px solid #ccc;	
}

#content #main_content /* Main left-floated content container */
{
	float: left;

	width: 567px;
	min-height: 343px !important; 
	height: 100% !important; height: 343px;	
	
	padding: 15px;
	
	border-right: 2px solid #ccc;
}

#content.width_100 { width: 760px;
	min-height: 599px !important; height: auto !important; height: 599px; }

#content.width_100 #first_column { float: left;
	width: 500px; min-height: 535px; height: auto !important; height: 535px;
	padding: 15px 10px; }
	
#content.width_100 #second_column { float: left;
	width: 110px; min-height: 535px; height: auto !important; height: 535px;
	padding: 15px 10px; }

#content #main_content #content_title /* Content title */
{
	height: 24px; /* This is needed because floated blocks are outside the normal stream! */
	line-height: 22px;

	margin-bottom: 15px;

	border-bottom: 1px solid #ccc;
}

#content #main_content #content_title h1 /* Content header style */
{
	float: left;

	color: #6698a8;
	
	font-family: Georgia, sans-serif;
	font-size: 16pt;
	font-weight: normal;
}

#content #main_content h2 /* Header with background gradient style */
{
	display: block;
	
	clear: both;
	float: left;

	width: 540px;
	
	height: 20px;
	line-height: 20px;
	
	vertical-align: middle;

	padding-left: 10px;
	
	color: #fff;
	
	background-image: url("../img/account/header_gradient.png");
	background-repeat: repeat-y;
	
	font-family: Arial, serif;
	font-size: 11pt;
	font-weight: bold;
}

#content #main_content h3
{
	display: block;
	
	margin-bottom: 10px;
	
	font-size: 10pt;
	font-weight: bold;
}

#content #main_content h3.inline { display: inline; }

/* Hyperlink properties */

#main_content a	
{
	color: #993;
	text-decoration: underline;
}

/* 2-column content layout that is used on all pages */

div.container
{
	float: left;
	clear: both;

	width: 562px;

	margin: 10px 0;
	padding-left: 5px;
}

div.column 
{ 
	float: left;

	width: 90%; /* This is to make IE displaying floating blocks correct */
	
	margin-bottom: 10px;
}
div.column.first { clear: both; }

/* 'border: none !important;' is to prevent IE bugs! :( */

div.column.info { width: 160px; border: none !important } /* Columns for 'billing info' and 'shipping info' */
div.column.forms { width: 260px; border: none !important; } /* Columns containing forms */

div.column.info h4
{
	margin-bottom: 10px;

	font-size: 11pt;
	font-weight: bold;
}

div.column.info ul 
{ 
	margin-left: 10px;

	list-style: none; 
}

div.column.passwords { width: 150px; } /* Column layout for 3-column change password part of the 'edit account' form */
div.column.passwords input.text_field { width: 130px; }

/* Form parameters */

form legend { display: none; } /* Legend is not used */

form label, form label input, form label select { display: block; }
form label.inline { display: inline; }

/* Extra thin white space between 2 labels at the top of 'edit account' form */
div.column.forms label.no_space { margin-top: -12px; }

form label
{
	margin-bottom: 10px;

	font-size: 9pt;
}

form label span.comment
{
	font-size: 8pt;
	font-weight: normal;
}

form label .text_field
{
	width: 208px;
	height: 18px;
	
	border: 1px solid #ccc !important;
}

form label textarea.text_field { display: block;
	width: auto !important; height: auto !important; }

form select option { display: block !important; } /* To prevent inline displaying of options in select fields! */

form input.exp_date, form select.exp_date { width: 64px !important; }
span.block { display: block; } 
	
form input.inline { display: inline; margin-left: 20px; } /* This is to make checkbox labels near them at the same line */
form input.inline.first { margin-left: 5px; border: none !important; }
form input.inline.no_margin { margin: 0; }

/* Font properties for all text-fields in all forms */

form input { font-size: 11pt; }
form fieldset { border: none; }

/* Button properties */

input.button, a.button
{
	display: block;
	float: left;
	clear: both;

	width: 118px;
	height: 19px;
	
	color: #fff !important;

	border: none;
	
	line-height: 19px;
	vertical-align: middle;

	font-family: Arial, serif;
	font-size: 8pt;
	font-weight: bold;

	text-align: center;
	text-transform: uppercase;
	text-decoration: none !important;
}

/* Common colors for buttons */

a.button.blue, input.button.blue { background-color: #406c92; }
a.button.grey, input.button.grey { background-color: #ccc; }
a.button.dark_grey, input.button.dark_grey { background-color: #999; }
a.button.to_cart { width: 95px; }

.button.left_floated
{
	float: left !important;
	clear: none !important;
	
	margin-left: 5px;
}

.button.right_floated
{
	float: right !important;
	clear: none !important;
	
	margin-right: 5px;
}

.button.no_margin { margin: 0 !important; }

input.button.go /* This 'go' button is used practically in all forms */
{
	float: none !important;
	display: inline !important;

	width: 28px;
}

/* Footer block */

#footer
{
	clear: both;

	height: 64px;
	
	border-top: 2px solid #ccc;
	
/*	background-image: url("../img/footer/footer_gradient_green.png");*/
	background-repeat: repeat-x;
	background-position: top left;
}

#footer img#quick_links
{
	display: block;

	width: 318px;
	height: 21px;
	
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
}

#footer #footer_links
{
	margin-top: 8px;

	text-align: center;
	
	/*word-spacing: 0.5em;*/
}

#footer #footer_links a
{
	color: #999;
	
	word-spacing: normal;
}

/* 'Forgot password' block */
#forgot_pass
{
	width: 200px;
	
	margin-top: 20px;
	
	font-size: 9pt;
}

#forgot_pass h4
{
	display: block;
	
	margin-bottom: 10px;
	
	font-size: 10pt;
	font-weight: bold;
}

/* CART CHECKOUT SECTION */

#main_content { position: relative !important; } /* To make possible absolute positioning of the '#checkout_indicators' block */
#content_title { margin-bottom: 50px !important; } /* To prevent coverage of '#content_title' and '#checkout_indicators' */

/* Checkout Indicators */

#checkout_indicators
{
	position: absolute;

	height: 40px;
	
	top: 35px;
	left: 305px;
}

.indicator
{
	float: left;

	width: 65px;
	
	text-align: center;
	
	color: #416d93;
	font-weight: bold;
	font-size: 8pt;
}

div.active, div.inactive
{
	width: 10px;
	height: 10px;
	
	margin-left: auto;
	margin-right: auto;
	
	line-height: 10px;
	font-size: 0;
}

div.active 
{
	background-color: #416d93; 
	border: 1px solid #416d93;
}
	
div.inactive {
	background-color: #fff;
	border: 1px solid #ccc;
}

span.grey
{
	display: block;
	
	color: #999;
}

/* Column with borders styles */

.column.bordered
{
	width: 280px !important;

	margin-left: -2px;

	border-left: 2px solid #ccc !important;
}

.column.bordered.first 
{ 
	border-left: none !important;
	border-right: 2px solid #ccc !important; 
}

.column.bordered h3 /* Column header style */
{
	display: block;
	
	width: 275px;
	
	height: 20px;
	line-height: 20px;
	
	margin-left: 2px;
	margin-bottom: 10px;
	
	text-align: center;
	
	color: #fff;
	font-size: 11pt !important;
	font-weight: bold;
	
	background-image: url("../img/cart/header_gradient.png");
	background-repeat: repeat-y;
}

.column.info.wide { width: 220px !important; }

.inner_block /* A block inside '.bordered' column, this is to make paddings */
{
	width: 85%;
	
	margin: 0 auto;
}

.button.continue_checkout
{
	float: right !important;
	clear: both !important;
	
	margin-top: 20px;
}

.button.cart { width: 105px !important; }
.button.small { width: 54px !important; margin-top: 10px; margin-bottom: 10px; } /* Buttons 'apply' and 'edit */
a.button.white, input.button.white 
{ 
	width: 220px; 

	margin-bottom: 10px;
	margin-top: 10px;
	
	color: #000 !important; 
	background-color: #fff; 
	
	border: 1px solid #ccc; 
}

.inner_block .column { margin-bottom: 20px; }

#main_content p { margin-bottom: 20px; }
#main_content span.bold { font-weight: bold; }

.button.create_new_account { width: 140px !important; margin-bottom: 20px; }

li.spacer { height: 20px; line-height: 20px; }

/* Table properties */

/*
table
{
	width: 540px;

	margin-bottom: 20px;
	
	table-layout: fixed;
	
	border-spacing: 0;
	border-collapse: collapse;
}
*/
tr.header
{
	width: 540px;

	height: 20px;
	line-height: 20px;
	
	vertical-align: middle;

	padding-left: 10px;
	
	color: #fff;
	
	background-color: #999;
/*	background-image: url("../img/account/header_gradient.png");*/ /* This just can't be correctly displayed in all browsers */
	background-repeat: repeat-y;
	background-position: 200px;
	
	font-family: Arial, serif;
	font-size: 11pt;
	font-weight: bold;
}

table#shopping_cart_list tr.header.bottom
{
	font-size: 10pt;

	color: #ff6 !important; 
}


td { padding-left: 10px; padding-top: 10px; width: 260px; }
tr.header td { padding-top: 0; }
td ul { list-style: none; }

td#product { width: 210px; }
td#in_stock, td#qty, td#price { width: 70px !important; }
td#total { width: 80px !important; }

/* Table with total prices */

table#total
{
	margin-left: 295px;

	width: 240px !important;
	table-layout: fixed;
}

table#total.place_order { margin-left: 310px; } /* Page specific margin */

table#total td { line-height: 15px; vertical-align: top; }

table#total tr.total_due
{
	font-size: 12pt;
	font-weight: bold;
	
	text-transform: uppercase;
}

table#total td#total_header { width: 140px; }
table#total td#total_price { width: 85px; }

p#completing_order_warning
{
	float: left;
	
	width: 300px;
}

/* Table with shopping cart list */

table#shopping_cart_list
{
	width: 540px;
	table-layout: fixed;
	
	border-spacing: 0;
	border-collapse: collapse;
}

table#shopping_cart_list tr { line-height: 30px; }
table#shopping_cart_list tr.header td { text-align: left !important; }
table#shopping_cart_list tr td { text-align: center; }

table#shopping_cart_list td#description 
{ 
	width: 230px; 
	padding-right: 50px;
}

table#shopping_cart_list tr td.product_description { text-align: left !important; }

table#shopping_cart_list td#quantity,
table#shopping_cart_list td#price,
table#shopping_cart_list td#total { width: 60px; }

table#shopping_cart_list a { color: #000; }

/* Order confirmation */

div.order_confirmation
{
	width: 300px;
	
	color: #416d93;
	
	margin-bottom: 20px;
}

div.order_confirmation h4
{
	font-size: 12pt !important;
	font-weight: bold;
}

div.order_confirmation p
{
	margin-bottom: 0 !important;
	margin-left: 20px;
}

div.no_p_margins p { margin: 0 !important; }
div.border_top { border-top: 2px solid #999; padding-top: 20px; }

div.shopping_cart_buttons { width: 540px; }

div#update_note 
{
	float: left;	
	width: 180px; 
		
	margin-top: 20px;
	
	font-size: 8pt;	
}

/* Windows */

div.window 
{ 
	width: 280px;
	clear: right;
	
	margin-top: 15px;
}

div.window.floated { float: right; }
div.window.first { clear: none !important; border: none !important; }

div.window h1
{
	height: 20px;
	line-height: 20px;
	
	color: #fff;
	
	background-color: #416d93;
	
	font-size: 9pt;
	text-transform: uppercase;
	text-align: center;
}

div.window .window_content_container { border: 1px solid #ccc; border-top: none; }

div.window .window_content { width: 260px;
	margin: 0 auto; padding: 10px 0; padding-bottom: 22px; }

div.window .window_content span { font-size: 8pt; }

div.window .window_content form { margin-top: 5px; }

input.text_field.window, select.text_field.window { width: 140px !important; }

/* CUSTOMERS SECTION */

div#categories { padding: 10px 20px; border-bottom: 1px solid #ccc; }

div.column.links { width: 250px; }
div.column.links a { display: block; }
div.column.links a.active { color: #000 !important; }

div#cs_content { padding: 10px 20px; }
div#cs_content ol, div#cs_content ul { list-style-position: outside; margin-left: 30px; }

div#cs_content h3 { margin: 0 !important; margin-top: 10px !important; }

/* HOME PAGE SECTION */

/* Home page content styles */

.product
{
	float: left;
	
	height: 350px;
}

#hums
{
	width: 293px;
	
	border-right: 2px solid #ccc;
	
	background-image: url("../img/content/hums_bg.png");
	background-repeat: repeat-y;
}

#cleaners
{
	width: 302px;
	
	border-right: 2px solid #ccc;
	
	background-image: url("../img/content/cleaners_bg.png");
	background-repeat: repeat-y;
	background-position: 3px;
}

#misc
{
	width: 161px;
	
	background-image: url("../images/content/misc_bg.png");
	background-repeat: repeat-y;
	background-position: 3px;
}

/* Picture styles */

.product img
{
	display: block;

	margin-top: 10px;
	
	margin-left: auto;
	margin-right: auto;
}

img#hums_pic
{
	width: 152px;
	height: 190px;
}

img#cleaners_pic
{
	margin-top: 18px;

	width: 193px;
	height: 179px;
}

img#misc_pic
{
	margin-top: 25px;
	
	width: 74px;
	height: 164px;
}

/* '.product' text styles */

.product h1
{
	margin-top: 10px;

	color: #6689a8;

	font-family: Georgia, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	
	text-align: center;
}

#cleaners h1
{
	margin-top: 12px;
}

#misc h1
{
	margin-top: 20px;
}

.product_links { height: 20px;
	margin-top: 10px;
	text-align: center;
	word-spacing: 0.5em; }

.product_links a
{
	color: #6689a8;

	font-size: 11pt;	
	
	text-decoration: underline;
	
	word-spacing: normal;
}

/* Product search form settings */

.product form *
{
	display: inline;

	height: 19px;
	line-height: 19px;
	
	vertical-align: middle;
}

.product form
{
	width: 185px;
	height: 40px; /* To fix some annoying unknown bug... */

	margin-top: 10px;
	
	margin-left: auto;
	margin-right: auto;
}

.product form fieldset
{
	border: none;
}

/*.product form fieldset legend { display: block; 
	position: relative;
	width: 190px; height: 20px;
	left: 0; /* This is to make left 'margin' in IE equal to zero */
	/*color: #6689a8;
	font-size: 11pt; }*/
	
.body_form_legend { font-size: 11pt;
	color: #6689a8; }

select.product_search_text
{
	width: 140px;
	height: 19px;
	
	line-height: 12px;
		
	margin-left: 3px;

	border: 1px solid #ccc;
}

select.product_search_text_right
{
	width: 110px;
	height: 19px;
	
	line-height: 12px;
		
	margin-left: 3px;

	border: 1px solid #ccc;
}

/* 'Learn more' link style */

a.learn_more
{
	display: block;

	margin-top: 15px;
	
	color: #6689a8;
	
	font-size: 10pt;
	
	text-align: center;
	text-decoration: none;
}

/* ORDER TRACKING */
table#order_action, table#order_details
{
	table-layout: fixed;

	border-collapse: collapse;
	border-spacing: 1px;
	
	border-bottom: 5px solid #999;	
}

table#order_action tr td, table#order_details tr td
{
	border-right: 1px solid #ccc;
}

tr td.last { border: none !important; }

table#order_action tr.oaction_header, table#order_details tr.odetails_header
{
	color: #fff;
	background-color: #999;
	
	text-align: center;
	
	font-size: 11pt;
	font-weight: bold;
}
table#order_action tr.oaction_header td { width: 102px !important; height: auto !important; border: none !important; }
table#order_action tr.oaction_header td.action { width: 150px; border-style: hidden; }

table#order_details td.wide { width: 140px !important; }
table#order_details tr.odetails_header td { width: 80px !important; height: auto !important; }

table#order_details td { height: 50px; text-align: center; }

table#order_action td
{
	height: 80px;

	text-align: center;
}

input.button.small 
{
	display: inline;
	
	width: 60px; 
	height: 24px;
	
	margin-left: 40px;	
	margin-top: 20px;

	background-color: #003b6e;
	
	font-size: 10pt;
}

table#order_action select
{
	width: 100px;
}

/* Order */

div.order
{
	width: 300px;
	
	margin-bottom: 20px;
}

div.order h4
{
	margin-bottom: 5px;
	
	font-size: 10pt !important;
	font-weight: bold;
}

div.order p
{
	margin-bottom: 0 !important;
	margin-left: 20px;
}

span.bold { font-weight: bold; }

.container { margin-bottom: 25px !important; }
.column.info h4 { font-size: 10pt !important; }

/* PRODUCT LIST SECTION */

/* Right aligned 'learn more' block */

#learn_more
{
	float: right;

	width: 120px;

	line-height: 12px;

	text-align: right;
}

#learn_more a
{
	display: block;

	color: #3f6b92;
	background-color: #fff;
	
	border: none;	
	
	font-family: Arial, serif;
	font-size: 8pt;
	font-weight: bold;
	
	text-decoration: none;
}

/* Product copy style */

.product_copy
{
	float: left;
	
	margin-top: 10px;

	padding-left: 10px;	padding-top: 5px; padding-bottom: 10px;

	border-bottom: 1px solid #ccc;
}

.product_copy img
{
	display: block;
	
	float: left;

/*	width: 75px;
	height: 75px;*/ /* Please specify needed width and height inside html code */
}

.product_info
{
	float: left;

	width: 320px;

	margin-left: 20px;
}

.product_info h1
{
	color: #000;
	
	font-family: Arial, serif;
	font-size: 10pt;
}

.product_info .product_price {	margin-top: 10px; }

/* Common price block styles */

.product_price
{
	color: #996;
	
	font-size: 11pt;
	font-weight: bold;
}

.product_info .comment
{
	color: #999;
	
	font-size: 9pt;
	font-weight: normal;
}

.buttons
{
	float: right;
	
	margin-top: 35px;	
}

.buttons a
{
	margin-bottom: 5px;
}

/* Product details page styles and settings */

#back
{
	position: relative;	
	float: right;
	clear: both;
	
	margin-top: -15px;
}

#back a
{
	display: block;
	color: #3f6b92;
	
	margin-right: 4px;
	
	font-family: Arial, serif;
	font-size: 8pt;
	font-weight: bold;
	
	text-decoration: none;
}

#product_details
{
	margin-top: 40px;
	
	padding-left: 10px;
}

#info
{
	float: left;

	width: 380px;
	
	margin-left: 20px;
}

#product_details img
{
	float: left;

/*	width: 128px;
	height: 128px;*/ /* Please specify needed width and height inside html code */
}

#info h1
{
	display: block;

	width: 320px;
	
	margin-bottom: 20px;

	color: #000;
	
	font-family: Arial, serif;
	font-size: 10pt;
}

#usage
{
	width: 320px;
	
	margin-top: 20px;
	
	color: #3f6b92;
	
	font-weight: bold;
}

/* Panel with buy offers */

#buy_offer
{
	float: left;
	clear: both;
	
	width: 520px;

	margin-top: 20px;
	
	padding: 10px;
	
	border-top: 1px solid #996;
	border-bottom: 1px solid #996;
}

#add
{
	float: left;
}

#add a#to_cart
{

	margin-top: 10px;
	
	background-color: #406c92;
}

#promo
{
	float: left;
	clear: none;
	
	width: 370px;
	
	margin-left: 50px;
}

#promo p
{
	color: #996;

	font-weight: bold;
	
	text-align: justify;
}


/* Scheme settings */

#product_scheme
{
	position: relative;
	
	margin-top: 20px;
	padding-bottom: 20px;
	
	border-bottom: 1px solid #ccc;
}

#product_scheme img
{
/*	width: 380px;
	height: 251px;*/ /* Please specify needed width and height inside html code */
	
	margin-left: 80px;
}

#view_manual
{
	position: absolute;
	
	right: 20px;
	top: 100px;
	
	width: 82px;
	height: 82px;
	
	background-image: url("../images/circle.png");
	background-repeat: no-repeat;
}

#view_manual a
{
	display: block;
	
	width: 60px;

	margin-top: 17px;
	margin-left: auto;
	margin-right: auto;

	padding-left: 2px;

	color: #fff;
	
	font-weight: bold;
	font-size: 9pt;
	
	text-align: center;
}

select { font-size: 9pt !important; }
select.inline { display: inline !important; }

span.required { color: #f00;
	font-weight: bold; 
font-size: 13px;}

@media print {
	body, html { background-color: #fff !important; } }