/* CSS Document - Thistle Garden Services - author: Ignition UK Ltd */


html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img 
{
	margin: 				0px;
	padding:                0px;
	border: 				0px;
}

.orange {color:#FF6600;}
.white {color:#FFFFFF;}


/* ---------------------------------------------- TYPOGRAPHY */
p 
{
	color:					#FFFFFF;
	margin-bottom:			14px;
	margin-top:				14px;
	line-height:			1.4;
	text-align: 			justify;
	font-size:				14px;
	
}

ul
{
	margin-left:			30px;
	line-height:			1.4;
	font-size:				14px;
}


h1,
h2,
h3,
h4,
h5,
h6 
{
	color:					#FF6600;
	line-height:			1.4;
}


h1 
{
	font-size:				18px; 	
	margin-bottom:			18px;
	margin-top:				20px;
	font-weight:			normal;
}

h2 
{
	font-size:				16px;	
	color:					#FFCC66;
	margin-bottom:			14px;
	font-weight:			normal;
}

h3 
{
	font-size:				16px;	
	margin-bottom:			7px;
	font-weight:			bold;
}

blockquote
{
	color:#FFFFFF; 
	font-size: 13px;
	margin-top: -5px;
	font-style: italic;
	padding: 0 0 10px 0;
}


/* ------------------------------------------------------- BODY */



body 
{
	font-family:			Arial, Helvetica, sans-serif;
	background-color: 		#000000;
	background-image:		url(/images/common/vertBG.gif);
	background-position: 	top;
	background-repeat:		repeat-x;
	font-size:				medium;
}

a:link, a:visited 
{
	color: 					#FC0; 
	text-decoration: 		none; 
}
a:hover, a:active 
{
	color: 					#FF6600; 
	text-decoration: 		none; 
}


/*------------------------------------------------------------------------- LAYOUT START ------ */
#greenGrass
{
	width: 					100%;
	background-image:		url(/images/common/grass.gif);
	background-position:	bottom;
	background-repeat:		repeat-x;
	float:					left;
	color:					#FF6600;
	text-align:				center;

}

#topBG
{
	width: 					100%;
	background-image:		url(/images/common/vertBG.gif);
	background-position:	top;
	background-repeat:		repeat-x;
	float:					left;
	background-color:		#035328;
	text-align:				center;
}

#container 
{
	width: 					760px;
	margin-left: 			auto;
	margin-right: 			auto;
	position: 				relative;
}

#blackFooter
{
	width: 					100%;
	float:					left;
	background-color:		#000000;
	border-top:				1px #FF6600 solid;
	color:					#FF6600;
	text-align:				center;
}

#copyright
{
	width: 					760px;
	margin-left: 			auto;
	margin-right: 			auto;
	position: 				relative;
	text-align:				right;
	line-height:			30px;
	font-size:				10px;
}

#footerLeft
{
	display:				inline;
	float:					left;
	width:					250px;
	text-align:				left;
	color:					#FFFFFF;
}

#footerCenter
{
	display:				inline;
	float:					left;
	font-size:				13px;
	font-weight:			bold;
}

#footerCenter span.white
{
	font-size:				16px;
}

#contentSpacer
{
	float:					left;
	width:					100%;
	min-height:				450px;
	margin-top:				75px;
	text-align:				left;
}

* html #contentSpacer
{
	height:					450px;
}

#header
{
	float:					left;
	display:				inline;
	height:					109px;
	width:					760px;
	font-size:				12px;
	color:					#FF6600;
}



#navLeft
{
	float:					left;
	height:					77px;
	width:					289px;
	display:				inline;
	text-align:				left;
	margin-top:				31px;
}

#navRight
{
	float:					right;
	height:					77px;
	width:					289px;
	display:				inline;
	text-align:				right;
	margin-top:				31px;
}

#logo
{
	margin-left: 			-91px;
	position: 				absolute;
	top:					0px;
	left:					50%;
	display:				inline;				
}

/*------------------------------------------------------------------------- LAYOUT END -------- */

/*-------------------------------- TABS --------------- */

.space55 { float:left; width:100%; height:55px; margin:0px;}

#navLeft div.tabLeft a
{
	color: 					#fff;
	display:				inline;
	float:					left;
	height:					77px;
	width:					82px;
	background-image:		url(/images/common/tabNormal.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	margin-right:			3px;
	overflow:				hidden;
	z-index:				3;
	
}

#navLeft div.tabLeft a:hover
{
	overflow:				hidden;
	color: 					#f60;
}




#navLeft div.tabLeft a:hover.tab01
{	background-image:	url(/images/common/tabup-pitchfork.gif);}

#navLeft div.tabLeft a:hover.tab02
{	background-image:	url(/images/common/tabup-shovel.gif);}

#navLeft div.tabLeft a:hover.tab03
{	background-image:	url(/images/common/tabup-orangewatercan.gif);}



#navLeft div.tabLeft a.tab01selected
{	background-image:	url(/images/common/tabup-pitchfork.gif);}

#navLeft div.tabLeft a.tab02selected
{	background-image:	url(/images/common/tabup-shovel.gif);}

#navLeft div.tabLeft a.tab03selected
{	background-image:	url(/images/common/tabup-orangewatercan.gif);}



#navLeft a
{
	width:					100%;
	text-align:				center;
}

#navRight div.tabRight a
{
	color: 					#fff;
	display:				inline;
	float:					right;
	height:					77px;
	width:					82px;
	background-image:		url(/images/common/tabNormal.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	margin-left:			3px;
	overflow:				hidden;
}

#navRight div.tabRight a:hover
{
	overflow:				hidden;
	color: 					#f60;
}



#navRight div.tabRight a:hover.tab04
{	background-image:	url(/images/common/tabup-greenwatercan.gif);}

#navRight div.tabRight a:hover.tab05
{	background-image:	url(/images/common/tabup-scythe.gif);}

#navRight div.tabRight a:hover.tab06
{	background-image:	url(/images/common/tabup-mower.gif);}



#navRight div.tabRight a.tab04selected
{	background-image:	url(/images/common/tabup-greenwatercan.gif);}

#navRight div.tabRight a.tab05selected
{	background-image:	url(/images/common/tabup-scythe.gif);}

#navRight div.tabRight a.tab06selected
{	background-image:	url(/images/common/tabup-mower.gif);}



#navRight a
{
	width:					100%;
	text-align:				center;
}

/* ------------------------------------------------------- FOOTER ---------- */
#linksFooter 
{ 
	line-height:	40px;
	font-size:		14px;
}

#linksFooter a 
{
	color:			#fff;
}

#linksFooter a:hover 
{ 	
	color:			#f60;
}


.telnumber { font-size:14px; line-height: 18px; font-weight:bold; padding-left: 40%; padding-right: 40%; }
/* ---------------------------------------------------------- CONTENT LAYOUTS ----------------- */
#homePageText
{
	width:					520px;
	float:					left;		
}


.twoColumnLeft
{
	float:					left;
	width:					360px;
	margin-top:				0px;
	margin-left:			0px;
}

.twoColumnRight
{
	float:					right;
	width:					360px;
	margin-top:				0px;
	margin-right:			0px;
	padding:	            0 0 40px 0;
}

.twoColumnLeft p { margin: 14px 5px 14px 5px;}
.twoColumnRight p { margin:	10px 15px 0px 15px;}

.twoColumnLeft h3 { margin: 14px 5px 14px 5px;}
.twoColumnRight h3 { margin:	10px 15px 0px 15px;}

.twoColumnRight ul li 
{
	margin:					5px 15px 5px 30px;
	padding-left:           5px;
	list-style:				disc outside;
}

.twoColumnLeft ul li 
{
	margin:					10px 15px 10px 30px;
	padding-left:           5px;
	list-style:				disc outside;
}

/* ---------------------------------------- CORNER BOX ------------- */

.cornerBoxTop
{
	float:					left;
	width:					360px;
	background-image:		url(/images/common/cornerBoxTop.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
}

.cornerBoxBottom
{
	float:					left;
	width:					360px;
	background-image:		url(/images/common/cornerBoxBottom.gif);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	margin-bottom:			10px;
	min-height:             4px;
}

* html .cornerBoxBottom
{
	height:					8px;
}

.cornerBoxTop h1, .cornerBoxBottom h1
{
	margin:					2px 8px 8px 8px;
}

.cornerBoxTop img, .cornerBoxBottom img
{
	margin:					5px 5px 2px 5px;
}

.brdr{ background: #fff; padding: 10px;border: 1px solid #022513; margin: 10px;}


/* ---------------------------------------- HOME PAGE BOXES ------------- */
ul#home,ul#home li{list-style-type:none;margin:0;padding:0}
ul#home{width:800px; margin:0px auto 0; text-align:center; clear:both;}
ul#home li
{
float:left; 
width: 164px; 
height:169px; 
padding:10px; 
margin: 3px; 
color:#FFF;
background-image:	url(/images/common/homePageBoxBG.gif);
background-position: top left;
background-repeat:	no-repeat; 

}

li#home1 img{ margin-bottom: 20px;}
li#home2 img{ margin-bottom: 20px;}
li#home3 img{ margin-bottom: 20px;}
li#home4 img{ margin-bottom: 20px;}
li#home5 img{ margin-bottom: 20px;}
li#home6 img{ margin-bottom: 20px;}
li#home7 img{ margin-bottom: 20px;}
li#home8 img{ margin-bottom: 20px;}
ul#home li a { display:block;}
ul#home li a:hover { color:#F60;}

ul#home li#home1 { margin-left: 0px; }
li#home2 { }
li#home3 { }
li#home4 { }
ul#home li#home5 { margin-left: 0px; }
li#home6 { }
li#home7 { }
li#home8 { }

/* ---------------------------------------- HOME PAGE BOXES 2  ------------- */
ul.postnav,ul.postnav li{margin:0;padding:0;list-style-type:none}
ul.postnav li{float:left;width: 184px; height:164px;margin: 3px}
ul.postnav a{display:block;width:184px; padding:10px;background: #022513;color: #fff;text-align:center}
ul.postnav a:hover{background: #A8E52F;color:#F60}

/* ---------------------------------------- IMAGE BOXES ------------- */
ul#image,ul#image li{list-style-type:none;margin:0;padding:0}
ul#image li{float:left; padding:10px; margin:3px; color:#FFF;background: #022513;}

/* ---------------------------------------- EXPANDING DEFINITION LISTS ------------- */


#corporatelist {
	background: #032010;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 20px 0;
} 
#corporatelist div {
	display:none;
	border:none;
	border-top:none;
	margin: 0;
}
#corporatelist dl {
	margin: 0;
	padding: 0px;
	border: none;
}
#corporatelist dt {
	background: #032010;
	padding: 0;
	list-style-type: none;
	text-indent: 7px;
	margin: 0;
}
#corporatelist dt a {
	padding: 0;
	border-bottom: 1px solid #F60;
	display: block;
	color: #fff;
	margin: 0;
	line-height: 24px;
	text-decoration: none;
}
#corporatelist dd  {
	width: 360px;
	margin: 0;
	padding: 0;
	margin-right: 0px;
	
}

html body #corporatelist dt a {width: auto;}
#corporatelist dt a:hover {color: #032010; background-color: #9C6; padding: 0;}

.downarrow{
	background: url(/images/common/arrowdown.gif) no-repeat;
	background-position: 350px center;
	}

/* ------- EXPANDED LISTS ------ */

#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0px;
	display: block;
	color: #fff;
	line-height: 16px;
	background:#030;
}

#sub1 p, #sub2 p, #sub3 p, #sub4 p, #sub5 p, #sub6 p, #sub7 p, #sub8 p
{
	padding: 10px 10px 10px 10px;
	margin:0;
}