/* <!-- */
/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 Helvetica,Arial,Verdana,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% Helvetica,Arial,Verdana,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Main Styles */
	body {
		font: 14px georgia,times,"Times New Roman",serif;
		margin: 0px;
		padding: 0px;
		border: 0px;			/* This removes the border around the viewport in old versions of IE */
		width: 100%;
		background: #ffffff url(../images/background.gif) repeat scroll center top;
		text-align: center;
	}
	#wrapper, #header .inner {
		width: 850px;
		margin: 0 auto;
	}
	#header {
		position: relative;
		z-index: 2;
	}
	#wrapper {
		text-align: center;
		position: relative;
		z-index: 1;
	}
	ul {
		margin: 10px 10px 0px 10px;
		padding: 10px 10px 0px 10px;
	}
	ul li {
		list-style-type: circle;
		margin: 10px;
		color: #5E1A1F;
	}
	ul li span {
		color: #000000;
	}

	a {
		color: #5e1a1f;
		text-decoration: none;
		border-bottom: 1px dotted #5e1a1f;
		outline: none;
	}

	a:hover {
		border-bottom: 0px;
	}

	a.none {
		border-bottom: 0px;
	}

	strong { font-weight: bold; }

	p {
		margin: 0 0 0 0;
		padding: 1em 1em 0;
	}

	.designer p, .category p, #dress p {
		padding-bottom: 1em;
	}

	p em {
		padding: 0 1em 0 1em;
		font-style: italic;
		color: #7D848C;
	}

	p.paginate {
		color: #5E1A1F;
		padding: 10px;
		margin: 0 10px;
		font-weight: bold;
	}
	p.paginate, .dress img {
		cursor: pointer;
		cursor: hand;
	}

	h1 {
		color: #5e1a1f;
		border-bottom: 1px dotted #cfcfcf;
		font-size: 1.6em;
		margin: 0 0.5em 0 0.5em;
		padding: 1em 0em 0.2em;
	}
	img {
		border: 0px;
	}

/* Header Styles */
	#header {
		text-align: center;
		background: transparent url(../images/headbar.gif) repeat-x scroll center bottom;
		margin-top: 40px;
	}
	#header .inner {
		text-align: left;
		height: 122px;
	}
	#header #logo {
		float: left;
	}

/* Columns */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
		text-align: left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		margin-bottom: 40px;
	}
	.rightmenu {
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-345px;
        position:relative;
        right:100%;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 0 0 345px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:345px;
        position:relative;
        left:345px;
		padding-top: 20px;
    }

/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
    }

/* General styles */
	.dress_showcase, .dress_showcase_single {
		background-color: #000000;
		color: #ffffff;
		padding: 10px 0 0 13px;
	}
	.dress_showcase_random {
		margin: 0 0 30px 0;
	}
	.dress_showcase {
		padding: 10px;
	}
	.dresses {
		background-color: #000000;
		width: 100%;
		height: 325px;
		padding: 10px 10px 0 0;
	}
	.dresses .dress {
		float: left;
		margin: 0 0 10px 23px;
	}
	.dresses .dress .name {
		display: none;
	}
	.dresses .dress a {
		border: 0px;
	}
	.designer_logo {
		text-align: center;
		padding: 1em 0;
	}
	.designer_logo img {
		margin: 0 auto;
	}
	#pandaFooter {
        clear:both;
        float:left;
		text-align: left;
        margin-top: 20px;
        width:100%;
    }
    #pandaHeader {
        background-color: transparent;
        float: right;
    }
    .blockfirst { margin-left: 10px; }
    .block { float: left; margin-right: 10px; }
	.blocklast { margin-right: 0px; } 
    .block .blockIcon, .block .blockContent {
        float: left;
    }
	.left { float: left; }
	.right { float: right; }
    .clear { clear: both; }


	#dress_showcase .image_wrap {
		position: relative;
		width: 325px;
		height: 488px;
	}

	#dress_showcase .image_wrap a {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
		opacity: 0.0;
		border: 0px;
	}

	#dress_showcase .image_wrap a.active {
		z-index: 10;
		opacity: 1.0;
	}


	#dress_showcase .image_wrap a.last-active {
		z-index:9;
	}

/* Js Pagination */
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
	}

	/* override single pane */
	#flowpanes .page {
		float:left;
		display:block;
		width:492px;
		cursor:pointer;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}

	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}
	.paginate_main, .dress_showcase_tabs {
		text-align: center;
	}
	.paginate_main ul, .dress_showcase_tabs ul {
		margin: 0 0 0 10px;
		display: inline-block;
		list-style-type: none;
		padding: 0px;
	}
	.paginate_main ul li, .dress_showcase_tabs ul li {
		float: left;
		background-color: #000000;
		margin: 0 2px;
		list-style-type: none;
	}
	.paginate_main ul li a, .dress_showcase_tabs ul li a {
		padding: 4px 20px;
		color: #ffffff;
		font-family: Helvetica,Arial,sans;
		border-bottom: 0px;
	}
	.paginate_main ul li a.current, .dress_showcase_tabs ul li a.current {
		font-size: 20px;
	}
	.paginate_sub {
		clear: both;
	}

/* Single dress page */
	em {
		margin-left: 1em;
		color: #7C838B;
		padding: 5px 0 0;
		display: block;
	}
	.center_wrap {
		display: table;
		text-align: center;
		margin: 0 auto 1.4em;
	}
	.center_inner {
		display: table-cell;
	}
	.dress_showcase_single {
		padding: 0px;
	}
	.dress_showcase_single .image_wrap {
		margin: 5px;
	}

/* Map */
	.google_frame {
		margin: 5px 25px 20px 25px;
	}

/* Nav */
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
		margin: 74px 20px 0 0;
		float:			right;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
	}
	.sf-menu ul li {
		width:			100%;
		margin-left: 0px;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
		margin-left: 5px;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			30px; /* match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}

	/*** DEMO SKIN ***/
	.sf-menu a {
		padding: 		.6em 1em;
		text-decoration:none;
	}
	.sf-menu a img.icon {
		vertical-align: middle;
		margin-right: 5px;
		margin-bottom: 1px;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color: #000000;
		font-family: Helvetica,Arial,sans;
		border: 0px;
	}
	.sf-menu li, .sf-menu li.label:hover, .sf-menu li.label a:hover {
		background:		#C9E2AA;
	}
	.sf-menu li li {
		background:		#C9E2AA;
	}
	.sf-menu li li li {
		background:		#C9E2AA;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:		#DCEFC2;
		outline:		0;
	}

	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('../images/icon/arrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a .sf-sub-indicator {  /* give IE6 a value */
		top:			8px;
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			10px;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

/* --> */