/*

Tradingeye 'Petrol v1.0' style sheet
===============================================

Copyright:		2008 dpivision.com
Author:			Ian Sidaway
Last edit:		16/04/2009 by Ian Sidaway

*/


/* =BASE
=============================================== */

html {
	}
body {
	background: #fff url(../images/bg.jpg) repeat-x;
	color: #333;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	}
table,
td,
input,
textarea,
select,
li {
	color: #222;	
	}

/* hidden items */

#skip,
.hidden {
	display: none;
	}

/* basic links */

a:link,
a:visited,
a:active {
	color: #d3372c;
	text-decoration: none;
	}
a:hover {
	color: #141414;
	}

/* images */

img {
	border: none;
	}

/* typography */

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
	}
h2 {
	font-size: 1.4em;
	clear: both;
	font-weight: bold;
	}
h2#pageTitle {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 15px;
	}
h2#pageTitle span {
	color: #aaa;
	}
h3 {
	clear: both;
	font-size: 1.2em;
	}
h4,
h5 {
	font-size: 1em;
	text-transform: uppercase;
	}
hr {
	}
.message {
	background: #f2f2f2;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}
.message.positive {
	background: #0f0;
	}
.message.negative {
	background: #f7e1e1;
	}
.note {
	background: #f3f3f3;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}
.warning {
	background: #f7e1e1;
	font-size: 1em;
	padding: .5em 10px;
	}
.highlight {
	font-size: 1.4em;
	}
address {
	font-style: normal;
	margin: 1em 0;
	}


/* =CONTAINER
=============================================== */

#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 962px;
	}


/* =HEADER
=============================================== */

#header {
	font-size: 1.1em;
	height: 109px;	
	width: 100%;
	}
#header .inner {
	margin: 0 auto;
	position: relative;
	width: 962px;
	}

/* company logo & tagline */

#logo {
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 28px;
	}
#logo a {
	color: #fff;
	}
#tagline {
	border: none;
	color: #232323;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 76px;
	font-size: 11px;
	font-weight: normal;
	}

/* shopping basket info */

#info {
	color: #fff;
	font-weight: bold;
	margin: 0;
	margin-top:12px;
	padding: 10px 10px 12px 12px;
	position: absolute;	
	right: 0;
	top: 0;
	z-index: 10;
	background: #8a1d16 url(../images/basket-bg-new.jpg) repeat-x;
	border: 1px solid #711e18;
	width: 250px;
	}
#infoWrapper {
position: relative;
}
#info a {
	color: #fff;
	}
#info a:hover {
	color: #e4e4e4;
	}
#basket-bg {
	background: url(../images/basket-new.gif) no-repeat 0 0;
	text-indent: 35px;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#basket {
	padding: 10px 0 0 0;
	margin: 0;
		font-size: 12px;line-height:16px;
}
#basket a{
color: #facdca;
}
#basket a:hover{
color: #fff;
}
#view-basket {
	position: absolute;
	top: -15px;
	right: 0;
}
#view-basket a{
background: #75201a;
padding: 4px 6px;
text-decoration: underline;
	margin: 0;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	display: block;
}
#view-basket a:hover{
color: #f6f6f6;
background: #8d2720;
}
#sign-in-reg {
	position: absolute;
	top: 13px;
	right: 0;
}
#sign-in-reg a{
font-size: 11px;
text-decoration: underline;
}
#sign-in-reg a:hover{
text-decoration: none;
color: #fff;
}
/* =MID
=============================================== */

#mid {
	margin: 0 auto;
	position: relative;
	width: 962px;
	padding: 45px 0 0 0;
	}

/* breadcrumb trail */

#breadcrumbs {
	color: #747474;
	font-weight: normal;
	font-size: 12px;
	width: 770px;
	position: absolute;
	top: 45px;
	right: 0;
	display: block;
	z-index: 7;
	text-align: left;
	}
#breadcrumbs a {
	color: #d53730;
	font-weight: bold;
	font-size: 12px;
	}
#breadcrumbs a:hover {
	color: #161616;
	}


/* =SIDEBAR
=============================================== */

#sidebar {
	float: left;
	font-size: 1.1em;
	display: inline;
	margin-right: 10px;
	margin-bottom: 15px;
	width: 174px;
	}

/* standard search */

#searchTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#search-wrapper {
	position:absolute;
	top: 1px;
	right: 10px;
	margin: 0;
	padding: 0 0 0 28px;
	width: 184px;
	background: url(/images/search-mag.gif) no-repeat 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #CCC;
	z-index: 20;
	}
#search-wrapper div{
	padding: 3px 0 0 0;
	margin: 0;
	float: left;
}
#search {
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
	}
#search label {
	display: none;
	}
#searchKeyword {
	background: #fff;
	border: 1px solid #ddd;
	margin: 0;
	padding: 3px 4px;
	width: 134px;
	font-size: 11px;
	font-weight: bold;
	color: #5c5c5c;
	display: inline;
	}
#adv {
	border: 1px solid #d9d9d9;
	float: left;
	margin: 1em 0 0 0;
	padding: 3px 4px;
	width: 180px;
	}
#searchSubmit {
	background: #848484;
	border: 0;
	color: #fff;
	margin: 0;
	overflow: hidden;
	padding: 2px 4px;
	text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		border: 1px solid #020202;
		display: inline;
}
#searchSubmit:hover {
	background: #555555;
	cursor: pointer;
	}

/* shop by brand */

#shopbyBrandTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#shopByBrand {
	float: left;	
	padding: 3px 4px;
	width: 180px;
	}
#brandSubmit {
	background: #5a8bb6;
	border: 0;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0;
	overflow: hidden;
	padding: 0 4px 1px 4px;
	text-transform: uppercase;
	}
#brandSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
	}

/* top-level navigation */

#navDeptTitle {
	display: none;
	}
#links {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}


#navDept {
float: left;
position: relative;
	width: 962px;
	background: #232323 url(/images/links-bgH.jpg) repeat-x 0 -33px;
	}
	
	
#navDept li {
padding: 0;
	float: left;
	margin: 0 0 0 0;
	border-right: 1px solid #4f4f4f;
	position: relative;
	}
#navDept li a {
	background: #232323 url(/images/links-bgH.jpg) 0 -29px;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 23px 8px 23px;
	border-right: 1px solid #000000;
	}
#navDept li a:hover {
	background: #6e1f12 url(/images/links-bgH.jpg) 0 0;
	color: #fff;
	}
#navDept li a.selected {
	background: #6e1f12 url(/images/links-bgH.jpg) 0 0;
	color: #fff;
	}
#navDept li a:hover.selected {
	background: #6e1f12 url(/images/links-bgH.jpg) 0 0;
	color: #fff;
	}
#navDept li.browse {
height: 29px;
width: 107px;
background: url(/images/browse.jpg) no-repeat 0 0;
border: 0;
}






#links-footer {
height: 18px;
	width: 610px;
background: url(/images/links-drop-bg-footer2.png) no-repeat 0 0;
}
#navDept .links-footer {
	width: 610px;
	padding: 0 5px;
	background: url(/images/drop-bg-small.png) repeat-y 0 0;
	float: left;
	}

#navDept li:hover .navSub {
	display: block;
	position: absolute;
	top: 29px;
	left: -5px;
	width: 620px;
	padding: 0 0 16px 0;
	background: url(/images/links-drop-bg-footer2.png) no-repeat bottom;
	}


	
	
	
	




#navDept li:hover ul ul, #navDept li:hover ul ul ul, #navDept li:hover ul ul ul ul{
display:none;
}
#navDept li:hover ul, #navDept li li:hover ul, #navDept li li li:hover ul, #navDept li li li li:hover ul{
display:block;
}







/* customer tools */

#navToolsTitle {
background: #a5322a url(/images/header-bg.jpg) repeat-x;
padding: 8px 13px;
margin: 0;
	}
#navTools,
#navTools li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #2d2d2d;
	}
#navTools {
	left: 0;
	width: 174px;
	background: #2d2d2d;
	padding: 5px 0 ;
	}
#navTools li {
	width: 174px;
	}
#navTools li a {
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	background: url(/images/bullet.gif) no-repeat 14px 11px;
	display: block;
	padding: 7px 0 7px 25px;
	}
#navTools li a:hover,
#navTools li a.selected {
	color: #fff;
	text-decoration: underline;
	}
#navTools li a span {}

/* menu items */

.navStaticTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 .5em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
.navStatic,
.navStatic li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.navStatic {
	margin-bottom: 1em;
	}
.navStatic li a,
.navStatic li a:link,
.navStatic li a:visited,
.navStatic li a:active {
	background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
	color: #777;
	display: block;
	width: 100%;	
	}
.navStatic li a:hover {
	color: #111;
	}
.navStatic li a span {
	display: block;
	padding: .5em 10px .5em 2.4em;
	}

/* newsletter signup */
#newsletter {
display: none;
}
#newsletterTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#newsletter label {
	display: none;
	}
#newsletterEmail {
	background: #fff;
	border: 1px solid #d9d9d9;
	float: left;
	margin: 0;
	padding: 4px;
	width: 170px;
	}
#newsletterSubmit {
	background: #5a8bb6;
	border: 0;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0;
	overflow: hidden;
	padding: 0 4px 1px 4px;
	text-transform: uppercase;
	}
#newsletterSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
	}
/* menu items */



/* =CONTENT
=============================================== */

#main {
	float: right;
	font-size: 1.1em;
	display: inline;
	width: 770px;
	}

/* content area */

#content {
float: left;
width: 738px;
padding: 15px;
border: 1px solid #e0e0e0;
background: #fff;
margin: 28px 0 0 0;
	}
#content h2.subh2{
display: none;
}

.homeFlash {
width: 514px;
float: left;
}
#HomeProducts {
float: right;
width: 208px;
border:1px solid #000;
height: 123px;
background: #2e2e2e url(../images/price_match.jpg) no-repeat;
padding:135px 14px 0 14px;
font-size: 13px;
color: #CCC;
font-weight: bold;
line-height: 17px;
}
#HomeProducts span.white{
font-size: 15px;
color: #fff;
}


#HomeProducts ul#productsHome {
width: 236px;
padding: 0;
margin: 0;
list-style: none;
background: #fff;
}
#HomeProducts ul#productsHome .desc2{
font-size: 12px;
padding: 0 15px;
text-align: center;
}

#HomeProducts  h2{
height: 20px;
float: left;
padding: 0;
margin: 0;
background: #9f2418 url(/images/specialOffersBG.jpg) repeat-x 0 0;
width: 100%;
text-align: center;
padding: 7px 0 0 0;
}
#HomeProducts ul#productsHome li{
width: 236px;
padding: 0;
margin: 0;
list-style: none;
float: left;
background: #fff;
}
#HomeProducts ul#productsHome li h3{
padding: 0 17px;
margin: 0;
font-size: 14px;
text-align: center;
}

#HomeProducts ul#productsHome li p.image{
padding: 0;
margin: 0;
text-align: center;
}
#HomeProducts ul#productsHome li p.image img{
border: 1px solid #d1d1d1;
margin: 9px 0;
}



#HomeBottom {
margin: 5px 0 0 0;
float: left;
width: 770px;
}
#HomeBottom .freeDel {
float: left;
padding: 0 0 10px 0;
}

#HomeRow1 {
width: 100%;
float: left;
}

#content2 {
float: left;
	}
#content h1{
	color: #40403f;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e3e3e3;
	}
	
	
#content table{
background: #2d2d2d;
text-align: left;
color: #FFF;
border: 0;
}
#content td{
background: #eaeaea;
border: 0;
font-size: 12px;
}
#content td a{
color: #242424;
font-size: 12px;
}
#content td a:hover{
color: #585858;
text-decoration: underline;
}
#content td.cart_text a{
font-size: 14px;
color: #2d2d2d;
font-weight: bold;
}
#content td.cart_text{
color: #2d2d2d;
font-size: 13px;
line-height: 16px;
}


#content td img{
border: 1px solid #9b9b9b;
}
#content tr{
border: 0;
}
#content th{
background: #2d2d2d;
text-align: left;
color: #FFF;
padding: 5px;
}
	
	
#content-department {
float: left;
width: 770px;
background: #fff;
margin: 18px 0 0 0;
border-top: 0;
padding: 0 0 15px 0;
	}
#content-department h2#pageTitle{
font-size: 15px;
margin: 0;
color: #fff;
width: 770px;
width: 100%;
padding: 9px 0;
text-indent: 10px;
background: #95160d url(/images/department-bg.jpg) repeat-x;
}
#content-department #content{
border: 1px solid #f4c0be;
border-top: 0;
float: left;
width: 738px;
padding: 15px;
margin: 0;
}



#content #contactDetails {
	background: #fff;
	float: left;
	margin-left: 0;
	padding: 0;
	width: 100%;
	}
#content #contactDetails address {
	margin: 0;
	}
#content a {
	font-weight: bold;
	}
p.buttonWrapper {
	height: 2em;
	line-height: 2em;
	margin: 1em 0;
	}
p.buttonWrapper a:link,
p.buttonWrapper a:visited,
p.buttonWrapper a:active {
	background: #5a8bb6;
	color: #fff;
	margin-right: .5em;
	padding: .5em 1em;
	}
p.buttonWrapper a:hover {
	background: #4f7a9f;
	}

/*  sub-department navigation - content area */

#navSubDept,
#navSubDept li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#navSubDept {
	color: #777;
	margin: 0 0 0 0;
	padding: 7px;
	position: relative;
	float: left;
	}
#navSubDept li {
	display: block;
	float: left;
	list-style: none;
}
#navSubDept li a {
	color: #282828;
	display: block;
	font-weight: normal;
	background: #fff;
	border: 1px #2a2a2a solid;
	padding: 10px;
	width: 335px;
	height: 170px;
	margin: 0 4px 4px 0;
	}
#navSubDept li a:hover,
#navSubDept li a.selected {
	color: #282828;
}
#navSubDept li img {
float: right;
}
#navSubDept li p{
min-height: 1px;
max-height: 110px;
overflow: hidden;
margin: 8px 0 10px 0;
padding: 0;
float: left;
width: 100%;
line-height: 14px;
}
#navSubDept li span{
font-size: 15px;
font-weight: bold;
line-height: 23px;
}
#navSubDept li span .headerText {
width: 165px;
float: left; 
}
#navSubDept li span .headerImage {
width: 130px;
float: right;
}



#navSubDept3 {
	color: #777;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	float: left;
	}
#navSubDept3 li {
	display: block;
	float: left;
	list-style: none;
}
#navSubDept3 li a {
	color: #fff;
	display: block;
	font-weight: normal;
	background: #303030;
	border: 1px #2a2a2a solid;
	padding: 10px;
	width: 335px;
	margin: 0 4px 4px 0;
	}
#navSubDept3 li a:hover,
#navSubDept3 li a.selected {
	color: #fff;
	background: #181818;
}
/* =FORMS
=============================================== */

fieldset {
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	}
legend {
	clear: left;
	color: #4d4d4d;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	}
fieldset h3 {
	margin: 1em 0;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: bold;
	}
.formField {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 6px 8px;
	width: 170px;
	}
select.formSelect {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 6px 8px;
	width: 310px;
	}
select.formSelectMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 3px 4px;
	width: 90px;
	}
.formFieldShort {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;
	width: 50px;
	}
.formFieldMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;
	width: 90px;
	}
h3 .formRadio {
	margin: -.2em .5em 0 0;
	}
p .formRadio {
	margin: -.2em .5em 0 0;
	}
.formButton {
	background: #2d2d2d;
	border: none;
	color: #fff;
	height: 2.2em;
	line-height: 2.2em;
	overflow: hidden;
	padding: 0 4px 2px 4px;
	}
.formButton:hover {
	background: #4d4d4d;
	cursor: pointer;
	}
label {
	margin: .5em 0;
	}
label span {
	color: #a00;
	font-size: 110%;
	font-weight: bold;
	}
input.formField:focus,
input.formFieldShort:focus,
input.formFieldMedium:focus,
textarea:focus,
.quantity:focus,
.formField.comments:focus	{
	background: #fff;
	border: 1px solid #aaa;
	}


/* =TABLES
=============================================== */

table {
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	line-height: 150%;
	margin: .5em 0 1em 0;
	width: 100%;
	}
th {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 5px;
	}
tr {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	}
td {
	border-bottom: 1px solid #e5e5e5;
	padding: 5px;
	vertical-align: top;
	}
table .price {
	color: #e14039;
	font-size: 1em;
	font-weight: bold;
	}
th.first,
td.first {
	width: 25%;
	}
td.qty {
	width: 70px;
	}
th.remove {
	width: 75px;
	}
th.product,
th.attributes {
	width: 30%
	}
th.product_price {
width: 60px;
}

/* =MISC
=============================================== */

/* site map */

#sitemap,
#sitemap ul,
#sitemap li {
	list-style: none;		
	margin: 0;
	padding: 0;
	}
#sitemap {
	margin: 1em 0;
	}
#sitemap li {
	margin: .5em 0;
	}
#sitemap li h3 {
	margin: .2em 0;
	}
#sitemap ul {
	padding-left: 20px;
	}

/* shopping cart & checkout */

.module1 {
	float: left;
	margin:0 0 1em 0;
	width: 340px;
	display: inline;
	font-size: 12px;
	}
.module1 fieldset{
margin: 0;
}
.module2 {
	float: right;
	margin: 1em 0;
	width: 340px;
	display: inline;
	font-size: 12px;
	}
.module3 {
	float: left;
	margin: 0 0 1em 0;
	width: 100%;
	display: inline;
	font-size: 12px;
	color: #555555;
}

.module1 *:first-child,
.module2 *:first-child {
	margin-top: 0;
	}
.formCheckbox,
.formRadio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
p .formCheckbox {
	margin: -.4em .5em 0 0;
	}
p .formRadio {
	margin: -.4em .5em 0 0;
	}
#cartContents {
	margin-bottom: 1em;
	}
#cartContents td.productDetails {
	padding-left: 80px;
	}
.cartProductImage {
	display: inline;
	float: left;
	margin: 0 0 0 -75px;
	}
.cartProductImage a img {
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 2px;
	width: 60px;
	}
.cartProductImage a:hover img {
	background: #eee;
	border: 1px solid #d5d5d5;
	padding: 2px;
	}
a.removeItem {
	background: url(../graphics/site/removeItem.gif) no-repeat 0 50%;
	height: 16px;
	padding-left: 20px;
	}
.secure_trading {
float: left;
width: 152px;
padding: 25px 0 25px 51px;
}
#acceptedCards img {
	margin-right: .5em;
	}
	
#acceptedCards {
text-transform:none;
float: right;
width: 410px;
padding: 10px 50px 0 0;
}
/* cart totals */

#total {
	clear: both;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 13px;
	color: #555555;
	}
#total dt {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	line-height: 2.5em;
	}
#total dd {
	line-height: 2.5em;
	margin-top: -2.6em;
	text-align: right;
	font-weight: bold;
	}
div.total_amount {
background: #2d2d2d;
padding: 0 15px;
font-size: 17px;
color: #fff;
float: left;
width: 710px;
margin: 0 0 15px 0;
}
div.total_amount dt {
	border-bottom: 0px solid #ddd;
	font-weight: bold;
	line-height: 2.5em;
	color: #fff;
	float: left;
	width: 45%;
}
div.total_amount dd {
	line-height: 2.5em;
	text-align: right;
	font-weight: bold;
	color: #fff;
	float: right;
	width: 45%;
	}

#total .total {
	font-size: 1.2em;
	}
.actions {
	clear: both;
	margin: 1em 0;
	}

/* content area forms (checkout, login, contact form etc.) */

#main label {
	display: block;
	}
#main .formField,
#main .formFieldMedium {
	margin: 0 0 .8em 0;
	width: 280px;
	}
#main select.formSelect,
#main select.formSelectMedium,
#main select.formSelectShort {
	margin: 0 0 .8em 0;
	width: 280px;
	}
#content .formField,
#frmContact .formField {
	width: 310px;
	}
#content .formFieldShort,
#frmContact .formFieldShort {
	margin: .2em 0 1em 0;
	width: 50px;
	}
#content select.formSelect,
#frmContact select.formSelect {
	width: 328px;
	}
#content select.formSelectMedium,
#frmContact select.formSelectMedium {
	margin-right: .8em;
	width: 80px;
	}
#content .formButton,
#frmContact .formButton {
	float: left;
	margin-right: .5em;
	}
#cv2 {
	float: left;
	margin: -.2em 0 0 1em;
	}

/* checkout summary */

#checkout dl.cartSummary,
#checkout dl.cartSummary dt,
#checkout dl.cartSummary dd {
	margin: 0;
	padding: 0;
	}
#checkout dl.cartSummary dt {
	clear: left;
	float: left;
	margin: 0;
	width: 40%;
	}
#checkout dl.cartSummary dd {
	float: left;
	margin: 0;
	width: 59%;
	}
.addGiftWrap {
	float: left;
	margin: -.5em 0 0 0;
	}

/* checkout form layout */

table.user,
table.user tr,
table.user td {
	background: none;
	border: none;
	padding: 0;
	}
table.user {
	margin: 0;
	}
table.user td {
	width: 50%;
	}	
.paymentGateway {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	display: block;
	margin: -.5em 1em 1em 0;
	padding: 3px;
	}



/* sort by options / attributes header */

#productSort {
display: none;
}
#productSort h3 {
	clear: both;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 0 0;
	text-transform: uppercase;
	}
#productSort h3 a {
	color: #999;
	height: 2.7em;
	line-height: 2.7em;
	padding: .8em 10px;
	}
#productSort h3 a:hover {
	color: #555;
	}
#productSort h3 a.selected {
	background: #f2f2f2;
	color: #111;
	}
#productSort h3 a span {
	color: #777;
	letter-spacing: normal;
	text-transform: none;
	}

/* sort container */

#productSort #productSortOptions {
	background: #f2f2f2;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}

/* sort options */

#productSort #productSortOptions .sortBlock {
	float: left;
	margin-right: 10px;
	width: 140px;
	}
#productSort #productSortOptions .sortBlock .formSelect {
	width: 140px;
	}
#productSort #productSortOptions .formButton {
	float: right;
	margin-top: 2.6em;
	}

/* sort by attributes */

#productSort h4 {
	margin: .8em 0 0 0;
	text-transform: none;
	}
#productSort #productSortOptions dl,
#productSort #productSortOptions dl dt,
#productSort #productSortOptions dl dd {
	margin: 0;
	padding: 0;
	}
#productSort #productSortOptions dl {
	margin: .5em 0;
	padding-left: 150px;
	position: relative;
	}
#productSort #productSortOptions dl dt {
	clear: left;
	color: #555;
	float: left;
	font-weight: bold;
	margin-left: -150px;
	width: 140px;
	}
#productSort #productSortOptions dl dd {
	color: #888;
	float: left;
	margin-right: 1em;
	}

/* pagination */

.pagination {
	background: #2d2d2d;
	clear: both;
	color: #777;
	font-weight: bold;
	margin: -15px -16px 0 -16px;
	padding: 10px;
	color: #f6f6f6;
	width: 750px;
	}
#footer_pag .pagination {
	background: #2d2d2d;
	clear: both;
	color: #777;
	font-weight: bold;
	margin: 0 0 -16px -16px;
	bottom: -40px;
	padding: 10px;
	color: #f6f6f6;
	float: left;
	width: 750px;
	}
	
.pagination p {
	margin: 0;
	padding: 0;
	}
.pagination p.current {
	display: inline;
	float: right;
	line-height: 1em;
	margin: 0;
	padding: 2px 7px 0 0;
	}
.pagination p.summary {
	border-left: 1px solid #d4d4d4;
	float: right;
	line-height: 1em;
	margin: 0;
	padding: 2px 0 0 7px;
	}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
	color: #f6f6f6;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 2px;
	padding: .1em 6px;
	}
.pagination a:hover {
	color: #fff;
	text-decoration: underline;
	}
.pagination a.selected {
	background: #f6f6f6;
	color: #111;
	}
.pagination.end {
	margin-top: 0;
	}


#bottom .pagination {
	margin: 0 -16px -25px -16px;
	}
	
/* =PRODUCT DETAILS
=============================================== */

/* product details */
#product #imgGallery {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 250px;
}
#product #imgGallery img{
height: 165px;
}
#product {	
	margin: 0 0;
	}

/* image gallery */

#product .image {	
	float: right;
	margin: 0 0;
	width: 200px;
	}
#product .image p {
	margin: 1em 0;
	}
#product .image ul,
#product .image ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#product .image ul {
	width: 370px;
	}
#product .image ul li {
	display: inline;
	}
#product .image ul li {
	margin: 0 5px 0 0;
	}
#product .image ul li a img {
	background: #f2f2f2;
	padding: 4px;
	}
#product .image ul li a:hover img {
	background: #ddd;
	padding: 4px;
	}

/* product price & options */
#product .options-style table{
border: 0;
}
#product .options-style tr{
border: 0;
}


#product .options-style th{
color: #fff;
border: 0;
padding: 5px;
text-align: left;
background: #2d2d2d;
line-height: 12px;
}
#product .options-style td{
border: 0;
padding: 5px;
vertical-align: middle;
background: #eaeaea;
font-size: 12px;
border-bottom: 1px solid #d9d9d9;
}


#product .options-style td.gold, #product .options-style td.silver, #product .options-style td.yellow, #product .options-style td.white, #product .options-style td.brass, #product .options-style td.brown, #product .options-style td.polished-gold, #product .options-style td.NickelPlated, #product .options-style td.PolishedChrome, #product .options-style td.Satin, #product .options-style td.GreenBrass, #product .options-style td.CharcoalGrey , #product .options-style td.Black,  #product .options-style td.Stainless_Steel,  #product .options-style td.Champagne {
padding: 0 0 0 28px;
}


#product .options-style td.gold{
background: #eaeaea url(/images/gold.gif) no-repeat 8px 17px;
}
#product .options-style td.Satin{
background: #eaeaea url(/images/satin.gif) no-repeat 8px 17px;
}
#product .options-style td.Stainless_Steel {
background: #eaeaea url(/images/silver.gif) no-repeat 8px 17px;
}
#product .options-style td.silver{
background: #eaeaea url(/images/silver.gif) no-repeat 8px 17px;
}
#product .options-style td.yellow{
background: #eaeaea url(/images/yellow.gif) no-repeat 8px 17px;
}
#product .options-style td.white{
background: #eaeaea url(/images/white.gif) no-repeat 8px 17px;
}
#product .options-style td.brass{
background: #eaeaea url(/images/brass.gif) no-repeat 8px 17px;
}
#product .options-style td.brown{
background: #eaeaea url(/images/brown.gif) no-repeat 8px 17px;
}
#product .options-style td.polished-gold{
background: #eaeaea url(/images/polished-gold.gif) no-repeat 8px 17px;
}
#product .options-style td.NickelPlated{
background: #eaeaea url(/images/NicklePlated.jpg) no-repeat 8px 17px;
}
#product .options-style td.PolishedChrome{
background: #eaeaea url(/images/PolishedChrome.jpg) no-repeat 8px 17px;
}
#product .options-style td.GreenBrass{
background: #eaeaea url(/images/Green-Brass.gif) no-repeat 8px 17px;
}
#product .options-style td.CharcoalGrey{
background: #eaeaea url(/images/charcoal.gif) no-repeat 8px 17px;
}
#product .options-style td.Black{
background: #eaeaea url(/images/black.gif) no-repeat 8px 17px;
}
#product .options-style td.Champagne{
background: #eaeaea url(/images/Champagne.gif) no-repeat 8px 17px;
}
}



#product .info i{
color: #40403f;
font-size: 13px;
}
#product .info {
color: #40403f;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 520px;
font-size: 13px;
	}
#product .info .onSale {
	background: #c00;
	display: inline;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 1em .5em 1em;
	position: absolute;
	top: -.5em;
	right: 10px;
	}
#product .info .price {
	color: #000000;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 1em 0 .5em 0;
	}
#product .info .price span {
	color: #000000;
	display: block;
	}
#product .info .rrp {
	color: #777;
	font-size: 12px;
	font-weight: bold;
	}
#product .info h2 {
padding: 15px 0 2px 0;
margin: 0;
color: #eb4d44;
font-size: 14px;
font-weight: bold;
	}
#product .info h3 {
padding: 5px 0 3px 0;
margin: 0;
font-size: 13px;
	color: #40403f;
	font-weight: bold;
}
#product .info h4 {
padding: 0;
margin: 10px 0 0 0;
font-size: 10px;
	color: #2d2d2d;
	font-weight: normal;
	font-style:italic;
	width: 100%;
	text-align: right;
}
#product .info label {
	float: left;
	margin: 5px .5em 0 0;
	}
#product .info .formField {
	width: 270px;
	}
#product .info .formButton {
	margin: .2em 0 0 0;
	}
#product .info .formFieldShort,
#product .info .formButton {
	float: left;
	margin-right: 1em;
	}
#product .info #addWishlist,
#product .info #addComparison {
	margin: .5em 0;
	}
#product .actions {
	}
#product .info ul {
padding: 5px 0 5px 20px;
margin: 0;
color: #40403f;
}
#product .info ul li{
padding: 0 0 4px 0;
}

#product .info .formFieldShort {	
	width: 30px;
	}

/* =ARTICLES
=============================================== */

#articles ul,
#articles li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#articles ul {
	margin: 1em 0;
	}
#articles ul li {
	background: url(../graphics/petrol/articleBg.gif) repeat-x bottom left;
	list-style: none;
	margin: 1em 0 .5em 0;
	padding: 0 0 .8em 0;
	}
#articles ul li a {
	background: url(../graphics/petrol/articleIcon.gif) no-repeat 0 0;
	color: #666;
	font-weight: bold;
	padding-left: 2.3em;
	padding-top: .2em;
	}
#articles ul li a:hover {
	background: url(../graphics/petrol/articleIcon2.gif) no-repeat 0 0;
	color: #111;
	}
#pageAuthor {
	background: #f2f2f2;
	padding: .5em 10px;
	}


/* =REVIEWS
=============================================== */

/* star ratings */

.review {
	background: url(../graphics/petrol/ratings.gif) no-repeat 0 0;
	display: block;
	height: 12px;
	line-height: 12px;
	margin: 1em 0;
	padding-left: 80px;
	}
p.rating0 {
	background-position: 0 0;
	}
p.rating1 {
	background-position: 0 -12px;
	}
p.rating2 {
	background-position: 0 -24px;
	}
p.rating3 {
	background-position: 0 -36px;
	}
p.rating4 {
	background-position: 0 -48px;
	}
p.rating5 {
	background-position: 0 -60px;
	}
p.rating6 {
	background-position: 0 -72px;
	}
p.rating7 {
	background-position: 0 -84px;
	}
p.rating8 {
	background-position: 0 -96px;
	}
p.rating9 {
	background-position: 0 -108px;
	}
p.rating10 {
	background-position: 0 -120px;
	}

/* product page reviews */

#reviewcontainer {
	position: relative;
	}
#reviews {
	background: #f2f2f2;
	clear: both;
	margin: 1em 0;
	padding: 1px 10px;
	position: relative;
	}
#writeReview {
	background: #333;
	display: inline;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: .5em 1em .4em 1em;
	position: absolute;
	top: 10px;
	right: 10px;
	}
#writeReview a {
	color: #aaa;
	}
#writeReview a:hover {
	color: #fff;
	}
#reviews h3 {
	margin-bottom: 0;
	margin-right: 160px;
	}
#reviews .review {
	float: right;
	margin-bottom: -1.3em;
	}
p.reviewAuthor {
	float: right;
	margin-top: 0;
	}
.reviewDate {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	padding-bottom: .5em;
	}
dl#reviewForm,
dl#reviewForm dt,
dl#reviewForm dd {
	margin: 0;
	padding: 0;
	}
dl#reviewForm dt {
	margin: .5em 0 .2em 0;
	}


/* =SEARCH RESULTS
=============================================== */

#searchResults,
#searchResults li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#searchResults {
	margin: 0 0 10px 0;
	}
#searchResults li {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	float: left;
	width: 517px;
	border-bottom: 1px solid #efefef;
	}
#searchResults li .search_image{
float: left;
margin: 0 15px 0 0;
}
#searchResults li .search_image img{
width: 100px;
border: 1px solid #aeaeae;
}
#searchResults li .description{
float: left;
width: 400px;
font-size: 12px;
}
#searchResults h3 {
padding: 0;
margin: 0;
}
#searchResults p {
padding: 2px 0 7px 0;
margin: 0;
}
#searchResults h3 a{
font-weight: bold;
color: #3a3a3a;
font-size: 15px;
}
#searchResults span {
	color: #626262;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
}


/* =FOOTER
=============================================== */

#footer {
	clear: both;
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	border-top: 5px solid #e7e7e7;
	margin: 10px 0 0 0;
	}
#footer .inner {
	margin: 10px auto;
	width: 962px;
	}
#footer p {
	margin-bottom: 0;
	}
#footer ul,
#footer li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#footer ul {
	margin: 1em 0;
	}
#footer li {
	border-left: 1px solid #333;
	font-weight: bold;
	display: inline;
	margin-left: .4em;
	padding-left: .8em;
	}
#footer li.first {
	border: 0;
	margin-left: 0;
	padding-left: 0;
	}
#footer a {
	color: #999;
	}
#footer a:hover {
	}
#footer #credits {
	}




.left-side {
width: 600px;
float: left;
}
.left-side p.footer-links {
padding: 0;
margin: 0;
}
.left-side p.footer-links a{
color: #595959;
font-size: 12px;
padding: 0 24px 0 0;
font-weight: normal
}
.left-side p.footer-links a:hover{
text-decoration: underline;
color: #595959;
}


.left-side hr {
padding: 0;
margin: 3px 0 0 0;
border: 0;
border-top: 1px solid #f1f1f1;
} 
.left-side p.address {
padding: 7px 0 0 0;
margin: 0;
color: #a6a6a6;
font-size: 11px;
font-weight: normal;
}
.left-side p.address2 {
padding: 3px 0 0 0;
margin: 0;
color: #a6a6a6;
font-size: 11px;
font-weight: normal;
}
#credits {
padding: 0;
margin: 0;
float: right;
}
#credits a{
color: #999999;
padding: 0 0 0 20px;
font-size: 11px;
font-weight: normal;
}
#credits a:hover{
text-decoration: underline;
}
/* =FLOAT FIX
=============================================== */

.inner:after,
#content:after,
.pagination:after,
#total:after,
.module1:after,
.module2:after,
#search:after,
#advancedSearch:after,
#brand:after,
#newsletter:after,
#navSubDept:after,
#navSubDept li:after,
#productSortOptions:after,
dl:after,
dl dt:after,
dl dd:after,
form:after,
.billShipBlock:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.inner,
#content,
.pagination,
#total,
.module1,
.module2,
#search,
#brand,
#newsletter,
#navSubDept,
#navSubDept li,
#productSortOptions,
dl,
dl dt,
dl dd,
form,
.billShipBlock {
	display: block;
	}
/*  \*/
.inner,
#content,
.pagination,
#total,
.module1,
.module2,
#search,
#brand,
#newsletter,
#navSubDept,
#navSubDept li,
#productSortOptions,
dl,
dl dt,
dl dd,
form,
.billShipBlock {
	min-height: 1%;
	}
* html .inner,
* html #content,
* html .pagination,
* html #total,
* html .module1,
* html .module2,
* html #search,
* html #brand,
* html #newsletter,
* html #navSubDept,
* html #navSubDept li,
* html #productSortOptions,
* html dl,
* html dl dt,
* html dl dd,
* html form,
* html .billShipBlock {
	height: 1%;
	}
 /*  */



.side-panels {
width: 174px;
float: left;
margin: 10px 0 0 0;
text-align: center;
}

.quality {
background: #f0f0f0 url(/images/quality.jpg) no-repeat 0 0;
float: left;
width: 174px;
margin: 15px 0 0 0;
padding: 77px 0 0 0;
}
.quality .quality-inner {
width: 152px;
border: 1px solid #dddddd;
border-top: 0;
padding: 10px;
color: #333;
}
.quality .quality-inner a{
color: #d3372c;
font-weight: bold;
}
.quality .quality-inner a:hover{
color: #3e3c3c;
}

.delivery {
width: 152px;
background: #f0f0f0 url(/images/map.jpg) no-repeat;
border: 1px solid #dddddd;
float: left;
margin: 15px 0 10px 0;
padding: 10px;
}
.delivery hr {
border: 0;
border-top: 1px #d5d5d5 solid;
border-bottom: 1px #fff solid;
margin: 13px 0 10px 0;
color: #333;
}

.price_match_left {
width: 152px;
background: #2e2e2e url(/images/price_match_left.jpg) no-repeat;
border: 1px solid #000;
float: left;
margin: 15px 0 0px 0;
padding: 105px 10px 0 10px;
height: 133px;
line-height: 16px;
font-size: 12px;
color: #CCC;
font-weight: bold;
}
.price_match_left .white{
font-size: 13px;
color: #fff;
}


#newsletter {
display: none;
}



#flash {
width: 770px;
height: 260px;
float: left;
position: relative;
background: url(/images/flash-holder.jpg) no-repeat 0 0;
margin: 0 0 18px 0;
}
#flash .flash-text {
top: 123px;
left: 259px;
position: absolute;
width: 305px;
color: #688086;
font-size: 13px;
}
#flash .flash-links {
top: 210px;
left: 170px;
position: absolute;
}
#flash .flash-links table, #flash .flash-links tr, #flash .flash-links td{
border: 0;
background: none;
padding: 0;
margin: 0;
}
#flash .flash-links td {
padding: 0 10px 0 0;
}
#flash .flash-links td a{
font-size: 12px;
display: block;
}


#home-left {
float: left;
width: 515px;
padding: 0px 0;
font-size: 12px;
color: #484848;
}


#home-left .row1{
width: 515px;
float: left;
padding: 5px 0 12px 0;
}
#home-left .row2{
width: 515px;
float: left;
padding: 0 0 15px 0;
}
#home-left .left{
width:218px;
height: 190px;
float: left;
border: 1px solid #e2e2e2;
padding: 15px;
}
#home-left .right{
width:218px;
float: right;
height: 190px;
border: 1px solid #e2e2e2;
padding: 15px;
}


#home-left #locks{
background: url(/images/padlocks.jpg) no-repeat 150px 95px;
height: 210px;
}
#home-left #uPVCdoors{
background: url(/images/uPVCdoor.jpg) no-repeat 168px 65px;
height: 210px;
}
#home-left #uPVCwindow{
background: url(/images/uPVCwindow.jpg) no-repeat 140px 90px;
height: 170px;
}
#home-left #Ironmongery{
background: url(/images/ironmongery.jpg) no-repeat 125px 80px;
height: 170px;
}
#home-left #AccessControl{
background: url(/images/product/Kaba_unican_eplex_2000sc.jpg) no-repeat 140px 135px;
height: 210px;
}
#home-left #MiscellaneousLocking{
background: url(/images/cash_box.jpg) no-repeat 155px 135px;
height: 210px;
}

#home-left h1{
font-size: 16px;
color: #363536;
padding: 0 0 8px 0;
margin: 0;
}
#home-left h2{
font-size: 12px;
color: #d3372c;
padding: 9px 0 10px 0;
margin: 0;
}
#home-left ul{
padding: 0 0 0 15px;
margin: 0;
color: #666;
font-size: 11px;
width: 115px;
float: left;
}
#home-left ul li{
padding: 0 0 4px 0;
margin: 0;
color: #666;
}
#home-left ul li a{
color: #666;
font-weight: normal;
font-size: 11px;
display: block;
}
#home-left ul li a:hover{
text-decoration: underline;
}
#home-left .img{
float: right;
}
#home-left #uPVCdoors ul li{
padding: 0 0 3px 0;
}
#home-left #locks ul li{
padding: 0 0 2px 0;
}
#home-left #uPVCdoors h2{
font-size: 12px;
color: #d3372c;
padding: 7px 0 7px 0;
margin: 0;
}



.home-right {
width: 245px;
float: right;
margin: 4px -6px 0 0;
}
.home-right #identify {
width: 245px;
float: left;
background: url(/images/technical-guidance2.jpg) no-repeat 0 0;
margin: 0 0 0 0;
padding: 78px 0 0 0;
font-size: 13px;
font-weight: bold;
color: #c1c1c1;
}
.home-right #identify a{
margin: 0 0 0 0;
display: inline;
color: #fc473a;
font-weight: bold;
}
.home-right #identify a:hover{
color: #fff;
}
.home-right #identify .identifyInner {
padding: 4px 12px 10px 12px;
float: left;
width: 212px;
background: #1c1c1c;
border: 1px solid #252525;
border-top: 0;
font-weight: normal;
}
.home-right #identify .identifyInner p{
}
.home-right #identify .identifyInner h2{
font-size: 14px;
color: #e8e8e8;
padding: 0 0 10px 0;
margin: 0;
}
.home-right #identify .identifyInner h4{
font-size: 12px;
padding: 0;
margin: 0;
}
.home-right #identify .identifyInner strong{
font-weight: bold;
color: #e8e8e8;
}

.home-right #home-about {
width: 218px;
float: left;
background: #fbfbfb;
border: 1px solid #e9e9e9;
color: #666;
margin: 11px 0 0 0;
padding: 6px 10px 10px 10px;
}
.home-right #home-about h1{
color: #333;
font-size: 15px;
padding: 0 0 6px 0;
margin: 0;
}
.home-right #home-about hr{
border: 0;
border-top: 1px #dbdbdb solid;
border-bottom: 1px #fff solid;
margin: 0;
}








/* =PRODUCT LISTS
=============================================== */

/* product list */

ul.products {
padding: 0;
margin: 0;
list-style: none;
float: left;
}
ul.products li {
	background: #fff;
	width: 147px;
padding: 0;
margin: 0;
float: left;
list-style: none;
text-align: left;
padding: 10px;
margin: 0 10px 5px 5px;
display: inline;
height: 235px;
}
ul.products li .desciption{
font-size: 13px; 
padding: 3px 0 2px 0;
}
.desciption span{
				font-size: 16px;
				color: #d3372c;
				font-weight: bold;
				}
ul.products li p.images{
	text-align: center;
	padding: 0;
	margin: 0;
	height: 125px;
	vertical-align: middle;
	float: left;
}

ul.products li p.images a{
display: block;
}


ul.products li p.title {
	font-size: 14px;
	padding: 8px 0 4px 0;
	margin: 0;
}
.products li p.title a {
	color: #d3372c;
	font-size: 12px;
	}
.products li p.title a:hover {
	color: #111;
	}
	
	
.products .desc {
display: none;
	}




.products div.desciption p{
padding: 0;
margin: 0;
}
.products p.price {
	color: #3c3c3c;
	font-size: 14px;
	padding: 4px 0 0 0;
	margin: 0;
	font-weight: bold;
	}
li.product-list {
padding:0;
margin: 0;
list-style: none;
float: left;
}

.formButton2 {
background: url(/images/add-to-basket2.gif) no-repeat 0 -24px;
height: 24px;
width: 56px;
border: 0;
}
.formButton2:hover {
background: url(/images/add-to-basket2.gif) no-repeat 0 0;
}








	
#navDept li:hover ul dl.navigation{
width: 175px;
float: left;
margin: 0 0 0 0;
}
#navDept li:hover ul dl.navigation dt{
background: url(../images/drop-header-bg.jpg) no-repeat;
height: 13px;
width: 175px;
color: #fff;
font-size: 11px;
font-weight: bold;
text-indent: 5px;
padding: 4px 0;
float: left;
margin: 8px 0 0 0;
}	
#navDept li:hover ul dl.navigation dd{
padding: 0;
margin: 0;
float: left;
position: relative;
width: 175px;
border-bottom: 1px solid #8b2f2f;
text-indent: 0;
}
#navDept li:hover ul dl.navigation dd a{
background: #7e251f url(/images/bullet-drop.gif) no-repeat 155px 16px;
padding: 12px 9px 12px 12px;
margin: 0;
color: #fff;
border: 0;
width: 154px;
border-bottom: 1px solid #601313;
font-size: 13px;
display: block;
text-indent: 0;
}
#navDept li:hover ul dl.navigation dd a span{
float: right;
display: inline;
}
#navDept li:hover ul dl.navigation dd a img{
margin: 4px 7px 0 0;
float: right;
}
#navDept li:hover ul dl.navigation dd a:hover{
background: #6e1f12 url(/images/bullet-drop.gif) no-repeat 155px 16px;
}
#navDept li:hover ul dl.navigation dd a.selected{
background: #6e1f12 url(/images/bullet-drop.gif) no-repeat 155px 16px;
}
#navDept li:hover ul dl.navigation dd table{
border: 0;
background: 0;
float: right;
padding: 0;
vertical-align: middle;
height: 32px;
width: 90px;
}
#navDept li:hover ul dl.navigation dd table td{
border: 0;
background: 0;
padding: 0;
height: 32px;
vertical-align: middle;
width: auto;
}
#navDept li:hover ul dl.navigation dd table tr{
border: 0;
background: 0;
padding: 0;
vertical-align: middle;
height: 32px;
}




.image {
position: relative;
}
.image img{
margin: 0 auto;
}
.image .enlarge {
margin: 0 63px;
padding: 5px 0 0 0;
}
.tech-image {
padding: 0px 0 0 0;
width: 215px;
margin: 0;
text-align: center;
float: right;
}


#slider {
    width: 610px;
    margin: 0 auto;
    position: relative;
	float: left;
}
.scroll {
    height: 290px;
    width: 435px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
	float: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
.scrollContainer div.panel {
    padding: 0;
    height: 290px;
    width: 435px;
}
#scrollwrapper dl {
width: 192px;
float: left;
padding: 0 11px 0 14px;
margin: 8px 0 0 0;
border: 0;
}
#scrollwrapper dl.border {
border-right: 1px solid #acacac;
}
#scrollwrapper dl dd{
padding: 0;
margin: 0;
float: left;
position: relative;
width: 192px;
border: 0;
background: #fff;
}
#scrollwrapper dl dd a{
background: #fff url(/images/links-bgHsdfs.jpg) 0 -129px;
margin: 0;
padding: 3px 0;
height: 27px;
line-height: 27px;
color: #111;
border: 0;
font-size: 13px;
display: block;
width: 192px;
border-bottom: 1px solid #acacac;
}
#scrollwrapper dl dd a:hover{
background: #fff url(/images/links-bgHsdfs.jpg) 0 -129px;
color: #111;
text-decoration: underline;
border-bottom: 1px solid #acacac;
}
#scrollwrapper dl dd a div{
float: left;
border: 0;
}

#scrollwrapper dl dd a img{
float: right;
border: 0;
}


	


.scrollContainer div.panel h2{
padding: 0;
margin: 0;
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -20px;
}
.scrollButtons.right {
    right: -20px;
}
.hide {
    display: none;
}














#links {
position: absolute;
top: -4px;
left: 0;
z-index: 10;
height: 33px;
}


#nav2 {
float:left;
margin:0;
padding:0;
list-style: none; 
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
background: #151515;
	width: 962px;
	background: #232222 url(/images/links-bgH2.jpg) 0 -33px;
}

#nav2, #nav2 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}



#nav2 li{
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #4f4f4f;
	position: relative;
	background: #232222 url(/images/links-bgH2.jpg) 0 -33px;
}
#nav2 li:hover{
	background: #9e3028 url(/images/links-bgH2.jpg) 0 0;
}
#nav2 ul {
position:absolute;
display:none;
width:620px;
top:33px;
z-index: 2;
padding: 0 0 0 0;
}

#nav2 li a {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 41px 6px 23px;
	border-right: 1px solid #000000;
	height: 18px;
	background: url(/images/drop-bullet.gif) no-repeat center right;
}
#nav2 li a:hover {
	color: #fff;
	background: url(/images/drop-bullet.gif) no-repeat center right;
}
#nav2 li.browse {
height: 33px;
width: 107px;
background: url(/images/browse2.jpg) no-repeat 0 0;
border: 0;
}







#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul{
display:none;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul{
display:block;
}





	
#nav2 li ul dl.navigation{
width: 175px;
float: left;
margin: 0 0 0 0;
}
#nav2 li ul dt{
    width: 100%;
color: #fff;
font-size: 15px;
font-weight: bold;
text-indent: 15px;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #222;
float: left;
letter-spacing: -1px;
background: #000;
}	
#nav2 li ul dt a{
color: #fff;
font-size: 15px;
font-weight: bold;
padding: 0;
margin: 0;
background: #000;
}
#nav2 li ul dt a:hover{
text-decoration: underline;
background: #000;
color: #fff;
}

#nav2 li ul dl.navigation dd{
padding: 0;
margin: 0;
float: left;
position: relative;
width: 175px;
text-indent: 0;
}
#nav2 li ul dl.navigation dd a{
background: #7e251f url(/images/bullet-drop.gif) no-repeat 155px 16px;
padding: 10px 9px 16px 12px;
margin: 0;
color: #fff;
border: 0;
width: 154px;
border-bottom: 1px solid #601313;
font-size: 13px;
display: block;
text-indent: 0;
}
#nav2 li ul dl.navigation dd a:hover{
background: #000 url(/images/bullet-drop.gif) no-repeat 155px 16px;
border-bottom: 1px solid #151515;
}

#nav2 li ul dl.navigation dd span{
font-size: 10px;
display: none; 
}
#nav2 li ul dl.navigation dd:hover span{
font-size: 10px;
display: block;
position: absolute;
 top: 22px;
 left: 12px;
 color: #fff;
}
#nav2 li .ul dl.navigation dd a img{
margin: 4px 7px 0 0;
float: right;
}

#nav2 li ul dl.navigation dd.two_lines a{
padding: 9px 9px 26px 12px;
font-size: 11px;
background: #7e251f url(/images/bullet-drop.gif) no-repeat 155px 24px;
line-height: 12px;
}
#nav2 li ul dl.navigation dd.two_lines a:hover{
background: #000 url(/images/bullet-drop.gif) no-repeat 155px 24px;
border-bottom: 1px solid #151515;
}
#nav2 li ul dl.navigation dd.two_lines:hover span{
font-size: 10px;
display: block;
position: absolute;
 top: 32px;
 left: 12px;
 color: #fff;
}




#nav2 li ul dl.navigation dd a.selected{
background: #000 url(/images/bullet-drop.gif) no-repeat 155px 16px;
border-bottom: 1px solid #151515;
}
#nav2 li ul dl.navigation dd table{
border: 0;
background: 0;
float: right;
padding: 0;
vertical-align: middle;
height: 32px;
width: 90px;
}
#nav2 li ul dl.navigation dd table td{
border: 0;
background: 0;
padding: 0;
height: 32px;
vertical-align: middle;
width: auto;
}
#nav2 li ul dl.navigation dd table tr{
border: 0;
background: 0;
padding: 0;
vertical-align: middle;
height: 32px;
}



.slider {
    width: 610px;
    margin: 0 auto;
    position: relative;
	float: left;
}
.scroll {
    height: 330px;
    width: 435px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
	float: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
.scrollContainer div.panel {
    padding: 0;
    height: 330px;
    width: 435px;
	float: right;
}
#scrollwrapper dl {
width: 192px;
float: left;
padding: 0 11px 0 14px;
margin: 8px 0 0 0;
border: 0;
}
#scrollwrapper dl.border {
border-right: 1px solid #acacac;
}
#scrollwrapper dl dd{
padding: 0;
margin: 0;
float: left;
position: relative;
width: 192px;
border: 0;
background: #fff;
}
#scrollwrapper dl dd a{
background: #fff url(/images/links-bgHsdfs.jpg) 0 -129px;
margin: 0;
padding: 2px 0 4px 0;
height: 24px;
line-height: 24px;
color: #111;
border: 0;
font-size: 13px;
display: block;
width: 192px;
border-bottom: 1px solid #acacac;
}
#scrollwrapper dl dd a:hover{
background: #fff url(/images/links-bgHsdfs.jpg) 0 -129px;
color: #111;
text-decoration: underline;
border-bottom: 1px solid #acacac;
}
#scrollwrapper dl dd a div{
float: left;
border: 0;
}

#scrollwrapper dl dd a img{
float: right;
border: 0;
}


#nav2 li ul {
	background: url(/images/links-drop-bg-footer2.png) no-repeat bottom left;
	padding: 0 0 16px 0;
	left: -5px;
	}
	
#nav2 li ul.Ironmongery {
	left: -137px;
}
#nav2 .top {
border: 0;
border-top: 6px solid #6e1f12;
padding: 0;
margin: 0;
width: 610px;
}

#nav2 .links-footer {
	width: 610px;
	padding: 0 5px;
	background: url(/images/drop-bg-small.png) repeat-y 0 0;
	float: left;
	}



#recently_view {
background: #f0f0f0;
float: left;
width: 152px;
margin: 15px 0 3px 0;
padding: 10px 10px 20px 10px;
height: 112px;
overflow: hidden;
border: 1px solid #ddd;
}
#recently_view ul{
padding: 5px 0 0 0;
margin: 0;
list-style: none;
height: 102px;
overflow: hidden;
}
	#recently_view ul li{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	font-size: 11px;
	height: 17px;
	}
#recently_view ul li a{
background: url(/images/bullet3.gif) no-repeat 0 8px;
padding:4px 0 3px 10px;
font-size: 11px;
color: #333;
text-decoration: underline;
display: block;
}
#recently_view ul li a:hover{
text-decoration: none;
}
#recentlyViewedTitle {
	background: #f2f2f2;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}


#content table.user td{
background: #fff;
padding: 0 15px 0 0;
}

.module1 fieldset{
margin: 0;
}



#PhoneNumber {
background: url(/images/phone-icon.gif) no-repeat center left;
position: absolute;
top: 32px;
left: 380px;
font-size: 13px;
color: #646464;
padding: 0 0 0 47px;
}
#PhoneNumber h1 {
padding: 0;
margin: -5px 0 0 0;
color: #de3f39;
font-size: 28px;
font-weight: normal;
}

.product-table table{
padding: 0;
background: #fff;
margin: 0;
}
.product-table td{
padding: 0;
margin: 0;
background: #fff;
}
.product-table tr{
background:#fff;
}





#scrollwrapper dl dd.twolines a{
height: 36px;
line-height: 17px;
}
#scrollwrapper dl dd.twolines a img{
padding: 5px 0 0 0;
}
#scrollwrapper dl dd.threelines a{
height: 52px;
line-height: 17px;
}
#scrollwrapper dl dd.threelines a img{
padding: 12px 0 0 0;
}
#scrollwrapper dl dd.sub-dep a{
text-indent: 17px;
background: url(/images/drop-down-bullet.gif) no-repeat 7px 10px;
height: 20px;
line-height: 20px;
color: #262626;
}
#scrollwrapper dl dd.sub-dep-sub a{
text-indent: 26px;
background: url(/images/drop-down-bullet.gif) no-repeat 16px 10px;
height: 20px;
line-height: 20px;
color: #404040;
}
#scrollwrapper dl dd.sub-dep-sub a img{
height: 21px;
}


#technicalInformation {
float: left;
width: 740px;
}
#technicalInformation table{
background: #fff;
border: 0;
}
#technicalInformation table tr{
background: #fff;
border: 0;
padding: 0;
}
#technicalInformation table td{
background: #fff;
border: 0;
font-weight: bold;
font-size: 14px;
padding: 0;
}
#technicalInformation h1 {
border-bottom: 1px solid #ccc;
}
#technicalInformation h3 {
padding: 0;
margin: 0;
color:#cf2e24;
}
#mrLockConfused {
background: url(/images/mrlockConfused.jpg) no-repeat 13px 13px;
width: 740px;
float: left;
min-height: 310px;
}
#mrLockConfusedInner {
width: 360px;
float: right;
color: #666;
font-size: 13px;
line-height: 16px;
padding: 0 10px 0 0;
}
#mrLockConfusedInner table, #mrLockConfusedInner table tr, #mrLockConfusedInner table td{
font-weight: normal;
}
#mrLockConfusedInner h1{
color: #000;
font-size: 17px;
border: 0;
padding: 29px 0 0 0;
margin: 0;
}
#mrLockConfusedInner h6{
color: #000;
font-size: 17px;
border: 0;
margin: 0;
padding: 0 0 10px 0;
}

.mrLockHappy {
background: url(/images/mrLockHappy.jpg) no-repeat 10px 0;
min-height: 200px;
float: left;
width: 420px;
padding: 0 0 0 280px;
}
.mrLockHappyInner {
float: left;
width: 440px;
padding: 10px 0 0 0;
}




#technicalInformation h1 a{
font-size: 18px;
color: #303030;
padding: 0;
margin: 0;
border: 0;
}


.mrlock {
width: 521px;
float: left;
background: url(/images/mrlock.jpg) no-repeat left;
height: 130px;
padding: 0 0 0 195px;
margin: 0 0 15px 7px;
clear: both;
}
.mrlock .mrlockInner {
width: 485px;
float: left;
border: 1px solid #d9d9d9;
border-left: 0;
color: #666;
margin: 22px 0 0 0;
height: 67px;
padding: 10px 16px 10px 20px;
font-size: 12px;
line-height: 15px;
}
.mrlock .mrlockInner h5{
font-size: 16px;
font-weight: bold;
color: #000;
border: 0;
padding: 0 0 8px 0;
margin: 0;
text-transform:inherit;
}
.mrlock .mrlockInner h5 a{
color: #000;
}
.mrlock .mrlockInner h5 a:hover{
color: #202020;
text-decoration: underline;
}




.key_alike {
float: left;
width: 100%;
}
.key_alike img{
padding: 0;
margin: 0 0 8px 0;
}
.key_alike h3{
font-size: 15px;
font-weight: normal;
padding: 0 0 3px 0;
margin: 5px 0 0 0;
border-bottom: #eaeaea solid 1px;
width: 100%;
}
.key_alike a{
background: url(/images/more-info-bullet.gif) no-repeat center right;
font-size: 12px;
padding: 0 16px 0 0;
}

.keys {
float: left;
width: 700px;
}



.black_dot {
border-bottom: #eaeaea solid 1px;
padding: 10px 5px 10px 40px;
background: url(/images/black-dot.gif) no-repeat 13px center;
margin: 10px 0 0 0;
}
.red_key {
border-bottom: #eaeaea solid 1px;
padding: 10px 5px 10px 40px;
background: url(/images/red-key.gif) no-repeat 10px center;
margin: 0;
}
.black_key {
padding: 10px 5px 10px 40px;
background: url(/images/black-key.gif) no-repeat 10px center;
margin: 0;
}


.clear {
clear: both;
}


.padlock_image {
background: url(/images/padlock_width2.gif) no-repeat center;
height: 30px;
width: 16px;
margin: 0 auto;
}
.padlock_image2 {
background: url(/images/shackle_diameter2.gif) no-repeat center;
height: 30px;
width: 25px;
margin: 0 auto;
}
.padlock_image3 {
background: url(/images/shackle_height2.gif) no-repeat center;
height: 30px;
width: 22px;
margin: 0 auto;
}



#MrLockLeft {
background: url(/images/mrlockBG.jpg) repeat-x bottom;
display: block;
}
.lockleftText {
background: url(/images/mrLockLeft.jpg) no-repeat 20px 60px;
font-size: 13px;
color: #2f2f2f;
padding: 100px 25px 0 195px;
height:248px;
}
.lockleftText h5{
font-size: 17px;
font-weight: bold;
color: #000;
padding: 0 0 5px 0;
margin: 0;
text-transform:inherit;
}
.mrLockLeft {
float: left;
width: 349px; 
padding: 10px 0 0 0; 
}
.mrLockRight {
float: left;
width: 340px;
padding: 10px 0 0 22px; 
}
.mrLockRight ul{
padding: 10px 0 0 20px;
margin: 0;
}
.mrLockRight ul li{
padding: 0 0 8px 0;
margin: 0;
}



#navSubDept li a b, #navSubDept li a strong {
color: #c52323;
font-weight: bold;
float: left;
}
#navSubDept li a b:hover {
text-decoration: underline;
}
#navSubDept li.mrLockList a{
background: url(/images/mrLockConfusedSmall.jpg) no-repeat 8px 27px;
padding: 10px 7px 10px 180px;
	width: 168px;
	font-size: 12px;
}
#navSubDept li.mrLockList a h3{
font-size: 13px;
padding: 0;
margin: 0;
}
#navSubDept li.mrLockList a p{
margin: 7px 0;
padding: 0;
}


.cart_image img {
padding: 7px;
background: #fff;
width: 70px;
}
td.cart_image {
font-size: 10px;
}






ul.products li table{
margin: 0;
padding: 0;
background: #fff;
border: 0;
height: 125px;
width: 145px;
}
ul.products li table tr{
margin: 0;
padding: 0;
background: #fff;
border: 0;
height: 125px;
}
ul.products li table tr td{
margin: 0;
padding: 0;
background: #fff;
border: 0;
width: 145px;
height: 125px;
vertical-align: middle;
text-align: center;
border: 1px solid #CCC;
}
ul.products li table a{
display: block;
border: 0px solid #CCC;
}
ul.products li img{
border: 0px solid #CCC;
}




.table_normal {
font-weight: normal;
}
.table_normal tr{
font-weight: normal;
}
.table_normal td{
font-weight: normal;
}
#technicalInformation table, #technicalInformation table tr, #technicalInformation table td{
font-weight: normal;
font-size: 12px;
text-align: left;
}


.related_items {
width: 520px;
margin: 0;
float: left;
padding: 10px 0 0 0;
}
.related_items h2{
font-size: 16px;
color: #282828;
width:100%;
padding: 10px 0 6px 0;
border-bottom: 1px solid #ccc;
margin: 0 0 8px 0;
}
.related_items ul{
padding: 0;
margin: 0;
width: 100%;
}
.related_items ul li{
padding: 0 13px 0 0;
margin: 0;
width: 247px;
list-style: none;
float: left;
height: 70px;
}
.related_items ul li p.image{
padding: 0;
margin: 0;
width: 55px;
height: 55px;
border: 1px solid #484848;
text-align: center;
float: left;
display: inline;
}
.related_items ul li img{
max-width: 55px;
max-height: 55px;
}
.related_items ul li h3{
font-size: 11px;
padding: 0 0 0 0;
margin: 0;
float: right;
width: 177px;
display: inline;
margin: -55px 0 0 0;
}
.related_items ul li h3 .desc {
font-weight: normal;
}
.related_items ul li h3 strong{
color: #d54339;
}



#navSubDept2 {
padding: 0;
margin: 0;
list-style: none;
}
#navSubDept2 li {
	display: block;
	float: left;
	list-style: none;
	color: #282828;
	display: block;
	font-weight: normal;
	background: #fff;
	border: 1px #2a2a2a solid;
	padding: 10px;
	width: 335px;
	height: 170px;
	margin: 0 4px 4px 0;
	}

.list_wrapper {
float: left;
}
.header_text {
float: left;
	width: 335px;
font-size: 14px;
color: #282828;
padding: 0 0 10px 0;
}
.list_wrapper a{
color: #c52323;

}
.header_text a{
font-size: 14px;
color: #282828;
font-weight: bold;
}
.imageLeft {
float: left;
width: 116px;
margin: 0 0 8px 0;
border: 1px solid #a4a4a4;
text-align: center;
}
.imageLeft img{
max-width: 105px;
padding: 6px;
max-height: 105px;
}
.descriptionRight {
float: right;
width: 200px;
font-size: 12px;
line-height: 16px;
font-weight: normal;
}
.descriptionRight a{
font-size: 12px;
line-height: 16px;
color: #282828;
text-decoration: none;
font-weight: normal;
}


#content hr {
padding: 10px 0 0 0;
margin: 0 10px;
border: 0 solid #000;
border-bottom: 1px solid #848484;
}


#content table.Table_border td{
border-bottom: 1px solid #acacac;
}
#content table.Table_border tr{
border-right: 1px solid #acacac;
border-left: 1px solid #acacac;
}

#content table.Table_border2 td{
border-bottom: 1px solid #2d2d2d;
padding: 15px 0 15px 12px;
}
#content table.Table_border2 tr{
border-right: 1px solid #2d2d2d;
border-left: 1px solid #2d2d2d;
}
#content table.Table_border2 th{
font-size: 13px;
padding: 10px 14px;
border: 0;
}

#content table.Table_border2 td h3{
padding: 0;
margin: 0;
}
#content table.Table_border2 td em{
font-size:11px;
}

#content table.Table_border2 .formFieldShort {
text-align: center;
}

.choices_wrapper{
display: none;
}



.products p.clickFor {
padding: 0;
margin:10px 0 0 0;
}
.products p.clickFor a{
background: #282828;
border: #000 1px solid;
padding: 3px 5px;
font-size: 12px;
color: #fff;
}
.products p.clickFor a:hover{
background: #363636;
text-decoration: underline;
}
.products p.clickFor a strong{
color: #d43f35;
}


.list_wrapper p.clickFor {
padding: 0;
margin: 2px 0 0 0;
}
.list_wrapper p.clickFor a{
background: #282828;
border: #000 1px solid;
padding: 2px 4px;
font-size: 12px;
color: #fff;
}
.list_wrapper p.clickFor a:hover{
background: #363636;
text-decoration: underline;
}
.list_wrapper p.clickFor a strong{
color: #d43f35;
}












#nav_single {
float:left;
margin:0;
padding:0;
list-style: none; 
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
background: #151515;
	width: 962px;
	background: #232222 url(/images/links-bgH2.jpg) 0 -33px;
}
#nav_single, #nav_single ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}
#nav_single li{
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #4f4f4f;
	position: relative;
	background: #232222 url(/images/links-bgH2.jpg) 0 -33px;
}
#nav_single li:hover{
	background: #9e3028 url(/images/links-bgH2.jpg) 0 0;
}
#nav_single ul {
position:absolute;
display:none;
width:130px;
top:33px;
z-index: 2;
padding: 0 0 0 0;
left: 5px;
}
#nav_single li a {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 37px 10px 19px;
	border-right: 1px solid #000000;
	background: url(/images/drop-bullet.gif) no-repeat center right;
}
#nav_single li a:hover {
	color: #fff;
	background: url(/images/drop-bullet.gif) no-repeat center right;
}
#nav_single li.browse {
height: 33px;
width: 107px;
background: url(/images/browse2.jpg) no-repeat 0 0;
border: 0;
}
#nav_single li:hover ul ul, #nav_single li:hover ul ul ul, #nav_single li:hover ul ul ul ul{
display:none;
}
#nav_single li:hover ul, #nav_single li li:hover ul, #nav_single li li li:hover ul, #nav_single li li li li:hover ul{
display:block;
}

#nav_single ul li {
	float: left;
	width:194px;
	border-bottom: 1px #922826 solid;
}
#nav_single ul li a{
	width:130px;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 43px 9px 23px;
	border-right: 0;
	background: #7c1d1b;
	border-bottom: 1px #541110 solid;
}
#nav_single ul li a:hover{
	background: #1c1c1c;
}



#nav_single li:hover .navSub {
	display: block;
	position: absolute;
	top: 33px;
	left: 0px;
	width:194px;
	padding: 0 0 16px 0;
	}
	
	
	
#acceptedCards h4{
text-transform:none;
}


.formButton_grey {
background: url(/images/button_bg.gif) repeat-x 0 -37px;
padding: 0 25px;
border: 1px solid #525252;
font-size: 14px;
line-height: 37px;
height: 37px;
margin: 0 14px 0 0;
font-weight: bold;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
}
.formButton_grey:hover {
background: url(/images/button_bg.gif) repeat-x 0 0;
}
.formButton_red {
font-family:Arial, Helvetica, sans-serif;
background: url(/images/button_bg_red.gif) repeat-x 0 -37px;
padding: 0 25px;
border: 1px solid #8b1010;
font-size: 14px;
line-height: 37px;
height: 37px;
font-weight: bold;
color: #fff;
float: right;
}
.formButton_red:hover {
background: url(/images/button_bg_red.gif) repeat-x 0 0;
}
.formButton_red2 {
font-family:Arial, Helvetica, sans-serif;
background: url(/images/button_bg_red.gif) repeat-x 0 -37px;
padding: 0 28px;
border: 1px solid #8b1010;
font-size: 14px;
line-height: 37px;
height: 37px;
font-weight: bold;
color: #fff;
}
.formButton_red2:hover {
background: url(/images/button_bg_red.gif) repeat-x 0 0;
}



.geo_trust_logo {
float: left;
width: 152px;
padding: 20px 0 0 0;
}
.new_customer {
width: 215px;
float: left;
padding: 0 27px 0 31px;
}
.new_customer h3{
font-size: 16px;
padding: 17px 0 0 0;
margin: 0;
color: #000000;
}
.create_a_login p#customerReg {
margin: 5px 0 0 0;
}
.create_a_login p#customerReg a {
font-family:Arial, Helvetica, sans-serif;
background: url(/images/button_bg_red.gif) repeat-x 0 -37px;
padding: 4px 10px;
border: 1px solid #8b1010;
font-size: 13px;
height: 29px;
font-weight: bold;
color: #fff;
float: left;
width: 180px;
text-align: center;
}
.create_a_login p#customerReg a:hover {
background: url(/images/button_bg_red.gif) repeat-x 0 0;
}
.create_a_login {
width: 520px;
float: right;
background: #ebebeb;
padding: 17px 15px 10px 15px;
margin: 0 10px 0 0;
}
.create_a_login h3{
font-size: 16px;
padding: 0;
margin: 0;
color: #000000;
}
.create_a_login .billing_left {
float: left;
}
.create_a_login .billing_right {
float: right;
}

.create_a_login .formField {
width: 150px;
}



.billing_details h2{
color: #fff;
font-size: 17px;
padding: 7px 14px;
margin: 0;
background: #2d2d2d;
width: 698px;
}
.billing_details {
border: 1px solid #2d2d2d;
border-top: 0;
float: left;
width: 726px;
margin: 20px 0 0 0;
}
.billing_details strong{
color: #e5342c;
}
.billing_inner {
padding: 0px 15px;
float: left;
}
.billing_inner strong{
color: #e5342c;
}
.billing_inner span{
color: #c52323;
}
.billing_inner h5{
color: #010101;
border-bottom: 1px solid #d6d6d6;
width: 100%;
padding: 5px 0 5px 0;
margin: 0 0 5px 0;
font-size: 14px;
text-decoration: inherit;
}
.payment_left {
float: left;
width: 444px;
margin: 5px 0 15px 0;
border-right: 1px solid #e6e6e6;
}
.paypay_right {
float: right;
width: 226px;
padding: 15px 15px 0 0;
}

.paypay_right img{
float: right;
}
.review_order {
background: #efefef url(/images/warning_sign.jpg) no-repeat 31px 13px;
float: left;
width: 564px;
margin: 20px 0 15px 0;
padding: 13px 20px 3px 130px;
}
.review_order h2{
color: #000;
font-size: 17px;
padding: 0;
margin: 0;
}

.payment_meth {
background: #f1f1f1;
border: 1px solid #2d2d2d;
width: 329px;
float: left;
padding: 11px 15px;
font-size: 14px;
}
.postage_meth {
background: #f1f1f1;
border: 1px solid #2d2d2d;
width: 329px;
float: left;
padding: 11px 15px;
margin: 0 0 0 15px;
font-size: 14px;
}

.big_tick {
background: #d9f9bc url(/images/big_tick.gif) no-repeat 23px 13px;
border: 1px solid #a8e174;
width: 610px;
float: left;
padding: 13px 20px 5px 101px;
margin: 5px 0 0 0;
}
.big_tick h3{
color: #000;
padding: 0;
margin: 0;
font-size: 18px;
}
.receipt_div {
float: left;
padding: 0 0 0 0;
margin: 30px 0 0 0;
}
a.receipt_link {
background: url(/images/receipt_icon.gif) no-repeat 0 0;
padding: 10px 0 10px 50px;
height: 35px;
margin: 0 0 0 0;
color: #454545;
font-size: 15px;
}


table.float_left {
margin: 60px 0 0 0;
}


#colour_guide {
float: right;
width: 180px;
margin: 20px 0 20px 0;
padding: 0 5px 0 0;
}
#colour_guide h1{
font-size: 14px;
color: #fff;
font-weight: bold;
background: url(/images/colour_top.gif) repeat-x;
padding: 4px 0 4px 0;
text-indent: 10px;
float: left;
width: 180px;
border: 0;
margin: 0;
}
#guide_inner {
float: left;
border: 1px #9c1817 solid;
border-top: 0px;
width: 178px;
}
#guide_inner ol{
width: 166px;
list-style: none;
padding: 0 10px;
margin:0;
}
#guide_inner ol li{
width: 166px;
float: float;
padding: 5px 0;
margin:0;
font-size: 12px;
border-bottom: 1px solid #e2e2e2;
text-indent: 26px;
}


#guide_inner ol li.gold{
background: url(/images/gold2.gif) no-repeat 0 6px;
}
#guide_inner ol li.silver{
background: url(/images/silver2.gif) no-repeat 0 6px;
}
#guide_inner ol li.white{
background: url(/images/white2.gif) no-repeat 0 6px;
}
#guide_inner ol li.yellow{
background: url(/images/yellow2.gif) no-repeat 0 6px;
}
#guide_inner ol li.brass{
background: url(/images/brass2.gif) no-repeat 0 6px;
}
#guide_inner ol li.brown{
background: url(/images/brown2.gif) no-repeat 0 6px;
}
#guide_inner ol li.polished-gold{
background: url(/images/polished-gold2.gif) no-repeat 0 6px;
}
#guide_inner ol li.NickelPlated{
background: url(/images/NicklePlated2.gif) no-repeat 0 6px;
}
#guide_inner ol li.PolishedChrome{
background: url(/images/PolisheChrome2.jpg) no-repeat 0 6px;
}
#guide_inner ol li.Satin{
background: url(/images/silver2.gif) no-repeat 0 6px;
}
#guide_inner ol li.GreenBrass{
background: url(/images/Green-Brass2.gif) no-repeat 0 6px;
border: 0;
}

.image p{
padding: 0;
margin: 0;
}

.card_image {
background: url(/images/card_image.gif) no-repeat 337px 15px;
}

ul.rec_product_new {
padding: 0;
margin: 0;
list-style: none;
}
ul.rec_product_new li{
list-style: none;
padding: 0;
margin: 0;
}
ul.rec_product_new li h3{
padding: 0;
margin: 0;
text-indent: 0;
}


table#form_table {
padding: 0;
border: 0;
background: #fff;
width: 725px;
}
table#form_table tr{
padding: 0;
background: #fff;
}
table#form_table td{
padding: 0;
background: #fff;
vertical-align: top;
}
table#form_table td h4{
padding: 0 0 3px 0;
margin: 7px 0 7px 0;
border-bottom: 1px solid #777;
}
table#form_table td.vert_mid{
vertical-align: middle;
text-align: center;
}
table#form_table td label{
padding: 0;
margin: 5px 0 0 0;
}
table#form_table td img{
border: 0px;
}

table#form_table td .input_field{
width: 200px;
}
table#form_table td .input_field2{
width: 170px;
margin: 0 7px 0 0;
}
table#form_table td .input_field3{
width: 120px;
margin: 0 7px 0 0;
}
table#form_table td .input_field4{
width: 120px;
margin: 0 7px 0 7px;
}



.newsletterSubmit {
	background: #6d6d6d;
	border: 1px solid #000;
	color: #fff;
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 3px 7px 3px 7px;
	text-transform: uppercase;
	font-size: 13px;
	float: right;
	}
.newsletterSubmit:hover {
	background: #595959;
	cursor: pointer;
	}

.vol_cred {
background: #f0f0f0;
width: 236px;
border: 1px solid #b1b1b1;
margin: 0 0 10px 0;
float: left;
color: #4a4949;
}
.vol_cred h2{
background: #dedede url(../images/vol_cred_bg.jpg) repeat-x;
text-indent: 9px;
padding: 8px 0;
margin: 0;
}
.vol_inner {
padding: 8px;
float: left;
}

#testimonials {
padding: 14px 12px;
margin: 0;
color: #656565;
float: left;
width: 205px;
}
#testimonials ul {
padding: 0;
margin: 0;
}
#testimonials ul li{
width: 202px;
padding: 0 0 0 3px;
margin: 0;
list-style: none;
text-indent: 29px;
font-size: 15px;
}
.test_entry {
background: url(/images/speech_mark.jpg) no-repeat;
text-indent: 29px;
width: 202px;
padding: 9px 0 0 0;
float: left;
}
#testimonials ul li strong{
font-weight: bold;
color: #d3372c;
}
#testimonials ul li p {
width: 205px;
text-align: right;
color: #d3372c;
font-size: 11px;
}


.faq {
width: 513px;
float: left;
border: 1px solid #3a3a3a;
color: #3c3c3c;
}
.faq h4{
margin: 0;
background: #3a3a3a;
width: 513px;
font-size: 15px;
padding: 7px 0;
text-indent: 11px;
color: #fff;
text-transform:inherit;
}
.faq h4 a{
float: right;
padding: 2px 11px 0 0;
color: #fff;
font-size: 12px;
width: 200px;
text-align: right;
}
.faq h4 a:hover{
color: #fff;
}
.faq h4 a span {
color: #d13e34;
}
.faq .question {
background: url(/images/big_q.gif) no-repeat;
padding: 0 0 10px 38px;
border-bottom: 1px solid #dfdfdf;
margin: 10px 9px 10px 9px;
display: inline;
float: left;
}
.faq h3{
padding: 0 0 10px 0;
margin: 0;
color: #d3372c;
font-size: 14px;
font-weight: bold;
}
.faq .answer {
background: url(/images/big_a.gif) no-repeat;
padding: 0 0 10px 38px;
margin: 10px 9px 5px 9px;
display: inline;
float: left;
}
.faq .answer a{
font-weight: bold;
}
.faq .answer a:hover{
color: #000;
}



.questions2 {
background: url(/images/big_q.gif) no-repeat;
padding: 0 0 10px 38px;
margin: 10px 9px 5px 9px;
display: inline;
float: left;
}
.answers2 {
background: url(/images/big_a.gif) no-repeat;
padding: 0 0 13px 38px;
margin: 10px 9px 10px 9px;
display: inline;
float: left;
border-bottom: 1px solid #dfdfdf;
}



#news_content {
float: left;
width: 490px;
}
#primary {
float: right;
width: 200px;
}
#primary h3{
padding: 0;
margin: 0;
}
#primary ul{
padding: 5px;
margin: 0;
list-style: none;
}
#primary ul li{
padding: 0 0 4px;
margin: 0;
list-style: none;
}
#news_content h2.entry-title {
padding: 0;
margin: 0;
}
#news_content .post span{
font-size: 11px;
font-style: italic;
}
#news_content .post {
float: left;
margin: 0 0 25px 0;
}


#meta-2, #recent-comments-2, #search-2 {
display: none;
}

#twitter_div {
float: left;
width: 174px;
background: url(/images/twitter.jpg) no-repeat;
padding: 55px 0 0 0; 
margin: 20px 0 0 0;
font-size: 12px;
line-height: 16px;
}
#twitter_div .twitter_inner{
background: #f0f0f0;
border: 1px solid #ddd;
float: left;
width: 152px;
border-top: 0px;
padding: 10px 10px 0 10px;
}
#twitter_div ul{
padding: 0;
margin: 0;
list-style: none;
}
#twitter_div ul li{
padding: 0;
margin: 0;
list-style: none;
}


.news_home {
float: left;
width: 513px;
border: 1px solid #3a3a3a;
margin: 15px 0 0 0;

}

.news_home h4{
background: #3a3a3a;
font-size: 14px;
color: #fff;
font-weight: bold;
width: 100%;
padding: 7px 0;
text-indent: 13px;
margin: 0;
}
.news_home .article{
padding: 10px 13px;
float: left;
width: 487px;
}
.news_home .article h3{
padding: 0 0 5px 0;
margin: 0;
color: #df4524;
font-size: 15px;
}
.news_home a.view_all{
background: #3a3a3a;
border: 1px solid #111;
color: #fff;
font-size: 12px;
margin: 0 0 0 0;
padding: 4px 8px;
float: right;
font-weight: bold;
}


#results {
padding: 25px 0 0 0;
}
.top {
padding: 13px 0 0 0;
}
.description {
padding: 7px 0 0 0;
font-size: 11px;
}
.url {
padding: 7px 0 13px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #ededed;
}


#top_brands {
float: left;
width: 174px;
margin: 15px 0 0 0;
}
h3#top_brands_h3 {
	background: #a5322a url(/images/header-bg.jpg) repeat-x;
	padding: 8px 13px;
	margin: 0;
}
#top_brands ul {
padding: 0;
margin: 0;
list-style: none;
border: 1px solid #be3c33;
width: 156px;
padding: 8px 8px 0 8px;
float: left;
}
#top_brands ul li{
padding: 0px 0 10px 0;
margin: 0;
list-style: none;
float: left;
width: 156px;
}
#top_brands ul li p{
	padding: 5px 0 0 0;
font-size: 11px;
	margin: 0;
	line-height: 12px;
}
#top_brands ul li img{
float: right;
}


#search-wrapper2 {
	width: 174px; 
	margin: 0 0 15px 0;
}
h3#site_search {
	background: #a5322a url(/images/header-bg.jpg) repeat-x;
	padding: 8px 13px;
	margin: 0;
}
#search2 {
	background: #2d2d2d;
	padding: 8px;
	width: 158px;
	margin: 0;
}
input#searchKeyword2 {
	width: 150px;
	padding: 3px;
}
#searchSubmit2 {
	float: right;
	background: #848484;
	border: 1px solid #020202;
	color: #fff;
	padding: 2px 7px;
	font-weight: ;
	margin: 7px 0 0 0;
	font-size: 11px;
	font-weight: bold;
}

#christmas {
	float: left;
	width: 458px;
	background: url(../images/snowflake.gif) no-repeat 14px 0;
	padding: 0 0 0 57px;
	height: 33px;
	line-height: 33px;
	font-size: 24px;
	color: #2b2b2b;
	margin: 7px 0 13px 0;
}
#home_prod_wrapper {
	float: left;
	width: 502px;
	border: 1px solid #e2e2e2;
	padding: 9px 0 9px 11px;
	margin: 0 0 9px 0;
}
#home_prod_wrapper ul{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 502px;
}
#home_prod_wrapper ul li{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 236px;
	padding: 0 14px 0 0;
	height: 105px;
}
#home_prod_wrapper ul li .left{
	float: left;
	margin: 0 11px 0 0;
	display: inline;
	width: 68px;
	border: 1px solid #e2e2e2;
	text-align: center;
	padding: 0;
	height: 103px;
}
#home_prod_wrapper ul li .left img {
	height: 100px;
}
#home_prod_wrapper ul li .right{
	float: right;
	width: 155px;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#home_prod_wrapper ul li .right strong {
	color: #eb3a34;
	font-size: 16px;
}
#home_prod_wrapper ul li .right a.header_link{
	font-size: 14px;
	color: #eb3a34;
	font-weight: bold;
}
#home_prod_wrapper ul li .right a.click_for_more{
	border: 1px solid #000;
	background: #282828;
	color: #fff;
	display:inline-block;
	padding: 3px 5px;
}
#home_prod_wrapper ul li .right a.click_for_more em{
	color: #eb3a34;
}
