/* Defines the site-specific layout for core elements, overrides associated base HTML elements, and defines page-specific layout */

/* = Intro Page
------------------------------------------------------------------------------------- */

#wrapper{margin: 0 auto;text-align: left;width: 940px;}
#wrapper .header{float: left; width:100%;}
#wrapper .header .tools{float: left; width: 100%;height: 39px;}
#wrapper .header .tools ul{float: right;list-style: none;width: 200px;margin: 15px 100px 0 0; display: inline;}
#wrapper .header .tools ul li{float: left;}
#wrapper .header .tools ul li a{float: left;color: #cfe5f2;text-decoration: none;font-weight: bold;font-size: 95%;height: 24px; line-height: 24px;padding: 0 8px;}
#wrapper .header .tools ul li a:hover{color: #323031;}
#wrapper .header .tools ul li.on{background: url(/_img/tab-left.gif) top left no-repeat;}
#wrapper .header .tools ul li.on a{background: url(/_img/tab-right.gif) top right no-repeat;color: #323031;}
#wrapper .header .logo{float: left;margin: 18px 0 0 0;}

#wrapper .header ul.priNav{float: right;list-style: none; margin: 0 10px 0 0; padding: 0;display: inline;}
#wrapper .header ul.priNav li{float: left;background: url(/_img/nav-left.gif) top left no-repeat;}
#wrapper .header ul.priNav li a{float: left;color: #026292;height: 25px; line-height: 25px;background: url(/_img/nav-right.gif) top right no-repeat;padding: 0 10px;text-decoration: none; font-weight: bold;font-size: 95%;}
#wrapper .header ul.priNav li a:hover{text-decoration: underline;}
#wrapper .header ul.priNav li.on{background: url(/_img/nav-left-on.gif) top left no-repeat;}
#wrapper .header ul.priNav li.on a{background: url(/_img/nav-right-on.gif) top right no-repeat;}

#wrapper .foot{float: left; width: 100%;margin: 10px 0 0 0;}
#wrapper .foot ul{float: left; list-style: none; margin: 0 0 20px 30px; width:auto; padding-bottom:20px;}
#wrapper .foot ul li{float: left;}
#wrapper .foot ul li a{font-size: 95%; text-decoration: none;}
#wrapper .foot ul li span{padding: 0 10px;}

#wrapper .mainLanding{float: left; width: 940px;margin: 10px 0 0 0;}
#wrapper .mainLanding .panel{float: left; background: url(/_img/panel-bg.gif) top left no-repeat;height: 92px;width: 281px;padding: 20px 0 0 0;margin: 0 0 0 20px;display: inline;font-size: 140%;font-weight: bold;letter-spacing: -1px;color: #999999;text-align: center;}
#wrapper .mainLanding .panel a{color: #999999;text-decoration: none;}
#wrapper .mainLanding .panel ul{font-size: 80%;font-weight: normal;text-align: center;list-style-image: url(/_img/bullet-yellow.gif);}

#wrapper .mainLanding .humanIntro{float: left;background: url(/_img/human-intro.jpg) top left no-repeat;width: 435px; height: 200px;margin: 6px 0 0 0;}
#wrapper .mainLanding .animalIntro{float: right;background: url(/_img/animal-intro.jpg) top left no-repeat;width: 439px; height: 206px;}
#wrapper .mainLanding .humanIntro p{float: left; width: 170px; margin: 60px 0 0 200px;display: inline;}
#wrapper .mainLanding .humanIntro p span{color: #006394; font-size: 160%;font-weight: bold;letter-spacing: -1px;}
#wrapper .mainLanding .animalIntro p{float: left; width: 170px; margin: 70px 0 0 200px;display: inline;}
#wrapper .mainLanding .animalIntro p span{color: #bc1332; font-size: 160%;font-weight: bold;letter-spacing: -1px;}
#wrapper .mainLanding .humanIntro .link, #wrapper .mainLanding .animalIntro .link{float: right;margin: 30px 30px 0 0;}

/* ad based - new */
#wrapper .mainLanding .adBrand{background: url(/_img/intro-ad.jpg) top left no-repeat;width: 435px; height: 206px;}
#wrapper .mainLanding .adBrand p{width: 410px;margin: 15px 0 0 10px;text-align: right;color: #fff;line-height: 2.6em;}
#wrapper .mainLanding .adBrand p span.lead{color: #cbd52a;font-size: 170%;font-weight: bold;text-transform: uppercase;}
#wrapper .mainLanding .adBrand p span.sub{color: #fff;font-weight: bold;}
#wrapper .mainLanding .adBrand .link{margin: 15px 15px 0 0;}
/* end new */

#wrapper .mainLanding .split{float: left; width: 438px; padding: 15px;margin-top: 10px;}
#wrapper .mainLanding .left{background: url(/_img/dash.gif) 455px 45px no-repeat;width: 442px;}
#wrapper .mainLanding .split p{font-size: 95%;line-height: 1.5em;margin: 30px 0 0 0;}
#wrapper .mainLanding .split img{margin: 0 8px;}

#wrapper .main{float: left; width: 940px; margin: 0;background: url(/_img/main-top.gif) top left no-repeat;}
#wrapper .main .inner{float: left;width: 940px;background: url(/_img/main-mid.gif) top left repeat-y;margin: 6px 0 0 0;}

#wrapper .main .fullCol{float: left;width: 900px; margin: 0 7px 0 1px; padding: 0 10px 0 10px; display: inline;}
#wrapper .main .leftCol{float: left;width: 668px; margin: 0 7px 0 1px; padding: 0 10px 0 10px; display: inline;background: url(/_img/corner-shadow.gif) top right no-repeat;}
#wrapper .main .rightCol{float: left;width: 234px;}

#wrapper .main .leftCol .introBlock{float: left; width: 468px;margin-left: -10px;padding: 0 0 0 200px;margin-top: 20px;}
#wrapper .main .leftCol .equine{background: url(/_img/horse-lead.jpg) top left no-repeat;}
#wrapper .main .leftCol .human{background: url(/_img/human-lead.jpg) bottom left no-repeat;}

/* ad based - new */
#wrapper .main .leftCol .adWrapper{background: #000 url(/_img/ad-intro-btm.jpg) bottom left no-repeat;float: left;margin: 10px 0 10px 0;}
#wrapper .main .leftCol .adIntro{background: url(/_img/ad-intro-top.gif) top left no-repeat;text-align: right;width: 638px;padding: 10px 15px;color: #fff;margin: 0;line-height: 1.6em;}
#wrapper .main .leftCol .adIntro h1{color: #cbd52a;font-size: 200%;font-weight: bold;margin-top: 0;line-height: 1.2em;text-transform: uppercase;letter-spacing: -1px;}
#wrapper .main .leftCol .adIntro span.sub{color: #cbd52a;font-weight: bold;}
#wrapper .main .leftCol .adIntro h2{color: #cbd52a;clear: right;}
#wrapper .main .leftCol .adIntro a{color: #fff;}
#wrapper .main .leftCol .adIntro .hr{border-top: dashed 1px #cbd52a;width: 300px;float: right;margin: 10px 0;}
#wrapper .main .leftCol .daniel{background: #000 url(/_img/ad-intro-no-logo.jpg) bottom left no-repeat;}
#wrapper .main .leftCol .daniel p{width: 440px;float: right;}
#wrapper .main .leftCol .daniel p img{vertical-align: top;}

/* end new */

#wrapper .main .leftCol .intNav{float: left; width: 638px; padding: 0 5px; background: #ebebeb;border-top: solid 1px #ccc;list-style-image: none;margin: 5px 0 10px 0;}
#wrapper .main .leftCol .intNav li{float: left;}
#wrapper .main .leftCol .intNav li a{float: left;padding:3px 5px 3px 10px; margin: 0 12px 0 0; background: url(/_img/bullet-yellow.gif) center left no-repeat;color: #999;text-decoration: none;}
#wrapper .main .leftCol .intNav li a:hover{background: #daebf2 url(/_img/bullet-yellow.gif) center left no-repeat;}

#wrapper .main .leftCol .titleBarRed{float: left;width: 668px;background: url(/_img/title-red-bg.gif) top left repeat-x;}
#wrapper .main .leftCol .titleBarRed .left{float: left;height: 40px; line-height: 40px; color: #fff; font-weight: bold;padding: 0 0 0 15px;background: url(/_img/title-red-left.gif) top left no-repeat;}
#wrapper .main .leftCol .titleBarRed .right{float: right; height: 40px;background: url(/_img/title-red-right.gif) top right no-repeat;}
#wrapper .main .leftCol .titleBarYellow{float: left;width: 668px;background: url(/_img/title-yellow-bg.gif) top left repeat-x;}
#wrapper .main .leftCol .titleBarYellow .left{float: left;height: 40px; line-height: 40px; color: #006293; font-weight: bold;padding: 0 0 0 15px;background: url(/_img/title-yellow-left.gif) top left no-repeat;}
#wrapper .main .leftCol .titleBarYellow .right{float: right; height: 40px;background: url(/_img/title-yellow-right.gif) top right no-repeat;}

#wrapper .main .leftCol .holder{float: left; width: 656px;background: url(/_img/holder-gradient.gif) top left repeat-x;padding: 6px;}
#wrapper .main .leftCol .holder .section{float: left;width: 215px;background: url(/_img/section-btm.gif) bottom left no-repeat;margin-right: 5px;margin-bottom: 10px;}
#wrapper .main .leftCol .holder .dark{background: url(/_img/section-btm-dark.gif) bottom left no-repeat; color: #fff;}
#wrapper .main .leftCol .holder .section .sectionInner{float: left;width: 203px; min-height: 300px; height: auto !important; height: 300px; padding: 6px;background: url(/_img/section-top.gif) top left no-repeat;}
#wrapper .main .leftCol .holder .dark .sectionInner{background: url(/_img/section-top-dark.gif) top left no-repeat;}
#wrapper .main .leftCol .holder .section .sectionInner h2{margin: 3px 0;}
#wrapper .main .leftCol .holder .dark .sectionInner h2{color: #fff;}
#wrapper .main .leftCol .holder .section .sectionInner .title{color: #096b98;font-weight: bold;background: #cae2ec; display: block; padding: 2px 3px;}
#wrapper .main .leftCol .holder .dark .sectionInner .title{color: #fff; background: #3b3939;}
#wrapper .main .leftCol .holder .section .sectionInner a{color: #006898;}
#wrapper .main .leftCol .holder .dark .sectionInner a{color: #fff;}
#wrapper .main .leftCol .holder .section .sectionInner p{font-size: 95%;}
#wrapper .main .leftCol .holder .section .sectionInner ul{list-style-image: url(/_img/bullet-yellow.gif);}
#wrapper .main .leftCol .holder .dark .sectionInner ul li{list-style-image: url(/_img/bullet-dark.gif);}
#wrapper .main .leftCol .holder .section .sectionInner ul li{margin: 0px 0;}
#wrapper .main .leftCol .holder .section .sectionInner ul li a{text-decoration: none;font-size: 95%;}
#wrapper .main .leftCol .holder .section .sectionInner ul li a:hover{text-decoration: underline;}
#wrapper .main .leftCol .holder .sectionSml{float: left;width: 203px; padding: 6px; min-height: 88px; height: auto !important; height: 88px;background: url(/_img/section-small.gif) top left no-repeat;margin-right:5px;}

/* ad based - new */
#wrapper .main .leftCol .holder .wideSection{width: 423px;margin-right:0px;background: url(/_img/free-gift-bg.gif) top left no-repeat;color: #fff;}
#wrapper .main .leftCol .holder .sectionSml h2{margin: 3px 0 3px 0;line-height: 1em;}
#wrapper .main .leftCol .holder .sectionSml h2 a{text-decoration: none;}
#wrapper .main .leftCol .holder .sectionSml .hr{border-top: dashed 1px #006394;}
#wrapper .main .leftCol .holder .wideSection h2{color: #cbd52a;margin: 7px 0 0 0;}
#wrapper .main .leftCol .holder .wideSection p{margin: 8px 0 0 0;}
/* end new */

#wrapper .main .rightCol .quickbasket{float: left; width: 210px;padding: 10px 10px 0 10px;border: dashed 2px #8ab4ca;}
#wrapper .main .rightCol .quickbasket p{margin-top: 3px;}
#wrapper .main .rightCol .quickbasket ul{list-style-image: url(/_img/bullet-yellow.gif)}
#wrapper .main .rightCol .quickbasket ul li a{text-decoration: none;font-size: 90%; font-weight: bold;}
#wrapper .main .rightCol .holder{float: left; width: 214px; padding: 10px; background: url(/_img/gradient-basic.gif) top left repeat-x;}
#wrapper .main .rightCol .splitLeft{width: 95px;}
#wrapper .main .rightCol .splitRight{width: 95px;float: right;}

#wrapper .main .rightCol .livePromo{padding-top: 20px;}
#wrapper .main .rightCol .livePromo p{color: #9a9a9a;font-size: 140%;font-weight: bold;margin: 0 0;}
#wrapper .main .rightCol .livePromo img{margin-right: 8px;}
#wrapper .main .rightCol .livePromo ul{list-style-image: url(/_img/bullet-yellow.gif);}
#wrapper .main .rightCol .livePromo a{color: #9a9a9a;text-decoration: none;}

#wrapper .main .rightCol .search{padding-top: 20px;}
#wrapper .main .rightCol .search img{margin-right: 8px;}
#wrapper .main .rightCol .search p{font-size: 120%; font-weight: bold;color: #9a9a9a;margin: 3px 0;}

#wrapper .main .rightCol .register p{color: #609db9;font-weight: bold;margin: 5px 0;font-size: 110%;}
#wrapper .main .rightCol .register .input{width: 160px;}
#wrapper .main .rightCol .register label {padding: 0; width: 45px;}

#wrapper .main .rightCol .callback{padding-top: 15px;}
#wrapper .main .rightCol .callback p{font-weight: bold;margin: 5px 0;font-size: 110%;color: #9a9a9a;}
#wrapper .main .rightCol .callback img{margin-right: 8px;}
#wrapper .main .rightCol .callback a{text-decoration: none;color: #609db9;}
#wrapper .main .rightCol .callback a:hover{text-decoration: underline;}

#wrapper .main .rightCol .splitLeft, #wrapper .main .rightCol .splitRight{font-size: 120%;text-align: center;font-weight: bold;padding-top: 15px;}
#wrapper .main .rightCol .splitLeft p, #wrapper .main .rightCol .splitRight p{margin: 0;}
#wrapper .main .rightCol .splitLeft a, #wrapper .main .rightCol .splitRight a{color: #9a9a9a;text-decoration: none;}

#wrapper .main .rightCol .register label{float: left;margin: 5px 0 0 0; padding-left: 5px;}
#wrapper .main .rightCol .register label.nopaddingchk{padding: 0;}
#wrapper .main .rightCol .register input{float: left; border: 0;}
#wrapper .main .rightCol .register input.input{border: 1px #959392 solid;}
#wrapper .main .rightCol .register input.equinechk{}
#wrapper .main .rightCol .register input.btn{border: 1px #CA1131 solid;}


/* = Text, Links, Images Etc
------------------------------------------------------------------------------------- */

#wrapper .main ul.error, #wrapper .main ul.msg{border: 1px #DBDADA dashed; background: #ECEAED; color: #EF3C77; font-weight: bold; padding: 10px;}
#wrapper .main ul.error li, #wrapper .main ul.msg li{list-style:none;list-style-image: none;}

#wrapper .main ul.msg{border: 1px #E5E2E2 dashed; background: #F8F7F8; color: #3CAEEF;}

#wrapper .main .newbanner{border: 1px #999 solid; margin: 5px 0;}

#wrapper .main a.relatedprod{float: left; background: url(/_img/related-maxaflex.gif) no-repeat top left; width: 200px; height: 80px; margin: 0 15px 0 0; text-decoration: none; border: 1px #888 solid;}
#wrapper .main a.maxabreathe{background: url(/_img/related-maxabreathe.gif) no-repeat top left;}
#wrapper .main a.maxacalm{background: url(/_img/related-maxacalm.gif) no-repeat top left;}
#wrapper .main a.maxahoof{background: url(/_img/related-maxahoof.gif) no-repeat top left;}

#wrapper .main .leftCol .breadcrumb{float: right; display: inline; width: 300px; margin: 15px 20px 0 0; text-align: right; font-size: 90%;}

#wrapper .main .leftCol img.freegift{float: left; padding: 2px; border: 1px #ccc solid; margin: 0 15px 15px 0;}


/* = News Section
------------------------------------------------------------------------------------- */

ul.newsNav{float: left; margin: 20px 0 0 0; padding: 0;}
ul.newsNav li{display: inline; list-style: none;}
ul.newsNav li a{float: left; width: 191px; background: url(/_img/section-small.gif) no-repeat top left; color: #006394; font-size: 120%; font-weight: bold; text-decoration: none; padding: 7px 12px; margin: 0 7px 0 0; border-bottom: 2px #CCD500 solid;}

.newsList .paging .text{display: none;}
.newsList .paging .pg ul{width: 95%; margin: 15px 0; font-size: 90%; border: 1px #ddd solid; border-width: 1px 0; padding: 5px 2%; background: #f3f3f3;}
.newsList .paging .pg ul li{display: inline; list-style: none; margin: 0 1px;}
.newsList .paging .pg ul li.det{margin: 0 10px 0 0; font-weight: bold;}
.newsList .paging .pg ul li a{border: 1px #bbb solid; background: #ddd; padding: 0 5px; text-decoration: none; color: #666;}
.newsList .paging .pg ul li a:hover, .newsList .paging .pg ul li a.on{background: #0063A6; color: #fff;}

.newsItem h2{font-size: 160%; margin: 0 0 5px 0;}
.newsItem .newsdate{font-size: 90%; font-style: italic; color: #999;}
.newsItem .more{float: left; background: url(/_img/btn-bg-red.gif) repeat-x top left; padding: 5px 7px; color: #fff; text-decoration: none; font-size: 85%; font-weight: bold; margin: 10px 0; border: 1px #CF2649 solid;}


/* = Twitter feed styling
------------------------------------------------------------------------------------- */

.twitterfeed{float: left; position: relative; width: 206px; height: 80px; margin: 10px 0 20px 0; padding: 55px 10px 15px 18px; background: url(/_img/bg-twitter-side.jpg) no-repeat 0 0; color: #fff; font-size: 90%;}
.twitterfeed a.follow{position: absolute; width: 36px; height: 36px; top: 0; left: 0; text-decoration: none;}
.twitterfeed ul{margin: 0;}
.twitterfeed ul li{display: none; margin: 0; list-style-image: none;}
.twitterfeed ul li a{color: #1c606c;}


/* Styling for big twitter feed when used in main content column
.twitterfeed{float: left; position: relative; width: 443px; height: 117px; background: url(/_img/bg-twitter.jpg) no-repeat top left; margin: 10px 0; font-size: 130%; color: #fff; padding: 0 120px 0 105px;}
.twitterfeed ul{padding-top: 12px;}
.twitterfeed ul li{list-style: none;}
.twitterfeed ul li a{color: #fff;}
.twitterfeed a.follow{position: absolute; width: 113px; height: 100px; right: 0; top: 7px; text-decoration: none;}
*/

/* = Animal homepage slider
------------------------------------------------------------------------------------- */

#slider{float: left; width: 666px; height: 250px; position: relative; overflow: hidden; margin: 10px 0; font-size: 90%;}
#sliderContent{width: 646px; position: absolute; top: 0; margin: 0;}
.sliderImage{float: left; position: relative; display: none; border: 10px #000 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sliderImage span{position: absolute; width: 626px; padding: 5px 10px; background-color: #17BCE9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; color: #fff; display: none; bottom: 0; left: 0; -moz-border-radius: 0 0 5px 5px;}
.sliderImage span.maxahoof{background: #9E8EBD;}
.sliderImage span.maxabreathe{background: #EC932B;}
.sliderImage span.maxaflex{background: #BBC93E;}
.clear{clear: both;}
.sliderImage span strong{font-size: 120%;}
#slider a{text-decoration: none;}


/* = Sponsorship Section
------------------------------------------------------------------------------------- */

.tabs {float:left;width:100%;background: url(/images/sponsorship/tabs/bg.gif) repeat-x bottom; margin-top: 8px;}
.tabs ul {margin: 0 0 0 20px; padding: 0;}
.tabs li {
    float:left;
    background: url(/images/sponsorship/tabs/left_both.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    border-bottom:1px solid #DADBDC;
    list-style:none;
}
.tabs a {
    float:left;
    display:block;
    background:url(/images/sponsorship/tabs/right_both.gif) no-repeat right top;
    padding: 9px 50px 7px 4px;
    text-decoration: none;
    white-space: nowrap;
	font-size: 120%;
	color: #666;
	font-weight: bold;
}
.tabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */

.tabs a:hover {color: #366DA8;}
.tabs li.on{background-position:0 -150px;border-width:0;}
.tabs li.on a{background-position:100% -150px; padding-bottom: 8px; color: #366DA8;}

.tabs li:hover, .tabs li:hover a {background-position:0% -150px;}
.tabs li:hover a {background-position:100% -150px;}

.tabContent
{
    float: left;
    width: 98%;
	padding: 0 1%;
    border: solid 1px #DADBDC;
    background: #F7F9FB url(/images/sponsorship/tabs/tab-content-gradient.gif) bottom left repeat-x;
    border-top: 0;
}

#wrapper .main .leftCol .riderprofiles-holder .t {}
#wrapper .main .leftCol .riderprofiles-holder .b {background: url(/images/sponsorship/tabs/dot.gif) 0 100% repeat-x}
#wrapper .main .leftCol .riderprofiles-holder .l {background: url(/images/sponsorship/tabs/dot.gif) 0 0 repeat-y;}
#wrapper .main .leftCol .riderprofiles-holder .r {background: url(/images/sponsorship/tabs/dot.gif) 100% 0 repeat-y}
#wrapper .main .leftCol .riderprofiles-holder .bl {background: url(/images/sponsorship/tabs/bl.gif) 0 100% no-repeat;}
#wrapper .main .leftCol .riderprofiles-holder .br {background: url(/images/sponsorship/tabs/br.gif) 100% 100% no-repeat}
#wrapper .main .leftCol .riderprofiles-holder .tl {background: url(/images/sponsorship/tabs/tl.gif) 0 0 no-repeat}
#wrapper .main .leftCol .riderprofiles-holder .tr {background: url(/images/sponsorship/tabs/tr.gif) 100% 0 no-repeat; padding:10px}

#wrapper .main .leftCol .riderprofiles-holder ul, #wrapper .main .leftCol .riderprofiles-holder ul li{margin: 0; padding: 0; list-style: none;}

#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini{float: left; position: relative; width: 32%; margin: 3px; background: url(/images/sponsorship/bg_riderprofile.gif) repeat-x bottom left #fff; line-height: 10px; font-size: 90%;}

#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini:hover{background: #fff;}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .t {background: url(/images/sponsorship/riderprofile/dot.gif) 0 0 repeat-x;}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .b {background: url(/images/sponsorship/riderprofile/dot.gif) 0 100% repeat-x}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .l {background: url(/images/sponsorship/riderprofile/dot.gif) 0 0 repeat-y;}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .r {background: url(/images/sponsorship/riderprofile/dot.gif) 100% 0 repeat-y}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .bl {background: url(/images/sponsorship/riderprofile/bl.gif) 0 100% no-repeat;}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .br {background: url(/images/sponsorship/riderprofile/br.gif) 100% 100% no-repeat}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .tl {background: url(/images/sponsorship/riderprofile/tl.gif) 0 0 no-repeat}
#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini .tr {background: url(/images/sponsorship/riderprofile/tr.gif) 100% 0 no-repeat; padding:6px}

#wrapper .main .leftCol .riderprofiles-holder .riderprofile_mini img.riderphoto_mini{float: left; margin: 0 8px 0 0;}

#wrapper .main .leftCol .riderprofiles-holder li.profile-pro{position: relative; width: 48%; margin: 6px 6px 30px 6px;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .tr{height: 145px;}

#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .tag{position: absolute; top: -24px; left: 10px; background: #9ac7d8; color: #fff; padding: 7px 10px 5px 10px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: 2px #89bed2 solid; text-shadow: 1px 1px #999;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .pic{float: left; position: relative; width: 100px; height: 100px; margin: 5px 10px 10px 5px; padding: 1px; border: 1px #999 solid; overflow: hidden;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .pic img{position: absolute; left: -25px;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .name{font-size: 130%; color: #e03650; font-weight: bold;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .dets{color: #999; font-size: 105%; line-height: 18px;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .dets span{color: #666;}

#wrapper .main .leftCol .riderprofiles-holder li.toprider{font-size: 120%; line-height: 25px;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .tr{height: auto; padding: 15px;}
#wrapper .main .leftCol .riderprofiles-holder li.profile-pro .badge{position: absolute; top: -30px; right: -15px;}
#wrapper .main .leftCol .riderprofiles-holder li.toprider .pic{width: 140px; height: 140px; margin: 0 20px 10px 0;}
#wrapper .main .leftCol .riderprofiles-holder li.toprider .name{margin-top: 5px;}
#wrapper .main .leftCol .riderprofiles-holder li.toprider .dets{}
#wrapper .main .leftCol .riderprofiles-holder li.toprider .btn{font-size: 70%;}

#wrapper .main .leftCol .probadge{float: right; margin: 0 0 0 15px;}
#wrapper .main .leftCol .probadge-mini{display: none;}
#wrapper .main .leftCol .prorider .probadge-mini{display: block; position: absolute; top: -3px; right: -3px;}

.vetapp{float:right; margin-top: 12px; margin-right: 20px;}
.wantpernamax{float:right; margin: 14px 30px 10px 0;}


/* = Thickbox (image pop-up) Styles
------------------------------------------------------------------------------------- */

#TB_window{color: #333333;}
#TB_secondLine{color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay{position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%;}
.TB_overlayMacFFBGHack{background: url(/_img/macFFBgHack.png) repeat;}
.TB_overlayBG{background-color: #040216; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window{position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left:50%;}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image{display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;}
#TB_caption{height: 25px; padding: 7px 30px 10px 25px; float: left;}
#TB_closeWindow{height: 25px; padding: 11px 25px 10px 0; float: right;}
#TB_closeAjaxWindow{padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right;}
#TB_ajaxWindowTitle{float: left; padding: 7px 0 5px 10px; margin-bottom: 1px;}
#TB_title{background-color:#e8e8e8; height:27px;}
#TB_ajaxContent{clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em;}
#TB_ajaxContent.TB_modal{padding: 15px;}
#TB_ajaxContent p{padding: 5px 0px 5px 0px;}
#TB_load{position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{z-index: 99;	position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%;	width: 100%;}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px;}


/* = Tackroom Styles
------------------------------------------------------------------------------------- */

#wrapper .tackroom{float: left; position: relative; width: 940px; height: 422px; background: url(/_img/tackroom/bg.jpg) no-repeat 0 0;}

#wrapper .tackroom .plaque{position: absolute; width: 335px; height: 200px; padding: 0 10px 15px 10px; font-family: Cambria, Georgia, Serif; color: #000; text-shadow: 1px 1px #edcf93;}
    #wrapper .tackroom .plaque h2{font-size: 2.2em; text-align: center; margin:0 0 10px 0; color: #000;}
    #wrapper .tackroom .plaque label{width: 140px; padding: 0; margin: 8px 10px 0 5px; color: #000; font-size: 1.2em;}
    #wrapper .tackroom .plaque input, #wrapper .tackroom .plaque select{border-bottom: 1px #967740 solid; border-right: 1px #967740 solid; border-top: 1px #967740 solid; border-left: 1px #967740 solid; background: #ab8d57; color: #fff;}
    #wrapper .tackroom .plaque input.submit{border-top: 1px #dfc89c solid; border-left: 1px #dfc89c solid; border-bottom: 1px #563222 solid; border-right: 1px #563222 solid; background: #ab8d57; color: #fff; font-size: 85%; font-weight: bold; padding: 5px;}
    #wrapper .tackroom .plaque select{width: 158px;}
    #wrapper .tackroom .plaque ul.error{display: block; color: #71141d; font-weight: bold;}
    #wrapper .tackroom .plaque ul.error li{list-style: circle;}
    #wrapper .tackroom .plaque .plaqueText {width:135px;}
#wrapper .tackroom .result-plaque{width: 785px; height: 260px; padding: 0 15px 15px 15px;}
#wrapper .tackroom .result-plaque p{font-size: 120%;}
#wrapper .tackroom .result-plaque label{width: 71px;}
    
#wrapper .tackroom .padlock{position: absolute; width: 130px; height: 100px; top: 195px; right: 231px; color: #000; text-shadow: 1px 1px #edcf93;}
    #wrapper .tackroom .padlock .numbers{float: left; display: inline; margin: 0 0 0 25px;}
    #wrapper .tackroom .padlock label{width: 100%; font-weight: bold; font-size: 130%; line-height: 17px; color: #000; font-family: Cambria, Georgia, Serif; padding: 0 0 5px 0; text-align: center;}
    #wrapper .tackroom .padlock input{border-bottom: 1px #dfc89c solid; border-right: 1px #dfc89c solid; border-top: 1px #563222 solid; border-left: 1px #563222 solid; background: #ab8d57;}
    #wrapper .tackroom .padlock input.submit{width: 80px; height: 25px; background: url(/_img/tackroom/try.gif) no-repeat 0 0; border: 0; margin: 10px 0 0 24px; cursor: pointer;}
    
#wrapper .tackroom .slider .inner{position: absolute; z-index: 3; color: #fff; text-shadow: 1px 1px #000; padding: 15px;}
#wrapper .tackroom .slider .bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #78381C; opacity: 0.9; filter: Alpha(opacity=90); z-index: 2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px #a88c3b solid; _border: none;}

#wrapper .tackroom .winnerstrigger{position: absolute; width: 273px; height: 51px; bottom: 30px; left: 61px; z-index: 5; cursor: pointer;}
#wrapper .tackroom .pastwinners{position: absolute; display: none; width: 271px; height: 330px; bottom: 70px; left: 61px; z-index: 4; _background: #78381C;}
    
#wrapper .tackroom .whatsintrigger{position: absolute; width: 226px; height: 106px; top: 1px; right: 1px; z-index: 5; cursor: pointer;}
#wrapper .tackroom .whatsin{position: absolute; display: none; width: 207px; height: 310px; top: 65px; right: 1px; z-index: 4; padding: 30px 0 0 0; _background: #78381C; font-size: 90%;}
#wrapper .tackroom .whatsin a{color: #619EBB;}

.jScrollPaneContainer{position: relative; overflow: hidden; z-index: 1; top: 65px; left: 62px;}
.jScrollPaneTrack{position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;}
.jScrollPaneDrag{position: absolute; background: #863F1F; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop{position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom{position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp, a.jScrollArrowDown{display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; width: 10px; height: 10px; background: url(/_img/tackroom/arrow-up.gif) no-repeat 0 0;}
a.jScrollArrowDown{background: url(/_img/tackroom/arrow-down.gif) no-repeat 100% 100%; top: auto; bottom: 0;}