/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/rtl.css);


/* Layout
----------------------------------------------------------------------------------------------------*/

#logo {
	margin-right: 0;
	margin-left: 30px;
	float: none;
}

#totop-scroller {
	right: auto;
	left: 0;
}


/* Menus
----------------------------------------------------------------------------------------------------*/

/* Mega Drop-Down Menu */

.menu-dropdown li.level1 {
	margin-right: 0;
	margin-left: 10px;
}

.menu-dropdown li.parent a.level1 > span,
.menu-dropdown li.parent span.level1 > span { 
	padding-right: 12px;
	padding-left: 40px;
	background-position: 0 0;
}

.menu-dropdown li.parent.active .level1 > span,
.menu-dropdown li.parent:hover .level1 > span,
.menu-dropdown li.parent.remain .level1 > span { background-position: 0 -50px; }

/* Drop-Down */
.menu-dropdown .dropdown {
	border-top-right-radius: 0;
	border-top-left-radius: 6px;
}

.menu-dropdown .dropdown-bg > div {
	border-radius: 6px 0 6px 6px;
}

.menu-dropdown .dropdown.flip,
.menu-dropdown .dropdown.flip .dropdown-bg > div  { 
	border-top-right-radius: 6px;
	border-top-left-radius: 0; 
}

.menu-dropdown li.level3 { 
	background-image: url(../images/rtl/menu_dropdown_level3.png);
	background-position: 100% 0;
	padding-left: 0;
	padding-right: 27px;
}

.menu-dropdown li.level3:hover { background-position: 100% -50px; }


/* Sidebar/Accordion Menu */
#page .menu-sidebar li.level1 > .level1:hover { border-radius: 0 6px 6px 0; }

.menu-sidebar a.level1:hover, 
.menu-sidebar span.level1:hover {
	margin-left: 0;
	margin-right: -5px;
	padding-left: 0;
	padding-right: 5px;
}

.menu-sidebar a.level1 > span, 
.menu-sidebar span.level1 > span {
	background-position: 0 0;
}

.menu-sidebar a.level1:hover > span, 
.menu-sidebar span.level1:hover > span { 
	margin-right: 0;
	margin-left: -16px;
	padding-left: 0;
	padding-right: 20px;
	background-position: 0 -50px;
}

#page.sidebar-a-right .menu-sidebar li.level1 > .level1:hover,
#page.sidebar-b-right .menu-sidebar li.level1 > .level1:hover  { border-radius: 6px 0 0 6px; }

.sidebar-a-right .menu-sidebar a.level1:hover, 
.sidebar-a-right .menu-sidebar span.level1:hover,
.sidebar-b-right .menu-sidebar a.level1:hover, 
.sidebar-b-right .menu-sidebar span.level1:hover { 
	margin-left: -5px;
	margin-right: 0;
	padding-left: 5px;
	padding-right: 0;
}

.sidebar-a-right .menu-sidebar a.level1:hover > span,
.sidebar-a-right .menu-sidebar span.level1:hover > span,
.sidebar-b-right .menu-sidebar a.level1:hover > span,
.sidebar-b-right .menu-sidebar span.level1:hover > span {
	margin-right: -16px;
	margin-left: 0;
	padding-left: 0;
	padding-right: 26px;
	background-position: 100% -100px;
}

.menu-sidebar ul.level2 ul { 
	padding-left: 0;
	padding-right: 10px; 
}

.menu-sidebar ul a > span { background-position: 100% 0; }

.menu-sidebar ul a:hover > span,
.menu-sidebar ul .current > span { background-position: 100% -50px; }

.menu-sidebar .level2 a > span { 
	padding-left: 0;
	padding-right: 30px; 
}

/* Line Menu */

.menu-line li {
	margin-left: 0;
	margin-right: 7px;
	padding-left: 0;
	padding-right: 8px;
	background-position: 100% 50%;
}

.menu-line li:first-child {
	margin-right: 0;
	padding-right: 0;
}


/* Modules
----------------------------------------------------------------------------------------------------*/

.mod-box .badge {
	right: auto;
	left: -10px;
}

.grid-h .mod-line:before {
	left: auto;
	right: -17px;
}


/* Tools
----------------------------------------------------------------------------------------------------*/

/* Buttons */
.button-default,
.mod-box-default .button-default { 
	padding: 0 27px 0 15px;
	margin-right: 0;
	margin-left: 20px;
	background-position: 100% 0;
}

.button-default:hover {
	border-radius: 0 6px 6px 0;
	background-position: 100% -50px;
}

.button-default:before {
	right: auto;
	left: -14px;
	background-position: 14px 0;
}

/* Check List */
ul.check > li {
	padding-left: 0;
	padding-right: 30px;
	background-position: 100% 0;
}

/* Definition Lists */
dl.separator dd { border-width: 0 1px 0 0; }

dl.separator dt:before {
	right: auto;
	left: -15px;
}

dl.separator dt:after {
	right: auto;
	left: -3px;
}


/* System-All
----------------------------------------------------------------------------------------------------*/

/* Item */
#system .item > .links a { 
	padding: 0 27px 0 15px;
	background-position: 100% 0;
}

#system .item > .links a:hover {
	border-radius: 0 6px 6px 0;
	background-position: 100% -50px;
}

#system .item > .links a:before {
	right: auto;
	left: -14px;
	background-position: 14px 0;
}

#system .item > .links a:hover:before { 
	background-position: 0 0; 
}

/* Pagination */
#system .pagination a.next { background-position: 0 -30px; }
#system .pagination a.previous { background-position: 0 0; }
#system .pagination a.previous:hover { background-position: 0 -60px; }
#system .pagination a.next:hover { background-position: 0 -90px; }


/* Search Box */
.searchbox { background-position: 100% 50%; }

.searchbox .results {
	right: auto;
	left: -1px;
}

#sidebar-a .searchbox,
#sidebar-b .searchbox { 
	padding-right: 50px;
	padding-left: 35px;
}

/* Breadcrumgs */
.breadcrumbs a,
.breadcrumbs > span {
	padding-right: 0;
	padding-left: 15px;
	margin-right: 0;
	margin-left: 7px;
	background-position: 0 50%;	
}

/* Comments */
#system #comments ul.level1 ul { background: url(../images/rtl/comments_arrow.png) 100% 0 no-repeat; }	


/* Custom
----------------------------------------------------------------------------------------------------*/

/* Footer Icons */
ul.footer-icons li { 
	padding-left: 0;
	padding-right: 28px;
	background-position: 100% 0;
}

ul.footer-icons li.phone { background-position: 100% -50px; }

/* Contact Footer */
.contact-footer .box-content > .grid-box:first-child { border-width: 0 0 0 1px; }

.contact-footer .box-content > .grid-box:first-child > * { 
	margin-left: 15px; 
	margin-right: 5px; 
}

.contact-footer .grid-gutter > .grid-box + .grid-box > * { 
	margin-left: 5px; 
	margin-right: 15px; 
}

.contact-footer form.style button {
 	right: auto;
 	left: 0;
 	border-radius: 5px 0 0 5px;
	background-position: 0 0;
	background-image: url(../images/rtl/tools/input_button.png);
}

.contact-footer form.style input { 
	padding-right: 7px;
	padding-left: 40px;
}