/* Fonts */
@font-face {
	font-family: 'Boogaloo';
	font-style: normal;
	font-weight: 400;
	src: local('Boogaloo'), local('Boogaloo-Regular'), url(http://themes.googleusercontent.com/static/fonts/boogaloo/v3/1x_XysQB9ZwoSzu9a0nb7PesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

/* Global */
body,h1,h2,h3,h4,ul,li,label { padding: 0 0 0 0; margin: 0 0 0 0; }
body { background: #fff url('../images/bg.png'); font-family: Tahoma, Helvetica, Arial, sans-serif; }
h1 { font-size: 2.1em; font-family: Boogaloo, Verdana, Tahoma, Helvetica, Arial, sans-serif; text-transform: uppercase; }
p { padding: 0 0 0 0; margin: 12px 0 5px 0; }
ul { list-style-type: none; }
a img { border: 0px; }
p.info-text { padding-bottom: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; }

/* Adjustments */
.clear-both { clear: both; }
.color-red { color: red !important; }
.display-block { display: block !important; }
.display-inline-block { display: inline-block; }
.display-none { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.padding-5px { padding: 5px; }
.padding-10px { padding: 10px; }
.position-absolute { position: absolute; }
.text-align-center { text-align: center !important; }
.width-15 { width: 15%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-40 { width: 40%; }

/* Structure */
#wrapper {
position: relative;
	width: 82%;
	max-width: 1250px;
	min-width: 660px;
	margin: 0 auto;
	padding: 15px 15px 50px 15px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 20px #888;
	   -moz-box-shadow: 0px 0px 20px #888;
	        box-shadow: 0px 0px 20px #888;
}
#left-sidebar {
	float: left;
	width: 200px;
	padding-top: 5px;
}
.content-right {
	margin-left: 225px;
}
.content-center {
	width: 68%;
	margin: 0 auto;
}

/* Header */
#header {
	position: relative;
	padding-bottom: 10px;
}
#header .logotype {
	float: left;
	width: 220px;
}
#header .logotype img {
	display: block;
}
#header #header-links {
	float: left;
	width: 125px;
	min-height: 90px;
	padding: 0px 1px 0px 15px;
	background: url('../images/header_links_right.png') right repeat-y;
}
#header #header-links ul li a {
	display: block;
	margin: 3px 0px;
	padding: 6px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	color: #3399fc;
	line-height: 100%;
	text-decoration: none;
}
#header #header-links ul li a:hover {
	color: #ff5a19;
}
#header #header-center {
	height: 90px;
	margin-left: 361px;
	margin-right: 310px;
	background: url('../images/header_logos.png') center center no-repeat;
}

/* Slogan container */
#slogan-container {
	padding: 8px 8px 16px;
	background: #eadfc7;
	font-family: 'Finger Paint', 'Oldenburg', Georgia;
	font-size: 1em;
	color: #726841;
	font-weight: bold;
	line-height: 1.4em;
	text-shadow: 1px 1px 0px #fff;
	text-align: center;
	-webkit-border-top-left-radius: 8px;
	   -moz-border-top-left-radius: 8px;
	        border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	   -moz-border-top-right-radius: 8px;
	        border-top-right-radius: 8px;
}

/* Main menu */
#main-menu {
	position: relative;
	top: -8px;
	height: 40px;
	background: #c91213 url('../images/menu_bg.png');
	text-align: center;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	overflow: hidden;
}
#main-menu ul {
	display: inline-block;
	height: 40px;
	margin: 0 auto;
}
#main-menu ul li {
	float: left;
	border-right: 1px solid #cf1c1c;
}
#main-menu ul li a {
	float: left;
	display: block;
	height: 28px;
	padding: 12px;
	padding-bottom: 0px;
	border-right: 1px solid #ab0b0b;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}
#main-menu ul li a:hover {
	background: url(../images/menu_hover.png);
}

/* Categories navigation */
ul#categories-navigation {
	border: 1px solid #ccc;
	-webkit-border-top-left-radius: 10px;
	   -moz-border-top-left-radius: 10px;
	        border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	   -moz-border-bottom-left-radius: 10px;
	        border-bottom-left-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25);
	   -moz-box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25);
	        box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25);
	overflow: hidden;
}
ul#categories-navigation li.heading {
	display: block;
	padding: 8px 12px;
	background: #f1eded;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #888;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-shadow: 1px 1px 1px #fff;
}
ul#categories-navigation li a {
	display: block;
	padding: 10px 12px;
	border-top: 1px solid #ccc;
	background: #fff;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}
ul#categories-navigation li a:hover {
	background: #0088cf;
	color: #fff;
}


/* Sidebar products list */
ul.sidebar-products-list li.heading {
	margin-bottom: 5px;
	padding: 2px 4px;
	background: #c91313;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	letter-spacing: -0.05em;
	text-align: right;
}
ul.sidebar-products-list li {
	margin-bottom: 5px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}
ul.sidebar-products-list li a {
	display: block;
	border: 1px solid #ddd;
	background: #f5f5f5;
}
ul.sidebar-products-list li a:hover {
	background: #ffee91;
}
ul.sidebar-products-list li a {
	text-decoration: none;
}
ul.sidebar-products-list li .product-image {
	float: left;
	width: 90px;
	padding: 7px;
	background: #fff;
}
ul.sidebar-products-list li .product-image img {
	display: block;
}
ul.sidebar-products-list li .product-name {
	margin-left: 104px;
	padding: 5px 0px 5px 6px;
	font-size: 0.74em;
	color: #444;
	font-weight: bold;
}
ul.sidebar-products-list li a:hover .product-name {
	color: #ff5a19;
	text-decoration: underline;
}
ul.sidebar-products-list li .product-slogan {
	margin-left: 104px;
	padding-left: 6px;
	font-size: 0.7em;
	color: #777;
}
ul.sidebar-products-list li .product-price {
	margin-left: 104px;
	padding: 5px 6px 0px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: red;
	font-weight: bold;
}

/* Footer */
#footer {
	width: 100%;
	padding: 25px 0px;
	text-align: center;
}
#footer .info-text {
	font-family: Georgia, "Trebuchet MS", Verdana, sans-serif;
	font-size: 1em;
	color: #888;
}
#footer #copyright {
	padding-top: 15px;
	font-family: Georgia, "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.2em;
	color: #888;
}

/* Buy button */
.buy-button {
	display: inline-block;
	padding: 0.5em 1.4em;
	border: 1px solid #0a7414;
	background: #43b74e;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #888;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset;
	cursor: pointer;
}

/* Ok message */
#ok-message {
	padding: 15px 20px;
	margin-top: 5px;
	border: 4px solid #91bd8d;
	background: #daffd6;
	font-family: Helvetica, Arial, sans-serif !important;
	color: #4e9346 !important;
}
#ok-message h2 {
	padding: 0 0 5px 0 !important;
	color: #4e9346 !important;
	font-size: 1.25em !important;
	font-weight: bold !important;
}
#ok-message p {
	padding: 0 0 0 0 !important;
	margin: 5px 0 !important;
}

/* Error message */
#error-message {
	padding: 15px 20px;
	margin-top: 5px;
	border: 4px solid #d42a26;
	background: #ffd9d8;
	font-family: Helvetica, Arial, sans-serif !important;
	color: #d42a26 !important;
}
#error-message h2 {
	padding: 0 0 5px 0 !important;
	color: #d42a26 !important;
	font-size: 1.25em !important;
	font-weight: bold !important;
}
#error-message p {
	padding: 0 0 0 0 !important;
	margin: 5px 0 !important;
}
#error-message ul {
	padding-left: 20px;
	list-style-type: disc;
	font-size: 0.9em;
	line-height: 150%;
}

/* Error message page (container) */
#error-message-page {
	margin: 0px 225px;
}

/* Standard button */
.std-button {
	display: inline-block;
	padding: 8px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	background: #e3e3e3 url(../images/std_button_bg.png) top repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #333;
	font-weight: bold;
	text-shadow: 0px 1px 0px #fff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	cursor: pointer;
}
.std-button:hover {
	border: 1px solid #999;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	        box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.std-button:active {
	background: #f5f5f5;
	color: #ff5a19;
}