/* ########################
	  GENERAL STYLING
######################## */
body {
	padding-bottom: 140px;
	font: 62.5% arial, verdana, sans-serif;
	color: #000;
	background: #fff url(../images/bg.jpg) 50% 100% no-repeat;
}

button { overflow: visible; cursor: pointer; background: none; border: none; }
.structural { position: absolute; left: -9999px; }
.hide { display: none !important; }

a { color: #8b1079; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

/* #######################
	    HASLAYOUT
######################## */
.col-right #shop-search p:after,
.contact p:after,
.example-images ul:after,
#nav:after,
.main:after,
#carousel:after,
#carousel li:after,
.footer ul:after,
.col-right #folder-wrap:after,
.col-right #folder a:after,
.breadcrumbs:after,
#products-list:after,
.block-layered-nav dl:after,
.block-layered-nav dd:after,
.block-active-layered-nav:after,
.block-active-layered-nav ol:after,
.pages ol:after,
.product-img-box .more-views ul:after,
.catalog-product-view .product-tabs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* #######################
	    CONTAINER
######################## */
.wrapper { width: 960px; margin: 0 auto; }
.main { margin: 12px 0 11px 0; }

/* #######################
	    HEADER
######################## */
.header { position: relative; }
#logo { padding-top: 14px; display: block; width: 278px; height: 57px; background: left no-repeat; }
#logo img { border: none; }

/*
   We probably need to make separate stylesheets
   or use a bit of inline styles printed by php to
   be compatible with all logos.

   We'll pick this up further up the road, for now as example
   solely the following rule.
*/
.telecombinatie_nl_retail #logo {
	width: 513px;
	height: 57px;
	background: url(../images/logo-bono.gif) bottom left no-repeat;
}

#switch { position: absolute; top: 0; right: 12px; list-style-type: none; }
#switch li { float: left; font-size: 1.2em; }
#switch li a {
	display: block;
	padding: 3px 20px;
	background-position: 8px 6px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	text-decoration: none;
}

#private { background-color: #931182; }
#private a { background-image: url(../images/ico-switch-private.gif); color: #fff; }
#business a { background-image: url(../images/ico-switch-business.gif); color: #931182; }

#search_mini_form { position: absolute; top: 37px; right: 0; width: 181px; }
#search_mini_form input {
	float: left;
	width: 140px;
	padding: 6px 6px 7px 6px;
	color: #3e3e3e;
	border: none;
	font-size: 1.05em;
	background-color: #e8cfe4;
}
#search_mini_form button {
	float: left;
	display: block;
	height: 26px;
	width: 29px;
	text-indent: -9999px;
	background: #8b1079 url(../images/btn-search.gif) 50% 50% no-repeat;
}

/* #######################
	    NAVIGATION
######################## */
#nav { position: relative; z-index: 110; }
#nav ul { float: left; width: 762px; margin-top: 12px; list-style-type: none; }
#nav li { float: left; margin-right: 7px; position: relative;}
#nav li a {
	display: block;
	width: 145px;
	padding: 8px 0 8px 0;
	color: #4d4d4d;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/bg-nav-item.gif) top right repeat-y;
}
#nav li.active a, #nav li a:hover, #nav li a:focus { color: #8c107a; }

#nav #toestellen a { width: 110px; }
#nav #acties a { width: 80px; }
#nav #over_telecombinatie a { width: 148px; }


#nav .sub { position: absolute; left: -7px; top: 15px; width: 155px; display: none; z-index: 100; }
#nav .sub li { float: none; width: 150px; padding-left: 5px; background: #7E0E6B url(../images/bg-subnav-header.gif) repeat-x scroll left top; }
#nav .sub li a { color: #fff; background: none; }



#nav li:hover .sub {display: block;}


#newsletter {
	position: relative;
	float: right;
	width: 176px;
	height: 21px;
    background: url(../images/bg-nieuwsbrief.jpg) top left no-repeat;
    padding: 20px 0 0 5px;
}
#newsletter input {
	position: absolute;
	right: 22px;
	bottom: 4px;
	width: 128px;
	height: 13px;
	font-size: 10px;
	border: none;
	border-width: 0;
    line-height: 13px;
	padding: 0px 0 0 0;

}
#newsletter button {
	position: absolute;
    right: 7px;
    bottom: 2px;
    width: 15px;
    height: 15px;
	background: url(../images/btn-newsletter.jpg) top left no-repeat;
	text-indent: -9999px;
	font-size: 1px;
    padding: 0px;
}

/*
#newsletter .newsletter-banner {
	display: block;
	height: 41px;
	width: 181px;
	background: url(../images/bg-newsletter-subscribe.gif) top left no-repeat;
	text-indent: -9999px;
}
*/
/*#subnav { background: url(../images/bg-subnav.png) top left repeat; }*/
#subnav h2 {
	padding: 8px 9px;
	font-size: 1.4em;
	font-weight: bold;
	background: #7e0e6b url(../images/bg-subnav-header.gif) top left repeat-x;
	color: #fff;
}
#subnav ul { list-style-type: none; }
#subnav ul.level1 { padding: 9px 0; font-size: 1.2em; }
#subnav ul.level1 li { padding: 5px 7px 7px; border-bottom: 2px solid #c1AFBE }
/*#subnav a { display: block; color: #000; padding: 0 0 0 10px; background: url(../images/bullit-raquo.gif) left 5px no-repeat; }*/
#subnav a { display: block; color: #000; padding: 0px;  }


#subnav ul.level2 { padding-left: 10px; }
#subnav ul.level3 { padding-left: 10px; }
#subnav ul.level2 li { border: none; }

#subnav .active a { font-weight: bold; }
#subnav .active a:hover { text-decoration: underline; }
#subnav .active ul a { font-weight: normal; text-decoration: none; }
#subnav .active ul .active a { font-weight: bold; }

#subnav .level2 {display: none;}
#subnav .active .level2 {display: block;}

/* #######################
	    CONTENT
######################## */
.col3-layout { position: relative; }
.col-main { float: left; margin-left: 195px; min-height: 300px; width: 570px; clear: both; position: relative; }
/*.col-right { float: right; margin-top: -30px; width: 181px; }*/
.col-right { float: right; margin-top: 0px; width: 181px; }
.home .col-right { margin-top: -30px; }
.col-left { position: absolute; width: 182px; top: 25px; left: 0; }

.cms-home .col-main { float: left; margin-left: 0; width: 758px; }
.cms-home .col-right { margin-top: 0; }

.col3-layout {background: url(../images/bg-subnav-faux.png) left top repeat-y;}

.catalog-category-view .category-title { margin-top: 11px; padding-top: 11px; border-top: 1px solid #f3e7f1; }
.catalog-category-view .category-title h2 { margin-bottom: 10px; font-size: 1.8em; }

.catalog-category-view .category-image {float: right; width: 130px; margin-top: 12px;}
.catalog-category-view .category-meta_description {float: left; width: 350px; font-size: 1.1em;}
.catalog-category-view .category-description {clear: both; font-size: 1.1em; padding: 5px 0 0 0;}
.catalog-category-view .category-description h4 {font-size: 1.3em; font-weight: bold; margin: 10px 0 5px;}
.catalog-category-view .category-description p { margin:10px 0; }
.catalog-category-view .provider-intro {margin-bottom: 5px;}
.catalog-category-view .provider-list {padding-left: 10px; margin-bottom: 5px;}
.catalog-category-view img {border: none;}
/*
un needed because .category-description table  styling
.catalog-category-view .provider-table {width: 570px; text-align: left; }
.catalog-category-view .provider-table th,
.catalog-category-view .provider-table td {border: 1px solid #931182; padding: 3px 5px; vertical-align: top;}
*/
/*.catalog-category-view .provider-table th span {font-size: 0.9em; }*/

/* Default table styling on category pages */
.category-description table {width: 570px; text-align: left; }
.category-laptops .category-description table {width: auto; }
.category-description table th,
.category-description table td {border: 1px solid #931182; padding: 3px 5px; /*vertical-align: top;*/}

/* Default styling for lists on category pages */
.category-description ul,
.bullits {padding: 5px 0;}
.category-description li,
.bullits li {padding: 0 0 0 10px; background: url(../images/bullit-raquo.gif) left 5px no-repeat; list-style: none;}

/* #######################
       BREADCRUMBS
######################## */
.breadcrumbs { background-color: #fff; padding-bottom: 12px; list-style-type: none; font-size: 1.1em; }
.breadcrumbs li { float: left; margin-right: 5px; padding-right: 9px; background: url(../images/bg-breadcrumb.gif) 100% 50% no-repeat; }
.breadcrumbs li.last { background: none; }
.breadcrumbs a, .breadcrumbs strong { color: #000; font-weight: normal; }

/* #######################
	    CAROUSEL
######################## */
#carousel { position: relative; height: 280px; margin-bottom: 20px; border: 1px solid #8b1079; }
#carousel li { list-style-type: none;}
#carousel a.item-link {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 28px;
	width: 163px;
	padding: 7px 5px 8px 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #8b1079;
	border-top: 1px solid #8b1079;
	background: #fff url(../images/bg-carousel-item-border.gif) 98% 50% no-repeat;
	z-index: 100;
}
#carousel .item-2 .item-link { left: 173px; }
#carousel .item-3 .item-link { left: 346px; }
#carousel .item-4 .item-link { left: 519px; width: 227px; background: #fff; }

#carousel li.active .item-link { height: 38px; background: #8b1079; color: #fff; border-top: none; }
#carousel li img { position: absolute; top: 0px; left: 0px; display: none; }
#carousel li.active img { display: inline; }

/* #######################
	  HOMEPAGE - Banners
######################## */
.cms-home .banner { float: left; width: 368px; height: 116px; }
.cms-home .banner img { border: none; }
.cms-home .banner.swf-9 { margin-right: 22px; }

/* #######################
    CMS pages
######################## */
.cms-page-view .col-main { font-size: 1.1em; }
.cms-page-view .col-main h2 { font-size: 1.6em; margin-bottom: 10px; }
.cms-page-view .col-main h4 { margin-bottom: 5px; }

/* #######################
	CONTENT - FILTERS
######################## */
#layered-nav { width: 570px; }

#layered-nav h2 { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
.block-layered-nav { position: relative; margin-bottom: 10px; padding: 10px; background-color: #fff; border: 1px solid #8b1079; }
.layered-nav-desc {	margin-bottom: 10px; font-size: 1.1em; font-weight: bold; color: #727479; }
.block-layered-nav ol { list-style-type: none; }
.block-layered-nav dt {
	margin-bottom: 5px;
	padding: 3px 4px;
	border: 1px solid #8b1079;
	color: #8b1079;
	font-size: 1.2em;
	font-weight: bold;
	background: #f0d8ec url(../images/filter-header.gif) 98.5% 47% no-repeat;
}
.block-layered-nav dt.active { background-color: #8b1079; background-image: url(../images/filter-header-active.gif); color: #fff; }
.block-layered-nav dd { margin: 0 0 8px 3px; }
.block-layered-nav dd ol { float: left; width: 180px; }
.block-layered-nav dd li { margin-bottom: 4px; }
.block-layered-nav dd a { font-size: 1.2em; color: #727479; text-decoration: underline; font-weight: bold; }
.block-layered-nav dd a:hover { text-decoration: none; }

.block-layered-nav .filter_vormfactor ol {width: 100%;}
.block-layered-nav .filter_vormfactor li {float: left; list-style: none; margin-right: 45px;}
.block-layered-nav .filter_vormfactor li a {display: block; background: 50% top no-repeat; padding-top: 50px; font-size: 0.9em; text-decoration: none;}
.block-layered-nav .filter_vormfactor li .clamshell {background-image: url(../images/icons/formfactor-clamshell.jpg); }
.block-layered-nav .filter_vormfactor li .qwerty {background-image: url(../images/icons/formfactor-qwerty.jpg); }
.block-layered-nav .filter_vormfactor li .slider {background-image: url(../images/icons/formfactor-slider.jpg); }
.block-layered-nav .filter_vormfactor li .candybar {background-image: url(../images/icons/formfactor-stick.jpg); }
.block-layered-nav .filter_vormfactor li .touchscreen {background-image: url(../images/icons/formfactor-touch.jpg); }

.block-layered-nav .filter_function h4 { font-size: 1.1em; font-weight: bold; }
.block-layered-nav .function-filter { float: left; }


.js-enabled .block-layered-nav { height: 105px; }
.js-enabled .layered-nav-desc { position: absolute; top: 38px; font-size: 1.1em; font-weight: bold; color: #727479; }
.js-enabled .block-layered-nav dt { float: left; width: 160px; margin: 0 12px 5px 0; cursor: pointer; }
.js-enabled .block-layered-nav dd { position: absolute; top: 60px; left: 10px; }

.block-active-layered-nav { font-size: 1.1em; }
.block-active-layered-nav h3 { float: left; margin-right: 8px; font-weight: bold; }
.block-active-layered-nav ol { float: left; list-style-type: none; }
.block-active-layered-nav li { float: left; margin-right: 8px; }
.block-active-layered-nav li a { padding-right: 15px; background: url(../images/filter-remove.gif) 100% 50% no-repeat; color: #000; }



/* #######################
	CONTENT - PRODUCTS
######################## */

.category-products h2 {font-size: 1.5em; margin-bottom: 10px;}
.category-products h2 span {color: #861581;}
#products-list { margin-bottom: 10px; list-style-type: none; }
#products-list li.item {
	position: relative;
	margin-bottom: 12px;
	float: left;
	width: 164px;
	height: 168px;
	padding: 8px;
	border: 1px solid #bc1200;
	background-color: #fff;
	cursor: pointer;
}
#products-list li.prepaid ,
#products-list li.prepaid a{ cursor: default; }

#products-list li.middle { margin: 0 12px; }
/*#products-list li.item:hover { background-color: #f5e4e2; }*/
#products-list li.item .product-name a { font-size: 1.3em; text-transform: uppercase;  color: #727479; }
#products-list li.item .product-name a:hover { text-decoration: none; }
#products-list li.item .product-name a em { display: block; color: #000; }
#products-list li.item .product-image { position: absolute; left: 9px; bottom: 2px;  }

#products-list li.item .product-image img { border: none; }
#products-list li.item .desc a {
	position: absolute;
	bottom: 10px;
	right: 0;
	display: block;
	padding: 5px 32px 5px 12px;
	background: #e24e71 url(../images/bg-product-details.gif) 76% 55% no-repeat;
	color: #fff;
	font-weight: bold;
	font: 1.1em tahoma, verdana, sans-serif;
}
#products-list li.item:hover .desc a { background-color: #d10330; }

#products-list.unavailable-products li.item { height: 188px; }
#products-list.unavailable-products li.item .product-image { bottom: 22px; }
#products-list.unavailable-products li.item .desc a { bottom: 30px; }
#products-list.unavailable-products li.item .available-from {
	position: absolute;
	width: 170px;
	left: 0px;
	bottom: 0px;
	padding: 4px 5px;
	color: #bc1200;
	border-top: 1px solid #bc1200;
}
#products-list.unavailable-products li.item .available-from em {
	position: absolute;
	right: 5px;
	bottom: 2px;
	color: #000;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
}

#products-list.prepaid-products li.item { height: 195px; }
#products-list.prepaid-products li.item .product-image { bottom: 35px; }
#products-list.prepaid-products li.item .desc a { bottom: 30px; }
#products-list.prepaid-products li.item .prepaid-data {
    position: absolute;
    width: 180px;
    left: 0px;
    bottom: 0px;
    height: 40px;
    color: #bc1200;
    border-top: 1px dotted #bc1200;
}
#products-list.prepaid-products li.item .prepaid-data p { position: absolute; }
#products-list.prepaid-products li.item .prepaid-data p.provider-logo { left: 5px; top: 5px; }
#products-list.prepaid-products li.item .prepaid-data p.price { right: 5px; top: 2px; font-size: 1.8em; font-weight: bold; }
#products-list.prepaid-products li.item .prepaid-data p.message { right: 5px; bottom: 2px; color: #717479; }


#tooltip-wrap {
	position: absolute;
	padding: 8px 8px 3px 20px;
	background-color: #fff;
	border: 1px solid #bc1200;
	color: #727479;
	font: 1.1em tahoma, verdana, sans-serif;
}
#tooltip { position: relative; width: 230px; }
#tooltip ul { list-style-position: inside; }
#tooltip li { margin-bottom: 7px; }
#tooltip-wrap .bottom-shadow {
	position: absolute;
	bottom: -18px;
	left: 0;
	height: 20px;
	width: 260px;
	display: block;
	background: url(../images/tooltip-bottom.png) bottom left no-repeat;
}

/* #######################
     CATALOG - PRODUCT DETAILS
######################## */

.product-view {font-size: 1.1em;}
.catalog-product-view .product-tabs {margin-bottom: 10px;}
.catalog-product-view .product-tabs h1,
.catalog-product-view .product-tabs h2 { float: left; width: 100px; padding: 5px 20px 5px 5px; margin: 0 0 0 2px; font-size: 1.4em; color: #592452; background: transparent url(../images/bg-subnav-faux.png) top left repeat; cursor: pointer; }
.catalog-product-view .product-tabs h1 { margin: 0px; width: 164px;}
.catalog-product-view .product-tabs h1:active, .catalog-product-view .product-tabs h1:hover,
.catalog-product-view .product-tabs h2:active, .catalog-product-view .product-tabs h2:hover,
.catalog-product-view .product-tabs h1.active,
.catalog-product-view .product-tabs h2.active {color: #fff; background: transparent url(../images/bg-subnav-header.gif) top left repeat-x;}

.catalog-product-view .col-main h3 {clear: left; font-size: 1.4em; font-weight: bold; margin-bottom: 5px; margin-top: 20px;}
.catalog-product-view h4 {font-weight: bold; padding: 25px 0 5px; font-size: 1.3em; background: transparent url() right 18px no-repeat; }
.catalog-product-view h4.stars-0 { background-image: url(../images/icons/stars_00.jpg); }
.catalog-product-view h4.stars-40 { background-image: url(../images/icons/stars_40.jpg);}
.catalog-product-view h4.stars-45 { background-image: url(../images/icons/stars_45.jpg);}
.catalog-product-view .short-description { margin-bottom: 10px; }
.catalog-product-view .price {color: #bc1200; font-weight: bold; }
.catalog-product-view .free-phone-message {margin: 15px 0 10px; font-size: 0.9em;}


.catalog-product-view .strong-points {clear: left; padding: 10px 0 0; font-weight: bold; list-style: none;}
.catalog-product-view #div-photos {padding-top: 10px; text-align: center;}

.catalog-product-view .buttons { margin-top: 20px; }
.catalog-product-view .btn-fwd { float: right; }

.product-img-box {float: right; width: 212px; margin-left: 15px;}
.catalog-product-view .product-image { border: 1px solid #A87A9F;}
.catalog-product-view .product-image img { width: 210px; border: none;}

.catalog-product-view #additional-data {clear: both; width: 570px; }
.catalog-product-view .description {margin-bottom: 5px;}

.catalog-product-view #email-informed {float:left; margin: 15px 0 10px; font-size: 0.9em; border: 1px solid #A87A9F; padding: 10px; font-weight: bold; text-transform:uppercase; font-size:100%; font-family:inherit; width:321px;}
.catalog-product-view #email-informed span {margin-bottom:15px;}
.catalog-product-view #email-informed input {width:220px; border:1px solid #7e9db9; margin-right:5px; float:left; font-size:0.9em;}
.catalog-product-view #email-informed button { float: right; padding:2px 5px; }
#email-informed form { margin-top:5px;}

.example-images ul {}
.example-images li {float: left; margin: 0 10px 10px 0; list-style: none; border: 1px solid #A87A9F;}
.example-images img {border: 0px;}

table.product-properties {width: 100%;}
table.product-properties th {text-align: left; width: 250px; padding: 3px 0 2px 6px; }
table.product-properties .even {background: transparent url(../images/bg-subnav-faux.png) repeat scroll left top; }

#div-product-test li {list-style: none;}

.product-img-box .product-color-box {margin: 10px 0;}
.product-img-box .product-color-box label {float: left; display: block; font-weight: bold; margin-top: 4px;}
.product-img-box .product-color-box select {float: right; width: 170px; }
.product-img-box .more-views ul {list-style: none;}
.product-img-box .more-views li {border: 1px solid #A87A9F; float: left; margin: 13px 13px 0 0;}
.product-img-box .more-views li.last {margin-right: 0px}
.product-img-box .more-views img {border: none;}

a.button {display: block; float: left; color: #fff; font-weight: bold; background-color: #bc1200; padding: 2px 5px;  text-transform: uppercase; }
button.button {color: #fff; font-weight: bold; background-color: #bc1200; padding: 2px 5px;  text-transform: uppercase; font-size: 0.9em; padding: 4px 5px 3px;}

/* #######################
	 CONTENT - PAGES
######################## */
.pages { margin-left: 200px; width: 170px; }
.pages ol { list-style-type: none; }
.pages li { float: left; margin-right: 6px; padding-right: 6px; background: url(../images/paginate-pipe.gif) 100% 50% no-repeat; }
.pages li a, .pages li span { display: block; font-weight: bold; color: #000; font-size: 1.1em; }

.pages li.prev, .pages li.next, .pages li.last { background: none; }
.pages li.last { padding-right: 1px; }
.pages li.prev { margin-right: 6px; }
.pages li.next { margin-left: 1px; }
.pages li.prev a, .pages li.next a {
	height: 13px;
	width: 10px;
	background: url(../images/paginate-prev.gif) 100% 50% no-repeat;
	text-indent: -9999em;
}
.pages li.next a { background-image: url(../images/paginate-next.gif); }

/* #######################
	 CONTENT - LIMITER
######################## */
.limiter { float: right; }
.limiter a { text-decoration: underline; color: #000; font-size: 1.1em; font-weight: bold; }



/* #######################
          ASIDE
######################## */
.aside-block { padding: 0 0 0 4px; background: url(../images/bg-aside-dotted-border-vert.gif) top left repeat-y; }
.col-right #folder-wrap { padding: 0 0 0 4px; }
.col-right #store-locator { padding: 0 7px; }

/* #######################
      ASIDE - FOLDER
######################## */
.col-right #folder-wrap { margin-bottom: 14px; }
.col-right #folder { padding-top: 5px; background: url(../images/bg-aside-dotted-border-hor.gif) top left repeat-x; }
.col-right #folder a {
	display: block;
	padding-bottom: 2px;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/bg-aside-dotted-border-hor.gif) bottom left repeat-x;
}
.col-right #folder img { float: left; border: none; }

/* #######################
      ASIDE - LOCATOR
######################## */

.col-right #shop-header h2 {
	display: block;
	padding: 5px 0 4px 42px;
	font-size: 1.35em;
	font-weight: bold;
	text-transform: uppercase;
	color: #8b1079;
	background: url(../images/bg-store-locator.gif) 0px 10px no-repeat;
}
.col-right #shop-header { padding: 5px 0 0 0; background: url(../images/bg-aside-dotted-border-hor.gif) top left repeat-x; }
.col-right #shop-header input { margin: 0 0 10px 8px; float: left; width: 109px; height: 14px; font-size: 0.9em; }
.col-right #shop-header button { float: left; height: 20px; padding: 0px 3px; font-weight: bold; font-size: 11px; }

/* image */
.col-right #shop-image { background: url(../images/bg-aside-dotted-border-hor-store-detail.gif) bottom left repeat-x; }
.col-right #shop-image p { padding: 9px 9px 9px 8px; background: url(../images/bg-aside-dotted-border-hor-store-detail.gif) top left repeat-x; }
.col-right #shop-image a.shop-link { padding-left: 10px; background: url(../images/ico-store-bullet.gif) 0 50% no-repeat; }
.col-right #shop-image img { border: 1px solid #8b1079; width: 157px; height: 110px; }

/* Online store */
.col-right #shop-online {
	padding: 12px 6px 12px 6px;
	line-height: 1.4;
	font-size: 1.3em;
	font-weight: bold;
	color: #8b1079;
	text-transform: uppercase;
	text-align: center;
	background: url(../images/bg-aside-dotted-border-hor.gif) bottom left repeat-x;
}

/* #######################
	      FOOTER
######################## */
.footer { background: url(../images/bg-footer.png) top left repeat; }
.footer ul { margin-top: 2px; padding-left: 8px; list-style-type: none; background: url(../images/bg-footer-wrap.png) top left repeat-x; }
.footer li { float: left; padding: 11px 5px; background: url(../images/bg-footer-link.gif) 100% 50% no-repeat; }
.footer a, .footer strong {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
.footer a { display: block; padding: 2px; }
.footer strong { display: block; padding: 2px; }
.footer a:hover, .footer a:focus { text-decoration: underline; }

.footer #copyright, .footer #disclaimer { float: right; }
.footer #disclaimer, .footer #dealer-login { background: none; }

/* #######################
          kega-froms
######################## */
.kega-from h2 { font-size: 1.3em; }
.kega-form .form-content { font-size: 1.1em; }
.kega-form .intro { margin: 10px 0; }
.kega-form p {padding: 3px 0; clear: both;}
.kega-form .field strong,
.kega-form .field label { float: left; display:block; width: 200px; font-weight: bold; }
.kega-form .text-input,
.kega-form textarea { width: 300px; }
.kega-form .radio label,
.kega-form .checkbox label { width: auto; }
.kega-form .checkbox ul {float: left; }
.kega-form .checkbox li {list-style: none;}
.kega-form .radio input { float: left; margin-right: 5px; width: auto; }
.kega-form .checkbox input { float: left; display: block; margin-right: 5px; width: auto; clear: left; }

.kega-form input.short { width: 75px; }
.kega-form input.medium { width: 150px; }

.kega-form .errors { color: #f00; }
.kega-form p.errors { margin-bottom: 0px; }
.kega-form ul.errors { padding: 0px 0 15px 15px; }

.form-content .validation-advice { color: #FF0000; }


/* #######################
       Storebanner
######################## */
.col-right #store-spotlight-top { padding: 0; background: url(../images/bg-aside-dotted-border-hor.gif) top left repeat-x; }
.col-right #store-spotlight-bottom { padding: 10px 5px 10px 5px; background: url(../images/bg-aside-dotted-border-hor.gif) bottom left repeat-x; }
.col-right #storebanner-img {border: 1px solid #8B1079;}

.store-details {color:#8B1079; font-size:1.1em; position: relative; margin: 0 0 10px; }
.store-details a {font-weight:bold;}

.store-openingtime dl {margin-bottom:1px;}
/*.store-openingtime dl dt,*/
.store-openingtime dl dd {display:block; margin:1px 0; padding:1px 0; float:left;}

.store-openingtime dl dt {clear:left; float:left; padding:1px; width:30px;}



#a-openingtime {background: url(../images/ico-store-bullet.gif) right 5px no-repeat; list-style: none;}


/* The hint to Hide and Show */
.store-openingtime {
   	display: inline;
    position: absolute;
    right: -15px;
    width: 100px;
    bottom:-62px;
    margin-top: -4px;
    border: 1px solid #ff0000;
    padding: 5px 5px 5px 10px;
    background: #fffffc url(../images/point-left.png) no-repeat -18px 45px;
    line-height: 1.0;
    z-index:10;
}

/* The pointer image is hadded by using another span */
.store-openingtime .hint-pointer {
    position: absolute;
    left: -18px;
    top: 45px;
    width: 18px;
    height: 28px;
    background: url(../images/point-left.png) left top no-repeat;
    z-index:20;
}





/* #######################
          Acties
######################## */
#actie-stores { margin-top: 10px; font-size: 1.1em; }

.categorypath-acties-kernwaarden-html .note-msg { display: none; }

/* #######################
       FOLDERACTIES
######################## */
.category-folderacties #products-list { background-color: #f9f7f8; padding: 9px; border: 1px solid #dadada; }
.category-folderacties #products-list .item,
.category-folderacties #products-list.prepaid-products .item { width: 157px; height: 333px; border: 1px solid #dadada; }
.category-folderacties #products-list.prepaid-products .item .prepaid-data { width: 173px; height: 90px; background-color: #91117e; border: none; }
.category-folderacties #products-list.prepaid-products .item .prepaid-data .order-btn { position: absolute; background-color: #fff; width: 61px; padding: 3px 7px; right: 0; bottom: 13px; color: #91117e; font-size: 1.3em; font-weight: bold; cursor: pointer; }
.category-folderacties #products-list.prepaid-products .item .prepaid-data p.price-message,
.category-folderacties #products-list.prepaid-products .item .prepaid-data p.message { width: 173px; top: 5px; bottom: auto; right: auto; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; }
.category-folderacties #products-list.prepaid-products .item .prepaid-data p.price-message { top: 25px; font-size: 1.2em; }
.category-folderacties #products-list.prepaid-products .item .prepaid-data p.price { width: 173px; top: -30px; right: auto; text-align: center; color: #91117e; font-size: 2.2em; }
.category-folderacties #products-list.prepaid-products .item .prepaid-data p.provider-logo { top: auto; bottom: 2px; left: 0; }
.category-folderacties #products-list.prepaid-products .item .product-image { top: 50px; right: auto; bottom: auto; left: auto; }
.category-folderacties #products-list.prepaid-products .item .product-name em { margin-top: 7px; text-align: center; color: #91117e; font-size: .9em; font-style: normal; }
.category-folderacties #products-list li.prepaid ,
.category-folderacties #products-list li.prepaid a { cursor: pointer; }

.catalog-product-folderdetail .product-title { margin-bottom: 10px; }
.catalog-product-folderdetail .product-title h1 { font-size: 1.5em; }
.catalog-product-folderdetail .product-title p { padding: 5px 0; }

.catalog-product-folderdetail .product-info { position: relative; background-color: #fff; float: left; width: 316px; min-height: 308px; border: 1px solid #bd1200; }
.catalog-product-folderdetail .product-info table { width: 100%; margin: 10px; }
.catalog-product-folderdetail .product-info table th,
.catalog-product-folderdetail .product-info table td { padding: 5px 0; color: #91117E; font-size: 1.1em; font-weight: normal; text-align: left; }
.catalog-product-folderdetail .product-info table th { width: 120px; font-weight: bold; }
.catalog-product-folderdetail .extra-info { position: absolute; bottom: 10px; width: 296px; background-color: #91117e; padding: 5px 10px; color: #fff; font-size: 1.5em; font-weight: bold; line-height: 20px; }

.catalog-product-folderdetail .product-img-box { position: relative; width: 240px; margin: 0 0 10px 10px; border: 1px solid #bd1200; }
.catalog-product-folderdetail .product-img-box img { border: none; }
.catalog-product-folderdetail .product-img-box #more-info { display: block; background-color: #e24e72; position: absolute; right: 0; bottom: 40px; padding: 10px 20px; font-size: 1.4em; color: #fff; }

.catalog-product-folderdetail .order-form { background-color: #fff; clear: both; padding: 10px; border: 1px solid #bd1200; }
.catalog-product-folderdetail .order-form p { font-size: 1.1em; font-weight: bold; }
.catalog-product-folderdetail .order-form p.field,
.catalog-product-folderdetail .order-form p.intro { clear: both; margin: 5px 0; font-weight: normal; color: #91117e; }
.catalog-product-folderdetail .order-form label,
.catalog-product-folderdetail .order-form strong { float: left; display: block; width: 140px; margin: 5px 0; font-weight: normal; }
.catalog-product-folderdetail .order-form label span { float: right; padding-right: 5px; }
.catalog-product-folderdetail .order-form .radio input,
.catalog-product-folderdetail .order-form .radio label { float: left; margin-right: 5px; width: auto; }
.catalog-product-folderdetail .order-form .text-input,
.catalog-product-folderdetail .order-form textarea { width: 300px; }
.catalog-product-folderdetail .order-form #zipcode { width: 100px; }
.catalog-product-folderdetail .order-form .submit { position: relative; }
.catalog-product-folderdetail .order-form .submit button.button { background: url(../images/button-bg.png) repeat-x; color: #fff; text-transform: none; }
.catalog-product-folderdetail .order-form .submit.small button.button { font-size: 0.8em; padding: 2px 20px; }

.catalog-product-folderdetail .order-form #stores { margin-top: 5px; }
.catalog-product-folderdetail .order-form #stores li { clear: both; list-style: none; }
.catalog-product-folderdetail .order-form #stores li label { width: 240px; }
.catalog-product-folderdetail .order-form #stores li.odd { height: 23px; background-color: #f1dbee; color: #592452; }
.catalog-product-folderdetail .order-form #stores li .radio { float: left; }
.catalog-product-folderdetail .order-form #stores li span { float: left; display: block; margin: 5px 0; }
.catalog-product-folderdetail .order-form #stores li a { float: right; display: block; margin: 5px 0; }

.catalog-product-folderdetail .order-form .block { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #E6CEE4; }
.catalog-product-folderdetail .order-form .block.last { border-bottom: none; padding-bottom: 0; }