/*
	CSS Style Definitions for Style Struck
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{
	padding:0;
	font: 11px Arial, Helvetica, sans-serif;
}
#page-container{
	width: 780px;
	background-image: url(../images/ladies/common/bg-header.jpg);
	background-repeat: repeat-x;
}
	#header{
	width: 780px;
	float:left;
	clear:both;
	height: 130px;
}
		#logo{ width: 544px; float:left; }
		#signup{ width: 135px; float:right; margin-right: 10px; }
		* html #signup{ margin-right: 5px; }
			#signup a{ display: block; margin-bottom: 60px; }
	#ticker{ height:32px; }
		#ticker img{ margin: 10px 0 0 10px; }
	#navigator{
	height: 25px;
	margin: 0px;
	padding: 0px;
}
		ul#gentlemen{ margin: 14px 0 0 0;border: 0 none;padding: 0;width: 100px; /*For KHTML*/list-style: none;height: 24px; }
		ul#gentlemen li{ text-align: right; padding-right: 12px; }
		ul#gentlemen li a{ padding: 0 6px;float: none !important; /*For Opera*/float: left; /*For IE*/display: block;color: #fcc;font: 11px/22px Times, 'Times New Roman', serif; letter-spacing:1px;text-decoration: none;height: auto !important;height: 1%; /*For IE*/text-transform:uppercase; }
	#content{ width: 780px; float:left; clear: both; min-height: 520px; }
	/*\*/* html #content {height: 520px; }
		#left-side{}
		#right-side{}
	#footer{ width: 780px; float:left; clear: both; }
		#footer h1{ height: 28px; background: url("../images/ladies/common/footer.gif") no-repeat 12px 0; margin:0; }
		#footer ul{ margin: 0 0 0 6px; padding:0; list-style: none; }
		#footer ul li{ font-size: 10px; color: #666; border-right: 1px solid #666; float:left; margin:0; padding: 0 6px; }
		#footer ul li.last{ border-right: none; }
		#footer a{ color: #666; text-decoration:none; }

/* PAGES */
div.home{ background: url("../images/ladies/home/cartoon.gif") no-repeat top right; height: 456px; }
/*\*/* html div.home {height: 456px; }
div.home h1{ height: 262px; background: url("../images/ladies/home/text-content.gif") no-repeat; margin-top: 50px; }

div.simple div{ padding: 0 12px; }

div.introduction{ background: url("../images/ladies/introduction/cartoon.gif") no-repeat top right; min-height: 476px; }
/*\*/* html div.introduction {height: 476px; }
div.introduction div{ width: 290px; padding: 0 0 20px 12px; }
div.introduction ul{ margin:0; padding:0; list-style: none; }
div.introduction ul li{ margin:6px 0; padding:0; }
div.introduction ul li,
div.introduction address{ font-weight: bold; }

div.package div{ width: 280px; padding: 0 0 20px 12px; }
div.package h1{ height: 98px; }
div.package ul{ margin:0; padding:0; }
div.package ul li{ margin:6px 10px; padding:0; font-weight: bold; }

div.personal{ background: url("../images/ladies/packages/cartoon-personal-stylist.gif") no-repeat top right; min-height: 434px; }
/*\*/* html div.personal {height: 434px; }
div.personal h1{ background: url("../images/ladies/packages/title-personal-stylist.gif") no-repeat; }

div.wardrobe{ background: url("../images/ladies/packages/cartoon-wardrobe.gif") no-repeat top right; min-height: 484px; }
/*\*/* html div.wardrobe {height: 484px; }
div.wardrobe h1{ background: url("../images/ladies/packages/title-wardrobe.gif") no-repeat; }

div.basics{ background: url("../images/ladies/packages/cartoon-basics.gif") no-repeat top right; min-height: 511px; }
/*\*/* html div.basics {height: 511px; }
div.basics h1{ background: url("../images/ladies/packages/title-basics.gif") no-repeat; }

div.back{ background: url("../images/ladies/packages/cartoon-back.gif") no-repeat top right; min-height: 480px; }
/*\*/* html div.back {height: 480px; }
div.back h1{ background: url("../images/ladies/packages/title-back.gif") no-repeat; }

div.special{ background: url("../images/ladies/packages/cartoon-special.gif") no-repeat top right; min-height: 487px; }
/*\*/* html div.special {height: 487px; }
div.special h1.occasion{ background: url("../images/ladies/packages/title-occasion.gif") no-repeat; height: 40px; }
div.special h1.holiday{ background: url("../images/ladies/packages/title-holiday.gif") no-repeat; height: 40px; }
div.special h1.item{ background: url("../images/ladies/packages/title-item.gif") no-repeat; height: 40px; }
div.special h1.gift{ background: url("../images/ladies/packages/title-gift.gif") no-repeat; height: 40px; }

div.prices{ background: url("../images/ladies/prices/cartoon.gif") no-repeat top right; height: 346px; }
/*\*/* html div.prices {height: 346px; }
div.prices h1{ height: 134px; background: url("../images/ladies/prices/text-content.gif") no-repeat; margin-top: 50px; }

/*div.testimonials{ background: url("../images/ladies/introduction/cartoon.gif") no-repeat top right; min-height: 476px; }*/
div.testimonials div{ width: 340px; padding: 0 0 20px 12px; }

div.vouchers{ background: url("../images/ladies/vouchers/cartoon.gif") no-repeat top right; height: 400px; }
/*\*/* html div.vouchers {height: 400px; }
div.vouchers h1{ height: 138px; background: url("../images/ladies/vouchers/text-content.gif") no-repeat; margin-top: 50px; }

div.contact{ background: url("../images/ladies/contact/cartoon.gif") no-repeat top right; height: 400px; }
/*\*/* html div.contact {height: 400px; }
div.contact h1{ height: 132px; background: url("../images/ladies/contact/text-content.gif") no-repeat; margin-top: 100px; }

div.signup div{ width: 320px; float:left; text-align:left; }

form#signup{ margin: 16px 0 0 12px; width: 320px; float:left; }
form#signup label{ width: 190px; display: block; font-weight:bold; clear:both; }
form#signup label span{ color: #f00; }
form#signup input, form#signup textarea{ float:left; font: 11px Arial, sans-serif; margin-bottom: 10px; clear: both; }
form#signup input.text{ width: 120px; }
form#signup input.button{ width: 60px; }
form#signup textarea{ width: 320px; height: 80px; }
form#signup input.checkbox{ vertical-align: middle; margin:0 3px 0 0; }
form#signup p{ margin-top: 16px; clear:both; }

p#contactmessages{ color: #f00; font-weight: bold; margin: 16px 12px 0 12px; clear:both; }

/* site wide elements */
.inside{ padding:12px; }
p{ margin: 0 0 12px 0; }
.top-margin{ margin-top: 20px; }
p.signature{ margin-top: -12px; font-weight:bold; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

h1{ text-indent: -999999px; font-size: 12px; }

div#content a{ color: #AA6565; text-decoration: none; }

h2{ font-size: 14px; font-weight:bold; margin: 0 0 12px 0; }
