@import url("navigation.css");
* {
	margin:0;
	padding:0
}
/* mac hide \*/
html, body {
	/* height:100%;*/
	width:100%;
	margin: 0px;
	padding: 0px;
}
/* end hide */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.5em;
	color: #333333;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #333333;
}
p {
	margin:0 0 1em;
	padding:0px
}
textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
a {
	color: #517B11;
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
}
a:hover {
	color: #7FC31C;
	text-decoration: none;
	outline: none;
}
a:active {
	outline: none;
}
br {
	padding: 0px;
	height: 1px;
	width: 100%;
	clear: both;
}

/*ul {
	margin-bottom: 20px;
}
li {
	margin-left: 30px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
*/ul.lists{
	list-style: url(../gfx/dot-green.jpg);
	margin-bottom: 20px;
	margin-left: 30px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
li.lists{
	list-style: url(../gfx/dot-green.jpg);
	margin-left: 30px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
ul.jobs{
	list-style: url(../gfx/dot-white.jpg);
	margin-bottom: 20px;
	margin-left: 30px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
li.jobs{
	margin-left: 15px;
	list-style: url(../gfx/dot-white.jpg);
}
.break {
	border-top: 1px solid #81CF0A;
	padding: 0px;
	height: 1px;
	width: 100%;
	margin: 20px 0px 10px;
	clear: both;
}
.breakNOLINE {
	padding: 0px;
	height: 1px;
	width: 100%;
	margin: 10px 0px 20px;
	clear: both;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5;
}
#BodyHolder {
	MARGIN: 0px auto;
	padding: 0px;
	width: 100%;
}
#TopKeywords {
	MARGIN: 0px auto;
	padding: 0px;
	width: 100%;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CAD6C2;
}
#TopBody {
	MARGIN: 0px auto;
	padding: 0px 5px;
	width: 952px;
	background: url(../gfx/ezy-top.jpg);
	height: 355px;
}
#LogoWrap {
	POSITION: relative;
	z-index: 800;
	float: left;
}
#Logo {
	POSITION: absolute;
	TOP: 18px;
	width: 274px;
	height: 185px;
	left: 22px;
	float: left;
}
#BylineWrap {
	width: 920px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding-top: 35px;
	padding-right: 20px;
	text-align: right;
}
#BylineWrap h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#ImageWrap {
	width: 950px;
	height: 250px;
	margin-left: 1px;
}
#HotSpecialWrap {
	POSITION: relative;
	z-index: 800;
	float: right;
}
#HotSpecial {
	POSITION: absolute;
	right: -33px;
	TOP: -120px;
	width: 167px;
	height: 165px;
	visibility: visible;
}
#HotSpecial a{
	border-bottom: 0px none;
}
.DateWrap {
	clear: both;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#MainBody {
	MARGIN: 0px auto;
	padding: 0px 10px 20px;
	width: 942px;
	clear: both;
	text-align: left;
	background: url(../gfx/ezy-middle.jpg);
}

#HomePageLeft {
	float: left;
	width: 300px;
	padding: 20px 0 0;
}
#HomePageCenter {
	float: left;
	width: 258px;
	padding: 20px 20px 0;
}

#HomePageRight {
	float: right;
	width: 342px;
	padding: 20px 0px 0px;
}

#SpecialWrap {
	width: 342px;
	margin: 0px auto;
	background: #6CB108;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#SpecialsTOP {
	width: 342px;
	height: 300px;
	padding: 0px;
	margin: 0px auto;
}

.scrollerboxouter {
	position: absolute;
	visibility: visible;
	margin: 0px 0px 50px;
	width: 342px;
	height: 300px;
	text-align: left;
	overflow: hidden;
	border: 0;
	padding: 0px;
	background: #FFFFFF;
}
.scrollerboxinner {
	position: absolute;
	z-index: 14;
	left: 0px;
	top: 0px;
	visibility: visible;
	margin : 0px;
	padding: 0px;
	float: left;
}
#HomePageRight a{
	border-width: 0px;
	border-style: none;
}
#ViewAll {
	width: 342px;
	text-align: right;
	padding-top: 10px;
}
#ViewAll a{
	text-decoration: none;
	border-width: 0px;
	border-style: none;
}
.SpecialHolder {
	width: 342px;
	text-align: left;
	clear: both;
	margin-bottom: 5px;
	background: url("http://www.ezy.co.nz/gfx/tabs/Sbg.jpg") repeat-x left top;
}
.SpecialHolder .SpecialLeft {
	width: 157px;
	float: left;
}
.SpecialHolder .SpecialCentre {
	width: 140px;
	text-align: left;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 11px;
	line-height: 120%;
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 10px;
}
.SpecialHolder .SpecialCentre H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #77C019;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 0px 2px;
	line-height: 100%;
}
.SpecialHolder .SpecialRight {
	width: 25px;
	float: left;
	height: 97px;
}
.SpecialHolder .SpecialRight a{
	background: url(../gfx/tabs/more-info-grey.gif) no-repeat center top;
	width: 25px;
	height: 97px;
	border-width: 0px;
	border-style: none;
}
.SpecialHolder .SpecialRight a:hover{
	background: url(../gfx/tabs/more-info.gif) no-repeat center top;
}
#HomePageFull {
	padding: 30px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
	width: 942px;
}
#HomePageFull #SkypeHolder,
#HomePageFull #GreenWayHome,
#HomePageFull #GreenFleet {
	width: 174px;
	height: 155px;
	float: left;
	padding: 5px;
	margin-left: 5px;
	font-size: 12px;
	vertical-align: top;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
	background: url(../gfx/home-page-box.jpg) no-repeat center top;
}
#HomePageFull #PhoneHolderHome{
	text-align: left;
	width: 175px;
	height: 155px;
	float: left;
	padding: 5px;
	vertical-align: top;
	background: url(../gfx/home-page-box.jpg) no-repeat center top;
	/*border: 1px solid #EBEBEB;*/
	font-weight: bold;
	margin-bottom: 5px;
	color: #000000;
}
#HomePageFull #PhoneHolderHome img{
	padding-bottom: 3px;
}
#HomePageFull #PhoneHolderHome .space{
	padding-right: 10px;
	padding-left: 20px;
}

/*#HomePageFull #SkypeHolder:hover, 
#HomePageFull #PhoneHolderHome:hover,
#HomePageFull #GreenWayHome:hover,
#HomePageFull #GreenFleet:hover  {
	border: 1px solid #C8C8C8;
	background: #F3F3F3;
}*/
#HomePageFull #SkypeHolder a, 
#HomePageFull #GreenFleet a, 
#HomePageFull #GreenWayHome a{
	border-width: 0px;
	border-style: none;
}



#Left {
	width: 230px;
	clear: left;
	float: left;
}
#Left #SubNavigation {
	width: 228px;
	margin-right: auto;
	margin-left: auto;
}
#Left #SubNavigation .top {
	width: 228px;
	height: 14px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/navigations/navigation-top.jpg) no-repeat center top;
}
#Left #SubNavigation .middle {
	width: 228px;
	margin-right: auto;
	margin-left: auto;
	background: #DEDEE0;
}
#Left #SubNavigation .middle .SubNavigation {
	margin: 0px;
	padding: 0px;
}
#Left #SubNavigation .middle .SubNavigation a {
	TEXT-DECORATION: none;
	display: block;
	text-align: left;
	margin: 0px 12px 0px;
	padding: 5px 0px 0px;
	color: #000000;
	background: url(../gfx/navigations/navigation-links.jpg) no-repeat center -25px;
	height: 20px;
	width: 204px;
	text-indent: 10px;
	border-top: 3px solid #DEDEE0;
	font-size: 1em;
	font-weight: bold;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
#Left #SubNavigation .middle .SubNavigation a:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	background-image: url(../gfx/navigations/navigation-links.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#Left #SubNavigation .middle .SubLinks {
	margin: 0px;
	padding: 0px;
}
#Left #SubNavigation .middle .SubLinks a {
	TEXT-DECORATION: none;
	display: block;
	text-align: left;
	margin: 0px 14px;
	color: #6CB108;
	/*color: #929197;*/
	width: 200px;
	background: /*#EBEBED*/ url(none);
	border-top: 0px none;
	text-indent: 5px;
	height: 18px;
	font-weight: normal;
}
#Left #SubNavigation .middle .SubLinks a:hover {
	COLOR: #000000;
	/*COLOR: #333333;*/
	TEXT-DECORATION: none;
	background: /*#FFFFFF*/ url(none);
}
#Left #SubNavigation .bottom {
	width: 228px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/navigations/navigation-bottom.jpg) no-repeat center bottom;
	height: 14px;
}
#Left #SubNavigation .WrapTop {
	width: 228px;
	height: 12px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/navigations/wrap-top.jpg) no-repeat center top;
}
#Left #SubNavigation .WrapMiddle {
	width: 228px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #BAB9BE;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#Left #SubNavigation .WrapBottom {
	width: 228px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/navigations/wrap-bottom.jpg) no-repeat center bottom;
	height: 12px;
	margin-bottom: 0px;
}

#Left #SubNavigation .WrapMiddle .LeftLinkWrapTop {
	width: 210px;
	height: 13px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/lefthandlink-top.jpg) no-repeat center top;
}
#Left #SubNavigation .WrapMiddle .LeftLinkWrapMiddle{
	width: 210px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #8C8D92;
	text-align: center;
	margin-bottom: 10px;
}
#Left #SubNavigation .WrapMiddle .LeftLinkWrapMiddle .phonewrap{
	text-align: left;
	font-weight: bold;
	color: #000000;
}
#Left #SubNavigation .WrapMiddle .LeftLinkWrapMiddle .phonewrap img{
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 20px;
}
#Left #SubNavigation .WrapMiddle .LeftLinkWrapMiddle a{
	border-width: 0px;
	border-style: none;
}
#Left #SubNavigation .WrapMiddle .LeftLinkWrapBottom {
	width: 210px;
	height: 13px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/lefthandlink-bottom.jpg) no-repeat center bottom;
	margin-bottom: 0px;
}

#PhoneHolder {
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-weight: bold;
}

#PhoneHolder h3 {
	font: normal 1.2em/150% Arial, Helvetica, sans-serif;
	color: #4F4D53;	/*color: #558A06;*/
}

#PhoneHolder img{
	padding: 2px 10px 2px 20px;
}
#Right {
	width: 655px;
	clear: right;
	float: right;
	padding-right: 25px;
	padding-left:10px;
}

h1 {
	font: normal 1.8em/150% Arial, Helvetica, sans-serif;
	color: #000000;	/*text-indent: 20px;*/
	padding-bottom: 10px;
}
.ezygreen {
	color: #7FC31C;
	font-weight: normal;
	text-transform: capitalize;
}
h2 {
	font: normal 1.3em/150% Arial, Helvetica, sans-serif;
	color: #6CB108;
	/*color: #000000;*/
	text-transform: none;
	/*background: url(../gfx/dotline-horizontal.jpg) repeat-x left top;*/
	border-top: 1px solid #81CF0A;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-top: 10px;
}
h3 {
	font: normal 1.2em/150% Arial, Helvetica, sans-serif;
	color: #7FC31C;
}
/*h4 {
	font: normal 1.1em/150% Arial, Helvetica, sans-serif;
	color: #8C8C8C;
	margin-bottom: 5px;
}
*/
#Right #TextCentre {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.TextCentre {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.MapRight {
	width: 255px;
	clear: right;
	float: right;
}
.MapRight img{
	width: 250px;
	float: right;
}
.TableLayout{
	background: #BAB9BE url(../gfx/tablewrap-top.jpg) no-repeat center top;
	width: 590px;
}
.TableLayoutCenter{
	background: #BAB9BE url(../gfx/tablewrap-top.jpg) no-repeat center top;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
}
.TableLayout h3,
.TableLayoutCenter h3{
	font: bold normal 1.1em/150% Arial, Helvetica, sans-serif;
	color: #000000;
	/*color: #558A06;
	color: #7FC31C;*/
}

.TableLayout table,
.TableLayoutCenter table{
	width: 570px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.TableLayout .tablebottom,
.TableLayoutCenter .tablebottom{
	width: 590px;
	background: url(../gfx/tablewrap-bottom.jpg) no-repeat center bottom;
	height: 16px;
}
.TableLayout td,
.TableLayoutCenter td{
	padding-right: 5px;
	padding-left: 5px;
}

.TableLayout .bgcolour,
.TableLayoutCenter .bgcolour{
	background: #FFFFFF;
}
.TableLayout .doubleline,
.TableLayoutCenter .doubleline,
.TextWrapMiddle .doubleline{
	border-top: 1px solid #949494;
	border-bottom: 1px solid #949494;
	color: #000000;
	font-size: 1.1em;
}
.TableLayout .line,
.TableLayoutCenter .line,
.TextWrapMiddle .line{
	border-bottom: 1px solid #949494;
}

.SaveQuoteButton {
	background: url(../gfx/tabs/save-quote-greygreen.jpg) no-repeat center top;
	height: 55px;
	width: 55px;
	float: right;
	clear: right;
	margin-top: 10px;
	margin-right: 10px;
}
.SaveQuoteButton:hover {
	background: url(../gfx/tabs/save-quote-greydarkgreen.jpg) no-repeat center top;
	height: 55px;
	width: 55px;
}

#Right #TextLeft {
	width: 430px;
	float: left;
}

#TextLeft {
	background: #FFFFFF;
}
#Right #TextLeft .Referrals {
	border-top: 1px solid #81CF0A;
	padding-top: 10px;
}
#Right  .TextWrapTop {
	width: 430px;
	height: 12px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/textwrap-top.jpg) no-repeat center top;
}
#Right .TextWrapMiddle {
	width: 410px;
	margin-right: auto;
	margin-left: auto;
	background: #DEDEE0;
	padding-right: 10px;
	padding-left: 10px;
}
.floatright{
	float: right;
	clear: none;
}
#Right .TextWrapBottom {
	width: 430px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/textwrap-bottom.jpg) no-repeat center bottom;
	height: 12px;
	margin-bottom: 20px;
}

#Right #TextRight {
	width: 200px;
	float: right;
	clear: right;
}
#Right #TextRight a{
	border-bottom: 0px none;
}

.MapWrap{
	width: 280px;
	float: right;
	margin-right: 80px;
}
table {
}
td {
	padding-top: 1px;
	padding-bottom: 1px;
}

.TextWrapGreenTop {
	width: 200px;
	height: 14px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/textwrapGreen-top.jpg) no-repeat center top;
}
.TextWrapGreenMiddle {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	background: #6CB108;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
}
.TextWrapGreenMiddle h2 {
	font: normal 1.2em/150% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: none;
	background: url(none);
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	text-align: center;
	border-width: 0px;
	border-style: none;
}

.TextWrapGreenBottom {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	background: url(../gfx/textwrapGreen-bottom.jpg) no-repeat center bottom;
	height: 14px;
	margin-bottom: 20px;
}


#GreenWay {
	width: 180px;
	text-align: center;
	background: url(../gfx/green/dirty.jpg) no-repeat center top;
	padding: 20px 10px 10px;
	height: 275px;
}
#GreenWay .black {
	font-size: 1.1em;
	color: #000000;
}
#GreenWay .green {
	font-size: 1.4em;
	color: #77C019;
	line-height: 1.5em;
	font-weight: bold;
}

#BottomBody {
	MARGIN: 0px auto;
	padding: 10px 10px 20px;
	width: 942px;
	clear: both;
	text-align: center;
	background: #1F1F1F;
	color: #FFFFFF;
	font-size: .75em;
}
