@charset "utf-8";

@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DroidNaskh-Regular.eot);
  src: url(fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidNaskh-Regular.woff2) format('woff2'),
       url(fonts/DroidNaskh-Regular.woff) format('woff'),
       url(fonts/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/DroidNaskh-Bold.eot);
  src: url(fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidNaskh-Bold.woff2) format('woff2'),
       url(fonts/DroidNaskh-Bold.woff) format('woff'),
       url(fonts/DroidNaskh-Bold.ttf) format('truetype');
}

@font-face{
  font-family: 'B Yekan';
  src: url('fonts/BYekan.eot') format('eot') ,url('fonts/BYekan.woff') format('woff') ,url('fonts/BYekan.ttf') format('truetype');
}
@font-face{
  font-family: 'B Roya';
  src: url('fonts/BRoya.eot') format('eot') ,url('fonts/BRoya.woff') format('woff') ,url('fonts/BRoya.ttf') format('truetype');
}

/* public */

a, a.visited {text-decoration:none; color:#2faab9; z-index:5;}
a:hover {color:#F60;}
a:active{outline: none;}
a:focus {outline:none; -moz-outline-style: none;}

body
{
  font-family:Tahoma;
  font-size:11px;
  margin: 0;
  padding: 0;
  border: 0;
  direction: rtl;
}

html
{
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;
	font: inherit;*/
	vertical-align: baseline;
}

input {
	/*border: 1px solid rgb(239, 187, 212); padding:2px 1px;*/
  font-family: Tahoma, Arial;
  font-size:12px;
  font-weight: normal;
}

textarea 
{
  font-family: Tahoma, Arial;
  font-size:12px;
  font-weight: normal;
}

select
{
	/*border: 1px solid #c0c0c0;*/
  font-family: Tahoma, Arial;
  font-size:12px;
  font-weight: normal;
}

.errBox
{
  color:red;
  padding: 0 10px;
}


/*--------------media width-------------------*/
/*  diff = +17px  css is 17px more than width */
@media all and (min-width:1165px)
{
  #search{width:300px;}
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}
}

#search{width:300px;}
#jssorSliderMainDiv{overflow: hidden; margin: auto; width: 780px}

@media all and (min-width:1165px)
{
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}
}

@media all and (min-width:1098px) and (max-width:1164px)
{
  #categorySlideMenuItem6{display: none;}
  #categorySlidePicTd{width:73% !important;}  
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}  
  #jssorSliderMainDiv{width: 710px}
}

@media all and (min-width:1013px) and (max-width:1097px)
{
  #categorySlideMenuItem6{display: none;}
  #categorySlidePicTd{width:73% !important;}  
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}  
  #jssorSliderMainDiv{width: 630px}
}

@media all and (min-width:961px) and (max-width:1012px)             /* 995 */
{
  #advCol{display:none;}
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}
}

@media all and (min-width:893px) and (max-width:960px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}
}

@media all and (min-width:860px) and (max-width:892px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}
  #headerBoxTitleSocial4{ display:none;}  
  #categorySlideMenuItem6{display: none;}
  #jssorSliderMainDiv{width: 730px}
}

@media all and (min-width:835px) and (max-width:859px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}
  #headerBoxTitleSocial4{display:none;}
  #headerBoxTitleSocial3{display:none;}  
  #categorySlideMenuItem6{display: none;}
  #jssorSliderMainDiv{width: 700px}
}

@media all and (min-width:755px) and (max-width:834px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}  
  #prodDetPic{display:table-cell;}
  #prodDetTabBoxContentCmntNew{float:right;}
  #search{width:200px !important;}
  #titleDescription{display: none;}
  #categorySlideMenuItem6{display: none;}  
  #jssorSliderMainDiv{width: 645px}
}

@media all and (min-width:692px) and (max-width:754px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #prodDetPic{display:table-cell;}
  #search{width:200px !important;}
  #titleDescription{display: none;}
  #categorySlideMenuItem6{display: none;}
  #categorySlideMenuItem5{display: none;}  
  #jssorSliderMainDiv{width: 585px}
}

@media all and (min-width:667px) and (max-width:691px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #prodDetPic{display:table-cell;}
  #headerBoxTitleSocial4{display:none;}
  #searchCaption{display:none;}
  #titleDescription{display: none;}
  #categorySlideMenuItem6{display: none;}
  #categorySlideMenuItem5{display: none;}
  #jssorSliderMainDiv{width: 555px}
}

@media all and (min-width:643px) and (max-width:666px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #prodDetPic{display:table-cell;}
  #headerBoxTitleSocial4{display:none;}
  #headerBoxTitleSocial3{display:none;}
  #searchCaption{display:none;}
  #titleDescription{display: none;}
  #categorySlideMenuItem6{display: none;}  
  #categorySlideMenuItem5{display: none;}  
  #categorySlidePicDescTitle{font-size: 16px !important;}
  #categorySlidePicDescBody{font-size: 10px !important;} 
  #jssorSliderMainDiv{width: 535px}
}

@media all and (min-width:613px) and (max-width:642px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #prodDetPic{display:table-cell;}
  #headerBoxTitleSocial4{display:none;}
  #headerBoxTitleSocial3{display:none;}
  #headerBoxTitleSocial2{display:none;}
  #searchCaption{display:none;}
  #titleDescription{display: none;}
  #search{width:200px !important;}
  #categorySlidePicTd{width:62% !important;}
  #categorySlideMenuItem6{display: none;}
  #categorySlideMenuItem5{display: none;}  
  #categorySlideMenuItem4{display: none;}  
  #categorySlidePicDescTitle{font-size: 16px !important;}
  #categorySlidePicDescBody{font-size: 10px !important;} 
  #jssorSliderMainDiv{width: 500px}
}

@media all and (min-width:547px) and (max-width:612px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #headerBoxTitleSocial4{display:none;}
  #headerBoxTitleSocial3{display:none;}
  #headerBoxTitleSocial2{display:none;}
  #headerBoxTitleSocial1{display:none;}  
  #searchCaption{display:none;}
  #search{width:200px !important;}
  #titleDescription{display: none;}
  #categorySlidePicTd{width:62% !important;}
  #categorySlideMenuItem6{display: none;}
  #categorySlideMenuItem5{display: none;}  
  #categorySlideMenuItem4{display: none;}  
  #categorySlidePicDescTitle{font-size: 16px !important;}
  #categorySlidePicDescBody{font-size: 10px !important;} 
  #jssorSliderMainDiv{width: 435px}
}

@media all and (min-width:0px) and (max-width:546px)
{
  #advCol{display:none;}
  #bodyBoxHeaderTitle{display: none;}
  #mainContainer{width:546px;}
  #footerBorder{width:450px;}
  #headerBoxTitleSocial4{display:none;}
  #headerBoxTitleSocial3{display:none;}
  #headerBoxTitleSocial2{display:none;}
  #headerBoxTitleSocial1{display:none;}
  #searchCaption{display:none;}
  #search{width:200px !important;}
  #titleDescription{display: none;}
  #categorySlidePicTd{width:62% !important;}
  #categorySlideMenuItem6{display: none;}
  #categorySlideMenuItem5{display: none;}  
  #categorySlideMenuItem4{display: none;}  
  #categorySlidePicDescTitle{font-size: 16px !important;}
  #categorySlidePicDescBody{font-size: 10px !important;} 
  #jssorSliderMainDiv{width: 435px}
}



/*----------------header-----------------*/
.mainContainer
{
  /*width:100%;*/
  background: url(theme/headerBg.gif) repeat-x;
}

.headerBoxBorder
{
  /*min-width: 700px;*/
  max-width: 1200px;
  /*border:1px solid red;*/
  margin:auto;
  height:101px;
}

.headerBoxTitle
{
  font-size: 30px;
  padding: 8px 125px 0 0;
  height:53px;  
  overflow: hidden;
}

.headerBoxTitleCaption
{
  width: 360px;
  height:36px;
  background: url(theme/headerTitle.png) no-repeat;
  float: right;
  margin-top: 10px;
}

.headerBoxTitleDescription
{
  font-family: Droid Arabic Naskh;
  font-size: 14px;
  font-weight: 300;
  padding: 20px 10px 0 0;
  color: #909090;
  float: right;
}

.headerBoxTitleSocialIcons
{
  float: left;
  margin: 20px 0 0 50px;
}
.headerBoxTitleSocialIcons a
{
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 3px;
  float: left;
}
.headerBoxTitleSocialFB
{
  background: url(theme/socialIcons.png) 0px 0px;
}
.headerBoxTitleSocialIG
{
  background: url(theme/socialIcons.png) -25px 0px;
}
.headerBoxTitleSocialPS
{
  background: url(theme/socialIcons.png) -50px 0px;
}
.headerBoxTitleSocialRS
{
  background: url(theme/socialIcons.png) -75px 0px;
}

.headerBoxMenu
{
  font-size: 12px;
  background-color: #790102;
  margin: 0 40px;
  height:38px;
}

.headerBoxMenuDivider
{
  background-color:#A04F4E;
  width: 1px;
  height: 38px;
}

.headerBoxMenuFrame a
{
  display: block;
  padding: 3px 18px 2px;  
  font-family: 'Droid Arabic Naskh';  
  font-size: 13pt;            /* har em 16px */
  font-weight: 700;
  color: white;
}

.headerBoxMenuFrame a:hover
{
  background: url(theme/menuHighlightBg.png) repeat-x;
}

.headerBoxLogoFrame
{
  float: right; height: 36px; width:80px; position:relative
}

.headerBoxLogo
{
  position:absolute;
  left:0;
  top:-40px;
  background: url(theme/logo.png) no-repeat;
  width: 100px;
  height: 100px;  
}

.headerBoxLogoBasket
{
  display: block;
  position:absolute;
  left:-14px;
  top:14px;
  background: url(theme/logoBasket.png) no-repeat;
  width: 50px;
  height: 50px;  
}
.headerBoxLogoBasket:hover
{
  display: block;
  position:absolute;
  left:-14px;
  top:14px;
  background: url(theme/logoBasket.png) no-repeat -50px;
  width: 50px;
  height: 50px;  
}

.headerBoxMenuFrame
{
  height:36px;
  overflow: hidden;
}

.headerBoxMenuFrame ol,.headerBoxMenuFrame ul
{
  padding:0;
  margin:0;
}

.headerBoxMenuFrame ul
{
  list-style: none outside none;  
}

.headerBoxMenuFrame li
{
  float: right;
}

.headerBoxMenuGroup
{
  position:absolute;
  z-index: 102;
}
.headBoxMenuGroupFrame
{
  background-image: url(theme/vmenuBg.png);
  background-size: 100% 100%;
  padding: 11px 33px 12px 17px;
}
.headBoxMenuGroupFrame a
{
  display: block;
  font-family: Droid Arabic Naskh;
  font-size: 11px;
  font-weight: bold;
  margin: 2px 0;
  padding: 0 12px 0 20px;
  white-space: nowrap;
  background: url(theme/submenuIcon.png) no-repeat right;
}

.headBoxMenuGroupFrame div
{
  display: table-cell;
}

.headerBoxMenuButton
{
  display: table-cell;
  vertical-align: top;
}
.headerBoxMenuButton span
{
  width:28px;
  height:19px;
  background: url(theme/menuButton.png) no-repeat;
  margin: 10px 5px 0 10px;
  cursor: pointer;
  display: block;
}
.headerBoxMenuButton span:hover
{
  background: url(theme/menuButton.png) no-repeat -28px 0;
}
.headerBoxMenuCascade
{
  background-color: #790102;
  position:absolute;
  left:0px;
  top:38px;
  text-align: right;
  z-index: 10;
  min-width: 155px;
}
.headerBoxMenuCascade li
{
  display: block;
}
.headerBoxMenuCascade ul
{
  padding: 0;
  margin: 0;
}
.headerBoxMenuCascadeDivider
{
  width: 100%;
  height: 1px;
}
.headerBoxMenuCascadeDivider div
{
  height:1px;
  border-top:1px solid #A04F4E;
  width: 90%;
  margin:auto;
  display: block;
}
.headerBoxMenuCascade a
{
  display: block;
  padding: 6px 18px 2px;  
  font-family: 'Droid Arabic Naskh';  
  font-size: 16px;
  font-weight: 700;
  color: white;
}
.headerBoxMenuCascade a:hover
{
  background: url(theme/menuHighlightBg.png) repeat-x;
}

.space6px
{
  display: inline-block;
  width: 6px;
}


/*----------------body----------------*/
.bodyBox
{
  width:100%;
  background-color: #B13939;
}
.bodyBoxBoarder
{
  /*min-width: 700px;*/
  max-width: 1120px;
  margin:auto;
  padding: 0 40px;
}
.bodyBoxHeader
{
  height: 52px;
  background: url(theme/bodyHeader.jpg) repeat-x right;
}
.bodyBoxHeaderSearch
{
  margin: 0 100px 0 0;
  float: right;
  padding-top: 15px;  
  color: #711F74;
}
.bodyBoxHeaderTitle
{
  float: left;
  background: url(theme/tinyTitle.png) no-repeat;  
  width: 181px;  
  height: 22px;
  margin: 15px 0 0 26px;   
}
.bodyBoxHeaderSearch span
{
  font-family: Droid Arabic Naskh;
  font-size: 14px;
  font-weight: 700;
}

.bodyBoxContent
{
  background-color: #ffffff;
  min-height: 200px;
}
.bodyBoxContentText
{
  color: black;
  font-family: Tahoma;
  font-size: 13px;
  line-height: 150%;
  padding: 5px 10px;
}
.cls
{
  clear: both;
}

/*--------pages---------*/
.pageContent
{
  padding:0 20px;
}

.pageContent ul ol
{
  padding-right: 20px;
}

.pageTitleWithLine
{
  border-bottom:5px dotted #e0e0e0;
  margin:5px 10px 0 10px;
  cursor: default;
  margin: 10px;
  text-align: right;
  font-family: Droid Arabic Naskh;
  font-size: 13px;
  font-weight: 700;
}

.factor table
{
  border-collapse: collapse;
  border-color: #a0a0a0;  
}

/*-------contact page-----*/
.contactTable
{
  font-family: Droid Arabic Naskh;
  font-size: 14px;
  cursor: default;
}
.contactBoxNums
{
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: green;
  direction: ltr;
  line-height: 170%;
}
.contactBoxNums div
{
  display: inline-block;
  background-image: url(/images/contactIcos.png);  
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin: -3px 5px 0 0;
  vertical-align: middle;
}

.contactForm
{
  padding-top: 40px;
  width:90%;
  margin: auto;  
}
.contactForm input[type="text"]
{
  height: 20px;
  font-family: Droid Arabic Naskh;
  font-size: 13px;
  width: 95%;
}
.contactForm select
{
  font-family: Droid Arabic Naskh;
  font-size: 13px;
  height: 26px;
  width: 99.5%;
}
.contactForm textarea
{
  height: 180px;  
  width: 99%;
  font-family: Droid Arabic Naskh;
  font-size: 13px;  
}
/*--------categorySlider--------*/
.categorySlide
{
  /*height:350px;*/
  /*position:relative;*/
  margin-top: 8px;
  margin-left: 5px;
}
.categorySlideMenu
{
  /*position:absolute;*/
  position: relative;
  padding-bottom: 5px;
  width: 100%;
  height:100%;
  float: right;
  z-index: 100;
  /*margin-top: 5px;*/
}
.categorySlideMenuItemChoosedSizeA, .categorySlideMenuItemChoosedSizeB
{
  margin:4px 10px 0 0;
  width: 103%;
  border:1px solid #982020;
  border-radius: 10px 0 0 10px;
  background: url(theme/categorySliderMenuBg.png) repeat-x;
}
.categorySlideMenuItemChoosedSizeA
{  
  height:48px;
}
.categorySlideMenuItemChoosedSizeB
{  
  height:44px;
}
.categorySlideMenuItemTextChoosed
{  
  display: block;
  background: url(theme/categorySliderMenuPointer.png) no-repeat;
  color: white;
  font-family: Droid Arabic Naskh;
  font-size: 17px;
  text-align: right;
  padding: 5px 12px 10px 0;
  margin-left: 5px;
  white-space: nowrap;
}
.categorySlideMenuItemTextChoosed:hover
{
  color: white;
}

.categorySlideMenuItemSizeA, .categorySlideMenuItemSizeB 
{
  /*margin:4px 10px 0 15px;*/
  margin:4px 10px 0 0;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #fafafa;
}
.categorySlideMenuItemSizeA
{
  height:48px;  
}
.categorySlideMenuItemSizeB
{
  height:44px;  
}
.categorySlideMenuItemText
{  
  display: block;
  color: gray;
  font-family: Droid Arabic Naskh;
  font-size: 17px;
  text-align: right;
  padding: 5px 12px 10px 0;
  /*margin-left: 5px;*/
  white-space: nowrap;
}

#categorySlidePicTd
{
  width: 70%;
}

.categorySlidePic
{
  /*float: left;*/
  position:relative;
  width:100%;
}
.categorySlidePicImg
{
  width:100%;
}
.categorySlidePicDesc
{
  background: url(theme/opacitybg.png);
  width:100%;
  position: absolute;
  bottom: 0;
  color: #ffc156;
  font-family: Droid Arabic Naskh;
  min-height: 70px;
  cursor: default;
}
.categorySlidePicDescTitleSizeA
{
  margin:-4px 17px 0 0;
  font-size: 20px;
}
.categorySlidePicDescTitleSizeB
{
  margin:-4px 17px 0 0;
  font-size: 16px;
}
.categorySlidePicDescBodySizeA, .categorySlidePicDescBodySizeB
{
  color: white;
  margin: -8px 17px 3px 5px;
  text-align: justify;  
}
.categorySlidePicDescBodySizeA
{
  font-size: 11px;
}
.categorySlidePicDescBodySizeB
{
  font-size: 10px;
}

/*-----------productDetails-----------*/
.prodDetTitle
{
  cursor: default;
  font-family: Droid Arabic Naskh;                    
  font-size: 13px;
  font-weight: 700;
  margin: 10px;
  text-align: right;
}

.prodDetContainer
{
}

.prodDetPic
{
  margin: auto;
  width: 300px;
  vertical-align: top;
  /*position: relative;*/
}
.prodDetPicFrame
{
  border:1px solid lightgray;  
  display: inline-block;
}
.prodDetPicFrameLink
{
  position:relative;
  display: inline-block;
}
.prodDetPicFrameImageShield
{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background: url(/images/blank.gif);
  z-index: 10;
}
.prodDetPicStars
{
  text-align: left;
  padding: 3px 0 0 3px;
}
.prodDetPicStars img
{
  margin: 0 3px 0 0;
  width: 18px;
  height: 18px;
}
.prodDetPicThumbs
{
  margin: 10px;
}
.prodDetPicThumbs img
{
  border:1px solid lightgray;
  width: 60px;
  margin: 0 2px;
}

.prodDetText
{  
  display: table-cell;
  margin: auto;
  padding: 8px;
  vertical-align: top;
}
.prodDetTextPrice
{
  color: green;
  font-family: Droid Arabic Naskh;
  font-weight: 700;
  font-size: 16px;  
  display: block;
  text-align: center;
  margin: 10px;
}
.proddettextAddBasket
{
  font-family: Droid Arabic Naskh;
  font-weight: normal;
  font-size: 16px;  
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.prodDetTextDesc
{
  text-align: justify;
}
.prodDetTextLine
{
  margin:18px 10px 10px 0;
  display: block;
  font-size: 12px;
  text-align: justify;
}
.prodDetTextLineTitle
{
  color: green;
  font-weight: bold;  
}

.prodDetTabBox
{
  margin-top: 40px;
}
.prodDetTabBoxTabs
{
  display: block;    
  line-height: 303%;
  font-family: Droid Arabic Naskh;
  font-size: 14px;
  font-weight: bold;  
  padding-right: 5px;
}
.prodDetTabBoxTabs span
{
  height: 40px;
  display: inline-block;
  border-right:1px solid #CCCCCC;
  color: gray;
}
.prodDetTabBoxTab
{
  height: 40px;
  display: inline-block;
  border-top:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  width: 120px;  
  color: #b0b0b0;
  text-align: center;  
}
.prodDetTabBoxTabChoosed
{
  height: 40px;
  display: inline-block;
  border-top:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  width: 120px;
  color: black;
  text-align: center;  
}

.prodDetTabBoxContent
{
  border:1px solid #CCCCCC;
  min-height: 300px;
  /*padding: 7px;*/
}
.prodDetTextShare
{
  text-align: center;
  margin-top: 25px;
}
.prodDetTextShare a
{
  display:inline-block;
  height:38px;
  width:40px;
}
.prodDetTabBoxContentCmnt
{  
}
.prodDetTabBoxContentCmntNew
{
  padding-top: 16px;
}
.prodDetTabBoxContentCmntNewLdg
{
  display: inline-block;
  background: url(/images/loading12x12.gif) no-repeat;
  width:12px;
  height:12px;
  cursor: default;
  vertical-align: middle;
}
.prodDetTabBoxContentCmntBox
{
  overflow: hidden;
  padding: 20px 10px 10px;
}
.prodDetTabBoxContentCmntBoxTitle
{
  font: bold 13px Droid Arabic Naskh;
  color:#004276;  
  line-height: 150%;
}
.prodDetTabBoxContentCmntBoxDate
{
  width:80px;
  text-align:left;
  vertical-align:top;
  font: 12px Tahoma;
  color:#a0a0a0;
  padding-left: 10px;
  line-height: 150%;
}

.prodDetTabBoxContentWrk
{
  padding: 3px 0;
}
.prodDetTabBoxContentWrk a
{
  padding: 5px;
  display: inline-block;
}
.prodDetTabBoxContentWrk img
{
  width: 148px;
  height: 148px;
  border: 1px solid #a0a0a0;
  border-radius: 7px;
}

.likeIt
{
  display: inline-block;
  height: 20px;
  font-family: Tahoma;
  font-size: 12px;
  padding-right: 17px;
  margin-left: 22px;
  background: url(/images_cl/theme/like.png) no-repeat right center;
}
.dislikeIt
{
  display: inline-block;
  height: 20px;
  font-family: Tahoma;
  font-size: 12px;
  padding-right: 17px;
  margin-left: 22px;
  background: url(/images_cl/theme/dislike.png) no-repeat right 6px;
}
.acceptIt
{
  display: inline-block;
  height: 20px;
  font-family: Tahoma;
  font-size: 12px;
  padding-right: 17px;
  margin-left: 22px;
  background: url(/images/tick.gif) no-repeat right 6px;
}
.deleteIt
{
  display: inline-block;
  height: 20px;
  font-family: Tahoma;
  font-size: 12px;
  padding-right: 17px;
  margin-left: 22px;
  background: url(/images/removeFile.gif) no-repeat right 6px;
}
.likeIsLoading
{
  display: inline-block;
  height: 20px;
  font-family: Tahoma;
  font-size: 12px;
  padding-right: 17px;
  margin-left: 22px;
  background: url(/images/loading12x12.gif) no-repeat right 4px;
}

.prodDetTextShareFacebook{background: url('/images/socialShare.png');}
.prodDetTextShareTwitter{background: url('/images/socialShare.png') -40px 0px;}
.prodDetTextShareGooglePlus{background: url('/images/socialShare.png') -80px 0px;}
.prodDetTextSharePinterest{background: url('/images/socialShare.png') -120px 0px;}
.prodDetTextShareEmail{background: url('/images/socialShare.png') -160px 0px;}
.prodDetTextShareLink{background: url('/images/socialShare.png') -200px 0px;}

.prodDetTextShareFacebook:hover{background: url('/images/socialShare.png') 0px 38px;}
.prodDetTextShareTwitter:hover{background: url('/images/socialShare.png') -40px 38px;}
.prodDetTextShareGooglePlus:hover{background: url('/images/socialShare.png') -80px 38px;}
.prodDetTextSharePinterest:hover{background: url('/images/socialShare.png') -120px 38px;}
.prodDetTextShareEmail:hover{background: url('/images/socialShare.png') -160px 38px;}
.prodDetTextShareLink:hover{background: url('/images/socialShare.png') -200px 38px;}



/*--------advBox---------*/
.advBox
{
  
}
.advBoxTitle
{
  background-color: #951D1D;
  border-radius: 7px;
  height: 28px;
  margin: 10px 0 0 5px; 
  padding: 3px 5px 0 0;
  color: white;
  font-family: Droid Arabic Naskh;
  font-weight: 700;
  font-size: 13px;
}
.advBoxContent
{
  padding: 4px 4px 20px 9px;
  font-family: Tahoma,Arial;
  font-size: 12px;
  text-align: justify;
  line-height: 135%;
}
.advBoxContentImage
{
  /*background:url(theme/tinyImageSample.png) no-repeat;*/
  /*display: inline-block;*/
  width:87px;
  height:70px;
  border:1px solid #CBCBCB;  
  float: right;
  margin: 3px 0 5px 5px;
}
.advBoxContentIFrame
{
  border:1px solid #CBCBCB;  
  float: right;
  margin: 3px 0 5px 5px;
}

/*-----footer-----*/
.footerBorder
{
  margin: auto;
  max-width: 1120px;
  padding: 0 40px;
  color: white;
  font-family: Tahoma;
}
.footer
{
  background: url('theme/footerBg.jpg') repeat-x right;
  height: 95px;
}
.footerCopyright
{
  float:left;
  direction: ltr;
  padding: 10px 0 0 10px;
}
.footerCopyright a
{
  color: white;
}
.footerCopyright a:hover
{
  text-decoration: underline;
}
.footerMenu
{
  float: right;
  padding: 10px 0px 0 0;  
}
.footerMenu a
{
  font-size: 12px;
  margin: 0 10px;
  color: white;
}
.footerMenu a:hover
{
  text-decoration: underline;
}
.footerMenu ul
{
  list-style: none outside none;  
  margin:0;
  padding:0;
}

.footerMenu li
{
  float: right;
}
.footerLogo
{
  margin: 10px 0 0 30px;
  text-align: left;
}

/*---------basket---------*/
.basketContent
{
  font-family: Tahoma, Arial;
  font-size: 12px;  
  margin: auto;  
  padding: 0 12px;
}
.basketContent fieldset
{
  padding: 10px 15px 15px 10px;
  border-radius: 7px;
  max-width: 700px;
  margin: 15px auto;
}
.productBuyBasketList
{  
  overflow-y: auto;
  overflow-x: hidden;
}
.productBuyBasketList span
{
  cursor: default;
}
.productBuyBasketEmpty
{
  height: 70px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 37px;
  text-align: center;
  font-size: 12px;  
}
.separatorLine
{
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  height: 2px;
  margin: 5px 14px;
}
.productBuyBasketSum
{
  text-align: left;
  margin-left: 18px;
  font-weight: bold;
}
.productBuyBasketButtons
{
  text-align: center;
}
.productBuyBasketButtons input
{
  margin:20px 10px 0;
}
.productBuyBasketWarning
{
  color: #ff5050;
  font-size: 11px;
  padding: 10px 0 0;
  text-align: center;
}


/*---------------products-----------------*/
.products
{
  margin: 10px;
  text-align: right;
  font-family: Droid Arabic Naskh;
  font-size: 13px;
  font-weight: 700;
}
.productsRelated
{
  text-align: right;
  font-family: Droid Arabic Naskh;
  font-size: 11px;
  font-weight: 700;
}
.productBox
{
  display: inline-block;
  width: 202px;
  height: 235px;
  position: relative;
}
.productBoxRelated
{
  display: inline-block;
  width: 152px;
  height: 185px;
  position: relative;
}
.productBoxRelated input
{
  font-size: 10px !important;
}
.productBox:hover
{
  z-index: 1;
}

.productBoxRelated:hover
{
  z-index: 1;
}

.productBoxOverFrame
{
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  padding: 10px 19px 0;
  text-align: center;
  height: 214px;
  background-color: white;
}
.productBoxOverFrameRelated
{
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  padding: 10px 12px 0;
  text-align: center;
  height: 164px;
  background-color: white;
  width: 126px;
}
.productBoxOverFrame:hover
{
  border-color: red;
  height: 263px;
}
.productBoxOverFrameRelated:hover
{
  border-color: red;
  height: 213px;
  width: 126px;
}
.productBoxOverFrame input
{
  display: none;
  margin-top: 10px;
}
.productBoxOverFrameRelated input
{
  display: none;
  margin-top: 10px;
}
.productBoxOverFrame:hover input
{
  display: inline;
}
.productBoxOverFrameRelated:hover input
{
  display: inline;
}

.productBoxImg
{
  /*border:1px solid #cbcbcb;*/
  width: 160px;
  height: 160px;
  display: table;
  margin-bottom: 5px;
  position: relative;
}
.productBoxImgRelated
{
  width: 110px;
  height: 110px;
  display: table;
  position: relative;
  margin: 0 auto 5px;
}
.productBoxImgRelated img
{
  width: 110px;
}
.productBoxImg a
{
  display: table-cell;
  vertical-align: middle;  
  background-repeat: no-repeat;
}
.productBoxImgRelated a
{
  display: table-cell;
  vertical-align: middle;  
  background-repeat: no-repeat;
  background-size: 110px 110px;
}
.productBoxImgFreeDelivery
{
  position: absolute;
  right: 133px;
  top: -14px;
  width: 45px;
  height: 45px;
  background: url(theme/freeDelivery.png) no-repeat;
  opacity: 0.8;
  cursor: default;
}
.productBoxImgPrice
{
  position: absolute;
  right: -10px;
  top: 110px;
  width: 60px;
  height: 46px;
  background: url(theme/priceBg.png) no-repeat;
  opacity: 0.8;
  text-align: center;
  padding-top: 14px;
  color: white;
  font-family: Droid Arabic Naskh;
  font-weight: 300;
  font-size: 11px;
  cursor: default;
}
.productBoxImgPriceRelated
{
  position: absolute;
  right: -19px;
  top: 73px;
  width: 45px;
  height: 46px;
  background: url(theme/priceBgRelated.png) no-repeat;
  opacity: 0.8;
  text-align: center;
  padding-top: 8px;
  color: white;
  font-family: Droid Arabic Naskh;
  font-weight: 300;
  font-size: 10px;
  cursor: default;
}
.productBoxImgPrice span
{
  font-family: Times New Roman;
  font-size: 14px;
  display: block;
  margin-bottom: -25px;
}
.productBoxImgPriceRelated span
{
  font-family: Times New Roman;
  font-size: 11px;
  display: block;
  margin-bottom: -25px;
}

.productBoxTitle
{
  text-align: center;
  height: 47px;
}
.productBoxTitleRelated
{
  text-align: center;
  height: 47px;
}
.productBoxTitle a
{
  color: #505050;
}
.productBoxTitleRelated a
{
  color: #505050;
}
.productBoxTitle a:hover
{
  color: #f0822b;
}
.productBoxTitleRelated a:hover
{
  color: #f0822b;
}

.productPageNums
{
  text-align: center;
  cursor: default;
  margin-top: 10px;
}
.productPageNums a
{
  display: inline-block;
  width:25px;
  margin:0 2px;
  font-family: georgia, droid naskh arabic;
  font-weight: bold;
  font-size: 14px;
}
.productPageNums span
{
  display: inline-block;
  width:25px;
  margin:0 2px;
  font-family: georgia, droid naskh arabic;
  font-weight: bold;
  font-size: 14px;
}

/*-------------popup--------------------*/
.popupBg
{
  width: 100%;
  height: 100%;
  background: url(theme/opacitybg4.png);
  z-index: 100;
  position: fixed;  
  top:0;
  left:0;
}
.popupFrame
{
  position: absolute;
  margin: auto;
  width:100%;
  z-index:101;
  top:0;
  left:0;
}
.popupFrameHolder
{
  margin: 60px auto;
  color: white;
}
.popupTitle
{
  padding: 0 10px;
  height: 22px;
  overflow: hidden;
}
.popupTitle a
{
  font-family: Comic Sans MS, Tahoma, Arial;
  font-size: 15px;
  font-weight: bold;
  display: block;
  float: right;
  text-align: right;
}
.popupTitle span
{
  cursor: default;
  display: block;
  float: right;
  font-family: droid arabic naskh;
  font-size: 13px;
  line-height: 100%;
  margin: 4px 7px 0 0;
}
.popupContent
{
  border:1px solid black;
  border-radius: 7px;
  background-color: white;
  padding: 10px;
  font-family: Tahoma;
  font-size: 12px;
  color: #505050;
}
.popupLoading
{
  width:100%;
  text-align: center;
  margin: 40px 0;
}

/*-----------------about----------------*/
.aboutBox
{
  font-family: Dinar;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 60px;
}
.aboutBox a
{
  position: absolute;  
  display: block;
  /*
  background: url(/src_cl/adv/about/enter.jpg) no-repeat;
  width: 191px;
  height: 40px;
  */
}
.aboutBox img
{
  width:100%;
  border:0px;
}
.aboutBoxImage1
{
  display: block;
  border: 2px solid red;
  padding: 2px;
  position: absolute;  
  background-color: white;
}



/*public elements*/
.selectStyle1
{
  font-size: 12px;
  font-family: Tahoma, Arial;
  font-weight: normal;
}
.textboxStyle1
{
  font-family: Tahoma;
  font-size: 12px;
  border-radius: 5px;
  border: 0px solid #000000;
  padding: 0 8px;  
  vertical-align: top;  
  box-shadow: inset 1px 1px 2px 1px #b0b0b0;
  -webkit-box-shadow: inset 1px 1px 2px 1px #b0b0b0;
  -moz-box-shadow: inset 1px 1px 2px 1px #b0b0b0;
}
.textboxStyle1:focus
{
  /*box-shadow: inset 1px 1px 5px #b0b0b0, 0 0 8px #b0b0b0;*/
}

.marRL5
{
  margin:0 5px;
}

.marRL10
{
  margin:0 10px;
}

.checkboxClass
{
  display: inline-block;
  /*vertical-align: bottom;*/
  vertical-align: sub;
}
/*-----------------datebox------------------------*/
span.dateBox {
  border:solid 1px #7F9DB9;
  height:18px;
  background-color:#FFFFFF;
  direction:rtl;
  text-align:right;
  display:inline-block;
  font-size: 10px;
  font-family: Tahoma;
  font-weight: normal;
}
span.dateBox input {
  border-style: solid;
  border-width: 0;
  direction:ltr;
  text-align:right;
  font-family:Tahoma;
  font-size:8pt;
}
span.dateBoxTiny {
  border:solid 1px #7F9DB9;
  height:18px;
  width:75px;
  background-color:#FFFFFF;
  direction:rtl;
  text-align:center;
  display:inline-block;
}
span.dateBoxTiny input {
  border-style: solid;
  border-width: 0;
  direction:ltr;
  font-family:Tahoma;
  font-size:9pt;
}


/*-------------sbox-----------------*/
.s_box { border:solid 0px #FDE0E0;}
/*.s_box_in { border:solid 0px #CCC; background:url(t_box/t_box_t.png) repeat-x #FFF;}*/

.s_box_t { border-bottom:solid 0px #CCC; width:100%;}
.s_box_t_l, .s_box_t_r{ height:36px; line-height:26px;}
.s_box_t_m {height:36px; line-height:21px; padding-right:22px;}
.s_box_t_l { width:16px; float:left; background:url(t_box/s_box_t_l.png) no-repeat;}
.s_box_t_m { margin:0 16px; text-align:right;  background:url(t_box/s_box_t_m.png) repeat-x;}
.s_box_t_r { width:16px; margin-top:-36px; text-align:right; float:right; background:url(t_box/s_box_t_r.png) no-repeat;}
.s_box_t_r img {position:relative; top:3px; right:13px;}

.a_titr {font-size:11px; font-weight:bold; color:#336600;}
.b_titr {font-size:11px; font-weight:bold; color:#990000;}

.s_box_m { background:#FBE9E8;}
.s_box_ml { background:url(t_box/s_box_ml.png) repeat-y;/*padding-left:5px;*/}
.s_box_mr { background:url(t_box/s_box_mr.png) right repeat-y;/*padding-right:5px;*/}
.s_box_mc { padding:10px 5px; text-align:right;}
.s_botton { background:url(t_box/t_box_t.png) repeat-x; border:solid 1px #CCC; padding:3px 10px 6px; font-family:Tahoma; font-size:11px; color:#384F5B; outline:solid 1px #ebebeb;}
input:active { outline: none;}

.s_box_b {}
.s_box_b_l, .s_box_b_m, .s_box_b_r{ height:16px; overflow:hidden;}
.s_box_b_l { width:16px; float:left; background:url(t_box/s_box_b_l.png) no-repeat;}
.s_box_b_m { margin:0 10px; background:url(t_box/s_box_b_m.png) repeat-x;}
.s_box_b_r { width:16px; margin-top:-16px; float:right; background:url(t_box/s_box_b_r.png) no-repeat;}


/*-----------------buttons------------------------*/
.buttonStyle1
{
  -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
  -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
  box-shadow:inset 0px 1px 0px 0px #f5978e;
  /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));*/
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d13939), color-stop(1, #990102));
  /*linear-gradient(to bottom, #d13939 5%, #990102 100%) repeat scroll 0 0 #f24537*/
  background:-moz-linear-gradient(top, #d13939 5%, #990102 100%);
  background:-webkit-linear-gradient(top, #d13939 5%, #990102 100%);
  background:-o-linear-gradient(top, #d13939 5%, #990102 100%);
  background:-ms-linear-gradient(top, #d13939 5%, #990102 100%);
  background:linear-gradient(to bottom, #d13939 5%, #990102 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13939', endColorstr='#990102',GradientType=0);
  background-color:#d13939;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #d02718;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  padding: 5px 13px;
  text-decoration:none;
  text-shadow:0px 1px 0px #810e05;
}
.buttonStyle1:hover:enabled
{
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #990102), color-stop(1, #d13939));
  background:-moz-linear-gradient(top, #990102 5%, #d13939 100%);
  background:-webkit-linear-gradient(top, #990102 5%, #d13939 100%);
  background:-o-linear-gradient(top, #990102 5%, #d13939 100%);
  background:-ms-linear-gradient(top, #990102 5%, #d13939 100%);
  background:linear-gradient(to bottom, #990102 5%, #d13939 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#990102', endColorstr='#d13939',GradientType=0);
  background-color:#990102;
}
.buttonStyle1:active:enabled
{
  position:relative;
  top:1px;
}

.buttonStyle1:disabled
{
  -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
  -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
  box-shadow:inset 0px 1px 0px 0px #f5978e;
  /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));*/
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d13939), color-stop(1, #990102));
  /*linear-gradient(to bottom, #d13939 5%, #990102 100%) repeat scroll 0 0 #f24537*/
  background:-moz-linear-gradient(top, #d13939 5%, #990102 100%);
  background:-webkit-linear-gradient(top, #d13939 5%, #990102 100%);
  background:-o-linear-gradient(top, #d13939 5%, #990102 100%);
  background:-ms-linear-gradient(top, #d13939 5%, #990102 100%);
  background:linear-gradient(to bottom, #d13939 5%, #990102 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13939', endColorstr='#990102',GradientType=0);
  background-color:#d13939;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #d02718;
  display:inline-block;
  cursor:default;
  color:#a0a0a0;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  padding: 5px 13px;
  text-decoration:none;
  text-shadow:0px 1px 0px #810e05;
}

/*---------------------------------admin panel----------------------------------*/
div.gridNumbers
{
  display:inline;
  padding-left:3px;
  padding-right:3px;
  cursor:pointer;
}

/*---------------------------------jssor slider----------------------------------*/
/* jssor slider thumbnail navigator skin 11 css */
.jssort11
{
  font-family: Arial, Helvetica, sans-serif;
}
.jssort11 .i, .jssort11 .pav:hover .i
{
  position: absolute;
  top:3px;
  left:3px;
  WIDTH: 60px;
  HEIGHT: 30px;
  border: white 1px dashed;
}
* html .jssort11 .i
{
  WIDTH /**/: 62px;
  HEIGHT /**/: 32px;
}
.jssort11 .pav .i
{
  border: white 1px solid;
}
.jssort11 .t, .jssort11 .pav:hover .t
{
  position: absolute;
  top: 3px;
  /*right: 10px;*/
  width:129px;
  height: 32px;
  line-height:32px;
  text-align: center;
  /*color:#fc9835;*/
  color:#707070;
  font-size:13px;
  font-family: Droid Arabic Naskh;
  font-weight:700;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
{
  color:#fff;
}
.jssort11 .c, .jssort11 .pav:hover .c
{
  position: absolute;
  top: 38px;
  right: 3px;
  width:197px;
  height: 31px;
  line-height:31px;
  color:#fff;
  font-size:12px;
  font-family: Tahoma;
  font-weight:400;
  overflow: hidden;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
{
  color:#fc9835;
}
.jssort11 .t, .jssort11 .c
{
  transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
  transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssort11 .p
{
  background:#c0c0c0;
}
.jssort11 .pav, .jssort11 .pdn
{
  background:#860E0E;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
  background:#333333;
}

/*
::-webkit-input-placeholder {
   color: #999999;
}

:-moz-placeholder { 
   color: #999999;  
}

::-moz-placeholder {
   color: #999999;
}

:-ms-input-placeholder {  
   color: #999999;
}
*/