﻿/***********************/
/* GENERAL HTML STYLES */
/***********************/
*{margin:0;padding:0}
.hide-taxi {display: none;visibility:hidden}
html, body{height: 100%; width:100%; background:none}
body,a,p,div,span,td,li{font-family:Tahoma,Arial; font-size:14px; color:#5c5c5c}
a, a:active, a:visited, a:link{text-decoration: none;color: #000}
a:hover{text-decoration: none;color: #eebf01}
h1, h2, h3, h4, h5, h6 {font-family: Tahoma,Arial}
h1{font-size: 24px;color: #999;margin:0; padding:0 0 15px 0}
h2.header_step {width:100%; padding:10px; margin:0 0 10px; background-color:#fbfbfb; color:#666; font-size:20px; font-weight:bold; border:solid 1px #efefef}
.form_box {padding:10px; margin:0 0 10px; background-color:#fbfbfb; color:#666; border:solid 1px #efefef}
h2{font-size: 19px;color: #666}
h3{font-size: 16px;font-weight: 700;padding:0px 0px 4px 0px}
h4{font-size: 14px;font-weight: 700;padding: 2px 0px 2px 0px;color:#c54a51}
img{vertical-align: middle; border:none}
.img_lightborder{border:solid 1px #c8c8c8}
.hr1{width:100%; height:3px; margin:3px 0px 3px 0px; float:left;border-bottom: solid 1px #cacaca}
.hr2{border-bottom: dashed 2px #cacaca; margin:15px 0 15px}
.grey-font {color:#666}
.line-right {border-right: dashed 2px #ccc;}
.line-left {border-left: dashed 2px #ccc;}
ul.nostyles,ol.nostyles {list-style: none;}
ul, ol {margin-left:10px}
.admin-tab {width:50px;height:50px;position:fixed;top:130px;left:0; display:block; box-shadow:#333 2px 2px 2px; z-index:1000; border-top:solid 2px #fff;border-bottom:solid 2px #fff;border-right:solid 2px #fff; background:#fa5e00 url(/design/icon-tool.png) no-repeat center}
.btn-upload {background: url(/design/btn_upload.png) no-repeat center;width: 180px;height: 43px;border:none}
label {
    font-weight: normal !important;
}
/***********************/
/* BOOTSTRAP CUSTOM    */
/***********************/
.table-responsive{overflow-x: auto;}
.nopadding {padding: 0;}
.row-padding {margin-left: 0;margin-right: 0;margin-bottom:10px}
.row-padding:before, .row-padding:after {content: " "; display: table;clear: both}
.box1 {background-color:#FDFDFD; padding:15px; border:solid 1px #ccc; height:100%;margin:0}

.box2,.box2 {width:100%; margin:15px 0 15px;}
.box3,.box3 a {background-color:#e5e5e5; color:#666}
.help-block ul li{color:#a94442}
.page-top a, .page-top a:link {color:#ffcc00}
.page-top a:hover { color:#fa5e00}
/***********************/
/* MASTER PAGE STYLES  */
/***********************/
.logo_moto {font-size: 14px;color: #a11c78; margin-top:-10px; text-transform:uppercase;display:none}
.page-mainbody {margin:20px 0 20px}
.quick-launch-bar {width:100%; min-height:30px}
.page-container {min-width:270px;max-width: 1230px; height:auto;margin:0 auto; background:none}
.tooltip_box {padding: 10px;border: solid 1px #999;background-color: #f3f3f3;box-shadow: #666 3px 3px 3px;}
/***********************/
/* HEADER PAGE STYLES  */
/***********************/
a.appstore_btn {width:160px;height:47px; background: url(/design/appstore.png) no-repeat;display:block;margin:4px 0 4px 0;float:right}
a.googleplay_btn {width:160px;height:47px; background: url(/design/googleplay.png) no-repeat;display:block;margin:4px 0 4px 0;float:right}
@media (max-width: 767px) {
    a.appstore_btn {width:50%;min-width:160px; background-position:center;margin-top:5px; margin-bottom:10px}
    a.googleplay_btn {width:50%;min-width:160px; background-position:center;margin-top:5px; margin-bottom:10px}
    .center-xs {margin-left:auto;margin-right:auto;display:block
    }
}
.header-links {max-width: 450px;min-height:30px;float: right;position: absolute;}
.page-registered div {float: left; margin-left:5px}
.page-top {width:100%;min-height:47px; border-bottom:solid 1px #ffcc00;padding-top:5px;background-color: #7d7e7d; background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);}
.page-mainmenu{width:100%}
.page-header{width:100%;min-height:85px;margin:20px 0 20px; background:none}
.page-header ul {list-style:none}
.header-welcomebox {line-height:27px;width:50%;margin:10px}
.header-welcomebox h1 {font-size:20px; font-weight:700; color:#fa5e00}
.header-welcomebox p {font-size:16px; font-weight:100; color:#666}
.header-profilebox {line-height:27px;width:50%;margin:10px}
.pt-logout {width: 28px;height: 28px;display: block;float: right;margin-top: 3px;}
.pt-welcome {display: block;float: left;margin: 4px 15px;color:#fff}
.default-registerbox {width:410px;height:395px;background:url(/design/stelnohome.png) no-repeat}
a.default-reg {width:185px;height:48px;display:block;position:absolute;top:320px;left:20px}
a.default-home {width:185px;height:48px;display:block;position:absolute;top:320px;left:210px}
a.default-reg:hover,a.default-home:hover {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
@media (max-width: 320px) {
.default-registerbox {width:300px;height:254px;background:url(/design/stelnohome_s.png) center no-repeat}
a.default-reg {width:134px;height:34px;display:block;position:absolute;top:199px;left:15px}
a.default-home {width:134px;height:34px;display:block;position:absolute;top:199px;left:153px}
a.default-reg:hover,a.default-home:hover {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
}
/***********************/
/* COMMENT STYLES      */
/***********************/
.comment_row{width:100%; min-height:100px; float:left;background-color:#fff;border:solid 1px #ccc;margin-bottom:20px}
.comment_header{width:80%; min-height:25px; float:left; padding:10px 5px 10px 5px; font-size:12px; background-color:#f4f4f4}
.comment_positive{width:20%; min-height:25px; float:right; text-align:center; padding:10px 0px 10px 0px; background-color:#99e11c; font-weight:bold; color:#ffffff; font-size:12px}
.comment_negative{width:20%; min-height:25px; float:right; text-align:center; padding:10px 0px 10px 0px; background-color:#ec4106; font-weight:bold; color:#ffffff; font-size:12px}
.comment_neutral{width:20%; min-height:25px; float:right; text-align:center; padding:10px 0px 10px 0px; background-color:#555555; font-weight:bold; color:#ffffff; font-size:12px}
.comment_positive span, .comment_negative span, .comment_neutral span{color:#ffffff;}
.comment_text{width:100%; float:left; padding:10px; font-size:13px; font-family:Georgia; font-style:italic; color:#666666}
.comment_report{width:15px; float:left; padding:10px 5px 0px 5px;}
.comment_date{font-size:12px; font-weight:bold; color:#666666}
.lbl_comment_positive{color:#99e11c; vertical-align:middle; text-align:right; padding-right:10px; font-weight:bold;}
.lbl_comment_negative{color:#ec4106; vertical-align:middle; text-align:right; padding-right:10px; font-weight:bold;}
.lbl_comment_neutral{color:#555555; vertical-align:middle; text-align:right; padding-right:10px; font-weight:bold;}
.lbl_comment_counter{font-weight:bold; vertical-align:middle; font-size:18px; color:#666666}
/***********************/
/* FOOTER STYLES       */
/***********************/
.footer-container {background-color: #333;width: 100%;  min-height: 100px; padding:20px 0 30px}
.footer-container a,.footer-container div ul li a{color:#fff; cursor:pointer}
.footer-container a:hover,.footer-container div ul li a:hover{color:#ccc}
footer.footer-container h2 {font-size:18px; color:#ffcc00; margin:10px 0 10px}
footer.footer-container ul { list-style:none; margin:0; padding:0}
footer.footer-container li {line-height:18px}
footer.footer-container li a,footer.footer-container li a:link { font:100 14px Tahoma;color:#fff}
.copyrights {padding:10px 0;border-top:solid 1px #ffcc00}
.copyrights a,.copyrights a:link {font:100 12px Tahoma;color:#ccc}
.footer-col4 {font-size: 12px;margin-top:10px}
.footer-col4 a {font-size: 12px}
/***********************/
/* CONTACT STYLES      */
/***********************/
a.social-fb,a.social-tw,a.social-gp,a.social-rss,a.social-co{display: block;width: 32px;height: 32px;margin-right: 5px;float:left}
a.social-fb{background: url(/design/icon_facebook.png) 0 top no-repeat}
a.social-tw{background: url(/design/icon_twitter.png) 0 top no-repeat}
a.social-gp{background: url(/design/icon_googleplus.png) 0 top no-repeat}
a.social-rss{background: url(/design/icon_rss.png) 0 top no-repeat}
a.social-co{background: url(/design/icon_contact2.png) 0 top no-repeat}
.map {overflow: hidden;line-height: 0;font-size: 0;padding: 0;background: #f5f5f5 url(/design/line2.jpg) center bottom repeat-x;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;}
.map iframe {width: 100%;height: 400px;border: none;margin-top: 0;margin-bottom: 0;padding-bottom: 0;border: 5px solid #e9e9e9;}
/***********************/
/* NOTIFICATIONS BOX   */
/***********************/
#nb_body {margin-left:60px}
#nb_msgicon {width:54px; height:54px;float:left; background-repeat:no-repeat; background-position:center}
.nb_fullpanel { width:100%;height:auto;float:left; padding-bottom:20px; line-height:20px}
.nb_fullpanel h4 {font-size:14px; font-weight:bold; color:#333;}
.nb_fullpanel p {font-size:12px; color:#666; }
.nb_unread { background-color:#f2f2f2}
.nb_icon {width:16px; height:16px;display:block;float:right;margin:4px 4px 0 }
.nb_seperator {border-bottom:8px solid #f9f9f9 ;width:100%}
.nb_date {font-size:12px; color:#999;}
a.nb, a.nb:link { background:url(/design/nn.png) no-repeat center; width: 33px;height: 36px; display: block;color: #fff;font-weight:bold;font-size: 10px;font-family: Arial;float:right; margin-right:5px;padding-right:5px;padding-top:-2px}
a.nb0, a.nb0:link {background:url(/design/nn0.png) no-repeat center; width: 33px;height: 36px;display: block;float:right}
.nb_panel {max-width:430px; z-index:1100;display:none;position:relative;clear:both;margin:17px -5px -950px 0}
.nb_panel .header {width:100%; height:40px;background:url(/design/nbheader.png) no-repeat center;text-align:left}
.nb_panel .header h3 {color:#fff; font-size:15px; padding:10px}
.nb_panel .footer {width:100%; height:68px;background:url(/design/nbfooter.png) no-repeat center;text-align:center}
.nb_panel .middle {background:url(/design/nbmiddle.png) repeat-y center;padding:15px; overflow:hidden;text-align:left}
a#nbclose, a#nbclose:link { width: 14px;height: 14px;color: #fff; font-size: 13px;font-weight: bold;display: block;text-align: center;font-family:Tahoma;z-index:1100;right:15px;top:30px;position:absolute}
/***********************/
/* BANNERS             */
/***********************/
.col_banner_space{width:290px; padding:30px 4px 30px 4px; float:left; border:dashed 2px #cccccc; text-align:center; font-size:20px; color:#cccccc}
.col_banner_media{width:140px; padding:0px 4px 0px 4px; float:left; }
.col_banner_text{width:140px; padding:0px 4px 0px 4px; float:right; text-align:left; font-size:12px; color:#666666;}
.col_banner_seperator{height:2px;width:100%; margin:8px 0px 8px 0px; border-bottom:dashed 1px #cccccc; float:left}
.col_banner_seperator2{height:2px;width:100%; margin:8px 0px 8px 0px; border-bottom:solid 1px #999999; float:left}
/*** set the width and height to match your images **/
#banner_rotator { position:relative; height:60px;}
#banner_rotator div {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 60px;background-color: #fff;}
#banner_rotator div.active {z-index:10;opacity:1.0;}
#banner_rotator div.last-active { z-index:9;}
#banner_rotator div img {height: 60px;display: block; border: 0; margin-bottom: 10px;}

/* ITEM STYLES */
.item_price {color: #c54a51;font-weight: 700;font-size: 24px;}
.item_price_col {color: #c54a51;font-weight: 700;font-size: 18px;}
.item_discount {color: #40c809;font-weight: 700;font-size: 18px;}
a.item_abouttoexpire{color:#df8822;}
a.item_expiring{color:#f6422a;}
a.item_expired{color:#af2217; font-weight:bold}
.item_promo_box {min-height: 110px;margin: 10px 0 10px 0}
.ipb_photo {width: 100px;height: 100px;float: left;margin-right:5px}
.ipb_details {overflow:hidden;font-weight:400;font-size:12px;}
.ipb_details p {font-weight:400;font-size:12px;margin:5px 0 5px;padding:0 }
.ipb_details span {font-weight:400;font-size:12px;color:#666}
.ipb_details h1 {font-weight:700;font-size:13px;margin:0;padding:0}
#panel_antikataboli {
    padding: 5px;
    border: 1px solid #c2c2c2;
    background-color: #fdfbee;
}
/***********************/
/* LABELS - MESSAGES   */
/***********************/
.offer_label{color:#996600;font-size:30px;font-family:Century Gothic; font-weight:bold;}
.box_error{background:#fdcccc url(/design/icon_error.png) no-repeat left; border: dashed 2px #fb8181; color:#a70f0f; }
.box_warning{background:#fff7d9 url(/design/icon_warning.png) no-repeat left; border: dashed 2px #f8e295; color:#db9d09}
.box_success{background:#e3fdde url(/design/icon_success.png) no-repeat left; border: dashed 2px #b7ffa9; color:#178801}
.box_error, .box_warning, .box_success {min-height:30px; z-index:1100; position:absolute; top:3px; font-weight:bold; font-size:18px; padding:5px 5px 5px 40px}
.subnote{color:#999; font-size:12px; font-style:italic}
.subnote a{color:#999; font-size:12px;}
.notice_text,.notice{color:#eec504; font-size:12px;}
.error_text,.error{color:#fa2e09; font-weight:bold}
.report_text,.report{color:#178801; font-weight:bold}
.active_page {font-weight: bold;font-size: 16px;color: #333;}
.inactive_page {font-weight: bold;font-size: 14px;color: #666;}
.items_paging {width: 100%;height: 40px;float: left; text-align:center; color:#666}
.top_bid {font-weight:bold;font-size:15px; color:#3fc800}
.searchbar_legends {float:left;padding:3px;margin-top:5px;vertical-align:middle}
/***********************/
/* BACK TO TOP         */
/***********************/
#toTop {display: none;width: 42px;height: 42px;overflow: hidden;background: url(/design/totop.png) 0 top no-repeat;position: fixed;margin-right: -650px !important;right: 50%;bottom: 60px;z-index: 999}
#toTop:hover {background-position: 0 bottom}
#toTop:active, #toTop:focus {outline: none}
/***********************/
/* COLUMN OPTIONS      */
/***********************/
ul.col-options {list-style:none;width:100%;padding:0}
ul.col-options li a{margin:10px 5px 10px 0px;display:block; border-bottom:solid 5px #fbfbfb; font-size:20px; line-height:25px}
ul.col-options li a:hover{border-bottom:solid 5px #2db2fe}
.column-panel {float:left;margin:10px}
/***********************/
/* COLUMN BOX  STYLES  */
/***********************/
.col-divider {border-bottom:solid 1px #eee; margin:15px 0 15px}
.column_box {border:solid 1px #9e0a70; padding:0px; margin-bottom:10px;color:#666}
.column_box header,.column_box footer,.column_box2 header {padding:10px}
.column_box header h3{font:700 18px verdana; color:#fff}
.column_box header,.coupon_header{background-color:#9e0a70; color:#fff}
.column_box header a,.coupon_header a{color:#fff}
.column_box footer{background-color:#fff; color:#333}

.column_box2 {border:solid 1px #c54a51; margin-bottom:10px;color:#666}
.column_box2 footer {padding:10px}
.column_box2 header h3{font:700 18px verdana; color:#fff;padding:0; margin:0}
.column_box2 header{  background-image: -webkit-linear-gradient(top, #c54a51 0%, #9d2a30 100%);
  background-image:         linear-gradient(to bottom, #c54a51 0%, #9d2a30 100%);
  background-repeat: repeat-x; color:#fff}
.column_box2 header a{color:#fff}
.column_box2 footer{background-color:#fff; color:#333}
.column_box2 p {padding:5px 10px 5px 10px}

#company_div {display:none}
