@charset "utf-8"; /* CSS Document */ /***** Contents ---------------------------------------------------------------------------------------- Author: Jay Horne - Data Torque 2008 01 Reset 02 Default Styles 03 Header Styles 03a - Home 03b - Secondary 04 Mainmenu Styles 05 Content Styles 05a - Home 05b - Secondary 06 Sponsors Styles 07 Footer Styles 08 Poweredby Styles 09 Browser: Fixed Footer */ /***** 01 Reset ----------------------------------------------------------------------------------------*/ body {color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} fieldset,img{border:0; border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:"'";} abbr,acronym {border:0;font-variant:normal;} sup,sub {line-height:-1px;vertical-align: text-top;} sub {vertical-align:text-bottom;} input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} textarea {line-height:1.25;} label {cursor:pointer;} form {margin:0;padding:0;display:inline;} blockquote {margin:22px 40px;padding:0;} small {font-size:0.85em;} /***** 02 Default Styles -------------------------------------------------------------------------------*/ html, body { border:0; margin:0; padding:0;} body,p { font:76%/1.5 Arial, Helvetica, sans-serif; color: #333333;} p { font:76%/1.5 Arial, Helvetica, sans-serif; color: #333333; padding: 0 20px 0 10px;} td { font-size: 0.9em; font:Arial, Helvetica, sans-serif; color: #333333;} h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.0em; font-weight: normal; line-height: 1.1em; margin-bottom: 0.7em; color: #2D6C9F} h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; line-height: 1.1em;} h3{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em;} h4{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em;} h5{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em;} h6{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em;} #content_content p, #sec_content_content p {margin-top:0 5px 5px 5px; padding-top:0px; font-size: 1.1em;} #content_main li, #sec_content_main li{margin-top: 0px; padding-top: 0px;margin-left: 40px;font:12px Arial, Helvetica, sans-serif; color: #333333;} #content_main ul, #sec_content_main ul{list-style-image: url(bullet.gif); margin-top: 10px; padding-top: 0px; margin-bottom:10px;font:12px Arial, Helvetica, sans-serif; color: #333333;} #content_main ul ul, #sec_content_main ul ul{list-style-image: url(subbullet.gif);} #content_main ul ul ul, #sec_content_main ul ul ul{list-style-image: url(subbullet.gif);} #content_main ol ol, #sec_content_main ol ol{list-style-image: url(subbullet.gif);} #content_main ol ol ol, #sec_content_main ol ol ol{list-style-image: url(subbullet.gif);} #content_main a:link, #sec_content_main a:link{color:#00579A;text-decoration:none;font-size:12px;} #content_main a:visited, #sec_content_main a:visited{color:#00579A;text-decoration:none;font-size:12px;} #content_main a:hover, #sec_content_main a:hover{color:#6DA3CF;text-decoration:none;font-size:12px;} #content_main a:active, #sec_content_main a:active{color:#00579A;text-decoration:none;font-size:12px;} .access{visibility: hidden; display:none;} .show { visibility: visible; display: block;} .hide { visibility: hidden; display:none;} /***** 03a Home Header Styles -------------------------------------------------------------------------------*/ #header_wrap{width: 100%; float: left; background-image: url(header_bg.jpg); background-repeat: repeat-x; height: 108px;} #header_content{width:955px; margin-right:auto; margin-left:auto;height: 108px;} #header_logo{width:408px; height: 108px; float: left;} #header_topmenu{width:547px; height: 108px; float: left;} #header_topmenu ul{padding: 0; margin: 0;} #header_topmenu li{padding: 0; margin: 0; display:block; float:right; list-style: none;} #header_topmenu a{padding: 0; margin: 0; display:block;} /*Header Tabs*/ #header_tabs {float: right; width: 546px;} .header_tabs_login a{ background-image: url(top_tab_login.jpg); background-repeat: no-repeat; height: 39px; width: 110px; text-indent: -9999px;} .header_tabs_selected a{background-image: url(top_tab_bike.jpg); background-repeat: no-repeat; height: 39px; width: 80px; text-indent: -9999px;} .header_tabs_unselected a{background-image: url(tob_tab_rs.jpg); background-repeat: no-repeat; height: 39px; width: 162px; text-indent: -9999px;} /*Header Search*/ #sec_header_search {padding-top: 10px; height: 26px; float: left; } .rounded { background-image: url(search_end.gif); background-repeat: no-repeat; padding-left: 5px; float:right; width: 175px;} .QuickSearchImage {float: left;} .QuickSearchInput, .rounded input {float: left; background-image: url(search_bg.gif); background-repeat: repeat-x; border:0px none #FFF; height: 18px; padding-top: 5px; padding-left: 10px; font-size: 0.8em; color: #96999E; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;} /***** 03b Secondary Header Styles -------------------------------------------------------------------------------*/ #sec_header_wrap{width: 100%; float: left; background-image: url(header_bg_sec.jpg); background-repeat: repeat-x; height: 84px;} #sec_header_content{width:955px; margin-right:auto; margin-left:auto;height: 84px;} #sec_header_logo{width:408px; height: 84px; float: left;} #sec_header_topmenu{width:547px; height: 84px; float: left;} #sec_header_logo h1{width:256px; height: 84px; display:block; float: left; background-image: url(header_logo_sec.jpg); background-repeat: no-repeat; text-indent: -9999px;} #sec_header_logo h1 a{width:256px; height: 84px; display:block; float: left; background-image: url(header_logo_sec.jpg); background-repeat: no-repeat; text-indent: -9999px;} #sec_header_logo h2{width:152px; height: 84px; display:block; float: left; background-image: url(rabodirect_secondary_header_logo.jpg); background-repeat: no-repeat; text-indent: -9999px;} #sec_header_logo h2 a{width:152px; height: 84px; display:block; float: left; background-image: url(rabodirect_secondary_header_logo.jpg); background-repeat: no-repeat; text-indent: -9999px;} #sec_header_topmenu ul{padding: 0; margin: 0;} #sec_header_topmenu li{padding: 0; margin: 0; display:block; float:right; list-style: none;} #sec_header_topmenu a{padding: 0; margin: 0; display:block;} /*Header Tabs*/ #sec_header_tabs {float: right; width: 546px;} .sec_header_tabs_login a{ background-image: url(sec_top_tab_login_sec.jpg); background-repeat: no-repeat; height: 39px; width: 110px; text-indent: -9999px;} .sec_header_tabs_selected a{background-image: url(sec_top_tab_bike_sec.jpg); background-repeat: no-repeat; height: 39px; width: 80px; text-indent: -9999px;} .sec_header_tabs_unselected a{background-image: url(sec_tob_tab_rs_sec.jpg); background-repeat: no-repeat; height: 39px; width: 162px; text-indent: -9999px;} /*Header Search*/ #sec_header_search {display:block; float:left; width: 546px; padding-top: 7px;} /***** 04 Mainmenu Styles -------------------------------------------------------------------------------*/ #mainmenu_wrap{width: 100%; float: left; background-image: url(mainmenu_bg.jpg); background-repeat: repeat-x; height: 30px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #083957; border-top:1px solid #E0EDF5;} #mainmenu_content{width:955px; margin-right:auto; margin-left:auto;} #mainmenu_content ul{margin:0px; padding:0px; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;} #mainmenu_content li{margin:0px; padding:0px 0px 0px 0px; list-style-type: none; display:block; float:left; height: 30px; list-style: none;} #mainmenu_content a{margin:0px; padding:6px 20px 0px 20px; height: 24px; color:#FFF; display:block; float:left; text-decoration:none; font-weight: bold; background-image: url(mainmenu_divider.jpg); background-repeat: no-repeat; background-position: right top;} #mainmenu_content a:hover{color: #B6D2E7; } #mainmenu_content li.Menu_Level0Selected { background-image: url(mainmenu_selected.jpg); background-repeat: repeat-x; background-position: left top; } #mainmenu_content a.Level0Selected {margin:0px; padding:6px 20px 0px 20px; height: 24px; color:#FFF; display:block; float:left; text-decoration:none; font-weight: bold; background-image: url(mainmenu_divider.jpg); background-repeat: no-repeat; background-position: right top;} /***** 05a Home Content Styles -------------------------------------------------------------------------------*/ #content_wrap{width: 100%; float: left; background-color: #FFFFFF; background-image: url(content_bg.jpg); background-repeat: repeat-x;} #content_content{width:955px; margin-right:auto; margin-left:auto; padding-top: 15px;} #content_main{float: left; width: 700px;} #content_right{float: left; width: 240px; padding-left: 15px; padding-bottom: 25px; } /***** 05b Secondary Content Styles -------------------------------------------------------------------------------*/ #content_wrap{width: 100%; float: left; background-color: #FFFFFF; background-image: url(content_bg.jpg); background-repeat: repeat-x;} #content_content{width:955px; margin-right:auto; margin-left:auto; padding-top: 15px;} #sec_content_banner{width:955px; padding: 0 0 15px 0;} #sec_content_left{float: left; width: 180px; padding-bottom: 25px;} #sec_content_main{float: left; width: 760px; padding-left: 15px; padding-top: 15px; padding-right: 0px;} /*Page Title Layout*/ #sec_content_main_title{ width:760px; padding-left: 15px; float: left;} #sec_content_main_title_main{ width:635px; float: left; padding-top: 8px; background-color: #D7E8EF; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #3990BD; height: 20px; padding-left: 10px;} #sec_content_main_title_main h1{ padding: 0; margin: 0; font-weight: bold; color: #0B1B2B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;} /*Print Button Layout*/ #sec_content_main_title_right{ width:85px; float: left; background-image: url(print_icon.gif); background-repeat: no-repeat; height: 23px; background-color: #D7E8EF; background-position: 5px 5px; padding-top: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #3990BD; padding-left: 30px;} #sec_content_main_title_right a { color: #245C97; text-decoration: none; font-size: 11px;} /*Submenu Layout*/ #submenu { background-image: url(submenu_bg.jpg); background-repeat: repeat-y;} #submenu_top{ background-image: url(submenu_top.gif); background-repeat: no-repeat; height: 15px; width: 179px;} #submenu_menu{ background-image: url(submenu_fade.jpg); background-repeat: no-repeat; background-position: center top; width: 179px;padding-bottom:15px;} #submenu_footer{ background-image: url(submenu_footer.jpg); background-repeat: no-repeat; height: 3px; width: 179px;} /*Submenu Navigation*/ #submenu_menu li{list-style-type: none;} #submenu_menu a{ display: block; padding-top: 3px; padding-bottom: 3px; text-decoration: none; padding-right: 7px} .Level1 a { color: #215E97; display: block; text-decoration: none; margin: 0px; background-image: url(submenu_arrow_rt.gif); background-repeat: no-repeat; background-position: 8px 9px; padding-left: 21px;} .Level1 a:hover { color: #EC1C2A;} .Level1Selected a{ color: #A43B04; display: block; text-decoration: none; margin: 0px; background-image: url(submenu_arrow_dn.gif); background-repeat: no-repeat; background-position: 8px 9px; padding-left: 21px; font-weight: bold;} .Level2, .Level3, .Level4, .Level5, .Level6, .Level2Selected, .Level3Selected, .Level4Selected, .Level5Selected, .Level6Selected {background-image: url(submenu_sub_bg.jpg); background-repeat: repeat-y; background-position: center top; background-color: #fff;} .Level2Selected a, .Level3Selected a, .Level4Selected a, .Level5Selected a, .Level6Selected a {color: #A43B04; display: block; font-weight: normal; text-decoration: none; margin: 0px; background-image: url(submenu_subarrow.gif); background-repeat: no-repeat;} .Level2Selected a{ padding-left: 32px; background-position: 22px 10px;} .Level3Selected a{ padding-left: 42px; background-position: 32px 10px;} .Level4Selected a{ padding-left: 52px; background-position: 42px 10px;} .Level5Selected a{ padding-left: 62px; background-position: 52px 10px;} .Level6Selected a{ padding-left: 72px; background-position: 62px 10px;} .Level2 a:hover, .Level3 a:hover, .Level4 a:hover, .Level5 a:hover, .Level6 a:hover {color: #000;} .Level2 a, .Level3 a, .Level4 a, .Level5 a, .Level6 a {color: #215E97; display: block; text-decoration: none; background-image: none; border-top-style: none; font-weight: normal;} .Level2 a{padding-left: 32px;} .Level3 a{padding-left: 42px;} .Level4 a{padding-left: 52px;} .Level5 a{padding-left: 62px;} .Level6 a{padding-left: 72px;} /*RideStrong Panel*/ .rs_footer {border-right:1px solid #CDCFCE; border-left:1px solid #CDCFCE; border-bottom:1px solid #CDCFCE;} .rs_content {border-right:1px solid #CDCFCE; border-left:1px solid #CDCFCE;} /*Get Involved Panel*/ #content_right h3 { background-color: #EFEFE5; border-bottom:1px solid #E0DFCD; color:#764F32; width: 224px; font-size: 12px; font-weight: bold; padding: 6px 8px 6px 8px; margin: 20px 0 20px 0;} #content_right ul { padding-left: 17px; padding-right: 10px;} #content_right li { list-style-image: url(bullet_arrow.jpg); padding-top: 0px; padding-bottom: 2px; line-height: 120%; margin: 0px;} #content_right a { color: #8B8B8B; text-decoration: none;} #content_right a:hover {color:#A9A9A9;} /***** 06 Sponsors Styles -------------------------------------------------------------------------------*/ #sponsor_wrap{ width: 100%; float: left; background-color:#FFFFFF; background-image: url(sponsor_divider.gif); background-repeat: repeat-y; background-position: center top;} #sponsor_content{ width:955px; margin-right:auto; margin-left:auto; background-image: url(dotted_line.gif); background-repeat: repeat-x; padding-top: 10px; padding-right: 0; padding-left: 0;} #sponsor_associate{ width: 462px; padding-right: 15px; float: left;} #sponsor_supporters{ width: 476px; padding-left: 2px; float: left;} #sponsor_bottom { width: 955px; clear: both; background-color: #FFFFFF;padding-bottom:10px;} #sponsor_associate h4, #sponsor_supporters h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #696969; padding: 0px; margin-bottom: 8px; text-align: center;} #sponsor_associate img {padding: 0 6px 20px 0; } #sponsor_supporters img {padding: 0 0 20px 13px;} /***** 07 Footer Styles -------------------------------------------------------------------------------*/ #footer_wrap{ width: 100%; float: left; background-color:#7DA9C2; border-top:1px solid #FFF; margin-top: 20px} #footer_content{ width:955px; margin-right:auto; margin-left:auto; height: 35px; background:url(footer_bg.jpg) no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;} #footer_main{ width:295px; float: left; color:#DAE7F0; padding: 6px 0px 0 0px;} #footer_right{ width:655px; float: left;} #footer_editable_area { float: none; vertical-align: bottom; padding: 10px; positoin: relative; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-align: right; line-height: 11pt;} #footer_editable_area a { color: #666666; text-decoration: none;} #footer_editable_area a:hover { text-decoration: underline;} #footer_main li { list-style-type: none;} #footer_main a:link, #footer_main a:visited { display: block; width: 163px; height:26px; color: #000; text-decoration: none; background: url(logo_zeus.gif) no-repeat left top; text-indent: -9999px;} #footer_main a:hover { background-position: left bottom;} #footer_right ul{padding: 0; margin: 0;} #footer_right li{padding: 0; margin: 0; display:block; float:right; list-style: none;} #footer_right a{padding: 8px 0px 0 20px; margin: 0; display:block; color: #FFFFFF; text-decoration: none; } #footer_right a:hover {color: #B6D2E7;} #footer_right a:hover {color: #B6D2E7;} /***** 08 Poweredby Styles -------------------------------------------------------------------------------*/ #poweredby_wrap{ width: 100%; float: left; padding-top: 10px; background-color:#FFFFFF; padding-bottom: 20px;} #poweredby_content{ width:955px; margin-right:auto; margin-left:auto;} #poweredby_content li { list-style-type: none;} #poweredby_content a:link, #poweredby_content a:visited { display: block; width: 163px; height:26px; color: #000; text-decoration: none; background: url(logo_zeus.gif) no-repeat left top; text-indent: -9999px;} #poweredby_content a:hover { background-position: left bottom;} /***** 09 Browser: Fixed Footer Styles -------------------------------------------------------------------------------*/ html {height: 100%;} body {height: 100%;} #wrap2 {position: relative; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -35px;} #fix2 { position: relative; height: 0px;} #footer_wrap {position: relative; height: 35px;} /***** Right Panel Content layout - Editable Quick links --------------------*/ #links_panel {padding-bottom: 50px;} #links_panel h3{background:url(bdg_header_rgt.jpg); background-repeat: no-repeat; background-position: bottom left; font-size:12px; color:#5c5956; font-weight:bold; width:179px; height:20px; padding:10px 0 0 8px;} #links_panel h4{font-size:12px; width:172px; background:url(dotted_line.gif); background-repeat: repeat-x; background-position: bottom left; padding-top: 10px; padding-bottom: 3px; margin-bottom: 5px; color: #999; font-weight: bold; } #links_panel p {padding: 0px; margin: 0px; font-size:12px;} #links_list {padding: 0px 0px 0px 7px; margin: 0px; width:172px;}