@charset "utf-8";
/* CSS Document */

/******************************** GENERIC styles ************************************/

body,h1,h2,h3,p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin : 0px;
	padding : 0px;
	}

h1
{
	font-size:21px;
	font-weight:normal;
	color:#FFF;
	}
	

h2
{
	font-size : 14px;
	color : #417cc5;
	margin : 0 0 5px 0;
}

h3
{
	font-size : 11px;
	color : #417cc5;
}

p,label
{
	font-size : 10px;
	color : #FFF;
}

dl
{	
	font-size : 10px;
	color : #FFF;
	}

dt
{
	line-height : 16px;
	float : left;
	width : 150px;
	}
	
dd
{
	line-height : 16px;
	margin : 0 0 10px 150px;
	}
	
div.container-newbikes
{
	width : 762px;
	background-color : #000116;
	position:relative;
	float : left;
	}
	
div.panel
{
	background : url(assets/panel.png) no-repeat;
	width : 762px;
	height : 277px;
	position : relative;
	position:relative;
	margin-bottom : 10px;
	}
	
div.last
{
	margin-bottom: 0px;
	}
	
	
/******************************** START styles for range page************************************/	

div.panel div.image
{
	width : 598px;
	height : 263px;
	position: absolute;
	z-index:10;
	top : 6px;
	left : 6px;
	}
	
div.urban
{
	background : url(assets/urban-sports-image.png) no-repeat;
	}
	
div.cruisers
{
	background : url(assets/cruisers-image.png) no-repeat;
	}

div.classics
{
	background : url(assets/classics-image.png) no-repeat;
	}

div.title
{
	width : 150px;
	height : 56px;
	position : absolute;
	top : 20px;
	left : 612px;
	}

div.title.range-text
{
	width : 135px;
	left : 620px;
	}

div.container-newbikes ul
{
	width : 150px;
	position : absolute;
	left : 615px;
	top : 95px;
	padding : 0px;
	margin : 0px;
	list-style : none;
	}
	
div.container-newbikes ul li
{	
	background : url(assets/arrow.png) no-repeat;
	vertical-align: middle;
	margin : 0 0 8px 0;
	padding-left : 20px;
	}
	
div.container-newbikes ul li a
{
	font-size : 11px;
	text-decoration : none;
	vertical-align : middle;
	padding-bottom : 2px;
	color : #FFF;
	}
	
div.container-newbikes ul li a:hover
{
	border-bottom: 1px dotted #417cc5;
	}

/******************************** END styles for range page************************************/
/******************************** START styles for bike page************************************/

	
div.panel.flash div.title h2
{
	margin : 10px 0 0 0;
	line-height:16px;
	font-size : 12px;
	}
	
div.panel.flash div.back
{
	background:url(assets/back-arrow.png) left no-repeat;
	position:absolute;
	left:615px;
	bottom:15px;
	padding : 0 0 0 20px;
	}

div.panel.flash div.back a
{
	text-decoration:none;
	line-height:16px;
	font-size : 10px;
	color : #fff;
	vertical-align:middle;
	padding : 0 0 2px 0;
	}

div.panel.flash div.back a:hover
{
	border-bottom: 1px dotted #417cc5;
	}
	
div.overview
{
	width : 565px;
	float : left;
	position:relative;
	margin : 20px 0 0 10px;
	}
	
div.overview p
{
	line-height : 16px;
	}
	
div.contact
{
	background:url(assets/contact.png) no-repeat;
	width : 178px;
	height : 246px;
	float : right;
	position:relative;
	margin : 10px 0 0 0;
	}
	
div.contact h2
{
	text-align : center;
	color : #FFF;
	margin : 10px 0 5px 0;
	padding : 0 10px 0 10px;
	}
	
div.contact fieldset
{
	margin : 0;
	padding : 0 10px 0 10px;
	border : none;
	}
	
div.contact fieldset div.item 
{
	margin : 0 0 5px 0;
	padding : 0;
	}

div.contact fieldset div.item label
{
	display:block;
	margin:0;
	padding:0;
}
div.contact fieldset div.item input
{	
	width : 97%;
	margin : 2px 0 0 0;
	}

div.contact fieldset div.item.optout input
{	
	display:inline;
	margin : 0 0 0 0;
	}
	
div.contact fieldset div.item.optout p
{	
	display:inline;
	line-height:16px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	}
	
div.contact fieldset div.submit
{	
	float : right;
	margin : 0;
	padding : 0;
	cursor : pointer;
	position : absolute;
	bottom : 8px;
	right : 8px;
	}
	
div.contact fieldset div.submit input:hover
{	
	color:#000116;
	}
	
div.images
{
	width : 745px;
	float : left;
	position : relative;
	margin : 30px 10px 0 10px;
	}
	
div.images div.image
{
	width : 179px;
	height : 130px;
	float : left;
	position : relative;
	margin:0;
	padding:0;
	margin : 10px 10px 0px 0px;
	}

div.images div.image img
{
	display:block;
	width:175px;
	height:101px;
	border: 2px solid #000116;
	margin : 0 0 5px 0;
	}
	
div.images div.image:hover img
{
	border: 2px solid #417cc5;
	}

div.images div.image h3
{
	margin : 0 0 0 1px;
	padding : 0 0 1px 0px;
	display : inline;
}
	
div.spec
{
	width : 745px;
	float : left;
	position:relative;
	margin : 30px 0 0 10px;
	padding: 0 10px 0 0;
	}
	
div.spec dl
{
	margin : 5px 0 20px 1px;
	}
	
div.spec h3
{
	margin : 0px 0 0 0;
	}
div.nav
{
	width : 200px;
	overflow:hidden;
	float : left;
	}