/* Copyright (C) joomfresh.com */

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

body {
	/*background-image: url(../images/bg.png);
	background-color: #EEEEEE;*/
	background-repeat: repeat;
	line-height: 120%;
	background-attachment: fixed;
	background-position: top;
	color: #000 !important;
}
#logo p {
	margin: 0px
}
.color, #sidebar-a .color, #sidebar-b .color {
	color: #999!important;
}
#sidebar-a .color, #sidebar-b .color {
	color: #CCC!important;
}
a {
	color: #0b3768 !important
}
#main a:hover, #bottom-a a:hover, #bottom-b a:hover {
	text-decoration: underline;
}
.borderimage {
	/*
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 0px;
	background-color: #EEEEEE;
	*/
}
.white {
	background-color: #FFF;
	padding-top: 10px;
	padding: 20px;
	padding-bottom: 0px;
	border-right: 4px dashed #EEEEEE;
	border-left: 4px dashed #EEEEEE;
}
.wrapper {
	border-bottom: none;
	background-color: #FFF;
	font-size: 14px;
	/*-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0 0 5px #CCC; */
	margin-bottom: 0px;
	margin-top: 0px;
	border-radius: 0px;
}
#content {
	/*padding: 15px;*/
	margin-bottom: 10px;
	border: none;
	border-radius: 3px;
	background-color: #EFEFEF;
	-moz-box-shadow: inset 0 0 2px #CCC;
	-webkit-box-shadow: inset 0 0 2px #CCC;
	box-shadow: inner 0 0 2px #CCC;
}
#header {
	margin-bottom: 10px !important;
	margin-top: 0px
}
#headerbar {
	margin-bottom: 0px;
	margin-top: 0px;
}
#toolbar {
	margin-bottom: 10px;
	margin-top: 10px;
}
/* Toolbar Menu Link */
#toolbar .menu-line li {
	margin-left: 7px;
	padding: 2px 8px;
	background: #333;
	border: 1px solid #000;
	border-radius: 3px;
	font-size: 10px
}
#toolbar .menu-line li a {
	color: #FFF
}
#toolbar .menu-line li a:hover {
	color: #CCC
}
/* Footer */

#footer {
	padding: 15px;
	background-color: #444;
	border: none;
	color: #CCC;
	text-align: left;
	margin-bottom: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
/* Footer link */

.footer-a {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #333
}
.copyright {
	float: right;
	font-size: 10px;
	color: #CCC;
	padding-bottom: 20px;
	margin: 0px;
	padding: 0px
}
/* Menus      ----------------------------------------------------------------------------------------------------*/

#menubar {
	background-color: #333;
	padding: 10px;
	background-color: #444;
	border: none;
	border-radius: 3px;
	font-size: 16px;
	text-transform: uppercase;
}
/* Menu Dropdown */

.menu-dropdown .dropdown {
	top: 34px;
	border-top: none;
	background-image: url(../images/dropdown-top.png);
	background-repeat: no-repeat;
	padding-top: 14px
}
.menu-dropdown li.level1 {
	padding-top: 1px;
}
/* Menu Dropdown Background */
.menu-dropdown .dropdown-bg > div {
	background-color: #333 !important;
	background-image: url(../images/dropdown-bg.png);
	background-repeat: repeat;
	color: #FFF;
	border: none;
	border-radius: 3px;
}
/* Menu Dropdown Level 1 */
.menu-dropdown a.level1, .menu-dropdown span.level1 {
	border: none;
	border-radius: 3px;
	color: #FFF
}
/* Menu Dropdown Level 2 */
.menu-dropdown a.level2, .menu-dropdown span.level2 {
	color: #FFF;
	font-size: 12px
}
.menu-dropdown li.level2 {
	margin: 0 5px;
	border-top: 1px solid #535353;
}
/* Menu Dropdown Level 3 */

.menu-dropdown ul.level3 {
	padding-bottom: 10px;
}
.menu-dropdown li.level3 {
	font-size: 11px;
	line-height: 17px;
}
.menu-dropdown li.level3:hover {
	font-size: 11px;
	line-height: 17px;
}
.menu-dropdown a.level3:hover {
	color: #FFF;
}
/* Menu Dropdown Module */

.dropdown-bg .module a {
	font-size: 10px
}
.dropdown-bg .module a:hover {
	color: #FFF
}
.dropdown-bg button, .dropdown-bg input[type='button'], .dropdown-bg input[type='submit'] {
	padding: 5px 12px !important;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #FFF !important;
	color: #444 !important;
}
/* Menu Sidebar */

.menu-sidebar li.level1 {
	border-top: 1px solid #EFEFEF;
}
/* Modules     ----------------------------------------------------------------------------------------------------*/

#headerbar .module {
	max-width: 600px;
	float: right;
	margin: 0px
}
#slider .module {
	padding: 0px;
	margin-bottom: 0px;
	border-radius: 3px;
	margin-top: 8px
}
#featured .module {
	padding: 0px;
	margin-bottom: 8px;
	margin-top: 20px;
	border-radius: 3px;
}
#innertop .mod-box {
	margin-bottom: 0px;
}
.footer-a .mod-box {
	background: none;
	border: none;
	box-shadow: none;
	color: #FFF;
}
/* Sidebar Modules */

#sidebar-a .mod-box, #sidebar-b .mod-box {
	border: 1px solid #FFF;
	border-radius: 3px;
	background-color: #EFEFEF;
	-moz-box-shadow: inset 0 0 2px #CCC;
	-webkit-box-shadow: inset 0 0 2px #CCC;
	box-shadow: inner 0 0 2px #CCC;
	margin-bottom: 10px
}
#sidebar-b .module .module-title, #sidebar-a .module .module-title {
	background-color: #444;
	padding: 10px;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: -15px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #FFF
}
/* Default Module Style */

.mod-box {
	border: 1px solid #FFF;
	border-radius: 3px;
	background-color: #EFEFEF;
	-moz-box-shadow: inset 0 0 2px #CCC;
	-webkit-box-shadow: inset 0 0 2px #CCC;
	box-shadow: inner 0 0 2px #CCC;
}
/* Breadcrumbs */

#breadcrumbs {
	margin: 15px;
	border: 1px solid #FFF;
	border-radius: 3px;
	background-color: #EFEFEF;
	-moz-box-shadow: inset 0 0 2px #CCC;
	-webkit-box-shadow: inset 0 0 2px #CCC;
	box-shadow: inner 0 0 2px #CCC;
	padding: 11px;
	padding-left: 15px
}
/* MODULE VARIATION     -----------------------------------------------------------------------------------------*/


/* Grey Box */

.grey-box {
	background-color: #EFEFEF !important;
	border: 1px solid #DDD !important;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 19px #E2E2E2 !important;
	-webkit-box-shadow: inset 0 0 19px #E2E2E2 !important;
	box-shadow: inner 0 0 19px #E2E2E2 !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	padding-top: 5px !important;
	padding-bottom: 0px;
}
/* Dark Box */
.dark-box {
	border: none;
	border-radius: 3px;
	background-color: #444;
	color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
}
.dark-box .bt-cs h3 {
	color: #FFF
}
/* Dark Box Sidebar */
#sidebar-a .dark-box, #sidebar-b .dark-box {
	border: none;
	border-radius: 3px;
	background-color: #444;
	color: #FFF;
	padding-top: 0px;
	padding-bottom: 15px;
	padding: 15px;
	margin-top: 15px !important;
}
#sidebar-a .dark-box .module .module-title {
	background-image: none !important;
	padding: 10px;
}
/* none */

.none {
	padding: 0px !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important
}
/* Tools   ----------------------------------------------------------------------------------------*/

#totop-scroller {
	display: block;
	position: absolute;
	top: inherit;
	bottom: 40px !important;
	right: 10px
}
.searchbox {
	border-radius: 2px;
	background-color: #FFF;
	border: 1px solid #585858 !important
}
.button-default {
	padding: 5px 10px;
	border: 1px solid #666;
	border-radius: 2px;
	background-color: #333;
	color: #FFF
}
.button-primary {
	padding: 5px 10px;
	border: 1px solid #C00;
	border-radius: 2px;
	color: #FFF
}
/* System    ---------------------------------------------------------------------------------------*/
form.box input, form.box select, form.box textarea, form.short input, form.short select, form.short textarea {
	height: auto;
	width: auto;
	margin: auto;
	padding: 5px 2px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #FFF;
	box-shadow: none;
	color: inherit;
	vertical-align: baseline;
	-webkit-transition: none;
	transition: none;
}
form.short button {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #FFF;
	border-radius: 2px;
	background-color: #EFEFEF;
	padding: 6px 12px
}
ul.line > li {
	border-top: 1px solid #EFEFEF;
}