.content #page_header {
	position: relative;
	background: url(/img/gen/page_header.png) no-repeat;
	height: 35px;
}

.content #page_header_blank {
	position: relative;
	background: url(/img/gen/page_header_blank.png) no-repeat;
	height: 15px;
}

.content #page_header_store {
	position: relative;
	background: url(/img/gen/page_header_store.png) no-repeat;
	height: 90px;
}

.content #page_header_blank_full {
	position: relative;
	background: url(/img/gen/page_header_blank_full.png) no-repeat;
	height: 15px;
}

.content #sidebar_header {
	position: relative;
	background: url(/img/gen/sidebar_header.png) no-repeat;
	height: 35px;
}

.content #sidebar_header h1 {
	font-size: 18px;
}

.content #page {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.content div.topic {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	width: 660px;
	background: url(/img/gen/page_separator.png) no-repeat;
	background-position: bottom;
}

.content div.topic p {
	margin-top: 0px;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
}

.content div.topic p em {
	font-style: normal;
	font-size: 14px;
	color: #333;
}

/* MAIN PAGE ====================================================================================== */

.content #page_header h1,
.content #sidebar_header h1 {
	margin: 0;
	padding-left: 25px;
	padding-top: 7px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

.content #page_header_blank h1 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 15px;
	color: #58137b;
	padding: 10px 25px 0 25px;
}

.content #page_header h1 {
	font-size: 18px;
	margin: 0;
	padding-left: 25px;
	padding-top: 7px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

.content #pageLeft .page {
	margin-top: 20px;
}

/* general content div */

.subcontent p {
	margin: 0 10px 20px 30px;
	padding-right: 20px;
}

.subcontent img.right {
	float: right;
	margin-right: 30px;
	padding: 20px 0;
}

.subcontent img.left {
	float: left;
	margin-left: 30px;
	padding: 20px 0;
}

.subcontent img {
	padding: 10px 0;
	margin-left: 30px;
}

.subcontent h1 {
	font-size: 18px;
	margin: 20px 0 15px 30px;
	padding-right: 20px;
	color: #58137b;
}

.subcontent h2 {
	font-size: 14px;
	margin: 20px 0 5px 30px;
	padding-right: 20px;
	color: #58137b;
}

.subcontent h2:first-child {
	margin: 20px 0 5px 30px;
	padding-right: 20px;
}

.subcontent h3 {
	font-size: 12px;
	margin: 0 30px;
	padding-right: 20px;
}


.subcontent ul,
.subcontentUBB ul {
	margin-bottom: 20px;
}

.subcontent ul li {
	list-style-type: square;
	padding: 4px;
	margin-left: 45px;
	padding-right: 20px;
}

.subcontentUBB ul li {
	list-style-type: square;
	padding: 4px;
	margin-left: 15px;
	padding-right: 20px;
}

.subcontent ol li,
.subcontentUBB ol li {
	padding: 4px;
	margin-left: 48px;
	padding-right: 20px;
}

.subcontent ul ul > li,
.subcontentUBB ul ul > li {
	list-style-type: square;
	padding: 4px;
	margin-left: 90px;
	padding-right: 20px;
}

.subcontent table {
	margin-left: 30px;
}

.subcontentUBB {
	margin: 0 10px 40px 50px;
	padding-right: 20px;
}

.subcontentUBB h2 {
	font-size: 14px;
	margin: 20px 0 5px 0;
	padding-right: 20px;
	color: #58137b;
}

.subcontentUBB img.actie-header {
	padding: 10px 0;
	margin-left: -20px;
}

/* /general content div */

.greyBar100 {
	width: 948px;
	background-color: #f1f1f1;
	padding: 10px;
	margin-left: 11px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.greyBar100 span a {
	color: #333;
	margin-left: 50px;
}

.greyBar100 span  a:hover {
	color: #58137b;
}

.greyBar100 h1 {
	color: #58137b;
	font-size: 18px;
	margin-left: 10px;
}

.greyBar100 h1 a {
	color: #58137b;
}

.greyBar100note {
	float:right; 
	margin-top: -20px; 
	font-size: 11px;
	color: #333;
}

.greyBar66 {
	width: 638px;
	background-color: #f1f1f1;
	padding: 10px;
	margin: 10px 0;
}

.greyBar66 h1 {
	color: #58137b;
	font-size: 18px;
	margin-left: 0;
}

.greyBar66 .h1note {
	color: #868686;
	font-size: 11px;
}

/* NIEUWS ====================================================================================== */

div.nieuwsContent {
	margin: 0px 11px 20px 11px;
}

div.nieuwsContent p {
	padding: 10px 20px;
	color: #444;
}

div.nieuwsContent img.init {
	float: right; width: 150px; margin: 20px;
}

div.nieuwsContent .greyBar66 {
	border-top: 1px solid #5a5c61; 
	border-bottom: 1px solid #5a5c61;
	padding-left: 20px;
	width: 628px;
}

div.nieuwsContent .h1note {
	color: #5a5c61;
	padding-top: 5px;
}

div.nieuwsContent h2 {
	color: #58137b;
	font-size: 18px;
}


/* JCAROUSEL ====================================================================================== */

.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 658px;
	height: 260px;
}

.jcarousel-control {
	margin-bottom: 10px;
	text-align: center;
}

.jcarousel-control a {
	text-decoration: none;
	padding: 0 0 18px 0;
	margin: 0 12px 10px 12px;
	#margin: 0 8px 10px 8px;
	font-weight: bold;
}

.jcarousel-selected {
	background: url(/img/gen/page_header_selected.gif) bottom center no-repeat;
	color: #fff;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
	outline: none;
}

.jcarousel-control a:hover {
	color: #fff;
}

.jcarousel-scroll {
	margin-top: 10px;
	text-align: center;
}

.jcarousel-scroll select {
	font-size: 75%;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 658px;
	padding: 0 0 0 11px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  658px;
	height: 260px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 658px;
	height: 260px;
}



/* SIDEBAR ====================================================================================== */

.content #sidebar_shadow h2 {
	font-size: 12px;
	line-height: 24px;
	color: #333;
	font-weight: bold;
}

.content #signup h2 {
	font-size: 12px;
	line-height: 24px;
	color: #58137b;
	font-weight: bold;
}

.content #sidebar p {
	margin-left: 12px;
}

.content #sidebar a {
	display: block;
	width: 190px;
	height: 180px;
	text-indent: -9999px;
}

.content .lees_verder {
	display: block;
	color: #58137b;
}

/* NEWS */

#news {
	height: 366px;
	#height: 376px;
	overflow: auto;
}

#news p {
	color: #6f6f6f;
	font-size: 11px;
}

#news img {
	width: 50px;
	float: right;
	padding: 5px 5px 0 5px;
}

#news div.sep {
	margin: 5px 0 13px 0;
	border-bottom: 1px solid #ccc;
}


/* STORE ====================================================================================== */

#shoppingCartSpinner {
	position: absolute; 
	right: 190px; 
	top: 1px;
	display: none;
}

#prdCollapse {
	display: none;
	position: absolute;
	right: 30px;
	width: 200px;
	border: 2px solid #58137b;
	padding: 4px;
	background-color: #f1f1f1;
}

div#cartSummary {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px; 
	width: 200px;
	margin-top: 2px;
}

div#cartSummary a { 
	margin-right: 20px; 
	color: #e5e5e5;
}

div#cartSummary a:hover {
	color: #0eb025;
}

td.prdListItems	{
	text-align: center;
	width: 169px;
	height: 100px;
	border: 1px solid #f1f1f1;
}

table.subPrd,
table.subPrdIndex,
table.compareCat {
	margin: 10px;
	width: 968px;
	border-collapse: collapse;
}

table.subPrd td,
table.subPrdIndex td {
	text-align: center;
	font-size: 11px;
	padding-bottom: 10px;
	line-height: 17px;	
}

table.compareCat td {
	text-align: center;
	font-size: 11px;
	padding-bottom: 10px;
	line-height: 13px;
}

table.compareCat td img {
	height: 50px
}

table.subPrdIndex td img {
	height: 80px;
}

table.subPrd td div.prdTitle,
table.subPrdIndex td div.prdTitle,
table.compareCat td div.prdTitle {
	font-weight: bold;
	color: #333;
}

table.subPrdIndex th {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	text-align: center;
}


table.subPrdIndex .acc {
	border-top: 1px solid #e5e5e5;
	padding: 10px 5px 0 5px;
}

table.subPrdIndex .acc a {
	padding: 0 10px 0 10px;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	/* background: url(/img/gen/pointRight.gif) right center no-repeat; */
}

table.subPrdIndex .acc a:hover {
	color: #58137b;
}

table.subPrd td a,
table.subPrdIndex td a,
table.compareCat td a {
	color: #333;
}

table.subPrd td a:hover,
table.subPrdIndex td a:hover,
table.compareCat td a:hover {
	color: #58137b;
}

table.compareCat td.selected {
	background: url(/img/gen/compareSelected.gif) center bottom no-repeat;
}

table.compareCat td.border,
table.subPrdIndex .border {
	border-left: 1px solid #e5e5e5;
}

.separatorFull {
	width: 930px;
	border-bottom: 1px solid #e5e5e5;
	margin: 10px 30px;
}

.col1 { /* Left */
	float: left;  
	width: 190px;
	margin-left: 30px;
	* html margin-left: 15px;
}

.col2 {  /* Center */
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	margin-left: 210px; 
	margin-right: 210px;
	padding: 0 20px;
}

.col3 {  /* Right */
	float: right; 
	width: 190px;
}

.col4 { /* Left */
	margin-right: 270px; 
	border-right: 1px solid #e5e5e5;
	padding-top: 20px;
}

.col4 h2 {
	color: #58137b;
	font-size: 14px;
}

.col4content {
	margin-left: 30px;
}

.col4divide {
	background-color: #f1f1f1;
	width: 668px;
	padding: 5px 20px;
	margin: 10px 0 0 11px;
	clear: left;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

div.col4 div p {
	padding-right: 20px;
}

.c4s1L {
	float: left;
	width: 329px;
}

.c4s1R {
	margin-left: 349px;
	width: 329px;
	margin-top: 20px;
}

.c4s1C {
	width: 708px;
	margin: 0 0 0 11px;
	#margin-left: 8px;
}

.c4s1C p {
	padding: 2px 20px 10px 20px;
}

.c4s1C h4 {
	padding: 0 20px;
}

.col4divide span.infoLinks {
	float:right; 
	margin: -20px 20px 0 0; 
	font-size: 12px;
	color: #333;
}

.col4divide span.infoLinks a {
	color: #333;
	margin-left: 50px;
}

.col4divide span.infoLinks a:hover {
	color: #58137b;
}

.col4divide span.infoLinks .selected {
	color: #b7b7b7;
	margin-left: 50px;
}

.col5 { /* Right */
	width: 270px;
	float: right;
	margin: 20px 0 0 0;
}

.col5 h2 {
	margin: 0 20px 10px 20px;
	font-size: 14px;
	font-weight: bold;
}

.col5content {
	margin-left: 20px;
}

.col5divide {
	background-color: #f1f1f1;
	width: 219px;
	#width: 259px;
	padding: 5px 20px;
	margin: 10px 0;
}

.col5linediv {
	border-top: 1px solid #e5e5e5;
	width: 219px;
	padding: 5px 20px;
	margin: 10px 0;
}

.col6 { /* Right */
	margin: 0 11px 0 240px; 
	border-left: 1px solid #e5e5e5;
	color: #333;
}

div.col6 div.col6content {
	padding: 20px 20px 0 20px;
}

div.col6 h1 {
	color: #58137b;
	margin-bottom: 10px;
	font-size: 20px;
}

div.col6 h2 {
	color: #58137b;
	margin-bottom: 10px;
}

div.col6 h3 {
	color: #58137b;
	margin-bottom: 10px;
}

.col6divide {
	background-color: #f1f1f1;
	width: 698px;
	padding: 5px 20px;
	margin: 0 0;
	height: 20px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

* html .col6divide {
	padding: 5px 0;
	width: 730px;
}

.col6linediv {
	width: 738px;
	#width: 735px;
	border-top: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

div.col7 { /* Left */
	width: 220px;
	float: left;
	color: #333;
}

div.col7 h3 {
	margin: 20px 0 10px 30px;
	color: #333;
	font-size: 14px;
}

.col7divide {
	background-color: #f1f1f1;
	width: 189px;
	padding: 5px 20px;
	margin: 10px 10px 10px 11px;
	font-weight: bold;
	color: #333;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.col7linediv {
	border-top: 1px solid #f1f1f1;
	width: 230px;
	margin: 10px 10px 10px 11px;
}

div.col7 .col7content {
	padding: 5px 0 5px 30px;
}

a.col7link {
	padding: 3px 0;
	color: #333;
	display: block;
}

a:hover.col7link  {
	color: #58137b;
	width: 230px;
	height: 20px;
}

div.col7 a:hover {
	color: #58137b;
	background: url(/img/gen/col7select.gif) bottom right no-repeat;
	width: 230px;
	#width: 210px;
	height: 20px;
}

div.col7 a.selected {
	font-weight: bold;
	color: #58137b;
	background: url(/img/gen/col7select.gif) top right no-repeat;
	width: 230px;
	#width: 210px;
	height: 20px;
}

div.col7 table td {
	padding: 2px 2px 2px 30px;
}


.colFull { /* Full width */
	margin: 0 11px;
	color: #333;
}

div.colFull div.colFullContent {
	padding: 20px 20px 0 20px;
}

div.colFull h1 {
	color: #58137b;
	margin-bottom: 10px;
	font-size: 20px;
}

div.colFull h2 {
	color: #58137b;
	margin-bottom: 10px;
}

div.colFull h3 {
	color: #58137b;
	margin-bottom: 10px;
}


.priceLarge {
	background: url(/img/gen/priceLarge.png) center no-repeat;
	height: 60px;
	width: 180px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: block;
	text-align: center;
	padding-top: 38px;
	margin-top: -18px;
	#padding-top: 20px;
}

.compare {
	margin-left: 30px;
}

.comparePrd {
	display: none;
}

.greyBar100 .prdInfoLinks {
	float:right; 
	margin: -20px 250px 0 0; 
	font-size: 12px;
	color: #333;
}

.greyBar100 .prdInfoLinks a.checked {
	font-weight: bold;
	color: #58137b;
	border-bottom: 1px dashed #58137b;
}

.indexHeader {
	font-size: 17px;
	color: #333;
	margin-bottom: 40px;
}

.specifications {
	font-size: 11px;
}

.specifications table {
	font-size: 11px;
}

.specifications img {
	margin-top: 10px;
}

.specifications h4 {
	margin-top: 20px;
	font-size: 12px; 
}

.specifications h4:first-child {
	margin-top: 0;
}

.specifications h3 {
	margin-top: 20px;
	color: #58137b;
	font-size: 14px; 
}

.specifications h3:first-child {
	margin-top: 0;
}

.specifications table td {
	vertical-align: top;
}

.specifications ul,
.vacatures ul {
	margin-left: 13px;
}

.specifications li, 
.vacatures li{
	list-style-type: square;
	padding: 5px 0;
}

table.specifications-compare,
table.compare {
	margin: 20px 20px 20px 30px;
	vertical-align: top;
	border-collapse: collapse;
}

table.compare th {
	text-align: center;
}

table.compare td {
	font-size: 10px;
	padding: 10px;
	vertical-align: top;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #f1f1f1;
}

table.specifications-compare th {
	background-color: #f1f1f1;
	padding: 10px;
	font-weight: bold;
	color: #58137b;
	font-size: 14px;
}

table.specifications-compare td {
	font-size: 10px;
	padding: 10px;
	vertical-align: top;
}

table.specifications-compare td:first-child,
table.compare td:first-child {
	font-weight: bold;
}

table.compare td:last-child {
	border-right: none;
}

table#osx-desc td {
	width: 33%;
	padding: 0 10px 20px 0;
	vertical-align: top;
}

table.battery {
	border: 1px solid #f1f1f1; 
	padding: 5px;
	margin: 0 20px 0 10px;
}

table.battery td {
	font-weight: bold;
	color: #545454;
}

/* CHECKOUT */

.updateQtySpinner {
	background: url(/img/gen/spinner-s.gif) left center no-repeat;
	height: 11px;
	width: 11px;
	margin-top: 10px;
}

.showProcessSpinner {
	background: url(/img/gen/spinner-m.gif) left top no-repeat;
	margin: -45px 0 40px 250px;
	height: 16px;
	width: 16px;
}

.checkOutPrd {
	margin: 10px 30px;
	border-collapse: collapse;
}

.checkOutPrd td {
	padding: 3px 5px 3px 5px;
	vertical-align: top;
}

.checkOutPrd th {
	font-weight: bold;
	background-color: #58137b;
	color: #fff;
	padding: 5px 30px;
	border-right: 1px solid #fff;
}

div.checkOutPayment {
	margin: 10px 30px;
}

div.checkOutPayment input {
	margin: 5px 0;
}

.checkOutInfo {
	margin-top: 20px;
}

input.checkOutQty {
	border: 1px solid #afafaf;
	font-size: 12px;
	color: #333;
	width: 30px;
	text-align: right;
	padding: 2px;
}

.checkOutAddCosts {
	padding-left: 10px;
}

.checkOutTotal {
	font-weight: bold;
	border-top: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	font-size: 14px;
	padding: 5px 0 5px 10px;
}

#infoLogin {
	margin: 20px 0 0 30px;
}

/* GENERAL STORE */

table.generalStore {
	padding: 10px; 
	margin-bottom: 40px;
}

table.generalStore td {
	border: 1px solid #e5e5e5; 
	padding: 10px; 
	text-align: center; 
	width: 33%;
	vertical-align: bottom;
}

table.generalStore td img {
	width: 100px;
}

table.generalStore div.storePrdTitle {
	font-weight: bold;
	margin: 5px 0 0 0;
	line-height: 14px;
}

table.generalStore div.prdStock {
	margin-bottom: 5px;
}

table.generalStore li {
	float: left;
	list-style: none;
}

.priceSmall {
	background: url(/img/gen/priceSmall.gif) center no-repeat;
	height: 30px;
	width: 85px;
	font-size: 14px;
	font-weight: bold;
	color: #58137b;
	display: block;
	text-align: center;
	padding-top: 12px;
	#padding-top: 4px;
	#margin-top: 6px;
}

div.storePrdInfo {
	float: right; 
	width: 270px; 
	background-color: #f1f1f1; 
	border: 1px solid #e5e5e5; 
	padding: 10px; 
	margin-bottom: 20px;
}

.storeAddToCartFaded {
	background: url(/img/gen/storeAddToCartFaded.gif) 0 0 no-repeat;
	height: 30px;
	width: 45px;
	display: block;
	margin: 6px 7px 0 7px;
}


.storeAddToCart,
a.storeAddToCart {
	background: url(/img/gen/storeAddToCart.gif) 0 0 no-repeat;
	height: 30px;
	width: 45px;
	display: block;
	margin: 6px 7px 0 7px;
}

a:hover.storeAddToCart {
	background-position: 0 -30px;
}

.storeAddToCartConfirm,
a.storeAddToCartConfirm {
	background-position: 0 -60px;
}

.storeAddToCartProcess,
a.storeAddToCartProcess {
	background-position: 0 -90px;
}

a.storeReadMore {
	background: url(/img/gen/storeReadMore.gif) 0 0 no-repeat;
	height: 30px;
	width: 45px;
	display: block;
	margin-top: 6px;
}

a:hover.storeReadMore {
	background-position: 0 -30px;
}

#rate-do {
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #f1f1f1;
}

#rate-prd {
	display: block;
	margin-bottom: 5px;
}

#rate-prd li,
#rate-do li {
	padding: 3px;
	float: left;
}

#rate-field {
	display: none;
}

.rate-title {
	margin: 10px 0;
	border: 1px solid #545454; 
	padding: 5px; 
	width: 300px;
	font-size: 13px;
	color: #333;
}

.rate-textarea {
	margin: 10px 0; 
	border: 1px solid #545454; 
	width: 300px; 
	height: 50px; 
	padding: 5px;
	min-height: 50px;
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
}

.rate-tips {
	float: right; 
	width: 200px; 
	font-size: 10px; 
	margin-top: -90px;
}

.star-l-full {
	background: url(/img/icons/star-l-full.gif) 0 0 no-repeat;
	height: 16px;
	width: 18px;
	cursor: pointer;
}

.star-l-half {
	background: url(/img/icons/star-l-half.gif) 0 0 no-repeat;
	height: 16px;
	width: 18px;
	cursor: pointer;
}

.star-l-empty {
	background: url(/img/icons/star-l-empty.gif) 0 0 no-repeat;
	height: 16px;
	width: 18px;
	cursor: pointer;
}

#averageRate {
	margin: 10px 0;
}

#ratefield {
	display: none;
}

#rate-feedback {
	font-size: 11px;
	font-weight: bold;
	margin-left: 130px;
}


.prdDescription ul {
	margin-left: 13px;
}

.prdDescription li{
	list-style-type: square;
	padding: 5px 0;
}

div.col6 .prdDescription h3 {
	margin-top: 10px;
}

div.col6 .prdDescription ul {
	padding-top: 0;
}

/* MAC ACCESSOIRES TABS */

div#sortField {
	min-height: 1000px;
}

table#indexGenStore {
	background-color: #f1f1f1; 
	width: 738px;
	#width: 735px;
	padding:0; 
	text-align: center;
	padding-top: 10px;
}

table#indexGenStore td {
	padding: 5px;
	background-color: #f1f1f1;
}

table#indexGenStore td.leftSpace {
	border-bottom: 1px solid #e5e5e5;
	width: 120px;
}

table#indexGenStore td.rightSpace {
	border-bottom: 1px solid #e5e5e5;
}

table#indexGenStore td.leftTab {
	border: 1px solid #e5e5e5;
	width: 150px;
	background-color: #f4f4f4;
	cursor: pointer;
}

table#indexGenStore td.centerTab {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	width: 150px;
	background-color: #f4f4f4;
	cursor: pointer;
}

table#indexGenStore td.rightTab {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	width: 150px;
	background-color: #f4f4f4;
	cursor: pointer;
}

table#indexGenStore td.selected {
	background-color: #fff;
	border-bottom: none;
	font-weight: bold;
	color: #58137b;
}

table#indexGenStore td.mouseover {
	background-color: #f0f7ff;

}

/* STORE CONFIG */

#choosePrd p {
	font-size: 11px;
}

#choosePrd h2 {
	margin-left: 0;
}

#choosePrd h4 {
	font-size: 12px;
}

#choosePrd table td {
	border-bottom: 1px solid #e5e5e5;
	padding-top: 15px;
	width: 220px;
}

.configMachine li {
	list-style-type: none;
	font-size: 11px;
}

.configMachine .updated,
.updated#totalConfigPrice {
	font-weight: bold;
	color: #58137b;
}

#configField {
	margin-left: 30px;
	display: none; 
	margin-bottom: 50px;
}

#configField div.subConfigComp {
	border: 1px solid #e5e5e5; 
	margin-bottom: 10px; 
	margin-right: 20px;
}

#configField div.titleBar {
	background-color: #2f2f2f; 
	color: #fff; 
	margin-bottom: 10px; 
	padding: 10px;
}

#configField div.componentInfo {
	background-color: #2f2f2f; 
	color: #acacac;
	font-size: 10px;
	line-height: 14px;
}


#configField div.optionField {
	padding: 5px 10px 10px 10px;
}

#configField div.optionField span {
	color: #545454;
	font-size: 11px;
	padding: 3px;
}

div.configMachine li {
	font-size: 11px;
	list-style-type: none;
}

div.configText a.putCart,
div.configNoImg a.putCart,
div.configMachine a.putCart,
div.configMachine .replacePutCart,
div.configMachine a.configCart,
div.configMachine .processCart,
div.configMachine .saveConfig, 
div.storePrdInfo a.putCart,
a.actionButton {
	background: url(/img/gen/buttonSelect.gif) top left no-repeat;
	height: 23px;
	width: 110px;
	text-align: center;
	color: #fff;
	display: block;
	margin: 10px 0;
	padding-top: 0;
	text-decoration: none;
	vertical-align: center;
}

div.configText a:hover.putCart,
div.configNoImg a:hover.putCart,
div.configMachine a:hover.putCart,
div.configMachine a:hover.configCart,
div.storePrdInfo a:hover.putCart,
a:hover.actionButton {
	background-position: 0 -23px;
}

div.configText .saveConfig,
div.configMachine .saveConfig {
	background-position: 0 -69px;
	background-image: url(/img/gen/buttonSelect.gif) no-repeat;
	color: #fff;
}

div.configText .processCart,
div.configMachine .processCart,
div.configMachine .replacePutCart,
div.storePrdInfo .processCart {
	background-position: 0 -46px;
	background-image: url(/img/gen/buttonSelect.gif) no-repeat;
	color: #fff;
}

div.configMachine .replacePutCart {
	font-size: 10px;
}

.cartConfirm {
	display: none;
	color: #58137b;
}

.cartConfirmImage,
.storeCartConfirmImage {
	position: relative; 
	margin-top: -110px; 
	background: url(/img/gen/savedInCart.png) no-repeat;
	height: 39px;
	width: 48px;
	display: none;
}

.cartConfirmImage {
	margin-top: -110px; 
}

.storeCartConfirmImage {
	margin: -80px 0 0 72px;
}

div.priceSummary {
	font-size: 14px;
	color: #333;
	margin: 10px 30px;
}

div#storeInfo {
	display: none;
	padding: 10px;
	float: right;
	margin: 10px 0;
	border: 1px dashed #e5e5e5;
	background-color: #fffee5;
	position: absolute;
	right: 30px;
}

div#showProcess {
	margin: 30px 0 20px 30px;
	border: 2px solid #58137b;
	width: 50%;
}

div#showProcess #procTitle {
	background-color: #58137b;
	color: #fff;
	font-weight: bold;
	padding: 10px;
}

div#showProcess li {
	margin-left: 30px;
	padding: 8px;
}

div#processField {
	margin: 30px 0 20px 30px;
	display: none;
}

div#callbackProcess {
	margin: 30px 0 20px 30px;
	border: 2px solid #ff0000;
	display: none;
	color: #333;
	padding: 5px;
	font-weight: bold;
	width: 915px;
}

div#proceedPayment {
	display: none;
	margin: 30px 0 20px 30px;
}

input.processOrder {
	background-color: #6ac632;
	border: 2px solid #397a13;
	color: #fff;
	padding: 5px 15px;
	font-size: 14px;
	width: 200px;
}

input.processingOrder {
	background-color: #f1f1f1;
	border: 2px solid #555;
	color: #333;
	padding: 5px 15px;
	font-size: 14px;
	width: 200px;
}

div.configText {
	float:right; 
	padding-left: 30px; 
	margin-bottom: 40px;
}

div.configText h4 {
	font-size: 12px;
}

#afterCart {
	margin-left: 15px;
}

/* STORE CONFIG IPOD NANO */

#code-color td {
	text-align: center;
	padding: 0 12px;
}

#code-cap td {
	width: 106px;
	text-align: center;
}

/* STORE INFO BOX */
#choosePrd table.prdInfoBox {
	border: none;
	padding: none;
	width: 270px;
}

#choosePrd table.prdInfoBox td {
	border: none;
	padding: 0;
}

/* REPAIR PAGE ====================================================================================== */
fieldset.repair {
	margin-left: 30px;
}

fieldset.repair legend {
	background: #339900 none repeat scroll 0 0;
	border: 1px solid #dfdfdf;
	color: #fff;
	padding: 2px 6px;
}

/* SIS NAV ====================================================================================== */
ul#sisNav li {
	list-style: none;
	color: #333;
	margin-top: 5px;
}

ul#sisNav li a {
	padding: 3px 8px;
	color: #333;
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* red */
ul#sisNav.red li a:hover {
	background-color: #a82f2d;
	border: 1px solid #5e1817;
}

ul#sisNav.red li a.selected {
	background-color: #a82f2d;
	border: 1px solid #5e1817;
	color: #fff;
}
/* purple */
ul#sisNav.purple li a:hover {
	background-color: #6c019e;
	border: 1px solid #5e1817;
	color: #fff;
}

ul#sisNav.purple li a.selected {
	background-color: #520078;
	border: 1px solid #5e1817;
	color: #fff;
}
/* orange */
ul#sisNav.orange li a:hover {
	background-color: #e75a00;
	border: 1px solid #a64000;
	color: #fff;
}

#userlist a.selected {
	font-weight: bold;
	color: #a82f2d;
}

/* POST-NOTE ====================================================================================== */
.post-note-top {
	background: url(/img/gen/post-note-top.png) no-repeat;
	height: 40px;
	width: 610px;
	margin-top: 50px;
	color:#4967B3;
	font-size: 16px;
	padding:23px 35px 0;
}

.noteDate {
	clear:none;
	color:rgba(0, 0, 0, 0.35);
	float:right;
	text-align:right;
	width:200px;
	margin-right: 35px;
	font-size: 14px;
}

.post-note-middle {
	background: url(/img/gen/post-note-middle.png) repeat;
	width: 575px;
	color:rgba(0, 0, 0, 0.75);
	font-family:sans-serif;
	font-size:14px;
	line-height:24px;
	padding: 0 35px 0;
}

.post-note-middle p {
	margin-bottom: 24px;
	padding: 0;
}


.post-note-bottom {
	background: url(/img/gen/post-note-bottom.png) no-repeat;
	height: 72px;
	width: 645px;
	padding:15px 35px;
	color:rgba(0, 0, 0, 0.5);
}

/* GALLERY ====================================================================================== */
#gallery {
	margin: 20px;
}

#gallery li {
	width: 120px; 
	float: left;
}

#gallery li a:hover,
.hover-underline a:hover {
	background-color: #ccc;
}

/* KNOWLEDGE BASE / PRETTYTABLE ====================================================================================== */
/* TOPICS */   /* PRETTYTABLE */
table#fetchTopics,
table#prettyTable {
	border-collapse: collapse;
	margin-bottom: 20px;
}

table#fetchTopics a,
table#prettyTable a {
	color: #545454;
}

table#fetchTopics a:hover,
table#prettyTable a:hover {
	color: #58137b;
}

table#fetchTopics th,
table#prettyTable th {
	font-weight: bold;
	padding: 5px;
}

table#fetchTopics td,
table#prettyTable td {
	border: 1px solid #e5e5e5; 
	padding: 5px;
}

/* POSTS */

table#fetchPosts {
	border-collapse: collapse;
	margin-bottom: 20px;
}

table#fetchPosts td {
	padding: 20px 15px;
	vertical-align: top;
}

table#fetchPosts td:first-child {
	font-size: 11px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

table#fetchPosts td:last-child {
	border-right: 1px solid #e5e5e5;
}

table#fetchPosts tr:first-child {
	border-top: 1px solid #e5e5e5;
}

table#fetchPosts tr:last-child {
	border-bottom: 1px solid #e5e5e5;
}

/* SHOW-ORDERS */
table.show-orders {
	border: 1px solid #e5e5e5; color: #444;
}

table.show-orders th.queue {
	text-align: left;
	background-color: #ffecec;
}

table.show-orders th.handled {
	text-align: left;
	background-color: #e0ffe0;
}

/* PAGINATION ====================================================================================== */

div.pagination {
	margin: 5px 20px;
	float: right;	
}

div.pagination ul {
	list-style: none;
}

div.pagination ul li {
	margin: 2px;
	float: left;
	border: 1px solid #e5e5e5;
	text-align: center;
}

div.pagination ul li span {
	display: block;
	text-align: left;
	padding: 1px 6px;
}

div.pagination ul li a {
	color: #333;
}

div.pagination ul li a:hover {
	color: #58137b;
}

div.pagination ul li.undefined {
	background-color: #f1f1f1;
	color: #848484;
}

div.pagination ul li.selected {
	font-weight: bold;
	background-color: #58137b;
	color: #fff;
}

/* SEMINARS TABLE */

table.seminars th {
	padding-top: 20px;
}

.seminarTime {
	width: 100px;
}

/* FORM ====================================================================================== */

/* Autogrow textarea */
textarea.inputFormat {
	margin: 10px 0; 
	border: 1px solid #545454; 
	width: 685px; 
	height: 50px; 
	padding: 5px;
	min-height: 50px;
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
}

input.inputFormat {
	margin: 10px 0;
	border: 1px solid #545454; 
	padding: 5px; 
	width: 685px;
	font-size: 13px;
	color: #333;
}

/* Embedded login */

#embedLogin > input {
	margin: 10px 0;
	border: 1px solid #545454; 
	padding: 5px; 
	width: 300px;
	font-size: 13px;
	color: #333;
}

#noAccount {
	float: right;
	margin: 20px 30px 0 0;
}

/* Edit in place */

.editable {
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 12px;
	color: #444;
	margin: 2px 0;
}

.editableButton {
	/*width: 70px;
	padding: 4px 5px 4px 0;*/
	border: 1px solid #ccc;
	background-color: #eaeaea;
	color: #333;
	margin: 0 10px 10px 0;
}

/* Topic Membership */
form#topicMembership {
	margin-bottom: 20px;
}

/* Edit in place textarea */
textarea.editPost {
	width: 470px;
	#width: 450px;
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	border: 2px solid #58137b; 
	padding: 5px;
	height: 300px;
}

/* Page Elements */
.form {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
}

.pageForm {
	padding: 0 30px;
}

.form form {
	position: relative;
}

.form h1 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
	color: #58137b;
}

.pageForm h1 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 15px;
	color: #58137b;
}

.formButtonPlain {
	background-color: #58137b;
	border: 2px solid #a10050;
	color: #fff;
	padding: 5px 15px;
	font-size: 12px;
	margin-bottom: 20px;
}
	

/* Form Elements */
.form label {
	position: relative;
	display: block;
	width: 500px;
	clear: both;
	border: 1px solid #dedede;
	padding: 5px;
	line-height: 30px;
	margin-bottom: 5px;
	font-weight: bold;
}

.form label.nocontent {
	border: none;
}

.form label.active {
	background-color: #dbf9C7;
	border: 1px solid green;
}

.form label.error {
	background-color: #ecd0ce;
	border: 1px solid red;
}				

.form label.required {
	background: url(/img/gen/required.gif) center left no-repeat;
}	

.form label.isgood {
	background: url(/img/gen/tick.gif) center left no-repeat;
}

.form label input {
	width: 200px;
	float: right;
	padding: 5px;
	border: 1px solid #afafaf;
	font-size: 14px;
	color: #333;
}

.form label input#streetnr {
	width: 50px;
}

.form .floatLeft {
	float: left;
}

.form label input.active {
	border: 1px solid green;
}
.form label input.error {
	border: 1px solid red;
}				
.form #formsubmit {
	width: 150px;
}

.form .extraNote {
	font-weight: normal;
}

/* Info pop up classes */
.form .infopop {
	display: block;
	position: absolute;
	left: 513px;
	top: -11px;
	background: transparent url(/img/gen/popBox.gif) no-repeat top left;
	line-height: 40px;
	color: white;
	width: 270px;
	height: 62px;
	line-height: 62px;
	text-indent: 30px;
	z-index: 5;
}

.form .errorpop {
	background-image: url(/img/gen/popBoxWarning.gif);
} 

#editPasswordCallback {
	margin-top: 10px;
	font-weight: bold;
}

/* CMS - PRETTYTABLE ====================================================================================== */

form.configSet,
form.prettyTable {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

form.configSet table td {
	vertical-align: top;
	color: #444;
}

form.configSet input,
form.prettyTable input,
form .prettyTextArea {
	width: 200px;
	padding: 5px;
	border: 1px solid #afafaf;
	color: #333;
	margin: 0 10px 10px 0;
}

form.configSet input.checkbox {
	width: 15px;
}

form.configSet input.smallText,
form.prettyTable input.smallText {
	width: 50px;
}

form.configSet input.smallMediumText,
form.prettyTable input.smallMediumText {
	width: 75px;
}

form.configSet input.mediumText,
form.prettyTable input.mediumText {
	width: 100px;
}

form.prettyTable input.mediumLongText {
	width: 175px;
}

form.configSet input.longText,
form.prettyTable input.longText {
	width: 250px;
}

form.configSet select,
form.prettyTable select {
	margin: 3px 0;
	width: 200px;
	padding: 3px;
}

form.configSet {
	padding: 3px;
}

form .prettyTextArea {
	width: 500px;
	height: 300px;
}

form.configSet label {
	display: block;
}

#innerConsole {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

#editSystem li {
	list-style-type: none;
}

li .dragHandle {
	cursor: move;
}

/* editInputFields */

form .edited {
	border: 1px solid #ff0000;
	background-color: #ffb9b9;
}

form .saved {
	border: 1px solid #008917;
	background-color: #a6ffb5;
}

.tempCallback {
	padding: 0 20px; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background-color: #6ac632; 
	border: 1px solid #397a13; 
	color: #fff;
}

/* Nieuws membership */

form.prettyTable.newsMembership input {
	width: 160px;
}

form.prettyTable.newsMembership input[type=submit] {
	width: 70px;
	padding: 4px 5px 4px 0;
}

#newsCallback {
	font-weight: bold;
	font-size: 11px;
}

/* CMS - PRETTYBUTTON OPTIONS */

ul.buttonList {
 	padding: 10px 0;
}

.buttonList li a {
	border: 1px solid #e5e5e5;
	float: left;
	padding: 3px 10px;
	margin: 0 8px 0 0;
	color: #444;
	font-weight: bold;
}

.buttonList li a:hover {
	background-color: #f1f1f1;
}

.buttonList li a.selected {
	background-color: #ffe6f2;
	border: 1px solid #58137b;
	color: #58137b;
}














/* EXTERNAL - THICKBOX ====================================================================================== */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {
	position: absolute;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:45%;
	left:50%;
}

* html #TB_window {
	position: absolute;
	top:30%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}


#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom: 0;
}

#TB_title{
	margin-bottom: 0;
	height: 34px;
    background: url(/img/gen/dialog.png) 100% 0;
}

#TB_load{
	position: absolute;
	display:none;
	height:13px;
	z-index:103;
	top: 50%;
	left: 50%;
}

* html #TB_load {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.dialog {
	color:              #545454;
	font-family: 		Arial, Helvetica, sans-serif;
    position: absolute;
    left: 50%;
    margin-left: -315px;
    width: 630px;
    z-index: 100001;
}

.dialog .title {
    background: url(/img/gen/dialog.png) 0 -50px no-repeat;
    padding: 40px 13px 10px 40px;
}


.dialog .body {
    background: url(/img/gen/dialog.png) 0 -35px repeat-y;
    padding: 0px 13px 50px 40px;
}

.dialog .content {
    /*overflow: auto;*/
    background: #fff;
    width: 550px;
}

.dialog .foot {
    height: 23px;
    background: url(/img/gen/dialog.png) 0 100%;
}

#TB_title a {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 2px;
    right: 2px;
    text-indent: -2000em;
    text-decoration: none;
}

.dialog .dialog-tray {
	position: absolute;
    margin: -36px 0 0 23px;
    padding: 10px 20px;
    background: #eee;
    border-top: 1px solid #ccc;
    text-align: right;
    width: 544px;
}

.dialog .dialog-tray span {
    font-size: 85%;
    color: #333;
    margin-right: 15px;
}

.dialog .dialog-tray span a {
    color: #333;
}

.dialog .login-digg .dialog-tray {
    text-align: left;
} 

/* LOGIN FORM */
.form-input {
	font-size: 16px;
	min-height: 25px;
	width: 18em;
	border: 1px solid #c0c0c0;
	padding: 3px;
}	

label.dialog-label {
    color: #444;
    display: block;
    padding-top: 0.6em;
    font-weight: bold;
}

label.dialog-label-inline {
    color: #444;
    padding-top: 0.6em;
    font-weight: bold;
}

.submitDialog {
	margin-top: 10px;
}

label.inline, form .form-row label.inline {
    display: inline;
    font-weight: normal;
    font-size: 85%;
}

.dialog-link {
    margin-left: 1em;
    text-decoration: none;
    font-size: 85%;
    font-weight: bold;
}