﻿
/* Classes */
.searchInput 
{
	border: none;
	width: 160px;
	text-align: right;
	color: #999999;
	background-color: #FFFFFF;
	border-collapse: collapse;
}
.emailInput 
{
	border: none;
	width: 110px;
	text-align: right;
	color: #999999;
	background-color: #FFFFFF;
	border-collapse: collapse;
	font-size: 10px;
}
.noBorder
{
  border: none;
}
.sectionTitle
{
  color: #9C111F;
  font-weight: bold;
  font-size: 13px;
}
.moreTestimonials
{
  color: #990033;
}
.price
{
  color: #990033;
  font-size: 14px;
  font-weight: bold;
  float: left;
  padding-top: 3px;
  padding-right: 10px;
}
.summaryLeft
{
  float: left;
  width: 320px;
  margin-right: 25px;
}
.summaryRight
{
  float: right;
  width: 300px;
  margin-right: 25px;
}
.red
{
  color: #990033;
}
.small
{
  font-size: 9px;
}
/* Layers */
#wrapper
{
  position: relative;
  width: 1022px; 
  margin-left: auto; 
  margin-right: auto;
}
#header
{
  position: relative;
  width: 1022px; 
  height: 140px; 
  background-image: url('images/headerbg.jpg'); 
  background-repeat: no-repeat
}
#logo
{
  position: absolute; 
  top: 43px; 
  left: 202px;
}
#logo img
{
  border: none;
}
#search
{
  position: absolute; 
  width: 200px; 
  top: 29px; 
  right: 120px; 
  text-align: right;
}
#search a
{
  color: #000000;
}
#searchInput
{
  float: left;
  margin-top: 9px; 
  padding-top: 4px;
  padding-right: 5px;
  height: 21px;
  width: 166px;
  border-bottom-color: #676767; 
  border-left-color: #676767; 
  border-top-color: #676767; 
  border-bottom-style: solid; 
  border-top-style: solid; 
  border-left-style: solid; 
  border-bottom-width: 1px; 
  border-left-width: 1px; 
  border-top-width: 1px; 
  background-color: #FFFFFF;
}
#searchButton
{
  margin-top: 9px; 
  float: right;
}
#main
{
  position: relative;
  width: 911px; 
  background-color: #FFFFFF; 
  padding-right: 111px;
  padding-bottom: 20px;
  float: right;
}
#leftCol
{
  position: relative;
  background-color: #FFFFFF;
  width: 150px; 
  padding-top: 78px;
  padding-left: 42px; 
  padding-right: 13px;
  background-image: url('images/leftcolbg.jpg'); 
  background-position: left top;
  background-repeat: no-repeat; 
  float: left;
}
#leftCol .title
{
  margin-top: 15px;
  margin-bottom: 20px;
  color: #990033;
  font-weight: bold;
  font-size: 16px;
}
#leftCol .sectionTitle
{
  color: #333333;
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
}
#leftCol ul
{
  margin: 5px 0 0 10px;
  padding: 0;
}
#leftCol li
{
  list-style-type: none;
  line-height: 20px;
}
#leftCol a
{
  color: #333333;
  text-decoration: none;
}
#leftCol a.more
{
  color: #990033;
}
#leftCol .moreSymbol
{
  font-size: 7px;
  margin-left: 5px;
}
#leftCol hr
{
  color: #990033;
  background-color: #990033;
  height: 1px;
  border: none;
  margin-left: -5px;
}
#leftCol .text
{
  line-height: 20px;
}
#leftColSearchImage
{
  margin-top: 50px;
  margin-left: -10px;
}
#accountBar
{
  position: relative;
  width: 911px; 
  height: 32px;
  text-align: right;
  padding-top: 8px;
}
#accountBar ul
{
  margin: 0;
  padding: 0;
}
#accountBar li
{
  display: inline;
  list-style-image: none;
  padding-left: 8px;
  padding-right: 8px;
  border-right: solid 1px #4F3A27;
}
#accountBar li.lastItem
{
  border-right: none;
}
#accountBar a
{
  color: #4F3A27;
  text-decoration: none;
  font-size: 11px;
}
#accountBar img
{
  border: none;
}
#rightCol
{
  position: relative;
  float: right;
  width: 190px;
  margin-right: 10px;
  padding-left: 10px;
  background-color: #FFFFFF;
}
#footer
{
  clear: both;
  width: 1022px; 
  height: 43px;
  background-image: url(images/footerBackground.jpg);
  background-repeat: repeat-x;
  font-size: 11px;
  text-align: center;
  padding-top: 15px;
}
#topMenu
{
  position: absolute;
  top: 104px;
  left: 192px;
  text-align: center;
}
#topMenu ul
{
  margin: 0;
  padding: 0;
}
#topMenu li
{
  display: inline;
  list-style-type: none;
  padding-left: 10px;
  padding-right: 10px;
  border-right: solid 2px #FFFFFF;
}
#topMenu li.lastItem
{
  border-right: none;
}
#topMenu a
{
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
#newsletter
{
  position: relative;
  margin-top: 20px;
  margin-left: -20px;
  width: 160px;
  height: 24px;
}
#newsletterInput
{
  float: left;
  width: 115px;
  height: 20px;
  border: solid 1px #676767;
  padding-left: 8px;
  padding-top: 3px;
}
#newsletterButton
{
  float: right;
}
#socialMedia
{
  position: relative;
  margin-top: 20px;
}
#socialMedia img
{
  border: none;
}
#blog
{
  position: relative;
  margin-top: 6px;
}
#centerCol
{
  float: left;
  width: 490px;
  padding-top: 20px;
}
#centerColFull
{
  float: left;
  width: 695px;
  padding-top: 20px;
}
#featuredWine
{
  position: relative;
  float: left;
  width: 505px;
}
#productLists
{
  clear: both;
  padding-top: 20px;
}
#preArrivals
{
  float: left;
  width: 205px;
}
#preArrivalsBox
{
  border-top: solid 1px #999999;
  margin-top: 10px;
  background-image: url(images/rightLine.jpg);
  background-position: right top;
  background-repeat: no-repeat;
}
#preArrivalsBox ul
{
  margin: 20px 10px 50px 0;
  padding: 0;
}
#preArrivalsBox li
{
  list-style-type: none;
  margin-bottom: 12px;
}
#preArrivalsBox a
{
  color: #333333;
  text-decoration: none;
}
#featuredProducts
{
  float: right;
  width: 215px;
  margin-left: 34px;
  margin-right: 34px;
}
#featuredProductsBox
{
  border-top: solid 1px #999999;
  margin-top: 10px;
  background-image: url(images/rightLine.jpg);
  background-position: right top;
  background-repeat: no-repeat;
}
#featuredProductsBox ul
{
  margin: 20px 10px 50px 0;
  padding: 0;
}
#featuredProductsBox li
{
  list-style-type: none;
  margin-bottom: 12px;
}
#featuredProductsBox a
{
  color: #333333;
  text-decoration: none;
}
#newArrivals
{
  clear: both;
}
#newArrivalsBox
{
  border-top: solid 1px #999999;
  margin-top: 10px;
  background-image: url(images/rightLine.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  margin-right: 34px;
}
#newArrivalsBox ul
{
  margin: 20px 10px 50px 0;
  padding: 0;
}
#newArrivalsBox li
{
  list-style-type: none;
  margin-bottom: 12px;
}
#newArrivalsBox a
{
  color: #333333;
  text-decoration: none;
}
#rightLinkBox
{
  background-color: #EDEDE1;
  margin-top: 16px;
  padding: 16px;
}
#rightLinkBox .title
{
  color: #AA1828;
  font-size: 14px;
}
#rightLinkBox a
{
  color: #000000;
}
#rightLinkBox a:hover
{
  text-decoration: underline;
}
#pageTitle
{
  color: #990033;
  font-size: 18px;
  font-weight: bold;
  border-bottom: solid 1px #555555;
  padding-top: 20px;
  margin-right: 10px;
  padding-bottom: 20px;
}
#cartoon
{
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 90px;
}
#eventDates div
{
  font-size: 14px;
}
#searchNav
{
  font-size: 12px;
  color: #000;
  font-weight: normal;
  margin-top: 20px;
  padding-bottom: 20px;
}
#searchPager
{
  float: left;
}
#searchPager a
{
  color: #335353;
  text-decoration: underline;
}
#searchSort
{
  float: right;
  color: #990033;
}
#searchFeaturedWine
{
  width: 694px;
  border-bottom: solid 1px #555555;
  padding-bottom: 50px;
}
#searchFeaturedWineTitle
{
  color: #990033;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
#searchFeaturedWineImage
{
  float: left;
  margin-right: 10px;
}
#searchFeaturedWineWineTitle
{
  font-size: 14px;
  font-weight: bold;
}

#searchFeaturedWineBody
{
  font-size: 11px;
  padding-top: 30px;
  padding-bottom: 10px;
}
#searchResults
{
  width: 694px;
}
#searchResults ul
{
  margin: 0;
  padding: 0;  
}
#searchResults li
{
  list-style-type: none;
  line-height: 20px;
  clear: both;
  border-bottom: solid 1px #555555;
  height: 190px;
}
#searchResults .title
{
  color: #99111d;
}
#searchResults .resultImage
{
  height: 190px;
  float: left;
}
#searchResults .titleDesc
{
  margin-top: 20px;
  width: 430px;
  float: left;
}
#searchResults .addToCart
{
  margin-top: 20px;
  float: right;
}
#wineOfTheMonth
{
  clear: both;
}
#wineOfTheMonth .wines
{
  float: left;
  width: 240px;
  padding-right: 40px;
}
#wineOfTheMonth .form
{
  float: right;
}
#wineOfTheMonth .wineImage
{
  float: left;
  width: 115px;
  margin-bottom: 20px;
}
#wineOfTheMonth .checkBox
{
  float: left;
  width: 20px;
}
#wineOfTheMonth .titlePrice
{
  float: right;
  width: 100px;
}
#wineOfTheMonth .wineTitle
{
  color: #660000;
  font-size: 16px;
  font-weight: bold;
}
#wineOfTheMonth .winePrice
{
  color: #660000;
}
#wineOfTheMonth hr
{
  clear: both;
  color: #c3c3c3;
  background-color: #c3c3c3;
  height: 2px;
  border: none;
}
#wineOfTheMonth .form
{
  float: right;
  width: 400px;
}
#wineOfTheMonth .label
{
  clear: both;
  float: left;
  width: 100px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#wineOfTheMonth .input
{
  float: right;
  width: 300px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#wineOfTheMonth .textBox
{
  width: 300px;
}
#wineOfTheMonth .formTitle
{
  clear: both;
  color: #660000;
  padding-top: 20px;
}
#wineOfTheMonth .span
{
  clear: both;
  width: 400px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#wineOfTheMonth .textarea
{
  width: 400px;
  height: 100px;
}
#wineOfTheMonth .button
{
  text-align: right;
  width: 400px;
}
#selections
{
  text-align: center;
}
#selections .wineTitle
{
  color: #99111d;
  font-weight: bold;
  line-height: 30px;
}
#cart .desc
{
  color: #99111d;
}
#cart .qty
{
  width: 30px;
}
#cart .cost
{
  color: #99111d;
  font-weight: bold;
}
#cart hr
{
  color: #dcdcdc;
  background-color: #dcdcdc;
  border: none;
  height: 1px;
}
#cart .buttons
{
  margin-top: 20px;
}
#cart .update
{
  float: left;
}
#cart .checkout
{
  float: right;
  text-align: right;
}
#cart .subtotal
{
  margin-bottom: 20px;
}
#checkoutHeader
{
  border-bottom: solid 1px #555555;
  padding-top: 20px;
  padding-bottom: 10px;   
  margin-right: 10px;
}
#checkoutHeader ul
{
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
#checkoutHeader li
{
  display: inline;
  list-style-image: none;
  padding-left: 19px;
  font-weight: bold;
  font-size: 10px;
}
#checkoutHeader li.selected
{
  display: inline;
  list-style-image: none;
  padding-left: 19px;
  font-weight: bold;
  font-size: 10px;
  color: #99111d;
}
#checkoutTitle
{
  float: left;
  color: #4f3a27;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  width: 190px;
}
#login
{
  background-color: #4f3a27;
  border-top: solid 2px #36271a;
  border-left: solid 2px #36271a;
  width: 330px;
  padding: 5px;
  color: #FFF;
}
#login a
{
  color: #FFF;
  text-decoration: underline;
}
#login .largeLabel
{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
#login .emailInputLogin
{
  font-size: 16px;
  width: 300px;
}
#login .smallLabel
{
  margin-top: 4px;
  margin-bottom: 4px;
}
#login .passwordInputLogin
{
  width: 300px;
  margin-bottom: 20px;
}
#login .buttonLogin
{
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#checkoutBilling
{
  float: left;
  width: 320px;
  margin-right: 25px;
}
#checkoutBilling .largeLabel
{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
#checkoutBilling .smallLabel
{
  margin-top: 4px;
  margin-bottom: 4px;
}
#checkoutShipping
{
  float: right;
  width: 300px;
  margin-right: 25px;
}
#checkoutShipping .largeLabel
{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
#checkoutShipping .smallLabel
{
  margin-top: 4px;
  margin-bottom: 4px;
}
#billingAddress
{
  background-color: #4f3a27;
  border-top: solid 2px #36271a;
  border-left: solid 2px #36271a;
  width: 320px;
  padding: 5px;
  color: #FFF; 
  margin-bottom: 10px;
  height: 310px;
}
#billingAddress .nameLabel
{
  clear: both;
  float: left;
  width: 80px;
  margin-bottom: 10px;
}
#billingAddress .nameInput
{
  float: right;
  margin-bottom: 10px;
  width: 220px;
}
#shippingDate
{
  background-color: #4f3a27;
  border-top: solid 2px #36271a;
  border-left: solid 2px #36271a;
  width: 320px;
  padding: 5px;
  color: #FFF; 
  margin-bottom: 10px;
  height: 70px;
}
#shippingDate a
{
  color: #FFF;
  text-decoration: underline;
}
#comments
{
  background-color: #4f3a27;
  border-top: solid 2px #36271a;
  border-left: solid 2px #36271a;
  width: 320px;
  padding: 5px;
  color: #FFF; 
  height: 190px;
}
#shippingAddress
{
  background-color: #4f3a27;
  border-top: solid 2px #36271a;
  border-left: solid 2px #36271a;
  width: 315px;
  padding: 5px;
  color: #FFF; 
  margin-bottom: 10px;
  height: 400px;
}
#shippingAddress .nameLabel
{
  clear: both;
  float: left;
  width: 80px;
  margin-bottom: 10px;
}
#shippingAddress .nameInput
{
  float: right;
  margin-bottom: 10px;
  width: 220px;
}
#addressButtons
{
  width: 330px;
}
#shippingLeft
{
  float: left;
  width: 320px;
  margin-right: 25px;
}
#shippingRight
{
  float: right;
  width: 300px;
  margin-right: 25px;
}
#shippingRight .largeLabel
{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
#shippingOption
{
  background-color: #4f3a27;
  border-top: solid 2px #36271a;
  border-left: solid 2px #36271a;
  width: 315px;
  padding: 5px;
  color: #FFF; 
  margin-bottom: 10px;
  height: 300px;
}
#shippingOption table
{
  width: 100%;
}
#shippingOption td
{
  line-height: 30px;
}
#shippingOption a
{
  color: #FFF;
  text-decoration: none;
}
#shippingButtons
{
  clear: both;
  width: 330px;
}
#shippingChart
{
  clear: both;
  padding-top: 20px;
}
#shippingChart .title
{
  font-weight: bold;
  font-size: 14px;
}
#shippingImage
{
  width: 330px;
  text-align: center;
}
#summary hr
{
  color: #dcdcdc;
  background-color: #dcdcdc;
  border: none;
  height: 1px;
}
#summary .title
{
  font-size: 14px;
  font-weight: bold;
}
#summary .cost
{
  color: #990033;
  font-weight: bold;
}
#summary table
{
  width: 100%;
}
#totals
{
  clear: both;
  text-align: right;
}
#codeInput
{
  height: 20px;
  padding-top: 10px;
}
#paymentLeft
{
  float: left;
  width: 320px;
  margin-right: 25px;
}
#paymentRight
{
  float: right;
  width: 300px;
  margin-right: 25px;
}
#payment .title
{
  font-size: 14px;
  font-weight: bold;
}
#paymentDetails
{
  background-color: #4f3a27;
  border-top: solid 2px #36271a;
  border-left: solid 2px #36271a;
  width: 315px;
  padding: 5px;
  color: #FFF; 
  margin-bottom: 10px;
  height: 220px;
}
#paymentDetails .largeLabel
{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
