@font-face {
  font-family: 'Helvetica Neue'; 
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/HelveticaNeue.ttf) format('truetype');
}
@font-face {
    font-family: 'franklin-cd';
    src: url('/assets/fonts/Franklin-Gothic-Std-Condensed.otf') format('truetype');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/assets/fonts/FontAwesome.otf') format('truetype');
}

.fd_top_container {
	margin: 0 auto;
    width: 100%;
}

.fd_top_container #sso_bar {
	border: medium none;
    color: inherit;
    font: 12px/120% "Arimo",sans-serif;
    margin: 0;
    outline-style: none;
    padding: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    display: table;
    position: relative;
    width: 100%;
}

.fd_top_container .wrapper {
    overflow: visible;
    width: 1010px;
    display: block;
    margin: 0 auto;
}


.fd_top_container #fd_login_menu {
	padding-top:0px;
}

.upload-loading {
position: fixed;
top: 50%;
left: 50%;
background: rgba(200,200,200,0.9);
height: 100px;
width: 300px;
display: none;
color: #000;
border-radius: 5px;
margin-left: -150px;
margin-top: -150px;
border: 1px solid #999;
}

.upload-loading .upload-loading-img {
	position: absolute;
	left: 50%;
	margin-left: -28px;
	top: 50%;
	margin-top: -26px;
	font-weight:bold;
	text-align:center;
}

.upload-loading .upload-loading-img img {
	margin:auto;
	margin-bottom:10px;
}

/* reset */
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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
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}

/* floating ads */
.cz_dfp_float_bottom{position:fixed;bottom:50px}

/* legacy */
body{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:12px;margin:0 auto;background-color:#efefef}
a{text-decoration:none;color:#221919}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:bold}
img,a:hover{text-decoration:none}
.cz_list_type_decimal{list-style-type:decimal}
.cz_list_type_square{list-style-type:square}
.cz_margin_5_0{margin:5px 0}
.cz_margin_10_0{margin:10px 0}
.cz_margin_0_10{margin:10px 0}
.cz_margin_0_5{margin:0 5px}
.cz_margin_top_10{margin-top:10px}
.cz_margin_top_8{margin-top:8px}
.cz_margin_right_5{margin-right:5px}
.cz_margin_right_10{margin-right:10px}
.cz_margin_right_15{margin-right:15px}
.cz_margin_right_20{margin-right:20px}
.cz_margin_left_5{margin-left:5px}
.cz_margin_left_10{margin-left:10px}
.cz_margin_left_15{margin-left:15px}
.cz_margin_left_20{margin-left:20px}
.cz_width_80{width:80px}
.cz_width_100{width:100px}
.cz_width_120{width:120px}
.cz_width_300{width:300px}
.cz_width_350{width:350px}
.cz_line_height_20{line-height:20px}
.cz_line_height_18{line-height:18px}
.cz_line_height_16{line-height:16px}
.cz_line_height_14{line-height:14px}
.cz_underline{text-decoration:underline}
.cz_cursor_move:hover{cursor:move}
.cz_cursor_pointer:hover{cursor:pointer}
.cz_cursor_default:hover{cursor:default}
.cz_bold{font-weight:bold}
.cz_normal{font-weight:normal}
.cz_left{text-align:left}
.cz_right{text-align:right}
.cz_center{text-align:center}
.cz_georgia{font-family:Georgia}
.cz_lucida{font-family:"lucida Grande"}
.cz_float_right{float:right;padding:0}
.cz_float_left{float:left;padding:0}
.cz_clear_both{clear:both}
.cz_none{display:none}
.cz_pink{color:#c21e63}
.cz_red{color:red}
.cz_green{color:#91bd09}
.cz_white{color:#fff}
.cz_black{color:black}
.cz_666{color:#666}
.cz_bg_black{background-color:black}
.cz_bg_white{background-color:#fff}
.cz_bg_f5f5f5{background-color:#f5f5f5}
.cz_bg_666{background-color:#666}
.cz_bg_ccc{background-color:#ccc}
.cz_bg_ddd{background-color:#ddd}
.cz_bg_eee{background-color:#eee}
.cz_border_solid_ccc{border:1px solid #ccc}
.cz_border_solid_e5e5e5{border:1px solid #e5e5e5}
.cz_border_bottom_dashed_ccc{border-bottom:1px dashed #ccc}
.cz-boxes{margin-left:-5px}
.cz_box_shadow{box-shadow:0 2px 5px rgba(34,25,25,0.5);-moz-box-shadow:0 2px 5px rgba(34,25,25,0.5);-webkit-box-shadow:0 2px 5px rgba(34,25,25,0.5)}
.cz_horizontal_ruler{margin:0;position:relative;height:0;border-top:1px solid hsl(0,0%,87%);border-bottom:1px solid white;z-index:-99}
.cz_padding_bottom_20{padding-bottom:20px}
.cz_padding_bottom_10{padding-bottom:10px}
.cz_padding_top_20{padding-top:20px}
.cz_padding_top_12{padding-top:12px}
.cz_padding_5{padding:5px}
.cz_padding_10{padding:10px}
.cz_padding_15{padding:15px}
.cz_padding_20{padding:20px}
.cz_font_36{font-size:36px}
.cz_font_24{font-size:24px}
.cz_font_20{font-size:20px}
.cz_font_18{font-size:18px}
.cz_font_16{font-size:16px}
.cz_font_14{font-size:14px}
.cz_ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-icab-text-overflow:ellipsis;-khtml-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis}
.cz_green_button{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;border:1px solid #749A02;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#749a02;background-image:linear-gradient(top,#91bd09,#749a02);background-image:-moz-linear-gradient(top,#91bd09,#749a02);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#91bd09),to(#749a02));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#749a02,endColorStr=#91bd09);cursor:pointer;white-space:nowrap;overflow:visible;/* fixes width in IE7 */ outline:0 none /* removes focus outline in IE */}
.cz_green_button:hover{border-color:#999;background-color:#749a02;background-image:linear-gradient(top,#B5ED0C,#91bd09);background-image:-moz-linear-gradient(top,#B5ED0C,#91bd09);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#B5ED0C),to(#91bd09));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#B5ED0C,endColorStr=#91bd09);box-shadow:0 0 3px rgba(0,0,0,0.4);-moz-box-shadow:0 0 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4)}

/* effects */
.cz_bottom_center_spinner{padding-top:30px;height:50px;text-align:center;width:680px}
cz_valign_middle,.cz_spinner{vertical-align:middle}
.cz_spinner{width:32px;height:32px}

/* follow */
.cz_follow{width:285px;height:40px;background:black url(//img-clo-prod-us.clozette.co/static/img/social-bar-cor.png) no-repeat top right;padding-left:15px}
.cz_follow_fb,.cz_follow_tt{display:block;float:left;width:24px;height:24px;margin:8px 5px}
.cz_follow_fb{background:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png) no-repeat 0 0}
.cz_follow_tt{background:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png) no-repeat -24px 0}
.cz_fb_count,.cz-fb-count{border:none;overflow:hidden;width:100px;height:21px}
.cz-fb-count{margin-top:10px}
.cz-follow-us{color:white;padding:10px;float:left;margin-top:6px}
#cz-social-media{margin-bottom:5px;border-bottom:1px solid #ccc;width:95%}
.cz-social-media-share{float:left;margin:3px}
.cz-share-twitter{display:inline-block;width:26px;height:26px;cursor:pointer;background-position:-107px -26px;background-repeat:none;background-image:url(//img-clo-prod-us.clozette.co/static/img/cs.v2.png)}
.cz-share-twitter:hover{background-position:-134px -26px}
.cz-share-pinterest{display:inline-block;width:26px;height:26px;cursor:pointer;background-position:0px 0px;background-repeat:none;background:url(//img-clo-prod-us.clozette.co/static/img/pinterest.png)}
.cz-share-pinterest:hover{background-position:0px -28px}
.cz-share-like,.cz-share-liked{display:inline-block;width:63px;height:30px;background:url(/image/sprite/like.png)}
.cz-share-like{cursor:pointer;background-position:0px 0px}
.cz-share-liked{background-position:0px -62px;height:29px;margin-bottom:1px;cursor:default}
.cz-share-like:hover{background-position:0px -31px}
.cz-share-stats{width:210px;padding:5px;margin-top:4px}
.cz-share-comment{display:inline-block;width:88px;height:30px;background:url(/image/sprite/comment.png)}
.cz-share-comment:hover{background-position:0px -30px}

/* banner,login bar,menu */
.cz_lbm{padding-bottom:5px;margin:0 auto;min-width:1010px}
.cz_lbm_container{margin:0 auto;width:1010px}
.cz_main_menu{height:40px;margin:0 auto}
.cz_main_menu_sep{float:right;color:#ccc;padding-right:5px;padding-left:5px;line-height:16px;font-weight:bold}
.cz_main_container{margin:0 auto;text-align:left;width:1010px;position:relative}
.cz_main_center{width:680px;min-height:1400px;padding:5px 10px;text-align:left;position:relative}
.cz_main_store{width:680px;min-height:550px;padding:5px 10px;text-align:left;position:relative;left:310px}
.cz_main_store_center{width:990px;min-height:550px;padding:5px 10px;text-align:left;position:relative}
.cz_left_sidebar,.cz_right_sidebar{width:300px;position:absolute;top:0}
.cz_left_sidebar{left:0;margin:5px 5px}
.cz_right_sidebar{left:695px;margin:5px 0px 5px 10px}
.cz_whoami{text-align:right;margin:0 auto;padding:0}
.cz_whoami a{font-weight:bold;line-height:16px}
.cz_whoami a:hover{color:#666}

/* effect */
.cz_login_md{float:right;padding-right:10px;padding-left:10px;font-weight:bold;position:relative}
.cz_login_dd{float:left;width:auto;text-align:center;padding:7px 5px 0 0}
.cz_login_dd:hover ul{position:absolute;display:block;z-index:20}
.cz_login_ddl{display:none;text-align:left;padding:0px;min-width:120px;z-index:20}
.cz_login_ddl li{color:black;padding:7px 15px}
.cz_login_ddl li:hover{background-color:#222}
.cz_login_ddl li:hover a{color:#fff}

/* photo box */
.cz_premium_box,.cz_box_f,.cz_box_s,.cz_box,.cz_box_l{float:left;position:relative;background:#fff;overflow:hidden;border:1px solid #ccc;margin:10px 0px 0px 10px;padding:9px}
.cz_box{width:140px;height:190px}
.cz_premium_box{padding:2px 1px 2px 3px;width:154px;height:204px}
.cz_premium_cap{margin:0px 0px -8px 10px}
.cz_box_l{width:140px;height:260px}
.cz_box_s{width:140px;height:160px}
.cz_box_f{width:300px;height:350px}
.cz_box_photo_140x140{position:relative;width:140px;overflow:hidden}
.cz_box_photo_330x330{position:relative;width:330px;height:330px;margin:0px -15px}
.cz-box-photo-140x210{position:relative;width:140px;overflow:hidden}
.cz-box-shoppe{float:left;position:relative;background:white;width:230px;height:300px;overflow:hidden;margin:10px 0px 0px 10px}
.cz-box-shoppe-fit{float:left;position:relative;background:white;width:200px;overflow:hidden;margin:10px 0px 0px 10px}
.cz-box-shoppe-two{float:left;position:relative;background:white;width:190px;height:300px;overflow:hidden;margin:10px 0px 0px 10px}
.cz-box-photo-shoppe{position:relative;overflow:hidden;padding-top:10px;display:block}
.cz_crop_330x330{float:left;margin:0;overflow:hidden}
.cz_box_photo_140x140:hover,.cz-box-photo-140x210:hover,.cz_box_photo_330x330:hover,.cz-box-photo-shoppe:hover{opacity:0.85;-moz-opacity:.85;filter:alpha(opacity=85)}
.cz-crop-height-140,.cz-crop-height-140-nb,.cz-crop-height-210,.cz-crop-height-210-nb{width:140px;overflow:hidden} 
.cz-crop-height-140{height:140px;display:block}
.cz-crop-height-210{height:210px;display:block}
.cz-crop-height-140-nb{height:140px}
.cz-crop-height-210-nb{height:210px}

.cz_box_caption,.cz_box_s_caption,.cz_box_f_caption{margin:8px 0px 0px;font-size:11px;line-height:15px}
.cz-box-caption-xl{width:220px;line-height:13px;font-size:11px;margin-top:3px;font-weight:bold}
.cz-box-caption-two{width:190px;line-height:13px;font-size:11px;margin-top:3px;font-weight:bold}
.cz-box-caption-fit{width:200px;line-height:13px;font-size:11px;margin-top:3px}
.cz_box_user{font-size:11px;line-height:13px}
.cz_box_caption,.cz_box_s_caption,.cz_box_user,.cz_box_stat{width:130px}
.cz_box_caption,.cz_box_s_caption{font-weight:bold}
.cz_box_stat{font-size:10px;color:#8C7E7E;line-height:13px}
.cz_box_f_caption{width:300px;font-weight:bold}
a.cz_box_user_link:hover{text-decoration:underline}
.cz_box_price_container,.cz_box_s_price_container,.cz_box_f_price_container{position:relative;z-index:2;overflow:hidden}
.cz_box_price_container,.cz_box_s_price_container{width:110px;height:110px}
.cz_box_f_price_container{width:210px;height:210px}
.cz_box_price,.cz_box_s_price,.cz_box_f_price{position:absolute;z-index:5;text-align:center;overflow:hidden}
.cz_rotate,.cz_box_price,.cz_box_s_price,.cz_box_f_price{-webkit-transform:rotate(-40deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
.cz_box_price{top:-125px;left:-190px;width:130px;line-height:21px;color:#524D4D;background-color:#F2F0F0;font-weight:300;font-size:11px}
.cz_box_s_price{top:15px;left:-30px;width:120px;line-height:15px;color:hsl(0,3%,31%);background-color:hsl(0,7%,95%);font-weight:bold}
.cz_box_f_price{top:35px;left:-90px;width:300px;line-height:26px;color:#fff;background-color:#666;font-weight:bold;font-size:130%}
.cz_box_btn,.cz_box_btn_done{color:#524D4D;text-shadow:0 1px rgba(255,255,255,0.9);position:absolute;z-index:1;top:110px;left:110px;display:none;padding:4px 4px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;text-align:center;border:1px solid transparent;border-color:#ccc;background-color:#f0eded;background:-moz-linear-gradient(center top,#fdfafb,#f9f7f7 50%,#f6f3f4 50%,#f0eded);background:-o-linear-gradient(top left,#fdfafb,#f9f7f7 50%,#f6f3f4 50%,#f0eded);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fdfafb),to(#f0eded),color-stop(.5,#f9f7f7),color-stop(.5,#f6f3f4));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfafb',endColorstr='#f0eded')}
.cz_box_btn_done{border:1px solid #999}
.cz_box_btn_done img,.cz_box_btn img{vertical-align:bottom}
.cz_box_btn span,.cz_box_btn_done span{margin:2px;display:inline-block}
.cz_box_l .cz_box_btn,.cz_box_l .cz_box_btn_done{top:180px}
.cz_box_btn:hover{border:1px solid #999;display:inline-block}
.cz-box-shoppe:hover .cz_box_btn_done,.cz-box-shoppe-two:hover .cz_box_btn_done,.cz_box_l:hover .cz_box_btn_done,.cz_box:hover .cz_box_btn_done{display:inline-block;cursor:default}
.cz-box-shoppe:hover .cz_box_btn,.cz-box-shoppe-two:hover .cz_box_btn,.cz_box_l:hover .cz_box_btn,.cz_box:hover .cz_box_btn,.cz_inline_block{display:inline-block}

/* bazaar */
.bz_button{font-weight:bold;color:white;padding:10px;width:120px;margin-right:5px}
.bz_banner{width:678px;text-align:right;height:50px;background-repeat:none;background-image:url(//img-clo-prod-us.clozette.co/static/img/market-plaza-store-banner.jpg)}
.bz_boxes{margin-left:-7px;margin-top:5px;padding:5px 0px 5px 0px}

.bz-menu-c{margin-top:2px;padding:2px 0px 5px 0px;height:30px}
.bz-menu-c span{display:inline-block;float:left;font-weight:bold;padding:10px 10px 10px 4px;height:25px}
.bz-menu{margin:0 auto;display:block;position:relative;z-index:6;float:left;border:1px solid #ccc}
.bz-menu .menu{list-style:none;margin:0 auto;height:25px;padding:0}
.bz-menu .menu a{color:#666}
.bz-menu .menu li ul li{width:200px}
.menu_light_theme ul li:hover .bz-menu-link-main{background-color:#e8e8e8}
.bz-menu .menu .bz-menu-link-selected .bz-menu-link,.bz-menu .menu .bz-menu-link-selected .bz-menu-link:hover{font-weight:bold}
.bz-menu-sort{height:25px;padding:10px 5px;margin-left:5px;float:left}

.bz-feature-stores{text-align:center;margin-top:10px;min-height:160px;border:1px solid #ccc}
.bz-feature-stores div{float:left;padding:5px 15px 0px 17px}
.bz-feature-stores h1{font-size:17px;font-weight:300;text-align:left;padding:10px}
.bz-feature-stores h1 a{font-size:12px;text-decoration:underline;font-weight:300}

/* store */
.st_banner{width:680px}
.st_banner img{max-width:680px}
.st_feature_container{width:680px;height:395px}
.st_tip{font-size:16px}
.st_overlay{position:fixed;z-index:15000;top:0;right:0;bottom:0;left:0;background:white;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.st_overlay_container{position:fixed;top:50%;left:50%;text-align:center;padding:1px;z-index:20}
.st_overlay_spinner{width:34px;height:34px;padding:1px}
.st_feature_main_tip{display:block;position:absolute;top:150px;left:100px;z-index:0;color:#ccc}
.st_feature_etc_tip{display:block;position:absolute;top:80px;left:20px;z-index:0;color:#ccc}
.st-about-me{padding:20px;word-wrap:break-word}
.store-summary{width:210px;border:1px solid #ccc;padding:5px;margin:10px 2px 10px 4px;float:left}
.store-main{width:210px;overflow:hidden;margin-top:3px}
.store-main-photo{width:210px;overflow:hidden;position:relative}
.store-name,.store-count{padding:2px}
.store-name a{font-size:15px;font-weight:bold}
.store-count{font-size:11px}
.store-tiny-photo{width:52px;height:52px;overflow:hidden;padding:0;margin:0}
#store-container{margin-left:-5px}

/* d */
.cz_vspace_s{height:5px}
.cz_vspace_m{height:10px}
.cz_vspace_l{height:20px}
.cz_box_outline{border:1px #ccc solid;margin-left:10px}
.st_info_box{float:left;width:290px;height:195px;text-align:center;padding:10px;line-height:24px}

.simple-modal-content{display:none}
#basic-modal-content{display:none}

/* Overlay */
#simplemodal-overlay{background-color:#333;cursor:default}

/* Container */
#simplemodal-container{height:440px;width:370px;color:#bbb;background-color:#FFFFFF;border:15px solid #aaa;padding: 12px 12px 50px 12px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:15px;}
/*#simplemodal-container .simplemodal-wrap {overflow:visible !important;}*/
#simplemodal-container .simplemodal-data{padding:8px;/* position:relative !important;*/}
#simplemodal-container code{background:#141414;border-left:3px solid #65B43D;color:#bbb;display:block;font-size:12px;margin-bottom:12px;padding:4px 6px 6px}
#simplemodal-container a{color:#ddd}
/*#simplemodal-container a.modalCloseImg{background:url();width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer}*/
#simplemodal-container h3{color:#84b8d9}
.simplemodal-cloze {  }

.cz-more-pad-bottom{clear:both;padding-bottom:10px}
.cz-more-pad-top{padding-top:10px}
.cz-more-dividers{border-top:1px dashed #ccc}
.cz-more-title{padding:10px 10px;height:20px}
.cz-title,.cz-more-title h3{font-size:17px;font-weight:300}
.cz-title{padding:0px 0 5px;border-bottom:1px solid #ccc;color:#666}
.cz-title span{float:right;display:inline-block;font-size:11px}
.cz-title dd{display:inline}
.cz-more-title h3 a,.cz-more-title h3 span{font-size:17px;font-weight:300;color:#c21e63}
.cz-box-looks{float:left;position:relative;background:white;width:140px;height:235px;overflow:hidden;border:1px solid #DDD;margin:10px 0px 0px 10px;padding:9px}
.bz-small-banner{line-height:24px;text-align:center}
.bz-small-banner a{color:#666}

.cz-carved{clear:both;float:none;width:100%;height:2px;margin:5px 0 0;border:none;background:#ddd;background-image:-webkit-gradient( linear,left top,left bottom,color-stop(0.5,rgb(221,221,221)),color-stop(0.5,rgb(255,255,255)));background-image:-moz-linear-gradient( center top,rgb(221,221,221) 50%,rgb(255,255,255) 50%)}

.cz-default-avatar{display:inline-block;width:80px;height:80px;cursor:pointer;background-position:-279px 0px;background-repeat:none;background-image:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png)}
.cz-recent-likes{display:inline-block;width:80px;height:80px;cursor:pointer;background-position:-360px 0px;background-repeat:none;background-image:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png)}
.cz-liked-by{font-size:12px;color:#666;font-weight:bold;padding-bottom:8px}
.cz-liked-c{display:inline-block;width:50px;height:50px;overflow:none}
.cz-liked-c img{width:50px;height:50px}

.cz-comment,.cz-item{padding:10px;background-color:#eee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.cz-item-left{float:left;padding-right:2px;color:#666;width:400px;font-weight:300;line-height:20px;word-wrap:break-word}
.cz-item-right{float:right;padding-left:2px;width:220px;color:#666;font-weight:300;line-height:20px}
.cz-item-right dl{font-weight:bold;min-width:80px;display:inline-block}
.cz-item-right dd{display:inline-block}
.cz-item-right dd a{text-decoration:underline;color:#666}
.cz-item-right dd a:hover{text-decoration:none}

.cz-deal{width:650px;padding:0 5px;text-align:center}
.cz-deal span{font-size:14px;font-weight:300;color:#666;padding:10px 25px;display:inline-block}
.cz-deal h2{font-size:17px;font-weight:300;color:#666}

.cz-share-lbl label{display:inline-block;height:26px;line-height:14px;color:#666;vertical-align:top;margin-top:6px}
.cz-share-fb{display:inline-block;width:26px;height:26px;cursor:pointer;background-position:-53px -26px;background-repeat:none;background-image:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png)}
.cz-share-fb:hover{background-position:-80px -26px}
.cz-share-tt{display:inline-block;width:26px;height:26px;cursor:pointer;background-position:-107px -26px;background-repeat:none;background-image:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png)}
.cz-share-tt:hover{background-position:-134px -26px}
.cz-share-email{display:inline-block;width:26px;height:26px;cursor:pointer;background-position:0px -26px;background-repeat:none;background-image:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png)}
.cz-share-email:hover{background-position:-27px -26px}

.cz-matches{padding:10px 0px;font-size:14px;font-weight:300}

.cz-exp-header{clear:both;font-size:14pt;border-bottom:1px #ccc solid;padding-top:10px}
.cz-exp-boxes{margin-left:-5px;padding-bottom:20px}
.cz_explore_container{width:100%;height:300px;background-color:#ccc;text-align:left;position:relative}
.cz_explore_main_container{margin:0 auto;text-align:left;width:1010px;position:relative}
.cz-exp-table{height:100%;display:table-cell;vertical-align:top}
.cz-exp-main-center{min-height:2000px;background-color:white;text-align:left;position:relative;width:680px;padding:0 10px}
.cz-exp-right-sidebar{left:695px;margin:0px 0px 0px 10px;width:300px;position:absolute;top:0}

/*  01 MENU BAR */
.wrapper_menu{margin:0 auto;display:block;position:relative;z-index:11}
/*.wrapper_menu .menu{list-style:none;margin:0 auto;height:32px;padding:0}*/
.wrapper_menu_full{margin:0;position:relative;z-index:12}
.wrapper_menu_full .menu{width:100%;padding-top:5px;height:32px}
.wrapper_menu_full .menu_whole_width{list-style:none;margin:0 auto;height:32px;padding:0}
.menu li{float:left;text-align:center;position:relative;border:none}
.menu .fullwidth{position:static !important}
.menu li:hover{border-bottom:none}
.menu li.nodrop:hover{}
.menu li.nodrop:hover a{color:white}
.menu li a{
    outline: 0;
    padding: 10px;
    text-decoration: none;
    display: block;
    color: #000;
    font-family: franklin-cd;
    font-size: 16px;
    /*font-weight: bold;*/
}
.menu li:hover a{position:relative;z-index:11}
.menu li:hover div a{display:inline}
.menu li .drop,.menu li:hover .drop{padding-right:10px}
.menu li a:active{font-weight:normal}
.newsfeed-new {
	width: 25px;
	height: 14px;
	font-size: 8px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 4px;
	right: -6px;
	background-color: #dc1c55;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Right aligned menu item */
.menu li.right{float:right;right:0;margin-right:0}
.menu li.right:hover{margin-right:-1px}

/* Left & right aligned common styles */
.menu .dropdown_1column,.menu .dropdown_2columns,.menu .dropdown_3columns,.menu .dropdown_4columns,.menu .dropdown_5columns,.menu .dropdown_fullwidth 
{margin:4px auto;left:-999em;position:absolute;padding:5px 10px;text-align:left}

/* Drop Downs Sizes */
.menu .dropdown_1column{width:130px;box-shadow:0 2px 5px rgba(34,25,25,0.5);-moz-box-shadow:0 2px 5px rgba(34,25,25,0.5);-webkit-box-shadow:0 2px 5px rgba(34,25,25,0.5)}
.menu .dropdown_2columns{width:270px}
.menu .dropdown_3columns{width:410px}
.menu .dropdown_4columns{width:560px}
.menu .dropdown_5columns{width:700px}
.menu .dropdown_fullwidth{width:920px}
.menu li .first_fullwidth{}

/* Showing Drop Down on Mouse Hover - Left aligned */
.menu li:hover .dropdown_1column,.menu li:hover .dropdown_2columns,.menu li:hover .dropdown_3columns,.menu li:hover .dropdown_4columns,.menu li:hover .dropdown_5columns{left:-1px;top:40px}
.menu li:hover .dropdown_fullwidth{left:21px;top:33px;display:block}
.wrapper_menu_full .menu li:hover .dropdown_fullwidth{left:50%;margin-left:-470px;top:32px;display:block}

/* Showing Drop Down on Mouse Hover - Right aligned */
.menu li .align_right{}
.menu li:hover .align_right{left:auto;right:-1px;top:28px}
.menu li.right:hover .dropdown_fullwidth{right:18px;top:33px}
.wrapper_menu_full .menu li.right:hover .dropdown_fullwidth{left:auto;right:50%;margin-right:-471px;top:32px}

/* Columns Sizes */
.menu .col_1,.menu .col_2,.menu .col_3,.menu .col_4,.menu .col_5,.menu .col_6{float:left;margin-left:10px}
.menu .col_1{width:130px}
.menu .col_2{width:270px}
.menu .col_3{width:410px}
.menu .col_4{width:560px}
.menu .col_5{width:700px}
.menu .col_6{width:840px}

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn{margin-left:0;clear:left}

/* Standard lists styles */
.menu li ul{list-style:none;padding:0;margin:0 0 12px 0}
.menu li ul li{font-size:12px;line-height:24px;position:relative;padding:0;margin:0;float:left;text-align:left;width:130px}
.menu li ul li a{padding:0} .menu li ul li:hover{background:none;border:none;padding:0;margin:0}

/* 2-Levels Drop Down */
.menu .levels,.menu .levels ul{padding:0;margin:0;list-style:none}
.menu li:hover .levels a{display:block}
.menu .levels a{display:block}
.menu .levels li{float:left}
.menu .levels li ul{position:absolute;top:-23px;margin:15px 0 0 4px;padding:6px;left:-999em}
.menu .levels li:hover ul ul,.menu .levels li:hover ul ul ul{left:-999em}
.menu .levels li:hover ul,
.menu .levels li li:hover ul,
.menu .levels li li li:hover ul{left:142px}

/* 05 LIGHT THEME */
.menu_light_theme ul li:hover,
.menu_light_theme ul li.nodrop:hover{background-color:#aaa;color:white}
.menu_light_theme ul li:hover a{color:#161616}
.menu_light_theme ul li:hover .drop{background-color:#aaa;color:white}
.menu_light_theme ul .dropdown_1column,.menu_light_theme ul .dropdown_2columns,.menu_light_theme ul .dropdown_3columns,.menu_light_theme ul .dropdown_4columns,.menu_light_theme ul .dropdown_5columns,.menu_light_theme ul .dropdown_fullwidth,.menu_light_theme ul .levels li ul 
{background:#fff}
.menu_light_theme .menu li:hover div a{}
.menu_light_theme .menu li.noactive a{color:#eeeeee}

/* Black */
.menu_black{background:black}
.wrapper_menu .menu_black{}
.wrapper_menu_full .menu_black{}
.menu_light_theme .menu_black li:hover div a{color:#444}
.menu_light_theme .menu_black li:hover div a:hover{color:#777}
.menu_light_theme .menu_black li ul li a:hover{color:#777}

/* white */
.menu_white{background:white}
.wrapper_menu .menu_white{}
.wrapper_menu_full .menu_white{}
.menu_light_theme .menu_white li:hover div a{color:#444}
.menu_light_theme .menu_white li:hover div a:hover{color:#777}
.menu_light_theme .menu_white li ul li a:hover{color:#777}

/* user menu */
.cz-user-menu{margin:0 auto;display:block;position:relative;z-index:13;float:right}
.cz-user-menu .menu{list-style:none;margin:0 auto;height:25px;padding:0}
.cz-user-menu .menu a{color:#666}
.cz-user-menu .menu li em{color:#666;outline:0;padding:10px 2px 10px 0;text-decoration:none;display:block}
.cz-user-menu .menu li em:hover{}
.cz-user-menu .menu li ul li{width:140px}
.cz-user-whoami{float:right;padding:10px 2px 10px 0;outline:0;color:#666}
.cz-user-sep{padding:10px 5px;float:right}
.cz-feature-menu-200{width:200px !important}
.cz-feature-menu-200-r{margin:0 5px 0 -15px;float:left;width:85px}
.cz-feature-menu-200-h2{font-size:12px;line-height:20px;font-weight:300}
.cz-menu-selected{/*background-color:#aaa;*/color:white}
.cz-search-menu{float:right !important}

/* scroll top,about */
#cz-scroll-about{position:fixed;right:16px;overflow:hidden;width:70px;line-height:20px;z-index:21;background-color:#333;cursor:pointer;padding:3px;text-align:center;color:white;display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;opacity:0.40;-moz-opacity:.40;filter:alpha(opacity=40);font-size: 12px;}
#cz-scroll-about:hover{opacity:0.80;-moz-opacity:.80;filter:alpha(opacity=80)}
#cz-scroll-about{bottom:20px}

.bbcode_smiley{margin-bottom:-8px}

.cz-breadcrumb{line-height:20px;font-size:12px;font-weight:300}
.cz-breadcrumb a{text-decoration:underline}
.cz-breadcrumb strong{color:#999;font-size:14px;padding:0 4px;display:inline-block}

.cz-right-mrect{float:right;width:300px;margin:10px 0 10px 10px}

/* revo */
.clear-both{clear:both}
.underline,.follower li a:hover{text-decoration:underline}
.uppercase{text-transform:uppercase}
.button,.s-button,.xs-button{border:1px solid #ccc;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;cursor:pointer;white-space:nowrap;overflow:visible;outline:0 none}
.button{font:bold 14px/16px helvetica;padding:10px}
.s-button{font:bold 12px/14px helvetica;padding:6px}
.xs-button{font:normal 12px/14px helvetica;padding:4px}
.button:hover,.xs-button:hover{border-color:#999;box-shadow:0 0 3px rgba(0,0,0,0.4);-moz-box-shadow:0 0 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4)}
button.pink{background-color:#C21E63;color:white}
button.grey{background-color:DimGray;color:white}
button.system,a.system{background-color:#f6f6f6;background-image:linear-gradient(top,#fff,#efefef);background-image:-moz-linear-gradient(top,#fff,#efefef);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#efefef));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef)}
.grey-border{border:1px solid #ccc}
.line-height-23{line-height:23px}
.font-size-13{font-size:13px}
.txt-h1{font:600 17px/23px AvenirNextLTPro-Bold}
.txt-h2{font:600 15px/19px helvetica}
.txt-xl{font:normal 17px/19px helvetica}
.txt-l{font:normal 15px/17px helvetica}
.txt-m{font:normal 13px/15px helvetica}
.txt-s{font:normal 11px/13px helvetica}
.dimgray{color:dimgray}
.white{color:white}
.bg-black{background-color:black}
.bg-white{background-color:white}
.none{display:none}
.inline{display:inline}
.inline-block{display:inline-block}
.block{display:block}
.bold{font-weight:bold}
.dashed-grey{border-bottom:1px dashed gainsboro}
.break-word{word-wrap:break-word}
.center,.tc{text-align:center}
.top--15{top:-15px}.top--45{top:-45px}
.bottom--15{bottom:-15px}
.pad-2{padding:2px}.pad-5{padding:5px}.pad-10{padding:10px}.pad-10-0-5-10{padding:10px 0 5px 10px}
.gap-5{margin:5px}.gap-10{margin:10px}.gap-17{margin:17px}.gap-5-0-5-5{margin:5px 0px 5px 5px}
.gap-height-5{margin:5px 0}.gap-height-10{margin:10px 0}
.gap-top-5{margin-top:5px}.gap-top-10{margin-top:10px}.gap-top-15{margin-top:15px}.gap-top-20{margin-top:20px}.gap-top-3{margin-top:3px}
.gap-bottom-5{margin-bottom:5px}.gap-bottom-10{margin-bottom:10px}.gap-bottom-15{margin-bottom:15px}.gap-bottom-20{margin-bottom:20px}.gap-bottom-3{margin-bottom:3px}
.gap-right-3{margin-right:3px}.gap-right-5{margin-right:5px}.gap-right-10{margin-right:10px}.gap-right-15{margin-right:15px}.gap-right-20{margin-right:20px}
.gap-left-3{margin-left:3px}.gap-left-5{margin-left:5px}.gap-left-10{margin-left:10px}.gap-left-15{margin-left:15px}.gap-left-20{margin-left:20px}.gap-left-27{margin-left:27px}.gap-left-30{margin-left:30px;}
.width-48{width:48px}.width-150{width:150px}.width-180{width:180px}.width-250{width:250px}.width-475{width:475px}.width-400{width:400px}.width-500{width:500px}
.height-120{height:120px}
.f-left{float:left}.f-right{float:right}
.r-arrow{background:url(//img-clo-prod-us.clozette.co/static/img/r-arrow.png) no-repeat 0px center;left:5px;width:20px;height:20px;position:relative;display:block}
/* avatar */
.avatar{width:295px;border:1px solid gainsboro;margin:8px 0;-moz-box-shadow:3px 3px 3px -2px gainsboro;-webkit-box-shadow:3px 3px 3px -2px gainsboro;box-shadow:3px 3px 3px -2px gainsboro}
.avatar .img{width:80px;float:left}
.avatar .desc{width:180px;float:right;margin:5px;vertical-align:middle}
/* picker */
.picker{position:relative;display:block;margin-bottom:5px;padding:6px 24px 6px 12px;background-color:#f0eded;background:-moz-linear- gradient(#fffcfc,#f0eded);background:-o-linear-gradient(#fffcfc,#f0eded);background:-webkit-linear-gradient(#fffcfc,#f0eded);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc',endColorstr='#f0eded');cursor:pointer;border:1px solid #ad9c9c;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px 1px rgba(34,25,25,0.1),0 1px #fff;-moz-box-shadow:inset 0 1px 1px rgba(34,25,25,0.1),0 1px #fff;-webkit-box-shadow:inset 0 1px 1px rgba(34,25,25,0.1),0 1px #fff}
.picker .selected-text{display:block;font:normal 16px/18px helvetica;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker:hover{background-color:#ebe8e8;background:-moz-linear-gradient(#f9f6f6,#ebe8e8);background:-o-linear-gradient(#f9f6f6,#ebe8e8);background:-webkit-linear-gradient(#f9f6f6,#ebe8e8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f6',endColorstr='#ebe8e8');border-color:#8c7e7e}
.picker:active{background-color:#3875D7;background:-moz-linear-gradient(#2a62bc,#3875D7);background:-o-linear-gradient(#2a62bc,#3875D7);background:-webkit-linear-gradient(#2a62bc,#3875D7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a62bc',endColorstr='#3875D7');border-color:#524d4d;box-shadow:inset 0 1px 1px rgba(34,25,25,0.5),0 2px 2px white;-moz-box-shadow:inset 0 1px 1px rgba(34,25,25,0.5),0 2px 2px white;-webkit-box-shadow:inset 0 1px 1px rgba(34,25,25,0.5),0 2px 2px white}
.picker:active .selected-text{color:white;text-shadow:none}
.picker .create-text{padding:8px;background-color:#f2f0f0;border-top:1px solid #cccaca;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;cursor:default}
.picker .create-text input{display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:normal 16/18px helvitica;width:70%;margin:0 6px 0 0;font-size:1em;border:1px solid #ad9c9c;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px rgba(255,255,255,0.8);-moz-box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px rgba (255,255,255,0.8);-webkit-box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px rgba(255,255,255,0.8);-webkit-transition:all 0.08s ease-in-out;-moz-transition:all 0.08s ease-in-out}
.list-item-overlay{display:none;position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0}
.list-item,.brands-item{display:none;position:absolute;z-index:9999;top:-1px;left:-1px;background-color:#fff;border:1px solid #aaa;box-shadow:0 0 17px #bbb;-moz-box-shadow:0 0 17px #bbb;-webkit-box-shadow:0 0 17px #bbb;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.list-item .wrapper,.brands-item .wrapper{overflow-x:hidden;overflow-y:auto}
.list-item li{position:relative;display:block;margin:0;font:normal 16px/18px helvetica;padding:10px;list-style:none;color:#524d4d;cursor:pointer;width:100%}
.list-item li:hover,.list-item li:active,.list-item .selected{color:white;background-color:#3875D7}
.list-item li:active{text-shadow:none}
.list-item li:first-child{border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0}
/* tags */
ul.tagit{padding:5px 5px 0;overflow:auto;margin-left:inherit;margin-right:inherit}
ul.tagit li{display:block;float:left;margin:2px 5px 2px 0}
ul.tagit li.tagit-choice{padding:.2em 18px .2em .5em;position:relative;line-height:inherit}
ul.tagit li.tagit-new{padding:.25em 4px .25em 0}
ul.tagit li.tagit-choice a.tagit-label{cursor:pointer;text-decoration:none;font:300 14px/18px helvetica} 
ul.tagit li.tagit-choice .tagit-close{cursor:pointer;position:absolute;right:.1em;top:50%;margin-top:-8px}
ul.tagit li.tagit-choice .tagit-close .text-icon{display:none}
ul.tagit li.tagit-choice input{display:block;float:left;margin:2px 5px 2px 0}
ul.tagit input[type="text"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;margin:0;padding:0;width:auto;background-color:inherit;outline:none;font:300 14px/18px helvetica;min-width:250px}
/* slides */
#slide-cover #slides{position:relative;z-index:100;margin-left:30px}
#slide-cover .slides_container{width:202px;overflow:hidden;position:relative;display:none}
#slide-cover .slides_container div.slide{width:180px;height:180px;display:block;padding:10px 10px 20px;border:1px solid #ccc;background-color:white}
#slide-cover .slides_container div.slide img{position:absolute;clip:rect(0px 180px 180px 0px)}
#slide-cover .slides_container div.slide .caption{z-index:500;top:195px;position:absolute;left:0;width:180px;text-shadow:none;font-size:11px;padding:0px 10px;overflow:hidden;text-overflow:ellipsis;text-align:center}
#slide-cover #slides .next{display:inline-block;float:right;position:absolute;margin-top:10px;left:170px}
#slide-cover #slides .prev{display:inline-block;float:right;position:absolute;margin-top:10px;left:5px}
.modal-ok,.modal-error{line-height:30px;font-size:17px;text-align:center;margin:24px}
.modal-error{color:red}
.modal-ok a{text-decoration:underline}
.modal-ok a:hover{text-decoration:none}
/* tips */
.button-tips,.tips{font:bold 12px/14px helvetica;padding:10px;color:white;background-color:black;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative;opacity:0.95;min-width:80px;text-align:center}
.tips:after,.button-tips:after{content:'';position:absolute;top:-5px;z-index:-1;border-bottom:5px solid black;border-right:5px solid transparent;border-left:5px solid transparent}
.tips:after{right:43%}
.button-tips:after{right:50%}
/* collection */
.collection { width:1010px;margin:0 auto;background-color:white }
/*.collection, .beauty{width:1010px;margin:0 auto;background-color:white}*/
.collection .main {width:696px;float:left;background-color:white;min-height:800px;padding:0 0 50px;border-right:1px dashed #ccc}
.collection .sidebar {float:right;background-color:white;min-height:800px;margin:0px 6px 0 2px;width:300px}
/*.collections{list-style-type:none;margin:10px 0 30px 20px}*/
.collections li{float:left}
.collections li h3{text-align: center; font-size: 13px; line-height: 16px; width: 224px; min-height: 52px; overflow: hidden;}
.collections li h4{text-align:center;font-size:12px;line-height:17px;font-weight:300}
.collections .owner,.collections .owner img{cursor:move}
/* photo */
.sp-photo{position:relative;width:150px;height:285px;margin:10px}
.sp-photo .caption{display:block;font:bold 11px/13px helvetica;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-photo .who{font-size:11px;line-height:13px}
.caption-price{font-weight:normal}
.sp-photo .stats, .sp-photo .who,.caption-price{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:140px;}
.sp-photo .stats{line-height:14px;font-size:10px;color:#8c7e7e}

.photo{position:relative;width:197px;height:260px;border:1px solid white;margin:10px;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4)}
.sphoto{position:relative;width:160px;height:220px;border:1px solid white;margin:5px;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4)}
.lphoto{position:relative;width:150px;height:280px;margin:6px}
.sp-photo:hover .button,.lphoto:hover .button,.sphoto:hover .button,.photo:hover .button{display:inline-block;z-index:5}
.sp-photo .image,.lphoto .image,.lphoto .cover{display:inline-block;width:150px;height:225px;overflow:hidden}
.sphoto .image,.sphoto .cover{display:inline-block;width:145px;height:145px;overflow:hidden}
.photo .image,.photo .cover{display:inline-block;width:240px;height:222px;overflow:hidden}
.lphoto .image,.sphoto .image,.photo .image{margin:8px 8px 4px}
.lphoto .cover,.sphoto .cover,.photo .cover{margin:8px 0px 1px}
.lphoto .cover .empty,.sphoto .cover .empty,.photo .cover .empty{background-color:#e3e3e3;float:left;width:180px;height:180px;overflow:hidden}
.sp-photo .image .clip,.lphoto .image .clip,.lphoto .cover .clip{position:absolute;clip:rect(0px 150px 225px 0px)}
.sphoto .image .clip,.sphoto .cover .clip{position:absolute;clip:rect(0px 145px 145px 0px)}
.photo .image .clip,.photo .cover .clip{position:absolute;clip:rect(0px 240px 240px 0px)}
.lphoto .image .clip img,.lphoto .cover .clip img{width:150px}
.sphoto .image .clip img,.sphoto .cover .clip img{width:144px}
.photo .image .clip img,.photo .cover .clip img{width:180px}
.lphoto .caption,.sphoto .caption,.photo .caption{display:block;font-weight:500;line-height:15px;font-size:11px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lphoto .stats,.lphoto .source,.lphoto .who,.sphoto .stats,.sphoto .source,.sphoto .who,.photo .stats,.photo .source,.photo .who{display:block;line-height:14px;font-size:10px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lphoto .stats,.sphoto .stats,.sphoto .source,.photo .stats,.photo .source{color:#8c7e7e}
.sp-photo .stats .likes,.sp-photo .stats .comments,.lphoto .stats .likes,.lphoto .stats .liked,.lphoto .stats .comments,.lphoto .stats .repins,.sphoto .stats .likes,.sphoto .stats .liked,.sphoto .stats .comments,.sphoto .stats .repins,.photo .stats .likes,.photo .stats .liked,.photo .stats .comments,.photo .stats .repins{margin-right:2px;display:inline-block}
.sp-photo .button,lphoto .button,.sphoto .button,.photo .button{text-decoration:none;text-align:center;border:1px solid #cdcdcd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;white-space:nowrap;overflow:visible;outline:0 none;padding:6px;text-align:center;z-index:1;font:400 12px/14px helvetica;color:#433;background-color:white}
.sp-photo .button:hover,.lphoto .button:hover,.sphoto .button:hover,.photo .button:hover{color:black;box-shadow:inset 0 1px rgba(255,255,255,0.35),0 1px 2px rgba(35,24,24,0.75);-moz-box-shadow:inset 0 1px rgba(255,255,255,0.35),0 1px 2px rgba(35,24,24,0.75);-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.35),0 1px 2px rgba(35,24,24,0.75);color:black;text-decoration:none}
.sp-photo .button,.lphoto .button,.sphoto .button,.photo .button{display:none;position:absolute;top:1px}
.sp-photo .button span,.lphoto .button span,.sphoto .button span,.photo .button span{margin-left:8px;padding-left:2px}
.sp-photo .like,.lphoto .like,.sphoto .like,.photo .like,.social .like{background:url(//img-clo-prod-us.clozette.co/static/img/clc/like.png) no-repeat 4px center #fffffe;left:1px}
.sp-photo .liked,.lphoto .liked,.sphoto .liked,.photo .liked,.social .liked{background:url(//img-clo-prod-us.clozette.co/static/img/clc/liked.png) no-repeat 4px center #fffffe;color:black;cursor:default;left:1px}
.sp-photo .like,.sp-photo .liked,.lphoto .like,.lphoto.liked,.sphoto .like,.sphoto .liked{left:20px;width:40px}
.photo .like,.photo .liked{left:1px;width:40px}
.sp-photo .add,.lphoto .add,.sphoto .add,.photo .add,.social .add{background:url(//img-clo-prod-us.clozette.co/static/img/clc/add.png) no-repeat 4px center #fffffe}
.sp-photo .add,.lphoto .add,.sphoto .add{left:85px;width:40px}
.photo .add{left:65px}
.lphoto .comment,.sphoto .comment,.photo .comment,.social .comment{background:url(//img-clo-prod-us.clozette.co/static/img/clc/comment.png) no-repeat 4px center #fffffe;left:122px}
.photo .edit{top:175px;left:15px;text-transform:uppercase;width:60px}
.lphoto .edit,.sphoto .edit{top:120px;left:10px;text-transform:uppercase;width:50px}
.lphoto .edit-collection,.sphoto .editi-collection,.photo .edit-collection{left:35px;width:100px}
.photo .delete{top:175px;left:110px;text-transform:uppercase;width:60px}
.lphoto .delete,.sphoto .delete{top:120px;left:85px;text-transform:uppercase;width:50px}
.lphoto .thumbnails,.sphoto .thumbnails,.photo .thumbnails{display:block;}
.lphoto .price-box,.sphoto .price-box,.photo .price-box{position:absolute;z-index:2;top:-1px;left:-2px;width:90px;height:90px;overflow:hidden}
.lphoto .price,.sphoto .price,.photo .price{position:absolute;z-index:2;top:19px;left:-28px;width:125px;height:22px;padding-top:8px;text-align:center;font-size:11px;color:#524D4D;background-color:#F2F0F0;overflow:hidden;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.lphoto .thumbnail,.sphoto .thumbnail,.photo .thumbnail{float:left;width:73px;height:74px;overflow:hidden;display:block}
.thumanil .clip img,.thumbnail .clip img{width:60px}
.lphoto .thumbnail .empty,.sphoto .thumbnail .empty,.photo .thumbnail .empty{background-color:#e3e3e3;float:left;width:60px;height:60px;overflow:hidden;margin-right:1px}
.photo .video{top:90px;left:85px}
.lphoto .video,.sphoto .video{top:72px;left:66px}
.lphoto .video,.sphoto .video,.photo .video{position:absolute;width:36px;height:25px;margin:0;padding:0;background:url(//img-clo-prod-us.clozette.co/static/img/video-play.png)}
.lphoto .system,.sphoto .system,.photo .system{border:1px solid #663F3F}
/*.lphoto .footer,.sphoto .footer{display:inline-block;width:143px;background-color:gainsboro;position:absolute;top:196px;height:13px;margin:5px 0 5px -1px;padding:5px 9px 2px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*/
.lphoto .footer,.sphoto .footer{display:inline-block;width:143px;background-color:gainsboro;position:absolute;top:196px;height:13px;margin:5px 0 5px -1px;padding:5px 9px 2px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYjNiMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2IzYjMiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(179,179,179,0) 0%, rgba(179,179,179,0.65) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,179,179,0)), color-stop(100%,rgba(179,179,179,0.65))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(179,179,179,0) 0%,rgba(179,179,179,0.65) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(179,179,179,0) 0%,rgba(179,179,179,0.65) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(179,179,179,0) 0%,rgba(179,179,179,0.65) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(179,179,179,0) 0%,rgba(179,179,179,0.65) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3b3b3', endColorstr='#a6b3b3b3',GradientType=0 ); /* IE6-8 */}
/* follow */
.follower li{width:49%;float:left}
.avatar .img img,.follower li img{margin:10px;border:1px solid #ccc;vertical-align:middle}
/* comment form */
#modal-overlay{background-color:black;cursor:wait}
#modal-container{width:620px;background-color:#eee;color:black;font:16px/24px;padding-bottom:4px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-radius:0 0 6px 6px;-moz-box-shadow:0 0 64px black;-webkit-box-shadow:0 0 64px black;box-shadow:0 0 64px black;top:40px !important;}
#modal-container .close{display:none;position:absolute;right:0;top:0}
#modal-container .close a{display:block;color:#777;font:bold 25px/16px helvetica;padding:10px 12px 0;text-decoration:none;text-shadow:0 1px 0 #f4f4f4}
#modal-container .close a:hover{color:black}
#modal-container h2{margin:10px 0 6px}
#modal-container p{margin-bottom:10px}
#modal-title{color:black;background-color:#ddd;border-bottom:1px solid #ccc;font-weight:bold;font-size:15px;line-height:25px;padding:6px 8px;text-shadow:0 1px 0 #f4f4f4;width:603px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#modal-title div{width:580px;display:inline-block;overflow:hidden;text-overflow:ellipsis}
#modal-comment-textarea{width:96%;height:106px}
#modal-textarea{width:96%;height:90px}
.modal-create-header{margin-left:15px}
.modal-create-header h2{font:bold 16px/18px helvetica}
#modal-create-msg{color:red;display:inline-block;text-align:center;height:18px;width:350px}

#ProfileModalContainer {
    width: 540px;
    height: 300px !important;
    border: 8px solid rgba(0, 0, 0, 0.20);
    font-size: 16px;
    color: #000;
    background: #fff;
    padding-bottom:4px;
    top:40px !important;
}

#ProfileModalContainer .simplemodal-wrap {
    overflow: hidden !important;
    position: relative;
}

#ProfileModalContainer #modal-title {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    background-color: #fff;
    border-bottom: none;
    width: auto;
    font-weight: normal;
    padding: 15px 0;
    position: relative;
}

#ProfileModalContainer .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#ProfileModalContainer .simplemodal-close, .cz_right.simplemodal-close {
    background: url("../img/cd-sprite.png") -101px 0;
    cursor: pointer;
    height: 17px;
    display: block;
    width: 19px;
    text-indent: -9999px;
}

.cz_right.simplemodal-close .cz-close {
    background: transparent;
}

#ProfileModalContainer .modal-photo {
    float: none;
    padding: 0;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

#ProfileModalContainer .modal-photo-right {
    float: none;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

#ProfileModalContainer .modal-photo-right em {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
}

#ProfileModalContainer .cz_padding_10 {
    padding: 0;
}

#ProfileModalContainer .button.system.simplemodal-close {
    display: none;
}

#ProfileModalContainer .button.system {
    background: #fff;
    color: #000;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    margin: 10px 0;
    border-radius: 0;
    font-weight: normal;
    padding: 4px 50px;
    border: 1px solid black;
}

#ProfileModalContainer .button.system:hover, .delete-collection-btn:hover {
    background: #000;
    color: #fff;
}

/* edit */
.edit-left{float:left;width:150px}
.edit-right{float:left;width:450px}
.edit-right label,.edit-left label{padding:5px 10px;display:inline-block;font:bold 15px/17px helvetica}
.edit-li{clear:both;margin:0;padding:5px 0 25px;color:#8C7E7E;float:left;width:100%}
#upload-tags_tagsinput,#upload-brand_tagsinput,.big-textbox{resize:none;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;padding:6px;color:#221919;background:white;border:1px solid #AD9C9C;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px white;-moz-box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px #fff;-webkit-box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px white;-moz-transition:all 0.08s ease-in-out;-webkit-transition:all 0.08s ease-in-out;font:300 14px/18px helvetica}
#create-new-collection{height:30px;font-size:14px;width:260px;margin-bottom:-11px}
.create-collection{padding:10px;background-color:#f2f0f0;border-top:1px solid #cccaca;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;cursor:default}
.create-collection input{display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:14px;width:80%;margin:0 6px 0 0;font-size:1em;border:1px solid #ad9c9c;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px rgba(255,255,255,0.8);-moz-box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px rgba (255,255,255,0.8);-webkit-box-shadow:inset 0 1px rgba(34,25,25,0.15),0 1px rgba(255,255,255,0.8);-webkit-transition:all 0.08s ease-in-out;-moz-transition:all 0.08s ease-in-out}
.error ul{width:100%;padding:10px}
.error li{color:red;font-size:14px;line-height:30px;list-style-type:square;text-transform:capitalize;margin-left:30px}

/* modal photo */
.modal-photo{float:left;padding:15px;width:180px;height:180px}
.modal-photo .clip{position:absolute;clip:rect(0px 150px 150px 0px)}
.modal-photo-right{float:left;width:400px}
.modal-photo-right em{display:block;font:bold 16px/24px helvetica;margin:20px 5px}

/* upload form */
#upload-file{width:95%;padding:5px;line-height:1em;color:#8C7E7E;background:#FCF9F9;border:1px solid;border-color:#DDD #E1DFDF #D1CDCD;box-shadow:inset 0 0 2px rgba(255,255,255,0.75);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,0.75);-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,0.75);font:300 14px/18px helvetica}

/* navi */
.navi{min-height:25px;margin:0 auto;padding:0;background:#faf7f7;overflow:hidden;border-bottom:none;line-height:28px;z-index:20;width:1010px}
.navi ul li{float:left;padding:2px 10px;min-width:60px;text-align:center;background: rgb(255,255,255);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );}
.navi ul li:hover,.navi .selected{background-color:#dedede;background: rgb(255,255,255);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(219,219,219,1) 47%, rgba(211,211,211,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(219,219,219,1)), color-stop(100%,rgba(211,211,211,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 47%,rgba(211,211,211,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 47%,rgba(211,211,211,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 47%,rgba(211,211,211,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 47%,rgba(211,211,211,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );}
/* footer */
#footer{margin:0 auto;width:1010px;background-color:white}
#footer em{padding-right:20px}
#footer span{padding:5px}
#footer a{font-weight:normal;color:#444}
#footer a:hover{color:#666}
div#footer-about{padding:7px 0 15px;z-index:20;width:1010px;background-color:white;border-top:1px solid #ddd}
#footer-close{text-align:right;margin:0 5px 0 0}
#footer-close a{display:inline-block}
#footer-close a,.cz-close{display:inline-block;width:15px;height:15px;background:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png) no-repeat -174px 0}
#footer-close a:hover,.cz-close:hover{background:url(//img-clo-prod-us.clozette.co/static/img/cs.v3.png) no-repeat -188px 0}
#footer-info{text-align:center;margin-top:10px}
/* menu */
.guest{padding:3px 0 5px;font-weight:normal;color:#444}
/*.mdrop{float:left;margin:5px}
.mdrop a{font-size:13px;line-height:17px;color:#1a1316;display:inline-block}
.mdrop .arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #aaa;display:inline-block;margin-bottom:3px}*/
.delimiter{line-height:30px; margin:-12px 2px 0}
/*.mdrop li{line-height:19px;font-size:13px;text-align:left;padding:5px;width:120px}*/
/*.mdrop li:hover{background-color:black}
.mdrop li:hover a{color:white}*/
/*.mdrop:hover ul{display:block}*/
/*.mdrop:hover .arrow{border-top-color:black}*/
/*.mdrop:hover .mlist{position:absolute;z-index:100;background-color:white}*/
#leaderboard{float:right;width:728px;height:90px}

/* shoppe*/
#sp-menu li {text-transform:uppercase;font-size:12px;line-height:25px;display:inline-block;float:left}
#sp-menu li:last-child{float:right;}
#sp-menu span,#sp-menu strong{display:inline-block;padding-right:10px}
.on-sale,.on-sale:hover{color:#c21e63}
#sp-menu a:hover{color:#aaa}

.sp-menu-divider{border-bottom:1px solid #ddd;height:1px;margin:5px 0}
.sp-a2z-divider{padding:10px 0px}
#sp-country-list,#sp-a2z-list{margin:20px 0 0 5px}
#sp-a2z-list li{float:left;min-width:20px}
#sp-country-list li{float:left;min-width:80px}
#sp-country-list li a:hover,#sp-a2z-list li a:hover{color:#aaa;text-decoration:underline}
.sp-a2z-list-divider{padding:10px 0px}
.sp-country-div,.sp-a2z-div{border-bottom:1px dashed #ccc;padding-top:10px;width:680px}
.sp-country-div ul,.sp-a2z-div ul{line-height:24px}
.sp-country-div ul li,.sp-a2z-div ul li{display:inline-block;padding-right:15px;vertical-align:middle}
.sp-country-div ul li{width:165px}
.sp-a2z-div ul li{width:190px}
.sp-country-div a:hover,.sp-a2z-div a:hover{color:#aaa}
.sp-country-big,.sp-a2z-big-letter{vertical-align:top;color:#666;margin-left:5px;padding-top:10px;float:left}
.sp-country-big{width:120px;font-size:16px;line-height:24px}
.sp-a2z-big-letter{width:35px;font-size:26px}
.sp-country-brands,.sp-a2z-brands{padding-top:10px;float:left}
.sp-country-brands{width:540px}
.sp-a2z-brands{width:640px}
.sp-about-designer{float:left;padding:10px;min-height:180px}
.sp-about-designer h1,.sp-about-designer h2,.sp-h1,.sp-explore-h1 .sp-didot-h1{font-size:17px;font-weight:300;color:#666;line-height:24px}
.sp-didot-h2{font-size:15px ;font-weight:300;color:white;background-color:black;line-height:24px;width:225px;margin-top:10px;font-family:didot;padding:8px 10px}
.sp-discover{width:245px;background:transparent;height:25px;border:1px solid #ccc;margin-bottom:5px}
.sp-discover-header{padding:2px 0 3px;font-size:13px;font-weight:300;margin:5px 0 6px}
.sp-h1{margin:10px 0}
.sp-didot-h1{padding:10px;background-color:black;color:white;width:165px;font-family:didot;font-size:17px;font-weight:300;text-align:center}
.sp-didot-h1-normal{padding:10px;font-family:didot;font-size:19px;font-weight:300;border-bottom:1px solid #ccc; margin-top:10px}
.sp-explore-h1{margin:15px 0 5px;border-bottom:1px solid #ccc}
.sp-explore-main{width:650px;float:left}
#sp-explore-brands{background-color:black;padding:1px 0 1px}
#sp-explore-brands div{float:left;width:150px;background-color:black;padding:10px 0}
#sp-explore-brands div h3,#sp-explore-brands h2{font-weight:bold;color:white}
#sp-explore-brands h2{font-size:14px;background-color:black;line-height:20px;margin:5px 0 2px 8px}
#sp-explore-brands div h3{font-size:12px;text-decoration:underline;margin:2px 0 10px 8px}
#sp-explore-brands div li{line-height:20px;width:145px;margin-left:12px}
#sp-explore-brands div li a{color:white;font-weight:300;font-size:12px}
#sp-designer-h1{font-size:26px;font-weight:300;color:#666;line-height:24px;margin:10px 0}
#sp-designer-desc{font-size:12px;font-weight:300;color:#666;line-height:24px;margin-bottom:40px}
.sp-designer-desc{line-height:24px;color:#444;vertical-align:middle;padding:20px}
.sp-main-photo{float:left;width:340px}
.sp-main-photo-s{padding:10px;width:320px}
.sp-brand{padding:10px;float:left;width:250px}
.sp-brand img{width:250px}
#sp-brand-container{width:810px;padding-left:10px;float:right}
#sp-search{width:160px}
#sp-refine-container{float:left;width:240px;padding:5px 10px 5px 0;min-height:750px;background-color:white}
#sp-refine-content{float:right;min-height:750px;background-color:white}
.sp-refine{padding:2px 2px 15px 2px;border-bottom:1px solid #999;width:240px}
.sp-refine h2,.sp-refine-toggle{text-transform:uppercase;font-weight:bold}
.sp-refine h2{font-size:13px;padding:10px 0 5px}
.sp-refine-toggle{font-size:12px;cursor:pointer;display:inline-block;padding:4px 4px 10px}
.sp-refine div{line-height:20px;margin:5px}
.sp-refine ul{list-style-type:none}
.sp-refine ul li{margin-left:15px;line-height:18px}
.sp-refine ul li a{color:#666}
.sp-refine ul li a:hover{text-decoration:underline;color:#aaa}
.sp-refine-scroll{height:105px;overflow-y:scroll;width:240px;border:1px solid #ccc;display:none}
.sp-refine-selected{color:maroon !important}
.open{display:block}
#sp-mrec{width:720px;text-align:center}
.sp-mrec-left{float:left;width:400px;margin:16px 10px 0 0}
.sp-mrec-right{float:right;width:300px}
.sp-items{width:720px;text-align:left}
.sp-item-main{width:690px;padding-top:10px;min-height:500px;float:left}
.sp-item-right{width:300px;padding-top:10px;min-height:500px;float:right}
.sp-tab-h2{font-size:14px;line-height:18px}
.sp-tab-h3{font-size:12px;line-height:18px;font-weight:normal}
#sp-main-thumbs{float:left;width:220px;text-align:center;padding-right:10px}
#sp-main-thumbs li{float:left;padding:6px;margin:2px;border:1px solid transparent}
#sp-main-thumbs li:hover,#sp-main-thumbs li.selected{border:1px solid #ccc}
#sp-main-thumbs img{cursor:pointer}
#sp-main-photo{min-width:320px;min-height:480px;float:left;background:url(//img-clo-prod-us.clozette.co/static/img/loading.gif) center center no-repeat;padding:0 50px; border:1px solid #ccc}
/* tab */
#tabs_container{border-bottom:1px solid #ccc}
#tabs{list-style:none;padding:5px 0 4px 0;margin:0}
#tabs li{display:inline}
#tabs li a{border:1px solid #ccc;padding:4px 6px;text-decoration:none;background-color:#eeeeee;border-bottom:none;outline:none;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px}
#tabs li a:hover{background-color:#dddddd;padding:4px 6px}
#tabs li.active a{border-bottom:1px solid #fff;background-color:#fff;padding:4px 6px 5px 6px;border-bottom:none}
#tabs li.active a:hover{background-color:#eeeeee;padding:4px 6px 5px 6px;border-bottom:none}
#tabs_content_container{border:1px solid #ccc;border-top:none;padding:10px}
.tab_content{display:none;min-height:200px}
.tab_content p,.tab_content li{line-height:16px;color:#666}
.tab_content li{list-style-type:square;margin-left:10px}
/* jqzoom */
.zoomPad{position:relative;float:left;z-index:99;cursor:crosshair}
.zoomPreload{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity = 80);color:#333;border:1px solid #CCC;background-color:white;padding:8px;text-align:center;background-image:url(//img-clo-prod-us.clozette.co/static/img/loading_small.gif);background-repeat:no-repeat;background-position:43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;width:100px;height:49px}
.zoomPup{overflow:hidden;background-color:#FFF;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;z-index:5000;width:100%;height:100%;display:none;z-index:101}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110}
.zoomWrapper{position:relative;border:1px solid #999;z-index:110}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60)}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101}
.zoomIframe{z-index:-1;filter:alpha(opacity=0);-moz-opacity:0.80;opacity:0.80;position:absolute;display:block}
.cloud-zoom-lens{border:4px solid #888;margin:-4px;	background-color:#fff;cursor:move}
.cloud-zoom-title{ min-height:12px;font-family:Helvetica,sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:314px;text-align:left;font-weight:bold;font-size:10px;top:0px; white-space:normal}
.cloud-zoom-big{border:4px solid #ccc;overflow:hidden}
.cloud-zoom-loading{color:white;	background:#222;padding:3px;border:1px solid #000}
/* refine icons */
.sp-refine-open,.sp-refine-close,.sp-refine-check,.sp-refine-checked{background:url(http://img-shoppe-prod-us.clozette.co/static/img/refine.gif);background-repeat:no-repeat;display:inline-block;height:12px;margin:0 5px -2px 0}
.sp-refine-close {background-position:0px 0px;cursor:pointer;width:9px} 
.sp-refine-open{background-position:-10px 0px;cursor:pointer;width:9px}
.sp-refine-check  {background-position:-55px 0px;cursor:pointer;width:10px} 
.sp-refine-checked{background-position:-31px 0px;cursor:pointer;width:10px}
#sp-asia-container{border:1px solid #ccc;margin:10px 10px 10px 0;width:970px}
#sp-asia-logo{float:left;width:280px;margin:10px;background-color:white}
#sp-asia-desc{float:right;width:650px;padding:10px;background-color:#eee;min-height:180px}
#sp-asia-collection-header{margin:10px 10px 10px 0}
/* slider */
#exp-look{margin-top:0px}
#exp-look div{float:left;padding:0;margin:0}
#exp-look .photo-410{padding:0px;border:0;margin:0;width:202px;height:300px;position:relative;float:left}
#exp-look .photo-410 p{float:left;margin:0;overflow:hidden}
#exp-look .photo-410 p img{width:202px;height:300px} 
#exp-look .photo-404{padding:0px;border:0;margin:0;width:404px;position:relative;float:left}
#exp-look .photo-404 p{float:left;margin:0;overflow:hidden}
#exp-look .photo-404 p img{width:404px;height:300px} 
#exp-2banners-left .photo-404{padding:0px;border:0;margin:0;width:404px;position:relative;float:left}
#exp-2banners-left .photo-404 p{float:left;margin:0;overflow:hidden}
#exp-2banners-left .photo-404 p img{width:404px;height:300px} 
#exp-2banners-right .photo-606{padding:0px;border:0;margin:0;width:606px;position:relative;float:left}
#exp-2banners-right .photo-606 p{float:left;margin:0;overflow:hidden}
#exp-2banners-right .photo-606 p img{width:606px;height:300px} 
#exp-feature{display:nons}
#exp-feature .photo-355{padding:0px;border:0;margin:0;width:355px;height:300px;position:relative;float:left}
#exp-feature .photo-355 p{float:left;margin:0;overflow:hidden}
#exp-feature .photo-355 p img{width:355px;height:300px} 
#exp-feature .photo-410{padding:0px;border:0;margin:0;width:410px;position:relative;float:left}
#exp-feature .photo-410 p{float:left;margin:0;overflow:hidden}
#exp-feature .photo-410 p img{width:410px;margin-top:-55px} 
#exp-feature .photo-300{width:300px;float:left;margin:0;padding:0}
#exp-feature .photo-300 div{float:left;padding:0;margin:0;width:150px;height:150px}
#exp-feature .photo-300 div img{width:150px;height:150px}
#exp-feature .photo-600{width:600px;float:left;margin:0;padding:0}
#exp-feature .photo-600 div{float:left;padding:0;margin:0;width:150px;height:150px}
#exp-feature .photo-600 div img{width:150px;height:150px}
.exp-slider-dimension{height:1010px;width:300px}
.exp-slides-container{width:1010px;height:340px;display:none}
.exp-slides-container div{width:1010px;height:340px;display:block}
#exp-fashion-slides{margin: 0;height: 340px;background-color: #fff;width: 934px;overflow: hidden;}
#exp-slides{margin:-10px 0 0 -10px;height:300px;background-color:#ccc;width:1010px}
.pagination{display:none}
/* comments */
.spc-comment-boxes{width:655px;margin-bottom:10px;border-bottom:1px solid #ccc}
.spc-arrow{vertical-align:top;margin-top:40px}

/* social */
.share-fb,.share-pinterest,.share-twitter,.share-email{width:26px;height:26px;margin-bottom:-8px;position:relative;display:inline-block;cursor:pointer}
.share-fb{background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png) 0 0 no-repeat;}
.share-fb:hover {background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png) 0px -27px no-repeat;}
.share-pinterest{background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png) -52px 0px no-repeat}
.share-pinterest:hover{background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png) -52px -27px no-repeat}
.share-twitter{background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png) -26px 0px no-repeat}
.share-twitter:hover{background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png) -26px -27px no-repeat}
.share-email{background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png)}
.share-email:hover{background:url(//img-clo-prod-us.clozette.co/static/img/social-network.png) 0px -28px no-repeat}
/* comment */
.comment-avatar{float:left;width:100px;margin:5px 20px 20px 10px}
.comment-avatar a{border:1px solid gainsboro;padding:2px;height:80px;width:80px;overflow:hidden;display:block}
/*.comment-box,.comment-box-s{float:left;min-height:100px;background-color:#efefef;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px 0 10px 10px;margin-bottom:10px}
.comment-box{width:530px}*/
.comment-box-s{width:500px}
.comment-box-s p,.comment-box p{line-height:18px;font-size:12px;word-wrap:break-word;}
.comment-box p img,.comment-box-s p img{width:24px;height:24px;margin-bottom:-5px}
.comment-arrow{position:relative;opacity:0.95;min-width:80px}
.comment-arrow:after{content:'';position:absolute;left:115px;top:35px;z-index:-1;border-bottom:15px solid transparent;border-right:15px solid #efefef;border-top:15px solid transparent}
.tr{text-align:right}
.tl{text-align:left}

/* ratio toggle button */
.ratio-square {height:30px; width:82px; display:inline-block; background:url(//img-clo-prod-us.clozette.co/img/toggle-portrait.jpg) no-repeat -164px 0;}
.ratio-square:hover,.ratio-square.on {height:30px; width:82px; display:inline-block; background:url(//img-clo-prod-us.clozette.co/img/toggle-portrait.jpg) no-repeat -246px 0;}
.ratio-portrait {height:30px; width:82px; display:inline-block; background:url(//img-clo-prod-us.clozette.co/img/toggle-portrait.jpg) no-repeat 0 0;}
.ratio-portrait:hover,.ratio-portrait.on {height:30px; width:82px; display:inline-block; background:url(//img-clo-prod-us.clozette.co/img/toggle-portrait.jpg) no-repeat -82px 0;}

.black-pink{color:#000;font-weight: bold; font-family: helvetica neue,arial,sans-serif;font-size: 20px;}
.black-pink:hover{color:#c21e63;text-decoration:underline;}
a.opacity50:hover > img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}

/* explore exp-box */
.exp-pbox{box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);position:relative;width:159px;height:285px;border:1px solid white;margin:5px}
.exp-pbox .footer{display:inline-block;width:143px;background-color:gainsboro;position:absolute;top:261px;height:13px;margin:5px 0 5px -1px;padding:5px 9px 2px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-pbox .image{display:inline-block;width:145px;height:212px;overflow:hidden;margin:8px 8px 4px}
.exp-pbox .image .clip{position:absolute;clip:rect(0px 145px 216px 0px)}
.exp-pbox .image .clip img{width:144px}
.exp-pbox .caption{display:block;font-weight:500;line-height:15px;font-size:11px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-pbox .stats,.exp-pbox .source,.exp-pbox .who{display:block;line-height:14px;font-size:10px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-pbox .stats,.exp-pbox .source{color:#8c7e7e}
.exp-pbox .stats .likes,.exp-pbox .stats .liked,.exp-pbox .stats .comments,.exp-pbox .stats .repins{margin-right:2px;display:inline-block}
.exp-pbox:hover .button{display:inline-block;z-index:5}
.exp-pbox .button span{margin-left:8px;padding-left:2px}
.exp-pbox .button{display:none;position:absolute;top:1px;text-decoration:none;text-align:center;border:1px solid #cdcdcd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;white-space:nowrap;overflow:visible;outline:0 none;padding:6px;text-align:center;z-index:1;font:400 12px/14px helvetica;color:#433;background-color:white}
.exp-pbox .button:hover{color:black;box-shadow:inset 0 1px rgba(255,255,255,0.35),0 1px 2px rgba(35,24,24,0.75);-moz-box-shadow:inset 0 1px rgba(255,255,255,0.35),0 1px 2px rgba(35,24,24,0.75);-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.35),0 1px 2px rgba(35,24,24,0.75);color:black;text-decoration:none}
.exp-pbox .like{background:url(//img-clo-prod-us.clozette.co/static/img/clc/like.png) no-repeat 4px center #fffffe;left:1px}
.exp-pbox .liked{background:url(//img-clo-prod-us.clozette.co/static/img/clc/liked.png) no-repeat 4px center #fffffe;color:black;cursor:default;left:1px}
.exp-pbox .like,.exp-pbox .liked{left:20px;width:40px}
.exp-pbox .add{background:url(//img-clo-prod-us.clozette.co/static/img/clc/add.png) no-repeat 4px center #fffffe;left:85px;width:40px}
.exp-pbox .comment{background:url(//img-clo-prod-us.clozette.co/static/img/clc/comment.png) no-repeat 4px center #fffffe;left:122px}
.portrait .sphoto {height:270px !important; }
.portrait .sphoto .image {height:210px !important; }
.portrait .sphoto .image .clip { clip:rect(0px 145px 210px 0px) !important; } 
/* explore - clozetter */
.clozetter{float:left;text-align:center;padding:3px;width:68px;height:66px;overflow:hidden}
.clozetter-long-box {width:80px; height:93px }

/* simple search */
.search-title {font-size:17px; font-weight:300; padding-top:10px;}
.search-main { margin-right:5px;float:left;width:680px;border-right:1px dashed grey; min-height:1000px}
.search-input {height:30px; font-size:14px; width:500px; }
.search-right {float:left;width:300px;margin-left:4px;}
.search-section li { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:13px; float:left;margin:5px; padding:10px}
.search-section li a, .search-section li span{color:white}
.search-section .community {background-color:#08C}
.search-section .bazaar {background-color:#51A351}
.search-section .shoppe {background-color:#DA4F49}
.search-section .selected{font-weight:bold; font-size:15px}
.search-photo{position:relative;width:120px;height:220px;margin:10px}
.search-photo .caption{display:block;font:bold 11px/13px helvetica;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-photo .stats, .search-photo .who, .search-photo .caption-price {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:120px;}

/* store wrap (BRAND FROM bebe.com)*/
.who .green {color:#4FA319}
.who .green:hover {text-decoration:underline}

/* arrow */
.caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; content:""; margin-top:5px}

/* notification */
#nlist-count span, #nlist-count-none span, #mlist-count span, #mlist-count-none span {line-height:1.2;margin-left:5px;padding:1px 2px;position:relative;text-indent:0;top:-14px;left:-12px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;font-size:9px}
#nlist-count span, #mlist-count span { filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDA000F', endColorstr='#FF6E0002');background:#DA000F;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #DA000F), color-stop(100%, #6E0002));background-image:-webkit-linear-gradient(top, #DA000F 0%,#6E0002 100%);background-image:-moz-linear-gradient(top, #DA000F 0%,#6E0002 100%);background-image:-o-linear-gradient(top, #DA000F 0%,#6E0002 100%);background-image:linear-gradient(top, #DA000F 0%,#6E0002 100%);color:white}
#nlist-count img, #nlist-count-none img:hover, #mlist-count img, #mlist-count-none img:hover {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
#nlist-count img:hover, #mlist-count img:hover {filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0}

.no-notification { padding:8px 35px 8px 14px;margin-bottom:20px;color:#3a87ad;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#d9edf7;border:1px solid #bce8f1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.ndate {
    font-weight: bold;
    font-size: 110%;
    margin: 15px 5px 15px 20px;
    font-family: AvenirNextLTPro-Regular;
}
.ndate hr{margin:10px 0 5px;border-color:#7E1724}
.nlist { margin-left:45px;border-collapse:separate;border-spacing:5}
.nlist .avatar { width:25px;vertical-align:middle}
.nlist .avatar img {width:25px}
.nlist .info { line-height:16px;vertical-align:middle}
.nlist .info a {color:#111}
.nlist .info a.item {color:#ae0352}
.nlist .info a:hover{text-decoration:underline}
.nlist .img {width:70px}
.nlist .img img { border:1px solid rgba(0, 0, 0, 0.2);padding:4px;margin-bottom:5px;width:50px;height:50px}
.nlist-divider {margin:5px 10px;border-bottom:1px solid #ddd}
.time {font-size:85%}
.mdrop-notification, .mdrop-message{float:left;margin:8px 0 5px}

#cz-scroll-top {
    position: fixed;
    display: none;
    bottom: 50px;
    right: 0;
    height: 40px;
    width: 40px;
    background-color: transparent;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    z-index: 9;
}

#cz-scroll-top:hover {
    opacity: 1;
}

#cz-scroll-top i {
    display: block;
    /* width: 17px;
    height: 17px;
    padding: 8px;
    background: url(//indo.zettecdn.com/static/backtotop-btn.png) no-repeat center center;
    margin-top: 8px; */
}

#cz-scroll-top img {
    width: 40px;
    height: auto;
}

@media (min-width: 1024px) {
    #cz-scroll-top {
		/* right: calc( (100% - 959px) / 2 - 32px); */
        right: calc(((100% - 940px) / 2) / 2);
    }
}

.s-button {
    display: block;
    border-radius: 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    line-height: 16px;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    padding: 5px 10px;
    background-color: #555;
    border: 0;
    cursor: pointer;
    margin-right: 10px;
}

.s-button:hover {
    background-color: #dc1c55;
}

/*--------------------------------------*/
/* New profile page items styling     */
/*--------------------------------------*/
#listing.new {
    position: relative;
    margin: 0 12px;
}

#listing.new .photo {
    width: 226px;
    height: 340px;
    border: 1px solid #e6e7e7;
    background-color: #fff;
    margin: 0 6px 6px 0;
    -webkit-box-shadow: 1px 1px 11px 0px rgba(225,227,227,1);
    -moz-box-shadow: 1px 1px 11px 0px rgba(225,227,227,1);
    box-shadow: 1px 1px 11px 0px rgba(225,227,227,1);
}

#listing.new .photo:nth-child(4+4) {
    margin: 0 0 0 0;
}

#listing.new .photo .image {
    margin: 0;
    width: 100%;
    height: 284px;
    position: relative;
}

#listing.new .photo .image .clip {
    position: relative;
    clip: auto;
}

#listing.new .photo .image .clip a {
    display: block;
    background-color: #000;
}

#listing.new .photo .image .clip img {
    width: 100%;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
}

#listing.new .photo:hover > .image .clip a img {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

#listing.new .photo .caption {
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 12px;
    color: #000;
    margin: 10px 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#listing.new .photo .like {
    display: none;
    width: 41px;
    height: 41px;
    background: url('//indo.zettecdn.com/static/cd-sprite.png') no-repeat 0 -41px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

#listing.new .photo .like:hover {
    background: url('//indo.zettecdn.com/static/cd-sprite.png') no-repeat 0 -82px;
    z-index: 2;
}

#listing.new .photo .liked {
    display: none;
    width: 41px;
    height: 41px;
    background: url('//indo.zettecdn.com/static/cd-sprite.png') no-repeat 0 -82px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

#listing.new .photo .add {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 65%;
    left: 12px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    padding: 4px 3px 5px 5px;
}

#listing.new .photo .add span {
    background: url('//indo.zettecdn.com/static/cd-sprite.png') no-repeat 0 -201px;
    display: block;
    width: 93px;
    height: 25px;
}

#listing.new .photo .add span:hover {
    background: url('//indo.zettecdn.com/static/cd-sprite.png') no-repeat 0 -226px;
    z-index: 2;
}

#listing.new .photo .comment {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 65%;
    right: 12px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    padding: 4px 5px 5px 3px;
}

#listing.new .photo .comment span {
    background: url('//indo.zettecdn.com/static/cd-sprite.png') no-repeat 0 -252px;
    display: block;
    width: 93px;
    height: 25px;
}

#listing.new .photo .comment span:hover {
    background: url('//indo.zettecdn.com/static/cd-sprite.png') no-repeat 0 -277px;
    z-index: 2;
}

#listing.new .photo .stats {
    display: none;
    width: 202px;
    height: 25px;
    line-height: 24px;
    cursor: pointer;
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}

#listing.new .photo .stats span {
    line-height: 20px;
    padding: 6px 0px;
    margin: 0 auto;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    z-index: 2;
}

#listing.new .photo:hover > a.like, #listing.new .photo:hover > a.liked, #listing.new .photo:hover > a.add, #listing.new .photo:hover > a.comment, #listing.new .photo:hover > .stats, #listing.new .photo:hover > .owner-action {
    display: block;
}

#listing.new .photo .owner-action {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, 0.4);
}

#listing.new .photo .edit {
    position: absolute;
    top: 0;
    left: 20px;
    width: 90px;
    height: 30px;
    background: url('../img/cd-sprite.png') no-repeat -210px -253px;
}

#listing.new .photo .edit:hover {
    background: url('../img/cd-sprite.png') no-repeat -211px -277px;   
}

#listing.new .photo .delete {
    position: absolute;
    top: 0;
    right: 20px;
    width: 100px;
    height: 30px;
    background: url('../img/cd-sprite.png') no-repeat -210px -303px;
}

#listing.new .photo .delete:hover {
    background: url('../img/cd-sprite.png') no-repeat -210px -328px;
}

/*--------------------------------------*/
/* New profile page collections styling */
/*--------------------------------------*/
.collection.new {
    width: 934px;
    margin: 0 auto;
    background-color: white;
    padding: 0 0 40px 0;
}

.collection.new .profilePage-collection-container {
    width: 224px;
    height: 375px;
    float: left;
    display: inline-block;
    margin: 0 12px 0 0;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    transition: opacity 1s linear;
}

.collection.new .profilePage-collection-container:nth-child(4n+4) {
    margin: 0 0 0 0;
}

/* .collection.new .profilePage-collection-container:nth-child(4n+4) { */
.collection.new .profilePage-collection-container.last {
    margin: 0 0 40px 0;
}

.collection.new .profilePage-collection-main-image {
    width: 224px;
    height: auto;
    position: relative;
    margin: 0;
    border: none;
    box-shadow: none;
}

.collection.new .profilePage-collection-main-image a {
    display: block;
}

.collection.new .profilePage-collection-main-image .cover .clip a {
    display: block;
    width: 222px;
    height: 223px;
    margin: 0 0 1px 0;
    position: relative;
    background-color: #000;
    border: 1px solid #eee;
    border-width: 1px 1px 0 1px;
}

.collection.new .profilePage-collection-main-image .cover .clip a.edit-collection {
    display: none;
    width: 224px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4) url('../img/cd-sprite.png') no-repeat -160px -386px;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 2;
    border-radius: 0;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    cursor: pointer;
}

.collection.new .profilePage-collection-main-image .cover .clip a.edit-collection:hover {
    background: rgba(0, 0, 0, 0.4) url('../img/cd-sprite.png') no-repeat -160px -420px;
    box-shadow: none;
}

.collection.new .profilePage-collection-main-image:hover > .cover .clip a.edit-collection {
    display: block;
}

.collection.new .profilePage-collection-main-image .cover .clip a img {
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
}

.collection.new .profilePage-collection-main-image .thumbnails {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.collection.new .profilePage-collection-main-image .thumbnails .profilePage-collection-image-thumbnails {
    width: 74px;
    height: 74px;
    float: left;
    display: inline-block;
    overflow: hidden;
    position: relative;
    background-color: #000;
}

.collection.new .profilePage-collection-main-image .thumbnails .profilePage-collection-image-thumbnails:nth-child(2), .collection.new .profilePage-collection-main-image .thumbnails .thumbnail:nth-child(2) {
    margin: 0 1px;
}

.collection.new .profilePage-collection-main-image .thumbnails .profilePage-collection-image-thumbnails img {
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
}

.collection.new .profilePage-collection-main-image:hover img {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.collection.new .profilePage-collection-main-image .thumbnails .thumbnail {
    float: left;
}

.collection.new .profilePage-collection-main-image .thumbnails .thumbnail .empty {
    display: block;
    width: 74px;
    height: 74px;
    background: url('../img/cd-sprite.png') no-repeat -217px -630px;
}

.collection.new h3 {
    /*background: url('../img/profile-collection-shadow.png') no-repeat top center;*/
    line-height: 1;
}

.collection.new h3 a.profilePage-collection-title {
    display: block;
    width: 224px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 5px 0 5px 0;
    text-transform: uppercase;
    font-weight: 600;
}

.collection.new h4.profilePage-collection-text {
    width: 224px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    background: url('../img/profile-collection-shadow.png') no-repeat top center;
    padding-top: 16px;
    line-height: 1;
}

.profilePage-following-container {
    width: 934px;
    position: relative;
    margin: 0 auto;
}

.profilePage-following {
    width: 282px;
    height: auto;
    float: left;
    padding: 10px;
    display: inline-block;
    border: 1px solid #f6f6f6;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(246,246,246,1) 71%, rgba(246,246,246,1) 71%, rgba(246,246,246,1) 74%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(71%,rgba(246,246,246,1)), color-stop(71%,rgba(246,246,246,1)), color-stop(74%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 74%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 74%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 74%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 71%,rgba(246,246,246,1) 74%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    margin: 0 10px 20px 0;
    position: relative;
}

.profilePage-following:nth-child(3n+3) {
    margin: 0 0 10px 0;
}

.profilePage-following-img {
    width: 65px;
    height: 65px;
    float: left;
}

.profilePage-following-img img {
    width: 100%;
    height: 100%;
}

.profilePage-following-text-container {
    width: 200px;
    height: auto;
    float: left;
    margin-left: 15px;
}

.profilePage-following-Name {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
}

.profilePage-following-shadow {
    width: 302px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -21px;
	opacity:0.2;
}

.profilePage-following-shadow img {
    width: 302px;
}

.profilePage-following-numFollowers {
    display: block;
    width: 100%;
    font-size: 11px;
    color: #757474;
    margin: 5px 0;
}

.profilePage-following-btn { cursor:pointer; width: 93px; height: 26px; background: url("../img/cd-sprite.png") 0 -355px; display: inline-block; margin-top: 5px; float: left; }
.profilePage-following-btn:hover { background: url("../img/cd-sprite.png") 0 -382px; }
.profilePage-following-yet-btn { cursor:pointer; width: 93px; height: 26px; background: url("../img/cd-sprite.png") 0 -382px; display: inline-block; margin-top: 5px; float: left; }
.profilePage-following-yet-btn:hover { background: url("../img/cd-sprite.png") 0 -355px; }

.collection.new.ProfileBazaar {
    margin-top: 20px;
}

.collection.new.ProfileBazaar .cz_box {
    width: 214px;
    min-height: 280px;
    float: left;
    position: relative;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
    padding: 5px;
}

.collection.new.ProfileBazaar .cz_box:nth-child(4n+4) {
    margin: 0 0 10px 0;
}

.collection.new.ProfileBazaar .cz_box a.cz-crop-height-140 {
    width: 100%;
    height: auto;
}

.collection.new.ProfileBazaar .cz_box img.ProfileBazaarImg, .collection.new.ProfileBazaar .cz_box img.cz_box_photo_140x140 {
    width: 100%;
}

.collection.new.ProfileBazaar .cz_box .cz_box_btn {
    position: absolute;
    top: 180px;
    left: 150px;
}

.collection.new.ProfileBazaar .cz_box .cz_box_btn_done {
    position: absolute;
    top: 180px;
    left: 143px;
}

.hide {
    display: none;
}

/* four cols masonry - profile page */
.four-cols .avatar-by {width:130px!important;}
.four-cols .loop-entry img.mphoto {width:100%;}
.four-cols .loop-entry-img-container{width:222px;}
.four-cols .loop-entry {width:222px;}
.four-cols .comments-wrapper {width:192px;}
.four-cols .entry-overlay {bottom:1px;}
.four-cols .entry-overlay .add-comment-container {width:auto;}
.four-cols .entry-text > a {width:195px;}
.four-cols .collection.new h3 a.profilePage-collection-title {text-transform:none;}
.masonry .four-cols .comments-wrapper .comment-item .comment-body {width:136px;}
.masonry .four-cols .comments-wrapper .comment-item.comment-form textarea {width:135px;}
.cz-searchbox { float: left; border: none; /*		text-transform:capitalize !important;*/ font-size:100%; padding: 8px 4px; background: #fff; height: 29px; color: #b1b1b1; font-family: Gotham_book; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* position: absolute; */ top: 0; height: 10px; text-transform: lowercase; background-size: 16%; padding-left: 10px; left: 0; font-family: 'Open Sans', sans-serif; border-radius: 5px; box-shadow: inset 0 2px 3px rgba(0,0,0,.26); }
.cz_button { /*float: right; width: 22px; display:none; position: absolute; top: 13px; right: 18px; height: 100%; right: 13px; /* background: url(../img/search.png) 0 0 no-repeat;*/ background-size: 80%; border: 0px;*/ float: left; width: 22px; outline:none; position: absolute; top: 16px; right: 18px; left: 7px; height: 18px; /* right: 13px; */ background: none; background-size: 80%; border: 0px; }
.cz_button:hover { /*         background:url(../img/search.png) 0 0 no-repeat;*/ background-color:#fff; }
.cz-button:-webkit-autofill { color: #fff !important; }
.cz-searchbox { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; }
input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; }
.cz-searchbox { background: #ededed url(../img/search-icons.png) no-repeat 9px center !important; /*border: solid 1px #ccc;*/ -moz-box-sizing: content-box; padding: 8px 10px 9px 30px; color:#000000; width: 45px; margin-top: 9px; position:absolute; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.cz-searchbox:focus { /* background: #ededed url(../img/search-icons.png) no-repeat 9px center !important;*/ width: 103px; /*	background-color: #fff;*/ border-color: #66CC75; box-shadow: inset 0 2px 3px rgba(0,0,0,.26); /*	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5);*/ }
input:-moz-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; }
.on { margin-top: 3px; margin-right: 5px; margin-top: 5px; margin-right: 5px; border-bottom: #ccc 1px solid; height:8px; }
.off { /*width:0px;*/ }

ul.scrollable {overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:260px;}

.termContainer, .privacyContainer, .faqContainer, .copyrightContainer {
    width: 960px;
    padding: 50px 0;
    margin: 0 auto;
    background-color: #fff;
}

.termContainer ul.term, .privacyContainer ul.privacy, .faqContainer ul.faq, .copyrightContainer ul.copyright {
    margin: 0 20px;
    padding: 0;
    list-style: none;
    height: 35px;
    border-bottom: 1px solid #000;
    text-align: center;
}

.termContainer ul.term li, .privacyContainer ul.privacy li, .faqContainer ul.faq, .copyrightContainer ul.copyright li {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-bottom: 4px solid #fff;
}

.termContainer ul.term li a, .privacyContainer ul.privacy li a, .faqContainer ul.faq li a, .copyrightContainer ul.copyright li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 20px;
    font-weight: bold;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.termContainer ul.term li a:hover, .privacyContainer ul.privacy li a:hover, .faqContainer ul.faq li a:hover, .copyrightContainer ul.copyright li a:hover {
    border-bottom: 4px solid #000;
}

.termContainer ul.term li.active, .privacyContainer ul.privacy li.active, .faqContainer ul.faq li.active, .copyrightContainer ul.copyright li.active, .termContainer ul.term li.active a:hover, .privacyContainer ul.privacy li.active a:hover, .copyrightContainer ul.copyright li.active a:hover {
    border-bottom: 4px solid #000; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container h1 {
    font-size: 30px;
    font-weight: 400;
    font-family: "Open sans condensed";
    line-height: 50px;
}

.tab_container a {
    color: #dd1b54;
}

.tab_container i {
    font-style: italic;
}

.termContainer .tab_container, .privacyContainer .tab_container, .faqContainer .tab_container, .copyrightContainer .tab_container {
    overflow: hidden;
    background: #fff;
    padding: 0 20px 50px 20px;
    font-size: 14px;
    font-family: "Open Sans";
}

.termContainer .term_content, .privacyContainer .privacy_content, .faqContainer .faq_content, .copyrightContainer .copyright_content {
    padding: 30px 0 0 0;
    position: relative;
}

.termContainer .term_content ol, .privacyContainer .privacy_content ol, .faqContainer .faq_content ol, .copyrightContainer .copyright_content ol {
    
}

.termContainer .term_content li, .privacyContainer .privacy_content li, .faqContainer .faq_content li, .copyrightContainer .copyright_content li {

}

.termContainer .term_content li p, .privacyContainer .privacy_content li p, .faqContainer .faq_content li p, .copyrightContainer .copyright_content li p {
    padding: 0 0 0 15px;
}

.termContainer .term_content ol ul, .privacyContainer .privacy_content ol ul, .faqContainer .faq_content ol ul, .copyrightContainer .copyright_content ol ul, .termContainer .term_content ul ul, .privacyContainer .privacy_content ul ul, .copyrightContainer .copyright_content ul ul {
    list-style-type: lower-alpha;
    padding: 0 0 0 35px;
    line-height: 24px;
}

.termContainer .term_content strong, .privacyContainer .privacy_content strong, .faqContainer .faq_content strong, .copyrightContainer .copyright_content strong {
    line-height: 28px;
}

.termContainer .term_content p, .privacyContainer .privacy_content p, .faqContainer .faq_content p, .copyrightContainer .copyright_content p {
    line-height: 18px;
    margin: 0 0 20px 0;
}

.termContainer .term_content.PrivacyContent ol ul, .privacyContainer .privacy_content.PrivacyContent ol ul, .faqContainer .faq_content.PrivacyContent ol ul, .copyrightContainer .copyright_content.CopyrightContent ol ul {
    list-style-type: lower-roman;
}

.termContainer .term_content.PrivacyContent ol ul ul, .privacyContainer .privacy_content.PrivacyContent ol ul ul, .faqContainer .faq_content.PrivacyContent ol ul ul, .copyrightContainer .copyright_content.CopyrightContent ol ul ul {
    list-style-type: lower-alpha;
}

/*Term and Condition CID - Request mas Aji -- Start*/
.CIDTermContainer {
  width: 960px;
  margin: 0 auto;
  border: dashed 1px #ddd;
  background: #fff;
}

.CIDTermSubContainer {
  text-align: center;
  padding: 25px;
}

.CIDTermHeader {
  text-align: left;
  background:#fff;
  border-bottom: #ccc 1pt dashed;
  font-size: 16px;
  color: #C21E63;
  padding-bottom: 15px;
}

.CIDTermContent, .CIDTermEachPoint {
  text-align: justify;
  font-size: 12px;
  color: #000;
}

.CIDTermContent {
  margin-top: 15px;
}

.CIDTermOpeningText{
  margin-bottom: 7px;
}

.CIDTermEachPoint {
  margin-bottom: -5px;
}

#CIDTermTitlePoint {
  font-weight: bold;
  font-size: 14px;
  font-family: Helvetica;
  line-height: 20px;
}
#CIDTermDescPoint {
  line-height: 12pt;
  padding-left: 15px;
}

ul.CIDTermSubDesc {
  list-style-type: square;
}
ul.CIDTermSubSubDesc {
  list-style-type: disc;
}

/*Term and Condition CID - Request mas Aji - End*/

/* Restructuring css for INFO stuff (Term and Condition, Privacy Policy, and Frequent Asked Questions) ##### START */

.CIDInfoContainer {
  width: 960px;
  margin: 0 auto;
  border: dashed 1px #ddd;
  background: #fff;
}

.CIDInfoSubContainer {
  text-align: center;
  padding: 25px;
}

.CIDInfoHeader {
  text-align: left;
  background:#fff;
  border-bottom: #ccc 1pt dashed;
  font-size: 16px;
  color: #C21E63;
  padding-bottom: 15px;
}

.CIDInfoContent, .CIDInfoEachPoint {
  text-align: justify;
  font-size: 12px;
  color: #000;
}

.CIDInfoContent {
  margin-top: 15px;
}

.CIDInfoOpeningText{
  margin-bottom: 7px;
}

.CIDInfoEachPoint {
  margin-bottom: -5px;
}

#CIDInfoTitlePoint {
  font-weight: bold;
  font-size: 14px;
  font-family: Helvetica;
  line-height: 20px;
}
.CIDInfoDescPoint {
  line-height: 12pt;
}
li.CIDInfoTitlePoint {
  font-weight: bold;
  font-size: 14px;
  font-family: Helvetica;
  margin-top: 10px;
  margin-bottom: 2px;
}
li.CIDInfoSubDescPoint {
  line-height: 12pt;
}
ol.CIDInfoSubDesc {
  list-style-type: decimal;
  padding-left: 20px;
}
ul.CIDInfoSubSubDesc {
  list-style-type: disc;
  padding-left: 20px;
}
a.CIDInfoLink {
  color: pink;
}

/* Restructuring css for INFO stuff (Term and Condition, Privacy Policy, and Frequent Asked Questions) ##### END */

.poppular_tags_container ul li {
    padding-left:5px;
}

.poppular_tags_container ul li,.poppular_tags_container ul  {
    display:inline-block;
}

.popular_tag_divider {
    margin:auto 5px;
}

.poppular_tags_container.home .bg {
	display: inline-block;
	padding: 10px 0;
	width: 100%;
	margin-bottom:10px;
	margin-top: 15px;
	background-image: url("//indo.zettecdn.com/static/top-loggedin-bkgd.png");
	font-family: 'AvenirNext-Regular', sans-serif;	
}


/* CID HOMEPAGE INDEX REVAMP */
.share-container-id, .discover-container-id, .shop-container-id {
    width:150px;
    height:auto;
    float:left;
    margin:0 12px 0 0;
}

.share-container-id a{
    text-decoration: none;
    color: #000;
}

.big-icon-share, .big-icon-share:hover, .big-icon-discover, 
.big-icon-discover:hover, .big-icon-shop, .big-icon-shop:hover{
    width: 87px;
    height: 86px;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    text-indent: -999;
}

.big-icon-share{
    background: url('../images/share-shop-discover_icons.jpg') 0px 0px;
}

.big-icon-share:hover{
    background: url('../images/share-shop-discover_icons.jpg') 0px 86px;
}

.big-icon-discover{
    background: url('../images/share-shop-discover_icons.jpg') -87px 0px;
}

.big-icon-discover:hover{
    background: url('../images/share-shop-discover_icons.jpg') -87px 86px;
}

.big-icon-shop{
    background: url('../images/share-shop-discover_icons.jpg') -174px 0px;
}

.big-icon-shop:hover{
    background: url('../images/share-shop-discover_icons.jpg') -174px 86px;
}

.share-container-id h3 {
    font-size:20px;
    font-family:'AvenirNext-Regular',sans-serif;
    text-transform:uppercase;
    font-weight:400;
    margin-top:15px;
    margin-bottom: 15px;
}

.new-share h4 {
    font-size:28px;
    font-family:'AvenirNext-Regular',sans-serif;
    font-weight:400;
    margin-bottom:15px;
    margin-top:15px;
}

.new-share h4:before, .new-share h4:after {
    background-color: #fff !important;
}

.new-share h4 span {
    font-weight:700;
}

.btn-pink {
    padding:10px 30px 10px 40px;
    background-color:#dd1b54;
    text-decoration:none;
    margin-top:5px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:10px;
    font-size:15px;
    font-weight:700;
}

.btn-pink:hover {
    background-color:#000;
    color:#dd1b54;
}

.leaderboard-container-id {
    /* width: 934px; */
    width: 960px;
    /* height: 212px; */
    float: left;
    margin: 0 0 10px;
    padding-top: 5px;
}

.community-banner-margin-id {
    margin-left:4px;
}

.community-banner-id {
    width:145px;
    height:68px;
    border:1px solid #e1e1e1;
    text-align:center;
    display:inline-block;
    background:#fff;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    color:#000;
}

.community-banner-id:hover {
    background-color:#dd1b54;
    border-color:#dd1b54;
    color:#fff;
}

.checkout-text-id {
    width:auto;
    font-family:'AvenirNext-Regular',serif;
    font-size:12px;
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding:14px;
}

.highlight-text-id {
    width:auto;
    font-family:'AvenirNext-Regular',serif;
    font-size:12px;
    text-transform:uppercase;
    font-weight:700;
    margin-top:-10px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.clz2follow{
    text-align: center;
}

.box-news{
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    height: 270px !important;
    float: left;
    width: 25%;
    margin: -1px -1px 0 0;
}

.box-news2{
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    height: 217px !important;
}

.starClozetters-inside{
    width: 216px !important;
    height: 216px !important;
    border: 1px solid #e1e1e1;
    margin-left: -1px;
    display: inline-block;
}

.starClozetters-img-id {
    display:block;
    width:165px;
    height:165px;
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
    position:relative;
    overflow:hidden;
    margin: 25px 0;
    z-index: 999;
}

.starClozetters-img-id img {
    width: 170px;
   height: 170px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -84px;
   margin-top: -84px;
}

.starClozetters-img-id span {
    position:absolute;
    bottom:-40px;
    background:rgba(0,0,0,0.65);
    color:#fff;
    font-size:10px;
    display:block;
    width:100%;
    text-align:center;
    line-height:28px;
    transition:all .2s ease-out;
    height:35px;
/* margin-top: 10px; */
}

.starClozetters-img-id:hover span {
    bottom:0;
}

.articles-news-container-id {
    float:left;
    width:894px;
    height:auto;
    padding:0px 20px;
    margin-bottom: 30px;
}

.articles-container-id {
    float:left;
    width:868px;
    height:auto;
    margin-top:0px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    margin-left: 10px;
}

.articles-header-id,.news-header-id,.12
 {
    float:left;
    width:100%;
    height:40px;
    background-color:#000;
    color:#fff;
    text-align:center;
    font-family:'Times New Roman',serif;
    font-size:20px;
    text-transform:uppercase;
    line-height:40px;
    font-style:italic;
}

.news-container-id {
    float:right;
    width:330px;
    height:auto;
}

.ci-articles-header-id {
    font-family:'Playfair Display',serif;
    font-size:26px;
    color:#000;
    letter-spacing:2px;
    border-bottom:2px solid #000;
}

.ci-articles-header-id span {
    font-size:10pt;
}

.ci-articles-header-id span a {
    text-decoration:none;
    color:#000;
}

.ci-articles-header-id span a:hover {
    opacity:.6;
}

.ci-articles-Container-id {
    width:216px;
    display:inline-block;
    padding:20px 0;
    border: 1px solid #e1e1e1;
}

.ci-articles-margin-id {
    margin-right:-5px;
}

.ci-articles-img-id {
    text-align: center;
    overflow:hidden;
}

.ci-articles-img-id img {
    -webkit-transform:translate3d(0,0,0) scale(1);
    -webkit-transition:opacity 0.35s,-webkit-transform .5s;
    transition:opacity 0.35s,transform .5s;
    opacity:1;
    width:179px;
    height:179px;
    margin: auto;
    padding-top: 20px;
}


.ci-articles-img-id:hover img {
    -webkit-transform:translate3d(0,0,0) scale(1.08);
    transform:translate3d(0,0,0) scale(1.08);
    opacity:.5;
}

.clozetteInsiderHeader-container-id {
    float:left;
    width:934px;
    /* height:55px; */
    margin: 0px;
}

.clozetteInsiderHeader-container-id h4 {
    margin: 0px;
    overflow:hidden;
    text-align:center;
    font-family:'AvenirNext-Regular',sans-serif;
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.clozetteInsiderHeader-container-id h4:before, 
.clozetteInsiderHeader-container-id h4:after {
    background-color:#ebebeb;
    content:"";
    display:inline-block;
    height:1px;
    position:relative;
    vertical-align:middle;
    width:50%;
}

.clozetteInsiderHeader-container-id h4:before {
    right:.5em;
    margin-left:-50%;
}

.clozetteInsiderHeader-container-id h4:after {
    left:.5em;
    margin-right:-50%;
}

.clozetteInsider-subtext-id {
    width:934px;
    font-family:'AvenirNext-Regular',sans-serif;
    font-size:28px;
    text-transform:uppercase;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    float:left;
    text-align:center;
    margin-bottom:20px;
    letter-spacing:6px;
}

.clozetteInsider-subtext-id a {
    text-decoration:none;
    color:#000;
}

.clozetteInsider-subtext-id a:hover {
    text-decoration:none;
    color:#dd1b54;
}

.clozetteInsider-container-id,.communityHighlights-container-id {
    width:100%;
    float:left;
    margin:0;
}

.comminutyHighlights-headline-id {
    width:187px;
    height:219px;
    background-color:#e1e1e1;
    float:left;
    border-bottom: 1px solid white;
}

.comminutyHighlights-headline-id.last {
    height:202px;
}

.comminutyHighlights-headline-title-id {
    margin-top:60px;
    float:none;
    font-family:'AvenirNext-Regular',sans-serif;
    font-size:22px;
    line-height:20px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#000;
}

.comminutyHighlights-headline-subtext-id {
    margin-top:10px;
    font-size:22px;
    font-weight: 300;
    text-align:center;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#000;
}

.comminutyHighlights-box-id {
    float:left;
    margin-left:-1px;
    margin-bottom: -1px;
    border: 1px solid #e1e1e1;
}

.comminutyHighlights-box-id.last {
    border-bottom:1px solid #e1e1e1;
}

.comminutyHighlights-like-button-id {
    display:block;
    width:50px;
    height:51px;
    background:url(../images/like-btn-big.png);
    position:absolute;
    margin-top:-25px;
    margin-left:0;
    margin-left:68px;
}

.comminutyHighlights-like-button-id:hover {
    cursor:pointer;
    display:block;
    width:50px;
    height:51px;
    background:url(../images/like-btn-big-mo.png);
}

.comminutyHighlights-hover-caption-id {
    margin:28px 0 0 15px;
}


.comminutyHighlights-img-container-id {
    width: 139px;
    height: 139px;
    overflow: hidden;
}
.comminutyHighlights-img-container-id img{
    max-width:100%;
    max-height:100%;
}

.comminutyHighlights-img-id {
    display:block;
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:23px;
}

.comminutyHighlights-img-id img {
    -webkit-transform:translate3d(0,0,0) scale(1);
    -webkit-transition:opacity 0.35s,-webkit-transform .5s;
    transition:opacity 0.35s,transform .5s;
    opacity:1;
    
    margin: auto;
}

.comminutyHighlights-img-id:hover img {
    -webkit-transform:translate3d(0,0,0) scale(1.08);
    transform:translate3d(0,0,0) scale(1.08);
    opacity:.5;
}


.com-title {
    font-size:12px;
    text-align:center;
    padding:10px;
    color:#666;
    margin-top:-22px;
    line-height:17px;
}

.comminutyHighlights-img-id span {
    position:absolute;
    bottom:-100px;
    background:rgba(0,0,0,0.75);
    color:#fff;
    font-size:11px;
    display:block;
    width:100%;
    line-height:17px;
    transition:all .3s ease-out;
    height:75px;
}

.comminutyHighlights-img-id:hover span {
    bottom:0;
}

.fb-icon-id, .tw-icon-id, 
.instagram-icon-id, .youtube-icon-id {
    width:40px;
    height:40px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center center;
}

.sosmed-fb, .sosmed-twitter, .sosmed-ig, .sosmed-youtube{
    /*width:40px;*/
    margin-right: 25px;
    height:40px;
    display:inline-block;
    font-family: FontAwesome;
    font-size: 18px;
    color: #999;
}

.sosmed-fb:hover, .sosmed-twitter:hover, .sosmed-ig:hover, .sosmed-youtube:hover{
    color: #d40045;
}

.fb-icon-id {
    background-image:url(../images/fb-icon.png);
}

.fb-icon-id:hover {
    background-image:url(../images/fb-icon-mo.png);
}

.tw-icon-id {
    background-image:url(../images/tw-icon.png);
}

.tw-icon-id:hover {
    background-image:url(../images/tw-icon-mo.png);
}

.instagram-icon-id {
    background-image:url(../images/ig-icon.png);
}

.instagram-icon-id:hover {
    background-image:url(../images/ig-icon-mo.png);
}

.youtube-icon-id {
    background-image:url(../images/yt-icon.png);
}

.youtube-icon-id:hover {
    background-image:url(../images/yt-icon-mo.png);
}

.submenu-container-id {
    width: 960px;
    display:inline-block;
    /* margin-left: -13px; */
}

.share-btn {
    margin: 4px -1px;
}

.share-btn li {
    display:inline;
    list-style:none;
}

.share-btn li a {
    background-color:#000;
    padding:10px;
    /*font-family:'AvenirNext-Regular',sans-serif;*/
    font-family: 'avenir-nr', sans-serif;
    text-transform:uppercase;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    width:160px;
    display:inline-block;
    text-align:center;
}

.share-btn li a:hover {
    background-color:#dd1b54;
}

.share-btn li.fb-login a {
    background-color:#224e91;
}

.share-btn li.fb-login a:hover {
    background-color:#4a78bd;
}

.clozetteInsiderHeader-container-id h4 {
    margin: 0 0 15px 0;
    overflow: hidden;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.clozetteInsider-subtext-id {
    width: 934px;
    font-size: 28px;
    text-transform: uppercase;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: 6px;
}
.ci-articles-caption-id{
    float: left;
    padding: 5px 8% 0;
    font-family: "AvenirNext-Regular",sans-serif;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    width: 84%;
}.community-banner-container.cid{height: 85px;}

.megaContestMenu li {height:195px;}

/* END CID HOMEPAGE INDEX REVAMP */

/*T&C view mobile*/
@media (max-width:768px) {
    .CIDTermContainer {
      width: 99%;
    }
    .CIDInfoContainer {
      width: 100%;
    }
}

.auth-popup .popup-header,
.auth-popup .popup-body {
    position: relative;
}
.auth-popup .btn-close-popup {
    position: relative; 
    background-color: transparent; 
    color: #000; 
    font-size: 18px;
    width: auto; 
    height: auto; 
    line-height: 1;
    color: #000 !important;
    opacity: 1;
    padding: 20px;
}
#loginPopup, #signUpPopup {
    line-height: 1.5;
    background: #fff;
    width: 500px;
    margin: auto;
    border: none;
    margin: 40px auto;
}
.auth-popup .btn-close-popup {
    width: 100%;
    text-align: right;
}
.auth-popup .popup-header {
    width: 100%;
    text-align: center;
    line-height: 1;
}
.auth-popup .popup-body {
    width: 360px;
    padding-bottom: 60px;
    margin: auto;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
}
.auth-popup .popup-header img {
    width: 33%;
}
.auth-popup .popup-body hr {
    margin: 30px 0;
    height: 1px;
    color: #E8E7E7;
    background: #E8E7E7;
    border: none;
}
.auth-caption {
    text-align: center;
    font-weight: 900;
}
.auth-fb-signup {
    color: #fff;
    background: #3a5898;
    width: 100%;
    padding: 10px 0;
    display: block;
    text-align: center;
    margin: 30px 0;
}
.auth-fb-signup:hover {
    text-decoration: none !important;
    color: #fff !important;
}
.auth-form-container {
    margin: 30px 0;
    position: relative;
}
.auth-form-group {
    margin: 20px 0;
}
.auth-popup #reg_country {
    width: calc(100% + 2px);
}
.auth-popup #reg_month,
.auth-popup #reg_year {
    width: 100%;
}
select.auth-form-control:active,
select.auth-form-control:focus {
    border: 1px solid #E8E7E7 !important;
}
.auth-form-control {
    border: 1px solid #E8E7E7;
    padding: 0 25px;
    /* width: calc(100% - 50px); */
    width: -webkit-fill-available;
    height: 50px;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    background: transparent !important;
}
.auth-form-control::placeholder {
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
}
.auth-form-control:focus,
.auth-form-control:active {
    border: none !important;
    outline: none !important;
}
.auth-form-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 30px 0;
}
.month-year-row {
    flex-wrap: wrap;
}
.auth-form-flex-item {
    width: 50%;
}
.month-year-col {
    width: calc(50% - 10px);
}
.auth-question {
    text-align: center;
}
.auth-question a {
    font-weight: 900;
}
.auth-question a:hover {
    text-decoration: none !important;
    color: #000 !important;
}
#loginBtn, 
.auth-popup #sign-up-but {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    width: 100%;
    height: 50px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}
.auth-popup .text-right {
    text-align: right;
}
.auth-popup #lf_remember_me,
.auth-popup #reg_notification {
    top: -2px;
    vertical-align: middle;
    -webkit-appearance: none;
    border: 1px solid #000;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 7px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
.auth-popup #lf_remember_me:checked,
.auth-popup #reg_notification:checked {
    background-color: #3a5898;
    border: 1px solid #3a5898;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}
.auth-popup #lf_remember_me:checked:after, 
.auth-popup #reg_notification:checked::after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 2px;
    color: #fff;
}
.auth-popup .reg_notification_checkbox {
    position: relative;
    top: -10px;
}
.auth-popup .reg_notification_checkbox #reg_notification {
    vertical-align: top;
}
.auth-popup .reg_notification_label {
    margin-left: 5px;
}
.auth-popup #signup_msg.alert, 
.auth-popup #login_msg.alert {
    width: 100%;
    margin: 30px 0;
    padding: 10px 0;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    float: unset;
}
.auth-popup .control-error {
    background: #dc1c55;
    width: calc(100% - 18px) !important;
    padding: 10px !important;
    max-width: 100% !important;
    margin: 0 !important;
}

@media only screen and (max-width: 768px) {
    #loginPopup, #signUpPopup {
        width: 100%;
    }
}