/* Page Container - wraps around the whole page */

.pagecontainer {
  width: 740px;
  text-align: center;
  margin: 0 auto 0 auto;
}

.align_left {
  text-align: left;
}

/* Logo - top of window, centered */
.logo     { text-align: center; }

.logo img {
  
  padding: 20px 0 0 0;
  margin: 0px auto 0px auto;
}


/* Primary Navigation - layout & styles */
.primarynav {
	color: #660033;
	background-color: #eeeeee;
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.primarynav li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
.primarynav ul {
	text-align:center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
}

.primarynav a:link{
	color: #660033;
	text-decoration: none;
}
.primarynav a:visited{
	color: #660033;
	text-decoration: none;
}
.primarynav a:active{
	color: #000000;
	text-decoration: none;
}
.primarynav a:hover{
	color: #000000;
	text-decoration: underline;
}

.primarynavinner {
	text-align: center;
}

.primarynav .light {

  font-weight: normal;
  font-size: 90%;
}




/* Banner Image - goes between Primary Navigation and Content */
.bannerimage {

  width: 400px;
  height: 154px;
  
  /*background: url(image1.jpg) no-repeat fixed top;*/
  
  margin-bottom: 20px;
}



/* Document Body - common styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px;
	padding: 0px;

}


body input {
  height: 2p;
}

p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 140%;
	font-weight: normal;
	color: #660033;
	border-bottom: 1px solid #999999;
}

h2 {
	border-bottom: 1px solid #999999;
	font-weight: bold;
	font-size: 120%;
  margin-bottom: 10px;
}

h3 {
	font-weight: bold;
	font-size: 110%;
  margin: 0 0 10px 0;
  padding:0;
}

h4 {
	font-weight: bold;
	font-size: 100%;
  margin: 0;
  padding:0;
}

img { 
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

form {
  margin: 0;
  padding: 0;
}

a i {
	font-size: 90%;
}

ul {
  padding: 0;
  margin:0 0 0 10px;
  list-style: square;
  font-size:90%;
}

li {
  padding: 0;
  margin:0 0 0 10px;
  list-style: square;
}


.highlight {

  background-color: #ffffcc;
/*  border: 1px solid #666600;
  padding: 1px;  */
}

.bigger {
  font-size: 125%;
}

.big {
  font-size: 110%;
}

.small {
  font-size: 90%;
}

.smaller {
  font-size: 80%;
}
  
/* Left-hand column - layout */
.left {
	width: 65%;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
}

.leftinner {
	
	padding-right: 30px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}


/* Right-hand column - layout */
.right {
	margin: 0;
	padding: 0px;
	width: 34%;
	float: right;
	background-color: #FFFFFF;
}

.rightinner {
/*	padding-left: 10px;
  padding-right: 20px;
	
  margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
*/
  margin: 0 10px 0 0;
}

.widecontent {
  
  padding: 0 0 0 10px;
  margin: 0 10px 0 10px;
  
}

/* Footer - layout */
.footer {
	clear: both;

  margin: 0 0 0 0;
  padding: 2px 5px 10px 0;
  border-top: 1px solid #666666;
  
  text-align: right;
  
  color: #999999;
}





.content {
	/*width: 620px;*/
	padding: 0 0 15px 0;
}







/* don't think these are used */
.banner {
	background-color: #FFFFFF;
}


.navbar {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}







/* not used? */
.navshadow {

	
	background-image: url(navshadow.png);
	background-repeat: repeat-x;
	margin-bottom: 20px;

}









.leftinner a {

	font-weight: bold;
}

.leftinner a:link {
	color: #660033;
	text-decoration: none;
}

.leftinner a:visited {
	color: #660033;
	text-decoration: none;
}


.leftinner a:active {
	color: #660033;
	text-decoration: none;
}


.leftinner a:hover {
	color: #660033;
	text-decoration: underline;
}


.coloured_heading {

	color: #99CC33;
}

.coloured_body {

  color: #660033;
}

.rightinner a {

	font-weight: bold;
	font-size: 85%;
}

.rightinner a:link {
	color: #660033;
	text-decoration: none;
}

.rightinner a:visited {
	color: #660033;
	text-decoration: none;
}


.rightinner a:active {
	color: #660033;
	text-decoration: none;
}


.rightinner a:hover {
	color: #660033;
	text-decoration: underline;
}

.rightinner ul {

	list-style-type: square;
	padding-left: 0px;
	margin: 18px;
}




/* Don't have a clue what this is for? */
.menubig a:link {
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.menubig a:visited {
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.menubig a:active {
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.menubig a:hover {
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}






/* List - used for displaying a wine or offer in a 'box' */
.list {

	background: #fcfcfc;
	padding: 10px;
	margin-top:    10px;
	margin-bottom: 10px;
	border: 2px solid #e0e0e0;
  font-size: 85%; 
}

.list table {
  font-size: 100%; 
  margin: 1em auto;
}

.list table tr td { padding: 0 5px; }

.listouter {

	background: #f6f6f6;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;

  border: 2px solid #d0d0d0;

}




/* new button style */
.button {
  
  width: 120px;
}

.longbutton {
 
  width: 200px;
  height: 30px;
}
/* old Button style - no longer used, but looks cool - save this off somewhere... */



.button a:link {
	font-size: 100%;
	background: #cccccc;
	color: #000000;
	text-decoration: none;
}

.button a:visited {
	font-size: 100%;
	background: #cccccc;
	color: #000000;
	text-decoration: none;
}

.button a:active {
	font-size: 100%;
	background: #666666;
	color: #ffffff;
	text-decoration: none;
}

.button a:hover {
	font-size: 100%;
	background: #666666;
	color: #ffffff;
	text-decoration: none;
}


/* filter */

.filterRegion, .filterStyle, .filterVintage
{
  font-size: 100%;
}

.filterRegion { width: 200px; }
.filterStyle { width: 60px; }
.filterVintage { width: 60px; }




/* From: table.css */

/* StyleSheet to replace HTML tables */
/* Contains classes for 2 and 3 column designs */

/*
        HTML      ¦           CSS Equivalent
     - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  ¦
      <table>     ¦    <div class="table">  
                  ¦
        <tr>      ¦      <div class="row">
                  ¦
          <td>    ¦        <div class="col1of2">            [*]
          </td>   ¦        </div>
                  ¦
          <td>    ¦        <div class="col2of2">            [*]
          </td>   ¦        </div>
                  ¦
        </tr>     ¦      <div class="endrow"></div></div>
                  ¦
      </table>    ¦    </div>
                  ¦
                  
    [*] Based on 2-column layout - for 3 columns, use classes "col1of3", "col2of3" and "col3of3"

*/


/* Base classes required by all tables */

.table {
  margin: 0; padding: 0; text-align: center; width: auto;
  
  /*border: 1px solid red;*/
}

.row {
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;
}

.whiterow {
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;
  font-size:80%;
  
  border: 1px solid white;  /* Mozilla "bug" */  
}


.endrow {
  clear: both; 
  line-height: 1px;
}







/* left-aligned text */
.col50pc {
  text-align: left;
  float: left; margin: 0; padding: 0; width: 49%;
  /*border: 1px solid #ff0000;*/
}




.col50pcl {
  text-align: left;
  float: left; margin: 0; padding: 0; width: 49%;
  /*border: 1px solid #ff0000;*/
}

.col50pcr {
  text-align: right;
  float: left; margin: 0; padding: 0; width: 49%;
  /*border: 1px solid #ff0000;*/
}


/* Classes required for 2-column layout */

/* left-aligned text */
.col1of2l {
  text-align: left;
  float: left; margin: 0; padding: 0; width: 34%;
  /*border: 1px solid #ff0000;*/
}

.col2of2l {
  text-align: left;
  float: right; margin: 0; padding: 0; width: 65%;
  /*border: 1px solid #ff0000;*/
}

/* centered text */
.col1of2c {
  text-align: center;
  float: left; margin: 0; padding: 0; width: 34%;
  /*border: 1px solid #ff0000;*/
}

.col2of2c {
  text-align: center;
  float: right; margin: 0; padding: 0; width: 65%;
  /*border: 1px solid #ff0000;*/
}

/* right-aligned text */
.col1of2r {
  text-align: right;
  float: left; margin: 0; padding: 0; width: 34%;
  /*border: 1px solid #ff0000;*/
}

.col2of2r {
  text-align: right;
  float: right; margin: 0; padding: 0; width: 65%;
  /*border: 1px solid #ff0000;*/
}


/* Classes required for 3-column layout */
.col1of3 {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
  text-align: left;
}

.col2of3 {
  border: none; float: left; margin: 0; padding: 0; width: 30%;
  text-align: left;
}

.col3of3 {
  border: none; float: right; margin: 0; padding: 0; width: 49%;
  text-align: left;
}


/* wine / basket table */
.col1of3wb {
  border: none; float: left; margin: 0; padding: auto; width: 24%;
  text-align: left;
  border: 1px solid blue;
  
  height: 24px; display: inline; vertical-align: text-bottom; line-height: 24px;
}

.col2of3wb {
  border: none; float: left; margin: 0; padding: auto; width: 50%;
  text-align: center; 
  border: 1px solid blue;
  
  height: 24px;
}

.col3of3wb {
  border: none; float: right; margin: 0; padding: auto; width: 24%;
  text-align: center;
  border: 1px solid blue;
}


.col200px {
  
  /*border: 1px solid black;*/
  float: left;
  width: 200px;
  margin: 0;
  padding: 2px;
  text-align: left;
}





.textbottom {
  display: inline; vertical-align: text-bottom; 
}


/* CMS styles */

.cms_content {
  padding-top: 20px;
}

.cms_left {
  
  margin: 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
  width: 25%;
}

.cms_leftinner {
  
  padding: 0 20px 20px 20px;
}

.cms_right {
  
  margin: 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
  width: 74%;
}

.cms_rightinner {
 
  padding: 0 20px 20px 0;
  
}


.cms_content a {

	font-weight: bold;
	font-size: 85%;
}

.cms_content a:link {
	color: #660033;
	text-decoration: none;
}

.cms_content a:visited {
	color: #660033;
	text-decoration: none;
}


.cms_content a:active {
	color: #660033;
	text-decoration: none;
}


.cms_content a:hover {
	color: #660033;
	text-decoration: underline;
}



/* box for minibasket */
.minibox {
 
  padding: 1px 3px 1px 3px;
  margin: 0 0 3px 0;
  background: #eeeeee;
  border: 1px solid #000000;
}





.wide {
  width: 90%;
}

.rightbig {
  width: 60%;
}

.rightsmall {
  width: 35%; 
}


.gap {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

.medgap {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

.smallgap {
  
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

.tinygap {
  
  margin: 0 0 2px 0;
  padding: 0 0 0 0;
}

.biggap {
  
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
}


.vcenter {
  
  vertical-align: middle;
}

.nogap {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


table, tr, td {
  padding: 0;
  margin: 0;
}

td img {
  display:inline;
}

td input {
  
  vertical-align:auto;
}



/* wine list styles */

.colwine {
  float: left;
  width: 500px;
  text-align:left;
  
/*  border: 1px solid blue; */
}

.colprice {
  float: right;
  width: auto;
  text-align: right;
  
/*  border: 1px solid red; */
padding: 0;
margin: 0;

}

.colpriceinner {
  float: right;
  width: auto;
  text-align: right;
/*  background: #ffffcc; */

}


.colqtybox {
  margin: 0;
  padding: 0;
  float:right;
  width: 40px;
  text-align:right;

/*  border: 1px solid green; */
}

.colbuybutton {
  margin: 0;
  padding: 0;
  float: right;
  width: auto;
  text-align:right;
  
/*  border: 1px solid orange; */
}

.qtybox {
  width: 24px;
}

.buybutton {
  width: 32px;
}

.table img {
  
  display: inline;
}



.colprice2 {
  float: right;
  width:240px;
  text-align: right;
  border: 1px solid black;
  
}




.floatleft {
 
  float: left;
  width: auto;
}

.floatright {
  float: right;
  width: auto;
}

.clearleft {
  clear: left;
  line-height: 1px;
}

.clearright {
  clear: right;
  line-height: 1px;
}

.clearboth {
  clear: both;
  line-height: 1px;
}
  
  

body a {

	font-weight: bold;
}

body a:link {
	color: #660033;
	text-decoration: none;
}

body a:visited {
	color: #660033;
	text-decoration: none;
}


body a:active {
	color: #660033;
	text-decoration: none;
}


body a:hover {
	color: #660033;
	text-decoration: underline;
}


.contactcontainer {

  width: 604px;
}

.contactbox {
    
  float: left;
  width: 300px;
}

.contactbox p {
  
  margin-bottom: 12px;
}



.greybg {
  
  background: #f9f9f9;
  padding: 5px;
  margin: 0 0 10px 0;
}

.greytext {
  
  font-size: 90%;
  color: #666666;
}


.section {
  
  border: 1px solid #000000;
  background: #eeeeee;
  margin: 5px;
  padding: 5px;
}

.section p {
  
  margin: 5px;
  padding: 2px;
}

.offeritem {

  width: 98%;
  background: #dddddd;
  margin: 5px;
  padding: 2px;
}

.offeritem p {
 
  padding: 1px;
  margin: 1px;
  
}





.offericon {

  width: 50px;
  height: 50px;
  border: 1px solid black;
}