@charset "UTF-8";
/* Copyright Word Work Communications Inc. 2008 */

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background: url(../images/bg.jpg) repeat-x;
	background-color: #000;
	font-size: 62.5%;
}

body.generations {
	height: 100%;
	background: url(../images/generationsbg.jpg) repeat-x;
	background-color: #18233e;
	font-size: 62.5%;
}

/* Float Align Styles */

div.floatleft {float: left;}
div.floatright {float: right;}
img#floatleft {float: left;}
img#floatright {float: right;}
div.alignleft {text-align: left;}
div.alignright {text-align: right;}

/* Width Styles */

div.w-250 {width: 250px;}

/* URL Styles */

a {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}

a img {
	border: 0px;
}

/* Paragraph Styles */

p {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.3em;
}

/* Header Styles */

h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.5em;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1.6em;
	line-height: 1.7em;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1.8em;
	line-height: 1.9em;
	margin: 0px 0px 0px 0px;
}

/* Color Bars */

div#greenbar {
	background-color: #64bc5f;
	height: 7px;
}

div#bluebar {
	background-color: #7388e5;
	height: 7px;
}

div#purplebar {
	background-color: #d690f0;
	height: 7px;
}

div#purplebar2 {
	background-color: #e6bcf6;
	height: 7px;
}

div#orangebar {
	background-color: #f09930;
	height: 7px;
}

div#tealbar {
	background-color: #6bd8d7;
	height: 7px;
}

/* Blue Styles */

div.bluecontent {
	padding: 35px 30px 30px 30px;
}

div.bluecontent p{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 0px 0px 15px 0px;
}

div.bluecontent a{
	text-decoration: none;
	font-style: italic;
	color: #364cb3;
}

div.bluecontent a:hover{
	color: #5268cc;
}

div.bluecontent h1{
	font-family: Helvetica, Arial, sans-serif;
	color: #5268cc;
	border-bottom: 1px solid #7388e5;
	font-size: 1.7em;
	line-height: 1.6em;
	margin: 0px 0px 5px 0px;
}

div.bluecontent h2{
	font-family: Helvetica, Arial, sans-serif;
	color: #364cb3;
	font-size: 1.5em;
	line-height: 1.6em;
}

div.bluecontent ul{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0px 0px 15px 45px;
}

div.bluebox {
	margin: 6px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 3px solid #e5eaff;
}

div.bluebox p{
	color: #364cb3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
}

div.bluebox a{
	color: #5268cc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

div.bluebox a:hover {
	color: #364cb3;
}

/* Green Styles */

div.greencontent {
	padding: 35px 30px 30px 30px;
}

div.greencontent p{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 0px 0px 15px 0px;
}

div.greencontent p.greenhead {
	font-size: 1.6em;
	line-height: 1.4em;
	color: #64bc5f;
	margin-bottom: 15px;
}

div.greencontent p.producthead {
	font-family: Helvetica, Arial, sans-serif;
	color: #443247;
	font-size: 1.7em;
	line-height: 1.2em;
	margin: 10px 0px -10px 0px;
}

div.greencontent p.productdescription {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0px 0px -5px 0px;
}

div.greencontent p.productprice {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 15px;
	line-height: 14px;
	margin: 0px 0px -10px 0px;
}

div.greencontent p.productprice em {
	font-style: normal;
	font-weight: bold;
}

div.greencontent a{
	font-size: 14px;
	text-decoration: none;
	font-style: italic;
	color: #40753c;
}

div.greencontent a:hover{
	color: #000;
}

div.greencontent h1{
	font-family: Helvetica, Arial, sans-serif;
	color: #64bc5f;
	border-bottom: 1px solid #b2deaf;
	font-size: 1.7em;
	line-height: 1.6em;
	margin: 0px 0px 5px 0px;
}

div.greencontent h2{
	font-family: Helvetica, Arial, sans-serif;
	color: #40753c;
	font-size: 1.5em;
	line-height: 1.6em;
}

div.greencontent h3{
	font-family: Helvetica, Arial, sans-serif;
	color: #40753c;
	font-size: 1.5em;
	line-height: 1.6em;
	margin: 20px 0px 5px 0px;
}

div.greencontent h4{
	font-family: Helvetica, Arial, sans-serif;
	color: #64bc5f;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 20px 0px 5px 0px;
}

div.greencontent label{
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 1.2em;
	line-height: 1.6em;
}

div.greencontent span.paymenttype {
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 1.3em;
	line-height: 1.4em;
}

div.greencontent ul{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0px 0px 15px 45px;
}

div.greencontent div.item{
	margin: 0px 0px 5px 0px;
}

div.greencontent table.storecart {
	font-family: Helvetica, Arial, sans-serif;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #b2deaf;
	font-size: 1.3em;
	width: 100%;
}

div.greencontent td {
	color: #555;
	font-size: 1.1em;
	padding: 9px;
	vertical-align: top;
}

div.greencontent th {
	color: #000;
	padding: 9px;
	background: #fafffa;
	border-bottom: 1px solid #b2deaf;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;

}

div.greencontent tr.val td {
	border-bottom: 1px solid #b2deaf;
}

div.greencontent tr.shipping td {
	border-bottom: 1px solid #b2deaf;
}

div.greencontent  th.quantity, div.greencontent td.quantity {
	text-align: right;
	width: 50px;
}

div.greencontent  th.quantity {
	text-align: left;
}

div.greencontent td.actions {
	text-align: right;
}

div.greencontent td.actions a {
	font-size: 12px;
	font-weight: bold;
	margin: 0 18px 0 0;
	text-decoration: none;
}

div.greencontent strong {
	font-size: 1.3em;
	color: #000;
}

div.greenbox {
	clear: both;
	width: auto;
	margin: 30px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	border: 2px solid #daf5de;
	text-align: center;
}

div.greenbox p{
	color: #40753c;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
}

div.greenbox a {
	color: #64bc5f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

div.greenbox a:hover {
	color: #40753c;
}

/* Purple Styles */

div.purplecontent {
	padding: 35px 30px 30px 30px;
}

div.purplecontent p{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 0px 0px 15px 0px;
}

div.purplecontent a{
	text-decoration: none;
	font-style: italic;
	color: #8300b3;
}

div.purplecontent a:hover{
	color: #c348f0;
}

div.purplecontent h1{
	font-family: Helvetica, Arial, sans-serif;
	color: #c348f0;
	border-bottom: 1px solid #d690f0;
	font-size: 1.7em;
	line-height: 1.6em;
	margin: 0px 0px 5px 0px;
}

div.purplecontent h2{
	font-family: Helvetica, Arial, sans-serif;
	color: #8300b3;
	font-size: 1.5em;
	line-height: 1.6em;
}

div.purplecontent h3{
	font-family: Helvetica, Arial, sans-serif;
	color: #8300b3;
	font-size: 1.3em;
	margin: 0px 0px 0px 20px;
}

div.purplecontent h4{
	font-family: Helvetica, Arial, sans-serif;
	color: #8300b3;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
	border-bottom: 1px solid #d690f0;
	padding: 0px 0px 20px 20px;
	margin: 0px 0px 20px 0px;
}

div.purplecontent h5{
	font-family: Helvetica, Arial, sans-serif;
	color: #c348f0;
	font-size: 1.7em;
	margin: 0px 0px 25px 0px;
}

div.purplecontent ul{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0px 0px 15px 45px;
}

div.purplebox {
	margin: 6px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 3px solid #ffe5ff;
}

div.purplebox p{
	color: #8300b3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
}

div.purplebox a{
	color: #c348f0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

div.purplebox a:hover {
	color: #8300b3;
}

/* Orange Styles */

div.orangecontent1 {
	float: left;
	width: 340px;
	margin: 35px 0px 30px 0px;
	padding: 0px 20px 0px 30px;
	border-right: 1px solid #f09930;
}

div.orangecontent1 p{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 0px 0px 15px 0px;
}

div.orangecontent1 a{
	text-decoration: none;
	font-style: italic;
	color: #f08400;
}

div.orangecontent1 a:hover{
	color: #f09930;
}

div.orangecontent1 h1{
	font-family: Helvetica, Arial, sans-serif;
	color: #2a6c90;
	border-bottom: 1px solid #42a1b3;
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0px 0px 5px 0px;
}

div.orangecontent1 h2{
	font-family: Helvetica, Arial, sans-serif;
	color: #2a6c90;
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
}

* html div.orangecontent1 h2{
	font-size: 1.3em;
	line-height: 1.2em;
}

*+ html div.orangecontent1 h2{
	font-size: 1.3em;
	line-height: 1.2em;
}

div.orangecontent1 h3{
	font-family: Helvetica, Arial, sans-serif;
	color: #2a6c90;
	border-bottom: 1px solid #42a1b3;
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0px 0px 5px 30px;
}

div.orangecontent1 ul{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0px 0px 15px 45px;
}

div.orangecontent2 {
	float: right;
	width: 160px;
	margin: 35px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
}

div.orangecontent2 p{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding: 15px 0px 0px 0px;
	line-height: 12px;
}

div.orangecontent2 em{
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
}

div.orangecontent2 a{
	font-size: 1.1em;
	line-height: 1.2em;
	text-decoration: none;
	font-style: italic;
	color: #000;
}

div.orangecontent2 a:hover{
	color: #f08400;
}

div.orangecontent2 h1{
	font-family: Helvetica, Arial, sans-serif;
	color: #f09930;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0px 0px 5px 0px;
}

div.orangebox {
	margin: 6px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 3px solid #fff7e5;
}

div.orangebox p{
	color: #f08400;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	padding: 0px 0px 0px 0px;
}

div.orangebox a{
	color: #f09930;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

div.orangebox a:hover {
	color: #f08400;
}

/* Teal Styles */

div.tealcontent {
	float: left;
	width: 540px;
	padding: 35px 30px 30px 30px;
}

div.tealcontent p{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 0px 0px 15px 0px;
}

div.tealcontent td{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #000;
	padding: 0px 0px 10px 0px;
}

div.tealcontent form{
	width: 420px;
	padding: 10px 10px 10px 20px;
	border: 2px solid #daf5f5;
	
}

div.tealcontent label{
	font-family: Helvetica, Arial, sans-serif;
	color: #2a6c90;
	font-size: 1.1em;
}

div.tealcontent input{
	max-width: 180px;
}

div.tealcontent a{
	text-decoration: none;
	font-style: italic;
	color: #2a6c90;
}

div.tealcontent a:hover{
	color: #42a1b3;
}

div.tealcontent h1{
	font-family: Helvetica, Arial, sans-serif;
	color: #42a1b3;
	border-bottom: 1px solid #6bd8d7;
	font-size: 1.7em;
	line-height: 1.6em;
	margin: 0px 0px 5px 0px;
}

div.tealcontent h2{
	font-family: Helvetica, Arial, sans-serif;
	color: #2a6c90;
	font-size: 1.5em;
	line-height: 1.6em;
}

div.tealcontent h3{
	font-family: Helvetica, Arial, sans-serif;
	color: #2a6c90;
	font-size: 1.3em;
	margin: 0px 0px 0px 0px;
}

.tealcontenth4 {
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #60cbca;
	font-size: 1.4em;
	line-height: 1.0em;
}

div.tealcontent ul{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0px 0px 15px 45px;
}

div.tealbox {
	max-width: 420px;
	margin: 6px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	border: 2px solid #daf5f5;
}

div.tealbox p{
	color: #2a6c90;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
}

div.tealbox a {
	color: #42a1b3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

div.tealbox a:hover {
	color: #2a6c90;
}
