/*=========> CSS Portrait Studios <===========*/
/*=========> copyright Robarov <===========*/
* {
padding:0;
margin:0;
}
body {
	color: #666;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 75%;
	line-height: 1.8em;
}
.hide{
/* When you want to hide your elements use this. (NOT display:none;) search engine friendlyness ;) */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
}
acronym, abbr{
	border-bottom: 1px dotted #666;
	cursor: help;
}
cite{
	font-size:1.2em;
}
/*=========> Homepage <===========*/
#content #btn-present, #content #btn-newsletter {
	width: 238px;
	height: 80px;
	line-height: 80px;
	float: left;
	display: inline;
	margin: 5px;
}
#btn-present a, #btn-newsletter a {
	display: block;
	width: 198px;
	padding-left: 40px;
	text-align: center;
	text-transform: uppercase;
	height: 80px;
	line-height: 80px;
	color: #fff;
	text-decoration: none;
}
.de #btn-present a {font-size: 0.8em;}
#btn-newsletter a {
	padding: 0px;
	width: 238px;
}
#btn-present, #btn-present a {background: transparent url(../i/bg-cadeaubon.gif) 0 0 no-repeat;}
#btn-present a:hover {background: transparent url(../i/bg-cadeaubon.gif) 0 -80px no-repeat;}
#btn-newsletter, #btn-newsletter a {background: transparent url(../i/bg-nieuwsbrief.gif) 0 0 no-repeat;}
#btn-newsletter a:hover {background: transparent url(../i/bg-nieuwsbrief.gif) 0 -80px no-repeat;}
#potm {
	position: relative;
	float: right;
	width: 220px;
	height: 250px;
}
.frame {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
}
.potm {
	margin: 83px 0 0 23px;
	z-index: 1;
	width: 175px;
	height: 130px;
}

#btn-gadgets, #btn-order {
	clear: both;
	width: 245px;
	height: 190px;
	margin: 0px;
	}
#btn-gadgets, #btn-gadgets a, #btn-order a {
	text-indent: -9000em;
	overflow: hidden;
	width: 245px;
	height: 190px;
	display: block;
	text-decoration: none;
	float:left;
}
.nl #btn-order, .nl #btn-order a{background: url(../i/bg-order-nl.jpg) 0 0 no-repeat;}
.nl #btn-gadgets, .nl #btn-gadgets a{background: url(../i/bg-gadgets-nl.jpg) 0 0 no-repeat;}
.fr #btn-order, .fr #btn-order a{background: url(../i/bg-order-fr.jpg) 0 0 no-repeat;}
.fr #btn-gadgets, .fr #btn-gadgets a{background: url(../i/bg-gadgets-fr.jpg) 0 0 no-repeat;}
.de #btn-order, .de #btn-order a{background: url(../i/bg-order-de.jpg) 0 0 no-repeat;}
.de #btn-gadgets, .de #btn-gadgets a{background: url(../i/bg-gadgets-de.jpg) 0 0 no-repeat;}
.en #btn-order, .en #btn-order a{background: url(../i/bg-order-en.jpg) 0 0 no-repeat;}
.en #btn-gadgets, .en #btn-gadgets a{background: url(../i/bg-gadgets-en.jpg) 0 0 no-repeat;}

#content #btn-gadgets {margin: 10px 0 0 0;float: left;}
#content #btn-order {
	clear: none;
	float: right;
	margin: 10px 0 0 0;
}

.libelle, .libelle:hover {
	background: #cc0033;
	display: block;
	width: 195px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 10px;
}


/*=========> Main Headings & Paragraphs <===========*/
h1, h2, h3{font-weight: normal;}
h1{
	font-size: 2em;
	margin: 0 0 10px 0;
	line-height: 30px;
	clear:both;
	text-transform: uppercase;
	color: #0094d8;
}
#content h2{
	font-size: 1.6em;
	margin:0 0 6px 0;
	}
h3{
	font-size:1.4em;
	margin:0 0 4px 0;
	color:#333;
}
p{margin: 0 0 10px 0;}
a {text-decoration: none;}
/*=========> Lists : ol ul dl <===========*/
ul{list-style-type:none;}
#content li{
	padding:0 0 0 16px;
	margin:0.3em 0;
}
#content ul li{
	padding:0 0 0 16px;
	background:url(../i/dot.gif) 0 0.7em no-repeat;
}
/*=========> Images <===========*/
img{border:none;}

/*=========> Images <===========*/
#crumb {
	font-size: 0.9em;
	margin: 0px;
}

/*=========> Tables <===========*/
table {
	font-size: 1em;
}
#content table.ww{
	margin: 0 0 10px 0;
	width: 496px;
}
#content table.ww td{
	font-size:9px;
	vertical-align:middle;
	height: 16px;
	background: #fff;
	border-bottom: 1px solid #FFCAA7;
	padding:4px 2px;
}
#content table.ww thead td{
	font-weight: bold;
	background: #F8873C;
	color:#FFF;
}
#content table.ww tr.odd td{
	background: #ffe6d6;
}
#content .error{
	font-weight:bold;
	color:#c00;
}

/*=========> Order <===========*/
#order input{
	width:60px;
	border:1px solid #9AC8D5;
}
#order td{
	padding:.5em 2px;
	border-bottom:1px solid #9AC8D5;
	color:#68A1AF;
	background:#ecf2f3;
}
#order img{width:150px;}

#order .nosee td{
	background:#fff;
	border-bottom:0px;
	color:#000;
	font-weight:bold;
}
 #order #bestel, #submit {
 	cursor: pointer;
 	margin:1em 0;
	padding:0 4px;
	border-bottom:1px solid #68A1AF;
	color:#fff;
	background:#68A1AF;
	width:auto;
	font-size: 1.2em;
}

/*=========> Album <===========*/
.albumframe{
	background: #F7F7F7;
	margin: 0 0 10px 10px;
	border-top: 1px solid #EDEDED;
	border-bottom:4px solid #EDEDED;
	text-align:left;
	padding: 10px 0;
	float: left;
	display: inline;
	width: 480px;
}
.albumheader{position:relative;}
.albumbody{text-align:center;}
#content .albumheader h2 {margin: 0 0 0 20px;}
.albumheader p {
	position: absolute;
	right: 0px;
	top: 0px;
	color:#666;
	margin: 0 20px 0 0;
}

.albumbody ol{
	height:200px;
	padding:0;
}
.albumbody ol li{
	list-style:none;
	width:auto;
	margin:0;
	padding: 0px;
	float:left;
	display: inline;
}
.albumbody ol li img{
}

.albumbody ul{
	float: left;
	margin : 0 0 0 20px;
	text-align: left;
}
.albumbody p a {
	width: 100px;
	height: 75px;
	max-height: 75px;
	max-width: 100px;
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	text-align: center;
	margin : 0;
	overflow: hidden;
}
.albumbody p a:hover {border-color:#6060A0;}
.albumbody p img {
	margin: 0 auto;
	height: 75px;
}
.albumbody ol li a img{border:0;margin:0;padding:0;}
.albumbody ol p{border:0;margin:0;text-align:center;padding:0;}

.albumbody p {
	margin: 0px;
	padding: 10px 0 0 20px;
}

.albumbody img{
	margin: 10px auto;
	padding:0;
}


/*=========> Gadgets <===========*/
.promo {
	width: 248px;
	float: left;
	height: 150px;
	line-height: 150px;
}
.promo-img {
	float: left;
}
.promo p {
	font-size: 1.2em;
	margin: 0px;
}
.promo-img img {
	width: 160px;
}
.pagenav {
	border-top: 1px solid #AFAFCF;
	border-bottom: 1px solid #AFAFCF;
	clear: both;
	padding: 4px 0;
	text-align: center;
}
.detail img {float: right;}
.detailprice {
	padding: 10px;
	font-weight: bold;
	color: #68A1AF;
	font-size: 1.2em;
}
.detail-btn a, .checkout-buttons a {
	color: #fff;
	background: #68A1AF;
	text-transform: uppercase;
	display: block;
	width: 140px;
	text-align: center;
	padding: 6px 0;
	font-size: 1.2em;
	border-bottom: 3px solid #9AC8D5;
}
.detail-btn a, .checkout-buttons2 a {
	color: #fff;
	background: #F5BA5C;
	text-transform: uppercase;
	display: block;
	width: 440px;
	text-align: center;
	padding: 6px 0;
	font-size: 1.2em;
	border-bottom: 3px solid #F5F05C;
}
.detail-btn a:hover, #studios a:hover, .checkout-buttons a:hover {
	text-decoration: none;
	background: #999;
	color: #fff;
	border-bottom: 3px solid #B3B3B3;
}
.checkout-buttons {
	float: left;
	background: #fff;
	width: 100%;
	}
.checkout-buttons a {
	float: left;
	font-size: 1em;
	width: auto;
	padding: 4px 10px;
	margin-right: 10px;
}
/*=========> Forms <===========*/
fieldset{border:none;}
#frmOrder{
	background:transparent;
	border:0px;
}
.knop, .cr input{
}
label {
	width: 120px;
	float: left;
	display: block;
}
form div {margin-bottom:0.3em;}
form div.cr{
	margin-left: 120px;
	clear:both;
}

input, select, textarea {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
#frmContact select {
	width: 500px;
	font-size: 75%;
}
div.cr label{
	width: auto;
	display: inline;
}

#date{
	background: #C5E0F6;
	border: 1px solid #9ac4e7;
	padding: 10px 20px;
	margin-bottom: 10px;
}
#date fieldset {margin:0px;}
#date label {width: auto;}
.btnGo, .knop {
	color: #fff;
	background: #2771ae;
	border: 1px solid #2771ae;
	padding: 0 10px;
}
.knop {
	background: #68A1AF;
	border: 1px solid #68A1AF;
}

#studios{
	float:left;
}
#content #studios li{
	float:left;
	display: inline;
	text-align: center;
	padding: 0px;
	background:transparent;
	margin: 0 6px 10px 0;
}
#studios li a {
	width:90px;
	color: #fff;
	background: #68A1AF;
	text-transform: uppercase;
	display: block;
	text-align: center;
	border-bottom: 3px solid #9AC8D5;
}
.contact {
	margin-bottom: 40px;
}
.contact h2 {
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
}
.contact img {
	margin-top: 10px;
	border: 3px double #ccc;
	padding: 2px;
	width: 200px;
	float: right;
}

/*=========> Container <===========*/
#container {
	margin:0 auto;
	position:relative;
	overflow: auto;
	text-align: left;
	width:760px;
}
/*=========> Sidebar <===========*/
#sidebar {
	margin-top: 20px;
 	width: 215px;
	float: left;
	display: inline;
}
#sidebar h2 {
	position: absolute;
	left: 250px;
	top: -15px;
	padding: 0px;
	clear: both;
	background: transparent;
	width: 140px;
	height: 75px;
	margin: 0px;
}
#sidebar h2 a{
	display: block;
	text-indent: -5000px;
	text-decoration:none;
	width: 130px;
	float: left;
	height: 85px;
}
#sidebar div{
	margin:10px 0;
	width:215px;
	text-align:center;
	padding:0 0 30px 0;
}
#sidebar h3{padding:30px 0 0 0;}

/*=========> Language <===========*/
#language{
	padding:0 0 24px 0;
	margin:0px;
	text-align: center;
	font-size:.9em;
	height: 18px;
	line-height: 18px;
}
#language a{
	text-decoration: none;
	padding:0 6px;
	width:20px;
}

/*=========> Navigation <===========*/
#nav{
	width:200px;
	padding: 0 0 45px 15px;
	margin-bottom: 20px;
}

#nav li {
	font-size: 1em;
	line-height: 20px;
	text-align: left;
	background: url(../i/arrow.gif) 0 .2em no-repeat;
	list-style: none;
	padding-left: 20px;
	width: 140px;
}
#nav a {
	display: block;
	width: 140px;
}
#nav li ul li{
	background: url(../i/dot.gif) 0 .6em no-repeat;
	padding-left: 16px;
	font-size:.9em;
	line-height: 18px;
}
#content #subnav {
	position: absolute;
	top: 10px;
	right: 20px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#content #subnav li {
	background: url(../i/bg-language.gif) 100% 50% no-repeat;
	padding: 0 10px;
	text-align: center;
	float: left;
	display: inline;
	font-size: 0.9em;
}
#content #subnav li.last {background: none;}
#subnav a {text-decoration: none;}
/*=========> Content <===========*/
#content{
	margin-left: 9px;
	width: 496px;
	float: left;
	display: inline;
	padding: 100px 20px 5px 20px;
}

/*=========> sIFR <===========*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 36px;
}
/*=========> Gallery <===========*/
#gallery{ text-align: center;}
#content #gallery li {
	background: transparent;
	display: inline;
	margin: 6px 3px;
	padding:0px;
}
#gallery img{
	height: 75px;
	border: 1px solid #ddd;
}

/*=========> Basket <===========*/
.basket input{width: 35px;}
.basket a {color:#C00;}
.basket a:hover{color:#c00;}
.basket tr {margin: 10px 0 10px 0;}
.basket tr td, .basket tr th {
	padding: 5px 8px;
	vertical-align:middle;
}
.basket thead th{
	padding: 8px 8px;
}
.basket tfoot tr td{
	padding: 6px 8px;
	background: #68A1AF;
}
.basket thead{
	background:#999;
	color:#FFF;
}
.basket img{margin:0; padding:0;}
.basket tr td.image{text-align:center;}
.basket tr td.image img{width:40px;}
.basket tr th.del{width:16px;}
.basket tr th.quantity {
	text-align:center;
	width:35px;
}
.basket tr td.quantity {text-align:center;}
.basket tr th.price {
	text-align:center;
	width:80px;
}
.basket tr td.price {text-align:right;}
.basket tr.odd {background:#efefef;}
.basket tfoot a {
	color:#06F;
	text-decoration:none;
}
.basket tfoot{
	text-align:right;
	color:#FFF;
}
.basket tr td input{margin:0px;border: 1px solid #ddd;}
.basket tr td.empty{border-left:none;}

span.error {color: red;}
#content ul.error {
	border-top: 1px solid #eb897d;
	border-bottom: 1px solid #eb897d;
	background: #ffddd8;
	padding: 5px 10px;
	color:#c42d1b;
}
#content ul.error li {
	background:url(../i/layout/error.gif) 0 0.2em no-repeat;
	padding:0 0 0 20px;
}
p.thanks {
	color:#58be33;
	background:#cfffb6 url(../i/layout/thanks.gif) 2% 50% no-repeat;
	padding:10px 10px 10px 30px;
	font-weight: bold;
}
fieldset h3 {
	font-size: 1.2em;
	margin: 0px;
}
fieldset {margin-bottom: 20px;}
fieldset br{display:none;}
fieldset address br{display:block;}
fieldset address{
	margin:0;
	padding:2px 0;
}
#delivery input, #delivery select, .visa input {
	width: 220px;
	display: block;
	padding: 2px;
}

#delivery .radio input, fieldset.radio input {
	width:auto;
	display:inline;
}
#delivery .button input {
	float:left;
	background: #999;
	cursor: default;
	color: #fff;
	width: auto;
	margin-right: 20px;
	border: 1px solid #666;
	cursor: pointer;
}
#delivery label, .visa label {
	float : left;
	display: inline;
	width : 245px;
}
.radio input {
	background:transparent;
}
#DeliveryMethods label, #PaymentMethods label {
	width:auto;
	float:none;
}
#delivery fieldset p{
	font-style:normal;
	color:#888;
	margin: 0 0 10px 0;
}

DeliveryMethods strong, #PaymentMethods strong {
	color:#c00;
	font-weight:normal;
}

.basket-checkout {
	text-align : right;
	margin:10px 0;
	border:1px solid #ddd;
	border-collapse:collapse;
}
.basket-checkout td, .basket-checkout th {
	text-align : left;
	border:1px solid #ddd;
	padding:4px;
}

th.name {width : 220px;}
th.money, td.money, th.remove, td.CheckoutLineQuantity, td.CheckoutLineUnitPrice, td.CheckoutLineLineTotal {text-align : right;}

th.remove {
	width : 55px;
	text-align : left;
}
td.CheckoutLineQuantity {text-align : center;}

.help {
	border-bottom: dotted 1px #c00;
	cursor: help;
}

#help-contact {
	border: 1px solid #beeee0;
	background: #dffffb;
	padding: 10px 20px;

}

#visa label{
	display:block;
}
/*=========> Footer <===========*/
#footer{
	margin-left: 224px;
	text-align: center;
	padding:20px 0 25px 0;
	font-size:.9em;
}
.quote{
	margin: 20px 5px;
	padding: 10px;
	background: #C5E0F6;
	border: 1px solid #0095D9;
}
.quote a{
	font-size: 14px;
	color: #000;
}
blockquote{
	margin: 10px 5px;
	padding: 10px;
	background: #C9E6E7;
	border: 1px solid #008F93;
	font-size: 12px;
	color: #000;
}
#location