/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl, dt, dd, abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, input, textarea,h1,h2,h3,h4,h5,h6,ul,li,p { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*template resets*/
body { line-height: 1; font-size:0.6875em; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; margin: 0 auto; }
li { list-style:none; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; }
legend { font-weight:bold; margin: 10px 0; }
a:link { line-height:1.1em; }
a strong { text-decoration: underline; }

/*content resets*/
.cms h1,.cms h2,.cms h3,.cms h4,.cms h5,.cms h6 { margin: 5px 0; }
.cms h1 { font-size:1.6em }
.cms h2 { font-size:1.5em }
.cms h3 { font-size:1.4em }
.cms h4 { font-size:1.3em }
.cms h5 { font-size:1.2em }
.cms h6 { font-size:1.1em }
.cms ul { margin: 10px 0 10px 10px; padding: 0 0 0 20px; }
.cms li { display: list-item; list-style: disc; }
.cms p { padding: 5px 0; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }

/* COMMON SELECTOR CLASSES
---------------------------------*/

/* widths */
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important; }.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important; }.l16 { width:160px !important; }.l17 { width:170px !important; }.l18 { width:180px !important; }.l19 { width:190px !important; }.l20 { width:200px !important; }.l21{ width:210px !important; }.l22{ width:220px !important; }.l23{ width:230px !important; }.l24{ width:240px !important; }.l25{ width:250px !important; }.l26{ width:260px !important; }.l27{ width:270px !important; }.l28{ width:280px !important; }.l29{ width:290px !important; }.l30{ width:300px !important; }.l31{ width:310px !important; }.l32{ width:320px !important; }.l33{ width:330px !important; }.l34{ width:340px !important; }.l35{ width:350px !important; }

/* alignment */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

/*positioning*/
.top { display:block; position:absolute; width: 100%; top:0; bottom:auto !important; }
.right { display:block; position:absolute; width: 100%; right:0; left:auto !important; }
.left { display:block; position:absolute; width: 100%; left:0; right:auto !important; }
.bottom { display:block; position:absolute; width: 100%; bottom:0; top:auto !important; }

.inline { display:inline !important; }
.block { display:block !important; }
.block-link { display:block; width: 100%; height: 100%; text-indent:-6000px; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }
.container { overflow: hidden; width: 100%; }
.p,.m { display:none; } /*not for web display (print/mobile)*/

.sifr-alt { display: none; }
.font-01,.font-02 { display:block; visibility:hidden; margin:0;padding:0; font-weight:normal; }
* html .png { visibility:hidden; }
* html .png-noscale { visibility:hidden; }

/* sprites */
.spr-x { background-image: url(../images/spr-x.png); background-repeat: repeat-x; }
.spr-y { background-image: url(../images/spr-y.png); background-repeat: repeat-y; }
.spr-site { background-image: url(../images/spr-site.png); background-repeat: no-repeat; }
.spr-site-jpg { background-image: url(../images/spr-site-jpg.jpg); background-repeat: no-repeat; }
.spr-site-png24 { background-image: url(../images/spr-site-png24.png); background-repeat: no-repeat; }
.spr-slideshow { background-image: url(../images/spr-slideshow.jpg); background-repeat: no-repeat; }

/* SITE SELECTORS
---------------------------------*/

/* PAGE */
html { background:#0845bf; }
body { color: #232323; }
a:link,a:visited,a:hover,a strong { color: #232323; }
#home,#internal { padding:1px 0 0 0; }
.top { background-position: 0 0; display:block; left:0; width: 100%; height:475px; }
.site { width: 994px; text-align:left; margin: 8px auto 0 auto; padding: 0 0 20px 0; position:relative; }

/* BRANDING */
#branding { height: 111px; position:relative; }
#logo-fetch-logistics { width: 179px; height: 98px; position:absolute; top: 0px; left:48px; background-position: 0 0; text-indent:-6000px; }
#tagline { width: 295px; height: 36px; position:absolute; top: 49px; left: 241px; text-indent:-6000px; background-position: -194px -50px; }
#branding .phone { position:absolute; top: 54px; right: 40px; height:29px; width: 280px; text-indent:-6000px; background-position: -612px -45px; }

/* PHOTO */
#photo { display:block; background-position: 0 0; position:relative; }

/* SLIDESHOW */
#slideshow { display:block; position:relative; height: 253px; width:982px; overflow:hidden; background-position: 0 -106px; }
#slideshow span { display:block; position:absolute; top: 3px; right: 38px; z-index:8; height: 247px; width:500px; }
#slideshow span.active { z-index:10; }
#slideshow span.last-active { z-index:9; }

#photo-01 { background-position: 0 0 !important; }
#photo-02 { background-position: 0 -247px !important; }
#photo-03 { background-position: 0 -494px !important; }

/* NAV TOP */
#nav-top { position:absolute; right: 40px; top: 90px; }
#nav-top ul { }
#nav-top ul li { display:inline; background-position: -993px -155px; padding: 0 5px 0 9px; }
#nav-top ul li.first { background:none; }
#nav-top ul li a { color: #fff; display:inline; text-decoration:none; }
#nav-top ul li a:hover { text-decoration:underline; }

/*NAV*/
#nav { position: absolute; top:364px;left:38px; z-index: 100; padding: 6px 0 6px 0; width: 908px; border: solid #fff; border-width: 0 3px 3px 3px; background-position: 0 -475px; }
#internal #nav { top: 317px; }
#nav ul { height: 19px; list-style:none; margin:0 0 0 0;padding:0; position:relative; }
#nav a { text-align:left; display: block; height: 19px; text-indent: -6000px; padding: 0 17px; background-image:url(../images/spr-site.png); background-repeat:no-repeat;}
#nav li { position:relative; }
#nav li.level1 { float: left; display: block; background-position: -992px 0; padding: 0 2px 0 0; }/*menu category styling*/
#nav li.first { background:none; }
#nav li.last a { padding-right:0; }

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 148px !important; color: #fff; text-decoration: none; background:none !important; border:0; } /* reset for dropdown */
#nav li ul a.hover { color:#FCD2A2; }
#nav ul ul { position: absolute; top: 19px;left: 0px; width: 171px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; background:none; } /*dropdown properties*/
#nav li ul li { border: #FCD2A2 solid; border-width: 0 0 1px 1px; border-left-style: dotted; width:100%; background: #E5820F; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { background:#BA6705; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
#nav li ul li span.flyout { display:block; background:url(../images/nav-flyout.png) no-repeat 99% 9px; }
#nav li a.place-holder { cursor: default; }

#nav li ul li.top { background: no-repeat bottom; height: 5px; border:0; }
#nav li ul li.bottom { background: no-repeat; height: 5px; border:0; }
* html #nav li ul li.top { font-size: 0; }
* html #nav li ul li.bottom { font-size: 0; }

/* nav categories */
#nav #nav-about-us a { background-position: 17px -367px; width: 66px; }
#nav #nav-about-us:hover a {background-position: 17px -386px; }
#nav #nav-services a { background-position: 17px -406px; width: 62px; }
#nav #nav-services:hover a {background-position: 17px -425px; }
#nav #nav-shippers a { background-position: 17px -445px; width: 65px; }
#nav #nav-shippers:hover a {background-position: 17px -464px; }
#nav #nav-carriers a { background-position: 17px -484px; width: 58px; }
#nav #nav-carriers:hover a {background-position: 17px -503px; }
#nav #nav-the-smartway a { background-position: 17px -523px; width: 105px; }
#nav #nav-the-smartway:hover a { background-position: 17px -542px; }
#nav #nav-fetch-in-the-news a { background-position: 17px -562px; width: 131px; }
#nav #nav-fetch-in-the-news:hover a {background-position: 17px -581px; }
#nav #nav-careers a { background-position: 17px -601px; width: 56px; }
#nav #nav-careers:hover a {background-position: 17px -620px; }
#nav #nav-contact-us a { background-position: 17px -640px; width: 80px; }
#nav #nav-contact-us:hover a {background-position: 17px -659px; }


/*PAGE TITLE*/
#page-title { height: 206px; width:982px; overflow:hidden; background-position: 0 -909px; position:relative; z-index:10; font-family: Helvetica, "Microsoft Sans Serif",Arial, sans-serif; }
#page-title h2 { position: absolute; z-index: 999; top: 122px; left: 56px; width: 410px; font-size:2.8em; letter-spacing:.05em; font-weight:normal; color:#fff; }
#page-title span { display:block; position:absolute; top: 3px; right: 65px; width: 460px; height:200px; }

#page-title #photo-carriers { background-position: 0 0; }
#page-title #photo-the-smartway { background-position: 0 -200px; width:981px; height:206px; top: 0; right:auto; left:0; z-index: 1000; text-indent:-6000px; }
#page-title #photo-contact-us { background-position: 0 -406px; }
#page-title #photo-careers { background-position: 0 -606px; }
#page-title #photo-fetch-in-the-news { background-position: 0 -806px; }
#page-title #photo-services { background-position: 0 -1006px; }
#page-title #photo-about-us { background-position: 0 -1206px; }
#page-title #photo-shippers { background-position: 0 -1406px; }

#link-home { background-position: -225px -634px; position:absolute; z-index:500; top:376px; right:63px; width: 65px; height:28px; text-indent:-6000px; z-index:10; }

/*MAIN*/
#main { overflow:hidden; width: 100%; background-position: 0 0; margin: 45px 0 0 0; position:relative; padding: 1px 0 0 0; }
#main .top { background-position: 0 -680px; left:0; width: 100%; height: 175px; }
#internal #main .top { background-position: 0 -1124px; }

/*CONTENT PANEL*/
#content-panel { float:left; width: 174px; display:inline; margin:26px 0 0 33px;}
#internal #link-join-our-email-list { width: 163px; height: 20px; background-position: -223px -603px; position:absolute; top:auto; bottom:10px; left:25px; }

/*NAV SUB*/
#nav-sub { width: 100%; position:relative; }
#nav-sub ul { }
#nav-sub li { padding: 0 0 0 16px; width: 158px; border-bottom:1px dashed #a2a2a2; }
#nav-sub li a {  font-weight: bold; font-size: 1.2em; color:#2666b1; display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/* CONTENT */
#content-main { float:right; width: 721px; display:inline; overflow:hidden; margin: 30px 37px 0 0; padding: 0 0 0 0; position:relative; }
#content-main .cms { min-height: 200px; margin: 20px 0 0 0; }
* html #content-main .cms { height: 200px; }

/* INTRO */
#intro { float:right; display:inline; margin: 20px 54px 0 0; width:740px; position:relative; z-index:10; }
#intro h2 { margin:0 0 0 0; padding:0; width:px; height: px; background-position: 0 -19px; text-indent:-6000px; }
#intro .cms { min-height: 200px; }
* html #intro .cms { height: 200px; }

/* ASSOCIATIONS */
#associations { width: 143px; float:left; display:inline; background-position: -994px 0; position:relative; margin: 17px 0 0 40px; min-height: 100px; padding: 0 0 17px 0; }
* html #associations { height: 100px; }
#associations .top { background-position: -219px -367px !important; left:0; width: 100%; height: 128px; z-index:4; }
#associations .bottom { background-position: -219px -494px; left:0; width: 100%; height: 11px; z-index:5; }
#associations ul { position:relative; z-index:10; }
#associations ul li { text-indent:-6000px; }
#associations ul li a { display:block; height:100%; }

#logo-tia-pc { width: 65px; height: 74px; background-position: -387px -370px; margin: 11px 0 0 37px; }
#logo-tia { width: 65px; height: 76px; background-position: -384px -457px; margin: 14px 0 0 33px; }
#logo-inc-500 { width: 77px; height: 47px; background-position: -379px -544px; margin: 11px 0 0 29px; }

/* BREADCRUMB */
#breadcrumb { border-bottom: 1px solid #AEC5EC; padding-bottom:3px; }

/* SITE INFO */
#site-info { background-position: 0 -855px; left:0; width: 100%; height: 36px; padding: 14px 0 0 0; text-align:center; line-height: 1.4em; position:relative; z-index:20px; }
#site-info address { color:#D87706; margin:0 0 0 0; font-style: normal; font-weight:bold }
#site-info address span { background-position: -993px -329px; padding: 0 6px 0 9px; }
#site-info address span.last { border-right: 0; }
#site-info address br { display:none; }
#site-info ul { }
#site-info li { display:inline; background-position: -0px 0; white-space:nowrap; }
#site-info li.first { }
#site-info li.last { }
#site-info li a { line-height: 1.1em; margin: 0 5px 0 9px; }
#link-join-our-email-list { width: 163px; height: 20px; background-position: -223px -603px; position:absolute; top:-24px; left: 200px; }

/* CORE101 */
#logo-core101 { color:#000; position:absolute; bottom:-15px; right:0; height:15px; line-height:14px; width: 412px; }
#logo-core101 span { background-position: 0 0; display:block; width: 15px; height: 15px; position:absolute; right:0; top:0; left:auto; bottom:auto; }
#logo-core101 a { color:#000; text-decoration:none; }
* html #logo-core101 span { background:url(../images/icon-core101.png) 0 0 no-repeat; }