﻿/* Force a scroll bar to avoid page shift in Firefox 
ref http://www.communitymx.com/content/article.cfm?cid=528A0
*/
html { min-height: 100%; margin-bottom: 1px; }
body {	
	background-color:#aac6b8;
	margin:10px 0 0 0;
	padding:0;
}
p {
	margin:0;
	padding:0
}
a  {
	color: #777;
	text-decoration: underline;
}
td {
	margin:0;
}
a:hover {
	color: #333;
}
form {
	margin:0
}
select {
	margin:0 0 0.5em 1em;
	color:#666;
}
table {
	margin-left:1em;
	margin-top:0em;
	margin-bottom:1em;
}

.grouptable td {
	padding:0px 10px 0px 10px
}

.videotable td {
	padding:5px 10px 5px 0px
}
.videotable {
	margin-left:5px
}
h1 {
	line-height:150%;
	font: 1em Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#54acdc;
	margin-left:0.7em;
	letter-spacing:5px
}


h2 	{
	font: 0.95em Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#5C8B74;
	margin-left:0.7em
}

h3 	{
	font-weight:bold;
	color:#6b7092;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	font-style: normal;
	font-variant: normal;
	font-size: 0.8em;
	line-height: normal;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	text-align: left;
}
h4 	{
	font: 0.7em Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666666;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em
}
.newsHead {
	font: 0.8em Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#5c8b84;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-left: 1em
}
#container {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background-image:url('images/watermark-light.jpg');
	background-position:bottom left;
	background-repeat:no-repeat;
	border-radius:10px
}
#containerNo-watermark {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border-radius:10px
}
#containerLanding {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background-image:url('images/watermark.jpg');
	background-position:left;
	background-repeat:no-repeat;
	border-radius:10px	
}
#top {
	/* height: 10px;
	background-image:url('images/top_bar_800.gif');
	background-repeat:no-repeat */
	}
#header {
	height: 144px;
	margin-right:25px;
}
#wrapper {
	margin:0
}
#content {
	float:left;
	width:650px;
	margin: 0 15px 0 20px;
}
#contentmain {
	float:left;
	width:650px;

	margin: 0 15px 0 20px;
}

#contentShop {
	float:left;
	margin: 0 15px 0 20px;
	width:850px;
}
#contentLinks {
	float:left;
	margin: 20px 30px 0 30px;
	width:750px;
}



/* Landing page */
#landing {
	width:auto;	
}
#player1 {
	width:350px;
	margin-top:0px;
	padding: 0 1em 1.3em 1em;
	margin-left:auto;
	margin-right:auto
}
#welcome {
	margin-left:220px;
	margin-right:220px;
	margin-top:0em;
	margin-bottom:1em;
	line-height:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0.9em;
	color:#77a48d;
}
/* Chris Evans Interview Player */
#player2 {
	margin-left:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#77a48d;
}
#player2 a {
	color:#77a48d
}
/* CD Samples Player */
#player3 {
	margin:0.5em 0 0.5em 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#77a48d
}
#player3 a {
	color:#77a48d
}
#player4 {
	margin:0.5em 0 0.5em 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#77a48d
}
#player5 {
	margin:0.5em 0 0.5em 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#77a48d
}
#rightcol {
	float:right;
	width: 255px;
	margin-top:15px
}
#rightcolmain {
	float:right;
	width: 265px;
	margin-top:15px
}

#bottom {
	clear:both;
	/* height: 10px;
	background-image:url('images/bottom_bar_800.gif');
	background-repeat:no-repeat */
	}
#footer {
	background-color:#aac6b8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
	color:#fff
}
#footer_landing {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#aac6b8;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #666;
	text-decoration: none;
}
#cwebPlug {
	margin-top:1em;
	background-color:#aac6b8;
	font-family:Tahoma, Sylfaen, "Lucida Console", Arial, sans-serif;
	font-size:0.8em;
	text-align:center;
	color:#fff
}
#cwebPlug a {
	color: #08f;
	text-decoration: underline;
}
#cwebPlug a:hover {
	color: #08f;
	text-decoration: none;
}

#header .nav {
	float: left;
	width: 580px;
	padding-top:20px;
	text-align: right
}
#menu {
	margin-top:5px;
	list-style-type:none;
	width:590px;
}
#menu li {
	width:60px;
	
}

#menuphotolist {
	

	padding-left:0;
	margin-left:1em;
}

/*#menuphotolist ul ul{
	list-style-type:disc*/
}
#menuphotolist li {
	float: left;
	list-style-type:none;
	display:block;
	width:400px;
	margin: 0px 10px 10px 0px;
}
#shoplist {
	list-style-type:none;
	margin-left:1em;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
}
#shoplist li {
	float: left;
	width:200px;
	margin: 0px 25px 0px 0px;
	padding:0
}
#linklist {
	list-style-type:none;
	margin-top:2em;
	margin-left:1em;
	padding:0;
}
#linklist li {
	float: left;
	width:320px;
	margin: 0px 25px 0px 0px;
	padding:0
}







#default {
	list-style-type:none;
	margin-top:20px;
	color:#fff;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:0.8em
}
#default a {
	color:#fff;
	text-decoration:none
}
#default a:hover {
	text-decoration:underline
}
#default li {
	width:180px;
	float:left;
	text-align:center
}

#menu li {
	float: left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:10px;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#609178
}
#menu img {
	display:block
}
#menu a {
	text-decoration:none;
	/*color:#77a48d*/
	color:#889898
}
#menu a img {
	border:0px
}
#menu a:hover {
	text-decoration:underline;
	/*color:#55806a*/
	color:#5b6b6b
	}
#shopBottom {
	float:left;
	width:760px
}
.buttonText {
	line-height:130%;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: #666;
	margin-top:0px;
	margin-left:1.5em;
	margin-right:1.5em;
	padding:0 0.3em 0em 0em
}
.mainText {
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #666;
	line-height:145%;	
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom:0.5em;
	padding:0 0.3em 0.3em 0em
}

.topText {
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #666;
	line-height:100%;
	vertical-align:super;
	margin-left:2em;
	margin-right:1em	
	}

.mainText2 {
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #666;
	line-height:145%;	
	margin-left: 1em;
	margin-right: 1em;
	padding:0 0.3em 0.3em 0em
}
.mainText3 {
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #666;
	line-height:145%;	
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom:0em;
}
.mainText4 {
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	font-style:italic;
	color: #888;
	line-height:130%;
	width:285px;	
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom:0em;
}
ul.mainText {
	list-style-image:url('images/nav/baby-tiny-lean.jpg');
	margin-left:2em;
	margin-top:0.5em;
	margin-bottom:0.5em
}
ul.mainText2 {
	margin-left:2em;
	margin-top:0.5em;
	margin-bottom:0.5em
}
.rightImage {
	margin: 0.5em 1em 0em 0.3em;
	border:1px #aaa solid
}
.smallText {
	line-height:130%;
	text-align:justify;
	width:auto;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: #808080;
	width:190px;
	margin-left:1em;
	margin-right:1.5em;
}
.smallText2 {
	line-height:130%;
	text-align:justify;
	width:auto;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: #808080;
	margin-left:1.3em;
	margin-right:1.5em;
	margin-bottom:10px
}
.sideText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style:italic;
	line-height:130%;
	color: #808080;
	width:190px;
	border: 1px #808080 solid;
	border-radius:8px;
	margin-top:0.5em;
	margin-bottom:10px;
	padding:.6em 1em .6em 1em
	}
.sideText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style:italic;
	line-height:130%;
	color: #808080;
	width:490px;
	/*border: 1px #808080 solid;*/
	margin-left:1em;
	margin-bottom:10px;
	padding:.6em 1em .6em 1em
	}

	
.sideofferText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	line-height:130%;
	color: #cc2228;
	width:190px;
	border: 1px #808080 solid;
	margin-top:1em;
	margin-bottom:10px;
	padding:.6em 1em .6em 1em
	}

.rightcolImage {
	margin:0.5em 1em 0.5em 1em;
	border: 1px #ccc solid
}
.rightcolImage3 {
	margin:1em 1em 1em 2em;
}
.rightcolImage4 {
	margin:0em 1em 1em 0em;
}
.sideText2 {
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color:#808080;
	width:200px;
	margin: 0.5em 2em 0.5em 0em;
}
.leftImage {
	margin: 0.5em 1.5em 0.5em 1em;
	border:1px #ccc solid
}
.rightcolImage2 {
	border-width: 0px;
	margin: 0.5em 1em;
}
.rightHeading {
	margin-left:0px;
	margin-top:5px;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	width: 230px;
}
.photoCaption {
	float:left;
	margin-left:1em;
	text-align:center;
	color:#666;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.6em;
}
.photoCaptionRight {
	float:right;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	color:#666;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.6em;
}
.contact {
	list-style:none;
	margin-top:1em;
	padding-left:0;
	margin-left:2em;
	margin-bottom:0em;
	font-size:0.85em;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	color:#808080
}
.choices {
	margin-top:0em;
	padding-left:0;
	margin-left:2em;
	margin-bottom:0em;
	font-size:0.8em;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	color:#808080
}
.instruction {
	margin:0;
	font-size:0.8em;
	color:#888;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic
}
.instruction2 {
	width:300px;
	margin: 0 0 0.5em 1em;
	padding:0;
	font-size:0.8em;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic
}
.instruction3 {
	margin: 0.5em 0 0.5em 1em;
	padding:0;
	font-size:0.8em;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic
}
.matrix   { 
	color: #808080;
	margin-left:1em; 
	font-size: 0.8em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none
}
.textlogocolor {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color:#5C8B74;
	text-align: justify;
	line-height: 140%;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0em;
	padding: 0 0.5em 0.5em 0em;
}

.textheadercolor {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-weight:normal;
	color:#6C7B74;
	text-align:left;
	line-height: 130%;
	margin: 1em;
	
}

.textoffercolor {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color:#cc2228;
	text-align: justify;
	line-height: 130%;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	padding: 0 0.5em 0.5em 0em;
}

.headColor {
	color: #6B7092;
}
.centreFlags {
	color: #808080;
	margin-left: 1em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}
.buttonTable {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #666; /*text-align:justify;*/;
	line-height: 145%;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0 0.3em 0.3em 0em;
}
.tootsieThula {
	color:#58856F;
	font-style:italic;
}
.pdf {
	vertical-align: middle;
	border:none;
}
.logo {
	margin-top:0px;
	padding:0;
	border-width: 0px;
	float: right;
}
.imageBorder {
	border:1px #ccc solid
}
.style3 {
	color: #808080;
	margin-left: 1em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	background-color: #F0F0F0;
}
.style4 {
	color: #808080;
	margin-left: 1em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #F0F0F0;
	text-align: center;
}
.style7 {
	color: #808080;
	margin-left: 1em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #F4F4F4;
	text-align: center;
}
.style8 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.style6 {
	color: #808080;
	margin-left: 1em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	background-color: #F4F4F4;
}
.style2 {
	border-color: #CCCCCC;
	border-width: 0;
	color: #808080;
		margin-left: 1em;
		font-size: 0.8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	border-collapse: collapse;
}
.buytable {
	color:#444;
	margin:0 0 0 1em;
	padding:0;
	}
.buytable td {
 font-size:0.8em;
 font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	padding-bottom:0px;
	border: 1px #fff solid;
	background-color:#fafafa
}
.round_border
{
	border-radius:8px;
	-moz-border-radius:8px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:8px; /* Safari */
}
.boxShadow
{
	-webkit-box-shadow: 1px 1px 3px gray, -1px -1px gray;
	-moz-box-shadow: 1px 1px 3px gray,-1px -1px gray;
	box-shadow: 1px 1px 3px #f0f0f0, -1px -1px #f0f0f0;
}

