body{margin:0; font:normal 62.5% Arial, Helvetica, sans-serif; background:#000; color:#FFF;}
img{border:none;}
a{color:#fff; outline:none;}
#container{width:938px; margin:89px auto;}
#header{width:938px; height:140px; background:url(../images/header.jpg) no-repeat;}
#header #topnav{float:right;}
#header #topnav ul{margin:5px 15px 0 0;padding:0;}
#header #topnav ul li{float:left; list-style:none; border-right:1px solid #000; font:bold 1.1em/2.1em Arial, Helvetica, sans-serif;}
#header #topnav ul li a{color:#f2d3cc; text-decoration:none; padding:0px 8px 0px 8px; display:block;}
#header #topnav ul li.last{border:none;}
#header #topnav ul li a:hover, #header #topnav ul li .active{color:#fff;}
#header #topnav ul li.join_mailinglist{line-height:0;}
#header #topnav ul li.join_mailinglist a{background:url(/images/join-mailing.gif) no-repeat 10px 0; width:118px; height:20px; text-indent:-30000px}
#header #topnav ul li.join{line-height:0;}
#header #topnav ul li.join a{background:url(/images/join-now-2.gif) no-repeat 10px 0; width:123px; height:20px; text-indent:-30000px}
#header #nav{float:right; clear:both; width:927px;}
#header #nav ul{margin:85px 15px 0 0;padding:0; float:right;}
#header #nav ul li{float:left; list-style:none; font:bold 1.1em Arial, Helvetica, sans-serif; text-transform:uppercase;}
#header #nav ul li a{color:#ca0004; text-decoration:none;padding:0px 6px 0px 6px; display:block;}
#header #nav ul li a:hover, #header #nav ul li #active{color:#fff;}
#header #subnav{float:right; clear:both;}
#header #subnav ul{margin:10px 20px 10px 10px;}
#header #subnav ul li{float:left;  background:url(http://www.spyderclub.co.uk/images/sub-bg.jpg) no-repeat;list-style:none; font:bold 1.1em Arial, Helvetica, sans-serif; margin-left:2px; padding:8px 10px 30px 10px; display:block;}
#header #subnav ul li a{color:#fff; text-decoration:none; color:#666;}
#header #subnav ul li a:hover, #header #subnav ul li a.active{color:#fff;}

#col01{float:left;min-width:300px;}
* html #col01{width:300px; z-index:0; position:relative;}
#col01 h1{color:#fff; font:normal 2em Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding-top:30px; background-color:#1b0101; padding-left:3px;}
#col01 .bikes{width:938px;}
#col01 .bikes td{background-color:#1a1a1a; color:#bbbbbb;font:bold 1.2em/1.4em Arial, Helvetica, sans-serif;}
#col01 .bikes th{background-color:#1a1a1a; color:#fff; text-align:left;font:bold 1.2em/1.4em Arial, Helvetica, sans-serif;}
#col01 h2{font:bold 1.7em Arial, Helvetica, sans-serif; color:#ca0004; margin-top:20px;margin-bottom:5px;}
#col01 p{font:normal 1.3em/1.7em Arial, Helvetica, sans-serif; color:#FFFFFF;margin:8px 0 8px 20px; }
#col01 p a{color:#fff;}
#col01 p a:hover{text-decoration:none;}

#col02hp{width:935px;}
#col02hp .article{width:640px; float:left;}
* html #col02hp .article{width:640px; float:left;}
#col02hp .article .video{width:590px; margin:0 0 0 40px;}
#col02, #col02span{float:left; width:500px; }

#col02 h1, #col02span h1, #col02hp h1{font:bold 2em Arial, Helvetica, sans-serif; color:#fac800;margin:32px 0 0 42px;}
#col02hp h1 a{color:#fac800; text-decoration:none;}
#col02hp h1 a:hover{text-decoration:underline;}
* html #col02 h1{margin-left:40px;}

#col02 h1.spider, #col02span h1.spider, #col02hp h1.spider{background:url(../images/spyder-club.gif) no-repeat; width:245px; height:23px; text-indent:-3000px; }
#col02 h2, #col02span h2, #col02hp h2{font:bold 1.7em Arial, Helvetica, sans-serif; color:#9a0008;margin:5px 0 15px 42px;}
#col02hp h2 a{color:#9a0008; text-decoration:none;}
#col02hp h2 a:hover{color:#666;}
* html #col02 h2{margin-left:40px;}

#col02 p, #col02 ul, #col02span p, #col02span ol, #col02hp ul, #col02hp p{font:normal 1.3em/1.7em Arial, Helvetica, sans-serif; color:#FFFFFF;margin:8px 10px 8px 42px; width:380px;}
#col02hp ul{padding-left:42px;margin-left:30px;}
#col02hp p{width:auto;}
#col02span p{width:890px;font:normal 1.2em/1.6em Arial, Helvetica, sans-serif; color:#e7e7e7;}
#col02span p strong{ font-size:1.1em; color:#9a0008;}
#col02span ol p{font-size:1em;width:700px; color:#fff;margin-left:0;}
#col02span ol li{color:#ca0004; width:800px; }
#col02span ol li p{font-size:1em; margin-left:0;} 
#col02span ol ul{margin-left:0px;}
#col02span ol ul li{font-size:0.8em; list-style:disc; color:#fff;}
#col02 ul, #col02 ol{padding-left:35px;margin-left:40px;}
#col02 a{font-weight:bold; color:#fff;}
#col02 a:hover{color:#ccc; text-decoration:none;}
#col02 .poss{margin-left:42px;}
#col02 table{ font:normal 1.2em Arial, Helvetica, sans-serif; width:500px; }
#col02 table h4{font-size:1.5em; margin-bottom:0;margin-top:0;}
#col02 table h2{margin-left:0;}
#col02 table table{ font:normal 1em Arial, Helvetica, sans-serif; width:auto; }
#col02 table th{text-align:left; color:#fac800; font-weight:bold;}
#col02 table th a{color:#fac800; text-decoration:none;}
#col02 table th a:hover{text-decoration:underline; color:#fff;}
#col02 table td,  #col02span table td{color:#999;background-color:#1c1c1c; }
#col02 table td{color:#fff;}
 #col02span table{ font:normal 1.2em Arial, Helvetica, sans-serif; width:500px; margin-left:40px; }
#col02span table td{background-color:#333; color:#fff; padding:3px;}
#col02span table.tbl_faq{margin-left:0; font:normal 1em Arial, Helvetica, sans-serif;}
#col02span table.tbl_faq th{color:#999; text-align:left; background-color:#333;}
#col02 .small{font-size:1.1em;}


/* ---- Forms ----*/

#col02 fieldset{border:1px solid #333; margin-top:30px; margin-left:20px; padding:10px;}
#col02 legend{font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff;}
#col02 label{color:#fff; float:left; width:115px; padding-top:0px;font:normal 1.1em Arial, Helvetica, sans-serif;  clear:both;}
#col02 label.grey{color:#999;}
#col02 input, #col02 textarea{float:left; width:200px; border:none; padding:2px; margin-top:2px;  }
#col02 textarea{height:60px;}
#col02 .submit{clear:both; width:auto; float:right;border:1px solid #fff; background-color:#000; color:#fff; font:normal 1.1em Arial, Helvetica, sans-serif; padding:3px 8px 3px 8px; margin-right:10px;}
#col02 fieldset p{clear:both;margin:0;padding:0; float:none; }
#col02 #register{}
#col02 #register form{margin:0;padding:0; width:500px;}
* html #col02 #register form{width:480px; overflow:hidden;}

#col02 #register fieldset{ margin-bottom:15px; width:500px;}
* html #col02 #register fieldset{width:480px;}

#col02 #register legend{padding:5px;}
#col02 #register label{width:270px; padding-top:3px;}
#col02 #register .submit{border:1px solid #fff; background-color:#000; color:#fff; font:normal 1.1em Arial, Helvetica, sans-serif; padding:3px 8px 3px 8px; margin-bottom:8px; margin-right:0px;*margin-right:40px; margin-top:5px; width:80px;}
#col02 #register p{text-align:right; color:#FFCC00; font:bold 1.1em/1.6em Arial, Helvetica, sans-serif; text-transform:uppercase; margin:3px 5px 3px 3px ; width:470px;}
#col02 input.checkbox{width:auto; margin:2px 0 0 0;padding:0; border:none;}
#col02 input.termscheck{margin-top:20px; margin-left:10px;}
#col02 input.radio{width:auto;}

#terms{width:500px; height:300px; overflow:auto; float:left; clear:both; background:#f7f7f7;}
#col02 #register div#terms p{ color:#000; width:450px; font-weight:normal; text-align:left; padding:8px;margin:0; float:left; text-transform:none; float:none; clear:both;}
#col02 #register div#terms table{float:none; clear:both; background-color:#fff; width:400px; margin-left:8px; border:#999999;}
#col02 #register div#terms td{background:#fff; padding:3px; color:#000;}

#col02 #mailinglist{}
#col02 #mailinglist form{margin-left:20px;}
#col02 #mailinglist label{width:60px; float:left;}
#col02 #mailinglist label strong{color:#FFCC00; font-weight:bold;}
#col02 #mailinglist fieldset p{margin-left:60px;}
#col02 #mailinglist p{color:#FFCC00; font:bold 1.1em/1.6em Arial, Helvetica, sans-serif; text-transform:uppercase; margin:3px 5px 3px 25px ;}


.group{ background-color:#230202;margin-bottom:15px;}
.group h1{color:#fff; font:normal 2em Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding-top:30px; background-color:#1b0101; padding-left:3px;}
.group h2{margin-left:3px;}

#col01 .group2{ background-color:#2d1a00; margin-bottom:15px;}
#col01 .group2 h1{color:#fff; font:normal 2em Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding-top:30px; background-color:#231606; padding-left:3px;}
#col01 .group2 h2{margin-left:3px; /*color:#e88300;*/}


/* ---- Membership ----*/
#members{}
#content #members #col01_1{ float:left; width:180px;}
#content #members #col01_1 table{color:#666; text-align:left; margin-bottom:10px; font:normal 1.1em Arial, Helvetica, sans-serif;}
#content #members #col01_1 h2{color:#ccc; font:normal 1.2em Arial, Helvetica, sans-serif
;}
#members h2{margin-left:0;}
#content #members #col01_1 ul{list-style:none;margin:0;padding:0;}
#content #members #col01_1 ul li{ font:normal 1.1em Arial, Helvetica, sans-serif; margin-bottom:1px;}
#content #members #col01_1 ul li a{width:150px; display:block; background-color:#ccc; text-decoration:none; color:#000; padding:3px 8px 3px 8px;}
#content #members #col01_1 ul li a:hover, #content #members #col01_1 ul li .active{color:#fff; background:#9a0008; }

#members a:hover{color:#666;}
#members #col02 {width:740px;}
#members #col02 #row01{float:left;}
#members #col02 #row01 #col02_1, #members #col02 #row01 #col02_2, #members #col02 #row02 #col02_3, #members #col02 #row02 #col02_4{ float:left;}
#members #col02 #row01 #col02_2, #members #col02 #row02 #col02_3, { }
#members #col02 #row01 #col02_1 table, #members #col02 #row01 #col02_2 table{ width:430px;}
 #members #col02 #row01 #col02_4, #members #col02 #row01 #col02_4 table, #members #col02 #row01 #col02_5, #members #col02 #row01 #col02_5 table{ width:430px; clear:both; float:left;}
  #members #col02 #row01 #col02_4 h2{margin-top:10px;margin-bottom:0;}
#members #col02 #row02 #col02_3,#members #col02 #row02 #col02_3_1{width:140px; float:left;} 
#members #col02 #row02 #col02_3 h1,#members #col02 #row02 #col02_3_1 h1{font-size:4em; text-align:center; margin:0;}
#members #col02_3 h2, #col02_3_1 h2{ font-size:1.4em; text-align:center; margin:0;}

#members #col02 #row02{float:left;}
#members #col02 #row02 #col02_3 h3{font-size:3em; text-align:center; margin:0; color:#666;}
#members #col02_3 h4{ font-size:1.2em; text-align:center; margin:0; color:#4d0004;}
#members #col02_3{ margin-left:10px; }
#members #col02_3, #col02_3_1{margin-top:40px;}
#members #col02{margin-left:10px;  float:left;}


#members #col02 label{color:#fff; float:left; width:100px; padding-top:5px;}
#members #col02 input{float:left;}
#booknow{cursor:pointer; background:#9a0008; padding:5px 3px 5px 3px;width:100px; display:block; margin:0;}
a#booknow:hover{background:#666; color:#fff;}

#forgot_pass{background-color:#9a0008; float:left; padding:5px; width:315px;}
#forgot_pass input{float:left;}
#errmsg{color:#9a0008;}
.profile{width:120px;}

#row01 .active td{background-color:#9a0008; color:#fff;}

/* hp styles */

#col02hp .article .join_the_club, #col02 .join_the_club{width:328px; height:220px; background:url(/images/join-now-bg.gif) no-repeat; float:left; margin-left:45px}
#col02 .join_the_club{margin-left:110px;}
* html #col02 .join_the_club{margin-left:56px;}

#col02hp .article .join_the_club h3, #col02 .join_the_club h3{color:#ca0004; font:bold 15px/15px Arial, Helvetica, sans-serif;margin:27px 0 0 15px;}
#col02hp .article .join_the_club p, #col02 .join_the_club p{ font:bold 13px/16px Arial, Helvetica, sans-serif; margin: 5px 0 0 15px; color:#333;}
#col02hp .article .join_the_club p strong, #col02 .join_the_club p strong{color:#ca0004;}
#col02hp .article .join_the_club h4, #col02 .join_the_club h4{font:bold 13px/15px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; text-indent:37px; margin:0 0 0 6px; padding-top:14px;}
#col02hp .article .join_the_club h4 a, #col02 .join_the_club h4 a{width:237px; display:block; text-decoration:none; color:#000; padding-top:7px}
#col02hp .article .join_the_club h4 strong, #col02 .join_the_club h4 strong{color:#ca0004; font-weight:bold;}

/* -corp */

#col02 .join_the_club_corp{width:338px; height:221px;  background:url(/images/join-corp-bg.gif) no-repeat; float:left; margin-left:80px}
#col02 .join_the_club_corp{margin-left:30px;}
* html #col02 .join_the_club_corp{margin-left:56px;}

#col02 .join_the_club_corp h3{color:#ca0004; font:bold 15px/15px Arial, Helvetica, sans-serif;margin:30px 0 10px 25px;}
#col02 .join_the_club_corp p{ font:bold 13px/16px Arial, Helvetica, sans-serif; margin: 5px 0 5px 25px; color:#333; width:400px;}
#col02 .join_the_club_corp p strong{color:#ca0004;}
#col02 .join_the_club_corp h4{font:bold 13px/15px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; text-indent:37px; margin:0 0 0 10px; padding-top:14px;}
#col02 .join_the_club_corp h4 a{width:237px; display:block; text-decoration:none; color:#000; padding-top:7px}
#col02 .join_the_club_corp h4 strong{color:#ca0004; font-weight:bold;}

#col02hp .col03hp{width:265px; float:left;margin-top:95px; margin-left:0px;}

#col02hp .road_bikes{ float:left;}
#col02hp .road_bikes img, #col02hp .track_bikes img{border:none; display:block;}
#col02hp .road_bikes h1, #col02hp .track_bikes h1, #col02hp .event h1{ clear:both; float:left; background:url(/images/hp-title-bg.jpg) no-repeat;  font:bold 1.5em/1.2em Arial, Helvetica, sans-serif; width:129px; height:26px;margin:1px 0 0 3px;padding:0; float:left;}
#col02hp .road_bikes h1 a, #col02hp .track_bikes h1 a{color:#fac800;margin:0;padding:5px 0 0 5px; text-decoration:none; display:block;}
#col02hp .road_bikes h1 a:hover, #col02hp .track_bikes h1 a:hover{text-decoration:underline;}
#col02hp .track_bikes{margin-left:0px;width:129px; float:left;}
 
 #col02hp .event{margin-left:1px;width:129px; float:left;}
#col02hp .event h1 a{color:#fac800;margin:0;padding:5px 0 0 5px; text-decoration:none; display:block;}
#col02hp .event h1 a:hover{text-decoration:underline;}
 
 #col02hp .col03hp .latestnews{float:left;margin-left:3px;border-bottom:1px solid #fac800;}
 #col02hp .col03hp .latestnews h3{font:bold 1.7em Arial, Helvetica, sans-serif; color:#fff; margin-top:10px; margin-bottom:8px;}
 #col02hp .col03hp .latestnews h1{font:bold 1.1em Arial, Helvetica, sans-serif; color:#cb0004;margin:0;}
 #col02hp .col03hp .latestnews h1 a{color:#cb0004; text-decoration:none;}
 #col02hp .col03hp .latestnews h1 a:hover{text-decoration:underline;}
 #col02hp .col03hp .latestnews p{font:normal 1.1em/1.2em Arial, Helvetica, sans-serif; color:#999;margin:0 0 8px 0;}
 #col02hp .col03hp .latestnews p a{font-weight:bold; text-decoration:none;}
 #col02hp .col03hp .latestnews p a:hover{text-decoration:underline;}

#col02hp .col03hp .events h3{margin-top:10px;padding-top:10px;border-top:1px solid #fac800;}



 #col02hp .col03hp .latestpress{float:left;margin-left:5px;margin-top:5px; margin-bottom:10px;}
 #col02hp .col03hp .latestpress h3{font:bold 1.7em Arial, Helvetica, sans-serif; color:#cb0004; margin-top:8px; margin-bottom:8px;}
 #col02hp .col03hp .latestpress h2{font:bold 1.1em Arial, Helvetica, sans-serif; color:#fac800;margin:8px 0 0 0;}
 #col02hp .col03hp .latestpress h2 a{color:#fac800; text-decoration:none;}
 #col02hp .col03hp .latestpress h2 a:hover{text-decoration:underline;}
 #col02hp .col03hp .latestpress h1{font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;margin:0; color:#fff;}
 #col02hp .col03hp .latestpress h1 a{text-decoration:none;}
 #col02hp .col03hp .latestpress h1 a:hover{text-decoration:underline;}
 
 /* WHat it costs? */
 
 #col02 table.cost{width:410px;}
  #col02 table.cost td.sp{ color:#fff; background-color:#000; vertical-align:bottom; padding:0; }
  #col02 table td.sp p{font:normal 1.1em/1.6em Arial, Helvetica, sans-serif;margin:0; padding:0 0 3px 8px; width:auto;color:#fff;  }
  #col02 table td.sp strong{padding-bottom:10px;}
  #col02 table.cost td.sp1{background:url(/images/sp-bg.gif) repeat-x #000 right top; width:124px; padding:7px 0 5px 8px; color:#fff;}
  #col02 table.cost td.sp2{background:url(/images/sp-bg.gif) repeat-x #000 right top;width:124px; padding:7px 0 5px 8px; color:#fff;}
   #col02 table td.sp2side{background:url(/images/sp2-bg.gif) repeat-x #000;}
  #col02 table td.sp2 p{font:bold 1.1em Arial, Helvetica, sans-serif;}
  #col02 table.cost td.sp3{background:url(/images/sp-bg.gif) repeat-x #000 right top;width:124px;padding:7px 0 5px 8px; color:#fff; }
  #col02 table td.sp3side{background:url(/images/sp3-bg.gif) repeat-x #000;}
  #col02 table td.sp3 p{font:bold 1em Arial, Helvetica, sans-serif;}
  #col02 table td.taste{background:url(/images/taste-bg.gif) repeat-x #000;width:101px;padding-bottom:0px; }
  #col02 table td.taste p{font:bold 0.8em Arial, Helvetica, sans-serif; text-align:left; margin-left:0; padding-left:6px;}
  #col02 table.cost{margin-left:45px; z-index:99; position:relative;}
  * html #col02 table.cost {margin-left:40px;}
  
  #col02 table.cost td{padding:5px 8px 5px 8px; border-top:1px solid #000;}
  #col02 table.cost td.monthhead{background:url(/images/monthly-bg.gif) repeat-x;}
  #col02 table.cost td.monthhead h2{ width:280px;font:bold 1.2em Arial, Helvetica, sans-serif;margin:0;padding:0 0 3px 8px; color:#000;}
  #col02 table.cost th{padding:0px; text-align:center;border-top:1px solid #000;}
  #col02 table.cost th p{margin:0;border:1px solid #333; width:auto; font:bold 1em/1.6em Arial, Helvetica, sans-serif;padding:5px 8px 5px 8px; color:#fac800; width:54px;}
  #col02 table.cost th.red p{border:1px solid #ba0004; color:#ba0004;}
  #col02 table.cost th.yellow p{border:1px solid #ffd800; color:#ffd800;}
  #col02 table.cost th.green p{border:1px solid #5a920b; color:#5a920b;}
  #col02 table.cost th.orange p{border:1px solid #f17d00; color:#f17d00;}
  #col02 table.cost td.hilight{background-color:#ba0004; font-weight:bold;margin-bottom:1px; }
  
    #col02 table.cost td.yellow{background-color:#e3c602}
	 #col02 table.cost td.green{background-color:#5a920b;}
	  #col02 table.cost td.orange{background-color:#f19f00}
  
 /* Gallery */
 #gallery{width:900px;}
 #gallery ul{margin:0 0 0 40px;padding:0 0 30px 0;list-style:none;width:900px; float:left;}
 #gallery ul li{ float:left;margin:10px 10px 0 0;}
 #gallery ul li a{ border:3px solid #333; display:block;}
 #gallery ul li a:hover{border:3px solid #fff;} 
 
 /* Partners */
 .partners{ width:0px; margin-top:10px;}
 .partners td{padding:0;}
 .partners td a{border:2px solid #eae6e6; display:block;}
 .partners td a:hover{ border:2px solid #ba0004;}
  .partners th{padding:0; font-weight:normal;}
  .partners th a{color:#eae6e6; text-decoration:none;}
  .partners th a:hover{text-decoration:underline;}
	  
 
 .footer{ clear:both;padding-top:30px;}
 .footer p{clear:both; text-align:right; font:bold 0.9em Arial, Helvetica, sans-serif;padding:16px; color:#ccc;}
.footer .threebit{clear:both; float:right;margin-top:3px;}
.footer .threebit h1{font:normal 1em Arial, Helvetica, sans-serif;}
.footer .threebit h1 a{color:#e7e7e7; text-decoration:none;background-color:transparent;background-image:url(/images/3bit.png);display:block;float:right;height:25px;text-indent:-50000px;width:187px;margin:0 16px 10px 10px;}
.footer .threebit h1 a:hover{background-position:0 -24px;}
.footer .social{float:left;margin-left:10px;}
.footer .social a{margin-left:10px;}
#logos{float:right;}


/* zone map */
#map_canvas {border: 1px solid black; border-width: 0 1px 1px 0; margin-top:85px;
  float: left; width: 400px; height: 400px;}

#opd{clear:both; width:100%;}
#opdt{width:100%;}
#opdt th {cursor: pointer;}
#opdt th:hover{color:#666;}
#opdt th {text-align:left;}
.unshown{color:#666;}
.zone4{background-color:#ba0004; width:10px; }
.zone3{background-color:#f17d00;width:10px; }
.zone2{background-color:#5a920b;width:10px;}
.zone1{background-color:#ffd800;width:10px; }

/* Banner */
.banner_container{position:fixed; width:100%; background:url(/images/banner-bg.jpg) repeat-x; left:0; top:0; z-index:999;}
.banner_new{}
.banner{width:938px; margin:0 auto;background:url(/images/banner/banner_upcoming-event.jpg) no-repeat left top; z-index:999;}
.banner img{margin-left:163px; z-index:999;}


/* Like Button */
.fb_edge_widget_with_comment{background-color:#ccc;margin-left:40px;padding:5px;} 

#showcal{width:440px}