/* v: 1.0 */

body{
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size: 18px;
	color:#036;
	margin:0 0 16px 0;
	padding:0px;
}

h2{
	font-size: 16px;
	color:#036;
	border-top:2px solid #036;
	padding:0;
	margin:0;
}
.subheading{
	font-size:14px;
	color:#666;
	padding-top:8px;
}
.clearfloat{
	clear:both;
}


/* ----------------------------------------------- */
#container {
	width: 900px;
	margin: auto;
	position:relative;
	background-color:#fff;
}
a{
	text-decoration:none;
	color:#00F;
	
}
a:hover{
	text-decoration:underline;
}


/*********************************************************************************************
BANNER STYLES*/
#banner{
	width:680px;
	float:left;
}

#banner_img_div{
	width:233px;
	float:left;
}

/* ---- TOP MENU   -------------------------------------------------------------------- */
#top_menu_div{
	width:197px;
	float:left;
	margin-right:20px;
}
.top_menu_item{
	border-bottom:1px solid #069;
	font-size:12px;
	margin-bottom:4px;
}
.top_menu_item a{
	color:#000;
	text-decoration:none;
	display:block;
	padding-left:4px;
}
.top_menu_item a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#069
}

#quote_ref_div{
	font-size:11px;
	color:#fff;
	margin-top:7px;
	background-color:#FF6600;
	padding:2px;
}

/* ***************************************************************************************** 
COLUMN 1 STYLES
*/
#content_col1{
	width:670px;
	float:left
}

.content_col1_colA{
	width:430px;
	margin-right:20px;
	float:left;
}
.content_col1_colB{
	width:220px;
	float:right;
}

.main_img_div{
	width:100%;
	height:185px; 
	margin-bottom:20px;
	text-align:center;
	position:relative;
}
#colours_holder{
	margin-bottom:12px;
}
.colours_title{
	border-top:1px solid #999;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	padding:8px 0;
}
.colours_div{
	float:left;
	font-size:10px;
	color:#666;
	margin-right:8px;
	width:70px;
}

.fasttrack_flash{
position:absolute;
top:0;
left:0;
z-index:5;
}
	/* .............................................................
	PRICES
	............................................................. */

	#price_table_holder{
		width:100%;
		position:relative;
		background-color:#CCFF33;
	}

	#price_table_holder table{
		width:430px;
	}
	
	#price_tabs{
		background:url(images/tab_bg.jpg) repeat-x;
		width:100%;
	}
	#price_tabs a{
	display:block;
	}
	.price_tab_on{
		width:84px;
		height:27px;
		background:url(images/tab_on.jpg) no-repeat;
		float:left;
	}
	
	.price_tab_off{
		width:84px;
		height:27px;
		background:url(images/tab_off.jpg) no-repeat;
		background-position:bottom;
		float:left;
	}
	.price_tab_text{
		text-align:center;
		font-size:12px;
		color:#666666;
	}
	.price_tab_text_off{
		padding-top:7px;
	}
	.price_tab_text_on{
		padding-top:2px;
	}
	
	.price_table_div{
		position:absolute; 
		top:0px; 
		background-color:#FFF;
		display:none;
	}	
	
	.price_table_div thead{
		text-align:center;
		font-weight:bold;
		font-size:10px;
	}
	.price_table_div tbody{
		font-size:12px;
		line-height:150%;
		text-align:center;
		color:#666;
	}
	.price_table_div td{
		
	}	
	.price_table_title{
		text-align:left;
		width:135px;
	}
	.price_table_product_code{
		text-align:left;
		background-color:#999;
		color:#FFF;
		padding-left:6px;
		font-weight:bold;
	}
	.price_table_additional{
		font-size:10px;	
	}
	
	#price_info{
		font-size:11px;
		color:#666;
		padding-left:16px;
		padding-top:72px;
	}
	#price_info ul{
		margin-top:0;
		margin-bottom:16px;
	}
	.price_info_div{
		float:left;
		width:50%;
	}
	.img_call_now{
		text-align:center;
		margin:10px 0px 20px 0px;
	}


/*
Clasps and clips
------------------------------------------------------------------ */
#product_clips{
	font-size:10px;
	color:#666;
	margin-bottom:24px;
}
.product_clips_div{
	width:68px;
	float:left;
	text-align:center;
}
.product_clips_title{
	font-weight:bold;
}
.product_clips_partcode{

}
.product_clips_info{
	line-height:200%;
	font-size:12px;
}

/* -------------------------------------------------------------------- 
Pouches
*/
	#product_pouches{
		font-size:12px;
		color:#666;
	
	}
	#product_pouches_pic{
		float:left;
		width:50%;
	}
	#product_pouches_info{
		float:right;
		width:50%;
	}



/* -------------------------------------------------------------------
Product info
*/
#product_text{
	font-size:12px;
	color:#666;
}

/* ------------------------------------------------------------------
Product fittings
*/
#product_fittings{
	color:#666;
	font-size:12px;	
}
.product_fittings_div{
	width:50%;
	float:left;
	text-align:center;
	font-size:10px;
}


#how_to_order{
	border:1px solid #069;
	width:218px;
	margin-top:24px;
	font-size:10px;
}
#how_to_order_text{
	padding:0 6px;
}
#how_to_order ul{
	margin:0 0 0 15px;
	padding:6px 0 6px 6px;

}

.page_content_general{
/*	padding-left:12px; */
	padding-right:10px;
	font-size:12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
COLUMN 2 STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content_col2{
	width:210px;
	margin-left:10px;
	float:right;
	overflow:hidden;
}

#contact_panel{

}

#quick_quote_panel{
	background-color:#003366;
	background-image:url(images/quote_panel_bg1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:208px;
}
#quick_quote_panel select{
	font-size:9px;
	margin:4px 0;
	width:190px;
}


#form_quick_quote{
	color:#fff;
	font-size:10px;
	margin:0;
	
}

#form_quick_quote .form_input_text{
	font-size:10px;
	border:1px solid #000;
}

#form_quick_quote input{
	font-size:11px;
	margin:0px;
	padding:0px;
	border:1px solid #666;
}

#form_quick_quote a{
	color:#00FFFF;
}
#form_quick_quote a:hover{
	color:#fff;
}

.form_box {
	float:right; 
	width:30px;
	height:28px;
}

#quick_quote_panel_sample{
	background:url(images/preview_sample_bg.jpg);
	background-repeat:no-repeat;
	height:130px;
	padding-top:8px;
}

.quick_contact_panel_pad{
	padding:0 10px 0 6px;
}
.btn_quote_div{
	padding:6px;
	text-align:center;
}
#preview_sample_panel_head{
	padding:0px 16px 8px 0;
	text-align:right;
}

#main_img_div{
	width:100%; 
	height:185px; 
	margin-bottom:20px;
	text-align:center;
	position:relative;
}

#flash_buyking{
	padding:12px 10px;
	width:100%;
}



#quick_contact_panel{
	background-color:#003366;
	background-image:url(images/quote_panel_bg1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:450px;
	width:208px;
}


#right_col_img_div{
	margin:24px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* --- MENU : STANDARD LIST ---------------------------------------------- */
#menu_standard{
/*	height:22px;*/
	width:658px;
	background-color:#003366;
	padding-left:12px;
	line-height:14px;
}
/*Top level menu link items style*/
#menu_standard a{
	text-decoration: none;
	color: #fff;
	border-left:1px solid #036;
	border-right:1px solid #036;
}
#menu_standard a:hover{
/*
	color:#00FFFF;
	text-decoration:none;
	background-color:#069;
	height:14px;
	display:block;
*/
	display: block;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#006699;
	color:#99CCFF;
}


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

/*Top level list items*/
.menu_s ul li{
	position: relative;
	display: inline;
	float: left;
	padding: 4px 6px;
	font-size:12px;
	text-align:center;
}


.menu_s_on{	
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#006699;
	color:#fff;
	height:14px;
	width:114px;
}
.menu_s_off{	
	height:14px;
	width:116px;
}

/* --- END: MENU : STANDARD LIST ---------------------------------------------- */

/* --- MENU : ECO LIST ---------------------------------------------- */

#menu_eco{
	height:22px;
	width:658px;
	background-color:#298000;
	padding-left:12px;
}
/*Top level menu link items style*/
#menu_eco a{
	display: block;
	text-decoration: none;
	color: #fff;
}
#menu_eco a:hover{
	color:#33FF33;
	text-decoration:none;
}

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

/*Top level list items*/
.menu_e ul li{
	position: relative;
	display: inline;
	float: left;
	padding: 4px 8px;
	font-size:12px;
}


.menu_e_off{	
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#00AA00;
	color:#fff;
	height:14px;
}

/* --- END: MENU : ECO LIST ---------------------------------------------- */


/* ----------------------------------------------------------------------
POUCHES
*/
.pouches_partcode{
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
.pouches_size{
	font-size:13px;
	text-align:center;
	margin: 6px 0;
}
.pouches_price{
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
/*
--------------------------------------------------------------------------*/



.advanced_quote_radio_span{
	padding-right:20px
}
.form_quote_adv_table td{
	padding-bottom:12px;
}

/***********************************************************************************************************
 PAGE_FOOTER */

#page_footer{
/*
	margin:50px 50px 20px 0px;
	padding-right:20px;

*/
	padding-top:24px;
	z-index:20;
}
#page_footer a{
	color:#00F;
}
#page_footer a:hover{
	text-decoration:underline;
}
.page_footer_part1{
	font-size:10px;
	color:#666;
}

.page_footer_part2{
	font-size:10px;
	color:#999;
	text-align:center
}

.footer_brochure{
	padding-right:30px;
	text-align:right; 
	width:165px;
}
.footer_brochure a{
	color:#00F;
	text-decoration:none;
}
.footer_brochure a:hover{
	color:#00F;
	text-decoration:underline;
}

/* END PAGE FOOTER
**********************************************************************************************/

/************************************************************************
popup page
*/
.popupPage body{
	background-color:#FFFFCC;
}
.popupPage h1{
	margin:0;
	padding:0;
}

.popupContent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 20px;
}

.popupPage em{
	font-weight:bold;
	color:#990000;
	margin:5px;
}

.popupPage h1{
	font-size:16px;
	font-weight:bold;
	padding:0;
	margin:0;
	
}

.popupPage img{
	margin:0 10px 5px 0;
}

.popupClose{
	text-align:right;
	font-size:10px;
	padding:0;
	margin-top:12px;
	border-top:1px solid #036;
}

.popupNote{
	padding-top:12px;
	color:#666666;
	font-size:9px
}

/*
end popup
****************************************************************************/