@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html {overflow-y: scroll;}

body, input, textarea { font-family: verdana, arial, helvetica, sans-serif; }

body { text-align: center; font-size: 87.5%; /* 14px */ }

a { color: #000; outline: none; }
a:hover { color: #333; }

strong { font-weight: bold; }

#wrapper { text-align: left; width: 825px; margin: 0 auto; position: relative; padding: 25px 0 30px; }

h1 a { width: 117px; height: 67px; display: block; background: url(../wp-content/themes/lysanda-2/img/lysanda-logo.gif) 0 0 no-repeat; text-indent: -999em; margin: 0 0 25px; }

h4 { border-top: 4px solid #000; padding-top: 12px; margin: 14px 0 12px; font-size: 1.07em; line-height: 1.133; clear: both; }


#nav { border-bottom: 1px solid #000; margin-bottom: 10px; }
#nav ul { overflow: auto; padding-bottom: 7px; }
#nav li { float: left; margin: 0 9px 0 0; }
#nav li#n-sample { margin: 0; }

#nav li a { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; height: 12px; }
#nav li a:hover { background-position: 0 -12px; }
#nav li.active a { background-position: 0 -24px; }
li#n-home a { background-image: url(../images/nav-home.gif); width: 31px; }
li#n-fuel a { background-image: url(../images/nav-fuel-saving.gif); width: 56px; }
li#n-carbonred a { background-image: url(../images/nav-carbon-reduction.gif); width: 91px; }
li#n-carbonrep a { background-image: url(../images/nav-carbon-reporting.gif); width: 89px; }
li#n-driver a { background-image: url(../images/nav-driver-behaviour.gif); width: 84px; }
li#n-fleet a { background-image: url(../images/nav-fleet-optimisation.gif); width: 92px; }
li#n-system a { background-image: url(../images/nav-system-overview.gif); width: 85px; }
li#n-products a { background-image: url(../images/nav-eco-log-products.gif); width: 88px; }
li#n-how a { background-image: url(../images/nav-how-it-works.gif); width: 65px; }
li#n-sample a { background-image: url(../images/nav-sample-data.gif); width: 63px; }

#toplinks { position: absolute; top: 19px; right: 0; }
#toplinks ul { overflow: auto; padding-bottom: 7px; float: right; clear: both; }
#toplinks li { float: left; margin: 0 0 0 10px; }

#toplinks li a { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; height: 12px; }
#toplinks li a:hover { background-position: 0 -12px; }
#toplinks li.active a { background-position: 0 -24px; }
li#t-team a { background-image: url(../images/nav-the-team.gif); width: 47px; }
li#t-jobs a { background-image: url(../images/nav-jobs.gif); width: 24px; }
li#t-news a { background-image: url(../images/nav-news.gif); width: 27px; }
li#t-contact a { background-image: url(../images/nav-contact-us.gif); width: 55px; }
li#t-partners a { background-image: url(../images/nav-partners.gif); width: 42px; }
li#t-email a { background-image: url(../images/nav-email.gif); width: 27px; }
li#t-login a { background-image: url(../images/but-customer-login.gif); width: 80px; }

#toplinks2 { position: absolute; top: 10px; right: 0; width:30px;  }
#toplinks2 ul { overflow: none; padding-bottom: 7px; float: right; clear: both; }
#toplinks2 li { float: left; margin: 0; }
#toplinks2 li a { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; height: 30px; }
#toplinks2 li a:hover { background-position: 0 -30px; }
#toplinks2 li.active a { background-position: 0 -30px; }
li#t-blog a { background-image: url(../images/blog.png); width: 30px; }

#toplinks .customerlogin { float: right; }

#flash-panel, #image-panel { width: 825px; height: 204px; }
#home-flash-panel { width:460px; height:114px; float:right; }

#four-col-content { overflow: auto; padding-top: 12px; }
#four-col-content .col1 { width: 140px; float: left; }
#four-col-content .col2 { width: 212px; float: left; padding-right: 12px;}
#four-col-content .col3 { width: 295px; float: left; padding-right: 45px; }
#four-col-content .col4 { width: 121px; float: left; }

#content h2 { font-size: 1.714em; line-height: 1.125; margin-bottom: 0.6em; text-transform: capitalize; }
#content h2.smaller { font-size: 1.3em; } 
#content sup { font-size: 50%; }
#content h3 { font-size: 1.07em; line-height: 1.133; margin: 0 0 1em; }
#content p, address { font-size: 0.714em; line-height: 1.4; margin: 0 0 1em; }
#content blockquote { font-size: 1em; line-height: 1.23; color: #ff9900; }
#content blockquote span.value { display: block; line-height: 1; font-size: 2.1em; padding-bottom: 1px;  }
#content blockquote p { font-size: 1em; line-height: 1.23; color: #ff9900; padding-right: 10px; }
#content blockquote h4 { font-size: 1.07em; line-height: 1.23; color: #ff9900; font-weight: bold; padding: 0; border: 0; margin: 0 0 10px; }

.col3 ul { font-size: 0.714em; line-height: 1.4; margin: 0 0 1em;  }
.col3 ul li { list-style: disc; list-style-position: inside; }
.col3 img.alignright { float: right; padding: 4px 0 5px 10px; }

#four-boxes { background: url(../images/four-box-top-border.gif) 0 0 no-repeat; margin-top: 10px; padding-top: 13px; width: 100%; overflow: auto; padding-bottom: 10px; }

#four-boxes div { width: 179px; min-height: 81px; float: left; padding: 7px 5px 7px 9px; }
.box-green { background-color: #99cc00; margin-right: 18px; }
.box-black { background-color: #000000; margin-right: 17px; }
.box-orange { background-color: #ff9900; margin-right: 18px; }
.box-download { background: url(../images/download-bg.jpg) 0 0 no-repeat; }
#content #four-boxes h3 { height: 38px; margin-bottom: 0; }
#content #four-boxes p { margin: 0; }
#four-boxes a { text-decoration: none; }
.box-black a, .box-download a { color: #fff; }
.box-black a:hover, .box-download a:hover { color: #ccc; }

#copyright p { font-size: 0.714em; line-height: 1.3; margin: 0 0 0.714em; }

#flowchart { overflow: hidden; width: 100%; height: 204px; margin: 0 0 12px; padding: 0; }
#content #flowchart p { margin: 0; padding: 0; }

#flowchart .orange-col { width: 162px; float: left; height: 190px; background-color: #ff9900; margin-right: 4px; padding: 7px; }
#flowchart .arrow-col { width: 103px; float: left; height: 204px; background-color: #99cc00; }
#flowchart .green-col { width: 163px; float: left; height: 190px; background-color: #99cc00; margin-left: 4px; padding: 7px; }
#flowchart .orange-col p { font-size: 1.3em; line-height: 1.133; }
#flowchart .green-col p { font-size: 1.3em; line-height: 1.133; }

.fuel-saving-page-data { overflow: hidden; width: 100%; }
.fuel-saving-page-data .col1 { width: 119px; float: left; }
.fuel-saving-page-data .col2 { width: 197px; margin-left: 22px; float: left; margin-right: 27px;}
.fuel-saving-page-data .col3 { width: 323px; float: left; }

#content .fuel-saving-page-data .col2 h3 { font-size: 0.714em; font-weight: normal; line-height: 1.4; }

#sidebar { position: absolute; top: 523px; left: 0; border-top: 4px solid #000; padding-top: 16px; width: 120px; padding-bottom: 30px; }
#sidebar div { width: 120px; height: 36px; margin: 0 0 5px;  }
#sidebar a { text-decoration: none; display: block; padding: 4px 5px; width: 110px; height: 28px; font-size: 0.714em; line-height: 1.4; }
#sidebar .box-download { background-image: url(../images/download-small-bg.jpg); }
#sidebar p { font-size: 0.714em; line-height: 1.3; margin: 0.714em 0 0; }

#value { position: absolute; top: 523px; right: 0; width: 120px; border-top: 4px solid #000; padding-top: 16px; }

.carbon-reduction-page-data { background: url(../images/carbon-red-bg.jpg) 0 0 no-repeat; width: 100%; overflow: auto; }
.carbon-reduction-page-data .col1 { width: 226px; float: left; margin-right: 40px; }
.carbon-reduction-page-data .col2 { width: 383px; float: left; }

#content .carbon-reduction-page-data .col1 h2 { width: 150px; padding: 7px 8px; margin: 0; }
#content .carbon-reduction-page-data .col1 h3 { width: 210px; padding: 7px 8px; margin-bottom: 65px; }

#image-panel { margin-bottom: 12px; }

.overview-page-data { overflow: hidden; width: 100%; }
.overview-page-data .col1 { width: 119px; float: left; margin-right: 23px; }
.overview-page-data .col2 { width: 197px; float: left; margin-right: 27px; }
.overview-page-data .col3 { width: 323px; float: left; }

.overview-page-data .col2 h3 { height: 145px; }

.overview-page-data .col3 li { background-color: #000; padding: 3px 2px 3px 4px; color: #fff; line-height: 1.3; font-weight: bold; margin-bottom: 2px; list-style: none; list-style-position: outside; }
.overview-page-data .col3 li.alt { background-color: #a0c000; }

.view-telemetrics { border-top: 4px solid #000; padding-top: 16px; }

table { width: 322px; color: #fff;  }
th { background-color: #4b4b4b; font-size: 0.714em; line-height: 1.3; font-weight: bold; padding: 5px 2px 5px 4px; vertical-align: top; }
th.after { background-color: #6f9500; }
td { background-color: #000000; font-size: 0.714em; line-height: 1.3; font-weight: bold; padding: 3px 2px 3px 4px; vertical-align: top; border-top: 2px solid #4b4b4b; }
td.after { background-color: #a0c000; border-top: 2px solid #6f9500; }

.product-page-data { overflow: hidden; width: 100%; }
.product-page-data .col1 { width: 119px; float: left; margin-right: 23px; }
.product-page-data .col2 { width: 197px; float: left; margin-right: 27px; }
.product-page-data .col3 { width: 213px; float: left; margin-right: 33px; }
.product-page-data .col4 { width: 213px; float: left; }

.product-page-data img { margin-bottom: 2px; }
.product-info { min-height: 156px; }

ul.product-meta { border-top: 4px solid #000; padding-top: 12px; margin: 0 0 12px; font-size: 0.714em; line-height: 1.3; }
ul.product-meta li { list-style: none; list-style-position: outside; }
ul.product-meta a { color: #ff9900; text-decoration: none; font-weight: bold; }
ul.product-meta a:hover {  color: #000; }

.how-it-works-page-data { overflow: hidden; width: 100%; }
.how-it-works-page-data .col1 { width: 119px; float: left; margin-right: 23px; }
.how-it-works-page-data .col2 { width: 197px; float: left; margin-right: 27px; }
.how-it-works-page-data .col3 { width: 323px; float: left; }

.sample-data-page-data { overflow: hidden; width: 100%; }
.sample-data-page-data .col1 { width: 119px; float: left; margin-right: 23px; }
.sample-data-page-data .col2 { width: 197px; float: left; margin-right: 27px; }
.sample-data-page-data .col3 { width: 323px; float: left; }
.sample-data-page-data .col3 h4 { margin-bottom: 0;}

.sample-data-intro { min-height: 146px; }

dl { overflow: auto; width: 323px; }
dt { float: left; width: 44px; background-color: #000; padding: 3px 2px 3px 4px; color: #fff; font-size: 0.714em; line-height: 1.3; font-weight: bold; }
dd { float: left; width: 267px; background-color: #a0c000; padding: 3px 2px 3px 4px; color: #fff; font-size: 0.714em; line-height: 1.3; font-weight: bold; margin-bottom: 2px; }

.item-page { overflow: hidden; width: 100%; margin: 39px 0 0; }
.item-page .col1 { width: 119px; float: left; margin-right: 23px; }
.item-page .col2 { width: 185px; float: left; margin-right: 39px; }
.item-page .col3 { width: 459px; float: left; border-top: 4px solid #000; padding-top: 8px; }

.item-page .col2 ul.item li { border-top: 4px solid #000; padding-top: 8px; }
#content .item-page .col2 ul.item li h3 a { text-decoration: none; }
#content .item-page .col2 ul.item li p { margin: 0 0 0; }

a.download-specs { width: 137px; height: 16px; display: block; text-indent: -999em; background: url(../images/download-specs.gif) 0 0 no-repeat; margin: 7px 0 15px; }
a.download-specs:hover { background-position: 0 -16px; }

a.view-website { width: 85px; height: 16px; display: block; text-indent: -999em; background: url(../images/view-website.gif) 0 0 no-repeat; margin: 7px 0 15px; }
a.view-website:hover { background-position: 0 -16px; }

a.read-on { width: 59px; height: 16px; display: block; text-indent: -999em; background: url(../images/read-on.gif) 0 0 no-repeat; margin: 7px 0 15px; }
a.read-on:hover { background-position: 0 -16px; }
.benefits-page a.read-on { background-image: url(../images/read-on-green.gif); }
.fleet-page a.read-on { background-image: url(../images/read-on-grey.gif); }

a.visit-website { width: 82px; height: 16px; display: block; text-indent: -999em; background: url(../images/visit-website.gif) 0 0 no-repeat; margin: 7px 0 15px; }
a.visit-website:hover { background-position: 0 -16px; }

a.see-profile { width: 71px; height: 16px; display: block; text-indent: -999em; background: url(../images/see-profile.gif) 0 0 no-repeat; margin: 9px 0 15px; }
a.see-profile:hover { background-position: 0 -16px; }

a.download-this-article { width: 125px; height: 16px; display: block; text-indent: -999em; background: url(../images/download-this-article.gif) 0 0 no-repeat; margin: 7px 0 15px; }
a.download-this-article:hover { background-position: 0 -16px; }

a.find-out-more { width: 87px; height: 16px; display: block; text-indent: -999em; background: url(../images/find-out-more.gif) 0 0 no-repeat; margin: 15px 0 15px; }
a.find-out-more:hover { background-position: 0 -16px; }

.item-page .col2 ul.team li span { font-size: 70%; display: block; }
.item-page .col2 ul li a { text-decoration: none; }

#content .team-profile h3 { line-height: 1.3; }
#content .team-profile img { margin-top: 12px; }

span.profile-meta { display: block; font-size: 70%; }
h3 span.profile-meta { margin-bottom: 2px; }
#content .item-page .col2 ul.item li h3 { margin-bottom: 0.5em; }

#subnav li { font-size: 0.714em; line-height: 1.3; }
#subnav a { color: #ff9900; text-decoration: none; }
#subnav a:hover {  color: #000; }

.contact-page { overflow: hidden; width: 100%; margin: 39px 0 0; }
.contact-page .col1 { width: 119px; float: left; margin-right: 23px; }
.contact-page .col2 { width: 185px; float: left; margin-right: 39px; border-top: 4px solid #000; padding-top: 8px; }
.contact-page .col3 { width: 459px; float: left; border-top: 4px solid #000; }

#content p.highlight { font-size: 1.07em; line-height: 1.2; }
#content p.highlight a { text-decoration: none; }

.box-page { overflow: hidden; width: 100%; }
.box-page .col1 { width: 119px; float: left; margin-right: 1px;}
.box-page .col2 { width: 705px; float: left; }

ul.boxlist li { float: left; width: 194px; height: 121px; margin: 0 0 21px 23px; background-color: #99cc00; position: relative; padding: 7px 9px; display: inline; }
ul.boxlist li a.read-on { position: absolute; bottom: 9px; right: 9px; margin: 0; }
#content ul.boxlist p { font-size: 1.07em; line-height: 1.133; }
ul.boxlist li.item1 { background-color: #b1e600;}
ul.boxlist li.item2 { background-color: #b6dc00;}
ul.boxlist li.item3 { background-color: #9bc900;}
ul.boxlist li.item4 { background-color: #b5db00;}
ul.boxlist li.item5 { background-color: #53af00; }
ul.boxlist li.item6 { background-color: #b3db00;}
ul.boxlist li.item7 { background-color: #86c900;}
ul.boxlist li.item8 { background-color: #a3cc00;}
ul.boxlist li.item9 { background-color: #b3db00;}

.fleet-page ul.boxlist p { color: #fff; }

ul.boxlist li.fleet1 { background-color: #919191;}
ul.boxlist li.fleet2 { background-color: #595959;}
ul.boxlist li.fleet3 { background-color: #353535;}
ul.boxlist li.fleet4 { background-color: #353535;}
ul.boxlist li.fleet5 { background-color: #353535;}
ul.boxlist li.fleet6 { background-color: #919191;}
ul.boxlist li.fleet7 { background-color: #595959;}
ul.boxlist li.fleet8 { background-color: #919191;}
ul.boxlist li.fleet9 { background-color: #595959;}

.partners-page-data { overflow: hidden; width: 100%; }
.partners-page-data .col1 { width: 119px; float: left; }
.partners-page-data .col2 { width: 217px; margin-left: 22px; float: left; }
#content .partners-page-data .col2 p { font-size: 1.07em; line-height: 1.133; margin: 0 0 1em; }


#partners-boxes { overflow: hidden; width: 100%; margin-bottom: 10px; }
#partners-boxes .box1 { width: 267px; height: 204px; float: left; background-color: #ff9900; }
#partners-boxes .box2 { width: 283px; height: 204px; float: left; background-color: #afa500; margin-left: 10px; }
#partners-boxes .box3 { width: 254px; height: 204px; float: left; background-color: #afc900; margin-left: 11px; position: relative; }

#partners-boxes h4 { margin: 12px 3px 7px 9px; padding: 0; border: 0; font-size: 15px; font-weight: bold; }
#partners-boxes p { margin: 0 2px 7px 9px; padding: 0; border: 0; font-size: 15px; line-height: 18px; }

a.view-products { width: 91px; height: 16px; display: block; text-indent: -999em; background: url(../images/view-products.gif) 0 0 no-repeat; position: absolute; left: 9px; bottom: 8px; }
a.view-products:hover { background-position: 0 -16px; }

}  /* close @media rule */

/*Addons*/
#flash-panel-home{
	background: url("../images/home.png") no-repeat center center;
	height: 204px;
}
.nolink a{
	text-decoration:none;
}
.nolink{
}
.gallerycontent{
	padding:0 10px;
}
.news-module{
	width:825px;
	/*line-height:2em;*/
	background:#9c0; /*9c0*/
}
a.read-on{
	line-height:16px;
	height:16px;
}
.news-module a.read-on{
	margin:0 0 15px;
}
.cl{
	clear:both;
}
.news-module .read-on{
	float:right;
}
.right{
	float:right;
}
.news-module{
	float:right;
	background:none;
	width:650px;
	margin-top:20px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	
	padding-top:8px;
	padding-bottom:8px;
}
.news-module .news-text{
	float:right;
	width:65%; /*410px*/
	/*padding-top:8px;*/
	padding-right:10px;
}
.standard-font-size{
	/*line-height:1em;
	font-size:1em;*/
}