/************** 2008.09.25 Janssy Mozilla****************/
html, body{background-color:#000000;font-family:arial;}
*{margin:0px;padding:0px;border:0px;}
input,select{border:1px #555555 solid;font-size:1.0em;}
textarea{border:1px #555555 solid;font-size:11px;font-family:arial;}
input[type="text"],input{height:18px;width:300px;}
select{height:20px;width:300px;}
textarea{width:300px;height:45px;}
p{margin-top:10px;}
.fRight{float:right;}.fLeft{float:left;}
.error{color:red;}
/*page structure*/

#page{width:903px;margin:0px auto;margin-top:20px;position:relative;}
#page #header{width:100%;font-size:0.7em;color:#727272;height:70px;}
#page #header ul{list-style:none;float:left;margin-top:48px;}
#page #header ul li{list-style:none;float:left;margin-right:20px;font-size:13px;text-transform:uppercase;}
#page #header ul li#contact{margin-right:0px;}
#page #header ul li a{color:#bcbcbc;text-decoration:none;}
#page #header ul li.active a{color:#f0c001;text-decoration:none;}
#page #header ul li a:hover{color:#f0c001;text-decoration:none;}
#page #header ul li.active a:hover{color:#f0c001;}
#page #header img{float:right;}
#page #btnCloseParent{position:absolute;right:10px;top:10px;}
#page .crumb{position:absolute;right:60px;top:352px;font-size:.7em;}
#page .crumb a{color:#515151;text-decoration:none;}
#page .fowardFriend{font-size:.7em;width:100%;text-align:left;}
#page .normalForm{width:100%;text-align:left;margin-top:12px;}
#page .normalForm th{min-height:30px; height:auto!important;*height:20px; padding-left:10px;color:#727272;text-decoration:none;}
#page .fowardFriend th{padding-top:5px;}
#page .fowardFriend th.title{font-size:18px;padding-top:10px;padding-bottom:6px;border-bottom:1px #e3e3e3 solid;}
#page .normalForm td{min-height:30px; height:auto!important;*height:20px;padding-top:4px; padding-bottom:4px;color:#727272;text-decoration:none;}
#page .normalForm td.wrapLeft{padding-left:10px;width:auto;}
#page .normalForm td input.checkbox,#page .normalForm td .checkbox input{border:0px;}
#page .normalForm td.combine input[type="text"]{width:240px;margin-right:10px;}
#page .normalForm td input{*width:300px;}
#page .fowardFriend td input[type="text"]{width:160px;}
#page .fowardFriend td input{*width:160px;}
#page .normalForm td .checkbox input{width:15px;}
#page .normalForm td.combine input.postcode{width:120px;margin-right:24px;}
#page .normalForm td.combine select{width:120px;}
#page .normalForm td.combine2 select{width:200px;margin-top:4px;}
#page .normalForm .darkBg,#page .fowardFriend .darkBg{background-color:#e3e3e3; }
#page .normalForm td.submit{height:45px!important; border-top:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;}
div.submit{}
#page .normalForm td.submit input{margin-left:15px;background-color:white;width:65px!important; height:18px;border:1px #888888 solid;}
#page .normalForm td input.tipBox{height:60px!important;}

#page #body{background:#ffffff url('/HTML/common/Images/bg-body-top.jpg') repeat-x scroll top left;font-size:0.7em;color:#515151;padding-top:7px;}
#page #body a{color:#515151;}
#page #body .bodyTop{width:802px; margin:0px auto;}
#page #body .bodyTop #banner{width:800px;height:266px;border-bottom:3px #373737 solid;}
#page #body .bodyTop #navi{width:140px;float:left;margin-top:44px;}
#page #body .bodyTop #navi ul{list-style:none;}
#page #body .bodyTop #navi li{list-style:none;width:100%;cursor:pointer;text-transform:uppercase;padding-bottom:8px;}
#page #body .bodyTop #navi ul li a,#page #body .bodyTop #navi ul li span{color:#686868;text-decoration:none;}
#page #body .bodyTop #navi ul li a:hover,#page #body .bodyTop #navi ul li span.hover{color:#000000; text-decoration:underline;}
#page #body .bodyTop #navi ul li.active span{color:#000000;text-decoration:none;}
#page #body .bodyTop #content{width:622px;margin-top:39px;margin-left:180px!important;*margin-left:177px;min-height:200px;height:auto!important;*height:200px;position:relative;}
#page #body .bodyTop #content .list{background:transparent url('/HTML/common/Images/dot.jpg') no-repeat scroll left top;padding-left:20px;width:auto;}
#page #body .bodyTop #content p,#page #body .bodyTop #content h1{margin-right:160px;width:auto;}
#page #body .bodyTop #content div.paragraph{margin-right:160px;width:auto;margin-top:10px;}


#page #body .bodyTop #content .rateControl,
#page #body .bodyTop #content .rateControlThankyou{width:230px;float:right;margin-left:12px;}
#page #body .bodyTop #content .ratingResult{background:#ffffff url('/HTML/common/Images/FilledStar.png') repeat-x scroll left center;width:39px;height:20px;}
#page #body .bodyTop #content .rateControl span{float:right;line-height:23px;}
#page #body .bodyTop #content .rateControl span.secondError{position:relative;left:4px;}
#page #body .bodyTop #content .rateControl .ratingResult{float:right;}
#page #body .bodyTop #content .rateControl .ratingBox,
#page #body .bodyTop #content .rateControlThankyou .ratingBox{float:right;background-color:#fef6d4;border:1px #bfbfbf solid;width:230px;margin-left:10px;}
#page #body .bodyTop #content .rateControl .ratingBox .title{text-align:left;font-size:1.4em;text-transform:uppercase;}
#page #body .bodyTop #content .rateControl .ratingBox .title span{float:left;margin-left:8px;}
#page #body .bodyTop #content .rateControl .ratingBox td{text-align:center;}
#page #body .bodyTop #content .rateControl .ratingBox td.btnLeft{text-align:left;font-weight:bold;text-transform:uppercase;}
#page #body .bodyTop #content .rateControl .ratingBox td.btnLeft a{margin-left:9px;}
#page #body .bodyTop #content .rateControl .ratingBox td.btnRight{text-align:right;font-weight:bold;text-transform:uppercase;}
#page #body .bodyTop #content .rateControl .ratingBox td.btnRight a{margin-right:8px;}
#page #body .bodyTop #content .rateControl .ratingBox .rating{text-align:right;}
#page #body .bodyTop #content .rateControl .ratingBox .rating span{float:left;margin-left:8px;line-height:22px;}
#page #body .bodyTop #content .rateControl .ratingBox .rating div{float:right;margin-right:8px;}
#page #body .bodyTop #content .rateControl .ratingBox .rating div a span{margin:0px;} 
#page #body .bodyTop #content .rateControl .ratingBox input{width:210px;float:left;margin-left:4px;}
#page #body .bodyTop #content .rateControl .ratingBox textarea{width:210px;font-size:11px;float:left;margin-left:4px;}
#page #body .bodyTop #content .rateControlThankyou .ratingBox .title{text-align:left;text-transform:uppercase;font-size:12px;height:30px;}
#page #body .bodyTop #content .rateControlThankyou .ratingBox .title span{margin-left:10px;line-height:30px;}
#page #body .bodyTop #content .rateControlThankyou .ratingBox td{text-align:left;}
#page #body .bodyTop #content .rateControlThankyou .ratingBox td p#thankyou{margin-left:10px;margin-right:10px;width:auto;}

#page #body .bodyTop #content .comments{width:100%;float:right;border-top:1px #bfbfbf solid;border-bottom:1px #bfbfbf solid;margin-top:20px;padding-top:12px;padding-bottom:12px;text-align:left;}
#page #body .bodyTop #content .comments span.username{font-weight:bold;}
#page #body .bodyTop #content .comments span.date{float:right;font-weight:bold;}

#page #body .bodyTop #content #divPreview{width:622px;position:absolute;right:50px;top:40px;background-color:white;border:1px #666666 solid;padding-top:10px;padding-bottom:20px;}
#page #body .bodyTop #content #divPreview span.close{float:right;margin-right:10px;cursor:pointer;}
#page #body .bodyTop #content #divPreview span.title{float:left;margin-left:40px;font-weight:bold;text-transform:uppercase;line-height:40px;}
#page #body .bodyTop #content #divPreview div.commentPreview{width:540px;float:left;*float:none;text-align:left;margin-left:41px;border-top:1px #666666 solid;border-bottom:1px #666666 solid;padding:15px 0px;}
#page #body .bodyTop #content #divPreview span.username{font-weight:bold;line-height:26px;}


#page #body .bodyTop #content h1,#page #body .bodyTop #content h1 a{font-size:17px;text-transform:uppercase;color:#515151;}
#page #body .bodyTop #content h2{font-size:1.2em;margin-top:10px;margin-right:160px;}
#page #body .bodyTop #content ul, #page #body .bodyTop #content ol{padding-left:25px;margin-right:160px;}
#page #body .bodyTop #content ol *{margin-right:0px;}
#page #body .bodyTop #content div.paragraph ul, #page #body .bodyTop #content div.paragraph ol{margin-right:0px;}
#page #body .bodyTop #content ol li{margin-top:10px;}
#page #body .bodyTop #content ul li li,#page #body .bodyTop #content ol li li{margin-top:3px;}
#page #body .bodyTop #content li p{margin-top:6px;margin-right:0px;}
#page #body .bodyTop #content ol ol{list-style:lower-alpha;}
#page #body .bodyTop #content ol ol ol{list-style:lower-roman;}


#page #body .bodyBottom{width:100%;height:120px;background:#ffffff url('/HTML/common/Images/bg-body-bottom.jpg') repeat-x scroll bottom left;}

#page #body .home #banner{background:transparent url('/HTML/common/Images/HeaderImages-Home.jpg') no-repeat top left;}
#page #body .safety #banner{background:transparent url('/HTML/common/Images/HeaderImages-RiderSafety.jpg') no-repeat top left;}
#page #body .tips #banner{background:transparent url('/HTML/common/Images/HeaderImages-RiderTips.jpg') no-repeat top left;}
#page #body .clothing #banner{background:transparent url('/HTML/common/Images/HeaderImages-ProtectiveClothing.jpg') no-repeat top left;}
#page #body .riders #banner{background:transparent url('/HTML/common/Images/HeaderImages-BestRides.jpg') no-repeat top left;}
#page #body .what #banner{background:transparent url('/HTML/common/Images/HeaderImages-WhatsOn.jpg') no-repeat top left;}
#page #body .contact #banner{background:transparent url('/HTML/common/Images/HeaderImages-Home.jpg') no-repeat top left;}

#page #footer{width:100%;float:left;color:#727272;font-size:.65em;}
#page #footer img{float:right;margin-left:8px;}
#page #footer span{margin-top:8px;}
#page #footer a{color:#727272;text-decoration:none;margin-right:20px;}
#page #footer #footerG2 {width:120px; float:left; margin-top:8px;}
#page #footer .menuBottom{float:left; width:550px; text-transform:uppercase;margin-top:8px; margin-left:25px}
#page #footer .menuBottom ul,#page #footer .menuBottom li{list-style:none;float:left;}

#page .progress{height: 20px;width: 100px;visibility: hidden;z-index:1001;color:red; text-align:left;}
#page .remove{background-color: red; color: #FFFFFF; text-align: center;font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 5px;float:right;}

/* standard sIFR styles */
.sIFR-flash {visibility: visible !important;margin:0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash h1 {visibility: hidden;}

.filledRatingStar {background-image:url(Images/FilledStar.png);}
.ratingStar {background:transparent url('/HTML/common/Images/star.jpg') no-repeat scroll center center; cursor:pointer;display:block;font-size:0;height:22px;margin:0;padding:0;width:21px;}
.emptyRatingStar{background:transparent url('/HTML/common/Images/emptyStar.jpg') no-repeat scroll center center; cursor:pointer;display:block;font-size:0;height:22px;margin:0;padding:0;width:21px;}

#page #body .bodyTop #content:after{content:"."; display:block;height:0px;clear:both;visibility:hidden;}


@media print
{
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {display:none !important;height:0;width:0;position:absolute;overflow:hidden;}
span.sIFR-alternate {visibility:visible !important;display:block !important;position:static !important;left:auto !important;top:auto !important;}
.sIFR-hasFlash h1 {visibility:visible;}
#page #header,#page #footer,#page #body .bodyTop #navi,#page #body .bodyTop #banner,#page .crumb,img{display:none;}
#content img{display:block;}
#page, #page #body{width:auto;font-size:11pt;color:#515151;font-family:Arial, Helvetica, sans-serif;}
#page #body .bodyTop #content{margin:0px!important;padding:0px 35px;}
#page #body .bodyTop #content p, #page #body .bodyTop #content h1{margin:0px;width:auto;}
}