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

== 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: 1005px; margin: 0 auto;}

#header {position: relative; height: 150px;}
#main {position: relative; margin: 0 0 0 0px; padding: 0 0px 0 0;}
#footer {position: relative; overflow: hidden; height: 120px;}

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

#main .topcol .content {padding: 20px 0px 0px}

#main .leftcol .content {position: relative; padding: 20px 0px 10px 0px}
#main .rightcol .content {position: relative; padding: 20px 30px 20px 0px}
#main .maincol  .content {padding: 20px 25px 20px 25px}

/*---- container: border, background -----*/
body {background: #eee}

#page {background: #fff; border: 1px solid #ccc; border-bottom: 0; border-top: 0;}

#header {background: #ddd}
#main {} 
#footer {background: #ccc}

#main .rightcol .content {}
#main .maincol  .content {}

.maincol .content {}

#main .leftcol, 
#main .rightcol {}


/*--------------- container --------------*/
.box {margin: 0 0 20px; padding: 10px; border: 1px solid #ccc;}

/*------------------ debug ---------------*/

/*#page {}


#header {background: #F7F7F7}
#main {}
#footer {background: #888}

#main .topcol .content {border: 1px dotted red}
#main .maincol .content {border: 1px dotted blue}
#main .leftcol .content {border: 1px dotted red}
#main .rightcol .content {border: 1px dotted red}

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



/******************************************/
/*										  */
/*			 GLOBAL CONTENT STYLE		  */
/*										  */
/******************************************/
body {font: 13px Tahoma, Arial, sans-serif; color: #434343;}

h1, h2, h3  {}

h1 {font-size: 21px;}
h2 {margin: 0 0 10px; color: #bf3600; font-size: 24px;}
h3 {margin: 0 0 10px; font-size: 18px;}
h4 {font-size: 13px;}

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

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

/*------------------ forms ----------------*/
input.button {cursor: pointer; padding: 2px 4px}

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

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

/*------------ clear, separation ---------*/
.sep {clear:both}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block; border: 0px dashed #F63}

.hr {display: none}


/*----------------- links ---------------*/
a.delete {color: #FF3C3C; text-decoration: none}
a.delete:hover {text-decoration: underline}

a.add {color: #080; text-decoration: none}
a.add:hover {text-decoration: underline}

/*------------- notification -------------*/
.notification_good {margin: 0 0 15px; padding: 15px; background: #D9FFD9; color: #008000; text-align: center; font-size: 18px}
.notification_normal {margin: 0 0 15px; padding: 15px; background: #FFFFD2; color: #FC3; text-align: center; font-size: 18px}
.notification_bad {margin: 0 0 15px; padding: 15px; background: #FFE1E1  ; color: #FF4848; text-align: center; font-size: 18px}

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



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

/*----------------- logo -----------------*/
.logo {position: absolute; display: block; /*width: 202px; height: 158px;*/ top: 0px; left: 10px; /*background: url(../images/logo.png) no-repeat; /*text-indent: -9999px*/ font-size: 30px;}

/*---------------- main menu -------------*/
#header .menu {position: absolute; top: 90px; left: 0px;}
#header .menu ul {padding: 14px 0 0; font-size: 18px; text-align: center}
#header .menu ul li {display: inline; color: #cfcc7b}
#header .menu ul li a {margin: 0 13px 0; color: #fff; text-decoration:none;}
#header .menu ul li a:hover {text-decoration: underline;}
#header .menu ul li a.active {text-decoration: underline;}

/*------------------ links ---------------*/
#header .links {position: absolute; top: 0px; right: 10px}
#header .links ul {padding: 8px 0 0; font: 14px; text-align: center}
#header .links ul li {display: inline; color: #005766;}
#header .links ul li a {margin: 0 6px 0; color: #555; text-decoration:none;}
#header .links ul li a:hover {text-decoration: underline;}
#header .links ul li a.active {text-decoration: underline;}

/*------------------- info ---------------*/
#header .info {position: absolute; top: 10px; left: 270px; color: #bf3600; font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif }

/*------------------ search --------------*/
#header .search {position: absolute; top: 104px; right: 10px}
#header .search form label {float: left; margin: 4px 8px 0 0; color: #7a7878; font-size: 12px; text-transform: uppercase}
#header .search form .field {float:left; width:220px; height: 20px; margin: 0px 0 0 0; padding: 0px 0 0 8px;}
#header .search form .button {float:left; width:85px; height: 24px; margin: 0px 0 0 10px; padding:0;}

/*------------------ stats ---------------*/
#header .stats {position: absolute; width: 223px; top: 90px; right: 0px; border: 0px dotted red}
#header .stats h3 {margin: 0; padding: 0 0 5px; color: #4d4d4d; font-size: 14px;}
#header .stats table {width: 100%; border: 0px dotted red; border-collapse: collapse; color: #777; font-size: 12px}

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

/*========================================*/
/*			  Top Column Content	  	  */
/*========================================*/
.topcol h3 {margin: 0 30px 20px}

/*======== end: Top Column Content =======*/


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

.sidebar_menu {margin: 0 0 15px;  overflow: hidden}
.sidebar_menu h3 {padding: 0 0 4px;}
.sidebar_menu ul {margin-bottom: -1px;}
.sidebar_menu ul li {border-bottom: 1px solid #ddd}
.sidebar_menu ul li a {display: block; padding: 4px;}
.sidebar_menu ul li a:hover {background: #09F; color: #fff; text-decoration: none}
.sidebar_menu ul li a.active {font-weight: bold}


/*----------------- module ---------------*/
.module {margin: 0 0px 20px;/* padding: 10px; border: 1px solid #ccc*/}
.module h3 {margin: 0 0 0px; padding: 0px 0 0 0px; /*cursor: pointer;*/}
/*.module h3:hover {background-color: #9bcd03}
.module h3.hover {background-color: #9bcd03}*/
/*.module h3.hover:hover {background-position: 0 0;}*/
.module .in {margin-bottom: 10px; padding: 0 0 10px; font-size: 12px}

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

.login_form form {}
.login_form form label {}
.login_form form label.checkbox {font-size: 11px}
.login_form form .field {width: 140px; height: 20px; padding: 0 5px; color: #777;}
.login_form form .button {width: 98px; height: 24px; margin-top: 3px;}

.login_form .links  {padding: 5px 5px 0 0; text-align: right;}
.login_form .links a {text-decoration: none}

/*----------------- user menu ------------*/
.user_menu {}
.user_menu h3 {}
.user_menu .in {}

/*----------------- subscribe ------------*/
.subscribe {padding: 10px; background: #faf4a6}
.subscribe h3 {color: #003441; font-size: 18px}
.subscribe p {color: #bf3600; font-size: 16px; font-weight: bold}

.subscribe form {text-align: center}
.subscribe form .field {width: 150px; padding: 4px 5px; margin: 0 0 0px; background: #ffffff; border: 1px solid #828182; color: #b3b3b3}
.subscribe form .button {width: 73px; height: 26px; margin: 0 0 0px; background: url(../images/button_bg2.png) no-repeat; #ffffff; border: 0; color: #fff}


/*---------------- 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 {border: 1px solid #7f99a0}
.tags_cloud h3 {display: none}
.tags_cloud .in {padding: 15px}

.tags_cloud ul li {display: inline}
.tags_cloud ul li a {color: #ff8929; font-size: 13px; text-decoration: none;}
.tags_cloud ul li a:hover {text-decoration: underline;}

/*----------------- one stores -----------*/
.one_store {background: #faf4a6}
.one_store h3 {display: none}
.one_store .in {padding: 10px 0 10px}

.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 {background: #fcf9d2; border: 1px solid #809aa0}
.top_stores h3 { padding: 15px 0 10px 15px; color: #005766; font-size: 18px}
.top_stores .in {padding: 0px 10px 10px}

.top_stores ul {margin: 0px; padding: 0 0 0 25px}
.top_stores ul li {margin: 0 0 0px; color: #999; list-style: decimal outside;}
.top_stores ul li a {color: #666666; font-size: 16px; text-decoration: underline}
.top_stores ul li a:hover {color: #aaa;}
.top_stores ul li a span {display: block; margin: 10px;}

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

.related {border: 1px solid #a7948b}
.related h3 {padding: 15px 0 10px 15px; color: #005766; font-size: 18px}
.related .in {padding: 0 15px 20px}

.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;}

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

.categories_menu ul li a {font-size: 14px; text-decoration: none;}
.categories_menu ul li.child {margin-left: 20px; padding-left: 4px; border-left: 1px solid #434343}
.categories_menu ul li.child a {font-size: 12px; font-weight: normal}


/*---------------- 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 {background: #e4e5be}
.bookmarks h3 {padding: 10px 0 0 15px; color: #bf3600; font-size: 18px}
.bookmarks .in {padding-left: 16px;}

.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.twiter {background-position: 0 0px}
.bookmarks a.yahoo {background-position: -22px 0px}
.bookmarks a.bm3 {background-position: -44px 0px}
.bookmarks a.del {background-position: -66px 0px}
.bookmarks a.facebook {background-position: -88px 0px}
.bookmarks a.bm6 {background-position: -110px 0px}
.bookmarks a.bm7 {background-position: -132px 0px}
.bookmarks a.technorati {background-position: -154px 0px}
.bookmarks a.ms {background-position: -176px 0px}
.bookmarks a.bm10 {background-position: -198px 0px}

.bookmarks a:hover {margin: 1px 3px 3px 0px}


/*
.bookmarks a.red {background-position: 0 0px}
.bookmarks a.digg {background-position: -22px 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 {background: #fafbed; border: 1px solid #c2cec7}
.ads h3 {padding: 10px 0 0 15px; color: #666666; font-size: 14px; font-weight: bold}

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

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

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

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

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

/*---------------- main menu -------------*/
.maincol .menu {margin: 10px -10px 0; padding: 10px 0 0; border-top: 1px dashed #cccccc; border-bottom: 0}
.maincol .menu ul {padding: 0px 0 0; font-size: 12px; text-align: center}
.maincol .menu ul li {display: inline; color: #909090}
.maincol .menu ul li a {margin: 0 6px 0; color: #909090; text-decoration:none;}
.maincol .menu ul li a:hover {text-decoration: underline;}
.maincol .menu ul li a.active {text-decoration: underline;}

/*----------------- pathway --------------*/
.pathway {}

/*--------------- page string ------------*/
.pages_string {margin: 10px 0 10px; text-align: right}
.pages_string a {margin: 0 0px; padding: 0 4px; border: 1px solid #09F;}
.pages_string a:hover {background: #09F; color: #fff; text-decoration: none}
.pages_string strong {padding: 0 4px; background: #09F; border: 1px solid #09F; color: #fff;}

/*-------------- pagination --------------*/
.pagination { color: #909090; font-size: 12px; text-align: center}
.pagination a {display: inline-block; margin: 0 0 6px; padding: 3px 8px; color: #909090; background: #f3f3f3; border: 1px solid #dadbdc; text-decoration: none}
.pagination a:hover {color: #333; text-decoration: none}

.pagination strong {display: inline-block; margin: 0 0 6px; padding: 3px 8px; color: #909090; background: #f3f3f3; border: 1px solid #dadbdc; text-decoration: none}

.pagination span {display: inline-block; margin: 0 0 6px 0;   padding: 3px 8px; color: #ccc; background: #f3f3f3; border: 1px solid #dadbdc;}

.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; color: #005766; font: bold 16px Arial, Helvetica, sans-serif; }

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

.table_data .t_head td {
	height: 20px;
	padding: 4px 0;
	background: #888; 
	border-top: #DFEFFF solid 1px; 
	border-bottom: #DFEFFF solid 1px; 
	color: #fff; 
	font-weight: bold; 
	text-align: center;
}

.table_data tr.t_body td {padding: 3px 3px 1px 3px;  color: #666666; border-bottom: #f1f1f1 solid 1px;}
.table_data tr.row_even td {background: #F8F8F8;}
.table_data tr.row_new td {background: #EBFEE9;}

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

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

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


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


/*========================================*/
/*                   Users                */
/*========================================*/

img.small {width: 18px; height: 18px; padding: 1px; border: 1px solid #aaa}
img.big   {width: 48px; height: 48px; padding: 1px; border: 1px solid #aaa}

/*---------------- user menu -------------*/
.user_menu {margin: 0 0 0px;}
.user_menu ul {padding: 0 0 0 25px; border-bottom: 1px solid #ddd}
.user_menu ul li {float: left; margin: 0 12px 0 0; }
.user_menu ul li a {display: block; padding: 3px 6px; background: #eee; border: 1px solid #ddd; border-bottom: 0; font-size: 12px; font-weight: bold; text-decoration: none}
.user_menu ul li a:hover {color: #ccc; text-decoration: none}
.user_menu ul li a.active {color: #ccc; text-decoration: none}
.user_menu ul li a span {font-weight: bold;}


/*----------------- profile --------------*/
.profile {padding: 10px; border: 1px solid #ccc}

.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 #09F}
.user_photos ul li a:hover {margin: 0; border: 2px solid #09F}
.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: 500px; 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: 98%; 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}

/*----------------- settings -------------*/
.sidebar .friends {margin: 10px 0 15px 0}
.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 =============*/


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

/*------------------ deals ---------------*/
.deals {margin: 0 0 20px 0px}
.deal_item .item {position: relative; overflow: hidden; margin: 0 -10px 10px; padding: 0px 0 15px; border-bottom: 1px dashed #ccc}

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

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

.deal_item .item .store {position: absolute; display: block; width: 25%;  bottom: 16px; padding: 20px 4px 0 0; border: 0px dashed red;  text-align: center;}
.deal_item .item .store a {}

.deal_item .item .details {position: relative; padding: 0 0px 0 4px; font-size: 11px;}

.deal_item .item .details h4 {margin-bottom: 10px;}
.deal_item .item .details h4 a {font-size: 14px;}

.deal_item .item .details .description {padding: 0 10px 10px 0; border-right: 1px dashed #ccc;}
.deal_item .item .details .description p {display: inline}
.deal_item .item .details .description a.more span {color: #3ea5fc; font-size: 10px;}

.deal_item .item .description-price {border: 0px dotted green}
.deal_item .item .description-price .f_l {width: 76%}
.deal_item .item .description-price .f_r {width: 22%}

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

.deal_item .item .details .links {margin-top: 20px; padding-right: 80px;}
/*.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 {}

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

.deal_item .item .price {display: block; position: relative; padding: 0px 0 0; text-align: center}
.deal_item .item .price strong {display: block; padding-bottom: 0px; color: #d62f2f; font-size: 24px;}
.deal_item .item .price strong span {display: block; font-size: 14px;}
.deal_item .item .price small {display: block; margin-bottom: 10px; font-size: 11px;}
.deal_item .item .price small span {display: block; font-size: 14px; 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 ============*/


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

/*----------- categories tree ------------*/
.coupons_category table {border-collapse: collapse;}
.coupons_category .tree {padding: 0 0 0 60px;}
.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: #ffa245; line-height: 15px; font-size: 11px;}
.coupons .table ul.t_body li.col3 a {}
.coupons .table ul.t_body li.col4 span {color: #999;}
.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; color: #F06800; font-size: 16px;}

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


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

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

/*---------------- footer menu -----------*/
#footer .menu {position: absolute; top: 30px; left: 220px; }
#footer .menu ul {}
#footer .menu ul li {display: inline;}
#footer .menu ul li a {margin: 0 2px 0; text-decoration:none;}
#footer .menu ul li a:hover {text-decoration: underline;}
#footer .menu ul li a.active {text-decoration: underline;}

/*------------------ 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 {position: absolute; top: 30px; left: 50px; }


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

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