/* GLOBALS
------------------------------------- */

div, ul, ol, li, h1, h2, h3, h4, h5, p, span, img, table, form, thead, tbody, tr, td, form, label, small, body, html {
        margin: 0;
        padding: 0;
        border: none;
        font-weight: normal;
}

body {
        font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
        border-top: 4px solid #0a4570;
}

.clear {
        clear: both;
}

a { color: #1378be; text-decoration: none; }
a:hover { text-decoration: underline; }

/* FPO
------------------------------------- */


/* LAYOUT
------------------------------------- */

#container {
        margin: 0 auto;
        width: 886px;
}

#sitelogo {
        display: block;
        float: left;
        margin: 40px 0 0 0;
        width: 181px;
        height: 96px;
        background: url(/images/cust/logo.png) left top no-repeat;
}

#sitelogo a {
        display: block;
        width: 181px;
        height: 96px;
        text-indent: -999px;
}

#sitelogo-stage {
        display: block;
        float: left;
        margin: 40px 0 0 0;
        width: 181px;
        height: 96px;
        background: url(/images/cust/logo-stage.png) left top no-repeat;
}

#sitelogo-stage a {
        display: block;
        width: 181px;
        height: 96px;
        text-indent: -999px;
}

#sitelogo-fred {
        display: block;
        float: left;
        margin: 40px 0 0 0;
        width: 181px;
        height: 96px;
        background: url(/images/cust/logo-fred.png) left top no-repeat;
}

#sitelogo-fred a {
        display: block;
        width: 181px;
        height: 96px;
        text-indent: -999px;
}

#sitelogo-dev {
        display: block;
        float: left;
        margin: 40px 0 0 0;
        width: 181px;
        height: 96px;
        background: url(/images/cust/logo-dev.png) left top no-repeat;
}


#sitelogo-dev p {
    display: block;
    width: 181px
    height: 96px;
    color: orange;
}

#sitelogo-train p {
    display: block;
    width: 181px
    height: 96px;
    color: orange;
}

#sitelogo-train {
        display: block;
        float: left;
        margin: 40px 0 0 0;
        width: 181px;
        height: 96px;
        background: url(/images/cust/logo-train.png) left top no-repeat;
}


#logintab {
        display: block;
        float: right;
        height: 1.7em;
        width: 5.2em;
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        padding: .3em 0 0 .7em;
        text-align: center;
        background: #0a4570 url(../../images/cust/logintab.png) left bottom no-repeat;
}

#logintab p {
        float: left;
        padding-left: 10px;
}

#logintab span {
        display: block;
        float: right;
        height: 1.7em;
        width: 6px;
        background: #0a4570 url(../../images/cust/logintab-right.png) right bottom no-repeat;
}

#registration {
        float: right;
        padding: 6px 7px 0 0;
        font-size: 10px;
}

#nav {
        background: url(../../images/cust/nav_bg.gif) right center repeat-x;
        float: right;
        width: 600px;
/*        margin: 67px 0 0 0;  */
        margin: 15px 0 0 0;  
        list-style: none;
        clear: right;
}

#nav-launch {
        background: url(../../images/cust/nav_bg.gif) right center repeat-x;
        float: right;
        width: 600px;
        margin: 5px 0 0 0;
        list-style: none;
        clear: right;
}

#nav li {
        float: left;
        height: 1.6em;
        width: 110px;  /* 144 px */
        text-align: center;
}

#nav li a {
        text-decoration: none;
        font-size: 16px;
        display: block;
        padding: .4em 0 0 0;
        height: 1.6em;
        color: #0a4570;  
}

#nav li a:hover {
        background: url(../../images/cust/navhover.png) left top repeat-x;
}

#nav li.leftcap {
        background: url(../../images/cust/topleft-nav.gif) left top no-repeat;
        width: 9px;
        height: 2em;
        padding: 0;
}

#nav li.leftcap span {
        background: url(../../images/cust/bottomleft-nav.gif) left bottom no-repeat;
        display: block;
        width: 9px;
        height: 2em;
        padding: 0;

}

#nav li.rightcap {
        background: url(../../images/cust/topright-nav.gif) right top no-repeat;
        float: right;
        height: 2em;
        padding: 0;
        width: 9px;
}

#nav li.rightcap span {
        background: url(../../images/cust/bottomright-nav.gif) left bottom no-repeat;
        display: block;
        width: 9px;
        height: 2em;
}

#precontent {
    float: right;
    clear: right;	
    width: 580px;
    height: 47px;
    margin: 10px 0px 0 0;
    padding: 5px 10px;
/*    border: 1px solid #a7bece; 
    background: #dbe5ed; */
    color: #105585;
    font-size: 12px;
    text-align: left;
    background: transparent url(../../images/cust/quoleft.png) left top no-repeat;
    /*
      Show/hide the message module using "display: block;" and "display: none;" below.
    display: none;
      */
}

#precontent .quote {
  background: transparent url(../../images/cust/quoright.png) right bottom no-repeat;
}

#precontent .quote-nav {
    text-align: right;
}


#precontent .author {
    text-align: right;
    font-weight: bold;
/*  padding: 0 48px;  */
}


#undernavcontent {
    float: right;
    clear: right;
    margin: 2px 0 0 0;
    padding: 0px 10px;
    color: #e15e26;  /* Orange */
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    /*
      Show/hide the message module using "display: block;" and "display: none;" below.
      */
    display: block;
}

#sidenotice {
    float: left;
    clear: left;
    width: 180px;
    margin: 20px 0;
/*    background: #cedce6 url(../../images/cust/sidebar-top.gif) left top no-repeat;  */
    /*
      Show/hide the additional sidebar module using "display: block;" and "display: none;" below.
      */
    display: block;
}

#sidebarwrap {
    float: left;
}
/*
#sidenotice .sidebarfoot {
    background: #cedce6 url(../../images/cust/sidebarfoot.gif) left bottom no-repeat;  
    height: 12px;
    width: 100%;
}
*/
#sidenotice div.side_innerwrap {
    padding: 2px;
    font-size: 14px;
}

#sidenotice div.side_innerwrap div.side_ups {
    font-size: 13px;
    margin: 0 0 30px 0;
    color: #0a4570;
}

#sidenotice div.side_innerwrap div.side_gen {
    font-size: 13px;
    margin: 0 0 20px 0;
    color: #0a4570;
}

#sidenotice div.side_innerwrap div.side_gen img {
    margin: 5px 0 0 0;
}

#sidenotice div.side_innerwrap div.side_ups img {
    float: left;
    padding-right: 5px;
}

#sidenotice div.side_innerwrap div.side_gen p {
    font-size: 12px;
}

#feature {
        background: url(../../images/cust/feature_bg.jpg) left top no-repeat;
        float: left;
        width: 100%;
        position: relative;
        clear: both;
        margin: 2em 0 0 0;
}

#feature .featfoot {
        height: 45px;  /* 45px; */
        background: url(../../images/cust/featfoot.gif) left bottom no-repeat;
}

#feature .crate {
        position: absolute;
        top: -10px;
        margin-left: 10px;
        height: 193px;
        width: 220px;
        background: url(../../images/cust/box.png) left center no-repeat;
}

#feature #landingcopy {
        padding: 35px 0 0 260px;
}

#feature #landingcopy h2 {
        font-size: 42px;
        line-height: 36px;
        padding-bottom: 15px;
        font-weight: bold;
        text-shadow: 0 0 0 #000000;
        color: #fff;
}

#feature #landingcopy h3 {
        color: #e8eff0;
        font-size: 18px;
	font-weight: bold;
}

#feature #landingcopy b i {
    font-size: 22px;
    color: #ffa500;
}

#steps {
        float: left;
        margin-top: 0em;
        width: 100%;
        clear: both;
}

#extra-info {
    float: right;
    color: red
    width: 100%;
    clear: both;
    margin: 0 0 1em 0;
    font-size: 14px;
    }

#steps .box {
        width: 277px;
  height: 195px;
        float: left;
        background: #e5eaef url(../../images/cust/box-bottom.gif) left bottom no-repeat;
}
#steps .launch {
  width: 865px;
  height: 165px;
  float: left;
/*  background: #e5eaef url(../../images/cust/box-bottom.gif) left bottom no-repeat;  */
}

#steps #find {

}

#steps #ship {
        margin: 0 0 0 27px;
}

#steps #pickup {
        float: right;
}

#steps .box span {
        background: url(../../images/cust/homebox_bg.jpg) left top no-repeat;
        display: block;
        width: 227px;
        padding: 10px 25px;
}

#steps .box span h3 {
        padding: 10px 0 5px 55px;
        font-size: 24px;
        color: #0a4570;
        font-weight: bold;
}

#steps .box span h3 a {
        color: #0a4570;
        font-weight: bold;
}

#steps .box span h3 a:hover {
        text-decoration: none;
}

#steps #find h3 {
        background: url(../../images/cust/step1.png) left top no-repeat;
}

#steps #ship h3 {
        background: url(../../images/cust/step2.png) left top no-repeat;
}

#steps #pickup h3 {
        background: url(../../images/cust/step3.png) left top no-repeat;
}

#steps .box p {
        color: #444;
        padding: 10px 15px 5px 15px;
        line-height:20px;
        font-size: 12px;
}
#steps .box h2 {
        color: #444;
        font-weight: bold;
	font-size: 18px;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

#signup {
        float: right;
        clear: both;  
        margin: 1em 0 0 0; 
        background: url(../../images/cust/signup.png) left top no-repeat;
        height: 65px;
        width: 278px;
        text-decoration: none;
        font-size: 22px;
        text-transform: uppercase;
}


#footer {
    text-align: center;
        height: 2em;
        width: 100%;
        width: 826px;
        padding: 10px 0 0 60px;
        margin: 3.5em 0 0 0;
        list-style: none;
        float: left;
        clear: both;
        background: url(../../images/cust/footer.png) left top repeat-x;
}

#footer li {
       display: inline;
       font-size: 12px;
}
#footer li a {
        padding: 0 16px;
}


#legal {
    text-align: center;
    font-size: 10px;
    color: #555;
}

#legal li {
    display: inline;
    font-size: 10px;
}

#legal li a {
    padding: 0 16px;
}

#contentwrap {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 35px;
}

#sidebar, #service-highlight {
        width: 181px;
        background: #cedce6 url(../../images/cust/sidebar-top.gif) left top no-repeat; /* light blue bg */
        clear: left;
        float: left;
}

#sidebar .sidebarfoot, #service-highlight .service-footer {
        background: #cedce6 url(../../images/cust/sidebarfoot.gif) left bottom no-repeat;
        height: 12px;
        width: 100%;
}

#sidebar h3 {
        font-size: 15px;
        padding: 0;
        margin: 10px 0 0 10px;
        width: 161px;
        text-shadow: 0 0 0 #000000;
        text-transform: capitalize;
}

#sidebar h3 {
        background: #a7bece url(../../images/cust/sidebarhead-top.gif) left top no-repeat;
        color: #124970;  /* blue non-active sidebar element */
}

#sidebar h3, #sidebar h3 a {
        color: #124970;
        text-decoration: none;
}

#sidebar h3 a {
        padding: 6px 8px;
        display: block;
        height: 100%;
        width: 145px;
        background: url(../../images/cust/sidebarheading-bottom.gif) left bottom no-repeat;
}

#sidebar h3 a:hover {
        color: #fff;
}

#sidebar h3.active {
        background: #477495 url(../../images/cust/activesidebar.gif) top left no-repeat;
}

#contentwrap .articlesidebar h3.active a {
        background: url(../../images/cust/activesidearticle.gif) left bottom no-repeat;
}

#sidebar h3.active a {
        color: #fff;
        background: none;
        background: url(../../images/cust/activetabbg_bottom.png) left bottom no-repeat;
}

#sidebar h3.active a.drop {
        color: #fff;
        background: none;
}

#sidebar ul {
        list-style: none;
        padding: 5px;
        margin: 0 10px;
}

#sidebar ul.active {
        background: #fff url(../../images/cust/activesidebar-list.gif) left bottom no-repeat;
}

#sidebar ul li {
        padding: 5px 0;
        font-size: 11px;
        color: #555;
}

#sidebar ul li p {
        display: block;
}

#sidebar .signup {
        display: block;
        width: 162px;
        height: 36px;
        margin: 10px 0 0 10px;
        background: #fff url(../../images/cust/signupbutton_small.png) left bottom no-repeat;
}

#content {
        float: right;
        width: 670px;
}

#contentwrap .article, #contentwrap .form {
        font-size: 14px;
        line-height: 22px;
}



#content h2 {
        font-size: 29px;
        color: #1378be;
        text-transform: capitalize;
        font-weight: bold;
        border-bottom: 1px solid #222;
        margin: 0 0 10px 70px;
        padding: 3px 0 4px 0;
}

#content p {
        font-size: 16px;
        padding: 10px 0;
        padding-left: 70px;
        line-height: 24px;
}

#content .helper-content p {
        font-size: 16px;
        padding: 10px 0;
        padding-left: 0px;
        line-height: 24px;
}

#contentwrap .article h2, #contentwrap .form h2 {
        margin: 0 0 10px 0;
}

#contentwrap .article p {
        padding-left: 0;
        font-size: 14px;
        line-height: 22px;
}

#contentwrap .form p {
    padding-left: 0;
}

#contentwrap .find {
        background: url(../../images/cust/pickup1.gif) left top no-repeat;
}
#contentwrap .ship {
        background: url(../../images/cust/ship2.gif) left top no-repeat;
}
#contentwrap .pickup {
        background: url(../../images/cust/pickup3.gif) left top no-repeat;
}

#contentwrap .boxwrap {
        width: 600px;
        padding: 6px 0;
        padding-top: 0;
        background: #0e649f /* url(../../images/cust/mapcorner.gif) left top no-repeat */;
        margin-top: 20px;
	margin-left: 70px;
}

#contentwrap .pickup .boxwrap {
        width: 600px;
        padding: 6px 0;
        padding-top: 0;
        background: #0e649f url(../../images/cust/mapcorner.gif) left top no-repeat;
        margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 70px;
}

#contentwrap .boxwrap h3 {
        display: block;
        background: url(../../images/cust/maptab-right.gif) 120px top no-repeat;
        font-size: 18px;
        height: 1.2em;
        color: #fff;
        overflow: hidden;
        padding: 3px 20px 6px 15px;
}

#contentwrap .boxwrap h3.maptab {
        background-position: 55px top;
}


#contentwrap .boxwrap .boxinner {
        width: 590px;
        margin: auto;
}

#contentwrap .boxwrap .mapFPO {
/*        background: url(../../images/cust/mapFPO.jpg) left top no-repeat;
*/
        height: 285px;
}
/*
#contentwrap .boxwrap .map {
        width: 590px;
        height: 285px;
        margin: 0;
}
*/
#contentwrap .boxwrap table {
        background: #fff;
        border-collapse: collapse;
        font-size: 12px;
        width: 100%;
}

#contentwrap .article ul, #contentwrap .article ol {
    margin: 0 0 0 30px;
}



#contentwrap .boxwrap table tr {
}

#contentwrap .boxwrap table tr td {
        padding: 7px;
}

#contentwrap .boxwrap table tr th {
    padding: 2px;
    text-align: left;
    border-bottom: 1px black solid;
}

#contentwrap .boxwrap table tr td b span {
        font-weight: bold;
        color: #c33c00;
}

#contentwrap .boxwrap table tr.moreinfo {
        display: none;
}

#contentwrap .boxwrap table tr td ul {
        list-style: none;
}

/*
#contentwrap .boxwrap table tr td a.selectlocation {
*/
#contentwrap .boxwrap table tr td a.active {
        text-indent: -9999px;
        display: block;
        height: 28px;
        width: 116px;
        background: url(../../images/cust/selectlocation.gif) left top no-repeat;
}

#contentwrap .boxwrap table .odd tr td {
        background: #e8eef3;
}

#contentwrap .boxwrap table a {
        text-decoration: none;
}

#contentwrap .question, #contentwrap .information, #contentwrap .printmessage {
        margin-top: 10px; /* 50px; */
        padding-left: 45px;
        min-height: 36px;
	margin-left: 70px;
}

#contentwrap .question {
        background: url(../../images/cust/questionicon.gif) left top no-repeat;
}

#contentwrap .information {
        background: url(../../images/cust/infoicon.gif) left top no-repeat;
}

#contentwrap .question, #contentwrap .printmessage {
        background: url(../../images/cust/printicon.jpg) left top no-repeat;
}

#contentwrap .question p, #contentwrap .information p, #contentwrap .printmessage p {
        padding: 0;
        font-size: 12px;
        line-height: 17px;
}

.shipbox {
        width: 373px;
        margin: 20px 0 0 120px;
        background: #e6ecf0 url(../../images/cust/shipbox.gif) left top no-repeat;
}

.default {
        background: url(../../images/cust/defaultcard.png) left 16px no-repeat;
}

.shipbox ul {
        list-style: none;
        clear: both;
        padding: 15px 15px 0 15px;
}

.shipbox ul li {
        margin: 2px 0;
        padding: 2px;
        font-size: 18px;
}

.shipbox ul li small {
        display: block;
        font-size: 11px;
        color: #999;
        border-top: 1px solid #ccc;
}

.shipboxfoot {
        width: 373px;
        height: 10px;
        background: url(../../images/cust/shipbox_foot.gif) left bottom no-repeat;
}

.default .shipboxfoot {
        background: #e6ecf0 url(/images/cust/defaultcard_bottom.png) left bottom no-repeat;
}

.shipbox .shiplinks {
        float: right;
        font-size: 11px;
}


#content .pickupcard {
        width: 358px;
        margin: 20px 0 0 70px;
        background: url(/images/cust/pickup_bg.png) left top no-repeat;  
}

#content .pickupcard .pickupfoot {
        background: url(/images/cust/pickupfoot_bg.png) left bottom no-repeat;
        height: 25px;
        clear: both;
        width: 100%;
}

#content .pickupcard .cardcontent {
        padding: 28px 25px 15px 25px;
	float: left;
}

#content .pickupcard .cardcontent img {
        float: right;
}

#content .pickupcard .cardcontent div {
        clear: both;
        padding-top: 10px;
}

#content .pickupcard .cardcontent ul {
        font-size: 12px;
        list-style: none;
}

#content .pickupcard .cardcontent ul.pickuplocation {
        float: left;
        width: 180px;
}

#content .pickupcard .cardcontent ul.pickuphours {
        float: right;
        width: 115px;
}

#content .pickupcard .cardcontent ul li.ulhead {
        font-size: 14px;
        padding-bottom: 0px;
        color: #1b4169;
        font-weight: bold;
}

#contentwrap .printmessage {
        margin: 15px 0 0 70px;
        padding-top: 7px;
}

#contentwrap .printmessage a {
        font-weight: bold;
        color: #1b4169;
        font-size: 14px;
}

#content .pickupcard .cardcontent ul li {
        padding: 2px 0;
}

#content .faq a {
    display: block;
    margin: 2px 0 0 0;
}

#content .faq-item {
    display: block;
    margin: 25px 0 0 0;
}

#content .faq-item p {
    margin: 0;
    padding: 0;
    line-height: 16px;
}

#content .jobs {
    margin: 10px 0 0 0;
    width: 80%;
}

#content .jobs .job-title {
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #999;
    color: #1b4169;
}
#content .jobs .job-title .job-sub-title {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#content .jobs h3 {
    padding: 5px 0 0 0;
    text-decoration: underline;
}

#content .jobs p {
    line-height: 16px;
    margin: 0 0 5px 10px;
    padding: 0;
}

#content .notice-instruct {
    padding: 0 0 20px 0;
}

#content .notice-instruct b {
    color: #0a4570;
}

#content .notice-instruct img {
    float: left;
    padding-right: 30px;
}

#content .service-highlight-wrapper {
    float: right;
/*    background-color: #cedce6; */
    margin: 5px 0 0 10px;
    padding: 15px;
}

#dropdown {
        display: none;
        background: #0e649f url(../../images/cust/dropdown_bg.gif) left bottom repeat-x;
}

#login {
        padding: 30px 20px 30px 100px;
        width: 756px;
        height: 60px;
        margin: 0 auto;
}

#login label {
        font-size: 30px;
        margin-right: 13px;
        padding-top: 10px;
        color: #fff;
        float: left;
        display: inline;
}

#login .loginform {
        padding-bottom: 5px;
        display: block;
        margin: 0 0 0 13px;
        float: left;
        display: inline;
}

#login .loginform small {
        color: #fff;
}

#login .loginform input {
        padding: 0;
        border: none;
        margin: 0;
        font-size: 14px;
        font-family: 'trebuchet ms', arial, helvetica, sans-serif;
        background: url(../../images/cust/input.gif) left top no-repeat;
        height: 28px;
        outline: none;
        width: 151px;
        padding: 0 6px;
}

#login .loginform input.gobutton {
        width: 46px;
        height: 28px;
        margin-top: 18px;
        cursor: pointer;
/*        text-indent: -9999;  */
        background: url(../../images/cust/gobutton.gif) left top no-repeat;
}

#login .forgotpassword {
        float: right;
        padding-right: 105px;
        font-size: 12px;
        color: #b1bec8;
}

#login .forgotpassword a {
color: #b1bec8;
text-decoration:none;
}

/*
#login .forgotpassword {
        float: right;
        padding-right: 120px;
        font-size: 12px;
        color: #b1bec8;
}
*/
#content blockquote {
        font-size: 15px;
        line-height: 26px;
        float: right;
        color: #0a4570;
        font-style: italic;
        border-top: 6px solid #aac0cf;
        width: 230px;
        background: url(../../images/cust/blockquote_bg.jpg) left top no-repeat;
        padding: 20px 0 20px 35px;
}

#content blockquote p {
        font-weight: bold;
        display: block;
        padding-right: 20px;
        background: url(../../images/cust/endquote.gif) 205px bottom no-repeat;
}