/*
Mirakle Couriers page CSS
Version: 1
Author: David Bonner
*/


/*
---KEY--
background #ffffff
body text #210b00
orange #fe8739
*/


/*
Mirakle Couriers RESET CSS
Version: 1
Author: David Bonner
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

strong {
font-weight: bold;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*html, body {height: 100%;}*/

body {
background:#ffffff;
color:#210b00;
font-family:Helvetica, Arial, Geneva, Verdana, sans-serif;
font-size:12px;
height:100%;
line-height:15px;
margin:0;
padding:0;
position:relative;
text-align:left;
}

a {
border: none;
color:#fe8739;
text-decoration: none;
}

a:hover {
color:#000000;
}

a:focus {
color: #000000;
}

img {
border: none;
outline: none;
}

.italic {
font-family: Georgia, Times New Roman, serif;
font-style: italic;
font-weight: bold;
}
h1 {
font-size:24px;
line-height:30px;
}

h1#logo a {
background:url("../images/logo.png") no-repeat scroll 0 0 transparent;
float:left;
height:91px;
margin:10px 0 0;
text-indent:-9999px;
width:186px;
}

h2 {
font-size: 18px;
line-height:24px;
}

h3 {
font-size: 15px;
color: #fe8839;
}

h4 {
font-size:15px;
font-weight:bold;
line-height:20px;
}

h5 {
font-size:12px;
font-weight:normal;
line-height:18px;
}

.hide {
display: none;
}

#noscript {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0;
padding:18px 18px 8px;
text-align:center;
}

#toolbox .b {
  background:url(../images/b.png);
}

#toolbox .tl {
  background:url(../images/tl.png);
}

#toolbox .tr {
  background:url(../images/tr.png);
}

#toolbox .bl {
  background:url(../images/bl.png);
}

#toolbox .br {
  background:url(../images/br.png);
}

#toolbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#toolbox .popup {
  position: relative;
}

#toolbox table {
  border-collapse: collapse;
}

#toolbox td {
  border-bottom: 0;
  padding: 0;
}

#toolbox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#toolbox .loading {
  text-align: center;
}

#toolbox .image {
  text-align: center;
}

#toolbox img {
  border: 0;
  margin: 0;
}

#toolbox .footer {
border-top:1px solid #D6D6D6;
margin-top:10px;
padding-top:5px;
text-align:right;
}

#toolbox .tl, #toolbox .tr, #toolbox .bl, #toolbox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#toolbox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.toolbox_hide {
  z-index:-100;
}

.toolbox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #toolbox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#sidebar-contain {
float: left;
}

/* BODY structure */

#bodywrap {
margin:0 auto;
min-height:100%;
width:975px;
}

#outsidecontainer {
background:url("../images/bodytopbg.jpg") repeat-x scroll 0 top #FFFFFF;
float:left;
height:auto;
margin:0 auto;
padding:0;
position:relative;
text-align:left;
width:100%;
z-index:90;
}

#container {
height: auto;
margin: 0 auto;
width: 920px;
}

#insidecontainer {
float:left;
height:auto;
margin:0 auto;
padding:0;
position:relative;
width:920px;
}

/* HEADER */

#header {
float:left;
height:400px;
margin:0 auto;
overflow:hidden;
position:relative;
width:100%;
}

#header-else {
float:left;
height:240px;
margin:0 auto;
overflow:hidden;
position:relative;
width:100%;
}

#header-images {
height:400px;
position:relative;
width:100%;
z-index: 10;
}

#header a, #header-else a {
color: #210b00;
}

#header a:hover, #header-else a:hover {
color: #ffffff;
}

#header img.header-img, #header-else img.header-img {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}

#headband {
background:url("../images/orangebg.png") repeat-x scroll 0 0 transparent;
height:121px;
position:absolute;
top:10px;
width:100%;
z-index:100;
}

#headband-inside {
margin: 0 auto;
height: 121px;
width: 920px;
}

#font-resize {
color:#FFFFFF;
float:right;
font-size:13px;
font-weight:bold;
line-height:16px;
margin:19px 0 0;
text-align:right;
width:700px;
}

#sub-head {
color:#FFFFFF;
float:right;
font-size:15px;
font-weight:bold;
margin:10px 0 0;
line-height:17px;
text-align:right;
width:700px;
}

#navcontain {
float:right;
height:121px;
width:700px;
}

#font-resize a {
}

#font-resize a.small span {
}

#font-resize a.medium span {
font-size:16px;
}

#font-resize a.large span {
font-size:18px;
}


/* NAVIGATION */

ul#nav {
float:right;
font-size:15px;
font-weight:bold;
line-height:20px;
margin:19px 0 0;
padding:0;
text-align:right;
width:700px;
}

ul#nav li {
display:block;
float:right;
height:29px;
margin:0 0 0 18px;
padding:0;
position:relative;
width:auto;
}

ul#nav li span {
margin-right:2px;
padding:0;
width:auto;
}

ul#nav li img.navimg {
margin-left:6px;
}

ul#nav li.noborder {
border: none;
}

ul#nav li a {
color:#ffffff;
text-align:center;
}

ul#nav li a:hover {
color: #210b00;
}

ul#nav li.drop-hover a {
color: #000000;
}

#nav, #nav * {
margin:0;
padding:0;
list-style:none;
}

#nav {
line-height:1.0;
}

#nav li.who ul {
background:url("../images/drop-bg.jpg") repeat-x scroll 0 top #F5F1F0;
border-bottom:1px solid #fe8739;
padding:0 0 6px 10px;
position:absolute;
top:-999em;
width:626px;
}

#nav li.our ul {
background:url("../images/drop-bg.jpg") repeat-x scroll 0 top #F5F1F0;
border-bottom:1px solid #FE8739;
padding:0 0 6px 10px;
position:absolute;
top:-999em;
width:555px;;
}

#nav li.comm ul {
background:url("../images/drop-bg.jpg") repeat-x scroll 0 top #F5F1F0;
border-bottom:1px solid #FE8739;
padding:0 0 6px 10px;
position:absolute;
top:-999em;
width:340px;
}

#nav ul li {
border:medium none;
display:inline;
float:left;
font-size:13px;
height:auto;
margin:6px 10px 0 0;
text-align:left;
width:126px;
}

#nav li.who ul li {
border:medium none;
display:inline;
float:left;
font-size:13px;
height:auto;
margin:6px 10px 0 0;
text-align:left;
width:145px;
}

#nav li.comm ul li {
width:150px;
}

#nav li ul li a {
color: #000000;
}

#nav li ul li a:hover {
color: #fe8739;
}

#nav li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}

#nav li {
position:relative;
}

#nav li:hover ul, #nav li.drop-hover ul {
left:-1px;
top:29px;
z-index:99;
}

#nav li.comm:hover ul, #nav li.comm.drop-hover ul {
left:-211px;
top:29px;
z-index:99;
}

ul#nav li:hover li ul, ul#nav li.drop-hover li ul {
top:-999em;
}

ul#nav li li:hover ul, ul#nav li li.drop-hover ul {
width:176px;
top:0;
}

ul#nav li li:hover li ul, ul#nav li li.drop-hover li ul {
top:-999em;
}

ul#nav li li li:hover ul, ul#nav li li li.drop-hover ul {
left:10em;
top:0;
}

/* PAGE CONSTRUCT AND SIDEBARS */

#pageheading {
background:url("../images/orangebg.png") repeat-x scroll 0 bottom transparent;
height:auto;
left:-50px;
padding:7px 20px 14px 30px;
position:absolute;
text-align:right;
top:-16px;
width:460px;
}

#pageheading h1 {
color: #ffffff;
}

#content-left-blog {
float:left;
height:auto;
margin:55px 0 30px;
min-height:1278px;
width:460px;
}

#content-left {
float:left;
height:auto;
margin:55px 0 30px;
min-height:550px;
width:460px;
}

#content-left p {
}

#content-left a {
font-weight:bold;
}

#content-left a:hover {
}

#content-left ul {
list-style:square outside none;
padding:0 0 0 16px;
}

#content-left li {
margin:4px 0;
}

#content-left img {
border:1px solid #FE8739;
width:458px;
}

.blogbox {
background:url("../images/body-line.jpg") no-repeat scroll center bottom transparent;
float:left;
margin:0 0 30px;
padding:0 0 10px;
position: relative;
}

.blogbox img {
margin:8px 0 0;
}


.blogbox p.time {
}

.blogbox p.time .bordertop {
border-top:1px solid #FE8739;
font-weight:bold;
padding:3px 0 0;
}

.blogbox p {
}

.blogbox h2 {
}



form#searchform {
background:url("../images/search-box.jpg") repeat-x scroll 0 0 #8594E8;
color:#FFFFFF;
float:left;
height:34px;
margin:10px 0 20px;
width:100%;
}


form#searchform input#searchsubmit {
background:url("../images/searchbtn.jpg") no-repeat scroll 1px 0 transparent;
border:medium none;
cursor:pointer;
float:left;
height:28px;
margin:3px 0 0 6px;
text-indent:-99999px;
width:28px;
}

form#searchform input#searchsubmit:hover {
background:url("../images/searchbtn.jpg") no-repeat scroll -28px 0 transparent;
}

form#searchform input#searchsubmit:focus {
background:url("../images/searchbtn.jpg") no-repeat scroll -28px 0 transparent;
}

form#searchform input#s {
border:1px solid #6473DE;
color:#4A59D6;
float:left;
font-size:12px;
height:16px;
margin:5px 0 0;
padding:3px 6px;
width:484px;
}

#sidebar {
background:url("../images/sidebg.png") repeat-y scroll 0 0 transparent;
float:right;
height:100%;
margin:1px 0 0 70px;
position:absolute;
right:0;
width:340px;
}

.sideblock {
color:#FFFFFF;
float:left;
margin:0 20px;
padding:0 0 5px;
position:relative;
width:300px;
}

#latestnews {
background: url(../images/side-line.jpg) no-repeat center bottom transparent;
}

.sideblock h2 {
float:left;
margin:0 0 8px;
width:100%;
}

.sideblock h2 a {
/*color: #ffffff;*/
}

.sideblock h2 a:hover {
/*color: #000000;*/
}

.sideblock h2.lnews {
color:#FE8C41;
font-size:28px;
position:absolute;
right:-15px;
top:5px;
width:auto;
}


.sideblock p.time {
color:#FFFFFF;
float:left;
font-weight:bold;
margin:30px 0 10px;
width:100%;
}

.bordertop {
border-top:1px solid #FFFFFF;
padding:3px 0 0;
}

.sideblock p {
}

.sideblock a {
font-weight: bold;
color: #000000;
}

.sideblock a:hover {
color: #ffffff;
}

#track {
}

#track h2 {
font-size:28px;
line-height:26px;
margin:35px 0 0;
text-align:center;
width:100%;
}

#track h2 a {
color:#FFFFFF;
}

#track h2 a:hover {
color: #000000;
}

#track h2 a span.track-txt {
color:#000000;
font-size:20px;
}

#track h3 {
}


/* LOGIN PAGE */



/* FOOTER */

#footer {
clear:both;
height:100px;
margin:40px 0 0;
position:relative;
width:100%;
}



#footer-inside {
background:url("../images/footerbg.jpg") no-repeat scroll center top #FFFFFF;
font-size:11px;
height:100px;
margin:0 auto;
padding:14px 0 0;
width:920px;
}

#footer-inside p {
float:left;
margin-left:30px;
width:500px;
}


/*****Forms*****/

form#contactForm {
float:left;
margin:20px 0 0;
width:460px;
}

form#contactForm ol.forms {
float:left;
width:460px;
}

form#contactForm ol.forms li {
float:left;
margin:0 0 15px;
width:460px;
}
form#contactForm ol.forms li.inline {

}

form#contactForm ol.forms li.inline label {
float:left;
margin:1px 0 0 5px;
width:217px;
}

form#contactForm ol.forms li.inline input {
float:left;
margin:0;
width:20px;
}

form#contactForm ol.forms li.screenReader {
text-indent: -99999px;
position: absolute;
}

form#contactForm ol.forms li label {
float:left;
font-weight:bold;
margin:0 0 2px;
width:460px;
}

form#contactForm ol.forms li input {
border:2px solid #FE8739;
font-size:12px;
padding:7px 5px 6px;
width:450px;
}

form#contactForm ol.forms li input:hover, form#contactForm ol.forms li input:focus {
border:2px solid #000000;
}

form#contactForm ol.forms li textarea {
border:2px solid #FE8739;
font-size:12px;
padding:7px 5px 6px;
width:450px;
height:100px;
}

form#contactForm ol.forms li textarea:hover, form#contactForm ol.forms li textarea:focus {
border:2px solid #000000;
}

form#contactForm ol.forms li.buttons button {
background:#FE8739;
border: none;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
height:32px;
padding:7px 5px 8px;
width:auto;
}

form#contactForm ol.forms li.buttons button:hover {
background: #000000;
color:#ffffff;
}

#comments {
float:left;
width:460px;
}

#respond h3 {
margin: 0 0 20px 0;
}
#commentform input {
border:2px solid #FE8739;
float:left;
font-family:Helvetica,Arial,Verdana,Geneva,Sans-serif;
font-size:12px;
padding:5px;
width:221px;
}
#commentform p {
float:left;
margin:0 0 10px;
}
#commentform p label {
float:left;
padding:3px 0 0 10px;
}
#commentform input:hover, #commentform input:focus {
border:2px solid #000000;
}


#comments textarea {
border:2px solid #FE8739;
float:left;
font-family:Helvetica,Arial,Verdana,Geneva,Sans-serif;
font-size:12px;
padding:5px;
width:446px;
}

#comments textarea:hover, #comments textarea:focus {
border:2px solid #000000;
}

#comments img.avatar {
display: none;
}

ol.commentlist {
margin:0 0 40px;
}

ol.commentlist li {
background:url("../images/body-line.jpg") no-repeat scroll center bottom transparent;
margin:0 0 20px;
padding:0 0 20px;
}

h3#commentshead {
color:#000000;
float:left;
margin:0 0 20px;
width:100%;
}

input#submit {
background:#FE8739;
border: none;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
height:32px;
margin: 10px 0 0 0;
padding:7px 5px 8px;
width:auto;
}

input#submit:hover {
background: #000000;
color:#ffffff;
}

#recent {
background: url(../images/side-line.jpg) no-repeat center bottom transparent;
border-top:1px solid #FE8C41;
margin-top:20px;
padding:10px 0 20px;
}

#recent ul {
float:left;
font-size:14px;
list-style:square inside none;
margin:10px 0 0;
padding:0 0 0 10px;
}

#recent ul li {
float:left;
margin:0 0 8px;
width:100%;
}

#articles {
background: url(../images/side-line.jpg) no-repeat center bottom transparent;
margin-top:20px;
padding:10px 0 20px;
}

#articles ul {
float:left;
font-size:14px;
list-style:square inside none;
margin:10px 0 0;
padding:0 0 0 10px;
}

#articles ul li {
float:left;
margin:0 0 8px;
width:100%;
}

#flickr {
background: url(../images/side-line.jpg) no-repeat center bottom transparent;
margin-top:20px;
padding:10px 0 20px;
}

#flickr ul {
float:left;
font-size:14px;
list-style:square inside none;
margin:10px 0 0;
padding:0 0 0 10px;
}

#flickr ul li {
float:left;
margin:0 0 8px;
width:100%;
}

#flickr_badge_uber_wrapper {
float:left;
width:100%;
}

#flickr_badge_wrapper {
float:left;
width:100%;
}

.flickr_badge_image {
float:left;
margin:10px 12px;
}

.flickr_badge_image a {
}

.flickr_badge_image img {
}

#clients-box {
background:url("../images/side-line.jpg") no-repeat scroll center bottom transparent;
margin-top:20px;
padding:0 0 20px;
text-align:center;
}

#clients-box img {
}

.dd_post_share {
float:left;
margin-bottom:6px;
padding:0;
right:0;
top:4px;
}

.dd_button {
float:left;
padding:4px;
width:86px;
}

#twitter {
margin-top: 30px;
background: url(../images/side-line.jpg) no-repeat center bottom transparent;
padding:10px 0 20px;
}

#tags {
margin-top: 20px;
background: url(../images/side-line.jpg) no-repeat center bottom transparent;
padding:10px 0 20px;
}

ul#twitter_update_list {
float:left;
}

ul#twitter_update_list li {
float:left;
margin:0 2%;
width:92%;
}

ul#twitter_update_list li.space {
border-bottom:1px solid #DB691E;
float:left;
height:1px;
margin:10px 2%;
}

#twitter_div p {
float:left;
margin:0 0 0;
padding:0 2%;
text-align:right;
width:92%;
}

#social {
float:right;
margin:5px 0 0;
padding:0 4px 0 0;
text-align:right;
}

#social img {
margin:0 0 0 5px;
}

.blogcontainer {
min-height:900px;
}

#contact-det {
background:url("../images/side-line.jpg") no-repeat scroll center bottom transparent;
}

#contact-det h3 {
color:#FFFFFF;
font-size:20px;
margin:20px 0 0;
text-align:center;
width:100%;
}

#contact-det p {
font-size:14px;
line-height:18px;
text-align:center;
width:100%;
}

#newsletter {
background:url("../images/side-line.jpg") no-repeat scroll center bottom transparent;
text-align: center;
}

#newsletter h3 {
color:#FFFFFF;
font-size:20px;
line-height:26px;
margin:12px 0;
text-align:center;
width:100%;
}

#newsletter input {
border:2px solid #000000;
float:left;
font-size:12px;
margin:0 0 0 14px;
padding:7px 5px 6px;
width:160px;
}

#newsletter input:hover, #newsletter input:focus {
border:2px solid #000000;
}

#newsletter input#mc-embedded-subscribe {
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #000000;
color:#000000;
cursor:pointer;
float:left;
font-size:12px;
font-weight:bold;
height:32px;
margin:15px 0 16px 114px;
padding:6px 5px 9px;
width:100px;
}

#newsletter input#mc-embedded-subscribe:hover {
background: #000000;
color:#ffffff;
}

.mc-field-group label {
float:left;
font-weight:bold;
padding:9px 0 0;
width:100px;
}

.mc-field-group input {
}

/* FONT RESIZING */

body.small #footer .footcopy {font-size: 10px; line-height: 15px;}
body.small #header-top #font-resize a.small {background: #004681;}

.medium h1 { font-size:40px; line-height:50px; }
.large h1 { font-size: 50px; line-height: 56px; }

.medium h2 { font-size:24px; line-height: 30px; }
.large h2 { font-size: 30px; line-height: 36px; }

.medium h3 { font-size: 25px; line-height: 31px; }
.large h3 { font-size: 31px; line-height: 37px; }

.medium h4 { font-size: 20px; line-height: 26px; }
.large h4 { font-size: 26px; line-height: 32px; }

.medium h5 { font-size: 18px; line-height: 24px; }
.large h5 { font-size: 24px; line-height: 30px; }

.medium h6 { font-size: 17px; line-height: 23px; }
.large h6 { font-size: 23px; line-height: 29px; }

body.medium ul#nav {font-size: 15px;}
body.medium #footer-inside {font-size: 12px; line-height: 17px;}
body.medium #pageheading {padding:5px 20px 10px 30px;}
body.medium #content-left {margin:125px 0 30px;}
body.medium #sub-head {margin:10px 0 0;}

body.large ul#nav {font-size: 16px; letter-spacing: -0.5px;}
body.large #footer-inside {font-size:16px;line-height:21px;}
body.large #pageheading {padding:10px 20px 1px 30px;}
body.large #content-left {margin:125px 0 30px;}
body.large #sub-head {margin:10px 0 0;}

.small p { font-size: 12px; line-height: 15px; }
.medium p { font-size: 16px; line-height: 22px; }
.large p { font-size: 20px; line-height: 26px; }

body.small a.small { font-size: 12px; line-height: 16px; }
body.small a.medium { font-size: 16px; line-height: 16px; }
body.small a.large { font-size: 20px; line-height: 16px; }

body.medium a.small { font-size: 12px; line-height: 16px; }
body.medium a.medium { font-size: 16px; line-height: 16px; }
body.medium a.large { font-size: 20px; line-height: 16px; }

body.large a.small { font-size: 12px; line-height: 16px; }
body.large a.medium { font-size: 16px; line-height:16px; }
body.large a.large { font-size: 20px; line-height: 16px; }


#contactnojs, #tracknojs {
display: none;
}

#content-left li.comment img {
border:none;
width:auto;
}

/* NO JS */

body.nojs #tools-box h2 {
display: none;
}

body.nojs #tools-box ul li a {
color:#EB8304;
float:right;
padding:0 0 0 0;
width:157px;
}

body.nojs #tools-box ul li {
float:left;
margin:0 0 5px;
padding:0 0 0 4px;
width:170px;
}

body.nojs #header-top #font-resize {
display:none;
float:left;
}

body.nojs #tools p {
display: none;
}

body.nojs #tools {
border-bottom:none;
}

body.nojs #tools-box {
border-bottom:2px solid #F5B61A;
float:left;
display:block;
}

body.nojs a#getquote, body.nojs a#login, body.nojs a#specbtn {
display: none;
}

body.nojs .recentproducts .wrapper {
height:364px;
}

body.nojs #spec {
display: block;
}

body.nojs .nojsshow {
visibility: visible;
}

body.nojs p.error {
display: none;
}

body.nojs div.thanks {
float:left;
margin:20px 20px 0;
}


body.nojs #contactnojs, body.nojs #tracknojs {
display:inline;
}

body.nojs #contactwithjs, body.nojs #trackwithjs {
display: none;
}

body.nojs #font-resize {
display: none;
}

body.nojs #sub-head {
margin:46px 0 0;
}