@import url("reset.css");

/* CONTAINER */
#container { margin:0 auto;width:990px;text-align:left;position:relative;line-height: 1.5em; font-size: 1.2em}

/* FOR THE HOMEPAGE */
#wrapper { position:absolute;top:0;left:0;width:990px;z-index:2; }
#wrapperSpecial { position:absolute;top:0;left:0;width:990px;z-index:1;}
#container #flash { position:absolute;top:60px;left: 40px ;z-index:1; }
 
/* HEADER */
#header {height: 86px;text-align:right; }
#header #logos { padding:34px 70px 0 0; }
#navigation {height:50px;width:990px;margin: 15px 0 0 0; padding: 0; background: url(../images/nav-bg.png) top left no-repeat}
 
/* POSITION THE FLASH */
#flashBck {position: absolute;z-index: 1; top: 100px; left: 60px; background: transparent}

/* NAVIGATION */
#navigation ul { margin:0;padding:0 0 0px 50px; }
#navigation ul li {text-transform:uppercase;padding:0 0px;height:44px;list-style:none;}
#navigation ul li a { position: relative;color:#464545;padding:14px 10px 0px 0;float: left; font-size: 1.22em;}
#navigation ul li a:hover{ color:#000;}
#navigation ul li ul { z-index: 2;}
#navigation ul li ul li { z-index: 3;float:left;text-transform:uppercase;margin: 0;background:transparent url(../Images/nav-link-bg.gif) 0px 2px no-repeat;}
#navigation ul li ul li a{display:inline;color:#464545;padding:14px 0 0 0; margin: 0 10px;background: none; }
#navigation ul li a.active {color: #990000}

.secondLevelNav ul {margin: 15px 0 0px 40px; padding: 0;}
.secondLevelNav ul li {list-style: none; float: left; padding: 0 10px; border-right: 1px solid #464545}
.secondLevelNav ul li a {font-size: 1.3em; color: #bebebe; text-transform: uppercase;}
.secondLevelNav ul li a.active, #secondLevelNav ul li a:hover {color: #fff; text-decoration: underline}
#experienceNav {width: 800px;}
.secondLevelNav ul li#experienceStart a { padding-right: 35px;background: transparent url(../Images/chevron.png) 145px 2px no-repeat;color: #fff;}

/* SOCIAL LINKS - HOMEPAGE*/
#twitter {  width:327px;height:137px;background:url(../Images/twitter-bg.png) top left no-repeat;}
#facebook,  #linkedin {  width:327px;height:138px;background:url(../Images/facebook-bg.png) bottom left no-repeat; }
#socialLinks {padding: 0px 5px 20px 5px; display: inline;float:right;width:298px;margin:0px 26px 0 0;background: url(../Images/mainContentRepeat.png) repeat;}
#socialLinks h2 {color: #b1b1b1;background: transparent url(../Images/navDivider.gif) 0px 0px no-repeat;text-transform: uppercase;}
#socialLinks h2.currentVacancies {margin:10px 0 4px 0;text-align: center; color: #fff; padding: 15px 0;background: transparent url(../Images/vacanciesHeaderBck.png) 15px 0 no-repeat;} 
#socialLinks h2.currentVacancies a {color: #fff}
#socialLinks h2.currentVacancies:hover {text-decoration: underline;}
#socialLinks h2#ExperienceHeader {padding: 20px 10px;}
#socialLinks h2 a:hover {color: #fff;}
#socialLinks a.banner {margin:20px 0; display:block; width:270px; height:139px;}
#socialLinks img {margin-left: 15px;}
#socialLinks h2#twitterBck { text-align: left;background:url(../Images/twitterBck.png) top left no-repeat; padding:22px 0 22px 20px}
#socialLinks {margin-top: 30px;}
#socialLinks ul {width: 310px;margin:10px 0; padding: 0; font-size:12px; text-transform:none;}
#socialLinks ul li {display: block;padding: 0px 20px; color: #fff; list-style: none}
#socialLinks ul li span {display: block; color: #9da091;font-weight: bold; padding: 4px 0;float: left;}
#socialLinks ul li span.time {font-size:9px; font-style: italic; color: #ccc; float: right}

/* YOUTUBE CAROUSEL - HOMEPAGE */
#carousel { background:url(../images/carousel/carousel-bg.png) top left no-repeat;width:990px;height:306px;margin:85px 0 0 0; }
#carousel ul#youtube { margin:0;padding:86px 0 0 54px;list-style-type:none; }
#carousel ul#youtube li { float:left;margin:0 20px 0 0; }
#flashWrap { width:990px;text-align:center; }
#flashWrap #flashcontent { width:896px;padding:0 0 0 40px; }
#flashWrap #flashcontent #message { padding:100px 0 80px 150px; }
#flashWrap #flashcontent #message p { color:#999;margin:4px 0 0 0; }
#flashWrap #flashcontent #message .getflashImg { float:left;width:156px; }
#flashWrap #flashcontent #message .getflashTxt { float:left;width:400px;margin:0 0 0 15px;text-align:left; }

/* LEFTCOL -  SECONDARY NAVIGATION */
#leftColumn {width: 290px; float: left; clear:left; display: inline; z-index: 2; margin-top: 55px; font-size: 1.2em;}
.experience #leftColumn  {margin-top: 30px;}
#leftColumn ul li, #leftColumn ul {list-style: none; margin: 0; padding: 0;}
#leftColumn ul li a {margin: 3px 0 6px 0; display: block; color: #ccc;}
#leftColumn ul li ul li a, #leftColumn ul li ul li a {margin: 0; outline: 0;}
* html #leftColumn ul li,* html  #leftColumn ul li ul li,* html  #leftColumn ul li ul li ul li,* html  #leftColumn ul,* html  #leftColumn ul li ul,* html  #leftColumn ul li ul li ul,* html  #leftColumn ul li a,* html  #leftColumn ul li ul li a,* html  #leftColumn ul li ul li ul li a{height: 1%;}
#leftColumn ul li a, #leftColumn ul li ul li a, #leftColumn ul li ul li ul li a {padding: 10px;display: block}
#leftColumn ul, #leftColumn ul li, #leftColumn ul li ul li,#leftColumn ul li ul li ul li {text-transform: uppercase;background: transparent url(../Images/navDivider.gif) no-repeat;}
#leftColumn ul li a {display: block; padding: 10px 0 4px 40px;}
#leftColumn ul li a.active {background:url(../Images/topListArrow.gif) 20px 12px no-repeat;color: #c1dee1;}
#leftColumn ul li ul li a, #leftColumn ul li ul li ul li a {color: #ccc; background: transparent url(../Images/dot.gif) no-repeat;}
#leftColumn ul li ul li a {padding-left: 60px;}
#leftColumn ul li ul li a.active {background: url(../Images/navDividerActive.png) no-repeat;color: #fff}
#leftColumn ul li ul li a.active {background: transparent url(../Images/navDividerArrow.png) no-repeat top left; color: #fff}
#leftColumn ul li ul li ul li a {padding-left:80px;}
#leftColumn ul li ul li ul li a.active {padding-left:80px; background:transparent url(../Images/navDividerArrow.png) no-repeat scroll 20px top;}

/* RIGHT COLUMN */
#rightColumn {margin: 50px 0 0 67px; line-height: 1.6em;float: left;display: inline; }
.experience #rightColumn {margin-top: 25px }
#rightColumn #rightColumnInner,#rightColumn #content  {width: 545px;padding: 25px 40px 25px 40px; background: url(../Images/mainContentrepeat.png) repeat; }
#rightColumn #rightColumnInner a,#rightColumn #content a {color: #fff; text-decoration: underline;}
#rightColumn #rightColumnInner a:hover,#rightColumn #content a:hover {text-decoration: none}
#rightColumn #rightColumnInner #content {position: absolute; top: 0;left: 0;}
#rightColumn #rightColumnInner h1,#rightColumn #content h1, #rightColumnSpecial h1 {color:#fff;background: url(../Images/titleLine.gif) no-repeat 0px 35px; padding: 0px 0 25px 20px; margin: 0 0 0 -20px;text-transform: uppercase;}
#rightColumn p, #rightColumnSpecial p {margin-top: 10px 0 0 0; padding-top: 0;color: #fff}
#rightColumn ul li, #rightColumn ol li{color: #fff; }
#rightColumn ol{margin: 0 0 15px 20px}
#rightColumn h2  { margin-bottom: 5px; padding-bottom: 0;color: #fff}

/* FAQ / TABS */
.ui-tabs .ui-tabs-hide {display:none;}

#tabs ul.switches {margin:10px 0 20px 10px;}
#tabs ul.switches li {float:left; text-align:center;}
#tabs ul.switches li.first {border-right:1px solid #464843;}
#tabs ul.switches li {padding:0;}
#tabs ul.switches li a {font-size: 1.1em;display: block; background:none; margin:0; padding:15px 20px;color:#b1b1b1;}
#tabs ul.switches li a.selected {color: #fff}
#tabs ul.switches li a:hover {color:#fff;}
#tabs ul.switches li.first.ui-state-default {background:transparent url(../Images/navDivider.gif) no-repeat scroll left bottom;}
#tabs ul.switches li.first.ui-state-active {background:transparent url(../Images/navDivider.gif) no-repeat scroll left top;}
#tabs ul.switches li.ui-state-default {background:transparent url(../Images/navDivider.gif) no-repeat scroll right bottom;}
#tabs ul.switches li.ui-state-active {background:transparent url(../Images/navDivider.gif) no-repeat scroll right top;}
#tabs ul.switches li.ui-tabs-selected h2 {color:#fff;}

a#us_on_twitter {float:left; clear:left; margin:5px 20px 10px;}

#hot_jobs {margin:27px 20px 10px;}
#hot_jobs div.position {margin-bottom:20px;}
#hot_jobs h3 {color:#fff; margin:0; font-size:1.3em;}
#hot_jobs em {font-weight:bold; color:#b1b1b1; font-style:normal; display:block; padding:2px 0;}
#hot_jobs p {margin-bottom:5px;}
#hot_jobs a { color:#fff; padding-right:20px; font-size:1.0em; background:url(../Images/chevron_homepage.png) no-repeat right center;}
#hot_jobs a:hover {text-decoration: underline}
#hot_jobs a#more {font-weight: bold; font-size: 1.2em;}
/* SITEMAP */
#sitemap {font-size:1.2em;}
#sitemap h1{font-size:.9;}
#sitemap ul {margin:15px 0 0 0px; color:#666; list-style:none;}
#sitemap ul span {border-bottom:1px solid #666; margin-left:25px;}
#sitemap ul li {padding:2px 0 2px 0px;}
#sitemap ul ul {margin:0 0 15px 25px;}
#sitemap ul ul ul {margin-left:0px;}

#singleCol #sitemap ul a {color:#888; padding-left:25px;}
#singleCol #sitemap ul a:hover {color:#fff; background:url(../Images/chevron.png) no-repeat left center;}

/* WORKING WITH US */
#videoBuffer {margin-top: 150px;}

/* PROFILES PAGE - USED WITH TWOCOLSPECIAL.ASPX */
#rightColumnSpecial {position: absolute; z-index: 3; top : 200px; left: 350px;}
#leftColumnSpecial {position: absolute; top: 145px; left: 10px; z-index: 3;}
#wrapperSpecial #footer {margin-top: 750px;}
#flashBckSpecial {position: absolute;z-index: 2; top: 155px; left: 0px;}
#rightColumnSpecial #rightColumnInner  {width: 545px;padding: 25px 40px 10px 40px; background: url(../Images/mainContentrepeat.png) repeat; }
#rightColumnSpecial #rightColumnInner #transcript {display: none; padding: 25px 0;margin-right: 15px;}
#rightColumnSpecial #rightColumnInner #profileLinks {width: 100px;position: absolute; right: 50px; display: none}
#rightColumnSpecial #rightColumnInner #profileLinks a {position: absolute; left: 0; top: 0; display: block;}
#rightColumnSpecial #rightColumnInner #profileLinks a#hide {display: none} 

/* CAREERS EVENTS */
#careerstable table {margin-bottom: 20px;}
#careerstable table tr td,#careerstable table tr th{color: White;border: 1px solid white;}
#careerstable table tr th {font-weight: bold;}

/* PRIVACY */
#singleCol #privacy,#singleCol #terms,#singleCol #accessibility {margin: 20px 0 0 20px; color: #fff; width: 600px;}

/* SINGECOL PAGES */
#singleCol {width: 990px; margin: 0px 0 0 27px; padding: 20px 0 0 0; clear: left;}
#singleCol h1,#singleCol p,#singleCol ul li a,#singleCol h2,#singleCol p a {color: #fff;}
#singleCol ol {margin-bottom: 10px}
#singleCol p a {text-decoration: underline;}
#singleCol p a:hover {text-decoration: none}

/* SEARCH AND APPLY */
#searchandapply {margin-left: 40px;}

/* JLR EXPERIENCE PAGES - HOME */
#jlrExperienceHomeflash {height: 468px;}

/* JLR EXPERIENCE - FAQS */
#faqs {margin: 20px 0 0 30px;}
#faqs p {margin: 0 0 5px 0; padding: 0;}
#faqs h2 {margin: 30px 0 0 0; padding: 0;font-weight: bold}

/*JLR EXPERIENCE - HALL FOF FAME */
#singleCol #left {width: 510px; float: left; display: inline; margin-left: 20px;}
#singleCol #left h1,#singleCol #left p {color: #fff}
#singleCol #left h2 {text-transform: uppercase}
#singleCol #playlist h2 {width: 355px;display: block;background: url(../Images/playlistHeaderBck.gif) no-repeat; height: 38px; margin: 0; text-transform:uppercase; padding: 8px 10px 0 10px;color: #bebebe}
#singleCol #playlist {float: left; margin: 0 0 0 40px; display: inline;overflow: auto;}
#singleCol #playlist ul {width: 371px; margin: -10px 0 0 0; padding: 0;}
#singleCol #playlist ul li {list-style: none; float: left; border: 1px solid #bebebe;margin: 12px 12px 0 0;padding: 0}
#singleCol #playlist ul li a {margin: 0;padding: 0;}
#Scroller {position: relative;width: 355px;height:400px;overflow: hidden;}
.Scroller-Container {position: absolute}
#Scrollbar-Container {float: right;width: 20px;}
.Scrollbar-Up {cursor: pointer;position: absolute;top: 279px;left: 960px}
.Scrollbar-Track {width: 20px; height: 330px;position: absolute;top: 300px; left: 962px;}
.Scrollbar-Handle {position: absolute;background: #bebebe;width: 10px; height: 70px;}
.Scrollbar-Down {cursor: pointer;position: absolute;top: 643px;left: 960px}
#playerContainer {height: 335px;}

/* YOU TUBE SITE */
#link_list {position:relative;}
#link_list span.link {height:23px; width:25px; position:absolute; right:78px; top:5px;}
#link_list #yt_drop_down {background:#000; position:absolute; top:22px; right:51px; z-index:9; border:1px solid #373737; width:352px;}
#singleCol #link_list #yt_drop_down li {float:left; width:100%; list-style:none; clear:left; margin:0;} 
#link_list #yt_drop_down li a {float:left; width:94%; list-style:none; padding:4px 3%; text-transform:uppercase; color:#BEBEBE; font-size:1.2em;}
#link_list #yt_drop_down li a:hover {background:#BEBEBE; color:#000;}

/*JLR EXPERIENCE - PITT AREA */
#singleCol #pittArea #twitterFeed {width: 306px;padding-right: 60px; float: left; background: transparent url(../Images/pittAreaDivider.gif) no-repeat top right;padding-left: 20px;}
#singleCol #pittArea #twitterFeed h2 {padding: 20px 0 25px 0px; text-transform: uppercase}
#singleCol #pittArea #twitterFeed p {padding:0 20px 0 0px}
#singleCol #pittArea #twitterFeed ul {margin: 0;padding: 0;}
#singleCol #pittArea #twitterFeed ul li  {list-style:none; color: #fff; border-bottom: 1px dotted #9da091; padding: 0 30px 18px 0; margin-top: 7px;}
#singleCol #pittArea #twitterFeed ul li span{color:#9da091; display: block;font-weight: bold}
#singleCol  #socialNetworking {padding-left: 40px;}
#singleCol  #socialNetworking .group {float: left; background: url(../Images/socialNetworkingtabs.gif) no-repeat top left; width: 434px;margin-left: 60px;}
#singleCol  #socialNetworking .group h2 {text-transform: uppercase; padding: 14px 0px 14px 0px; margin: 20px 20px 15px 0;}
#singleCol  #socialNetworking .group h2 a {color: #fff;background: transparent url(../Images/chevron.png) 0px 2px no-repeat; padding-left: 22px;}
#singleCol  #socialNetworking .group h2 a:hover {text-decoration: underline;}
#singleCol  #socialNetworking #fb h2 {background: transparent url(../Images/icon_facebook_large.png) no-repeat top right;}
#singleCol  #socialNetworking #Li h2 {background: transparent url(../Images/icon_linkedin_large.png) no-repeat top right;}
#singleCol  #socialNetworking #tw h2 {background: transparent url(../Images/icon_twitter_large.png) no-repeat top right;}

/* JLR EXPERIENCE - REVS GAME */
#revsGame {height: 620px;clear: left; padding-top: 15px}

/* FOOTER */
#footer { background:url(../Images/footer/footer-bg.png) top left no-repeat;width:990px;height:161px;margin:36px 0 0 0; padding-left: 0px;}
#footer ul {float: left;display: inline;margin-top: 30px; background:transparent url(../Images/footer/footerDivider.gif) no-repeat top right;}
#footer ul li {list-style: none; margin: 0; padding: 0;display: inline}
#footer ul li a {text-transform: uppercase;color: #888888; margin: 7px 30px 7px 0; padding: 0;display: block}
#footer ul li a:hover {color: #fff}
#footer #follow {float: left;width: 450px;display: inline; }
#footer #follow p {margin: 52px 0 0 18px;float: left; width: 70px;display: inline;}
#footer #follow ul {float: left; margin-top: 40px;}
#footer #follow ul li {float: left;display: inline; width: 59px; background: none; margin: 0 3px 0 0; padding: 0; width: 39px;}
#footer #follow ul li a {text-indent: -2000em;display: block; padding: 0; margin:0 3px 0 0; background: none; width: 39px; height: 39px;}
#footer #follow ul li a#facebook {background: transparent url(../Images/footer/followUsIcons/icon_facebook.png) no-repeat}
#footer #follow ul li a#twitter{background: transparent url(../Images/footer/followUsIcons/icon_twitter.png) no-repeat}
#footer #follow ul li a#digg{background: transparent url(../Images/footer/followUsIcons/icon_digg.png) no-repeat}
#footer #follow ul li a#youtube{background: transparent url(../Images/footer/followUsIcons/icon_youtube.png) no-repeat}
#footer #follow ul li a#stumble{background: transparent url(../Images/footer/followUsIcons/icon_stumble.png) no-repeat}
#footer #follow ul li a#delicious{background: transparent url(../Images/footer/followUsIcons/icon_delicious.png) no-repeat}
#footer #follow ul li a#linkedin{background: transparent url(../Images/footer/followUsIcons/icon_linkedIn.png) no-repeat}
#footer #follow ul li a#facebook:hover,
#footer #follow ul li a#twitter:hover,
#footer #follow ul li a#digg:hover,  
#footer #follow ul li a#youtube:hover,  
#footer #follow ul li a#stumble:hover,  
#footer #follow ul li a#delicious:hover,  
#footer #follow ul li a#linkedin:hover {background-position: 0 -38px; }
#footer #follow ul {background: none}
#csr { float:right;padding:10px 35px 10px 0;clear: both; }
 
/* This fakes min-height corss browser */
.prop {height: 511px;width: 1px;float: right;}

.clear { clear:both;height:0px;overflow:hidden; }
a {outline: 0;}

/* Get Flash */
#getFlash {padding:30px;}
#getFlash p {text-align:center; color:#fff;}
#getFlash a {text-decoration:underline; color:#fff;}
#getFlash a:hover {text-decoration:none; color:#fff;}