/**********************************************************************
	Filename: townmoneysaver.css
	Project:  www.TownMoneySaver.com
	
	Global style sheet
**********************************************************************/

/* BODY TAG DEFINITION */
body { margin:0px; padding:0px; background-color:#FFFFFF; }

/* GENERAL FONT STYLES */
p, div, span, td, a, li, strong, textarea { font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000; font-size:12px; }
a { font-weight:bold; color:#000000; text-decoration:none; }
a:hover { color:#43a4c5; text-decoration:none; }
p { margin:0px 0px 15px 0px; }
hr { width:100%; height:1px; margin:0px 0px 10px 0px; color:#cccccc; }

/* HEADINGS */
h1,h2,h3,h4,h5 { font-family:Arial, Verdana, Helvetica, sans-serif; color:#b55a2d; margin:0px 0px 0px 0px; }
h1 { font-size:20px; margin-bottom:10px; }
h2 { font-size:16px; margin-bottom:7px; }
h3 { font-size:14px; margin-bottom:5px; }
h4 { font-size:12px; margin-bottom:3px; }
h5 { font-size:10px; }

/* MAIN ELEMENTS */
#header { position:relative; width:990px; height:150px; background-image:url( ../images/headerPublic.jpg ); background-repeat:no-repeat; }
#page {
	position:relative;
	width:990px;
	text-align:left;
	background-image:url(../markets/images/menuBG.gif);
	background-repeat:repeat-y;
	height: 1150px;
}
#content { width:770px; min-height:300px; padding:20px; }
#footer { width:970px; padding:5px 10px 5px 10px; font-size:12px; color:#000000; background-color:#42a3c4; text-align:left; }
#footer div { float:right; }
#footer a { font-size:12px; color:#000000; font-weight:normal; }
#footer a:hover { color:#FFFFFF; text-decoration:none; }
#footer span { padding:0px 10px 0px 10px; color:#000000; }

/* MAIN NAVIGATION */
#navigation { position:absolute; bottom:10px; left:20px; z-index:20; color:#000000; }
#navigation a { text-transform:uppercase; }
#navigation a:hover { color:#FFFFFF; text-decoration:none; }
#navigation span { padding:0px 5px 0px 5px; }

/* CONTENT COLUMNS */
#rightSide { float:right; width:730px; padding:20px 20px 20px 0px;  text-align:left; }
#leftSide { width:185px; min-height:200px; text-align:left; padding:20px 15px 20px 15px; background-color:#bfdfea; }
#leftSide div { margin-bottom:15px; border:1px solid #42a3c4; text-align:right; }
#leftSide a { display:block; padding:5px; }
#leftSide a:hover { color:#FFFFFF; background-color:#42a3c4; }

/* IMAGES */
.leftImage { float:left; margin:0px 20px 20px 0px; }
.rightImage { float:right; margin:0px 0px 20px 20px; }

/* TMS ACCOUNTS */
#accountTitle { position:absolute; top:74px; left:325px; width:450px; font-size:24px; font-weight:bold; text-align:left; }
#accountInfo { position:absolute; top:103px; left:326px; width:450px; text-align:left; color:#cc0033; font-weight:bold; }
#accountInfo span { padding:0px 5px 0px 5px; }
#accHomeMenu div { float:left; margin:0px 30px 15px 0px; }
#accHomeMenu br { clear:left; }

/* TMS MARKETS */
/* header */
#headerMarket {
	position:relative;
	width:990px;
	height:150px;
	background-image:url(../markets/images/headerMarket.jpg);
	background-repeat:no-repeat;
}
#marketTitle { position:absolute; top:20px; left:20px; width:955px; font-family:Times New Roman, Arial, Verdana, Helvetica, sans-serif; font-size:24pt; font-weight:bold; text-align:left; }
#marketTitle sup { padding:0px 0px 0px 3px; margin:0px; font-size:18px; }
/* columns */
#mktColLeft { float:left; width:215px; margin:0px 20px 0px 0px; padding:10px 0px 0px 0px; background-color:#FFFFFF; }
#mktColMiddle { float:left; width:520px; min-height:300px; padding:10px 20px 20px 0px; }
#mktColRight {
	float:left;
	width:215px;
	padding:10px 0px 20px 0px;
}
/* left column elements */
/* classifieds */
#mktClassifiedBlock {
	width:193px;
	min-height:80px;
	margin:0px 0px 10px 0px;
	padding:10px 10px 5px 10px;
	border:1px solid #000000;
	background-image:url(../markets/images/mktClassifiedGraphic.gif);
	background-repeat:no-repeat;
	background-position:150px 35px;
}
#mktClassifiedBlock a { display:block; width:120px; margin-bottom:5px; font-size:11px; }
/* community */
#mktCommunityBlock {
	width:193px;
	height:130px;
	margin:0px 0px 10px 0px;
	padding:10px;
	line-height:40px;
	text-align:center;
	background-image:url(../markets/images/mktCommunityGraphic.jpg);
	background-repeat:no-repeat;
	border:1px solid #000000;
}
#mktCommunityBlock a { display:block; height:100px; padding-top:20px; color:#ffffff; font-size:24pt; font-weight:bold; text-shadow:#000000 3px 3px 3px; filter:progid:DXImageTransform.Microsoft.shadow( Strength=3, Direction=135, Color=#000000, ); }
#mktCommunityBlock a:hover { color:#43a4c5; }
/* community email list */
#mktEmailBlock {
	width:195px;
	height:130px;
	margin:0px 0px 10px 0px;
	padding:10px;
	line-height:32px;
	background-image:url(../markets/images/mktCommunityEmailGraphic.gif);
	background-repeat:no-repeat;
}
#mktEmailBlock a {
	display:block;
	color:#b55a2d;
	font-size:18pt;
	font-weight:bold;
}
#mktEmailBlock a:hover { color:#43a4c5; }
/* weather */
#mktWeatherBlock { width:193px; margin:0px 0px 10px 0px; padding:10px; background-color:#FFFFFF; background-image:url( ../images/mktWeatherBlockBG.gif ); background-repeat:repeat-x; border:1px solid #000000; }
#weatherContent { margin-left:6px; }
/* category lists */
.mktCatList { float:left; width:250px; }
.mktCatList div { margin-bottom:5px; }
/* market sub-navigation */
#mktSubNavigation { margin-bottom:10px; text-align:left; }
#mktSubNavigation a { font-size:14px; }
#mktSubNavigation span { padding:0px 5px 0px 5px; }

/*******************************
BEGIN ACCOUNT MANAGEMENT ELEMENTS
*******************************/

/* MAIN MENUS */
.contentSection { float:left; margin:10px 0px 10px 0px; }
.contentSection a { font-size:16px; color:#b55a2d; }
.contentSection a:hover { color:#000000; text-decoration:none; }
.contentSection div { float:left; width:100px; margin:10px 0px 0px 0px; text-align:center; font-size:10px; font-weight:bold; }
.contentSection div a { font-size:10px; font-weight:bold; color:#000000; }
.contentSection div a:hover { color:#cc3300; text-decoration:none; }
.contentSeperator { float:left; width:1px; height:107px; margin-right:25px; background-color:#000000; }

/* SECTION MENUS */
.sectionMenu { float:right; min-width:190px; text-align:left; }
.manageMenu { margin:0px 0px 0px 0px; }
.manageMenu div { float:left; width:24px; margin:0px 10px 10px 0px; }
.subMenu { margin-right:10px; font-weight:bold; }
.subMenu a { color:#cc3300; }
.subMenu a:hover { text-decoration:underline; }
.subMenu span { padding:0px 3px 0px 3px; }

.manageSection div { float:left; width:385px; padding:15px 0px 0px 0px; }
.manageSection .subMenu { width:auto; }
.manageSection img { float:left; margin-right:10px; }
.manageSection br { clear:left; }

/* SECTION HEADERS */
.sectionHeader { width:400px; }
.sectionHeader div { float:right; width:350px; padding-top:10px; text-align:left; font-size:11px;  }
.sectionHeader h1 { margin-bottom:3px; }
.sectionHeader h2 { margin-bottom:0px; }
.sectionHeader img { vertical-align:middle; }

/* ADVERTISERS */
.eadAdvListBlock { float:left; width:250px; margin-bottom:10px; }
.eadAdvListBlock a { font-size:16px; }
#eadAdvLogo { float:right; width:130px; }
.advImgLogo { width:130px; height:100px; }

/* COUPON DESIGNER */
#eadAdvertiserDesigner { float:right; margin:15px 0px 20px 0px; text-align:center; }
.eadCouponInstructions { width:350px; }

/* COUPON LAYOUTS */
.eadCouBox { position:relative; width:646px; height:216px; padding:10px; border:2px solid #999999; text-align:left; }
.eadCouBoxFooter { position:absolute; bottom:7px; right:0px; width:505px; font-size:11px; text-align:center; }
.eadCouBoxFooter a { font-size:11px; }
.eadCouAdv { width:200px; text-align:left; }
.eadCouAdv div { font-size:11px; }
.eadCouAdv a { font-size:10px; }

/* COUPON GENERAL TEXT CONTENT FORMATS */
.eadCouTitle { padding:0px 0px 10px 0px; font-weight:bold; color:#0000ff; }
.eadCouOffer { padding:0px 0px 10px 0px; color:#b45929; }
.eadCouDetails { font-size:10px; color:#000000; }
.eadCouExpires { position:absolute; top:170px; left:0px; width:100%; font-size:10px; text-align:center; }
.eadCouTMS { position:absolute; top:182px; left:0px; width:100%; font-size:10px; text-align:center; }

/* 1 COUPON AD FORMAT */
.eadCouAd1 { position:absolute; right:5px; top:5px; width:495px; height:180px; z-index:2; overflow:hidden; padding:10px; text-align:center; }
.eadCouAd1 .couponTitle { font-size:20px; }
.eadCouAd1 .couponOffer { font-size:16px; }
.eadCouAd1Img { position:absolute; right:5px; top:5px; width:515px; height:200px; z-index:1; }

/* 2 COUPON AD FORMAT */
/* coupon 1 */
.eadCouAd2A { position:absolute; right:266px; top:5px; width:234px; height:180px; z-index:2; overflow:hidden; padding:10px; text-align:center; }
.eadCouAd2A .couponTitle { font-size:16px; }
.eadCouAd2A .couponOffer { font-size:14px; }
.eadCouAd2AImg { position:absolute; right:266px; top:5px; width:254px; height:200px;  z-index:1; }
/* coupon 2 */
.eadCouAd2B { position:absolute; right:5px; top:5px; width:234px; height:180px; z-index:2; overflow:hidden; padding:10px; text-align:center; }
.eadCouAd2B .couponTitle { font-size:16px; }
.eadCouAd2B .couponOffer { font-size:14px; }
.eadCouAd2BImg { position:absolute; right:5px; top:5px; width:254px; height:200px;  z-index:1; }

/* 3 COUPON AD FORMAT */
/* coupon 1 */
.eadCouAd3A { position:absolute; right:352px; top:5px; width:148px; height:180px; z-index:2; overflow:hidden; padding:10px; text-align:center; }
.eadCouAd3A .couponTitle { font-size:14px; }
.eadCouAd3A .couponOffer { font-size:12px; }
.eadCouAd3AImg { position:absolute; right:352px; top:5px; width:168px; height:200px;  z-index:1; }
/* coupon 2 */
.eadCouAd3B { position:absolute; right:178px; top:5px; width:148px; height:180px; z-index:2; overflow:hidden; padding:10px; text-align:center; }
.eadCouAd3B .couponTitle { font-size:14px; }
.eadCouAd3B .couponOffer { font-size:12px; }
/* coupon 3 */
.eadCouAd3BImg { position:absolute; right:178px; top:5px; width:168px; height:200px;  z-index:1; }
.eadCouAd3C { position:absolute; right:5px; top:5px; width:148px; height:180px; z-index:2; overflow:hidden; padding:10px; text-align:center; }
.eadCouAd3C .couponTitle { font-size:14px; }
.eadCouAd3C .couponOffer { font-size:12px; }
.eadCouAd3CImg { position:absolute; right:5px; top:5px; width:168px; height:200px;  z-index:1; }

/*******************************
END ACCOUNT MANAGEMENT ELEMENTS
*******************************/


/* FORM ELEMENTS */
form { margin:0px; padding:0px; }
form br { clear:left; }
.frmselect { margin:0px; font-weight:bold; }
.frmtext { font-size:14px; border:1px solid #42a3c4; }
.button { width:100px; margin:0px; padding:0px; font-size:12px; font-weight:bold; }
.footnote { font-size:11px; }
.frmblock { float:left; width:260px; margin-bottom:20px; font-weight:bold; }
.frmblock span { font-size:10px; }

/* ERRORS */
.error { font-size:16px; font-weight:bold; color:#cc0033; }

/* PRINTING */
@media print {
	
}
.hidden {
	display: none;
}
#mktColRight a {
	display: block;
	width: 213px;
}
div.coupon h2 {
	font-size: 14px;
	color: #FFFFFF;
	display: block;
	background-color: #003C96;
	padding: 2px;
}
div.coupon p {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}
div.coupon img {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.coupon    p.coupon    {
	position: absolute;
	left: 165px;

}

div.coupon {
	width: 518px;
	float: left;
	border: 1px solid #000000;
	margin-bottom: 10px;
	position: relative;
}
div.coupon a {
	color: #003C96;

}
#mktColMiddle   td  p {
	margin-bottom: 5px;
}
#mktColMiddle  table  td a {
	color: 003C96;
}
#mktColMiddle a:hover {
	text-decoration: underline;
}
