/*
-----------------------------------------------
Client: Olympic Horse Feeds
Author: Copious Ltd - www.copious.co.uk
Copyright: 2005 Copious Ltd
Version:  04 Mar 2009
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */

body {
 	background: #FFFFFF;
	color: #333;
	margin: 0;
	padding: 0 0 25px 0;
	font-family: Verdana, sans-serif;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	text-align: center;
	}
	
html>body { /* be nice to Opera */
	font-size: small;
	}
	
	
	
/* Postioning
----------------------------------------------- */

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	line-height: 120%;
	text-align: left;
	width: 745px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 745px;
	}
	
html> #wrapper { /* be nice to Opera */
  	width: 745px;
	} 


	
/* Common Typography
----------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}

h1 { 
	color: #6E433A;
	border-bottom: 1px solid #8F7F68;
	margin: 20px 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 120%; 
	font-weight: bold;
	line-height: 110%;
	}
	
h1 span.lightMe {
	font-style: italic;
	font-size: 90%}
	
h2 {
	color: #6E433A;
	margin: 14px 0 0 0;
	padding: 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
h3 {
	color: #6E433A;
	border-bottom: 1px solid #9F8D75;
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
h4 {
	color: #6E433A;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 90%; 
	font-weight: bold;
	}

	

/* Main Columns
----------------------------------------------- */

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#main-body {clear:left;}
/* End IE5-Mac hack */

#main-body {
	background: #DCD0B8 url(../images/pgbk.jpg) repeat;
	}
#content {
	float: left;
	margin: 0;
	padding: 0 0 0 45px;
	width: 690px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 645px;
	}
	
html> #content { /* be nice to Opera */
	width: 645px;
	}
	
	
	
/* Left Column (Focusbar)
----------------------------------------------- */
	
div.main-col {
	float: left;
	margin: 0;
	padding: 0;
	width: 370px;
	}
	
div.main-col p {
	margin: 0;
	padding: 0 0 10px 10px;
	font-size: 85%;
	}
	
div.main-col p.buy_intro {
	border-bottom: 1px solid #AC9D88;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	font-size: 85%;
	}
	
p.buy_intro span {
	text-decoration: underline;
	}
	
div.main-col p.pricing {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 85%;
	}
	
div.main-col p.pricing span {
	color: #6E433A;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 120%; 
	font-weight: bold;
	text-decoration: underline;
	}
	
div.main-col ul, #sub-col dl {
	margin: 12px 0 12px 12px;
	padding: 0;
	list-style: none;
	font-size: 85%;
	}
	
div.main-col li {
	background: url(../images/tick.gif) no-repeat 0 0px;
	margin: 0 0 10px 0;
	padding: 2px 0 0 24px;
	line-height: 1.6em;
	}
	
.committed {
	float: left;
	background: #DCD0B8 url(../images/tablebottom.jpg) repeat;
	color: #956551;
	border: 1px solid #CAAF91;
	border-bottom: 1px solid #CAAF91;
	margin: 6px 0 16px 0;
	padding: 4px 12px 4px 12px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	font-style: italic; 
	}
	
.endorsed {
	float: left;
	background: #DCD0B8 url(../images/tablebottom.jpg) repeat;
	color: #956551;
	border: 1px solid #8C7B67;
	margin: 12px 0 12px 0;
	padding: 4px 12px 4px 12px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	width: 75%;
	}
	
#team h4 {
	color: #6E433A;
	border-bottom: 1px solid #8F7F68;
	margin: 20px 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 120%; 
	font-weight: bold; 
	}
	
#team h5 {
	color: #6E433A;
	margin: 14px 0 0 0;
	padding: 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
p.testimonials {
	font-style: italic;
}

div.main-col p.outlets {
	padding-top: 6px;
	}
	
p.outlets span {
	color: #6E433A;
	text-decoration: underline;
	}

	
	
/* Right Column (Focusbar)
----------------------------------------------- */
div.sub-col {
	float: left;
	margin: 24px 0 0 0;
	padding: 0 0 0 40px;
	width: 275px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 235px;
	}
	
div.sub-col .word { 
	background: url(../images/word_icon.gif) no-repeat  0 2px; 
	padding: 0 0 0 14px;  
	}
	
html> div.sub-col { /* be nice to Opera */
  	width: 235px;
	} 
	
div.sub-col p {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 82%;
	line-height: 1.2em;
	}
	
div.sub-col ul {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
	font-size: 82%;
	}
	
div.sub-col li {
	background: url(../images/arrow.gif) no-repeat 0 7px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 12px;
	line-height: 1.6em;
	}
	
ul.external {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
	font-size: 82%;
	}
	
ul.external li {
	background: url(../images/arrow-out.gif) no-repeat 0 6px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 14px;
	line-height: 1.6em;
	}
	
p.courtesy {
	color: #7C6F54;
	margin: 0;
	padding: 0;
	font-size: 70%;
	text-align: right;
}

	
	
/* Imagery / Photography
----------------------------------------------- */

img {
	float: left;
	border: 1px solid #7D514E;
	margin: 20px 0 0 0;
	padding: 2px;
	}
	
.topphoto {
	float: left;
	border: 1px solid #7D514E;
	margin: 0;
	padding: 2px;
	}
	
.betalogo{
	float: right;
	border: none;
	margin: 0 10px 0 10px;
	padding: 10px;
	}

.portrait {
	float: right;
	border: 1px solid #7D514E;
	margin: 2px 0 0 15px;
	padding: 2px;
	}
	
.product {
	float: right;
	border: 1px solid #7D514E;
	margin: 2px 0 10px 15px;
	padding: 2px;
	}
	
.buy_graphic  {
	float: left;
	border: 1px solid #7D514E;
	margin: 0 0 20px 0;
	padding: 2px;
	}

	
	/* General linkology
----------------------------------------------- */

a:link, a:visited {
	color: #7C4946;
	font-weight : normal; 
	text-decoration: underline;
	}

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

a:active {
	color: #E63901;
	text-decoration : underline;
	}
	


/* Horizontal Main navigation
----------------------------------------------- */

#navcontainer	{
	background: #DCD0B8 url(../images/navback.jpg) top left no-repeat;
	padding: 0;
	height: 32px;
	}

#navlist {
	}

#navlist ul {
	border: 0;
	clear: left;
	margin: 0;
	padding: 6px 0 0 13px;
	list-style-type: none;
	text-align: center;
	}

#navlist ul li {
	margin: 0 15px;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
	}

#navlist ul li a {
	background: transparent;
	color: #E9DBD0;
	display: block;
	font-size: 90%; 
	font-weight: bold;
	line-height: 20px; 
	text-align: center; 
	text-decoration: none;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	width: 98px;
	}
	
#navlist ul li.home a {
	width: 80px;
	}

#navlist ul li.feedback a {
	width: 150px;
	}
	
#navlist ul li.end a {
	width: 110px;
	}

html>#menu ul li a  {
	font-size: x-small;   
	}
	
#navlist a:hover {
	color: #FFFFFF;
	border-bottom: 6px solid #CFBEA4;
	text-decoration: none;
	}

#navlist a:active2	{
	background: transparent;
	color: #E9DBD0;
	}

	
/* Header
----------------------------------------------- */

#header	{
	background: transparent url(../images/horse-header.jpg) top left no-repeat;
	margin: 0;
	border: 0;
	padding: 0;
	height: 143px;
	}


#headercamel	{
	background: transparent url(../images/camel-header.jpg) top left no-repeat;
	margin: 0;
	border: 0;
	padding: 0;
	height: 143px;
	}
	
#horseleg	{
	background: transparent url(../images/horseleg.jpg) top left no-repeat;
	margin: 0;
	border: 0;
	padding: 0;
	height: 143px;
	}	

#horseleg2	{
	background: transparent url(../images/horseleg2.jpg) top left no-repeat;
	margin: 0;
	border: 0;
	padding: 0;
	height: 143px;
	}	

#header h1, #headercamel h1, #horseleg h1, #horseleg2 h1{
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#header h1 span, #headercamel h1 span, #horseleg h1 span, #horseleg2 h1 span{
	display: none;
	}


	
/* Footer
----------------------------------------------- */

#footer {
	position: relative;
	background: transparent url(../images/footer.jpg) top left no-repeat;
	color: #DCD4BF;
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 90%;
	text-align: center;
	height: 87px;
	}

#footer p {
	margin: 0;
	padding: 10px 0 18px 20px;
	font-size: 70%;
	}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer a {
	color: #DCD4BF;
	font-size: 100%; 
	}



/* Topper
----------------------------------------------- */

div.topper {
	margin: 12px 0 4px 0;
	padding: 4px 0 4px 0;
	clear: both;
	}

div.topper p {
	margin: 0;
	font-size: 80%;
	text-align: left;
	}

div.topper a {
	font-size: 100%;
	}

	
	
	
/* Misc Elements
----------------------------------------------- */

.skiplink {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	
.oldbrowsers, .hide {
	display: none;
	}

.clear {
	clear: both; 
	display: block; 
	margin: 0;
	font-size: 1px; 
	line-height: 1px; 
	height: 1px; /* used for clearing elements */
	} 
	


	
	
/* Form Elements
----------------------------------------------- */

form: {
		margin: 0;
	padding: 0;
}
	
fieldset {
	border: 0;
	margin: 0 0 0 12px;
	padding: 0;
	}

legend {
	display: none;
	}


#form p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 80%;
	}

.formLabel {
	font-size: 85%;
	}
	
.formMessage {
	font-size: 110%;
	}

.row {
	clear: both;
	padding-top: 10px;
	}

.spacer {
	clear: both;
	height: 10px;
	}

.inputfield { 
	border: 1px solid #C5C5BB;
	margin: 0;
	width: 90%;
	}

.inputarea { 
	border: solid 1px #C5C5BB;
	margin: 0;
	width: 90%;
	}

.inputdrop { 
	width: 90%;
	}

.inputsend {
	margin: 0 0 0 12px;
	font-size: 100%;
	}
	
.thanks {
	color: #930E0C;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size: 100%;
	}
	
.sorry {
	color: #B22222;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size: 100%;
	}
	
	
/* Table Elements
----------------------------------------------- */

#tableframe {
	clear: both; 
	float: left;
	width: 100%;
	}
	
#table {
	background: #DED6C3  url(../images/tabletop.jpg) repeat-x fixed top left;
	clear: both; 
	float: left;;
	border-right: 1px solid #8C7B67;
	border-left: 1px solid #8C7B67;
	margin: 20px 0 20px 0;
	padding: 0;
	width: 100%;
	}

table {
	border-top: 1px solid #7D514E;
	border-left: 1px solid #7D514E;
	}

caption {
	color: #6E433A;
	border-top: 1px solid #8C7B67;
	margin: 0;
	padding: 4px 0 4px 10px;
	font-size: 100%; 
	font-weight: bold;
	text-align: left;
	}

th {
	background: #BAA98D;
	text-align: left;
	padding: 2px 5px;
	font-weight: bold;
	text-align: center;
	}

th, td, tr {
	border-right: 1px solid #7D514E;
	border-bottom: 1px solid #7D514E;
	font-size: 90%;
	text-align: center;
	}

tfoot {
	background: #DED6C3 url(../images/tablebot.jpg) repeat-x fixed bottom left;
	color: #6E433A;
	font-size: 90%;
	}
	
tr.stripe {
   background-color: #CEC8B2;
	}
		
tr.measure {
   background-color: #BAA98D;
	}
		
td.foot {
	padding: 4px 10px 4px 10px;
	text-align: right;
	}
	
	
	
/* Price Table Elements
----------------------------------------------- */

div.price_table {
	clear: both;
	background: #DED6C3  url(../images/tabletop.jpg) repeat-x fixed top left;
	margin: 0 0 50px 0;
	padding: 0;
	width: 100%;
	}

div.price_table {
	border-top: 0;
	border-left: 0;
	}

div.price_table caption {
	display: none;
	}

div.price_table th {
	background: #BAA98D;
	text-align: left;
	padding: 0 5px;
	font-weight: bold;
	text-align: center;
	}

div.price_table th, div.price_table td, div.price_table tr {
	border-right: 1px solid #7D514E;
	border-bottom: 1px solid #7D514E;
	font-size: 90%;
	text-align: center;
	}

div.price_table tfoot {
	display: none;
	background: #DED6C3 url(../images/tablebot.jpg) repeat-x fixed bottom left;
	color: #6E433A;
	font-size: 90%;
	}
	
div.price_table tr.stripe {
   background-color: #DED7C6;
	}
	
div.price_table tr.buy {
   background-color: #D6CFBE;
	padding: 6px 0 6px 0;
	}
	
div.price_table tr.buy a {
   color: #BE3001;
	}
	
div.price_table tr.buy span {
  	background: url(../images/buy_info_icon_o.gif) no-repeat  0 1px; 
	padding: 0 0 0 14px;  
	}
		
div.price_table td.foot {
	padding: 0 10px 0 10px;
	text-align: right;
	}