/* layout */
	
	body
	{
		margin :				0;
		padding :				0;
		border-collapse:		collapse;
		width :					100%;
		height :				100%;
		
	}
	
	#bg, #bg_popup
	{
		top :					0;
		left :					0;
		width :					100%;
		height :				480px;
		/*
		background-image:		url("../../upbrochure/img/bg-top.png");
		background-repeat:		repeat-x;
		background-position:	top left;
		*/
	}
		
		#bg_popup
		{
			height :			auto;
			background-position: bottom left;
		}
		
	#wrapper
	{ 
		padding:				10px;
	}
	
	
	#footer
	{ }
	
	#page_loader
	{ position: absolute; width: 50px; height: 50px; left: 0; right: 0; top: 30%; margin: auto; z-index: 999; }



	.rounded_corners, .row, #menuTile, #menuTileSm, #vehicleInfo, #vehicleContent, .paintchip, #buildbar, a.btn, input, #bg_popup, .paintbucket, select, img
	{
		-webkit-border-radius: 	5px;
		-moz-border-radius: 	5px;
		border-radius: 			5px;	
	}
	
	.hidden
	{ display: none; }
	
	
	
	
/* text */
	
	body, div
	{
		font-family: 	arial;
		font-size :		14px;
		color :			#333333;
	}
	
	.title_xl, .title_lg, .title_md, .title_sm
	{
		text-shadow :	1px 1px 0 rgba(255,255,255,.7);	
	}
	
	.title_xl	{ font-size: 230%; }
	.title_lg	{ font-size: 200%; }
	.title_md	{ font-size: 175%; }
	.title_sm	{ font-size: 125%; }
	
	.txt_lg		{ font-size: 120%; }
	.txt_md		{ font-size: 95%; }
	.txt_sm		{ font-size: 80%; }
	.txt_xsm	{ font-size: 70%; }
	
	.bold		{ font-weight : bold; }
	
	.caps		{ text-transform: uppercase; }
	
	.tiptipText { border-bottom: 1px dashed #06F; cursor: help; }
	
	.noshadow
	{ text-shadow : none; }
	
	
/* vehicle info */

	#vehicleInfo, #vehicleContent
	{
		height :				100%;
		padding :				5px;
		margin-top :			5px;
	}
	
	#vehicleInfo
	{
		padding: 				10px;
		margin-left: 			10px;
		background:				rgba(0,0,0,.5);
		/*
		-webkit-box-shadow: 	inset 0px 2px 2px 0, 1px 1px 0 rgba(255,255,255,.9);
		box-shadow: 			inset 0px 2px 2px 0, 1px 1px 0 rgba(255,255,255,.9);
		*/
	}
	
	
		#vehicleInfo div, #vehicleInfo span
		{ color : rgba(255,255,255,.95); text-shadow : 1px 1px 0 #333333;	}
		
		

/* paint and colors */
	
	#colorVehicle, #summaryVehicle
	{ width: 580px; height: 435px; }
	
	.paintchip
	{
		position:				relative;
		display:				inline-block;
		height: 				32px;
		width: 					32px; 	
		margin:					2px;
		border:					1px solid rgba(0,0,0,.10);
		box-shadow:				inset 0 0 1px 0 #fff;
		cursor:					pointer;
	}
	
	.paintbucket
	{
		position:				absolute;
		width:					580px;
		text-align:				center;
		left:					0; 
		bottom: 				0; 
		margin:					0 auto;
	}


/* buildbar */
	
	#buildbar
	{
		background:				rgba(0,0,0,.4);
		height: 				35px;
		width :					100%;
		display :				inline-block;
		max-width :				600px;
	}
		
		#buildbar.invBuild
		{ width: auto; }
		
		#buildbar a
		{ 
			display :			inline-block;
			color: 				rgba(255,255,255,.9);
			height :			35px;
			line-height :		37px;
			vertical-align:		middle;
			text-shadow :		1px 1px 0 rgba(0,0,0,.5);
			font-size :			105%;
			float :				left;
			text-indent :		10px;
			width :				16%;
		}
			
			#buildbar a.invBuild
			{ width: auto; padding: 0; padding-right: 15px; }
			
			#buildbar a:hover, #buildbar a.active
			{ color : #fff; background-color: rgba(0,0,0,.5); }
			
		
		.buildleft
		{
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;	
		}
		
		.buildright
		{
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			padding-right: 24px;
		}
		
		
	.bullet, .bullet_on, .bullet_active
	{ 
		display :				inline-block;
		height: 				12px; 
		width: 					12px; 
		-webkit-border-radius: 	50%;
		-moz-border-radius: 	50%;
		border-radius: 			50%;
		background :			rgba(0,0,0,.5);
		-webkit-box-shadow: 	inset 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: 			inset 1px 1px 0 rgba(0,0,0,.5);
		margin-right :			8px;
	}
		
		.bullet_on
		{ 	
			background : 			#0C3;
		}
		
		.bullet_active, #buildbar a:hover .bullet
		{ 	
			background : 			#09F;
		}
		
	
	
	#invLeftMenu
	{
		padding:							0;
	}
		
		#invLeftMenu a
		{
			display:						block;	
			padding:						5px 0 5px 10px;
		}
		
			#invLeftMenu a:hover
			{ background: rgba(0,0,0,.1); }
			
			
	#invRightMenu
	{
		border: 							1px solid rgba(0,0,0,.1);
		padding:							1px;
		overflow:							auto;
	}
	
/* links */
	
	a:link, a:active, a:hover, a:visited
	{
		display :			inline-block;
		color: 				#09F;
		text-decoration: 	none;
		vertical-align:		middle;
	}
	
		a:hover
		{ color: #08F; }
		
	
	a.btn
	{
		height :				35px;
		line-height :			35px;
		background-color: 		rgba(0,153,255,.8);
		color :					rgba(255,255,255,.90);
		font-size :				120%;
		text-shadow :			rgba(0,0,0,.5);
		padding :				0 10px 0 10px;
		text-transform :		uppercase;
	}
		a.btn:hover
		{ background-color: rgba(0,153,255,.9); color: #fff; }
		
		.arrow_right
		{
			display :			inline-block;
			width: 				0px;
			height: 			0px;
			border-style:		solid;
			border-width: 		5px 0 5px 5px;
			border-color: 		transparent transparent transparent rgba(255,255,255,.90);
			line-height:		30px;
			vertical-align:		middle;
		}
		
		a.btn:hover .arrow_right
		{ border-color: 		transparent transparent transparent #fff; }
		
/* columns */
	
	.col
	{ float: left; }
	
	.clear
	{ clear: both; }
	
	
	#menuTile, #menuTileSm
	{
		float:					left;
		display:				table-cell;
		vertical-align:			middle;
		width :					25%;
		cursor :				pointer;
	}
		
		#menuTile img
		{ max-width: 180px; max-height: 135px; }
		
		#menuTileSm img
		{ max-width: 150px; max-height: 135px; }
		
		#menuTile img.makelogo
		{ max-width: 140px; max-height: 100px; }
		
		
		#menuTile:hover, #menuTileSm:hover, .row:hover
		{ background : rgba(0,0,0,.1); }
		
		#mnuImg
		{ height: 135px; display: table-cell; vertical-align: middle; }
		
		
		.row
		{ padding: 5px; }
		
		.row_odd
		{ background: rgba(0,0,0,.05); } 
		
		.row_even
		{ background: none; }
		
		.row_separator
		{ background: rgba(0,0,0,.1); }
		
		.row_link
		{ cursor : pointer; }
			
			.row_link:hover
			{ background : #f2faff; }
			
		table, td
		{ border: none; border-collapse: collapse; padding: 0; }
		
		
/* formatting */

	.w25	{ width: 25%; }
	.w20	{ width: 20%; }
	.w30	{ width: 30%; }
	.w33	{ width: 33%; }
	.w50	{ width: 50%; }
	.w70	{ width: 70%; }
	.w75	{ width: 75%; }
	.w90	{ width: 90%; }
	
	.pad_5		{ padding : 5px; }
	.pad_10		{ padding : 10px; }
	.pad_20		{ padding : 20px; }
	
	.pad_left_10 { padding-left: 10px; }
	.pad_tb_10	{ padding : 10px 0 10px 0; }
	.pad_top_5	{ padding-top : 5px; }
	.pad_bot_5	{ padding-bot : 5px; }
	
	.margin_left_10		{ margin-left: 10px; }
	.margin_right_10	{ margin-right: 10px; }
	.margin_top_10		{ margin-top : 10px; }
	
	.margin_bot_10		{ margin-bottom: 10px; }
	.margin_bot_20		{ margin-bottom: 20px; }

	
	
/* input */
	
	input, select
	{
		padding: 		10px;	
		border :		1px solid rgba(0,0,0,.3);
	}
	
	.input_error, .input_error_nobg
	{
		background-image:				url('../../images/icons/coquette/24x24/warning.png');
		background-position:			5px center;
		background-repeat:				no-repeat;
		text-indent:					22px;
		padding-left:					15px;
		background-color:				#f8f1dd;
		border: 						1px solid #f7c101;
		color:							#f7c101;
	}