/* **************************************
REDEFINED HTML TAGS
************************************** */
body {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #333333;
	background-image: url(/images/hp_vline.gif);
	background-repeat: repeat-y;
	/*  margin: top right bottom left */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
				
table {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #fff;
}

.borderone {
	background-color: #000;
	border: 1px solid black;
}

.borderlftclmn {
	background-color: #ffffff;
	border-top: 25px solid white;
	border-right: 35px solid white;
	border-bottom: 35px solid white;
	border-left: 35px solid white;
}

.borderhpcntnt {
	background-color: #ffffff;
	border-top: 15px solid white;
	border-right: 60px solid white;
	border-bottom: 10px solid white;
	border-left: 0px solid white;
}

.borderintcntnt {
	background-color: #ffffff;
	border-top: 22px solid white;
	border-right: 22px solid white;
	border-bottom: 22px solid white;
	border-left: 22px solid white;
}

.borderintcntntflight {
	border-top: 22px solid white;
	border-right: 10px solid white;
	border-bottom: 22px solid white;
	border-left: 10px solid white;
}

a:link {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
	color: #666666;
}

a:visited {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
	color: #666666;
}

a:hover {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
	color: #ab0000;
}

a:active {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
	color: #666666;
}

p {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	/*  margin: top right bottom left */
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
}

H1 {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 10.5pt;
	font-weight: bold;
	color: #a60000;
	/*  margin: top right bottom left */
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

H2 {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 9.5pt;
	font-weight: bold;
	color: #f07b00;
	/*  margin: top right bottom left */
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

H3 {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	/*  margin: top right bottom left */
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

H4 {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #a60000;
	/*  margin: top right bottom left */
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

H5 {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #f07b00;
	/*  margin: top right bottom left */
	margin: 10px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

H6 {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #00AD57;
	/*  margin: top right bottom left */
	margin: 10px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

ul {
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color: #666666;
	list-style-position: outside;
	margin: 10px;
	padding: 10px;
}

li {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

hr {
	text-align: left;
	width: 100%;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: none;
	/*  margin: top right bottom left */
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* **************************************
CUSTOM HTML TAGS
************************************** */

/* CREDITS CLASSES */

.credits {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 7.5pt;
	color: #999999;
}

a.cr:link {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 7.5pt;
	text-decoration: underline;
	color: #999999;
}

a.cr:visited {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 7.5pt;
	text-decoration: underline;
	color: #999999;
}

a.cr:hover {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 7.5pt;
	text-decoration: underline;
	color: #fff
}

a.cr:active {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 7.5pt;
	text-decoration: underline;
	color: #999999;
}

/* COLORS AND BACKGROUNDS */
				
.white {
	background-color: #fff;
}

.black {
	background-color: #000;
}

.gray {
	background-color: #333;
}

.ltgray {
	background-color: #f2f2f2;
}

.ltgray2 {
	background-color: #cfcfcf;
}

.gray2 {
	background-color: #666;
}

.ltgray {
	background-color: #f2f2f2;
}


.orange {
	background-color: #f07b00;
}

.bg {
	background-image: url(/images/lorem.gif);
	background-repeat: repeat-repeat;
}

.bg2 {
	background-image: url(/images/lorem2.gif);
	background-repeat: no-repeat;
	background-position: 94% 100%;
}

.bg3 {
	background-image: url(/images/lorem3.gif);
	background-repeat: repeat-x;
}
				
.bg4 {
	background-image: url(/images/lorem4.gif);
	background-repeat: repeat-y;
}

/* MISC. */

.center	{
	text-align: center;
}

ul.lorem {
	/* list-style-position: outside;
	list-style-image: url(arrow_right.gif); */
	list-style-position: outside;
	margin: 10px;
	padding: 10px;
}

#list210 {
	border: 0px solid #000000;  
	margin: 1px;  
	width: 200px; 
	padding: 0px;  
	margin-left: -10px;
}

th.gray1 {
	font-family:  tahoma, arial, helvetica, verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;	
	text-align: left;
	text-indent: 0px;
	/*  margin: top right bottom left */
	margin: 0px 0px 0px 0px;
	padding: 5px 16px 5px 16px;
	background-color : #DEE1E2;
}

.imagespace {	
	/*  margin: top right bottom left */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.or:link {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #f07b00;
}

a.or:visited {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #f07b00;
}

a.or:hover {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

a.or:active {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #f07b00;
}

.bldwhttxt {
	font-weight: bold;
	color: #fff;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:775px;
	position:relative;
}

#main_image_absposit_1  {
	position:absolute;
	left:270px;
	top:302px;
}


#main_image_absposit_2  {
	position:absolute;
	left:430px;
	top:302px;
}


#main_image_absposit_3  {
	position:absolute;
	left:590px;
	top:302px;
}

#main_peets {
	height:88px;
	width:515px;
	padding:0px 0px 0px 0px;
	background-image:url(../coupons/peets_coffee_2.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
}

div.slider { display:none; position:absolute; top:0; left:0; width:428px; height:400px; border:2px solid #333333; background:#FFF; padding:20px; }
div.slider a { cursor:pointer; }

div.nav { text-transform:capitalize; background:url(/images/nav_bg.jpg) repeat-x 0 0px; padding:0px; margin:0px 0 0 5px; width:220px; padding:0px; } 
div.nav ul { list-style-type:none; padding:8px 22px 0px; margin:0px; }
div.nav ul li { line-height:2.8em; background:url(../images/navdots_bg.gif) repeat-x 0 bottom; }
div.nav ul a { color:#333333; text-decoration:none; font-family:Tahoma, Arial, "Times New Roman"; font-size:12px; }
div.nav ul a:hover { color:#b11d1d; }

ul.sub { font-size:8px; padding:0px; margin:0px; }
ul.sub li { margin:0px; padding:0px; }

div.top { position:relative; border:0px solid red; width:764px; margin:0px auto; }
ul.toplinks { background:url(/images/top_left.jpg) no-repeat 7px bottom; width:764px; height:25px; text-align:right; margin:0px auto; padding:0px; position:relative; }
	ul.toplinks li { display:block; float:right; margin:0px; padding:0px 3px; margin:8px 0 0 0px;  }
	ul.toplinks a { text-decoration:none; color:#FFFFFF; font-size:10px; }
	ul.toplinks a:hover { color:#eacb00; }

div.video { position:absolute; top:50px; right:7px; background-color:#333333; padding:3px 5px; border-left:2px solid white; border-bottom:2px solid white; }
div.video:hover { background-color:#990000; } 
div.video a { color:#FFFFFF; text-decoration:none; }

/* reservation "widget" added by Brett Palmer on 6/29/2010 */
div.reservation-widget { margin:20px; }
div.reservation-widget fieldset { border:4px solid #CCCCCC; padding:0 10px 10px 10px; background-color:#c7efff; color:#000; }
div.reservation-widget legend { border:2px solid #CCCCCC; padding:3px; font-weight:bold; text-transform:uppercase; background-color:#c7efff; }
div.reservation-widget table { margin:5px 0 0 0; background-color:#c7efff; color:#000;  }
div.reservation-widget td { padding:2px 0; }
div.reservation-widget label { display:block; margin:0 10px 0 0; }
div.reservation-widget input.text { border:1px solid #666; width:86px; padding:2px; font:normal 11px arial;  }
div.reservation-widget select { border:1px solid #666; width:146px; padding:2px; font:normal 11px arial; }
div.reservation-widget textarea { border:1px solid #666; width:146px; padding:2px; height:50px; font:normal 11px arial; }
div.reservation-widget div.submit { text-align:right; }

div.reservation-widget span.LV_valid { position:absolute; left:210px; z-index:8; color:green; border:1px dashed green; padding:3px; background:#FFF; display:none; }
div.reservation-widget span.LV_invalid { position:absolute; left:210px; z-index:8; color:red; border:1px dashed red; padding:3px; background:#FFF;  }
div.reservation-widget input.LV_valid_field, select.LV_valid_field { border:1px solid green; }
div.reservation-widget input.LV_invalid_field, select.LV_invalid_field { border:1px solid red; }



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 1px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
  font-weight:bold;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
  visibility:hidden;
}
#TB_title{
  background-color:#FFF;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

a.twg_close { font-size:10px; padding:0 15px 0 0; color:#333333; }
a.twg_close:hover { color:#535874; }