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

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


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#breadcrumbs,
#content { margin: 15px; }

#toolbar,
#header,
#footer { margin: 0 15px; }

#menu .module { margin: 10px 5px; }

#headerbar .module {
	margin-top: 0;
	margin-bottom: 0px;
}
#headerbar .module img { float:right; }

#footer .module { margin: 0; }


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

/* Main Header Background */
#main_header {
	background: url(../images/header-background.png) center top repeat-x; height: 171px;
	position:relative;
}


/* Blocks*/

#block-toolbar {
	padding: 5px 0;
	background: none;
}

#block-header {
	padding: 0px 0px 10px;
	background: none;
	/*box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;*/
}

#block-main {
	padding: 15px 0;
	background: none;
}

#block-bottom {
	padding: 15px 0;
	background: #333;
	box-shadow: 0 -1px 0 rgba(255,255,255,0.05) inset;
	color: #777;
}

body#page { background: #ffeaae url(../images/back-strips.png) center top no-repeat; }
#block-footer {
	padding: 1px 0 15px; height: 190px;
	background: url(../images/footer-bg.jpg) left top repeat-x;
}
#block-footer p { line-height: 1.5; color: #FFA98B; }
#block-footer p a { color: #FFA98B; }
/* Header */
#toolbar {
	line-height: 26px;
	font-size: 12px;
}

#header { min-height: 40px; }

#menu {
	clear:both; display:block; float:right; 
}
#header #headerbar .module { width: auto; max-width: none; }
#header #headerbar .module p { margin:0; }

.shop-online { display:block; height: 102px; }

/* Block Separators */
#top-b:after,
#innertop:after {
	content: "";
	display: block;
	margin: 0 15px;
	height: 1px;
	background: url(../images/line_dotted.png) 0 0 repeat-x;
}

#bottom-a:before,
#innerbottom:before {
	content: "";
	display: block;
	margin: 0 15px;
	height: 1px;
	background: url(../images/line_dotted.png) 0 0 repeat-x;
}

/* Remove Block Separators if System Output is disabled */
#header + #bottom-a:before,
#top-a + #bottom-a:before,
#top-b + #bottom-a:before { display: none; }

/* Footer + Header */
#toolbar,
#toolbar a,
#headerbar,
#footer { color: #fff; }
#headerbar a,
#footer a { color: #fff; }
#toolbar a:hover,
#headerbar a:hover,
#footer a:hover { color: #fff; }

/* Footer */
#footer {
	font-size: 12px;
	line-height: 18px;
}

#totop-scroller {
	display: block;
	position: absolute;
	top: -26px;
	left: 50%;
	z-index: 1;
	width: 27px;
	height: 15px;
	margin-left: -13px;
	background: #1f1f1f url(../images/totop_scroller.png) 50% 7px no-repeat;
	box-shadow: 0 -1px 0 rgba(255,255,255,0.05);
	border-radius: 3px;
	text-decoration: none;
}

#totop-scroller:hover {
	top: -31px;
	padding-bottom: 5px;
}

/* Content Section Design */
#block-main .wrapper { background: url(../images/border-bottom.png) center bottom no-repeat; padding-bottom: 17px; position: relative; }
#block-main .wrapper #main { background: url(../images/border-top.png) center top no-repeat; padding-top: 17px; }
#block-main .wrapper #main .inner-bg { background: #fff; }
.page.home #block-main .wrapper #main .inner-bg { padding: 0px 20px; }
#top-a .grid-box .module { margin: 0px; }
.sidebar-inner { font-size: 12px; }
.right-sidebar-top { position:absolute; width: 100%; left: 0; right: 0; top: -50px; height: 50px; background: #F19021; }
#sidebar-b, #sidebar-a { position: relative; background: #f19021; }
#sidebar-b {}
.sidebar-a-left .inner-bg { padding: 0px 20px; }
#sidebar-b .sidebar-inner {}

#sidebar-b .sidebar-inner-bg, #sidebar-a .sidebar-inner-bg { background: url(../images/yellow-bottom.png) -21px bottom repeat-x; width: 100%; position: absolute; bottom: -17px; left: 0px; height: 19px;}
#sidebar-a .sidebar-inner-bg { background-position: -6px bottom; }
#sidebar-a .sidebar-inner-tbg { background: url(../images/yellow-top.png) -6px top repeat-x; top: -17px; left: 0px; height: 19px; position:absolute; width: 100%; }

#bottom-a:before, #innerbottom:before { background: none; }

.page.home.page #block-main .module, .page.home.page #block-main #breadcrumbs, .page.home.page #block-main #content { margin: 15px 15px 15px 0; }
#block-main .module, #block-main #breadcrumbs, #block-main #content { margin: 15px 0px 15px 15px; }
#block-main #innertop #content { margin: 0px 0px 15px 15px; }
#main #sidebar-b .module,
#main #sidebar-a .module { margin: 20px 15px 0px; padding: 0; }

#main #sidebar-b .module ul li.smart-post-list-delimiter,
#main #sidebar-a .module ul li.smart-post-list-delimiter { width:100%; }
#main .module .smart-post-list-single-container a.smart-post-list-title { font-size: 11px; font-family: "OpenSans"; }

.page.home.page #top-a .grid-box .module { margin: 0px; }
body #top-b:after, body #innertop:after, body #bottom-a:before, body #innerbottom:before { border: none; background: none; }