/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Lil Eco
	Created: 2008-11-07
	Created by: Dawn Wentzell dawn@rkd.ca
	
------------------------------------------------------------------- */

@import url("../../../layout/css/topnav.css");


html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #e3e3c4;  /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	color: #097800;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: Tahoma, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */


/* ---------------------
	GLOBAL STYLES - style as necessary
--------------------- */

a:link { color: #097800; text-decoration: underline; }
a:visited { color: #097800; text-decoration: underline; }
a:hover { color: #097800; text-decoration: underline; }
a:active { color: #097800; text-decoration: underline; }

p, td, div { 
	font-size: 15px;
	line-height: 22px;
	}
p {	margin-top: 5px; }

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 { 
	font-size: 22px;
	}
h2 {
	font-size: 20px;
	line-height: 22px;
	color: #097800;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 0;
	}
h3 {
	color: #869f53;
	font-size: 26px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 22px;
	}
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 13px;
	}
h6 {
	font-size: 12px;
	}

ul { }

ol { }

hr { }

/* styles used by WYSIWYG - style as necessary */
pre { }

address { }


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

		
#Container {
	margin: 45px auto 0 auto;
	width: 922px;
	}
#PrintHeader { display: none; }
#Header {
	background: #a9c869 url(../../Images/head_bg.gif) no-repeat left top;
	height: 263px;
	width: 922px;
	margin-top:2px;
	}
	#Header h1 {
		background: url(../../Images/logo.gif) no-repeat left top;
		height: 138px;
		margin: 75px 0 0 35px;
		position: absolute;
		text-indent: -9999px;
		width: 532px;
		}
		#Header h1 a {
			display: block;
			height: 100%;
			width: 100%;
			}
	#Header p {
		background: url(../../Images/desc.gif) no-repeat left top;
		height: 35px;
		margin: 213px 0 0 165px;
		position: absolute;
		text-indent: -9999px;
		width: 391px;
		}

#Nav {
	padding: 10px 35px 0 0;
	position: relative;
	top: 0;
	width: /*922px*/ 887px;
	}

#Footer, #Content {
	clear: both;
	padding: 0 35px;
	width: /*922px*/ 852px;
	}
#Footer { margin-top: 25px; }
	#Footer .Copyright { float: left; }
	#Footer .Glengarry { float: right; }
	#Footer .RkdLink { 
		float: left; 
		clear:left;
		width: 500px;
		}

#Content {
	padding-top: 10px;
	}

.FloatLeft {
	float: left;
	margin: 10px 0 15px 0;
	}
.FloatRight {
	float: right;
	margin: 10px 0 0 0;
	}
.Colours {
	background: url(../../Images/img_colours.jpg) no-repeat left top;
	margin-top:10px;
	height: /*255px*/ 84px;
	padding: 171px 0 0 168px;
	width: /*485px*/ 317px;
	}
.Order {
	background: #A1B76B url(../../Images/order_bg.gif) no-repeat left top;
	height: 169px;
	margin: 20px -35px 0;
	padding: 0 35px;
	width: /*922px*/ 852px;
	}
	.Order h2, .Order p {
		clear: left;
		float: left;
		width: 400px;
		}
	.Order h2 { margin-top: 35px; }
	.Order .Button {
		float: right;
		margin-top: -20px;
		}
.Wholesale {
	background: url(../../Images/wholesale_bg.gif) no-repeat left top;
	height: /*57px*/ 42px;
	margin: 10px -35px 0;
	padding: 15px 35px 0;
	width: /*922px*/ 852px;
	}
ul.Options {
	list-style: none;
	height: 129px;
	margin: 15px auto 35px;
	padding: 0;
	width: 755px;
	}
	ul.Options ul { 
		list-style: none;
		margin: 0;
		padding: 0;
		}
	ul.Options li { float: left; }
	ul.Options li p { margin: 0; }
		li.OptionOr {
			display: block;
			padding-top: 30px;
			width: 127px;
			text-align: center;
			}
		li.Option1, li.Option2 {
			display: block;
			background: #A1B76B url(../../Images/options_bg.gif) no-repeat left top;
			height: /*129px*/ 114px;
			padding: 15px 0 0 20px;
			width: /*314px*/ 294px;	
			}
			li.Option1 h3, li.Option2 h3 {
				color: #FFF;
				margin: 0 0 10px 0;
				padding: 0;
				}
			ul.Options li li { 
				float: none;
				margin: 0 0 0 35px;
				padding: 0;
				}

ul.ColourOpts {
	background: url(../../Images/colouroptions.jpg) no-repeat left top;
	height: /*75px*/ 63px;
	list-style: none;
	margin: 0 auto;
	padding: 12px 0 0 35px;
	width: /*582px*/ 547px;
	}
	ul.ColourOpts li {
		float: left;
		margin: 0;
		padding: 0 10px 0 0;
		text-indent: -9999px;
		}
		ul.ColourOpts a {
			display: block;
			height: 42px;
			width: 42px;
			}

.TableStyle {
	margin: 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	}
	.TableStyle th {
		background: #a1b76b;
		padding: 3px 6px;
		}
	.TableStyle td { padding: 2px 4px; }
	.AltRow { background: #f7f7ec; }



/* ---------------------
	Typography
--------------------- */

h2 sup { font-size: 12px; }

#Nav, #Footer, #Footer p, #Footer div {
	color: #5d532d;
	font-size: 13px;
	line-height: 18px;
	}
	#Footer sup { font-size: 10px; }
	#Footer div.RkdLink {
		font-size: 10px;
		color: #8d8566;
		}
		#Footer div.RkdLink a { color: #8d8566; text-decoration: none; }
#Nav { text-align: right; }
	#Nav a { font-weight: bold; font-size: 14px; }
	#Nav a:link { color: #5d532d; text-decoration: none; }
	#Nav a:visited { color: #5d532d; text-decoration: none; }
	#Nav a:hover { color: #097800; text-decoration: underline; }
	#Nav a:active { color: #097800; text-decoration: underline; }

/*div.Colours,*/ .Note {
	color: #5d532d;
	font-size: 12px;
	line-height: 18px;
	}
	.Note a:link { color: #5d532d; text-decoration: underline; }
	.Note a:visited { color: #5d532d; text-decoration: underline; }
	.Note a:hover { color: #097800; text-decoration: underline; }
	.Note a:active { color: #097800; text-decoration: underline; }
	
.Order h2, .Order p, div.Wholesale  { color: #FFF; }

div.Wholesale { text-align: center; }
	.Wholesale a:link { color: #FFF; text-decoration: underline; }
	.Wholesale a:visited { color: #FFF; text-decoration: underline; }
	.Wholesale a:hover { color: #e3e3c4; text-decoration: underline; }
	.Wholesale a:active { color: #e3e3c4; text-decoration: underline; }

ul.Options li p { font-size: 18px; }
li.Option1 h3, li.Option2 h3 { color: #FFF; }

.TableStyle th {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	}
.TableStyle td { font-size: 12px; }

#OrderForm input {text-align: center; }

td.Light { color: #5d532d; }