﻿

.clear { /* A CSS class for the property */
   clear: both; line-height:0;
}
.floatLeft { float:left; }
.horizontal li{display:inline;}
.vertical li{ display:block;}


/*** Columns ***/
.col-l { float:left; width:314px; padding-right:3px; border:solid 0px red; }
.col-m { float:left; width:316px; padding-left:3px; padding-right:2px; border:solid 0px green;}
.col-r { float:left; width:316px; padding-left:3px;  border:solid 0px blue;}

.col-nav {float:left; width:200px; }
.col-main {float:left; /*width:749px; TOTAL WIDTH*/ width:692px; padding-left:55px; border:solid 0px blue;}

.col-lm {float:left; width:632px; padding-right:2px; border:solid 0px red; }

.bulletColumns { float:left; width:230px; }

/*** Headings***/
.heading {float:left; margin-top:10px; padding-bottom:8px; }

/*** text***/
.footerContent { margin:17px 15px 12px 0px;}

/*** footer ***/
#footerLinks {line-height:20px; vertical-align:top;}
#footerLinks img{vertical-align:middle;}
#footerLinks a,#footerLinks a:visited, #footerLinks a:active { color:#616161; padding:0 5px; font-weight:normal;}

.footerGraphic { float:left; margin:17px 12px 5px 0;}

/*** button***/
.button { margin:12px 0px 12px 0px; float:left;}

.hand { cursor:pointer; }

/*** site map ***/
.sitemap ul li.Leaf a {margin-left:30px; }
.sitemap ul ul {margin-left:15px; }
.sitemap li.Parent a { margin-left:15px;}
.sitemap li.Leaf a { }

/*** Video ***/
.VisibleThumbnails { width:484px; height:88px; overflow:hidden; position:relative; background-color:#b3aed5;}
.AllThumbnails {}
.ImageThumbnailContainer { width:119px; height:86px; float:left; border:solid 1px white; text-align:center; overflow:hidden;}
.ThumbnailImageHeight {Height:86px; cursor: pointer;}
.ThumbnailImageWidth {width:119px; cursor: pointer;}
.EnlargedImageArea { width:484px; height:360px; background-color:#908ed4; text-align:center;}
.EnlargedImage { width:484px; height:360px; background-color:#908ed4; text-align:center;}
.EnlargedVideo { width:484px; height:360px; background-color:#ffffff; text-align:center; }
.EnlargedImageHeight { height: 360px; }
.EnlargedImageWidth { width: 480px;}
.SliderButtons {width:484px; }


/* Top Right Header Menu, with Red Bullets */
.bottomHeaderMenu{ float:right; clear:right; margin-top:10px;} 
.bottomHeaderMenu li{float:left;}
.bottomHeaderMenu li a{float:left; font-size:0;line-height:0; padding:0; color:#fff;}
.bottomHeaderMenu li.about a{background:url(images/bullet-about-three.gif) no-repeat left 2px; width:79px; height:31px; }
.bottomHeaderMenu li.job a{background:url(images/bullet-job-opportunities.gif) no-repeat left 2px;width:138px; height:31px;}
.bottomHeaderMenu li.work a{background:url(images/bullet-working-here.gif) no-repeat left 2px;width:111px; height:31px;}
.bottomHeaderMenu li.about-active a{background:url(images/bullet-about-three-active.gif) no-repeat left 2px; width:79px; height:31px; }
.bottomHeaderMenu li.job-active a{background:url(images/bullet-job-opportunities-active.gif) no-repeat left 2px;width:138px; height:31px;}
.bottomHeaderMenu li.work-active a{background:url(images/bullet-working-here-active.gif) no-repeat left 2px;width:111px; height:31px;}

/* Left Side Navigation base classes */
.sideMenu{width:195px;}
.sideMenu h2{height:40px; font-size:0; line-height:0; margin:0px;}
.sideMenu ul{ 
    background:url(images/what-we-do/nav-menu-bg.gif) repeat-y; width:190px;
    padding:0 0px 0 5px; margin-bottom:0px;
 }
 
.sideMenu ul ul{background-image:none;margin:0; padding:0px;width:180px;}
.sideMenu ul li{padding:0 0 0 5px; width:180px;}
.sideMenu ul a{ height:31px; line-height:31px; width:100%;}

.sideMenu ul li ul li{padding:0; margin:0; width:180px;}
.sideMenu div{ clear:both;background:url(images/what-we-do/nav-menu-bottom.gif) no-repeat #dfdddc; height:27px;padding:0 5px 0 5px; }

/* 'About Three' version of the Left Side Nav */
.about-three .sideMenu h2{ background:url(images/about-three/nav-menu-title.gif) no-repeat #dfdddc;}
.about-three .sideMenu li{ border-bottom:solid 1px #7b6fc0; background-color:#695dae;} 
.about-three .sideMenu a, .about-three .sideMenu a:visited, .about-three .sideMenu a:active{ color:#b3cbd1; line-height:31px; width:100%;}
.about-three .sideMenu li.active{background-color:#4f4394;}
.about-three .sideMenu li.active{background-color:#54499c;border-top:solid 1px #7b6fc0;}

/* 'About Three' Left Side Nav Icons */
.about-three li.people a{ background:url(images/about-three/icons/people-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.about-three li.aust a{ background:url(images/about-three/icons/aust-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.about-three li.doors a{ background:url(images/about-three/icons/doors-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.about-three li.question a{ background:url(images/about-three/icons/question-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.about-three li.shoes a{ background:url(images/about-three/icons/shoes-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.about-three li.three a{ background:url(images/about-three/icons/three-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.about-three li.active li a{ background:url(images/about-three/icons/empty-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.about-three li.active li.active a{ background:url(images/about-three/icons/play-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }

/* 'Working Here' Left Side Nav Headers */
.retail .sideMenu h2{ background:url(images/what-we-do/nav-menu-title-retail.gif) no-repeat #dfdddc;}
.CustomerService .sideMenu h2{ background:url(images/what-we-do/nav-menu-title-CustomerService.gif) no-repeat #dfdddc;}
.national .sideMenu h2{ background:url(images/what-we-do/nav-menu-title-national.gif) no-repeat #dfdddc;}

/* 'Working Here' version of the Left Side Nav */
.working-here .sideMenu li{ border-bottom:solid 1px #7b6fc0; background-color:#695dae;} 
.working-here .sideMenu a, .working-here .sideMenu a:visited, .working-here .sideMenu a:active{ color:#b7b3d9; line-height:31px; width:100%;}
.working-here .sideMenu li.active{background-color:#4f4394;}
.working-here .sideMenu li.active li{background-color:#54499c;border-top:solid 1px #7b6fc0; border-bottom:none;}

/* 'Working Here' Side Nav Icons */
.working-here li.people a{ background:url(images/what-we-do/icons/people-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.person a{ background:url(images/what-we-do/icons/person-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.magnify a{ background:url(images/what-we-do/icons/magnify-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.star a{ background:url(images/what-we-do/icons/star-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.suitcase a{ background:url(images/what-we-do/icons/suitcase-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.tree a{ background:url(images/what-we-do/icons/tree-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.page  a{ background:url(images/what-we-do/icons/page-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.doors a{ background:url(images/what-we-do/icons/doors-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.active li a{ background:url(images/what-we-do/icons/empty-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }
.working-here li.active li.active a{ background:url(images/what-we-do/icons/play-icon.gif) no-repeat 0 0; padding: 6px 0 6px 35px; line-height:31px;height:36px;  }


/*** Login ***/
.loginForm { width:280px; height:300px; float:right; margin-left:12px;  }
/*.loginArea {border:solid 1px #cccccc;}*/
.lblFieldLng { float:left; width:109px; }
.standardForm div.row, div.UserPanel, div.PasswordPanel, div.RememberMePanel{float:left; margin: 0 0 5px 0; width:300px;}
.logoutButton { float:right; }
.LoginButton {background-image:url(images/button/login.jpg);}

/* Contact Us Form */
.standardForm label{float:left; width:100px; padding-right:10px;}
.standardForm input.txt{float:left; width:250px;}
.standardForm textarea.txt{float:left; width:400px; height:150px;}
.standardForm div.row, div.UserPanel, div.PasswordPanel, div.RememberMePanel{float:left; margin: 0 0 5px 0; clear:both;}
.standardForm div.toolbar, .SubmitPanel{ clear:both; float:left; margin:10px 0 0 110px;}
div.UserPanel{ margin-top:20px;}
.RememberMePanel input{ margin-left:110px; margin-right:10px;}
.RememberMePanel label{ width:auto; }
.tooltip h3{ color:#ff0000;}

/* Under the Line Headings and Sub Navigation */
.page-header{float:right; clear:both;width:935px; position:absolute; top:95px; padding-left:100px;}
.page-header h2{ width:50%; float:left;}
.section-nav{float:right; width: 333px; text-align:right; }
.section-nav li {float:left; border-left:solid 1px #cbcccc; padding:0 10px;}
.section-nav li.first{border-left:none;} 
.section-nav li a{float:left; font-size:0;line-height:0; padding:0; color:#fff;}
.section-nav li.retail a{background:url(images/nav-retail.gif) no-repeat left 2px;width:38px; height:14px;}
.section-nav li.national a{background:url(images/nav-national.gif) no-repeat left 2px;width:57px; height:14px;}
.section-nav li.CustomerService a{background:url(images/nav-CustomerService.gif) no-repeat left 2px;width:107px; height:14px;}
.section-nav li.retail-active a{background:url(images/nav-retail-active.gif) no-repeat left 2px;width:38px; height:14px;}
.section-nav li.national-active a{background:url(images/nav-national-active.gif) no-repeat left 2px;width:57px; height:14px;}
.section-nav li.CustomerService-active a{background:url(images/nav-CustomerService-active.gif) no-repeat left 2px;width:107px; height:14px;}

/* Hot Job Links */
ul.hotJob{ margin:10px 0;}
ul.hotJob li{margin:5px 0;}


/*Growth*/
.growthContent {background:url(images/Growth/Growth-bg.jpg) no-repeat; width:745px; height:552px;}

#jHelperTipAttrContainer{ 
 background:#FFFFCC;border:1px solid #FF3333; color:#333; display:none;
}
#jHelperTipContainer {
 display:none;
} 

.bg { background-color:Black;}

/*ToolTip*/
/*background-image:url(images/ToolTip/ToolTipPointer.jpg); width:27px; height:76px; */
.pointer {position:relative; right:-2px;}


.tooltipContainer {border:solid 2px #22abd0; width:246px;background-color:White;}
.tooltipContainer h1 {color:#d23319; padding:6px 0px 0px 6px; font-size:12px; }
.tooltipContainer ul {padding:0px 12px 12px 12px;}

.mapContainer{width:700px; border-bottom:solid 1px #96e2f0; margin:20px 0px 20px 0px;}
.mapItem{padding:3px 9px 3px 9px;}
.divider{width:610px; color:#96e2f0; margin:10px 0px 10px 0px; height:1px; background:url(images/tooltip/divider.jpg) repeat-x;}
.mapHeader{width:140px; text-align:center; height:70px !important; border-bottom:solid 1px #96e2f0; margin-bottom:5px;}
.mapColumn{float:left; width:140px;}


.cellTop{background:url(images/ToolTip/cell-top.jpg) no-repeat; width:122px; display:block; overflow:hidden; height:2px !important; background-color:Red;}
.cellBg{background:url(images/ToolTip/cell-BG.jpg) repeat-y; width:122px; line-height:12px;  color:#2d7a88; text-align:center; margin:0px!important; padding:0px !important;}
.cellBg br { line-height:12px;}
.cellBottom{background:url(images/ToolTip/cell-bottom.jpg) no-repeat; width:122px; height:2px; padding-bottom:3px;}


/*** Acordion ***/
div#accordion {

margin:0 auto;

}
div#accordion div.panel {

margin:0;
padding-bottom:0;
}
div#accordion div.panelBody {

padding:7px 5px;
}
.down {background-image:url(images/down.gif); width:14px; height:14px; float:left; margin-top:3px; margin-right:10px; background-repeat:no-repeat;}
.plus {background-image:url(images/plus.gif);width:14px; height:14px; float:left; margin-top:3px; margin-right:10px; background-repeat:no-repeat;}

input .btnSub  {text-align:center; vertical-align:middle;}

/*** Our Journey ***/
.imgJourney {margin-left:42px;}


.text a:link{font-size:11px; color:Black; text-decoration:none;}
.text a:active{font-size:11px; color:Black; text-decoration:none;}
.text a:hover{font-size:11px; color:Black; text-decoration:underline;}
.text a:visited{font-size:11px; color:Black; text-decoration:none;