/* ----------
 *
 *	Title: Styles page 2 of 2 (Subpage components)
 *
 *	Table of Contents
 *	(Styles page 2)
 *	    1. subpage components
 *			a. common
 *			b. plain
 *			c. tabbed
 *			d. gallery
 *	
---------- */

/* ----- subpage components */

/* common/reusable */

#content-body-wrapper {
	margin: 0;
	padding: 25px 33px 25px 33px;
	height: auto;
	width: 885px;
	background: url(../images/universal/subpage-content/content-plain-main-bg.png) 0 top repeat-y;
	display: inline;
	float: left;}

#content-body-wrapper2 {
	margin: 0;
	padding: 25px 33px 25px 33px;
	height: auto;
	width: 885px;
	background: url(../images/universal/subpage-content/content-plain-main-bg.png) 0 top repeat-y;
	float: left;}
	
#content-title-container {
	margin: 0 0 0 4px;
	height: 55px;
	width: 942px;
	background:url(../images/universal/subpage-content/content-tabs-main-head-bg.png) top left repeat;
	display: inline;
	float: left;}
	
#content-border-container {
	margin: -25px 0 0 -29px;
	height: 5px;
	width: 942px;
	background-color: #d4e7e9;
	position: relative;
	float: left;}
	
#primarycontent-container2 {
	height: auto;
	width: 648px;
	float: right;}
	
#primarycontent-container3 {
	height: auto;
	width: 436px;
	padding: 0 30px 0 0;
	background: url(../images/universal/subpage-content/v-dash.gif) top right repeat-y;
	float: left;}
	
#primarycontent-container3 .smdescrip-alt {margin: 0 0 5px 0; width: 436px; float: left;}
#primarycontent-container3 .smicon-container {margin: 0 0 30px 0; height: auto; width: 436px; float: left;}
#primarycontent-container3 p a {width: auto; color: #543019;}
#primarycontent-container3 p a:hover {width: auto; color: #72afb6;}
#primarycontent-container3 span {width: auto; padding: 5px 0 0 15px; float: left;}
#primarycontent-container3 span.color1 {color: #72afb6 !important; padding: 0 !important; float: none !important;}
#primarycontent-container3 span.alt1 {width: auto; padding: 0; float: none;}
#primarycontent-container3 span.alt2 {width: auto; padding: 0 0 0 25px; float: none;}
	
#primarycontent-container4 {
	height: auto;
	width: 681px;
	background:url(../images/universal/subpage-content/v-dash.gif) top right repeat-y;
	float: left;}
	
.alt1 {padding: 0 15px 40px 0; width: 666px;} /*use with primarycontent-container4*/

.action-container-1 {
	font-size: 0.8em;
	height: auto;
	width: 681px;
	float: left;}
	
.action-container-1 a {
	margin: 0 55px 0 0;
	padding: 0 20px 0 0;
	background: url(../images/universal/icons/action1.png) right 1px no-repeat;
	color: #543019;
	height: 20px;
	width: auto;
	float: left;}
.action-container-1 a:hover {
	background: url(../images/universal/icons/action1-over.png) right 1px no-repeat;
	color: #72afb6;}
	
p.special-offers {
	 float: left;
	 margin: 20px 0 20px 0;
	 width: 681px;}
	
.bullet-full-container {
	width: 436px;
	height: auto;
	float: left;}
	
.bullet-full-container p {
	margin: 20px 0 20px 0;
	height: auto;
	width: 436px;
}

.special-offers-block-container {
	margin: 0 0 20px 0;
	height: auto;
	width: 650px;
	float: left;}
	
a.specialoffer-item {
	margin: 0 14px 0 0;
	height: auto;
	width: auto;
	float: left;}

.column-container {padding: 0 40px 0 0; height: auto; width: 300px; float: left;}
.column-container .last {margin: 0;}

.column-item-container {margin: 0 0 15px 0; height: auto; width: 300px; float: left;}
.column-item-container p {margin: 0 0 5px 0; font-size: 0.8em; color: #4b4b4b;}

.column-item-container .last {margin: 0;}

.gen-width-container {height: auto; width: 100%; float: left;} /*general full-width separator for body content*/
.gen-hline {height: 1px; width: 100%; background: url(../images/universal/subpage-content/h-dash.gif) top left repeat-x; float: left;} /*general full-width dashed horizontal line*/

.info-sep1 {height: auto; width: 250px; float: left;}
.info-sep1 span {display: block; height: auto; width: 70px; float: left;}

a.content-action1 {display: inline; line-height: 1.3em; font-size: 0.8em; color: #543019;}
a.content-action1:hover {color: #72afb6; cursor: pointer;}
span.content-action1 {margin: 0 5px 0 0; padding: 0 20px 0 0; display: inline-block; background: url(../images/universal/icons/action1.png) right 1px no-repeat; height: auto; width: auto; float: left;}
span.content-action1:hover {background: url(../images/universal/icons/action1-over.png) right 1px no-repeat;}

a.content-action2 {display: inline; line-height: 2.5em; font-size: 0.9em; text-transform: uppercase; font-weight: bold; color: #543019;}
a.content-action2:hover {color: #72afb6; cursor: pointer;}
span.content-action2 {margin: 0; padding: 0 30px 0 0; display: inline-block; background: url(../images/universal/icons/action2.png) right 5px no-repeat; height: auto; width: auto; float: left;}
span.content-action2:hover {background: url(../images/universal/icons/action2-over.png) right 5px no-repeat;}

a.content-action3 {display: inline; line-height: 1.4em; font-size: 0.8em; color: #543019; position: absolute; bottom: 0;} /*subpage interactive expand*/
a.content-action3:hover {color: #72afb6; cursor: pointer;}
span.content-action3 {margin: 0 5px 0 0; padding: 0 0 0 25px; display: inline-block; background: url(../images/universal/icons/expand.png) left 0px no-repeat; height: auto; width: auto; float: left;}
span.content-action3:hover {background: url(../images/universal/icons/expand-over.png) left 0px no-repeat;}

a.content-action4 {display: block; height: auto; width: auto; line-height: 1.4em; font-size: 0.8em; color: #543019; float: left;} /*subpage interactive expand2*/
a.content-action4:hover {color: #72afb6; cursor: pointer;}
span.content-action4 {margin: 0 5px 0 0; padding: 0 0 0 25px; display: inline-block; background: url(../images/universal/icons/expand.png) left 0px no-repeat; height: auto; width: auto; float: left;}
span.content-action4:hover {background: url(../images/universal/icons/expand-over.png) left 0px no-repeat;}

a.content-action5 {display: block; float: left; line-height: 2.5em; font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #543019;}
a.content-action5:hover {color: #72afb6; cursor: pointer;}
span.content-action5 {display: block; float: left;margin: 0; padding: 0 30px 0 0; display: inline-block; background: url(../images/universal/icons/action2.png) right 5px no-repeat; height: auto; width: auto; float: left;}
span.content-action5:hover {background: url(../images/universal/icons/action2-over.png) right 5px no-repeat;}

div#content-gutternav-container {padding: 0 0 30px 0; height: auto; width: 221px; float: left;} /*FLOAT*/
ul#content-gutternav {margin: 0; padding: 0; white-space: nowrap;}
ul#content-gutternav li {list-style-type: none;}
ul#content-gutternav li a {margin: 0 0 1px 0; font-size: 0.8em; width: 165px; padding: 5px 8px 5px 8px; float: left;}
ul#content-gutternav a:link, ul#content-gutternav a:visited {color: #543019; background-color: transparent;}
ul#content-gutternav a:hover {color: #fff; background-color: #72afb6;}
ul#content-gutternav a.selected {color: #fff; background-color: #72afb6;}

#gutter2-container {height: auto; width: 189px; float: right;}
.gutter2-title {margin: 0 0 10px 22px; color: #72afb6; font-size: 1.1em; line-height: 1.8em; display: block;}
.gutter2-title.push1 {margin-top: 20px; line-height: 1.2em;}

.gutter2-content {
	margin: 0 0 10px 22px;
	font-size: 0.8em;}

a.book-now {background: url(../images/main-slider/background-images/book-now.png) 0 0 no-repeat; height: 24px; width: 97px; margin: 0 0 0 22px; float: left;}
a.book-now:hover {background: url(../images/main-slider/background-images/book-now-over.png) 0 0 no-repeat; height: 24px; width: 97px; float: left;}

a.gutter2-item1 p {margin: 0 0 0 25px; background: url(../images/universal/icons/pdf.png) 0 1px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item1 p {background: url(../images/universal/icons/pdf-over.png) 0 1px no-repeat; color: #72afb6;}
a.gutter2-item1 span {margin: 0 0 0 31px;}

a.gutter2-item2 p {margin: 0 0 0 25px; background: url(../images/universal/icons/video.png) 0 6px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item2 p {background: url(../images/universal/icons/video-over.png) 0px 6px no-repeat; color: #72afb6;}
a.gutter2-item2 span {margin: 0 0 0 31px;}

a.gutter2-item3 p {margin: 0 0 0 25px; background: url(../images/universal/icons/photo.png) 0 7px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item3 p {background: url(../images/universal/icons/photo-over.png) 0px 7px no-repeat; color: #72afb6;}
a.gutter2-item3 span {margin: 0 0 0 31px;}

a.gutter2-item4 p {margin: 0 0 0 25px; background: url(../images/universal/icons/external-link.png) 0 7px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item4 p {background: url(../images/universal/icons/external-link-over.png) 0px 7px no-repeat; color: #72afb6;}
a.gutter2-item4 span {margin: 0 0 0 31px;}

a.gutter2-item5 p {margin: 0 0 0 25px; background: url(../images/universal/icons/rss.png) 0 7px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item5 p {background: url(../images/universal/icons/rss-over.png) 0px 7px no-repeat; color: #72afb6;}
a.gutter2-item5 span {margin: 0 0 0 31px;}

a.gutter2-item6 p {margin: 5px 0 0 25px; background: url(../images/universal/icons/archive.png) 0 4px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item6 p {background: url(../images/universal/icons/archive-over.png) 0px 4px no-repeat; color: #72afb6;}
a.gutter2-item6 span {margin: 5px 0 0 31px;}

#content-body-bottom {height: 6px; width: 950px; background: url(../images/universal/subpage-content/content-tabs-main-bottom-bg.png) bottom left no-repeat; float: left;}


/* USA */
a.gutter2-item7 p {margin: 0 0 0 25px; background: url(../images/universal/icons/pdf-usa.png) 0 1px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item7 p {background: url(../images/universal/icons/pdf-usa-over.png) 0 1px no-repeat; color: #72afb6;}
a.gutter2-item7 span {margin: 0 0 0 31px;}

/* hola! */
a.gutter2-item8 p {margin: 0 0 0 25px; background: url(../images/universal/icons/pdf-spain.png) 0 1px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item8 p {background: url(../images/universal/icons/pdf-spain-over.png) 0 1px no-repeat; color: #72afb6;}
a.gutter2-item8 span {margin: 0 0 0 31px;}

/* german */
a.gutter2-item9 p {margin: 0 0 0 25px; background: url(../images/universal/icons/pdf-german.png) 0 1px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item9 p {background: url(../images/universal/icons/pdf-german-over.png) 0 1px no-repeat; color: #72afb6;}
a.gutter2-item9 span {margin: 0 0 0 31px;}

/* portuguese */
a.gutter2-item10 p {margin: 0 0 0 25px; background: url(../images/universal/icons/pdf-portu.png) 0 1px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item10 p {background: url(../images/universal/icons/pdf-portu-over.png) 0 1px no-repeat; color: #72afb6;}
a.gutter2-item10 span {margin: 0 0 0 31px;}

/* japan */
a.gutter2-item11 p {margin: 0 0 0 25px; background: url(../images/universal/icons/pdf-japan.png) 0 1px no-repeat; color: #543019; font-size: 0.7em; line-height: 2.5em; display: block;}
a:hover.gutter2-item11 p {background: url(../images/universal/icons/pdf-japan-over.png) 0 1px no-repeat; color: #72afb6;}
a.gutter2-item11 span {margin: 0 0 0 31px;}


.footnote {width: 681px; font-size: 0.7em; color: #999; float: left;}

	
/* plain */

#content-plain-all-wrapper {
	margin: 0;
	position: absolute;
	height: auto;
	width: 1203px;
	top: 400px;}
	
#content-plain-placement-wrapper {
	margin: 0 0 0 127px;
	position: relative;
	height: auto;
	width: 950px;
	top: 0;}
	
#content-plain-stamp {
	position: absolute;
	height: 107px;
	width: 107px;
	top: -73px;
	left: 805px;
	background: url(../images/universal/icons/top-10.png) top left no-repeat;
	z-index: 900000;}
#content-plain-stamp img {height: 107px; width: 107px;}	

#content-plain-wrapper {height: auto; width: 950px; float: left;}

/* tabbed */

#content-tabs-wrapper {height: auto; width: 950px; float: left;}

#content-tabs-all-wrapper {
	margin: 0;
	position: absolute;
	height: auto;
	width: 1203px;
	top: 400px;}
	
#content-tabs-placement-wrapper {
	margin: 0 0 0 127px;
	position: relative;
	height: auto;
	width: 950px;
	top: 0;}
	
#content-tabs-stamp {
	position: absolute;
	height: 107px;
	width: 107px;
	top: -73px;
	left: 805px;
	/*background: url(../images/universal/icons/top-10.png) top left no-repeat;*/
	background: url(../images/universal/icons/join-the-wine-club.png) top left no-repeat;
	z-index: 900000;}
	
#content-tabs-stamp img {height: 107px; width: 107px;}

#content-tabs-tabs-container {
	margin: -25px 0 30px -29px;
	height: 35px;
	width: 942px;
	background-color: #d4e7e9;
	display: inline;
	float: left;}

ul#content-tabs {margin: 0; overflow: hidden; padding: 9px 0 10px 0; height: 35px;}
ul#content-tabs li {margin: 0 0 0 -3px; display: inline; list-style-type: none;}
ul#content-tabs li.first {margin: 0 0 0 33px;}
ul#content-tabs a {font-size: 0.8em; padding: 15px;}
ul#content-tabs a:link, ul#content-tabs a:visited {color: #543019; background-color: transparent;}
ul#content-tabs a:hover {color: #72afb6; background-color: #fff;}
ul#content-tabs a.selected {color: #72afb6; background-color: #fff;}

/* accomodations & rates */

.rooms-showcase-container {margin: 0 0 20px 0; padding: 0 15px 0 0; height: auto; min-height: 135px; width: 633px; background-color: #d4e7e9; float: left;}
.rooms-showcase-container p {margin: 0; color: #333; font-size: 0.8em;}
.rooms-showcase-container img {margin: 0 20px 0 0; height: 154px; width: 240px; float: left;}

.rooms-showcase-action-container {height: auto; width: auto; float: right;}

/* contact us */

#map-container {width: 648px; height: auto; float: left;}
#map {border: 1px solid #72afb6; float: left;}
a#map-view {margin: 10px 0 0 0; height: auto; width: auto; color: #543019; font-size: 0.8em; float: left;}
a#map-view:hover {color: #72afb6;}

.addlist-wrapper {height: auto; width: 630px; float: left;} /*addlist address list, wrapper for each entry*/
.addlist-wrapper-alt {margin: -5px 0 0 0; height: auto; width: 630px; float: left;} /*addlist address list, wrapper for each entry - compensate for extra margin caused by set height for arrow*/
.addlist-container-1 {height: auto; width: 320px; float: left;} /*addlist name container*/
.addlist-container-2 {height: auto; width: 145px; float: left;} /*addlist phone number container*/
.addlist-container-3 {height: auto; width: 157px; float: left;} /*addlist link for email contact container*/

.addlist-container-3 a {display: block; height: 20px; background: url(../images/universal/icons/action3.png) top right no-repeat; color: #543019;}
.addlist-container-3 a:hover {background: url(../images/universal/icons/action3-over.png) top right no-repeat; color: #72afb6;}

/* interactive */

/*.plan1-container {height: 229px; background: url(../images/universal/subpage-content/interactive/plan1-sm.png) top left no-repeat;}*/
.plan-container {margin: 0 0 20px 0; height: 229px; width: auto; float: left;}
.plan-container img {height: auto; width: auto; float: left;}

.plan-more-container {height: auto; width: 436px; float: left;}
.plan-more-container img {margin: 0 0 30px 0; height: auto; width: auto; float: left;}

/* testimonials */

.testimonials-container {
	margin: 4px 0 14px 0;
	padding: 0;
	height: auto;
	width: 436px; /*648*/
	font-size: 0.8em;
	line-height: 1.2em;
	color: #666;
	float: left;}
	
.testimonials-quote1-container {
	margin: 0 10px 10px 0;
	height: 30px;
	width: 36px;
	background: url(../images/universal/subpage-content/testimonials/quote1.png) top left no-repeat;
	display: inline;
	float: left;}
	
.testimonials-quote2-container {
	height: 10px;
	width: 12px;
	background: url(../images/universal/subpage-content/testimonials/quote2.png) top left no-repeat;
	float: none;}
	
p.testimonial {
	font-size: 100%;
	display: inline;}
	
p.testimonial-author {
	padding: 10px 0 0 0;
	font-size: 100%;
	display: block;
	float: right;}

/* ----- gallery (many of these styles may no longer be used due to template change on 1/13/10 */

#content-border-container2 {
	margin: -90px 0 0 -23px;
	height: 5px;
	width: 942px;
	background-color: #d4e7e9;
	position: relative;
	float: left;}

#content-gal-container {
	margin: 30px 0 0 0;
	padding: 0 30px 30px 0;
	height: auto;
	width: auto;
	float: left;}
	
#primarycontent-gal-container {
	padding: 0 30px 0 10px;
	height: auto;
	width: 648px;
	background:url(../images/universal/subpage-content/v-dash.gif) top right repeat-y;
	float: left;}

#content-body-wrapper-alt2 {
	margin: 0;
	padding: 30px 0 0 0;
	height: auto;
	width: 950px;
	top: 480px;
	left: 117px;
	position: absolute;}

#gallery-wrap {
	width: auto;
	height: auto;}
	
#galcontainer1 {
	margin: 0 0 100px 0;
	width: 1203px;
	height: auto;
	margin: 0 auto;}
	
.galpanel {
	width: 1183px;
	height: auto;}
	
#galcontent-container {
	padding: 90px 0 0 27px;
	margin: -30px 0 0 0;
	height: auto;
	position: relative;
	float: left;
	background-color: #fff;
	width: 923px;
	background: url(../images/universal/subpage-content/content-plain-main-bg.png) 0 top repeat-y;}
	
.galpanel img {float: none;}

.panel h2 {color: #fff;}

#galfooter-wrapper {
	height: auto;
	width: 1203px;
	float: left;}
	
#galfooter-container {
	height: auto;
	width: auto;
	margin: 0 0 0 -127px;
	float: left;}
	
#gal-stamp {
	position: relative;
	height: 107px;
	width: 107px;
	top: 353px;
	left: 923px;
	/*background: url(../images/universal/icons/top-10.png) top left no-repeat;*/
	background: url(../images/universal/icons/join-the-wine-club.png) top left no-repeat;
	z-index: 9000;}
	
#gal-stamp img {height: 107px; width: 107px;}

/* general action arrow */

a.gen-action-container {
	padding: 0 20px 0 0;
	height: auto;
	width: auto;
	background:url(../images/universal/icons/action1.png) top right no-repeat;
	display: inline;}
	
a.gen-action-container:hover {
	background:url(../images/universal/icons/action1-over.png) top right no-repeat;}