/* @override 
	http://dev.orangebikes.site/c/o-bikes.css
	http://www.orangebikes.co.uk/c/o-bikes.css
	http://dev2.orangebikes.site:8888/c/o-bikes.css
	http://dev2.orangebikes.site:8888/c/o-bikes08.css
	http://www.orangebikes.co.uk/c/o-bikes08.css
*/

/*--------------------------
This CSS would not have been possible without the help of inspiration form the likes of Jeffrey Zeldman, Dan Cederholm. Dave Shea to name but a few
It could be a bit better and a bit tidier, but hey little by little we're getting there. Hope the site works for you.

Updated 21/03/2007 by JC
--------------------------*/

#dashtable table {
	margin-top: 0px;
	margin-left: 65px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #ccc;
	width: 312px
}

#specs06 {
	position: relative;
	margin: 0;
}

#specs06 table {
	float: left;
	width: 700px;
}


#upgspec table {
	float: left;
	width: 175px;
}

#dashtable td {
	padding: 2px;
}

#dashtable th {
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: url(../2007bikes/images/dashtable_header.jpg) no-repeat;
}

div#bikeimage {
	width: 712px;
	margin: 0;
	border-bottom: solid #999 2px;
	padding-top: 12px;
	background: url(../global08/712px_rnd_keyine.gif) no-repeat left top;
}


.five_image {
		background-image: url(../2008bikes/images/fivebt.gif);
}

div#bikeimage img {
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}

/*#upgrade_switch
{
	float: right;
	margin: 6px;
	top: 0px;
	right: 0px;
	line-height: 34px;
	width: 173px;
}*/




#upgrade_switch {
	position: absolute;
	background: url('../assets/time_bg2.gif') top left no-repeat;
	line-height: 34px;
	width: 173px;
	margin: 20px 0 0 530px;
}


div#bikeimage h1 {
	display: none;
}

div#biketextpanel {
	

/*position:absolute; */
	margin-top: 8px;
	width: 320px;
	float: left;
}

html>body div#biketextpanel {
	

/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-top: 0px;
	min-height: 400px;
}

div#biketextpanel p {
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

div#bikeimagemenu {
	width: 712px;
	height: 24px;
	margin: 0;
	background: #999 url(../global08/bikemenubg_712px.gif);
}

div#bikeimagemenu ul#link {
	margin: 3px 0 0 3px;
	padding: 0;
	position: absolute;
	color: #333;
}

div#bikeimagemenu ul#link li {
	margin: 0px 0 0 0px;
	list-style: none;


/*	position: absolute; */
	top: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

ul#link li, ul#link a {
	height: 22px;
	display: inline;
	padding: 5px 4px 5px 4px;
}

div#bikeimagemenu ul#link li a {
	text-decoration: none;
	color: #333;
}

div#bikeimagemenu ul#link a:hover {
	color: #999;
	background: #333;
}

ul#link li.urhere {
	color: #fff;
	background: #333;
}

/* @group dashtable07 Tables */

.dashtable07 {
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
	border-right: 2px solid #0c2943;
	margin: 20px 0 10px 23px;
	width: 363px;
}

#biketextpanel h5 {
		font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	font-weight: bold;
	color: #333;
	line-height: 1.2em;
	border-top: 2px solid #ccc;
	border-spacing: 0px 4px;
	text-align: left;
	margin: 12px 0 6px;
}

#biketextpanel p.firstpara {
	margin-top: 20px;
}

.dashtable07 th {
	font-family: "lucida grande", verdana, sans-serif;
	font-weight: bold;
	font-size: .9em;
		/*letter-spacing: .1em;*/
	padding: 8px 6px;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
	text-align: left;
	background: transparent url(../2008bikes/images/dashtable_header.jpg) no-repeat;
	color: #e9ecf5;
}

.dashtable07 tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 11px;
	padding: 5px 6px;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
	color: #0c2943;
}

.dashtable07 td.hilite {
	background-color: #CCC;
	color: #000;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.dashtable07 td.lolite {
	background-color: #fff;
	color: #ccc;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.dashtable07 tbody tr td.boldy {
	font-weight: bold;
}

#dashcontainer {
	left: 0px;
	top: 0px;
	width: 390px;
	min-height: 640px;
	float: right;
	/*background-image: url(../2007bikes/images/blueprintbg.jpg);*/
}

#dashcontainer img {
	border: 0px;
}

/* @end */

/* @group upgtable Tables */

.upgtable {
	border: 1px solid #666666;
	margin-top: 10px;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
	border-right: 2px solid #0c2943;
}

.upgtable th {
	font-family: "lucida grande", verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 6px;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
	text-align: left;
	background: transparent url(../2007bikes/images/dashtable_header.jpg) no-repeat;
	color: #e9ecf5;
}

.upgtable a {
	color: #e9ecf5;
	text-align: right;
}

.upgtable tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 11px;
	padding: 3px 6px;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
	color: #0c2943;
}

/* I can't blive this works, but it does. All to do with Descendent selectors */

.upgtable tbody tr td table tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 11px;
	padding: 3px 6px;
	border-left: 0px solid #0c2943;
	border-bottom: 0px solid #0c2943;
	color: #0c2943;
}

.upgtable tbody tr.row2 td {
	background-color: #CCC;
	color: #999;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
}

.upgtable td.hilite {
	background-color: #CCC;
	color: #000;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
}

.upgtable td.lolite {
	background-color: #fff;
	color: #ccc;
	border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;
}

.upgtable tbody tr td.boldy {
	font-weight: bold;
}

/* @end */

/* @group biketable07 Tables */

.biketable08 {
	border-left: 1px solid #545b63;
	border-bottom: 2px solid #545b63;
	border-right: 2px solid #545b63;
	margin: 10px 0 10px 0;
	width: 712px;
}

.biketable08 th {
	font-family: "lucida grande", verdana, sans-serif;
	font-weight: bold;
	font-size: .9em;
	padding: 6px 8px;
	border-left: 1px solid #545b63;
	border-bottom: 1px solid #545b63;
	text-align: left;
	background: transparent url(../2008bikes/images/dashtable_header.jpg) no-repeat;
	color: #e9ecf5;
}

.biketable08 tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 11px;
	padding: 2px 6px 8px 6px;
	border-left: 1px solid #545b63;
	border-bottom: 0px solid #545b63;
	color: #0c2943;
}

.biketable08 td.hilite {
	background-color: #CCC;
	color: #000;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.biketable08 td.lolite {
	background-color: #fff;
	color: #ccc;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.biketable08 tbody tr td.boldy {
	font-weight: bold;
}

.biketable08 img {
	border: 0;
	margin: 0;
}

.biketable08 a:link {
	text-decoration: none;
	color: red;
	font-weight: bold;
}

.biketable08 a:visited {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.biketable08  a:hover {
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
}

/* @end */

/* @group Upgrade Page Styles */

div#bikespecpanel {
	

/*position:absolute; */
	margin-top: 8px;
	width: 340px;
	float: left;
}

#bikespecpanel h5 {
	background: #dfe5e7 url(../2007bikes/images/upg_h5_bg.gif) no-repeat 0 top;
	padding: 10px 12px 12px 12px;
	height: 12px;
	width: 316px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	margin-top: 16px;
	margin-bottom: 0;
	border-bottom: 1px solid #888d84;
}

html>body div#bikespecpanel {
	

/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-top: 0px;
	min-height: 400px;
}

div#bikespecpanel p {
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

#upgcontainer {
	left: 0px;
	top: 0px;
	width: 340px;
	min-height: 840px;
	float: right;
	margin: 0 5px 0 0;
}

#upgcontainer img {
	border: 0px;
}

#upgcontainer h5 {
	background: #dfe5e7 url(../2007bikes/images/upg_h5_bg.gif) no-repeat 0 top;
	padding: 10px 12px 12px 12px;
	height: 12px;
	width: 316px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	margin-top: 16px;
	margin-bottom: 0;
	border-bottom: 1px solid #888d84;
}

#upg_table {
	

/*border: 1px solid #000;*/
	margin-top: 0;
	font: small "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #dfe5e7 url(../2007bikes/images/upg_table_bg.gif) no-repeat 0 bottom;
	padding: 12px;
}

.upgprice {
	border: 1px dotted #434954;
}

#upg_table tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 85%;
	padding: 6px 6px;
	

/*border-left: 1px solid #0c2943;
	border-bottom: 1px solid #0c2943;*/
	color: #0c2943;
}

#upg_table select {
	width: 280px;
	margin: 4px 0;
}

#cust_col {
	margin: 10px 0 0 0;
}

#cust_col select {
	width: 150px;
	margin: 16px 0 0 60px;
}

#cust_col img {
	border: 1px solid black;
	float: left;
}

.standtable {
width: 340px;
	border: 1px solid #666666;
	margin-top: 0px;
	background-color: #dfe5e7;
}

.standtable th {
	font-family: "lucida grande", verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 6px;
	border-left: 1px solid #949899;
	border-bottom: 1px solid #949899;
	text-align: left;
	background-color: #949899;
	color: #eaf1f2;
}

.standtable tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 11px;
	padding: 3px 6px;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.standtable tbody tr.row2 td {
	background-color: #CCC;
	color: #999;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.standtable tbody tr td.boldy {
	font-weight: bold;
}

/* @end */

#cust_col_div img {
	border: 1px solid #6F7D82;
	margin-right: 8px;
	margin-top: 2px;
}

#specsheetheader {
	display: none;
}

#mainpage div.bikesplash {
	background-color: #fcaee7;
	width: 225px;
	height: 150px;
	margin: 0 12px 12px 0;
	float: left;
}