* {
	margin:0;
	padding:0;
	border:0;
}

body {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:#555 url(images/site_objects/bg_pattern.gif);
	overflow-y:scroll
}

#header {
	font-size:80%;
	border-top:3px solid #81bf20;
	width:960px;
}

.logo {
	float:left;
	width:270px;
	padding:0 20px 0 0;
}

#header .banners {
	padding:20px 0;
	float:right;
}

#header .banners img {
	border:1px solid #81bf20;
}

ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	font-size:160%;
}

ul#nav li {
	display:inline;
	float:left;
	margin:0;
	background:#323232 url(images/site_objects/nav_divider.gif) no-repeat right;
	padding:10px;
}
ul#nav li.nodivider {
	background-image:none;
}

ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
	text-decoration:none;
	color:#81bf20;
}

ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active {
	text-decoration:none;
	color:#fff;
}

ul#nav li a.lit, ul#nav li a.lit:link, ul#nav li a.lit:visited, ul#nav li a.lit:hover, ul#nav li a.lit:focus, ul#nav li a.lit:active {
	text-decoration:none;
	color:#fff;
}


ul#subnav {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-size:140%;
	background:#323232;
	width:100%;
}

ul#subnav li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	background:#323232 url(images/site_objects/nav_divider.gif) no-repeat right;
	padding:10px;
}
ul#subnav li.nodivider {
	background-image:none;
}

ul#subnav li a, ul#subnav li a:link, ul#subnav li a:visited {
	text-decoration:none;
	color:#81bf20;
}

ul#subnav li a:hover, ul#subnav li a:focus, ul#subnav li a:active {
	text-decoration:none;
	color:#fff;
}

ul#subnav li a.lit, ul#subnav li a.lit:link, ul#subnav li a.lit:visited, ul#subnav li a.lit:hover, ul#subnav li a.lit:focus, ul#subnav li a.lit:active {
	text-decoration:none;
	color:#fff;
}



#wrapper {
	width:960px;
	margin:0 auto;
	clear:both;
}

#footer {
	font-size:80%;
	background:#fff;
	width:960px;
	float:left;
	border-top:1px solid #323232;
	border-bottom:3px solid #81bf20;
}

#footer .grid_6 {
	width:920px;
}

/*
.banners {
	float:left;
	width:960px;
	margin:0 0 20px 0;
}

.banners img {
	border:1px solid #81bf20;
	margin:0;
	padding:0;
	float:left;
}
*/

.divider {
	/*background:#81bf20;*/
	height:20px;
	float:left;
	width:960px;
}

.container {
	border-top:3px solid #81bf20;
	border-bottom:1px solid #323232;
	width:960px;
	margin:20px auto;
	clear:both;
	font-size:80%;
	background:#fff;
	float:left;
	padding-bottom:40px;
}


/* Typography
----------------------------------------------------------------------------------------------------*/
h1, h2, h3 {
	font-size:160%;
	font-weight:normal;
	padding:10px 0;
}

p {
	margin:0 0 10px 0;
}

p.price {
	font-size:140%;
}

p span.floatleft {
	width:120px;
	float:left;
}
p span.floatright {
	width:120px;
	float:right;
	text-align:right;
}

h2.error, p.error {
	color:#f00;
}

a, a:link, a:visited {
	color:#000;
	text-decoration:underline;
}

a:hover, a:focus, a:active {
	color:#000;
	text-decoration:none;
}

ul.actions {
	padding:0;
	margin:0;
}
ul.actions li {
	list-style:none;
	width:120px;
}

ul.actions li.more {
	background:#000 url(images/site_objects/bg_more.gif) no-repeat left;
	padding:4px 0 4px 20px;
	margin:0 0 5px 0;
}
ul.actions li.add {
	background:#000 url(images/site_objects/bg_add.gif) no-repeat left;
	padding:4px 0 4px 20px;
	margin:0 0 5px 0;
}

ul.actions li a, ul.actions li a:link, ul.actions li a:visited {
	color:#fff;
	text-decoration:none;
}
ul.actions li a:hover, ul.actions li a:focus, ul.actions li a:active {
	color:#fff;
	text-decoration:underline;
}

ul.links {
	padding:0 0 0 15px;
}
ul.links li {
	margin:0 0 10px 0;
}


/* Colours / backgrounds
----------------------------------------------------------------------------------------------------*/
.whitebox {
	background:#fff;
}

.featured_bg {
	background:#fff url(images/site_objects/bg_featured.gif) top no-repeat;
}
.featured_bg_f2 {
	background:#fff url(images/site_objects/bg_featured_f2.gif) top no-repeat;
}






/* Image preview
----------------------------------------------------------------------------------------------------*/

pre {
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
ul.previews, ul.previews li{
	margin:0;
	padding:0;
}
ul.previews li {
	list-style:none;
	float:left;
	display:inline;
	margin-right:12px;
}
ul.previews li.nomargin {
	margin-right:0;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}




/* Containers
----------------------------------------------------------------------------------------------------*/
.container_6 {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.halfalpha {
	margin-left: 10px;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_6 .grid_1 {
	width:140px;
}
    .container_6 .grid_2 {
	width:300px;
}
    .container_6 .grid_3 {
	width:460px;
}
    .container_6 .grid_4 {
	width:620px;
}
    .container_6 .grid_5 {
	width:780px;
}
    .container_6 .grid_6 {
	width:940px;
}






/* Margins
----------------------------------------------------------------------------------------------------*/
.negmargin10 {
	margin-top:-10px;
}
.negmargin20 {
	margin-top:-20px;
}
.margintop10 {
	margin-top:10px;
}
.margintop20 {
	clear:both;
	padding-top:20px;
}



/* Padding
----------------------------------------------------------------------------------------------------*/
.padding10 {
	padding:10px;
}



/* Forms
----------------------------------------------------------------------------------------------------*/

.cssform p {
	clear: left;
	margin: -2px;
	padding: 5px 0 5px 0;
	padding-left: 170px; /*width of left column containing the label elements*/
	border-top: 1px solid #81bf20;
	/*background: #81bf20;*/
	background:#F2FDCC;
	height: 1%;
}

.cssform label {
	font-weight: bold;
	margin-top: 5px;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input { /*width of text boxes. IE6 does not understand this attribute*/
	width: 280px;
	height:20px;
	padding:5px;
	border: 1px solid #81bf20;
	font-family:Arial, Helvetica, sans-serif;
}

.cssform input.submit {
	clear:both;
	width:70px;
	padding:2px 5px;
	height:30px;
	cursor:pointer;
}

.cssform textarea {
	width: 280px;
	height: 150px;
	padding:5px;
	border: 1px solid #81bf20;
	font-family:Arial, Helvetica, sans-serif;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.clearboth {
	clear:both;
}