/* 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;
}
/* HTML5 display-role reset for older browsers */
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;
}

/* BEGIN CSS */

body {
    font-family: 'F27', serif;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    background-image: url("images/background10.jpeg");
    background-repeat: repeat;
}

body.blank {
    background-image: none !important;
    
}

strong {
    font-weight: 800;

}

a, a:visited, a:hover, a:active {
    text-decoration: underline;
    color: #000;

}

#container {
    width: 1024px;
}

#container-blank {
    width: 600px;
    height: 400px;

}

#container-blank, #container {
    margin: 0px auto;

}

#content {
    float: right;
    width: 640px;
    margin: 28px auto 0px;
}

#homepageframe {
    height: 600px;
    width: 600px;
    background-image: url("images/homepage/homepage-frame.png");
}

#about {
    width: 640px;
    background: url("images/lightpaperfibers.png") repeat;
    margin-bottom: 40px;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
}

#about-bottom {
    height: 26px;
    width: 200px;
    top: 13px;
    position: relative;
    margin: 0 auto;
    background: url("images/tape.png");

}

#about-top {
    height: 26px;
    width: 200px;
    top: -13px;
    position: relative;
    margin: -13px auto;
    background: url("images/tape.png");

}

#about p, #about ul, #about h1 {
    font-size: 16px;
    margin: 20px 40px;
    line-height: 1.4em;

}

#about h1 {
    font-size: 22px;
    text-align: center;
    line-height: 1.4em;

}

#about > ul {
    text-align: center;

}

#contact-main {
    height: 600px;
    width: 600px;
    background-image: url("images/contact/main.png");
}

#contact-inquiries {
    height: 66px;
    width: 504px;
    position: relative;
    left: 43px;
    top: 88px;
    background-image: url("images/contact/inquiries.png");
    
}

#contact-sales {
    height: 57px;
    width: 504px;
    position: relative;
    left: 43px;
    top: 100px;
    background-image: url("images/contact/sales.png");
    
}

#contact-press {
    height: 66px;
    width: 502px;
    position: relative;
    left: 45px;
    top: 110px;
    background-image: url("images/contact/press.png");
    
}

#minipup-soon {
    width: 640px;
    height: 700px;
    background-image: url("images/minipup-soon.png");

}


#brands-contain-top {
    height: 58px;
    background-image: url("images/brands_bg-top.png");

}

#brands-contain-bottom {
    height: 58px;
    background-image: url("images/brands_bg-bottom.png");

}

#brands {
    height: 498px;
    overflow: hidden;
    background-image: url("images/brands_bg.png");
    background-repeat: repeat-y;

}

#brands-container {
    margin-left: 70px;
    margin-right: 10px;
    
}

#brand-filter {
    font-family: 'DJB', serif;
    font-size: 16px;
    height: 78px;
    overflow: visible;
    background-image: url("images/brands_bg-filter.png");
    background-repeat: repeat-y;

}

div + hr {
    width: 540px;
    border: none;
    height: 4px;
    margin: 10px auto;
    background-image: url("images/hr-break.png");
    
}

.box {
    padding: 5px;
    text-align: center;
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 3px !important;
    border: none;
    width: 90px;
    

}

.box-long {
    width: 180px !important;
    

}

.box > img {
    width: 100%;
    hieght: auto;
    
}

#sidebar {
    float: left;
    position: static;
    width: 300px;
    height: 628px;
    background-image: url("images/nav/sidebar.png");
    background-repeat: no-repeat;
}

#sidebar-logo {
    height: 131px;
    width: 218px;
    position: absolute;
    left: 43px;
    top: 88px;
    background-image: url("images/nav/logo.png");
    
}

#sidebar-about {
    height: 43px;
    width: 218px;
    position: absolute;
    left: 43px;
    top: 219px;
    background-image: url("images/nav/about.png");
    
}

#sidebar-about:hover {
    background-position: -218px 0;
    
}


#sidebar-brands {
    height: 53px;
    width: 218px;
    position: absolute;
    left: 43px;
    top: 285px;
    background-image: url("images/nav/brands.png");
    
}

#sidebar-brands:hover {
    background-position: -218px 0;
    
}

#sidebar-press {
    height: 45px;
    width: 218px;
    position: absolute;
    left: 47px;
    top: 340px;
    background-image: url("images/nav/press.png");
    
}

#sidebar-press:hover {
    background-position: -218px 0;
    
}

#sidebar-contact {
    height: 40px;
    width: 218px;
    position: absolute;
    left: 43px;
    top: 400px;
    background-image: url("images/nav/contact.png");
    
}

#sidebar-contact:hover {
    background-position: -218px 0;
    
}

#sidebar-wholesale {
    height: 66px;
    width: 218px;
    position: absolute;
    left: 35px;
    top: 460px;
    background-image: url("images/nav/wholesale.png");
    
}

#sidebar-wholesale:hover {
    background-position: -218px 0;
    
}

#sidebar-minipup {
    height: 92px;
    width: 218px;
    position: absolute;
    left: 43px;
    top: 495px;
    background-image: url("images/nav/minipup.png");
    
}

#sidebar-minipup:hover {
    background-position: -218px 0;
    
}

#footer {
    clear: both;
    text-align: right;
}

/* HEADER STYLES */

#brand-filter > div > h1, #footer > h1 {
    font-family: 'RechtmanPlain', sans-serif;
    font-size: 70px;
    text-align: center;

}

/* BRAND CHECK BOX STYLES */

input[type="checkbox"] {
    display: none;
    
}

input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align:middle;
    background: url("images/check_radio_sheet.png") left top no-repeat;
    cursor: pointer;
    
}

input[type="checkbox"]:checked + label span {
    background: url("images/check_radio_sheet.png") -19px top no-repeat;

}


/* BRAND HEADER IMAGES */

#brandheader-barcarola {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/barcarola.png");
}

#brandheader-manuela {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/manuela.png");
}

#brandheader-emmalevine {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/emmalevine.png");
}

#brandheader-funfun {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/funfun.png");
}

#brandheader-funkylegs {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/funkylegs.png");
}

#brandheader-hebe {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/hebe.png");
}

#brandheader-jessiejames {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/jessiejames.png");
}

#brandheader-lilishoes {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/lilishoes.png");
}

#brandheader-littlelisa {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/littlelisa.png");
}

#brandheader-maa {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/maa.png");
}

#brandheader-nanos {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/nanos.png");
}

#brandheader-tutu {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/tutu.png");
}

#brandheader-vfg {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/vfg.png");
}

#brandheader-leopoldlivia {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/leopoldlivia.png");
}

#brandheader-tinyuniverse {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/thetinyuniverse.png");
}

#brandheader-mischka {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/mischka.png");
}

#brandheader-petit {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/petit.png");
}

#brandheader-hucklebones {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/hucklebones.png");
}

#brandheader-agnesvalentine {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/agnesvalentine.png");
}

#brandheader-lucasfrank {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/lucasfrank.png");
}

#brandheader-kissafrog {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/kissafrog.png");
}

#brandheader-marmar {
    width: 628px;
    height: 224px;
    background-image: url("images/brand-headers/marmar.png");
}

/* BRAND PDF/ISSUU STYLE */

#brandpdf-container {
    width: 640px;
    height: 414px;
    overflow: hidden;
    background-image: url("images/brand-headers/frame.png");
}

#brandpdf {
    width: 600px;
    height: 388px;
    top: -45px;
    left: 60px;
    position: relative;
    background-color: transparent;

}

#pin {
    height: 100px;
    width: 100px;
    position: relative;
    margin: -20px auto;
    background-image: url("images/brand-headers/pin.png");
    background-repeat: no-repeat;
    z-index: 10;

}

#about > #pin {
    top: -20px;
    margin: 0 auto -40px;

}

/* FONT STYLES */

@font-face {
    font-family: 'F27';
    src:  url('fonts/F25_Executive.otf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RechtmanPlain';
    src: url('fonts/RechtmanPlain-webfont.eot');
    src: url('fonts/RechtmanPlain-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RechtmanPlain-webfont.woff') format('woff'),
         url('fonts/RechtmanPlain-webfont.ttf') format('truetype'),
         url('fonts/RechtmanPlain-webfont.svg#RechtmanPlain') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DJB';
    src:  url('fonts/DJBJACKEDUPKINDALUV.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}