body 
{
    background-color: #fff;
    font-size: 16px;
}

body,input,select,textarea 
{
    font-family: Helvetica, Arial, Sans-Serif;
}

input,select,textarea,div.select .selected 
{
    color: #000;
    font-size: 12px;
}

/*tags*/

a 
{
    color: #333333;
}

a:hover 
{
    text-decoration: none;
}

img 
{
    display: block;
}

a img 
{
    border: none;
}

img.block 
{
    margin: 20px 0;
}

h2,h3,h4,h5,h6 
{
    font-weight: normal;
}

h2 
{
    font-size: 48px;
    color: #ec429a;
    margin: 0 0 5px;
}

h2.icon 
{
    padding-left: 64px;
    line-height: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-bottom: 20px;
}

.gender-male h2 
{
    color: #28becf;
}

h2 .sub-title 
{
    display: block;
    font-size: 36px;
    color: #eb6eaf;
    margin: -5px 0 0;
}

.gender-male h2 .sub-title
{
    color: #68d1dd;
}

h3 
{
    font-size: 26px;
    font-weight: bold;
    color: #28becf;
}

h4 
{
    font-size: 20px;
}

h5 
{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

h6 
{
    font-size: 12px;
}

h2 .sub,h3 .sub,h4 .sub,h5 .sub,h6 .sub 
{
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.coloured
{
    color: #28becf;
}

p 
{
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 18px;
}

p.last-child 
{
    margin-bottom: auto;
}

p.header 
{
    color: #28becf;
    font-weight: bold;
    margin: 0;
}

ul,ol 
{
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 18px 28px;
}

ul 
{
    list-style-type: disc;
}

ul li,ol li 
{
    /*margin: 0 0 9px;*/
}

ul.spaced li 
{
    margin-bottom: 9px;
}

input.watermarked,
textarea.watermarked
{
    color: #3d3d3d;
    font-weight: bold;
}

form ul.message-list 
{
    display: none;
    margin-top: 18px;
    margin-bottom: 0;
}

/*generic classes*/

.inner 
{
    margin: auto;
}

.spacer { clear: both; overflow: hidden; height: 0; font-size: 1px; }

.fancy-h-spacer,
.fancy-h-spacer-darker 
{
    height: 11px;
    background: url(../img/ui/h-spacer.png) no-repeat center center;
    margin: 20px 0;
}

.fancy-h-spacer-darker 
{
    background-image: url(../img/ui/h-spacer-darker.png);
}

.fleft 
{
    float: left;
}

.fright 
{
    float: right;
}

.image-text {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.button 
{
    cursor: pointer;
}

input.image-text 
{
    background-color: transparent;
    border: none;
    padding: 0;
    margin: auto;
}

.image-text a 
{
	display: block;
	width: 100%;
	height: 100%;
}

.icon 
{
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.icon-right 
{
    padding-left: 0;
    padding-right: 24px;
    background-position: right center;
}

.icon-facebook 
{
    background-image: url(../img/ui/icons/facebook.png);
}

.icon-print
{
    background-image: url(../img/ui/icons/printer.png);
}

.icon-links
{
    text-align: right;
    height: 16px;
    margin: 0 0 10px;
}

.icon-links .icon 
{
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 0;
    display: inline-block;
}

.column 
{
    float: left;
}

.column-bordered-right 
{
    border-right: 1px solid #d5d5d5;
    padding-right: 20px;
    margin-right: 20px;
}

.column-end 
{
    margin-right: 0 !important;
}

.field-container label,
.field-container .label
{
    display: block;
}

.button-container .button 
{
    float: left;
    margin-right: 10px;
}

.button-container .submit 
{
    background-image: url(../img/ui/forms/white/crazy-submit.png);
    width: 187px;
    height: 66px;
}

.loading 
{
    background: url(../img/ui/ajax-loader.gif) no-repeat center center;
}

/* fancy forms */

div.textbox 
{
	height: 30px;
}

div.textbox .cback, div.textbox .cleft, div.textbox .cright 
{
	background-image: url(../img/ui/forms/white/text-box.png);
}

div.textbox .cback 
{
	margin: 0 10px;
	background-position: -10px 0;
}

div.textbox .cleft 
{
    width: 14px;
}

div.textbox .cright 
{
    width: 14px;
}

div.textbox input 
{
	margin: 6px 8px 0;
}

div.textarea 
{
    padding: 8px;
}

div.textarea .inner
{
}

div.textarea textarea.watermarked
{
}

div.textarea .ctop,
div.textarea .cbottom,
div.textarea .cleft,
div.textarea .cright,
div.textarea .cback
{
	background-image: url(../img/ui/forms/white/textarea.png);
}

div.textarea .ctop 
{
	height: 14px;
	left: -8px;
	top: -8px;
	padding-right: 2px;
}

div.textarea .cbottom 
{
	background-position: right bottom;
	height: 14px;
	bottom: -8px;
	right: -8px;
	padding-left: 2px;
}

div.textarea .cleft 
{
	background-position: 0 bottom;
	width: 14px;
	bottom: -8px;
	left: -8px;
	padding-top: 2px;
}

div.textarea .cright 
{
	background-position: right 0;
	width: 14px;
	top: -8px;
	right: -8px;
	padding-bottom: 2px;
}

div.textarea .cback 
{
	background-position: 0 -14px;
	left: -8px;
	padding-right: 8px;
}

div.select 
{
    height: 30px;
}

div.select .cleft,
div.select .cright,
div.select .selected 
{
    background-image: url(../img/ui/forms/white/select.png);
}

div.select .cright 
{
    width: 30px;
}

div.select .cleft 
{
    width: 14px;
}

div.select .selected 
{
    line-height: 29px;
    margin: 0 30px 0 8px;
    background-position: -8px 0;
}

div.select select 
{
}

div.checkbox .cbox {
	background-image: url(../img/ui/forms/white/checkbox.png);
	background-position: 0 0;
	width: 24px;
	height: 24px;
	overflow: hidden;
}

div.checkbox-checked .cbox {
	background-position: right 0;
}

/*--------------------------nav-------------------------*/

#top-nav 
{
    background: #2b2b2d;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#top-nav a 
{
    color: #fff;
    text-decoration: none;
}

#top-nav a:hover 
{
    text-decoration: underline;
}

#top-nav .inner 
{
    width: 980px;
    line-height: 38px;
    height: 38px;
    position: relative;
}

#top-nav .breadcrumbs 
{
    position: absolute;
    left: 0;
    top: 0;
}

#top-nav .breadcrumbs a.current 
{
    text-decoration: underline;
}

#top-nav .breadcrumbs a.current:hover 
{
    text-decoration: none;
}

#top-nav .quick-links 
{
    position: absolute;
    right: 0;
    top: 0;
}

#top-nav .quick-links a 
{
    float: left;
    margin-left: 20px;
}

/*-----------------------masthead----------------------*/

#header 
{
    background: #000;
}

#header .inner 
{
    width: 980px;
    height: 138px;
    position: relative;
}

#logo 
{
    background-image: url(../img/header/logo.png);
    height: 100%;
    width: 298px;
}

#header .ad-spot 
{
    width: 414;
    margin: 22px 20px;
    position: absolute;
    left: 298px;
    top: 0;
}

#header .right 
{
    width: 228px;
    position: absolute;
    right: 0;
    top: 0;
}

#header .right .search 
{
    margin: 20px 0;
    position: relative;
}

#header .right .search input.text 
{
    width: 228px;
}

#header .right .search input.submit 
{
    background-image: url(../img/ui/forms/search-button.png);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

#header .right .search div.textbox input 
{
    margin-right: 30px;
}

#header .right .win-shoes 
{
    background-image: url(../img/header/win-shoes.png);
    width: 100%;
    height: 49px;
}

/*nav*/

#nav 
{
    background-color: #fff;
    padding-left: 10px;
    height: 42px;
    margin: auto;
    position: relative;
    z-index: 10000;
}

#nav .inner 
{
    width: 980px;
    margin: auto;
}

#nav .nav 
{
    margin: 0 0 0 -17px;
    position: absolute;
    list-style: none;
}

#nav .nav-item 
{
    float: left;
}

#nav .nav-item-link 
{
    display: block;
    font-size: 16px;
    line-height: 42px;
    color: #000;
    text-decoration: none;
    padding: 0 12px;
    white-space: nowrap;
}

#nav .nav-item-hover .nav-item-link,
#nav .nav-item-active .nav-item-link
{
    color: #fff;
    background: #000;
    position: relative;
}

#nav .nav-item .nav-item-link .arrow 
{
    display: none;
    background-image: url(../img/nav/arrow.png);
    width: 35px;
    height: 18px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    bottom: -18px;
}

#nav .nav-item-hover .nav-item-link .arrow,
#nav .nav-item-active .nav-item-link .arrow 
{
    display: block;
}

#nav .nav-item .hover-container 
{
    display: none;
    background-color: #000;
    color: #fff;
    position: absolute;
    z-index: 10000;
    top: 42px;
    padding: 20px;
}

#nav .nav-item .hover-container-right 
{
    left: auto;
    right: 0;
}

#nav .nav-item .hover-container-small 
{
    width: 200px;
}

#nav .nav-item .hover-container-full 
{
    width: 952px;
    left: 0;
}

#nav .nav-item .hover-container-category 
{
    overflow: hidden;
}

#nav .nav-item .hover-container-category h6 
{
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

#nav .nav-item .hover-container-category .section 
{
    float: left;
    width: 135px;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #404040;
}

#nav .nav-item .hover-container-category .start 
{
    padding-left: 0;
    margin-left: 0;
    border-left-width: 0;
}

#nav .nav-item .hover-container-category .section-two 
{
    width: 270px;
}

#nav .nav-item .hover-container a 
{
    color: #b3b3b3;
    text-decoration: none;
}

#nav .nav-item .hover-container a:hover 
{
    color: #fff;
    text-decoration: underline;
}

#nav .nav-item .hover-container-category .section .column 
{
    width: 135px;
}

#nav .nav-item .hover-container-category ul 
{
    font-size: 11px;
    line-height: 16px;
    list-style-type: none;
    margin: 0;
}

#nav .nav-item .hover-container-category ul li 
{
    margin: 0;
}

#nav .nav-item .hover-container .link-list 
{
    margin: 0;
    list-style-type: none;
}

#nav .nav-item .hover-container .link-list li 
{
    margin: 0;
}

/*content*/

#content-wrapper
{
    width: auto;
    position: relative;
    overflow-x: hidden;
    min-width: 980px;
}

#content
{
    width: 980px;
    margin: 20px auto 0;
}

#content .side-bar 
{
    width: 270px;
    float: left;
    margin-right: 28px;
    position: relative;
}

#content .side-bar .quote 
{
    padding: 10px;
    background-color: #000;
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin: 0 0 20px;
}

#content .content-container
{
    float: left;
    width: 682px;
    padding: 0 0 20px;
    position: relative;
}

/* special content containers */

.products 
{
    position: relative;
}

.products .view-all 
{
    font-weight: bold;
    font-size: 12px;
    padding: 4px 0 0;
    margin-bottom: -12px;
}

.wish-list .product-list 
{
    margin-bottom: 20px;
}

.wish-list .coupon 
{
    position: relative;
}

.wish-list .coupon .date 
{
    position: absolute;
    text-align: center;
    right: 100px;
    top: 230px;
    font-weight: bold;
}

.stylist h2
{
    background-image: url(../img/ui/icons/social-50.png);
    background-position: 0 -250px;
}

.stylist h5 
{
    margin-top: 18px;
}

.stylist .column h5 
{
    margin-top: 0;
}

.stylist h6
{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 18px;
}

.stylist .column 
{
    width: 139px;
    margin-bottom: 20px;
}

.stylist .hilite 
{
    color: #28becf;
    font-size: 24px;
    line-height: 28px;
    margin-top: 0;
}

.stylist .hilite strong 
{
    font-size: 32px;
}

.host-party h2
{
    background-image: url(../img/ui/icons/social-50.png);
    background-position: 0 -100px;
    margin-left: -4px;
    padding-left: 68px;
}

.host-party .column
{
    width: 213px;
}

.host-party .column h5 
{
    margin-bottom: 18px;
}

.host-party .column-two 
{
    width: 428px;
}

.host-party .column-inner 
{
    width: 186px;
}

.host-party .column-end 
{
    margin-left: 28px;
}

.order .column 
{
    width: 200px;
    margin-right: 20px;
}

.order form 
{
    margin-bottom: -20px;
}

.order form ul.message-list
{
    margin-top: 0;
    margin-bottom: 18px;
}

.order form .field-container 
{
    margin: 0 0 20px;
}

.order form .field-container label,
.order form .field-container .label,
.order form fieldset p
{
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 18px;
}

.order form .text-container .editor input,
.order form select,
.order form textarea
{
    width: 200px;
}

.order form textarea 
{
    height: 130px;
}

.order form .submit 
{
    float: none;
    margin: auto;
    display: block;
}

.privacy
{
    margin-top: 20px;
}

.careers 
{
    margin-top: 20px;
}

.contact 
{
    position: relative;
    zoom: 1;
}

.contact .column 
{
    width: 260px;
    margin-bottom: 20px;
}

.order-shoes 
{
    background-image: url(../img/ui/buttons/order-shoes.png);
    width: 237px;
    height: 84px;
}

.contact .order-shoes 
{
    position: absolute;
    right: 0;
    bottom: 0;
}

.shoezy h2
{
    background-image: url(../img/ui/icons/social-50.png);
    background-position: 0 0;
}

.shoezy .leader 
{
    width: 206px;
}

.shoezy .content 
{
    width: 456px;
}

.shoezy .twitter
{
    background-image: url(../img/content/shoezy/twitter-button.png);
    width: 185px;
    height: 111px;
}

.shoezy .how-to-wear 
{
    width: 211px;
    margin-left: 20px;
    padding: 10px 0 0;
}

.shoezy .pick-of-the-week 
{
    width: 225px;
}

.shoezy .previous-picks 
{
    margin-left: 20px;
    width: 211px;
}

.how-to-wear h3,
.pick-of-the-week h3,
.previous-picks h3 
{
    color: #000;
    font-size: 18px;
    
    padding-bottom: 6px;
    background: url(../img/ui/dotted-header-border.png) repeat-x 0 bottom;
}

.shoezy .pick-of-the-week img 
{
    margin: 10px auto;
}

.pick-of-the-week .vote-header 
{
    background-image: url(../img/content/shoezy/vote.png);
    background-position: right 0;
    width: 100%;
    height: 26px;
    margin-top: -14px;
}

.pick-of-the-week .vote 
{
    text-align: center;
    height: 31px;
    overflow: hidden;
}

.product-list-potw .vote 
{
    margin: 10px auto;
}

.pick-of-the-week .vote .hot-not
{
    display: inline-block;
}

.pick-of-the-week .vote .hot-not .count
{
    float: left;
    line-height: 31px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

.pick-of-the-week .vote .hot-not .image-text
{
    background-image: url(../img/ui/buttons/hot-not.png);
    width: 51px;
    height: 31px;
    float: left;
}

.product-list-potw .potw-date 
{
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.pick-of-the-week .hot .image-text 
{
    background-position: 0 0;
}

.pick-of-the-week .not 
{
    margin-left: 10px;
}

.pick-of-the-week .not .image-text
{
    background-position: 0 -31px;
}

.how-to-wear .download 
{
    width: 90px;
    height: 82px;
    background-image: url(../img/content/how-to-wear/1008-download.jpg);
}

.shoezy .how-to-wear .download
{
    margin: 20px auto 0;
}

.previous-picks p 
{
    margin: 18px 0 0;
}

/*footer*/

#footer 
{
    background-color: #000;
    color: #fff;
}

#footer .inner 
{
    width: 980px;
    padding: 30px 0;
}

#footer h6 
{
    margin: 0 0 10px;
    font-size: 32px;
}

#footer .col 
{
    float: left;
    margin-right: 20px;
}

#footer .end 
{
    margin-right: 0;
}

#footer .quick-links 
{
    width: 300px;
}

#footer .quick-links ul 
{
    margin: 0;
    list-style-type: none;
}

#footer .quick-links li 
{
    margin: 0;
    float: left;
    width: 150px;
}

#footer .quick-links a 
{
    color: #b3b3b3;
    text-decoration: none;
}

#footer .quick-links a:hover 
{
    color: #fff;
    text-decoration: underline;
}

#footer .social 
{
    width: 330px;
}

#footer .social h6 
{
    text-align: center;
}

#footer .social .top-row 
{
    margin: 0 0 10px;
    height: 51px;
    padding: 0 47px;
}

#footer .social .bottom-row 
{
    height: 51px;
    padding: 0 78px;
}

#footer .social .link 
{
    position: relative;
    width: 51px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

#footer .social .link a.image-text
{
    display: block;
    background-image: url(../img/ui/icons/social-50.png);
    width: 100%;
    height: 100%;
}

#footer .social .ask-shoezy .image-text
{
    background-position: 0 0;
}

#footer .social .facebook 
{
    width: 50px;
}

#footer .social .facebook .image-text
{
    background-position: 0 -50px;
}

#footer .social .host-a-party 
{
    width: 54px;
}

#footer .social .host-a-party .image-text
{
    background-position: 0 -100px;
}

#footer .social .email-club .image-text
{
    background-position: 0 -150px;
}

#footer .social .confess .image-text
{
    background-position: 0 -200px;
}

#footer .social .personal-stylist .image-text
{
    background-position: 0 -250px;
}

#footer .social .shoezys-blog .image-text
{
    background-position: 0 -300px;
}

#footer .social .tooltip 
{
    display: none;
    width: 268px;
    position: absolute;
    z-index: 5000;
    left: 50%;
    margin-left: -134px;
    bottom: 40px;
    
}

#footer .social .tooltip a 
{
    color: #28becf;
}

#footer .social .tooltip h6 
{
    line-height: 28px;
    font-size: 28px;
}

#footer .social .tooltip .tooltip-top,
#footer .social .tooltip .tooltip-content 
{
    background-image: url(../img/ui/footer/tooltip.png);
    background-repeat: 0 0;
}

#footer .social .tooltip .tooltip-top 
{
    background-position: 0 0;
    height: 11px;
}

#footer .social .tooltip .tooltip-content 
{
    zoom: 1;
    background-position: 0 bottom;
    padding: 0 16px 33px;
}

#footer .twitter-feed
{
    width: 310px;
}

#footer .twitter-feed h6 
{
    padding-right: 40px;
    background: url(../img/ui/icons/twitter-footer.png) no-repeat right center;
}

#footer .twitter-feed h6 a
{
    color: #fff;
    text-decoration: none;
}

#footer .twitter-feed .title 
{
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: bold;
}

#footer .twitter-feed p 
{
    font-size: 14px;
    line-height: 18px;
}

#footer .twitter-feed cite 
{
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #28becf;
    font-weight: bold;
    font-style: normal;
    margin: 10px 0 0;
}

#footer .twitter-feed a 
{
    color: #28becf;
}

#footer .twitter-feed cite a:hover 
{
    color: #fff;
}

/*products*/

.product-list,
.photo-list
{
    margin: 20px 0 0 -20px;
    zoom: 1;
}

.product-list .h-spacer,
.photo-list .h-spacer 
{
    height: 20px;
}

.product-list .product,
.photo-list .photo 
{
    width: 214px;
    float: left;
    margin-left: 20px;
}

.product-list .product img,
.photo-list .photo img 
{
    width: 214px;
    height: 176px;
}

.product-list .product .social 
{
    line-height: 31px;
    height: 31px;
    position: relative;
    margin: 5px 10px;
}

.product-list .product .social .love 
{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.product-list .product .social .love:hover 
{
    text-decoration: underline;
}

.product-list .product .social .love .image-text
{
    background-image: url(../img/ui/buttons/love.png);
    background-position: 0 0;
    width: 51px;
    height: 31px;
    float: left;
    margin-right: 5px;
}

.product-list .gender-male .social .love .image-text,
.product-list .gender-none .social .love .image-text
{
    background-position: 0 -31px;
}

.product-list .product .details 
{
    padding: 10px;
    background-color: #000;
    color: #fff;
    position: relative;
}

.product-list .product .details span 
{
    display: block;
}

.product-list .product .details .options 
{
    float: right;
    font-size: 11px;
    line-height: 18px;
    margin-left: 5px;
    text-align: right;
}

.product-list .product .details .options a 
{
    color: #28becf;
    text-decoration: none;
    display: block;
}

.product-list .product .details .options a:hover 
{
    text-decoration: underline;
}

.product-list .product .details .options .wish-list-selector .mode 
{
    display: inline;
}

.product-list .product .details .title 
{
    font-size: 16px;
    line-height: 18px;
    min-height: 36px;
    font-weight: bold;
}

.product-list .product .details .code 
{
    font-size: 11px;
    line-height: 18px;
    color: #808080;
}

.product-list .product .details .bottom 
{
    margin: 10px 0 0;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

.product-list .product .details .bottom .availability 
{
    text-transform: uppercase;
    color: #28becf;
}

.product-list .product .details .bottom a.availability 
{
    border-bottom: 2px solid #28becf;
    text-decoration: none;
}

.product-list .product .details .bottom a.availability:hover
{
    border-bottom-width: 0;
}

.product-list .product .details .bottom .price 
{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}

.product-list .on-sale .price .current 
{
    color: #cc0000;
}

.product-list .product .price .regular 
{
    text-decoration: line-through;
}

/*photos*/

.photo-list .photo img 
{
    margin: 0 0 5px;
}

.photo-list .photo .zoom:hover img 
{
    border: 1px solid #000;
    margin: -1px -1px 4px;
}

.photo-list .photo .zoom 
{
    display: block;
    color: #000;
    text-decoration: none;
}

.photo-list .photo span 
{
    display: block;
    margin: 0 5px;
}

.photo-list .photo .title 
{
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

.photo-list .photo .zoom:hover .title 
{
    text-decoration: underline;
}

.photo-list .photo .caption 
{
    font-size: 11px;
    line-height: 16px;
}

.magazine-list .photo 
{
    width: 120px;
}

.magazine-list .photo img 
{
    width: 120px;
    height: 150px;
}

.magazine-list .photo 
{
    text-align: center;
}

.magazine-list .photo .title
{
    font-size: 11px;
    line-height: 16px;
}

/*side-bar*/

.side-bar h5 
{
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 4px;
    text-transform: uppercase;
    color: #ec429a
}

.side-bar h5 a 
{
    color: #ec429a
}

.gender-male .side-bar h5 
{
    color: #28becf;
}

.gender-male .side-bar h5 a 
{
    color: #28becf;
}

.side-bar .filter-box 
{
    margin: 0 0 20px;
}

.side-bar .filter-box ul 
{
    margin: 0;
    list-style-type: none;
}

.side-bar .filter-box ul li 
{
    margin: 0;
}

.side-bar .filter-box ul a 
{
    color: #000;
}

.side-bar .filter-box ul a:hover 
{
    color: #ec429a;
    text-decoration: none;
}

.pager 
{
    text-align: right;
    font-size: 12px;
}

.pager-top
{
    /*margin-top: -12px;*/
}

.pager-bottom 
{
    margin-top: 20px;
}

.pager span,
.pager a 
{
    padding: 4px;
    margin: 0 0 0 4px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    zoom: 1;
}

.pager a 
{
    color: #000;
    text-decoration: none;
}

.pager a:hover 
{
    background-color: #000;
    color: #fff;
}

.pager .current 
{
    font-weight: bold;
    background-color: #ec429a;
    color: #fff;
}

.gender-male .pager .current 
{
    background-color: #28becf;
}

/* content boxes */

.box 
{
    margin: 0 0 20px;
}

.box-end 
{
    margin-bottom: 0;
}

.box-white 
{
    padding: 0 20px;
}

.box-black,
.box-grey 
{
    padding: 20px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.box-black
{
    background-color: #000;
    color: #fff;   
}

.box-grey 
{
    background-color: #e5e5e5;
}

.box-shadowed 
{
    position: relative;
    margin: 0 -10px 10px;
    padding: 0 10px 10px;
    background-position: 0 bottom;
    background-repeat: no-repeat;
}

.box-shadowed .inner 
{
    padding: 10px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}

.box-shadowed-270 
{
    background-image: url(../img/ui/box/shadow-270.png);
    min-height: 220px;
}

.box-shadowed-270 .inner 
{
    min-height: 200px;
}

.box-shadowed-682 
{
    background-image: url(../img/ui/box/shadow-682.png);
    min-height: 240px;
}

.box-shadowed-682 .inner  
{
    min-height: 220px;
}

.box-shadowed-726 
{
    background-image: url(../img/ui/box/shadow-726.png);
    min-height: 240px;
}

.box-confession cite 
{
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    font-style: normal;
}

.box-confession .make-confession 
{
    background-image: url(../img/content/side-bar/make-confession.png);
    width: 250px;
    height: 117px;
    margin: 10px 0 0;
}

.box-shoezy .options 
{
    margin: 10px 0 0;
}

.box-shoezy .pick-of-the-week
{
    width: 150px;
}

.box-shoezy .pick-of-the-week img,
.box-shoezy .how-to-wear .download 
{
    margin: 10px auto 0;
}

.box-shoezy .how-to-wear 
{
    width: 98px;
}

.box-shoezy .more-info
{
    background-image: url(../img/content/side-bar/shoezy.png);
    width: 250px;
    height: 58px;
    margin: 10px 0 0;
}

.box-shoezy h6 
{
    font-weight: bold;
    font-size: 14px;
}

.box-confession p 
{
    margin: 0;
}

.box-shadowed h5 
{
    color: #005b65 !important;
    text-transform: none;
    font-size: 28px;
    line-height: 28px;
    font-weight: normal;
    position: relative;
}

.box-shadowed .sub-heading
{
    position: absolute;
    right: 21px;
    top: 21px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

.box-shadowed a 
{
    color: #005b65;
}

.box-black a 
{
    color: #28becf;
}

.just-arrived
{
    position: relative;
}

.just-arrived a 
{
    color: #000 !important;
} 

.just-arrived .options 
{
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.just-arrived .options a 
{
    text-decoration: none;
    float: left;
    padding: 10px;
}

.just-arrived .options a:hover,
.just-arrived .options a.active
{
    color: #fff !important;
    background-color: #000;
}

.just-arrived h5
{
    font-size: 42px !important;
    color: #ec429a !important;
    text-transform: uppercase !important;
}

.gender-male .just-arrived h5 
{
    color: #28becf !important;
}

.carousel 
{
    position: relative;
}

.just-arrived .carousel 
{
    margin-bottom: 10px;
    height: 192px;
}

.just-arrived .carousel .item-container 
{
    width: 660px;
    margin: auto;
    height: 192px;
    position: relative;
    overflow: hidden;
}

.just-arrived .carousel .item-container-loading 
{
    background: url(../img/ui/ajax-loader.gif) no-repeat center center;
}

.just-arrived .carousel .item-container-loading .item
{
    display: none;
}

.just-arrived .carousel .item 
{
    position: absolute;
    width: 642px;
    padding: 0 9px;
    height: 192px;
}

.carousel .next,
.carousel .prev
{
    background: url(../img/ui/just-arrived/arrows.png) no-repeat;
    width: 26px;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
}

.carousel .prev 
{
    left: 0;
    background-position: 0 center;
}

.carousel .next 
{
    right: 0;
    background-position: right center;
}

.carousel-product .product 
{
    float: left;
    width: 214px;
    padding-top: 18px;
}

.carousel-product .product .title 
{
    display: block;
    margin-top: 9px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

.carousel-product .product img 
{
    margin: auto;
}

.super-buttons 
{
    height: 79px;
    margin: 0 0 20px;
}

.super-buttons a 
{
    background-image: url(../img/content/host-order-stylist-buttons.png);
    width: 80px;
    height: 79px;
    float: left;
}

.super-buttons a.host-party 
{
    background-position: 0 0;
    margin-right: 15px;
}

.super-buttons a.order 
{
    background-position: -80px 0;
    margin-right: 15px;
}

.super-buttons a.stylist 
{
    background-position: -160px 0;
}

/* confessions */

.confessions h2
{
    background-image: url(../img/ui/icons/social-50.png);
    background-position: 0 -200px;
}

.confessions .winner cite 
{
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin: 18px 0 0;
    font-style: normal;
    font-weight: bold;
}

.confessions .winner p 
{
    color: #9f9f9f;
}

.confessions .sort-by 
{
    font-size: 12px;
}

.confessions .sort-by strong 
{
    color: #c1c1c1;
}

.confessions .sort-by a
{
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}

.confessions .sort-by a:hover 
{
    text-decoration: underline;
}

.confessions .cta 
{
    padding: 0 20px 20px;
    margin: 0;
}

.confessions .cta h4 
{
    font-weight: bold;
    font-size: 24px;
}

.confessions .cta .button 
{
    float: right;
    width: 220px;
    height: 108px;
    margin-left: 20px;
    background-image: url(../img/content/shoe-aholic-confessions/confess-your-addiction.png);
}

.confession-list 
{
    list-style: none;
    margin: 0;
}

.confession-list .icon-facebook 
{
    width: 16px;
    height: 16px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px;
}

.confession-list li 
{
    padding: 20px;
    background-color: #f2f2f2;
    position: relative;
}

.confession-list li.alt 
{
    background-color: transparent;
}

.confession-list cite 
{
    display: block;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    color: #28becf;
}

.box-white div.textbox .cback,
.box-white div.textbox .cleft,
.box-white div.textbox .cright 
{
	background-image: url(../img/ui/forms/light-blue/text-box.png);
}

.box-white div.textarea .ctop,
.box-white div.textarea .cbottom,
.box-white div.textarea .cleft,
.box-white div.textarea .cright,
.box-white div.textarea .cback
{
	background-image: url(../img/ui/forms/light-blue/textarea.png);
}

.box-white div.checkbox .cbox {
	background-image: url(../img/ui/forms/light-blue/checkbox.png);
}

.box-white form .column 
{
    width: 240px;
    margin-right: 20px;
}

.box-white form .column input 
{
    width: 240px;
}

.box-white form .column input.small 
{
    width: 80px;
}

.box-white form .field-container,
.box-white form .button-container 
{
    margin: 20px 0 0;
}

.box-white form.working .button-container 
{
    padding-left: 42px;
    height: 32px;
    background: url(../img/ui/ajax-loader.gif) no-repeat 0 center;
}

.box-white form.working .button-container .button 
{
    display: none;
}

.box-white form textarea 
{
    width: 642px;
}

.box-white form select 
{
    width: 140px;
}

.box-white form .checkbox-container 
{
    height: 30px;
}

.box-white form .checkbox-container .editor 
{
    float: left;
    margin-right: 10px;
    padding-top: 3px;
}

.box-white form .checkbox-container label 
{
    font-size: 12px;
    line-height: 29px;
    float: left;
}

.confessions form .button-container .submit 
{
    background-image: url(../img/ui/forms/confess-button.png);
    width: 109px;
    height: 42px;
}

.box-white form .email-options .field-container 
{
    float: left;
}

.box-white form .email-options .checkbox-container 
{
    width: 400px;
}

.box-white form .email-options .select-container 
{
    width: 242px;
}

#comment-post-container 
{
    margin: 20px 0 0;
}

#comment-post-container form .button-container .submit 
{
    background-image: url(../img/ui/forms/white/crazy-submit-small.png);
    width: 160px;
    height: 57px;
}

.comment-list 
{
    list-style-type: none;
    margin: 0;
}

.comment-list .comment 
{
    border-bottom: solid 1px #b3b3b3;
    padding: 20px 0;
    margin: 0 20px;
}

.comment-list .avatar 
{
    float: left;
    width: 50px;
    margin: 0 20px 20px 0;
}

.comment-list .guts 
{
    float: right;
    width: 532px;
}

.comment-list .avatar img 
{
    display: block;
}

.comment-list cite 
{
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    display: block;
    line-height: 18px;
}

.comment-list .meta 
{
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

/* brands */

.brand-list-container 
{
    margin: 20px 0 0;
}

.brand-list-container h3 
{
    font-size: 18px;
    color: #000;
}

.brand-list-container .featured 
{
    width: 468px;
    float: left;
}

.brand-list-container .exclusive 
{
    width: 214px;
    float: left;
}

.brand-list-container .column 
{
    width: 214px;
}

.brand-list-container ul 
{
    list-style-type: none;
    margin: 0;
}

.brand-list-container ul li 
{
    margin: 0;
}

/* lightbox */

#fancybox-title-over 
{
    line-height: 18px;
}

#fancybox-outer 
{
    background: #000;
}

#fancybox_error 
{
    color: #e6e6e6;
}

/* offers */

.offer-list 
{
    margin: 20px 0;
}

.offer-list .offer-share 
{
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px;
}

.offer-list .offer-share .icon-links 
{
    float: right;
    margin-left: 10px;
}

/* careers */

.careers-apply-now 
{
    float: right;
    margin: 10px 10px 10px 20px;
    width: 193px;
    height: 85px;
    background-image: url(../img/content/careers/apply-now.png);
}

/* faq */

.faq 
{
    list-style: none;
    margin: 20px 0 0;
}

.faq li 
{
    margin: 0 0 5px;
}

.faq .question 
{
    background-color: #000;
    padding: 10px 20px;
    font-size: 14px;
    color: #28becf;
    display: block;
    font-weight: bold;
    text-decoration: none;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.faq .question:hover 
{
    color: #fff;
}

.faq .question .q 
{
    color: #fff;
    float: left;
    width: 28px;
}


.faq .answer .inner
{
    position: relative;
    margin: 20px;
    padding-left: 28px;
}

.faq .answer .a
{
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #28becf;
    position: absolute;
    top: 0;
    left: 0;
}

/* stores */

.stores 
{
    margin-top: 20px;
}

.store-list .store 
{
    margin-bottom: 18px;
}

.store-list .store span
{
    display: block;
    font-size: 12px;
    line-height: 18px;
}

.store-list .store .title 
{
    color: #ec429a;
}

.store-list .store .title,
.store-list .store .address,
.store-list .store .city-province,
.store-list .store .postal-code 
{
    font-weight: bold;
}

.store-list .store .hours p 
{
    margin-top: 0;
}

.stores .type-group 
{
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #d5d5d5;
}

.stores .type-group-end 
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.stores .type-group .provinces,
.stores .type-group .cities
{
    margin-top: 0;
    list-style-type: none;
}

.stores .type-group .provinces
{
    margin-left: 0;
}

.stores .type-group .provinces .cities
{
    margin-bottom: 10px;
}

.stores .type-group .cities 
{
    display: none;
}

.stores .type-group ul a 
{
    text-decoration: none;
}

.stores .type-group ul a.active 
{
    font-weight: bold;
}

.stores .type-group ul a .count 
{
    color: #28becf;
}

.stores .type-group ul a:hover .title
{
    text-decoration: underline;
}

.stores .column 
{
    width: 280px;
    margin-right: 20px;
}

.stores .store-list-container 
{
    width: 382px;
}

.stores .loading 
{
    height: 72px;
}

/* seach */

.search-results .search-result 
{
    margin: 18px 0 0;
}

.search-results .search-result .title 
{
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

.search-results .search-result p 
{
    margin: 0;
}

.search-results .search-result .url 
{
    font-size: 11px;
    line-height: 18px;
}

.search-results .search-result .url a 
{
    color: #909090;
}

/* blog posts */

.blog h2
{
    background-image: url(../img/ui/icons/social-50.png);
    background-position: 0 -300px;
}

.blog .blog-post 
{
    zoom: 1;
    padding: 20px;
    position: relative;
}

.blog .blog-post h3 
{
    margin-bottom: 18px;
}

.blog .blog-post-alt 
{
    background-color: #f2f2f2;
}

.blog .blog-post img 
{
    margin-right: 20px;
}

.blog .blog-post .content 
{
    width: 392px;
}

.blog .blog-post .more 
{
    margin-bottom: 0;
    color: #a0a0a0;
}

.blog .blog-post .more a 
{
    font-weight: bold;
}

.blog .pager 
{
    font-size: 32px;
    text-align: left;
    height: 32px;
    position: relative;
}

.blog .pager a 
{
    color: #ec429a;
}

.blog .pager a:hover 
{
    background-color: transparent;
}

.blog .pager .next,
.blog .pager .prev 
{
    position: absolute;
    left: 0;
    top: 0;
}

.blog .pager .next 
{
    left: auto;
    right: 0;
}

.blog .blog-post h4 
{
    color: #999;
    font-size: 16px;
    line-height: 18px;
}

.blog .blog-post .comment-sort 
{
    font-size: 12px;
    line-height: 18px;
}

.blog .blog-post .comment-sort .active 
{
    font-weight: bold;
    text-decoration: none;
    color: #999;
}

.brand-logos 
{
    background-color: #fff;
    padding: 20px 0;
}

.brand-logos .inner 
{
    width: 980px;
    position: relative;
}

.brand-logos h6 
{
    font-size: 32px;
}

.brand-logos .view-all 
{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    color: #005b65;
}

.brand-logos .carousel .item-wrapper 
{
    height: 80px;
    position: relative;
    overflow: hidden;
}

.brand-logos .carousel .item-container 
{
    position: absolute;
    margin: 0 36px;
}

.brand-logos .carousel .item-container .item
{
    position: absolute;
    height: 80px;
    padding: 0 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

#email-list-signup-wrapper 
{
    visibility: hidden;
    position: absolute;
    left: -9999px;
    top: 0;
}

#email-list-signup 
{
    color: #fff;
    width: 394px;
    background-color: #000;
    padding: 20px;
}

#email-list-signup strong,
#email-list-signup a
{
    color: #28becf;
}

#email-list-signup input
{
    width: 180px;
}

#email-list-signup fieldset 
{
    margin: -10px 0 20px;
}

#email-list-signup fieldset .column 
{
    width: 192px;
    margin-right: 10px;
}

#email-list-signup .field-container 
{
    position: relative;
    height: 30px;
}

#email-list-signup .field-container,
#email-list-signup .button-container 
{
    margin: 10px 0 0;
}

#email-list-signup .field-container label 
{
    position: absolute;
    color: #28becf;
    font-size: 12px;
}

#email-list-signup .field-container .editor 
{
    padding-left: 12px;
}

#email-list-signup .birthday-container label 
{
    width: 70px;
    font-weight: bold;
    padding-left: 12px;
    line-height: 30px;
}

#email-list-signup .birthday-container .editor 
{
    padding-left: 72px;
}

#email-list-signup .birthday-container input
{
    width: 70px;
    text-align: center;
}

#email-list-signup .text-container p 
{
    font-size: 11px;
    line-height: 12px;
    color: #28becf;
}

#email-list-signup .button-container .submit 
{
    float: none;
    margin: auto;
    width: 160px;
    height: 57px;
    background-image: url(../img/ui/forms/white/crazy-submit-small.png);
}

#email-list-signup .block-link,
#email-list-signup .heading
{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #eed65c;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 0;
}

#email-list-signup .heading 
{
    margin: 0 0 20px;
}

#email-list-signup .block-link:hover 
{
    color: #fff;
}

#email-list-signup .content-winners 
{
    display: none;
}

#email-list-signup .content-winners ul
{
    list-style-type: none;
    margin: 0;
}

#email-list-signup .content-winners ul strong 
{
    color: #d60d8d;
}

#buy-it-now-redirect 
{
    width: 536px;
    height: 346px;
    background-image: url(../img/ui/buy-it-now/container.jpg);
    position: relative;
}

#buy-it-now-redirect img 
{
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 232px;
}