* {
	padding:0;
	margin:0;
	}
body {
	color:#333;
	font:100% Arial, Verdana, sans-serif;
	background-color:#000;
	}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	}
img {border:none;}
fieldset {border:solid 0 transparent;}
ul {list-style:none;}

.offscreen {
	z-index:99;
	position:absolute;
	top:-9000px;
	left:-9000px;
	}
.float-left {float:left;}
.float-right {float:right;}

.no-right-margin {
	margin-right:0;
	}
	
.text-center {text-align:center;}

.new {
	color:#f00;
	font-weight:bold;
	}

/* Layout
---------------------------------------------- */
#wrap {
	position:relative;
	margin:58px auto;
	width:899px;
	min-height:698px;
	border:1px solid #262626;
	}
	* html #wrap {
		width:901px;
		w\idth:899px;
		height:700px;
		he\ight:698px;
		}
		
#content {
	float:right;
	margin:7px;
	padding:40px 7px;
	width:666px;
	min-height:600px;
	border:1px solid #262626;
	background:#f3f3ef;
	}
	* html #content {
		width:682px;
		w\idth:666px;
		height:682px;
		he\ight:600px;
		}	
#hero #content {
	padding:40px 7px 0 7px;
	min-height:640px;
	}	
	* html #hero #content {
		height:682px;
		he\ight:640px;
		}		

#sidebar {
	float:left;
	margin:7px 0 0 7px;
	padding:37px 10px 0 20px;
	width:160px;
	}
	* html #sidebar {
		width:187px;
		w\idth:157px;
		}
#logo {
	margin:0 0 20px 0;
	}		
	#logo img {
		width:109px;
		height:31px;
		}
	
/* Homepage
---------------------------------------------- */
#homepage #wrap {
	position:relative;
	margin:58px auto;
	width:899px;
	min-height:698px;
	border:1px solid #7f7f7f;
	}
	* html #homepage #wrap {
		width:901px;
		w\idth:899px;
		height:700px;
		he\ight:698px;
		}
		
#homepage #header {
	position:absolute;
	top:499px;
	left:-1px;
	width:901px;
	min-height:73px;
	}
	* html #homepage #header {
		height:73px;
		}
#homepage #logo {
	display:inline;
	float:left;
	margin:25px 0 0 26px;
	}	
	
/* Main navigation
---------------------------------------------- */
#main-nav {
	margin:0 0 40px 0;
	}
#main-nav li {
	display:block;
	margin:0 0 4px 0;
	}
	#main-nav li a {
		color:#fff;
		text-decoration:none;
		font-size:.8em;
		}
		#main-nav li.current a,
		#main-nav li a:hover {
			color:#898989;
			}
#main-nav li ul {
	margin:0 0 20px 0;
	}		
#main-nav li ul li {
	margin:0;
	padding:0 0 0 0;
	}			
	#main-nav li ul li.current {
		background:#585858;
		}
		#main-nav li ul li.current a {
			color:#fff;
			}	
	#main-nav li ul li a {
		padding:0 0 0 9px;
		font-size:.7em;
		}	
#main-nav li ul li ul,	
#main-nav li ul li.current ul {
	margin-bottom:.5em;
	background:#000;
	}
#main-nav li ul li ul li,
#main-nav li ul li.current ul li {
	padding:0 0 0 18px;
	}
#main-nav a.current {
	color:#898989;
	}
	
	
	
/* Content
---------------------------------------------- */
#content h1 {
	margin:0 0 35px 0;
	font:100% Verdana, Arial, sans-serif;
	font-size:.9em;
	font-weight:bold;
	}
	#content h1 span {
		display:block;
		font-size:.75em;
		}
#content h2 {
	margin:1.5em 0 1em 0;
	font:100% Verdana, Arial, sans-serif;
	font-size:.8em;
	font-weight:bold;
	}
	#content h2 span {
		display:block;
		font-size:.8em;
		}
#content h3 {
	margin:18px 0 10px 0;
	font-size:.75em;
	font-weight:bold;
	}
#content p {
	margin:0 0 12px 0;
	font-size:.75em;
	line-height:140%;
	}
#content ul {
	margin:0 0 12px 0;
	font-size:.75em;
	list-style:none;
	}
#content ul li {
	margin:0 0 .3em 1em;
	padding:0 0 0 1em;
	background:url(../img/bullet.gif) 0 0.5em no-repeat;
	}
	* html #content ul li {
		background:url(../img/bullet.gif) 0 0.8em no-repeat;
		}

#content a {color:#333;text-decoration:underline;}
#content a:hover {color:#333;text-decoration:none;}


/* Link (back)
----------------------------------------------- */
.back-link {
	position:relative;
	top:-30px;
	float:right;
	margin-bottom:-20px;
	}
.back-link a {
	font-size:.7em;
	}	
#content img.decor-border {
	border:1px solid #6f6f6f;
	}
#content img.float-right {
	margin:0 0 15px 15px;
	}
#content img.float-left {
	margin:0 15px 15px 0;
	}
#content #scroll-area {
	padding:0 5px 0 1px;
	height:600px;
	color:#000000; 
	overflow:auto; 
	}

/* UL mark
---------------------------------------------- */
#content .mark {
	margin:0 0 12px 0;
	font-size:.75em;
	}
#content .mark li {
	margin:0 0 0 0;
	padding:15px 0 25px 60px;
	}
#content .mark li.wash-hand {background:url(../img/icons/wash_hand.gif) 0 0 no-repeat;}
#content .mark li.wash-hand-or-machine {background:url(../img/icons/wash_hand_or_machine.gif) 0 0 no-repeat;}
#content .mark li.wash-delicate {background:url(../img/icons/wash_delicate.gif) 0 0 no-repeat;}
#content .mark li.wash-boiling {background:url(../img/icons/wash_boiling.gif) 0 0 no-repeat;}
#content .mark li.wash-no {background:url(../img/icons/wash_no.gif) 0 0 no-repeat;}
#content .mark li.iron-100 {background:url(../img/icons/iron_100.gif) 0 0 no-repeat;}
#content .mark li.iron-150 {background:url(../img/icons/iron_150.gif) 0 0 no-repeat;}
#content .mark li.iron-200 {background:url(../img/icons/iron_200.gif) 0 0 no-repeat;}
#content .mark li.iron-no {background:url(../img/icons/iron_no.gif) 0 0 no-repeat;}	
#content .mark li.wash-bleach {background:url(../img/icons/wash_bleach.gif) 0 0 no-repeat;}	
#content .mark li.wash-bleach-no {background:url(../img/icons/wash_bleach_no.gif) 0 0 no-repeat;}	
#content .mark li.drying {background:url(../img/icons/drying.gif) 0 0 no-repeat;}	
#content .mark li.drying-hot {background:url(../img/icons/drying_hot.gif) 0 0 no-repeat;}	
#content .mark li.drying-no {background:url(../img/icons/drying_no.gif) 0 0 no-repeat;}	
#content .mark li.drying-horiz {background:url(../img/icons/drying_horiz.gif) 0 0 no-repeat;}	
#content .mark li.drying-vert {background:url(../img/icons/drying_vert.gif) 0 0 no-repeat;}	
#content .mark li.drying-vert-extraction {background:url(../img/icons/drying_vert_extraction.gif) 0 0 no-repeat;}	
#content .mark li.dry-cleaning {background:url(../img/icons/dry_cleaning.gif) 0 0 no-repeat;}	
#content .mark li.chemical-cleaning {background:url(../img/icons/chemical_cleaning.gif) 0 0 no-repeat;}	
#content .mark li.chemical-cleaning-control {background:url(../img/icons/chemical_cleaning_control.gif) 0 0 no-repeat;}	
#content .mark li.chemical-cleaning-special {background:url(../img/icons/chemical_cleaning_special.gif) 0 0 no-repeat;}
#content .mark li.chemical-cleaning-special-control {background:url(../img/icons/chemical_cleaning_special_control.gif) 0 0 no-repeat;}
#content .mark li.chemical-cleaning-no {background:url(../img/icons/chemical_cleaning_no.gif) 0 0 no-repeat;}

/* Tables
---------------------------------------------- */
.table-cross-border {
	margin:0 0 2em 0;
	width:97%;
	border-collapse:collapse;
	border-top:1px solid #585858;
	border-left:1px solid #585858;	
	}
.table-cross-border caption {
	padding:.5em 0 1.2em 0;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	}	
.table-cross-border th, td {
	padding:3px 4px;
	font-size:.75em;
	border-right:1px solid #585858;
	border-bottom:1px solid #585858;
	}
.table-cross-border tr.text-center td {
	text-align:center;
	}
.table-cross-border tr td.text-left {
	text-align:left;
	}
.table-cross-border tr td.region {
	font-size:1.5em;
	text-align:center;
	}
.table-cross-border tr td.region span {
	display:block;
	font-size:.5em;
	text-align:center;
	}
	
/* Welcome
---------------------------------------------- */
#welcome {
	display:inline;
	float:left;
	margin:490px 0 0 0;
	padding:.5em 1em;
	background:#5e5952;
	color:#fff;
	}
	#welcome h1 {
		margin-bottom:1em;
		font-size:.9em;
		text-align:center;
		}
	#welcome p {
		margin-bottom:0;
		}
	#welcome a {
		font-size:.9em;
		color:#fff;
		font-weight:bold;
		}	
	#welcome a:hover {
		color:#fff;
		text-decoration:none;
		}		
#welcome .panel {
	float:left;
	margin-right:15px; 
	width:205px;
	}
	#welcome .panel .content {
		min-height:60px;
		}
		* html #welcome .panel .content {
			height:60px;
			}
#welcome #panel-question.panel {
	width:190px;
	margin-right:0;
	}	
			
	
/* Product
---------------------------------------------- */
.product {
	margin:0 0 2em 0;
	}
	.product .photo {
		float:left;
		margin:0 1em 1em 0;
		width:218px;
		}
	.product .description {
		float:left;
		width:405px;
		}
		
/* Gallery
---------------------------------------------- */
.gallery {
	margin:2em 0 2em 3.5em;
	}
.gallery img {
	float:left;
	display:inline;
	margin:0 2em 1em 0;
	width:159px;
	height:274px;
	border:1px solid #6f6f6f;
	}
	
/* News
----------------------------------------------- */
.news {
	margin:0 0 1.5em 0;
	padding:.5em 1em .5em 0;
	}
.news .photo {
	float:right;
	margin:0 0 1em .5em;
	}
	* html .news .photo {
		display:inline;
		}
#content .photogallery li {
	float:left;
	margin:0 1.5em 2.5em 0;
	padding:0;
	background:none;
	}		
	
/* Collection
----------------------------------------------- */
.collection {
	padding-left:60px;
	}
#content .collection ul li {
	float:left;
	margin:0 2em 1em 0;
	padding:0 0 0 0;
	text-align:center;
	}
	#content .collection ul li a {
		display:block;
		padding:0;
		width:159px;
		height:230px;
		font-size:1.5em;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		border:1px solid #333;
		border-top:none;
		}
		#content .collection ul li a img {
			width:159px;
			height:230px;
			}
	#content .collection ul li a:hover {
		float:left;
		color:#fff;
		}		
	#content .collection ul li a:hover span {
		background:#ee4181;
		}
	#content .collection ul li a span {
		display:block;
		padding:.3em 0;	
		background:#434343;
		}
#content .collection ul li.active {background:url(../img/trade-marks/casall/active.jpg) 0 0 no-repeat;}
#content .collection ul li.more {background:url(../img/trade-marks/casall/more.jpg) 0 0 no-repeat;}
#content .collection ul li.running {background:url(../img/trade-marks/casall/running.jpg) 0 0 no-repeat;}
#content .collection ul li.casual {background:url(../img/trade-marks/casall/casual_sport.jpg) 0 0 no-repeat;}
#content .collection ul li.urban-sport {background:url(../img/trade-marks/casall/urban_sport.jpg) 0 0 no-repeat;}
#content .collection ul li.golf-fashion {background:url(../img/trade-marks/casall/golf_fashion.jpg) 0 0 no-repeat;}
#content .collection ul li.mens-sport {background:url(../img/trade-marks/casall/mens_sport.jpg) 0 0 no-repeat;}
#content .collection ul li.accessories {background:url(../img/trade-marks/casall/accessories.jpg) 0 0 no-repeat;}
#content .collection ul li.underwear {background:url(../img/trade-marks/casall/underwear.jpg) 0 0 no-repeat;}


/* 
----------------------------------------------- */
#sidebar {
	/*position:relative;*/
	}
#sidebar .note {
	position:absolute;
	bottom:10px;
	left:25px;
	width:170px;
	font-size:.7em;
	color:#fff;
	}
	#sidebar .note p {
		margin-bottom:.7em;
		}
		#sidebar .note p.last {
			margin-bottom:0;
			}
	#sidebar .note a {
		color:#fff;
		}
		#sidebar .note a:hover {
			text-decoration:none;
			}
			
/* Shop
----------------------------------------------- */
.shop {
	float:left;
	display:inline;
	margin:0 .5em 1em 0;
	width:200px;
	border:1px solid #6f6f6f;
	}
#content .shop h2 {
	margin:0;
	padding:4px 0 4px 5px;
	background:#000;
	color:#fff;
	}
.shop .content {
	padding:10px 5px 0 5px;
	min-height:90px;
	}
	* html .shop .content {
		height:90px;
		}
.shop img {
	display:block;
	margin-bottom:.3em;
	border-top:1px solid #6f6f6f;
	border-bottom:1px solid #6f6f6f;
	}

	
/* Banner 
----------------------------------------------- */
.banner {
	margin:0 0 18px 0;
	padding:9px;
	background:#fff;
	font-size:.7em;
	text-align:center;
	}
.banner a {
	display:block;
	color:#000;
	text-decoration:none;
	}
	
/* Form
----------------------------------------------- */
.form fieldset {
	overflow:hidden;
	margin-bottom:18px;
	}
	.form .row {
		overflow:hidden;
		padding-bottom:5px;
		}
	.form .row label {
		float:left;
		width:120px;
		margin-right:5px;
		font-size:.8em;
		cursor:pointer;
		}		
	.form .row textarea {
		width:266px;
		height:70px;
		}	
		
/* eShop temp presentation
----------------------------------------------- */
.sale-collection {
	float:left; 
	margin:0 0 15px 0;
	width:320px;  
	}
	#ss09.sale-collection,
	#aw08.sale-collection {
		margin-right:0;
		}
/* 	#ss09.sale-collection {
		float:right;
		margin-right:0;
		} */
#content .sale-collection h2 {
	margin:0 0 10px 0;
	}
	.sale-collection .format {
		font-size:.9em;
		}
	.catalog-cover {
		float:left;
		width:150px;
		}
	.catalog-info {
		float:right;
		padding:0 0 0 10px;
		width:140px;
		}
a.download-pdf,
a.download-excel {
	display:block;
	padding:0 0 0 45px;
	background:url(../img/icons/icon_pdf.gif) 0 4px no-repeat;
	}		
a.download-excel {
	background:url(../img/icons/icon_excel.gif) 0 4px no-repeat;
	}
.disclaimer {
	margin:25px 0 0 0;
	font-size:.9em;
	}