body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;

	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-attachment:fixed;
	background-position: center top;
	border: 0px;
}

table {
font-size: 11px;
}
th td{
	padding: 0px;
	
}




.clearer {
	clear: both;
	height: 1px;
}

#container {
	width: 997px;
	text-align:left;
		
    background-position: center top;
	background: url(../images/containerbg.gif);
	background-repeat: repeat;


}



#header {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	width: 997px;
	height: 133px;
	background-position: center top;
}

#headerbanner {
position: absolute;
width: 468px;
height: 60px;
margin-left: 300px;
margin-top: 34px;
background-color: #333;
color: #fff;
border: 0px solid #000;
}

#bannerlarge {

width: 728px;
height: 90px;

margin-top: 20px;
margin-bottom: 40px;
margin-left: 21px;

color: #fff;
border: 0px solid #000;
}

#sideadbanner img {
border: 1px solid #000;
}

#sideadbanner div {
	text-align:center;
}

#sideadbanner {
margin: 0px;
width: 160px;
height: 120px;
margin-left: 14px;
border: 0px solid #000;
color: #fff;
margin-bottom: 10px;
}



























#topnav {
	width: 997px;
	background-image: url(../images/topnavbg.gif);
	background-repeat: repeat;

	color: #fff;
	border-left: 0px solid #ddd;
	padding: 0px;
	height: 30px;
	margin-top: 0px;

	text-align: left;
	
}


#topnavinside {
	


	color: #fff;
	font-size: 14px;
	padding-left: 10px;

	text-align: left;
	
}










#topnavinside ul { padding-top: 0px; margin: 0px; padding-left: 0px;  list-style: none; line-height: 30px; margin-top: 0px;  }	
#topnavinside ul li { float: left; position: relative; padding-right: 15px;  padding-left: 15px;line-height: 30px;  z-index: 1;   
margin: 0px; border-right: 0px solid #e54e82; background-image:url(../images/navline.gif); background-position:top right; background-repeat:no-repeat;}

#topnavinside ul li.last { float: left; position: relative; padding-right: 15px;  padding-left: 15px;line-height: 30px;  z-index: 1;   
margin: 0px; background-image: none;}

#topnavinside ul li.selected { float: left; position: relative; padding-right: 15px;  padding-left: 15px;line-height: 30px;  z-index: 1;   
margin: 0px; background-image:url(../images/navline.gif); background-position:top right; background-repeat:no-repeat;  background-color: #4a4c4a;}


#topnavinside ul li:hover {background-color: #4a4c4a;

}



#topnavinside ul li a { color: #fff; text-decoration:none;  }
#topnavinside ul li a:hover { text-decoration:none; color: #e54e82;     }


#topnavinside ul li.selected a {  color: #e54e82;  text-decoration:none; font-weight: bold; }
#topnavinside ul li.selected a:hover { text-decoration:none; color: #e54e82;     }




#topnavinside ul li ul{  display: none;
  position: absolute; 
top: 30px;

  border-right: 0px solid #ababab;
  left: 0px;
  z-index: 1;
  

   }

#topnavinside ul li:hover ul { display: block; margin: 0px;  padding: 0px; }

#topnavinside ul li:hover ul li{   display: block;   line-height:30px; margin: 0px;   width: 200px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;  background-color: #4a4c4a; border: none; background-image:none;  }


#topnavinside ul li:hover ul li a { color: #eee; display: block; padding: 0px; padding-left: 10px; border-bottom: 0px dotted #fff; margin-top: 0px;  }
#topnavinside ul li:hover ul li a:hover {color: #e54e82;  background-repeat:no-repeat; display: block; padding: 0px; padding-left: 10px; }


li > ul {
	top: auto;
	left: auto;
	}







#homebigimage {
	background-image: url(../images/home_img_01.jpg);
	background-repeat: no-repeat;
	width: 804px;
	margin-left: 0px;
	border-right: 1px solid #e54e82;
	height: 415px;

	margin-top: -15px;
	padding: 0px;


}
#rightpanel {
	
	width: 192px;
	float: left;
}

#mainleftside {
	background: #fff url('/images/event-guests/event-main-bg.gif') no-repeat left bottom;
	background-repeat: repeat;
float: left;

margin: 0px;
padding-top: 10px;
padding-bottom: 75px;
 /* ensures black floral does not overlap */


}

#footer {
	background: #353835 url('../images/footer/footer-floral.gif') no-repeat center bottom;
	padding: 0px 10px 93px 10px;
	color: #fff;
	text-align: left;
	font-size: 11px;
}

.blackFloralVector {
	width: 248px;
	position: relative;
	height: 125px;
	left: 0px;
	background: url('/images/footer/black-floral-vector.gif') no-repeat 0 0;
}

h3 {
font-size: 28px;
margin: 0px;
color: #E54E82;
}
h2 {
font-size: 22px;
line-height: 28px;
margin: 0px;
color: #E54E82;
}
h3 {
font-size: 28px;
margin: 0px;
line-height: 44px;
color: #E54E82;
}
h1 {
font-size: 16px;
line-height: 20px;
margin: 0px;
color: #E54E82;
}

.footerlink:link {
	color: #FFFFFF;
	text-decoration: none;
}
.footerlink:visited {
color: #FFFFFF;
	text-decoration: none;
}
.footerlink:hover {
color: #FFFFFF;
	text-decoration: underline;
}
.footerlink:active {
color: #FFFFFF;
	text-decoration: none;
}


.topnavlink:link {
	color: #FFFFFF;
	padding-right: 0px;

	padding-left: 0px;

	text-decoration: none;
}
.topnavlink:visited {
color: #FFFFFF;

	padding-right: 0px;
	padding-left: 0px;

	text-decoration: none;
}
.topnavlink:hover {
 color: #E54E82;
	padding-right:0px;
	padding-left: 0px;
	

	text-decoration: none;
}
.topnavlink:active {
color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	

	text-decoration: none;
}



INPUT  {
	margin: 0px;

	padding:0px;

	font-family: Georgia, "Times New Roman", Times, serif;
	vertical-align: middle;
	white-space: normal;
	

}
.formbox {
background: url(../images/form_elemenetbg_01.gif) no-repeat;
border: 0px solid #fff;
text-align: left;

height: 34px;
width: 300px;
margin: 0px;
padding: 6px;
overflow: hidden;
}
.formbox2 {
background: url(../images/form_elemenetbg_02.gif) no-repeat;
border: none;
text-align: left;

height: 150px;
width: 300px;
margin: 0px;
padding: 6px;
overflow: hidden;
}
.formbox3 {
background: url(/images/form_elemenetbg_03.gif) no-repeat;
border: none;
text-align: left;
height: 34px;
width: 180px;

margin: 0px;
padding: 6px;

overflow: hidden;
}

.formbox3small {
	background: url(/images/outfit_finder/formelement3small.gif) no-repeat;
	border: none;
	text-align: left;
	font-size: 10px;
	height: 34px;
	width: 100px;
	margin: 0px;
	padding: 6px;
	overflow: hidden;
}
.formbox3small select option{
width: 40px;
	font-size: 11px;
	
	
}

/*
.form-error{
border:solid;
border-color:#FF3366;
border-style:dashed;
}*/
.error-message{
color:#FF0066;
}
.input.error{
width:180px;
}
.formbox4 {
background: url(../images/form_elemenetbg_04.gif) no-repeat;
border: none;
text-align: left;
height: 67px;
width: 190px;
margin: 0px;

padding: 6px;
overflow: hidden;
}

.formbox4trans {
	background-image: url('/images/textarea_bg.png');
}

.formbox5 {
background: url(../images/form_elemenetbg_05.gif) no-repeat;
border: none;
text-align: left;
height: 68px;
width: 180px;
margin: 0px;

padding: 6px;
overflow: hidden;
}

.formbox6 {
background: url(../images/form_elemenetbg_06.gif) no-repeat;
border: none;
text-align: left;
height: 34px;
width: 250px;
margin: 0px;

padding: 6px;
overflow: hidden;
}
.formbox7 {
background: url(../images/form_elemenetbg_07.gif) no-repeat;
border: none;
text-align: left;
height: 150px;
width: 300px;
margin: 0px;

padding: 6px;

}
.formbox8 {
background: url(../images/form_elemenetbg_08.gif) no-repeat;
border: none;
text-align: left;
height: 150px;
width: 725px;
margin: 0px;

padding: 6px;

}

.formbox8trans {
	background-image: url('/images/textarea_bg_big.png');
	width: 702px;
	height: 153px;
}

#getInTouchForm .error-message {
	background: #FF0000;
	color: #fff;
	width: 290px;
	padding: 5px;
}

form {
	border: none;
	font-size: 12px;
margin: 0px;
}

body,  dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, option, textarea, p, blockquote { 
margin:0px; 
	font-family: Georgia, "Times New Roman", Times, serif;
/*border: 0px solid #fff;*/
padding:0px; 
}
.date input { border: 1px solid #fff; height: 15px; margin-top: -11px; width: 130px; }


#dots, .dots {
	background-image: url(../images/dots.gif);
	background-repeat: repeat-x;
	height: 10px;
	margin: 0px;
	padding: 0;
	width: 725px;
}

#whitedots {
	background-image: url(../images/whitedots.gif);
	background-repeat: repeat-x;
	height: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0;
	overflow: hidden;
	width: 203px;
}
#dots2 {
	background-image: url(../images/dots.gif);
	background-repeat: repeat-x;
	height: 10px;
	padding: 0;
	margin: 0px;
	width: 305px;
}
#dotsvertical {
	background-image: url(../images/dots2.gif);
	background-repeat: repeat;
	height: 250px;
	padding: 0;
	margin: 0px;
	width: 1px;
}
#loginpanel {
position: absolute;
text-align:left;
padding: 0px;
border-right: 10px solid #444;
border-left: 10px solid #444;
border-top: 8px solid #444;
height: 125px;

background-color: #444;
margin-left: 805px;
width: 172px;







}

#loginpanel input.defaultBgUser {
	background: #4a4c4a url(/images/loginDefaultUser.png) no-repeat 5px 50%;
}

#loginpanel input.defaultBgPass {
	background: #4a4c4a url(/images/loginDefaultPassword.png) no-repeat 5px 50%;
}

a:link {
	color: #E54E82;
	text-decoration: none;

}
a:visited {
	color: #E54E82;
	text-decoration: none;

}
a:hover {
	color: #E54E82;
	text-decoration: underline;
	
}
a:active {
	color: #E54E82;
	text-decoration: none;

}
#add_details_panel {
	position: relative;
	left: -30px;
	top: 10px;
	background-repeat: repeat;
	height: 400px;
	width: 730px;
	
}

.howitworkslink:link {
	color: #333;
	text-decoration: none;
}
.howitworkslink:visited {
color: #333;
	text-decoration: none;
}
.howitworkslink:hover {
color: #333;
	text-decoration: underline;
}
.howitworkslink:active {
color: #333;
	text-decoration: none;
}

.addYourselfBtn a {
	width: 240px;
	background-color: #E54E82;
	padding: 2px 0;
	color: #fff;
	display: block;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	border: double;
}

.addYourselfBtn a:hover {
	text-decoration: none;
}

/******************************************************************************************
* Form panels
*
*/

.formPanel {
	background-repeat: no-repeat;
	margin-top: 30px;
	position: relative;
}

#loginpanelmain {
	background-image: url('/images/login_bg.png');
	width: 772px;
	height: 338px;	
	background-repeat: no-repeat;
}

#passwordpanelmain {
	background-image: url('/images/reminder_bg.png');
	width: 772px;
	height: 338px;
}

.formPanel #loginForm {
	display: block;
	position: relative;
	top: 91px;
	left: 37px;
}

#passwordpanelmain #loginForm {
	top: 121px;
}


.formPanel #loginForm div {
	margin-bottom: 10px;
}



.formPanel #loginForm label {
	font-size: 16px;
	display: block;
	float: left;
	width: 115px;
	font-weight: bold;
	clear: left;
}

.formPanel #loginForm input {
	float: left;
	color: #333;
	width: 217px; 
	font-size: 12px;
	background-color: transparent;
	background-image: url('/images/login_input_bg.png');
	background-repeat: no-repeat;
	height: 34px;
	border: 0px;
	padding-top: 5px;
	padding-left: 5px;
}

/*#reminderEmailInput {
	width: 202px; 
	color: #333;
	font-size: 12px;
	background-image: url(../images/panel_formfield.gif);
	height: 23px;
	border: 0px;
	padding-top: 3px;
	padding-left: 5px;
}
*/
.formPanel #notRegisteredBtn {
	position: absolute;
	bottom: 20px;
	left: 152px;	
}

.formPanel #forgotPasswordBtn,
.formPanel #reminderLoginBtn {
	position: absolute;
	left: 334px;
	bottom: 20px;
}


#loginpanelmain #loginSubmit {
	position: absolute;
	top: 164px;
	left: 152px;
}

.formPanel #reminderSubmit {
	position: absolute;
	left: 152px;
	top: 164px;
}

/*******************************************************************************/

#panel_mywruw {
	background-image: url(../images/panel_mywruw.gif);
	width: 179px;
	height: 199px;
	font-size:10px;
	margin-left: 6px;
	margin-top: 6px;
	background-repeat: no-repeat;
}

#panel_my_wardrobe {
	margin-left: 6px;
}

	#panel_my_wardrobe .miniWardrobeItem {
		background: transparent url('../images/outfit_finder/photo_frame.jpg') no-repeat left top;
		width: 81px;
		height: 96px;
		float: left;
		margin: 0 0 10px 5px;
	}
	
	#panel_my_wardrobe .miniWardrobeItem .innerWardrobeItem {
		margin-left: 18px;
		margin-top: 19px;
		width: 44px;
		height: 59px;
		overflow: hidden;
		background: #fff;
	}


.eventGuestSummary tr {
	background: #fff;
}

.whiteout {
background: #FFF;
cursor: pointer;
}
.rowhover{
background: #eee;
color: #000;
cursor: pointer;
}
.rowhover:active{
background: #eee;
color: #000;
cursor: pointer;
}



.rowlink:link {
	color: #333;
	text-decoration: none;
}
.rowlink:visited {
color: #333;
	text-decoration: none;
}
.rowlink:hover {
color: #333;
	text-decoration: underline;
}
.rowlink:active {
color: #333;
	text-decoration: none;
}

#closepanel {
background-image: url(../images/panel_close.gif);
width: 799px;
height: 40px;
text-align: right;

background-repeat: no-repeat;
}
#messageboxInfo {
background-image: url(../images/panel_info.gif);
width: 799px;
color: #fff;
height: 96px;
background-repeat: no-repeat;
padding: 0px; 
border-top: 3px solid #fff;
}
#messageboxAlert {
background-image: url(../images/panel_alert.gif);
width: 799px;
color: #fff;
height: 96px;
background-repeat: no-repeat;
padding: 0px; 
border-top: 3px solid #fff;
}

#panel_mediapack {
background-image: url(../images/panel_mediapack.jpg);
width: 726px;
height: 278px;
text-align: left;
color: #ffffff;
background-repeat: no-repeat;
}


.subActions {
	padding: 10px 0;	
}

	.subActions a {
		text-decoration: underline;	
	}

.finder {
	
}

	.finder .error {
		width: auto;	
	}
	
	.finder input {
		padding: 2px;	
	}
	
	.finder .error-message {
		padding-bottom: 10px;	
	}
	
	
.finderItems, .boutiques  {
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;	
}

.finderItems legend {
	font-weight: bold;
	padding: 10px 0;
}

.finderItems fieldset {
	border: none;
}

.finderItems .input {
	margin-bottom: 5px;	
}

.finderItems label {
	vertical-align: top;
	width: 150px;
	display: block;
	float: left;
}

.finderItems .text input {
	border: 1px solid #ccc;
}

.finderItems .submit input {
	border: 0px solid #ccc;
}

#boutiqueListings {

}

	#boutiqueListings table {
		width: 100%;
		border-collapse: collapse;
	}
	
		#boutiqueListings table th,
		#boutiqueListings table td {
			padding: 5px;
			border: 1px solid #ccc;
			border-collapse: collapse;
		}
		
		#boutiqueListings table td.altrow {
			background: #eee;	
		}
		
		#boutiqueListings table th {
			color: #fff;
			background: #333 url('/images/outfit_finder/finder-header-bg.png') repeat-x left top;
		}
		
			#boutiqueListings table th a {
				color: #fff;
				text-decoration: underline;
			}
	
	
	#boutiqueListings #myBoutiques td {
		padding: 5px;
		vertical-align: middle;
		font-size: 12px;
	}
	
	
.itemPagination {
		width: 705px;
		position: relative;
		margin: 0 0 20px 0;
		height: 44px;
		background: url(../images/outfit_finder/pagination-bg.gif);
	}
	
		.itemPagination .backBtn {
			position: absolute;
			top: 5px;
			left: 5px;
		}
		
		.itemPagination .pageNum {
			text-align: center;
			padding: 12px 55px 0 0;
			font-size: 14px;
		}
		
		.itemPagination .prevBtn a {
			position: absolute;
			right: 120px;
			top: 5px;
			display: block;
			width: 107px;
			text-indent: -9999px;
			height: 32px;
			background: url('/images/outfit_finder/previous-btn.gif') no-repeat left top;
		}
		
		.itemPagination .prevBtn .disabled {
			position: absolute;
			right: 120px;
			top: 5px;
			display: block;
			text-indent: -9999px;
			width: 107px;
			height: 32px;
			background: url('/images/outfit_finder/previous-btn-disabled.gif') no-repeat left top;
		}
		
		.itemPagination .nextBtn a {
			position: absolute;
			right: 5px;
			top: 5px;
			text-indent: -9999px;
			display: block;
			width: 107px;
			height: 32px;
			background: url('/images/outfit_finder/next-btn.gif') no-repeat left top;
		}
	
		.itemPagination .nextBtn .disabled {
			position: absolute;
			right: 5px;
			text-indent: -9999px;
			top: 5px;
			display: block;
			width: 107px;
			height: 32px;
			background: url('/images/outfit_finder/next-btn-disabled.gif') no-repeat left top;
		}
	
#myWardrobe {
	background: url('../images/outfit_finder/my-wardrobe-bg.gif') no-repeat left top;
	width: 776px;
	min-height: 715px;
	height: auto !important;
	height: 715px;
	padding: 50px 0 0 0;
}

	#myWardrobe .wardrobeItem {
		width: 443px;
		height: 125px;
		margin-left: 150px;
		padding: 15px;
		background: url('../images/outfit_finder/wardrobe-item-bg.png') no-repeat left top;
	
	}
	
		#myWardrobe .wardrobeItem .leftCol {
			float: left;
			display: inline;
			width: 120px;
			height: 120px;
			overflow: hidden;
			margin-right: 10px;
		}
	
		#myWardrobe .wardrobeItem .midCol {
			float: left;
			width: 150px;
		}
		
		#myWardrobe .wardrobeItem .rightCol {
			float: right;
			width: 150px;
			height: 120px;
			display: inline;
			overflow: hidden;
		}
	
		#myWardrobe .wardrobeItem .rightCol .closeBtn {
			margin-left: 17px;
			text-align: right;
			margin-bottom: 10px;
		}
		
		#myWardrobe .wardrobeItem .rightCol .supplierLogo {
			margin-bottom: 10px;
			text-align: right;
			height: 40px;
			overflow: hidden;
			width: 150px;
		}
		
		#myWardrobe .wardrobeItem .rightCol .addToEventBtn {
			margin-left: 5px;
			text-align: right;
		}
		
#finderWrapper {

}

	#finderWrapper .typePhotoFrame {
		background: #fff url('../images/outfit_finder/photo-frame-trans.gif') no-repeat left top;
		width: 81px;
		height: 96px;
		float: left;
		margin: 0 35px 10px 5px;
	}
	
	#finderWrapper .typePhotoFrame .inner {
		margin-left: 18px;
		margin-top: 19px;
		width: 44px;
		height: 59px;
		overflow: hidden;
		background: #fff;
	}
	
	
	#finderWrapper .summary {
		font-size:18px;
		font-weight: bold;
	}
	
	#finderWrapper .backToResults {
		margin: 15px 0;
	}
	
		#finderWrapper .backToResults .backToResultsBtn {
			vertical-align: middle;
			margin-right: 20px;
		}
	
	#finderWrapper .ru {
		color: #e54e82;
		font-style: italic;
	}
	
	#finderWrapper .subHeading {
		font-size: 18px;
		color: #e54e82;
		font-weight: normal;
	}
		
	#finderWrapper .sortBy {
		margin: 5px 0 20px 0;
	}	
		
		#finderWrapper .sortBy label {
			font-weight: bold;
		}
		
		#finderWrapper .sortBy select {
			margin: 0 0px 0 0 ;
		}
		
		#finderWrapper .sortBy .subHeading {
			font-size: 14px;
		}
		
	#finderWrapper .itemTypesWrapper {
		margin-left: 40px;
		padding-bottom: 40px;
	}
	
		#finderWrapper .itemType {
			float: left;
			margin: 0 20px 0 0;
			width: 150px;
		}
		
		#finderWrapper .itemTypeText {
			font-size: 32px;
		color: #333;
			padding: 0 0 20px 0;
			line-height: 1em;
			text-align: center;
		}
		
			#finderWrapper .itemTypeText a {
				color: #333;
			}
		
		#finderWrapper .itemTypeImage {
			width: 150px;
			height: 130px;
			overflow: hidden;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		
	#finderWrapper .itemsWrapper {
		margin-left: -15px; 
	}
	
		#finderWrapper .itemsWrapper .bgTop {
			background: url(../images/outfit_finder/finder-box-bg-top.png) no-repeat left top;
			height: 40px;
		}
		
		#finderWrapper .itemsWrapper .mid {
			background: url(../images/outfit_finder/finder-box-bg-middle.png) repeat-y transparent;
			margin: 0px;
			padding-left: 35px;
			width: 800px;
		
		}
		
		#finderWrapper .itemsWrapper .bgBottom {
			background: url(../images/outfit_finder/finder-box-bg-bottom.png) no-repeat left top;
			height: 40px;
		}
		
		#finderWrapper .item {
			float: left;
			width: 150px;
			margin: 0 20px 20px 0;
		}
		
		#finderWrapper .itemText {
			font-size: 14px;
			/*** min height ***/
			min-height: 80px;
			height: auto !important;
			height: 80px;
			/***/
			padding: 5px 0;
			text-align: left;
		}
		
		#finderWrapper .itemImage {
			height: 160px;
			overflow: hidden;
			border: 1px solid #ccc; 
		}
		
	
	
	
	#finderWrapper .itemDetail {
		width: 735px;
		margin-left: -20px;
	}
	
		#finderWrapper .itemDetail .bgTop {
			background: url(../images/outfit_finder/finder-box-grey-bg-top.png) no-repeat left top;
			height: 40px;
		}
		
		#finderWrapper .itemDetail .mid {
			background: url(../images/outfit_finder/finder-box-grey-bg-middle.png) no-repeat left top;
			min-height: 350px;
			height: auto !important;
			height: 350px;
			position: relative;
		}
		
		#finderWrapper .itemDetail .bgBottom {
			background: url(../images/outfit_finder/finder-box-grey-bg-bottom.png) no-repeat left top;
			height: 40px;
		}
		
		#finderWrapper .itemDetail .heroImage {
			float: left;
			width: 290px;
			margin-right: 10px;
			margin-left: 30px;
			min-height: 100px;
			height: auto !important;
			height: 100px;
		}
		
		
		#finderWrapper .itemDetail #categoryWatermark {
			background: transparent none no-repeat 0 0;
			position: absolute;
			right: 30px;
			top: 50px;
			width: 200px;
			height: 320px;
		}
		
		#finderWrapper .itemDetail #categoryWatermark.evening-dresses { background-image: url('/images/outfit_finder/sketches/detail/evening-dresses.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.day-dresses { background-image: url('/images/outfit_finder/sketches/detail/day-dresses.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.tops { background-image: url('/images/outfit_finder/sketches/detail/tops.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.trousers { background-image: url('/images/outfit_finder/sketches/detail/trousers.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.skirts { background-image: url('/images/outfit_finder/sketches/detail/skirts.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.jackets-and-coats { background-image: url('/images/outfit_finder/sketches/detail/jackets-and-coats.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.bags { background-image: url('/images/outfit_finder/sketches/detail/bags.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.shoes { background-image: url('/images/outfit_finder/sketches/detail/shoes.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.hats { background-image: url('/images/outfit_finder/sketches/detail/hats.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.lingerie { background-image: url('/images/outfit_finder/sketches/detail/lingerie.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.jewellery { background-image: url('/images/outfit_finder/sketches/detail/jewellery.jpg'); }
		#finderWrapper .itemDetail #categoryWatermark.accessories { background-image: url('/images/outfit_finder/sketches/detail/accessories.jpg'); }
		
		#finderWrapper .itemDetail .itemDesc {
			float: left;
			width: 350px;
			position: relative;
		}
		
			#finderWrapper .itemDetail .brandLogo {
				position: absolute;
				top: -5px;
				right: -15px;
			}
			
			#finderWrapper .itemDetail .itemTitle {
				font-size: 18px;
				width: 210px;
				font-weight: bold;
				margin-bottom: 20px;
			}
		
			#finderWrapper .itemDetail .itemPrice {
				color: #e54e82;
				font-size: 34px;
			}
			
			#finderWrapper .itemDetail .buyNowBtn {
				margin-top: 20px;
			}

/*.sifr
{
font: 2.2em/1em Helvetica, Arial ;
font-family: Arial;
height:25px;
background:white;
}

.sIFR-active .sifr
{
visibility: hidden;
font-family: Verdana;
line-height: 1em;
}*/

/***********************************************************
* Event guests (events/view.ctp)
************************************************************/

#event_view_wrapper {
	z-index: 1;
	position: relative;
	width: 804px;
	left: -15px;
}


#event_details_wrapper {
	position: relative; /* used for abs silhouette */
	z-index: 1;
	width: 744px;
	margin: 20px auto 0 auto;
}

	#event_details_wrapper_top,
	.transBackgroundTop {
		background: url('/images/event-guests/event-details-top-bg.png') no-repeat left top;
		height: 25px;
	}
	
	#event_details_wrapper_mid,
	.transBackgroundMid {
		background: url('/images/event-guests/event-details-mid-bg.png') repeat-y left top;
	}
	
	#event_details_wrapper_bottom,
	.transBackgroundBottom {
		background: url('/images/event-guests/event-details-bottom-bg.png') no-repeat left top;
		height: 25px;
	}
	
	#addOutfitWrapper.fancyMode .transBackgroundTop { /* background: none; */ }
	#addOutfitWrapper.fancyMode .transBackgroundMid { /* background: none; */ }
	#addOutfitWrapper.fancyMode .transBackgroundMid #addOutfitBackground { background: none; height: 250px; padding: 0 20px 30px 20px; }
	#addOutfitWrapper.fancyMode #add_details_panel { width: auto; left: -15px; padding: 10px; }

	#addOutfitWrapper.fancyMode .transBackgroundBottom { background: none; }
	
	#event_details_sil {
		position: absolute;
		top: 20px;
		left: 20px;
	}
	
	#event_details_inner {
		font-family: Georgia, "Times New Roman", Times, serif;
		margin-left: 70px;
		float: left;
		width: 500px;
		display: inline;
	}
	
		#event_details_inner .label {
			font-size: 16px;
			font-weight: bold;
			color: #000;
			font-style: normal;
		}
		
		#event_details_inner .title {
			font-size: 28px;
			color: #e54e82;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
		
		#event_details_inner .loc {
			color: #000;
			font-size: 14px;
			margin: 0 0 10px 0;
		}
		
		#event_details_inner .dress_code {
			margin: 0 0 10px 0;
		}
		
		#event_details_inner .misc {
			color: #e54e82;
			font-size: 14px;
			margin: 0 0 10px 0;
			font-weight: bold;
		}
		
		#event_details_inner .desc {
			font-size: 12px;
			font-style: italic;
		}
	
	#event_details_organiser {
		float: right;
		margin: 10px 30px 0 0;
		text-align: center;
		width: 130px;
	}
	
		#event_details_organiser .photo {
			width: 103px;
			height: 105px;
			background: url('/images/event-guests/event-details-photo-bg.gif');
			margin: 0 auto;
			padding: 0;
		}
		
			#event_details_organiser .photo .photoInner {
				width: 82px;
				height: 82px;
				overflow: hidden;
				position: relative;
				padding: 7px 0 0 7px;
				margin: 0;
			}
			
			#event_details_organiser .organiser_name_label {
				font-weight: bold;
				color: #e54e82;
			}
			
			#event_details_organiser .organiser_name {
				font-weight: bold;
				
				color: #000;
			}
			
			#event_details_organiser .icons {
				padding: 5px 0;
			}
	
	#add_your_outfit_btn {
		margin: 0 auto;
		width: 737px;
	}
	
	.smallGuestAvatar {
		background: url('/images/event-guests/small-photo-bg.png') no-repeat 0 0;
		width: 73px;
		height: 81px;
		float: left;
	}
	
		.smallGuestAvatar div {
			position: absolute;
			width: 50px;
			border: 0;
			height: 50px;
			left: 9px;
			overflow: hidden;
			top: 10px;
		}


#addOutfitWrapper .transBackgroundMid #addOutfitBackground {
	background: transparent url('/images/add_outfit_bg.png') no-repeat 0 0;
	width: 668px;
	position: relative;
	left: 34px;
	height: 414px;
}



#commentsOutfitWrapper .transBackgroundMid {
	padding-left: 20px;
}

#commentsOutfitWrapper .transBackgroundMid p {
	padding-bottom: 16px;
}


/*
* Supplier directory
*/

#supplier_categories_tree ul { }

#supplier_categories_tree li { 
	list-style: none;
	margin-left: 0px;

}

	#supplier_categories_tree li {
		position: relative;
	}

	#supplier_categories_tree li a {
		display: block; /* force hasLayout */
		font-size: 18px;
		font-weight: bold;
		
		
		color: #e64e82;
	}	

	#supplier_categories_tree li a {
		padding: 5px;
		margin: 0px;
		margin-top: 5px;
		position: relative;
		background: #d3d3d3;
	}
	
	#supplier_categories_tree li .clickMe { 
		width: 50px;
		z-index: 100;
		cursor: pointer;
		height: 31px;
		position: absolute;
		right: 0px;
		top: 0px;
		background: url('/images/supplier-directory/directory_listing_open.png') no-repeat 100% 50%;
	}
	
	#supplier_categories_tree li .open { 
		background-image: url('/images/supplier-directory/directory_listing_close.png');
		background-position: 95%;
	}
	
	#supplier_categories_tree li a:before {
		content: "> ";
	}

		#supplier_categories_tree ul li {
			
		}
		
		#supplier_categories_tree ul li a {
			padding: 6px;
		
			background-image: url(/images/supplier-directory/directory_white.png);
			color: #000;
			font-size: 12px;
			font-weight: normal;
			margin: 0;
		}
		
		#supplier_categories_tree ul li a:before {
			content: "- ";
		}

/*
* Event page changes
*/

/* This is the transparent box */
.transbox {
	color: #fff;
	margin: 5px 7px 3px 5px;
	height: 392px;
	background-color: #E54E82;
	border: 0px solid black;
}

/* This is the container which set text to solid color.
position: relative used for IE */ 
.transbox div {
	padding: 0px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
}


.eventGuest {
	background-image: url(/images/event-guests/hover-bg.gif); 
	background-repeat:no-repeat;
	width:725px;
	margin-bottom: 0px;
}

.eventOutfitAttendee {
	float: right;
	width: 436px;
	height: 390px;
	overflow: hidden;
	color: #333;
}



.eventOutfitAttendee .outfitPosition {
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

/* ========================
PUBLIC OCCASIONS
========================= */

#publicEvents {
	width: 725px;
	margin-left: 25px;
	margin-top: 25px;
}

#publicEvents img {
	border: none;
}

#publicEvents .dots {
	margin-bottom: 16px;
}

#publicEvents h3 {
	 margin-top: 20px;
	 margin-bottom: 16px;
}

#publicEvents .paginator { 
	background: #353835;
	color: #fff;
	padding: 5px;
	text-align: right;
}

#publicEvents .paginator .disabled {
	color: #666;
	font-size: 11px;
}

#publicEvents .paginator a { 
	text-decoration: underline;
	font-size: 11px;	
	color: #ccc;
}


#publicEvents .paginator a:hover {
	color: #fff;
}

#publicEvents .intro p {
	margin-bottom: 16px;
}

#publicEventsTable {
	border: 1px solid #eee;
	border-collapse: collapse;
}

#publicEventsTable td, #publicEventsTable th {
	border: 1px solid #ccc;
	padding: 10px;
	border-collapse: collapse;
}

#publicEventsTable td { vertical-align: top; }

#publicEventsTable .avatarWrapper { max-height: 70px; overflow: hidden; }

#publicEventsTable th a {
	color: #fff;
	background: url('/images/paginator_arrow_default.png') no-repeat right 2px;
	display: block;
}

#publicEventsTable a {
	outline: none;
}

#publicEventsTable th a:hover {
	background: url('/images/paginator_arrow_asc.png') no-repeat right 2px;
}

#publicEventsTable th a:active { position: relative; top: 1px; }

#publicEventsTable th.asc,
#publicEventsTable th.desc { background: #e54e82; }

#publicEventsTable th.asc a { 
	background: url('/images/paginator_arrow_asc.png') no-repeat right 2px;
}

#publicEventsTable th.desc a { 
	background: url('/images/paginator_arrow_desc.png') no-repeat right 2px;
}


#publicEventsTable th { 
	background: #921b44 url('/images/public_listings_table_bg.gif') repeat-x 0 0;
	vertical-align: middle;
	color: #fff;
}


#publicEventsTable tr.alt td { 
	background: #eee; 
}

#publicEventsTable a {
	text-decoration: underline;
}


.DirectoryTop { background: url('/images/supplier-directory/directory_panel_top.png'); width: 755px; height: 17px;}
.DirectoryBottom { background: url('/images/supplier-directory/directory_panel_bottom.png'); width: 755px; height: 17px;}
.DirectoryStrip { background: url('/images/supplier-directory/directory_panel_strip.png'); width: 755px; display: inline-block;}
.DirectoryHomePanel { background: url('/images/supplier-directory/directory_white.png'); width: 285px; display: inline-block; float: left; margin-left: 15px; margin-right: 15px; padding: 15px; }
.DirectoryMapPanel { background: url('/images/supplier-directory/directory_white.png'); width: 395px; display: inline-block; float: left; padding-top: 15px; }

.DirectoryFeaturepanel { background: url('/images/supplier-directory/directory_white.png'); width: 365px; display: inline-block; float: left; margin-top: 15px; padding: 15px; }

.DirectoryHomePanel ul {list-style: none; clear: both; margin-top: 10px; width: 285px;}
.DirectoryHomePanel ul li {display: block;  background-color: #d8d8d8;  font-weight: bold;}


.DirectoryHomePanel ul li:hover {display: block;  background-color: #655d60; font-weight: bold;}
.DirectoryHomePanel ul li a{}
.DirectoryHomePanel ul li a:hover{ color: #fff; text-decoration: none;}


.DirectoryLeftPanel { width: 325px; display: inline-block; float: left; margin-left: 15px; margin-right: 15px; padding: 15px; }

.DirectoryRightPanel {  width: 325px; display: inline-block; float: left; margin-left: 0px; margin-right: 15px; padding: 15px; }

.DirectoryRightPanel div.thumb a { display: block; height: 100px;  }
.DirectoryRightPanel div.thumb a:hover { }


/*.DirectoryRightPanel div a img{border: 2px solid #fff;}
.DirectoryRightPanel div a:hover img  {border: 2px solid #e54e82;}*/

.DirectoryCentreStrip { background: url('/images/supplier-directory/directory_panel_stripwhite.png'); width: 755px; display: inline-block;}