/**
 * Stylesheet for <bent>
 * @author	karen <karen@codedor.be>
 * @media	screen, projection
 */

 
* { margin: 0; padding: 0;}
html, body { height: 100%; }


body{ background:  #dfdfdf url("../img/bg_body.jpg") top left repeat-x; }

#wrapper{ 
	min-height: 100%;
	background:  url("../img/bg_wrapper.jpg") repeat-x bottom left;
	width: 100%;
	margin: 0 auto;
}

* html #wrapper { height: 100%;	}



/* text */
p{ font-size: 11px; margin: 0 0 15px 0; line-height: 1.5em;}
strong{font-weight: bold;}

#sitepagesview ul{ margin: 0 0 0 20px; list-style: disc; font-size: 11px; }

/* fonts */
@font-face { font-family: gillsans; src: url('../fonts/gillsans.otf'); } 
@font-face { font-family: tondo; src: url('../fonts/tondo.ttf'); } 

/* blockquote */
blockquote{ font-style: italic; font-size: 1.4em; font-family: "Trebuchet MS", Arial, Verdana; margin: 5px 0 15px 0; line-height: 1.5em;}

img{ border: none;}
.pic_txt{ border: 1px solid #dfdfdf; float: right;}

a {color: #000000;}
a:link{color: #000000;} /* unvisited link */
a:visited{color: #000000;} /* visited link */
a:hover {color: #000000;} /* mouse over link */
a:active {color: #000000;} /* selected link */
a:focus { /*border: 1px solid #003954; */}
a:focus:hover {color: #003954;}

.txt_grey{ color: #7f7f7f!important; text-decoration: none; font-weight: bold; padding: 0 0 0 2px;}


 /* Clearfix */
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


/* headings */
h1	{}
h1.title{ font-family: tondo, Tahoma, Arial, Verdana; border-bottom: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); text-transform: uppercase; background: #414141; color: #ffffff; display: block; float: left;  clear: both;  font-size: 12px; margin: 0 0 6px 0; padding: 24px 20px 8px 15px; vertical-align: top;border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px;}
h1.title_orange{  font-family: tondo, Tahoma, Arial, Verdana; text-transform: uppercase;  background: #f7941e; color: #ffffff; display: block; float: left; clear: left; font-size: 13px; margin: 0 0 6px 0; padding: 24px 10px 8px 10px; vertical-align: top; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; padding: 24px 20px 8px 10px;}

h2{ color: #dc8700; font-family: Tahoma, sans-serif; font-size: 16px; margin: 0;}
h2.italic{ color: #847f78; font-family: Georgia, serif; font-style: italic; font-size: 16px;}
h3{ color: #000000;  font-size: 15px;}
h4{}
h5{}


/* buttons */

/* :before */
/* :after */

/* Specify pairs of quotes for two levels in two languages */
/* q:lang(en) { quotes: '"' '"' "'" "'" }*/
/* q:lang(no) { quotes: "«" "»" '"' '"' }*/

/* Insert quotes before and after Q element content */
/* q:before { content: open-quote }*/
/* q:after  { content: close-quote }*/



/**
 * = HOMEPAGE
 * ----------------------------------------------------------
 */
 


#container{ width: 960px; margin: 0 auto; padding:0; }

#logo_dut{  display:block; float: left; padding: 0; margin: 40px 0 0 25px;   height: 69px; width: 192px; background: url("../img/logo_dut.jpg") no-repeat; }
#logo_fre{  display:block; float: left; padding: 0; margin: 40px 0 0 25px;   height: 69px; width: 192px; background: url("../img/logo_fre.jpg") no-repeat; }

#logo_dut a, #logo_fre a{ display:block; padding: 0; margin: 0; height: 69px; width: 192px; text-indent:-9000px; overflow: hidden; }
 
.logo_print{ display: none;}


#bar_intro{ display: block; width: 960px; height: 300px; display: block; float: left; margin: 0;position:relative;}
	.bar_intro_pic{ display: block; float: left; margin: 0; padding: 0; position: relative;}
	.bar_intro_pic .caption{ position: absolute; left: 0; bottom: 0; display:block; font-family: tondo, "Arial Narrow", Tahoma; font-size: 18px ; width: 329px; padding: 7px 0 7px 40px; color: #ffffff; background: url("../img/bg_caption_dark.png");}
		.bar_intro_pic img{ display: block; float: left; margin: 0; padding: 0; width: 369px; height: 300px;}

	/* .spotlight{  display: block; float: left;  padding: 10px 0 0 100px; height: 290px;  text-align: center;} */
	
/* slider homepage */	
	
	#loopedSlider{ display: block; margin:0 auto; width:456px; position:relative; float: left; background: #ffffff url("../img/bg_spotlight.jpg") repeat-y; }
	
	.container_slides {float: left; display: block; width: 456px; height:275px; overflow:hidden; position:relative; cursor:pointer;  background: #ffffff url("../img/bg_spotlight.jpg") repeat-y;}
	div.slides { position:absolute; top:0; left:0; }
	ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
	div.slides > div,ul.slides li { position:absolute; top:0; width:456px; display:none; padding:0; margin:0; }
	div.slides div{ text-align: center; padding: 20px 0 0 0;}
	
	div.slide_balls{ display:block; height: 25px; width: 100%; float: left; text-align: center; }

	ul.slide_number { list-style:none; padding: 0; margin:0 auto; width: 100%; height: 10px;}
	ul.slide_number li  { display: inline;;}
	ul.slide_number li a { padding: 0 3px; background: url("../img/bullets.png") 0 0px no-repeat; display: inline-block; width: 4px; height: 10px;}
	ul.slide_number li.active a { background: url("../img/bullets.png") -10px 0px no-repeat; color:white; width: 4px; height: 10px; }


/* slider detailpage */	
	#loopedSlider_folder{ display: block; margin:0; width:240px; height: 175px; position:relative; float: left; background: none; }
	
	#loopedSlider_folder .container_slides {float: left; display: block; width: 210px; height:100%;overflow:hidden; position:relative; cursor:pointer;  background: none;}
	#loopedSlider_folder div.slides { position:absolute; top:0; left:0; margin: 20px 0 10px 0;}
	#loopedSlider_folder ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
	#loopedSlider_folder div.slides > #loopedSlider_folder div, #loopedSlider_folder ul.slides li { position:absolute; top:0; width:210px; display:none; padding:0; margin:0; }
	#loopedSlider_folder div.slides div{ text-align: center; padding: 20px 0 0 0;}

/* end */ 


	.cat_links { display: block; float: left; }
	.cat_links ul{ width: 135px; height: 300px; margin: 0; padding: 0;}
		.cat_links li{  background: url("../img/bg_btn_cats.jpg") no-repeat; display: block; float: left; width: 135px; height: 75px; text-align: right; margin: 0; padding: 0;}
			.cat_links li a{ color: #ffffff!important; text-decoration: none; display: block; float: right; margin: 45px 0 0 0; padding-right: 25px; }
			.cat_links li a:hover { color: #F7941E!important;} 
	
#bar_promotion{ display: block; float: left;  width: 960px;  margin-top: 40px; }
	.promotion{ display: block; float: left; clear: both; width: 369px; height: 300px; background: url("../img/bg_promotion.jpg") repeat-y;}
		.promotion h1.title { margin-left: 30px;}
		.pic_promotion{ text-align: center; clear: both;}
	.txt_intro { display: block; float: left; width: 530px; height:300px; background: url("../img/bg_intro.jpg") repeat-y; padding:0 30px 0 30px; color: #ffffff;}
	.txt_intro p{ display: block; margin: 10px 0 0 0; font-size: 13px; line-height: 18px; padding: 10px 0 0 5px; clear: both; font-family: tondo, Tahoma, Arial;}
	.txt_intro a{display:block;background:url(../img/bg_job.gif) no-repeat left top;padding: 5px 0 0 40px;font-family: tondo,Tahoma,Arial,Verdana;font-size: 13px;text-transform:uppercase;color:#F7941E;font-weight:bold;}

#bar_newsletter{ display: block; float: left; width: 960px;  margin-top: 25px;}
	.newsletter{display: block; float: left; width: 310px; padding:0 30px 0 30px;}
		.newsletter p{ margin-top: 10px; padding: 20px 0 10px 0; line-height: 14px; clear: both;}
		.newsletter form{ }
			.newsletter form label{ width: 100px; display: block; float: left; font-size: 11px; margin: 0 0 5px 0;}
			.newsletter form .text{ display: block; float: left;  margin: 0 0 10px 0;}
			.newsletter form .select{ display: block; float: left;  margin: 0 0 10px 0;}
				.newsletter form .select #SubscriberCountry {width: 180px;}
				.newsletter form .text input{ background: url("../img/line_dots.png") repeat-x bottom left; border: 0; width: 180px; padding: 0 0 2px 5px; font-size: 12px;}
					.newsletter form table { display: block; float: left; width: 310px;}
					.newsletter form table td .text input.nummer{width: 70px; margin-right: 0px;}
					.newsletter form table td .text input.bus{width: 65px; margin-left: -75px;}

				.newsletter form .submit input{margin: 9px 0 0 80px; background: url("../img/bg_button.jpg") no-repeat; width: 103px; height: 30px; border: none; color: #ffffff;}
	.bar_bottom{ display: block; float: left; width:960px; background: url("../img/bg_bar_bottom.jpg") repeat-y;}
	.merken{ display: block; float: left; width: 560px;   padding-left: 30px; }
		.merken .logo_marks{ padding: 20px 0 0 0 ; clear: both;}
		#brands .logo_marks{ padding: 20px 0 0 0 ; clear: both;}
			.merken .logo_marks .logo_mark, #brands .logo_marks .logo_mark{ margin: 0 10px 13px 0;}

.bottomshadow_full{ height: 15px; width: 960px; display: block; float: left; background: url("../img/bg_bottomshadow_full.png") no-repeat;}
.bottomshadow_medium{ height: 15px; width: 681px; display: block; float: left; background: url("../img/bg_bottomshadow_medium.png") no-repeat;}
.bottomshadow_small{ height: 11px; width: 270px; display: block; float: left; background: url("../img/bg_bottomshadow_small.png") no-repeat; }


/* navigatie */

#lang{ float: right; font-size: 10px;}
	#lang li{ display: block; float: left; margin-right: 5px; height: 30px; }
		#lang li a{ background: url("../img/bg_lang.jpg") repeat-x; color: #ffffff; text-decoration: none; display: block;  padding: 10px 3px 5px 5px;}
		#lang li.selected a{ font-weight: bold; color: #f7941e; text-decoration: underline;}
		#lang li a:hover{ text-decoration: underline;}
#nav{ background: url("../img/bg_nav.jpg") no-repeat; display: block; float: right; clear: right; width: 680px; height: 45px; font-family: Tahoma, Arial, verdana; margin: 30px 0 0 40px; }
	#nav ul {  margin: 0; display: block; float: left; height: 45px; width: 680px;} 
		#nav ul li{ float: left; display: block; margin: 0; height: 40px;  padding: 0 0 0 1px;}
			#nav ul li a{ height: 40px; color: #ffffff; text-decoration: none; font-size: 13px; padding: 0 15px 5px 0; margin: 1px 0 0 0; display: block; float: left;}
			#nav ul li span { float: left; display: block; height: 40px; padding: 10px 10px 0 20px;}
		 
		#nav ul li.selected a, #nav ul li a:hover{ background: url("../img/bg_nav_li.jpg") top right no-repeat; float: left; display: block; height: 40px; }
		#nav ul li.selected, #nav ul li:hover{ background: url("../img/bg_nav_left.jpg") top left no-repeat; float: left; display: block; height: 40px;} 
		#nav ul li.selected span, #nav ul li span:hover{  background: url("../img/bg_nav_li.jpg") top left no-repeat; } 


.subnav{ padding: 20px 0 0 0; clear: both; }
.subnav ul{ display: block; float: left;  margin: 0 0 20px 0; width: 200px;}
	.subnav ul li{font-weight: bold; display: block;  }
		.subnav ul li a{ background: #d0d0d0; display: block; float: left; width: 190px; height: 20px; padding: 5px 0 5px 10px; margin: 0 0 10px 0; }
			.subnav ul li li a{ background: none; font-weight: normal; width: 150px; margin: 0 0 0 24px; padding: 0; height: 17px; display: block; }
			.subnav ul li li.selected a{ color: #f7941e; font-weight: bold;}
.subnav ul ul{ display: block; float: left; width: 190px; margin: 0 0 20px 0;}

.subnav form{ width: 200px;}

.img_cat_sidebar{ margin: 20px 0 0 -26px;}


#doormat{ margin: 10px 0 0 0; background: #2e2e2e; padding: 30px 30px 10px 30px; }
	#doormat ul{ width: 250px; display: block; float: left; vertical-align: top; }
		#doormat ul li{ color: #ffffff; font-weight: bold;}
			#doormat ul li li {margin: 0 0 0 120px;}
				#doormat ul li a{ color: #ffffff; text-decoration: none; font-weight: bold;}
				#doormat ul li a:hover { text-decoration: underline;}
					#doormat ul li li a{ font-weight: normal; color: #b5b5b5; }
	#doormat .twitter{  background: url("../img/bg_twitter.jpg") top right no-repeat; width: 347px; height: 155px; display:block; float: right; color: #b5b5b5; font-style: italic;}
	#doormat .twitter p{ margin: 20px;}


#home #footer{ display: block; float: left; width: 960px; color: #ffffff; margin: 5px 0 10px 0; font-size: 11px; padding: 0 0 10px 0;}
#default #footer{ display: block; float: left; width: 681px; color: #ffffff; margin: 5px 0 10px 0; font-size: 11px; padding: 0 0 10px 0;}

	#footer a{ color: #ffffff;}
	#footer .general{ float: left;} 
	#footer .metalinks{ float: right;} 
	#footer .metalinks ul li{ display: inline; margin-right: 5px;}

.metalinks a{ display: block; float: left; margin-right: 6px;}

/* pagination */
.pagination { color: #888; display: block; width: 620px; height: 34px; clear: both; margin: 0 0 20px 0; border-top: 1px solid #ebebeb;  border-bottom: 1px solid #ebebeb;}
.paging { padding: 8px 0 0 0; }
	.paging .current { color: #f7941e; }
	.paging .disabled { color: #fff;}
	.paging a { color: #888; text-decoration: none;}
	.paging a:hover { color: #f7941e; text-decoration: none;}
	.paging a.next, .paging a.previous { color: #f7941e;}
	
	.pagination_items{ display: block; float: left; width: 235px;}
	.pagination_pages{ display: block; float: left; width: 225px;}
	.pagination_show{ display: block; float: right; width: 100px; text-align: right;}
	.pagination_show .pagination_show_txt{ margin: 0 4px 0 0;}
	.pagination_show .pagination_show_txt, .pagination_show form {display: block; float: left;}


/* general pages */
.collections_viewfull, .collections_indexfull, #inquiriesview, #subscribersview, .brands_indexfull, .brands_viewfull, .newsindexfull, #sitepagesview, .products, #brands, .shopsindexfull, .shopsviewfull{ clear: both; }

#home #header{ margin: 0; padding: 0;}
#default #header{ margin: 0; padding: 0; height: 155px;}

#home #content_container{ display: block; float: left; margin: 55px 0 0 0;}
#default #content_container{ display: block; float: left; margin: 0px 0 0 0; padding: 10px 0 0 0;}

#sidebar{ width: 270px; display: block; float: left;  margin-right: 9px; position:relative;}
	#sidebar .content_sidebar{ width: 240px; background: url("../img/bg_sidebar.png") repeat-y; padding: 0 0 35px 30px; margin-top:30px; }
	#sidebar .content_sidebar_first{ width: 240px; background: url("../img/bg_sidebar.png") repeat-y; padding: 0 0 10px 30px; margin-top: 0;}
	#sidebar .sidebarcontent{ display: block; float: left; height: 15px; clear: both; width: 210px; }
	
.main{ width: 681px; display: block; float: left;}
	.main .content{ height: auto!important; height: 500px; width: 621px; display: block; float: left; background: url("../img/bg_center.png") repeat-y;  padding: 0 30px 30px 30px;}
	.main .shops{ width: 651px; display: block; float: left;  background: url("../img/bg_center.png") repeat-y; margin-top: 30px; padding: 0 0 30px 30px;}

/* collections */
.collections_indexfull .categories { clear: both; }
.collections_indexfull .categories .block{ position: relative; background: url("../img/bg_block.jpg") no-repeat; float: left; display: block; width: 280px; height: 210px; margin: 10px 20px 0 0;}
.collections_indexfull .categories .block .cat_img{ text-align: center;}
.collections_indexfull .categories .block .cat_img img{ margin: 3px 3px 3px 3px;}
.collections_indexfull .categories .block .caption{ position: absolute; bottom: 15px; right: 0px; padding: 3px 5px 3px 5px; text-align: right; color: #ffffff; background: url("../img/bg_caption.png");}

/* products */
.products{ margin: 10px 0 10px 0; display: block; float: left; width: 639px;  clear: both;position:relative; }
	.product_box{ width: 195px; display: block; float: left; margin: 0 15px 15px 0; border: 1px solid #f6f6f6;}
		.product_box .product_img{ text-align: center; height: 210px; margin: 0 0 0 0;}
		.product_box .product_img img{ margin: 20px 0 0 0;}
		.product_box .description{ background: #f6f6f6; color: #000000; padding: 10px; height: 62px;}
			.product_box .product_name{ font-weight: bold;}

.product_info{ width: 595px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; background: #fbfbfb; padding: 5px 10px 5px 10px; margin: 0 0 20px 0;}			
.product_nav{ border-bottom: 1px solid #ebebeb; width: 615px;}
.product_detail .price{ float: right; text-align: right;}
.product_detail .product_img{ text-align: center;}

.pnbuttons{ height: 30px; padding: 15px 0 0 20px; background: #FBFBFB; margin: 35px 20px 0 0;}
.prev_button{ float: left; display: block; margin-left: 0;}
.next_button{ float: right; display: block; margin-right: 20px;}

	
/* shops */
.locations { background: url("../img/bg_ul_shops.jpg") repeat; width: 610px;  display: block; float: left; margin: 20px 0 20px 0;}
	.shops ul{ }	
		.shops ul li{ display: block; float: left; width: 190px; padding: 5px 0 0 0; height: 17px; }
			.shops ul li a{ color: #787777;  background: url("../img/bg_li_shops.jpg") center right no-repeat; padding-right: 15px; text-decoration: none; font-size: 11px;}

.shopsindexfull .block{  width: 184px; height: 138px; display: block; float: left; margin: 0 15px 0 0; padding: 15px 0 0 0;}
.shoplist{ display: block;  width: 600px; background: url('../img/bg_ul_shoplist.jpg') repeat;}
.shopsindexfull .block h2 a{} 

.shopsviewfull .block{ border-top: 1px solid #EBEBEB;  border-bottom: 1px solid #EBEBEB; padding: 8px 0 0 0;}

#shop_picture{ float: right;}

/* news */
.newsindexfull{ }
	.newsindexfull .block{ margin: 0 0 10px 0; padding-top: 20px; display: block; float: left; border-top: 1px solid #EBEBEB;}
		.newsindexfull div.date{ text-transform: uppercase; text-align: center; display: block; float: left; margin-right: 15px; width: 51px; height: 44px; line-height: 1.6em; padding: 7px 0 0 0; background: url("../img/bg_news_date.jpg") no-repeat;}
			.newsindexfull .nr{ color: #ffffff; font-size: 18px; }
			.newsindexfull .month{ color: #ffffff; font-size: 14px; }
		.newsindexfull .article{ display: block; float: left; width: 540px;  }
		.newsindexfull .article h3 a{ text-decoration: none;}
		.newsindexfull .article h3 a:hover { text-decoration: underline;}
		.read_more_news{ text-decoration: none; color: #f8931d!important; font-weight: bold; font-size: 11px;}
		.read_more_news:hover{ text-decoration: underline;}
		p.date{ font-style: italic;}
.newssubscribe{margin-top: 30px;}

/* form */
.content #InquiryAddForm{ margin: 20px 0 0 0;}
.content label{ font-size: 12px; height: 18px; display: block; width: 150px; float: left; padding: 10px 0 0 0;}
.content .text input{ width: 350px; border: 1px solid #c9ced1; padding: 2px 0 2px 0; height: 17px; margin: 7px 0 2px 0;}
	.content .text input.nummer{ width:140px; margin-right: 14px;}
	.content .text input.bus{ width:140px; margin-left: -100px;}
.content .input .select {display: block; border: 1px solid red; width: 350px;}
.content .date { display: block; width: 350px; clear: both;}
.content .date select{ text-align: left; border: 1px solid #c9ced1; padding: 2px 0 2px 0; margin: 7px 0 2px 0;}
.content .date select#SubscriberDateOfBirthYear{ }
.content .select select{ width: 350px; margin: 7px 0 2px 0;}
.content .submit input{margin: 9px 0 0 0; background: url("../img/bg_button.jpg") no-repeat; width: 103px; height: 30px; border: none; color: #ffffff;}

.content textarea{ width: 350px; border: 1px solid #c9ced1; height: 200px; margin: 7px 0 2px 0; font-family: Arial, verdana, sans-serif; font-size: 11px;}
#footnote{ font-size: 10px;}
.content .error-message{ color: red; margin-left: 150px; font-size: 11px;}
/* share */
.share{display:block;padding: 0px 10px; width: 595px;clear:both;}
.btn_share_twitter{display:block;float:left;background:url("../img/btn_twitter.jpg") no-repeat;height:17px;width:120px;font-size:11px;padding-left:25px;margin-right:12px;}
.btn_share_facebook{display:block;float:left;background:url("../img/btn_facebook.jpg") no-repeat;height:17px;width:120px;font-size:11px;padding-left:25px;margin-right:12px;}
.btn_share_netlog{display:block;float:left;background:url("../img/btn_netlog.jpg") no-repeat;height:17px;width:120px;font-size:11px;padding-left:25px;margin-right:12px;}