/*
Theme Name: Vista Blinds
Theme URI: http://www.workhouseadvertising.com.au/
Author: Workhouse Advertising
Version: 2.0
*/

/*************RESET*************/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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;
    outline: 0;
}

/* --** Global classes **-- */
.clear { clear: both; height: 0px; overflow: hidden; }

/* 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;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/***********STYLE***********/

body {
    background:#d9d9d7 url(images/bg-inner.png) center top no-repeat;
    font:14px/22px arial,helvetica,sans-serif;
    color:#555553;
}


body.home {
    background:#d9d9d7 url(images/bg.png) center top no-repeat;
}

a { color:#d71921; }
a:hover { text-decoration: underline; color:#f21f28; }

.container { width:950px; margin: 0 auto; display: block; }


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

.header { height:115px; position:relative; display: block; }
.header .logo a {
    background-image: url(images/logo.png);
    display:block;
    text-indent: -9999px;
    overflow: hidden;
    width:166px; height:83px;
    margin-left: 30px; margin-top:17px;
    float:left;
}
.header h2.heading { display: none; }

.header .nav-and-contact {
    float: right;
    text-align: right;
     display: block;
}

.header .contact-details {
    height:40px;
    margin-right: 5px;
    margin-top: 20px;
    float: right;
    width: 320px;
     display: block;
}

.contact-details p {
    color:#44993c;
    font-size: 17px;
    font-weight: bold;
    width:170px;
    text-align: left;
    float:right;
    text-transform: uppercase;
    line-height: 17px;
    padding-top: 3px;
}

.contact-details strong {
    color:#d71921;
    font-size: 42px;
    line-height: 42px;
    font-weight: bold;
    float:left;
/*    width: 150px;*/
    letter-spacing: -0.08em;
}

.nav-container { float: right; display: block; }

.header ul.nav { margin-top: 10px;}
ul.nav li { float:left; display:inline; position: relative; }
ul.nav li.readymade div.label.label-shoponline a { padding: 0; border: 0; position: absolute; top: 20px; left: 16px; width: 66px; height: 22px; background: url(images/label-shoponline.png) no-repeat; z-index: 99; }


p.testimonial { }
p.testimonial span.author { display: block; font-style: normal; font-size: 12px; font-family: Arial; margin-top: 10px; color: #999; }
p.testimonial.listing { border-bottom: 1px solid #d9d9db; padding-bottom: 20px; margin-bottom: 20px; }

ul.nav li a {
    font-size:11px;
    line-height: 20px;
    color:#77787b;
    text-decoration: none;
    padding: 0px 3px;
    border-left: 1px solid #b6b7bb;
}

ul.nav li.first a { border:none;}
ul.nav li a:hover, ul.nav li a.active { color:#44993c;}

/* ### mobnav box ### */
.mobnavBox { position: absolute; right: 31px; top: 55px; display: none; width: 91px; height: 36px; z-index: 99999; }
.mobnavBox a.open { display: block; width: 91px; height: 36px; text-indent: -9999px; background: url('images/mob_btn.png') no-repeat; }
.mobnavBox ul { position: absolute; right: 0px; top: 36px; overflow: hidden; border: 1px solid #787878; }
.mobnavBox li { padding-left: 10px; width: 190px; height: 30px; border-bottom: 1px solid #787878; line-height: 30px; background: #909090; }
.mobnavBox li.last { border-bottom: none; }
.mobnavBox li a { padding-left: 10px; color: #fff; text-decoration: none; display: block; font-size: 13px; font-weight: bold; }
.mobnavBox li a:hover { text-decoration: underline; }

/* ---- CONTENT -----  */
.content {position:relative; display: block;}

.primary {
    width:700px;
    float:right;
    display: block;
    background-color:#fff;
    -webkit-box-shadow:
    0px 0px 15px 0px #c5c5c3;
    box-shadow:  0px 0px 15px 0px rgba(00,00,00,0.3);
    padding-bottom: 10px;
}
.home .primary {
    width: 100%;
}

.banner-container { position:relative; display: block; height:472px;}

.button {
    padding: 6px 15px;
    background-color: #d71921;
    color:#fff !important;
    font-weight: bold;
    margin:0px 2px;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:0;
    font-size: 14px; font-family: arial,helvetica,sans-serif;
    cursor: pointer;
    display: inline-block;
}
.button:hover { background-color: #ea1c26; color:#fff; text-decoration: none; }

.button.arrow { background-image: url(images/arrow-filter.png); background-position: right center; background-repeat: no-repeat; padding: 12px 30px 11px 15px; font-size: 14px; line-height: 14px; }

.sale-ribbon {
    display:block;
    text-indent: -9999px;
    overflow:hidden;
    width:118px; height:120px;
    background-image: url(images/sale.png);
    position:absolute;
    top:0; left:0;
    z-index: 150;
}

.guaranteed {
    display:block;
    width:309px; height:108px;
    position:absolute;
    top:45px; right:-30px;
    z-index: 100;
}

.lpg {
    display:block;
    width:100px; height:100px;
    position:absolute;
    top:30px; right:30px;
    z-index: 150;
}

.fold-over {
    display:block;
    width:443px; height:223px;
    position:absolute;
    top:-23px; right:20px;
    z-index:80;
}

.banner { position:absolute; top:10px; left:10px; width: 930px; z-index: 0; display: block;}
.banner img { width: 100%; }

.ctas > div  {
    margin-left: 10px;
    float:left;
    width:186px;
    padding:15px 20px 20px 20px;
    position: relative;
    display: block;
    height:120px;
}


.offers .ctas > div {
    width:180px;
    min-height: 120px;
    background-color: #333333;
    margin-top: 10px;
}

.ctas > div.static {
    padding: 0;
    width: 220px;
    height: 155px;
    overflow: hidden;
}

.ctas .specials > div {
    width:150px; height:120px;
}

.ctas > div.static > div {
    margin-left: 0;
}

.ctas > div .buttons {
    /*position:absolute;
    bottom: 25px;
    left: 20px;*/
}

.ctas > div .buttons a.button {
    padding: 6px 12px;
}

.ctas div h3 { color:#FFFFFF; font-size: 18px; margin-bottom: 5px; font-weight: bold;}
.ctas div p { padding:0; line-height: 18px; padding-bottom: 8px; color: #CCCCCC;}
.ctas div p.short { width:140px; padding:0; line-height: 18px; padding-bottom: 8px; color: #CCCCCC;}
.ctas .button { background-color: #44993c;}
.ctas .catalogue { background:#333333 url(images/cta-catalogue.png)  right bottom no-repeat;}
.ctas .promo { background:#333333 url(images/specials/huge-pre-xmas-sale.png)  right bottom no-repeat;}
.ctas .promo.tile { background: url(images/cta-shutters.jpg); display: block; }
.ctas .promo.tile a { display: block; width: 180px; height: 120px; }
.ctas .finance { background:#333333 url(images/tile-baubles.png)  right bottom no-repeat;}
.ctas .store-finder { background:#333333 url(images/cta-store-finder.png)  80px 30px no-repeat; margin-bottom: 10px; }
.ctas .booknow { background:#333333; }
.ctas .readymade { background:#333333 url(images/cta-readymade.png)  right bottom no-repeat; }
/*.ctas .custommade { display: none; background:#d9d9d7 url(images/cta-custommade.png) center bottom no-repeat; width:180px; height:120px; padding:15px 20px 20px 20px; }*/
.ctas div.image-only { width: 220px !important; height: 155px !important; padding: 0 !important; }

.ctas .button.center { display: block; margin: 0px auto; text-align: center;}

.store-finder ul li { height:17px;}
.store-finder ul li a { text-decoration: none; font-weight: bold; color: #FFFFFF;}
.store-finder ul li a:hover { text-decoration: underline;}
.store-finder ul li span {color:#FFFFFF; font-weight: bold; font-size: 15px;}

.primary h1 {color:#44993c; font-size: 24px; margin: 30px 0 20px 0; font-weight: bold;}
.primary.stores h1 { margin-top: 10px; }


.testimonials {
    background:#eeeeec url(images/quote.png) no-repeat 20px 24px;
    margin: 30px auto 70px auto;
    padding:20px 20px 20px 100px;
    width:450px;
    border-left:1px solid #c9c9c9;
    font-style:italic;
    font-size: 16px;
    display: block;
}
.testimonials p.signature { text-align: right; font-size: 12px; color:#848484; font-style: normal;}

.secondary { display: block; width:240px; float:left;}

.secondary-nav li a {
    height:34px; width:220px;
    padding-left:20px;
    padding-top: 12px;
    color:#fff;
    background-color:#44993c;
    display:block;
    margin-bottom:5px;
    font-size: 16px;
    text-decoration: none;
    position: relative;
}
.secondary-nav li a:hover {background-color: #4eae45;}
.secondary-nav span.new { position: absolute; top: 0; left: 0; width: 37px; height: 37px; background: url(images/nav-label-new.png) no-repeat; }

/*.secondary-nav li.readymade { margin-top: 20px; }*/
.secondary.inner div.custommade-tile { display: none; }
.secondary.inner div.custommade-tile.in-readymade-pages { display: block; }

/*body.readymade .secondary.inner div.custommade-tile { display: block; }*/

div.custommade-tile { width: 220px; padding: 10px; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px #c5c5c3; box-shadow:  0px 0px 15px 0px rgba(00,00,00,0.3); margin-bottom: 5px; }
div.custommade-tile .panel-inner { background: #d9d9d7 url(images/custom-made-tile-bg.png) right bottom no-repeat; padding: 15px 10px 20px 20px; }
div.custommade-tile h2 { color: #44993c; font-size: 22px; line-height: 24px; font-weight: bold; margin: 0 0 10px; }
div.custommade-tile p { color: #555555; line-height: 18px; margin-bottom: 10px; padding-right: 20px; }
div.custommade-tile p a { color: #555555; }
div.custommade-tile a.button { background: #d61921 url(images/button-arrow.png) right center no-repeat; height: auto; width: auto; display: inline-block; padding: 8px 30px 8px 10px; margin: 0; }
div.custommade-tile a.button:hover { background-color: #ea1c26; }

.enquiry h2, h5 {
    padding:10px 20px 10px 20px;
    color:#fff;
    background-color:#d71921;
    display:block;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 23px;
    position:relative;
    font-weight: bold;
}
.inner .enquiry h2 {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
}
.enquiry h2:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(224, 100, 62, 0);
    border-top-color: #d71921;
    border-width: 10px;
    left: 13%;
    margin-left: -10px;
}

form.booking { background-color: #9f9e9b; display: block; padding:20px;}
form.booking ul li label { width:100%; display:block-inline; color:#fff;}
form.booking ul li input[type="text"],
form.booking ul li textarea {
    padding: 8px 5px;
    width: 190px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:none;
    font:12px arial,helvetica,sans-serif;
    color:#555553;
}

form.booking textarea {
    height:50px;
}

form.booking ul li.clearfix {margin-top: 10px;}
form.booking ul li  input.submit { float:left; margin-right: 10px; margin-top: -5px; }
form.booking ul li { padding:6px 0; line-height: 17px;}

form.booking ul li ul { height:45px;}
form.booking ul li ul li { width:100px; float:left; color:#fff; height:10px;}
form.booking ul li {color:#fff;}

form.booking ul li span.required { display: inline-block; padding: 0; padding-left:22px; }
.secondary form.booking ul li span.required { padding: 0; }

form.booking li.captcha a.refresh { float: left; margin-right: 10px; height: 40px; width: 40px; background: url('images/icon-refresh.png') no-repeat scroll center center transparent; display: block;}
form.booking li.captcha label { margin: 15px 0 5px 0; display:block; }
form.booking li.captcha img { float: left; margin-right: 10px; margin-bottom: 5px; }
form.booking li.captcha input { float: left; }

/* ---- INNER -----  */
.inner .inner-content { padding: 100px 30px 30px; display: block; background: url(images/red-bar.png) center top repeat-x; }
.inner h1.triangle,
.inner h2.triangle { font-size: 20px; color:#449439; padding: 12px 85px 9px 40px;  margin: 0; background: url(images/inner-h1.png) no-repeat ; width:189px; height:67px; float:left; text-align: center; font-weight: bold; text-transform: uppercase;}
.inner h1.single-product { background-image: url(images/inner-h1-no-shadow.png);}
.inner .inner-content p,
.inner .inner-content ol,
.inner .inner-content ul,
.inner .inner-content hr,
.inner .inner-content table,
.inner .inner-content h2,
.inner .inner-content h3,
.inner .inner-content h4 { margin-bottom: 15px; }

.inner .inner-content h2 { font-size: 20px; color:#44993c; }
.inner .inner-content h3 { font-size: 16px; color:#44993c; }

.inner .inner-content em { font-style: italic; }
.inner .inner-content strong { font-weight: bold; }

.inner .inner-content ul,
.inner .inner-content ol {
    list-style: disc;
    margin-left: 35px;
}

.inner .inner-content ol { list-style: decimal; }

.inner .inner-content hr { border:0; border-bottom: 1px solid #d9d9d7; height: 1px;}


.inner .inner-content .detail-txt ul {
    list-style: none;
    margin-left: 5px;
}

.inner .inner-content .detail-txt ul li { background: url(images/arrow-list.png) 10px 7px no-repeat; padding: 5px 0 5px 35px;  }

.inner .inner-content img.alignright { float: right; margin: 0 0 10px 10px; }

.note { font-size: 11px; line-height: 14px; color: #888; }

.inner .inner-content .video { margin-top: 30px; }

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 25px;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.homepage-content { margin: 0 30px; display: block; }

.homepage-content p { margin-bottom: 15px; }

.inner .guaranteed { margin-top: -43px; display: block; background-image: none;}
.inner .guaranteed img {width:130px; padding-left:130px;}

.inner .guaranteed.wa {
    width: auto;
    height: auto;
}

.inner .guaranteed.wa img {
    width: auto;
    height: auto;
}

.inner { position: relative; }
.inner .main-badge { position: absolute; top: 40px; left: -16px; }

.inner ul.pdf { margin-left: 0; list-style: none; }
.inner ul.pdf li { margin: 0 0 10px 0; }
.inner ul.pdf li a {background:#e8e8e8 url(images/icon-pdf.png) 15px 10px no-repeat; padding:10px 0px 10px 50px; display:block; text-decoration:none; color:#555553; }
.inner ul.pdf li a strong { font-weight: bold;}
.inner ul.pdf li a:hover { background-color: #f3f3f3;}

.offers {
    background-color: #fff;
    -webkit-box-shadow:
    0px 0px 15px 0px #c5c5c3;
    box-shadow:  0px 0px 15px 0px rgba(00,00,00,0.3);
     display: block;
}
.offers h5 { font-size: 20px; margin-bottom: 10px; display: none; }
.offers.readymade h5 { display: block; }
.home .ctas > div { margin-bottom: 0px; display: block; }
.offers .ctas > div { display: block; }

.offers.readymade h3 { margin-left: 20px; margin-bottom: 0; font-weight: bold; font-size: 12px; opacity: 0.7; }
.offers.readymade .sidebar-nav.shopping-info-links { padding-top: 0; margin-left: 5px; opacity: 0.7; }
.offers.readymade .sidebar-nav.shopping-info-links li { float: left; }
.offers.readymade .sidebar-nav.shopping-info-links a { border: 0; display: inline-block; font-size: 12px; padding: 0 5px !important; border-top: 0; border-left: 1px solid #eee; }
.offers.readymade .sidebar-nav.shopping-info-links li.first a { border-left: 0; }

.sidebar-inner.readymade ul.sidebar-nav.shopping-info-links li.current-menu-item { padding: 0; background: none; }

.inner .booking ul li { float:left; width:213px; }
.inner .booking ul li label { width:100%; }
.inner .booking ul li.state label { display: block; }
.inner .booking ul li input[type="text"] { width:195px; }
.inner .booking ul li.full,
.inner .booking ul li.consent,
.inner .booking ul li.consent li { width:620px;}
.inner .booking ul li.consent label.gfield_label { display: none; }
.inner .booking ul li.full ul li { width:100px;}
.inner .booking ul li.full ul li.gchoice_3_7_1 {  width: 100%; height: auto;}
.inner .booking ul li.full ul { height:30px; }
.inner .booking ul li textarea { width:620px; }
.inner .booking { width:640px; display: block; margin-left: 10px; margin-bottom:10px; padding-bottom: 60px; }
#gform_1 { overflow: hidden; }
.inner .booking ul li select { padding: 5px; width: 204px; height: 30px; border-radius: 5px; border: none; }

/*.inner .booking .validation_error { padding: 10px; border:1px solid #fc6464; background:#ffefef; color:#ff0000; font-weight: bold; }*/
.inner .booking .validation_error { display: none; }
.inner .booking .validation_message { display: none; }
/*.inner .booking .validation_message { width: auto !important; display: inline-block; padding: 5px; background: #d71921; color:#fff; font-weight: bold; position: relative; top: 1px; left: 0; margin-bottom: 10px; }*/
form.booking label.error { display: none !important; }
form.booking input.error,
form.booking select.error,
.inner .booking li.gfield_error textarea,
.inner .booking li.gfield_error input[type='text'],
.inner .booking li.gfield_error select {
    background: #fddddd url(images/icon-cross.png) right center no-repeat ;
    border-color: #ce8585 !important;
}

form.booking select.error,
.inner .booking li.gfield_error select { background-image: none; }

li.gchoice_7_1 { width: 100% !important; height: 40px !important; }
#field_3_9 { width: 100% !important; }

.product-listing { margin-bottom: 25px; }
.product-listing > .category-children > div, .product-listing > div { float:left; width:200px; margin-left: 20px; }
.product-listing > .category-children > div.left, .product-listing > div.left { margin-left: 0; }
.product-listing > .category-children > div p, .product-listing > div p { color:#44993c; font-size: 14px; line-height: 16px; padding:12px 10px 5px 10px!important; font-weight: bold; height: 28px; }
.product-listing > .category-children > div.ready-made-eyelet-curtains p { padding-top: 6px !important; height: 34px;  }
.product-listing > .category-children > div a, .product-listing > div a { text-decoration: none; display:block; background-color: #e8e8e8; line-height: 0; }
.product-listing > .category-children > div a:hover, .product-listing > div a:hover { background-color: #d8d8d8; }

.product-listing > .category-children { float: none; clear:both; margin: 0; width: 100%; display: block; }

.detail-txt { float:right; width:300px;}
.product-item { float:left; width:320px; margin-top: -13px; position: relative;}
.product-item .triangle { background-image: url(images/triangle.png); position: absolute; height: 52px; width: 105px; background-repeat: no-repeat; left: 53px;}
.state-nav { float: left; width: 170px;}
.state-nav ul { list-style: none !important; margin: 0 !important; }
.locations { float: left; width: 260px; padding-right: 20px;}
.locations > div { margin-bottom: 25px; }
.locations > div p,
.locations > div h3 { margin-bottom: 5px !important; }
#map { float: left; width: 470px; height: 450px; }
#map.single { width: 360px; }

.inner a.back { color:#81807f; text-decoration: none;}
.inner a.back:hover { color:#81807f; text-decoration:underline;}

.once-finance .detail-txt {margin-top: 40px; width:270px;}
.once-finance .detail-txt h2 {font-weight:bold; line-height: 30px;}
.once-finance .detail-txt h3 {line-height:30px;}
.once-finance .body-copy {width: 460px; float: left;}
.once-finance .buttons img {float:right; margin-bottom:35px;}
.once-finance .product-item img {margin-left:-10px}
.once-finance .note {margin-top: 30px;}

/* ---- FOOTER -----  */
footer { background-color: #44993c; display: block; margin-top: -30px; min-height: 270px;}
footer ul { padding-top: 7px; padding-left: 11px; }
footer ul.sitemap-blinds { width:360px;}
footer ul.sitemap-products { width:160px; margin-bottom: 25px;  }
footer ul.sitemap-quick { width:160px; }

footer ul li { float: left; width: 160px; }
footer ul.sitemap-blinds li { width:180px; float:left; }

footer ul li a {color: #d0f0cd; font-size: 11px; text-decoration: none; line-height: 14px; display: block; padding: 2px 0; }
footer ul li a:hover {color:#fff;}

footer .container .clearfix div { float:left; margin-top: 20px;  display: block; }
footer .container > div {margin-top:0;  display: block; }

footer .container {
    background-image: url(images/footer-shadow.png);
    background-repeat:no-repeat;
    background-position: 0px 40px;
    width:990px;
     display: block;
    margin-top: 0;
    padding-top: 40px;
}

footer .container div.first {margin-left:24px; display: block;}
footer .container div ul { margin-left:10px;}

footer .container div.products,
footer .container div.blinds {
    background-image:url(images/footer-divider.png);
    background-repeat:no-repeat;
    background-position:right 0px ;
    min-height: 270px;
     display: block;
}
.blinds { padding-left: 25px; }

footer .container div h4 {
    font-size: 18px;
    font-weight: bold;
    color:#fff;
    background-color:#3b8435;
    padding:10px 20px;
    display:inline-block;
}

footer .container div h4 a { color: #fff; text-decoration: none; }

footer .container div h4.readymade span { display: block; font-size: 12px; line-height: 14px; font-style: italic }

div.visit {
    width:205px;
     display: block;
    margin-top:-30px!important;
    position:relative;
    margin-left: -10px;
}

div.visit p {
    font-size: 20px;
    color:#fff;
    font-weight: bold;
    padding:0 10px;
}

div.visit a.link { display: none; }
div.visit a {  text-decoration: none; }
div.visit p a {text-decoration: underline; color:#fff;}
div.visit p a:hover { color:#cef4cb;}

div.visit .phone {
    font-size: 42px;
    line-height: 80px;
    background-image: url(images/phone.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 35px;
    padding-top: 0px;
    letter-spacing: -0.08em;

}

.footer-disclaimer {
    border-top:1px solid #60a859;
    background-color: #44993c;
     display: block;
    color:#a2cc9e;
    font-size: 11px;
    line-height: 13px;
    padding-bottom: 40px;
    padding-top: 20px;
}
.footer-disclaimer div.text {
    width:710px;
    float:left;
}

.footer-disclaimer .workhouse { width:100px; float:right; }
.footer-disclaimer .workhouse a { color: #a2cc9e; text-decoration: none; }

.extra-content { padding: 15px 15px 30px 15px; }

.extra-content .note p {
    margin-bottom: 10px;
}
.extra-content .note {
    margin-bottom: 10px;
}

#careers_form {
background-color: #9f9e9b;
padding: 20px;
width: 640px;
margin-left: -20px;
color: #fff;
}

#careers_form h2 { padding: 10px 20px 10px 20px;
color: #fff;
background-color: #d71921;
display: block;
font-size: 24px;
text-transform: uppercase;
line-height: 23px;
position: relative;
font-weight: bold;
width: 640px;
margin-left: -20px;
margin-top: -20px;
}

#careers_form h2:after {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(224, 100, 62, 0);
border-top-color: #d71921;
border-width: 10px;
left: 13%;
margin-left: -10px;
}

#careers_form div.fields > div { width: 213px; float: left; margin-bottom: 10px; }

#careers_form div.fields > div.fullwidth { width: 100%; }

#careers_form div.fields input[type="text"], #careers_form div.fields textarea {
padding: 8px 5px;
width: 190px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
font: 12px arial,helvetica,sans-serif;
color: #555553;
}

#careers_form div.fields input[type="text"] {
width: 195px;
}

#careers_form div.fields > div.fullwidth textarea { width: 639px; }

#careers_form #captcha { width: 100px; }

#careers_form input[type="submit"] {
padding: 10px 15px;
float: left;
background-color: #d71921;
color: #fff;
font-weight: bold;
margin: 0px 2px;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0;
font-size: 14px;
font-family: arial,helvetica,sans-serif;
cursor: pointer;
display: block;
}

#careers_form .required { margin-left: 20px; }
.careers-list { margin-top: -30px; }

/* readymade */
.sidebar-inner.readymade { margin-bottom: 10px; margin-top: -5px; }
.sidebar-inner.readymade .menu { padding: 0 10px 10px; }
.sidebar-inner.readymade h5 { display: none; }
.sidebar-inner.readymade h5 a { color: #fff; text-decoration: none; }
.sidebar-inner.readymade ul.sidebar-nav { padding-top: 10px; }
.sidebar-inner.readymade ul.sub-menu { font-size: 12px; }
.sidebar-inner.readymade ul.sidebar-nav a { color: #555553; line-height: 16px; text-decoration: none; display: block; padding: 8px 10px; border-top: 1px solid #ececeb; }
.sidebar-inner.readymade ul.sidebar-nav a:hover { opacity: 0.7; }
.sidebar-inner.readymade ul.sidebar-nav > li:first-child a,
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-parent > li:first-child a { border: 0; }
.sidebar-inner.readymade ul.sidebar-nav ul.sub-menu { display: none; margin-left: 10px; }

.sidebar-inner.readymade ul.sidebar-nav li.current-menu-parent ul.sub-menu { display: block; }
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-item a,
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-parent a { padding: 4px 0; }
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-item,
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-parent { padding: 10px; background: #ececeb; }
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-parent li.current-menu-item { padding: 0; }
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-item > a,
.sidebar-inner.readymade ul.sidebar-nav li.current-menu-parent > a { color: #44993c; font-weight: bold; }
.product-listing > .category-children.longer-names > div p { }
.product-listing > .category-children div.listing-info p { height: auto !important; padding: 0 !important; margin: 0 0 10px; }
.product-listing > .category-children div.listing-info { height: 240px; margin-bottom: 20px; padding: 10px; line-height: 18px; }
.product-listing > .category-children div.listing-info a { }
.product-listing > .category-children div.listing-info .price { color: #d71921 !important; font-size: 24px; font-weight: bold; line-height: 24px; margin-bottom: 5px; }
.product-listing > .category-children div.listing-info .was { color: #555555; font-size: 12px; }
.product-listing > .category-children div.listing-info .colour-square { width: 32px; height: 32px; display: inline-block; }
.product-listing > .category-children div.listing-info .listing-colours { /*position: absolute; bottom: 10px;*/ margin: 15px 0; }

.product-listing > .category-children div a { position: relative; }
.product-listing > .category-children div a div.badge { position: absolute; bottom: 35px; right: -13px; width: 76px; height: 76px; background-repeat: no-repeat;  }
.product-listing > .category-children div a div.badge.badge-ready-made-blinds { background-image: url(images/badges/buy-now.png); }
.product-listing > .category-children div a div.badge.badge-ready-made-curtains { background-image: url(images/badges/60percent.png); }
.product-listing > .category-children div a div.badge.badge-ready-made-eyelet-curtains { background-image: url(images/badges/save-now.png); }
.product-listing > .category-children div a div.badge.badge-cushions-throws { background-image: url(images/badges/hotprices.png); }
.product-listing > .category-children div a div.badge.badge-manchester { background-image: url(images/badges/huge-savings.png); }
.product-listing > .category-children div a div.badge.badge-pole-sets { background-image: url(images/badges/buy-now.png); }
.product-listing > .category-children div.label,
.product-detail .product-image div.label { position: absolute; left: 0; top: 0; width: 43px; height: 43px; background-repeat: no-repeat; }
.product-listing > .category-children div.label.sale,
.product-detail .product-image div.label.sale { background-image: url(images/label-sale.png); }
.product-listing > .category-children div.label.new,
.product-detail .product-image div.label.new { background-image: url(images/label-new.png); }
.product-detail .product-image div.label { z-index: 99; left: 5px; }

.product-detail .product-image div.label { width: 59px; height: 59px; }
.product-detail .product-image div.label.sale { background-image: url(images/label-sale-large.png); }
.product-detail .product-image div.label.new { background-image: url(images/label-new-large.png); }

.product-listing.category-toplevel .category-children p { background: url(images/arrow-cat.png) right 13px no-repeat; }

.product-listing .category-children.products div a,
.product-listing .category-children.subcats div a { background: url(images/bg-listing-item.png) center bottom no-repeat; margin-bottom: 40px; }

.product-listing .category-children.subcats div.subcat-info { height: 130px; }
.product-listing .category-children.subcats div.subcat-info p { padding: 10px 0 0 0 !important; height: auto; margin-bottom: 10px; }

.pager { /*border-top: 1px solid #ddd;*/ margin: 20px 0 40px; text-align: right; font-size: 11px; color: #888; }
.pager > div { display: inline-block; margin-left: 15px; }
.pager a { display: inline-block; padding: 0 7px; text-decoration: none; color: #888; font-size: 14px; }
.pager a:hover { color: #666; }
.pager a.active { font-weight: bold; color: #fff; background: #44993c; }

.cart-login { padding-bottom: 40px; background: url(images/cart-bg.png) center bottom no-repeat; font-size: 12px; line-height: 16px; color: #777; }
.cart-login > div { float: right; border-left: 1px solid #ddd; margin-left: 20px; padding-left: 45px; background-repeat: no-repeat; background-position: 10px 0; }
.cart-login > div.readymadephone { border: 0; margin: 0; }
.cart-login a { text-decoration: none; color: #419639; }
.cart-login a:hover { opacity: 0.7; }
.cart-login strong { display: block; font-weight: normal !important; }
.cart-login a strong { color: #777; }
.cart-login > div.readymadephone span { font-size: 16px; font-weight: bold; color: #d71921; }
.cart-login > div.cart a { color: #d71921; }

.cart-login div.account { background-image: url(images/icon-account.png); }
.cart-login div.cart { background-image: url(images/icon-basket.png); }
.cart-login div.readymadephone { background-image: url(images/icon-phone.png); }

.primary h1.category-name { margin-top: 0; float: left; margin-right: 25px; font-size: 20px; }

.filter { float: right; width: 280px; margin-bottom: 20px; margin-top: -6px; }
.filter .filter-sort { padding: 7px; width: 116px; float: left; background: #e8e8e8; }
.filter .filter-sort select { width: 116px; font-size: 12px; color: #777; }
.filter .filter-sort label { display: none; float: left; }
.filter a.filter-dropdown { float: left; margin-left: 10px; display: block; padding: 12px 30px 11px 15px; width: 95px; background: #44993c url(images/arrow-filter.png) right center no-repeat; color:#fff; font-size: 14px; line-height: 14px; text-decoration: none; }
.filter a.filter-dropdown:hover { background-color: #4eae45; }
.filter a.filter-dropdown.active { background-image: url(images/arrow-filter-down.png); }

.filter-fields { display: none; background: url(images/cart-bg.png) center top no-repeat; }
.filter-fields > div { padding: 20px 0; border-bottom: 1px solid #d7d6d2; }
.filter-fields h3 { color: #d71921; font-weight: bold; }
.filter-fields input[type=submit] { margin: 20px 0; }

.filter-fields label { float: left; margin-right: 10px; margin-bottom: 10px; width: 18%; cursor: pointer;  }
.filter-fields .filter-special label { width: auto; }
.filter-fields label:hover { opacity: 0.7; }
.filter-fields .icheckbox_square-grey { float: left; margin-right: 5px; background-color: #fff; }
.filter-fields label:hover .icheckbox_square-grey { background-position: -24px 0; }
.filter-fields label:hover .icheckbox_square-grey.checked  { background-position: -48px 0; }

/* Product detail */
.product-detail .product-image { float: right; width: 280px; position: relative; }
.product-detail .product-image ul { list-style: none; margin: 0; }
.product-detail .product-image #product-slider { margin: 0 5px; }
.product-detail .product-image #product-slider li { margin-bottom: 5px; }
.product-detail .product-image #product-thumbs li { margin: 0 5px; cursor: pointer; }
.product-detail .product-image #product-thumbs li img { opacity: 0.6; }
.product-detail .product-image #product-thumbs li:hover img,
.product-detail .product-image #product-thumbs li.flex-active-slide img { opacity: 1; }

.product-detail .product-info { float: left; width: 340px; }
.product-detail .product-info h1 { margin-bottom: 10px; margin-top: 10px; }
.product-detail .product-info .colour-square { border: 2px solid #fff; width: 34px; height: 34px; display: block; cursor: pointer; }
.product-detail .product-info .colour-square.selected { border: 2px solid #d71921; }
.product-detail .product-info div.description { padding-bottom: 10px; }
.product-detail .product-info div.description p { margin-bottom: 0px; }
.product-selector { /*background: #f7f6f2;*/ /*padding: 20px; border: 1px solid #e2e2e2;*/ border-top: 1px solid #e2e2e2; padding-top: 10px; }
.product-selector > div {  }
.product-selector div.variation-picker { margin-bottom: 10px; }
.product-selector > div h2 { font-size: 18px !important; line-height: 22px !important; margin-bottom: 5px !important; font-weight: 600 !important; }
.product-selector div.variation-picker .colour-picker { margin-bottom: 10px; }
.product-selector div.variation-picker .colour-picker div div,
.product-selector div.variation-picker .colour-picker div img { float: left; margin-right: 1px;  }
.product-selector div.variation-picker .size-picker div div { float: left; width: 100px; margin: 0 10px 10px 0; }
.product-selector div.variation-picker .size-picker select { width: 100px; }
.product-selector div.variation-picker .size-picker label { display: block; }

.product-selector div.pricebox { padding-top: 10px; border-top: 1px solid #e2e2e2; }
.product-selector div.pricebox a.button { padding: 7px 15px; margin-right: 10px; }
.product-selector div.pricebox .product_cart.disabled div.qty { opacity: 0.4; }
.product-selector div.pricebox .product_cart .cart-note { display: none; color: #d71921; font-weight: bold; }
.product-selector div.pricebox .product_cart.disabled a { cursor: default; }
.product-selector div.pricebox .product_cart.disabled .cart-note { display: block; margin-top: 15px; font-size: 11px; }
.product-selector div.pricebox .ourprice { font-size: 30px; line-height: 30px; color: #d71921; }

.product-selector div.pricebox .price { margin-bottom: 15px; }
.product-selector div.pricebox .was { font-size: 12px; }
.product-selector div.pricebox .ourprice span { font-size: 18px; color: #d71921; }
.product-selector div.pricebox .ourprice strong { font-size: 40px; line-height: 40px; color: #d71921; font-weight: normal; }

.qty input{ border: 1px solid #ddd; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #a29a93; padding: 9px 8px 10px; width: 43px; height: 16px; }
.qty span { display: inline-block; padding: 7px 0 0; width: 64px; }
.qty label { display: inline-block; position: relative; }
.qtyBtn { position: absolute; width: 8px; height: 8px; right: 10px; }
.plus { top: 7px; background: url('images/plus.png') no-repeat; }
.mines { top: 24px; background: url('images/minus.png') no-repeat; }
.qtyBtn:hover { background-position: 0 -8px; }

ul.responsive-tabs__list { list-style: none !important; margin: 0 !important; }
ul.responsive-tabs__list li { margin-bottom: 0; }
.responsive-tabs { margin-bottom: 30px; margin-top: 40px; padding-top: 40px; border-top: 1px solid #e2e2e2; }
.responsive-tabs * { border-radius: 0 !important; }
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover,
.responsive-tabs__panel, .responsive-tabs__list__item:hover { background-color: #f7f6f2; }
.responsive-tabs__panel .inner { padding-top: 25px; }

/* Product zoom */
.zoom { display:block; position: relative; }
.zoom:after { content:''; display:block; width:33px; height:33px; position:absolute; bottom:0; right:0; background:url(images/zoom.png); opacity:0.5; }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }

.gform_footer { clear: both; }
.gforms_confirmation_message { padding-top: 25px; }

/* Landing Page */
.contact-row { width:95%; display:block; margin:0 auto; text-align: center;}
.contact-row p {font-size: 13px; text-align:center;}
.contact-row h4 {font-size: 15px;color: #419639;font-weight: bold;margin: 32px auto 10px auto;width:75%;line-height: 16px;}
.lpcol1, .lpcol2, .lpcol3 {width: 188px;padding: 15px 15px 0px 15px;float: left;}
.lpcol1, .lpcol2 {border-right: 2px solid #d9d9d7;height: 168px;}
.contact-row span {background: #419639;padding: 15px 21px; -webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px;color: #ffffff;font-weight: bold;font-size: 19px;}
.lpheader h1, .lpheader h1 a {margin:35px 0;color:#d61921; text-decoration: none; font-weight: normal;}
.lpheader h1 a:hover {text-decoration: underline;}
.lp form.booking {background-color: #d9d9d7!important;}
.lp form.booking label, .lp form.booking ul li {color: #4e4e4e!important;}

/* promo listing page */
.promo-group { padding: 10px; background: #eeeeed; margin-bottom: 25px; }
.promo-group a { margin-bottom: 10px; display: block; line-height: 0; }
.promo-group h2 { margin-bottom: 0 !important; color: #585858 !important; font-size: 16px !important; }

/* breadcrumb */
.breadcrumb {/*float: right;*/font-size: 10px;border-bottom: 1px solid #eee; margin: 10px 0px; padding-bottom: 5px;}
.breadcrumb a {color: #777;}

/* Home page prod blocks */
div.prodblocks { width: 940px; height: 225px;  margin-left: 0px; }
div.prodblock { width: 225px; height: 225px;  float: left; margin-left: 10px; position: relative;}
div.prodblock img { display: block; }
div.prodblock span { display: block;  background: #FFFFFF; background: rgba(255,255,255,0.7); position: absolute; top: 180px; padding: 5px 0px; text-align: center; color: green; width: 225px; font-size: 24px; font-weight: bold; text-decoration: none; }

/*home page bookingform */
.blockformhome { display: block; z-index: 100; position: absolute; left: 600px; top: 100px;  height: 296px; background-color: rgba(51,51,51,0.7); border: 10px solid rgba(255,255,255,0.7); }
.blockformhome li.street_address { display: none;}

/*sidebar booking form */
.sideform { display: block;   margin-bottom: 10px; background-color: #fff; -webkit-box-shadow: 0px 0px 15px 0px #c5c5c3; box-shadow:  0px 0px 15px 0px rgba(00,00,00,0.3); padding: 10px 10px 10px 0px;}
.sideform .bookform { background-color: #333333; width: 180px; height: 270px; }
.sideform .bookform li { height: 24px; margin-bottom: 10px; width:180px;}

/* BookForm  on home and sidebar */
.bookform { min-height: 184px !important; padding:15px 20px 20px 20px; margin-left: 0px;  }
.bookform label { display: none !important; color: white; font-weight: bold; }
.bookform label.always { display: block !important; color: white; font-weight: normal; line-height: 32px; height: 24px; }
.bookform h3 { text-align: center; color: #FFFFFF; font-size: 18px; margin-bottom: 5px; font-weight: bold; }
.bookform li { height: 24px; margin-bottom: 10px; width:186px;}
.bookform li.scale { height: 26px; margin-bottom: 10px; background: white; color: black; width: 100%; position: relative; }
.bookform li.scale label { color: black; height: 26px;  line-height: 26px; text-indent: 5px; }
/* .bookform li.scale .rescale { display: block; position: absolute; background: white; width: 100%; }
.bookform li.scale .rescale input {width: 24px;}
.bookform li.scale .rescale span {display:inline-block; height: 24px; line-height: 24px;} */
.bookform li input { height: 24px; line-height: 24px; width: 100%; margin-bottom: 0px; border: none; text-indent: 5px; background: #FFFFFF; }
.bookform li input#subscribe { width: 24px; float: left; }
.bookform li input.submit { height: 40px; line-height: 24px; }
.bookform .button { background-color: #44993c;}
.bookform .error {     background: #fddddd url(images/icon-cross.png) right center no-repeat;    border-color: #ce8585 !important; }

li.ccode, li.combocode { position: relative; }
li.combocode .collection { position: absolute; max-height: 200px; width: 300px; overflow: auto; display: none; background: #FFFFFF; left: 184px; top: 2px; z-index: 100; border: 1px solid #333333;}
li.ccode .collection { position: absolute; max-height: 200px; width: 300px; overflow: auto; display: none; background: #FFFFFF; z-index: 100; border: 1px solid #333333;}
li.ccode .pcodeentry, li.combocode .pcodeentry { height: 30px; line-height: 30px; padding: 0px 3px; color: black;}
div.row1 { background: #CCCCCC;}
div.pcodeentry span { display: none; }
div.pcodeentry span.combo { display: block; }

.responsive { display: none; }
.home-book-mobile {display:none;}
/* css for helpping dialog at index page */
div.helpping {position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; display:none;}
div.helpping-dialog {width:930px;height:355px; background:#409836 url("./images/helpping.jpg") no-repeat 590px bottom; background-size:280px; box-shadow:0 2px 16px 0 rgba(0,0,0,.5); z-index:200; padding:44px 0 0 53px; box-sizing:border-box;}
div.helpping-dialog > .helpping-title {font-size: 36px; height:50px; line-height:50px;font-family: Helvetica;color: #FFFFFF;}
div.helpping-dialog > .helpping-text {font-size: 18px; padding-top:12px; height:66px; width:560px;font-family: Helvetica;color: #FFFFFF;}
div.helpping-dialog > .ph {font-family: Helvetica;font-size: 36px;color: #FFFFFF;height: 43px;line-height: 43px;font-weight:bold;}
div.helpping-dialog > .buttons {padding-top:39px; height:40px;}
div.helpping-dialog > .buttons > input {font-family: Helvetica;font-size: 20px;color: rgba(102,96,95,1); line-height:40px; padding:0 11px; background-color:#ffffff;border: none;margin-right: 25px; cursor:pointer;}
div.helpping-contact {width:720px; height:510px; z-index:200; background-color:#9f9e9b}
div.helpping-contact.inner .enquiry h2 {margin:0px;}
div.helpping-contact.inner .booking {width:auto;margin: 0;padding: 0 38px; }
div.helpping-contact .close {position: absolute;right: 13px;top: 16px;color: #FFF;width: 20px;height: 20px;z-index: 201;font-family: Miriam;font-size: 26px;cursor: pointer;}
/*div.helpping-contact.inner .booking ul li {width:284px; font-size:20px;}
div.helpping-contact.inner .booking ul li label {display:block;font-size: 20px;line-height: 24px; padding-bottom: 6px;}
div.helpping-contact.inner .booking ul li input[type="text"] {width: 270px;box-sizing: border-box;height: 42px;line-height: 42px;font-size: 14px; padding:0 10px;}
div.helpping-contact.inner .booking ul li.full ul li {font-size:20px; line-height:24px; width:193px;}
div.helpping-contact.inner .booking ul li.full, div.helpping-contact.inner .booking ul li.consent, div.helpping-contact.inner .booking ul li.consent li {width:100%;}
div.helpping-contact.inner .booking ul li textarea {width:840px;}
div.helpping-contact.inner form.booking ul li input.submit {float: left;margin-right: 10px;margin-top: -5px;width: 97px;height: 37px;font-size: 20px;}
*/

.subscribe-email {margin-bottom: 4px;line-height: 22px;padding: 0 5px;box-sizing: border-box;border: none;margin-top: -5px;display: block;margin-left: 6px;}
.subscribe-btn {color: #FFF;background-color: #3b8435;line-height: 24px;font-size: 14px;font-weight: bold;padding: 0 13px;text-transform: uppercase;border: 1px solid #fff;margin-left: 6px;margin-top: 3px;}