/***************************************************
*                                                  *
*		         CSS Styles Josie website              *
*		                                               *
*		      Aime van Pottelsberghe (auteur)          *
*		 in opdracht van Chilli Design & Multimedia    *
*		                                               *
***************************************************/


/* STYLES RESETTER */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, address, blockquote { margin: 0px; padding: 0px; }
html, body, form, fieldset { font: 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #687885; }
form input[type="submit"], form input[type="reset"] { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 10px; font-weight: bold; color: #000000; }
a { text-decoration: none; }
a span { color: #FFFFFF; }



/* CLEARDIV STYLE */

	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	/* Hides from IE-mac \*/
		* html .clearfix { height: 1%; }
	/* End hide from IE-mac */

/* COMMON TEXT STYLES */

.bold { font-weight: bold; }
/*
div#error_msg_box { position: absolute; left: 50px; top: 50px; width: 150px; padding: 10px; color: #999999; border: 1px solid #999999; text-align: left; background: #f7f7f7; }
*/

/* STRUCTURE STYLES */

html { background: #FFFFFF; width: 100%; }
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; width: 100%; }


div#footer_holder { width: 100%; height: 20px; padding: 10px 0px 0px 0px; background: #FFFFFF url(../images/footer_bg.jpg) repeat-x top; position: absolute; bottom: 1px; left: 0px; }
div#footer_holder ul, div#footer_holder li { list-style: none; display: inline; }
div#footer_holder li { padding: 0px 10px; }
div#footer_holder li span, div#footer_holder li a { text-transform: uppercase; }
/*div#footer_holder li span { color: #808284; }
div#footer_holder li a { color: #d1d3d4; }
div#footer_holder li a:hover { color: #b0b2b4; }*/
div#footer_holder li span { color: #b0b2b4; }
div#footer_holder li a { color: #000000; }
div#footer_holder li a:hover { color: #808284; }

div#footer_holder ul#site_nav { padding: 0px 20px 0px 0px; }
div#footer_holder ul#lang_nav { padding: 0px 0px 0px 20px; }
div#footer_holder ul#lang_nav li { padding: 0px 5px; }


div#site_center_holder { width: 800px; height: 500px; /*padding: 10px;*/ position: absolute; top: 50%; left: 50%; margin: -250px auto auto -400px; background: url(../images/site_kader_bg.gif) no-repeat; text-align: left; }

div#page_title_wrap { position: absolute; left: 28px; top: 27px; }
div#page_title_wrap h1 { font-size: 24px; color: #000000; font-weight: normal; line-height: 25px; }

/* ABOUT JOSIE pagina STYLES */

div#sales_holder{
	width: 741px; height: 50px;
	position: absolute; left: 28px; top: 70px;
}

div#about_swf_holder { 
	/*width: 741px; height: 365px; position: absolute; left: 28px; top: 70px; */
	width: 741px; height: 365px; position: absolute; left: 28px; top: 120px; 
}

/* JOSIE STORE pagina STYLES */

img#josie_store_img { position: absolute; right: 24px; top: 24px; }

div#josie_store_txt { 
	position: absolute; 
	left: 30px; 
	top: 150px; 
	text-transform: uppercase; 
	font-size: 11px; 
	line-height: 20px; 
	overflow:scroll;
	height:325px;
}
div#josie_store_txt a { 
	color:#666666;
}

/* PRET-A-AMENER pagina STYLES */

div#all_collections_preview_wrap { width: 375px; height: 375px; position: absolute; left: 25px; top: 70px; /*background: #CCCCCC;*/ }
div#all_collections_preview_wrap a.collection_link { float: left; display: block; padding: 4px; outline: none; cursor: pointer; }
div#all_collections_preview_wrap a.collection_link img.collection_img { border: none; }

div#collections_nav { width: 369px; height: 20px; position: absolute; left: 25px; top: 455px; /*background: #FF0000;*/ }
div#collections_nav a { display: block; position: absolute; top: 0px; font-size: 11px; text-transform: uppercase; color: #808284; }
div#collections_nav a span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }
div#collections_nav a#next_collections_btn { right: 4px; }
div#collections_nav a#prev_collections_btn { left: 4px; }

div#selected_collections_preview { width: 365px; height: 365px; position: absolute; left: 405px; top: 74px; }
	a#img_detail_btn { display: block; outline: none; }
	a#img_detail_btn img { border: none; }

div#detail_nav { width: 365px; height: 20px; position: absolute; left: 405px; top: 455px; }
div#detail_nav a { display: block; position: absolute; top: 0px; font-size: 11px; text-transform: uppercase; color: #808284; }
div#detail_nav a span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }
div#detail_nav a#detail_btn { right: 0px; }

/* PRET-A-AMENER detail pagina STYLES */

div#foto_prev_coll_wrap { position: absolute; left: 28px; top: 70px; }
div#foto_prev_coll_wrap img { /*border: 1px solid #FF0000;*/ }

div#collection_specs { position: absolute; left: 420px; top: 55px; }

	div#collection_specs div.specs_box { padding: 15px 0px; border-bottom: 1px solid #ececec; width: 352px; font-size: 11px; color: #414042; }
	div#collection_specs div.specs_box p.box_title { padding: 0px 0px 15px 0px; }

	div#descryption_wrap { }
	div#descryption_wrap p#price_tag { padding-top: 20px; }
	div#color_choice_wrap { }
		div#color_choice_wrap div.color_item_wrap { width: 37px; height: 53px; position: relative; float: left; }
		div#color_choice_wrap div.color_item_wrap img { position: absolute; left: 2px; top: 2px; border: 1px solid #000; }
		div#color_choice_wrap div.color_item_wrap input.color_radio_btn { position: absolute; left: 8px; bottom: 0px; }
		*div#color_choice_wrap div.color_item_wrap input.color_radio_btn { left: 10px; bottom: -4px; }
		
		div#sample_req_wrap { text-align: center; padding: 20px 0px 0px 0px; width: 352px; }
			div#color_choice_wrap a#sample_req { margin: 0px auto; font-size: 11px; text-transform: uppercase; color: #808284; }
			div#color_choice_wrap a#sample_req span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }
		
	div#size_choice_wrap { }
		div.size_item_wrap { width: 37px; height: 51px; position: relative; float: left; }
		div.size_item_wrap div.size_vb { position: absolute; left: 2px; top: 2px; border: 1px solid #000; width: 31px; height: 22px; padding: 9px 0px 0px 0px; text-align: center; }
		div.size_item_wrap input.size_radio_btn { position: absolute; left: 7px; bottom: 0px; }
		*div.size_item_wrap input.size_radio_btn { left: 9px; bottom: -4px; }
		
p#exchange { position: absolute; left: 420px; bottom: 64px; color: #000000; }

input#buy_btn { position: absolute; right: 28px; bottom: 58px; width: 137px; background: #df5959; border: none; color: #FFFFFF; padding: 7px 0px; text-transform: uppercase; }
*input#buy_btn { font-size: 11px; cursor: pointer; }

div#coll_nav_btns_wrap { position: absolute; left: 28px; bottom: 27px; width: 365px; height: 28px; }
div#coll_nav_btns_wrap a { font-size: 11px; text-transform: uppercase; position: absolute; top: 5px; color: #808284; display: block; }
div#coll_nav_btns_wrap a span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }
div#coll_nav_btns_wrap a#back_to_overview_btn { left: 0px; }
div#coll_nav_btns_wrap a#next_picture_btn { right: 0px; }


/* PIECES UNIQUES pagina STYLES */

div#image_nav_wrap { width: 727px; height: 207px; position: absolute; left: 38px; top: 130px; }
div#selected_by_josie { width: 76px; height: 41px; background: url(../images/selected_by_josie.jpg) no-repeat; position: absolute; bottom: 40px; right: 57px; }
div#selected_by_josie_detail { width: 76px; height: 41px; background: url(../images/selected_by_josie.jpg) no-repeat; position: absolute; bottom: 101px; right: 28px; }

div#pu_descr_wrap { width: 790px; height: 100px; position: absolute; left: 5px; top: 30px; background: #333132; }
	div#pu_descr_wrap table#descr_holder { width: 740px; height: 80px; position: relative; left: 25px; top: 10px; }
	div#pu_descr_wrap table#descr_holder tbody tr td { /*background: #00FFFF;*/ }
	div#pu_descr_wrap table#descr_holder tbody tr td p { font-size: 18px; text-transform: uppercase; color: #FFFFFF; }

div#pieces_uniques_fotos_wrap { position: absolute; left: 28px; bottom: 56px; }

div.no_thumb { width: 127px; height: 142px; background: #F7F7F7; text-align: center; cursor: pointer; }
div.no_thumb span { color: #333333; position: relative; top: 60px; cursor: pointer; }

a#pu_back_to_overview_btn { font-size: 11px; text-transform: uppercase; position: absolute; left: 28px; bottom: 27px; color: #808284; display: block; }
a#pu_back_to_overview_btn span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }

input#buy_pu_btn { position: absolute; right: 28px; bottom: 58px; width: 137px; background: #df5959; border: none; color: #FFFFFF; padding: 7px 0px; text-transform: uppercase; }
*input#buy_pu_btn { font-size: 11px; cursor: pointer; }


/* COUTURE SUR MESURE pagina STYLES */

/*img.csm_foto { position: absolute; }
img#csm_foto_1 { left: 28px; top: 165px; }
img#csm_foto_2 { left: 143px; top: 162px; }
img#csm_foto_3 { left: 262px; top: 147px; }
img#csm_foto_4 { left: 401px; top: 125px; }
img#csm_foto_5 { left: 576px; top: 100px; }*/

img.csm_foto { position: absolute; left: 28px; top: 85px; }

div#available_img_series_wrap { position: absolute; left: 28px; top: 440px; color: #d1d3d4; }
div#available_img_series_wrap a { font-size: 12px; color: #1d1e1f; text-decoration: none; position: relative; top: 1px; }
p#img_series_title { position: absolute; left: 28px; top: 460px; text-transform: uppercase; font-size: 15px; font-weight: bold; }

a#ask_prices { position: absolute; right: 27px; top: 458px; font-size: 11px; text-transform: uppercase; color: #808284; }
a#ask_prices span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }



/* BASKET STYLES */

p#basket_subnav { position: absolute; right: 28px; top: 38px; text-align: right; color: #d1d3d4; }
p#basket_subnav, p#basket_subnav span, p#basket_subnav a { font-size: 12px; text-transform: uppercase; font-weight: bold; }
p#basket_subnav span{ color: #808284; }

div#basket_is_empty { position: absolute; left: 30px; top: 69px; }

/* BASKET OVERVIEW STYLES */

div#basket_header_wrap { position: absolute; left: 30px; top: 69px; width: 741px; height: 13px; border-bottom: 1px solid #999999; padding: 5px 0px 5px 0px; background: #f7f7f7; }
	div#basket_header_wrap p { float: left; font-size: 11px; font-weight: bold; }
	div#basket_header_wrap p#del_head { width: 80px; text-align: center; }
	div#basket_header_wrap p#arts_head { width: 280px; padding-left: 5px; /*background: #FF66CC;*/ }
	div#basket_header_wrap p#color_head { width: 100px; /*background: #0099FF;*/ }
	div#basket_header_wrap p#size_head { width: 100px; /*background: #00CC99;*/ }
	div#basket_header_wrap p#quan_head { width: 70px; text-align: center; /*background: #CC6633;*/ }
	div#basket_header_wrap p#total_head { width: 100px; text-align: right; padding-right: 5px; /*background: #999999;*/ }

div#basket_overview_wrap { position: absolute; left: 30px; top: 93px; width: 758px; height: 342px; overflow: auto; }
	div#basket_overview { width: 741px; background: #f7f7f7; }
		div.basket_art_wrap { border-bottom: 1px dashed #999999; padding: 3px 0px 3px 0px; height: 20px; }
			
			div.del_cell, div.art_cell, div.color_cell, div.size_cell, div.quan_cell, div.total_cell { float: left; }
			
			div.del_cell { width: 80px; text-align: center; }
				div.del_cell input.prod_delete_input { position: relative; top: 1px; }
			div.art_cell { width: 280px; padding: 4px 0px 0px 5px; /*background: #FF66CC;*/ }
			div.color_cell { width: 100px; padding: 4px 0px 0px 0px; /*background: #0099FF;*/ }
			div.size_cell { width: 100px; padding: 4px 0px 0px 0px; /*background: #00CC99;*/ }
			div.quan_cell { width: 70px; text-align: center; /*background: #CC6633;*/ }
				div.quan_cell input.prod_quantity_input { position: relative; top: 2px; width: 30px; height: 10px; }
			div.total_cell { width: 100px; padding: 4px 5px 0px 0px; text-align: right; /*background: #999999;*/ }
	
	div#basket_total_wrap { width: 736px; text-align: right; padding: 10px 5px 5px 0px; font-weight: bold; }
	div#basket_total_wrap span { padding-right: 10px; }

/* BASKET DELIVERY STYLES */
	
div#basket_delivery_wrap { position: absolute; left: 30px; top: 93px; width: 741px; height: 342px; background: #f7f7f7; }
	div#basket_delivery_wrap label.deliv_text_labels, div#basket_delivery_wrap input.deliv_text_inputs { position: absolute; }
	label.deliv_text_labels { text-transform: uppercase; font-weight: bold; }
	label.empty_input_error, p.empty_input_error { color: #FF0000; }
	label#name_label { left: 20px; top: 20px; }
	label#vname_label { left: 416px; top: 20px; }
	div#straat_nr_lbl_wrap { position: absolute; left: 20px; top: 70px; }
		label#straat_label { text-transform: uppercase; font-weight: bold; }
		label#nr_label { text-transform: uppercase; font-weight: bold; }
	div#pc_plaats_lbl_wrap { position: absolute; left: 416px; top: 70px; }
		label#pc_label { text-transform: uppercase; font-weight: bold; }
		label#plaats_label { text-transform: uppercase; font-weight: bold; }
	label#tel_label { left: 20px; top: 120px; }
	label#email_label { left: 416px; top: 120px; }
	
	label#vraag_label { left: 416px; bottom: 148px; }
	p#conditions_label { position: absolute; left: 40px; top: 197px; width: 280px; }
	p#conditions_label a { cursor: pointer; font-weight: bold; text-decoration: none; }
	p#conditions_label a:hover { text-decoration: underline; }
	*p#conditions_label { top: 196px; }
	
	input#name_input { left: 20px; top: 35px; width: 300px; }
	input#vname_input { right: 20px; top: 35px; width: 300px; }
	input#straat_input { left: 20px; top: 85px; width: 250px; }
	input#nr_input { left: 280px; top: 85px; width: 40px; }
	input#pc_input { right: 260px; top: 85px; width: 60px; }
	input#plaats_input { right: 20px; top: 85px; width: 230px; }
	input#tel_input { left: 20px; top: 135px; width: 300px; }
	input#email_input { right: 20px; top: 135px; width: 300px; }
	
	textarea#vraag_ta { position: absolute; right: 20px; bottom: 20px; width: 300px; height: 120px; }
	input#conditions_input { position: absolute; left: 16px; bottom: 129px; }
	*input#conditions_input { bottom: 130px; }

input#basket_submit_btn { position: absolute; right: 42px; bottom: 27px; background: #FFFFFF; border: none; cursor: pointer; font-size: 11px; text-transform: uppercase; color: #808284; padding: 0px; margin: 0px; }
*input#basket_submit_btn { right: 35px; bottom: 25px; }
span#basket_submit_arrow { position: absolute; right: 28px; bottom: 29px; display: block; color: #c40000; font-size: 15px; font-weight: bold; }


div#conditions_box { display: none; position: absolute; z-index: 15; left: 50px; top: 50px; width: 500px; height: 300px; color: #999999; border: 1px solid #999999; text-align: left; background: #f7f7f7; }
	div#conditions_box h1 { font-size: 12px; font-weight: bold; position: absolute; left: 5px; top: 2px; width: 480px; text-align: center; }
	div#conditions_box div#conditions_text { overflow: auto; position: absolute; left: 5px; top: 25px; width: 483px; height: 270px; padding: 0px 5px; }
	div#conditions_box div#conditions_text ul { margin: 0px 0px 0px 25px; }
	div#conditions_box div#conditions_text ul li { padding: 0px 0px 10px 0px; list-style-type: decimal; }
	div#conditions_box div#conditions_text ul li ol { margin: 0px 0px 0px 25px; }
	div#conditions_box div#conditions_text ul li ol li { padding: 0px 0px 0px 0px; list-style-type: decimal; }
	
	div#conditions_box a { position: absolute; right: 2px; top: 2px; padding: 2px; border: 1px solid #999999; color: #999999; cursor: pointer; }

p#korting_msg { position: absolute; bottom: 85px; left: 50px; width: 300px; }


/* BASKET CONFIRM STYLES */

div#basket_payment_wrap { position: absolute; left: 30px; top: 93px; width: 741px; height: 342px; background: #f7f7f7; }
	div#payment_order_wrap { position: absolute; left: 20px; top: 20px; }
	div#payment_order_wrap h1 { font-size: 11px; font-weight: bold; padding: 0px 0px 5px 0px; text-transform: uppercase; color: #808284; }
	
	div#payment_delivery_wrap { position: absolute; left: 350px; top: 20px; }
	div#payment_delivery_wrap h1 { font-size: 11px; font-weight: bold; padding: 0px 0px 5px 0px; text-transform: uppercase; color: #808284; }
	div#payment_delivery_wrap p { padding-bottom: 3px; }
	div#payment_delivery_wrap p span.pay_data_title { width: 120px; display: block; float: left; text-transform: uppercase; }
	div#payment_delivery_wrap p span.pay_data { width: 240px; display: block; float: left; }
	

/* BASKET FINISH STYLES */

div#basket_finish_wrap { position: absolute; left: 30px; top: 93px; width: 441px; height: 242px; padding: 100px 150px 0px 150px; text-align: center; font-size: 11px; line-height: 20px; }



/* COMMON BASKET STYLES */

a.basket_step_btn { display: block; position: absolute; right: 28px; bottom: 29px; font-size: 11px; text-transform: uppercase; color: #808284; }
a.basket_step_btn span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }

input#edit_basket_btn { position: absolute; left: 370px; width: 100px; bottom: 27px; background: #FFFFFF; border: none; cursor: pointer; font-size: 11px; text-transform: uppercase; color: #808284; }
*input#edit_basket_btn { bottom: 24px; }

a#continue_shopping_btn { display: block; position: absolute; left: 28px; bottom: 29px; font-size: 11px; text-transform: uppercase; color: #808284; }
a#continue_shopping_btn span { color: #c40000; font-size: 15px; font-weight: bold; position: relative; top: 1px; }