﻿BODY {DIRECTION: rtl; MARGIN: 0px; FONT-SIZE: 12px; FONT-FAMILY: Arial; BACKGROUND: white url(/img/bodybgtop.jpg) no-repeat center top;}
INPUT, SELECT, TEXTAREA {FONT-FAMILY: Arial; BORDER: solid 1px #D9D8D8;}
IMG {BORDER: 0px; padding :0px margin:0px;}
FORM, DIV, P {MARGIN: 0px; color:#4b4b4b;}
A {TEXT-DECORATION: none; COLOR: #759d22;}
A:hover {TEXT-DECORATION: underline; }

/*H1 {WIDTH: 100%; PADDING: 12px 0px 0px 20px; margin:10px 10px 0px 0px; COLOR: #255c8f; FONT-SIZE: 26px; height :46px;}*/
/*H1.info {WIDTH: 640px; PADDING: 12px 0px 0px 20px; margin:0px 15px 0px 0px; COLOR: #255c8f; FONT-SIZE: 26px; border-bottom: solid 2px #8ab82a; height :30px; }*/
H2 {FONT-SIZE: 18px; COLOR: #8ab82a; margin:0px; padding:5px 15px 0px 0px}

UL {LIST-STYLE-TYPE: none; PADDING: 0px; MARGIN: 0px; COLOR: #000;}
UL LI {MARGIN: 0px 5px 0px 0px; PADDING: 5px 0px 0px 0px; }
UL LI.ltr {MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px;}


A.headerLink {TEXT-DECORATION: none; COLOR: White;}
DIV.headerLink {FLOAT: left; HEIGHT: 33px; VERTICAL-ALIGN: bottom; FONT-SIZE: 10px; PADDING-LEFT: 20px;}

#divMainHeader {WIDTH: 1001px;}
#divMainLogo {float:right; width: 281px ;height: 40px; cursor :pointer ;}
#divPhone {float:left; background: url(/img/phoneIcon.png) no-repeat left; height :30px; padding:7px 0px 0px 20px; color:White; font-size:22px; margin:0px 0px 0px 20px;}
#divMainPanel {PADDING-TOP: 5px; WIDTH: 1001px;}
#divMainBody {WIDTH: 999px;}
#divMainBodyPad {float:right; width:987px; background : url(/img/bodyBG2.jpg) repeat-y; min-height:600px; margin:0px 4px 0px 0px }
#divPanelPad { float:right;background: #e8e8c3;}

#HPContactBG {background: url(/img/searchbg.png) no-repeat; width:233px; height :260px;}
#HPContact { float:right; width:219px; height:240px; background : url(/img/HPContactBG.png) no-repeat center 0px ; margin:0px 18px 0px 15px; padding:0px 0px 0px 0px; }
#HPContact .formElements {margin:37px 3px 0px 0px;}
#HPContact .contactBTN { margin:10px 10px 0px 0px; height:40px;}
#HPContact .contactBTN DIV {float:left; margin: 0px 0px 0px 18px;}
#HPContact .contactBTN IMG {cursor :pointer ;}
#HPContact INPUT {margin:7px 10px 0px 0px; height:20px; width:185px;}
#HPContact TEXTAREA {height:50px; width:185px; margin:7px 10px 0px 0px; font-size :12px;}
.HPProducts {float:right; background: url(/img/productsBG.png) no-repeat; width:958px; height :227px; margin:10px 13px 0px 0px;}
.newsBox {float:right; background : url(/img/newsbox.png) no-repeat; width:234px; height :204px; margin:10px 13px 0px 0px}
.InfonewsBox {float:right; background : url(/img/newsbox.png) no-repeat; width:234px; height :204px; margin:10px 0px 0px 0px}
.newsItems {margin:55px 10px 0px 0px;}
.newsTitle {font-weight:bold; color:#255c8f;}
.listNews {border-bottom:solid 1px #cccccc; margin:0px 0px 10px 0px;}
.aboutBox {float:right; background: url(/img/aboutbox.png) no-repeat; width:717px; height :204px; margin:10px 13px 10px 0px}
.aboutBox P {width:560px; margin:0px 130px 0px 0px;}
.productbox {float:right; background: url(/img/productsBoxBG.png) no-repeat; width:146px; height:207px; margin:10px 12px 0px 0px;}
.productbox .image { width:129px; height :129px;margin:10px 8px 0px 0px}
.productbox .title { float:right; margin:5px 5px 0px 0px; color:#808080; width:127px; font-size :14px; text-align:right;}
.productbox IMG {margin:10px 8px 0px 0px}
.productTitle {float:right; margin:5px 8px 0px 0px; color:#808080; width:127px; font-size :14px;}
.productbox A, .productbox a h1 {float:left; margin:16px 0px 0px 5px; padding:2px; font-size:14px; font-weight:normal;}


h1 {font-size:26px; padding:0; margin:2px;}
.info, h1.info { COLOR: #255c8f; FONT-SIZE: 26px; border-bottom: solid 2px #8ab82a; margin:5px; padding:2px; width:97%; font-weight:normal;}
.divBreadCrumbs h1 {float:right; font-size:12px; padding:0; padding-right:5px; margin:0; color:#454545; width:none;}

.rightPanel {float:right; margin:0px 12px 0px 0px; width:234px;}
.leftPanel {float:right; width:715px; margin:0px 15px 0px 0px;}

#InfoContact { float:right; width:219px; height:255px; background : url(/img/HPContactBG.png) no-repeat center 8px ; margin:0px 7px 0px 0px; padding:0px 0px 0px 0px; }
#InfoContact .formElements {margin:37px 3px 0px 0px;}
#InfoContact .contactBTN {float:left; margin:10px 0px 0px 15px;}
#InfoContact .contactBTN DIV {float:right;}
#InfoContact .contactBTN IMG {cursor :pointer ;}
#InfoContact INPUT {margin:7px 10px 0px 0px; height:20px; width:185px;}
#InfoContact TEXTAREA {height:50px; width:185px; margin:7px 10px 0px 0px; font-size :12px;}
#txtFAQEmail {direction:ltr; text-align:right;}

.ContentPic { width:716px; height :157px;}
.textContent { margin:10px 0px 0px 0px;}
.textContent .text {border-left: solid 1px #e2e2e2; border-right: solid 1px #e2e2e2; width :715px;}
.infoText { background: url(/img/InfoFan.png) no-repeat right 20px; padding:20px 120px 0px 40px; min-height :300px;}
.productText { padding:10px 20px 10px 40px;}

.articleItem {float:right; padding:20px 20px 0px 40px; margin:0px 0px 10px 0px; width:660px;}
.articleItem .image {float:right; width:160px; height:125px; border: solid 1px #0a5c85; padding:3px;} 
.articleItem .content {float:right;}
.articleItem .summary {width: 460px; margin:10px 15px 0px 0px;}
.articleItem .readMore {margin:10px 15px 0px 0px;}

#productBox {float:right; margin: 15px 0px 0px 0px;}
#InnerProductBox {border-left: solid 1px #e2e2e2; border-right: solid 1px #e2e2e2;}
#InnerProductBox UL LI { padding:0px 0px 0px 0px; margin:3px 20px 3px 0px;}
#InnerProductBox A { color: #505152; font-size:14px;}

.infoItems.off {background: url(/img/bullet.png) no-repeat right; margin: 4px 0px 4px 0px; padding:0px 0px 0px 0px; width:190px; font-size :16px;}
.infoItems.on { background: url(/img/fullBullet.png) no-repeat right; margin: 4px 0px 4px 0px; padding:0px 0px 0px 0px; width:190px; font-size :16px; font-weight :bold;}
.infoItems.on A { color:White;}
.infoItems A { margin: 0px 0px 0px 0px; padding:3px 15px 3px 0px; display:block; color:White;}
.infoItems A:hover {background: url(/img/fullBullet.png) no-repeat right; text-decoration :none;}
.infoItems.on A:hover {background :transparent; text-decoration :none;}


.divMainContent {float:right;padding:0px; background:#fcfbf3; width:674px;}
.divMainContentAbout {float:right;padding:0px; background: #fcfbf3 url(/img/aboutBG.jpg) no-repeat left center ; width:674px;}


#divMenuWrap {float:right; WIDTH: 999px; HEIGHT: 88px; PADDING:0px 10px 0px 0px; BACKGROUND: url('/img/navbg2.png') no-repeat top right;}

#divMenuWrap .menuItem_r_off {LIST-STYLE-TYPE: none !important;FLOAT: right; LINE-HEIGHT: 43px; FONT-SIZE: 16px; PADDING: 20px 5px 0px 5px; BACKGROUND: url(/img/navR_off.png) no-repeat bottom left; height :42px;}
#divMenuWrap .menuItem_r_on {LIST-STYLE-TYPE: none !important;FLOAT: right; LINE-HEIGHT: 43px; FONT-SIZE: 16px; PADDING: 20px 0px 0px 0px; BACKGROUND: url(/img/navR_on.png) no-repeat bottom right; width:9px; height :42px;}

#divMenuWrap .menuItem_m_off {LIST-STYLE-TYPE: none !important;FLOAT: right; LINE-HEIGHT: 43px; FONT-SIZE: 16px; PADDING: 20px 15px 0px 15px; BACKGROUND: url(/img/navM_off.png) repeat-x bottom;}
#divMenuWrap .menuItem_m_off A {COLOR: White;}

#divMenuWrap .menuItem_m_on {LIST-STYLE-TYPE: none !important;FLOAT: right; LINE-HEIGHT: 43px; FONT-SIZE: 16px; PADDING: 20px 15px 0px 15px; BACKGROUND: url(/img/navM_on.jpg) repeat-x bottom;}
#divMenuWrap .menuItem_m_on A {COLOR: #255c8f; }

#divMenuWrap .menuItem_l_off {LIST-STYLE-TYPE: none !important; FLOAT: right; LINE-HEIGHT: 43px; FONT-SIZE: 16px; PADDING: 20px 4px 0px 5px; BACKGROUND:  url(/img/navL_off.png) no-repeat bottom left; margin:0px 0px 0px 3px; height :42px;}
#divMenuWrap .menuItem_l_on {LIST-STYLE-TYPE: none !important; FLOAT: right; LINE-HEIGHT: 43px; FONT-SIZE: 16px; PADDING: 20px 0px 0px 0px; BACKGROUND: url(/img/navL_on.png) no-repeat bottom left; width:9px; height :42px; margin:0px 0px 0px 3px}

#productNav {LIST-STYLE-TYPE: none !important;}
#productNav LI {MARGIN: 0px; PADDING: 0px; HEIGHT: 42px;}
#productNav LI UL {HEIGHT: auto; LIST-STYLE-TYPE: none !important; MARGIN: 0px 0px 0px 0px; #MARGIN: 0px; PADDING: 0px; DISPLAY: none;BACKGROUND: #4297ef; WIDTH: 170px; DISPLAY: none; TEXT-ALIGN: right;}
#productNav LI UL LI {MARGIN-BOTTOM: 5px; HEIGHT: auto;} 
#productNav LI UL LI A {MARGIN: 0px 5px; PADDING: 5px; COLOR: #FFF; FONT-SIZE :14px; FONT-WEIGHT: normal !important; BORDER-BOTTOM: solid 1px white;} 
#productNav LI UL LI A:hover {TEXT-DECORATION: none; color:#FFF; FONT-WEIGHT: normal; FONT-SIZE: 14px;}

.subCats A {Color: white}

#contentPageHeader {margin:10px 10px 0px 0px;}
#contentPageHeader img { margin:0px 0px 0px 15px; padding:0px 0px 0px 0px}

#Hpcontent {float:right; background: #fcfbf3 url(/img/hppromoshade.png) no-repeat top; width:675px;}

.divBreadCrumbs {float:right; padding:0px 15px 0px 0px; width:100%;}
.divBreadCrumbs A {color:#505152; float:right;}
.ContentHeader {}
.ContentText {padding:0px 20px 0px 20px;}
.divBackBTN {float:right; margin:20px 20px 0px 0px;}

#divMainFooter {BACKGROUND: url(/img/bodyBG2.jpg) repeat-y center; margin:0px 0px 0px 4px}
#divMainFooter .footerLink {FLOAT: right; PADDING: 5px 20px;}
.footerPad {background: url(/img/bodybgbottom.jpg) no-repeat center ;}
.footer {padding:0px 50px 0px 0px; height:200px;}
.footer UL { border-right:solid 0px black; }
.footer UL LI {float:right; margin:0px 0px 0px 0px; width:138px; font-weight :bold; color:#505152; padding:4px 10px 0px 0px; FONT-SIZE: 14px;border-right:solid 0px black; }
.footer UL LI A {display :block ; FONT-SIZE: 14px; COLOR: #505152; font-weight :bold;}
.footer UL LI UL LI {Clear:both; font-weight :normal ; color: #505152; font-size :12px; border-right:solid 1px #505152;} 
.footer UL LI UL LI A {font-weight :normal ; color: #505152; font-size :12px;}
.footer IMG {margin:50px 0px 0px 40px; float:left; }

#divMainFooterbottom {MARGIN-TOP: 0px; BACKGROUND: url(/img/bodyBG2.jpg) repeat-y center; margin:0px 0px 0px 4px;}
#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;}

#divPublishBTN {float:right; background: url(/img/publishbtn.gif) no-repeat; width:180px; height:32px;margin: 10px 230px 0px 0px; cursor:pointer;}
#divPublishBTN SPAN {margin: 5px 38px 0px 0px; color:White; font-size:16px; float:right;}

#imageName {padding:3px 0px 0px 0px;}

#globalPopUp {float:right; background: #8ab82a; width:480px; margin: 0px 0px 0px 0px;}
#globalPopUp .destroyBTN {width:25px; height:25px; float:right; cursor:pointer;margin:15px 15px 0px 0px;} 
#globalPopUp .formElements {float:right; margin: 10px 33px 0px 0px;}
#globalPopUp .header {font-size:16px; margin: 10px 15px 0px 0px; font-weight :bold;}
#globalPopUp .label {margin: 10px 15px 0px 0px;}
#globalPopUp .element {margin: 5px 15px 0px 0px;}
#globalPopUp .button {margin: 10px 15px 10px 0px; height:20px; border: solid 1px white; width:70px; padding:5px 10px 0px 0px; cursor:pointer;}
#globalPopUp {POSITION: absolute; OVERFLOW: auto; WIDTH: 510px; HEIGHT: 520px; PADDING-RIGHT: 15px; BACKGROUND: url('/img/popup.png') no-repeat;}


#divHpTopPromo {FLOAT: right; WIDTH: 716px; HEIGHT: 237px; PADDING: 0px; MARGIN: 0px 0px 0px 0px;}

#divContactDetails {FLOAT: right; WIDTH: 200px; margin:0px 35px 0px 0px;}
#divContactForm {FLOAT: right; WIDTH: 350px; MARGIN-RIGHT: 10px; PADDING-RIGHT: 20px; 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 #a6b425;}
#divContactForm .contactFormTextarea {PADDING-TOP: 3px; WIDTH: 310px;}
#divContactForm TEXTAREA.contactFormTextarea {WIDTH: 300px; HEIGHT: 60px; BORDER: 1px solid #a6b425;}
#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: #a6b425; BORDER: 1px solid #CCC; FONT-SIZE: 12px; COLOR: White;}


.athenaTabWrap {BORDER: 0px; MARGIN-RIGHT: 30px; PADDING-TOP: 1px; MARGIN-TOP: 20px;}
.athenaTabWrap .item {POSITION: relative; FLOAT: right; TOP: 1px; FONT-SIZE: 12px; COLOR: #3F9600; Z-INDEX: 2}
.athenaTabWrap .item.off
	{background: #909090;
	border: solid 1px #909090; 
		-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright:5px; -webkit-border-top-right-radius: 5px;
	color: White;
	cursor: pointer;
	line-height: 30px;
	margin: 5px 5px 0px 0px;
	padding: 0px 8px;
	text-decoration: none;}
.athenaTabWrap .item.off:hover {background: #0a5c86; border: solid 1px #0a5c86;}
.athenaTabWrap .item.on 
	{background: #86bb1a;
	border-top: solid 1px #86bb1a; 
	border-left: solid 1px #86bb1a; 
	border-right: solid 1px #86bb1a; 
	border-bottom: solid 1px #86bb1a; 
		-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright:5px; -webkit-border-top-right-radius: 5px;
	color: White;
	font-weight :bold;
	line-height: 30px;
	margin: 5px 5px 0px 0px;
	padding: 0px 8px;
	text-decoration: none;}
.athenaTabWrap .item.on A {COLOR: #FFF;}
.athenaTabWrap .item.first {margin-right: 15px;}
.athenaTabWrap .item .tripInfo
	{color: #3e9200;}

.athenaContentWrap {POSITION: relative; CLEAR: both; BACKGROUND: url('/img/tabContentBG.png') repeat-x top center; BORDER: solid 1px #93cd1c; WIDTH: 630px; OVERFLOW: hidden; Z-INDEX: 1;MARGIN-RIGHT: 20px;}
.athenaContentWrap LI {FLOAT: right; WIDTH: 610px; PADDING: 5px; MARGIN: 0px;}

.athenaTabWrap.hp {BORDER-BOTTOM: solid 2px #3F9600; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 1px;}
.athenaTabWrap .item.off.hp {BORDER: solid 1px #3F9600; BACKGROUND: #FFF; COLOR: #3F9600;}
.athenaTabWrap .item.on.hp {BORDER: solid 1px #3F9600; BORDER-BOTTOM: solid 1px #3F9600; BACKGROUND: #3F9600; COLOR: #FFF;}
.athenaContentWrap.hp { BACKGROUND: none; BORDER: none;}

.prodThumbs {float:right; width:280px; margin:0px 0px 0px 0px;}
.imageStripe {float:right;height:25px; width:270px; background :#86bb1a; padding:12px 5px 0px 0px; margin:0px 5px 10px 0px;}
.prodThumbItem {float:left; width:86px; height:70px; border: solid 1px #86bb1a; margin:0px 5px 5px 0px; cursor :pointer;}

.customerTabWrap {BORDER-BOTTOM: solid 1px #e17f00; MARGIN:0px 20px 10px 0px; width:630px;}
.customerTabWrap .item.off {BORDER: solid 1px #e17f00; BACKGROUND: #e17f00; padding: 10px 10px 10px 10px; }
.customerTabWrap .item.on {BORDER: solid 1px #a0ad23; BORDER-BOTTOM: solid 1px #a0ad23; BACKGROUND: #a0ad23; padding: 10px 10px 10px 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 {Color:White; font-weight :bold}

.customerItem {FLOAT: right; WIDTH: 142px; BORDER-BOTTOM: solid 1px #a0ad23; MARGIN: 0px 20px 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;}

.questionItem {float:right; margin:0px 0px 20px 0px; width:660px; padding:0px}
.questionItem h2 {border-bottom:solid 2px #8ab82a; margin:0px 15px 0px 0px; width:660px; padding:0px; font-size:15px;}
.questionItem .subject {font-weight :bold; margin:3px 15px 0px 0px;} 
.questionItem .answer {margin:5px 15px 0px 0px; width:660px; padding:0px}

.galleryItem {FLOAT: right; WIDTH: 152px; HEIGHT: 160px; BORDER-BOTTOM: solid 1px #f1f1f1; MARGIN: 0px 0px 25px 15px;}
.galleryItem .image {BORDER: solid 1px #CCC; HEIGHT: 110px; CURSOR: pointer;  -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.galleryItem H1 {MARGIN: 10px 0px 3px 0px; PADDING: 0px; LINE-HEIGHT: 20px; FONT-SIZE: 12px; COLOR: #333; BORDER: none; BACKGROUND: none;}
.galleryItem P {MARGIN: 0px;}

.prodFiles { padding:1px 0px 0px 0px; margin:0px 10px 0px 0px; width:670px;}
.prodFiles .item {float:right; background: url(/img/pdfBtnBG.png) no-repeat; width:165px; height:40px; margin:0px 10px 0px 0px;}
.prodFiles .item p {color:White; font-size :14px; margin:10px 40px 0px 0px;}
.prodFiles .item A {color:White; font-size :14px;}

.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: #e17f00; BORDER: solid 1px #e17f00; COLOR: #FFF;}
.pagingWrap A.pagingLink.on {BACKGROUND: #a6b425; BORDER: solid 1px #a6b425; COLOR: #FFF;}



.corners-round {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sep {CLEAR: both;}

