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

#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:170px;
}
#content_right {
	position: relative; 
	float: right;
	display: block;
	right: 0;
	padding-right: 5px;
	margin-top: 20px;
	width: 170px;
}
#content_center {
	position:relative; 
	display:block;
	margin-left:185px;
	margin-right:185px;
	padding-left:5px;
}
.content_scroller {
	width:96%;
}
#contentLoader {
	position:absolute;
	top: 160px;
	left: 200px;
	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; 
    right:17px;
	display:block; 
	width:100%; 
	height:110px;
	z-index:5; 
	color:#000; 
}
#headinner {
	height:110px;
	border-bottom:1px solid #0099FF;
	margin-left: 37px;
	margin-right: 20px;
	background:#FFFFFE;
}
#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: 35px;
}
#headsearch {
	width: 170px;
	top: 111px;
	left:26px;
	position:absolute;
	z-index:4; 
}
#headinfopages {
	width: 170px;
	top: 111px;
	left:584px;
	position:absolute;
	z-index:4; 
}


#foot {
	position:absolute; 
	margin:0; 
	bottom:-1px; 
	display:block; 
	width:100%; 
	height:21px; 
	color:#000; 
	z-index:4; 
	background:#FFFFFE; 
	right:18px;
}
#footinner {
	background:#FFFFFE; 
	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: 100px;
}


/* Menu structure */

/* Top Navigation */
div#menu{position:relative;float:left;width: 100%;padding-top:36px; 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: #62C42F;text-decoration:none;color: #FFFFFE; height: 20px;}
div#menu a:hover{background: #0099FF;color: #FFF}
div#menu li.activelink a,div#menu li.activelink a:hover{background: #FFFFFE;color: #62C42F}
div#menu li.nonactivelink {background: #62C42F;}
div#menu li.searchdistance {width: 185px;}

/* Column Form Settings */
div.column {padding: 0; margin:0; width: 170px; 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: 150px;}
div.column form {padding:0; margin:0}

/* Column Filled Settings */
div.columnfilled {background:#62C42F}
div.columnfilled h3 {color: #FFFFFE; background: #62C42F}
div.columnfilled div {margin:2px; padding:0}

/* Column Filled Settings */
div.columnsearch {background:#FFF}
div.columnsearch h3 {color: #FFFFFE; background: #62C42F}
div.columnsearch div {background:#62C42F; padding:0}

/* Column Filled Frame color Settings */
div.columnfilledfr {background:#0099FF}
div.columnfilledfr h3{color: #FFFFFE; background: #0099FF}
div.columnfilledfr div {margin:2px;background:#FFFFFE}

/* Column Filled BG color Settings */
div.columnfilledbg {background:#FFF}
div.columnfilledbg h3{color: #FFFFFE; background: #62C42F}


/* 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: #FFFFFE;
	}
#categories li a:hover {
	color: #62C42F;
	background-color: #FFFFFE;
	}
#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: 162px;
	}
#categories ul li a {
	display: block;
	margin:0;
	padding: 0px 0px 2px 10px;
	border-top:1px dashed #FFFFFE;
	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: #62C42F;
	}
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: #FFFFFE;
	text-decoration: none;
	}
div.menurollover li a:hover {
	background-color: #FFFFFE;
	color: #62C42F;
	}

	
/* 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: #FFFFFE; }
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 #62C42F; 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: #62C42F;
    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:180%;
    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 #62C42F;
    border-bottom:1px solid #62C42F;
    }
#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: #FFFFFE    }    

/* href */
div.columnsearch a {color: #FFFFFE;}
div.columnsearch a:hover {color: #FFFFFE; 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 #FFFFFE;
    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 #FFFFFE;
    background-repeat: no-repeat;
    background-position: center center;
}
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;
}
#categoryContainerDesc {
    text-align:left;
    margin-bottom:10px;
}
#categoryContainerSort {
    text-align:left;
    margin-bottom:5px;
}

#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: #FFFFFE;
    background-color: #62C42F;
    border: 1px solid #FFFFFE;
}
ul#navButton a:hover { 
    text-decoration: none;
    color: #62C42F; 
    background-color: #FFFFFE; 
    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;
}

.cartBasketContainer fieldset {
    margin-top: 20px;
}
.cartBasketForm {
    width: 100%;
    border-spacing: 4px;
    border: none;
    text-align: left;
}
.cartBasketForm th {
    text-align: left; 
    vertical-align:top;
    padding: 1px;
    width: 250px;
    font-weight: normal;
}
.cartBasketForm .td {
    text-align: left;
    vertical-align:top;  
    padding: 1px;     
}
.inputFullwidth td input, .inputFullwidth td textarea {
    width: 96%;
    border:0;
    padding:2px;
    margin:1px;
    border-bottom:1px dashed #0099FF;
    background-color: #EFEFEF;
}
.inputFullwidth td textarea {
    height: 50px;
}
.inputAutowidth {
    width: auto!important;
}

/* Headers */
.tipsBoxheader {
    margin-top: 10px;
    padding: 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-weight: bold;
    background-color: #62C42F; 
    color: #FFFFFE; 
    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: #62C42F;
	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: #FFFFFE;
	background: #62C42F;
/*	background: #ccc;*/
	border: 1px solid #62C42F;
	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: #FFFFFE;
/*	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 #62C42F solid;
	border-right: 1px #62C42F solid;
	z-index: 5;
}

div#toggleList {
	border-top: 1px #62C42F 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;
}