/* CSS Document */

body{
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #d3d3d3 url(../images/BG2.jpg) repeat-x left bottom;	
}

h2{
	color:#FFFFFF;
	padding:0;
	margin:0;
	font-size:130%;
	font-weight: lighter;
}

#container{
	width:960px;
	margin:auto;
	
}

#header-top-shadow{
	width:960px;
	height:103px;
	background: url(../images/shadow-top.png) no-repeat center bottom;	
}

#header-top-text{
	margin:86px 64px 0 0;
	padding:1px 0 2px 0;
	width:340px;
	background-color:#e45818;
	color:#FFF;
	text-align:center;
	float:right;

}

#header-top-text h2{
	color:#FFF;
	font-size:95%;
}


#middle-shadow{
	width:960px;
	height:auto;
	background: url(../images/shadow-middle.png) repeat-y center top;
	padding:0; 
	margin:0;
}

/*#middle-shadow p{
	padding:0; 
	margin:0;
}*/

#body-top-bg{
	width:960px;
	margin:0 auto;
	background: url(../images/body-top-bg.gif) no-repeat center top;
}
#body-content{
	width:960px;
	background: url(../images/body-bottom.png) no-repeat center bottom;
}
#content {
	width:900px;
	margin:auto;
}

#body-text02 a{
	text-decoration:none;
	color:#CC6633;
}

#body-text02 a:hover{
	text-decoration:underline;
}


#banner-menu{
	width:900px;
	height:208px;
	background: url(../images/banner-menu.png) no-repeat center top;
}

#banner-image{
	width:823px;
	height:152px;
	/*background: url(../images/banner-image.jpg) no-repeat 2px 16px;*/
	margin:auto;
	padding-top:16px;
	padding-left:1px;
}

#menu{
	width:823px;
	height:38px;
	background: url(../images/menu_bg.png) repeat-x center top;
	margin:-10px 0 0 39px;
	border-top:1px solid #ccec80;
	font-size:130%;	
}



/* ================================================================ 
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(../images/menu/blank_over.gif); }
.preload2 {background: url(../images/menu/blank_overa.gif); }

.menu {
margin:0; list-style:none; height:34px;  position:relative; z-index:500; font-family:verdana, arial, sans-serif;padding-left:80px; padding:0 0 0 auto;text-transform:capitalize; }



.menu li.top {display:block; float:left;}
.menu li a.top_link {display:block; float:left; height:34px; line-height:34px; color:#fff; text-decoration:none; font-size:.8em; font-weight:normal; padding:0 0 0 0; cursor:pointer;background: url(../images/menu/blank.gif); }
.menu li a.top_link span {float:left; display:block; padding:0 20px 0 20px; height:25px;background:url(../images/menu/blank.gif) right top;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:25px; background:url(../images/menu/blanka.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#ecffb6; background: url(../images/menu/blank_over.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(../images/menu/blank_over.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(../images/menu/blank_overa.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:ecffb6; background: url(../images/menu/blank_over.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(../images/menu/blank_over.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(../images/menu/blank_overa.gif) no-repeat right top;}


.menu 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 */

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

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :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;}

.menu :hover ul.sub {left:0; top:34px; background: #fff; padding:3px; border:1px solid #3a93d2;  width:160px; height:auto; z-index:300;}
.menu :hover ul.sub li {display:block; position:relative; float:left; width:160px; font-weight:normal; text-align:left; border-bottom:1px solid #d8e9ff;}
.menu :hover ul.sub li a {display:block; font-size:.8em;  width:160px; line-height:1.8em;  color:#000; text-decoration:none; padding:0 0 0 0;}
.menu :hover ul.sub li a.fly {background:#fff url(../images/menu/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#3a93d2; color:#ecffb6; width:160px; padding-left:0;}
.menu :hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/menu/arrow_over.gif) 80px 7px no-repeat; color:#ecffb6;}
.menu :hover ul li:hover > a.fly {background:#3a93d2 url(../images/menu/arrow_over.gif) 80px 7px no-repeat; color:#ecffb6;} 

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


#left-column{/* includes #roads-supplier-panel, #feat-supplier, #curent-issue  */
	width:263px;
	float:left;
	margin:0 0 0 33px;
	padding:0;
	clear:both;
	font-size:90%;
	
}

#left-column p{
	padding:0; 
	margin:0;
}
#roads-supplier-panel{
	width:262px;
	height:127px;
	background: url(../images/road-supplier-search-bg.png) no-repeat center top;
	padding:0 0 10px 0;
	margin:0;
	
}

#roads-supplier-panel-body{
	margin:0;
	padding:10px 13px;
}

#supplier-subform{
	margin:20px 0 0 0;
	padding:0;
}

#roads-supplier-panel-body h3, #feat-supplier-middle-body h3 {
	font-size:110%;
	margin:0 0 13px 0;
	padding:0;
}

#roads-supplier-panel-body form{
	margin:0;
}

#roads-supplier-panel-body select{
	width:100%;
	font-size:90%;
}

#roads-supplier-panel-body input{
	font-size:105%;
	margin:10px 0 0 0;
	padding:0;
}


#feat-supplier{
	width:263px;
	margin-bottom:10px;
}

#feat-supplier-top{
	width:263px;
	height:5px;
	background: url(../images/feat-supplier-top.png) no-repeat center top;
}

#feat-supplier-middle{
	width:263px;
	margin:0
	height:0;
	background-color:#cfc7b1;
}

#feat-supplier-middle a img{
	border:none;
}

#feat-supplier-middle-body{
	margin:0;
	padding:4px 10px 10px 10px;
}

#feat-supplier-middle-body img{
	margin:5px 5px 0 0;
	padding:0;
}

#feat-supplier-middle-body p{
	line-height:1.5em;
}

#feat-supplier-bottom{
	width:263px;
	height:6px;
	background: url(../images/feat-supplier-bottom.png) no-repeat center top;
}

#curent-issue{
	width:263px;
}

#curent-issue-top{
	width:263px;
	height:5px;
	background: url(../images/current-issue-top.png) no-repeat center top;
}

#curent-issue-middle{
	width:263px;
	background: url(../images/current-issue-middle.png) no-repeat center top;
	background-color:#e48d05;
}

#curent-issue-middle-body{
	margin:0;
	padding:4px 10px 10px 10px;
	color:#FFFFFF;
	line-height:1.5em;
}

#curent-issue-middle-body-cover{
	float:right;
	padding:0 0 13px 4px;
	margin:0 2px 0 0;
}

#curent-issue-middle-body-cover img{
	border:1px solid #fff;
}

#curent-issue-middle-body ul{
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	
}

#curent-issue-middle-body ul li{
	list-style-type:square;
	padding:0 0 5px 0;
}

#curent-issue-bottom{
	width:263px;
	height:5px;
	background: url(../images/current-issue-bottom.png) no-repeat center top;
}

#right-column{/* includes #banner-top-hor, #body-text, #news-panel, #review-panel */
	width:562px;
	margin:0 0 0 303px;
	padding:0;
}

#banner-horizontal-body{
	width:560px;
	height:125px;
	/*background: url(../images/AD-BP-bitumen.jpg) no-repeat center top;*/
	margin:0 0 10px 1px;
	border:1px solid #000;
}

#body-text{
	width:551px;
	border:1px solid #d1d1d3;
	background: #fcfcfd url(../images/body-home-txt-bg.png) repeat-x center bottom;
	padding:5px;
	line-height:1.5em;
	margin:0 0 10px 1px;
}

#body-text02{
	width:540px;
	border:1px solid #d1d1d3;
	background: #fcfcfd url(../images/body-home-txt-bg.png) repeat-x center bottom;
	padding:10px;
	line-height:1.5em;
	margin-left:1px;
}

#body-text02 h3{
	font-size:90%;
	padding:0;
	margin:0 0 0 15px;
	color:#CC3300;
}

#body-text02 a:hover{
	text-decoration:none;
	color

}



#article-cat h2{
	color:#bf5c0c;
	margin:0;
	padding:0 10px 0 0;
	font-size:110%;
}

#article-cat h3{
	color:#e45818;
	text-transform:uppercase;
	font-size:100%;
	margin:10px 0;
	padding:0;
}

#article-cat h4{
	margin:0;
	font-size:110%;
	color:#597cc0;
}

#article-cat h5{
	margin:5px 0 10px 0;
	font-size:100%;
	font-style:italic;
	color:#999999;
}

#article-cat ul{
	margin:5px 0 0 0;
	padding:0;
	list-style-type:none;
}

#article-cat ul li {
	margin:0;
	padding:0;
}

#article-cat ul ul{
	margin:0 0 20px 30px;
}

#article-cat ul ul li{
	padding:0 0 5px 0;
	margin:0;
	list-style-type:square;
}

#article-cat ul ul li a{
	text-decoration:none;
	color:#333399;
	clear:both;
}

#article-cat ul ul li a:hover{
	color:#dc5010;
	text-decoration:underline;
}

#article-cat ul{
	margin:5px 0 0 0;
	padding:0;
	list-style-type:none;
}

#article ul{
	list-style-type:disc;
	margin:0 0 0 20px;
}

#issue-form{
	border:1px solid #cecfd0;
	padding:10px 10px 15px 10px;
	margin:0;
	background-color:#edeeef;
}

#news-panel{
	width:278px;
	height:165px;
	background: #fcfcfd url(../images/news-panel.png) no-repeat center top;
	float:left;
}

#news-panel-text{
	padding:4px 8px;
	color:#eceed9;
}

#news-panel h3{
	font-size:90%;
	padding:0;
	margin:5px 0 0 0;
	text-transform: uppercase;
}

#news-panel h3 a{
	text-decoration:none;
	color:#FFFFFF;

}

#news-panel h3 a:hover{
	text-decoration:underline;
}

#news-panel-text p{
	font-size:90%;
	margin:10px 0 0 0;
	line-height:1.4em;

}

#review-panel{
	width:278px;
	height:165px;
	background: #fcfcfd url(../images/review-panel.png) no-repeat center top;
	margin:0 -2px 0 0;
	float:right;
}

#review-panel-text{
	padding:4px 8px;
	color:#eceed9;
}

#review-panel h3{
	font-size:90%;
	padding:0;
	margin:5px 0 0 0;
	text-transform: uppercase;
}

#review-panel h3 a{
	text-decoration:none;
	color:#FFFFFF;

}

#review-panel h3 a:hover{
	text-decoration:underline;
}

#review-panel-text p{
	font-size:90%;
	margin:10px 0 10px 0;
	line-height:1.4em;
}

#cover-thumbnail{
	width:551px;
	border:1px solid #d1d1d3;
	background: #fcfcfd url(../images/body-home-txt-bg.png) repeat-x center bottom;
	padding:5px;
	margin:10px 0 0 0;
	float:left;
}

#pagination{
	text-align:center;
	padding:10px;
}
.current_page{
	border:1px solid #b4bba9;
	padding:2px;
	background-color:#dfefb9;
}

#suppliers-guide h4{
	margin:0;
	padding:0 0 7px 0;
	font-size:100%;
	color:#78552b;
}

#suppliers-guide a{
	text-decoration:none;
	color:#78552b;
}

#suppliers-guide a img{
	border:none;
}

#suppliers-guide a:hover{
	text-decoration:underline;
}

#guide{
	border:1px solid #dde3d4;
	margin-bottom:5px;
	padding:10px;
}

#guide img{
	margin:0;
	padding:0 7px 0 0;
}

.premium-guide {
	padding:10px; border:1px solid #e5e5e5; margin-bottom:10px;
}
.standard-h4 {
	margin:0; padding:5px 5px 5px 10px; font-size:100%; 
	}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 100%;
height: 140px;
  }

#pscroller2{
width: 100%;
height: 140px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}
/*------------------*/


#clear{
	width:900px;
	clear:both;
}

#footer-bottom-shadow{
	width:960px;
	height:92px;
	background: url(../images/shadow-bottom.png) no-repeat center top;
	margin:0;
}

#footer-bottom-shadow h2{
	text-align:center;
	margin:0;
	padding:25px 0 0 0;
	color:#000;
	font-size:95%;
}