/* HTML Elements */

* {
	margin:0;
	padding:0;
	outline:none;
	}

html {
/*Firefox scrollbar fix*/
	}
	
body {
/*Firefox scrollbar fix*/
	}
	
body {
	color: #614b73; font:normal 14px Arial; text-align:justify;
	background:url(../images/bg_all.jpg) ; direction:rtl
}

textarea {
	font: 12px arial;
	}

input {
	font: 12px arial;
	}

select {
	font: 13px arial;
	}

a { text-decoration:none;}
a:hover { text-decoration:underline;}


ul{
	margin:0px auto;
	padding:0px;
}


a:visited img {
	border:0;
	}

a:link img {
	border:0;
	}

img {
	border:0;
	}
	


/* login */

/* main */
.bgmain {  padding:0; margin:0 auto; height:120px; background:url('../images/bg_shadow.png') bottom repeat-x; }
.main { width:950px; padding:0; margin:0 auto; }
.contenr { width:950px; padding:0; margin:0; float:right }

.header { width:950px; padding:15px 0 0 0; margin:0; float:right;  background:#12486a url('../images/bg_header.jpg') repeat-x; }
.logo   { width:156px; padding:0 0 0 25px; margin:0; float:left }
.logotitl   { width:250px; padding:20px 25px 0 0; margin:0; float:right }
.menu   { width:950px; padding:8px 0 0 0; height:36px; margin:10px 0 0 0; float:left; background:url(../images/bg_menu.jpg) repeat-x ; }


.social { width:950px; float:right; padding:0; margin:6px 0 0 0 ;   }
.icon   { width:35px; float:left; padding:0; margin:0; text-align:left}

.about { width:950px; padding:0 0 20px 0; margin:0; float:right }
.hedabout { width:910px; color: #fff; font:bold 20px Arial; padding:12px 20px 0 20px; min-height:33px; margin:0; float:right; background:#8256a5}

.whitpag  { width:910px; padding:15px 20px; min-height:250px; margin:0; float:right; background:#fff}
.whitpag h1  { width:910px; padding:0 0 15px 0;  margin:0; float:right; font:bold 13px Verdana; color:#8256a5;}
.abotpic  {  max-width:910px; margin:0; float:right;}
.abotpic img { width:429px; margin:0 0 8px 20px; float:right; border:3px #8256a5 solid}
.videoframe  { width:435px; height:326px; margin: 0 0 7px 20px; float:right;}
.download  { float:left; width:500px; display:block; margin:0 11px 7px 0; min-height:30px;}
a.downloadAcrobatLink {background: url("../images/reader-download-icon.gif") no-repeat 100% 4px;}
.download li { height:2em; float:left; padding-bottom:1px; list-style:none; width:150px;}
.download a { background-position:0% 4px; display:block; color:#5bc8e6; height:1.636em; padding:4px 0 0 15px;}
.download a:hover {background-position:0% -96px;}

.data    { width:545px; float:right; margin:0 0 0 20px}
.data a               { color:#be0f16;}
.data span                { font-weight:bold;}
.data h5               { width:545px; margin:0; padding:0 0 10px 0; float:right; font:bold 14px arial; color:#25265e; text-decoration:underline; }

.forma      { width:345px; float:right; margin: 0}
.titform          {width:345px; float:right; margin: 0; padding:0 0 5px 0; font:normal 12px arial; color:#25265e;}
.boxesform          {width:345px; float:right; margin: 0; padding: 0 0 10px 0; }
.formtextbo    { margin:0; padding: 4px 5px 0 5px; width:325px; height:16px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#000000; FONT-FAMILY: arial; border:#b9b9b9 solid 1px; background-color:#f1f1f1;}
.formtextbos    { margin:0; padding: 4px 5px 0 5px; width:325px; height:40px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#000000; FONT-FAMILY: arial; border:#b9b9b9 solid 1px; background-color:#f1f1f1;}
.boxesforms          {width:345px; float:right; margin: 0; padding: 0 0 20px 0; color:#8256a5; font-weight:bold}
.boxesformt          {width:345px; float:right; margin: 0; padding: 0 0 10px 0; font-weight:bold; font-size:12px;}
.submitee         {cursor: pointer; border:0px; width:49px; height:22px; float:left; background: #8256a5; text-align:center; padding:1px 0 0 0; margin:0 0 0 8px; font: normal 12px arial; color:#ffffff;}

.whitpic    { width:300px; float:right; border:3px #8256a5 solid; margin: 0 0 7px 15px; }
.grid      { width:100%; float:right; margin:0 0 7px 0; background:url(../images/bots.jpg) repeat-x}
.icondown      { width:20px; margin:0; float:right; background:url(../images/icon.jpg) no-repeat; height:24px}
.gridtitl      {max-width:750px; font-weight:bold; background:#fff; float:right; margin-left:20px; padding:3px 0 0 10px}
.mordetail      {float:left; background:#fff; padding:0 10px; text-align:left; width:20px}
.mordetail a    { color:#ffae00; font-weight:bold; text-decoration:underline}
.mordetail a:hover    { text-decoration:none}

.mainscript { width:930px; background:#fff; padding:10px 0 0 0; margin:0; float:right; border:10px #fff solid }

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer; float:right;
padding:3px 0 0 0; height:26px;
border: 0px;
background:url(../images/bg_adaa.jpg) no-repeat;
width: 100%;
}

.mypets .lliis{ /*header of 1st demo*/
 padding:0 20px 0 0 ;  COLOR:#363636; font:normal 18px arial;}

.openpet{ /*class added to contents of 1st demo when they are open*/
background:url(../images/bg_openpet.jpg) no-repeat;
}

.thepet{
width: 100%; float:right;
color:#000; display: none;

}
.thepet .downn{width:910px; background:url(../images/down.jpg) right no-repeat; float:right; height:8px; margin:0 0 1px 0; }
.thepet .crosa {width:909px; float:right; background: #bdbbbc url(../images/bg_crosa.jpg) top right no-repeat; font:normal 13px tahoma; padding: 10px 0 10px 0; margin:0 0 0 1px;}
.mntk       {float:right; width:870px; margin:0px 16px 0px 2px; padding:0;}
.mntk ul    {margin:0; padding:0; list-style:none;}
.mntk ul li {margin:0 0 1px 0; padding:3px 19px 3px 0; line-height:1.2em;}
.mntk a     {padding-left:0px; padding-right:0px; color:#363636;  text-decoration:none; font: bold 14px arial;}
.mntk a:hover { color:#8256a5; text-decoration:none; }
.arrowst        {background:#f3f2f2 url('../images/arrowst.jpg') no-repeat right; }

.accord            { width:910px; float:right; padding:0; margin:11px 0 0 0;}

.bluebar  { width:934px;background:#fff url(../images/bg_bluebar.jpg) no-repeat; padding:0 16px 20px 0 ; height:64px; margin:0; float:right;}


.slider { width:935px; background:#fff; padding:0 0 0 15px; margin:0 0 20px 0; float:right;}
.galler              { width:855px; float:right; padding:0; margin:0 25px 0 0; }
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black; direction:ltr; text-align:right;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
min-height: 170px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
right: 0 !important; 
top: 0; 
}

.stepcarousel .panel{
float: right;  /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 23px 0 23px;  /*margin around each panel*/
width: 123px; direction:rtl;
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.section{ float:right; width:123px; margin:0; height:148px;  padding:0;}
.section .photo{ float:right; width:100px;  margin:0 11px 0 12px; padding:0px; }
.section .photo img{ width:100px; height:148px }

.book    { float:right; width:130px; margin:0 0 0 21px; height:192px; padding:0 11px 0 12px;}
.book img   { width:130px; height:192px}
.bookd    { float:right; width:450px; margin:0; padding: 0;}
.titlebok    { float:right; width:450px; font:bold 18px arial; color:#2391cc; margin:0 0 15px 0; padding: 0;}
.bookitm    { float:right; width:450px; margin:0; padding: 0;}
.itmdetail    { float:right; width:195px; margin:0; padding:0 15px 10px; color:#000; background: url(../images/oranarrw.jpg) top right no-repeat;}
.itmdetail span   { color:#2391cc; font-weight:bold}
.bokdecrib    { float:right; width:450px; margin:0 0 5px 0; min-height:60px; padding: 0;}
.morehoms  { width:450px;  padding:0; text-align:left; margin:0; float:left;}
.allbook   { width:624px; float:left; border-bottom:1px #ccc dashed; padding:0 0 12px 0; margin:0 0 12px 0}

.bookt    { float:right; width:300px; margin:0 0 0 21px; height:192px; padding:0 11px 0 12px;}
.bookt img   { width:300px; height:192px}
.bookdt    { float:right; width:280px; margin:0; padding: 0;}
.titlebokt    { float:right; width:280px; font:bold 18px arial; color:#2391cc; margin:0 0 15px 0; padding: 0;}
.bookitm    { float:right; width:280px; margin:0; padding: 0;}
.itmdetailt    { float:right; width:250px; margin:0; padding:0 15px 10px; color:#000; background: url(../images/oranarrw.jpg) top right no-repeat;}
.itmdetailt span   { color:#2391cc; font-weight:bold}
.bokdecribt    { float:right; width:280px; margin:0 0 5px 0; min-height:60px; padding: 0;}
.morehomst  { width:280px;  padding:0; text-align:left; margin:0; float:left;}


.bottm   { width:950px; padding:4px 0 10px 0; margin:0 0 20px 0; float:right; background: #fff url(../images/bg_bottom.jpg) repeat-y;}

.bookitms    { float:right; width:624px; margin:0; padding: 0;}
.itmdetails    { float:right; width:282px; margin:0; padding:0 15px 10px; color:#000; background: url(../images/oranarrw.jpg) top right no-repeat;}
.itmdetails span   { color:#2391cc; font-weight:bold}
.bokdecribs    { float:right; width:624px; margin:0 0 5px 0; min-height:60px; padding: 0;}


.sponser   { width:664px; padding:0; margin:0; float:right;}
.hedtitlspon   { width:644px; color: #fff; font:bold 18px Arial; padding:8px 20px 0 0; text-align:right; height:28px; margin:10px 0; float:right; background:#bb3427 url(../images/bg_titlinn.jpg) top repeat-x;}
.abouthom   { width:624px;  padding:8px 20px; text-align:right; margin:0; float:right;}
.abouthoms   { width:624px;  padding:8px 20px; min-height:500px; text-align:right; margin:0; float:right;}
.morehom   { width:644px;  padding:0 20px 0 0; text-align:left; margin:0; float:left;}
.downarrow   { width:100%; display:block; padding:0; height:19px; margin:0 0 5px 0; float:right; background:url(../images/downarrowa.png) right no-repeat;}
.sponserplac   { width:302px; text-align:center; vertical-align:middle; padding:0; margin:0; min-height:241px; float:right; background:#bda8ce url(../images/bg_sponser.jpg) repeat-x;}
.spare   { width:16px; padding:0; margin:0; height:10px; float:right; }

.videos   { width:286px; padding:0; margin:0; float:right;}
.hedtitlvido   { width:266px; color: #ffc600; font:bold 18px Arial; text-align:right; padding:18px 20px 0 0; height:25px; margin:0; float:right;}
.videohold   { width:295px; padding:0; margin:0; float:right; border:10px #f5f5f5 solid }

.footer { padding:0 0 5px 0; margin:0 auto;height:200px; vertical-align:top; background: url(../images/bg_footer.jpg);}
.copyr  {width:420px; padding:0; margin:0; float:right; text-align:right; color: #ffcc00; font:normal 12px Arial; }
.copyr span {color:#fff}
.power  {width:400px; padding:0 0 15px 0 ; margin:0; float:left; text-align:left; font:normal 12px Arial; color:#ffcc00}
.power a { color:#fff}

.copyrs { padding:0; margin:0 auto;height:60px; vertical-align:top; background :#2391cc; }
.footers  { width:950px; padding:15px 0; margin:0}
.linksdown  { width:950px; float:right; padding:0 0 8px 0; margin:0}
.linksdown p        {text-align:right; font:normal 13px Arial; color:#ffffff; line-height:1.8em;}
.linksdown a        {font: normal 13px ِArial; color:#ffffff; text-decoration:none; padding:0px; margin:0 5px 0 5px;}
.linksdown a:hover  {text-decoration:none; color:#ffcc00}

.bluefoot   { width:942px; padding:10px 0 10px 11px; color:#fff}
.colombot    { width:248px; padding:0 10px; float:right }
.titlfooter    { width:248px; padding:6px 0; color:#f19f3e; font:bold 18px arial; margin:0 0 10px 0; text-align:right; float:right; background: url(../images/bg_titlbottom.jpg) bottom repeat-x; }
.maplinks          { float:right; width:212px; margin:0; padding:0 0 3px 0; direction:rtl; text-align:right}
.maplinks ul    {margin:0; padding:0; list-style:none;}
.maplinks ul li {margin:0; list-style:none; padding:1px 0 1px 0; float:right; min-height:20px; width:183px}
.maplinks a     {  float:right; background:url('../images/bg_arrlink.png') top right no-repeat; padding:3px 15px 4px 10px; color:#fff;  text-decoration:none; font: normal 14px arial;}
.maplinks a:hover {font: normal 14px arial; color:#f19f3e; text-decoration:none; }
#marqi      {float:right; margin:22px 130px 0 0; width:500px; height:20px }
.marky_news             {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none;}
.marky_news :link		{FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none;}
.marky_news :visited	{FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none;}
.marky_news :hover	    {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: underline;}

.search      {  float:right; margin:28px 30px 0 0; width:246px; height:25px }
.searchzone  { width:211px; float:right; margin:0; padding:0 0 0 0;}
.searchbtn   { width:25px; float:right; margin:0; padding:0 10px 0 0;}
.formtextb1    { width:211px; height:20px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#999999; FONT-FAMILY: Arial; background:none; border:0px; padding:2px 0; margin:0;}
.submitseacch  {cursor: pointer; background:none; border:0px; width:25px; height:25px; float:left; text-align:center; padding:0; margin:0;}
.picbottom  { float:right; margin:0 0 0 20px; width:207px; height:161px}

.navigation
{
  float:right; width:950px; padding:0;

  margin:0px 5px 0 0; z-index:10;
}

.navigation li
{
  display:inline; z-index:10;
  float:right;
  margin-right:5px; text-align:center;
  position:relative
}

.navigation li a
{
  color:#fff;
  display:block; font: bold 16px arial;
  height:34px; 
  line-height:31px;
  padding:0 14px 0 13px ;
  text-decoration:none
}

.navigation .sfHover a,.navigation li:hover a
{
  color:#fff;
  float:left;   background:transparent url(../images/nav_hover.png) no-repeat scroll;
  padding-right:3px

}

.navigation .sfHover .active_end,.navigation li:hover .active_end
{
  background:transparent url(../images/nav_hover.png) no-repeat scroll right top; width:11px
}

.navigation li.active a
{
  color:#fff;
  float:left;
}

.navigation .active_end
{
  display:none;
  float:right;
  height:34px;
  width:6px
}

.navigation .active .active_end
{
  background:transparent url(../images/nav_current.png) no-repeat scroll right top!important
}

.navigation .sfHover .active_end,.navigation li:hover .active_end,.navigation .active .active_end
{
  display:block
}

.navigation li ul
{
  display:block; z-index:10;
  right:0;
  margin-top:0;
  position:absolute; color:#000;
  visibility:hidden; 
  z-index:9999
}

.navigation li:hover ul
{
  visibility:visible; z-index:10;
}

.navigation li ul li
{
  background:transparent url(../images/nav_sub.png) repeat-x scroll; z-index:10;
  display:block; width:180px;
  float:none; text-align:right;
  margin:0;
  padding-right:13px
}

.navigation li ul li:hover
{
  background-image:url(../images/nav_sub_active.png); 
}

.navigation li ul li a
{
z-index:10;
  background:none!important;
  color:#000;
  float:none!important;
  font-size:12px;
  height:30px;
  line-height:30px;
  min-width:190px;
  padding:0!important; color:#000 !important;
  width:100%
}

.navigation li ul li a:hover
{
 color:red !important;

}

.navigation li ul li ul
{
  left:203px; z-index:10;
  padding-left:1px;
  padding-top:0;
  top:0;
  visibility:hidden!important
}

.navigation li ul li:hover ul
{
  z-index:10; visibility:visible!important; 
}

.sf-sub-indicator
{
  z-index:10; display:none
}

.navigation li ul .sf-sub-indicator
{
  background:transparent url(../images/nav_arrow.png) no-repeat scroll;
  display:block;
  height:10px;
  position:absolute;
  right:6px;
  text-indent:-3000px;
  top:11px;
  width:7px; z-index:10;

}





#sliderss { width:624px; margin:0 auto; padding:0; list-style:none;}
#sliderss ul, #slider li { margin:0; padding:0; list-style:none;}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#sliderss ul { width:624px; height:250px; overflow:hidden; padding: 0;}
#sliderss li { width:624px; height:250px; overflow:hidden; }
#controls { margin:0; position:relative; }
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:15px; height:15px; position:absolute; left:10px; top:-130px;}
#nextBtn { left:600px; }
#prevBtn a { color:#cccccc;display:block; width:15px; height:15px; background: url(../images/left_arrow.jpg) no-repeat 0 0; }
#nextBtn a { color:#cccccc;display:block; width:15px; height:15px; background: url(../images/right_arrow.jpg) no-repeat 0 0; }
.scroll_con    {width:624px; height:250px; float:left; margin:0; padding:0; direction:ltr; }
.right_arrows     {width:15px;  float:right; padding: 65px 0 0 10px; }
.left_arrows      {width:15px;  float:left; height:250px; padding: 65px 10px 0 0;}
.contants        {width:624px; text-align:center; float:left; padding:0;}
.contants .photo       {width:624px; float:left; text-align:center; padding:0; margin:0;}
.contants .photo img     { max-height:250px}

.colombotss    { width:406px; padding:0; float:right }

.headrow   { background:gray; color:#fff; font:bold 16px arial }
.whiterow   { background:#fff; font:bold 14px arial; color:#666 }
.grayrow   { background:#f7f7f7; font:bold 14px arial; color:#666 }
.num   { width:40px; text-align:center; padding:5px 0; border-left:1px silver solid; border-bottom:1px silver solid; }
.town   { width:100px; text-align:center; padding:5px 0; border-left:1px silver solid; border-bottom:1px silver solid;  }
.capital   {width:100px; text-align:center; padding:5px 0; border-left:1px silver solid; border-bottom:1px silver solid;  }
.agent   { width:170px; text-align:right; padding:5px 15px; border-left:1px silver solid; border-bottom:1px silver solid; }
.phones   { width:154px; text-align:right; direction:ltr; padding:5px 15px; border-left:1px silver solid; border-bottom:1px silver solid;  }