/*-----------------------------------------------------
	Skin Styles
------------------------------------------------------*/


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

	body {background: #e1d4eb url(../images/bkg.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif}
	
	body.flash {background: #e1d4eb url(../images/bkg.jpg) repeat-x; margin-left: auto; margin-right:auto; text-align:center}

	a {color:#000; text-decoration:none;}
	a:hover, a:focus {text-decoration:underline;color: #000}
	
	h1,h2,h3,h4,h5,h6,
	.terminology #content dt {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
	
	#main {color: #000} /*colour of global text if not defined below */
	
	#main h2 {color: #580f8b;} /* main headings on each page*/
	
	#main h3,
	/* Product Listing headings,
	Select any letter below to reveal the related item types - Item type page */
	.terminology #content dt /* Terminology name*/ {color: #580f8b;}
	
	#main p,
	.product-listing #content table td,
	.item-type #content #alphabet {font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0.8em}
	
	/* Item types starting with 'A' - Item type page */
	#main h4 {color: #580f8b;} 
	
	#main label {color: #580f8b; font: 1.2em Verdana, Arial, Helvetica, sans-serif}
	
	#main input, #main textarea, #main select {color: #580f8b; font: 12px Verdana, Arial, Helvetica, sans-serif}

	div.flashcontent { margin-left:auto; margin-right:auto; text-align:center; margin-top:70px;}
	/* Masthead
	-------------------------------------------------------*/

	#masthead {background: #580f8b}
	#masthead h1 {background: url(../images/logo_kingsville.gif) no-repeat left top;}
	#masthead h1 a { display: block; height: 111px; width: 296px; }

	#search label {color:#580f8b; font:italic 1.4em/1.4em Arial, Helvetica, sans-serif;}
	#search p.field input {color: #580f8b; border: 1px solid #000; font:italic 1.4em/1.4em Arial, Helvetica, sans-serif; height:21px; padding:4px 0 0 6px;} /*Search input colour/border*/
	#search p.action input { background: transparent; color: #c6d2e1; font: italic 1.8em Arial, Helvetica, sans-serif;} /*Go button off state */
	#search p.action input:hover {color: #fff} /*Go button over state */

	#basket a,
	#ideas a {color: #c6d2e1; font: italic 1.4em/1.5em Arial, Helvetica, sans-serif} /*My Enquiry List link My Ideas link */
	
	#basket a:hover,
	#ideas a:hover {color: #c6d2e1; text-decoration:underline}

	#call p.question {color: #c6d2e1; font: 1.2em Arial, Helvetica, sans-serif;} /*Have an enquiry? CALL US*/
	#call p.number {color: #ddcee8; font: 1.9em Arial, Helvetica, sans-serif} /*Telephone number*/


	/* Navigation
	-------------------------------------------------------*/

	#navigation-wrap {background-color: #580f8b}
	#navigation li {font: 1.7em Arial, Helvetica, sans-serif;}
	#navigation a {color: #580f8b; background: #ddcee8;}
	#navigation a:hover {color: #580f8b; background-color: #c6d2e1;}
	
	/* Active navigation tab state */
	.homepage #navigation .item-1 a,
	.product-listing #navigation .item-1 a,
	.search-result #navigation .item-1 a,
	.ideas-listing #navigation .item-1 a,
	.more-info #navigation .item-1 a,
	.item-type #navigation .item-2 a,
	.register #navigation .item-3 a,
	.about #navigation .item-4 a,
	.contact #navigation .item-5 a {background: #FFFFFF; color: #580f8b;} 

	
	/* Input Button styles
	-------------------------------------------------------*/
	
	/***********************************************************
	**** DON'T forget to update IE6 button style in ie6.css ****
	***********************************************************/
	
	#main input.button {
	background: #580f8b;
	color: #c6d2e1;
	font: 18px Arial, Helvetica, sans-serif;
	}
	
	#main input.button:hover {
	background: #580f8b;
	color: #fff;
	}
	
	/*Button state when item is added to my enquiry or my ideas list*/
	#main input.buttonAdded {
	background: #727272;
	color: #000;
	font: 18px Arial, Helvetica, sans-serif;
	} 

	
	/* Company link
	-------------------------------------------------------*/

	#company-link h6 { color:#580f8b} /*General Promtional Merchandise Range*/
	#company-link li {border: 1px solid #777777;}
	#company-link li a:hover {background: #decfe9}
	#company-link a em {color: #c6d2e1} /*www.companyname.com*/
	
	
	/* Footer
	-------------------------------------------------------*/

	#footer #leaf { background: url(../images/bg-leaf.gif) top left no-repeat; height: 1px !important; margin-bottom: 25px !important} /*leaf colour*/
	#footer ul {color: #580f8b;} /*dot colour between links*/
	#footer li {font: 1.2em Arial, Helvetica, sans-serif;}
	#footer ul li a {color: #580f8b} /*links if leave no colour will default to main link style*/
	#footer ul li a:hover {color: #decfe9}
	#footer p {color: #eeeeee} /*© Copyright Protected - All Rights Reserved*/
	
	
	/* Homepage
	-------------------------------------------------------*/

	.homepage #content .pic {border: 1px solid #e1e1e1; display:none;} /*Welocome image border*/
	
	.homepage #ideas-search {background: #decfe9;}
	.homepage #ideas-search h2 {}
	.homepage #ideas-search p.intro {color: #580f8b;}
	
	.homepage #type-search {background: #decfe9;}
	.homepage #type-search h3 {}
	.homepage #type-search #alphabet {background: #FFFFFF;}
	.homepage #type-search #alphabet li a {color:#580f8b}
	.homepage #type-search #alphabet li a:hover {color:#580f8b; text-decoration:underline}
	
	.homepage #quick-enquiry {background: #fff;}
	.homepage #quick-enquiry h3 {color:#580f8b}
	.homepage #quick-enquiry p.intro {color:#c6d2e1}
	.homepage #quick-enquiry p.intro strong {color:#580f8b}
	
	.feat {background: #decfe9;}
	.feat .row .item .image {border: 1px solid #fff;}
	.feat .item p a {color:#580f8b;}
	.feat .item p a:hover {}
	
	
	/* Search Results Pages
	-------------------------------------------------------*/
	
	
	
	
		/* Use same colour values */
	
		.product-listing #content table,
		.search-result #main-actions,
		.ideas-listing #table .head,
		.ideas-listing #table .actions {border-top-color:#580f8b; border-bottom-color:#580f8b;}
		
		.search-result #listing .row {background: #decfe9}
	
		.product-listing #content table td.action {border-bottom-color: #580f8b;}
	
		.item-type #content #alphabet {border: 3px double #580f8b}
		.item-type #content #alphabet li a {color: #580f8b}
		.item-type #content #alphabet li a:hover {color: #e3232e; text-decoration:none;}
		.item-type #content .it-list li a {color: #580f8b}
		.item-type #content .it-list li a:hover {color: #decfe9; text-decoration:none;}
		
	
		/* End
		-------------------------------------------------------*/
		
		
		/* Use same colour values */
	
		.product-listing #content table td.column-1,
		.ideas-listing #table .row,
		.enquiry .details,
		.register #content fieldset,
		.create-ideas #content fieldset,
		.more-info #listing .product {background: #decfe9;}
		
		.item-type #content, #alphabet { background:#fff}
		/* Will need to cut graphic in this colour to repeat down the row div
		   Image name: bkg_listing_row.gif 
		   
		   These are the styles it applies to in main.css;
		   
		   .enquiry .product
		   .search-result #listing .row
		   
		   
		 */
		   
		  
		
		/* End
		-------------------------------------------------------*/
	
	
		/* Use same colour values */
		
		.product-listing #content table td.column-1,
		.product-listing #content table td.column-2,
		.product-listing #content table td.column-3 {border-bottom-color: #580f8b;}
		
		.product-listing #content table td.td-over {background-color: #decfe9;}
	
		.terminology #content dt,
		.terminology #content dd {border-top-color: #580f8b;}
		
		
		/* End
		-------------------------------------------------------*/
		
	
	/* Colour should be 50%(ish) of #product-listing #content table td.column-1 colour*/
	.product-listing #content table td.column-2 {background: #decfe9;}

	/* border of product images */
	.search-result #listing .product .image,
	.enquiry .product .desc .image,
	.ideas-listing #table .row .image,
	.more-info #listing .product .image {border: 1px solid #fff;}
	
	/* Product Type: Yoyo Price Range: 31.50 to £2.99 */
	.search-result #listing p.info,
	.enquiry .product .desc p.info,
	.more-info #listing p.info {color:#000;} 
	
	/* My Enquiry list sample order */
	/*.enquiry .product .sample {background:#c09bc8;}*/
	.enquiry .product .sample h3 {color: #580f8b;}
	.enquiry #main .product .desc input.button {padding: 4px; font-size: 14px}
	
	/* My Ideas list headings, should be the same as #main label have kept seperate so can style independantly  */
	.ideas-listing #table .head .desc,
	.ideas-listing #table .head .remove,
	.ideas-listing #table .head .select,
	.ideas-listing #table .row  {color: #000;}
	
	/* Mandatory field (*) */
	.register #content fieldset label em,
	.create-ideas #content fieldset label em{ color:#580f8b} 

/*       About us page
	-------------------------------------------------------*/
	
	span.abouth2 {
	text-decoration:underline;
	font-weight:bold;
	}
	
	span.large {
	font-size: 1.4em;
	}
	
	span.bold {
	font-weight: bold;
	}
	
	span.red {
	font-weight:bold;
	color:#FF0000;
	}
	
	img.about {
	margin-bottom:20px
	}