/*******************************************Generic styles*****************************************************/


/*This sets the styles to be used in each page*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*This controls the generic position of every cell in the main banner row - each td must have a class of 'banner'*/
.banner{
	padding-left: 10px;
	padding-top: 10px;
    background-image:url(images/border.jpg);
    background-repeat: no-repeat;
}

/*This style controls the layout and positioning of elements within the search box*/
/*NOTE that the table itself (i.e. the nested table) needs to have a style of 'search'*/
.search td {
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-top: 2px;
}

a#homelink {
    display: block;
    height: 0px;
    overflow: hidden;
    background: transparent;
    padding-top: 100px;
    position:absolute;
    top: 0px;
    width: 90px;
}


/*This style will control the largin that seprates the lower images from the sub nav footer*/
/*NB In order for this to work the images have been encased in a table with a class of 'lowerimages' and this is outside of the above mentioned div tag*/
#retail .lowerimages {
	margin-bottom: 10px;
}

/*This generic style ensures there is a margin for all paragraphs within the content div tag*/
#content p {
	margin-left: 10px;
}

/*This generic style ensures that images that appear on the right hand side of the page have a 6px margin seperating them*/
#retail img {
	margin-bottom: 6px;
}

/***************************************logos based on colour*****************************************************/


#maroon .logo {
	height: 99px;
	background-image: url(images/logo_maroon.jpg);
}

#green .logo {
	height: 99px;
	background-image: url(images/logo_green.jpg);
}

#navy .logo {
	height: 99px;
	background-image: url(images/logo_navy.jpg);
}

#grey .logo {
	height: 99px;
	background-image: url(images/logo_grey.jpg);
}

#purple .logo {
	height: 99px;
	background-image: url(images/logo_purple.jpg);
}

#orange .logo {
	height: 99px;
	background-image: url(images/logo_orange.jpg);
}

#blue .logo {
	height: 99px;
	background-image: url(images/logo_blue.jpg);
}




/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/
#retail .opening {
	font-weight: bold;
	color: #795500;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#retail .currency {
	color: #795500;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#retail .shoppingcart{
	color: #795500;
	border: 0px none 0;
}

#retail .speciallinks
{
	margin-left:15px;
	color: #795500;
}

#retail .adjzindex
{
	z-index: 1;
}

/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#retail .navigation {
	background-color: #f9d580;
	height: 40px;
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#retail .navigation a {
	color: #795500;
	text-decoration: none;
	font-size: 16px;
	padding: 10px;
	margin: 10px;
	vertical-align: middle;
}


/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#retail .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #795500;
}

/*this style controls the colour of the links*/
#retail .subnavigation a {
	color: #795500;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#retail .subnavigation a:hover {
	color: #795500;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#retail .subfooter {
	border: 1px solid #795500;
	background-color: #F9D580;
	margin-bottom: 5px;
}
#retail .subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#retail .footer {
	background-color: #795500;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#retail .search {
	border: 1px solid #795500;
	color: #795500;
	margin-bottom: 10px;
}
#retail .search select {
	width: 100%;
	border: 1px solid #795500;
}
#retail .search input {
	width: 100%;
	border: 1px solid #795500;
	color: #795500;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#retail .search .header {
	background-color: #795500;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

#retail .search_list {
	width: 175px;
	color: #795500;
}

#retail .search #colour {
	color: #795500;
}
#retail .search #grape {
	color: #795500;
}

#retail .search #country {
	color: #795500;
}
#retail .search #price {
	color: #795500;
}
#retail .subfooter a {
	color: #795500;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#retail .subfooter a:hover {
	color: #795500;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#retail .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#retail #content h2 {
	font-size: 20px;
	color: #6D4C00;
	margin-top: 20px;
	margin-bottom: 20px;
}

#retail .header1 {
	color: #795500;
	font-weight: bold;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#retail .header2 {
	color: #795500;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 10px;
	font-style:normal;
	font-size: 18px;
	font-weight:bold;
}

#retail .header3 {
	color: #795500;
	font-weight: bold;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#retail .header4{
	color: #795500;
	font-weight: bold;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}


/******************************************************MAROON COLOUR********************************************************************/
/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/

#maroon .opening {
	font-weight: bold;
	color: #a90232;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#maroon .currency {
	color: #a90232;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#maroon .shoppingcart{
	color: #a90232;
	border: 0px none 0;
}


#maroon .commonlink
{
	color: #a90232;
}

#maroon .commonlink a {
	color: #a90232;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#maroon .commonlink a:hover {
	color: #a90232;
	text-decoration: underline;
}

#maroon .speciallinks
{
	margin-left:15px;
	color: #a90232;
}


#maroon .speciallinks a 
{	
	color: #a90232;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#maroon .speciallinks a:hover {
	color: #a90232;
	text-decoration: underline;
}

#maroon .adjzindex {
	z-index: 1;
}


/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#maroon .navigation {
	background-color: #a90232;
	height: 30px;
	vertical-align:middle;	
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#maroon .navigation a 
{	 
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
	 
}

#maroon .navigation a:hover {
	font-size:10px;
	text-decoration: underline;
	padding: 5px;
	margin: 5px;	
}


#maroon .staticmenubgd {
	background-color: #a90232;
	color: #FFFFFF;	
	font-size: 15px;	
}

#maroon .background {
	background-color: #a90232;
}


#maroon .search_list {
	width: 175px;
	color: #a90232;
}

#maroon .header1 {
	color: #a90232;
	font-weight: normal;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#maroon .header2 {
	color: #a90232;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}

#maroon .header3 {
	color: #a90232;
	font-weight: normal;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#maroon .header3value{
	color:Black;
	font-weight: bold;	
	font-size: 16px;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#maroon .header4{
	color: #a90232;
	font-weight: normal;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#maroon .header4value{
	color:Black;
	font-weight: bold;	
	font-size: small;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}


/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#maroon .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #a90232;
}

/*this style controls the colour of the links*/
#maroon .subnavigation a {
	color: #a90232;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#maroon .subnavigation a:hover {
	color: #a90232;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#maroon .subfooter {
	border: none;
	background-color: #a90232;
	margin-bottom: 5px;
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#maroon .footer {
	background-color: #a90232;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#maroon .search {
	border: 1px solid #a90232;
	color: #a90232;
	margin-bottom: 10px;
}
#maroon .search select {
	width: 100%;
	border: 1px solid #a90232;
}
#maroon .search input {
	width: 100%;
	border: 1px solid #a90232;
	color: #a90232;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#maroon .search .header {
	background-color: #a90232;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#maroon .search #colour {
	color: #a90232;
}
#maroon .search #grape {
	color: #a90232;
}
}
#maroon .search #country {
	color: #a90232;
}
}
#maroon .search #price {
	color: #a90232;
}
#maroon .subfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#maroon .subfooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#maroon .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#maroon #content h2 {
	font-size: 20px;
	color: #a90232;
	margin-top: 20px;
	margin-bottom: 20px;
}

/******************************************************green COLOUR********************************************************************/
/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/
#green .opening {
	font-weight: bold;
	color: #677717;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#green .currency {
	color: #677717;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#green .shoppingcart{
	color: #677717;
	border: 0px none 0;
}

#green .commonlink
{
	color: #677717;
}

#green .commonlink a {
	color: #677717;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#green .commonlink a:hover {
	color: #677717;
	text-decoration: underline;
}

#green .speciallinks
{
	margin-left:15px;
	color: #677717;
}

#green .adjzindex {
	z-index: 1;
}

#green .speciallinks a {
	color: #677717;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#green .speciallinks a:hover {
	color: #677717;
	text-decoration: underline;
}


/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#green .navigation {
	background-color: #677717;
	height: 30px;
	vertical-align:middle;	
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#green .navigation a 
{	 
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
	 
}

#green .navigation a:hover {
	font-size:10px;
	text-decoration: underline;
	padding: 5px;
	margin: 5px;	
}


#green .staticmenubgd {
	background-color: #677717;
	color: #FFFFFF;	
	font-size: 15px;	
}

#green .background {
	background-color: #677717;
}


#green .search_list {
	width: 175px;
	color: #677717;
}

#green .header1 {
	color: #677717;
	font-weight: normal;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#green .header2 {
	color: #677717;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}

#green .header3 {
	color: #677717;
	font-weight: normal;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#green .header3value{
	color:Black;
	font-weight: bold;	
	font-size: 16px;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#green .header4{
	color: #677717;
	font-weight: normal;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#green .header4value{
	color:Black;
	font-weight: bold;	
	font-size: small;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#green .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #677717;
}

/*this style controls the colour of the links*/
#green .subnavigation a {
	color: #677717;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#green .subnavigation a:hover {
	color: #677717;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#green .subfooter {
	border: None;
	background-color: #677717;
	margin-bottom: 5px;
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#green .footer {
	background-color: #677717;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#green .search {
	border: 1px solid #677717;
	color: #677717;
	margin-bottom: 10px;
}
#green .search select {
	width: 100%;
	border: 1px solid #677717;
}
#green .search input {
	width: 100%;
	border: 1px solid #677717;
	color: #677717;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#green .search .header {
	background-color: #677717;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#green .search #colour {
	color: #677717;
}
#green .search #grape {
	color: #677717;
}

#green .search #country {
	color: #677717;
}

#green .search #price {
	color: #677717;
}
#green .subfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#green .subfooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#green .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#green #content h2 {
	font-size: 20px;
	color: #677717;
	margin-top: 20px;
	margin-bottom: 20px;
}


/******************************************************navy COLOUR********************************************************************/
/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/
#navy .opening {
	font-weight: bold;
	color: #00446a;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#navy .currency {
	color: #00446a;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#navy .shoppingcart{
	color: #00446a;
	border: 0px none 0;
}

#navy .commonlink
{
	color: #00446a;
}

#navy .commonlink a {
	color: #00446a;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#navy .commonlink a:hover {
	color: #00446a;
	text-decoration: underline;
}

#navy .adjzindex {
	z-index: 1;
}

#navy .speciallinks
{
	margin-left:15px;
	color: #00446a;
}

/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#navy .navigation {
	background-color: #00446a;
	height: 30px;
	vertical-align:middle;	
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#navy .navigation a 
{	 
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
	 
}

#navy .navigation a:hover {
	font-size:10px;
	text-decoration: underline;
	padding: 5px;
	margin: 5px;	
}


/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#navy .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #00446a;
}

/*this style controls the colour of the links*/
#navy .subnavigation a {
	color: #00446a;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#navy .subnavigation a:hover {
	color: #00446a;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#navy .subfooter {
	border: 1px solid #00446a;
	background-color: #00446a;
	margin-bottom: 5px;
}

#navy .subfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#navy .subfooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
	
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#navy .footer {
	background-color: #00446a;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#navy .search {
	border: 1px solid #00446a;
	color: #00446a;
	margin-bottom: 10px;
}
#navy .search select {
	width: 100%;
	border: 1px solid #00446a;
}
#navy .search input {
	width: 100%;
	border: 1px solid #00446a;
	color: #00446a;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#navy .search .header {
	background-color: #00446a;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#navy .search #colour {
	color: #00446a;
}
#navy .search #grape {
	color: #00446a;
}
#navy .search #country {
	color: #00446a;
}
#navy .search #price {
	color: #00446a;
}


/*This style controls the generic colour of the links within the searchbox*/
#navy .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#navy #content h2 {
	font-size: 20px;
	color: #00446a;
	margin-top: 20px;
	margin-bottom: 20px;
}

#navy .staticmenubgd {
	background-color: #00446a;
	color: #FFFFFF;	
	font-size: 15px;	
}

#navy .background {
	background-color: #00446a;
}

#navy .speciallinks a {
	color: #00446a;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#navy .speciallinks a:hover {
	color: #00446a;
	text-decoration: underline;
}

#navy .search_list {
	width: 175px;
	color: #00446a;
}

#navy .header1 {
	color: #00446a;
	font-weight: normal;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#navy .header2 {
	color: #00446a;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}

#navy .header3 {
	color: #00446a;
	font-weight: normal;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#navy .header3value{
	color:Black;
	font-weight: bold;	
	font-size: 16px;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#navy .header4{
	color: #00446a;
	font-weight: normal;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#navy .header4value{
	color:Black;
	font-weight: bold;	
	font-size: small;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}


/******************************************************grey COLOUR********************************************************************/
/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/
#grey .opening {
	font-weight: bold;
	color: #aba095;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#grey .currency {
	color: #aba095;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#grey .shoppingcart{
	color: #aba095;
	border: 0px none 0;
}

#grey .commonlink
{
	color: #aba095;
}

#grey .commonlink a {
	color: #aba095;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#grey .commonlink a:hover {
	color: #aba095;
	text-decoration: underline;
}

#grey .speciallinks
{
	margin-left:15px;
	color: #aba095;
}

#grey .speciallinks a {
	color: #aba095;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#grey .speciallinks a:hover {
	color: #aba095;
	text-decoration: underline;
}

#grey .adjzindex {
	z-index: 1;
}

/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#grey .navigation {
	background-color: #aba095;
	height: 30px;
	vertical-align:middle;	
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#grey .navigation a 
{	 
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
	 
}

#grey .navigation a:hover {
	font-size:10px;
	text-decoration: underline;
	padding: 5px;
	margin: 5px;	
}


#grey .staticmenubgd {
	background-color: #aba095;
	color: #FFFFFF;	
	font-size: 15px;	
}

#grey .background {
	background-color: #aba095;
}


#grey .search_list {
	width: 175px;
	color: #aba095;
}

#grey .header1 {
	color: #aba095;
	font-weight: normal;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#grey .header2 {
	color: #aba095;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}

#grey .header3 {
	color: #aba095;
	font-weight: normal;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#grey .header3value{
	color:Black;
	font-weight: bold;	
	font-size: 16px;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#grey .header4{
	color: #aba095;
	font-weight: normal;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#grey .header4value{
	color:Black;
	font-weight: bold;	
	font-size: small;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#grey .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #aba095;
}

/*this style controls the colour of the links*/
#grey .subnavigation a {
	color: #aba095;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#grey .subnavigation a:hover {
	color: #aba095;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#grey .subfooter {
	border: None;
	background-color: #aba095;
	margin-bottom: 5px;
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#grey .footer {
	background-color: #aba095;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#grey .search {
	border: 1px solid #aba095;
	color: #aba095;
	margin-bottom: 10px;
}
#grey .search select {
	width: 100%;
	border: 1px solid #aba095;
}
#grey .search input {
	width: 100%;
	border: 1px solid #aba095;
	color: #aba095;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#grey .search .header {
	background-color: #aba095;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#grey .search #colour {
	color: #aba095;
}
#grey .search #grape {
	color: #aba095;
}

#grey .search #country {
	color: #aba095;
}
#grey .search #price {
	color: #aba095;
}
#grey .subfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#grey .subfooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#grey .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#grey #content h2 {
	font-size: 20px;
	color: #aba095;
	margin-top: 20px;
	margin-bottom: 20px;
}

/******************************************************purple COLOUR********************************************************************/
/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/
#purple .opening {
	font-weight: bold;
	color: #6c276a;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#purple .currency {
	color: #6c276a;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#purple .shoppingcart{
	color: #6c276a;
	border: 0px none 0;
}

#purple .commonlink
{
	color: #6c276a;
}

#purple .commonlink a {
	color: #6c276a;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#purple .commonlink a:hover {
	color: #6c276a;
	text-decoration: underline;
}

#purple .speciallinks
{
	margin-left:15px;
	color: #6c276a;
}

#purple .speciallinks a {
	color: #6c276a;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#purple .speciallinks a:hover {
	color: #6c276a;
	text-decoration: underline;
}

#purple .adjzindex {
	z-index: 1;
}

/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#purple .navigation {
	background-color: #6c276a;
	height: 30px;
	vertical-align:middle;	
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#purple .navigation a 
{	 
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
	 
}

#purple .navigation a:hover {
	font-size:10px;
	text-decoration: underline;
	padding: 5px;
	margin: 5px;	
}


#purple .staticmenubgd {
	background-color: #6c276a;
	color: #FFFFFF;	
	font-size: 15px;	
}

#purple .background {
	background-color: #6c276a;
}


#purple .search_list {
	width: 175px;
	color: #6c276a;
}

#purple .header1 {
	color: #6c276a;
	font-weight: normal;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#purple .header2 {
	color: #6c276a;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}

#purple .header3 {
	color: #6c276a;
	font-weight: normal;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#purple .header3value{
	color:Black;
	font-weight: bold;	
	font-size: 16px;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#purple .header4{
	color: #6c276a;
	font-weight: normal;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#purple .header4value{
	color:Black;
	font-weight: bold;	
	font-size: small;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#purple .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #6c276a;
}

/*this style controls the colour of the links*/
#purple .subnavigation a {
	color: #6c276a;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#purple .subnavigation a:hover {
	color: #6c276a;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#purple .subfooter {
	border: None;
	background-color: #6c276a;
	margin-bottom: 5px;
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#purple .footer {
	background-color: #6c276a;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#purple .search {
	border: 1px solid #6c276a;
	color: #6c276a;
	margin-bottom: 10px;
}
#purple .search select {
	width: 100%;
	border: 1px solid #6c276a;
}
#purple .search input {
	width: 100%;
	border: 1px solid #6c276a;
	color: #6c276a;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#purple .search .header {
	background-color: #6c276a;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#purple .search #colour {
	color: #6c276a;
}
#purple .search #grape {
	color: #6c276a;
}
}
#purple .search #country {
	color: #6c276a;
}
}
#purple .search #price {
	color: #6c276a;
}
#purple .subfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#purple .subfooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#purple .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#purple #content h2 {
	font-size: 20px;
	color: #6c276a;
	margin-top: 20px;
	margin-bottom: 20px;
}

/******************************************************orange COLOUR********************************************************************/
/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/
#orange .opening {
	font-weight: bold;
	color: #f58026;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#orange .currency {
	color: #f58026;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#orange .shoppingcart{
	color: #f58026;
	border: 0px none 0;
}

#orange .commonlink
{
	color: #f58026;
}

#orange .commonlink a {
	color: #f58026;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#orange .commonlink a:hover {
	color: #f58026;
	text-decoration: underline;
}

#orange .speciallinks
{
	margin-left:15px;
	color: #f58026;
}

#orange .speciallinks a {
	color: #f58026;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#orange .speciallinks a:hover {
	color: #f58026;
	text-decoration: underline;
}

#orange .adjzindex {
	z-index: 1;
}

/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#orange .navigation {
	background-color: #f58026;
	height: 30px;
	vertical-align:middle;	
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#orange .navigation a 
{	 
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
	 
}

#orange .navigation a:hover {
	font-size:10px;
	text-decoration: underline;
	padding: 5px;
	margin: 5px;	
}


#orange .staticmenubgd {
	background-color: #f58026;
	color: #FFFFFF;	
	font-size: 15px;	
}

#orange .background {
	background-color: #f58026;
}


#orange .search_list {
	width: 175px;
	color: #f58026;
}

#orange .header1 {
	color: #f58026;
	font-weight: normal;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#orange .header2 {
	color: #f58026;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}

#orange .header3 {
	color: #f58026;
	font-weight: normal;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#orange .header3value{
	color:Black;
	font-weight: bold;	
	font-size: 16px;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#orange .header4{
	color: #f58026;
	font-weight: normal;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#orange .header4value{
	color:Black;
	font-weight: bold;	
	font-size: small;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}


/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#orange .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #f58026;
}

/*this style controls the colour of the links*/
#orange .subnavigation a {
	color: #f58026;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#orange .subnavigation a:hover {
	color: #f58026;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#orange .subfooter {
	border: None;
	background-color: #f58026;
	margin-bottom: 5px;
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#orange .footer {
	background-color: #f58026;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#orange .search {
	border: 1px solid #f58026;
	color: #f58026;
	margin-bottom: 10px;
}
#orange .search select {
	width: 100%;
	border: 1px solid #f58026;
}
#orange .search input {
	width: 100%;
	border: 1px solid #f58026;
	color: #f58026;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#orange .search .header {
	background-color: #f58026;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#orange .search #colour {
	color: #f58026;
}
#orange .search #grape {
	color: #f58026;
}
#orange .search #country {
	color: #f58026;
}

#orange .search #price {
	color: #f58026;
}
#orange .subfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#orange .subfooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#orange .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#orange #content h2 {
	font-size: 20px;
	color: #f58026;
	margin-top: 20px;
	margin-bottom: 20px;
}

/******************************************************blue COLOUR********************************************************************/
/**************************************styles to control homepage and retail sections****************************/

/*controls text to right of logo can be used to set size, colour, etc - must set the td to a class called 'opening'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'opening'*/
#blue .opening {
	font-weight: bold;
	color: #00b5cb;
}

/*controls text in currency box can be used to set size, colour, etc - must set the td to a class called 'currency'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'currency'*/
#blue .currency {
	color: #00b5cb;
	font-weight: bold;
}

/*controls text in shopping cart box can be used to set size, colour, etc - must set the td to a class called 'shoppincart'*/
/*NOTE there must be a div tag around the contents within the cell with a class of 'shoppingcart'*/
#blue .shoppingcart{
	color: #00b5cb;
	border: 0px none 0;
}

#blue .commonlink
{
	color: #00b5cb;
}

#blue .commonlink a {
	color: #00b5cb;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#blue .commonlink a:hover {
	color: #00b5cb;
	text-decoration: underline;
}


#blue .speciallinks
{
	margin-left:15px;
	color: #00b5cb;
}

#blue .speciallinks a {
	color: #00b5cb;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#blue .speciallinks a:hover {
	color: #00b5cb;
	text-decoration: underline;
}

#blue .adjzindex {
	z-index: 1;
}

/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#blue .navigation {
	background-color: #00b5cb;
	height: 30px;
	vertical-align:middle;		
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#blue .navigation a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
}

#blue .navigation a:hover {
	font-size:10px;
	text-decoration: underline;
	padding: 5px;
	margin: 5px;	
}


/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#blue .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #00b5cb;
}

/*this style controls the colour of the links*/
#blue .subnavigation a {
	color: #00b5cb;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#blue .subnavigation a:hover {
	color: #00b5cb;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#blue .subfooter {
	border: none;
	background-color: #00b5cb;
	margin-bottom: 5px;
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#blue .footer {
	background-color: #00b5cb;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#blue .search {
	border: 1px solid #00b5cb;
	color: #00b5cb;
	margin-bottom: 10px;
}
#blue .search select {
	width: 100%;
	border: 1px solid #00b5cb;
}
#blue .search input {
	width: 100%;
	border: 1px solid #00b5cb;
	color: #00b5cb;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#blue .search .header {
	background-color: #00b5cb;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#blue .search #colour {
	color: #00b5cb;
}
#blue .search #grape {
	color: #00b5cb;
}

#blue .search #country {
	color: #00b5cb;
}

#blue .search #price {
	color: #00b5cb;
}
#blue .subfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#blue .subfooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#blue .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#blue #content h2 {
	font-size: 20px;
	color: #00b5cb;
	margin-top: 20px;
	margin-bottom: 20px;
}

#blue .staticmenubgd {
	background-color: #00b5cb;
	color: #FFFFFF;	
	font-size: 15px;	
}

#blue .background {
	background-color: #00b5cb;
}

#blue .speciallinks a {
	color: #00b5cb;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#blue .speciallinks a:hover {
	color: #00b5cb;
	text-decoration: underline;
}

#blue .search_list {
	width: 175px;
	color: #00b5cb;
}

#blue .header1 {
	color: #00b5cb;
	font-weight: normal;	
	font-size: 20px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#blue .header2 {
	color: #00b5cb;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}

#blue .header3 {
	color: #00b5cb;
	font-weight: normal;	
	font-size: 16px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#blue .header3value{
	color:Black;
	font-weight: bold;	
	font-size: 16px;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#blue .header4{
	color: #00b5cb;
	font-weight: normal;	
	font-size: small;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#blue .header4value{
	color:Black;
	font-weight: bold;	
	font-size: small;
	font-style:italic;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}


/*this style sets the background colour of the main navigation bar*/
/*note that the table cell must be given a class of 'navigation'*/
#retail .navigation 
{
	vertical-align:middle;
	background-color: #f9d580;
	height: 40px;
	text-align:left;
}

/*this style sets th colour of the links within the navigation bar - if required hover and visited properties can ba applied here also*/
#retail .navigation a {
	color: #795500;
	text-decoration: none;
	font-size: 16px;
	padding: 10px;
	margin: 10px;
	vertical-align: middle;
}


/*these styles allow control of the elements below the main nav bar*/
/*note that the table cell must be given a class of 'subnavigation'*/
/*this controls the main settings within this area*/
#retail .subnavigation{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #795500;
    text-align:left;
}

/*this style controls the colour of the links*/
#retail .subnavigation a {
	color: #795500;
	padding: 10px;
	text-decoration: none;
}

/*this style controls the hover effect of the links*/
#retail .subnavigation a:hover {
	color: #795500;
	padding: 10px;
	text-decoration: underline;
}

/*This style controls the sub footer which includes the sub navigation footer*/
#retail .subfooter {
	border: 1px solid #795500;
	background-color: #F9D580;
	margin-bottom: 5px;
}
.subfooter td {
	padding: 5px;
}


/*This style controls the bottom-most footer*/
#retail .footer {
	background-color: #795500;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}

/*The following styles allow specific control of the search box elements that require colour changes*/
#retail .search {
	border: 1px solid #795500;
	color: #795500;
	margin-bottom: 10px;
}
#retail .search select {
	width: 100%;
	border: 1px solid #795500;
}
#retail .search input {
	width: 100%;
	border: 1px solid #795500;
	color: #795500;
}


/*This style controls the headder cell of the search box - the cell must have a class of 'header'*/
#retail .search .header {
	background-color: #795500;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#retail .search #colour {
	color: #795500;
}
#retail .search #grape {
	color: #795500;
}

#retail .search #country {
	color: #795500;
}

#retail .search #price {
	color: #795500;
}
#retail .subfooter a {
	color: #795500;
	text-decoration: none;
	font-size: 14px;
	margin: 5px;
}
#retail .subfooter a:hover {
	color: #795500;
	text-decoration: underline;
	font-size: 14px;
	margin: 5px;
}

/*This style controls the generic colour of the links within the searchbox*/
#retail .search a:hover {
	color: #FF0000;
}

/*This style will set the colour of the headings relevant to the section in which they appear*/
/*NB For this to work the content of the must be wrapped in a div tag with a class of 'content'*/
#retail #content h2 {
	font-size: 20px;
	color: #6D4C00;
	margin-top: 20px;
	margin-bottom: 20px;
}

.nav_bg {
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-x;
}

.nav_bar {
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-x;
}
.search_table {
	border-bottom: 1px solid #BE6BAF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BE6BAF;
	color: #FFFFFF;
}
.lowernav_left_repeat {
	background-image: url(images/lower_nav_left_bg.jpg);
	background-repeat: repeat-y;
}
.lowernav_right {

	background-image: url(images/lower_nav_right_bg.jpg);
	background-repeat: repeat-y;
}
.lower_nav_main_top {
	background-image: url(images/lower_nav_main_top.jpg);
	background-repeat: repeat-x;
}

.highlight_text {
	color: #8F3E81;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;	
}

.top_text {
	color: #9E9C9D;
}
.top_ul {
	list-style-image: url(images/bulletin_point.jpg);
	list-style-type: none;
}
.top_ul li {
	font-size: 12px;
	color: #9E9C9D;
}
h2 {
	color: #BF6CB2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 10px;
	font-style: italic;
}
p {
	margin-left: 20px;
	margin-top: 10px;
}
.search_left_bdr {
	background-image: url(images/search_table_left_bg.jpg);
	background-repeat: repeat-y;
}
.search_top {
	background-color: #B86EA9;
}
.search_text {
	color: #B86EA9;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 3px;
}
.search_text a {
	color: #B86EA9;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 3px;
	text-decoration: none;
}

.placeholdercontainer
{
	OVERFLOW: auto; 
	WIDTH: 200px; 
	HEIGHT: 75px ;
	BORDER-RIGHT: gray 1px solid; 
	BORDER-TOP: gray 1px solid; 
	BORDER-LEFT: gray 1px solid; 
	BORDER-BOTTOM: gray 1px solid;
}