/* SEKO main stylesheet */

/* HTML Defaults */
html, body { margin: 0; padding: 0; border: 0; outline: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { color: #666; background: #fff; font: normal 13px/1 Arial, Helvetica, sans-serif; }
p { padding: 0 0 15px; }
ol, ul { margin: 0; padding: 15px 0 15px 15px; }
h1 { color: #999; font-weight: normal; font-size: 30px; margin: 10px 0 15px; }
h2 { margin-top: 0; font-weight: normal; color: #666; font-size: 18px; }
h3 { color: #333; margin: 0 0 5px; }
h5 { font-size: 11px; font-weight: bold; }
a, a:link, a:visited { color: #111; text-decoration: none; }
a:hover, a:active { color: #900; text-decoration: underline; outline: none; }
input.text { border: 1px solid #ccc; border-right: none; padding: 3px; }
input.search_arrow { border: 1px solid #ccc !important; border-left: none !important; cursor: pointer; }
input.search_arrow:focus { outline: none; border: none; }
img { border: none; }
ul.nobullet, ol.nobullet { margin-left: 0 !important; }
ul.nobullet li, ol.nobullet li { list-style: none !important; }
.floatright { clear: right; float: right; margin: 0 0 15px 15px; }
.ui-tabs .ui-tabs-hide { display: none; }
.selected { font-style: italic; font-weight: bold; }
.error { color: red; }
.small { font-size: 11px; }
a.home_mobile { display: none; }
a.rounded, a.rounded:visited { background: #aaa; font-size: 10px; font-weight: bold; color: #fff; padding: 3px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
a.rounded:hover, a.rounded:active { background: #999; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Faux Rounded Image Corners */
.content .rcorners { position: relative; }
.content .rcorners img { position: relative; z-index: 1; }
.content .rcorners span { display: block; height: 6px; width: 6px; overflow: hidden; position: absolute; z-index: 2; background: url(../../images/rounded.png) no-repeat; font-size: 0; }
.content .rcorners .tl { top: 0; left: 0; background-position: left top; }
.content .rcorners .tr { top: 0; right: 0; background-position: right top; }
.content .rcorners .bl { bottom: 0; left: 0; background-position: left bottom; }
.content .rcorners .br { bottom: 0; right: 0; background-position: right bottom; }

/* Form Elements */
.content .form { margin: 0 0 15px; padding: 0; }
.content .form li { list-style: none; clear: both; }
.content .form label { font-weight: bold; display: block; font-size: 11px; float: left; height: 24px; line-height: 24px; width: 80px; text-align: right; padding-right: 8px; }
.content .form input.txt, .content .form textarea, .content .form li textbox { padding: 3px; margin: 0; border: 1px solid #ccc; margin-bottom: 12px; float: left; }
.content .form input.txt { width: 225px; }
.content .form textarea { width: 300px; height: 80px; }
.content .form input.btn { color: #666; background: url(../../images/form_button.png) no-repeat; border: none; font-size: 11px; cursor: pointer; margin-left: 88px; display: block; width: 85px; height: 27px; text-align: left; padding-left: 14px; }

/* Careers Form Elements */
.careers .form { margin: 0 0 15px; padding: 0; clear: both; }
.careers .form li { list-style: none; clear: both; }
.careers .form label { font-weight: bold; display: block; font-size: 11px; float: left; height: 24px; line-height: 24px; width: 150px; padding-right: 8px; }
.careers .form input.txt, .careers .form li textbox { padding: 3px; margin: 0; border: 1px solid #ccc; margin-bottom: 12px; float: left; }
.careers .form input.txt { width: 225px; }
.careers .form-span { margin: 0 0 0 0px; padding: 0; clear: both; }
.careers .form-span li { list-style-type: none; clear: both; font-size: 11px; font-weight: bold; }
.careers .form-span label { font-weight: bold; display: block; font-size: 11px; line-height: 15px; padding-right: 8px; padding-bottom: 5px; }
.careers .form input.txt, .careers .form li textbox { padding: 3px; margin: 0; border: 1px solid #ccc; margin-bottom: 12px; float: left; }
.careers .form-span input.txt { width: 225px; }
.careers .form-span textarea { width: 95%; height: 80px; padding: 3px; margin: 0 0 10px; border: 1px solid #ccc; font-family: inherit; font-size: inherit; }
.careers .form-span input.btn { color: #666; background: url(../../images/form_button.png) no-repeat; border: none; font-size: 11px; cursor: pointer; margin-right: 10px; margin-top: 20px; display: inline-block; width: 85px; height: 27px; text-align: left; padding-left: 14px; }

/* Contact Us Form Elements */
.content #request_info label { display: block; float: none; width: auto; padding: 0; text-align: left; }
.content #request_info input.btn { margin: 0; }

/* Layout and Columns */
#sitewrap { width: 988px; margin: 0 auto 20px; }
#home #maincol { float: left; width: 735px; }
#home #rightcol { float: right; width: 243px; }
#inside #colwrap { float: left; width: 100%; margin: 5px 0 20px; background: url(../../images/bg_content_dividers.png) repeat-y; }
#inside #twocolwrap { float: left; width: 100%; margin: 5px 0 20px; background: url(../../images/bg_content_dividers_one.png) repeat-y; }
#inside #maincol { float: left; width: 452px; padding: 0 15px; }
#inside #leftcol { float: left; width: 243px; margin-right: 10px; }
#inside #rightcol { float: right; width: 243px; }
#inside #twocol { float: left; width: 720px; padding: 0 0 0 15px; }
/*#inside #onecol { padding: 0 15px; }*/
#main_content { clear: both; margin-bottom: 15px; }
#content { line-height: 20px; }
.login { padding: 20px 0px 0px 20px; }

/* Header */
#header { padding: 15px 0; height: 60px; position: relative; z-index: 50; }
#header .logo { float: left; }
#header #current_location { position: absolute; top: 28px; right: 170px; margin: 0 18px 0 0; width: 530px; text-align: right; }
#header #current_location span { display: block; color: #999; float: right; font-size: 15px; padding: 1px 0 2px 34px; background: url(../../images/flags.png) no-repeat; white-space: nowrap; }
#header #current_location span, #header #current_location span.global { background-position: -9999px -9999px; }
#header #current_location span.usa { background-position: 0 -24px; }
#header #current_location span.aus { background-position: 0 -72px; }
#header #current_location span.can { background-position: 0 0; }
#header #current_location span.chn { background-position: 0 -48px; }
#header #current_location span.fra { background-position: 0 -120px; }
#header #current_location span.nld { background-position: 0 -144px; }
#header #current_location span.gbr { background-position: 0 -96px; }
#header #current_location span span { display: inline; float: none; font-size: normal; padding: 0; background: none; }
#header #current_location a { clear: right; float: right; display: inline-block; font-size: 11px; color: #bbb; }
#header #current_location .languages { color: #aaa; clear: both; width: 100%; padding: 0 0 5px; text-align: right; }
#header #current_location .languages * { float: none; white-space: normal; display: inline; margin: 0; padding: 0; font-size: 11px; }
#header #current_location .languages a { margin-left: 8px; }
#header #current_location .languages .selected { font-style: normal; text-decoration: underline; }
#header #choose_country { float: right; position: relative; width: auto; margin: 5px 0 10px; z-index: 25; }
#header #choose_country a { text-decoration: none; }
#header #choose_country a:hover, #header #choose.on { background-position: 0 -32px; }
#header #choose_country h5 a { font-size: 14px; font-weight: normal; height: 32px; display: block; width: 166px; line-height: 32px; padding-left: 10px; cursor: pointer; background: #aaa url(../../images/dark_circle_arrow_down.png) 95% center no-repeat; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#header #choose_country h5 a:hover { background: #bbb url(../../images/dark_circle_arrow_down.png) 95% center no-repeat; }
#header #choose_country h5 a span { padding-right: 14px; border-right: 1px solid #666; }
/* 1st level of dropdown - Regions */
#header #countries { position: absolute; z-index: 2; width: 176px; display: none; top: 29px; left: 0; border-top: 1px solid #aaa; }
#header #countries ul { margin: 0; padding: 0; background: url(../../images/bg_choose_locations.png) bottom no-repeat; float: left; width: auto; }
#header #countries li { clear: both; padding: 6px 8px; font-size: 12px; font-weight: normal; color: #999; float: left; width: 160px; display: inline-block; border-top: 1px solid #aaa; }
#header #countries li a { color: #6d6f71; display: block; }
/* 2nd level of dropdown - Countries */
#header #countries ul ul { margin: 0; padding: 5px 0 0; background: none; float: none; width: auto; }
#header #countries ul ul li { padding: 0; border: none; float: left; width: 100%; }
#header #countries ul ul a { padding: 2px 0 2px 10px; display: block; width: auto; height: auto; line-height: normal; font-size: 11px; font-weight: bold; color: #6d6f71; border: none; }
#header #countries ul ul a:hover, #header #countries ul ul li.hover a { color: #fff; background: #6d6f71 url(../../images/small_right_arrow_white.gif) 3px 5px no-repeat; text-decoration: none; }
#header #countries ul ul a.open { background: #6d6f71 url(../../images/small_right_arrow_white.gif) 3px 5px no-repeat; color: #fff; }
/* 3rd level of dropdown - Cities */
#header #countries ul ul ul { display: none; padding: 2px 0 0; }
#header #countries ul ul ul li { padding: 1px 0; clear: none; background: none; float: left; width: 76px; border: none; }
#header #countries ul ul ul li a, #header #countries ul ul li.hover ul a { display: block; padding: 1px; color: #6d6f71; font-weight: normal; font-size: 10px; font-family: Tahoma; background: none; }
#header #countries ul ul ul li a:hover { color: #333; background: none; }
#header #social_media { display: inline; float: right; clear: right; }
#header #social_media ul { margin: 0; padding: 0; }
#header #social_media li { display: inline; float: left; }
#header #social_media a { float: left; margin-left: 12px; }

/* Main Navigation */
#navigation { height: 55px; background: #000 url(../../images/navbar.png) repeat-x; float: left; width: 100%; margin-bottom: 10px; position: relative; z-index: 20; }
/* level 1 */
#navigation ul { margin: 0; padding: 0; float: left; }
#navigation li { float: left; display: inline; }
#navigation a { color: #fff; display: block; float: left; background: url(../../images/navbar.png) repeat-x; width: 120px; height: 52px; line-height: 52px; text-align: center; font-size: 13px; text-decoration: none; border-right: 2px solid #444; }
#navigation a:hover, #navigation li.on a, #navigation li a.AspNet-Menu-Selected { background-position: 0 -55px; }
/* level 2 */
#navigation li ul { float: none; width: 200px; padding: 6px 12px 12px; position: absolute; top: 52px; left: -5px; background: url(../../images/bg_topnav_dropdown.png) bottom center no-repeat; }
#navigation li ul.show { display: block; }
#navigation li li { float: none; display: block; padding: 1px 0; }
#navigation li li a { float: none; width: auto; height: auto; line-height: normal; text-align: left; border: none; font-size: 11px; font-weight: bold; padding: 4px 8px 4px 12px; background: none; border: none; color: #6d6f71; }
#navigation li li a:hover { background: #6d6f71 url(../../images/small_right_arrow_white.gif) 4px 8px no-repeat; color: #fff; }

/* Search Box */
#search_box { float: right; width: auto; padding-right: 15px; }
#search_box h5 { float: left; color: #ccc; line-height: 52px; text-transform: uppercase; padding-right: 15px; }
#search_box div { display: inline; }
#search_box input { float: left; margin-top: 15px; }
#search_box input.text { border-right: none; width: 140px; height: 16px; line-height: 16px; }

/* Breadcrumbs */
#breadcrumbs { clear: both; font-size: 11px; line-height: 1.4; }

/* Home Page Hero & Lead-in Buckets */
#lead { float: left; width: 100%; margin-bottom: 25px; }
#hero { position: relative; height: 270px; margin-bottom: 10px; }
#hero div { height: 270px; width: 735px; position: absolute; top: 0; left: 0; background: black; z-index: 0; }
#hero div h1 { font-weight: normal; color: #fff; font-size: 30px; text-transform: uppercase; padding: 75px 0 0 50px; }
#buckets { float: left; width: 100%; margin-bottom: 10px; }
#buckets { position: relative; margin: 0; padding: 0; }
#buckets li { display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 177px; height: 160px; margin-right: 9px; }
#buckets li.bucket4 { margin: 0; }
#buckets li a { display: block; color: #fff; text-decoration: none; height: 160px; position: relative; }
#buckets li#Blue a { background: #0065a6; }
#buckets li#Green a { background: #008b43; }
#buckets li#Purple a { background: #7a5b9f; }
#buckets li#Red a { background: #c00; }
#buckets li a span { display: block; padding: 8px; }
#buckets li a span.title { font-size: 16px; }
#buckets li a span.teaser { font-size: 11px; color: #ddd; position: absolute; top: 68px; left: 12px; padding: 0; width: 153px; }
#buckets li a span.action { text-transform: uppercase; text-align: right; font-size: 9px; font-weight: bold; white-space: nowrap; position: absolute; bottom: 0; right: 0; padding-right: 24px; line-height: 13px; background: url(../../images/dark_circle_arrow_right.png) 96% center no-repeat; }
#buckets li a span span { padding: 6px 4px; }

/* Home Page Success Stories */
#successes { border: 5px solid #ccc; clear: both; padding: 5px; height: 85px; position: relative; margin-bottom: 35px; }
#successes h3 { background: #999; color: #fff; text-align: center; height: 30px; line-height: 30px; margin: 0 0 15px; }
#successes ul { margin: 0; padding: 0; float: left; width: 100%; }
#successes li { margin: 0; width: 113px; padding: 0 15px; float: left; }
#successes img { display: block; margin: 0 auto; }
#successes span { display: inline; clear: both; position: absolute; bottom: -18px; right: 10px; background: #ccc; color: #666; font-size: 10px; font-weight: bold; padding: 4px 6px; }

/* Home Page Right Column */
#utilities { margin: 0; padding: 0; text-align: center; }
#utilities { margin: 0 0 10px; }
#utilities a { display: block; font-size: 20px; height: 54px; line-height: 54px; text-decoration: none; color: #fff; padding: 0 10px; }
#utilities #login, #utilities #shipments, #utilities #locations { margin-bottom: 10px; clear: both; }
#utilities #login a { background: #aaa url(../../images/dark_circle_arrow_right.png) 96% center no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#utilities #login a:hover { background-color: #bbb; }
#utilities #shipments a { background: #666 url(../../images/dark_circle_arrow_right.png) 96% center no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#utilities #shipments a:hover { background-color: #888; }
#utilities #locations a { height: 133px; padding-top: 8px; line-height: normal; background: url(../../images/world_map_box.jpg) no-repeat; position: relative; }
#utilities #locations a:hover { background-position: 0 -141px; }
#utilities #locations a span { display: block; cursor: pointer; }
#utilities #locations a span.title { margin-bottom: 20px; }
#utilities #locations a span.teaser { font-size: 22px; font-weight: bold; padding-left: 10px; text-align: left; }
#utilities #locations a span.teaser span { padding-left: 35px; }
#utilities #locations a span.action { text-transform: uppercase; text-align: right; font-size: 11px; font-weight: bold; white-space: nowrap; position: absolute; bottom: 10px; right: 10px; padding-right: 24px; line-height: 13px; background: url(../../images/dark_circle_arrow_right.png) 96% center no-repeat; }

/* Contact Us Button */
#utilities #contact { margin: 0 0 10px; background: url(../../images/round_gray_button.png) right top no-repeat; float: left; width: 100%; }
#utilities #contact a { display: block; width: 113px; height: 36px; line-height: 36px; padding-right: 58px; text-align: right; font-size: 15px; color: #999; float: right; }
#utilities #contact a:hover { color: #666; text-decoration: none; }

/* Home Page SEKO News */
#seko_news { padding: 0 8px; }
#seko_news h3 { margin: 10px 0; }
#seko_news h3 a { font-weight: normal; color: #666; display: block; padding-left: 20px; font-size: 12px; line-height: 18px; background: url(../../images/blue_circle_arrow_right.png) 0 7px no-repeat; }
#seko_news h3 a:hover { color: #999; text-decoration: none; }
#seko_news h3 .date { color: #0065a6; }
#seko_news a.more_news { float: right; display: block; margin-bottom: 15px; background: none; font-size: 11px; }

/* E-Newsletter Reg Box */
.enews { clear: both; height: 32px; padding: 38px 0 0 14px; line-height: normal; background: url(../../images/register_enews_box.jpg) no-repeat; position: relative; margin-bottom: 15px; }
.enews input { padding: 0; margin: 0; height: 22px; float: left; display: block; }
.enews input.text { width: 184px; color: #999; padding: 0 4px; border: 1px solid #ccc; border-right: none; line-height: 22px; }
.enews input.search_arrow { border: 1px solid #ccc; border-left: none; height: 24px; width: 22px; text-indent: -9999em; overflow: hidden; background: #fff url(../../images/search_button.png) no-repeat; }
.enews .enewsvalidation { width: 90%; margin: 0 auto; font-size: 11px; background: #900; text-align: center; position: absolute; bottom: -14px; left: 12px; }
.enews .enewsvalidation span { color: #fff !important; }
#rightcol .enews { text-align: left; }

/* Inside Page Content */
.content p, .content ol, .content ul { padding: 0 0 15px; }
.content ol, .content ul { margin-left: 25px; }
.content ul li { list-style: circle; }
.content ol li { list-style: decimal; }
.content h1 { margin: 20px 0; line-height: 32px; }
.content h1.bg_header { text-indent: -9999em; overflow: hidden; height: 165px; width: 440px; }
.content h2 { font-size: 14px; color: #333; font-weight: bold; margin-bottom: 15px; }
.content p.intro { color: #888; font-size: 15px; }
.content .more { color: #fff; background: #aaa url(../../images/dark_circle_arrow_right.png) 10px 18px no-repeat; padding: 15px 15px 0 32px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.content .more li { font-weight: bold; padding: 2px 0; }
.content .more a:hover { color: #fff; }

/* News */
a.rss_icon { background: url(../../images/rss_icon.gif) left center no-repeat; float: right; font-size: 11px; padding-left: 22px; color: #666; }
.news_item { clear: both; padding: 15px 0 5px; float: left; width: 100%; background: #fff; }
.news_item img { float: left; margin: 0 15px 0 0; }
.news_item h1, .news_item h2 { color: #333; font-size: 16px; font-weight: bold; padding: 0 0 5px; margin: 0; line-height: normal; }
.news_item h1 { margin: 0; }
.news_item h1 span, .news_item h2 span { color: #999; }
.news_item .news_text { padding-left: 135px; padding-bottom: 20px; }
#news_archive { clear: both; float: left; width: 90%; }
#news_archive h2 { color: #fff; margin: 0; }
#news_archive.more .selected { font-style: normal; }
#news_archive.more ul { margin: 0; padding: 0 0 15px; }
#news_archive.more li { list-style: none; }
#news_archive.more li h3 a:link, #news_archive.more li h3 a:visited { color: #fff; text-decoration: none; }
#news_archive.more li h3 a span { color: #333; display: block; }
#news_archive.more li h3 a:hover { text-decoration: none; border-bottom: 1px solid #fff; }
#news_archive.more li h3 a:hover span { border: none !important; }

/* Locations */
#location_info { float: left; width: 150px; padding: 20px; background: #666; height: 490px; position: relative; margin: 0 0 20px; }
#location_info h1 { text-transform: uppercase; color: #fff; margin-bottom: 15px; }
#location_info p { font-size: 14px; color: #fff; line-height: 18px; }
#location_info img { position: absolute; bottom: 0; left: 0; }
#map { float: right; width: 780px; position: relative; z-index: 0; }
#map #jumpto { width: 782px; padding: 0; position: absolute; top: 1px; left: -2px; z-index: 999; }
#map a#jump { text-decoration: none; clear: both; color: #fff; font-size: 10px; font-weight: bold; display: block; margin: 0 auto; background: none; position: relative; }
#map a#jump span { display: block; height: 24px; line-height: 22px; width: 100px; padding-left: 24px; position: absolute; top: 0; right: 20px; background: url(../../images/pulldown_button.png) no-repeat; cursor: pointer; }
#map #continents { display: none; float: left; width: 100%; background: #666; background: rgba(0,0,0,.4); border-bottom: 2px solid #5a5a5a; }
#map #continents ul { width: 767px; padding: 0 0 0 16px; margin: 0; }
#map #continents li { display: inline; float: left; margin-right: 11px; padding: 11px 0; }
#map #continents li a { background: #c00; border-bottom: 1px solid #c00; color: #fff; float: left; font-size: 11px; font-weight: bold; display: block; width: 116px; padding: 10px 0; text-align: center; }
#map #continents li a:hover { border-color: #fff; text-decoration: none; }
#map_canvas { float: right; border: 1px solid #ccc; border-top: 3px solid #5a5a5a; width: 780px; height: 490px; position: relative; }
#map_canvas .map_bubble { font-size: 11px; }
#map_canvas .map_bubble img { display: block; margin-bottom: 5px; }
#map_canvas .map_bubble .bubble_txt { margin-right: 100px; }
#map_canvas .map_bubble .bubble_txt h4 { font-size: 15px; margin-bottom: 3px; }
#map_canvas .map_bubble .bubble_txt p { line-height: 12px; }
#map_canvas .map_bubble .bubble_txt span { font-weight: bold; }
#map_canvas .map_bubble img { position: absolute; top: 15px; right: 0; }
#map_canvas #logocontrol, #map_canvas .mapbox { position: absolute; bottom: -40px !important; }
#map_canvas #logocontrol { left: 0; }
#map_canvas .mapbox { right: 0; }
#zipcodelookup a { display: block; width: auto; background: #999; font-size: 100%; height: 24px; line-height: 24px; color: #eee; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#zipcodelookup a:hover { background: #aaa; color: #fff; text-decoration: none; }

/* Track Shipments */
#tracking_info { float: left; width: 150px; padding: 20px; background: #666; height: 490px; position: relative; margin: 0 0 20px; }
#tracking_info h1 { text-transform: uppercase; color: #fff; margin-bottom: 15px; }
#tracking_info p { font-size: 14px; color: #fff; line-height: 18px; }
#tracking_info p.small { font-size: 12px; color: #ccc; }
#tracking_info img { position: absolute; bottom: 0; left: 0; }
#track_shipments { float: right; width: 780px; position: relative; z-index: 0; padding-bottom: 25px; }
#track_shipments .trackResults { clear: both; border-top: 1px solid #ccc; padding-top: 10px; }
#track_shipments h2 { margin-bottom: 15px; }
#track_shipments h2 a {color: #990000;  text-decoration: none;}
#track_shipments h2 a:hover {color: #111; text-decoration: underline; outline: none; }
#track_shipments .tracking_default { padding: 0 10px; background: #eee; font-size: 14px; text-align: center; }
#track_shipments .tracking_default p { padding: 10px 0; line-height: 1.6; }
#track_shipments .email_cs { clear: both; padding-top: 5px; font-size: 80%; text-align: right; }
#shipment_search { background: #aaa; height: 32px; padding: 10px 0 0 45px; margin-bottom: 15px; }
#shipment_search input, #shipment_search select { float: left; border: 1px solid #ccc; padding: 2px; margin-right: 25px; }
#shipment_search select { padding: 1px; }
#shipment_search label { float: left; font-weight: bold; color: #fff; margin-right: 8px; padding-top: 3px; }
#shipment_search input.track_btn { cursor: pointer; }
table.trackChart { border-collapse: collapse; border: 1px solid #d5d5d5; width: 100%; font-size: 85%; line-height: 1.4; }
table.trackChart td { border: 1px solid #d5d5d5; padding: 6px 8px; }
table.trackChart tr.pager td { border: none; padding: 6px 0; font-size: 11px; font-weight: bold; }
table.trackChart tr.pager td a, table.trackChart tr.pager td span { margin-right: 10px; }
table.trackChart tr.header td { background: #900; border-color: #900; color: #fff; font-weight: bold; padding: 3px 8px; }
table.trackChart tr.odd td { background: #eee; }
table.packageData { color: #666; width: 100%; border: none; line-height: 1.4; }
table.packageData h2, table.packageData h3, table.packageData h4 { color: #333; }
#track_shipments table.packageData h2 { margin: 0; padding: 0 0 10px; }
table.packageData h3 { margin: 10px 0 0; padding: 5px 0; color: #900; font-size: 110%; font-weight: normal; border-top: 1px solid #ddd; }
table.packageData h4 { padding-top: 10px; }
table.packageData span { font-size: 95%; padding: 0 0 15px; }
table.packageData tr.subheader td { padding-top: 10px; }

/* Modals */
.modalWindow { background: #fff; padding: 10px; border: 1px solid #aaa; width: 720px; z-index: 9999 !important; position: absolute !important; top: 40px !important; }
.modalWindow .modalWrap { line-height: 1.6; }
.modalWindow .modalClose { position: absolute; top: -20px; right: 0; }
.reportBackgroundFilter { background: #000; opacity: .85; filter: alpha(opacity=85); z-index: 999 !important; }
.loading_progress { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: .7; filter: alpha(opacity=70); }
.loading_progress img { position: absolute; top: 65px; left: 50%; margin-left: -50px; }
.loading_progress img.top { top: 0; }

/* Track Shipments (in the modal window) */
.modalWindow #tracking_info { float: none; width: auto; padding: 0 10px; height: 50px; margin-bottom: 10px; }
.modalWindow #tracking_info h1 { float: left; margin: 0; }
.modalWindow #tracking_info p { float: right; padding-top: 16px; color: #ccc; }
.modalWindow #tracking_info p.small { display: none; }
.modalWindow #track_shipments { clear: both; float: none; width: auto; padding: 0; }
.modalWindow #track_shipments h2 { margin-bottom: 10px; font-size: 120%; color: #900; }
.modalWindow #track_shipments table { width: 99%; }
.modalWindow #track_shipments .trackResults { overflow: auto; max-height: 400px; }
.modalWindow #track_shipments .tracking_default { text-align: left; background: none; padding: 0; float: left; width: 48%; }
/*.modalWindow #track_shipments .tracking_default p { font-size: 100%; float: left; width: 45%; line-height: 1.8; padding: 5px 0 0; }*/
.modalWindow #track_shipments .tracking_default h4 { margin-bottom: 10px; }
.modalWindow #track_shipments .tracking_default p.small { padding: 0 0 10px; }
.modalWindow #shipment_search { padding: 3% 1% 3%; float: right; width: 48%; height: auto; position: relative; }
.modalWindow #shipment_search input, .modalWindow #shipment_search select { float: none; margin: 0 0 8px; display: block; }
.modalWindow #shipment_search input { width: 142px; font-size: 11px;  }
.modalWindow #shipment_search select { width: 148px; font-size: 11px; }
.modalWindow #shipment_search label { font-size: 90%; padding-top: 5px; display: block; width: 108px; text-align: right; }
.modalWindow #shipment_search input.track_btn { width: auto; position: absolute; right: 8px; top: 28px; }
.modalWindow table.trackChart td { padding: 2px 6px; }

/* Login Modal */
.modalWindow #login_wrap h1 { color: #fff; background: #666; padding: 4px 10px; margin: 0 0 10px;  }
.modalWindow #login_form { float: right; width: 40%; background: #aaa; padding: 2%; margin: 0; }
.modalWindow #login_form ul { margin: 0; padding: 0; }
.modalWindow #login_form li label { color: #fff; text-align: left; }
.modalWindow #login_form li { margin-bottom: 8px; float: left; width: 100%; }
.modalWindow #login_form li.check input { float: left; margin: 0; padding: 0; }
.modalWindow #login_form li.check label { height: auto; line-height: normal; width: auto; font-weight: normal; margin-left: 8px; }
.modalWindow #login_form li.btn input { margin-left: 0; }
.modalWindow #login_form li.fpw { padding: 5px 0 0; font-size: 80%; }
.modalWindow #login_form li input.txt { width: 270px; }
.modalWindow #user_actions { float: left; width: 54%; }
.modalWindow #user_actions h4 { margin-bottom: 10px; }
.modalWindow #user_actions p.small { padding-bottom: 10px; }
.modalWindow #user_actions a { cursor: pointer;}
.modalWindow #user_actions a#reqLogin { display: block; margin: 5px auto 20px; font-size: 11px; width: 100px; height: 24px; line-height: 24px; background: url(../../images/login_modal_btns.png) center -60px no-repeat; color: #eee; text-align: center; }
.modalWindow #user_actions a#reqLogin:hover { background-position: center -84px; color: #fff; text-decoration: none; }
.modalWindow #user_actions a#trackShip { display: block; margin: 5px auto 20px; font-size: 14px; font-size: 110%; width: 150px; height: 30px; line-height: 30px; background: url(../../images/login_modal_btns.png) center 0; color: #eee; text-align: center; }
.modalWindow #user_actions a#trackShip:hover { background-position: center -30px; color: #fff; text-decoration: none; }

/* Zip Code Locations Modal */
#zip_code_locations { position: relative; }
#zip_code_locations h1 { color: #fff; background: #666; padding: 7px 10px; margin: 5px 0 0;  }
#zip_code_locations #enter_zip { position: absolute; top: 16px; right: 10px; }
#zip_code_locations #enter_zip label { color: #fff; }
#zip_code_locations #enter_zip input { margin-left: 5px; }
#zip_code_locations #enter_zip input.lookup_btn { width: auto; position: relative; top: 7px; }
#zip_code_locations #zip_results { padding: 10px 0 0;}
#zip_code_locations #zip_results #search_terms { float: left; width: 36%;}
#zip_code_locations #zip_results h4 { display: inline; }
#zip_code_locations #zip_results table { width: 62%; float: right; border-collapse: collapse; border: 1px solid #d5d5d5; }
#zip_code_locations #zip_results th, #zip_code_locations #zip_results td { font-size: 90%; padding: 2px 4px; text-align: left; border: 1px solid #d5d5d5; }
#zip_code_locations #zip_results th { color: #fff; background: #900; border-color: #900; }

/* Success Stories */
.content #ss_sections ul { margin-left: 0; }
.content #ss_sections ul li { list-style: none; display: inline; font-size: 14px; }
.content #ss_sections ul li a { display: block; background: url(../../images/light_circle_arrow_right.png) left 5px no-repeat; padding: 2px 0 2px 20px; }
.content #ss_sections ul ul { margin-left: 25px; margin-bottom: 20px; }
.content #ss_sections ul ul li { list-style: disc; }
.content #ss_sections ul ul li a { font-size: 12px; background: none; padding: 0; color: #666; }
.content ul#ss_list li { float: left; width: 100%; margin-bottom: 15px; }
.content ul#ss_list li img { display: block; margin-bottom: 5px; }
.success_wrap { padding-top: 10px; }
.success_wrap h1 { margin-top: 10px; }
.success_wrap .success_teaser { }
.success_wrap .section { padding-bottom: 15px; }
.success_wrap .section h3 { text-transform: uppercase; }

/* Careers */
.accordionHeader, .accordionHeaderSelected { margin: 10px 0 0; padding: 10px 0; border-top: 1px solid #ddd; cursor: pointer; }
.accordionHeaderSelected { padding-left: 20px; background: #fff url(../../images/light_circle_arrow_down.png) no-repeat left 13px; }
h4.apply_btn { color: #fff; padding: 0 10px; width: 55px; height: 24px; line-height: 24px; background: #aaa url(../../images/dark_circle_arrow_right.png) no-repeat 90% center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
h4.apply_btn:hover { background-color: #bbb; }
.accordionHeaderSelected h4.apply_btn { background: none; color: #666; padding: 0; height: auto; line-height: normal; }

/* SEKO Management (Contact page) */
#seko_mgmt { text-align: left; }
#seko_mgmt h3 { margin-bottom: 15px; }
#seko_mgmt ul { margin: 0; padding: 0; }
#seko_mgmt li { clear: both; list-style: none; font-size: 85%; color: #666; line-height: 1.5; height: 102px; }
#seko_mgmt li img { float: left; }
#seko_mgmt li div.mgmt_info { float: right; width: 172px; }
#seko_mgmt a { color: black; font-size: 100%; height: auto; line-height: normal; padding: 0; }
#seko_mgmt a:hover { text-decoration: underline; }

/* SEKO Contact Locations (Contact page) */
#seko_contact_info { padding: 15px 0; margin: 15px 0; border-top: 1px solid #ddd; line-height: 1.3; }
#seko_contact_info h4 { margin-bottom: 5px; }
#seko_contact_info h5 { padding-left: 10px; }
#seko_contact_info p { font-size: 85%; padding-left: 10px; }

/* SEKO Management (page) */
#seko_mgmt_main { text-align: left; }
#seko_mgmt_main h3 { margin-bottom: 15px; }
#seko_mgmt_main ul { margin: 0; padding: 0; }
#seko_mgmt_main li { clear: both; list-style: none; font-size: 85%; color: #666; line-height: 1.5; height: 102px; }
#seko_mgmt_main li img { float: left; }
#seko_mgmt_main li div.mgmt_info { float: right; width: 172px; }
#seko_mgmt_main a { color: black; font-size: 100%; height: auto; line-height: normal; padding: 0; }
#seko_mgmt_main a:hover { text-decoration: underline; }
#seko_mgmt_main li div.mgmt_info_main{ float: right; width:200px;}

/* Left Navigation */
/* defaults */
.leftnav { padding-bottom: 40px; background: url(../../images/dot_board.png) right bottom no-repeat; }
.leftnav .AspNet-TreeView a { display: none; }
.leftnav .AspNet-TreeView a:hover { text-decoration: none; }
/* level 1 */
.leftnav .AspNet-TreeView li ul li { margin-bottom: 8px; padding-bottom: 4px; background: url(../../images/leftnav_white_bg_expand.png) 0 100% no-repeat; }
.leftnav .AspNet-TreeView li ul a { display: block; font-weight: bold; font-size: 12px; color: #444; background: url(../../images/leftnav_white_bg_expand.png) 0 0 no-repeat; padding: 7px 10px 4px 25px; line-height: 1.3; /*height: 30px; line-height: 30px;*/ }
.leftnav .AspNet-TreeView li ul a:hover { /*background-position: 0 -148px;*/ color: #000; }
.leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Selected, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-ChildSelected { background: url(../../images/leftnav_black_bg_expand.png) 0 100% no-repeat; }
.leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Selected a, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-ChildSelected a, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Selected a:hover, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-ChildSelected a:hover { color: #fff; background: url(../../images/leftnav_black_bg_expand.png) 0 -148px no-repeat; }
.leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Parent.AspNet-TreeView-Selected, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected { padding-bottom: 0; }
.leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Parent.AspNet-TreeView-Selected a, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Parent.AspNet-TreeView-Selected a:hover, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected a, .leftnav .AspNet-TreeView li ul li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected a:hover { background-position: 0 0; }
/* level 2 */
.leftnav .AspNet-TreeView li li ul { padding-left: 15px; padding-top: 8px; background: #fff url(../../images/leftnav_black_bg.png) -1px -54px no-repeat; border: 1px solid #fff; border-top: none; }
.leftnav .AspNet-TreeView li li ul li { background: none !important; margin-bottom: 0; margin-top: 6px; }
.leftnav .AspNet-TreeView li li ul a { color: #777; text-decoration: none; font-weight: normal; border: none; background: none; padding: 5px 24px 5px 8px; }
.leftnav .AspNet-TreeView li li ul a:hover { background: none; text-decoration: none; }
.leftnav .AspNet-TreeView li ul .AspNet-TreeView-Selected ul a, .leftnav .AspNet-TreeView li ul .AspNet-TreeView-ChildSelected ul a { background: none; color: #777; text-decoration: none; font-weight: normal; }
.leftnav .AspNet-TreeView li ul .AspNet-TreeView-Selected ul a:hover, .leftnav .AspNet-TreeView li ul .AspNet-TreeView-ChildSelected ul a:hover { color: #444; background: none; }
.leftnav .AspNet-TreeView li ul .AspNet-TreeView-ChildSelected ul .AspNet-TreeView-Selected a, .leftnav .AspNet-TreeView li ul .AspNet-TreeView-ChildSelected ul .AspNet-TreeView-Selected a:hover, .leftnav .AspNet-TreeView li ul .AspNet-TreeView-ChildSelected ul .AspNet-TreeView-ChildSelected a, .leftnav .AspNet-TreeView li ul .AspNet-TreeView-ChildSelected ul .AspNet-TreeView-ChildSelected a:hover { color: #fff; background: url(../../images/leftnav_gray_bg_expand.png) right center no-repeat; }
/* level 3 -- don't show */
.leftnav .AspNet-TreeView li li li ul { display: none; }

/* Footer */
#footer { clear: both; height: 28px; line-height: 26px; font-size: 10px; color: #fff; background: #000 url(../../images/footer.png) repeat-x; text-align: right; padding-right: 10px; }
#footer a { height: 26px; color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footernav { float: left; width: auto; }
#footernav ul { margin: 0; padding: 0; }
#footernav li { float: left; width: auto; padding: 0 8px; border-right: 1px solid #444; }
#footernav a { display: block; float: left; }

/* Sitemap */
#sitemap { float: left; width: 100%; margin-bottom: 20px; line-height: 14px; }
#sitemap ul { margin: 0; padding: 0; }
#sitemap ul li { display: inline; }
/* Don't display root link (home) */
#sitemap ul li a { display: none; }
/* level 1 */
#sitemap ul ul li { display: block; margin-top: 15px; background: none; list-style: none !important; }
#sitemap ul ul li a { display: block; font-size: 14px; font-weight: bold; padding: 4px 6px 4px 25px; background: url(../../images/dark_circle_arrow_right.png) 6px center no-repeat !important; color: #333; border-bottom: 1px solid #ccc; }
#sitemap ul ul li a:hover { text-decoration: none; background-color: #999 !important; color: #fff; }
/* level 2 */
#sitemap ul ul ul li { float: none; width: auto; padding: 10px 0 0 24px; margin: 0; }
#sitemap ul ul ul li a { color: #666; font-size: 11px; background: none !important; height: auto; -moz-border-radius: 0; padding: 0; font-weight: bold; border: none; }
#sitemap ul ul ul li a:hover { text-decoration: underline; background: none !important; color: #666; }
/* level 3 */
#sitemap ul ul ul ul li { padding-left: 15px; }
#sitemap ul ul ul ul li a { color: #999; font-weight: normal; }

/* Search Page Overrides */
.ektronSearch { margin: 0; padding: 5px 0 0; }
.ektronSearch ul.searchNavigation li a, .ektronSearch ul.searchNavigation li a.selected { color: #666; padding: 6px 12px 6px 30px; background: #ddd url(../../images/light_circle_arrow_right.png) 10px center no-repeat; }
.ektronSearch ul.searchNavigation li a.selected { color: #900; background: #fff url(../../images/dark_circle_arrow_down.png) 10px center no-repeat; font-style: normal; }
.ektronSearch ul.searchNavigation a.selected { color: #666; }
.ektronSearch ul.searchNavigation li, .ektronSearch div.searchWrapper { border-color: #ccc; }
.ektronSearch div.searchWrapper div.searchResultsHeader h3 { background: #999; border-color: #ccc; color: #fff; }
.ektronSearch div.searchWrapper ol, .ektronSearch div.searchWrapper ul { margin: 10px; }
.ektronSearch div.searchWrapper li { list-style: circle; }
.ektronSearch div.searchWrapper div#basicTerms input, .ektronSearch div.searchWrapper div#advancedTerms fieldset input { border: 1px solid #ccc; padding: 3px; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset { margin: 0; padding: 0; width: 49%; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset.findResults { float: left; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset.searchFilters { float: right; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset legend { display: block; font-size: 16px; color: #333; margin: 0; padding: 0 0 10px; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset li { list-style: none; border-bottom: 1px dashed #ddd; padding: 8px 0 10px; margin: 0; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset ul, .ektronSearch div.searchWrapper div#advancedTerms fieldset p { margin: 0 0 10px; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset input { width: 220px; }
.ektronSearch div.searchWrapper div#advancedTerms ul li span { width: 200px; }
.ektronSearch div.searchWrapper div#advancedTerms input.advancedSubmit { display: block; clear: both; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset a.removeMeta { font-size: 10px; color: #900; padding-left: 16px; background: url(../../images/red_x.png) left center no-repeat; }
.ektronSearch div.searchWrapper .searchResults { clear: both; padding-top: 15px; }
.ektronSearch div.searchWrapper div#basicTerms input, .ektronSearch div.searchWrapper div#basicTerms select { float: left; }
.ektronSearch div.searchWrapper div#basicTerms select, .ektronSearch div.searchWrapper div#advancedTerms select { border: 1px solid #ccc; padding: 2px; margin: 0 6px; }
.ektronSearch div.searchWrapper div#basicTerms input.basicSearchSubmit, .ektronSearch div.searchWrapper div#advancedTerms input.advancedSubmit, .ektronSearch div.searchWrapper div#advancedTerms fieldset input.addFilter { color: #666; background: url(../../images/form_button.png) no-repeat; border: none; font-size: 11px; cursor: pointer; display: block; margin-left: 5px; width: 85px; height: 27px; text-align: left; padding-left: 10px; }
.ektronSearch div.searchWrapper div#advancedTerms fieldset input.addFilter { padding-left: 5px; }
.ektronSearch div.searchWrapper table.t { border-color: #333 !important; padding-top: 2px; }
.ektronSearch div#navbar ul.ektronPaging li { border-color: #999; padding: 2px 10px; }

/* General Ektron Overrides */
#rightcol #design_content, #rightcol div.design_content { clear: both !important; background: none !important; overflow: visible !important; }
#design_content, div.design_content { padding: 0 !important; }
.design_validation_failed { border: 1px solid #900 !important; }
div.PBViewing { float: none !important; }
.PBItem { list-style: none !important; margin: 0 !important; padding: 0 !important; }

/* Admin Tab Slider */
#admin_menu { position: fixed; top: 150px; left: 0; background: url(../../images/admin_tab.png) right top repeat-x; height: 70px; line-height: 70px; }
#admin_menu div {  padding: 0 35px 0 15px; color: #aaa; }
#admin_menu div a { color: #fff; font-size: 11px; }
#admin_menu .pull_tab { position: absolute; top: 0; right: 0; display: block; cursor: pointer; height:70px; width: 29px; overflow: hidden; background: #fff; opacity: 0; filter: alpha(opacity=0); }
#admin_menu:hover { background-position: right -70px; }
#admin_menu.out, #admin_menu.out:hover { background-position: right -140px; }