@CHARSET "UTF-8";
@IMPORT url("../amslib/css/box-model.css");
@IMPORT url("shopping-cart.css");

body{
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	width: 1000px;
	position: relative;
	margin: 0 auto;
}

body *{ font-family: Courier New; }

img{ border: 0; }

.background{ position: absolute; }

/**************************************************************************
	FOOTER STYLES
**************************************************************************/
.footer{
	margin-top: 10px;
}

.footer .file-links{
	font-size: 11px;
	margin: 0 auto;
	width: 940px;
}

.footer .file-links *{
	position: relative;
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	margin: 10px;
	color: #EC82B1;
}

.footer .file-links a:hover{
	text-decoration: underline;
}

.footer .designers{
	position: relative;
	margin-right: 50px;
	width: 950px;
	height: 40px;
	color: #E50083;
	overflow: hidden;
	font-size: 11px;
}

.footer .designers #designerSlider{
	position: absolute;
	height: 40px;
	line-height: 40px;
	left: 935px;
	width: 650px;
}

.footer .designers #designerSlider a{
	text-decoration: none;
	color: #EC82B1;
	margin-left: 10px;
}

.footer .designers #designerSlider *{
	height: 20px;
	line-height: 20px;
}

.footer .designers #designerSlider .name{
	margin-left: 0px;
	margin-right: 20px;
	color: #FFFFFF;
}

.footer .designers #designerSlider .name:hover{
	color: #EC82B1;
}

/**************************************************************************
	MENU STYLES
**************************************************************************/
.smallMenu{
	margin-top: 160px;
	margin-left: 65px;
	width: 202px;
}

.largeMenu{
	margin-top: 275px;
	margin-left: 168px;
	width: 440px;
}

.menu{
	position: relative;

	list-style: none;
	padding: 0;
	color: #FFFFFF;
}

.menu li{
	border-bottom: 1px dotted #E50083;
	padding: 2px 0;
}

.menu li span{
	margin-right: 7px;
}

.menu li a{
	color: #FFFFFF;
	text-decoration: none;
}

.menu li a:hover{
	color: #EC82B1;
}

.menu .selected{
	color: #E50083;
}

.menu .selected span{
	margin-left: 7px;
}

.menu .submenu{
	list-style: none;
	border-top: 1px dotted #E50083;
	padding-top: 1px;
	font-size: 12px;
	padding-left: 20px;
}

.menu .submenu li{
	border: 0;
	padding: 3px 0 1px 0;
}

.menu .submenu .selected{
	border-top: 1px dotted #E50083;
}

.menu .submenu #topp{
  border-top: 0;
	border-bottom: 1px dotted #E50083;
}

.menu .submenu #top{
	border-top: 0;
}

.menu .submenu .not-selected{
	border-top: 1px dotted #E50083;
}

.menu .submenu #bottom{
	border-bottom: 0;
}

.menu .submenu a{
	display: block;
	line-height: 10px;
	padding-bottom: 3px;
}

.menu .submenu .selected a{
	color: #E50083;
	text-align: center;
	margin-bottom: -3px;
}

.menu .submenu .selected .productmenu{
	display: block;
	height: inherit;
}

.menu .submenu .productmenu{
	height: 0px;
	overflow: hidden;
	display: none;
}

.menu .submenu .productmenu .selected{
	border-top: 0;
}

.menu .submenu .productmenu ul{
	list-style: none;
	padding: 2px 0;
}

.menu .submenu .productmenu ul li{
	border-bottom: 1px dotted #EC82B1;
	color: #FFFFFF;
	padding: 4px 0 3px 0;
}

.menu .submenu .productmenu ul .top{
	border-top: 1px dotted #E50083;
}

.menu .submenu .productmenu ul .bottom{
	border-bottom: 0;
	margin-bottom: -4px;
}

.menu .submenu .productmenu ul .selected a{
	color: #E50083;
}

.menu .submenu .productmenu ul a{
	text-align: right;
	border-bottom: 0;
	color: #FFFFFF;
}

.menu .hidden{
	display: none;
}

/**************************************************************************
	PAGE LINK STYLES
**************************************************************************/
.page-links{
	text-align: center;
	color: #EC82B1;
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #EC82B1;
	
	margin-bottom: 1px;
}

.page-links span{
	color: #FFFFFF;
}

.page-links a{
	line-height: 30px;
	color: #EC82B1;
	text-decoration: none;
}

.page-links a:hover{
	color: #FFFFFF;
}

.page-links .hide-button{
	visibility: hidden;
}

/**************************************************************************
	HOME STYLES
**************************************************************************/
.home{
	height: 660px;
}

/**************************************************************************
	ABOUT SONATA GUIDE STYLES
**************************************************************************/
.aboutSonata{
	height: 705px;
}

.aboutSonata .text{
	position: relative;
	width: 400px;
	margin-top: 138px;
	margin-left: 20px;
	
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #EC82B1;
}

.aboutSonata .text h1{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #E50083;
	margin: 1px 0;
	padding: 13px 0 10px 0;
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #E50083;
}	

.aboutSonata .text p{
	margin: 15px auto;
	text-align: center;
}

.aboutSonata .text p a{
	color: #FFFFFF;
	text-decoration: none;
}

.aboutSonata .text p a:hover{
	color: #EC82B1;
}

/**************************************************************************
	COLLECTION STYLES
**************************************************************************/
.collection{
	height: 760px;
}

.collection .displayArea{
	margin-top: 86px;
	margin-left: -1px;
	width: 458px;
}

.collection .imageArea{
	position: relative;
	height: 450px;
	margin: 57px 73px 71px 75px;
}

.collection .thumbArea{
	width: 460px;
	height: 67px;
	margin: 0 4px;
	overflow: hidden;
}

.collection .thumbArea img{
	margin: 0 1px;
}

.collection .thumbArea .button{
	margin-top: 15px;
	padding: 0 5px;
}

.collection .thumbArea .activeArea{
	width: 404px;
	height: 67px;
	
	text-align: center;
	position: relative;
	
	overflow: hidden;
}

.collection .thumbArea .activeArea a img{
	opacity: 0.4;
}

.collection .thumbArea .activeArea a .selected{
	opacity: 1.0;
}

.collection .thumbArea #thumbnailSlider{
	position: absolute;
	width: 1100px;
	text-align: left;
	left: 0;
}

.collection .infoArea{
	margin-top: 225px;
	
	width: 214px;
	height: 497px;
	
	padding: 10px 0pt;
	font-size: 12px;
}

.collection .infoArea .text{
	height: 200px;
	position: relative;
}

.collection .infoArea .text .bottom{
	position: absolute;
	bottom: 0;
}

.collection .infoArea .text p{
	margin: 5px 0;
}

.collection .infoArea .shopping{
	position: relative;
}

.collection .infoArea .shopping .select{
	margin-bottom: 10px;
}

.collection .infoArea .shopping .select h2{
	color: #E50083;
	font-size: 12px;
	border-bottom: 1px dotted #E50083;
}

.collection .infoArea .shopping .select h3{
	height: 39px;
	margin: 40px 0;
	font-weight: normal;
	font-size: 12px;
	color: #EC82B1;
	text-align: center;
}

.collection .infoArea .shopping .select .floatFix{
	margin-bottom: 10px;
}

.collection .infoArea .shopping .select .floatFix .hbox{
	color: #EC82B1;
}

.collection .infoArea .shopping .select .floatFix select{
	border: 1px solid #EC82B1;
}

.collection .infoArea .shopping select{
	width: 120px;
}

.collection .infoArea .shopping .cart{
	border-top: 1px dotted #EC82B1;
}

.collection .infoArea .shopping .cart .add-item{
	border-width: 0 0 1px 0; 
	border-style: dotted;
	border-color: #EC82B1;
	padding: 4px 0;
}

.collection .infoArea .shopping .cart .add-item img{
	width: 5px;
}

.collection .infoArea .shopping .cart .add-item .submit{
	background-color: transparent;
	color: #EC82B1;
		
	border: 0;
	margin: 0; 
	padding: 0;
	width: 200px;
	
	text-align: left;
}

.collection .infoArea .shopping .cart a{
	display: block;
	color: #EC82B1;
	text-decoration: none;
	padding: 4px 0;
	border-bottom: 1px dotted #EC82B1;
}

.collection .infoArea .shopping .cart a img{
	margin-right: 8px;
}

.collection .infoArea .sizeGuideButton{
	position: absolute;
	bottom: 0;
	left: 0;
}

.collection .infoArea .sizeGuideButton a{
	color: #EC82B1;
	text-decoration: none;
}

.collection .credit-cards{
	margin-top: 5px;
}

.collection .credit-cards a{
	height: 50px;
	line-height: 50px;
	margin-right: 5px;
}

.collection .credit-cards a img{
	width: 40px;
}
	
/**************************************************************************
	PRESS STYLES
**************************************************************************/
.press{
	height: 740px;
}

.press .displayArea{
	margin-top: 125px;
	margin-left: 3px;
	width: 450px;
}

.press .imageArea{
	position: relative;
	left: 72px;
	height: 450px;
}

.press .thumbArea{
	width: 460px;
	height: 67px;
	margin: 70px 4px 0 -1px;
	overflow: hidden;
}

.press .thumbArea img{
	margin: 0 1px;
}

.press .thumbArea .button{
	margin-top: 15px;
	padding: 0 5px;
}

.press .thumbArea .activeArea{
	width: 404px;
	height: 67px;
	
	text-align: center;
	position: relative;
	
	overflow: hidden;
}

.press .thumbArea .activeArea a img{
	opacity: 0.2;
}

.press .thumbArea .activeArea a .selected{
	opacity: 1.0;
}

.press .thumbArea #thumbnailSlider{
	position: absolute;
	width: 1100px;
	text-align: left;
	left: 0;
}

.press .infoArea{
	position: relative;
	margin-top: 572px;
	
	width: 214px;
	
	border-bottom: 1px dotted #EC82B1;
	border-top: 1px dotted #EC82B1;

	padding: 10px 0pt;
	font-size: 12px;
}

.press .infoArea .title{
	color: #EC82B1;
}

.press .infoArea a{
	color: #E50083;
	text-decoration: none;
}

.press .infoArea a:hover{
	color: #EC82B1;
}

.press .infoArea .title,
.press .infoArea .date{
	position: relative;
	z-index: 3;
}

.press .submenu{
	padding-left: 0;
}

.press .submenu li{
	padding-bottom: 0;
	text-align: center;
	display: block;
}

.press #press-menu .submenu span{
	display: none;
}

/**************************************************************************
	STOCKISTS STYLES
**************************************************************************/
.stockists{
	height: 755px;
}

.stockists .text{
	position: relative;
	width: 330px;
	margin-top: 138px;
	margin-left: 20px;
}

.stockists .text .content{
	margin-bottom: 1px;
}

.stockists .text .content .black-rectangle{
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-color: #000000;
			
	width: 100%;
	height: 97%;
			
	position: absolute;
	top: 0;
	left: 0;
}
		
.stockists .text .content .foreground{
	position: relative;
}

.stockists .text .content h1{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #E50083;
	margin: 1px 0 15px 0;
	padding: 15px 0 2px 0;
	border-bottom: 1px dotted #E50083;
}

.stockists  .text .content *{
	margin: 5px auto;
	text-align: center;
}

.stockists .text .content h2{
	color: #EC82B1;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
}

.stockists .text .content a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin-bottom: 19px;
}

.stockists .text .content a:hover{
	color: #EC82B1;
}

.stockists .text .twoLines{
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #EC82B1;
	height: 1px;
	line-height: 1px;
	padding-top: 1px;
}

/**************************************************************************
	ONLINE REVIEW STYLES
**************************************************************************/
.online-review .text{
	position: relative;
	width: 450px;
		
	margin-top: 138px;
	margin-left: 20px;
	
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #EC82B1;
	
	font-size: 12px;
}

.online-review .text a{ color: #EC82B1; }
.online-review .text a:hover{ color: #E50083; }

.online-review .text li{
	padding-bottom: 15px;
}

.online-review .text li p{
	padding: 0;
	margin: 0;
}

.online-review .text h1{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #E50083;
	margin: 1px 0;
	padding: 13px 0 10px 0;
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #E50083;
}

.online-review .links{
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #EC82B1;
}

/**************************************************************************
	LEGAL STYLES
**************************************************************************/
.legal{
	height: 780px;
}

.legal .text{	
	position: relative;
	margin-top: 150px;
	margin-left: 20px;
	
	width: 430px;
	
	border-top: 1px dotted #EC82B1;
}

.legal .text h1{
	font-size: 13px;
	font-weight: bold;
	color: #E50083;
	margin: 1px 0;
	padding: 10px 0;
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #E50083;
}

.legal .text h2{
	font-size: 13px;
	font-weight: bold;
	color: #E50083;
}

.legal .text p{
	margin: 15px auto;
}

/**************************************************************************
	CONTACT STYLES
**************************************************************************/
.contact{
	height: 765px;
}

.contact .text{	
	position: relative;
	width: 450px;
	margin-top: 115px;
	margin-left: 20px;
}

.contact .text span,
.contact .text a{
	text-decoration: none;
	color: #EC82B1;
}

.contact .text .bottom{
	line-height: 16px;
}

.contact .text form{
	margin: 19px 0 18px;
	padding-top: 18px;
	border-top: 1px dotted #EC82B1;
}

.contact .text form .floatFix{
	margin-bottom: 10px;
}

.contact .text form label{
	width: 130px;
}

.contact .text form .entry{
	width: 200px;

	color: #FFFFFF;
	background-color: #000000;

	border: 1px solid #EC82B1;
}

.contact .text form textarea{
	width: 300px;
	height: 117px;
	
	color: #FFFFFF;
	background-color: #000000;

	border: 1px solid #EC82B1;
}

.contact .text form .submit{
	margin-top: 18px;
	height: 22px;
	line-height: 22px;
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #EC82B1;
}

.contact .text form .submit img{
	margin: 9px 0;
}

.contact .text form .submit a{
	font-size: 12px;
	line-height: 25px;
	width: 40px;
	height: 21px;
	text-align: center;
	border: 0;
	background-color: #000000;
	color: #EC82B1;
}

.contact .text form .submit a:hover{
	color: #FFFFFF;
}

.contact .text .details{
	border-top: 1px dotted #EC82B1;
	margin-top: 15px;
	padding-top: 5px;
	
	font-size: 12px;
}

.contact .text .thankyou{
	height: 253;
	padding: 100px 0;
	border-top: 1px dotted #EC82B1;
	border-bottom: 1px dotted #EC82B1;
	text-align: center;
	margin: 18px 0;
}

.contact .text .errorHTML{
	color: #EC82B1;
	font-size: 11px;
	width: 360px;
}

/**************************************************************************
	SIZE GUIDE STYLES
**************************************************************************/
.sizeGuide{
	width: 640px;
	font-size: 12px;
}

.sizeGuide .displayArea{
	position: relative;
	padding: 140px 75px 0 75px;
}

.sizeGuide .displayArea .header{
	border-top: 1px dotted #E50083;
	padding: 25px 0 0 5px;
}

.sizeGuide .displayArea .header h1{
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 0;
}

.sizeGuide .displayArea .section{
	margin: 25px 0 40px 0;
	padding-left: 5px;
}

.sizeGuide .displayArea .section h2{
	font-size: 12px;
	padding: 0 0 2px 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #E50083;
}

.sizeGuide .displayArea p{
	color: #EC82B1;
}

.sizeGuide .displayArea table{
	border-collapse: collapse;
}

.sizeGuide .displayArea table th{
	text-align: left;
	padding: 7px 25px 7px 5px;
	border-bottom: 1px dotted #EC82B2;
}
.sizeGuide .displayArea table td{
	padding: 7px 0px 7px 5px;
	color: #EC82B1;
	border-bottom: 1px dotted #EC82B2;
}