/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #000;
	}
	
	body {
		margin: 0;
		text-align: center;
	}
	
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
	fieldset,img { border: none; }
	caption,th { text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	/* Default link styling */
	a {
		color: #0792ce;
		text-decoration: underline;
	}
	a:hover {
		color: #0792ce;
		text-decoration: none;
	}
	
	object {
		margin: 0 0 2em 0;
		}
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
	}
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 2em 2em;
	}
	
	.clear {
		display: block;
		clear: both;
		}
	
	.orange {
		color: #ff7f00;
		}
		
	.button {
		background: url(../images/bg_button.gif) top left repeat-x #d06c08;
		color: #fff;
		font-weight: bold;
		text-align: center;
		display: block;
		padding: 0.2em 1em;
		border: 1px solid #d06c08;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		}
		
	.button:hover {
		text-decoration: none;
		color: #fff;
		}
		
	#news_letter .button {
		background: url(../images/bg_grey_button.gif) top left repeat-x #9db0bc;
		border: 1px solid #9db0bc;
		color: #000;
		}
		
	.error {
		background-color: #d06c08;
		color: #fff;
		padding: 1em;
		margin: 1em 0 0 0;
		}
		
	.success {
		background-color: #ebebeb;
		color: #000;
		padding: 1em;
		border: 1px solid #999;
		margin: 1em 0;
		}
		
	.error p {
		margin: 0;
		padding: 0;
		}
		
	.error a {
		color: #fff;
		}
		
	ol, ol li {
		list-style: none;
		padding: 0;
		margin: 0;
		}
		
		ol li {
			margin: 0.5em 0;
			}
			
	
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#outerwrap {
		margin: 0 auto;
		text-align: left;
		width: 80em;
		position: relative;
		font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	
	#content {
		clear: both;
		}
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
	}
	
	input, textarea {
		font-size: 1.2em;
		width: 65%;
		padding: 0.2em 0;
		border: 1px solid #a6b7bf;
		}
	
	input.button {
		padding: 0.2em 0.2em;
		display: inline;
		font-size: 1em;
		width: auto;
		}
		
	input.checkbox {
		width: auto;
		float: left;
		}
		
	form ol {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		ol li {
			margin: 1em 0;
			}
		
		form label {
			display: block;
			clear: both;
			margin: 0 0 0.5em 0;
			}
			
		form label.left {
			clear: none;
			float: left;
			padding: 0 0 0 .5em
			}
			
			span.req {
				font-size: 1.7em;
				color: #cb0000;
				}
	
	
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #353d41;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	h1, #featured_product h2 {
		/* This should be the main title of the content (SEO)*/
		font-size: 2em;
	}
	
	#product_info h1 {
		font-size: 3em;
		width: 8.5em;
		}
	
	
	h2 {
		font-size: 1.5em;
		margin: 1em 0 0 0;
	}
	
	h2#news_heading {
		margin: 2em 0 0 1.4em;
		}
	
	h3 {
		font-size: 1em;
		font-weight: bold;
		margin: 1em 0 1em 0;
	}
	
	#product_contact h3 {
		font-size: 2em;
		font-weight: normal;
		margin-top: 0;
		}
		
	h2 a, h3 a, h2 a:hover, h3 a:hover {
		color: #000;
		text-decoration: none;
		}
		
	h3.tab {
		background: url(../images/bg_tab_heading.gif) top left repeat-x #fff;
		font-size: 2em;
		text-align: center;
		width: 10em;
		padding: 0.3em;
		border: 1px solid #dcdfe4;
		border-bottom: none;
		margin: 0;
		}
	
	h4 {
		
	}
	
	
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40em;
	width: 80em;
	}
	
	#header p {
		padding: 0 0 1em 0;
		margin: 0;
		}
	
	.logo {
		width: 38.9em;
		height: 7.05em;
		background: url(../images/logo.gif) 0 2.3em no-repeat #fff;
		display: block;
		text-indent: -200em;
		overflow: hidden;
		float: left;
		}
		
	.phone {
		width: 25.8em;
		height: 7.5em;
		background: url(../images/phone.gif) 0 1em no-repeat #fff;
		display: block;
		text-indent: -200em;
		overflow: hidden;
		float: right;
		}


/* NAV STYLES  */
	#top_nav {
		z-index: 0;
		position: absolute;
		top: 7.5em;
		left: 0;
		clear: both;
		margin: 0;
		padding: 0;
		list-style: none;
		font-family: "Trebuchet MS", arial, verdana, helvetica;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: bold;
		}
		
		#top_nav li {
			float: left;
			position: relative;
			}
			
			#top_nav a {
				float: left;
				display: block;
				background: url(../images/bg_menu.gif) bottom left repeat-x #fff;
				color: #353d41;
				/*padding: 0.5em 3.5em; ADD THIS BACK WHEN THE FLAGS ARE IN THE MENU*/
				padding: 0.5em 0; /* REMOVE THIS WHEN THE FLAGS ARE IN THE MENU */
				text-align: center; /* REMOVE THIS WHEN THE FLAGS ARE IN THE MENU */
				width: 190px;
				border: 1px solid #dcdfe4;
				border-left: 1px solid #fff;
				text-decoration: none;
				}
				
				#top_nav a.start {
					border-left: 1px solid #dcdfe4;
					}
				
				#top_nav a:hover, #top_nav a.active {
					background: url(../images/bg_menu_active.gif) bottom left repeat-x #fff;
					color: #fff;
					text-decoration: none;
					border: 1px solid #d5651f;
					}
					
			#top_nav li.flags {
				width: 80px;
				border: 1px solid #dcdfe4;
				border-left: 1px solid #fff;
				background: url(../images/bg_menu.gif) bottom left repeat-x #fff;
				}
				
		#top_nav li.flags ul {
			margin: 0;
			padding: 0 0 0 5px;
			list-style: none;
			}
			
			#top_nav li.flags ul a {
				text-indent: -200em;
				overflow: hidden;
				width: 16px;
				height: 11px;
				border: none;
				margin: 10px 0 0 0;
				padding: 0 5px 10px 5px;
				}
				
				#top_nav li.flags ul a:hover {
					text-decoration: none;
					border: none;
					}
				
				#top_nav li.flags ul a#gb {
					background: url(../images/flag_gb.gif) top left no-repeat;
					}
					
				#top_nav li.flags ul a#esp {
					background: url(../images/flag_es.gif) top left no-repeat;
					}
					
				#top_nav li.flags ul a#ru {
					background: url(../images/flag_ru.gif) top left no-repeat;
					padding-right: 0;
					}
					
			#top_nav ul.drop_down {
				margin: 0;
				padding: 1.4em;
				list-style: none;
				position: absolute;
				top: 3.3em;
				left: 0;
				right: 0;
				border: 1px solid #c5ced3;
				border-top: 1px solid #fff;
				font-size: 0.7em;
				font-weight: normal;
				text-transform: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: #fff;
				display: none;
				z-index: 100;
				}
				
				ul.drop_down li {
					margin: 0;
					padding: 0;
					display: block;
					width: 190px;
					background: none;
					border-bottom: 1px dashed #b3b5b7;
					}
						
					#top_nav li ul.drop_down li.bottom {
						border: none;
						}
					
					#top_nav li ul.drop_down a {
						margin: 0;
						width: auto; /* REMOVE THIS WHEN THE FLAGS ARE INCLUDED IN THE MENU */
						text-align: left; /* REMOVE THIS WHEN THE FLAGS ARE INCLUDED IN THE MENU */
						padding: 0.5em 0 0.5em 1.5em;
						display: block;
						background: none;
						border: none;
						background: url(../images/bullet_submenu.gif) 0 1em no-repeat #fff;
						color: #60717b;
						}
						
					#top_nav li ul.drop_down a:hover {
						text-decoration: underline;
						}
						
			#top_nav li:hover ul.drop_down, #top_nav li ul.over {
				display: block;
				}


/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#news_container {
		border: 1px solid #dddfe4;
		padding: 1.5em;
		margin: 1em 0;
		float: left;
		width: 77em;
		}
		
		.news_item {
			width: 30%;
			margin: 0 1em;
			font-size: 0.9em;
			}
			
			.news_item p {
				margin: 0;
				padding: 0;
				}
		
	.toggle {
		margin: 0;
		padding: 0;
		}	
				
	.news_archive {
		margin: 0;
		padding: 0;
		}
		
		.news_archive ol {
			margin: 0;
			padding: 0;
			}
			
			.news_archive ol li {
				margin: 0;
				padding: 0;
				}
				
	.breadcrumb {
		list-style: none;
		margin: 0;
		padding: 0 0 3em 0;
		color: #60717b;
		font-size: 1em;
		}
		
		.breadcrumb li, .breadcrumb a {
			float: left;
			}
			
			.breadcrumb a {
				padding: 0 1em 0 0;
				}
				
	#product_info {
		border-bottom: 1px dashed #b1b3b5;
		float: left;
		width: 60em;
		margin: 0 0 2em 0;
		padding: 0 0 2em 0;
		}
		
		#product_info div {
			float: right;
			}
		
		#product_info ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
		#product_info img {
			float: left;
			}
			
		#product_info a#login {
			background: url(../images/button_login.gif) top left no-repeat;
			width: 190px;
			height: 44px;
			text-indent: -2000px;
			overflow: hidden;
			display: block;
			margin: 4em 0 0 0;
			}
			
	#product_contact {
		float: right;
		width: 22em;
		}
			
	#product_description {
		padding: 0 3em 3em 3em;
		width: 27em;
		float: left;
		font-size: 0.9em;
		}
		
		#product_description h2 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight: bold;
			}
			
	#other_products {
		border: 1px solid #dddfe4;
		padding: 2.4em;
		float: left;
		width: 55em;
		}
	
		#other_products div {
			width: 11em;
			float: left;
			margin: 0 2em;
			font-size: 0.9em;
			}
			
			#other_products img {
				border: 1px solid #dddfe4;
				}
				
			#other_products p {
				margin: 0;
				padding: 0;
				}
	
	#featured_product {
		border: 1px solid #dddfe4;
		padding: 1.2em 1em 1em 0;
		font-size: 0.9em;
		line-height: 2em;
		width:716px;
		float:left;
		position:relative;
		height:295px;
		overflow:hidden;
	}
		
		#featured_product .product_wrap {
			/* THIS SORTS OUT THE FLOATING CENTRE ISSUE ON THE FRONT PAGE */
			 /*padding:0 0 0 200px;*/
			 height:240px;
			 overflow:hidden;
			 position: absolute;
			 top: 1.5em;
			 left: 0;
			 right: 0;
			}
			
		#featured_product .hp_text {
			float: right;
			width: 296px;
			}
		
		#featured_product h1, #featured_product h2 {
			margin: 1.2em 0 1em 0;
			}
		
		#featured_product h1, #featured_product h2 {
			width: 12em;
			padding: 0 0 0 0.5em;
			}
			
		#featured_product p {
			/*width: 15em;*/
			width: 16em;
			padding: 0 0 0 1em;
			}
			
		#featured_product a {
			color: #df7b18;
			}
			
	.product {
		width: 18em;
		text-align: center;
		border: 1px solid #dddfe4;
		font-size: 0.9em;
		float: left;
		margin: 0.5em;
		/*padding: 0.5em 0;*/
		}
		
		.product a {
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
			margin-top: 1em;
			}
			
			.product p {
				text-decoration: underline;
				}
			
	#product_list {
		clear: both;
		position: relative;
		}
		
		#product_list fieldset {
			border: 1px solid #dddfe4;
			clear: both;
			padding: 0;
			width: 100%;
			}

			fieldset p {
				margin: 0;
				padding: 0;
				font-size: 0.9em;
				}
				
			fieldset legend {
				margin: 0;
				padding: 1em 0 0 0;
				color: #000;
				}
		
		.tabs {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
			.tabs li {
				float: left;
				margin: 0 0.2em 0 0;
				}
				
				.tabs a {
					float: left;
					display: block;
					padding: 0.5em 1.5em;
					font-family: "Trebuchet MS", arial, verdana, helvetica;
					font-size: 1.2em;
					font-weight: bold;
					color: #353d41;
					background: url(../images/bg_tab.gif) bottom left repeat-x #fff;
					border: 1px solid #dcdfe4;
					text-align: center;
					text-transform: uppercase;
					text-decoration: none;
					}
					
				.tabs a:hover, .tabs a#active {
					text-decoration: none;
					color: #d5651f;
					}
					
				.tabs li.ui-state-active a {
					color: #d5651f;
					background: url(../images/bg_tab_active.gif) top left repeat-x #fff;
					border-bottom: none;
					}
					
		.mycarousel {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			}
					
		.mycarousel li {
			margin: 0 0.5em;
			width: 5em;
			}
			
		.mycarousel img {
			border: 1px solid #ccc;
			padding: 0.5em;
			}
			
		.mycarousel a {
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
			}
			
			.mycarousel p {
				text-decoration: underline;
				}
				
			#right_column .mycarousel p {
				text-decoration: none;
				}
			
	.search_result {
		border-bottom: 1px solid #ccc;
		margin: 1em 0 1em 0;
		padding: 0 0 2em 0;
		}
		
	.pagination li {
		float: left;
		margin: 0 1em 0 0;
		}
		
		.pagination li a {
			float: left;
			}
	

/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#left_column {
		width: 60.6em;
		float: left;
		margin: 13em 0 2.3em 0;
		}
	
	
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#right_column {
		width: 18.4em;
		float: right;
		margin: 13em 0 2.3em 0;
		}
		
		#right_column p.wide_button {
			margin: 0 0 1em 0;
			padding: 0;
			width: 49%;
			}
			
		#ask_expert, #skype, .blank_box {
			margin: 0 0 1.1em 0;
			padding: 0.6em;
			clear: both;
			height: 5.2em;
			font-size: 0.9em;
			}
			
		#ask_expert strong, #skype strong, .blank_box strong {
			display: block;
			clear: both;
			}
			
		#ask_expert p, #skype p, .blank_box p {
			margin: 0;
			padding: 0;
			}
		
		#ask_expert {
			background: url(../images/bg_expert.gif) top left no-repeat #fff;
			}
			
		#skype {
			background: url(../images/bg_skype.gif) top left no-repeat #fff;
			}
			
		.blank_box {
			background: url(../images/bg_search.gif) top left no-repeat #fff;
			}
			
		#ask_expert a, #skype a {
			display: block;
			width: 10em;
			text-decoration: none;
			color: #000;
			padding-left: 9.5em;
			height: 5.2em;
			}
			
		#skype a {
			padding-left: 11.5em;
			width: 8em;
			}
			
		#ask_expert a:hover, #skype a {
			color: #000;
			text-decoration: none;
			}
			
			#ask_expert span, #skype span {
				color: #0792ce;
				text-decoration: underline;
				}
			
		.sell_box {
			background: url(../images/bg_sell.gif) top left no-repeat #fff;
			color: #fff;
			}
			
			.sell_box a {
				display: block;
				color: #fff;
				width: 100%;
				text-decoration: none;
				font-size: 1.5em;
				text-align: center;
				padding: 1em 0 1em 0;
				}
				
			.sell_box a:hover {
				color: #fff;
				text-decoration: none;
				}
				
			.sell_box span {
				text-decoration: underline;
				}
			
		#news_letter {
			background: url(../images/bk-newsletter.gif) top left no-repeat #fff;
			height: 12em;
			}
			
			.blank_box ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				#quick_search ul label {
					font-weight: bold;
					display: block;
					clear: both;
					padding: 0 0 0.5em 0;
					}
	
	
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	margin: 1.5em 0;
	font-size: 0.9em;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
		#footer ul li {
			padding-right: 0.7em;
			}
		
		#footer ul li, #footer ul a {
			float: left;
			}
			
		#footer ul a {
			background: url(../images/bg_footer.gif) 0 3px no-repeat #fff;
			padding-left: 0.7em
			}