/* @group Reset */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, blockquote {
	margin: 0px;
	padding: 0px;
}
img, fieldset {
	border: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
html {
	font-size: 100.01%;	/* .01 is for Opera, the rest is for IE. */
}
body {
	font-size: 62.5%;	/* Set the base font to equivalent of 10px. */
}
sub {
	line-height: 0.1em;
}
input{
	/* Temporarily commented -webkit-appearance: none;*/
}

/* @end */





/* @group Text styles */

body {
	font-family: Helvetica, Arial, sans-serif;
}
.accessibility {
	display: none;
}
.content h3 {
	color: #124775;
	font-size: 1.5em;				/* 18px */
	font-weight: lighter;
	margin: 1.11111em 0 0.55555em 0;	/* 20px / 10px */
}
.content h1{
	color: #124775;
    font-size: 2em;
    font-weight:normal;
    margin:0 0 20px 0;
}
.content h2{
    font-size: 1.3em;
    font-weight:normal;
    margin:0 0 20px 0;
    border-bottom: 1px dotted #E2C7C2;
    padding-bottom:5px;
    
}

/* @end */





/* @group Forms */

.content form select {
	border: 1px solid #e6e6e6;
	background: #fbfafa;
	color: #4c4c4c;
	padding: 5px;
	border-radius: 5px;
}

/* @end */





/* @group Structure */

#page {
	width: 994px;
	margin: 0 auto;
/*	position: relative;*/
}

/* @end */





/* @group Header */

#header {
	padding-top: 30px;
	position: relative;
}
	#header #logo {
		width: 430px;
		height: 111px;
		position: relative;
		float: left;
	}
		#header #logo a {
			cursor: pointer;
		}
			#header #logo span {
				display: block;
				width: 430px;
				height: 111px;
				position: absolute;
				left: 0;
				top: 0;
				background: url(../nav/sprite.png) no-repeat left top;
			}
	#header #contact {
		float: right;
		font-size: 1.5em;		/* 15px */
		line-height: 1.5em;
		font-style: italic;
		color: #565656;
		position: relative;
	}
		#header #contact .free {
			float: right;
			background: url(../nav/sprite.png) no-repeat -450px 5px;
			padding-left: 18px;
		}
		#header #contact strong {
			text-transform: uppercase;
			color: #000;
		}
		#header .tel {
			clear: both;
			float: right;
			width: 202px;
			height: 22px;
			position: relative;
		}
			#header .tel span {
				width: 202px;
				height: 22px;
				position: absolute;
				left: 0;
				top: 0;
				background: url(../nav/sprite.png) no-repeat -450px -50px;
		}
	#header-top {
		position: relative;
		width: 994px;
		overflow: hidden;
	}
	#header #shop-menu {
		position: absolute;
		right: 0;
		bottom: 10px;
	}
		#shop-menu li {
			float: left;
			margin-left: 20px;
			font-size: 11px;
			text-transform: uppercase;
		}
			#shop-menu a:link, 
			#shop-menu a:visited {
				color: #000;
				text-decoration: none;
			}
			#shop-menu a:hover {
				color: #000;
				text-decoration: underline;
			}

/* @end */





/* @group Menu */

#menu {
	background: #000 url(../nav/sprite.png) no-repeat right bottom;
	width: 994px;
	overflow: hidden;
	font-size: 1.1em;	/* 11px */
	text-transform: uppercase;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
	#menu li {
		float: left;
	}
		#menu a {
			display: block;
			text-decoration: none;
			padding: 12px 15px;
		}
		#menu a:link, #menu a:visited {
			color: #fff;
		}
		#menu a:hover {
			color: #ccc;
		}

/* @end */





/* @group Search */

#search {
	background: #48583d;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	color: #fff;
	padding: 13px 25px;
	margin-top: 1px;
	width: 944px;
	overflow: hidden;
	position: relative;
}

	#search h2 {
		float: left;
		font-size: 2em;				/* 20px */
		font-weight: lighter;
		margin: 15px 30px 15px 0;
	}
		#search h2 span {
			display: block;
			font-size: 1.55em;		/* 31px */
			color: #aaba9e;
			
		}
	
	#search form {
		float: left;
	}
		#search form h3 {
			font-size: 1.8em;		/* 18px */
			font-weight: lighter;
		}
		#search form label {
			color: #aaba9e;
			font-weight: strong;
		}
		#search .search-box {
			margin-top: 10px;
			border: 1px solid #314323;
			background: #fff;
			padding: 3px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
		}
			#search #search-text {
				border: solid 0px #fff;
				padding: 2px 5px;
				width: 380px;
				font-size: 1.4em;
			}
			#search #search-submit {
				padding: 7px 0px 7px 15px;
				width: 200px;
				text-align: left;
				background: #114775;
				border: solid 1px #011a3e;
				font-size: 1em;
				color: #fff;
				text-transform: uppercase;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;
			}
			#car {
				width: 186px;
				height: 115px;
				background: url(../nav/sprite_with_alpha.png) no-repeat left top;
				position: absolute;
				right: 0;
				bottom: 0;
			}

/* @end */





/* @group Footer */

#footer {
	background: #5a6850 url(../nav/sprite.png) no-repeat 767px bottom;
	color: #fff;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	margin: 0px 0 20px 0;
	width: 994px;
	overflow: hidden;
	font-size: 1.1em;		/* 11px */
	line-height: 1.5em;
	clear:both;
}
	#footer .stripe {
		background: url(../nav/sprite.png) no-repeat right bottom;
		height: 39px;
		border-bottom: 1px solid #fff;
	}
	.content #footer a:link, .content #footer a:visited {
		text-decoration: underline;
		color: #fff;
	}
	.content #footer a:hover {
		text-decoration: none;
		color: #fff;
	}
	#footer .contact-details {
		float: left;
		padding: 20px 40px 20px 25px;
	}
	#footer ul {
		float: left;
		padding: 20px 0;
	}
	#footer strong {
		float: right;
		font-size: 2.09090em; 		/* 23px */
		font-weight: lighter;
		color: #949d8d;
		padding: 2.5em 50px 0 0;
	}
	#footer a{
		color:#fff;
	}

/* @end */





/* @group Columns */

.content {
	padding-top: 20px;
	overflow:hidden;
}
	#sidebar {
		float: left;
		width: 229px;
		margin-right: 20px;
		font-size: 1.2em;		/* 12px */
		line-height: 1.5em;
		padding-bottom: 40px;
	}
	#sidebar h3{
		margin-top:0;
	}
	#main {
		float: left;
		width: 745px;
		overflow: hidden;
		font-size: 1.3em;		/* 13px */
		line-height: 1.5em;
		padding-bottom: 40px;
	}
		.content a:link, .content a:visited {
			color: #48583D;
		}
		.content a:hover {
			text-decoration: none;
			color:#48583D;
		}
		#breadcrumb {
			overflow: hidden;
			margin-bottom: 10px;
			border-bottom: 1px dotted #e2c7c2;
			padding: 0 0 5px;
			color: #666;
			font-size: .85em;
			text-transform: uppercase;
		}
			#breadcrumb .where {
				color: #000;
				font-weight: bold;
				padding-right: 10px;
			}
	#main.full-width {
		width: 994px;
	}
/* @end */





/* @group Sidebar: Model select */

#sidebar form label {
	display: block;
	color: #124775;
	font-size: 1.5em;		/* 18px */
	padding-bottom: 10px;
}
#sidebar form select {
	width: 229px;
}
.customStyleSelectBox {
	border: 1px solid #e6e6e6;
	background: #fbfafa;
	color: #7e7e7e;
	padding: 5px 0px 5px 5px;
	border-radius: 5px;
	width: 224px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.customStyleSelectBox {
		padding: 5px;
		width: 219px;
	}
}

.customStyleSelectBoxInner {
	background: url(../nav/form_select_arrow.png) no-repeat center right;
}

/* @end */





/* @group Sidebar: Menu */

#sidebar .submenu {
	padding-bottom: 15px;
}
	#sidebar .submenu li {
		border-top: dotted 1px #e2c7c2;
	}
	#sidebar .submenu li:first-child {
		border-top: none;
		margin-top: -5px;
	}
	#sidebar .submenu li:last-child {
		border-bottom: dotted 1px #e2c7c2;
	}
		#sidebar .submenu li li {
			padding-left: 10px;
		}
			#sidebar .submenu li li li li li li {
				padding-left: 0;
			}
		#sidebar .submenu a {
			display: block;
			color: #666;
			padding: 5px;
		}
		#sidebar .submenu a:link, #sidebar .submenu a:visited {
			text-decoration: none;
		}
		#sidebar .submenu a:hover {
			text-decoration: underline;
		}
		
	#sidebar .submenu li.selected a{
		font-weight:bold;
		color:#124775;
	}

/* @end */





/* @group Sidebar: Highlight */

.highlight {
	margin-bottom: 15px;
}
	/*.content .highlight a {
		display: block;
		width: 209px;
		color: #fff;
		padding: 30px 10px 0 10px;
		margin: 0 -10px;
	}
	.content .highlight a:link, 
	.content .highlight a:visited {
		text-decoration: none;
	}
	.content .highlight a:hover {
		text-decoration: underline;
	}*/
		.highlight .icon {
			display: block;
			position: absolute;
		}
		.highlight .text {
			display: block;
			background: #000;
			background-color: rgba(0,0,0,0.6);
			padding: 6px 10px;
			margin: 0px -10px 0 -10px;
		}
		.highlight.alt .text {
			background: #fff;
			background-color: rgba(255,255,255,0.3);
		}
		.highlight a .text {
			text-transform: uppercase;
		}
		
.delivery {
	background: url(../nav/sprite.png) no-repeat -720px 0px;
}
	.delivery .icon {
		left: 5px;
		bottom: 13px;
		width: 53px;
		height: 46px;
		background: url(../nav/sprite_with_alpha.png) no-repeat -200px 0px;
	}
	.delivery .text {
		padding-left: 60px;
	}
		
.sagepay {
	background: #184b79 url(../nav/sprite.png) no-repeat -960px 0px;
}
	.sagepay .icon {
		left: 5px;
		bottom: 16px;
		width: 15px;
		height: 21px;
		background: url(../nav/sprite_with_alpha.png) no-repeat -200px -50px;
	}
	.sagepay .text {
		padding-left: 25px;
	}

/* @end */





/* @group Headline */

.headline {
	position: relative;
	width: 745px;
	overflow: hidden;
	margin-bottom: 15px;
	line-height: 0;
	font-size: 0.84615em;		/* 11px */
}
	.headline img {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	.headline .caption {
		width: 515px;
		padding: 15px 210px 15px 20px;
		background: #000;
		background-color: rgba(0,0,0,0.6);
		color: #fff;
		position: absolute;
		left: 0;
		bottom: 10px;
		line-height: 1.5em;
	}
		.content .headline h3 {
			color: #fff;
			margin-top: 0;
		}
		.content .headline a.read-more {
			text-transform: uppercase;
			display: block;
			color: #fff;
			padding: 5px 10px;
			background: #c52200;
			position: absolute;
			right: 20px;
			bottom: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 10px #000;
			text-shadow: 0px 2px 1px #8b1500;
		}
		.content .headline a.read-more:link, 
		.content .headline a.read-more:visited {
			text-decoration: none;
		}
		.content .headline a.read-more:hover {
			text-decoration: underline;
		}

/* @end */





/* @group Grid listing */

.grid {
	width: 745px;
	overflow: hidden;
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:1px dashed #e4e4e4;
}
	.grid ul {
		width: 760px;
		margin-top: -15px;
	}
		.grid li {
			float: left;
			width: 171px;
			height: 145px;
			margin: 15px 15px 0 0;
			background: #fff;
			border: 2px solid #f2e3c4;
			position: relative;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			
		}
			.content .grid a {
				text-decoration: none;
				display: block;
				width: 171px;
				height: 125px;
				padding: 10px 0;
				text-align: center;
				text-decoration: none;
			}
				.grid strong {
					display: block;
					background: #c52200;
					opacity: 0.9;
					border-top: 1px solid #fff;
					border-bottom: 1px solid #fff;
					color: #fff;
					width: 151px;
					padding: 6px 10px;
					position: absolute;
					left: 0;
					bottom: 10px;
					font-weight: lighter;
					text-shadow: 0px 2px 1px #8b1500;
				}
				.grid a:hover strong {
					opacity: 1;
				}

/* @end */


/* @standard page */

#standard-page{
	margin:10px 0;
	float:left;
	width:745px;
}
#standard-page p{
	margin:20px 0;
}
.content #standard-page a{
	color:#48583D;
	font-weight:bold;
}
#standard-page h1{
	color: #124775;
    font-size: 2em;
    font-weight:normal;
    margin:0 0 20px 0;
}
#standard-page .images{
	float:right;
	margin:0 0 10px 30px;
	width:292px;
}
#standard-page .images img{
	border: 1px dotted #E2C7C2;
    padding:5px;
}
#standard-page .images img.product-image-thumb{
    width:123px;
    margin-top:5px;
    float:right;
    margin-left:10px;
}
#standard-page ul{
	margin:0 20px;
	list-style:disc;
}
#standard-page ul.downloads{
	clear:both;
	float:left;
	width:745px;
}
#standard-page ul.downloads{
	list-style:none;
	margin:0;
}
#standard-page ul.downloads li{
	margin:10px 0;
	background:#F5F5F5;
	padding:5px;
	height:35px;
	line-height:35px;
	width:745px;
}
#standard-page ul.downloads li img{
	float:left;
	margin:10px 10px 0 10px;
}

/* @product listing */

ul.product-list{
	overflow: hidden;
}
ul.product-list li{
	float:left;
	width:201px;
	/*height:400px;*/
	padding:5px 15px;
	margin:0 20px 20px 0;
	border:1px solid #E6E6E6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	background:#ffffff;
	height:365px;
	position:relative;
}
ul.product-list li.no-margin{
	margin-right:0;
}
ul.product-list li .buy_button{
	position:absolute;
	top:345px;
	left:15px;
}
ul.product-list li img{
	width:200px;
}
ul.product-list li .product-image{
	position:relative;
}
ul.product-list li .product-image img.viewlarge{
	width:auto;
	position:absolute;
	bottom:12px;
	left:12px;
}
.content ul.product-list li h2{
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
    border-bottom: 1px dotted #E2C7C2;
    color: #48583D;
    text-align:center;
    padding-bottom:10px;
    min-height:60px;
}
div.product_desc {
	background: none repeat scroll 0 0 #FBFAFA;
    border: 1px solid #E6E6E6;
    border-radius: 5px 5px 5px 5px;
    color: #7E7E7E;
    padding: 20px;
    -moz-box-shadow: 0 0 8px #999;
	-webkit-box-shadow: 0 0 8px#999;
	box-shadow: 0 0 8px #999;
	position:relative;
}
div.product_desc h1{
	color: #124775;
    font-size: 2em;
    font-weight: normal;
    margin:0 0 10px 0;
}
div.product_desc h2{
	color: #124775;
    font-size: 1.8em;
    font-weight: normal;
    margin:0 0 10px 0;
}
div.product_desc p{
	margin:10px 0;
	font-size:12px;
	line-height:18px;
}
div.product_desc a{
	color:#48583D;
	font-weight:bold;
}
div.product_desc ul, div.product_desc ol{
	margin-left:20px;
	list-style:disc;
	font-size:12px;
}
div.product_desc ul.related-products{
	list-style:none;
	margin:0;
}
div.product_desc ul.related-products li{
	background:#e4e4e4;
	margin:10px 0;
	padding:5px;
	overflow:hidden;
}
div.product_desc ul.related-products li:hover{
	background:#f3f3f3;
}
div.product_desc ul.related-products li img{
	float:left;
	padding:2px;
	border:1px solid #114775;
	margin-right:20px;
	background:#fff;
}
div.product_desc ul.related-products li a {
	text-decoration:none;
}
div.product_desc ul.related-products li a h3{
	margin:25px 0 0 0;
    font-size: 15px;
    font-weight: normal;
}
ul.product-list li .price{
	margin:5px 0;
}
ul.product-list li p.availability{
	margin:5px 0;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#ae1c00;
}
ul.product-list form input{
	width:30px;
	float:left;
}
ul.product-list form input.add-to-basket{
 	background: #114775;
    border: 1px solid #011A3E;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 1em;
    padding: 2px 0 2px 0;
    text-transform: uppercase;
    width: 155px;
    margin-left:10px;
    cursor:pointer;
}
.content #flash-msg a{
	color:#fff;
}
a.product_desc_open{
	background: none repeat scroll 0 0 #FBFAFA;
    border: 1px solid #E6E6E6;
    border-radius: 5px 5px 5px 5px;
    color: #7E7E7E;
    padding: 5px;
    width:190px;
    display:block;
    margin-top:8px;
    font-weight:bold;
}
a.ui-dialog-titlebar-close{
	height:30px;
	width:30px;
	background:url(../nav/close.png) no-repeat;
	position:absolute;
	right:-10px;
	top:0;
	z-index:1;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden; 
}
.content p.pagination{
    clear:both;
    overflow:hidden;
    float:right;
    list-style:none;
    margin:0;
}
.content p.pagination span,
.content p.pagination a{
    display:inline;
    float:left;
    margin:0 5px 10px 0;
    padding:4px 8px 2px 8px;
    background-color:#5A6850;
    color:#fff;
    font-size:12px;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}
.content p.pagination span{
    display:inline;
    float:left;
    margin:0 5px 10px 0;
    padding:4px 8px 2px 8px;
    background-color:#949D8D;
    color:#fff;
    font-size:12px;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}
.content p.pagination a:hover{
    background-color:#949D8D;
}

/********* CONTACT FORM *********/

#contact_form form{
	width:683px;
	border:1px solid #e1e1e1;
	padding:10px;
	margin:20px;
}
#contact_form form fieldset{
	background-color:#f9f9f9;
	padding:20px 30px;

}
#contact_form form p{
	margin:0;
	clear:both;
}
#contact_form form label{
	display:block;
	width:150px;
	float:left;
	display:inline;
	margin:2px 0 0 5px;
	line-height:20px;
}
#contact_form form label span{
	font-size:11px;
	font-style:italic;
	color:#999;
}
#contact_form form input, #form textarea{
	border:1px solid #e0e0e0;
	background-color:#fff;
	height:20px;
	width:460px;
	margin:0 0 8px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
}
#contact_form form textarea{
	width:458px;
	height:80px;
	margin:10px 0 0 0;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
}
#contact_form form input.submit{
	width:150px;
	height:35px;
	background: none repeat scroll 0 0 #114775;
    border: 1px solid #011A3E;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
	font-size:14px;
	cursor:pointer;
	float:right;
	text-transform:uppercase;
	margin:20px 0 0 0;
}

#filter{
	margin-bottom:10px;
}
#standard-page table {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
#standard-page table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
#standard-page table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.lost-password fieldset{
	padding:0;
	margin:20px 0;
}
#login-form.lost-password label{
	font-weight:bold;
}
#login-form.lost-password input{
	margin:0 5px;
	width:190px;
}
#login-form.lost-password input#lost-pass.submit {
    margin:0 0 0 5px;
}
ul.form-errors,
#form-errors{
	margin:20px 0;
	color:#fff;
	background:#AE1C00;
	padding:10px 20px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#form-errors h3{
	color:#fff;
	margin:5px 0 10px 0;
}