/*
	Title:      Base styles
	Author:     Front-end
	Copyright:  Poort80  All rights resevered
*/

/* common
============================================================================= */

body {
	background-color: #009DE9;
	font-family:Arial, Helvetica, sans-serif;
}

ul.coloredBullets li {
	color: #009DE9;	
}

ul.coloredBullets li span {
	color: #333;	
}

#aspnetForm {
	padding-bottom: 80px;
}

/* big background image
============================================================================= */

.backgroundImg {
	position: fixed;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

body {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}

/* pageHeadings (T70)
============================================================================= */

.pageHeadings div.introBlock {
	width: 700px;
	overflow: hidden;
	clear: both;
}

.pageHeadings div.introBlock p {
	line-height: 22px;
}

.pageHeadings h2 {
	margin-bottom: 11px;	
}

/* innerImage (T07)
============================================================================= */

.innerImage {
	background-repeat: no-repeat top left;
	background-position: top left;
}

.innerImage #pageWrapper {
	background-color: transparent;
}

.innerImage .pageHeadings h2,
.innerImage #mainContent h4,
.innerImage #mainContent h5,
.innerImage #mainContent h6,
.innerImage #footer a {
	color: #fff;
}

.innerImage #mainContent,
.innerImage #mainContent p {
	color: #000;
}

.innerImage #mainContent a {
	color: #fff;
}

.innerImage #mainContent a:hover {
	color: #000;
}

.innerImage #mainNav {
	background-color: #009DE9;
}
/* HeaderImage */
.headerImage #mainNav {
	background-color: #009DE9;
}

.headerImage #pageWrapper {
	background-color: white;
}
.headerImage #footer {
	background-color: white;
}
/* default form elements
============================================================================= */

.formTable td {
	font-size: 11px;
	padding-bottom: 8px;
}

.formTable .messageIndent {
	padding: 0 22px 8px 29px;
}

.formTable .attention td {
	background: #ccebff;
}

.formTable hr {
	margin: 0;
	padding: 0;
}

.inputText {
	padding: 2px 2px 2px 2px;
}

.w30 {
	width: 30px !important;
}

.inputText,
.inputTextarea {
	width: 100%;
}

.inputText,
.inputTextarea,
.inputCheckbox,
.inputSelect {
	border-style: solid;
	border-width: 1px;
	border-color: #909090 #cecece #e4e4e4;
}

.small {
	width:40px;
}

.inputDisabled {
	border-style: none;
	border: 0;
	background: #fff;
	color: #333;
}

/* input text, blue background / white text T06A */
.inputTextType2 {
	background-color: #009DE9 !important;
	color: #fff !important;
}

.inputRadio,
.inputCheckbox {
	position: relative;
	margin-right: 5px;
}

/* Within form table */
.subHeading {
	font-weight: bold;
	font-size: 16px !important;
	color: #000;
}

.inputFullWidth {
	width: 100%;	
}

.inputWidth1 {
	width: 60px !important;
}

.inputWidth2 {
	width: 40px !important;
}

.inputWidth3 {
	width: 180px !important;
	float: left;
}

/* Input type in T11L */
.inputWidth4 {
	width: 302px !important;
	margin:0 0 0 10px;
	position:static;
}

/* T00AL */
.inputWidth5 {
	width: 288px !important;
	position: relative;
	left: 10px;
}

/* T10G2 */
.inputWidth6 {
	width: 95px !important;
}

/* formTable additionalNote (T11), ul-tags below table's
============================================================================= */

.additionalNote {
	list-style: decimal;
	margin: 20px 0 20px 20px;
	font-size: 10px;
}

/* form focus elements
============================================================================= */

textarea:focus,
input[type="text"]:focus,
input[type='password']:focus {
	background-color: #e4f5fd; /* alternate jQuery method in ie_all.css and common.js */
}

/* form focus elements
============================================================================= */

textarea:focus,
input[type="text"]:focus,
input[type='password']:focus {
	background-color: #e4f5fd; /* alternate jQuery method in ie_all.css and common.js */
}

/* contactform (T11)
============================================================================= */

.contactForm .client {
	margin: 0;
}

.contactForm .client .inputRadio {
	position: relative;
	top: 2px;
}

.contactForm h2 {
	margin-bottom: 9px;
}

.contactForm .gutter {
	width: 4px;
}

.contactForm .inputWidth,
.contactForm .validationMessage .message {
	width: 315px !important;
}

.contactForm .inputSelect {
	width: 321px !important;
}

.contactForm .inputTextarea {
	width: 338px !important;
}

.contactList p {
	color: #333;
}

.contactList h3,
.contactForm h3 {
	font-size: 20px;
}

.contactForm h3 {
	margin-bottom: 10px;
}

.contactList h3 {
	margin-bottom: 0px;
}

.contactList h4 {
	font-size: 15px;
	margin-bottom: 0;
}

.contactList p {
	font-size: 13px;	
}

.contactForm .formValidationErrorLast .message {
	width: 338px !important;
}

.contactForm .grid_2 h2 {
	margin-bottom: 2px;
}

/* vertial line (T11)
============================================================================= */

.vertLine01 {
	background: url(../gfx/vert-line.gif) repeat-y 470px 0;
}

/* form validation (T06C)
============================================================================= */

#popup .body .formValidationError,
.formValidationError .column1,
.formValidationError .validationMessage {
	color: #ff0000;
}

.formValidationError .inputText,
.formValidationError .inputTextarea {
	border: 1px solid #f00;
}

.formValidationError .validationMessage {
	display: block;
	font-size: 10px;
	padding: 2px 0;
}

/* iconHelp (T10G)
============================================================================= */

.iconHelp {
	display: block;
	width: 260px;
	float: right;
	position: relative;
	top: 0px;
	z-index:5;
}

.formType11 .iconHelp {
	float: left;
	display: inline-block;
	position: relative;
	left: 10px;
	top: 0px;
}

.formType11 span.priceLabel {
	float: left;
}

.iconHelp img {
	margin-right: 5px;
	cursor: pointer;
	float: left;
}

.iconHelp span {
	/*visibility: hidden; is set by jQuery */
	position: absolute;
	left: 20px;
	top: -3px;
	display: block;
	background: #009DE9;
	color: #fff;
	font-weight: bold;
	width: 230px;
	white-space: normal;
	padding: 3px 5px 4px;
}

/* register symbol in h1
============================================================================= */

.reg {
	font-size: 12px;
	position: relative;
	top: -13px;
}

/* specimenIDcart (T06D)
============================================================================= */

.specimenIDcart {
	position: relative;
	left: 215px;
	top: -22px;
	z-index: 1;
}

.specimenIDcart img {
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1;
}

/* swatches
============================================================================= */

.swatch1,
.swatch1 li {
	color: #009de9; /* Ben blauw */
}

.swatch2 {
	color: #000 !important; /* Zwart */
}

.swatch3 {
	color: #333; /* Ben 'body color' donkergrijs */
}

.swatch4 {
	color: #f00 !important; /* formvalidation rood */
}

.swatch5 {
	color: #44b7ef; /* light 'Ben' color */	
}

.swatch6 {
	color: #fff !important; /* wit */
}

/* display-block 
============================================================================= */
.display-block { 
	display: block;
}

/* wrapper
============================================================================= */

#wrapper {
	position: relative;
	z-index: 1;
}

/* contentWrapper
============================================================================= */

#pageWrapper {
	background: #fff url(../gfx/corner.png) no-repeat left top;
}

/* header
============================================================================= */

#header .logo {
	position: absolute;
	left: 62px;
	top: 35px;
	z-index: 100;	
}

/* indentation of navigation items
============================================================================= */

#mainNav,
#subNav
{
	padding: 0 0 0 62px;
}

/* link3 (T10D, small arrow on the left of a link)
============================================================================= */

.link3 {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

/* icon4 (T10D, PDF download link)
============================================================================= */

.link4 {
	text-decoration: none;
	color: #000 !important;
	font-size: 12px;
}

.link4 img{
	position: relative;
	top: 7px;
	margin-right: 5px;
}

/* icon3 (T10D, small arrow on the left of a link)
============================================================================= */

.icon3 {
	font-weight: bold;
	text-decoration: none;
	padding-right: 15px;
	background:	url(../../base/gfx/arrow4.gif) no-repeat right 2px;
}

/* PDF donwload icon (T10G2)
============================================================================= */

.pdfDownload {
	padding: 4px 0;
	padding-left: 25px;
	background: url(../gfx/pdf-icon-small.gif) no-repeat left top;
}

/* messageBlock (T21A0)
============================================================================= */

.messageBlocks {
	margin: 0px 0 12px 0;
	padding: 0;
}

.messageItem {
	margin: 0 0 3px 0;
	padding: 0;
	display: block;
	height: 36px;
	overflow: hidden;
	background: url(../gfx/message_bar.gif) no-repeat top left;
}

.messageItem p {
	padding: 4px 0 4px 10px !important; /* stupid Win/IE6 needs it to be important */
	font-size: 12px;
	font-weight: bold;
	line-height: 26px !important;
}

#contentWrapper .messageItem p a {
	text-decoration: none;
	color: #000;
}

.messageItem p .icon4 {
	padding-right: 15px;
	background: url(../../base/gfx/arrow4.gif) no-repeat scroll right 4px;
}

/* upgrade containet, wrapper (T21A0)
============================================================================= */

.upgradeContainer {
	overflow: hidden;
	background: url(../gfx/upgrade_container_bg.gif) repeat-y top left;
}

.upgradeContainer h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;	
}

.upgradeContainer h4 small {
	font-size: 10px;
	font-weight: normal;
}

/* upgradeContainer2 extends upgradeContainer (T25)
============================================================================= */

.upgradeContainer2 {
	background: url(../gfx/upgrade_container2_bg.gif) repeat-y top left;
}

/* big price block (T21A0)
============================================================================= */

.bigPrice {
	display: block;
	width: 156px;
	height: 102px;
	overflow: hidden;
	position: relative;
	background: url(../gfx/upgrad_big_price_bg.gif) no-repeat top left;
}

.bigPrice .price {
	font-weight: bold;
	position: relative;
	left: 10px;
	top: 10px;
	overflow: hidden;
}

.bigPrice .currency {
	font-size: 25px;
	color: #000;
	text-indent: -999px;
	display: block;
	width: 19px;
	height: 32px;
	overflow: hidden;
	float: left;
	position: relative;
	top: 18px;
	float: left;
	background: url(../gfx/euro_sign.gif) no-repeat top left;
}

.bigPrice .euro {
	color: #fff;
	font-size: 50px;
	float: left;
}

.bigPrice .cents {
	font-size: 16px;
	position: relative;
	top: 0px;
	left: -23px;
}

.bigPrice .subText { 
	display: block;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #000 !important;
}

.upgradeContainer .priceMessage .topPart {
	display: block;
	height: 8px;
	overflow: hidden;
	background: url(../gfx/upgrade_block_message_top.gif) no-repeat top left;
}

.upgradeContainer .priceMessage {
	margin: 5px 0 0 0;
	padding: 0 0 7px 0;
	display: block;
	width: 156px;
	overflow: hidden;
	color: #000 !important;
	background: url(../gfx/upgrade_block_message_bg.gif) no-repeat bottom left;
}

.upgradeContainer .priceMessage p {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px !important; /* Win/IE6 needs it to be important?!? */
	font-weight: bold;
	color: #000 !important;
}

.upgradeContainer .priceMessage p:last-child {
	margin-bottom: 0;
}

/* upgrade blocks (T21A0)
============================================================================= */

.upgradeBlock {
	margin: 0 0 7px 0;
	display: block;
	width: 157px;
	height: 33px;
	position: relative;
	background: url(../gfx/beltegoed_bar.gif) no-repeat top left;
}

.upgradeBlock p {
	margin: 0px 0 0 0px;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}

.upgradeContainer .bodyText {
	width: 157px;
}

.upgradeBlock .inputText {
	width: 30px;
	color: #009DE9;
	background: #fff;
	font-weight: bold;
	position: relative;
	left: 2px;
}

#contentWrapper .upgradeBlock a {
	color: #000;
	display: block;
	padding: 9px 17px;
	width: 110px;
	font-size: 14px;
	text-decoration: none;
	background: url(../../base/gfx/arrow4.gif) no-repeat right 14px;
}

#contentWrapper .gridLast .upgradeBlock {
	width: 197px;
	background: url(../gfx/beltegoed_bar2.gif) no-repeat left top;
}

#contentWrapper .gridLast .upgradeBlock a {
	width: 151px;
}

#contentWrapper .upgradeContainer2 a,
#contentWrapper .gridLast .upgradeBlockLink a {
	color: #009DE9;
	font-size: 12px;
}

#contentWrapper .gridLast .upgradeBlockLink p {
	text-align: center;
}

#contentWrapper .upgradeBlock a span {
	display: inline-block;
}

#contentWrapper .upgradeBlock a:hover {
	color: #009DE9;
}

#contentWrapper .upgradeContainer2 a:hover,
#contentWrapper .gridLast .upgradeBlockLink a:hover {
	color: #000;
}

.upgradeBlockInput {
    margin: 0 0 7px 0;
	display: block;
	width: 157px;
	height: 33px;
	position: relative;
	background: url(../gfx/beltegoed_bar.gif) no-repeat top left;
	font-weight:bold;
}

#contentWrapper .upgradeBlockInput p {
	display: block;
}

#contentWrapper .upgradeBlockInput a {
	color: #000;
	padding: 9px 3px 9px 17px;
	display:inline-block;
	font-size: 14px;
	text-decoration: none;
}

#contentWrapper .upgradeBlockInput a:hover {
    color: #009DE9;
}

#contentWrapper .upgradeBlockInput .variableTopup {
    width:25px;
    font-size:12px;
    font-weight:bold;
    margin: 9px 0;
    padding: 0;
    text-align:center;
}

#contentWrapper .upgradeBlockInput a.arrow {
    background-image: url(../../base/gfx/arrow4.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 9px;
}

/* main navigation
============================================================================= */

#mainNav {
	background: url(../gfx/main-nav-bg.png) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mainNav ul.menu {
	position: relative;
	top: 9px;
}

#mainNav ul.menu li #btnLogin {
	padding-right: 15px;
	position: relative;
	top: -5px;
}

#mainNav ul.menu li #btnLogin img {
	position: relative;
	top: 5px;
}

#mainNav ul.menu li.active #btnLogin {
	background: url(../../base/gfx/arrow8.gif) no-repeat right 10px;
}

#mainNav ul.menu li {
	margin-right: 21px;
}

#mainNav ul.menu li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	display: block;
}

#mainNav ul.menu li a:hover,
#mainNav ul.menu li.active a {
	color: #000;
}

/* #mainNav > .search
============================================================================= */

.search {
	text-align: right;
	position: absolute;
	top: 6px;
	right: 46px;
	width: 246px;
	height: 31px;
	overflow: hidden;
}

.search .btnBasket {
	float: left;
	margin-right:6px;
	position: relative;
	top: 3px;
	left: 34px;
}

.search fieldset {
	margin: 0;
	border: 0;
}

.search .inputText {
	width: 113px;
	height: 14px;
	border: 0;
	font-size: 11px;
	margin: 0;
}

.search input {
	margin-bottom: 0;
}

.search .inputButton {
	position: relative;
	top: 0px;
	left: 0px;
	border: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor:pointer;
	padding-right: 12px;
	background: transparent url(../../base/gfx/arrow3.gif) no-repeat right 6px;
}

.search .inputButton:hover {
	color: #000;	
}

/* productModule extends module (T03)
============================================================================= */

.productList {
	margin-top: 10px;
}

.productRow {
	clear: both;
	overflow: hidden;
}

.productModule .body {
	padding-bottom: 39px;
}

.productModule .productCol1,
.productModule .productCol2 {
	margin-top: 6px;
	overflow: hidden;
	margin-bottom: 10px;
}

.productModule .productCol1 {
	width: 180px;
	width: 40%;
	float: left;
	margin-left: 14px;
}

.productModule .productCol2 {
	width: 215px;
	width: 42%;
	float: right;
	margin-right: 30px;
}

.productModule .productCol2 ul {
	margin-bottom: 10px;
}

.productModule .productCol2 .alignRight {
	margin: 0;
}

.productModule .productCol2 .clearMargin {
	margin: 0;
}

.productModule h4,
.productModule h6 {
	color: #000 !important;
}

.productModule h6 {
	margin: 0;	
}

.productModule h4 sup {
	font-size: 10px;
	position: relative;
	top: 3px;
}

.productModule .subheading {
	clear: both;
	border-top: 2px dotted #fff;
	border-bottom: 2px dotted #fff;
	margin: 5px 0;
	padding: 5px 14px;	
}

.productModule .line {
	height: 0px;
	overflow: hidden;
	margin: 0px 0;
	border-bottom: 2px dotted #fff;
	clear: both;
}

.productModule .subheading h3 {
	color: #000;
}

/* productOverview (T11B)
--------------------------- */

/* table */
.productOverview {
	border-color:#999999;
	border-style:dotted;
	border-width:0 0 2px 0;
}

.productOverview .col1 { 
	width: 325px; 
}

.productOverview .colGap { width: 25px; } /* gap */

.productOverview .col3 { 
	width: 325px;
}

.productOverview .col1,
.productOverview .col2 { 
	position: relative;
}

.productOverview .linksNav {
	border-color:#999999;
	border-right:0 dotted #999999;
	border-style:dotted;
	border-width:2px 0 0;
	height:20px;
	margin-top:10px;
	padding: 5px 15px 0 15px;
}

.productOverview .linksNav a {
	font-weight: bold;
}

/* productItem
--------------------------- */
.productModule .productItem {
	position: relative;
	height: 140px;
	padding: 5px 12px;
	background: url(../gfx/product-background.png) no-repeat top left;
	z-index: 2;
}
.productModule .productItemSim {
	background: url(../gfx/product-background2.png) no-repeat top left;
}
.productModule .productItemSim p {
    color:#000 !important;
}

.productModule .productItem h6 a {
	color: #fff !important;
	text-decoration: none;
}
.productModule .productItemSim h6 a{
    color:#000 !important;
}

.productModule .productItem h6 a sup {
	font-size: 10px;
	position: relative;
	top 3px;
}

.productModule .productItem h6 a span {
	color: #000;
}

.productModule .productSubheading {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	margin-top: -60px;
}

.productModule .productItem .badge {
	display: block;
	width: 68px;
	height: 55px;
	overflow: hidden;
	position: absolute;
	top: 60px;
	right: 5px;
	padding-top: 18px;
	color: #fff;
	text-align: center;
	line-height: 10px;
	font-size: 11px;
	font-weight: bold;
	background: url(../gfx/product-badge.png) no-repeat top left;
	/* proprietary rotation 
	-webkit-transform: rotate(12deg);
	-moz-transform: rotate(12deg); */
}

/* price */
.productModule .price {
	position: absolute;
	left: 15px;
	top: 60px;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: bold !important;
}

.productModule .price strike {
	color: #000;
	font-size: 13px;
}

/* CSS3 flash replacement (T17) extends productModule */
.productItem a {
	height: 86px;
	width: 170px;
	display: block;
}
.productModule #productArrow { 
	width: 14px;
	height: 13px;
	margin-top: 0;
	position: relative;
	top: -85px;
	left: 0px;
	z-index: 1;
	display: block;
	}
.productModule:hover #productArrow {
	-moz-animation-name: imageSlide;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	
	-webkit-animation-name: imageSlide;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	
	animation-name: imageSlide;
	animation-duration: 2s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;

	width: 14px;
	height: 13px;
	margin-top: 0;
	position: relative;
	top: -85px;
	left: 40px;
	z-index: 1;
	display: block;
}
@-moz-keyframes imageSlide {
    0% {
      left: 40px;
    }    
    20% {
    	left: 80px;
    }   
    80% {
    	left: 120px;
    }
    100% {
      left: 160px;
    }
}
@-webkit-keyframes imageSlide {
    0% {
      left: 0px;
    }    
    20% {
    	left: 46px;
    }   
    80% {
    	left: 92px;
    }
    100% {
      left: 140px;
    }
}
@-ms-keyframes imageSlide {
    0% {
      left: 0px;
    }    
    20% {
    	left: 46px;
    }   
    80% {
    	left: 92px;
    }
    100% {
      left: 140px;
    }
}

/* shopRow (T03B)
============================================================================= */

.productTabs {
	display: block;
	width:98%;
	height: 32px;
	overflow: hidden;
	padding-bottom: 9px;
	position: relative;
	top: 7px;
	background: url(../gfx/tab-bg.gif) repeat-x left bottom;
}

.productTabs ul {
	margin: 0;
	padding: 0;
}

.productTabs li {
	display: block;
	float: left;
}

.productTabs li a {
	display: block;
	width: 146px;
	height: 24px;
	padding: 8px 0 0 0;
	overflow: hidden;
	margin-right: 1px;
	color: #9d9d9d !important;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	background: url(../gfx/product_tab_inactive.gif) no-repeat left top;
}

.productTabs li.active a {
	color: #000 !important;
	background: url(../gfx/product_tab_active.gif) no-repeat left top;
}

/* shopRow (T03B)
============================================================================= */

/* default and T03B */
.module .shopRow,
.shopRow {
	margin: 14px;
	position: relative;	
}

.shopRow h4 {
	position: relative;
	top: 3px;	
}

.shopRow .linksNav {
	clear: both;	
}

.shopRowContainer {
    margin: 10px 0px;
    padding: 5px;   
}
.hoverShopRow
{
	background-color: #ECECEC;
}
.selectedShopRow {
    background-color: #ccebff;
}

/* T11B */
.gridContainer_2 .shopRow {
	height: 260px;
	overflow: hidden;
	margin: 0;
}

.module .shopRow h4 {
	font-size: 11px;
	margin-bottom: 5px;
	color: #2d2d2d !important;
}

.shopImg {
	width: 69px;
	float: left;
	position: relative;
}
.shopSpecs {
	position: relative;
	margin-left: 69px;
}

.shopSpecs .list {
	float: left;
	margin-right:60px;
}

.shopSpecs .list ul li {
	color: #009DE9;
}

.shopSpecs .list ul span {
	color: #333;
}

.shopItemFooter {
	min-height: 70px;
	overflow: hidden;
	/* position: relative fix in ie6.css */
}

.shopPrice {
	display: block;
	width: 57px;
	height: 57px;
	overflow: hidden;
	z-index: 200;
	background: url(../gfx/price_bg.png) no-repeat 0 0;
}

.shopItemFooter .shopPrice {
	position: absolute;
	z-index: 200;
	right: 0px;
	bottom: 30px;
}

/* table version footer items (T11B) */
.shopItemFooterItems {
	position: relative;
}

.shopItemFooterItems .shopItemFooterContainer {
	overflow:hidden;
	padding-bottom:14px;
	padding-top:15px;
	position:relative;
	top:0px;
	/* zoom: 1; fix in ie6_7.css */
}

.shopItemFooterItems .shopPrice {
	float: right;
}

/* extra info badge on price (T03B2) */
.shopPriceExtra {
	display: block;
	width: 82px;
	height: 85px;
	overflow: hidden;
	color: #fff !important;
	background: url(../gfx/price_bg_extra.gif) no-repeat 0 0;
}

/* extra info badge on price (T03B2) */
.shopItemFooter .shopPriceExtra {
	position: absolute;
	z-index:190;
	right: 53px;
	bottom: 26px;
}

.shopPriceExtra p {
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 15px;
}

.shopItemFooterItems .shopPriceExtra {
	float:right;
	position:absolute;
	left:190px;
	top:0px;	
}

.shopPriceExtra p span {
	display: block;
}

/* T11B */
.gridContainer_2 .shopPrice {
	bottom: 40px;
}

.shopPrice p {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 18px;
}

.shopPrice .currency {
	font-size: 12px;
}

/* T03B */
.linksNav {
	margin-top: 10px;
	margin-bottom: 0;
	overflow: hidden;
}

/* T11B */
.gridContainer_2 .linksNav {
	position: absolute;
	bottom: 0;
	height: 20px;
	width: 92%;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-color:#999999;
	border-right:0 dotted #999999;
	border-style:dotted;
	border-width:2px 0 0;
}

.linksNav a {
	display: block;
	text-decoration: none;
	padding-right: 16px;
	background: url("../../base/gfx/arrow4.gif") no-repeat scroll right 7px transparent
}
.shopFooter a {
    background: url("../../base/gfx/arrow4.gif") no-repeat scroll right 12px transparent
}

.shopRow .linksNav a {
	font-weight: bold;
}

.linksNav .itemsLeft {
	float: left;
}
.shopFooter .itemsLeft {
    padding-top:8px;
}

.gridContainer_2 .linksNav .itemsLeft {
	position: relative;
	top: 1px;
}

.linksNav .itemsRight {
	float: right;
	font-size: 14px;
	font-weight: bold;
}

/* shopChip extends shopItem */
.shopChip .productItem {
	display: block;
	width: 160px;
	height: 76px;
	overflow: hidden;
	color: #fff;
	margin-left: 0;
	padding: 10px;
	position: relative;
	background: url(/themes/public/gfx/product-background.png) no-repeat top left;
}

.shopChip .shopImg {
	margin-left: 0;
}

#contentWrapper .shopChip .productItem a,
.shopChip .productItem a {
	color: #000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.shopChip .shopSpecs {
	margin-left: 182px;
}

.shopChip .productItem a .price {
	position: absolute;
	bottom: 20px;
	right: 55px;
}

/* sold out badge (T11B)
============================================================================= */

.specialOffer {
	background: url(../gfx/sold-out-bg.png) repeat 0 0; /* fix in ie6.css */
	position: absolute;
	width: 200px;
	height: 300px;
	z-index: 500;
}

.soldOut{
	background: url(../gfx/sold-out-bg.png) repeat 0 0; /* fix in ie6.css */
	position: absolute;
	z-index: 500;
}

.shopItemSoldOut .shopSpecs,
.shopItemSoldOut .shopImg,
.shopItemSoldOut h4,
.shopItemSoldOut .list {
	overflow: hidden;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.soldOut img,
.specialOffer img {
	position: absolute;
	top: 0;
	left: 0;
	z-index:4;
}

.specialOffer{
	background:none;
}

.simBadge {
	position: absolute;
	bottom: -10px;
	left: -20px;
	z-index: 4;
}

/* T03B2 */
.productOverview .simBadge {
	left: 0;
}

/* textAd1 (T03)
============================================================================= */

.textAd1 .header {
	margin-bottom: -15px; /* remove exces height of header */
}

.textAd1 .body {
	padding: 9px 10px;
}

/* sub navigation
============================================================================= */

#subNav {
	display: block;
	height:13px;
	overflow: hidden;
	padding-top: 6px;
	padding-bottom: 28px;
}

#subNav ul.menu li {
	margin-right: 36px;
}

#subNav ul.menu li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #009de9;
}

#subNav ul.menu li a:hover,
#subNav ul.menu li.active a {
	color: #000;
}

/* login fly-out div
============================================================================= */

#login {
	padding-top: 12px;
	margin-bottom: 10px;
	font-size: 12px;
}

#login iframe {
	width: 790px;
	position: relative;
}

/* login fly-out div (iframe)
============================================================================= */

/* jQuery adds this class to #login, so javascript disabled webbrowsers can still login */
.loginPositioned {
	display: none;
	position: absolute;
	background: #fff url(../gfx/corner.png) no-repeat 0 0;
}

/* intro text (below subheading of page)
============================================================================= */

.intro {
	font-weight: normal;
	line-height: normal;
	margin-bottom: 12px;
}

.formType7 .intro {
	margin-right: 75px;
}

/* formTerms (T76)
============================================================================= */

.formTerms .column1 {
	padding-left: 27px;
}

.formTerms p {
	line-height: normal;
	margin-bottom: 9px;	
}

/* module
============================================================================= */

#sidebar .sidebarCorrection {
	margin-top: 32px;	
}

#sidebar .module {
	width: 170px;
	background-color: #d9d9d9;
}

/* module - backgrounds */
.module {
	background-color: #D9D9D9;
	margin-bottom: 15px;
	font-size: 11px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../gfx/corner01_right_bottom.png);
}

.innerImage .module {
	 background-color: transparent !important;
	 background-image: none !important;
}

.module .block {
	background: url(../gfx/corner01_right_top.png) no-repeat top right;
}

.innerImage .module .block {
	 background: none !important;
}

.innerImage .module .body {
	background: url(../gfx/corner_03_bottom.png) no-repeat bottom left;
}

.module .header {
	background-color: transparent;
	background: url(../gfx/corner01_left_top.png) no-repeat top left;
}

.module .header .h7 {
    font-size: 10px;
}

.innerImage .module .header {
	margin-bottom: 0;
	background-color: transparent !important;
	border-color: #84a8c6;
	background: url(../gfx/corner_03_top.png) no-repeat top left;
}

.innerImage .header {
	background: none;
}

.module .body {
	overflow: hidden;
	background: url(../gfx/corner01_left_bottom.png) no-repeat bottom left;
}

.innerImage .body {
	padding-top: 10px !important;
	background: none;
}

.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
	color: #009DE9;
	margin: 0;
	padding: 0;
}

.module h3,
.module h4,
.module h5,
.module h6 {
	font-size: 14px;
}

/* productDetail extends module (T12B)
============================================================================= */

.productList .productDetail {
	background-color: #009DE9;
}

.productDetail h3,
.productDetail p,
.productDetail ul li,
.productDetail table th,
.productDetail table td {
	color: #fff !important;
}

.productDetail .header {
	padding: 10px 10px;
	border-bottom: 2px dotted #fff;
}

.productDetail .header h3 {
	font-size: 22px;
}

.productDetail .body {
	padding: 10px 0px;
	position: relative;
}

.productDetail .productImg {
	width: 130px;
	float: left;
}

.productDetail .productImg p {
	text-align: center;
}

.productDetail .productDescription {
	margin-left: 130px;
	padding-right: 20px;
}

/* price sphere */
.productDetail .productPrice {
	display: block;
	width: 56px;
	height: 56px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: 47px;
	background: url(../gfx/product_price_white.png) no-repeat 0 0;
}


.productDetail .productPrice p {
	color: #009DE9 !important;
}

.productDetail .productPrice .price {
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	position: relative;
	top: 16px;
	left: 2px;
}

.productDetail .moreInfo {
	position: absolute;
	bottom: 75px;
	left: 25px;
}

#contentWrapper .productDetail .moreInfo a {
	color: #fff;
}
#contentWrapper .productDetail .moreInfo a:hover {
	color: #000;
}

/* product detail caroussel (T12B)
============================================================================= */

.productDetail .carrousel {
	border-top: 2px dotted #fff;
	position: relative;
    min-height:74px;
    clear:both;
    overflow:hidden;
}

.productDetail .carrousel a {
	display: block;
	width: 67px;
	height: 74px;
	overflow: hidden;
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	position: relative; /* Win/IE6 bug-fix */
}

.productDetail .carrousel a.active,
.productDetail .carrousel a:hover {
	background: url(../gfx/product_detail_caroussel_bg.png) no-repeat 0 0;
}

.productDetail .carrousel a img {
	position: relative;
	top:10px;
}

/* textModule extends module
============================================================================= */

.textModule .header,
.textModule .body {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.textModule .header {
	padding-top: 10px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #fff;
}

.textModule .body {
	min-height: 40px; /* ie6.css fix */
	padding-bottom: 28px !important;
}

.module ol,
.module ul {
	margin-bottom: 0;
}

.textModule .body ol li {
	margin-bottom: 5px;
}

/* modulePersonalInfo extends textModule
============================================================================= */

.modulePersonalInfo .body p {
	margin-bottom: 5px;
}

/* saveCartModule extends textModule
============================================================================= */

.saveCartModule .body p {
	margin-bottom: 5px;
}

.saveCartModule .inputTextType2 {
	margin-bottom: 0;
	width: 145px;
}

.saveCartModule .saveCartButton {
	margin-top: 0px;
	margin-bottom: 0;
}

/* listModule extends textModule
============================================================================= */

.listModule .header {
	margin-bottom: 8px;
}

.listModule p {	
	margin-bottom: 6px;
	line-height:14px;
}

/* compareModule extends textModule
============================================================================= */
.compareModule .body {
	padding:15px 10px !important;
}

.compareModule .header,
.compareModule .body {
	text-align:center;
}

.compareModule .header img.top2 {
	padding-top:2px;
}

.compareModule .header h2 span {
	color:#000;	
	font-size:9px;
	position:absolute;
	top:13px;
}

/* faqList extends faqModule
============================================================================= */

.faqList dl {
	margin-left: 0;
	margin-bottom: 0;
}

.faqList {
	padding-left: 0;
}

#sidebar .faqList {
	border-bottom: none;
}

#sidebar .faqList li {
	list-style-position: outside;
}

.iframeWrapper .faqList {
	border-bottom: none;
	margin-left: 18px;
	margin-right: 10px;
}

.faqList dt {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 5px 0 0;
	border-top: 2px dotted #999;
	background: url(/themes/base/gfx/arrow4.gif) no-repeat 633px 8px;
}

.faqList dt a {
	display: inline-block;
	color: #7f7e7e !important;
	padding-left: 26px;
	background-image: url(../gfx/dot.gif);
	background-position: 12px 5px;
	background-repeat:  no-repeat;
}

.faqList dd {
	display: none;
}

.faqList dd .body {
	margin: 0px 0 0px 0px;
	padding: 5px 70px 10px 26px;
	border-bottom: none;
}

.faqList .active {
	margin: 0;
	display: block;
}

.faqList dt.active {
	padding-top: 3px;
}

.faqList dt.active .header,
.faqList dd.active .body {
	background-color: #d9d9d9 !important;
}

.faqList dd.active .header {
	margin-top: 2px;
}

.faqList dt.active .header {
	padding-top: 3px;
	background: url(/themes/base/gfx/arrow8.gif) no-repeat 633px 5px;
}

.faqList dd.active .body {
	margin-bottom: 2px;
}

.faqList .active a {
	color: #484747 !important;
}

.faqList .body a {
	color: #009de9 !important;
}

/* faqList extends module
============================================================================= */

.faqList a {
	color: #000 !important;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.faqList a:hover {
	color: #009DE9 !important;
}

.faqList li {
	padding-right: 20px;
	padding-bottom: 15px;
	background: url(../../base/gfx/arrow4.gif) no-repeat right 8px;
}

/* datamodule extends module
============================================================================= */
.datamodule .body h5 {
	overflow:hidden;
	margin-bottom:10px;
}

.datamodule .body h5 span {
	display:block;
	font-size:12px;
	color:#000;
}

.datamodule p {
	margin:0 0 10px;
	padding: 0;
	position: relative;
	overflow: hidden;
	clear: both;
}

.datamodule p:last-child {
	margin-bottom:0;
}

.datamodule p .datasort {
	float:left;
	display:block;
	width:120px;
}

.datamodule p .data {
	display:block;
	float:right;
	font-weight:bold;
}

.datamodule p.foot {
	color:#000;
	font-weight:bold;	
}

/* quicklinks extends module
============================================================================= */

.quickLinks {
	list-style: none;
	margin: 0;
	padding: 0;
}

.quickLinks li {
	list-style: none;
	padding-bottom: 8px;
	padding-right:40px;
	background: url(../../base/gfx/arrow4.gif) no-repeat 130px 3px;
}

.quickLinks a {
	color: #009DE9;
	text-decoration: none;
	font-size: 11px;
}

.quickLinks a:hover {
	color: #000 !important;
}

/* askBen extends module
============================================================================= */

.askBen {
	width: 170px;
}

.askBen .header,
.askBen .body {
	padding: 0 10px;
}

.askBen .header {
	padding-top: 6px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #fff;
}

.askBen .body {
	min-height: 40px; /* ie6.css fix */
	margin-top: 12px;
	padding-bottom: 18px;
}

.askBen .body .sendButton {
	margin-right: 5px;
}

.askBen textarea {
	display: block;
	width: 145px;
	height: 79px;
	color: #6d6f72;
	border-color:#909090 #CECECE #E4E4E4;
	border-style:solid;
	border-width:1px;
	overflow: auto;
}

.askBen .askBenQuestion {
	margin-bottom: 5px;
}

/* imgModule extends module
============================================================================= */

.imgModule {
	width: 170px;
	position: relative;
	background: none !important;
}

.imgModule .header {
	font-size: 0;
}

.imgModule a {
	overflow: hidden;
	display:inline-block;
}

.imgModule .sidebarImage { 
	width: 170px !important;
}

.imgModule .imgTopLeft,
.imgModule .imgTopRight,
.imgModule .imgBottomLeft,
.imgModule .imgBottomRight {
	position: absolute;
	z-index: 200;
}

.imgModule .imgTopLeft {
	width: 10px;
	height: 10px;
	top: 0;
	left: 0;
	background: url(../gfx/corner01_left_top.png) no-repeat left top;
}

.imgModule .imgTopRight {
	width: 10px;
	height: 10px;
	top: 0;
	right: 0;
	background: url(../gfx/corner01_right_top.png) no-repeat left top;
}

.imgModule .imgBottomLeft {
	width: 10px;
	height: 10px;
	bottom: 0px;
	left: 0;
	background: url(../gfx/corner01_left_bottom.png) no-repeat left bottom;
}

.imgModule .imgBottomRight {
	width: 37px;
	height: 40px;
	bottom: 0px;
	right: 0;
	background: url(../gfx/corner01_right_bottom.png) no-repeat right bottom;
}

/* userCart
============================================================================= */

.userCart {
	background-color: #d9d9d9 !important;
}

.userCart h4,
.userCart h5,
.userCart h6,
.userCart p,
.userCart li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.userCart .header {
	padding: 0 10px;
}

.userCart .bodyItems {
	padding: 0 10px;
}

.userCart .header {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #fff;
	position: relative;
}

.userCart .header h4 {
	position: relative;
	overflow: hidden;
	clear: both;
	color: #000;
	font-size:14px;
	margin:0;
	padding:0;	
}

.userCart .header .cart {
	position: absolute;
	right: 10px;
	top: 7px;
}

.userCart .body {
	font-size: 10px;
	min-height: 40px; /* ie6.css fix */
	padding-bottom: 35px;
}

.userCart .bodyItems .pageButtons  {
	margin-bottom: -40px;	
}

.userCart .body p {
	font-size: 11px;
	margin: 0 0 5px 0;
}

.userCart .body .subMessage {
	font-size: 10px;
	margin: 5px 0;
	padding: 0 0 0 11px;
	color: #000;
	font-weight: bold;
	line-height: 12px;
}

.userCart .body h5 {
	color: #000;
	font-size: 11px;
	position: relative;
	border-top: 1px solid #d9d9d9;
	margin-top: 2px;
}

.userCart .body .bodyItems:first-child h5 {
	margin-top: 0px;
}

.userCart .body hr {
	margin: 5px 0 5px;
	border-color: #000;
	border-style: solid;
	border-top-width: 1px;
}

.userCart .body h5 a.changeItem {
	color: #000 !important;
	font-size: 10px;
	text-decoration: none;
	position: absolute;
	right: 0;
}

.userCart .body h5 a.changeItem:hover {
	color: #000 !important;
}

#contentWrapper .userCart .body h5 a.removeItem {
	display: inline-block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	position: relative;
	left: -3px;
	background: url(../gfx/cart_cross.gif) no-repeat left top;
}

#contentWrapper .userCart .body h5 a.removeItem:hover {
	color: #000 !important;
	background: url(../gfx/cart_cross_hover.gif) no-repeat left top;
}

.userCart .cartItems p {
	margin: 0;
	padding: 0 !important;
	position: relative;
	overflow: hidden;
	clear: both;
	color: #000;
}

.userCart .cartItems p .price {
	position: absolute;
	right: 0;
}
.userCart .cartItems p .subprice {
	position: absolute;
	right: 0;
	color: #fff;
}

.userCart .cartItems p .subText {
	display: block;
	margin-bottom: 3px;
}

.userCart .cartTotal h5 {
	color: #000 !important;
	padding: 0;
}

.userCart .cartTotal p {
	margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
	clear: both;
	color: #000;
}

.userCart .cartTotal p .price {
	position: absolute;
	right: 0;
}

.userCart .orderLink {
	margin: 9px 10px 0 0 !important;
	padding-top: 11px;
}

.userCart .body hr.type1 {
	border-color: #fff;
}

.userCart .orderLink a {
	color: #fff !important;
	font-size: 15px;
	background: url(../../base/gfx/arrow4.gif) no-repeat right 7px;
}

.userCart .orderLink a:hover {
	color: #000 !important;
}

/* userCart for prepaid (T17)
============================================================================= */

.userCartPrepaid .cartTotal h5 {
	position: relative;
	margin-left: 0 !important;
}

.userCartPrepaid h5 .price {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.userCart .orderLink input {
	color: #fff !important;
	font-size: 15px !important;
	background: url(../../base/gfx/arrow4.gif) no-repeat right 7px;
	margin:0;
	padding:0;
	padding-right:10px;
	border:none;
	font-weight:bold;
	text-align:right;
}
.userCart .orderLink a
{
	background: none;
	margin:0;
	padding:0;
}
.hoverOrder {
	color: #000 !important;
	cursor:pointer;
}


/* downloadList (T07B)
============================================================================= */

.downloadList {
	margin: 27px 0 0 0;
	padding: 0;
	list-style: none;
}

.downloadList ul {
	margin: 0 !important;
}

.downloadList li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;
	line-height: 20px;
	background: url(../gfx/pdf-icon-big.gif) no-repeat top left;
}

.downloadList a {
	text-decoration: none;
	font-size: 18px;
}

.downloadList .subtitle {
	display: block;
	font-size: 10px;
	margin-left: 50px;
}

/* searchModule / search results (T09)
============================================================================= */

.searchModule .searchBox {
	background-color: #D9D9D9;
	margin-bottom: 11px;
	padding: 10px;
}

.searchModule .searchBox p {
	margin: 0;
	padding: 0;
}

.searchModule .searchBox .inputText {
	width: 287px;
	margin: 0 10px;
}

.searchModule .searchBox .inputButton {
	background: url(../../base/gfx/arrow4.gif) no-repeat scroll right 6px;
	border:medium none;
	color:#333;
	cursor:pointer;
	font-size:11px;
	padding-right:10px;	
	font-weight: bold;
}

.searchModule .searchResults {
	padding-top: 4px;
	margin-top: 4px;
	border-top: 2px dotted #D9D9D9;
}

.searchModule .resultItem {
	margin: 0;
	padding: 11px 0;
	border-bottom: 2px dotted #D9D9D9;
}

.searchModule .resultItem h5,
.searchModule .resultItem p {
	margin: 0;
	padding: 0;
	position: relative;
}

.searchModule .resultItem h5 {
	margin-bottom: 4px;	
	color: #44b7ef !important;
}

.searchModule .resultItem h5 a {
	text-decoration: none;
	color: #44b7ef !important;
}

.searchModule .resultItem h5 .bullet {
	position: absolute;
	top: 0px;
	left: -10px;
}

.searchModule .resultItem .link {
	margin-top: 3px;
	color: #44b7ef !important;
}

.searchModule .resultItem h5 a:hover,
.searchModule .resultItem .link:hover {
	color: #000 !important;	
}

/* searchQueryResult (T09)
============================================================================= */

.searchQueryResult p {
	margin: 0;
	padding: 0;
}

/* searchPaging (T09)
============================================================================= */

.searchPaging {
	margin: 0;
	padding: 0;
}

.searchPaging p {
	margin: 0;
	padding: 0;
}

.searchPaging a {
	text-decoration: none;
	color: #333 !important;
}

.searchPaging a:hover {
	color: #009DE9 !important;
}

.searchPaging .active {
	color: #009DE9 !important;	
}

.searchPaging .pages a {
	 display: inline-block;
	 margin: 0 2px;
}

/* icon2 (small arrow on the left of a link)
============================================================================= */

.icon2 {
	color: #009DE9;
	font-weight: bold;
	text-decoration: none;
	padding-right: 15px;
	background:	url(../../base/gfx/arrow4.gif) no-repeat right 3px;
}

.icon2:hover {
	color: #000;
}

.formTable a {
	text-decoration: none;	
}

/* sidebar saveCart
============================================================================= */

.saveCart p {
	margin: 5px 0 10px 0;
	padding: 0;	
}

.saveCart p.alignRight {
	margin-bottom: 18px;
}

/* blockItem
============================================================================= */

.blockItem {
	display: block;
	width: 212px;
	height: 101px;
	margin-bottom: 26px;
	overflow: hidden;
	background: #009DE9;
	overflow: hidden;
	position: relative;
}

.blockItem h4, 
.blockItem h5,
.blockItem h6 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 14px;
}

.blockItem p {
	margin: 0;
}

.blockItem p.link {
	position: absolute;
	top: 79px;
	left: 10px;
	font-weight: bold;
}

.blockItem .block {
	height: 81px;
	padding: 10px 10px;
	background: url(../gfx/blockItem_overlay.png) no-repeat top left;
}

.blockItem a {
	text-decoration: none;
	padding-right: 15px;
	background: url(../../base/gfx/arrow4.gif) no-repeat right 4px;
	display: inline-block; /* Fix for Safari and Chrome */
	color: #fff;
}

#contentWrapper .blockItem a {
	color: #fff;
}

.blockItem a:hover {
	color: #000 !important;
}

/* blockItem1 (T10A)
============================================================================= */

.blockItem1 {
	background: #009DE9;
}

/* blockItem2 (T04)
============================================================================= */

.blockItem2 {
	background: #D9D9D9;
}

/* blockItem3 (T26) uses the extended type2 class on GridContainer_3
============================================================================= */

.blockItem3 {
	background: #e1f4fc;
	width: 212px;
	height: 240px;
	margin-bottom: 10px;
}
.blockItem3Title { 
	height: 30px;
}
.blockItem3Title h3 { font-size: 13px; }
#mainContent.gridContainer_3.type2 { height: 100%; }
.gridContainer_3.type2 .intro { font-weight: normal; }
.gridContainer_3.type2 .formType1 { width: 100%; margin-top: 20px; }
.gridContainer_3.type2 .column1 { padding-left: 0px; }
.gridContainer_3.type2 .formType3 th { text-align: right; font-weight: normal; color: #009DE9; font-size: 12px; font-weight: bold; }
.gridContainer_3.type2 .formType3 .column1, .formType3 .column2 { padding-right: 0px; }
.gridContainer_3.type2 .formType3 .column3, .formType3 .column4, .formType3 .column5 { padding-right: 13px !important; }
.blockItem3Description { 
	width: 116px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}


/* inlineLis of ul-tag
============================================================================= */

.inlineList {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

.inlineList li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

/* line 
============================================================= */

.line {
	margin: 5px 0;
	padding: 0;
	overflow: hidden;
	height: 0px;
	border-top: 2px dotted #D9D9D9;	
}

/* bottomElements - at the bottom of form elements (T06D, T06E)
============================================================= */

.bottomElements td {
	padding: 0;
}

.bottomElements p {
	margin: 0 0 5px 0;
}

.bottomElements .shopButtons {
	margin-top: 8px;
}

/* page buttons, left and right
============================================================= */

.pageButtons {
	overflow: hidden;
	position: relative;
	top: -7px;
	padding-bottom: 10px;
	clear: both;
	margin-top: 20px;
}
.pageButtonsNotOverflownHidden
{
	overflow: visible;
}
.column3 .pageButtons {
	margin-top: 8px;
}

.pageButtons .itemsLeft {
	float: left;
}

.pageButtons .itemsRight {
	float: right;
}

/* footnote (T06A) inside form buttons
============================================================================= */
.pageButtons .footNote {
    display: block;
    width:570px;
    overflow:hidden;
    white-space:normal;
}

.pageButtons .footNote ul {
    margin:0px 0px 0px 20px;
    padding:0px;
}

/*.pageButtons .footNote ul li {
    color: #009DE9;	    
}
.pageButtons .footNote ul span {
    color: #000;
}*/

/* eCardButtons extends pageButtons
============================================================= */

.eCardButtons .scaleButton {
	background: none;
}

.eCardButtons .scaleButtonType2 .arrow  {
	display: none;
}

.eCardButtons .scaleButton input {
	width: 216px;
	font-size: 14px;
	text-align: left;
	background: url(../gfx/ecard_buttons_bg.png) no-repeat top left;
}

/* checkbox list (T10B-L2)
============================================================= */

.scaleButtonType1 input {
	padding-left: 32px;
	padding-right: 2px;
}
.scaleButtonType2b input,
.scaleButtonType2 input {
	padding-left: 12px !important; /* Win/IE6 and 7 need it to be important? */
	padding-right: 23px !important; /* Win/IE6 and 7 need it to be important? */
}

.scaleButtonType1 .arrow {
	left: 19px;
	background-image: url(../../base/gfx/arrow5.gif);
}

.scaleButtonType2 .arrow {
	right: 17px;
	background-image: url(../../base/gfx/arrow4.gif);
}
.scaleButtonType2b .arrow {
	right: 17px;
	background-image: url(../../base/gfx/arrow4.gif);
}
/* Hover Phones next buttons */

.scaleButtonType2b {
	background:transparent url(../gfx/btntype1b.gif) no-repeat scroll right top;
}

.scaleButtonType2b a {
	background:transparent url(../gfx/btntype1b.gif) no-repeat scroll left top;
}
.scaleButtonType2b input {
	background:transparent url(../gfx/btntype1b.gif) no-repeat scroll left top;
}
/* popupForm (T02)
============================================================= */

#popup .body .popupForm {
	color: #fff;
	position: relative;
}

#popup .body .popupForm .inputWidth1 {
	width: 280px !important;
	position: static;
	margin: 0 0 0 10px;
}

/* linkBlock in order table (T10G2)
============================================================= */

.linkBlock ul,
.linkBlock ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.linkBlock a {	
	font-weight: bold;
	color: ##009DE9;
	padding-right: 15px;
	background: url(../../base/gfx/arrow4.gif) no-repeat scroll right 4px;
}


/* scaleButtonSMS (T21ALB) extends scaleButtonType3
============================================================= */

.scaleButtonSMS input {
	width: 120px;
}

/* user address format (T10i)
============================================================= */

.userAddress {
	font-weight: bold;
	line-height: 1.5em;
	margin: 20px 0;
	color: #000;
}

.userAddress span {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

/* main content input elements
============================================================= */

#mainContent p {
	line-height: 22px;
}

#mainContent input {
	margin-bottom: 0;
}

#mainContent .checkList01 {
	margin-top: 5px;
	position: relative;
	left: 0px;
}

#mainContent .checkList01 li {
	padding-bottom: 5px;
}

#mainContent .checkList01 .inputCheckbox {
	position: relative;
	top: 2px;
	margin-right: 11px;
}

/* Section heading (T10B-L1)
============================================================= */

.sectionWrapper {
	text-align: left;
	color: #fff;
	height: 28px;
	margin-bottom: 20px;
	padding: 0 0 0 27px;
	font-weight: bold;
	position: relative;
	background: #009de9 url(../gfx/sectionHeadingLeft.gif) no-repeat top left;
}

/* sectionWrapperNoMargin extends sectionWrapper (T10G2) */
.sectionWrapperNoMargin {
	margin-bottom: 5px;
}

.sectionWrapper .sectionHeading {
	display: inline-block;
	line-height: 26px;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	height: 28px;
	position: relative;
	background: url(../gfx/sectionHeadingRight.gif) no-repeat top right;
}

.sectionWrapper .sectionHeading .headingName {
	position: relative;
	top: 5px;
}

.formInactive .sectionWrapper {
	background: #7fcef4 url(../gfx/sectionHeadingLeft2.gif) no-repeat top left;
}

.formInactive .sectionWrapper .sectionHeading {
	background: url(../gfx/sectionHeadingRight2.gif) no-repeat top right;
}

.sectionWrapper .btnRight {
	position: absolute;
	right: 20px;
}

/* Opera hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.sectionWrapper .btnRight {
		float: right;
		position: relative;
		top: 8x;
		left: -20px;
	}
}

.sectionWrapper .btnChange {
	text-indent: -999px;
	color: #fff;
	display: block;
	width: 50px;
	height: 13px;
	overflow: hidden;
	top: 8px;
	background: url(../gfx/btnWijzig.gif) no-repeat top left;
}

.sectionWrapper .btnChange:hover {
	background: url(../gfx/btnWijzig2.gif) no-repeat top left;
}

.formInactive .sectionWrapper .btnChange {
	background: url(../gfx/btnWijzig3.gif) top left;
}

.sectionWrapper .stepNumber {
	margin-right: 0px;
}

/* formType1 (T10B-L1)
============================================================= */

.formType1 {
	width: 698px;
	margin-bottom: 0;
}

.gridContainer_3 .formType1 {
	width: auto;
}

.formType1 .sectionWrapper {
	margin-bottom: 8px;
}

.formType1 .column1 {
	width: 180px;
}

.formType1 .column1,
.formType1 .singleRow {
	font-weight: bold;
}

.formType1 .gutter {
	width: 14px;
}

.formType1 .column3 {
	width: auto;
}

.formType1 .orderRadioButtons {
	position: relative;
	top: 12px;
}

.formType1 .inputRadio {
	position: relative;
	top: 2px;
}

.formType1 .orderRadioButtons label {
	display: inline-block;
	margin-right: 30px;
}

.formType1 .inputText,
.formType1 .inputWidth {
	width: 337px;
}

.formType1 .validationMessage {
	text-align: right;
	width: 341px;
	padding: 4px 2px 2px;
}

.formType1 .inputWidth.inputSelect {
	width: 342px; /* inputWidth + 3px */
}

.formType1 .inputTextarea {
	width: 340px;
}

.formType1 .subCol1 {
	display: inline-block;
	width: 105px;
	margin-right: 10px;
}

/* form validation (T06C)
============================================================================= */

.formValidationError .column1,
.validationMessage {
	color: #ff0000;
}

.formValidationError .inputText,
.formValidationError .inputTextarea,
.formValidationError .inputSelect {
	border: 1px solid #f00;
}

.formValidationError .validationMessage {
	display: block;
	font-size: 10px;
}

.formType1 .validationMessage {
	padding:0x;
	text-align:left;
	width:180px;
	clear: left;
}

/* acceptTerms (T51A)
============================================================================= */

.acceptTerms {
	display: block;
	clear: both;
	margin-top: 10px;
}

.activateError {
    overflow: hidden;
	position: relative;
	height: 15px;  
}
.activateError .errorRight {
    position: absolute;
	top: 0;
	right: 0;
	color: #ff0000;
}

/* paymnet options (T14B)
============================================================================= */

.paymentOptions {
	position: relative;
}

.paymentOptions label {
	display: block;
	margin-bottom: 10px;
}

.paymentOptions .inputBanks,
.paymentOptions .inputCreditcard {
	position: absolute;
	width: 200px;
}

.paymentOptions .inputBanks {
	top: 0;
	left: 175px;
}

.paymentOptions .inputCreditcard {
	top: 32px;
	left: 175px;
}

/* #popup form validation (T02C)
============================================================================= */

#popup .validationMessage {
	font-weight: bold;
	margin-left: 110px;
	position: relative;
	top: -14px;
	text-align: right;
}

#popup .validationMessage  {
	font-weight: bold;
	margin-left: 110px;
	position: relative;
	top: -14px;
	text-align: right;
}

#popup .validationMessage.benValidatorMessage {
	top: 0px;
}

/* subBlock generic (T11)
============================================================= */

.subBlock {
	margin: 26px 0 36px 0;
	background-color: #d9d9d9;
}

.subBlock .header {
	padding: 12px 18px 0;
	background: url(../gfx/sub-block_top.gif) no-repeat top left;
}

.subBlock .body {
	padding: 0 18px 13px;	
	zoom: 1;
	background: url(../gfx/sub-block_bottom.gif) no-repeat bottom left !important;
}

/* welcomeBlocks (T10A)
============================================================= */

.welcomeBlocks {
	padding-top: 18px !important;
}

/* faqBlocks (T04)
============================================================= */

.faqBlocks .blockItem h5 {
	color: #000;
	position: relative;
	left: -1px;
	font-size: 16px;
}

#mainContent .faqBlocks .blockItem p {
	font-weight: bold;
	color: #424242;
	line-height: 12px;
	font-size: 11px;
}

.faqBlocks .blockItem .link a {
	color: #009DE9 !important;
}

.faqBlocks .blockItem .link a:hover {
	color: #000 !important;
}

/* formType2 (T10C)
============================================================= */

.formValidationError .validationMessage {
	position: relative;
	padding-bottom: 0;
	padding-left: 0;
	clear: both;
}

.formValidationError .validationMessage .message {
	padding:0x;
	text-align:left;
	width:341px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 100;
	clear: both;
}

/* formType2 (T10C), tighter rows
============================================================= */

.formType2 .column1 {
	padding-left: 29px;
	width: 197px;
}

.formType2 .sectionWrapper {
	margin-top: 10px;
	margin-bottom: 5px;	
}

.formType2 td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.formType2 hr {
	margin: 0;
}

hr.productLastLine {
	width: 333px;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

/* formType3 (T06A)
============================================================= */

.formType3 .column1 {
	padding-left: 2px;
	width: 220px;
}

.formType3 .sectionWrapper {
	margin-bottom: 5px;	
}

.formType3 td {
	padding-top: 1px;
	padding-bottom: 1px;
}

.formType3 hr {
	margin: 2px 0 6px 0;
}

.formType3 th {
	white-space: nowrap;
}

.formType3 th {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

.formType3 .column1,
.formType3 .column2 {
	padding-right: 35px;
}

.formType3 .column1 {
	width: 150px;
}

.formType3 .column1 label {
	position: relative;
	top: -3px;
}

.formType3 .column3,
.formType3 .column4 {
	font-weight: normal !important;
	color: #000 !important;
}

.formType3 .column3,
.formType3 .column4,
.formType3 .column5 {
	padding-right: 35px;
}

.formType3 .column1 .inputRadio {
	position: relative;
	top: 2px;
	margin-right: 7px;
}

.formType3 .column3 {
	font-weight: bold;
	color: #009DE9;
}

.formTable strike {
	display:inline-block;
	width:50px;
}

.headingExtra {
	color: #000;
	font-weight: bold;
}

/* formType4 (T06C)
============================================================= */

.formType4 .column3 .inputWidth {
	width: 180px;
}

.formType4 .column3 .inputSelect {
	width: 185px; /* = inputWidth + 5px */
}

/* formType5 (T06E)
============================================================= */

.formType5 .column1 {
	width: 167px;
}

.formType5 .gutter {
	width: 45px;
}

/* formType6 (T06F)
============================================================= */

.formType6 .column1,
.singleRow {
	padding-left: 27px;
}

/* formType7 (T06C1)
============================================================= */
.formType7 .shopPrice {
    position:absolute !important;
}

.formType7 .column1 {
	width: auto;
}

.formType7 .shopRadio {
	width: 26px;
	float: left;
	position: relative; /* Win/IE6 bug-fix */
}

.formType7 .shopItem {
	margin-left: 26px;
	overflow:hidden;
	clear:both;
}

.formType7 .shopRow {
	margin-left: 0;
	min-height: 170px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.formType7 .shopRow h4,
.formType7 .shopRow h4 label {
	color: #009DE9;
}

.formType7 .linksNav a {
	font-size: 12px;
}

.formType7 .linksNav {
	position: absolute;
	right: -14px;
	top: -10px;
}
.formType7 .shopFooter {
    position:relative;
    height:32px;
    overflow:hidden;
}

/* first row (no pic) */
.formType7 .shopRowBlanc {
	height: 60px;
	position: relative;
	min-height: 20px !important;
	margin-right:0px;
}

.formType7 .shopRowBlanc .linksNav {
    right:5px;
    bottom:20px;
}

.formType7 .shopRowBlanc .shopSpecs {
	position: static;
}

.formType7 .shopRowBlanc .intro {
	height: auto;
}

.formType7 .shopRowBlanc .shopPrice { 
	bottom: 0;
}

.formType7 .shopRowBlanc .shopRadio {
	position: relative;
	top: 20px;
}

.formType7 .shopRowBlanc h4 {
	clear:both;
	float:none;
	position:relative;
	top:7px;
	left:26px;	
}

/* formType8 (T14B)
============================================================= */

.formType8 {
	width: 698px;
}

.formType8 td {
	zoom: 1;
}

.formType8 .column1 {
	width: 112px;
}

.formType8 .column2 {
	width: 25px;
}

.formType8 .column3 {
	width: 175px;
}

.formType8 .column4 {
	width: 96px;
	font-weight: bold;
}

.formType8 .column5 {
	width: 25px;
}

.formType8 .column6 {
	width: 215px;
}

.formType8 .column3,
.formType8 .column6 {
	white-space: nowrap;
}

/* formType9 (T10G2)
============================================================= */

.formType9 {
	width: 100%;
}

.formType9 td {
	padding-top: 1px;
	padding-bottom: 1px;
}

.formType9 .column1 {
	padding-left: 27px;
}

.formType9 hr {
	margin:5px 0 6px;
}

.formType9 .icon3 {
	background: url(../../base/gfx/arrow4.gif) no-repeat scroll right 4px;
}

/* formType10 (T10B2)
============================================================= */

.formQuestions label {
	display: block;
	margin-bottom: 10px;
}

/* formType10 (T22)
============================================================= */

.formType10 {
	margin-bottom: 0;
}

/* formType12 (T18B) extends formType4, wider form input fields (according to design)
============================================================= */

.formType12 .column3 .inputWidth {
	width: 210px;
}

.formType12 .iconHelp {
	width: 230px;
}

.formType12 .iconHelp span { 
	width: 199px;
}

/* formType13  (T21A2) extends formType4
============================================================= */

.formType13 .column1 {
	padding-left:27px;
}

/* popup
============================================================= */
#popup {
	/*position: absolute;
	top: 50px;
	left: 160px;
	width: 434px;
	height: 168px;
	z-index: 950;
	background: #009ee8;
	background: url(../../public/gfx/popup-confirmation-bg.png) no-repeat left top;*/
	position:relative;
}

#popup .header {
	margin: 0 0 10px 0;
	padding: 5px 20px 5px 20px;
	border-bottom: 2px dotted #fff;
}

#popup .header .btnClose {
	display: block;
	width: 16px;
	height: 15px;
	position: absolute;
	top: 12px;
	right: 12px;
	text-indent: -9999px;
	background: url(../../public/gfx/btn-popup-close.gif) no-repeat top left;
}

#actionTermsPopup .header .btnClose {
	display: block;
	width: 16px;
	height: 15px;
	position: absolute;
	top: 12px;
	right: 12px;
	text-indent: -9999px;
	background: url(../../public/gfx/btn-popup-close.gif) no-repeat top left;
}

#popup .header .btnClose:hover {
	background-image: url(../../public/gfx/btn-popup-close2.gif);
}

#popup .body .suffix,
#popup .body .suffix_short {
    overflow:hidden;
   /* height:44px;
    width:434px; IE 7 needs width 434 = object flash width */
    position:relative;
    clear:both;
	padding-top: 10px;
}

#popup .body .suffix .btnClose {
    color: white;
    left: 30px;
    position: absolute;
    bottom: 0;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

#popup .body .suffix .order 
{
	color: white;
    left: 290px;
    position: absolute;
    bottom: 0;
}

#popup .body .suffix_short .btnClose {
    color: white;
    left: 30px;
    position: absolute;
    bottom: 0;
}

#popup .body .suffix_short .order 
{
	color: white;
    left: 290px;
    position: absolute;
    bottom: 0;
}

#popup .header h3 {
	font-size: 25px;
	color: #fff;
}

#popup .body {
	margin: 0 0 10px 0;
	padding: 5px 20px 5px 20px;
}

.productDetail .body {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#popup .body p,
#popup .body ul li {
	color: #333;
	padding: 0 5px 0 0;
	font-size: 12px;
}

#popup .body a {
	color: #fff;
}

#popup .popupButtons {
	position: absolute;
	top: 114px;
	left: 20px;
	width: 290px;
}

#popup .popupButtons p {
	text-indent: 17px;
}

#popup .popupButtons .itemLeft,
#popup .popupButtons .itemRight {
	position: absolute;
	top: 0;
	text-decoration:none;
	font-size: 14px;
	color: #009ee8;
	line-height: 32px;
	display: block;
	cursor: pointer;
	width: 72px;
	height: 34px;
	overflow: hidden;
	background: url(../../public/gfx/btn-popup.gif) no-repeat top left;
}

#popup .popupButtons .itemLeft:hover,
#popup .popupButtons .itemRight:hover {
	color: #000 !important;
}

#popup .popupButtons .itemLeft {
	left: 0;
}

#popup .popupButtons .itemRight {
	right: 0;
}

#popup .popupButtons .itemLeft,
#popup .popupButtons .itemRight {
	font-weight: bold;
}

/* select box for bank (T21A4A)
============================================================= */

#popup .userbank {
	width: 200px;
	position: relative;
	left: 20px;
}

/* .popupInfo extends #popup
============================================================= */

.popupInfo {
	/*left: 50% !important;
	margin-left: -217px !important;
	background-image: none !important;*/
}

.productDetail {
	/*position: absolute !important;*/
}

#mainContent .productDetail {
	position: static !important;
}

.popupInfo .header {
	margin-bottom: 0 !important;
	border-bottom: 2px dotted #fff !important;
	background: url(../gfx/popup-bg-top.png) no-repeat left top !important;	
}

.popupInfo .header h3 {
	margin: 0;
	color: #fff !important;
}

.popupInfo .body {
	padding-top: 14px !important;
	padding-bottom: 10px;
	overflow: hidden;
	background: url(../gfx/popup-bg-bottom.png) no-repeat left bottom !important;	
}

.popupInfo .body h4 {
	margin: 0;
}

.popupInfo .header .btnClose {
	background-image: url(../gfx/btn-popup-close.gif) !important;
}

.popupInfo .header .btnClose:hover {
	background-image: url(../gfx/btn-popup-close2.gif) !important;
}

.popupInfo .col1 {
	width:170px;
	float: left;
}

.popupInfo .col2 {
	width: 202px;
	float: right;
}

.popupInfo .col2 p 
{
    margin:0 5px 0 0;
    padding:0;
    font-size:11px !important;
    color:#333 !important;
}

/* popupAskBen extends #popup - Ask Ben popup div (T04L)
============================================================= */

.popupAskBen {
	top: 60px !important;
	width: 430px !important;
	margin-left: -218px !important;
	left: 50% !important;
	height: 542px !important;
	background: none !important
}

.popupAskBen .header {
	margin-bottom: 0 !important;
	background: url(../gfx/popup-ask-ben-background-top.png) no-repeat left top !important;
	border-bottom: 2px dotted #fff !important;
}

.popupAskBen .header h3 {
	color: #fff !important;
}

.popupAskBen #pageBannerWrapper {
	height: 125px;
}

.popupAskBen .body {
	background: url(../gfx/popup-ask-ben-background-bottom.png) no-repeat left bottom !important;
	padding: 10px 0 40px 0 !important;
}

.popupAskBen .body .block {
	margin: 15px 15px 0;
}

.popupAskBen .body .question,
.popupAskBen .body .answer {
	margin-bottom: 15px;
	padding: 10px;
	background-color: #008dd2;
	color: #000;
}

.popupAskBen .body .answer a {
	color: #fff;
}

.popupAskBen .body .answer a:hover {
	color: #000;
}

.popupAskBen .body .block h5 {
	margin: 0;
	padding: 0;
	color: #fff;
}

.popupAskBen .body .subheading {
	margin-left: 10px !important;
	margin-bottom: 10px !important;
}

.popupAskBen .body p {
	color: #fff !important;
	font-weight: normal !important;
}

.popupAskBen .body .question p,
.popupAskBen .body .answer p {
	color: #000 !important;
}

.popupAskBen .inputTextarea {
	height: 83px;
	width: 400px;
	margin-bottom: 20px;
}

.popupAskBen .scaleButtonType2 {
	background:transparent url(../gfx/btntype2.gif) no-repeat scroll right top;
}

.popupAskBen .scaleButtonType2 input {
	background:transparent url(../gfx/btntype2.gif) no-repeat scroll left top;
	color:#009DE9;
}

/* popupClient extends #popup (T13AL)
============================================================= */

.popupClient .popupButtons {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

.popupButtons .itemsLeft .scaleButtonType4 {
	background: url(../gfx/btn-popup.gif) no-repeat right top;
}

.popupButtons .itemsRight .scaleButtonType4 {
	background: url(../gfx/btn-popup.gif) no-repeat right top;
}

.popupButtons .scaleButtonType4 a {
	color: #000 !important;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	display: block;
	width: 62px;
	padding-left: 10px;
	height: 26px;
	padding-top: 8px;
	overflow: hidden;
}

.popupButtons .scaleButtonType4 a:hover {
	color: #009DE9 !important;
}

.popupButtons .scaleButtonType4 {
	width: 72px;
}

.popupClient .validationError {
	margin-left: auto;
	border: 1px solid #f00;
}
.errorMessageString
{
	color:#f00;
}
/* popupForm (T14B)
============================================================= */

.popupClient .popupForm {
	color: #000;
}

.popupClient .popupForm p {
	margin: 0 0 10px 0;
	padding: 0;
}

.popupClient .popupForm span {
	display: block;
	width: 100px;
}

.popupClient .popupForm .inputText {
	width: 290px;
	margin: 0;
	padding: 0;
}

.popupClient .validationMessage  {
	position: static !important;	
}

.popupClient .scaleButtonType2 {
	background: url(../gfx/btntype2.gif) no-repeat right top;
}

.popupClient .scaleButtonType2 input {
	color: #000;
	background: url(../gfx/btntype2.gif) no-repeat left top;
}

.popupClient .scaleButtonType2 input:hover {
	color: #009DE9 !important;
}

/* popupCarrousel extends #popup (T18BL2)
============================================================= */

.popupCarrousel {
	width: 430px !important;
	margin-left: -218px !important;
	left: 50% !important;
	height: 542px !important;
	background: none !important;
}

.popupCarrousel,
.popupCarrousel .body p,
.popupCarrousel .body ul li,
.popupCarrousel .body table th, 
.popupCarrousel .body table td, {
	color: #fff !important;
}

.popupCarrousel .header {
	margin-bottom: 0 !important;
	background: url(../gfx/popup-ask-ben-background-top.png) no-repeat left top !important;
	border-bottom: 2px dotted #fff !important;
}

.popupCarrousel .body {
	background: url(../gfx/popup-ask-ben-background-bottom.png) no-repeat left bottom !important;
	padding: 10px 0 40px 0 !important;
}

.popupCarrousel .body .block {
	margin: 15px 15px 0;
}

.popupCarrousel .col1,
.popupCarrousel .col2 {
	margin: 0 0 20px;
}

.popupCarrousel .col1 {
	display: block;
	clear:both;
	width: 107px;
	float: left;
}

.popupCarrousel .col1 p {
    margin:0;   
}

.popupCarrousel .col2 {
	display: block;
	width: 247px;
	float: left;
}

.popupCarrousel .col2 .inputText {
    margin-bottom:0px;
    width:240px;
}

.popupCarrousel textarea {
	width: 235px;
	height: 125px;
	padding: 5px;
}

.popupCarrousel .alignRight {
	margin-right: 46px;
}

/* E-card popup carrousel (T18BL2) */
.ecardCarrousel {
	position: relative;
}

.ecardCarrousel .ecardCarousselMask,
.ecardCarrousel ul li {
	display: block;
	width: 247px;
	height: 178px;
	overflow: hidden;
}

.ecardCarrousel ul {
	overflow: hidden;
	list-style: none;
	position: relative;
	top: 0px;  /* change to alter images */
}

.ecardCarrousel ul li {
	float: left;
	list-style: none;
}

.ecardCarrousel p {
	margin: 0;
}

.ecardCarrousel .arrowNext,
.ecardCarrousel .arrowPrev {
	position: absolute;
	top: 81px;
	left: 0;
	z-index: 100;
	display: block;
	width: 14px;
	height: 25px;
	overflow: hidden;
	text-indent: -999px;
}

.ecardCarrousel .arrowNext {
	left: 256px;
	background: url(../gfx/caroussel_arrow_2.gif) no-repeat top left;
}

.ecardCarrousel .arrowPrev {
	left: -25px;
	background: url(../gfx/caroussel_arrow_1.gif) no-repeat top left;
}

.popupCarrousel table {
	width: 100%;	
}

/* popupSMS extends #popup (T21AL)
============================================================= */

.popupSMS {
	top: 60px !important;
	width: 430px !important;
	margin-left: -218px !important;
	left: 50% !important;
	height: 542px !important;
	background: none !important;
}

.popupSMS,
.popupSMS .body p {
	color: #fff !important;
}

.popupSMS .numbersSend {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

.popupSMS .numbersSend li {
	list-style: none;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.popupSMS .header {
	margin-bottom: 0 !important;
	background: url(../gfx/popup-ask-ben-background-top.png) no-repeat left top !important;
	border-bottom: 2px dotted #fff !important;
}

.popupSMS .body {
	background: url(../gfx/popup-ask-ben-background-bottom.png) no-repeat left bottom !important;
	padding: 10px 0 40px 0 !important;
}

.popupSMS .body .block {
	margin: 15px 20px 0;
}

.popupSMS .body p {
	margin-bottom: 10px;
}

.popupSMS .col1 {
	display: block;
	width: 107px;
	float: left;
	clear:left;
}

.popupSMS .line1 {
	position: relative;
	top: -3px;	
}

.popupSMS .line2 {
	position: relative;
	top: -3px;	
}

.popupSMS .col2 {
	display: block;
	width: 247px;
	float: left;
}

.popupSMS textarea {
	width: 240px;
	height: 125px;
	padding: 5px;
	margin-bottom: 10px;
}

.popupSMS .inputCheckbox {
	position: static;
	margin: 0;
}

.popupSMS .alignRight {
	clear: both;
	position: static;
	margin-right: 46px;
}

.popupSMS .inputWidth1 {
	width: 80px !important;
}

.popupSMS .icon3 {
	background-position: right 5px;
}

.popupSMS .body .block {
	margin-top: 0;
}
.sendLaterContainer
{
    display:none;
}
.popupSMS .block .alignRight {
	margin-right: 30px;
}


/* no underline on body text a-tag (T10I1)
============================================================================= */

.noUnderline {
	text-decoration: none;
}

/* form validation (T21B)
============================================================================= */

.formBar {
	display: block;
	height: 46px;
	overflow: hidden;
	margin-bottom: 20px;
	background: url(../gfx/formbar_bg.gif) no-repeat top left;
}

.formBar p {
	padding: 10px 0 0 10px !important; /* Win/IE6 needs it to be important? */
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.formBar .datePicker {
	display: inline-block;
}

.formBar .datePicker .dp-choose-date {
	float: none;
	display: inline-block;
	margin: 0 10px 0 5px;
	position: relative;
	top: 3px;
}

.formBar .dp-applied {
	float: none;
}

.formBar .inputWidth1 {
	width: 100px !important;
}

.formBar .usageBtn {
	color: #000;
	background: transparent;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	padding-right: 14px;
	position: relative;
	left: 10px;
	background: url(../../base/gfx/arrow4.gif) no-repeat right 7px;
}

.formBar .usageBtn:hover {
	color: #fff;
	background-image: url(../../base/gfx/arrow3.gif);
}

.formBar .inputSelect {
	margin: 0 10px;
}

.formBar .inputText {
	margin: 0 0 0 10px;
}

/* Usage table (T21B)
============================================================================= */

.userUsage {
	width: 100%;
	border-collapse:collapse;
}

.userUsage th, 
.userUsage td {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	padding: 4px 0 4px 20px;
}

.userUsage tr {
	width: 100%;
	border-bottom: 2px dotted #a9a9a9;
}

.userUsage th {
	color: #009DE9;
}

.userUsage .positive {
	color: green;
}

.userUsage .negative {
	color: red;
}

/* date picker (T10F, T21AL)
============================================================= */

.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../../base/gfx/calendar.png) no-repeat; 
}
.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* lines below a table (T10F)
============================================================= */

.tableSubscript {
	margin-bottom: 20px;
}

.tableSubscript p {
	margin: 0 0 8px 0;
}

/* ikben iframe (_iframe_integration.shtml)
============================================================= */

.ikben {
	width:962px;	
	margin-top:10px;
	margin-left:62px;
	overflow: auto;
}

/* storeslocator (T30A4)
============================================================= */

.storeslocator .sectionWrapper{
	height:45px;
	background: #009de9 url(../gfx/sectionHeadingLeft-big.gif) no-repeat top left;
}
.storeslocator .sectionHeading {
	height:33px;
	line-height:45px;
	position: relative;
	display: block;
	line-height: normal;
	padding-top: 12px;
	background: url(../gfx/sectionHeadingRight-big.gif) no-repeat top right;
}

.storeslocator .validationMessage {
	display: block;
	height: 20px;
	line-height: 14px;
	overflow: visible;
}

.storeslocator  .validationMessagePostalCode,
.storeslocator  .validationMessagePlace {
	position: absolute;
	top: 31px;
	z-index: 999;
	display: block;
	height: 20px;
}

.storeslocator  .validationMessagePostalCode {
	left: 115px;
}

.storeslocator  .validationMessagePlace {
	left: 445px;
}

.storeslocator .validationMessage .message {
	position: absolute;
	left: 0;
	top: 0px;
	color: #f00;
	font-size: 10px;
	text-align: left;
	width: 200px;
	height: 40px;
	display: block;	
}
.storeslocator .sectionHeading label {
    color:#fff;
}

.storeslocator .sectionHeading .inputText,
.storeslocator .sectionHeading .inputSelect{
	margin:0px 20px 0px 5px;
	width:70px;
}

.storeslocator .sectionHeading .inputButton {
	position: absolute;
	top: 14px;
	right: 20px;
	border: 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	cursor:pointer;
	padding-right: 12px;
	zoom: 1;
	display: block;
	width: 60px;
	background: url(../../base/gfx/arrow4.gif) no-repeat right 6px;
}

.storeslocator .sectionHeading .inputButton:hover {
	color: #fff;
}

.storeslocatorContent .suppnav {
	float:right;
	width:196px;
}
.storeslocatorContent .suppnav .scaleButton {
	margin-bottom:12px;
	float:right;
	width:211px;
}

.storeslocatorContent .suppnav .scaleButton .inputButton {
	width: 200px;
	text-align: right;
}

/* google maps (T30A4)
============================================================= */

#map_canvas {
	margin-bottom:10px;
	float:left;
	width: 700px; /* Fix in ie6.css */
	height:360px;
}
#directionsPanel{
	width:400px;
	height:310px;
	overflow:auto;
}
.map-options{
	margin-left:163px;
	margin-bottom:10px;
	-moz-border-radius: 2px;
	-wekkit-border-radius: 2px;
	border-radius: 2px;
	border-left:1px solid #BABABA;
	border-right:1px solid #BABABA;
	display:inline-block;
	width:76px;
}
.map-options div{
	float:left;
	border-top:1px solid #BABABA;
	border-bottom:1px solid #BABABA;
	width:37px;
	height:23px;
	display:block;
	text-indent:-9999px;
}
.map-options div:hover,
.map-options div.active {
	background-position:bottom left;
}
.btn-car
{
    white-space: nowrap;
	background:url(../gfx/btn-car.gif) no-repeat;
	border-right:1px solid #BABABA;
}
.btn-walk
{
    white-space: nowrap;
	background:url(../gfx/btn-walk.gif) no-repeat;
}
.map {
	width:700px;
	height:360px;
	background:url(../gfx/ajax-ben-laden.gif) center center no-repeat #009DE9;
	position:relative;
}
.map #popeye {
	background:url(../gfx/shop-popup.png) no-repeat;
	position:absolute;
	top:15px;
	right:40px;
	width:313px;
	overflow: hidden;
	height:238px;
	z-index:999;
	display:none;
}
.map #popeye .header {
	height:36px;
	line-height:36px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #fff;
	position: relative;
}
.map #popeye .header .btn-close{
	width:16px;
	height:15px;
	display:block;
	position:absolute;
	right:10px;
	top:12px;
	text-indent:-9999px;
	background:url(../gfx/btn-popup-close.gif) #fff no-repeat top left;
}
.map #popeye .header .btn-close:hover{
	background:url(../gfx/btn-popup-close2.gif) #fff no-repeat top left;
}
.map #popeye .header h4 {	
	position: relative;
	overflow: hidden;
	clear: both;
	color: #fff;
	font-size:14px;
	margin:0px 0px 0px 10px;
	padding:0;	
}

.map #popeye .body{
	min-height:238px;
}
.map #popeye .adress{
	margin:0px 0px 0px 10px;
}
.map #popeye .adress th{
	padding-bottom:10px;
	padding-right:5px;
	font-size:13px;
	color:#010101;
	text-align:left;
}
.map #popeye .adress td{
	font-weight:bold;
	padding-bottom:10px;
	font-size:13px;
	color:#fff;
}
.map #popeye .adress td input{
	width:56px;
	color:#3c3c3e;
	font-size:11px;
}
.map #popeye .scaleButton{
	margin-right:20px;
}
.adp-text{
	line-height:38px;
}
.routeOptionsResult {
    display:none;
}

.searchGooglemap {
	color:#FFF;
}

.searchGooglemap .searchObject 
{
	color:#000;
	font-weight:bold;
}

/* videoPlayer (container, T52)
============================================================= */

.videoPlayer {
	margin-bottom: 20px;
}

/* comparer toestelVergelijker (T32)
============================================================= */
.comparer .compareText {
	margin:0;
	overflow:hidden;	
}

.comparer .compareText a,
.comparer .compareText a:hover,
.comparer .compareText a:visited,
.comparer .compareText a:focus,
.comparer .compareText span {
	background-color:#00b0ea;
	padding:3px;
	font-weight:bold;
	color:#FFF !important;
	text-decoration:none;
}
.comparer .compareText span {
	margin-bottom:5px;
	display:inline-block;
}
.comparer .compareText a:hover {
	text-decoration:underline;
}
.borderRad5 {
	-moz-border-radius: 5px; /* Firefox */
  	-webkit-border-radius: 5px; /* Safari and Chrome */
  	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  	behavior: url(/themes/base/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */	
}

.comparer .compareLinks {
	margin:0;	
}
.comparer .compareLinks li {
	list-style:none;
}

.comparer .nav {
	border-color:#999999;
	border-right:0 dotted #999999;
	border-style:dotted;
	border-width:2px 0;
	height:20px;
	padding: 5px 15px 3px 15px;	
}
.comparer .nav a {
	font-weight:bold;	
	display:block;
	text-decoration:none;
	background: url("../../base/gfx/arrow4.gif") no-repeat scroll right 4px transparent;
	float:right;
	font-size:14px;
	padding-right:15px;
}



/* footer
============================================================= */

#footer {
	height: 65px;
	overflow: visible;
	position: relative;
	padding-top: 42px;
	background: url(../gfx/bottom-rounded.png) no-repeat bottom left;
}

.innerImage #footer {
	background: url(../gfx/bottom-rounded-diap.png) no-repeat bottom left !important;
}
.headerImage div#footer {
	background-image: url(../gfx/bottom-rounded.png) !important;
}

#footer a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #009de9;
}

#footer ul.listLeft,
#footer ul.listRight {
	position: absolute;
	top: 10px;
}

#footer ul.listLeft {
	left: 63px;
}

#footer ul.listLeft a {
	font-size: 12px;
}

#footer ul.listLeft li {
	margin-right: 10px;
}

#footer ul.listRight {
	right: 78px;
}

#footer ul.listRight a {
	font-size: 10px;
}

#footer ul.listRight li {
	margin-left: 10px;
}

#footer .socialMediaIcons {
	position: absolute;
	right: 75px;
	bottom: 20px;
	z-index: 100;	
}

.checked_list {
	margin-left:0;
}
.checked_list li {
	list-style:none;
	background:url('/themes/public/gfx/check.png') 0px 1px no-repeat;
	padding-left:25px;
	font-size: 11px;
}
.flashContainer{
	padding-left:5px;
}

.order_PaymentType ul {
	padding-left:10px;
	margin-top:5px;
}
.delivery_form {
	padding-left:25px;
	display:none;
}
.order_server_error_message {
	background:url(/themes/public/gfx/exclamation.png) 5px 5px no-repeat #FFEDEA;
	border:#FF6B51 1px solid;
	padding:5px 5px 5px 28px !important;
	color:#C33D2D;
	margin-bottom:5px;
}
.ordergroep_Legitimatie div#serviceMessage_IdentificationNumber {
	width:	200px;
	height: 32px;
}
.ordergroep_Legitimatie div#serviceMessage_IdentificationNumber span.message {
	position:relative;
	width:	200px;
	height: 32px;
}

/* bundleCarousel (T01C)
================================================ */

.bundleCarousel {
	display: block;
	height: 491px;
	position: relative;	
	z-index: 1;
}

.bundleCarousel .bundleVisual {
	position: relative;
	display: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 100%;
	height: 472px;
	overflow: hidden;	
	background-image: url(../gfx/homepage_slides/sales_ben_nl.jpg);
}

.bundleCarousel .bundleActive {
	display: block;	
}

.bundleCarousel .bundleVisual .img {
	position: absolute;
	top: 0;
	left: 0;
	height: 350px;
	overflow: hidden;
}

.bundleCarousel .bodyContent {
	position: absolute;
	z-index:0;
	top: 67.5px;
	left: 67.5px;
	width: 372px;
	height: 197px;
	overflow: hidden;
	padding: 18px 0 0 18px;
	background: url(../gfx/hp_slide_bg.png) no-repeat 0 0;
}
.bundleCarousel .bodyContent.png_bg {
	-webkit-text-size-adjust: none;
}

.bundleCarousel .bodyContent h2 {
	margin-bottom:0px;
	color: #009DE9;
	font-size: 40px;
}

.bundleCarousel .bodyContent h3 {
	margin-bottom: 10px;
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
	
.bundleCarousel .bodyContent p {
	margin-bottom: 10px;
}

.bundleCarousel .bodyContent .price {
	width: 240px;
	text-align: right;
	font-size: 32px;
	color: #000;
	font-weight: bold;	
}

.bundleCarousel .bodyContent .price strike {
	font-size: 16px;
}

.bundleCarousel .sphere {
	position: absolute;
	z-index: 5;
	top: 72px;
	left: 351px;
}

.bundleCarousel .callToAction {
	display: block;
	width: 800px;
	position: absolute;
	top: 281px;
	right: 42px;
	font-weight: normal;
	text-align: center;
}

.bundleCarousel .callToAction p {
	text-align: right;	
	margin: 0;
	padding: 0;
	color: #fff;
}

.bundleCarousel .callToAction .scaleButton,
.bundleCarousel input {
	background-image: url(../gfx/carousel_button.png);
}

.bundleCarousel .callToAction h5 {
	margin-bottom: 10px;	
	font-size: 22px;
	font-weight: normal;
}

.bundleCarousel .callToAction .price {
	font-size: 28px;
	font-weight: bold;
}

.bundleCarousel .carousel {
	display: block;
	width: 100%;
	height: 116px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.bundleCarousel .carousel .item {
	display: block;
	width: 201px;
	height: 96px;
	float: left;
	margin-right: 4px;
	padding: 10px;
	cursor: pointer;
	position: relative;
	background: url(../gfx/hp_carousel_bg.gif) no-repeat 0 0;
}

.bundleCarousel .carousel .itemFirst {
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	border-radius:0 0 0 10px;
}

.bundleCarousel .carousel .itemActive h5,
.bundleCarousel .carousel .item:hover h5,
.bundleCarousel .carousel .item:active h5,
.bundleCarousel .carousel .itemActive p,
.bundleCarousel .carousel .item:hover p,
.bundleCarousel .carousel .item:active p {
	color: #fff;
}

.bundleCarousel .carousel .itemLast {
	margin-right: 0;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
}

.bundleCarousel .carousel .item {
	background-position: 0 0;
	background-repeat: no-repeat;	
}

.bundleCarousel .carousel .itemActive,
.bundleCarousel .carousel .item:hover,
.bundleCarousel .carousel .item:active {
	background-position: 0 -122px;
	color: #fff;
}

.bundleCarousel .carousel #bundleItem0 {
	background-image: url(../gfx/ben_zuinig.gif);
}

.bundleCarousel .carousel #bundleItem1 {
	background-image: url(../gfx/ben_soms.gif);
}


.bundleCarousel .carousel #bundleItem2 {
	background-image: url(../gfx/ben_regelmatig.gif);
}

.bundleCarousel .carousel #bundleItem3 {
	background-image: url(../gfx/ben_vaak.gif);
}

.bundleCarousel .carousel .item .body {
	display: none;
}

.bundleCarousel .carousel .item .subLine {
	display: block;
	width: 200px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	text-align: right;
}

.bundleCarousel .carousel .item .subLine .price {
	display: inline-block;
	margin-left: 5px;
	font-size: 18px;
}

/* countDown 
================================================ */

.countDown {
	position: absolute;
	top: 250px;
	left: 58px;
	z-index: 400;
}

.countDown h6 {
	text-indent: -999px;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 174px;
	height: 21px;
	background: url(../gfx/counter/heading.png) no-repeat left top;
}

.countDown .block,
.countDown .dots {
	display: block;
	float: left;
}

.countDown .block {
	width: 39px;
	height: 40px;
	padding-left: 3px;
	overflow: hidden;
	float: left;	
	text-align: center;
	background: url(../gfx/counter/block.png) no-repeat left top;
}

.countDown .blockPos {
	display: block;
	float: left;
	width: 17px;
	height: 34px;
	overflow: hidden;
	margin-top: 2px;
	text-indent: -999px;
	background: url(../gfx/counter/counter_sprite.gif) no-repeat 0 0;
}

.countDown .blockPos-0 { background-position: 0 0 }
.countDown .blockPos-1 { background-position: -100px 0 }
.countDown .blockPos-2 { background-position: -200px 0 }
.countDown .blockPos-3 { background-position: -300px 0 }
.countDown .blockPos-4 { background-position: -400px 0 }
.countDown .blockPos-5 { background-position: -500px 0 }
.countDown .blockPos-6 { background-position: -600px 0 }
.countDown .blockPos-7 { background-position: -700px 0 }
.countDown .blockPos-8 { background-position: -800px 0 }
.countDown .blockPos-9 { background-position: -900px 0 }

.countDown .dots {
	position: relative;
	top: 9px;
	left: -2px;	
}

.countDown .subline {
	position: absolute;
	top: 75px;
	left: 2px;
	z-index: 500;	
}

.ikben_login {
	padding-left:100px !important;
}

.ikben_loginname {
	padding-left:100px !important;
}

.OutOfStockReminder {
	display:block;
}

.OutOfStockReminder a {
	background: url("../../base/gfx/arrow4.gif") no-repeat scroll right 4px; 
	font-size: 14px !important;
}


/* messageBlock (T01C, homepage)
============================================================================= */

.messageBlock {
	margin: 0 auto 20px auto;
	position: relative;
	background: #009ddf url(../gfx/corner03_right_bottom.gif) no-repeat right bottom;
}

.messageBlock .block {
	background: url(../gfx/corner03_right_top.gif) no-repeat right top;	
}

.messageBlock .block .header {
	background: url(../gfx/corner03_left_top.gif) no-repeat left top;	
}

.messageBlock .body {
	overflow: hidden;
	padding: 0 23px 50px 23px;
	background: url(../gfx/corner03_left_bottom.gif) no-repeat left bottom;
}

.messageBlock h2,
.messageBlock p {
	margin: 0 0 10px 0;
	color: #fff;
}

.messageBlock h2 {
	font-size: 18px;
}

.messageBlock p {
	font-size: 14px;
	line-height: 22px;	
}

.messageBlock .pageButtons {
	overflow: hidden;
    position: absolute;
    right: 60px;
	top: auto;
    bottom: 20px;
	margin-top: 0;
	padding-bottom: 0;
	height: auto;
}

/* messageBlock > scaleButton
============================================================= */

.messageBlock .pageButtons .scaleButtonType2 {
	background:transparent url(../gfx/btntype2.gif) no-repeat scroll right top;
	border:medium none;
	display:inline-block;
	font-size:13px;
	height:32px;
	margin:0;
	overflow:hidden;
	text-decoration:none !important;
	position: relative;
}

.messageBlock .pageButtons .scaleButtonType2 a {
	background:transparent url(../gfx/btntype2.gif) no-repeat scroll left top;
	color:#FFFFFF;
	display:inline-block;
	font-weight:bold;
	height:32px;
	margin:0 10px 0 0;
	padding:8px 23px 3px 9px;
	cursor: pointer;
	border: none;
	font-size: 14px;
	text-decoration: none;
}

.messageBlock .pageButtons .scaleButtonType2 a:hover {
	color: #000 !important; /* seems for Win/IE6 it needs to be important?? */
}

.messageBlock .pageButtons .scaleButtonType2 .arrow {
	position: absolute;
	right: 16px;
	top: 14px;
	display: block;
	width: 8px;
	height: 7px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image:url(../../base/gfx/arrow4.gif);
	background-position:0 0;
}

/* gridAbonnementen extends gridContainer_4
============================================================= */

.gridAbonnementen .grid_1 {
    width: 171px;
	margin-right: 5px;
}

.gridAbonnementen .grid_1 .block {
	display: block;
	position: relative;
	height: 209px;
	padding: 18px 13px 0;
	background: url(../gfx/abonnementen-bg.gif) no-repeat 0 0;
}	

.gridAbonnementen .grid_1 .block:hover {
	cursor: pointer;
}

.gridAbonnementen .grid_1 .block:hover,
.gridAbonnementen .grid_1 .blockActive {
	background-image: url(../gfx/abonnementen-bg-hover.gif);
}

.gridAbonnementen .grid_1 .block .sphere {
	display: block;
	width: 81px;
	height: 81px;
	overflow: hidden;
	position: absolute;
	top: 142px;
	right: 0px;
	background: url(../gfx/abonnementen_sphere_sprite.png) no-repeat 0 0;
}

.gridAbonnementen .grid_1 .block:hover .sphere {
	cursor: pointer;
}

.gridAbonnementen .grid_1 .block:hover .sphere,
.gridAbonnementen .grid_1 .blockActive .sphere {
	background-position: 0 -81px;
}

.gridAbonnementen .grid_1 .block:hover .sphere p,
.gridAbonnementen .grid_1 .blockActive .sphere p {
	color: #fff;
}

.gridAbonnementen .grid_1 .block .sphere p {
	text-align: center;
	padding: 0px 10px 0;
}

.gridAbonnementen .grid_1 .block .sphere p strong {
	font-size: 10px;
	line-height: 12px;
	height: 81px;
	width: 81px;
	display: table-cell;
	vertical-align:middle;
	text-align: center;
}

.gridAbonnementen .grid_1 .block h4,
.gridAbonnementen .grid_1 .block p {
	margin: 0;
	color: #000;
}

.gridAbonnementen .grid_1 .block h4 {
	font-size: 18px;
	margin: 0;
}

#contentWrapper .gridAbonnementen .grid_1 .block h4 a {
	color: #000;
	text-decoration: none;
}

.gridAbonnementen .grid_1 .block h4 span {
	color: #fff;	
}

.gridAbonnementen .grid_1 .block .subtitle {
	font-size: 12px;
	margin: 0px 0 5px;	
}

.gridAbonnementen .grid_1 .block .price {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
}

.gridAbonnementen .grid_1 .block .price strike {
	color: #000;
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}

.gridAbonnementen .grid_1 .block .readMore {
	position: absolute;
	bottom: 0;
	left: 12px;
	display: block;
}

.gridAbonnementen .grid_1 .block .readMore a {
	font-size: 12px;
	padding-right: 13px;
	color: #009DE9;
	text-decoration: none;
	background: url("/themes/base/gfx/arrow4.gif") no-repeat right 5px;	
}

h5.bestBuy {
	margin: 0;
	padding: 0px 0 5px 364px;
	width: 115px;
}

/* productDetailBlock (T75)
================================================ */

.productDetailBlock {
	position: relative;	
	overflow: hidden;
	height: 261px;
	margin-bottom: 20px;
	padding: 20px;
	background: url(../gfx/product-detail-bg.gif) no-repeat 0 0;	
}

.productDetailBlock ul {
	font-weight: bold;
	list-style-position:inside;
}

.productDetailBlock ul li {
	margin-bottom: 5px;
	font-size: 11px;
}

.productDetailBlock p {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

.productDetailBlock .sphere {
	position: absolute;	
	top: 90px;
	left: 0;
	right: 0;
	display: block;
	width: 97px;
	height: 97px;
	overflow: hidden;
	background: url(../gfx/price_bigger_bg.png) no-repeat 0 0;
}

.productDetailBlock .sphere p {
	text-align: center;
	color: #fff;
	padding: 0 10px;
	display: table-cell;
	height: 97px;
	vertical-align: middle;
	line-height: 5px;
	font-size: 12px;
}

#mainContent .productDetailBlock .sphere p {
	line-height: 16px;
}

.productDetailBlock .payoff {
	margin: 0;
	padding: 0;
	list-style: none;
}

.productDetailBlock .payoff li {
	list-style: none;
	padding-left: 25px;
	background: url(../gfx/check.png) no-repeat 0 0px;
}

.productDetailBlock h1 {
	margin-bottom: 20px;	
}

.productDetailBlock h2 {
	margin-bottom: 25px;	
	font-size: 18px;
}

.productDetailBlock .colLeft,
.productDetailBlock .colRight {
	display: block;
	height: 255px;
	float: left;
	overflow: hidden;
	position: relative;
}

.productDetailBlock .colLeft {
	width: 310px;
	margin-right: 35px;
}

.productDetailBlock .colRight {
	width: 300px;
	margin-top: 67px;
}

.productDetailBlock .colLeft .terms {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 10px;
	margin-bottom: 0;
}
	
.productDetailBlock .price {
	position: absolute;
	right: 0px;
	top: 150px;
	text-align: right;	
}

.productDetailBlock .price p {
	text-align: right;	
	font-size: 36px;
}

/* Win/IE7 and lower bug-fix */
.productDetailBlock .price p strong {
	line-height: normal;
}

.productDetailBlock .price p strike {
	font-size: 16px;
}

.hidden 
{
	display:none;	
}