/* CSS Document for Covered Logistics & Transportation - Author: Mobius Creative */

/* ####### Reset ####### */

* { margin: 0; padding: 0; }

html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; }

body { color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; background: #000 url(../Images/bodyBg.jpg) top center no-repeat; }

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Verdana, sans-serif; font-weight: normal; margin: 0 0 10px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #fff; text-decoration: underline; }

h1 { font-size: 23px; text-transform: uppercase; color: #fff; }
h2 { font-size: 20px; color: #ff0000; }
h3 { font-size: 16px; color: #ff0000; } 
h4 { font-size: 16px; color: #ff0000; }
h5 { font-size: 14px; color: #ff0000; }
h6 { font-size: 12px; color: #ff0000; }

p { color: #fff; font-size: 12px; line-height: 16px; margin: 0 0 15px 0; }

small { color: #fff; font-size: 11px; line-height: 11px; }

img { border: 0; }

a { color: #fff; text-decoration: underline; outline: none; }
a:hover, a:active { color: #ccc; text-decoration: underline; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

input, textarea, select { color: #000; font: 12px Arial, Helvetica, sans-serif; padding: 3px; }

input.submit_button { width: 164px; height: 50px; background: url(../Images/Buttons/submitForm.png) top center no-repeat; cursor: pointer; text-indent: -999px; border: none; }

fieldset { background: transparent; padding: 10px; border: 1px solid #ccc; border-color: #fff #fff #ccc #fff; border-style: none; margin-bottom: 36px; }
fieldset.action { background: #333; border: none; margin-top: -20px; }

legend { background: transparent; color:#fff; font: 17px Verdana, Arial, Helvetica, sans-serif; padding: 0 10px; margin: -26px 0 0 -11px; font-weight: bold; border: none; }

label { font-size: 12px; font-weight: bold; color: #fff; display: block; }
label.opt { font-weight: normal; padding-left: 5px; display: inline; }
label.sel { display: block; padding-top: 5px; }

dl { clear: both; }
dt { float: left; text-align: left; width: 200px; line-height: 28px; margin: 0 10px 10px 0; }
dd { float: left; width: 355px; line-height: 30px; margin: 0 0 10px 0; }

/*Safari*/
select, input, textarea, button { outline: none; resize: none; }

#CaptchaV2 { width: 149px !important; }

/* ######## Misc ######## */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 3px 0 15px 15px; display: inline; }
img.alignleft { margin: 3px 15px 15px 0; display: inline; }
img.noBorder { border: 0; padding: 0; background: none; }
img.noBorder:hover { border: 0; padding: 0; background: none; }
img.padBottom { margin: 0 0 20px 0; }

span.homeIcon { display: block; width: 40px; height: 40px; float: left; display: inline; text-align: left; padding: 0 0 0 5px; }

.noLeftMargin { margin-left: 0; }
.noRightMargin { margin-right: 0; }

.alignright { float: right; }
.alignleft { float: left; }

.blue { color: #42b7d4; }
.grey { color: #b4b4b4; }
.red { color: #FE3131; }

.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size17 { font-size: 17px; }
.size18 { font-size: 18px; }
.size19 { font-size: 19px; }
.size20 { font-size: 20px; }
.size21 { font-size: 21px; }
.size22 { font-size: 22px; }
.size23 { font-size: 23px; }
.size24 { font-size: 24px; }
.size25 { font-size: 25px; }


/* ######## Main Blocks ######## */
#wrapper {  }
#header { width: 960px; height: auto; margin-left: auto; margin-right: auto; }
#middle { width: 960px; height: auto; display: block; padding-top: 15px; margin-left: auto; margin-right: auto; clear: both; }
#footer { width: 960px; height: auto; margin-left: auto; margin-right: auto; clear: both; }
#breadcrumbs { width: 100%; height: 40px; }

#breadcrumbs .col1 { width: 940px; height: 25px; padding-top: 15px; margin-right: auto; margin-left: auto; color: #999; font: 12px Arial, Helvetica, Sans-serif; text-transform: uppercase; }
#breadcrumbs .col1 a { color: #999; text-decoration: none; }

/* ######## Main Header ######## */
#mainHeader { height: 140px; width: 960px; }
#mainHeader .logo { float: left; width: 360px; height: 250px; padding-left: 20px; position: absolute; top: 15px; z-index: 999; }
#mainHeader .logoSub { float: left; width: 360px; height: 150px; padding-left: 0; position: absolute; top: 15px; z-index: 999; }
#mainHeader .logoSub  img { margin-left:-10px;}
#mainHeader .mainMenu { height: 44px; width: 556px; padding-top: 60px; float: right; }
#mainHeader .mainMenu .home { background: url(../Images/MainMenu/home.png) top center no-repeat; float: left; width: 97px; height: 44px; display: block; cursor: pointer; }
#mainHeader .mainMenu .home:hover { background-position: bottom; }
#mainHeader .mainMenu .carriers { background: url(../Images/MainMenu/carriers.png) top center no-repeat; float: left; width: 97px; height: 44px; display: block; cursor: pointer; }
#mainHeader .mainMenu .carriers:hover { background-position: bottom; }
#mainHeader .mainMenu .customers { background: url(../Images/MainMenu/customers.png) top center no-repeat; float: left; width: 96px; height: 44px; display: block; cursor: pointer; }
#mainHeader .mainMenu .customers:hover { background-position: bottom; }
#mainHeader .mainMenu .warehousing { background: url(../Images/MainMenu/warehousing.png) top center no-repeat; float: left; width: 108px; height: 44px; display: block; cursor: pointer; }
#mainHeader .mainMenu .warehousing:hover { background-position: bottom; }
#mainHeader .mainMenu .contact { background: url(../Images/MainMenu/contact.png) top center no-repeat; float: left; width: 96px; height: 44px; display: block; cursor: pointer; }
#mainHeader .mainMenu .contact:hover { background-position: bottom; }

/* ######## Home Page Slider ######## */
#slider { width: 950px; height: 422px; padding: 14px 0 20px 10px; overflow: hidden; clear: both; background: url(../Images/Slideshow/slideshowBg.png) top center no-repeat; }

#slider .coda-slider { width: 940px; height: 386px; float: left; overflow: hidden; position: relative; }
#slider .coda-slider .panel { width: 940px; height: 386px; display: block; float: left; }
#slider .coda-slider .panel-container { position: relative; }
#slider .coda-nav-left, .coda-nav-right { float: left; }
#slider .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }

#sliderNav { width: 940px; height: 10px; padding: 0 20px 0 0; }
#sliderNav .coda-nav ul { clear: both; display: block; overflow: hidden }
#sliderNav .coda-nav ul li { display: inline; }
#sliderNav .coda-nav ul li a { background: url(../Images/Slideshow/slideshowButton.png) no-repeat top center; height: 24px; width: 24px; display: block; float: left; }
#sliderNav .coda-nav ul li a:hover { background-position: center -24px; }
#sliderNav .coda-nav ul li a.current { background-position: bottom center; outline: none; }

/* ######## Middle ######## */

/* Middle Content */
#middle .content { padding: 0 0 20px 0; display: table; }
#middle .content .top { width: 960px; height: 25px; background: url(../Images/mainBgTop.png) top center no-repeat; }
#middle .content .bottom { width: 960px; height: 25px; background: url(../Images/mainBgBottom.png) top center no-repeat; }
#middle .content .middle { width: 960px; padding: 0; display: table; height: auto; min-height: 500px; background: url(../Images/mainBgMiddle.png) top center repeat-y; }
#middle .content .middle .col1 { width: 600px; float: left; padding: 0 0 0 30px; }
#middle .content .middle .col1 .row { width: 600px; padding: 0 0 10px 0; }
#middle .content .middle .col1 .row h1 { margin: 0 0 20px 0; }
#middle .content .middle .col1 .row .col1 { width: 277px; float: left; padding: 0 43px 20px 0; }
#middle .content .middle .col1 .row .col2 { width: 277px; float: left; padding: 0 0 20px 0; }
#middle .content .middle .col2 { width: 227px; float: right; padding: 0 30px 0 0; }

/*######## Footer ######## */
#footer .row1 { width: 960px; height: 39px; background: url(../Images/footerBg.png) top center no-repeat; margin-left: auto; margin-right: auto; font-size: 10px; color: #c0c0c0; }
#footer .row1 a { color: #c0c0c0; text-decoration: none; }
#footer .row1 .col1 { width: 460px; float: left; padding: 12px 0 0 10px; }
#footer .row1 .col2 { width: 480px; float: right; padding: 12px 10px 0 0; text-align: right; }
#footer .row2 { width: 960px; height: 40px; padding-top: 15px; margin-left: auto; margin-right: auto; text-align: center; }


/* ######## Niceforms Styles ######## */

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:15px Arial, Helvetica, sans-serif; color: #666; background:none;}
.NFTextCenter {height:24px; background:url(../Images/NiceForm/input.png) repeat-x 0 0; padding:7px 0 0 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:31px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(../Images/NiceForm/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(../Images/NiceForm/input-right.png) no-repeat 0 0;}

/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:15px; height:15px; border:1px solid transparent; background:url(../Images/NiceForm/radio.png) no-repeat 0 0; z-index:2;}

/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:15px; height:15px; border:1px solid transparent; background:url(../Images/NiceForm/checkbox.png) no-repeat 0 0; z-index:2;}

/*Buttons*/
.NFButton {width:auto; height:31px; color:#fff; padding:0 2px; background:url(../Images/NiceForm/button.png) repeat-x 0 0; cursor:pointer; border:none; font:11px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:31px; vertical-align:middle;}
.NFButtonLeft {background:url(../Images/NiceForm/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(../Images/NiceForm/button-right.png) no-repeat 0 0;}

/*Textareas*/
.NFTextarea {border:none; background:none; font:12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(../Images/NiceForm/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(../Images/NiceForm/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(../Images/NiceForm/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(../Images/NiceForm/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(../Images/NiceForm/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(../Images/NiceForm/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(../Images/NiceForm/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(../Images/NiceForm/textarea-r-over.png) repeat-y 100% 100%;}

/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(../Images/NiceForm/file.png) no-repeat 0 0; width:60px; height:31px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}

/*Selects*/
.NFSelect {height:31px; position: absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:31px; background:url(../Images/NiceForm/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:23px; width:auto; background:url(../Images/NiceForm/select-right.png) no-repeat 100% 0; cursor:pointer; font:13px Arial, Helvetica, sans-serif; color:#666; padding: 8px 0px 0 3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#fff; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#666; font:13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:-2px; top:13px;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#666; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#ccc;}
.NFSelectOptions a:hover {background:#ddd;}

/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(../Images/NiceForm/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(../Images/NiceForm/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(../Images/NiceForm/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(../Images/NiceForm/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(../Images/NiceForm/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(../Images/NiceForm/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(../Images/NiceForm/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(../Images/NiceForm/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}