@charset "utf-8";
/* CSS Document */
body {
	background:url(/images/body-bg.jpg) repeat-x top left;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#858484;
}

html, body, .container {height: 100%;}

#container-inner {padding-bottom: 250px;
	background:url(/images/content-bg.gif) no-repeat 0px 126px;}

body > .container {height: auto; min-height: 100%;}

a {
	color:#858484;
}

.clear {clear:both;}

div.container {
	width:966px;
	margin:auto;
	font-size:1.2em;
}
div.header {
	height:109px;
	width:100%;
	padding-left:6px;
	padding-top:17px;
	position:relative;
}
div.footer {
	background:url(/images/footer-bg.jpg) repeat-x top left #8f8f8f;
	width:100%;
	padding-top:21px;
	position: relative;
	margin-top: -271px;
	height: 250px;
	clear:both;
}

div.header a#logo-screwfix {
	float:left;
}
div.header a#logo-witex {
	/*margin-left:64px;*/
	position:relative; left:-10px;
	float:left;
}
div.header div#basket {
	position:absolute;
	top:17px;
	right:0px;
}
input.header-search {
	background:url(/images/header-input.gif) no-repeat top left;
	height:14px;
	width:152px;
	float:left;
	font-size:1em;
	padding:4px;
}
div.menu {
	float:left;
	width:100%;
	margin-top:7px;
	position:relative; left:-7px;
}
div.menu ul.main-menu {float:left;}
div.menu ul.main-menu li {
	float:left;
	display:block;
	/*margin-right:15px;*/
	margin-left:-21px;
	font-weight:500;
	background:url(/images/nav-tab-left.png) no-repeat center left; width:auto; height:32px;
}
div.menu ul.main-menu li.first {
	margin-left:0px;
}
div.menu ul.main-menu li.search-tab {
	background:url(/images/nav-tab-search.png) no-repeat; width:223px; height:31px;
	position:relative; top:1px; left:9px;
}
div.menu ul.main-menu li.current {
	position:relative;
	z-index:2;
}
div.menu ul.main-menu li a {
	text-decoration:none;
	/*background:url(/images/menu-link-arrow.gif) no-repeat right 4px;*/
	background:url(/images/nav-tab-right.png) no-repeat center right; width:auto; height:12px;
	position:relative;
	z-index:1;
	padding:10px 35px 10px 0px;
	margin-left:16px;
	color:#FFFFFF;
	/*padding-right:10px;*/
	float:left;
	/*padding-bottom:8px;*/
}
div.menu ul.main-menu li.last {
	margin-right:0px;
}
div.menu ul.sub-menu {
	float:left;
	margin-left:4px;
}
div.menu ul.sub-menu li {
	float:left;
	background:url(/images/nav-sub-bg-purple.gif) repeat-x;
	display:block;
	height:40px;
	text-align:center;
	border-top:1px solid #163b96;
	border-bottom:1px solid #163b96;
}
div.menu ul.sub-menu li.first {
	border-left:1px solid #163b96;
}
div.menu ul.sub-menu li.last {
	border-right:1px solid #163b96;
}
div.menu ul.sub-menu li.last a {
	background:none;
}
div.menu ul.sub-menu li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:5px 10px;
	display:block;
	background:url(/images/nav-sub-separator.gif) no-repeat top right;
}
div.menu ul.sub-menu li.red {
	background:url(/images/nav-sub-bg-red.gif) repeat-x;
	border-top:1px solid #ff0101;
	border-bottom:1px solid #ff0101;
	border-right:1px solid #ff0101;
}
div.menu ul.sub-menu li.red a {
	background:url(/images/nav-sub-separator-red.gif) no-repeat;
}
div.menu div.shadow {
	background:url(/images/nav-sub-shadow.gif) repeat-x; width:961px; height:7px;
	position:relative; left:4px;
}
div.content {
	width:930px;
	float:left;
	padding:18px;
}
div.content-left {
	width:586px;
	float:left;
	margin-right:23px;
}
div.content-right {
	width:320px;
	float:left;
}
div.product-left {
	width:644px;
	float:left;
	margin-right:16px;
	display:inline;
}
div.product-right {
	width:270px;
	float:left;
}
div.home-header {
	position:relative;
	width:930px;
	height:360px;
	/*margin-bottom:10px;*/
}
.product-assistant {
	position:absolute;
	right:0px;
	top:1px;
	width:260px;
	height:31px;
	color:#393838;
	line-height:31px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center; 
	cursor:pointer;
	z-index:4;
}
ul#home-header-menu {
	position:absolute;
	bottom:0px;
	margin-bottom:1px;
}
ul#home-header-menu li {
	background:#FFFFFF;
	margin-right:1px;
	float:left;
	width:133px;
	height:43px;
	font-weight:bold;
}
ul#home-header-menu li.last {
	width:105px;
}
ul#home-header-menu li a {
	text-decoration:none;
	color:#535151;
	display:block;
	line-height:1.2em;
	position:relative;
	z-index:12;
	padding:10px;
	padding-top:5px;
}
div.home-header-cut {
	background:url(/images/home-header-cut.gif) no-repeat top left;
	bottom:0px;
	right:124px;
	position:absolute;
	height:44px;
	z-index:5;
	width:16px;
}
div.pa-form {
	background:#FFFFFF;
	position:absolute;
	right:0px;
	top:32px;
	width:263px;
	height:252px;
	z-index:6;
}
div.home-header div.find-product {
	position:absolute;
	bottom:35px;
	right:0px;
	z-index:10px;
	background:url(/images/button-find-product.gif) no-repeat top left;
	width:263px;
	height:42px;
}
.opacity {
	filter:alpha(opacity=73);
	-moz-opacity: 0.73;
	opacity: 0.73;	
}
.opacity-high {
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;	
}
#home-image-container {
	position:relative; width:930px;	
}
.home-image {
	position:absolute;
	top:0px;
	left:0px;
}
.product-assistant-bg {
	background:#FFFFFF;
	position:absolute;
	right:0px;
	top:1px;
	width:260px;
	height:31px;
	z-index:4;
}
#product-assis-outer {
	position:absolute; top:32px; right:0px; width:260px; height:293px; overflow:hidden; z-index:4;
}
#product-assistant {
	position:absolute; top:0px; right:0px;	
}
#assistant-header-bg {
	height:250px; background-color:#FFF; position:absolute; top:0px; right:0px; width:260px;
}
#assistant-bg {
	height:33px; background-color:#464340; position:absolute; top:250px; right:1px; width:260px;	
}
#assistant-content {
	height:250px; position:absolute; top:0px; right:0px; width:226px; color:#000; padding:0 17px;	
}
#assistant-content p {
	line-height:27px; margin:7px 0 0; font-weight:bold;	
}
#assistant-footer {
	height:33px; position:absolute; top:250px; right:0px; width:260px; color:#fff; text-align:center;line-height:33px; font-size:1.0em; font-weight:bold;	
}

#assistant-footer a {
	color:#FFFFFF; text-decoration: none;
}
#assistant-arrow {
	position:absolute; top:283px; right:124px;	
}
div.ad-space {
	width:100%;
}
div.ad-space div.item {
	width:219px;
	float:left;
	margin-right:17px;
	/*background:url(/images/ad-space-shadow.gif) no-repeat bottom left;*/
	padding-bottom:20px;
}
div.ad-space div.last {
	width:219px;
	float:left;
	margin-left:1px;
	/*background:url(/images/ad-space-shadow.gif) no-repeat bottom left;*/
	padding-bottom:20px;
}
.ad-space-fom {
	margin-top:3px;
}
div.title-bar-grey {
	background:url(/images/title-bar-grey.gif) no-repeat top left;
	width:100%;
	float:left;
	height:50px;
	color:#393838;
	padding-left:10px;
	line-height:28px;
}

div.title-product-bar-grey {
	background:url(/images/title-product-bar-grey.gif) no-repeat top left;
	width:634px;
	float:left;
	height:50px;
	color:#393838;
	padding-left:10px;
	line-height:28px;
}

div.title-bar-grey a, div.title-product-bar-grey a {
	color:#393838;
	text-decoration:none;
}
div.title-bar-grey a:hover, div.title-product-bar-grey a {
	text-decoration:underline;
}
div.item-list {
	width:100%;
}
div.item-list div.item {
	/*background:url(/images/item-background.jpg) no-repeat bottom left;*/
	/*padding-bottom:34px;*/
	float:left;
	width:219px;
	margin-right:17px;
	position:relative;
}
div.products div.item {
	margin-bottom:15px;
}
div.item-list div.overlay {
	background:#FFFFFF;
	width:100%;
	padding:9px 9px 9px 9px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;	
	color:#000000;
	text-decoration:none;
	position:absolute;
	bottom:0px;
	font-weight:bold;
}
div.item-list a {
	text-decoration:none;
}
div.item-list div.last {
	margin-right:0px;
}
div.item-list div.item div.itemDesc {
	font-size:1em;
	padding:3px;
	margin-bottom:8px;
}

div.item-list-desc {height:100px;}
div.item-list div.item a.itemImg {
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 0px;
	float:left;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
div.item-list div.item div.hold {
	 width:219px;
	 height:133px;
	 position:relative;
}
div.item-list div.overlay a {
	display:block;
	padding-left:9px;
	line-height:33px;
	color:#000000;
}
div.item-bar {
	background:url(/images/item-bar.gif) no-repeat top left;
	float:left;
	height:2px;
	width:100%;
	margin:3px 0px 3px 0px;
}

div.links {
	padding-left:30px;
}
div.footer ul.footer-links {
	float:left;
	width:240px;
}
div.footer ul.footer-links a {
	text-decoration:none;
	line-height:1.6em;
}
div.footer ul.footer-links strong {
	color:#464646;
}
div.footer-logos {
	float:left;
	width:100%;
	margin-top:30px;
}
div.accessories-bar {
	background:url(/images/item-bar.gif) repeat-x top left;
	float:left;
	height:2px;
	width:100%;
	margin:8px 0px 8px 0px;
}
div.accessories-name {
	font-weight:bold;
	margin-bottom:5px;
}
.accessories-img {
	float:right;
}
div.tabs {
	margin-top:10px;
}
div.tabContent {
	background:#b2b2b2;
	color:#FFFFFF;
	padding:10px;
	width:624px;
	margin-top:-3px;
}
div.box-configurator {
	background:url(/images/box-configurator.gif) no-repeat top left #424242;
	width:256px;
}
div.box-select-packs, div.box-select-quantity, div.box-options {
 	background:url(/images/box-select-packs.gif) no-repeat top left #a7a6a6;
 	width:254px;
	height:35px;
 	padding-left:16px;
 	padding-top:52px;
	color:#fff;
}
div.box-select-quantity {
	background:url(/images/box-select-quantity.gif) no-repeat top left #a7a6a6;
}
div.box-options {
	background:url(/images/box-options.gif) no-repeat top left #a7a6a6;
	height:auto;
}
div.box-options p {
	margin:0;
	padding:0 0 10px;
}
div.box-options select {
	width:235px; 
	height:22px;
	padding-left:4px; 
	padding-top:2px; 
	margin-top:3px;
}
div.box-options input {
	width:228px; margin-top:3px; font-size:1.0em; line-height:18px; height:18px; padding-left:8px;
}
.range-item {
	width:219px;
	float:left;
	margin-right:17px;
	padding-bottom:10px;
	position:relative;
}
.range-item a {
	padding:0px;
	margin:0px;
}
.last {
	margin-right:0px;
}

input.add-to-cart-submit {background:url(/images/shoppingbag.gif) no-repeat center right; height:42px; width:130px; color:#FFFFFF; cursor:pointer;}
/*=================================
		Menu Effect CSS	
	===============================*/
.lavaLampBottomStyle {
	position:relative;
	overflow:hidden;
}
.lavaLampBottomStyle li {
	float:left;
	list-style:none;
}
.lavaLampBottomStyle li.back {
	border-bottom:5px solid #484747;
	width:9px;
	height:17px;
	z-index:8;
	position:absolute;
}
.lavaLampBottomStyle li a {
	z-index:10;
	display:block;
	float:left;
	height:17px;
	position:relative;
	overflow:hidden;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border: none;
}

/*=================================
		Cart/Checkout CSS	
===============================*/
div.cart-content-left {width:697px; height:auto; float:left;}

div.cart-header-block {background:url(/images/cart-header-bg.gif) no-repeat; width:685px; height:58px; color:#393838; font-weight:bold;}

	div.cart-header-block p {position:relative; top:6px;}
	
div.cart-item {border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; width:100%; margin-bottom:20px; padding:5px 0 5px 0; clear:both;}

	div.cart-item a {text-decoration:none;}

	div.cart-item img.product-image {float:left; margin-right:20px;}
	
	div.cart-item .remove-item {float:right;}
	
	div.cart-item strong, .totals strong {color:#464646;}
	
	div.cart-item td {padding:3px;} 
	
	div.cart-item td input {border:1px solid #c6c6c6; width:40px;}
	
	div.cart-item td .update{background-color:#484747; height:20px; color:#fff; padding:0; margin:0; border:0; width:130px; padding-bottom:6px; margin-left:5px; position:relative; top:-1px; font-size:1.0em; cursor:pointer;}
	
	div.cart-item .item-total {font-weight:bold; float:right; width:458px;}
	
		div.cart-item .item-total span {font-size:25px; color:#b10000;}
		
		div.cart-item .item-total p {margin:0; padding:0;}
		
	div.cart-item input.submit-button {background:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7e7e7e; width:100px; cursor:pointer;}
		
.totals {border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; width:100%; margin-bottom:20px; padding:5px 0 5px 0;}

	.totals span {display:block;}
	
	.totals table {float:right;}
	
	.totals td {padding:3px;}
	
	.totals input {border:1px solid #c6c6c6;}
	
.grand-total {background-color:#676767; height:40px; color:#FFFFFF; text-align:right; padding-right:14px;}

	.grand-total span {font-size:30px;}
	
.checkout-button {background-color:#b2b2b2; width:100%; height:35px;}

	.checkout-button p {background-color:#484747; width:150px; height:26px; position:relative; left:547px; text-align:center; margin:4px 0 0; padding-top:9px;}
	
	.checkout-button a {color:#FFFFFF; font-weight:bold; text-decoration:none;}

div.checkout-header-block {border-bottom:1px solid #c1c1c1; padding-bottom:9px; margin-bottom:10px;}
	
#accordion h3 {padding:7px 5px 7px 5px; background:#b2b2b2; color:#393838; border-bottom:1px solid #FFFFFF;}

#accordion fieldset {padding:10px 0;}

#accordion hr {height:1px; border:0; background:#C1C1C1;}

#accordion h4 {font-size:15px; font-weight:bold; margin-bottom:5px;}

#accordion div {padding-top:10px;}

#accordion span {display:block;}

#accordion label {display:block; width:150px; float:left; padding:3px;}

#accordion input, #accordion select {border:1px solid #c6c6c6; padding:2px; width:242px; margin:0 0 6px 0;}

	#accordion input.checkbox {border:none; margin:0 0 0 5px; width:auto;}

#accordion abbr {border-bottom:1px dotted #c6c6c6; cursor:help;}

#accordion table.checkout-totals {width:460px;}

#accordion table.checkout-items {border:1px solid #c6c6c6; padding:5px; width:100%; margin-bottom:20px;}

#accordion th, #accordion td {text-align:left; padding:5px;}

#accordion th {background-color:#b2b2b2; color:#393838;}

	#accordion a.stage {float:right; position:relative; top:-20px; text-decoration:none; font-weight:bold;}
	
.select-replace {border:1px solid #c6c6c6; height:16px; width:242px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:3px 0 0 0; margin:0 0 6px 0; display:block; clear:right;}

.select-replace-value {padding:0 0 3px 3px;}
	
	.select-replace ul {/*display:inline;*/ border-top:1px solid #999999;}
	
	.select-replace li {}
		
		.select-replace li a {display:block; color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:2px;}
			
			.select-replace li a:hover {background-color:#999999;}
			
#assistant-content p {margin-bottom:10px;}
			
#assistant-content .select-replace {background-color:#FFFFFF; line-height:1.3em; width:220px; position:absolute;}

p.text-search-result, p.text-search-result-left {width:456px; height:50px; border-bottom:1px solid #c6c6c6; border-top:1px solid #c6c6c6; float:left; padding:5px 0 5px 0;}

	p.text-search-result-left {margin-right:18px;}
	
table.colour-table td {vertical-align:middle;}

div.cart-content-right {width:220px; margin-left:710px;}

div.contact-form label {display:block; float:left; position:relative; font-weight:bold;}

div.contact-form input, div.contact-form select {border:1px solid #bababa; padding:2px; width:300px; margin:0 0 6px 0;}

div.contact-form .submit{background:url(../images/btn-submit-bg.gif) top left no-repeat #484747; height:28px; line-height:28px; color:#fff; padding:0; margin:0; border:0; width:306px; cursor:pointer;}

div.contact-form textarea {width:300px;}

div.contact-form .error {color:#FF0000; font-size:13px;}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	color:#484747;
}

.ac_even {
	color:#484747;
}

.ac_over {
	background-color: #484747;
	color: white;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

home-header-block {
	width:928px;
}
#block-right {float:right; width:220px;}
#block-left {float:left; width:690px; position:relative;}
#image-array div {position:absolute;}
#extras-boxes div {
	margin-left:19px;
}
#extras-boxes div.first {
	margin-left:0;
}
.price-box {
	width:218px;
	float:left;
	margin-left:19px;
	font-size:17px;
	font-family:Helvetica, Arial, sans-serif;
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-0.7px;
	line-height:1.2em;
	color:#FFFFFF;
}
.price-box a {
	color:#FFFFFF;
	text-decoration:none;
}
#price-boxes .first {
	margin-left:0;
}
.price-box .title {
	background-color:#1e429a;
	padding:10px 10px 15px;
	margin-bottom:2px;
	height:40px;
}
.price-box .title .big {
	font-size:1.5em;
}
.price-box .link, div.minor-box a.link {
	background:url(/images/price-box-link-bg.gif) no-repeat;
	width:218px;
	height:52px;
	margin-top:2px;
	padding-top:8px;
	text-align:center;
}
.price-box .image {
	position:relative;
}
.price-box .info img {
	position:absolute;
	left:130px; top:110px;
}
#image-array-container {width:672px; position:absolute; top:250px; z-index:10; text-align:right; padding-right:18px;}
#image-array-selector {}
#image-array-selector a {text-align:right; margin-right:3px;}

div.minor-box {height:230px; width:217px; float:left; margin-right:1px;}

div.minor-box a.link {
	float:left;
	font-size:17px;
	font-family:Helvetica, Arial, sans-serif;
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-0.7px;
	line-height:1.2em;
	color:#FFFFFF;
	text-decoration:none;
}

input#code {border:1px solid #C6C6C6;}

.sale-image {position:absolute; bottom:49px; right:0px;}