a {text-decoration:none; } /**/ /* ---------------------------------------------------- */ /* PRELOADER AREA */ #preloader_frame{ width:100%; height:100%; /* background-color:#420A0A; opacity:0.1; */ color:#ddd; background-attachment:fixed; top:0; left:0; position:absolute; z-index:10000000; } #preloader{ width:340px; height:380px; margin-left:-170px; margin-top:-190px; top:50%; left:50%; position:absolute; } /* ---------------------------------------------------- */ /* ---------------------------------------------------- */ /* HEADER AREA */ #header { position : absolute; top: 45px; left: 0px; width:1000px; height:60px; } #header_logo_left { position : relative; float: left; top: -40px; left: 0px; width:200px; height:90px; } #header_logo_left_image { position : relative; float: left; top: 0px; left: 50px; width:150px; height:90px; background : url('../images/pampoukidis_logo2.png'); } #header_logo_right { position : relative; float: left; top: 0px; left: 50px; width:750px; height:30px; } /* #header_bottom_line_left { position : relative; float: left; top: 0px; left: 0px; width:200px; height:20px; background : url('../images/element.png'); } */ #header_bottom_line_right { position : relative; float: left; top: 0px; left: 50px; width:750px; height:20px; background : url('../images/element2.png'); /*border-bottom:1px solid #dfba69;*/ } /* HEADER AREA */ /* ---------------------------------------------------- */ /* ---------------------------------------------------- */ /* MIDDLE AREA */ #middle { position: absolute; top:105px; left:0px; width:1000px; bottom:20px; } #left { position:absolute; top:0px; left:0px; width:200px; bottom:200px; } /* #left_logo_line { position : absolute; bottom: 155px; left: 0px; width:200px; height:20px; background : url('../images/element.png'); } #left_logo { position:absolute; left:0px; width:200px; bottom:40px; height:120px; background : url('../images/pampoukidis_logo.png'); } */ #menu { position: relative; float: left; /*height: 200px;*/ width: 200px; top: 20px; left:0px; font-family: Tahoma; font-size:14px; } /* τοποθετούμε το UL = main_menu χωρίς κενά */ #menu .main_menu { margin:0; padding:0; list-style:none; white-space:nowrap; } #menu .main_menu li { float:right; position: relative; width: 150px; display:block; height:25px; line-height:21px; color : #DFBA69; text-decoration: none; text-align:right; padding-right : 7px; /*margin-left : 7px;*/ /*margin-right : 7px;*/ } #menu .main_menu li a { /* float:right; position: relative; width: 150px; */ display:block; height:25px; line-height:21px; /* margin-left : 7px; margin-right : 7px; */ color : #DFBA69; text-decoration: none; text-align:right; /* padding-right : 7px; */ border-top-left-radius: 15px; border-bottom-left-radius: 15px; transition-property: background,color; transition-duration: 0.5s; transition-delay: 0.1s; -webkit-transition-property: background,color; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0.1s; -o-transition-property: background,color; -o-transition-duration: 0.5s; -o-transition-delay: 0.1s; -moz-transition-property: background,color; -moz-transition-duration: 0.5s; -moz-transition-delay: 0.1s; } #menu .products { /* padding-right : 0px; */ padding-right : 14px; font-family: Tahoma; font-size:12px; } #menu .main_category { padding-right : 14px; } #menu .main_menu li a:hover { background:#dfba69; color : #420A0A; } #content { position:absolute; top:0px; left:250px; width:750px; bottom: 0px; /* Από το height αυτού του div διαμορφώνεται το ύψος του κεντρικού middle */ /* height:640px; */ overflow: auto; /*background:#cccaaa;*/ } #submenu_div { position:relative; float:left; top:0px; left:0px; width:700px; height:30px; background:#dfba69; font-family: Tahoma; font-size:12px; list-style:none; } #submenu_div ul { position: relative; float:left; padding:0px; margin:0px; top:2px; left:6px; } #submenu_div li { position: relative; float:left; display:block; padding:0px 3px; margin:0px; height:28px; line-height:26px; } #submenu_div ul li a { font-weight:bold; color : #420A0A; text-decoration:none; transition-property: color; transition-duration: 0.5s; transition-delay: 0.1s; -webkit-transition-property: color; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0.1s; -moz-transition-property: color; -moz-transition-duration: 0.5s; -moz-transition-delay: 0.1s; -o-transition-property: color; -o-transition-duration: 0.5s; -o-transition-delay: 0.1s; } #submenu_div ul li a:hover { color : #fff; } #product_gallery { position:relative; float:left; top:0px; left:0px; width:700px; /*height:30px; background:black;*/ } #product_in_gallery { width:165px; height:210px; overflow:hidden; position:relative; float:left; margin-top : 15px; /*padding-right:15px;*/ } #product_in_gallery_thumb { width:150px; height:150px; position:absolute; top:0px; left:0px; margin-right:15px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; } #product_in_gallery_title { position:absolute; bottom:40px; margin-right:15px; font-family: Tahoma, Helvetica, Arial, Geneva; color : white; font-size:11px; line-height:20px; } #product_in_gallery_dimension { position:absolute; bottom:20px; margin-right:15px; font-family: Tahoma, Helvetica, Arial, Geneva; color : white; font-size:11px; line-height:20px; } #product_in_gallery_price { width:150px; position:absolute; bottom:0px; margin-right:15px; font-family: Tahoma, Helvetica, Arial, Geneva; color : white; font-size:12px; line-height:20px; /*border-bottom:1px solid #D4AC69;*/ } /* SLIDESHOW SECTION */ #slideshow_container { position:absolute; top:40px; left:70px; width:560px; height:420px; background:white; border: 5px solid white; border-radius: 15px; } #slideshow_img_container { position:relative; top:2px; left:2px; width:554px; height:414px; background:#ddd; border: 1px solid black; border-radius: 12px; } /* LOGIN SECTION */ #login_container { position:absolute; top:40px; left:70px; width:660px; height:500px; background:white; border: 5px solid white; border-radius: 15px; } /* MIDDLE AREA */ /* ---------------------------------------------------- */ /* ********************************************************************************* */ /* Login Section */ /* ********************************************************************************* */ #login_div { position: absolute; top:0px; right:0; width:auto; height:30px; background:#dfba69; font-family: Tahoma, Helvetica, Arial, Geneva; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } #login_frame { position: relative; width:auto; height:auto; padding:4px 4px; background-color:none; font-size:11px; line-height:18px; float:left; } #login_frame input { width:100px; height:18px; border:1px solid #D4AC69; margin:0px 2px; padding:1px 2px; background-color:#D4AC69; color:#7E132B; float:left; -o-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } #login_user { width:auto; height:22px; margin:0px 2px; padding-left:22px; background-image:url('../images/system/login_user_normal.png'); background-repeat:no-repeat; position:relative; float:left; } #login_user:hover { background-image:url('../images/system/login_user_over.png'); } #login_user:hover input { border:1px solid #EDDDC0; background-color:#EDDDC0; color:#7E132B; } #login_password { width:auto; height:22px; margin:0px 2px; padding-left:22px; background-image:url('../images/system/login_password_normal.png'); background-repeat:no-repeat; float:left; } #login_password:hover { background-image:url('../images/system/login_password_over.png'); } #login_password:hover input { border:1px solid #EDDDC0; background-color:#EDDDC0; color:#7E132B; } #login_enter { width:22px; height:22px; background-image:url('../images/system/login_submit_normal.png'); margin:0px 2px; float:left; text-align:center; } #login_enter:hover { background-image:url('../images/system/login_submit_over.png'); } #login_forgot { width:22px; height:22px; margin:0px 2px; background-image:url('../images/system/login_forgot_password_normal.png'); float:left; text-align:center; } #login_forgot:hover { background-image:url('../images/system/login_forgot_password_over.png'); } #login_signup { width:28px; height:22px; margin:0px 2px; background:url('../images/system/login_signup_normal.png'); float:left; text-align:center; } #login_signup:hover { background:url('../images/system/login_signup_over.png'); } #login_edit { width:29px; height:22px; margin:0px 2px; background-image:url('../images/system/login_edit_user_normal.png'); position: relative; float:left; text-align:center; } #login_edit:hover { background-image:url('../images/system/login_edit_user_over.png'); } #login_exit { width:21px; height:22px; margin:0px 2px; background-image:url('../images/system/login_logout_normal.png'); position: relative; float:left; text-align:center; } #login_exit:hover { background-image:url('../images/system/login_logout_over.png'); } #login_welcome { width:auto; height:22px; margin:2px 2px; font-size:11px; line-height:18px; text-align:center; background-color:none; color:#7E132B; position: relative; float:left; } #login_logged { width:auto; margin:0px 2px; background-color:none; position: relative; float:left; } #login_msg { width:auto; height:22px; margin:2px 2px; font-size:11px; line-height:18px; text-align:center; background-color:none; color:#7E132B; float:left; } #login_header { width:auto; height:22px; margin:2px 2px; font-size:11px; line-height:18px; text-align:center; background-color:none; color:#7E132B; float:left; } #login_mail { width:auto; height:22px; margin:0px 2px; padding-left:21px; background-image:url('../images/system/login_mailat_normal.png'); background-repeat:no-repeat; float:left; } #login_mail:hover { background-image:url(../images/system/login_mailat_over.png); } #login_mail:hover input { width:170px; border:1px solid #EDDDC0; background-color:#EDDDC0; color:#7E132B; } #login_security_question { width:auto; height:22px; margin:0px 2px; padding-left:21px; background-image:url('../images/system/login_security_question_normal.png'); background-repeat:no-repeat; float:left; } #login_security_question:hover { background-image:url('../images/system/login_security_question_over.png'); } #login_security_question:hover input { width:170px; border:1px solid #EDDDC0; background-color:#EDDDC0; color:#7E132B; } #login_continue { width:22px; height:22px; margin:0px 2px; background-image:url('../images/system/login_submit_normal.png'); float:left; text-align:center; } #login_continue:hover { background-image:url('../images/system/login_submit_over.png'); } #login_return { width:22px; height:22px; margin:0px 2px; background-image:url('../images/system/login_return_normal.png'); float:left; text-align:center; } #login_return:hover { background-image:url('../images/system/login_return_over.png'); } #login_mailat { width:22px; height:22px; margin:0px 2px; background-image:url(../images/system/login_submit_normal.png); float:left; text-align:center; } #login_mailat:hover { background-image:url('../images/system/login_submit_over.png'); } /* ********************************************************************************* */ /* ********************************************************************************* */ /* ΟΙ ΠΑΡΑΚΑΤΩ ΚΛΑΣΕΙΣ ΑΦΟΡΟΥΝ ΤΗΝ ΚΑΤΑΧΩΡΗΣΗ ΣΤΟΙΧΕΙΩΝ ΤΟΥ ΧΡΗΣΤΗ ΣΤΟ LOGIN SECTION */ /* ********************************************************************************* */ .iframe{ margin:0; padding:0; background: white; color: black; font-size:10px; line-height:14px; word-spacing:0; letter-spacing:0; font-family: Helvetica, Tahoma, Arial, Geneva; } .iframe form{ margin:0; padding:0; background: white; } .passed { width:auto; height:100%; padding-left:20px; background-image:url(../images/system/ok.png); background-repeat:no-repeat; background-position:left top; line-height:20px; float:left; text-align:left; } .error { width:auto; height:100%; padding-left:20px; background-image:url(../images/system/not_ok.png); background-repeat:no-repeat; background-position:left top; line-height:20px; float:left; text-align:left; } /**/ #login_user_div{ width:560px; height:auto; padding:0px; background:#ddd; } #login_user_instructions{ float:left; position:relative; /*color:#333;*/ width:100%; height:auto; font-size:12px; text-align:left; margin-bottom:2px; margin-top:2px; line-height:15px; white-space:normal; } #login_user_label{ float:left; position:relative; /*color:#333;*/ width:30%; height:20px; font-size:12px; font-weight:bold; text-align:right; margin-bottom:2px; margin-top:2px; line-height:20px; } #login_user_input{ float:left; position:relative; /*color:#333;*/ width:30%; height:20px; margin-left:5px; margin-right:5px; font-size:10px; text-align:left; margin-bottom:2px; margin-top:2px; line-height:15px; white-space:normal; } #login_user_input input{ width:100%; height:90%; padding:0px 5px; background-color:#D4AC69; border:1px solid #D4AC69; color:#7E132B; /*border-bottom-left-radius: 15px;*/ /*border-bottom-right-radius: 15px;*/ border-radius: 15px; /*css_rule_border_radius($general_border_radius)*/ } #login_user_check{ float:left; position:relative; /*color:#333;*/ width:30%; height:20px; font-size:10px; text-align:left; margin:2px 10px; line-height:15px; white-space:normal; } #password_check { /*visibility:visible; background-color:#FFF; border:1px solid #000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100px; height:5px; text-align:center;*/ font-size: 10px; line-height:18px; } #password_check_graph { visibility:visible; /*background-color:#FFF;*/ border:1px solid #000; border-radius: 15px; border:1px solid #D4AC69; width:100px; height:5px; text-align:center; font-size: 10px; line-height:18px; } #password_check_tab { width:20px; height:5px; float:left; /*border-left:1px solid #000; border-right:1px solid #000;*/ } .weak { background-color:#F00; } .average{ background-color:#F90; } .good{ background-color:#FF0; } .better{ background-color:#090; } .safe{ background-color:#0F0; } /* ********************************************************************************* */ /* ********************************************************************************* */ /* USER ADMIN SECTION */ /* ********************************************************************************* */ #users_content{ position:relative; padding:0; margin:0; } .item_header{ height:60px; font-family: Tahoma; font-size:12px; line-height:16px; font-weight : bold; color:#7E132B; background: #dec08d; text-align :center; } .item_row{ height:18px; font-family: Tahoma; font-size:11px; line-height:15px; font-weight : bold; color:#7E132B; background: #dfba69; text-align :center; } .product_info_cell{ height:20px; font-family: Tahoma; font-size:11px; line-height:15px; font-weight : bold; color:#7E132B; background: #dfba69; } .even_row{ background: #dec08d; } .odd_row{ background: #dfba69; } .right_border{ border-right: 1px solid #7E132B; } .input_discount{ text-align:right; color: #7E123B; font-size:12px; width:40px; } #submit_list{ float:left; left:290px; position:relative; height:18px; line-height: 16px; width:140px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-family: Tahoma; background: #dec08d; text-align:center; color: #7e132b; font-size:12px; margin-top:5px; font-weight : bold; } /* ********************************************************************************* */ /* ********************************************************************************* */ /* PRICE LIST SECTION */ /* ********************************************************************************* */ #price_content{ position: relative; padding:0; margin:0; } .item_header{ height:30px; font-size:13px; line-height:30px; font-weight : bold; color: #5E6645; background: #dec08d; } .item_row{ height:24px; font-size:11px; line-height:24px; color: #7E123B; /*border-bottom: 1px solid #dec08d;*/ } .input_price{ text-align:right; color: #7E123B; font-size:11px; width:40px; } #submit_price_list{ float:left; position:relative; height:16px; width:150px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #7e132b; text-align:center; color: #fff; font-size:14px; } #post_order_content{ float:left; position:absolute; top:25px; left:25px; padding:0; margin:0; height:500px; width:680px; font-size:12px; line-height:14px; letter-spacing:0; font-family: courier; color: #7E123B; background: #edddc0; } .post_order_table_header { font-size:12px; line-height:14px; letter-spacing:0; font-family: courier; color: #7E123B; } .post_order_table_row { font-size:12px; line-height:14px; letter-spacing:0; font-family: courier; color: #7E123B; background: #edddc0; } /* ********************************************************************************* */ /* ********************************************************************************* */ /* PRODUCT LIST SECTION */ /* ********************************************************************************* */ .item_delete_href{ float:left; position:relative; } .item_delete{ float:left; position:relative; text-align:center; height:20px; width:25px; } #item_delete_logo_enabled{ float:left; position:relative; top:2px; left:5px; height:15px; width:15px; background-image:url('../images/system/frutodelia_btn_delete_over.png'); } #item_delete_logo_disabled{ float:left; position:relative; top:2px; left:5px; height:15px; width:15px; background-image:url('../images/system/frutodelia_btn_undelete_up.png'); } .item_edit{ float:left; position:relative; text-align:center; height:22px; width:35px; } #item_edit_logo{ float:left; position:relative; top:0px; left:3px; height:22px; width:29px; background-image:url('../images/system/login_edit_user_over.png'); } #file_select_href{ position:relative; float:left; top:60px; left:10px; cursor: pointer; } #file_select { position:relative; float:left; top:0px; left:0px; background:url(../images/admin/newfile_normal.png); background-position:center center; background-repeat:no-repeat; width:20px; height:20px; text-align:left; cursor: pointer; } #file_select:hover { background:url(../images/admin/newfile_over.png); background-position:center center; background-repeat:no-repeat; } #add_product_href{ position:relative; float:left; top:10px; left:25px; cursor: pointer; } #add_product { position:relative; float:left; top:0px; left:0px; background:url(../images/admin/add_normal.png); background-position:center center; background-repeat:no-repeat; width:20px; height:20px; text-align:left; cursor: pointer; } #add_product:hover { background:url(../images/admin/add_over.png); background-position:center center; background-repeat:no-repeat; } #basket { width:23px; height:22px; /*margin:4px 2px;*/ margin-top:3px; margin-right:4px; background-image:url(../images/system/basket_normal.png); float:right; text-align:center; cursor:pointer; position:relative; } #basket:hover { background-image:url(../images/system/basket_over.png); cursor:pointer; } .basket { float:right; cursor:pointer; position:relative; } #product_in_gallery_basket_available { width:30px; height:30px; margin:0px 2px; overflow:hidden; position:absolute; top:30px; right:0px; background-image:url(../images/system/btn_addtocart_up.png); background-repeat:no-repeat; float:left; cursor:pointer; } #product_in_gallery_basket_available:hover { background-image:url(../images/system/btn_addtocart_over.png); background-repeat:no-repeat; } #product_in_gallery_basket_selected { width:30px; height:30px; margin:0px 2px; overflow:hidden; position:absolute; top:30px; right:0px; background-image:url(../images/system/btn_addtocart_selected.png); background-repeat:no-repeat; float:left; cursor:pointer; } /* #product_in_gallery_basket_unavailable { width:30px; height:30px; margin:0px 2px; overflow:hidden; position:absolute; top:30px; right:-15px; background-image:url(../images/system/frutodelia_btn_addtocart_unavailable.png); background-repeat:no-repeat; float:left; cursor:pointer; } /***********************************************************/ /***********************************************************/ /* JSrollPane **********************************************/ /***********************************************************/ /***********************************************************/ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jscroll-pane_vertical_content { width: inherit; height: inherit; overflow: auto; background: none; float: left; } /* .jscroll-pane_horizontal_content { white-space:nowrap; width:inherit; height: inherit; background: none; float: left; } */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width:10px; height: 100%; background: none; /*