/* ===========================================================
 *
 *  Nerd on a bike? Nice!
 *
 *
 *
 *  Name:          rideordie01.css
 *  Created:       2010-12-23
 *  Updated:       2011-01-08
 *  Updated by:    Me myself and I, and De La Soul
 *  Produced by:   _who are you?
 *                 _we are vem.
 *
 *  Function:      Paint the bikes in colorful paint schemes
 *
 *  _we are vem. | Polly 44 | D.A.M.P. Bicycles | Wilcoxson
 * =========================================================== */




/* ===========================================================
 *
 *  Misc nonsense
 *
 * =========================================================== */

*
	{
		margin: 0;
		padding: 0;
	}
	
div#preload { display: none; }

body
	{
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 12px;
	line-height: 13px;
	margin: 0;
	color: #5d5d5d;
	background: url(../../assets/background.jpg) fixed;
	}

.container
	{
    	width: 980px;
	    margin: 0 auto;
    	overflow: hidden;
	    position: relative;
	}

*, * focus
	{
		outline: none;
		margin: 0;
		padding: 0;
	}

.clear { clear: both; }
::selection { background: #a3cca3; } /* Safari */
/*::selection { background: #f4bcf8; } /* Safari */
::-moz-selection { background: #a3cca3; } /* Firefox */
/*::-moz-selection { background: #f4bcf8; } /* Firefox */

#GlobalHeader {
	left:0px;
	top:0px;
	width:100%;
	height:17px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
	color: #CCC;
	text-align: center;
	background-color: #E6E6E6;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 50px;
	border-bottom-style: groove;
	position: fixed;
	vertical-align: middle;
}

#globalNetwork {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

.TextHeader {
	bottom: 20px;
	margin-right: 30px;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 7px;
	float: left;
}

#current {
	color: #000;
}

.iconHeader {
	float: left;
	top: 0px;
	right: 50px;
	left: 850px;
	bottom: 10px;
	width: 200px;
	height: 30px;
}


/* ===========================================================
 *  General typo & Links
 * =========================================================== */

h1 span { display: none; }

/* h2, h3, #menu li { font-family: "Josefin Slab", arial, serif; } */
/* h2, h3, #menu li { font-family: "Puritan", arial, serif; } */

h2
	{
	width: 750px;
	color: #5a5a5a;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: lowercase;
	text-align: left;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	height: 30px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	}

h3
	{
	color:#353535;
	font-weight: normal;
	font-size: 14px;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
h4 {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 5px;
	}
	
h5 {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	line-height: 18px;
	text-transform: uppercase;
	padding-bottom: 5px;
	}
	
h6 {
	font-size: 12px;
	color: #666;
	font-weight: normal;
	line-height: 18px;
	padding-bottom: 5px;	
}

.label_first, .label, .product_total
	{
	color:#353535;
	font-weight: normal;
	font-size: 14px;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 5px 0 20px;
	}
	.label_first, .product_total { padding: 0 5px 0 0; }

.info_bubble_geo, .info_bubble_links
	{
		border-bottom: 1px dotted;
		cursor: help;
	}

p
	{
		margin: 0 0 10px 0;
		line-height: 18px;
	}
	p.buy {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
	p.buy_shipping { padding: 0 0 10px 0; }
	p.product_misc { padding-top: 10px; }

a:link {
	font-variant: small-caps;
	text-decoration: none;
	color: #aaaaaa;
	border: 0;
	text-transform: uppercase;
}
a:active { text-decoration: none; color: #5d5d5d; border: 0; }
a:visited { text-decoration: none; color: #aaaaaa; border: 0;}
a:hover {text-decoration: none; color: #5d5d5d; border: 0; }


/* ===========================================================
 *  Menu
 * =========================================================== */

#menu
	{
	width: 180px;
	position: fixed;
	float: left;
	padding-top: 35px;
	color: #ceb899;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 2px;
	}

	*html #menu
		{
			position: absolute;
			left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
			top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
		}

#menu_logo
	{
	width: 180px;
	height: 135px;
	padding-bottom: 5px;
	border: 0;
	text-decoration: none;
	outline: none;
	}

h1 a.menu_logo
	{
	display: block;
	width: 189px;
	height: 135px;
	background: url('../../assets/logo.png') left top no-repeat;
	text-decoration: none;
	}
	
h1 a.menu_logo:hover { 
	background-position: left bottom; 
	}

#menu img
	{
		padding-bottom: 15px;
		border: 0;
		text-decoration: none;
		outline: none;
	}

#menu ul
	{
	line-height: 14px;
	list-style: none;
	padding-bottom: 10px;
	padding-left: 0;
	}

	#menu li { padding: 0 0 5px 0; }

	#menu li.menu_title
		{
	font-size: 16px;
	margin-top: 7px;
	margin-bottom: 5px;
	color: #666666;
		}

	#menu a:hover {
	text-decoration: none;
	color: #696;
	border: 0;
}
	#menu a.menu_active {  color: #5d5d5d; }


ul.title_menu
	{
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.title_menu .item
		{
	font-size: 12px;
	float:left;
	display: inline;
	padding: 0 10px;
		}

	ul.title_menu .last { border-left: 1px dotted #333333; }

	ul.title_menu a.item_active
		{
			color: #5d5d5d;
			border-bottom: 1px solid #5d5d5d;
		}

ul.friends_menu
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.friends_menu li
		{
			font-size: 12px;
			padding: 4px 0;
		}
		ul.friends_menu .menu_title {
	font-variant: small-caps;
}
		ul.friends_menu a:hover {
	color: #696;
}

#globalTop {
	top:0px;
	width:980px;
	height:30px;
	z-index:1;
	background-image: url(../../assets/background.jpg);
	float: left;
	background-repeat: repeat-x;
	left: 316px;
	font-size: 14px;
	background-color: #FFF;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
}


/* ===========================================================
 *  Content
 * =========================================================== */

#content
	{
		float: right;
		width: 750px;
		padding: 0;
	}

.content_block
	{
		width: 750px;
		padding-top: 35px;
		margin-bottom: 50px;
	}

.product_info, .product_geo { border-bottom: 1px dotted; }

#welcome { border-bottom: 0; }

.product_buy
	{
	width: 750px;
	border-bottom: 1px dotted;
	padding: 15px 0;
	text-align: left;
	}
	.product_buy p { margin: 0;	}

.product_color
	{
		display: none;
		position: absolute;
		z-index: 998;
		background-color: transparent;
		width: 750px;
		height: 390px;
	}

.product_color_name
	{
		display: none;
		position:absolute;
		width: 750px;
		height: 390px;
		line-height: 390px;
		color: #ffffff;
		font-size: 70px;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 2px;
		z-index: 999;
		border-bottom: #5d5d5d 1px dotted;
	}

.product_images
	{
		width: 750px;
		height: 390px;
	}

	.product_img
		{
			position: relative;
			background-color: #ffffff;
			background-image: url(../../!pix/img_loading.gif) no-repeat 50% 50%; 
			border-bottom: 1px dotted;
		}

	.product_img img
		{
			position: absolute;
			top: 0px;
			left: 0px;
			display: none;
		}

.product_txt
	{
		width: 730px;
		padding: 20px 10px 10px;
		overflow: hidden;
	}

	.product_nfo
		{
			float: left;
			width: 400px;
		}

	.product_specs
		{
			float: right;
			width: 260px;
		}

#footer
	{
		width: 750px;
		margin-bottom: 30px;
	}
	#footer h2 { font-size: 10px; }
	
.titleIcon {
	margin-bottom: 20px;
}



/* ===========================================================
 *  Table
 * =========================================================== */


table
	{
		margin: auto;
		color:#666;
		font-size:12px;
		border: 0;
		padding-top: 20px;
		margin-bottom: 10px;
		text-align: center;
	}

	table th
		{
			padding: 0 0 15px;
			color:#353535;
			font-weight: normal;
			font-size: 12px;
			font-variant: small-caps;
			text-transform: lowercase;
			letter-spacing: 1px;
		}

	table tr td:first-child { text-align: right; }
	table tr td { padding: 0 20px 15px; }




/* ===========================================================
 *  Google maps
 * =========================================================== */


#map_canvas
	{
		width: 750px;
		height: 390px;
	}



/* ===========================================================
 *  Forms
 * =========================================================== */

.buy_radio { display: none; }

label
	{
		color: #aaaaaa;
		cursor: pointer;
		font-size: 11px;
	}

	label:hover { color: #5d5d5d; }

label.contact
	{
		color: #5d5d5d;
		cursor: default;
		font-size: 12px;
	}

	.label_divider
		{
			color: #aaaaaa;
			padding: 0 2px;
		}

.radio_active
	{
		color: #5d5d5d;
		cursor: pointer;
		border-bottom: 1px solid #5d5d5d;
	}

.contact_fl { float: left; }
.contact_fr
	{
		float: right;
		padding-right: 20px;
	}

#contact_form input
	{
		color: #666666;
		font-family: "Tinos", arial, serif;
		font-size: 12px;
		border: 1px solid #f6f6f6;
		background: url(../../!pix/bg_form.png);
		height: 20px;
		padding: 5px 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 330px;
	}

#contact_form textarea
	{
		color: #666666;
		font-family: "Tinos", arial, serif;
		font-size: 12px;
		line-height: 13px;
		border: 1px solid #f6f6f6;
		background: url(../../!pix/bg_form.png);
		padding: 10px 0 10px 10px;
		width: 720px;
		resize: none;
	}

	#contact_form textarea:focus,
	#contact_form input:focus { background: url(../../!pix/bg_form_active.png); }

#contact_form input.button
	{
		border: none;
		background: center url(../../!pix/bg_form_button_d.png) no-repeat;
		cursor: pointer;
		color: #ffffff;
		font-weight: bold;
		height: 39px;
		width: 50px;
	}

#contact_form input.dealer { background: center url(../../!pix/bg_form_button.png) no-repeat; }

.thankyou {
	width: 400px;
	padding: 0px;
	margin-top: 50px;
	margin-left: 30px;
	text-align: left;
}




/* ===========================================================
 *
 *  The End
 *
 * =========================================================== */