body
{
	font-family: Verdana, Arial, monospace, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	margin: 0px;
	padding: 10px;
}

img
{
	border: 0px;	
}

a
{
  color: #004a31;
}

input, textarea
{
  border: 1px solid #004a31;
  font-size: 12px;
  padding: 2px 0;
}

select#ddlCropType
{
  width: 203px;
  font-size: 11px;
  padding: 2px 0;
}

.errorMessage, #errorMessage
{
  color: Red;
}

select#ddlManufacturer, select#ddlCategory
{
   width: 160px;
	margin-left: 5px;
	height: 18px; 
	color: #555555;
	background-color: #ffffff;
	font-family: Verdana, Arial, monospace, sans-serif;
   font-size:11px;
	display: block;
	float: right;
}

select#selectSize
{
	width: 150px;	
	height: 18px; 
	color: #555555;
	background-color: #ffffff;
	font-family: Verdana, Arial, monospace, sans-serif;
   font-size:11px;	
}

a.black, a.black:visited
{
	text-decoration: none;
	color: #000000;
}

p, #welcome p
{
	text-align: left;	
	margin: 0px 20px 15px 20px;	
}

#container
{
	width: 770px;
	margin: 0px auto;
}

#popUpContainer
{
	width: 184px;
	padding: 10px;
	margin: 0px auto;
}

#contentMain, #homeContent, #topContent, #banner, #products
{
	margin-bottom: 2px;
}

#headline
{
  margin: 0 20px 10px 20px;
}

#content
{
  text-align: left;
}

#content h2
{
  padding: 5px 0 0 20px;
  margin: 0;
  font: bold 14px Arial, Helvetica, Sans-Serif;
}

#login h2
{
  padding: 10px 0;
  margin-bottom: 0;
  font: bold 14px Arial, Helvetica, Sans-Serif;
}

#headline h2
{
  padding: 10px 0;
  margin-bottom: -10px;
  font: bold 14px Arial, Helvetica, Sans-Serif;
}

#detailsForm h2,
#deliveryAddress h2,
#billingAddress h2
{
  padding: 10px 0;
  margin-bottom: 10px;
  font: bold 14px Arial, Helvetica, Sans-Serif;
}

#content p
{
  margin: 10px 20px;
}

#contentMain
{
  display: block;
  clear: both;
}

#banner
{
	margin: 2px 0px;
	width: 770px;
}

#products, #homeContent, #topContent
{
	margin: 0px;
	background-color: #b7d0cb;
}

#products
{
	background-image: url(../images/productsBg.gif);
	background-repeat: repeat-y;
	background-position: right;
}

input.btnApplyFilter
{
  font-family: Verdana, Arial, Sans-Serif;
  height: 19px;
  border: 0;
  color: #FFF;
  background-color: #004a31;
  margin-left: 2px;
  float: right;
  font-size: 10px;
}

#homeContent
{
	background-color: #b7d0cb;	
}

#topContent
{
	width: 770px;
	background-color: #004a31;
}

#welcome, #welcomeText, #offers
{
	background-color: #b7d0cb;
	float: left;
	width: 260px;
}

#leftContent
{
	width: 200px;
	margin-right: 2px;
	float: left;
	margin-bottom: 2px;
  background-color: #b7d0cb;	
}

#rightContent
{
  width: 568px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  padding-top: 10px;
  float: left;
  margin-bottom: 2px;
}

#data
{
	background-color: #ffffff;
	width: 530px;
	float: right;
	padding: 20px;
}

#dataHead
{
	width: 500px;
	float: left;	
}

#dataContent
{
  width: 530px;
	margin-top: 15px;
	float: left;
}

#details
{
  width: 255px;
	border-top: 5px solid #6fa198;
	padding-top: 10px;
	float: left;
}

#productDetails
{
	width: 255px;
	float: left;
	padding-right: 0 !important;
}

#productDescription
{
  margin-left: 20px;
	width: 255px;
	float: right;
}

#productDescription p.images
{
	margin-bottom: 0px;
}

#productDescription p.images img
{
	margin-right: 15px;
}

#productDescription p.images img.last
{
	margin: 0px;
}

#observations p, #productDetails p, #priceBandCalculator p.calculator

{
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#priceBandCalculator p.calculator
{
	border: 0px;
	text-align: center;
}

#productDetails p

{
	border-bottom: 1px solid #6fa198;
}

#observations
{
	background-color: #B7D0CB;
	width: 178px;
	margin: 0px;
	padding: 5px 3px 0px 3px;
	float: left;
}

#dataContent input, #popUpFooter input
{
	background-color: #b7d0cb;
	border: 1px solid #809991;
	font-family: Verdana, Arial, monospace, sans-serif;
   font-size:11px;
	font-weight: bold;
	width: 150px;
	padding: 2px 0px;
}

#popUpFooter input, #popUpFooter input.postcode
{
	width: 50px;
	font-size: 10px;
	padding: 2px 0px;
}

#popUpFooter input
{
	background-color: #004a31;
	border: 1px solid #004a31;
	color: #ffffff;
}

#popUpFooter input.postcode
{
	text-align: center;
	background-color: #ffffff;
	color: #000000;
}

#introduction
{
	width: 285px;
	float: left;
}

#ourMission
{
	width: 245px;
	float: right;
	border-top: 5px solid #f6a188;
	color: #f6a188;
	font-weight: bold;
	padding-top: 5px;
}

#introduction p, #ourMission p, #introduction p.last, #ourMission p.last, #productDescription p, #productDetails p, #observations p
{
	margin-left: 0px;
	margin-right: 0px;
}

#introduction p, #ourMission p
{
	margin-bottom: 15px;
}

#introduction p, #introduction p.last
{
	margin-right: 20px;
}

#introduction p.last, #ourMission p.last
{
	margin-bottom: 0px;
}

/*--- TABLES ---*/

table.productsTable
{
	border: 0px;
	width: 548px;
	margin-left: 20px;
	border-collapse: separate;
	border-spacing: 2px;
}

table.productsTable a
{
  text-decoration: none;
}

table tr th, table tr td
{
	border-bottom: 1px solid #809991;
	padding: 2px 5px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

table tr th, table.address tr th
{
	height: 35px;
	border-top: 2px solid #809991;	
	font-weight: bold;
	background-color: #F5F5F5;
}

table.address tr th
{
	background-color: #b7d0cb;
}

table.address tr td
{
	background-color: #F5F5F5;
}

table tr td, table tr td.totals
{
	height: 20px;
	font-weight: normal;	
}

table tr td.totals
{
	font-weight: bold;
}

table tr td.empty
{
	border: 0px;
}

/*--- END OF TABLES ---*/

div#data 
{
  padding: 0;
  margin-left: 10px;
  float: left;
}

label.header
{
	float: left;
	width: 195px;
	padding-right: 5px;
	padding-top: 4px;	
	text-align: left;
	font-family: Verdana, Arial, sans-serif, monospace;
	font-weight: bold;
	font-size: 14px;
	color: #004a31;
}

#welcomeText
{
	margin-top: 30px;
}

#welcomeText p
{
	font-family: Verdana, Arial, monospace, sans-serif;
	font-size: 12px;
	color: #004a31;
}

#welcomeText p b
{
	font-size: 14px;
}

#offers
{
	background-color: #B7D0CB;
}

#offers p
{
	margin: 5px 20px 5px 20px;
}

#offers a.specialOffers, #offers a.specialOffers:visited, #offers a.existingLogin, #offers a.existingLogin:visited 
{
	width: 163px;
	padding: 1px 5px 2px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	display: block;
	background-color: #ED4211;
	border: 1px solid #F6A188;
	margin: 0px 0px 0px 0px;
}

#offers a.existingLogin, #offers a.existingLogin:visited
{	
	color: #004a31;
	background-color: #B7D0CB;
	border: 1px solid #809991;
}

#offers a.existingLogin img, #offers a.existingLogin:visited img
{	
	float: right;
	margin-top: 1px;
}

/*---leftMenu---*/

.leftMenu
{
	width: 160px;
	background-color: #d8e3dd;	
	padding: 10px 20px 20px 20px;	
}

.leftMenu ul
{
	margin: 0px;
	padding: 0px;
}

.leftMenu ul li
{
	list-style-type: none;
	text-align: left;
	padding: 2px 0px;
}

.leftMenu ul ul
{
  margin-left: 15px;
}

.leftMenu ul ul li a
{
  width: 143px !important;
}

.leftMenu ul li.first
{
	border-top: 1px dashed #004a31;
}

.leftMenu ul li a, .leftMenu ul li a:visited
{
	text-decoration: none;
	color: #004a31;
	font-family: Verdana, Arial, sans-serif, monospace;
	font-size: 11px;
	display: block;
	width: 158px;
	padding: 2px 0px 2px 2px;
	border-bottom: 1px dashed #004a31;
}

.leftMenu ul li a:hover
{
	background-color: #f6a188;
}

.leftMenu ul li a#current, .leftMenu ul li a#current:visited
{
	background-color: #809991;
	color: #ffffff;
}

/*---end of leftMenu---*/

/*---avoncropMenu---*/

.avoncropMenu
{
	width: 770px;
	float: right;
	background-color: #004a31;
}

.avoncropMenu ul li 
{
	display: inline;
}

.avoncropMenu ul
{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif, monospace;
	font-size: 11px;
	text-align: center;
	float: right;
}

.avoncropMenu ul li a, .avoncropMenu ul li a:visited
{
	width: 94px;
	margin: 0px;
	padding: 0px;
	line-height: 25px;
	background-color: #004a31;
	color: #ffffff;
	text-decoration: none;
	float: left;
	border-left: 2px solid #ffffff;
}

.avoncropMenu ul li a:hover,
.avoncropMenu ul li a.selected
{
	background-color: #809991;
	color: #ffffff;
}

.avoncropMenu ul li a img, .avoncropMenu ul li a:visited img
{
	float: left;
	border-top: 2px solid #ffffff;
}

.avoncropMenu ul li a.last, .avoncropMenu ul li a.last:visited
{
	border: 0px;
}

/*---end of avoncropMenu---*/

#footer, #popUpFooter
{
	background-color: #b2c7bd;	
  clear: both;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right:10px;
	font-size: 10px;
}

#footer a
{
  color: #004a31;
}

#footer
{
  width: 760px;
  margin: 10px auto 0;
}

#popUpFooter
{
	background-color: #ffffff;
	padding-right:0px;	
}

#catalogueRequest
{
  text-align: left;
  padding: 10px;
  margin: -10px 0 0 10px;
}

#catalogueRequest div
{
  display: block;
  clear: both;
  margin-bottom: 5px;
}

#catalogueRequest span
{
  display: block;
  float: left;
  width: 100px;
}

#catalogueRequest input, #catalogueRequest textarea
{
  width: 200px;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
}

div#login
{
  text-align: left;
  padding: 0 10px 10px 20px;
}

div#login h1
{
  font-size: 12px;
  margin-bottom: 10px;
}

div#login p
{
  margin: 0 0 10px 0;
}

div#formInputs, div.formInputs
{
  margin-bottom: 10px;
}

div#formInputs div, div.formInputs div
{
  display: block;
  clear: both;
  margin-bottom: 5px;
}

div#formInputs div span, div.formInputs div span
{
  width: 100px;
  display: block;
  float: left;
}

div.formInputs div span.changePassLabel
{
  width: 175px;
  display: block;
  float: left;
}

div#formInputs div input, div.formInputs div input,
div#formInputs div select, div.formInputs div select, .ddl
{
  width: 200px;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
}

div#login div#formSubmission
{
  margin-left: 93px;
}

div#login div#formSubmission input
{
  display: block;
  clear: both;
  margin-bottom: 10px;
}

#myAccountWrapper
{
  margin-left: 15px;
  text-align: left;
}

#generalWrapper
{
  padding: 0 20px 20px 20px;
  text-align: left;
}

#detailsForm, #deliveryAddress, #billingAddress, #formSubmission
{
  padding: 0 10px 10px 10px;
}

#deliveryAddress, #billingAddress
{
  border: 0 !important;
}

h2
{
  font-size: 14px;
}

#tblOrderHistory
{
  width: 100%;
  margin-top: 10px;
}

#deliveryAddress strong, #billingAddress strong
{
  display: block;
  margin-bottom: 5px;
}

#subscriptionInput
{
  margin: 0 0 20px 20px;
  text-align: left;
}

#subscriptionInput select
{
  margin-right: 10px;
}

#subscriptions
{
  margin-bottom: 20px;
}

#subscriptions p
{
  margin: 0 0 5px 20px;
}

#basketSize
{
  margin: 10px 0;
}

#basketSize select
{
  width: 150px;
  margin-bottom: 5px;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
}

/* weather */

#weatherDiv
{
  width: 265px;
  height: 258px;
  margin: 0 auto;
  padding: 10px;
  background-image: url(../images/weatherBg.gif);
  background-repeat: no-repeat;
}

#weatherImage img
{
  width: 64px;
  height: 64px;
}

#weatherImage p
{
  text-align: center;
  margin: 10px 0 5px 0;
}

#weatherDayLinks
{
  margin: 0 0 10px 0;
}

#weatherReadings
{
  margin-bottom: 10px;
}

#weatherReadings p
{
  margin-bottom: 2px;
}

#weatherPostcode
{
  margin-top: 20px;
  margin-bottom: 20px;
}

#weatherLogo p
{
  text-align: center;
}

#weatherLogo img
{
  margin-bottom: -10px;
}

#weatherLinks h2
{
  font-size: 11px;
  margin-bottom: 5px;
}

#weatherLinks p
{
  text-align: center;
}

/* home page */

#homePageWrapper #banner
{
  display: none;
}

#homePageWrapper #leftContent
{
  width: 260px;
  position: relative;
  top: -25px;
  height: 402px;
}

#homePageWrapper #rightContent
{
  width: 508px;
}

#homePageWrapper #homePageImages
{
  text-align: left;
}

#homePageWrapper #homePageImages img
{
  display: block;
  float: left;
  margin-right: 2px;
  position: relative;
  top: -8px;
}

#homePageWrapper #welcomeText
{
  margin-top: 15px;
}

#homePageWrapper #footer
{
  position: relative;
  top: -42px;
}

html>body #homePageWrapper #footer
{
  position: relative;
  top: -25px;
}

/* fixes */

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

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

html>body #banner img
{
  margin-top: 2px;
  margin-bottom: -4px;
}

#footer
{
  position: relative;
  top: -17px;
}

html>body #footer
{
  position: relative;
  top: 0;
}

div#weatherPostcode input#txtPostcode
{
  font-size: 12px;
}

div#weatherPostcode input#btnSubmit
{
  padding: 1px;
}

input#btnSubmit, input#btnLogin
{
  color: #fff;
  background-color: #004a31;
  font-size: 12px;
  padding: 2px 5px;
}

div#newsItemWrapper
{
  text-align: left;
}

div#catalogueRequest span.chk 
{
  display: block;
  width: 200px !important;
  margin: 10px 0;
}

span.chk input
{
  border: 0 !important;
}

div#catalogueRequest span.chk label
{
  width: 150px;
  display: block;
  float: left;
}

div#catalogueRequest span.chk input
{
  width: 20px !important;
  border: 0 !important;
  display: block;
  float: left;
}

div#formSubmission
{
  clear: both;
}

div#resetPassword div#formInputs
{
  margin-left: 20px;
  text-align: left;
}

div#resetPassword div#formSubmission
{
  margin-left: 114px;
  text-align: left;
}

div#resetPassword div#formSubmission input#btnResetPassword
{
  color: #fff;
  background-color: #004a31;
  width: 110px;
}

div#resetPassword div#formSubmission input#btnCancel
{
  color: #fff;
  background-color: #004a31;
  width: 83px;
}

div#generalWrapper input#btnCancel
{
  width: 83px;
  margin-right: 5px;
  color: #fff;
  background-color: #004a31;
}

.valRequired
{
  width: 10px !important;
  float: left;
}

.productsPager td
{
  border-bottom: 0;
  background-color: #fff;
  text-align: left;
}

.productsPager span.prev
{
  padding-right: 5px;
}

.productsPager td
{
  display: block;
  position: relative;
  left: 445px;
  top: 5px;
}

.productsPager a
{
  text-decoration: underline !important;
}

input.btnGreen
{
  color: #fff;
  background-color: #004a31;
}

input.btnCatRequest
{
  margin-left: -161px;
}

input, select, textarea
{
  font: 11px Verdana, Arial, Helvetica, Sans-Serif !important;
}

img.imgRemoveSubscription
{
  margin-right: 2px;
  vertical-align: middle;
}

span.orderDetailsSubmit
{
  margin-left: 103px;
}

span.orderDetailsSubmit input
{
  width: 80px !important;
}

/* chk order details */

span.chkOrderDetails
{
  width: 270px !important;
  margin-left: 97px;
  display: block;
}

span.chkOrderDetails input
{
  width: 20px !important;
  float: left;
}

span.chkOrderDetails label
{
  width: 240px !important;
  display: block;
  float: left;
}