/* BOX BASICS */

/* hide the rest of IE5 Mac so  the site is at least usable (but NOT pretty!) */
@media all {

.box {
	position:relative;
	display:block;
	float:left;
	background:#d5d3c9;
	overflow:hidden;
}
.box1 {
	width:240px;
	height:240px;
}
.box_inner {
	padding:5px 10px 10px;
}
.box .box_title {
	display:block;
	height:19px;
	margin:0;
	padding:4px 5px 1px;
	color:#fff;
	background:#ada999;
	font-family:"lucida grande",arial,sans-serif;
	font-size:11px;
}
.box_gap {
	height:20px;
	padding-top:4px;
	color:#ccc;
	text-align:right;
}
.box_gap a {
	color:#ccc;
}



/* BOX WIDTH */

.boxw0 {
	width:0;
}
.boxw0_5 {
	width:120px;
}
.boxw1 {
	width:240px;
}
.boxw1-1 {
	width:239px;
}
.boxw1_5 {
	width:360px;
}
.boxw2 {
	width:480px;
}
.boxw3 {
	width:720px;
}
.boxw4 {
	width:960px;
}
.boxw5 {
	width:1200px;
}
.boxwA {
	width:100%;
}


/* BOX HEIGHT */

.boxh0 {
	height:0;
}
.boxh0_1 {
	height:24px;
}
.boxh0_5 {
	height:120px;
}
.boxh0_75 {
	height:196px;
}
.boxh1 {
	height:240px;
}
.boxh1-1 {
	height:215px; /* sort */
}
.boxh1_25 {
	height:300px;
}
.boxh1_5 {
	height:360px;
}
.boxh1_75 {
	height:385px;
}
.boxh2 {
	height:480px;
}
.boxh2_5 {
	height:600px;
}
.boxh3 {
	height:720px;
}
.boxh3_5 {
	height:840px;
}
.boxh4 {
	height:960px;
}
.boxh5 {
	height:1200px;
}
.boxhA {
	height:auto;
}



/* COLOURS */

.box_asphalt1 {
	color:#fff;
	background:#323948;
}
.box_honmono1 {
	color:#fff;
	background:#43492a;
}
.box_white {
	color:#333;
	background:#fff;
}
.box_whiteish {
	color:#333;
	background:#eee;
}
.box_greyblue1 {
	color:#FFF;
	background:#7f98a2;
}
.box_greyblue2 {
	color:#FFF;
	background:#003145;
}
.box_greyblue1 a,
.box_greyblue2 a {
	color:#003145
}
.box_white .box_title,
.box_whiteish .box_title {
	color:#fff;
	background:#666;
}
.box_yellow {
	color:#333;
	background:#ffde00;
}
.box_yellow .box_title {
	color:#fff;
	background:#fabe25;
}
.box_black {
	color:#fff;
	background:#000;
}
.box_sort {
	color:#fff;
	background: #000 url('../images/side_sort.jpg') no-repeat;
}
.box_sort2 {
	color:#fff;
	background: #000;
}
.box_blue1 {
	color:#fff;
	background:#7fb3e5;
}
.box_blue1 .box_title {
	color:#fff;
	background:#4c99e5;
}
.box_blue1 a {
	color:#fff;
}
.box_blue2 {
	color:#fff;
	background:#669;
}
.box_blue2 .box_title {
	color:#fff;
	background:#336;
}
.box_blue3 {
	color:#fff;
	background:#009ada;
}
.box_blue3 .box_title {
	color:#fff;
	background:#069;
}
.box_blue4 {
	color:#fff;
	background:#004C7D;
}
.box_blue4 .box_title {
	color:#fff;
	background:#035;
}
.box_green1 {
	color:#43492a;
	background:#cfd94c;
}
.box_green1 a {
	color:#43492a;
}
.box_green1 a:hover {
	color:#43492a;
}
.box_green1 .box_title {
	color:#fff;
	background:#a0a800;
}
.box_green2 {
	color:#43492a;
	background:#41D2D2;
}
.box_green2 a {
	color:#43492a;
}
.box_green2 a:hover {
	color:#43492a;
}
.box_green2 .box_title {
	color:#fff;
	background:#009F9B;
}
.box_red1 {
	color:#fff;
	background:#e50202;
}
.box_red2 {
	color:#fff;
	background:#ff4242;
}
.box_yellow1 {
	color:#fff;
	background:#fabe25;
}
.box_yellow1 a {
	color:#fff;
}
.box_yellow1 a:hover {
	color:#000;
}
.box_yellow1 .box_title {
	color:#fff;
	background:#f90;
}
.box_grey {
	background:#d5d3c9;
}

.box_orange1 {
	color:#fff;
	background:#f90;
}
.box_orange1 a {
	color:#fff;
}
.box_orange1 a:hover {
	color:#000;
}
.box_orange1 .box_title {
	color:#fff;
	background:#f60;
}

.box_racing {
	color:#fff;
	background:#01377f;	
}
.box_black,
.box_black .box_title ,
.box_black1,
.box_black1 .box_title {
	color:#fff;
	background:#000;
}
.box_transparent {
	background:transparent;
}
.box_cheque {
	background-image:url('../images/gallery_back.gif');
}


/* BOX MISC */

.boxflash {
	width:200px;
	height:200px;
	padding:20px;
	overflow:hidden;
}
.boxspare,
.box_spare {
	display:none;
}
.titlebox {
	position:relative;
	clear:both;
	height:90px;
/*	background:#7f98a2;79cdcd*/
	background:#009ada;
	color:#fff;
}
.titlebox_nav {
	height:120px;
}
.titlebox h2 {
	margin:0 120px 0 0;
	padding:15px 12px 0;
	font-family:helvetica,arial,sans-serif;
	font-size:52px;
	letter-spacing:-4px;
	color:#fff;
	
}
.titlebox h4 {
	position:absolute;
	right:25px;
	top:0px;
	border:1px solid red;
	margin:0;
	padding:0;
	font-family:impact,arial,sans-serif;
	font-size:20px;
	font-weight:normal;
}
.titlebox img {
	position:absolute;
	left:0;
	top:0;
}
.titlebox ul {
	position:absolute;
	left:0;
	bottom:0;
}
.titlebox ul,
.titlebox li {
	float:right;
	list-style:none;

	margin:0;
	padding:0;
}
.titlebox li {
	display:block;
	width:119px;
	height:24px;
	margin-right:1px;
}
.titlebox li a,
.titlebox li span {
	display:block;
	height:20px;
	padding:4px 5px 0 14px;
	color:#fff;
	background:#003145;
	text-decoration:none;
	background-image:url('../images/arrow_white.gif');
	background-repeat:no-repeat;
	background-position:6px 8px;
	text-indent:0;
}
.titlebox li a:hover {
	color:#fff;
	background:#004256;
}
.titlebox li a.on,
.titlebox li span.on {
	background-color:#fff;
	color:#333;
	background-image:url('../images/arrow_hon.gif');
	background-repeat:no-repeat;
	background-position:6px 10px;
}
.titlebox li a.on_black,
.titlebox li span.on_black {
	background-color:#000;
	color:#FFF;
	background-image:url('../images/arrow_white.gif');
	background-repeat:no-repeat;
	background-position:6px 10px;
}
.titlebox li a.back {
	color:#FFF;
	background-color:transparent;
	background-image:url('../images/arrow_back_white.gif');
	background-repeat:no-repeat;
	background-position:6px 10px;
}
.titlebox li a.back:hover {
	color:#c00;
	background-color:transparent;
	background-image:url('../images/arrow_back_red.gif');
	background-repeat:no-repeat;
	background-position:6px 10px;
}
.titlebox li a.sans,
.titlebox li a.sans:hover {
	background-color:transparent;
}
.titlebox li a.sans:hover {
	color:#c00;
	background-color:transparent;
	background-image:url('../images/arrow_red.gif');
	background-repeat:no-repeat;
	background-position:6px 10px;
}

.titlebox li ul#range_sub {
	list-style:none;
	margin:0 0 0 1px;
	padding:0;
	width:120px;
	z-index: 100;
	top:24px;
	left:840px;

	height:auto;
	display:none;

}
.titlebox li ul li {
	border-top:1px solid #7f98a2;
	border-right:1px solid #7f98a2;
}


/* PROMOS */

/* firefox and safari deal with the semi-transparent reveal fine. */
/* IE7 deals with it fine, but needs a small hack to the overlying button to help the javascript */
/* IE6 is the same as IE7, but much older PCs can't deal with the opacity (either the fault of an old SP or old graphics cards) - */
/* ...so we've decided to do IE6 and older with transparent gauze GIFs (and just show/hide them, as the moo.fx slide is choppy with gifs) instead of solid blocks and opacity (grumble.). */

.promo {
	position:relative;
	overflow:hidden;
}
.promo240 {
	width:240px;
	height:240px;
}
.promo img {
	position:absolute;
	top:0;
	left:0;
}
.promo h5 {
	position:absolute;
	display:block;
	float:left;
	top:0;
	left:0;
	z-index:1;
	height:19px;
	margin:0;
	padding:4px 8px 1px;
	color:#fff;
	background:#878477;
	font-size:11px;
}
.promo .mask1 {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:240px;
	height:120px;
	background:transparent url('../images/promo_mask_grey1.gif');
	font-size:1px;
}
html>body .promo .mask1 {
	background:#D5D3C9;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}
.promo .mask2 {
	display:none;
}
html>body .promo .mask2 {
	display:block;
}
.promo .maskx {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:240px;
	height:240px;
	text-indent:-2000px;
	overflow:hidden;
}
/* this image is only here to clear up a javascript bug in IE6/IE7, and it's "hidden" anyway */
.promo .maskx img {
	width:240px;
	height:240px;
	filter:alpha(opacity=00);
	-moz-opacity:0.0;
	opacity:0.0;
}

.promo_orange1 h5 {
	background:#f60;
}
.promo_orange1 .mask1,
.promo_orange1 .mask2 {
	background-image:url('../images/promo_mask_orange1.gif');
}
html>body .promo_orange1 .mask1 {
	background:#f90;
}

.promo_white .mask1,
.promo_white .mask2 {
	background-image:url('../images/promo_mask_white.gif');
}
html>body .promo_white .mask1 {
	background:#fff;
}

.promo_yellow1 h5 {
	background:#f90;
}
.promo_yellow1 .mask1,
.promo_yellow1 .mask2 {
	background-image:url('../images/promo_mask_yellow1.gif');
}
html>body .promo_yellow1 .mask1 {
	background:#fabe25;
}

.promo_yellow2 h5 {
	background:#fabe25;
}
.promo_yellow2 .mask1,
.promo_yellow2 .mask2 {
	background-image:url('../images/promo_mask_yellow2.gif');
}
html>body .promo_yellow2 .mask1 {
	background:#f4e100;
}

.promo_blue1 h5 {
	background:#4c99e5;
}
.promo_blue1 .mask1,
.promo_blue1 .mask2 {
	background-image:url('../images/promo_mask_blue1.gif');
}
html>body .promo_blue1 .mask1 {
	background:#7fb3e5;
}

.promo_blue2 h5 {
	background:#336;
}
.promo_blue2 .mask1,
.promo_blue2 .mask2 {
	background-image:url('../images/promo_mask_blue2.gif');
}
html>body .promo_blue2 .mask1 {
	background:#669;
}

.promo_blue3 h5 {
	background:#069;
}
.promo_blue3 .mask1 {
	background-image:url('../images/promo_mask_blue3.gif');
}
html>body .promo_blue3 .mask1 {
	background:#39c;
}

.promo_green1 h5 {
	background:#a0a800;
}
.promo_green1 .mask1 {
	background-image:url('../images/promo_mask_green1.gif');
}
html>body .promo_green1 .mask1 {
	background:#cfd94c;
}

.promo_honmono1 h5 {
	background:#43492a;
}
.promo_honmono1 .mask1 {
	background-image:url('../images/promo_mask_honmono1.gif');
}
html>body .promo_honmono1 .mask1 {
	background:#43492a;
}

.promo_black1 h5 {
	background:#000;
}
.promo_black1 .mask1 {
	background-image:url('../images/promo_mask_black1.gif');
}
html>body .promo_black1 .mask1 {
	background:#555;
}



.promo_mini,
.promo_mini.promo_odd,
.promo_listmini,
.promo_listmini.promo_odd {
	width:230px;
	height:110px;
	padding:5px;
	background-color:#ada999;
	background-image:url('../images/arrow_fat_white.gif');
	background-repeat:no-repeat;
	background-position:10px 12px;
}
.promo_mini.promo_even,
.promo_mini.promo_even,
.promo_listmini.promo_even {
	background-color:#9c9888;
}
.promo_mini_title,
.promo_listmini_title {
	display:block;
	margin:0 0 10px;
	padding:0;
	color:#fff;
	font-family:helvetica,arial,sans-serif;
	font-size:14px;
}
.promo_mini a,
.promo_listmini a {
	display:block;
	color:#fff;
	text-decoration:none;
}
.promo_mini a.promo_brief,
.promo_listmini a.promo_brief {
	padding:3px 0 0 15px;
}
.promo_mini a:hover,
.promo_mini a.promo_brief:hover,
.promo_listmini a:hover,
.promo_listmini a.promo_brief:hover,
.promo_mini a:hover .promo_mini_title,
.promo_listmini a:hover .promo_listmini_title {
	color:#f00;
}

.box_subbanner {
	float:left;
	width:100%;
	height:60px;
}
.box_subbanner a {
	display:block;
	height:60px;
	background-image:url(../uploads/promo_londonmotorcycle.jpg);
	background-position:100% 0;
	text-indent:-2000px;
	overflow:hidden;
}


}