/* CSS Document */

body {
	background: transparent url(http://www.statewidepolyservice.com.au/images/SPS-backgroundslice.jpg) top center repeat-y;
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#666;
}

#hngs-wrapper{
margin-left:auto;
margin-right:auto;
text-align:center;
} 

#hngs-ds{
width:1009px;
text-align: center;
margin-left:auto;
margin-right:auto;
background: transparent url(images2/hng-ds.png) right repeat-y;
margin-bottom: 0px;
}

#header{
background-color: #99C4E2;
width:1009px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#header img{
border: none;
}

#hngs-body{
width:990px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#hngs-ds-top{
width:1009px;
height: 22px;
padding-top: 0px;
margin-left:auto;
margin-right:auto;
background: transparent url(images2/hng-ds-top.png) bottom right no-repeat;
}


#hngs-ds-bottom{
width:1009px;
height:27px;
margin-left:auto;
margin-right:auto;
background: transparent url(images2/hng-ds-bottom.png) bottom right no-repeat;
}


#hngs-home {
float:left;
}


#main-wrapper{
width:1009px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#main{
width:1009px;
background: transparent url(images2/main2.png) top right repeat-y;
margin-bottom:0px;
padding-top: 25px;
}

#main-top{
display: none;
height:31px;
#height:0px;
width:1009px;
background: transparent url(images2/main-top2.png) top right no-repeat;
margin-bottom:0px;
}

#main-bottom{
height:26px;
width:1009px;
background: transparent url(images2/main-bottom2.png) top right no-repeat;
margin-bottom:0px;
}

#main-content{

padding-left: 20px;

padding-right:10px;

margin-left:auto;

margin-right:auto;

width:620px;

margin-top: -11px;

#margin-top: 0px;

_margin-top: 0px;

}

#main-inner{
float: left;
}

.footer{
width:1009px;
}
/**
#menu{
position:relative;
top:100px;
left: 0px;
height:25px;
}**/

.btnav { background-color: border: 0px;}

.btnav2 { 
	background-color: none;
	display: block;
	padding-top: 1px;
	padding-bottom: 5px;
	border-left: none;
	border-right: none;
	border-top: none;

}

.tborder-hp {border: 1px #660099 solid;}

.topnav { background-color: #000; border: 0px;}

.exponav { background-color: #FFCC33; border: 0px;}

.exponavb { background-color: #FFE085; border: 0px;}

p, .text {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #666;}

.pbbold {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #663399; font-weight: bold;}

.pplus {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 22px; color: #2D844B;}

.title {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #65678F; line-height: 22px; font-weight: bold;}

.topMenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; color: #4B0070;}

.topMenu a:link{ text-decoration: none; color: #4B0070;}

.topMenu a:visited{ text-decoration: none; color: #4B0070;}

.topMenu a:active{ text-decoration: underline; color: #2D844B;}

.topMenu a:hover{ text-decoration: underline; color: #2D844B;}


.sideMenu { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold; 
line-height: 100%; 
color: #fff;
}

.sideMenu a:link{ text-decoration: none; color: #4C8AB5;}

.sideMenu a:visited{ text-decoration: none; color: #4C8AB5;}

.sideMenu a:active{ text-decoration: underline; color: #4C8AB5;}

.sideMenu a:hover{ text-decoration: underline; color: #23597C;}


.sideMenu2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; line-height: 16px; color: #FFFFFF;}

.sideMenu2 a:link{ text-decoration: none; color: #4C8AB5;}

.sideMenu2 a:visited{ text-decoration: none; color: #4C8AB5;}

.sideMenu2 a:active{ text-decoration: none; color: #4C8AB5;}

.sideMenu2 a:hover{ text-decoration: none; color: #23597C;}


a:link { 
text-decoration: none; 
color: #666;
}

a:visited { text-decoration: none;  color: #000000;}

a:active { text-decoration: underline; color: #998675;}

a:hover { text-decoration: underline; color: #998675;}


.heading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #434457; line-height: 22px; font-weight: bold;}

.busHeading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #434457; line-height: 24px; font-weight: bold;}

.highlite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #434457;}

.highlite-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #434457 ; font-weight: bold;}

.highlite-bwhite { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 22px; 
color: #FFFFFF ; 
font-weight: bold;
background-color:#452935;
height: 25px;
padding-left:5px;
}

.highlite-borange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #ff9933 ; font-weight: bold;}

.highlite-red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; color: #CC0033;}

.highlite-dkblue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; color: #330066;}

.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; color: #333333;}

.small-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 16px; color: #333333;}

.small-red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; color: #CC0000;}

.smallGreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; color: #006666;}

li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #000000;}

ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #000000;}

ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #000000;}

.highlite-bred { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #CC0033; font-weight: bold;}

#header-inner{
float: left;
width: 980px;
}

#logo{
width:1009px;
height:114px;
padding-left: 0px;
}

#banner-top{
width: 1009px;
text-align: center;
}

#right{
width: 160px;
padding-right: 15px;
}

#main-menu{
position:relative;
top:-18px;
vertical-align:top;
text-align:left;
width:160px;
color:#000000;
}

#top-menu-wrapper{
	width: 1009px;
	vertical-align:bottom;
	text-align:left;
	background-color:#C1C2BF;
	height: 22px;
}

#search{
width: 150px;
padding:5px;
font-size:10px;
font:Arial, Helvetica, sans-serif;
}

#menu-wrapper{
padding-left: 15px;
vertical-align:top;
text-align:center; 
}

#login a{
color: #666;
}


/** main page layout **/

#main-intro-wrapper{
width: 630px;
height: 180px;
margin-bottom:10px;
}

#main-intro{
float: left;
width: 145px;
height: 277px;
#height: 257px;
padding:10px;
background-color:#8B8B8B;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
line-height:150%;
font-weight: normal;
}

#main-image{
float: left;
width:450px;
}

#featured{
float:left;
width:270px;
margin-right:20px;
padding-right:30px;
padding:10px;
border: 1px solid #D8DF4F;
background-color:#8B8B8B;
color:#FFFFFF;
}

.featured-business { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 16px; 
font-weight:bold; 
color: #FFFFFF;
}

.featured-business a:link{ text-decoration: none; color: #FFFFFF;}

.featured-business a:visited{ text-decoration: none; color: #FFFFFF;}

.featured-business a:active{ text-decoration: none; color: red;}

.featured-business a:hover{ text-decoration: underline; color: #FFFFFF;}

.featured-heading{
width:270px;
height: 35px;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
background: transparent url(images2/tab.gif) top left no-repeat;
margin-bottom:-8px;
margin-left: 1px;
padding-left:10px;
padding-top:7px;
}

#recent-wrapper{
float:left;
width:270px;
font-size:10px;
}

.recent { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 16px; 
font-weight:bold; 
color: #999;
}

.recent a:link{ text-decoration: none; color: #999;}

.recent a:visited{ text-decoration: none; color: #999;}

.recent a:active{ text-decoration: none; color: red;}

.recent a:hover{ text-decoration: underline; color: #999;}

.recent-heading{
width:270px;
height: 35px;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
background: transparent url(images2/tab-green.gif) top left no-repeat;
margin-bottom:-8px;
margin-left: 1px;
padding-left:10px;
padding-top:7px;
}


#recent{
float:left;
padding:10px;
margin-bottom:20px;
padding-right:30px;
width:270px;
border: 1px solid #D8DF4F;
}

#product-wrapper{
float:left;
width:270px;
}

#featured-product{
float:left;
padding:10px;
padding-right:30px;
width:270px;
border: 1px solid #D8DF4F;
}

#left-banner{
padding-bottom: 15px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
color:#FFFFFF;
z-index:100;
/**background-color: #F3F3F3;**/ /*overall menu background color*/
}


/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: auto; /*Width of top level menu link items*/
#width:0px;
padding: 1px 8px;
border-left-width: 0;
text-decoration: none;
color: #fff;
white-space:nowrap;
}

.suckertreemenu ul li a:visited{ text-decoration: none;}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
border-bottom: 1px solid #bdbbbc;
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 130px; /*width of sub menu levels*/
color: #cccacb;
text-decoration: none;
padding: 1px 8px;
text-align:left;
background-color:#fff;
}

.suckertreemenu ul li a:hover{
color: #6b6a6a !important;
}

/*Background image for top level menu list links */
/**.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}**/

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
/**background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;**/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



/** editorial **/

#empress-wrapper{
font-family:Arial, Helvetica, sans-serif;
color: #999;
font-size: 15px;
font-weight: 600;
line-height: 135%;
width:600px;
padding-top: 90px;
background: transparent url(images2/logo.gif) top right no-repeat;
}

#empress-top{
margin-left: 18px;
padding-bottom:10px;
}

#empress-content{
float:left;
width: 260;
padding-left: 20px;
}

#empress-content-2{
float:left;
width: 260px;
padding-left: 20px;
padding-right: 20px;
}

#empress-bottom{
width: 600px;
height: 680px;
background: transparent url(images2/bottom-graphic.gif) bottom right no-repeat;
}

#empress-bottom img{
border:none;
}


/** listings **/

#listing-wrapper{
font-family:Arial, Helvetica, sans-serif;
color: #999;
font-size: 15px;
font-weight: 600;
line-height: 135%;
width:600px;
padding-top: 10px;

}

#listing-content{
float:right;
width: 400;
padding-left: 20px;
background: transparent url(images2/floral-element.jpg) top left no-repeat;
padding-left: 90px;
position: relative;
top: 100px;
margin-top: -100px;
}

.style1{
color: #452935;
font-size: 13px;
font-weight: bold;
}


#listing-snapshot{
float: right;
width: 600px;
margin-top:0px;
height: 380px;
padding-left: 20px;

}

#listing-content-2{
float:right;
width: 400;
padding-left: 20px;
padding-left: 90px;
}

#listing-bottom{
float: right;
width: 600px;
height: 50px;
padding-bottom: 10px;
}

#listing-bottom img{
border:none;
}

#listing-content-2 li { 
		color: #999;
		background: url(images2/arrow_off.gif) right 7px no-repeat;
		padding: 3px;
		padding-right: 6px;
		margin: 2px 0 0;
}

/** popup **/

#popup-wrapper{
margin-left:auto;
margin-right:auto;
text-align:center;
width:700px;
} 

#popup-ds{
float: left;
width:700px;
text-align: center;
margin-left:auto;
margin-right:auto;
background: transparent url(images2/popup.png) right repeat-y;
margin: 0px;
}


#popup-ds-top{
float: left;
width:700px;
height: 22px;
padding-top: 0px;
margin-left:auto;
margin-right:auto;
background: transparent url(images2/popup-top.png) bottom right no-repeat;
}


#popup-ds-bottom{
float: left;
width:700px;
height:27px;
margin-left:auto;
margin-right:auto;
background: transparent url(images2/popup-bottom.png) bottom right no-repeat;
}

#popup-main{
background-color: #fff;
width:600px;
padding-top: 0px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

ul#treemenu1 li a.mainfoldericon {
color: #fff !important;
}

.menu {
    font-family: Arial !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px;
}

.menu:hover, .selectedmenu
{
    font-family: Arial !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px;
}

h1,h2,h3,h4,h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #434457;
    line-height: 22px;
}

