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

body
{
	background-color:#55565c;
	margin:0;
	padding:0;
}

img
{
	border:0px;
}

input 
{

}

h1
{
	margin:0px 0px 0px 25px;
	padding: 0;
}

h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 25px;
	font-size:10px;
	padding:0px;
}

p.inst
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0px 10px 25px;
	font-size:10px;
	color:#666666;
	padding:0px;
	width:575px;
}

#big-wrapper
{
position: relative;
margin: 0 auto;
width: 946px;
background-color:#f6f6f6;
}

#flash
{
	width:946px;
	border:0;
	padding:0;
	margin:0;
	height:598px;
}


#riders
{
	padding:20px 20px 0px 20px; 
	background-color:#f6f6f6;
	width:900px;	
}

div.bicycle-summary
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
	width:600px;
}

/* border:solid 1px red; */
div.rider-wrapper
{
	padding:20px;
	display:none;
	height:160px;
	width:851px;
	background-image:url(/images/rider_bg.jpg);
	background-repeat:no-repeat;
}

div.rider-wrapper div p
{
	margin: 5px 0 0 0;
}

div.rider-summary
{
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color:#CCCCCC;
	margin-bottom:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding-bottom:7px;
}

div.rider-summary div.rider-total
{
	float:right;
	
}

#total-price p
{
text-align:right;
	margin:0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#total-price p.total-grand
{
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.left-col
{
	float:left;
	width:340px;
	border:solid 0px red;
}


div.right-col
{
	float:left;
	width:340px;
	border:solid 0px red;
}

div.right-col label
{
	width:200px;
	border:solid 0px red;
}

div.bicycle-col
{
	margin-left:681px;
	width:150px;
	border:solid 0px red;
}


img.imglabel
{
	width:112px;
	height:15px;
}


a.remove
{
	color:#6699FF;
	cursor:pointer;
}

a.remove:hover
{
	text-decoration:underline;
}

img.thumbnail
{
	height:80px;
}	

#footer
{
	padding:0px 20px 20px 20px;
	background-color:#f6f6f6;
	width:900px;	
}


.break
{
	clear:both;
	padding:0px; 
	margin:0px;
}


/* trip overview definitions */

#trip-overview
{
	padding:20px 20px 20px 20px;
	background-color:#f6f6f6;
	width:900px;	
	vertical-align:top;
	
	
}

#trip-overview div.wrapper
{
	padding:20px;
	background-image:url(/images/rider_bg.jpg);
	background-repeat:no-repeat;
	height:150px;
}

#trip-overview div.overview-input
{
	float:left;
	width:700px;
}

#trip-overview div.overview-input div.col-left
{
	float:left;
	width:200px;
	height:50px;
	
}
#trip-overview div.overview-input div.col-center
{
	float:left;
	width:200px;
	height:50px;
}
#trip-overview div.overview-input div.col-right
{
	margin-left:405px;
	height:50px;
	width:200px;
		
}


#trip-overview div.trip-date
{
	float:left;
	width:200px;
}

#trip-overview div.duration
{
	margin-left:200px;
	height:50px;
}

#trip-overview div.trip-summary
{
	margin-left:718px;
	width:100px;

}



/* post back */

#postback
{
	padding:20px;
}

#postback h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}


#postback p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}