﻿BODY {DIRECTION: rtl; MARGIN: 0px; FONT-SIZE: 12px; FONT-FAMILY: Arial; OVERFLOW-X: hidden; BACKGROUND: #FFFFFF url(/img/bodyBG.png) repeat-x top left;}
INPUT, SELECT, TEXTAREA {FONT-FAMILY: Arial; BORDER: solid 1px #D9D8D8;}
IMG {BORDER: 0px;}
FORM, DIV, P {MARGIN: 0px;}
A {TEXT-DECORATION: none; COLOR: #3ab54a;}
A:hover {TEXT-DECORATION: none; COLOR: #f9a61a;}

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.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.listNews {PADDING: 0px 13px 10px 0px; BACKGROUND: none;}
UL LI .newsTitle {COLOR: #505050; FONT-WEIGHT: bold;}
UL LI .newsText {PADDING-BOTTOM: 5px; MARGIN: 0px 0px 0px 10px;}
UL LI .newsLink {COLOR: #E20067;}
UL LI .catTitle_off {FONT-WEIGHT: normal; COLOR: #208FC8;}
UL LI .catTitle_on {FONT-WEIGHT: bold; COLOR: #208FC8;}

H1 {float:right; MARGIN: 0px 0px 0px 10px; PADDING: 10px 0px 15px 5px; FONT-SIZE: 25px; color: #46bf58; FONT-WEIGHT: bold; BACKGROUND:#fbfbfb;}
H2 {FONT-SIZE: 18px; color:#454b4b}
H3 {FONT-SIZE: 14px; color: #46bf58; text-decoration :underline;}

#divMainHeader {MARGIN-TOP: 0px; BACKGROUND: url(/img/mainHeaderBG.png) no-repeat center top; height:112px;}
#divLinkHolder {width:985px; text-align :right;}
#divMainLogo {MARGIN-BOTTOM: 6px;}

#divMainPanel {WIDTH: 990px; HEIGHT: 46px; BACKGROUND: url(/img/menuWrapBG.png) repeat-x; MARGIN: 0px 0px 0px 0px; }
#divMainBody {WIDTH: 988px; margin-top:10px;}
#divMainBodyPad {WIDTH: 988px; MARGIN: 0px 3px 0px 0px;}

#rightMenuShade { BACKGROUND: url(/img/menuShade.png) no-repeat; width:5px; height:41px; float:right;}

#divMenuWrap {FLOAT: right; WIDTH: 985px; HEIGHT: 34px; MARGIN: 0px 0px 0px 0px; }
#LowerMenuWrap{FLOAT: right; WIDTH: 985px; HEIGHT: 13px; MARGIN: 0px 0px 0px 0px;BACKGROUND: url(/img/lowerMenuBG.png) repeat-x;}


#divMenuWrap .menuItem_m_off {FLOAT: right; HEIGHT: 34px; FONT-SIZE: 12px; PADDING: 14px 11px 0px 11px; border-left:solid 1px #FFFFFF;}
#divMenuWrap .menuItem_m_off A {COLOR: #FFFFFF; FONT-WEIGHT: bold;}

#divMenuWrap .menuItem_m_on {FLOAT: right; HEIGHT: 34px; FONT-SIZE: 12px; PADDING: 14px 11px 0px 11px; BACKGROUND: url(/img/menuActivebg.png) repeat-x; border-left:solid 1px #FFFFFF;}
#divMenuWrap .menuItem_m_on A {COLOR: #FFFFFF; FONT-WEIGHT: bold;}

#divRightSideWrapper {float:right;}
#divFirstBox {border:solid 1px #e7e7e7; width:300px; background-color:#fbfbfb; }
#divSecondBox {border:solid 1px #e7e7e7; width:300px; height:224px; MARGIN-TOP: 10px; background: url(/img/secondBoxBG.png) no-repeat top right;}
#divThirdBox {border:solid 1px #e7e7e7; width:300px; height:103px; MARGIN-TOP: 10px; background: url(/img/brimagonline.png) no-repeat top right;}
#divHpMainContent {float:right; width:672px; margin: 0px 10px 0px 0px;}
#divHpPromo {height:288px; width:673px;}
#divHpTabs {border:solid 1px #e7e7e7; MARGIN-TOP: 10px;}

#sideLinks { margin:10px 20px 10px 0px; text-align:right; border-right:solid 1px #bbbbbb; padding-right:3px; }
.infoItems.off { BACKGROUND:#f5f5f5; margin: 0px 0px 3px 0px; padding:0px 0px 0px 0px; width:260px;}
.infoItems.on { BACKGROUND:#46BF58; margin: 0px 0px 3px 0px; padding:0px 0px 0px 0px; width:260px;}
.infoItems.on A { color:White;}
.infoItems A { margin: 0px 0px 0px 0px; padding:3px 15px 3px 0px; display:block; color:#8e8f91;}
.infoItems A:hover {background :#c4cbcf;}
.infoItems.on A:hover {background :transparent;}


.infoItems2.off { BACKGROUND:#f5f5f5; margin: 0px 0px 1px 0px; padding:0px 0px 0px 0px; width:250px;}
.infoItems2.on { BACKGROUND:#46BF58; margin: 0px 0px 1px 0px; padding:0px 0px 0px 0px; width:250px;}
.infoItems2.on A { color:White; cursor:default;}
.infoItems2 A { margin: 0px 0px 0px 0px; padding:4px 15px 4px 0px; display:block; color:#8e8f91;}

.mainInnerContent {float:right; width:672px; background-color:#fbfbfb; margin: 0px 10px 0px 0px; border:solid 1px #e7e7e7; min-height:550px;}
.ContentPicture {width:630px; height:105px; border: solid 1px #39b545; margin:14px 0px 0px 0px;}
.HeaderBG { background: url(/img/HeaderBG.png) repeat-x left 20px; padding:0px 0px 0px 30px;width:604px; text-align:right;}
.HeaderBG2 {border-bottom:solid 1px #38b648; padding:0px 0px 0px 30px;width:610px; text-align:right;}
.ContentText { width:630px; color:#282828;}
.faqText {text-align:right;color:#282828; }

.informationLinks {MARGIN:45px 0px 0px 0px; width:250px; border-right:solid 1px #bbbbbb; padding-right:3px;}
.informationLinks LI {text-align:right; background:#f5f5f5; padding:0px 10px 0px 0px; MARGIN:1px 0px 1px 0px;}
.informationLinks LI A {color:#929a9b; font-size:14px;}
.informationLinks LI A:hover {color:#484949; background :#c4cbcf;}
.informationLinks LI.on A:hover {color:White; background :transparent;}

#divThirdBox IMG {float:left; margin-top:10px;}
#divThirdBoxText {color:#484949; margin:40px 0px 0px 0px;}

#divMainFooter {WIDTH: 968px; MARGIN: 10px 0px 0px 0px; PADDING: 10px; BACKGROUND: #747474;}
#divMainFooter .footerLink {FLOAT: right; PADDING: 5px 20px;}
#divMainFooter DIV {MARGIN: 2px 0px;}
#divMainFooter UL {BORDER-RIGHT: -solid 1px #cccccc; float:right; text-align:right;border-right:solid 1px #FFFFFF}
#divMainFooter UL LI {text-align:right; padding:3px 15px 0px 10px; margin-right:-15px; color:WHITE; font-weight:bold; }
#divMainFooter UL.first {color:Orange; font-weight:bold; margin-right:30px; margin-top:10px; PADDING: 0px 5px 0px 0px;width:160px;}
#divMainFooter UL.first A,#divMainFooter UL.second A {color:WHITE; font-weight:bold;}
#divMainFooter UL.first A:hover,#divMainFooter UL.second A:hover {TEXT-DECORATION: none; color:#de4409;}
#divMainFooter UL.third A,#divMainFooter UL.fourth A,#divMainFooter UL.fifth A {color:WHITE;}
#divMainFooter UL.second A:hover,#divMainFooter UL.third A:hover,#divMainFooter UL.fourth A:hover,#divMainFooter UL.fifth A:hover {color:#de4409;}
#divMainFooter UL.second {margin: 10px 30px 0px 0px; PADDING: 0px 5px 0px 0px; color:WHITE; width:160px;}
#divMainFooter UL.third, 
#divMainFooter UL.fourth {MARGIN: 10px 10px 0px 0px; PADDING: 0px 5px 0px 0px; COLOR: #CCCCCC; WIDTH: 160px;} 
#divMainFooter UL.fifth {MARGIN: 10px 30px 0px 0px; PADDING: 0px 5px 0px 0px; COLOR: #CCCCCC; WIDTH: 160px;}
#divMainFooter UL.third li:first-child, #divMainFooter UL.fourth li:first-child, #divMainFooter UL.fifth li:first-child {font-weight:bold; color:WHITE;}
#divMainFooter UL LI.subCat {margin: 0px -7px 0px 0px;}
#divMainFooter UL LI.subCat A {color:WHITE; font-weight:normal;}

#divBottomFooter {WIDTH: 982px; border-top: solid 1px #39b54a; MARGIN: 10px 0px 0px 0px; padding-top:10px; color:#39b54a; font-size:11px;}



#divContactDetails {FLOAT: right; WIDTH: 180px;}
#divContactForm {FLOAT: right; WIDTH: 350px; 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 INPUT.contactFormElement {WIDTH: 140px; BORDER: 1px solid #46BF58;}
#divContactForm SELECT.contactFormElement {WIDTH: 303px; BORDER: 1px solid #46BF58;}
#divContactForm INPUT.contactFormElementLong {WIDTH: 300px; BORDER: 1px solid #46BF58;}
#divContactForm .contactFormTextarea {PADDING-TOP: 3px; WIDTH: 310px;}
#divContactForm .contactFormTextareaShort {PADDING-TOP: 3px; WIDTH: 80px; float:right;}
#divContactForm TEXTAREA.contactFormTextarea {WIDTH: 300px; HEIGHT: 60px; BORDER: 1px solid #46BF58;}
#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: #46BF58; BORDER: 1px solid #CCC; FONT-SIZE: 12px; COLOR: White;}
#divContactForm SELECT.CPselect  {WIDTH: 303px; BORDER: 1px solid #46BF58; margin:0px 0px 12px 0px}

#globalContact {PADDING: 25px 10px 0px 0px; HEIGHT: 49px;}
#globalContact H3 {FLOAT: right; MARGIN: 0px; PADDING: 3px 0px 10px 10px; FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: #FFF;}
#globalContact .formCaption {FLOAT: right; WIDTH: 80px; MARGIN: 5px 0px 0px 5px; COLOR: #000; }
#globalContact .formElement {FLOAT: right; WIDTH: 160px; MARGIN: 5px 0px 0px 10px; }
#globalContact .formElement INPUT {WIDTH: 160px; BORDER: solid 1px #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; COLOR: #000;  BACKGROUND: #FFF;}
#globalContact .formElement TEXTAREA {WIDTH: 160px; FONT-SIZE: 12px; HEIGHT: 50px; BORDER: solid 1px #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; COLOR: #000; BACKGROUND: #FFF;}
#globalContact .formButton {FLOAT: right; WIDTH: 60px; MARGIN: 5px 0px 0px 0px;}
#globalContact .formButton INPUT {WIDTH: 50px;  FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER: solid 1px #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; COLOR: #000; BACKGROUND: #FFF; }


#globalLogin {POSITION: absolute; WIDTH: 525px; HEIGHT: 130px; 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;}

.backBTN {color:White; background-color:#46bf58; height:24px; float:left; padding:5px 5px 0px 5px; margin:-10px 0px 0px 20px; cursor:pointer;}

#cpContentWrap {WIDTH: 265px; OVERFLOW: hidden; margin:0px; background-color:#fbfbfb;}
#cpContentWrap {CLEAR: both; background-color:#fbfbfb; Border:solid 2px #46BF58; WIDTH: 265px; OVERFLOW: hidden; MARGIN-TOP: 0px;}

#cpContentWrap SELECT, #cpContentWrap INPUT {width:200px; margin: 10px 10px 0px 20px;}
#cpContentWrap IMG { margin: 10px 80px 10px 0px; CURSOR: pointer;}

#hpBottomPromoTabs {CLEAR: both;}
#hpBottomPromoTabs .tripPhotoWrap {float:right; margin:20px 10px 0px 0px; padding:0px 0px 0px 7px; width:247px; height:97px; border-left:solid 1px #d2d2d2;}
#hpBottomPromoTabs .tripPhoto {width:240px; height:97px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#hpBottomPromoTabs .tripText {float:right; margin:10px 10px 0px 0px;}
#hpBottomPromoTabs .tripText P { width:410px;}
#hpBottomPromoTabs .tripHeader {FLOAT: right; width:330px; margin:10px 0px;}
#hpBottomPromoTabs .tripHeader A {font-weight:bold; color:#8f0034;}
#hpBottomPromoTabs .tripHeader A:hover {TEXT-DECORATION: underline;}
#hpBottomPromoTabs .tripDate {FLOAT: right; MARGIN: 10px 5px; FONT-WEIGHT: bold; WIDTH: 70px; }
#hpBottomPromoTabs .tripGuide {MARGIN: 10px 0px; FONT-WEIGHT: bold;}

.customerTabWrap {BORDER-BOTTOM: solid 1px #CCC; MARGIN-BOTTOM: 10px; width:630px;}
.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 {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 {Color:#39b54a}

.systemContent {padding-top:5px;}

.customerItem {FLOAT: right; WIDTH: 150px; BORDER-BOTTOM: solid 1px #000; MARGIN: 0px 10px 25px 0px;}
.customerItem .logo {BORDER: solid 1px #CCC; CURSOR: pointer; HEIGHT: 120px;}
.customerItem H1 {MARGIN: 10px 0px 3px 0px; PADDING: 0px; FONT-SIZE: 14px; COLOR: #333; BORDER: none; BACKGROUND: none; }
.customerItem P {MARGIN: 0px; text-align :right; float:right;}

.productCat {MARGIN-RIGHT: 10px; background: transparent;}
.productCat LI {PADDING: 2px 12px 10px 0px; FONT-SIZE: 14px; BACKGROUND: url(/img/arrowCat.png) no-repeat 100% 2px;}
.productCat .productSubCat {PADDING-TOP: 7px;}
.productCat .productSubCat LI {MARGIN-RIGHT: 20px; PADDING: 0px 7px 5px 0px; BACKGROUND: url(/img/arrowSubCat.png) no-repeat 100% 4px;}

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: 14px; COLOR: black;}
A.glossaryItem.selected {FONT-SIZE: 14px; COLOR: black; FONT-WEIGHT: bold;}
DT.glossaryItem {FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 5px ;text-align:right; MARGIN: 5px 15px 0px 0px; color:#282828;}
DD.glossaryItem {MARGIN: 5px 0px 0px 0px; text-align:right; color:#282828; width:600px;}

.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: #46bf58; BORDER: solid 1px #46bf58; COLOR: #FFF;}
.pagingWrap A.pagingLink.on {BACKGROUND: #46bf58; BORDER: solid 1px #46bf58; COLOR: #FFF;}

.corners-round {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sep {CLEAR: both;}

