/*
	HONEYCOMB - Front End CSS Sheet
	=============
	(c) Greenhouse Creative 2006
	17/1/2007
	Written by: Paul Gregory
	Edited by: Paul G
	For: Italian Furniture Co. (Leeds)
*/

/* PAGE STYLES */
body	{
	background-image: url('/images/tile.jpg');
	margin: 0;
}

#wrapper {
	background-color: #FFFFFF; /* The colour of the background to the page content */
	width: 800px; /* All template sites should be kept at 760px wide */
	border: 1px solid #01533c; /* Border that surrouds all the content, header and footer */
	border-top: none;
	font-size: 0.8em; /* The default font size for text within the page content */
    font-family: Verdana, Arial, Helvetica, sans-serif; /* Fonts to use in order of preference */
	overflow: hidden; /* This setting prevents anything that happens to overflow the page edges from being shown */
	margin: 0px auto; /* This centers the page in the middle of the browser window; use ' margin: 15px 0 0 15px; ' to put it on the left */
	color: #121212;
}

/* LINKS IN THE TEXT */
a, a:link, a:visited {
	color: #377665; /* Colour/style of link before clicking or hovering over it */
	text-decoration: none; /* underline/none */
	font-weight: bold;
}
a:hover, a:active {
	color: #377665; /* Colour/style of link when hovering or clicking */
	text-decoration: underline; /* underline/none */
}

/* HEADER */
#top_banner {
	background-image: url('/images/top_banner.jpg'); /* The banner jpeg - just upload an image with this name */
	background-repeat: no-repeat;
	background-color: white;
	padding: 0;
	margin: 0;
	width: 800px;
	padding-top: 141px; /* this value determines whether the nav overlaps the banner */
						/* set the padding-top to the height of the pic to prevent overlapping or less to bring the menu up and over the banner */
}

#top_banner_flash {
	background-image: url('/images/top_banner.jpg');
	background-repeat: no-repeat;
	background-color: white;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 141px;
}

/* MAIN NAVIGATION MENU */
div#nav {
	color: #a6a6a6; /* colour of the menu item seperators */
	border-bottom: 1px solid #ffffff;
	background-color: #226a56; /* colour of the menu background - remove this line if the menu overlaps the banner*/
	height: 30px;
	padding-left: 15px;
	width: 100%;
}

div#nav ul { /* leave these settings */
	margin: 0px;
	padding: 0px;
}

div#nav li { /* leave these settings */
	float: left;
	display: block;
	list-style-type: none;
}

div#nav li a { 
	color: #ffffff; /* colour of the menu item links when not clicked or hovered over */
	background-color: #00543D;
	text-decoration: none; /* underline / none */
	font-weight: normal;
	display: block;
	padding: 8px 8px 8px 8px;
	font-size: 0.85em;
}

div#nav li a:hover{
	color: #ffffff;
	background-color: #467F6E;
	text-decoration: none; /* underline / none */
}

div#nav li a#current { /* styles for the link to the page that is currently being viewed */
	color: #FFFFFF;
	text-decoration: none;
	background-color: #467f6e;
}

div#nav li a#current:hover { /* styles for the link to the page that is currently being viewed and hovered over */
}

/* SECONDARY NAVIGATION MENU */
/* applies only to sites that have subpages */
div#nav2 {
	color: #a6a6a6; /* colour of the menu item seperators */
	font-size: 0.9em; /* sub navigation font size */
	padding: 7px 0 7px 30px; /* top padding, right padding, bottom padding, left padding */
	background-color: #ffffff; /* sub navigation background colour */
	border-bottom: 1px solid #a6a6a6; /* remove this line to get rid of the line under the sub navigation */
}

div#nav2 ul { /* leave these settings */
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

div#nav2 li { /* leave these settings */
	display: inline;
}

/* refer to the main nav settings */
div#nav2 li a {
	color: #5c5c5c;
	text-decoration: none;
}

div#nav2 li a:hover{
	color: #f46f00;
	text-decoration: none;
}

div#nav2 li a#current2 {
	color: #f46f00;
	font-weight: bold;	
	text-decoration: none;
}

div#nav2 li a#current2:hover{
	font-weight: bold;
	text-decoration: underline;
}

/* BREAD CRUMB TRAIL */
div#crumb {
	font-size: 0.8em; /* crumb text size */
	padding: 7px 30px 7px 30px; /* top padding, right padding, bottom padding, left padding */
	margin: 0 0 5px 0; /* top margin, right margin, bottom margin, left margin */
	width: 100%;
	clear: both;
}

div#crumb ul { /* leave these settings */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#crumb ul li { /* leave these settings */
	display: inline;
}

div#crumb li a {
	text-decoration: underline; /* underline / none */
}

div#crumb li a:hover{
	text-decoration: none; /* underline / none */
}

div#crumb .crumb_seperator {
	color: #467f6e; /* colour of the crumb seperator */
}

/* TEXT HEADINGS */
h1, h2, h3, h4, h5 {
	color: #01533C; /* colour of all headings used */
	margin: 0 0 10px 0; /* default margins for headers */
	clear: both; /* this stops things trying to float to the side of headers */
	font-family: Times New Roman, Times, Serif;
	font-weight: normal;
}

h1 {
	font-size: 2em; /* text size of the main headers */
	margin-left: 30px; /* this value keeps the header in line with the left side of the text */
	padding-top: 10px; /* this value keeps the main header away from the crumb and nav */
	clear: none; /* this is important */
}

h2 {
	font-size: 1.7em; /* text size of the secondary headers */
}

h3 {
	font-size: 1.5em; /* text size of the third level headings */
	margin-bottom: 6px; /* adjust the gap below this heading */
	margin-top: 5px;
}

h4 {
	font-size: 1em; /* text size of the fourth level headings */
	margin-bottom: 15px; /* adjust the gap below this heading */
}

/* CONTENT STYLES */
p {
	margin: 0 0 15px 0; /* top margin, right margin, bottom margin, left margin */
						/* determines how much space to leave between paragraphs */
}

a img {
	border: none;	/* this stops images that are links from developing horrible blue borders */
}

/*
   use text for single column layout and
	text_left & text_right for two columns
*/

div#text, div#text_left, div#text_right {
	line-height: 1.8em; /* this value adjusts the gap between each line of text */
	color: #000000; /* set the colour for the main content of the site */
}

div#text {
	padding: 0 30px 20px 30px; /* top padding, right padding, bottom padding, left padding */
							   /* this determines the gap around the text */
}

div#text_left {
	float: left; /* leave this setting */
	padding: 0 0 20px 30px; /* top padding, right padding, bottom padding, left padding */
	width: 330px; /* width of the column */
}

div#text_right {
	float: left; /* leave this setting */
	padding: 0 0 20px 35px; /* top padding, right padding, bottom padding, left padding */
	width: 330px; /* width of the column */
}

#text ol li, #text_left ol li, #text_right ol li {
	margin-bottom: 15px;
}

/* FOOTER */

div#footer a { /* style the links in footer */
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

div#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

div#footer {
	color : #ffffff; /* text colour for the footer */
	font-size: 0.8em; /* footer text size */
	background-color: #226a56; /* footer background colour */
	padding: 8px 30px 8px 23px; /* top padding, right padding, bottom padding, left padding */
	clear: both; /* leave this in to avoid almost certain disaster */
}

div#footer ul { /* leave these settings */
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

div#footer ul li { /* leave these settings */ 
	display: inline;
}

div#sitemap {
	float: right; /* set this to make the buttons for sitemap and accessibility live in the bottom right */
	text-align: right; /* as above */
	width: 223px; /* this shouldnt need changing */
}

div#sitemap ul { /* leave these settings */ 
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

div#sitemap ul li { /* leave these settings */ 
	display: inline;
}

div#address { /* these styles set how the clients address in the bottom left appears */
	font-size: 0.8em;
	padding: 5px 30px 9px 30px; /* top padding, right padding, bottom padding, left padding */
	color: #5c5c5c; /* text colour of the address */
	clear: both; /* leave in to avoid the previously mentioned peril */
	/* if you really dont want to display this address remove the above and insert- " display: none; " */
	display: none;
}

div#address span.address-seperator {
	color: #ff9000; /* colour of the bullet between the address segments */
}

/* GREENHOUSE FOOTER */
div#greenhouse {
	font-size: 7.5pt;
	text-align: center; /* alignment of the text within the bar */
	padding: 10px 0 7px 0; /* top padding, right padding, bottom padding, left padding */
	color: #01533c; /* text colour */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Fonts to use in order of preference */
}

div#greenhouse a {
	font-weight: normal;
	text-decoration: underline; /* underline / none */
}

div#greenhouse a:hover{
	text-decoration: none; /* underline / none */
}

/* LISTS */
/* sitemap listing */
ul#sitemap_list {
	margin: 0 0 15px 15px;
	padding: 0;
}	

ul#sitemap_list li {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

ul#sitemap_list li ul {
	margin: 0;
	padding: 0 0 0 5px;
}

ul#sitemap_list li ul li {
	list-style-type: square;
	margin: 0;
	padding: 0;
}

ul#sitemap_list li ul li ul {
	margin: 0 0 3px 12px;
	padding: 0;
}

ul#sitemap_list li ul li ul li {
	list-style-type: circle;
	margin: 0;
	padding: 0;
}

ul#sitemap_list .level2 {
	margin-left: 20px;
}

/* all other lists */
ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}

ul li {
	list-style-type: square; /* change this to a blob or circle etc if the page style dictates */
	margin: 0;
	padding: 0;
}

/* PAGE NUMBERING */
/* Page Numbering is only applicable to sites with the news feeds */
p.page-numbering {
	margin: 0 0 20px 0; /* position the div that contains the numbering and buttons */
}

p.page-numbering span { /* the bit that says 'Page X of Y' */
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #eeeeed;
	border-right: 1px solid #eeeeed;
	border-top: 1px solid #5c5c5c;
	border-left: 1px solid #5c5c5c;
}

p.page-numbering a, p.page-numbering a:link { /* links that look like buttons for navigating the pages */
	padding: 2px 6px 2px 6px;
	border-top: 1px solid #eeeeed;
	border-left: 1px solid #eeeeed;
	border-bottom: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c;
	text-decoration: none !important; /* '!important' means that this line overrides any other style applied to this element */
}

p.page-numbering a:hover {
	text-decoration: none;
	background-color: #5c5c5c;
	color: #FFFFFF !important;
}

/* NEWS ARTICLES */
/* these styles only apply to sites with news feeds */
div.article {
	margin: 0 0 20px 0; /* spacing around each article in the article list */
	border-bottom: 1px solid #eaeaea; /* specify any border around an article */
}

div.article-content {
	margin: 0 0 10px 0; /* spacing around the text that pushes it in from the edge of the article */
}

div.article-summary {
	font-style: italic; /* style the summary text for each article */
}

div.article h2 {
	margin: 0 0 3px 0; /* positioning of the header on an article */
				/* this header will inherit other styles from the ordinary H" */
}

div.article-date {
	font-size: 10px; /* style the article date */
}

/* SITE SEARCH */
/* if a site has a search field it is put oposite the page'ss main header */
div#header-and-search {
	clear: both; /* leave this */
}

div#search { /* style and position of the search thingy */
	margin: 0 30px 0 0;
	padding-top: 12px;
	float: right;
	text-align: right;
	clear: right;
}

div#search input#q { /* style the text box */
	width: 120px;
	border: 1px solid #5c5c5c;
}
table#catalogue
{
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}
td#cat_menu {
	width: 220px;
	vertical-align: top;
	background-color: #fff1d7;
}
td#cat_menu h1 {
	margin: 0px;
	padding: 8px 0px 8px 30px;
	background-color: #FDF6E8;
}
td#cat_products {
	padding-left: 30px;
	padding-right: 30px;
	vertical-align: top;
	line-height: 1.8em;
}
td#cat_products a:hover {
	text-decoration: none;
}
div.productbadge {
	float: left;
	width: 100px;
	height: 150px;
	margin: 0 28px 28px 0;
	color: #000000;
	line-height: 1.2em;
	font-size: 0.85em;
}
div.productbadge img {
	margin-bottom: 4px;	
}
div.productbadge a {
	text-decoration: none;
}
div.productbadge span {
	font-weight: normal;
	font-style: italic;
}

ul#fullcatlist {
	margin: 0;
	padding: 0;
	width: 220px;
	border-top: 1px solid #ffffff;
}
ul#fullcatlist li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: Times New Roman, Times, Serif;
	font-size: 1.2em;
	display: inline;
}
#fullcatlist li.level1 a, #fullcatlist li.level2 a {
	display: block;
	padding: 8px;
	margin: 0px;
	padding-left: 30px;
	background-color: #fff1d7;
	text-decoration: none;
	font-weight: normal;
	color: #01533c;
	border-bottom: 1px solid #ffffff;
	background-image: url('/images/catlist_arrow.jpg');
	background-position: 200px center;
	background-repeat: no-repeat;
}
#fullcatlist li.level2 a:hover, #fullcatlist li#currentcat a, #fullcatlist li.level1 a:hover {
	background-color: #467f6e;
	color: #ffffff;
	background-image: url('/images/catlist_hover_arrow.jpg');
	background-position: 200px center;
	background-repeat: no-repeat;
}
#fullcatlist li.level2 a {
	margin: 0px;
	background-color: #FDF6E8;
	padding-left: 40px;
	font-style: italic;
}

#cat_products h2 {
	margin-bottom: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #010101;
}
#cat_products img {
	border: 1px solid #467f6e;
	padding: 1px;
}
#productprice h3{
	margin-bottom: 10px;
}

div#homeflashholder {
	width: 100%;
	border-bottom: 1px solid #010101;
}
#homecontent {
	height: 109px;
	border-right: 1px solid #010101;
	padding: 0 60px 0 40px;
	line-height: 1.7em;
}

#homebigbuttons {
	width: 300px;
}
#homebigbuttons ul {
	margin: 0;
	padding: 0;
	width: 300px;
}
#homebigbuttons li.bigbutton {
	list-style-type: none;
	margin: 0;
	border-bottom: 1px solid #010101;
	display: block;
	width: 100%;
	float: left;
}
#homebigbuttons li.bigbutton a {
	padding: 17px 0px 17px 25px;
	font-size: 2em;
	text-decoration: none;
	font-weight: normal;
	font-family: Times new roman, Times, Serif;
	display: block;
	margin: 0px;
	background-color: white;
	background-image: url('/images/bigbutton_grad.jpg');
	background-repeat: repeat-x;
	background-position: top;
}
#homebigbuttons li.bigbutton a:hover {
	background-color: #d7d7d7;
	background-image: url('/images/bigbutton_hover_grad.jpg');
}

.subcatlink {
	float: left;
	width: 145px;
	display: block;
	padding: 5px;
	padding-right: 20px;
	background-color: #FDF6E8;
	text-decoration: none !important;
	font-weight: normal !important;
	font-style: italic;
	color: #01533c;
	border-right: 1px solid #ffffff;
	background-image: url('/images/catlist_arrow.jpg');
	background-position: 150px center;
	background-repeat: no-repeat;
}
.subcatlink:hover {
	background-color: #467f6e;
	color: #ffffff;
	background-image: url('/images/catlist_hover_arrow.jpg');
	background-position: 150px center;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

#imggallery {
	padding: 0px;
	margin-bottom: 20px;
}
#mainimagetitle {
	margin: 0px;
	padding-top: 5px;
	width: 450px;
	font-style: italic;
	color: #01533c;
}
#imggallerythumbs {
	margin: 0px;
	text-align: right;
	float: right;
	width: 55px;
}
.thumb  {
	margin-bottom: 10px;
}
.textfield-s {
	width: 170px;
	font-family: arial;
	font-size: 10pt;
	padding: 1px;
	font-weight: normal;
}

.textarea {
	width: 210px;
	font-family: arial;
	font-size: 10pt;
	padding: 1px;
}

#enquiryform select {
	width: 215px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
}

#enquiryform {
	border-collapse: collapse;
	margin-bottom: 10px;
}

#enquiryform td {
	font-weight: bold;
	padding: 3px 0 3px 0;
}