@import url("orders.css");
@import url("tickets.css");
@import url("contact.css");
@import url("basket.css");
@import url("checkout.css");
@import url("breadcrumbs.css");
@import url("pagination.css");
@import url("forms.css");

body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#015210;
}

html, p, td, th{font-size: 12px; font-weight: normal; text-align:justify; line-height:18px;}


/*START TEMPLATE LAYOUT STYLES*/


#wrapper { 
  	width: 900px;
  	padding-bottom: 0px;
	margin: 0px auto;
	background-color:#FFFFFF;
}

#consultationText {
  	width: 350px;
        text-align:center;	
        font-size:14px;
        color:#187403;
        padding-top:10px;
}

#consultationText a:link, #consultationText a:visited { margin-top:3px; font-size:11px; color: #187403; text-decoration: underline;}
#consultationText a:active, #consultationText a:hover { color: #187403; text-decoration: none;}

#TopTelephone {
        height:32px;
	background-image:url(../images/telephone.gif);
	background-position:40px 3px;
	background-repeat:no-repeat;
        font-weight:bold;
        text-align:center;	
        font-size:18px;
        color:#25b804;
        margin-left:25px;
        padding-top:8px;
}

#SocialMediaText {
        float:right;
        color:#187403;
        font-weight:bold;
        font-size:11px;
        padding: 9px 5px 8px 0px;
}

#SocialMediaImages {
        float:right;
        padding: 0px 5px 8px 0px;

}

#MiddleBanner {
        position: relative;
        width:900px;
        height:187px;
	background-image:url(../images/middle-banner.jpg);
	background-repeat:no-repeat;
        margin-bottom:5px;
}

#MiddleBanner2 {
        position: relative;
        width:900px;
        height:187px;
	background-image:url(../images/middle-banner2.jpg);
	background-repeat:no-repeat;
        margin-bottom:5px;
}

#MiddleBannerText {
       position: absolute; 
       bottom: 7px;    
       padding:0px 0px 0px 5px;
       width:545px;
       text-align:left;
       color:#FFFFFF;
       font-size:11px;
}

#topMenu {
	width:620px;
	height:18px;
        text-align:center;
	clear:both;
	float:left;
        margin-top:2px;
	padding: 2px 0px 0px 0px;
	font-size:12px;
        color:#FFFFFF;
}

#topMenu a:link, #topMenu a:visited { padding: 7px 7px 7px 7px;; color: #006a13; text-decoration: none; background-color:inherit;}
#topMenu a:active, #topMenu a:hover { color: #006a13; text-decoration: underline; background-color:#f0fff3;}


#topMenu2 {
	width:620px;
	height:18px;
        text-align:center;
	clear:both;
	float:left;
        margin-top:15px;
	padding: 2px 0px 0px 0px;
	font-size:12px;
        color:#FFFFFF;
}

#topMenu2 a:link, #topMenu2 a:visited { padding: 7px 7px 7px 7px;; color: #006a13; text-decoration: none; background-color:inherit;}
#topMenu2 a:active, #topMenu2 a:hover { color: #006a13; text-decoration: underline; background-color:#f0fff3;}

#contentLeft {
	float:left;
	width:260px;
	padding:0px 5px 0px 5px;

}

#contentMid {
	float:left;
	width:620px;
	padding:0px 5px 0px 5px;
        color: #4b4b4b;
}

#introText {
        color: #4b4b4b;
	clear:both;
	float:left;
	width:620px;

}

#LandingPageBanners{
        padding-top:10px;
        padding-bottom:10px;
        font-size:10px;
}

#footer{
        padding-top:10px;
        padding-bottom:20px;
        float:left;
        text-align:center;
        width: 900px;
        font-size:11px;
        color:#FFFFFF;
	background-color:#015210;
}

#footer a:link, #footer a:visited {color:#FFFFFF; font-weight:bold; text-decoration: none;}
#footer a:active, #footer a:hover {text-decoration: underline;}

#GoverningBodies {
	clear:both;
	float:left;
        width:255px; 
	padding: 0px 0px 5px 0px;
	margin-bottom:10px;
        font-size:10px;
}


#GoverningBodies a:link, #GoverningBodies a:visited {color:#3c7400; text-decoration: none;}
#GoverningBodies a:active, #GoverningBodies a:hover {text-decoration: underline;}

#TreatmentAreas {
	clear:both;
	float:left;
	border:1px solid #bdbcbd;
        width:250px;
	padding: 0px 0px 5px 0px;
        margin-top:13px;
        margin-left:5px;
	margin-bottom:10px;
        line-height:16px;
	background-color:#fafffa;
}


#TreatmentAreas ul {margin:10px 0px 0px 0px; padding:0px; list-style:none;}

#TreatmentAreas li a {
	list-style:none;
	color:#5e5e5e;
	background-color:inherit;
	font-size:11px;
	padding: 0px 0px 0px 5px;
	text-decoration:none;
}

#TreatmentAreas li a:hover {

	list-style:none;
	color:#015210;
	background-color:inherit;
	font-size:11px;
	text-decoration:underline;
}


#spacer{padding-top:10px;}

#billingAddress {
	float: left;
	width:350px;
	padding:5px 5px 5px 5px;
	margin:0px 5px 10px 0px;
	border:1px solid #D3D3D3;
}

#msg {font-size:12px;
font-weight:bold;
color:#000000;
padding:5px 0px 5px 0px;}

#deliveryAddress {
	float: right;
	width:350px;
	padding: 5px 5px 5px 5px;
	margin:0px 0px 10px 5px;
	border:1px solid #D3D3D3;
}

.heading {
	color: #458501; 
	height:17px; 
	padding:8px 0px 2px 1px; 
	font-size: 14px; 
	font-weight: bold; 
}

.heading2 {
	color: #006a13;
        text-align:center; 
	height:20px;
	padding:8px 0px 6px 1px; 
	font-size: 18px; 
	font-weight: bold; 
}

.heading3 {
	color: #006a13;
        text-align:center; 
	height:20px;
	padding:8px 0px 6px 1px; 
	font-size: 14px; 
	font-weight: bold; 
}

.heading_bread {
	color: #458501; 
	height:17px; 

	padding:10px 0px 2px 1px; 
	font-size: 10px; 
	font-weight: bold; 
}
	
.padding {padding:0px 4px 15px 4px;}

/*##########################################################################################*/
/*END TEMPLATE LAYOUT STYLES*/
/*##########################################################################################*/

img{border:0px;}
img.border {border: 1px solid #AFADAD; padding: 5px;}
img.rightThumb{margin:0px 5px 0px 0px;}
img.product{margin:5px;}

/*##########################################################################################*/
/*START A HREF STYLES*/
/*##########################################################################################*/

a:link, a:visited { color: #3c7400;	text-decoration: underline; background-color:inherit;}
a:active, a:hover { color: #97b563; text-decoration: underline; background-color:inherit;}

a:link.feature, a:visited.feature { color: #03ACDC;	text-decoration: none; background-color:inherit;}
a:active.feature, a:hover.feature { color: #00A8FF; text-decoration: underline; background-color:inherit;}


a:link.bread_crumb, a:visited.bread_crumb { font-size:10px; color: #458501; text-decoration: none; background-color:inherit;}
a:active.bread_crumb, a:hover.bread_crumb { color: #458501; text-decoration: underline; background-color:inherit;}

a:link.bread_homeCrumb, a:visited.bread_homeCrumb { font-size:10px; color: #458501; text-decoration: none; background-color:inherit;}
a:active.bread_homeCrumb, a:hover.bread_homeCrumb { color: #458501; text-decoration: underline; background-color:inherit;}

/*##########################################################################################*/
/*END A HREF STYLES*/
/*##########################################################################################*/


h1 {font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #458501;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #458501; background-color:inherit;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #458501; background-color:inherit; line-height:10px;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #458501; background-color:inherit;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #458501; background-color:inherit;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #00A8FF; background-color:inherit;}
h6 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #00A8FF; background-color:inherit;}

hr {
	border: solid #FFFFFF 0px;
	border-top:solid #FFFFFF 1px;
	height:0px;
	clear:both;
}

hr.dashed {
	border: dashed #D3D3D3 0px;
	border-top:dashed #D3D3D3 1px;
	height:0px;
	clear:both;
	margin: 0px;
	padding:0px;
}

p.nopad{padding:0px; margin:0px;}	
	

/* ADDED BY JOE - START */
.prodResultDiv { margin:0; padding:0; display: none; }
.prodResultDivVisible { margin:0; padding:0; display: block; }

/* Pagination shown on search results page */
#pagination { font-size: 75%; color: #666666; }
#pagination ul { list-style:none; float: left; margin: 0; padding: 0; }
#pagination li { float: left; margin: 0; padding: 0; }
#pagination a { float: left; display: block; margin: 0; padding: 0 2px 0 2px; }
#pagination h6 { float:left; margin: 0; padding: 0; font-weight:normal; font-size: 95%; color: #666666; line-height:18px; }
/* END pagination */

.genericButton { margin: 0; padding: 0; }
.genericButton a { padding:2px; padding-left:6px; padding-right:6px; background-color:#00A8FF; border:1px solid #cccccc; border-bottom:1px solid #000000; border-right:1px solid #000000; color:#FFFFFF;font-weight: normal; text-decoration:none; font-size: 11px; }
.genericButton a:hover { background-color:#00A8FF; }

.subheading {
	color: #FFFFFF; 
	background-color:#00A8FF; 
	height:13px; 
	padding:5px; 
	margin:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	font-weight: bold; 
}
#customerDetails {
	margin:5px 0px 10px 0px;
	border:1px solid #D3D3D3;
}
/* ADDED BY JOE - END */


#introText li {font-size: 70%; font-weight: normal; color: #666666; background-color:inherit;}

#rightFeature p {font-size: 60%; font-weight: normal; color: #666666; background-color:inherit;}

.bigtext {font-size:14px;}
.grey {color:#5e5e5e;}
.black{color:#000000; background-color:inherit;}
.red{color:#FF0000; background-color:inherit;}
.blue{color:#00BAFF; background-color:inherit;}
.strapline{	color:#FFFFFF; font-style:italic; font-size:60%; font-weight:bold; margin-top:10px;}

table.checkout {
	border:1px solid #D3D3D3;
	border-collapse:seperate;
	clear:both;
}

td.checkout {
	border-left:1px solid #D3D3D3;
}

#editor p {font-size:11px;}


/* PROMO STYLES */
.normalPrice { text-decoration: line-through; color:#ff0000; }
.newPrice { font-weight:bold; font-size:16px;  }
.savingsPrice { font-weight:bold; color:#669966; }
.promoProdTitle { font-size:16px; color:#000000; }


/* My Account Page */
#myAccountMenu { padding:0; margin:0; list-style:none; }
#myAccountMenu li { display:block; margin:7px 2px 0 0; }
#myAccountMenu li a { width:200px; display:block; color:#666; text-decoration:none; background-color:#C3EBFF; margin:0; padding:5px 8px 5px 8px; font-size:12px; border:1px solid #00A8FF; }
#myAccountMenu li a:hover { background-color:#00A8FF; color:#fff; }

.moneyAlign { text-align:right; }