@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#fff;
	width:956px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#009b48; font-weight:bold;}
a:visited{ color: #009b48;	text-decoration: none; font-weight:bold;}
a:active{ color: #009b48;	text-decoration: none; font-weight:bold;}
a:hover{	text-decoration: underline;	color: #08d567; font-weight:bold;}


/*==========main container==========*/
.mainContainer{width:956px; height:auto; float:left;}

/*==========header==========*/
.header{width:956px; height:120px; float:left;}
.headerLogo{width:280px; height:120px; float:left;}
.headerTelephone{width:676px; height:74px; float:left;}
.menuTop{width:676px; height:46px; float:left;}
.button{width: auto; height: 46px; float:left;}
#login{
  display: block;
  width: 58px;
  height: 46px;
  background:url(images/greencare_login.jpg) no-repeat 0 0;

}
#login:hover{   background-position: 0 -46px;}
#login span{  display: none;}
#consumer{
  display: block;
  width: 120px;
  height: 46px;
  background:url(images/greencare_consumer.jpg) no-repeat 0 0;

}
#consumer:hover{   background-position: 0 -46px;}
#consumer span{  display: none;}
#latestNews{
  display: block;
  width: 99px;
  height: 46px;
  background:url(images/greencare_latest_news.jpg) no-repeat 0 0;

}
#latestNews:hover{   background-position: 0 -46px;}
#latestNews span{  display: none;}
#technical{
  display: block;
  width: 82px;
  height: 46px;
  background:url(images/greencare_technical.jpg) no-repeat 0 0;

}
#technical:hover{   background-position: 0 -46px;}
#technical span{  display: none;}
#environment{
  display: block;
  width: 101px;
  height: 46px;
  background:url(images/greencare_environment.jpg) no-repeat 0 0;

}
#environment:hover{   background-position: 0 -46px;}
#environment span{  display: none;}
#caseStudy{
  display: block;
  width: 106px;
  height: 46px;
  background:url(images/greencare_case_studies.jpg) no-repeat 0 0;

}
#caseStudy:hover{   background-position: 0 -46px;}
#caseStudy span{  display: none;}
#contact{
  display: block;
  width: 110px;
  height: 46px;
  background:url(images/greencare_contact.jpg) no-repeat 0 0;

}
#contact:hover{   background-position: 0 -46px;}
#contact span{  display: none;}


.contentContainer{width:949px; height:auto; float:left; background-color:#FFF; margin-left:1px;}

/*==========left content==========*/
.left{width:200px; height:400px; float:left;}
.title{width:191px; height:40px; float:left; font-size:1px; margin-top:10px; margin-left:5px;}
.menuContainer{
	width:191px;
	height:auto; 
	float:left;  
	margin-left:5px;
	background-image:url(images/middle_box.jpg);
	background-repeat:repeat-y;
}
.menu {
	width:185px;
	height:auto;
	margin-top:2px;
	margin-left:5px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu li {	font: 12px Arial, Helvetica, sans-serif; margin: 0;	padding: 0;}
.menu a {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #252525;
	display: block;
	margin-left:5px;
	padding: 5px 5px;
	text-decoration: none;
}
.menu a:hover {	background: #ebebeb left center no-repeat;	color: #2f2d2e;}

.boxPrices{width:191px; height:133px; float:left; font-size:1px; margin-left:5px;}
.boxWarranty{width:191px; height:83px; float:left; font-size:1px; margin-left:5px;}
.box{width:191px; height:6px; float:left; font-size:1px; margin-left:5px;}
.boxMiddle{width:191px; height:auto; float:left; font-size:1px; margin-left:5px;background-image:url(images/middle_box.jpg); background-repeat:repeat-y;}
.liveChat{width:174px; height:71px; float:left; margin-left:8px;}
.greenTyre{width:174px; height:91px; float:left; margin-left:8px;}


/*==========middle content==========*/
.content{width:745px; height:auto; float:left; background-color:#fff;}

.tableText{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
}
.wheelchair{width:216px; height:298px; float:left;}

.fullPageText{
	width:725px; 
	height:auto;
	float:left;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#009b48; font-weight:bold;}

.indexTopText{
	width:509px; 
	height:auto;
	float:left;
	margin-left:10px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.indexLogin{
	width:478px; 
	height:144px; 
	float:left;
	margin-top:30px;
	background-image:url(images/index-login-box.jpg); 
	background-repeat:no-repeat;
}
.loginText{
	width:328px; 
	height:114px;
	float:left;
	margin:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
}
.loginBtn{
	width:90px; 
	height:33px;
	float:left;
	margin-top:96px;
	margin-left:16px;
}

.lowerBanner{width:745px; height:auto; float:left; background-color:#fff;}
.bannerContainer{
	width:234px;
	height:100px;
	float:left;
	margin:5px;
	background-image:url(images/index-lower-box.jpg);
	background-repeat:no-repeat;
}
.bannerContentText{
	width:214px;
	height:40px;
	float:left;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:left;
}
.bannerContentBtn{
	width:214px;
	height:31px;
	float:left;
	margin-left:10px;
}
	

/*==========footer==========*/
.footer{
	width:956px; 
	height:50px; 
	float:left;
	margin-top:10px;
	border-top: medium solid #009b48;
	background-color:#eef6f2;
}
.footerLeft{
	width:470px;
	height:40px; 
	margin:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	font-weight:bold;
}
.footerLeft a{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.footerLeft a:visited{color:#000; text-decoration:none; font-weight:bold;}
.footerLeft a:hover{color:#000; text-decoration:underline; font-weight:bold;}
.footerRight{
	width:440px;
	height:40px; 
	margin:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}

/*css copied from the other css files (form and default)*/

/*form*/
div#formcontainer 	{	margin-top: 25px;
				width: auto;
				border: 0;
			}

div#formcontainer form#contact_form  {	margin-left: 50px;
			}

div#formcontainer form#contact_form div.clearform	{	padding: 5px 0px;
					vertical-align: top;
					width: auto;
					overflow: hidden;
					margin: 5px 0;
				}
div#formcontainer form#contact_form label {
					width: 160px;
					float: left;
					margin-right: 10px;
					font-size: 1.1em;
				}
.formcaption 			{	font-size: .85em;
				}
div#formcontainer form#contact_form div.buttongroup {
					float: left;
					margin: 0px;
					padding: 0px;
				}
div#formcontainer form#contact_form div.buttongroup div {
					margin-bottom: 5px;
				}

div#formcontainer form#contact_form input.button {
					color: #fff;
					background-color: #A5D357;
					padding: .1em .25em;
					font-weight: bold;
					font-size: 1em;
				}
div#formcontainer form#contact_form textarea {
					font-family: verdana, arial, sans-serif;
					font-size: 1.1em;
				}

/* Styles for basket.php */
.tabDiv {
  position: relative;
  float: left;
	width: 100px;
	height: 20px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background-image: url(/images/tab/tab_bgrnd.gif);
	margin-bottom: -1px;
}

.tabDiv a:link {
	color: #FFF;
	text-decoration: none
}

.tabDiv a:visited {
	color: #FFF;
	text-decoration: none
}

.tabDiv a:hover {
	color: #000;
	text-decoration: none
}

.tabDiv a:active {
	color: #000;
	text-decoration: none
}

#tabStep1 {
	background-image: url(/images/tab/tab_bgrnd_on.gif)
}

#selfPropellingDiv {
	display: none
}

#outerDiv {
			float: left;
  			padding: 2px;
			border: solid 1px #000;
			background-color: #FFF;
			width: 100%; /* added to fix Safari */

}

#step2, #step3, #step4, #step5 {
	display: none
}


/* styles for self build form move to form.css */

div#sbformcontainer 		{ 	width: auto;

				}
div#sbformcontainer form#sb_form  {	margin-top: 10px;
					width: auto;
				}

div#sbformcontainer form#sb_form  img.help {
					margin-right: 2px;
					float: left;
					border: 0;
				}
div#sbformcontainer form#sb_form  img.subHelp {
					margin: 0 2px;
					float: none;
					border: 0;
				}
div#sbformcontainer form#sb_form  p {	font-size: 1.1em;
				}
div#sbformcontainer form#sb_form div.clearform {
					overflow: hidden;
				}
div#sbformcontainer form#sb_form div.selectGroup {
					clear: right;
					margin: 5px;
					padding: 5px;
					border: 1px dotted #000;
				}

div#sbformcontainer form#sb_form div.clearform {
					overflow: hidden;
				}
div#sbformcontainer form#sb_form div.clearform input {
					vertical-align: middle;
				}

div#sbformcontainer form#sb_form label {
					font-weight: bold;
				}

div#sbformcontainer form#sb_form div.sbButtongroup {
					margin: 5px 0 0 30px;
					padding: 0px;
					float: left;
					clear: both;
				}
div#sbformcontainer form#sb_form div.sbButtongroup label {
					font-weight: normal;
					vertical-align: middle;
					padding: 0;
					margin: 0;
				}

div#sbformcontainer form#sb_form div.txtInputBox {
					margin: 2px 0;
				}
div#sbformcontainer form#sb_form div.radio {
					clear: left;
					padding: 3px 0;
					margin: 0;
					vertical-align: middle;
				}

div#sbformcontainer form#sb_form div.clearSBform img { 	border: 0 }


div#sbformcontainer form#sb_form input.button {
					color: #000;
					background-color: #A5D357;
					padding: .1em .25em;
					font-weight: bold;
					font-size: 1em;
}
div#clearingDiv	{		clear: both;
		}

#helpContainer {
  position:absolute;
  top: 300px;
  width: 400px;
  visibility: hidden;
  padding: 2px;
  background-color: #CCC;
  border: solid 1px #000
}


/*default*/