/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08 - BOXSTYLEONE
09 - ARTICLE LISTS
10 - FORMS
11 - TABLES
12 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: Arial, sans-serif;
	background: #FFF;
	text-align: center; /*margin: auto fix for IE6*/
}

html>body { /* be nice to Opera */
	font-size: small;
}


/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 400%;
	line-height: 90%;
	margin: 0;
	padding: 5px 0 20px 0;
	color: #C0D99F;
	font-weight: bold;
	text-transform: uppercase;
	
}
	
h2 {
	font-size: 160%;
	line-height: 90%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: normal;
	
	letter-spacing: 0.05em;
}
	
h3 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	
}

h4 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	
}

p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 8px 0;
	color: #000;
}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #EA2900; 
	font-weight: bold;
	text-decoration: none;
}

a:hover {text-decoration: underline;}
p a {font-size: 100%;}

ul {color: #000; font-size: 100%;}
ol {color: #000; font-size: 100%;}
	
/*---------------------------------------------*/
em {font-style: normal;}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.mini {font-size: 80%;}

a img {border: none;}


hr {float: left; clear: left; margin: 35px 0 40px 0; padding: 0; border: none; height: 1px; width:70%; background: #C0D99F;}

em.textHide {display: none;}

.padd {float: left; padding: 10px;}
.paddH {float: left; padding: 0 10px;}
.paddR {float: left; padding: 0 10px 0 0;}
.paddL {float: left; padding: 0 0 0 10px;}
.paddV {float: left; padding: 10px 0;}

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


/* COLOURS
----------------------------------------------- */
.black {background: #fff;}
	
/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

#Wrap {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: left;/*margin: auto fix for IE6*/
}
	
#WrapInner {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	background: #fff;
}
	
#Header {
	float: left;
	margin: 0;
	padding: 0 0 60px 0;
	width: 300px;
	background: #C0D99F;
}


/* NAVIGATION 
------------------------------------------------ */

#MainNav {}

#MainNav ul {
	float: left;
	margin: 0;
	padding: 10px 0 30px 0;
	width: 300px;
	list-style: none;
	background: #fff;
}

#MainNav ul li {
	float: left;
	clear: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right; 
}

#MainNav ul li.selected {}

#MainNav ul li a {
	float: left;
	margin: 0;
	padding: 5px 20px;	
	width: 260px;
	background: #EA2900;
	color: #fff;
}

#MainNav ul li.selected a {}
#MainNav ul li a:hover {text-decoration: none; background: #C0D99F;}
	
	
/* BANNER
------------------------------------------------ */
#Banner {}

#Banner img {}

/* MAINBODY
------------------------------------------------ */
	
#MainBody {
	float: left;
	margin: 120px 0 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 700px;
}

#SidebarOne {
	float: left;
	clear: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 300px;
}
	
/* SIDEBARS
------------------------------------------------ */
#Content {
	float: left;
	margin: 0 0 0 20px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 440px;
}

#Content p {padding-right: 100px;}

#SidebarTwo {
	float: right;
	margin: 0 0 500px 0;
	padding: 0;
	width: 220px;
}


/* FOOTER
------------------------------------------------ */
	
#Footer {
	clear: both;
	float: left;
	margin: 15px 0 10px 0;
	padding: 10px 0;
	width: 100%;
	background: #C0D99F url(../Images/footer.gif) no-repeat 0 0;
}

#Footer p {color: #fff;}
#Footer a {color: #fff;}

/* BOXSTYLEONE
------------------------------------------------ */

.boxStyleOne {}



/* ARTICLE LISTS 
------------------------------------------------ */

/* PRODUCT LISTS 
------------------------------------------------ */

/* product detail
------------------------------------------------ */


/* FORMS
------------------------------------------------ */
.item, .radios {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input, .radios input {float: left; margin: 0; padding: 1px; font-size: 90%;}
.item label, .radios label  {float: left; margin: 0 10px 0 0; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #2b0800; font-weight: bold; font-size: 90%;}
.item  select, .radios  select {float: left; margin: 0 10px 0 0; padding: 0; width: 212px; border: solid 1px #470f00; font-size: 90%;}
.item  input.textinput, .radios  input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 208px; border: solid 1px #470f00;}
.item  textarea, .radios  textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 208px; border: solid 1px #470f00; font-size: 90%;}
.item input.checkbox {}
input.submitButton {padding: 2px 6px 3px 6px;  font-size: 90%; color: #FFF; border: none; background: #2b0800;}
input.submitButton:hover {background:  #470f00; }
a.submitButton {float: left; margin: 0; padding: 2px 6px 3px 6px; font-size: 90%; color: #FFF; font-size: 90%; font-weight: normal; text-decoration: none; border: none; background: #2b0800;}
a.submitButton:hover {background:  #470f00; }
/* ------------------------------------------------ */

/* TABLES
------------------------------------------------ */

table {
	margin: 0;
	padding: 0;
	font-size: 85%;
	color: #000;
	border-color: #EA2900;
	border-width: 1px;
	text-align: left!important;
}

table tr th {
	vertical-align: top;
	padding: 5px;
	text-align: left!important;
	font-size: 110%;
}

table tr td {
	vertical-align: top;
	padding: 5px;
	text-align: left!important;
}

table tr th {}
table tr th a {}
table tr.alt td {}

table tr td a {}
table tr.alt td a {}

table tr td h2 {}


/* MISC
------------------------------------------------ */

.logo {
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	border-bottom: 1px solid #fff;
	width: 300px;
	height: 116px;
}

.siteBy {
	float: left;
	clear: left;
	margin: 0;
	padding: 5px 10px 0 10px;
}

.siteBy a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
}

#fooman {
	position: absolute;
	bottom: -90px; left: 670px;
	z-index: 100;
	width: 430px;
	height: 542px;
	background: url(../Images/PNGs/fooman.png) no-repeat 0 0;
}