/*************************************************************/
/*********GENERAL STUFF - SET FONT SIZE AND TYPE ETC *********/
/*************************************************************/
/*@font-face {
	font-family: 'FFFTusjBold';
	src: url('/fontface/FFF_Tusj-webfont.eot');
	src: local('?'), url('/fontface/FFF_Tusj-webfont.woff') format('woff'), url('/fontface/FFF_Tusj-webfont.ttf') format('truetype'), url('/fontface/FFF_Tusj-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body,td,p{font-family:arial, Trebuchet MS, Verdana, Tahoma, helvetica,sans-serif; font-size: 62.5%; padding: 0px; margin: 0px;}
body {background-color:#cccccc; color:#222; text-align:left;}

ul {list-style-position:outside;}
li {font-size: 1.2em; padding-bottom:3px;}
p {font-size: 1.4em; padding-bottom:10px;line-height:1.4em;}
a p {font-weight: normal;}
em {font-style:italic; color:#cd2630;}

/*default style for links*/
a:link{color:#525252; font-weight: bold; text-decoration: none;}
a:visited{color:#525252; font-weight: bold; text-decoration: none;}
a:hover{color:#ff9900; font-weight: bold; text-decoration: underline;}
a:active{color:#ff9900; font-weight: bold; text-decoration: none;}
a img {border:0px}

/*default style for headings*/
h1 {color:#660000; font-size:2.2em; font-weight:bold; padding: 0px; margin:0px; margin-bottom:10px;}
h2 {color:#660000; font-size:1.6em; font-weight:normal; padding:0 0 5px 0; margin:0px;}

/*************************************************************/
/******** OVERALL LAYOUT - HEADERS AND MENUS ETC ********/
/*************************************************************/

/*container for whole area of site - centered, max and min width layout */
#container {margin-left:auto; margin-right:auto; min-width:760px; max-width:1100px; background-color:#fff;}

/*items at head of every page - logo banner and menu*/
#topspacer {height: 22px; background-color:#cccccc;}
#newheader {background: #660000 url('/images/bike_with_shadow.jpg') no-repeat right top; position:relative; width:100%; height: 100px;}
#leftbannerimg {position:absolute; top:-50px; left:-20px; z-index:10;}
#menu {position:absolute; top:62px; right:0; height:28px; width:100%; padding:0px; margin:0px; border:0px; z-index:100;}

/* to get equal height columns */
#main{margin-left:auto; margin-right:auto; margin-top:-4px; min-width:270px; max-width:610px; padding:0px 270px 0px 220px;}
#mainwrapper{float:left; width:100%; border-left:220px solid #fff; border-right:270px solid #fff; margin-top:16px; margin-left:-220px; margin-right:-270px; display:inline; /* So IE plays nice */}
#maintext {float:left; min-height:400px; width:100%; margin-right:-100%; 
  background: #fff;
  /* url('/images/main_image.jpg') no-repeat center 50px;*/
  /* for IE */
	/*filter:alpha(opacity=60);*/
	/* CSS3 standard */
	/*opacity:0.6;*/
	}
#menu_sidebar{float:left; position:relative; width:188px; margin-left:-220px; background-color:#660000; border-left: 16px solid #fff; border-right: 16px solid #fff;}
#side_info {float:right; position:relative; width:238px; margin-right:-270px; border-left: 16px solid #fff; border-right: 16px solid #fff;}

/* for pages with no right-hand column */
#main_v2{margin-left:auto; margin-right:auto; margin-top:-4px; min-width:540px; max-width:880px; padding:0px 0px 0px 220px;}
#mainwrapper_v2{float:left; width:100%; border-left:220px solid #fff; margin-top:16px; margin-left:-220px; display:inline; /* So IE plays nice */}

/* bottom logo bar */
#ext_logo {position:relative; bottom:0px; right:0px; width:100%; text-align:center; margin-bottom:6px;}

/* extra padding at top and bottom of page if required */
#padspacer {height: 10px;background-color:#cccccc;}

/* class to clear floats */
.clear{clear:both;}


/*************************************************************/
/******** MAINTEXT FORMATING ********/
/*************************************************************/

#mainwrapper a:link{text-decoration: underline;}
#mainwrapper a:visited{text-decoration: underline;}
#mainwrapper a:hover{text-decoration: none;}
#mainwrapper div.toggle {background: #525252 url(img/darrowdown.gif) no-repeat 90% center; color:#f7f7f7; width:98%; line-height:1.5em; padding: 5px; margin: 5px 0px; font-size:1.2em; cursor:pointer;}
#mainwrapper div.toggleSection {display: none;}
#mainwrapper div.box1 {width:70%; padding: 2%; margin: 10px 14%;}
#mainwrapper div.box2 {width:96%; padding: 2%; margin: 0 0 8px 0;}
#mainwrapper div.box3 {width:80%; padding: 2%; margin: 10px 8%;}
#mainwrapper div.levels {position:relative;}
#mainwrapper div.levels img {position:absolute; top: -25px; right: -20px; width:75px;}
#mainwrapper div.levels img.second {right: 75px;}
#mainwrapper div.levels img.third {right: 155px;}
#mainwrapper div.levels_side {position:relative;}
#mainwrapper div.levels_side img {position:absolute; left: 400px; top: -5px; padding-bottom:20px;}
#mainwrapper div.levels_side img.second {left: 300px;}
#mainwrapper div.levels_side img.third {left: 200px;}
#mainwrapper div.levels_side_notext {position:relative; height:50px; width:100%; padding-bottom:10px;}
#mainwrapper div.levels_side_notext img {position:absolute; left: 400px; top: -5px; padding-bottom:20px;}
#mainwrapper div.levels_side_notext img.second {left: 300px;}
#mainwrapper div.levels_side_notext img.third {left: 200px;}
#mainwrapper div.wide img {left: 550px;}
#mainwrapper div.highlight1 {background-color:#f9c896; color:#222;}
#mainwrapper div.highlight2 {background-color:#f1e07f; color:#222;}
#mainwrapper div.highlight3 {background-color:#cef38e; color:#222;}
#mainwrapper div.highlight4 {background-color:#ebebeb; color:#222;}
#mainwrapper div.highlight5 {background-color:#e2e0de; color:#222; text-align:left;}
#mainwrapper div.title {font-weight: bold; font-size:1.3em;}
#mainwrapper div.team img {float:left; width:80px; border:1px solid; margin-right:10px; margin-bottom:5px;}
#mainwrapper ul.text {padding:0px; padding-left:20px; margin:0px;}
#mainwrapper ul.text li {font-size:1.3em; line-height:1.5em;}
#mainwrapper img.smlImg {width:100px;}

/* side information boxes */
#side_info div.highlightbox1 {line-height:1.5em; background-color:#ebebeb; margin:0px; padding:8px 8px 4px 8px; text-align:left;}
#side_info div.highlightbox1 h2{padding-bottom:8px;}
#side_info div.highlightbox1 p, td{font-size:1.1em;}
#mainAreaImage{width:100%; text-align:right;}

/* tables for contact/interest forms */
#mainwrapper td {font-size:1em; padding:2%; vertical-align:center; height:10px;}
#mainwrapper td input {width:96%; padding:2%; vertical-align:center; height:10px;}
#mainwrapper td textarea {width:96%; padding:2%; height:100px;}
#mainwrapper td input.submit {width:110px; height:30px; cursor:pointer; cursor:hand; background-color:#848484; color:#fff;}
#mainwrapper td input.radio {width:10%;}
#mainwrapper tr.messages {display:table-row; text-align:right; color: #D8000C; font-weight: bold;}
#mainwrapper tr.success {color: #044406;}
#mainwrapper tr.hide_row {display:none;}


/*************************************************************/
/******** INCLUDE FILE FORMATTING - MENUS ETC ********/
/*************************************************************/

/*top menu*/
#menu ul {text-align:right; list-style-type:none; padding: 6px 1.3% 6px 0px; border:0px; height:16px; margin-bottom:0px;}
#menu ul li {display:inline;}
#menu ul li a{font-size:1.2em; color:#660000; font-weight:bold; padding-right: 20px; padding-left: 10px; padding: 6px 1.3%; height:16px;
	background-color:#fff;  
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}
#menu ul li a:hover{text-decoration:none; color:#ff9900; background-color:#fff;  
	/* for IE */
	filter:alpha(opacity=85);
	/* CSS3 standard */
	opacity:0.85;
}
#menu ul li a.active{color:#660000; background-color:#fff;	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

/*menu sidebar*/
#menu_sidebar img {padding-top: 5px;}
#menu_sidebar h2 {font-size: 1.2em; letter-spacing:0.8px; color:#fff; margin:0px; border:0px; background-color:#660000; font-weight:normal; padding: 8px 5px;}
#menu_sidebar h2 p {padding: 0px; margin: 0px; margin-left:15px; margin-right:15px; font-size: 1.2em;}
#menu_sidebar a.active h2 {color:#ff9900; background:transparent url(/images/darrowleft.gif) no-repeat scroll 100% 50%;}
#menu_sidebar a img {background-color:#660000;}
#menu_sidebar div.menu_spacer{height: 10px; width:100%; background-color:#fff;}
#menu_sidebar a:link{text-decoration: none;}
#menu_sidebar a:active{text-decoration: none;}
#menu_sidebar a:visited{text-decoration: none;}
#menu_sidebar a:hover{text-decoration: none; color:#ff9900;}
#menu_sidebar a:hover h2{color:#ff9900;}
#menu_sidebar ul {margin:0px; padding:0px 8px 10px 15px; background-color: #fff;}
#menu_sidebar ul li {list-style: none; background: url(/images/rarrow_sml_pale.png) no-repeat 10px 15px; margin:0px; padding:10px 0px 0px 30px;}
#menu_sidebar ul li a{font-weight:normal; font-size:1em;}
#menu_sidebar ul li a:link{color:#660000;}
#menu_sidebar ul li a:visited{color:#660000;}
#menu_sidebar ul li a:hover{color:#ff9900;}
#menu_sidebar ul li a.active{color:#ff9900;}

#menu_sidebar div.wheelbuilding {background-color:#ff9900;}
#menu_sidebar div.wheelbuilding a h2{color:#660000; background-color:#ff9900;}