/*******************************************************************************************
********************************************************************************************
*************************          	TEMPLATE PAGES          		************************
********************************************************************************************
*******************************************************************************************/


/* ALGEMEEN */

html,body {	min-height:90%;	margin:0;	padding:0; font:11px "Trebuchet MS",trebuchet,arial,sans-serif;	font-size:14px; }
body { background:url(../../img/style/bg_main.jpg) left top repeat-x;	background-color:#F0F0F0; }
img { vertical-align:top; margin:0px; padding:0px; border:0px; }
p {	margin-top: 0px; }
ul { margin-top:0; margin-bottom:0; }
div { text-align:left; height:auto; }
td { vertical-align:top; }

h1 { font-weight:bold; font-size:14px;  display:inline; }
h2 { font-weight:normal; font-size:18px; display:inline; }
h3 { font-weight:normal; font-size:12px; display:inline; }
h4 { font-weight:normal; font-size:18px; display:inline; }

.uppercase { 
  text-transform:uppercase;  
}
/* LINKS */
a:link, a:visited, a:hover, a:active { color:#FFF; text-decoration:none; }

.link_st, .link_st:link, .link_st:visited { color:#7F2C2C; text-decoration:none;  }
.link_st:hover, .link_st:active { color:#7F2C2C; text-decoration:underline; } 

a.bottom_links:link, a.bottom_links:visited { color:#000; text-decoration:none;  }
a.bottom_links:hover, a.bottom_links:active { color:#666; text-decoration:none; } 
			
a.top_menu_item:link, a.top_menu_item:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:14px; padding-left:20px; }
a.top_menu_item:hover, a.top_menu_item:active { color:#EA2D2E; text-decoration:none; font-weight:bold; font-size:14px; padding-left:20px; } 
a.top_menu_item_sel:link, a.top_menu_item_sel:visited,a.top_menu_item_sel:hover, a.top_menu_item_sel:active { color:#EA2D2E; text-decoration:none; font-weight:bold; font-size:14px; padding-left:20px; } 

a.sub_menu_item:link, a.sub_menu_item:visited { color:#777777; text-decoration:none; font-weight:bold; height:16px; font-size:12px; text-align:right; padding-right:5px; }
a.sub_menu_item:hover, a.sub_menu_item:active { color:#CCCCCC; text-decoration:none; font-weight:bold; height:16px; font-size:12px; text-align:right; padding-right:5px; }

/* ALGEMEEN */

.form_frame {
border:1px solid #CCC; height:100%; width:766px; padding:10px; background-color:#EEEEEE; text-align:justify;
}
.form_frame_prijscalculatie {
	padding:0px; width:786px; margin-top:4px;
}
.form_submit_button {
width:100px; border:1px solid #CCCCCC;
}

.form_item {
width:182px; height:26px; padding-top:0px;
}

img.showroom {
	border:1px solid #FFF;
}	
	
.pointer {
	cursor: pointer;
	cursor: hand; 
}

.clear {
	clear:both;
	clear:all;
}

.rood_inline { color:#EA2D2E; display:inline; }

.frame_top {
	background-image:url(../../img/style/head_round.gif);
	background-repeat:no-repeat;
	height:4px;			
}

.frame_top_large {
	background-image:url(../../img/style/head_round_large.gif);
	background-repeat:no-repeat;
	height:4px;			
}

.bottom_shadow {
	background:url(../../img/style/shadow_bottom.png) left top repeat-x;
	height:10px;
}

.left_shadow {
	background:url(../../img/style/shadow_left.png) left top repeat-y;
	width:10px;			
}

.left_corner_shadow {
	background:url(../../img/style/shadow_left_corner.png) left top no-repeat;
	width:10px;			
	height:10px;	
}

.right_shadow {
	background:url(../../img/style/shadow_right.png) left top repeat-y;
	width:10px;			
}

.menu_left {
	width:184px; height:32px; font-size:18px; text-align:right; color:#FFFFFF;
}

#menu_left_prijscalculatie {
background-image:url(../../img/style/prijscalculatie.png); background-repeat:no-repeat; width:184px; height:58px; margin-top:30px; overflow:hidden; font-weight:bold; font-size:12px; margin-left:0px; 
}

#menu_left_aanbiedingen {
background-repeat:no-repeat; width:184px; height:270px; overflow:hidden; font-weight:bold; font-size:12px; margin-left:0px; 
}

#menu_left_prijscalculatie_1 {
	position:relative; left:71px; top:10px;
}

#menu_left_prijscalculatie_2 {
	position:relative; left:71px; top:14px;
}

#menu_left_aanbiedingen_1 {
	position:relative; left:9px; top:13px; color:#FF0000; height:35px;
}

#menu_left_aanbiedingen_2 {
	position:relative; left:9px; top:0px; color:#000000; height:145px;
}
#menu_left_aanbiedingen_3 {
	position:relative; left:18px; top:5px; color:#FFFFFF; height:50px; font-size:26px; vertical-align:top; width:100px; text-align:center;
}
#menu_left_aanbiedingen_4 {
	position:relative; left:9px; top:15px; color:#000000; height:30px;
}
.menu_left_inner {
position:relative; padding:5px 7px 0px 0px; text-align:right;
  text-transform:uppercase;  
}

.right {
	text-align:right;
}

#menu_left_sel_1 { background-image:url(../../img/style/menuleft/21_sel.jpg); background-repeat:no-repeat; }
#menu_left_sel_2 { background-image:url(../../img/style/menuleft/22_sel.jpg); background-repeat:no-repeat; }
#menu_left_sel_3 { background-image:url(../../img/style/menuleft/23_sel.jpg); background-repeat:no-repeat; }
#menu_left_sel_4 { background-image:url(../../img/style/menuleft/24_sel.jpg); background-repeat:no-repeat; }
#menu_left_sel_5 { background-image:url(../../img/style/menuleft/25_sel.jpg); background-repeat:no-repeat; }
#menu_left_sel_6 { background-image:url(../../img/style/menuleft/26_sel.jpg); background-repeat:no-repeat; }

#page_menu_left {
	width:320px;
	padding:15px 0px 5px 0px;
	text-align:left;
}

#page_menu_right { 
	width:670px;
	text-align:right;
	padding:18px 10px 0px 0px;
	vertical-align:top;
}

#copyright{
	text-align:right; font-size:9px;
}

.right_corner_shadow {
	background:url(../../img/style/shadow_right_corner.png) left top no-repeat;
	width:10px;			
	height:10px;	
}

.frame_width {
	width:1000px;			
}

.frame_left_line {
	background-image:url(../../img/style/menuleft/line.jpg); background-repeat:no-repeat; width:184px; height:1px; overflow:hidden;
}

.frame_width_left_special{
	padding:10px; background-color:#000000; color:#FFFFFF; font-size:11px; text-align:left;
}

.frame_width_left {
	width:184px;
	vertical-align:top;
	padding-top:4px;
}

.frame_width_small {
	width:796px;
}



.frame_width_large {
	width:980px;
}

#frame_inner_main {
	padding:0px 4px 4px 4px; background-color:#FFF; width:787px; background-image:url(../../img/style/bg_collection.jpg); text-align:left;
}

#frame_inner_main_special {
	width: 732px; padding:10px; background-color:#FFF; text-align:left
}


/* PRIJSCALCULATIE */

.prijscalculatie_item_photo{
width:42px; height:42px; text-align:left; vertical-align:middle; background-color:#FFF; 
}

.prijscalculatie_item_name{
width:433px; text-align:left; vertical-align:middle; background-color:#FFF; padding-left:5px;
}

.prijscalculatie_item_amount{
width:159px; text-align:right; vertical-align:middle; padding-right:5px;
}

.prijscalculatie_bezorgkosten_left{
width:337px; height:26px; text-align:left; vertical-align:middle; padding-left:5px;
}

.prijscalculatie_bezorgkosten_middle{
width:339px; text-align:right; vertical-align:middle; padding-right:5px;
}

.prijscalculatie_right {
width:95px; text-align:right; vertical-align:middle; background-color:#CCC; padding-right:5px;

}

/* HOME */

#home_middle_image {
	background:url(../../img/style/bg_home1.jpg) left top no-repeat;
	height:342px;
	width:972px;
}

#home_middle {
	padding:0px 4px 4px 4px;
	background-color:#FFF;			
}

#home_middle_koopzondag {
	width:207px;
	height:152px;
	background:url(../../img/style/koopzondag.jpg) left top no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}	

#home_middle_koopzondag_tekst {
	text-align:center;
	width:205px;
	height:106px;
	padding-top:40px;
  text-transform:uppercase; 
}

.home_middle_right_item {
	position:relative;
	left:540px;
	width:420px;
	height:26px; 
	font-size:18px;
	color:#FFFFFF;
	text-align:left;				
}

#home_bottom {
	width:1000px;
	height:255px;			
}
		
#home_bottom_logo {
	background:url(../../img/style/hawk-logo.jpg) center top no-repeat;
	width:1000px;
	height:83px;
}

.home_menu {
	float:left;
	padding: 6px 10px 0px 10px;
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	width:180px;
	height:255px;				
	background-position: top left; 
	background-repeat: no-repeat;
  text-transform:uppercase;   
}

.home_menu_sel{	background-position: -200px 0; }
#home_menu_1 { background-image:url(../../img/style/bg_home_menu_1.jpg); }
#home_menu_2 { background-image:url(../../img/style/bg_home_menu_2.jpg); }
#home_menu_3 { background-image:url(../../img/style/bg_home_menu_3.jpg); }
#home_menu_4 { background-image:url(../../img/style/bg_home_menu_4.jpg); }
#home_menu_5 { background-image:url(../../img/style/bg_home_menu_5.jpg); }

/* PHOTO */
#photo {
	height:240px; border:1px solid #000;
}

#photo_large {
	width:763px; border:1px solid #000;
}

#photo_naam {
text-align:center; padding-top:5px; background-color:#CCC; min-height:23px;
}
#photo_omschrijving {
text-align:left; padding:3px 5px 3px 5px; background-color:#CCC; color:#666666; font-size:11px;	
}

.photo_item {
display:inline; float:right; width:36px; height:29px; margin-left: auto; margin-right: auto; text-align:center
}

/* KOOPZONDAG */
#koop_middle_image {
	background:url(../../img/style/bg_koopzondag1.jpg) left top no-repeat;
	height:412px;
	width:788px;
}

/* KOOPZONDAG */
#aanbieding_middle_image {
	background:url(../../img/style/aanbieding.jpg) left top no-repeat;
	height:412px;
	width:788px;
}

.page_top {

width:100%; text-align:center; padding:3px;
}

.koop_middle_right_item {
	position:relative;
	left:326px;
	width:430px;
	height:156px; 
	font-size:18px;
	color:#FFFFFF;
	text-align:left;				
}

#koop_bottom_logo {
	background:url(../../img/style/bg_koopzondag1_shadow.jpg) center top no-repeat;
	margin-top:58px;
	width:1000px;
	height:208px;
}		

#koop_middle_koopzondag {
	top:30px;
	width:207px;
	height:152px;
	background:url(../../img/style/koopzondag2.jpg) left top no-repeat;
	text-align:center;
	font-size:18px;
	color:#FFF;
}

/* CONTACT */

#contact_background {
	background-image:url(../../img/style/contact.jpg);
	background-repeat:no-repeat;
	height:200px;
}

#service_background {
	background-image:url(../../img/style/service.jpg);
	background-repeat:no-repeat;
	height:200px;
}

			
			

  .c_product_top_bg {
		height:33px;
		width:788px;
		background:url(../../img/style/product_head.gif) no-repeat;
		background-color:#000;
		position:relative;
	}

  .c_product_top_bg2 {
		height:33px;
		width:788px;
		background:url(../../img/style/product_head2.gif) no-repeat;
		background-color:#000;	
	}
	
	.c_product_top_name {
		position:absolute;
		top:5px;
		left:10px;
		height:34px;
		color:#FFF;
		font-size:18px;
	}
	
	.c_product_top_tab_3 {
		position:absolute;
		top:0px;
		padding-top:9px;
		right:300px;
		width:149px;
		height:24px;
		font-size:14px;
		color:#FFFFFF;
		text-align:center;
	}	

	.c_product_top_tab_2 {
		position:absolute;
		top:0px;
		padding-top:9px;
		right:150px;
		width:149px;
		height:24px;
		font-size:14px;
		color:#FFFFFF;
		text-align:center;
	}
	
	.c_product_top_tab_1 {
		position:absolute;
		top:0px;
		padding-top:9px;
		right:0px;
		width:149px;
		height:24px;
		font-size:14px;
		color:#FFFFFF;
		text-align:center;
	}
	
	.product_top_tab_sel{
		background:url(../../img/style/product_head_sel.gif) no-repeat;	
	}
	
	.c_product_wrapper {
		width:788px;	
	}

	.c_product_image {
	width:150px; height:150px; border:1px solid #000;
	}
	
		.c_product_image_small_frame {
	width:150px; float:left; display:inline; width:31px;
	}

	.c_product_image_small {
		border:1px solid #000000; height:20px; max-width:27px; margin:0px 3px 3px 0px;
	}

	.c_product_left {
		width:155px;
		min-height:156px;
		top:0px;
		left:0px;
		float:left;
	}	
	.c_product_middle {
		width:128px;
		top:0px;
		right:0px;
		float:left;
	}
	.c_product_right {
		width:504px;
		top:0px;
		right:0px;
		float:right;
		font-size:14px;
	}

	.c_item_calculator {
		background:url(../../img/style/calculator_add.gif) no-repeat;
		width:20px;
		height:20px;
		float:right;
		border: 0pt none;
		text-decoration: none;
	}
	
	.c_item_calculator_active {
		background:url(../../img/style/calculator_add_active.gif) no-repeat;
		width:20px;
		height:20px;
		float:right;
	}
	
	.c_item_size_wrapper {
		width:380px;
		height:20px;
		background:url(../../img/style/bg_size.gif) no-repeat;
		font-size:14px;
		float:left;
	}	

	.c_item_size_lvar {
		 position:absolute;
		 left:0px;
		 top:0px;
		 max-width:319px;
		 height:18px;
		 padding-top:2px;
	}	

	.c_item_size_rvar {
		 position:absolute;
		 top:0px;
		 height:18px;
		 background-color:#A9C9EA;
		 text-align:center;
		 color:#FFF;
		 padding:0px;
		 padding-top:2px;
		 margin:0px;
		 width:26px;
	}	

	.c_item_size_rvar_sel {
		 position:absolute;
		 top:0px;
		 height:18px;
		 background-color:#5D98D6;
		 text-align:center;
		 color:#FFF;
		 padding:0px;
		 padding-top:2px;
		 margin:0px;
		 width:26px;
	}	
	
	.c_item_space {
		height:4px; overflow:hidden;
	}
			
	.c_item_hspace {
		width:4px;
		height:20px;
		float:left;
		overflow:hidden;		 
	}
	
	.c_item_vspace {
		width:492px;
		height:4px;
		top:0px;
		right:0px;
		float:right;
		overflow:hidden;
	}

	.c_item_size {
		position:relative;
		left:0px;
		top:0px;
		width:380px;
		height:20px;
		float:left;
	}	

	.c_item_price {
		width:92px;
		height:18px;
		background:url(../../img/style/bg_price.gif) no-repeat;
		text-align:right;
		float:left;
		padding-top:2px;
	}	



	.c_item_prop_wrapper {
		width:326px;
		height:20px;
		background:url(../../img/style/bg_prop.gif) no-repeat;   
		float:left;
	}
	.c_item_more {
		width:777px; 
		background-color:#EBF0F3;
		padding:0px 5px 0px 5px;
		color:#666666;
		float:left;
	}
		
	.c_item_more_top {
		width:476px;
		height:2px;
		background:url(../../img/style/bg_more_top.gif) no-repeat;
		font-size:14px;
		float:left;
	}
	.c_item_more_bottom {
		width:476px;
		height:2px;
		background:url(../../img/style/bg_more_bottom.gif) no-repeat;
		font-size:14px;
		float:left;
	}
	.c_item_prop {
		position:relative;
		left:0px;
		top:0px;
		width:326px;
		height:20px;
		float:left;
		font-size:14px;
		padding-top:2px;
	}	

	.c_item_prop_value {
		width:146px;
		height:18px;
		background:url(../../img/style/bg_value.gif) no-repeat;
		text-align:left; 
		float:left;
		font-size:14px;
		padding-top:2px;
	}