/* GENERAL STYLES */
/* Reset Min */
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}
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}
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{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}

/* Basic page layout */
body{height:100%; background:url(../media/page_bg.jpg) repeat-x #FFF; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:66.7%; color:#666}

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

#main{height:auto; overflow:hidden; padding-top:45px; font-size:1.2em}

.tB{width:200px;}
.mtB{width:500px;}

#footer{clear:both; overflow:hidden; height:auto; _height:150px; padding-bottom:15px; margin-top:4em; .margin-top:80px; background:url(../media/footer_bottombg.gif) bottom no-repeat;}
/* /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:133px; 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}

#mainright{ float:right; width:360px: min-height:725px; padding:10px 10px 28px 10px; font-size:0.9em; color:#333; line-height:1.4em; }

#page-home #mainright{background:url(../media/mainright_bg.gif) no-repeat top left}
#page-what #mainright{background:url(../media/rhs_shadow.gif) no-repeat top left}

#mainright .signup{margin:10px 0 0 -22px}

#mainright h3{margin:1.7em 0px 0.7em -1px; font-size:1.4em; text-transform:uppercase; font-weight:bold}
#mainright h3.latestnews{ width:97px; height:16px; text-indent:-9999px; background:url(/media/latestnews_header.gif) no-repeat; }
#mainright h3.categories{width:90px; height:16px; text-indent:-9999px; background:url(/media/categories_header.gif) no-repeat}
#mainright h3.newsarchive{width:108px; height:16px; text-indent:-9999px; background:url(/media/newsarchive_header.gif) no-repeat}
#mainright h3.casestudies{width:195px; height:16px; text-indent:-9999px; background:url(/media/14147/what-our-customers-say_03.gif) no-repeat}
#mainright h4{font-weight:bold; margin-bottom:0.2em}
#mainright div.time{margin-bottom:0.2em; color:#666}
/* 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:590px; 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:right; clear:none; width:296px; height:99px; padding:4px 0px 0px 24px; background:url(../media/footerright_bg.gif) no-repeat top left}
#footerright a{float:left; margin:10px 4px 2px 0; width:70px; height:70px; text-indent:-9999px; background-repeat:no-repeat}
#footerright a.microsoft{background-image:url(../media/logo_microsoft.net.gif)}
#footerright a.microsoft:hover{background-image:url(../media/logo_microsoft.net_over.gif)}
#footerright a.codegear{background-image:url(../media/logo_codegear.gif)}
#footerright a.codegear:hover{background-image:url(../media/logo_codegear_over.gif)}
#footerright a.embarcadero{background-image:url(../media/logo_embarcadero.gif)}
#footerright a.embarcadero:hover{background-image:url(../media/logo_embarcadero_over.gif)}
#footerright a.cubeiq{background-image:url(../media/logo_cubeiq.gif)}
#footerright a.cubeiq:hover{background-image:url(../media/logo_cubeiq_over.gif)}
#footerright a.thawte{background-image:url(../media/logo_thawte.gif)}
#footerright a.thawte:hover{background-image:url(../media/logo_thawte_over.gif)}

#footerbottom{clear:both; position:absolute; bottom:0px; left:0px; _margin-bottom:20px;}
/* END/ FOOTER AREA */

/* CONTENT STYLES */
.clear{clear:both}
.clear-l{clear:left}
.clear-r{clear:right}
.floatleft{float:left}
img.floatleft{margin-right:5px}
.floatright{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-top:0em; margin-bottom:0.25em; font-size:1.6em; font-weight:bold; color:#424242}
h3{margin:1em 0px; font-size:1.5em; color:#666}
h4{margin:1em 0px 0.8em; font-size:1.3em; color:#666}

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}

div.intro{margin-bottom:5px}
div.intro h1{color:#999; font-size:3.2em; font-style:italic}
#page-home div.intro h1{width:510px; height:40px; margin:2px 0px 5px; text-indent:-9999px; background:url(../media/13408/freight-comms-simple_07.gif) no-repeat}
div.intro h3{margin-bottom:1.8em; font-size:1.2em; font-weight:bold; color:#333}

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

ul.introlist{margin:2em 0px}
ul.introlist img{float:left; margin-left:-175px}
ul.introlist li{padding-left:175px; margin-bottom:1em}

#mainright ul.featurelist{ margin:3.5em 0 2em 0; color:#666; font-size:0.95em; }
#mainright ul.featurelist li{ margin:0 -10px; clear:both; padding:0.6em 20px; }
#mainright ul.featurelist li.selected{ background-color:#ddd; }
#mainright ul.featurelist li img{ float:left; }
#mainright ul.featurelist li div.right{ width:252px; margin-left:78px; }
#mainright ul.featurelist li a.title{color:#1785b2; font-size:1.1em; font-weight:bold;}
#mainright ul.featurelist li a.title:hover{text-decoration:underline;}
#mainright ul.featurelist li p{margin-bottom:3px;}

#mainright ul.whatlist li div{ width:340px; }

#mainright ul.clientlist li div.right{ width:182px; margin-left:148px; }

#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}

#mainright div.quote{margin:0px; width:340px; margin:0 auto; }
#mainright div.quote p{ background:url(../media/quote-yellow_top.gif) no-repeat top; margin:0; padding:1em 1.8em 0em 1em; text-align:center; }
#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}

div.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}
#mainright div.quote div.bottom{background:url(../media/quote-yellow_bottom.gif) top no-repeat}
#mainleft div.quote div.bottom{background:url(../media/quotebig-yellow_bottom.gif) top no-repeat}

div.quote div.bottom img{margin-left:5px}
#mainright div.quote div.bottom div{width:165px}
#mainleft div.quote div.bottom div{width:305px}

div.pagenav{margin-top:2.8em; padding-top:0.8em; border-top:#d8d8d8 1px solid}
div.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}
div.pagenav a:hover{border-color:#BFBFBF}
div.pagenav a img{vertical-align:middle}
div.pagenav a.floatleft img{margin-right:4px}
div.pagenav a.floatright img{margin-left:4px; margin-top:2px}

div.ataglance{margin:2em 0em; font-size:0.8em; border:1px #d8d8d8 solid; border-width:1px 0px 1px 0px; }
#mainleft div.ataglance h4{margin:-0.7em 24px 1.2em; font-weight:bold; }
#mainleft div.ataglance h4 span{padding:0px 6px; background:#FFF }

div.ataglance strong{font-size:1.1em}
div.ataglance div.floatleft{width:160px; margin-right:10px}

#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}

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

.post{margin:1em 0}
.post h3{margin:0.2em 0}
.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.5em}

#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}

table.comparison{width:520px}

table.comparison .traditional{width:210px}
table.comparison tr{background:transparent url(/media/compare-panel-bg.jpg) repeat-y top left}
table.comparison td{padding:0; border-top:1px solid #DEDEDE; vertical-align:top}
table.comparison td.xero{background-position:-210px 100%; border-top:1px solid #ECECEC}

table.comparison tr.first td{border:0}

table.comparison th{background:transparent url(/media/compare-panel-top.jpg) no-repeat 0 0; color:#2a8cb4; font-size:1em; text-transform:uppercase; font-weight:bold; text-decoration:none; vertical-align:bottom; height:40px}
table.comparison th.xero{background-position:-210px 0}

.thp{text-indent:10px; padding-bottom:6px}
.thpe{text-indent:14px; padding-bottom:16px}

table.comparison tr.footer td{background:transparent url(/media/compare-panel-bottom.jpg) no-repeat 0 0; border:0}
table.comparison tr.footer td.xero{background-position:-210px 100%; height:40px}

table.comparison td p{line-height:1.2em; margin:0; padding:8px; font-size:0.9em}
table.comparison td.xero p{background:transparent url(/media/list-blue_ticks.gif) no-repeat 10px 13px; color:#222; font-size:1em; font-weight:700; padding-left:36px}
/* 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; }

/* EDITOR PROPERTIES */