@charset "utf-8";
/*
//(C)2007-2011 RAZOR WEB DESIGN
//THIS CODE IS STRICTLY COPYRIGHT. DO NOT MODIFY, REDISTRIBUTE, REMOVE WITHOUT THE CONSULTATION OF RAZOR WEB DESIGN.
//SITE TEMPLATE STYLESHEET
*/
 @import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,800');
/*TEMPLATE*/
* {
	padding:0;
	margin:0;
}
body {
	background-image:url(images/bg.jpg);
	font-family: Arial, Tahoma, Geneva, sans-serif;
}
#container {
	width:100%;
	padding:0;
}
#content {
	background: #FFF;
	margin:0px auto;
	overflow: hidden;
	padding: 40px 0 50px;
	border-bottom: 20px solid #b14e04;
}
.frame {
	width: 1100px;
	margin: 0 auto;
}
/*
nav .frame.mn-main ul.menu {
	display: inline-block;
}
*/
nav .frame.mn-shop {
	margin-bottom: -10px;
	position: relative;
	z-index: 100;
}
footer {
	text-shadow:0px -1px 0px #2A3B5C;
	display:block;
	font-size:12px;
	color:#999;
	width:600px;
	margin:0px auto;
	padding:15px 0 15px;
	text-align:center;
}
footer a {
	color:#8C5631;
	text-decoration:none;
}
footer a:hover {
	color:#999;
}
#sidebox {
	width:20%;
	float:left;
	box-sizing: border-box;
}
#logo-side {
	width:100px;
	float:right;
	padding-top:50px;
}
#body-content {
	float:left;
	border-radius:15px;
	padding:10px;
	width: 80%;
	box-sizing: border-box;
}
.body-full {
	width:880px;
}
.body-half {
	width:680px;
}
#note_box {
	padding:10px;
	display:none;
	border-radius:5px;
	margin:1em 0;
}
#note_box a {
	color:#FFF;
}
.info_box {
	display:block;
	padding:3px;
	background-color:#F1F1F1;
	border-radius:3px;
	font-size:12px;
	color:#444;
}
.sub-category {
	font-size:14px;
}
.sub-category a {
	text-shadow:0px -2px 0px #FFF;
}
.sub-category ul {
	display:block;
	list-style:none;
}
.sub-category ul li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#EEE;
	width:200px;
	padding:5px;
	border-radius:5px;
}
.sub-category ul li a {
	text-decoration:none;
	font-size:16px;
}
.product_box {
	padding:0;
	margin:0;
	margin-bottom:10px;
	width:100%;
}
.product_box .title a {
	font-size:18px;
	font-weight:bold;
	letter-spacing:-0.8px;
	text-decoration:none;
}
.product_box .price {
	font-size:28px;
	color:#222;
	text-align:center;
	letter-spacing:-3px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
}
.product_box .price_ex {
	font-size:12px;
	color:#999;
	text-align:center;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
}
.product_box .info {
	font-size:12px;
	color:#444;
}
.product_box .feature {
	font-size:12px;
	color:#999;
	letter-spacing:-1px;
}

/*PRODUCT LIST*/
.pro-list {
	width: 100%;
}
.pro-list tr {
	width: 100%;
	background-color: #eee;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}
.pro-list td.pro-image img {
	vertical-align: top;
}
.pro-list tr td hr {
	width: 80%;
}

.pro-list td.pro-image {
	box-sizing: border-box;
	padding: 10px;
	width: 15%;
}
.pro-list td.pro-text {
	box-sizing: border-box;
	padding: 10px;
	width: 70%;
}
.pro-list td.pro-price {
	box-sizing: border-box;
	padding: 10px 20px 10px 10px;
	width: 15%;
}

.p_price {
	margin:0;
	font-size:28px;
	color:#222;
	text-align:center;
	letter-spacing:-3px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
}
.red {
	background-color:#972422;
	color:#FFF;
	font-size:12px;
	border:1px solid #F00;
}
.green {
	background-color:#8AAA1F;
	color:#FFF;
	font-size:12px;
	border:1px solid #3C0;
}
hr {
	padding:0;
	margin:0;
	border:0;
	margin-bottom:2px;
	margin-top:2px;
	border-bottom:1px solid #DDD;
}
.mini {
	font-size:10px;
}
.small {
	font-size:12px;
}
.regular {
	font-size:14px;
}

/*HEAD ELEMENTS*/
#head {
	margin:0px auto;
	padding: 20px 0;
}
.head-wrap {
	display: table;
	width: 100%;
	vertical-align: middle;
}
.banner {
	background-color: #EEE;
}
nav {
	background:#B14E04;
}
nav .frame.mn-main {
	text-align: center;
}

.banner .frame {
	position: relative;
}
.banner .banlink {
	display: table;
	position: absolute;
	bottom: 0;
	width: 1100px;
}
.banner .banlink a.blink{
	display: table-cell;
	height: 100px;
	width: 25%;
}

#basket,
#logo {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
#logo .wrap {
	width: 240px;
}
#basket {
	text-align: right;
}

/*GENERAL*/
h1,h2,h3,h4 {
	font-family: 'Titillium Web',arial,sans-serif;
}
h1 {
font-size:40pt;
color:#B24E04;
font-weight:600;
line-height: 45px;
}
h2 {
font-size:18px;
color:#222;
font-weight:600;
}
h4 {
font-size:22px;
color:#CCC;
font-weight:600;
}
.text_content, p {
font-size:12px;
color:#222;
}
a {
color:#B24E04;
text-decoration:underline;
}
a:hover {
color:#333;
text-decoration:none;
}
.tableResult {
font-size:12px;
}
.tableTOP {
background-color:#D4D4D4;
}
.tableBLU {
background-color:#F4F4F4;
}
.tableDEL {
background-color:#F7F7F7;
}
.tableHVR {
background-color:#E9E9E9;
}
#spanBODY {
font-size:12px;
}
.spacer5 {
	padding:0;
	margin:0;
	height:5px;
}
.spacer10 {
	padding:0;
	margin:0;
	height:10px;
}
.spacer15 {
	padding:0;
	margin:0;
	height:15px;
}

/*Logo Bar*/
.logo-bar {
	text-align: center;
}
.logo-bar a {
	padding: 0 10px;
	box-sizing: border-box;
}

/*OTHER*/
.center {
	margin:0px auto;
}
.imageGallery {
	width:150px;
	border:2px solid #FFFFF;
	margin:2px;
}
.imageGallery:hover {
	border:2px solid #D1D1D1;
}
.hide {
	display:none;
}
#sitemap {
padding:0;
margin:0;
}
#siteMap ul {
margin:0;
padding:0;
}
#siteMap li {
	list-style:none;
}
#siteMap a {
font-size:12px;
}
td.con-box {
	background-color:#f3f3f3;	
	padding:20px;
	margin-bottom:10px;
	margin-right:10px;
	border-radius:10px;
	display:inline-block;
}
table tr {
	padding-right:10px;	
}

/*TEXT*/
.text_large_white {
	font-size:24px;
	font-weight:none;
	color:#FFF;
	padding:0;
	margin:0;
}
.text_vlarge_white {
	font-size:36px;
	font-weight:none;
	color:#FFF;
	padding:0;
	margin:0;
}
.text_small_white {
	font-size:12px;
	font-weight:none;
	color:#FFF;
	padding:0;
	margin:0;
}
.text_small_grey {
	font-size:12px;
	font-weight:none;
	color:#999;
	padding:0;
	margin:0;
}
.text_small_black {
	font-size:12px;
	font-weight:none;
	color:#444;
	padding:0;
	margin:0;
}
.text_small_darkgrey {
	font-size:12px;
	color:#444;
}
.text_small_blue {
	font-size:12px;
	font-weight:none;
	color:#688AAD;
	padding:0;
	margin:0;
}
.text_medium_grey {
	font-size:14px;
	color:#999;
}
.text_medium_white {
	font-size:14px;
	color:#FFF;
}
.text_medium_white a {
	text-decoration:underline;
}
.text_mini_grey {
	font-size:10px;
	color:#999;
}
.text_mini_black {
	font-size:10px;
	color:#222;
}
.text_mini_darkgrey {
	font-size:10px;
	color:#444;
}
.text_mini_white {
	font-size:10px;
	color:#FFF;
}

/*SIDEBOX CSS*/
.sidebox {
	width:100%;
}
.sidebox_bdy {
	padding:5px;
	border: 1px solid #EEE;
	border-bottom-width: 4px;
	margin: 0 0 20px;
}
.sidebox_top {
	padding-left:5px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#285877;
	font-size:18px;
}
.sidebox_bdy #product_title {
	font-size:28px;
	letter-spacing:-1px;
	font-style:italic;;
}
.sidebox_bdy .sidebox_product_button {
	display:block;
	width:100%;
	text-align:center;
	background-color:#cf6436;
	padding:3px 0px;
	border-radius:5px;
	border-radius:5px;
	border:1px solid #95411f;
	text-decoration:none;
	font-size:12px;
	color:#FFF;
	margin-top:3px;
	
}
.sidebox_bdy .sidebox_product_button:hover {
	background-color:#c75c2f;
	position:relative;
	top:1px;
}

/*CART BOX*/
#basketBox {
	display: inline-block;
	padding:10px;
	background-color:rgba(255,255,255,0.9);
	border-radius:5px;
}
#basketBox .title {
	font-size:14px;
	color:#073146;
	font-weight:bold;
	letter-spacing:-0.5px;
}
#basketBox .para {
	font-size:12px;
	color:#073146;
	letter-spacing:-0.5px;
}
#floatMenu {
	height:27px;
	background-color:#285877;
	padding:1px 12px 1px 12px;
	border-radius:5px;
}

/*OTHER ELEMENTS*/
.imageGallery {
	border:2px solid #999;
	box-shadow: 0px 3px 0px #333;
}
.imageGallery:hover {
	border:2px solid #444;
}
.denote {
	color:#C30;
	font-size:16px;
	font-weight:bold;
	text-shadow:0px 1px 2px #111;
}
#basemenu {
	margin-right: auto;
	position: fixed;
	bottom:0px;
	width: 100px;
	height: 40px;
	text-align:right;
	right:1%;
}
.next, .back, .remove {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:bold;
	padding:3px 15px;
	text-decoration:none;
	text-shadow:1px -1px 0px #ffffff;
}
.back:hover, .next:hover, .remove:hover {
	color:#333;
}
.genericbt {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e8e8), color-stop(1, #cccccc) );
	background:linear-gradient( center top, #e8e8e8 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#cccccc');
	background-color:#e8e8e8;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#195d8a;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:3px 0px;
	width:100px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.genericbt:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #e8e8e8) );
	background:linear-gradient( center top, #cccccc 5%, #e8e8e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e8e8e8');
	background-color:#cccccc;
}.genericbt:active {
	position:relative;
	top:1px;
}
.redbt {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c70e0e), color-stop(1, #ff3030) );
	background:linear-gradient( center top, #c70e0e 5%, #ff3030 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c70e0e', endColorstr='#ff3030');
	background-color:#c70e0e;
	border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c26161;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #632828;
}
.redbt:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff3030), color-stop(1, #c70e0e) );
	background:linear-gradient( center top, #ff3030 5%, #c70e0e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3030', endColorstr='#c70e0e');
	background-color:#ff3030;
	color:#FFF;
}
.redbt.myButton:active {
	position:relative;
	top:1px;
	color:#FFF;
}
.addtobasket {
/*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CF6436), color-stop(1, #c05628) );
	background:linear-gradient( center top, #CF6436 5%, #c05628 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF6436', endColorstr='#c05628');
	background-color:#CF6436;*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #940000), color-stop(1, #BB0000) );
	background:linear-gradient( center top, #940000 5%, #BB0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#940000', endColorstr='#BB0000');
	background-color:#CF6436;
	border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #EE0000;
	display:block;
	color:#FFF;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:10px 33px;
	text-decoration:none;
	text-shadow:0px -1px 1px rgba(0,0,0,0.5);
	letter-spacing:-1px;
}.addtobasket:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BB0000), color-stop(1, #940000) );
	background:linear-gradient( center top, #BB0000 5%, #940000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB0000', endColorstr='#940000');
	background-color:#c05628;
	border:1px solid #FF0000;
	position:relative;
	top:1px;
	color:#FFF;
}.addtobasket:active {
	position:relative;
	top:2px;
}
.pointer {
	cursor:pointer;
}
.grey {
	color:#999;
}
.grey-light {
	color:#CCC;
}
.text-small {
	font-size:12px;
}
.white {
	color:#FFF;
}
.summary_row {
	margin-top:5px;
	padding:5px;
	background-color:#F5F5F5;
	border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;	
	font-size:12px;
	text-decoration:none !important;
}
.summary_row:hover {
	background-color:#F1F4FD;
}
.summary_row .attr {
	font-size:10px;
	color:#999;
}
.summary_row .attr2 {
	font-size:10px;
	color:#688AAD;
}
.summary_row .title {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
}
.summary_row .title a {
	font-size:14px;
	font-weight:bold;
	color:#444;
	letter-spacing:-1px;
}
.summary_row .price {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
}

/*FORM*/
.form_table {
	width:400px;
	padding:10px;
	margin:0;
	border:0;
	background-color:#E8E8E8;
	border-radius:15px;
}
.form_box {
	padding:3px;
	background-color:#F1F1F1;
	border-radius:3px;
	font-size:12px;
	color:#285877
}
.form_spacer {
	margin:0;
	padding:0;
	height:15px;
}
#form_input {
	padding-top:3px;
	padding-bottom:3px;
}
#form_radio {
	margin-top:5px;
	padding:5px;
	background-color:#DDD;
	border-radius:5px;
	font-size:12px;
}
#form_input label {
	display:block;
	font-size:14px;
	color:#444;
	font-weight:bold;
}
.form_caption {
	font-size:12px;
	font-weight:none;
	color:#999;
	padding:0px 0px 0px 5px;
	margin:0;
	font-style:italic;
	display:none;
}
.form_subcaption {
	margin:0;
	padding:4px;
	border-radius:3px;
	font-size:20px;
	color:#FFF;
	letter-spacing:-1px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.5);
	background-color:#B24E04;
	font-size:14px;
}
input[type="submit"] {
	background-color:#B24E04;
	color:#FFF;
	border:1px solid #B24E04;
	font-size:14px;
	letter-spacing:-1px;
	margin-left:1px;
	padding:5px 25px;
	box-shadow:inset 0 1px 0 #fda767;
}
input[type="text"],input[type="password"],textarea {
	background-color:#F1F1F1;
	width:100%;
	font-size:14px;
	border:1px solid #DDD;
	color:#333;
	padding:10px 5px;
	box-sizing: border-box;
}
.sidebar input[type="text"], .sidebar input[type="password"], .sidebar textarea {
	background-color:#EEE;
	border:1px solid #FFF;
	color:#777;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.2s ease-in-out 0s;
}
.sidebar input[type="text"]:focus, .sidebar input[type="password"]:focus, .sidebar textarea:focus {
	box-shadow:inset 0px 0px 5px rgba(255,255,255,1);
	border:1px solid #DDD;
}
select {
	background-color:#F1F1F1;
	width:100%;
	font-size:14px;
	border:1px solid #DDD;
	color:#333;
	padding:10px 5px;
}
input[type="submit"]:hover,input[type="text"]:hover,input[type="password"]:hover,input[type="text"]:focus,select:focus {
	border:1px solid #CCC;
}
input[type="submit"]:hover {
	background-color:#333;
	border:1px solid #333;
	box-shadow:inset 0 1px 0 #999;
	cursor:pointer;
}
input[type="submit"]:active {
	position:relative;
	top:1px;
}
.denote {
	color:#C30;
	font-size:14px;
	font-weight:bold;
	text-shadow:0px -1px 0px #FFF;
	display:inline;
}
.button {
   border-top: 1px solid #ffb2b2;
   background: #ff2121;
   background: -webkit-gradient(linear, left top, left bottom, from(#b30000), to(#ff2121));
   background: linear-gradient(top, #b30000, #ff2121);
   padding: 3px 5px 3px 5px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   border-radius: 4px;
   /*
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   */
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 13px;
   font-weight:bold;
   text-align:center;
   letter-spacing:-1px;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.button:hover {
   border-top-color: #9e2020;
   background: #9e2020;
   color: #ffffff;
}

/*SIDEBAR BOXES*/
.sidebar {
	width:100%;
}
.sidebar_bdy {
	padding:5px;
	border: 1px solid #EEE;
	margin: 0 0 20px;
}
.sidebar_bdy h4 {
	margin: 0 0 10px;
	color: #B14E04;
}
.sidebar_top {
	padding-left:5px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#CCC;
	font-size:18px;
	text-shadow:0px 2px 1px #000;
}
.sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
.sidebar li {
	list-style:none;
	margin:0;
	padding:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.sidebar li a {
	display:block;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
	font-size:16px;
	text-shadow:0px -1px 0px #000;
}
.sidebar li.blank, .sidebar li.blank:hover {
	height:5px;
	box-shadow:none;
	cursor:default;
}
.sidebar li ul li a {
	display:block;
	color:#222;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-decoration:none;
	font-size:14px;
	text-shadow:0px -1px 0px #FFF;
}
.sidebar li:hover {
	box-shadow:inset 0px 0px 5px rgba(0,0,0,0.5);
	cursor:pointer;
}
.sidebar li:hover a {
	position:relative;
	top:1px;
	color:#FFF;
	text-decoration:underline;
	text-shadow:none;
}
/*MODULE*/
.module_select {
	 background-color:#EEE;
	 width:100%;
	 border-radius:3px;
	 margin-top:5px;
	 padding:3px 0px 3px 0px;
	 -webkit-border-radius:3px;
	 border-radius:3px;
	 border:1px solid #CCC;
}
.module_select:hover {
	background-color:#FFF;
	
}
.module_select input[type=radio] {
	margin-right:10px;
}
.module_select select, .module_select hr {
	margin:0.5em 0;
}

/*FACEBOOK LIKE*/
.facebook-like {
	display:block;
	width:80px;
	text-align:center;
}
.facebook-like-title {
	font-size:14px;
	letter-spacing:-1px;
	color:#CCC;
	font-weight:bold;
	text-shadow:0px -1px 0px #000;
}
.facebook-box {
	width:80px;
	margin-left:18px;
}

/*Drivers*/
ul.drivers {
	overflow:hidden;
}
ul.drivers li {
	list-style:none;
	float:left;
	background-color:#EEE;
	padding:5px;
	margin:10px;
	width:40%;
	box-sizing: border-box;
}
ul.drivers li img {
	width:100%;
	vertical-align: top;
}
ul.drivers li p {
	font-size:12px;
}
ul.drivers li p.sub {
	color:#999;
	font-style:italic;
}
ul.drivers li p.favourite {
	color:#666;
	background-color:#CCC;
	padding:5px;
	margin-top:8px;
}
ul.drivers li p.favourite a {
	color:#666;
}
ul.drivers li h2 {
	color:#B24E04;
}
ul.drivers li h2 a {
	text-decoration:none;
}
ul.drivers li h2 a:hover {
	color:#666;
}

@media screen and (max-width:1100px) {
	.frame {
		width: 100%;
	}
	.banner img {
		width: 100%;
	}
}
@media screen and (max-width:640px) {
	#basket, #logo {
		display: block;
		width: 100%;
		text-align: center;
	}
	#basket {
		padding-top: 15px;	
	}
	#sidebox, #body-content {
		float: none;
		width: 100%;
	}
	footer {
		width: 100%;	
	}
	
	.pro-list td.pro-image,
	.pro-list td.pro-text,
	.pro-list td.pro-price {
		display: block;
		text-align: center !important;
		padding: 10px;
		width: 100%;
	}
	.pro-list tr td hr {
		width: 100%;
		margin: 10px 0;
	}
	
}