/*------------------------------------------------------- * 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 {margin:0; padding:0} h1, h2, h3, h4, h5, h6, p, span, ul, li {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 {position: relative; width: 970px; margin: 0 auto;} #header {position: relative; height: 262px; margin: 0 auto; z-index: 1010;} #main {position: relative; margin: 0 0 15px;} #bottom {position: relative; margin: 0 0 15px } #footer {position: relative; overflow: hidden; margin: 0 0 15px } /*--------------- container --------------*/ .leftcol {float:left; width: 0px;} .rightcol {float:right; width: 319px;} .maincol {float:left; width: 651px;} #main .topcol .content {position: relative; padding: 0px 0px 0px;} #main .leftcol .content {position: relative; padding: 0px 0px 0px 0px} #main .rightcol .content {position: relative; padding: 0px 10px 20px 0px} #main .maincol .content {padding: 0px 10px 20px;} /*---- container: border, background -----*/ body {background: url(../images/body_bg.png) repeat-x #426778} #page {} #header {} #main .inner {background: #fff;} #bottom .inner {background: #fff;} #footer .inner {background: #e7eff1;} #main .rightcol .content {} #main .maincol .content {} .maincol .content {} #main .leftcol, #main .rightcol {} /*------------ main container ------------*/ .box {position: relative; margin: 0 0 20px;} .box .in {position: relative; padding: 10px; border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6;} /*--------- container: corners -----------*/ .bt, .bt div, .bb, .bb div {height: 8px; overflow: hidden; background: url(../images/c1.png) no-repeat} .bt {padding-left: 8px; background-position: 0 0} .bt div {padding-right: 8px; background-position: 100% -8px} .bt div div {height: 8px; background: #fff;} .bb {padding-left: 8px; background-position: 0 -24px} .bb div {padding-right: 8px; background-position: 100% -16px} .bb div div {height: 8px; background: #fff;} #bottom .bt {background-position: 0 -64px} #bottom .bt div {background-position: 100% -72px} #bottom .bt div div {background: #bed1da; border-top: 1px solid #fff} #bottom .bb {background-position: 0 -24px} #bottom .bb div {background-position: 100% -48px} #bottom .bb div div {padding: 0; background: #fff;} #bottom .bb div div div {float: right; width: 313px; background: #e7eff1;} #footer .bt {background-position: 0 -32px} #footer .bt div {background-position: 100% -40px} #footer .bt div div {background: #e7eff1;} #footer .bb {background-position: 0 -56px} #footer .bb div {background-position: 100% -48px} #footer .bb div div {background: #e7eff1;} .bts, .bts div, .bbs, .bbs div {height: 5px; overflow: hidden; background: url(../images/c2.png) no-repeat} .bts {padding-left: 5px; background-position: 0 0} .bts div {padding-right: 5px; background-position: 100% -5px} .bts div div {height: 4px; background: #fff; border-top: 1px solid #d6d6d6;} .bbs {padding-left: 5px; background-position: 0 -15px} .bbs div {padding-right: 5px; background-position: 100% -10px} .bbs div div {height: 4px; background: #fff; border-bottom: 1px solid #d6d6d6;} /*.bt, .bt div, .bb, .bb div {height: 4px; overflow: hidden; background: url(img/c.png) no-repeat} .bt {padding-left: 4px; background-position: 0 0} .bt div {padding-right: 4px; background-position: 100% -4px} .bt div div {height: 3px; background: #fff; border-top: 1px solid #CCC; } .bb {padding-left: 4px; background-position: 0 -12px} .bb div {padding-right: 4px; background-position: 100% -8px} .bb div div {height: 3px; background: #fff; border-bottom: 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 */ /* */ /******************************************/ /*---------------- global ----------------*/ body {color: #303030; font: 11px Verdana, Geneva, sans-serif ;} h1, h2, h3 {font-family: Verdana, Geneva, sans-serif } h1 {font-size: 21px;} h2 {margin: 0 0 10px; height: 35px; padding: 6px 10px 0; color: #333; font-size: 24px;} h3 {margin: 0 0 10px; font-size: 18px;} h4 {font-size: 13px;} p {padding-bottom: 10px; /*line-height: 14px;*/} a {color: #73a0b6; text-decoration: underline; cursor: pointer} a:hover {color: #aaa;} h2 a {color: #fff; text-decoration: underline} h2 a:hover {color: #fff; text-decoration: none} /*----------------- forms ----------------*/ input.field {border: 1px solid #ccc} textarea {border: 1px solid #ccc} 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.add {color: #080;} a.add:hover {color: #aaa} a.edit {color: #080;} a.edit:hover {color: #aaa} a.delete {color: #FF3C3C;} a.delete:hover {color: #aaa} /*----------------- tabbar ---------------*/ .tabbar {background: url(../images/point.png) 0 100% repeat-x} .tabbar ul li {float: left;} .tabbar ul li a {display: block; height: 31px; margin: 0 1px 0 0px; background: url(../images/tab_l.png) no-repeat; color: #426778; text-decoration: none; font-size: 12px;} .tabbar ul li a span {display: block; height: 24px; padding: 7px 10px 0; background: url(../images/tab_r.png) no-repeat 100% 0; text-decoration: none; text-align: center; font-weight: bold} .tabbar ul li a:hover {background: url(../images/tab_l.png) no-repeat 0 -31px; color: #ff651a} .tabbar ul li a:hover span {background: url(../images/tab_r.png) no-repeat 100% -31px;} .tabbar ul li a.active {background: url(../images/tab_l.png) no-repeat 0 -31px; color: #ff651a} .tabbar ul li a.active span {background: url(../images/tab_r.png) no-repeat 100% -31px;} /*------------- 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;}*/ #header .logo {position: absolute; display: block; top: 10px; left: 15px; text-decoration: none; font-size: 30px;} /*------------------- info ---------------*/ #header .info {position: absolute; top: 20px; left: 160px; color: #fff; font: bold 13px Arial, Helvetica, sans-serif } /*---------------- main menu -------------*/ #header .menu {border: 0; margin: 0; padding: 0} /*safari*/ #header .menu {position: absolute; top: 70px; left: 0px;} #header .menu {position: relative; height: 48px; padding-left: 6px; background: url(../images/menu_bg.png) no-repeat 0 0} #header .menu div {position: relative; height: 48px; padding-right: 6px; background: url(../images/menu_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 10px; font: 18px Tahoma, Geneva, sans-serif;} #header .menu ul li {display: block; float: left; padding: 0 0px 0 0; background: url(../images/menu_sep.png) 100% 16px no-repeat;} #header .menu ul li.last {background: none} #header .menu ul li a {display: block; height: 36px; margin: 0 0px 0; padding: 12px 20px 0; background: url(../images/menu_bg.png) 0 -96 repeat-x; color: #426778; text-decoration:none; cursor: pointer} #header .menu ul li a:hover, #header .menu ul li a.active {background: url(../images/menu_bg.png) 0 -144px repeat-x; no-repeat; color: #fff; text-decoration: none;} /*#header .menu ul li a span {display: block; height: 28px; padding: 15px 15px 0; background: url(../images/menu_bg.png) no-repeat 100% -43px; color: #fff; 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 span {background: url(../images/menu_hr.png) no-repeat 100% 0; text-decoration: none;} */ /*-------------- sub menu -------------*/ /*#header .submenu {position: absolute; top: 124px; border: 0px dotted green; z-index: 1010;} #header .submenu ul {padding: 0 0 0 5px; border: 0px dotted red; } #header .submenu ul li {float: left; position: relative; margin: 0 0px 0 0; padding: 0 0px 0 0; background: url(../images/submenu_sep.png) no-repeat 100% 6px} #header .submenu ul li.last {background: none} #header .submenu ul li a {display: block; padding: 4px 12px 4px 26px; color: #88959b; text-decoration: none; font-size: 12px;} #header .submenu ul li a span {padding: 0 14px 0 0;} #header .submenu ul li.parent a span {background: url(../images/submenu_arrow.png) no-repeat 100% 7px;} #header .submenu ul li a:hover {background: #a4c0cc; color: #fff; text-decoration: none} #header .submenu ul li a:hover span {background-position: 100% -9px;} #header .submenu ul li a.active {background-position: 100% -9px; color: #426778; text-decoration: none} #header .submenu ul li.hover a {background: #a4c0cc; color: #fff} #header .submenu ul li.hover a span {background-position: 100% -9px;} #header .submenu ul li ul {display: none; position: absolute; z-index: 1110; padding: 5px 0 10px; background: #a4c0cc;} #header .submenu ul li ul li {float: none; background: none;} #header .submenu ul li ul li a {color: #426778; text-decoration: underline} #header .submenu ul li.hover ul li a {color: #426778; text-decoration: underline} #header .submenu ul li ul li a:hover {background: #d3e1e7; color: #426778;} */ .submenu {position: absolute; top: 124px; border: 0px dotted green; z-index: 1010;} .submenu ul {padding: 0 0 0 5px; border: 0px dotted red;} .submenu ul li {float: left; position: relative; margin: 0 0px 0 0; padding: 0 0px 0 0; background: url(../images/submenu_sep.png) no-repeat 100% 6px} .submenu ul li.last {background: none} .submenu ul li a {display: block; padding: 4px 12px 4px 26px; color: #88959b; text-decoration: none; font-size: 12px;} .submenu ul li a span {padding: 0 14px 0 0;} .submenu ul li.parent a span {background: url(../images/submenu_arrow.png) no-repeat 100% 7px;} .submenu ul li a:hover {background: #a4c0cc; color: #fff; text-decoration: none} .submenu ul li a:hover span {background-position: 100% -9px;} .submenu ul li a.active {background-position: 100% -9px; color: #426778; text-decoration: none} .submenu ul li.hover a {background: #a4c0cc; color: #fff} .submenu ul li.hover a span {background-position: 100% -9px;} .submenu ul li ul {display: none; position: absolute; z-index: 1100; padding: 5px 0 10px; background: #a4c0cc;} .submenu ul li ul li {float: none; background: none;} .submenu ul li ul li a {color: #426778; text-decoration: underline} .submenu ul li.hover ul li a {color: #426778; text-decoration: underline} .submenu ul li ul li a:hover {background: #d3e1e7; color: #426778;} /*------------------ 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 {float: left; color: #005766;} #header .links ul li a {display: block; height: 21px; margin: 0 0px 0; color: #74797d; text-decoration:none;} #header .links ul li a span {display: block; height: 17px; padding: 4px 8px 0;} #header .links ul li a span em {padding: 0 0 0 16px; background: url(../images/icons/icons_top.png) no-repeat 0 0px; font-style:normal} #header .links ul li a:hover {background: url(../images/toplink_l.png) no-repeat; text-decoration: none;} #header .links ul li a:hover span {background: url(../images/toplink_r.png) no-repeat 100% 0;} #header .links ul li.icon_profile em {background-position: 0 0} #header .links ul li.icon_admin em {padding: 0; background-position: 0 15px} #header .links ul li.icon_messages em {background-position: 0 -12px} #header .links ul li.icon_submit em {background-position: 0 -24px} #header .links ul li.icon_alerts em {background-position: 0 -36px} #header .links ul li.icon_invite em {background-position: 0 -48px} #header .links ul li.icon_logout em {background-position: 0 -60px} /*------------------ search --------------*/ #header .search {position: absolute; top: 84px; right: 10px} /* #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} */ #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; margin: 0px 0 0 0; padding: 1px 3px 2px; border: 1px solid #d5d5d5; color: #999;} #header .search form .button {float:left; width: 90px; height: 19px; margin: 1px 0 0 4px; padding: 0px 0px; background: url(../images/button_bg.png) no-repeat; border: 0; color: #fff; font-size: 11px; font-weight: bold} /*------------------ 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} /*--------------- info_boxes -------------*/ .info_boxes {position: absolute; top: 154px;} .info_boxes .info_box {float: left; width: 318px; height: 100px; margin: 0 8px 0 0; background: url(../images/box1.png) no-repeat} .info_boxes .info_box h3 {margin: 0; padding: 6px 20px 6px; color: #426778; font-size: 14px; font-weight: bold} .info_boxes .info_box .in {padding: 0 20px; color: #74797d} .info_boxes .info_box .in a {color: #ff651a} .info_boxes .info_box .in a:hover {color: #aaa} .info_boxes .info_box .in p {padding: 0 0 5px} .info_boxes .twitter {} .info_boxes .twitter .in {padding-right: 150px;} .info_boxes .facebook {background: url(../images/box2.png) no-repeat} .info_boxes .facebook .in {padding-right: 60px;} .info_boxes .subscribe {margin: 0; background: url(../images/box3.png) no-repeat} .info_boxes .subscribe form {margin: 0px 0 0;} .info_boxes .subscribe form .field {float:left; width: 170px; margin: 0px 0 0 0; padding: 1px 3px 2px; border: 1px solid #d5d5d5; color: #999;} .info_boxes .subscribe form .button {float:left; width: 90px; height: 19px; margin: 1px 0 0 4px; padding: 0px 0px; background: url(../images/button_bg.png) no-repeat; border: 0; color: #fff; font-size: 11px; font-weight: bold} /*=============== end: Header ============*/ /*========================================*/ /* Top Column Content */ /*========================================*/ .topcol h3 {margin: 0 20px 10px} /*-------------- topcol_menu -------------*/ /*.submenu {background:#09F; margin: 0 0 20px;} .submenu ul {} .submenu ul li {float: left;} .submenu ul li a {display: block; padding: 8px 15px; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold} .submenu ul li a span {font-weight: bold} .submenu ul li a:hover {background: #7BF} .submenu ul li a.active {background: #7BF} .submenu ul li.hover a {background: #7BF} .submenu ul li ul {display: none; position: absolute; z-index: 1010; background: #7BF} .submenu ul li ul li {float: none} .submenu ul li ul li a {} .submenu ul li ul li a:hover {background: #aaa} */ /*======== 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 ---------------*/ .sidebar .module {margin: 0 0px 15px; padding: 0 0 5px; background: url(../images/module_bb.png) no-repeat 0 100%;} .sidebar .module h3 {height: 22px; margin: 0 0 0px; padding: 6px 0 0 20px; background: url(../images/module_bt.png) no-repeat; color: #426778; font-size: 14px; /*cursor: pointer;*/} .sidebar .module h4 {padding: 0 0 4px; color: #426778; font-size: 14px} /*.module h3:hover {background-color: #9bcd03} .module h3.hover {background-color: #9bcd03}*/ /*.module h3.hover:hover {background-position: 0 0;}*/ .sidebar .module .in {margin-bottom: 0px; padding: 15px 20px; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; 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: 30px; margin: 6px 0 0 0px;} .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;}*/ /*.subscribe form .field {width: 150px; height: 21px; margin: 0px 0 0px; padding: 0 4px; color: #333;} .subscribe form .button {width: 80px; height: 21px; margin: 0px 0 0 6px; padding: 10px 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 {display: block; float: left; margin: 0 3px 4px 0px; width: 20px; height: 20px; background: url(../images/bookmarks.png) no-repeat 0 0; text-indent: -9999px;} */ .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} /* .bookmarks a.yahoo {background-position: -22px 0px} .bookmarks a.bm3 {background-position: -44px 0px} .bookmarks a.bm6 {background-position: -110px 0px} .bookmarks a.bm7 {background-position: -132px 0px} .bookmarks a.technorati {background-position: -154px 0px} .bookmarks a.bm10 {background-position: -198px 0px} .bookmarks a.red {background-position: 0 0px} .bookmarks a.del {background-position: -44px 0px} .bookmarks a.google {background-position: -66px 0px} .bookmarks a.su {background-position: -88px 0px} .bookmarks a.yahoo {background-position: -110px 0px} .bookmarks a.ms {background-position: -132px 0px} .bookmarks a.slashdot {} .bookmarks a.fark {} .bookmarks a.blogmarks {} .bookmarks a.technorati {} .bookmarks a.netscape {} .bookmarks a.facebook {} */ /* .bookmarks a.red:hover {background-position: 0 0} .bookmarks a.digg:hover {background-position: -20px 0} .bookmarks a.del:hover {background-position: -40px 0} .bookmarks a.google:hover {background-position: -60px 0} .bookmarks a.su:hover {background-position: -80px 0} .bookmarks a.yahoo:hover {background-position: -100px 0} .bookmarks a.ms:hover {background-position: -120px 0} */ /*-------------------- 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 #89afbf; text-decoration: none} .pages_string a:hover {background: #89afbf; color: #fff; text-decoration: none} .pages_string strong {padding: 0 4px; background: #89afbf; border: 1px solid #89afbf; 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 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;} .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} /*----------------- icons ----------------*/ .friends_count {display: block; padding: 0 0 0 20px; background: url(../images/icons/icon_friends.png) no-repeat;} .applause_count {display: block; padding: 0 0 0 20px; background: url(../images/icons/icon_applause.png) no-repeat;} .page_bottom {display: block; padding: 0 0 2px 20px; background: url(../images/icons/icon_down.png) no-repeat 0 2px;} .page_top {display: block; padding: 0 0 2px 20px; background: url(../images/icons/icon_up.png) no-repeat 0 2px;} /*---------------- images ----------------*/ a.img_link img.small {padding: 0; border:0} img.small {width: 18px; height: 18px; padding: 1px; border: 1px solid #ccc} img.big {width: 48px; height: 48px; padding: 1px; border: 1px solid #ccc} img.img {padding: 0px; border: 1px solid #ccc} .img_list {overflow: hidden;} .img_list ul {margin-bottom: -1px} .img_list ul li {padding: 6px 0; border-bottom: 1px solid #ddd} .img_list ul li a.img_small {float: left} .img_list ul li span {display: block; float: left; margin: 3px 0 0 8px;} .img_list ul li span em {color: #aaa; font-style:normal} /*a.img_small {position: relative; display: inline-block; margin: 1px; padding: 1px; border: 1px solid #aaa}*/ a.img_small {position: relative; display: block; float: left; margin: 1px; padding: 1px; border: 1px solid #aaa} a.img_small:hover {border: 1px solid #09F} a.img_small img {padding: 0; border: 0;} a.img {position: relative; display: inline-block; margin: 1px; padding: 1px; border: 1px solid #bbb} a.img:hover {border: 1px solid #73a0b6} a.img img {padding: 0; border: 0;} /*==== end: Gglobal Main Column Style ====*/ /*========================================*/ /* Users */ /*========================================*/ /*---------------- user menu -------------*/ .user_menu {margin: 0 10px 20px; padding: 0 5px;} /*----------------- profile --------------*/ .profile {} .profile .info {} .profile .info .photo {float: left;} .profile .info .details {float: left; margin: 0 0 0 20px;} .profile .info .details h3 {margin: 0 0 4px; padding: 0;} .profile .info .details span {display: block} .profile .info .details .headline {margin: 0 0 6px; font-size: 11px; font-style: italic} .profile .info .details .since_date {margin: 0 0 10px 0} .profile .info .details .options span {margin: 0 0 4px 0} .profile .info .details .options .add_friend {} .profile .info .details .options .homepage {} .profile .info .details .options .send_message {} .profile .photos {margin: 10px 0 15px 0} .profile .photos ul {} .profile .photos ul li{float: left; margin: 0 2px 2px 0;} .profile .photos ul li a {position: relative; display: block; margin: 1px; padding: 1px; border: 1px solid #aaa} .profile .photos ul li a:hover {border: 1px solid #09F} .profile .photos ul li a img {width: 18px; height: 18px;} .profile .stats {margin: 0 0 15px; padding: 10px 0 0px; border-top: 1px solid #ccc} .profile .stats ul li {margin: 0 0 4px;} .profile .stats ul li a {} /*------------- add photo form -----------*/ .add_photo_form {margin: 0 0 20px} .add_photo_form form .button {display: block; margin: 10px 0 0; padding: 4px 8px} /*--------------- user photos ------------*/ .user_photos {} .user_photos ul{} .user_photos ul li{float: left; margin: 0 5px 15px;} .user_photos ul li a {position: relative; display: block; margin: 1px; padding: 2px; border: 1px solid #aaa} .user_photos ul li em {position: relative; display: block; height: 1em; padding: 0 3px; font-size: 11px; font-style: normal;} .user_photos ul li.basic a {margin: 0; border: 2px solid #FF9664} .user_photos ul li.active a {margin: 0; border: 2px solid #89afbf} .user_photos ul li a:hover {margin: 0; border: 2px solid #89afbf} .user_photos ul li.basic a .primary {position:absolute; width: 96px; bottom: 2px; padding: 0px 2px 1px; opacity: 0.8; background: #eee; border-top: 1px solid #555; color: #333; text-align: center; font: 11px Tahoma, Arial, sans-serif} /*.user_photos ul li a .caption {position:absolute; width: 96px; bottom: 2px; padding: 0px 2px 1px; opacity: 0.8; background: #eee; border-top: 0px solid #999; color: #333; font: 11px Tahoma, Arial, sans-serif} */ .user_photos ul li a .caption {position:absolute; display: none; width: 96px; bottom: 2px; padding: 0px 2px 1px; opacity: 0.6; background: #333; border-top: 0px solid #999; color: #eee; font: 11px Tahoma, Arial, sans-serif} /* .user_photos {border: 1px dotted blue} .user_photos ul li{border: 1px dotted red} */ /*---------------- photo view ------------*/ .photo_view {} .photo_view .photo {margin: 0 0 10px; text-align: center;} .photo_view .photo img {padding: 0px; border: 1px solid #aaa} .photo_view .options {width: 40%; margin: 0 auto 20px; padding: 10px; background: #eee; border: 1px solid #aaa;} .photo_view .options strong {display: block; margin: 0 0 6px;} .photo_view .options a {display: block; margin: 0 0 6px} .photo_view .options a.set_primary {} .photo_view .options a.del {color: #FF6262} .photo_view .options a.add_edit {margin: 0 0 10px;} .photo_view .options .photo_caption {} .photo_view .options form label {font-weight: bold} .photo_view .options form textarea {width: 80%; height: 100px; margin: 0 0 10px;} .photo_view .options form .button {display: block; padding: 4px 8px} /*--------------- wall messages ----------*/ .wallmsgs {} .wallmsgs .del a {color: #F55} .wallmsgs .item {margin: 0 0 20px; border: 0px dotted red;} .wallmsgs .item .userphoto {float: left; width: 80px} /*.wallmsgs .item .message {float: left; width: 70%; padding: 5px 10px; border: 1px solid #ccc;}*/ .wallmsgs .item .message {margin: 0 0 0 80px; padding: 5px 10px; border: 1px solid #ccc;} .wallmsgs .item .message .posted_by {margin: 5px 0 0; color: #aaa; font-size: 11px;} .wallmsgs_send {padding: 10px; border: 1px solid #ccc} .wallmsgs_send form textarea {width: 96%; height: 120px} .wallmsgs_send form .button {margin: 10px 0 0;} /*------------- private messages ---------*/ .privmsgs {} .privmsgs small {font-size: 11px} .privmsgs .table_data .userphoto {float: left} .privmsgs .table_data .username {float: left; margin: 3px 0 0 5px} .privmsgs .buttons input.button {margin: 6px 0 0 0px; padding: 2px 4px} .privmsgs_send {} .privmsgs_send table {width: 80%; border-collapse: collapse;} .privmsgs_send table td {padding: 0 6px 10px 0; vertical-align: top; border: 0px dotted red;} .privmsgs_send table td.col1 {width: 20%; text-align: right;} .privmsgs_send .message {padding: 4px 6px 10px ; border: 1px solid #ccc} .privmsgs_send form textarea {width: 100%; height: 100px} .privmsgs_send form .field {width: 100%; padding: 2px 0} .privmsgs_send form .button {padding: 2px 8px; margin: 0 6px 0 0} /*----------------- settings -------------*/ .settings h3 {margin: 0 0 20px} .settings table {width: 90%; border-collapse: collapse;} .settings table td {padding: 0 10px 10px 0; vertical-align: top; border: 0px dotted red;} .settings table td.col1 {width: 20%; text-align: right; font-weight:bold} .settings .password_settings table td.col1 {width: 50%; text-align: right; font-weight:bold} .settings ul {margin: 0 10px 15px} .settings ul li {margin: 0 0 8px} .settings ul li label {margin: 0 6px 0px} .settings form textarea {width: 98%; height: 100px} .settings form select {width: 100%; padding: 2px 0} .settings form .field {width: 99%; padding: 2px 0} .settings form .button {margin: 0 6px 0 0} /*------------- friends module -----------*/ .sidebar .friends {} .sidebar .friends ul {} .sidebar .friends ul li{float: left; margin: 0 2px 2px 0;} .sidebar .friends ul li a {position: relative; display: block; margin: 1px; padding: 1px; border: 1px solid #aaa} .sidebar .friends ul li a:hover {border: 1px solid #09F} .sidebar .friends ul li a img {padding: 0; border: 0;} .sidebar .friends .more {display: block; text-align: right} /*=============== end: Users =============*/ /*========================================*/ /* Topics */ /*========================================*/ .new_topic {position: absolute; right: 20px; top: 0px; font-size: 18px} .edit_topic_categories {position: absolute; right: 200px; top: 0px; font-size: 18px} /*----------------- topics ---------------*/ .topics {} .topics .table_data tr.t_head td {background: #fff; color: #888;} .topics .table_data tr.t_body td {padding: 15px 3px 15px; background: none} .topics .table_data tr.row_even td {background: #F8F8F8;} /*.topics .table_data tr.t_body:hover td {background: none}*/ /*--------------- topic view -------------*/ .topic_view {} .topic_view .topic {margin: 0 0 20px} .topic_view .topic .user_info {position: relative; float: left; width: 20%} .topic_view .topic .user_info img {} .topic_view .topic .user_info .friends_count {position: absolute; top: 0; left: 60px} .topic_view .topic .user_info .applause_count {position: absolute; top: 20px; left: 60px} .topic_view .topic .user_info .username {display: block} .topic_view .topic .message {float: left; width: 80%} .topic_view .topic .message .options {} /*-------------- topic replises ----------*/ .topic_view .replies {position: relative} .topic_view .replies .list {position: relative; padding: 0 0 10px;} .topic_view .replies .page_bottom {position: absolute; top: 6px; right: 0} .topic_view .replies .page_top {position: absolute; bottom: 6px; right: 0} .topic_view .replies .del a {color: #F55} .topic_view .replies .item {margin: 0 0 20px; border: 0px dotted red;} .topic_view .replies .item .userphoto {float: left; width: 80px} .topic_view .replies .item .message {margin: 0 0 0 80px; padding: 5px 10px; border: 1px solid #ccc;} .topic_view .replies .item .message .posted_by {margin: 5px 0 0; color: #aaa; font-size: 11px;} .topic_view .replies_send {} .topic_view .replies_send form textarea {width: 96%; height: 120px} .topic_view .replies_send form .button {margin: 10px 0 0;} /*--------------- categories -------------*/ a.link_category_add {position: absolute; top: 5px; right: 5px; color: #080;} a.link_category_add:hover {color: #aaa} /*=============== end: Topic =============*/ /*========================================*/ /* Comments */ /*========================================*/ /*------------ recent comments -----------*/ .recent_comments {} .recent_comments .title {display:block; margin: 0 0 4px;} .recent_comments .img_small {margin: 0 4px 2px 0;} /*============= end: Comments ============*/ /*========================================*/ /* Deals */ /*========================================*/ /*------------------ deals ---------------*/ .deals {margin: 0 0 20px 0px} .deal_item .item {position: relative; margin: 0 0px 15px; padding: 0px 0 0px;} /*.deal_item .item {border: 1px dotted red}*/ /* .deal_item .item .b_t {position: absolute; width: 760px; height: 16px; top: 0; left: 0; background:url(../images/deal_bg1.png) no-repeat} .deal_item .item .b_b {position: absolute; width: 760px; height: 20px; bottom: 0; left: 0; background:url(../images/deal_bg3.png) no-repeat;} .deal_item .item .drop {padding: 0 12px 0 0px; background: url(../images/drop.png) repeat-y 100% 0} .deal_item .item a.btn {position: absolute; display: block; width: 21px; height: 15px; bottom: 18px; right: 20px; background: url(../images/arrow.png) } .deal_item .item a.show {background-position: 0 -15px} .deal_item .item a.hide {background-position: 0 0} */ .deal_item .item .col1 {float: left; width: 30%;} .deal_item .item .col2 {float: right; width: 70%;} .deal_item .item .col3 {float: left; width: 0%;} .deal_item .item .title {margin: 0 0 10px; padding: 0px 0px 0; color: #333; font-size: 16px; 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 {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; padding: 5px 0px 0; background: url(../images/price_bg.png) no-repeat; text-align: center} .deal_item .item .price strong {display: block; color: #aaa; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;} .deal_item .item .price small {display: block; color: #ccc; 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_item .item .details .short_text {} .deal_item .item .details .full_text {display:none} */ /*---------------- 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} /* .deals {border: 0px dashed blue} .deals .item {border: 0px dashed red} .deals .item .details h4 {border: 0px solid green} .deals .item .details .description {border: 0px dashed red} .deal_view {border: 0px dotted green} */ /*================ 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:hover {background-position: 0 -25px; background-color: #f7dd50}*/ .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 {padding: 15px 40px; background: url(../images/bg2.png) repeat-x #e7e7e7; border-top: 1px solid #fff} .search form label {float: left; margin: 4px 8px 0 0; color: #7a7878; font-size: 12px; text-transform: uppercase} .search form .field {float: left; width: 520px; padding: 4px 8px 3px; background: #e7e7e7; border: 1px solid #bcbbbb; color: #3ea5fc} .search form .button {float: left; width: 54px; height: 25px; background: #e7e7e7; border: 1px solid #bcbbbb; border-left: 0; color: #3ea5fc} */ .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;} /***** end: MAIN COLUMN CONTENT STYLE *****/ /*========================================*/ /* Bottom */ /*========================================*/ /*---------------- bottom menu -----------*/ #bottom .menu {border: 0; margin: 0; padding: 0; background: none; font-size: 1em} /*safari*/ #bottom {color: #74797d} #bottom .inner {padding: 0 1px 0px} #bottom .rss_small {padding-left: 13px; background: url(../images/icons/icon_rss.png) no-repeat 0 2px; font-style: normal} #bottom .more {display: block; margin: 10px 0 0; text-align: right} #bottom .more a {color: #ff651a} #bottom .more a:hover {color: #777} #bottom .module {float: left; width: 25%; margin: 0} #bottom .module h3 {margin: 0; padding: 0 0px 6px 20px; background: #bed1da; border-right: 1px dashed #a6b5bc; color: #426778; font-size: 14px} #bottom .module .in {min-height: 160px; margin: 1px 0 0 0px; padding: 10px 10px 10px 20px; border-right: 1px dashed #d2d4d5} #bottom .menu ul {} #bottom .menu ul li {border-bottom: 1px solid #e3e3e3} #bottom .menu ul li a {display: block; color: #74797d; text-decoration: none} #bottom .menu ul li a span {display: block; padding: 2px 10px;} #bottom .menu ul li a:hover {background: url(../images/bottom_menu_l.png) no-repeat; color: #fff; text-decoration: none} #bottom .menu ul li a:hover span {background: url(../images/bottom_menu_r.png) no-repeat 100% 0;} #bottom .menu1 {width: 216px;} #bottom .menu1 .in {padding-left: 10px} #bottom .menu2 {width: 216px;} #bottom .menu2 ul li {margin: 0 0 4px} #bottom .menu2 .in {padding-right: 10px;} #bottom .menu3 {width: 216px;} #bottom .menu3 h3 {border: 0} #bottom .menu3 .in {padding-left: 10px; border: 0} #bottom .menu4 {width: 320px;} #bottom .menu4 h3 {border: 0} #bottom .menu4 .in {margin: 1px 0 0 0px; padding-right: 20px; background: #e7eff1; border: 0} #bottom .menu4 ul li {margin: 0 0 12px} /*============= end: Bottom ==============*/ /*========================================*/ /* Footer */ /*========================================*/ #footer {font-size: 11px;} #footer a {text-decoration: none;} /*---------------- footer menu -----------*/ #footer .menu {border: 0; margin: 0; padding: 0; background: none; font-size: 1em} /*safari*/ #footer .menu {padding: 10px 0 0; text-align: center} #footer .menu ul {} #footer .menu ul li {display: inline; color: #426778;} #footer .menu ul li a {margin: 0 2px 0; color: #426778; text-decoration:none;} #footer .menu ul li a:hover {text-decoration: underline;} #footer .menu ul li a.active {text-decoration: underline;} /*------------------ links ---------------*/ /*#footer .links {padding: 0 0 10px 40px;} #footer .links ul {font-size: 11px;} #footer .links ul li {display: inline;} #footer .links ul li a {margin: 0 10px 0 0;} #footer .links ul li a:hover {} /*---------------- 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 {padding: 30px 20px 10px} #footer .by {} /*============= end: Footer ==============*/ /************ end: CONTENT STYLE **********/