/*
 * Include mobile changes from wineresort.com
 */

/* Width adjustments */
*  {
  max-width: 650px !important;
}

body, #main_menu, .masthead, .navigation {
  width: 650px;
  min-width: 650px;
  max-width: 650px;
}


/* Menu adjustments */
.navigation {
  height: auto;
  background: #ab9761;
}
.menu a {
  font-size: 14pt !important;
  line-height: 1.5em;
}
#main_menu {
  height: 38px;
  height: auto;
  padding: 5px 0px;
  display: inline;
}
#main_menu li {
  border-right: none;
  padding: 5px;
}
#main_menu a {
  font-size: 2em;
  color: #fff;
}

#secondary_menu {
  display: inline;
}
#tertiary_menu {
  display: block;
  margin-top: 30px;
}

.quicknav_label_main {
  color: #ffffff;
  font-size: 20px;
  padding: 0 1em;
}

.quicknav_label_tertiary {
  color: #000000;
  font-size: 20px;
  padding: 0 1em;
}

.quicknav {
  width: 200px;
  font-size: 20px;
}



/* Content Styling and Presentation */
#content {
  width: 100%;
  padding: 5px;
}
#content-row-content {
  background: #ffffff;
}
#content-row-right-cont {
  background: #ffffff;
  display: none;
}
#right-block-bottom-cont {
  background: #ffffff;
  display: none;
}

h2, #subwrapper h2 {
  margin-top: 1em;
  font-size: 14px;
}
p, .preamble, font {
  font-size: 14pt;
  line-height: 1.5em;
  margin-bottom: 1em;
  width: 100% !important;
}


/* Mobile-specific elements */
.hidemobile {
  display: none;
}

#disable_mobile_site {
  border: 1px solid #000;
  text-align: center;
  margin: 3em auto;
  width: 95%;
  cursor: pointer;
  font-size: 16pt;
  background: #ccc;
}
#disable_mobile_site .view_full {
  font-size: 16pt;
  margin: 0.25em;
  color: #0000cc;
}
#disable_mobile_site .disable_permanently {
  margin: 2em 0.25em 0.25em 0.25em;
  font-size: 12pt;
  color: #0000cc;
}




/*
 * Store-specific overrides and styling
 */

/* Adapted from the single-column store layout.  We always want to use the single-column layout as a base on the mobile   
 * version,so we override the two- and three-column layouts with this.
 */ 
div.twoAcrossWrapper, div.productThumbnail, div.productThumbnailAlt {
	width: 580px; 
	padding: 20px 0px 10px 0px;; 
	margin: 5px 0px; 
	text-align:left; 
	border-top: 1px solid #ccc;
	}
	
	
div.twoAcrossWrapper .title, div.productThumbnail .title, div.productThumbnailAlt .title {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1em;
	color:#7F794A;
	font-weight: bold;
	padding: 5px 0px;
	}
	
div.twoAcrossWrapper .imageWrapper, div.productThumbnail .imageWrapper, div.productThumbnailAlt .imageWrapper {
	width:33%;
	float:right;
	text-align: center;
}

div.twoAcrossWrapper .infoWrapper, div.productThumbnail .infoWrapper, div.productThumbnailAlt .infoWrapper {
	float:left;
}

div.twoAcrossWrapper .teaser, div.productThumbnail .teaser, div.productThumbnailAlt .teaser {
	width:100%;
}


div.twoAcrossWrapper #drillPriceWrapper, div.productThumbnail #drillPriceWrapper, div.productThumbnailAlt #drillPriceWrapper {
	width:100%;
}


div.twoAcrossWrapper .price, div.productThumbnail .price, div.productThumbnailAlt .price {
	width:100%;
	padding: 10px 0px 10px 0px;
}

div.twoAcrossWrapper .qty, div.productThumbnail .qty, div.productThumbnailAlt .qty {
	float:left;
	padding-top:4px;
	width:6%;
}

div.twoAcrossWrapper .qty input, div.productThumbnail .qty input, div.productThumbnailAlt .qty input {
	border: 1px solid #000000;
	text-align:center;
	width:15px;
}

div.twoAcrossWrapper .purchaseWrapper, div.productThumbnail .purchaseWrapper, div.productThumbnailAlt .purchaseWrapper {
	padding:10px 0px;
}

div.twoAcrossWrapper .cartInfo, div.productThumbnail .cartInfo, div.productThumbnailAlt .cartInfo{
	padding:5px 0px 0px 0px;
	font-weight:bold;
	height:15px;
}
/* End one-column layout */




/* Hide data that doesn't work well on the mobile site.  Hide background images where appropriate */
#layLeftNav {
  display: none;
}
#layFooterWrapper {
  display: none;
}
#printLink {
  display: none;
}
#layContentWrapper {
  background: none;
}
div.formHeader {
  background: none;
}


/* Override the "select your shipping location" popup */
#layAuthenticationVeil {
  opacity: 1.0;
  filter:alpha(opacity=100);
  background: #fff;
  height: 100% !important;
}

#layAuthentication {
  top: 0px;
  left: 0px;
  height: 100%;
  padding: 60px;
}
#layAuthentication p,
#layAuthentication #shipText,
#layAuthentication #willCallText {
  font-size: 18px;
}
#layAuthentication #submitButton {
  height: 30px;
}
#layAuthentication select {
  font-size: 24px;
}


/* Browse Catalog Pages */
#layContent {
  width: 95%;
}

div.storePagination,
#formInfo div.storePagination {
  width: 100%;
  text-align: center;
  font-size: 18px;
}
#breadcrumbs {
  margin-bottom: 2em;
}

div.formbody {
  clear: both;
  border: none;
}
div.formHeader {
  border: none;
}

#drillWrapper {
  padding: 0;
  margin: 30px 0px;
}
#drillImage {
  float: right;
  width: auto;
  margin: 5px;
}
#drillInformation {
  float: none;
}
#drillTeaser {
  clear: both;
}
#drillPriceWrapper {
  overflow: visible;
  width: 600px;
}
.drillPrices {
  font-size: 24px;
  line-height: 28px;
}
.drillQty {
  padding: 0px 8px;
}
.drillQty input {
  font-size: 24px;
  width: 50px;
}
.drillButtons input[type=image],
.drillButtons a img {
  height: 30px;
}
.drillButtonWrapper {
  width: 270px;
}
.drillInnerPriceWrapper {
  height: auto;
}
.drillPrices {
  width: 40%;
}

h1 {
  margin: 0;
}

div.twoAcrossWrapper {
  height: auto;
}
div.twoAcrossWrapper .title, .title,
div.twoAcrossWrapper .title a, .title a {
  font-size: 28px;
  line-height: 32px;
  height: auto;
}

div.productThumbnail .imageWrapper, div.productThumbnailAlt .imageWrapper {
	width:auto;
}

div.productThumbnail, div.productThumbnailAlt {
  height: auto;
}
div.productThumbnailimage {
  float: right;
  margin-right: 30px;
}
div.productThumbnailTitle {

  height: auto;
  text-align: left;
  width: auto;
}
div.productThumbnailPrice {
  width: auto;
}

#aboutThisWineHeader,
#wineProfileHeader {
  font-size: 20px;
}
#carttotal {
  font-size: 28px;
  margin: 0.5em;
  width: 100%;
  text-align: right;
}

#otherNotes {
  clear: both;
}
#otherNotes p {
  font-size: 16px;
  font-weight: normal;
}
#wineNotesHolder table {
  float: left;
  margin: 10px 0px;
}
.wineNotesLeft, .wineNotesRight {
  font-size: 16px;
  width: 200px;
}
#wineNotesHolder {
  width: auto;
  
}
table.productDetails {
  width: auto;
}
#dropDownSort {
  float: none !important;
  width: auto !important;
  margin: 10px auto 50px 65px;
}
#dropDownSort #SortByText {
  font-size: 20px;
  float: left;
}
#dropDownSort #sortForm {
  float: left;
}
#dropDownSort #sortForm select {
  font-size: 20px;
}
#storeSubMenu {
  height: 45px;
  background: #dbcdaa;
}


/* Shopping Cart Pages */
#formInfo, #formInfo div, #formInfo p, #formInfo td, #formInfo a {
  font-size: 24px;
  line-height: 28px;
}
#formInfo td {
  vertical-align: top;
}
#formInfo input[type="text"], #formInfo input[type="password"] {
  font-size: 24px;
}
#specialOffersForm input[type="image"], #specialOffersForm a img,
#submitButtonPersonal input[type="image"], #submitButtonPersonal a img,
#checkout input[type="image"], #checkout a img,
#productName input[type="image"], #productName a img {
  height: 30px;
}
#divShipping select  {
  font-size: 24px;
  width: 300px !important;
}


/* Checkout Page */
input[type=checkbox] {
  height: 24px;
  width: 24px;
}

#divLogin input[type="text"], #divLogin input[type="password"], 
#billingForm input[type="text"], #billingForm input[type="password"], 
#shippingForm input[type="text"], #shippingForm input[type="password"],
#loginForm input[type="text"], #loginForm input[type="password"],
#divGiftCertificate input[type="text"], #divGiftCertificate input[type="password"] {
  font-size: 24px;
  width: 300px !important;
}
#divLogin select, #billingForm select, #shippingForm select, #loginForm select, #divGiftCertificate select {
  font-size: 24px;
  width: 300px;
}
#divShipping select {
  font-size: 24px;
  width: 300px !important;
}

#divGift, #divNotes {
  font-weight: normal;
}
#divGift textarea, #divNotes textarea {
  width: 500px !important;
}


/* Payment Page */
table#form td.header {
  background: none;
}
select[name="CreditCardTypeID"] {
  font-size: 24px;
  width: 300px !important;
}
select[name="cardexpirymo"], select[name="cardexpiryyr"] {
  font-size: 24px;
}
input[name="CardNumber"], input[name="nameoncard"] {
  width: 300px !important;
}




/* TEMP */
#layHeader, #layMainMenu {
  display: none;
}