/* ---------------------------------------------------------------------------------

   Master Stylesheet
   Author: Pixel House
   Website: www.pixel-house.com.au

--------------------------------------------------------------------------------- */

body { background: #000; font-family: 'Open Sans', arial, sans-serif; font-weight: 300; margin: 0; padding: 0; }
p, li { font-size: 1.25em; line-height: 1.55em; color: #4b4b4b; }
p, ul, ol { margin: 0 0 1.5em 0; }
p.sm { font-size: 0.8em; line-height: 1.4em; }
a { color: #c6151b; }
a img { border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #000; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none!important; }
h1 { color: #000; font-size: 2.5em; font-weight: bold; margin: 0 0 30px 0; }
h1 span { font-weight: normal; color: #4b4b4b; }
h2, h3, h4 { font-size: 20px; margin: 0 0 20px 0; font-weight: bold; color: #000; }
h2 a, h3 a, h4 a { color: #000; }
h1, h2, h3 { letter-spacing: -0.01em; }
h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }
h4 span { color: #e16e00; }

.black { color: #000; }
.orange { color: #e16e00; }
.green { color: #549d27; }
.grey { color: #555555; }
.bold { font-weight: bold; }
.no-margin { margin: 0 0 2px 0!important; }

.left { float: left; }
.right { float: right; }
.right.img { margin-left: 20px; }

#header-wrap,
#heading-wrap,
#feature-wrap,
#content-wrap,
#mid-wrap,
#footer-wrap
{ float: left; width: 90%; padding: 40px 5%; }

#header,
#heading,
#feature,
#content,
#mid,
#footer
{ width: 100%; margin: 0 auto; position: relative; }

#header-wrap { padding-top: 20px; padding-bottom: 20px; }
#heading-wrap { background: #fff; border-bottom: solid 1px #d2d2d2; padding-top: 15px; padding-bottom: 20px; }
#feature-wrap { background: url(../images/fashion-feature.jpg) no-repeat center 0 #fff; padding: 60px 5% 0 5%; height: 270px; text-align: center; border-bottom: solid 5px #fff; }
#feature-wrap.home { padding-top: 150px; height: 335px; }
#content-wrap { background: #f1f1f1;  }
#mid-wrap { background: #fff; border-bottom: solid 1px #d2d2d2; padding-top: 32px; padding-bottom: 28px; }
#footer-wrap { padding-bottom: 50px; }

/* ---------------------------------------------------------------------------------
   HEADER
--------------------------------------------------------------------------------- */

#logo { float: left; position: relative; z-index: 999; font-family: 'Montserrat', sans-serif;  color: #fff; margin: 8px 0 0 0; }
#logo a { color: #fff; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; font-size: 26px; }
#logo img { width: 145px; }
#mob-menu-btn, #mob-search-btn { display: none; }
#header .btn { float: right; color: #fff; border: solid 3px #fff; }
#header .btn:hover { border: solid 3px #ff0090; }

#nav { float: right; margin: 32px 0 0 0; padding: 0; position: relative; z-index: 999; }
#nav li { float: left; list-style-type: none; background: url(../images/nav-divider.png) no-repeat right center; }
#nav li a { color: #fff; text-decoration: none; padding: 15px 20px; }
#nav li a:hover { color: #fdff3e; }
#nav #n03 { background: none; }
#nav #n03 a { padding-right: 0; }

#search-form { float: left; position: absolute; z-index: 100; top: 16px; left: 175px; width: 590px; margin: 0; }
#search-form form { float: left; padding: 0; margin: 0; width: 95%; background: #76c4e5; -moz-border-radius: 34px; border-radius: 34px; padding: 5px;  }
#search-form fieldset { float: left; width: 100%; padding: 0; margin: 0; border: none; -moz-border-radius: 30px; border-radius: 30px; background: #fff; }
#search-form .search-wrap { position: relative; }
#search-form label { position: absolute; top: 10px; left: 43px; font-size: 18px; color: #8e8e8e; font-weight: normal; cursor: text; pointer: text; }
#search-form .search-btn { float: right; -webkit-appearance: none; -webkit-border-radius: 0; margin: 3px; }
#search-form .search { float: left; margin: 0; border: none; padding: 9px 8px 0 43px; font-size: 18px!important; width: 60%; height: 25px; background: url(../images/search-magnify.gif) no-repeat 18px 13px; font-size: 15px; }
#search-form .search:focus { border-color: #f27347; }
#search-form p { float: left; width: 75%; clear: both; color: #fff; font-size: 0.8em; padding: 5px 0 0 25px; margin: 0; }

/* ---------------------------------------------------------------------------------
   HEADING WRAP
--------------------------------------------------------------------------------- */

#heading h1 { padding: 10px 0; margin: 0; line-height: 0.85em; }
#heading h1 span { font-size: 22px; float: left; width: 100%; }

#heading .thumb { float: left; width: 100px; margin-right: 15px; }
#heading .thumb span { width: 100%; height: 90px; text-align: center; display: table-cell; vertical-align: middle; }
#heading .thumb img { width: 100%; }

#heading .btn { float: right; margin-top: 30px; }

/* ---------------------------------------------------------------------------------
   FEATURED
--------------------------------------------------------------------------------- */

#feature-wrap p { font-size: 2.0em; color: #000; width: 490px; margin: 0 auto 40px auto; line-height: 1.4em;  }
#feature-wrap p span, #feature-wrap p strong { font-weight: 700; }

#feature-wrap h1 { float: left; width: 100%; padding-top: 50px; font-size: 5.0em; text-transform: uppercase; line-height: 55px; letter-spacing: 0.05em; }
#feature-wrap h1 span { font-size: 0.7em; float: left; width: 100%; clear: both; color: #000; }


/* ---------------------------------------------------------------------------------
   CONTENT
--------------------------------------------------------------------------------- */

.btn  { background: none; color: #000; border: solid 3px #000; padding: 10px 25px; text-decoration: none; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 14px; text-transform: uppercase; }
.btn:hover { border: solid 3px #ff0090; }
.btn span { padding-right: 15px; background: url(../images/arrow-black.png) no-repeat right center; }
.btn.lg { font-size: 1.0em; padding: 8px 20px; }
.btn.lg span { background: url(../images/arrow-white-lg.png) no-repeat right center; }
.hide { display: none; }

#intro { float: left; width: 100%; padding-bottom: 45px; background: url(../images/divider-dots-black.png) repeat-x 0 bottom; }
#intro p { margin: 0; }

#home-deals { float: left; width: 100%; padding: 45px 0 0 0; }
.deal { float: left; width: 23.45%; margin: 0 2% 20px 0; padding: 0; text-align: center; }
.deal-heading { float: left; width: 99.3%; background: #fff; border: dashed 1px #919191; padding: 20px 0; height: 50px; border-bottom: none; }

.deal-heading img { max-height: 50px; max-width: 80%; }


.deal-content { float: left; width: 80%; background: #000; padding: 20px 10% 5px 10%; min-height: 260px; }
.deal-content h3 { font-size: 20px; font-weight: 300; margin: 0 0 25px 0; min-height: 130px; }
.deal-content h3 a { color: #fff; }
.deal-content h3 a:hover { text-decoration: underline!important; }
.deal-content .btn { float: left; width: 84%; padding: 12px 2%; margin: 0 5% 0 5%; line-height: 20px; color: #fff; border: solid 3px #fff; }
.deal-content .btn:hover { border: solid 3px #ff0090; }
.deal-content span { text-transform: uppercase; font-weight: 700; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 14px; }

.show-more { float: left; width: 100%; text-align: center; padding-top: 20px; }
.show-more a { background: none; color: #000; border: solid 3px #000; padding: 10px 25px; text-decoration: none; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 14px; text-transform: uppercase; }
.show-more a:hover { border: solid 3px #ff0090; }

#all-stores { float: left; width: 100%; padding: 30px 0; }
#all-stores .thumbnails { float: left; width: 100%; padding: 0; margin: 0; }
#all-stores .thumbnails li { float: left; width: 10.45%; padding: 15px 2% 0 2%; /* min-height: 147px; */ min-height: 115px; background: #fff; line-height: 0.8em; margin: 0 2% 20px 0; list-style-type: none; border: solid 1px #d2d2d2; }
#all-stores .thumbnails li a { float: left; width: 100%; text-align: center; }
#all-stores .thumbnails li a span { }
#all-stores .thumbnails li a:hover .text { color: #000; }

#all-stores .thumb { width: 100%; height: 104px; text-align: center; display: table-cell; vertical-align: middle; }
#all-stores .thumb img { width: 92%; max-height: 104px!important; margin-bottom: 5px; }

#brand-text { float: left; width: 100%; padding-bottom: 25px; background: url(../images/divider-dots-black.png) repeat-x 0 bottom; }
#brand-text .brand-logo { float: left; background: #fff; border: solid 1px #d2d2d2; padding: 15px 1.6%; width: 12%; margin: 0 0 20px 0; }
#brand-text .brand-logo span {  width: 100%; height: 132px; text-align: center; display: table-cell; vertical-align: middle; }
#brand-text .brand-logo img { width: 100%; }
#brand-text .brand-text { float: right; width: 81%; }


/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#mid-wrap ul { float: left; width: 90%; padding: 0; margin: 0; }
#mid-wrap ul li { float: left; padding: 0 5.8% 0 0; list-style-type: none; margin: 0; }
#mid-wrap ul li img { height: 48px; }
#mid-wrap .btn { float: right; position: absolute; top: 0; right: 0; }

#footer { text-align: center; }
#footer p { color: #fff; margin: 0 0 6px 0; font-size: 14px; }
#footer p a { color: #fff; }
.foot-nav a { padding: 0 5px; }

p#foot-logo { margin: 0 0 20px 0; }
#foot-logo a { text-transform: uppercase; letter-spacing: 0.2em; font-family: 'Montserrat', sans-serif;  text-decoration: none; font-size: 20px; }

/* ---------------------------------------------------------------------------------
   FIELDSETS
--------------------------------------------------------------------------------- */

#contact-form { float: left; width: 100%; padding: 30px 0 0 0; background: url(../images/divider-dots-black.png) repeat-x 0 0; }

fieldset { border: none; margin: 0; padding: 0; }
fieldset #status { font-size: 19px; }
fieldset div { position: relative; float: left; width: 100%; margin: 0 0 10px 0; }
fieldset input[type="text"], fieldset textarea, fieldset select { border: solid 1px #bbbbbb; padding: 7px; font-size: 15px; color: #000; -moz-border-radius: 3px; border-radius: 3px; font-family: arial, serif; }
fieldset input[type="text"]:focus, fieldset textarea:focus, fieldset select:focus { border: solid 1px #000; background: #fff; }
fieldset label { font-size: 15px; color: #666; }
fieldset label .req { font-size: 0.75em; color: #b60404; }
fieldset .sm { font-size: 11px; color: #7b7b7b; }
fieldset .btn.sm { color: #fff; }
form .error { background: #af0000; color: #fff; float: left; width: 100%; clear: both; padding: 5px 0; text-align: center; -moz-border-radius: 5px; border-radius: 5px; }

fieldset input[type="submit"] { float: right; background: none; color: #000; cursor: pointer; cursor: hand; border: solid 3px #000; padding: 8px 25px; text-decoration: none; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 14px; text-transform: uppercase; }
fieldset input[type="submit"]:hover { border: solid 3px #ff0090; }

fieldset .fieldW1 { width: 350px; }
fieldset .fieldW2 { width: 300px; }
fieldset .fieldW3 { width: 200px; }
fieldset .fieldW4 { width: 138px; }
fieldset .fieldW5 { width: 100px; }
fieldset .fieldW6 { width: 85px; }
fieldset .fieldW7 { width: 73px; }

#contact-form fieldset { float: left; width: 100%; }
#contact-form fieldset p { position: relative; float: left; width: 100%; margin: 0 0 10px 0; line-height: 1.0em; }
#contact-form fieldset input[type="text"], #contact-form fieldset input[type="password"], #contact-form fieldset textarea { background: #fff; width: 98%; }
#contact-form fieldset label { position: absolute; top: 8px; left: 10px; }
#contact-form fieldset textarea { }
#contact-form fieldset .smtxt { font-size: 0.7em; line-height: 1.3em; color: #888888; padding-top: 5px; }
.fieldset-left { float: left; width: 35%; }
.fieldset-right { float: right; width: 62%; }
#left #error { color: #d40000; border-top: solid 1px #d40000; font-size: 0.85em; padding-top: 10px; }
#left #success { color: #449624; }

#contact-details { float: left; width: 100%; border-bottom: dashed 1px #b2b2b2; margin: 0 0 20px 0; }
#contact-details .left { width: 140px; }
#contact-details h4 { margin: 0; }
#contact-details .dash { width: 200px; }