/* GENERAL STYLES */
html{ 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}
body{ height:100%; background:url(../media/page_bg.jpg) repeat-x #FFF;
  font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; color:#666; font-size:13px; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal; }
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}
ul.show li{list-style:disc; }
caption, th{text-align:left}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit}
input, textarea, select{*font-size:100%}
legend{color:#000}
hr{ border:none; height:1px; }

/* Basic page layout */

body.page-home-bg{ background:url(../media/page_bg_full.jpg) repeat-x #FFF; }

#pagewrap{ position:relative; width:960px; margin:0px auto; }
#header{ position:relative; height:108px; background:url(../media/header_topbar.jpg) no-repeat left top }

#main{ height:auto; overflow:hidden; }

#footer{ clear:both; overflow:hidden; height:auto; _height:150px; padding-bottom:15px;
  margin-top:4em; .margin-top:80px; border-bottom:3px solid #0096C4; }
/* /END Basic page layout */

/* HEADER AREA */
#logo{float:left; width:158px; height:61px; margin:31px 0px 0px; background:url(../media/header_logo.jpg) no-repeat; text-indent:-9999px}
#login{float:right; width:90px; height:37px}
#login a{background:url(../media/header_loginbutton.gif) no-repeat top; text-indent:-9999px}
#login a:hover{background-position:bottom left}

ul#mainnav{position:absolute; bottom:0px; right:10px; padding-bottom:6px}
ul#mainnav li{display:block; float:left; height:56px; margin:0px 1px; text-indent:-9999px}
ul#mainnav li.home a{width:46px; background:url(../media/mainnav_home.gif) no-repeat 0px 0px}
ul#mainnav li.what-is-ecargo a{width:78px; background:url(../media/mainnav_what-is-ecargo.gif) no-repeat 0px 0px}
ul#mainnav li.about-us a{width:77px; background:url(../media/mainnav_about-us.gif) no-repeat 0px 0px}
ul#mainnav li.our-customers a{width:128px; background:url(../media/mainnav_our-customers.gif) no-repeat 0px 0px}
ul#mainnav li.news a{width:45px; background:url(../media/mainnav_news.gif) no-repeat 0px 0px}
ul#mainnav li.contact a{width:68px; background:url(../media/mainnav_contact.gif) no-repeat 0px 0px}

ul#mainnav li a{display:block; height:22px; margin-top:15px}
ul#mainnav li a:hover, ul#mainnav li a:active{background-position:bottom}

ul#mainnav li.spacer{width:23px; background:url(../media/header_navspacer.gif) no-repeat; background-position:top}
/* END/ HEADER AREA */

/* MAIN AREA */
#mainleft{ float:left; width:520px; }
#mainleft p{line-height:1.4em}
#mainleft h1{ font-size:24px; color:#0096C4; font-weight:lighter; margin:10px 0 20px ; }

#mainright{ float:right; padding:20px 10px 28px 10px; /*font-size:0.9em;*/ color:#333; width:300px;  
  background:url(../media/5269/side-nav.gif) no-repeat 0 0}; line-height:1.4em;
  min-height:500px; height:auto !important; height:500px; }

/* END/ MAIN AREA */

/* FOOTER AREA */
#footer h4{margin-bottom:0.4em; color:#2a8cb4; font-size:1.2em; text-transform:uppercase;
  font-weight:bold; text-decoration:none}

#footerleft{ position:relative; float:left; width:630px; height:147px; padding:0 0 20px 10px;
    background:url(../media/footerleft_bg.gif) top right no-repeat}
#footerleft div.footerlist{float:left; margin:4px 2em 2em 0px}
#footerleft a{text-decoration:none}
#footerleft a:hover{text-decoration:underline}
#footerleft li a{display:block; margin:0px; padding:0px; padding-left:14px; color:#000; background:url(../media/list-blue_doublearrow.gif) 0px 5px no-repeat; line-height:1.4em}

#footerright{ float:left; clear:none; width:300px; height:99px; padding:4px 0px 0px 20px;
  background:url(../media/footerright_bg.gif) no-repeat top left}
#footerbottom{clear:both; position:absolute; bottom:0px; left:0px; _margin-bottom:20px;
  margin-left:10px; }
/* END/ FOOTER AREA */

.subscribe .tb{ width:200px; padding:7px 3px; font-size:12px; border:1px solid #A5A5A5; margin:0 0 0 -6px; float:left;  }
.subscribe-submit{ float:right; }
.subscribe .form{ margin:20px 0 0 0; }
.subscribe img{ float:right; margin:14px 0 0 3px; }

/* CONTENT STYLES */
.clear{clear:both}
.clear-l{clear:left}
.clear-r{clear:right}
.floatleft, .l{float:left}
img.floatleft{margin-right:5px}
.floatright, .r{float:right}
img.floatright{margin-left:5px}
.width50{width:50%}
.width47{width:47%}
em{font-style:italic}
strong{font-weight:bold}

a{color:#0096c4; outline:none; text-decoration:none}
a:hover{text-decoration:underline}
a.expand{display:block; width:100%; height:100%}

h2{margin:1em 0; font-size:1.5em; color:#424242}
h3{margin:1em 0px; font-size:1.4em; color:#666}
h4{margin:1em 0px 0.8em; font-size:1.3em; color:#666}
h5{margin:1em 0px 0.8em; font-size:1.1em; color:#666}
h2 a, h3 a, h4 a, h5 a{ font-weight:lighter; }


p{margin-bottom:1em}
p.intro{width:530px; margin:1em 0px 2em}
p.larger{font-size:1.2em}

hr{margin-bottom:1em; border:0; border-bottom:#dedede 1px solid}


ul.bullet{}
ul.bullet li{padding-left:15px; margin:0.3em 0px; background:url(../media/bullet-circle.gif) no-repeat 0px 3px}
ul.tick li{padding-left:25px; margin:0.3em 0px; background:url(../media/5400/list-blue_ticks.gif) no-repeat 0px 3px}

.tB{width:200px;}
.mtB{width:500px;}
.pct30{ width:288px; float:left; }
.pct40{ width:384px; float:left; }

/* Home Page */
#intro{ font-family: museo-sans, sans-serif; font-weight:300; height:240px;
  background:#C7E7F5 url(../media/5142/header2.jpg) no-repeat 0 0; }
#intro h1{ font-family: museo-sans, sans-serif; font-size:42px; color:#0096c4; width:420px; line-height:38px;
  letter-spacing:-2px; padding:35px 0 0; font-style: italic; }
#intro h2{ font-size:20px; color:#666; width:420px; line-height:22px;
  letter-spacing:-1px; font-style: italic; }

.feature-td, .header-img{ cursor:pointer; }

#homepage-features{ width:960px; border-collapse: collapse; border-style: hidden; margin:10px 0; }
#homepage-features td{ padding:10px 15px; width:320px; border: 1px solid #EDEDED; vertical-align:top; }
#homepage-features h2{ font-size:20px; color:#0096C4; font-weight:100; margin:0 0 10px 0; }
#homepage-features p{ font-size:14px; color:#999; }
#homepage-features td.feature-td-l{ padding-left:0; border-left:0;}
#homepage-features td.feature-td-r{ padding-right:0; border-right:0;}
#homepage-features td.feature-td-t{ border-top:0; }
#homepage-features td.feature-td-b{ border-bottom:0;}

#intro-demo{ background:#fff url('../media/demo-bg.jpg') no-repeat 0 0; }
#demo{ margin:40px 40px 15px; }
#contact { margin:45px 40px 15px; }
#contact img, #demo img{ display:block; }

.intro-foot{ border-top:1px solid #E0E0E0; float:left; width:100%; }
.intro-foot h3{ font-size:1.3em; }

.home-page-news{}
.home-page-news li{ margin-right:30px;}
.home-page-news .blog-item strong{ color:#000; }
.home-page-news .blog-item li p{ margin:5px 0; }

/* Features */
.featurelist li{ margin:0 -10px; padding:0.6em 20px; cursor:pointer; background-color:transparent; }
.featurelist li.selected{ background-color:transparent; }
.featurelist li.feature-hover{ background-color:#DDD; }
.featurelist li p{ margin:0.5em 0 1em; }
a.thickbox{ text-align:center; text-decoration:none; }

.feature-content{ min-height:550px; }

.clientlist li{ padding:0.6em 10px; font-size:12px; }
.clientlist img{ float:left; }
.clientlist .title{ font-weight:bold; }
.clientlist li div.right{ width:150px; margin-left:148px; color:#666; }

#mainright ul.newslist{ margin:0 0 2em 0; padding:0; }
#mainright ul.newslist li{ margin:0; clear:both; padding:0; }
#mainright #latestnews, #mainright #quotes{ width:340px; margin:0 10px; font-size:0.95em; }

ul.ticklist{margin-bottom:0.8em}
ul.ticklist li{padding-left:20px; margin:0.2em 0px; background:url(../media/list-blue_ticks.gif) no-repeat 0px 4px}

p.closingtext{font-size:1.1em}

div.story{margin:0.5em 0px}

#mainleft div.quote{ width:480px; margin:2em 10px 0em }
#mainleft div.quote p{ background:url(../media/quotebig-yellow_top.gif) no-repeat top;
  margin:0; padding:1em 1.2em 0em 1em; _padding-right:2em}
#mainleft div.quote div.bottom{background:url(../media/quotebig-yellow_bottom.gif) top no-repeat}
#mainleft div.quote div.bottom div{width:305px}

/* Quotations */
.quote div.bottom{min-height:55px; _height:55px; padding:2em 66px 2em 0em; color:#626262; font-size:0.8em; text-align:right; line-height:1.2em}
.quote div.bottom img{margin-left:5px}
/* Home Page Quotation */
.home-quote {margin:0px; width:340px; margin:0 auto; }
.home-quote p{ background:url(../media/quote-yellow_top.gif) no-repeat top; margin:0; padding:1em 1.8em 0em 1em; text-align:center; }
.home-quote .bottom{background:url(../media/quote-yellow_bottom.gif) top no-repeat}
.home-quote .bottom div{width:165px}
#home-quote-more{ padding-top:15px; border-top:1px solid #e9e9e9; margin:0 20px; text-align:center; }

/* Case Study */
.case-study p.first{font-weight:bold}
.case-study img{float:right; margin:0 0 5px 10px}

.ataglance { font-size:0.8em; border:1px #d8d8d8 solid; padding:10px;
  border-left:1px solid #fff; border-right:1px solid #fff; margin:3.5em 0 2.5em 0; }
.ataglance legend{ border:1px solid #CBCBCB; margin-left:2em; padding:6px;
  background:#FFF; font-size:14px; }
.ataglance strong{font-size:1.1em}
.ataglance div.l-30{width:33%;}
.ataglance div.l-30m{width:32%; margin-right:1%; }


#report{border-collapse:seperate; margin:5px}
#report thead{font-weight:bold; background-color:#F0F0F0}
#report td{padding:4px; border:1px solid #999; vertical-align:top}
#report td.service{width:180px}
#report td.users{width:60px; text-align:center}

/* News Post */
.post{margin:1em 0}
.post h3{margin:0 0 0.6em 0}
.post li{padding-left:15px; margin:0.3em 0px; background:url(../media/bullet-circle.gif) no-repeat 0px 3px}
.post small{margin:5px 0 15px; display:block}
.post .entry{margin:0.4em 0}
.post #comments{margin:2em 0 0.4em 0}

.blog-categories h4{padding:0.6em 0}
.blog-categories li{line-height:1.2em}

#umbracoAutoForm{margin:1em 0 0 0}
#umbracoAutoForm label{float:left; width:100px}
#umbracoAutoForm .umbEditorTextField{width:300px}
#umbracoAutoForm .umbracoAutoFormRowDescription{}
#umbracoAutoForm .umbEditorTextFieldMultiple{width:300px}
#umbracoAutoForm .umbracoAutoFormButton{float:right; margin-right:105px}
#umbracoAutoForm .umbracoAutoFormValidationSummary{margin-bottom:1em}
#umbracoAutoForm .umbracoAutoFormValidationSummary li{margin:-14px 0 0 0}
#umbracoAutoForm .umbracoAutoFormAlert{}

.feed{position:relative; top:0; right:0; margin-left:3px; padding:0 0 0 19px; background:url("/media/feed-icon-14x14.gif") no-repeat 0 50%}
.imgfeed{position:relative; top:0; right:0}

.commentlist{margin-bottom:2em}

.compare{ border:1px solid #E5E5E5; width:600px; }
.compare th, .compare td{ vertical-align:top; padding:10px; }
.compare th{ background-color:#F6F6F6; text-align:center; color:#0096c4; font-size:1.3em; }
.compare td{ border-bottom:1px solid #E5E5E5; vertical-align:top; }
th.compare-c{ background:#F6F6F6 url(../media/6139/comparison-arrow_05.gif) repeat-y center top; padding:0; width:21px; }
th.compare-l{ padding-right:0;}
th.compare-r{ padding-left:0;}

td.compare-c{ background:#FFF url(../media/6144/comparison-arrow_03.gif) repeat-y center top; vertical-align:middle; }
td.compare-c img{ width:21px; }
td.compare-l{ padding-right:0px; width:50%;}
td.compare-r{ padding-left:0px; color:#000; width:50%;}
/* END/ CONTENT STYLES */

.login-main{width:450px; margin:0 auto;}
.login-main .login-header{background-image:url(/media/login_header.gif); height:30px}
.login-main .login-content{background:transparent url(/media/login_bg.gif) repeat-y 0 0; padding:0 18px}
.login-main .login-content label{display:block; height:20px}
.login-main .login-content .tB{width:400px; margin-top:0.3em; margin-bottom:1em; border:1px solid #ccc; background:#fff; font-size:110%; padding:0.4em; font-family:arial}
.login-btn{float:right; margin:6px 10px 0 0; }
.login-main .login-content .forgot{float:left; padding-top:6px}
.login-main .login-content .msg{color:red; margin-bottom:10px}
.login-main .login-footer{ background-image:url(/media/login_footer.gif); background-color:white; height:30px}

.login-logo{background-color:#1A56A4; width:413px; height:40px; padding:11px 0 5px 20px; margin:0 -10px 20px -10px;}
.login-right{padding-top:20px}

.register{}
.register .form-item{height:24px}
.register .form-item label{display:inline; float:left; width:120px}
.register .form-item-long{}
.register .form-item-long label{display:block; clear:both; height:24px; padding:10px 0 0 0}
.register .form-item-long td label{padding:0 10px 2px; 0; float:left}

.dnld-cubeiq{ margin:20px auto; }
.free{ width:500px; }

/* Features */
#page-home .features #mainleft{ width:620px; padding:20px 0; }

.pagenav{ }
.pagenav a{display:block; height:17px; padding:3px 6px; border:#d8d8d8 1px solid;
  background:url(../media/page-nav_link-bg.jpg) repeat-x center; text-decoration:none;
  font-weight:bold; }
.pagenav a:hover{border-color:#BFBFBF}
.pagenav a img{vertical-align:middle}
.pagenav a.floatleft img{margin-right:4px}
.pagenav a.floatright img{margin-left:4px; margin-top:2px}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */