/*--------------------------------------------------------------------------------- */
/* RW Motortec Ltd - 2009															*/
/* (c) 2009																			*/
/* XHTML, CSS & JS by John McNiven													*/
/*--------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #fff url(/assets/images/css/bgnd.gif) 0 0 repeat-x;
	color: #111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

/*--------------------------------------------------------------------------------- */
/* Links
---------------------------------------------------------------------------------- */

a, a:visited {
	color:#496d93;
	text-decoration: none;
	font-weight:bold;
}

a:hover, a:active {
	text-decoration: underline;
}


/*--------------------------------------------------------------------------------- */
/* Forms
---------------------------------------------------------------------------------- */

form{
	margin:0; padding:0;
}

fieldset{
	margin:0; padding:0;
	border:0;
}

legend{
	display:none;
}

label{
	display:block;
	clear:both;
	font-weight:bold;
	text-align:right;
	width:220px;
	float:left;
	padding:12px;
}
	
input, select{
	float:left;
	width:250px;
	margin:10px; padding:2px;
}

button{
	border:0;
	background:#D50542;
	color:#fff;
	padding:2px 4px;
	margin:10px 0;
}

checkbox{
	margin:10px;
	width:auto;
}

/*--------------------------------------------------------------------------------- */
/* Headers
---------------------------------------------------------------------------------- */

h1{
	margin:10px 15px; padding:0;
	overflow:hidden;
	text-indent: -9001px;
	position: relative;
	float: left;

}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{ 
	width:200px; height: 80px; 
	display: block;
	text-decoration:none;
	background: transparent url(/assets/images/css/logo2.gif) top left no-repeat;
}


h2 {
	text-align:left;
	margin:0; padding:2px 0;
}

h2#obd {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_obd.png) top left no-repeat;
}


h2#home {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_home.png) top left no-repeat;
}

h2#work {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_work.png) top left no-repeat;
}

h2#bodyshop {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_bodyshop.png) top left no-repeat;
}

h2#news {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_news.png) top left no-repeat;
}

h2#mems {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_members.png) top left no-repeat;
}

h2#launch {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_launch.png) top left no-repeat;
}

h2#globalpro {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_global.png) top left no-repeat;
}

h2#shop {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_shop.png) top left no-repeat;
}

h2#market {
	text-indent:-9999px;
	height:32px;
	background: transparent url(/assets/images/css/h2_market.png) top left no-repeat;
}


h3{
	color:#525252;
	font-weight:bold;
	text-align:left;
	margin:0; padding:15px 0 0 0;
}


h4{
	text-align:left;
	margin:0;padding:15px 0 0 0;
	font-size:14px;
}

/*--------------------------------------------------------------------------------- */
/* Block Elements
---------------------------------------------------------------------------------- */

p, li {
	font:13px/18px;
	color: #111;
	text-align: left;
	margin: 10px 0;
}

/* ---  Layout DIV's --------------------------------------------------------------------- */

#holder{
	width:960px;
	margin:0 auto;
	text-align:center;
}

#header{
	height:79px;
}

#quicklinks{
	width:500px; 
	display:block; 
	float:right; 
	margin:10px;
}

#quicklinks p{
	text-align:right;
	color:#fff;
	padding:0; margin:5px;
}

#quicklinks span{
	display:none;
}

#quicklinks a{
	color:#fff;
	font-weight:normal;
}

.cart{
	padding-left:25px;
	background: transparent url(/assets/images/css/cart.png) no-repeat left center;
}

#intro{
	margin:0 15px; padding:0;
	border-bottom:1px solid #ccc;
}

#intro p{
	padding:0 0 5px 0; 
	margin:0;
}

#toggle{
	display:none;
	color:#ccc;
}

img#staffimage {
	float:right; 
	margin:2px 2px 2px 10px;
	padding:2px;
	border:1px solid #ccc;
}

#slider{
	padding:10px 0; margin:0;
}

#slider p, #slider h3{
	padding:0 0 10px 0; margin:0;
}



/* ---  Main Navigation --------------------------------------------------------------------- */

#menu{
	clear:both;
	position:relative;
	height:30px;
	margin:0 10px; padding:0;
	top:-21px !important;
	top:-11px;
}



#menu ul {
	height:30px;
	font:12px/18px Helvetica;
	float: right; 
	margin: 0;
}

#menu ul li { 
	display: inline; 
	list-style: none; 
	margin:0; padding:0;
}

#menu ul li a { 
	margin:0; padding: 8px 16px; 
	background:#454643;
	position: relative; 
	color:#fff;
	-moz-border-radius-topright:4px;
	-moz-border-radius-topleft:4px;
}

#menu ul li a.active, #menu ul li a:hover{
	background: #fff;
	color:#111;
	border-bottom:1px solid #fff;
}

/* ---  LEFT --------------------------------------------------------------------- */

#content{
	margin:0; 
	padding:0 15px;
	float:left;
	width:670px;
	min-height:750px;
	border-right:1px solid #ccc;
}

.featurep_holder{
	width:200px; 
	float:left; 
	margin:10px 0 40px 0;
}

.featurep_holder h3{
	text-align:left;
	margin:0;padding:5px 0 0 0;
	font-size:14px;
}

.featurep_holder div{
	line-height:120px ;
	height:120px;
	overflow:hidden;
}

.featurep_holder div.small{
	line-height:80px;
	height:80px;
}

.featurep_holder div p{
	line-height:18px;
}


.middle{
	margin:10px 30px 40px 30px;
}

.featurep_holder img {
	margin:5px 0; 
	padding:2px; 
	width:200px;
	height:200px;
	border:1px solid #ccc;
}

.featurep_holder a img {
	border:1px solid #ccc;
}


.application_holder{
	width:120px; 
	float:left; 
	margin:20px 10px 10px 0;
	border:1px solid #ccc;
}

.application_holder img {
	margin:5px 0; 
	padding:2px; 
	border:1px solid #ccc;
}

.application_holder a img {
	border:1px solid #ccc;
}

.application_holder a p {
	text-align:center;
}



.price{
	font-size:12px;
	font-weight:bold;
	color:#777;
	border-top:1px solid #ccc;
	margin:20px 0 0 0;
	padding:4px 0;
	text-align:right;
}

.price a{
	display:block;
	float:left;
	width:90px;
	font-weight:bold;
	text-align:left;
	color:#777;
	background: url(/assets/images/css/cart.png) left center no-repeat;
	padding-left:22px;
}

.price a.film{background: url(/assets/images/css/film.png) left center no-repeat;}
.price a.info{background: url(/assets/images/css/information.png) left center no-repeat;}



.was{background: url(/assets/images/css/was-price.gif) center no-repeat;}


/* ---  'Sales' Page------------------------------------------------------------- */

a.mediaboxlinker{
	border:1px solid #ccc; 
	background:#f1f1f1 url(/assets/images/css/play.gif) 10px 50% no-repeat; 
	padding:3px 3px 3px 20px;	
	-moz-border-radius:4px; 
	border-radius:2px;
	font-weight:normal;
	color:#111;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}

#sales_hold{
	margin:0; padding:0; 
}

ul.tab-menu {
	background: transparent url(/assets/images/css/sub_nav_bgnd.gif) repeat-x bottom;
	list-style: none;
	font-weight: bold;
	padding: 0 5px;
	margin:15px 0;
	width:660px;
	height:32px;
}

ul.tab-menu li {
	float: left;
	margin:0; padding: 0;
}

ul.tab-menu li a{
	display: block;
	text-decoration:none;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	padding:8px 12px; margin:0 1px;
	color:#111;
	background:#F7F7F7;
	border:1px solid #E3E3E3;
	border-bottom:1px solid #fff;
	outline-style: none;
}

ul.tab-menu li.tab-selected  a {background:#fff; color:#f00; }




div.current-round1 {
	clear:both;
}

#salesimage{
	width:310px; 
	float:left;
	margin:20px 0 0 0;
}

#priceholder{
	width:330px; 
	float:left; 
	margin:20px 0 0 30px;
	padding:0;
}


#discount{
	margin:0; padding:5px 0;
	background:#EDF5FF;
	border-top:1px solid #C3D6F9;
}

#discount h3{
	padding:0 0 0 5px; margin:0;
}

#discount dl {
	margin:0; 
	padding:5px 0 0 0;
}

#discount dt {
	margin:10px 0 0 0; 
	width:80px; 
	float: left;
}

#discount dd {
	margin: 10px 20px 0 80px; 
	text-align:right;
}


#discount ul { margin:0 10px 0 0;}


#addtocart{
	margin:15px 0 0 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

#addtocart input{
	display:inline;
	padding:2px;
	margin:0;
	border:1px solid #ccc;
	width:75px;
}

#addtocart label{
	display:inline;
	width:75px;
	padding:2px;
	margin:0;
	text-align:left;
}

#addtocart button{
	padding:2px 4px;
	margin:0;
}

#addtocart input.hideit{
	border:0;
}


#productimages{
	text-align:left;
}

#productimages img{
	margin:10px 0 0 0;
	border:1px solid #ccc;
	padding:2px;
}

.tn{
	font-size:11px;
	margin:0; padding:0;
	color:#ccc;
}

ul.app-ul-list{
	margin-bottom:15px;
}

ul.app-ul-list li{
	width:150px; float:left;
}

/* ---  Shopping Cart------------------------------------------------------------- */

.boxer{
	margin:10px 0; 
	padding:0 5px;
	border:1px solid #EFEBD5; 
	background-color:#FFFFCC;
}

.alert{
	margin:10px 10px 10px 0; 
	padding:4px;
	border:1px solid #F00; 
	background-color:#FFCCCC;
}

table{ 
	margin:15px 0;
	width:660px;
	border-spacing:0; 
	empty-cells:show; 
	font-size:100%; 
	border-top:1px solid #ccc;	
}

caption,th,td { 
	vertical-align:top; 
	text-align:left; 
	font-weight:normal; 
}

thead th{
	background:#eee;
	font-weight:bold;
}

th, td{
	padding:8px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

tfoot td{
	border:0;
}

.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}

th.tac{
 vertical-align:middle;
}

.last{
	border-right:1px solid #ccc;
}



table#comparison{ 
	margin:15px 0;
	width:660px;
	border-spacing:0; 
	empty-cells:show; 
	font-size:100%; 
	border:0;
}





#cartform input.qty{
	width:40px;
	text-align:center;
}

#shoppingcart button{
	padding:6px;
}

a img{
	border:0;
}






#voucher input, #voucher label{
	display:inline;
	width:170px;
}

#voucher label{text-align:right; width:125px;}


#totalprices{
	width:240px; 
	float:right;
	margin-right:25px;
}

#totalprices p{
	margin:0 0 10px 0;
	padding:0; 
	font-weight:bold;
	text-align:right;
}

#totalprices span{
	font-style:italic;
}

#totalprices a{
	font-size:18px;
	font-weight:bold;
}


#tips{
margin-top:20px;
}


/* ---  RIGHT --------------------------------------------------------------------- */

#sidebar{
	margin:0; 
	padding:0 0 0 15px;
	float:left;
	width:223px;
}

#sidebar h3{
	margin:15px 0 0 0;
	padding:0;
}

/* ---  Top Sellers --- */

#topsellers{margin-bottom:20px;}

#topsellers h3{	
	padding:4px;
	background: #EEEEEE url(/assets/images/css/feed.png) 95% 50% no-repeat;
}

.topitem{
	margin:10px 0;
	padding:0;
}

.topitem img{
	float:left; padding:0; margin:0 10px 0 0;
}

.topitem h4 {font-size:12px; padding:0; margin:0;}

.topitem p{font-size:10px;padding:5px 0 0 0; margin:0;}

.borders{padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}

/* ---  Blog Item List --- */

#blog h3{	
	padding:4px;
	background: #EEEEEE url(/assets/images/css/feed.png) 95% 50% no-repeat;
}

#blog ul {
	font:12px/18px Helvetica;
	list-style: none;
	line-height: 1;
	padding:0;
	margin:0;
}

#blog li {
	display:block;
	padding: 0;
}

#blog li a {
	display: block;
	text-decoration:none;
	text-align:left;
	border-bottom:1px dashed #ccc;
	font-size:12px;	
	padding:4px 0 4px 12px; margin:0 2px;
	font-weight:normal;
	color:#111;
	background: transparent url(/assets/images/css/rightarrow.gif) left center no-repeat;
}

#blog li a.active {color:#f00;}
#blog li a.bottom {border:0; text-align:right;background:none;}

/* ---  Get in Touch --- */

#quickdetails{
	background:#FBFBFB;
	border:1px solid #E8E8E8;
	padding:4px;
	margin:20px 0;
}

#quickdetails h3{
	padding:4px;
	margin:0;
	background:#EEEEEE;
}

#quickdetails p{
	padding:4px;
	margin:0;
}

#quickdetails ul{
	font:12px/18px Helvetica;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 10px 0 20px 0;
}

#quickdetails ul li{
	margin:5px 0 0 5px ;
}

#quickdetails ul li span{
	display:block;
	float:left;
	width:60px;
	font-weight:bold;
}



/* ---  Keepintouch --- */

#keepintouch {
	margin-bottom:30px;
}

#keepintouch form{
	margin:0;
	padding:0;
	text-align:left;
}

form#icpsignup input{
	padding:2px; margin:4px;
	border:1px solid #ccc;
	width:200px;
}

.hideit{
	border:1px solid #f00;
}




/* ---  Testimonails --- */

#testimonial{
	font-style:italic;
	margin:10px 0 0 0;
	padding:4px 4px 20px 4px;
	background: #f0eee7 url(/assets/images/css/speechbubble-light-short.png) bottom center no-repeat;
}

#testimonial p{
	padding:0 8px;
}


/* ---  Shopping Cart & Check Out Stuff --- */

form#buyonline fieldset{
	display:block;
	margin:10px  0;
	border:1px solid #ccc;
}

form#buyonline legend{
	display:block;
	margin-left:12px;
}

.cr label{
	width:auto;
}

.cr input{
	width:auto;
	margin:14px 10px;
}



.fValidator-msg {
  display:none;
}

html>body .fValidator-msg {
  clear:both;
  display:block;
  width:250px;
  text-align:right;
  color: #c00;
  padding: 2px 0;
  margin:0;
  font-size:12px; 
}


/* ---  Footer --------------------------------------------------------------------- */

#footer{
	clear:both;
	margin:0 15px ; padding:10px 0;
	border-top:1px solid #ccc;
	background: url(/assets/images/css/footer_logo.gif) left center no-repeat;

}

#footer p{
	font-size:11px;
	margin:0; 
	padding:0 0 0 35px;
	color:#888;
}

#footer span{
	margin-left:20px;
	font-style:italic;
	font-weight:bold;
	color:#888;
}


/* ---  JS Fix Bar --------------------------------------------------------------------- */


#john{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	border-top:1px solid #ccc;
	z-index:999;
	margin:0;  padding:0;	
}

#john div{
margin:0; padding:5px;color:#fff;
background:#333333;
}

#john p{
color:#fff;
margin:0; padding:0;
}

#john a{color:#ffc;text-decoration:underline;}

#john a#closeme{
	float:right;
	padding:0; margin:0;
}