/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

html, body {
		height: 100%;
		}

body {
		background: #7fadd4;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		margin: 0 10px;
		background: #7fd4aa;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		}
		
#innerWrapper {
		background: #ffffff;
		margin: 0 6px;
		padding: 0 10px;
		height: 100%;
		}

#masthead {
		}
		
#logo {
		width: 176px;
		float: left;
		}
		
#navContainer {
		float: right;
		padding-top: 10px;
		}

#searchPanel {
		clear: both;
		background: #000000;
		padding: 1px 0;
		margin-bottom: 10px;
		}

#searchPanelInner {
		background: #048141;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		padding: 0 10px;
		}

#searchPanel form {
		float: right;
		height: 2.2em;
		}

#searchField {
		border: 0;
		width: 200px;
		padding: 1px;
		margin-left: 3px;
		}

#searchGo {
		background: #000000;
		color: #ffffff;
		border: 0;
		padding: 1px 3px;
		margin-left: 3px;
		}

#footer {
		clear: both;
		padding: 30px 0 20px;
		border-top: 1px solid #000000;
		margin-top: 2em;
		text-align: right;
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.centralSeparator {
		width: 100%;
		margin-bottom: 0px;
		}

.boxout {
		border: 1px solid #7fadd4;
		margin-bottom: 10px;
		padding: 10px 10px 2px;
		background: #d8e6f2 url(assets/shared/boxout-gradient.gif) repeat-x;
		}

.productBackground {
		background: #d8e6f2 url(assets/boxout-product.gif) repeat-x;
		}

	/* columns */
#leftColumn {
		width: 176px;
		position: absolute;
		left: 27px;
		}

#rightColumn {
		width: 176px;
		position: absolute;
		right: 27px;
		}

#mainContent {
		margin: 0 186px;
		}
		
hr {
		margin-top: 2em;
		margin-bottom: 2em;
		border-top: none;
		border-left: none;
		border-right: none;
		background-color: #ffffff;
		border-bottom: 1px solid #7fd4aa;
		height: 0;
		}

hr.lite {
		border-bottom-color: #cccccc;
		}

hr.dotted {
		margin-top: 0.5em;
		border-bottom: 1px dotted #7fd4aa;
		margin-bottom: 1.5em;
		}

.noTopMargin {
		margin-top: 0;
		}

.itemBox {
		}

.noRightMargin {
		margin-right: 0;
		}

/* ---------- 3. links and navigation ---------- */

a {
		color: #048141;
		}
		
a:hover {
		color: #000000;
		}

#navContainer {
		font: bold 1.1em Arial, sans-serif;
		text-transform: uppercase;
		width: 536px;
		}

#mainNav ul {
		clear: left;
		}

#navContainer li {
		display: inline;
		}

#pullNav {
		height: 29px;
		text-align: right;
		}

#pullNav a {
		color: #000000;
		text-decoration: none;
		}
		
#pullNav a:hover {
		text-decoration: underline;
		}
		
#pullNav li {
		padding-left: 3px;
		}

#mainNav a {
		color: #ffffff;
		width: 125px;
		display: block;
		float: left;
		background: #048141;
		text-decoration: none;
		line-height: 1.5em;
		border-bottom: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		padding: 0 4px;
		}

#mainNav .productsList a {
		background: #000000;
		}

#mainNav .productsList {
		margin-bottom: 10px;
		}

#mainNav a:hover {
		background: #3bb375;
		text-decoration: underline;
		}

#mainNav .productsList a:hover {
		background: #666666;
		}

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}
		
body {
		font-size: 62.5%;
		font-family: Verdana, Arial, sans-serif;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
		font: bold 1.5em Arial, sans-serif;
		margin-bottom: 20px;
		}

.extraTopPadding {
		padding-top: 10px;
		}

.boxout h1 {
		margin: -10px -10px 10px;
		text-align: center;
		background: #7fadd4;
		color: #ffffff;
		text-transform: uppercase;
		font: bold 1.2em/1.8em Arial, sans-serif;
		
		}

h2 {
		font: bold 1.2em Verdana, Arial, sans-serif;
		margin-bottom: 4px;
		}

.boxout h2 {
		font: bold 1.1em Verdana, sans-serif;
		margin-bottom: 10px;
		}

h3 {
		}
		
h4 {
		}

p {
		font: 1.1em/1.3em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
		}

.boxout p {
		font: bold 1.0em Verdana, Arial, sans-serif;
		}

.alignRight {
		text-align: right;
		}

#searchPanel {
		color: #ffffff;
		font: bold 1.1em/2.4em Arial, sans-serif;
		text-transform: uppercase;
		}

#searchField {
		font: 1.1em/1.0em Arial, sans-serif;
		text-transform: none;
		}

#searchGo {
		text-transform: uppercase;
		font: bold 1.1em Arial, sans-serif;
		}

ul {
		list-style-type: none;
		}

#leftColumn ul, #mainContent ul, #rightColumn ul {
		list-style-type: disc;
		margin-left: 1.5em;
		margin-bottom: 1em;
		}

#leftColumn ul {
		margin-top: -0.8em;
		list-style-type: none;
		margin-left: 0;
		}

#leftColumn li {
		font-size: 1.0em;
		margin-bottom: 1px;
		padding-left: 12px;
		background: url(assets/shared/double-arrow-bullet.gif) 0px 65% no-repeat;
		}

.emphasisText {
		font-size: 1.1em;
		}
		
p.offerText {
		font-size: 2.2em;
		margin-bottom: 10px;
		margin-top: 1em;
		}

/* ---------- 5. images ---------- */

#logo img {
		display: block;
		}

#pullNav img {
		margin-top: 3px;
		margin-bottom: -3px;
		}

.boxout img {
		margin-bottom: 1em;
		}

a img {
		border: 0;
		}

img.floatRight {
		border: 1px solid #7fd4aa;
		float: right;
		margin: 0 0 1em 1em;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}