/* YUI reset and extra */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
ol, ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
}

textarea
{
	overflow-y: auto;
}
html
{
	overflow-y: scroll;
}
:focus
{
	outline: 0;
}
input[type="image"]
{
	border: 0;
}

html
{
	min-height: 100%;
	height: auto;
}

body
{
	background: #fff url( "/images/layout/backgrounds/grass.jpg" ) center bottom no-repeat;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

sup
{
	position: relative;
	margin: 0 1px 0 2px;
	padding: 0;
	line-height: 8px;
}

hr
{
	height: 2px;
	overflow: hidden;
	background: none;
	border: 0;
	margin: 17px 0 18px 0;
	padding: 0;
	background: url( "/images/layout/backgrounds/hr.png" ) repeat-x;
}

.block
{
	display: block;
}

.nowrap
{
	white-space: nowrap !important;
}

.error
{
	color: #bc585f !important;
}

input[type="text"], input[type="password"]
{
	border: 1px solid #bbbbbb;
	padding: 2px;
	font: normal 11px/11px 'Lucida Grande' , Arial, sans-serif;
	color: #000;
}

textarea
{
	border: 1px solid #bbbbbb;
	padding: 2px;
	font: normal 11px/11px 'Lucida Grande' , Arial, sans-serif;
	color: #000;
}

input.single-field-submit
{
	position: relative;
	left: -21px;
	top: 2px;
}

.basic-form-label
{
	font: normal 14px/16px Georgia, serif;
	color: #6a4e3b;
}

.basic-form-label-span
{
	font: normal 11px/16px Georgia, serif;
	color: #7d7d7d;
	padding-left: 2px;
}

.basic-form-label-input, .basic-form-label-textarea
{
	margin-top: 5px;
}

input.plain-submit
{
	border: 0;
	background: #fff;
	color: #527ab6;
	font: normal 14px/16px Georgia, serif;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	margin: 0;
	padding-right: 20px;
	background: url( "/images/layout/backgrounds/form-button-arrow.png" ) right 3px no-repeat;
}

input.plain-submit-win
{
	background: url( "/images/layout/backgrounds/form-button-arrow-win.png" ) right 3px no-repeat;
}

input.image-submit
{
}

.hidden-submit
{
	display: none !important;
}

input.disabled
{
	color: #999 !important;
	text-decoration: none !important;
	background: none !important;
	cursor: default !important;
}

#header-wrapper
{
	background: url( "/images/layout/backgrounds/cloud-stripe.jpg" ) top repeat-x;
}

#header-wrapper-inside
{
	background: url( "/images/layout/backgrounds/clouds.jpg" ) center top no-repeat;
	min-height: 68px;
}

#header
{
	position: relative;
	width: 900px;
	height: 141px;
	margin: 0 auto;
}

#headerCart
{
	position: relative;
	width: 900px;
	height: 50px;
	margin: 0 auto;
}

#header h1
{
	position: absolute;
	top: 22px;
	left: 22px;
	width: 213px;
	height: 50px;
	font: italic normal 20px/50px Arial, sans-serif;
	color: #000;
	overflow: hidden;
}

#header h1 span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 213px;
	height: 50px;
	background: url( "/images/layout/backgrounds/logo-wbg.png" ) no-repeat;
}


#headerCart h1
{
	position: absolute;
	top: 22px;
	left: 22px;
	width: 213px;
	height: 50px;
	font: italic normal 20px/50px Arial, sans-serif;
	color: #000;
	overflow: hidden;
}

#headerCart h1 span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 213px;
	height: 50px;
	background: url( "/images/layout/backgrounds/logo-wbg.png" ) no-repeat;
}

#tagline
{
	position: absolute;
	top: 40px;
	left: 259px;
	width: 251px;
	height: 18px;
	background: url( "/images/layout/backgrounds/tagline-wbg.png" ) no-repeat;
}

#search
{
	position: absolute;
	top: 41px;
	right: 0;
	width: 375px;
	text-align: right;
	font: 10px/20px Arial, sans-serif;
	color: #527ab6;
}

#search p
{
	margin: 0;
	padding: 0;
}

#search a
{
	margin: 0 7px;
	color: #527ab6;
	text-decoration: none;
}

#search a:hover
{
	color: #527ab6;
	text-decoration: underline;
}

#search .search-box
{
	position: relative;
	right: -5px;
	height: 13px !important;
	width: 105px;
	vertical-align: middle !important;
	border: 1px solid #bbbbbb !important;
	padding: 2px 20px 2px 3px !important;
	margin: 0 !important;
	font: normal 10px/10px 'Lucida Grande' , Arial, sans-serif;
	color: #7d7d7d;
}

#search input.active
{
	color: #000;
}

#search input.search-type-box
{
	width: 130px;
	font-size: 12px;
	color: #000;
}

#search .search-button
{
	position: relative;
	left: -16px;
	vertical-align: middle;
	margin-bottom: 0;
}

ul#navigation
{
	position: absolute;
	top: 88px;
	left: 10px;
	width: 900px;
	height: 35px;
	font: normal 14px Arial, sans-serif;
	color: #527ab6;
}

ul#navigation li
{
	float: left;
}

ul#navigation li a
{
	position: relative;
	display: block;
	overflow: hidden;
	color: #527ab6;
	text-decoration: none;
}

ul#navigation li a span
{
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url( "/images/layout/navigation/main.png" );
	background-repeat: no-repeat;
}

#nav-meet-mary-lou a
{
	width: 171px;
	height: 35px;
}
#nav-philosophy a
{
	width: 132px;
	height: 35px;
}
#nav-ask-the-experts a
{
	width: 160px;
	height: 35px;
}
#nav-success-stories a
{
	width: 178px;
	height: 35px;
}
#nav-helpful-tools a
{
	width: 142px;
	height: 35px;
}
#nav-products a
{
	width: 107px;
	height: 35px;
}

#nav-meet-mary-lou a span
{
	width: 171px;
	height: 35px;
	background-position: 0 -35px;
}
#nav-philosophy a span
{
	width: 132px;
	height: 35px;
	background-position: 0 -105px;
}
#nav-ask-the-experts a span
{
	width: 160px;
	height: 35px;
	background-position: 0 -175px;
}
#nav-success-stories a span
{
	width: 178px;
	height: 35px;
	background-position: 0 -245px;
}
#nav-helpful-tools a span
{
	width: 142px;
	height: 35px;
	background-position: 0 -315px;
}
#nav-products a span
{
	width: 107px;
	height: 35px;
	background-position: 0 -385px;
}

/* .hover class instead of :hover is for bug fix (uses .js file as well)
					   the y-posiitn size has been lowered by 1px because we set the "top" of the span
					   to 1px to create some sort of update to it's position, this allows us to 
					   bypass a bug in firefox where the span would change depths with the text
					   and overlap */
#nav-meet-mary-lou a.hover span
{
	width: 171px;
	height: 35px;
	background-position: -229px -1px;
}
#nav-philosophy a.hover span
{
	width: 132px;
	height: 35px;
	background-position: -229px -71px;
}
#nav-ask-the-experts a.hover span
{
	width: 160px;
	height: 35px;
	background-position: -229px -141px;
}
#nav-success-stories a.hover span
{
	width: 178px;
	height: 35px;
	background-position: -229px -211px;
}
#nav-helpful-tools a.hover span
{
	width: 142px;
	height: 35px;
	background-position: -229px -281px;
}
#nav-products a.hover span
{
	width: 107px;
	height: 35px;
	background-position: -229px -351px;
}

body.nav-meet-mary-lou #nav-meet-mary-lou a span
{
	background-position: 0 0 !important;
	top: 0 !important;
}
body.nav-philosophy #nav-philosophy a span
{
	background-position: 0 -70px !important;
	top: 0 !important;
}
body.nav-ask-the-experts #nav-ask-the-experts a span
{
	background-position: 0 -140px !important;
	top: 0 !important;
}
body.nav-success-stories #nav-success-stories a span
{
	background-position: 0 -210px !important;
	top: 0 !important;
}
body.nav-helpful-tools #nav-helpful-tools a span
{
	background-position: 0 -280px !important;
	top: 0 !important;
}
body.nav-products #nav-products a span
{
	background-position: 0 -350px !important;
	top: 0 !important;
}

#subnavigation
{
	position: absolute;
	top: 130px;
	left: 32px;
	font: normal 11px/11px 'Lucida Grande' , Arial, sans-serif;
	color: #527ab6;
}

#subnavigation a
{
	margin: 0 15px 0 6px;
	padding: 0 0 0 9px;
	color: #527ab6;
	text-decoration: none;
}

#subnavigation a:hover
{
	color: #527ab6;
	text-decoration: underline;
}

#subnavigation a.active, body.snav-product-faq #snav-product-faq, body.snav-accessories #snav-accessories, body.snav-buy-now #snav-buy-now, body.snav-what-works #snav-what-works, body.snav-recipes #snav-recipes, body.snav-healthy-shopping #snav-healthy-shopping, body.snav-relaxation-techniques #snav-relaxation-techniques, body.snav-exercise #snav-exercise
{
	background: url( "/images/layout/backgrounds/arrow-dark.png" ) 0 4px no-repeat;
	color: #373737;
	text-decoration: none;
}

#subnavigationproduct
{
	position: absolute;
	top: 130px;
	left: 32px;
	font: normal 11px/11px 'Lucida Grande' , Arial, sans-serif;
	color: #527ab6;
}

#subnavigationproduct a
{
	margin: 0 15px 0 6px;
	padding: 0 0 0 9px;
	color: #527ab6;
	text-decoration: none;
}

#subnavigationproduct a:hover
{
	color: #527ab6;
	text-decoration: underline;
}

#subnavigationproduct a.active
{
	background: url( "/images/layout/backgrounds/arrow-dark.png" ) 0 4px no-repeat;
	color: #373737;
	text-decoration: none;
}

#middle
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#middle a
{
	color: #527ab6;
	text-decoration: underline;
}

#middle a:hover
{
	color: #527ab6;
	text-decoration: underline;
}

#middle a.arrow
{
	color: #527ab6;
	text-decoration: underline;
	padding-right: 20px;
	background: url( "/images/layout/backgrounds/arrow.png" ) right 3px no-repeat;
	font-size: 14px;
	line-height: 18px;
}

#middle a.arrow-2
{
	color: #527ab6;
	text-decoration: underline;
	padding-right: 20px;
	background: url( "/images/layout/backgrounds/arrow-2.png" ) right 3px no-repeat;
	font-size: 14px;
	line-height: 18px;
}

#middle a.read-more
{
	white-space: nowrap;
	color: #527ab6;
	text-decoration: underline;
	padding-right: 20px;
	background: url( "/images/layout/backgrounds/arrow.png" ) right 3px no-repeat;
	font-size: 14px;
	line-height: 18px;
}

#middle p
{
	font: normal 14px/18px Georgia, serif;
	color: #7d7d7d;
	margin: 0 0 15px 0;
}

#middle p.attribute
{
	color: #6a4e3b;
	margin: 0;
}

#middle h2
{
	position: relative;
	font: normal 18px/20px Arial, sans-serif;
	color: #6a4e3b;
	margin: 0 0 10px 0;
}

#middle h2.title-meet-mary
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-meet-mary span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/meet-mary-lou-retton.png" ) no-repeat;
}

#middle h2.title-philosophy
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-philosophy span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/mary-lous-philosophy.png" ) no-repeat;
}

#middle h2.title-ask-the-experts
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-ask-the-experts span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/ask-the-experts.png" ) no-repeat;
}

#middle h2.title-success-stories
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-success-stories span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/success-stories.png" ) no-repeat;
}

#middle h2.title-helpful-tools
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-helpful-tools span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/helpful-tools.png" ) no-repeat;
}

#middle h2.title-what-works
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-what-works span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/what-works.png" ) no-repeat;
}

#middle h2.title-faq
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-faq span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/faq.png" ) no-repeat;
}

#middle h2.title-exercise
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-exercise span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/exercise-your-rights.png" ) no-repeat;
}

#middle h2.title-relaxation
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-relaxation span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/relaxation-techniques.png" ) no-repeat;
}

#middle h2.title-healthy-shopping
{
	line-height: 90px;
	width: 454px;
	height: 110px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-healthy-shopping span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 454px;
	height: 110px;
	background: url( "/images/layout/titles/healthy-shopping.png" ) no-repeat;
}

#middle h2.title-healthy-bites
{
	line-height: 60px;
	width: 273px;
	height: 79px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#middle h2.title-healthy-bites span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 273px;
	height: 79px;
	background: url( "/images/layout/titles/healthy-bites.png" ) no-repeat;
}

#middle h3
{
	font: normal 20px/22px Georgia, serif;
	color: #6a4e3b;
	margin: 0 0 15px 0;
}

#middle h4
{
	font: italic bold 14px/16px Georgia, serif;
	color: #6a4e3b;
	margin: 0 0 5px 0;
}

#middle h5
{
	font: normal 14px/16px Georgia, serif;
	color: #6a4e3b;
	margin: 0 0 5px 0;
}

#middle ul
{
	font: normal 14px/18px Georgia, serif;
	color: #7d7d7d;
	margin: 0 0 15px 0;
}

#middle ul li
{
	padding-left: 15px;
	background: url( "/images/layout/backgrounds/li-2.png" ) 1px 7px no-repeat;
}

#middle ul.spaced li
{
	margin-bottom: 10px;
}

#middle ul#video-faq-list li a.active
{
	text-decoration: none;
	color: #7d7d7d;
	cursor: default;
}

#middle ol
{
	font: normal 14px/18px Georgia, serif;
	color: #7d7d7d;
	margin: 0 0 15px 0;
}

#middle ol li
{
	list-style-type: decimal;
	margin-left: 25px;
}

#middle ol.spaced li
{
	margin-bottom: 10px;
}

#middle ol.colored li
{
	color: #6a4e3b;
}

#middle ol.colored li span
{
	color: #7d7d7d;
}

#middle ol.colored li span.title
{
	color: #6a4e3b;
}

#middle .image-left
{
	position: relative;
	float: left;
	margin: 0 20px 15px 0;
}

#middle .image-left-2
{
	position: relative;
	float: left;
	margin: 0 6px -7px 0;
	top: -10px;
	left: -4px;
}

#middle .image-right
{
	position: relative;
	float: right;
	margin: 0 0 15px 20px;
}

#middle .image-medal
{
	position: relative;
	float: right;
	margin: 0 0 -20px 20px;
	top: -20px;
}

#middle .after-image
{
	position: relative;
	margin: 0 0 7px 0;
	left: -7px;
}

#middle .buy-now-tag
{
	position: relative;
	display: block;
	width: 130px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
	background: url( "/images/layout/buttons/buy-now.png" ) no-repeat;
}

#middle .add-to-cart
{
	position: relative;
	display: block;
	width: 93px;
	height: 17px;
	overflow: hidden;
	text-align: center;
	font: normal 10px/17px Arial, sans-serif;
}

#middle .add-to-cart span
{
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 93px;
	height: 17px;
	background: url( "/images/layout/buttons/add-to-cart.png" ) no-repeat;
}

#middle .thumbnail-description
{
	min-height: 100px;
	margin-left: 120px;
	padding-bottom: 1px;
}

#middle .thumbnail-description-2
{
	min-height: 115px;
	margin-left: 120px;
	padding-bottom: 1px;
}

#middle .thumbnail-description-3
{
	min-height: 180px;
	margin-left: 150px;
	padding-top: 5px;
	padding-bottom: 1px;
}

#middle .thumbnail-description-3 .small-right-col
{
	float: right;
	width: 165px;
}

#middle .thumbnail-description-3 .small-left-col
{
	width: 145px;
}

#middle .thumbnail-description-4
{
	min-height: 147px;
	margin-left: 140px;
	padding-top: 5px;
	padding-bottom: 1px;
}

#middle .thumbnail-description-5
{
	min-height: 198px;
	margin-left: 220px;
	padding-top: 5px;
	padding-bottom: 1px;
}

#middle .descriptor
{
	margin: 0 0 5px 0;
}

#middle .descriptor span
{
	color: #6a4e3b;
	padding-right: 2px;
}

#middle .descriptor-last
{
	margin: 0 0 15px 0 !important;
}

#middle .thumbnail-left
{
	position: relative;
	float: left;
	margin: 0 0 0 0;
	top: -6px;
	left: -6px;
}

#middle .quote
{
	position: relative;
	font: normal 17px/23px Arial, sans-serif;
	color: #527ab6;
	margin: 0;
}

#middle .quote-1
{
	width: 345px;
	height: 69px;
	overflow: hidden;
	left: -4px;
}

#middle .quote-1 span
{
	position: absolute;
	width: 345px;
	height: 69px;
	top: 0;
	left: 0;
	background: url( "/images/misc/quote-1.png" ) no-repeat;
}

#middle .quote-2
{
	width: 345px;
	height: 125px;
	overflow: hidden;
	left: -4px;
}

#middle .quote-2 span
{
	position: absolute;
	width: 345px;
	height: 125px;
	top: 0;
	left: 0;
	background: url( "/images/misc/quote-2.png" ) no-repeat;
}

#middle .quote-3
{
	width: 333px;
	height: 260px;
	overflow: hidden;
	left: -4px;
}

#middle .quote-3 span
{
	position: absolute;
	width: 333px;
	height: 260px;
	top: 0;
	left: 0;
	background: url( "/images/misc/quote-3.png" ) no-repeat;
}

#middle .quote-4
{
	width: 313px;
	height: 186px;
	overflow: hidden;
	left: -4px;
}

#middle .quote-4 span
{
	position: absolute;
	width: 313px;
	height: 186px;
	top: 0;
	left: 0;
	background: url( "/images/misc/quote-4.png" ) no-repeat;
}

#middle .quote-5
{
	width: 315px;
	height: 305px;
	overflow: hidden;
	left: -4px;
}

#middle .quote-5 span
{
	position: absolute;
	width: 315px;
	height: 305px;
	top: 0;
	left: 0;
	background: url( "/images/misc/quote-5.png" ) no-repeat;
}

#middle .quote-6
{
	width: 315px;
	height: 285px;
	overflow: hidden;
	left: -4px;
}

#middle .quote-6 span
{
	position: absolute;
	width: 315px;
	height: 285px;
	top: 0;
	left: 0;
	background: url( "/images/misc/quote-6.png" ) no-repeat;
}

#middle .signature
{
	position: relative;
	top: -3px;
	text-align: right;
	color: #6a4e3b;
	margin: 0 0 5px 0;
	padding-right: 10px;
}

#home-flash
{
	position: relative;
	width: 867px;
	height: 420px;
	background: url( "/images/layout/backgrounds/home-flash-placeholder.png" ) no-repeat;
	margin: 0 0 5px 20px;
}

#product-feature
{
	width: 900px;
	margin: 10px 0 0 10px;
	font: normal 14px/18px Georgia, Arial, sans-serif;
	color: #7d7d7d;
}

#product-feature:after
{
	/* self clear floats */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#product-feature .left
{
	position: relative;
	float: left;
	width: 423px;
}

#product-feature .right
{
	position: relative;
	float: right;
	width: 400px;
}

#product-feature h2
{
	font: normal 18px/20px Arial, sans-serif;
	color: #6a4e3b;
	margin: 0 0 10px 0;
}

#product-feature p
{
	margin: 0 0 15px 0;
}

#product-feature p.attribute
{
	color: #6a4e3b;
	margin: 0;
}

#product-feature .buy-now-feature
{
	position: absolute;
	top: -10px;
	right: 0;
}

#product-feature .add-to-cart-feature
{
	position: absolute;
	top: 78px;
	right: 0;
}

#basic-feature
{
	width: 850px;
	margin: 0 0 5px 40px;
	font: normal 14px/18px Georgia, Arial, sans-serif;
	color: #7d7d7d;
}

#basic-feature:after
{
	/* self clear floats */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.with-sub-nav
{
	margin-top: 35px !important;
}

#basic-feature .left
{
	position: relative;
	float: left;
	width: 454px;
}

#basic-feature .left-2
{
	position: relative;
	float: left;
	width: 570px;
}

#basic-feature .left-3
{
	position: relative;
	float: left;
	width: 530px;
}

#basic-feature .right
{
	position: relative;
	float: right;
	width: 334px;
	padding-right: 12px;
}

#basic-feature .right-2
{
	position: relative;
	float: right;
	width: 250px;
	padding-right: 0;
}

#basic-feature .right-3
{
	position: relative;
	float: right;
	width: 290px;
	padding-right: 0;
}

#basic-feature h2
{
	font: normal 18px/20px Arial, sans-serif;
	color: #6a4e3b;
	margin: 0 0 10px 0;
}

#basic-feature p.attribute
{
	color: #6a4e3b;
	margin: 0;
}

#basic-feature .highlight-image
{
	position: relative;
	left: -12px;
	margin: 0 -12px 10px 0;
}

#basic-feature .video-container-philosophy
{
	position: relative;
	width: 320px;
	height: 280px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	background: url( "/images/layout/backgrounds/shadows-video.png" ) no-repeat; /*background: url("/images/layout/backgrounds/shadows-video-test.png") no-repeat;*/
}

#basic-feature .video-container-philosophy .loading
{
	/*background: url("/images/layout/backgrounds/loading.gif") center no-repeat !important;*/
}

#flash-video-philosophy
{
	position: relative;
	margin: 0 0 0 0;
	width: 320px;
	height: 280px;
	overflow: hidden;
}

.get-flash
{
	display: none;
}

.noflash .get-flash
{
	/* set by ufo when they do not have flash installed */
	display: block;
	width: 320px;
	height: 280px;
	background: url( "/images/layout/backgrounds/download-flash.png" ) center no-repeat;
}

.get-javascript
{
	display: block !important;
	width: 320px;
	height: 280px;
	background: url( "/images/layout/backgrounds/enable-javascript.png" ) center no-repeat !important;
}

#two-col-with-nav
{
	width: 870px;
	margin: 10px 0 0 10px;
	font: normal 14px/18px Georgia, Arial, sans-serif;
	color: #7d7d7d;
}

#two-col-with-nav:after
{
	/* self clear floats */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#two-col-with-nav .left
{
	position: relative;
	float: left;
	width: 293px;
}

#two-col-with-nav .right
{
	position: relative;
	float: right;
	width: 570px;
	padding-top: 34px;
}

#single-column
{
	position: relative;
	width: 890px;
	min-height: 400px;
	margin: 0;
	padding-top: 1px;
	background: url( "/images/layout/backgrounds/shadows-single.png" ) no-repeat;
}

#single-column .left
{
	width: auto;
	margin: 37px 0 0 35px;
}

#two-column
{
	position: relative;
	width: 890px;
	min-height: 490px;
	margin: 0;
	background: url( "/images/layout/backgrounds/shadows.png" ) no-repeat;
}

#two-column:after
{
	/* self clear floats */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#two-column .left
{
	float: left;
	width: 470px;
	margin: 37px 0 0 35px;
}

#two-column .right
{
	float: right;
	width: 333px;
	margin: 37px 0 0 0;
}

#two-column .video-container
{
	position: relative;
	left: -7px;
	width: 320px;
	height: 280px;
	margin: 0 -12px 12px 0;
	padding: 10px 10px 10px 10px;
	background: url( "/images/layout/backgrounds/shadows-video.png" ) no-repeat; /*background: url("/images/layout/backgrounds/shadows-video-test.png") no-repeat;*/
}

#two-column .video-container .loading
{
	/*background: url("/images/layout/backgrounds/loading.gif") center no-repeat !important;*/
}

#flash-video
{
	position: relative;
	margin: 0 0 0 0;
	width: 320px;
	height: 280px;
	overflow: hidden;
}

#flash-video-faq
{
	position: relative;
	margin: 0 0 0 0;
	width: 320px;
	height: 280px;
	overflow: hidden;
}

#middle .mini-navigation
{
	position: relative;
	margin: 0 0 13px 0;
	left: -15px;
	height: 15px;
	font: normal 11px/14px Arial, sans-serif;
	color: #527ab6;
}

#middle .mini-navigation li
{
	float: left;
	padding: 0;
	background: none;
}

#middle .mini-navigation li a
{
	margin: 0 15px 0 6px;
	padding-left: 9px;
	color: #527ab6;
	text-decoration: none;
}

#middle .mini-navigation li a:hover
{
	color: #527ab6;
	text-decoration: underline;
}

#middle .mini-navigation li a.active
{
	background: url( "/images/layout/backgrounds/arrow-dark.png" ) 0 3px no-repeat;
	color: #373737;
	text-decoration: none;
}

#middle .mini-navigation-bottom
{
	text-align: right;
	font: normal 10px/12px Arial, sans-serif;
	color: #527ab6;
}

#middle .mini-navigation-bottom a
{
	margin-left: 18px;
	text-decoration: none;
}

#middle .mini-navigation-bottom a:hover
{
	text-decoration: underline;
}

#middle .mini-navigation-bottom a span
{
	font-size: 11px;
}

#middle .achievements
{
}

#middle .hide
{
	display: none !important;
}

#middle ul.year-list
{
	position: relative;
}

#middle ul.year-list li
{
	position: relative;
	background: none;
	padding-left: 50px;
}

#middle ul.year-list li .year
{
	position: absolute;
	top: 0;
	left: 0;
	font: normal 14px/16px Georgia, serif;
	color: #6a4e3b;
}

.faq
{
	position: relative;
	padding: 3px 0 0 84px;
	background: url( "/images/layout/backgrounds/faq-closed.png" ) no-repeat;
	min-height: 42px;
}

.opened
{
	background: url( "/images/layout/backgrounds/faq-opened.png" ) no-repeat;
	cursor: default;
}

.closed
{
	background: url( "/images/layout/backgrounds/faq-closed.png" ) no-repeat;
}

.faq .question
{
	position: relative;
	color: #6a4e3b !important;
	margin: 0 0 10px 0;
	cursor: pointer;
}

.faq .answer
{
	position: relative;
	margin: 0 0 10px 0;
}

.faq .mark
{
	position: absolute;
	top: 0;
	left: -80px;
	width: 70px;
	height: 35px;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
}

.closed .answer
{
	display: none;
}

.opened .answer
{
	display: block;
}

.faq-style-2
{
	padding: 1px 0 0 1px;
	min-height: 37px;
}

.faq-style-2 .question
{
	margin: 0 0 0 0 !important;
	padding: 7px 0 10px 59px !important;
}

.faq-style-2 .answer
{
	margin: 0 0 10px 59px !important;
}

.faq-style-2 .mark
{
	position: relative;
	left: 0;
	font: normal 20px/22px Georgia, serif;
}

.faq-style-3
{
	padding: 1px 0 0 1px;
	min-height: 45px;
}

.faq-style-3 .question
{
	margin: 0 0 0 0 !important;
	padding: 7px 0 10px 59px !important;
	font: normal 16px/19px Georgia, serif !important;
}

.faq-style-3 .answer
{
	margin: 0 0 10px 59px !important;
}

#middle #third-nav
{
	width: 243px; /*min-height: 420px;*/
	min-height: 245px;
	padding: 35px 20px 0 30px; /*background: url("/images/layout/backgrounds/shadows-2.png") no-repeat;*/
	background: url( "/images/layout/backgrounds/shadows-3.png" ) no-repeat;
}

#middle #third-nav-main-links
{
	position: relative;
	margin: 0 0 15px 0;
	left: -15px;
	font: normal 11px/14px Arial, sans-serif;
	color: #527ab6;
	list-style-type: none;
}

#middle #third-nav-main-links li
{
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#middle #third-nav-main-links li a
{
	margin: 0 0 0 6px;
	padding-left: 9px;
	color: #527ab6;
	text-decoration: none;
}

#middle #third-nav-main-links li a:hover
{
	color: #527ab6;
	text-decoration: underline;
}

#middle #third-nav-main-links li a.active
{
	background: url( "/images/layout/backgrounds/arrow-dark.png" ) 0 3px no-repeat;
	color: #373737;
	text-decoration: none;
}

#middle #third-nav-main-links li ul
{
	position: relative;
	margin: 0 0 25px 25px;
	left: 0;
	font: normal 11px/14px Arial, sans-serif;
	color: #527ab6;
	list-style-type: none;
}

#middle #third-nav-main-links li.closed ul
{
	display: none;
}

#middle #third-nav-main-links li ul li
{
	position: relative;
	margin: 10px 0 0 0;
	left: 0;
	font: normal 11px/14px Arial, sans-serif;
	color: #527ab6;
	list-style-type: none;
	padding-left: 8px;
	padding-right: 16px;
	background: url( "/images/layout/backgrounds/li-2.png" ) 0 5px no-repeat;
}

#middle #third-nav-main-links li ul li .medal
{
	position: absolute;
	top: -4px;
	right: 0;
	width: 16px;
	height: 19px;
	background: url( "/images/layout/backgrounds/medal-small.png" ) no-repeat;
}

#middle #third-nav-main-links li ul li a
{
	margin: 0;
	padding: 0;
	color: #527ab6;
	text-decoration: none;
}

#middle #third-nav-main-links li ul li a:hover
{
	color: #527ab6;
	text-decoration: underline;
}

#middle #third-nav-main-links li ul li a.active
{
	background: none;
	color: #373737;
	text-decoration: none;
}

#submit-recipe
{
	width: 243px;
	min-height: 245px;
	padding: 35px 20px 0 30px;
	background: url( "/images/layout/backgrounds/shadows-3.png" ) no-repeat;
}

#middle table.simple-list
{
	margin: 0 0 15px 0;
	font: normal 14px/18px Georgia, serif;
	color: #7d7d7d;
}

#middle table.simple-list tr.lined
{
	background: url( "/images/layout/backgrounds/hr.png" ) bottom repeat-x;
}

#middle table.simple-list th
{
	font: italic bold 14px/16px Georgia, serif;
	color: #6a4e3b;
	padding: 2px 8px 12px 8px;
}

#middle table.simple-list td
{
	padding: 2px 8px 6px 8px;
}

#middle table.simple-list tr.roomy td
{
	padding-top: 12px;
}

#middle table.simple-list .first-column
{
	width: 180px;
}




























#footer
{
	position: relative;
	width: 100%;
	height: 40px;
	overflow: hidden;
	margin: 20px auto 0 auto;
	padding-bottom: 10px;
	font: normal 8px 'Lucida Grande' , Arial, sans-serif;
	color: #5c5c5c;
}

#footerCheckout
{
	position: relative;
	width: 100%;
	height: 40px;
	overflow: hidden;
	margin: 20px auto 0 auto;
	padding-bottom: 10px;
	font: normal 8px 'Lucida Grande' , Arial, sans-serif;
	color: #5c5c5c;
}

ul#footer-navigation
{
	margin-left: 260px;
	height: 19px;
}

ul#footer-navigation li
{
	position: relative;
	float: left;
	height: 19px;
}

ul#footer-navigation li a
{
	position: absolute;
	cursor: pointer;
	width: 154px;
	height: 114px; /* total height of image */
	background: url( "/images/layout/navigation/footer.png" ) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

ul#footer-navigation li a span
{
	display: block;
	width: 100%;
	height: 100%;
}

#fnav-contact-us
{
	width: 127px;
	height: 19px;
}
#fnav-contact-us a
{
	width: 127px;
	top: -19px;
	clip: rect(19px 127px 38px 0px); /* clip the link to only the portion to view */
}
#fnav-contact-us a:hover
{
	top: 0;
	clip: rect(0px 127px 19px 0px); /* clip the link to only the portion to view */
}

#fnav-shopping-cart
{
	width: 154px;
	height: 19px;
}
#fnav-shopping-cart a
{
	width: 154px;
	top: -57px;
	clip: rect(57px 154px 76px 0px); /* clip the link to only the portion to view */
}
#fnav-shopping-cart a:hover
{
	top: -38px;
	clip: rect(38px 154px 57px 0px); /* clip the link to only the portion to view */
}

#fnav-disclaimer
{
	width: 99px;
	height: 19px;
}
#fnav-disclaimer a
{
	width: 99px;
	top: -95px;
	clip: rect(95px 99px 114px 0px); /* clip the link to only the portion to view */
}
#fnav-disclaimer a:hover
{
	top: -76px;
	clip: rect(76px 99px 95px 0px); /* clip the link to only the portion to view */
}

#footer
{
	text-align: center;
	font: normal 11px 'Lucida Grande' , Arial, sans-serif;
	color: #5c5c5c;
	margin: 10px 10px 0 0;
}

.cse-search-results
{
	padding: 0;
	margin: 0;
	height: auto;
}
#cse-search-results iframe
{
	max-height: 930px;
}

.DefaultFont
{
	font: normal 14px/18px Georgia, serif;
	color: #7d7d7d;
}

#confirmation-step
{
	width: 100%;
	margin: 10px 0 0 10px;
	font: normal 14px/18px Georgia, Arial, sans-serif;
	color: #7d7d7d;
}


#nav-community a { width: 137px; height: 35px; }
#nav-community a span { width: 137px; height: 35px; background-position: 0 -455px; }
#nav-community a.hover span { width: 137px; height: 35px; background-position: -229px -421px; }
body.nav-community #nav-community a span { background-position: 0 -420px !important; top: 0 !important; }