/*
henryroth.com.au
Nov 2009 - by Dan Gray - dangray.com.au


Pink: #e887b1
Dark Pink: #db84aa
Silver: #d0d5d7
Text: #444444
*/
* {
	padding:0;
	margin:0;
	}

body,html {
	background-color: #d0d5d7;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	border:0;
	padding:0;
	margin:0;
	color:#444;
	}
	
p,ul {margin-bottom:12px;}	
	
p,li,td {
	font-size:12px;
	line-height:16px;
	}
	
ul, li {
	margin:0px;
	padding:0px;
	}
	
ul {
	margin-left:20px;
	}
	

h1,h2,h3 {
	font-weight:normal;
	font-family: Times, Times New Roman, Georgia, serif;	
	}
	
h1 {
	font-size:36px;
	line-height:36px;
	}
h2 {
	font-size:48px;
	line-height:48px;
	text-transform: uppercase;
	color:#e887b1;
	padding:50px 0 9px;
	position:relative;
	margin-top:0px;
	}
	
h2 em { 
	font-style:normal;
	font-size:32px;
	line-height:32px;
	padding:0px;
	margin:0px;
	display:block;
	position:absolute;
	top:24px;
	left:0px;
	}
	
h3 {
	font-size:18px;
	line-height:24px;
	color:#a0a5a7;
	}

	
h4 {
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	color:#d2759a;
	margin-bottom:12px;
	}

a {
	text-decoration: none;
	color:#d2759a;
	}

a:hover {
	color:#e887b1;
	}

a img {border:none;}

img { background-color:#eee; }

img.frame { background-color:#fff;}


h3 a  {color:#a0a5a7;}

p.sub {color:#a0a5a7;}

p.note {
	color:#909597;
	margin-top:12px;
	padding:12px 0;
	border-top:1px solid #f0f3f4;
	}
	
p.error {
	background-color:#c69;
	color:#fff;
	margin-bottom:0px;
	
	}
/*
Print friendly options Bluechilli (PW) 1Aug2010
------------------------------------------------------------*/

.frame {
	border:7px solid #d0d5d7;
	padding:3px;
	margin-bottom:10px;
	width:250px;
	}

#PFholder {margin-top:30px;}
#PFleftImage {width:250px;}
#PFrightImage {width:250px;}
#PFdetail {
	margin-left:30px;
	width:300px;
	float:left;
	}

#PFdetail h2.gown {
	margin-top:-30px;
	padding-top:24px;
	}
	
/*
Layout ------------------------------------------------------------*/	

#main-wrap {
	width:100%;
	text-align:center;
	background-color:#fff;
	border-bottom: 1px solid #cbcfd1;
	}

#header, #body, #footer {
	width:970px; 
	margin:0 auto;
	text-align:left;
	clear:both;
	}
	
/*
#newDetail (Added by PW 24Jul2010) */

#newDetail {
	margin-top:25px;
	float:left;
	text-align:left;
	display:none;
	}


#feature, #detail {
	float:left;
	margin:0px;
	width:380px;
	position:relative;
}
iframe{display:none;}
#togglebox {display:none;}
#tweet {display:none;}

#feature.small { width: 250px !important; margin-bottom:40px;}


	
	#detail.wide {width:760px;}
	#detail.wide div.text {width:720px; clear:both; padding-top:30px !important;}
	
/*
Header ------------------------------------------------------------*/	

#header {
	height:120px; /* Changed from 170px to 120px by PW 15Jul2010 */
	position:relative;
	}
	
#headticker {display:none;}
	
#header h1 {
	line-height:115px; /* Changed from 130px to 115px by PW 15Jul2010 */
	padding:40px 0 0 0;
	margin:0 20px;
	}
	
#header h2 {
	position:absolute;
	bottom:16px;
	right:0px;
	display:block;
	width:220px;
	text-transform: none;
	font-weight:bold;
	line-height:0.8em;
	font-size:36px;
	letter-spacing:-1px;
	text-align: center;
	opacity:0.66;
	background-color:#fff;
	}
	
#header h2 em {
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align: center;
	width:100%;
	top:48px;
	}

#messages {
	position:absolute;
	top:40px;
	right:0px; display:none;
	width:220px;
	font-family:Times, Times New Roman, Georgia, serif;
	}	
	
#messages h4 {
	
	}
	
	
/*
Menu ------------------------------------------------------------*/		
	
#menu {
	float:left; 
	width:210px;
	margin:0px;
	font-family:Times, Times New Roman, Georgia, serif;
	display:none;
	}
	


#menu ul {
	margin:22px 20px 0px;
	padding:0px;}
	
#menu li {
	list-style: none;
	text-transform: capitalize; /* Changed by PW 13Jul2010 */
	line-height:24px;
	margin:0px;
	}
	
#menu li ul {
	display:none;
	margin:-3px 0 3px 0px;
	
	}
	
#menu li li {
	text-transform: capitalize;
	/*background:url('images/tilde.gif') 2px 4px no-repeat;*/
	list-style:none;
	padding-left:10px;
	line-height:18px;
	}


#menu li a {
	color:#333;
	}

#menu a:hover {
	color:#d2759a !important;
	}

#menu li.active a {
	color:#d2759a;
	}
	
	
#menu li.active ul {
	display:block;
	}
	
#menu li.active li a {
	color:#606364;
	}
	
#menu li.active li.active a {
	color:#d2759a;
	}

#menu li a:active {
	color:#e887b1;
	}

#messages, #search {
	padding:24px 0 0;
	margin:0 20px;
	}
	
#messages h4, #search h4 {
	font-size:12px;
	text-transform: capitalize; /* Changed by PW 13Jul2010 */
	margin-bottom:3px;
	}
	
#messages ul {
	margin:0px;
	}

#messages li {
	line-height:18px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	text-transform: none;
	color:#909596;
	list-style-type: none;
	background-color:#fff;  /* fix anti-aliasing bug */
	}
	

/*
Content ------------------------------------------------------------*/

#body {
	padding-bottom:80px;
	}
	
ul.frame, .frame ul {
	margin-left:0px;
	}
	
ul.frame li {
	list-style:none;
	}
	
p img.frame {margin-right:0px;}
	
.frame h3, .frame h4, .frame p { 
	margin-left:20px;
	}


#detail p, #feature p, #detail h2 {
	margin-right:20px;
	}
	
#feature p.top {
	line-height:20px;
	color:#a0a5a7;
	margin-right:20px;
	margin-bottom:6px;
	margin-top:0px;
	}


div.errors {border:1px solid red; margin:30px 0px; padding:20px;}


/*
Gowns -------------------*/

#detail h2.gown {
	padding-top:24px;
	}

#feature img.gown { 
	/* this needs to change to 333px ...*/
	width:333px;
	width:340px;
	}
	
#feature img.featured {
	margin-top:26px;
	}
	
#feature.small img {
	width:60% !important;
	height:60%!important;
	margin-left:42px !important;
	margin-right:0px !important;
	}
	
#feature h3.gown_range a {
	position:absolute;
	top:38px; right:45px;
	color:#fff;
	}

#detail img.gown {
	width:150px;
	margin-right:20px; 
	margin-bottom:6px;
	}

#detail.wide img.gown {
	width:200px;
	margin-right:20px; 
	margin-bottom:6px;
	}



#detail div.details {
	/*width:170px;
	float:left;*/
	margin-right:20px; 
	}

#detail .alt_img {
	width:170px;
	margin-right:20px;
	float:left;
	}
	
#detail a.swap {color:#a0a5a7;}

#detail .range {
	position:relative;
	float:left;
	margin-top:30px;
	}

#detail .range h3 {
	position:absolute;
	font-size:14px;
	top:-24px; left:0px;
	}
	

#gown_selector_control {
	color:#a0a5a7;
	margin-bottom:4px;
	margin-top:12px;
	text-align:right;
	}	
	
#gown_selector_control .jLink {
	color:#a0a5a7;
	cursor: pointer;
	}	
	
#gown_selector_control .jLink:hover {
	color:#808587;
	cursor: pointer;
	}
	
#gown_selector_control .ditto_currentpage,
#gown_selector_control .ditto_page {
	
	width:18px;
	background-color:#eee;
	color:#fff;
	padding:2px 4px 1px;
	margin:0 1px 0 0;
	}
	
#gown_selector_control .ditto_currentpage {
	background-color:#d0d5d7;
	}


	
.jLoading {
	display:block;
	width:140px;
	height:130px;
	padding:100px;
	text-align: center;
	}
	

#gown_selector {
	width:340px;
	}

#gown_mask {
	width:340px;
	height:330px;
	overflow:hidden;
	position:relative;
	}

#gown_wrapper {
	position:absolute;
	top:0px;
	left:0px;
	width:342px;
	height:332px;
	}


.gown_set {
	position:relative;
	width:342px;
	height:332px;
	float:left;
	}

.gown_item {
	float:left;
	display:inline;
	margin-right:2px;
	margin-bottom:2px;
	width:112px;
	height:164px;
	overflow:hidden;
	position:relative;
	background-color:#e0e5e7;
	text-align: center;
	}

.gown_item img {
	margin:auto;
	height:164px;
	}
	

	
.gown_item_tip {
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
	width:112px;
	padding: 5px;
	background-color:#fff;
	opacity:0.66;
	}
	
	
.gown_item_tip span {
	font-size:10px;
	color:#808587;
	line-height:12px;
	}
	

#prevnext {
	float:right; 
	}

#prevnext,#prevnext a {
	color:#a0a5a7;
	}
	
#prevnext a:hover {
	color:#d0d5d7;
	}
	
a.detail {
	float:right;
	color:#d0d5d7;
	}

#options {
	clear:both;
	width:360px;
	margin:12px 0px;
	height:32px;
	border-top:1px solid #eee;
	position:relative;
	display:none;
	}
	
#options li {
	list-style:none;
	display:block;
	width:auto;
	font-size:12px;
	font-family:Times, Times New Roman, Georgia, serif;
	float:left;
	}
	
#options li a {
	padding:0 7px;
	margin:10px 0;
	display:block;
	float:left;
	}
	
#options li.first a {
	padding-left:0px;
	}
	
#options li.last a {
	padding-right:0px;
	}

#toggle {
	}

#toggle ul {
	display:block;
	position:absolute;
	top:-100px;
	right:80px;
	z-index:20;
	background:url("images/popup-back.png") bottom left no-repeat transparent;
	padding:0 10px 20px 10px;
	display:none;
	}

#toggle li {
	list-style:none;
	display:block;
	line-height:30px;
	}
	
#toggle li a {
	display:block;
	width:100px;
	margin:0px;
	background-color:#fff;
	border-top:1px solid #ddd;
	padding-left:28px;
	padding-right:6px;
	}
	
#toggle li a:hover {
	background-color:#f6f6f6;
	}
	
#toggle a.facebook {
	background:url("icons/facebook_16.png") 6px 6px no-repeat;
	}
	
#toggle a.twitter {
	background:url("icons/twitter_16.png") 6px 6px no-repeat;
	}
	
#toggle a.email {
	background:url("icons/email_16.png") 6px 6px no-repeat;
	}


/*
Footer ------------------------------------------------------------*/	

#footer-wrap {
	width:600px;
	text-align:left;
	display:none;
	}

	
#PFfooter {
	float:left;
	margin-top:30px;
	width:600px;
	margin-left:30px;
	}
	
#PFfooter p {
	font-family:'Times New Roman',Times,serif;
	color:#707679;
	width:170px; 
	margin-right:20px;
	float:left;
	}
	
	
	
	
	
	
.clear {
	clear:both;
	}