/*Common*/
html {overflow-y: scroll; overflow-x: auto;}
body {color: #000; font: 12px Verdana,Arial,Helvetica,sans-serif; background: #fff; text-align: justify; line-height: 15px;}
body.arabic {font-size: 13px; direction: ltr; text-align:right;}
form {margin: 0; padding: 0;}
form input {height: 17px; font-size: 11px; line-height: 14px; vertical-align:middle; color: #666666; padding: 0; margin: 0;}
form input.file {height: auto; font-size: 11px; color: #555555;}
form input.submit {height: auto; font-size: 11px; color: #555555;}

img {border: 0 !important;}
table, tbody, tr, td, thead {margin:0 !important;}
table td {border: 0; font: 12px Verdana,Arial,Helvetica,sans-serif;}
h1 {color: #333; font-size: 17px; font-weight: normal; border-bottom: 1px solid #9A9A9A; letter-spacing: -1px; padding: 0 0 5px 0; margin: 0 15px 10px 0;}
body.arabic h1 {font-size:18px; margin: 0 0 10px 15px; text-align: right; }
h2 {font-size: 15px; font-weight: 600; margin: 0 3px;}
body.arabic h2 {font-size: 16px; direction: rtl;}
h3 {color: #c00; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}
body.arabic h3 {font-size: 15px; text-align: right;}
h4 {font-size: 12px; font-weight: 600; margin: 0 0 10px 0;}
body.arabic h4 {font-size: 13px; text-align: right; }
body.arabic h4.FloatLeft {float:right; margin-right: 25px}
pre {font-size: 12px; font-weight: 100;}
hr {background: #000; margin: 10px 0; padding: 0; border: 0; height: 1px;}
select, select option {font-size: 10px; color: #666666;}
body a:link, a:visited {color: #000; text-decoration: none;}
a:hover {color: #c00;}
a:active {color: #900;}

body.arabic #partlogin {direction: ltr;}

ul {list-style: none;  margin: 0; padding: 0 ;}
ul li {padding: 2px 0 0 17px; background: url(/img/eye_bullet.gif) no-repeat 0px 7px; line-height: 120%; text-align: left;}
body.arabic ul {direction: rtl;}
body.arabic ol {direction: rtl;}
body.arabic ul li {direction: ltr; padding: 2px 17px 0 0; background: url(/img/eye_bullet.gif) no-repeat right 7px; text-align: right; margin-right: 5px;}
body.arabic .content-block ul {width: 540px;}
body.arabic .content-block ul.Width50per {width: 270px;}
body.arabic .content-block ul.Width262px {width: 262px;}
body.arabic p {direction: rtl; text-align: right;}
body.arabic form {direction: rtl; text-align: right;}
body.arabic table {direction: rtl;}
body.arabic table td[align="left"] {text-align: right; width: 50%;}
body.arabic table td[align="right"] {text-align: left; width: 50%;}
body.arabic img {border: 0 !important;}
button {border:none; background:none; padding:0; margin:0; width:auto; overflow:visible; text-align:center; white-space:nowrap;  cursor: pointer;}

/*Common classes*/
.Blink {color: #cc0000; text-decoration: blink;} /*instead deprecated tag <blink>*/
/*Blocks with grey or red borders*/
.BorderBottomRed {border-bottom: 1px solid #900}
.BorderTopRed {border-top: 1px solid #900}
.BorderBottomGrey {border-bottom: 1px solid #ddd;}
.BorderGrey {border: 1px solid #ddd;}
table.BorderGrey tr td {border: 1px solid #ddd !important;}
.BorderDarkGrey {border: 1px solid #333;}
.BorderTopGrey {border-top: 1px solid #ddd;}
.BorderTopGreyDotted {border-top: 2px dotted #999;}
.border-b-white {border-top: 1px solid #fff;}
.NoBorders {border:none;}
.BorderWhite, table td.BorderWhite {border: 1px solid #fff;}
.BorderTopWhite {border-top: 1px solid #fff;}
.BorderTopBottomWhite {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.BorderBottomWhite {border-bottom: 1px solid #fff;}
table.BorderWhite tbody tr td {border: 1px solid #fff;}
table.NoBorder, table.NoBorder tr td {border: none;}
/* Use to clear float of blocks */
.spacer {clear: both; font-size: 0; line-height:0; margin: 0; padding: 0;} 
/*Text aligning*/
.TextAlignLeft{text-align: left;}
body.arabic .TextAlignLeft, body.arabic p.TextAlignLeft, body.arabic td.TextAlignLeft {text-align: right; }
.TextAlignCenter {text-align: center;}
.TextAlignRight {text-align: right;}
.TextAlignJust {text-align: justify;}
ul.TextAlignJust li {text-align: justify;}
body.arabic .TextAlignRight {text-align: left;}
.Centered {text-align: center; width:100%; margin:auto;}
/*Text color*/
.RedBoldText {color: #CC0000; font-weight: 600;}
.Bold {font-weight: 600;}
.GreyText {color: #666666;}
.RedText {color: #c00;}
.BlueText {color: #00c;}
.WhiteText {color: #ffffff;}
.UpperText {text-transform: uppercase;}
/*Background Colors*/
.ContentBG, #content table tr.ContentBG {background: #EBEBEB;}
.GreyBG {background: #D3D3D3;}
.DarkGreyBG {background: #9A9A9A;}
.SilverBG {background: #C0C0C0;}
.WhiteBG {background: #fff;}
.RedBG {background: #cc0000;}
.LightRedBG {background: #cc8888;}
.LightBlueBG {background: #8888cc;}
.LightGreenBG {background: #88cc88;}
.YellowBG {background: #fffccc;}
/*Floating and positioning*/
.FloatLeft {float: left;}
.FloatRight {float: right;}

.FloatNone {float: none;}
.PositionRelative {position: relative;}
.Top-5px {top:-5px}
.Top5px {top:5px}
.Top10px {top: 10px;}
.PositionAbsoluteTopRight {position: absolute; top: 110px; right: 20px;}
.PositionAbsoluteTopLeft {position: absolute; top: 110px; left: 20px;}
body.arabic .PositionAbsoluteTopLeft {left: auto; right: 20px;}
body.arabic .PositionAbsoluteTopRight {right:auto; left: 20px;}
.PositionAbsolute {position: absolute;}
.CursorPointer {cursor: pointer;}
/*Margins of the blocks*/
.MarginAuto {margin: auto;}
.PositionRelativeLeft50per{position: relative; left: 50%; float: left; margin: 10px 0 0 0;}
.MarginTopBottom10px {margin: 10px 0 10px 0;}
.MarginTop5px {margin-top: 5px;}
.MarginTopBottom5px {margin: 5px 0 5px 0;}
.MarginBottom10px {margin: 0 0 10px 0;}
.MarginBottom5px {margin: 0 0 5px 0;}
.MarginBottom25px {margin: 0 0 25px 0;}
.MarginBottom35px {margin: 0 0 35px 0;}
.MarginBottom50px {margin: 0 0 50px 0;}
.MarginTop10px {margin: 10px 0 0 0;}
.MarginTop25px {margin: 25px 0 0 0;}
.MarginLeft5px {margin-left: 5px;} 
.MarginRight5px {margin-right: 5px;} 
.MarginRight10px {margin-right: 10px;} 
.MarginRight25px {margin-right: 25px;} 
.MarginLeft10px {margin-left: 10px;} 
.MarginLeft25px {margin-left: 25px;} 
.MarginLeft50px {margin-left: 50px;} 
.MarginLeft75px {margin-left: 75px;} 
.Margin10px {margin:10px;}
.Margin0px, #content table.Margin0px {margin:0px;}
/*Padding*/
.Padding0px {padding: 0px;}
.Padding2px {padding: 2px;}
.Padding5px {padding: 5px;}
.Padding10px {padding: 10px;}
.Padding20px {padding: 20px;}
.PaddingTop10px {padding-top: 10px;}
.PaddingBottom10px {padding-bottom: 10px;}
.PaddingBottom5px {padding-bottom: 5px;}
.PaddingLeft5px {padding-left:5px;}
.PaddingLeft30px {padding-left:30px;}
/*Specific dimensions (width)*/
.WidthAuto {width: auto;}
.Width262px {width: 262px;}
.Width100per {width: 100%; display: block; float: none; margin: 0;}
.Width75per {width: 75%;}
.Width25per {width: 25%;}
.Width50per {width: 49%;}
.Width30per {width: 30%;}
.Width33per {width:33%;}
.Width65per {width:65%;}
.Width90per {width:90%;}
.Width30px {width: 30px;}
.Width40px {width: 40px;}
.Width150px {width: 150px;}
.Width100px {width: 100px;}
.Width75px {width: 75px;}
.Width70px {width: 70px;}
.Width65px {width: 65px;}
.Width80px {width: 80px;}
.Width180px {width: 180px;}
.Width185px {width: 185px;}
.Width230px {width: 230px;}
.Width250px {width: 250px;}
.Width290px {width: 290px;}
.Width300px {width: 300px;}
.Width600px {width: 630px !important;}
.Width320px {width: 320px;}
.Height12px {height: 12px;}
.Height70px {height: 70px}
.HeightAuto {height: auto;}
/*Font size*/
.FontSize11px {font-size: 11px;}
table.FontSize11px td {font-size: 11px;}
.FontSize10px {font-size: 10px; font-weight: 600;}
/* ------- / End of Common ------- */

.popupHome {border: 2px solid #cc0000;width: 260px; height: 140px; position: absolute; left: 50%; top: 50%; margin-top: -70px; margin-left: -130px; padding: 5px; background: #fff; display: none; }
.popupHome p {padding: 10px; text-align: center; font-size: 14px;}

/*Content all*/
#all {width: 824px; margin: auto;} /*main container*/

/*Langs block*/
#lang {text-align: right; margin-bottom: 5px;}
body.arabic #lang {text-align: left; direction: rtl;}
#lang form {display: block;}
#lang p {margin: 0; padding: 0;}
#lang select {font-size: 11px; display: block; float: right; margin-left: 3px;}
/*General block*/
#general {border: 1px solid #ccc; padding: 1px; width: auto;}
/*Header*/
#head {width: 100%; height: 80px; border-bottom: 1px solid #fff;}
#head img {border: 0; padding: 0; margin: 0;}
/*General menu*/

#gen-menu {display: block; margin: 0; padding: 0; background: #c00; height: 28px; text-align:right;}
#gen-menu p {float: right; margin: 0; padding: 0; height: 28px; display: block; width: auto; color: #ccc; font-size: 14px;}
#gen-menu p span {display: block; float: left; margin: 0; background: none;}
#gen-menu p span.current {padding: 7px 20px 6px 20px; color: #666; background: #ccc; font-weight: bold; border-left: 1px solid #fff;}
#gen-menu p span a, #gen-menu p span a:active,#gen-menu p span a:link, #gen-menu p span a:visited {display: block; float: left; color: #fff; font-weight: bold; text-decoration: none; margin: 0; background: none; border-left: 1px solid #fff; padding: 7px 20px 6px 20px;}
#gen-menu p span a:hover {background: #ccc; color: #666666;}
body.arabic #gen-menu {text-align: left;}
body.arabic #gen-menu p {float: left; direction:ltr;}
body.arabic #gen-menu p span {float: right;}


/*Content block*/
#content {background: url(/img/content-bg.gif) repeat-y 580px 0px #ebebeb; border-top: 1px solid #fff; border-bottom: 1px solid #fff; position:relative; height:1%; overflow: hidden;}

/*Left content*/
#content-left-col {float: left; width: 580px; padding: 0;}

 
.red-title {color: #fff; font-weight: bold; background: #c00;}
.gray-title {color: #fff; font-weight: bold; background: #999;}
.title-box {padding: 0 15px 5px 15px;}
.content-block {padding: 22px 20px 5px 20px; margin: 0; background: url(/img/corner-light-grey.gif) no-repeat 537px 0px; position: relative; height:1%; overflow: hidden;} /* General block */
.content-block-large {background-position: right 0px;}
body.arabic .content-block {background: url(/img/corner-light-grey-ar.gif) no-repeat 0px 0px; position: relative; direction: ltr;}
.content-block p {margin: 0;}
.content-block p.MarginTopBottom10px {margin: 10px 0 10px 0;}
.content-block p.MarginTop10px {margin: 0 0 10px 0;}
.content-block p.MarginTop10px {margin: 0 0 25px 0;}
.content-block p.MarginTop10px {margin: 10px 0 0 0;}
.content-block p.MarginTop25px {margin: 25px 0 0 0;}
.content-block img {float: left; margin: 0 40px 0 0; padding: 0; border: 0;}
body.arabic .content-block img {float: right; margin: 0 0 0 40px; padding: 0; border: 0;}
body.arabic .content-block img.FloatRight {float: left; margin: 0 0 0 5px;}
  
.content-block div img {margin:0; border:0;}
.content-block div img.BorderGrey {border: 1px solid #ddd !important;}
.content-block div img.BorderWhite {border: 1px solid #fff !important;}
.content-block img.FloatRight {float: right; margin: 0 0 0 40px; padding: 0; border: 0;}
.content-block img.FloatRight.MarginLeft20px {float: right; margin: 0 0 0 20px; padding: 0; border: 0;}
.content-block-grey {float: left; width: 100%; overflow: hidden; margin: 0 -2px 0 0; background: #CFCFCF; border-bottom: 1px solid #fff;}
.content-block-light-grey {float: left; width: 100%; overflow: hidden; margin: 0 -2px 0 0; background: #EBEBEB; border-bottom: 1px solid #fff;}
.content-block .box p b.WhiteText {color: #ffffff;}
.content-block a:hover, .content-block a:hover b, .content-block a:hover b.GrayText {color: #c00;}
.notes {font-size: 9px; color: #666666;}
.dark-corner-big {background-image: url(/img/corner-grey.gif);}
body.arabic .dark-corner-big {background-image: url(/img/corner-grey-ar.gif); zoom:1}
.small-corner {background-image: url(/img/corner-small.gif);}
.small-corner-dark {background-image: url(/img/corner-small-dark.gif);}

.acc {margin: 0; padding:0;}

/*Block with Offers*/
.offer-hp {width: 170px; margin: 0px 4px 0 4px; background: #fff; float: left; padding: 0;}
.acc .offer-hp {margin: 0; padding:0;}
body.arabic .offer-hp {float: right;}
html>body .offer-hp {margin: 10px 4px 0 5px;}
.offer-red {background: url(/img/offer-red.gif) no-repeat left top; padding: 0; margin: 0; width: 170px; text-align: center;}
.acc .offer-red {background: url(/img/offer-red-acc.gif) no-repeat left top;}
.offer-bg-red {background: url(/img/offer-bg-red.gif) no-repeat left bottom; height: 250px; width: 170px; overflow: hidden; padding: 0; margin: 0;}
.acc .offer-bg-red{background: url(/img/offer-bg-red-acc.gif) no-repeat left bottom; height: 190px; margin: 0 auto; padding: 0;}
.offer-grey {background: url(/img/offer-grey.gif) no-repeat left top; padding: 0; margin: 0; width: 170px; text-align: center;}
.offer-bg-grey {background: url(/img/offer-bg-grey.gif) no-repeat left bottom; height: 250px; width: 170px; overflow: hidden; padding: 0; margin: 0;}
.offer-red-bottom {background: url(/img/offer-red-bottom.gif) no-repeat left bottom; height: 250px; width: 170px; overflow: hidden;}

/*div.red-bg {display: block; width: 170px; height: 200px;  margin: 0 3px 0 0; padding: 0; text-align: center; background: url(/img/offer-red-red.gif) repeat-y 0px 0px;}
.red-bg p, .red-bg-onlite p {padding: 10px; color: #fff; font-weight: 600; margin: 0 0 5px -3px;}*/

.offer-hp .title {height: 40px; width: 165px; position: relative; display: table; vertical-align: middle;margin: 0; padding: 0;}
.offer-hp .title div {*position:relative; *top: 50%; height: auto; width: 165px; display: table-cell; vertical-align: middle;}
.offer-hp .title div h2 {font-size: 13px; font-weight: 600; color: #fff; height: auto; *position: relative; *top: -50%; width: 165px; padding: 0 5px 0 0; margin:0; text-align: center;}


.offer-hp h2.RedBoldText {display: block; font-size: 13px; color: #CC0000; height: 46px; margin-top: 10px; overflow: hidden;}
.offer-hp ul {display: block; width: 155px; height:100px !important; padding: 7px 10px 0 7px;}
body.arabic .content-block .offer-hp ul { width: 155px; height:100px !important; padding: 7px 10px 0 7px;}
*html .offer-hp ul {height: 107 px;}
.offer-hp ul li {line-height: 13px;}
.offer-hp center {width :170px; margin-left: 2px;}

ul.offer-text {height: 110px; overflow: hidden;} 
div.red-bg {display: block; width: 170px; height: 197px;  margin: 0 3px 0 0; padding: 0; text-align: center; background: url(/img/offer-red-red.gif) repeat-y 0px 0px;}
.red-bg p, .red-bg-onlite p {padding: 10px; color: #fff; font-weight: 600; margin: 0 0 5px -3px;}
body.arabic .red-bg p, body.arabic div.red-bg, body.arabic .red-bg-onlite p{margin-left: 0; margin-right: 0;}

.try_us {height: 164px;}
body.arabic .try_us p {text-align: center;}
.table{display: table;}
.t-cell {position: relative; left: -50%; float: left; width: auto;}
.t-cell b {margin: 0 23px 0 0; display: block; position: relative; top: 3px; float: left;}
body.arabic .t-cell b {left: 25%; }
body.arabic .t-cell b, x:-moz-any-link, x:default {left: 0;  margin-left: 25px;}
*html body.arabic .t-cell b {left: 0; margin-left: 25px;}

/*Buttons*/
.btn-container {position: relative; left:50%; width: auto; float: left;}
.offer-red-btn {position: relative; left:-50%; width: auto; float: left; padding-right: 12px; margin-right: -6px; background: url(/img/red-btn-bg.gif) no-repeat top right; height: 26px; cursor: pointer;}
.offer-red-btn span {float: left; position: relative; width: auto; padding: 4px 0 0 32px; margin-left: -8px; background: url(/img/red-btn-bg.gif) no-repeat 0px 0px; height: 25px;  color: #fff; font-size: 12px; font-weight: 600; text-decoration: none;}
.offer-grey-btn {position: relative; left:-50%; width: auto; float: left; padding-right: 12px; margin-right: -6px; background: url(/img/grey-btn-bg-red.gif) no-repeat top right; height: 26px; cursor: pointer;}
.offer-grey-btn span {float: left; position: relative; width: auto; padding: 4px 0 0 32px; margin-left: -8px; background: url(/img/grey-btn-bg-red.gif) no-repeat 0px 0px; height: 25px; color: #cc0000; font-size: 12px; font-weight: 600; text-decoration: none;}
.offer-grey-btn span a, .offer-grey-btn span a:hover {color: #cc0000 !important; text-decoration: none; white-space: nowrap;}
#disabledButton a { color: rgb(192, 192, 192);}
.offer-red-btn span a, .offer-red-btn span a:hover {color: #fff !important; text-decoration: none; white-space: nowrap;}
.red-ongrey-btn, .red-ongrey-btn span {background-image: url(/img/red-btn-bg-grey.gif)}
.grey-ongrey-btn, .grey-ongrey-btn span {background-image: url(/img/grey-btn-bg-grey.gif)}
.red-dark, .red-dark span {background-image: url(/img/red-btn-bg-grey-dark.gif);} 
.grey-dark, .grey-dark span {background-image: url(/img/grey-btn-bg-grey-dark.gif);}  
.send-grey-dark, .send-grey-dark span {background-image: url(/img/send-grey-btn-bg-grey-dark.gif);} 
.send-grey, .send-grey span {background-image: url(/img/send-grey-btn-bg-grey.gif);} 
.send-grey-white, .send-grey-white span {background-image: url(/img/send-grey-btn-bg-white.gif);} 
.grey-light, .grey-light span {background-image: url(/img/grey-btn-bg-grey-light.gif);}
.grey-white, .grey-white span {background-image: url(/img/grey-btn-bg-white.gif);}
.grey-delete, .grey-delete span {background-image: url(/img/delete-btn-bg-grey-light.gif);}
.grey-white-delete, .grey-white-delete span {background-image: url(/img/delete-btn-bg-grey-white.gif);}
p .offer-grey-btn {margin-left: 10px; display: inline;}
p .offer-red-btn {margin-left: 10px; display: inline;}
/*.next-btn {float:right; height: 18px; background: url(/img/next-btn.gif) no-repeat top right; padding: 0 8px 0 0; margin-left: 25px; cursor: pointer;}
.next-btn a {float: right; position: relative; width: auto; padding: 1px 0 0 18px; margin-left: -8px; background: url(/img/next-btn.gif) no-repeat 0px 0px; height: 18px;  color: #777; font-size: 11px; font-weight: 600; text-decoration: none;}
.next-btn a:hover {color: #CC0000;}
.prev-btn {float:right; height: 18px; background: url(/img/next-btn.gif) no-repeat top right; padding: 0 8px 0 0; cursor: pointer; width:auto;}
.prev-btn a {float: right; width: auto; padding: 1px 0 0 18px; margin-left: -8px; background: url(/img/prev-btn.gif) no-repeat 0px 0px; height: 18px;  color: #777; font-size: 11px; font-weight: 600; text-decoration: none;}
.prev-btn a:hover {color: #CC0000;}
*/

.next-btn {position: relative; left:-50%; width: auto; float: left; padding-right: 12px; margin-right: -6px; background: url(/img/next-btn.gif) no-repeat top right; height: 18px; cursor: pointer;}
.next-btn span {float: left; position: relative; width: auto; padding: 2px 0 0 18px; margin-left: -8px; background: url(/img/next-btn.gif) no-repeat 0px 0px; height: 17px;}
.next-btn span a {color: #555 !important; font-size: 11px; font-weight: 600; text-decoration: none; text-decoration: none; white-space: nowrap;}
.next-btn span a:hover {color: #CC0000;}

.prev-btn {position: relative; left:-50%; width: auto; float: left; padding-right: 12px; margin-right: -6px; background: url(/img/prev-btn.gif) no-repeat top right; height: 18px; cursor: pointer;}
.prev-btn span {float: left; position: relative; width: auto; padding: 2px 0 0 18px; margin-left: -8px; background: url(/img/prev-btn.gif) no-repeat 0px 0px; height: 17px;}
.prev-btn span a {color: #555 !important; font-size: 11px; font-weight: 600; text-decoration: none; text-decoration: none; white-space: nowrap;}
.prev-btn span a:hover {color: #CC0000;}

.print-btn {position: relative; left:-50%; width: auto; float: left; padding-right: 12px; margin-right: -6px; background: url(/img/print-btn.gif) no-repeat top right; height: 26px; cursor: pointer;}
.print-btn span {float: left; position: relative; width: auto; padding: 4px 0 0 32px; margin-left: -8px; background: url(/img/print-btn.gif) no-repeat 0px 0px; height: 25px; color: #cc0000; font-size: 12px; font-weight: 600; text-decoration: none;}
.print-btn span a, .print-btn span a:hover {color: #cc0000 !important; text-decoration: none; white-space: nowrap;}

.add-btn, .add-btn span {background-image: url(/img/addGreyGrey.gif)}
/*End of buttons*/

/*Offers page*/
#visitcard {display: block; margin: 0 5px; width: 232px; height: 130px; float: right; background: url(/img/visit_card_bg1.gif) no-repeat top left;}
#visitcard p {text-align: left; color: #666; font-size: 11px; margin: 0; padding: 15px 10px 10px 40px;}
#visitcard p b {color: #000; font-size: 14px;}
ul.FloatLeft {float: left; width: 50%; margin: 0 5px 5px;}


/* Rounded corners with shadow styles*/
.box {float: left; display:block; margin: 6px 0 0; padding: 0; text-align: center; }


body.arabic .box p.Padding10px {margin-right: 10px;}
html>body .box.FloatLeft{ padding-right: 10px;}
.box-white-lgrey-top {background: url(/img/box-bg/box-white-lgrey-top.gif) no-repeat top left; display: block; width: auto; height: 17px;}
.box-white-lgrey-bottom {background: url(/img/box-bg/box-white-lgrey-bottom.gif) no-repeat bottom left; display: block; width: auto; height: 20px;}
.box-white-lgrey-center {background: url(/img/box-bg/box-white-lgrey-center.gif) repeat-y top left; display: block; width: auto; height: auto;}

.box-white-right-top {background: url(/img/box-bg/box-white-right-top.gif) no-repeat top left; display: block; width: auto; height: 17px;}
.box-white-right-bottom {background: url(/img/box-bg/box-white-right-bottom.gif) no-repeat bottom left; display: block; width: auto; height: 20px;}
.box-white-right-center {background: url(/img/box-bg/box-white-right-center.gif) repeat-y top left; display: block; width: auto; height: auto;}


.box-white-dgrey-top {background: url(/img/box-bg/box-white-dgrey-top.gif) no-repeat top left; display: block; width: auto; height: 17px;}
.box-white-dgrey-bottom {background: url(/img/box-bg/box-white-dgrey-bottom.gif) no-repeat bottom left; display: block; width: auto; height: 20px;}
.box-white-dgrey-center {background: url(/img/box-bg/box-white-dgrey-center.gif) repeat-y top left; display: block; width: auto; height: auto;}

.box-red-dgrey-top{background: url(/img/box-bg/box-red-dgrey-top.gif) no-repeat top left; display: block; width: auto; height: 33px;}
.box-red-lgrey-top{background: url(/img/box-bg/box-red-lgrey-top.gif) no-repeat top left; display: block; width: auto; height: 33px;}
.box-grey-dgrey-top{background: url(/img/box-bg/box-grey-dgrey-top.gif) no-repeat top left; display: block; width: auto; height: 33px;}
.box-grey-lgrey-top {background: url(/img/box-bg/box-grey-lgrey-top.gif) no-repeat top left; display: block; width: auto; height: 33px;}
.box-grey-lgrey-bottom {background: url(/img/box-bg/box-grey-lgrey-bottom.gif) no-repeat bottom left; display: block; width: auto; height: 20px;}
.box-grey-lgrey-center {background: url(/img/box-bg/box-grey-lgrey-center.gif) repeat-y top left; display: block; width: auto; height: auto;}
.bg-top-right {background-position: top right; width: auto; margin: 0 0 0 15px;}

.bg-bottom-right {background-position: bottom right; width: auto; margin: 0 0 0 15px;}

.content-block ul.Width100per {width: 100%; display: block; float: none; margin: 0;}
.content-block p.TextAlignLeft{text-align: left;}
.box-content img {float:none; border: 0; margin: 0;}
body.arabic .content-block .box-content img {float:left; border: 1px solid; margin: 0;}
.box-content p {text-align: left; margin: 10px 5px ; padding: 5px 5px; height: 30px; background: #e8e8e8; display: block; vertical-align: middle;}
.box-content {width: 222px; margin: auto 42px auto auto; padding: 10px 0; text-align: center; display: block; background: #f0f0f0;}
body.arabic .box-content {margin: auto; margin-right: 20px}
body.arabic .box-content p {text-align: right; clear: both;}

.box-large-content {display: block; text-align: left; margin: 0 15px 0 5px; padding: 0; width: auto; zoom:1; height: auto;}

.box-large-content p.margin0 {background: #ffffff; text-align: left; margin: 0 0 7px 0;}
.box-large-content ul {display: block; width: 100%; margin: 0; padding: 0;}
.box-large-content ul li {color: #666666;}
body.arabic .box-large-content {width: 480px;}
body.arabic .content-block .box-large-content ul {width: 480px;}
body.arabic .content-block .box-large-content ul li {padding-right: 17px; direction: rtl;}
body.arabic .box-large-content div {text-align: right;}
body.arabic .box-large-content div.TextAlignRight {text-align: left;}
body.arabic .box-large-content .MarginLeft25px.MarginRight25px {padding-right: 20px;}
body.arabic .box-large-content .FloatRight {float: left;}
body.arabic .box-large-content .MarginLeft25px {margin: 0 25px 0 0}
body.arabic .box-large-content .MarginRight25px {margin: 0 0 0 25px;}
body.arabic .box-large-content .FloatLeft {float: right;}
body.arabic .box-large-content .FloatLeft.MarginLeft25px {direction:ltr;}
body.arabic div.content-block form div.FloatLeft.MarginLeft10px {direction:ltr;}

body.arabic .GreyBG {width: 500px;}
body.arabic .GreyBG .FloatLeft.Width30px a {direction:rtl; float: right;}

.content-block img.MarginAuto {margin: auto;}
.content-block img.FloatNone {float: none;}
.content-block p.MarginTop25px {margin: 25px 0 0 0;}
.notes {font-size: 9px; color: #666666;}
.content-block p.MarginTopBottom10px {margin: 10px 0 10px 0;}
.content-block p.MarginTop10px {margin: 10px 0 0 0;}
.content-block p.MarginTop10px {margin: 0 0 10px 0;}
.content-block .box p b.WhiteText {color: #ffffff;}
.dred-sq {background: url(/img/dred-sq.gif) no-repeat 0px 3px; padding-left: 15px;}
.lred-sq {background: url(/img/lred-sq.gif) no-repeat 0px 3px; padding-left: 15px;}
.grey-sq {background: url(/img/grey-sq.gif) no-repeat 0px 3px; padding-left: 15px;}
body.arabic .dred-sq, body.arabic .lred-sq, body.arabic .grey-sq {float: right; background-position: right 3px; padding-right: 15px;}

/* FAQ page styles*/
.links li, .links li a {text-align: left; color: #cc0000; font-weight: bold; text-decoration: none;}
body.arabic .links li, body.arabic .links li a {text-align: right;}
.links li a:hover {text-decoration: underline;}
.links a {text-align: left; color: #cc0000; font-weight: bold; text-decoration: none; display: block;}
body.arabic .links a {text-align: right;}
.links a:hover {color: #cc0000;}

.content-block ul.m-l-20, .content-block p.m-l-20 {margin: 0 0 0 20px;}
.top-link {display: block; margin: 0 0 20px 0; background: url(/img/top-arrow.gif) no-repeat center left; float: right;}
body.arabic .top-link {background: url(/img/top-arrow.gif) no-repeat center right; float: left;}
.top-link a {padding: 5px 5px 5px 15px; text-decoration: none;}
body.arabic .top-link a {padding: 5px 15px 5px 5px;}
.content-block ul li ul.small-bullet li {background: url(/img/small_bullet.gif) no-repeat 5px 8px;}
body.arabic .content-block ul li ul.small-bullet li {background: url(/img/small_bullet.gif) no-repeat right 8px;}
.content-block table {width: 100%;}
.content-block table td {border: 1px solid #666666; padding: 5px; margin: 0;}
.content-block table.NoBorders td {border: 1px solid #ebebeb;}
.content-block table.NoBorders td a {font-weight:600;}
.content-block table thead td {text-align: center; background: #A8A8A8; font-weight: 600;}
.content-block p.m-l-40 {margin-left: 37px;}
.content-block p a {text-decoration: none; font-weight: 600; font-size: 12px;}
.content-block p b {color: #333333;}

/*my_account page styles*/
table.form_table {margin: auto;}
table.form_table td {border: 0; width: 50%; padding: 2px; font-size: 11px; color: #555555;}
table.form_table td.Width35 {width: 35% !important}
form input {height: 14px; font-size: 11px; padding: 0; color: #555555;}
a.small-links, p a.small-links, .content-block p a.small-links {font-size: 10px; font-weight: normal; background: url(/img/link.gif) no-repeat 0px 0px; padding-left: 12px;}
a.text-links, p a.text-links, .content-block p a.text-links {font-size: 12px; font-weight: normal; background: url(/img/link.gif) no-repeat 0px 0px; padding-left: 12px;}
a.text-links:hover {color:#cc0000}
a.simple-links, p a.simple-links, .content-block p a.simple-links {font-size: 11px; font-weight: normal !important;}
a.simple-links:hover {color:#cc0000}

body.arabic a.small-links, body.arabic p a.small-links, body.arabic .content-block p a.small-links {background: url(/img/link-ar.gif) no-repeat right 3px; padding: 2px 15px 2px 5px; text-align: right;}

body.arabic div.content-right-col-block p {direction: rtl;}
body.arabic .content-block td.TextAlignRight {text-align:left; direction: rtl;}
body.arabic .content-block td.TextAlignLeft {text-align:right;}
/*subscription*/
.vat-note {background: url(/img/vat_bg_arrow.gif) no-repeat; display: block; width:165px; height:96px; color: #fff; padding: 25px 10px 10px 10px; line-height: 12px}
html>body .vat-note {height: 61px;}
#verysign {display: block; position: absolute; right: 60px; bottom:0px;}


/*Right block*/
#content-right-col {float: left; width: 240px;}
.dark-grey {background: #CFCFCF; margin-left: 1px;}
.content-right-col-block {background: url(/img/corner-small.gif) no-repeat top right; margin: 0; padding: 6px 0 2px 0; text-align: left; border-top: 1px solid #fff; width: 239px;}
body.arabic .content-right-col-block {background: url(/img/corner-small-ar.gif) no-repeat top left; text-align: right;}
.dark-corner {background-image: url(/img/corner-small-dark.gif)}
.content-right-col-block.first {border: none; margin: 0 0 10px 0;}
.content-right-col-block h1 {margin: 2px 30px 10px;}
body.arabic .content-right-col-block h1 {margin: 2px 30px 10px;}
.content-right-col-block div.margin30 {margin: 0px 30px 10px;}
.content-right-col-block p {margin: 0px 30px 10px;}
.content-right-col-block .offer-hp p {margin : 0px; width: 147px;}
.content-right-col-block .offer-hp ul {height: auto !important;}
.content-right-col-block .offer-hp ul li {text-align: left;}
body.arabic .content-right-col-block .offer-hp ul li {text-align: right;}
.content-right-col-block .offer-hp, body.arabic .content-right-col-block .offer-hp {float: none; margin: 15px -3px 0 0;}
.content-right-col-block a {font-weight: 600; text-decoration: underline;}
.content-right-col-block a.none {text-decoration: none;}
.content-right-col-block a:hover {color: #cc0000;}
#news {height: 87px; overflow: auto;}
/*on lite bg*/
.content-right-col-block ul.offer-text, .content-right-col-block .try_us {height:auto;}
.content-right-col-block .offer-red {background: url(/img/offer-red-onlite.gif) no-repeat left top; height: auto; padding: 0; margin: 0; width: 170px;}
.content-right-col-block .offer-bg-red {background: url(/img/offer-bg-red-onlite.gif) no-repeat left bottom; height: auto; width: 170px; overflow: hidden; padding: 0 0 13px 0; margin: 0;}
.content-right-col-block .offer-grey {background: url(/img/offer-grey-onlite.gif) no-repeat left top; padding: 0; margin: 0; width: 170px;}
.content-right-col-block .offer-bg-grey {background: url(/img/offer-bg-grey-onlite.gif) no-repeat left bottom; height: auto; width: 170px; overflow: hidden; padding: 0 0 13px 0; margin: 0;}
.content-right-col-block .offer-red-bottom {background: url(/img/offer-red-bottom-onlite.gif) no-repeat left bottom; height: auto; overflow: hidden; width: 170px; padding-bottom: 13px;}
.content-right-col-block div.red-bg {display: block; width: 170px; height: auto; margin: 0 3px 0 0; padding: 0; text-align: center; background: url(/img/offer-red-red-onlite.gif) repeat-y 0px 0px;}
.Centered {text-align: center; width:100%;}
body.arabic .Centered {text-align: center; width:100%;}
/*Worldwide*/

#worldwide .content-block {padding: 17px 20px 5px 20px; margin: 0; background: url(/img/corner-light-grey.gif) no-repeat top right; position: relative;} /* General block */
body.arabic #worldwide .content-block {background: url(/img/corner-light-grey-ar.gif) no-repeat top left;}
#worldwide h2{color: #900; background: #d9d9d9; padding:4px; margin:10px 0 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#worldwide table {width: 100%; border:1px solid #fff;}
#worldwide table td {border:1px solid #fff;}
#worldwide p {text-align:center; width:100%; margin:0; padding:0;}
#worldwide img  {float: none; margin:auto; padding:0;}

/*Cross Ref*/
#crossref img {float:none;}

/*My Account*/
.MyAccountMenu {display: block; margin: 0 20px 0 30px;}
.MyAccountMenu a, .MyAccountMenu span {display: block; float: none; background: url(/img/link.gif) no-repeat 0px 3px; padding: 2px 5px 2px 15px; text-decoration: none; font-weight: 100; cursor:pointer;}
body.arabic .MyAccountMenu a,  body.arabic  .MyAccountMenu span {background: url(/img/link-ar.gif) no-repeat right 3px; padding: 2px 15px 2px 5px; margin-right: 10px}
body.arabic .MyAccountMenu div.FloatRight {float: left;}
body.arabic .MyAccountMenu div.FloatRight a {background:none;}
.MyAccountMenu b a {font-weight:600}
.MyAccountMenu .FloatRight a {background:none;}
#Folders {display: block; margin: 0 20px 0 30px;}
#Folders a {display: block; float: none; padding: 2px 5px 2px 20px; margin:0; line-height: 100%; text-decoration: none; font-weight: 100; background: url(/img/folder.gif) no-repeat 0px 3px;}
body.arabic #Folders a {padding: 2px 20px 2px 5px; margin-right: 5px; background: url(/img/folder.gif) no-repeat right 3px;}
#InboxOutbox {margin: 0 1px;}

#InboxOutbox div {display: block; float:left; height: 28px; margin:0; padding: 0;}
body.arabic #InboxOutbox div {float:right;}

#InboxOutbox div.ActiveTab {background: url(/img/TabActiveLeft.gif) no-repeat top left;}
body.arabic #InboxOutbox div.ActiveTab {background: url(/img/TabActiveLeft-ar.gif) no-repeat top right;}

#InboxOutbox div.ActiveTab span {background: url(/img/TabActiveRight.gif) no-repeat top right; color:#cc0000;}
body.arabic #InboxOutbox div.ActiveTab span {background: url(/img/TabActiveRight-ar.gif) no-repeat top left; color:#cc0000;}

#InboxOutbox div.InactiveTab {background: #dcdcdc; }
#InboxOutbox div.InactiveTab a {background: url(/img/TabInactiveRight.gif) no-repeat top right; color:#c0c0c0}
body.arabic #InboxOutbox div.InactiveTab a {background: url(/img/TabInactiveRight-ar.gif) no-repeat top left; color:#c0c0c0}

#InboxOutbox div.InactiveTab a:hover {color: #cc0000;}
#InboxOutbox div a, #InboxOutbox div span {float: left; padding: 7px 30px 0 10px; height: 28px; margin: 0 0 0 5px; font-weight: 600;}
body.arabic #InboxOutbox div a, body.arabic #InboxOutbox div span {padding: 7px 10px 0 30px; margin: 0 5px 0 0;}

/*Sponsorship*/

#sponsorship .content-block {padding: 17px 20px 5px 20px; margin: 0; background: url(/img/corner-light-grey.gif) no-repeat top right; position: relative;} /* General block */

#GroupHistory {float: left; background: #C8C8C8; width: auto;}
#GroupHistory a {float: left; padding: 3px 15px 3px 10px; background: url(/img/group-history-a-bg.gif) no-repeat bottom right; border-right: 1px solid #fff;}
table.Padding2px td {padding: 2px}
body.arabic .GreyBG div.MarginRight25px {margin: 0 0 0 25px;}
body.arabic .GreyBG div.MarginLeft10px {margin: 0 10px 0 0;}
body.arabic .GreyBG p, body.arabic .GreyBG td, body.arabic .GreyBG div {direction: rtl;}
body.arabic .GreyBG form input {float: right;}
body.arabic .GreyBG div.FloatLeft {float:right;direction: ltr;}
body.arabic .GreyBG div.TextAlignLeft {text-align:right;}
body.arabic .GreyBG div.MarginLeft50px {margin: 0 50px 0 0;}
/*Affiliate*/

#content table tr td {border: 0; margin: 2px;}

#content table {margin-bottom: 10px;}

#documents {
	display: block;
	padding: 5px 10px 10px 0;
}

#documents h1 {border:0;}


.affiliateMenu {display: block; margin: 0 20px 0 30px;}
.content-right-col-block .affiliateMenu a {display: block; float: none; background: url(/img/link.gif) no-repeat 0px 3px; padding: 2px 5px 2px 10px; text-decoration: none; font-weight: 100;}

.document {width: 100%; display: block; margin: 0; padding: 8px 3px; float: left; border-bottom: 1px dotted #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}

.document:hover {background: #eeeeee;}

div.document h1 {display: block; font-size: 17px; font-weight: normal; text-align: left; margin: 0; padding: 0; padding-left: 25px; padding-bottom: 5px; background: url(/img/page.gif) no-repeat -2px 0px; margin-right: 30px;	cursor: pointer;}

div.document h1.popfax {background: url(/img/page-popfax.gif) no-repeat -2px 0px;}

.document .delete {display: block;	width: 15px;height: 16px;margin: 0;padding: 0;border-right: 1px solid #d32b2a;float: right;background: url(/img/delete.gif) no-repeat top right;	cursor: pointer;}

.document form, .document form input, .invoice form, .invoice form input {display: none;}

.document .data {color: #999;float: left; display: block; margin: 0; padding: 0; padding-left: 11px;}

.document .data span {font-size: 10px; margin: 0; padding: 0;}

.document .author {color: #aaa; float: right; display: block;margin: 0;padding: 0;}

.clear {width: 90%; clear: both; height: 1px;}

.document .plus {float: left;display: block;width: 11px;height: 11px; background: url(/img/plus.gif) no-repeat top left;padding: 0;cursor: pointer;}

.document .minus {float: left; display: none; width: 11px; height: 11px; background: url(/img/minus.gif) no-repeat top left; padding: 0; cursor: pointer;}

.document .info {font-style: italic; margin: 8px 0 5px 25px; padding: 0 4px 0 0px; color: #555; text-align: justify; display: none;}

.invoice {margin: 0; padding: 8px 3px; float: left; border-bottom: 1px dotted #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;	color: #333; background: #fcc; width: 100%;}

.invoice:hover {background: #fbb; color: black;}

.invoice h1 {font-size: 17px; font-weight: normal; text-align: left; margin: 0; padding: 0; padding-left: 25px; background: url(/img/page.gif) no-repeat -2px 0px; margin-right: 30px; cursor: pointer;}

.invoice h1.popfax {background-image: url(/img/page-popfax.gif);}

.invoice .delete {display: block; width: 15px; height: 16px; border-right: 1px solid #d32b2a; float: right; background: url(/img/delete.gif) no-repeat top right; cursor: pointer;}

.invoice .data {color: #999; float: left;	display: block; margin: 0; padding: 0; padding-left: 11px;}

.invoice .data span {font-size: 10px;}

.invoice .author {color: #aaa; float: right; display: block; margin: 0; padding: 0;}

.invoice .info {font-style: italic; margin: 8px 0 5px 25px; padding: 0 4px 0 0px; color: #555; text-align: justify; display: none;}

#content table.statistics {margin:0; padding:0;}

#content table.statistics td {padding: 2px 10px 2px 0; font-size: 11px;}

#content table.statistics {border: 0px solid; border-spacing: 0px; margin-bottom: 0;}

#content table tr.statistics_header {background-color: #777; color: #fff; font-weight: bold;}

#content table tr.statistics_header td {border-top: 1px solid #333; font-weight: bold; border-bottom: 1px solid #fff;}

#content table tr.statistics_footer{background-color: #BBB;}

#content table tr.statistics_footer td {font-weight: bold;color: #333;border-bottom: 1px solid #333;}

#content table tr.stats_title{font-size: 12px; font-weight: bold; color: Black; text-align: left;}

#content table tr.stats_title td {font-weight: bold; padding-bottom: 7px;}

#content table.statistics tr td.stats_date{color: #000; text-align: left;}

#content table.statistics tr td.stats_data{text-align: left;}

#content .content-block table.statistics tr td.stats_direction{text-align: center; width: 10px;}

#content .content-block table.statistics tr td.stats_direction img {border: 0; margin: 0; padding: 0;}

.input_solid {border: 1px solid; background-color: #eee;}

.popnotice h2 {color: #cc0000; margin-bottom: 3px; }
.popnotice h3 {background: #cc0000; padding: 3px; margin-bottom: 0; color: #fff;}
.usernotice h2 {color: #777; margin-bottom: 3px; }
.usernotice h3 {background: #777; padding: 3px; margin-bottom: 0; color: #fff;}
.usernotice .date, .popnotice .date { display: block; float: right; font-size: 10px; color: #333; margin-top: 5px;}
.usernotice p, .popnotice p {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; width: auto; text-align: justify; padding: 5px 0; margin-bottom: 10px;}
.usernotice p {border-bottom: 2px solid #999;}
.usernotice .left {margin-top: 10px; width: 50%;}
.usernotice .right {margin-top: 10px; width: 50%;}







/* ------- Footer ------- */
.footer {font-size: 11px; color: #fff; background: #c00; height: 28px;}
.footer img {border: 0;}
/* ------- Footer Links ------- */
.footer a:active, .footer a:link, .footer a:visited {color: #fff; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration: underline;}
/* ------- / End of Footer Links ------- */
.footer-left-col {float: left; width: 100px; height: 28px;}
body.arabic .footer-left-col {float: right;}
.footer-center-col {float: left; font-weight: bold; margin: 7px auto 0 auto; width: 560px; text-align: center;}
body.arabic .footer-center-col {float: right; direction: ltr;}
/* ------- Footer Center Column List ------- */
.footer-center-col ul {display: inline; list-style: none; margin: 0; padding: 0;}
.footer-center-col ul li {background: none; display: inline; padding: 0 10px; border-right: 1px solid #fff;}
body.arabic .footer-center-col ul li {background: none; display: inline; padding: 0 10px; border-left: 1px solid #fff; border-right: none;}
.footer-center-col ul li.last, body.arabic .footer-center-col ul li.last {border: none;}
/* ------- / End of Footer Center Column List ------- */
.footer-right-col {float: right; width: 150px; margin-top: 7px; text-align: right; padding-right: 10px;}
body.arabic .footer-right-col {float: left;}
/* ------- / End of Footer ------- */





/*////////////////////////////////////////////////////////////*/
/*old classes - will be clear after verification if not used*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.gray-text {color: #666;}
.white-text {color: #fff;}
.red-text {color: #c00;}
.box-img {display: block;}
.top-red {height: 12px; background: url(/img/top.gif) no-repeat right #c00;}
.top-gray {height: 12px; background: url(/img/top.gif) no-repeat right #999;}
.top {height: 12px; background: url(/img/top.gif) no-repeat right;}
.bottom {height: 14px; background: url(/img/bottom.gif) no-repeat right bottom;}
.l-bg {background: url(/img/l.gif) repeat-y left; padding: 0 5px;}
.r-bg {background: url(/img/r.gif) repeat-y right;}
.content-box {position: relative; padding: 10px 15px;}


*:first-child+html .offer-red-btn {width: 110px;}
*:first-child+html .offer-grey-btn {width: 110px;}
*:first-child+html .small {width: 80px;}
*:first-child+html .large {width: 150px;}  
*:first-child+html .table-cell {width:70%}

/*.small-corner {background: url(/img/corner-small.gif) no-repeat top right; padding: 14px 0 8px 0;}*/

#content table#integratorAcc tr td {font-size: 11px; padding: 3px 5px; border-bottom: 1px solid #d9d9d9;}
table#integratorAcc tr:hover {background: #DDD;}
table#integratorAcc td a {border-bottom: 1px dotted #777;}
table#integratorAcc td div a {border: none;}
table#integratorAcc td a:hover {color: #cc0000;}
a.text:hover {color:#cc0000;}

.sel-container {border: 1px solid #c00; position: relative; width: 70px; height: 16px; overflow: hidden;}
.sel-container select {position: absolute; top: -1px; left: -1px; width: 72px;  font-size: 11px; height: 18px;}