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

#header {position: relative; width: 1000px; height: 160px; margin: 0 auto; padding: 0;}
#main {position: relative; width: 1000px; margin: 0 auto; padding: 0;}
#footer {position: relative; overflow: hidden; height: 103px}

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

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

/*---- container: border, background  ----*/
body {background: url(../images/pc_bg.gif) #460D5B}

#page {background: url(../images/pc_headerbg.png) repeat-x}

#header {}

#main {}
#main .maincol  .content .box {background: #fff}

#footer {background: url(../images/footerbg.png) repeat-x}


/*------------ borders, corners ----------*/
.bt {padding-left: 17px; background: url(../images/c.png) no-repeat 0 0;}
.bt div {padding-right: 17px; background: url(../images/c.png) no-repeat 100% -17px;}
.bt div div {height: 17px; padding: 0; background: #fff}

.bb {padding-left: 17px; background: url(../images/c.png) no-repeat 0 -51px;}
.bb div {padding-right: 17px; background: url(../images/c.png) no-repeat 100% -34px;}
.bb div div {height: 17px; padding: 0; background: #fff}

/*----------------- debug ----------------*/
/*
#header {border: 1px dotted green}
#main {}
#main .rightcol .content {border: 1px dotted #03F}
#main .maincol .content {border: 1px dotted #F60}
#footer {}

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


/******************************************/
/*										  */
/*			 GLOBAL CONTENT STYLE		  */
/*										  */
/******************************************/
body {font: 11px  Arial, Helvetica, sans-serif; color: #333;}

h1, h2, h3  {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

h1 {font-size: 21px;}
h2 {
	padding: 5px 0 15px;
	color: #C0557F;
	text-align: center;
	font-size: 26px;
	font-weight: bold
}
h3 {padding-bottom: 10px; font-size: 16px; font-weight: bold}
h4 {font-size: 13px;}

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

a {
	color:#7B45B5;
	text-decoration: none
}
a:hover {color:#7B45B5; 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}

/*---------------- 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;}
.search_result ul.s_stores a {font-size: 17px;}

/*-------------- pagination --------------*/
.pagination {padding: 20px 0 0; border: 0px dotted red; color: #999; text-align: center;  font-size: 13px;}
.pagination a {}
.pagination a:hover {}
.pagination small {display: none; color: #78ad03; font-size: 11px;}
.pagination strong {}

/*----------------- sort -----------------*/
.sort {margin: 0px 0 20px; padding: 0 0 0; color: #c2c2c2; text-align: center; font-size: 13px;}
.sort a {padding: 0 6px;}
.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 {position: absolute; display: block; width:510px; height: 111px; background: url(../images/pc_logo.png); text-indent: -9999px}

/*--------------- login nform ------------*/
.login_form {position: absolute; right: 0; border: 0px dashed red; font-family: "Myriad Pro", Verdana, sans-serif}
.login_form form {}
.login_form form label {margin: 0 3px 0 8px; color: #fff; font-wieght:bold; text-transform: uppercase}
.login_form form .field {width: 140px; height: 21px; padding: 3px 9px 0; background: url(../images/field_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 {color: #3F0C50; padding: 5px 5px 0 0; text-align: right;}
.login_form .links a {color: #3F0C50; font-weight: bold; font-size: 10px;}

/*---------------- main menu -------------*/
#header .menu {position: absolute; display: none; top: 60px; right: 0}
#header .menu ul {padding: 8px 5px 0; font-size: 11px;}
#header .menu ul li {display: inline; color: #444}
#header .menu ul li a {margin: 0 0 0 20px; color: #fff; text-decoration:none;}
#header .menu ul li a:hover {text-decoration: underline;}
#header .menu ul li a.active {text-decoration: underline;}

/*------------------ 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; overflow: hidden; margin-bottom: 0px; padding: 15px 0 15px; background: url(../images/deal_bg2.png) repeat-y; border-bottom: 1px solid #ddd}

/*
.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: 25%;}
.deal_item .item .col2 {float: left; width: 75%;}
/*.deal_item .item .col3 {float: left; width: 0%;}*/

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

.deal_item .item .store {display: block; 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 {padding: 0 0 10px;}
.deal_item .item .details h4 a {color: #843f9b; font-size: 16px; font-weight: 700}

.deal_item .item .details .description {margin: 0 0 20px; color: #6a6a69;}
.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 {margin: 0 0 4px; color: #aaa}

.deal_item .item .details .links {color: #aaa}
/*.deals .item .details .links .f_l {width:50%}
.deals .item .details .links .f_r {width:50%}*/
.deal_item .item .details .links a {}
.deal_item .item .details .links a.category_link span{}
.deal_item .item .details .links a.go_getem {}

/* hide elements */
.deal_item .item .details .short_text {display:none}
.deal_item .item .details .full_text {}
.deal_item .item a.btn {display: none}
.deal_item .item .details .description a.more{display:none}

.deal_item .item .price {display: block; position: relative; padding: 13px 0 0; text-align: center}
.deal_item .item .price strong {display: block; width: 50%; margin: 0 auto 2px;  padding: 2px 0 2px; background: #e383cb; color: #fff; font-size: 16px}
.deal_item .item .price small  {display: block; color: #bababa; font: 12px 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: #aaa; 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: #aaa; font-size: 30px;}
.stores .store_list h4 a {font-size: 30px;}
.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;}
/*------------------ 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: #666; font-size: 15px; font-weight: bold}
.coupons_category .tree a.child {padding-left: 10px; color: #aaa; 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 {margin: 0 0 2px;  padding: 0 0px 0px 16px; border: 0px solid red}
.coupons .table ul li {float:left; overflow: hidden;}
.coupons .table ul li.col1 {width: 22%}
.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 {display: none; width: 3%;}

.coupons .table ul.t_head {
	margin-bottom: 4px;
	background-color: #812A5E;
}
.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:#FAFAFA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EFEFEF;
	border-bottom-color: #EFEFEF;
}

/*.coupons .table ul.t_body:hover { background-color: #f7dd50}*/

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

/*.coupons .table ul li {outline: 1px dotted green}
*/

.coupons .table ul.t_body li.col2 {
	color: #B368A0;
	font-weight:bold;
}
.coupons .table ul.t_body li.col2 a {line-height: 22px; font-size: 12px;}
.coupons .table ul.t_body li.col3 a {color: #000; font-weight: normal;}
.coupons .table ul.t_body li.col3 a strong {color: #7c1a00; font-weight: normal;}
.coupons .table ul.t_body li.col4 span {
	color: #E450B0;
	font-weight:bold;
}
.coupons .table ul.t_body li.col5 a {display: block; border: 0px solid red; text-indent: -9999px}

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


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

/*----------------- global ---------------*/
.module {width: 300px; color: #c1c0c0}
.module h3 {width: 300px; height: 47px; margin-bottom: 0px; color: #fff; text-indent: -9999px; cursor: pointer;}
.module h3:hover {}
.module h3.hover {}
/*.module h3.hover:hover {background-position: 0 0;}*/

.module .in {margin-bottom: 30px;}
.module .in {text-align: center}
.module .in a {color: #fff}

.module h3 {border: 0px solid #333}


/*----------------- 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 h3 {background:url(../images/quickjump.png) no-repeat}

.quick_jump form {text-align: center}
.quick_jump form select {width: 150px; margin: 0 0 10px; color: #555}

/*--------------- top coupons ------------*/
.top_coupons h3 {background:url(../images/hotcoupons.png) no-repeat}

.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 h3 {background: url(../images/categories.png) no-repeat}
.categories_menu .in {padding: 0 20px 0 40px; 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}

/*--------------- subscribe --------------*/
.subscribe h3 {background: url(../images/newsletter.png) no-repeat}
.subscribe form {border: 0px dotted #aaa}
.subscribe form label {display: block; padding: 0 0 4px;}
.subscribe form .field {}
.subscribe form .button {}



/*-------------------- ads ---------------*/
.ads h3 {background: url(../images/ads.png)  no-repeat}

/*----------------- top stores -----------*/
.top_stores h3 {background: url(../images/stores.png) no-repeat}

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

/*-------------- search-intro ------------*/
.search-intro {width: 685px; height: 238px; margin: 25px 0 0 10px;	background: url(../images/searchintro.png) no-repeat; color: #fff}
.search-intro h3 {padding: 15px 0 4px 30px; border: 0px dotted red}

.search-intro form .field {width: 224px; height: 31px; padding: 10px 10px 0; background: url(../images/field_bg2.png) no-repeat; border: 0; font-size: 18px; }
.search-intro form .button {width: 77px; height: 42px; padding: 0; background: url(../images/search.png)  no-repeat; cursor: pointer; border: 0;}


/*-------------- search-intro2 no img------------*/
.search-intro2 {color: #fff}
.search-intro2 h3 {padding: 15px 0 4px 30px; border: 0px dotted red}

.search-intro2 form .field {width: 224px; height: 31px; padding: 10px 10px 0; background: url(../images/field_bg2.png) no-repeat; border: 0; font-size: 18px; }
.search-intro2 form .button {width: 77px; height: 42px; padding: 0; background: url(../images/search.png)  no-repeat; cursor: pointer; border: 0;}

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


/*============ end: Main Column ==========*/
#couponcontent {
	color:#000;
}





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

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


/*---------------- footer menu -----------*/
#footer .menu {margin: 4px 0 40px; padding: 0 0 0 40px;}
#footer .menu ul {font-size: 11px; }
#footer .menu ul li {display: inline; color: #fff}
#footer .menu ul li a {margin: 0 2px 0; color: #fff; text-decoration: underline;}
#footer .menu ul li a:hover {color: #3F0C50; text-decoration: underline;}
#footer .menu ul li a.active {color: #3F0C50;}

/*------------------ links ---------------*/
#footer .tell {position: absolute; top: 4px; right: 15px; border: 0px dotted red}
#footer .tell h3 {padding: 0 0 10px 0; font-size: 14px; font-weight: 700}
#footer .tell ul {width: 200px; font-size: 11px;}
#footer .tell ul li {float: left; width: 95px;}
#footer .tell ul li a {display: block; width: 95px; height: 19px; margin: 1px; background: url(../images/share.png); border: 0px dotted #666 }
#footer .tell ul li a:hover {margin: 0; border: 1px dotted #fff}

#footer .tell ul li a.yahoo {background-position: -10px -2px;}
#footer .tell ul li a.blog {background-position: -100px -2px;}
#footer .tell ul li a.new {background-position: -10px -20px;}
#footer .tell ul li a.dell {background-position: -100px -22px;}
#footer .tell ul li a.aol {background-position: -10px -40px;}
#footer .tell ul li a.digg {background-position: -100px -40px;}

/*---------------- copyright -------------*/
#footer .copyright {padding: 0 0 0 40px; color: #fff; font-size: 10px}
#footer .copyright a {color: #fff; text-decoration: none}
#footer .copyright a:hover {text-decoration: underline}



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

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