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

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

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

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

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

/*****~~~~headers~~~~*****/
.strapLine {float:right;padding-right:20px;}
.evidenceBox .strapLine {float:none;padding:0;left:15px;}
.statement {padding-right:20px;}
.tab {float:right;}
.tab span {float:right;}
/*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 10px 0 0;}

/*****~~~~forms----*****/
.content .form {float:right;}
.form div {float:right;}
label,span.label {float:right;margin-left:10px;text-align:left;}
.standalone label {text-align:right;}
.field {float:right;}
/*inputs*/
input,select,textarea {float:right;}
input.xsm, input.sm, input.md {margin-left:0.5em;}
/*radio/check*/
.form .radioCheck ul,.form .radioCheck ul li{float:right;text-align:right;}
.form .radioCheck input {float:none;}
.form .radioCheck li input {float:right;}
.form .radioCheck label {float:none;margin:0 0.3em 0 0.5em;text-align:right;}
.form .radioCheck li label {float:right;margin:0;}
.form .radioCheck.ext span.label {text-align:right;}
/*validation*/
.form .error .message, .form .tip {background-position:209px 0;padding-right:36px;width:204px;}/*no float, except for for ie6 + 7*/
/*buttons*/
.content .form div .submit {float:left;}
.noSubNav .content .form .inlineBtns, .fullWidth .content .form .inlineBtns {padding-left:249px;}
.noSubNav .content .form div .submit, .fullWidth .content .form div .submit {margin-left:249px;}
.noSubNav .content .form .inlineBtns .submit, .fullWidth .content .form .inlineBtns .submit {margin-left:0;margin-right:2em;}
.standalone .submit {margin-right:1em;}

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

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

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

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

/*****~~~~-pdf creator~~~~*****/
.addPDF {padding-right:5px;}
/*pdf tab across all pages*/
.pdfCreator {float:left;}
.pdfTab {background-image:url(../images/design/pdfTabRTL.png);float:left;} /*float does not reverse*/
.active .pdfTab {background-image:url(../images/design/pdfTabRTLOn.png);}
.pdfTab .basketLink, .pdfTab .basketLink:visited {padding:9px 35px 9px 0;}
.pdfCreator .helpIcon {left:-8px;}
/*global basket*/
.pdfBasket ol {margin:0;padding:0;} 
.pdfBasket ol li, .pdfBasket ol a  {float:right;}
.pdfBasket ol li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.pdfBasket ol a.removePDF {float:left;}
/* homepage sliding basket */
.sideBar .pdfCreator .pdfBasket {margin-left:0px;}
/*standalone basket*/
.content .pdfBasket {float:right;margin-left:0;} 
.content .pdfHelp, .content .pdfBasket ol li {float:left;}
.content .pdfBasket ul li {padding-right:0;}
/*sliding basket */
.pdfCreator .pdfBasket {margin-left:30px;float:left;display:inline;}
/*sliding basket help*/
.pdfCreator .closeHelp {left:20px;}
.pdfCreator .pdfHelp {background-image:url(../images/design/calloutRedL.gif);background-position:0 95%;right:-555px;padding-right:9px;}
.pdfCreator .pdfHelp .inner {margin-left:9px;}
.pdfCreator .pdfHelp h2 {float:right;}
/*buttons*/
.pdfBasket ul li {float:left;}
.createPDF {margin-right:5px;}
.createPDF span {padding-right:18px;background-position:100% 1px;display:block;}
.removeAll span {padding-right:20px;background-position:100% 0;display:block;}
/*homepage specific*/
.pdfContainer {left:20px;}
.pdfContainer .pdfCreator, .sideBar .pdfContainer {float:left;}
.pdfContainer .pdfCreator .pdfBasket {margin-left:0;}
/*internal specific*/
.evidenceBox .pdfCreator {float:none;left:0;}
.evidenceBox .pdfTab {float:none;}
.evidenceBox .pdfTab {position:absolute;left:30px;bottom:0;}
.evidenceBox .pdfCreator.active .pdfTab {position:static;float:left;margin-left:30px;left:auto;bottom:auto;} 
.evidenceBox .pdfCreator.active .helpIcon {left:22px;}
.content h1 .addPDF {float:left;}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*****~~~~~flowplayer~~~~~*****/
.evidenceBox .video {right:10px;}
#volumeSlider {right:20px;}

/*****~~~~datepicker plugin - third party based css~~~~*****/
.ui-datepicker{direction:rtl;}
.ui-datepicker .ui-datepicker-prev{height:2.3em;left:auto;right:6px;width:3em;}
.ui-datepicker .ui-datepicker-next{height:2.3em;left:2px;right:auto;}
.ui-datepicker .ui-datepicker-prev:hover{left:auto;right:5px;}
.ui-datepicker .ui-datepicker-next:hover{left:1px;right:auto;}
.ui-datepicker .ui-datepicker-buttonpane{clear:right;}
.ui-datepicker .ui-datepicker-buttonpane button{float:left;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:right;}
.ui-datepicker .ui-datepicker-group{float:right;}
.ui-datepicker .ui-datepicker-group-last .ui-datepicker-header{border-left-width:1px;border-right-width:0;}
.ui-datepicker .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:1px;border-right-width:0;}