* { margin: 0px; padding: 0px; font-size: 100%; }
body { background: url(/assets/images/background.jpg) repeat-x #494949; text-align: center; font-family: arial; }
.content { width: 960px; margin: 0px auto; text-align: left; }
input[type=text], input[type=password] { font-size: 0.75em; color: #666; padding: 5px; }
button, input[type=button], input[type=submit] { font-size: 0.75em; overflow: visible; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }

#header form button { background: url(/assets/images/blue_button.png) repeat-x #0183BA; }

#header { background: #000; height: 42px; position: relative; }
#header ul { float: left; margin: 10px 0px 0px 0px; z-index: 9999; position: absolute; }
#header ul li { float: left; list-style: none; margin-right: 10px; }
#header ul li { float: left; list-style: none; margin-right: 10px; }
#header ul li a { font-size: 0.75em; font-weight: bold; color: #999; border-left: solid 1px #999; padding-left: 10px; }
#header ul li a span { background: url(/assets/images/contact.gif) no-repeat; float: left; display: block; height: 11px; width: 16px; margin: 5px 7px 0px 0px; }
#header ul li:first-child a { padding: 0px; border-left: none; }
#header form { float: right; margin: 5px 10px 0px 0px; }
#header form input { width: 183px; }
#header form button { border-style: none; color: #FFF; font-weight: bold; line-height: 27px; height: 27px; padding: 0px 10px; margin: 0px 0px 0px 10px; }

#logo { clear: both; padding-right: 128px; position: relative; }
#logo .content { background: url(/assets/images/header.png) no-repeat right top; height: 141px; width: 1090px; overflow: visible; }
#logo a#logo { background: url(/assets/images/logo.png) no-repeat; width: 342px; height: 181px; display: block; text-indent: -9999px; overflow: hidden; margin: -28px 0px 0px 144px; position: absolute; z-index: 2001; }
#logo a#press { background: url(/assets/images/press.png) no-repeat; width: 254px; height: 38px; display: block; text-indent: -9999px; overflow: hidden; float: right; margin: 10px 10px 0px 0px; z-index: 2001; }
#logo a#press:hover { background-position: left bottom; }

#navigation { background: url(/assets/images/navigation.png) repeat-x; height: 70px; border-top: solid 1px #666; border-bottom: solid 1px #666; position: relative; }
#navigation .content > ul { margin-top: 5px; position: absolute; z-index: 2000; }
#navigation .content > ul > li { float: left; list-style: none; height: 60px; background: url(/assets/images/navigation_seperator.png) no-repeat; position: relative; }
#navigation .content > ul > li > ul { display: none; background: url(/assets/images/navigation_dropdown.png) no-repeat; width: 166px; position: absolute; margin-left: -12px; z-index: 999999; }
#navigation .content > ul > li:hover > ul { display: block; }
#navigation .content > ul > li > ul li { list-style: none; border-top: solid 1px #141414; border-bottom: solid 1px #484848; }
#navigation .content > ul > li > ul li a { display: block; padding: 11px 25px; color: #FFF; font-size: 12px; font-weight: bold; }
#navigation .content > ul > li > ul li a:hover { background: url(/assets/images/navigation_dropdown_active.png) repeat-x; text-decoration: none; }
#navigation .content > ul > li > ul li:first-child { border-top: none; }
#navigation .content > ul > li:first-child { background: none; }
#navigation .content > ul > li > a { display: block; height: 60px; line-height: 60px; padding: 0px 12px; color: #FFF; font-size: 12px; font-weight: bold; }
#navigation .content > ul > li > a:hover { color: #000; text-decoration: none; }
#navigation .content > ul > li.active > a { display: block; height: 70px; line-height: 70px; border: solid 1px #01669B; background: url(/assets/images/navigation_active.png) repeat-x; margin: -6px -2px 0px 0px; }

#body { background: url(/assets/images/content_bg.jpg) repeat-y center top; clear: both; width: 100%; float: left; }
#body .content { background: url(/assets/images/content_top.jpg) no-repeat center top; position: relative; border-top: solid 1px #000; border-bottom: solid 1px #FFF; }
#body .content > h1 { line-height: 1.15em; font-size: 51px; color: #FFF; width: 570px; margin: 10px 0px 10px 20px; letter-spacing: -1px; }
#body .content > h1 span { padding: 0px 10px; background-color: #000; }
/*#body .content > h1 span strong { color: #6CC5E5; }*/

#biker_small { background: url(/assets/images/biker_small.png) no-repeat; width: 381px; height: 310px; float: right; display: block; margin-right: -105px; margin-top: -165px; }

#footer { background: url(/assets/images/footer.jpg) repeat-x; height: 400px; clear: both; }
#footer .content { padding: 30px 60px 30px 60px; width: 840px; }
#footer .content > a { width: 197px; height: 104px; display: block; background: url(/assets/images/logo_small.png) no-repeat; text-indent: -9999px; overflow: hidden; float: right; }
#footer .content > p { font-weight: bold; color: #FFF; font-size: 0.75em; margin-bottom: 15px; }
#footer .content > ul { float: left; background: url(/assets/images/footer_seperator.gif) repeat-y right top; min-height: 140px; }
#footer .content > ul li { list-style: none; }
#footer .content > ul li a { font-size: 0.75em; font-weight: bold; color: #FFF; margin-right: 30px; padding-left: 25px; }
#footer .content > ul#footer_left li a { padding-left: 0px; color: #53CBFE; }

.home .content > #buttons li#find_out_more a, .home .content #home_content #home_content_left a, .home .content #home_content #home_content_right a, .about .content #content_left a { display: block; height: 34px; width: 117px; background: url(/assets/images/find_out_more.png) no-repeat; text-indent: -9999px; overflow: hidden; }

/* body content */
.home #biker { display: block; width: 518px; height: 793px; background: url(/assets/images/biker.png) no-repeat; position: absolute; top: -181px; right: -119px; }
.home #winter { width: 332px; height: 216px; background: url(/assets/images/winter.png) no-repeat; position: absolute; right: -100px; z-index: 20001; right: 9px; margin-top: 280px; padding-left: 30px; padding-top: 30px; }
.home #winter h1 { font-size: 30px; margin: 0px 0px 0px -5px; color: #FFF; letter-spacing: -1px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.home #winter h1 > span { padding: 3px 10px; background-color: #000; }
.home #winter h1 > span span { display: inline-block; width: 36px; height: 30px; background: url(/assets/images/arrow_1.gif) #000 no-repeat; background-position: left 2px; margin-left: -5px; }
.home #winter strong { font-size: 14px; color: #fff; width: 185px; display: block; margin: 13px 0px 5px; text-shadow: #000 1px 1px 1px; }
.home #winter > span { font-size: 11px; color: #E48686; width: 151px; display: block; }
.home #winter a { width: 171px; height: 65px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/find_out_more_orange.png) no-repeat; position: absolute; margin-left: 149px; margin-top: 97px; }
.home #winter a:hover { background-position: left bottom; }
#body.home .content > h1 { width: 567px; height: 152px; text-indent: -9999px; overflow: hidden; background: url(/assets/images/home_title.png) no-repeat; margin: 10px 0 10px 5px; }
.home #video { float: left; position:relative; width: 562px; height: 342px; margin: 0px 0px -15px -40px;  background: url(/assets/images/video_frame.png) no-repeat left -5px; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); /*z-index: 3003;*/ }
.home #video > div { width: 465px; height: 247px; margin: 35px 0 0 52px; position: relative; }
.home #video > div a img { border: none; }
.home .content > p { width: 485px; margin-left: 20px; font-size: 0.8em; text-shadow: #CCC 1px 1px; }
.home .content > #buttons {  margin: 15px 0px 0px 20px; }
.home .content > #buttons li { list-style: none; float: left; margin-right: 10px; position: relative; }
.home .content > #buttons li#find_out_more a:hover,.home .content #home_content #home_content_left a:hover, .home .content #home_content #home_content_right a:hover { background-position: left bottom; }
.home .content > #buttons li#watch_the_vodcasts a { display: block; height: 34px; width: 152px; background: url(/assets/images/watch_the_vodcast.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.home .content > #buttons li#watch_the_vodcasts a:hover { background-position: left bottom; }
.home .content > #buttons li#see_our_location a { display: block; height: 34px; width: 131px; background: url(/assets/images/see_our_location.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.home .content > #buttons li#see_our_location a:hover { background-position: left bottom; }
.home .content #trainer_vids { float: left; background: url(/assets/images/home_trainer_vids.png) no-repeat; width: 902px; height: 405px; margin: -140px 0px 20px 30px; border-bottom: solid 1px #e5e5e5; display: none; }
.home .content #trainer { width: 455px; margin: 506px 0px 0px 0px; background: url(/assets/images/home_trainer.png) no-repeat; height: 322px; position: absolute; right: -3px; z-index: 999999; }
.home .content #trainer #trainer_info { float: left; width: 180px; }
.home .content #trainer #trainer_image { float: left; margin: 70px 10px 0 50px; width: 161px; height: 188px; background: url(/assets/images/home_trainer_image.png) no-repeat; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); }
.home .content #trainer #trainer_image img { margin: 21px 0px 0px 21px; }
.home .content #trainer #trainer_image a img { border: none; }
.home .content #trainer #trainer_info h1 { font-weight: bold; font-size: 17px; color: #000; text-shadow: #CCC 1px 1px; margin: 85px 0 0 0; letter-spacing: -1px; }
.home .content #trainer #trainer_info h1 a { color: #000; }
.home .content #trainer #trainer_info h1 a:hover { text-decoration: none; }
.home .content #trainer #trainer_info > a { display: block; margin: 15px 0px 0px 0px; width: 91px; height: 25px; background: url(/assets/images/read_more.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.home .content #trainer #trainer_info > a:hover { background-position: left bottom; }
.home .content #trainer #trainer_info p { font-size: 12px; color: #666; margin-top: 10px; }
.home .content #trainer #trainer_info label { font-size: 0.75em; float: left; width: 100px; font-weight: bold; color: #666; }
.home .content #trainer #trainer_info strong { font-size: 0.75em; width: 100px; color: #D82B00; }
.home .content #trainer_vids h2 { font-size: 34px; margin: 185px 0px 0px 0px; color: #FFF; letter-spacing: -1px; }
.home .content #trainer_vids h2 span { padding: 3px 10px; background-color: #000; }
.home .content #trainer_vids #videos { margin: 30px 10px 20px 10px; width: 922px; min-height: 160px; }
.home .content #trainer_vids #videos .carousel-wrap > ul { height: 200px; }
.home .content #trainer_vids #videos .carousel-wrap > ul > li { list-style: none; float: left; width: 183px; height: 180px; margin-right: 10px; }
.home .content #trainer_vids #videos .carousel-wrap > ul > li .image { display: block; border: solid 2px #000; margin: 0px 0px 5px 0px; }
.home .content #trainer_vids #videos .carousel-wrap > ul > li .image img { display: block; border: none; }
.home .content #trainer_vids #videos .carousel-wrap > ul > li a { display: block; font-size: 0.75em; color: #000; font-weight: bold; }
.home .content #trainer_vids #videos .carousel-wrap > ul > li strong { display: block; font-size: 0.75em; font-weight: normal; }
.home .content #trainer_vids #videos .carousel-wrap > ul > li p { font-size: 0.7em; color: #666; }
.home .content #trainer_vids > a { display: block; width: 91px; height: 25px; background: url(/assets/images/view_all_vids.jpg) no-repeat; text-indent: -9999px; overflow: hidden; float: right; margin-right: 10px; margin-top: -10px;  }
.home .content #trainer_vids #videos .carousel-previous, .home .content #trainer_vids #videos .carousel-next { width: 67px; height: 69px; display: block; cursor: pointer; text-indent: -9999px; overflow: hidden; background: url(/assets/images/arrows.png) no-repeat; float: left; }
.home .content #trainer_vids #videos .carousel-wrap { float: left; width: 762px; }
.home .content #trainer_vids #videos .carousel-previous { margin: 0px 20px 0px -30px; }
.home .content #trainer_vids #videos .carousel-next { background-position: left bottom; margin: 0 0 0 25px; }

.home .content #home_content { background-color: #fff; width: 840px; padding: 30px; margin: 20px 0px 25px 30px; }
.home .content #home_content h1 { font-size: 29px; margin-bottom: 10px; letter-spacing: -1px; }
.home .content #home_content p { font-size: 0.75em; color: #666; }
.home .content #home_content #home_content_left { float: left; border-right: solid 1px #DDE6E6; width: 381px; padding-right: 30px; }
.home .content #home_content #home_content_left ul { margin: 15px 0px 15px 1em; }
.home .content #home_content #home_content_left li { list-style-image: url(/assets/images/bullet.gif); font-size: 0.75em; font-weight: bold; color: #3399CC; }
.home .content #home_content #home_content_right { float: left; margin-left: 30px; width: 394px;  }
.home .content #home_content #home_content_right a { margin: 15px 0px 15px 0px; }
.home .content #home_content #home_content_right #home_content_right_bottom { border-top: solid 1px #DDE6E6; padding-top: 15px; font-weight: bold; }
.home .content #home_content #home_content_bottom { border-top: solid 1px #DDE6E6; padding-top: 32px; margin-top: 15px; margin-bottom: 20px; }
.home .content #home_content #home_content_bottom a { margin-left: 5px; width: 832px; height: 117px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/events.jpg) no-repeat; }
.home .content #home_content #home_content_bottom a:hover { background-position: left bottom; }

.home #home_siri { width: 374px; height: 45px; background: url(/assets/images/home_siri.png) no-repeat; margin: 15px 0px 0px 23px; padding: 64px 19px 10px 19px; }
.home #home_siri p { float: left; width: 292px; font-size: 11px; color: #333; }
.home #home_siri a { float: right; width: 61px; height: 41px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/home_siri_go.png) no-repeat; }
.home #home_siri a:hover { background-position: left bottom; }

#body.siri .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
#body.siri .content { border-bottom: solid 1px #011C2B; }
.siri .content #content { margin-top: -65px; padding-top: 65px; background: url(/assets/images/siri_bg.png) no-repeat center top; }
.siri .content #content #map { width: 900px; height: 600px; margin: -247px auto 0px auto; }
.siri .content #content p { margin-left: 30px; font-size: 12px; color: #FFF; width: 195px; margin-bottom: 1em; }
.siri .content #content p:first-child { width: 345px; }
.siri .content #content td img { display: block; }

.siri #map map, .siri #map map area { position: relative; z-index: 99999; }
.siri #map table { position: relative; float: left; margin-top: -40px; z-index: 8; background: url(/assets/images/siri_map.png) -12px -12px no-repeat transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ zoom: 1; }
@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/
	.siri #map table { margin-top: -7px; }
}

.siri #map.active table { filter:alpha(opacity=25); opacity: 0.25; -moz-opacity:0.25; }
.siri .piece { position: absolute; display: none; filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; z-index: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ zoom: 1; }
.siri .piece#siri_somerset { width: 368px; height: 328px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_somerset.png) no-repeat; top: 87px; left: 443px; }
.siri .piece#siri_dorset { width: 304px; height: 234px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_dorset.png) no-repeat; top: 287px; left: 618px; }
.siri .piece#siri_east_devon { width: 187px; height: 140px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_east_devon.png) no-repeat; top: 345px; left: 482px; }
.siri .piece#siri_mid_devon { width: 211px; height: 149px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_mid_devon.png) no-repeat; top: 300px; left: 402px; }
.siri .piece#siri_north_devon { width: 178px; height: 165px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_north_devon.png) no-repeat; top: 222px; left: 337px; }
.siri .piece#siri_teignbridge { width: 138px; height: 139px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_teignbridge.png) no-repeat; top: 392px; left: 410px; }
.siri .piece#siri_west_devon { width: 168px; height: 186px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_west_devon.png) no-repeat; top: 349px; left: 316px; }
.siri .piece#siri_torridge { width: 179px; height: 178px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_torriage.png) no-repeat; top: 286px; left: 269px; }
.siri .piece#siri_south_hams { width: 172px; height: 159px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_south_hams.png) no-repeat; top: 464px; left: 345px; }
.siri .piece#siri_cornwall { width: 382px; height: 341px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_cornwall.png) no-repeat; top: 352px; left: 10px; }
.siri .piece#siri_exeter { width: 64px; height: 64px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_exeter.png) no-repeat; top: 392px; left: 482px; }
.siri .piece#siri_plymouth { width: 79px; height: 70px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_plymouth.png) no-repeat; top: 500px; left: 340px; }
.siri .piece#siri_torbay { width: 71px; height: 102px; text-indent: -99999px; overflow: hidden; background: url(/assets/images/siri_torbay.png) no-repeat; top: 474px; left: 468px; }
.siri label { position: absolute; cursor: pointer; z-index: 8; }
.siri #map.active label { z-index: 4; }
.siri label#siri_label_torbay { width: 76px; height: 56px; text-indent: -9999px; overflow: hidden; background: url(/assets/images/siri_label_torbay.png) no-repeat; top: 511px; left: 506px; }
.siri label#siri_label_exeter { width: 108px; height: 69px; text-indent: -9999px; overflow: hidden; background: url(/assets/images/siri_label_exeter.png) no-repeat; top: 425px; left: 515px; }
.siri label#siri_label_plymouth { width: 84px; height: 59px; text-indent: -9999px; overflow: hidden; background: url(/assets/images/siri_label_plymouth.png) no-repeat; top: 535px; left: 295px; }

.siri #siri_dialog { width: 367px; height: 120px; position: absolute; background: url(/assets/images/siri_dialog_left.png) no-repeat; padding: 83px 35px 0; z-index: 99999; display: none; }
.siri #siri_dialog.right { background: url(/assets/images/siri_dialog_right.png) no-repeat; }
.siri #siri_dialog div { float: right; }
.siri #siri_dialog div a { width: 112px; height: 36px; text-indent: -9999px; overflow: hidden; display: block; }
.siri #siri_dialog div a:first-child { margin-bottom: 10px; }
.siri #siri_dialog div a#siri_dialog_report { background: url(/assets/images/siri_report.png) no-repeat; }
.siri #siri_dialog div a#siri_dialog_cancel { background: url(/assets/images/siri_cancel.png) no-repeat; }
.siri #siri_dialog div a#siri_dialog_report:hover { background-position: left bottom; }
.siri #siri_dialog div a#siri_dialog_cancel:hover { background-position: left bottom; }
.siri #siri_dialog h2 { font-size: 22px; color: #FFF; margin: 5px 0px 10px 0px; font-weight: normal; }
.siri .content #content #siri_dialog p { font-size: 12px; color: #858585; line-height: 1.4em; width: 240px; margin: 0px; }
.siri #siri_modal div { width: 356px; height: 162px; background: url(/assets/images/siri_splash.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -238px; margin-top: -118px; padding: 75px 60px 0px 60px; }
.siri #siri_modal div p { font-size: 12px; line-height: 1.4em; color: #333; margin-bottom: 1em; }
.siri #siri_modal div a { width: 147px; height: 47px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/siri_close.png) no-repeat; margin-left: 95px; }
.siri #siri_modal div a:hover { background-position: left bottom; }

.siri #trunk { float: right; margin-top: -200px; width: 305px; margin-right: 50px; margin-bottom: 50px; position: relative; z-index: 5000; }
.siri #trunk h1 { width: 290px; height: 57px; display: block; background: url(/assets/images/siri-trunk.png) no-repeat; text-indent: -9999px; overflow: hidden; float: right; margin-bottom: 15px; }
.siri .content #content #trunk p { margin-left: 0px; text-align: right; width: 305px; color: #FFFFFF; text-shadow: #333333 1px 1px 1px; font-weight: bold; font-size: 11px; }
.siri .content #content #trunk p a { color: #049CEE; font-weight: bold; text-shadow: 1px 1px 1px #000000; }
.siri .content #content #trunk p a:hover { color: #FFFFFF; text-decoration: none; }
.siri .content #content #trunk ul { width: 200px; float: right; }
.siri .content #content #trunk ul li { float: right; list-style: none; width: 56px; color: #049CEE; font-size: 15px; font-weight: bold; display: block; text-align: right; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .siri .content #content #map { margin-top: -251px; }
}


#body.about .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.about .content #content_right h1 { font-size: 20px; font-weight: normal; letter-spacing: -1px; }
.about .content #content_left h1, .about .content #content_right > h1 { font-size: 29px; letter-spacing: -1px; font-weight: bold; }
.about .content #content p { font-size: 0.75em; color: #666; margin-top: 1em; }
.about .content #content { background-color: #fff; width: 840px; padding: 30px; margin: 0px 0px 25px 30px; }
.about .content #content_left { float: left; width: 381px; margin-right: 30px; }
.about .content #content_left a { margin-top: 15px; margin-bottom: 15px; }
.about .content #content_left ul { margin: 15px 0px 15px 1em; }
.about .content #content_left li { list-style-image: url(/assets/images/bullet.gif); font-size: 0.75em; font-weight: bold; color: #3399CC; }
.about .content #content_left #content_left_bottom { border-top: solid 1px #CCC; padding-top: 15px; font-weight: bold; }
.about .content #content_right { float: left; padding-left: 30px; width: 394px; border-left: solid 1px #CCC; }
.about .content #content_right form { position: relative; margin-top: 20px; width: 354px; height: 454px; background: url(/assets/images/about_contact.jpg) no-repeat; padding: 20px; }
.about .content #content_right form #form { z-index: 9; position: absolute; }
.about .content #content_right form #result { z-index: 11; display: none; position: absolute; text-align: center; width: 355px; }
.about .content #content_right form #form_busy { z-index: 10; display: none; position: absolute; text-align: center; width: 395px; height: 494px; background: url(/assets/images/modal.png); margin: -20px 0px 0px -20px; }
.about .content #content_right form #form_busy span { display: block; color: #FFF; font-weight: bold; font-size: 1.2em; line-height: 455px; }
.about .content #content_right form #result h3 { font-size: 29px; color: #FFF; }
.about .content #content_right form #result p { color: #FFF; margin-bottom: 1em; }
.about .content #content_right form #result a { color: #FFF; font-size: 0.75em; font-weight: bold; }
.about .content #content_right form h1 { color: #FFF; margin-bottom: 20px; }
.about .content #content_right form label { float: left; font-size: 0.75em; font-weight: bold; color: #FFF; display: block; width: 125px; line-height: 27px; }
.about .content #content_right form label.long { width: 300px; }
.about .content #content_right form input[type=text] { font-size: 0.75em; width: 210px; margin-bottom: 5px; }
.about .content #content_right form textarea { width: 340px; height: 50px; margin-bottom: 10px; padding: 5px; font-family: arial; font-size: 0.75em; }
.about .content #content_right form input[type=submit] { width: 156px; height: 44px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/register.png) no-repeat transparent; border: none; clear: both; margin-top: 10px; cursor: pointer; }
.about .content #content_right form input[type=submit]:hover { background-position: left bottom; }

#body.news .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.news .content #content { margin-top: -65px; padding-top: 65px; background: url(/assets/images/siri_bg.png) no-repeat center top; padding: 65px 30px 30px 30px; margin: -65px 0px 0px 0px; }
.news .content #content ul li { float: left; list-style: none; }
.news .content #content ul li#latest-articles a { width: 193px; height: 52px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/tab-latestarticles.png) no-repeat; }
.news .content #content ul li#latest-articles a:hover, .news .content #content ul li#latest-articles.active a { background-position: top right; }
.news .content #content ul li#archive a { width: 146px; height: 52px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/tab-archive.png) no-repeat; }
.news .content #content ul li#archive a:hover, .news .content #content ul li#archive.active a { background-position: top right; }
.news .content #content .tab-page { display: none; clear: both; }
.news .content #content .tab-page.active { display: block; }

#body.urban_riding .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
#body.urban_riding .content > h1 span strong { color: #CC0000; }
#body.urban_riding .content { background-image: url(/assets/images/content_top_black.jpg); border-bottom-color: #000; }
.urban_riding .content #content_left h1 { font-size: 32px; letter-spacing: -1px; font-weight: bold; color: #fff; margin-bottom: 15px; font-weight: normal; }
.urban_riding .content #content_left { float: left; width: 361px; margin: 0px 20px; }
.urban_riding .content #content_left p { color: #999; margin-bottom: 1.2em; font-size: 12px; }
.urban_riding .content #content_left p strong { color: #fff; }
.urban_riding .content #content_left a { width: 171px; height: 65px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/find_out_more_orange.png) no-repeat; margin-left: -10px; margin-bottom: 10px; }
.urban_riding .content #content_left a:hover { background-position: left bottom; }
.urban_riding .content #content_right { float: left; padding-left: 30px; width: 493px; border-left: solid 1px #333; min-height: 500px; }
.urban_riding .content #content_right iframe { margin-bottom: 5px; }
.urban_riding .content #content_right p { font-size: 11px; color: #666; margin-bottom: 15px; }
.urban_riding .content #content_right ul li { list-style: none; }
.urban_riding .content #content_right ul li a{ font-size: 32px; color: #666; text-decoration: none; }
.urban_riding .content #content_right ul li a:hover, .urban_riding .content #content_right ul li a:active { color: #fff; text-decoration: none; }

#body.winter_riding .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
#body.winter_riding .content > h1 span strong { color: #CC0000; }
#body.winter_riding .content { background-image: url(/assets/images/content_top_white.jpg); border-bottom-color: #000; }
#body.winter_riding .content #content > p { font-size: 12px; color: #ACBFD6; font-weight: bold; width: 399px; margin-left: 20px; margin-bottom: 1em; }
#body.winter_riding .content #content > p strong { color: #fff; font-size: 15px; }
#body.winter_riding .content #content_left, #body.winter_riding .content #content_center, #body.winter_riding .content #content_right { width: 270px; float: left; }
#body.winter_riding .content #content_left { margin-right: 53px; margin-left: 20px; }
#body.winter_riding .content #content_center { margin-right: 51px; }
#body.winter_riding .content #content_left h2, #body.winter_riding .content #content_center h2, #body.winter_riding .content #content_right h2 { background: url(/assets/images/winter_header.png) repeat-x; font-size: 17px; color: #fff; line-height: 47px; height: 47px; width: 270px; text-indent: 10px; letter-spacing: -1px; }
#body.winter_riding .content #content_center h2 { margin-top: 25px; }
#body.winter_riding .content #content_center h2:first-child { margin-top: 0px; }
#body.winter_riding .content #content_left p, #body.winter_riding .content #content_center p, #body.winter_riding .content #content_right p { margin-top: 1em; font-size: 12px; color: #333; }
#body.winter_riding .content #content > a { margin: 30px; display: block; }

#body.vodcasts .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.vodcasts .content #content_left h1 { font-size: 29px; letter-spacing: -1px; }
.vodcasts .content #content_right h1 { font-size: 20px; font-weight: normal; letter-spacing: -1px; }
.vodcasts .content #content p { font-size: 0.75em; color: #666; margin-top: 1em; }
.vodcasts .content #content { background-color: #fff; width: 840px; padding: 30px; margin: 0px 0px 25px 30px; }
.vodcasts .content #content_left { float: left; width: 540px; margin-right: 30px; }
.vodcasts .content #content_right { float: left; padding-left: 30px; width: 239px; border-left: solid 1px #CCC; }
.vodcasts .content #content_right p strong { font-size: 1.4em; color: #333; }
.vodcasts .content #content_left #video { width: 540px; height: 338px; padding-bottom: 10px; border-bottom: solid 1px #CCC; margin-bottom: 10px; }
.vodcasts .content #content_left #videos li { clear: both; float: left; list-style: none; border: solid 1px #999; padding: 10px; margin-bottom: 5px; background: url(/assets/images/vodcast_bg.png) repeat-x #E7E7E7; width: 518px; }
.vodcasts .content #content_left #videos li span { float: right; font-size: 0.7em; color: #0099CC; font-weight: bold; }
.vodcasts .content #content_left #videos li a.image { float: left; margin-right: 15px; margin-bottom: 10px; }
.vodcasts .content #content_left #videos li a.image img { display: block; border: none; }
.vodcasts .content #content_left #videos li a { font-size: 0.75em; font-weight: bold; color: #000; display: block; }
.vodcasts .content #content_left #videos li p { font-size: 0.7em; }

#body.trainers .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
/*#body.trainers .content > h1 span {  background: url(/assets/images/navigation_active.png) repeat-x; }*/
.trainers .content #content { background: url(/assets/images/trainers_right.png) #fff no-repeat 500px 40px; width: 840px; padding: 30px; margin: 0px 0px 25px 30px; }
.trainers .content #content_left { float: left; width: 390px; }
.trainers .content #content p { font-size: 0.75em; color: #666; margin-bottom: 1em; }
.trainers .content #content p strong { font-size: 1.1em; color: #333; }
.trainers .content #content_right { float: right; width: 370px; }
.trainers .content #content_right h1 { background-color: #019ADE; color: #FFF; text-shadow: #000 1px 1px; float: left; padding: 5px; font-size: 28px; margin-left: 23px; margin-bottom: 20px;  -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.trainers .content #content_right #trainers { float: right; width: 324px; margin: 0px 23px; }
.trainers .content #content_right #trainers li { clear: both; float: left; list-style: none; background: url(/assets/images/trainer_bg.png) repeat-x #333; margin-bottom: 5px; width: 324px; }
.trainers .content #content_right #trainers li a.image { float: left; margin: 1px 15px 1px 1px; }
.trainers .content #content_right #trainers li a.image img { border: none; display: block; }
.trainers .content #content_right #trainers li a.name { font-size: 20px; color: #FFF; display: block; margin-top: 10px; } 
.trainers .content #content_right #trainers li a.button { margin: 10px 0px; width: 91px; height: 24px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/view_profile.png); } 
.trainers .content #content_right #trainers li a.button:hover { background-position: left bottom; } 
.trainers .content #content_right #trainers li p { margin: 5px 0px; color: #FFF; padding-right: 10px; font-size: 0.7em; }
.trainers .content #content > h1 { background-color: #000; color: #FFF; text-shadow: #000 1px 1px; float: left; padding: 5px; font-size: 28px; margin-left: 23px; margin-bottom: 20px;  -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.trainers .carousel-previous, .trainers .carousel-next { cursor: pointer; background: url(/assets/images/trainers_arrows.png) no-repeat; width: 130px; height: 43px; display: block; float: right; text-indent: -9999px; overflow: hidden; }
.trainers .carousel-previous { margin-bottom: 10px; }
.trainers .carousel-next { clear: both; float: right; background-position: left bottom; margin-top: 10px; }
.trainers .carousel-wrap { clear: both; }
.trainers .content #videos { clear: both; margin: 30px 10px 20px 10px; }
.trainers .content #videos > ul { height: 200px; }
.trainers .content #videos > ul > li { list-style: none; float: left; width: 183px; margin-right: 15px; }
.trainers .content #videos > ul > li .image { display: block; border: solid 2px #000; margin: 0px 0px 5px 0px; }
.trainers .content #videos > ul > li .image img { display: block; border: none; }
.trainers .content #videos > ul > li a { display: block; font-size: 0.75em; color: #000; font-weight: bold; }
.trainers .content #videos > ul > li strong { display: block; font-size: 0.75em; font-weight: normal; }
.trainers .content #videos > ul > li p { font-size: 0.7em; color: #666; }

#body.trainer .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg);  }
.trainer .content #content { width: 840px; padding: 30px; margin: 0px 0px 25px 30px; background: #FFF; }
.trainer #trainer_head { background-color: #000; padding: 10px; }
.trainer #trainer_head select { float: right; }
.trainer #trainer_head h1 { color: #FFF; font-size: 24px; }
.trainer #trainer_body { border: solid 1px #7D8791; border-top: none; background: url(/assets/images/trainer_body.png) repeat-x #D8D8D8; padding: 10px 10px 0px 10px; }
.trainer #trainer_body .image_left { float: left; margin: 0px 1em .5em 0px; }
.trainer #trainer_body p { font-size: 0.75em; color: #666; margin-bottom: 1em; }
.trainer #trainer_data { background: url(/assets/images/trainer_data.png) #D8D8D8 repeat-x; padding: 20px; border: solid 1px #7D8791; border-top: none; }
.trainer #trainer_data > h1 { font-size: 24px; margin-bottom: .5em; }
.trainer #trainer_data > h3 { clear: both; float: left; color: #FFF; font-weight: bold; font-size: 0.75em; background: #E32A00; padding: 5px; margin: 10px 0px;  }
.trainer #trainer_data_left { width: 403px; float: left; }
.trainer #trainer_data_left #comments { border: solid 1px #D2D2D2; background: url(/assets/images/trainer_data_left.png) #EBEBEB repeat-x; padding: 10px; margin-top: 20px; }
.trainer #trainer_data_left #comments > div > p { font-size: 0.75em; }
.trainer #trainer_data_left #comments h3 { float: left; color: #FFF; background: #0099CC; padding: 5px; font-size: 0.75em; margin-top: -36px; margin-left: -11px;}
.trainer #trainer_data_left #comment_list { overflow: auto; max-height: 400px; }
.trainer #trainer_data_left #comments .comment:first-child { border-top: none; margin-top: 0px; padding-top: 0px; }
.trainer #trainer_data_left #comments .comment { border-top: solid 1px #ccc; padding-top: 10px; margin-top: 10px; }
.trainer #trainer_data_left #comments .comment a { font-size: 0.75em; font-weight: bold; color: #0099CC; display: block; margin-bottom: 8px; }
.trainer #trainer_data_left #comments .comment p { font-size: 0.7em; color: #666; }
.trainer #trainer_data_left #comments > a { float: left; font-size: 0.75em; display: block; padding: 5px; background: #BBB; color: #FFF; font-weight: bold; margin-top: 10px; }
.trainer #trainer_data_left #add_comment { display: none; background: #333; padding: 10px; }
.trainer #trainer_data_left #add_comment label { float: left; font-size: 0.75em; font-weight: bold; color: #FFF; display: block; width: 145px; line-height: 27px; text-align: right; padding-right: 10px; }
.trainer #trainer_data_left #add_comment input[type=text] { font-size: 0.75em; width: 210px; margin-bottom: 5px; }
.trainer #trainer_data_left #add_comment textarea { width: 365px; height: 98px; font-family: arial; font-size: 0.75em; margin-bottom: 5px; padding: 5px; }
.trainer #trainer_data_left #add_comment a { padding-left: 10px; font-size: 0.75em; color: #FFF; }
.trainer #trainer_data_right { float: right; width: 350px; border-left: solid 1px #ccc; padding-left: 20px; }
.trainer #trainer_data_right > h1 { font-size: 16px; margin-bottom: .5em; }
.trainer #trainer_data_right .title { background: #666; font-size: 0.75em; font-weight: bold; color: #FFF; line-height: 23px; margin-bottom: 10px; }
.trainer #trainer_data_right .title span { background: #0099CC; padding: 0px 5px; margin-right: 8px; display: block; float: left; border-right: solid 1px #FFF; }
.trainer #trainer_data_right .rating { clear: both; float: left; margin-right: 10px; }
.trainer #trainer_data_right > span { display: block; float: left; font-size: 0.7em; font-weight: bold; margin-bottom: 3px; }
.trainer #trainer_data_right #trainer_data_views { float: left; font-size: 0.7em; color: #666; margin-bottom: 10px; }
.trainer #trainer_data_right p { font-size: 0.75em; color: #666; margin-bottom: 1em; }
/*.trainer .content #videos { clear: both; }
.trainer .content #videos > ul { }
.trainer .content #videos > ul > li { list-style: none; float: left; width: 183px; margin-right: 15px; margin-bottom: 15px;  }
.trainer .content #videos > ul > li .image { display: block; border: solid 2px #000; margin: 0px 0px 5px 0px; }
.trainer .content #videos > ul > li .image img { display: block; border: none; }
.trainer .content #videos > ul > li a { display: block; font-size: 0.75em; color: #000; font-weight: bold; }
.trainer .content #videos > ul > li strong { display: block; font-size: 0.75em; font-weight: normal; }
.trainer .content #videos > ul > li p { font-size: 0.7em; color: #666; }
.trainer #map { border: solid 1px #7D8791; height: 250px; }
.trainer #video { padding-bottom: 1em; position: relative; width: 400px; height: 200px; }*/
.trainer .content #content #videos { margin: -50px 10px 10px -78px; width: 935px; height: 120px; padding: 57px 0px 0px 27px; }
.trainer .content #content #videos .carousel-wrap > ul { height: 200px; }
.trainer .content #content #videos .carousel-wrap > ul > li { list-style: none; float: left; width: 183px; height: 180px; margin-right: 10px; }
.trainer .content #content #videos .carousel-wrap > ul > li .image { display: block; border: solid 2px #000; margin: 0px 0px 5px 0px; }
.trainer .content #content #videos .carousel-wrap > ul > li .image img { display: block; border: none; }
.trainer .content #content #videos .carousel-wrap > ul > li a { display: block; font-size: 0.75em; color: #000; font-weight: bold; }
.trainer .content #content #videos .carousel-wrap > ul > li strong { display: block; font-size: 0.75em; font-weight: normal; }
.trainer .content #content #videos .carousel-wrap > ul > li p { font-size: 0.7em; color: #666; }
.trainer .content #content #videos .carousel-previous, .trainer .content #content #videos .carousel-next { width: 67px; height: 69px; display: block; cursor: pointer; text-indent: -9999px; overflow: hidden; background: url(/assets/images/arrows.png) no-repeat; float: left; }
.trainer .content #content #videos .carousel-wrap { float: left; width: 762px; }
.trainer .content #content #videos .carousel-previous { margin: 0 5px 0 0; }
.trainer .content #content #videos .carousel-next { background-position: left bottom; margin: 0 0 0 5px; }

#body.group_riding .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.group_riding .content #content { width: 840px; padding: 30px; margin: 0px 0px 25px 30px; border: solid 1px #FFF; background: url(/assets/images/group_riding_top.jpg) no-repeat center top #4388AF; }
.group_riding .content #content > span { width: 382px; height: 274px; display: block; float: right; background: url(/assets/images/group_riding_right.png) no-repeat; margin: -30px -30px 0px 0px; }
.group_riding .content #content h2 { display: block; font-size: 21px; color: #FFF; }
.group_riding .content #content h2 span { background: #333; padding: 5px; }
.group_riding .content #content > p { width: 490px; margin-top: 1em; font-size: 0.75em; color: #BDD8E5; }
.group_riding .content #content > p strong { color: #FFF; }
.group_riding .content #content #tabs { margin: 20px 0px 0px -13px; width: 870px; }
.group_riding .content #content #tabs li { list-style: none; margin-right: 2px; float: left; }
.group_riding .content #content #tabs li a { background: url(/assets/images/group_riding_nav_off.png) no-repeat; display: block; text-indent: -9999px; height: 44px; }
.group_riding .content #content #tabs li a:hover, .group_riding .content #content #tabs li.active a { background: url(/assets/images/group_riding_nav_on.png) no-repeat; }

.group_riding .content #content #tabs li#tab_1 a { width: 97px; }
.group_riding .content #content #tabs li#tab_2 a { width: 87px; background-position: -96px top; }
.group_riding .content #content #tabs li#tab_3 a { width: 80px; background-position: -182px top; }
.group_riding .content #content #tabs li#tab_4 a { width: 69px; background-position: -261px top; }
.group_riding .content #content #tabs li#tab_5 a { width: 67px; background-position: -329px top; }
.group_riding .content #content #tabs li#tab_6 a { width: 63px; background-position: -395px top; }
.group_riding .content #content #tabs li#tab_7 a { width: 85px; background-position: -457px top; }
.group_riding .content #content #tabs li#tab_8 a { width: 87px; background-position: -541px top; }
.group_riding .content #content #tabs li#tab_9 a { width: 64px; background-position: -627px top; }
.group_riding .content #content #tabs li#tab_10 a { width: 64px; background-position: -690px top; }
.group_riding .content #content #tabs li#tab_11 a { width: 84px; background-position: -754px top; }

.group_riding .content #content #tab_content { clear: both; margin: 0px -30px -30px -30px; background: url(/assets/images/group_riding_body.png) repeat-x #142533; }
.group_riding .content #content #tab_content .tab_page { display: none; padding: 30px; }
.group_riding .content #content #tab_content .tab_page.active { display: block; }
.group_riding .content #content #tab_content .tab_page h1 { font-size: 29px; color: #FFF; margin-bottom: .5em; }
.group_riding .content #content #tab_content .tab_page h4 { font-size: 1.2em; color: #FFF; margin-bottom: .5em; }
.group_riding .content #content #tab_content .tab_page p { color: #FFF; font-size: 0.75em; margin-bottom: 1em; }
.group_riding .content #content #tab_content .tab_page ul { margin-left: 1em; margin-bottom: .5em; }
.group_riding .content #content #tab_content .tab_page ul li { list-style: url(/assets/images/bullet.gif); font-size: 0.75em; color: #55CAD2; font-weight: bold; margin-bottom: .5em; }
.group_riding .content #content #tab_content .tab_page p a { font-weight: bold; color: #fff; }

#body.events .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.events .content #content { width: 840px; padding: 30px; margin: 0px 0px 25px 30px; background: #FFF; }
.events .content #content #tabs { margin-left: 5px; }
.events .content #content #tab_content { clear: both; width: 760px; padding: 35px 45px 10px 45px; background: url(/assets/images/event_content.png) no-repeat #000000; }
.events .content #content #tab_content .tab_page { display: none; }
.events .content #content #tab_content .tab_page.active { display: block; }
.events .content #content #tabs li { list-style: none; float: left; margin-left: 5px; margin-bottom: -6px; }
.events .content #content #tabs li a { position: relative; z-index: 1000; background: url(/assets/images/event_tabs_off.jpg) no-repeat; }
.events .content #content #tabs li a:hover, .events .content #content #tabs li.active a { background: url(/assets/images/event_tabs_on.jpg) no-repeat; }
.events .content #content #tabs li#tab_all a { width: 141px; height: 37px; text-indent: -9999px; overflow: hidden; display: block; background-position: left top; }
.events .content #content #tabs li#tab_thismonth a { width: 141px; height: 37px; text-indent: -9999px; overflow: hidden; display: block; background-position: -144px top; }
.events .content #content #tabs li#tab_nextmonth a { width: 145px; height: 37px; text-indent: -9999px; overflow: hidden; display: block; background-position: right top; }
.events .content #content #tabs li { list-style: none; float: left; }
.events .content #content p { font-size: 0.75em; color: #666; margin-bottom: 1em; }
.events .content #content .event { padding-bottom: 15px; border-bottom: solid 1px #3A3A3A; margin-bottom: 25px; }
.events .content #content .event h2 { font-size: 30px; color: #FFA722; display: block; margin-bottom: 10px; }
.events .content #content .event span { font-size: 14px; color: #FFCC00; font-weight: bold; display: block; margin-bottom: 8px; }
.events .content #content #tab_content p { color: #FFF; }
.events .content #content .event .social { width: 199px; height: 28px; padding: 3px; background: url(/assets/images/social_box.jpg) no-repeat; }
.events .content #content .event .social li { float: right; list-style: none; margin-left: -2px; }
.events .content #content .event .social a { background: url(/assets/images/social_icons.png) no-repeat; width: 27px; height: 27px; display: block; text-indent: -9999px; overflow: hidden; }
.events .content #content .event .social li.facebook a { background-position: left top; }
.events .content #content .event .social li.delicious a { background-position: -25px top; }
.events .content #content .event .social li.twitter a { background-position: -50px top; }
.events .content #content .event .social li.stumble a { background-position: -75px top; }
.events .content #content .event .social li.reddit a { background-position: -100px top; }

#body.links .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.links .content #content { width: 840px; padding: 30px; margin: 0px 0px 25px 30px; background: #FFF; }
.links .content #content p { font-size: 0.75em; color: #666; }
.links .content #content #links_left, .links .content #content #links_right { background: url(/assets/images/links.png) repeat-x #E7E7E7; }
.links .content #content #links_left { float: left; width: 419px; border: solid 1px #999;  }
.links .content #content #links_right { float: left; width: 418px; border: solid 1px #999; border-left: none; }
.links .content #content ul { padding: 8px 0px; margin-top: 15px;  }
.links .content #content ul li { list-style: url(/assets/images/links_bullet.gif); margin-left: 3em; font-size: 0.75em; color: #666; padding: 5px 0px; }
.links .content #content ul li a { font-size: 22px; font-weight: bold; color: #000; margin-bottom: 3px; display: block; }

#body.testimonials .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.testimonials .content #content { width: 840px; padding: 30px; margin: 0px 0px 25px 30px; background: #FFF; }
.testimonials .content #content p { font-size: 0.75em; color: #666; }
.testimonials .content #content #tabs { margin-left: 5px; }
.testimonials .content #content #tab_content { clear: both; width: 760px; padding: 35px 45px 10px 45px; background: url(/assets/images/event_content.png) no-repeat #000000; }
.testimonials .content #content #tab_content .tab_page { display: none; }
.testimonials .content #content #tab_content .tab_page.active { display: block; }
.testimonials .content #content #tabs li { list-style: none; float: left; margin-left: 5px; margin-bottom: -6px; }
.testimonials .content #content #tabs li a { position: relative; z-index: 1000; background: url(/assets/images/testimonial_off.jpg) no-repeat; width: 51px; height: 37px; display: block; text-align: center; line-height: 37px; font-size: 15px; font-weight: bold; }
.testimonials .content #content #tabs li a:hover, .testimonials .content #content #tabs li.active a { background: url(/assets/images/testimonial_on.jpg) no-repeat; color: #000; text-decoration: none; }
.testimonials .content #content #tabs li { list-style: none; float: left; }
.testimonials .content #content p { font-size: 0.75em; color: #666; margin-bottom: 1em; }
.testimonials .content #content .tab_page { padding-bottom: 15px; margin-bottom: 25px; }
.testimonials .content #content .tab_page h2 { font-size: 30px; color: #FFA722; display: block; margin-bottom: 10px; }
.testimonials .content #content #tab_content p { color: #FFF; }
.testimonials .content #content #tab_content p a { color: #FFF; text-decoration: underline; }
.testimonials .content #content #tab_content p a img { border: none; }

.testimonials .content #content > h2 { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); font-size: 36px; font-weight: normal; color: #fff; margin-bottom: 20px; }
.testimonials .content #content > h2 span { padding: 0px 10px; background-color: #000; }

.testimonials .content #content #videos { margin: -40px 10px 10px -57px; width: 935px; height: 180px; padding: 57px 0px 0px 27px; background: url(/assets/images/testimonials_bg.png) no-repeat; }
.testimonials .content #content #videos .carousel-wrap > ul { height: 200px; }
.testimonials .content #content #videos .carousel-wrap > ul > li { list-style: none; float: left; width: 183px; height: 180px; margin-right: 10px; }
.testimonials .content #content #videos .carousel-wrap > ul > li .image { display: block; border: solid 2px #000; margin: 0px 0px 5px 0px; }
.testimonials .content #content #videos .carousel-wrap > ul > li .image img { display: block; border: none; }
.testimonials .content #content #videos .carousel-wrap > ul > li a { display: block; font-size: 0.75em; color: #000; font-weight: bold; }
.testimonials .content #content #videos .carousel-wrap > ul > li strong { display: block; font-size: 0.75em; font-weight: normal; }
.testimonials .content #content #videos .carousel-wrap > ul > li p { font-size: 0.7em; color: #666; }
.testimonials .content #content #videos .carousel-previous, .testimonials .content #content #videos .carousel-next { width: 67px; height: 69px; display: block; cursor: pointer; text-indent: -9999px; overflow: hidden; background: url(/assets/images/arrows.png) no-repeat; float: left; }
.testimonials .content #content #videos .carousel-wrap { float: left; width: 762px; }
.testimonials .content #content #videos .carousel-previous { margin: 0 20px 0 -20px; }
.testimonials .content #content #videos .carousel-next { background-position: left bottom; margin: 0 0 0 25px; }

#body.contact .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
#body.contact .content h2 { font-size: 27px; }
.contact .content #content p { font-size: 0.75em; color: #333; margin-top: 1em; }
.contact .content #content { background-color: #fff; width: 840px; padding: 30px; margin: 0px 0px 25px 30px; }
.contact .content #content_left { float: left; width: 381px; margin-right: 30px; }
.contact .content #content_left #map { width: 390px; height: 461px; border: solid 1px #CCC; margin-top: 25px; }
.contact .content #content_right { float: left; padding-left: 30px; width: 394px; border-left: solid 1px #CCC; }
.contact .content #content_right form { position: relative; margin-top: 20px; width: 354px; height: 454px; background: url(/assets/images/about_contact.jpg) no-repeat; padding: 20px; }
.contact .content #content_right form #form { z-index: 9; position: absolute; }
.contact .content #content_right form #result { z-index: 11; display: none; position: absolute; text-align: center; width: 355px; }
.contact .content #content_right form #form_busy { z-index: 10; display: none; position: absolute; text-align: center; width: 395px; height: 494px; background: url(/assets/images/modal.png); margin: -20px 0px 0px -20px; }
.contact .content #content_right form #form_busy span { display: block; color: #FFF; font-weight: bold; font-size: 1.2em; line-height: 455px; }
.contact .content #content_right form #result h3 { font-size: 29px; color: #FFF; }
.contact .content #content_right form #result p { color: #FFF; margin-bottom: 1em; }
.contact .content #content_right form #result a { color: #FFF; font-size: 0.75em; font-weight: bold; }
.contact .content #content_right form h1 { color: #FFF; margin-bottom: 20px; }
.contact .content #content_right form label { float: left; font-size: 0.75em; font-weight: bold; color: #FFF; display: block; width: 125px; line-height: 27px; }
.contact .content #content_right form label.long { width: 300px; }
.contact .content #content_right form input[type=text] { font-size: 0.75em; width: 210px; margin-bottom: 5px; }
.contact .content #content_right form textarea { width: 340px; height: 50px; margin-bottom: 10px; padding: 5px; font-family: arial; font-size: 0.75em; }
.contact .content #content_right form input[type=submit] { width: 156px; height: 44px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/register.png) no-repeat transparent; border: none; clear: both; margin-top: 10px; cursor: pointer; }
.contact .content #content_right form input[type=submit]:hover { background-position: left bottom; }

#body.generic .content > h1 { margin: 30px 0px 30px 20px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.generic .content #content p { font-size: 0.75em; color: #666; margin-top: 1em; }
.generic .content #content { background-color: #fff; width: 840px; padding: 30px; margin: 0px 0px 25px 30px; }
.generic .content #content ul { margin-top: 1em; margin-left: 1.1em; }
.generic .content #content ul li { font-size: 0.75em; color: #666; }
.generic .content h3 { margin-bottom: 15px; font-size: 27px; }
.generic .content h5 { margin-bottom: 5px; font-weight: normal; color: #6699CC; } 
.generic .content #content .result { margin-bottom: 0.5em; }
.generic .content #content .result a { font-size: 0.8em; font-weight: bold; color: #333; margin-bottom: 0.4em; display: block; }
.generic .content #content .result p { margin: 0px; }

	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 75px;
		height: 15px;
		position: relative;
		background: url(/assets/images/stars.png) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		height:15px;
		width: 15px;		
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:15px;
		height: 15px;
		line-height:15px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(/assets/images/stars.png) left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:15px;
	}
	.star-rating a.two-stars{
		left:15px;
	}
	.star-rating a.two-stars:hover{
		width: 30px;
	}
	.star-rating a.three-stars{
		left: 30px;
	}
	.star-rating a.three-stars:hover{
		width: 45px;
	}
	.star-rating a.four-stars{
		left: 45px;
	}	
	.star-rating a.four-stars:hover{
		width: 60px;
	}
	.star-rating a.five-stars{
		left: 60px;
	}
	.star-rating a.five-stars:hover{
		width: 75px;
	}
	.star-rating li.current-rating{
		background: url(/assets/images/stars.png) left bottom;
		position: absolute;
		height: 15px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}		


.winter_box { width: 868px; height: 89px; background: url(/assets/images/winter2.png) no-repeat; padding-left: 64px; padding-top: 93px; margin-left: 18px; margin-top: 15px; margin-bottom: 15px; position: relative; }
.winter_box p { font-size: 14px; color: #fff; font-weight: bold; width: 404px; float: left; text-shadow: #000 1px 1px 1px; }
.winter_box strong { float: right; font-size: 12px; color: #fff; text-align: right; width: 277px; margin-top: -57px; margin-right: 56px; }
.winter_box span { float: right;  font-size: 12px; color: #E48686; text-align: right; width: 277px; margin-top: -26px; margin-right: 56px; }
.winter_box a { width: 171px; height: 65px; float: right; margin-right: 33px; display: block; text-indent: -9999px; overflow: hidden; background: url(/assets/images/find_out_more_orange.png) no-repeat; }
.winter_box a:hover { background-position: left bottom; }

.video_modal { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; background: url(/assets/images/ammodal.png); z-index: 99999999; }
.video_modal iframe { position: absolute; left: 50%; top: 50%; margin-top: -250px; margin-left: -317px; }