/* @override http://localhost/gg/style.css */

/* @override http://www.gogreenholdings.com/style.css */

/*
	Author: Fred Lin (http://design.Fred-Lin.com)
	Client: GoGreen Holdings Pte Ltd
	Date Created: 6 November 2009
	Date Modified: 21 May 2009
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none;
}
a.set1 {
	color: #50935c;
}
a.set1:hover {
	color: #33450f;
	border-bottom: 1px dotted #33450f;
}
a.set2 {
	color: #00ff2a;
}
a.set3 {
	color: #54ff00;
}
img {
	behavior: url(iepngfix.htc);
}
span.error {
	color: red;
}
body {
	font-family: Helvetica,Arial, Sans-serif;
	font-size: 62.5%;
	line-height: 1.4em;
	background: white url(img/bg.jpg) repeat-x;
	color: black;
}
h2 {
	line-height: 1em;
}
h2.main_heading {
	margin: 0 0 1em 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
p {
	margin: 0 0 1em 0;
}
p.tight {
	margin: 0 !important;
}
br.clear {
	clear: both;
}
br.vert-spacer {
	clear: both;
	margin: 5px 0;
}
hr.thick {
	border: 2px solid #d9d9d9;
}
#network {
	width: 100%;
	height: 20px;
	background: black url(img/topbar-bg.jpg) no-repeat;
	font-size: 1.2em;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #4f8f32;
	margin-bottom: 5px;
}
#network span {
	float: left;
	color: white;
	margin: 0 0 0 20px;
}
#network dl {
	float: right;
	list-style: none;	
}
#network dl dd, #network dl dt {
	color: white;
	float: left;
	margin: 0 20px 0 0;
}
#wrapper, #network_wrapper {
	width: 920px;
	height: auto;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -460px;
}

#header {
	width: 918px;
	height: 81px;
	background: url(img/top.png) no-repeat;
	behavior: url(iepngfix.htc);
}
#header ul {
	float: right;
	list-style: none;
	font-size: 1.4em;
	margin: 40px 20px 0 0;
}
#header ul li {
	float: left;
	margin: 0 0 0 35px;
}
#header ul li.selected {
	border-bottom: 18px solid #e0eecc;
}
#mid {
	width: 912px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
	background: url(img/mid.png) repeat-y;
	margin: 0 0 0 3px;
	padding: 0 14px;
	behavior: url(iepngfix.htc);
}
#footer {
	width: 912px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 3px;
	padding: 15px 0;
	background: url(img/bot.png) no-repeat;
	text-align: center;
	behavior: url(iepngfix.htc);
}
#breadcrumb {
	margin: 0 0 10px 0;
}
#banner {
	width: 882px;
	height: 319px;
	float: left;
	display: inline;
	overflow: hidden;
	border: 1px solid #576e4c;
	position: relative;
}
#banner .scrollable {
	position:relative;
    overflow:hidden; 
    width: 882px; 
    height:319px; 
}
#banner .scrollable .items {	
	width:10000em; 
	height: 319px;
	position: relative;
}
#banner .scrollable .item {
	width: 882px;
	float: left;
}
#banner.ezee_banner {
	height: auto;
}
#banner.segway_banner {
	height: 250px;
}
#banner.segway_banner .scrollable {
	height: 250px;
}
#banner.segway_banner .scrollable .items {
	height: 250px;
}
#banner.ezee_banner .scrollable {
    height:auto; 
}
#banner.ezee_banner .scrollable .items {	
	height: auto;
}
div.title {
	width: 862px;
	float: left;
	background: url(img/bg70.png);
	position: absolute;
	bottom: 0;
	color: white;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 10px 10px 8px 10px;
	behavior: url(iepngfix.htc);
}
div.title_top {
	width: 100%;
	float: left;
	background: url(img/bg70.png);
	position: absolute;
	top: 0;
	color: white;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 10px 10px 8px 10px;
	behavior: url(iepngfix.htc);
}
#banner .scrollable .items div h2 {
	font-weight: normal;
}
a.next {
	position: absolute;
	width: 25px;
	height: 25px;
	background: url(img/btns/arrows.png) no-repeat -30px 0;
	top: 40%;
	right: 10px;
	cursor: pointer;
	behavior: url(iepngfix.htc);
}
a.prev {
	position: absolute;
	width: 25px;
	height: 25px;
	background: url(img/btns/arrows.png) no-repeat;
	top: 40%;
	left: 10px;
	cursor: pointer;
	behavior: url(iepngfix.htc);
}
a.next.ezee, a.prev.ezee {
	top: 25%;
}
a.next:hover {
	background-position: -30px -30px;
}
a.prev:hover {
	background-position: 0 -30px;
}
div.title strong, div.title_top strong{
	font-size: 1.6em;
	font-weight: normal;
}
div.title em, div.title_top em {
	color: lightgrey;
}
#content {
	padding: 10px;
	font-size: 1.2em;
	margin: 5px 0 0 0;
}
.content_left {
	width: 400px;
	text-align: justify;
	padding: 0 30px 10px 0;
	border-right: 1px solid #d9d9d9;
	float: left;
	display: inline;
	overflow: hidden;
}
div.content_left {
	border: 0;
	padding: 0;
	border-right: 1px solid #d9d9d9;
	padding: 0 30px 0 10px;
}
div.content_right {

}
div.content_left.segway {
	padding: 0 30px 0 0 !important;
	border-right: 1px solid #d9d9d9 !important;
}
div.content_right.segway {
	border: 0 !important;	
	padding: 0 !important;
}
.content_right {
	width: 380px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 30px;
	text-align: justify;
}
.content_fullwidth {
	width: 850px;
	clear: both;
}
dl#partners {
	margin: 10px 0 0 0;
	list-style: none;
}
dl#partners dd {
	float: left;
	margin: 0 40px 10px 0;
}
dl#partners dt {
	width: 840px;
	font-size: 1.2em;
	color: gray;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #d9d9d9;
	padding: 0 30px 5px 0;
}
p.address {
	width: 180px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 20px 30px 0;
}
dl#emails {
	width: 400px;
	float: left;
}
dl#emails dt {
	font-weight: bold;
	margin: 0 0 10px 0 ;
}
dl#emails dd {
	margin: 0 0 10px 0;
}
form#contact {
	float: left;
}
form#contact input[type=text], form#contact textarea {
	font-size: 1.4em;
	border: 1px solid #b8d164;
	width: 390px;
	background: #d6efb0;
}
form#contact label {
	font-size: 1.4em;
	line-height: 1.4em;
}
input[type=submit] {
	font-size: 1.2em;
	background: #b8cf35 url(img/btns/submit-bg.jpg) repeat-x;
	padding: 6px 10px 5px 10px;
	border: 1px solid #a6b74c;
	cursor: pointer;
}
input[type=submit]:hover {
	background: #dbf65b;
}
#videos {
	width: 570px;
	height: 319px;
	background: url(img/videos-def.jpg) no-repeat;
	border: 1px solid black;
	margin: 0 0 20px 0;
}
.content_left.media {
	width: 230px;
	padding: 0 20px 0 0;
}
div#news {
	margin: 10px 0 0 0;
}
div#news a {
	padding: 0 5px 0 0;
	color: #50935c;
}
div#news a img {
	border: 3px solid #636363;
	margin-bottom: 5px;
}
div#news a img:hover {
	border: 3px solid #99ae50;
}
.content_right.media {
	width: 580px;
	padding-left: 0px;
}
div#photos {
	margin: 10px 0 0 0;
	border-collapse: collapse;
}
div#photos a {
	padding: 0 14px 14px 0;
	float: left;
}
div#photos a img {
	border: 1px solid #a2b86a;
}
div#photos a img:hover {
	border: 1px solid #74844a;
}
.content_left.corporate {
	width: 230px;
	line-height: 1.4em;
}
.content_right.corporate {
	width: 570px;
	line-height: 1.4em;
}
.content_right.corporate ul {
	list-style-type: none;
}
.products .content-left {
	width: 400px;
	text-align: justify;
	float: left; display: inline; overflow: hidden;
	margin: 0 60px 0 0;
}
dl.testimonials dt {
	font-weight: bold;
}
dl.testimonials dd {
	margin: 0 0 20px 0;
}
.products .content-right {
	width: 400px;
	text-align: justify;
	float: left; display: inline; overflow: ;
}
div#content.products {
	width: 865px;
	line-height: 1.4em;
	padding-bottom: 0;
}
.products h2 {
	margin: 0 0 1em 0;
}
.products ol {
	list-style-position: inside;
	padding: 10px;
	background: #bdd3b4;
	margin: 0 0 15px 0;
}
#banner.products {
	background: url(img/products-label.jpg) no-repeat bottom;
}
#banner.gem {
	background: url(img/products-gem.jpg) no-repeat bottom;
}
a.evg {
	display: block;
	width: 200px;
	height: 258px;
	background: url(img/evg-button.jpg) no-repeat;	
	margin: 20px 0 0 60px;
	float: left;
}
a.ag {
	display: block;
	width: 200px;
	height: 258px;
	background: url(img/ag-button.jpg) no-repeat;
	margin: 20px 0 0 100px;
	float: left;
}
a.evn {
	display: block;
	width: 220px;
	height: 258px;
	background: url(img/evn-button.jpg) no-repeat;
	margin: 20px 0 0 30px;
	float: left;
}
a.evg:hover {
	background-position: -260px 0;
}
a.ag:hover {
	background-position: -230px 0;
}
a.evn:hover {
	background-position: -253px 0;
}
a.evg.disable:hover, a.ag.disable:hover {
	background-position: 0 0;
}
a.evg.disable, a.ag.disable {
	cursor: default;
}
div.gmc_left {
	width: 450px;
	text-align: justify;
	padding: 0 10px 10px 0;
	border-right: 0 !important;
	float: left;
	display: inline;
	overflow: hidden;
}
div.gmc_right {
	width: 380px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 20px;
	text-align: justify;
}
.products .item {
	width: 882px;
	float: left;
}
#prod_evg {
	width: 782px;
	padding: 0 0 0 150px;
}

#prod_ag {
	width: 782px;
	padding: 0 0 0 100px;
}
ul.prod_list {
	list-style: none;
	font-size: 1.8em;
	line-height: 1.8em;
	margin: 90px 0 0 20px;
	float: left;
}
a.prod_link {
	display: block;
	width: 200px;
	height: 30px;
	color: #50935c;
	background: url(img/arr.jpg) no-repeat 0 50px;
	padding: 0 0 0 20px;
	overflow: hidden;
}
a.prod_link:hover {
	color: #33450f;
	background: url(img/arr.jpg) no-repeat 0 9px;
}
a.arrows2 {
	width: 25px;
	height: 26px;
	background: url(img/btns/arrows2.jpg) no-repeat;
	position: relative;
	cursor: pointer;
}
a.arrows2.right {
	background-position: -30px 0;
	margin-right:  270px;
	top: 125px;
}
a.arrows2.right:hover {
	background-position: -30px -33px;
}
a.arrows2.left {
	background-position: 0 0;
	left: 15px;
	top: 125px;
}
a.arrows2.left:hover {
	background-position: 0 -33px;
}

.gem_banner div.item {
	float: left;
	padding: 60px 0 0 120px;
}
.segway_banner div.item {
	float: left;
	padding: 0 0 0 230px;
}
.ezee_banner div.item {
	width: 882px;
	float: left;
	padding: 40px 0 0 0;
}
img.product_img {
	float: left;
	margin: 22px 10px;
}
table.gem {
	text-align: left;
	vertical-align: top;
	font-size: 1.2em;
	margin: 0 0 0 10px;
	float: left;
}
table.segway {
	text-align: left;	
	vertical-align: top;
	font-size: 1.2em;
	margin: 60px 0 0 10px;
	float: left;
}
table.gem td, table.segway td {
	padding: 0 30px 0 10px;
}
table.gem th.modelname, table.segway th.modelname {
	font-size: 1.2em;
	padding: 0 0 10px 0;
}
h2.bike_name {
	font-size: 2.4em;
	position: relative;
	top: 2%;
	left: 45%;
	margin: 0 0 10px 0;
}
table.ezee1 {
	width: 350px;
	font-size: 1.2em;
	float: left;
	border-collapse: collapse;
	margin: 0 0 0 50px;
}
table.ezee1 tr.alt, table.ezee2 tr.alt {
	background: #ececec;
}
table.ezee2 {
	width: 420px;
	font-size: 1.2em;
	float: left;
	border-collapse: collapse;
	margin: 0 0 0 15px;
}
table.ezee1 th {
	width: 100px;
}
table.ezee2 th {
	width: 120px;
}
table.ezee1,table.ezee2 {
	text-align: justify;
}
table.ezee1 td, table.ezee1 th, table.ezee2 td, table.ezee2 th {
	padding: 5px;
}
th {
	vertical-align: top;
}
img.ezee_img {
	float: left;
	margin: 10px 0 15px 190px;
}
ol.eneloop {
	background: none;
}
.content_left p, .content_right p {
	margin-top: 1em;
}
#news h2.header {
	width: 845px;
	1background: #bfd7ac url(img/newstitle.jpg) no-repeat;
	padding: 0px 10px;
	clear: both;
	color: #406813;
	border-bottom: 1px solid #a4c18c;
	margin: 15px 0 10px 0;
	float: left;
	display: inline;
	overflow: hidden;
	font-weight: normal;
}
.news h3 {
	font-size: 1.3em;
	line-height: 1em;
	margin: 0 0 2px 0;
	font-weight: bold;
	color: white;
	background: #222e22;
	padding: 10px 10px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);

}
.newsitem p {
	padding: 0 10px;
}
.news ul {
	list-style-position: inside;
	margin: 1em 0;
	padding: 0 10px;
}
.news li {
	margin: 0 0 1em 0;
}
em.newsdate {
	color: #373637;
	float: right;
	font-weight: bold;
}
.news {
	color: #2f2f2f;
}
dl.tour {
	margin: 0 0 0 10px;
}
dl.tour dt {
	clear: left;
	float: left;
	width: 115px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
dl.tour dd {
	width: 190px;
	float: left;
	margin: 0 0 5px 5px;
	line-height: 1.2em;
}