/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
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;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
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: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
li {
  list-style-position: outside;
}
#wrapper {
}

#e_content {
}

#footer {
}

#header {
}

#e_column_0 {
}

#main_navigation {
}

#column1 {
	float: left;
}

#column2 {
	float: left;
}
/* 
Basic Styles
Client: James Arthur Vineyards
Author: Vivian Clark (vclark@i2rd.com)
*/

body {
  background: url(/resources/dyn/files/47392z2f3c7ba7/_fn/body_bg_03.gif) repeat;
  font-size: 0.8125em;
  font-family: "Times New Roman", Times, serif;
}

.page {
  margin: 0 auto;
  width: 965px;
}
/* paper wrapper ------------*/
#wrapper,
#wrapper_wc_0,
#wrapper_wc_1 {
  height: 766px;
  width: 968px;
}
#wrapper_wc_0 {
  background: url(/resources/dyn/files/48206za0327e96/_fn/paper_top03.gif) no-repeat -1px top;
}
#wrapper {
  background: url(/resources/dyn/files/48204z4e3c1fba/_fn/paper_middle06.gif) no-repeat 0px 97px;
}
#ie6only #wrapper {
  background-repeat: repeat-y;
}
#wrapper_wc_1 {
  background: url(/resources/dyn/files/48202za75fba8f/_fn/paper_bottom08.gif) no-repeat 2px bottom;
}

/* Pictures - e_content -------*/
#e_content {
  height: 699px;
  /*overflow: hidden; --- not sure this will break stuff -- testing calendar */
  background-position: center 68px;
  background-repeat: no-repeat;
  background-image: url(/resources/all/files/47536/_fn/home_picture_border.jpg);
}

#gallery_page #e_content {
  background-image: url(/resources/dyn/files/47864z4d922dbc/_fn/pictures_album_03.jpg);
}
#checkout_template #e_content,
#store_template #e_content,
#taste_template #e_content {
  background-image: url(/resources/dyn/files/47866za39c4c90/_fn/pictures_checkout_03.jpg);
}
#rental_template #e_content {
  background-image: url(/resources/dyn/files/47870z53e4d8e4/_fn/pictures_retail_03.jpg);
}

#learn_template #e_content {
  background-image: url(/resources/dyn/files/47868z44246197/_fn/pictures_newsletter_03.jpg);
}
#learn_template #calendar_page #e_content {
  background-image: url(/resources/dyn/files/47862za4f18889/_fn/picture_calendar_03.jpg);
}

#learn_template #faq_page #e_content {
  background-image: url(/resources/dyn/files/48147zb11f355d/_fn/picture_faq_03.jpg);
}
#learn_template #newsletter_page #e_content {
  background-image: url(/resources/dyn/files/47868z44246197/_fn/pictures_newsletter_03.jpg);
}
#learn_template #poster_page #e_content {
  background-image: url(/resources/dyn/files/139800z45420ab3/_fn/pictures_posters.jpg);
}

/* e_column_0 - Content Area - Home Page ----------*/
#e_column_0 {
  height: 510px; 
  position: relative;
}
#ie6only #e_column_0 {
  height: 505px;
}
#e_column_0_wc_0 {
  position: absolute;
}

/* header ---------------------------------------------*/

#header {
  background: url(/resources/dyn/files/48081zf50bb553/_fn/header.gif) no-repeat left 20px;
  width: 826px;
  height: 155px;
  margin: 0 auto;
  position: relative;
}
#logo,
#logo h1 a {
  width: 260px;
  height: 94px;
  position: relative;
}
#logo {
  top: 30px;
  left: 280px;
}
#logo h1 a {
  top: 0;
  left: 0;
  display: block;
  text-indent: -4000em;
}
#store_hours {
  position: absolute;
  left: 0;
  top: 105px;
  padding-left: 35px;
  z-index: 200;
}
#come_visitus {
  float: right;
  padding-right: 37px;
}
#come_visitus,
#store_hours {
  padding-top: 15px;
  text-align: center;
}
#come_visitus a,
#store_hours a {
  color: #333;
}

/* navigation --------*/
#main_navigation {
  clear: both;
  width: 968px;
}
#main_menu {
  width: 550px;
  margin: 0 auto;
}
#main_menu li {
  position: relative;
  width: 159px;
  padding: 9px 0pt 13px;
  text-align: center;
  text-transform: lowercase;
  font-weight: bold;
  margin-right: 35px;
  font-size: 1.1em;
  background: url(/resources/dyn/files/47541z71628e2/_fn/bottom_menu_bg.png) no-repeat top center; 
}
#ie6only #main_menu li {
  background: url(/resources/dyn/files/47841zfcebbb1/_fn/main_nav_ie6.gif) no-repeat top center;
}
#main_menu li.last {
  margin-right: 0;
}
#main_menu li a,
#main_menu li a:visited {
  color: black;
  text-decoration: none;
}
#main_menu a:hover,
#main_menu li.over a,
#main_menu li.over ul li a:hover,
#main_menu li ul li.over a,
#main_menu li.mi_active a {
  color: #663366;
  text-decoration: none;
}
#main_menu li ul {
  position: absolute;
  bottom: 36px;
  left: 0px;
  background: #f3eee3 url(/resources/dyn/files/48106za274c0cf/_fn/content_bg2.gif) repeat top left;
  padding: 5px 0;
  border: 3px double #876947;
}
#ie6only #main_menu li ul {
  top: auto !important;
}
#main_menu li ul li,
#ie6only #main_menu li ul li  {
  background-image: none;
  width: 140px;
  margin: 0 auto; 
  padding: 3px 7px;
  text-transform: none;
}

#main_menu li ul li a {
  text-align: center;
  display: block;
  color: black;
  font-weight: normal;
}
#main_menu li.over ul li a {
  color: black;
}

/* footer -----------------------*/
#footer {
  text-align: center;
  width: 966px;
  clear: both;
  height: 96px;
}
#footer .textbean {
  padding: 15px 0 0;
}
#footer p {
  margin-bottom: 5px;
}
#footer_menu {
  width: 538px;
  margin: 0 auto;
  height: 20px;
  overflow: hidden;
}
#footer_menu li {
  margin-right: 5px;
  text-transform: uppercase;
}
#footer_menu a:visited,
#footer_menu a {
  color: black;
}
#footer_menu a:hover {
  color: #663366;
}

/* general styles -------------------*/
h1, h2, h3 {
  font-weight: bold;
}
h2, h4 {
  text-transform: uppercase;
}
h2 {
  font-size: 1.3em;
  margin-bottom: 10px;
  color: #663366;
}
h3 {
  font-size: 1.1em;
  margin-bottom: 8px;
}
h4 {
  font-size: 1em;
  margin-bottom: 5px;
}
h5 {
  font-size: .9em;
}
a {
  color: black;
  text-decoration: underline;
}
a:visited {
  color: #663366;
}
a:hover {
  color: #663366;
  text-decoration: none;
}
p {
  margin-bottom: 15px;
  line-height: 1.2;
}
.textbean table {
  width: 100%;
  border-top: 3px solid white;
  border-left: 3px solid white;
  margin-bottom: 15px;
}
.textbean td {
  background: #EAE8D2;
  padding: 5px;
  border: 3px solid white;
  border-width: 0 3px 3px 0;
  text-align: center;
}
a[href$=".pdf"] {
  margin-right: 7px;
  padding: 5px 32px 5px 5px;
  background: url(/resources/dyn/files/54882z15a72359/_fn/download_pdf.gif) no-repeat top right;
}
/* 1 column wide template -------*/
#e_column_0_wc_0 {
  top: 0px;
  right: 120px;
  background: transparent url(/resources/dyn/files/48106za274c0cf/_fn/content_bg2.gif) repeat left top;
  margin: 0 auto;
  width: 470px;
  max-height: 450px;
  padding: 25px 0px 25px 25px;
  position: absolute;
  border: 3px double #876947;
}
#column1 {
  display: none;
}
#ie6only #column2 {
  overflow-y: scroll;
  overflow-x: visible;
  height: 426px;
}

#column2 {
  overflow: auto;
  max-height: 426px;
  padding-right: 20px;
  width: 430px;
}

/* rental subnavigation */
#rental_menu ul.menubeanh,
#rental_menu ul.menubeanh li {
  position: static; /* to fix ie6 issue with overflow and position relative */

}
#rental_menu {
  clear: both;
}
#rental_menu ul {
  padding: 5px 0pt 25px;
}
#rental_menu  li {
  text-transform: uppercase;
  padding: 0 4px;
  margin-right: 4px;
  border-right: 1px solid black;
}
#rental_menu li a {
  color: black;
}
#rental_menu li.last {
  border: none;
}
/* back to rental page link */
.back_to_rental a {
  float: right;
  text-transform: uppercase;
  border: none;
  background: transparent;
  color: black;
  margin: 20px 0;
}

div.calendarsearchbean {
  margin: 10px 0;
}

span.monthWeekDayText {
  letter-spacing: 1em;
  display: block;
  width:13px;
  margin: 0 auto;
  overflow: hidden;
}
td.monthWeekDayText_con {
  border: none;
  background: #83617D;
  color: #EAE8D2; 
  padding: 10px 5px;
  border: solid white;
  border-width: 2px 2px 2px 0;
  width: 50px;
}
td.monthDayHeaderInactive_con, 
td.monthDayHeader_con,
td.monthDayBody_con,
td.monthDayBodyInactive_con {
  border: solid white;
  background: #EAE8D2;
}
td.monthDayBody_con,
td.monthDayBodyInactive_con {
  border-width: 0px 2px 2px 0;
}
td.monthDayHeaderInactive_con, 
td.monthDayHeader_con {
  border-width: 0px 2px 0 0;
}
div.monthCalendar {
  border-left: 2px solid white;
}
.event_con .miwt_collapsable_shown {
  z-index: 9;
}


/* header */

div.monthHeader {
  background: #EAE8D2 url(/resources/dyn/files/48296z71f0c5df/_fn/catalog_nav_bg.gif) repeat-x bottom left;
  border: solid white;
  border-width: 2px 2px 0 0px;
  width: 99.6%;
  overflow: hidden;
  clear: both;
  padding: 5px 0;
}
div.dateSelector {
  width: 170px; 
  margin: 0 auto;
}
.calendarsearchbean .calendarComponent div.dateSelectors_con {
  float: left;
  display: block;
}

span.dateSelectorPrevious_con,
span.dateSelectorNext_con {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -4000em;
}
span.dateSelectorPrevious_con a,
span.dateSelectorNext_con a  {
  display: block;
  width: 20px;
  height: 20px;
}
span.dateSelectorPrevious_con  {
  background: url(/resources/dyn/files/58955z75791d38/_fn/arrows_back.png) no-repeat center left;
}
span.dateSelectorNext_con  {
  background: url(/resources/dyn/files/58957z9b777c14/_fn/arrows_next.png) no-repeat center right;
}

/* summary */
.brief_summary_con span.brief_summary {
  padding: 5px 12px;
  width: 140px;
  border: 3px solid #EAE8D2; 
  position: relative;
  top: -28px;
  right: -55px;
}
.brief_summary p {
  margin-bottom: 5px;
}
/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}
div.menu_component {
 position: relative;
 display: inline-block;
}
* html div.menu_component {
 display:inline; zoom:1.0;
}
*+html div.menu_component {
 display:inline; zoom:1.0;
} 
.menu_component ul.menu_items {
 position: absolute;
 top: 1.5em;
 left: 0;
 background-color: #ddd; /* Required for phantom padding bug in IE. Seriously. */
 list-style: none;
 margin: 0;
 padding: 0;
 z-index: 1;
}
.menu_component li.menu {
 position: relative;
 margin: 0;
 padding: 0;
 width: 11em;  /* Override if necessary based on length of menu labels. */ 	
}
.menu_component li.menu ul.menu_items {
 top: 0;
 left: 100%;   /* Override if necessary based on position on page */
}
.menu_component .menu a.menu_item,
.menu_component .menu span.menu_item {
 display: block;
 width: 10em;
 color: #000;
 text-decoration: none;
 padding: 4px .5em;
 margin: 0;
}
.menu_component li.menu a.menu_item:hover {
 background-color: #aaa;
}
.menu_component li.menu span.menu_item {
 color: #666;
}
.menu_component .parent_menu > a.menu_item {
 background-image: url(/resources/all/docroot/miwt/component/images/menu-expand.gif) ;
 background-position: right center;
 background-repeat: no-repeat;
}
/** Support up to 5 levels for IE6 */
.menu_component ul,
div.menu_component.active ul ul,
div.menu_component.active .active ul ul,
div.menu_component.active li .active ul ul,
div.menu_component.active li li .active ul ul,
div.menu_component.active li li li .active ul ul  {
 display: none;
}
div.menu_component.active ul,
div.menu_component.active .active ul,
div.menu_component.active li .active ul,
div.menu_component.active li li .active ul,
div.menu_component.active li li li .active ul,
div.menu_component.active li li li li .active ul {
 display: block;
}
div.menu_component.active li:hover > ul {
 display: block;
}    div.window {
		background-color: #eee;
		border-style: ridge;
		border-color: ThreeDLightShadow ThreeDDarkShadow ThreeDDarkShadow ThreeDLightShadow;
		border-width:1px 2px 2px 1px;
		padding: 2px;
    }
	.titlebar_row td {
		height: 1.2em;
	}
	td.activewindowtitle {
	    font-weight: bold;
		text-align: center;
		vertical-align: middle;
		padding: 0px;
		margin: 0px;
	    border: 0px none;
		overflow: hidden;
		cursor: pointer;
		cursor: hand;
	}
    td.windowbuttons {
		color: ButtonText;
		margin: 0;
		font-size: .8em;
		text-align: right;
	}	
	td.inactivewindowtitle {
	    background-color: InactiveCaption;
	    font-weight: bold;
		color: InactiveCaptionText;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		cursor: pointer;
		cursor: hand;
	}
	div.windowcontent {
	  	color: WindowText;
		background-color: #fafcff;
		border: 1px outset #777;
	    overflow: auto;
	    position: absolute;
	    top: 1.75em; /* Needs to be >= titlebar height + padding, etc */
	    bottom: 2px;
	    left: 2px;
	    right: 2px;
	}
	.windowresize_sw,
	.windowresize_se,
	.windowresize_nw,
	.windowresize_ne {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 5px;
		height: 5px;
		cursor: ne-resize;
	}
	.windowresize_sw {
		cursor: sw-resize;
	}

	.windowresize_se {
		cursor: se-resize;
	}

	.windowresize_nw {
		cursor: nw-resize;
	}				
    /* OptionDialog. */
    table.OptionDialogButtons,
    table.OptionDialog {
        margin: 0 auto;
    }
/*mobile fix*/
dfn.config_data,
div.config_items{
 display:none;
 visibility:hidden;
}
/* Progress Dialog. */
div.miwt_ajax_progress {
  padding: 1.5em; 
  width: 200px; 
  vertical-align: middle; 
  text-align: center; 
  background-color: #f5f5f5;
  z-index: 10001; 
  border: 1px solid #330000; 
}
span.miwt_ajax_progress span {
  background-color: lightsteelblue;
  border-top: thin solid black; 
  border-bottom: thin solid black;
}
#miwt_ajax_progress_0 {
  border-left: thin solid black;
}
#miwt_ajax_progress_4 {
  border-right: thin solid black;
}.miwt_dnd_feedback
{
  background-color: white;
  padding: 2px;
  border: thin gray solid;
}
 
.miwt_dnd_dropactive
{

}

div.dropoptions
{
  background-color: white;
  padding: 2px;
  border: thin gray solid;
}
div.column_visibility {
  position: relative;
  display: inline;
}
#ie6only div.column_visibility {
  position: static;
}
div.column_visibility_selector {
  position: absolute;
  top: 2.5em;
  right: 0;
  z-index: 1;
  min-width: 10em;
  visibility: hidden;
  border: 1px solid black;
  text-align: left;
  background: white;
  color: black;
  padding: .25em;
}
div.column_visibility button {
  width: 18px;
  height: 16px;
  text-indent: -1000em;
  overflow: hidden; 
  border: none;
  background: transparent url(/resources/all/docroot/miwt/component/images/view.gif) no-repeat center;
}
/**
 * Styles for the the read-only calendar search component
 * @author Ben Barber <bbarber@i2rd.com>
 */

.calendarComponent table {
  border-collapse: collapse;
  clear: both;
}
.calendarComponent .dateSelectors_con,
.calendarComponent .dateSelectors
{
  display: inline;  
}
.monthWeekDayText_con {
  font-weight: bold;
  text-align: center;
  border: 1px solid #ddd;
  padding: 10px;
}
.monthDayHeaderInactive_con,
.monthDayHeader_con {
  border: 1px solid #ddd;
  border-bottom: none;
  padding: 2px;
}
.monthDayBody_con,
.monthDayBodyInactive_con {
  border: 1px solid #ddd;
  border-top: none;
  padding: 2px;
  vertical-align: top;
}
.monthDayBody_con td.busy_con,
.monthDayBody_con td.event_con {
  padding-bottom: 4px;
}
.monthDayHeaderInactive {
  float: right;
}
.monthDayHeader {
  width: 98%;
  float: right;
}
.monthDayHeader td {
  text-align: right;
}
.monthDayHeaderInactive_con,
.monthDayBodyInactive_con {
  background: #ddd;
}
.event_con {
  float: left;
  padding-right: 2px;
}
.event_con .miwt_collapsable_content {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 3px;
}
.event_details .subject,
.event_details .subject_con {
  font-weight: bold;
}