/ 
@font-face {
	font-family: 'myriad_pro';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
		url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'myriad_pro';
		src: url('../fonts/MyriadPro-Regular.svg') format('svg');
	}
}
@font-face {
	font-family: 'myriad_probold';
	src: url('../fonts/myriadpro-bold-webfont.eot');
	src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/myriadpro-bold-webfont.woff') format('woff'),
		url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'),
		url('../fonts/myriadpro-bold-webfont.svg#myriad_probold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'myriad_probold';
		src: url('../fonts/myriadpro-bold-webfont.svg') format('svg');
	}
}
@font-face {
	font-family: 'myriadpro_light';
	src: url('../fonts/myriadpro-light.eot');
	src: url('../fonts/myriadpro-light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/myriadpro-light.woff') format('woff'),
		url('../fonts/myriadpro-light.ttf') format('truetype'),
		url('../fonts/myriadpro-light.svg#myriadpro-light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'myriadpro_light';
		src: url('../fonts/myriadpro-light.svg') format('svg');
	}
}
@font-face {
	font-family: 'myriadpro_semibold';
	src: url('../fonts/myriadpro-semibold-webfont.eot');
	src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
		url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
		url('../fonts/myriadpro-semibold-webfont.svg#myriadpro-semibold-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'myriadpro_semibold';
		src: url('../fonts/myriadpro-semibold-webfont.svg') format('svg');
	}
}
@font-face {
	font-family: 'MyriadPro-LightCond';
	src: url('../fonts/myriad-pro-light-condensed.eot');
	src: url('../fonts/myriad-pro-light-condensed.eot?#iefix') format('embedded-opentype'),
		url('../fonts/myriad-pro-light-condensed.woff') format('woff'),
		url('../fonts/myriad-pro-light-condensed.ttf') format('truetype'),
		url('../fonts/myriad-pro-light-condensed.svg#MyriadPro-LightCond') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'MyriadPro-LightCond';
		src: url('../fonts/myriad-pro-light-condensed.svg') format('svg');
	}
}
@font-face {
	font-family: 'swiss911_btregular';
	src: url('../fonts/786733-webfont.eot');
	src: url('../fonts/786733-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/786733-webfont.woff') format('woff'),
		url('../fonts/786733-webfont.ttf') format('truetype'),
		url('../fonts/786733-webfont.svg#swiss911_xcm_btregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'swiss911_btregular';
		src: url('../fonts/786733-webfont.svg') format('svg');
	}
}
@font-face {
	font-family: 'swiss_heavy';
	src: url('../fonts/swiss_721_heavy_bt-webfont.eot');
	src: url('../fonts/swiss_721_heavy_bt-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/swiss_721_heavy_bt-webfont.woff') format('woff'),
		url('../fonts/swiss_721_heavy_bt-webfont.ttf') format('truetype'),
		url('../fonts/swiss_721_heavy_bt-webfont.svg#webfontregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'swiss_heavy';
		src: url('../fonts/swiss_721_heavy_bt-webfont.svg') format('svg');
	}
}
@font-face {
	font-family: 'swiss_light';
	src: url('../fonts/swiss_721_light_bt-webfont.eot');
	src: url('../fonts/swiss_721_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/swiss_721_light_bt-webfont.woff') format('woff'),
		url('../fonts/swiss_721_light_bt-webfont.ttf') format('truetype'),
		url('../fonts/swiss_721_light_bt-webfont.svg#swiss_721_light_btregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'swiss_light';
		src: url('../fonts/swiss_721_light_bt-webfont.svg') format('svg');
	}
}
@font-face {
	font-family: 'chunkfiveregular';
	src: url('../fonts/chunkfive-webfont.eot');
	src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/chunkfive-webfont.woff') format('woff'),
		url('../fonts/chunkfive-webfont.ttf') format('truetype'),
		url('../fonts/chunkfive-webfont.svg#chunkfiveregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'chunkfiveregular';
		src: url('../fonts/chunkfive-webfont.svg') format('svg');
	}
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	margin:0;
	color:#7c226b;
	font:18px/24px 'myriad_pro', Arial, Helvetica, sans-serif;
	min-width:1000px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	color:#7c226b;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
/* General settings */
h1{
	font:60px/64px 'swiss_light', Arial,sans-serif;
	color:#7c226b;
	margin:0 0 21px;
	text-align:center;
	border-bottom:1px solid #999;
	padding:0 36px 3px 0;
	letter-spacing:1px;
}
h2{
	font:18px/22px 'swiss_heavy', Arial,sans-serif;
	color:#7c226b;
	margin:0 0 10px;
	text-transform:uppercase;
	letter-spacing:3px;
}
h3{
	font:18px/22px 'myriad_probold', Arial,sans-serif;
	color:#7c226b;
	margin:0 0 6px;
	text-align:center;
	letter-spacing:2px;
}
h4{
	font:16px/20px 'swiss_light', Arial,sans-serif;
	color:#7c226b;
	margin:0;
}
h5{
	font:14px/18px 'swiss_light', Arial,sans-serif;
	color:#7c226b;
	margin:0;
}
h6{
	font:12px/16px 'swiss_light', Arial,sans-serif;
	color:#7c226b;
	margin:0;
}
/* wrapper */
.wrapper{
	width:981px;
	margin:0 auto;
}
/* header */
#header{
	overflow:hidden;
	padding:35px 0 8px;
}
#header .logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	width:348px;
	height:90px;
	margin:-12px 10px 0 0;
}
#header .logo a{
	display:block;
	height:100%;
}
#header .home{
	background:#7d236b url(../images/ico-01.png) 50% 19px no-repeat;
	width:107px;
	height:78px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
#header .search-form{
	background:#7c226b;
	float:left;
	margin:0 0 0 10px;
	padding:23px 20px 20px;
}
#header .search-form input.txt{
	background:#fff;
	border:0;
	margin:0;
	padding:6px 5px;
	height:23px;
	width:279px;
	float:left;
	font:18px/23px 'myriad_pro', Arial, Helvetica, sans-serif;
	color:#7c226b;
}
#header .search-form .btn{
	background:url(../images/ico-02.png) no-repeat;
	border:0;
	width:45px;
	height:45px;
	float:left;
	cursor:pointer;
	margin:-5px -2px -5px 13px;
}
#header .blog{
	background:#7d236b;
	float:right;
	height:79px;
	width:112px;
	font:30px/86px 'chunkfiveregular', Arial,sans-serif;
	color:#c6c8c9;
	text-align:center;
}
#header .blog:hover{text-decoration:none;}
/* main */
#main{
	overflow:hidden;
	padding:0 0 57px;
}
/* content */
#content{
	float:left;
	width:597px;
	padding:29px 0 0;
}
/* slideshow */

#content #projectpanel
{
	margin:0 3px 46px 0;
}
#content .slideshow{
	margin:0 3px 46px 0;
	position:relative;
	height: 404px;
	width: 594px;
	overflow: hidden;
}
#content .slideshow .slideset
{
	height: 404px;
	position: absolute;
	top: 0;
	left: 0;
}
#content .slideshow .slide
{
	position:relative;
	float: left;
}
#content .slideshow .slide img{vertical-align:top;}
#content .slideshow .slide .pointer{
	background:url(../images/ico-03.png) no-repeat;
	width:24px;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:400px;
	top:184px;
}
#content .slideshow .slide .pointer{ cursor: pointer;
}

#main .social{
	background:url(../images/bg-social.png) no-repeat;
	margin:0;
	padding:11px 9px 12px 9px;
	list-style:none;
	overflow:hidden;
	position:absolute;
	top:6px;
	right:7px;
}
#main .social li{
	float:left;
	margin:0 8px 0 0;
}
#main .social li a{
	background:url(../images/social_icons.png) no-repeat;
	float:left;
	width:26px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
}
#main .social li a.facebook{background-position:0 0;}
#main .social li a.twitter{background-position:-34px 0;}
#main .social li a.pinterest{background-position:-69px 0;}
#main .social li a.facebook:hover{background-position:-104px 0;}
#main .social li a.twitter:hover{background-position:-138px 0;}
#main .social li a.pinterest:hover{background-position:-174px 0;}
#content .slideshow .info-form{
	padding:6px 0 0;
	margin:0 -3px 0 0;
}
#content .slideshow .info-form:after{
	clear:both;
	content:'';
	display:block;
}
#content .info-form strong.ttl{
	background:url(../images/bg-radio.png) 4px 1px no-repeat;
	float:left;
	font:22px/24px 'myriad_probold', Arial,sans-serif;
	margin:10px 0 0;
	padding:0 0 0 33px;
}
#content .info-form strong.ttl.checked{background-position:4px -41px;}
#content .info-form .block{float:right;}
#content .info-form .projdetails{
	background:#bbbabb;
	float:left;
	height:43px;
	font:31px/47px 'myriad_probold', Arial,sans-serif;
	padding:0 17px;
}

#content .info-form strong.ttl.checked,
#content .info-form .projdetails
{
	cursor:pointer;
}

#content .info-form .projdetails:hover
{
	background: #aaa0aa;
	color: #3f0038;
}
#content .info-form .projdetails:active
{
	line-height: 49px;
	padding: 0 16px 0 18px;
}
#content .info-form .projdetailsactive
{
	background: #777;
	color: #eee;
}
#content .info-form .projdetailsactive:hover
{
	background: #555;
	color: #eee;
}
#content .info-form .like, #congratulations_popup .like{
	float:left;
	font:24px/24px 'swiss_light', Arial,sans-serif;
	text-align:center;
	margin:-4px -2px 0 20px;
}
#content .info-form .like div, #congratulations_popup .like div{
	background:url(../images/ico-04.png) no-repeat;
	display:block;
	width:48px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	cursor: pointer;
}
#content .info-form .like span, #congratulations_popup .like span{display:block;}
#content .details-area{
	background:url(../images/bg-details.png) repeat;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-transform:uppercase;
}

#content .details-area input,
#content .details-area select{
	font-size: 24px;
	text-transform: uppercase;
    font-family: 'myriad_pro', Arial,sans-serif;
    padding-top: 0;
    padding-bottom: 0;
    width: 363px;
    border: none;
}
#content .details-area input#project_look_coverimg
{
	color: white;
}

#content .details-area button{
	font-size: 24px;
}

#content .details-area input#project_location_contact_attributes_city
{
	width: 275px;
	display: inline;
}
.navblock
{
	height: 40px;
	width: 40px;
	color: #ddd;
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	background-color: #ccc;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
	display: block;
	margin-left: 20px;
}
.navblock a
{

}
.nextstep
{
	float: right;
	margin-top: -40px;
	margin-right: 25px;
}
#content .details-area input#project_location_contact_attributes_state
{
	width: 75px;
}

#content .details-area select
{
	width: 363px;
}

#content .details-area .holder{
	overflow:hidden;
	padding:13px 19px 13px 15px;
}
#content .details-area .text{
	float:left;
	width:420px;
	font:24px/26px 'myriad_pro', Arial,sans-serif;
	color:#fff;
}
#content .details-area .text strong{
	display:block;
	font:19px/20px 'myriad_probold', Arial,sans-serif;
	padding:0;
}
#content .details-area .text span{display:block;}
#content .details-area .block{
	float:right;
	font:18px/20px 'myriad_pro', Arial,sans-serif;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}
#content .details-area .text span
{
	margin-bottom: 16px;
}

#content .details-area .subtext
{
	text-transform:none;
	color: #fff;
	text-align: center;
	width: 100%;
	margin: 20px 0;
	width: 100%;
}

#content .details-area .block .img{margin:0 0 1px;}
#content .details-area .block .img img{vertical-align:top;}
#content .details-area .block strong{
	display:block;
	font:18px/20px 'myriad_probold', Arial,sans-serif;
	padding:0 0 9px;
}
#content .details-area .block strong a{
	color:#fff;
	text-decoration:underline;
}
#content .details-area .block strong a:hover{text-decoration:none;}
#content #prev,
#content #next{
	background:url(../images/arrow-02.png) no-repeat;
	width:49px;
	height:49px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:356px;
	display:none;
	cursor: pointer;
}
/*#content .slideshow:hover #prev,
#content .slideshow:hover #next{display:block;}*/
#content .slideshow #prev{
	background-position:0 0;
	left:0;
}
#content .slideshow #next{
	background-position:0 -49px;
	right:0;
}
/* project */
#content .project{overflow:hidden;}
#content .project ul{
	background:#e9e7e9;
	margin:0 0 0 -9px;
	padding:13px 0 26px;
	list-style:none;
	overflow:hidden;
	font:12px/16px 'myriad_pro', Arial,sans-serif;
	color:#fffeff;
}
#content .project li{
	background:#ebeaea;
	border:1px solid #fdfdfd;
	float:left;
	width:221px;
	margin:10px 0 0 57px;
}
#content .project li .img{
	text-align:center;
	min-height:210px;
}
#content .project li .block{
	background:#767676;
	float:left;
	width:127px;
	min-height:31px;
	padding:3px 8px 4px;
}
#content .project li .block a{color:#fffeff;}
#content .project li .block strong{
	font:16px/20px 'myriadpro_semibold', Arial,sans-serif;
	text-transform:uppercase;
	display:block;
	margin:0 0 -5px;
}
#content .project li .block span{display:block;}
#content .project li .like{
	background:#7b256b;
	float:right;
	width:60px;
	min-height:23px;
	font:17px/21px 'myriad_pro', Arial,sans-serif;
	padding:8px 9px 7px;
}
#content .project li .like a{
	background:url(../images/ico-06.gif) no-repeat;
	width:22px;
	height:23px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 7px 0 0;
}
#content .project li .like span{float:left;}
/* sidebar */
#sidebar{
	float:right;
	width:351px;
}
#sidebar .holder
{
	background:#ebeaea;
	overflow: hidden;
	min-height: 1091px;
}
#sidebar .holder h3
{
	margin-top: 10px;
	text-transform: uppercase;
}
/* product */
#sidebar .product{
	font:19px/24px 'myriad_pro', Arial,sans-serif;
	color:#333;
	text-align:center;
	padding:17px 0 8px;
}
#sidebar .product .img{margin:0 0 -6px;}
#sidebar .product .img img{
	vertical-align:top;
	margin:0 0 17px;
}
#sidebar .product .info{padding:0 0 13px;}
#sidebar .product strong,
#sidebar .product span{
	display:block;
}
#sidebar .product span.archive_link a
{
	color:#333;
}
#sidebar .product span.archive_link a:hover
{
	text-decoration:underline;
}

#sidebar .product strong{
	color:#7c226b;
	font-weight:normal;
}
#sidebar .product .name{padding:0 0 6px;}
#sidebar .product .btn{
	font:31px/34px 'myriad_probold', Arial,sans-serif;
	margin:0 0 0 0;
}
#sidebar .title{
	background:#7c226b;
	display:block;
	font:19px/22px 'myriad_probold', Arial,sans-serif;
	color:#fff;
	text-align:center;
	padding:8px 0 4px 15px;
	letter-spacing:2px;
	margin-top: 10px;
}
#sidebar .product-list{
	margin:0;
	padding:13px 13px 2px;
	list-style:none;
	font:18px/21px 'swiss_light', Arial,sans-serif;
}
#sidebar .product-list li{
	overflow:hidden;
	vertical-align:top;
	padding:0 0 11px;
}
#sidebar .product-list li .img{
	float:left;
	margin:0 28px 0 0;
}
#sidebar .product-list li .img img{vertical-align:top;}
#sidebar .product-list li .block{
	overflow:hidden;
	padding:32px 0 0;
}
#sidebar .product-list li .block span,
#sidebar .product-list li .block strong{display:block;}
#sidebar .product-list li .color-02{color:#666;}
#sidebar .product-list li .block strong{
	font:18px/21px 'swiss_heavy', Arial,sans-serif;
	padding:1px 0 0;
}
/* two-columns */
#main .two-columns{padding:27px 0 47px;}
#main .two-columns:after{
	clear:both;
	content:'';
	display:block;
}
#main .two-columns .col-01{
	background:#ebeaea;
	float:left;
	width:347px;
	padding:0 0 15px;
}
#main .two-columns .title{
	background:#7c226b;
	font:18px/20px 'myriad_probold', Arial,sans-serif;
	color:#fefefe;
	text-align:center;
	display:block;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:7px 0;
	margin:0 0 18px;
}
#main .two-columns .info{
	overflow:hidden;
	padding:9px 0 28px 10px;
}
#main .two-columns .info .img{
	float:left;
	margin:0 9px 0 0;
}
#main .two-columns .info .img img{vertical-align:top;}
#main .two-columns .info .block{overflow:hidden;}
#main .two-columns .info .block .title{margin:0 0 1px;}
#main .two-columns .info .block .title:first-child{margin-bottom:32px;}
#main .two-columns .info p{
	margin:0;
	letter-spacing:1px;
}
#main .two-columns blockquote{
	background:url(../images/bg-blockquote.png) 47% 0 no-repeat;
	margin:0;
	padding:58px 29px 23px;
}
#main .two-columns blockquote q{
	display:block;
	font:21px/25px 'myriad_pro', Arial,sans-serif;
	text-align:center;
}
#main .two-columns blockquote .more{font:18px/25px 'MyriadPro-LightCond', Arial,sans-serif;}
#main .two-columns .social-area{padding:0 10px 0 0;}
#main .two-columns .social{
	background:none;
	border:1px solid #4d4d4d;
	position:relative;
	right:auto;
	top:auto;
	width:103px;
	padding:10px 0 11px 8px;
	margin:0 auto;
}
#main .two-columns .social li .facebook{background-position:-206px -1px;}
#main .two-columns .social li .twitter{background-position:-240px -1px;}
#main .two-columns .social li .pinterest{background-position:-275px -1px;}

#main .two-columns #left-sidebar
{
	width: 250px;
	float: left;
}
#main .two-columns #left-sidebar
#sidenav
{
	padding: 15px 0;
}


#main .two-columns #left-sidebar
#sidenav li
{
	width: 210px;
	height: 33px;
	background-color: rgb(124, 34, 107);
	color: white;
	margin: 0 15px 7px 15px;
	text-transform:uppercase;
	line-height: 33px;
	vertical-align:middle;
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 18px;
	padding-left: 10px;
	color: white;
	cursor: pointer;
}
#main .two-columns #left-sidebar
#sidenav li:hover
{
	background: rgb(112, 31, 98);
	color: #eee;
}
#main .two-columns #left-sidebar
#sidenav li:active
{
	line-height: 35px;
	margin-left: 16px;
}

#main .two-columns #left-sidebar
#sidenav li a
{
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 18px;
	margin-left: 10px;
	color: white;
}
#main .two-columns #left-sidebar
#sidelogin
{
	padding: 15px;
}

#main .two-columns #left-sidebar
#sidelogin input
{
	border: none;
	height: 35px;
	color: rgb(124, 34, 107);
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 18px;
	padding: 0 10px;
	width: 200px;
	margin-bottom: 8px;
}
#main .two-columns #left-sidebar
#sidelogin .remember_me
{
	height: 23px;
	line-height: 23px;
	display:table-cell;
	vertical-align: middle;
}

#main .two-columns #left-sidebar
#sidelogin .remember_me label
{
	margin-top: -18px;
	vertical-align: middle;
	position: relative;
	top: -3px;
}

#main .two-columns #left-sidebar
#sidelogin input[type='checkbox']
{
	height: 18px;
	width: 18px;
	border: none;
	outline: none;
	padding: 0;
	margin: 0 5px 0 0;
}

#main .two-columns #left-sidebar
#sidelogin label
{
	color: rgb(124, 34, 107);
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 12px;
	text-transform: lowercase;
}
#main .two-columns #left-sidebar
#sidelogin a
{
	color: rgb(124, 34, 107);
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 12px;
	text-transform: lowercase;	
}

#main .two-columns #left-sidebar
#sidelogin h3
{
	width: 220px;
	background-color: rgb(124, 34, 107);
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	height: 33px;
	line-height: 33px;
	vertical-align: middle;	
}
#main .two-columns #left-sidebar
#sidelogin h3 a
{
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: white;
}

#main .two-columns #left-sidebar
#social
{
	width: 250px;
	height: 38px;
	text-align: center;
	line-height: 44px;
	vertical-align: middle;
	padding-top: 7px;
}
#main .two-columns #left-sidebar
#social a:hover
{
	outline: 0;
	text-decoration: none;
}


#main .two-columns #project-list
{
	float: right;
	width: 705px;
}

.project-thumbnail, .model-thumbnail
{
	width: 221px;
	height: 248px;
	margin: 0 0 20px 13px;
	background-color: rgb(235, 234, 234);
	background-repeat:no-repeat;
	background-position: center top;
	position: relative;
	float: left;
}

.project-thumbnail
.header
{
	color: white;
	background-color: #767676;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 78px;
	height: 37px;
	width: 146px;
}
.project-thumbnail
.header .name, .model-thumbnail .header .name
{
	height: 16px;
	text-transform: uppercase;
	color: white;
	font:16px 'myriadpro_semibold', Arial, Helvetica, sans-serif;
	margin: 5px 5px 0 5px;
	line-height: 16px;
	text-align: left;
	width: 136px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.project-thumbnail
.header .category, .model-thumbnail .header .category
{
	text-transform: lowercase;
	color: white;
	font:12px 'myriad_pro', Arial, Helvetica, sans-serif;
	margin: -3px 5px 0 5px;
}


.project-thumbnail
.likebox
{
	color: white;
	background-color: rgb(124, 34, 107);
	height: 37px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 75px;
	line-height: 37px;
	vertical-align:middle;
}
.project-thumbnail
.likebox img
{
	float: left;
	margin: 7px 7px;
}

.project-thumbnail
.likebox p
{
	text-align: right;
	margin-right: 5px;
	color: white;
	font-size: 16px;
	font-family: "myriadpro_semibold", Arial, Helvetica, sans-serif
}

.model-thumbnail
{
	overflow: hidden;
}

.model-thumbnail img.modelimg
{
	width: 221px;
}
.model-thumbnail .imgholder
{
	width: 220px;
	height: 210px;
	display: table-cell;
	vertical-align: middle;
}
.model-thumbnail .header
{
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: rgb(118, 118, 118);
	text-transform: uppercase;
	height: 37px;
	width: 221px;
}
.model-thumbnail .header .category
{
	text-transform: uppercase;
}

.results
{
	width: 981px;
	position: relative;
	height: 300px;
	margin-left: 16px;
}


.group_box
{
	background-color: rgb(235, 234, 234);
	margin-bottom: 9px;
}

.group_box.lower
{
	width: 478px;
}

/* gallery */
#main .gallery{
	float:right;
	width:593px;
	margin:0;
	position:relative;
}
#main .gallery h2{
	font:30px/34px 'myriad_probold', Arial,sans-serif;
	margin:0 44px 16px 0;
	text-align:center;
	letter-spacing:0;
}
#main .gallery .info-form{
	overflow:hidden;
	padding:0 0 7px;
}
#main .gallery .info-form strong.ttl{
	background:url(../images/bg-radio.png) no-repeat;
	float:left;
	font:22px/24px 'myriad_probold', Arial,sans-serif;
	margin:9px 0 0;
	padding:0 0 0 28px;
}
#main .gallery .info-form strong.ttl.checked{background-position:4px -41px;}
#main .gallery .info-form .btn{
	background:#bbbabb;
	float:right;
	height:33px;
	font:19px/34px 'myriad_probold', Arial,sans-serif;
	padding:0 13px;
}
#main .gallery .info-form .btn:hover{}
#main .gallery .slideset{padding:0 0 10px;}
#main .gallery .slide{width:100%;}
#main .gallery .slide img{vertical-align:top;}
#main .gallery .slide img.slide{max-width: 594px; max-height:404px;}
#main .gallery #thumbwindow
{
	position: relative;
	overflow: hidden;
	height: 123px;
	width: 592px;
}
#main .gallery .thumbs{
	margin:0 -1px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	color:#261e1e;
	text-align:center;
	position: absolute;
	top: 0;
	left: 0;
}
#main .gallery .thumbs li{
	float:left;
	position:relative;
	margin:0 0 0 10px;
}
#main .gallery .thumbs li:first-child{margin-left:-1px;}
#main .gallery .thumbs li img{vertical-align:top;}
#main .gallery .thumbs li .ttl{
	width:100%;
	position:absolute;
	height: 100%;
	top:0;
	left:0;
	display:none;
	vertical-align: middle;
	color: #fff;
	background-image: url('../images/bg-details.png');
}
#main .gallery .thumbs li:first-child .ttl{display: block;}
#main .gallery .thumbs li .ttl div {
	display: table-cell;
	vertical-align: middle;
	width: 121px;
	padding: 10px;
	height: 102px;
}
#main .gallery .thumbs li .ttl strong{
	font:16px/24px 'swiss_light', Arial,sans-serif;
}
#main .gallery #prev,
#main .gallery #next{
	background:url(../images/arrow-01.png) no-repeat;
	width:26px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:-31px;
	cursor: pointer;
}
#main .gallery #prev{
	background-position:0 0;
	left:0;
}
#main .gallery #next{
	background-position:0 -25px;
	right:0;
}

#main .gallery .slideset
{
	position: relative;
	height: 404px;
	width: 594px;
}
#main .gallery .slideset .slide
{
	position: absolute;
	top: 0;
	left: 0;
}
#main .gallery .slide img.slide
{
	
	display: none;
}

#main .gallery .slide img.slide.selected
{
	display: block;
}

#main .gallery img.thumbnav
{
	height: 123px;
	width: 141px;
}

#main .gallery img.thumbnav.selected {
}

/* news */
#main .news{padding:0 0 23px;}
#main .news .title{
	display:block;
	font:25px/28px 'myriadpro_semibold', Arial,sans-serif;
	border-bottom:1px solid #999;
	letter-spacing:1px;
	padding:0 0 6px;
	margin:0 0 15px;
}
#main .news ul{
	background:#ebeaea;
	margin:0;
	padding:11px 16px;
	list-style:none;
	font:19px/22px 'myriadpro_light', Arial,sans-serif;
	color:#666;
	letter-spacing:1px;
}
#main .news ul li{
	background:#fff;
	vertical-align:top;
	padding:9px 9px 6px;
	margin:7px 0 0;
}
#main .news ul li:first-child{margin-top:0;}
#main .news ul li:after{
	clear:both;
	content:'';
	display:block;
}
#main .news ul li .img{
	float:left;
	margin:-1px 23px 0 0;
}
#main .news ul li img{vertical-align:top;}
#main .news ul li .block{overflow:hidden;}
#main .news ul li ul{
	background:none;
	overflow:hidden;
	font:19px/23px 'myriad_pro', Arial,sans-serif;
	color:#7c226b;
	padding:0 0 11px;
}
#main .news ul li ul li{
	background:url(../images/sep-02.gif) 0 30% no-repeat;
	float:left;
	padding:0 13px 0 15px;
	margin:0;
}
#main .news ul li ul li:first-child{
	padding-left:0;
	background:none;
}
#main .news ul p{margin:0;}
/* banner */
#main .banner{
	width:785px;
	margin:0 auto;
}
#main .banner img{vertical-align:top;}

/* footer */
#footer{
	background:#7c226b;
	padding:27px 0 26px;
}
#footer ul{
	width:939px;
	margin:0 auto;
	padding:0 21px 0 0;
	list-style:none;
	font:18px/21px 'swiss_light', Arial,sans-serif;
	text-transform:uppercase;
	text-align:center;
}
#footer ul li{
	background:url(../images/sep-01.gif) 0 60% no-repeat;
	display:inline;
	padding:0 17px 0 21px;
}
#footer ul li:first-child{
	padding-left:0;
	background:none;
}
#footer ul li a{color:#fffdff;}

.social_button
{
	height: 26px;
	width: 26px;
	background-image: url(/images/social_icons.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0 3px;
}
.social_button.facebook
{
	background-position: -205px -1px; 
}
.social_button.facebook:hover
{
	background-position: -103px 0;
}
.social_button.twitter
{
	background-position: -240px -1px;
}
.social_button.twitter:hover
{
	background-position: -138px 0;
}
.social_button.pinterest
{
	background-position: -275px -1px;
}
.social_button.pinterest:hover
{
	background-position: -174px -1px;
}

button
{
	border: none;
	background: rgb(124, 34, 107);
	color: white;
	text-transform: uppercase;
	font-family: "myriadpro_semibold", Arial, Helvetica, sans-serif;
	font-size: 18px;
	cursor: pointer; 
}
div.scrollpane
{
	float: right;
	width: 688px;
	margin: 5px 0 5px 0;
}
.arrowleft
{
	width: 26px;
	height: 24px;
	background: url('/images/arrow-01.png') no-repeat 0 -1px;
	float: left;
	cursor:pointer;	
}
.arrowright
{
	width: 26px;
	height: 24px;
	background: url('/images/arrow-01.png') no-repeat bottom right;
	float: right;	
	cursor:pointer;
}

div.page
{
	float: left;
	height: 785px;
	width: 702px;
}
#pageframe
{
	float: right;
	position: relative;
	overflow: hidden;
	height: 785px;
	width: 702px;
}
#internalpageframe
{
	position: absolute;
	top: 0;
	left: 0;
}

#featured_accounts
{
	border-top-color: #999;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 13px;
}

#featured_accounts h2
{
	font-family: "myriadpro_semibold", Arial, sans-serif;
	font-size: 30px;
}

#featured_accounts .stylist_panel
{
	width: 152px;
	height: 228px;
	margin-left: 13px;
	float: left;
	position: relative;
}
#featured_accounts .stylist_panel img
{
	height: 228px;
	width: 152px;
}
#featured_accounts div a:first-child .stylist_panel
{
	margin-left: 0;
}

#featured_accounts .stylist_panel .heading
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: white;
	background: #767676;
	text-align: center;
	font-family: "myriadpro_semibold", Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	height: 38px;
	line-height: 38px;
}

.frontcard, .backcard, .card
{
	width: 594px;
	height: 404px;
	position: relative;
}

.card
{
	margin-bottom: 6px;
}

.backcard
{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.wrapper .contentpage p
{
	margin-bottom: 12px;
}

.wrapper .contentpage ul
{
	width: 100%;
	display: block;
	margin-bottom: 26px;
	height: 100px;
}

.wrapper .contentpage li
{
	float: left;
	width: 300px;
	text-align: center;
	margin: 20px 13px;
}

.wrapper .legal p
{
	margin-bottom: 12px;
}

form.group div.group_box
{
	padding: 14px;
}

form.group div.group_box
input,
form.group div.group_box
select
{
	background: #fff;
	color: rgb(124,34,107);
	padding: 0 10px;
	font-family: "myriadpro_semibold", Arial,sans-serif;
	font-size: 18px;
	border-style: none;
	height: 35px;
	width: 450px;
	margin-bottom: 7px;
}

form.group div.group_box
select
{
	padding: 0 0 0 10px;
	height: 35px;
	width: 470px;
	margin-bottom: 7px;
}

form.group div.group_box
.fieldhelp
{
	position: absolute;
	right: 0;
	width: 415px;
}

div.fieldhelp h2.title
{
	font-family: "myriadpro_semibold", Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

div.fieldhelp p.text
{
	font-family: "myriadpro_semibold", Arial,sans-serif;
	font-size: 12px;
	margin-bottom: -6px;
}

form.group div.group_box
span.required
{
	font-family: "myriadpro_semibold", Arial,sans-serif;
	font-size: 18px;
	margin-left: 15px;
	line-height: 35px;
}

form ul.errors li
{
	margin: 0;
	color: red;
}


div.subscription_agreement
{
	background: #fff;
	margin-top: 7px;
	width: 450px;
	height: 300px;
	padding: 10px;
	overflow-y: auto;
}

form.group div.group_box
input[type=checkbox]
{
	background: #fff;
	color: rgb(124,34,107);
	padding: 0;
	font-family: "myriadpro_semibold", Arial,sans-serif;
	font-size: 18px;
	border-style: none;
	margin-bottom: 7px;
	margin-top: 7px;
	width: auto;
	height: auto;
	margin-left: 370px;	
}

form.group div.group_box
input#company_exists[type=checkbox]
{
	background: #fff;
	color: rgb(124,34,107);
	padding: 0;
	font-family: "myriadpro_semibold", Arial,sans-serif;
	font-size: 18px;
	border-style: none;
	margin-bottom: 15px;
	margin-top: 7px;
	width: auto;
	height: auto;
	margin-left: 0;	
}


form.group div.group_box
p.submittext
{
	margin-top: 20px;
	margin-bottom: 7px;
}
form.group div.group_box
button
{
   margin-left: 395px;	
}

div.upgrade h2.upgrade
{
	text-align: center;
	font-family: "myriadpro", Arial, sans-serif;
	font-weight: bold;
	font-size: 45px;
	line-height: 50px;
	margin-top: 30px;
	margin-bottom: 7px;
}

div.upgrade h2.trial
{
	text-align: center;
	font-family: "myriadpro", Arial, sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 10px;
	margin-top: 15px;
	margin-bottom: 40px;
}

div.featured
{
	width: 460px;
	height: 837px;
	float: right;
	text-align: center;
	font-family: "myriadpro", Arial, sans-serif;
}
.ui-widget-header
{
	background-color: #ccc;
	border-color: #ccc;
	color: #333;
}
.ui-datepicker-prev, .ui-datepicker-next
{
	background-color: #aaa;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover
{
	background-color: #888;
	border-color: #ddd;
}
.ui-widget-content
{
	color: #333;
}
.ui-widget-content .ui-state-default 
{
	background-color: #ccc;
	border-color: #888;
	color: #333;
}

.steps
{
	width: 980px;
	height: 165px;
}
.stepblocks
{
	height: 85px;
	width: 115px;
	background-color: #eee;
	font-family: 'myriadpro_semibold', Arial,sans-serif;
	font-size: 24px;
	float: left;
	margin: 20px;
	padding: 20px;
	text-align: center;
	color: #aaa;
}

.stepblocks a
{
	color: #aaa;
}

.stepblocks.selected, .stepblocks.selected a
{
	background-color: #ccc;
	color: #7c226b;
}
.popup_default
{
  display:none;
  position:fixed;
  z-index: 8;
  top:50%; left:50%; width:229px;
  margin-top: -150px;
  margin-left: -115px;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px #999;
  -moz-box-shadow: 0 2px 10px #999;
  box-shadow:0 4px 8px #999;
}
.close a
{
  position:absolute;
  right:4px; top:4px;
  width:19px; height:20px;

  line-height:15px;
  display:block;
  background:#aaa;
  color:#fff;
  text-align:center;
  font-size:20px;
}
#add_person_popup
{
	background: white;
	position: fixed;
	top: 50%;
	bottom: 10%;
	width: 600px;
	height: 600px;
	left: 50%;
	margin-top: -300px;
	margin-left: -300px;
	padding: 20px;
	display: none;
	z-index: 2;
}
#add_person_popup .leftside
{
	width: 250px;
	float: left;
	height: 80%;
	padding: 20px;
	background:#ebeaea;

}
#add_person_popup .rightside
{
	height: 80%;
	width: 250px;
	padding: 20px;
	float: right;
	background:#ebeaea;
}

#add_person_popup .buttonarea
{
	text-align: right;
	height: 565px;
}
#add_person_popup button
{
	margin-top: 20px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.get_models
{
	height: auto;
}
.get_models_title
{
	display: none;
}
.get_models .searchbox
{
	width: 169px;
	margin-bottom: 20px;
}
.new_project_model input
{
	border: none;
	height: 22px;
	background-color: white;
}
.new_project_model input[type='checkbox']
{
	height: 10px;
}
.new_project_model .rightside input
{
	margin-bottom: 10px;
}
.get_models label
{
	display: none;
}
.get_models input[type=checkbox]
{
	margin-bottom: 15px;
	margin-top: 0;
}
.get_models #model_list
{
	height:392px;	
	overflow-y: scroll;
	overflow-x: hidden;
	width:250px;
	margin-top: 20px;
	background: #fff;	
}
.get_models img
{
	margin: 8px 0 0 3px;
	width: 104px; 
	height: 156px; 
	cursor: pointer;
}
.get_models .imagebox
{
    float:left; 
    font-size:10px; 
    margin:-2px 4px 0 4px;	
}
.get_models .imagebox p
{
	font-size: 14px;
	line-height: 16px;
	margin-left: 3px;
}
.get_models #txt_search
{
	width: 248px;
}
.thumbnaillist
{
	width: 310px;
	margin: 28px;
	height: auto;
	float: left;
}
.sidebarthumbnail
{
	width: 128px;
	float: left;
	margin: 10px;
}
.sidebarprojthumbnail
{
	max-width: 128px;
	float: left;
	margin: 10px;
}
.sidebarprojthumbnail img
{
	max-width: 128px;
	margin-bottom: 3px;
}
div.assetpopup
{
	padding: 20px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 800px;
	height: 440px;
	margin: auto;
	background: #fff;
	display: none;
}

div.assetpopupbackground
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: 0.5;
	display: none;
}

div.assetpopup
h2
{
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

div.assetpopup
div.close
{
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
}

div.assetpopup
div.imagearea
{
	background: #eee;
	width: 400px;
	height: 400px;
	display: table-cell;
	line-height: 400px;
	vertical-align: middle;
	text-align: center;
	float: left;
}

div.assetpopup
div.imagearea
div.jcrop-holder
{
	margin-left: auto;
	margin-right: auto
}
div.assetpopup
div.assetdetails
{
	width: 381px;
	margin-left: 0;
	float: right;
	font-size: 14px;
}

div.assetpopup
div.assetdetails
tr
{
	width: 100%;
}

div.assetpopup
div.assetdetails
td
{
	overflow: hidden;
	text-overflow: ellipsis;
}
a.actionlink
{
	float: right;
	font-size: 10px;
	text-transform:uppercase;
	margin-left: 10px;
	line-height: 14px;
}
.actionlinks
{
	height: 15px;
	float: right;
	width: 100%;
	margin-top: -5px;
	margin-bottom: 5px;
}


div.assetpopup
form input[type=file]
{
  width: 364px;	
}
div.assetpopup
div.replaceImage,
div.assetpopup
div.cropform
{
	display: none;
}
#add_newperson_background
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: 0.5;
	z-index: 1;
	display: block;
}
#add_newperson_popup
{
	background-color: #fff;
	position: fixed;
	height: 400px;
	width: 600px;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -200px;
	padding: 20px;
	text-align: left;
	
}
#add_newperson_popup h3
{
	text-align: left;
	text-transform: uppercase;
}
#add_newperson_popup button
{
	margin: 5px;
}
#existingmodelslist
{
	float: right;
	width: 300px;
	overflow-y:auto;
	overflow-x:none;
	height: 332px;
	background: #fff;
}
#existingmodelslist img
{
	width: 66px;
	height: 100px;
	float: left;
	margin: 5px;
}
#existingmodelslist li
{
	padding: 5px;
	vertical-align: middle;
	height: 100px;
}
#existingmodelslist li div
{
	margin: 10px;
}
#newperson_detail
{
	width: 240px;
	float: left;
	margin-top: 20px;
}
#add_garment_popup
{
	position: fixed;
	top: 50%;
	margin-top: -300px;
	height: 560px;
	left: 100px;
	right: 100px;
	background: #fff;
	z-index: 2;
	display: none;
	padding: 20px;
}

#add_garment_popup h1
{
	font-size: 20px;
	border: none;
	margin: 30px 0 10px 0;
	line-height: 23px;
}

#add_garment_popup ul#searchform
{
	padding: 10px;
	background: #ccc;
	width: 480px;
	margin: 0 auto 0 auto;
	height: 150px;
}
#add_garment_popup #retail-garment-search ul
{
	height: 115px;
}

#add_garment_popup li
{
	float: left;
}
#add_garment_popup li.buttons
{
	margin: 5px;
	text-align: center;
	width: 100%;
}
#add_garment_popup button
{
	margin 0 auto;
}

#add_garment_popup input, #add_garment_popup select
{
	border: none;
	width: 215px;
	float: left;
	margin: 10px;
}
#add_garment_popup h3
{
	text-align: left;
	text-transform: uppercase;
}

.pulled-garments > li
{
	width: 120px;
	height: 270px;
	margin: 0 20px 20px 0;
	float: left;
	position: relative;
	text-overflow:ellipsis;
}
.pulled-garments a.quick-look
{
	text-decoration: none;
	display: block;
	background-color: white;
	
}

.pulled-garments a.quick-look span
{
	width: 120px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	margin-top: -40px;
	margin-bottom: 15px;
	display: none;
	position: absolute;
	background-color: rgb(117, 40, 101);
}

.pulled-garments h3
{
	text-transform: uppercase;
	line-height: 15px;
	font-size: 11px;
	margin: 0;
}

.pulled-garments .garment
{
	left: 50%;
	top: 80px;
	width: 520px;
	padding: 20px;
	margin-left: -260px;
	display: none;
	position: fixed;
	z-index: 4;
	background-color: white;
}
#add_garment_popup .pulled-garments .garment h1
{
	text-transform: uppercase;
	font-family: "myriad_probold", Arial, sans-serif;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
}
.pulled-garments .garment .identifier
{
	color: #aaa;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 12px;
}
.pulled-garments .garment .details dt
{
	float: left;
	color: #aaa;
	text-transform: uppercase;
	margin-right: 5px;
}
.pulled-garments .garment .details dd
{
	margin-left: 5px;
}
.pulled-garments .garment .assets .photos li
{
	width: 260px;
	height: 420px;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
}
.pulled-garments .garment .assets .photos li img
{
	max-width: 260px;
	max-height: 390px;
	vertical-align: middle;
}

#garmentpopupbackground
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: black;
	opacity: 0.5;
	z-index: 3;
	display: none;
}

.pulled-garments ul a, .pulled-garments ul span
{
	width: 20px;
	height: 20px;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
}
.pulled-garments ul a.pull
{
	background-image: url('../images/icons/pull.png')
}

.garment .hanger
{
    float: right;
    width: 470px;
    margin-top: 20px;
    /* position: fixed; */
}

#search_sidebar
{
  width: 150px;
  float: left;
}

#garmentsearchsidebar
{
	width: 220px;
	float: left;
	margin-right: 20px;
}
#garment-query dd, #garment-query dt
{
	display:inline-block;
	text-transform: uppercase;
	color: #aaa;
}
#garment-query dd
{
	margin-left: 10px;
	color: #752865;
}
#garment-query span
{
  display: inline-block;
  background: #ccc;
  color: #fff;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 12px;
  margin-right: 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
  border-radius:10px
}

#add_garment_popup #garmentsearchsidebar ul
{
	width: 180px;
	height: 170px;
}
#garmentsearchsidebar input, #garmentsearchsidebar select
{
	width: 160px;
}
#garmentsearchsidebar h2
{
	font-family: "myriad_probold", Arial, sans-serif;
	color: #aaa;
	font-size: 16px;
	margin-left: 20px;
	margin-top: 40px;
}
#garmentqueryresults
{
	position: relative;
}
#add_garment_popup ul#garment-results
{
	margin: 0;
	background: none;
	width: auto;
}
/* popup menus for moving database searches into pullsheets */
li > ul.popup
{
  display:none;
  float:left;
  width:200px;
  overflow:auto;
  margin:0; padding:0;
  border:1px solid #999;
  background-color:white;
  z-index:1;
  height:150px;
}
#garment_list
{
	bottom: 20px;
	overflow-y: auto;
	height: 500px;
}
#create_garment_popup_background
{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: black;
	opacity: 0.5;
	display: none;
	z-index: 3;
}
#create_garment_popup
{
	position: fixed;
	background-color: white;
	height: 500px;
	width: 800px;
	left: 50%;
	top: 50%;
	margin-top: -270px;
	margin-left: -420px;
	display: none;
	z-index: 4;
	padding: 20px;
}
#create_garment_popup h3
{
	text-transform:uppercase;
} 
#create_garment_popup p
{
	color: #aaa;
}
#create_garment_popup select, #create_garment_popup button
{
	display: block;
	margin: 20px 0 0 20px;;
}
#create_garment_popup .right
{
	float: right;
	width: 180px;
	text-align: center;
}

#create_garment_popup .left .imgcheck
{
	float: left;
	width: 145px;
	margin-right: 10px;
	font-size: 14px;
	color: #444;
	text-transform: uppercase;
}
#create_garment_popup .left .imgcheck img
{
	width: 145px;
}
#create_garment_popup .left
{
	float: left;
	width: 320px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 370px;
}
#create_garment_popup button
{
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#create_garment_popup .pinpopup
{
	position: fixed;
	padding: 20px;
	height: 500px;
	width: 800px;
	top: 50%;
	left: 50%;
	margin-left: -320px;
	margin-top: -320px;
	z-index: 6;
	background-color: white;
}
#create_garment_popup .pinpopupbackground
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: black;
	opacity: 0.5;
	z-index: 5;
}
#create_garment_popup .pindiv img
{
	cursor: url('/images/pin.cur'), auto;
}
.garmentdiv
{
	color: #444;
	text-transform: uppercase;
	margin-left: 10px;
	width: 185px;
	float: right;
	text-align: center;
}
.buttonlikelink
{
	background-color: #7c226b;
	color: white;
	padding: 5px;
	text-transform: uppercase;
	font-family: "myriadpro_semibold", Arial, Helvetica, sans-serif;
}
.buttonlikelink:hover
{
	text-decoration: none;
}
.garmentlist img
{
	margin: 5px;
}
.ui-autocomplete
{
	z-index: 10;
	font-size: 10px;
}
.ui-autocomplete-loading
{
	background: url('/images/horiz-ajax-loader.gif') no-repeat right center;
}
#congratulations_popup
{
	background-color: white;
	position: fixed;
	left: 50%;
	top: 50%;
	height: 420px;
	width: 500px;
	margin-top: -230px;
	margin-left: -270px;
	z-index: 2;
	padding: 20px;
	display: none;
}
#congratulations_popup tr
{
	height: 50px;
}
#congratulations_popup td
{
	vertical-align: middle;
	padding: 0 20px;
}
#congratulations_popup td:first-child
{
	text-align: center;
}
#congratulations_popup_background
{
	background-color: black;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: none;
}

ul.nav
{
	width: 981px;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 40px;
	margin-bottom: 20px;
	margin-top: 3px;
}

ul.nav li
{
	position: relative;
	bottom: 0;
	text-transform: uppercase;
	float: left;
	margin: 10px 10px 0px 10px;
	display: table-cell;
	vertical-align:bottom;
	line-height: 30px;
}

ul.nav li a.current
{
	vertical-align: bottom;
	font-size: 26px;
	position: relative;
	bottom: 3px;
}

.signin_box
{
	position: relative;
	//background-color: rgb(235, 234, 234);
	//background-color: rgb(125, 35, 107);
	color: rgb(125, 35, 107);
	float: right;
	padding: 0 0 7px 20px;
	//font-family: "chunkfiveregular", Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	//text-transform: uppercase;
}
.signin_box a
{
	font-size: 12px;
	float: right;
	margin-left: 10px;
	//color: #c6c8c9;
}
.signin_box p.logoutdd
{
	position: absolute;
	right: 0;
	bottom: 7px;
}
.rank
{
	font-size: 20px;
	display: block;
	float: left;
	padding-top: 10px;
	margin-left: 40px;
}
.score
{
	font-size: 16px;
	display: inline;
}
.leftcolumn
{
	width: 490px;
	float: left;
	text-align: center;
}
.topleft, .bottomleft, .rightcolumn
{
	margin-bottom: 30px;
}
.rightcolumn
{
	text-align: center;
}
.top_ranked table
{
	margin: 0 auto;
	text-align: left;
}
.top_ranked td
{
	padding: 0 10px;
	vertical-align: middle;
	border-bottom: #ccc solid 1px;
}
.top_ranked td span.rank
{
	float: none;
	margin-left: 10px;
	display: inline;
}
.top_ranked td span.score
{
	padding-top: 20px;
}
.top_ranked tbody td
{
	padding-left: 15px;
}
.top_ranked_link
{
	font-family: 'myriad_probold', Arial, sans-serif;
	width: 210px;
	margin-left: 20px; 
	text-align: right;
}
#feedbacktab
{
	font-family: 'myriad_probold', Arial, sans-serif;
	position: fixed;
	bottom: 0;
	left: 85%;
	height: 30px;
	line-height: 30px;
	width: 80px;
	padding: 0 15px;
	text-transform: uppercase;
	background-color: rgb(187, 186, 187);
	cursor: pointer;
	z-index:100; 
}
#feedbackpopupbackground
{
  display: none; 
  z-index:101; 
  position: fixed; 
  height: 100%; 
  width: 100%; 
  background-color: rgba(0, 0, 0, 0.7);
}
#feedbackpopup
{
	display: none;
	z-index: 102;
	position: fixed;
	height: 440px;
	width: 400px;
	left: 50%;
	top: 50%;
	margin-top: -220px;
	margin-left: -200px;
	background-color: #fff;
	padding: 20px;
}
#feedbacktext
{
	height: 210px;
	width: 390px;
	margin: 20px auto;
}
button.feedback
{
	margin-left: 315px;
}
#feedbacktitle, #feedbackemail
{
	width: 390px;
	margin-top: 20px;
}