/* 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;
}
.box .box_title {
	display:block;
	height:19px;
	margin:0;
	padding:4px 5px 1px;
	color:#fff;
	background:#ada999;
	font-size:11px;
}
.box_inner {
	padding:5px 10px 10px;
}
.box1 {
	width:240px;
	height:240px;
}
.box1A {
	width:240px;
	height:auto;
}
.box1_2 {
	width:120px;
	height:120px;
}
.box1_2v {
	width:120px;
	height:240px;
}
.box1_2h {
	width:240px;
	height:120px;
}
.box1_4 {
	width:120px;
	height:120px;
}
.box1_42 {
	width:120px;
	height:215px;
}
.box1_52 {
	width:360px;
	height:480px;
}
.box1_51_5 {
	width:360px;
	height:360px;
}
.box1_52_5 {
	width:360px;
	height:600px;
}
.box1_53 {
	width:360px;
	height:720px;
}
.box11_75 {
	width:240px;
	height:385px;
}
.box12 {
	width:240px;
	height:480px;
}
.box12_5 {
	width:240px;
	height:600px;
}
.box13 {
	width:240px;
	height:720px;
}
.box13_5 {
	width:240px;
	height:840px;
}
.box14 {
	width:240px;
	height:960px;
}
.box15 {
	width:240px;
	height:1200px;
}
.box16 {
	width:240px;
	height:1440px;
}
.box21 {
	width:480px;
	height:240px;
}
.box2_75 {
	width:480px;
	height:196px;
}
.box21_5 {
	width:480px;
	height:360px;
}
.box22 {
	width:480px;
	height:480px;
}
.box22_5 {
	width:480px;
	height:600px;
}
.box23 {
	width:480px;
	height:720px;
}
.box24 {
	width:480px;
	height:960px;
}
.box25 {
	width:480px;
	height:1200px;
}
.box26 {
	width:480px;
	height:1440px;
}
.box2A {
	width:480px;
	height:auto;
}
.box31 {
	width:720px;
	height:240px;
}
.box31_5 {
	width:720px;
	height:360px;
}
.box32_5 {
	width:720px;
	height:600px;
}
.box32 {
	width:720px;
	height:480px;
}
.box33 {
	width:720px;
	height:720px;
}
.box3A {
	width:720px;
	height:auto;
}
.box41 {
	width:960px;
	height:240px;
}
.box43 {
	width:960px;
	height:720px;
}
.box4A {
	width:960px;
	height:auto;
}
.boxA_1_2 {
	width:100%;
	height:120px;
}



.box_white {
	color:#333;
	background:#fff;
}
.box_white .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/sort_bg1.gif') no-repeat;
}
.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:#39c;
}
.box_blue3 .box_title {
	color:#fff;
	background:#069;
}
.box_blue4 {
	color:#fff;
	background:#4c99e5;
}
.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_honmono1 {
	color:#fff;
	background:#43492a;
}

.box_black,
.box_black .box_title ,
.box_black1,
.box_black1 .box_title {
	color:#fff;
	background:#000;
}
.boxflash {
	width:200px;
	height:200px;
	padding:20px;
	overflow:hidden;
}
.boxspare {
	display:none;
}
.titlebox {
	position:relative;
	clear:both;
	width:100%;
	height:100px;
	background:#ADA999;
	color:#fff;
}
.titlebox h2 {
	padding:28px 20px;
	font-family:helvetica,arial,sans-serif;
	font-size:46px;
	letter-spacing:-4px;
}
.titlebox ul {
	position:absolute;
	left:0;
	bottom:0;
}
.titlebox ul,
.titlebox li {
	float:left;
	list-style:none;
	height:24px;
	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 10px;
	color:#fff;
	background:#333;
	text-decoration:none;
	background-image:url('images/arrow_white.gif');
	background-repeat:no-repeat;
	background-position:4px 8px;
	text-indent:0;
}
.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:4px 8px;
}
#page_news .titlebox {
	background:#663 url('images/news_title.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_links .titlebox {
	background:#663 url('images/links_title.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_promos .titlebox {
	background:#cc6 url('images/promos_title.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_press .titlebox {
	background:#005a99 url('images/press_title1.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_gallery .titlebox {
	background:#158b99 url('images/gallery_title.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_about .titlebox {
	background:#43492a url('images/about_title1.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_contact .titlebox {
	background:#069 url('images/contact_title.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_terms .titlebox {
	background:#ada999 url('images/terms_title1.gif');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_racing .titlebox {
	background:#00387e url('images/racing_title1.jpg');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_sort .titlebox {
	background:#00387e url('images/sort_title1.jpg');
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
}
#page_racing .titlebox li a,
#page_racing .titlebox li span {
	color:#fff;
	background-color:#02234f;
}
#page_racing .titlebox li a.on,
#page_racing .titlebox li span.on {
	background-color:#666;
	background-image:url('images/arrow_white.gif');
	background-repeat:no-repeat;
	background-position:4px 8px;
	color:#fff;
}
.box_cheque {
	background-image:url('images/gallery_back.gif');
}
.box_gap {
	height:20px;
	padding-top:4px;
	color:#ccc;
	text-align:right;
}
.box_gap a {
	color:#ccc;
}




/* 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:8;
	height:19px;
	margin:0;
	padding:4px 8px 1px;
	color:#fff;
	background:#878477;
	font-size:11px;
}
.promo .mask1,
.promo .mask2 {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:240px;
	height:240px;
	z-index:3;
	background:transparent url('images/promo_mask_grey1.gif');
	font-size:1px;
}
html>body .promo .mask1,
html>body .promo .mask2 {
	background:#D5D3C9;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
.promo .mask2 {
	display:none;
}
html>body .promo .mask2 {
	display:block;
}
.promo .maskx {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:240px;
	height:240px;
	z-index:9;
	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,
html>body .promo_orange1 .mask2 {
	background:#f90;
}

.promo_yellow1 h5 {
	background:#f90;
}
.promo_yellow1 .mask1,
.promo_yellow1 .mask2 {
	background-image:url('images/promo_mask_yellow1.gif');
}
html>body .promo_yellow1 .mask1,
html>body .promo_yellow1 .mask2 {
	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,
html>body .promo_yellow2 .mask2 {
	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,
html>body .promo_blue1 .mask2 {
	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,
html>body .promo_blue2 .mask2 {
	background:#669;
}

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

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

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

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







}