/* Layout settings */
html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background: #FFF; 
	font-size:11px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}
body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0;
	margin:0;
	border:0;
	background:#FFF; 
}

#printhead {
	display:none;
}


#contentContainer {
	visibility: hidden;
	z-index:9; 
}
#content {
	display: block; 
	height: 100%; 
	max-height: 100%; 
	overflow: auto; 
	position: relative; 
	z-index: 3; 
}
#contentinner {
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #FFF;
	border-left: 1px #0099FF solid;
	border-right: 1px #0099FF solid;
	word-wrap: break-word;
	overflow: hidden; 
    min-height:101%;
}
#content_left {
/*	display:block; */
	display: none;
	position: relative; 
	float:left;
	left: 0;
	padding-left: 5px;
	margin-top: 80px;
	width:175px;
}
#content_right {
	position: relative; 
	float: right;
	display: block;
	right: 0;
	padding-right: 5px;
	margin-top: 20px;
	width: 175px;
}
#content_center {
	position:relative; 
	display:block;
	margin-left:190px;
	margin-right:190px;
	padding-left:5px;
}
.content_scroller {
	width:96%;
}
#contentLoader {
	position:absolute;
	top: 150px;
	left: 205px;
	padding-top:40px;
	background: url(include/img/ajax-loader.gif) no-repeat;
	height: 100px;
	width: 250px;
}
#contentSpacer {
/*	float:left;
	width:100%; 
*/
	clear: all;
	}


#head {
	position:absolute; 
	margin:0; 
	top:0; 
	display:block; 
	width:100%; 
	height:100px;
	z-index:5; 
	color:#000; 
}
#headinner {
	height:100px;
	border-bottom:1px solid #0099FF;
	margin-left: 20px;
	margin-right: 37px;
	background:#FFF;
}
#headlogo{
	z-index:40; 
	position:absolute;
	left: 20px;
	top:5px;
}
#headcountries{
	z-index:40; 
	position:absolute;
	right: 20px;
	top:0;
	background-color:#FFF;
	padding:5px;
	border:1px solid #0099FF;
	border-top:0;
}
#headshops{
	z-index:40; 
	position: absolute;
    top: 0;
	right: 120px;
}
#headsearch {
	width: 175px;
	top: 101px;
	left:26px;
	position:absolute;
	z-index:4; 
}
#headinfopages {
	width: 175px;
	top: 101px;
	left:589px;
	position:absolute;
	z-index:4; 
}


#foot {
	position:absolute; 
	margin:0; 
	bottom:-1px; 
	display:block; 
	width:100%; 
	height:21px; 
	color:#000; 
	z-index:4; 
	background:#FFF; 
	right:18px;
}
#footinner {
	background:#FFF; 
	height:20px; 
	text-align: left;
	border-top:1px solid #0099FF;
	margin-left: 38px;
	margin-right: 19px;
}
.pad1 {
	display:block; 
	width:18px; 
	height:50px; 
	float:left;
}
.pad2 {
	display:block; 
	height: 90px;
}


/* Menu structure */

/* Top Navigation */
div#menu{position:relative;float:left;width: 100%;padding-top:26px; line-height: 1}
div#menu ul,div#menu li{list-style-type:none;margin:0;padding:0}
div#menu ul{margin-left: 0px;width:100%}
div#menu ul li{float:left;margin-right: 1px; margin-left: 6px; text-align: center; font-size: 120%; font-weight:bold; }
div#menu a{float:left;width: 115px;padding: 5px 0;background: #0099FF;text-decoration:none;color: #FFFFFF; height: 20px;}
div#menu a:hover{background: #0099FF;color: #FFF}
div#menu li.activelink a,div#menu li.activelink a:hover{background: #FFFFFF;color: #0099FF}
div#menu li.nonactivelink {background: #0099FF;}
div#menu li.searchdistance {width: 190px;}

/* Column Form Settings */
div.column {padding: 0; margin:0; width: 175px; margin-bottom:10px; padding-bottom:5px}
div.column h3{font-size: 120%; font-weight:bold; margin:0; padding: 2px 0; text-align:center}
div.column div {padding:2px 2px 5px 2px; margin:0;}
div.column input, div.columnform select {border:0; font-size:80%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
div.column .input {width: 155px;}
div.column form {padding:0; margin:0}

/* Column Filled Settings */
div.columnfilled {background:#0099FF}
div.columnfilled h3 {color: #FFFFFF; background: #0099FF}
div.columnfilled div {margin:2px; padding:0}

/* Column Filled Settings */
div.columnsearch {background:#FFF}
div.columnsearch h3 {color: #FFFFFF; background: #0099FF}
div.columnsearch div {background:#0099FF; padding:0}

/* Column Filled Frame color Settings */
div.columnfilledfr {background:#0099FF}
div.columnfilledfr h3{color: #FFFFFF; background: #0099FF}
div.columnfilledfr div {margin:2px;background:#FFF}

/* Column Filled BG color Settings */
div.columnfilledbg {background:#FFF}
div.columnfilledbg h3{color: #FFFFFF; background: #0099FF}


/* Column Menu Categories */
#categories {
	margin:0; padding:0;
	}
#categories li {
	list-style:none outside none; display:inline;
	}
#categories div {
	margin:0; padding:0;
	}
#categories li a {
	display: block;
	margin:0; padding:3px;
	border-top:1px solid #FFF;
	text-decoration: none;
	color: #FFFFFF;
	}
#categories li a:hover {
	color: #0099FF;
	background-color: #FFFFFF;
	}
#categories div.selected a{
	font-weight: bold;
	border-bottom:1px dashed #000;
	}
#categories ul {
	display: block;
	list-style: none;
	margin: 0; padding:0;
	border: none;
	background-color: #FFF;
	margin-left:2px;
	margin-right:2px;
	width: 167px;
	}
#categories ul li a {
	display: block;
	margin:0;
	padding: 0px 0px 2px 10px;
	border-top:1px dashed #FFF;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	}
html>body #categories  ul li a {
	width: auto;
	}
#categories ul li a:hover {
	text-decoration: underline;
	}


/* Rollover menu */
div.menurollover {
	display: none;
	background-color: #0099FF;
	}
div.menurollover ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 5px;
	border: none;
	}
div.menurollover li {
	margin: 0; padding:0;
	}
div.menurollover li a {
	display: block;
	padding: 3px;
	color: #FFFFFF;
	text-decoration: none;
	}
div.menurollover li a:hover {
	background-color: #FFFFFF;
	color: #0099FF;
	}

	
/* Breadcrumbs */
#breadCrumb { 
	padding: 0; margin: 0; border: 0;
	height: 18px;
	padding: 20px 5px 0 2px; 
	color: #0099FF;
	} 
#breadCrumb li { 
	float: left; 
	display: inline; 
	margin-right: 4px; 
	} 
#breadCrumb a { 
	color: #AAA;
	font-weight: bold;
	background: url(include/img/icon_breadcrumb.gif)  right no-repeat; 
	padding-right: 11px;
	text-decoration: none ! important; 
	} 
#breadCrumb a:hover { 
	color: #000; 
	} 

	
#welcomeModal {
	display:none;
}

.clearfix:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
} 

/* Reset */
img {
	border: 0;
}

/* Hide & Show */	
.hide {
	display: none;
	visibility: hidden;
}
.show {
	display: show;
	visibility: visible;
}


#footinner td{
		color: #555555;
		font-size: 10px; 
		padding-top: 3px;
		padding-right: 5px;
		padding-left: 5px;
}


/* Common Classes */
.bold {font-weight:bold;}
.red {color:#c00;}
.color_menu {color: #FFFFFF; }
th {margin:0; padding:0}


.categoryBack {
	cursor: pointer;	
}

/* Notifications */
.notificationError, .notificationSuccess, .notificationNeutral {
	width: 97%;
	padding:1%;
	color: black;
	border: 1px solid #FFD700;
	background: #FAFAD2;
    margin-bottom:5px;
}
.notificationError {
	border-color: #B22222;
	background: #F2B7B7;
}
.notificationSuccess {
	border-color: #006400;
	background: #CBE597;
}

/* Borders */
.border {border:1px solid #0099FF}
.border_menu {border:1px solid #0099FF; background-color:red}

div.column .border {border:1px solid #0099FF}

.whitebg {background-color:#FFF}

#content_center a {
	color: #000;
	text-decoration: underline;
}
#content_center a:hover {
	color: #0099FF;
	text-decoration: underline;
}

#content_center p, #content_center td {
	padding:0px;
	margin:1em 0 1em 0;
	line-height: 1.5em;
}
#content_center h1 {
	margin:0; padding: 0;
	font-size:200%;
	margin:5px 0 2px 0;
	}
#content_center h2 {
	margin:0; padding: 0;
	font-size:150%;
	margin:4px 0 5px 0;
	}
#content_center .hr {
	margin:0; padding:0; border:0;
	height:2px;
	margin:5px 0 5px 0;
	border-top:2px solid #0099FF;
	border-bottom:1px solid #0099FF;
	}
#content_center .inputform {
	border:0;
	padding:2px;
	margin:1px;
	border-bottom:1px dashed #0099FF;
	background-color: #EFEFEF;
	}

	
/* Columns */
div.columnfilledfr {	padding: 0;	}
div.columnfilledfr ul {	list-style: square ; margin: 0;	padding: 3px; border: none; margin-left: 20px;	}
div.columnfilledfr li {	margin: 0;	}
div.columnfilledfr li a {	display: block;	padding: 3px 3px 3px 3px;	color: #000 ! important;	text-decoration: none ! important;	width: 100%;	}
html>body div.columnfilledfr li a {	width: auto;	}
div.columnfilledfr li a:hover {	background-color: #FFFFFF	}	

/* href */
div.columnsearch a {color: #FFFFFF;}
div.columnsearch a:hover {color: #FFFFFF; text-style:underline}

/* Designer modalWindow */
.designer {
	width: 810px;
	height: 480px;
}

/* Product List */
#productContainer {
	position: relative; 
	display: block;
	overflow:auto;
/*	width: 96%; replaced by overflow, seems to work fine*/
}
ul.productListImg {
	list-style: none;
	display: block;
	margin:0; padding:0;
}
ul.productListImg li {
	float: left; 
	margin: 0 10px 10px 0;
}
ul.productListImg li a {
	display: block;
	height: 230px;
	width: 142px; /* 6px extra above image size */
	overflow: hidden;
	margin: 2px 2px 2px 0;
	border: 1px solid #FFF;
	text-decoration: none ! important;
	font-size:10px;
}
ul.productListImg li a:hover {
	display: block;
	border: 1px solid #0099FF;
	cursor: pointer;
	text-decoration: none;
}
ul.productListImg li a .i {
/*	display:inline;*/
	margin-left: 2px;
	margin-top:  2px;
	height: 136px;
	width: 136px;
	text-align: center;
	border-bottom: 1px solid #FFF;
}
ul.productListImg li a .a {
	clear: both;
	margin-left:2px;
	padding-bottom: 3px; height: 12px; color: #0099FF; overflow: hidden;
}
ul.productListImg li a .n {
	clear: both;
	margin-left:2px;
	padding-bottom: 14px; height: 46px; color: #000000; font-weight: bold; overflow: hidden; 
}
ul.productListImg li a .p {
	clear: both;
	margin-left:2px;
	padding-bottom: 0px; color: #555555;
}
ul.productListImg li .accessory {
	position: relative;
	left: 1px;
	top:19px;
	height:15px;
	color: #FFF;
	background-color: #000;
	padding-left:2px;
	padding-right:2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	cursor: pointer;
	font-size:90%;
}

/* Pagination of product list */
.productListPagination {
	position: relative;
	width: 96%;
	border-top: 1px solid #DDDDDD; 
	margin-left:0; 
	margin-top:5px;
}


/* Product Alternatives (Some cosmetic adjustments to the productbox as well) */
.boxAlternatives {
	text-align: center;
	background-color: #FFF;
}
.boxAlternatives ul.productListImg li{
	text-align: left;
	float: left; 
	margin: 0 5px 10px 8px;
}
.boxAlternatives ul.productListImg li a {
	border: 1px solid #AAA;
}
.boxAlternatives ul.productListImg li a .n {
	height: 42px;
}



/* Product Item */
.itemContainer {
	background-color: #FFF;
	width: 96%;
/*
	padding: 5px 5px 5px 5px;
	float: left;
	margin-right: 40px;
*/
}
.itemContainer .left {
	float: left;
	width: 210px;
}
.itemContainer .right {
	margin-left: 210px;
	margin-right: 0;
	width: auto;
}
.itemContainer .ImageLarge {
/*	position:relative;*/
	margin: 10px 0px 0px 0px; 
	border: 1px solid #AAAAAA;
	width: 184px;
	overflow: hidden;
	cursor: pointer;
	font-size: 8px;
	text-align: right;
}
.itemContainer .ImageSmall {
/*	position:relative;*/
	margin: 10px 10px 0px 0px; 
	float: left;
	border: 1px solid #AAAAAA;
	width: 86px;
	overflow: hidden;
	cursor: pointer;
	font-size: 8px;
	text-align: right;
}
.itemContainer .itemTxt {
	margin: 10px 0px 0px 0px; 
	width: 99%;
}
.itemContainer h1.itemTxt {
	font-size: 100%!important;
    font-weight: normal!important;
}
.itemContainer .button {
	position:absolute;
	top: 0; right:0; 
	width: 50px;
	height: 50px;
}
.itemContainer .calculation
{
	font-size:80%;
	width: 99%;
	border:1px solid #CCC;
	border-right:none;
	border-bottom:none;
}
.itemContainer .calculation td
{
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-left:2px;
	padding-right:2px;
}
.itemContainer .cart {padding: 0; margin:0; width: auto; margin-bottom:10px; padding-bottom:0px}
.itemContainer .cart h3{font-size: 120%; font-weight:bold; margin:0; padding: 2px 0; text-align:center}
.itemContainer .cart div {padding:2px 2px 5px 2px; margin:2px;}
.itemContainer .cart input, .itemContainer .cart select {font-size:90%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width:100px}
.itemContainer .cart form {padding:0; margin:0}
.itemContainer .cart .input {width: 100px;}
.itemContainer .cart .submit {width:100%; background: #cc0000; color: #FFF; font-weight:bold; cursor: pointer}



/* Category */
#categoryContainer {
	background-color: #FFF;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-weight: bold;
	width: auto;
	
}
#categoryContainerHR {
	border-bottom: 1px solid #CCCCCC;
	padding: 0;
	margin: 0 10px 10px 0;
}

#categoryContainer .categoryListName div {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#categoryContainer .categoryListName div a {
	float: left;
	width: 170px; height:17px;
	overflow: hidden;
	font-size: 11px;
	clear: both;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #DDDDDD;
}
#categoryContainer .categoryListName div a span {
	font-weight:normal; 
	color:#999;
}

/* Buttons */
ul#navButton {
	width: 99%; /* to display the list horizontaly */
	font-family: sans-serif; font-size: 11px;
	font-weight: bold;
	margin: 0px; padding: 0;
	line-height: 15px;
}
ul#navButton li {
	display: inline; /* for IE5 and IE6 */
	float: left;
}
ul#navButton a {
	margin-right: 5px;
	padding:2px 4px 2px 4px;
	width: auto;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0099FF;
	border: 1px solid #FFF;
}
ul#navButton a:hover { 
	text-decoration: none;
	color: #0099FF; 
	background-color: #FFFFFF; 
	border: 1px solid #0099FF;
}


/* Items in Cart CSS */
.cartBasketContainer {
	width: 96%;
/*
	margin-right: 40px;
*/
}
.cartBasket {
	text-align: left;
	font-size: 100%;
	width: 99%;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
}
.cartBasket th {
	padding: 0; margin:0;
	padding-bottom:2px;
	border-bottom: 1px solid #CCCCCC;
}
.cartBasket td {
	vertical-align: top;
}
.cartBasket .spacer {
	height: 3px;
	border: 0;
}
.cartBasket .border-bottom {
	border-bottom: 1px solid #CCCCCC;
}


/* Headers */
.tipsBoxheader {
	margin-top: 10px;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	background-color: #0099FF; 
	color: #FFFFFF; 
	height: 14px;
	font-size: 11px;
}


/* Home Items */
.homeItems {
	text-align: center;
	height: 230px; // (Approx height of item - Prevents jumping page while loading)
}
.homeItems ul.productListImg li{
	text-align: left;
}
.homeItems .prev, .homeItems .next{
	cursor: pointer;
}

/* New Items*/
.homeNews
{
	width:98%;
}
.homeNews div {
	position: relative;
	width:270px; 
	float:left; 
	text-align:left; 
	padding:1px;
	margin:4px; 
	margin-bottom: 10px; 
	line-height:15px;
	border: 1px solid #DDD;
	min-height:470px;
}
.homeNews div img {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.homeNews div h2 {
	font-size: 11px !important;
}
.homeNews .readmore  {
position: absolute;
	right:1px;
	bottom:1px;
	border:1px solid #AAA;
	background-color: #EEE;
	padding:2px;
	margin-top:5px;
}

/* Shop buttons */
#headshops ul {
	list-style-type:none;
	margin:0; padding:0;
}
#headshops ul li {
	display:block;
	float:left;
	margin-left:2px;
	height:40px;
	width:40px;	
	background:url(templates/default/img/ico36-shop-bg.png) no-repeat;
    padding:2px 1px 0 1px;
	text-align:center;
}
#headshops ul li.more {
	width:80px;	
	background:url(templates/default/img/ico36-shop-bg-wide.png) no-repeat;
}
#headshops ul li a {
	display:inline-block;
	height:34px;
	width:34px;	
	overflow:hidden;
}
#headshops ul li.more a {
	width:72px;	
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	color: #000;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0099FF;
	color: white;
}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}#simplemodal-overlay {
  background-color:#333;
  cursor:wait;
}

#simplemodal-container {
  background-color:#fff;
  border:3px solid #888;
}

#simplemodal-container div {
	height: 100%;
	width: 100%;
	oveflow:hidden;
	background-color:#fff;
}

#simplemodal-container a.modalCloseImg {
  background:url(include/img/icon_close.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

/* CALENDAR ICON */
a.dp-choose-date {
	float: left;
	width: 22px;
	height: 16px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(include/img/icon_calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	float: left;
}


/* DEFAULT */
table.jCalendar {
	border: 1px solid #DDD;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	color: #FFFFFF;
	background: #0099FF;
/*	background: #ccc;*/
	border: 1px solid #0099FF;
	position: relative;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #FFFFFF;
/*	color: #000;*/
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}#content_center h1.headingspecial {
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
}

#content_center h2.headingspecial {
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
}

p.pspecial {}

/*** Aan te passen ***/
#button {
	cursor: pointer;
}

div#e-content {
	background: #fff;
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 37px;
	color: #000;
	display: block;
	border-left: 1px #0099FF solid;
	border-right: 1px #0099FF solid;
	z-index: 5;
}

div#toggleList {
	border-top: 1px #0099FF solid;
	padding-top: 5px;
	margin-bottom: 5px;
}

div#toggleList li.linkslistitem a {
	color: #555;
	text-decoration: none;
}

div#toggleList li.linkslistitem a:hover {
	color: #62C42F;
}

/*** Standaard ***/

div#toggleList {
	width: 100%;
	display: block;
}

div#toggleList ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align:center;
}

div#toggleList ul li {
	width: 32%;
	float: left;
}

div#toggleList br.clear {
	border: none;
	height: 0px;
	clear: both;
}

#content_center a {
	text-decoration: none !important;
}
.tooltip-top {
	background:transparent url(templates/default/img/tooltip-top.png) bottom no-repeat;
    height: 42px;
}
.tooltip-bottom {
	background:transparent url(templates/default/img/tooltip-bottom.png) bottom no-repeat;
    padding:0 15px 15px 15px;
	font-size:11px;
	color:#000;	
}
.tooltip {
	z-index:40;
	display:none;
    padding:0;
	width:215px;
}