body
{
  font: 67.5%/1.6em arial, Verdana, "Lucida Sans Unicode";
  background: #efefef;
  margin: 0;
  padding: 0;
  color: #4d4d4d;
  text-align: center;
}

body#popup { text-align: left; background: #fff; padding: 20px; }

.aright { text-align: right; }
a img { border: 0; }
.error { color: red; }

table { border: none; border-collapse: collapse; }
table td { border: 0; }
form { padding: 0px; margin: 0px; }

dd { padding: 0px; margin: 0px 0px 10px 0px; }

h1 { 
font-size: 2.7em; 
margin-top: 0px;
line-height: 1.1em; }

h1, h2, h3, h4 {
font-weight: normal; 
}

h2 { 
margin: 0 0px 0.5em 0px; 
font-size: 1.9em; 
line-height: 1.1em;
}

h3 { 
margin: 0 0px 0.5em 0px; 
font-size: 1.7em; 
line-height: 1.1em;
}

h4 { 
margin: 0 0px 0.5em 0px; 
font-size: 1.2em; 
}

h5 { 
margin: 0 0px 0.5em 0px; 
font-size: 1.7em; 
line-height: 1.1em;
color: #9a7eac;
}

p.purple { color: #9a7eac; }
p#breadcrumbs { margin-top: 0; }

a { 
color: #9a7eac; 
text-decoration: underline;
}

a:hover { 
color: #9a7eac; 
text-decoration: none;
}

h3 a { color: #231f20; text-decoration: none; }

#wrapper { background: #ffffff url(/images/purple-top.gif) repeat-x top left; padding-bottom: 20px; }
#container { width: 920px; margin: 0 auto; position: relative; text-align: left; }

#header {
  height: 49px;
  text-align: right;
  color: white;
  line-height: 55px;
  font-size: 1.6em;
  text-transform: uppercase;
}

#logo { position: absolute; top: 70px; left: 0px; }
#logo a { border: 0; }

#search
{
  position: absolute;
  top: 49px;
  right: 0;
  width: 335px;
  height: 30px;
  padding: 10px;
  background-color: #dfdfdf;
  line-height: 30px;
}
#search span { font-size: 1.4em; text-transform: uppercase; color: #000; vertical-align: middle; }
#search input {
  height: 25px;
  padding: 0;
  border: 0;
  font-size: 1.2em;
  width: 210px;
  vertical-align: middle;
  margin-left: 10px;
}
#search input.search {
  width: 40px;
  text-transform: uppercase;
  border: 0;
  background: none;
  font-size: 1.4em;
  padding: 0;
  margin: 0;
  color: #000;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  vertical-align: middle;
  font-weight: bold;
}

#site-links { width: 355px; position: absolute; top: 105px; right: 0px; }
#site-links ul { overflow: hidden; list-style: none; margin: 0; padding: 0; }
#site-links li { float: right; }

#inner-wrapper { overflow: hidden; padding-top: 100px; min-height: 300px; }

#navigation { width: 160px; float: left; margin-left: 30px; padding-top: 15px; font-weight: bold; }
#navigation ul { list-style: none; padding: 0; margin: 0; }
#navigation li {  }
#navigation a, #navigation a:visited { color: black; text-decoration: none; }
#navigation a.current { color: #9a7eac; }
#navigation a:hover {  color: #9a7eac;}

#navigation ul ul { padding-left: 20px; display: none; }
#navigation ul li.active ul { display: block; }

#content { width: 500px; float: left; padding-left: 10px; }

#sidebar { margin-left: 740px;  }
#sidebar .panel { padding: 10px 0; border-bottom: 2px solid #efefef; margin-bottom: 10px; width: 170px; overflow: hidden; }
#sidebar .panel img { margin-bottom: 5px; }
#sidebar .panel p { margin-bottom: 0px; }

#footer { width: 900px; margin: 20px auto 0px auto; padding-bottom: 20px; overflow: hidden; }
#footer ul { width: 450px; list-style: none; padding: 0; float: left; }
#footer li { float: left; color: #999999; font-size: 0.9em; }
#footer li a, #footer li a:visited { color: #999999; text-decoration: none; }
#footer li a:hover, #footer li a:active { color: #9a7eac; text-decoration: underline; }
#footer div { text-align: right; margin-left: 450px; color: #999999;}
#footer div p { margin: 0; padding: 0; }


.wotm { overflow: hidden; }
.wotm img { float: left; }
.wotm div { margin-left: 55px; }

/* News and Events */
.news-article
{
padding-bottom: 10px;
}

.event{
padding-bottom: 10px;
}

/* Homepage Specific */
.home-panel { border-top: 2px solid #efefef; padding: 20px 0; overflow: hidden; }
#home-image { position: absolute; top: 49px; left: 225px; }
#home-image p { margin: 0; padding: 0; }
#home-content { margin-left: 565px; height: 340px; }
#home-content p { margin-top: 0px; }
.wine-pair { float: left; width: 250px; overflow: hidden; }
.wine-pair .wine { float: left; width: 110px; margin-right: 10px; }
.wine-pair .wine strong { font-weight: normal; color: #4c4c4c; }
.wine-pair h3 { color: #9a7eac; text-transform: none; margin: 0px 0px 10px 0px; }
#home-bottom .newsletter { float: left; width: 165px; margin-left: 23px; }
#home-bottom .news { margin-left: 710px; }
#home-bottom .news ul { margin: 0; padding: 0; list-style: none; }
#home-bottom .news li { margin-bottom: 10px; }
#home-bottom { padding: 20px 15px 0px 40px; border-top: 2px solid #efefef; overflow: hidden; }
#home-advert { border-top: 2px solid #efefef; padding: 20px 0px 0px 40px; }
#home-advert p { padding: 0px; margin: 0px; }

.fine-wines-link 
{
float:left;
width: 200px;
margin-right: 30px;
}


/* Browsing a category */
#category-products { border-top: 1px solid #efefef; }
.category-product { overflow: hidden; border-bottom: 2px solid #efefef; padding: 10px 0; width: 100%; }
.category-product .bottle-price { float: left; width: 175px; font-size: 110%; }
.category-product .case-price { margin: 0px 0px 0px 175px; font-size: 110%; }
.category-product .was { color: #808080; }
.category-product .offer { color: #ed1c24; }
.category-product .add-to-basket { float: right; }
.category-product img { margin-right: 20px; }
.category-product p.introduction { margin: 0px 0px 10px 0px; padding: 0px; }
.product-list-name { font-size: 15pt; line-height: 16pt; }
#category-filters
  {
  padding: 15px 10px 5px 15px;
  background: #9a7eac;
  color: white;
  margin-bottom: 20px; 
  }
#category-filters h2 { text-transform: uppercase; }
#category-filters select { width: 210px; margin: 0px 20px 10px 0px; }

/* Viewing a product */
#product { margin-left: 200px;}
#product-details { margin: 0px 240px 0px 130px; }
#product-stock { font-weight: bold; }
.stock { color: #39b54a; font-weight: normal; }
.no-stock { color: #ed1c24; font-weight: normal; }
#product-basket-controls { float: right; width: 170px; background-color: #e6e6e6; padding: 15px; color: #000; }
#product-basket-controls .name { text-transform: uppercase; font-size: 17pt; margin-bottom: 12px; }
#product-basket-controls .price {  color: #9a7eac; font-weight: bold; font-size: 20pt; }
#product-basket-controls .quantity { font-size: 13pt; margin: 10px 0px; line-height: 25px; }
#product-basket-controls .quantity-input { padding-top: 5px; height: 20px; width: 30px; border: 0; text-align: center; }
#product-basket-controls img, #product-basket-controls input { vertical-align: middle; }
#product-basket-controls hr { margin: 15px 0px; border: 0px; border-top: 2px solid #cccccc; }

/* basket page */
#basket { width: 500px; }
#basket .row td { border-top: 1px solid #e0e0e0; }
#basket td { padding: 5px; }
#basket thead td { font-weight: bold; color: #4c4c4c; }
#basket tbody, #basket thead, #basket tfoot { border-bottom: 2px solid #e0e0e0; }
#basket td.remove a, #basket td.remove a:visited { color: #c1272d; text-decoration: none; }
#basket td.remove a:hover, #basket td.remove a:active { text-decoration: underline; } 
#basket tfoot td.amount { color: #c1272d; }
#basket .quantity-input { border: 2px solid #e0e0e0; text-align: center; }
#basket-buttons { text-align: right; margin: 15px 65px 0px 0px; line-height: 20px; width: 250px; float: right; }
#basket-delivery { margin-right: 300px; margin-top: 15px; }
#basket-delivery h3 { margin-bottom: 3px; }
#basket-footer { overflow: hidden; margin-bottom: 20px; }

/* account login/registration */
#register-existing { float: left; width: 190px; }
#register-new { margin-left: 210px; padding-left: 20px; border-left: 1px solid #eee; }

.form-errors { color: red; font-weight: bold; }