/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
	color:#00874D;
}
a:hover {text-decoration: underline}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
	background-color:#FCFBE3;
	background-image:url('../images/bg.png');
	background-repeat:repeat-x;
}

.left
{
float:left;	
display:inline;
}

.right
{
float:right;	
display:inline;
}

.center
{
margin:auto;
}

.bold
{
font-weight:bold;	
}

.green
{
color:#00874d;	
}

#outer
{
width:980px;
margin:auto;
text-align:left;
border:0px solid black;
}

#header
{
width:980px;
border:0px solid black;
height:63px;
margin:auto;
}

#nav
{
float:right;
padding-top:25px;
}

#nav a
{
float:left;
height:27px;
display:block;
background-image:url('../images/nav.png');
background-repeat:repeat-x;
margin-right:3px;
font:14px Chaparral Pro;
color:#cef3fb;
font-weight:bold;
padding-left:17px;
padding-right:10px;
padding-top:10px;
}

#nav a:hover
{
color: #FFF;
text-decoration: none;
}


#nav li
{
float:left;
}

#logo
{
position:absolute;
margin-left:32px;
}

#subheader
{
height:52px;
width:980px;
}

#searchcase
{
float:right;	
background-image:url('../images/searchcase.png');
background-repeat:no-repeat;
height:52px;
width:891px;
}

#searchbar
{
position:absolute;
margin-left:254px;
margin-top:13px;
border:0px;
padding-left:16px;
padding-bottom:0px;
padding-top:5px;
padding-right:0px;
background-image:url('../images/searchbar.png');
background-repeat:no-repeat;
width:509px;
height:23px;
font:18px Myriad Web;
color:#898989;
}

#search
{
position:absolute;
margin-left:792px;	
margin-top:6px;
}

#main
{
padding-top:12px;
width:980px;
margin:auto;
text-align:left;
border:0px solid black;	
min-height:200px;
}

#leftcol
{
float:left;
position:relative;
width:315px;
min-height:200px;
border:0px solid black;
}

#leftcol h1
{
font:20px Chaparral Pro;
color:#00809c;
font-weight:bold;
background-image:url('../images/dottedline.png');
background-repeat:no-repeat;	
background-position:0px 23px;
height:30px;
margin-bottom:0px;
margin-top:33px;
}

.catbox
{
width:94px;
height:74px;
float:left;
margin-right:9px;
margin-top:8px;
text-align:center;
font:13px Chaparral Pro;
font-weight:bold;
padding-top:13px;
display:inline;
}

a.catbox:hover {text-decoration: none}

.petmeds
{
background-image:url('../images/petmeds.png');
background-repeat:no-repeat;	
color:#038eab;
}

.diet
{
background-image:url('../images/diet.png');
background-repeat:no-repeat;	
color:#668701;
}

.flowers
{
background-image:url('../images/flowers.png');
background-repeat:no-repeat;	
color:#e23a87;
}

.apparel
{
background-image:url('../images/apparel.png');
background-repeat:no-repeat;		
color:#c65204;
}

.financial
{
background-image:url('../images/financial.png');
background-repeat:no-repeat;		
color:#4f7d43;
}

.travel
{
background-image:url('../images/travel.png');
background-repeat:no-repeat;		
color:#4792a5;
}

.tickets
{
background-image:url('../images/tickets.png');
background-repeat:no-repeat;		
color:#536971;
}

.maturnity
{
background-image:url('../images/maturnity.png');
background-repeat:no-repeat;		
color:#038eab;
}

.computers
{
background-image:url('../images/computers.png');
background-repeat:no-repeat;		
color:#727272;
}

.all_cats
{
width:218px;
margin-top:20px;
}


.target
{
background-image:url('../images/target.png');
background-repeat:no-repeat;		
width:60px;
height:0px;
float:left;
padding-left:4px;
font:12px Myraid Web;
color:#00809c;
padding-top:58px;
margin-top:9px;
}

.oldnavy
{
background-image:url('../images/oldnavy.png');
background-repeat:no-repeat;	
width:92px;
height:0px;
float:left;
text-align:center;
font:12px Myraid Web;
color:#00809c;
padding-top:59px;
margin-top:9px;
padding-right:7px;
}

.victoriasecret
{
background-image:url('../images/victoriasecret.png');
background-repeat:no-repeat;	
width:103px;
height:0px;
float:left;
text-align:center;
font:12px Myraid Web;
color:#00809c;
padding-top:59px;
margin-top:9px;
}

.lboxhead
{
background-image:url('../images/lboxhead.png');
background-repeat:no-repeat;	
width:309px;
height:14px;
}

.lboxbody
{
background-image:url('../images/lboxbody.png');
background-repeat:repeat-y;		
width:295px;
min-height:197px;
padding-top:3px;
padding-bottom:1px;
padding-left:14px;
}

.lboxfoot
{
background-image:url('../images/lboxfoot.png');
background-repeat:no-repeat;	
width:309px;
height:12px;
}

#email
{
float:left;	
margin-top:17px;
padding-top:3px;
padding-left:18px;
padding-bottom:0px;
padding-right:0px;
border:0px;
background-image:url('../images/signup.png');
background-repeat:no-repeat;	
width:170px;
height:25px;
font:13px Myriad Web;
color:#828282;
}


#go
{
float:left;	
margin-top:13px;
margin-left:8px;
}

#rightcolBig
{
float:right;
position:relative;
width:960px;
right:0px;
min-height:200px;
border:0px solid black;		
}

#rightcol
{
float:right;
position:relative;
width:645px;
right:0px;
min-height:200px;
border:0px solid black;		
}

.righthead
{
background-image:url('../images/righthead.png');
background-repeat:no-repeat;		
width:625px;
height:41px;
padding-left:20px;
padding-top:15px;
}

.righthead h1
{
font:25px Chaparral Pro;
color:#cafeb2;
font-weight:bold;
}

#rightcol .rightbody
{
width:634px;
}

.rightbody
{
/*background-image:url('../images/rightbody.png');*/
background-color:#FFFFFF;
background-repeat:repeat-y;			

padding-top:21px;
padding-left:10px;
min-height:679px;
}

.rightbody p
{
font:13px Myraid Web;
color:#333333;
width:600px;	
}

.top_apparel h1
{
color:#00809c;
font:16px Myraid Web;
font-weight:bold;
margin-top:22px;
background-image:url('../images/righth1.png');
background-repeat:no-repeat;	
background-position:0px 25px;
height:30px;
}

.top_apparel
{
margin-top:-5px;
padding-left:7px;
padding-top:3px;
}

.top_apparel ul
{
float:left;
width:156px;
margin-top:6px;
margin-bottom:37px;
}

.top_apparel a
{
font:13px Myriad Web;
color:#00809c;
}

.couponbody
{
width:293px;	
border:1px solid #f3f1e9;
min-height:79px;
padding-top:25px;
padding-left:15px;
}


.couponbody h1
{
font:21px Chaparral Pro;
color:#00add0;
margin-bottom:-3px;
}

.couponbody h1 a {color: #00add0;}


.couponbody h2
{
margin-bottom:1px;	
margin-top:0px;
font:12px Myraid Web;
color:#666666;
}

.petmedss
{
position:absolute;
margin-top:49px;
margin-left:210px;
display:inline;
}


.moredeals
{
font:12px Myriad Web;
color:#0f9447;
float:left;
display:inline;
}

.emailthiscoupon

{
float:right;
display:inline;
font:12px Myriad Web;
color:#04a2c2;
background-image:url('../images/emailcoupon.png');
background-repeat:no-repeat;
background-position:right;
padding-right:24px;
}

.couponwrap
{
float:left;
width:315px;
}

.couponfoot
{
width:278px;
height:25px;
background-image:url('../images/couponfoot.png');
background-repeat:no-repeat;	
padding-left:16px;
padding-right:16px;
padding-top:8px;
}

.rightfoot
{
background-image:url('../images/rightfoot.png');
background-repeat:no-repeat;			
width:645px;
height:11px;
}

.all_cats2
{
width:218px;
margin-top:11px;	
}


#footer
{
width:980px;
background-image:url('../images/footerbg.png');
background-repeat:no-repeat;	
padding-top:19px;
margin-top:79px;
padding-bottom:90px;
}

#footer ul
{
float:left;
}

#footer li
{
font:12px Myraid Web;
color:#00809c;
font-weight:bold;
}

#footer a
{
font:11px Myraid Web;
color:#797979;	
}

#ul1
{
margin-left:31px;
width:202px;
}

#ul2
{
width:192px;	
}

#ul3
{
width:189px;	
}

#ul4
{
width:181px;	
}

#ul5
{
margin-left:17px;
}


.group {margin: 0 0px 15px; padding: 0px;}
.group .group-header {position: relative; overflow: hidden;}
.group .group-header h1.title,
.group .group-header h2.title {float: left; max-width: 400px; margin: 0 0 0px; padding: 5px 20px; background: #DEEBF3; color: #333; font-size: 14px; text-align: center; font-weight: bold;}
.group .group-header .links {position: absolute; right: 0; bottom: 3px}
.group .group-content {padding: 5px; background: #fff; border: 10px solid #DEEBF3}

/*------------------ deal ---------------*/
.deal { margin: 0; padding: 5px;}
.deal .deal-inner { border: 2px dotted #AECADE; color: #000; font-size: 12px; padding: 5px; line-height: 16px; background-color:#fff}

.deal .col1,
.deal .col2,
.deal .col3 {min-height: 1em; float: left; outline: 0px dotted red}
.deal .container {margin: 0 0 0px}
.deal .container .col1 {float: left; width: 70%; margin-right: 3%}
.deal .container .col2 {float: left; width: 26%;}

.deal h2.title {margin: 0 0 2px; font-size: 15px; font-weight: bold}
.deal h2.title a {}

.deal .details {margin: 0 0 0px;}

.deal .photo {position: relative; margin: 0 0 5px; text-align: center;}
.deal .photo img {}

.deal .description {position: relative; margin: 0 0 15px;}
.deal .description p {padding: 0}
.deal .expiration_date {font-size: 12px;}
.deal .posted {margin: 0 0 1px; font-size: 12px;}

.deal .deal_categories {}
.deal .deal_categories span {}
.deal .deal_tags {}
.deal .deal_tags span {}

.deal .price {display: block; margin: 5px 0 10px; padding: 0px 0 0; text-align: center; font-size: 15px;}
.deal .price strong {display: block; margin: 0 0 0px; color: #F00; font-size: 18px; font-weight: normal}
.deal .price strong span {}
.deal .price small {display: block; color: #888; font-size: 12px; text-decoration: line-through}
.deal .price small span {}

.deal .saved {padding: 2px 0; color: #777; text-align: center; font-size: 13px; font-weight: bold}
.deal .saved {}
.deal .saved strong {display: block;}

.deal .coupon_code {margin: 10px 0 10px;  text-align: center}
.deal .coupon_code span {display: block; margin: 0 0 5px; color: #636363; text-transform: uppercase; font-size: 12px; font-weight: bold}
.deal .coupon_code strong {display: block; color: #a9080d; font-size: 14px;  text-transform: uppercase;  font-weight: bold} 

.deal .copy {margin: 0 0 10px; font-size: 11px; text-align: center}
.deal .copy a {color: #636365}
.deal .copy a:hover {color: #b83348}

.deal .get_deal {display: block; width: 180px; height: 18px; margin: 0 0 10px; background: url(../images/grBtn.gif) repeat-x 0 -1px; border: 1px solid #aaa; text-align: center;}
.deal .get_deal {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 6px;
}
.deal .get_deal a {color: #000; font-size: 12px; font-weight: bold; text-decoration: none;}
.deal .get_deal a:hover {color: #005BA2; font-size: 12px; font-weight: bold; text-decoration: none;}

.deal .deal_store {}

.deal .links {position: relative; font-size: 11px}
.deal .links div {float: left}
.deal .links div.deal_store {font-weight: bold}
.deal .links div.more_info {float: right; margin: 0 10px 0 0;}
.deal .links div.comments_count {float: right; margin: 0 10px 0 0;}
.deal .links div.share_buttons {float: right}


.deal .admin_options {margin: 0 0 3px; font-size: 10px}
.deal .admin_options small {font-size: 10px}

.deal .details .list_options {margin: 0 0 8px; min-height: 17px;}
.deal .details .list_options select {font-size: 11px}
.deal .details .list_options .lists_array {}
.deal .details .list_options .lists_array ul li {float: left;}
.deal .details .list_options .lists_array ul li a {display: block; float: left; margin: 0 8px 3px 0; padding: 1px 2px; color: #ff651a; text-decoration: none}
.deal .details .list_options .lists_array ul li a:hover {background: #ff651a; color: #fff}