/**
 * @version $Id: layout.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Cameron DUnn  )
 * @package Joomla
 * @subpackage Accessible-Template
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

* {margin:0; padding:0;}

body
{
	color: #000;
	background: #660a0a url(../images/backg.jpg) repeat-x top left;
	padding: 0;
	margin-top: 10px;
	text-align: center;
}

img {border: 0;}

/* The main page */
#all
{
	background: #fff;
	color: #000;
	width: 950px;
	padding: 0px;
	margin: 0 auto; 
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	line-height: 150%;
}

#header {float: left; width: 100%; background: #fff;}

.banneritem
{
	margin: 0 0 5px 0;
}

.contentpaneopen
{
	float: left;
	color: #333;
/*	background: #fff; */
	background: transparent;
	border: 0px solid #500;
	width: 520px;
	padding: 10px;
	font-size: 0.9em;
}

.contentheading
{
	color: #500;
	background: transparent;
	border: 0;
}

a:link, a:visited, a:active, a:focus
{
	background-color: transparent;
	color: #500;
	text-decoration: none;
}

a:hover
{
	background-color: transparent;
	color: #000;
	text-decoration: underline;
}

p 
{
	padding-bottom: 20px;
}

ul
{
	list-style-type: disc;
	padding: 3px 0 20px 20px;
}

h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 0.9em;}

h1, h2, h3, h4 {color: #500; background: transparent; padding: 3px 0 10px 0;}

#logo
{
	z-index: 0;
	text-align: center;
	float: left;
	width: 190px;
	height: 220px;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold !important;
	color: #670000;
	background: #fff;
	line-height: 1.4em;
}

#logo img { display: block; border: 0; }

#righttop
{
	float: left;
	width: 750px;
	height: 225px;
	text-align: right;
	margin: 0;
	padding: 0;
	background: #fff;
}

#nav-content-left
{
	float: left;
	width: 500px;
	padding-left: 20px;
	text-align: left;
	background: #fff;
}

#nav-content-right
{
	float: left;
	width: 430px;
	text-align: left;
	background: #fff;
}

/* ********** Minicart ********** */
#minicart img {display: inline;}

#minicart {float: left; width: 220px;}

#search
{
	float: left;
	width: 200px;
	text-align: right;
}

#search label
{
	font-size: 0.9em;
	font-weight: bold;
	color: #500;
	background: transparent;
}

#search fieldset {border: 0;}

.inputbox
{
	border: 1px solid #aaa;
}

.searchbutton
{
	background: #fff url(../images/arrow_green.gif) no-repeat right top;
	color: #000;
	padding: 0 10px 0 0;
	border: 0;
	cursor: pointer;
	vertical-align: bottom;
}


#nav-content-left ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav-content-left ul li
{
	display: inline;
	font-size: 0.9em;
	color: #500;
	background: transparent;
}

#nav-content-left ul li a
{
	font-weight: bold;
	padding: 0;
	margin-right: 20px;		/* spaces the links apart */
}

#nav-content-right ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav-content-right ul li
{
	display: inline;
	font-size: 0.9em;
	vertical-align: middle;
	color: #500;
	background: transparent;
}

#nav-content-right ul li a
{
	font-weight: bold;
	padding: 0;
	margin-right: 8px;		/* spaces the links apart */
}


.boxheading
{
	color: #fff;
	background: #500;
	padding: 2px 0 2px 8px;
	font-weight: bold;
	font-size: 0.9em;
}

.boxes
{
	border: #500 1px solid;
	color: #500;
	background: #fff url(../images/boxgradient.gif) repeat-y;
	padding: 5px;
	width: 148px;
	margin-bottom: 5px;
}

.specialboxes
{
	border: #500 1px solid;
	color: #500;
	background: #fff url(../images/vertboxgradient.gif) repeat-x;
	padding: 5px;
	margin-bottom: 5px;
}

.events, .quotes, .boxes h4
{
	font-size: 0.9em;
	color: #333;
	background: transparent;
	padding: 5px;
}

.eventimg
{
	border-left: 1px solid #500;
	border-right: 1px solid #500;
}

.eventimg img
{
	display: block;
}

#freedelivery
{
	margin: 3px 0 3px 0;
}

#left
{
	float: left;
	width: 160px;
	padding: 10px 10px 0 20px;
	position: relative;
}

#left ul, #right ul
{
	list-style: none;
	padding-left: 5px;
	margin-bottom: 5px;
	background: #fff;
}

#left ul.menu, #right ul.menu
{
	border: 1px solid #500;
	background: #fff url(../images/boxgradient.gif) repeat-y;
}


#left ul li a, #right ul li a
{
	display: block;
	padding: 2px;
}

#left ul li a:hover, #right ul li a:hover
{
	text-decoration: none;
	color: #fff;
	background: #500;
	width: 145px;
}

#left h3, #right h3
{
	padding: 2px 0px 2px 10px;
	margin: 0;
	width: 150px;
	height: 25px;
	background: transparent url(../images/mirror-heading.gif) no-repeat;
	color: #fff;
	font-size: 0.9em;
}

#left form
{
	border: #500 1px solid;
	color: #500;
	background: #fff url(../images/boxgradient.gif) repeat-y;
	padding: 10px 5px 10px 8px;
	margin-bottom: 5px;
	width: 145px;
}

#left form fieldset
{
	border: 0;
}


#left form ul
{
	border: 1px solid #fff;
	background: #efdfaf;
	margin: 8px 0 0 0;
	padding: 0 0 0 3px;
	font-size: 0.9em;
	width: 135px;
}

#left form ul li a
{
	width: 130px;
}

#left form ul li a:hover
{
	width: 130px;
}

#prodtitle
{
	float: left;
	width: 68%;
}

#proddesc
{
	float: left;
	width: auto;
}

#prodprice
{
	clear: both;
}

#prodimg
{
	clear: both;
	float: right;
	width: auto;
	text-align: center;
	margin: 0 0 10px 10px;
	font-weight: bold;
}

#prodimg a
{
	text-decoration: none;
	font-size: 0.9em;
}

#hometitle-para
{
	font-size: 0.9em;
	font-weight: normal;
	color: #5a5a5a;
	padding-bottom: 20px;
	line-height: 140%;
/*	width: 520px; */
}

#contentarea
{
	clear: both;
	float: left;
	border-top: solid 1px #600;
	margin: 0;
	padding: 0;
	position: relative;
	width: 950px;
	background: #ff9 url(../images/yellow-gradient.gif) repeat-y; /* Pale Yellow */
	color: #000;
}
#wrapper 
{
	float: left; 
	width: 760px;
	min-height: 100px;
	position: relative;
}

.contentheading
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	color: #670000;
	background: transparent; 
}

#main
{
	float:left;
	width: 550px;
	margin: 10px 0 10px 0;
	color: #000;
	background: transparent;
	padding: 10px 10px 0 10px;
	position: relative;
	line-height: 140%;
	position: relative;
}

#right
{
	float: left;
	width: 160px;
	padding: 10px 20px 0 10px;
	position: relative;
}

/* Main Title */
h1.componentheadingoheading
{
	font-family: "Times New Roman", serif;
	color: #690;				/* Green */
	background: transparent;
	font-size: 3.2em;
	font-weight: normal;
	line-height: 110%;
}

h1.componentheadingtradeheading
{
	font-family: "Times New Roman", serif;
	color: #600;				/* Green */
	background: transparent;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 110%;
}

#mediatopleft
{
	float: left;
	width: 250px;
	padding: 5px;
	text-indent: 10px;
}

#mediatopright
{
	float: right;
	width: 250px;
	padding: 5px;
	text-indent: 10px;
}

#mediamid
{
	clear: both;
	text-align: center;
}

#mediamid img
{
	display: inline;
}

#mediabottomleft
{
	float: left;
	width: 250px;
	padding: 5px;
}

#mediabottomright
{
	float: right;
	width: 250px;
	padding: 5px;
}

.pressname
{
	font-style: italic;
	font-weight: bold;
	color: #500;
	background: transparent;
}

#findusintro
{
	float: left;
	width: 260px;
	padding: 0 8px 5px 0;
}

#finduswoolpk
{
	float: left;
	width: 250px;
}

#findusevents-left, #findusevents-right
{
	float: left;
	width: 50%;
}


#outcater2
{
	float: left;
	width: auto;
	padding: 0 8px 5px 0;
}

.awardtitle
{
	font-weight: bold;
	margin: 5px 0 10px 0;
}

.aboutusmainleft
{
	float: left;
	width: 380px;
	text-align: left;
}

.aboutusmainright
{
	float: left;
	width: 100px;
	padding-left: 40px;
	text-align: left;
}

.aboutusliam-left
{
	float: left;
	width: 322px;
	padding-left: 8px;
	margin-bottom: 10px;
}

.aboutusliam-right
{
	float: left;
	width: 189px;
}

.aboutusgloria-left
{
	float: left;
	width: 256px;
	padding-right: 8px;
}

.aboutusgloria-right
{
	float: left;
	width: 254px;
	padding-right: 2px;
	margin-bottom: 10px;
}

.aboutusmainfull
{
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

.aboutdiv
{
	text-indent: 10px;
	font-family: Verdana,Arial,sans-serif; 
	padding: 0 10px 0 10px; 
	font-size: 0.95em;  
	text-align: left;
	margin-bottom: 10px;
}

/* ###################### general ###################### */
.unseen
{
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0px;
	z-index: 200;
}

#footer
{
	clear: both;
	float: left;
	width: 100%;
	color: #500;
	background: #ff9 url(../images/yellow-gradient.gif) repeat-y; /* Pale Yellow */
	margin-bottom: 10px;
}

#leftfooter
{
	float: left;
	width: 200px;
}

#midfooter
{
	float: left;
	width: 550px;
}

#copynotice
{
	text-align: center; 
	font-size: 0.85em; 
}

#jcdlink
{
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 8px;
	margin-bottom: 20px;
}


#jcdlink ul.menu
{
	list-style-type: none;
}

#rightfooter
{
	float: left;
	width: 200px;
}

#sausagebasket
{
	width: 100%;
}

.basketcol_action
{
	clear: left; 
	float: left; 
	width: 40px;
	text-align: left;
	padding-bottom: 10px;
}

.basketcol_name
{
	text-align: left;
	padding-bottom: 10px;
	float: left; 
	width: 140px;
}

.basketcol_code
{
	text-align: center;
	padding-bottom: 10px;
	float: left; 
	width: 75px;
}

.basketcol_price
{
	text-align: center;
	padding-bottom: 10px;
	float: left; 
	width: 80px;
}

.basketcol_qty
{
	text-align: center;
	padding-bottom: 10px;
	float: left; 
	width: 90px;
}

.basketcol_sub
{
	text-align: right;
	padding-bottom: 10px;
	float: left; 
	width: 73px;
}

.subtotal_txt
{
	float: left; 
	width: 427px; 
	text-align: right;
}

.subtotal_amt
{
	float: left; 
	width: 73px; 
	text-align: right;
}

.stretcher 
{
	font-size: 0.9em;
	font-weight: normal;
}
.stretcher fieldset
{
	border: 0;	
}

.sectiontableheader
{
	color: #500;
	background: transparent;
	font-size: 1.1em;
}

/* ************* Contact Form ************* */

#emailForm
{
	margin: 0;
	padding: 0;
/*	min-width: 400px;
	max-width: 500px;
	width: 500px;  */
}

#emailForm fieldset 
{
	border-color: #bbb;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 0;
}

#emailForm fieldset legend 
{
	font-size: 1.1em;

}

#emailForm label 
{ 
	display: block;
	float: left; 
	width: 200px; 
	margin: 5px 0 0;
	text-align: right; 
}

#emailForm fieldset label:first-letter 
{					/* use first-letter pseudo-class to underline accesskey, note that */
/*	text-decoration:underline;*/	/* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
					/* pseudo-class on legend elements, but do support it on label elements */
					/* we instead underline first letter on each label element and accesskey */
					/* each input. doing only legends would  lessens cognitive load */
					/* opera breaks after first letter underlined legends but not labels */
}

#emailForm input, #emailForm textarea 
{
	width: auto;			/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 0 0 10px;		/* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

#emailForm textarea { overflow: auto; }

#emailForm small 
{
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}

#emailForm br 
{
	clear:left;			/* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#emailForm  .emailsubmitbut
{
	clear: both;
	
}

/* ************* End Contact Form ************* */