/*-----------------------------------------------------------------------------
Flirty Aprons Screen Stylesheet

version:	1.0
date:		February 12, 2009
author:		Kris Erhardt
email:		[kris at capitolmedia dot com]
website:	[www.flirtyaprons.com]
history:	[/css/screen.css]
-----------------------------------------------------------------------------*/


/* Library 
-----------------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both; float: none;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.justify {text-align: justify;}
.float-left {float:left;}
.float-right {float:right;}
.hide {display:none;}
.show {display: block;}
.inline {display: inline;}
.italic {font-style: italic;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}
.subscript {font-size: .75em; vertical-align: bottom;}


/* Default Font Styles
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: Lucida Sans, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	_letter-spacing: .05em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #666;
	background: #d1cdca;
}

p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin-bottom: 1em;
}

li {
	margin-bottom: .5em;
}

li ul, li ol {
	margin-top: .5em;
	margin-bottom: .5em;
}

ul, ol, blockquote, code {
	padding-left: 3em;
}

dl {
	margin: 0 0 1em 0;
}

dt {
	font-weight: bold;
	display: block;
}

dd {
	display: block;
	margin-bottom: 1em;
}

hr {
	border: none;
	margin: 2em 0;
	border-top: 1px solid #7A8083;
	border-bottom: 1px solid #fff;
	padding-top:1em;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	letter-spacing: 0;
	line-height: 1em;
}

h1 {
	font-size: 2.5em;
	margin-bottom: .5em;
}

h2 {
	font-size: 2.1em;
	margin-top: 1.2em;
	margin-bottom: .6em;
}

h3 {
	font-size: 1.7em;
	margin-top: 1.6em;
	margin-bottom: .8em;
}

h4 {
	font-size: 1.3em;
	margin-bottom: .9em;
}

h5 {
	font-size: 1em;
	margin-bottom: 1em;
}

h6 {
	font-size: 1.0em;
	font-style: italic;
}

img {
	border: none;
}

a:link {
	color: #0000ff;
}

a:active {
	color: #ff0000;
}

a:visited {
	color: #6633cc;
}

a:hover {
	color: #ff0000;
}

/* Tables
-----------------------------------------------------------------------------*/

table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

thead td, th {
	border: 1px solid #fff;
	background: #fff;
	color: #000 !important;
	margin: 0;
	border-collapse: collapse;
	padding: .3em;
	font-weight: bold;
}

td {
	border: none;
	margin: 0 0 1em 0;
	border-collapse: collapse;
	padding: .3em;
	vertical-align: top;
}

tfoot td {
	text-align: right;
}

form#AddItems td.quantity, form#AddItems td.subtotal {
	padding-top: 3.0em;
}



/* Convenience Classes
-----------------------------------------------------------------------------*/

.Hidden {
	display: none;
	visibility: hidden;
}

.Visible {
	display: block;
	visibility: visible;
}

.Clear {
	clear: both; 
	float: none;
	padding-bottom: 1px; /* for Gecko based browsers */
	margin-bottom: -1px; /* for Gecko based browsers */
}

.Padding {
	padding: 30px;
}

.Toggler {
	cursor: pointer;
}

.Block {
	position: relative;
}


/* Header
-----------------------------------------------------------------------------*/

div#Header {
	z-index: 10;
	height: 120px;
}

a#Logo {
	display: block;
	position: absolute;
	left: 30px;
	bottom: 45px;
}

img#Promotion {
	position: absolute;
	right: 30px;
	bottom: 45px;
}

fieldset#Search {
	display: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

fieldset#Search legend {
	display: none;
}

fieldset#Search input[type='text'] {
	width: 14em;
}


/* System Navigation
-----------------------------------------------------------------------------*/

ul#System {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	width: 400px;
	list-style: none;
}

ul#System li {
	margin: 0;
	padding: 0 1em;
	display: inline;
	line-height: 30px;
	border-right: 1px solid #999;
	color: #999;
}

ul#System li:last-child {
	border-right: none;
	padding-right: none;
}

ul#System li a {
	color: #999 !important;
	text-decoration: none;
}

ul#System li a:hover {
	text-decoration: underline;
}


/* Primary Navigation
-----------------------------------------------------------------------------*/

div#Primary {
	background: #fff;
	border-top: 1px solid #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
	width: 960px;
	position: absolute;
	bottom: 0;
	left: 0;
}

div#Primary ul {
	width: 890px;
	height: 30px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	
}

div#Primary li {
	/* first level list items are always visible */
	display: block;
	float: left;
	position: relative;
	padding: 0 35px;
	margin: 0;
}

div#Primary li a {
	display: block;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	text-indent: -2000em;
	color: #fff;
	width: 100px;
	height: 30px;
	background: url(../site/nav_primary.gif) no-repeat 0 0;
}

div#Primary li a:hover {
	background-position: center bottom;
}

div#Primary li a.Active {
	background-position: center bottom;
}

div#Primary li.hover > a:first-child {
	
}

div#Primary li ul {
	display: none;
}

div#Primary li a#Home {
	background-position: 0 0;
	width: 50px;
}

div#Primary li a#Home.Active, div#Primary li a#Home:hover {
	background-position: 0 -30px;
}

div#Primary li a#Women {
	background-position: -100px 0;
	width: 140px;
}

div#Primary li a#Women.Active, div#Primary li a#Women:hover {
	background-position: -100px -30px;
}

div#Primary li a#Men {
	background-position: -250px 0px;
	width: 115px;
}

div#Primary li a#Men.Active, div#Primary li a#Men:hover {
	background-position: -250px -30px;
}

div#Primary li a#Kids {
	background-position: -400px 0;
	width: 150px;
}

div#Primary li a#Kids.Active, div#Primary li a#Kids:hover {
	background-position: -400px -30px;
}

div#Primary li a#Sale {
	background-position: -600px 0;
	width: 75px;
}

div#Primary li a#Sale.Active, div#Primary li a#Sale:hover {
	background-position: -600px -30px;
}

/* Canvas
-----------------------------------------------------------------------------*/

div#Shadow {
	background: url(../site/bg_shadow.gif) repeat-y 50% 0;
	margin: 0 auto 0 auto;
	width: 980px;
}

div#Wrapper {
	
}

div.Page {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

div#Canvas {
	font-size: 12px;
}


/* Left Column
-----------------------------------------------------------------------------*/

div.Left {
	padding-left: 360px;
}

div#Left {
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
}

/* Right Column
-----------------------------------------------------------------------------*/

.Right {
	border-right: 360px solid #e6e6e6;
}

#Right {
	position: absolute;
	top: 0;
	right: 0;
	width: 360px;
	display: block;
}

#Right .Padding {
	padding: 5px 15px 30px 15px;
}


/* Footer
-----------------------------------------------------------------------------*/

div#Footer {
	background: url(../site/bg_footer.gif) repeat-y 50% 0;
	border-top: 1px solid #cecece;
}

div.Links {
	width: 192px;
	float: left;
}

div.Links h3 {
	margin: 0;
	padding: 15px 15px 0 15px;
}

div.Links ul {
	margin: 0;
	padding: 15px;
	list-style: none;
}

div.Links a {
	color: #666 !important;
	text-decoration: none;
}

div.Links a:hover {
	text-decoration: underline;
}

div#Legal {
	background: url(../site/bg_legal.gif) no-repeat 50% 0;
	margin: 0 auto 0 auto;
	padding: 30px 0;
	text-align: center;
	width: 980px;
}

div#Legal a {
	color: #666;
	text-decoration: none;
}

div#Legal a:hover {
	text-decoration: underline;
	color: #000;
}

p#Copyright {
	margin-bottom: 0;
}

p#AcceptedPayments {
}

p#Credits {
}


/*Page Properties (edit mode)
-----------------------------------------------------------------------------*/

div#PageProperties {
	position: relative;
	padding: 1em;
	color: #000;
	font-family: "lucida grande", "lucida sans", tahoma, verdana, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 1.1em;
}

div#PageProperties a {
	color: #0000FF !important;
}

div#PageProperties a:hover {
	color: #0000FF !important;
}

div#MetaData {
	background: #fff;
	border: 1px solid #ccc;
	padding: 1em;
	margin-right: 26em;
}

div#InternalComments {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 22em;
	padding: 1em;
	background: #F3E5A1;
	border: 1px solid #FFCC00;
}

/* Edit Mode
-----------------------------------------------------------------------------*/

div.Block, li.Block {
	position: relative;
}

table.Block, td.Block, li.Block {
	position: relative;
	display: block;
}

a.Create, a.Edit {
	width: 85px;
	height: 35px;
	text-indent: -2000em;
	display: block;
	background: url(../admin/button_edit.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: -15px;
	z-index: 999;
	outline: none;
}

div.toolbar {
    position: absolute;
    top: 10%;
    right: 0;
    width: 150px;
}

div.toolbar_compound {
    width: 110px;
}

div.toolbar a {
	height: 30px;
	text-indent: -2000em;
	display: block;
	background: url(../admin/button_container.png) no-repeat 0 0;
	position: absolute;
	top: -15px;
	z-index: 1000;
	text-align: left !important;
}

div.toolbar_compound a {
	background: url(../admin/button_container_compound.png) no-repeat 0 0;
}

div.toolbar a.add {
	width: 44px;
	left: -25px;
}

div.toolbar a.add:hover, div.toolbar a.add:active {
	background-position: 0 -30px;
}

div.toolbar a.remove {
	width: 35px;
	left: 19px;
	background-position: -44px 0;
	margin: 0;
}

div.toolbar a.remove:hover, div.toolbar a.remove:active {
	background-position: -44px -30px;
}

div.toolbar a.moveUp {
	width: 35px;
	left: 54px;
	background-position: -79px 0;
}

div.toolbar a.moveUp:hover, div.toolbar a.moveUp:active {
	background-position: -79px -30px;
}

div.toolbar a.moveDown {
	width: 35px;
	left: 89px;
	background-position: -114px 0;
}

div.toolbar_compound a.moveDown {
	width: 42px;
}

div.toolbar a.moveDown:hover, div.toolbar a.moveDown:active {
	background-position: -114px -30px;
}

div.toolbar a.Edit {
	width: 51px;
	left: 124px;
	background-position: -149px 0;
}

div.toolbar span.Edit {
	width: 51px;
	left: 124px;
	background-position: -149px -30px;
}

div.toolbar a.Edit:hover, div.toolbar a.Edit:active {
	background-position: -149px -30px;
}

.Editable {
	background: #ffcc00 !important;
}



/* Forms
-----------------------------------------------------------------------------*/


fieldset {
	padding: 1em;
	border: none;
	border-top: 1px solid #ccc;
}

legend {
	font-size: 1.7em;
	padding: .5em 0;
	text-indent: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

legend label {
	display: inline;
	float: none;
	width: auto;
	font-size: 11px;
}

label {
	display: block;
	float: left;
	width: 12em;
	line-height: 2em;
}

input[type='text'], input[type='password'], select, textarea {
	width: 17em;
	font-size: 11px;
	font-family: lucida grande, lucida sans, myriad, verdana, arial, sans-serif;
	color: #000;
	background: #fff;
	padding: .3em;
	border: 1px solid #666;
}

input[disabled], select[disabled], textarea[disabled] {
	border: 1px solid #fff;
}

textarea {
	height: 5em;
}

select {
	width: 18em;
}

.LabelInput {
	clear: left;
	margin-bottom: 1em;
}

.labelInput {
	border: 1px solid #fff;
	border-bottom: none;
	padding: .5em 0;
	display: block;
}

.radio .labelInput, .checkbox .labelInput {
	padding-left: 12em;
}

.radio label, .checkbox label {
	display: inline;
	float: none;
	width: auto;
}

.fullWidth label {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding: 0;
}

.fullWidth input[type="text"], .fullWidth input[type="password"], .fullWidth select, .fullWidth textarea {
	width: 100%;
}

textarea {
	height: 10em;
}


.Radio label {
	width: auto;
	float: none;
}

.CAPTCHA {
	background-position: 14em 100%;
	background-repeat: no-repeat;
}

.CAPTCHA label {
	float: none;
	width: auto;
	line-height: 1.5em;
}

.CAPTCHA input[type='text'] {
	width: 6em;
	font-family: Georgia, Times, Serif;
	font-size: 2em;
	padding: .15em;
	color: #3D3159;
	text-align: center;
}


.FormControls {
	display: block;
	padding: 1em;
	background: #ccc;
}

.FullWidth label {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	line-height: 1.5em;
	padding: 0;
}

div.FullWidth input[type='text'], div.FullWidth input[type='password'], div.FullWidth select, div.FullWidth textarea {
	width: 33em;
}

#Right div.FullWidth input[type='text'], #Right div.FullWidth input[type='password'], #Right div.FullWidth select, #Right div.FullWidth textarea {
	width: 270px;
}


/* Info, Error & Success Messages
-----------------------------------------------------------------------------*/

.Info, .Error, .Success, .ErrorInline, .Help {
	margin-bottom: 14px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: relative;
}

.Info A, .Error A, .Success A, .ErrorInline A {
	color: #000;
	text-decoration: underline;
}

.Info {
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}

.Error {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
}

.Success {
	background: #B5E1AE url(../site/icon_success.gif) no-repeat 10px 6px;
	border: 1px solid #3B9E2B;
}

.Help {
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}

/* JavaScript Validation Messages
-----------------------------------------------------------------------------*/

.success { 
	color: #008F06; 
}

.error {
	background: #F3E5A1;
}

.advice {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}


/* JavaScript Form Tips
-----------------------------------------------------------------------------*/

div.FormTip {
	

/* the floating tooltip */
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}

/* JavaScript Modal Dialog Box
-----------------------------------------------------------------------------*/

.ModalPop {
	
}

.ModalContainer {
	background: #fff;
	position: relative;
	border: 6px solid #666;
}

.ModalTitle {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 2.1em;
	margin-bottom: .6em;
	padding: 10px;
}

.ModalMessage {
	padding: 10px;
}

.ModalClose {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	text-indent: -2000px;
	width: 5em;
	height: 2em;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	background: url(../site/closelabel.gif) no-repeat;
}

.ModalClose a:hover {
	
}

.confirmationDialog .button {
	margin-right: 20px;
}


/* Product List
-----------------------------------------------------------------------------*/

div#ProductList {
	position: relative;
/*	width: 540px;  */
	width: 700px;
}

div.ApronContainer {
	position: relative;
	margin-bottom: 15px;
}

div.ApronContainer h2{
/*	background: url(../images/category-h2-bg.gif) repeat-x #fffdd6; */
	font-size: 18px;
	line-height: 22px;
	margin-top: 0;
	margin-bottom: 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div.ApronContainer h2 a {
	color: #000000;
	text-decoration: none;
}

div.h2divider {
	border-bottom: 1px solid #666666;
	width: 100%;
	margin-bottom: 10px;
}

div.ApronContainer a {
	color: #adadad;
	text-decoration: none;
}

div.ApronContainer div.Left {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 180px;
}

div.ApronContainer div.Right {
	border: none;
/*	float: right;	*/
	float: left;
	margin: 0;
	padding: 0;
	width: 325px;
}

div.ApronContainer div.ProductThumb {
	position: relative;
	height: 150px;
	margin-bottom: 15px;
	text-align: center;
	width: 120px;
}

div.ApronContainer div.ProductThumb img {
	margin: 0 !important;
}

div.ApronContainer div.AddToCart {
	position: relative;
	height: 22px;
}

div.ApronContainer p.ProductPrice {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

span.originalCost {
	color: red;
	text-decoration: line-through;
}

div.ApronContainer div.ProductDescription {
	position: relative;
/*	color: #67401f;  */
	color: #333333;
}


div#Scroller {
	text-align: center;
}

div#Scroller div#ProductList {
	height: 150px;
	margin: 0 auto 0 auto;
	width: 840px;
}

div.ProductListItem {
	float: left;
	width: 180px;
	height: 240px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

div.ProductListItem a:link, div.ProductListItem a:visited {
	display: block;
	text-decoration: none;
	color: #666;
}

div.ProductListItem a:active, div.ProductListItem a:hover {
	color: #000;
}

div.ProductListItem span {
	display: block;
}

span.Sale {
	color: red;
}

span.Discount {
	color: red;
}


/* Product Preview
-----------------------------------------------------------------------------*/

div.Pop {
	position: absolute;
	top: -100px;
	left: -50px;
	width: 240px;
	height: 300px;
	background: #fff;
	border: 6px solid #666;
	text-align: center;
	z-index: 1000;
}

span.Open {
	position: absolute;
	display: block;
	width: 8em;
	height: 2.3em;
	line-height: 2em;
	background: url(../site/button_preview.gif) no-repeat center center;
	color: #fff;
	top: 0;
	left: 0;
	font-size: 1.3em;
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	text-indent: -2000px;
}

span.Close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	text-indent: -2000px;
	width: 5em;
	height: 2em;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	background: url(../site/closelabel.gif) no-repeat;
}


/* Full Bib Product Detail
-----------------------------------------------------------------------------*/

h1#ProductName {
	position: absolute;
	top: 15px;
	left: 23px;
	width: 533px;
	font-size: 24px;
}

div#Purchase {
	position: absolute;
	top: 15px;
	left: 20px;
	padding-left: 40px;
	width: 533px;
	text-align: left;
/*	background: url(../site/ProductDetailsShadow.jpg) no-repeat;	*/
	height: 40px;
}

div#Purchase .highlights {
	position: absolute;
	top: 50px;
	margin-left: 190px;
	text-align: left;
}

div#Purchase ul {
/*	list-style-image: url(../site/pinkLi.gif);	*/
	list-style-image: url(../site/blueLi.gif);
}

body.Men div#Purchase ul {
	list-style-image: url(../site/blueLi.gif);
}

div#Purchase p.Price {
	font-family: Georgia;
	font-size: 40px;
	margin: 35px 0 0 0;
	letter-spacing: -.05em;
	color: #000;
}


div#Purchase p.Price sup {
	font-size: .5em;
	vertical-align: 30%;
	margin: 0 .1em;
}

#AddToCart, #loginCustomerProfile, div.AddToCart {
	display: block;
	width: 120px;
	margin-left: 0;
	margin-bottom: 5px;
	border: 4px double #fff;
	line-height: 22px;
	background: #003366;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	cursor: pointer;
}

#AddToCart {
	margin-left: 46px;
	margin-top: 10px;
}

body.Men #AddToCart {
	background: #003366;
}

*:first-child+html #AddToCart, * html #AddToCart, *:first-child+html #loginCustomerProfile, * html #loginCustomerProfile  {
	border: 3px double #003366;
}

div.Qty {
	position: absolute;
	left: 40px;
/*	top: 89px;	*/
/*	height: 30px;	*/
	margin-top: -51px;
	width: 30px;
}

div.Qty input[type="text"] {
	width: 28px;	
}

#Guarantee, #SecureCheckout, #Shipping {
	line-height: 2em;
	margin: 0;
}

#SecureCheckout a {
/*	background: url(../site/lock.gif) no-repeat 0 50%;	*/
/*	padding-left:20px;	*/
	line-height: 20px;
}

div#AlternateViews {
	position: absolute;
	top: 35px;
	right: 0;
	width: 360px;
	height: 190px;
	text-align: center;
	padding-top: 660px;
}

div#AlternateViews #primaryImage {
	position: absolute;
	margin: 0 auto;
	left: 0;
	bottom: 185px;
}

div#AlternateViews img {
	display: block;
}

div#Description {
	position: absolute;
	top: 195px;
	left: 25px;
	width: 550px;
}

#SubDescription {
	position: absolute;
	top: 340px;
	left: 25px;
	width: 570px;
}

#Detail {
	position: absolute;
	top: 480px;
	left: 360px;
	width: 570px;
	border-top: 1px solid #cecece;
}

.Detail {
	position: absolute;
	top: 30px;
	left: 0;
	width: 160px;
	height: 360px;
	background: no-repeat 50% 100%;
}

#One {
}

#Two {
	left: 180px;
	background: url(/site/bg_fabric.gif) no-repeat 50% 100%;
}

#Three {
	left: 360px;
	background: url(/site/bg_fabric.gif) no-repeat 50% 100%;
}

#Upsell {
	position: absolute;
	top: 900px;
	left: 360px;
	width: 570px;
	padding-top: 30px;
	border-top: 1px solid #cecece;	
}

#Testimonial {
	position: absolute;
	top: 885px;
	left: 30px;
	width: 890px;
	height: 300px;
	overflow: hidden;
  background: #FFFFFF url(../../site/coupon-dash-horizontal.jpg) repeat-x left top;
}

#Testimonial blockquote {
	margin: 0;
	padding: 0;
	font-size: 15px;
}

div#Variants {
	padding-top: 30px;
	border-top: 1px solid #cecece;	
}

div#Scroller {
	height: 180px;
	overflow: hidden;
}

div#ProductList img {
	margin: 0 20px;
}

img.Thumbnail {
	margin: 0 17px 0 16px;
}

#previous, #next {
	display: block;
	background: url(../site/arrow_left.gif) no-repeat center center;
	width: 21px;
	height: 21px;
	margin:10px;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 999;
	cursor: pointer;
}

#next {
	left: auto;
	right: 0;
	background: url(../site/arrow_right.gif) no-repeat center center;
}

div#Scrollbar {
	width: 801px;
	height: 29px;
	margin: 0 auto;
	background: url(../site/bg-scrollbar.jpg) no-repeat center center;
}

div#Slider {
	margin: 0 15px
}

div#Knob {
	width: 161px;
	height: 29px;
	cursor: move;
	background: url(../site/scrollbar.png) no-repeat 7px center;
}

span.morePhotos {
	display: block;
	width: 90px;
	margin: 4em auto;
	border: 4px double #fff;
	line-height: 22px;
	background: #666;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	cursor: pointer;
}

p.morePhotos {
	color: #000;
	font-size: 12px;
	margin: 10px 0 5px 0;
}

div.morePhotos {
	background: #FFFFFF;
	width: 300px;
	height: 125px;
	margin: 0 auto;
	padding: 15px 0 0 15px;
}

div.morePhotos img {
	border: 1px solid #000;
	cursor: pointer;
	float: left;
	height: 109px;
	margin-right: 15px;
	width: 58px;
}

h2#Glorious {
	font-size:3em;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	border-top: 1px solid #cecece;
	padding-top: 30px;
	width: 960px;
}


/* Half Apron Product Detail
-----------------------------------------------------------------------------*/

#Testimonial2 blockquote {
	margin: 1em 0;
	padding: 0;
	text-indent: -.3em;
}

/* Kids Product Detail */

div#ProductContainer {
	position: relative;
	background: url(../site/product_girls.jpg) no-repeat left bottom;
	height: 30em;
}

div#ProductContainer div#Purchase {
	position: absolute;
	top: 2em;
	right: 3em;
}

div#ProductContainer div#ProductDescription {
	padding: 0;
	width: 10em;
}

div#ProductContainer div#Description {
	position: absolute;
	width: 25em;
	padding-top: 1em;
	padding-bottom: 2em;
	top: 1em;
	left: 45em;
}

#DetailContainerAlt {
	position: relative;
	padding: 2em 0;
}

#DetailContainerAlt div.Detail {
	position: absolute;
	top: 2em;
	left: 1em;
	width: 22em;
	height: 35em;
}

#DetailContainerAlt #One {
	background: url(/site/helping-mommy.jpg) no-repeat 50% 100%;
}

#DetailContainerAlt #Two {
	left: 25em;
	background: url(/site/holder_quarter.gif) no-repeat 50% 100%;
}

#DetailContainerAlt #Three {
	left: 49em;
	background: url(/site/holder_quarter.gif) no-repeat 50% 100%;
}

#DetailContainerAlt #Four {
	left: 73em;
	background: url(/images/little-girls-one-size-fits-all.jpg) no-repeat 50% 100%;
}

div#UpsellContainerAlt {
}

div#UpsellContainerAlt div#AlternateViews {
	width: 33%;
	float: right;
	height: 450px;
}

div#UpsellContainerAlt div#AlternateViews img {
	height: 400px;
	padding: 0;
}

div#UpsellContainerAlt div.RightContainer {
	width: 66%;
	float:right;
}

div#UpsellContainerAlt div.RightContainer p {
	font-size: 12px;
}

/* JavaScript Zoom Image
-----------------------------------------------------------------------------*/

#zoomer_big_container {
	display: none;
	position: absolute;
	left: 40em;
	top: 0;
	overflow: hidden;
	margin: 10px auto 0px;
	cursor: move;
	border: 1px solid #666;
}

#zoomer_image {
	display: block;
	position: absolute;
}

#zoomer_thumb {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 10px auto;
	border: 1px solid #666;
}

#zoomer_region {
	background: #000;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
}

/* Home
-----------------------------------------------------------------------------*/

div#Banner {
	margin: 0 auto;
}

div.Bucket {
	width: 240px;
	float: left;
	background: #fff;
}

div.Bucket div.Padding {
	padding: 10px;
}

div.Bucket h3 {
	text-align: center;
}


/* Checkout
-----------------------------------------------------------------------------*/

#shoppingCart #items {
	background: url(../../site/coupon-dash-horizontal.jpg) repeat-x left bottom #FFFFFF;
}

#shoppingCart tfoot td {
	text-align: right;
}

#shoppingCart img.thumbnail {
	float: left;
	margin-right: 1.2em;	
}

.remove { 
	cursor: pointer; 
	margin: 0 .5em; 
	color: red; 
	text-decoration: underline; 
}

.edit { 
	cursor: pointer; 
	margin: 0 .5em; 
	color: red; 
	text-decoration: underline; 
}

.save {	
	cursor: pointer; 
	margin: 0 .5em; 
	color: red; 
	text-decoration: underline; 
}

.disabled {
	cursor: normal;
	
	text-decoration: none;
}

.addAnother { 
	cursor: pointer; 
	margin: 0 .5em; 
	color: #666; 
	text-decoration: underline; 
}

.actions { 
	width: 10%; 
	text-align: center; 
}

.actions span { 
	display: block; 
	margin-bottom: .5em; 
}

.description { 
	width: 70%; 
}

.description p { 
	margin: 0 0 .4em 0; 
}

.description dl { 
	font-size: .9em;
	color: #666; 
}

.description dd { 
	margin: 0;
	font-style: italic;
}

.description dt { 
	display: block; 
	width: 10em; 
	color: #9F9F9F;
	padding-right: .5em;
	text-align: right; 
	float: left; 
	clear: left; 
}

.quantity { 
	width: 10%; 
	text-align: center; 
}

.quantity input[type='text'] { 
	width: 3em; 
	text-align: center; 
}

.cost { 
	width: 10%; 
	text-align: right; 
}

.editCartItem { 
	padding: 2em 1em; 
	background: #dedede url(site/bg_editItem.gif) no-repeat 50% 0; 
}

.coupon { 
	margin: 0 1em; 
	cursor: pointer; 
	border: 1px dashed #999; 
	color: #666; 
	padding: 0 .5em; 
}

.coupon:hover { 
	background: #fff; 
	border: 1px dashed #666; 
	color: red; 
}

.error { 
	color: #ff0000; 
}

.success { 
	color: #008F06; 
}

.total td { 
	font-weight: bold;
	font-size: 1.3em; 
}

#creditCardPayment, #paypalPayment {
	padding-bottom: 20px;
}

#creditCardVerificationNumber { 
	width: 5em; 
}

#cartErrors { 
	background: #ffff66; 
	height: 0; 
	overflow: hidden; 
}

#cartErrors ul { 
	margin: 0; 
	padding: 1em 2.5em; 
}

#cartErrors li { 
	margin: 0; 
}

.error { 
	background: #FFBFBF !important; 
}

.advice { 
	margin: -10px 0 0 10px; 
	padding: 10px; 
	background: #BFFFC2; 
}

#shippingAddress {
	overflow: hidden;
	height: 0;
}

#paypalPayment {
	overflow: hidden;
	height: 0;
}

.editItemDialog {
	width: 400px;
}

.controls td {
	text-align: left !important;
	background: #fff !important;
}

a.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: .25em .5em;
	line-height: 2em;
	color: #fff !important;
	cursor: pointer;
/*	background: #CC3366;  */
	background: #666666;
	text-decoration: none;
}

a#submitPayment {
	background: url(../site/button_submitpayment.gif) no-repeat center top;
	width: 202px;
	height: 46px;
	display: block;
	text-indent: -2000px;
}

/* Spinner
-----------------------------------------------------------------------------*/

.spinner {
	position: absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(../site/spinner.gif) no-repeat;
	width: 32px;
	height: 32px;
	margin: 0 auto;
}



/* Header updates added by Damon
-----------------------------------------------------------------------------*/
.ordertoday {
    color: #ff0099;
	font-weight: 900;
	font-size: 16px;
	text-align: left;
	padding: 30px 0 0 521px;
}
.ordertoday p {
	color: #999999;
	font-weight: normal;
	font-size: 11px;
}
.ordertoday a:link, .ordertoday a:visited, .ordertoday a:active {
    color: #ff0099;
	text-decoration: underline;
}
.ordertoday a:hover {
    color: #ff0099;
	text-decoration: none;
}

/* Homepage updates added by Damon
-----------------------------------------------------------------------------*/

.homepage {
	font-size: 26px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.homepage ul {
	margin: 5px 0 20px 55px;
	color: #333333;
	font-size: 14px;
}
.homepage h3 {
	font-size: 18px;
	font-weight: 900;
}
.homepage li {
/*	list-style-image: url(../site/checkmark-brown.jpg);  */
/*	list-style-image: url(../site/checkmark-pink.jpg);  */
	list-style-image: url(../site/checkmark-blue.jpg);
	line-height: 18px;
}
.homecategories, .homecategories a:link, .homecategories a:active, .homecategories a:visited {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
.homecategories a:hover {
	text-decoration: underline;
}
.homecategories div {
	background: #666666;
	width: 141px;
}
.homecategories div p {
	padding: 5px 0 5px 0;
}
.homehighlights {
	background: url(../site/bg-home-highlights.jpg) bottom repeat-x;
	width: 205px;
}
.homehighlights h4 {
	color: #663300;
	font-size: 17px;
	margin: 10px 0 5px 10px;
}
.homepage p {
	font-size: 13px;
	color: #000000;
	line-height: 14px;
	margin-top: 8px;
}
.homepage p strong {
	color: #003366;
	font-weight: normal;
}
.homehighlights p {
	font-size: 11px;
	color: #000000;
	margin: 0 0 0 10px;
	font-weight: normal;
}
.homehighlights strong {
	font-weight: normal;
}
.homehighlights a:link, .homehighlights a:active, .homehighlights a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	font-size: 10px;
}
.homehighlights a:hover {
	font-weight: 900;
	color: #000000;
}
.homemodel {
	background: url(../site/home-model.jpg) left bottom no-repeat;
}

.homepagevalues {
	font-size: 12px;
	color: #663300;
}

.homepagevalues a:link, .homepagevalues a:visited, .homepagevalues a:active  {
    text-decoration: underline;
    color: #ff0099;
}

.homepagevalues a:hover {
    text-decoration: none;
}
.home6 {
	background: #f3eadb;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 205px;
	border-left: 1px solid #666666;
	color: #816c57;
}
.homesidebar {
	border-left: 1px solid #666666;
	width: 205px;
}
.homesidebar a:link, .homesidebar a:active, .homesidebar a:visited {
	color: #695844;
	text-decoration: underline;
}
.homesidebar a:hover {
	color: #695844;
	text-decoration: none;
}
.homesidebar div {
	height: 30px;
	background: #e2d1bf;
	width: 100%;
	margin: 0;
	padding: 0;
}
.homesidebar div h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	padding-top: 6px;
	margin: 0;
	color: #816c57;
}
.homesidebar #more {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px 5px 0 5px;
}

.homesidebar p {
	font-size: 11px;
	color: #000000;
	margin-left: 5px;
	margin-right: 5px;
}

/* Checkout updates added by Damon
-----------------------------------------------------------------------------*/

.checkouttext {
	background: #CCCCCC;
	margin: 15px;
	width: 100%;
	height: 100%;
	width: 330px;
}

.checkouttext p, .checkouttext h4 {
	margin-left: 15px;
	margin-right: 20px;
}

.coupon-dash-horizontal {
    background: #FFFFFF url(../../site/coupon-dash-horizontal.jpg) repeat-x left bottom;
	height: 2px;
}
.coupon-dash-vertical {
    background: #FFFFFF url(../../site/coupon-dash-vertical.jpg) repeat-y top center;
	width: 2px;
}

div#titlebar ul {
    list-style: none;
    margin: auto;
    padding: 0;
    background: #cc3366;
	width: 100%;
	color: #FFFFFF;
}
div#titlebar ul li {
    display: inline;
    background: #cc3366 url(../../site/nav-left.gif) no-repeat;
	padding-left: 6px;
	display: block;
}
div#titlebar ul li span {
    text-align: left;
    padding-right: 6px;
    padding-top: 6px;
	margin-left: 8px;
	font-weight: 900;
	font-size: 14px;
    height: 24px;
    display: block;
    background: url(../../site/nav-right.gif) no-repeat right;
}
.required {
	color: #990000;
}
.totalSummary {
	text-align: right;
	background: #FFFFFF;
	font-style: italic;
	color: #333333;
	border: none;
	font-weight: normal;
}
.updatequantity {
	padding: 0 70px 10px 0;
	color: #cc3366;
}
.updatequantity a:link, .updatequantity a:visited, .updatequantity a:active {
	color: #cc3366;
	text-decoration: none;
}
.updatequantity a:hover {
	color: #cc3366;
	text-decoration: underline;
}


/* Prototype Documentation
-----------------------------------------------------------------------------*/

div#Documentation {
	margin-top: 5em;
	background: #1d1d20;
	font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, Verdana, sans-serif;
	background: #1d1d20;
	color: #b3b3bb;
	padding: 1em 7em;
	font-size: 1.2em;
}

div#Documentation h1 {
	background: none;
	padding: 0;
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 .5em 0;
	text-indent: 0;
	color: #fff;
}

div#Documentation h2 {
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: 1px solid #27272a;
	border-top: 1px solid #27272a;
	color: #c17878;
	text-shadow: 1px 2px 1px #131315;
}

div#Documentation h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #b3b3bb;
	text-shadow: 1px 2px 1px #131315;
}

div#Documentation h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #b3b3bb;
	text-shadow: 1px 2px 1px #131315;
}

div#Documentation h5 {
	font-size: 1em;
	font-weight: bold;
	font-style: italics;
	color: #b3b3bb;
	text-shadow: 1px 2px 1px #131315;
}

div#Documentation a {
	color: #face8f;
}

div#Documentation a:hover {
	color: #ccc;
}

div#Documentation table {
	margin-bottom: 2em;
	width: 100%;
}

div#Documentation th {
	background: #333;
	border: 1px solid #666;
	border-bottom: 2px solid #666;
	color: #b3b3bb;
}

div#Documentation td {
	border: 1px solid #666;
	background: #1D1D20;
	color: #b3b3bb;
}

table.Elements tr td:first-child {
	width: 20%;
}



/* Slimbox
-----------------------------------------------------------------------------*/

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/site/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/site/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/site/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/site/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* Wholesale Product List
-----------------------------------------------------------------------------*/

td.price {
	font-size: 4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	letter-spacing: -.05em;
}

td.price sup {
	font-size: .5em;
	vertical-align: 35%;
	margin: 0 .05em
	letter-spacing: 0;
}

#Confirmation, .confirmation {
	width: 420px;
}

#ConfirmationInner {
	width: 420px;
}


/* JavaScript Modal Dialog Box
-----------------------------------------------------------------------------*/

.modalBox {  
	background: #fff;
	position: relative; 
	border: 10px solid #fff; 
	padding-bottom: 45px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	box-shadow: 0px 0px 20px #000;
}

.modalMessage { 
	overflow: hidden; 
}

.modalClose { 
	position: absolute; 
	top: -25px; 
	right: -25px; 
	display: block; 
	width: 32px; 
	height: 32px; 
	overflow: hidden; 
	text-indent: 40px; 
	color: #fff; 
	font-size: 10px; 
	letter-spacing: .1em; 
	text-transform: uppercase; 
	line-height: 2em; 
	text-decoration: none; 
	background: url(../site/button_close.png) no-repeat 0 0; 
}

.modalNext { 
	position: absolute; 
	bottom: 0; 
	right: 0; 
	padding: 0 10px; 
	color: #fff !important; 
	font-size: 10px; 
	letter-spacing: .1em; 
	text-transform: uppercase; 
	line-height: 35px; 
	text-decoration: none; 
}

.modalPrevious { 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	padding: 0 10px; 
	color: #fff !important; 
	font-size: 10px; 
	letter-spacing: .1em; 
	text-transform: uppercase; 
	line-height: 35px; 
	text-decoration: none; 
}

