@charset "UTF-8";

/* ---- Global LP Styles ---- */
body { margin: 0px; color: #000; background-color: #7a7a7a; font-family: Arial, Helvetica, sans-serif; }
ul { margin: 0; padding: 0;}
li { margin: 0; padding: 0; list-style: none; background: none; border: none; }
img { border: 0; }
td { text-align: left; }
.linker { cursor: pointer; cursor: hand; }
a { color: #015DC1; text-decoration: none; font-family: Arial, Helvetica, sans-serif; border-bottom: none; }
a:hover { color: #333; }
#wrapper { width: 970px; margin: 35px auto 20px auto; padding: 0;}
#container { width: 950px; background-color: #fff; padding: 10px; margin: 0 0 20px 0; float: left; }

#masthead {
	width: 950px;
	height: 55px;
	background: url(../images/lp_2010/masthead_bg_5.png) 0 0 repeat-x;
	float: left;
	position: relative;
	z-index: 800;
	background-image: url(../images/lp_2010/masthead_bg_1.png);
}
#masthead #logo { width: 300px; height: 20px; background: url(../images/holiday09/rdc_logo.png) 0 0 no-repeat; position: absolute; top: 18px; left: 45px; }
#masthead #tagline {
	width: 220px;
	height: 18px;
	background: url(../images/lp_2010/eat_drink_save.png) 0 0 no-repeat;
	position: absolute;
	top: 20px;
	right: 30px;
}

.banner {width: 950px; height: 65px; padding: 0; float: left;}

/* ---- LP 1 Styles - for "rdc_lp_holiday.asp" page ---- */
#main {
	width: 930px;
	height: 570px;
	background-color: #004ea5;
	padding:30px 10px 20px 10px;
	margin: 0 0 15px 0;
	float: left;
	position: relative;
*z-index: 1; }

#main h1 {
	height:34px;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	margin:0px;
	padding: 0px 0 0 0px;
	text-align:center;
}

#main #find-restaurant {
	width: 228px;
	height: 295px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fcfbfb;
	border: solid 4px #ceb878;
	margin-left:5px;
	padding: 15px 0 0 25px;
	float: left;
	z-index: 1;
}

#main #find-restaurant .step { font-weight: bold; color: #29aa3a; }
#main #find-restaurant .h1 { font-size: 21px; color: #840104; margin: 0 0 10px 0; }
#main #find-restaurant .txt { font-size: 14px; line-height: 18px; color: #333; margin: 0 0 15px 0; }
#main #find-restaurant .or { width: 195px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #000; text-align: center; text-transform: uppercase; margin: 8px 0; float: left; }
#main #find-restaurant .input { width: 180px; height: 14px; font-size: 12px; font-weight: bold; color: #333; background-color: #fff; border: solid 2px #bcbc9c; padding: 5px 5px 4px 6px; vertical-align: middle; float: left; }
#main #find-restaurant input { font: bold 12px/14px Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0; background-color: #fff; border: none; }
#main #find-restaurant .input .field-txt-zip { width: 185px; font: bold 12px/14px Arial, Helvetica, sans-serif; display: block; float: left; }
#main #find-restaurant .input .field-txt { width: 140px; font: bold 12px/14px Arial, Helvetica, sans-serif; display: block; float: left; }
#main #find-restaurant .input img { margin: -1px 8px 0 0; float: right; }
#main #find-restaurant .popup-bg { background:url("../../images/gradient_gray.jpg") #ffffff repeat-x; border: 2px solid #CECEB6; }

#main #find-restaurant #recent_searches { width: 230px; font-size: 12px; line-height: 18px; position: absolute; padding: 5px 10px 10px 10px; top: 100px; left: 218px; *top: 111px; z-index: 555; }
#main #find-restaurant #recent_searches .title { font-weight: bold; font-size: 13px; margin: 0 0 6px 0; }
#main #find-restaurant #recent_searches .line { margin: 0 -2px 10px -3px; border-bottom: dotted 1px #999; }
#main #find-restaurant #state_selector { width: 300px; font-size: 12px; line-height: 18px; position: absolute; top: 166px; left: 218px; z-index: 999; *z-index: 1000; }
#main #find-restaurant #city_selector { width: 285px; font-size: 12px; line-height: 18px; position: absolute; top: 221px; left: 218px; z-index: 999; *z-index: 1000; }

#main #find-restaurant .btn { float: left; margin: 0 0 0 10px; }
#main #find-restaurant .btn:hover { float: left; margin: 1px 0 0 10px; }

#main #give-gift {
	width: 280px;
	height: 295px;
	background-color: #fcfbfb;
	border: solid 4px #ceb878;
	margin-left:13px;
	padding: 15px 0 0 25px;
	float: left;
*z-index: 0; }
#main #give-gift form, #main #give-dom form {
    position:absolute;
    top:220px;
    left:28px;  
}

#main #give-dom {
	width: 295px;
	height: 295px;
	background-color: #fcfbfb;
	border: solid 4px #ceb878;
	padding: 15px 0 0 16px;
	margin-right:5px;
	float: right;
*z-index: 0; }

#main #give-dom form {  }

#main ul { margin: 3px 0 6px 0; }
#main li { list-style: none; font: normal 14px/18px Arial, Helvetica, sans-serif; color: #444; background: url(../../images/bullet_arrow.png) 0 4px no-repeat; margin: 0 0 5px 0; padding: 0 15px 0 20px; }
#main label { font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; text-transform: uppercase; }
#main .input1 { width: 42px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; background-color: #fff; border: solid 1px #333; margin: 0 10px 0 6px; padding: 0 0 0 2px; }
#main .input2  
{
    width: 155px; 
    font: bold 12px/14px Arial, Helvetica, sans-serif; 
    color: #444; 
    background-color: #fff; 
    border: solid 1px #333; 
    padding: 0 0 0 6px; 
}
#main .input3 { width: 197px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; background-color: #fff; border: solid 1px #333; padding: 0 0 0 2px; }


#main #find-restaurant, #main #give-gift, #main #give-dom {
    position:relative;
}
#main #find-restaurant .btn-pos {
    right:24px;
}
#main #give-gift .btn-pos {
    right:24px;
}
#main #give-dom .btn-pos {
    right:24px;
}
#main .btn-pos {
    position:absolute;
    top:260px;
}

#main a.learnmore {
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #015DC1;
	text-decoration: underline;
	position:absolute;
	top:270px;
	left:35px;
}

#main #find-restaurant h1, #main #give-gift h1, #main #give-dom  h1 {
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 0 0 5px 0;
}
#main #find-restaurant h2, #main #give-gift h2, #main #give-dom  h2 { font: normal 14px/16px Arial, Helvetica, sans-serif; color: #222; text-align: left; margin: 0 0 8px 0; }

#main #code {
	width: 100%;
	text-align:center;
	float:left;
	font: normal 16px/20px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ffffff;
	margin: 10px 0 0;
}
#main #code span {
	color: #FFFFFF;
	background-color: #000000;
	padding: 5px;
	margin: 0 2px 0 0;
}
#main #code span strong { font-weight: bold; }

/* ---- LP 1 Styles - for "rdc_lp_holiday.asp" page ---- */

#main2 { width: 930px; height: 545px; background: url(../images/holiday09/main_bg_4.png) bottom left repeat-x; background-color: #067dc0; padding: 10px; margin: 0 0 15px 0; float: left; position: relative; }

#main2 #left {width: 430px; float: left; }
#main2 #right {width: 475px; background-color: #b30905; padding: 10px; float: right; }

#main2 #left #code { width: 430px; height: 40px; font: normal 16px/20px Arial, Helvetica, sans-serif; text-align: center; color: #fff; padding: 15px 0 0 0; float: left; }
#main2 #left #code strong { font-weight: bold; }

#main2 #right #code { width: 475px; height: 25px; font: normal 16px/18px Arial, Helvetica, sans-serif; text-align: center; color: #fff; padding: 6px 0 5px 0; float: left; }
#main2 #right #code strong { font-weight: bold; }

#main2 #left #find-restaurant { width: 356px; height: 200px; font-family: Arial, Helvetica, sans-serif; background-color: #fcfbfb; border: solid 4px #ceb878; padding: 25px 30px 0 30px; position: relative; float: left; z-index: 1; }

#main2 #left #find-restaurant form { width: 200px; position: absolute; top: 30px; right: 20px; top: 30px; float: right; }

#main2 #left #find-restaurant .or { width: 195px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #000; text-align: center; text-transform: uppercase; margin: 8px 0; float: left; }
#main2 #left #find-restaurant .input { width: 180px; height: 14px; font-size: 12px; font-weight: bold; color: #333; background-color: #fff; border: solid 2px #bcbc9c; padding: 5px 5px 4px 6px; vertical-align: middle; float: left; }
#main2 #left #find-restaurant input { font: bold 12px/14px Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0; background-color: #fff; border: none; }
#main2 #left #find-restaurant .input .field-txt-zip { width: 185px; font: bold 12px/14px Arial, Helvetica, sans-serif; display: block; float: left; }
#main2 #left #find-restaurant .input .field-txt { width: 140px; font: bold 12px/14px Arial, Helvetica, sans-serif; display: block; float: left; }
#main2 #left #find-restaurant .input img { margin: -1px 8px 0 0; float: right; }
#main2 #left #find-restaurant .popup-bg { background:url("../../images/gradient_gray.jpg") #ffffff repeat-x; border: 2px solid #CECEB6; }

#main2 #left #find-restaurant #recent_searches { width: 230px; font-size: 12px; line-height: 18px; position: absolute; padding: 5px 10px 10px 10px; top: 0; left: 193px; z-index: 555; }
#main2 #left #left #find-restaurant #recent_searches .title { font-weight: bold; font-size: 13px; margin: 0 0 6px 0; }
#main2 #find-restaurant #recent_searches .line { margin: 0 -2px 10px -3px; border-bottom: dotted 1px #999; }
#main2 #left #find-restaurant #state_selector { width: 300px; font-size: 12px; line-height: 18px; position: absolute; top: 55px; left: 193px; z-index: 999; *z-index: 1000; }
#main2 #left #find-restaurant #city_selector { width: 285px; font-size: 12px; line-height: 18px; position: absolute; top: 110px; left: 193px; z-index: 999; *z-index: 1000; }

#main2 #left #find-restaurant .btn { float: left; margin: 0 0 0 10px; }
#main2 #left #find-restaurant .btn:hover { float: left; margin: 1px 0 0 10px; }

#main2 #right #box { width: 436px; height: 433px; background-color: #fcfbfb; border: solid 4px #ceb878; padding: 25px 15px 0 15px; float: left; *z-index: 0; }


#main2 #right #box #give-gift { width: 429px; height: 185px; padding: 0 0 0 10px; float: left; position: relative; *z-index: 0; }
#main2 #right #box #give-gift form { position: absolute; bottom: 10px; left: 40px; }

#main2 #right #box .line { width: 435px; height: 2px; border-bottom: solid 4px #ceb878; margin: 12px 0 25px 0; float: left; }

#main2 #give-dom { width: 429px; height: 190px; padding: 0 0 0 10px; float: left; position: relative; *z-index: 0; }
#main2 #give-dom form { position: absolute; bottom: 10px; left: 10px; }

#main2 ul { margin: 3px 0 6px 0; }
#main2 li { list-style: none; font: normal 14px/18px Arial, Helvetica, sans-serif; color: #444; background: url(../../images/bullet_arrow.png) 0 4px no-repeat; margin: 0 0 5px 10px; padding: 0 15px 0 20px; }
#main2 label { font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; text-transform: uppercase; }
#main2 .input1 { width: 42px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; background-color: #fff; border: solid 1px #333; margin: 0 10px 0 6px; padding: 0 0 0 2px; }
#main2 .input2 { width: 155px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; background-color: #fff; border: solid 1px #333; padding: 0 0 0 6px; }
#main2 .input3 { width: 197px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; background-color: #fff; border: solid 1px #333; padding: 0 0 0 2px; }
#main2 .btn-pos1 {position: absolute; bottom: -40px; right: 0;}
#main2 .btn-pos {position: absolute; bottom: 5px; right: 0;}

#main2 a.learnmore { font: normal 12px/12px Arial, Helvetica, sans-serif; color: #015DC1; text-decoration: underline; position: absolute; bottom: 50px; left: 341px; }

#main2 #find-restaurant h1, #main2 #give-gift h1, #main2 #give-dom  h1 { font: bold 22px/23px Arial, Helvetica, sans-serif; color: #840104; text-align: left; margin: 0 0 5px 0; }
#main2 #find-restaurant h2, #main2 #give-gift h2, #main2 #give-dom  h2 { font: normal 14px/18px Arial, Helvetica, sans-serif; color: #222; text-align: left; margin: 0 0 8px 0; }

/* ---- Footer Styles ---- */

#footer { width: 970px; font: normal 11px/16px Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding: 10px 0 20px 0; margin: 0 auto; }
#footer #valid { font-size: 16px; font-weight: bold; color: #fff; padding: 0px 0 15px 0; text-align: center; }
#footer #social { border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 3px 0; margin: 0 0 15px 0;}
#footer a { color: #fff; margin: 0 10px 0 0; text-decoration: underline; }
#footer a:hover { color: #ccc; margin: 0 10px 0 0; text-decoration: underline; }


/* ---- Available Search Styles - for "available.asp" page ---- */
.avail-search { width: 360px; height: 170px; padding: 20px 0; margin: 80px auto 0 auto; text-align: center; }
.avail-search h1 { font: bold 20px/22px Arial, Helvetica, sans-serif; color: #222; margin: 0 0 15px 0; }
.avail-search form { width: 230px; height: 90px; margin: 20px auto 0 auto;}
.avail-search .zip { font: bold 12px/14px Arial, Helvetica, sans-serif; color: #444; text-align: left; padding: 0 0 3px 2px; }
.avail-search .input { width: 135px; font: bold 12px/12px Arial, Helvetica, sans-serif; color: #444; background-color: #fff; border: solid 2px #999; padding: 3px 0 3px 6px; }
.avail-search .button { margin: 0; float: right;}


/* ------------------------ */
/*	General Button Styles		*/
/* ------------------------ */

a.button_blue, a.button_blue2, a.button_green, a.backtotop, a.button_gradblue, a.button_gray { font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.button_blue, a.button_blue2, a.button_green, a.backtotop, a.button_gradblue, a.button_gray span { font-family: Arial, Helvetica, sans-serif; }

/* --- Blue Button Styles --- */
a.button_blue { height: 27px; background: url("../../images/button_blue2.gif") no-repeat bottom right; font-size: 12px; color: #fff; display: block; float: left; margin: 0 12px 0 0; padding: 0 18px 0 0; cursor: pointer; cursor: hand; }
a.button_blue span { height: 21px; background: url("../../images/button_blue.gif") no-repeat bottom left; display: block; line-height: 14px; margin: 0 2px 0 0; padding: 6px 0 0 19px; cursor: pointer; cursor: hand; }
a.button_blue:hover span { background-position: top left; padding: 7px 0 0 19px; cursor: pointer; cursor: hand; }

/* --- Blue 2 Button Styles --- */
a.button_blue2 { height: 27px; background: url("../../images/button_blue2.gif") no-repeat bottom right; font-size: 12px; color: #fff; display: block; float: left; margin: 0 12px 0 0; padding: 0 18px 0 0; cursor: pointer; cursor: hand; }
a.button_blue2 span { height: 21px; background: url("../../images/button_blue.gif") no-repeat bottom left; display: block; line-height: 14px; margin: 0 2px 0 0; padding: 6px 0 0 19px; cursor: pointer; cursor: hand; }
a.button_blue2:hover span { background-position: top left; padding: 7px 0 0 19px; cursor: pointer; cursor: hand; }

/* --- Green Button Styles --- */
a.button_green { height: 30px; background: url("../../images/button_green_a.png") no-repeat bottom right; font-size: 13px; color: #fff; display: block; float: left; margin: 0 8px 0 0; padding: 0 28px 0 0; cursor: pointer; cursor: hand; }
a.button_green span { height: 23px; background: url("../../images/button_green_span.png") no-repeat bottom left; display: block; line-height: 14px; margin: 0 2px 0 0; padding: 7px 0 0 26px; cursor: default; }
a.button_green:hover span { background-position: top left; cursor: pointer; cursor: hand; }

/* --- Misc. Button Styles --- */
a.button { *width: 100px; color: #126ac6; margin: 6px 0 0 0; text-decoration: underline; }
a.button:hover { *width: 100px; font-weight: bold; color: #79A6D6; margin: 6px 0 0 0; text-decoration: underline; }

/* --- Back to Top Button Styles --- */
a.backtotop { height: 20px; background: url("../../images/icon_up-arrow.png") 0 0 no-repeat; padding: 4px 10px 5px 25px; font-size: 10px; color: #666; }
a.backtotop:hover { color: #015DC1; text-decoration: none; }

/* --- Blue Gradient Button Styles --- */
a.button_gradblue { height: 27px; background: url("../../images/button_gradBlue2.gif") no-repeat bottom right; font-size: 12px; color: #fff; display: block; float: left; margin: 0 12px 0 0; padding: 0 18px 0 0; }
a.button_gradblue span { height: 21px; background: url("../../images/button_gradBlue.gif") no-repeat bottom left; display: block; line-height: 14px; margin: 0 2px 0 0; padding: 6px 0 0 19px; cursor: pointer; cursor: hand; }
a.button_gradblue:hover span { background-position: top left; cursor: pointer; cursor: hand; padding: 7px 0 0 19px; }

/* --- Gray Button Styles --- */
a.button_gray { height: 27px; background: url("../../images/button_gray2.gif") no-repeat bottom right; font-size: 12px; color: #333; display: block; float: left; margin: 0 12px 0 0; padding: 0 18px 0 0;  cursor: pointer; cursor: hand; }
a.button_gray span { height: 21px; background: url("../../images/button_gray.gif") no-repeat bottom left; display: block; line-height: 14px; margin: 0 2px 0 0; padding: 6px 0 0 19px; cursor: pointer; cursor: hand; }
a.button_gray:hover span { background-position: top left; cursor: pointer; cursor: hand; padding: 7px 0 0 19px; }

/* --- Hover Button Styles --- */
a.button_blue2:hover, a.button_green:hover, a.button_gradblue:hover, a.button_gray:hover, a.button_blue:hover { background-position: top right; color: #fcf8bd; padding-bottom: 0; outline: none; cursor: pointer; cursor: hand; }
a.button_gray:hover { background-position: top right; color: #666; padding-bottom: 1px; outline: none; cursor: pointer; cursor: hand; }


.bottomBanner {
    margin:18px 0 0;
}