/*-------------------------------------------------------
* Filename:				style.css
* Description:			Global Css
* Version:				1.0.0 (3.07.2009)
* Author:				Andrey Zverev
* E-mail:				andrey1512@yandex.ru

== STTUCTURE: ===========================================
* Page width:	 		1000px
* Number of columns:	2
* 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 {width: 1000px; margin: 0 auto;}

#header {position: relative;}
#main {position: relative; padding: 0;}
#footer {position: relative; overflow: hidden; padding: 0 0 30px 0}

/*--------------- container --------------*/
.rightcol {width: 196px; float:right;}
.maincol  {width: 800px; float:left;}

#main .rightcol .content {position: relative; padding: 10px 0px}
#main .maincol  .content {padding: 40px 10px 40px 40px}

/*---- container: border, background  ----*/
body {background: url(../images/fon_bg.jpg) fixed #ccc}
#page {border-left: 1px solid #777; border-right: 1px solid #777}
#header {background: #eee}
#main {background: #FFF}
#footer {background: #807e7e;}

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



/******************************************/
/*										  */
/*			 GLOBAL CONTENT STYLE		  */
/*										  */
/******************************************/
body {font: 12px  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8d8c8c;}

h1, h2, h3  {}

h1 {font-size: 21px;}
h2 {padding: 0 0 15px; font: bold 18px "Arial Black", Gadget, sans-serif; color: #fee271; text-transform: uppercase; letter-spacing: 12px;}
h3 {padding-bottom: 10px; font-size: 16px; font-weight: bold}
h4 {font-size: 13px;}

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

a {color:#F06800; text-decoration: none}
a:hover {color: #F06800; text-decoration: underline}

/*----------- 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}

/*------------ 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}

.menu {background: none; border-bottom: 0} /* for safari */

/*---------------- 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: #3ea5fc}
.search_result h3 {padding-bottom: 0px; font-size: 20px; font-weight: bold; color: #78ad03}
.search_result ul.s_stores a {font-size: 17px;}


/*-------------- pagination --------------*/
.pagination {position: absolute; bottom: 0px; right: 214px; color: #ddd; font-size: 30px;  font-size: 28px;}
.pagination a {color: #c2c2c2;}
.pagination a:hover {color: #fd7202; text-decoration: none}
.pagination small {color: #78ad03; font-size: 14px;}
.pagination strong {color: #3ea5fc;}

/*----------------- sort -----------------*/
.sort {margin: 0px 0 20px; padding: 0 0 0; color: #c2c2c2; text-align: center; font-size: 18px;}
.sort a {padding: 0 6px; color: #3ea5fc;}
.sort a.active {}

.sort {border: 0px dotted green}

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

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



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

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

/*----------------- logo ---------------*/
.logo {display: block; width: 1000px; height: 229px; background: url(../images/head_img.jpg)  no-repeat #ff8708; text-indent: -9999px}

/*---------------- main menu -------------*/
#header .menu {height: 39px; padding:0; background: url(../images/menu_bg.png) repeat-x #676767}

#header .menu ul {padding: 8px 0 0; font-size: 16px; text-transform: uppercase; text-align: center}
#header .menu ul li {display: inline; color: #444}
#header .menu ul li a {margin: 0 2px 0; color: #fdd102; text-decoration:none;  font-weight: bold;}
#header .menu ul li a:hover {color: #fd0202; text-decoration: none;}
#header .menu ul li a.active {color: #befb03;}

/*------------------ info ----------------*/
.info {padding: 20px 10px 10px; background: url(../images/bg1.png) repeat-x #9bcd03}
.info p {padding: 0 0 10px; text-align: center; color: #3d3d3d; font: 13px/14px Georgia, "Times New Roman", Times, serif}
.info p small {color: #fff; line-height: 20px; font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif}

/*=============== end: Header ============*/


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

/*------------------ deals ---------------*/
.deals {margin: 0 0 20px 0px}
.deal_item .item {position: relative; margin-left: -9px; overflow: hidden; margin-bottom: 0px; padding: 10px 0 15px; background: url(../images/deal_bg2.png) repeat-y}

.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: 15%;}
.deal_item .item .col2 {float: left; width: 65%;}
.deal_item .item .col3 {float: left; width: 19%;}

.deal_item .item .photo {position: relative; padding: 4px 0 0; text-align: center}
.deal_item .item .photo img {width: 63px; height: 63px;}

.deal_item .item .store {display: none; padding: 6px 4px 0 0;  text-align: right; font-weight: bold}
.deal_item .item .store a {font-weight: bold}

.deal_item .item .details {position: relative; padding: 0 0px 0 4px; font-size: 11px;}
.deal_item .item .details h4 {}
.deal_item .item .details h4 a {color: #f26522; font-size: 15px;}
.deal_item .item .details h4 strong a span {color: #3ea5fc; font-weight: normal;}
.deal_item .item .details .description {padding-bottom: 10px; color: #6a6a69; min-height:2.1em;}
.deal_item .item .details .description p {display: inline}
.deal_item .item .details .description a.more span{color: #3ea5fc; font-size: 10px;}

.deal_item .item .details .tags {display: none; margin: 0 0 4px; color: #aaa}

.deal_item .item .details .links {padding-right: 20px;}
/*.deals .item .details .links .f_l {width:50%}
.deals .item .details .links .f_r {width:50%}*/
.deal_item .item .details .links a {color: #f59a05}
.deal_item .item .details .links a.category_link span{color: #3ea5fc}
.deal_item .item .details .links a.go_getem {display: inline-block; width:89px; height: 15px; background: url(../images/go_getem.png) no-repeat; text-indent: -9999px;}

.deal_item .item .details .short_text {}
.deal_item .item .details .full_text {display:none}

.deal_item .item .price {display: block; position: relative; padding: 13px 0 0; text-align: center}
.deal_item .item .price strong {display: block; padding-bottom: 5px; color: #ed1c24; font: bold 20px Georgia, "Times New Roman", Times, serif}
.deal_item .item .price small  {display: block; color: #bababa; font: 14px Arial, Helvetica, sans-serif; text-decoration:line-through; }

/*---------------- 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 ============*/


/*========================================*/
/*                  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 {color: #3ea5fc; 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; color: #dddddd; font-size: 24px;}
.stores .store_list h4 a {color: #dddddd; font-size: 20px;}
.stores .store_list a {font-size: 14px; font-weight: normal} /* store.cat.name */
.stores .store_list a span {color: #78ad03; font-weight: normal}

.stores .store_list small {color: #c2c2c2; font-size: 10px;}
.stores .store_list small a {color: #aaa; font-size: 11px;}
/*------------------ store ---------------*/

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


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

/*----------- categories tree ------------*/
.coupons_category table {border-collapse: collapse;}
.coupons_category .tree {padding: 0 0 0 60px;}
.coupons_category .tree a {color: #cccccc; font-size: 15px; font-weight: bold}
.coupons_category .tree a:visited {color: #cccccc; font-size: 15px; font-weight: bold}

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

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

/*----------------- coupons --------------*/
.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 {width: 733px; margin: 0 0 2px;  padding: 0 0px 0px 16px; border: 0px solid red}
.coupons .table ul li {float:left; overflow: hidden; height: 23px;}
.coupons .table ul li.col1 {width: 19%}
.coupons .table ul li.col2 {width: 18%}
.coupons .table ul li.col3 {width: 40%}
.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: url(../images/t_bg1.png) no-repeat #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 {background:url(../images/t_bg2.png) 0 0 no-repeat #fcf5b6;}
.coupons .table ul.t_body:hover {background-position: 0 -25px; background-color: #f7dd50}

.coupons .table ul.t_body li { color: #898989; font-size: 15px;}

.coupons .table ul.t_body li.col2 {color: #78ad03;}
.coupons .table ul.t_body li.col2 a span {color: #3ea5fc; line-height: 22px; font-size: 12px;}
.coupons .table ul.t_body li.col3 a {color: #898989; font-weight: normal;}
.coupons .table ul.t_body li.col3 a strong {color: #fd7202; font-weight: normal;}
.coupons .table ul.t_body li.col4 span {color: #78ad03;}
.coupons .table ul.t_body li.col5 a {display: block; border: 0px solid red; text-indent: -9999px}

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


/*========================================*/
/*			  	 Right Column		  	  */
/*========================================*/

/*----------------- module ---------------*/
.module {width: 190px; color: #c1c0c0}
.module h3 {width: 190px; height: 29px; margin-bottom: 12px; padding: 4px 0 0; background: url(../images/h_bg.png) no-repeat #d7d7d7; color: #fff; text-align: center; text-transform: uppercase;  cursor: pointer;}
.module h3:hover {background-position: 0 -35px; background-color: #9bcd03}
.module h3.hover {background-position: 0 -35px; background-color: #9bcd03}
/*.module h3.hover:hover {background-position: 0 0;}*/
.module .in {margin-bottom: 30px;}

.module .in {text-align: center}

.module a span {color: #78ad03}


/*----------------- stats ----------------*/
.stats table {width: 72%; margin: 0 auto; border-collapse: collapse; font-size: 11px}

/*--------------- login nform ------------*/
.login_form {}
.login_form form {}
.login_form form label {text-transform: uppercase}
.login_form form .field {width: 106px; height: 20px; padding: 0 5px; background: url(../images/input_bg.png) no-repeat; border: 0; color: #777;}
.login_form form .button {width: 116px; height: 20px; margin-top: 3px; background: url(../images/input_bg.png) no-repeat; border: 0; color: #b8b7b7; text-transform: uppercase}

.login_form .links {padding: 5px 5px 0 0; text-align: right;}
.login_form .links a span {color: #c1c0c0; font-size: 10px;}

/*----------------- user menu ------------*/
.user_menu .in {padding-left: 20px}

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

/*--------------- top coupons ------------*/
.top_coupons {}
.top_coupons ul {font-size: 11px}
.top_coupons ul li {margin-bottom: 20px; border: 0px dotted green}
.top_coupons ul li span {display: block;}
.top_coupons ul li .t_store {display: none;}
.top_coupons a.see_all {font-size: 13px; font-weight: bold}

/*------------- categories menu ----------*/
.categories_menu {}
.categories_menu .in {padding: 0 6px 0 20px; text-align: left;}

.categories_menu ul li a {font-size: 15px; font-weight: bold}
.categories_menu ul li.child {padding-left: 20px}
.categories_menu ul li.child a {font-size: 11px; font-weight: normal}

/*----------------- bookmarks ------------*/
.bookmarks {}
.bookmarks .in {padding-left: 16px;}

.bookmarks a {display: block; float: left; margin: 0 4px 4px 0; width: 20px; height: 20px; background: url(../images/bookmarks.png) no-repeat 0 0; text-indent: -9999px;}

.bookmarks a.red {background-position: 0 -20px}
.bookmarks a.digg {background-position: -20px -20px}
.bookmarks a.del {background-position: -40px -20px}
.bookmarks a.google {background-position: -60px -20px}
.bookmarks a.su {background-position: -80px -20px}
.bookmarks a.yahoo {background-position: -100px -20px}
.bookmarks a.ms {background-position: -120px -20px}
.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 {}

/*----------------- top stores -----------*/
.top_stores {}

.top_stores ul {margin-bottom: 20px;}
.top_stores ul li a {font-size: 15px; font-weight: bold}

.top_stores a.see_all {font-size: 13px; }

/*=========== end: Right Column ==========*/


/*========================================*/
/*			  	  Main Column		  	  */
/*========================================*/
/*-------------- contact form ------------*/
.pathway{position: absolute; width: 750px; top: 4px; border: 0px dashed green}

/*-------------- 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: 10%;}

.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: 78%}
.comments form .button {padding: 4px 10px}
.comments form textarea {width: 80%; height: 120px; color: #F06800; font-size: 16px;}

/*============ end: Main Column ==========*/


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

#footer {font-size: 11px; color: #b2b1b1;}
#footer a span {color: #b2b1b1; text-decoration: none;}

/*------------- footer->search -----------*/
#footer .search {padding: 15px 40px; background: url(../images/bg3.png) repeat-x #e7e7e7 0 100%; border-bottom: 1px solid #fff}


/*---------------- footer menu -----------*/
#footer .menu {margin: 20px 0 40px; padding: 0 0 0 40px;}
#footer .menu ul {font-size: 11px; text-transform: uppercase;}
#footer .menu ul li {display: inline; color: #98db04}
#footer .menu ul li a {margin: 0 2px 0; color: #98db04; text-decoration:none;  font-weight: bold;}
#footer .menu ul li a:hover {color: #fd0202; text-decoration: none;}
#footer .menu ul li a.active {color: #fdd102;}

/*------------------ 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 .copyright {padding: 0 0 0 40px; color: #504f4f; font-size: 10px}
#footer .copyright a span {color: #b2b1b1;}
#footer .copyright a span strong {color: #e8a8a8; font-weight: normal}



/*============= end: Footer ==============*/

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