/* Palette */
/* #94071F; #F7F2F2; #121111; #BDBDBD; #757272; */
/* Alternate */
/* #F7F2F2; #4A3536; #E8E6E8; #F6F3F3; #E82121; */

/* Reset */
html, body, form, fieldset, hr {margin:0;padding:0;}
body {background:#f0f0f0;}
fieldset, hr {border:none;}
input, select, textarea {font:100% sans-serif;}
ol, ul {margin:0 0 0 1em;padding:0 0 0 1em;}
a img {border:0;}
p {margin:12px 0;}
.cssclear {clear:both;}
.noscript {font-weight:bold;color:#ff0000 !important;}
.error {color:red !important;font-weight:bold;}
.errorfield {border:1px solid red;}

hr {display:block;width:100%;height:1px;border-top:5px solid #eee;clear:both;margin:15px 0 25px 0;}
abbr {cursor:help;}

/* Fonts */
body {font:10pt Arial, Helvetica, sans-serif;}
#menu {font:10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h1 {font:18pt Georgia,"Times New Roman",serif;font-weight:normal;}
h1 span {font-size:20pt;}
h2 {font:12pt Georgia,"Times New Roman",serif;font-weight:bold;}
h3 {font:11pt Georgia,"Times New Roman",serif;font-weight:bold;}
h4 {font-size:10pt;font-weight:normal;}
ul.quicklinks {font:10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
#footerbar {font-size:8pt;}
#footerbar h4 {font-size:8pt;font-weight:bold;color:#777;}
#content ul {font-size:9pt;}
.top {font-size:9pt;}
p.smalltext {font-size:8pt;margin-top:0;}

h1 {color:#444;margin:0;}
h2, h3 {color:#777;}
h4 {color:#444;margin:14px 0 4px 0;padding:2px 4px;background:#f0f0f0;}

#topbar {width:100%;height:50px;background:#94071f url(/img/topbar.gif);border-bottom:1px solid #f7f2f2;}
#logo {float:left;width:183px;height:50px;margin-left:10px;}

#headerbar {width:100%;height:170px;background:url(/img/banner.jpg) repeat-x;}

#menu {float:right;height:50px;padding-top:10px;margin-right:10px;position:relative;}
#menu ul {margin:0;padding:0;line-height:20px;}
#menu ul li {display:block;float:left;list-style:none;position:relative;}
#menu ul li a {display:block;color:#ccc;text-decoration:none;padding:4px 7px;text-transform:uppercase;}
#menu ul li a:hover, #menu ul li:hover a {background:#610514;color:#ffffff;}
#menu ul li ul {display:none;border:1px solid #610514;}
#menu ul li:hover ul {display:block;position:absolute;top:100%;left:0;white-space:nowrap;}
#menu ul li:hover ul li {display:block;width:100%;}
#menu ul li:hover ul li a {display:block;background:#610514;color:#ccc;}
#menu ul li:hover ul li a:hover {background-color:#121111;color:#ffffff;}

#contentbar {float:left;width:100%;padding:20px 0 50px 0;background:#fff;}
#contentwrapper {float:left;width:100%;margin-right:-200px;}
#contentwrapper #content {float:left;margin:0 200px 0 0;padding-right:40px;/*border-right:1px solid #ddd;*/}
#contentwrapperfull {float:left;width:100%;}
#contentwrapperfull #content {float:left;width:100%;margin:0;}
#content p, #sidepanel p, #content ul, #content ol {color:#777;line-height:130%;}
#content p a, #content ol a {color:#94071f;text-decoration:none;}
#content p a:hover, #content ol a:hover {text-decoration:underline;}
#content label {color:#777;line-height:130%;}

#sidepanel {float:left;width:180px;margin-left:20px;}

#footerbar {color:#777;width:100%;background:#f0f0f0;}
#footerbar h4 {margin:0;padding:0 0 5px 0;}
#footercol1 {width:430px;display:block;float:left;padding:0 10px 0 0;border-right:1px solid #d7d7d7;}
#footercol2 {width:300px;display:block;float:right;}
#footerbar ul {float:left;list-style:none;margin:0;padding:0;}
#footerbar ul.padleft {padding-left:20px;}
#footerbar ul.twitter-facebook li {margin-bottom:2px;}
#footerbar a {text-decoration:none;color:#777;}
#footerbar a:hover {text-decoration:underline;color:#94071f;}
#footerbar p {margin-top:0;}
.footermargin {width:100%;height:10px;clear:both;}

ul.quicklinks {margin:0;padding:0;list-style:none;}
ul.quicklinks li {border-bottom:1px solid #ddd;}
ul.quicklinks li a {display:block;color:#777;text-decoration:none;padding:8px 15px;}
ul.quicklinks li a:hover {background:#f0f0f0;}

.wrapper {width:760px;margin:0 auto;}
.alignright {float:right;padding:0 0 0 15px;}
.alignleft {float:left;padding:0 15px 0 0;}
.center {text-align:center;}
.imgborder {padding:6px;margin-left:4px;margin-right:6px;border:1px solid #ddd;}

.caption, .smallcaption {width:auto;border:1px solid #ddd;text-align:center;background-color:#eee;padding-top:6px;margin:0 auto;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.caption img, .smallcaption img {margin:0;padding:0;border:0 none;}
.caption p, .smallcaption p {font-size:8pt;color:#444 !important;padding:0 4px 5px;margin:0;}
.smallcaption {width:230px;float:left;margin:0 20px 20px 0;}
.smallcaptionlast {margin-right:0;}

.prices, .calendar {width:80%;color:#777;border:1px dotted #ccc;}
.prices thead, .prices tbody th, .prices tfoot, .calendar thead, .calendar tbody th, .calendar tfoot {background:#f0f0f0;text-align:left;}
.prices td, .prices th, .calendar td, .calendar th {padding:2px 4px;}
.prices tbody td, .calendar tbody td {border-bottom:1px dotted #ccc;}
.calendar {width:100%;}

.item {float:left;display:block;width:540px;height:auto;clear:both;margin:2px 0 5px 0;border-bottom:1px dotted #ccc;}
.item a img, .item img {float:left;width:100px !important;clear:left;}
.item p {float:left;width:400px;margin:0 0 2px 10px;}
.item .sub {font-weight:bold;}
.item .subicons {width:100%;text-align:right;font-size:85%;color:#777;}
.item .subicons a {color:#777 !important;}
.item h2 {float:left;width:400px;margin:0px 0 4px 10px;}

.box {background:#ccc;}
.boxcontent {padding:0 10px;}
.tl, .tr, .bl, .br {display:block;height:11px;font-size:1px;background:url(/img/corners.gif) no-repeat;position:relative;}
.tr {background-position:100% -11px;}
.bl {background-position:0 -22px;}
.br {background-position:100% -33px;}

#addnew {color:#777;}
#carsearch label {display:block;color:#444 !important;}
#carsearch fieldset {margin-bottom:5px;}
#carsearch select {width:160px;}
#carsearch .checkbox {float:left;clear:left;margin:2px 5px 0 0;padding:0;overflow:hidden;}
#carsearch .submitbutton {float:right;}
#carsearch table {width:100%;}
#carsearch td {vertical-align:top;width:30%;}
#carsearch ul, #carsearch li {margin:0;padding:0;list-style:none;}
#carsearch li {height:18px;}
#carsearch li label {display:inline;}
#carsearch li .checkbox {margin:0 5px 0 0;padding:0;width:13px;height:13px;overflow:hidden;}
#carsearch a {float:left;color:#444;}
.swatch {float:left;display:block;width:12px;height:12px;margin:0 5px 0 0;border:1px solid #444;}
.bossa-nova-white {background-color:#f5f4ec;}
.w1949-white {background-color:#f5f4ec;}
.funk-white {background-color:#e4e1dc;}
.pasadoble-red {background-color:#930413;}
.velocity-red {background-color:#930413;}
.campovolo-grey {background-color:#8c939a;}
.crossover-black {background-color:#000000;}
.scorpion-black {background-color:#000000;}

#carresults {float:left;display:block;width:100%;height:auto;clear:both;margin-top:10px;}
#carphotos {float:left;width:264px !important;clear:left;}
#carphotos img {margin:0;}
#carphotos img.icons {margin-right:32px;}
#carphotos img.last {margin-right:0;}
#carphotos p {font-size:7pt;}
#cardetails {float:right;width:476px;margin-left:20px;}
#cardetails h2 {margin-top:0;}
#cardetails table {color:#777;}
#cardetails table th {font-weight:bold;text-align:left;padding:1px 1px 1px 0;}
#cardetails table td {padding:1px 1px 1px 10px;}
#cardetails .nomargin {margin:0;}
#carcontrols {float:right;}

p.error, ul.error li {color:red !important;}
p.indent {margin-left:30px;margin-top:0;}

img.center {margin:10px auto;display:block;}
img.thumbnail {width:74px;margin:0 10px 5px 0;}
a:hover img.imgborder {background-color:#eee;border-color:#ccc;}

a.readmore {text-decoration:none;color:#777 !important;background:#f0f0f0;padding:1px 3px;white-space:nowrap;}
a.readmore:hover, a.readmore:focus {text-decoration:none !important;background:#ccdfe9;}
.special-offer {background:url(/img/special-offer.gif) no-repeat 0px 0px;padding:0px 5px 0px 35px;}
.toplink {display:block;width:auto;border-top:5px solid #eee;clear:both;margin:15px 0 20px 0;text-align:right;}
.toplink a {text-decoration:none;color:#777;background:url(/img/top.gif) no-repeat 3px 0px;padding:0px 5px 5px 25px;}
.toplink a:hover {color:#444;background-color:#eee;}

/* Buttons */
a em {position:absolute;left:-9999em;}
a.button_register, a.button_team_shoes, a.button_sabelt {display:block;width:180px;height:70px;margin:10px 0 10px 0;background:url(/img/button_register.gif) no-repeat;}
a.button_register:hover, a.button_team_shoes:hover, a.button_sabelt:hover {background-position:right top;}
a.button_team_shoes {background:url(/img/button_team_shoes.gif) no-repeat;}
a.button_sabelt {background:url(/img/button_sabelt.gif) no-repeat;}

/* Icons */
.editicon {font-weight:normal;background:url(/img/edit.gif) no-repeat 0px 5px;padding:5px 5px 5px 20px;}
.deleteicon {background:url(/img/delete.gif) no-repeat 0px 5px;padding:5px 5px 5px 20px;}
a.twitter {display:block;height:16px;background:url(/img/twitter-facebook.gif) no-repeat 0px 0px;padding:0px 5px 0px 20px;}
a.twitter:hover {background-position:0 -32px;text-decoration:none !important;}
a.facebook {display:block;height:16px;background:url(/img/twitter-facebook.gif) no-repeat 0px -16px;padding:0px 5px 0px 20px;}
a.facebook:hover {background-position:0 -48px;text-decoration:none !important;}

/* Image zoom */
#cover {position:absolute;top:0px;left:0px;z-index:9999;background:black;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);display:none;}
.coveriframe {position:absolute;width:100%;height:100%;top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);display:none;}
#coverhorizon {text-align:center;position:absolute;top:0px;left:0px;width:100%;height:1px;overflow:visible;visibility:visible;display:none;z-index:99999;}
#covercontent {position:absolute;top:0px;left:0px;width:auto;height:auto;padding:10px;visibility:visible;background:white;}
#closebutton {display:block;text-align:right;margin-top:10px;}
#closebutton img {border:0;}

/* Forms */
#competitionform label, #contactform label, #shopform label, #submitform label {width:100px;display:block;float:left;clear:left;text-align:right;margin:0 5px 5px 0;}
#competitionform input, #contactform input, #shopform input, #submitform input {width:300px;float:left;margin-bottom:5px;}
#submitform select {float:left;margin-bottom:5px;}
#competitionform textarea, #contactform textarea, #shopform textarea, #submitform textarea {width:300px;float:left;margin-bottom:5px;}
#competitionform .submitbutton, #contactform .submitbutton, #shopform .submitbutton, #submitform .submitbutton {width:auto;clear:both;float:left;margin-left:105px;}
#competitionform #subject, #contactform #subject, #shopform #subject, #submitform #subject {display:none;}
#competitionform #totaltext {display:block;float:left;}

#competitionform label {width:200px;}
#competitionform select {float:left;margin-bottom:5px;}
#competitionform .submitbutton {margin-left:205px;}
#competitionform #confirm, #competitionform .checkbox {float:left;clear:left;width:auto;margin-left:185px;}
#competitionform .confirmlabel, #competitionform .checklabel {clear:none;width:500px;text-align:left;margin-left:5px;}
#competitionform .note {margin-left:205px;}

#locationconfirm .radiobutton {float:left;clear:left;margin:2px 5px 0 0;padding:0;overflow:hidden;}
#locationconfirm label {display:block;}
#locationconfirm .submitbutton {margin:10px 0 0 0;}

#loginform label {display:block;margin-top:10px;}
#loginform .submitbutton {clear:both;float:left;margin-top:10px;}

.note {display:block;float:left;clear:both;margin:0 0 5px 105px;font-size:8pt;font-style:italic;}

.shop {color:#777;clear:both;}
.shop thead, .shop tbody th {background:#f0f0f0;text-align:left;}
.shop td, .shop th {padding:5px 10px;}
.shop tbody td {border-bottom:1px dotted #ccc;vertical-align:top;line-height:130%;}
.shop .qtyfield {width:30px !important;text-align:center;}
.shop img {width:74px;margin:0;padding:6px;border:1px solid #ddd;}
.shop a:hover img {background-color:#eee;border-color:#ccc;}

.shopsizes td, .shopsizes th {padding:3px 3px;}
.shopsizes thead th {border-bottom:1px solid #ccc;background:#fff;text-align:center;}
.shopsizes thead td {background:#fff !important;border-bottom:1px solid #ccc;}
.shopsizes tbody td {border:none;}
.shopsizes td.rightborder {border-right:1px solid #ccc;text-align:right;}

.stickers {/*width:80%;*/color:#777;}
.stickers thead, .stickers tbody th {background:#f0f0f0;text-align:left;}
.stickers td, .stickers th {padding:5px 10px;}
.stickers .right {text-align:right;}
.stickers tbody td {border-bottom:1px dotted #ccc;vertical-align:top;line-height:130%;}
.stickers img {margin:0;padding:6px;border:1px solid #ddd;}
.stickers a:hover img {background-color:#eee;border-color:#ccc;}

.racecalendar {width:80%;color:#777;clear:both;}
.racecalendar thead, .racecalendar tbody th {background:#f0f0f0;text-align:left;}
.racecalendar td, .racecalendar th {padding:2px 10px;}
.racecalendar tbody td {vertical-align:top;}

.promo {padding:6px;border:1px solid #ddd;margin-bottom:10px;float:none;clear:both;display:block;width:auto;}
.promo h2 {margin-top:0;font-size:10pt;}
.promo img {width:74px;float:left;margin:0 20px 0 0;padding:6px;border:1px solid #ddd;}
.promo a:hover img {background-color:#eee;border-color:#ccc;}

.ticketprices {border:0;color:#777;}
.ticketprices tfoot td, .ticketprices tfoot th, .ticketprices tbody td, .ticketprices tbody th {border-bottom:1px dotted #ccc;}
.ticketprices td, .ticketprices th {padding:2px 14px;}
.ticketprices td, .ticketprices th {font-weight:normal;text-align:right;}