/* CSS Document */

/*General*/
body{margin:auto;padding:auto; color:#5C5C5C}input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{border:0px;}a:active, a:link, a:focus, a:visited, a:hover{outline:none;-moz-outline-style:none;}input[type="submit"]:focus, input[type="button"]:focus{outline:none;-moz-outline-style:none;  }
body,html{ padding:0px ; margin:0px; direction:rtl; background-color:#FFF;}
td,div,body,input{font-family:Tahoma, Geneva, sans-serif;font-size:11px; direction:rtl;}
option,select { font-weight:normal; font-family:tahoma; border: 1px solid #CCCCCC; font-size:10px;}
img{ border:none}

/***GENERAL CLASS***/
#noresult{border:1px solid #CCC;padding:3px;margin:3px;color:#900;font-size:12px;font-weight:bold;}
a:hover{text-decoration:none; color:#333}
a{text-decoration:none;color:#666;}

.bordered{ border:1px solid #ccc; }
.bordered2{ border:1px solid #ccc; padding:3px; background:#eee }
.borderBottomRight{ border-left:1px dashed #ccc; border-bottom:1px dashed #ccc}
.underBordered{ border-bottom:dotted 1px #ccc}

.pageNotFound{ background:url(../images/error1.jpg) no-repeat left center; padding-left:100px;}
.pageNotFoundTitle{ font-weight:bold; font-size:14px; color:#666; }
.notice{background:url(../images/notice-r.jpg) no-repeat right top; border:1px dashed #CCC; padding-right:45px; line-height:23px ; margin:3px; font-weight:bold; color:#666;}
.successSent{background:url(../../../admin/templates/images/successSent.jpg) no-repeat right center #fff ; color:#6a0;  padding:18px 40px 18px 3px; margin:2px; border:1px dashed #9C0;}
.error{ text-align:center; border:1px dashed #F60; padding:5px; color:#900; background:#fff; }

.error div{background:url(../images/error.gif) no-repeat left center; padding:6px 5px 6px 35px; font-size:12px}
.success{ margin:3px; padding:5px; border:dashed 1px #9c3; background:#F7FBEE }
.success div{background:url(../images/success.gif) no-repeat left center;padding:6px 5px 6px 35px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.notice div{background:url(../images/notice.gif) no-repeat left center;padding:7px 5px 7px 35px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}



#refresh{ background:url(../../../admin/templates/images/refresh.gif) no-repeat left center ; height:20px; cursor:pointer; text-align:left; padding-left:15px; line-height:20px; width:50px; float:right}
#refreshPage{ background:url(../../../admin/templates/images/refresh.gif) no-repeat right center ; padding-right:20px; height:20px; cursor:pointer; text-align:right;  line-height:20px; width:140px; float:right; position:absolute; right:0px; border:1px dashed #EDAB1F; margin:2px; color:#000}


.inputExplain{color:#5C5C5C; font-size:10px; font-style:italic;}
.highlight{ color:#f60; font-weight:bold}
.lowlight{ font-size:10px; color:#666;}
.loading2{ background:url(../images/loading2.gif) no-repeat; width:55px; height:15px; float:right}
.briefDescription{ margin-top:5px; color:#444; margin-right:10px ; text-align:right}
.description{ padding:10px 10px 0 0;}

.divSection{ float:right; margin:5px; display:inline;}
/*Frame*/
.bgTop{   height:225px; background:url(../images/bgTop.jpg)  repeat-x top; vertical-align:bottom }
.bgCenter{text-align:center; background:url(../images/bgCenter.jpg) repeat-x #e6e6e6; }
.headerBanner{width:944px; /* background:url(../images/banner.jpg) no-repeat ;*/ vertical-align:bottom;  text-align:center; height: 160px;}

.navWidth{ width:215px }
.contentWidth{width:730px;}
.content{ text-align:right; vertical-align:top; padding:0px; background-color: #FFF}
.nav{ text-align:right; vertical-align:top;  padding-top:10px;}

.navBox{ width:194px;  margin:0px;  }
.navBoxBordered{ width:100%;  margin-bottom:3px;}
.navTopBox{ background:url(../images/navTopBox.jpg) right no-repeat ; width:194px; height:10px;}
.navCenterBox{ height:35px; padding:0 10px 0 5px; background:url(../images/navCenterBox.jpg) repeat-y right ; width:194px; }
.navBottomBox{ background:url(../images/navBottomBox.jpg) right top no-repeat ; width:194px; height:10px; padding-bottom: 25px;}
.navSpecialFormTitle{background:url(../images/fastContactPe.jpg) center   no-repeat; height:17px; width:194px;  }
.navTagCloudTitle{ background:url(../images/navTagCloudTitlePe.jpg) no-repeat ; height:17px;}

.navStatisticsTitle{background:url(../images/navStatisticsTitle.jpg) right  no-repeat; height:42px; width:194px;}
.navSlideshowTitle{}
.navVisitorsTitle{ background:url(../images/visitors.jpg) no-repeat right bottom; height:35px}
.navArchiveTitle{ background:url(../images/navArchiveTitlePe.jpg) no-repeat bottom right ; height:49px; }
.navUserTitle{ background:url(../images/navUserTitle.jpg)  right no-repeat ; height:49px; }
.mainTable{ width:945px; border:none; background:#FFF; padding-top:3px;}
/*.indexBanner{ background:url(../images/indexBanner.jpg) no-repeat center center; height:276px;}*/
.navContactTitle{ background:url(../images/navContactTitle.jpg)  right no-repeat ; height:49px; }

/*Content*/
.contentBox{}
.contentTopBox{}
.contentCenterBox{ color:#5C5C5C}
.contentBottomBox{}
.contentTitle{ background:url(../images/contentTitle.jpg) no-repeat right ; height:33px; margin:3px; padding:0px 122px 2px 0 ; line-height:33px; font-size:14px; color:#5D5D5D;}
.contentTitle2{ background:url(../images/contentTitle2.jpg) no-repeat right 6px; height:18px; margin:3px; padding:3px 12px 0 0 ; line-height:20px; font-size:14px; color:#666}
.contentTableTitle{ background:#f0f0f0;}

.indexNewsTitle{background:url(../images/newsPe.jpg) no-repeat right top; height:26px; margin-top:10px}
.indexNewestProdTitle{background:url(../images/newestProductsPe.jpg) no-repeat right top; height:26px; margin-top:10px}
.navContainerTitle{ background-color:#eee; font-size:13px; font-weight:bold; line-height:30px}

.listTable{ border:1px solid #5C5C5C; width:100% }
.tdListImage{ width:20%; text-align:center; }
.tdListBgImage{ width:20%; }/*for Default Image of no image*/
.tdListContent{ width:80%; text-align:right }
/*FOOTER*/
.footer{ color:#CCC; background-color:#FFF}
.footer a:hover{text-decoration:none; color:#FFF}
.footer a{text-decoration:none;color:#CCC;}
.footerTd{ background:url(../images/footer_bg.jpg) repeat-x bottom ; height:131px; padding-top:10px }
.footerR{width:16px; background:url(../images/footR.jpg) left  bottom no-repeat;}
.footerL{width:16px; background:url(../images/footL.jpg) right  bottom  no-repeat;}
.footerLogo{ height:131px;background:url(../images/footerLogo.jpg) center bottom no-repeat ; }


/*Forms*/
.titleForm{ font-weight:bold; line-height:34px; background:url(../images/form.png) right center no-repeat; padding-right:65px; font-size:13px}
.formInput,.timestamp{ border:1px solid #666; padding:2px;margin:3px;  width:100px; background-color:#FFFFFF; color:#C30 } 
.forms textarea{ border:1px solid #ccc; padding:2px; margin:2px; background:#D4D0C5; width:120px;} 
.forms select{ border:1px solid #999; font-size:12px; margin-right:2px; font-weight:normal; }
.forms select option{ font-weight:normal;}
.bgButton{text-align:center;background:url(../images/bgButton.jpg) bottom no-repeat #fff; padding:0px 2px 6px 2px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; cursor:pointer; width:69px; height:24px; border:none; color: #666666}


/*Menu*/
.menu{  padding:0px ; margin:0px 0px 0px 0px  ; width:944px; height:60px;background:url(../images/menuBg.jpg) right repeat-x}
.menu li{ width:auto; float:right;   list-style-type:none; font-size:12px; margin-left:0px}
.menu li a{ line-height:60px; display:block;color:#333 ; width:94px; height:60px; text-align:center}
.menu li a:hover,.menu li a:active,.menu li a:focus{ color:#FFF ; text-decoration:none; background:url(../images/menuBgOver.jpg) bottom no-repeat;width:94px;height:60px;}

/*SEARCH*/
.navSearchTitle{}
.searchButton{  background:url(../images/searchButton.jpg)  no-repeat  RIGHT; width:27px; height:43px; border:none; cursor:pointer;   }
.searchInput{ border:1px dashed #3D3D3D; padding:2px;margin:3px; width:125px; background:#F7F7F7; line-height:23px; height:23px; color:#312D2E; font-size:15px}
.searchSelect{ font-size:10px; font-family:Tahoma, Geneva, sans-serif; padding:0px; border:1px solid #999; margin-right:0px;}
.searchSelect option{ font-size:10px; font-family:Tahoma, Geneva, sans-serif; padding:0px;}

/*FAQ*/
.faqForm{width:93%;font-family:tahoma;font-size:11px;margin:0px; padding:5px;border:1px solid #CCC;}
.navFaqTitle{background:url(../images/navFaqTitle.jpg) no-repeat right bottom; height:35px}
.faqQuestion{ display:inline; padding:2px; margin:0px ; line-height:25px; cursor:pointer}
.faqAnswer{ display:none}
.contentFaqTitle{}


/*Vote*/
.voteBox{}
.navVoteTitle{ background:url(../images/navVoteTitle.jpg) no-repeat right ; height:42px;}
.contentVoteTitle{}

/*NEWS*/
.news a{ font-size:13px;}
.newsLatest{border:1px dotted #777;background-color:#222;width:100%;color:#D8D8D8; margin:0 5px 5px 5px;}
.newsLatestCol{ width:25%;}
.newslistCol{width:75%; }
.newsDate{ color:#f82; }
.newsImage{ padding:2px; border:1px solid #ccc; background:#f9f9f9;}
.newsTitle{ margin:1px; padding:3px; font-size:12px; }
.newsSubtitle{ color:#666; font-size:11px; padding-right:5px}
.contentNewsTitle{}
.containerLatestNewsTitle{background:url(../images/containerLatestNewsTitle.jpg) no-repeat right bottom ; height:25px; margin:3px; padding:3px 35px 0 0 ; line-height:15px; font-size:14px; color:#D8D8D8; font-weight:bold; border-bottom:solid 4px #565656}

/*BREADCUMBS*/
.breadCumbs{height:35px;border-bottom:1px solid #CCC}
.breadCumbs a{ color:#f90;}

/*Category*/
.navCategoryTitle{background:url(../images/navCategoryTitlePe.jpg) no-repeat bottom right ; height:49px;}
.subCategoryTitle{ padding:0px 0px 0px 10px; background:#eee; color:#555; line-height:22px; font-size:14px; font-weight:bold }
.imageAttach{}
.documentAttach{ background:url(../images/documentAttach.jpg) no-repeat center 5px; vertical-align:bottom}
.multimediaAttach{background:url(../images/multimediaAttach.jpg) no-repeat center 5px; vertical-align:bottom; height:70px; overflow:visible}
.htmlAttach{background:url(../images/htmlAttach.jpg) no-repeat center 5px; vertical-align:bottom}
.attachTitle{ background:url(../images/attachTitle.jpg) no-repeat left center; padding-left:30px; line-height:30px; font-size:13px; color:#666; margin-top:8px; border-top:solid #ccc 1px}
.closePreview{ position:absolute; width:auto ; border:1px solid #5C5C5C; padding:2px 2px 2px 16px; background:url(../images/close.gif) no-repeat left center #fff; cursor:pointer}
.previewButtonsN{position:relative; float:right ; top:50px; width:30px; height:25px; background:url(../images/arrows.jpg) no-repeat -32px 1px; border:1px solid #ccc; padding:3px; cursor:pointer}
.previewButtonsP{position:relative; float:left ; top:50px; width:30px; height:25px; background:url(../images/arrows.jpg) no-repeat 0px 1px; border:1px solid #ccc; padding:3px; cursor:pointer}
.attachDetailsTitle{ text-align:right; font-weight:bold; color:#222; margin-top:25px; font-size:13px;}
.attachDetails{ text-align:right; color:#777;}



/*PRODUCT*/
.prodCatListImg{ background:url(../images/default.jpg) no-repeat center center; height:53px}
.prodLink{ padding-right:18px; background:url(../images/Document.gif) no-repeat right center; line-height:20px; font-size:12px; text-align:right}
.collectionTitle{background:#eee;font-size:14px;color:#00609F;font-weight: bold; padding:5px;}
.contentProductTitle{}


/*PAGE*/
.contentPageTitle{}




/*BLOG*/
.blogLink{ padding-right:18px; background:url(../images/Document.gif) no-repeat right center; line-height:20px; font-size:12px}
.blogAuthor{ font-style:italic; color:#888; font-size:11px; margin-top:5px;}
.contentBlogTitle{}

/*PGINATION*/
.inactiveSpanName{ letter-spacing:8px; color:#f60; font-weight:bold}
.paginationPage{padding:5px;margin:5px;} 
.pagination {padding: 5px; margin:5px;}
.paginationLink {text-decoration: none;color: #2386B6;border: 1px solid #ccc;background: #f9f9f9;padding: 2px 4px 2px 4px;margin: 2px;}
.paginationLink:hover {text-decoration: none;background: #fff;border: 1px solid #5C5C5C;}
.pagination_inactive {color: #2386B6;background: #f9f9f9;padding: 3px;margin: 2px;}
.paginationPage {padding: 5px;margin: 5px;}

/*Comment*/
#leaveComment{border:1px solid #5C5C5C; padding:5px; margin:5px 0px 5px 0px; }
#comments{ border:1px dotted #ccc; padding:5px;}
#comments label{ color:#666; font-weight:bold; line-height:25px; }
.row{ padding:5px;  margin-bottom:8px;border-bottom:1px dashed #999; }
.commentCount{text-align:right}	
.commentPagination{ padding:5px; color:#09C}
.commentPaginationDeactive{ padding:8px; font-weight:bold; color:#666}
.commentFollow{text-align:left;color:#39C;font-size:11px; cursor:pointer; background:url(../images/follow.gif) no-repeat 65px center; display:block}
.commentFollowTextarea{border-bottom:1px dashed #5C5C5C; padding:3px; display:none }
#commentNav{ margin-bottom:10px; margin-top:5px;  padding:5px;}
.commentReply{ padding:5px 0px 15px 10px; border-top:dotted #ccc 1px; margin:8px;font-weight:bold;}
.commentSort{ display:none}
.commentDate{ font-style:italic; color:#999; font-size:10px}
.like{padding-right:17px;background:url(../images/like.gif) no-repeat right center;cursor:pointer;line-height:25px;color:#687D84; }
.liked{line-height:25px; color:#666;background:url(../images/ok.gif) no-repeat right; padding-right:20px; }
.unlike{padding-right:17px;background:url(../images/unlike.gif) no-repeat right center;cursor:pointer;line-height:25px;color:#967D50;}
.likeCount{ font-weight:normal;color:#687D84;}
.unlikeCount{font-weight:normal;color:#A78B58}
.replyCounts{ background:url(../images/comment.jpg) no-repeat right center; padding-right:20px; } 
.loading{ display:none;}
.simpleEditor{ border:1px solid #ccc; padding:3px; height:55px; overflow: auto;}
.commentTitle{ padding-right:40px; background:url(../../../admin/templates/images/comment.jpg) no-repeat right center ; line-height:33px; margin:0px; color:#666; }

/*ShOPPING CART*/
.addToCartLink{ display:inline; border-bottom:4px dotted #05d;  cursor:pointer; padding:5px 25px 5px 3px; color:#06f; background:url(../images/addToCartLink.jpg) no-repeat right; }
#shrtctCart{background:#5C5C5C;margin:0px;padding:0px;}
#shrtctCart li{float:right; list-style-type:none;padding-right:25px;margin:1px;}
.cartContent{ border: 1px solid #999; background:#f5f5f5; width:300px; display:none}

.userTape{ padding-right:55px; background:url(../images/userTape.jpg) right center no-repeat ; border:1px solid #ccc;}
#headerShrtCart{cursor:pointer;}
#header
ShrtCart:hover{
	text-decoration:underline
}
.qty{ font-size:10px; color:#e40}
.removeCartList:hover{color:#000;
}
.myAccountLink{ background:url(../images/userLink.gif) no-repeat right center; padding-right:25px;}
.myCartLink{background:url(../images/cartLink.gif) no-repeat right center; padding-right:25px;}
.myOrdersLink{ background:url(../images/ordersLink.gif) no-repeat right center; padding-right:25px;}
.myInboxLink{ background:url(../images/inboxLink.gif) no-repeat right center; padding-right:25px;}

.logoutLink{background:url(../images/logout.gif) no-repeat right center; padding-right:25px; line-height:20px;}
.removeCartList{position: absolute; left: 0px;cursor:pointer; width:20px; background:url(../images/close.gif) no-repeat center center; height:20px; display:block}
#billslist td{font-size:12px;font-family: Trebuchet MS,Tahoma;padding-right:5px; border:1px solid #ccc;}
.userInboxCount{color:#FFF;background:red;padding:1px 5px 1px 5px}




.tabnav{ border-bottom:1px solid #ccc; line-height:25px; padding:0px; margin:0px}
.tabnav li {display: inline;list-style: none;padding:0px; margin:0px }
.tabnav li a {text-decoration: none;color: #222;font-weight: bold;padding: 4px 6px;outline: none;}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background: #dedbd1;color: #ccc;text-decoration: none;}
.ui-tabs-hide {display: none;}


/*************************/
.lastProdsTitle{ background:url(../images/lastProdsTitle.jpg) no-repeat right bottom; width:355px; height:49px}
/*.lastProdsBottom{ background:url(../images/lastProdsBottom.jpg) no-repeat right top; width:341px; height:14px}*/

.lastBlogTitle{ background:url(../images/lastBlogTitle.jpg) no-repeat right bottom; width:355px; height:49px}
/*.lastBlogBottom{ background:url(../images/lastBlogBottom.jpg) no-repeat right top; width:325px; height:14px}*/

.lastBlogMiddle {background:url(../images/lastBlogBg.jpg)  repeat-x;  height:117px; vertical-align:top; line-height: 19px;}
.lastBlogMiddle  a:hover{text-decoration:underline}
/*************/
.marquee {
	/* required styles */
			text-align:right;
	direction:rtl;
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: 100%;
	height: 22px; /* height should be included to reserve visual space for the marquee */
	


	/*background-color: #f2f2ff;*/
	/*border: 1px solid #08084d;*/
}

.marquee li {
	/* required styles */
		direction:rtl;
		text-align:right;
	position: absolute;
	top: -999em;
	right: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	font: 11px tahoma;
	padding: 3px 5px;
	margin-right: 30px;
	background:url(../images/bullet_ii.gif) no-repeat right center; 
	color: #414141;
	font-size:12px;
}
.marquee li a{padding-right:20px;}
.marquee li a:hover{
color: #FF9933;
}
