/* Copyright (C) Flexible Web Design  , http://www.gnu.org/licenses/gpl.html GNU/GPL */
/*
 * Style Style Sheet - This CSS file contains all CSS rules that have to do with the color. (text, a, :hovered, border colors - background textures - background colors etc.. everything!!)
 *
 * IMPORTANT NOTICE: This CSS file contains only the color or background related CSS rules. Others stored in other CSS files.
 For instance, #header {font-size:14px} is stored in layout.css but #header {color:#777} is stored in this CSS file.
 For Customization, you will need to modify only this file (since colors are everything in terms of customization....). If you wonder which CSS rule controlS which element, you should use the "Firefox Firebug plugin". Just google it , you will find millions article about it
 *
 */



/* Backgrounds Colors (if the background is an icon, find it in /flexible_lightmart/images/ folder and edit through Adobe Photoshop without changing its resolution):
----------------------------------------------------------------------------------------------------*/
body { background-color:#F8F8F8; }
a:hover { color: #fb7142; }
ins, mark { background-color: #ddd; }
pre { background: #ddd;color:#333;}
#totop-scroller { background: url(../images/totop_scroller.png) 50% 50% no-repeat; }
#totop-scroller:hover { background-color:#333; }
#header { background:#000;}
 

div.wrapper { }
a.sep_icon { background:url(../images/sep_icons.png) no-repeat; }
#newsletterform input.newsletterinput:focus {background-color:#fff;}
.error-browser .error a { background: url(../images/error/browser_logos.png) 0 0 no-repeat; }
.error > span:before {background: url(../images/error.png) no-repeat;}
.module .badge {background: url(../images/module_badges.png) 0 0 no-repeat;}
.module .module-title .icon { background: url(../images/module_icons.png) 0 0 no-repeat; }
 
#bottom-a {background:#000;color:#fff;}
#bottom-b { background:#000; border-top:1px solid #2F2F2F;color:#fff; }
#footer { background:#000; color:#fff; }
#bottom-a a, #bottom-b a, #footer a { color:#FFF;}
#bottom-a a:hover, #bottom-b a:hover, #footer a:hover { text-decoration:underline;} 
#system a img.calendar {background: url(../../../../../system/images/calendar.png) no-repeat;}
#system #editor-xtd-buttons .button2-left {background: url(../../../../../system/images/j_button2_left.png) no-repeat;}
#system #editor-xtd-buttons .button2-left .image { background: url(../../../../../system/images/j_button2_image.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .article, #system #editor-xtd-buttons .button2-left .readmore { background: url(../../../../../system/images/j_button2_readmore.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .pagebreak { background: url(../../../../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.tip-wrap {	background: #ffc;}
.tip-title {background: url(../../../../../system/images/selector-arrow.png) no-repeat;}
#system-message dd.error { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
#system-message dd.notice { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
#system-debug {background: #fff;color: #333;}
.searchbox input { background: url(../images/searchbox_magnifier.png) right  center no-repeat; background-color:#eee;}
.searchbox input:focus { background-color:#FFF;}
.searchbox.filled button {background: url(../images/searchbox_reset.png) 50% 50% no-repeat; }
.searchbox.loading button { background: url(../images/searchbox_loader.gif) 50% 50% no-repeat; }
.searchbox .results { background: #333; }
.searchbox .results li.result.selected { background-color: #555; }
.breadcrumbs a, .breadcrumbs > span {background: url(../images/bread_sep.png) 100% 50% no-repeat;}
#system .author-box {background: #fafafa;}
#system .author-box .avatar {background: #fff;}
#system #comments .comment-head { background: #fafafa;}
#system #comments .comment-byadmin .comment-head { background: #faffe6; }
#system #comments ul.level1 ul { background: url(../images/comments_arrow.png) 0 0 no-repeat; }
#system span.highlight { background-color: #ffffaa; }
ul.check > li {background: url(../images/tools/list_check.png) 0 0 no-repeat;}
ul.zebra > li.odd, table.zebra tbody tr.odd { background: #fafafa; }
ul.zebra > li:nth-of-type(odd), table.zebra tbody tr:nth-of-type(odd) { background: #ddd; }
em.box { border: 1px dotted #bbb; background: #fafafa; color: #444; }
hr.dotted { background: url(../images/tools/line_dotted.png) 0 0 repeat-x; }
.box-content { background: #ddd; border: 1px solid #ccc; }
.box-note, .box-info, .box-warning, .box-hint, .box-download { background: #EFEFEF; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.box-info { background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat; border-color: #d2dce1; }
.box-warning { background: #fff0eb url(../images/tools/box_warning.png) 0 0 no-repeat; border-color: #ffd7cd; }
.box-hint { background: #fffae6 url(../images/tools/box_hint.png) 0 0 no-repeat; border-color: #fae6be; }
.box-download { background: #faffe6 url(../images/tools/box_download.png) 0 0 no-repeat; border-color: #dce6be; }
form.box legend { background: #fff; }
div#toolbar {background-color:#000;}

/* Text Colors:
----------------------------------------------------------------------------------------------------*/
body {color: #333;}
a { color: #333; cursor:pointer; }
#toolbar a, #toolbar {color:#fff;}
#toolbar a:hover { color:#fb7142;}
#checkoutForm div.checkout-button-top a.vm-button-correct {
	background:#fb7142;
	font-size:16px;
}
h1, h2, h3, h4, h5, h6 {color:#666 ;}
mark { color: #444; }
#toolbar p {color:#888;}
 
 

.tip-wrap {color: #323232;}
#system .title a { color: #D3D5C8; }
#system small { color: #999; }
#system .item > header .subtitle { color: #777; }
.searchbox input {color:#777;}
.searchbox input:-moz-placeholder { color: #D5D3C8; }
.searchbox input:-ms-input-placeholder { color: #D5D3C8; }
.searchbox input::-webkit-input-placeholder { color: #D5D3C8; }
.searchbox input.placeholder { color: #D5D3C8; }
#system #respond h3 { color: #444; }
.comments-list .meta { color: #999; }
#system label.invalid { color: #ff0000; }
#system #editor-xtd-buttons .button2-left a:hover {color: #0B55C4;}
#system .item > header .meta { color: #999; }
#system .author-box .name { color: #444; }
form.short input { color: #333; }
form.short input:-moz-placeholder { color: #999; }
form.short input::-webkit-input-placeholder { color: #999; }
form.short input.placeholder { color: #999; }
.button-primary {color: #FFF;background: #48b;}
.button-primary:hover { color: #FFF; background: #d50; }
table.zebra caption { color: #999; }
.red {color:#F00;}
.white {color:#FFF;}
h6.footertext {text-transform:uppercase; margin:5px 0;}



/* Border Colors
----------------------------------------------------------------------------------------------------*/
hr { border-top-color: #ccc; }
pre { border: 1px solid #ccc;}
.tip-wrap {border: 1px solid #777;}
#system-message dd {border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;color: #0055BB;}
#system .items .item {border-top: 1px solid #ddd;}
#system .pagination a, #system .pagination strong { border: 1px solid #777; }
.searchbox .results {border: 1px solid #444;}
.searchbox .results li.results-header { border-bottom: 1px solid #777; }
.searchbox .results li.more-results { border-top: 1px solid #ddd; }
.searchbox .results li.result { border-top: 1px solid #777; }
#system .author-box {border-top: 1px solid #777; border-bottom: 1px solid #777; }
#system .author-box .avatar {border: 1px solid #777;}
#system #comments .comment-head {border: 1px solid #777;}
#system #comments .comment-byadmin .comment-head { border: 1px solid #777;}
.comments-list > article { border-top: 1px solid #777; }
#system .items .leading .item {border-bottom: 1px solid #777;}
#system .item-list { border-top: 1px solid #777; }
#system .invalid { border-color: #ff0000; }
.button-default {border: 1px solid #777;}
img.border-box { border: 1px solid #777; }
ul.zebra > li, table.zebra tbody td { border-bottom: 1px solid #ccc; }
ul.zebra > li:first-child, table.zebra tbody tr:first-child td { border-top: 1px solid #ccc; }
dl.separator dd {border-color: #777;}
dl.separator dt:before {border-top: 1px solid #777;}
dl.separator dt:after {border: 1px solid #DDD;background: #FFF;}
form.box fieldset { border: 1px solid #777; }
ul.line > li { border-top: 1px solid #777; }



/* Menu Colors - CSS rules for Color Scheme in Main Menu(Dropdown) and the Side-Bar Menu(accordion)
----------------------------------------------------------------------------------------------------*/
.menu-dropdown a.level1, .menu-dropdown span.level1 { 	color: #fff;}
.menu-dropdown li.active .level1 { color:#fff;}
div#menubar ul.menu li.level1:hover span.menuArro {display:block;width:100%; background:url(../images/mainmenuArrowHover.png) center bottom no-repeat; height:7px;margin-top:-7px;}
div#menubar ul.menu li.level1.remain, div#menubar ul.menu li.level1:hover {background:#fb7142;}
div#menubar ul.menu li.level1 a.level1:hover, div#menubar ul.menu li.level1 span.level1:hover {color:#FFF;}


.menu-dropdown .dropdown-bg > div {}
.menu-dropdown div.dropdown-bg div.column ul.level2:hover {}
.menu-dropdown li.level2 {}
.menu-dropdown span.level2 { color: #333; }
.menu-dropdown a.level2, .menu-dropdown a.level3 {color:#fff;}
.menu-dropdown a.level2:hover, .menu-dropdown a.level3:hover { color: #fb7142; }
.menu-dropdown a.sale { color:#FF0000; }
 
 
.menu-sidebar a.sale { color:#FF0000; font-weight:bold; }
.menu-sidebar a.level1.current, .menu-sidebar a.level1.active, 
.menu-sidebar a.level2.current, .menu-sidebar a.level2.active, 
.menu-sidebar a.level3.current, .menu-sidebar a.level3.active, 
.menu-sidebar a.level4.current, .menu-sidebar a.level4.active, 
.menu-sidebar a.level5.current, .menu-sidebar a.level5.active { text-decoration:underline; color:#333; }
.menu-sidebar a.level2.current, 
.menu-sidebar a.level3.current, 
.menu-sidebar a.level4.current, 
.menu-sidebar a.level5.current {background: url(../images/menu-sidebar_active.png) left center no-repeat; }
.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar a.level2, .menu-sidebar a.level3, .menu-sidebar a.level4, .menu-sidebar a.level5  {  color: #888; }
.menu-sidebar span.level2, .menu-sidebar span.level3, .menu-sidebar span.level4 { color:#333;}
.menu-sidebar .level2 a > span:hover {  color: #ff0000; }
.menu-line li { border-left:1px solid #333; }