/* CSS Document */ form {margin:0; padding:0} ul {list-style:none; margin:0; padding:0} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html {background-image:url(../imgs/backgrounds/body_bg.gif); background-color:#FFF } body { background:url(../imgs/backgrounds/header_bg.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:11px;} #pagewrap {width:1097px; margin:0px auto; padding:0; background:#FFF;} #contentwrap { background:#dbdbdb; margin:0; padding:10px; width:1077px;} #mainlefttop {background:url(../imgs/backgrounds/panels/mainleft_top.gif) no-repeat top left; margin:0; padding:0; height:11px; width:798px;} #leftcolwrap {float:left; width:798px; margin:0; padding:0;} #mainleftcolumn {background:url(../imgs/backgrounds/panels/mainleft_bottom.gif) no-repeat bottom left; margin:0; padding:0 0 10px 0; float:left; width:798px;} #leftcontentwrap {background:url(../imgs/backgrounds/panels/mainleft_bg.gif) repeat-y #FFF; margin:0; padding:0 8px 0 14px; width:776px;} #leftcolumn { width:140px; margin:0; float:left; padding:0 14px 0 0; font-size:11px;} #middlecolumn {width:611px; float:left; margin:0; padding:0 0 0 11px; background:url(../imgs/backgrounds/left_split.gif) repeat-y top left;} #rightcolumn {width:138px; margin:0 0 0 12px; padding:0; float:left;} #homeleftcolumn {width:300px; margin:0; padding:0 14px 0 0; float:left;} #homerightcolumn {width:290px; margin:0; padding:0; float:left;} #twocolumleft {background:url(../imgs/backgrounds/panels/twocolleft_bottom.gif) no-repeat bottom left; margin:0; padding:0 0 10px 0; float:left; width:618px;} #twocolumleftwrap {background:url(../imgs/backgrounds/panels/twocol_bg.gif) repeat-y #FFF; margin:0; padding:0 10px 0 13px; width:595px;} #twocolumlefttop {background:url(../imgs/backgrounds/panels/twocolleft_top.gif) no-repeat top left; margin:0; padding:0; height:11px; width:618px;} #twocolumright {float:left; width:319px; height:50px; margin:0 0 0 11px; padding:0;} #onecolumntop {background:url(../imgs/backgrounds/panels/onecol_top.gif) no-repeat top left; margin:0; padding:0; height:11px; width:951px;} #onecolumn {background:url(../imgs/backgrounds/panels/onecol_bottom.gif) no-repeat bottom left; margin:0; padding:0 0 10px 0; float:left; width:951px;} #onecolcontentwrap {background:url(../imgs/backgrounds/panels/onecol_bg.gif) repeat-y #FFF; margin:0; padding:0 8px 0 14px; width:929px; min-height:500px;} /* -------------- Shop Layout -------------- */ #shopmaincolumn {width:680px; float:left; margin:0; padding:0 0 0 11px; background:url(../imgs/backgrounds/left_split.gif) repeat-y top left; } #shopleftcolumn {width:202px; margin:0; float:left; padding:0 14px 0 0; font-size:11px;} .requiriedtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000; font-weight:bold; } h2 { margin:0; padding:0; font-size:18px; font-weight:bold;} /* -------------- H5 Titles -------------- */ h6 { background-image:url(../imgs/backgrounds/backgrounds.gif); background-position:0 -50px; background-color:#000; background-repeat:repeat-x; height:18px; margin:0; padding:6px 0 0 6px; color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; clear:both; border-left:5px solid #24b0e5;} h6 a {color:#FFF; text-decoration:none;} /* -------------- Header -------------- */ #header { height:143px; margin:0; padding:42px 0 0 0;} #mdlogo {float:left; width:231px; margin:0; padding:0; text-align:center;} #loginpanel {width:735px; margin:0 0 6px 0; padding:2px 0 0 7px; color:#FFF; height:24px; background:url(../imgs/backgrounds/login_bg.gif) #000; font-size:11px; font-weight:bold;} #loginpanel td {text-align:left; padding:0; vertical-align:middle;} #loginpanel .col1 {width:67px;} #loginpanel .col2 {padding:0 8px 0 0;} #loginpanel input { width:125px; margin:0 8px 0 0; font-size:11px;} #rssfeed {width:145px; float:left; height:21px; margin:0; padding:3px 0 0 0;} #rssfeed img {float:left; margin:0 7px 0 0 0;} #rssfeed a {color:#FFF; text-decoration:none;} #rssfeed a:hover {color:#FFF; text-decoration:underline;} /* -------------- Featured Panels -------------- */ .featuredpanel {background-color:#efefef; padding: 5px; margin-bottom:10px; width:130px;} .featuredpanel p { margin:0 0 4px 0; padding:0;} .featuredpanel a { text-decoration:none; color:#105cff; font-weight:bold;} .featuredpanel a:hover { text-decoration: underline; color:#105cff;} .featuredpanel img { float:right;} .videouploads {background-color:#FFF; padding: 5px 0 0 0; margin: 0 0 10px 0;} .videouploads a { text-decoration:none; color:#000;} .videouploads a:hover { text-decoration:none; color:#105cff;} /* -------------- Trail Search -------------- */ .trailsearchpanel {background-color:#efefef; padding: 5px; margin-bottom:10px; width:295px;} .trailsearchpanel table {width:295px; margin:0; padding:0;} .trailsearchpanel table td {margin:0; padding:0 0 5px 0;} .trailsearchpanel table .col1 {width:90px; font-weight:bold;} .trailsearchpanel input {width:195px;} .trailsearchpanel select {width:195px;} .addyourspot {background-color:#efefef; padding: 5px; margin-bottom:10px; width:280px;} .addyourspot p { margin:0 0 4px 0; padding:0; font-size:12px;} /* -------------- Accommodation -------------- */ .accommpanel {background-color:#efefef; padding: 5px; margin-bottom:10px; width:295px;} .accommpanel p { margin:0 0 4px 0; padding:0;} .accommpanel input {width:285px;} .accommpanel select {width:285px;} /* -------------- Photo Categories -------------- */ .photocatgories {background-color:#efefef; list-style:none; width:130px; margin:0 0 10px 0; padding:7px 5px 7px 5px;} .photocatgories li { margin:0 0 7px 0;} .photocatgories li a { text-decoration:none; color:#000;} .photocatgories li a:hover { text-decoration:none; color:#105cff;} /* -------------- Lastest Bikes -------------- */ .newbikeslist {list-style:none; width:277px; margin:0 0 10px 0; padding:7px 0 7px 0;} .newbikeslist li img {border:1px solid #999; float:left; margin:0 5px 0 0;} .newbikeslist li { margin:0 0 7px 0; clear:both;} .newbikeslist li h2 {margin:0; padding:0; font-size:11px!important;} .newbikeslist li a { text-decoration:none; color:#105cff; font-weight:bold; text-transform:capitalize;} .newbikeslist li a:hover { text-decoration:underline; color:#105cff;} /* -------------- Other Articles -------------- */ .otherarticles {list-style:none; width:300px; margin:0 0 10px 0; padding:0;} .otherarticles li { margin:0 0 7px 0; clear:both;} .otherarticles li a { text-decoration:none; color:#000;} .otherarticles li a:hover { text-decoration:none; color:#105cff;} /* --------------Rate My Bike-------------- */ .currentpostion {margin:0 7px 7px 0; padding:4px; background:#000; color:#FFF; text-align:center; font-weight:bold; width:20px; float:left;} .rssbikes {background:url(../imgs/icons/rss_sm_grey.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 20px; min-height:20px;} .splitlinehoz { background:url(../imgs/border_3.gif) repeat-x top left;} .ratemyridelist { width:595px; margin:0; padding:0;} .ratemyridelist li {border-bottom:1px solid #CCC; margin:0; padding:10px 0 10px 0px; clear:both;} .ratemyridelist li img {float:left; margin:0 10px 0 0px; padding:0; border:1px solid #000;} .ratemyridelist li .bikedetails {float:left; margin:0; padding:0; width:393px;} .ratemyridelist li .bikedetails h2 { text-transform:capitalize; font-size:12px!important; margin:2px 0 0 0; padding:0; font-weight:bold;} .ratemyridelist li .bikedetails p {margin:0 0 5px 0; padding:0; clear:both;} .ratemyridelist li .bikedetails p span { font-style:11px; font-style: italic; color:#999;} .ratemyridelist li a { color:#105cff; text-decoration:none; font-weight:bold;} .ratemyridelist li a:hover { text-decoration:underline; color:#105cff;} /* -------------- Adverts -------------- */ .smallsquareads { background:#FFF; width:120px; margin:0 0 10px 0; padding:6px; border:1px solid #CCC;} .midbanner {height:81px; width:595px; background:url(../imgs/backgrounds/468.gif) no-repeat top left; padding:8px 0 0 0px; margin:10px 0 7px 0; text-align:center;} .mpu {width:300px; background:#FFF; padding:6px; margin:0 0 10px 0; border:1px solid #ccc;} .mpu ul {list-style:none; margin:10px 0 0 0; padding:0; font-size:12px;} .mpu li {margin:0; padding:0 0 5px 0; color:#000;} .mpu li a { text-decoration:none; color:#105cff;} .mpu li a:hover { text-decoration:underline; color:#105cff;} .mpu_internal { width:313px; height:268px; background:url(../images/backgrounds/300_250.gif) no-repeat top left; padding:11px 0 0 11px; margin:15px 0 0 0;} .textlinkssm { width:579px; height:27px; padding:7px 0 0 16px; margin:0 0 10px 0; background:url(../imgs/backgrounds/468_sm.gif) no-repeat top left; text-align:center;} .skyscrapperwide {width:143px; height:613px; background:url(../images/backgrounds/150_600.gif) no-repeat top left; padding:8px 0 0 7px; margin:0;} #leaderboard { width:735px; height:98px; margin:0; padding:6px 0 0 7px; background:url(../imgs/backgrounds/leaderboard_bg.gif) no-repeat; overflow:hidden;} #leaderboardfoot { width:763px; height:99px; margin:10px 0 0 0; padding:6px 0 0 35px; background:url(../imgs/backgrounds/skyscrapper_footer.gif) no-repeat; overflow:hidden; float:left;} /* -------------- Forum Activity -------------- */ .intforumactivitywrap {width:319px; margin:0 0 10px 0; padding:10px 0 0 0; background:url(../imgs/backgrounds/mpu_bg_top.gif) no-repeat top left;} .intforumactivity {width:297px; background:url(../imgs/backgrounds/mpu_bg_repeat.gif) repeat-y; padding:0px 11px 0 11px; margin:0;} .intforumactivity ul {list-style:none; margin:10px 0 0 0; padding:0; font-size:12px;} .intforumactivity li {margin:0; padding:0 0 5px 0; color:#000;} .intforumactivity li a { text-decoration:none; color:#105cff;} .intforumactivity li a:hover { text-decoration:underline; color:#105cff;} .intforumactivitybot { width:319px; height:12px; margin:0; padding:0; background:url(../imgs/backgrounds/mpu_bg_bottom.gif) no-repeat bottom left; line-height:0px;} .hpforumactivity {width:277px; padding:0 0 7px 20px; margin:0; background:#FFF; overflow:hidden;} .hpforumactivity ul {list-style:none; margin:10px 0 0 0; padding:0; font-size:12px;} .hpforumactivity li {margin:0; padding:0 0 6px 17px; color:#999; background:url(../imgs/backgrounds/quotes.gif) no-repeat 0 2px;} .hpforumactivity li a { text-decoration:none; color:#105cff;} .hpforumactivity li a:hover { text-decoration:underline; color:#105cff;} .latestthreadactivity {width:423px; padding:0 0 10px 0; margin:0;} .latestthreadactivity ul {list-style:none; margin:0; padding:0; font-size:12px;} .latestthreadactivity li {margin:0; padding:0 0 5px 0; color:#000;} .latestthreadactivity li a { text-decoration:none; color:#105cff;} .latestthreadactivity li a:hover { text-decoration:underline; color:#105cff;} /* -------------- New Members -------------- */ #newmembers {padding:0; margin:0; } #newmembers { list-style:none; padding:0; margin:0 0 5px 0;} #newmembers li { margin:0; padding:0 7px 0 0; display:inline;} #newmembers li img {border:1px solid #000;} #newmembers p { margin:0; padding:5px 0 0 8px;} .ukmap {width:290px; margin:0 0 12px 0; padding:0; font-size:11px;} .ukmap ul { margin: 0; padding: 0; list-style-type: none; } /* -------------- Top People -------------- */ #toppeoplelist {margin:0; padding:0; width:593px;} #toppeoplelist li {margin:0 5px 10px 0; padding:0 0 10px 0; width:290px; float:left; background:url(../imgs/backgrounds/users_split.gif) repeat-x bottom left; height:80px;} #toppeoplelist li img { border:1px solid #999; float:left; margin:0;} .userspic {width:40px; margin:0 10px 0 0; padding:7px 0 0 0; float:left;} .rankingdetails {float:left; width:240px; margin:0; padding:7px 0 0 0;} .rankingdetails table {width:240px; margin:0; padding:0;} .rankingdetails table td {margin:0; padding:0 0 2px 0;} .rankingdetails table .col1 {width:90px; font-weight:bold;} #toppeoplelist li h2 { margin:0; padding:0; font-size:12px;} #toppeoplelist li p { margin:3px 0 0 0; padding:0;} #toppeoplelist li h2 a { text-decoration:none; color:#105cff;} #toppeoplelist li h2 a:hover { text-decoration:underline; color:#105cff;} .rankpostion {margin:0 0 5px 0; padding:2px 4px 2px 4px; background:#000; color:#FFF; text-align:center; font-weight:bold; font-size:11px;} /* -------------- Regional Trails -------------- */ .regionaltrailinto {width:305px; margin:0; padding:0; float:left;} ul.regionaltraillist { margin:0; padding:0; list-style:none; width:305px;} ul.regionaltraillist li {margin:0 0 5px 0; padding:0 0 0 12px; background:url(../imgs/bullet_point.gif) no-repeat top left; width:137px; float:left;} ul.regionaltraillist li a { text-decoration:none; color:#000;} ul.regionaltraillist li a:hover { text-decoration:none; color:#105cff;} .featuredtrailpanel {width:575px; margin:0 0 10px 0; padding:10px; background:#EFEFEF; height:90px;} .featuredtrailinfo {width:420px; float:right; margin:0; padding:0;} .featuredtrailpic {width:140px; margin:0; padding:0; float:left;} .regionbreadcrumb {margin:0; padding:0 0 10px 0;} .regionbreadcrumb a { text-decoration:none; color:#105cff;} .regionbreadcrumb a:hover { text-decoration:underline; color:#105cff;} /* -------------- Trail Listing -------------- */ .traillisttable {width:400px; margin:0; text-align:left;} .traillisttable td {padding:0 0 5px 0;} .traillisttable .col1 {width:120px; font-weight:bold; } .traillisttable .col2 {width:280px; font-weight:normal; } h2.trailtitles {color: #FFF; height: 17px; padding: 4px 0 0 5px; background-color: #000; clear:both; font-size:11px!important; font-weight:normal; margin:0;} h2.trailtitles a {text-decoration:none; color:#FFF;} h2.trailtitles a:hover {text-decoration:underline; color:#FFF;} .addtomytrails {float:right; margin:0; padding:0; width:189px; height:20px; text-align:right;} .weatherdetails a { text-decoration:none; color:#105cff;} .weatherdetails a:hover { text-decoration:underline; color:#105cff;} /* -------------- Trail Accommodation -------------- */ .accommodationpic {float:left; width:150px; margin:0 15px 10px 0; padding:0;} .accommodationpic h6 {width:130px;} .accommodationdetails {float:right; width:430px; padding:0; margin:0;} .accommodationtable {width:430px; margin:0; text-align:left;} .accommodationtable td {padding:0 0 7px 0;} .accommodationtable .col1 {width:100px; font-weight:bold; } .accommodationtable .col2 {width:330px; font-weight:normal; } .accommodationtable a {color:#105cff; text-decoration:none; font-weight:bold;} .accommodationtable a:hover {color:#105cff; text-decoration:underline;} #accommodationdirlist {background:#D8D9D3; width:581px; margin:0; padding:7px;} #accommodationdirlist p { margin:0; padding:0;} .directorytable {width:581px; margin:15px 0 0 0; text-align:left;} .directorytable td {padding:0 0 5px 0;} .directorytable .col1 {width:230px; font-weight:bold; } .directorytable .col2 {width:146px; font-weight:normal; } /* -------------- News Tabs -------------- */ ul#newstabs { margin:0 0 0 5px; padding: 0px; text-align: center; width:300px; font-size:11px;} ul#newstabs li a {text-decoration:none; color:#FFF; background-image:url(../imgs/backgrounds/backgrounds.gif); background-position: 0 0; background-color:#000; float:left; margin: 0 0 0 2px; height: 16px; width: 70px; padding:4px 0 0 0; background-repeat:no-repeat;} #newstabs li a:hover {background-position:0 -20px; color:#FFF; background-color:#99cc00; background-repeat:no-repeat; } #newstabs li a#current {background-position: 0 -20px; color:#FFF; background-color:#99cc00; background-repeat:no-repeat;} .newsdate {color: #FFF; height: 17px; padding: 4px 0 0 5px; background-color: #000; font-size:11px; clear:both; margin-bottom:15px;} /* -------------- News and Reviews Homepage -------------- */ .homepagenews { width:298px; float:left; margin:0; padding:0;} .homepagenews ul {width:298px; margin:0; padding:0;} .homepagenews li {width:298px; margin:0; padding:7px 0 7px 0; border-bottom:dotted 1px #ccc;} .homepagenews h6 {margin-bottom:3px;} .smallpic {width:50px; margin-right:10px; float:left; height:57px;} .articleintro {width:238px; float:left; padding:0; margin:0; font-size:11px;} .articleintro h1 {font-size:11px; font-weight:bold; margin:0; padding:0;} .articleintro h1 a { text-decoration:none; color:#000;} .articleintro h1 a:hover { text-decoration:none; color:#105cff;} .articleintro p { margin:0!important; padding:0!important; color:#999;} .articleintro h2 {font-size:11px!important; margin:0 0 3px 0!important; padding:0!important; font-weight:normal;} .articleintro h2 a { text-decoration:none; color:#105cff; font-weight:bold; margin:0 0 3px 0!important; padding:0!important;} .articleintro h2 a:hover { text-decoration:underline; color:#105cff;} /* -------------- News and Reviews -------------- */ .smallnewspic {width:50px; margin-right:10px; float:left; margin-bottom:7px;} .articleintrodiv {width:535px; float:right; margin-bottom:7px;} .articleintrodiv h1 {font-size:11px; font-weight:bold; margin:0; padding:0;} .articleintrodiv h1 a { text-decoration:none; color:#000;} .articleintrodiv h1 a:hover { text-decoration:none; color:#105cff;} .articleintrodiv a { text-decoration:none; color:#105cff;} .articleintrodiv a:hover { text-decoration:underline; color:#105cff;} .articlesplitline {background:url(../imgs/border_3.gif) repeat-x bottom; height:10px; clear:both; width:595px;} /* -------------- News Article -------------- */ h1.newstitles {font-size:18px; margin:0 0 10px 0; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif;} #newsimagecolumn {float:right; width:200px; padding:0; margin:0;} #newsimagecolumn p {margin:0 0 7px 0; padding:0;} #newsimagecolumn img {margin:0 0 10px 0; padding:0;} #mainarticlecolumn {width:380px; float:left; padding:0; margin:0; font-size:12px;} #mainarticlecolumn a { text-decoration:none; color:#105cff;} #mainarticlecolumn a:hover { text-decoration:underline; color:#105cff;} #mainarticlecolumn ul { margin:0 0 0 15px; padding:0} #mainarticlecolumn ul li { margin:0; padding:0px;} #mainarticlecolumn p {padding:0 0 12px 0; margin:0;} .gotnewspanel {background-color:#efefef; padding: 5px 5px; margin-bottom:10px;} .gotnewspanel a { text-decoration:none; color:#000;} .gotnewspanel a:hover { text-decoration:underline; color:#105cff;} .gotnewspanel p { margin:0 0 7px 0; padding:0;} ul.newsicons {margin:0; padding:0; list-style:none;} ul.newsicons li {margin: 2px 0 6px 0; padding: 0; line-height: 18px; background-repeat: no-repeat; background-position: 0 50%; font-size:11px;} ul.newsicons li a {padding-left: 20px; color:#105cff; text-decoration:none;} ul.newsicons li a:hover {padding-left: 20px; color:#105cff; text-decoration:underline;} #printable {background-image: url(../imgs/icons/print_icon.gif);} .newscommentswrap { position:relative; margin:0 0 7px 0; padding:10px 0 0 0; background:url(../imgs/border_3.gif) repeat-x top left; width:380px;} .newscomments { position:relative; margin:0; padding:7px 0 0 0; float:left; font-size:12px; width:330px;} .newscomments h4 {margin:0; padding:0; font-weight:normal; font-size:12px;} .newscomments p {margin:0 0 4px 0; padding:0;} .newscommentswrap .replycomments { padding:5px; width: 320px; margin:4px 0 0 0; background-color:#efefef; border-top: 1px solid #d3d0d0; position:relative;} /* -------------- Reviews -------------- */ #reviewscolumn {margin:0; padding:0; font-size:12px;} #reviewscolumn a { color:#105cff; text-decoration:none; font-weight:bold;} #reviewscolumn a:hover { color:#105cff; text-decoration:underline;} .reviewpictures {border:1px solid #000;} .newspictures {margin:0; padding:0;} .newspictures img {border:1px solid #000; margin:0; padding:0;} .newspictures p {color:#FFF; padding:5px; margin:0; background:#000;} /* -------------- Bookmark and Share -------------- */ .bookmarkpanel {background-color:#efefef; padding:10px; margin:0 0 4px 0;} .bookmarkpanel p { margin:0; padding:0;} .bookmarkpanel ul {margin:0; padding:0 0 5px 0px; list-style:none;} .bookmarkpanel ul li {margin: 2px 0 6px 0; padding: 0; line-height: 18px; background: url(../imgs/icons/icons.gif) no-repeat;} .bookmarkpanel ul li a {padding-left: 30px; color:#000; text-decoration:none;} .bookmarkpanel ul li a:hover {padding-left: 30px; color:#105cff; text-decoration:underline;} .bookmarkpanelhoz {background-color:#efefef; padding:10px; margin:0 0 4px 0;} .bookmarkpanelhoz p { margin:0; padding:0;} .bookmarkpanelhoz ul {margin:0; padding:0 0 5px 0px; list-style:none;} .bookmarkpanelhoz ul li {margin: 2px 25px 6px 0; padding: 0; line-height:20px; background: url(../imgs/icons/icons.gif) no-repeat; float:left} .bookmarkpanelhoz ul li a {padding-left: 30px; color:#000; text-decoration:none;} .bookmarkpanelhoz ul li a:hover {padding-left: 30px; color:#105cff; text-decoration:underline;} #delicous {background-position: 0 -168px;} #digg { background-position: 0 -186px; } #reddit { background-position: 0 -204px; } #stumbleupon { background-position: 0 -222px; } .trash { background-image: url(../imgs/icons/trash.gif); color:#000; text-decoration:none; background-repeat: no-repeat; background-position:0 0; line-height:26px; margin:0 0 10px 0; padding:0 0 0 30px; } .trash a {color:#105cff; text-decoration:none;} .trash a:hover {color:#000; text-decoration:underline;} /* -------------- Accommodation Listings -------------- */ .accommlistpic {width:102px; margin:0; padding:0; float:left;} .accommlistpic img {border:1px solid #000;} .accommlistsum {width:448px; float:right; margin:0; padding:0;} .accommlistsum table {width:448px; text-align:left; } .accommlistsum td {padding:0 0 5px 0;} .accommlistsum .col1 {width:120px; font-weight:bold; } .accommlistsum .col2 {width:237px; } .accommlistsum .col3 {width:91px; vertical-align:bottom; } .accommlistsum h4 { font-weight:bold; color:#000; font-size:12px; margin:0; padding:0;} .accommlistsum h4 a {color:#000; text-decoration:none;} .accommlistsum h4 a:hover {color:#105cff; text-decoration:underline;} .accommlist {width:575px; margin:0 0 10px 0; padding:10px; background:#EFEFEF;} .accommlist li {padding:7px 0 7px 0; margin:0; border-bottom:1px dashed #999;} #accommleftcol {width:282px; margin:0; padding:0; float:left;} #accommleftcol a { text-decoration:none; color:#105cff;} #accommleftcol a:hover { text-decoration:underline; color:#105cff;} #accommleftcol table {width:282px; margin:10px 0 15px 0; text-align:left; font-size:11px;} #accommleftcol td {padding:0 0 7px 0;} #accommleftcol .col1 {width:100px; font-weight:bold; } #accommdetailstcol {float:left; margin:0 0 0 15px; padding:0; width:295px; font-size:12px;} #accommdetailstcol a { text-decoration:none; color:#105cff;} #accommdetailstcol a:hover { text-decoration:underline; color:#105cff;} .localtrailslist {color:#000; margin:10px 0 10px 0; font-size:12px;} .localtrailslist li {padding:0 0 0 10px; margin:0 0 3px 0; background:url(../imgs/backgrounds/bulletpoint_black.gif) no-repeat 0px 4px;} .localtrailslist a { text-decoration:none; color:#105cff;} .localtrailslist a:hover { text-decoration:underline; color:#105cff;} #accommphotos { margin:0 0 15px 0; padding:0;} #accommphotos li { float:left; margin:0 5px 0 0; text-align:center;} #accommphotos li a {background:#000 url(../imgs/backgrounds/pic_tab.gif) no-repeat bottom left; width:20px; height:17px; display:block; color:#FFF; text-decoration:none; padding:3px 0 0 0;} #accommphotos li a:hover { text-decoration:none;} /* -------------- Regional Page -------------- */ #regionleftcol {width:198px; float:left; margin:0; padding:0;} #regionrightcol {width:551px; float:left; margin:0; padding:0 0 0 24px; background:url(../imgs/backgrounds/region_split.gif) repeat-y top left;} #newlocalriders {background:#EFEFEF; width:184px; padding:7px; margin:0 0 15px 0;} #newlocalriders li img { float:left; margin:0 7px 7px 0; } #newlocalriders li {clear:both; width:184px; padding:0 0 7px 0;} #newlocalriders li a {color:#000; text-decoration:none;} #newlocalriders li a:hover {color:#105cff; text-decoration:none;} #newlocalriders_lrg {background:#EFEFEF; width:261px; padding:7px; margin:0;} #newlocalriders_lrg li img { float:left; margin:0 7px 7px 0; } #newlocalriders_lrg li { float:left; width:130px; padding:0 0 7px 0;} #newlocalriders_lrg li a {color:#000; text-decoration:none;} #newlocalriders_lrg li a:hover {color:#105cff; text-decoration:none;} #latestriders {width:300px; padding:0px; margin:0 0 15px 0;} #latestriders li img { float:left; margin:0 7px 7px 0; } #latestriders li { float:left; width:150px; padding:0 0 7px 0; font-size:11px;} #latestriders li a {color:#000; text-decoration:none;} #latestriders li a:hover {color:#105cff; text-decoration:none;} .newtrails {background:#EFEFEF; width:184px; padding:7px; margin:0 0 15px 0;} .newtrails li { background:url(../imgs/backgrounds/bulletpoint.gif) no-repeat 0px 2px; padding:0 0 4px 15px;} .newtrails li a {color:#000; text-decoration:none;} .newtrails li a:hover {color:#105cff; text-decoration:none;} .regnewsintro {width:491px; float:left; padding:0; margin:0; ont-size:11px; height:57px;} .regnewsintro h1 {font-size:11px; font-weight:bold; margin:0; padding:0;} .regnewsintro h1 a { text-decoration:none; color:#000;} .regnewsintro h1 a:hover { text-decoration:none; color:#105cff;} .regnewsintro h2 {font-size:11px; margin:0; padding:0; font-weight:normal;} .regnewsintro h2 a { text-decoration:none; color:#105cff;} .regnewsintro h2 a:hover { text-decoration:underline; color:#105cff;} .regionnewslist {margin:0; padding:0;} .regionnewslist li {background:url(../imgs/border_3.gif) repeat-x bottom left; margin:0; padding:0 0 7px 0; clear:both;} .featuredtrailstable {width:381px; margin:0; text-align:left;} .featuredtrailstable td {padding:0 0 5px 0;} .featuredtrailstable .col1 {width:120px; font-weight:bold; } .featuredtrailstable .col2 {width:261px; font-weight:normal; } .regionfeatures {width:593px; margin:0 0 15px 0; padding:0;} .regionfeatures li {width:189px; float:left; margin:0 0 0 13px; padding:0 0 10px 0; background:#EFEFEF;} .regionfeatures li p {padding:7px; margin:0;} /* -------------- Bike Shop Sign -------------- */ .errormessage { background:url(../imgs/backgrounds/error_bg.gif) no-repeat top left #a12403; padding:10px 10px 10px 30px; margin:0; font-weight:bold; color:#FFF; min-height:45px;} .regionsholder {width:145px; float:left;} .featuredshoppanel {width:575px; margin:0 0 10px 0; padding:10px; background:#EFEFEF; height:100px;} .featuredshopinfo {width:390px; float:right; margin:0; padding:0;} .featuredshoppic {width:150px; margin:0; padding:0; float:left;} .bikelisttable {width:390px; margin:0; text-align:left;} .bikelisttable td {padding:0 0 5px 0;} .bikelisttable .col1 {width:120px; font-weight:bold; } .bikelisttable .col2 {width:270px; font-weight:normal; } .bikelisttable a { color:#ea0087; text-decoration:none;} .bikelisttable a:hover { color:#ea0087; text-decoration:underline;} .hourslist {background-color:#efefef; list-style:none; width:140px; margin:0 0 10px 0; padding:7px 5px 7px 5px;} .hourslist li { margin:0 0 7px 0;} .bikedirtable {width:580px; margin:10px 0 0 0; text-align:left; font-size:11px;} .bikedirtable td {padding:0 0 5px 0;} .bikedirtable .col1 {width:210px; font-weight:bold; } .bikedirtable .col2 {width:130px; font-weight:normal; } .bikedirtable a { color:#ea0087; text-decoration:none;} .bikedirtable a:hover { color:#ea0087; text-decoration:underline;} .shopprofilecol {float:left; margin:0 0 0 15px; padding:0; width:430px; font-size:12px;} .shopprofilecol a { text-decoration:none; color:#105cff;} .shopprofilecol a:hover { text-decoration:underline; color:#105cff;} .shopprofilecol table {width:430px; margin:10px 0 15px 0; text-align:left; font-size:11px;} .shopprofilecol td {padding:0 0 5px 0;} .shopprofilecol .col1 {width:100px; font-weight:bold; } /* -------------- Top Rated Trails -------------- */ .topratedtrails {width:298px; margin:0 20px 0 0; padding:0; float:left; font-size:11px;} .topratedtrails ul {list-style:none; margin:0; padding:0;} .topratedtrails ul li {margin:0 0 10px 0; padding:0; clear:both;} .topratedtrails ul li img { float:left; margin:0 10px 0 0; padding:0;} .topratedtrails ul li h4 {margin:0 0 4px 0; padding:0; font-size:11px;} .topratedtrails ul li h4 a { text-decoration:none; color:#105cff; font-weight:bold;} .topratedtrails ul li h4 a:hover { text-decoration:underline; color:#105cff;} .topratedtrails ul li p {margin:0; padding:0;} /* -------------- MTB Videos -------------- */ #videocategorieslist {list-style:none; margin:0; padding:0; height:35px;} #videocategorieslist li { width:145px; float:left; margin:0 0 4px 0; padding:0;} #videocategorieslist li a {text-decoration:none; color:#000;} #videocategorieslist li a:hover { text-decoration:underline; color:#105cff;} #videocategorieslistsm {list-style:none; margin:10px 0 0 0; padding:0; width:250px; float:left;} #videocategorieslistsm li { width:250px; margin:0 0 4px 0; padding:0;} #videocategorieslistsm li a {text-decoration:none; color:#000;} #videocategorieslistsm li a:hover { text-decoration:underline; color:#105cff;} .videodetailstable {width:180px; margin:0 5px 0 10px; padding:0;} .videodetailstable a {text-decoration:none; color:#000;} .videodetailstable a:hover { text-decoration:underline; color:#105cff;} .videodetailstable p {margin:0 0 4px 0; padding:0; font-size:11px;} .videodetailstable h4 {margin:0 0 4px 0; padding:0; font-weight:normal; font-size:11px;} .splitlinehoz { background:url(../imgs/border_3.gif) repeat-x top left;} .maintext a {text-decoration:none; color:#105cff; font-weight:bold;} .maintext a:hover { text-decoration:underline; color:#105cff;} /* -------------- Trail Videos -------------- */ #trailvideos { margin:0; padding:0; width:595px;} #trailvideos li {float:left; width:292px; margin:0; padding:0 5px 5px 0; background:url(../imgs/border_3.gif) repeat-x bottom left; height:90px;} #trailvideos li p {margin:0 0 5px 0; padding:0;} #trailvideos li a { text-decoration:none; color:#000;} #trailvideos li a:hover { text-decoration:underline; color:#000;} .vidpic { float:left; margin:0 10px 0 0;} /* --------------Videos Profile-------------- */ #videorightcol { width:325px; margin:0 0 0 15px; padding:0; float:left;} #videoleftcol {width:425px; float:left; margin:0px;} .viddetailstable { padding:0; margin:0 0 7px 0; width:325px;} .viddetailstable td {text-align:left; padding:0 0 6px 0; vertical-align:top;} .viddetailstable .col1 {width:48px; vertical-align:top;} .viddetailstable .col2 {width:165px;} .viddetailstable a { text-decoration:none; color:#105cff; font-weight:bold;} .viddetailstable a:hover { text-decoration:underline; color:#105cff;} .commentsvidwrap {width:425px; margin:0 0 7px 0; padding:10px 0 0 0; background:url(../imgs/border_3.gif) repeat-x top left;} .vidcomments {width:375px; margin:0; padding:7px 0 0 0; float:left; font-size:12px; position:relative;} .vidcomments h4 {margin:0; padding:0; font-weight:normal; font-size:12px;} .vidcomments p {margin:0 0 4px 0; padding:0;} .vidcomments .rating { background-color:#000; color:#FFF; padding:2px; width:40px; text-align:center; font-size:10px;} .vidcomments a { text-decoration:none; color:#105cff; font-weight:bold;} .vidcomments a:hover { text-decoration:underline; color:#105cff;} .vidcomments .replycomments {padding:5px; width: 365px; margin:4px 0 0 0; background-color:#efefef; border-top: 1px solid #d3d0d0; position:relative;} #morevidcontainer {width:300px; margin:0; padding:0; height:300px; overflow:scroll; border-bottom:1px solid #CCC; overflow-x: hidden;} #morevidcontainer ul {list-style:none; margin:0; padding:0; font-size:11px!important;} #morevidcontainer ul li { width:385px; margin:0 0 10px 0;} #morevidcontainer ul li p { margin:0 0 4px 0; padding:0;} #morevidcontainer ul li img { float:left; margin:0 10px 0 0;} #morevidcontainer ul li a { color:#000; text-decoration:none;} #morevidcontainer ul li a:hover { color:#105cff; text-decoration:underline;} /* -------------- Featured Reviews -------------- */ .featuredreviews {width:277px; margin:0; padding:0; float:left; font-size:11px;} .featuredreviews ul {list-style:none; margin:0; padding:0;} .featuredreviews ul li {margin:0 0 10px 0; padding:0; clear:both;} .featuredreviews ul li img { float:left; margin:0 10px 0 0; padding:0; border:1px solid #000;} .featuredreviews ul li h4 {margin:0 0 4px 0; padding:0; font-size:11px} .featuredreviews ul li h4 a { text-decoration:none; color:#105cff; font-weight:bold;} .featuredreviews ul li h4 a:hover { text-decoration:underline; color:#105cff;} .featuredreviews ul li p {margin:0; padding:0;} /* -------------- Photo Gallery -------------- */ .addyourbadge {float:right; margin:0; padding:0; width:190px; text-align:right;} .photosearchpanel {background-color:#efefef; padding:5px; margin:0 0 10px 0; width:585px; font-size:11px;} .photosearchpanel table { width:585px; margin:0; padding:0;} .photosearchpanel td {text-align:left; padding:0 0 7px 0; vertical-align:top;} .photosearchpanel .col1 {width:75px; font-weight:bold;} .photosearchpanel .col2 {width:205px; font-weight:bold;} .photosearchpanel input, select {width:190px; margin:0; padding:0;} #photocategorieslist {list-style:none; margin:0; padding:0; } #photocategorieslist li { width:193px; float:left; margin:0 0 4px 0; padding:0; font-size:12px;} #photocategorieslist li a {text-decoration:none; color:#000;} #photocategorieslist li a:hover { text-decoration:underline; color:#105cff;} .popularphotos {list-style:none; background:#EFEFEF; padding:10px 0px 10px 7px; width:588px; margin:0 0 15px 0;} .popularphotos li {float:left; margin:0 7px 0 0 ; padding:0; width:140px;} .relatedphotos { width:595px; list-style:none; margin:0 0 10px 0; padding:0;} .relatedphotos li { width:140px; margin:0 11px 11px 0; padding:0; float:left;} .relatedphotos li img { border:1px solid #000;} .albumlist { margin:0 0 5px 0; padding:0 0 5px 0; background:url(../imgs/backgrounds/users_split.gif) repeat-x bottom left;} .albumlist li { display:inline; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #999;} .albumlist li a { text-decoration:none; color:#105cff;} .albumlist li a:hover { text-decoration:underline; color:#105cff;} /* -------------- MTB Gear Search -------------- */ .categorymenus { width:125px; padding:0; margin:5px 0 5px 0; font-size:11px;} .shoppingpartners {background-color:#efefef; padding: 10px 5px 0px 5px; margin-bottom:10px; width:130px; height:auto;} .shoppingpartners p { margin:0 0 10px 0; padding:0;} /* -------------- Grey Panels -------------- */ .greypanel {background-color:#efefef; margin:0; padding:7px; font-size:12px; height:auto;} .greypanel p { margin:0; padding:0 0 7px 0;} /* -------------- Rating -------------- */ .addcomments {background-color:#efefef; margin:0; padding:7px; font-size:12px;} .addcomments p { margin:0; padding:0 0 7px 0;} .addcomments textarea {width:556px; margin:0; padding:0;} /* -------------- Comments-------------- */ .commentswrapper {width:595px; margin:0 0 7px 0; padding:10px 0 0 0; background:url(../imgs/border_3.gif) repeat-x top left; position:relative;} .profilepic {width:40px; margin:0 10px 0 0; padding:7px 0 0 0; float:left;} .profilepic img { border:1px solid #999;} .profilepic a {color:#105cff; text-decoration:none;} .profilepic a:hover {color:#105cff; text-decoration:underline;} .profilecomments {width:545px; margin:0; padding:7px 0 0 0; float:left; font-size:12px;} .profilecomments h4 {margin:0; padding:0; font-weight:normal; font-size:12px;} .profilecomments p {margin:0 0 4px 0; padding:0;} .profilecomments .rating { background-color:#000; color:#FFF; padding:2px; width:40px; text-align:center; font-size:10px;} .profilecomments a { text-decoration:none; color:#105cff; font-weight:bold;} .profilecomments a:hover { text-decoration:underline; color:#105cff;} .profilecomments .replycomments {padding:5px; width: 535px; margin:4px 0 0 0; background-color:#efefef; border-top: 1px solid #d3d0d0; position:relative;} .profilecomments .replycomments .props { position:absolute; top:5px; right:0px; width:130px; text-align:right; margin:0 0 5px 0; padding:0;} .publishdate { font-size:9px; font-style:italic;} .newspublish {font-size:11px; color:#999; margin:0 0 20px 0; padding:0; font-style:italic;} .newspublish a {color:#24b0e5; text-decoration:none;} .newspublish a:hover {color:#24b0e5; text-decoration:underline;} .props { position:absolute; top:15px; right:0px; width:130px; text-align:right; font-size:11px; margin:0 0 5px 0; padding:0;} .props input {float:right; margin:0 0 0 5px; padding:0;} .props p {float:right;} /* -------------- Paging -------------- */ .paging {width:575px; height:26px; background:url(../imgs/backgrounds/pagin_bg.gif) no-repeat top left; margin:10px 0 0 0; padding:10px; font-size:11px;} .paging a { text-decoration:none; color:#105cff; font-weight:bold;} .paging a:hover { text-decoration:underline; color:#105cff; font-weight:bold;} .previouspage {width:110px; margin:0; padding:0; float:left;} .nextpage {width:110px; margin:0; padding:0; float:left; text-align:right;} .totalpages {width:355px; margin:0; padding:0; float:left; text-align:center;} /* -------------- News Tabs -------------- */ ul#toptabs {margin:0 5px 0 0; padding:0; list-style:none; width:590px; font-size:11px;} ul#toptabs li {float:right; width:100px; margin:0 0 0 2px; padding:4px 0 0 0; width:92px; height:14px; background:url(../imgs/tab_top.gif) top no-repeat #000; color:#FFF; text-align:center;} ul#toptabs li a:link {color:#FFF; text-decoration:none;} ul#toptabs li a:visited { color:#FFF; text-decoration:none;} ul#toptabs li a:hover { color:#FFF; text-decoration:underline; } .subnavbar {color: #FFF; height: 17px; padding: 4px 0 0 5px; background-color: #000; font-size:11px; clear:both; margin-bottom:15px;} .subnavbar a {color: #FFF; text-decoration:none;} .subnavbar a:hover {color: #FFF; text-decoration:underline;} /* -------------- Errors and Sucess -------------- */ .success {margin:0; padding:0; list-style:none;} .success li {margin: 10px 0 10px 0; padding: 0 0 0 30px; background:url(../images/icons/success.gif) no-repeat top left; color:#6a8c1b; font-weight:bold; min-height:20px;} /* -------------- Account Pages -------------- */ .maincontentwrapper { margin:0; padding:0; position:relative;} .accountwrapper {width:585px; margin:0 15px 0 0; padding:0; float:left;} .supportwrapper { width:165px; margin:0; padding:0; float:left;} .supportpanels {background-color:#EFEFEF; padding:10px 5px 0px 5px; margin:0;} .supportpanels p {padding:0 0 10px 0; margin:0;} .supportpanels a { text-decoration:none; color:#105cff; font-weight:bold;} .supportpanels a:hover { text-decoration:underline; color:#105cff; font-weight:bold;} .formpanels {background-color:#efefef; padding:10px; margin:0 0 10px 0; width:565px;} .formpanels a {color: #105cff; text-decoration:none;} .formpanels a:hover {color: #105cff; text-decoration:underline;} .accountwrapper table { padding:0; margin:0; width:565px;} .accountwrapper td {text-align:left; padding:0 0 7px 0; vertical-align:top;} .accountwrapper td p { margin:0; padding:0; font-style:italic;} .accountwrapper .col1 {width:150px; font-weight:bold;} .accountwrapper input, select, textarea { width:300px; margin:0 4px 0 0;} .radiobuttons {width:auto;} .topprofilepic {position:absolute; top:6px; right:15px; border:1px solid #666;} .profilethumb {border:1px solid #666; float:left; margin:0 10px 10px 0px; width:40px;} .profiledetails {width:530px; float:left; margin:0 0 10px 0; padding:0;} .profiledetails h2 {font-size:18px!important;} .uploadpanels {background-color:#efefef; padding:10px; margin:0 0 10px 0; width:909px; font-size:12px;} .uploadpanels a {color: #105cff; text-decoration:none;} .uploadpanels a:hover {color: #105cff; text-decoration:underline;} .uploadpanels p {margin:0 0 7px 0; padding:0;} #bikestatus ul {margin:0 0 10px 0; padding:0 0 5px 0px; list-style:none;} #bikestatus li {margin: 2px 25px 6px 0; padding:0; height:24px; background-repeat: no-repeat; background-position:0 0; padding-left: 30px;} #pending { background-image: url(../imgs/icons/pending.gif); } #incomplete { background-image: url(../imgs/icons/edit_icon.gif); } /* -------------- Competition -------------- */ .comppanels {background-color:#efefef; padding:10px; margin:0 0 10px 0; width:573px; font-size:12px;} .comppanels a {color: #105cff; text-decoration:none;} .comppanels a:hover {color: #105cff; text-decoration:underline;} .comppanels table { padding:0; margin:0; width:573px;} .comppanels td {text-align:left; padding:0 0 7px 0; vertical-align:top;} .comppanels td p { margin:0; padding:0; font-style:italic;} .comppanels .col1 {width:150px; font-weight:bold;} .comppanels input, select, textarea { width:300px; margin:0 4px 0 0;} .comppanels checkbox {width:auto;} ul#profiletabs { margin:0 0 0 3px; padding: 0px; text-align: center; width:765px; font-size:11px;} ul#profiletabs li {float:left; position: relative; margin: 0 2px 0 0; } ul#profiletabs li a {text-decoration: none; color:#FFF; background:url(../imgs/tab_top.gif) top no-repeat #000; float:left; height: 16px; width: 92px; padding:4px 0 0 0; position: relative;} #profiletabs li a:hover { background:url(../imgs/tab_top_on.gif) top no-repeat #24b0e5; color: #FFF;} #profiletabs li a#current { background:url(../imgs/tab_top_on.gif) top no-repeat #24b0e5; color: #FFF; } ul#profiletabs li ul { /* second-level lists */ display: none; position: absolute; margin-top:20px; left: 0px; width:92px; background:url(../imgs/backgrounds/tab_bottom.gif) no-repeat bottom left; padding-bottom:7px; padding-top:8px; } ul#profiletabs li ul li {text-align:centre; width:92px;} ul#profiletabs li ul li a {background-image:none; background-color:#000; width:92px;} ul#profiletabs li ul li a:hover {background-image:none; background-color: #000; color:#24b0e5;} #profiletabs li ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; } #profiletabs li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; } .breadcrumbbar {color: #FFF; height: 5px; padding: 4px 0 0 5px; margin:0 15px 15px 0; background-color: #000; clear:both;} .breadcrumbbar a {color: #FFF; text-decoration:none;} .breadcrumbbar a:hover {color: #FFF; text-decoration:underline;} .mytag {color:#666; margin:0; padding:0; font-style: italic;} .profilewrap { width:765px; margin:0; padding:0; background:url(../imgs/backgrounds/profile_split.gif) repeat-y top left;} .profilewrap a {color: #105cff; text-decoration:none;} .profilewrap a:hover {color: #105cff; text-decoration:underline;} .profilemainpic {border:1px solid #000; float:left; margin:0 9px 10px 0;} .profilestats { width:423px; margin:0 0 10px 0;} .profilestats td {text-align:left; padding:0 0 7px 0; vertical-align:top;} .profilestats .col1 {width:115px; font-weight:bold;} .profilestats .col2 {width:308px;} .profilestats td a {color: #105cff; text-decoration:none;} .profilestats td a:hover {color: #105cff; text-decoration:underline;} #profileleftcol {width:275px; float:left; margin:0 30px 0 0; padding:0;} #profileleftcol h6 {margin:0 0 6px 0;} #profileleftcol p {margin:0 0 10px 0; padding:0;} #profileleftcol p a {color: #105cff; text-decoration:none;} #profileleftcol p a:hover {color: #105cff; text-decoration:underline;} /* --------------Latest Bikes-------------- */ #latestbikeslist {width:275px; margin:0; padding:0; list-style:none;} #latestbikeslist li {width:130px; margin:0 15px 10px 0; padding:0; float:left;} #latestbikeslist li h4 { margin:4px 0 0 0; padding:0; font-size:11px; font-weight:normal;} #latestbikeslist li h4 a {color: #000; text-decoration:none;} #latestbikeslist li h4 a:hover {color: #105cff; text-decoration:none;} #latestbikeslist img {border:1px solid #000;} /* --------------Recent Photos-------------- */ .recentphotos {width:593px; margin:0 0 15px 0; padding:0; list-style:none;} .recentphotos li { float:left; margin:0 20px 0 0; padding:0;} .recentphotos li img { border:1px solid #000; } .recentcontent {width:423px; margin:0 0 10px 0; padding:0; list-style:none;} .recentcontent li { float:left; margin:0 7px 0 0; padding:0;} .recentcontent li img { border:1px solid #000; } .viewallsm {width:423px; text-align:right; clear:both; margin:10px 0 10px 0;} .viewall {width:593px; text-align:right; clear:both; margin:10px 0 10px 0;} /* --------------Local News-------------- */ #localnews {width:460px; margin:0 0 15px 0; padding:0; list-style:none;} #localnews li {background:url(../imgs/border_3.gif) repeat-x bottom; clear:both; padding:0 0 7px 0; height:60px;} #localnews li p { margin:0; padding:0;} #localnews li p a {color: #105cff; text-decoration:none;} #localnews li p a:hover {color: #105cff; text-decoration:underline;} #localnews li h4 { margin:0; padding:0; font-size:11px; text-indent:none;} #localnews li h4 a {color: #000; text-decoration:none;} #localnews li h4 a:hover {color: #105cff; text-decoration:none;} /* --------------Recent Videos-------------- */ .recentvideos {width:593px; margin:0 0 15px 0; padding:0; list-style:none;} .recentvideos li { float:left; margin:0 20px 0 0; padding:0;} .recentvideos li img {border:1px solid #CCC;} /* --------------Message Board-------------- */ .addmessage {background-color:#efefef; margin:0; padding:7px; font-size:12px;} .addmessage p { margin:0; padding:0 0 7px 0;} .addmessage textarea {width:444px; margin:0; padding:0;} #postboard {width:593px; margin:0 0 10px 0; padding:10px 0 0 0; list-style:none; background:url(../imgs/border_3.gif) repeat-x top left;} #postboard li {width:593px; margin:0; padding:4px 0 7px 0; background:url(../imgs/border_3.gif) repeat-x bottom left;} #postboard li img { border:1px solid #000;} .postboardpic {float:left; margin:0 10px 10px 0; width:50px; padding:0;} .postboardposts {width:533px; margin:0 0 10px 0; padding:0; float:left;} .postboardposts h4 {margin:0; padding:0; font-weight:normal; font-size:12px;} .postboardposts p {margin:0 0 4px 0; padding:0;} .postboardposts a { text-decoration:none; color:#105cff; font-weight:bold;} .postboardposts a:hover { text-decoration:underline; color:#105cff;} /* --------------Friends-------------- */ .friendslist {list-style:none; margin:0; padding:0;} .friendslist li { padding:0; margin:0 15px 7px 0; float:left;} .friendslist li img {border:1px solid #000;} .friendslistall {list-style:none; margin:0; padding:0;} .friendslistall li { padding:0; margin:0; float:left; width:92px;} .friendslistall li img {border:1px solid #000;} .friendslistall li p {margin:0; padding:0;} .addfriends {margin:0; padding:0px; list-style:none; width:142px;} .addfriends li {margin: 2px 0 6px 0; padding:0 0 0 27px;; line-height: 24px; background-repeat: no-repeat; background-position: 0 50%; color:#6a8c03; } .addfriends li a { color:#6a8c03; text-decoration:none; font-weight:bold;} .addfriends li a:hover {color:#6a8c03; text-decoration:underline;} #adduser { background-image: url(../imgs/icons/add_friend.gif); } #removeuser { background-image: url(../imgs/icons/remove_friend.gif); } #reportuser { background-image: url(../imgs/icons/report_icon.gif); color:#c40308; } #reportuser a {color:#ff9900; text-decoration:none;} #reportuser a:hover {color:#ff9900; text-decoration:underline;} /* --------------Friend Requests-------------- */ .userrequests { width:593px; margin:0; padding:0;} .userrequests td {text-align:left; padding:4px 0 4px 0; vertical-align:top; border-bottom:1px dashed #999;} .userrequests .col1 {width:50px;} .userrequests .col2 {width:160px; text-align:right;} .userrequests p {margin:0; padding:0;} .requestpic {border:1px solid #000;} /* --------------Trail Submissions-------------- */ .trailstatus { width:593px; margin:0 0 15px 0; padding:0; font-size:12px;} .trailstatus th {text-align:left} .trailstatus td {text-align:left; padding:3px 0 3px 0; vertical-align:top; border-bottom:1px dashed #999;} .trailstatus .col1 {width:150px;} .trailstatus .col2 {width:45px; text-align:right;} .trailstatus p {margin:0; padding:0;} /* -------------- Trail Tabs -------------- */ ul#trailnav { margin:0 0 0 5px; padding: 0px; list-style-type: none; text-align: center; width:605px;} ul#trailnav li { float: left; } ul#trailnav li a {text-decoration: none; color:#FFF; background:url(../imgs/tab_top.gif) top no-repeat #000; float: left; margin: 0 0 0 2px; height: 16px; width: 92px; padding:4px 0 0 0; } #trailnav li a:hover { background:url(../imgs/tab_top_on.gif) top no-repeat #24b0e5; color: #FFF;} #trailnav li a#current { background:url(../imgs/tab_top_on.gif) top no-repeat #24b0e5; color: #FFF; } /* -------------- Regional Profile -------------- */ ul.whorideshere {width:140px; list-style:none; margin:0; padding:10px 0 0 0; background-color:#EFEFEF;} ul.whorideshere li {margin:0; padding:0 0 10px 10px; float:left;} ul.whorideshere li img { border:1px solid #000;} /* -------------- Local Riders -------------- */ ul.localriderslist {width:550px; list-style:none; margin:0; padding:0;} ul.localriderslist li {margin:0 0 10px 0; padding:0; float:left; width:110px; text-align:center; height:80px; overflow:hidden;} ul.localriderslist li img { border:1px solid #000;} ul.localriderslist li a { text-decoration:none; color:#105cff;} ul.localriderslist li a:hover { text-decoration:underline; color:#105cff;} /* -------------- Trail Location -------------- */ .localinfolist {margin:10px 0 15px 0; padding:0; list-style:none;} .localinfolist li {margin:0 0 4px 0; padding:3px 0 0 0; line-height:18px; background-image: url(../imgs/icons/icons.gif); background-repeat: no-repeat; height:21px; } .localinfolist li a {padding-left: 30px; color:#000; text-decoration:none;} .localinfolist li a:hover {padding-left: 30px; color:#105cff; text-decoration:underline;} .localbikeshops {background-position: 0 0;} .localaccommodation {background-position: 0 -24px;} .trailphotos {background-position: 0 -48px;} .trailreviews {background-position: 0 -72px;} .traillocation {background-position: 0 -96px;} .trailmapsymbol {background-position: 0 -120px;} .correct {background-position: 0 -144px;} .pmmessage {background-position: 0 -371px;} .favourites {background-position: 0 -395px;} .locationmap { width: 372px; float:left; margin:0 10px 15px 0; padding:0; border:1px solid #999;} .reviewstable {width:581px; margin:0; text-align:left;} .reviewstable td {padding:0 0 5px 0;} .reviewstable .col1 {width:120px; font-weight:bold; } .reviewstable input {width:450px;} .reviewstable select {width:450px;} /* -------------- Sign Up Page -------------- */ .signupwrapper {float:left; width:400px; margin:0; padding:0;} .signupwrapper a { text-decoration:none; color:#105cff; font-weight:bold;} .signupwrapper a:hover { text-decoration:underline; color:#105cff;} .signupwrapper { padding:0; margin:0; width:400px;} .signupwrapper td {text-align:left; padding:0 0 7px 0; vertical-align:top;} .signupwrapper td p { margin:0; padding:0; font-style:italic;} .signupwrapper .col1 {width:120px; font-weight:bold;} .signupwrapper input, select { width:255px; margin:0 4px 0 0;} .signinwrapper {float:left; width:345px; margin:0 0 0 20px;} .signinwrapper td {text-align:left; padding:0 0 7px 0; vertical-align:top;} .signinwrapper td p { margin:0; padding:0; font-style:italic;} .signinwrapper .col1 {width:120px; font-weight:bold;} .signinwrapper input { width:210px; margin:0;} .signinwrapper a { text-decoration:none; color:#105cff; font-weight:bold;} .signinwrapper a:hover { text-decoration:underline; color:#105cff;} #stages { font-size:12px; width:400px; margin:0 0 10px 0; padding:0;} #stages li {float:left; width:75px; height:25px;} .oneon {background:url(../imgs/backgrounds/1_on.gif) no-repeat top left; padding:5px 0 0 30px;} .twoon {background:url(../imgs/backgrounds/2_on.gif) no-repeat top left; padding:5px 0 0 30px;} .threeon {background:url(../imgs/backgrounds/3_on.gif) no-repeat top left; padding:5px 0 0 30px;} .oneoff {background:url(../imgs/backgrounds/1_off.gif) no-repeat top left; padding:5px 0 0 30px;} .twooff {background:url(../imgs/backgrounds/2_off.gif) no-repeat top left; padding:5px 0 0 30px;} .threeoff {background:url(../imgs/backgrounds/3_off.gif) no-repeat top left; padding:5px 0 0 30px;} /* --------------Business Register/Sign-------------- */ .registerpanel {width:380px; margin-right:15px; float:left;} .detailspanel {width:200px; float:right;} .registertable {width:380px;} .registertable td {text-align:left; padding:2px 0 2px 0;} .registertable .col1 {width:60px; font-weight:bold;} .registertable .col2 {width:320px;} .registertable .col3 {width:120px; font-weight:bold;} .registertable .col4 {width:260px;} .registertable .col5 {width:25px;} .registertable .col6 {width:100px;} .registertable .col7 {width:150px; font-weight:bold; vertical-align:text-top;} .registertable .col8 {width:230px;} .input220 {width:225px;} .input250 {width:250px;} .input370 {width:370px;} /* --------------Advertisers Form-------------- */ .advertiserstable {width:581px;} .advertiserstable td {text-align:left; padding:2px 0 2px 0;} .advertiserstable .col1 {width:140px; font-weight:bold; vertical-align: text-top;} .advertiserstable input { width:400px;} .advertiserstable select { width:400px;} .advertiserstable textarea { width:410px; height:80px;} .advertiserstable a { text-decoration:underline; color:#105cff;} .advertiserstable a:hover { text-decoration:underline; color:#105cff;} .adfeatures {margin:0; padding:0} .adfeatures li { background:url(../imgs/backgrounds/bulletpoint.gif) no-repeat 0px 2px; padding:0 0 3px 15px!important;} .signuptable {width:300px;} .signuptable td {text-align:left; padding:2px 0 2px 0;} .signuptable .col1 {width:100px; font-weight:bold;} .signuptable input { width:180px;} .signuptable a { text-decoration:none; color:#105cff; font-weight:bold;} .signuptable a:hover { text-decoration:underline; color:#105cff;} /* -------------- More Dirt Shop -------------- */ .sidelinks a {color:#FA008F; text-decoration:none;} .sidelinks a:hover {color:#FA008F; text-decoration:underline;} .shopcategories { font-size:12px; background:#efefef; margin:0 0 10px 0; padding:7px 7px 15px 7px;} .shopcategories li { border-bottom:dashed 1px #CCCCCC; padding:4px 0 4px 0;} .shopcategories li a {color:#000; text-decoration:none;} .shopcategories li a:hover {color:#FA008F; text-decoration:underline;} /* --------------Bikes and Gear -------------- */ .gearcategorymenu { margin: 0px; padding: 0px; width: 130px;} .productpicture {width:270px; float:left; margin:15px 0 15px 20px;} .productdetails {width:300px; float:left; margin:15px 0 15px 0; clear:both;} .productdetails p {margin:0 0 5px 0;} .productdetails a { color:#105cff; text-decoration:none; font-weight:bold;} .productdetails a:hover { color:#105cff; text-decoration:underline;} #productbullet {margin:0; padding:0; list-style: none;} #productbullet li {padding:4px 0 5px 15px; background: url(../images/bullet_point.gif) no-repeat 0 .5em;} .productpoints {margin:0; padding:0; list-style: none;} .productpoints li {padding:4px 0 5px 15px; background: url(../images/bullet_point.gif) no-repeat 0 .5em;} .productcomments {background-color:#efefef; margin:0 0 15px 0; padding:7px; font-size:12px;} .productcomments p { margin:0; padding:0 0 7px 0;} .productcomments table {width:581px; margin:0;} .productcomments td {padding:0 0 5px 0;} .productcomments .col1 {width:120px; text-align:left; font-weight:bold; vertical-align:top;} .productcomments textarea {width:455px;} .productcomments input {width:455px;} .commentstable {width:545px; margin:0;} .commentstable td {padding:0 0 5px 0;} .commentstable .col1 {width:120px; text-align:left; font-weight:bold; vertical-align:top;} .productlistwrap {width:595px; clear:both; margin:0 0 10px 0; padding:0;} .productthumbnail {float:left; width:150px; margin:0; padding:0;} .productshortdes {width:434px; float:left; padding:0 0 0 10px;} .productshortdes p { margin:0 0 7px 0;} /* -------------- Competition Details ----------- */ #compdetails {float:left; width:283px; margin:0 0 10px 0; padding:0 10px 0 0; font-size:12px;} #compdetails a {color:#105cff; text-decoration:none;} #compdetails a:hover {color:#105cff; text-decoration:underline;} /* -------------- Search Bar -------------- */ #searchbar { width:778px; height:37px; margin:0 0 10px 0; padding:11px 0 0 20px; background:url(../imgs/backgrounds/search_bg.gif) no-repeat top left;} #searchbar table { padding:0; margin:0;} #searchbar td {padding:0 8px 0px 0;} #searchbar input {width:280px;} #searchbar select {width:160px;} #trailsearchresults { font-size:12px;} #trailsearchresults { list-style:none;} #trailsearchresults li { border-bottom:1px dashed #CCC; padding:7px 0 10px 0;} #trailsearchresults li p {margin:5px 0 0 0; padding:0px;} #trailsearchresults li h4 {margin:0; padding:0px;} #trailsearchresults li h4 a {color:#FA008F; text-decoration:none;} #trailsearchresults li h4 a:hover {color:#FA008F; text-decoration:underline;} /* -------------- Page Numbering -------------- */ .pagingtable {width:595px; margin:0;} .pagingtable td {padding:0 0 5px 0;} .pagingtable .col1 {width:100px; text-align:left;} .pagingtable .col2 {width:100px; text-align:right;} .pagingtable .col3 {width:395px; text-align:center;} .pagingtable a {color:#FA008F; text-decoration:none;} .pagingtable a:hover {color:#FA008F; text-decoration:underline;} /* -------------- Footer -------------- */ #footer {background:#000; color:#999; margin:0; padding:30px 10px 20px 10px; clear:both; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; border-top:5px #24b0e5 solid; position:relative;} .skiptotop { width:71px; background:url(../imgs/backgrounds/skip_tab.gif) no-repeat bottom left #24b0e5; text-align:left; position:absolute; top:0px; right:10px; padding:5px 0 5px 25px;} .skiptotop a {color:#FFF; text-decoration:none;} .skiptotop a:hover {color:#FFF; text-decoration:underline;} #footer p {margin:0 0 5px 0; padding:0; clear:both;} #footer a {text-decoration:none; color:#FFF;} #footer a:hover {text-decoration:underline; color:#FFF;} .sociallinks {margin:10px 0 15px 0; padding:0; list-style:none; width:215px; position:absolute; bottom:0px; right:10px;} .sociallinks li {margin:0 20px 3px 0; padding:3px 0 0 0; line-height:18px; background-image: url(../imgs/icons/icons.gif); background-repeat: no-repeat; height:21px; float:left; } .sociallinks li a {padding-left: 30px;} .sociallinks li a:hover {padding-left: 30px;} .twitter {background-position: 0 -323px;} .facebook {background-position: 0 -347px;} .mdfooterlogo { float:left; margin:0 0 20px 0 ; width:350px; height:50px; background:url(../imgs/footer_logo.gif) no-repeat top left; padding:0 25px 0 90px;} #footerlinks {margin:0; padding:20px 0 0 0; clear:both; border-top:1px solid #333;} #footerlinks li {display:inline;} #supporters {padding:0 0 10px 0; float:left; height:50px;} #supporters ul {height:25px; margin:0 0 5px 0; padding:0; list-style:none; clear:both; width:567px;} #supporters li {float:left; margin:0; padding:0; text-indent:-900em;} #dakine a, #transition a, #fitness a, #hotpursuit a {height:25px; display:block;} #dakine a {width:146px; background:url(../imgs/backgrounds/supporters.gif) no-repeat 0 0; margin-right:20px; } #dakine a:hover {background-position: 0 -25px;} #transition a {width:184px; background:url(../imgs/backgrounds/supporters.gif) no-repeat -146px 0; margin-right:20px; } #transition a:hover {background-position: -146px -25px;} #fitness a {width:97px; background:url(../imgs/backgrounds/supporters.gif) no-repeat -330px 0; margin-right:20px; } #fitness a:hover {background-position: -330px -25px;} #hotpursuit a {width:78px; background:url(../imgs/backgrounds/supporters.gif) no-repeat -426px 0; } #hotpursuit a:hover {background-position: -426px -25px;} /* -------------- Tool Tips -------------- */ .error { padding:3px 0 0 15px; color: #FFF; font-weight: bold; background:url(../imgs/backgrounds/error.gif) no-repeat top left #c80404; height:16px; margin:0 0 10px 0} /* -------------- FAQs -------------- */ .faqs a {color:#000; text-decoration:none;} .faqs a:hover {color:#FA008F; text-decoration:underline;} ul.faqs {margin:0 0 10px 0; padding:0;} ul.faqs li {margin:0 0 5px 0; padding:0;} ul.faqs li a {font-weight:bold; margin:0 0 5px 0;} ul.faqs li ul {margin:5px 0 10px 0; padding:0} ul.faqs li ul li { background:url(../imgs/backgrounds/bulletpoint.gif) no-repeat 0px 2px; padding:0 0 3px 15px;} ul.faqs li div {border-bottom:1px dashed #999999; margin:7px 0 7px 0;} /* -------------- VIDEO LIST -------------- */ #videolist { width:595px; margin:15px 0 0 0; padding:0;} #videolist li { width:297px; margin:0; float:left; padding:0 0 10px 0;} #videolist li img {float:left; margin:0 10px 0 0 ; padding:0;} #videolist li h4 { margin:0 0 5px 0; font-weight:normal;} #videolist li p { margin:0 0 5px 0;} #videolist li a { color:#000; text-decoration:none; font-weight:normal;} #videolist li a:hover { color:#105cff; text-decoration:none;} /* -------------- NEW CSS -------------- */ input.submit {color: #FFF; text-decoration: none; background:url(../imgs/backgrounds/link_bg.gif) repeat-x 0 0 #1b9dc6; height:21px; display:block; padding:0px 10px 0 10px; border:1px solid #0b81a6; width:auto; font-size:12px;} .button {color:#FFF !important; text-decoration:none; background:url(../imgs/backgrounds/link_bg.gif) repeat-x 0 0 #1b9dc6; height:17px; padding:4px 5px 3px 5px; border:1px solid #0b81a6; width:100px; font-size:12px; text-align:center;} #maincolumnleft {background:#FFF; margin:0 0 10px 0; padding:6px; float:left; width:595px; border:1px solid #CCC; position:relative; z-index:0;} #maincolumnmiddle {float:left; width:314px; margin:0 0 0 10px; padding:0;} #rightcolumnads { width:134px; padding:0px; margin:0 0 0 10px; float:left;} #temptwocolleft { margin:0; padding:6px; position:relative; width:776px; float:left; border:1px solid #ccc; background:#FFF;} #temptwocolleft h2 {color:#333; margin:0 0 15px 0; padding:0;font-weight:100;font-size:26px;} #maincolumnleft h2 {color:#333; margin:0 0 15px 0; padding:0;font-weight:100;font-size:26px;} #breadcrumbs {background:#FFF; font-size:11px; padding:6px 0 0 0; margin:0; width:560px; float:left;} #breadcrumbs ul {background: url(../imgs/icons/icons.gif) no-repeat; background-position: 0 -240px; margin:0; padding:0 0 0 15px;} #breadcrumbs li {display:inline; margin:0; padding:0 5px 0 5px; color:#999; border-right:1px solid #ccc;} #breadcrumbs li a {color:#24b0e5; text-decoration:none;} #breadcrumbs li a:hover {color:#24b0e5; text-decoration:underline;} #inttabs { margin:0 0 15px 0; padding:0; clear:both; border-bottom:15px solid #000; height:25px;} #inttabs ul {margin:0 0 0 5px; padding:0; height:25px;} #inttabs ul li {display:inline;} #inttabs ul li a:link, #inttabs ul li a:visited {display:block; height:25px; float:left; background: url(../imgs/backgrounds/navtab_right.gif) top right no-repeat; margin: 0 1px 0 1px; font-family: "verdana", sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; color:#fff;} #inttabs ul li a span {display: block;height: 20px; float: left; /* IE 6 Fix */ padding: 5px 10px 0px 10px; background: url(../imgs/backgrounds/navtab_left.gif) top left no-repeat;} #inttabs ul li a:hover {background-position: bottom right;} #inttabs ul li a:hover span {background-position: bottom left; color: #FFF; cursor: pointer; /* Remind IE which cursor to use! */} #inttabs ul li a#active {background-position: bottom right;} #inttabs ul li a#active span {background-position: bottom left; color: #FFF; cursor: pointer; /* Remind IE which cursor to use! */} .midpanel {width:300px; background:#FFF; padding:6px; margin:0 0 10px 0; border:1px solid #ccc; font-size:12px;} .midpanel ul {list-style:none; margin:10px 0 0 0; padding:0; font-size:12px;} .midpanel li {margin:0; padding:0 0 5px 0; color:#000;} .midpanel a { text-decoration:none; color:#105cff;} .midpanel a:hover { text-decoration:underline; color:#105cff;} .grey_panel {margin:0 0 15px 0; padding:7px; font-size:12px; color:#333; background:#f0f0f0;} .grey_panel p { margin:0; padding:0 0 7px 0;} .grey_panel p a { text-decoration:none; color:#105cff;} .grey_panel p a:hover { text-decoration:underline; color:#105cff;} .grey_panel ul { margin:0; padding:0; list-style:none;} .grey_panel li { margin:0 0 3px 0; padding:0 0 0 15px;} .teamcontacts {list-style:none; margin:0px 0 15px 0; padding:10px 0 10px 0; background-color:#f0f0f0;} .teamcontacts li {width:148px; margin:0; padding:0; float:left; text-align:center;} .teamcontacts li img { border:1px solid #666; margin:5px 0 5px 0;} .teamcontacts li a { text-decoration:none; color:#105cff;} .teamcontacts li a:hover { text-decoration:underline; color:#105cff;} .teamcontacts li p { margin:0; padding:0;} #usefullinkslist { list-style:none; margin:0; padding:0; font-size:11px;} #usefullinkslist li {float:left; width:290px; margin:0 0 4px 0; padding:0} #usefullinkslist li a { text-decoration:none; color:#000;} #usefullinkslist li a:hover { text-decoration:underline; color:#105cff;} #searchtable { width:300px; margin:10px 0 0 0; padding:0; font-size:11px;} #searchtable td {padding:0 0 5px 0; margin:0;} #searchtable .col1 {width:100px; font-weight:bold; vertical-align:top;} #searchtable td input, select {width:195px !important; margin:0;} #searchtable td .submit {width:auto!important; } .userstable { padding:0; margin:0 0 7px 0; width:595px;} .userstable td {text-align:left; padding:0 0 6px 0; vertical-align:top;} .userstable .col1 {width:50px;} .userstable .col2 {width:220px;} .userstable a { text-decoration:none; color:#105cff; font-weight:bold;} .userstable a:hover { text-decoration:underline; color:#105cff;} .userpic {border:1px solid #999;} #headertop { height:218px; background:url(../imgs/backgrounds/header_bg.gif) repeat-x; padding:0; margin:0; position:relative; z-index:10;} #mordirtlogo {float:left; width:355px; margin:0; padding:0; text-align:left; background:url(../imgs/backgrounds/logo_bg.jpg) no-repeat;} #leaderboardslot { width:728px; border:1px solid #CCC; padding:6px; background:#FFF; float:left; margin:14px 0 0 0; height:90px;} #usernav {height:35px; position:relative; color:#FFF; width:1097px; padding-top:7px; z-index:10;} #followus {position:absolute; top:10px; right:0px;} #followus li { margin:0 0 0 10px; display:inline; vertical-align:middle;} #usersleftcol {width:150px; margin:0; padding:0; float:left;} #usersleftcol a {text-decoration:none; color:#105cff;} #usersleftcol a:hover {text-decoration:underline; color:#105cff;} #usersleftcol span {line-height:18px;} #usersmaincol {float:left; width:423px; margin:0 0 0 20px; padding:0;} .aligncentre { text-align:center;} #maintabs { margin:0; padding:0; clear:both; position:absolute; bottom:0px; left:0px;} #maintabs ul {margin:0; padding:0;} #maintabs ul li {display:inline;} #maintabs ul li a:link, #maintabs ul li a:visited {display:block; height:39px; float:left; background: url(../imgs/backgrounds/tabnav_right.gif) top right no-repeat; margin: 0 2px 0 0px; font-family: "verdana", sans-serif; font-size: 11px; font-weight:bold; text-decoration: none; color:#fff;} #maintabs ul li a span {display: block;height: 32px; float: left; /* IE 6 Fix */ padding: 7px 10px 0px 10px; background: url(../imgs/backgrounds/tabnav_left.gif) top left no-repeat;} #maintabs ul li a:hover {background-position: bottom right; color:#333;} #maintabs ul li a:hover span {background-position: bottom left; color: #333; cursor: pointer; /* Remind IE which cursor to use! */} #maintabs ul li a#active {background-position: bottom right;} #maintabs ul li a#active span {background-position: bottom left; color: #333; cursor: pointer; /* Remind IE which cursor to use! */} #subnavigation { background:#FFF; height:32px; border-bottom:1px solid #CCC; clear:both; padding:7px 0 0 0; margin:0;} #accountpanel {width:525px; margin:0 0 6px 0; padding:2px 0 0 7px; color:#666; font-size:11px; font-weight:bold; float:left; text-align:right;} #accountpanel td { padding:0; vertical-align:middle;} #accountpanel .col1 {width:67px;} #accountpanel .col2 {padding:0 8px 0 0;} #accountpanel input { width:120px; margin:0 8px 0 0; font-size:11px;} #accountpanel ul {margin:0; padding:0 0 5px 0px; list-style:none; width:380px;} #accountpanel ul li {margin: 2px 15px 6px 0; padding: 0; line-height:18px; background: url(../imgs/icons/icons.gif) no-repeat; float:left} #accountpanel ul li a {padding-left: 20px; color:#666; text-decoration:none;} #accountpanel ul li a:hover {padding-left: 20px; color:#105cff; text-decoration:none;} #userprofile { background-position: 0 -252px!important; } #useraccount { background-position: 0 -270px!important; } #usermessages { background-position: 0 -288px!important; } #userhub { background-position: 0 -305px!important; } #accountpanel .blankitem { background-image:none!important; margin-right:0px!important;} #manufacturerlist { list-style:none; margin:15px 0 10px 0; padding:0; font-size:11px; width:595px;} #manufacturerlist li {float:left; width:198px; margin:0 0 4px 0; padding:0; color: #666;} #manufacturerlist li a { text-decoration:none; color:#000;} #manufacturerlist li a:hover { text-decoration:underline; color:#105cff;} .prodcatcol { width:198px; float:left; margin:0; padding:0;} .prodcatlist { list-style:none; margin:15px 0 10px 0; padding:0; font-size:11px; width:198px;} .prodcatlist li {width:198px; margin:0 0 4px 0; padding:0;} .prodcatlist li span { color:#666;} .prodcatlist li a { text-decoration:none; color:#000;} .prodcatlist li a:hover { text-decoration:underline; color:#105cff;} .skyscrapperad { width:120px; padding:6px; margin:0 0 10px 0; background:#FFF; border:1px solid #CCC;} .featuredtoday {float:left; width:140px; font-size:11px; margin:0; padding:0;} .featuredtoday p { margin:0 0 4px 0; padding:0; text-align:center;} .featuredtoday img { margin-bottom:5px;} .featuredtoday p a { font-weight:bold;} /* -------------- Trail Filters -------------- */ .trailfilters { margin:0 0 20px 0; padding:0;} .trailfilters li {background:url(../imgs/backgrounds/filter_arrow.gif) no-repeat 0 4px; padding:0 0 0 15px; width:15px; float:left; width:175px;} .trailfilters select {margin-right:10px; width:150px!important; } #latestgear { width:300px; margin:0; padding:0;} #latestgear li img { float:left; margin:0 10px 0 0; border:1px solid #CCC;} #latestgear li {border-bottom:1px dashed #CCC; padding:10px 0 10px 0; width:330px;} #latestgear li h2 { margin:0 0 5px 0; padding:0; font-size:12px;} #latestgear li h2 a { color:#000; text-decoration:none;} #latestgear li h2 a:hover { color:#105cff; text-decoration:none;} #latestgear li div { width:190px; margin:0; padding:0; float:left;} #latestgear li p { margin:0; padding:0; font-size:11px!important; color:#666; font-style: italic;} /* -------------- Events -------------- */ .eventslist { width:593px; margin:0; padding:0; overflow:hidden;} .eventslist li {width:593px; border-bottom:1px solid #CCC; padding:10px 0 10px 0;} .eventslist li img {float:left; border:4px solid #ccc; margin-right:15px;} .eventslist li div {float:left; width:480px;} .eventslist li p { margin:0 0 5px 0;} .eventslist li h3 { margin:0 0 4px 0;} .eventslist li a { color:#105cff; text-decoration:none;} .eventslist li a:hover {text-decoration:underline;} .pagenavi { width:593px; clear:both; margin-top:20px;} .pagenavi li { display:inline; margin-right:4px;} .pagenavi li a { border:1px solid #b3b3b3; background:#f2f2f2; color:#333; padding:3px 7px; text-decoration:none;} .pagenavi li a:hover {border:1px solid #0b81a6; background:url(../imgs/backgrounds/link_bg.gif) repeat-x 0 0 #1b9dc6; color:#FFF;} .pagenavi li .current {border:1px solid #0b81a6; background:url(../imgs/backgrounds/link_bg.gif) repeat-x 0 0 #1b9dc6; color:#FFF;} .eventslistsm { width:300px; margin:0; padding:0; overflow:hidden;} .eventslistsm li {border-bottom:1px solid #CCC; padding:7px 0 4px 0; margin:0; overflow:hidden;} .eventslistsm li img {float:left; border:1px solid #CCC; float:left; margin:0 10px 0 0;} .eventslistsm li div {width:243px; float:left; margin:0; padding:0;} .eventslistsm li h4 {margin:0 0 4px 0; padding:0; font-size:11px;} .eventslistsm li p {margin:0 0 4px 0; padding:0; font-size:11px;} /* -------------- Content Deatils -------------- */ .contentdetails { width:300px; font-size:11px; margin-bottom:10px; } .contentdetails td {padding:10px 0 10px 0; border-bottom:1px dotted #CCC;} .contentdetails .col1 {width:50px; vertical-align:top;} .contentdetails .col1 img { border:1px solid #666;} .contentdetails p {margin:0 0 3px 0;} .contentdetails label { font-weight:bold;} .contentdetails input {width:290px!important;} /* -------------- Top Buttons -------------- */ a.topbutton { /* Sliding right image */ background: transparent url('../imgs/backgrounds/buttontab_right.gif') no-repeat scroll top right; display: block; float: left; height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 10px; padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ text-decoration: none; color: #FFF; font-size:11px; font-weight:bold; } a.topbutton span { /* Background left image */ background: transparent url('../imgs/backgrounds/buttontab_left.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0 0 5px 12px; } a.topbutton:hover span{ color:#24b0e5; } a.topbuttonaccount {background: transparent url('../imgs/backgrounds/buttontab_right_2.gif') no-repeat scroll top right; display: block; height: 25px;margin-right: 0px; padding-right: 36px; text-decoration: none; color: #FFF; font-size:11px; font-weight:bold;} a.topbuttonaccount span { /* Background left image */ background: transparent url('../imgs/backgrounds/buttontab_left_2.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 2px 0 5px 30px; } a.topbuttonaccount:hover span{ color:#24b0e5; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index:10px; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 99%; /* left offset of submenus need to match (see below) */ background:#000; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; padding:0 0 5px 0; } .sf-menu ul li { width: 99%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li a {padding:5px 7px 5px 7px; color:#FFF; text-decoration:none;} ul.sf-menu li li a:hover {text-decoration:none; color:#24b0e5;} #featured_news {margin-bottom:20px; margin-top:10px; height:200px;} #featured_news ul {width: 293px; margin:0; padding:0;} #featured_news li {width:281px; padding:5px 7px 5px 7px; height:30px; background:#000 url(../imgs/backgrounds/featured_news_bg.jpg) repeat-x 0 0;} #featured_news li h1 { margin:0 0 3px 0; padding:0;} #featured_news li p {margin:0; padding:0; color:#FFF; font-weight:normal; font-style:italic; font-size:10px; color:#999;} #featured_news li h1 a { font-size:11px; margin:0; padding:0; color:#FFF; text-decoration:none;} #featured_news li.current { background-color: #24b0e5; padding:5px 7px 5px 7px; background-image:none; } #featured_news li.current p { color:#FFF;} #featured_news ul li, #featured_news a { font-size: 10px; } #map_canvas { width: 100%; height: 500px; } #trail-lookup { background: #252525; padding: 26px 5px; margin-bottom: 16px; background-image: linear-gradient(to bottom,#4b4b4b,#191919); border-bottom: 4px solid #24b0e5; } #trail-lookup #trail-lookup-input { width: 100%; padding: 6px 8px; background: #eee; border: 1px solid rgba(255,255,255,0.1); } #trail-lookup #trail-lookup-results { display: block; width: 100%; background: #fff; } #trail-lookup #trail-lookup-results a { display: block; text-align: left; padding: 4px 8px; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.15); color: #333; font-size: 12px; font-weight: 600; } #trail-lookup .container { position: relative; width: 100%; }