/* 
	GARDEN CITY PACKAGING PRINT CSS
	CREATED: 12.04.06
	LAST MODIFIED: 09.08.07
	AUTHOR: ANDY FIELD
*/

/*
	COLOURS:
	DARK GREEN: #006666;
	MID GREEN: #b9dcb5;
	ORANGE: #f47023;
	GREEN TINT 01: #c1dbd5;
	GREEN TINT 02: #d9f0d7;
	GREEN TINT 03: #edf0ed;
	YELLOW: #fffd88;
*/

/* GENERIC CONTROLS
***********************************************/

html, 
table,
form { 
	font-size: 100%; /* IE HACK */
}

body {
	font: 62.5%/100% 'lucida grande', tahoma, arial, helvetica, sans-serif;
	color: #000;
	background: #fff url(/images/bground.png) 0 0 repeat-x;
	text-align: center;
}

.clearme {
	clear: both;
}

/* UNDO CONTROLS
***********************************************/

dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin: 0; 
	padding: 0;
}

a img,
:link img,
:visited img {	
	border: none;
}

address,
abbr  { 
	font-style: normal;
}

img {
	border: none;
}

/* TYPOGRAPHIC CONTROLS
***********************************************/

p {
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom: 1em;
}

p.area {
	font-size: 1.1em;
	color: #f47023;
	padding-bottom: 0.6em;
}

.standfirst,
strong {
	color: #066;
	font-weight: bold;
}

h1,h2 {
	letter-spacing: -0.05em
}

h1 {
	font-size: 2.2em;
	font-weight: bold;
	color: #066;
	padding-bottom: 1em;
}

h2 {
	font-size: 1.5em;
	padding-bottom: 1em;
}

h3 {
	font-size: 1.3em;
	padding-bottom: 1em;
}

#productlist h3 {
	width: 90%;
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0;
	padding: 0.4em 0;
	border-bottom: 1px solid #d9f0d7;
}

#contactrhs h3 {
	font-size: 1.3em;
	line-height: 1.6em;	
	color: #066;
	padding-bottom: 0.4em;
}

dl {
	width: 90%;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

dt {
	margin: 0;
	border: none;
}


dd {
	margin: 0;
	border-bottom: 1px solid #d9f0d7;
}

dt {
	font-weight: bold;
	margin-top: 1em;
	padding: 0.2em 0;
}

#productlist h3.start,
dt.start {
	margin-top: 0;
}

dd a {
	display: block;
	padding: 0.2em 0 0.2em 0.8em;
	background: url(/images/lhsarrow.gif) 0 50% no-repeat;
}

dd a:hover {
	background: url(/images/lhsarrowon.gif) 0 50% no-repeat;
}

#headercontainer span a {
	float: left;
	width: 400px;
	height: 110px;
	text-indent: -3000px;
	margin: 0 0 0 2em;
	padding: 0;
	background: url(/images/logo.png) 0 0 no-repeat;
}

#headercontainer span.tel {
	float: right;
	width: 220px;
	height: 110px;
	text-indent: -3000px;
	margin: 0;
	padding: 0;
	background: url(/images/telnumber.gif) 0 0 no-repeat;
}

#home #contentcontainer h3 {
	font-family: tahoma;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.5em;
	color: #066;
	margin: 0 4em 0 310px;
	padding-bottom: 0.2em;
}

#home #contentcontainer p {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #066;
	margin: 0 4em 0 310px;
	padding-bottom: 0.4em;
}

#home #contentcontainer a {
	font-size: 1em;	
}

#footercontainer p {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #333;
	padding: 0 1em 0 2em;
}

#home #footercontainer p a {
	float: none;
}

#footercontainer p a {
	float: right;
}

span.alert {
	font-size: 1.4em;
	line-height: 1.5em;
	color: #066;
}

.footnote {
	width: 95%;
	margin: 0 0 2em 0; 
	background: #d9f0d7;
	border: 1px solid #fff;
}

.footnote h3 {
	color: #066;
	padding: 0.6em 0.6em 0 0.6em;
}

.footnote p {
	padding: 0.6em;
}


/* LINK AND NAVIGATION CONTROLS 
***********************************************/

a {
	color: #066;
	text-decoration: none;
}

a:hover {
	color: #f46717;
}

#home #contentcontainer p a {
	color: #f46717;	
}

#home #contentcontainer p a:hover {
	color: #066;	
}

ul#nav {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	padding: 4px 0 0 0;
	background: #066 url(/images/navbg.png) 0 0 repeat-x;
	border-top: 2px solid #066;
}

ul#nav li {
	float: left;
	background: url(/images/tabrhs_green.png) top right no-repeat;
}

body#home ul#nav li.start,
body#about ul#nav li.about,
body#products ul#nav li.products,
body#contact ul#nav li.contact,
body#sitemap ul#nav li.sitemap,
ul#nav li.on {
	float: left;
	color: #fffd88;
	background: url(/images/tabrhs.png) top right no-repeat;	
}

body#home ul#nav li.start a,
body#about ul#nav li.about a,
body#products ul#nav li.products a,
body#contact ul#nav li.contact a,
body#sitemap ul#nav li.sitemap a,
ul#nav li.on a {
	color: #fffd88;
	background: url(/images/tablhs.png) top left no-repeat;
}

ul#nav li.start {
	display: inline; /* IE DOUBLE FLOAT MARGIN BUG FIX */
	margin: 0 0 0 2em;
	background: url(/images/tabrhs_green.png) top right no-repeat;
}

ul#nav li.starton {
	display: inline; /* IE DOUBLE FLOAT MARGIN BUG FIX */
	margin-left: 2em;
	background: url(/images/tabrhs.png) top right no-repeat;
}

ul#nav li.starton a {
	background: url(/images/tablhs.png) top left no-repeat;
}

ul#nav li a {
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 1.8em;
	padding: 0.4em 1em 0.2em 1em;
	background: url(/images/tablhs_green.png) top left no-repeat;
}

ul#nav li a:hover {
	color: #065;
}

ul#nav li.on a:hover,
ul#nav li.starton a:hover {
	color: #fffd88;
}

ul#subnav {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#products ul#subnav {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 0 2em 0;
}

ul#subnav li {
	display: inline;
	margin: 0;
}

ul#subnav li.more {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	color: #066;
	padding: 0 0 0.6em 1em;
}

ul#subnav li a {
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-right: 2em;
	padding: 0.2em 1em 0.2em 1.6em;
	background: url(/images/rhsarrow.gif) 10px 7px no-repeat;
	border-bottom: 1px solid #d9f0d7;
}

ul#subnav li a:hover {
	color: #f46717;
	background: url(/images/rhsarrowon.gif) 10px 7px no-repeat;
}

ul#subnav li.image {
	display: block;
	height: 140px;
}

#products ul#subnav li.image {
	display: block;
	height: 140px;
}

/* SIDEBAR CONTROLS
***********************************************/

#banner h3 {
	background: url(/images/bannertop.gif) 0 0 no-repeat;
	height: 55px;
	margin: 10px auto 0 auto;
	padding: 0;
	position: relative;
	text-indent: -3000em;
	width: 180px;
}

ul#sidebar {
	background: url(/images/bannerbase.gif) 0 bottom no-repeat;
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 0 0 1em 0;
	width: 180px;
}

ul#sidebar li {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	padding: 0.4em 1em;
}

ul#sidebar li.start {
	font-size: 1.3em;
	line-height: 1.2em;
	color: #f47023;
}

ul#sidebar li a:hover {
	color: #fffd88;
}

/* LAYOUT CONTROLS
***********************************************/

#container {
	width: 96%;
	margin: 0 auto;
	background: #fff url(/images/innerbground.png) 0 0 repeat-x;
}

#headercontainer {
	width: 99%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #fff url(/images/headerbg.png) 0 0 repeat-x;
	border-bottom: 2px solid #f47023;
}

#contentcontainer {
	width: 99%;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 2em 0;
	background: #b9dcb5 url(/images/rhsbground.gif) right 0 repeat-y;
}

#home #contentcontainer {
	width: 99%;
	text-align: left;
	margin: 0 auto;
	padding: 3em 0 6em 0;
	background: #b9dcb5;
}

#home #contentcontainer img {
	float: left;
	margin: 0 0 0 18px;
}

#maincontent {
	width: auto;
	margin-right: 210px;
	padding: 2.5em 2em 2em 2em;
	background: #b9dcb5;
}

#contactlhs {
	float: left;
	width: 60%;
	margin-right: 3em;
}

#contactrhs {
	float: left;
}

#rhscontent {
	float: right;
	width: 200px;
	height: 170px;
	background: url(/images/rhsimagebase.gif) 0 140px no-repeat;
}

#rhscontent img {
	margin: 0 0 2em 0;
}

#footercontainer {
	width: 99%;
	text-align: left;
	margin: 0 auto;
	padding: 1.6em 0 2em 0;
	background: #d9f0d7;
	border-bottom: 5px solid #9ed39a;
}

/* TABLE CONTROLS
***********************************************/

table {
	width: 95%;
	margin: 0 0 2em 0;
	border-collapse: collapse;
	border: 1px solid #d9f0d7;
}

caption {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	color: #066;
	text-align: left;
	padding: 0 0 1em 0;
}

th, td {
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: left;
	padding: 0.4em 1em 0.4em 0.6em;
	background: #fff;
	border-bottom: 1px solid #d9f0d7;
}

th {
	font-weight: bold;
}

thead th {
	color: #fff;
	background: #066 url(/images/navbg.png) 0 0 repeat-x;
}

/* FORM CONTROLS
***********************************************/

fieldset {
	border: none;
	margin: 0;
}

legend {
	text-indent: -3000px;
}

label {
	display: block;
	float: left;
	font-weight: bold;
	color: #000;
	padding: 0 0 0.2em 0;
	width: 16em;
}

input,
select,
textarea {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 100%;
	padding: 0.2em;
}

input.long,
textarea.long {
	width: 55%;
}

label span {
	color: #f47023;
}

/* PRODUCT LIST CONTROLS
***********************************************/

.prodlist {
	clear: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}

.prodlist dl a:hover {
	background: url(/images/lhsarrowon.gif) 0 50% no-repeat;
}

.prodlist dt a:hover {
	background: none;
}

.stretcher  {
	background: none !important;
	background: #b9dcb5;
}

#productlist dl {
	margin: 0 0 1em 0;
}

#productlist dd {
	margin: 0;
	border: none;
}

/* OVERRIDES 
***********************************************/

ul#nav,
#rhscontent,
#top {
	display: none;
}

#headercontainer span a {
	display: block;
	font-family: georgia, times, serif;
	font-size: 2.2em;
	line-height: 1.6em;
	float: none;
	width: auto;
	height: auto;
	text-indent: 0;
	margin: 0;
	padding: 1em 0 0.2em 0;
	background: none;
}

#headercontainer span.tel {
	display: block;
	font-family: georgia, times, serif;
	font-size: 1.6em;
	float: none;
	width: autox;
	height: auto;
	text-indent: 0;
	margin: 0;
	padding: 0 0 1em 0;
	background: none;
}

#home #contentcontainer img{
	display: none;
}

#home #contentcontainer h3 {
	margin: 0;
}

#home #contentcontainer p {
	margin: 0;
}

#maincontent {
	margin-right: 0;
	padding: 2em 0;
}

#footercontainer p {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #333;
	padding: 0;
}

#footercontainer {
	border: none;
	border-top: 1px solid #9ed39a;
	padding: 1em 0;
}