﻿BODY {DIRECTION: rtl; MARGIN: 0px; FONT-SIZE: 12px; FONT-FAMILY: Arial; BACKGROUND: #F7F7F7; OVERFLOW-X: hidden;}
INPUT, SELECT, TEXTAREA {FONT-FAMILY: Arial; BORDER: solid 1px #D9D8D8;}
IMG {BORDER: 0px;}
FORM, DIV, P {MARGIN: 0px;}
A {TEXT-DECORATION: none; COLOR: #E20067;}
A:hover {TEXT-DECORATION: none; COLOR: #E20067;}

UL {LIST-STYLE-TYPE: none; PADDING: 0px; MARGIN: 0px; COLOR: #000;}
UL LI {MARGIN: 0px 10px 0px 0px; PADDING: 0px 16px 10px 0px; BACKGROUND: url(/img/bullet.gif) no-repeat 100% 3px;}
UL LI.ltr {MARGIN: 0px 10px 0px 0px; PADDING: 0px 0px 10px 16px; BACKGROUND: url(/img/bullet_en.gif) no-repeat 0px 3px;}

UL LI.listCats {MARGIN: 0px 20px 0px 0px; PADDING: 3px 10px 4px 0px; BACKGROUND: url(/img/bulletside.gif) no-repeat 100% 0px;}
UL LI.listCats A {COLOR: #505C5F;}
UL LI.listCats A:hover {COLOR: #000;}
UL LI.listCats.selected {FONT-WEIGHT: bold;  BACKGROUND: url(/img/bulletsideon.gif) no-repeat 100% 0px;}
UL LI.listCats.selected A {COLOR: #fff;}

UL LI.listArticles {MARGIN: 0px 20px 0px 0px; PADDING: 3px 10px 4px 0px; BACKGROUND: url(/img/bulletsidearti.gif) no-repeat 100% 0px;}
UL LI.listArticles A {COLOR: #505C5F;}
UL LI.listArticles A:hover {COLOR: #000;}
UL LI.listArticles.selected {FONT-WEIGHT: bold;  BACKGROUND: url(/img/bulletsidearti.gif) no-repeat 100% 0px;}
UL LI.listArticles.selected A {COLOR: #000;}

UL LI.listNews {PADDING: 0px 13px 10px 0px; BACKGROUND: none;}

UL LI .newsTitle {COLOR: #28313B; FONT-WEIGHT: bold;}
UL LI .newsText {PADDING-BOTTOM: 5px; MARGIN: 0px 0px 0px 10px;}
UL LI .newsImage {POSITION: relative; HEIGHT: 55px;}
UL LI .newsLink {COLOR: #E20067;}
UL LI .catTitle_off {FONT-WEIGHT: normal; COLOR: #333;}
UL LI .catTitle_on {FONT-WEIGHT: bold; COLOR: #EA5E09;}

H1, H2 {FONT-SIZE: 22px; COLOR: #28313B; FONT-WEIGHT: bold; MARGIN: 0px 0px 10px 10px; PADDING: 0px 0px 5px 0px; BACKGROUND: url('/img/titleBG.gif') no-repeat right bottom;}
H2 {FONT-SIZE: 18px;}

#divMainHeader {WIDTH: 950px; BACKGROUND: url(/img/layoutTopBG.jpg);}
#divMainLogo {MARGIN-BOTTOM: 6px;}
#divMainTel {FLOAT: left; PADDING: 0px 17px; padding-top: 24px;}
#divMainPanel {FLOAT: right; PADDING-TOP: 5px; WIDTH: 430px;}
#divMainBody {WIDTH: 950px;  BACKGROUND: url(/img/contentbg.png); background-color:#FFFFFF; }
#divMainBodyPad {}


#divMainFooter {MARGIN-TOP: 0px; PADDING: 10px; BACKGROUND-COLOR:#454545; BORDER-TOP: solid 3px #E20067;}
#divMainFooter .footerLink {FLOAT: right; PADDING: 5px 20px;}
#divMainFooter DIV {MARGIN: 2px 0px;}
#divMainFooter A {FONT-SIZE: 12px; COLOR: #BBB; PADDING: 2px 4px;}
#divMainFooter A:hover {BACKGROUND-COLOR:#E20067; TEXT-DECORATION:none; COLOR: #DDD; PADDING: 2px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#divMainFooter A.footerBorder {PADDING: 0px 10px; BORDER-LEFT: solid 1px #96A2A9;}

#divMainFooterbottom {MARGIN-TOP: 0px; PADDING: 10px; BACKGROUND-COLOR:#343434;}
#divMainFooterbottom .footerLink {FLOAT: right; PADDING: 5px 20px; COLOR: #C7C7C7;}
#divMainFooterbottom A {FONT-SIZE: 11px; COLOR: #C7C7C7; }
#divMainFooterbottom A.footerBorder {PADDING: 0px 10px; BORDER-LEFT: solid 1px #96A2A9;}

#divMenuWrap {WIDTH: 950px; HEIGHT: 47px; MARGIN: 10px 0px 0px 0px; BACKGROUND: url(/img/navBG.jpg) repeat-x;}
#divMenuWrap .menuItem_r_hover {FLOAT: right; WIDTH: 3px; HEIGHT: 34px; MARGIN-RIGHT: 6px; BACKGROUND: url(/img/navRH.jpg) repeat-x;}
#divMenuWrap .menuItem_r_off {FLOAT: right; WIDTH: 3px; HEIGHT: 34px; MARGIN-RIGHT: 6px;}
#divMenuWrap .menuItem_r_on {FLOAT: right; WIDTH: 3px; HEIGHT: 34px; MARGIN-RIGHT: 6px; BACKGROUND: url(/img/navR.jpg) repeat-x;}

#divMenuWrap .menuItem_m_hover {FLOAT: right; LINE-HEIGHT: 37px; FONT-SIZE: 13px; PADDING: 0px 10px;  BACKGROUND: url(/img/navMH.jpg) repeat-x;}
#divMenuWrap .menuItem_m_off {FLOAT: right; LINE-HEIGHT: 37px; FONT-SIZE: 13px; PADDING: 0px 10px;}
#divMenuWrap .menuItem_m_off A {COLOR: #4F4F4F; FONT-WEIGHT: bold;}

#divMenuWrap .menuItem_m_on {FLOAT: right; LINE-HEIGHT: 37px; FONT-SIZE: 13px; PADDING: 0px 10px; BACKGROUND: url(/img/navM.jpg) repeat-x;}
#divMenuWrap .menuItem_m_on A {COLOR: #fff; FONT-WEIGHT: bold;}
#divMenuWrap .menuItem_m_hover {COLOR: #E20067; FONT-WEIGHT: bold;}

#divMenuWrap .menuItem_l_hover {FLOAT: right; WIDTH: 3px; HEIGHT: 34px; MARGIN-LEFT: 6px; BACKGROUND: url(/img/navLH.jpg) repeat-x; }
#divMenuWrap .menuItem_l_off {FLOAT: right; WIDTH: 3px; HEIGHT: 34px; MARGIN-LEFT: 6px;  }
#divMenuWrap .menuItem_l_on {FLOAT: right; WIDTH: 3px; HEIGHT: 34px; MARGIN-LEFT: 6px; BACKGROUND: url(/img/navL.jpg) repeat-x;}

#divContactDetails {FLOAT: right; WIDTH: 180px;}
#divContactForm {FLOAT: right; WIDTH: 420px; MARGIN-RIGHT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: dotted 1px #999;}
#divContactForm .contactFormCaption {FLOAT: right; PADDING-TOP: 8px; WIDTH: 160px; FONT-SIZE: 12px;}
#divContactForm .contactFormElement {FLOAT: right; PADDING-TOP: 3px; WIDTH: 160px;}
#divContactForm .contactFormElementLong {FLOAT: right; PADDING-TOP: 3px; WIDTH: 250px;}
#divContactForm INPUT.contactFormElement {WIDTH: 140px; BORDER: 1px solid #E20067;}
#divContactForm INPUT.contactFormElementLong {WIDTH: 300px; BORDER: 1px solid #E20067;}
#divContactForm .contactFormTextarea {PADDING-TOP: 3px; WIDTH: 310px;}
#divContactForm TEXTAREA.contactFormTextarea {WIDTH: 300px; HEIGHT: 60px; BORDER: 1px solid #E20067;}
#divContactButtons {LOAT: left; WIDTH: 300px; ARGIN-LEFT: 37px;}
#divContactButtons .contactButton {FLOAT: left; PADDING: 8px 10px 0px 0px;}
#divContactButtons INPUT.contactButton {CLEAR: both; PADDING: 2px; BACKGROUND: #E20067; BORDER: 1px solid #CCC; FONT-SIZE: 12px; COLOR: White;}

#globalContact {PADDING-RIGHT: 10px; HEIGHT: 180px; BORDER: #5A5A5A; -moz-border-radius: 3px; -webkit-border-radius: 3px;  background-color:#4F4F4F; }
#globalContact H3 {MARGIN: 0px; PADDING: 3px 0px 10px 0px; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #43141f;}
#globalContact .formCaption {FLOAT: right; WIDTH: 80px; MARGIN: 5px 0px 0px 5px; COLOR: #DDD; }
#globalContact .formElement {FLOAT: right; WIDTH: 160px; MARGIN: 5px 0px 0px 0px; }
#globalContact .formElement INPUT {WIDTH: 160px; BORDER: #5A5A5A; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#E2E2E2;  background-color:#5F5F5F;}
#globalContact .formElement TEXTAREA {WIDTH: 160px; FONT-SIZE: 12px; HEIGHT: 50px; BORDER: #5A5A5A; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#E2E2E2; background-color:#5F5F5F;}
#globalContact .formButton {WIDTH: 160px; MARGIN: 5px 110px 0px 0px;}
#globalContact .formButton INPUT {WIDTH: 50px;  FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER: #5A5A5A; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#E2E2E2; background-color:#5F5F5F; }


#globalLogin {POSITION: absolute; WIDTH: 510px; HEIGHT: 130px; PADDING-RIGHT: 15px; BACKGROUND: url('/img/loginBg.png') no-repeat;}

A.headerLink {TEXT-DECORATION: none; COLOR: #000;}
DIV.headerLink {FLOAT: right; HEIGHT: 33px; VERTICAL-ALIGN: bottom; FONT-SIZE: 10px; PADDING-LEFT: 20px;}

.customerTabWrap {BORDER-BOTTOM: solid 1px #CCC; MARGIN-BOTTOM: 10px;}
.customerTabWrap .item {FLOAT: right; MARGIN: 10px 0px -1px 5px; PADDING: 5px 10px; CURSOR: pointer;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}
.customerTabWrap .item A {FONT-WEIGHT: normal; COLOR: #333;}
.customerTabWrap .item.off {BORDER: solid 1px #CCC; BACKGROUND: url(/img/tabBG_off.gif);}
.customerTabWrap .item.on {BORDER: solid 1px #CCC; BORDER-BOTTOM: solid 1px #FFF; BACKGROUND: url(/img/tabBG_on.gif);}
.customerTabWrap .item.on A {FONT-WEIGHT: bold;}

.customerItem {FLOAT: right; WIDTH: 147px; HEIGHT: 245px; BORDER-BOTTOM: solid 1px #000; MARGIN: 0px 0px 25px 15px;}
.customerItem .logo {BORDER: solid 1px #CCC; CURSOR: pointer;}
.customerItem .link {MARGIN-TOP: 5px;}
.customerItem .link.left {FLOAT: left;}
.customerItem .link.right {FLOAT: right;}
.customerItem H1 {MARGIN: 10px 0px 3px 0px; PADDING: 0px; FONT-SIZE: 14px; COLOR: #333; BORDER: none; BACKGROUND: none;}
.customerItem P {MARGIN: 0px;}

.calliopeWrap {POSITION: absolute; PADDING: 4px; BACKGROUND: #000; BORDER: solid 5px #000; WIDTH: 100px; HEIGHT: 100px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.calliopeWrap .image {POSITION: absolute; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.calliopeWrap .title {POSITION: absolute; LEFT: 40px; PADDING: 5px; COLOR: white; FONT-WEIGHT: bold;}
.calliopeWrap .left {POSITION: absolute; BACKGROUND: url('/img/SexyBtLeft.png') no-repeat center right; WIDTH: 24px; LEFT: 10px; CURSOR: pointer;}
.calliopeWrap .right {POSITION: absolute; BACKGROUND: url('/img/SexyBtRight.png') no-repeat center left; WIDTH: 24px; RIGHT: 10px; CURSOR: pointer;}
.calliopeWrap .close {POSITION: absolute;  BORDER: solid 5px #000; BACKGROUND: #000 url('/img/sexyClose.png') no-repeat center left; PADDING: 3px; WIDTH: 70px; HEIGHT: 15px; CURSOR: pointer;
	-moz-border-radius: 0px; -webkit-border-radius: 0px;
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
}

.venusWrap {}
.venusWrap .bubbleText {POSITION: absolute; COLOR: #000; PADDING: 3px; TEXT-ALIGN: right;}
.venusWrap .bubbleText H1 {MARGIN: 0px 0px 5px 0px; COLOR: #000; FONT-SIZE: 20px;  BACKGROUND: none;}
.venusWrap .bubbleText P {FONT-SIZE: 13px;}
.venusWrap .bubble {POSITION: absolute; BACKGROUND: #fff; PADDING: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.venusWrap .left {POSITION: absolute; BACKGROUND: url('/img/SexyBtLeft.png') no-repeat center right; WIDTH: 24px; CURSOR: pointer;}
.venusWrap .right {POSITION: absolute; BACKGROUND: url('/img/SexyBtRight.png') no-repeat center left; WIDTH: 24px; CURSOR: pointer;}
.venusWrap .pagerButton {FLOAT: left; MARGIN-RIGHT: 5px; CURSOR: pointer; COLOR: #FFF; BORDER: ; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.venusWrap .pagerButton.off {BACKGROUND: #000;}
.venusWrap .pagerButton.on {BACKGROUND: #E20067;}
.venusWrap .pagerButton:hover {BACKGROUND: #999;}

UL.articleListItem {PADDING-BOTTOM: 10px;}
UL.articleListItem LI {BACKGROUND: none; FLOAT: right; WIDTH: 250px; MARGIN: 0px 0px 10px 10px;}
UL.articleListItem H2 {MARGIN: 0px 0px 3px 0px; FONT-SIZE: 16px;}
UL.articleListItem DIV {MARGIN: 0px;}

DIV.articleItemTitle {FONT-SIZE: 18px; FONT-WEIGHT: bold; COLOR: #0B79C6; PADDING-BOTTOM: 15px; }
DIV.articleItemText {}
DIV.articleItemDisclaimer {WIDTH: 450px; PADDING: 5px; MARGIN: 10px 0px; BORDER: 1px solid #666; FONT-SIZE: 10px;}
DIV.articleItemWrap {PADDING-BOTTOM: 15px;}

A.glossaryItem {FONT-SIZE: 16px; COLOR: black;}
A.glossaryItem.selected {FONT-SIZE: 18px; COLOR: black; FONT-WEIGHT: bold;}
DT.glossaryItem {FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 5px;}
DD.glossaryItem {MARGIN: 5px 0px;}

.pagingWrap {CLEAR: both; MARGIN: 10px 0px;}
.pagingWrap A.pagingLink {PADDING: 5px 8px; MARGIN-LEFT: 5px; COLOR: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.pagingWrap A.pagingLink.off {BACKGROUND: #EEE; BORDER: solid 1px #666;}
.pagingWrap A.pagingLink.off:hover {BACKGROUND: #E20067; BORDER: solid 1px #E20067; COLOR: #FFF;}
.pagingWrap A.pagingLink.on {BACKGROUND: #E20067; BORDER: solid 1px #E20067; COLOR: #FFF;}

.corners-round {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sep {CLEAR: both;}
