/* Start of CMSMS style sheet 'Main' */
* {
margin:0;
padding:0;
}

html {
	overflow-y: scroll;
}

body {
text-align: left;
font: 13px/17px Georgia, Times, serif;
color: #333;
background: #ff0000 url(images/background.gif);
margin: 0;
padding: 0;
}

div {
font-size: 1em;
}

img {
border: 0;
}

p {
line-height: 1.5em;
margin: 10px 0 0 0;
}

blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}

strong, b {
font-weight: bold;
}

em, i {
font-style:italic;
}

a,
a:link 
a:active {
text-decoration: underline;
color: #e63829;
}

a:visited {
color: #e63829;
}

a.print {
background: url(images/cms/printbutton.gif) top left no-repeat;
padding: 2px 0 10px 22px;
float: right;
}

.red {
color: #e63829;
}

div#content h1, div#main h1 {
font: 34px/36px Georgia, Times, serif;
color: #e63829;
font-weight: normal;
padding: 20px 0 10px 0;
letter-spacing: -2px;
}

div#main h2, div#main h2 a {
color: #333;
font: 26px Arial, Helvetica, san-serif;
font-weight: bold;
margin: 15px 0 3px 0;
letter-spacing: -.2px;
text-decoration: none;
}
.postDate {
color: #e63829;
font-weight: bold;
font-size: 11px;
height: 20px;
margin: 0 0 0 2px;
}

div#main p.tagline {
font-size: 15px;
letter-spacing: -.1px;
margin: 0 0 0 -10px;
padding: 0;
}

.morePosts {
text-align: right;
font-weight: bold;
}

.clear {
clear: both;
width: 100%;
}

.divider {
clear: both;
width: 600px;
height: 20px;
margin: 0 0 0 -15px;
background: url(images/divider.gif) top left no-repeat;
}

.dots {
height: 3px;
border-bottom: 1px dotted red;
margin: 4px 0;
padding: 0 0 5px 0;
width: 100%;
clear: both;
text-indent: -9999px;
}

#main .dots { 
width: 575px;
}


#menu {
background: url(images/menuback.gif) 0 2px no-repeat;
width: 909px;
height: 36px;
text-indent: 0;
margin: 76px 0 0 8px;
text-transform: uppercase;
font: 11px Arial, Helvetica, san-serif;
}

#menu ul {
position: relative;
padding: 0 0 0 10px;
}

#menu li {
list-style: none;
margin: 0;
display: block;
float: left;
text-align: center;
}

div#menu a {
text-decoration:none;
display: block;
margin: 4px 0 0 0;
padding: 7px 13px 18px 13px;
color: #444444;
background: url(images/navtabber.gif) top right no-repeat;
font-weight: bold;
}

div#menu a:hover {
margin: 4px 0 0 0;
padding: 7px 13px 18px 13px;
background: url(images/menuback.gif) -30px -38px no-repeat;
color: #FFF;
}


div#menu li.currentpage, div#menu li.activeparent {
background: url(images/menuactiveL.gif) no-repeat; 
text-decoration:none;
display: block;
padding: 0 0 0 3px;
margin: 0 0 0 0;
}

div#menu ul ul li.currentpage {
background: none;
text-decoration:none;
display: block;
padding: 0 0 0 3px;
margin: 0 0 0 -3px;
color: #e63829;
}

div#menu ul h3, div#menu a.activeparent {
background: url(images/menuactiveR.gif) top right no-repeat; 
text-decoration:none;
display: block;
padding: 9px 13px 17px 10px;
margin: 0;
color: #FFF;
font: 11px Arial, Helvetica, san-serif;
line-height: 1em;
text-align: center;
font-weight: bold;
}


#menu ul ul {
position: absolute;
top: 35px;
left: 0;
width: 100%;
}


div#menu ul ul h3, div#menu ul ul  a.activeparent {
background: none; 
text-decoration:none;
display: block;
padding: 10px 13px 17px 10px;
margin: 0;
font: 11px Arial, Helvetica, san-serif;
line-height: 1em;
text-align: center;
font-weight: bold;
color: #e63829;
}
div#menu ul ul li.activeparent a:hover {
padding: 10px 13px 17px 10px;
margin: 0;
}


div#menu ul ul li.currentpage, div#menu ul ul h3, div#menu ul ul li.activeparent {
background: none;
color: #e63829;
}

div#menu ul ul li a {
text-decoration:none;
display: block;
margin: 4px 0 0 0;
padding: 6px 8px;
color: #444444;
font-weight: bold;
background: none;
}

div#menu ul ul li a:hover {
margin: 4px 0 0 0;
padding: 5px 8px;
background: none;
color: #e63829;
text-decoration: underline;
}

#menu ul ul ul {
display: none; 
}


div#pagewrapper {
margin: 0 auto;
width: 925px;
background: #000 url(images/backer.gif);
}

div#header {
background: url(images/header1.jpg) no-repeat;
text-indent: -9999px;
border-top: 1px solid #000;
}

div#sidebar {
float: right;
width: 225px;
margin: 0 25px 0 0;
padding: 15px 0 30px 0;
}

div#sidebar h2 {
color: #e63829;
margin: 15px 0 3px 0;
font: bold 1em Arial, Helvetica, san-serif;
}

div#sidebar a {
clear: both;
color: #666;
}

div#sidebar img {
margin: 8px 0 0 0;
}

div#sidebar ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
font: bold 12px Arial, Helvetica, san-serif;
}

div#sidebar ul li {
margin: 5px 0;
}

div#sidebar ul a {
text-decoration: underline;
}

div#search {
width: 225px;
height: 28px;
background: transparent url(images/search.gif);
}

#s {
border: none;
background: transparent;
margin: 1px 0 0 3px;
padding: 4px;
color: #999;
float: left;
width: 150px;
font-size: 10px;
}

#sbutton {
float: right;
}


div#content {
clear: both;
}


div#main {
width: 575px;
margin: 15px 0 25px 25px;
padding: 0 0 0 20px;
clear: both;
float: left;
}

div#main h3 {
font: 20px/20px Georgia, Times, serif;
color: #e63829;
clear: both;
padding: 10px 0 10px 0;
}

div#main h3.section {
font: 13px/13px Georgia, Times, serif;
text-transform: uppercase;
text-align: center;
color: #e63829;
clear: both;
padding: 8px;
font-weight: bold;
border-top: 1px dotted #e63829;

}

div#main h4 {
font: 22px/20px Georgia, Times, serif;
letter-spacing: -.05em;
text-align: left;
clear: both;
padding: 15px 0 20px 0;
margin: 20px 0 0 0;
border-top: 1px dotted #e63829;
}


div#main ul {
margin: 0 0 0 20px;
padding: 0;
list-style-image: url(images/bullet.gif);
}

div#main ul strong.red {
margin: 0 0 0 -20px;
}

div#main ul strong.black {
margin: 0 0 0 -20px;
}

div#main ul li {
margin: 5px 0;
}

div#main strong.titles {
text-transform: uppercase;
color: #e63829;
font: bold 18px/30px Arial, Helvetica, san-serif;
}

div#main #featuredText {
line-height: 1.6em;
margin: 15px 0 0 0;
}


div#main #featuredFeatures ul {
list-style-type: none;
list-style-image: none;
padding: 0 0 30px 200px;
}

div#main #featuredFeatures ul li ul {
list-style-image: url(images/bullet.gif);
padding: 0 0 0 0;
}

div#main #featuredFeatures strong {
float: left;
display: block;
font-weight: normal;
width: 200px;
margin: 0 0 0 -200px;
color: #e63829;
}

table#childsizing {
width: 300px;
float: right;
font: 12px Arial, Helvetica, san-serif;
}

table#childsizing th {
background-color: #e63829;
margin: 2px;
padding: 4px;
color: #fff;
}

table#childsizing td {
background-color: #d1f1fc;
padding: 4px;
margin: 2px;
font-weight: bold;
}


div#main #vacations p {
padding: 15px 0 0 100px;
border-top: 1px dotted #e63829;
}

div#main #vacations img {
margin: 0 0 0 -100px;
float: left;
}

div#main.subpages img {
float: left;
margin: 10px 20px 10px 0;
clear: both;
}

div#main.subpages h1 {
font: 28px/28px Georgia, Times, serif;
color: #333;
letter-spacing: -1px;
}

div#main.subpages ul {
padding: 15px 0 10px 200px;
margin: 0;
border-top: 1px dotted #e63829;
clear: both;
display: block;
}

div#main.subpages ul img {
margin: 0 0 0 -180px;
}

div#main.subpages ul li {
margin: 8px 0 0  20px;
}

div#main.subpages strong {
color: #e63829;
}

div#main #sizingchart {
width: 570px;
padding: 55px 0 30px 0;
margin: -30px 0 30px 0;
background: transparent url(uploads/images/adultsizing.jpg) top left no-repeat;
}
div#main #sizingchart p {
width: 300px;
font: 13px Arial, Helvetica, san-serif;
line-height: 16px;
margin: 10px 0 0 20px;
font-weight: bold;
}

div#main #glossary h3 {
font-weight: bold;
border-bottom: 1px dotted red;
padding: 20px 0 0 0;
margin: 0 0 10px 0;
}

div#main #glossary a {
text-decoration: none;
color: #999;
padding: 2px 2px 0 2px;
font-size: 16px;
}

div#main #glossary a.toplink {
float: right;
text-transform: uppercase;
font-size: 10px;
margin: -30px 0 0 0;
text-decoration: none;
color: red;
}

div#main .railslink {
padding: 10px 55px 10px 10px;
font-size: 14px;
height: 50px;
display: block;
float: left;
font-weight: bold;
background: transparent url(uploads/images/trails.gif) right 8px no-repeat;
}

div#main .vacationslink {
padding: 10px 85px 10px 10px;
font-size: 14px;
height: 50px;
display: block;
float: left;
font-weight: bold;
background: transparent url(uploads/images/bikevacations.gif) right 8px no-repeat;
}

div#main .bikeglossarylink {
padding: 10px 40px 10px 10px;
font-size: 14px;
height: 50px;
display: block;
float: left;
font-weight: bold;
background: transparent url(uploads/images/bikeglossary.gif) right 12px no-repeat;
}

div#main .fixaflatlink {
padding: 10px 45px 20px 0;
font-size: 14px;
height: 30px;
display: block;
float: left;
font-weight: bold;
background: transparent url(uploads/images/fixaflat.jpg) right 2px no-repeat;
}

div#main .rulesoftheroadlink {
padding: 10px 50px 10px 10px;
font-size: 14px;
height: 30px;
display: block;
float: left;
font-weight: bold;
background: transparent url(uploads/images/rulesoftheroad.jpg) right 2px no-repeat;
}

div#main .sizingguidelink {
padding: 10px 60px 10px 10px;
font-size: 14px;
height: 50px;
display: block;
float: left;
font-weight: bold;
background: transparent url(uploads/images/sizingguide.gif) right 2px no-repeat;
}

div#main #flat {
padding: 13px 10px 20px 50px;
display: block;
background: transparent url(uploads/images/fixaflat.jpg) left 2px no-repeat;
}

div#main #rules {
padding: 13px 10px 20px 50px;
display: block;
background: transparent url(uploads/images/rulesoftheroad.jpg) left 2px no-repeat;
}

div#main #meals {
height: 90px;
}

div#main  ul#meals li {
width: 185px;
float: left;
}



div#newsletter {
background: transparent url(images/newsletter.gif) no-repeat;
height: 60px;
padding: 10px 20px 0 70px;
clear: both;
font: bold 16px Times, serif;
}


div#facebook {
background: transparent url(uploads/images/facebook.png) no-repeat;
height: 60px;
padding: 0px 20px 0 60px;
margin-left: 10px;
margin-top: 10px;
clear: both;
font: bold 16px Times, serif;
}

div#registration {
background: transparent url(uploads/images/registration.png) no-repeat;
height: 60px;
padding: 0px 20px 0 60px;
margin-left: 10px;
margin-top: 10px;
clear: both;
font: bold 16px Times, serif;
}

div#newsletter a {
color: #e63829;
}

div#facebook a {
color: #3b5998;
}




div#footer {
clear: both;
color: #fff;
background: #d81505 url(images/footer.gif) no-repeat;
margin: 0 auto 0 auto;
width: 925px;
height: 120px;
font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#footer p {
font-size: 0.8em;
padding: 1.5em;
text-align: center;
margin: 0;
}

div#footer p a {
color: #fff;
}

div#footer a {
color: #fff;
text-decoration: none;
}


div.footerLinks {
float: left;
margin: 15px 0 0 10px;
line-height: 3em;
}

div.footerLinks a {
padding: 0 10px;
}

div.footerRSS {
float: left;
margin: 15px 0 0 30px;
}

div.footerRSS a:link, div.footerRSS a:visited {
line-height: 3em;
}

div.footerRSS img {
float: left;
}

div.footerExtra {
float: right;
margin: 10px 30px 0 0 ;
}

div.copy {
text-align: right;
margin: 8px 0 0 0;
font-size: .9em;
}

#dorel {
clear: both;
float: left;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 60px;
}

#dorel a:link, #dorel a:visited {
font-size: .9em;
padding: 0 34px 3px 0;
text-align: left;
text-decoration: none;
background: url(images/dorel.gif) top right no-repeat;
display: block;
}

#dorel a:hover{
text-decoration: none;
color: #fff;
}

div#main #bikefinderwidget {
float: right;
display: block;
margin: 0 0 0 20px;
padding: 0 20px;
width: 260px;
height: 220px;
background: #fff url(uploads/images/bikefinderbacker.gif) top left no-repeat;
text-align: left;
position: relative;
}

div#main #bikefinderwidget div:hover {
cursor: pointer;
}

div#main #bikefinderwidget p {
margin: 0 0 5px 0;
padding: 0;
line-height: 14px;
}

div#main #bikefinderwidget .final {
width: 258px;
height: 60px;
background: #fff url(uploads/images/finderend.gif) top left no-repeat;
text-align: center;
color: #fff;
font-size: 19px;
font-weight: bold;
letter-spacing: -.05em;
font-family: Arial, Helvetica, san-serif;
}

div#main #bikefinderwidget .final table {
height: 55px;
width: 258px;
}

div#main #bikefinderwidget .questionRed {
color: #e63829;
background: url(images/bullet.gif) 0 4px no-repeat;
padding: 0 0 3px 10px;
margin: 0 0 0 6px;
font-family: Arial, Helvetica, san-serif;
}

div#main #bikefinderwidget h3 {
text-indent: -9999px;
height: 40px;
}

div#main #bikefinderwidget h4 {
font: 22px/20px Georgia, Times, serif;
letter-spacing: 0;
text-align: left;
clear: both;
padding: 0;
margin: 0 0 10px 0;
text-align: center;
border-top: none;
}

div#main #bikefinderwidget .startover {
text-transform: uppercase;
color: #666;
font: bold 10px Arial, Helvetica, san-serif;
position: absolute;
bottom: 20px;
left: 112px;
}

div#main .bikefinderitem {
padding: 0 0 0 160px;
}

div#main .bikefinderitem img {
float: left;
margin: -30px 0 0 -160px;
}

div#main .bikefinderitem h3 {
font-family: Arial, Helvetica, san-serif;
font-weight: bold;
text-transform: uppercase;
}

div#main .bikefinderitem h3 a {
text-decoration: none;
}

div#main .bikefinderitem p {
line-height: 1.3em;
margin-bottom: 0;
}

div#main .gearfinderitem {
padding: 0 200px 0 0;
line-height: 1.2em;
}

div#main .gearfinderitem img {
float: right;
margin: -35px -200px 1px 0;
}

div#main .gearfinderitem h3 {
font: 25px/25px Georgia, Times, serif;
color: #333;
margin: 15px 0 0 0;
padding: 0 0 3px 0;
text-transform: capitalize;
width: 400px;
letter-spacing: -1px;
}

div#main .gearfinderitem p {
line-height: 1.3em;
margin-bottom: 0;
}

.newsletterForm .required {
width: 100%;
clear: both;
padding: 5px;
}
.newsletterForm input {
float: left;
margin: 10px 0 0 0;
}
.newsletterForm .submit {
width: 100%;
text-align: center;
clear: both;
}
.newsletterForm label {
width: 170px;
margin: 10px 10px 0 0;
text-align: right;
float: left;
clear: left;
}
.newsletterForm span {
font: 10px Arial, Helvetica, san-serif;
color: #e63829;
float: right;
font-weight: bold;
}


.contactform div {
width: 100%;
clear: both;
padding: 5px;
}
.contactform input {
float: left;
}
.contactform .submit {
width: 100%;
text-align: center;
clear: both;
}
.contactform label {
width: 170px;
margin: 0 10px 0 0;
text-align: right;
float: left;
}
.contactform span {
font: 10px Arial, Helvetica, san-serif;
color: #e63829;
float: right;
font-weight: bold;
}
#m3fbrp__6 {
width: 300px;
height: 100px;
}
#m3fbrp__40 {
width: 300px;
height: 100px;
clear: both;
margin: 15px 0 0 5px;
}
#m3_39 {
margin: 0 0 0 180px;
}
.checkboxed label {
text-align: left;
width: 200px;
margin-left: 10px;
float: left;
}
.submit input {
width: 130px;
margin: 20px 0 0 190px;
text-align: center;
}

#certificate {
height: 524px;
width: 550px;
background: url(uploads/images/certificate.jpg) no-repeat;
}

#certificate .certname {
padding: 5px;
font-size: 20px;
text-align: center;
width: 400px;
margin: 150px 0 0 60px;
}

#certificate .certdate {
padding: 1px;
font-size: 12px;
text-align: center;
width: 150px;
margin: 123px 0 0 44px;
}

#certificate .certyear {
padding: 1px;
font-size: 12px;
text-align: center;
width: 150px;
margin: 2px 0 0 44px; 
clear: both;
}


#certificate .certsubmit {
width: 200px;
clear: both;
margin: 80px 0 0 180px;
text-align: center;
}



/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */
/* End of 'Main' */