/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template Khalilan Khoram Framework Deta 89/12/10  ||
|| ===================================================================  ||
|| # Copyright (C) 2011  Khalilan Khoram. All Rights Reserved.          ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Khalilan Khoram LLC                ||
|| # for more information visit http://www.khalilan.com                 ||
|| # websites - http://www.khalilan.com                                 ||
|| #################################################################### ||
\*======================================================================*/

/* COMMON STYLE
--------------------------------------------------------- */
#kh-cpanel, #kh-header, #kh-botsl, #kh-left, #kh-main, #kh-right, #kh-topsl , #kh-top-b, #kh-top-1, #kh-footer, ul.level0{
	direction: rtl;
}
th { text-align: right; }

a.readon {
	float: right;
}


/* List ---*/
ul li {
	background: url(../images/bullet.gif) no-repeat 97% 8px;
	padding-left: 0;
	padding-right: 30px;
}

ol li {
	margin-right: 35px;
	margin-left: 0;
}

/* FORM
--------------------------------------------------------- */
/* Login ---*/
.login_form label,.form-register label,.user-details label {
	text-align: left;
	float: right;
}

.login_form .inputbox, .form-register .inputbox, .user-details .inputbox {
	margin-left: 0;
	margin-right: 10px;
}

.login_form .button, .form-register .button, .user-details .button {
	margin-left: 0;
	margin-right: 140px;
}

.form-validate .button {
	margin-left: 0;
	margin-right: 5px;
}

#login div img {
	float: left;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Meta ---*/
.article-meta { float: right; }

.article-meta * { float: right; }

.createdate {
	padding-right: 0;
	margin-right: 0;
	padding-left: 6px;
	margin-left: 5px;
	background: url(../images/vline.gif) no-repeat left center;
}

.buttonheading { float: left; }

.buttonheading img { float: left; }

.img_caption.left {
	float: right !important;
	margin-right: 0;
	margin-left: 1em;
}

.img_caption.right {
	float: left !important;
	margin-right: 1em;
	margin-left: 0;
}


/* Content Toc */
table.contenttoc { float: left; }

/* Poll */
dl.poll dt, dl.poll dd { float: right; }

dl.poll dt { clear: right; text-align: left; margin-left: 5px;}

dl.poll dd { clear: left; }

table.pollstableborder { text-align: right; }

/* Pagination ---*/
ul.pagination { float: right; }

ul.pagination li { float: right; display: block; padding-right: 0; }

ul.pagination a { }

.sortby .filter, .sortby .display { float: right; width: 40%; text-align: right; }

.sortby .display { float: right; text-align: right; }

.counter { float: left; text-align: left; }

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 99% 8px;
	padding-left: 0; padding-right: 20px; 
}

/* MODULE STYLES
--------------------------------------------------------- */
/* Poll Module ---*/
.poll br {
	clear: both;
}
form.poll fieldset input { text-align: right; float: right; }
form.poll .button { margin-right: 0; margin-left: 0px; }

/* Advertisement ---*/
div.bannergroup_text div.bannerfooter_text { text-align: left; }

/* text */
div.module_text span { float: right; }

/* Search Module ---*/
#kh-search {
	padding: 5px 25px 0 10px;
	background: url(../images/rtl/icon-search.png) no-repeat right center;
	float: left;
}

/* Badge Module ---*/
.badge {	background-image: url(../images/rtl/icon-badge.png); right: auto; left: 0; }

/* Module list ---*/
div.kh-moduletable ul li, div.kh-module ul li {
}

div.moduletable li,
div.moduletable_menu li,
div.moduletable_text li,
div.module li,
div.module_menu li,
div.module_text li {
	padding-left: 0;
	padding-right: 15px;
	background-position: 98% 7px;
}

ul.menu li {
	background:transparent url(../images/dot.gif) repeat-x scroll center bottom;
}

/* Collapsible h3 ---*/
h3.show, h3.hide { background-position: 10px 60%; }

/* HEADER
--------------------------------------------------------- */
/* Header mask ---*/
.kh-headermask { right: auto; left: -1px; }

/* NAVIGATION
--------------------------------------------------------- */
#kh-splitmenu a span.has-image {
	padding-right: 0px;
}
#kh-splitmenu a span {
	text-align: right;
}

#kh-splitmenu a span.has-image {
	margin-left: 0;
	margin-right: 5px;
}

/* Main Nav ---*/
span.has-image {
	padding-left: 0;
	padding-right: 25px;
	background-position: right 2px;
}

/* Sub Nav ---*/

#kh-subnav li li a {
	color: #666666 !important;
	border: none;
	padding-left: 5px !important;
	padding-right: 25px !important;
	text-transform: none;
	font-weight: normal !important;
	background: url(../images/rtl/arrow.png) no-repeat 92% 10px !important;
}

#kh-subnav li li li a {
	background: url(../images/rtl/arrow.png) no-repeat 96% 10px !important;
	padding-left: 0 !important;
	padding-right: 40px !important;
	font-weight: normal !important;
}

#kh-subnav li li li a {
	padding-right: 35px !important;
	padding-left: 0px !important;
	background: url(../images/rtl/bullet.gif) no-repeat 96% 10px !important;
}

/* Sub Nav (lv2) ---*/
#kh-subnav ul li ul { display: none;}

#kh-subnav ul li.hover ul { left: auto; right: auto; display: block; }

#kh-subnav ul li a {
	background-position: right center;
	background: url(../images/rtl/arrow.png) 98% center no-repeat;
	padding-right: 12px;
	padding-left: 0;
}

#kh-subnav a:hover,
#kh-subnav a:active,
#kh-subnav a:focus {
	background: url(../images/rtl/arrow-on.png) no-repeat 98% center;
}

#kh-subnav li.active a {
	background: url(../images/rtl/arrow-active.png) no-repeat 98% center;
}

#kh-subnav ul li.haschild:hover a, #kh-subnav ul li.haschild a:hover { background-image: url(../images/arrow-down.gif); }

#kh-subnav ul li.haschild li a, #kh-subnav ul li.hover li a { padding-left: 0; }

#kh-subnav ul li ul li { border-right: 0; text-align: right; }

/* Breadcrumbs ---*/
.kh-breadcrums { text-align: right; float: right; margin-left: 0; margin-right: 10px; }

.kh-breadcrums * { float: right; }

.kh-breadcrums img { display: none; }

.kh-breadcrums a { padding-left: 20px; background: url(../images/rtl/arrow.png) no-repeat 8px center; }

.kh-breadcrums span.name { padding-right: 2px; }

.kh-breadcrums strong { margin-right: 0; margin-left: 5px; }

.ltr {
	direction: ltr !important;
}

.continue_link {
	direction: ltr !important;
}

/* Extras ---*/
.kh-links { float: left; }

.kh-links li.top a {
	background-position: 90% center;
	padding-right: 17px;
	padding-left: 5px;
}

/* Default Joomla! Menu ---*/
#kh-container ul.menu li ul { margin: 0 10px 0 0; }

ul.menu li li a, ul.menu li.active li a {
	padding: 5px 25px 5px 5px !important;
	background: url(../images/rtl/arrow.png) no-repeat 92% 10px !important;
}


/* SPOTLIGHT
--------------------------------------------------------- */
#kh-topsl li, #kh-botsl li {
	background-position: 99% 8px;
	padding-left: 0; 
	padding-right: 15px;
}

#kh-topsl ol li, #kh-botsl ol li { margin-left: 0; margin-right: 25px; }

/* FOOTER
--------------------------------------------------------- */
#kh-footer .main { background-position: 78% 0; }
#kh-footer small { color: #eff1f4; font-size: 100%; }
#kh-footer ul { float: left;}
#kh-footer li {
	background: url(../images/rtl/arrow-2.png) no-repeat right center;
}

/* Foot Links ---*/
#kh-footer .kh-footnav { float: left; }
.kh-footnav ul { float: right; }
#kh-poweredby{float: left;}
#kh-footer small {
	float: right;
}
#kh-poweredby {
	margin-left: 20px;
	margin-right: 0px;
}
/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.kh-usertools-font { left: 20px; right: auto; }
ul.kh-usertools-screen  { left: 90px; right: auto; }


/*==========
typo.css
============*/
/* SPECIAL CONTENT
-----------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code { border-left: 0; border-right: 5px solid #ccc; }

/* Dropcap ---*/
.dropcap { float: right; padding: 7px 0 0 8px; }

/* Tips, Error, Message, Hightlight ---*/
p.error, p.message, p.tips, p.rss, p.key, p.tag, p.cart, p.note, p.photo, p.doc, p.mobi {
	padding-left: 0;
	padding-right: 25px;
}

p.error span.icon, p.message span.icon, p.tips span.icon, p.rss span.icon, p.key span.icon,
p.tag span.icon, p.cart span.icon, p.note span.icon, p.photo span.icon, p.doc span.icon, p.mobi span.icon {
	right: 0;
}

/* Special list style ---*/
ul.checklist li, ul.star li, ul.arrow li,
ul.address li, ul.phone li, ul.email li {
	margin-left: 0;
	margin-right: 8px;
	padding: 0 22px 0 0;
}

ul.checklist span.icon, ul.star span.icon, ul.arrow span.icon,
ul.address span.icon, ul.phone span.icon, ul.email span.icon {
	right: 0;
}

ul.arrow span.icon {
	background-image: url(../images/rtl/icons-arrow.png);
	background-position: left top;
}

ul.bookmark-links li {
	background-position: right 10px !important;
	padding: 5px 10px 5px 0 !important;
}

/* Big Number ---*/
p.blocknumber { padding: 5px 55px 5px 0 !important; }

.bignumber-1, .bignumber-2, .bignumber-3 { right: 0; }

/* Talking box. Thinking box. ---*/
div.bubble span.arrow {
	margin-left: 0;
	margin-right: 20px;
}

div.bubble span.author {
	background-position: 99% 3px;
	padding-left: 0;
	padding-right: 25px;
}

/* Box style ---*/
.box-sticky, .box-download {
	background-position: 99% center;
	padding-left: 0 !important;
	padding-right: 50px !important;
}

/* Legend ---*/
.legend-title { float: right; left: auto; right: 7px; }

/* OTHERS
--------------------------------------------------*/
div.kh-adv span.sponsor { text-align: left; }

/*==========
menu/*.css
============*/

/* SPLIT + DROPLINE
----------------------------------------------------------- */
#kh-splitmenu, #khsdl-mainnav,
#kh-splitmenu li, #khsdl-mainnav li { float: right; }

/* CSS + MOO
----------------------------------------------------------- */
#kh-cssmenu { float: right; }

#kh-cssmenu li { float: right; }

#kh-cssmenu li li { text-align: right; padding: 0; }

#kh-cssmenu li ul {
	left: auto  !important;
	display: none;
}

#kh-cssmenu li:hover ul ul, #kh-cssmenu li:hover ul ul ul,
#kh-cssmenu li.sfhover ul ul, #kh-cssmenu li.havechildsfhover ul ul, #kh-cssmenu li.havechild-activesfhover ul ul, #kh-cssmenu li.activesfhover ul ul,
#kh-cssmenu li.sfhover ul ul ul, #kh-cssmenu li.havechildsfhover ul ul ul, #kh-cssmenu li.havechild-activesfhover ul ul ul, #kh-cssmenu li.activesfhover ul ul ul {
	left: auto;
	display: none;
}

#kh-cssmenu li:hover ul, #kh-cssmenu li li:hover ul, #kh-cssmenu li li li:hover ul,
#kh-cssmenu li.sfhover ul, #kh-cssmenu li.havechildsfhover ul, #kh-cssmenu li.havechild-activesfhover ul, #kh-cssmenu li.activesfhover ul,
#kh-cssmenu li li.sfhover ul, #kh-cssmenu li li.havesubchildsfhover ul, #kh-cssmenu li li.havesubchild-activesfhover ul, #kh-cssmenu li li.activesfhover ul,
#kh-cssmenu li li li.sfhover ul, #kh-cssmenu li li li.havesubchildsfhover ul, #kh-cssmenu li li li.havesubchild-activesfhover ul, #kh-cssmenu li li li.activesfhover ul {
	left: auto;
	display: block;
	right: auto;
}

#kh-cssmenu li ul ul {
	margin: -2em 14em 0 0; /* third-and-above-level lists */
}

#kh-cssmenu li.havesubchild a.haschild,
#kh-cssmenu li.havesubchild-active a.haschild,
#kh-mainnav .megamenu li li.haschild a.haschild,
#kh-mainnav .megamenu li li.haschild-over a.haschild {
	background-position: 10px center !important;
	background-image: url(../images/rtl/arrow-mu.png) !important;
}

#kh-cssmenu li {
	background:transparent url(../images/mainnav-sep.gif) no-repeat scroll left center;
}

/* MENU
----------------------------------------------------------- */
#kh-mainnav li { float: right !important; }
#kh-mainnav li li { float: none !important; }

#kh-mainnav li .has-image {
	padding-left: 0 !important;
	padding-right: 64px !important;
}

#kh-mainnav a .has-image {
	background-position: right top !important;
}

#kh-mainnav a:hover .has-image {
	background-position: right bottom !important;
}

#kh-cssmenu span.has-image {
	padding-right: 0px !important;
}


/* MEGA MENU
----------------------------------------------------------- */
ul.level0 { float: right;}


ul.level0 li.mega li.mega {
	text-align: right;
}
#kh-mainnav ul.level0 li {background-position: left center;}
	


.kh-megamenu li.mega .childcontent,
.kh-megamenu li.haschild-over li.mega .childcontent,
.kh-megamenu li.mega li.haschild-over li.mega .childcontent ,
.kh-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, 
.kh-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, 
.kh-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
	left: auto;
}

.kh-megamenu li.haschild-over .childcontent,
.kh-megamenu li.mega li.haschild-over .childcontent,
.kh-megamenu li.mega li.mega li.haschild-over .childcontent,
.kh-megamenu li.mega li.mega li.mega li.haschild-over .childcontent,
.kh-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.kh-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
	left: auto; /*show on parent:hover*/
}

ul.level1 li.mega { float: none; }

ul.level1 .childcontent { margin: -2em 140px 0 0;top:60px; }
ul.level1 li.mega a.mega span.menu-title { padding-right: 0; }

ul.level1 li.haschild {
	background-position: 5% center;
	background-image: url(../images/rtl/arrow.png);
}

ul.level1 li.over, ul.level1 li.haschild-over { background: #444444; }

ul.level1 li.group { background: none; }

#kh-mainnav .childcontent .kh-moduletable li {
	background-position: 98% 7px;
	padding-right: 15px;
	padding-left: 0px;
}

.megacol { float: right;}

/**************VM************/
#kh-contentslider {
	direction: ltr;
}

/* Default Joomla! Menu */
ul.menu li a {
	background: url(../images/rtl/arrow.png) no-repeat 98% center;
	padding-right: 15px;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	background: url(../images/rtl/arrow-on.png) no-repeat 98% center;
}

ul.menu li.active a {
	background: url(../images/rtl/arrow-active.png) no-repeat 98% center;
}

ul.menu li.active li li a {
	background: url(../images/rtl/arrow.png) no-repeat 82% 10px !important;
	padding-left: 0 !important;
	padding-right: 40px !important;
}

ul.menu li li li a {
	padding-left: 0 !important;
	padding-right: 35px !important;
	background: url(../images/bullet.gif) no-repeat 94% 10px !important;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_blank h3 span,
div.moduletable_hilite h3 span,
div.moduletable_black h3 span {
	padding-left: 0;
	padding-right: 28px;
}

/* Highlight module */
div.moduletable_hilite h3 {
	background-position: left bottom;
}

div.moduletable_hilite h3 span {
	background-position: right bottom;
}

/* Black module */
div.moduletable_black h3 {
	background-position: left bottom;
}

div.moduletable_black h3 span {
	background-position: right bottom;
}

div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3 {
}

div.module h3 span,
div.module_text h3 span,
div.module_menu h3 span,
div.module_hilite h3 span,
div.module_blank h3 span {
	padding-right: 10px;
	padding-left: 0px;
}

/*Categories Module*/
a.mainlevel {
	background: url(../images/rtl/mainlevel-bg.gif) repeat-x 98% bottom;
	padding-right: 15px;
}

a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus {
	background: url(../images/rtl/mainlevel-hover.gif) repeat-x 98% bottom;
}

a#active_menu {
	background: url(../images/rtl/mainlevel-active.gif) repeat-x 98% bottom;
}
/*****botsl*****/
#kh-botsl ul li {
	background: url(../images/dot.gif) repeat-x right bottom;
}

#kh-botsl li a {
	background: url(../images/bullet.gif) no-repeat right center;
	padding-right: 10px;
	padding-left: 0;
	display: block;
}

/* Badge Module ---*/
.badge-hot .kh-box-ct,
.badge-top .kh-box-ct,
.badge-pick .kh-box-ct,
.badge-new .kh-box-ct {
	padding: 10px 10px 10px 35px !important;
}

.badge {
	left: 0;
	right: auto;
	background-image: url(../images/rtl/icon-badge.png) !important;
}

.pagenavbar {
	background: url(../images/icon-pages.gif) no-repeat center right;
	padding-left: 0;
	padding-right: 14px;
}

.pagenavbar a {
	display: inline-block;
}

.pagenavcounter {
	background: url(../images/icon-pages.gif) no-repeat 100% 11px;
}

table.contenttoc td {
	background: url(../images/bullet.gif) no-repeat 95% 8px;
	padding: 1px 20px 1px 5px;
}

ul.menu li {
	margin:0;
	padding:0;
}

/*******************VM*******/

/*input.addtocart_button {
	background:#00A9DD url(../images/rtl/bt-addtocart1.gif) no-repeat scroll center top;
}*/

.addtocart_button_module, .notify_button {
	padding: 0 18px 2px 0;
	direction: ltr;
	text-indent: inherit;
}

.previous_page {
	background: url(../images/rtl/previous_16x16.png) no-repeat right center;
	float: right;
	padding-left: 0px;
	padding-right: 30px;
}

.next_page {
	background: url(../images/rtl/next_16x16.png) no-repeat left center;
	float: left;
	padding-left: 30px;
	padding-right: 0;
}

.browseProductImageContainer {
	float: left;
}

.browsePriceContainer, .browseRatingContainer {
	float: right;
}

.shop_info, .shop_tip {
	background-position: 98% 8px;
	padding: 15px 50px 15px 15px
}

.align {
	text-align: left !important;
}

/*******contact********/

#component-contact img {
	float: left;
}
#kh-date {right:198px;}

/* Kh-Lang
----------------------------------------------------------- */
#kh-lang {
	float: left;
	padding-left:7px;
	left: auto;
}
/* slidshow
================================*/
#kh-slid {
text-align:right;
}
.kh_eoty_wrap .eoty-controlNav {
	left: 15px;
	right: auto;
}
.kh_eoty_wrap .eoty-controlNav a {
	padding:0px 8px 5px 0;
}
/* slid-news
================================*/
.khslnews .khnewsflash{
	text-align:right;
}
.khnewsflash img{
	margin:0px 0px 0px 5px;
	float:right;
}
.khnewsflash_date{
	float:right;
	text-align:right;
	clear:right;
}
.khnsreadon{
	float:left;
	clear:left;
}
.khnewsflash img{
	margin:0px 0px 0px 5px;
	float:right;
}