/* Basic Global */
body {margin:0;font:75% Arial, Helvetica, sans-serif; color:#fff; background:#2d2d2d url(../images/bg.jpg) repeat-x center top;}
a {color:#fff; text-decoration:underline;}
a:hover { text-decoration:none;}
a, object{ outline:none;}
strong {color:#fff;}
img { border:none; padding:0; margin:0;}
p {padding:0; margin:15px 0 15px 0;}
hr { clear:both; display:block; height:1px; border-top:1px solid #cfcfcf; border-left:none; border-bottom:1px solid #fff; border-right:none; padding:0; margin:20px 0 20px 0;}

/* Headings */
h1, h2, h3 { color:#00a886; font-weight:normal; margin:0; padding:0;}
h1 { font-size:1.8em;}
h2 { font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.0em; color:#927b5d;}
h5, h6 {font-size:1.0em; color:#fff;}
td { vertical-align:top;}

/* Global Classes */
.hideit { display:none;}
.clearer { clear:both;}
.align_left { float:left;}
.align_right { float:right;}
.white { color:#fff;}

a.redBtn { background:url(../images/btn_red.jpg) repeat-x 0 0; float:left; padding:5px 12px 10px 12px; font-weight:bold; text-decoration:none; font-size:1.1em;}
a:hover.redBtn {text-decoration:underline;}

a.yellowBtn { background:url(../images/btn_yellow.jpg) repeat-x 0 0; float:left; padding:5px 12px 10px 12px; font-weight:bold; text-decoration:none; font-size:1.1em; color:#000;}
a:hover.yellowBtn {text-decoration:underline;}

a.clickbtnGreen span, a.clickbtnYellow span, a.clickbtnRed span, a.clickbtnSilver span { display:none;}
a.clickbtnGreen, a.clickbtnYellow, a.clickbtnRed, a.clickbtnSilver{ display:block; width:126px; height:30px;}
a.clickbtnGreen { background-image:url(../images/btn_clickhere.jpg); background-position:0 0;}
a.clickbtnYellow { background-image:url(../images/btn_clickhere.jpg); background-position:0 -60px;}
a.clickbtnRed { background-image:url(../images/btn_clickhere.jpg); background-position:0 -120px;}
a.clickbtnSilver { background-image:url(../images/btn_clickhere.jpg); background-position:0 -180px;}
a:hover.clickbtnGreen { background-position:0 -30px;}
a:hover.clickbtnYellow { background-position:0 -90px;}
a:hover.clickbtnRed { background-position:0 -150px;}
a:hover.clickbtnSilver { background-position:0 -210px;}

/* Main Containers */
div#page_container { width:1000px; margin:0 auto;}

/* Header Stuff */
div#header_container { height:119px; position:relative;}
div#header_container .logo{ float:left; width:226px; height:119px;}
div#header_container #wheelandtyre { width:546px; height:42px; position:absolute; top:15px; right:0;}
div#header_container #wheelandtyre a span { display:none;}
div#header_container #wheelandtyre a{ display:block; width:546px; height:42px; background:url(../images/wheelandtyre_btn.png) no-repeat 0 0;}
div#header_container #wheelandtyre a:hover{background:url(../images/wheelandtyre_btn.png) no-repeat 0 -42px;}
div#header_container .navigation{font-size:1.1em; position:absolute; top:70px; right:0;}
div#header_container .navigation ul{ margin:0; padding:0; text-transform:uppercase;}
div#header_container .navigation ul li{ list-style:none; display:inline; margin:0 0 0 22px;}
div#header_container .navigation ul li a{ color:#6e7071; text-decoration:none;}
div#header_container .navigation ul li a:hover{ color:#c0c0c0;}
div#header_container .navigation ul li a.on{ color:#c0c0c0;}

/* Footer Stuff */
div#footer { height:100px; background:#151515; width:100%; clear:both; overflow:hidden;}
div#footer div{ width:1000px; margin:0 auto; color:#b9b9b9; padding:15px 0 0 0;}
div#footer ul{ margin:0; padding:0; float:left;}
div#footer ul li{ list-style:none; display:inline; margin:0 10px 0 0;}
div#footer ul li a{ color:#6e7071; text-decoration:none;}
div#footer ul li a:hover{ color:#c0c0c0;}

div#footer div.notice { float:right; width:350px; margin:0; padding:0; text-align:right; font-size:0.9em;}
div#footer div.notice a{ color:#b9b9b9; text-decoration:none;}
div#footer div.notice a:hover{text-decoration:underline;}

/* Home Stuff */
div#featured { width:1000px; height:423px; overflow:hidden; margin:0 0 12px 0; position:relative;}
div#featured .top { width:1000px; clear:both; display:block; height:0; border-top:1px solid #000; border-bottom:1px solid #505050;}
div#featured .btm { width:1000px; overflow:hidden; clear:both; display:block; height:0; border-top:1px solid #000; border-bottom:1px solid #505050;}
div#featured .featured{ width:1000px; height:419px; margin:0; position:relative;}
div#featured .featured #scroll_content { width:1000px; margin:0 auto; height:419px; overflow:hidden;}
div#featured .featured #scroll_items {margin-left:0px;}
div#featured .featured #scroll_items table{padding:0; border:0; margin:0;}
div#featured .featured #scroll_items table td { padding:0; margin:0; border:none}
div#featured .featured #scroll_items div{width:1000px;height:419px;overflow:hidden; padding:0; margin:0;}
div#featured .featured #scroll_items p{padding:0; margin:0; line-height:24px;}
div#featured .featured #scroll_left span, div#featured .featured #scroll_right span{ display:none;}
div#featured .featured #scroll_left, div#featured .featured #scroll_right { width:45px; height:45px; position:absolute; top:195px;display:block;}
div#featured .featured #scroll_left { background:url(../images/widget_arrows.png) no-repeat 0 0; display:block; left:10px;}
div#featured .featured #scroll_right { width:45px; height:45px; background:url(../images/widget_arrows.png) no-repeat -45px 0; right:10px;}

a.featurebtnfox span{ display:none;}
a.featurebtnfox { width:359px; height:78px; background:url(../images/fullrangebtn.png) no-repeat; margin:290px 0 0 50px; display:block;}
a.featurebtnrs span{ display:none;}
a.featurebtnrs { width:218px; height:49px; background:url(../images/rsfullrangebtn.png) no-repeat; margin:320px 0 0 680px; display:block;}
a:hover.featurebtnrs {background:url(../images/rsfullrangebtn.png) 0 -49px;}
a.tuningbtnYellow span, a.tuningbtnRed span, a.tuningbtnSilver span { display:none;}
a.tuningbtnYellow, a.tuningbtnRed, a.tuningbtnSilver{ display:block; width:94px; height:22px;}
a.tuningbtnSilver { background-image:url(../images/btn_clickheresmall.jpg); background-position:0 0; position:relative; top:60px; left:850px;}
a.tuningbtnYellow { background-image:url(../images/btn_clickheresmall.jpg); background-position:0 -44px; position:relative; top:250px; left:850px;}
a.tuningbtnRed { background-image:url(../images/btn_clickheresmall.jpg); background-position:0 -88px; position:relative; top:360px; left:850px;}
a:hover.tuningbtnYellow { background-position:0 -66px;}
a:hover.tuningbtnRed { background-position:0 -110px;}
a:hover.tuningbtnSilver { background-position:0 -22px;}

a.featurebtnfx004 { position:relative; top:200px; left:325px; width:200px; height:30px; display:block; text-indent:-99999px; overflow:hidden;}

div#homelinks { width:1000px; height:157px; margin:0 0 12px 0;}
a.alloys span, a.tyres span, a.access span{display:none;}
a.alloys { width:330px; background-image:url(../images/homelink_wheels.jpg); display:none;height:157px; display:block; background-repeat:no-repeat; float:left;}
a.tyres { width:342px; background-image:url(../images/homelink_tyres.jpg); display:none;height:157px; display:block; background-repeat:no-repeat; float:left;}
a.access { width:328px; background-image:url(../images/homelink_accesories.jpg); display:none;height:157px; display:block; background-repeat:no-repeat; float:left;}
a.alloys:hover, a.tyres:hover, a.access:hover{ background-position:0 -157px;}

/* Links for Alloy wheel landing */
a.foxalloys span, a.rsalloys span, a.mitoalloys span { display:none;}
a.foxalloys { width:330px; height:419px; float:left; display:block; background:url(../media/images/fox_landing.jpg) no-repeat;}
a.rsalloys { width:341px; height:419px; float:left; display:block; background:url(../media/images/rs_landing.jpg) no-repeat;}
a.mitoalloys { width:329px; height:419px; float:left; display:block; background:url(../media/images/mito_landing.jpg) no-repeat;}

div#homecontent{ width:1000px; line-height:18px; overflow:hidden; margin:0; padding:0;}
div#homecontent .top { width:1000px; height:66px; background:url(../images/bgfade.jpg) repeat-x;}
div#homecontent .btm { width:1000px; height:38px; background:url(../images/bgfadebtm.jpg) repeat-x; overflow:hidden; margin:0 0 24px 0;}
div#homecontent .copyarea { width:631px; height:220px;  padding:0 20px; float:left; border-right:1px solid #505050;}

div#homecontent .dealers { width:302px; height:220px; padding:0 0 0 25px; float:right; border-left:1px solid #000000; text-transform:uppercase;}
div#homecontent .dealers h2 { font-size:1.6em; line-height:1.1em;}
div#homecontent .dealers p{ padding:0; margin:10px 0 12px 0; line-height:14px;}
div#homecontent .dealers img{ float:right;}

div#homecolumns { width:1000px;margin:0 0 12px 0; clear:both;}
div#homecolumns a.columnlink1 span, div#homecolumns a.columnlink2 span, div#homecolumns a.columnlink3 span{display:none;}
div#homecolumns a.columnlink1 { height:208px; width:330px; background-image:url(../images/column1.jpg); float:left;}
div#homecolumns a.columnlink2 { height:208px; width:342px; background-image:url(../images/column2.jpg); float:left;}
div#homecolumns a.columnlink3 { height:208px; width:328px; background-image:url(../images/column3.jpg); float:left;}
div#homecolumns a.columnlink1:hover, div#homecolumns a.columnlink2:hover, div#homecolumns a.columnlink3:hover{ background-position:0 -208px;}

div#homecolumns .column1, div#homecolumns .column2, div#homecolumns .column3 {padding:20px; margin:0 0 12px 0;}
div#homecolumns .column1 { width:289px; border-right:1px solid #505050; float:left;}
div#homecolumns .column1 h2{ color:#bcbec0;}
div#homecolumns .column2 { width:300px;  border-left:1px solid #000; border-right:1px solid #505050; float:left;}
div#homecolumns .column2 h2{ color:#ed1c24;}
div#homecolumns .column3 { width:287px; border-left:1px solid #000; float:left;}
div#homecolumns .column3 h2{ color:#ffdd00;}

/* Item page stuff */
.item_fox { background:url(../images/item_fox.jpg) no-repeat;}
.item_fox .title { position:absolute; right:30px; top:15px;}
.item_fox .logo { position:absolute; left:0; top:0; z-index:60;}
.item_fox .copy {position:absolute; right:30px; line-height:18px; top:100px; width:230px; height:220px;}
.item_fox .copy ul{ margin:0; padding:0; float:left; width:48%;}
.item_fox .copy ul li{ list-style:none;}
.item_fox .copy p{ padding:0; margin:0;}
.item_fox .wheel {position:absolute; left:10px; top:5px; z-index:50;}
.item_fox .car {position:absolute; left:220px; bottom:25px;}
.item_fox .btn {position:absolute; right:15px; bottom:40px;}

.item_rs { background:url(../images/item_rs.jpg) no-repeat;}
.item_rs .title { position:absolute; right:30px; top:15px;}
.item_rs .logo { position:absolute; left:0; top:0; z-index:60;}
.item_rs .copy {position:absolute; right:30px; line-height:18px; top:100px; width:230px; height:220px; color:#6d6e71;}
.item_rs .copy strong{ color:#6d6e71;}
.item_rs .copy ul{ margin:0; padding:0; float:left; width:48%;}
.item_rs .copy ul li{ list-style:none;}
.item_rs .copy p{ padding:0; margin:0;}
.item_rs .wheel {position:absolute; left:10px; top:5px; z-index:50;}
.item_rs .car {position:absolute; left:300px; bottom:10px;}
.item_rs .btn {position:absolute; right:30px; bottom:30px;}

.item_mito { background:url(../images/item_mito.jpg) no-repeat 0 2px;}
.item_mito .title { position:absolute; right:10px; top:20px;}
.item_mito .logo { position:absolute; left:0; top:20px; z-index:60;}
.item_mito .copy {position:absolute; right:30px; line-height:18px; top:100px; width:230px; height:220px; color:#fff;}
.item_mito .copy ul{ margin:0; padding:0; float:left; width:48%;}
.item_mito .copy ul li{ list-style:none;}
.item_mito .copy p{ padding:0; margin:0;}
.item_mito .wheel {position:absolute; left:30px; top:15px; z-index:50;}
.item_mito .car {position:absolute; left:300px; bottom:10px;}
.item_mito .btn {position:absolute; right:30px; bottom:30px;}

/* page stuff */
.item_suspension { background:url(../images/tuning_h&r.jpg) no-repeat;}
.item_suspension .copy { float:right; width:430px; margin:85px 160px 0 0; line-height:19px;}
.item_suspension .copy h3{ color:#fff; margin:0; padding:0; font-weight:bold;}

.item_sprint-booster { background:url(../images/tuning_sprint-booster.jpg) no-repeat;}
.item_sprint-booster .copy { float:right; width:580px; margin:55px 85px 0 0;}
.item_sprint-booster .copy h3{ color:#ffde00; margin:0; padding:0;}
.item_sprint-booster .copy div{ margin:0 10px 0 0; padding:0;}
.item_sprint-booster .copy ul{ margin:0; padding:0 0 0 14px;}

.item_tuning-booster { background:url(../images/tuning_tuning-booster.jpg) no-repeat;}
.item_tuning-booster .copy { float:right; width:380px; margin:20px 40px 0 0;}

a.btn_suspension span, a.btn_sprintbooster span,  a.btn_tuningbooster span {display:none; }
a.btn_suspension, a.btn_sprintbooster,  a.btn_tuningbooster {display:block; margin:2px 0 0 0;}
a.btn_suspension { width:335px; height:154px; float:left; background:url(../images/tuning_btn_suspension.jpg) no-repeat 0 0;}
a.btn_sprintbooster { width:333px; height:154px; float:left; background:url(../images/tuning_btn_sprintbooster.jpg) no-repeat 0 0;}
a.btn_tuningbooster { width:332px; height:154px; float:left; background:url(../images/tuning_btn_tuningbooster.jpg) no-repeat 0 0;}

.item_tyres { background:url(../images/tyres.jpg) no-repeat;}
.item_tyres h1 span{display:none;}
.item_tyres h1 { width:350px; height:51px; background:url(../images/tyres_title.png) no-repeat; display:block;}
.item_tyres .copy { float:left; width:380px; margin:45px 0 0 40px; line-height:19px;}

.dealersform { background:url(../images/dealer.jpg) no-repeat; margin:1px 0 0 0;}
.dealersform h1 span{display:none;}
.dealersform h1 { width:495px; height:58px; background:url(../images/dealer_title.png) no-repeat; display:block; margin:20px 0 0 0; padding:0 0 20px 0;}
.dealersform h2 { margin:0; padding:0; color:#000; font-size:1.4em; font-weight:bold;}
.dealersform .copy { float:left; width:580px; margin:45px 0 0 40px; line-height:19px; color:#000;}

a.wandt span { display:none;}
a.wandt { display:block; width:455px; height:54px; background:url(../images/wheelandtyre_btn_silver.png) no-repeat 0 0;}
a:hover.wandt {background:url(../images/wheelandtyre_btn_silver.png) no-repeat 0 -54px;}

.tyre_info1 { width:334px; height:154px; background:url(../images/tyre_btn1.jpg) no-repeat; float:left;margin:2px 0 0 0;}
.tyre_info2 { width:333px; height:154px; background:url(../images/tyre_btn2.jpg) no-repeat; float:left;margin:2px 0 0 0;}
.tyre_info3 { width:333px; height:154px; float:left;margin:2px 0 0 0;}
.tyre_info3 span{display:none;}
.tyre_info3 a{ width:333px; height:154px; background:url(../images/tyre_btn3.jpg) no-repeat 0 0; display:block;}

div#displayArea { width:1000px; height:422px; overflow:hidden; margin:0 0 20px 0; position:relative;}
div#displayArea .top { width:1000px; display:block; height:0; position:absolute; top:0; left:0; border-top:1px solid #000; border-bottom:1px solid #505050;}
div#displayArea .btm { width:1000px; display:block; height:0; position:absolute; bottom:0; left:0; border-top:1px solid #000; border-bottom:1px solid #505050;}

div#thumbArea { width:1000px; height:157px; background:url(../images/thumbbg.jpg) repeat-x;margin:0 0 30px 0;}
div#thumbArea .featured{ width:1000px; height:157px; margin:0; position:relative;}
div#thumbArea .featured #scroll_content { width:1000px; margin:0 auto; height:157px; overflow:hidden;}
div#thumbArea .featured #scroll_items {margin-left:0px;}
div#thumbArea .featured #scroll_items table{padding:0; border:0; margin:0;}
div#thumbArea .featured #scroll_items table td { padding:0; margin:0; border:none}
div#thumbArea .featured #scroll_items div{width:1000px;height:145px; text-align:center; overflow:hidden; padding:12px 0 0 0; margin:0;}
div#thumbArea .featured #scroll_items p{padding:0; margin:0; line-height:24px;}
div#thumbArea .featured #scroll_items img { margin:0 15px 0 0; border:2px solid #2b2b2b;}
div#thumbArea .featured #scroll_left span, div#thumbArea .featured #scroll_right span{ display:none;}
div#thumbArea .featured #scroll_left, div#thumbArea .featured #scroll_right { width:45px; height:45px; position:absolute; top:60px;display:block;}
div#thumbArea .featured #scroll_left { background:url(../images/widget_arrows.png) no-repeat 0 0; display:block; left:25px;}
div#thumbArea .featured #scroll_right { width:45px; height:45px; background:url(../images/widget_arrows.png) no-repeat -45px 0; right:25px;}

div#gallery { margin:0 0 25px 0;}

div.tooltip { display:none;}
.tooltip{position:absolute; left:-2000px; background:#000; padding:5px; overflow:hidden;}
.tooltip p{ margin:0; padding:0; color:#fff; background:#000; }

/* Contact Stuff */
h1.contactus { width:1000px; height:246px; background:url(../images/contact_header.jpg) no-repeat; padding:0; margin:0 0 18px 0;}
div.contact_location { background:#393939; border:1px solid #575757; margin:0 0 18px 0; padding:10px; overflow:hidden;}
div.contact_location img{ float:left; margin:0 45px 0 0;}
div.contact_location h3{ font-weight:bold; font-size:1.2em; background:url(/images/arrow_contact.jpg) no-repeat 600px;}
div.contact_location h3 a{ text-decoration:none;}
div.contact_location h3 a:hover{ text-decoration:underline;}
div.contact_location strong{ color:#00a886;}

/* Form and Validation */
div#Form { float:right; width:250px; margin:20px 25px 0 0;}
form#Form {padding:0px 0 0 0; margin:0 20px 20px 0;}
form#Form h3{font-size:1.4em; border-bottom:none; color:#666; padding:0; margin:0; font-weight: normal;}
form#Form ul { margin:0; padding: 0; }
form#Form li { padding:2px 0; vertical-align: top; list-style: none; margin:0; border:none;}
form#Form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
form#Form label {display: block;line-height: 1.8;vertical-align: top;width:150px;float: left; margin-right:10px;font-weight:bold;}
form#Form input.txtinput, textarea.txtinput, select.txtinput, file.txtinput {width:240px;border:none;padding:5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}
form#Form .require{ color:#ca3a34; font-weight:bold;}

.buttonsubmit { width:104px; border:none; height:26px; background:url(../images/btn_submit.jpg) no-repeat 0 0; cursor:pointer; float:left; margin:10px 0 0 0; padding:0}
.buttonsubmit:hover {background:url(../images/btn_submit.jpg) no-repeat 0 -26px;}

div#formcompleted { background:#fff; padding:10px; color:#000;}
div#formcompleted strong{color:#000;}
div#errorMessage { display:block; color:#fff;margin:0 0 5px 0;padding:8px;background:#B9021E;}