@charset "utf-8";
/* CSS Document */

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #353535;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
}
a {
	text-decoration:none;
}
h1{
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}
.errortext{
	background-color:red;
	padding: 5px;
}
#container {
	width: 930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	left: 30px;
	background-color: #FFFFFF;
	background-image: url(images/container_bg.gif);
	background-repeat: repeat-y;
}
#header {
	height: 254px;
	width: 930px;
	background-color: #ffffff;
}
#header_image{
	width: 672px;
	height: 254px;
	padding:0px;
	margin: 0px;
	float:left;
}
#menu {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 180px;
	background-color: #7a7a7a;
	padding-bottom: 24px;
	/*float: left;*/
	/*margin-right: -3px;*/ /* IE */
	margin-right: 12px;	/* FIREFOX */
}
#menu a {
	text-decoration: none;
}
.menu_divider{
	margin-top: 10px;	
	margin-bottom: 10px;
}
ul{
	list-style-type: none;
	padding: 0px;
	margin-bottom:0px;
}
.right_menu_ul{
	padding-left: 24px !important;
	padding-top: 0px !important; 
}
li{
	background-image:url(images/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 1px;
}
.features_li{
	padding-bottom: 6px;
}
.right_menu_li{
	padding-left: 12px;
	padding-bottom: 1px;
}
#content{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 738px;
	float: right;
	background-color: #FFFFFF;
	padding-bottom: 12px;
	padding-top: 12px;
	padding-left: 12px;
	margin: 0px;
	margin-left: 0px;
	/*border: 1px solid red;*/
}#features {
	display: none;
	padding-top:0px;
	padding-left:16px;
}
#right_menu {
	width: 234px;
	float: right;
	padding-right: 0px;
	padding-bottom: 300px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
	margin-left: 12px;
	margin-right: 12px;
	background-color: #7a7a7a;
}
#feature_menu{
	width: 234px;
	float: right;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
	margin-left: 12px;
	margin-right: 12px;
	background-color:#FFFFFF !important;
}
#right_menu p{
	margin: 12px;
}
#blog_pane{
	width: 234px;
	height: 234px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-top: 0px;
	float:left;
	overflow: auto;
	background-color:#ffffff;
}
.big_pane{
	width: 234px;
	width: 234px;
	height: 234px;
	padding: 0px;
	margin: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
	background-color: #ffffff;
}
.small_pane{
	width: 111px;
	height: 111px;
	padding: 0px;
	margin: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
	background-color: #CCCCCC;
}
.tiny_pane{
	width: 70px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
	background-color: #cccccc;
}
.no_right_margin{
	margin-right: 0px;
}
.section_header{
	height: 28px;
	background-color:#CCCCCC;
	float:left;
	margin-top:0px;
	margin-right: 12px;
	margin-bottom: 12px;
	width:234px;
	height:28px;
}
.divider_big_white{
	margin-bottom: 15px;
}
.arrow {
	color: #ffffff;	
	margin-left: 20px;
}
input {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}
option {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}

/*  ******************* LINKS  **********************/ 
.linkList, .linkHeader { width: 234px; float:left; padding-right: 12px; line-height: 25px;}
.linkHeader { margin-bottom: 12px }

/*  ******************* MAILING LIST  **********************/ 
#mail_list {
	position: absolute;
	width: 105px;  /* email address form element */
	border:0 none;
	background: #ffffff url(search_round.gif) no-repeat scroll -66px center;
	height:20px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
/*	padding:2px 2px 0 4px;
	margin-top: 5px;*/
}

#mail_form {
	padding-left:10px;
	padding-bottom:15px;
	height: 40px;
}
#add_button {
/*	background:#FFFFFF url(search_round.gif) no-repeat scroll -20px right;
	border:medium none;
	color:#000000;
	cursor:pointer;
	padding:0 0 1 0px;*/
	position: absolute;
	left: 115px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	height:22px;
	width:53px;
	border: 0px;
}


/* **********************  CALENDAR **************************** */
#cal_inner_div {
	float:left;
	margin-left: 12px;
	background-color: #CCC;
	margin-top:12px;
	width:234px;
	height:28px;
}
#cal_outer_div{
	width:234px;
	margin-left:12px;
	float:left;
	background:#7A7A7A;
	height:202px; /* This is an issue */
	text-align:center;
	margin-top:12px;
}
#cal_corners {
	padding: 12px;
}
#calendar_pane{
	margin-left: 12px;
	margin: 0px;
	padding: 0px;
}
#calendar{
	float: right;
	/*position: relative;*/
	height: 200px;
	padding: 10px;
	margin:0px;
	background-color: #FFF;
	/*border: 1px solid black;*/
}	
td.calendar {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #555555;
	padding: 1px 6.5px 1px 1px;
}
a { color:#000000; } 
.calendarHeader { font-weight: bolder; color: #000000; padding-bottom:5px;} 
.calendarToday { font-family:Arial, Helvetica, sans-serif; background-color:#DFE7FF; color:#000; } 
.calendar { background-color: #FFFFFF; }
.calendarEvent { } 

.calendarColumn {
	width: 234px;
}
.calendarColumnHeader {  }
.calendarDayHeader, .calendarMonthHeader, .calendarDayHeaderToday, .calendarNoEvents { font-size: 12px; padding: 5px; padding-left: 5px; padding-top: 7px; }
.calendarMonthHeader { font-weight:bold }
.calendarDayHeader { font-weight: bold; padding-bottom:5px; }
.calendarDayHeaderToday { background-color: #eeeeee; margin-bottom: 0px; font-weight:bold; }
.calendarNoEvents {	color: #999999; padding-top: 0px; padding-bottom: 14px; font-size: 9px;}
.calendarFullEventHeader { font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-top: 5px;cursor: pointer; font-weight:bold; }
.calendarFullEventHeader span { font-size: 11px; font-weight: normal; }
.calendarFullEventDetail { display: none; text-align:justify; padding-bottom: 12px; }
.calendarEventImage { width: 234px; border: 2px solid black; }
#calendarTodayContent{ background-color: #eeeeee; padding-top: 7px; }

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7;
  background:#d8d8d8}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #757575;
  border-right:1px solid #757575;
  background:#e1e1e1}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;}
.spiffy4{
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7}
.spiffy5{
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8}
.spiffyfg{
  background:#FFFFFF;
  padding:5px;}



/* Used for styled tooltips */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
	font-weight: bold;
}
a.info:hover{z-index:25; }
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:1em; width:20em;
    border:1px solid #ccc;
    background-color:#eee; color:#000;
    text-align:left;
	font-weight:normal;
	padding: 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	width:238px;
}
a.info:hover p{ /*the span will display just on :hover state*/
	margin-top: 0px;
}
#cal_this_inner_div{
	float:left;
	width:234px;
	height:28px;
}
#cal_next_inner_div{
	float:left;
	width:234px;
	height:28px;
	margin-left:12px;
}
#cal_soon_inner_div{
	float:left;
	width:234px;
	height:28px;
	margin-left:12px;
}
#calendarCurrentWeek {
	float:left;
		width:234px;
}
#calendarNextWeek, #calendarFutureEvents  {
	float:left;
	width:234px;
	padding-left:12px;
}



/* **************************** SHOP ******************************* */

#shop_cats {
	display: none;
	padding-top:0px;
	padding-left:16px;
}
.shop_divider_top{
	width: 480px;
	background-color: #cccccc;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom:12px;
}
.shop_divider_top_left{
	padding: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom:8px;
	font-weight: bold;
}/*
.shop_divider_top_right{
	width: 130px;
	height: 28px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	float: right;
	text-align: right;
	padding-top: 7px;
	padding-right: 7px;
	font-weight: bold;
}*/
#shop_divider_middle{
	width: 480px;
	height: 28px;
	background-color: #666666;
	padding: 0px;
	margin-right: 12px;
	margin-bottom:0px;	
	clear: left;
}
#shop_sml_container{
	width: 246px;
	height: 246px;
	margin: 0px;
	padding: 0px;
	float:left;
}


/*

Pretty sure we can delete this...just leavin it here in case.... -jake
#shop_small_pane{
	background-color:#666666;
	width:111px;
	height:111px;
	margin: 0px;
	padding: 0px;
	margin-right: 12px;
	margin-bottom:12px;
	float:left;
}*/
#shop_dropdown {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#BigImage{
	background-color: #666666;
	width:234px;
	height: 234px;
	margin: 0px;
	padding:0px;
	margin-right: 12px;
	margin-bottom:12px;
	/*float:left;*/
	border: 1px solid black;
	height: 234px;
	width: 234px;
}
/*#shop_big_pane{
	background-color: #666666;
	width:234px;
	height: 234px;
	margin: 0px;
	padding:0px;
	margin-right: 12px;
	margin-bottom:12px;
	float:left;
}
#BigImage{
	border: 1px solid black;
	height: 234px;
	width: 234px;
}*/
/*#shop_right_col{
	float: right;
	padding: 12px;
	padding-left: 0px;
	width:222px;
	border: 0px solid black;
	background-color: #7a7a7a;
	height:100%;
	text-align: left;
}*/
#shop_right_col, a{
	font-weight: bold;
}
.shop_item_pane{
	background-color: #ffffff;
	width: 111px;
	height: 170px;
	float: left;
	padding: 0px;
	margin-right: 3px;
	margin-bottom: 12px;
	outline: 0px;
	padding: 3px;
}	
.shop_item_pane:hover{
	outline: 1px solid #999999;
}
.shop_time_pane, img{
	margin-bottom: 3px;
}
.tinyimage{
	border: 1px solid black;
}
/* ************************* PRODUCT ******************************* */

#product_details{
	float:right;
	width: 234px;
}
#product_content{
	float:left;
	width:480px;
}
#product_sml_container{
	width: 246px;
	height: 246px;
	margin: 0px;
	padding: 0px;
}
/* ************************* CONTACT ******************************* */

#contact_left{
	padding: 0px;
	margin-bottom: 12px;
	width: 230px;
	height: 358px;
	float: left;
	border: 0px solid black;
}

#contact_right{
	margin-right: 12px;
	float: left;
	width: 480px;
	height: 358px;
	border: 0px solid black;
}

#contact_left img, #contact_right img{
	border: 1px solid black;	
}

/* ************************* CHECKOUT ******************************* */


#checkout{ float:left;
	width:480px;
}
	

#details_1 {
	float:left;
	width:234px;}
	
#details_2 {
	float:left;
	padding-left:10px;
	width:234px;}