.text
{ background: white
; border: solid 1px rgb(200,200,200)
; padding: 8px
; font: 14px "Helvetica"
; float: left
}

.text H2
{ font-size: 16px
; font-weight: bold
}

.text H3
{ font-size: 14px
; font-weight: bold
}

.text LI
{ font-size: 13px
}

#info
{ color: black
; border: dotted 1px black
; background-color: yellow
; position: absolute
; left: 30px
; top: 100px
; width: 200px
; display: none
; opacity: 0.9
; -moz-opactity: 0.9
; filter: alpha(opactity=90)
}

#infoText
{ font: 12px "Helvetica"
; padding: 5px
}

#infoText BR 
{ margin-bottom: 10px
}

TD.input
{ padding: 2px
; background-color: white
; border: none
}

.hidden
{ display: none
}

INPUT 
{ font: 14px "Helvetica"
}

INPUT.error
{ border: solid 2px red
}

TH.q
{ font: 14px "Helvetica"
; font-weight: bold
; text-align: right 
}

.msg
{ font: 12px "Helvetica"
; font-weight: bold
; color: red
; padding: 4px
; white-space: nowrap
}

TABLE.buy
{ border: dotted 1px gray
; text-align: center
; width: 100%
}

TR.buy TH, TR.buyPromo TH
{ background-color: rgb(230,230,255)
; padding: 2px
; font: 12px "Helvetica"
; border-left: dotted 1px gray
; border-bottom: dotted 1px gray
}

TR.buy TD, TR.buyPromo TD
{ background-color: rgb(240,240,255)
; padding: 5px
; vertical-align: middle
; font: 14px "Helvetica"
; border-left: dotted 1px gray
; padding-top: 12px
; white-space: nowrap
; vertical-align: top
}

TR.buy TD.clicks, TR.buyPromo TD.clicks
{ border-left: none
}

TR.buy TD.button, TR.buyPromo TD.button
{ border-left: none
}

TR.buy TD.ppc
{ color: gray
}

TR.buy TD.why, TR.buyPromo TD.why
{ color: gray
; font-size: 12px
; text-align: left
}

TR.buyPromo TD
{ background: rgb(255,255,100)
; border-bottom: solid 2px red
; border-top: solid 2px red
; color: red
}

.side 
{ width: 200px
; text-align: center
; vertical-align: top
}

.main 
{ vertical-align: top
}

.copyr 
{ font: 10px "Helvetica"
; color: rgb(30,30,30)
}

TABLE.error TH.error
{ font-size: 14px
; font-weight: bold
; background: red
; color: white
; border: solid 2px red
}

TABLE.error TD.error
{ font: 12px "Helvetica"
; background: white
; color: red
; border: solid 2px red
; white-space: normal
}

TABLE.done
{ width: 350px
; height: 100px
; border: solid 2px rgb(5,171,5)
}

TABLE.done TD
{ font: 12px "Helvetica"
; background-color: white
}

TABLE.done TD.pic
{ border: solid 2px black
; background: white
; width: 100px
; height: 100px
; text-align: center
; vertical-align: middle
}

TABLE.done TD.title
{ font: 12px "Helvetica"
; font-weight: bold
; background: rgb(5,171,5)
; color: white
; padding: 2px
}

TABLE.done TD.label
{ font: 12px "Helvetica"
; font-weight: bold
; color: rgb(5,171,5)
; text-align: right
; width: 60px
}

.seeDone
{ font: 14px "Helvetica"
; color: black
; text-align: center
; margin-bottom: 10px
}

.Xdetail
{ font-size: 10px
; color: white
; text-align: right
; width: 50px
}

#persLink 
{ border: dotted 1px gray
; background-color: rgb(240,240,240)
; padding: 10px
; margin: 10px
; font: 14px "Courier"
; font-weight: bold
}

.text H3.way
{ margin-top: 30px
}

.fb_share_button { left: 100px; font: 12px "Helvetica"; font-weight: normal; display:inline-block; padding:0px 20px 0px 4px; border:1px solid #d8dfea; background: white url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top right; } 
.fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top right; text-decoration:none; }

BODY
{ font-family: "Helvetica"
; font-size: 14px
; background-color: white
}

A 
{ color: blue
; text-decoration: none
}
A:VISITED
{ color: blue
}
A:HOVER
{ text-decoration: underline
}

FORM 
{ margin: 0px
}

.top 
{ background-image: url('topB.png')
; border: none
; margin: 0px
; padding: 0px
}
.top4
{ margin: 0px
; padding: 0px
; border: none
; border-left: solid 1px rgb(72,197,67)
}
.top6
{ margin: 0px
; padding: 0px
; border: none
; border-right: solid 1px rgb(72,197,67)
}
.top28
{ margin: 0px
; padding: 0px
; border: none
; border-top: solid 1px rgb(72,197,67)
; border-bottom: solid 1px rgb(72,197,67)
; vertical-align: middle
}

TD.menuHead
{ width: 200px
; height: 30px
; background-image: url('menuHead.png')
; padding-left: 5px
; font-size: 14px
; font-weight: bold
}
TD.menu 
{ background-color: rgb(216,228,191)
; border-bottom: solid 1px gray
; border-left: solid 2px white
; border-right: solid 2px white
; padding: 6px
; font-size: 12px
; font-weight: normal
}
BR.menu 
{ margin: 0px
; padding: 0px
; border: none
; height: 0px
}

TABLE.prod 
{ width: 522px
; margin: 3px
; border: none
; padding: 0px   
; background-image: url('cornerB.png')
; background-repeat: repeat-x
}

TABLE.prod TD
{ font: 14px "Helvetica"
; text-align: center
; margin: 0px
; border: none
}

TABLE.prod TD.foto
{ width:  96px
; height: 96px
; border: solid 2px black
; margin: 0px
; background: white
}

TABLE.prod TD.title
{ font: 20px "Helvetica"
; font-weight: bold
; text-align: left
; background-color: rgb(216,228,191)
; color: green
; padding-left: 2px
; width: 410px
; margin: 0px
; border: none
; border-top: solid 1px rgb(72,197,67)
}

TABLE.prod TD.corner6
{ border: none
; border-right: solid 1px rgb(72,197,67)
; white-space: nowrap
}

TABLE.prod TD.extra
{ font: 13px "Helvetica"
; border-top: dotted 1px gray
; text-align: left
; color: gray
; padding: 8px
; width: 520px
; margin: 0px
; display: none
; border: none
; border-left: solid 1px rgb(72,197,67)
; border-right: solid 1px rgb(72,197,67)
}

TD.corner7
{ width: 10px
; height: 10px
; margin: 0px
; padding: 0px
; text-align: left
; vertical-align: top
; border: none
; background-image: url('corner4.png')
}

TD.corner9
{ width: 10px
; height: 10px
; margin: 0px
; padding: 0px
; text-align: right
; vertical-align: top
; border: none
; background-image: url('corner6.png')
}

TABLE.prod TD.corner9
{ width: 10px
; height: 10px
; margin: 0px
; padding: 0px
; text-align: right
; vertical-align: top
; border: none
; background-color: rgb(216,228,191)
; background-image: url('corner6.png')
}

TD.corner1
{ width: 10px
; height: 10px
; margin: 0px
; padding: 0px
; text-align: left
; vertical-align: bottom
; border: none
; background-image: url('corner4.png')
}

TD.corner3
{ width: 10px
; height: 10px
; margin: 0px
; padding: 0px
; text-align: right
; vertical-align: bottom
; border: none
; background-image: url('corner6.png')
}

TABLE.prod TD.drop
{ width: 500px
; height: 10px
; padding: 0px
; font-size: 12px
; border: none
; border-bottom: solid 1px rgb(72,197,67)
}

TD.loginQ
{ font-size: 12px
; text-align: right
}
INPUT.loginQ
{ font-size: 12px
; border: solid 1px black
; margin: 1px
}
INPUT.loginB
{ font-size: 12px
; margin: 1px
}

P.accountInfo
{ vertical-align: middle
; margin: 10px
}

TD.error
{ font-size: 16px
; font-weight: bold
; background: rgb(255,240,240)
; border: solid 2px red
; padding: 5px
; color: red
; margin-bottom: 10px
}

/*** NIEUW DESIGN ***/

body
{
background: #000;
padding:0; font-family:arial, sans-serif; font-size:12px;
margin:0px auto auto auto;
color:#36322b;
}
ul {
	list-style-type: none;
}

/*p{
padding:0px;
text-align:justify;
margin:0px;
line-height:20px;
}
*/
.clear{
clear:both;
}
a{
text-decoration:none;
font-weight: bold;
color: #460650;
}
a:hover{
text-decoration:none;
font-weight: bold;
color: #000;
}
img.left_img{
float:left;
padding:3px 25px 3px 3px;
}

h1 {
font-family: verdana, arial, georgia;
font-size: 30px;
margin: 20px 0 30px 20px;
color: #000;
}

h2 {
font-family: verdana, arial, georgia;
font-size: 25px;
margin-bottom: 0;
color: #000;
}

h3 {
font-family: verdana, arial, georgia;
font-size: 20px;
color: #460650;
padding: 0;
margin: 10px;
margin-left: 0px;
}


#main_container{
width:1021px;
height:auto;
margin:auto;
padding:0px;
}
#header{
width:1021px;
height:150px;
margin:0px;
padding:0px;
background: #000;
}

/*---------------- menu tab----------------------*/
.menu{
width:1021px;
height:42px;
margin:0px;
background: #262724;
}
.menu ul{
list-style:none;
padding:0 0 0 15px;
margin:0px;
}
.menu ul li{
display:inline;
}
.menu ul li a{
float:left;
height:42px;
border:none;
padding:0 15px 0 15px;
text-decoration:none;
color:#fff;
line-height:42px;
font-size:14px;
border:none;
}
.menu ul li.lang span{
float:right;
height:42px;
border:none;
padding:0 10px 0 10px;
text-decoration:none;
color:#fff;
line-height:42px;
font-size:14px;
border:none;
}
.menu ul li.lang a{
float:right;
height:42px;
border:none;
padding:0 10px 0 10px;
text-decoration:none;
color:#fff;
line-height:42px;
font-size:14px;
border:none;
}
.menu ul li a:hover{
background:url(layout/menu_bullet.gif) no-repeat bottom center;
}
/*-------------item_box------------*/


.item_container {
		display:table;      
		border-collapse:separate; 
		table-layout: fixed; 
        float: right;
	}
.item_container {
		display:table;      
		border-collapse:separate; 
		table-layout: fixed; 
	}
	.row {
		display:table-row;
		
			}
	.rowDone {
		display:table-row;
		
			}
	.bidimg {
			filter : Alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
		}

	.row div {
		display:table-cell;
	}

	.row div.one_finished {
		
		padding-top: 10px;
		width: 170px;
		height: 194px;
		
	}
	
	TD.one {
		background:url(layout/item_box_vertical.png) no-repeat center;
		padding: 5px;
		text-align: center;
		font-family: verdana;
		font-size: 10px;
		padding-top: 10px;
		height: 300px;
        min-width: 165px;
	}
	TD.two {
		background:url(layout/item_box3.png) no-repeat center;
		padding: 5px;
		text-align: center;
		font-family: verdana;
		font-size: 10px;
		padding-top: 10px;
		height: 300px;
        min-width: 165px;
	}
	TD.oneDone {
		display:table-cell;
		background:url(layout/item_box_done.png) no-repeat top center;
		padding: 4px;
		min-width: 165px;
		max-width: 165px;
        height: 230px;
	}
	TD.twoDone {
		display:table-cell;
		background:url(layout/item_box_done2.png) no-repeat top center;
		padding: 4px;
		min-width: 165px;
		max-width: 165px;
        height: 230px;
	}
	.row div h2 {
		

		margin:0;
		padding:0;
		font-size: 14px;
		font-family: verdana;
		font-weight: bold;
		color:#000;
		
	}
	TD.one p, TD.two p {
		font-size:0.94em;
		margin:0.5em 0;
		padding:0 10px;
	}

    .text LI {
        list-style: circle;
    }


/*-------------item_box_finished------------*/

.item_container_finished {
		display:table;      
		border-collapse:separate; 
		table-layout: fixed; 
	}
	.row_finished {
		display:table-row;
		
			}
	
	.row_finished div {
		display:table-cell;
		background:url(layout/item_box_finished.png) no-repeat center;
		padding: 5px;
		text-align: center;
		font-family: verdana;
		font-size: 10px;
	}

	.row_finished div.one_finished {
		
		padding-top: 10px;
		width: 170px;
		height: 230px;
		
	}
	
	


/*-------------info_box------------*/
#info_container {
display:table;   
border-collapse:separate; 
table-layout: fixed; 
width: 696px;
background: url(layout/info_bg.png) repeat-y center;
}

.info_box{
width:660px;
padding: 20px;
}
.left_info{
float:left;
width: 290px;
}
.right_info{
float:right;
width: 350px;
text-align: right;
}




/*---------------center_content-------*/
.center_content{
width:1021px;
height:auto;
clear:both;
padding:25px 0 30px 0;
background-color:#e9e5e2;
}
.center_left{
width:700px;
float:left;
margin-top: -20px;
padding-left: 10px;
padding-right: 10px;
}
.center_right{
width:288px;
float:left;
margin-top: -20px;
padding-left: 5px;
padding-right: 5px;
}
.right_text_box{
width:278px;
height:125px;
padding: 5px 0 0 10px;
background:url(layout/text_box.gif) no-repeat center;
background-position:0px 0px;
vertical-align: middle;
text-align: center;
font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 18px;
font-weight: bold;
color: #441750;
}
.right_text_box b {
color: black;
}
.right_text_box table.login {
    vertical-align: middle;
    height: 100px;
}

/*-----------------------login_form-------------------*/
label.login_label{
width:100px;
color:#000;
text-align: right;
float: right;
font-size: 14px;
font-weight: normal
}
input.login_input{
width:130px;
height:18px;
border:1px #000 solid;
background-color:#fff;
color: #000;
}
input.login{
float: right;
}
td.forgotPassword {
    font-size: 12px;
}
td.forgotPassword a, td.forgotPassword a:HOVER {
    color: blue;
    text-decoration: underline;
}

/*-----------------------content_forms-------------------*/
.content_form textarea { 
	color: #000000; 
	font-weight: bold;
	text-decoration: none;
	background: #FFFFFF; 
	border: 1px solid #C5C3C3;
	font-size:12px;	font-family:verdana;
		 }

.content_form input { 
	color:#000000 ; 
	font-weight: bold;
	text-decoration: none;
	background: #FFFFFF; 
	border: 1px solid #C5C3C3;
	font-size:12px;
	font-family:verdana;
	padding: 5px;
		 }

.content_form input.submit { 
    color: #FFFFFF;
    background-color: #441750;
    font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

/*-------------------footer------------------------*/
#footer{
width:1021px;
height:88px;
clear:both;
color:#FFFFFF;
background:url(layout/footer.jpg) no-repeat;
}
.left_footer{
float:left;
padding-left: 140px;
padding-top: 35px;
}
#footer a{
color:#FFFFFF;
padding:0 0 0 0;
text-decoration:none;
}
#footer a:hover{
color:#FFFFFF;
text-decoration: underline;
padding:0 0 0 0;
}
.right_footer{
float:right;
padding-right: 50px;
padding-top: 35px;
}
/*---------------------bottom lists-----------------*/
	#bottom{
		width: 1021px;
		margin:0;
		position: relative;
		
	}
	#bottomcontent{
		width: 1021px;
		margin: 0 auto;
		overflow: hidden;
		background: #262724;
		padding: 30px 0 20px 0;
	}
	/* list of bottom */
	.list_bottom{
		padding-left: 20px;
		float: left;
		font-size: 12px;
		line-height:1em;
	}
	.list_bottom li a{
		display: block;
		padding: 10px;
		width: 290px;
		font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing:-.03em;
		color: #80807B;
		text-decoration: none;
		background: #262724 url(layout/list_dotted_border.gif) bottom repeat-x;
	}
	.list_bottom li a:hover{
		color: #AEAEAD;
		font-weight: bold;
		background: #262724 url(layout/list_dotted_border.gif) bottom repeat-x;
	}

.detail {
		display: table;
        float: left;
	}

.detailRow {
		display: table-row;
	}

.detailCell {
		display: table-cell;
        vertical-align: top;
        min-width: 175px;
	}

.winner {
    font-size: 14px
}

TABLE.shootout {
    margin-left: 3px;
}

TABLE.shootout TH {
    background-color: rgb(68,23,80);
    color: white;
    padding: 2px;
    font-weight: normal;
}

TABLE.shootout TD {
    padding: 2px;
    border-bottom: dotted 1px gray;
}
TABLE.shootout TD:first-child {
    border-left: solid 1px black; 
}
TABLE.shootout TD:last-child {
    border-right: solid 1px black; 
}

TABLE.shootout TR:first-child TD {
    border-top: solid 1px black;
}
TABLE.shootout TR:last-child TD {
    border-bottom: solid 1px black;
}

TABLE.shootout .winner TD {
    font-weight: bold;
    color: red;
}

TABLE.shootout .num {
    text-align: right;
}

TABLE.shootout TR.offer_extra TD {
    font-weight: bold;
    display: none;
}
TABLE.shootout TR.offer_vspc TD {
    display: none;      
}
TABLE.shootout TR.offer_vspc TD:first-child {
    border-left: dashed 1px black;
}
TABLE.shootout TR.offer_vspc TD:last-child {
    border-right: dashed 1px black;
}

.trans, .trans p, .trans li { 
    background-color: yellow; 
    display: inline; 
}

P.faq_a {
}

TABLE.support TH {
    text-align: center;
    border: solid 1px black;
    background-color: rgb(200,200,200);
    font-size: 12px;
}
TABLE.support TD {
    text-align: center;
    border-right: solid 1px rgb(200,200,200);
    border-bottom: dotted 1px rgb(200,200,200);
}
TABLE.support TR TD:first-child {
    text-align: left;
    border-left: solid 1px rgb(200,200,200);
}
.faqordion A, .faqordion A:VISITED {
    font-weight: normal;
    color: blue;
    text-decoration: underline;
}

.modal {
	background-color: white;
	display:none;
	padding: 10px;
	text-align:left;
	border:2px solid #333;
 
	opacity: 1.0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
 
.modal .langOpt {
    width: 100%;
    border-spacing: 0px;
}

.modal .langOpt td {
    font-size: 16px;
    font-weight: bold;
    width: 180px;
    padding: 10px;
    text-align: center;
    border-left: dotted 2px rgb(200,200,200);
	white-space: nowrap;
}

.modal .langOpt td:first-child {
    border-left: none;
}

.modal .langOpt button {
    font-size: 16px;
    font-weight: bold;
    width: 90%;
    padding: 10px;
}

.price {
    font-size: 11px;
    font-weight: bold;
    color: black;
}

a.reserve {
    font-size: 10px;
    font-weight: normal;
    color: rgb(150,150,150);
    text-decoration: none;
    border-bottom: dotted 1px rgb(100,100,150);
}
