@import url("reset.css");

/* -------- DHL css ---------- **/
/* ----------------- by Adrian Wright ---------------- */


* { font-family: Arial, Verdana, Tahoma, sans-serif; line-height: 110%;}
body {background-color: #ecedee; padding-top: 0px; color: #2e2e2e;}

hr { text-align: right; width: 100%; height: 1px; color: #d4dee8; border: none;  margin: 15px 0px;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: none; margin: 15px 0px;} /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: 0px solid #d4dee8; margin: 15px 0px;} /* For Opera and Gecko-based browsers */

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

#mainwrapper {width: 1000px; background: #ecedee url(../img/bg/body-bg.gif) center top no-repeat; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: auto; background-position: top left; background-repeat: no-repeat; position: relative; }
#wrapperbottom {width: 1000px; height: 10px; background: #ecedee url(../img/bg/body-bg-bottom.gif) center top no-repeat; margin-left: auto; margin-right: auto; margin-bottom: auto; background-position: top left; background-repeat: no-repeat; position: relative; }

#wrapper {width: 980px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: auto; background-position: top left; background-repeat: no-repeat; position: relative; }

div.home {height: 922px; background-image: url(../img/bg/page/home.jpg);}
div.home #leftcol, div.home #rightcol {height: 872px;}
div.home #content {top: 420px; width: 400px; }
div.home #leftcol a.dhl {position: absolute; top: 542px; left: 390px; height: 25px; width: 130px; display: block; text-indent: -9999px;}
div.home #rightcol a.report {position: absolute; top: 270px; left: 50px; height: 230px; width: 310px; display: block; text-indent: -9999px;}

div.report {height: 852px; background-image: url(../img/bg/page/report.jpg);}
div.report #leftcol, div.report #rightcol {height: 802px;}
div.report #content {top: 190px; width: 350px; }
div.report #leftcol a.report {position: absolute; top: 470px; left: 190px; height: 175px; width: 295px; display: block; text-indent: -9999px;}

div.methodology {height: 1248px; background-image: url(../img/bg/page/methodology.jpg);}
div.methodology #leftcol, div.methodology #rightcol {height: 1198px;}
div.methodology #content {top: 190px; width: 350px; }
div.methodology #leftcol a.freshminds {position: absolute; top: 65px; left: 313px; height: 18px; width: 120px; display: block; color: #000000; font-size: 80%;}
div.methodology #leftcol a.freshminds:hover {text-decoration: none;}
div.methodology #leftcol p.supplychain {position: absolute; top: 350px; left: 50px; height: 120px; width: 140px; display: block; color: #000000; font-size: 80%;}

div.economy {height: 942px; background-image: url(../img/bg/page/economy.jpg);}
div.economy #leftcol, div.economy #rightcol {height: 892px;}
div.economy #content {top: 240px; width: 350px; }

div.routes {height: 742px; background-image: url(../img/bg/page/routes.jpg);}
div.routes #leftcol, div.routes #rightcol {height: 692px;}
div.routes #content {top: 240px; width: 350px; }

div.request {height: 1025px; background-image: url(../img/bg/page/request.jpg);}
div.request #leftcol, div.request #rightcol {height: 975px;}
div.request #leftcol {width: 500px !important;}
div.request #rightcol {width: 480px !important;}
div.request #rightcol ul.nav {margin-left: 110px;}
div.request #content {top: 240px; width: 350px; }

div.thankyou {height: 790px; background-image: url(../img/bg/page/thankyou.jpg);}
div.thankyou #leftcol, div.thankyou #rightcol {height: 740px;}
div.thankyou #content {top: 140px; width: 380px; }
div.thankyou #content p {color: #e8ddbd; font-size: 140%; font-weight: bold;}
div.thankyou #content p span {color: #ffffff; text-transform: uppercase; font-size: 130%;}

div.thankyou2 {height: 790px; background-image: url(../img/bg/page/thankyou2.jpg);}
div.thankyou2 #leftcol, div.thankyou #rightcol {height: 740px;}
div.thankyou2 #content {top: 140px; width: 380px; }
div.thankyou2 #content p {color: #e8ddbd; font-size: 140%; font-weight: bold;}
div.thankyou2 #content p span {color: #ffffff; text-transform: uppercase; font-size: 130%;}

div.contact {height: 600px; background-image: url(../img/bg/page/contact.jpg);}
div.contact #leftcol, div.contact #rightcol {height: 550px;}
div.contact #content {top: 190px; width: 380px; }
div.contact #content a {color: #ce1244; text-decoration: none;}
div.contact #content p.large, div.contact #content a.large {font-weight: bold; font-size: 155%;}
div.contact #content a.large {display: block; margin-bottom: 20px;}
div.contact #content a:hover {text-decoration: none;}


div.disclaimer {height: 707px; background-image: url(../img/bg/page/disclaimer.jpg);}
div.disclaimer #leftcol, div.disclaimer #rightcol {height: 657px;}
div.disclaimer #content {top: 190px; width: 380px; }

/* ------ Left Col -----*/
#leftcol {width: 610px; float: left; position: relative;}
div.home #leftcol {width: 580px;}

/* ------ Right Col -----*/
#rightcol {width: 370px; float: right; position: relative;}
div.home #rightcol {width: 400px;}
#rightcol ul.nav {margin-top: 40px;}
div.home #rightcol ul.nav {margin-left: 30px;}
#rightcol ul.nav li {margin-top: 10px; margin-bottom: 10px;}
#rightcol ul.nav li a {text-decoration: none; font-size: 115%; color: #000000; font-weight: bold; text-transform: uppercase; padding: 1px 7px 1px 2px;}
#rightcol ul.nav li a:hover {color: #ffffff; background-color: #ce1244;}
#rightcol ul.nav li.active a {color: #ffffff; background-color: #ce1244;}


/* ------ Footer -----*/
#footer {clear: both; width: 880px; height: 30px; padding-top: 20px; padding-left: 100px; font-size: 80%;}
#footer p {}
#footer a {float: left; color: #000000; text-decoration: underline; margin-right: 10px; }
#footer a:hover {text-decoration: none; }


/* ------ Content -----*/
#content {position: absolute; left: 0px; margin-left: 100px; }
#content p {margin-bottom: 10px; font-size: 90%;}
#content span {color: #ce1244;}


/* ------ Form -----*/
#form ul li {margin-bottom: 3px; height: 20px;}
#form ul.home li {margin-bottom: 4px; height: 20px;}
#form ul li input.textbox {border: none; background-color: #ffffff; }
#form span.checkbox1 input {position: absolute; top: 412px; left: 120px; }
#form span.checkbox2 input {position: absolute; top: 436px; left: 120px; }
#form span.checkbox3 input {position: absolute; top: 720px; left: 120px; }
#form span.checkbox4 input {position: absolute; top: 355px; left: 10px; }
#form span.checkbox5 input {position: absolute; top: 379px; left: 10px; }
#form span.checkbox6 input {position: absolute; top: 663px; left: 10px; }
#form input.button {position: absolute; top: 780px; left: 120px; background-color: transparent; width: 95px; height: 27px; display: block; text-indent: -9999px; cursor: pointer; cursor: mouse; cursor: hand; border: none;}
#form input.button2 {position: absolute; top: 723px; left: 10px; background-color: transparent; width: 95px; height: 27px; display: block; text-indent: -9999px; cursor: pointer; cursor: mouse; cursor: hand; border: none;}

#form ul {position: absolute; top: 485px; left: 125px; }
#form ul.home {position: absolute; top: 425px; left: 15px; }
#form ul li.fullname input {margin-left: 70px; width: 210px; }
#form ul li.email input {margin-left: 50px; width: 230px;}

#form ul li.companyname input {margin-left: 105px; width: 175px;}
#form ul li.companyname2 input {margin-left: 0px; width: 280px;}

#form ul li.address1 input {margin-left: 60px; width: 220px;}
#form ul li.address2 input, #form ul li.address3 input {margin-left: 0px; width: 280px;}
#form ul li.postcode input {margin-left: 60px; width: 220px;}
#form ul li.country select {margin-left: 55px; width: 225px;}

/* ------ Messages -----*/
#messages {position: absolute; top: 400px; left: 0px; height: 260px; width: 200px;}
div.home #messages {position: absolute; top: 560px; left: 380px; height: 210px; width: 150px; text-align: right;}
#messages2 {position: absolute; top: 700px; left: 105px; height: 70px; width: 150px;}
#messages div.error, #messages p.noreport, #messages2 div.error, #messages2 p.noreport {font-size: 80%; font-weight: bold; color: red;}
div.asterisks {overflow: hidden; position: absolute; font-size: 80%; bottom: 52px; left: 0px;}
div.home div.asterisks {overflow: hidden; position: absolute; font-size: 75%; bottom: 0px; left: 0px;}
div.asterisks ul {width: 200px; overflow: hidden; height: 1%;}
div.home div.asterisks ul {width: 150px; overflow: hidden; height: 1%;}
div.asterisks ul li {margin-bottom: 2px; padding-left: 15px; background-position: top left; background-repeat: no-repeat;}
div.home div.asterisks ul li {padding-left: 15px; width: 135px;}
div.asterisks ul li.mandatory {padding-top: 5px; background-image: url(../img/icons/mandatory.jpg);}
div.asterisks ul li.privacy {padding-top: 3px; background-image: url(../img/icons/privacy.jpg);}