/* -------------------- MASTER STYLE SHEET -------------------- 
Eric Meyer Reset (reset.css)
SOURCE: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

Clearfix Class (clearfix.css) 
SOURCE: http://www.positioniseverything.net/easyclearing.html */

@import url("reset.css");
@import url("clearfix.css");

/* -------------------- BASIC SELECTOR STYLES -------------------- */

html, body {height: 100%;}

body {font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	background: #760054;}

p, li, dd, table {
	padding: .35em 0;
	font-size: 13px;
	}
#col1 p strong, #col1 p b {
	color: #727272;
	}
#col1 h2, #col1 h3, #col1 h4 {
	padding: .35em 0;
	}

h2 {
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	color: #b7b769;
	}

h3 {
	color: #b7b769;
	font-size: 15px;
	margin-bottom: 0;
	}
	
a:link, a:visited {color: #a33182;}
a:hover, a:active {color: #d08b2e;}	

ul.bulletList {
	padding: .35em 0;
	font-size: 13px;	
	margin: .1em 10px 1.25em 50px !important;
	margin: .1em 0 1.25em 50px;
	}
ul.bulletList li {
	list-style-type: disc;
	margin: .3em 0;
	}

/* -------------------- CENTER -------------------- */	
#headerBack, #footerBack, #contentBox {
	text-align: center;
	}
/* reset text */
#content, #headerContent, #footerContent {
	text-align: left;
	}

/* -------------------- NAV STYLES -------------------- */	
#navBox ul, li {
	margin: 0;
	padding: 0;
	}
#navBox li {
	float: left;
	}
#navBox li a, #navHome.active, #navStores.active, #navClubs.active, #navEvents.active, #navSpecials.active, #navLeasing.active {
	height: 33px;
	display: block;
	}
#navHome a, #navHome.active {
	background: url(../images/navHome.png) no-repeat;
	width: 117px;
	}
#navStores a, #navStores.active {
	background: url(../images/navStores.png) no-repeat;
	width: 64px;
	}
#navClubs a, #navClubs.active {
	background: url(../images/navClubs.png) no-repeat;
	width: 58px;
	}
#navEvents a, #navEvents.active {
	background: url(../images/navEvents.png) no-repeat;
	width: 66px;
	}
#navSpecials a, #navSpecials.active {
	background: url(../images/navSpecials.png) no-repeat;
	width: 76px;
	}
#navLeasing a, #navLeasing.active {
	background: url(../images/navLeasing.png) no-repeat;
	width: 129px;
	}
#navHome a:link, #navHome a:visited, #navStores a:link, #navStores a:visited, #navClubs a:link, #navClubs a:visited, #navEvents a:link, #navEvents a:visited, #navSpecials a:link, #navSpecials a:visited, #navLeasing a:link, #navLeasing a:visited {
	background-position: 0 0;
	}	
#navHome a:hover, #navHome a:active, #navStores a:hover, #navStores a:active, #navClubs a:hover, #navClubs a:active, #navEvents a:hover, #navEvents a:active, #navActivities a:active, #navSpecials a:hover, #navSpecials a:active, #navLeasing a:hover, #navHome.active, #navStores.active, #navClubs.active, #navEvents.active, #navSpecials.active, #navLeasing.active {
	background-position: 0 -33px;
	}	

#gnDirections a, #gnHours a, #gnContact a {	
	display: block;
	height: 33px;
	}
#gnDirections a {
	background: url(../images/gnavDirections.png) no-repeat;
	width: 114px;
	}
#gnHours a {
	background: url(../images/gnavHours.png) no-repeat;
	width: 63px;
	}
#gnContact a {
	background: url(../images/gnavContact.png) no-repeat;
	width: 103px;
	}
#gnDirections a:link, #gnDirections a:visited, #gnHours a:link, #gnHours a:visited, #gnContact a:link, #gnContact a:visited {
	background-position: 0 0;
	}	
#gnDirections a:hover, #gnDirections a:active, #gnHours a:hover, #gnHours a:active, #gnContact a:hover, #gnContact a:active, a.active {
	background-position: 0 -33px;
	}	

/* -------------------- STRUCTURE STYLES -------------------- */
#mainContainer {
	z-index: 0;
	position: relative;
	}
#mainContainer, #header, #contentBox, #footer, #headerContent {
	width: 100%;
	}

#content, #footerContent, #headerContent {
	width: 790px;
	margin: 0 auto;
	}
#headerContent {z-index: 1;
	position: relative;}

#header, #headerBack {
	height: 109px;
	}
#header {
	background: #fff url(../images/greenBackRepeat.jpg) repeat-x;
	}
#headerBack {
	background: url(../images/greenBack.jpg) 50% 0 no-repeat;
	}
	
#dynamicGreen {
	width: 280px;
	height: 109px;
	float: left;
	display: inline;
	margin-left: 510px;
	}

#contentBox {
	background: #fff url(../images/greenDipdownFloral.png) 50% 0 no-repeat;
	}
#content {
	width: 814px;
	background: url(../images/contentBack.png) 12px 100% no-repeat;
	}
#col1 {
	width: 522px;/*
	background: url(../images/gradientBackground.png) 12px 100% no-repeat;*/
	float: left;
	display: inline;
	padding-bottom: 30px;
	}
#col2 {
	width: 250px;
	float: left;
	display: inline;
	padding-left:30px;
	padding-top:85px;
	padding-bottom: 60px;
	}
#col1 p, #col1 h2, #col1 h3 {
	line-height: 1.25em;
	margin: .35em 10px 0 34px !important;
	margin: .35em 0 0 34px;
	padding: 0;
	}
#col1 p {
	margin: .1em 10px 1.25em 34px !important;
	margin: .1em 0 1.25em 34px;
	}

#footer {
	background: #760054 url(../images/purpleRepeat.png) 0 0 repeat-x;
	}
#footerBack {
	background: url(../images/purpleBack.png) 50% 0 no-repeat;
	}

#navBox {
	margin-top: 90px;
	margin-bottom: 50px;
	margin-left: 12px;
	}
	
#atTheMall {
	width: 250px;
	background: #760054 url(../images/atRepeat.png) repeat-y;
	}

#signupBox {
	width: 280px;
	float: left;
	display: inline;
	}
	
#footerTxt {
	clear: both;
	/*margin-top: 40px;*/
	}
	
#mallMoneyBox {
	width: 250px;
	height: 94px;
	margin-top: 15px;
	background: url(../images/certBack.gif) no-repeat;
	}

/* -------------------- HIDE -------------------- */
.logoLink span, #gnDirections span, #gnHours span, #gnContact span, #navHome span, #navStores span, #navClubs span, #navEvents span, #navSpecials span, #navLeasing span, #atTheMall h2 span, .moreEvents span, #pnDeptStores span, #pnJewelry span, #pnSpecialty span, #pnFashions span, #pnPersonalSvs span, #pnFood span, #pnShoes span, #pnSporting span, #pnAll span, #signupBox h2 span, #categoriesTitle span, #Logo span, #mallMoneyBox h2 span, #mmWin span, #mmGive span, #fbBox a span, #titleSpecials em, #titleStores em, #titleClubs em, #titleEvents em, #titleLeasing em, #winMM em, #giveMM em {
	display: none;
	}
	
#Logo {
	position: relative;
	z-index: 10;
	width: 1px;
	height: 0;
	display: block;
	top: -1px;
	}
#Logo a {
	background: url(../images/dyersburgMallLogo.png) no-repeat;
	width: 312px;
	height: 133px;
	display: block;
	position: absolute;
	top: 66px;
	left: 100px;
	}

#ish {position: relative; z-index: 10; border-top: 1px solid #666;
  font: bold 10px Arial, sans-serif; letter-spacing: 1px;}
#ish a:link, #ish a:visited {position: absolute; top: -33px; left: 150px;
  width: 65px; height: 52px; padding-top: 13px; text-align: center;
  background: url(/pix/ishbug.gif) top left no-repeat;
  color: #FFF;}

	
#topLogo {
	width: 510px;
	height: 109px;
	display: block;
	float: left;
	}
#bottomLogo {
	width: 312px;
	height: 90px;
	display: block;
	background: url(../images/dyersburgLogoBottom.gif) no-repeat;
	margin: 0 0 0 111px;
	}

#dynamicGreen ul {
	margin: 0;
	padding: 0;
	display: block;
	}
#dynamicGreen li {
	float: left;
	margin: 0;
	padding: 0;
	}
#dynamicGreen p {
	color: #5d601b;
	font-size: 12px;
	line-height: 1.5em;
	margin-left: 25px;
	}
#dynamicGreen div {
	clear: both;
	}
#dynamicGreen #dgDirections p, #dynamicGreen #dgContacts p {
	font-size: 11px;
	line-height: 1.2em;
	}

.weather {
	color: #8b8d09;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	text-align: right;
	}

#atTheMall h2 {
	background: url(../images/atTheMallHead.jpg) no-repeat;
	width: 250px;
	height: 86px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 30px;
	}
#atTheMall p {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.3em;
	}
#atTheMall p.moreEvents {
	width: 250px;
	height: 29px;
	margin: 3px 0 0 0;
	padding: 0;
	}
.moreEvents a {
	width: 250px;
	height: 29px;
	display: block;
	background: url(../images/moreEvents.gif) no-repeat;
	}
.moreEvents a:link, .moreEvents a:visited {
	background-position: 0 0;
	}
.moreEvents a:hover, .moreEvents a:active {
	background-position: 0 -29px;
	}
	
/* -------------------- CATEGORIES -------------------- */
#categoriesBox {
	width: 510px;
	height: 205px;
	background: url(../images/catBacks.png) no-repeat;
	float: left;
	display: inline;
	margin-top: -21px;
	}
#categoriesTitle {
	background: url(../images/categoriesTitle.png) no-repeat;
	width: 510px;
	height: 21px;
	margin: 0;
	padding: 0;
	z-index: 15;
	position: relative;
	}
.catCol1, .catCol2, .catCol3 {
	width: 170px;
	float: left;
	display: block;
	height: 122px;
	}
#categoriesBox .catCol1 a, #categoriesBox .catCol2 a, #categoriesBox .catCol3 a {
	display: block;
	color: #ccc;
	width: 170px;
	}
.topRow, .topRow a {
	height: 36px;
	}
.midRow, .midRow a {
	height: 33px;
	}
.bottomRow, .bottomRow a {
	height: 52px;
	}
#pnDeptStores a {background: url(../images/cnavDeptStores.png) no-repeat;}
#pnJewelry a {background: url(../images/cnavJewelry.png) no-repeat;}
#pnSpecialty a {background: url(../images/cnavSpecialty.png) no-repeat;}
#pnFashions a {background: url(../images/cnavFashions.png) no-repeat;}
#pnPersonalSvs a {background: url(../images/cnavPersonalSvc.png) no-repeat;}
#pnFood a {background: url(../images/cnavFood.png) no-repeat;}
#pnShoes a {background: url(../images/cnavShoes.png) no-repeat;}
#pnSporting a {background: url(../images/cnavSportingGds.png) no-repeat;}
#pnAll a {background: url(../images/cnavAllStores.png) no-repeat;}

#pnDeptStores a:link, #pnDeptStores a:visited, #pnJewelry a:link, #pnJewelry a:visited, #pnSpecialty a:link, #pnSpecialty a:visited, #pnFashions a:link, #pnFashions a:visited, #pnPersonalSvs a:link, #pnPersonalSvs a:visited, #pnFood a:link, #pnFood a:visited, #pnShoes a:link, #pnShoes a:visited, #pnSporting a:link, #pnSporting a:visited, #pnAll a:link, #pnAll a:visited {background-position: 0 0;}

#pnDeptStores a:hover, #pnDeptStores a:active, #pnFashions a:hover, #pnFashions a:active, #pnShoes a:hover, #pnShoes a:active {background-position: 0 -36px;}
#pnJewelry a:hover, #pnJewelry a:active, #pnPersonalSvs a:hover, #pnPersonalSvs a:active, #pnSporting a:hover, #pnSporting a:active {background-position: 0 -33px;}
#pnSpecialty a:hover, #pnSpecialty a:active, #pnFood a:hover, #pnFood a:active, #pnAll a:hover, #pnAll a:active {background-position: 0 -52px;}

#signupBox .inputField {
	background: url(../images/formFields.png) no-repeat;
	width: 182px;
	height: 19px;
	border: 0;
	color: #000;
	}
#signupBox h2 {
	width: 280px;
	height: 36px;
	margin: 0 0 5px 0;
	padding: 0;
	background: url(../images/signupTItle.gif) 100% 100% no-repeat;
	}
#signupBox p {
	color: #d462b6;
	font-size: 10px;
	margin-left: 28px;
	}
#signupBox p strong {
	display: block;
	float: left; 
	width: 65px;
	padding-top: 4px;
	}

#footerTxt p {
	font-size: 11px;
	color: #A6378C;
	clear: left;
	}
#footerTxt li {
	float: left;
	display: inline;
	font-size: 11px;
	padding: 8px 8px 4px 0;
	}
#footerTxt li a {
	width: auto;
	}
#footerTxt a:link, #footerTxt a:visited {color: #CD64B9;}
#footerTxt a:hover, #footerTxt a:active {color: white;}

#mallMoneyBox h2 {
	width: 250px;
	height: 67px;
	margin: 0;
	padding: 0;
	background: url(../images/certTitle.gif) no-repeat;
	display: block;
	}
#mmWin, #mmGive {
	float: right;
	display: inline;
	width: 77px;
	margin: 0;
	padding: 0;
	}
#mmGive {
	width: 86px;
	}
#mmWin a {
	height: 27px;
	width: 77px;
	display: block;
	}
#mmGive a {
	height: 27px;
	width: 86px;
	display: block;
	}
#mmWin a {background: url(../images/certWinButton.gif) no-repeat;}
#mmGive a {background: url(../images/certGiveButton.gif) no-repeat;}
#mmWin a:hover, #mmWin a:active, #mmGive a:hover, #mmGive a:active {background-position: 0 0;}
#mmWin a:hover, #mmWin a:active, #mmGive a:hover, #mmGive a:active {background-position: 0 -27px;}

#fbBox {
	float: right;
	display: inline;
	width:89px;
	height:37px;
	margin-right: 5px;
	}
#fbBox a {
	width:89px;
	height:37px;
	display: block;
	background: url(../images/facebookButton.png) no-repeat;
	}

#specialsTable {
	margin: 10px 0 10px 12px;
	}
#specialsTable td {
	padding: 2px 5px;
	}
#specialsTable p {
	margin: 0;
	padding: 0;
	}

.couponBorder {
	border-top: 1px dashed #959943;
	border-bottom: 1px dashed #959943;
	margin: 15px 0;
	padding: 8px 0;
	}
.couponBorder p {
	font-size: 15px;
	color: #5d601b;
	}

#col1 .homeCopy {
	font-size: 14px;
	line-height: 1.75em;
	color: #a10075;
	clear: left;
	margin-left: 30px;
	margin-right: 10px;
	}
	
/* -------------------- TITLES -------------------- */
#col1 #titleSpecials, #col1 #titleStores, #col1 #titleClubs, #col1 #titleEvents, #col1 #titleLeasing {
	width: 100%;
	height: 24px;
	margin-left: 12px !important;
	margin-bottom: 15px;	
	}
#col1 #titleSpecials {
	background: url(../images/titleSpecials.gif) 50% 0 no-repeat;	
	}
#col1 #titleStores {
	background: url(../images/titleStores.gif) 50% 0 no-repeat;	
	}
#col1 #titleClubs {
	background: url(../images/titleClubs.gif) 50% 0 no-repeat;	
	}
#col1 #titleEvents {
	background: url(../images/titleEvents.gif) 50% 0 no-repeat;	
	}
#col1 #titleLeasing {
	background: url(../images/titleLeasing.gif) 50% 0 no-repeat;	
	}

.mallAreaInfo {
	margin-left: 34px;
	float: left;
	display: inline;
	width: 195px;
	}
.mallAreaInfo td {	
	padding: 3px 10px;	}
.mallAreaInfo .totalRow td {
	border-top: 1px solid #8b8d09;
	}
#col1 table.mallAreaInfo p {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
	}
#col1 .mallAreaInfo .totalRow p {
	color: #8b8d09;
	font-weight: bold;
	}
#leasingInfo {
	margin-left:200px;
	margin-top: 3px;
	}

.storeCatSelected {
	font-size: 15px;
	color: #5d601b;
	}

.inputWhite {
	border: 1px solid #ccc;
	background: white;
	}

#col1 #winMM {
	background: url(../images/winCertTitle.png) 50% 0 no-repeat;
	height: 75px;
	font-size: 18px;
	color: #8b8d09;
	font-weight: normal;
	width: 100%;
	margin-left: 8px !important;
	margin-bottom: 15px;	
	}
#col1 #giveMM {
	background: url(../images/giveCertTitle.png) 50% 0 no-repeat;
	height: 75px;
	font-size: 18px;
	color: #8b8d09;
	font-weight: normal;
	width: 100%;
	margin-left: 8px !important;
	margin-bottom: 15px;	
	}