/*------------------------------------------------------- * Filename: style.css * Description: Global Css * Version: 1.0.1 (09.10.2009) * Author: Andrey Zverev * E-mail: sitecor@gmail.com == STTUCTURE: =========================================== * Page width: 934px * Number of columns: 3 * Layout: fixed --------------------------------------------------------*/ /******************************************/ /* */ /* PAGE RESET */ /* */ /******************************************/ html, body, form, input {margin:0; padding:0} h1, h2, h3, h4, h5, h6, p, span, ul, li, small {margin:0; padding:0; font-size: 100%; font-weight:normal} ul, li {list-style-type: none} a, img {outline: 0} img {border: 0} fieldset {border:0} /************* end: PAGE RESET ************/ /******************************************/ /* */ /* PAGE LAYOUT */ /* */ /******************************************/ #page {} #header {position: relative; width: 934px; height: 162px; margin: 0 auto;} #main {position: relative; width: 934px; margin: 0 auto;} #bottom {position: relative; width: 934px; margin: 0 auto;} #footer {position: relative; overflow: hidden; height: 44px;} /*--------------- container --------------*/ .leftcol {float:left; width: 228px;} .rightcol {float:right; width: 228px;} .maincol {float:left; width: 470px; margin: 0 4px} #main .topcol .content {padding: 20px 0px 0px} #main .leftcol .content {position: relative; padding: 0px 0px 0px 0px} #main .rightcol .content {position: relative; padding: 0px 0px 0px 0px} #main .maincol .content {padding: 4px 16px 20px} #footer .content {position: relative; width: 934px; margin: 0 auto;} /*---- container: border, background -----*/ body {background: url(../images/body_fon.gif) #d0e4f1} #page {background: url(../images/body_fon_bar.gif) repeat-x} #header {} #main {} #footer {background: #59bbdf} #main .rightcol .content {} #main .maincol .top_border {height: 15px; background: url(../images/content_top.png) no-repeat} #main .maincol .content {background: url(../images/content_bg.png) repeat-y} #main .maincol .bottom_border {height: 90px; background: url(../images/content_bottom.png) no-repeat} #main .leftcol, #main .rightcol {} /*--------------- container --------------*/ .box {margin: 0 0 20px; padding: 10px; border: 1px solid #ccc;} /*------------------ debug ---------------*/ /*#page {} #header {background: #F7F7F7} #header {background: #F7F7F7} #main {} #footer {background: #888} #main .topcol .content {border: 1px dotted red} #main .maincol .content {border: 1px dotted blue} #main .leftcol .content {border: 1px dotted red} #main .rightcol .content {border: 1px dotted red} /************* end: PAGE LAYOUT ***********/ /******************************************/ /* */ /* GLOBAL CONTENT STYLE */ /* */ /******************************************/ body {color: #303030; font: 12px Arial, Helvetica, sans-serif;} h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif} h1 {font-size: 21px;} h2 {margin: 0 0 10px; height: 35px; padding: 6px 10px 0; background: url(../images/h2_bg.png) no-repeat; color: #fff; font-size: 24px;} h3 {margin: 0 0 10px; font-size: 18px;} h4 {font-size: 13px;} p {padding-bottom: 10px; /*line-height: 14px;*/} a {color: #0077d3; text-decoration: underline} a:hover {color: #aaa} h2 a {color: #fff; text-decoration: underline} h2 a:hover {color: #fff; text-decoration: none} /*------------------ forms ----------------*/ input.button {cursor: pointer; padding: 2px 4px} /*----------- float, align, display -------*/ .f_l {float:left; margin: 0px 0px 0px 0px} .f_r {float:right; margin: 0px 0px 0px 0px} .a_r {text-align: right} .inline {display: inline} .hiden {display: none} /*------------ clear, separation ---------*/ .sep {clear:both} .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} .clear {display: block; border: 0px dashed #F63} .hr {display: none} /*----------------- links ---------------*/ a.delete {color: #FF3C3C; text-decoration: none} a.delete:hover {text-decoration: underline} a.add {color: #080; text-decoration: none} a.add:hover {text-decoration: underline} /*------------- notification -------------*/ .notification_good {margin: 0 0 15px; padding: 15px; background: #D9FFD9; color: #008000; text-align: center; font-size: 18px} .notification_normal {margin: 0 0 15px; padding: 15px; background: #FFFFD2; color: #FC3; text-align: center; font-size: 18px} .notification_bad {margin: 0 0 15px; padding: 15px; background: #FFE1E1 ; color: #FF4848; text-align: center; font-size: 18px} /******** end: GLOBAL CONTENT STYLE *******/ /*========================================*/ /* Header */ /*========================================*/ /*----------------- logo -----------------*/ #header .logo {position: absolute; display: block; width: 320px; height: 94px; top: 10px; left: 10px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; font-size: 30px;} /*---------------- main menu -------------*/ #header .menu {border: 0; margin: 0; padding: 0} /*safari*/ #header .menu {position: absolute; width: 920px; top: 108px; left: 5px;} #header .menu {position: relative; height: 48px; padding-left: 5px; background: url(../images/menu_bar_bg.png) no-repeat 0 0} #header .menu div {position: relative; height: 48px; padding-right: 5px; background: url(../images/menu_bar_bg.png) repeat-x 100% -48px} #header .menu div div {position: relative; height: 48px; background-position: 0 -96px} #header .menu ul {padding: 0px 0 0; font-size: 18px; text-align: right} #header .menu ul li {display: block; float: right; color: #cfcc7b} #header .menu ul li a {display: block; height: 43px; margin: 0 2px 0; background: url(../images/menu_hl.png) no-repeat 0 -43px; color: #fff; text-decoration:none; cursor: pointer} #header .menu ul li a span {display: block; height: 28px; padding: 15px 15px 0; background: url(../images/menu_hr.png) no-repeat 100% -43px; color: #fff; text-decoration:none;} #header .menu ul li a:hover {background: url(../images/menu_hl.png) no-repeat; text-decoration: none;} #header .menu ul li a:hover span {background: url(../images/menu_hr.png) no-repeat 100% 0; text-decoration: none;} #header .menu ul li a.active {background: url(../images/menu_hl.png) no-repeat; text-decoration: none;} #header .menu ul li a.active span {background: url(../images/menu_hr.png) no-repeat 100% 0; text-decoration: none;} /*------------------ links ---------------*/ #header .links {position: absolute; top: 0px; right: 10px} #header .links ul {padding: 8px 0 0; font: 14px; text-align: center} #header .links ul li {display: inline; color: #005766;} #header .links ul li a {margin: 0 6px 0; color: #555; text-decoration:none;} #header .links ul li a:hover {text-decoration: underline;} #header .links ul li a.active {text-decoration: underline;} /*---------------- exclusive -------------*/ #header .exclusive {position: absolute; width: 206px; height: 45px; top: 7px; right: 0px; background:url(../images/exclusive.png) } /*------------------- info ---------------*/ #header .info {position: absolute; top: 115px; left: 20px; color: #fff; font: bold 13px Arial, Helvetica, sans-serif } /*------------------ search --------------*/ #header .search {position: absolute; top: 56px; right: 0px} #header .search form label {float: left; margin: 5px 8px 0 0; color: #da0000; font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;} #header .search form .field {float:left; width: 263px; height: 33px; margin: 4px 0 0 0; padding: 0px 0 0 8px; background: url(../images/search_bg.png); border: 0; color: #999; font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif } #header .search form .button {float:left; width: 69px; height: 40px; margin: 0px 0 0 4px; padding:0; background: url(../images/go.png); border: 0} /*------------------ stats ---------------*/ #header .stats {position: absolute; width: 223px; top: 90px; right: 0px; border: 0px dotted red} #header .stats h3 {margin: 0; padding: 0 0 5px; color: #4d4d4d; font-size: 14px;} #header .stats table {width: 100%; border: 0px dotted red; border-collapse: collapse; color: #777; font-size: 12px} /*=============== end: Header ============*/ /*========================================*/ /* Top Column Content */ /*========================================*/ .topcol h3 {margin: 0 30px 20px} /*======== end: Top Column Content =======*/ /******************************************/ /* */ /* SIDEBAR CONTENT */ /* */ /******************************************/ .sidebar_menu {margin: 0 0 15px; overflow: hidden} .sidebar_menu h3 {padding: 0 0 4px;} .sidebar_menu ul {margin-bottom: -1px;} .sidebar_menu ul li {border-bottom: 1px solid #ddd} .sidebar_menu ul li a {display: block; padding: 4px;} .sidebar_menu ul li a:hover {background: #09F; color: #fff; text-decoration: none} .sidebar_menu ul li a.active {font-weight: bold} /*----------------- module ---------------*/ .module {margin: 0 0px 1px;/* padding: 10px; border: 1px solid #ccc*/} .module h3 {margin: 0 0 0px; padding: 0px 0 0 0px; /*cursor: pointer;*/} /*.module h3:hover {background-color: #9bcd03} .module h3.hover {background-color: #9bcd03}*/ /*.module h3.hover:hover {background-position: 0 0;}*/ .module .in {margin-bottom: 0px; padding: 0 0 0px; font-size: 12px} .module {padding: 0 0 28px; background: url(../images/module_bottom1.png) no-repeat 0 100%} .module h3 {height: 48px; padding: 20px 25px 0; background: url(../images/module_top1.png) no-repeat; font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif} .module .in {padding: 0 28px 10px; background: url(../images/module_bg1.png) repeat-y} .leftcol .module h3 {color: #0074c2;} .rightcol .module h3 {color: #609c00;} /* module debug */ /*.module {background:#999} .module h3 {background:#0080C0; border: 1px dotted red} .module .in { background: #CCC; border: 1px dotted green} */ /*----------------- stats ----------------*/ /*.stats table {width: 72%; margin: 0 auto; border-collapse: collapse; font-size: 11px}*/ /*--------------- rss ------------*/ .rss a.rss_icon {margin: 0 0 8px;} .rss a.rss_icon {display: block; float: right; width: 15px; height: 16px; background: url(../images/icon_rss.png); text-indent: -9999px;} /*--------------- login nform ------------*/ .login_form {background: url(../images/module_bottom2.png) no-repeat 0 100%} .login_form h3 {background: url(../images/module_top2.png) no-repeat;} .login_form .in {background: url(../images/module_bg2.png) repeat-y} .login_form form label.checkbox {font-size: 11px} .login_form form .field {width: 152px; height: 21px; margin: 0 0 4px; padding: 0 5px; background: url(../images/input_bg.gif); border: 1px solid #e9e9e9; color: #333;} .login_form form .button {width: 97px; height: 40px; margin: 6px 0 0 -4px; background: url(../images/submit.png); border: 0; } .login_form .links {padding: 5px 5px 0 0; text-align: center;} .login_form .links a {} /*----------------- user menu ------------*/ .user_options {background: url(../images/module_bottom2.png) no-repeat 0 100%} .user_options h3 {background: url(../images/module_top2.png) no-repeat;} .user_options .in {background: url(../images/module_bg2.png) repeat-y} .user_options ul {overflow: hidden; margin: 10px 0 0} .user_options ul li {margin: 0 0 6px;} /*----------------- subscribe ------------*/ .subscribe form {} .subscribe form .field {width: 152px; height: 21px; margin: 10px 0 4px; padding: 0 5px; background: url(../images/input_bg.gif); border: 1px solid #e9e9e9; color: #333;} .subscribe form .button {width: 97px; height: 40px; margin: 6px 0 0 -4px; background: url(../images/subscribe.png); border: 0;} /*---------------- quick jump ------------*/ .quick_jump {} .quick_jump form {text-align: center} .quick_jump form select {width: 150px; margin: 0 0 10px; color: #cdcdcd} /*---------------- tags cloud ------------*/ .tags_cloud a {color: #cbcbcb; font-size: 13px; text-decoration: none;} .tags_cloud a:hover {color: #999;} /*----------------- 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 -----------*/ .top_stores ul {overflow: hidden} .top_stores ul li {margin: 0 0 6px; padding: 0 0 0 14px; background: url(../images/mark.png) no-repeat 0 4px} .top_stores ul li a {color: #4a7c8e; text-decoration: none; font-size: 12px; font-weight: bold} .top_stores ul li a:hover {text-decoration: underline} .top_stores a.see_all {display: none; font-size: 13px; } /*--------------- top coupons ------------*/ .top_coupons {} .top_coupons ul {} .top_coupons ul li {margin: 0 0 5px;} .top_coupons ul li a {text-decoration: none} .top_coupons ul li a span {display: block;} .top_coupons ul li a span.t_store {color: #434343} .top_coupons ul li a span.t_title {text-decoration: underline} .top_coupons a.see_all {font-size: 13px; font-weight: bold} /*------------- categories menu ----------*/ .categories_menu ul {overflow: hidden} .categories_menu ul li {margin: 0 0 6px; padding: 0 0 0 14px; background: url(../images/mark.png) no-repeat 0 4px} .categories_menu ul li a {color: #4a7c8e; text-decoration: none; font-size: 12px; font-weight: bold} .categories_menu ul li a:hover {text-decoration: underline} /*.categories_menu ul li.child {margin: 0 0 0 20px;} .categories_menu ul li.child a {font-size: 12px; font-weight: normal}*/ /*------------- categories related ----------*/ .related ul li {display: inline} .related ul li a {color: #ff8929; font-size: 13px; text-decoration: none;} .related ul li a:hover {text-decoration: underline;} /*---------------- more coupons -----------*/ .more_coupons {background: #fcf9d2; border: 1px solid #c0b19a} .more_coupons h3 {margin: 10px; padding: 10px 15px; background: #ded47d; color: #fff; font-size: 16px; font-weight: bold} .more_coupons h3 sup {color: #bf3600; font-size: 11px} .more_coupons .in {padding: 0 100px 0 15px; color: #ff8929} .more_coupons a {display: block; margin: 0 0 6px; color: #003441; font-size: 13px; text-decoration: underline} .more_coupons a:hover {text-decoration: none} /*---------------- add coupons -----------*/ .add_coupons {background: url(../images/house.png) no-repeat 210px 10px #fafbed; border: 1px solid #c2cec7} .add_coupons h3 {margin: 0; padding: 10px 0 0 15px; color: #bf3600; font-size: 18px} .add_coupons .in {padding: 0 100px 0 15px; color: #ff8929} .add_coupons .in a {color: #ff8929; text-decoration: underline} .add_coupons .in a:hover {text-decoration: none} /*----------------- add coupon -----------*/ .add_coupon {background: #fcf9d2; border: 1px solid #c2cec7} .add_coupon h3 {margin: 0; padding: 10px 0 10px 15px; border-bottom: 1px dashed #c2cec7; color: #005766; font-size: 16px; font-weight: bold} .add_coupon .in {padding: 10px 15px 0 15px;} .add_coupon .in a {color: #bf3600; font-size: 13px; text-decoration: none} .add_coupon .in a:hover {text-decoration: underline} .add_coupon table {border-collapse: collapse} .add_coupon table th {width: 34%; text-align: left; vertical-align:top; font-weight: normal} .add_coupon table td {padding: 0 0 10px; text-align: left; vertical-align:top;} .add_coupon form input.field {width: 94%; padding: 0 2%} .add_coupon form select {width: 100%} .add_coupon form textarea {width: 96%; height: 60px} .add_coupon form input.button {width: 110px; height: 29px; margin: 0 0 0px; background: url(../images/border_bg3.png) no-repeat; #ffffff; border: 0; color: #fff; font-weight: bold} /*----------------- text info -----------*/ .text_info {background: url(../images/men.jpg) no-repeat 170px 100% #f5ef75;} .text_info h3 {margin: 0; padding: 10px 0 5px 15px; color: #bf3600; font-size: 20px} .text_info .in {padding: 0 15px 16px 15px; color: #ff8929} .text_info .in p {color: #005766; font-size: 12px} .text_info .in a.more {color: #bf3600; text-decoration: underline} .text_info .in a.more:hover {text-decoration: none} /*----------------- bookmarks ------------*/ .bookmarks {padding: 0 0 15px; background: url(../images/module_bottom3.png) no-repeat 0 100%} .bookmarks h3 {height: 34px; background: url(../images/module_top3.png) no-repeat;} .bookmarks .in {padding: 0 16px; background: url(../images/module_bg3.png) repeat-y} .bookmarks a {display: block; margin: 0 3px 4px 0px; width: 196px; height: 41px; background: url(../images/bookmarks.png) no-repeat 0 0; text-indent: -9999px;} .bookmarks a:hover {margin: 0px 1px 4px 2px} .bookmarks a.rss {background-position: 0 0px} .bookmarks a.facebook {background-position: 0px -45px} .bookmarks a.twiter {background-position: 0 -90px} .bookmarks a.del {background-position: 0px -135px} .bookmarks a.digg {background-position: 0px -180px} /*-------------------- ads ---------------*/ .ads {padding: 0 0 15px; background: url(../images/module_bottom3.png) no-repeat 0 100%} .ads h3 {height: 34px; background: url(../images/module_top3.png) no-repeat;} .ads .in {padding: 0 16px; background: url(../images/module_bg3.png) repeat-y} /*********** end: SIDEBAR CONTENR *********/ /******************************************/ /* */ /* MAIN COLUMN CONTENT */ /* */ /******************************************/ /*========================================*/ /* Gglobal Main Column Style */ /*========================================*/ /*----------------- headers --------------*/ .h_ld {display: block; width: 112px; height: 19px; margin: 6px 0 0; background: url(../images/h_latest_deals.png); text-indent: -9999px} /*----------------- messages -------------*/ .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;} /*---------------- main menu -------------*/ .maincol .menu {margin: 10px -10px 0; padding: 10px 0 0; border-top: 1px dashed #cccccc; border-bottom: 0} .maincol .menu ul {padding: 0px 0 0; font-size: 12px; text-align: center} .maincol .menu ul li {display: inline; color: #909090} .maincol .menu ul li a {margin: 0 6px 0; color: #909090; text-decoration:none;} .maincol .menu ul li a:hover {text-decoration: underline;} .maincol .menu ul li a.active {text-decoration: underline;} /*----------------- pathway --------------*/ .pathway {} /*--------------- page string ------------*/ .pages_string {margin: 10px 0 10px; text-align: right} .pages_string a {margin: 0 0px; padding: 0 4px; border: 1px solid #09F;} .pages_string a:hover {background: #09F; color: #fff; text-decoration: none} .pages_string strong {padding: 0 4px; background: #09F; border: 1px solid #09F; color: #fff;} /*-------------- pagination --------------*/ .pagination { color: #909090; font-size: 14px; text-align: center} .pagination a {display: inline-block; margin: 0 0 6px; padding: 3px 8px; color: #909090; text-decoration: none} .pagination a:hover {color: #80b52b; text-decoration: none} .pagination strong {display: inline-block; margin: 0 0 6px; padding: 3px 8px; color: #80b52b; 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: 0px 0 20px; padding: 0 0 0; color: #c2c2c2; text-align: center; font-size: 12px;} .sort a {padding: 0 3px; } .sort a.active {} .sort {border: 0px dotted green} /*---------------- notice ----------------*/ .notice {padding: 0 0 20px; color: #FF4F4F; text-align: center; font-size: 16px } /*---------------- notice ----------------*/ .text {padding: 0 0 20px; font-size: 13px; } /*-------------- table data --------------*/ .table_data {width: 100%; /*border-collapse: collapse;*/ margin: 4px 0px 3px 0px;} .table_data .t_head td { height: 20px; padding: 4px 0; background: #888; border-top: #DFEFFF solid 1px; border-bottom: #DFEFFF solid 1px; color: #fff; font-weight: bold; text-align: center; } .table_data tr.t_body td {padding: 3px 3px 1px 3px; color: #666666; border-bottom: #f1f1f1 solid 1px;} .table_data tr.row_even td {background: #F8F8F8;} .table_data tr.row_new td {background: #EBFEE9;} .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} /*==== end: Gglobal Main Column Style ====*/ /*========================================*/ /* Deals */ /*========================================*/ /*------------------ deals ---------------*/ .deals {margin: 0 0 20px 0px} .deal_item .item {position: relative; margin: 0 0px 15px; padding: 0px 0 0px;} .deal_item .item .col1 {float: left; width: 50%;} .deal_item .item .col2 {float: left; width: 50%;} .deal_item .item .col3 {float: left; width: 0%;} .deal_item .item .title {width: 438; height: 30px; margin: 0 0 10px; padding: 11px 10px 0; background: url(../images/bar2_bg.png) no-repeat; color: #59bbdf; font-size: 13px; font-weight: bold} .deal_item .item .title strong {color: #e21633} .deal_item .item .details {position: relative; margin: 5px 5px 0 0} .deal_item .item .details ul {margin: 0px 0 10px; border-top: 1px solid #d7d7d7} .deal_item .item .details ul li {padding: 2px 0; border-bottom: 1px solid #d7d7d7} .deal_item .item .details ul li.fon {background: url(../images/list_bg.png) no-repeat 0 100%;} .deal_item .item .price-photo {width: 216px; margin: 0 0 0 6px; background: url(../images/box_bg.png) repeat-y -432px 0;} .deal_item .item .price-photo .b-t {background: url(../images/box_bg.png) no-repeat 0 0} .deal_item .item .price-photo .b-b {padding: 15px; background: url(../images/box_bg.png) no-repeat -216px 100%} .deal_item .item .price {display: block; position: relative; width: 188px; height: 36px; padding: 5px 0px 0; background: url(../images/price_bg.png) no-repeat} .deal_item .item .price strong {position: absolute; display: block; left: 5px; color: #fff; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;} .deal_item .item .price small {position: absolute; display: block; right: 5px; top: 14px; color: #e7f4f9; font-size: 12px; font-weight: bold} .deal_item .item .photo {padding: 15px 0; text-align: center} .deal_item .item .photo img {/*width: 63px; height: 63px;*/} .deal_item .item .store {} .deal_item .item .store a {} .deal_item .item .description {margin: 5px 0;} .deal_item .item .details .tags {} .deal_item .item .links {margin: 4px 0px; padding: 4px 4px 5px; border: 1px solid #a8a8a8; border-right: 0; border-left: 0} .deal_item .item .links a {margin: 0 18px 0 0} .deal_item .item .get_deal {display: block; width: 210px; height: 42px; margin: 0 0 10px; background: url(../images/click_here.png) no-repeat; text-indent: -9999px} .deal_item .item .tweet_deal {display: block; width: 210px; height: 32px; margin: 0 0 10px; background: url(../images/tweet.png) no-repeat; text-indent: -9999px} /*---------------- deal view -------------*/ .deal_view .item a.btn {display: none} .deal_view .deal_item .item .details .short_text {display: none} .deal_view .deal_item .item .details .full_text {display: block} .deal_view .deal_item .item .details .description a.more{display:none} /*================ end: Deals ============*/ /*========================================*/ /* Coupons */ /*========================================*/ /*----------- categories tree ------------*/ .coupons_category table {border-collapse: collapse;} .coupons_category .tree {padding: 0 0 0 10px;} .coupons_category .tree a {color: #555; font-size: 15px; font-weight: bold} .coupons_category .tree a:hover {text-decoration: none;} .coupons_category .tree a.child {padding-left: 10px; color: #555; 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 {padding-bottom: 20px} .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 0 15px;} .coupons .table ul {margin: 0 0 2px; padding: 0 0px 0px 16px; border: 0px solid red} .coupons .table ul li {float:left; overflow: hidden; padding: 2px 0} .coupons .table ul li.col1 {width: 23%} .coupons .table ul li.col2 {width: 22%} .coupons .table ul li.col3 {width: 32%} .coupons .table ul li.col4 {width: 20%; text-align: center} .coupons .table ul li.col5 {width: 3%} .coupons .table ul.t_head {margin-bottom: 4px; background: #d9d9d9;} .coupons .table ul.t_head li {height: 21px; padding-top: 2px; color: #fff; font-weight: bold; font-size: 14px; } .coupons .table ul.t_head li a {color: #fff;} .coupons .table ul.t_body {} .coupons .table ul.even {background: #eee;} .coupons .table ul.t_body li {color: #898989; font-size: 12px;} .coupons .table ul.t_body li.col2 {color: #999;} .coupons .table ul.t_body li.col2 a {color: #80b52b; line-height: 15px; font-size: 11px;} .coupons .table ul.t_body li.col2 a:hover {color: #aaa;} .coupons .table ul.t_body li.col3 a {} .coupons .table ul.t_body li.col4 span {} .coupons .table ul.t_body li.col5 a {display: block; border: 0px solid red; text-indent: -9999px} /*=============== 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; text-align:center;} .stores .letters a {font-size: 14px; font-weight: bold;} .stores table {margin: 0 auto; border: 0px dotted green} .stores .store_list {border: 0px dotted green} .stores .store_list h4 {margin-top: 10px; font-size: 30px;} .stores .store_list h4 a {} .stores .store_list a {font-size: 14px;} .stores .store_list small {color: #c2c2c2; font-size: 10px;} .stores .store_list small a {color: #aaa; font-size: 11px;} /*-------------- 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} /*=============== end: Stores ============*/ /*---------------- search ----------------*/ .search_result .result {padding-bottom: 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;} /*-------------- comments form ------------*/ .comments {} .comments .comments_list {overflow: hidden; border: 0px dotted red;} .comments .comments_list ul {margin: 0 0 -12px;} .comments .comments_list ul li {margin: 0 10px 10px 0; border-bottom: 1px solid #9bcd03} .comments .comments_list ul li p {padding: 0 0 10px;} .comments h4 {font-weight: bold} .comments .notice {padding: 10px 0; font-size: 13px; text-align: left} .comments form table.comments_form {width: 100%; 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: 7%} .comments form .field {width: 79%} .comments form .button {padding: 4px 10px} .comments form textarea {width: 80%; height: 120px; color: #F06800; font-size: 16px;} /***** end: MAIN COLUMN CONTENT STYLE *****/ /*========================================*/ /* Bottom */ /*========================================*/ /*---------------- bottom menu -----------*/ #bottom .menu {border: 0; margin: 0; padding: 0} /*safari*/ #bottom .menu {margin: 0 0 6px;} #bottom .menu {height: 57px; padding-left: 13px; background: url(../images/menu2_left.png) no-repeat 0 0} #bottom .menu div {height: 57px; padding-right: 13px; background: url(../images/menu2_right.png) no-repeat 100% 0} #bottom .menu div div {height: 57px; background: url(../images/menu2_bg.png) repeat-x} #bottom .menu ul {padding: 20px; text-align: center;} #bottom .menu ul li {display: inline; color: #7fa6bf;} #bottom .menu ul li a {margin: 0 2px 0; color: #7fa6bf; text-decoration:none;} #bottom .menu ul li a:hover {text-decoration: underline;} #bottom .menu ul li a.active {text-decoration: underline;} /*============= end: Bottom ==============*/ /*========================================*/ /* Footer */ /*========================================*/ #footer {font-size: 11px; color: #dfeff5;} #footer a {color: #dfeff5; text-decoration: none;} /*---------------- footer menu -----------*/ #footer .menu {position: absolute; top: 30px; left: 220px; } #footer .menu ul {} #footer .menu ul li {display: inline;} #footer .menu ul li a {margin: 0 2px 0; text-decoration:none;} #footer .menu ul li a:hover {text-decoration: underline;} #footer .menu ul li a.active {text-decoration: underline;} /*---------------- copyright -------------*/ #footer .logo {position: absolute; display: block; width: 104px; height: 31px; top: 10px; left: 10px; background: url(../images/logo_mini.png) no-repeat; text-indent: -9999px} #footer .copyright {position: absolute; top: 17px; left: 130px; } #footer .by {position: absolute; top: 17px; right: 10px; } /*============= end: Footer ==============*/ /************ end: CONTENT STYLE **********/