/**

 * Design. Modified version of FunkyCoolBlue by Jason Earl, 2005 @ VirtualFunction.net

 *

 * "tableless" design known to work (and tested) on Mozilla, and IE 6.

 * Should also work KHTML (Konqueror and Safari)

 */

/* -----------------------------------------------------------

    Generic

----------------------------------------------------------- */

body {

	background: #000000 url('images/back.gif');

	margin: 0;

	padding: 0;

	font-size: 11px;

	font-family: Tahoma, Arial, Verdana, sans-serif;

}

a:link,

a:visited {

	text-decoration: underline;

	color: #FF0000;

}

a:hover {

	border-bottom: #FF0000 1px solid;

}

side.a:link,

side.a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

side.a:hover {

	border-bottom: #FF0000 1px solid;

}

.pageWrapper {

	margin: 0 8%;

	width: auto;

	min-width: 644px;

}

/** Liquid width control 

.pageWrapper {

	margin: 0 auto;

	width: 730px;

	min-width: 635px;

}

/* extension to page wrapper */

#main {

	border-right: #FFF 2px solid;

	border-left: #FFF 2px solid;

	/* IE Hack. Set this to right colour for now */

	background: #FFFFFF;

}

div#bodyWrap {

	background: url('images/back_top.gif') repeat-x;

}

div#bodyWrap {

	width: auto;

	min-width: 770px;

	height: 432px;

}

img.product, 

.product img {

	text-align: right;

	margin: 4px 3px 4px 8px;

	padding: 4px 4px 4px 4px;

}

.content .product {

	text-align: right;

	font-size: 13px;

}

.subBarInner p {

	margin: 8px 8px 2px 8px;

	padding: 0;

}

.product {

	font-weight: bold;

	color: #000000 ! important;

}

product.a:link, product.a:visited, product.a:hover {

	text-decoration: none;

	color: #FFFFFF;

	text-decoration: none;

}

div.wide3 {

	width: 70%;

	float: center;

	text-align: left;

}

input[type=text],

input[type=button],

input[type=submit],

select,

textarea

{

	background: #FFFFFF;

	border: 1px solid #000000;

}

/* -----------------------------------------------------------

    Headers ( h* style )

----------------------------------------------------------- */

h1,

h3,

h4,

h5,

h6

{

	margin: 8px 16px;

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 0.08em;

}

h1 {

	font-size: 18px;

	color: #000;

	padding-bottom: 4px;

	border-bottom: 1px solid #999;

	float: left;

}

h2 {

 	font-size: 12px;

	font-weight: bold;

	

	color: #000;

	

}

h1 span {

	float: right;

	color: #000000;

}

/* -----------------------------------------------------------

    View Controllers

----------------------------------------------------------- */

.clear {

	clear: both;

}

.hide, #oldBrowserNotice, 

.ieSixCharDupBug {

	display: none;

}

/* -----------------------------------------------------------

     Page Header(s) and Footer
----------------------------------------------------------- */

#header {

	height: 146px;

	margin-right: -2px; /* Box model adjustment */

}

#header #logo {

	width: 204px;

	float: left;

	background: url('images/header2.jpg') no-repeat #fff;

	margin: -2 -.1px;

	height: 111px;

	position: absolute;

	z-index: 100;

}

#header #logo h1 {

	display: none;

}

#heading .head {

	height: 111px;

	background: url('images/header.jpg') no-repeat right top #fff;

	border-right: 2px solid #fff;

	position: relative;

	margin-right: -2px;

}

* html #heading .head {

  margin-right: -4px; /* Extra 2px due to IE Box model */

}

#heading .top, 

#heading .sub {

	color: #000; 

	margin: 5px 0px 5px 0px;

	float: left;

	width: 99%;

	text-align: left;

	height: 36px;

}

#heading a:link,

#heading a:visited {

	color: #FFF;

	margin-left: 20px;

	text-decoration: none;

}

#heading a:hover {

	background-color: #000;

	border-bottom: solid  1 pixels #FF0000;

}

#heading .sub {

	clear: right;

}

#footer {

	position: relative;	/* IE fix */

	padding: 4px 24px;

	color: #000000;

	background: #fff url('images/bg1.gif');

}

.footer.a:link,

.footer.a:visited {

	color: #000000;

}

/* -----------------------------------------------------------

    Layout Controls

----------------------------------------------------------- */

/* --------------------- Common to both -------------------- */

#mainInner,

div.subBarInner,

div.subTitleInner {

	z-index: 3;

	width: 21em;

	border-right: #FFF 2px solid;

}

div.content {

	border-width: 0;	/* Fix print/v4 borders issue */

}

#mainOuter div.left,

#mainOuter div.right,

#mainOuter div.content,

div.subBarInner div.content,

div.subBarInner div.right,

div.subTitleInner div.content,

div.subTitleInner div.right {

	/* For Sub elements of #mainOuter AND div.subBarInner */

	float: left;

	position: relative;

	z-index: 10;

	overflow: visible;	/* fix for IE italics bug */

}

/* --------------------- The Sub Bar Piece -------------------- */

div.subBarOuter,

div.subTitleOuter {

	z-index: 1;

	border-style: solid;

	border-color: #FFFFFF;

	border-width: 0;

}

subTitleOuter.a:link, subTitleOuter.a:visited, subTitleOuter.a:hover {

	text-decoration: none;

	color: #FFFFFF;

	text-decoration: none;

}

div.subBarInner div.right,

div.subTitleInner div.right {

	float: right;

	width: 20em;

	margin: 0 -20em 0 1px;

}

div.subBarInner div.content,

div.subTitleInner div.content {

	margin: 0 -1px; /* Ensure floating */

	width: 99%;

}

/* --------------------- The Main Bar Piece -------------------- */

#mainOuter {

	z-index: 3;

	border-left: 17em #cccccc solid;

	border-right: 16px #cccccc solid;
	
}

#mainInner {

	width: 99%;

	border-left: 2px solid #ccc;

	background: #FFFFFF;

}

#mainOuter .content {

	margin: 0 -1px;	/* Ensure floating */

	width: 99%;
		
}

#mainOuter .right {

	/* Not used for now */

	float: center; 			/* Possiblity for NN4 layout */

	width: 17em;

	margin: 5  5 1px;	/* Column position */

}

#mainOuter .left {

	width: 16em;

	margin: 0 0 2px -16em;	/* Column position */
	
		
}

/* -----------------------------------------------------------

    Decoration Fix-up Pieces

----------------------------------------------------------- */

div.gap {

	border-top: 2px solid #ccc;

	background: #FFF;

	position: relative;

}

html>body .mozclear {

	border-bottom: 1px solid white;	/* help mozilla recognize empty  clearing element */

	margin-bottom: -1px;                  /* compensate for 1px space used by border */

}

/* -----------------------------------------------------------

      Fix BugIE :-|

----------------------------------------------------------- */

* html #mainInner, * html div.subBarInner, * html div.subTitleInner {

	position: relative;	/* fix a render bug in IE under certain conditions */

}

* html div.gap {

	margin-right: 5px;

}

* html #mainOuter {

	border-right: 20px #fff solid;

}

.leftInside,

.titleSide,

#mainInner .left div.button1,

#mainInner .left div.button2 {

	margin-left: 2px;

	margin-right: 3px;

}

/* -----------------------------------------------------------

     Sub Bar (under header)

----------------------------------------------------------- */

div.subBarInner {

	background: #fff;

	padding-bottom: 0px;

}

div.subBarInner span {

	display: block;

}

div.subBarOuter,

/* Removed by Jason 

div.subTitleOuter {

	border-right-width: 2em;

}

*/

div.subTitleOuter div.right,

div.subBarOuter div.right {

	text-align: right;

}

div.subTitleOuter {

	border-color: #fff;

}

div.subTitleInner {

	background: #fff;

	color: #000;

}

/* -----------------------------------------------------------

      Main Bar

----------------------------------------------------------- */

.titleSide {

	padding: 4px 8px 8px 4px;

	letter-spacing: 0.1em;

	height: 9px;

	

	width: 97%;

}

.titleMain {

	letter-spacing: 0.1em;

	height: 12px;

	width: 98%;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 8px;

	padding-left: 4px;

}

.titleSide {

	background: inherit;

	color: #FF0000;

    margin-bottom: 3px;
	
	font-size: 9px;

	padding-left: 0px;

	padding-right: 0px;

	text-decoration: underline;

}

.titleSide a:link,

.titleSide a:visited {

	color: #FF0000;

	text-decoration: underline;

}

.titleMain {

	background: #fff url('images/bg1.gif');

	color: #000;

	font-size: 14px;

}

.titleMain a:link,

.titleMain a:visited {

	color: #FF0000;

}

.right p,

.content p {

	color: #000;

	line-height: 1.6em;

	letter-spacing: 0.05em;

	padding: 0px 8px 8px 10px;

}

#mainInner .left ul {

	list-style-type: none;

	margin: 12px 5px 12px 5px;

	padding: 5;

}

#mainInner .left ul li {

	margin: 8px;

}

ul.dotted,

li.select {

	list-style-type: square;

	color: #FFFFFF;

	margin-left: 22px;

	margin-right: 22px;

}

.left .active a:link,

.left .active a:visited {

	font-weight: bold;

	color: #FFFFFF;

	list-style-type: square;

}

#mainInner .left ul.dotted {

	list-style-type: square;

}

#mainInner .left input {

	color: #000;

}

#mainInner .left div.button1,

#mainInner .left div.button2 {

	width: 64em;

	color: #000;

	border: 0 none;

	border-top: #FFF solid 2px;

	border-right: #ccc solid 2px;

	padding: 6px 6px;

}

#mainInner .left div.button1 a:link,

#mainInner .left div.button1 a:visited,

#mainInner .left div.button2 a:link,

#mainInner .left div.button2 a:visited {

	margin: 0 4 0 4px;

	font-size: 12px;

	font-weight: bold;

}

#mainInner .left div.button1 {

	background: #fff url('images/bg3.gif');

}

#mainInner .left div.button2 {

	border-bottom: #FFF solid 2px;

	background: #fff url('images/bg4.gif');

}

/* ---- Stuff I added ---- */

.weeklyevent {
clear:both;
}

#product {
width:99%;
}

.subTitleOuter {
padding-right:150px;
padding-left:370px;
}