/*  This file is part of Sava CMS (www.gosava.com).

    Sava CMS is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, Version 2 of the License.

    Sava CMS is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Sava CMS.  If not, see <http://www.gnu.org/licenses/>.

*/
a img {border:none;}
/* sliding top menu */
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {
position: absolute;
background-color:#CCCCCC;
background-repeat:no-repeat;
background-position: bottom;
width: 200px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 5px;
text-align:center;
background-color:#6D6D6D;
color:#EEEEEE;
font-weight:bold;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}


/* CUSTOM CHANGES */
.headerHeight {
	height:90px;
}
#navPrimary .spacer {
	width:40%;
}
#navPrimary .spacer:hover {
		background-color:#333;
}
#navPrimary .webshops {
}
#leftMenu {
	background: url('/promarsite/images/box_gradient.png') repeat-y scroll 0 0;
	width:186px; height:327px;
	}

#leftMenuTop {background: url('/promarsite/images/box_gradient_top.png') scroll 0 -1px;
	width:186px; height:12px;}

#leftMenuBottom {background: url('/promarsite/images/box_gradient.png') scroll 0 0;
	width:186px; height:186px;}
	
#leftMenu ul {
	list-style: url('/promarsite/images/pointer_promar.png');
	padding-left:30px;
	margin:0px;
}

#leftMenu ul li {font-size:14px; color:#555555;}
#leftMenu ul li a{	text-decoration: none; }

.logo {
	background-repeat:no-repeat;
	background-position:right;
	position:relative;
	height:110px;
	left:0px;
	top:64px;
	width:125px;
}

.logo a{
    display: block;
    height: 100%; 
    width: 100%;
}

#address {
	position:inherit;}
	
#leftShadow {width:12px; background: url('/promarsite/images/bg_shadow_left.png') repeat-y 0 0;}
#rightShadow {width:12px; background: url('/promarsite/images/bg_shadow_right.png') repeat-y 0 0;}
#navWebshop {width:85px; height:38px; position:relative; float:right; margin-top:-38px; margin-right:460px; list-style:none;}
#navWebshop a {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	line-height:3.2em;
	padding:0 1.5em;
	text-decoration:none;
	text-transform:none;
	width:auto;
	}

#navWebshop:hover {
	background-color:#666666;
	text-decoration:none;
	}


/* @group GLOBALS
=================================================== */

body {
	font-size: 16px;
	font-family: Arial, sans-serif;
	color: #333;
	background: #FFFFFF url('/promarsite/images/bgBody.jpg') repeat scroll 0 0;
	margin:0px;
	padding:0px;
	}

textarea {
	font-family: Arial, sans-serif;
	}

a { color:#FEFEFE; text-decoration: none; }
a:hover { color:#7A548D; text-decoration: underline; }

.anchor {text-decoration:none; color:#000000;}
.anchor:hover {text-decoration:none; color:#000000;}
/* @end GLOBALS
---------------------------------------------- */



/* @group LAYOUT
=================================================== */

#container {
	width: 900px;
	margin: 0px auto;
	background: #e9e9e9 url('/promarsite/images/header3.jpg') no-repeat;
	}
#header {
	height:137px;

}
#content {
	xbackground: transparent url('/promarsite/images/gradient.jpg') repeat-x 0 -1px;
	clear: both;
	position:relative;
}

#primary {
	float: left;
	margin: 30px 58px;
	font-size: .8em;
	line-height: 1.3em;
	}
	#primary a{
		color: #7A548D;
		}

.oneCol #primary {
	width: 930px;
	border: 0;
	}


.threeCol #primary {
	width: 528px;
	}

.home_content li{
	color: #333;
}

.content,
.sidebar {
	min-height: 500px; /* Fixes odd no-content disappearing bug. */
	}

.sidebar {
	margin: 0 15px;
	width: 70px;
	}

#left.sidebar {}
#right.sidebar {}

#footer {
	clear: both;
	text-align:center;
}

#left { float: left; }
#right { float: right; }

#footer_left { float: left; padding:5px;text-align:left;margin-top:-28px;clear:both;font-size:11px}
#footer_right { float: right; padding:5px;text-align:right;margin-top:-28px;font-size:11px}

.clear { width: 100%; clear: both; }

#sub_footer {
	background-color:#333333;
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
	color:#FFFFFF;
	margin:10px auto;
	text-align:center;
}
#sub_footer p {font-size:11px}

#main_footer {
    background-color:#333333;
	color:#FFFFFF;
	margin:0px auto -10px auto;
	text-align:center;
    height:32px;
padding-left: 17px;
}



#main_footer ul li {
    margin-top: 4px;
	margin-right:10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #444;
	float:left;
	font-size:0.8em;
}

dl, dt, dd, ul, li {
	color:#888;
}
#footer ul {list-style:none;}
.pageTitle {
	color: #444;
}

/* @end LAYOUT
---------------------------------------------- */



/* @group NAVIGATION/UI
=================================================== */

/* @group Primary Navigation
=================================================== */

#navPrimary {
	float: left;	
	clear: both;
	list-style: none;
    width: 95%;
    }
    
ul#navPrimary{
    margin: 0px;
	margin-left: 27px;
	margin-top: 11px;
    }
    
#navPrimary li {
	background: #333;
	float: left;
	margin-right: 1em;
	line-height: 1.5;
	border-left:1px solid black;
	/*border-right:1px solid black;*/
	border-top:1px solid black;
    background: url(/promarsite/images/title.gif) repeat-x scroll 0 0;
    }

/* @group Dropdown Nav
=================================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#navPrimary ul {
	list-style: none;
	padding-left: 0;
	}

#navPrimary li ul { /* second-level lists */
	width: 12em;
	position: absolute;
	left: -9999px;
	z-index: 1000;
	margin: 0;
	}

#navPrimary li li { /* all list items */
	float: left;
	width: 12em; /* width needed for Opera */
	}

#navPrimary li li a {
	display: block;
	padding: .5em;
	line-height: 1;
	text-transform: none;
	padding-left:20px
	}

#navPrimary ul li.first,
#navPrimary ul li li.first { /* all list items */
	border: 0;
	}

#navPrimary li ul ul { /* third-and-above-level lists */
	margin: -2.1em 0 0 12em;
	}

#navPrimary li:hover ul ul,
#navPrimary li:hover ul ul ul,
#navPrimary li.sfhover ul ul,
#navPrimary li.sfhover ul ul ul {
	left: -9999px;
	}

#navPrimary li:hover ul,
#navPrimary li li:hover ul,
#navPrimary li li li:hover ul,
#navPrimary li.sfhover ul,
#navPrimary li li.sfhover ul,
#navPrimary li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* @end Dropdown Nav
---------------------------------------------- */

/* @group Primary Nav
=================================================== */
#navPrimary li { margin: 0; }
#navPrimary li.first { margin-left: -12px; /*border-right: 1px solid #000;*/}

#navPrimary li.last {border-right: 1px solid #000;}

#navPrimary li a {
	display: block; 
	line-height: 3.2em; 
	text-decoration: none; 
	padding: 0 1.5em;
	color: #fff;
	text-transform: none;
	font-size:12px;
}

#navPrimary li a:hover,
#navPrimary li:hover,
#navPrimary li.sfhover {
	background-color: #666;
	text-decoration: none;
    background: url(/promarsite/images/title_hover.gif) repeat-x scroll 0 0;
    
}

#navPrimary li.current a { background-color: #e9e9e9; color: #000}
#navPrimary li.current li a { background-color: transparent; color: #FFF }

#navPrimary li ul { background-color: #e9e9e9; color: #000;} /* second-level lists */

/*
#navPrimary li ul li{ background-color: #e9e9e9; color: #000; border: 1px solid black} /* second-level lists li */

/*
#navPrimary li ul li a{ background-color: #e9e9e9; color: #000; } /* second-level lists li */

#navPrimary li li.first { margin-left: 0; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000;}

#navPrimary li li{border-right: 1px solid #000;}

/*#navPrimary li li { border-top: 1px solid #999; }*/

#navPrimary li:hover li a:hover,
#navPrimary li.sfhover li a:hover { color: #fff; background: #000; }

#navPrimary li li ul { background-color: #666; border-left: 1px solid #fff; } /* third-level lists */


/* @end Primary Nav
--------------------------------------------------- */



/* @end Primary Navigation
---------------------------------------------- */


/* @group Secondary Nav
=================================================== */

.navSecondary { 
	margin: 0 0 2em;
	padding: 0;
	list-style: none;
	}

.navSecondary li ul {
	margin-left: 0;
	list-style: none;
	}

.navSecondary li {
	position: relative;
	margin: 0 0 1em;
	padding: 0 0 0 1em;
	line-height: 1em;
	}

.navSecondary li a { 
	display: block;
	width: 100%; /* play nice in IE6 */
	padding: 0;
	text-decoration: none; /* IE6 Bug */
	}

.navSecondary li a:hover {
	color: #000;
	text-decoration: none;
	}

.navSecondary li.current a {
	color: #000;
	font-weight: bold;
	}


/* @group Second Level
=================================================== */

.navSecondary li.current ul {
	margin: 10px 0 0;
	padding: 0 0 0 10px;
	list-style: none;
	}

.navSecondary li.current ul li  {
	position: relative;
	margin: 0 0 6px;
	padding: 0;
	font-weight: normal;
	}

.navSecondary li.current ul li.last  { position: relative; }

.navSecondary li.current ul li a {
	display: block;
	padding: 0;
	font-weight: normal;
	text-decoration: none; /* IE6 Bug */
	}

.navSecondary li.current ul li a:hover { color: #333; }
.navSecondary li.current li.current a { color: #000; }

/* @end Second Level
---------------------------------------------- */

/* @end Secondary Nav
---------------------------------------------- */

/* @end NAVIGATION/UI
---------------------------------------------- */



/* @group CLEARFIX
=================================================== */

/* Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html] */

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

.clearfix {
	display: inline-block;
	}

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}

/* @end CLEARFIX
---------------------------------------------- */

/* overkoepelende div voor content + nieuws*/
#holder{
    width: 780px;
    }
    
#sysNieuws{
    float: right;
    /*margin-top: 16px;*/ 
    width: 220px;
    background-color: #e9e9e9;
    border-left: 1px dotted black;
    }
    
#sysNieuws h3{
   /* display: none;*/
   margin-left: 45px;
   color: #444;
}   
    
#sysNieuws dl{
    width: 190px;
    margin-left: 45px;
    background-color: #d9d9d9;
}

#sysNieuws dl dt, .emailHolder dl dt{
    background-color: #7f7b86;
    background:transparent url(/promarsite/images/title_hover.gif) repeat-x scroll 0 0;
    padding: 2px;
}

#sysNieuws dl dt a, .emailHolder dl dt a{
    display: block;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #ebebeb;
}

#sysNieuws .image img{
    float:left;
    height: 32px;
    width: 32px;
    margin-top: 5px;
    margin-right: 5px;
    }

#sysNieuws dl dd{
    margin-left: 5px;}
    
#sysNieuws dl dd p{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: #565656;
    }
    
#sysNieuws dl dd a{
    margin-left: 0px;
    color: ##7A548D;
}
    
.content{
    display: inline !important;
    float: left;
    width: 500px;
    }

/* bladercatalogi */

.brandstable img{
    border: none;
}

.brandstable td{
    padding: 15px;
}
    
    

/* EOF */

#brands {}
#brands img {float:left; margin:0px;margin-right:50px;}

.emailHolder {clear:both;display:block;float:right;width:221px;}