/*
 :: Client: Green Shield Ltd
 :: Author: Simon Cole, Kallide.com
 :: Date:   October 2006
 :: Contents:
      - Remove default styles
      - Default text styles
      - Navigation		
      - Page layout - container, header and columns 
      - Header styles
	  - Boxouts
      - Footer
	  - Lightbox stuff 
*/

/* ---------- [ Remove default styles ] -------------------- */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/* http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

a
{
	color: #000000;
}
/* de-italicize address */
address { font-style:normal }

/* some height stuff - shrug 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}*/
/* Hides from IE-mac 
* html .clearfix {height: 1%;}
.clearfix {display: block;}*/
/* End hide from IE-mac */
/* ---------- [ / Remove default styles ] -------------------- */


/* ---------- [ Default text styles ] -------------------- */

body 
{
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif, Verdana;
    font-size: 76%;
    text-align: left;
}
body#BodyPopup
{
    background-color: #ffffff;
}

p
{
	font-size: 1.1em;
	margin: 0 0 2px 0;
	line-height: 1.35em;
	padding-bottom: 7px;
}
p a,
p a:visited
{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}
p a:hover{
	color: #006B22;
	border-bottom: 1px dashed #000000;
}	

#page-content-left-column p
{
	font-size: 0.90em;
	margin: 0 5px 2px 15px;
	line-height: 1.5em;
}
#page-content-left-column p a,
#page-content-left-column p a:visited
{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
#page-content-left-column p a:hover{
	color: #09371A;
	text-decoration: none;
	border-bottom: 1px dashed #000000;
}	

.ContentList
{
	list-style-type: disc;
	list-style-position: inside;
}
.ContentList li
{
	padding: 3px 0 2px 0;
}
.ArrowList
{
	list-style-type: none;
	padding-bottom: 8px;
}
.ArrowList li
{
	background: url(/images/black-arrow-on-E5ECDC.gif) 0 4px no-repeat;
	padding-left: 12px;
	line-height: 1.6em;
}
.ContentList a,
.ContentList a:visited,
.ArrowList a
{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}
.ContentList a:hover,
.ArrowList a:hover
{
	color: #09371A;
	border-bottom: 1px dashed #000000;
}	


.TickList
{
	list-style-type: none;
	padding-bottom: 8px;
}
.TickList li
{
	background: url(/images/new/bullet-tick.gif) 0 4px no-repeat;
	padding-left: 17px;
	line-height: 1.3em;
}
.TickList li a
{
	color: #3d8005;
}
.TickList li a:hover
{
	color: #000000;
}


.SiteMapList1stLevel
{
	list-style-position: inside;
	list-style: disc;
	margin-left: 15px;
	font-weight: bold;
}
.SiteMapList1stLevel li
{
	padding: 3px 0 2px 0;
}

.SiteMapList1stLevel a,
.SiteMapList1stLevel a:visited
{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}
.SiteMapList1stLevel a:hover{
	color: #09371A;
	border-bottom: 1px dashed #000000;
}	

.SiteMapList2ndLevel
{
	list-style-position: inside;
	list-style: circle;
	margin-left: 20px;
}
.SiteMapList1stLevel li
{
	padding: 2px 0 1px 0;
}
.SiteMapList2ndLevel a,
.SiteMapList2ndLevel a:visited
{
	color: #456456;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}
.SiteMapList2ndLevel a:hover{
	color: #0A381B;
	border-bottom: 1px dashed #000000;
}	
.Price
{
	margin: 0;
	font-size: 1.3em;
	font-weight: bold; 	
	color: #000000;
}
.SmallNote
{
	font-size: 0.9em;
}

th
{
	background-color: #9AB374;
	color: #0A381B;
}
td
{
	background-color: #ffffff;
	color: #000000;
}
.td-null
{
	background-color: #D9DFD1;
}
.textRed
{
	font-size: 1em;
	margin: 0 0 2px 0;
	color: #C42929;
	font-weight: normal;
}
.textRedBold
{
	font-size: 1em;
	margin: 0 0 2px 0;
	color: #C42929;
	font-weight:  bold;
}

.textGreenBold
{
	font-size: 1em;
	margin: 0 0 2px 0;
	color: #006B22;
	font-weight:  bold;
}
.textYellowBold
{
	font-size: 1em;
	margin: 0 0 2px 0;
	color: #FFD43D;
	font-weight:  bold;

}

.homepage-copy-link
{
	text-align: right;
}

#PopupContainer
{
	float:left;
	padding: 0 20px 20px 0px;	
	width: 474px;
}

/* ---------- [ / Default text styles ] -------------------- */

/* ---------- [ Navigation ] -------------------- */

#navigation {
   margin: 0;
   padding: 12px 0 15px 0;
   list-style-type: none;
}
#navigation li {
	padding: 0;
	margin: 0;
}
#navigation a {
   padding: 2px 0 2px 35px;
   color: #016F28;
   display: block;
   width: 256px;
}
#navigation a:hover,
#navigation #selected
{
   background: #E2F0E8;
   text-decoration: none;
}
.nav-bold
{
	font-weight: bold;
}
#navigation img
{
	padding-right: 7px;
}

/* *** sub nav *** */

#sub-navigation {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#sub-navigation li {
	padding: 0;
	margin: 0;
	background: url(/images/navigation/small-arrow.gif) 50px 7px no-repeat;
	font-size: 1.0em;
}
#sub-navigation a {
   padding: 1px 0 1px 58px;
   color: #000000;
   display: block;
   width: 233px;
   font-weight:normal;
}
#sub-navigation a:hover,
#sub-navigation #selected
{
  /*E2F0E8*/
   background: #E2F0E8 url(/images/navigation/small-arrow.gif) 50px 7px no-repeat;
   color: #000000;
   text-decoration: none;
}

#sub-navigation img
{
	padding-right: 7px;
}
/* *** / sub nav *** */


/* ---------- [ / Navigation ] -------------------- */

/* ---------- [ Page layout - container, header and columns ] -------------------- */

div#page-container
{ 
    float:left;
    margin: 0;
    padding: 0;
    width: 777px;
}
div#page-content
{
	float: left;
	position: relative;
	/*width: 777px;*/
	padding: 0;
	margin: 0;
	padding-left: 7px;
	padding-top: 7px;
/*    border: solid 1px red;*/
}
div#page-content-left-column
{
	float: left;
	position: relative;
	width: 291px;
	padding: 0;
/*	border: solid 1px white;*/
}
div#page-content-right-column
{
	float: left;
	width: 470px;
	position: relative;
	margin-left: 7px;
}
/* ---------- [ / Page layout - container, header and columns ] -------------------- */

/* ---------- [ Header styles ] -------------------- */

h1
{
	margin: 0 0 10px 0;
	font-size: 1.8em;
	font-weight: bold; 	
	color: #0A381B;
	line-height: 1.1em;
}
div#page-content-buy h1
{
	color: #000000;
}
h2
{
	margin: 0 0 5px 0;
	padding-top: 5px;
	font-size: 1.3em;
	font-weight: bold; 	
	color: #0A381B;
}
h3 /* only used in left hand column - has 15px left margin */
{
	margin: 5px 0 5px 15px;
	font-size: 1.2em;
	font-weight: bold; 	
	color: #000000;
}
#page-content-main h3
{
	margin: 0 0 3px 0;
	color: #023719;
}
h3 a
{
	margin: 5px 0 5px 0;
	font-weight: bold; 	
	color: #000000;
}
#page-content-main h3 a
{
	color: #023719;
}
h3 a:hover
{
	margin: 5px 0 5px 0;
	font-weight: bold; 	
	color: #09371A;
	border-bottom: 1px dashed #000000;
}
h4
{
	margin: 20px 0 19px 0;
	font-size: 1.1em;
	font-weight: bold; 	
	color: #000000;
}
h4 a
{
	margin: 5px 0 5px 0;
	font-weight: bold; 	
	color: #000000;
}
h4 a:hover
{
	margin: 5px 0 5px 0;
	font-weight: bold; 	
	color: #09371A;
	border-bottom: 1px dashed #000000;
}
h5
{
	font-size: 1.15em;
	color: #0A381B;
	font-weight: bold;
}

/* ---------- [ / Header styles ] -------------------- */

/* ---------- [ Boxouts ] -------------------- */

div#box-logo-nav
{
	width: 291px;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
}

.animated-image
{
	padding-left: 15px;
}


.box-spacer-black
/*use a spacer instead of margins as IE gets confused bless it */
{

	float: left;
	width: 291px;
	background-color: #000000;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	height: 7px;
	font-size: 0.1px;
	line-height: 0.1px;
}

div#box-buyonline
{
	float: left;
	width: 291px;
	background: #FFD43D url(/images/new/promobox-bg.jpg) 0 0 repeat-x;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
div#box-buyonline p
{
	font-weight: normal !important;
}
div#box-buyonline p a,
div#box-buyonline p a:visited,
div#box-buyonline p a:hover
{
	border: none;
	display:block;
	font-weight: normal !important;
}
div#box-buyonline p a:hover
{
	color: #0a381b;
}
div#box-buyonline h3 a:hover,
div#box-buyonline h3 a:visited
{
	color: #0a381b;
}

.box-buyonline-left
{
	float: left;
	text-align: left;
	width: 211px;
	padding: 9px 0 0 0;
}
.box-image
{
	float: right;
	text-align: right;
	right: 0px;
}
div#box-green
{
	float: left;
	width: 291px;
	background-color: #9AB374;
	padding: 5px 0px 5px 0px;
	color: #000000;
}

.box-pest-ctrl
{
	float: left;
	width: 276px;
	background-color: #B5BBAD;
	padding: 0px 0px 0px 15px;
	color: #000000;
}
.box-left-wide
{
	float: left;
	text-align: left;
	width: 160px;
}
.box-image-sm
{
	float: right;
	text-align: center;
	width: 90px;
	padding: 2px;
}

div#box-contact
{
	float: left;
	position: relative;
	width: 291px;
	background-color: #D9DFD1;
	padding: 5px 0px 5px 0px;
	color: #000000;
	height: 100%;
	
}

div#box-lg-image
{
	float: left;
	width: 291px;
}

div#page-content-banner
{
	margin: 0px;
	padding: 0px;
}
div#page-buy-hero
{
	float:left;
	background: url(/images/new/order-page-bg-header.jpg) 0 0 repeat-x;
	height: 95px;
	width: 477px;
}
div#page-buy-hero-inner
{float:left; width:364px;}

div#page-buy-hero img,
div#PopupContainer img
{float: left; }
div#page-buy-hero h1,
div#PopupContainer h1
{ padding: 20px 0px 5px 15px; margin: 0; }
div#page-buy-hero h2,
div#PopupContainer h2
{ 
	padding: 0 0px 0px 15px; 
	font-size: 1.2em;
	font-weight: normal;
}
div#PopupContainer h2
{ 
	padding: 0 0px 10px 15px; 
}

div#PopupContainer p
{
	float:left;
	padding: 0px 0px 0px 15px; 
	width: 325px;
}
div#PopupContainer img
{
	padding: 5px 10px 20px 32px;
}


div#page-content-main,
div#page-content-news,
div#page-content-cats
{
	float:left;
	margin-top: 4px;
	width: 447px;
	background-color: #D9DFD1;
	padding: 15px 15px 7px 15px;
	color: #000000;

}
div#page-content-news
{
	background-color: #e7ede1;
}
div#page-content-cats
{
	background-color: #9bb375;
}
div#split-column-left
{
	float:left;
	width:217px;
	padding-right:11px;	
}
div#split-column-right
{
	float:left;
	width:217px;
}
div#split-column-left p,
div#split-column-right p,
div#page-content-news p
{
	font-size:1.0em;
	line-height:1.3em;
}
div#split-column-left h2,
div#split-column-right h2,
div#page-content-news h2
{
	font-size:1.2em;
}

.page-content-buy
{
	float: left;
	margin-top: 7px;
	width: 447px;
	background-color: #ffffff;
	padding: 15px 15px 0px 15px;
	color: #000000;
}
.page-content-buy-left
{
	float: left;
	width: 129px;
}

.page-content-buy-right
{
	float: right;
	width: 303px;
	padding-left: 15px;
}
.page-content-buy-action
{
	float: left;
	background-color: #000000;
	width: 477px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 7px;
	/*border: solid 1px white;*/
}
.buy-action-left
{
	float: left;
	right: 0px;
	width: 230px;
	text-align: right;
}
/*.buy-action-left input
{
	margin-left: 10px;
	margin-right: 10px;
}*/
.buy-action-right
{
	float: right;
	width: 220px;
	background-color: #FFD43D;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 12px;
}
.buy-price
{
	float:left;
	width:160px;
}
.buy-action
{
	float:left;
	width: 139px;
}
.buy-action a,
.buy-action a:visited
{
	background: url(/images/new/button-add-to-basket-off.jpg) 0 0 no-repeat;
	width: 139px;
	height: 46px;
	display: block;
}
.buy-action a:hover
{
	background: url(/images/new/button-add-to-basket-hover.jpg) 0 0 no-repeat;
}
.buy-action-right img
{
	padding-left: 10px;
}


hr
{ 
	color: #C2C8BA; 
	background: #C2C8BA; 
	height: 1px; 
	border-style: none; 
	width: 100%;
	margin: 6px 0 9px 0;
} 

/* ---------- [ / Boxouts] -------------------- */

/* ---------- [ Footer ] -------------------- */


/* main page footer */

div#page-footer
{
	float: left;
	position: relative;
	width: 752px;
	padding-left: 22px;
	margin-top: 5px;
	margin-bottom: 7px;
/*	border: solid 1px white;*/
}
div#page-footer-left
{
	float: left;
	width: 350px;
	padding-bottom: 5px;
}
div#page-footer-right
{
	text-align: right;
	float: right;
	width: 375px;
	color: #FFFFFF;
	vertical-align: middle;
}
div#copyright
{
float: left;
padding-top: 7px;
width: 350px;
color: #FFFFFF;
font-size: 0.9em;
}
#page-footer
{
	float: left;
	color: #FFD43D;
}
#footer-links a, 
#members-text a
{
	color: #FFD43D;
	border-bottom: solid 1px #FFD43D;
}
#footer-links a:hover,
#members-text a:hover
{
	color: #FFD43D;
	border-bottom: dashed 1px #FFD43D;
}
div#members-text
{
	margin: 15px 0;
	float: left;
	padding-bottom: 5px;
}
div#members-image
{
	float: right;
	width: 60px;
	border: none;
}
div#members-image a
{
	border: none;
}

/* ---------- [ / Footer ] -------------------- */

/* ---------- [ Lightbox for gallery popup ] -------------------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	color: #000000;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* ---------- [ Lightbox for gallery popup ] -------------------- */