@charset "utf-8";
/*
	Name: Olympos
	Date: Febrouary 2014
	Description: Layout for Olympos
	Version: 1.0
	Author: Altec Software
	Author URI: http://www.altecsw.gr
*/

/* Imports */
@import url("reset.css");

/* ==========================================================================
   Basic Styles
   ========================================================================== */

/* Body */
html, body { height: 100%; }
body {
	background: #e7e7e7;
	color: #575757;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
}
select, input, textarea, button { 
	font-family: inherit;
	font-size: inherit;
}
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* Headings */
h1 { font-size: 1.714em; }	/* 24px */
h2 { font-size: 1.571em; }	/* 22px */
h3 { font-size: 1.429em; }	/* 20px */
h4 { font-size: 1.286em; }	/* 18px */
h5 { font-size: 1.143em; }	/* 16px */
h6 { font-size: 1em; }	/* 14px */

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* Anchors */
a img {
	border: 0px;
	text-decoration: none;
}
a {
	color: #000;
	cursor: pointer; 
	outline: 0;
	text-decoration: none;
}
a:hover, a:active { text-decoration: underline; }

/* Paragraphs */
p { margin-bottom: 10px; }
* p:last-child { margin-bottom: 0; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

::-moz-selection {
	background: #1080c4;
	color: #fff;
}
::selection {
	background: #1080c4;
	color: #fff;
}

/* Quotes */
blockquote { font-style: italic; }

/* ----- Tables ----- */
/* Thead */
thead th { padding: .5em .4em; text-align: left; }

/* Tbody */
tbody td { padding: .5em .4em; }
	
/* Lists */
ul, ol { margin-left: 2em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
	
/* Miscellaneous */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix { display: block; }
*+html .clearfix { min-height: 1%; }

.hide { display: none; }

button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */
button { 
	background: transparent;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
	overflow: visible;
	width: auto;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea {
	background-color: #f0f0f0;
	border: 1px solid #c0c0c0;
	color: #383838;
	padding: 4px;
}
.even input[type="text"],
.even input[type="tel"],
.even input[type="email"],
.even input[type="number"],
.even input[type="password"],
.even select,
.even textarea { background-color: #fff; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input::-ms-clear { display: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input::-moz-focus-inner { border: 0; }
textarea:focus, input:focus{ outline: none; }
select { padding: 3px; }

::-webkit-input-placeholder {
	color: #858585;
	font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #858585;
	font-style: italic;
}

/* Forms Inputs Error */
.forms input.error,
.forms textarea.error,
.forms select.error {
	background: url(../images/warning.png) right 5px no-repeat #ffe6e6!important;
	border: 1px solid #ec9999!important;
	color: #c4161c!important;
}
.forms select.error { background: none; }
.forms label.error { display: none!important; }

.forms ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.forms li { margin-top: 10px; }
.forms li:first-child { margin-top: 0; }
.forms fieldset {
	border: 1px solid #c0c0c0;
	padding: 10px;
}
.forms legend {
	color: #666;
	font-size: 16px;
	padding: 0 10px;

	width: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.forms label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 100px;
}
.forms textarea { 
	height: 150px;
	resize: vertical;
	width: 292px;
}

/* Tables */
.tables {
	border: 1px solid #d0d0d0; 
	border-collapse: separate!important;
	border-spacing: 1px;
	width: 100%;
}
.tables td { 
	color: #333;
	padding: 3px 5px;
}
.tables th {
	background-color: #1080c4;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 5px;
}
.tables .odd { background-color: #ededed; }
.tables .even { background-color: #e0e0e0; }

.nobr { white-space: nowrap!important; }
.ta-center { text-align: center!important; }
.ta-right{ text-align: right!important; }
.message-successful {
	background-color: #d5fff1;
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #48a284;
	color: #48a284;
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 5px 5px 34px;
}
.message-unsuccessful {
	background-color: #ffe6e6;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #ec9999;
	color: #c4161c;
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 5px 5px 34px;
}
.message-warning {
	background-color: #fff7cd;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #e8d988;
	color: #8f650b;
	display: block;
	margin-bottom: 10px;
	padding: 5px 5px 5px 34px;
}
.required-text { color: #cc0000; }
.separator, .big-separator {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	margin: 15px 0;
	width: 100%;
}
.big-separator { margin: 20px 0; }

/* ==========================================================================
   Layout
   ========================================================================== */

.wrapper {
	margin: 0 auto;
	width: 940px;
}
.one-forth {
	float: left;
	margin-left: 20px;
	width: 220px;
}
.one-third {
	float: left;
	margin-left: 20px;
	width: 300px;
}
.one-half {
	float: left;
	margin-left: 20px;
	width: 460px;
}
.first { margin-left: 0!important; }
.content { padding-bottom: 50px; }
.header {
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	margin-bottom: 25px;
}
h1.logo {
	float: left;
	margin: 10px 0;
	overflow: hidden;
}
.sidebar {
	float: left;
	margin-right: 20px;
	width: 220px;
}
.has-sidebar {
	float: left;
	width: 700px;
}
.sidebar-right {
	margin-right: 0!important;
	margin-left: 20px;
}
.sidebar-title {
	background-color: #1080c4;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 10px;
}
.button-wrapper { text-align: right; }

/* Search */
.search .search-field {
	background: #fff;
	border: none;
	color: #666;
	float: left;
	height: 30px;
	line-height: 28px;
	padding: 0 5px;
	position: relative;
	width: 220px;
}
.search .search-button {
	background: none;
	background-image: url(../images/items.png);
	background-repeat: no-repeat;
}
.search .search-button {
	background-position: right top;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	margin-left: 0;
	text-indent: -9999px;
	width: 30px;
	
	*font-size: 0;
	text-transform: capitalize;
}
.search .search-button:hover { background-position: right -50px; }

/* Icons */
.icon-basket {
	background-image: url(../images/icon_basket.png);
	background-repeat: no-repeat;
	float: left;
	height: 23px;
	margin-right: 10px;
	width: 23px;
}

.welcome-message {
	float: left;
	font-size: 13px;
	margin: 10px 0 0 20px;
}
.welcome-message span { font-weight: bold; }

/* Top Menu */
.top-menu {
	float: right;
	margin-top: 10px;
}
.top-menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.top-menu li {
	float: left;
	margin-left: 3px;
}
.top-menu li a {
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	position: relative;
	white-space: nowrap;
}

/* Main Menu */
.main-menu { clear: both; }
.main-menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-menu > ul > li > a {
	background-color: #1080c4;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 10px;
	text-align: center;
}
.main-menu > ul > li > a:hover {
	background-color: #0c75b5;
	text-decoration: none;
}


/* Breadcrumb */
#breadcrumb {
	font-size: 13px;
	line-height: 1em;
	margin-bottom: 20px;
}
#breadcrumb ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#breadcrumb li { display: inline;  }

/* Sidebar Menu */
.sidebar-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-menu li {
	line-height: 1em;
	margin-top: 1px;
}
.sidebar-menu li:first-child { margin-top: 0; }
.sidebar-menu li a {
	display: block;
	padding: 8px 10px;
}
.sidebar-menu li a:hover,
.sidebar-menu li a.current {
	background-color: #f0f0f0;
	text-decoration: none;
}
.sidebar-menu li a.current { text-decoration: none; }

/* Sorting */
.sort-wrapper {
	border-bottom: 1px solid #c0c0c0;
	font-size: 13px;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 4px 0 4px 0;
}
.sort-wrapper select { background: #fff; }
.items-number { float: left; }
.sort-by { 
	float: left;
	margin-left: 20px;
}
.limiter { float: right; }

/* Pagination */
.pages { text-align: center; }
.pages ol {
	background: #fff;
	border: 1px solid #c7c7c7;
	height: 30px;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}
.pages li { 
	float: left;
	text-align: center;
}
.pages li.current a {
	background: #f0f0f0;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	color: #333;
	cursor: default;
	font-weight: bold;
}
.pages li:first-child.current a { border-left: none; }
.pages li.current a:hover { text-decoration: none; }
.pages li a {
	color: #666;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
.pages li a:hover {
	color: #333;
	text-decoration: none;
}


/* ==========================================================================
   Home Page
   ========================================================================== */

.homepage-content { padding-bottom: 30px; }
/* Frontpage Slider */
.featured {
	height: 400px;
	position: relative;
}

.featured div.slideshow {
	margin: 0 auto;
	width: 940px;
}
.slideshow ul.slides {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slideshow ul.slides li {
	height: 400px;
	overflow: hidden;
	width: 940px;
}

/* Featured Navigation */
.featured-nav { 
	text-align: center;
	width: 100%;
	z-index: 997;
}
ul.featured-nav-list {
	list-style: none;
	margin: 0;
}
ul.featured-nav-list li {
	position: absolute;
	margin-top: -50px;
	top: 50%;
	z-index: 15;
}
ul.featured-nav-list li.featured-previous { left: 0; }
ul.featured-nav-list li.featured-next { right: 0; }
ul.featured-nav-list li a {
	background-image: url(../images/slider_arrows.png);
	background-repeat: no-repeat;
	display: block; 
	width: 39px;
	height: 56px;
	text-indent: -9999px;
}
ul.featured-nav-list li.featured-previous a { background-position: right top; }
ul.featured-nav-list li.featured-next a { background-position: right -152px; }
ul.featured-nav-list li.featured-previous a:hover { background-position: right -76px; }
ul.featured-nav-list li.featured-next a:hover { background-position: right -227px; }



/* ==========================================================================
   News
   ========================================================================== */

/* News List */
#news time {
	color: #878787;
	font-size: 12px;
}
#news ul.news-items {
	list-style: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}
#news ul.news-items li {
	border-bottom: 1px dotted #d7d7d7;
	margin-bottom: 10px;
	padding-bottom: 10px
}
#news ul.news-items li h5 {
	font-size: 15px;
	margin: 0;
}

/* News Single Post */
#news-single-post { padding-right: 20px; }
#news-single-post h3 {
	font-size: 16px;
	margin: 0;
}
#news-single-post time {
	color: #878787;
	font-size: 12px;
}
#news-single-post .news-single-post-entry { margin-top: 20px; }
.news-post-image {
	float: left;
	margin: 0 10px 10px 0;
}
.news-post-image img { max-width: 250px; }

/* ==========================================================================
   Search Results
   ========================================================================== */

#search-results ul.search-results-items {
	list-style: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}
#search-results ul.search-results-items li {
	border-bottom: 1px dotted #d7d7d7;
	margin-bottom: 10px;
	padding-bottom: 10px
}
#search-results ul.search-results-items li h5 {
	font-size: 15px;
	margin: 0;
}
#search-results .search-results-category {
	color: #878787;
	font-size: 12px;
}

/* ==========================================================================
   Flipbook Page
   ========================================================================== */

.flipbook-page .wrapper {
	height: 100%;
	margin: 0 auto;
	min-width: 550px;
}
.flipbook-page .main-container { height: 100%; }
.flipbook-page .header {
	border-top: 1px solid #efa739;
	height: 40px;
	padding: 0 20px;
	position: relative;
}
.flipbook-page .logo {
	float: left;
	height: 40px;
	margin: 0;
	overflow: hidden;
}
.flipbook-page .top-menu { margin-right: 20px; }
.flipbook-page .content {
	background-color: #f7f7f7;
	bottom: 0;
	overflow: auto;
	position: absolute;
	top: 40px;
	width: 100%;
}

/* Quick Cart */
.flipbook-page .quickcart a {
	background-color: #efa739;
	float: right;
	margin-top: 5px;
}

/* Catalogue Menu */
.flipbook-page .catalogue-menu {
	float: left;
	margin-left: 10px;
	position: relative;
	z-index: 1000;
}

/* Contact Form */
.contact-form-wrapper {
	float: left;
	width: 940px;
}
#contact-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#contact-form li { margin-top: 10px; }
#contact-form li:first-child { margin-top: 0; }
#contact-form fieldset {
	border: 1px solid #c0c0c0;
	padding: 10px;
}
#contact-form legend {
	color: #666;
	font-size: 16px;
	padding: 0 10px;
}
#contact-form label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 100px;
}
#contact-form textarea { 
	height: 150px;
	resize: vertical;
	width: 700px;
}
.contact-form-info { font-size: 13px; }
.contact-form-button-wrapper { text-align: right; }

/* Contact Details */
.contact-map iframe {
	border: 1px solid #b0b0b0;
	padding: 1px;
}
.contact-details-wrapper {
	float: left;
	margin-left: 20px;
	width: 460px;
}
.contact-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contact-details li {
	clear: both;
	margin-bottom: 5px;
}
.contact-details li label {
	float: left;
	font-weight: bold;
	width: 100px;
}
.contact-details li span {
	float: left;
	width: 360px;
}

/* ==========================================================================
   Login
   ========================================================================== */
   
.login { background: #e7e7e7; }
.login .header {
	background: none;
	margin: 100px 0 0 0;
}
.login .header .wrapper {
	background-image: url(../images/login_header_bg.png);
	background-repeat: repeat-x;
	padding-bottom: 30px;
}
.login .header .logo { margin-left: 30px; }
.login .content { padding: 0; }
.login .content .wrapper {
	background-color: #fff;
	padding: 40px 30px 30px;
	position: relative;
	width: 880px;
}
.login .section-title {
	background-color: #1080c4;
	color: #fff;
	padding: 10px;
	position: absolute;
	top: -20px;
	width: 200px;
}
.login .forms ul { margin-bottom: 10px; }

/* ==========================================================================
   Footer
   ========================================================================== */

/* Primary footer */
.primary-footer {
	background-color: #ababab;
	padding: 20px 0;
}
.bottom-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bottom-menu { font-size: 13px; }
.bottom-menu h3 {
	border-bottom: 1px solid #e7e7e7;
	color: #000;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 7px 0;
}

/* Main footer */
.main-footer {
	color: #666;
	font-size: 13px;
	padding: 10px 0;
}
.footer-text { text-align: center; }
.powered-by { float: right; }

/* ==========================================================================
   Buttons
   ========================================================================== */

.submit-button {
	background-color: #1080c4;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 15px;
}
.submit-button:hover { background-color: #000; }
.update-button {
	background-color: #878787;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin-top: 2px;
	padding: 5px 10px;
}
.update-button:hover {
	background-color: #808080;
	text-decoration: none;
}
.button-disabled { 
	cursor: default;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
.ui-autocomplete li a {margin:0; padding:0; line-height: 1.429; font-size: 12px;}