/* styles for Red Horse site build */
/* Style: handbuilt by apes        */
/* (c) BDA 2007 bda.co.uk          */


/* -------------------  site wide styles ------------------- */
body {
	margin:				0;
	padding:			0;
	
	font-family:		arial, verdana, sans-serif;
	font-size:			80%;
	
	background:#fff;
	color:#222;
}
* {
	margin:				0;
	padding:			0;
}

/* --------------------- top of the page - STET? ------------ */
#page_utilities {
	width:				776px;
	margin:				10px auto;
}
#search_utility {
	float:				right;
	width:				400px;
	text-align:			right;
}
#page_utilities a#basket_link {
	background:			url(images/icon_basket_16x10.gif) no-repeat right;
	padding:			2px 20px 2px 2px;
	margin:				0 16px 0 0;
	color:				#333;
	font-weight:		bold;
	text-decoration:	none;
}
#page_utilities a#basket_link:hover {
	text-decoration:	underline;
	
}
#search_utility form {
	display:			inline;
}
#search_utility label {
	color:				#444;
	font-weight:		bold;
}
#search_utility input.text {
	border:				1px #666 solid;
	padding:			1px;
}
#crumbtrail {
	margin:				7px 0 0 0;
}
#crumbtrail a {
	color:				#222;
	font-weight:		bold;
	text-decoration:	none;
}


/* ----------------------- masthead details and imagery ------ */
#page_masthead_container {
	height:				123px;
	border-top:6px solid #FF8500;
	border-bottom:6px solid #FF8500;
	background:			#000 url(images/bg_masthead.gif) no-repeat top center;
}

#masthead {
	margin:				0 auto;
	height:				123px;
	width:				776px;
}
#masthead h1 {
	display:			none;
}
#address_details {
	float:				right;
	width:				260px;
	margin:				90px 0 0 0;
}
#address_details p {
	color:				#FF8500;
	text-align:			right;
	font-size:			1.2em;
	font-weight:		bold;
	font-family:		times;
	margin:				3px 0;
}
#address_details p#tel {
	font-size:			1.6em;
}

/* ---------------------- main page construction --------------- */
#container {
	margin:				10px auto 0 auto;
	width:				776px;
	background:			url(images/bg_leftborder-fff.gif) repeat-y;
}

/* --------------------- left shop cat list ------------------- */
#left {
	width:				140px;
	float:				left;
	background-color:	#fff;
}
#left h2 {
	background-color:	#FF8500;
	color:				#000;
	margin:				0;
	padding:			3px;
	font-size:			1.4em;
}

#left ul {
	list-style-type:	none;
	padding:			2px;
}
#left ul li {

}
#left ul li a {
	display:			block;
	padding:			4px;
	text-decoration:	none;
	color:				#222;
	font-weight:		bold;
}
#left ul li ul {
	padding:			0 0 0 10px;
}
#left ul li a:hover {
	background-color:	#eee;
}
#left ul li a.current {
	background-color:	#eee;
}
/* also content for lowerer down ----- */
#left h4 {
	margin:				5px 0;
	color:				#FF8500;
	font-size:			1.2em;
}
#left p {
	color:				#222;
}
/* ------------------- central content reservation ------------ */
#center {
	margin:				0 0 0 141px;
	position:			relative;
}
#main_content {
	margin:				10px 0 0 0;
	background:			url(images/bg_rightborder-fff.gif) repeat-y right;
	position:			relative;
	line-height:		100%;
}
#central_column {
	margin:				20px 140px 0 0;
	padding:			0;
	color:				#222;	
	position:			relative;
}
#central_column h2 {
	font-size:			1.4em;
	color:				#222;
	margin:				0;
	padding:			0 10px;
}
#central_column div.description {
	padding:			5px 10px;
	line-height:		120%;	
}
#central_column div.description p {
	margin:				3px 0 6px 0;
}
#central_column a {
	color:				#FF8500;
	padding:			1px 2px 1px 0;
	text-decoration:	none;
	border:				0;
}
#central_column input.submit {
	margin:				4px;
	padding:			2px;
	background-color:	#fff;
	border:				2px solid #FF8500;
	font-weight:		bold;
	color:				#444;
}
#central_column ul {
	margin:				2px 1px 2px 30px;
	padding:			0;
}
#central_column img.flright {
	float:				right;
	margin:				15px 10px 15px 15px;
}
div.captioner {
	margin:				0 0 15px 0;
	padding:			2px;
	width:				146px;
	font-size:			0.9em;
	background-color:	#ddd;
	color:				#000;
}
/* ------------------- main top navigation menu -------------- */
#main_navigation {
	margin:				3px 0;
}
#main_navigation ul {
	list-style-type:	none;
}
#main_navigation ul li {
	display:			inline;
}
#main_navigation ul li a {
	padding:			0 10px;
	margin:				2px 0;
	background:			url(images/bg_navsep.gif) no-repeat right center;
	color:				#FF8500;
	font-weight:		bold;
	
	text-decoration:	none;
}
#main_navigation ul li a:hover {
	text-decoration:	underline;
}


/* ------------------ brickwork effect for homepage ------------- */
#central_column div.blocker {
	border-bottom:		1px solid #FF8500;		
	line-height:		130%;
	position:			relative;
}
#central_column div.cuthr {
	border-bottom:		0;
}
#central_column div.blocker table {
	padding:			0;
	margin:				0;
}
#central_column div.blocker table td {
	vertical-align:		top;
}
#central_column div.blocker table td.twothirds {
	width:				330px;
}
#central_column div.blocker table td.onethird {
	width:				160px;
}
#central_column div.blocker table td.vr {
	border-right:		1px solid #FF8500;
}
#central_column div.blocker div.block_content {
	margin:				10px;
}
#central_column div.blocker div.block_content strong {
	color:				#222;
}
#central_column div.blocker div.block_content img.right {
	float:				right;
	margin:				15px 0 5px 15px;
}
#central_column div.blocker div.block_content img.left {
	float:				left;
	margin:				0 15px 5px 0;
}
#central_column div.blocker div.block_content a {
	color:				#222;
	font-weight:		bold;
	text-decoration:	none;
	padding:			1px 2px 1px 0;
	margin:				2px 0;
}
#central_column div.blocker div.block_content a:hover {
	text-decoration:	underline;
}


/* other pages ----------------------------------------------------------- */
div.page_content {
	padding:			10px;
	line-height:		130%;
}


/* ------------ category / product page display attributes --------------- */
div.product_range {
	padding:			5px 5px 5px 10px;
	float:				right;
}
div.product_range table.product {
	width:				460px;
	font-size:			12px;
}

div.product_item {
	width:				105px;
	margin:				5px 5px 5px 0;
	height:				165px;
}
div.product_item p {
	font-weight:		bold;
	color:				#222;
	
	margin:				3px 0 6px 3px;
}
div.product_item a {
	color:				#FF8500;
	font-weight:		normal;
}
div.product_item img {
	border:				1px solid #eee;
}




/* ------------ product details page itself --------------------*/
#product_detail_image {
	width:				180px;
	float:				left;
}
#product_detail_image img {
	margin:				0 5px 5px 5px;
	border:				0;
}
#gallery {
	margin:				3px 0;
}
#gallery div.gc {
	background:			url(images/bg_product_item_90.gif) no-repeat top left;
	padding:			2px;
	float:				left;
}
#gallery img {
	height:				65px;
	width:				65px;
	padding:			2px;
	border:				1px solid #eee;
}
#gallery div.gc {
	padding:			2px;
	float:				left;
}
#product_main_info {
	margin:				10px 5px 5px 185px;
	line-height:		120%;
}
#product_main_info h2 {
	font-size:			1.2.em;
	color:				#222;
}
#product_pricing {
	text-align:			right;
	color:				#444;
	margin:				2px 0 10px 0;
	padding:			5px 10px;
}
#product_pricing span.larger {
	font-size:			1.2em;
	font-weight:		bold;
}
#product_detail_image_foot {

}

table.cart_controller {
	width:				280px;
	margin:				10px 0;
}
table.cart_controller td {
	text-align:			right;
	padding:			3px;
}

table.cart_controller td.desc {
	width:				180px;
}

/* feature list */
table.product_features {
	width:				280px;
	margin:				3px 0 20px 0;
}
table.product_features td {
	padding:			2px;
	border-bottom:		1px solid #FF8500;
}
table.product_features thead {
	font-weight:		bolder;
	color:				#222;
}

/* formatting checkout / basket editor  ----------------------- */
.basket {
	padding:			5px 5px 5px 10px;
}
#checkout_table {
	width:					96%;
}
#checkout_table thead {
	font-weight:			bold;
}
#checkout_table td {
	padding:				5px 2px;
	margin:					2px 5px;
}
#checkout_table tr.ul td{
	border-bottom:			1px solid #FF8500;
}

.order_form {
	padding:				5px 5px 5px 10px;
}
.order_form fieldset {
	border:					1px solid #FF8500;
	padding:				5px;
}
.order_form fieldset legend {
	font-size:				1.4em;
	padding:				6px;
}
.order_form fieldset p {
	text-align:				right;
	padding:				1% 20% 1% 0;
}
.order_form fieldset p.instr {
	text-align:				left;
	padding:				5px;
}
.order_form fieldset p input {
	font-size:				1em;
}
.order_form fieldset p label {
	margin:				2px;
	font-weight:		bold;
}

fieldset.contact_form input, fieldset.contact_form textarea {
	border:				2px solid #ddd;
	width:				200px;
}
fieldset.contact_form input.warn, fieldset.contact_form textarea.warn {
	border:				2px solid red;
}

/* ----------- things that affect the right column ------------ */
#right {
	float:				right;
	width:				139px;
	padding:			0;
	color:				#222;
	position:			relative;
	line-height:		120%;
	border-left:		1px solid #FF8500;
}
#right h3 {
	margin:				4px 2px 4px 0;
	color:				#222;
	font-size:			1.2em;
}
#right h3.heading {
	margin:				0;
	background-color:	#FF8500;
	color:				#000;
	font-size:			1.2em;
	padding:			3px 2px;
}
.right_col_mod {
	padding:			0 0 15px 5px;
}
.right_col_mod input {
	width:				110px;
	margin:				3px 0;
}
.right_col_mod input.button {
	border:				0;
	width:				60px;
	color:				#000;
	background-color:	#fff;
}
.right_col_mod label {
	font-size:			0.9em;
}
.right_col_mod p {
	padding:			4px 0;
}

.right_col_mod h4 {
	color:				#FF8500;
	font-size:			1.2em;	
}
div.product_related_item {
	width:				105px;
	margin:				5px 5px 5px 0;
}
div.product_related_item p {
	font-weight:		bold;
	color:				#777;
	
	margin:				3px 0 6px 3px;
}
div.product_related_item a {
	color:				#FF8500;
	font-weight:		normal;
}
#right ul {
	list-style-type:	none;
	padding:			4px 0;
}
#right ul li {
	padding:			0;
	margin:				4px 2px;
}
#right ul li a {
	text-decoration:	none;
	color:				#222;
}
#right ul li a:hover{
	background-color:	#fff;
}
/* ------------------ footer -------------------------------- */
#footstool {
	clear:				both;
	margin:				0;
	padding:			10px 10px 30px 10px;

}
#footer {
	margin:				10px auto 0 auto;
	width:				776px;
	text-align:			center;
	color:#222;
	font-size:0.9em;

}
#footer ul {
	list-style-type:	none;
}
#footer ul li {
	display:			inline;
	margin:				2px 5px;
}
#footer ul li a {
	color:				#222;
	font-weight:		bold;	
}




/* --------------- stylatia generica ------------------------ */
div.clear {
	clear:				both;
}
input, select, textarea {
	font-size:			1em;
	border:				1px solid #444;	
	margin:				2px 1px 3px 1px;
}
input.submit {
	background-color:	#ddd;
	color:				#444;
	font-weight:		bold;
}
input.warn, select.warn, textarea.warn {
	border:			1px solid red;
}
input.short, select.short {
	width:				85px;
}