/* Reverse page orientation to right to left 
========================================*/ /* General styles
========================================*/
/*body {
    direction: rtl;
    background-position: left top;
}
*/
/*
* {
    direction: rtl;
}
*/

#page {
    direction: rtl;
    }
    
.contentDevider {
    background-position: top right;
}

#tntLogo {
    float: right;
}

#content ul,#contentExtra ul {
    padding-right: 15px;
    padding-left: 0;
}

form.search input.text {
    background-position: right bottom;
}

/* Sitewide navigation styles
========================================*/
#siteWideNavigation {
    float: right;
    display: inline;
}

#siteWideNavigation li {
    float: left;
    display: inline;
    padding-left: 0px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 10px;
    background-position: right bottom;
}

#siteWideNavigation li.collapse {
    margin-right: 0pt;
    padding-right: 0pt;
}

#siteWideNavigation a {
    margin: 0 3px 0 0;
}

/* Floating search
========================================*/
form.search {
    float: left;
}

/* Main menu
========================================*/
#mainNavigation {
    float: left;
}

#mainNavigation ul {
    right: 0;
}

#mainNavigation li {
    float: right;
    position: relative;
    margin-right: 0;
    margin-left: 25px;
}

#mainNavigation ul li a {
    background: url("../_img/rtl/menu_bullet.gif") 7px no-repeat;
    background-position: right center;
    padding-right: 18px;
    padding-left: 7px;
}

#mainNavigation ul li a:hover {
    background: url("../_img/rtl/menu_bullet_hover.gif") #eee 7px no-repeat;
    background-position: right center;
}

#mainNavigation li>ul {
    top: auto;
    left: inherit;
    right: 0;
}

/* Breadcrumbs
========================================*/
#breadcrumbs li {
    float: right;
    margin-left: 4px;
}

#breadcrumbs a {
    padding: 0 0 0 10px;
    background: url(../_img/breadcrumb_div.gif) no-repeat scroll left center
        ;
}

/* Page menu
========================================*/
#pageMenu {
    float: right;
    margin-right: 0;
    margin-left: 20px;
    /* border replaced with gray one due to TNTREDEV-408 */
    /* background: url("../_img/rtl/hr_orange_grey.gif") top right no-repeat; */
    border-top: 1px solid #CCCCCC;
}

#pageMenu li a {
    background: url("../_img/rtl/menu_bullet.gif") 5px no-repeat;
    background-position: right center;
    padding-left: 7px;
    padding-right: 15px;
}

#pageMenu li a:hover {
    background: url("../_img/rtl/menu_bullet_hover.gif") #eee 5px no-repeat;
    background-position: right center;
}

#pageMenu li.active a {
    color: #F60;
    background: url("../_img/rtl/menu_bullet_hover.gif") #eee 5px no-repeat;
    background-position: right center;
}

#pageMenu li.open li a:hover,#pageMenu li li.active a {
    background: url("../_img/rtl/menu_bullet_hover.gif") #eee 15px no-repeat
        ;
    background-position: right center;
}

#pageMenu a.selected {
    background-image: url(../_img/rtl/menu_bullet_hover.gif);
    background-position: right center;
    color: #F60;
}

#pageMenu a:hover,#pageMenu a.active:hover {
    background-image: url(../_img/rtl/menu_bullet_hover.gif);
    background-position: right center;
}

#pageMenu a.active {
    background: url(../_img/rtl/menu_bullet_open.gif) transparent 5px
        no-repeat;
    background-position: right center;
}

#pageMenu li ul li {
    padding-left: 0;
    padding-right: 10px;
}

/* Search Form (Advance annd archive search)
========================================*/
ul.search div.mini select,ul.search div.mini input {
    float: left;
    clear: left;
}

ul.search input.btn {
    float: left;
}

ul.search strong {
    background: url("../_img/rtl/menu_bullet.gif") 5px no-repeat;
}

ul.search input.btn {
    margin-left: 11px;
    margin-right: 0;
}

/* Content 
========================================*/
#content {
    float: right;
    margin-right: 0;
}

#content img.format {
    float: right;
    margin: 0 0px 10px 10px;
}

table.format td,table.format th {
    border: solid 1px #dbdbdb;
    border-left: none;
    padding-left: 10px;
    text-align: right;
}

#content img.alternateside {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

/* Content Search Box
========================================*/
#content form.search {
    text-align: right;
}

/* Content  Header
========================================*/
#content .header div.float {
    float: right;
}

#content .header span {
    float: right;
}

#content .header h1 {
    float: right;
    margin: 18px -150px 0 0;
    text-align: left;
}

/* Content  Lists
========================================*/
#content ul.links {
    list-style-image: url("../_img/rtl/menu_bullet.gif");
    margin: 0 15px 15px 0;
}

#content ul.links li a {
    margin: 0;
}

/* Content Block Quote
========================================*/
#content blockquote {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 10px;
    background: url("../_img/rtl/quote_close.gif") bottom right no-repeat;
}

#content blockquote p {
    background: url("../_img/rtl/quote_open.gif") top right no-repeat;
}

#content blockquote.quoteLeft {
    float: right;
}

#content blockquote.quoteRight {
    float: left;
}

#content ul {
    margin: 0 15px 0 0;
}

/* Content Next Prev
========================================*/
#content ul.nextPrev li {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

#content ul.nextPrev li.previous a {
    padding-left: 0;
    padding-right: 10px;
    background: url("../_img/menu_bullet.gif") right center no-repeat;
}

#content ul.nextPrev li.next a {
    padding-right: 0;
    padding-left: 10px;
    background: url("../_img/rtl/menu_bullet.gif") left center no-repeat;
}

/* Right hand side (will now be left hand side...)
========================================*/
#quicklinks {
    float: left;
}

#quicklinks div.header {
    background-image: url(../_img/rtl/quicklinks/header.gif);
}

#quicklinks div.body ul {
    background-image: url(../_img/rtl/quicklinks/bg.jpg);
}

#quicklinks div.body ul li.quicklink a {
    background-image: url(../_img/rtl/quicklinks/arrow.jpg);
    background-position: top left;
}

#quicklinks div.body ul li.quicklink a:hover {
    background-position: 0 -17px;
}

/* Sitemap styles 
========================================*/
#content #siteMap ul ul li a {
    background: url("../_img/rtl/menu_bullet.gif") 5px no-repeat;
    background-position: right center;
}

#content #siteMap ul {
    float: right;
    /* border replaced with gray one due to TNTREDEV-408 */
    /* background: url("../_img/rtl/hr_orange_grey.gif") top right no-repeat; */
    border-top: 1px solid #CCCCCC;
    margin-left: 10px;
    margin-right: 0;
}

#content #siteMap ul.last {
    margin-left: -20px;
    margin-right: 0;
}

#content #siteMap ul ul ul {
    margin-right: 10px;
    margin-left: 0;
}

#content #siteMap ul ul li a {
    padding: 3px 15px 3px 7px;
    background: url("../_img/rtl/menu_bullet.gif") 5px no-repeat;
    background-position: right center;
}

/* Footer
========================================*/
#footer {
    /* border replaced with gray one due to TNTREDEV-408 */
    /* background: url("../_img/rtl/hr_orange_grey.gif") top right no-repeat; */
    border-top: 1px solid #CCCCCC;
}

#footer a.other {
    float: left;
}

#footer ul li {
    float: right;
    margin: 0 0 0 10px;
}

#footer span {
    text-align: right;
}

/* REVERSE STYLES FOR THE HOMEPAGE
========================================*/ /* ELEMENT STYLES
========================================*/
#pageBody.hpBody fieldset label {
    padding-right: 0;
    padding-left: 5px;
    clear: both;
    overflow: hidden;
}

/* OPERA FIX */
#pageBody.hpBody button div {
    float: right;
}

/*********************************************************
* Homepage application box styles
*********************************************************/
.hpApplicationBox {
    background: url(../_img/homepage/rtl/thin_gradient_bottom.gif) no-repeat
        left bottom;
}

#pageBody .hpApplicationBox h3 {
    padding-right: 10px;
    padding-left: 0;
    background: transparent url(../_img/homepage/rtl/thin_header_bottom.gif)
        no-repeat right bottom;
}

.hpApplicationBox .body {
    padding-right: 10px;
    padding-left: 28px;
    background-image: url(../_img/homepage/rtl/thin_gradient.gif);
    text-align: left;
}

.hpApplicationBox fieldset .fakelegend {
    text-align: right;
}

.hpApplicationBox p {
    text-align: right;
}

.emptyApplication .body {
    padding-left: 10px;
}

.emptyApplication .bodyFooter {
    margin-left: 0;
}

/*********************************************************
* APPLICATION BOX WRAPPERS
*********************************************************/
.HPSending,.HPTracking {
    float: right;
    margin-left: 9px;
    margin-right: 0;
}

.HPTracking {
    margin-left: 0;
}

/*********************************************************
* TAB STYLES
*********************************************************/
.tabs {
    padding-right: 2px;
    padding-left: 0;
    background-image: url(../_img/homepage/rtl/thin_header_top.gif);
}

.tabs ul {
    background-image: url(../_img/homepage/rtl/tabrightinactive.gif);
}

.tabs li {
    float: right;
}

.tabs li.left {
    background-image: url(../_img/homepage/rtl/tableftactive.gif);
    background-position: left top;
}

.tabs table * {
    padding-left: 0;
    padding-right: 5px;
    text-align: right;
}

.tabs .tdLeft,.tabs .tdRight {
    background-image: url(../_img/homepage/rtl/tableftinactive.gif);
    background-position: left top;
}

.tabs .tdRight {
    background-image: url(../_img/homepage/rtl/tabrightinactive.gif);
}

.tabs .tdLeftActive {
    background-image: url(../_img/homepage/rtl/tableftactive.gif);
}

.tabs .tdRightActive {
    background-image: url(../_img/homepage/rtl/tabrightactive.gif);
}

/*********************************************************
* TIMES AND PRICES AREA
*********************************************************/
#HPTimes fieldset label.RadioButton {
    float: left;
    margin-left: 5px;
    margin-right: 0;
}

/*********************************************************
* TRACKING AREA
*********************************************************/
#HPTrack fieldset label.RadioButton {
    float: left;
}

/*********************************************************
* MYTNT
*********************************************************/
#HPMyTNT {
    float: right;
    background-image: url(../_img/homepage/rtl/wide_gradient_bottom.gif);
    background-position: right bottom;
    background-color: #ededee;
}

#HPMyTNT .header {
    background-image: url(../_img/homepage/rtl/wide_thin_headerbottom.gif);
    background-position: right bottom;
}

#HPMyTNT .header h3 {
    background-image: url(../_img/homepage/rtl/wide_thin_headertop.gif);
    background-position: right top;
    padding-right: 10px;
    padding-left: 0;
}

#HPMyTNT .body {
    background-image: url(../_img/homepage/rtl/wide_gradient.gif);
}

/*********************************************************
* Application Box Limits 
*********************************************************/
.HPSending .bodyFooter,.HPTracking .bodyFooter,.lowerFooter,#HPMyTNT .lowerFooter
    {
    margin-left: -18px;
    padding-left: 18px;
    margin-right: 0;
    padding-right: 0;
}

div.bodyFooter a,div.lowerFooter a {
    float: left;
    margin-left: -14px;
    margin-right: 0;
    line-height: 2em;
}

div.lowerFooter i {
    float: left;
    margin-left: 4px;
    margin-right: 20px;
}

/*********************************************************
* MYLOGIN
*********************************************************/
#HPMyTNTLogin {
    float: left;
    padding-right: 10px;
    padding-left: 28px;
}

#HPMyTNTLogin form {
    text-align: left;
}

#HPMyTNTLogin p {
    text-align: right;
}

#HPMyTNTLogin fieldset {
    text-align: left;
}

/*********************************************************
* MYSIGNUP
*********************************************************/
#HPMyTNTSignUp {
    float: right;
    margin-right: 5px;
    margin-left: 0;
    padding-right: 5px;
    padding-left: 10px;
    border-left: solid 1px #CCC;
    border-right: 0;
}

#HPMyTNTSignUp form {
    text-align: left;
    margin-right: 0;
    margin-left: 22px;
}

#HPMyTNTSignUp ul {
    float: right;
    margin-right: 10px !important;
    margin-left: 0 !important;
}

#HPMyTNTSignUp .Includes {
    float: right;
}

/*********************************************************
* ABOUT TNT
*********************************************************/
#HPAboutTNT {
    float: right;
    margin-left: 18px;
    margin-right: 0;
}

/*********************************************************
* HP NEWS
*********************************************************/
#HPNews {
    float: left;
    margin: 5px 10px 0 0;
    padding-left: 10px;
    padding-right: 0;
}

/*********************************************************
* WHO ARE WE
*********************************************************/
#HPWhoAreWe {
    float: right;
    padding-left: 10px;
    padding-right: 0;
    border-left: solid 1px #cccccc;
    border-right: 0;
}

/* GENERAL CLASSES
========================================*/
.HelpTip {
    float: left;
    margin-right: 0;
    margin-left: -20px;
}

/* Othersites 
========================================*/
#otherSites ul {
    left: 0;
    right: -128px;
    margin: 0pt;
    padding: 0pt;
    position: absolute;
    text-align: right;
    z-index: 999;
}

#otherSites ul a {
    display: block;
    height: 1%;
    color: #666;
    line-height: 120%;
    padding-left: 10px;
    padding-right: 70px;
}

#otherSites li a {
    background-position: right center;
}

#otherSites #closeList a {
    padding-left: 10px;
    padding-right: 0;
}

#otherSites li {
    border-bottom: 1px solid #F5F5F5;
    display: inline;
    float: none;
    line-height: 100%;
    margin: 0pt;
    padding: 0pt;
}

#pageBody.hpBody label span {
    float: right;
    text-align: right;
}

#pageBody.hpBody label input {
    float: left;
}

