/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $
 */

h1 {
	font-size: 1.5em;
	color: #9a9a9a;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
	float: left;
	margin: auto;
	display: block;
	width: 95%;
	border: solid 1px #859cb4;
	}
input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	border: solid 1px #859cb4;
	}

FIELDSET {
	padding: 0px;
	margin: 0px;
	border: 0px solid #cccccc;
	}

LEGEND {
	font-weight: normal;
	padding: 0px;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	border: 1px solid #fff;
	font: 900 12px "Century Gothic", Tahoma, Verdana, sans-serif;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*/

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:75px;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
	
#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

#navCatTabsWrapper {
	background-color: #ffffff;
	color: #9a9a9a;
	background-image:none;
}
ul {
	list-style-type: none;
}
#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

#navCatTabs ul li a {
	color: #9a9a9a;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #ffffff;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	}

#navEZPagesTop {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}

.alert {
	color: #FF0000;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}
*/
.tableHeading TH {
	border-bottom: 1px solid #9a9a9a;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

.centerBoxWrapper {
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #ffffff;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1em;
	color: #ffffff;
	}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #336633;
	margin-top: 1.5em;
	}

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #FFFFFF;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	color: #008000;
	text-decoration: none;
	}
A.category-links, A.category-links:visited {
	color: #004080;
	text-decoration: none;
	}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #FF0000;
	text-decoration: none;
	}
SPAN.category-subs-parent {
	font-weight: bold;
	}
SPAN.category-subs-selected {
	font-weight: bold;
	}
/* end categories box links */

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
	border: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#cat1Table tr.productListing-rowheading {
/*	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	height: 2em;
	color: #FFFFFF;*/
	display: none;
	}
/* The above is commented out to prevent the heading appearing in the Spanish Classes pages!!!!  Don't change!!! */

.productListing-rowheading {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	height: 2em;
	color: #FFFFFF;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
/*------------------------------------------------------
Espanol For Kids Style Sheet

version:   1.0
author:    Kristin Kramer, Kramer Publishing Interactive
email:     kpi@krashonline.com
website:   http://www.krashonline.com
-------------------------------------------------------*/
/* = Globals = */

/* Remove padding and margin on IE*/
* {
    margin: 0;
    padding: 0;
}

/* = Global Image Settings = */

/* get rid of borders on images */
img {
    border: 0;
}

/* = Global FLOATS = */

/* Class for clearing floats */
.clear {
    clear:both;
}

/* = Global COLORS=  */

/* NAV COLORS: grey #94917a; dark grey #5f5b50; ivory #fff9ae; */
/* Welcome Colors: sky blue #5bc8e7; light sky blue #b3e3f0; */
/* Teaching Colors: yellow  */
/* Resources Colors:  green #bae591; light green #e4f9bb; */
/* Training Colors: lilac #8b87da; light lilac #;*/ 
/* 

/* orange #ffa178; pale orange #fbcead; red #f59f95; light red #fed7d4;*/

/* = Global Links =   */

a:link {font: inherit; color: #fff9ae; text-decoration: none;}
a:visited {font: inherit; color: #fff9ae; text-decoration: none;}
a:hover {font: inherit; color: #94917a; text-decoration: none;}
a:active {font: inherit; color: #94917a; text-decoration: none;}

/*-----------------------------------------------------------------------------*/
/* = Main Layout =
/*-----------------------------------------------------------------------------*/

/* all divs have z-index values to ensure proper printing of the page -
if a background image were used, or a z-index of higher than 2 is used,
printing the page would not produce the offending elements. */

div#mainWrapper {position: relative; margin: auto; text-align: left; top: 5px; width: 781px; padding: 0px; z-index: 0;}
#indexHomeBody {background-color: #586777;}
#loginBody {background-color: #586777;}
#productfreeshippinginfoBody {background-color: #B8B597;}
#indexBody {background-color: #B8B597;}
#page2Body {background-color: #B8B597;}
#page3Body {background-color: #B8B597;}
#page5Body {background-color: #B8B597;}
#page6Body {background-color: #B8B597;}
body {text-align: center; padding: 0px; font: 500 13px "Century Gothic", Tahoma, Verdana, sans-serif; background-color: #586777;}

div#Back {position: relative; margin: 0px; width: 781px; height: 502px; padding: 0px; z-index: 0;}
	div#greeting {position: absolute; top: 18px; left: 120px; z-index: 1;}
	div#loginContent {position: absolute; top: 0px; right: 150px; text-align: center; line-height: 24px; z-index: 0;}
	div#loggedInContent {position: absolute; top: 0px; right: 150px; text-align: center; line-height: 24px; z-index: 0;}
		div#loginDots {position: absolute; top: 6px; left:0; z-index:0; width: 130px; text-align: center; line-height: 24px; font-size: 26px; z-index: 0;}
		div#login {position: absolute; top: 0; left:0; z-index:0; width: 130px; z-index: 1;}
	div#mainLoginContent {position: absolute; top: 0; right: 10px; width: 256px; height: 54px; text-align: right; z-index: 1;}
		#IEroot div#mainLogin {position: absolute; top: -3px; left:0; width: 256px; z-index: 0;}
		div#mainLogin {position: absolute; top: -1px; left:0; width: 256px; z-index: 0;}

div#mainContentArea {position: absolute; left:0; top: 50px; width: 781px; height: 452px; z-index: 0;}
div#errorMsg {position: absolute; left: 122px; top: 2px; width: 640px; height: 18px; z-index: 1;}

	div#teachingGraphicWelcome {position: absolute; left: 80px; top: 72px; width: 247px; height: 366px; z-index: 0;}
	div#teachingBubbleWelcome {position: absolute; left: 77px; top: 10px; width: 229px; height: 98px; z-index: 1;}
		span#teachingBubbleWContent {position: absolute; left: 2px; top: 22px; width: 229px; height: 98px; text-align: center; line-height: 16px; font-weight: 700; z-index: 0;}
	div#campBubble {position: absolute; left: 10px; top: 82px; width: 101px; height: 85px; z-index: 1;}
	div#resourcesGraphicWelcome {position: absolute; left: 324px; top: 154px; width: 161px; height: 289px; z-index: 1;}
	div#resourcesBubbleWelcome {position: absolute; left: 268px; top: 57px; width: 213px; height: 97px; z-index: 1;}
		span#resourcesBubbleWContent {position: absolute; left: 0; top: 16px; width: 218px; height: 97px; text-align: center; line-height: 15px; font-weight: 700; z-index: 0;}
	div#trainingBubbleWelcome {position: absolute; left: 617px; top: 7px; width: 157px; height: 141px; z-index: 1;}
	div#trainingGraphicWelcome {position: absolute; left: 472px; top: 56px; width: 291px; height: 383px; z-index: 0;}
		span#trainingBubbleWContent {position: absolute; left: 0px; top: 9px; width: 157px; height: 141px; text-align: center; line-height: 14px; font-weight: 700; z-index: 0;}

	div#teachingBubbleTeaching {position: absolute; left: 10px; top: 62px; width: 200px; height: 98px; z-index: 1;}
		span#teachingBubbleTContent {position: absolute; left: 0; top: 0; width: 200px; height: 98px; text-align: center; line-height: 17px; font-weight: 700; z-index: 0;}
	div#teachingInfo {position: absolute; left: 220px; top: 20px; width: 359px; height: 363px; z-index: 1;}
		div#teachingInfoContent {position: absolute; left: 3px; top: 6px; width: 350px; height: 357px; text-align: center; line-height: 13px; z-index: 0;}
	div#teachingInfo2 {position: absolute; left: 590px; top: 20px; width: 177px; height: 363px; z-index: 1;}
		div#teachingInfoContent2 {position: absolute; left: 0px; top: 6px; width: 171px; height: 357px; text-align: center; line-height: 13px; z-index: 1;}
		div#ellipse1 {position: absolute; top: 44px; left: 60px; width: 47px; height: 17px; z-index:0}
		div#ellipse2 {position: absolute; top: 108px; left: 60px; width: 47px; height: 17px; z-index:0}
		div#ellipse3 {position: absolute; top: 183px; left: 60px; width: 47px; height: 17px; z-index:0}
		div#ellipse4 {position: absolute; top: 243px; left: 60px; width: 47px; height: 17px; z-index:0}
		div#ellipse5 {position: absolute; top: 323px; left: 60px; width: 47px; height: 17px; z-index:0}
	div#teachingButtons {position: absolute; left: 515px; top: 400px; width: 240px; height: 20px; z-index: 1;}

	div#goalsBubble {position: absolute; left: 24px; top: 46px; width: 130px; height: 40px; z-index: 1;}
		span#goalsBubbleContent {position: absolute; left: 0; top: 0; width: 130px; height: 40px; text-align: center; line-height: 17px; font-weight: 700; z-index: 0;}
	div#goalsInfo {position: absolute; left: 187px; top: 34px; width: 178px; height: 334px; z-index: 1;}
	div#goalsInfo2 {position: absolute; left: 383px; top: 34px; width: 178px; height: 334px; z-index: 1;}
	div#goalsInfo3 {position: absolute; left: 580px; top: 34px; width: 178px; height: 334px; z-index: 1;}
		span#goalsInfoContent {position: absolute; left: 0; top: 0; width: 178px; height: 334px; text-align: left; line-height: 13px; z-index: 0;}
	div#goalButtons {position: absolute; left: 648px; top: 400px; width: 120px; height: 20px; z-index: 1;}

	div#classesBubble {position: absolute; left: 10px; top: 62px; width: 150px; height: 60px; z-index: 1;}
		span#classesBubbleContent {position: absolute; left: 0; top: 0; width: 150px; height: 60px; text-align: center; line-height: 17px; font-weight: 700; z-index: 0;}
	div#classesInfo {position: absolute; left: 262px; top: 10px; width: 354px; height: 100px; line-height: 13px; z-index: 1;}
	div#classesTermInfo {position: absolute; left: 174px; top: 100px; width: 106px; height: 260px; line-height: 12px; z-index: 0;}
	div#classesPriceColumn1 {position: absolute; left: 286px; top: 127px; width: 86px; height: 220px; z-index: 0;}
	#IEroot div#classesPriceColumn1 {position: absolute; left: 286px; top: 123px; width: 86px; height: 220px; z-index: 0;}
	div#classesPriceColumn2 {position: absolute; left: 392px; top: 127px; width: 96px; height: 220px; z-index: 0;}
	#IEroot div#classesPriceColumn2 {position: absolute; left: 392px; top: 123px; width: 96px; height: 220px; z-index: 0;}
	div#classesPriceColumn3 {position: absolute; left: 504px; top: 127px; width: 96px; height: 220px; z-index: 0;}
	#IEroot div#classesPriceColumn3 {position: absolute; left: 504px; top: 123px; width: 96px; height: 220px; z-index: 0;}
	div#classesLocation {position: absolute; left: 174px; top: 393px; width: 382px; height: 60px; z-index: 1;}
	div#classesSpecialBox {position: absolute; left: 620px; top: 60px; width: 140px; height: 300px; text-align: center; line-height: 16px; z-index: 1;}
	div#classesButton {position: absolute; left: 600px; top: 398px; width: 180px; height: 20px; z-index: 1;}

	div#scheduleBubble {position: absolute; left: 22px; top: 56px; width: 150px; height: 60px; z-index: 1;}
	div#scheduleInfo {position: absolute; left: 292px; top: 62px; z-index: 1;}
	div#scheduleSelections {position: absolute; left: 292px; top: 88px; width: 196px; height: 250px; z-index: 0;}
	div#scheduleTimes {position: absolute; left: 214px; top: 88px; width: 70px; height: 240px; z-index: 0;}
	div#studentName {position: absolute; left: 214px; top: 332px; width: 270px; z-index: 0;}
	div#scheduleDates {position: absolute; left: 520px; top: 72px; height: 310px; z-index: 0;}
	#IEroot div#scheduleDates {position: absolute; left: 516px; top: 69px; width: 96px; height: 220px; z-index: 0;}
	div#scheduleSummary {position: absolute; left: 620px; top: 40px; width: 140px; height: 300px; text-align: center; line-height: 16px; z-index: 1;}
	div#scheduleButtons {position: absolute; left: 466px; top: 400px; width: 100px; height: 20px; z-index: 1;}
	div#scheduleButton2 {position: absolute; left: 593px; top: 398px; width: 120px; height: 20px; z-index: 1;}

	div#cartContentsBubble {position: absolute; left: 130px; top: 18px; width: 210px; height: 260px; z-index: 1;}
		span#cartContentsBubbleContent {position: absolute; left: 0; top: 0; width: 210px; height: 260px; text-align: center; line-height: 17px; font-weight: 700; z-index: 0;}
		span#cartContentsContent {position: absolute; left: 0; top: 0; width: 210px; height: 60px; text-align: center; line-height: 17px; font-weight: 700; z-index: 0;}
	div#cartContentsSummary {position: absolute; left: 622px; top: 40px; width: 130px; height: 340px; text-align: center; line-height: 16px; z-index: 1;}
	div#cartContentsInfo {position: absolute; left: 350px; top: 40px; width: 260px; height: 340px; text-align: left; line-height: 16px; font-size: 13px; color:#03264c; z-index: 1;}
	div#contentsButtons {position: absolute; left: 610px; top: 402px; width: 120px; height: 20px; text-align: right; z-index: 1;}
	div#contentsBackButtons {position: absolute; left: 650px; top: 402px; width: 70px; height: 20px; z-index: 1;}

	div#registrationBubble {position: absolute; left: 27px; top: 39px; width: 180px; height: 90px; z-index: 1;}
		span#registrationBubbleContent {position: absolute; left: 0; top: 0; width: 180px; height: 90px; text-align: center; line-height: 17px; font-weight: 700; z-index: 0;}
		span#step2of3Content {position: absolute; left: 0; top: 0; width: 180px; height: 90px; text-align: center; line-height: 14px; font-weight: 700; z-index: 0;}
	div#regFormArea {position: absolute; left: 264px; top: 38px; width: 272px; height: 350px; z-index: 0;}
	div#regOptional {position: absolute; left: 554px; top: 66px; width: 210px; height: 300px; z-index: 1;}
	div#regOptional2 {position: absolute; left: 554px; top: 38px; width: 210px; height: 300px; z-index: 1;}
	div#regButtons {position: absolute; left: 638px; top: 402px; width: 130px; height: 20px; z-index: 1;}
	
	div#checkoutArea {position: absolute; left: 264px; top: 38px; width: 272px; height: 350px; z-index: 0;}
	div#checkoutInfoBox2 {position: absolute; left: 552px; top: 38px; width: 207px; height: 300px; z-index: 1;}
	div#checkoutButtons {position: absolute; left: 528px; width: 220px; top: 398px; text-align: right; z-index: 1;}
	div#checkoutButtonsFinal {position: absolute; left: 448px; width: 300px; top: 398px; text-align: right; z-index: 1;}

	div#myAccountArea {position: absolute; left: 264px; top: 42px; width: 272px; height: 300px; z-index: 0;}
	div#myAccountArea2 {position: absolute; left: 554px; top: 42px; width: 208px; height: 300px; z-index: 0;}
	div#accountButtons {position: absolute; left: 640px; top: 400px; width: 80px; height: 20px; z-index: 1;}
	div#accountSuccessButtons {position: absolute; left: 640px; top: 400px; width: 80px; height: 20px; z-index: 1;}

	div#addressBookArea {position: absolute; left: 264px; top: 42px; width: 272px; height: 350px; z-index: 0;}
	div#addressBookArea2 {position: absolute; left: 554px; top: 42px; width: 206px; height: 300px; z-index: 1;}
	div#addressBookButtons {position: absolute; left: 648px; top: 400px; width: 50px; height: 20px; z-index: 1;}

	div#passwordArea {position: absolute; left: 264px; top: 80px; width: 272px; height: 290px; z-index: 0;}
	div#passwordArea2 {position: absolute; left: 554px; top: 100px; width: 206px; height: 290px; z-index: 1;}
	div#passwordButtons {position: absolute; left: 648px; top: 401px; width: 50px; height: 20px; z-index: 1;}

	div#contactUs {position: absolute; left: 264px; top: 78px; width: 272px; height: 350px; z-index: 0;}
	div#contactUs2 {position: absolute; left: 550px; top: 66px; width: 210px; height: 300px; z-index: 1;}
	div#contactButtons {position: absolute; left: 648px; top: 400px; width: 50px; height: 20px; z-index: 1;}

	div#policy {position: absolute; left: 264px; top: 78px; width: 272px; height: 350px; z-index: 0;}
	div#policy2 {position: absolute; left: 550px; top: 66px; width: 210px; height: 300px; z-index: 1;}
	div#policyButtons {position: absolute; left: 648px; top: 400px; width: 70px; height: 20px; z-index: 1;}
	
	div#parentsButtons {position: absolute; left: 678px; top: 400px; width: 80px; height: 20px; z-index: 1;}

	div#story {position: absolute; left: 264px; top: 42px; width: 272px; height: 350px; z-index: 0;}

	div#FAQInfo {position: absolute; left: 224px; top: 30px; width: 270px; height: 363px; z-index: 0;}
		div#FAQInfoContent {position: absolute; left: 3px; top: 0; width: 260px; height: 357px; text-align: left; line-height: 13px; z-index: 0;}
	div#FAQInfo2 {position: absolute; left: 500px; top: 30px; width: 270px; height: 363px; z-index: 0;}
		div#FAQInfoContent2 {position: absolute; left: 3px; top: 0; width: 260px; height: 357px; text-align: left; line-height: 13px; z-index: 0;}

div#bottomNav {position: relative; left: 0; top: 0; width: 781px; height: 101px; z-index: 0;}
	div#bottomNavContent{position: absolute; left: 16px; width: 749px; top: -12px; z-index: 0;}
		#IEroot div#navDots {position: relative; margin: auto; top: 31px; z-index:0;}
		.navDots {font-size: 26px;}

		div#navPieceMain {position: relative; left: 0; float: left; width: 102px; text-align: center; top:0; line-height: 25px; z-index: 0;}
		div#navPieceMain2 {position: relative; padding-left: 114px; float: left; width: 102px; text-align: center; top:0; line-height: 25px; z-index: 0;}
		div#navPieceMainLast {position: relative; right: 0; width: 102px; float: right; line-height: 25px; text-align: center; top:0; z-index: 0;}

		div#navPieceTeaching {position: relative; left: 0; float: left; width: 102px; text-align: center; top:0; line-height: 25px; z-index: 0;}
		div#navPieceTeaching2 {position: relative; padding-left: 27px; float: left; width: 102px; text-align: center; top:0; line-height: 25px; z-index: 0;}
		div#navPieceTeachingLast {position: relative; right: 0; width: 102px; float: right; line-height: 25px; text-align: center; top:0; z-index: 0;}
		div#navDots {position: relative; margin: auto; top: 29px; z-index:0;}

	div#lowerNav {position: absolute; margin-left: 10px; padding-right: 0px; top: 76px; width: 749px; height: 20px; z-index: 0;}

div#footer {position: relative; width: 781px; z-index: 0;}

/*---------------------------------*/
/* = div#Back classes = (header)*/
/*---------------------------------*/

.greetingClass {font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#03264c; padding: 0px;}
.greetingClass a{font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#03264c; padding: 0px;}

.loginBoxClass {font: 900 15px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.loginBoxClass a:link {color:#586777;}
.loginBoxClass a:visited {color:#586777;}
.loginBoxClass a:hover {color:#03264c;}
.loginBoxClass a:active {color:#03264c;}

.mainLoginBoxClass {font: 700 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.mainLoginBoxClass a:link {color:#586777;}
.mainLoginBoxClass a:visited {color:#586777;}
.mainLoginBoxClass a:hover {color:#03264c;}
.mainLoginBoxClass a:active {color:#03264c;}

/*---------------------------------*/
/* = div#mainContentArea classes = */
/*---------------------------------*/

.teachingTitle {font: 900 13px "Century Gothic", Tahoma, Verdana, sans-serif; color:#ff9c16; padding: 0px;}
.teachingInfoText {font: 500 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.teachingInfoLink a{font: 700 12px "Century Gothic", Tahoma, Verdana, sans-serif; color:#ed7973;}
.teachingBtns a{font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.teachingBtns a:hover{font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#ff9c16; padding: 0px;}

.FAQInfoText {font: 500 12px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.FAQInfoLink {font: 700 12px "Century Gothic", Tahoma, Verdana, sans-serif;}
.FAQInfoLink a{color:#ed7973;}

.classesTitle {font: 900 13px "Century Gothic", Tahoma, Verdana, sans-serif; color:#a3d869; padding: 0px;}
.classesInfoText {font: 500 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.classesLocationText {font: 500 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px; line-height: 11px;}

.regTitle {font: 900 13px "Century Gothic", Tahoma, Verdana, sans-serif; color:#00a5e3; padding: 0px;}
.regInfoText {font: 500 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.regInfoText a{font: 700 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#ed7973;}
.regLocationText {font: 500 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px; line-height: 11px;}
.regBtns a{font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.regBtns a:hover{font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#00a5e3; padding: 0px;}
.regBtnsB {width: 156px; height: 19px; font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; background-color: transparent; border: solid 1px #00a5e3; padding: 0px;}
.regBtnsB:hover{width: 156px; height: 19px; font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#00a5e3; background-color: transparent; cursor: pointer; border: solid 1px #00a5e3; padding: 0px;}
 
.storyText {font: 700 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.storyText a{font: 700 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#ed7973;}

span#right {position: absolute; right:0; text-align: right;}

.txtFieldMaxLen {
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
.classesBtns {
    width: 150px;
	height: 19px;
    font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #586777;
	border: solid 1px #effad2;
	background-color: #effad2;
}
.classesBtns:hover {
    width: 150px;
	height: 19px;
    font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #a3d869;
	border: solid 1px #effad2;
	background-color: #effad2;
	cursor: pointer;
}
.scheduleBtns {
    width: 160px;
	height: 19px;
    font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #586777;
	background-color: transparent;
}
.scheduleBtns:hover {
    width: 160px;
	height: 19px;
    font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #a3d869;
	background-color: transparent;
	cursor: pointer;
}
.scheduleBtns a{
    font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #586777;
	background-color: transparent;
}
.scheduleBtns a:hover {
    font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #a3d869;
	background-color: transparent;
}
input#password {
    width: 130px;
	height: 17px;
    font: 600 12px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	margin-top: 3px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
#IEroot input#password {
	position: relative;
    width: 130px;
	height: 17px;
    font: 600 12px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	margin-top: 0px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#firstname {
    width: 250px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
div#studentName input{
    width: 150px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
div#studentName select {
    width: 70px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #03264c;
    border: 1px solid #859cb4;
    background-color: #ffffff;
}
input#contactname {
    width: 250px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#lastname {
    width: 250px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#email-address {
    width: 250px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#telephone {
    width: 250px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#login-email-address {
    width: 122px;
	height: 13px;
    font: 700 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-bottom: 1px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#login-password {
    width: 122px;
	height: 13px;
    font: 700 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-bottom: 1px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#password-new{
    width: 122px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#password-confirm {
    width: 122px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#password-current {
    width: 122px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#street-address {
    width: 190px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#suburb {
    width: 190px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
input#city {
    width: 190px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
select#stateZone {
    width: 156px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #03264c;
    border: 1px solid #859cb4;
    background-color: #ffffff;
}
input#postcode {
    width: 190px;
	height: 13px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #94917a;
    padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #859cb4;
	background-color: #fff;
}
select#country {
    width: 160px;
    font: 600 11px "Century Gothic", Tahoma, Verdana, sans-serif;
    color: #03264c;
    border: 1px solid #859cb4;
    background-color: #ffffff;
}

/*---------------------------*/
/* = div#bottomNav Classes = */
/*---------------------------*/

.bottomNavClass {font: 900 15px "Century Gothic", Tahoma, Verdana, sans-serif; color:#03264c; padding: 0px; text-align: center;}
.bottomNavClass a:link {color:#fff9ae;}
.bottomNavClass a:visited {color:#fff9ae;}
.bottomNavClass a:hover {color:#03264c;}
.bottomNavClass a:active {color:#03264c;}

.lowerNavClass {font: 900 15px "Century Gothic", Tahoma, Verdana, sans-serif; color:#03264c; padding: 0px; text-align: center;}
.lowerNavClass a:link {color:#859cb4;}
.lowerNavClass a:visited {color:#859cb4;}
.lowerNavClass a:hover {color:#03264c;}
.lowerNavClass a:active {color:#03264c;}