@import url(/css/site_base.css);
@import url(/css/buttons_hla.css);
@import url(/css/menu_top_hla.css);

.sixlines {	
	line-height: 12px;
	max-height: 84px; /* ok, toch maar zeven */
	width: auto;
	overflow: hidden;
	position: relative;
}
.sixlines .hellip
{
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
}


.markcolor
{
	color:#FF6600;
}
.markback
{
	background:#FF6600;
}

a {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body {
	background-color:#999999;
	background-image:url(/img/base/bodybg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	height:100%;
	margin:0px;
	text-decoration:none;
}

.fulltablewidth { 
	width:761px; 
}

.tablewidthinsidepadding { 
	float:left;
	width:741px; 
}

#container {
	background: url(/img/HLA/container_bg.png);
	overflow:hidden;
}

#header {
    position: relative;
	width:960px;
	height:80px;
	background-image:url(/img/HLA/header_logo_bg.jpg);
	overflow:visible;
}

        #headerLink {
            position:absolute;
            top:0px;
            left:7px;
            width:815px;
            height:80px;
        }
        
		#container #social-media{
			position:absolute;
			width:220px;
			height:60px;
			top:10px;
			left:620px;
			padding:0;
			margin:0;
			z-index:999;
			text-align:left;		
			color: #231f20;
			font-family: Arial, Helvetica, sans-serif;
		}
		#container #social-media .volg-ons {
			height: 60px;
			line-height: 60px;
			display: block;
			float: left;
			clear: none;			
			width: 66px;		
			font-size: 12px;
			white-space: nowrap;
			overflow: hidden;			
		}
		#container #social-media .icon
		{
			height: 28px;
			line-height: 28px;
			padding-top: 2px;
			display: block;
			float: left;
			clear: none;
			white-space: nowrap;
			overflow: hidden;
			width: 154px;	
			font-size: 13px;
			font-weight: bold;
		}
		#container #social-media .icon:hover {
			text-decoration: none;
		}
		#container #social-media .icon img { vertical-align: middle; margin-right: 4px; padding-bottom: 4px;}
		
        #header form
        {
            position:absolute;
            width:107px;
            height:18px;
            top:30px;
            right:21px;
            padding:0;
            margin:0;
            line-height:12px;
            font-size:12px;
        }
            #header input
            {
                line-height: 17px;
                font-size: 12px;
                font-family:Arial,Helvetica,sans-serif;
                height: 17px;
                border: none;
                background-color: transparent;
                padding: 0;
                margin: 0;
                cursor: pointer;   
                width: 27px;
                outline: none;
            }
            
            #header input#q
            {
                width: 75px;
                padding: 0 0 0 5px;
                background-color: transparent;
                cursor: text;
            }
            
#shadow-left {
	float:left;
	background:transparent url(/img/HLA/left.png);
	width:20px;
	height:280px;
}
#shadow-right {
	float:left;
	background: transparent url(/img/HLA/right.png);
	width: 20px;
	height: 280px;
}
#innercontent {
	float:left;
	background: url(/img/HLA/content_bg.jpg) repeat-y top;
	width:920px;
}

#maincontent {
	float: left;
	margin:0 auto;
	/* background: url(/img/HLA/content_bg.png) repeat-y; */
}

#sidebar {
	float: left;
	width: 156px;
	border-left: 1px solid white;
	overflow: hidden;
	
}

#content {	
	float:left;
	width: 763px;
	height: 100%; overflow: hidden;
	background: white url(/img/HLA/content_header.png) repeat-x top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contentpadding {
	float:left;
	width:741px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}


#closecontent {
}


#content h1 {
	float:left;
	width:920px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
}

#content h2 {
	float:left;
	width:920px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}





#menublock-top {
	float:left;
	width:140px;
	height:25px;
	line-height:25px;
	background:#333;
	color: white;
	padding-left:10px;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-1px;
	text-transform: uppercase;
}

#menublock_top_postcodewincode {
	float:left;
	width:138px;
	height:119px;
	background:url(/img/HLA/postcodewincode.gif) -1px 0 no-repeat;
	padding-left:10px;
	margin-bottom: 4px;
	cursor: pointer;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

#menublock-bottom {
	float:left;
	width:138px;
	background: transparent;
	padding:5px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

#menublock-top-betaal {
	float:left;
	width:148px;
	height:25px;
	line-height: 25px;
	background: #333;
	color: white;
	padding-left: 2px;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -1.5px;
	text-transform: uppercase;
}

#menublock-paymenticons {
	float:left;
	background: white url(/images/payment/paymentIcons2.jpg) -1px 0 no-repeat;
	width:148px;
	height:57px;
	margin-bottom:5px;
	cursor:pointer;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}
#menublock-paymenticons-afterpay {
	float:left;
	background: white url(/images/payment/paymentIcons3.png) -1px 0 no-repeat;
	width:148px;
	height:59px;
	margin-bottom:5px;
	cursor:pointer;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

#menublock-top-keurmerk {
	float:left;
	width:140px;
	height:25px;
	line-height: 25px;
	background: #333;
	color: white;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -1px;
	text-transform: uppercase;
}

#menublock-top-keurmerk .check {
    float: left;
	width:17px;
	height:18px;
    margin: 2px 3px 0 0px;
    background: url(/img/HLA/check.png) no-repeat;
	behavior: url(/js/iepngfix.htc);
}

#menublock-keurmerk {
	float:left;
	background-color: #fff;
	width:148px;
	height:50px;
	padding: 2px 0px 4px;
	margin-bottom:5px;
	cursor:pointer;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

#menublock-basket-wrapper {
	float:left;
	width:150px;
}
#menublock-basket {
	float:left;
	background: #333 url(/img/HLA/winkelmandje.png) no-repeat;
	display: block;
	width:122px;
	height:25px;
	line-height: 25px;
	color: white;
	padding-left: 28px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -1px;
	margin-top: 4px;
}

#menublock-basket-empty {
	float:left;
	width:138px;
	background: #E5EB14;
	color: #000;
	padding: 5px;
	font-size: 9px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#menublock-basket-toomanyforfree {
	float:left;
	width:138px;
	background: #FF0000;
	color: white;
	padding: 5px;
	font-size: 9px;
	text-align:center;
	font-weight: bold;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#menublock-basket-getfreeproduct {
	float:left;
	width:138px;
	background: #FF6600;
	color: white;
	padding: 5px;
	font-size: 9px;
	text-align:center;
	font-weight: bold;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#menublock-basket-getfreeproduct a {
	color: white;
}

#menublock-basket-row {
	float:left;
	background:#CAD728;
	width:148px;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#menublock-basket-row-desc {
	float:left;
	padding:2px;
	width:90px;
}
#menublock-basket-row-price {
	float:left;
	padding:2px;
	text-align:right;
	width:50px;
	font-weight:bold;
}

#menublock-basket-total {
	float:left;
	width:148px;
	background:#E5EB14;
	font-size: 9px;
	font-weight:bold;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#menublock-basket-total-desc {
	float:left;
	width:90px;
	background:#E5EB14;
	padding:2px;
}
#menublock-basket-total-price {
	float:left;
	width:50px;
	background:#E5EB14;
	padding:2px;
	text-align:right;
}
#menublock-basket-wijzig {
	float:left;
	background:url(/img/HLA/buttons/basket_left_wijzig.gif);
	cursor:pointer;
	width:74px;
	height:20px;
}
#menublock-basket-bestel {
	float:left;
	background:url(/img/HLA/buttons/basket_left_bestel.gif);
	cursor:pointer;
	width:74px;
	height:20px;
}

input.nieuwsbrief {
	background-color: #CCC;
	width: 130px;
}


#emotion_title_wrapper {
	float:left;
}

#emotion_form_wrapper {
	float:left;
	color:white;
	font-weight:bold;
	padding-left:30px;
	padding-top:30px;
}

#gratis_form_wrapper {
	float:left;
	color:white;
	font-weight:bold;
	padding-left:30px;
	padding-top:10px;
}

#emotion_form_row {
	padding-top:5px;
	padding-bottom:5px;
}

#emotion_form_row select {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	font-weight:normal;
	width:150px;
}

#emotion_form_row .selected {
	background-color:#E5EB14;
}

#emotion_title {
	position:absolute;
	float:left;
	top:345px;
	left:200px;
}


/* start big emotion imgs */
#emotion_bg {
	float:left;
	width:762px;
	height:276px;
	background: url(/img/spacer.gif) no-repeat;
}

#emotion_bg_schoenen {
	float:left;
	width:762px;
	height:276px;
	background: url(/img/emotion/bg/HLA/schoenen.jpg) no-repeat;
}

#emotion_bg_accessoires {
	float:left;
	background: url(/img/emotion/bg/HLA/accessoires.jpg) no-repeat;
	width:762px;
	height:276px;
}

#emotion_bg_teamkleding {
	float:left;
	background: url(/img/emotion/bg/HLA/teamkleding.jpg) no-repeat;
	width:762px;
	height:276px;
}

#emotion_bg_kleding {
	float:left;
	background: url(/img/emotion/bg/HLA/kleding.jpg) no-repeat;
	width:762px;
	height:276px;
}

#emotion_bg_zoeken {
	float:left;
	width:762px;
	height:276px;
	background: url(/img/emotion/bg/HLA/zoeken.jpg) top right no-repeat;
}

/* start small emotion imgs */
#emotion_small_bg {
	float:left;
	width:762px;
	height:49px;
}

#emotion_small_title {
	float:left;
	padding-top:12px;
	padding-left:30px;
}

#emotion_bg_small_bg {
	width:762px;
}
/* stop small emotion imgs */

/* start product details */
#product_details_nav,
#product_details_nav_bottom
{
	float:left;
	padding-top:4px;
	padding-bottom:4px;	
	padding-left: 10px;
	background: white;
	width:752px;
}


#product_details_nav_back {
	float:left;
}

#product_details_nav_tellafriend {
	float:right;
}

/* stop product details */



/* start big emotion titles */
#emotion_title_schoenen 		 { background: url(/img/emotion/title/nl/schoenen/schoenen.jpg) no-repeat; width:370px;height:26px;}
#emotion_title_schoenen_heren	 { background: url(/img/emotion/title/nl/schoenen/heren.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_schoenen_dames	 { background: url(/img/emotion/title/nl/schoenen/dames.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_schoenen_kinderen { background: url(/img/emotion/title/nl/schoenen/kinderen.jpg) no-repeat;width:370px;	height:26px;}
#emotion_title_schoenen_diversen { background: url(/img/emotion/title/nl/schoenen/diversen.jpg) no-repeat;width:370px;height:26px;}

#emotion_title_kleding	 		 { background: url(/img/emotion/title/nl/kleding/schoenen.jpg) no-repeat; width:370px;height:26px;}
#emotion_title_kleding_heren	 { background: url(/img/emotion/title/nl/kleding/heren.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_kleding_dames	 { background: url(/img/emotion/title/nl/kleding/dames.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_kleding_kinderen  { background: url(/img/emotion/title/nl/kleding/kinderen.jpg) no-repeat;width:370px;	height:26px;}
#emotion_title_kleding_diversen  { background: url(/img/emotion/title/nl/kleding/diversen.jpg) no-repeat;width:370px;height:26px;}

#emotion_title_teamkleding	 		 { background: url(/img/emotion/title/nl/teamkleding/schoenen.jpg) no-repeat; width:370px;height:26px;}
#emotion_title_teamkleding_heren	 { background: url(/img/emotion/title/nl/teamkleding/heren.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_teamkleding_dames	 { background: url(/img/emotion/title/nl/teamkleding/dames.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_teamkleding_kinderen  { background: url(/img/emotion/title/nl/teamkleding/kinderen.jpg) no-repeat;width:370px;	height:26px;}
#emotion_title_teamkleding_diversen  { background: url(/img/emotion/title/nl/teamkleding/diversen.jpg) no-repeat;width:370px;height:26px;}

#emotion_title_accessoires	 		 { background: url(/img/emotion/title/nl/accessoires/schoenen.jpg) no-repeat; width:370px;height:26px;}
#emotion_title_accessoires_heren	 { background: url(/img/emotion/title/nl/accessoires/heren.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_accessoires_dames	 { background: url(/img/emotion/title/nl/accessoires/dames.jpg) no-repeat;width:370px;height:26px;}
#emotion_title_accessoires_kinderen  { background: url(/img/emotion/title/nl/accessoires/kinderen.jpg) no-repeat;width:370px;	height:26px;}
#emotion_title_accessoires_diversen  { background: url(/img/emotion/title/nl/accessoires/diversen.jpg) no-repeat;width:370px;height:26px;}

#emotion_title_zoeken  		         { background: url(/img/emotion/title/nl/zoeken.png) no-repeat; width:93px;height:26px;}

#navbar {
	float:left;
	padding:10px;
	background-color:#e9e9e9;
	color:black;
	font-weight:bold;
	font-size:13px;
	width:741px;
	overflow:hidden;
}
#navbar-text {
	float:left;
	width:260px;
}
#navbar-pages {
	float:left;
	text-align:right;
	width:220px;
}
#navbar-pages a {
	text-decoration:underline;
}
#navbar-prevpage {
	float:left;
	width:120px;
}
#navbar-nextpage {
	float:right;
}

ul.arrow li {
	margin-left:20px;
	list-style-image:url(/img/arrow.gif);
	font-weight:bold;
	font-size:9px;
}

ul.arrow a {
	margin-left:-5px;
	font-size:9px;
}

#frontpage-nieuweproducten-title
{
	background: url(/img/headers/HLA/new_products.gif) no-repeat bottom left;
	width:762px;
	overflow: hidden;
	height: 18px;
	padding-top:20px;
}

#frontpage-opisopspecials-title
{
	background: url(/img/headers/HLA/opisopspecials.gif) no-repeat bottom left;
	overflow: hidden;
	width: 290px;
	height: 17px;
	padding-top:20px;
}

#disclaimer
{
	float:left;
	width:762px;
	padding-top:20px;
	padding-bottom:20px;
	background:#e9e9e9;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}


td.basket-header
{
	background-color:#CCCCCC; 
	padding:5px;
	font-weight: bold;
}

td.basket-number,
td.basket-product
{
	background-color:#EEEEEE; 
	padding:3px;
}
td.basket-price
{
	background-color:#EEEEEE; 
	padding:2px; 
	padding-right:3px;
}
td.basket-total,
td.basket-total-price
{
	background-color:#FFFF00; 
	padding:3px;
}




tr.bestel-row
{
	text-align: right;
	vertical-align: middle;
	background: #FFFFFF;
}

td.bestel-label
{
	vertical-align: middle;
	background: #333333;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
}

td.bestel-maat,
td.bestel-kleur,
td.bestel-aantal,
td.bestel-buttons
{
	vertical-align: middle;
	padding-left: 4px;
}
td.bestel-maat select,
td.bestel-kleur select
{
	height: 20px;	
	width: auto;
}
td.bestel-buttons
{
	padding-right: 4px;
}


/*start basket icons*/
#basket-icons {
	float:left;
	width:742px;
	padding-bottom:14px;
	overflow:hidden;
}

#basket-icon-winkelmand {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/winkelmandje.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-winkelmand-disabled {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/winkelmandje_disabled.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-uwgegevens {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/uwgegevens.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-uwgegevens-disabled {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/uwgegevens_disabled.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-afleveradres {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/afleveradres.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-afleveradres-disabled {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/afleveradres_disabled.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-betaalwijze {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/betaalwijze.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-betaalwijze-disabled {
	float:left;
	width:150px;
	height:75px;
	background:url(/img/basket_icons/HLA/betaalwijze_disabled.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-overzicht {
	float:left;
	width:110px;
	height:75px;
	background:url(/img/basket_icons/HLA/overzicht.png);
	behavior: url(/js/iepngfix.htc);
}
#basket-icon-overzicht-disabled {
	float:left;
	width:110px;
	height:75px;
	background:url(/img/basket_icons/HLA/overzicht_disabled.png);
	behavior: url(/js/iepngfix.htc);
}
/*stop basket icons*/








.frontpage-title
{
	float:left;
	overflow:hidden;
	width:752px;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
}

#frontpage-weekaanbieding-title
{
	background: url(/img/headers/HLA/aanbieding_van_de_week.gif) no-repeat;
	float:left;
	height: 25px;
	width: 400px;
}


table.block-productDetails
{
	float:left;
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: white;
	width: 100%;
}

.frontpage-productdetail table.block-productDetails
{
	width: 762px;
}

div.block-productDetails-afbeelding
{
	margin:0; padding: 0;
	padding: 2px;
	margin-left: 10px;
}

#block-frontpageProducts
{
	float:left;
	width:762px;
	background:#e9e9e9;
}
table.block-frontpageProducts
{
	float:left;
	width: 742px;
	background: white;
	margin-left:10px;
}
.block-frontpageProductSep
{
	background:#e9e9e9;
}

#no_tabs {
}

div.productoverzicht-wrapper
{
	float: left;
	width:760px;
	background-color: #e9e9e9;
	padding-bottom:5px;
	padding-left: 1px;
}

table.productoverzicht
{
	background-color: #e9e9e9;
}

table.productoverzicht td
{
	background-color: white;
	width:178px;
	border:solid 10px #e9e9e9;
	vertical-align:top;
	padding-bottom:8px;
}

#productoverzicht_img {
	width:100px;
	padding:5px;
	background-color:white;
}

table.block_productDetails_bestellen {
	border: solid 1px #333333;
	background-color: #FF6600;
}

#productoverzicht_gratis_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	text-decoration: none;
	color: #666666;
	padding-left:10px;
	padding-right:10px;
}

#productoverzicht_category_title,
#productoverzicht_category_title h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	text-decoration: none;
	color: #666666;
	padding: 3px 0 3px 10px;
	margin: 0;
}

#productdetailimgkader {
	background-color:#FFF;
}