/**
 * A "mass reset" of default browser styles. For example, setting margin and
 * padding to 0 on all elements, turning off borders on forms, images etc.
 **/

/* 
	Added in revision 56
*/
.page_navigation_lang_nav_page
{
	float: left;
	margin-top: 3px;
	margin-left: 3px;
}

/* 
	Added in revision 53
*/

.prodlist_category_content_holder
{
	margin:2px;
	padding:3px;
}
.system_message_warning
{
	background:#FEFEE2;
	border:1px solid #E6E600;
}

.system_message_error
{
	background:#FEFEE2;
	border:1px solid #E6E600;
}

.system_message_warning, 
.system_message_error
{
	margin-bottom:1em;
	padding:10px 5px 10px 26px;
}

 
/* 
	Added in revision 51
*/

/* START Subcategories w/ images prodlist */
ul.prodlist-subcategories-img {
	margin: 0;
	list-style-type: none;
}

	ul.prodlist-subcategories-img li {
		position: relative;
		float: left;
		width: 190px;
		height: 213px;
		margin: 2px;
		padding: 3px;
		border: 1px solid #cccccc;
		background-color: #ffffff;
		color: #2D5E96;
	}
	
	ul.prodlist-subcategories-img li img {
		position: absolute;
		bottom: 3px;
		left: 5px;
	}

	ul.prodlist-subcategories-img li a,
	ul.prodlist-subcategories-img li span {
		display: block;
		width: auto;
		background-color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		outline: 0;
	}

	ul.prodlist-subcategories-img li.active { border-color: 1px solid #333333; }
	ul.prodlist-subcategories-img li:hover a { text-decoration: underline; border-color: #2D5E96; color: #4DA0C6; }
/* END Subcategories w/ images prodlist */

.system_message_warning
{
	background:#FEFEE2;
	border:1px solid #E6E600;
}

.system_message_error
{
	background:#FEFEE2;
	border:1px solid #E6E600;
}

.system_message_warning, 
.system_message_error
{
	margin-bottom:1em;
	padding:10px 5px 10px 26px;
}


/*

*/
.missing_or_invalid_field
{
	font-weight:700;
	color: #FF0033;
	font-size-adjust: +1;
}


 
.product_list_product_price_holder
{
	margin-bottom: 10px;
}

.product_list_product_price
{
	font-weight: bold;
	color: #484366;
}


.product_view_lang_enlarge_image
{
}

.product_view_lang_product_description
{
	font-weight: bold;
	font-size: 1.1em;
	color: #484366;
	padding-bottom: 3px;
}

.product_view_lang_additional_images
{
	font-weight: bold;
	font-size: 1.1em;
	color: #484366;
	padding-bottom: 3px;
	padding-top: 10px;
}

#product_view_details
{
	padding-top: 20px;
}

 
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, "Trebuchet MS", Helvetica, Sans-Serif;
}

html,
body {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color: #666666;
}

pre, code {
	font-family: "Consolas", "Courier New";
}

form, img { border-width: 0; }

a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none;}
a:hover { color: #1d1060; text-decoration: none; }
a:active { color: #666666; text-decoration: none;}

a#product_image_link2 { color: #655f88; }

hr {
	height: 0;
	margin: 1em 0;
	border: 1px dotted #999999;
	border-width: 0 0 1px 0;
	background-color: transparent;
}

/**
 * Aligning the type to a consistent baseline. This includes things like
 * setting the margins on block level elements like paragraphs, headers, and
 * lists to the same value as (or some multiple of) the base line-height
 * setting for the site.
 **/
option { padding-left: 5px; }

ul, ol { margin: 0.5em 1.5em; }
li { margin-left: 1em; }

p {	margin-bottom: 1em; }

th,
td {
	padding: 4px;
	text-align: left;
	vertical-align: top;
}

/**
 * Set relative font-sizes to maximize the user's control of the appearance in
 * their browsers. Avoid the absolute (named, pt, px) CSS size controls since
 * they remove user flexibility.
 **/
body { font-size: 62.5%; } /* Brings down font-size to 10px in stead of 16px. */
body * { font-size: 1.2em; }
body * * { font-size: 1em; } /* Elements that inherit font-size from parent, set to equal (1em). */

body h1 { font-size: 1.6em; color: #000000 }
body h2 { font-size: 1.4em; margin: 0.715em 0; color: #333333; }
body h3 { font-size: 1em; margin: 1em 0; color: #666666; }

body select,
body textarea { font-size: 1em; } /* Some fixes. */

/**
 * Creating basic styles for forms.
 **/

/* START Layout **************************************************************/
#shop_wrapper {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: auto;
	border-width: 0 1px;
	background-color: #ffffff;
}

	#shop_header {
		position: relative;
		width: auto;
		padding: 0px 5px 10px 5px;
		height: 160px;
		color: inherit;
		text-align: justify;
		background: #ffffff;
	}
	
		#shop_header h1 { 
			float: left;
			background: url(../images/design/gevelprof_logo.gif) no-repeat;
			height: 91px;
			width: 170px;
			margin-top: 15px;
		}

			#shop_header h1 a { display: block; width: 100%; height: 100%; }
			#shop_header h1 span { display: none; }
	
	#search_top {
		float: right;
		width: 200px;
		height: 21px;
		padding-left: 27px;
		background: #ffffff url(../images/design/gevelprof_zoekinput_left.gif) no-repeat left top;
		margin-top: 70px;
	}
	
		#search_top #input-text {
			float: left;
			width: 155px;
			height: 21px;
			padding: 4px 0 0 0;
			border-width: 0;
			background: #ffffff url(../images/design/gevelprof_zoekinput_x.gif) repeat-x left top;
		}
		
		#search_top #input-submit {
			float: left;
			width: 44px;
			height: 21px;
			padding: 0;
			border-width: 0;
			background: #ffffff url(../images/design/gevelprof_zoekbutton.gif) no-repeat left top;
			cursor: pointer;
		}
		
		#search_top #input-submit:hover { background-image: url(../images/design/gevelprof_zoekbutton.gif); background-position: 0px -21px}
		
			
	#shop_menu_x {
		clear: both;
		width: auto;
		background: url(../images/design/gevelprof_navx.gif) repeat-x;
	}
	
		#shop_menu_x_left {
			float: left;
			width: 11px;
			height: 42px;
			background: url(../images/design/gevelprof_navx_links.gif) no-repeat;
			margin: 0px;
		}
		
		#shop_menu_x_right {
			float: right;
			width: 7px;
			height: 42px;
			background: url(../images/design/gevelprof_navx_rechts.gif) no-repeat;
			margin: 0px;
		}
		
		#shop_menu_x_main {
			position: relative;
			width: auto;
			height: 42px;
			font-size:11px;
			font-weight:bold;
			padding-top:2px;
		}
		
		#user_menu {
			position: absolute;
			top: 15px;
			right: 0;
			height: 16px;
			padding: 3px 10px;
			background: #ffffff ;
			font-size: 1em;
		}
		
			#user_menu_left {
				position: absolute;
				top: 0;
				left: 0;
				width: 5px;
				height: 22px;
				background: #ffffff ;
			}
		
		#user_menu a { margin: 0 2px; }
	
	#shop_content {
		margin-bottom: 32px; /* Clearfix for IE. */
	}
	
	#shop_content:after { /* Clearfix for modern browsers. */
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height: 32px; /* Height of footer + 10px for spacing. */
	}
	
		#shop_content_left {
			float: left;
			width: 180px;
			margin-right: 10px;
		}
		
		#shop_content_right {
			float: right;
			width: 180px;
		}
		
		.shop_side_box_left {
				margin-bottom: 2px;
				width: 169px;
				margin: 0 5px 14px 5px;
			}
			
				.side_box_head_left {
					height:14px;
					padding-bottom:4px;
					padding-left:18px;
					padding-top:4px;
					background:url(../images/design/gevelprof_header_boxleft.gif) no-repeat left;
					font-size: 11px;
					font-weight: bold;
					color: #FFFFFF;
				}
				
				
				.side_box_main_left {
					padding: 5px;
					background: #EEEEEE;
					font-size: 11px;
					color: #484366;
				}
				
				.side_box_main_menu {
					background: #EEEEEE;
				}
				
				.side_box_bottom {
				
				}
		
		.shop_side_box_right {
				width: 170px;
				margin: 0 5px 14px 5px;
				background: url(../images/design/side_box_bg_y.jpg) repeat-y;
			}
			
				.side_box_head_right {
					padding: 2px;
					background: #FFFFFF url(../images/design/side_box_head_bg.jpg) no-repeat bottom;
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					color: #484366;
					height: 26px;
				}
				
				.side_box_main_right {
					padding: 5px;
					padding-left:15px;
					font-size: 11px;
					color: #666666;
				}
				
				.side_box_bottom_right {
					height: 5px;
					background: url(../images/design/side_box_bottom_bg.jpg) no-repeat bottom;
				}
				/**
				#payment	{
					margin-left:2px;
				}
				**/
						
		#shop_content_main {
			float: left;
			width: 620px;
			overflow-x: hidden;
		}
		
		
	#shop_footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 16px; /* 16 + 4 padding-top + 2 border-top = 22px */
		padding-top: 4px;
		border-top: 1px solid #655f88;
		background-color: #eeeeee;
		text-align: center;
		font-size: 0.9em;
		color: #666666;
		clear: both;
	}
/* END Layout ****************************************************************/


/* START Presentation ********************************************************/
a.block_link,
a.block_link_float {
	display: block;
	margin: 2px;
	padding: 2px 10px;
	border: 1px solid;
	border-color: #EBEBEB;
	background: #EBEBEB url(../images/buttons/button_bg_x.jpg) repeat-x top;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #484366 !important;
	outline: none;
	height: 16px;
}

a.block_link:active {
	padding: 5px 9px 3px 11px;
	border-color: #EBEBEB;
}

a.block_link_float { float: left; margin-right: 10px; }


.input_submit_cart
{
	background:transparent url(../images/buttons/cart.gif);
	color:#FFFFFF;
	font-weight:bold;
	width: 117px;
	height: 23px;
	padding-bottom: 3px;
	padding-left: 36px;
	cursor: pointer;

}
	
.input_submit {	
	background:transparent url(../images/buttons/button_bg2_x.gif) repeat-x scroll center center;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 10px;
}


/* START Horizontal categories menu. */
ul.categories_x {
	height: 28px;
	margin: 0;
	list-style-type: none;
}

	ul.categories_x li,
	.second {
		position: relative;
		display: block;
		float: left;
		margin: 0 1px 0 0;
		background: url(../images/design/shop_menu_x_splitter.gif) no-repeat left;
	}
	
		ul.categories_x li a,
		a.home-button {
			display: block;
			float: left;
			height: 22px;
			padding: 6px 10px 0 10px;
			text-align: center;
			text-decoration: none;
			outline: 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			color: #FFFFFF !important;
		}
		
		ul.categories_x li.active a {
			color: #FFFFFF;
			font-weight: bold;
		}
		
		ul.categories_x li a:hover,
		a.home-button:hover {
			color: #CCCCCC;
			text-decoration: underline;
		}
		
		ul.categories_x li.active a li a { font-weight: normal; }
		
		/* Dropdown on hover: */
		ul.categories_x li ul {
			display: none;
			position: absolute;
			float: left;
			top: 100%;
			left: 0;
			z-index: 501;
			width: 160px;
			margin: 0;
			padding: 0;
			border: 1px solid #666666;
			background-color: #f0f0f0;
		}
		ul.categories_x li:hover ul { display: block; }
	
		ul.categories_x li ul li {
			display: block;
			float: none;
			margin: 0;
		}
		
		ul.categories_x li ul li a {
			display: block;
			float: none;
			height: auto;
			padding: 5px;
			border-bottom: 1px solid #cccccc;
			background-color: #f3f3f3;
			text-align: left;
			text-decoration: none !important;
			font-weight: normal !important;
			color: #333333 !important;
		}
		ul.categories_x li ul li a:hover { background-color: #dddddd; color: #333333 !important; }
/* END Horizontal categories menu. */


/* START Vertical categories menu. */
ul.categories_y,
ul.categories_y ul {
	width: 100%;
	margin: 0;
	list-style-type: none;
}

	ul.categories_y li {
		margin: 0;
		background-color: #EDEDED;
		border-top: 1px solid #FDFDFD;
		border-bottom: 1px solid #E4E4E4;
		overflow: hidden;
		
	}
	
		ul.categories_y li a {
			display: block;
			padding: 4px 5px;
			text-decoration: none;
			outline: 0;
			color: #666666;
			font-size: 11px;
		}
		
		ul.categories_y li.active a { font-weight: bold; }
		ul.categories_y li.active li {
			background-color: #f3f3f3;
			border-width: 0;
			/*border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ececec;*/
		}
		ul.categories_y li.active li { border-bottom: 1px solid #f0f0f0; }
		ul.categories_y li.active li a {
			padding: 1px 10px 2px 20px;
			background: url(../images/menu/arrow_small_orange.gif) no-repeat 10px 4px;
			font-weight: normal;
		}
		
		ul.categories_y li.active li.active a { font-weight: bold; }
		ul.categories_y li a:hover { color: #101160; text-decoration: underline; }
		ul.categories_y li.active li a:hover { background-color: #f0f0f0; }
		
		ul.categories_y li.active li.active li a { font-weight: normal; padding-left: 25px; background-position: 15px 4px; }
		ul.categories_y li.active li.active li.active a { font-weight: bold; }
/* END Vertical categories menu. */


table#cart_mini {
	width: 100%;
}

table#cart_mini td,
table#cart_mini th {
	padding: 2px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 0.9em;
}


/* START product_list.asp */
.prodlist_category_header,
#bottom_paging_navigation {
	width: auto;
	border: 1px solid #CCCCCC;
	border-bottom-width: 3px;
	background-color: #EEEEEE;
}

#bottom_paging_navigation {
	float: none;
}

	.prodlist_category_header_text {
		padding: 4px;
		border-bottom: 1px solid #C0C0C0;
		background-color: #DFDFDF;
	}
	
	.prodlist_navigation_holder {
		float: left;
		padding: 4px;
	}
	
	.prodlist_navigation_sort_results {
		float: right;
		padding: 4px;
	}

.prodlist_product_box {
	float: left;
	width: 31%;
	padding: 1%;
	text-align: center;
}

	.prodlist_product_box_title_holder {
		height: 50px;
	}

		h1.prodlist_product_box_title {
			font-size: 1em;
			color: #000000;
		}
	
	.prodlist_product_image_holder {
		height: 100px;
		padding: 5px;
	}


.CPprodLPriceT {}
.CPprodLPriceV { text-decoration: line-through; }
/* END product_list.asp */

/* START order process files. */
.order_table,
.page_table { width: 100%; }

.order_table td,
.order_table th,
.page_table td,
.page_table th { padding: 5px; background-color: #ffffff; vertical-align: middle; font-size: 0.9em; }

.order_table ol { margin: 0; list-style-type: none; }

.order_table li {
	float: left;
	width: 101px;
	margin: 0;
	padding: 8px 5px;
	background-color: #efefef;
	border: 1px solid #dddddd;
	border-width: 3px 1px 0 0;
	text-align: center;
	color: #666666;
	font-size: 0.8em;
}

.order_table li a { color: #666666; }
.order_table li a:hover { color: #999999; }
.order_table li.active { background-color: #ffffff; color: #333333; border-top-color: #ffffff; }

.overview td { border-bottom: 1px solid #eaeaea; }

tr.order_row_top td,
tr.order_row_top th { padding: 10px; border-bottom: 1px solid #DDDDDD; background-color: #EEEEEE; font-size: 1em; }
tr.row_uneven td { background-color: #FDF9F2; border-bottom: 1px solid #FFF3D6; }
tr.row_even td { background-color: #FFFFFF; border-bottom: 1px solid #FFF3D6; }
/* END order process files. */

/* START logon.asp */
.page_header_box {
	width: auto;
	padding: 6px 1em 0 1em;
	border-top: 3px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #DDDDDD;
	color: #666666;
}

.page_header {height: 25px; }
.page_header a { color: #ffffff !important; }
.page_header,
.page_header h2 { font-size: 1.2em; font-weight: bold; color: inherit; margin-bottom: 0; }
/* END logon.asp */


.cart_table { width: 100%; }
.cart_table td,
.cart_table th { padding: 5px; background-color: #ffffff; vertical-align: middle; font-size: 0.9em; }
.cart_table th { border-bottom: 1px solid #7d8aa2; }
.cart_table td { border-bottom: 1px solid #eeeeee; }
.cart_table tr.cart_row td { border-bottom: 1px solid #e3e3e3; background-color: #eeeeee; }

.CPgenHeadings a,
.CPgenHeadings { border-bottom: 1px solid #FFFFFF !important; background-color: #636089 !important; color: #FFFFFF !important; }


#product_view h1 { margin-bottom: 0; }

	#prodview_view_picture_box_image {
		float: left;
		height: 300px;
		width: 300px;
		margin-bottom:30px;
		margin-top:10px;
	}

		#product_view_right {
			float: right;
			width: 300px;
		}
		
		.prodview_view_right_price	{
			font-size: 26px;
			color: #655f88;
			
		}

	
	#prodview_view_picture_box_text {
		width: auto;
		clear: both;
	}
	
		#prodview_view_picture_box_text img {
			float: left;
			margin-right: 5px;
		}
		

#prodview_details {

}

#product_last_page { margin-top: 1em; }



#payment_methods td { padding: 3px; font-size: 1em; }
.paymentMethod { width: auto; }
.paymentMethodName { width: auto; }
.paymentMethodImage { width: auto; }
/* END Presentation **********************************************************/


/* START Template_1 styling **************************************************/
#product_view_right_t1 h1 {
	margin: 0;
	font-size: 1em;
}

#prodview_view_picture_box_image_t1 {
	float: left;
	text-align: center;
	margin-bottom: 5px;
}

	#product_view_right_t1 {
		width: 300px;
		float: right;
	}


#prodview_view_picture_box_text_t1 {
	width: auto;
	clear: both;
}

	#prodview_view_picture_box_text_t1 img {
		float: left;
		margin-right: 5px;
	}
		
#prodview_details_t1 {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted #999999;
}

.separation {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted #999999;
}

#prodview_view_additional_picture_box div {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 3px;
	padding: 1px;
	border: 1px solid #e3e3e3;
}
/* END Template_1 styling ****************************************************/


/* product_search */
.prodlist_navigation_text,
.prodlist_navigation_text_prev,
.prodlist_navigation_text_next,
.prodlist_navigation_link,
.prodlist_navigation_link_prev,
.prodlist_navigation_link_next {
	display: block;
	float: left;
	width: 16px;
	height: 15px;
	margin: 1px;
	padding-top: 1px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	text-decoration: none;
	outline: 0;
}


.prodlist_navigation_text_prev,
.prodlist_navigation_text_next,
.prodlist_navigation_link_prev,
.prodlist_navigation_link_next {
	background: transparent url(../images/extra/pagination_links.gif) no-repeat left top;
}

.prodlist_navigation_text_prev,
.prodlist_navigation_text_next { display: none; }


.prodlist_navigation_text_prev { background-position: 0 -16px; }
.prodlist_navigation_text_next { background-position: -16px -16px; }
.prodlist_navigation_link_prev { background-position: 0 0; }
.prodlist_navigation_link_next { background-position: -16px 0; }

.prodlist_navigation_text_prev span,
.prodlist_navigation_text_next span,
.prodlist_navigation_link_prev span,
.prodlist_navigation_link_next span { font-weight: normal; display: none; /* Image replacement ON */ }

/*.prodlist_navigation_text { border: 1px solid #DCDCDC; border-color: #A1B1B1 #CDD5D5 #CDD5D5 #A1B1B1; background-color: #FCF4E4; color: #707070; }*/
.prodlist_navigation_text { border: 1px solid #cccccc; border-color: #999999 #cccccc #cccccc #999999; background-color: #f3f3f3; color: #d3d3d3; }
.prodlist_navigation_link,
.prodlist_navigation_link_prev,
.prodlist_navigation_link_next { border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; background-color: #f3f3f3; }
.prodlist_navigation_link:hover { border-color: #CCCCCC #808080 #808080 #CCCCCC; background-color: #ffffff; }