
/* -----------------------------------------------------------------------
	Client:		Royal Palms Resort and Spa
	Title:		Shared stylesheet for screen media
	Author:		Jason Garber, jgarber@esitemarketing.com
	Copyright:	E-site Marketing, LLC, http://www.esitemarketing.com
	Created:	03 April 2006
------------------------------------------------------------------------- */


/* ----- Generic styles --------------------------------------------------*/
* { margin: 0; padding: 0; }

body { font:62.5% Verdana, Arial, Helvetica, sans-serif; text-align:center; background-image:url(../images/layout/bg.jpg); background-repeat:no-repeat; background-position:top center; background-color:#9F490C; }

a img { border: 0; }
abbr { border-bottom: none; }
cite { margin: 0; }

/* ----- Common classes --------------------------------------------------*/
/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/
img {display:block;}

img.header {display:block;}

.center { text-align: center; }
/* .required { font-weight: bold; } */

/* ----- jQuery Flash rules -------------------------------------*/
.flash-update {	position: relative; }

.flash-update p {
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #FFCC00;
	padding: 8px 10px;
	text-align: left;
	background: #FFFFCC;
	color: #000000;
	font-size: 1.1em;
	}

/* ----- Page layout -----------------------------------------------------*/
div#wrap {
	position: relative;
	width: 792px;
	margin: 0 auto;
	text-align: left;
	background-image: url("../images/fall/mcc-items-bg.jpg");
	}
.holiday-landing div#wrap { background-image:url(../images/holiday/bg-content-repeat.jpg); }

div#branding {
	width: 772px;
	height: 269px;
	background-image: url("../images/headers/_temp.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	}

div#branding h1 {
	position: absolute;
	left: 50px;
	top: 22px;
	}

div#branding h1 a {
	display: block;
	width: 144px;
	height: 32px;
	background: url("../images/logo-royalpalms.gif") no-repeat 0 0;
	}

div#headline {
	background: url("../images/fall/headline.gif") no-repeat 50% 0;
	height:128px;
	text-align:center;

}

div#dm-headline {
	background: url("../images/fall/dm-headline.gif") no-repeat 50% 0;
	height:36px;
	text-align:center;

}

h2 { color:#804F0F; font-size:36px; line-height:36px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; padding:0 20px; width:700px; margin: 0 auto;}
.holiday-landing h2 { font-size:32px; }

span.link{cursor:pointer;}

div#content-wrap {
	background: url("../images/fall/div-bg-down.jpg") no-repeat;
}
.holiday-landing div#content-wrap { background-image:url(../images/holiday/bg-content.jpg); }

div#content {
	color: #473511;
	padding:15px 90px;
	line-height:1.4;
	min-height:105px;
		position:relative;
}

div#content p { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

hr {
	margin:10px 0px;
	border:0;
	color: #D8AA3D;
	background-color: #D8AA3D;
	height: 1px;
}
	
div#mcc-items {
	padding:15px 90px;
	line-height:1.4;


	}

div#mcc-items .package-title {
	border-bottom: 1px solid #d8aa3d;
	height:18px;
	padding:10px 20px;
	background-image: url("../images/fall/mcc-title-bg.gif");
	font: normal 1.4em Times New Roman;
	color: #744713;
    text-align:left;
}

div#mcc-items .package-wrapper {

	margin:15px 0px;
}

div#mcc-items .package-inside-wrapper {
	border: 1px solid #b09772;
	position:relative;
}

div#mcc-items .package-content {
	padding:10px 20px;
	min-height:155px;
	}

div#mcc-items .package-content .package-short p {
	margin:2px;
}

div#mcc-items .package-image {
	float:left;
	width:200px;
}

div#mcc-items .package-details {
	float:left;
	width:346px;
	margin-left:20px;
	font-size:12px;
}


body.dm-offer div#mcc-items .package-details {	float:left; width:346px; margin-left:20px; }

div#mcc-items .package-long, div#mcc-items .package-short {
	text-align:left;
}

.package-long ul
{
    color:#473511;
	margin:0px 0px 0px 15px;
}

.package-toggle {
	width:150px;
	margin:20px 20px 0px 124px;
}

body.dm-offer .package-toggle { margin: 20px 20px 0 128px; width: 150px; }

div#mcc-items .package-link {
	margin:10px 0px;
}

div.clear {
	clear:both
}
	
div#nav {height:79px;}	
div#nav img.nav-button {float:left}

div#page-meta {
	position: relative;
	height: 90px;
	margin-bottom: 15px;
	}


span.arrows {color: #ab5200;}
a.book-now {color: #ab5200; text-decoration:underline; }


div.preview {border:1px solid #b89c85;padding:10px;}
div.vcard { text-align:center;}

/*-----Toyday show Push marketing-----------*/
div#push-today-show { width:183px; height:110px; margin:0 0 0 30px; background:url('../images/layout/push-today-show.gif') no-repeat top left;}
div#push-today-show p{padding-top:86px;font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight:bold; color:#7D4E3E; text-align: center;}
div#push-today-show a, div#push-today-show a:visited { color:#AA5505; text-decoration:underline}
div#push-today-show a:hover { text-decoration:none;}

/* ----- Contingency rules -----------------------------------------------*/
div#browser-warning { display: none; }

/* Follow functionality */
#follow-links ul {list-style:none;}
.follow-link { display:block; margin:25px 0; position:absolute; left:350px; }
.follow-link img {vertical-align:top;}
.follow-close {float:right; text-decoration:none;}
.follow-panel {display:none; border:1px solid #375171; background-color:#fff; position:absolute; left:0px; top:0px; width:140px; padding:3px 0 3px 10px; }
.follow-caption {font-weight:bold; font-size:1.1em; float:left; margin-bottom:5px;}
.follow-panel ul {clear:both; margin:0 !important; text-align:left;}
.follow-panel ul li {width:50%; float:left; display:inline; height:20px; clear:left; }
.follow-panel ul li a {padding:3px 0 3px 20px; text-decoration:none; background:url(../images/rss/icons.gif) no-repeat;}
.follow-facebook a {background-position:0 -180px !important;}
.follow-twitter a {background-position:0 -620px !important;}
/* overrides */
.follow-panel {left:397px; top:63px; }
.follow-caption { font:1.4em "Times New Roman", Times, serif; color:#2f3026; font-variant:small-caps; font-weight:bold; }
.follow-panel ul { font:1.2em "Times New Roman", Times, serif; color:#2f3026; }




/* Utility Navigation */
ul#nav-utility { list-style:none; width:450px; padding:0; margin:0; float:right; }
ul#nav-utility li { float:left; display:inline; width:225px; font-size:11px; line-height:30px; font-family:Arial, Helvetica, sans-serif; color:#ebcfa1; text-transform:uppercase; }
ul#nav-utility li a { color:#ebcfa1; }
ul#nav-utility li a:hover, ul#nav-utility li.current a { text-decoration:none; }

/* Footer Navigation */
#footer-nav { float:right; color:#ebcfa1; font-size:11px; line-height:24px; font-family:Arial, Helvetica, sans-serif; padding:0 30px 0 0; width:200px; }
#footer-nav a { color:#ebcfa1; }
#footer-nav a:hover { text-decoration:none; }



/* Footer */
div#footer-wrapper { clear:both; background-image:url(../images/layout/footer-home-bg.jpg); background-position: top center; background-repeat:repeat-x; padding:0; margin:0; background-color: #370000; height: 100%; }
div#footer { width:960px; margin:0 auto; text-align:left; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
div#footer-left { float:left; width:290px; padding:20px 0 0 0; }
div#footer-left p { padding:10px 0 0 30px; }
div#footer-left #logos { padding:15px 0 0 30px; }
div#footer-left #logos img { padding:0 5px 0 0; display:inline;}
div#footer-middle { float:left; width:200px; padding:60px 0 0 0; overflow:hidden; position:relative; }
div#dhr { width:250px; height:25px; position:absolute; top:30px; left:-25px; }
div#footer-right { width:450px; float:right; padding:20px 0 0 0; }
div#footer-bottom { clear:both; line-height:24px; padding:18px 0 10px 30px; width:930px; float:left; }
div#footer-bottom p { text-align:left; float:left; }
div#corp-facts-footer { padding-bottom:30px !important;}


