@charset "utf-8";
/* CSS Document */

/*

YOUR PERSONAL HAIRSYLIST - Shop styles

---------------- TABLE OF CONTENTS ----------------

		- Layout
		- Content
		- Menus - main, footer	
		
/*


/* -------- LAYOUT ------- */

#container{
	background-image:url(/images/background-glow-shop.jpg);
	background-position:top;
	}
	
#header{
	height:191px;
	padding-left:52px;
	background-image:url(/images/shop-girl.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#content{
	border:none;
	}


/* ------- CONTENT ------- */

#topmenu{
	height:36px;
	}
#topmenu img{
	margin-left:1px;
	float:left;
	}
.search{
	width:157px;
	height:28px;
	padding:8px 0 0 38px;
	background-image:url(/images/background-search.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	}
.search input{
	padding:0;
	border:none;
	}
.search input.btn{
	margin:9px 8px 0 0;
	float:right;
	}
.search input.searchfield{
	width:102px;
	padding:2px 6px;
	background-color:#c2508b;
	border:1px solid #8f014b;
	color:#ffffff;
	}
	
.newsletter{
	margin-top:30px;
	padding:60px 0 0 0px;
	background-image:url(../images/heading-newsletter.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	}
.newsletter input.btn{
	float:right;
	}
#products div.newsletter a:link, #products div.newsletter a:active, #products div.newsletter a:visited{
	padding:0;
	color:#464646;
	}
#products div.newsletter a:hover{
	background:none;
	}
	
/* shop */

#shop{
	background-image:url(/images/background-shop.jpg);
	background-repeat:repeat-y;
	background-position:195px 0;
	border-bottom:2px solid #000000;
	}
#products{
	width:165px;
	padding:74px 10px 30px 15px;
	background-image:url(/images/heading-products.gif);
	background-repeat:no-repeat;
	background-position:25px 35px;
	font-size:14px;
	font-weight:bold;
	float:left;
	}
#products a:link, #products a:active, #products a:visited{
	padding:4px 0 3px 14px;
	color:#ffffff;
	display:block;
	}
#products a:hover{
	text-decoration:none;
	background-image:url(/images/menu-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
.mainmenu{
	margin-top:30px;
	font-size:12px;
	font-weight:normal;
	}
	
.page-column{
	width:475px;
	line-height:18px;
	margin:20px 0 20px 77px;
	}
.breadcrumbs{
	margin-bottom:25px;
	color:#555555;
	}
.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited{
	color:#898989;
	}
.breadcrumbs a:hover{
	color:#f06eaa;
	text-decoration:none;
	}
	
.product-description{
	width:300px;
	float:left;
	}
.product-image{
	width:150px;
	margin-left:25px;
	text-align:right;
	float:left;
	}
.price{
	color:#f06eaa;
	}
.price strong{
	font-size:18px;
	font-weight:normal;
	}
.price em{
	font-size:30px;
	font-style:normal;
	color:#ffffff;
	}
.product-description table.form{
	margin:20px 0 40px 0;
	}
img.back{
	margin-right:15px;
	}


/* shopping bag */

.text{
	margin:20px 0 35px 0;
	}
.text h2{
	margin-bottom:15px;
	font-size:18px;
	font-weight:normal;
	}

.item{
	margin-bottom:25px;
	padding-bottom:22px;
	border-bottom:1px solid #252525;
	}
.item img{
	margin-right:15px;
	float:left;
	}
.item h2, .item h3{
	font-size:12px;
	}
.item em{
	font-size:12px;
	font-style:normal;
	color:#f06eaa;
	}
.item div.product-description{
	width:182px;
	}
.product-pricing, .product-total, .product-options{
	width:150px;
	float:right;
	}
.product-pricing img{
	margin:0;
	float:right;
	}
.product-pricing form{
	margin-top:20px;
	}
.product-pricing th, .product-total th, .login th, .order th{
	padding-right:10px;
	text-align:right;
	font-size:12px;
	font-weight:normal;
	color:#f06eaa;
	}
.product-pricing td, .login td{
	padding:10px 0;
	font-size:14px;
	color:#ffffff;
	}
.product-pricing input{
	width:70px;
	}
.product-total th{
	color:#898989;
	}
.product-total td{
	padding:3px 0;
	font-size:12px;
	color:#ffffff;
	}
.buttons{
	padding-top:30px;
	clear:both;
	}
.buttons img{	
	margin-right:19px;
	}
img.right{
	margin:0;
	float:right;
	}
.login td{
	text-align:right;
	}
input.button{
	border:0;
	padding: 0;
	}

/* check out */
.page-column table.form td{
	padding:8px 0;
	padding-right:23px;
	}
.page-column table.form td{
	font-size:12px;
	color:#FFFFFF;
	}
.page-column table.form td.required{
	background-image:url(/images/required.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	
/* view order */

.order td{
	padding:3px 0;
	font-size:12px;
	color:#ffffff;
	}
.order th{
	color:#dc449e;
	}
.order-items{
	border-collapse:collapse;
	}
.order-items th{
	padding:4px 2px;
	font-size:12px;
	font-weight:normal;
	color:#f06eaa;
	background-color:#330228;
	}
.order-items td{
	padding:4px 2px;
	border:1px solid #330228;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	}
	
/* product listing */

.product-options img{
	margin:0;
	margin-bottom:25px;
	float:right;
	}
.paging{
	margin-top:10px;
	text-align:center;
	}



/* -------- MENUS -------- */

/* Site Map */

#sitemap{
	height:20px;
	margin:0;
	padding:10px 10px 0 0;
	}



ul.tiledlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.tiledlist li {
	width: 140px;
	text-align: center;
	float: left;
	margin: 0 10px 20px 0;
	padding: 0;
}