/* CSS Document */
body
{
	margin: 0px;
	
	font-family: Arial, Helvetica, Verdana, sans-serif;
         
}
a img{border:0px;display:inline;}

/***********************************************/
/* Text / Link Styles                          */
/***********************************************/
a
{
	color: #009ddc;
	text-decoration: underline;
}
a:hover
{
	color: #ee2e24;
	text-decoration: none;
}


h1, h2{
         color:#404041;
}
h1{ background:url(dots.gif) repeat-x bottom; font-size:1.2em; font-weight:normal; margin-top:0px;}

h2{
         font-size:0.9em;
         font-weight:bold;
		 margin-bottom:-0.8em;
		 padding-bottom:0em;
}

h3{
 font-size: 0.8em;
 line-height:1.2;
 color: #DA8E27;
}

h4{
 font-size: 0.7em;
 line-height:1.2;
 color: #DA8E27;
}
p, td, ul {color:#231f20; font-size:0.8em; padding-left:0;}

#column3 ul {margin:0; padding:0;}

td td, p td{font-size:1.0em;}

ul ul {font-size:1.0em;}
li p {font-size:1.0em;}


.highlightTxt{
color: #F0940F;
}
.smallTxt{
font-size: 10px;
color: #999999;
}

.orange{color:#ff0000;}

#breadcrumb {
margin: 0; 
padding: 0 0 14px 0;
font-size: 0.85em;
}

#breadcrumb ul {
list-style-type: none;
margin:0;
margin-left: 0;
padding:0;
}

#breadcrumb li {
display: inline;
padding:0;
margin:0;
}

#bottomlinks
{
font-size: 0.8em;
border-top:1px dotted #60C2E9;
display:block;
}

#bottomlinks ul 
{
list-style-type:none;
margin:4px 0 7px;
padding:0;
}

#bottomlinks li 
{
display: inline;
line-height:1.75;
margin:0 10px 0 0;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#bg-top{ height:100%; overflow:auto; background: url(bg-main-top.gif) no-repeat; background-position:center top; padding-top:33px; background-color: #c0ddeb; text-align: center;}
#bg-bottom{height:100%; overflow:auto; background:url(bg-main-btm.gif) no-repeat; background-position:center bottom; padding-bottom:20px;}
#bg-middle{height:100%; overflow:auto; background:url(main-white-bg.gif)  repeat-y; background-position:center; }

#containercontent{ width:790px; text-align:left; margin:0 auto;padding:0px 0px 0px 0px; }
#logobar{}
#logo{width:151px;text-align:right; float:right;}
#contactdetails{ float:left; width:400px;  padding:0px 0px 0px 0px;}

#topimagecontainerhome{clear:both; margin:0px; padding:0px; background:url(top-hello.png) #ffffff  no-repeat top left;height: 241px; display:block;} 
#topimagecontainerhome-closingthegap{clear:both; margin:0px; padding:0px; background:#ffffff url(Home_page_image.jpg) no-repeat; background-position:top left;  height: 241px; display:block;}
#hellotext{  width:367px; color:#FFFFFF;display:inline; float:left; margin-right:10px; padding:110px 7px 10px 15px;}
#hellotext p{ color:#FFFFFF; font-size:0.9em; margin:0px;}
#topimagecontainerhome #topimageright{width:390px; height: 241px; display:inline; float:left;}

#topimagecontainerhome-closingthegap #hellotext p {font-size:0.7em;}

#topimagecontainersub{clear:both; margin:0px; padding:0px;   height: 195px; display:block;}
#topimageleft{width:390px; height: 195px; display:block; float:left; margin-right:10px;}
#topimagecontainersub #topimageright{width:390px; height: 195px; display:block; float:left; }

#maincontainer{  overflow:hidden; padding:22px 0px 20px 0px; height:100%; clear:both;}
#column1{width:140px; float:left; padding:0px 15px 0px 0px;}
#column2{width:430px;float:left; padding:0px 15px 10px 0px;display:inline;}
#column3{width:187px; float:left; display:inline;}
#column2a{width:380px;float:left; padding:0px 10px 10px 0px;display:inline;}
#column3a{width:226px; float:left;display:inline; margin-left:6px;}
#column2double{padding:0px 0px 10px 0px;width:635px;float:left;}

#btmcontainer{background:url(bg-main-btm.gif) repeat-y; overflow:auto; padding:10px 0px 20px 0px;height:100%;}

/***********************************************/
/* Left menu                                */
/***********************************************/
#leftmenu{margin-top:0px;}
#testimonial{}

#leftmenu ul{margin:0px; padding:0px; list-style:none; }
#leftmenu li{ margin:0px; padding:0px; line-height:1.3em;}
#leftmenu ul ul{margin:0px 0px; display:none;}
#leftmenu li li{font-size:1.0em;}
#leftmenu li a{color:#5b5b5d; background:#d1d2d4 url(bg-menu-1.gif) no-repeat; display:block; margin:1px 0px 0px 0px; padding:5px 5px 5px 5px; width:130px; text-decoration: none;}
#leftmenu li a:hover{color:#fff; background:#009ddc url(bg-menu-1-rollover.gif) no-repeat; text-decoration:none;}
#leftmenu li li a{ background:#e2e3e4 url(bg-menu-2.gif);  padding:5px 5px 5px 10px; margin:1px 0px 0px 0px; width:125px;}
#leftmenu li li a:hover{color:#fff; background:#4cbae6 url(bg-menu-2-rollover.gif) no-repeat; text-decoration:none;}
#leftmenu li li li a{ background:#f1f1f2 url(bg-menu-3.gif);  padding:5px 5px 5px 15px; margin:1px 0px 0px 0px; width:120px;}
#leftmenu li li li a:hover{color:#fff; background:#7fceed url(bg-menu-3-rollover.gif) no-repeat; text-decoration:none;}


/*  styes for current nav  */

#leftmenu  ul ul{}

#leftmenu  li a.here:link, #leftmenu li a.here:visited, #leftmenu li a.here{font-weight:bold; }

#leftmenu  ul ul a.here:link, #leftmenu ul ul a.here:visited{ font-weight:bold;}

#leftmenu  .here:hover{color:#fff; font-weight:bold;}



#leftmenu li.highlight_selected { color:#000;}

#leftmenu  li.highlight_selected a:hover{}

#leftmenu  li.highlight_selected ul li a:hover{ }


/***********************************************/
/* Left menu - closing the gap                 */
/***********************************************/

#leftmenu ul#closingthegap li a:hover {color:#fff; background:#106470 no-repeat; text-decoration:none;}


.ctaleft {margin-top:10px;}

/***********************************************/
/* quicklinks                        */
/***********************************************/

.quicklinkright { padding:0px 0px 20px 0px; display:block; clear:both;list-style:none; margin:0;}

/*** THIS IS CAUSING THE ERROR
#column3 .pepperio_editable{margin-top:10px; display:block; width:10px; height:20px; float:right; clear:both;}
***/

.quicklinkmiddle{ padding:0; float:left; width:186px; display:block; margin:0 4px 5px 0; height:141px;}
.quicklinkmiddle li {list-style:none; margin:0; padding:0;}
.quicklinkmiddle ul {margin:0;padding:0;}

/*.quicklinkmiddle h2{ background:url(dot-red.gif) repeat-x; background-position:bottom; margin-bottom:1em; margin-top:0em;}
.quicklinkmiddle h2 img{margin:0px 0px 1px 0px;}
.quicklinkmiddle p{color:#fff; padding:0px 35px 10px 10px; }
.quicklinkmiddle a, .quicklinkmiddle a:visited{color:#fff;}
.right10{margin-right:10px;}*/

ul.newsright{ margin:1.0em 0px 0px 0px; list-style-type:none; padding:0px;  }
ul.newsright li{ margin-bottom:1.0em;}

/***********************************************/
/* bottom container elements                   */
/***********************************************/

#bottomborder{ background:url(dots.gif) repeat-x top; clear:both; overflow:auto; height:100%; margin-top:1px;}

#copyright{ color:#646465; font-size:0.8em; padding:15px 0px 15px 0px; float:right; text-align:right;}
#address{color:#646465; font-size:0.8em; padding:15px 0px 15px 0px; float:left;}

/***********************************************/
/* Layout Elements                                 */
/***********************************************/
input {
background-color: #FFFFFF;
color: #000000;
margin-bottom:5px;
font-size: 11px;
}

select {
color: #000000;
margin-bottom:5px;
font-size: 11px;
}



/* format images inside maincontent */

img.floatLeft
{
clear:both;
display:block;
background-color: white;
position:relative;
float:left;
margin: 2px;
}

img.floatRight
{
clear:both;
display:block;
background-color: white;
position:relative;
float:right;
margin: 2px;
}
/***********************************************/
/* Product Overview                                */
/***********************************************/

ul.productoverviewitem {margin:0px; padding:0px; list-style:none;}
ul.productoverviewitem li{background-color:#e1effa; margin-bottom:15px; display:block; padding:10px; overflow:auto; height:100%;}
ul.productoverviewitem li img{float:right; margin:0px 0px 0px 15px;}
ul.productoverviewitem li h2{margin-top:0em;}


/***********************************************/
/* Product Page                               */
/***********************************************/

#productpage{background-color:#e1effa; padding:10px;}

#productpage table{border:none;  border-collapse:collapse; width:100%; margin:0px; border-spacing:0px; }

#productpage td{padding:3px; background:url(dots-darkblue.gif) repeat-x bottom; margin:0px; text-align:left; border:none; border-spacing:0px; border-collapse: collapse;}
#productpage tr{background:url(dots-darkblue.gif) repeat-x bottom;}

#productpage th{padding:3px; background:url(dots-darkblue.gif) repeat-x bottom; margin:0px; text-align:left; border:none;  border-spacing:0px;  border-collapse:collapse;}

#productpage #productimages{margin-bottom:10px;}

/***********************************************/
/* Forms                              */
/***********************************************/
fieldset{border:0px;}
input{ border:1px solid #000;}
label{font-size:0.8em; display:block;padding-top:5px;}

.clearboth{clear:both; line-height:0px; font-size:0px; height:1px;}






/***********************************************/
/* LOGIN                              */
/***********************************************/

/* extra styles for the login form version 20061023*/


label
{

}
input
{
	font-family: Arial, Helvetica, Verdana, sans-serif; border:1px solid #cccccc;font-size:1em;
}
.login
{
	display:block;   
}
.msg
{	
	font-family: Arial, Helvetica, Verdana, sans-serif;font-weight:bold;
}
.hide
{
	display:none;
}
.account
{
}
.password
{
}
.submit
{
font-weight:bold;
}
#logon_succes
{
	color:Green;
}
#logon_form
{	
	background:#f0f0f0;padding:5px;
}
#logon_panel
{
         height:160px:
}
#logon_error
{
	color:Red;
}
#logout
{
}