/*
------------------------------------------------------------------------------
IMPORT FONT - done dynamically for IE only
------------------------------------------------------------------------------*/
/*
@font-face {
	font-family: 'PT Sans Narrow';
	font-style: normal;
	font-weight: 600;
	src: local('Ubuntu'), url('/templates/fonts/Ubuntu_400.woff') format('woff');
}
*/

/*
------------------------------------------------------------------------------
HTML TAGS
------------------------------------------------------------------------------*/

html { height: 100%; margin-bottom: 0.1em }

* {
	font-family: Verdana, Tahoma, "Lucida Grande", "Lucida", sans-serif;
	font-size : 11px;
	line-height: 16px;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	/* background: #b5dae5 url(../images/bg_wood.jpg) repeat-y center top; */
	background: #ffffff no-repeat top center fixed url(../images/page_bgs/page_bg_01.jpg);
	}

a { text-decoration: none }

img { border: none; vertical-align: top }

input { font-size: 10px }

table { border: 0 }

table th, table td { margin: 0;	padding: 0 }

.loading { display: none }

/*
------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/

#noScript, #noFlash {
	width: 778px;
	margin: 10px auto;
	background: #f00;
	border: 1px solid #fff;
	text-align: center;
	}

#noScript h4, #noFlash h4 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	padding: 5px 20px;
	text-align: center;
	}

#noScript p, #noFlash p {
	color: #fff;
	font-weight: bold;
	padding: 5px 20px;
	text-align: center;
	}

#noScript a, #noFlash a {
	color: #000;
	text-decoration: underline;
	}

#noScript a:hover, #noFlash a:hover {
	color: #fff;
	background-color: #000;
	}

#header {
	/* background-color: #fff; */
	padding: 0px 30px;
	background: repeat-y top center url(../images/_body_bg_009ad0_w_knockout.png);
	}

#header ul {
	float: right;
	border-bottom: 1px solid #e7eff1;
	margin-right: 20px;
	}

#header ul li {
	float: left;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	}

#header ul li a {
	margin: 0 5px;
	padding: 1px 3px;
	font-size: 10px;
	color: #999;
	}

#header ul li a:hover {
	color: #ddd;
	background-color: #666;
	}

#header li.shoppingCart {
	background: url(../images/shoppingCart.gif) no-repeat right center;
	}

#header li.shoppingCart a {
	color: #2b85bb;
	margin-right: 21px;
	}

#flashBanner {
	height: 286px;
	width: 780px;
	padding: 0px 30px;
	background: repeat-y top center url(../images/_body_bg_009ad0_w_knockout.png);
	}

/*
------------------------------------------------------------------------------
MAIN NAVIGATION
------------------------------------------------------------------------------*/

#primaryNavContainer {
	width: 780px;
	height: auto;
	min-height: 28px;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px 30px 0px 30px;
	text-align: right;
	background: repeat-y top center url(../images/_body_bg_009ad0_w_knockout.png);
}
	ul#primaryNav {
		opacity: 0;
		list-style-type: none;
		list-style-image: none;
		width: 768px;
		height: 22px;
		overflow: hidden !important;
		margin: 0px;
		padding: 7px 12px 0px 0px !important;
		text-align: right;
	}
		ul#primaryNav li {
			display: inline-block;
			width: auto;
			height: auto;
			margin: 0px 3px 0px 6px;
			padding: 0px 5px 6px 5px;
		}
			ul#primaryNav li a {
				text-decoration: none;
				color: #009ad0;
			}
			ul#primaryNav li.primaryNav a.primaryNav {
				font-family: "PT Sans Narrow", sans-serif;
				font-size: 15px;
				font-weight: 600;
			}
				ul#primaryNav li a span.sf-sub-indicator {
					padding-left: 5px;
					/* font-size: 13px; */
				}
				ul#primaryNav li.primaryNav a.primaryNav span.sf-sub-indicator {
					display: none;
				}
			ul#primaryNav li a:hover, ul#primaryNav li a:active {
				color: #ffa333;
			}

		#primaryNav li.primaryNav.menuParent:hover {

		}
			ul#primaryNav li.primaryNav.menuParent:hover a.primaryNav, ul#primaryNav li.primaryNav.menuParent.hover a.primaryNav, ul#primaryNav li.primaryNav.menuParent:active a.primaryNav, ul#primaryNav li.primaryNav.menuParent.active a.primaryNav, ul#primaryNav li.primaryNav a.primaryNavOn {
				color: #ffa333;
			}

				/* Show submenus when over their parents */
				ul#primaryNav li:hover ul, ul#primaryNav li.menuParent li:hover ul, ul#primaryNav li.menuParent li.menuParent li:hover ul, ul#primaryNav li.menuParent li.menuParent li.menuParent li:hover ul, ul#primaryNav li.hover ul, ul#primaryNav li.menuParent li.hover ul, ul#primaryNav li.menuParent li.menuParent li.hover ul, ul#primaryNav li.menuParent li.menuParent li.menuParent li.hover ul {
					display: block;
					visibility: visible;
				}

				/* Hide sub-menus initially */
				ul#primaryNav li ul, ul#primaryNav li:hover ul ul, ul#primaryNav li:hover ul ul ul, ul#primaryNav li:hover li:hover ul ul, ul#primaryNav li:hover li:hover ul ul ul, ul#primaryNav li:hover li:hover li:hover ul ul, ul#primaryNav li:hover li:hover li:hover ul ul ul, ul#primaryNav li ul, ul#primaryNav li.hover ul ul, ul#primaryNav li.hover ul ul ul, ul#primaryNav li.hover li.hover ul ul, ul#primaryNav li.hover li.hover ul ul ul, ul#primaryNav li.hover li.hover li.hover ul ul, ul#primaryNav li.hover li.hover li.hover ul ul ul {
					display: none;
					visibility: hidden;
				}
					ul#primaryNav li ul {
						position: absolute;
						top: 53px;
						z-index: 10000;
						width: 162px;
						height: auto;
						margin: 0px;
						padding: 6px 0px 7px 0px;
						background: #ffffff;
						box-shadow: 0px 3px 4px #999999;
							-moz-box-shadow: 0px 3px 4px #999999;
							-webkit-box-shadow: 0px 3px 4px #999999;
						border-top: 1px solid #eeeeee; 
						border-bottom-right-radius: 8px;
							-moz-border-radius-bottomright: 8px;
							-webkit-border-bottom-right-radius: 8px;
						border-bottom-left-radius: 8px;
							-moz-border-radius-bottomleft: 8px;
							-webkit-border-bottom-left-radius: 8px;
					}
						ul#primaryNav li ul li {
							display: block;
							position: relative;
							width: auto;
							height: auto;
							min-height: 22px;
							overflow: visible;
							/* overflow: hidden; */
							margin: 0px;
							padding: 0px;
							text-align: left !important;
							border-top: 1px solid #e8e8e8;
						}
						ul#primaryNav li ul li + li {
							/* border-top: 1px solid #eeeeee; */
						}
						ul#primaryNav li ul li.first {
							border-top: 0px solid #e8e8e8;
						}
						ul#primaryNav li ul li.last {

						}
							ul#primaryNav li ul li a {
								display: block;
								width: 142px;
								height: auto;
								overflow: visible;
								padding: 4px 10px 4px 10px;
								font-family: Verdana, sans-serif;
								font-size: 11px;
								font-weight: normal;
								line-height: 1.3em;
							}

							#primaryNav li ul li:hover a.secondaryNav, #primaryNav li ul li.hover a.secondaryNav, a.secondaryNav:hover, a.secondaryNav.hover, #primaryNav li ul li:hover ul li:hover a.thirdLevelNav, #primaryNav li ul li.hover ul li.hover a.thirdLevelNav, a.thirdLevelNav:hover, a.thirdLevelNav.hover, a.fourthLevelNav:hover, a.fourthLevelNav.hover {
								color: #ffffff;
								background-color: #ffa333;
							}
								ul#primaryNav li ul li ul, ul#primaryNav li ul li ul li ul {
									top: 4px;
									left: 158px;
									padding-top: 0px;
								}
								ul#primaryNav li ul li ul li ul {
									
								}

/* 
------------------------------------------------------------------------------
BANNER	
------------------------------------------------------------------------------*/

#bannerContainerOuter {
	clear: both;
	width: 780px;
	height: auto;
	margin: 0px auto;
	padding: 0px 30px 0px 30px;
	text-align: right;
	background: repeat-y top center url(../images/_body_bg_009ad0_w_knockout.png);
}
	#bannerContainer {
		width: 774px;
		height: 280px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		background: #ffffff no-repeat center center url(../images/icons/loading_01.gif);
		border: 3px solid #ffffff;
		/* border-bottom: 12px solid #009ad0; */
	}
	#bannerContainer.homePage {
		/* height: 280px;
		min-height: 280px;
		max-height: 280px; */
	}
		div.banner {
			/* float: left; */
			width: 774px;
			height: 280px;
			overflow: hidden;
			margin: 0px;
			padding: 0px;
			text-align: left;
		}
			div.bannerInner {
				overflow: auto;
				margin: 0px;
				padding: 0px;
			}
				div.banner * { /* Will cause a JavaStrip error! */
					
				}

				div.banner a { /* Will cause a JavaStrip error! */
					border: none;
				}

				div.banner div.bannerImage {
					float: left;
					width: 774px;
					height: auto;
					overflow: hidden;
					margin: 0px;
					padding: 0px;
					text-align: center;
				}
					div.banner div.bannerImage img.bannerImage {
						display: block;
						max-width: 774px;
						max-height: 280px;
						overflow: hidden;
						margin: 0px auto;
						border: none;
					}
					div.banner div.bannerImage img.bannerImage {
						display: block;
						max-width: 774px;
						max-height: 280px;
						overflow: hidden;
						margin: 0px auto;
					}

				div.banner div.bannerCopy {
					float: left;
					width: 450px;
					height: 280px;
					overflow: hidden;
					padding: 0px 20px 0px 0px;
				}
					div.banner div.bannerCopy h2:first-child {
						margin-top: 0px;
					}

	#bannerContainerBottomCap {
		width: 780px;
		height: 12px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		background: #009ad0;
	}

	#bannerNavContainer {
		display: block;
		/* float: right; */
		position: relative;
		width: 780px;
		height: auto;
		overflow: visible;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
		#bannerNavContainer #bannerNavPrev, #bannerNavContainer #bannerNavNext {
			position: relative;
			/* top: -200px; */
			float: left;
			width: 37px;
			height: 37px;
			margin: -162px 0px 0px 8px;
			padding: 0px;
			overflow: hidden;
		}
		#bannerNavContainer #bannerNavNext {
			float: right;
			margin: -162px 8px 0px 0px;
		}
			#bannerNavContainer #bannerNavPrev #bannerNavPrevButton, #bannerNavContainer #bannerNavNext #bannerNavNextButton {
				display: block;
				width: 37px;
				height: 37px;
				overflow: hidden;
				margin: 0px;
				padding: 0px;
				cursor: pointer;
				background: no-repeat 0px 0px url(../images/icons/_banner_nav_sprite_01_gs.png);
			}
			#bannerNavContainer #bannerNavPrev #bannerNavPrevButton:hover, #bannerNavContainer #bannerNavPrev #bannerNavPrevButton.hover {
				background-position: 0px -37px; /* Will cause a JavaStrip error! */
			}
			#bannerNavContainer #bannerNavNext #bannerNavNextButton {
				background-position: 0px -74px; /* Will cause a JavaStrip error! */
			}
			#bannerNavContainer #bannerNavNext #bannerNavNextButton:hover, #bannerNavContainer #bannerNavNext #bannerNavNextButton.hover {
				background-position: 0px -111px; /* Will cause a JavaStrip error! */
			}

		#bannerNavPanelButtons {
			width: 780px;
			height: 12px;
			margin: -12px auto 0px auto;
			padding: 0px 30px 0px 30px;
		}
			#bannerNavPanelButtonsInner {
				width: 780px;
				height: 12px;
				margin: 0px;
				padding: 0px;
				text-align: right;
				background: #009ad0;
			}
				#bannerNavPanelButtons #bannerNavPanelButtonsInner button {
					width: 12px;
					height: 0px;
					overflow: hidden;
					margin: 0px 0px 0px 0px;
					padding: 12px 0px 0px 0px;
					cursor: pointer;
					background: transparent no-repeat top center url(../images/icons/_banner_nav_sprite_02_gs.png);
					border: none;
				}
				#bannerNavPanelButtons #bannerNavPanelButtonsInner button:hover, #bannerNavPanelButtons #bannerNavPanelButtonsInner button.hover, #bannerNavPanelButtons #bannerNavPanelButtonsInner button.active {
					background-position: bottom center;
				}
				#bannerNavPanelButtons #bannerNavPanelButtonsInner button.active {
					cursor: default;
				}

/* 
------------------------------------------------------------------------------
LOGO	
------------------------------------------------------------------------------*/

#logoContainerOuter {
	width: 100%;
	text-align: center;
	}

	#logoContainer {
		width: 738px;
		margin: 0px auto 0px auto;
		}

		#logo {
			float: left;
			width: 180px;
			height: 92px;
			margin: -326px 0px 0px 0px;
			}

img#logo, map#logoImageMap, map#logoImageMap area {
	outline: none !important;
}

/*
------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------*/

#content {
	/* background: #fff url(../images/bg_content.jpg) repeat-y;
	padding-bottom: 37px; */
	padding: 0px 30px 37px 30px !important;
	background: repeat-y top center url(../images/_body_bg_009ad0_w_knockout.png) !important;
	}

.home { background-image: url(../images/bg_home.jpg) !important }

.colOne, .colTwo {
	position: absolute;
	top: 0;
	left: 30px;
	}

.colOne {
	width: 182px;
	padding-left: 10px;
	padding-top: 24px;
	}

.colTwo {
	width: 580px;
	min-height: 400px;
	left: 200px;
	}

.home .colOne { width: 242px; padding-top: 0 }
.home .colTwo { width: 520px; left: 260px }

.gallery .colOne { width: 200px; padding: 0 }
.gallery .colTwo { width: 580px; left: 200px }

/* --- inside columns --- */

.insideCols {
	background: url(../images/bg_insideCols.gif) repeat-y 290px 0;
	}

.col1of2, .col2of2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 290px;
	}

.col2of2 {
	left: 290px;
	}

/* --- TYPOGRAPHY --- */

h1 {
	/* color: #2b85bb; */
	color: #e90a89;
	font-size : 18px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 8px;
	}

h2 {
	color: #09357a;
	font-size : 13px;
	line-height: 18px;
	font-weight: bold;
	margin: 6px 0 2px 0;
	}

h3 {
	color: #2b85bb;
	font-weight: bold;
	margin-top: 4px;
	}

h4 {
	font-weight: bold;
	margin-top: 4px;
	}

p {
	padding: 3px 0 5px 0;
	}

.bodyCopy a, .boxContent a, .sidePanel a, .crumb a, .passDetails a, .bodyCopyElement a, .bodyCopyNoSpace a {
	color: #f39;
	text-decoration: underline;
	}

.bodyCopy a:hover, .boxContent a:hover, .sidePanel a:hover, .crumb a:hover, .bodyCopyElement a:hover, .bodyCopyNoSpace a:hover {
	color: #fff;
	background-color: #f39;
	text-decoration: none;
	}

a.subtle {
	color: #666;
	}

a.subtle:hover {
	color: #666;
	background-color: #ddd;
	text-decoration: underline;
	}

strong {
	font-weight: bold;
	color: #f90;
	}

div.hr {
	height: 1px;
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background-color: #e5eef0;
	}

.bodyCopy div.hr { margin: 10px 0 }

/*
------------------------------------------------------------------------------
COLUMN ONE SIDEBAR
------------------------------------------------------------------------------*/

.colOne h2 {
	margin-left: 15px;
	font-size : 18px;
	line-height: 22px;
	}

/* --- SIDEPANEL --- */

.sidePanel {
	display: block;
	}

div.sidePanel, .sideNav {
	width: 183px;
	margin: 8px 0 4px 0;
	background: #fff url(../images/sidepanel_bg.gif) repeat-y 0 0;
	}

.home div.sidePanel {
	width: 243px;
	margin: 0 0 4px 0;
	background-image: url(../images/sidepanel_bg_home.gif);
	}

.home div.flashPanels {
	margin-bottom: 4px;
	}

.spTop {
	width: 183px;
	padding: 11px 0 0 0;
	background: transparent url(../images/sidepanel_top.gif) no-repeat left top;
	}

.spTitle {
	padding-top: 46px;
	background-image: url(../images/sidepanel_title.gif);
	}

.spTitle h3 {
	font-weight: bold;
	color: #2b85bb;
	font-size: 21px;
	line-height: 21px;
	padding: 0 8px 0 15px;
	margin: -40px 0 18px 0;
}

.spBtm {
	width: 183px;
	padding: 0 0 11px 0;
	background: transparent url(../images/sidepanel_btm.gif) no-repeat left bottom;
	}

.home .spBtm {
	width: 243px;
	background-image: url(../images/sidepanel_btm_home.gif);
	}

.spBtm img.gnoImg {
	padding: 6px;
	background: url(../images/gno/bg_img.gif) no-repeat;
	float: left;
	margin: 0 10px 4px 10px;
}

div.sidePanel h3 {
	color: #f39;
	padding-left: 18px;
	padding-right: 8px;
	}

div.sidePanel p {
	padding-left: 18px;
	padding-right: 8px;
	}

div.sidePanel ul, .sideNav ul {
	list-style: none;
	}

div.sidePanel li{
	padding-left: 26px;
	padding-right: 8px;
	background: url(../images/link_arrow.gif) no-repeat 18px 5px;
	}

div.sidePanel a {
	color: #f39;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	}

div.sidePanel li.currentSection {
	color: #f39;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}

div.sidePanel li.morePDF {
	padding-left: 34px;
	background: url(../images/icon_pdf.gif) no-repeat 18px 0;
	}

div#sidePanelCurrentConditions {
	height: 54px;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 44px 9px 0px 18px;
	background: no-repeat top center url(../images/sidepanel_top_conditions.jpg);
}
	div#sidePanelCurrentConditions p {
		margin: 0px 0px 6px 0px;
		padding: 0px;
		font-size: 10px;
		line-height: 1.2em;
	}

	div#sidePanelCurrentConditions strong {
		color: #009ad0;
		font-size: 10px;
		line-height: 1.2em;
	}

	div#sidePanelCurrentConditions div.conditionsIcon {
		display: block;
		float: right;
		margin: -6px 0px 10px 10px;
		text-align: center;
	}
		div#sidePanelCurrentConditions div.conditionsIcon img.conditionsIcon {
			display: block;
			padding: 12px;
			background: no-repeat center center url(../images/weather_icon_bg.png);
		}

/* --- SIDENAV --- */

.sideNav { background-image: url(../images/sidenav_bg.gif) }

.sideNav .spTop { background-image: url(../images/sidenav_top.gif) }

.sideNav .spBtm { background-image: url(../images/sidenav_btm.gif) }

.sideNav .spTitle { background-image: url(../images/sidenav_title.gif) }

.sideNav li {
	padding: 0 0 4px 26px;
	}

.sideNav a {
	color: #333;
	text-decoration: underline;
	line-height: 14px;
	}

.sideNav a:hover {
	background-color: #b8ced4;
	}

.sideNav .currentSection {
	background: url(../images/subnav_arrow.gif) no-repeat 18px 4px;
	font-weight: bold;
	color: #2b85bb;
	}

.sideNav .currentSection a {
	color: #2b85bb;
	font-weight: bold;
	text-decoration: none;
	}

a.head:hover {
	background-color: #fff;
}

/*
------------------------------------------------------------------------------
COLUMN TWO BODY
------------------------------------------------------------------------------*/

.bodyCopy {
	padding: 20px 20px 10px 20px;
	}

.bodyCopyElement {
	padding: 10px 20px 10px 20px;
	}

.bodyCopyNoSpace {
	padding: 0px 20px 0px 20px;
	}

.mod_article {
	padding: 10px 0px 0px 0px;
}

.bodyCondensed, .col1of2 .bodyCopy, .col2of2 .bodyCopy {
	padding: 0 20px;
	}

/* --- BREAD CRUMB --- */

.crumb {
	padding: 10px 20px 10px 20px;
	margin: 0 2px 1px 2px;
	/* background: #fff url(../images/bg_crumb.jpg) repeat-x left bottom; */
	}

.crumb a { color: #09357a; padding: 1px 3px; }

.crumb a:hover { background-color: #09357a }

/* --- ACTION BOXES --- */

.actionBox, .dropdownBox, .productBox {
	margin: 2px;
	padding: 5px;
	/* background-color: #d0e4e8; */
	background-color: #ffffff;
	}

.crosshatch {
	background: #fff url(../images/actionBox_crossHatch.gif) repeat;
	}

.boxContent {
	background-color: #fff;
	padding: 13px;
	position: relative;
	}

.boxContent img {
	display: block;
	float: left;
	margin: -5px 10px -5px -5px;
	}

.boxContent a.btnAction img {
	display: block;
	float: right;
	}

/* --- DROPDOWN ACTION BOX --- */

.dropdownBox a.boxHeading {
	display: block;
	padding: 13px 13px 11px 13px;
	margin: 0 0 1px 0;
	color: #2b85bb;
	font-size: 12px;
	font-weight: bold;
	background: #f3f7f8 url(../images/dropdownBox_arrow_closed.gif) no-repeat right center;
	}

.dropdownBox a.boxHeading:hover {
	background-color: #e6eff1;
	}

/* --- dropdown double box --- */

.dropdownBox .col1of2 {
	width: 281px;
	}

.dropdownBox .col2of2 {
	left: 285px;
	width: 281px;
	}

.dropdownBox .col1of2 a.boxHeading h3, .dropdownBox .col2of2 a.boxHeading h3 {
	width: 230px;
	}

/* --- PRODUCT SECTION ACTION BOX --- */

.productBox .col1of2 {
	width: 170px;
	}

.productBox .col2of2 {
	left: 175px;
	width: 360px;
	}

.productBox p {
	margin: 1px 0;
	padding: 0;
	}

.productBox h1 {
	/* font-size: 30px;
	line-height: 32px;
	color: #2b85bb;
	width: 165px; */
	font-size: 22px;
	margin: 0;
	}

.productBox h4 {
	color: #f90;
	padding: 8px 0 0 0;
	}

.productBox p.passPrice {
	color: #f90;
	font-size : 18px;
	line-height: 22px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

.productBox input.addCart {
	height: 24px;
	width: 158px;
	margin: 3px 0;
	}

.productBox p.passDetails {
	margin: 0;
	padding: 0 0 4px 4px;
	position: relative;
	bottom: -13px;
	left: -13px;
	background: url(../images/actionBox_details.gif) no-repeat 0 0;
	width: 62px;
	height: 13px;
	}

/* Hides from IE-mac \*/
* html .productBox p.passDetails { bottom: -16px }
/* End hide from IE-mac */

.productBox p.passDetails a {
	display: block;
	text-indent: 10px;
	color: #f39;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	background: url(../images/icon_detailsPlus.gif) no-repeat left center;
	}

.productBox p.passDetails a:hover {
	background-color: transparent;
	color: #f39;
	}

.productBox div.passDetails {
	padding: 13px;
	/* margin-top: 1px; */
	/* background-color: #f3f7f8; */
	background-color: #d0e4e8;
	}

.lesson .col1of2 {
	width: 300px;
	top: 0 !important;
	}

.lesson .col2of2 {
	left: 305px;
	width: 230px;
	}

.lesson h1 {
	font-size: 22px;
	line-height: 28px;
	width: 530px;
	}

.lesson .dates div {
	float: left;
	margin: 5px 0 10px 0;
	padding: 3px 9px;
	border-left: 1px solid #d0e4e8;
	color: #2b85bb;
	}

.lesson table.times td {
	padding: 0 18px 0 0;
	}

.lesson table.times td.input {
	padding: 0 6px 0 0;
	}

.lesson input.addCart  {
	position: relative;
	margin-top: 10px;
	}

.nopurchase  .col1of2 {
	width: 200px;
	}

.nopurchase .col2of2 {
	left: 205px;
	width: 330px;
	}

.productBox p.cond {
	padding: 0;
	margin: 0;
	color: #999;
	}

.col1of2 .dates div {
	float: left;
	margin: 0;
	padding: 1px 3px;
	border-left: 1px solid #d0e4e8;
	color: #2b85bb;
	}

table.rates th {
	color: #2b85bb;
	padding-top: 8px !important;
	vertical-align: bottom;
	}

table.rates td {
	padding: 2px 10px 2px 0;
	}

table.rates .price {
	width: 90px;
	text-align: right;
	padding: 2px 0 2px 10px;
	color: #666;
	}

table.rates .detail {
	width: 80px;
	color: #999;
	padding-left: 10px;
	}

table.rates .detail2 {
	color: #2b85bb;
	padding-left: 10px;
	}

table.rates .detail3 {
	width: 110px;
	color: #2b85bb;
	padding-left: 0;
	}

table.rates th.price {
	font-weight: normal;
	}

table.rates td.price {
	color: #f90;
	font-weight: bold;
	}

p.preBook {
	border-top: 1px solid #d0e4e8;
	margin-top: 18px;
	padding-top: 14px;
	}

p.qualifier {
	padding-top: 8px;
	padding-right: 40px;
	}

p.preBook strong {
	color: #f39;
	}

/* --- TEAM SECTION --- */

.teamCols {
	top: 20px;
	width: 580px;
	background: url(../images/bg_insideCols.gif) repeat-y 240px 0;
	}

.teamCols .col1of2 {
	width: 240px;
	}

.teamCols .col2of2 {
	width: 340px;
	left: 240px;
	}

.teamCopy h2 {
	font-size : 11px;
	line-height: 16px;
	color: #666;

	}

/* --- TODAY AT MOUNT SEYMOUR : begin --- */
.todayArticleImage {
	float:right;
	margin:0px 0px 8px 8px;
	padding:0px 0px 2px 2px;
	}
/* --- TODAY AT MOUNT SEYMOUR : end --- */


/* --- EVENTS --- */

.event {
	position:relative;
	padding-right:120px;
	}

/*\*/* html .event { width:540px; height:1% }/**/

.event a img {
	position:absolute;
	right:0;
	bottom:0;
	}

/* --- GALLERY --- */

#galleryFlash {
	width: 780px;
	margin: 0 auto;
	}

#galleryFlashLeft {
	float: left;
	}

/*
------------------------------------------------------------------------------
PRODUCT SECTIONS
------------------------------------------------------------------------------*/

#contentPromos {
	font-size: 0;
	line-height: 0;
	}

#contentPromos a {
	float: left;
	}

img#middlePromo {
	margin: 0 7px;
	}

#sectionNav ul.subCat {
	clear: left;
	margin: 0;
	padding: 0 0 0 47px;
	}

#sectionNav ul.subCat li {
	width: 150px; padding: 0 0 3px 0; margin: 0; border: none;
	}

#sectionNav ul.subCat li a {
	font-weight: normal;
	color: #abc525;
	}

#sectionNav ul.subCat li.currentSubCat a {
	font-weight: bold;
	color: #2b85bb;
	}

#productPic {
	float: left;
	padding-left: 8px;
	width: 286px;
	height: 470px;
	}

#productImg {
	margin: 20px 0;
	text-align: center;
	}

#productPic #btnMoreViews {
	margin-bottom: 2px;
	}

#productDetails {
	width: 260px;
	height: 470px;
	margin-left: 310px;
	}

#productDetails h2 {
	margin-bottom: 14px;
	}

#productDetails p {
	margin-bottom: 14px;
	}

.rule {
	float: left;
	width: 240px;
	padding-bottom: 7px;
	border-top: #c3e4ee 1px solid;
	font-size: 0;
	line-height: 0;
	}

.dotRule {
	margin: 10px 0;
	height: 1px;
	font-size: 0;
	line-height: 0;
	background: url(../images/dot.gif) repeat-x;
	}

.productOption {
	float: left;
	}

.optionNo {
	float: left;
	width: 34px;
	margin-top: 18px;
	}

/*
------------------------------------------------------------------------------
PRODUCT SKU OPTIONS
------------------------------------------------------------------------------*/

.skuChoices {
	width: 210px;
	margin-left: 34px;
	}

#optionColour {
	display: inline;
	width: 100px;
	font-weight: bold;
	}

#optionSize {
	display: inline;
	width: 100px;
	font-weight: bold;
	}

.skuChoices p {
	margin-top: 5px;
	}

.swatch{
	float:left;
	text-align:center;
	vertical-align:middle;
	line-height:19px;
	color:#369;
	cursor:pointer;
	font-weight:bold;
	margin-right: 5px;
	}

.swatch img{display:block;border:1px solid #FFFFFF;}
.swatch .normal{border:1px solid #c7e6f8;margin:2px;}
.swatch .hover{border:2px solid #c7e6f8;margin:1px;background-color:#CCE6FF;}
.swatch .selected{border:2px solid #ff9900;background-color:#CCE6FF;margin:1px;}
.swatch .soldOut{border:1px dotted #ccc;margin:2px;background-color:#fff;color:#999;}
.swatch .selectedSoldOut{border:2px dotted #ccc;background-color:#fff;color:#999;margin:1px;}

#btnAdd {
	width: 158px;
	height: 24px;
	margin: 5px 0 0 34px;
	}

p.promoNote {
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #b3ca39;
	}

.multipage {
	float: left;
	}

.paging {
	float: right;
	padding: 10px 18px 0 0;
	font-size: 9px;
	color: #666;
	}

.paging a {
	font-size: 9px;
	color: #abc525;
	}

.paging a:hover {
	color: #fff;
	background: #abc525;
	}

.crumbPaging {
	height: 40px;
	}

/*
------------------------------------------------------------------------------
SHOPPING CART
------------------------------------------------------------------------------*/

.cartHeader {
	margin-bottom: 22px;
	}

table.cartTable {
	width: 540px;
	}

table.cartTable th {
	padding: 3px 5px;
	font-size: 10px;
	color: #fff;
	background: #d1e1e9;
	}

table.cartTable td {
	padding: 5px 5px;
	font-size: 10px;
	color: #666;
	border-bottom: 1px solid #e5eef0;
	}

a.cartPrdName, font.cartPrdName {
	line-height: 11px;
	font-size: 10px;
	font-weight: bold;
	color: #2b85bb;
	}

a.cartPrdName:hover {
	color: #fff;
	background: #abc525;
	}

.cartCat {
	width: 90px;
	}
.cartDetails {
	width: 270px;
	}
.cartPrice,.cartTotal {
	width: 60px;
	text-align: right;
	}
.cartQuantity {
	width: 60px;
	text-align: center;
	}

.cartImage {
	float: left;
	display: inline;
	width: 50px;
	}

.cartDetailsInfo {
	margin: 0;
	padding: 0;
	color: #666;
	}

span.cartProdInfo {
	line-height: 10px;
	font-size: 10px;
	color: #ff9900;
	}
span.contact {
	padding-left: 32px;
	}

table.cartTable td.cartTotal {
	font-size: 10px;
	color: #2b85bb;
	}

span.cartSale {
	text-decoration: line-through;
	}

span.cartSalePrice {
	color: #ff9900;
	}

#continueShopping {
	width: 281px;
	height: 100px;
	padding-top: 23px;
	}

#continueShopping select {
	float: left;
	}

table#totals {
	margin-top: 10px;
	background: #ffbd48;
	width: 250px;
	}

table#totals td {
	padding: 4px 6px 3px 8px;
	border-bottom: 1px solid #fff;
	}

table#totals td.subTotal {
	padding-top: 11px;
	padding-bottom: 11px;
	}

table#totals select {
	margin-bottom: 3px;
	}

table#totals td.costs .strong {
	text-align: right;
	}

table#totals .strong {
	padding-left: 4px;
	font-weight: bold;
	color: #fff;
	}

table#totals p {
	padding: 5px 0 5px 4px;
	}

/*
------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------*/

table.data {
	margin: 5px 0 10px 0;
	width: 540px;
	}

table.data tr.topRow th {
	background-color: #2b85bb;
	color: #fff;
	padding: 1px 12px 1px 6px;
	}

table.data tr.strong th {
	font-weight: bold;
	}

table.data td, table.data th {
	border-bottom: 1px solid #eaeaea;
	padding: 6px;
	text-align: left;
	}

table.data th {
	color: #333;
	font-weight: normal;
	padding-right: 12px;
	}

table.data .txtr {
	text-align: right;
	}

table.data .brdr {
	border-right: 1px solid #eaeaea;
	}

table.data th strong {
	color: #2b85bb;
	}

table.data .sub {
	padding-left: 18px;
	}

table.condensed td, table.condensed th {
	padding-top: 1px;
	padding-bottom: 1px;
	}

table.highlight th {
	background-color: #E6EEF1;
	border: 1px solid white;
	}

table.highlight td {
	background-color: #F2F8F8;
	border: 1px solid white;
	}

/* --- lessons: program grid --- */

table.programGrid td {
	padding-bottom: 6px;
	padding-top: 6px;
	}

table.programGrid td.program, table.programGrid td.age {
	width: 100px;
	}

/* --- schedule --- */

table.schedule td.sched_cOne, table.schedule td.sched_cTwo {
	width: 270px;
	padding-top: 15px;
	}

table.schedule h4 {
	color: #f90;
	padding: 8px 0 0 0;
	}

table.schedule .dates div {
	float: left;
	margin: 0;
	padding: 1px 3px;
	border-left: 1px solid #d0e4e8;
	color: #2b85bb;
	}

table.schedule p.cond {
	padding: 0;
	margin: 0;
	color: #999;
	}

/* --- thumbnails --- */

table.thumbnails, table.blocks {
	background-color: #e5eef0;
	}

table.thumbnails td, table.blocks td{
	padding: 15px 20px;
	background-color: #fff;
	}

table.thumbnails td a.img {
	display: block;
	border: 1px solid #8bc8de;
	}

table.thumbnails td a.img:hover {
	border: 1px solid #f90;
	}

table.thumbnails p {
	padding: 2px 0 0 0;
	width: 132px;
	}

table.thumbnails p.time {
	font-weight: bold;
	}

/* --- store --- */

table#store {
	margin-bottom: 20px;
	width: 540px;
	}

table#store th {
	background: #d1e1e9;
	color: #FFF;
	}

table#store td,
#store th {
	border-bottom: 1px dotted #d1e1e9;
	text-align: left;
	padding: 2px 5px;
	}

table#store td.tel, table#store th.tel {
	text-align: right;
	width: 100px;
	}

/* --- popup table: ability --- */

.ability {
	width: 740px;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	}

.ability table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	}

.ability table * {font-size: 12px; color: #333;}

.ability th, .ability td {
	padding: 10px;
	}

.ability th {
	width: 50%;
	border: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}

.ability td {
	}

.ability td.level {
	padding: 10px 20px;
	border-left: 1px solid #ccc;
	font-size: 26px;
	vertical-align: middle;
	}

.ability span {margin-bottom: 3px; font-weight: bold; display: block;}
.ability td ul {list-style: none;}
.ability td li {margin-left: 20px;}

.ability .green td {background: #9f9;}
.ability .blue td {background: #6cf;}
.ability .black td {background: #ababab;}


/* --- popup table: shoesize --- */
.shoesize {
	width: 740px;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	}

.shoesize table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	}

.shoesize th, 
.shoesize td {
	width: 120px;
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	font-size: 13px;
	text-align: center;
	}

.shoesize th {
	background: #999;
	color: #fff;
	}

.shoesize p {
	margin-right: 35px;
	text-align: right;
	}

.shoesize a {
	color: #f39;
	text-decoration: underline;
	}

.shoesize a:hover {
	background: #f39;
	color: #fff;
	}



/*
------------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------------*/
h2.formError {
	color: #D64744;
	font-weight: bold;
	}

.errorList {
	border: 1px dashed #999;
	padding: 15px;
	margin-bottom: 20px;
}

/* Hides from IE-mac \*/
* html input {height: 16px }
/* End hide from IE-mac */

input[type=radio], input[type=checkbox] {
	margin-top: 2px;
	}

.pulldown {
	width: 160px;
	}

.formRow {
	width: 560px;
	height: 20px;
	padding: 3px 0 7px 0;
	}

#billing {
	float: left;
	width: 280px;
	}

#country {
    width: 160px;
    }

#zone_id {
    width: 160px;
    }

#billing h4 {
	float: left;
	}

#shippingAdd {
	margin-left: 23px;
	}

#shippingAdd a {
	line-height: 15px;
	}

.bodyCopy label {
	float: left;
	display: block;
	width: 143px;
	}

.bodyCopy label a {
	line-height: 15px;
	}

.bodyCopy input {
	width: 160px;
	}

.bodyCopy input.shortInput {
	width: 40px;
	margin-right: 7px;
	}

.bodyCopy input.float {
	float: left;
	}

span.note, p.note {
	font-size: 9px;
	color: #ff9900;
	}

.bodyCopy input.radio {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	}

.bodyCopy input.checkout {
	margin-top: 2px;
	}

.bodyCopy input#submit {
	width: 80px;
	margin-left: 143px;
	font-size: 12px;
	}

.bodyCopy #shippingRadio, .bodyCopy #addressRadio {
  	width: 13px;
  	margin-right: 4px;
	}

.bodyCopy span.boxLabel {
	display: block;
	float: left;
	display: inline; /* ie hack */
	margin: -2px 40px 6px 5px;
	}

form.newsletter input, form.newsletter label, form.newsletter select {
	margin-top: 10px;
	}

/*
------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------*/

.colTwo ul, .colTwo ol {
	margin-left: 40px;
	padding-bottom: 5px;
	}

.colTwo ul li, .colTwo ol li {
	line-height: 16px;
	font-size: 11px;
	margin-top: 3px;
	}

.colTwo ul {
	list-style: none;
	margin-left: 20px;
	margin-bottom: 10px;
	}

.colTwo ul li {
	padding-left: 12px;
	background: url(../images/bullet_li.gif) no-repeat 0 7px;
	}

/* --------------------------------------------------------------------------
	BUTTONS
------------------------------------------------------------------------------*/

#btnGo {
	margin-left: 163px;
	width: 32px;
	height: 18px;
	padding: 1px 0 0 0;
	background: url(../images/btn_go.gif) no-repeat;
	}

#btnGo a {
	padding: 0 0 0 9px;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	}

#btnGo a:hover {
	color: #333;
	background: none;
	}

#btnContinue, .bodyCopy input#btnContinue {
	width:98px;
	height:24px;
	}

#btnCancel {
	width:98px;
	height:24px;
	}

#btnReg, .bodyCopy input#btnReg {
	margin: 8px 0 0 140px;
	}


#btnUpdate {
	float: left;
	margin: 8px 0 0 0;
	width:98px;
	height:24px;
	}

#btnCheckOut {
	float: right;
	margin: 8px 0 0 0;
	width:98px;
	height:24px;
	}

/* --------------------------------------------------------------------------
	SIZECHARTS
------------------------------------------------------------------------------*/

table.sizeChart{
	width: 500px;
	}

table.sizeChart td, table.sizeChart th{
	padding: 1px 5px;
	}

table.sizeChart th{
	color: #fff;
	background: #adc52f;
	border-right: 1px solid #fff;
	}

table.sizeChart td{
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}

table.sizeChart th.thTitle{
	background: #ccc;
	}

/* --------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------*/

#footer {
	/* top: -37px;
	padding: 60px 0 0 0;
	background: url(../images/bg_footer.gif) no-repeat; */
	height: 120px;
	padding: 10px 30px 0px 30px;
	text-align: center;
	background: no-repeat top center url(../images/_footer_bg_009ad0.png) !important;
	}

#footer p {
	text-align: center;
	padding: 5px 0 0 0;
	font-size: 10px;
	color: #a5d0e1;
	}

#footer p a {
	padding: 1px 3px;
	font-size: 10px;
	color: #a5d0e1;
	}

#footer p a:hover {
	color: #333;
	background: #a5d0e1;
	}

p#copyright {
	padding: 15px 0 0 0;
	color: #fff;
	}

p#copyright a {
	color: #fff;
	}

/*
------------------------------------------------------------------------------
GENERAL LAYOUT
------------------------------------------------------------------------------*/

#header, #flashBanner, #content, #footer {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left;
	}

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

.clearfix {
	height: 1%;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

html > body .clearfix {
	min-height: 1px;
	height: auto;
	}

/*
------------------------------------------------------------------------------
EIGEN GATEWAY
------------------------------------------------------------------------------*/

#eigen_cc_cvv {
	width: 50px;
	}

#eigen_cc_number {
	width: 150px;
	}

#eigen_cc_expires_year {
	width: 60px;
	}

#eigen_cc_expires_month {
	width: 45px;
	}

/*
------------------------------------------------------------------------------
FLASH TEXT REPLACEMENT
------------------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

a.ps_img {
	color: #ff3399;
	text-decoration: underline;
}
a.ps_img:hover {
	color: #fff;
	background-color: #ff3399;
}

.image_container img {
	display: block;
	border: 1px solid #8bc8de;
	}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash .colOne h2 {
	visibility: hidden;
}

.sIFR-hasFlash p.passPrice {
	visibility: hidden;
	letter-spacing: 0em;
}

.sIFR-hasFlash a.boxHeading h3 {
	visibility: hidden;
	line-height: 18px;
}