/* Start of CMSMS style sheet 'qlicks' */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	text-align:left;
	background-image: url(images/background.gif);
}

/** fix stupid ie bug with display:block; **/
* html body { background-image: url(images/background.gif); } 
* html #content-top { width: 901px;
	height: 21px;
	float: center;
	margin-top: 123px; background-image: url(images/bottom.gif); 
        position: relative; }
* html #content-middle { width: 901px;
background-image: url(images/middle.gif); }
* html #content-bottom { width: 901px;
	height: 21px;
	float: center;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 0px; background-image: url(images/bottom.gif); }
* html #right-logo { height:107px;
position:absolute;
right:110px;
top:-107px;
width:214px;
background-image: url(images/right-logo.gif); }
* html #left-box {
left:0px; top:-77px;
}
* html #container { width: 944px;
}
* html #content-new { width: 860px; padding-left:20px; padding-right:20px;
}
* html #navigatie {
float:right; width: 665px; height: 39px; margin-left:0px; border-top: 0px solid #333; border-left: 0px solid #009de0; border-right: 0px solid #009de0;   background:url(images/nav.gif) repeat-x;
}
* html .nav a {
color:#000;
}
* html #home-text {
float:left; width: 380px; height: auto; margin-top:20px; margin-left:20px; padding-top:15px; border-top: 3px solid #000;
}
/** end fix **/

#navigatie {
float:right; width: 665px; height: 39px; margin-left:20px; border-top: 0px solid #333; border-left: 0px solid #009de0; border-right: 0px solid #009de0;   background:url(images/nav.gif) repeat-x;
}

#home-text {
float:left; width: 400px; height: auto; margin-top:20px; margin-left:20px; padding-top:15px; border-top: 3px solid #000;
}

#left-box {
float:left; height:35px; position:absolute;  border: 5px solid #000000; left:25px; top:-54px; width:200px; background-color:#ffffff;
}

img {
float:left;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
}

#img {
float:left;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
}

#right-logo {
float:right;
height:107px;
position:absolute;
right:110px;
top:-84px;
width:214px;	
background-image: url(images/right-logo.png);
}

#content-new {
float:center; width:860px; margin:auto; padding-left:45px; padding-right:45px;
}

p{
	margin:0;
	padding:0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	line-height : 18px;
	font-size: 12px;
}

p a:link, p a:visited {
text-decoration : underline; 
color : #009de0; 
}

p a:hover {
text-decoration : underline; 
color : #009de0; 
} 

a {
	color : #000;
	text-decoration : none;
font-weight:normad;
}

a:hover {
	color : #000;
	text-decoration : underline; 
} 

/* clear */

.clear {
	clear : both;
}

#container {
	margin : auto;
	width: 949px;
	float: center;
	z-index: 1;
}

#top{
	width: 100%;
	height: 20px;
	padding: 0;
	float: center;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(images/background.gif);
	position: relative;
}

#logo{
	width: 173px;
	top: -14px;
	float: left;
	padding-left: 0px;
}

#header{
	width: 977px;
	padding: 0;
	float: center;
	margin: auto;
	margin-bottom: 0px;
	height: 60px;
	position: relative;
}

#content-top{
	width: 949px;
	height: 44px;
	padding: 0;
	float: center;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 100px;
	background-image: url(images/top.png);
	position: relative;
}

#box-top{
	width: 992px;
	height: auto;
	padding: 0;
	float: center;
	margin-bottom: 0px;
	padding-left: 0px;
}

#content-middle{
	width: 949px;
	height: auto;
	padding: 0;
	float: center;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(images/middle.png);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#content-bottom{
width:949px;	
height: 44px;
	float: center;
	margin: auto;
	margin-top: 0px; 
	background-image: url(images/bottom.png);
}

#header-logo {
	position : relative;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

h1 {
	margin:0;
	margin-bottom:15px;
	font:bold 21px Arial;
	color:#009de0;
}

h2 {
	margin:0;
	padding:0;
	padding-bottom:5px;
	font:bold 15px Verdana;
	color:#009de0;
}

h3 {
	margin:0;
	padding:0;
	padding-bottom:12px;
	font:normal 17px Verdana;
	color:#009de0;
}

h4 {
	margin:0;
	padding:10px;
	margin-bottom:15px;
	font:bold 25px Arial;
	color:#000;
        background-color: #009de0;
}

h5 {
	margin:0;
	padding:0;
	padding-bottom:12px;
	font:normal 11px Verdana;
	color:#23619C;
}

h6 {
	margin:0;
	padding:10px;
	margin-bottom:15px;
	font:bold 21px Arial;
	color:#000;
        background-color: #ffed00;
}

#crumb{
	margin-bottom: 17px;
}

#search{
	margin-bottom: 15px;
}

#menu_sub {
	margin: 21px 0;
	padding: 0;
	float: left;
	width: 200px;
font: 13px Verdana, sans-serif;
line-height:25px;
	color: #000;
}

#menu_sub a {
	color: #000;
	text-decoration: none;
}

#menu_sub a:hover {
	color: #ec0091;
	text-decoration: underline;
}

#menu_sub a.active {
	color: #000;
text-weight:bold;
	text-decoration: none;
}

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

#menu_sub li {

}

#menu_sub li a.active {
background: url(images/sqaure.png) 0 3px no-repeat;
padding-left: 21px;
font-weight: bold;
}

#menu_sub li li a.active {
background: none;
padding-left: 0px;
font-weight: normal;
}


#menu_sub ul ul{

	list-style-type : none;

} 



#menu_sub li li{


font: 11px Verdana, sans-serif;
line-height:21px;
	margin-left:21px;


} 


#menu_sub ul ul ul{

	list-style-type : none;

} 

#box-middle {
	float:left;
	width:460px;
	padding-left:21px;
	padding-right: 17px;
}

#box-left {
	float:left;
	width:218px;
	padding-right: 0px;
	padding-left: 25px;
	padding-top: 0px;
}

#box-right {
	float:right;
	width:218px;
	padding-right: 5px;
	padding-top: 0px;
}

#bottom{
	width: 801px;
	margin-top: 0px;
	float: center;
	padding-left: 21px;
	margin: auto;
	padding-bottom: 0px;
	background-image: url(images/footerbottom.gif);
	height: 16px;
}

.line{
	border-top:1px solid #E7E6E6;
	margin-bottom:15px;
	padding-left: 17px;
}

ul {
	line-height : 24px;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.nav-selected {
float:left;width:107px; height:26px; padding-top:11px; text-align:center; color:#000; font:bold 11px Verdana;
}
.nav-selected a {
 color:#000; font:bold 11px Verdana;
}
.nav-image {
float:left; background:url(images/left-nav.gif) repeat-x; height:39px; width:3px;
}
.nav {
float:left; width:108px; height:26px; padding-top:11px; text-align:center; color:#000;  font:normal 11px Verdana;
.nav a {
color:#000;
}

/* footer */

#footer-clear {
	clear: both;
	float: center;
	height: 15px;
	width: 896px;
	margin: auto;
}

#footer {
	margin:auto;
	font-size:11px;
	float:center;
	height: 15px;
	width: auto;
	clear: both;
}

.disclaimer {
	font-family : Verdana;
	font-size : 11px;
	color: #393838;
	margin: auto;
	text-decoration: none;
	padding-top: 0px;
}

.disclaimer a {
	color: #393838;
	text-decoration: none;
}

.disclaimer a:hover{
	color: #393838;
	text-decoration: underline;
}

.error {
  border: 1px solid red;
  margin-bottom: 17px;
  background-color: #ffffee;
  color: #660000;
  width: 710px;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}
.notify {
  border: 1px solid #336699;
  background-color: #ffffee;
  color: #336699;
  width: 400px;
  padding: 5px;
}
.error ul {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(http://www.gpchemicals.com/images/error.gif);
	margin-left: 17px;
	margin-top: 5px;
}
input.submit {
width: 166px;
height: 36px;
background: url(http://www.gpchemicals.com/images/aanvragen.gif) no-repeat;
outline: none;
cursor:pointer;
}
input.sbmit:hover {
background: url(http://www.gpchemicals.com/images/aanvragen.gif) no-repeat;
}
input.berekenen {
width: 166px;
height: 36px;
background: url(http://www.gpchemicals.com/images/berekenen.gif) no-repeat;
outline: none;
cursor:pointer;
}
input.berekenen:hover {
background: url(http://www.gpchemicals.com/images/berekenen.gif) no-repeat;
}
a.help {
	position:relative;
	text-decoration:none !important;
	color:#393838 !important;
}

a.help div.balloon2 {
	position:absolute;top:-3px;padding-left:10px;left:-9999px;z-index:100;
	background:url(http://www.gpchemicals.com/images/bg_balloon2-bot.gif) right bottom no-repeat;
}
* html a.help div.balloon2 {top:-5px;}
*+html a.help div.balloon2 {top:-5px;}

div.balloon2 div.balbottom {
	width:141px;
	padding-left:16px;padding-top:3px;padding-right:4px;padding-bottom:3px;
	background:url(http://www.gpchemicals.com/images/bg_balloon2-top.gif) right top no-repeat;
	font-size:11px;
	line-height:18px;
}

a.active div.balloon2 {
	left:0;	
}

div#search {
   height: 40px;
   width: 960px;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0px 10px 0px 0px;
   background: url(uploads/images/whitestripe.png) repeat-x left top;
}
#search form {
   margin: 5px 10px 0px 0px;
}
#search input#cntnt01searchinput {
   height:15px;
   border-top: 2px solid #D5D5D5;
   border-left: 2px solid #D5D5D5;
   border-right: 1px solid #D5D5D5;
   border-bottom: 1px solid #D5D5D5;
}
#search input.sumitin {
   margin: 0px;
   width:18px;
   height:18px;
   border:none;
   background: url(uploads/images/searchbutton.png) no-repeat left bottom;
}

#clear-image-box {
clear:both;
height:10px;
}
#images-box-left {
	width:96px;
	height:66px;
	float:left;
}

#images-box {
	width:96px;
	height:66px;
	float:left;
}

#images-box-right {
	width:96px;
	height:66px;
	float:right;
}

form#signupform a.help {position:static;}
form#signupform li {position:relative;}
form#signupform a.active div.balloon2 {left:420px;top:2px;}
form#signupform fieldset fieldset a.active div.balloon2 {left:240px;}
form#signupform fieldset fieldset.captcha a.active div.balloon2 {top:20px;}
/* End of 'qlicks' */