/* General markup
---------------------------------------- */
* { margin: 0; padding: 0;  }
html { font-size: 100%;
	height: 100%; }
body {
	font-size: 62.5%;			/* This sets the default font size to be equivalent to 10px */
/*	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #666;
/*	background: #FFF url("/images/background.gif") repeat-x 0 0;*/
    background-color: #fff;
	height: 100%;
	background: url("/images/bg_wrapper.gif") repeat-y 50% 0;
	}
img { border: 0; }

/* Standard link styles */
a, input { outline: none; }
a:link 	  { color: #00adef; text-decoration: none; }
a:visited {	color: #00adef; text-decoration: none; }
a:hover	  { color: #00adef; text-decoration: none; }
a:active  { color: #00adef; text-decoration: none; }


/* Main blocks
---------------------------------------- */
#wrapper {
	/* Fixed width and centred */
	width: 900px;
	height: 100%;
	padding: 0 7px;
	margin: 0 auto;
	position: relative;
	}
#header {
/*	height: 282px;*/
	height: 213px;
	position: relative;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
/*	margin-bottom: 4px;*/
	background: no-repeat 0 0;
	}
#header h1 {
	position: absolute;
	bottom: 17px;
	right: 0;
	width: 160px;
	height: 172px;
/*	background: url("../images/logo.gif") no-repeat 0 0;*/
	text-indent: -9999px;
	overflow: hidden;
	}
#header h1 a {
	display: block;
	width: 160px;
	height: 172px;
	}

#header #user_information {
	position: absolute;
	top: 1em;
	right: 0.5em;
	}
/*
#bar {
	clear: both;
	margin-bottom: 4px;
	background: url("../images/line.gif") repeat-y 466px 0px;
	}*/
	
#nav {
/*	float: left;
	width: 472px;*/
	padding: 10px 0 5px 0;
	}
/*#product_search {
	width: 408px;
	float: right;
	text-align: right;
	padding-top: 22px;
	}
#product_search ul {
	list-style-type: none;
	}	
#product_search li {
	display: inline;
	float: left;
	width: auto;
	margin-right: 5px;
	}	
#product_search p {
	text-transform: uppercase;
	color: #00adef;
	font-weight: bold;
	font-size: 1.2em;
	}*/

#sub_bar {
	height: 38px;
	border-top: 1px solid #ccc;
	}	
#flags {
	float: left;
	padding-top: 3px;
	width: 20%;
	list-style-type: none;
	}	
#flags li {
	float: left;
	width: 17px;
	height: 16px;
	margin-left: 8px;
	}	
#flags li a {
	display: block;
	width: 17px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	}	
#flags li#china {
	background: url("/images/icon_china.gif") no-repeat;
	}	
#flags li#japan {
	background: url("/images/icon_japan.gif") no-repeat;
	}	
	#flags li#usa {
	background: url("/images/icon_usa.gif") no-repeat;
	}
#user_info {
	float: right;
	width: 50%;
	text-align: right;
	font-size: 1.2em;
	padding: 5px 10px 0 0;
	}	
#user_info a {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
	}	
#user_info a:hover {
	text-decoration: none;
	}
#user_basket {
	color: #00ADEF;
	padding-left: 27px;
	font-weight: bold;
	background: url("/images/basket_icon.gif") no-repeat 7px 2px;
	border-left: 1px solid #696969;
	margin-left: 5px;
	}	
#user_basket a {
	color: #00ADEF;
	}	

/* Main area */
#main {
/*	border-top: 1px solid #ccc;*/
	background: url("/images/bg_main.gif") no-repeat 0 0;
/*	padding-top: 22px;*/
    }

/* Home page */
#home #main {
	background: none;
    }
#home_top_panels {
	background: url("/images/bg_home_top_panels.gif") no-repeat 0% 100%;	
	}
.home_top_panel {
	float: left;
	width: 276px;
	padding: 8px 13px 0 11px;
	background: url("/images/bg_home_top_panel.gif") no-repeat;
	}
#home_top_panels ul {
	list-style-type: none;
	padding: 153px 5px 20px 8px;
	background: no-repeat 0 0;
	font-size: 1.3em;
	}
#home_top_panels li {
	padding-left: 16px;
	padding-bottom: 3px;
	background: url("/images/arrow_menu.gif") no-repeat 6px 3px;
	}
#home_top_panels a:hover, 
#home_bot_panels ul li a:hover {
	text-decoration: underline;
	}
#product_tags ul {
	background-image: url("/images/home_products.gif");
	}
#customer_support ul {
	background-image: url("/images/home_support.gif");
	}	
#parts ul {
	background-image: url("/images/home_parts.gif");
	}
#home_bot_panels {
	margin: 14px 0 0 0;
	background: url("/images/bg_home_bot_panels.gif") no-repeat 0% 100%;	
	}
#home_bot_panels h3 {
	color: #3b5c95;
	font-size: 1.4em;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #babbb8;	
	}
#home_bot_panels ul {
	list-style-type: none;
	padding-top: 4px;
	font-size: 1.3em;
	}
#news_panel {
	float: left;
	width: 412px;
	padding: 16px 21px 10px 18px;
	background: url("/images/bg_home_news_panel.gif") no-repeat;	
	}
#news_panel h3  {
	display: block;	
	color: #3b5c95;
	background: url("/images/arrow_circle.gif") no-repeat 99% 10%;
	}
#news_panel h3 a  {	
	color: #3b5c95;
	padding-right: 8px;	
	display: block;
	width: auto;
	float: left;
	}
#news_panel h3 a#home_rss_news  {
	width: 16px;
	height: 16px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url("/images/icon_rss.gif") no-repeat 0 0;
	}
#news_panel li {
	padding: 8px 0 10px 0;
	border-bottom: 1px dotted #babbb8;
	}
#news_panel li.last {
	border-bottom: none;
	}
#quicklinks {
	float: left;
	width: 189px;
	padding: 16px 16px 10px 18px;
	background: url("/images/bg_home_quicklinks.gif") no-repeat;	
	}
#quicklinks li {
	padding: 3px 0 3px 23px;
	background: url("/images/arrow_circle.gif") no-repeat 6px 3px;
	text-transform: uppercase;
	}
				
	
#left_column {
	float: left;
	width: 207px;
	display: block;
	}

#right_column {
	float: right;
	width: 221px;
	margin-right: 4px;
	display: inline;
	}


/* Side menu panel */
#menu {
	width: 194px;
	margin: 9px 0 0 7px;
	}


/* Content area */
#body {
	float: left;
	width: 439px;
	margin-left: 20px;
	display: inline;
	}
.pagebody {
	min-height: 300px;
	}


/* Generic item list */
.pagebody ul.items {
	list-style: none;
	margin: 0;
	}
.pagebody ul.items li {
	padding: 8px 0;
	line-height: 1.3;
	}
.pagebody ul.items li.last {
	border-bottom: none;
	margin-bottom: 3px;
	}
.pagebody ul.items li em.date {
	font-weight: bold;
	}

/* Latest News Panel */
/*#heading_news {
	width: 206px;
	height: 43px;
	margin-top: 18px;
	margin-bottom: 10px;
	background: url("/images/heading_news.gif") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	}
#latest_news {
	list-style-type: none;
	}
#latest_news li {
	padding: 5px 9px 11px 13px;
	border-bottom: 1px solid #ccc;
	}
#latest_news a {
	color: #3b5c95;
	}
#latest_news a:hover {
	text-decoration: underline;
	}*/

/* Contact page */
body#contact #body {
    width: 642px;
    }
body#contact #right_column {
    display: none;
    }

p#contact_address { margin-top: 1em; }

#legal_details { font-size: 90%; }

p#company_vat_no,
p#company_reg_no { margin: 0; }

#map {
    width: 100%;
    height: 300px;
    font-size: 85%;
    border: 1px solid #CCDAE2;
    }

/* Footer */
#footer {
	clear: both;
	padding: 10px 15px;
	border-top: 2px solid #ccc;
	position: relative;
	}
#footer address {
	font-style: normal;
	display: inline;
	float: left;
	width: auto;
	}
#footer a {
	color: #666;
	}
#footer ul {
	list-style: none;
	float: right;
	width: auto;
	}
#footer li {
	display: inline;
	margin-right: 10px;
	font-size: 1.1em;
	}
#siteurl {
	display: none;
	}


/* From: http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

/* Spacer required after a two column layout */
div.spacer {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
	}
	
	#left { width: 515px; float:left; font-size: 1.2em; padding: 0px 20px 10px 20px;}
	#right { width: 343px; padding: 0px 0px 20px 0px; background-image: url(/images/right_bk.gif); background-position:bottom; float: left;}
	#bt_form { width: 856px; height: 166px; padding: 15px; background-image: url(/images/contactus_usa_bk.jpg); float: left; margin: 0px 0px 10px 8px;}#left_survey {
	width: 850px;
	float:left;
	font-size: 1.2em;
	padding: 0px 20px 10px 20px;
}
#bt_form_survey {
	width: 856px;
	height: 166px;
	padding: 15px;
	float: left;
	margin: 0px 0px 10px 8px;
}
#bt_form_confirm {
	width: 856px;
	height: 166px;
	padding: 0px;
	float: left;
	margin: 0px 0px 10px 8px;
}
#left_confirm {
	width: 850px;
	float:left;
	font-size: 1.2em;
	padding: 0px 20px 2px 20px;
}

#left_confirm ul {
    list-style-type: none; 
	display: inline;
	}
#left_confirm li {
	display: block;
	font-size: 16px;
	list-style-type: disc;
	list-style-position: inside;
	}
#left_confirm li a {

	width: auto;
	}