/* CSS developed by 9xb.com
Main stylesheet for layout */

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		font: 12px/1.3em Tahoma, arial, verdana, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color: #000;
		text-align:center;
		margin: 0;
		padding:0;
	}
	
	body {
		text-align: center;
		background:url(../images/bg.gif) #0066cc repeat-x top left;
	}
	

	
/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	.hidden, .screen_reader, .limited {
		display: none;
	}
	
	.clear {
		clear: both;
		}
	
	.auto_width {
		width: auto;
		}
	
	label.hidden {
		display: block;
		text-indent: -2000px;
		overflow: hidden;
		}
		
	p {
		margin: 0 0 15px 0;
		padding: 0;
	}
	a img {
		border: 0;
	}
	a {
		color: #0066cc;
		text-decoration: none;
	}
	a:hover {
		color: #0066cc;
		text-decoration: underline;
	}
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	.back {
		float: right;
		margin: 0 0 20px 20px;
		padding: 0 0 0 15px;
		background: url(../images/arrow_back.gif) no-repeat left center;
	}
	.centered{
		text-align:center;
		width:100%;
		margin:10px 0 0 0;
	}
	.red{ color:#FF0000;}
	.red:hover{ color:#FF0000;}
	
	.correct{
		background:#009900;
		color:#fff;
		padding:5px;
	}
	
	.highlight {
		background: #0066cc;
		color: #fff;
		font-weight: bold;
		padding: 3px 5px;
		}
	
	.error{
		background: #ff0000;
		color:#fff;
		padding:5px;
	}
	
	.clear {
		clear: both;
		}
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrap{
		width:1024px;
		margin:0 auto;
		padding:0;
		text-align:center;
		background:url(../images/background1024.gif) top center no-repeat;
	}
	
	#content{
		text-align:left;
		margin:0 auto;
		padding:0;
		width:760px;
	}
	
	.left{
		width:425px;
		float:left;
		margin:0;
		padding:10px 10px 10px 10px;
	}
	
	.right{
		width:260px;
		float:left;
		margin:0;
		padding:20px 20px 20px 20px;
	}
	
	* html .right{
		width:220px;
	}


/* ---------------------------------- */
/* HEADER   */
/* ---------------------------------- */

	#header{
		position:relative;
		background:url(../images/header_background.gif) no-repeat top left;
		width:760px;
		height:196px;
		margin:0;
		padding:0;
	}
	
		#header h2{
			position:absolute;
			top:15px;
			left:150px;
			padding:0;
			margin:0;
			text-transform:uppercase;
			font-size:14pt;
		}

		#header .callus{
			color:#0066cc;
			text-transform:uppercase;
		}
		
		#header #menu{
			position:absolute;
			top:40px;
			left:105px;
		}

		#header #menu ul li{
			font-size:8pt;
			display:inline;
			border-right:solid 1px #0066cc;
			padding:0 5px 0 5px;
		}
		
			#header #menu ul li.last{
				border-right:none;
				padding:0 0 0 5px;
			}

		#search_header{
			position:relative;
		}
			#search_header h2{
				position:absolute;
				top:98px;
				left:160px;
				font-size:10pt;
				padding:0;
				margin:11px 0 0 0;
			}

			#search_header form{
				background:url(../images/search_text.gif) 0 4px no-repeat;
				padding:0 0 0 50px;
				margin:0;
				position:absolute;
				top:160px;
				left:10px;
			}
			
				#search_header form ul {
					list-style: none;
					margin: 0;
					padding: 0;
					}
			
				#search_header form ul li {
					float: left;
					}
			
				#search_header form input{
					font-size:8pt;
					border:1px #000 solid;
					padding:3px;
					margin:0 0 0 10px;
					float:left;
				}
				
				#search_header form select{
					font-size:8pt;
					border:1px #000 solid;
					padding:2px;
					margin:0 0 0 10px;
					float:left;
					width:180px;
				}
				
				#search_header form input.gobutton{
					font-size:8pt;
					border:none;
					padding:2px;
					margin:0 0 0 10px;
					float:left;
				}
				
		#basket_header{
			width:311px;
			height:111px;
			float:left;
			position:absolute;
			top:85px;
			left:450px;
		}
		
			#basket_header h2{
				text-transform:uppercase;
				position:absolute;
				top:13px;
				left:20px;
				font-size:10pt;
				padding:0;
				margin:11px 0 0 0;
			}
			
			#basket_header p{
				position:absolute;
				top:53px;
				left:20px;
				font-size:8pt;
				line-height:9pt;
			}

/* ---------------------------------- */
/* PAGE   */
/* ---------------------------------- */


	#page_content{
		padding:0;
		margin:10px 0 0 0;
		background:url(../images/top_of_page_content.gif) #fff no-repeat top left;
		clear:both;
	}

	#page_content .left h2{
		color: #0066cc;
		font-weight: normal;
		}
		
	#page_content .left .product h2 {
		color: #000;
		font-weight: bold;
		}

	#page_content_bottom{
		padding:0;
		margin:10px 0 0 0;
		background:url(../images/bottom_of_page_content.gif) #fff no-repeat top left;
		clear:both;
		width:760px;
		height:10px;
		line-height:1px;
		font-size:1px;
	}
	

/* ---------------------------------- */
/* HOME PAGE CATEGORIES   */
/* ---------------------------------- */

	.category{
		border-bottom:1px solid #0066cc;
		height:107px;
		clear:both;
		margin: 0 0 14px 0;
	}
	
		.category .image{
			float:left;
			width:165px;
			height:107px;
		}
		
		.category .title{
			float:left;
			height:18px;
			width:240px;
			margin: 10px 0 5px 20px;
			padding:0;
		}
		
		.category h2{
			margin:10px 0 5px 0;
			padding: 0;
			width: 240px;
			float: left;
			height: 18px;
			background-repeat: no-repeat;
		}
		
			.category h2 a{
				display: block;
				text-indent: -3000em;
				overflow:hidden;
				margin: 0;
				padding: 0;
				height:18px;
				width:230px;
			}
		
		.category .description{
			float:left;
			margin:0 0 5px 20px;
		}
		
			.category .description p{
				font-size:8pt;
				margin:2px 0 0 0;
				padding:0;
				width:240px;
			}

		.category .view{
			float:left;
			margin:5px 0 0 20px;
			padding:0;
		}
		
	#festool_display {
		background: url(../images/bg_festool_display_top.gif) top left no-repeat #d9e8f7;
		padding: 5px;
		}
		
		#festool_display h2 {
			display: block;
			width: 200px;
			height: 34px;
			background: url(../images/logo_festool.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}
			
		#times {
			background: url(../images/bg_festool_display_bottom.gif) bottom left no-repeat #d9e8f7;
			padding: 5px 5px 10px 5px; 
			}


/* ------------------------------------------ */
/* LEFT SIDE STYLES                 		  */
/* ------------------------------------------ */

	.left ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

		.left ul li label {
			display: block;
			clear: both;
			}
			
		.left ul li label.inline {
			display: block;
			float: left;
			clear: right;
			width: 150px;
			font-weight: bold;
			padding: 0 10px 0 0;
			}
			
		.left ul.inline li {
			float: left;
			}
			
			.left ul.inline li label.inline {
				display: inline;
				font-weight: normal;
				width: auto;
				}
			
	.left form#checkout_login ul li {
			float: left;
			margin: 0 5px 0 0;
		}
		
		.left ul.long_inputs li input, .left ul.long_inputs li textarea {
			width: 100%;
			}
		
		.left ul.long_inputs li input.auto_width {
			width: auto;
			}
		
		.left input.small_button {
			width: 38px;
			height: 20px;
			background: url(../images/button_small.gif) no-repeat top left #fff;
			font-size: 90%;
			border: 0px;
			color: #fff;
			font-weight: bold;
			}
			
		.left ul li input.long_button, a.long_button {
			width: 160px;
			height: 20px;
			background: url(../images/button_long.gif) no-repeat top left #fff;
			font-size: 90%;
			border: 0px;
			color: #fff;
			text-indent: 0px;
			font-weight: bold;
			}
	
		.left a.long_button {
			display: block;
			font-size: 110%;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			padding: 1px 0 0 0;
			}
			
			.left a.long_button:hover {
				text-decoration: none;
				}

	.left ul.product_list {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
		.left ul.product_list li {
			text-align: center;
			float: left;
			margin: 0 16px 16px 0;
			border-bottom: 1px solid #0066cc;
			}
			
			.left ul.product_list li a {
				display: block;
				clear: both;
				height: 220px;
				width: 120px;
				background-repeat: no-repeat;
				background-position: center center;
				}
				
			.left ul.product_list li a.normal_link {
				display: inline;
				}
				
	.left table {
		width: 173%;
		border-collapse: collapse;
		}
		
		.left table tr th{
			border-bottom: 1px solid #666;
			}
			
		.left table tr td {
			padding: 5px 0;
			}
			
			.left table tr td.totals {
				text-align: right;
				font-weight: bold;
				padding: 0 10px 0 0;
				}
			
			.left table tr td.basket_title {
				width: 50%;
				}
				
				.left table tr td input.qty {
					margin: 0 12px 0 0;
					}
					
	.left a#checkout_button {
		display: block;
		width: 160px;
		height: 20px;
		background: url(../images/button_checkout.gif) no-repeat top left #fff;
		text-indent: -2000px;
		overflow: hidden;
		}
		
	.left div#free_gift {
		border: 1px solid #0066cc;
		margin: 10px 0;
		padding: 5px 5px 25px 5px;
		}
		
		.left div#free_gift img {
			float: left;
			padding: 5px 5px 5px 0;
			}
		
		.left div#free_gift h3, .left #promo_code h3 {
			margin: 0;
			padding: 0;
			font-size: 120%;
			color: #0066cc;
			}
			
	.left #promo_code {
		border: 1px solid #0066cc;
		padding: 10px 10px 30px 10px;
		margin: 0 0 10px 0;
		}
		
		.left #promo_code h3 {
			margin: 0 0 5px 0;
			}

/* ------------------------------------------ */
/* HOME PAGE RIGHT SIDE SPECIAL OFFERS		  */
/* ------------------------------------------ */
 
 	.right h2 {
		color: #0066cc;
		text-indent: -2000px;
		overflow: hidden;
		background-repeat: no-repeat;
		height: 20px;
		margin: 0;
		}
		
	.right ul#submenu {
		margin: 0 0 10px 0;
		padding: 0;
		list-style: none;
		}	
		
		.right ul#submenu li {
			border: 1px solid #fff;
			}
			
		.right ul#submenu li a {
			display: block;
			padding: 4px 2px;
			border-bottom: 1px solid #0066cc;
			}
			
 		.right ul#submenu li a.active {
			background-color: #d9e8f7;
			}
			
			.right ul#submenu li a.active:hover {
				text-decoration: none;
				}
 
	ul.special_offers_right{
		list-style: none;
		margin: 12px 0 0 0;
		padding: 0;
		width:269px;
	}
	
		ul.special_offers_right li {
			clear: both;
			}
			
			ul.special_offers_right li {
				display: block;
				padding: 10px 0 10px 110px;
				border-bottom:1px solid #0066cc;
				}
				
			ul.special_offers_right li a:hover {
				text-decoration: none;
				}
		
		.special_offers_right .image{
			float:left;
			width:114px;
			height:69px;
		}

			.special_offers_right h2{
				float:left;
				height:18px;
				width:154px;
				margin: 0;
				padding:0;
				text-indent: 0;
			}
		
			.special_offers_right h2{
				margin:0;
				padding: 0;
				font-size:8pt;
				color: #000;
			}
			
				.special_offers_right h2 a{
					margin: 0;
					padding: 0;
					font-weight:bold;
					color:#000000;
				}
				
			.special_offers_right .prices{
				font-size:8pt;
				color: #000;
			}
				
		.price_now{
			color:#ff0000;
			padding: 0 0 0 5px;
		}
		
		.more_details{
			font-size:8pt;
		}


	#calltoaction{
		background:#0066cc;
		padding:10px;
		margin:10px 0 0 0;
		width:248px;
	}
	
		#calltoaction img{
			margin:0 5px 5px 0;
			float:left;
		}
		
		#calltoaction p{
			margin:0;
			padding:0;
			color:#ffffff;
			float:left;
			width:140px;
		}
	

	#register_for_updates{
		background:#0066cc;
		padding:10px;
		margin:10px 0 0 0;
		width:248px;
	}
	
		#register_for_updates h2{
			background:url(../images/register_for_updates.gif) no-repeat top left;
			display: block;
			text-indent: -3000em;
			overflow:hidden;
			margin: 0;
			padding: 0;
			height:15px;
			width:181px;
		}
		
		#register_for_updates p{
			color:#fff;
			margin:5px 0 0 0;
			font-size:8pt;
		}
		
		#register_for_updates form{
			padding:0;
			margin:10px 0 10px 0;
			padding: 0 0 20px 0;
		}
		
			#register_for_updates form ul {
				list-style: none;
				margin: 0;
				padding: 0;
				}
		
			#register_for_updates form input{
				float:left;
				width:160px;
				padding:2px;
				font-size:8pt;
			}
			
			#register_for_updates form input.yellow_gobutton
			{
				display: block;
				width: 40px;
				height: 20px;
				background: url(../images/go_button_yellow.gif) no-repeat top left #fff;
				font-size: 90%;
				border: 0px;
				text-indent: -2000px;
				overflow: hidden;
				}
				
			#register_for_updates form input.yellow_gobutton:hover {
				cursor: pointer;
				}
				
	#festool_store a {
		background: url(../images/store_instore.gif) no-repeat top left #fff;
		display: block;
		width: 267px;
		height: 119px;
		margin-top: 10px;
		text-indent: -2000px;
		overflow: hidden;
		}

/* ---------------------------------- */
/* PRODUCTS   */
/* ---------------------------------- */

	#breadcrumb{
		color:#0066cc;
		font-size:8pt;
		padding:0 0 10px 0;
	}

		#breadcrumb a{
			text-decoration:underline;
			color:#0066cc;
		}
		
		#breadcrumb a:hover{
			text-decoration:none;
		}
	
	.product{
		border-top:1px solid #0066cc;
		border-bottom:1px solid #0066cc;
		padding:0 0 10px 0;
	}	
	
		.product img.product_image{
			/*float:right;*/
		}
		
		.product h2{
			font-size:12pt;
		}
		
		.product p{
			float:left;
		}
		
		.product p.clear {
			float: none;
			}
			
		.product a.enlargement {
			text-align: center;
			width: 210px;
			}	
			
		.product p a.enlarge {
			display: block;
			}
	
		.product .pricing_basket{
			background:#d9e8f7;
			/*float:left;*/
			clear: both;
			font-size:130%;
			padding: 15px;
			}
			
			.product .pricing_basket span#was {
				text-decoration: line-through;
				color: #cb0000;
				}
			
			.product .pricing_basket label {
				font-size: 80%;
				}
		
			.product .pricing_basket ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				.product .pricing_basket ul li {
					margin: 0 0 5px 0;
					}
		
			.product .pricing_basket a.checkout {
				display: block;
				width: 101px;
				text-indent: -2000px;
				overflow: hidden;
				height: 11px;
				background: url(../images/checkout.gif) top left no-repeat #fff;
				}
		
		* html .product .pricing_basket{
			width:175px;
		}
		
		.product .pricing_basket input.qty{
			width:40px;
			border:1px solid #000;
			color:#000;
			font-size:8pt;
			padding:2px;
		}
	
	.product_information{
		margin:0;
		padding:10px 0 10px 0;
		border-bottom:1px solid #0066cc;
	}
	
		.product_information h2{
			background:url(../images/product_information.gif) no-repeat top left;
			text-indent: -3000em;
			overflow:hidden;
			margin: 10px 0 10px 0;
			padding: 0;
			height:11px;
			width:141px;
		}
	
	.more_information{
		margin:0;
		padding:10px 0 10px 0;
		border-bottom:1px solid #0066cc;
	}
	
		.more_information h2{
			background:url(../images/more_information.gif) no-repeat top left;
			text-indent: -3000em;
			overflow:hidden;
			margin: 10px 0 10px 0;
			padding: 0;
			height:11px;
			width:141px;
		}
	
	#subcategories{
		list-style:none;
		margin:20px 0 0 0;
		padding:0 0 0 0;
	}
	
		#subcategories li{
			border-top:1px solid #0066cc;
			padding:5px 5px 5px 20px;
		}
		
		#subcategories li.last{
			border-bottom:1px solid #0066cc;
			padding:5px 5px 5px 20px;
		}
	
		#subcategories li a{
			color:#000000;
			display: block;
		}
		
			#subcategories li#selected_sub_cat{
				background:#d9e8f7;
			}

/* ---------------------------------- */
/* FOOTER   */
/* ---------------------------------- */

	#footer{
		padding:0;
		margin:10px 0 0 0;
		background:url(../images/top_of_page_content.gif) #fff no-repeat top left;
		clear:both;
	}
	
	#footer_bottom{
		padding:0;
		margin:0;
		background:url(../images/bottom_of_page_content.gif) #fff no-repeat top left;
		clear:both;
		width:760px;
		height:10px;
		line-height:1px;
		font-size:1px;
	}

	#footer .left img{
		margin: 20px 0 0 0;
	}
	
	#footer .right p{
		float:right;
		text-align:right;
		margin: 20px 0 0 0;
		padding:0;
		font-size:8pt;
	}
	
		#below_footer ul{
			font-size:8pt;
		}
	
		#below_footer ul li{
			display:inline;
			color:#fff;
			border-right:1px #fff solid;
			padding:0 10px 0 10px;
			margin:0;
		}
		
			#below_footer ul li.last{
				display:inline;
				color:#fff;
				border-right:none;
				padding:0 10px 0 10px;
				margin:0;
			}
	
			#below_footer ul li a{
				color:#fff;
				text-decoration:none;
			}
			
			#below_footer ul li a:hover{
				text-decoration:underline;
			}

/* ---------------------------------- */
/* HEADINGS   */
/* ---------------------------------- */


	h1#logo{
		background:url(../images/logo.gif) no-repeat;
		height:86px;
		width:311px;
		padding:0;
		margin:0;
		float:right;
	}
	
	h1#logo a{
		display: block;
		text-indent: -3000em;
		overflow:hidden;
		margin: 0;
		padding: 0;
		height:86px;
		width:311px;
	}

	h1#logo a:hover {
		background-color: transparent;
	}
	
	h2.special_offers{
		background:url(../images/special_offers.gif) no-repeat top left;
		text-indent: -3000em;
		overflow:hidden;
		margin: 0;
		padding: 0;
	}
	
	h2.tools{
		background:url(../images/tools.gif) no-repeat top left;
		text-indent: -3000em;
		overflow:hidden;
		margin: 0;
		padding: 0;
	}
	
	h1{
		font-size:14pt;
		padding:0;
		margin:0 0 10px 0;
		color:#0066cc;
	}

/* ---------------------------------- */
/* FORMS   */
/* ---------------------------------- */

	#contactform, #addressdetails{
		width:100%;
	}

	#contactform input, #contactform textarea, #contactform select {
		font: 1.1em arial, verdana, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color: #000;
		background: #fff;
		/*border: 1px solid #0066cc;*/
		width: 250px;
		margin:10px 5px 0 0;
		padding: 2px;
	}
	
	#contactform label{
		width:130px;
		float:left;
		text-align: right;
		margin:10px 20px 0 0;
		padding: 2px 0 0 0;
	}
	
	#addressdetails label{
		font-weight:bold;
		color:#333333;
	}
	
	#contactform input.button, #addressdetails input.button{
		width:100px;
		float:right;
		margin-right:20px;
		background:#0066cc;
		color:#FFFF00;
		border:0;
	}
	
	#addressdetails h2{
		font-size:10pt;
	}

/* ---------------------------------- */
/* CART - VIEW YOUR BASKET PAGE   */
/* ---------------------------------- */

	hr.baskethr{
		border:none;
		border-top:1px solid #999;
		margin:0 0 20px 0;
	}

	.basket{
		width:100%;
		clear:both;
		padding:10px 2px 0 2px;
		margin:0;
		border-bottom:1px solid #ccc;
	}
	
	.basket_header{
		width:100%;
		clear:both;
		padding:10px 2px 10px 2px;
		margin:0;
		border-bottom:1px solid #666;
	}
	
		.basket_title{
			width:200px;
			float:left;
		}
		
		.basket_qty{
			width:50px;
			float:left;
			text-align:right;
			margin:0 5px 0 0;
		}
		
		.basket_price{
			width:60px;
			float:left;
			text-align:right;
			margin:0 5px 0 0;
		}
		
		.basket_update, .basket_delete{
			width:50px;
			float:left;
			text-align:center;
		}
		
	.basket form input{
		font-size:8pt;
		border:1px solid #999;
		padding:2px;
		text-align:right;
	}
	
	.basket form input.image{
		font-size:8pt;
		border:none;
		padding:2px;
		text-align:right;
	}