@charset "utf-8";
/* CSS Document 

Author: Jazmin Brooks
Date: March 2010
Edited by: Tim Gill, Mike Wrzesniewski

*/

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form,input,textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    zoom:1;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
html {
    height: 100%;
    padding:0;
    margin:0;
    padding-bottom:1px;
}

/*standard styles */

body {
    margin: 0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#58595b;
    background-color:#cbccce;
    min-height:100%;
    background-image:url(images/body_bg.jpg);
    background-repeat:repeat-x;
    background-position:top;
}

p{
    margin:0;
    padding-bottom:15px;
}

a img{
    border:none;
    border-bottom:none;
}

img{
    display:block;
}

form img{
    display:inline;
}

.clear{
    clear:both;
    height:0;
    overflow:hidden;
}
.left{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.right{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

h1{
    line-height:normal;
    font-size:22px;
    font-weight:normal;
    color: #b42025;
    margin-bottom:15px;
}

h2{
    line-height:normal;
    font-size:16px;
    font-weight:normal;
    color:#b42025;
    /*margin-bottom: 5px;
    margin-top:10px;*/
}

h3{
    line-height:normal;
    font-size:14px;
    font-weight:bold;
    color:#b42025;
    margin:0;
    /*margin-bottom:5px;*/
}

h4{margin:0;}

.red {
    color:#B42025;
}

a {
    color:#b42025;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

ul{
    padding:0;
    margin:10px 10px 10px 10px;
}

ol {
    padding:10px 30px;
}

li{
    list-style: none;
    background: url(images/bullet.gif) no-repeat left 7px;
    padding-left: 20px;
    margin-bottom:10px;
}

ol li{
    list-style:decimal;
    padding-left:0;
    background-image:none;
}

ol li ol{
    padding:10px 30px;
}

ol li ol li{
    list-style:lower-alpha;
}

/* Form Stuff*/

#customer_satisfaction_form label,
#customer_satisfaction_form input,
#customer_satisfaction_form select,
#customer_satisfaction_form textarea{
    width: 260px;
    display: block;
    float: none;
}
#customer_satisfaction_form textarea{
    width: 480px;
    height: 150px;
}
#customer_satisfaction_form label {
    width: 450px;
    margin: 5px 0 10px 0;
}
#customer_satisfaction_form input,
#customer_satisfaction_form select {
    /*margin-bottom: 10px;*/
}
#customer_satisfaction_form .dateLabel {
    width: 110px;
    float: left;
}
#customer_satisfaction_form .datepicker {
    width: 100px;
    float: left;
    margin-right: 10px;
}
#customer_satisfaction_form select {
    width: 150px;
    display: block;
}

#customer_satisfaction_form label {
    color: #58595B;
}

#customer_satisfaction_form .textLabel {
    width: 200px;
    float: left;
}

input, textarea, select{
    border:1px solid #e0acaf;
    font-family:Arial, Geneva, sans-serif;
    font-size:11px;
    padding:2px 5px;
    width:290px;
    background-image:url(images/bg_input.jpg);
    background-repeat:repeat-x;
    float:left;
}

select{
    width:304px;
}

textarea {
    height:70px;
    width:394px;
}

#searchNugget a, #track_trace_form a, .contactButtons a, .contactButtons input,#loginSubmit a, #agentSearchBox a {
    float:left;
    display:block;
    background-image:url(images/button_sprite-trans.png);
    color:#333;
    text-align:center;
    width:75px;
    padding:5px 0 5px 0;
    line-height:normal;
    background-position:top;
    background-repeat:no-repeat;
    border:none;
    cursor: pointer;
    background-color: transparent;
}


#searchNugget a:hover, #track_trace_form a:hover, .contactButtons a:hover, .contactButtons input:hover, #loginSubmit a:hover, #agentSearchBox a:hover{
    background-position:0 -24px;
    text-decoration:none;
}

#searchNugget a:active, #track_trace_form a:active, .contactButtons a:active, .contactButtons input:active, #loginSubmit a:active{
    background-position:0 -48px;
}
.downloadList {
    margin-right:10px;
}
.validation{
    color: #F00;
    font-size:10px;
}
.validation_container {
    height:18px;
}


label {
    cursor:pointer;
    color:#b6111a;
}
#quote_form label, #requestsurvey_form label, #mobilitymanagement_form label, #corporateenquiry_form label, #rfp_form label{
    color:#666666;
}

#quote_form input, #quote_form textarea, #requestsurvey_form input, #mobilitymanagement_form input #corporateenquiry_form input{
    float: none;
}

#quote_form h2, #requestsurvey_form h2{
    color:#666666;
}
.noBorder{
    border-style:none !important;
}

form table td{

}

.smalltext{
    font-size:10px;
    line-height:normal;
}

/*Structure*/

#wrapper{
    width:970px;
    margin:0 auto;
}

#header{
    padding:0 5px 0 5px;
}

#content{
    background-image:url(images/content_bg.png);
    background-repeat:repeat-y;
    padding:0 7px 0 5px;
}

#footer{
    padding:10px 20px 20px 20px;
    color:#b42025;
    font-size:10px;
}

/*Header*/

#logo{
    float:left;
    padding-bottom:15px;
}

#logo a{
    border-bottom:none;
}

#searchNugget{
    float:right;
    padding-top:30px;
}

#search{
    float:right;
    padding-top:30px;
}

#searchNugget input{
    width:180px;
    margin-top:2px;
    margin-right:8px;
    border:1px solid #e0acaf;
}

#menu{

}

#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu li {
    float: left;
    margin: 0;
    padding:0;
    background-image:none;
}

#menu li a {
    height: 22px;
    font-size:12px;
    padding-top:8px;
    line-height: normal;

    display: block;
    color: #333333;
    text-decoration: none;
    text-align: center;
    width:136px;
    margin-right:1px;
    background-image:url(images/menu_bg_off.jpg);
    background-repeat:no-repeat;
    border:none;
}

#menu li a:hover{
    color:#fff;
    background-image:url(images/menu_bg_on.jpg);
}

#menu li a:active, #menu li .active{
    color:#fff;
    background-image:url(images/menu_bg_on.jpg);
}

/*Content*/

#pageHeading{
    position:relative;
    border:1px solid #fff;
    background-repeat:no-repeat;
    overflow:hidden;
    /*zoom:1;*/

}

.home #pageHeading{
    background-image:url(images/pageHeading_home.jpg);

}

#pageHeadingBtns{
    padding:13px 20px 13px 0;
    position:relative;
    float:right;
}

#pageHeadingBtns a{
    border:none;
}

#pageHeadingImg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    /*zoom:1;*/
}

#mainContent{
    padding:20px 0;
}

#wideCol{
    float:left;
    width:643px;
    padding:0 22px 0 20px;
    min-height:250px;
}

.internal #wideCol{
    width:495px;
}

#subCol{
    float:left;
    width:250px;
    background-image:url(images/subCol_btm.jpg);
    background-position:bottom;
    padding-bottom:5px;
}

#subCol h2{
    background-image:url(images/subCol_header.jpg);
    background-repeat:no-repeat;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    margin:0;
    padding:7px 15px;
}

#subColInner{
    background-image:url(images/subCol_bg.jpg);
    background-repeat:repeat-y;
    padding:15px;
}

.infoItem{

}

.infoItem h3, .infoItem h3 a{
    margin:0 0 5px 0;
    font-size:14px;
    font-weight:normal;
    border:none;
}

.infoItem a{
    color:#A21C25;
    border-bottom:1px solid #A21C25;
}

.infoItem a:hover{
    text-decoration:none;
    border-bottom:none;
}

.infoItem span{
    float:right;
    padding-top:10px;
}

#subColInner hr{
    color:#FFF;
    background-color:#fff;
    size:2;
    border:0;
    height:2px;
    margin:15px 0;
}

#subMenu  {
    float:left;
    width:150px;
    line-height:normal;
}

#subMenu ul{
    padding:0;
    margin:0;
}

#subMenu li{
    background-image:url(images/arrow.png);
    background-repeat:no-repeat;
    background-position:10px 3px;
    margin-bottom:15px;
    padding-left:23px;
}

#subMenu li a{
    color:#333;
    border-bottom:none;
    font-size:11px;

}

#subMenu li a:link, #subMenu li a:visited{
    /*color:#B42025;*/
    text-decoration:none;
    border-bottom:1px solid #F1EFEF;
}

#subMenu li a:hover{
    /*color:#B42025;*/
    text-decoration:none;
    border-bottom:1px solid #333333;
}

#subMenu li a:active, #subMenu li .active{
    /*border-bottom:1px solid #B6111A;*/
    color:#B42025;
}

#subMenu li a:active:hover, #subMenu li .active:hover{
    border-bottom:none;
}

#subMenu span{
    color:#B42025;
    font-weight:bold;
}

/*Footer*/

#footerMenu{
    float:left;
}

#footerCredit{
    float:right;
    padding-right:11px;
}

#footerCredit a{
    border-bottom:none;
}

/*Track and Trace Tim Stuff*/

#clientList .client .name {
    width: 300px;
    float: left;
}
.clientList {
    border-collapse:collapse;
    width: 100%;
}
.clientList th, .clientList td {
    border: 1px solid #E4E4E4;
    text-align:left;
    padding:10px;
    vertical-align:top;
}
.clientList th {
    font-size: 14px;
    background-color: #F4F4F4;
    color: #B6111A;
    border-bottom: 2px solid #B6111A;
    border-top: none;
}

.clientList th a{
    border:none;
}
#clientListContainer {
    border-top: 5px solid #B6111A;
    border-bottom: 5px solid #B6111A;
    margin-bottom: 20px;
}

#tterror {
    display: block;
    color: #EF1321;
    margin: 0 0 0 0;
}
.KT_field_error {
    color: #EF1321;
}
.KT_th input { 
    float:none;
}
.KT_th .clearfixplain { 
    display:none;
}
.sortIcon {
    display:inline;
    width:30px;
}
.sortIcon img {
    display: inline;
}

#track_trace_form input{
    margin-top:3px;
    margin-right:8px;
}

#agentSearchBox {
    margin-bottom:15px;
}

#agentSearchBox .agentSearch {
    margin-right:10px;
}
/* requestsurvey_form*/

/*#requestsurvey_form label, select{
    color:#666666;
}*/

#requestsurvey_form  select{
    color:#666666;
}



#requestsurvey_form .directions input{
    width: auto;
    float: none;
}
/*#requestsurvey_form .directions{
    padding-left: 25px;
}*/
#requestsurvey_form textarea {
    width:290px;
}
#requestsurvey_form .validation, #corporateenquiry_form .validation, #customer_satisfaction_div .validation{
    display: none;
    /*margin-left: 10px;*/
}

#requestsurvey_form input, #requestsurvey_form textarea, #requestsurvey_form select{
    /*margin-bottom:10px;*/
}

/* qoute_form*/
#quote_form select{
    color:#666666;
}
#quote_form .directions input{
    width: auto;
    float: none;
}
/*#quote_form .directions{
    padding-left: 25px;
}*/
#quote_form textarea {
    width:290px;
}
#quote_form .validation, #rfp_form .validation{
    display: none;
    /*margin-left: 10px;*/
}

#quote_form input, #quote_form textarea, #quote_form select{
    /*margin-bottom:10px;*/
}

#corporateenquiry_div .requirements input{
    width:auto;
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    margin-bottom:0;
    border: none;
}


#corporateenquiry_div input, #corporateenquiry_div select, #quote_form input, #quote_form select, #quote_form textarea ,#requestsurvey_form input, #requestsurvey_form select, #requestsurvey_form textarea{
    margin-bottom:5px;
}

.noBorder a{
    border-bottom:none;
}

#mobilitymanagement_div input{
    /*margin-bottom:10px;*/
}

#mobilitymanagement_chx_table input{
    width:auto;
    margin-right: 10px;
    float: left;
    border: none;
    margin-bottom:6px;
}

#mobilitymanagement_chx_table td{
    /*padding-bottom:5px;*/
}



#mobilitymanagement_form .validation{
    display: none;
    /*margin-left: 10px;*/
}



.googleMap {
    height: 250px;
    margin-top:10px;
}

#siteMap a {
    color:#58595b;
    text-decoration:none;
    border: none;
}

#siteMap a:hover {
    text-decoration:underline;
}

#siteMap ul li {
    font-weight:bold;
    font-size:14px;
}

#siteMap ul li ul li{
    font-weight:normal;
    font-size:12px;
    background-image:url(images/bullet_2.gif);
}










/* Styles for Gallery/Slideshow */

#imageContainerTop {
    background-image: url('../images/slideshow-shadow-top.png');
    height:10px;
    width:495px;
}
#imageContainer {
    width: 475px;
    height: 440px;
    margin: 0 auto;
    text-align: center;
    background-image: url('../images/slideshow-shadow-bg.png');
    background-repeat: repeat-y;
    padding: 10px;
    text-align: center;
}
#imageContainerBottom {
    background-image: url('../images/slideshow-shadow-btm.png');
    height:10px;
    width:495px;
    margin-bottom:10px;
}
#imageContainer img {
    display: block;
    border: 1px solid #ffffff;
    margin: 0 auto;
    display: inline-block;
}
#imageContainer #loading {
    position: absolute;
    width: 55px;
    height: 55px;
    padding: 8px 10px 10px 7px;
    margin-top: -33px;
    margin-left: -33px;
    top: 100px;
    left: 50%;
    z-index: 200;
    background-color: transparent;
    background-image: url(images/ajax-loader-bg.png);
    background-repeat: no-repeat;
    background-position: 50%;
}
#imageContainer #imageContainerInner {
    height: 375px;
}
* html #imageContainer #loading {
    padding: 0px 10px 10px 1px;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/ajax-loader-bg.png", sizingMethod="image");
}
#imageDescription {
    width: 378px;
    margin: 0 auto;
    padding: 10px 50px;
    text-align: center;
    color: #707173;
    font-size: 18px;
    font-family: Arial, Geneva, sans-serif;
}
#currentImage {
    /*height: 375px;*/
}
#galThumbsOuter {
    position: relative;
    margin: 0 auto;
    width: 460px;
}
#galThumbs {
    position: relative;
    overflow: hidden;
    margin: 0 30px;
    height: 80px;
    padding: 0;
}
#galThumbsInner {
    position: absolute;
    top: 0;
    left: -4px;
    width: 5000px;
}
#galThumbsInner img {
    float: left;
    border: 1px solid #F1EFEF;
}
.thumb, .thumb_selected {
    margin: 2px 4px;
    vertical-align: middle;
    height: 70px;
    cursor: pointer;
    /*padding: 3px;*/
}
#galThumbsInner img.thumb_selected {
    padding: 0;
    border: 1px solid #CB3042;
}

#scrollRightButton {
    position: absolute;
    right: 0px;
    top: 5px;
    cursor: pointer;
}
#scrollLeftButton {
    position: absolute;
    left: 0px;
    top: 5px;
    cursor: pointer;
}
#showHeader {
    width: 495px;
    margin: 0 auto;
    position: relative;
}
#showHeader h2 {
    font-family:Arial,Geneva,sans-serif;
    font-size:18px;
    margin-left: 20px
}
#showControls {
    float: right;
    text-align: right;
    padding: 0;
    margin-right: 5px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#showControls h2 {
    font-size: 18px;
    font-family: Arial, Geneva, sans-serif;
}
#showControls img {
    cursor: pointer;
    margin: 0 3px;
    float: left;
}

