/**********************
 OVERALL LAYOUT
***********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #AADDAA url(images/bodyback.jpg) repeat-x center top;
}

#skiptomain {
	display: none;
}

#wrapper {
	width: 970px;
	text-align: center;
	font-size: 0.85em;
    color:#003300;
    margin-left:auto;
    margin-right:auto;
	
}

#pagecontainer {
	text-align: left;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: 930px;
	background: url(images/wrapperback.gif) repeat-y top center;
	
}

#header {
	width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

	#headerleft {
		width: 250px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: left;
	}

	#headermiddle {
		width: 420px;
		margin: 3px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: right;
	}
	
	#headerright {
		width: 260px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		text-align: right;
	}

#topnav {
	width: 930px;
	margin: 4px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
}


#mainpage {
	width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 500px;
	height: auto;
	}
	/* for Internet Explorer */
	/*\*/
	* html #mainpage {
	height: 500px;
	}
	/**/

	#mainpageleft {
		width: 190px;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: left;
	}

	#mainpageright {
		width: 730px;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		float: left;
		text-align: left;
	}
	
		#mainpagecontentimage {
			width: 730px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			text-align: left;
		}
		
			#mainpagecontentimageleft {
				width: 570px;
				margin: 1px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				float: left;
				text-align: left;
			}

			#mainpagecontentimageright {
				width: 150px;
				margin: 1px 0px 0px 10px;
				padding: 0px 0px 0px 0px;
				float: right;
				text-align: left;
			}
		
		#breadcrumb {
			background: #efe;
			margin: 3px 0px 0px 0px;
			padding: 3px 0px 3px 10px;
			float: left;
			text-align: left;
			width:98%
		}
		
		#mainpagecontent {
			width: 560px;
			margin: 15px 0px 0px 0px;
			padding: 0px 0px 0px 10px;
			float: left;
			text-align: left;
			
		}
		/* for Internet Explorer */
	    /*\*/
	    * html #mainpagecontent {
	        overflow:hidden;
	    }
	    /**/
		
		#mainpagecontentright {
			width: 150px;
			margin: 15px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			float: right;
			text-align: left;
		}
	

#footer {
	background: url(images/footer-bg.gif) no-repeat left top;
	width: 970px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	text-align: center;
}




/*****************
 FONTS
*****************/

#header { font-size: 0.8em; color: #000; }
#topnav { font-size: 0.8em; }
#breadcrumb { font-size: 0.8em; color: #000; }
#mainpageleft { font-size: 0.9em; color: #000; }
#mainpagecontent { font-size: 0.9em; color: #000; line-height: 1.4em; }
#mainpagecontentright { font-size: 0.8em; color: #060; line-height: 1.4em; }
#footer { font-size: 0.8em; color: #000; line-height: 1.4em;}

/*****************
 BODY FONT
 *****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
}



/*****************
 HEADINGS
 *****************/

h1 { font-size: 1.4em; display:block; color: #042; font-weight: normal; margin: 0px 0px 5px 0px;}
h2 { font-size: 1.1em; color: #060; display: block;  margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
h3 { font-size: 1.1em; display:block; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
h4 { font-size: 1.0em; display:block; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}


/*****************
 BREAKS
 *****************/

br.breaker { clear: both; }
div.breaker { clear: both; }

/*****************
 PARAGRAPHS
 *****************/

p { margin: 5px 0px 5px 0px; }

p.smaller { font-size: 0.9em; }

/*****************
 LINKS
 *****************/

#header a:link{ color: #060; text-decoration: none }
#header a:visited{ color: #060; text-decoration: none }
#header a:hover{ color: #060; text-decoration: underline }

#breadcrumb a:link{ color: #000; text-decoration: none }
#breadcrumb a:visited{ color: #000; text-decoration: none }
#breadcrumb a:hover{ color: #000; text-decoration: underline }

#mainpagecontent a:link{ color: #060; text-decoration: underline }
#mainpagecontent a:visited{ color: #060; text-decoration: underline }
#mainpagecontent a:hover{ color: #393; text-decoration: underline }

#mainpagecontentright a:link{ color: #060; text-decoration: underline }
#mainpagecontentright a:visited{ color: #060; text-decoration: underline }
#mainpagecontentright a:hover{ color: #393; text-decoration: underline }

#footer a:link{ color: #393; text-decoration: none }
#footer a:visited{ color: #393; text-decoration: none }
#footer a:hover{ color: #393; text-decoration: underline }

/*****************
 IMAGES
 *****************/

img {
	border: none
	}

/*****************
 TOP OF PAGE NAV LIST
*****************/

ul#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	letter-spacing: 0px;
	background: #060;
}


ul#nav li {
	float: left;
	line-height: 1.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	text-align: center;
	background: #060;
}

	ul#nav li.homelink {
		width: 97px;
	}

	ul#nav li.newlink {
		width: 88px;
	}

	ul#nav li.bestlink {
		width: 102px;
	}

	ul#nav li.offerslink {
		width: 107px;
	}

	ul#nav li.aboutlink {
		width: 86px;
	}

	ul#nav li.contactlink {
		width: 95px;
	}

	ul#nav li.deliverylink {
		width: 114px;
	}

	ul#nav li.customerlink {
		width: 112px;
	}

	ul#nav li.bloglink {
		width: 97px;
	}

ul#nav li a {
	display: block;
	padding: 3px 4px 3px 4px;
	border-right: solid 2px #fff;
	color: #fff;
	text-decoration: none;
}

ul#nav li a:hover {
	display: block;
	padding: 3px 4px 3px 4px;
	border-right: solid 2px #fff;
	color: #030;
	background: #9c9;
	text-decoration: none;
}





/*****************
SIDE NAV LIST
*****************/

ul#categorylisting {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	list-style: none;
	width: 180px;
	text-transform: lowercase;
	letter-spacing: -1px;
	background: #dfd;
}


ul#categorylisting li{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	line-height:1.7em;
	display: block;
}

ul#categorylisting a:link, ul#categorylisting a:visited{
	color: #030;
	text-decoration: none;
}

ul#categorylisting a:hover, ul#categorylisting a:active {
	color: #030;
	text-decoration: underline;
}

img.categoryimage {
	padding: 0px 5px 0px 0px;
}

/*****************
SIDE FEATURES
*****************/

ul.prodlisting {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	list-style: none;

	letter-spacing: -1px;
	background: #dfd;
}


ul.prodlisting li{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	line-height:1.7em;
	display: block;
}

ul.prodlisting a:link, ul.prodlisting a:visited{
	color: #030;
	text-decoration: none;
}

ul.prodlisting a:hover, ul.prodlisting a:active {
	color: #030;
	text-decoration: underline;
}

img.lhsprodimage {
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	float: left;
    border: 1px solid #006600;
}



/*****************
 LEFT HAND SIDE BOXES
*****************/

div.leftbox {
	margin: 10px 0px 0px 0px;
	width: 188px;
	padding: 0px;
	background: #efe;
	border: 1px solid #99cc99;

}

div.leftbox p {
	padding: 10px;

}

/*****************
LEFT SIDE LIST
*****************/

ul.leftlist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
	width: 183px;
	text-transform: lowercase;
}


	ul.leftlist li{
		width: 168px;
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 15px;
		line-height:1.5em;
		display: block;
		background: url(images/arrow-down.gif) no-repeat left 8px;
	}

	ul.leftlist a:link, ul.leftlist a:visited{
		color: #030;
		text-decoration: none;
	}

	ul.leftlist a:hover, ul.leftlist a:active {
		color: #030;
		text-decoration: underline;
	}
	
		ul.leftsublist {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 5px;
			list-style: none;
			width: 163px;
			text-transform: lowercase;
		}
		
			ul.leftsublist li{
				width: 163px;
				margin: 0px 0px 0px 0px;
				padding: 3px 0px 3px 0px;
				line-height:1.5em;
				display: block;
				background: none;
				font-size: 0.9em;
			}

/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}



/*****************
 BROKERAGE ITEM FEATURES
*****************/

 
 
span.prodnew {
	position: absolute;
	background: url(images/icon-new.png) no-repeat left top;
	width: 50px; height: 50px;
	right: -12px; top: 95px;

	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon-new.png', sizingMethod='scale');

}

span.prodnew2 {
	position: absolute;
	background: url(images/icon-new2.png) no-repeat left top;
	width: 50px; height: 50px;
	right: 1px; top: 81px;

	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon-new2.png', sizingMethod='scale');

}

span.prodbest {
	position: absolute;
	background: url(images/icon-best.png) no-repeat left top;
	width: 50px; height: 50px;
	right: -12px; top: 95px;

	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon-best.png', sizingMethod='scale');

}

span.prodspecialoffer {
	position: absolute;
	background: url(images/icon-specialoffer.png) no-repeat left top;
	width: 50px; height: 50px;
	right: -12px; top: 95px;

	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon-specialoffer.png', sizingMethod='scale');

}

span.prodoutofstock {
	position: absolute;
	background: url(images/icon-outofstock.png) no-repeat left top;
	width: 50px; height: 50px;
	right: -12px; top: 95px;

	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon-outofstock.png', sizingMethod='scale');

}

span.prodonlineonly {
	position: absolute;
	background: url(images/icon-onlineonly.png) no-repeat left top;
	width: 50px; height: 50px;
	right: -12px; top: 95px;

	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon-onlineonly.png', sizingMethod='scale');
}
 
span.prodfreegift {
	position: absolute;
	background: url(images/icon-freegift.png) no-repeat left top;
	width: 50px; height: 50px;
	right: -12px; top: 95px;

	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon-freegift.png', sizingMethod='scale');
}
 
 /*****************
  130px BROKERAGE ITEMS
*****************/

  div.brokitem130 {
  	position: relative;
   	width: 132px;
  	margin: 10px 9px 0px 0px;
  	padding: 0px 0px 0px 0px;
   	float: left;
   	background: #fff;
   	text-align: left;
   }
 
 
  div.brokitem130end { margin: 10px 0px 0px 0px; }
 
  div.brokitem130 img { border: solid 1px #FF8FC5; width: 130px; height: 130px; }
 
  div.brokitem130 p { margin: 5px 0px 0px 0px; padding: 0px 4px 2px 4px; }
  
  div.brokitem130 strong { font-size: 0.9em; }

/*****************
 RIGHT HAND SIDE BOXES
*****************/

div.box {
	margin: 5px 0px 0px 0px;
	width: 148px;
	padding: 0px;
	background: #efe;
	border: 1px solid #99cc99;

}

div.box p {
	padding: 0px 5px;

}

/*****************
RIGHT SIDE LIST
*****************/

ul.rightlist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 148px;
	text-transform: lowercase;
}


	ul.rightlist li{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		line-height:1.5em;
		display: block;
		width: 148px;
	}

		#mainpagecontentright ul.rightlist a:link, #mainpagecontentright ul.rightlist a:visited{
			width: 138px;
			display: block;
			padding: 3px 5px 3px 5px;
			color: #030;
			text-decoration: none;
			border-bottom: 1px dashed #CCEFCC;
		}

		#mainpagecontentright ul.rightlist a:hover, #mainpagecontentright ul.rightlist a:active {
			color: #030;
			text-decoration: none;
			background: #CCEFCC;
			border-bottom: 1px dashed #CCEFCC;
		}

/*****************
 FORMS
 *****************/

form.inline { display:inline; }


/*****************
 GREEN
 *****************/
 
.green {
	color: #060;
}

.greenoutline
{
    	color:#003300;
	font-size: 0.9em;
}

.ErrorInput
{
    background-color:#FF9999;
}

.cart {
	border-bottom: 1px solid #99cc99;
	width:100%;
}


.solidbox, .carthead, #navigation, .threerows th, .boxtitle{
	background: #99cc99;
}

.solidbox {
	width: 20em;
	float: right;
}

#discountbox {
	margin-top: 15px;
	clear: right;
	float: right;
	width: 20em;
}

h3 {
	background: #E5FFE5;
	padding-left:2px;
}

h3, .ordertables, .threerows, .ordertotals{
	border: 1px solid #99CC99;
}

.smalltext
{
    	color:#003300;
	font-size: 0.9em;
}

#new_customer {
	float: right;
	width: 21em;

}
#returning_customer {
width : 50%;	
}


.featuredbox{
	margin-top: 5px;
	width: 15.0em;
}

.box img .featuredbox img{
	width: 15.0em;
	height: 1.5em;
}

.boxtitle {
	display: block; padding: 3px; 
	font-family:Verdana bold;
	font-variant:small-caps;
	color:White;
	font-size:1.0em;
}

.featuredbox ul {
        padding: 0 !important;
}

.strike
{
    color:Red;
}

.strikeover
{
    background: url(images/delete.gif) no-repeat left top;
	width: 16px; height: 16px;
	position:absolute;
	text-align:left;
	* background: none;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/delete.gif', sizingMethod='scale');
}

table.standard {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: separate;
	background-color: white;
}
table.standard th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: #99CC99 #99CC99 #99CC99 #99CC99;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.standard td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: #99CC99 #99CC99 #99CC99 #99CC99;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

.calendardays
{
    font-family:Arial;
}

.smalloptiontext
{
    color: #003300;
    font-size: 0.7em;
    vertical-align: top;
}


/*****************
EXPANDABLE LIST
*****************/

ul.expandablelist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
	text-transform: lowercase;
}


	ul.expandablelist li{
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 15px;
		line-height:1.5em;
		display: block;
		background: url(images/arrow-down.gif) no-repeat left 8px;
	}

	ul.expandablelist a:link, ul.expandablelist a:visited{
		color: #030;
		text-decoration: none;
	}

	ul.expandablelist a:hover, ul.expandablelist a:active {
		color: #030;
		text-decoration: underline;
	}
	
		ul.expandablesublist {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 5px;
			list-style: none;
			text-transform: lowercase;
		}
		
			ul.expandablesublist li{
				margin: 0px 0px 0px 0px;
				padding: 3px 0px 3px 0px;
				line-height:1.5em;
				display: block;
				background: none;
				font-size: 0.9em;
			}
			
#prodoptions
{
   text-align:center;
   width:100%;
}
.optiontitle
{
    width:24%;
    vertical-align:top;
    border:1px solid green;
    border-bottom:0px;
    margin-right:5px;
    margin-left:5px;
}
.optionimage
{
    border-left:1px solid green;
    border-right:1px solid green;
}
.optioncost
{
    border-left:1px solid green;
    border-right:1px solid green;
}
.optioncheckbox
{
    height:6px;
    background-color:#CCEFCC;
    line-height:6px;
    vertical-align:bottom;
    border-left:1px solid green;
    border-right:1px solid green;
    border-bottom:1px solid green;
}
.optionspacer
{
    width:2px;
}
.optionspacerrow
{
    height:5px;
}
optiontablerowprice
{
    height:auto;
    line-height:normal;
    vertical-align:middle;
}

.nowrap {
	white-space: nowrap;
}

.error {
	color: #ff0000;
}

.carderror 
{
	padding: 5px;
	border: solid 2px #ff0000;
	margin-bottom: 10px;
}

.ordertables
{
    width:100%;
}

.threerows, .ordertotals{
	width: 100%;
}

.threerows td {
	vertical-align:top;
	padding:3px;
	width:13.5em;
}

.threerows th, .orderhistory th, .orderhistory td, .ordertotals td, .ordertotals th{
	padding:3px 3px 5px 3px;
}

#meaningstable
{
    width:100%;
    border:green thin solid
}
#meaningstable td, th
{
    border: 0;
    border-bottom:1px solid #008000;
    padding:0px 0px 10px 0px;
}

#meaningstable img
{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
}

#forwarder
{
    margin: 0px auto;
    width:410px;
    background-color:White;
    border:black solid thin;
    margin-top:20px;
    padding-top:10px;
    font-family:verdana,"Bitstream Vera Sans",geneva,arial,helvetica,helve,sans-serif;
    font-size:0.9em;
    padding:10px;
}

#content
{
        text-align:center;
}

.left{float:left}
.right{float:right}
#places ul {list-style:none}

#calcontainer
{
	position:relative;
}
#calendarpopup
{
	background-color:white;
	border:1px solid black;
	left:186px;
	padding:5px;
	position:absolute;
	top:0;
}

#funeraldetails
{
	float:left;
	width:40%;
	padding:6px 0px;
	padding-left:30px;
}

.datepickerwarning
{
	width: 150px;
	margin: 20px 40px 0px 40px;
	padding: 10px;
	background-color: #DDFFDD;
	border: solid 1px #99cc99;
}

.delivdatecontainer
{
	 float: left;
	 width: 300px;
}

#McAfeeSecureLogoContainer 
{
	text-align: center;
	border: solid 1px #99CC99;
	padding: 0px 5px 5px 5px;
	margin-top: 8px;
}

.prodviewthumbnail
{
	border: solid 1px #FF8FC5;
	width: 73px;
	height: 73px;
}

#mainimage
{
	border: solid 1px #FF8FC5;
	width: 398px;
}

#postcodeSimilarName
{
	list-style-type: none;
	/*display: none;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#postcodeSimilarName li
{
	display: inline;
}

.searchresults
{
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	width: 50%;
}

.searchresults li
{
	margin-bottom: 10px;
}

#contentsearchresults
{
	width: 100%;
}

.ticklist
{
	padding-left: 0px;
	margin-left: 0px;
}

.ticklist li
{
	list-style-type: none;
	list-style-position: outside;
	background: url(images/tick.png) no-repeat left top;
	padding-left: 30px;
	margin-bottom: 8px;
}

.guestcheckout
{
	color:#003300;
	font-size: 0.9em;
	float: right;
	width: 23em;
}

#guestaccsubmit
{
	margin-top: 5px;
}

.forgottenpass
{
	color:#003300;
	font-size: 0.9em;
	width: 50%;
}