/***************************************************
Design & Technology by Reading Room
www.readingroom.com (020) 7173 2800
* Author: Lucy Kavanagh
* Created: Jul 2009
* Updated: Jul 2010
* Description: Left to right exclusive CSS
***************************************************/

/***************Attribute Separation****************
* These, where l/r specific, should be separated into LTR/RTL stylesheets:
* float, left, right, padding, margin, text-align, border-width, background-image, background-position
***************************************************/

/*****~~~~basic~~~~*****/
* {text-align:left;}

/*****~~~~framework~~~~*****/
#container, .innerContainer {float:left;}
#wrapper {text-align:left;}
.innerWrapper {float:left;}
#header, #menu, .stage, #footer {float:left;}
.hidden {left:-9999px;}

/*****~~~~general~~~~*****/
hr {float:left;}
.help, .sideBar .help {background-position:0 5px;padding-left:25px;}
/*links*/
.featureLink {background-image:url(../images/design/bulletArrow.gif);background-position:left center;padding-left:10px;}
.back, .content .back {background-image:url(../images/design/arrowLeft.gif);background-position:0 3px;float:left;padding-left:7px;}
.top, .content .toTop {background-position:100% 3px;float:right;padding-right:10px;}
.new-window {background-position:100% 50%;margin-right:5px;padding-right:13px;}
/*images*/
img.leftImg {float:left;margin-right:1em;}
img.rightImg {float:right;margin-left:1em;}

/*****~~~~headers~~~~*****/
.strapLine {float:left;padding-left:20px;}
.evidenceBox .strapLine {float:none;padding:0;right:15px;}
.statement {padding-left:20px;}
.tab {float:left;}
.tab span {float:left;}
/*bubbles*/
h2.leftBubble,h2.rightBubble{margin:0.5em 0 0;padding:0 0 13px;}
h2.leftBubble span,h2.rightBubble span{margin:0;padding:5px;}
h2.leftBubble span a,h2.rightBubble span a{background-image:url(../images/design/subNavArrow.gif);background-position:-10px center;padding:0 0 0 10px;}

/*****~~~~forms~~~~*****/
.content .form {float:left;}
.form div {float:left;}
label,span.label {float:left;margin-right:10px;text-align:right;}
.standalone label {text-align:left;}
.field {float:left;}
/*inputs*/
input,select,textarea {float:left;}
input.xsm, input.sm, input.md {margin-right:0.5em;}
/*radio/check*/
.form .radioCheck ul,.form .radioCheck ul li {float:left;text-align:left;}
.form .radioCheck input {float:none;}
.form .radioCheck li input {float:left;}
.form .radioCheck label {float:none;margin:0 0.5em 0 0.3em;text-align:left;}
.form .radioCheck li label {float:right;margin:0;}
.form .radioCheck.ext span.label {text-align:left;}
/*validation*/
.form .error .message, .form .tip {background-position:0 0;display:inline-block;float:right;line-height:1.4em;padding-left:20px;}
/*buttons*/
.content .form div .submit {float:right;}
.noSubNav .content .form .inlineBtns, .fullWidth .content .form .inlineBtns {padding-right:249px;}
.form div .submit {margin-right:249px;}
.noSubNav .content .form .inlineBtns .submit, .fullWidth .content .form .inlineBtns .submit {margin-left:2em;margin-right:0;}
.standalone .submit {margin-left:1em;}

/*****~~~~header~~~~*****/
.logo {float:left;padding-left:1.25em;}
/*location bar*/
.locationBar, .locationBar strong {float:right;}
.languageSelector {float:left;padding-right:20px;text-align:right;}
.countrySelector {background-position:left top;float:right;}
.leadBtn, .leadBtn span {float:left;}
.countryOuter, .leadBtn div {background-position:left bottom;float:left;padding:0 10px 7px 6px;}
.countryInner {background-image:url(../images/design/btnArrowRight.gif);background-position:100% 0;float:left;padding-right:20px;}
.currentCountry, .leadBtn a {background-position:0 0;float:left;padding-left:25px;}

/*****~~~~menu~~~~*****/
/*main nav*/
.mainNav {float:left;}
.mainNav ul {float:left;}
.mainNav li {float:left;}
.mainNav li a {background-position:right center;}
.mainNav li.first a {border-left:1px solid #b6b6b6;}
.mainNav li.last a {border-right:1px solid #b6b6b6;} 
/*dropdown*/
.mainNav li ul {left:-9999px;}
.mainNav li ul.twoCol li.col2 li {border-left:1px solid #b6b6b6;}
.mainNav li:focus ul, .mainNav li:hover ul,.mainNav li.hover ul {left:0;}
/*search*/
.search {float:right;}
.search label {text-align:left;}
.search .searchBox {float:left;}
.search .text {float:left;}
.search .submit {float:right;}

/*****~~~~-country selector~~~~*****/
.countrySelector .loading, .countryContacts .loading {left:auto;right:180px;}
.countryContacts .loading {right:140px;}
/*dropdown only*/
.countryDropDown {right:0;}
.countryDropDown .close {float:right;}
.countryDropDown .selectYourCountry {float:left;}
.countryDropDown .corporateSites {float:left;}
.countryDropDown .corporateSites li {float:left;width:210px; margin-bottom:15px;}
.countryDropDown .corporateSites a {background-position:0 0;padding:5px 0 5px 25px;}
.countryDropDown .selectYourCountry .region.active {border-right:0;}
.countryDropDown .selectYourCountry .region.active a {padding-left:10px;}
.countryDropDown .countries {padding-left:10px;right:40px;}
/*dropdown & standalone*/
.content .selectYourCountry dl, .countryDropDown .selectYourCountry dl {background-position:0 7px;float:left;padding:10px 10px 10px 25px;}
.content .selectYourCountry dl dt, .countryDropDown .selectYourCountry dl dt {display:block; margin-left: -25px; padding-left:0.25em;}
.content .selectYourCountry dl dt a, .countryDropDown .selectYourCountry dl dt a {padding-left:25px;}
.content .selectYourCountry dl dd, .countryDropDown .selectYourCountry dl dd {margin:0 0.25em;display:block;width:auto;float:left;}
/*location bar dropdown only*/
.locationBar strong {padding-right:0.5em;}

/*****~~~~-sub nav~~~~*****/
#subNav {border-left:1px solid #FFF;border-right:1px solid #DDD;float:left;padding-left:1px;}
#subNav > ul > li.section {padding-left:13px;}
#subNav > ul > li.section a, #subNav > ul > li.section span {background-image:url(../images/design/arrowRight.gif);background-position:left center;padding:0.75em 13px 0.75em 17px;}
/*sliding sectors/services*/
#subNav li.section.navSlide, #subNav li.section.fauxActive {padding:0 13px 0 0;}
#subNav li.section.navSlide span, #subNav li.section.fauxActive span {background-position:right center;padding:0.75em 17px 0.75em 13px;}
#subNav li.section.navSlide span, #subNav li.section.fauxActive span.off {background-image:url(../images/design/arrowRight.gif);}
/*level 1*/
#subNav > ul > li {float:left;}
#subNav > ul > li a,
#subNav > ul > li li a {background-image:url(../images/design/subNavArrow.gif);background-position:left center;padding:0.95em 5px 0.95em 30px;}
/*level 2*/
#subNav > ul > li li, #subNav > ul > li ul {float:left;}
#subNav > ul > li li a {background-image:url(../images/design/subNavLvl2Arrow.gif);background-position:left center;padding-left:45px;}

/*****~~~~-pdf creator~~~~*****/
.addPDF {padding-left:5px;}
/*pdf tab across all pages*/
.pdfCreator {float:left;}
.pdfTab {background-image:url(../images/design/pdfTab.png);float:left;}
.active .pdfTab {background-image:url(../images/design/pdfTabOn.png);}
.pdfTab .basketLink, .pdfTab .basketLink:visited {padding:9px 0 9px 35px}
.pdfCreator .helpIcon {right:-8px;}
/*global basket*/
.pdfBasket {float:left;}
.pdfBasket ol li {float:left;}
.pdfBasket ol a {float:left;}
.pdfBasket ol a.removePDF {float:right;}
/*standalone basket*/
.content .pdfBasket ul li {padding-left:0;}
.content .pdfHelp {float:right;}
/*sliding basket help*/
.pdfCreator .closeHelp {right:20px;}
.pdfCreator .pdfHelp {background-image:url(../images/design/calloutRedR.gif);background-position:100% 95%;left:-555px;padding-right:9px;}
.pdfCreator .pdfHelp h2 {float:left;}
/*buttons*/
.pdfBasket ul li {float:right;}
.createPDF {margin-left:5px;}
.createPDF span {background-position:0 1px;padding-left:18px;}
.removeAll span {background-position:0 0;padding-left:20px;}
/*homepage specific*/
.pdfContainer {right:20px;}
.pdfContainer .pdfCreator, .sideBar .pdfContainer {float:right;}
/*internal specific*/
.evidenceBox .pdfCreator {float:none;right:0;}
.evidenceBox .pdfTab {margin-right:30px;}

/*****~~~~scrollbar plugin~~~~*****/
.jScrollPaneTrack{right:0;}
.jScrollPaneDragTop,.jScrollPaneDragBottom{left:0;}
a.jScrollArrowUp,a.jScrollArrowDown{right:0;}

/*****~~~~carousel buttons~~~~*****/
/*homepage*/
.homePage .carousel .scrollPrev {right: 840px;}
.homePage .carousel .scrollNext {left: 840px;}
.scrollPrev span span span span {background-position:center left;padding-left:20px;}
.scrollNext span span span span {background-position:center right;padding-right:20px;}
.roundBtn span {float:left;}
/*evidence box*/
.evidenceBox .carousel .closeThis {right:10px;}

/*****~~~~carousel framework~~~~*****/
/*homepage*/
.homePage .carouselOuter {float:left;}
.homePage .carouselInner {float:left;margin-left:157px;}
.javascript .homePage .carouselInner {margin:0;}
.homePage .jcarousel-container{padding-left:157px;}
/*evidence box*/
.evidenceBox .carouselInner {margin-left:40px;}
.javascript .evidenceBox .carouselInner {margin:0;}
.evidenceBox .jcarousel-container {padding-left:40px;}
/*shared*/
.carousel {float:left;}

/*****~~~~feature teasers~~~~*****/
.carousel li {float:left;}
.content .teasers {float:left}
.content .teasers ul {float:left;}
.content .teasers li {float:left;margin:0 1em 1em 0;}
.carousel h3, .teaserBox h3 {float:left;}
.carousel h3 .featureHeader, .teaserBox h3 .featureHeader {float:left;padding:5px 0 5px 10px;}
.carousel h3 .addPDF, .teaserBox h3 .addPDF {float:right;padding:3px 10px 3px 5px;}
/*homepage specific*/
.homePage .carousel .teaserContent {float:left;}

/*****~~~~feature pop up~~~~*****/
.overlay {left:194px;}
.overlay h1 {float:left;}
.overlay h1 span {float:left;}
.overlay .closeTab {float:right;}
.overlayContent {float:left;}
.homePage .overlay {left:156px;}

/*****~~~~share prices~~~~*****/
.sharePrices {float:left;margin:1.5em 0 0 3em;}
.sharePrices li {float:left;}
.sharePrices h3 {float:left;}
.sharePrices .price {float:left;}
.sharePrices img {padding:3px 3px 0 0;}
.sharePrices .change {float:left;}

/*****~~~~-main~~~~*****/
#main {float:left;}
.content ol,.content ul,.spotlightBox ol,.spotlightBox ul,.overlay ol,.overlay ul {padding:0.5em 0 0.5em 1em;}

/*****~~~~-evidence box~~~~*****/
.evidenceBox {float:left;}
/*tabs*/
.toolTabs {right:230px;}
.toolTabs li {float:left;margin-right:10px;}
.toolTabs li h2 {float:left;}
.toolTabs li span {float:right;}
/*what we do map*/
.javascript .worldMap ul {float:left;}
/*street scene*/
.streetScene {float:left;}

/*****~~~~-tools~~~~*****/
.crumb {float:left;}
.crumb li {display:inline;}
.crumb li span {background-image:url(../images/design/arrowCrumb.gif);background-position:right center;float:left;padding:0 21px 0 0 ;}
.crumb a {background-image:url(../images/design/arrowCrumb.gif);background-position:right center;float:left;padding:0 21px 0 0 ;}


/****~~~~-content~~~~*****/
.content {float:left;}
.content .pageTitle { float:left; }
.content h1 {float:left;}
.content h1 span {float:left;}
.content h1 .addPDF {float:right;}
.content .pageTitle .addPDF { float:right;}
.content ul li, .overlay ul li {background-position:0 7px;padding-left:10px;}
.content ul.split{float:left;}
.content ul.split li {float:left;}
/*sitemap*/
.content .sitemap, .content #sitemap li {float:left;padding-left:0;}
.content #sitemap ul {padding-left:2em;}
.content #sitemap h2 {background-position:0 8px;padding-left:25px;}
.content #sitemap li li {padding-left:10px;}
.content #sitemap li .twoCol{
    /*float:left;*/
    padding-left:0;
}
.content #sitemap li .twoCol li {float:left;padding-left:0;}
.content #sitemap li .twoCol li li {float:none;padding-left:10px;}
/*shared lists*/
.content ul.listing, .content ul.linkBlock, .content ul.imageLibrary, .overlay ul.listing, .overlay ul.linkBlock, .overlay ul.imageLibrary, 
.content ul.listing li, .content ul.linkBlock li, .content ul.imageLibrary li, .overlay .listing li, .overlay .linkBlock li, .overlay .imageLibrary li, 
ul.listing img, ul.linkBlock img, ul.imageLibrary img {float:left;}
.content ul.imageLibrary>li{display:inline-block; vertical-align:top; float:none;}
/*listing rows*/
ul.listing .teaserContent {float:left;padding-left:10px;}
.content ul.listing li li, .overlay ul.listing li li {margin-right:15px;}
/*link spotlights / image library */
.content ul.linkBlock li, .content ul.imageLibrary li, .overlay ul.linkBlock li, .overlay ul.imageLibrary li {margin-right:15px;}
.content ul.linkBlock li.last, .content ul.imageLibrary li.last, .overlay ul.linkBlock li.last, .overlay ul.imageLibrary li.last {margin-right:0;}
ul.linkBlock a, ul.imageLibrary a {float:left;}
ul.linkBlock span, ul.imageLibrary span {float:left;font-weight:bold;}
/*pagination*/
.content .pagination {padding-left:0;}
.content .pagination li {border-left:1px solid #b6b6b6;float:left;}
.content .pagination li.first{border-left:0;padding-left:0;}
.content .pagination .prevPage {background:transparent url(../images/design/arrowLeft.gif) 0 5px no-repeat;padding-left:7px;}
.content .pagination .nextPage {background:transparent url(../images/design/arrowRight.gif) 100% 5px no-repeat;padding-right:7px;}
/*document listing*/
.content .pdfListing {padding-left:0;}
.content .pdfListing li, .overlay .pdfListing li, .pdf {background-position:0 0;margin:0.5em 0;padding-left:25px;}

/*****~~~~search filter~~~~*****/
.searchfilter {float:left;}
.searchfilter.open legend {margin-left:-1px;}
.searchfilter div  {float:left;}
.searchfilter div.date {padding-right:10px;}
.searchfilter input.search,
.searchfilter .dropdown {margin-right:10px;float:left;}
.searchfilter input.submit {float:left;}
/*results*/
.content .resultsListing {padding-left:0;}

/*****~~~~side bar~~~~*****/
.sideBar {float:left;padding-right:30px;right:auto;}
.homePage .sideBar {right:0;}
.sideBar .schemeA, .sideBar .schemeB, .sideBar .contactUs, .sideBar .spotlightBox {float:left;}
.homePage .sideBar .contactUs {float:right;}
.sideBar .spotlightBox ul li {background-image:url(../images/design/bulletArrow.gif);background-position:0 6px;padding-left:10px;}
/*contact us*/
.sideBar .contactUs .contacts {float:left;}
.sideBar .contactUs .contacts li {background-position:0 0;float:left;}
.sideBar .contactUs .contacts li.countryContacts {background-position:100% 100%;}
.sideBar .contactUs .contacts li.countryContacts a {padding:5px 30px 10px 10px;}

/*****~~~~footer~~~~*****/
#footer ul {text-align:right;}
#footer li.last {padding-right:0;}

/*****~~~~flowplayer~~~~*****/
.evidenceBox .video {left:10px;}
#volumeSlider {left:259px;}