/*--------------- Shop ------------------------*\
|  styles beginnen met de "shop"                |
|  -- Shop                                      |
\*---------------------------------------------*/
/*--------------- General Styles ---------------*/

/*#cMLeftShop {
	float:left;
	width: 724px;
	margin-left:0px;
} */

h2.price { font-size:24px; font-weight:bold; color:#aa0000;}
h3 { margin:0 0 10px 0;}
.mainshop {} /* dit is een div die even breed is als dediv waar hij in zit (in dit geval meestal in de middenkolom: 700px) */ 
.mainshop_left {width:340px;float:left;margin:0 20px 0 0; } /* dit is een linkerkolom of -block in de maincol die juist 340px breed is (juist de helft)*/ 
.mainshop_right {width:340px;float:left;margin:0;  } /* en dit is de bijhorende rechterkolom die even breed is*/
.shopItemDiv { clear: both;	margin : 10px 10px 0px 10px;}
.shopOrderLink {font-size:18px;font-weight:bold;text-align:center; }
.shopOrderLink A {color:#c40101;text-decoration:underline;}
.shopOrderLink A:HOVER {text-decoration:none;}
/*a.button{ display:block; width:259px; height:38px;background:url(/images_matrix/planet/button.png) top left no-repeat; font-size:18px;color:white; border:none; text-align:center; text-decoration:none; float:right;}
a.button:hover{cursor:pointer; background-position:bottom;}
a.button span { display:block; padding:7px 0 0 0;}  */

a.button{ display:block; width:259px; height:38px;background:url(/images_matrix/planet/button.png) top left no-repeat; font-size:18px;color:white; border:none; text-align:center; text-decoration:none; float:right;}
.greybox a.button { background:url(/images_matrix/planet/button_grey.png) top left no-repeat;}
a.button:hover{ cursor:pointer; background-position:bottom;}
a.button span { display:block; padding:7px 0 0 0;} /* padding for button */
a.smallbutton{ display:block; width:144px; height:22px; background:url(/images_matrix/planet/buttonsmall.png) top left no-repeat; font-size:12px;color:#fff; border:none; text-align:center; text-decoration:none; float:right;}
.greybox a.smallbutton { background:url(/images_matrix/planet/buttonsmall_grey.png) top left no-repeat;}
a.smallbutton:hover { cursor:pointer; background-position:bottom left;}
a.smallbutton span { display:block; padding:2px 0 0 0;} /* padding for button */



.shopImageLeft {width:255px;float:left;margin: 0 15px 5px 0;}
.shopImageLeft img { border:1px solid #e2dfd6;}
#shopIntro{background-color: #EEEEEE;color: #000000;padding: 10px 5px 5px 5px;}
#shopIntro a {color: #000000;font-weight : bold;text-decoration: none;}
#shopIntro a:hover {color:#D70003;text-decoration: underline;}
.shopLine {font-size : 12px; font-weight : none;color : #333333; clear: both;}
.shopHeader {font-size:14px;font-weight:bold;color:#eee;background-color:#6d6c6a;padding:0px;}
.shopHeaderbis {font-size:14px;font-weight:bold;color:#000000;padding:0px;}
.shopHeader td, .shopLine td, .shopTotal td { margin:0; padding:0 10px;}

.shopDesc {font-size:14px;color:#000000;}
/*.shopDesc A {color:#ff0000;}
.shopDesc A:HOVER {text-decoration:underline;}*/

.shopBCDiv {clear: both; width:700px; height:95px; background:url(/images_matrix/planet/stappen_bg.png) no-repeat; font-size : 14px; margin:0 0 30px 0;}
.shopBC { display:block; width:130px; height:75px; background:url(/images_matrix/planet/stap_bg.png) no-repeat top left; color : #888; float:left; margin:0 20px 0 0; padding:10px 15px 10px 15px; }
.shopBCActive { display:block; width:130px; height:75px; background:url(/images_matrix/planet/stap_bg.png) no-repeat bottom left; color : #fff; float:left; margin:0 20px 0 0; padding:10px 15px 10px 15px; }
.shopBCComplete { display:block; width:130px; height:75px; background:url(/images_matrix/planet/stap_bg.png) no-repeat top left; color : #444; float:left; margin:0 20px 0 0; padding:10px 15px 10px 15px; }
.shopBCDiv .last { margin:0 0 0 0;}


.tr0 {background-color: #e1e1d1;}
.tr1 {background-color: #e7e7dc;}
.shopText3 { font-size : 12px;font-weight : normal;color : #000000;padding-top: 2px;	text-align:center;}
.shopText3 A { color : #ff0000;font-weight : bold; text-decoration : underline;} 
.shopText3 A:HOVER {color : #D70003;font-weight : bold;text-decoration : none;}
.shopTotal {height: 23px;font-size : 14px; font-weight : bold;color : #333;background-color: #fff;clear: both;}
.formButton { display:block; width:259px; height:38px;background:url(/images_matrix/planet/formbutton.png) top left no-repeat; font-size:18px;color:white; border:none; text-align:center; text-decoration:none; float:right;}
.formButton:hover{cursor:pointer; background:url(/images_matrix/planet/formbutton.png) bottom left no-repeat}
.formButton2 { display:block; width:459px; height:38px;background:url(/images_matrix/planet/formbutton2.png) top left no-repeat; font-size:15px;color:white; border:none; text-align:center; text-decoration:none; float:right;}
.formButton2:hover{cursor:pointer; background:url(/images_matrix/planet/formbutton2.png) bottom left no-repeat}
.formText { font-size : 11px;color : #000000;font-weight : normal;	}`
.formItem {font-size : 9px;font-weight : normal;text-decoration : none; color : #000000;margin-top:5px;	}
.formItemblock {font-size : 9px;font-weight : normal;text-decoration : none; color : #000000;display:none;	}
p { margin: 0 0 10px 0;}
p.right_align { text-align:right;font-weight : bold;}
.shopSubTitle {background-color: #ffffff;font-size : 13px;font-weight : bold;color : #636563;margin-bottom: 5px;padding: 3px;clear: both;	}
.shopTitle {padding: 3px;float: left;}
.shopPrice {padding: 3px;float: left;}
.shopPrices {font-size : 11px;font-weight : none;padding: 3px;float: right;}
.shopDomi {padding: 3px;float: left;font-weight : italic;}
.shopHorDiv{height: 10px;clear: both;}
#shopExtro {font-size:11px; color:#666; margin-top : 5px;padding: 5px 5px 5px 5px;	clear: both;}
#shopExntro a {color: #000000;font-weight : bold;text-decoration: none;}
#shopExtro a:hover {color:#D70003;text-decoration: underline;}

#factBlock{display:none;}
#factTrans{display:none;}



.formTextarea {
	font-size : 11px;
	color : #000000;
	font-weight : normal;	
}
.formTextHidden {
	border-style: none;
	background-color: transparent;
	font-size : 11px;
	font-weight : bold;
	color : #FF0000;	
}

.formLabelMan {
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	color : #000000;	
}
.formLabelOpt {
	font-size : 11px;
	font-weight : normal;
	text-decoration : none;
	color : #808080;	
}
/* End Forms */





















.fLinkShop{

}
.imgDel {
	border: none;
}

/*----------------- Content Styles ----------------*/

#shopBG { }
 
#shopTab { 
	line-height:26px; 
	background-color: #FFFFFF;
}
#shopTab a {
	color: #FFFFFF;
	padding: 0px 10px ;
	/* border: 1px solid #DFDFDF; */ 
	background-color: #666666;
	/* border-bottom: none; */
	position: relative;
	top: 4px; /* for ie5*/
	height: 20px; /* for ie5*/
	text-decoration: none;
	voice-family: "\"}\""; 
	voice-family: inherit; 	
	top: 2px; /*ie mac gets this*/
	height: auto;
	padding: 3px 10px 4px;
}
/*ie5 jumps this next style because of voice family hack above - It must follow immediately */
/* commented backslash mac hiding hack  \*/ 
#shopTab a {
	top: 3px;
	height: auto;
	padding: 3px 10px 4px;
} 
/* end hack */ 
#shopTab a:hover {	
	background-color: #333333;
	color: #FFFFFF;	
}
#shopTab a.shopTabCurr {
	background-color: #333333;
	color: #FFFFFF;
}

#shopContent {
	/* min-height: 300px; */
	/*border: 1px solid #DFDFDF;	*/
	padding-bottom : 10px;
	
}

#shopMain {
	padding: 5px;		
}





/*----------------- Form Styles ----------------*/
#shopFCIntro {
	background-color: #EEEEEE;
	color: #000000;
	padding: 10px 5px 5px 5px;
}
#shopFCIntro a {
	color: #000000;
	font-weight : bold;	
	text-decoration: none;
}
#shopFCIntro a:hover {
	color:#D70003;
	text-decoration: underline;
}
#shopFCMain {
	padding: 5px;
}
/*------------- Form Elements Styles -----------*/
.shopDiv {
	height: 20px;
	clear: both;
}
.shopDiv2 {
	height: 45px;
	clear: both;
}
.shopLabel {
	width: 180px;
	padding-top: 2px;
	text-align : right;
	float: left;
}
.shopLabel2 {
	padding-top: 2px;
	text-align : right;
	float: left;
}
.shopLabel3 {
	width: 100px;
	padding-top: 2px;
	text-align : right;
	float: left;
}
.shopLabelStar {
	font-size : 9px;
	text-decoration : none;
	text-align : right;	
}
.shopLabelCheck {
	width: 180px;
	text-align : right;
	float: left;
}
.shopLabelCheck2 {
	width: 100px;
	text-align : right;
	float: left;
}
.shopInput {
	float: left;
}
.shopText {
	font-size : 12px;
	font-weight : normal;
	color : #000000;
	padding-top: 2px;	
	float: left;	
}
.shopText A {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}
.shopText A:HOVER {
	color : #D70003;
	font-weight : bold;
	text-decoration : underline;
}
.shopText2 {
	font-size : 12px;
	font-weight : normal;
	color : #000000;
	padding-top: 2px;	
	float: left;	
	margin-left:100px;
}
.shopText2 A {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
} 
.shopText2 A:HOVER {
	color : #D70003;
	font-weight : bold;
	text-decoration : underline;
}

.shopNote {
	font-size : 9px;
	font-weight : normal;
	color : #007169;		
	padding-left:5px;
}
#shopCaptcha {
	height: 50px;
	padding-top: 5px;
	clear: both;
}
#shopPrivacyScroll {
	height: 150px;
	overflow: auto;
	clear: both;	
}
.shopPrivacy {
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	color : #666666;
	margin-top: 10px;
}
.shopPrivacy A {
	text-decoration : none;
	font-weight : bold;	
	color : #000000;
}
.shopPrivacy A:HOVER {
	text-decoration : underline;
	font-weight : bold;	
	color : #D70003;
}
.shopPrivacy em {
	font-size : 14px;
	font-weight : bold;	
	color : #666666;
}

/*----------------- Item Styles ----------------*/


.shopImg {
	float : right;
	margin : 5px;
}

.shopSubHeader {
	background-color: #FFD500;
	font-size : 11px;
	font-weight : bold;
	color : #000000;
	margin-bottom: 5px;
	padding: 3px;
	clear: both;	
}


.shopLineCenter{
	background-color: #ffffff;
	font-size : 11px;
	font-weight : normal;
	color : #333333;
	margin-bottom: 5px;
	padding: 3px;
	clear: both;	
	text-align:center;
}

.shopIcoLink {
	padding: 3px;	
	float: right;
	width : 25px;
	text-align : right;
}

.shopYesNo {
	width: 25px;
	padding: 3px;	
	float: right;
}
.shopVisible {
	padding: 3px;	
	float: right;
}


#shopCaptcha {
	height: 50px;
	padding-top: 5px;
	clear: both;
}
#shopPrivacyScroll {
	margin-top: 15px;
	height: 150px;
	overflow: auto;
	clear: both;	
}
.shopPrivacy {
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	color : #666666;
	margin-top: 10px;
}
.shopPrivacy A {
	text-decoration : none;
	font-weight : bold;	
	color : #000000;
}
.shopPrivacy A:HOVER {
	text-decoration : underline;
	font-weight : bold;	
	color : #ff0000;
}
.shopPrivacy em {
	font-size : 14px;
	font-weight : bold;	
	color : #666666;
}


#shopAvatar {
	width: 555px;
	height: 205px;
	border: 1px solid #959595;
	overflow: auto;
	margin: 5px 0px;
	clear: left;
}
/* #regAvatarScroll {
	width: 714px;
	overflow: hidden;
} */
.shopAvatarItem {
	width: 36px;
	margin: 5px 0px 0px 3px;
	float: left;
}
.shopAvatarRadio {
	text-align: center;
}


.payment img {height:16px; float:left; margin:0 5px 5px 0;}