/* GENERIC TYPES */
html, body, form { height:100%; }
body { margin:0px 0px; background-image: url(images/tile.gif); text-align: center; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; height:100%;}
td { text-align:left; }

/* HEADERS */
h1 {font-size: 14px; font-weight:bold; text-align:left; color: #c60927; background: url(images/arrow_orange.gif) no-repeat top left; padding-left: 15px; }
h2 {font: 2.0em Georgia, Times New Roman, Helvetica, serif; color: #000000; padding: 0 0 9px 0; margin: 0;}
h3 {font-size: 1.3em; padding: 8px 0 6px 0; margin: 0;} /* used to display product titles */
h4 {font-size: 1.2em; color: #000000; padding: 8px 0 4px 0; margin: 0;}
h5 {font-size: 1.1em; color: #FFA100; padding: 10px 0 2px 0; margin: 0;}
h6 {font-size: 1.0em; color: #FFA100; padding: 0; margin: 0;}
.MainHeader {font-size: 14px; font-weight:bold; text-align:left; color: #c60927; background: url(images/arrow_orange.gif) no-repeat left; padding-left: 15px; }

/* MAIN TABLE */
.main { height:100%; }

/* FOOTER */
.footer { background: url(images/footer_bg.gif) no-repeat; color: #636363; width: 884px; height: 120px; }
.footer a { color: #636363; text-decoration: none; } 
.footer a:visited { color: #636363; text-decoration: none; }
.footer a:active { color: #636363; text-decoration: none; }
.footer a:hover { color: #636363; text-decoration: underline; }
.footer .mta { float:left; margin-top: 70px; margin-left:15px; }
.footer .bike-brands { float:right; margin-top: 39px; margin-right:19px; }
.footer .links { float:right; margin-top:1px; margin-right:9px; width:510px; }
.footer .imagecentre { float:left; margin-top:86px; margin-left:197px; }
.footer-cell { vertical-align:bottom; height:120px; }

/* HEADER */
.header { background: url(images/header_bg.gif) no-repeat; width: 884px; height:195px; }
.header .banner { float:left; }
.header .logo { float:right; margin-top:32px; margin-right:18px; }
.header .MenuContainer { width:680px; float:right; margin-top:23px; }

/* TOP MENU */
input.homeform { font-family: Verdana; font-size: 10px; }
.LoginErrorMessage { font-family: Verdana; font-size: 8px; color: #FF0000; }
.Error { font-family: Verdana; font-size: 10px; color: #FF0000; }

/* TOOLBAR */
td.toolbar { background: url(images/toolbar.gif) no-repeat; width: 893px; }
td.toolbarleft { color: #c60927; font-weight:bold; text-align:left; }
td.toolbarleft a { color: #c60927; font-weight:bold; }
td.toolbarright { color: #000000; font-weight:bold; }
.Welcome { font-weight:normal; font-style: normal; text-decoration: none; text-align:right; width:300px; }
.Welcome a { font-weight:normal; font-style: normal; text-decoration: none }

/* CONTENT PAGE */
.content-row { background: url(images/content_bg.gif); background-repeat:repeat-y; width: 884px; }
.content-cell { vertical-align:top; width: 820px; padding-left:10px; padding-top:10px; }

/* SHOPPING CART */
.table border { border: solid 1px #ec870e; }
.table td.header { border: solid 1px #FFFFFF; padding:10px; font-size: 12px; }

/* LINKS */
A { font-style: normal; color: #6A686C; text-decoration: none}
A:active { font-style: normal; color: #6A686C; text-decoration: none}
A:visited { font-style: normal; color: #6A686C; text-decoration: none}
A:hover { font-style: normal; color: #003366; text-decoration: none}

A.whitelink { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:active { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:visited { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:hover { font-style: normal; font-weight: normal; color: white; text-decoration: none}

select {
    font-size: 8pt; 
    font-family: Verdana, sans-serif; 
}

.text {
    font-size: 8pt; 
    font-family: Verdana, sans-serif; 
}

/* -- Global Layout Styles -- */
#bodywrapper {width: 800px; padding: 0px 0px 0px 0px; margin:0px auto; text-align:left; }
#contentwrapper { padding: 5px 0px 0px 0px; margin:0px auto; text-align:left; position: relative; background-color: White;}
.pagewrapper {padding: 0 0px; background: url(images/pagewrapper_bg.gif) repeat-y; position: relative; }
#languagewrapper {width: 800px; padding: 4px 0px 0 0px; margin:0px auto; text-align:right; position: relative; border-top: solid 1px gray;}
#headwrapper{ padding: 0 20px; height: 60px;background-color: white;}
#headlinewrapper{height: 20px;background-color: #485C5A;padding: 8px 5px 0px 10px;color: White;font-weight: bold;}
#searchwrapper{background-color: #BCE27F;}

/* -- Top Navigation -- */
#topmenu {}
#navbar-top {height: 20px;}
#navbar-bottom {height: 61px;}

#navbar-top #login {float: right; width: 464px; height: 22px; text-align: right;}
#navbar-top #login a {color: black;}
#navbar-top #login .input_field-email {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 13em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .input_field-pass {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 5em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .button {margin: 0 15px -2px 3px;}

#navbar-bottom #sectionlinks {width: 100%; height: 36px; background: url(images/corner_bl.gif) no-repeat left top; color: #FFF;}
#navbar-bottom #sectionlinks img {margin-right: 10px;}
#navbar-bottom #sectionlinks a {color: #FFF;}
#navbar-bottom #sectionlinks .backtotop {}

#searchbar { text-align: center; border: solid 0px #999999; background-color: white; position: absolute; left: 383px; top: 5px; width: 425px; height: 25px; padding: 7px 0 7px 7px;}
#searchbar .header1 {float: left; margin-bottom: 9px;}
#searchbar .search-input {width: 130px; margin-right: 4px;}
#searchbar select {width: 145px; border: 1px solid #9B9B96;}
#searchbar .advanced {float: left; padding: 2px 0 0 10px; display: inline;}
#searchbar .button {margin: 0 0 -6px 0;}

#copyright {text-align: right; width: 800px}
#sitetitle {background: url(images/title.gif); width: 480px; height: 60px; cursor: pointer; background-repeat: no-repeat;}

/* -- Clear Fix -- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* news and events */
.news-row { border-bottom: solid 1px #e4ceb5; padding-bottom: 10px; }
.news-row-alt { border-bottom: solid 1px #e4ceb5; }
a.news-title { font-weight:bold; color:Black; font-size: 12px; }
a.news-title:visited { font-weight:bold; color:Black; font-size: 12px; }
a.news-link { font-weight:bold; color:#c60927; }
a.news-link:visited { font-weight:bold; color:#c60927; }

.events-row { border: solid 1px #ec870e; }

/* profiles */
.profile-row { border-bottom: solid 1px #e4ceb5; }
.profile-heading { background-color:#d5d5d5; padding:5px; font-size:11px; font-weight:bold; }
.right-panel { background-color:#efefef; padding:5px; }
.left-panel { padding:5px; }

/* paddings */
.PadLeft5 { padding-left:5px; }
.PadLeft10 { padding-left:10px; }
.PadRight10 { padding-right:10px; }
.PadTop5 { padding-top:5px; }
.PadTop10 { padding-top:10px; }
.AlignRight { text-align:right; }
.AlignCenter { text-align:center; }
.AlignTop { vertical-align:top; }
.Font12Left { font-size:12px; font-weight:bold; text-align:left; }
.Font12Center { font-size:12px; font-weight:bold; text-align:center; }
.ButtonBack { cursor: hand; cursor: pointer; }

/* category placeholders */
.category { width:654px; height:378px; background: url(images/category_bg.jpg) no-repeat right; }