@import url("reset.css");
@import url("form.css");

* {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background: #850001 url(../images/body-bg.jpg) repeat-x;
	min-height: 100%;
}

pre {
	font-family: "Courier New", Courier, monospace;
}

p a {
	text-decoration: underline !important;
}

	p a:hover {
		text-decoration: none !important;
	}

h4 {
	color: #004697;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Container Section */

#container {
	min-height: 100%;
}

/* Header Section */

#header {
	height: 120px;
	overflow: hidden;
	width: 100%
}
	
/* Menu Section */

#menu {
	background: url(../images/menu-bg.jpg) no-repeat right;
	height: 43px;
	overflow: hidden;
	width: 100%;
}

	#menu ul {
		float: left;
		margin-left: 150px;
		overflow: hidden;
	}
		
		#menu ul li {
			float: left;
		}
		
			#menu ul li a {	
				color: #ff0303;
				display: block;
				line-height: 27px;
				margin-right: 10px;
				padding: 0 5px;
			}
	
				#menu ul li a:hover, #menu ul li a.selected {
					background: #ff0303;
					color: #fff;
					text-decoration: none;
				}
			
	#menu div a.view-basket {	
		color: #850001;
		display: block;
		float: right;
		line-height: 27px;
		margin-right: 20px;
	}
	
		#menu div a.view-basket img {
			display: inline;
			margin: 5px 5px 0;
			vertical-align: middle;
		}

		#menu div a.view-basket em {
			color: #850001;
			font-style: normal;
			margin-right: 10px;
			text-decoration: underline;
		}

			#menu div a.view-basket em:hover {					
				text-decoration: none;
			}

/* Content Outter Section */

#content-outter {
	overflow: hidden;
}

#content-outter-bottom {
	background: url(../images/content-outter-bottom-bg.jpg) no-repeat bottom right;
	margin-right: 12px;
}

/* Navigation Section */

#navigation {
	float: left;
	width: 140px;
}

	#navigation ul {
		list-style: none;
		width: 100%;
		margin: 0 5px 10px;
	}

		#navigation ul li.title {
			background: #ff0303 url(../images/top-bg.jpg) no-repeat;
			color: #fff;
			font-weight: bold;
			line-height: 24px;
			padding-left: 9px;
			text-align: left;
		}

		#navigation ul li.last {
			border-bottom: 1px #ff0303 solid;
		}

		#navigation ul li a {
			background: #fff;
			border-left: 1px #ff0303 solid;
			border-right: 1px #ff0303 solid;
			color: #ff0303;
			display: block;
			padding: 5px 8px;
			text-align: left;
			text-decoration: none;			
		}

			#navigation ul li a:hover, #navigation ul li a.selected {
				display: block;
				background: #850001;
				color: #fff;
				padding: 5px 8px;
			}
				
/* Content Section */

#content {
	background: url(../images/content-bg.jpg) no-repeat top right;
	overflow: hidden;
	padding: 10px 8px 10px 22px;
	margin-right: 12px;
	position: relative;	
	text-align: left;
}

	#content h1, #content h1 em {
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	#content h3 {
		color: #f00;
		font-size: 18px;
		font-weight:  bold;
	}
	
/* Footer Section */

#footer {
	background: url(../images/footer-bg.jpg) no-repeat;
	clear: both; 
	font-size: 1em;
	height: 38px;
	line-height: 2.5em;
    width: 100%;    
}

	#footer span {
		color: #ffffff;
		float: left;
		padding: 9px 20px;
	}
	
	#footer ul {
		float: right;
		padding: 9px 20px;
	}
	
		#footer ul li {
			display: inline;
			padding: 0 0.5em;
		}
	
		#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active {
			color: #ffffff;
			text-decoration: none;
		}
		
			#footer ul li a:hover  {
				text-decoration: underline;
			}

#footer-info {
	background: #333 !important;
}
	
/* Paging */

ul.paging {
	clear: both;
}

	ul.paging li {
		clear: none;
		float: left;
		padding-right: 5px;
		width: auto;
	}
	
	ul.paging a:link, ul.paging a:visited, ul.paging a:active {
		color: #000;
		display: block;
		text-decoration: none !important;
	}
	
	ul.paging a:hover {
		text-decoration: underline !important;
	}
	
	ul.paging a.selected:link, ul.paging a.selected:visited, ul.paging a.selected:active, ul.paging a.selected:hover {
		text-decoration: underline;
	}

/* Site Map */	

#sitemap {
	list-style: outside disc;
	margin-left: 20px;	
}
	#sitemap li strong {
		color: #000;
	}

	#sitemap ul {
		list-style: outside disc;
		margin-left: 30px;
	}

	#sitemap li {
		padding: 5px 0 0 !important;
	}

	#sitemap li a {
		color: #000;
	}
	
		#sitemap li a:hover {
			text-decoration: underline;
		}

/* Site Content Section */

#site-content {
	position: relative;
}

	#site-content h2 {
		font-size: 1.3em;
		margin-bottom: 10px;
	}

	#site-content p {
		line-height: 1.5em;
		margin-bottom: 10px;
		text-align: justify;
	}

	#site-content ul {
		list-style: outside disc !important;
		margin-bottom: 10px;
	}
	
		#site-content ul li {
			float: none !important;
			padding: 2px 0 !important;
			margin: 0 0 0 20px !important;
		}

	#site-content a {
		color: #ff0303;
		text-decoration: underline;
	}

		#site-content a:hover {
			color: #ff0303;
			text-decoration: none;
		}

	#site-content div.image-left {
		float: left;
		padding: 0 10px 0 0;
	}

	#site-content div.image-right {
		float: right;
		padding: 0 0 0 10px;
	}

	#site-content #site-images {
		width: 300px;
	}
	
		#site-content #site-images ul {
			list-style: none !important;
		}

			#site-content #site-images ul li {
				clear: none !important;
				float: left !important;
				padding: 0 !important;
				margin: 7px 0 0 !important;
				width: auto !important;
			}
			
			#site-content #site-images ul li.middle {
				padding: 0 7px !important;
			}
			
				#site-content #site-images ul li img {
					cursor: pointer;
				}
				
				#site-content #site-images ul li img:hover {
					opacity: .50;
					filter: alpha(opacity=50); 
					-moz-opacity: 0.5;
				}

/* Category Listing Section */

ul.category-list {
	clear: both;
	list-style: none;
	margin: 10px 0;
}

	ul.category-list li {
		display: inline;
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		text-align: center;		
	}
	
	ul.category-list li.category {
		border: 1px #ff0303 solid;
	}
	
	
	ul.category-list li h4 {
		border-top: 1px #ff0303 solid;
		color: #000;
		font-weight: bold;
		height: 2.4em;
		overflow: hidden;
		padding: 0 0 5px 0;
	}
		
		ul.category-list li a.more-info {
			border-top: 1px #ff0303 solid;
			background: #ff0303;
			color: #fff;
			text-decoration: none;
			text-align: center;
			padding: 3px 0;
			font-size: 11px;
			font-weight: bold;
			display: block;			
		}
	
			ul.category-list li a.more-info:hover {
				color: #000;
				background: #f7f900;
			}

	ul.category-list a.main-image {
		display: block;
		margin: 0 auto;
		overflow: hidden;		
		padding: 3px 0;
		text-align: center;		
		width: 175px;
	}

/* Product Listing Section */

ul.product-list {
	clear: both;
	list-style: none;
	margin: 10px 0;
}

	ul.product-list li {
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		display: inline;
	}
	
	ul.product-list li.product {
		clear: none !important;
		border: 1px #ff0303 solid;
		position: relative;
		padding: 0;		
		text-align: center;
	}
	
		ul.product-list li.product img.options {
			position: absolute;
			width: 32px;
			height: 32px;
			top: -10px;
			right: -10px;
		}

	ul.product-list ul {
		border-top: 1px #ff0303 solid;
		overflow: hidden;
	}
	
		ul.product-list ul a, ul.product-list ul button {
			text-decoration: none;
			text-align: center;
			padding: 3px 0;
			font-weight: bold;
			display: block;
			border: none;
			width: 100px;
		}
		
			ul.product-list ul a:hover {
				text-decoration: underline;
			}
	

		ul.product-list ul li {
			float: left;
			width: 100px;
			margin: 0;
			padding: 0 !important;	
		}
		
			ul.product-list ul li.more-info a {
				color: #fff;
				background: #ff0303;
				height: 15px;
				font-size: 11px;
			}
			
			ul.product-list ul li.buy-now button {
				color: #000;
				background: #f7f900;
				height: 21px;
				font-size: 10px;
				cursor: pointer;
				text-transform: uppercase;
			}

			ul.product-list li.product a.more-info2 {
				border-top: 1px #ff0303 solid;
				background: #ff0303;
				color: #fff;
				text-decoration: none;
				text-align: center;
				padding: 3px 0;
				font-size: 12px;
				font-weight: bold;
				display: block;			
			}
		
				ul.product-list li.product a.more-info2:hover {
					color: #000;
					background: #f7f900;
				}

	ul.product-list a.main-image {
		display: block;
		margin: 0 auto;		
		padding: 3px 0;
		text-align: center;
		overflow: hidden;
		width: 175px;
	}
	
	ul.product-list li h4 {
		border-top: 1px #ff0303 solid;
		color: #000;
		font-weight: bold;
		height: 2.4em;		
		overflow: hidden;
		padding: 0 1px 5px;
	}
	
	ul.product-list li em {
		display: block;
		color: #333;
		font-style: normal;
		font-weight: bold;
		padding-bottom: 5px;		
	}
		
/* Product Section */	
			
#product-image {
	overflow: hidden;		
	width: 100%;
}

	fieldset#main-image {
		float: left;
		margin-right: 10px;	
	}

	fieldset#more-image {
	}

		fieldset#more-image ul {			
			list-style: none !important;
			padding: 0 !important;
		}
		
			fieldset#more-image ul li {
				clear: none;
				float: left !important;
				padding: 0 5px 5px 0 !important;				
				width: 130px;
			}

#product-info {	
}

	ul.features {
		list-style: disc outside !important;
		padding: 0 !important;		
	}
		
		ul.features li {
			float: none;
			line-height: 1.5em;
			margin: 0 0 0 20px !important;
			padding: 0;
		}
		
	ul#product-options {
	}		
	
		ul#product-options li {
			list-style: none !important;
		}
		
		ul#product-options li label {
			font-weight: bold;
			margin-left: 0;
			width: 80px;
		}
		
		ul#product-options li .horizontal .label {
			font-weight: bold !important;
			margin-left: 0;
			width: 80px;
		}		

		ul#product-options li .horizontal ul li label {
			font-weight: normal !important;
		}		

		#product-options li input.width {
			width: 200px !important;
		}
										
/* Your Details */					

#billing-details {
	float: left;
	width: 46%;
}

#shipping-details { 
	float: right;
	width: 46%;
}

#copy {
	padding: 5px 0 5px 20px;
}

#general-details {
	width: 97%;
}
	
	#general-details label {
		width: 220px;
	}
	
	#general-details textarea {
		height: 50px;
		margin-left: 10px;
		width: 98%;
	}
		
#continue {
	clear: both;
	margin-top: 10px;
}
		
/* Address */		

#billing-address {
	float: left;
	height: 165px;
	width: 300px;
}

#shipping-address {
	float: right;
	height: 165px;
	width: 300px;	
}
		
/* Ordered Layout */

#ordered-items	{
	width: 100%;
}	

	#ordered-items th {
		border-bottom: 1px #fff solid;
		font-weight: bold;
		padding: 7px 0;
	}
	
	#ordered-items td {
		vertical-align: top;
	}	
	
		#ordered-items td p img {
			float: left;
			margin-right: 5px;
			width: 100px;
		}
			
#ordered-total {
	width: 200px;
}

	#ordered-total th, #ordered-total td {
		padding: 2px 0;
	}
	
	#ordered-total th {
		font-weight: bold;
	}

/* Order Section */		

#order-result {
}

	#order-result table {
		margin-top: 10px;
	}
	
		#order-result th {
			border-bottom: 1px #fff solid;
			font-weight: bold;
			padding: 2px 5px;
		}
		
		#order-result td {
			padding: 5px 5px;
		}
		
		#order-result td a {
			color: #f00 !important;
			font-weight: bold;
		}

		#order-result td a:hover {
			color: #fff !important;
			text-decoration: underline;
		}

#order-info2 {
}
	
	#order-info2 table {
		margin-top: 10px;
	}
	
		#order-info2 table th {
			font-weight: bold;
			padding: 5px 0;
		}
		
#order-search-form {
}		

	#order-search-form table {
		margin-top: 5px;
	}
	
		#order-search-form table td {
			padding: 3px;
		}
		
/* Brands Section */

h2.brand {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;	
}

/* Weed Type Listing Section */

ul.weed-type-list {
	clear: both;
	list-style: none;
	margin: 10px 0;
}

	ul.weed-type-list li {
		border: 1px #ff0303 solid;		
		clear: none;
		display: inline;		
		float: left;
		width: 160px;
		margin: 0 20px 20px 0;
		padding: 0;
	}

		ul.weed-type-list li a img {
			display: block;	
			margin: 0 auto;				
			text-align: center;
			overflow: hidden;
			padding: 0;
			width: 145px;
		}
		
		ul.weed-type-list li h4 {
			border-bottom: 1px #ff0303 solid;
			border-top: 1px #ff0303 solid;
			color: #000;
			display: block;
			font-weight: bold;
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			text-align: center;
			margin: 2px 0 0;			
		}
		
		ul.weed-type-list li a.moreInfo {
			background: #ff0303;
			color: #fff;
			text-decoration: none;
			text-align: center;
			padding: 3px 0;
			font-size: 12px;
			font-weight: bold;
			display: block;			
		}
	
			ul.weed-type-list li a.moreInfo:hover {
				color: #000;
				background: #f7f900;
			}

/* Weed Type Section */
div#recommeenedWeedkillers {
}

	div#recommeenedWeedkillers h2 {
		font-size: 14px;
		font-weight: bold;
	}
	
		div#recommeenedWeedkillers ul {
			margin-left: 5px;
			width: 420px;		
		}
		
			div#recommeenedWeedkillers ul li {
			}

				div#recommeenedWeedkillers ul li a {
					color: #000;
					text-decoration: none;
				}
				
					div#recommeenedWeedkillers ul li a:hover {
						color: #000;
						text-decoration: underline;
					}


/* Weed Information Listing Section */

ul.weed-information-list {
	clear: both;
	list-style: none;
	margin: 10px 0;
}

	ul.weed-information-list li {
		border: 1px #ff0303 solid;		
		clear: none;
		display: inline;		
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		padding: 0;
	}

		ul.weed-information-list li h2 {
			border-bottom: 1px #ff0303 solid;
			color: #000;
			display: block;
			font-weight: bold;
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			text-align: center;
			margin: 0;			
		}
		
		ul.weed-information-list li p {
			height: 80px;
			overflow: hidden;
			padding: 4px;
		}
		
		ul.weed-information-list li a.moreInfo {
			border-top: 1px #ff0303 solid;
			background: #ff0303;
			color: #fff;
			text-decoration: none;
			text-align: center;
			padding: 3px 0;
			font-size: 12px;
			font-weight: bold;
			display: block;			
		}
	
			ul.weed-information-list li a.moreInfo:hover {
				color: #000;
				background: #f7f900;
			}
			
/* Image Rorater */

div#rotater {
	float: right;
	height: 410px;
	overflow: hidden;
	width: 279px;
}

div.imageRotater {
	position: relative;
}
	
	div.imageRotater div {
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	
		div.imageRotater div.firstItem {
			z-index: 2;
		}
		
		div.imageRotater div a {
			display: block;
		}
		
		div.imageRotater div span {
			display: block;
			font-weight: bold;
			margin: 5px auto;
			text-align: center;
		}
				
/* Offer of the Month */

div#offerMonth {
}

	div#offerMonth h3 {
		background: url(../images/offer-top-bg.gif) no-repeat;
		color: #fff;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		margin: 0 auto;
	}
	
		div#offerMonth img {
			margin: 0 auto;
			padding: 4px 0;
		}
		
	div#offerMonth a.moreInfo {
		background: #f7f900;
		border-top: 1px #ff0303 solid;
		color: #ff0303;
		font-size: 14px !important;
		text-decoration: none;
		text-align: center;
		padding: 3px 0;
		font-size: 12px;
		font-weight: bold;
		display: block;			
	}

		div#offerMonth a.moreInfo:hover {
			color: #fff;
			background: #ff0303;
		}

/* Speical Offer */

div#specialOffer {
	background: url(../images/speical-offer-bg.jpg) no-repeat top left;
	height: 136px;
	margin-bottom: 10px;
	position: relative;
	width: 718px;
}

	div#specialOffer h3 {
		color: #ffffff;
		font-size: 20px;
		margin: 5px 10px;
	}

	div#specialOffer img {
		position: absolute;
		height: 110px;
		right: 65px;
		top: 12px;
	}
	
	div#specialOffer a {
		display: block;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		height: 90px;		
		margin: 5px 10px;
		overflow: hidden;
		width: 415px;		
	}
	
		div#specialOffer a:hover {
			text-decoration: underline;
		}
						
/* Misc Section */

.centerise {
	background: url(../images/content-outter-bg.jpg);
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 900px;	
}


a#back {	
	background: #ff0303;
	border: 1px #ff0303 solid;
	color: #fff;
	padding: 2px 5px 2px 2px;	
}

	a#back:hover {
		color: #000;
		background: #f7f900;
	}

img#creditCards {
	margin: 20px auto 0;
}

#updated {
	margin: 0 auto; 
	text-align: center; 
	width: 260px; 
}

	#updated div {
		color: #ff0303;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 10px;
	}