/* Total Wardrobe Care - Stu Lanham 2008/10/28 */

/* audio only content */
.audio { display: none; }

@media aural { body  { voice-family: female; }
				.audio { display: inline; voice-family: male; }
}

/* main structure */
body {
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-swirls.gif) left top repeat-x;
	font: 75% Arial, Helvetica, sans-serif; /* 75% = 12px */
	color: #000;
}

#wrapper
{
	width: 950px;
	margin: auto;
}

#header
{
	width: 950px;
	float: left;
	background: transparent url(images/bg-navigation-bag.png) right top no-repeat;
}

#content-wrapper-outer
{
	width: 710px;
	min-height: 600px;
	padding: 0 10px 0 13px;
	float: left;
	background: transparent url(images/bg-shadows.png) left top no-repeat;
}

#content-wrapper-inner
{
	width: 705px;
	float: left;
	min-height: 600px;
	background: #fff url(images/bg-inner-content.gif) left top repeat-x;
	border-left: 1px solid #F3E4E4;
	border-right: 1px solid #F3E4E4;
}

#sub-navigation
{
	width: 198px;
	float: left;
	padding: 0 20px 0 10px;
}

#content-home
{
	width: 675px;
	padding: 0 15px 0 15px;
}

#content-1-column
{
	width: 675px;
	padding: 0 15px 0 15px;
	float: left;
}

#content-2-column
{
	width: 462px;
	float: right;
	padding-right: 15px;
}

#right-column
{
	width: 209px;
	float: right;
	padding-left: 8px;
}

#footer
{
	width: 920px;
	float: left;
}

.clear-all {clear: both;}

button
{
	background: #000000 url(images/bg-button.gif) left top repeat-x;
	color: #ffffff;
	font-family: Arial Narrow;
	border: 1px solid #5b5b5b;
	line-height: 20px;
	border-radius: 1em;
	-moz-border-radius: 1em;
}


/* header & main navigation */
.header-logo
{
	float: left;
	display: inline;
	padding: 19px 0 13px 0;
}

#header-left
{
	display: inline; 
	float:left;
}

#header-right
{
	float: right;
	display: inline;
}

#twc-title
{
	position:relative;
	padding: 0 0 0 10px;
	margin: 20px 0 14px 10px;
	height: 62px !important;
}
#twc-title #companyname
{
	float:left;
	font-size: 3em;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
}
#twc-title .location
{
	position:absolute; left:370px; top:31px;
	font-size: 14px; font-family: Times New Roman, Times, serif; font-style: italic;
}


.header-logo img
{
	border: 0px;
}

/* main nav */

#header ul
{
	z-index: 99;
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 0 10px;
	position: relative;
	list-style-position:outside;
	list-style-type: none;
	font-family: Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	font-size: 1.25em;
}

#header li
{
	float: left;
	padding: 0;
	margin: 0;
	position:relative;
}

#header li a
{
	display:block;
	float: left;
	color: #000;
	text-decoration: none;
	padding: 7px 6px 7px 6px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 0px;
}

#header li a:hover
{
	color: #000;
	text-decoration: none;
	background-image: url(images/nav-over-bg.gif);
	border-left: 1px solid #F3E4E4;
	border-right: 1px solid #F3E4E4;
}

#header li a.on
{
	color: #000;
	text-decoration: none;
	background-image: url(images/nav-over-bg.gif);
	border-left: 1px solid #F3E4E4;
	border-right: 1px solid #F3E4E4;
}

/* dropdown nav */

#header li ul 
{ 
	position:absolute;
	width: 150px;
	top: 32px;
	left: -10px;
	display: none;
	background-color: #fff;
	border: 1px solid #EDD6D6;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	padding: 10px;
}

#header li ul li
{
	background: transparent url(images/sub2-bullet.gif) left top no-repeat; 
	border-bottom: 1px dotted #601C27;
	padding: 0 0 3px 3px;
	margin: 0 0 5px 0;
}

#header li ul li a
{
	float:left;
	padding: 0;
	margin: 0;
	border: none; 
}
#header li ul li
{
	width: 140px;
}

#header li ul a:hover
{
	text-decoration: underline;
	background-image: none;
	border: none;
}
	
#header li:hover ul, #header li li:hover ul
{
	display: block;
}

.search
{
	width: 255px;
	padding: 25px 0 0 0;
	margin: 0;
	text-align: right;
}

.search form
{
	padding: 0;
	margin: 0;
}

.shopping-bag
{
	width: 255px;
	clear: right;
	padding: 0;
	margin: 7px 10px 0 0;
	text-align: right;
}

.shopping-bag-view
{
	float: right;
	padding: 0;
	margin: 0;
}
.shopping-bag-price
{
	float: right;
	width: 255px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
}

.shopping-bag-items
{
	float: right;
	width: 255px;
	margin: 0 0 21px 0;
}

.telephone
{
	float: left;
	padding: 0;
	margin: 0;
}

/* sub navigation */

#sub-navigation ul
{
	margin: 0;
	padding: 0;
	list-style-position:outside;
	list-style-type: none;
}

#sub-navigation ul li
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	text-indent: 18px;
	border-bottom: 1px dotted #601C27;
}

#sub-navigation ul li a
{
	text-decoration: none;
	display: block;
	background: transparent url(images/main-sub-bullet-up.png) top left no-repeat;
	width: 198px;
	padding: 7px 0 7px 0;
	margin: 0;
}

#sub-navigation ul li a:hover
{
	color: #000;
	text-decoration: underline;
	background: transparent url(images/main-sub-bullet-over.png) left top no-repeat;
}

#sub-navigation ul li a.on
{
	color: #000;
	text-decoration: none;
	background: transparent url(images/main-sub-bullet-over.png) left top no-repeat;
}

/*Sub-child*/

#sub-navigation ul li ul
{
	margin: 0 0 7px 0;
	padding: 3px 0 0 0;
	list-style-position:outside;
	list-style-type: none;
	border-top: 1px dotted #601C27;
}

#sub-navigation ul li ul li
{
	margin: 0;
	padding: 0;
	border: none;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	background: transparent url(images/sub-bullet.gif) left top no-repeat;
	border-bottom: 1px solid #F3E4E4;
}

#sub-navigation ul li ul li a
{
	margin: 0;
	padding: 3px;
	width: 192px;
	text-decoration: none;
	text-transform: none;
	background-image: none;
}

#sub-navigation ul li ul li a:hover
{
	background: #EDD6D6 url(images/sub-bullet.gif) left top no-repeat;
}

#sub-navigation ul li ul li a.on
{
	background: #EDD6D6 url(images/sub-bullet.gif) left top no-repeat;
}

/* content */

a
{
	outline: none;
	color: #000;
}

a:hover
{
	color: #666;
}

#right-column h6.email-newsletter
{
	width: 209px;
	height: 32px;
	background: transparent url(images/email-newsletter-h6.png) left top no-repeat;
	border-top: 1px solid #C3B8B8;
	border-bottom: 1px solid #C3B8B8;
	text-indent: -7000px;
	padding: 0;
	margin: 0 0 15px 0;
}

#right-column h6.media-coverage
{
	width: 209px;
	height: 32px;
	background: transparent url(images/media-coverage-h6.png) left top no-repeat;
	border-top: 1px solid #C3B8B8;
	border-bottom: 1px solid #C3B8B8;
	text-indent: -7000px;
	padding: 0;
	margin: 20px 0 10px 0;
}

#right-column h6.handy-hints
{
	width: 209px;
	height: 32px;
	background: transparent url(images/handy-hints-h6.png) left top no-repeat;
	border-top: 1px solid #C3B8B8;
	border-bottom: 1px solid #C3B8B8;
	text-indent: -7000px;
	padding: 0;
	margin: 20px 0 10px 0;
}

#content-1-column h1
{
	width: 675px;
	float: left;
	padding: 0;
	margin: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 1.8em;
}


#content-1-column h2
{
	width: 675px;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.5em;
	font-weight: normal;
}

#content-1-column p
{
	padding: 0px;
	margin: 10px 0 0 0;
	line-height: 17px;
}

#content-2-column h1
{
	width: 470px;
	padding: 0;
	margin: 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 1.8em;
}

#content-2-column h2
{
	width: 463px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1em;
	font-weight: bold;
}

#content-2-column p
{
	padding: 0px;
	margin: 10px 0 0 0;
	line-height: 17px;
}
#content-2-column ul, #content-2-column ol
{
	clear: left;
}

#content-2-column ul.service-questions
{
	margin: 0 0 0 15px;
	padding: 10px 0 5px 0;
}

#content-2-column ul.service-links
{
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}

#content-2-column ul.service-links li
{
	background: transparent url(images/sub2-bullet.gif) left top no-repeat;
	text-indent: 12px;
	margin: 3px 0 3px 0;
}

#content-2-column ul.service-links a
{
	cursor: pointer; /* Temp IE fix - return too */
	text-decoration: underline; /* Temp IE fix - return too */
}

#main-details-cost-unit
{
	width: 432px;
	float: right;
	padding: 0px;
	margin: 0 30px 0 0;
	text-align: right;
}

.details-main-price
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.75em;
	margin-right: 10px;
}

.deatails-x
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
	margin-right: 10px;
	padding-top: 6px;
}

.details-main-image
{
	float: left;
	margin: 15px 15px 15px 0;
	padding: 0;
}

.media-coverage-image
{
	border: 1px solid #F4E6E6;
	margin: 0 0 5px 0;
	padding: 0px;
}

#right-column ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

#right-column ul li
{
	width: 210px;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #601C27;
	font-size: 0.95em;
	margin: 0px;
}

#right-column ul li a
{
	background: transparent url(images/sub2-bullet.gif) left top no-repeat;
	padding-left: 10px;
}

.product-list-item
{
	width: 210px;
	float: left;
	min-height: 180px;
	margin: 10px 15px 0 0;
}

.product-list-item img
{
	border: 1px solid #F3E4E4;
	margin-bottom: 5px;
}

/* base pods */

#base-pods .base-pod
{
	width: 208px;
	float: left;
	border: 1px solid #F3E4E4;
	margin: 20px 22px 0 0;
}

#base-pods .base-pod img
{
	border: none;
	float: left;
	display: inline;
}

#base-pods .last
{
	margin-right: 0;
}

.base-pod h3
{
	width: 208px;
	height: 31px;
	text-indent: -7000px;
	padding: 0;
	margin: 0;
}
.base-pod h3.anti-moth
{
	background: transparent url(images/anti-moth-base-h3.png) left top no-repeat;
}
.base-pod h3.hints
{
	background: transparent url(images/hints-base-h3.png) left top no-repeat;
}
.base-pod h3.xmas
{
	background: transparent url(images/xmas-base-h3.png) left top no-repeat;
}
.base-pod h3.gifts
{
	background: transparent url(images/gifts-base-h3.png) left top no-repeat;
}
.base-pod h3.travel
{
	background: transparent url(images/travel-base-h3.png) left top no-repeat;
}
.base-pod h3.mothers
{
	background: transparent url(images/mothersday-h3.png) left top no-repeat;
}

.headshot
{
	float: right;
	border: 1px solid #EDD6D6;
	margin: 10px 15px 5px 0;
}

#content-1-column img.right
{
	float: right;
	border: 1px solid #EDD6D6;
	margin: 5px 5px 5px 10px;
}

/* media page layout */
div.media-pods
{
}
div.media-pods div
{
	width: 325px;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	min-height: 150px;
	height: 150px;
}

div.media-pods img
{
	float: left;
	margin: 0 15px 0 15px;
	border: 1px solid #F3E4E4;
}

div.media-pods dl
{
	margin: 0;
	padding: 0; 
}


dl.contact-info
{
	margin: 0px;
	padding: 0 0 15px 0;
}

.contact-info dd
{
	margin: 0px;
	padding: 0px;
}

dl.terms-contact
{
	margin: 0px;
	padding: 10px 0 0 0;
}

.terms-contact dd
{
	margin: 0px;
	padding: 0px;
}

#contact-info
{
	width: 300px;
}

#contact-form
{
	width: 250px;
	float: right;
	margin-right: 100px;
}

/*Home Page*/

#home-top-content
{
	background: #fff url(images/home-top-bg.gif) left top;
	float: left;
	width: 665px;
	padding-right: 10px;
}

.home-content-title
{
	padding: 0;
	margin: 10px 0 10px 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-size: 2.75em;
	float: left;
	width: 215px;
	font-weight: bold;
}

#home-top-content h1
{
	font-size: 1.1em;
	width: 210px;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	line-height: 1.5em
}


#base-pods
{
	clear: left;
}

#home-details-cost-unit
{
	padding: 0 0 5px 0;
	margin: 0;
}

.home-main-image-left
{
	float: left;
	margin-right: 15px;
}

.home-latest-offers
{
	margin: 15px 0 10px 0;
}


/* form styles */

.text-field
{
	background-color: #fff;
	border: 1px solid #EDD6D6;
}

.text-field-contact
{
	background-color: #fff;
	border: 1px solid #EDD6D6;
	margin-bottom: 10px;
}

.text-field-search
{
	background-color: #fff;
	border: 1px solid #EDD6D6;
}

.bttn-align
{
	vertical-align: middle;
	margin: -3px 0 0 5px;
}
.bttn
{
	border: 0;
}

#newsletter
{
	padding: 0px;
	margin: 0px;
}

#newsletter input
{
	margin-bottom: 7px;
}

.bttn-newsletter-align
{
	vertical-align: middle;
	margin: -2px 25px 0 0;
	float: right;
}

/* footer */

#footer
{
	float: left;
	display: inline;
	padding: 35px 0 20px 30px;
	background: transparent url(images/footer-background.gif) left top repeat-y;
}

#footer ul
{
	float: left;
	padding: 0px;
	margin: 0px;
}

#footer ul li
{
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.dead-moth
{
	margin: -5px 0 0 0;
}

.dhaus
{
	float: right;
	display: inline;
	padding-right: 30px;
	margin-top: -2px;
}

.dhaus-logo
{
	vertical-align: middle;
	margin-right: 5px;
}

/* shopping basket */

.cc-float
{
	float: right;
	margin: -30px 0 0 0;
}

.basket-image-float
{
	float: left;
	border: 1px solid #EDD6D6;
	margin-right: 5px;
}

table#checkout
{
	clear: both;
	float: left;
	width: 660px;
	margin: 15px 0 15px 0;
}

#table-break
{
	height: 40px;
}

table#checkout th
{
	background-color: #EDD6D6;
	text-align: left;
	padding: 15px 0 5px 5px;
}
table#checkout td
{
	padding: 10px 5px 10px 5px;
	vertical-align: top;
	border-left: 1px solid #EDD6D6;
	border-bottom: 1px solid #EDD6D6;
}
table#checkout th.details
{
	width: 270px;
}

table#checkout th.price
{
	width: 75px;
}

table#checkout th.quantity
{
	width: 125px;
}

table#checkout th.sub
{
	width: 100px;
}

table#checkout th.delete
{
	width: 90px;
}
table#checkout td.last
{
	border-right: 1px solid #EDD6D6;
}
table#checkout td.total
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.2em;
}
table#checkout td.highlight
{
	color: #601C27;
	font-weight: bold;
}

#basket-bread-crumb
{
	background: transparent url(images/basket-header-bg.png) left top no-repeat;
	padding: 0;
	margin: 0;
	height: 25px;
	font-weight: bold;
}

div.checkout
{
	width: 638px;
	border: 1px solid #edd6d6;
	clear: both;
	padding: 10px;
}
h2.checkout
{	/* have to !important everything because the #content-1-column h2 rule is more specific */
	font-family: Arial,Helvetica,sans-serif !important;
	font-weight: bold !important;
	font-size: 1em !important;
	width: 655px !important;
	padding: 15px 0 5px 5px !important;
	background-color: #edd6d6;
}
table.data-table td.data-name { width: 120px; }

.bread-crumb-icon { float:left; margin-right:5px; }
.bread-crumb-titles { margin-right: 10px; }

/* x-cart specific styles */
.data-required {color: #601c27;}
#dialog-message {background-color: #ffffff; padding: 10px; width: 636px; border: 2px solid red; margin: 1em 0;}
#dialog-message .close-link {display: block; float: right;}

/* twitter icon */
#right-column { position:relative; /*padding-top:91px;*/ padding-top:44px; }
#twitterLink, #facebookLink { display:block; width:220px; height:44px; overflow:hidden; text-indent:-9999px; background:url(images/follow-us.png) no-repeat; position:absolute; top:0; right:0; }
#facebookLink { top:45px; background:url(images/facebook.png) no-repeat; }

h1.tips {width:460px !important;height:36px;border:1px solid #E3C0C0;text-indent: -7000px; padding: 0; margin: 0 0 15px 0; } 
h1.tip19 {background: transparent url(images/FoldYourClothesWithEase.gif) left -5px no-repeat;border-bottom:0;}

#adBox { width:674px; height:300px; border-top:1px solid #F3E4E4; position:relative; }
#adBox img { border:none; }
#message { position:absolute; top:106px; left:0; width:289px; padding:33px 12px 12px; }
#adBox h2 { font-size:24px; width:auto; padding-bottom:2px; }
#adBox p { font:15px Georgia,"Times New Roman",Times,serif; } 
#message a { width:74px; height:0 !important; overflow:hidden; padding-top:20px; background:url(images/adbox/btn_watch.png) no-repeat 0 0; margin-top:10px; float:right; }