@charset "utf-8";
/* CSS Document */

body
{
	background-color:#f1f2f4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
}

div#verytop
{
	background-image:url(images/verytop.jpg);
	width:918px;
	height:66px;
	margin:0 auto;
}

div#navbar
{
	background-image:url(images/navbar.jpg);
	width:918px;
	height:46px;
	margin:0 auto;	
}

div#top
{
	background-image:url(images/belowtop.jpg);
	width:918px;
	height:340px;
	margin:0 auto;
	
}

ul#navs
{
	margin:79px 0 0 350px;
	padding:0;
	
}

ul#navs li
{
	display:inline;
	font-size:1.5em;
	margin:0 20px;
	padding:0;
	list-style:none;
}

ul#navs a
{
	text-decoration:none;
	color:white;
}

ul#navs a:hover
{
	color:#FCE557;
}

div#container
{
	width:918px;
	background-color:#fff7be;
	margin:0 auto;
}	

div#greenleft
{
	background-image:url(images/greenleftbg.jpg);
	background-repeat:repeat-y;
	width:186px;
	margin-left:9px;
}

div#greenlefttop
{
	background-image:url(images/greenlefttop.jpg);
	height:5px;
	width:186px;
}

div#greenleftbottom
{
	background-image:url(images/greenleftbottom.jpg);
	height:53px;
	width:186px;
}

div#greencategories
{
	background-image:url(images/greencategories.jpg);
	width:174px;
	height:35px;
	margin-left:6px;
	margin-top:2px;
	margin-bottom:15px;
}

div#greencats
{
	width:126px;
	padding-left:43px;
	height:21px;
	border-top:2px solid #ddef8b;
	background-image:url(images/greencategorybg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin-left:12px;
	font-weight:bold;
	padding-top:5px;
}

div#subcatsgreen
{
	margin-left:54px;
	padding-bottom:5px;
	font-weight:bold;
}

div#subcatsgreen a
{
	color:#87bc0a;
	text-decoration:none;
}

div#subcatsgreen a:hover
{
	color:#cd5026;
}

div#greencatstop
{
	width:126px;
	padding-left:43px;
	height:21px;
	background-image:url(images/greencategorybg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin-left:12px;
	font-weight:bold;
	padding-top:5px;
}

div#center
{
	background-image:url(images/centerbg.jpg);
	background-repeat:repeat-y;
	width:510px;
	float:left;
	margin-left:10px;
	margin-bottom:25px;
}

div#centertop
{
	background-image:url(images/centertop.jpg);
	height:5px;
	width:510px;
	margin-bottom:3px;
}

div#center h1
{
	width:458px;
	height:27px;
	margin-top:0;
	margin-bottom:0;
	margin-left:8px;
	margin-right:8px;
	background-image:url(images/centerh1.jpg);
	font-size:1.25em;
	font-weight:bold;
	padding-left:18px;
	padding-right:18px;
	padding-top:8px;
}

div#center p
{
	margin:10px 15px;
}

div#centerbottom
{
	background-image:url(images/centerbottom.jpg);
	height:15px;
	width:510px;
}

div#left
{
	width:195px;
	float:left;
	margin-bottom:25px;
}

div#right
{
	width:195px;
	float:right;
	margin-bottom:25px;
}

div#right p
{
	margin:10px 15px;
}

div#greenright
{
	background-image:url(images/greenleftbg.jpg);
	background-repeat:repeat-y;
	width:186px;
	margin-right:9px;
}

div#greenrighttop
{
	background-image:url(images/greenlefttop.jpg);
	height:5px;
	width:186px;
}

div#greenrightbottom
{
	background-image:url(images/greenleftbottom.jpg);
	height:53px;
	width:186px;
}

div#footer 
{
	width:918px;
	height:138px;
	clear:both;
	background-image:url(images/footerbg.jpg);
}

div#footer p
{
	text-align:center;
	font-size:11px;
	margin:0;
	padding-top:14px;
}

div#footer p a
{
	color:white;
	text-decoration:none;
}

div#cta1
{
	width:280px;
	height:137px;
	background-image:url(images/cta1.gif);
	position:relative;
	top:40px;
	left:10px;
}

div#membersarea
{
	width:284px;
	height:120px;
	background-image: url(images/membersarea.jpg);
	position:absolute;
	top:120px;
	margin:0 0 0 610px;
}

div#register
{
	width:284px;
	height:53px;
	background-image: url(images/registerblock.jpg);
	position:absolute;
	top:250px;	
	margin:0 0 0 610px;
}

div#search
{
	width:284px;
	height:129px;
	background-image: url(images/searchblock.jpg);
	position:absolute;
	top:313px;	
	margin:0 0 0 610px;
}

h1.cta
{
	margin:0 10px;
	font-size:16px;
	color:white;
	padding:15px;
	
}

p.pcta
{
	font-size:10px;
	margin:0 8px 0 80px;
	padding:0;
}

div.ctaimg
{
	position:absolute;
	top:112px;
	left:197px;
}

div.ctaimg img
{
	border:none;
	
}

div#cta2
{
	width:280px;
	height:137px;
	background-image:url(images/cta2.gif);
	position:relative;
	left:310px;
	top:-97px;
}

div#cta3
{
	width:280px;
	height:137px;
	background-image:url(images/cta3.gif);
	position:relative;
	left:10px;
	top:-87px;
}

div#cta4
{
	width:280px;
	height:137px;
	background-image:url(images/cta4.gif);
	position:relative;
	left:310px;
	top:-224px;
}

div#supplierlogos
{
	position:absolute;
	width:655px;
	height:40px;
	/*margin:9px 0 0 243px;*/
	top:9px;
	left:243px;	
}

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(drop3/blank_over.gif);}
.preload2 {background: url(drop3/blank_overa.gif);}

.menu2 {padding:0 0 0 350px; margin:0; list-style:none; height:46px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:46px; line-height:47px; color:#fff; text-decoration:none; font-size:18px; padding:0 0 0 12px; cursor:pointer;background: url(drop3/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:46px;background:url(drop3/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:46px; background:url(drop3/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#FCE557; background: url(drop3/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(drop3/blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#FCE557; background: url(drop3/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(drop3/blank_overa.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:10px; top:41px; background: #fff; padding:3px; border:1px solid #C5242A; white-space:nowrap; width:190px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:190px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(drop3/arrow.gif) 180px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#085EA7; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#085EA7 url(drop3/arrow_over.gif) 180px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#085EA7 url(drop3/arrow_over.gif) 180px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:190px; top:-4px; background: #fff; padding:3px; border:1px solid #C5242A; white-space:nowrap; width:190px; z-index:400; height:auto;}