/*
Author:		Daniel Slay
Company:	Subformat
Date:		30/01/2007
Project:	Chilton Equestrian
*/

body		{

background-color:	#A9DBF3;

}


img 		{

border:				0;

}


#container	{

background:			#FFFFFF url(../images/main_bg.gif) repeat-y;
width:				750px;
margin:				0 auto;
border:				1px solid #333333;
font-family:		Verdana, Arial, Helvetica, sans-serif;

}


#headnote	{

background:			#FFFFFF url(../images/head_note_bg.gif) repeat-x;
height:				52px;
border-top:			8px solid #FFFFFF;
border-left:		8px solid #FFFFFF;
border-right:		8px solid #FFFFFF;

}


#headnote p	{

margin-top:			17px;
font-size:			1em;
font-weight:		bold;
text-align:			center;
color:				#0000FF;

}


#header		{

height:				100px;
border-top:			8px solid #FFFFFF;
background:			#66CCFF url(../images/logo.gif) left no-repeat;
border-bottom:		8px solid #FFFFFF;
border-left:		8px solid #FFFFFF;
border-right:		8px solid #FFFFFF;

}


#header ul {
position:			absolute;
padding:   	    	0;
margin:				47px 0 0 535px;
list-style:			inside none none;
z-index:			5;
width: 				120px;

}


#header ul, #header li	{

padding-bottom:		10px;
font-size:			0.9em;

}


#header img	{

float:				right;

}


#navpos	{

margin-left:      	8px;

}


#nav	{

border-bottom:		40px solid #FFFFFF;

}


#nav, #nav ul {  

padding: 	    	0;
margin: 			0;	
list-style: 		none;
line-height: 		1;

}


#nav a {

display: 			block;
background-color:	#66CCFF;
width:				100%;
padding:        	5px 0 5px 0;
font-size:			0.9em;
font-weight:		bold;
color:				#0000FF;
text-decoration:	none;
text-align:			center;

}


#nav li { 

	float: 			left;
	width:			176px;

}

#nav li:hover {background-position: 0 0;}


#nav li ul { 

	position: 		absolute;
	width: 			176px;
	left: 			-999em; 

}


#nav li ul li	{

font-size:			0.8em;

}


#nav li ul li a {

display:			block;

}

#nav li ul li a:hover {	

background-color:	#28B9FF;

}


#nav li ul ul { 

margin: 			-1.3em 0 0 176px;
font-size:			1.3em;
border-left:		4px solid #FFFFFF;

}


#nav li:hover ul ul, #nav li.sfhover ul ul {

left: 				-999em;

}


#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 

left: 				auto;

}


.pad	{

margin-right:   	10px;

}


#leftnav	{

float:				left;
padding-left:   	8px;
width:				201px;

}


#leftnav img	{

float:				left;

}


#leftnav ul, #leftnav li {


padding: 		    0;
margin: 			0;
margin-bottom:		8px;
list-style-type:	none;
list-style-position:inside;

}


#leftnav li {

float:				left;
width:				176px;
text-align:			center;
padding:        	0;

}


#leftnav ul a:link, #leftnav ul a:active, #leftnav ul a:visited	{

display:			block;
background-color:	#66CCFF;
width:				100%;
font-size:			0.9em;
font-weight:		bold;
color:				#0000FF;
padding:        	3px 0 3px 0;
text-decoration:	none;

}

#leftnav ul a:hover	{

background-color:	#28B9FF;
text-decoration:	none;

}


#leftnav p {

margin:				0;
margin-top:    		10px;
width:				176px;
font-size:			0.9em;
text-align:			center;
font-weight:		bold;

}


#content		{

float:				left;
width:				533px;

font-family:		Verdana, Arial, Helvetica, sans-serif;
font-size:			0.8em;

}


#content h1		{

padding:        	0px;
margin:				0px;
font-weight:		bold;
font-size:			1.2em;

}


#content h2		{

margin-bottom:		25px;
background-color:	#66CCFF;
padding:            3px 0 3px 5px;
color:				#0000FF;
font-size:			1em;

}


.cart_bt		{

text-align:			right;
border:				0px;

}


#content h3	{

margin-top:			25px;
width:				527px;
border-bottom:		1px solid #000000;
clear:				both;
padding:            3px 0 3px 5px;
color:				#0000F00;
font-size:			0.9em;

}

.pri_img	{

float:				left;

}


#content img	{

margin:				2px 8px 8px 2px;

}


#add_imgs ul		{

margin:				0;
padding:            0;
list-style:			inside none none;

}


#add_imgs li		{

display:			inline;

}


#content table	{

margin-top:			25px;
clear:				both;

}


.cart_bt	{

float:				right;

}


#content ol li	{

padding-bottom:	    10px;

}


.table_head		{

background-color:	#66CCFF;
padding:            3px 0 3px 5px;
color:				#0000FF;
font-size:			1em;
font-weight:		bold;

}


.table_standard	{	

padding:            3px 0 3px 5px;

}


.table_options	{

font-size:			0.8em;
padding:            0 0 3px 5px;

}


.table_foot	{	

padding:            12px 0 3px 5px;

}



.highlight	{

width:				100%;
margin-bottom:		8px;
background-color:	#FF0000;
color:				#FFFFFF;
text-align:			center;
clear:				both;

}


.highlight p	{

margin:				0;
padding:            0;
padding:            15px;
font-size:			1.2em;

}


.highlight p a:link, .highlight p a:active, .highlight p a:visited	{

color:				#FFFFFF;
border-bottom:		1px solid #FFFFFF;
text-decoration:	none;

} 


.highlight p a:hover	{

border-bottom:		0;
text-align:			none;

}

h4	{

margin:				0;
padding:            15px;
text-align:			left;
font-size:			1.2em;
text-decoration:	underline;
font-weight:		normal;

}


h5	{

padding:        	15px 0 0 0;
margin:				0px;
font-weight:		bold;
font-size:			1.2em;

}

address	{

font-style:			normal;

}


.highlightB	{

width:				100%;
background-color:	#FF0000;
color:				#000000;
text-align:			center;
clear:				both;

}



.highlightB p	{

margin:				0;
padding:            0 15px 15px 15px;
font-size:			1.2em;

}


.highlightB p a:link, .highlightB p a:active, .highlightB p a:visited	{

color:				#000000;
border-bottom:		1px solid #000000;
text-decoration:	none;

} 


.highlightB p a:hover	{

border-bottom:		0;
text-align:			none;

}


.featureLeft	{

float:				left;
width:              250px;
margin-bottom:		25px;
margin-right:		23px;

}


.featureLeft img	{

border:				3px solid #66CCFF;

}


.featureRight	{

float:				left;
width:              250px;
margin-bottom:		25px;

}


.featureRight img	{

border:				3px solid #66CCFF;

}

.featureImg		{

margin:				0;
padding:            0;

}


.featureLeft p, .featureRight p {

font-size:			0.8em;

}


.featureLeft h2, .featureRight h2 {

background-color:	#66CCFF;
width:				250px;
padding:            3px 0 3px 5px;
color:				#0000FF;
font-size:			0.9em;

}


.featureLeft img, .featureRight img {

float:				left;
margin:				2px 8px 2px 2px;

}


.featureInfo		{

width:				250px;
height:				20px;
clear:				both;

}



.featurePrice		{

float:				left;
margin:				2px 0 0 5px;
color:				#0000FF;
font-size:			0.9em;

}


.featureDetails		{

float:				right;
margin:				2px 5px 0 0;
color:				#0000FF;
font-size:			0.9em;

}


.featureDetails a:link, .featureDetails a:active, .featureDetails a:visited {

text-decoration:	underline;
color:				#0000FF;

}


.featureDetails a:hover	{

text-decoration:	none;

}


#footer			{

border-top:			16px solid #FFFFFF;
border-bottom:		8px solid #FFFFFF;
background-color:	#66CCFF;
width:				734px;
margin:         	0 8px 0 8px;
height:				42px;
clear:				both;

}


#footer	p		{

text-align:			center;
margin-top:    		9px;
padding-bottom:     9px;
color:				#0000FF;
font-size:			0.6em;

}


#footer a:link, #footer a:active, #footer a:visited	{

text-decoration:	none;
color:				#0000FF;

}


#footer a:hover	{

text-decoration:	none;
border-bottom:		1px solid #0000FF;

}