/*---{ common )-------------------------------------------------------*/

body
{
	font-size: small;
	text-align: center;
	color: #454545;
	background: #CCD0D3;
	/*
	background: url(../images/bg.jpg) left top fixed;
	*/
	padding: 0;
	margin: 0;
	line-height: normal;
}
body.popup {
	background:#fff;
	text-align: left;
	padding: 10px;
}

body, input, select, textarea, td, th, button
{
	font-size: 100%;
	font-family: Arial, Verdana, sans-serif;
	line-height: normal;
}

h1, .Kop1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	padding:0;
	margin:5px 0 8px 0;
	color: #ab0416;
	text-transform: uppercase;	
}

h2, .Kop2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #454545;
	padding:0;
	margin:5px 0 8px 0;
}

h3, .Kop3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #454545;
	padding:0;
	margin:0 0 8px 0;
}

a
{
	color: #454545;
	text-decoration: none;
	outline: none;
}

a:hover
{
	color: #ab0416;	
}

a.download{}

#content a {
	text-decoration: underline;
}

#content a:hover
{
	text-decoration: underline;
}

.clsSmall
{
	font-size: 85%;	
}


.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

.clearboth
{
	clear: both;
}

/*---{ wrapper )-------------------------------------------------------*/

#wrapper
{
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 980px;
	font-size: 85%;
	background: #fff;
	border-left: 1px solid #BFC0C1;
	border-right: 1px solid #BFC0C1;
}

/*---{ header )-------------------------------------------------------*/

#header
{
	height: 286px;
	padding: 0;
	margin: 0;
	position: relative;
}

/* logo */

#logo
{
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 1;
	left: 40px;
	top: 20px;
	background: url(../images/img_logo.gif) left top no-repeat;
	font-size: 200%;
}

#logo a
{
	padding: 0;
	margin: 0;
	display: block;
}

#logo, #logo a
{
	width: 240px;
	height: 77px;
}

#logo a span
{
	display: none;
	overflow: hidden;
}

/* address */

#header address
{
	display: none;
}

#headerBanner
{
	position: absolute;
	top: 116px;
	left: 0;
	width: 980px;
	height: 170px;
	background: #797a7c;
		
}

/* textSizeNav */

#textSizeNav
{
	position:absolute;
	z-index:1;
	right:20px;
	top:50px;
}


/* utilNav */

#utilNav ul
{
	position: absolute;
	z-index: 1;
	right: 286px;
	top: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;	
}

#utilNav ul li
{
	padding: 0 15px 0 0;
	margin: 0;
	list-style: none;
	float: left;
	font-size: 12px;
}

#utilNav ul li.active a
{
	color: #ab0416;
	text-decoration: underline;
}

#utilNav ul li a
{
	padding: 0;
	margin: 0;
}

/* breadCrumbs */

#breadcrumbs
{
	margin: 0;
	position: absolute;
	font-weight: normal;
	font-size: 100%;
	border: 0;
	left: 0;
	top: 0;
	line-height: 17px;
	z-index: 1;
}
/*
#breadcrumbs a {
	padding: 0 0 0 18px;
	background: url(../images/img_breadcrumbs.gif) 3px 4px no-repeat;
}
*/

.full #breadcrumbs 
{
	
}

/* globalNav */

#globalNav 
{
	z-index: 1;
}

#globalNav ul
{
	position: absolute;
	padding: 0;
	margin: 0;
	right: 175px;
	top: 75px;
	list-style: none;
	float: left;
	z-index: 1;
	width: 450px;
}

#globalNav ul li
{
	padding: 12px 0 0 0;
	margin: 0 6px 0 0;
	list-style: none;
	float: left;
	width: 83px;
	height: 31px;
	text-align: center;
	background: url(../images/globalnav-item.gif) left top no-repeat;
}

#globalNav ul li a
{
	font-size: 1.17em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #EFEFEF;
	text-decoration: none;
	text-transform: uppercase;
}

#globalNav ul li.active
{
	background: url(../images/globalnav-item-active.gif) left top no-repeat;
}

#globalNav ul li.active a{
	color: #FFFFFF;
}

#globalNav ul li.active a:hover
{
	text-decoration: none;
}

#globalNav ul li.more a {}

#globalBar
{
	position: absolute;
	top: 115px;
	height: 235px;	
	width: 100%;
}


/*---{ cols )-------------------------------------------------------*/

#cols
{
	position: relative;
	padding: 0;
	margin: 6px 20px 30px 20px;
	width: 934px;
	height: 1%;
	background: #fff;
}

body.full #cols 
{
	width: 934px;
}

#content
{
	position: relative;
	float: left;
	padding: 35px 0 0 0;
	margin: 0;
	width: 700px;
	font-size: 12px;
	line-height: 18px;
}

body.full #content 
{
	width: 934px;
	margin: 20px 0 0 0;
	padding: 0;
}

#sidecol
{
	font-size: 12px;
	position: relative;
	float: left;
	padding: 0;
	margin: 24px 0 0 0;
	width: 220px;
}

body.full #sidecol 
{
	display:none;
}


/*---{ localNav )-------------------------------------------------------*/

#localNav
{
	padding: 0;
	margin: 0 20px 0 0;
}

#localNav h3
{
	font-weight: normal;
	margin: 10px 0 10px 0;
	height: 1%;
	font-size: 18px;
	color: #ab0416;
	text-transform: uppercase;
}

#localNav h3 a
{
	color: #ab0416;
}

#localNav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#localNav ul li
{
	padding: 9px 0 9px 10px;
	margin: 0;
	height: 1%;
	list-style: none;
	border-bottom: 1px solid #dddddd;
}

#localNav li.active {
	background: #ab0416;
}

#localNav ul li a
{
	padding: 0;
	margin: 0;
}

#localNav ul li.active a 
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#localNav ul li ul
{
	display: none;
	border-bottom: none;
	margin: 0;
	padding: 0;	
}

#localNav ul li.active ul
{
	border-bottom: none;
	margin: 5px 0 0 0;	
}

#localNav ul li ul li
{
	border-bottom: none;
}

#localNav ul li.active ul 
{
	display: block;
}

#localNav ul li.active ul li
{
	padding: 5px 0 5px 15px;
}

#localNav ul li.active ul li a
{
	font-weight: normal;
}

#localNav ul li.active ul li.active a
{
	font-weight: bold;
}


/*---{ footer )-------------------------------------------------------*/

#footer
{
	position: relative;
	height: 185px;
	padding: 20px 40px;
	margin: 0;
	font-size: 12px;
	background: url(../images/bg_footer.gif) left top no-repeat;
}

#footer #footerList 
{
	height: 1%;
	position: relative;
}

#footer #footerList .item 
{
	position: relative;
	float: left;
	margin-right: 10px;
	width: 220px;
	height: 120px;
	font-size: 11px;
	line-height: 16px;
}

#footer #footerList .item h3
{
	color: #AB0017;
	margin: 0 0 5px 0;
	padding: 0;
}

#footer #footerList .itemLast 
{
	margin-right: 0;
	width: 260px;
}

#footer #footerList .item .nlKaart {
	position: absolute;
	right: 35px;
	top: -8px;
	z-index: 20
}


#footer #footerList .item p {
	margin: 0 0 5px 0;
	padding: 0;
}
#footer #footerList .item ul
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer #footerList .item ul li
{
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#footer .footerLogo
{
	position: absolute;
	top: 116px;
	left: 38px;
	width: 900px;
	height: 60px;
	text-align: left;
	z-index: 10;
}

#footerNav
{
	position: absolute;
	z-index: 1;
	left: 15px;
	bottom: 14px;
}

#footerNav ul
{
	float: left;
	list-style: none;
	height: 1%;
	padding: 0;
	margin: 10px 0 0 20px;
}

#footerNav ul li
{
	float: left;
	list-style: none;
	padding: 0;
	padding: 0;
}

#footerNav ul li a
{
	margin: 0 10px 0 0;
}

#footerNav ul li a.active
{
	font-weight: bold;
}

#footerNav ul li a.more
{
	
}


/* legal */

#legal
{
	position: absolute;
	z-index: 1;
	left: 15px;
	bottom: 1px;
	padding:0;
	margin:0;
}

#divide
{
	display: none;
	position: absolute;
	z-index: 1;
	right: 270px;
	bottom: 14px;
	padding:0;
	margin:0;
}

#gotoTop
{
	position: absolute;
	z-index: 1;
	right: 15px;
	bottom: 30px;
	padding:0;
	margin:0;
}

#paymentproviders {
	position: absolute;
	z-index: 1;
	right: 35px;
	bottom: 8px;
	padding:0;
	margin:0;
}

#footer a {}

/* --- { sitemap } ----------------------------------------------------*/

#sitemapNav
{
	padding: 0;
	margin: 10px 0 20px 0;
	border-left: 1px solid #DCDCDC
}

#sitemapNav ul
{
	padding: 0 0 0 20px;
	margin: 0;
}

#sitemapNav ul li
{
	list-style: none;
	padding: 0 0 0 12px;
	margin: 0;
	height: 1%;
}

#sitemapNav ul li a
{
	margin: 0 5px 0 0;
	padding: 0;
	height: 1%;
	text-decoration: none;
}

#sitemapNav ul li a:hover {
	text-decoration: underline;
}


/*---{ page-navigation }---------------------------------------------------------*/

div.pageNav {
	position: relative;
	width: 724px;
	height: 30px;
	padding: 0;
	margin: 10px 0 0 0;
}

div.pageNav .comments {
	float: left;
	margin-right: 10px;
}

div.pageNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	position:absolute;
	right:0px;
	top:0px;
}

div.pageNav ul li {
	list-style: none;
	float: left;
	border-left: solid 1px #DEDEDE;
	text-align: center;
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
}

div.pageNav ul li a {
	font-size: 12px;
	color: #454545;
}
div.pageNav ul .prev,
div.pageNav ul .prevDisabled {
	border-left: 0px;
}

div.pageNav ul .prev,
div.pageNav ul .prevDisabled,
div.pageNav ul .next,
div.pageNav ul .nextDisabled {
	/*display: none;*/
	font-size: 12px;
}
div.pageNav ul li.prev a ,
div.pageNav ul li.prevDisabled a,
div.pageNav ul li.next a,
div.pageNav ul li.nextDisabled a {
	text-decoration: none !important;
}

div.pageNav ul a {
	text-decoration:none;
}

div.pageNav ul a:hover {	
}
div.pageNav ul li.active {

	font-size: 12px;
	font-weight: bold;
}

div.pageNav ul li.active a
{
	color: #aa0116;		
}
/*---{ colLeft And colRight )-----------------------------------------------*/

#content .colLeft 
{
	float: left;
	width: 750px;
}

#content .colRight {
	float: right;
	width: 180px;
}


/*---{ Languagenav )-------------------------------------------------------*/

#languageNav {
	position: absolute;
	right: 10px;
	top: 10px;
}

#languageNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#languageNav ul li {
	padding: 0 0 0 15px;
	margin: 0;
	list-style: none;
	float: left;
}
#languageNav ul li.active a {
	text-decoration: underline;
}

/*---{ Membernav )-------------------------------------------------------*/

#memberNav 
{
	position:absolute;
	right: 10px;
	color: #454545;
	top: 10px;
	font-size: 12px;
}

/*---{ Favorites )-------------------------------------------------------------*/

#favorites {
	position: absolute;
	top: 75px;
	right: 210px;
}

/*---{ Custom elements )-------------------------------------------------------*/

.thumb table {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.thumb table tr {
	height: 100%;
}
	
.thumb table tr td {
	height: 100%;
	vertical-align: middle;
}

a img {
	border: 0;
}

td.right {
	text-align: right;
}

/*---{ Box)-------------------------------------------------------*/

.box h2 {
	border-bottom: 0px;
	font-size: 100%;
	text-transform: uppercase;
	background-color: #0075bb;
	color: #fff;
	padding: 4px;
	margin-bottom: 5px;
}

.box h2 a {
	display: block;
	color: #fff;
}

.box h2 a:hover {
	text-decoration: none;
}

/*---{ Other custom )-------------------------------------------------------*/

.small {
	font-size: 90%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.error { 
	border: 1px solid #E7604D;
	background: #FCE9E6 url(../images/ico_alert_16x16.png) no-repeat 5px 50%;
	padding: 8px 8px 8px 24px;
	margin-bottom: 20px;
}

.ok { 
	border: 1px solid #5B942C;
	background: #B8EF84;
	padding: 8px 8px 8px 8px;
	margin-bottom: 20px;
}

#content a.print
{
	position: relative;
	width: 100px;
	display: block;
	padding: 8px 0 0 0;
	text-align:center;
	float: right;
	margin: 0 10px 0 0;
	text-decoration: none;	
}

#content a.pdf
{
	position: relative;
	width: 100px;
	display: block;
	padding: 8px 0;
	text-align: center;
	float: right;
	text-decoration: none;
}
/*---{ fontsize fix }-------------------------------------------------*/

body {
	font-size:x-small; /* IE5 Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;  
}
html>body  { /* be nice to Opera */
	font-size: small;
}

/*---{ boxmodel fixes }-----------------------------------------------*/

/*
#content{
	width: 580px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;  
}
html>body #content{
	width: 580px;
}
*/


/*---{ Standard Form and Formelements )-------------------------------------------------------*/
#frm, 
#filter,
#pageFilter
#pageFilterBottom,
#frmNewsletter {
	padding: 0;
	margin: 0;
}

#frm tr.head td {
	font-weight:bold;
}

table tr th,
table tr td {
	text-align: left;
	vertical-align: top;
	line-height: 21px;
}
table tr th {
	font-weight: normal;
}

.required {
	background: url(../images/required.gif) right 8px no-repeat;
}
span.required {
	background: url(../images/required.gif) right 3px no-repeat;	
}

#frm h2 
{
	position: relative;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 4px 0;
	margin: 0 0 10px 0 !important;
	display: block;
	font-weight: normal;
	color: #ab0416;
}


/*---{ Form-Elements )-------------------------------------------------------*/

.clsInput,
.clsTextarea,
.clsSelect {
	border:1px solid #cfcfcf;
	background: #FEFEFE;
	padding: 2px;
}
.clsInput,
.clsSelect {
	width: 180px;
}
.clsTextarea {
	width: 380px;
	height: 130px;
}
.clsButton {
	background: #AB0416;
	border: none;
	color: #FFF;
	line-height: 20px;
	height: 22px;
	font-weight: bold;
	outline: none;
}

select.day {
	width: 45px;
}
select.month {
	width: 75px;
}
select.year {
	width: 60px;
}
/* ---- { Caddy } ----------------------------------------------------------------- */

#caddy {
}

/*---{ colLeft And colRight )-----------------------------------------------*/

#content #caddy .colLeft {
	width: 720px;
	padding: 0px;
}

#content #caddy .colRight {
}

/*---{ 2 kolommen )---------------------------------------------------------*/ 

/* Stappen in winkelwagen en aanmeldformulier hebben elke keer 2 kolommen. */
#caddy .colLeft .col,
#content .col {
	width: 320px;
	padding: 10px;
	float: left;
	border: 1px solid #e9eaea; 
	min-height: 220px;
}

/* ---- { Tabs } ----------------------------------------------------------------- */

#caddyTabList {
	display: block;
	padding: 5px 0 5px 0;
}

#caddyTabList ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	width:100%;
	height: 45px;
	border-bottom: 1px solid #D5D5D5; 
}

#caddyTabList ul li {
	position: relative;
	width: auto;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #B9BABD;
	padding: 8px 15px;
	margin-right: 6px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

#caddyTabList ul li.active {
	background-color: #000;
	color: #fff;
}

/* ---- { Navigation } ----------------------------------------------------------------- */

#stepBox,
#stepBoxTop {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #CFCFCF;
	text-align:left;
	width: 720px;
}
#stepBoxTop {
	border-top: none;
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 10px;
	padding-top: 0;
}

#stepBox button.prev,
#stepBoxTop button.prev {
	float: left;
}

#stepBox button.next,
#stepBoxTop button.next {
	float: right;
}

#stepBox .clsButton {
	background: transparent url(../images/button.gif) left top no-repeat;
	border: none;
	color: #EFEFEF;
	width: 207px;
	line-height: 34px;
	height: 34px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#stepBox .clsButton.prev span {
	padding: 0 0 0 24px;
	background: url(../images/button_arrow_prev.gif) left 2px no-repeat;
}
#stepBox .clsButton.next span {
	padding: 0 24px 0 0;
	background: url(../images/button_arrow_next.gif) right 2px no-repeat;
}

#stepBoxTop button {
	background: none;
	color: #333333;
}


/* ---- { Betaalmethode } -------------------------------------------------------------- */

ul#paymentMethod {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#paymentMethod li {
	width: 160px;
	height: 80px;
	padding: 0;
	margin: 0 10px 10px 0;
	border: 1px solid #CFCFCF;
	list-style: none;
	float: left;
}
ul#paymentMethod li span {
	font-weight: bold;
}
ul#paymentMethod li img {
	display: block;
	margin: 5px 0 0 5px;
}

/* ---- { selecteer afhaaladres } ----------------------------------------------------------------- */
#shopList {
	height: 200px;
	overflow-y: scroll;
}
#shopList table thead tr td {
	font-weight: bold;
}
#shopList table tr td {
	border-bottom: 1px solid #F1F1F1;
	line-height: 20px;
}
#shopList table tbody tr td {
	cursor: pointer;
}

/* ---- { Factuur } ----------------------------------------------------------------- */

#caddy .order {
	display: block;
	padding: 10px;
	border: 1px solid #C0C0C0;
	margin-bottom: 10px;
	background: #FFF;
}

#caddy iframe#conditions {
	width: 100%;
	height: 160px;
	border: 1px solid #C0C0C0;
	padding: 0;
	margin: 0 0 10px 0;
}

/* ---- { Ogone iframe } ----------------------------------------------------------------- */

#caddy iframe.ogone {
	border: 1px solid #C0C0C0;
}/*---{ Shoppingbag )-------------------------------------------------------*/


#shoppingBag 
{
	position: absolute;
	top: 42px;
	right: 14px;
	background: url(../images/img_shoppingbag.gif) left 5px no-repeat;
	padding: 0 0 0 54px;
	margin: 0;
	line-height: 16px;
	height: 70px;
}

#shoppingBag table 
{
	width: 100%;
}

#shoppingBag strong
{
	text-transform: uppercase;
	font-size: 12px;	
	font-weight: bold;
}

#shoppingBag table td
{
	padding: 2px 0 2px 0;
	border-top: 1px dotted #CFCFCF;
}

#shoppingBag .ui-spinner 
{
	width: 40px;
	padding: 0;
}

#shoppingBag table td.quantity 
{
	width: 45px;
}

#shoppingBag table td.total 
{
	text-align: right;
	width: 50px;
}

#shoppingBag table tfoot td 
{
	margin-top: 10px;
}

#shoppingBag table tfoot td 
{
	font-weight: bold;
}




/*---{ Producten )-------------------------------------------------------*/

.transfer {
	border: 1px solid #3D3C3C;
}



/*---{ Hoofdpagina )-------------------------------------------------------*/

#mainCatList {
	padding: 18px 0 30px 0;
}

#mainCatList .item {
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	width: 310px;
	padding:0;
}

#mainCatList .item h2 {
	border: 0;
	font-family: Trebucet MS;
	font-size: 1.4em;
	color: #454545;
	margin-bottom: 10px;
}

#mainCatList .item h3 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

#mainCatList .thumb {
	border: 1px solid #ddd;
	width: 250px;
	height: 160px;
}

#mainBrandList {
	padding-top: 30px;
	border-top: 1px solid #ccc;
	width: 100%;
}
#mainBrandList .item {
	float:left; 
	width:354px; 
	margin:0 10px 10px 0; 
	padding: 8px 0 8px 8px;
	height: 135px; 
	border:1px solid #ccc; 
	overflow-y: auto;
	font-size: 11px;
	line-height: 16px;
}
#mainBrandList .item img {
	display: block;
	margin-bottom: 5px;
}
#mainBrandList .item a {
	text-decoration: none;
}
#mainBrandList .item a:hover {
	text-decoration: underline;
}


/*---{ Categorienavigatie)-------------------------------------------------------*/

.pageFilterList {
	float: left;
	padding: 10px 0 0 0;
}

.pageFilterList .selectBoxSelected {
	float: left;
	padding: 0 20px 0 0;
}

.pageFilterList .selectBoxSelected select {
	width: 60px;
	margin-left: 6px;
}

#catNav {
	margin-bottom: 30px;
	margin-top: 20px;
}

#catNav ul  {
	margin: 0;
	padding: 0;
	list-style: none;
}

#catNav ul li {
	margin: 0 25px 5px 0;
	padding: 0;
	list-style: none;
	width: 16%;
	float: left;
}

#catNav ul a {
	display: block;
	font-weight: normal;
	color: #666666;
	font-size: 13px;
}

#catNav.main {
	margin: 0;
}

#catNav.main ul li {
	width: 33%;
}

#catNav.main ul li a{
	font-size: 12px;
}


#catNav ul li.active a {
	color: #cc3333;
}

#catNav ul a:hover {
	text-decoration: none;
}

#catNav ul li ul li {}

#catNav ul li ul li a {
	padding-left: 18px;
	font-weight: normal;
}

#catNav span.count {
	
}

/*---{ Categoriepagina )-------------------------------------------------------*/

.full .colLeft h1.catTitle {
	margin: 0 !important;
	padding: 10px 0 0 0 !important;
}

.full .colLeft h1.catTitle a {
	color: #AB0416;
	text-decoration: none !important;
}

#productList 
{
	position: relative;
	padding: 10px 0 0 0;
	height: 1%;
}

#productList .item,
#suggestionList .item {
	position: relative;
	float: left;
	width: 170px;
	height: 166px;
	margin: 0 13px 13px 0;
	padding: 5px 1px 1px 1px;
	overflow: hidden;
	background: url(../images/bg-product.gif) left top no-repeat;
}
#suggestionList .item {
	margin-right: 0;
}

#productList .banner {
	position: relative;
	float: left;
	width: 357px;
	margin: 0 13px 0 0;
	background: black;
}
#productList .brand {
	position: absolute;
	right: 5px;
	top: 5px;
}
#productList .folder {
	position: absolute;
	top: 0px;
	left: 0px;
}

#productList .top 
{
	height: 162px;
}

#productList .item .thumb,
#suggestionList .item .thumb {
	position: relative;
	width: 160px;
	height: 160px;
	padding: 0;
	margin: 0 0 0 5px;
	overflow: hidden;
}

#productList .item .thumb table tr td,
#suggestionList .item .thumb table tr td {
	text-align: center !important;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	width: 160px;
}
#productList .item .thumb a,
#suggestionList .item .thumb a {
	/*
	position: absolute;
	left: -6px;
	top: -6px;
	*/
}

#productList .item h3,
#suggestionList .item h3 {
	display: none;
}

#productList .item h3 a,
#suggestionList .item h3 a {
	text-decoration: none;
}
#productList .item h3 a:hover,
#suggestionList .item h3 a:hover {
	text-decoration: underline;
}

/*
<div class="price">
	<span class="old">
		<span class="price">
			<span class="valuta">&euro;</span>
			<span class="main">159</span>
			<span class="separator">,</span>
			<span class="cents">95</span>
		</span>
	</span>
	<span class="new">
		<span class="price">
			<span class="valuta">&euro;</span>
			<span class="main">119</span>
			<span class="separator">,</span>
			<span class="cents">00</span>
		</span>
	</span>
</div>
*/

#productList .item div.price,
#suggestionList .item span.price
{
	position: absolute; 
	bottom: 10px;
	left: 6px;
	font-size: 12px;
	font-weight: normal;
	width: auto;
	padding: 3px;
}

#productList .item .price span {
}

#productList .item .price span.pre {
	margin-right: 5px;
}

#productList .item .price .old,
#suggestionList .item .price .old
{
	text-decoration: line-through;
	color: #454545;
	display: block;
	font-size: 10px;
}

#productList .item .price,
#suggestionList .item .price {
	color: #454545;
}
#productList .item .price,
#suggestionList .item .price {
	color: #454545;
}
#productList .item .price,
#suggestionList .item .price {
	color: #454545;
}
#productList .item .price,
#suggestionList .item .price {
	color: #454545;
}

#productList .item .price .new .price,
#suggestionList .item .price .new {
	color: #FF0000;
}

#productList .item .price .pieces {
}

#productList .item .price .pieces .new {
}	

#productList .order {
}

#productList .order button.order {
	
}

#productList .pictureList ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#productList .pictureList ul  li{
	float: left;
	padding: 2px;
	margin: 0 5px 0 0;
	width: 24px;
	height: 24px;
	list-style: none;
	border: 1px solid #dddddd;
	text-align: center;
}


/*---{ Filters )-------------------------------------------------------*/

#productExplorer {
}
#productExplorer #filterList {
	width: 168px;
	border-left: 1px solid #B4B5B7;
	border-right: 1px solid #B4B5B7;
	padding: 8px 0 0 10px;
}
#productExplorer .top {
	width: 180px;
	height: 32px;
	background: url(../images/img_expl_top.gif) left top no-repeat;
}
#productExplorer .bottom {
	width: 180px;
	height: 25px;
	background: url(../images/img_expl_bottom.gif) left bottom no-repeat;
}
#productExplorer .clsButtonExplorer {
	background: url(../images/button_zoeken.gif) left top no-repeat;
	width: 158px;
	height: 28px;
	color: red;
}
#productExplorer .clsButtonExplorer span {
	display: none;
}

/* checkboxes */
#filterList ul#catFilter {
	margin:0;
	padding:0 0 0 12px;
	width: 150px;
	overflow: hidden;
}
#filterList #catFilter li {
	margin: 0;
	padding:1px 8px 1px 8px;
	list-style: none;
	float: left;
	background: none;
}
#filterList #catFilter li a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/img_cb_unchecked.gif) left top no-repeat;
}
#filterList #catFilter li a.active {
	background: url(../images/img_cb_checked.gif) left top no-repeat;
}
#filterList #catFilter li a span {
	display: none;
}

/* selectboxes */
#filterList .optSelected {
	background: #AB0416;
	color: #EFEFEF;
}

#filterList .item {
	padding: 5px 0 5px 0;
}

#filterList .item h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 8px 0;
}

#filterList .item select {
	width: 157px;
	color: #333333;
}

#filterList #subcatNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#filterList #subcatNav li {
	list-style:none;
	margin: 0;
	padding: 1px 0;
}

#filterList #subcatNav li a {
	text-decoration: none;
	color: #898989;
	line-height: 18px;
}

#filterList #subcatNav li.active a {
	text-decoration: underline;
}

#filterList #colorList {
	height: 1%;
}

#filterList #colorList ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#filterList #colorList ul li {
	padding: 3px;
	border: 1px solid #f2f2f2;
	margin: 0 2px 2px 0;
	float: left;
	border: 1px solid #f2f2f2;
}

#filterList #colorList ul li a {
	width: 16px;
	height: 16px;
	display: block;
	background: #fff;
	color: #fff;
	padding: 0;
	text-decoration: none;
}

#filterList #colorList ul li a:hover {
	text-decoration: none;
}

#filterList #colorList ul li.active {
	border: 1px solid #C0C0C0;
	background-color: #fff;
}

#filterList #priceList 
{
	height: 1%;
}

#filterList #priceList ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#filterList #priceList li 
{
	width:49%;
	list-style:none;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

#filterList #priceList li a 
{
	text-decoration: underline;
	color: #898989;
}

#filterList #priceList li.active a 
{
	color: #cc3333;
}

#filterList #brandList 
{
	height: 1%;
}

#filterList #brandList ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#filterList #brandList li 
{
	margin: 0 0 5px 0;
	padding: 0;
}

#filterList #brandList li a 
{
	text-decoration: underline;
	color: #898989;
}

#filterList #brandList li.active a 
{
	color: #cc3333;
}

/*---{ Detailpagina )-------------------------------------------------------*/

#productItem {
}
#productItem .left { 
	width: 480px;
	position: relative;
	padding: 30px 7px 0 0;
}
#productItem .right { 
	position: relative;
	float: left;
	width: 240px;
	padding: 40px 0 0 0;
}

#productItem #productTitle {
	background: url(../images/img_bg_title.gif) left top no-repeat;
	width: 420px;
	height: 35px;
	padding: 0 15px;
	overflow: hidden;
}
#productItem #productTitle h1 {
	margin: 0;
	padding: 0;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
}

#productItem .left .picture {
	position: relative;
} 
#productItem .left .brand {
	position: absolute;
	right: 20px;
	top: 5px;
} 

#productItem .back {
	position: absolute;
	right: 0px;
	top: 0;	
}

#productItem .nostock {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border: 1px solid #5C5857;
	background-color: #5C5857;
	color: #fff;
	margin: 10px;
}
#productItem .nostock  a{
	color: #fff;
	text-decoration: underline;
}

#productItem .left .thumb {
	position: relative;
	width: 450px;
	height: 410px;
	overflow: hidden;
}
#productItem .left .thumb table tr td {
	text-align: center;
	vertical-align: middle;
}

#productItem #pictureList {
	padding-top: 10px;
}
#productItem #pictureList h2 {
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
}

#productItem #pictureList ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#productItem #pictureList ul li 
{
	float: left;
	width: 98px;
	height: 96px;
	margin: 0 10px 10px 0;
	background: url(../images/bg-product_small.gif) left top no-repeat;
	list-style: none;
	padding: 3px 1px 1px 1px;
}

#productItem #pictureList ul li img {
	border: 0;
}

#productItem table tr td {
	padding-right: 2px;
}

#productItem .content{}

#productItem .content .top {
}
#productItem .content .top span {	
	color: #454545;
	font-weight: bold;
	text-transform: uppercase;
}
#productItem .content .bottom {}

#productItem .content h1 {
	display: block;
	margin: 0;
	padding: 4px 0 0 0;
}

#productItem .brand {
	padding-bottom: 15px;
}

#productItem p.content 
{
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 12px;
	color:#666666;
	line-height: 16px;
	width: 420px;
	/*border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;*/
}
#productItem p.content span {
	color: #454545;
	font-weight: bold;
	text-transform: uppercase;
}

#productItem .price {
	font-weight: bold;
	font-size: 16px;
}

#productItem .price .pre {
	margin-right: 5px;
}

#productItem .price .old {
	text-decoration: line-through;
	font-size: 12px;
}

#productItem .price .new {
	margin-left: 10px;
}

#productItem .price .pieces {
	font-size: 80%;
	font-weight: normal;
	display: block;
}

#productItem .price .pieces .new {
	margin-left: 0;
}

#productItem .tax {
	margin-bottom: 20px;
}

#productItem .config * {
	color: #666666;
	line-height: 16px;
}

#productItem  select {
	width: 60px;
}
#productItem .sizeList {
	padding: 5px 0 10px 0;
	position: relative;
}
#productItem .sizeList ul {
	margin: 0;
	padding: 0;
}

#productItem .sizeList ul li{
	list-style: none;
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: center;
}

#productItem .sizeList ul li.disabled a {
	cursor: default;
	background: #D2D3D5;
}
#productItem .sizeList ul li a {
	position: relative;
	display: block;
	padding: 2px;
	background: #7A7C7E;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
#productItem .sizeList ul a.selected {
	background: #AA0116;
}

#productItem .colorList ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#productItem .colorList ul li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: center;
}

#productItem .colorList ul li a {
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 64px;
	height: 64px;
	padding: 2px;
}

#productItem .colorList ul li a img {
	margin-top: 4px;
}

#productItem .colorList ul li.disabled a {
	border: 1px solid #f1f1f1;
	color: #cfcfcf;
	cursor: default
}

#productItem .colorList ul li.disabled a img {
	opacity:0.4;
	filter:alpha(opacity=40);
}

#productItem .colorList ul li a:hover {
	border: 1px solid #000;
}

#productItem .colorList ul li.disabled a:hover{
	border: 1px solid #f1f1f1;
}

#productItem .colorList ul a.selected {
	border: 1px solid #000;
}

#productItem .order {
	padding: 0px 0 15px 0;
	text-align: left;
}

#productItem .order p {
	padding: 0;
	margin: 0 0 10px 0;
	color: #6a6d6c;
	font-size: 12px;
}

#productItem td.total,
#productItem td.total span 
{
	font-size: 12px;
	font-weight: normal;
}

#productItem .order {
}

#productItem .order button.order {
	padding: 0;
	margin: 2px 0 0 5px;
	border: 0;
	width: 16px;
	height: 16px;
}

#productItem .order .orderAdded {
	/*display: none;*/
}
#productItem .order button.order,
#productItem .order button.orderAdded {
	margin: 0;
	padding: 0;	
	font-size: 12px;
	text-align: center;
	width: 240px;
	height: 34px;
	color: #fff;
	background: #AA0116;
}
#productItem .order button.order span,
#productItem .order button.orderAdded span 
{
	padding-left: 20px;
 	background: url(../images/plus.gif) left 45% no-repeat;
}

#productItem .order button.orderAdded 
{
	border: 0;
	background: #9B9D9F;
}

/* Klantenservice */
.colRight {
	padding: 0;
}
.colRight p {
	margin: 0;
}
.colRight ul {
	margin: 0;
	padding: 0;
}
.colRight ul li {
	list-style: none;
	margin: 7px 0;
	padding: 0 0 0 15px;
	background: url(../images/img_arrow.gif) left 3px no-repeat;
}/*---{ Mijn account )-------------------------------------------------------*/

#account {
}

#account .left {
	width: 50%;
}

#account .right {
	margin-left: 10px;
	width:48%;
}


/*---{ Overzicht )-------------------------------------------------------*/

#account h2 {
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0 4px 0;
	margin: 0;
}
#account h2 a{
	text-decoration: none;
	display: block;
}

#account .slide {
	padding-right: 10px;
	background: url(../images/arrow_more.gif) right 5px no-repeat;
}
#account .slideActive {
	background: url(../images/arrow_lightgray.gif) right 5px no-repeat;
}

/*---{ Orders rechterkant )-------------------------------------------------------*/


#myorder .goback{
	float:right;
	padding-right: 25px;
}
#myorder .print{
	float:right;
}
#myorder #orderdata{
	margin-bottom: -50px;
}
/* ---- { Winkelwagen } ----------------------------------------------------------------- */

table.scTable {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	margin: 0 0 15px 0;
}

table.scTable td { 
	padding: 10px 0;
	vertical-align: top;
	line-height: 16px;
}

table.scTable thead {	
}

table.scTable thead td {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #CACACA;
	padding-bottom: 8px;
}

table.scTable thead td.thumb {
	text-align: center;
}

table.scTable thead td.title {
}

table.scTable thead td.quantity {
}

table.scTable thead td.piece {
}

table.scTable thead td.total {	
	text-align: right;
}

table.scTable thead td.delete {
	text-align: center;
}

/* voorbeeld afbeelding */
table.scTable tbody td .thumb {
	float: left;
	width: 45px;
	height: 45px;
	border: 1px solid #ddd;
	padding: 0;
	margin: 0 15px 0 5px;
	text-align: center;
	background: #FFF;
}
table.scTable tbody td .thumb td {
	margin:0;
	padding:0;
	vertical-align:middle;
	text-align: center;
}
table.scTable tbody td .thumb a {
	text-decoration: none;
}


#shoppingCart table.scTable tbody td .thumb img
{
	width: 32px;
	height: 32px;	
}

/* tbody */
table.scTable tbody td {
	border-bottom: 1px solid #f1f1f1;
}

table.scTable tbody tr.deliveryMehod td {
	border: 0;
}

table.scTable tbody td.empty {
	padding: 20px 0 20px 0;
}

table.scTable tbody td a.title {
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	color: #454545;
	line-height: 20px;
}
table.scTable tbody td .details {
	float: left;
}

table.scTable tbody td a.title:hover {
	text-decoration: underline;
}

table.scTable tbody td span.articlenumber {
	font-size: 11px
}

table.scTable tbody td span.meta {
}

table.scTable tbody td.total {
	text-align: right;
}

table.scTable tbody td.delete {
	text-align: right;
	padding-right: 5px;
}

table.scTable tbody td button.delete {
	background: url(../images/webshop/img_bttn_delete.gif);
	margin: 0;
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

table.scTable tbody td button.delete:hover {
	background: url(../images/webshop/img_bttn_delete_hover.gif);
}

table.scTable tbody td select {
	width: 50px;
}


/* uitzondering */

#shoppingCart table.scTable tbody td .thumb td {
	margin:0;
	padding:0;
	vertical-align:middle;
	text-align: center;
	background: none;
}

/* ---- { Bestelwijze } ----------------------------------------------------------------- */

#deliveryMethod {
	width: 688px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
}

#deliveryMethod h2 {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-weight: bold;
}


#deliveryMethod ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 120px;
	top: 15px;
}

#deliveryMethod ul li{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 18px;
}

#deliveryMethod  a {
	text-decoration: underline;
}

/* cartFoot */
/* ---- { coupon en prijs box } ----------------------------------------------------------------- */

#couponAndPrice {
	width: 688px;
	height: 85px; 
	padding: 15px;
	border: 1px solid #D8D8D8; 
	background-color:#F2F2F2;
	position: relative;
}
#couponAndPrice .coupon * {
	/*float: left;*/
	/*display: none;*/
}
#couponAndPrice .coupon .couponCode {
	width: 105px;
	font-weight: bold;
}
#couponAndPrice .coupon input {
	width: 200px;
}

table.cartFoot {
	position: absolute;
	right: 10px;
	top: 15px;
}

table.cartFoot tr.subtotal td {
	text-align: right;
	font-weight: bold;
	padding-bottom: 5px;
}

table.cartFoot td.title {
	text-align: right;
	padding: 0 20px 0 0;
}

table.cartFoot tr.shippingcosts td {
	padding-bottom: 5px;
}
table.cartFoot tr.shippingcosts td.title {
	vertical-align: middle;
}

table.cartFoot tr.total td {
	padding-top: 15px;
	border-top: 2px solid #C0C0C0;
	font-size: 130%;
	font-weight: bold;
}

table.cartFoot tr.shippingcosts td.value {
	font-size: 115%;
	text-align: right;
	vertical-align: bottom;
}

table.cartFoot tr.total td.value { 
	text-align: right;
	font-size: 130%;
	font-weight: bold;
}

table.cartFoot tr.discount td.title {
	font-size: 110%;
	vertical-align: middle;
}

table.cartFoot tr.discount td.value {
	font-size: 100%;
	text-align: right;
	vertical-align: bottom;
}

table.cartFoot tr.points td.title {
	font-size: 110%;
	font-weight: bold;
	vertical-align: middle;
}

table.cartFoot tr.points td.value {
	text-align: right;
	vertical-align: middle;
}
#homeNews {
	position: relative;
	padding: 15px 0 0 0;
}

/*---{ Carousel )-------------------------------------------------------*/

#newsHighlight{
	position:relative;
	width: 728px;
	height: 232px;
	overflow: hidden;
}
#newsHighlight h2{
	color: #000000;
	line-height: 28px;
	font-size: 28px;
	text-transform: uppercase;
}
#newsHighlight .content{
	float: left;
	padding-right: 30px;
	width: 366px;
	line-height: 17px;
}
#newsHighlight .content a {
}
#newsHighlight .thumb{
	float: right;
	width: 332px;
	z-index: 3;
}
#newsHighlight .thumb img {
}
#newsHighlightFooter{
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;
	height: 24px;
	font-size:12px;
	z-index: 100;
	background: #fff;
}
#newsHighlightFooter .linkmore{
	margin-left: 5px;
	line-height: 27px;
	text-decoration:none;
}
#newsHighlightFooter ul li{
	cursor:pointer;
}

#newsHighlightFooter .curSlide {
	padding:0px;
	list-style:none;
	color:#f3eadb;
	margin: 5px 0 0 0;
	font-size:12px;
	height: 27px;
	float:left;
}
#newsHighlightFooter .curSlide li {
	margin: 0;
	list-style: none;
	float: left;
	line-height: 17px;
	color:#454545;
	padding: 0 3px;
	border: 1px solid #FFFFFF;
}
#newsHighlightFooter .curSlide li.active {
	border: 1px solid #454545;
}


/*---{ Banners )-------------------------------------------------------*/

#banners
{
	position: relative;	
	margin: 20px 0 0 0;
	width: 728px;
	overflow: hidden;
}

#banners ul
{
	position: relative;
	margin: 0;
	padding: 0;	
	list-style: none;
}

#banners ul li
{
	float: left;
	margin: 0 11px 0 0;	
}

#banners ul li.last
{
	margin: 0;	
}

/*---{ Arrivals )-------------------------------------------------------*/

#arrivals {
	margin: 10px 28px 0 28px;
}

#arrivalList 
{
	position: relative;
	margin: 10px 0 10px 0;
	width: 950px;
	height: 180px;
	overflow: hidden;
}

#arrivalList .inner {
	height: 200px;
}

#arrivalList .item {
	float: left;
	width: 145px;
	height: 180px;
	padding: 4px;
}

#arrivalList .small {
	width:80px;
	padding: 0;
}

#arrivalList .small h2 {
	font-size: 16px;
	font-weight: normal;
}

#arrivalList .thumb {
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
	height: 140px;
	border-left: 1px solid #e4e4e4;
}

#arrivalList .thumb .theme {
	
}

#arrivalList .price {
	font-size: 12px;
	margin-left: 10px;
	color: #8c8e8d;
}

#arrivalList .item .price .old {
	text-decoration: line-through;
	font-size: 90%;
}

#arrivalList .item .price .new {
	margin-left: 10px;
	color: #e45100;
	font-weight: bold;
}

#arrivalList .item .price .pieces {
	font-size: 90%;
	margin-left: 10px;
	color: #e45100;
	font-weight: bold;
}

#arrivalList .item .price .pieces .new {
	color: #e45100;
	margin-left: 0px;
	font-weight: bold;
}/*---{ Zoeken )-------------------------------------------------------*/

/* Zoekenoverzicht */

/* Standaard object: pagina */
#searchList {
}
#searchList .item {
	position: relative;
	padding: 4px 0px 10px 0px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #cccccc;
}
#searchList .item h3 {
	font-size: 14px;
	padding:0;
	margin:0;
	line-height: 22px;
	font-weight: bold;
}
#searchList .item h3 a {
	text-decoration: none;
} 
#searchList .item .number {
	display:none;
}
#searchList .item .object {
	color: #666666;
}
#searchList .item .content {
}
#searchList .item .content .highlight {
	background-color: #E2F633
}
#searchList .item a.more {
}

/* Object: product */
#searchList .item.productItem .brand {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
#searchList .item.productItem .content {
	float:right;
	width: 600px;
}

#searchList .item.productItem .picture  {
	float:left;
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;	
	border: 1px solid #DEDEDE;
}
#searchList .item.productItem .picture table {
	width: 120px;
	height: 120px;
	position: relative;
	margin-left: -20px;
	margin-top: -20px;
}
#searchList .item.productItem .picture a {
}
#searchList .item.productItem .picture img {
}/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: 0px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	filter:Alpha(Opacity=30); 
}@import url("ui.core.css");input.spinner {
	width: 15px;
}

.ui-spinner {
	display: inline;
	position: relative;
	height: 40px;
	margin-right: 10px;
	background-color: red;
}

.ui-spinner-disabled {
	background: #F4F4F4;
	color: #CCC;
}

.ui-spinner-box {
	float: left;
	width: 20px;
	height: 17px;
}

.ui-spinner-up,
.ui-spinner-down {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 16px;
	height: 16px;
}

.ui-spinner-up:hover,
.ui-spinner-down:hover {
	position: absolute;
	padding: 0;
	margin:0;
	border:0;
	width: 16px;
	height: 16px;
}

.ui-spinner-up span,
.ui-spinner-down span{
	display: none;
}

.ui-spinner-down {
	background: url(../images/spinner_minus.gif) no-repeat;
	top: 10px;
}

.ui-spinner-up {
	background: url(../images/spinner_plus.gif) no-repeat;
	top: 0;
}

.ui-spinner-up span {
	background-color: red;
}

.ui-spinner-pressed {
	
}

.ui-spinner-list,
.ui-spinner-listitem {
	margin: 0;
	padding: 0;
}#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.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;
    margin: 0;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 728px;
    height: 232px;
	display: block;
	overflow: hidden;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#kaartContainer,
#detailContainer
{
	position: relative; 
	width: 300px; 
	margin: 0;
	border: 1px solid #dce0e1; 
	padding: 1px;
}

#kaartContainer #Googlemap
{
	position: relative;
	height: 260px;
	display: block;
}

/* ----- zoomfunctie ----- */
#ControlDiv 
{
	position: absolute; 
	top: 10px;
	left: 10px; 
	z-index: 10; 
}
.Control .Background,
.ControlAreal .Background{
	background: transparent url(../images/google/map-bg.gif) top left no-repeat; 
	width: 51px;  
	height: 204px; 
	filter:alpha(opacity=70); 
	-moz-opacity:.70; 
	opacity:.70; 
}
.ControlAreal .Background {
	background: transparent url(../images/google/map-bg-aerial.gif) top left no-repeat; 
}
#ControlDiv img {
	position: absolute;
}



/* ----- type kaart (normal/sateliet/beide) ----- */
.kaartType {
	position: absolute; 
	right: 10px; 
	top: 10px;
	z-index: 10; 
}
.kaartType a{
	line-height: 18px;
}
.kaartType A:link,
.kaartType A:visited,
.kaartType A:hover,
.kaartType A:active{
	display: block;
	float: right;
	width: 58px;
	height: 20px;
	color: #000;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	padding: 4px 1px 1px 1px;
}
.kaartType .button_left{
	background: transparent url(../images/google/button_left.gif) top right;
}
.kaartType .button_left:hover{
	background: transparent url(../images/google/button_left_over.gif) top right;
}
.kaartType .button_middle{
	background: transparent url(../images/google/button_middle.gif) top center;
}
.kaartType .button_middle:hover{
	background: transparent url(../images/google/button_middle_over.gif) top center;
}
.kaartType .button_right{
	background: transparent url(../images/google/button_right.gif) top left;
}
.kaartType .button_right:hover{
	background: transparent url(../images/google/button_right_over.gif) top left;
}

#CurrentTab,
.CurrentTab{
	font-weight: bold! important;
}




#but-plus {
	top: 60px;
	left: 18px;
}
.Control #but-min {
	top: 172px;
	left: 18px;
}
.ControlAreal #but-min{
	top: 184px;
	left: 18px;
}

.markerdiv img{
	position: absolute;
	margin-top: -30px; 
	background: red;
}
.markerdiv{
	position: absolute;
}
.SlideHolder {
	position: absolute;
	top: 82px;
	left: 18px; 
}
.Control .Scale {
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 15px; 
	height: 83px;
	background: transparent url(../images/google/map-scale.gif) top left no-repeat; 
}
.ControlAreal .Scale {
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 15px; 
	height: 97px;
	background: transparent url(../images/google/map-scale-aerial.gif) top left no-repeat; 
}
.Slider {
	position: absolute;
	CURSOR: url(google/openhand.cur); 
}
.DragSlider {
	CURSOR: url(google/closedhand.cur)! important;
}

#Loading {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ccc 1px solid; 
	DISPLAY: none; 
	PADDING-LEFT: 5px; 
	Z-INDEX: 3; 
	LEFT: 100px; 
	BACKGROUND-IMAGE: url(/img/kaart/loading-bg.gif); 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 300px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	POSITION: absolute; 
	TOP: 10px;
}

#storeList,
#storeListAlpha,
#storeListRegion {
	width: 100%;
}

#storeList .item h3,
#storeListRegion .item h3 {
	border-top: 1px solid #D5D5D5;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

#storeList .item a {
	text-decoration: none;
}

/*------------- ZOEKEN --------------*/
table#storeBrands div {
	border: 1px solid #DDDDDD; 	
	width: 110px;
	height: 30px;
	padding: 5px;
}
table#storeBrands div span {
	display: none;
}

/*------------- REGIO --------------*/
#storeListRegion h2 {
	border-top: 1px solid #D5D5D5;
	font-size: 20px;
	color: #AA0116;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
#storeListRegion .item {
	padding-left: 20px;
}

/*------------- ALFABET --------------*/
#storeListAlpha ul {
	margin: 0;
	padding: 0;
	width: 350px;
	float: left;
}

#storeListAlpha ul.lastCol {
	margin-right: 0;
}

#storeListAlpha ul li {
	display: block;
	margin: 0;
	padding: 2px 0 2px 5px;
}

#storeListAlpha ul li a {}

/*------------- DETAIL --------------*/
#storeDetail {
	width: 100%;
}

#storeDetail a.back
{
	position: absolute;
	right: 10px;
	top: 0px;
}

#storeDetail #storeDetailContent {
	position: relative;
	width: 280px;
	float: left;
	font-size: 12px;
}

#storeDetail .address,
#storeDetail #time,
#storeDetail .vacatures 
{
	padding: 5px 0 10px 0;
}

#storeDetail #kaartContainer {
	float: right;
	width: 410px;
}

#storeDetail #time div table {
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
}
#storeDetail #time table td {
	padding: 0 10px 0 0;
}

#storeDetail ul.relVacancyList {
	margin-top: 2px;
	margin-bottom: 0px;
}

#storeDetail .innerContent {
	border-top: 1px solid #D5D5D5;
	padding: 10px 0 0 0;
}
/* CSS Document */

#vacancyList
{
	width: 100%;
}

#vacancyList .item 
{
	position: relative;
	border-top: 1px solid #DCDCDC;
	padding: 8px 0 0 0;
	margin: 5px 16px 8px 0;
	width: 340px;
	height: 58px;
	float: left;
}
#vacancyList .item h3 {
	margin: 0;
	padding: 0;
}
#vacancyList .item h3 a {
	color: #AB0416
}

#vacancyList .itemRight 
{
	margin-right: 0;
}

#vacancyList .item p {
	margin: 0;
	padding:0;
}

#vacancyList .item p.subline 
{
	color: #9F9F9F;
}

/* Zoekresultaten */
#results {				
	border-top: 1px solid #DDDDDD;
}
#results .item {
	position: relative;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 0 5px 5px;
	height: 75px;
}
#results .item h3 {
	margin-bottom: 0;
} 
#results .item .content {
	width: 475px;
}
#results .item .red {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	width: 170px;
	height: 75px;
	background: #AB0416;
	color: #f0f0f0;
}
#results .item .red a {
	color: #fff;
	text-decoration: none;
}
#results .item .details {
	font-size: 11px;
}
#results .teaser {
	color: #666666;
}


/* Vacaturedetail */
#vacancyDetail {
	width: 100%;
}
#vacancyDetail .intro {
	border: 1px solid #DDDDDD; 
	padding: 5px;
	margin-bottom: 15px;
	background: #F0F0F0;
}
#vacancyDetail a.back {
	position: absolute;
	right: 10px;
	top: 0px;
} 
#vacancyDetail .storename {
	padding: 0;
	margin: 5px 0 0 0;
	color: #454545;
}	
#vacancyDetail .teaser {
	padding:0;
	margin:10px 0 0 0;
	font-weight: bold;
}/*---{ Nieuwsmodule )-------------------------------------------------------*/

/* Nieuwsoverzicht */
#newsList
{
	width: 100%;	
}

#newsList .item
{
	padding: 8px 0 8px 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #D5D5D5;
}

#newsList .item .picture {
	float: left;
	width: 100px;
	height: 100px;
}

#newsList .item .picture img
{
	border:0;
}

#newsList .item .teaser {
	float: right;
	width: 580px;
	margin: 0;
	padding: 0;
}
#vacancyList .item p {
	margin: 0;
	padding:0;
}

#newsList .item h3 a {
	color: #AB0416
}

#newsList .item .date
{
	color: #999999;
	margin: 0;
}

/* Nieuwsdetail */
#newsDetail a.back
{
	position: absolute;
	right: 10px;
	top: 0px;
}
	
#newsDetail .picture
{
	margin: 0 10px 10px 0;
}
	
#newsDetail .teaser
{
	font-weight: bold;
}/*---{ FAQmodule )-------------------------------------------------------*/

/* FAQ overzicht */

ul.faqList {
	padding:0;
	margin:0;
	list-style:none;
}

ul.faqList li{
	padding:0;
	margin:0 ;
	list-style:none;
	font-weight:bold;
	font-size:13px;
}

ul.faqList a{
	padding:0;
	margin:0;
	text-decoration:none;
}

ul.faqList a:hover{
	text-decoration:underline;
}

/* 2nd layer */

ul.faqList li ul{
	padding:3px 0 0 0;
	margin:3px 0 15px 0;
	list-style:none;
	border-top:1px solid #dadada;
}

ul.faqList li ul li{
	padding:0 0 0 0;
	margin:0;
	list-style:none;
	border-bottom:none;
	font-weight:normal;
	font-size:12px;
}

/* FAQdetail */
#faqDetail a.back
{
	position: absolute;
	right: 10px;
	top: 0px;
}
#faqDetail h1 {
	font-size: 16px;
	font-weight: bold;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> 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: 12px 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_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
#TB_prev a,
#TB_next a {
	font-weight: bold;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

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

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

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

#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;
	*/
	border: 0;
}

#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:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
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;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> 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: 12px 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_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
#TB_prev a,
#TB_next a {
	font-weight: bold;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

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

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

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

#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;
	*/
	border: 0;
}

#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:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
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;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: 0px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	filter:Alpha(Opacity=30); 
}span.tooltip {
	margin-left: 5px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #f1f1f1;
	background-color: #fff;
	padding: 12px;
	opacity: 1;
	font-size: 10px;
	font-weight: normal;
	width: 250px;
	text-align: left;
}

#tooltip h3 {
	font-weight: normal;
	color: #454545;
}

#tooltip.small {
	width: 100px;
}

#tooltip h3, #tooltip div { margin: 0; }