@charset "utf-8";

/* --------------------------------------------	
	title:			rdc website styles
	created by:		r. michael knauer
	updated:		03/09/2010
----------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background-color: #f1f1e4; font-family: Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { color: #015DC1; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
a:hover { color: #333; }
img, input { _behavior: url(../css/iepngfix.htc); }

/* ------------------------ */
/*	Header Build Styles		*/
/* ------------------------ */

#headerbox { width: 100%; margin: 0 auto; border-bottom: solid 6px #cfcea8; float: left; position: relative; z-index: 999; }

#header { width: 990px; margin: 0 auto; position: relative; }
#header .right { width: 590px; margin: 0 5px 0 0; float: right; }

#header a { color: #000; text-decoration: none; }
#header a.logo { height: 70px; width: 340px; background: url("../images/img-rdc-edsm.gif") no-repeat; position: absolute; top: 15px; left: 10px; }

ol, ul { list-style: none; }

/* --- Site Badges Styles --- */

#header ul#site-badges { margin: 10px 0 0 0; *margin: 11px 0 0 0; float: right; }
#header ul#site-badges li { float: left; margin: 0 0 0 8px; }
#header .address { font-size: 12px; font-weight: regular; color: #000; line-height: 16px; padding: 6px 10px 0 0; }
#header .address span { font-size: 18px; font-weight: regular; color: #000; line-height: 16px; padding: 1px 0 0 10px; }

/* --- Account Menu Styles --- */

#header ul#account-menu { width: 350px; font-size: 11px; margin: 6px 0 4px 150px; border-top: 1px dotted #cfcea8; color: #000; float: right; }
#header ul#account-menu li { float: left; padding: 6px 12px 0 2px; width: auto; }
#header ul#account-menu .viewcart { color: #000; font-weight: bold; }

/* --- Header Navigation Styles --- */

#header ul#main-menu { height: 31px; *width: 483px; margin: 11px 0 -5px 0; float: right; }
#header ul#main-menu a { color: #666655; display: block; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; padding-top: 8px; height: 21px; text-transform: uppercase; }
#header ul#main-menu li { float: left; height: 29px; text-align: center; color: #333333; }

#header ul#main-menu li#home a { background: url("../images/home-bg.gif") 0 -29px no-repeat; width: 57px; }
#header ul#main-menu li#home a:hover { background: url("../images/home-bg.gif") 0 -58px no-repeat; }
body.home #header ul#main-menu li#home a { background: url("../images/home-bg.gif") 0 0 no-repeat; border-top: 3px solid #D5D5B8; }

#header ul#main-menu li#find-restaurants a { background: url("../images/find-restaurants-bg.gif") 0 -29px no-repeat; width: 128px; }
#header ul#main-menu li#find-restaurants a:hover { background: url("../images/find-restaurants-bg.gif") 0 -58px no-repeat; }
body.find-restaurants #header ul#main-menu li#find-restaurants a { background: url("../images/find-restaurants-bg.gif") 0 0 no-repeat; border-top: 3px solid #D5D5B8; }

#header ul#main-menu li#give-a-gift a { background: url("../images/give-a-gift-bg.gif") 0 -29px no-repeat; width: 90px; }
#header ul#main-menu li#give-a-gift a:hover { background: url("../images/give-a-gift-bg.gif") 0 -58px no-repeat; }
body.give-a-gift #header ul#main-menu li#find-restaurants a { background: url("../images/give-a-gift-bg.gif") 0 0 no-repeat; border-top: 3px solid #D5D5B8; }

#header ul#main-menu li#redeem-gift a { background: url("../images/redeem-gift-bg.gif") 0 -29px no-repeat; width: 104px; }
#header ul#main-menu li#redeem-gift a:hover { background: url("../images/redeem-gift-bg.gif") 0 -58px no-repeat; }
body.redeem-gift #header ul#main-menu li#redeem-gift a { background: url("../images/redeem-gift-bg.gif") 0 0 no-repeat; border-top: 3px solid #D5D5B8; }

#header ul#main-menu li#who-we-are a { background: url("../images/who-we-are-bg.gif") 0 -29px no-repeat; width: 104px; }
#header ul#main-menu li#who-we-are a:hover { background: url("../images/who-we-are-bg.gif") 0 -58px no-repeat; }
body.who-we-are #header ul#main-menu li#who-we-are a { background: url("../images/who-we-are-bg.gif") 0 0 no-repeat; border-top: 3px solid #D5D5B8; }

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

#foodbar { height: 8px; width: 100%; background-color: #fff; margin: 0 0 4px 0; float: left; }

#wrapper { width: 1020px; height: 100%; margin: 0 auto; padding: 0;  *z-index: 0;}
#container { width: 1020px; border: none; margin: 0 auto; float: left; *z-index: 0; }

/* ---- Zone Styles ---- */
#zone1 {width: 968px; padding: 0; margin: 0 auto; clear: both; }
#zone2 { padding: 0; margin: 0; float: left; clear: both; }
#zone2 { width: 968px; position: absolute; top: 25px; left: 20px; clear: both; }
#zone2 a { display: block; }
#zone2 h1 { font: bold 26px/24px Arial, Helvetica, sans-serif; color: #222; text-align: center; margin: 0 0 2px 0; padding: 24px 0 0 12px; }
#zone2 h2 { font: bold 21px/21px Arial, Helvetica, sans-serif; color: #222; text-align: center; padding: 0 0 0 12px; }
#zone3 {width: 968px; padding: 0; margin: 0 auto; clear: both; }

/* ---- Main Area Styles ---- */
#main2 { width: 930px; height: 370px; background: url(../images/bg_main_top_card.png) 15px 5px no-repeat; padding: 0 45px 0 45px; margin: 0 0 14px; position: relative; float: left; *z-index: 2; }
#main2 h1 { font: bold 26px/24px Arial, Helvetica, sans-serif; color: #222; text-align: center; margin: 0 0 2px 0; padding: 0; }
#main2 h2 { font: bold 21px/21px Arial, Helvetica, sans-serif; color: #222; text-align: center; }
#main2 h3 { width: 100%; font: bold 18px/27px Arial, Helvetica, sans-serif; color: #333; text-align: center; display: block; position: absolute; bottom: 17px; left: 0;  }
#main2 h3 a.watch { font: normal 12px/12px Arial, Helvetica, sans-serif; color: #333; text-decoration: underline; margin: 0 0 0 20px; }

#main2 #gift-card { position: absolute; top: 0; left: 20px; float: left; }

#main2 #find-restaurant {width: 228px; height: 250px; font-family: Arial, Helvetica, sans-serif; background-color: #EEEEDD; border: solid 2px #d5d5b3; padding: 12px 0 0 25px; position:absolute; top: 80px; left:45px; float: left; z-index: 1;}

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

#main2 #find-restaurant #recent_searches { width: 230px; font-size: 12px; line-height: 18px; position: absolute; padding: 5px 10px 10px 10px; top: 6px; left: 193px; z-index: 555; }
#main2 #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 #find-restaurant #state_selector { width: 300px; font-size: 12px; line-height: 18px; position: absolute; top: 50px; left: 193px; z-index: 999; *z-index: 1000; }
#main2 #find-restaurant #city_selector { width: 285px; font-size: 12px; line-height: 18px; position: absolute; top: 94px; left: 193px; z-index: 999; *z-index: 1000; }

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

#main2 #give-gift { width: 287px; height: 250px; background-color: #EEEEDD; border: solid 2px #d5d5b3; padding: 12px 0 0 25px; position: absolute; top: 80px; left: 317px; float: left; *z-index: 0; }
#main2 #give-gift form { position: absolute; bottom: 51px; left: 35px; }

#main2 #give-dom { width: 302px; height: 250px; background-color: #EEEEDD; border: solid 2px #d5d5b3; padding: 12px 0 0 16px; position: absolute; top: 80px; left: 652px; float: left; *z-index: 0; }
#main2 #give-dom form { position: absolute; bottom: 51px; left: 15px; }

#main2 #give-gift ul,
#main2 #give-dom ul { margin-top:22px; }

#main2 ul { margin: 3px 0 5px 0; }
#main2 li { list-style: none; font: normal 13px/15px Arial, Helvetica, sans-serif; color: #444; background: url(../images/bullet_arrow.png) 0 4px no-repeat; margin: 0 0 7px 0; 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: #333; 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: #333; 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: #333; background-color: #fff; border: solid 1px #333; padding: 0 0 0 2px; }

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

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

/* ---- Advanced Search Field ---- */

#find-restaurant .now-img1 { padding: 16px 0 9px 0; }
#find-restaurant .now-img2 { padding: 12px 0 4px 0; }

#find-restaurant form { height: 155px; *width: 230px; padding: 6px 0 0; margin: 0; float: left; position: relative; }
#find-restaurant form.short-height35 { height: 35px; *width: 230px; padding: 6px 0 0; margin: 0; float: left; position: relative; }
#find-restaurant form.short-height85 { height: 85px; *width: 230px; padding: 6px 0 0; margin: 0; float: left; position: relative; }
#find-restaurant form .search {background-color: #FFFFFF; border:2px solid #CCCCCC; color:#555555; float:left; font-size:12px; height:25px; padding:15px 10px; width:450px; } 
#find-restaurant form .button { float:left; margin:2px 0 0 15px; }
#find-restaurant form .button_green { top:128px; }

.input5 { background-color:#FFFFFF; border:2px solid #BCBC9C; color:#333333; float:left; font-size:12px; font-weight: normal; height:14px; margin: 0 0 0 -10px; padding:5px 5px 6px 6px; vertical-align:middle; width:210px; }
.search-field { background-color: #FFFFFF; color:#555; font-size:12px; font-weight: normal; padding:0; width: 205px; } 

.search_drop_down { background-color:#FFFFFF; border:2px solid #CECEB6; color:#555555; font-size:12px; left: -10px; padding:10px 0 20px; position:absolute; top:33px; width:221px; z-index:999; }
.search_drop_down .title { border-bottom:1px dotted #CCCCCC; clear:both; font-size:14px; font-weight:normal; margin:0 10px 5px; padding:0 0 10px; } 
#find-restaurant form .search_drop_down ul { clear:both; margin:0; padding:5px 0 0; }
#find-restaurant form .search_drop_down li { background: none; clear:both; font-size:12px; line-height:14px; list-style: none; margin:0; padding:0; }
#find-restaurant form .search_drop_down li a { color: #0072bc; text-decoration: none; padding: 3px 15px; margin: 0; display: block; }
#find-restaurant form .search_drop_down li a:hover { color: #034773; background-color: #b2d4eb; text-decoration: none; }

.search_drop_down2 { background-color:#FFFFFF; border:2px solid #CECEB6; color:#555555; font-size:12px; left: -10px; padding:10px 0 20px; position:absolute; top: 87px; width:221px; z-index:999; }
.search_drop_down2 .title { border-bottom:1px dotted #CCCCCC; clear:both; font-size:14px; font-weight:normal; margin:0 10px 5px; padding:0 0 10px; } 
#find-restaurant form .search_drop_down2 ul { clear:both; margin:0; padding:5px 0 0; }
#find-restaurant form .search_drop_down2 li { background: none; clear:both; font-size:12px; line-height:14px; list-style: none; margin:0; padding:0; }
#find-restaurant form .search_drop_down2 li a { color: #0072bc; text-decoration: none; padding: 3px 15px; margin: 0; display: block; }
#find-restaurant form .search_drop_down2 li a:hover { color: #034773; background-color: #b2d4eb; text-decoration: none; }

.feature { margin-top:15px; color:red; font-size:14px; font-weight: bold; padding-bottom:5px; }
.align { padding-top:17px; }
.alignment { clear: both; line-height:25px; padding: 0px; vertical-align:middle; font-size:12px; font-weight:bold; }
.div-align { padding-bottom:5px; }

/* ---- Start Body Styles ---- */
#body { width: 930px; height: 430px; *height: 450px; padding: 0 0 0 45px; margin: 6px 0 20px 0; position: relative; float: left; *z-index: 0; }

#body div#100million { width: 305px; height: 154px; position: absolute; top: 1px; left: 45px; *z-index: 2;}
#body #sign-up { width: 305px; height: 147px; position: absolute; top: 165px; left: 45px; *z-index: 99;}

/* --- As Seen On Styles --- */
#subbox { width: 267px; height: 290px; background: url("../images/seen_top.png") top left no-repeat; line-height: 20px; padding: 10px 10px 1px 10px; position: absolute; top: 0; right: 0; *z-index: 99; }
#subbox #subbox-bottom { width: 267px; height: 10px; background: url("../images/seen_bottom.png") bottom left no-repeat; padding: 0 11px; position: absolute; bottom: -10px; left: 0; }
#subbox h1 { width: 100%; font: bold 14px/14px Arial, Helvetica, sans-serif; color: #126ac6; border-bottom: dotted 1px #ccc; display: block; padding: 6px 0 8px 0; margin: 0 0 5px 0; float: left; }
#subbox #pressvid { width: 260px; height: 230px; background: url("../images/vid_fpo.jpg") 0 1px no-repeat; margin: 0 0 0 4px; float: left; }
#subbox a.learnmore { width: 90px; font: normal 12px/12px Arial, Helvetica, sans-serif; color: #1e88da; text-decoration: underline; text-align: right; position: absolute; bottom: 8px; right: 20px; }

#body #hp_tile { width: 310px; height: 310px; position: absolute; top: 0; left: 365px; *z-index: 99; }
#body #ils { width: 460px; height: 105px; position: absolute; bottom: 0; *bottom: 20px; left: 45px; *z-index: 99; }
#body #partner { width: 460px; height: 105px; position: absolute; bottom: 0; *bottom: 20px; right: -1px; *z-index: 99; }

#citybar { width: 100%; background-color: #fff; margin: 0 0 0 0; padding: 15px 0 18px 0; float: left; }
#citybar #box2 { width: 910px; height: 140px; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #0058bb; text-align: left; margin: 0 auto; clear: both;}
#citybar #box2 h1 { font: bold 16px/18px Arial, Helvetica, sans-serif; color: #0058bb; text-align: left; margin: 0 0 10px 0; }
#citybar #box2 span { margin: 0 2px 0 0; }
#citybar .column { width: 180px; float: left; padding: 0 0 0 20px; }
#citybar .column2 { width: 230px; float: left; padding: 0 0 0 20px; }
#citybar .adsense-hp { width: 730px; height: 90px; margin: 35px auto 25px; clear: both; }


/* --- Homepage Social Networking Styles --- */
#social { width: 100%; background-color: #cfcea8; margin: 0 0 5px 0; padding: 5px 0 0 0; float: left; clear: both; }
#social #box { width: 375px; height: 20px; margin: 0 auto; vertical-align: middle; }
#social #box a { border: none; text-decoration: none; float: left; }
#social #box a img { float: left; }
#social #box a .fb { width: 160px; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #0058bb; text-align: left; padding: 2px 20px 0 10px; float: left; }
#social #box a .tw { width: 130px; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #0058bb; text-align: left; padding: 2px 0 0 10px; float: left; }


/* --- Sweepstakes Styles --- */
#wrapper-sweeps { width: 100%; height: 100%; margin: 0 auto; padding: 5px 0; background-color: #ffffff; float: left; *z-index: 0;}
#container-sweeps { width: 1042px; height: 820px; border: none; margin: 0 auto; *z-index: 0; }

/* --- Sweepstakes Social Networking Styles --- */
#social-sweeps { width: 100%; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background-color: #e7f8fe; margin: 0 0 5px 0; padding: 6px 0 6px 280px; float: left; }
#social-sweeps #box { width: 440px; height: 20px; margin: 0 auto; padding: 0 20px; vertical-align: middle; font: normal 12px/18px Arial, Helvetica, sans-serif; text-align: left; border-left: solid 1px #ddd; border-right: solid 1px #ddd; }
#social-sweeps #box a { border: none; text-decoration: none; float: left; }
#social-sweeps #box a img { float: left; }
#social-sweeps #box a .fb { padding: 2px 0 0 5px; margin: 0 15px 0 0; float: left; }
#social-sweeps #box a .tw { padding: 2px 0 0 5px; float: left; }
#social-sweeps #box #share { width: 85px; height: 16px; padding: 2px 0 0 0; float: right; }

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

#footer-wrapper { width: 100%; margin: 0; padding: 0; float: left; }

#footer { width: 950px; height: 120px; font-size: 11px; line-height: 24px; color: #333; padding: 0 0 10px 0; text-align: center; margin: 0 auto; }
#footer .terms { width: 905px; padding: 10px 20px 20px 20px; font: normal 11px/13px Arial, Helvetica, sans-serif; color: #333; text-align: center; float: left; }

#footernav { width: 950px; float: left; }

#footer a { color: #015DC1; text-decoration: underline; margin: 0 6px; }
#footer :hover { color: #333; text-decoration: none; }
#footer img { margin: 0 10px 0 0; }

#footer span.copyright { display: block; margin: .6em 0 0 0; color: #222; }
#footer span.copyright a { color: #222; text-decoration: none; }

/* ------------------------ */
/*	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; }
a.button_green { width: 95px; text-align: center; *text-align: none; }

/* --- Misc. Button Styles --- */
.button { *width: 100px; color: #126ac6; margin: 6px 0 0 0; text-decoration: underline; }
.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; }



/*    Body Height Styles - These Styles control the height of body DIVs */

.h540 { height: 520px; }
.h600 { height: 600px; }
.h640 { height: 640px; }
.h680 { height: 680px; }
.h685 { height: 685px; }
.h690 { height: 690px; }
.h700 { height: 700px; }
.h750 { height: 750px; }
.h760 { height: 760px; }
.h780 { height: 780px; }
.h790 { height: 790px; }
.h800 { height: 800px; }
.h870 { height: 860px; }
.h900 { height: 900px; }
.h1000 { height: 1000px; }
.h1100 { height: 1100px; }
.h1110 { height: 1110px; }
.h1200 { height: 1200px; }
.h1220 { height: 1220px; }
.h1300 { height: 1300px; }
.h1500 { height: 1500px; }
.h2000 { height: 2000px; }
.h2170 { height: 2170px; }
.h2200 { height: 2200px; _height: 2215px; }
.h2300 { height: 2300px; }
.h2500 { height: 2500px; }
.h3000 { height: 3000px; }

/* ------------------------------------------------------------------------ */
/*    IE Button Width Styles - These Styles control the height of body DIVs */

.w50 { _width: 50px }
.w60 { _width: 60px }
.w65 { _width: 65px }
.w70 { _width: 70px }
.w75 { _width: 75px }
.w80 { _width: 80px }
.w90 { _width: 90px }
.w100 { _width: 100px }
.w110 { _width: 110px }
.w120 { _width: 120px }
.w130 { _width: 130px }
.w140 { _width: 140px }
.w150 { _width: 150px }
.w160 { _width: 160px }
.w180 { _width: 180px }
.w190 { _width: 190px }
.w200 { _width: 200px }
.w210 { _width: 350px }

/* ------------------------------------------------------------------- */
/* Margins */

/* Top */
.mt5 { margin-top: 5px; }
.iemt5 { _margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }

/* Right */
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

/* Bottom */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* Left */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

/* ------------------------------------------------------------------- */
/* Paddings */

/* Top */
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt5 { padding-top: 5px; }
.pt8 { padding-top: 8px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }

/* Right */
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }

/* Bottom */
.pb5 { padding-bottom: 5px; }
.pb8 { padding-bottom: 8px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }

/* Left */
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }

/* ------------------------------------------------------------------- */
/* Ad Unit Sizes */

.ad160 { width: 160px; height: 600px; }
.ad728 { width: 728px; height: 90px; }
.ad300 { width: 300px; }
.ad125 { width: 125px; height: 125px; }
.ad468 { width: 468px; height: 60px; }
.adh1 { font: normal 9px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; text-align: center; text-transform: uppercase; }

/* ------------------------------------------------------------------- */
/* Ad Unit Positioning */

.pos00 { position: absolute; top: 0; left: 0; }
.posrail160 { position: absolute; top: 0px; right: -180px; }
.posrail160b { position: absolute; top: 30px; right: -180px; }
.postop728 { position: absolute; top: 100px; left: 110px; }
.posbot728 { position: absolute; bottom: 15px; left: 110px; }
.pos300 { position: absolute; top: 328px; left: 11px; }
.pos300b { position: absolute; top: 165px; left: 10px; }


/****BOTTOM BANNERS***/
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; font-size: 0; }
            
.bottomBanners {
    width:930px;
    margin:0 auto;
}
            
.bottomBanners .col1 {
    width:305px;
    margin:0 14px 0 0;
    float:left;
}   
            
.bottomBanners .col2 {
    width:316px;
    margin:0px;
    float:left;
}  
            
.bottomBanners .col3 {
    width:282px;
    margin:0px;
    float:right;
}                                 
            
.banners {
    margin:0px;
} 
            
.banners .banner {
    margin:0px;
    float:left;                
}                       
                     
.banners.horizontal .banner {
    margin:0 10px 14px 0;              
}                                            
            
.banners.vertical .banner {
    margin:0 0 14px 0;
}                          
                 
.banners .banner.last {
    margin-right:0px;               
}  
