/*
-----------------------------------------------
project :   skafatos.gr
author	:   WEBMAN
date	:   01|08|2009
----------------------------------------------- */

/* Imported CSS [menus etc]
----------------------------------------------- */
/*@import url(highslide.css);*/ /* Photo Slides Menu */

/* Generic CSS
----------------------------------------------- */
body
{
background:url(../_gfx/body-bg.jpg) center top no-repeat fixed;
padding:30px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}
p{
padding:2px;
margin:0px;
}
h2 { margin: 0px; padding: 0px; }
#main_container{
width:1000px;
height:auto;
margin:auto;
padding:0px;
background-color:#FFFFFF;
}
#header{
width:1000px;
height:136px;
background:url(../_gfx/header_bg.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}
a.orange { color: #ff8a00; text-decoration: none; }
a.orange:hover { color: #ff8a00; text-decoration: underline; }
#logo{
float:left;
padding:45px 0 0 15px;
}
#main_content{
clear:both;
}
label { float: left; margin: 10px 0px 0px 10px !important; padding: 0px !important; color: #8e8e8e; }
.languages{
float:right;
width:150px;
padding:8px 0 0 0;
}
.lang_text{
float:left;
padding:0 5px 0 0;
color:#1DA1CF;
}
a.lang{
display:block;
float:left;
padding:0 5px 0 5px;
}
.top_right{
width:728px;
float:right;
}
.big_banner{
float:right;
padding:40px 10px 0 0;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:1000px;
height:36px;
background:url(../_gfx/bg_topmenu.jpg) repeat-x;
border-top: solid 1px #fff;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px;
margin:0px; padding:0px;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:36px;
}
ul.menu li.divider {
display:inline;
width:4px;
height:36px;
float:left;
background:url(../_gfx/menu_divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#fff;}

a.nav:hover {
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#f6ff86;}

a.on { color:#f6ff86 !important; }

/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:980px;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(../_gfx/navbullet.png) no-repeat left;
background-position:5px 8px;
}
.crumb_navigation a{
color:#0fa0dd;
text-decoration:underline;
}
a:hover{
color:#0fa0dd;
text-decoration:none;
}
.crumb_navigation span{
padding:5px 0px 0 20px;
background:url(../_gfx/navbullet.png) no-repeat left;
background-position:5px 8px;
}

/*-------------left_content------------------*/
.left_content{
width:180px;
float:left;
padding:0 0 0 5px;
}
.title_box{
width:180px;
height:30px;
margin:5px 0 0 0;
background:url(../_gfx/menu_title_bg.gif) no-repeat center;
text-align:center;
font-size:13px;
font-weight:bold;
color:#159dcc;
line-height:30px;
}
/*--------left menu---------*/
ul.left_menu{
padding:0px;
margin:0px;
list-style:none;
width:181px;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
display:block; border-bottom:1px #e4e4e4 dashed;
text-decoration:none;color:#504b4b;padding:5px 0 5px 14px; line-height:15px; background: url(../_gfx/navbullet.png) no-repeat 0px 9px;
}
ul.left_menu li.even a{
display:block; border-bottom:1px #e4e4e4 dashed;
text-decoration:none;color:#504b4b;padding:5px 0 5px 14px; line-height:15px; background: #f0f4f5 url(../_gfx/navbullet.png) no-repeat 0px 9px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
color:#000; text-decoration:underline;
}
ul.left_menu li a.on{
width:166px;display:block; border-bottom:1px #c6c6c6 solid;
text-decoration:none;color:#fff !important;padding:5px 0 5px 14px; line-height:15px; background: #2A4282 url(../_gfx/navbullet.png) no-repeat 0px 9px;
}
/*--------yellow menu---------*/
ul.yellow_menu{
width:180px;
padding:0px;
margin:0px;
list-style:none;
}
ul.yellow_menu li{
margin:0px;
list-style:none;
}
ul.yellow_menu li.odd a{
width:166px;display:block; border-bottom:1px #f9e984 dashed;
text-decoration:none;color:#504b4b;padding:5px 0 5px 14px; line-height:15px; background: url(../_gfx/navbullet_yellow.png) no-repeat 0px 9px;
}
ul.yellow_menu li.even a{
width:166px;display:block; border-bottom:1px #f9e984 dashed;
text-decoration:none;color:#504b4b;padding:5px 0 5px 14px; line-height:15px; background: #FAFFBD url(../_gfx/navbullet_yellow.png) no-repeat 0px 9px;
}
ul.yellow_menu li.even a:hover, ul.yellow_menu li.odd a:hover{
color:#000; text-decoration:underline;
}
/*--------green menu---------*/
ul.green_menu{
width:180px;
padding:0px;
margin:0px;
list-style:none;
}
ul.green_menu li{
margin:0px;
list-style:none;
}
ul.green_menu li.odd a{
width:166px;display:block; border-bottom:1px #c5d7bb dashed;
text-decoration:none;color:#504b4b;padding:5px 0 5px 14px; line-height:15px; background: url(../_gfx/navbullet_green.png) no-repeat 0px 9px;
}
ul.green_menu li.even a{
width:166px;display:block; border-bottom:1px #c5d7bb dashed;
text-decoration:none;color:#504b4b;padding:5px 0 5px 14px; line-height:15px; background: #e7f2e2 url(../_gfx/navbullet_green.png) no-repeat 0px 9px;
}
ul.green_menu li.even a:hover, ul.green_menu li.odd a:hover{
color:#000; text-decoration:underline;
}

.border_box{
width:180px;
height:auto;
text-align:center;
background:url(../_gfx/box_bottom_bg.gif) no-repeat center bottom;
}
.product_title{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title span{
color:#159DCC;
font: italic;
}
.product_title a{
text-decoration:none;
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
margin: 0px 0px 0px 10px;
width: 150px;
height: 90px;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#666666;
text-decoration:line-through;
}
span.price{
color: #ff8a00;
}
/*----------newsletter--------------*/
input.newsletter_input {
width:150px;
height:16px;
border:1px #ddd9d9 solid;
margin:0px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
select.newsletter_input{
width:150px;
height:20px;
border:1px #ddd9d9 solid;
margin:0px 0 5px 0;
font-size:12px;
color:#999999;
}
a.join{
width:17px;
display:block;
margin:0px 0 5px 110px;
padding:2px 8px 6px 8px;
text-decoration: underline;
color:#169ECC;
}
a.join:hover{
text-decoration: none;
}
.banner_adds{
width:180px;
text-align:center;
padding:10px 0 10px 0;
}
/*--------------oferta------------------*/
.oferta{
width:585px;
height:156px;
background:url(../_gfx/slider_bg.gif) no-repeat center;
float:left;
padding:0px;
margin:0 0 5px 5px;
}
.oferta_img{
float:left;
padding:10px 0 0 10px;
}
.oferta_title{
font-size:15px;
color:#159dcc;
font-weight:bold;
}
.oferta_details{
width:340px;
float:left;
padding:20px 0 0 30px;
}
.oferta_text{
padding:5px 0 5px 0;
font-size:12px;
color:#159dcc;
text-align:justify;
line-height:15px;
}
/*center content--------------------------*/
.center_content{
width:600px;
float:left;
padding:5px 10px 5px 15px;
}
.center_title_bar{
width:575px;
height:31px;
float:left;
padding:0 0 0 10px;
margin:0 0 0 5px;
line-height:31px;
font-size:12px;
color:#159DCC;
font-weight:bold;
background:url(../_gfx/bar_bg.gif) no-repeat center;
}

/*----------------------right content--------------*/
.right_content{
width:180px;
float:left;
padding:0px;
}
.forum_msg{
width:180px;
}
.cart_title{
font-size:12px;
font-size:12px;
color:#847676;
font-weight:bold;
padding:0px;
}
.cart_details{
width:115px;
float:left;
padding:5px 0 0 15px;
text-align:left;
}
.cart_icon{
float:left;
padding:5px 0 0 5px;
}
span.border_cart{
width:100px;
height:1px;
margin:3px 0 3px 0;
display:block;
border-top:1px #999999 dashed;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.center_prod_box{
width:173px;height: auto;float:left; text-align:center;padding:0px; margin:0px; border:1px #F0F4F5 solid;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:75px;
height:24px;
display:block;
float:right;
background:url(../_gfx/link_bg.gif) no-repeat center;
margin:2px 50px 0 0;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}

a.prod_compare{
width:75px;
height:24px;
display:block;
float:left;
background:url(../_gfx/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}
a.prod_buy{
width:75px;
height:24px;
display:block;
float:left;
background:url(../_gfx/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color: #006600;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 15px 15px;
}
.center_prod_box_big{
width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px;border:1px #F0F4F5 solid;
}
.product_img_big{
width:170px;
padding:10px 0 0 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:15px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(../_gfx/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(../_gfx/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#159DCC;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 75px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(../_gfx/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
/*--------------footer----------------*/
.footer{
width:1000px;
clear:both;
height:65px;
background:url(../_gfx/footer_bg.gif) repeat-x top;
}
.left_footer{
float:left;
width:200px;
padding:30px 0 0 10px;
}
.right_footer{
float:right;
padding:50px 15px 0 0;
color: #aaa;
font-size: 10px;
}

.center_footer{
float:left;
width:550px;
text-align:center;
color:#666666;
padding:15px 0 0 0px;
}
.center_footer a{
padding:0 0 0 7px;
text-decoration:none;
color: #3c3c3c;
}
.center_footer a:hover{
text-decoration:underline;
}

#addnew {
    background: url(../_gfx/bg_addnew.jpg) no-repeat;
    width: 178px;
    height: 90px;
    margin: 5px 0px 20px 0px;
    text-align: center;
    display: block;
    color: #5D9DCC;
    font: bold 18px Verdana;
    text-decoration: none;
    padding-top: 10px;
}
#addnew:hover { color: #2f6994; }
#addnew span { font-size: 25px; color: #2f6994; }

#TheEditForm label {
	display:block;
	font-size: 10px;
	color:#444;
	margin:5px 0;

}
#TheEditForm input, #TheEditForm select {
	width:227px !important;
	padding:4px;
	border:none;
	border:1px solid #ccc;
	font:90% Verdana;
	color:#777;
	background: #FAFAFA;
}
#TheEditForm textarea {
	width:147px !important;
	padding:4px;
	font:90% Verdana;
	border:1px solid #ccc;
	height:200px;
	display:block;
	color:#777;
}
#TheEditForm .btn {
    border: 1px solid #c8c8c8;
    border-width: 0 1px 1px 0;
    background: #e4e4e4;
    font-size: 13px;
    font-weight: bold;
    color: #3e3e3e;
    cursor: pointer;
    width:600px !important;
}

div.orangeBorder {
	overflow : hidden;
	border : 1px solid #EBA428 !important;
	width : 78px;
	height : 20px;
}
div.orangeBorder select {
	display : block;
	float : none;
	margin-top : -1px;
	margin-left : -1px;
}

div.msg {
    clear: both;
    background:#2A4282;
    padding: 10px;
    color: #fff;
    border: solid 1px #000;
    text-align: center;
    width: 550px;
    margin: 40px 0px 20px 10px;
}
div.msg a { color: #fff; text-decoration: underline; }
div.msg a:hover { text-decoration: none; }

div.txt { padding: 10px; margin-top: 40px; }

#catalog { border: solid 1px #b2ccdb; margin-left: 10px; margin-top: 20px; }
#catalog td { border-right: solid 1px #b2ccdb; border-bottom: solid 1px #b2ccdb; background: #cedee9; }

#catalog a { background: #cedee9; display: block; float: left; width: 275px; padding: 5px 3px; color: #456c82; text-decoration: none; font-size: 12px; font-weight: bold; }
#catalog a:hover, #catalog a.on { background:#edf3f7; color: #456c82 !important; }

#aggelies_catalog { border: solid 1px #f3f3f3; border-right: 0px; border-bottom: 0px; margin-left: 10px; margin-top: 20px; }
#aggelies_catalog td { border-right: solid 1px #f3f3f3; border-bottom: solid 1px #f3f3f3; width: 265px; height: 30px !important; vertical-align: top; padding: 10px; }

#aggelies_catalog a.cat { float: left; color: #456c82; text-decoration: none; font-size: 14px; font-weight: bold; }

#aggelies_catalog a { float: left; color: #456c82; text-decoration: none; font-size: 11px; }
#aggelies_catalog a:hover, #aggelies_catalog a.on { color: orange !important; }

.aggelia {
	clear: both;
	margin: 0px;
	width: 547px;
	padding: 10px;
	color: #169ecc;
	border: solid 1px #e4e4e4;
	margin: 10px 0px 10px 10px;
	position: relative;
	min-height: 100px;
}
.aggelia span { color: #3b3b3b; }
.aggelia img { float:left; margin-right: 5px; margin-bottom: 5px; border: solid 1px #e4e4e4; }
.aggelia p { font: normal 12px Arial; color: #504b4b; margin: 10px 0px; }
.aggelia a { color: #169ecc; font-weight: bold; }
.aggelia a:hover { font-weight: bold; text-decoration: none; }
.aggelia .options {
    background: #e8e2cf;
    width: 724px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: right;
    padding: 5px;
    border-bottom: solid 1px #dad0b4;
}


.aggelia2 {
	margin: 0px;
	width: 160px;
	padding: 10px;
	color: #169ecc;
	border: solid 1px #e4e4e4;
	margin: 10px 0px 0px 10px;
	position: relative;
	min-height: 100px;
	float: left;
}
.aggelia2 span { color: #3b3b3b; }
.aggelia2 img { float:left; margin-right: 5px; margin-bottom: 5px; border: solid 1px #e4e4e4; }
.aggelia2 p { font: normal 12px Arial; color: #504b4b; margin: 10px 0px; }
.aggelia2 a { color: #169ecc; font-weight: bold; }
.aggelia2 a:hover { font-weight: bold; text-decoration: none; }
.aggelia2 .options {
    background: #e8e2cf;
    width: 724px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: right;
    padding: 5px;
    border-bottom: solid 1px #dad0b4;
}


div.paging {
    background: #EDF3F7;
    text-align:right;
    padding: 8px;
    margin: 20px 0px 0px 10px;
    color: #c6bfa2;
    width: 555px;
}
div.paging a {
    background: #cedee9;
    font: normal 12px Arial;
    color: #456c82;
    padding: 3px;
    border: solid 1px #b2ccdb;
    text-decoration: none;
}
div.paging a:hover {
    background: #e6eff5;
    color: #456c82;
    border: solid 1px #b2ccdb;
}
div.paging span {
    background: #F7FAFD;
    font: normal 12px Arial;
    color: #ccc;
    padding: 3px;
    border: solid 1px #ccc;
    text-decoration: none;
}

.required { border: solid 1px #fde340 !important; }

.login_textarea { padding: 15px 0px; }

a.link1{
text-decoration:none;
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
a.link1:hover{
color:#064E5A;
}

div.searchblock { margin: 40px 0px 20px 0px; }

table.chars { border: solid 1px #d4d3cd; margin-top: 20px; border-bottom: solid 2px #d4d3cd; border-right: solid 2px #d4d3cd; }
table.chars th, table.chars td { padding: 5px; width: 210px; border-right: solid 1px #E2E1DA; border-bottom: solid 1px #E2E1DA; text-align: center; }
table.chars th { background: #E2E1DA; border-right: solid 1px #cfcec5; border-bottom: solid 1px #cfcec5; }
table.chars td { color: #F48325; font-weight: bold; }
table.chars span { color: #169ecc !important; }