/* override #content margin to allow tabs at top of 
 front page design to move up against flashyness section */

#content
{
	margin: 0 !important; /* prevents tabs moving away from top left corner */
	padding: 0 !important; /* prevents content div stretching too wide and spilling out over fixed width layout */
}

/* main part of page, to allow eyecatcher to float up */
#wrapper-content
{
	padding: 0 0 0 30px;
	width: 650px;
	float: left;
}
#wrapper-banner
{
	
	padding: 0 0 0 30px;
	width: 900px;
	float: left;
	
}

/* flash banner */
img.fl
{
	width: 956px;
	height: 252px;
}

/* tabs */
ul#tab
{
	float: left;
	height: 86px;
	width: 956px;
	background: url(/resources/images/home-menu-sprite.png) no-repeat;
	padding: 10px 0 0 0;
	margin: 0 0 28px 0;
}
ul#tab li
{
	list-style: none;
	display: block;
	float: left;
}
ul#tab li a
{
	display: block;
	float: left;
	outline: none;
}
/* current ul */
ul#tab.tab2
{
	float: left;
	height: 86px;
	width: 956px;
	background: url(/resources/images/home-menu-sprite.png) no-repeat 0 -96px;
	padding: 10px 0 0 0;
}
ul#tab.tab3
{
	float: left;
	height: 86px;
	width: 956px;
	background: url(/resources/images/home-menu-sprite.png) no-repeat -1px -192px;
	padding: 10px 0 0 0;
}
ul#tab.tab4
{
	float: left;
	height: 86px;
	width: 956px;
	background: url(/resources/images/home-menu-sprite.png) no-repeat -1px -288px;
	padding: 10px 0 0 0;
}

/* tab01 */
ul#tab li#tab01.current a:link, ul#tab li#tab01.current a:visited, ul#tab li#tab01.current a:hover, ul#tab li#tab01.current a:focus, ul#tab li#tab01.current a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -10px -10px;
	height: 86px;
	width: 231px;
	margin: 0 0 0 10px;
}
/* ie6 */
* html ul#tab li#tab01.current a:link, * html ul#tab li#tab01.current a:visited, * html ul#tab li#tab01.current a:hover, * html ul#tab li#tab01.current a:focus, * html ul#tab li#tab01.current a:active
{
	margin: 0 0 0 5px;
}
ul#tab li#tab01 a:link, ul#tab li#tab01 a:visited
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -10px -106px;
	height: 86px;
	width: 231px;
	margin: 0 0 0 10px;
}
* html ul#tab li#tab01 a:link, * html ul#tab li#tab01 a:visited
{
	margin: 0 0 0 5px;
}
ul#tab li#tab01 a:hover, ul#tab li#tab01 a:focus, ul#tab li#tab02 a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -10px -298px;
	height: 86px;
	width: 231px;
}
/* tab02 */
ul#tab li#tab02 a:link, ul#tab li#tab02 a:visited
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -246px -10px;
	height: 86px;
	width: 231px;
	margin: 0 0 0 4px;
}
ul#tab li#tab02 a:hover, ul#tab li#tab02 a:focus, ul#tab li#tab02 a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -246px -298px;
	height: 86px;
	width: 231px;
}
/* ie6 */
* html ul#tab li#tab02 a:link, * html ul#tab li#tab02 a:visited
{
	margin: 0 0 0 2px;
}
ul#tab li#tab02.current a:link, ul#tab li#tab02.current a:visited, ul#tab li#tab02.current a:hover, ul#tab li#tab02.current a:focus, ul#tab li#tab02.current a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -245px -106px;
	height: 86px;
	width: 230px;
	margin: 0 1px 0 4px;
}
/* ie6 */
* html ul#tab li#tab02.current a:link, * html ul#tab li#tab02.current a:visited, * html ul#tab li#tab02.current a:hover, * html ul#tab li#tab02.current a:focus, * html ul#tab li#tab02.current a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -245px -106px;
	height: 86px;
	width: 231px;
	margin: 0 0px 0 2px;
}


/* tab03 */
ul#tab li#tab03 a:link, ul#tab li#tab03 a:visited
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -480px -10px;
	height: 86px;
	width: 231px;
	margin: 0 0 0 4px;
}
* html ul#tab li#tab03 a:link, * html ul#tab li#tab03 a:visited
{
	margin: 0 0 0 2px;
}
ul#tab li#tab03 a:hover, ul#tab li#tab03 a:focus, ul#tab li#tab03 a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -480px -298px;
	height: 86px;
	width: 231px;
}
/* tab03 current */
ul#tab li#tab03.current a:link, ul#tab li#tab03.current a:visited, ul#tab li#tab03.current a:hover, ul#tab li#tab03.current a:focus, ul#tab li#tab03.current a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -481px -202px;
	height: 86px;
	width: 230px;
	margin: 0 1px 0 4px;
}
/* ie6 tab03 current */
* html ul#tab li#tab03.current a:link, * html ul#tab li#tab03.current a:visited, * html ul#tab li#tab03.current a:hover, * html ul#tab li#tab03.current a:focus, * html ul#tab li#tab03.current a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -481px -202px;
	height: 86px;
	width: 230px;
	margin: 0 1px 0 2px;
}
/* tab04 */
ul#tab li#tab04 a:link, ul#tab li#tab04 a:visited
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -715px -10px;
	height: 86px;
	width: 231px;
	margin: 0 0 0 4px;
}
* html ul#tab li#tab04 a:link, * html ul#tab li#tab04 a:visited
{
	margin: 0 0 0 2px;
}
ul#tab li#tab04 a:hover, ul#tab li#tab04 a:focus, ul#tab li#tab04 a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -715px -202px;
	height: 86px;
	width: 231px;
}
/* tab04 current */
ul#tab li#tab04.current a:link, ul#tab li#tab04.current a:visited, ul#tab li#tab04.current a:hover, ul#tab li#tab04.current a:focus, ul#tab li#tab04.current a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -715px -298px;
	height: 86px;
	width: 230px;
	margin: 0 1px 0 4px;
}
/* ie6 tab04 current */
* html ul#tab li#tab04.current a:link, * html ul#tab li#tab04.current a:visited, * html ul#tab li#tab04.current a:hover, * html ul#tab li#tab04.current a:focus, * html ul#tab li#tab04.current a:active
{
	background: url(/resources/images/home-menu-sprite.png) no-repeat -715px -298px;
	height: 86px;
	width: 230px;
	margin: 0 1px 0 2px;
}


/* banners */
.box-banner
{
	height: 250px;
	width: 285px;
	margin: 0 0 10px 0;
	float:left;
	position:relative;
	background: url(/resources/images/plain.png) no-repeat;
}
#plans_ahead
{
	background: url(/resources/images/plansahead_banner.png) no-repeat;

	
}

#reports_banner
{
	background: url(/resources/images/report_banner.png) no-repeat;
	margin-left:35px;
	
	
}

.banner-lists
{
	position: absolute;
	top: 80px;
	left: 20px;
	width: 250px;
}

.box-banner ul
{
	padding-left: 0; /* remove automatic padding, and enforse IE/FF matching behaviour */
	margin-left: 0; /* prevent IE7 adding a left margin by default */
	list-style-position: outside;
}

#plansahead-list1, #plansahead-list2, #reports-list1, #reports-list2
{
	float: left;
}

#plansahead-list1
{
	margin-right: 50px;
}

#reports-list1
{
	margin-right: 30px;
}

.box-banner li
{
	list-style: none;
	list-style-image: none !important; /* remove normal bullet image */
	background-position: 0 6px;
	padding-left: 8px;
	font-size: 6.5pt;
	padding-bottom: 0.25em;
}

.box-banner .banner-go
{
	position: absolute;
	top: 25px;
	right: 45px;
}

.box-banner #plansahead-logo, .box-banner #streetsahead-logo, .box-banner #reports-logo
{
	/* move logo into correct position in banner */
	position: absolute;
	top: 25px;
	left: 15px;
	/* style text in case there's no image */
	color: #820000;
	font-size: 13pt;
	text-decoration: none;
}

/* clearing divs */
.clear
{
	clear: both;
}

/* column right */
#column-right
{
	width: 210px;
	float: right;
	padding: 0 30px 0 0;
}

#groundsurepromo
{
	margin-bottom: 10px;
}

ul#our_partners li
{
	list-style: none !important; /* override global style for lists in #content */
}

/* rulers */
hr
{
	width: 100%;
	height: 1px;
	margin: 15px 0;
	border: none;
	border-top: 1px solid #d5d5d5;
	padding: 0px;
	display: block;
	font-size: 1px;
}

/* product search (ps) page styles */
.box-ps
{
	width: 295px; /* plus 2x10px padding, for 315px background size */
	height: 46px; /* plus 2x10px padding, for 66px background size */
	float: left;
	padding: 10px;
	margin-bottom: 5px;
}

.box-ps .ps-heading /* category heading */
{
	/* allow arrows to float to right of heading*/
	float: left;
	margin: 0 0 3px 0;
}

.box-ps .ps-description
{
	clear: left; /* don't float around heading */
	font-size: 85%;
}

.box-ps .ps-arrow
{
	float: right;
	margin: 0 0 2px 2px;
}

#productsearch-end
{
	clear: both;
}

/* services page */
#services-description
{
	width: 350px;
	float: left;
	margin: 0 10px 10px 0;
	padding-right:25px;
}

#services-bullets
{
	width: 450px; /* 450px - 2x10px padding */
	float: left;
	background-color: #cce9ec;
	padding: 10px;
}


#services-bullets ul
{
	float:left;
	margin-top: 1em;
}
#service-footer
{
	width: 450px; /* 450px - 2x10px padding */
	float: left;
	padding: 10px;
}

#services-end
{
	clear: both;
}

/* need-assistance tab */

#assistance-content h1 /* alter h1 styles set globally, as this page is styled differently */
{
	background: none;
	color: Black;
	margin: 0 0 10px 0;
	width: auto;
	height: auto;
	padding: 0;
}

#assistance-content em /* used for phone number */
{
	font-size: 14pt;
	color: #a3b201;
	font-style: normal;
}

#main-phone
{
	margin-top: 5px;
}

#main-contact
{
	width: 297px; /* 330px minus 33px padding */
	float: left;
	margin-right: 10px;
	padding-left: 33px; /* allow room for icons */
	background: url( '/resources/images/telephone.jpg' ) no-repeat;
}

#email-link
{
	margin-top: 10px;
	background: url( '/resources/images/email.jpg' ) no-repeat;
	margin-left: -33px; /* move background icon to left edge of content */
	padding-left: 33px; /* move text back in line with other content */
}

#faq-link
{
	margin-top: 10px;
	background: url( '/resources/images/questions.jpg' ) no-repeat;
	margin-left: -33px; /* move background icon to left edge of content */
	padding-left: 33px; /* move text back in line with other content */
}

#account-managers
{
	float: left;
	width: 305px;
}

#account-managers li /* remove browser default indent and bullets, and those defined in main styles */
{
	list-style: none !important;
	list-style-image: none !important; /* override image from main styles */
	padding: 0;
	margin: 0 0 5px 0;
}

#account-managers ul /* remove browser default indent, and those defined in main styles */
{
	padding: 0;
	margin: 0;
}

#account-managers ul a
{
	display: block; /* to allow width */
	width: 80%;
	background-image: url(/resources/images/arrow-sfm.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
}

#assistance-end
{
	clear: both;
}

#flashboxContainer
{
	height: 252px; /* predefine height of flash banner to prevent page elements moving around when it eventually loads. */
}