@import url("header.css");
@import url("reg.css");
@import url("pc.css");
@import url("online.css");
@import url("left.css");
@import url("banners.css");
@import url("footer.css");
@import url("news.css");
@import url("csav-LG-style.css");




/* COOLSAVINGS MAIN CSS */

/***********************************************
	GLOBAL TAG STYLES
***********************************************/

html, form, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #fff;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #609;
	text-align: center;
}
p
{
	text-align: left;
	margin: 0;
	padding: 0 0 12px 0;
}
a:link
{
	color: #00c;
}
a:active
{
	color: #f00;
}
a:visited
{
	color: #00c;
}
a:hover
{
	color: #60f;
}
img.spacer
{
	/* because Ektron won't hold empty divs */
	height: 1px;
	width: 1px;
}


/***********************************************
	PAGE WRAPPER
***********************************************/

div#pge-wrap
{
	padding: 0;
	margin: 0 auto;
	width: 960px;
	min-width: 960px;
	text-align: left;
}

/***********************************************
	MAIN CONTENT WRAPPER (BELOW HEADER)
***********************************************/

div#pge-bodywrap
{
	position: relative;
	top: -23px;
	display: block;
	width: 958px;
	min-width: 958px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-top: 2px solid #fc6;
	border-right: 1px solid #609;
	border-bottom: 1px solid #609;
	border-left: 1px solid #609;
}

*:first-child + html #pge-bodywrap
{
	/* for ie7 */
	top: -3px;
}


div#crumb
{
	/* bread crumb trail */
	display: block;
	position: relative;
	float: left;
	clear: left;
	width: 600px;
	min-width: 600px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #660099;
	padding: 6px 8px 0 8px;
	text-align: left;
}

div#cow
{
	/* coupon of the week */
	display: inline;
	float: right;
	width: 300px;
	min-width: 300px;
	margin-right: 12px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #660099;
	padding: 6px 0 0 0;
}

/***********************************************
	FULL WIDTH CONTENT
***********************************************/

div#pge-full
{
	position: relative;
	display: block;
	float: left;
	padding: 0 12px 0 0;
	margin: 0;
	width: auto;
	min-width: auto;
}

/***********************************************
	MAIN CONTENT IN RIGHT COLUMN
***********************************************/


div#pge-center
{
	/* hold main content area in right column */
	position: relative;
	width: 780px;
	min-width: 780px;
	float: right;
	margin: 0 0 10px 0;
	padding: 8px 2px 0 0;
	text-align: left;
}

div#col-left
{
	/* holds left column */
	position: relative;
	width: 454px;
	min-width: 454px;
	float: left;
	margin: 0 14px 0 0;
	padding: 0;
	text-align: left;
}

div#col-right
{
	/* holds right column */
	position: relative;
	width: 300px;
	min-width: 300px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#col-left-2
{
	/* holds left column on printable coupons page*/
	position: relative;
	width: 594px;
	min-width: 594px;
	float: left;
	margin: 0 14px 0 0;
	padding: 0;
	text-align: left;
}

div#col-right-2
{
	/* holds right column on printable coupons page*/
	position: relative;
	width: 160px;
	min-width: 160px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}



div#main-content
{
	/* hold content area */
	position: relative;
	float: left;
	text-align: left;
	padding: 4px 16px 4px 16px;
	margin: 0;
}

div#pge-title
{
	/* holds page title, intro text - default */
	position: relative;
	width: 100%;
	min-width: 100%;
	float: left;
	margin: 0 0 6px 0;
	padding: 0;
	text-align: left;
	display: block; /*	background: url(../uploadedimages/title-bg.gif) no-repeat left top; */
}

div#pge-title .intro
{
	/* holds intro text */ /*position: relative;*/ /*Removed this as it was causing Join Now link problem in FF on homepage*/
	display: block; /* padding: 8px 12px; */
	padding: 0;
	margin: 0;
	text-align: left;
}

div#pge-title .intro .pic, div#pge-title img.pic
{
	float: right; /* padding: 0 4px 4px 4px; */
	margin: 4px 8px 8px 8px;
	border: none;
}

div#pge-title .intro p
{
	/* holds intro text paragraphs */ /* clear: both;  this was messing up the floating images -mw */
}

div#pge-title .intro h2
{
	padding: 6px;
	margin: 0 0 4px 0;
}
div#pge-title .ftr
{
	/* title area footer */
	color: #fff; /*	background: url(../uploadedimages/title-btm-bg.gif) no-repeat left bottom;  	height: 20px; 	min-height: 20px; 	width: 100%; 	min-width: 100%;  	display: block; 	clear: both; */
	display: none;
}

div#pge-title .intro .btn-ctr
{
	/* stuff inside here all floats had to add a height to keep  	   neighboring elements at bay for certain browsers...also 	   added overflow hidden to wipe out excess space -mw */
	left: 220px;
	width: 140px;
	position: relative;
	padding: 0 0 8px 0;
	height: 25px;
	overflow: hidden;
}

div.joinBox div.btn-ctr
{
	position: relative;
	left: 13px;
	padding: 0 4px 8px 4px;
	height: 25px;
	overflow: hidden;
}

div.introSideBar
{
	float: right;
	padding: 4px 8px 8px 8px;
}

div.introSideBar img
{
	background: #d0d0d0;
	width: 158px;
	height: 132px;
	margin-bottom: 6px;
	border: none;
}

div.joinBox
{
	background: #eee;
	text-align: center;
	width: 156px;
	border: 1px solid #609;
}

div.joinBox div.txt
{
	padding: 4px;
}




/***********************************************
	PAGE HEADER
***********************************************/

h1
{
	padding: 0 4px 0 0;
	margin: 0 0 4px 0;
	font: bold 28px Arial, Helvetica, sans-serif;
	color: #f60;
	border-bottom: 4px dotted #fc6;
	clear: both;
	text-align: left;
	position: relative; /* ensures bottom border appears in IE6 -mw */
}

#pge-title h1
{
	/* margin: 0 8px 4px 8px;*/
	margin: 0 0 8px 0;
}

#reqform h1
{
	margin-top: 8px;
}

h2
{
	padding: 8px;
	margin: 4px 0 2px 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #609;
	background-color: #ffc;
	clear: both;
}


/***********************************************
	FREESTUFF WRAPPERS
***********************************************/

div#fs-list
{
	position: relative;
	clear: both;
	display: block;
	width: 750px;
	min-width: 750px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

div#fs-list .subtitle
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 4px 0;
}

div#fs-list .csav-Offer-Grid-Logo, .csav-Offer-Grid-Logo-nobd
{
	padding-left: 8px;
}

div#fs-list .csav-lgnSpacer-2
{
	padding: 10px;
	background-color: #ffc;
	height: 56px;
	overflow: hidden;
}

div#reqform
{
	/* holds freestuff request form */
	position: relative;
	display: block;
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
	left: 40px;
	width: 866px;
	min-width: 866px;
}


/***********************************************
	MY PREFERENCES PAGE HOLDER
***********************************************/

div#mypage
{
	width: 556px;
	padding: 4px 0 0 0;
	margin: 0 8px 4px 8px;
}


/***********************************************
	BUTTONS
***********************************************/

#btnOrg-s
{
	/* small hot orange */
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
	z-index: 999;
}

#btnOrg-s a
{
	float: left;
	padding: 0px 0px 0px 26px;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
	cursor: hand;
	background: url(../uploadedimages/btn-lt-f30-sm.gif) no-repeat left top;
}

#btnOrg-s a:hover, #btnOrg-s a:hover span
{
	text-decoration: underline;
	color: #fff;
}

#btnOrg-s a span, #btnOrg-s a span.btn /* fix for Ektron, which deletes span without class */
{
	float: left;
	color: #fff;
	font-weight: bold;
	display: block;
	background: url(../uploadedimages/btn-rt-f30-sm.gif) no-repeat right top;
	padding: 4px 26px 6px 0;
	height: 25px;
	text-align: center;
}

#btnPur-s
{
	/* small purple */
	padding: 0;
	margin: 0;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	position: relative;
	z-index: 999;
}

#btnPur-s a
{
	float: left;
	padding: 0 0 0 14px;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
	cursor: hand;
	background: url(../images/buttons/btn-lt-609-sm.gif) no-repeat left top;
}

btnPur-s a:hover
{
	text-decoration: underline;
	color: #fff;
}

#btnPur-s a span
{
	float: left;
	color: #fff;
	font-weight: bold;
	display: block;
	background: url(../images/buttons/btn-rt-609-sm.gif) no-repeat right top;
	padding: 4px 14px 6px 0;
	height: 25px;
	text-align: center;
}


/* COOLSAVINGS CATEGORY LIST CSS */



/***********************************************

	CATEGORY LIST & ADVERTISER LIST

***********************************************/

div#cat-list, div#adv-list
{
	/* holds category list */
	position: relative;
	display: block;
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	min-width: 100%;
}

div #cat-list ul
{
	margin: 0;
}

div#cat-list li
{
	padding: 8px;
}

div #adv-list ul
{
	margin: 0;
	padding: 0;
}

div#adv-list li
{
	padding: 8px;
	list-style: none; /* border-bottom: 1px dotted #fc6; */
	display: block;
	clear: left;
}

div#adv-list img
{
	float: left;
	border: 1px solid #60c;
	margin: 0 10px 10px 0;
	padding: 0;
}

div#cat-list a:link, div#cat-list a:visited, div#cat-list a:active, div#cat-list a:hover, div#adv-list a:link, div#adv-list a:visited, div#adv-list a:active, div#adv-list a:hover
{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #60c;
	text-decoration: underline;
	display: block;
}

div#cat-list a:hover, div#adv-list a:hover
{
	color: #30f;
}

div#cat-list span.desc
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	display: block;
	padding: 4px 0 0 0;
}

/***********************************************
	CATEGORY CONTENT
***********************************************/

div#cat-content
{
	/* holds category page content */
	position: relative;
	width: 768px;
	min-width: 768px;
	float: left;
	margin: 0;
	padding: 0;
}

/***********************************************
	CATEGORY OFFER TYPE TAB NAVIGATION
***********************************************/

div#nav-cat
{
	/* tabs */
	position: relative;
	top: 4px;
	float: none; /*fixed wrapping issue in IE6 (was float:left)*/
	margin: 0;
	padding: 0;
	height: 28px;
	display: block;
}

/***********************************************
	HOLDS OFFERS ON CATEGORY PAGES
***********************************************/

div#tabwrap
{
	position: relative;
	display: block;
	top: 1px;
	float: left;
	margin: 0;
	padding: 8px;
	border: 1px solid #609;
	width: 750px;
	min-width: 750px;
}

/***********************************************
	SMALLER TEXT SIZE OPTION
***********************************************/

.smaller
{
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #609;
}

/* for dev machines */

div.devBar
{
	background: #f00;
	padding: 6px 4px 8px 4px;
	text-align: left;
	margin-bottom: 4px;
}

div.devBar span
{
	background: #fff;
	padding: 2px 5px 3px 5px;
	font: 10px Verdana;
	color: #f00;
}


/***********************************************
	ERROR TEXT
***********************************************/

.error
{
	color: #c00;
	font: bold 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	display: block;
}


/***********************************************
	Added for Coupon Cabin Rows
***********************************************/

.underline td
{
	border-bottom: 1px dotted #ffcc66;
}



/* COOLSAVINGS SAVINGS TIP ARTICLES CSS */



/***********************************************

	SAVINGS TIPS 

***********************************************/

div#article
{
	/* holds savings tip articles */
	float: none;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 766px;
}

html > body div#article
{
	float: left; /*  adjustment made so that banner is clickable in FF */
}

/***********************************************

	LANDING PAGE FOR SMARTSOURCE 

***********************************************/

table#ss-ipt td
{
	padding: 6px;
}

.clr
{
	clear: both;
}

/***********************************************

	ON PAGE REGISTRATION 

***********************************************/

#regbox
{
	/* holds on page reg form */
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin: 0 0 12px 0;
	width: 454px;
	min-width: 454px;
	background: url(http://www.coolsavings.com/images/bg_joinnow.gif) left top no-repeat;
}
#regbox table
{
	position: relative;
	left: 78px;
	top: 12px;
	padding: 0;
	margin: 0;
	width: 375px;
}
#regbox .ftr
{
	/* holds bottom of on page reg form */
	position: relative;
	top: 2px;
	clear: both;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	height: 6px;
	width: 454px;
	min-width: 454px;
	background: url(http://www.coolsavings.com/images/bg_joinnow_btm.gif) left bottom no-repeat;
}
#regbox .csav-Error-Msg
{
	font: 11px Tahoma, Verdana, Arial;
	color: #f00;
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
	white-space: normal;
	background-color: #ffc;
}
#regbox .combo
{
	display: inline;
	float: left;
	width: auto;
	padding: 0;
	margin: 0 8px 0 0;
	white-space: nowrap;
}
#regbox input, #regbox select
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 98px;
}
html > body #regbox input
{
	width: 100px;
}
#regbox label
{
	display: block;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #609;
	padding-top: 2px;
	white-space: nowrap;
}
#regbox .row
{
	clear: both;
	display: block;
	padding-top: 2px;
}
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_f49365_0
{
	/* gender */
	width: 80px;
}
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_f49361_0
{
	/* email */
	width: 128px;
}
#regbox #bday
{
	white-space: nowrap;
	display: inline;
	float: left;
}
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_f49366_0_month
{
	/* bday month */
	width: 80px;
	margin-right: 2px;
}
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_f49366_0_day
{
	/* bday day */
	width: 68px;
	margin-right: 2px;
}
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_f49366_0_year
{
	/* bday year */
	width: 68px;
}
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_f49367_0
{
	/* zip code */
	width: 44px;
}
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_validatorID121870_div,
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_validatorID121873_div,
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_validatorID121876_div,
#regbox #ctl00_MainBodyContainer_RegistrationModule1_s_validatorID121881_div
{
	width: 350px;
}
#regbox #daily
{
	display: inline;
	float: left;
	position: relative;
	left: -2px;
	top: 2px;
	width: auto;
	height: 28px;
}
#regbox #daily label
{
	display: inline;
}
#regbox #daily input
{
	width: 20px;
	float: left;
	display: inline;
}
#regbox .btnSubmit
{
	float: none;
	position: relative;
	top: -39px;
	margin-bottom: -39px;
	left: 245px;
	width: 130px;
}
#regbox .csav-req
{
	display: none;
}


/***********************************************

	Postmaster checkbox

***********************************************/

 .postmaster 
 {
 font-size:12px;
 }