body {
	font-family: Arial, Helvetica;
	color: #333;
	font-size: 12px;  
	text-decoration: none;
	background-color: #fff;
	margin: 3px;
	padding: 3px;
	font-weight: normal;
}


a {
	color: #F66013;
	text-decoration: underline;}

body.mceContentBody {
   background: #fff;
}


.subheading { 
font-size: 14px; 
font-weight: bold;
text-decoration: none;}

.heading {
	font-size: 16px;
	font-weight: bold;
	color: #f66013;
	
}

.tiny { 
font-size: 11px;}

.footer {
font-size: 11px;
padding: 4px;
border-top: 1px solid #f66013;
}



.tablehead { 
font-size: 14px;  
 font-weight: bold; }

.altline { 
 color: #000; }


.tinyLink { 
font-size: 10px; 
color: #086CB5; text-decoration: underline }

.errorMessage {
  
 font-weight: bold; 
color: #FFF; background-color: #CA0D27}
.altlinebold {  

font-weight: bold; 
color: #056CB6; }

.form-title {  
color: #000;}

.form-label {  
color: #FF0000}

.form-optional { 
color: #000; 
}

.normalbold {
font-weight: bold;
}


.navlist {
	WIDTH: 162px;
	background:url(menu_back.jpg) repeat-y
}
.navlist UL {
 PADDING: 0; 
	  MARGIN: 0; 
	LIST-STYLE-TYPE: none
	 
}
.navlist LI {
	MARGIN: 5px 0 0 12px
}
.navlist A {
	DISPLAY: block;
	border-bottom: 1px solid #f3f0f7;
	WIDTH: 141px;
	color: #104c12;
	MARGIN: 0; 
	PADDING:1px 0 1px 8px;
	background:url(menu_icon.jpg) left no-repeat }
	
	

.navlist A {
	color: #104c12; TEXT-DECORATION: none
}



.navlist A:hover {
 	background-repeat: no-repeat; 
	color: #f66013;
	background-color: #D8E0DB 
	}
.orangeRight {
	border-right-width: 1px solid #f66013;
}



/* - - Navigation   - - */

#header {
	margin:0;

	text-align:center;
}

#header ul
{ 	padding:19px 0 0 0;
	list-style: none;
	margin: 0 auto;
}

#header li
{
list-style: none;
float: left;
margin:0 0 0 4px;
} 

#navigation a
{
color: #fff;
background: url(nav_off_left.png) left top no-repeat;
text-decoration: none;
padding-left: 6px;
height:25px;
}

#navigation a span.outerSpan
{

background: url(nav_off_right.png) right top no-repeat;
padding-right: 12px;
height:25px;
}

#navigation a, #navigation a span.outerSpan
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span.outerSpan
{
float: none;
}
/* End hide */

#navigation a:hover
{
color: #fff;
background: url(nav_on_left.png)  left top no-repeat;
padding-left: 6px
}

#navigation a:hover span.outerSpan
{
background: url(nav_on_right.png) right top no-repeat;
padding-right: 12px
}

#navigation a span.innerSpan
{
	background-image: url(nav_off_middle.png);
	background-repeat:repeat-x;
	background-position:top;
	margin:0 0px;
	padding:6px 8px 0 8px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	display:block;
}

#navigation a:hover span.innerSpan
{
	background-image: url(nav_on_middle.png);
	background-repeat:repeat-x;
	background-position:top;
}




/* - - - This code does the live page  - - - - */


#navigation a.current span.innerSpan
{
	background-image: url(nav_on_middle.png);
	background-repeat:repeat-x;
	background-position:top;
}

#navigation a.current
{
color: #fff;
background: url(nav_on_left.png)  left top no-repeat;
padding-left: 6px
}

#navigation a.current span.outerSpan
{
background: url(nav_on_right.png) right top no-repeat;
padding-right: 12px
}


/* - - - - - - - - Bike Selector - - - - - - - - - - - */

#selector {border-top:3px solid  #FAF5DF ; border-bottom:3px solid  #FAF5DF}

#selector a {display:block; padding:12px 0 12px 40px; text-decoration:none }

#selector h2 {font-size:18px; padding:4px  }

#selector a:hover {text-decoration:underline }

#bikeType  {background:url(icons.png) left top no-repeat #FAF5DF; }

#bikeType div {display:block; width:290px }

#brand { }

#brand .dead_link a {display:block; backkground:#000; filter:alpha(opacity=0);-moz-opacity:0.0;opacity: 0.0; padding:12px 0 13px 40px;}



.Giant {background:url(logo_giant.png) left no-repeat }

.Cannondale {background:url(logo_cannondale.png) left no-repeat }


.Scott {background:url(logo_scott.png) left no-repeat;  }

.Dahon {background:url(logo_dahon.png) left no-repeat }

.Progear {background:url(logo_progear.png) left no-repeat }


#range a {display:block; padding:5px; text-decoration:none }


#range .dead_link {display:none }

#model a {display:block; padding:5px; text-decoration:none }


#detail a {display:block; padding:4px; text-decoration:none }


a.dead_link {
	color:#ccc;
	text-decoration:none;
}

.line_active {
	
}

.line_active a {
	text-decoration:none;
	color:#222;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
}

.rightBox {background:url(basket_back.jpg) repeat-y; padding:8px ;}

.middleBox {background:url(middle_back.jpg) repeat-y; padding:8px ;}

.openBox {background:url(opening_hours_back.jpg) repeat-y; padding:8px ;}

#content {padding:10px 5px 20px 10px }

#leftMenu {padding:10px 0 0 5px }

.thumb { width:139px; margin:0 10px 10px 0; background:url(thumb_back.jpg) repeat-y; text-align:center }

.thumb div {padding-top:5px }

.thumb a {text-decoration:none; color: #333;
}

#slideshow
{ 
        position:relative; 
        display:block; 
        margin:0px; 
        padding:0px; 
        width:585px; 
        height:317px; 
        overflow:hidden;
		background:none;
		
} 
#slideshow span
{ 
        position:absolute; 
		z-index:1;
        left:0px; top:-150px;
		border-top:none;
		background:none;
		
}