@charset "utf-8";
/* CSS Document */

html {
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a img {
	border:0;
}

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

.clear{
	clear:both;
}

hr {
	margin:0px 0 0px 0;
}

/* Layout CSS */

#Main {
	width: 989px;
	margin: 0 auto;
}

#Container {
	width: 989px;
	margin:auto;
}

#Header {
	width: 989px;
	height: 120px;
	background-image:url(../images/header.png);
	float:left;
}

#ContentContainer {
	width: 929px;
	float:left;
	background-image:url(../images/contentcontainermiddle.png);
	padding: 5px 30px 20px 30px;
}

#ContentContainerTop {
	width: 989px;
	float:left;
	margin-top:0px;
}

#ContentContainerBottom {
	width: 989px;
	float:left;
}

#SpiritColumn {
	width: 917px;
	float:left;
	margin:10px 0 0 0;
}

#LeftPic {
	width:628px;
	height:180px;
	float:left;
}

#RightPic {
	width:279px;
	height:180px;
	float:left;
	margin:0 0 0 20px;
}

#LeftColumn {
	width:628px;
	float:left;
	margin:10px 0 0 0;
}

#RightColumn {
	width:279px;
	float:left;
	margin:10px 0 0 20px;
}

#GoogleWrapper {
	height: 313px;
	width:277px;
	float:left;
	border: thin solid #CCCCCC;
	background-image:url(../images/shoppingcartback.png);
	background-repeat:no-repeat;
}

#RightCallout1 {
	width: 259px;
	float:left;
	padding:10px;
}

#LeftContent {
	width: 600px;
	float:left;
}

#ProductPic1 {
	width:140;
	float:left;
	padding-right:20px;
}

#ProductDescription {
	width:300;
	float:left;
}

#ProductInfoButton1 {
	width:400;
	float:left;
}


#LeftContentul1 {
	width: 300px;
	float:left;
}

#LeftContentul2 {
	width: 300px;
	float:left;
}

#FooterContainer {
	width: 929px;
	float:left;
	padding: 20px 30px 30px 30px;
}

#LeftColumnFooter {
	width:270px;
	float:left;
}

#RightColumnFooter {
	width:655px;
	float:left;
	
}

#LeftCalloutFooter {
	width: 270px;
	float:left;
}

#RightContentFooter {
	width: 655px;
	float:left;
	text-align:right;
}

.footertext {
	font-size:10pt;
	color:#f2f2f2;
	line-height:16pt;
}

	.footertext a {
	color:#f2f2f2;
	font-size:10pt;
	}

#Logo {
	width: 270px;
	height: 100px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 37px;
	position: absolute;
}	

#Newsletter {
	width: 460px;
	height: 30px;
	clear: both;
	color:#FFFFFF;
	font-size:8px;
	overflow: hidden;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 500px;
	position: absolute;
	text-align:right;
	
}	

#Courses {
	width: 149px;
	height: 100px;
	clear: both;
	color:#FFFFFF;
	font-size:18px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 330px;
	position: absolute;
	text-align:right;
		
}	


#Nav {
	width: 270px;
	height: 30px;
	clear: both;
	overflow: hidden;
	margin-top: 75px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 686px;
	position: absolute;
	display:block;
	text-align:right;
}	

/**
 * This is the typography section
*/

.form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#f2f2f2;
	line-height:30px;
		}
		
		.contactform {
			padding:2px;
			font-size:9pt;
		}

.typography * {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12pt;
}
.typography blockquote {
	margin-left:20px;
}
.typography hr {
	padding:0px;
}
.typography p,
.typography ul li,
.typography ol li {
	color:#f5f5f5;
	line-height:22px;
	font-size:11pt;
}
.typography p {
	margin-bottom:20px;
}


/** CMS LIST STYLES **/
.typography ul,
.typography ol {
	margin-left:10px;
	margin-bottom:20px;
}
	.typography ul li,
	.typography ol li {
		margin:4px 10px;
		line-height:1.4em;
	}
		.typography ul li {
		 list-style-type:disc;
		}
		.typography ol li {
			list-style-type:decimal;
    }

/* HEADER STYLES */

.typography h1,
.typography h2,
.typography h3,
.typography h4 {
	margin-bottom:10px;
}
.typography h1 {
	font-weight:normal;
	color:#f5f5f5;
	text-align: left;
	vertical-align: middle;
	line-height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
}
.typography h2 {
	font-weight:normal;
	color:#b6e4ea;
	text-align: left;
	padding:5px 5px 0px 5px;
}
	.typography h1 {
	font-size:16pt;
	}
	.typography h2 {
	font-size:12pt;
	}
	.typography h3 {
	font-size:12pt;
	font-weight:bold;
	color:#660000;
	}
	.typography h4 {
	font-size:12px;
	font-weight:bold;
	color:#660000;
	}

/* LINK STYLES */
.typography a {
	color:#f2f2f2;
	text-decoration:none;
  	font-size:11pt;
	text-decoration:none;
}
	.typography a:hover {
	color:#f2e1c1;
	text-decoration:underline;
	}
	
	.typography a.current {
	color:#f2f2f2;
	text-decoration:underline;
	}

/* Copyright 2008 Google. */

/** 
 * To customize cart's look -- copy the CSS selectors as is and 
 * use !important on your rules to make sure your rules have higher priority.
 */

.googlecart-add, .googlecart-buy, .googlecart-add-button,
.googlecart-buynow-button, #googlecart-widget-control {
  cursor: pointer;
}

/* base font size and family for the entire widget */
.googlecart-widget *,
.googlecart-widget {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: black;
}

/* widget and spacer are the same size */
#googlecart-widget,
#googlecart-widget-spacer {
  width: 16em;
  height: 2em;
}

/* do not hide other elements when under googlecart-widget-control */
#googlecart-widget-control #googlecart-widget {
  width:275px;
}

#googlecart-widget {
  position: absolute;
  z-index: 1000000;
  width:279px;
  text-align: left;
  margin-right: 4px;
  margin-top: 2px;
  right: 0;
  top: 0;
  padding: 0;
}

#googlecart-widget-head {
  border: 1px solid #C3D6F9;
  background-color: #EDF5FF;
  width: 279px;
  height: 1.6875em;
  line-height: 1.6875em;
  position: relative;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
}

#googlecart-arrow {
  float: left;
  margin: .5em .4em 0 .5em;
  height: .56em;
  width: .56em;
  line-height: .56em;
}

#googlecart-title {
  font-size: .92em;
  font-weight: bold;
  margin-right: .5em;
}

#googlecart-summary {
  font-size: .8em;
}

#googlecart-widget-body {
  border: solid #C3D6F9;
  border-width: 0 1px 1px 1px;
  background-color: #FFFFFF;
  width: 245px;
  height: 0;
  position: relative; /* Check this to detect if the CSS is loaded. */
  overflow: hidden;
  visibility: hidden;
}

#googlecart-widget-list {
  width: 100%;
  border-collapse: collapse;
  border: 0 none;
}

.googlecart-widget-item * {
  border: 0 none;
}
/**
 * IE 6 does not show TR border. Show the border only when the widget
 * is open, to avoid IE 6 rendering bug.
 */
.googlecart-widget-item, .open .googlecart-widget-item td {
  border-bottom: 1px solid #C3D6F9;
}

.googlecart-widget-quantity-column {
  padding: .4em .6em;
  vertical-align: top;
}

.googlecart-widget-quantity-box {
  text-align: right;
  padding: 0 2px 0 2px;
  font-size: .75em;
  width: 2em;
  border: 1px solid #A3C0F8;
}

.quirks .googlecart-widget-quantity-box {
  width: 2.5em;
}

.googlecart-widget-details-column {
  padding: .4em 0;
  vertical-align: top;
  width: 100%;
}

.googlecart-widget-title {
  display: block;
  color: blue;
  font-size: .8em;
  font-weight: bold;
}

.googlecart-widget-short-details {
  font-size: .75em;
}

.googlecart-widget-long-details {
  font-size: .7em;
  margin-top: .4em;
}

.googlecart-widget-removed-message {
  padding: .4em 0;
  vertical-align: top;
  font-size: .7em;
  display: none;
}

.googlecart-widget-image-column {
  padding: .4em .4em;
  text-align: right;
  vertical-align: top;
}

.googlecart-widget-img {
  width: 2.5em;
}

.googlecart-widget-price-column {
  padding: .4em .6em .4em 0;
  vertical-align: top;
  text-align: right;
}

.googlecart-widget-price {
  font-weight: bold;
  font-size: .8em;
}

.googlecart-widget-remove {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: .6em;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.googlecart-widget-restore {
  display: none;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: .6em;
  -moz-user-select: none;
  -khtml-user-select: none;
}

#googlecart-widget-emptymessage {
  border-bottom: 1px solid #C3D6F9;
  text-align: center;
  font-size: .8em;
  padding: 3px 0;
  height: 2em;
  line-height: 2em;
}

.removed .googlecart-widget-removed-message,
.removed .googlecart-widget-restore {
  display: block;
}

.removed .googlecart-widget-short-details,
.removed .googlecart-widget-long-details,
.removed .googlecart-widget-remove {
  display: none;
}

.removed .googlecart-widget-title,
.removed .googlecart-widget-price {
  color: #989898;
}

.removed .googlecart-widget-img {
  opacity: .25;
  filter: alpha(opacity=25);
}

.removed .googlecart-widget-quantity-box {
  border-color: #B2B2B2;
  background-color: #F4F4F4;
  color: #B2B2B2;
}

#googlecart-widget-foot {
  margin: .4em .3em .4em .6em;
}

#googlecart-widget-foot table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}

#googlecart-checkout-button {
  cursor: pointer;
  height: 33px;
  width: 150px;
  margin-left: .3em;
}

#googlecart-widget-foot td {
  padding: 0;
  border: 0 none;
  vertical-align: top;
}

.googlecart-widget-footertext {
  line-height: 100%;
  width: 100%;
}

.googlecart-widget-totalmessage {
  font-size: .8em;
}

.googlecart-widget-totalprice {
  font-size: .92em;
  font-weight: bold;
}

.googlecart-widget-disclaimer {
  font-size: .7em;
}

/** don't override the rules below unless you really know what you are doing **/

/* any table in the cart widget */
#googlecart-widget table {
  border: 0 none;
  margin: 0;
  /* table does not inherit text-align */
  text-align: left;
  font-size: 1em;
  line-height: 100%;
}

/* hidden row to work around FF 2 table rendering bugs */
#googlecart-widget-list-head, #googlecart-widget-list-head * {
  height: 0;
  border: 0 none;
  margin: 0;
  padding: 0;
}

#googlecart-widget-spacer {
  position: relative;
  display: block;
  z-index: 999999; /* one less than googlecart-widget */
}

/* when the widget is under spacer, it has no padding */
#googlecart-widget-spacer #googlecart-widget,
#googlecart-widget.nohead {
  margin: 0;
}

.googlecart-widget-initialized #googlecart-widget-head,
.googlecart-widget-initialized #googlecart-widget-body {
  display: block;
}

/* injecting the buy and add to cart images as backgrounds */
.googlecart-add-button {
  background: transparent url(add.png) no-repeat scroll center top;
  height: 30px;
  width: 106px;
}

.googlecart-buynow-button {
  background: transparent url(buy.png) no-repeat scroll center top;
  height: 43px;
  width: 107px;
}

/* IE fixes */

/* need these for IE7 rendering bug */
div.googlecart-buynow-button {  
  height: 43px;
  width: 107px;
}
div.googlecart-add-button {
  height: 30px;
  width: 106px;
}

/* IE 6/7 z-index fix
#googlecart-widget-control {
  z-index: 999998;
}

/* png transparency fix */
.ie-less-than-7 .googlecart-add-button {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://checkout.google.com/seller/gsc/v2.1/public/add.png", sizingMethod="crop");
}

.ie-less-than-7 .googlecart-buynow-button {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://checkout.google.com/seller/gsc/v2.1/public/buy.png", sizingMethod="crop");
}

/* this iframe is present in IE6 only, to address some z-index bugs */ 
.googlecart-widget-initialized #googlecart-widget-iframe {
  display: expression(googlecartWidget._IE6getIFrameHeight() > 0 ? "block" : "none");
  width: 100%;
  height: expression(googlecartWidget._IE6getIFrameHeight() + "px");
  position: absolute; /* so it is under the widget */
  filter: alpha(opacity=0);
}