/***** COPYRIGHT ****************************************/
/*                                                      */
/*     abcars.info - CSS v.1.0					*/
/*     All Copyright reserved hyperskins.com            */ 
/*     By Ria Elliger  2008-09							*/
/********************************************************/

/***** CSS LIBRARY V.1.0 ********************************/ 
/*														*/
/*		//BASE
/*		1:0	COMMONS										*/
/*		1:1 PAGE STRUCTURE								*/
/*		1:2 PRODUCTS   									*/
/*      1:3 CONTACT FORM								*/
/*                                                      */
/********************************************************/

/********************************************************/
/*    SECTION 1:1                                       */
/********************************************************/

* {
	margin: 		0px;
	padding: 		0px;
}

.small{
	font-size:		80%;
}

BODY{
	background: 	#F5F4F4;
	font: 			72%/135% Arial;
	font-family:	Arial, Verdana, Helvetica, sans-serif;
	text-align:		center;
}

.subtitle{
	font-size: 		40%;
	line-height:	40%;
}

.red{
	color: 			#EE3C26;
}

.clearfix{
	height:			10px;	
}

.btn{
	cursor: 		pointer;
}

.bold{
	font-weight: 	bold;	
}

.hidden{
	display:		none;
}

A {
	cursor:			pointer;
	text-decoration: none;
}

A:hover {
	text-decoration: none;
}



/********************************************************/
/*    SECTION 1:1                                       */
/********************************************************/

#container{
	margin: 		30px auto;
	width: 			947px;
	overflow:		hidden;
}

#header{
	height: 		230px;
	width: 			100%;
	position:		relative;
	background: 	url(../img/background_header.jpg) top left no-repeat;
}

#content{
	position: 		relative;
	background:		url(../img/background_content.jpg) top left repeat-y;
	padding: 		10px;
	/*height: 		610px;*/
	text-align:		left;
	margin-bottom: 	0px;
	overflow: 		hidden;
}

#footer{
	position:		relative;
	width: 			947px;
	background:		url(../img/background_footer.jpg) bottom left no-repeat;
	height: 		106px;
	text-align:		center;
}

#header #title_image{
	position: 		absolute;
	top: 			38px;
	left: 			25px;
}

#header #title_text{
	position: 		absolute;
	top: 			150px;
	right: 			87px;
	font-size: 		260%;
	line-height: 	260%;
}

#footer #logo_hyperskins{
	position: 		absolute;
	bottom: 		20px;
	right: 			5px;
}

#footer #footer_text{
	position: 		relative;
	top:			30px;
}

#left_column{
	float: 			left;
	width: 			475px;
	margin:			0px 0px 0px 20px;	
	position: 		relative;
}

#right_column{
	float: 			right;
	width: 			361px;
	margin:			0px 20px 0px 50px;	
	position: 		relative;
}

.puff{
	width:			100%;
	min-height: 	119px;
	margin: 		0px 0px 26px 0px;
}

/********************************************************/
/*    SECTION 1:2                                       */
/********************************************************/

.prod_img{
	height: 		119px;
	width: 			119px;
	border: 		1px solid #000;
	position: 		relative;
	margin-right: 	20px;
	float: 			left;
}

.prod_text{
	width: 			330px;
	position: 		relative;
	margin: 		0px 0px 0px 140px;
	overflow:		visible;
}

.prod_head{
	font-size: 		200%;
	margin-bottom: 	8px;
	overflow:		visible;
}

/********************************************************/
/*    SECTION 1:3                                       */
/********************************************************/

#four_for_three{
	z-index:		10;
	position:		absolute;
	top:			0px;
	right:			-10px;
	height: 		142px;
	width: 			142px;
	font-size: 		200%;
	text-align:		center;
	background:		url(../img/badge.png) top left no-repeat;
	color: 			#fff;

}

#four_for_three_text{
	line-height:	27px;
	position: 		relative;
	top:			50px;
	left: 			2px;
}

#four_for_three .subtitle{
	position: 		absolute;
	left: 			0px;
	bottom: 		50px;
	width: 			142px;
	padding-top: 	3px;
	height: 		10px;
	font-size: 		60%;
}

/* FORM COMMON*/

#missingField{
	display: 		none;
}

#orderForm{
	margin-top:		25px;
	z-index:		100;
}

.input_entry{
	margin: 		2px 0 2px 0;
	min-height: 	18px;
	padding-top:	4px;
}


.input_entry INPUT{
	background:		#C7EAFC;
	border:			0px solid #fff;
	padding: 		0px;
	height: 		16px;
}

.input_entry LABEL{
	position: 		relative;
}

.input_container{
	border: 		1px solid #919191;
	padding:		3px 3px 2px 3px;
	height:			16px;
}
.input_container.noBorder {
	border:			0px;
	height: 		auto;
}

#submit_order{
	float: 			left;
	margin-right: 	10px;
	margin-left:	-6px;
	position: 		relative;
}

/* SMALL */

.input_small INPUT{
	width: 			20px;
	text-align:		right;
}

.input_small label{
	font-size:		130%;
}

.input_small .small{
	font-size:		60%;
}

.input_small .input_container{
	margin-right:	8px;
	display: 		inline;
	width:			20px;
}

.input_small {
	height:			auto;
	margin:			8px 0 8px 0;
	#margin:		4px 0 4px 0;
}


/* FULL */

.input_full INPUT{
	width: 			330px;
}

.input_full LABEL{
	width: 			330px;
	display: 		block;
}

.input_full .input_container{
	width:			330px;
}

/* SPLITTED */

.splitted_form{
	position: 		relative;
	height: 		40px;
}

.input_first_third INPUT{
	width: 			105px;
}

.input_first_third LABEL{
	width: 			105px;
	display: 		block;
}

.input_second_two_third LABEL{
	width: 			205px;
	display: 		block;
}

.input_first_third{
	padding-top: 	4px;
	position: 		absolute;
	top: 			-4px;
	left: 			0px;

}

.input_second_two_third{
	padding-top: 	4px;
	position: 		absolute;
	top: 			-4px;
	right: 			22px;
}

.input_second_two_third INPUT{
	width: 			205px;
}

.input_first_third .input_container{
	width:			105px;
}

.input_second_two_third .input_container{
	width:			205px;
}