body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	min-width: 920px;
	padding: 0;
	margin: 0;
	background-color: #555555;
}

h1 {
	color: #CC0000;
	font-weight: normal;
	font-size: 7px;
}
h1.redcolumn {display: none}     /* Hidden search words - LHS red column, index page */
h1.title {
	color: #000000;
	font-weight: normal;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
h1.banner {
	color: #666666;
	font-weight: normal;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
h2 {
	color: #000000;
	font-weight: normal;
	font-size: 6px;
}
h2.blacktitlerow {display: none}    /* Hidden search words - black menu bar, index page */
h2.title {
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h4.black {
	color: #000000;
	font-weight: bold;
}

h4.gold {
	color: #960;
	font-weight: bold;
}
p {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.smltxtlight {
	font-size: 9px;
	color: #BBBBBB;
}
.smltxt {
	font-size: 9px;
}
.txt10 {
	font-size: 10px;
}

.turquoise {color:#3399CC}
.blue {color:#003399}
.white {color: #FFFFFF}
.black {color: #000000}
.red {color: #FF0000}
.green {color: #445500}
.sand {color: #775500}
.gold {color: #FCCC66}
.purple {color: #772277}
.grey {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	}
a:link, a:visited {      /* Applies to links throughout the site unless specified otherwise */
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
}	

a.contentlink:link, a.contentlink:visited {color: #775500}  /* Applies to main content links */
a.contentlink:hover {
	color: #CC9900;
	text-decoration: underline;
}
a.greenwhite:link, a.greenwhite:visited {color: #445F00}
a.greenwhite:hover {color: #FFFFFF}
a.purplewhite:link, a.purplewhite:visited {color: #772277}
a.purplewhite:hover {color: #FFFFFF}
a.redwhite:link, a.redwhite:visited {color: #CC0000}
a.redwhite:hover {color: #FFFFFF}
a.redblack:link, a.redblack:visited {color: #FF0000}
a.redblack:hover {color: #000000}
a.blackred:link, a.blackred:visited {color: #000000}
a.blackred:hover {color: #FF0000}
a.blackwhite:link, a.blackwhite:visited{color: #000000}
a.blackwhite:hover {color: #FFFFFF}
a.bluewhite:link, a.bluewhite:visited{color: #6699FF}
a.bluewhite:hover {color: #FFFFFF}
a.blackpurple:link, a.blackpurple:visited{color: #000000}
a.blackpurple:hover {color: #AA55AA}
a.blackblue:link, a.blackblue:visited{color: #000000}
a.blackblue:hover {color: #003399}
a.blackturq:link, a.blackturq:visited{color: #000000}
a.blackturq:hover {color: #3399CC}
a.whitegold:link, a.whitegold:visited{color: #FFFFFF}
a.whitegold:hover {color: #FFEE99}
a.whitered:link, a.whitered:visited{color: #FFFFFF}
a.whitered:hover {color: #FF0000}
a.whiteblack:link, a.whiteblack:visited{color: #FFFFFF}
a.whiteblack:hover {color: #000000}
a.whitegreen:link, a.whitegreen:visited{color: #FFFFFF}
a.whitegreen:hover {color: #BBEE33}
a.whiteturq:link, a.whiteturq:visited{color: #FFFFFF}
a.whiteturq:hover {color: #66BBDD}
a.whiteblue:link, a.whiteblue:visited{color: #FFFFFF}
a.whiteblue:hover {color: #6699FF}
a.greyblack:link, a.greyblack:visited{color: #DDDDDD}
a.greyblack:hover {color: #000000}
a.goldwhite:link, a.goldwhite:visited{color: #FFEE99}
a.goldwhite:hover {color: #FFFFFF}
a.goldyellow:link, a.goldyellow:visited{color: #775500}
a.goldyellow:hover {color: #CC9900}
a.turqwhite:link, a.turqwhite:visited{color: #66BBDD}
a.turqwhite:hover {color: #FFFFFF}
ul {
	list-style-type: circle;
}
li {
	padding-bottom: 3px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.hm_wrapper {  /* Home Page --- Only difference between the 3 wrappers is background image */
	text-align: left;
	padding: 0px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/site_home_bg.gif);
	background-repeat: repeat-y;
}
div.page_wrapper {
	text-align: left;
	padding: 0px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/site_bg.gif);
	background-repeat: repeat-y;
}
div.shakers_wrapper {   
	text-align: left;
	padding: 0px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/imgs_shaks/site_shakers_bg.gif);
	background-repeat: repeat-y;
}
/* ------------------------------------------------------------------------RED COLUMN on LHS */
div.leftside {
	float: left;
	width: 150px;
}
div.leftside a {color: #000000}
div.leftbox {
	vertical-align: top;
	width: 150px;
	height: 315px;
}
div.brochurebox {
	float: left;
	height: 190px;
	width: 150px;
}
div.brochuredetails {
	float: left;
	width: 150px;
	height: 85px;
	padding-bottom: 8px;
}
div.brochureimg {  
	float: left;
	width: 60px;
}
div.brochureimg img {        /* Brochure image has black border */
	float: right;
	border: 1px solid #000000;
}
div.brochuretxt {
	float: right;
	width: 85px;
	height: 60px;
	font-size: 8px;
}
div.brochuretxt a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
div.brochuretxt a:hover {
	color: #ffffff;
}
div.intranet {
	width: 134px;
	font-size: 8px;
	padding-right: 16px;
	padding-bottom: 5px;
}
div.intranet a {padding-left: 16px}
/* ----------------------------------------------------------------------------TOP RIGHT */
div.rightside {
	float: left;
}
div.righttop {
	height: 82px;
	width: 770px;
	font-family: Arial, Helvetica, sans-serif;
}
div.navigation{
	padding: 0px;
	width: 770px;
	background-image: url(../images/topband_bg.jpg);
	height: 20px;
	text-align: center;	
}
div.globalNav {       /* Top grey menu is the same throughout the website */
	float: left;
	width: 600px;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 19px;
}
div.globalNav a {
	font-size: 10px;
	color: #444444;
	padding: 0 5px 0 5px;
}

div.globalNav a:hover {
	color: #FFFFFF;
	background-image: url(../images/topband_highlight3.jpg);
	background-repeat: repeat-x;
}

div.dropdownlist {
	float: right;
	padding: 0px;
	width: 160px;
	height: 20px;
}
div.greyline{
	background-color: #BBB;
	height: 1px;
}
div.banner {
	height: 60px;
}
                                 /* ---------Banner Images --------- */
#hm_banner {
	height: 60px;
	background-image: url(../images/top_banner_home.jpg);
}
#const_banner {
	background-image: url(../images/imgs_const/top_banner_const.jpg);
	height: 60px;
}
#hort_banner {
	background-image: url(../images/imgs_hsport/top_banner_hort.jpg);
	height: 60px;
}
#shakers_banner {
	background-image: url(../images/imgs_shaks/top_banner_shakers.jpg);
	height: 60px;
}
#eos_banner {
	background-image: url(../images/imgs_eos/top_banner_eos.jpg);
	height: 60px;
}
#ns_banner_left {
	width: 230px;
	height: 60px;
	background-image: url(../images/imgs_stone/top_bannerleft_ns.jpg);
	float: left;
}
#ns_banner_right {
	float: right;
	width: 540px;
	height: 60px;
	background-image: url(../images/imgs_stone/top_bannerright_ns.gif);
}
#ns_banner_right_img {
	width: 300px;
	height: 60px;
	float: left;
}
                                 /* ----------Banner Heading Top Right--------- */
div.righttoptitle {
	float: left;
	height: 50px;
	width: 200px;
	padding-left: 215px;
	vertical-align: middle;
}
div.righttoptxt {
	float: right;
	width: 145px;
	font-size: 12px;
	text-align: right;
	padding-top: 9px;
	padding-right: 5px;
}
div.righttoptxt a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
div.hm_righttoptxt {                /* Home Page only */
	height: 40px;
	padding-top: 7px;
}
div.main_righttoptxt {
	height: 35px;
	padding-top: 12px;
}
div.eosS_righttoptxt {
	float: right;
	width: 145px;
	font-size: 11px;
	text-align: right;
	padding-top: 1px;
	padding-right: 4px;
}
div.blackrow{                        /* Black Row Menu - spacing & mouseover colour varies */
	background-color: #000000;
	color: #FFFFFF;
	line-height: 19px;
	height: 20px;
	text-align: center;	
}
div.main_blackrow{color: #00FFFF; font-weight: bolder;}
div.main_blackrow a {
	font-size: 9px;
	padding-right: 12px;
	padding-left: 12px;
}
div.const_blackrow{color: #AA7700}
div.const_blackrow a {
	font-size: 9px;
	padding-right: 6px;
	padding-left: 6px;
}
div.hort_blackrow{color: #557700}
div.hort_blackrow a {
	font-size: 9px;
	padding-right: 12px;
	padding-left: 12px;
}
div.ns_blackrow{color: #BB55BB}
div.ns_blackrow a {
	font-size: 9px;
	padding-right: 4px;
	padding-left: 4px;
}
div.shakers_blackrow{color: #3399CC}
div.shakers_blackrow a {
	font-size: 9px;
	padding-right: 8px;
	padding-left: 8px;
}
div.eos_blackrow{color: #6699FF}
div.eos_blackrow a {
	font-size: 9px;
	padding-right: 12px;
	padding-left: 12px;
}
div.blackline{
	background-color: #000;
	height: 1px;
}
/* --------------------------------------------------------------------------RIGHT CONTENT */
div.rightcontent {
	float: left;
	width: 770px;
}
div.content {
	float: left;
	width: 550px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 8px;
}
div.content img {                        /* All content images have a grey border */
	border: 1px solid #AAAAAA;
}
div.content_18txt {
	line-height: 18px;
}
div.columnleftmenu {                    /* LHS menu in EOS & Shakers areas */
	float: left;
	width: 132px;
	font-size: 10px;
}
div.columnleftcontent {
	float: right;
	width: 410px;

}
                                  /*-------------RIGHT COLUMN----------------*/
div.rightgreycolumn {
	float: right;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 180px;
}
div.rightdkgreybox {
	float: right;
	width: 180px;
	height: 32px;
	background-color: #AAAAAA;
	padding-top: 4px;
}
div.rightdkgreybox a {                /* Right side links in grey box above images */
	color: #FFEE99;
	text-decoration: none;
	font-weight: normal;
}
div.rightdkgreybox a:hover {
	color: #FFFFFF;
}

div.rightbox {                         /* Holds RHS images and enquiry box   */
	float: right;
	width: 166px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 14px;
}
div.rightorderbox {   /* ---- Enquiry box ----  */
	float: right;
	width: 152px;
	height: 17px;
	line-height: 17px;
	background-image: url(../images/orderbox_bg.gif);
	font-size: 9px;
}
div.rightimgs {
	float: right;
	width: 152px;
}

div.rightimg {
	width: 150px;
	padding-bottom: 8px;
	font-style: italic;
	line-height: 10px;
	text-align: center;
}

div.rightimg img {             /* RHS images have grey border   */
	border: 1px solid #AAAAAA;
}
/* --------------------------------------------------------HOME PAGE ONLY  - prefix hm --------   */
#hm_emailbox {
	height: 20px;
	float: left;
	padding-left: 12px;
	font-size: 11px;
}
#hm_emailbox a {color: #FFEE99}
#hm_emailbox a:hover {color: #FFFFFF}
#hm_titlebox {
	float: left;
	padding-left: 12px;
	width: 380px;
}
#hm_phonebox {
	float: right;
	padding-right: 12px;
	color: #FFEE99;
	font-size: 11px;
}
div.hm_content {                 /* -----------Home Page content area --------   */
	float: left;
	width: 280px;
	height: 255px;
	padding-left: 20px;
}
div.hm_moviebox {
	float: right;
	width: 432px;
	height: 255px;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
}
div.hm_movieimgs {
	float: right;
	width: 430px;
	height: 215px;
	border: 1px solid #999999;
}
div.hm_boxes {               /* Home Page boxes for the 4 different product areas   */
	float: left;
	width: 752px;
	height: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 2px;
	background-color: #DDDDDD;
}
div.hm_boxouter {
	float: left;
	width: 172px;
	height: 154px;
	padding-left: 16px;
}
div.hm_boxinner {
	float: left;
	color: #FFFFFF;
	width: 168px;
	height: 154px;
	border: 1px solid #999999;
}
div.hm_boxtop {
	width: 168px;
	height: 105px;
	background-color: #FFFFFF;
}
div.hm_boxmid_ne {
	width: 168px;
	height: 32px;
	background-image: url(../images/ne_blackband_home.gif);
}
div.hm_boxmidtxt_ne {
	padding-top: 4px;
	padding-left: 38px;
	color: #FFFFFF;
}
div.hm_boxmid_eos {                              /* EOS & Shakers share 1 box   */
	width: 168px;
	height: 32px;
	background-image: url(../images/eosS_blackband_home.gif);
}
div.hm_boxmidtxt_eos {
	float: left;
	padding-top: 18px;
	width: 83px;
	color: #FFFFFF;
}
div.hm_boxmidtxt_shakers {
	float: right;
	padding-top: 18px;
	width: 83px;
	color: #FFFFFF;
}
div.hm_boxbase {
	width: 168px;
	background-color: #FFFFFF;
	height: 15px;
	padding-top: 2px;
	text-align: center;
	color: #333333;
}
div.hm_base_eosS {
	width: 168px;
	height: 17px;
	color: #333333;
	background-image: url(../images/eosS_whiteband_home.gif);
}
div.hm_boxbase_eos {
	float: left;
	width: 82px;
	padding-top: 2px;
	text-align: center;
	color: #333333;
}
div.hm_boxbase_shakers {
	float: right;
	width: 82px;
	padding-top: 2px;
	text-align: center;
	color: #333333;
}
/* -------------------------------------------------------------------------FOOTER AREA */
div.footer {
	clear: both;
	height: 55px;
	background-image: url(../images/footer_bg.jpg);
	color: #FFFFFF;
	font-size: 9px;
	padding-left: 10px;
	padding-right: 10px;
}
div.footerboxleft {
	float: left;
	width: 255px;
	height: 55px;
}
div.footerinfoleft {
	float: left;
	width: 208px;
	height: 50px;
	padding-top: 3px;
	text-align: right;
}
div.footerlinks_ne {       /* Construction, Natural Stone & Horticulture/Sports areas   */
	float: left;
	width: 72px;
	height: 55px;
	border-left-style: solid;
	border-left-color: #BBBBBB;
	border-left-width: 1px;
	background-image: url(../images/ne_footer_link.jpg);
	font-size: 8px;
	color: #000000;
	text-align: center;
}
div.footerlinks_eos {                              /* -----------EOS--------   */
	float: left;
	width: 72px;
	height: 55px;
	border-left-style: solid;
	border-left-color: #BBBBBB;
	border-left-width: 1px;
	text-align: center;
	background-image: url(../images/eos_footer_link.jpg);
	font-size: 8px;
}
div.footerlinks_s {                             /* -----------Shakers--------   */
	float: left;
	width: 72px;
	height: 55px;
	border-left-style: solid;
	border-left-color: #BBBBBB;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #BBBBBB;
	border-right-width: 1px;
	color: #000000;
	text-align: center;
	background-image: url(../images/shakers_footer_link.jpg);
	font-size: 8px;
}
div.footerboxright {
	float: right;
	width: 640px;
	text-align: right;
}
div.footerinforight {
	float: right;
	width: 250px;
	height: 50px;
	padding-top: 3px;
	text-align: right;
}
div.footerinforight a {
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
}
div.footerinforight a:hover{
	color: #FFFFFF;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
	clear: right;
}
.clear_both {
	clear: both;
}
/* ----------------------TABLES used in content area are within a DIV defined in the style sheets */
div.display table {
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	border-collapse: collapse;
	background-color: #EEEEEE;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
div.display caption {                   /*  Table used in Natural Stone area - grey background   */
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
		}
	
div.display th
{
	padding: 5px;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	text-align: center;
	font-weight: bold;
}	

div.display td 
{
	padding: 5px;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	text-align: center;
	font-style: italic;
	width: 33%;
}
	
div.contact table                             /* -------Contact Names Table ----   */
{
	border-collapse: collapse;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
div.contact th
{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
	font-weight: bold;
}	

div.contact td 
{
	vertical-align: middle;
	border: 1px solid #DDDDDD;
	height: 50px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}	
div.contenttbl table                            /* --------Main Content Area Table-----   */
{
	border-collapse: collapse;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
div.contenttbl th
{
	text-align: center;
	font-weight: bold;
	padding: 2px;
}	

div.contenttbl td 
{
	vertical-align: top;
	padding: 2px;
}
	
div.news table                                 /* ----------News Items Table ------   */
{
	border-collapse: collapse;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
div.news th
{
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: center;
	font-weight: bold;
}	

div.news td 
{
	vertical-align: middle;
	border: 1px solid #DDDDDD;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
div.enquiry table                                      /* --------Enquiry Form Table-----   */
{
	border-collapse: collapse;
}
	
div.enquiry th
{
	padding: 2px;
	text-align: center;
	font-weight: bold;
}	

div.enquiry td 
{
	vertical-align: top;
	padding: 2px;
}