/* 1. GENERAL
-----------------------------------------------------------------------------------------------*/	
body {   font-family:Arial, Helvetica, sans-serif;   margin:0;   text-align:center;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; text-shadow:rgba(0,0,0,0.01) 0 0 0;}
/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {	font-family:Arial, Helvetica, sans-serif;}
/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {	text-decoration:none;}
a:hover, a:active {}
a:focus{	outline:none;	}
a img{ vertical-align:bottom;} 
/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 	display: none; }
img {	border: none;    -ms-interpolation-mode: bicubic; }	
input{ vertical-align:middle;}
/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {clear: both;font-size: 0;height: 0;	line-height: 0;	overflow: hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/.clearfix {display: block;}/* End hide from IE-mac */
.noborder{ border:none !important;}
/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

body  {	background:#000; font:12px/1.55 Tahoma, Geneva, sans-serif; color:#333; text-align:center; margin:0; padding:0; }

@font-face {
    font-family: 'KontrapunktBold';
    src: url('font/kontrapunkt-bold-webfont.eot');
    src: url('font/kontrapunkt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/kontrapunkt-bold-webfont.woff') format('woff'),
         url('font/kontrapunkt-bold-webfont.ttf') format('truetype'),
         url('font/kontrapunkt-bold-webfont.svg#KontrapunktBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ParkAvenueBTRegular';
    src: url('font/park_avenue_bt-webfont.eot');
    src: url('font/park_avenue_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/park_avenue_bt-webfont.woff') format('woff'),
         url('font/park_avenue_bt-webfont.ttf') format('truetype'),
         url('font/park_avenue_bt-webfont.svg#ParkAvenueBTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper {
    background: url("images/wrap_bg.jpg") no-repeat scroll 50% 0 transparent;
	border-top:6px solid #a12789; 
    width: 100%;
}
.page {
    margin: 0 auto 0;
    text-align: left;
    width: 960px;
	min-height:700px; /*added just for the blank page*/
}

.header-container {
    height: 145px;
    padding: 0 0;
    position: relative;
}
	.header-container p {
		color: #fff;
		padding: 20px 0 0 41px;
		font-size: 36px;
		font-weight: bold;
		font-family: 'KontrapunktBold', sans-serif;
		display:inline-block;
	}
	.header-container span {
		color: #f670db;
		font-family: 'ParkAvenueBTRegular', sans-serif;
		font-size: 26px;
		font-weight: bold;
	}
	.header-container ul#nav {
		position: absolute;
		top: 12px;
		right:10px;
		color: #cfcece;
		list-style: none;
	}
		.header-container ul#nav li {
			float: left;
			padding-left: 15px;
		}
			.header-container ul#nav li a {
				color: #cfcece;
			}
				.header-container ul#nav li a:hover {
					color: #f670db;
				}
/* end header-container */

.store-switcher{
	left:0px;
	position:absolute;
	top:92px;
	border-bottom:6px solid #ac3896;
	width:960px;
}


.store-switcher a{
	height:37px;
	width:187px;
	display:inline-block;
	margin:0px -30px 0 0;
	float:left;
	background:url(images/general-sprite1.png) no-repeat -10px -53px;
	position:relative;
	z-index:1;
}
.store-switcher a.active		{ z-index:10;}
.store-switcher a.normal:hover	{ z-index:9;}

.store-switcher a.handbags	{ background-position:    0px 0px; }
.store-switcher a.watches	{ background-position: -187px 0px; }
.store-switcher a.jewelry	{ background-position: -374px 0px; }
.store-switcher a.shoes		{ background-position: -561px 0px; }

.store-switcher a.handbags:hover,
.store-switcher a.handbags-selected	{ background-position:    0px -43px; }
.store-switcher a.watches:hover,
.store-switcher a.watches-selected	{ background-position: -187px -43px; }
.store-switcher a.jewelry:hover,
.store-switcher a.jewelry-selected	{ background-position: -374px -43px; }
.store-switcher a.shoes:hover,
.store-switcher a.shoes-selected	{ background-position: -561px -43px; }




.categs{
	width:940px;
	/*height:136px;*/
	margin:0 0 5px 11px;
}
.categs a{
	display:inline-block;
	margin:1px 1px 0 0;
	height:43px;
	width:100px;
	float:left;
	background:url("images/top-menu-a_bg.png") repeat-x 0 -1000px ;
}
.categs a:hover{
	background:#fff;		
	opacity:0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* this works in IE6, IE7, and IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* this works in IE8 only */	
}
.categs a.active{
	background-position:0px 0px;
}

.categ-handbags{
	background:url("images/categ-bags.jpg") no-repeat 0 0px ;
}
.categ-handbags a.louis-vuitton				{ width:196px; }
.categ-handbags a.chanel     				{ width:149px; }
.categ-handbags a.dolce-gabbana				{ width:85px; }
.categ-handbags a.prada      				{ width:125px; }
.categ-handbags a.burberry   				{ width:137px; }
.categ-handbags a.hermes     				{ width:145px; }
.categ-handbags a.christian-dior			{ width:89px; }

.categ-handbags a.miu-miu    				{ width:134px; }
.categ-handbags a.gucci				        { width:132px; }
.categ-handbags a.chloe				        { width:100px; }
.categ-handbags a.fendi				        { width:130px; }
.categ-handbags a.jimmy-choo   				{ width:144px; }
.categ-handbags a.marc-jacobs				{ width:160px; }
.categ-handbags a.coach				        { width:132px; }

.categ-handbags a.balenciaga 				{ width:123px; }
.categ-handbags a.mulberry   				{ width:155px; }
.categ-handbags a.cartier   				{ width:121px; }
.categ-handbags a.lancel     				{ width:158px; }
.categ-handbags a.yves-saint-laurent		{ width:160px; }
.categ-handbags a.luxury-pens 				{ width:149px; }
.categ-handbags a.bottega-veneta 			{ width:235px; }
/* end categ */

div#container {
	width: 960px;
	background: #fff;
}
	div#container h1, h2 {
		color: #000;
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 14px 0 16px 22px;
	}
	div#container p.description {
		color: #000;
		padding: 0 22px 25px 22px;
	}
	div.products {
		width: 927px;
		margin: 0 15px 8px 17px;
		background: #f7f8f8;
		border: 1px solid #d1d1d1;
        -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
	}
		
		div.products div.product {
			width: 174px;
			float: left;
			padding-left: 8px;
			margin: 5px 0 15px 0; 
			position: relative;
		}
		div.product_images {
			width: 900px;
			height: 30px;
			background: url(images/product/product.jpg);
			background-position: 0 0;
			margin: 5px 0 0 10px;
		}
		div.product_img {
			width: 900px;
			height: 30px;
			background: url(images/product/product.jpg);
			margin: 5px auto 0;
			background-position: 0 -40px;
		}
		div.products div.pl {
			padding-left: 12px;
		}
			div.products div.product img {
				border: 3px solid #f5a6e4;
				margin: 8px 0 10px 0;
			}
			div.products div.product a.button  {
				background: url(images/details.png);
				width:174px;
				height:32px;
				text-indent: -9999px;
				display: block;
				border: none;
				}
		div.products div.product h3 {
			font-size: 12px;
			font-weight: bold;
			height: 30px;
			line-height: 15px;
			padding: 0 0 5px 0;
			text-align: center;
		}
		div.products span {
			float: right;
			margin: 0 15px 8px 0;
		}
		div.products span a {
			font-size: 13px;
			font-weight: bold;
			text-decoration: underline;
			color: #ad3b97;
		}
/* end products */	

iframe {
	margin: 0 0 0 15px;
}
	
		body.iframe  {
			margin: 0;
			padding: 0;
			background: #fff;
			text-align: left;
		}
		div.vs {
			width: 933px;
			height: 461px;
			background: url(images/vs-bg.png);
			margin: auto;
			overflow: hidden;
			position: relative;
		}
			div.vs h3 {
				color: #b32495;
				font-size: 25px;
				font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
				margin-top: 20px;
				padding: 0 0 0 280px;
			}
			div.vs h3.fr {
   				 position: absolute;
   				 right: 28px;
   				 text-align: center;
   				 top: 0;
   				 width: 346px;
			}
			div.vs p {
				font-size: 11px;
				line-height: 14px;
				font-family: Tahoma, sans-serif;
				padding: 0 20px 0 20px;
				color: #000;
				margin: -1px 0 -5px 0;
			}
			div.vs div.rank {
				width: 735px;
				height: 375px;
				background: #fff;
				border: 1px solid #c7c7c7;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;		
				float: right;
			   position: absolute;
				top: 60px;
				right: 28px
			}
			div.vs ul {
				list-style: none;
				line-height: 70px;
				color: #cb46b0;
				font-size: 14px;
				font-weight: bold;
				font-family: Tahoma, sans-serif;
				padding-left: 25px;
				padding-top: 20px;
			}
			div.vs div.touch {
				padding-top: 20px ;
				width: 367px;
				height: 355px;
				border-right: 1px solid #c7c7c7;
			}
			div.vs div.touch img {
				margin-left: 97px;
				margin-top: -4px;
			}
			div.vs div.touch span img {
				margin-top: 8px;
			}
			div.vs div.posh {
				width: 365px;
				padding-top: 20px ;
				position: absolute;
				top: 0px;
				right: 0;
			}
			div.vs div.posh img {
				margin-left: 118px;
				margin-top: -5px;
			}
	
div.shop {
	width: 940px;
	margin: auto;
	padding-bottom: 15px;
	position: relative;
	clear: both;
	z-index:100;
	background: url(images/shoping.jpg) no-repeat top left;
	height:135px;
}	
	div.shop a {
		font-size: 22px;
		font-weight: bold;
		color: #fff;
		width: 387px;
		height: 56px;
		position: absolute;
		top: 60px;
		left: 277px;
		display:inline-block;
		z-index:101;		
	}
/* end shop */

div#footer {
	background: url(images/footer-bg.jpg) no-repeat;
	padding: 25px 10px 0 10px;
	margin-bottom: 0;
	overflow: hidden;
}
	div#footer span a {
		color: #f62eb7;
		border-bottom: 1px solid #f62eb7;
		font-weight: normal;
		font-size: 24px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 0 15px;
	}
	div#footer p {
		color: #fff;
		font-size: 11px;
		font-family: arial, sans-serif;
		padding: 40px 0 5px 0;
		margin-top: -15px;
	}
	
/*only iPhone*/
 
@media only screen and (max-device-width: 960px) {
 
    /*fixes too big font in mobile Safari*/
 
    html {
        -webkit-text-size-adjust:none;
    }
 }