/* 
CSS Document for Archant

Project : London - The Hill
Author:	Adam Collison [adam.collison@soup.co.uk]

Date Created: 07 - Aug - 2006

*/


/* *********************** Generic Styles **************************************** */
/* ******************************************************************************* */

body {
	background:						url(../images/bg_body.gif) 0 0 repeat-x;
}

/* ******************************************************************************* */
/* ************************ End Generic Styles *********************************** */


/* ************************ Callout Column Styles ******************************** */
/* ******************************************************************************* */

#callout_column {
	background:						url(../images/bg_red_dashed.gif) 0 78px repeat-x;
}

#structure.home .ediorial_panel .top_row #callout_column {
	background:						url(../images/bg_red_dashed.gif) 0 18px repeat-x;
}

#structure.home .ediorial_panel .top_row #callout_column div {
	background:						url(../images/bg_dashed.gif) bottom left repeat-x;
}

* html #structure.home .ediorial_panel .top_row #callout_column {
	background:						url(../images/bg_red_dashed.gif) 0 22px repeat-x;
}

#callout_column div {
	background: 					url(../images/bg_dotted_grey.gif) bottom left repeat-x;
	color:							#666;
}

#callout_column div.last {
	background: 					url(../images/bg_dashed.gif) bottom left repeat-x;
	color:							#666;
}

/* ******************************************************************************* */
/* ************************ End Callout Column Styles **************************** */


/* ************************ Content Styles *************************************** */
/* ******************************************************************************* */

.header {
	background:						url(../images/bg_red_dashed.gif) bottom left repeat-x;
}

#content p {
	color:							#666;
}

#content p.lead {
	color:							#000;
	font-size:						110%;
}

#content a {
	color:							#ED1B24;
}

#content a:hover {
	background:						#ED1B24;
	color:							#FFF;
}

#content .altColor,
#content .altColor p {
	color: #000;
	}

/* ******************************************************************************* */
/* ************************ End Content Styles *********************************** */


/* ************************ Galllery Styles ************************************** */
/* ******************************************************************************* */

.gallery_block {
	background:						url(../images/bg_dotted_grey.gif) bottom left repeat-x;
}

.gallery_last {
	background:						none;
}

/* ******************************************************************************* */
/* ************************ End Gallery Styles *********************************** */


/* ************************ Navigation Styles ************************************ */
/* ******************************************************************************* */

#nav {
	background:						url(../images/bg_dashed.gif) bottom left repeat-x;
}

#nav ul  {
	background:						url(../images/bg_dashed.gif) top left repeat-x;
}

#nav ul li a {
	background:						url(../images/bg_nav_li_a.gif) top right repeat-x;
	color:							#000;
}

#nav ul li.first a {
	background:						url(../images/bg_nav_li_a_first.gif) top right repeat-x;
	border-top:						2px solid #fff;
}

#nav ul li.selected a , #nav ul li a:hover {
	background:						#ED1B24 url(../images/bg_nav_li_a_selected.gif) top right no-repeat;
	color:							#fff;
}

#nav ul li.selected ul {
	background:						none;
}

#nav ul li.selected ul li a {
	background:						none;
	color:							#000;
}

#nav ul li.selected ul li a:hover, #nav ul li.selected ul li.selected a {
	color:							#ED1B24;
	background:						url(../images/bg_nav_li_li_a_selected.gif) 0 50% no-repeat;
}

#nav ul li.selected ul li.selected ul li a {
	color: #000;
	background: url('../images/bg_nav_li_li__li_a_selected.gif') left center no-repeat;
}

/* ******************************************************************************* */
/* ************************ End Navigation Styles ******************************** */


/* ************************ Footer Styles **************************************** */
/* ******************************************************************************* */

#footer {
	background:						url(../images/bg_dotted_grey.gif) 0 0 repeat-x;
}
/* IE 6 and 7 hasLayout fixes */
* html #footer {
	height: 						1%;
	}
*+html #footer {
	height: 						1%;
	}

#footer p {
	background:						url(../images/bg_dotted_grey.gif) bottom left repeat-x;
}

#footer p a {
	color:							#000;
	text-decoration:				none;
}

#footer p a:hover {
	color:							#fff;
	background:						#666;
}

#footer p.copy {
	background:						#ED1C24;
	color:							#fff;
}

#footer ul li a {
	color:							#fff;
}

#footer ul li a:hover {
	background:						#fff;
	color:							#666;
}

/* ******************************************************************************* */
/* ************************ End Footer Styles ************************************ */


/* ************************ Misc Styles ****************************************** */
/* ******************************************************************************* */

.underline {
	background:						url(../images/bg_dotted_grey.gif) bottom left repeat-x;
	padding-bottom:					0.6em;
}

.dashed {
	background:						url(../images/bg_dashed.gif) bottom left repeat-x;
	padding-bottom:					2px;
}

/* ******************************************************************************* */
/* ************************ End Misc Styles ************************************** */


/* ************************ Link Treatment Styles ******************************** */
/* ******************************************************************************* */

a.hover {
	text-decoration: none;
	}

a.hover img {
	visibility:					hidden!important;
}


a.btn_read_more {
	display:					block;
	background:					url(../images/btn_read_more.gif) 0 0 no-repeat;
	width:						76px;
}

a:hover.btn_read_more {
	background:					url(../images/btn_read_more_f2.gif) 0 0 no-repeat!important;
}

a.btn_back {
	display:					block;
	background:					url(../images/btn_back.gif) 0 0 no-repeat;
	width:						45px;
}

a:hover.btn_back {
	background:					url(../images/btn_back_f2.gif) 0 0 no-repeat!important;
}


a.btn_view_product {
	display:					block;
	background:					url(../images/btn_view_product.gif) 0 0 no-repeat;
	width:						95px;
}

#content a.btn_view_product:hover {
	background:					url(../images/btn_view_product_f2.gif) 0 0 no-repeat;
}


a.btn_mag_subs {
	display:					block;
	background:					url(../images/btn_magazine_subscription.gif) 0 0 no-repeat;
	width:						162px;
}

a:hover.btn_mag_subs {
	background:					url(../images/btn_magazine_subscription_f2.gif) 0 0 no-repeat!important;
}


a.btn_digi_subs {
	display:					block;
	background:					url(../images/btn_digital_subscription.gif) 0 0 no-repeat;
	width:						162px;
}

a:hover.btn_digi_subs {
	background:					url(../images/btn_digital_subscription_f2.gif) 0 0 no-repeat!important;
}

/* ************************ End Link Treatment Styles **************************** */
/* ******************************************************************************* */




/* ************************ Homepage Styles ************************************** */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* These Styles are used to overwrite the above styles and to format the alternate */
/* Structure used in the hompage only                                              */


/* ************************ TopRow Styles **************************************** */
/* ******************************************************************************* */

#structure.home .ediorial_panel .top_row h2 span {
	color:							#666;
}

#structure.home .ediorial_panel .top_row #callout_column p {
	color:							#666;
}

#structure.home .ediorial_panel .top_row #callout_column p.right {
	background:						#fff;
	padding-left:					10px;
}

#structure.home .ediorial_panel .top_row #callout_column div.links {
	background:						url(../images/bg_dashed.gif) bottom left repeat-x;
}

#structure.home .ediorial_panel .top_row #callout_column div.links p {
	background:						none;
}

#structure.home .ediorial_panel .top_row #callout_column p strong {
	color:							#333;
}

/* ******************************************************************************* */
/* ************************ End TopRow Styles ************************************ */


/* ************************ MiddleRow Styles ************************************* */
/* ******************************************************************************* */

#structure.home .ediorial_panel .middle_row p,
#structure.home .ediorial_panel .bottom_row p {
	color:							#666;
}

#structure.home .ediorial_panel .bottom_row .feature {
	background:						url(../images/bg_red_dashed.gif) top left repeat-x;
}

/* ******************************************************************************* */
/* ************************ End MiddleRow Styles ********************************* */

/* Search Styles */
#content .resultsPageLinks a:link, #content .resultsPageLinks a:active {
	color:							#000;
	}

#content .resultsPageLinks a:hover {
	color:							#b10000;
	background:						white;
}

#content .resultsPageLinks a.selected {
	color:							#b10000;
}
	
#content a.btn_next_page {
	background:						url(../images/btn_next_page.gif) 0 0 no-repeat;
	width:							73px;
}

#content a:hover.btn_next_page {
	background:						url(../images/btn_next_page_f2.gif) 0 0 no-repeat;
}	

#content a.btn_prev_page {
	background:						url(../images/btn_prev_page.gif) 0 0 no-repeat;
	width:							99px;
}

#content a:hover.btn_prev_page {
	background:						url(../images/btn_prev_page_f2.gif) 0 0 no-repeat;
}

#content a.btn_search {
	background:						url(../images/btn_search.gif) 0 0 no-repeat;
	width:							55px;
}

#content a:hover.btn_search {
	background:						url(../images/btn_search_f2.gif) 0 0 no-repeat;
}