/*-------------------------------------------------------
* Filename:         style.css
* Description:      Global Css
* Version:          1.0.1 (16.09.2010)
* Author:           Andrey Zverev
* E-mail:           sitecor@gmail.com

== STRUCTURE: ===========================================
* Page width:         960px
* Number of columns:  3
* Layout:             fixed

--------------------------------------------------------*/



/******************************************/
/*                                        */
/*               PAGE RESET               */
/*                                        */
/******************************************/

html, body, form {margin:0; padding:0; line-height: 1.5; }
h1, h2, h3, h4, h5, h6, p, span, ul, li {margin:0; padding:0; font-weight:normal; font-family: arial; font-size: 13px; }
ul, li {list-style-type: none}
a, img {outline: 0}
img {border: 0}
fieldset {border:0}


/************* end: PAGE RESET ************/



/******************************************/
/*                                        */
/*              PAGE LAYOUT               */
/*                                        */
/******************************************/

#page {position: relative; width: 960px; margin: 0 auto;}

#header {position: relative; height: 90px; margin: 0 0; z-index: 1; }
#main   {position: relative; margin: 0px 0px 0px; padding: 0 0 0 0}
#footer {position: relative; overflow: hidden; margin: 0 0px 0px; }

/*--------------- container --------------*/
/* main content */
#content {float: left; width: 100%; margin-left: 0; margin-right: -100%; padding: 0;}
#content-inner { margin: 0px 320px 0px 10px; padding: 0px 10px 0 0;}
#content-full {position: relative; margin: 0 0 0 10px; padding: 0px 10px 0 0;}


/* sidebar */
#sidebar-1 {float: right; width: 310px; padding: 0;}
#sidebar-1 .sidebar-inner {margin: 0 0px 0 0; padding: 0px 0px 0px 5px;}
/*#sidebar-2 {float: right; width: 233px; padding: 0;}
#sidebar-2 .sidebar-inner {margin: 0 0px 0 0px; padding: 0px 0px;}
*/
/* other */
#top .banner {width: 944px; overflow: hidden}

/*---- container: border, background -----*/
body {background: url(../images/body_bg.png) repeat-x}

#page {border-top: 0; border-bottom: 0}

#main {background: #fff}
#header {background: #fff; border-bottom: 0px solid #aecade}
#footer-inner {}

/************* end: PAGE LAYOUT ***********/



/******************************************/
/*                                        */
/*           GLOBAL CONTENT STYLE         */
/*                                        */
/******************************************/

/*---------------- global ----------------*/
body {color: #333;}

h1, h2, h3, h4  {
    color: #00A0BB;
font-family: arial_rounded, Arial, 'Trebuchet MS', Trebuchet;
}

h1 { 
font-size: 18px;
font-weight: normal;
line-height: 1.3;
margin: 0 0 7px 0;
padding: 0;
}
h2 {margin: 0 0 10px; font-size: 18px;}
h3 {margin: 0 0 10px; font-size: 18px;}
h4 {font-size: 13px;}

p {padding-bottom: 10px; /*line-height: 14px;*/ font-size: 13px;}

/*----------------- links ---------------*/
a {color: #5D5649; text-decoration: underline; cursor: pointer}
a:hover {color: #5C0101; text-decoration: none}

a.show_window {border-bottom: 1px dashed; text-decoration: none}
a.show_window:hower {text-decoration: none}

/*----------------- titles ---------------*/
.page_title {position: relative; margin: 0 0 20px; padding: 5px 0 0;}
.page_title h1 {margin: 0}
.page_title .links {position: absolute; right: 0; bottom: 3px}


.deals_title {background: #e7cfcd; border: 1px solid #d0a7a3}
.deals_title h1, 
.deals_title h2 {background-position: 0 -30px}

.coupons_title {background: #ebe7c1; border: 1px solid #d7d48f}
.coupons_title h1, 
.coupons_title h2 {background-position: 0 -60px}


/*----------------- forms ----------------*/
input.field {border: 1px solid #ccc; padding: 4px; color: #888; }
textarea {border: 1px solid #ccc}
input.button {cursor: pointer; padding: 4px 6px}

.form input.field {width: 320px}
.form textarea {width: 320px; height: 120px; margin: 0 0 15px;}
.form input.button {}


/*---------- float, align, display -------*/
.f_l {float:left;  margin: 0px 0px 0px 0px}
.f_r {float:right; margin: 0px 0px 0px 0px}
.a_l {text-align: left}
.a_r {text-align: right}
.a_c {text-align: center}

.inline {display: inline}
.hiden {display: none}

/*------------ clear, separation ---------*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}


/******** end: GLOBAL CONTENT STYLE *******/



/*========================================*/
/*                  Header                */
/*========================================*/

/*----------------- logo -----------------*/
/* #header .logo {position: absolute; display: block; top: 25px; left: 0px; text-decoration: none; font-size: 30px;} */
#header { height: 180px; }
#header .logo {position: absolute; display: block; top: 0px; left: 0px; text-decoration: none; font-size: 30px; margin-left: 35px; margin-top: 15px; }
#header .logo img{max-height: 150px; max-width: 400px;}
#logodiv {width: 150px; height: 180px; }
/*------------------- info ---------------*/
#header .info {position: absolute; top: 105px; left: 370px; width: 233px; height: 14px; overflow: hidden; padding: 0; background: url(../images/header_info.png) no-repeat; color: #555; text-indent: -9999px}
#header .info a {}

/*---------------- main menu -------------*/
/* #header .menu {position: absolute; bottom: -2px; left: 380px;} */
#header .menu {position: relative; bottom: -2px; margin-left: auto; margin-right: auto; top:71px; width: 100%;}
#header .menu ul {padding: 0px 3px 0 0px; font: 12px Arial, Helvetica, sans-serif; float: right;}
#header .menu ul li {float: left; display: block; width: 140px; margin: 0 1px; padding: 0px 0px 0 0;}
#header .menu ul li.last {background: none}
#header .menu ul li a {display:block; height: 23px; padding: 8px 5px 0 5px; background:#EDF6FC; border: 2px solid #aecade; color:#333333; text-decoration:none; text-align:center;  font-weight: bold;}
#header .menu ul li a:hover {background:#BCDBED; color: #333; text-decoration: none}
#header .menu ul li a.active {background: #fff; border-bottom-color: #fff; color: #222; text-decoration: none}  


/*------------------- links -------------*/
#header .links {position: absolute; bottom: 5px; right: 15px;}
#header .links ul {padding: 0px 0 0 15px; font-size: 12px;}
#header .links ul li {float: left; display: block; padding: 0px 0px 0 0; color: #fff}
#header .links ul li.last {background: none}
#header .links ul li a {}
#header .links ul li a:hover,  
#header .links ul li a.active { text-decoration: underline; }

/*------------------ search --------------*/
#header .search {position: absolute; top: 0px; left: 410px; height:70px; padding: 10px 10px 7px; background: #DEEBF3}
#header .search form label {float: left; margin: 0px 8px 0 0; color: #da0000; font: 24px Arial, "Trebuchet MS", Helvetica, sans-serif;}
#header .search form .field {float:left; width: 350px; height: 1.5em; margin: 0 0 2px; padding: 3px 3px 1px 2px; border: 1px solid; border-color: #8bc7ec #8cc8ea #8cc8ea #8cc9e6; font: 13px Arial, "Trebuchet MS", Helvetica, sans-serif }
#header .search form .button {float:left; width:75px; height: 35px; margin: 0 0 0 5px;  padding: 0;  border: 0;  background: transparent url(../img/hae-button.png) no-repeat 0 0;  text-indent: -1000em;  cursor: pointer;  }
#header .search form .button:hover {float:left; width:75px; height: 35px; margin:  0 0 0 5px;  padding: 0;  border: 0;  background: transparent url(../img/hae-button.png) no-repeat 0 -37px;  text-indent: -1000em;  cursor: pointer;  }

#header .search .eg {clear: both; font-size: 12px; font-family: arial_rounded, arial; color: #1ca5c9; }
#header .search .eg a
{
    text-decoration: none; color: #1ca5c9;
}
/*=============== end: Header ============*/


/******************************************/
/*                                        */
/*             SIDEBAR CONTENT            */
/*                                        */
/******************************************/

/*----------------- module ---------------*/
.module-top-first{
    width: 313px;
    height: 22px;
   background: url(../img/container-right-bg-top.png) no-repeat;
}
.module-top{
    width: 313px;
    height: 63px;
   background: url(../img/container-right-bg-middle.png) no-repeat;    
}
.module-bottom{
    width: 313px;
    height: 18px;
   background: url(../img/container-right-bg-bottom.png) no-repeat;    
}
.sidebar .module {margin: 0 0px 0px; padding: 0px; width: 313px; background: url(../img/container-right-bg-center.png) repeat-y;}
.sidebar .module .module-contentCL { background: none repeat scroll 0 0 #FFFFFF;  border: 0px solid #fff; padding: 5px; text-align: center;}
.sidebar .module .module-header {overflow: hidden;}
.sidebar .module .module-header h3 {float:left; width: 131px; margin: 0 0 0px; background: #DEEBF3; padding: 5px; color: #333; text-align: center; font-size: 14px; font-weight: bold}
.sidebar .module .module-content {padding: 15px 22px 0 15px; text-align:center;}

/*------------- categories menu ----------*/
.sidebar .categories_menu ul {padding: 0px}
.sidebar .categories_menu ul li {display: inline; margin: 0; padding: 0 0 0 0px; }
.sidebar .categories_menu ul li a {font-size: 11px; line-height: 17px;}
.sidebar .categories_menu ul li a:hover {}
.sidebar .categories_menu ul li.child {padding: 0 0 0 15px;}
.sidebar .categories_menu ul li.child a {}
.sidebar .categories_menu ul li.child a span {}
.sidebar .categories_menu ul li.child a:hover {}

/*------------ shop_by_categories --------*/
.sidebar .shop_by_categories {font-size: 10px}
.sidebar .shop_by_categories table {width: 100%; border-collapse: collapse}
.sidebar .shop_by_categories table td {width: 50%;}

/*------------------ search --------------*/
.sidebar .search {}
.sidebar .search form label {}
.sidebar .search form .field {width: 130px; padding: 2px 4px;}
.sidebar .search form .button {}

/*---------------- subscribe -------------*/
.sidebar .subscribe {}
.sidebar .subscribe .module-header {}
.sidebar .subscribe .module-content {}

.sidebar .subscribe form label {}
.sidebar .subscribe form .field {}
.sidebar .subscribe form .button {}

/*--------------- login nform ------------*/
.sidebar .login_form {}

.sidebar .login_form form table {border-collapse: collapse}
.sidebar .login_form form label {display: block; font-size: 10px;}
.sidebar .login_form form label.checkbox {display: inline; width: auto; font-size: 12px}
.sidebar .login_form form .field {width: 200px}
.sidebar .login_form form .button {padding: 3px 15px;}

.sidebar .login_form .area-username {}
.sidebar .login_form .area-password {}
.sidebar .login_form .area-remember_me {padding: 3px 0 6px 0px;}

.sidebar .login_form .options {padding: 10px 0 5px}
div.links
{
    float: right;
    margin: 10px 0 3px 0;
    font-size: 11px;
    font-family: arial_rounded, arial;
}
#fbicon
{
    background: url(../img/log-in-icon.png) no-repeat 0px 4px;  
    padding-left: 25px;
}
#fbicon a
{
    line-height: 1.5;
}
/*----------------- user menu ------------*/
.sidebar .user_options {}
.sidebar .user_options ul {overflow: hidden; margin: 10px 0 0}
.sidebar .user_options ul li {margin: 0 0 6px;}

.visit_store {}
.visit_store .store_site_photo {margin: 0 0 5px}
.visit_store .store_site_link {margin: 0 0; text-align: center}
.visit_store .store_site_link a {color: #FF9B01; font-weight: bold; font-size: 16px}
.visit_store .admin_options {text-align: center}

/*------------- top plusses deals --------*/
.top_plusses_deals {}

.top_plusses_deals .bottom_hide {overflow: hidden; }
.top_plusses_deals ul {margin-bottom: -15px}
.top_plusses_deals ul li {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #d6d6d6}
.top_plusses_deals ul li span {display: block; float: left; width: 45px; height: 45px; background: url(../images/plus_bg.png) no-repeat; color: #fff; font-family: Tahoma, Geneva, sans-serif}
.top_plusses_deals ul li span strong {display: block; margin: 3px 0 0; text-align:center; font-size: 16px}
.top_plusses_deals ul li span small {display: block; margin: 3px 0 0; text-align:center; font-size: 11px}
.top_plusses_deals ul li em {float: left; width: 208px; margin: 0 0 0 10px; padding: 2px 0 0; text-decoration: underline; font-style:normal}

/*.top_plusses_deals .bottom_hide {border: 1px dotted green}
.top_plusses_deals ul {border: 1px dotted red}
.top_plusses_deals ul li em {border: 1px dotted red}*/

/*---------------- quick jump ------------*/
.quick_jump {}
.quick_jump form {text-align: center}
.quick_jump form select {width: 150px; margin: 0 0 10px; color: #cdcdcd}

/*---------------- tags cloud ------------*/
.sidebar .tags_cloud {}
.sidebar .tags_cloud a {text-decoration: none;}
.sidebar .tags_cloud a:hover {text-decoration: underline}

.tags_cloud a span.word {padding: 2px;}
.tags_cloud a span.size1 {color: #717171; font-size: 2.2em;}
.tags_cloud a span.size2 {color: #717171; font-size: 2.0em;}
.tags_cloud a span.size3 {color: #717171; font-size: 1.8em;}
.tags_cloud a span.size4 {color: #909090; font-size: 1.6em;}
.tags_cloud a span.size5 {color: #909090; font-size: 1.4em;}
.tags_cloud a span.size6 {color: #909090; font-size: 1.2em;}
.tags_cloud a span.size7 {color: #bbbbbb; font-size: 1.0em;}
.tags_cloud a span.size8 {color: #bbbbbb; font-size: .9em;}
.tags_cloud a span.size9 {color: #bbbbbb; font-size: .9em;}
.tags_cloud a span.size0 {color: #bbbbbb; font-size: .8em;}

/*----------------- one stores -----------*/
.one_store a {display: block; color: #005766; font-size: 14px; text-align: center; text-decoration: none}
.one_store a:hover {text-decoration: underline}
.one_store a span {display: block; margin: 10px;}

/*----------------- top stores -----------*/
.sidebar .top_stores ul {overflow: hidden}
.sidebar .top_stores ul li {margin: 0 0 6px; padding: 0 0 0 14px; background: url(../images/mark.png) no-repeat 0 4px}
.sidebar .top_stores ul li a {color: #4a7c8e; text-decoration: none; font-size: 12px; font-weight: bold}
.sidebar .top_stores ul li a:hover {text-decoration: underline}
.sidebar .top_stores a.see_all {display: none; font-size: 13px; }

/*--------------- top coupons ------------*/
.sidebar .top_coupons ul {margin-bottom: -20px}
.sidebar .top_coupons ul li {margin: 0 0 5px; padding: 0 0 20px; background: url(../images/li_fon.png) 0 100% no-repeat;  text-align: center}
.sidebar .top_coupons ul li a {text-decoration: none}
.sidebar .top_coupons ul li a span {display: block;}
.sidebar .top_coupons ul li a span.t_store {color: #fff}
.sidebar .top_coupons ul li a span.t_title {color: #df0023; text-decoration: underline; font-weight: bold;}
.sidebar .top_coupons a.see_all {font-size: 13px; font-weight: bold}

/*---------------- bookmarks -------------*/
.sidebar .bookmarks {} 
.sidebar .bookmarks a {display: block; float: left; overflow: hidden; height: 20px; margin: 0 5px 8px 0;} 


/*********** end: SIDEBAR CONTENR *********/


/******************************************/
/*                                        */
/*             MAIN COLUMN CONTENT        */
/*                                        */
/******************************************/

/*========================================*/
/*          Gglobal Main Column Style     */
/*========================================*/

/*------------------ group ---------------*/
.group {width: 630px; margin: 0; padding: 0px; background: url(../img/container-left-bg-center.png) repeat-y; }
.group .group-header {position: relative; overflow: hidden;}
.group .group-header h1.title,
.group .group-header h2.title {float: left; max-width: 400px; margin: 0 0 0px; padding: 5px 20px; background: #DEEBF3; color: #333; font-size: 14px; text-align: center; font-weight: normal;}
.group .group-header .links { position: absolute; right: 0; bottom: 5px; }
.group .group-header .links a { color: white; font-size: 12px; text-decoration: none; padding: 0 14px 0 0; }
.group .group-content {padding: 2px 14px 2px 8px }
.group .hidden {display: none;}

/*-------------- maincol module ----------*/
.maincol .module {margin: 0 0px 15px; padding: 1px 1px; border: 3px solid #d1c8b9; }
.maincol .module .module-header {margin: 0px; padding: 1px; background: #e3dfd3; border: 1px solid #c1b9a2;}
.maincol .module .module-header h3 {margin: 0 0 0px; height: 22px; padding: 8px 0 0 10px; background: url(../images/bar_bg.png) repeat-x 0 0; color: #424242; text-transform: uppercase; font-size: 12px; }
.maincol .module .module-content {padding: 20px 10px 10px;}


/*----------------- pathway --------------*/
.pathway {padding: 5px 0 10px 10px; font-size: 11px; font-family: arial_rounded; }

.botLabel{text-align: center;}

/*---------------- rss_feed --------------*/
.rss_feed { margin-right: auto; margin-left: auto; }
.rss_feed a {margin-right: auto; margin-left: auto; display: block; width: 32px; height: 32px; background: url(../images/icons/rss_32.png) no-repeat; text-indent: -9999px;}


/*-------------- pagination --------------*/
.pagination {color: #909090; font-size: 18px; text-align: center}
.pagination a {display: inline-block; margin: 0 0 6px; padding: 3px 8px;}
.pagination a:hover {}

.pagination strong {display: inline-block; margin: 0 0 6px; padding: 3px 8px; color: #000; text-decoration: none}

.pagination span {display: inline-block; margin: 0 0 6px 0;   padding: 3px 8px; color: #ccc;}

.pagination .first {}
.pagination .prev  {margin-right: 4px;}
.pagination .next  {margin-left:  4px;}
.pagination .last  {}


/*.pagination .prev:after {content: "";}*/

.pagination small {display: none; color: #78ad03; font-size: 14px;}

/*----------------- sort -----------------*/
.sort {margin: 10px 0 20px; padding: 0 0 0; color: #c2c2c2; text-align: left; font-size: 11px;}
.sort a {padding: 0 3px; }
.sort a.active {}

.sort a {font-size: 11px; font-family: arial_rounded; font-weight: normal; }


/*----------------- messages -------------*/
.system_message {display: block; margin: 10px 0 15px; font-size: 18px; color: #C33}

.confirm_ok {display: block; margin: 10px 0 15px; font-size: 18px; color: #090}
.confirm_no {display: block; margin: 10px 0 15px; font-size: 18px; color: #C33}

.error_input {border: 1px solid #C33}
.error_field {color: #C33; font-size: 10px;}

/*---------------- notice ----------------*/
.notice {padding: 0 0 20px; color: #FF4F4F; text-align: center; font-size: 16px }


/*----------------- text -----------------*/
.text {padding: 0 0 20px; font-size: 13px; }

.ns {padding:8px; font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif}

/*-------------- table list --------------*/
.table_list {width: 100%; /*border-collapse: collapse;*/ border-spacing: 0px; margin: 4px 0px 3px 0px;}
.table_list tr.t_head td {height: 20px; padding: 4px 0; color: #73a0b6; text-align: center;    font-weight: bold;}
.table_list tr.t_body td {padding: 15px 3px 15px 3px; color: #666666;}
.table_list tr.row_even td {background: #e7eff1;}
.table_list tr.row_new td {background: #EBFEE9;}
.table_list tr.first_row td {border-top: #f1f1f1 solid 1px;}
.table_list tr.t_body td.first_col {text-align: left;}
.table_list .t_icon {width: 4%; text-align: center}

.buttons input.button {margin: 6px 0 0 0px; padding: 2px 4px}

.table_list .userphoto {float: left}
.table_list .username {float: left; width: 60px; overflow: hidden; margin: 3px 0 0 7px;}
.table_list .photo_big .username {float: left; margin: 16px 0 0 7px}

/*-------------- table data --------------*/
.table_data {width: 100%; /*border-collapse: collapse;*/ margin: 4px 0px 3px 0px;}

.table_data tr.t_head td {height: 20px; padding: 4px 0; background: #888;  border-top: #DFEFFF solid 0px; border-bottom: #DFEFFF solid 0px; color: #fff; text-align: center;    font-weight: bold;}
.table_data tr.t_body td {padding: 3px 3px 1px 3px;  color: #666666; border-bottom: #f1f1f1 solid 1px; text-align: center}
.table_data tr.row_even td {background: #F8F8F8;}
.table_data tr.row_new td {/*background: #EBFEE9;*/}
.table_data tr.row_new td a {font-weight: bold}
.table_data tr.row_new td span {font-weight: bold}

.table_data tr.first_row td {border-top: #f1f1f1 solid 1px;}
.table_data tr.t_body td.first_col {text-align: left;}

.table_data tr.t_body:hover td {background: #FEE683}

.table_data .t_icon {width: 4%; text-align: center}

.buttons input.button {margin: 6px 0 0 0px; padding: 2px 4px}

.table_data .userphoto {float: left}
.table_data .username {float: left; width: 60px; overflow: hidden; margin: 3px 0 0 7px}

.table_data .photo_big .username {float: left; margin: 16px 0 0 7px}

/*-------------- form data --------------*/
.form_data h3 {}
.form_data table {width: 90%; margin: 20px 0 0; border-collapse: collapse;}
.form_data table td {padding: 0 10px 10px 0; vertical-align: top;  border: 0px dotted red;}
.form_data table td.col1 {width: 30%; text-align: right; font-weight:bold}

.form_data form textarea {width: 98%; height: 100px}
.form_data form select {width: 100%; padding: 2px 0}
.form_data form .field {width: 99%; padding: 2px 0}
.form_data form .field_small {width: 30px; padding: 2px 0}
.form_data form .button {margin: 0 6px 0 0}




/*==== end: Gglobal Main Column Style ====*/


/*========================================*/
/*                   Deals                */
/*========================================*/

.deal_deleted {margin: 0 10px 0 0; padding: 20px 0; border: 1px solid #aaa; color: #FF8080; text-align: center}

/*------------------ deals ---------------*/
.deals {margin: 0 0 20px 0px}

/*------------------ deal ---------------*/
.deal { margin: 0; padding: 0; font-family: arial; font-weight: normal }
.deal .deal-inner { border: 2px dotted #AECADE; color: #000; font-size: 12px; padding: 0px; line-height: 16px;}

.deal .col1,
.deal .col2,
.deal .col3 {min-height: 1em; float: left; outline: 0px dotted red}
.deal .container {margin: 0 0 0px}
.deal .container .col1 {float: right; width: 70%; margin-right: 3%}
.deal .container .col2 {float: left; width: 26%;}

.deal .container .col1_big {float: left; width: 138px; }
.deal .container .col2_big {float: left; width: 450px;}

.deal h2.title {margin: 0 0 2px; font-size: 15px; font-weight: bold}
.deal h2.title a {}

.deal .details {margin: 0 0 0px;}
.deal .photo {position: relative; margin: 0 0 5px; }
.deal .photo img {}

.deal .description {position: relative; margin: 0 0 15px;}
.deal .description p {padding: 0}
.deal .description ul li {list-style-type:circle; line-height: 1.5; margin-left: 17px; }
.deal .expiration_date {font-size: 12px;}
.deal .posted {margin: 0 0 1px; font-size: 12px;}

.deal .deal_categories {}
.deal .deal_categories span {}
.deal .deal_tags {}
.deal .deal_tags span {}

.coupon .container .col1 {float: right; width: 385px;}
.coupon .container .col2 {float: left; width: 200px;}
.coupon .description
{
    font-size: 12px;
}
.couponsite
{
    background: #fff;
}
.coupon .img-holder
{
    position: absolute;
    z-index: 10;
    width: 194px;
    height: 144px;
    background: url(../img/alennuskoodi-img-holder.png) 0px 0px no-repeat;
}
.coupon .link-holder
{
    position: absolute;
    text-align: left;
    z-index: 10;
    top: 140px;
    font-size: 11px;
    left: 0px;
    padding-left: 10px;
    width: 185px;
    height: 20px;
    background-color: #fff;
}
.coupon h2.title {margin: 0 0 2px; font-size: 15px; font-weight: bold}
.coupon h2.title a {}

.coupon .details {margin: 0 0 0px;}
.coupon .photo {position: relative; margin: 0; padding: 0; text-align: center;}
.coupon .photo img {}

.coupon .description {position: relative; margin: 0 0 15px; }
.coupon .description p {padding: 0; font-size: 11px; }

.coupon .couponInfo {
    padding: 5px 0 0 8px;
    font-size: 11px;
    color: #777;
    width: 404px;
    height: 100px;
    background: url(../img/infobox.gif) no-repeat;
}
.coupon .couponInfo .voimassa {
    clear: both;
    font-size: 18px;
    padding: 7px 0 0 25px;
}
.coupon .couponInfo .couponInfoCol1
{
    float:left;
    width: 200px;
}
.coupon .couponInfo .couponInfoCol2
{
    float:left;
}
.coupon .couponInfo .couponInfoCol1
{
    float:left;
    width: 200px;
}
.coupon .couponInfo .couponInfoCol2
{
    float:left;
}
.coupon .couponInfo .lisatty {
    color: #aaa;
    clear: both;
    padding: 22px 0 0 0;
}



.coupon .dealInfo {
    padding: 5px 0 0 8px;
    font-size: 11px;
    color: #777;
    width: 417px;
    height: 100px;
    background: url(../img/infobox.gif) no-repeat;
}
.coupon .dealInfo .voimassa {
    clear: both;
    font-size: 18px;
    padding: 7px 0 0 25px;
}
.coupon .dealInfo .dealInfoCol1
{
    float:left;
    width: 180px;
}
.coupon .dealInfo .dealInfoCol2
{
    float:right;
    vertical-align: bottom;
}
.coupon .dealInfo .dealInfoCol2 .citylink
{
    padding: 2px 0 0 5px;
}

.coupon .dealInfo .lisatty {
    color: #aaa;
    clear: both;
    padding: 22px 0 0 0;
}


.coupon .posted {margin: 0 0 1px; font-size: 12px;}
div.ccode, div.ccode_siirry { float: left; cursor: pointer;
    width: 176px;
    margin: 6px 0 0 8px;
    padding: 7px 7px 7px 7px;
}
div.ccode.hover, div.ccode_siirry:hover {
    background-color: #f99e03;
    color: #fff3df;
}

.coupon .couponCodeBg
{
    width: 350px;
    height: 50px;
    vertical-align: middle;
    background: url(../img/alennuskoodi-bg.gif) no-repeat;
}
.coupon .couponCodeBg a
{
    color: #fff;
    font-size: 18px;
    padding-top: 2px;
    text-decoration: none;
}
.coupon .couponCodeBg span
{
    font-size: 12px;
    color: #666;
    padding: 13px 0 0 10px;
}
.coupon .links
{
    float: left;
    height: 31px;
    width: 603px;
    background: url(../img/vali-separator.gif) repeat-x;
}
.coupon .links a{ line-height: 31px; height: 31px; color: #555; font-weight:normal; }
.iconComments
{
    background: url(../img/icon-kommentit-transparent.png)  0 50% no-repeat;   
    padding-left: 30px; 
}
.iconShare
{
    background: url(../img/icon-jaa-transparent.png) 0 50% no-repeat;   
    padding-left: 22px;    
}
.price_big {border-bottom: 1px solid #e2e2e2; font-family: arial_rounded, arial; display: block; margin: 5px 0 10px; padding: 0 0 12px 0; text-align: right; color: #ff7300; font-size: 28px; font-weight: normal; line-height: 1.1; }

.price_big strong {display: block; margin: 0 0 0px; color: #ff7300; font-size: 28px; font-weight: normal; line-height: 1; }
.price_big strong span {}
.price_big small {display: block; color: #888; font-size: 20px; text-decoration: line-through}
.price_big small span {}
.detail-label, .posted_big {
    font-size: 11px;
    font-weight: normal;
    font-family: arial_rounded, arial;
    color: #878787;
}
.deal-info .detail-label
{
    float: left;
    padding: 3px 0px 0px 3px;
}
.deal-info .coupon_big
{
    clear: both;
    text-align: center;
    color: #000;
    font-size: 22px;
}
.posted_big
{
    font-size: 10px;
    padding-top: 15px;
}
.discount_big {border-bottom: 1px solid #e2e2e2; font-family: arial_rounded, arial; display: block; margin: 5px 0 10px; padding: 0 0 12px 0; text-align: right; color: #ff7300; font-size: 28px; font-weight: normal; line-height: 1.1;}
.deal-info .discount_big
{
    clear: both;
    text-align: center;
    border: 0;
}
.expiration_date_big {font-family: arial_rounded, arial; display: block; margin: 5px 0 10px; padding: 0px 0 0; text-align: right; color: #ff7300; font-size: 22px; font-weight: normal; line-height: 1.1;}
.deal-info .expiration_date_big
{
    clear: both;
    text-align: center;
}

.deal .price {display: block; margin: 5px 0 10px; padding: 0px 0 0; text-align: center; font-size: 22px;  font-family: arial_rounded, arial;}
.deal .price strong {display: block; margin: 0 0 0px; color: #ff7300; font-size: 22px; font-weight: normal; line-height: 1;}
.deal .price strong span {}
.deal .price small {display: block; color: #888; font-size: 12px; text-decoration: line-through}
.deal .price small span {}

.deal .price-lehtitarjous {float: right; display: block; margin: 5px 0 10px; padding: 0px 0 0; text-align: right; font-size: 22px;  font-family: arial_rounded, arial;}
.deal .price-lehtitarjous strong {display: block; margin: 0 0 0px; color: #ff7300; font-size: 22px; font-weight: normal; line-height: 1;}
.deal .price-lehtitarjous strong span {}
.deal .price-lehtitarjous small {display: block; color: #888; font-size: 12px; text-decoration: line-through}
.deal .price-lehtitarjous small span {}

.deal .saved {padding: 2px 0; color: #777; text-align: center; font-size: 13px; font-weight: bold}
.deal .saved {}
.deal .saved strong {display: block;}

.deal .coupon_code {margin: 10px 0 10px;  text-align: center}
.deal .coupon_code span {display: block; margin: 0 0 5px; color: #636363; text-transform: uppercase; font-size: 12px; font-weight: bold}
.deal .coupon_code strong {display: block; color: #a9080d; font-size: 14px;  text-transform: uppercase;  font-weight: bold} 

.deal .copy {margin: 0 0 10px; font-size: 11px; text-align: center}
.deal .copy a {color: #636365}
.deal .copy a:hover {color: #b83348}

.get_deal_big a
{

    display:block; width:155px;height:75px;background:url("../img/nayta-diili.png") no-repeat 0 0;
}

.get_deal_big a:hover
{
    background-position:0 -73px;
}

.get_deal_big a span
{
    position:absolute;top:-9999em;
}

.deal .get_deal a
{

    display:block; width:218px;height:60px;background:url("../img/diili-nayta.png") no-repeat 0 0;
}

.deal .get_deal a:hover
{
    background-position:0 -61px;
}

.deal .get_deal a span
{
    position:absolute;top:-9999em;
}

.get_coupon a
{
    display:block; float: right;  margin: 0px 0px 10px 10px; width:150px; height:41px; background:url("../img/btn-siirry-kauppaan.png") no-repeat 0 0;
}

.get_coupon a:hover
{
    background-position:0 -41px;
}

.get_coupon a span
{
    position:absolute;top:-999em;
}
.get_lehtitarjous
{
    float: right;
    margin-top: 10px;
    clear: both;
}
.get_lehtitarjous a
{
    display:block; float: right;  margin: 0px 0px 10px 10px; width:115px; height:41px; background:url("../img/btn-tilaa-tasta.png") no-repeat 0 0;
}

.get_lehtitarjous a:hover
{
    background-position:0 -41px;
}

.get_lehtitarjous a span
{
    position:absolute;top:-9999em;
}

.deal .deal_store {}

.deal .links {position: relative; font-size: 11px}
.deal .links div {float: left}
.deal .links div.deal_store {font-weight: bold}
.deal .links div.more_info {float: right; margin: 0 10px 0 0;}
.deal .links div.comments_count {float: right; margin: 0 10px 0 0;}
.deal .links div.share_buttons {float: right}


.deal .admin_options {margin: 0 0 3px; font-size: 10px}
.deal .admin_options small {font-size: 10px}

.deal .details .list_options {margin: 0 0 8px; min-height: 17px; }
.deal .details .list_options select {font-size: 11px}
.deal .details .list_options .lists_array {}
.deal .details .list_options .lists_array ul li {float: left;}
.deal .details .list_options .lists_array ul li a {display: block; float: left; margin: 0 8px 3px 0; padding: 1px 2px; color: #ff651a; text-decoration: none}
.deal .details .list_options .lists_array ul li a:hover {background: #ff651a; color: #fff}

.sort_options {float:right; margin: 0px 0 0px}

/* deal coupon */
.coupon .description {position: relative; margin: 0 0 7px;}

/* off */
/*
.deal .links div.share_buttons,
.deal .price,
.deal .get_deal,
.deal .expiration_date,
.deal .posted {display: none}

.full_view {}
.deal.full_view .links div.share_buttons,
.deal.full_view .price,
.deal.full_view .get_deal,
.deal.full_view .expiration_date,
.deal.full_view .posted {display: block}
.deal.full_view .more_info {display: none}
.deal.full_view .comments_count {display: none}
/**/

/*------------- deals - grid view --------*/
.deals {margin: 0 0 20px 0px}
.deals .grid_view {margin: 0 -12px 0 0} 
.deals .grid_view .item {float: left; width: 25%; height: 245px; margin: 0 0 20px; overflow: hidden}

.deals .grid_view .item .photo {height: 120px; margin: 0 10px 5px 0; overflow: hidden; border: 1px solid #ccc; text-align: center;}
.deals .grid_view .item .photo img {}

.deals .grid_view .item .details {position:relative}
.deals .grid_view .item .details .title {}
.deals .grid_view .item .details .comments_count {position: absolute; right: 10px; top: 2px}
.deals .grid_view .item .details .votes {}
.deals .grid_view .item .details .price {}

/*------------- deals - row view ---------*/
.deals {margin: 0 0 20px 0px}
.deals .row_view {margin: 0 0px 0 0} 
.deals .row_view .item {margin: 0 0 25px; overflow: hidden}

.deals .row_view .item .container {margin: 0 0 8px;}

.deals .row_view .item .photo {float: left; width: 20%; margin: 0 2% 0px 0; padding: 5px 0 5px;  overflow: hidden; border: 1px solid #ccc; text-align: center;}
.deals .row_view .item .photo img {}

.deals .row_view .item .details {float: left; width: 77%;}
.deals .row_view .item .details .title {font-weight: bold}

.deals .row_view .item .details .comments_count {float: left; margin: 4px 40px 0 0;}
.deals .row_view .item .details .photo_link {float: left; margin: 0 4px 0 0;}
.deals .row_view .item .details .date {float: left; margin: 4px 6px 0 0;}

/*---------------- deals votes ------------*/
.votes_area {padding: 0 0 0 10px; width: 180px;}

.votes_area .votes {height: 16px; margin: 0 0 5px; color: #777; font-size: 10px;  text-align: center;}
.votes_area .votes em,
.votes_area .votes a {display: block; float: left; overflow: hidden; width: 16px; height: 16px; margin: 0 5px 0 0; background: url(../images/vote.png)  no-repeat; color: #7f8185; text-decoration: none; font-style: normal; font-size: 11px}

.votes_area .votes em span,
.votes_area .votes a span {}

.votes_area .votes .good {padding-left: 20px; background-position: 0 0px; color: #090}
.votes_area .votes .bad {padding-left: 20px; background-position: 0 -16px; color: #C33}
.votes_area .votes .good span {}
.votes_area .votes .bad span {}

.votes_area .votes .good:hover span {font-weight: bold}
.votes_area .votes .bad:hover span {font-weight: bold}

.votes_area .votes .good_x {padding-left: 20px; background-position: 0 -32px;}
.votes_area .votes .bad_x  {padding-left: 20px; background-position: 0 -48px;}
.votes_area .votes .good_x span {}
.votes_area .votes .bad_x  span {}

.votes_area .votes .good_x span small {color: #aaa}

/*.deal .votes .bad {display: none}
.deal .votes .bad_x {display: none}
*/

.votes_area .vote_info {color: #555; font-size: 11px}
.votes_area .vote_result {float: right; width: 75px; height: 75px; text-align: center; padding-top: 25px; color: #fff; font-size: 20px;  font-weight: bold; }
.votes_area .vote_result span {font-size: 11px; font-weight: normal; }
.votes_area .result_red { background: url(../img/ball-bg-0.gif) no-repeat; }
.votes_area .result_orange { background: url(../img/ball-bg-50.gif) no-repeat; }
.votes_area .result_green { background: url(../img/ball-bg-100.gif) no-repeat; }
/*---------------- deals pluses ------------*/

.pluses_area {margin: 8px 0; width: 53px; height: 72px; background: url(../images/votes-graphic.png) no-repeat}

.pluses_area .votes {padding: 8px 0 0;  text-align: center;}
.pluses_area .votes em,
.pluses_area .votes a {display: block; padding: 4px 0;  border: 0px dotted red; font-style:normal}

.pluses_area .votes .good {}
.pluses_area .votes .good:hover span {}

.pluses_area .votes .good_x {color: #999}

.pluses_area .vote_info {}
.pluses_area .vote_result {padding: 4px 0 0; color: #50470d; text-align: center; font-size: 11px}
.pluses_area .vote_result strong {display: block; margin: 0 0 0px; color: #50470d; font-size: 18px}

/*---------------- deal view -------------*/

/*================ end: Deals ============*/


/*========================================*/
/*                 Coupons                */
/*========================================*/

.category_view {}
.category_view .page_title h1 {width: 270px;}

/*----------- categories tree ------------*/
.coupons_category table {border-collapse: collapse;}
.coupons_category .tree {padding: 0 0 0 10px;}
.coupons_category .tree a {font-size: 15px; font-weight: bold}
.coupons_category .tree a:hover {}

.coupons_category .tree a.child {padding-left: 10px; line-height: 15px; font-size: 13px; font-weight: normal}

.coupons_category .tree {border: 0px dotted green}


/*-------------- coupons paper -----------*/
.inner .coupons .paper {padding: 28px 0 0; background:url(../images/coupons_bg.png) no-repeat}
.inner .coupons .paper ul {padding: 10px 2px 0; border: 1px solid #4f306f; border-top: 0;}

.coupons .paper ul li {float: left; width: 50%;}
.coupons .paper ul li a {display: block; margin: 0 2px 4px; padding: 0 0 15px; border: 2px dashed #3c80af; color: #333; text-decoration: none}
.coupons .paper ul li a:hover {border-color:  #76a04c;}
.coupons .paper ul li h4 {height: 2.4em; margin: 0 5px 0 0; padding: 2px 20px 2px 5px; background: url(../images/arrow.gif) no-repeat 100% 5px; color: #4f306f; font-size: 16px; font-weight: bold}

.coupons .paper ul li .inner {position: relative; display: block; height: 160px; margin: 0 2px 4px; border: 1px dashed #333}
.coupons .paper ul li .inner img {position: absolute; top: 10px; left: 10px}
.coupons .paper ul li .inner strong {position: absolute; width: 50%; top: 10px; right: 10px}
.coupons .paper ul li .inner em {position: absolute; bottom: 10px; left: 10px; font-style:normal}
.coupons .paper ul li .inner small {position: absolute; bottom: 10px; right: 10px}

/*-------------- coupons box -----------*/
.coupons_box ul li {position: relative; margin: 0 0 20px; padding: 0px 0px; border: 1px solid #ced8da; color: #808080; font-size:14px}
.coupons_box ul li a {text-decoration: none; color: #808080}
.coupons_box ul li a:hover {text-decoration: underline}
.coupons_box ul li h4 {height: 2.4em; margin: 0 5px 0 0; padding: 2px 20px 2px 5px; background: url(../images/arrow.gif) no-repeat 100% 5px; color: #4f306f; font-size: 16px; font-weight: bold}

.coupons_box ul li .col1 {float: left; width: 20%;}
.coupons_box ul li .col2 {float: right; width: 79%; padding: 15px 0; background: #fcf9d2; border-left: 1px dotted #ced8da}

.coupons_box ul li .col2 span {display: block; padding: 0 0 0px}
.coupons_box ul li .col2 strong {display: block; text-align: right; font-weight: normal}

.coupons_box ul li .photo {display: block; padding: 15px 0; text-align: center;}
.coupons_box ul li .photo span a {display: block; margin: 10px 0 0; color: #bf3600; text-align: center; font-size: 12px }

.coupons_box ul li table {border-collapse:collapse;}
.coupons_box ul li table tr td {vertical-align: top;}
.coupons_box ul li table tr td.t_col1 {width: 70px; vertical-align: middle}

.coupons_box ul li .code {color: #005766; font-size: 18px; text-transform: uppercase}
.coupons_box ul li .code a {color: #005766;}

.coupons_box ul li a.use_it {position: absolute; display: block; width: 80px; height: 30px; bottom: 3px; right: 3px; padding: 5px 0 0; background: url(../images/button_bg4.png); color: #fff; text-decoration: none; text-align: center; font: 18px Arial, Helvetica, sans-serif} 

.coupons_box ul li .poll {padding: 15px 0 20px; text-align: center}
.coupons_box ul li .poll em {display: block; font-family: Arial, Helvetica, sans-serif; font-style: normal}
.coupons_box ul li .poll strong {display: block; padding: 15px 0 10px; font-size: 20px;}

.coupons_box ul li .poll .links {display: block; padding: 10px 0; border-bottom: 1px dotted #ced8da} 
.coupons_box ul li .poll .links a.yes {display: inline-block; width: 21px; height: 16px; margin: 0 4px; background: url(../images/yes.png); text-indent: -9999px;} 
.coupons_box ul li .poll .links a.no {display: inline-block; width: 16px; height: 16px; margin: 0 4px; background: url(../images/no.png); text-indent: -9999px;} 


/*------------- coupons table ------------*/
.coupons {}

.coupons table {width: 100%; border-collapse: collapse; border: 0px solid green}
.coupons table tr td {padding-left: 10px;}
.coupons table {background:url(../images/t_bg1.png) no-repeat;}
.coupons table thead tr td {padding-bottom: 10px; color: #fff; font-size: 14px; font-weight: bold; }

.coupons table tbody tr {background:url(../images/t_bg2.png) no-repeat}
.coupons table tbody tr td {padding-bottom: 6px}

/*---------------- ul table --------------*/
.coupons .table {margin: 0 0px 15px;}
.coupons .table ul {margin: 0 0 2px; padding: 0 0 0 16px;}
.coupons .table ul li {float:left; overflow: hidden; padding: 2px 0}
.coupons .table ul li.col1 {width: 20%}
.coupons .table ul li.col2 {width: 20%}
.coupons .table ul li.col3 {width: 40%}
.coupons .table ul li.col4 {width: 20%; text-align: center}

.coupons .table3col ul li.col1 {width: 50%}
.coupons .table3col ul li.col2 {width: 25%}
.coupons .table3col ul li.col3 {width: 25%}


.coupons .table ul.t_head {background: #B3D7FF;}
.coupons .table ul.t_head li {padding: 4px 0; color: #000; font-weight: bold}
.coupons .table ul.t_head li a {color: #fff;}

.coupons .table ul.t_body {font-size: 10px}
/*.coupons .table ul.t_body:hover {background: #ECF5FF}*/
.coupons .table ul.t_body li {}
.coupons .table ul.t_body li.col2 {}
.coupons .table ul.t_body li.col2 a {}
.coupons .table ul.t_body li.col2 a:hover {}
.coupons .table ul.t_body li.col3 a {}
.coupons .table ul.t_body li.col4 span {}

.coupons .table ul.even {background: #DFF1FF;}

/*=============== end: Coupons ===========*/


/*========================================*/
/*                  Stores                */
/*========================================*/


/*----------------- stores ---------------*/
.stores {}

.stores .sort2 {position: relative; margin-bottom: 20px; background: url(../images/sort_bg.png) no-repeat; color: #fd7202; text-align: center; text-transform: uppercase; font-size: 18px;  font-weight: bold}
.stores .sort2 div {position: absolute; display:block; top: 2px; color: #78ad03; font-size: 14px; font-weight: bold}
.stores .sort2 .l {left: 0px; padding-left: 36px;}
.stores .sort2 .r {right: 0; padding-right: 36px;}

.stores .sort2 a {color: #78ad03; font-size: 14px; font-weight: bold}


.stores .letters {margin-bottom: 15px; padding: 10px 0; border: 1px solid #aaa; border-left: 0; border-right: 0; text-align:center;}
.stores .letters a {font-size: 14px; font-weight: bold;}

.stores table {margin: 0 auto;}

.stores .store_list {border: 0px dotted green}
.stores .store_list h3 {margin: 10px 0 3px; font-size: 21px;}
.stores .store_list h3 a {}
.stores .store_list h4 {margin-top: 10px; font-size: 24px;}
.stores .store_list h4 a {}
.stores .store_list a.store {display: block font-size: 14px;}

.stores .store_list small {display: block; color: #aaa; font-size: 10px;}
.stores .store_list small a {color: #aaa; font-size: 11px;}

/* debug */
.stores table {border: 0px dotted green}


/*-------------- stores paper ------------*/
.stores_paper {margin: 0 20px 10px 0}
.stores_paper ul li {float: left; width: 25%}
.stores_paper ul li a {display: block; margin: 0 10px 10px 0; padding: 10px 0; background: #ded47d; text-decoration: none; text-align: center;}
.stores_paper ul li a span {display: block; margin: 5px 0 0; color: #003441; text-decoration: none; font-size: 11px}
.stores_paper ul li a:hover span {text-decoration: underline}

.stores_paper span.more {display: block; padding: 0 10px 0 0; text-align: right}
.stores_paper span.more a {color: #bf3600; text-decoration: none}
.stores_paper span.more a:hover {text-decoration: underline}
.store_detailed .comments_count {float: right;}

/*------------ store detailed -----------*/
.store_detailed { width: 620px; margin: 0; font-size: 12px; padding: 5px 5px 5px 5px; }
.store_detailed .description {padding: 0 0 5px;  }
.store_detailed .submit_item {float: left}
.store_detailed .store_stat {}
.cpnCount {font-size: 13px;}

/*=============== end: Stores ============*/


/*---------------- search ----------------*/
.search_result .result {padding: 10px 0 20px; font-size: 18px;}
.search_result .result span {color: #999}
.search_result h3 {padding-bottom: 0px; font-size: 20px; font-weight: bold; color: #999}
.search_result ul.s_stores a {font-size: 17px;}


/*-------------- contact form ------------*/
.contact_form {}

.contact_form table {width: 100%}
.contact_form table tr td {vertical-align: top; border: 0px dotted red}
.contact_form table tr td.col1 {width: 15%;}

.contact_form form .field {width: 80%}
.contact_form form .button {margin: 10px 0 0; padding: 6px 25px}
.contact_form form .captcha {padding: 3px 0}

.contact_form form select {width: 80%}
.contact_form form textarea {width: 80%; height: 120px;}

#plocontent {display: block; width: 110px;}

/*-------------- comments form ------------*/
.comment { border: 0px solid #F0F0F0;padding: 10px;}
.comment2 {border: 1px solid #F0F0F0; background: #F8F8F8; padding: 10px;}
.comment p{ padding: 0px;}
.comment2 p{ padding: 0px;}
.attribution{font-size: 10px;}


.userPic {float: left; margin: 2px;  margin-right: 12px;}


.comments {}

.commentsD {max-height: 160px;  overflow: auto;}

.comments .comments_list {overflow: hidden; border: 0px dotted red;}
.comments .comments_list div {margin: 0 10px 10px 0;  padding: 0 0 10px; border-bottom: 1px dashed #ccc}
.comments .comments_list div p {padding: 0 0 5px;}
.comments .comments_list div p.attribution {padding: 0; color: #aaa; font-size: 0.9em}

.comments h4 {padding: 0 0 4px;  font-weight: bold}

.comments .notice {padding: 10px 0; font-size: 13px; text-align: left}

.comments form table.comments_form {width: 100%; margin: 0 auto; border-collapse: collapse;  border: 0px dotted red}
.comments form table.comments_form tr td {padding-bottom: 4px;}
.comments form table.comments_form tr td.col1 {width: 70px}

.comments form label {}
.comments form input.field {width: 97%}
.comments form input.button {float: right;}
.comments form textarea {width: 97%; height: 120px; margin-bottom: 10px;}


/***** end: MAIN COLUMN CONTENT STYLE *****/


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

#footer-inner {padding: 0; }

#footer a {color: #aaa; text-decoration: none}
#footer a:hover {color: #EF540A}

/*---------------- footer menu -----------*/
#footer-logo {
    float: left;
    background: url(../img/alennus-logo-footer.png) 10px 20px no-repeat;
    width: 140px;
    height: 140px;
}
#footer .menu {font-family: arial_rounded, arial; border: 0; margin: 0 0 0 20px; padding: 0; background: none; font-size: 1em} /*safari*/
#footer .menu {float: left; width: 400px; padding: 0; margin: 0 0 0 20px; text-align: center; font-size: 11px}
#footer .menu ul { float: left; width: 100%; text-align: left; margin-top: 10px; }
#footer .menu ul li {float: left; display: inline; padding: 0 10px 0 11px; width: 25%; border: 0; color: #e5e5e5; line-height: 1.7; }
#footer .menu ul li.last {border: 0}
#footer .menu ul li a { }
#footer .menu ul li a:hover,
#footer .menu ul li a.active {}
#footer .newsletter {font-family: arial_rounded, arial; float: right; text-align: left; width: 346px; height: 246px; padding: 0 30px 0 10px; color: #fff; background: url(../img/footer-uutiskirje-bg.png) no-repeat 0 1px; }
#footer .newsletter .desc { float: left; text-align: left; padding: 10px 0; font-size: 11px; color: #8a8a8a; line-height: 1.7; }
#footer .newsletter .desc a { color: #f97200; }
#footer .bigText { float: left; text-align: left; font-family: arial_rounded, arial; width: 85%; height: 40px; padding-top: 12px; margin-top: 10px; background: url(../img/footer-line.gif) repeat-x left bottom; font-size: 20px; color: #e5e5e5; text-shadow: 1px 1px 1px #555; }
#footer .menu .bigText { width: 95%; font-family: arial_rounded, arial; }
#footer .bigText .desc, #footer .bigText span { text-align: left;  font-size: 16px; font-family: arial_rounded, arial; }
/*---------------- copyright -------------*/
#footer .copyright {position: absolute; top: 200px; clear: both; width: 100%; height: 40px; color: #252525; text-align: center; font-family: arial_rounded, arial; text-shadow: 1px 1px 1px #4b4b4b; font-size: 20px; height: 40px; }
#footer .by {}
#footer .legal {text-align: center}
/*============= end: Footer ==============*/

.legal {padding: 15px 0;  text-align: center;}

.storeThumb {max-height: 110px; max-width: 110px;}
.coupon .storeThumb {max-height: 140px; max-width: 190px;padding-top: 20px;}

/************ end: CONTENT STYLE **********/

.sideCoupon{
    font-size: 10px;   text-align: left;
    line-height: 12px;
}
.sideCoupon a{
    font-size: 10px;
}
.sideCoupon img{
    max-height: 45px; max-width: 90px;
}
               /* min-height: 500px; */

.panel {min-height: 400px;}
.panel-side {padding: 0px 10px 0 10px;}
.panel-side p {font-size: 11px; }
.DOD-side-title {margin-top: 10px; width: 200px;}
.panel-header {display: none}

.panel-with-header .panel-header h1 {font-size: 26px; line-height: 62px; font-weight:normal; margin: 0px; padding-left: 20px; color: #fff;}
.panel-body {background-position: top right; background-repeat:repeat-y; height: 100%; padding: 0px; position: relative; zoom: 1; z-index:1}
.panel-body .panel-innards {position: relative; z-index: 2; padding: 20px;}

.daily-deal .panel-body .panel-innards {position: relative; z-index: 2; padding: 0px;}
.deal-title h1 {font-size: 24px; line-height: 30px; margin-bottom: 5px; font-weight: bold; color: black;}

.daily-deal .deal-description {color: #3a3b3d; line-height: 18px; margin-bottom: 10px;}
.daily-deal .deal-description a {text-decoration: none; font-weight: bold; color: #1d81c1}
.deal-detailed-description
{
    clear: both;
    font-size: 12px;  
    padding: 0px 20px 0 10px; 
}
.deal-detailed-conditions
{
    clear: both;
    font-size: 12px; 
    padding: 10px 20px 20px 10px;    
}
.daily-deal .deal-price {padding-top: 10px; font-size: 72px; line-height: 72px; font-weight: bold; width: 255px; position: relative; padding-left: 10px; color: #82B5DD; text-shadow: 0px 1px 1px rgba(0,0,0,0.7); overflow: hidden}
.grid_5{width:280px}

.daily-deal .content {padding: 5px 5px 10px 0px; width: 295px;}
.daily-deal .content p {font-size: 12px; color: #3a3b3d; margin-bottom: 0px}

.grid_5, .grid_7{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.clearfix{display:inline-block}

.dodTitle { width:100%; display: inline;  float: left;  margin-left: 10px;  margin-right: 10px;   position: relative;}
.dodTitle h1 {font-size: 24px; line-height: 30px; margin-bottom: 5px; margin-top: 5px; font-weight: bold; color: black;}


.deal-info {width: 285px; height: 51px; margin: 10px 0px}
.deal-info li {float: left; font-size: 18px; font-weight: bold; text-align: center; color: #82B5DD; border: 1px solid #e2e2e2; position: relative; height: 100%; width: 139px; margin-right: 2px}
.deal-info li table {width: 100%}
.deal-info li.yours {color: #1d81c1;}
.deal-info li.li2 {width: 280px;}
.deal-info .value, .deal-info .label {position: absolute; width: 100%; top: 10px; left: 0px}
.deal-info .label {top: 30px; font-size: 10px; text-transform: lowercase; color: #58595b; font-weight: normal}
.deal-info .label a {color: #fff !important}

.deal-info .topLink {padding-top:5px; padding-bottom: 5px;}
.deal-info .topLink a {font-size: 16px;}
.deal-info .botLink a {font-size: 14px;}


.DOD-side-title {font-size: 16px; line-height: 20px; padding-top: 10px; padding-bottom: 12px;  font-weight: bold; color: black; padding-left: 2px; padding-right: 2px; width: 220px; }
.DOD-side-region{font-size: 10px; line-height: 10px; padding-top: 7px; padding-bottom: 2px;  font-weight: normal; color: black; padding-left: 2px; padding-right: 10px; text-align: right;}
.DOD-side-priceTag{background:  url(../img/dod-arrow-l.png) no-repeat; margin-left: -32px; height:81px; width: 287; font-size: 14px; line-height: 14px; font-weight: bold; color: black;}
.DOD-side-price{font-size: 30px; font-weight: bold; color: black;}
.DOD-side-img{padding-top: 2px; padding-bottom: 12px;}
.DOD-side-img img{max-height: 283px; max-width: 283px;}

.priceSm {font-size: 15px;}
/*.getIt {border: 2px solid #AECADE; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; background-color: #82B5DD; padding: 5px; width: 70%; margin-right: auto; margin-left: auto;}
.getIt a{text-decoration: none; font-size: 18px;  color: #FFFFFF; text-align: center;}
.getIt a:hover{text-decoration: none;font-size: 18px; color: #AECADE; text-align: center;}*/

.getCouponCode
{
    position: relative;
    height: 75px;
    margin-left: 43px;
}
.getCouponCode .ccode { 
    float: left; cursor: pointer;
    text-shadow: 1px 1px 1px #ff6700;
    width:266px;
    height:65px;
    padding: 15px 0 0 20px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    background: transparent url("../img/siirry-sivulle.png") no-repeat 0 0;
}
.getCouponCode .ccode.hover {
     text-shadow: 1px 1px 1px #ffad77;   
     background: transparent url("../img/siirry-sivulle.png") no-repeat 0 0;
}
.getCouponCode .ccode * {
    display: none;
}
.getIt
{
    position: relative;
    height: 75px;
}
.getIt div
{
    position: absolute;
    right: -30px;
}
.getIt a
{
    display:block; width:266px;height:75px;background:url("../img/siirry-sivulle.png") no-repeat 0 0;
}

.getIt a:hover
{
    background-position:0 -73px;
}

.getIt a span
{
    position:absolute;top:-999em;
}


.vLine {border-left: 1px solid #AECADE;border-right: 1px solid #AECADE;}

#rewards{ float:right; padding:10px;font-size: 16px; border: 1px solid #AECADE; text-align: center; }
#rewards span{ font-size: 16px;  padding:10px;}
#rewards a{ font-size: 12px;}

.rewTable{
  border-left: 1px solid #AECADE; border-top: 1px solid #AECADE; 
}
.rewTable td{
  border-right: 1px solid #AECADE;border-bottom: 1px solid #AECADE;  padding: 3px;;
}
.rewTable th{
  border-right: 1px solid #AECADE;border-bottom: 1px solid #AECADE;  font-weight: bold;
}

#chReg2Div select { border:0; color:#EEE; background:transparent;
font-size:20px; font-weight:bold; padding:2px 10px; width:378px;
*width:350px; *background:#58B14C; }

#chRe2gDiv { overflow:hidden; width:350px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border-radius: 9px 9px 9px 9px;
box-shadow: 1px 1px 11px #330033;
background: #58B14C; }


#chRegDiv select  {
  outline: 0;    font-size:20px;  
  overflow: hidden;
  height: 35px;
  background: #F0F0F0;
  color:#747a80;
  border:#2c343c ;
  padding:5px 3px 5px 10px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border-right: 1px solid #ACACAC;
 
 width:318px; *width:350px; *background:#F0F0F0;
}

#chRegDiv select option {border:1px solid #E0E0E0; background:#F0F0F0;}

#chRegDiv {text-align: center; font-size:20px; }
#chRegADDiv {float: left;}
#chRegADDiv a img {padding-top: 6px; }

.bigLink {font-size: 16px; font-weight: bold;}
.featStoreLink{font-weight: bold; background-color: #;}
.featCoupon {}
.featRibbon { float: right; height: 48px; width: 48px; position: absolute; right: 32px;   z-index: 77;}
.featRibbon img{ float: right; height: 48px; width: 48px; position: relative;   z-index: 77;}

#rotating_items{
    position: relative;
}
    #rotating_items h3{
        margin: 0px;
    }
 
    #rotating_items div.rotating_item{
        position: absolute;
    }
    
.regions a{font-size: 16px;}    
.regions h4{font-size: 18px; padding-top: 10px;}    

a.child {padding-left: 10px; line-height: 15px; font-size: 11px; font-weight: normal}
.sideCatTable {font-size: 12px;}
.tabLink {text-decoration: none; color: black;}

#topMenu{ border-bottom: 0px solid #007FE1; margin: 0 auto; min-height: 35px; position: relative; width: 100%; z-index: 100;  background:#fff; }

#topMenu .menu {position: relative; bottom: 0px; margin-left: auto; margin-right: auto; width: 960px;}
#topMenu .menu ul {padding: 0px 3px 0 0px; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; float: left;}
#topMenu .menu ul li {float: left; display: block; padding: 0; padding: 0px; }
#topMenu .menu ul li.last {background: none}
#topMenu .menu ul li a {display:block; height: 27px; padding: 8px 5px 0 5px; border: 0px solid #aecade; color:#333333; text-decoration:none; text-align:center;  font-weight: bold;}
#topMenu .menu ul li a:hover {color: #333; text-decoration: none}
#topMenu .menu ul li a.active {border-bottom-color: #fff; color: #222; text-decoration: none}  

.subHeader{margin-top: 20px;}


.art-nav{  background-image:url("images/button1.png"); background-repeat:repeat-x;  position: relative;  width:100%;  margin:0 auto;  min-height: 31px;  z-index: 100;    margin-top: 0;    margin-bottom: 0;    background-color: #fff;        border: 0px solid #7c7c7c; }

.art-nav-wrapper {    position: relative;    width:980px;    margin:0 auto;}
.art-nav-inner {    margin: 0 4px;}

.topbuttons{float:right; margin:0px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif;}


.topbuttons .button_first, .topbuttons .button{background-image:url("images/button1x.png"); width:159px; height:30px; float:left; background-repeat:no-repeat; cursor:pointer; font-size:16px; color:#595959; text-align:center; padding-top:5px;}
.topbuttons .button_last{width:161px; height:30px; float:left;  background-repeat:no-repeat; cursor:pointer; font-size:18px; color:#595959; text-align:center; padding-top:5px;}
.topbuttons .button, .topbuttons .button_last{ background-image:url("images/button1x.png"); margin:0px 0px 0px 2px;*_margin:0px 0px 0px 1px;}
.topbuttons .button_first:hover, .topbuttons .button:hover{ background-repeat:no-repeat; color:#fc0700;}
.topbuttons .button_last:hover{background-repeat:no-repeat; color:#fc0700;}

/***** Wrapping Ribbons *****/
.wrap-rib
{
    position: relative;
}
.rib-diilit-lahella {
    position: absolute;
    cursor: pointer;
	width: 140px;
	height: 138px;
	top: -26px;
	right: 4px;  
    z-index: 2;
    background: url(../img/rib-blue-diilit-lahellasi.png) no-repeat; 
}
.rib-diilit-lahella-right-menu {
    position: absolute;
    cursor: pointer;
	width: 140px;
	height: 138px;
	top: -26px;
	right: 0px;  
    z-index: 2;
    background: url(../img/rib-blue-uusimmat-diilit.png) no-repeat; 
}
.rib-diilit-uusimmat {
    position: absolute;
	width: 140px;
	height: 138px;
	top: -26px;
	right: 4px;  
    z-index: 2;
    background: url(../img/rib-blue-uusimmat-diilit.png) no-repeat; 
}
.rib-alennuskoodit {
    position: absolute;
	width: 140px;
	height: 138px;
	top: -26px;
	right: 1px;
    cursor: pointer;  
    z-index: 2;
    background: url(../img/rib-green-alennuskoodit.png) no-repeat; 
}
.rib-top-alennukset {
    position: absolute;
	width: 140px;
	height: 138px;
	top: -26px;
	right: 4px;  
    z-index: 2;
    background: url(../img/rib-orange-top-alennukset.png) no-repeat; 
}
#email_address
{
    width: 150px;
}
table.top-stores
{
    width: 100%;
    border: 0;
    text-align: left;  
}
table.top-stores td
{
    text-align: left;  
}
.topStoresTable td
{
    text-align: left;
    width: 40%; 
    font-family: arial_rounded;   
}
.claimLink
{
    margin-top: 2px;
}
.Kategoria, .Kategoria_sel
{
    font-size: 15px; float: left; font-weight: bold; padding-left: 10px;
}
.Kategoria_sel
{
    color: #ff9c01; 
}






/* BUTTON STYLE */
/* REQUIRED BUTTON STYLES: */
.buttonright
{
float: right;
padding: 10px 0;
}
.buttonleft
{
float: left;
padding: 10px 0;
}
.clear
{
clear:both;
}
.buttonleft button, .buttonright button {
position: relative;
border: 0;
padding: 0;
cursor: pointer;
overflow: visible; /* removes extra side padding in IE */
}
.buttonleft button::-moz-focus-inner, .buttonright button::-moz-focus-inner {
border: none;  /* overrides extra padding in Firefox */
}
.buttonleft button span, .buttonright button span {
position: relative;
display: block;
white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
.buttonleft button span, .buttonright button span {
margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
.buttonleft button.submitBtn, .buttonright button.submitBtn {
    padding: 0px;
    margin-right: 5px;
    font-weight: 400;
    text-align: center;
    border-radius: 4px;
    /* font-size: 14px; */
    background: #ff7300;
    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
}
.buttonleft button.submitBtn span, .buttonright button.submitBtn span {
    color: #FFF;
    padding: 0px 25px;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    line-height: 35px;
    font-size: 16px;
    /*background: transparent url("/images/btn-nuoli.png") no-repeat scroll 100% 50%;*/
}
.product_item .buttonleft button.submitBtn span {height: auto;}
.product_item .buttonleft {display:none; position: absolute; bottom: 0px; left: 26px;}
.buttonleft button.submitBtn:hover, .buttonleft button.submitBtnHover, .buttonright button.submitBtn:hover, .buttonright button.submitBtnHover { 
    background-color: #ff7300; 
    box-shadow: 0;
}
.buttonright_large
{
float: right;
padding: 15px 0;
}
.buttonleft_large
{
float: left;
padding: 15px 0;
}
.clear
{
clear:both;
}
.buttonleft_large button, .buttonright_large button {
position: relative;
border: 0;
padding: 0;
cursor: pointer;
overflow: visible; /* removes extra side padding in IE */
}
.buttonleft_large button::-moz-focus-inner, .buttonright_large button::-moz-focus-inner {
border: none;  /* overrides extra padding in Firefox */
}
.buttonleft_large button span, .buttonright_large button span {
position: relative;
display: block;
white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
.buttonleft_large button span, .buttonright_large button span {
margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
.buttonleft_large button.submitBtn, .buttonright_large button.submitBtn {
    font-size: 22px;
    padding: 0px;
    margin-right: 5px;
    font-weight: 400;
    border-radius: 4px;
    background: #ff7300;
    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
}
.buttonleft_large button.submitBtn span font, .buttonright_large button.submitBtn span font {
font-size:12px;
}
.buttonleft_large button.submitBtn span, .buttonright_large button.submitBtn span {
    padding: 15px 20px 0 20px;
    margin: 0;
    height: 59px;
    line-height: 22px;
    color: #fff;
}
.buttonleft_large button.submitBtn:hover, .buttonright_large button.submitBtn:hover {
    background-color: #ff7300;
}




.joululahjabutton, .lahjabutton
{
    float: right;
    width: 127px;
    height: 36px;
    background: url(/images/btn_tilaa-joululahjaksi.png) no-repeat 0 0;
    text-decoration: none;
    cursor: pointer;
    /* clear: both; */
    margin-bottom: 7px;
    margin-right: 20px;
    vertical-align: top;
}
.lahjabutton { background: url("/images/btn_tilaa-lahjaksi.png") no-repeat 0 0; }
.joululahjabutton:hover, .lahjabutton:hover {background-position:0 -36px;}
.joululahjabutton span, .lahjabutton span{position:absolute;left:-999em;}
.lahjalinkki2, .joululahjalinkki2
{
    float: left;
    background: #c90d80;
    padding: 6px 6px;
    margin-right: 5px;
    font-size: 12px;
}
.joululahjalinkki2
{
    background: #e60449;
}
.lahjalinkkilast
{
    margin-right: 0;
}
.joululahjalinkki
{
    background: #e60449;
    float: right;
    padding: 3px 5px;
    margin-right: 5px;
    font-size: 12px;
}
.lahjalinkki
{
    float: right;
    padding: 3px 5px;
    margin-right: 5px;
    font-size: 12px;
}
.lahjalinkki span
{
    cursor: pointer;
    color: #9F2870;
}
.lahjalinkki span:hover, .joululahjalinkki span:hover, .lahjalinkki2 span:hover
{
    cursor: pointer;
    color: #ffd5e2;
}
 .joululahjalinkki a,  .lahjalinkki a,  .lahjalinkki2 a
 {
    text-decoration: none;   
 }
 .joululahjalinkki span, .lahjalinkki2 span, .joululahjalinkki2 span
{
    cursor: pointer;
    color: white;
    font-weight: bold;
}