/*
	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;
}

/* 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;
}

/* default form elements
============================================================================= */

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

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

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

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

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

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

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

/* 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;
}

/* 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 h4 {
	font-size: 15px;
}

.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)
============================================================================= */

.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;
}

.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;
	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 {
	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 */
}

/* 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,
#login {
	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;
}

/* 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: 7px;
}

#mainNav ul.menu li #btnLogin {
	padding-right: 20px;
	background: url(../../base/gfx/arrow3.gif) no-repeat right 5px;
}

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

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

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

#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 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;
}

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

.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;
}

.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: 12px;
	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: 11px;
}

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

.productTabs {
	display: block;
	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: #cadeec !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 .linksNav {
	clear: both;	
}

/* 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;
}
.shopSpecs {
	position: relative;
	margin-left: 69px;
}
.shopSpecs .list {
	float: left;
}

.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;
}

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

.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;
}

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

.shopItemFooterItems .shopPriceExtra {
	float: right;
	position: relative;
	top: -14px;
	left: 4px;
}

.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: 20px;
}

.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 4px transparent
}

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

.linksNav .itemsLeft {
	float: left;
}

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

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

/* 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;
}


/* 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;
	padding-left: 285px;
	margin-bottom: 10px;
	top: 150px;
	left: 0;
	z-index: 800;
	height: 34px;
	overflow: hidden;
	width: 739px;
	font-size: 12px;
	border-bottom: 1px solid #009DE9;
}

#login iframe {
	width: 745px;
	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-size: 11px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 15px;
}

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

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

#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;
}

.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;
}

/* common module */
.module ul li, 
.module ol li {
	line-height:12px;
}

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

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

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

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

.productDetail h3,
.productDetail p,
.productDetail ul li {
	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;
	bottom: 135px;
	right: 20px;
	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: 95px;
	right: 25px;
}

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

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

.productDetail .carrousel {
	margin-top: 20px;
	padding: 10px 10px;
	overflow: hidden;
	border-top: 2px dotted #fff;
	clear: both;
}

.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;
}

/* 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;
}

/* 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;
}

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

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

/* 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: #009DE9 !important;
}

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

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

.userCart .header {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	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 .body p {
	font-size: 10px;
	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;
	overflow: hidden;
	clear: both;
}

.userCart .body hr {
	margin: 3px 0 3px 0;
	border-color: #000;
}

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

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

.userCart .cartItems p {
	margin: 0;
	padding: 0 0 0 10px !important;
	position: relative;
	overflow: hidden;
	clear: both;
	color: #fff;
	background: url(../gfx/dash01.gif) no-repeat left 7px;
}

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

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

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

.userCart .cartTotal p {
	margin: 0;
	padding-left: 10px !important;
	position: relative;
	overflow: hidden;
	clear: both;
	color: #fff;
	background: url(../gfx/dash01.gif) no-repeat left 7px;

}

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

.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;
}

/* 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 4px;
}

.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 */
}

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

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

.blockItem1 {
	background: #009DE9;
}

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

.blockItem2 {
	background: #D9D9D9;
}

/* 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;
	height: 32px;
	padding-bottom: 23px;
}

.pageButtons .itemsLeft,
.pageButtons .itemsRight {
	position: absolute;
	top: 0;
}

.pageButtons .itemsLeft {
	left: 0;
}

.pageButtons .itemsRight {
	right: 0;
}

/* button
============================================================= */

.scaleButton {
	background:transparent url(../gfx/btntype1.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;	
}

.scaleButton input {
	background:transparent url(../gfx/btntype1.gif) no-repeat scroll left top;
	color:#FFFFFF;
	display:inline-block;
	font-weight:bold;
	margin:0 10px 0 0;
	cursor: pointer;
	border: none;
	font-size: 14px;
	padding:0px 10px 0px 20px;

	/* Safari / Chrome render bug-fix */
	height:32px;
	[height:32px;;
	height:35px;;]

	/* Safari / Chrome render bug-fix */
	padding-bottom: 3px;;
	[padding-bottom: 3px;;
	padding-bottom: 0px;]
	
	/* http://www.giantisland.com/Resources/LitePacificHackforSafariAndIE7.aspx */
}

.scaleButton input:hover,
.inputButtonHover {
	color: #000 !important; /* seems for Win/IE6 it needs to be important?? */
}

.scaleButton .arrow {
	position: absolute;
	top: 14px;
	display: block;
	width: 8px;
	height: 7px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}

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

.scaleButtonType1 input {
	padding-left: 32px;
	padding-right: 2px;
}

.scaleButtonType2 input {
	padding-left: 12px;
	padding-right: 23px;
}

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

.scaleButtonType2 .arrow {
	right: 17px;
	background-image: url(../../base/gfx/arrow4.gif);
}

/* popupForm (T02)
============================================================= */

.popupConfirmation .body {
	padding-bottom: 40px !important;
}

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

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

/* scaleButtonType3 in popup div (T02)
============================================================= */

.popupForm .scaleButtonType3 {
	position:absolute;
	top: -7px;
	right: 25px;
}

.scaleButtonType3 {
	position: relative;
	padding-left: 0px;
	background: transparent url(../gfx/btntype2.gif) no-repeat scroll right top !important;
}

.scaleButtonType3 input {
	color: #009DE9 !important;
	padding-left: 5px;
	padding-right: 8px;
	line-height: 12px;
	background: transparent url(../gfx/btntype2.gif) no-repeat scroll left top !important;
}

/* Safari 4 hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.scaleButtonType3 input {
		height:33px;
	}
}

.scaleButtonType3 input:hover {
	color: #000 !important
}

.scaleButtonType3 .arrow {
	right: 7px;
	background: transparent url(../../base/gfx/arrow4.gif) no-repeat scroll left top !important;
}

/* Safari 4 hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.scaleButtonType3 .arrow {
		top: 13px;
	}
}

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

.userAddress {
	font-weight: bold;
	line-height: 1.5em;
}

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

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

#mainContent p {
	line-height: normal;
}

#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;
}

.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;
}

.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 {
	display: inline-block;
	margin-right: 9px;
}

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

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

.gridContainer_3 .formType1 {
	width: auto;
}

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

.formType1 .column1 {
	width: 220px;
}

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

.formType1 .gutter {
	width: 14px;
}

.formType1 .column3 {
	width: auto;
}

.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:right;
	width:341px;
	clear: left;
}

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

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

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

.subBlock {
	margin: 10px 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;
}

.faqBlocks .blockItem p {
	font-weight: bold;
	color: #424242;
}

.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:right;
	width:341px;
	position: absolute;
	right: -4px;
	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: 5px 0 6px 0;
}

.formType3 th,
.formType3 td {
	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;
}

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

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

.formType4 .column3 .inputWidth,
.formType4 .column3 .validationMessage {
	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 .column1 {
	width: auto;
}

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

.formType7 .shopItem {
	margin-left: 26px;
}

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

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

.formType7 .linksNav {
	position: absolute;
	right: 0;
	bottom: 0;
}

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

.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:5px;
	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;
}

/* dimmedOverlay T10H-L
============================================================= */

#dimmedOverlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 900;
	background-color: #fff;
	opacity: 0.8; /* W3C compliant webbrowsers */
	filter:alpha(opacity=80); /* Win/IE */
}

/* div overlay T10H-L
============================================================= */

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

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

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

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

#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;
	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;
	color: #009ee8;
	line-height: 32px;
	display: block;
	cursor: pointer;
	width: 72px;
	height: 34px;
	overflow: hidden;
	background: url(../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;
}

/* .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;
}

/* 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;
}

/* popupConfirmation extends #popup (T02)
============================================================= */

.popupConfirmation {
	top: 200px !important;
	left: 50% !important;
	margin-left: -218px !important;
}

.popupConfirmation .header {
	background: url(../gfx/popup2-bg-top.png) no-repeat left top !important;
}

.popupConfirmation .body {
	background: url(../gfx/popup2-bg-bottom.png) no-repeat left bottom !important;
}

/* 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;
}

/* popupForm (T14B)
============================================================= */

.popupClient .popupForm {
	color: #000;
}

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

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

.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;
}

/* 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;
}

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

#footer {
	height: 41px;
	overflow: hidden;
	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;
}

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

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

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

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

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

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

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

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

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