/* Import wysiwyg styles */
/* Styles used in wysiwyg interface. */
@import url(/Lighthouse/Resources/css/MSStandard_wysiwyg.css);
/* Special wysiwyg styles defined for this site */
@import url(style_wysiwyg.css);


/*
 * YUDU general style sheet
 *
**/

body 
{
	margin: 0px; 
	margin-bottom: 0.01em; /* force scrollbar in FF */
	padding: 0px;
	background-color: #FFFFFF;
}

/* Default font settings for the site */
html, body, p, td, select, input, textarea, a
{
	/* font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif; */
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #999999;
}

select, input, textarea
{
	color: #999999;
}

form
{
	margin: 0px;
}

a:link { 
	color: #336666;
	}
a:visited { 
	color: #336666;
	}
a:hover { 
	color: #336666;
	}
a:active { 
	color: #336666;
	}

a img
	{
		border: none; /* Eliminates borders around images contained within links */
	}
		

/* Table.Layout is used for providing layout structures */
table.Layout
{
	border: none;
	border-collapse: collapse;
}

	table.Layout td.Layout
	{
		padding: 0px;
	}

tr.GridHeading
{
	background-color: #669999;
}

h1
{ /* i.e. page titles */
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	margin: 0 0 .8em 0;
	color: #669999;
	font-size: 18px;
	font-weight: bold;
}

	h1.Shop
	{ /* i.e. page titles */
		margin: 0px;
		padding: 15px 12px 0 0;
		color: #99cccc;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		text-transform: uppercase;
		text-align: right;
	}

	h1.Receipt
	{
		color: #ff6600;
		text-align: left;
	}

h2.ProductDetail
{ /* i.e. product title bar on product detail page */
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #999999;
}
h2 span
{ /* i.e. smaller, parenthetical text */
	font-size: 12px;
}
h2.Print
{
	background: none;
}

h2.Intro
{
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	color: #ff6600;
	font-size: 16px;
	line-height: normal;
	background: none;
	height: auto;
	margin: 0;
	padding: 0;
}

h2.MainContent
{
	margin: 1em 0em;
}

h2.Headline
{
	background: none;
	font-family: Times New Roman, Serif;
	font-size: 45px;
	text-align: center;
	font-weight: normal;
	margin: 10px 0px;
}

h3
{ /* i.e. section titles */
	margin: 0;
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
}

	h3.Shopping
	{ /* i.e. section titles on product detail page */
		font-family: Arial, Helvetica, Sans-Serif;
		margin: 0px;
		padding-top: 7px;
		padding-bottom: 4px;
		padding-left: 15px;
		padding-right: 15px; 
		line-height: 11px;
		color: #ffffff;
		background-color: #669999;
		text-transform: uppercase;
		border: none;
		font-size: 11px;
	}
	
	h3.Greeting
	{
		font-family: Arial, Helvetica, Sans-Serif;
		background-color: #999999;
	}

	h3.Small
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		line-height: 16px;
	}

	h3.Debug
	{
		font-family: Arial, Helvetica, Sans-Serif;
		background-color: #93352D;
		color: #eeeeee;
	}

h4
{ /* i.e. section titles */
	margin-top: 2px;
	margin-bottom: 0;
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

	h4.ItemTitle
	{ /* i.e. Product titles on summary page */
		font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
		padding-top: 3px;
		color: #ffffff;
		font-size: 12px;
		margin: 0px;
	}

	h4.ItemTitle span
	{
		color: #99cccc;
	}

p
{
	margin: 0em 0em 1em 0em;
}

label.Ship
{
	font-size: 11px;
	font-weight: bold;
	color: #336666;
	margin-right: 8px;
}

p.CartNotes
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #666666;
}

	p.CartNotes a
	{
		color: #999999;
		text-decoration: underline;
	}

select.Text
{
	width: 12em;
}

input.Natural, select.Natural
{
	width: auto !important;
}

input.Text
{
	width: 12em;
	padding-left: 3px;
	padding-right: 3px;
}
input.Quantity
{
	width: 3em;
}

input.Narrow { width: 7em; }

input.Wide, select.Wide, textarea.Wide { width: 30em; }
input.MediumWide, select.MediumWide, textarea.MediumWide { width: 20em; }

/*
PageBody Container is the outermost container for all page contents.
Any absolute widths and/or centering should be done on this element.
No padding should be specified on this element. 
*/
#PageBodyContainer
{
	width: 804px;
	margin: 0em auto;
	background: transparent url(Images/Common/page_dropshadow_body.gif) repeat-y;
}

#PageBody
{
	padding: 0px 8px 50px 9px;
	margin: 0 15px;
	position: relative;
	width: 757px;
	background: #ffffff url(Images/Common/page_blue_bar_bg.gif) repeat-x;
}

	.Home #PageBody
	{
		padding-bottom: 1px;
	}
	
	#PageBody.NoBlueBar
	{
		background-image: none;
	}

#PageTopEditControls
{
	margin: 0 15px;
}

/* 
PageBanner contains all the items at the top of each page:
- Mini Cart
- Main Nav
- Banner Logo
*/
#PageBanner 
{
	height: 81px;
	color: #ece7db;
	position: relative;
}

/* MiniCart is the small shopping cart summary at the top of each shopping page */
#MiniCart 
{
	padding-top: 3px;
	float: right;
}

	#MiniCart .Text
	{
		padding-left: 8px;
		padding-bottom: 1px;
		padding-right: 13px;
		font-weight: bold;
		color: #999999;
	}
	
	#MiniCart .Text span.ItemCount
	{
		font-weight: bold;
		font-size: 12px;
		color: #ff6600;
	}

/* 
The Banner Logo and Main Navigation are absolutely positioned within
the PageBanner element
*/

#BannerLogo
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#BodyTitle
{
	position: relative;
	min-height: 36px;
	background-color: #ffffff;
}

.ErrorNotification
{
	color: #ff0000;
	text-align: center;
	padding: 15px 0px;
	font-size: 12px;
}

#BodyMain
{
	background-color: #ffffff;
}

#LeftChannelWrapper
{
	padding: 5px 17px 20px 14px;
	vertical-align: top;
}

#LeftChannel
{
	min-height: 300px; /* Must also be specified in StyleIE.css as "height" */
}

	#LeftChannel .LeftNavPlaceholder
	{
		width: 256px;
	}

#MainContentWrapper
{
	vertical-align: top;
}

#MainContent.Template3
, #MainContent.Template4
{
	padding-right: 14px;
}

	#MainContent.Template3 a
	, #MainContent.Template3 p
	, #MainContent.Template3 li
	, #MainContent.Template3 span
	, #MainContent.Template3 div
	, #MainContent.Template3 td
	{
		font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
		font-size: 14px;
	}
	
	#MainContent.Template4 h3
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		color: #999999;
	}

	#MainContent.Template4 h4
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		color: #555555;
	}

#Intro
, p.Intro
, p.Intro a
{
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 14px;
}

p.Intro a
{
	color: #669999;
}

#Intro
{
	padding: 42px 60px 10px 270px;
	min-height: 168px; /* Must also be specified in StyleIE.css as "height" */
}

#HomeIntro
{
	text-align: right;
	min-height: 25px; /* Must also be specified in StyleIE.css as "height" */
}

	#HomeIntro p
	, #HomeIntro p em
	{
		font-weight: bold;
		color: #666666;
	}
	
	#HomeIntro p em
	{
		font-style: normal;
		color: #669999;
	}
	
	#HomeIntro * 
	{
		font-weight: bold;
		font-style: bold;
		color: #666666;
	}

	#HomeIntro * em
	{
		font-weight: bold;
		font-style: normal;
		color: #669999;
	}



div.PageInfo
{
	padding: 10px 20px 0 20px;
}

p.PageInfo
{
	font-size: 12px;
}

/*
.BodyMainContentType1, .BodyMainContentType2
{
	padding: 0px 35px 15px 35px;
}
.BodyMainContentType1, .BodyMainContentType1 p, .BodyMainContentType1 td, .BodyMainContentType1 a
{
	font-size: 12px;
}
*/

div.PageSections
{
	padding-bottom: 25px;
}

tr.PageSubHead td.SubHeadLeft
{
	width: 264px;
	height: 21px;
	background: #99cccc url(Images/Common/page_subhead_bg_left.gif) no-repeat;
}

tr.PageSubHead td.SubHeadRight
{
	height: 21px;
	background: #99cccc url(Images/Common/page_subhead_bg_right.gif) no-repeat;
}

tr.PageSubSection td.SubSectionLeft
{
	width: 264px;
	vertical-align: top;
}

tr.PageSubSection td.SubSectionRight
{
	padding-top: 10px;
	padding-right: 15px;
	vertical-align: top;
}

tr.PageSubSection td.SubSectionRight
, tr.PageSubSection td.SubSectionRight p
, tr.PageSubSection td.SubSectionRight a
{
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #336666;
}
tr.PageSubSection td.SubSectionRight a
{
	font-weight: bold;
}

tr.PageSubSection td.SubSectionLeft
, tr.PageSubSection td.SubSectionRight
{
	background-color: #99cccc;
}

tr.PageSubSection td.SubSectionRight
{
	background-color: #99cccc;
}

tr.PageSubHead td.SubHeadLeft
, tr.PageSubHead td.SubHeadRight
, tr.PageSubSection td.SubSectionLeft
, tr.PageSubSection td.SubSectionRight
{
	padding-left: 3px;
}

#CategoryItems
{
	/* background: transparent url(../Images/Common/blue_bar_bg.gif) repeat-x; */
	min-height: 300px; /* Must also be specified in StyleIE.css as "height" */
}

#CategoryItems td div.ItemSep
{
	width: 19px;
	overflow: hidden;
}

.SummaryItem
{
	padding-top: 22px;
	width: 161px;
}

.SummaryItem .ProductImage
{
	height: 210px;
}

.SummaryItem #SmallProductImage
{
	width: 161px;
}

.ProductInfo
{
	background-color: #336666;
	padding: 0 6px 0 7px;
	min-height: 65px; /* Must also be specified in StyleIE.css as "height" */
}

	.ProductInfo p.Description
	{
		margin: 0px;
	}

		.ProductInfo p.Description
		, .ProductInfo p.Description *
		{
			font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
			font-weight: bold;
			font-size: 12px;
			color: #99cccc;
		}

div.ColorOption
{
	float: left;
	width: 13px;
	height: 13px;
	border: 1px solid white;
	margin: 0px 1px;
}

div.Label
{ /* Contains form field label text */
	color: #333333;
	font-weight: bold;
}

div.Value
{ /* Contains form input control */
	padding: 1px 0px 0px 3px;
}

#ItemDetail p
{
	font-weight: normal;
	font-size: 12px;
	color: #989898;
}

	#ItemDetail p.Price
	{
		font-size: 14px;
		color: #666666;
		font-weight: bold;
	}
	
	#ItemDetail p.Info1
	{
		color: #666666;
		font-weight: bold;
	}

	#ItemDetail .SoldOut p 
	{
		font-weight: normal;
		line-height: normal;
		font-size: 90%;
		margin: 1em 0em .1em 0em;
	}

	#ItemDetail .SoldOut ul 
	{
		margin: 0px;
		margin-top: .2em;
		padding: 0px;
		list-style-type: none;
	}

		#ItemDetail .SoldOut ul li 
		{
			margin-left: 10px;
			font-weight: bold;
			font-size: 90%;
		}

	#ItemDetail label
	{
		color: #989898;
		font-size: 14px;
		display: block;
		margin: 5px 0 3px;
	}
	
	#ItemDetail label span
	{
		font-size: 12px;
		font-weight: bold;
	}

/* Checkout */
#CheckoutInfo
{
}

	#CheckoutInfo label
	{
		font-family: Arial, Helvetica, Sans-Serif;
		display: block;
		margin: 3px 0px;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
	}

	#CheckoutInfo label a
	{
		font-weight: normal;
	}

	#CheckoutInfo .CustomerDataContainer .Label
	{
		width: 8em;
		padding-right: 1em;
		float: left;
	}

	#CheckoutInfo .CustomerDataContainer .Value
	{
		padding-left: 0px;
		float: left;
	}

	#CheckoutInfo .AddressContainer .Label
	{
		width: 7em;
		padding-right: 1em;
		float: left;
	}

	#CheckoutInfo .AddressContainer .Value
	{
		padding-left: 0px;
		float: left;
	}

	#CheckoutInfo .CreditCardInfoContainer .Label
	{
		width: 10em;
		padding-right: 1em;
		float: left;
	}

	#CheckoutInfo .CreditCardInfoContainer .Value
	{
		padding-left: 0px;
		float: left;
		width: 20em;
	}

	#CheckoutInfo .GreetingContainer .Label
	{
		width: 6em;
		padding-right: 1em;
		float: left;
	}

	#CheckoutInfo .GreetingContainer .Value
	{
		padding-left: 0px;
		float: left;
		width: 20em;
	}
	
	#CheckoutInfo .LabelTop .Label
	{
		float: none;
		width: auto;
		padding: 0 0 3px 0;
	}

/* Order Review */
#ReviewOrder span
, #ReviewOrder .Value
{
	color: #333333;
}

	#ReviewOrder .CreditCard .Label
	{
		width: 10em;
		padding-right: 1em;
		float: left; /* causes label to appear left of form field */
	}

	#ReviewOrder .CreditCard .Value
	{
		padding-left: 0px;
		float: left;
		width: 22em;
	}

	#ReviewOrder .GreetingContainer .Label
	{
		width: 6em;
		padding-right: 1em;
		float: left; /* causes label to appear left of form field */
	}

	#ReviewOrder .GreetingContainer .Value
	{
		padding-left: 0px;
		float: left;
		width: 22em;
	}
	
	#ReviewOrder .GreetingContainer .RowSep
	{
		display: none;
	}
	
	#ReviewOrder .OrderTotal
	{
		font-size: 12px;
		font-weight: bold;
		color: #336666;
	}
	
	#ReviewOrder .Label
	{
		padding-left: 8px;
	}

	#ReviewOrder a.Change
	{
		font-weight: bold;
	}

/* Order Receipt */
#ReceiptInfo span
, #ReceiptInfo .Value
{
		color: #333333;
}

	#ReceiptInfo .CustomerInfo .Label
	{
		width: 8em;
		padding-right: 1em;
		float: left; /* causes label to appear left of form field */
	}

	#ReceiptInfo .CustomerInfo .Value
	{
		width: 100%;
		padding-left: 0px;
		float: left;
	}

	#ReceiptInfo .Address .Label
	{
		width: 8em;
		padding-right: 1em;
		float: left; /* causes label to appear left of form field */
	}

	#ReceiptInfo .Address .Value
	{
		padding-left: 0px;
		float: left;
	}

	#ReceiptInfo .CreditCard .Label
	{
		width: 10em;
		padding-right: 1em;
		float: left; /* causes label to appear left of form field */
	}

	#ReceiptInfo .CreditCard .Value
	{
		padding-left: 0px;
		float: left;
		width: 22em;
	}
	
	#PrintReceipt #ReceiptInfo .CreditCard .Value
	{
		width: 18em;
	}

	#ReceiptInfo .GreetingContainer .Label
	{
		width: 6em;
		padding-right: 1em;
		float: left; /* causes label to appear left of form field */
	}

	#ReceiptInfo .GreetingContainer .Value
	{
		padding-left: 0px;
		float: left;
		width: 22em;
	}

	#PrintReceipt #ReceiptInfo .GreetingContainer .Value
	{
		width: 18em;
	}

	#ReceiptInfo .GreetingContainer .RowSep
	{
		display: none;
	}
	
	#ReceiptInfo .OrderTotal
	{
		font-size: 12px;
		font-weight: bold;
		color: #336666;
	}
	
	#ReceiptInfo .Label
	{
		padding-left: 8px;
	}
	
/* Subscriber Form */
#ContactInfo
{
}

	#ContactInfo th
	{
		font-size: 11px;
		font-weight: bold;
		color: #336666;
		text-align: left;
	}

/* Subscriber Form */
#SubscriberForm
{
}

	#SubscriberForm .Value
	{
		margin-top: 3px;
	}

	#SubscriberForm .Label
	{
		margin-top: .2em;
		margin-right: 1em;
	}

	#SubscriberForm .Label label
	{
		font-weight: normal;
		font-size: 14px;
	}

.ButtonBar
{
	background-color: #cccccc;
}

.AlignRight 
{ 
	text-align: right; 
}

.FormInstructionText 
{ 
	font-size: 10px; 
}

#CartContainer
{
	margin: 0 8px;
	background-color: #cccccc;
}

/* Grid Table */
.ItemGrid
, .StyledLayout
{
	border-collapse: collapse;
	background-color: #006666;
}

	.ItemGrid thead
	, .StyledLayout thead
	{
		text-align: left;
		font-size: 11px;
	}

	.ItemGrid thead th
	, .StyledLayout thead th
	{
		height: 25px;
		padding-bottom: 3px;
		vertical-align: bottom;
	}

	.ItemGrid thead
	, .ItemGrid tfoot
	, .StyledLayout thead
	, .StyledLayout tfoot
	{
		color: #ffffff;
	}
	
	.StyledLayout tfoot
	{
		height: 16px;
	}
	
	.ItemGrid th
	, .ItemGrid td
	{
		padding: 0px 0px 0px 10px;
	}
	
	.ItemGrid thead td
	{
		padding: 0px;
	}
	
	.ItemGrid tbody td
	, .ItemGrid tbody th
	, .StyledLayout tbody td
	, .StyledLayout tbody th
	{
		background-color: #ffffff;
		color: #333333;
		font-weight: bold;
		padding-top: 2px;
	}
	
	.ItemGrid tbody td.GridText
	{
		padding-top: 4px;
	}
	
	.ItemGrid tbody th
	, .StyledLayout tbody th
	{
		text-align: right;
		vertical-align: top;
		color: #333333;
	}
/* End:Grid Table */

tr.RowSep td
{
	font-size: 0px;
}

div.HrItemDetail
{
	height: 1px;
	overflow: hidden; 
	margin: 8px 0px;
	border: none 0;
	padding: 0px;
	background: #ece7cb url(Images/Common/horiz_dots_grey_on_grey.gif) repeat-x left top;
}

div.HrCart
, #ReviewOrder div.RowSep
, #OrderReceipt div.RowSep
{
	height: 1px;
	overflow: hidden; 
	margin: 3px 0px;
	border: none 0;
	padding: 0px;
	background: #ece7cb url(Images/Common/horiz_dots_cart.gif) repeat-x left top;
}

div.RowSep
{
	height: 1px;
	overflow: hidden; 
	margin: 1px 0px;
	border: none 0;
	padding: 0px;
	/*border-top: 0px solid #336666;*/
}

div.RowSep
{
	margin: 3px 0px;
}
.ColSep
{
	width: 10px;
}

.ButtonBox
{
	background-color: #e4dbcd;
}

.TestOrderMessage
{
	display: block;
	margin: 15px;
	padding: 0px 12px;
	background-color: #fbf8f1;
	border-top: 1px solid #990000;
	border-bottom: 1px solid #990000;
	line-height: 22px;
	font-size: 13px;
	color: #dd0000;
	text-align: center;
}

#PageFooter
{
	padding: 9px;
	margin: 0 15px;
	height: 27px;
	background-color: #999999;
}

#PageFooter table td.Footer
{
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
}

#PageFooter table td.FooterCopy
{
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
}

#FooterNav
{
	white-space: nowrap;
	color: #676767;
	font-size: 9px;
}
	
	#FooterNav a:link {color: #676767 !important;;text-transform: uppercase;font-size: 9px;text-decoration: none;} /* footer link colors */
	#FooterNav a:visited {color: #676767 !important;;text-transform: uppercase;font-size: 9px;text-decoration: none;} /* footer link colors */
	#FooterNav a:hover {color: #676767 !important;;text-transform: uppercase;font-size: 9px;text-decoration: underline;}
	
	#FooterNav a:active {color: #676767 !important;;text-transform: uppercase;font-size: 9px;text-decoration: underline;}
	
	#FooterNav span.NavSep
	{
		color: #cccbcb;
		padding: 0 10px;
	}

	.Home #PageFooter
	{
		background-color: #669a99;
	}
	.Home #FooterNav
	{
		display: none;
	}

#PageBodyBottom
{
	height: 21px;
	background: transparent url(Images/common/page_dropshadow_bottom.gif) no-repeat;
}

#Media h4
{
	margin: 1em 0em;
}

#Media .RowSep
{
	background: none;
	height: 5px;
}

.Callout
{
	float: right;
	width: 330px;
	border: 1px solid #743409;
	margin: 0px 0px 10px 10px;
	background-color: #ffffff;
}
.Callout h3
{
	border: none;
	background-color: #743409;
	font-size: 14px;
	color: #ffffff;
	margin: 0px;
}
.Callout p
{
	margin-top: 10px;
}

.Light
{
	font-weight: normal;
}

#ConnectionBanner
{
	background-color: #ffffff;
	color: red;
	font-family: Arial, Helvetica;
	font-size: 12px;
}

.ImageButton
{
 vertical-align: bottom; 
 margin: 0px;
}

div.defaulttitle, p.defaulttitle, p.defaulttitle *, ul.defaulttitle, ul.defaulttitle *, span.defaulttitle, span.defaulttitle *, td.defaulttitle, td.defaulttitle *, a.defaulttitle, h1.defaulttitle {
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	margin: 0 0 .8em 0;
	color: #669999;
	font-size: 18px !important;
	font-weight: bold;
}

/* ADDED BY KARIN */
#hp-promo {margin-bottom: 20px; color: #FFFFFF;width:100%;}
.hp-shoponline {background: url(Images/home/yudu_main_magic_banner.jpg) no-repeat;}
.freeshipping {font-size: 24px; letter-spacing: 2px; font-weight: bold;}
.whenyoubuy {font-weight: bold; color: #ff99cc;}
.hurry {font-weight: normal; color: #FFFFFF;}
#hp-shop {padding: 47px 22px 10px 178px;  font-size: 12px; line-height: 18px; color: #FFFFFF;}
#hp-shop a {text-decoration: underline; font-weight: bold; font-size: 12px;}
#hp-shop a:link, #hp-shop a:visited {color: #FFFFFF;}
#hp-shop a:active, #hp-shop a:hover {color: #333333;}

.bigorange {
	font-family: "Arial Narrow", Arial, Helvetica, Sans-Serif;
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	background: none;
	height: auto;
	margin: 0;
	padding: 0;
}

#addthis-home
{
	text-align: right;
}

#addthis-inner
{
	text-align: right;
	padding-top:10px;
	padding-right:13px;
}