/*
 *	Homepage
 *	Contains product, vacancies and possibly "free text" boxes
 *	Note that this page requires minor changes to layout_content to accommodate for the two columns
 */

#layout_content {
	padding: 20px 40px 20px 20px; /* Additional 20px of padding required on the right, so we've got something to work with on the negative margins used by the boxes */
}

#layout_content h2 {
	display: none;
}

#layout_content hr {
	height: 1px; /* Uses Safari hack: needs a width too */
	margin: 0 -20px 20px 0; /* Uses IE.generic fix: needs less bottom margin */
	clear: both;
	border: none;
	color: #eee;
	background: #eee;
}



/* Sub leaderboard thuiswinkel awards promotion */

#thuiswinkel_awards_nomination_promotional_header {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
    background: url(/images/image.php?id=9453) repeat-x 0 0;
}

#thuiswinkel_awards_nomination_promotional_header a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=9452) no-repeat 50% 0;
}

/* Sub leaderboard Canon "demodagen" promotion */

#canon_promotional_nl_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#canon_promotional_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=10019) no-repeat 50% 0;
}

/* Sub leaderboard Canon "demodagen" promotion */

#canondemodays_promotional_nl_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#canondemodays_promotional_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=10990) no-repeat 50% 0;
}

/* Sub leaderboard HTC "demodagen" promotion */

#htcdemodays_promotional_nl_subleaderboard, #htcdemodays_promotional_be_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#htcdemodays_promotional_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=11279) no-repeat 50% 0;
}

#htcdemodays_promotional_be_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=11278) no-repeat 50% 0;
}

/* Sub leaderboard Windows phone "demodagen" promotion */

#windowsphonedemodays_promotional_nl_subleaderboard, #windowsphonedemodays_promotional_be_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#windowsphonedemodays_promotional_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=11606) no-repeat 50% 0;
}

#windowsphonedemodays_promotional_be_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=11605) no-repeat 50% 0;
}

/* Sub leaderboard TNT Express promotion */

#tnt_promotional_nl_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#tnt_promotional_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=10080) no-repeat 50% 0;
}

/* Sub leaderboard TNT Express promotion (laptopShop) */

#tnt_promotional_laptopshop_nl_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#tnt_promotional_laptopshop_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=10079) no-repeat 50% 0;
}


/* Sub leaderboard webshop awards belgium */

#webshop_awards_belgium_leaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#webshop_awards_belgium_leaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=9902) no-repeat 50% 0;
}



/* motherday promotion */

#motherday_promotional_nl_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#motherday_promotional_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=9876) no-repeat 50% 0;
}

/* fatherday promotion */

#fatherday_promotional_nl_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#fatherday_promotional_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=10209) no-repeat 50% 0;
}



/* Sub leaderboard on UMPCshop.nl and UMPCshop.be regarding laptopshop */

#laptop_promotion_umpcshop_nl_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
    background: url(/images/image.php?id=9673) repeat-x 0 0;
}

#laptop_promotion_umpcshop_nl_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=9671) no-repeat 50% 0;
}

#laptop_promotion_umpcshop_be_subleaderboard {
    height: 70px;
	margin: 0 -20px 0 0;
	overflow: hidden;
    background: url(/images/image.php?id=9673) repeat-x 0 0;
}

#laptop_promotion_umpcshop_be_subleaderboard a {
    height: 0;
    padding-top: 70px;
    display: block;
    background: url(/images/image.php?id=9672) no-repeat 50% 0;
}

/* Snow promotion Nextday delivery */
#snow_promotion_nl_subleaderboard {
    height: 80px;
	margin: 0 -20px 0 0;
	overflow: hidden;
    background: url(/images/image.php?id=11777) repeat-x 0 0;
}

#snow_promotion_nl_subleaderboard a {
    height: 0;
    padding-top: 80px;
    display: block;
    background: url(/images/image.php?id=11777) no-repeat 50% 0;
}


/* A "default" box */

#layout_content div.box {
	width: 50%;
	float: left;
}

#layout_content div.left {
	margin: 0 20px 20px 0; /* Left column, 20px margin to the right and bottom */
}

#layout_content div.right {
	margin: 0 -20px 20px 0; /* Right column, negative margin on the right, using the additional padding provided by #layout_content to accommodate for the 50% + 50% + 20px total width. And 20px bottom margin of course */
}




/*
 *	Product box
 *	A product box on the shop's frontpage
 */

div.product h3 {
	font-size: 15px;
}

div.product h3 a {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

div.product h3 a:hover {
	border-bottom: 1px solid #1b5c9d;
	color: #1b5c9d;
}

div.product p.assortmentstate {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
}



/* Image */

div.product div.image {
	width: 110px;
	padding-bottom: 10px;
	float: left;
	position: relative; /* Required for the absolute positioning of the promotional icon */
	border: 1px solid #ececec;
	color: #666;
	background: #ececec;
}

div.product div.image a {
	padding: 4px;
	display: block;
	border: 1px solid #fff;
	background: #fff;
}

div.product div.image a:hover {
	border: 1px solid #666;
}

div.product div.image img.promotionalicon {
	position: absolute;
	left: -10px;
	top: 85px;
	border: none;
}

div.product div.image p {
	margin: 0;
	padding: 0 5px;
	font-size: 11px;
	text-align: right;
}

div.product div.image p.priceconditions {
	color: #a4a4a4;
}

div.product div.image p.priceconditions span {
	margin-bottom: 2px;
	display: block;
	color: #555;
}

div.product div.image strong {
	margin: 5px 0;
	display: block;
	color: #000;
	font-size: 15px;
}

div.product div.image strong.free {
	display: inline;
	color: #f60;
	font-size: 11px;
}



/* Description */

div.product div.description {
	margin-left: 120px;
}

div.product div.description p {
	margin-bottom: 10px;
}

div.product div.description li {
	padding-left: 12px;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
}



/* Free products */

div.product div.freeproducts {
	margin-bottom: 10px;
}

div.product div.freeproducts h4 {
	padding: 2px 5px;
	color: #fff;
	background: url(/images/default/freeproducts_index_background.png) repeat-y;
	font-size: 11px;
}

div.product div.freeproducts ul {
	padding: 2px 5px 3px;
	background: #fff url(/images/default/freeproducts_index_background.png) no-repeat 0 100%;
	font-size: 11px;
}

div.product div.freeproducts li {
	padding-left: 10px;
	background: url(/images/default/freeproducts_li_background.png) no-repeat 0 5px;
}




/*
 *	Vacancies box
 *	Shows a selection of vacancies in a list
 */

div.vacancies {
	border: 1px solid #ccc;
	font-size: 11px;
}

div.vacancies .vacany_customerservice span {
	white-space: nowrap;
}

div.vacancies h3 {
	margin-bottom: 5px;
	padding: 0 10px;
	color: #fff;
	background: url(/images/default/heading_small_background.png) repeat-x 0 0;
	font-size: 12px;
	line-height: 21px;
}

div.vacancies p,
div.vacancies ul {
	margin-bottom: 10px;
	padding: 0 10px;
}

div.vacancies li {
	padding-left: 12px;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
}

div.vacany_customerservice{
	background: url(/images/default/background_vacancy_right.png) no-repeat 100% 0;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	font-size: 11px;
}

div.vacany_customerservice h3{
	margin-bottom: 5px;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	line-height: 23px;
	border-left: 1px solid #fff;
}

div.vacany_customerservice p{
 	margin-bottom: 10px;
	padding: 0 100px 0 10px;
}

div.vacany_customerservice .more{
	padding-left: 12px;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
}



/**
 * Valentijn subleaderboard
 */

#leaderboard_frontpage_valentijn_promotion_nl {
	height: 70px;
	margin: -14px -20px 0 0;
	overflow: hidden;
	background: url(/images/image.php?id=9190) repeat-x 0 0;
}

#leaderboard_frontpage_valentijn_promotion_nl a {
	height: 0;
	padding-top: 70px;
	display: block;
	background: url(/images/image.php?id=9189) no-repeat 50% 0;
}
 
/**
 * Brand promotion frontpage
 */ 
div.brandpromotion {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

div.brandpromotion div.brandpromotion_header {
	padding-top: 10px;
	background: url(/images/default/brandpromotion_header.png) repeat-x 0 35px;
	height: 45px;
}

div.brandpromotion div.brandpromotion_header.windowsphone {
	padding-top: 15px;
	background: url(/images/default/brandpromotion_header.png) repeat-x 0 35px;
	height: 33px;
}

div.brandpromotion div.brandpromotion_header h3 {
	color: #565656;
	float: left;
}

div.brandpromotion h3 {
	font-size: 15px;
}

div.brandpromotion h3 a {
	text-decoration: none;
}

div.brandpromotion h3 a:hover {
	border-bottom: 1px solid #1b5c9d;
}

div.brandpromotion div.description ul {
	float: left;
	padding-top: 1px;
}

div.brandpromotion div.description li {
	padding-left: 10px;
	background: url(/images/default/li_background.gif) no-repeat 0px 4px;
}

div.brandpromotion_features p.moreproductinformation {
	position: absolute;
	bottom: 0;
}

div.brandpromotion_features p.moreproductinformation a {
	color: #fff;
}

div.brandpromotion div.description .brandpromotion_moreinformation_button {
	background: transparent url(/images/default/button_moreinformation.png) no-repeat scroll 0 0;
	display: block;
	height: 28px;
	width: 107px;
	margin: 0 0 0px 10px;
	float: right;
}

div.brandpromotion div.description .brandpromotion_moreinformation_button:hover {
	background-position: 0 -28px;
}

div.brandpromotion div.description .brandpromotion_moreinformation_button span {
	display: none;
}

/**
 * Brand promotion frontpage Acer
 */
 
div.brandpromotion div.brandpromotion_header div.brandpromotion_logo_acer {
	margin-top: 2px;
	width: 56px;
	height: 16px;
	background: url(/images/image.php?id=10917) no-repeat 0 0;
	float: right;
}



/**
 * Brand promotion product frontpage
 */

div.brandpromotion_product {
	height: 217px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

div.brandpromotion_product_title {
	height: 217px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/default/brandpromotion_title.jpg) no-repeat 0 0;
	z-index: 3;
}

div.brandpromotion_product_features {
	margin: 40px 5px 0 135px;
}

div.brandpromotion_product_features h3 {
	font-size: 14px;
	padding-top: 5px;
}

div.brandpromotion_product_features li {
	margin-top: 5px;
	padding-left: 12px;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
}

/**
 * Brand promotion frontpage Nokia
 */
  
div.brandpromotion_product_title_htc {
	height: 217px;
	width: 330px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/default/brandpromotion_title_htc.jpg) no-repeat 0 0;
	z-index: 3;
}

div.brandpromotion_product_brand_htc {
	height: 217px;
	width: 78px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/images/default/brandpromotion_brand_htc.jpg) no-repeat 0 0;
	z-index: 2;
}

#brandpromotion_product_flash_htc {
	margin: 30px 0 0 0;
	float: left;
}

/**
* HTC promotion
**/

div.brandpromotion .htc img{
	float: right;
}