﻿.borderblock
{
    border:1px solid #c2c2c2;
    padding:20px;
    margin-top:40px;
}

.borderblock h3
{
    padding-top:13px;
}

.borderblock p
{
    margin-bottom:9px;
}

h3.maroonheader
{
    margin-bottom:0;
    padding:20px;
    background-color:#7e2044;
    color:#ffffff;
    margin-top:20px;
}

h3.maroondoubleheader
{
    margin-bottom:0;
    padding:10px 20px;
    background-color:#7e2044;
    color:#ffffff;
    margin-top:20px;
    text-align:center;
    line-height:25px;
}

h3.maroondoubleheader span
{
    font-size:14px;
    display:block;
    width:100%;
}

.sectionborderblock
{
    border:1px solid #c2c2c2;
    border-top:none;
}

.padding10
{
    padding:10px;
}

.borderblockright
{
    width:317px;
    height:150px;
    border-right:1px solid #C2C2C2;
    border-bottom:1px solid #C2C2C2;
}

.footernav
{
    margin:0;
    padding:0;
}

.footernav li
{
    float:left;
    list-style:none;
    display:inline-block;
    margin-right:-4px;
    border-right:1px solid #ffffff;
    padding:0 10px;
    line-height:13px;
}

.footernav li:first-child
{
    padding-left:0;
}

.footernav li:last-child
{
    border-right:0;
}

.footernav li a
{
    font-size:14px;
    color:#ffffff;
    text-decoration:none;
}

.footernav li ul
{
    display:none;
}

.SlideInButtons
{
    margin-top: -66px;
    padding: 0;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10000;
}

.SlideInButtons li
{
    list-style:none;
    display:block;
    margin-bottom:8px;
}

.SlideInButtons li a
{
    width:299px;
    height:73px;
    display:block;
}

.SlideInButtons li a#Slide1
{
    position:relative;
    right:-195px;
    background:url(/Assets/Images/Slide1Icon.png) no-repeat 32px 14px #ff0000;
}

.SlideInButtons li a#Slide1:hover
{
    right:0;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.SlideInButtons li a#Slide1 span
{
    width:12px;
    height:19px;
    display:block;
    position:absolute;
    left:8px;
    top:28px;
    background:url(/Assets/Images/arrow_outred.png) no-repeat center center;
}

.SlideInButtons li a#Slide2
{
    position:relative;
    right:-195px;
    background:url(/Assets/Images/EstimateNew.png) no-repeat 27px 16px #7E2044;
}

.SlideInButtons li a#Slide2:hover
{
    right:0;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.SlideInButtons li a#Slide2 span
{
    width:12px;
    height:19px;
    display:block;
    position:absolute;
    left:7px;
    top:28px;
    background:url(/Assets/Images/arrow_out_new.png) no-repeat center center;
}

.SlideInButtons li a#Slide3
{
    position:relative;
    background:url(/Assets/Images/LocateNew.png) no-repeat 25px 17px #7E2044;
    right:-195px;
}

.SlideInButtons li a#Slide3:hover
{
    right:0;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.SlideInButtons li a#Slide3 span
{
    width:12px;
    height:19px;
    display:block;
    position:absolute;
    left:8px;
    top:28px;
    background:url(/Assets/Images/arrow_out_new.png) no-repeat center center;
}

.SlideInButtons li a#Slide4
{
    position:relative;
    background:url(/Assets/Images/brochuresNew.png) no-repeat 25px 17px #7E2044;
    right:-195px;
}

.SlideInButtons li a#Slide4:hover
{
    right:0;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.SlideInButtons li a#Slide4 span
{
    width:12px;
    height:19px;
    display:block;
    position:absolute;
    left:8px;
    top:28px;
    background:url(/Assets/Images/arrow_out_new.png) no-repeat center center;
}

.SlideInButtons li a#Slide1 div
{
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 25px;
    left: 117px;
    position: absolute;
    top: 15px;
    text-align:center;
}

.SlideInButtons li a#Slide2 div
{
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 25px;
    left: 105px;
    position: absolute;
    top: 15px;
    text-align:center;
}

.SlideInButtons li a#Slide3 div
{
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 25px;
    left: 92px;
    position: absolute;
    top: 15px;
    text-align:center;
}

.SlideInButtons li a#Slide4 div
{
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 25px;
    left: 97px;
    position: absolute;
    top: 15px;
    text-align:center;
}

.Search
{
    float:right;
    position:relative;
    margin-bottom:9px;
}

.Search input[type="text"]
{
    background-color:#ffffff;
    border:1px solid #ffffff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:0 6px 0 31px;
    font-size:13px;
    color:#7e2044;
    text-transform:uppercase;
    height:36px;
    width:248px;
}

.Search input[type="submit"]
{
    display:block;
    width:19px;
    height:19px;
    background:url(/Assets/Images/SearchIcon.png) no-repeat center center;
    position:absolute;
    left:7px;
    top:8px;
    border:none;
}

.Login
{
    float:right;
    position:relative;
    margin-bottom:0;
    display:block;
    -moz-box-sizing: border-box;
    background: url(/Assets/Images/LoginIcon.png) no-repeat 5px 9px #822d4e;
    color: #ffffff;
    font-size: 14px;
    padding: 9px 6px 6px 31px;
    text-transform: uppercase;
    width: 135px;
    margin-right:4px;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 8px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 8px 0px rgba(50, 50, 50, 0.75);
}

.Login:hover
{
    color: #b9879a;
}

.Breadcrumbs
{
    margin:15px 0;
    padding:0;
}

.Breadcrumbs li
{
    display:inline-block;
    margin-right:12px;
    padding:0;
    list-style:none;
    font-size:12px;
    color:#8b3656;
}

.Breadcrumbs li:after
{
    color: #8B3656;
    content: ">";
    font-size: 12px;
    left: 8px;
    position: relative;
    top: -1px;
}

.Breadcrumbs li:last-child:after
{
    display:none;
}    

.Breadcrumbs li a
{
    text-transform:uppercase;
    font-size:12px;
    color:#8b3656;
}

.Breadcrumbs li a:hover
{
    text-decoration:underline;
}

.Swatch
{
    width:80px;
    display:block;
    float:left;
    margin-right:10px;
}

.Swatch .Color
{
    width:80px;
    height:80px;
    display:block;
}

.Swatch span
{
    color:#757878;
    font-size:10px;
    text-align:center;
    margin-top:8px;
    display:block;
    margin:0 auto;
    height: 75px;
}

.SubNav
{
    margin:47px 0 30px;
    padding:0;
    border-top:1px solid #BDBDBD;
}

.SubNav li
{
    margin:0;
    padding:0;
    border-bottom:1px solid #bdbdbd;
}

.SubNav li a
{
    display:block;
    padding:9px;
    color: #1F201F;
}

.SubNav li.Selected a
{
    background-color:#454545;
    color:#ffffff;
}

.SideBarHeight
{
    width:100%;
    height:30px;
}

.Multiline
{
    margin-bottom:31px !important;
}

.map
{
    width:100%;
    height:560px;
}


.MapOverlay
{
    background:rgba(0, 0, 0, 0.7);
    width:622px;
    height:595px;
    position:absolute;
    top:0;
}

.MapOverlay h1
{
    text-align:center;
    color:#ffffff;
    margin-top:247px;
}

.MapOverlay .selectricWrapper
{
    display:block; 
    margin:0 auto;
}

.MapOverlay .Preloader
{
    display:none;
    text-align:center; 
    display:block;
    margin-top:250px;
}

.EstimatorModal
{
    max-width:296px;
    background-color:#ffffff;
    display:none;
}

.EstimatorModal .ModalHeader
{
    background:url("/Assets/Images/h_top_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display:block;
    padding:15px 10px;
    color:#ffffff;
    margin-bottom:0;
}

.EstimatorModal .ModalClose
{
    position:absolute;
    width:17px;
    height:17px;
    display:block;
    background:url(/Assets/Images/CloseIcon.png) no-repeat center center;
    top:21px;
    right:6px;
}

.EstimatorModal .ModalPadding
{
    padding:10px;
}

.EstimatorModal input[type="text"]
{
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #CDCDCD;
    color: #777777;
    font: 300 13px/18px 'Roboto',sans-serif;
    height: 41px;
    padding: 6px 13px 8px;
    width: 100%;
    margin:0 0 7px 0;
}

.EstimatorModal .ModalPadding .selectricWrapper
{
    margin-bottom:7px !important;
    max-width: 100% !important;
    width:auto !important;
}

.ModalSubmitButton
{
    margin-top:2px !important;
    width:100% !important;
    text-align:center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#Select-City, #Select-Suburb
{
    display:none;
}

.StoreList
{
    width:100%;
    padding:13px;
    border:1px solid #CDCDCD;
    background-color:#f8f8f8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.Person img
{
    float:left;
    margin-right:10px;
}

.Person .Name span
{
    font-size:20px;
}

.StoreList p
{
    padding-top:10px;
    margin-bottom:0;
}

.StoreList
{
    display:none;
}

.ChooseProduct2
{
    display:none;
}

.Social
{
    float: right;
    height:24px;
    margin-top:-40px;
}

.Facebook
{
    background:url(/Assets/Images/FacebookIcon.png) no-repeat center center;
    width:27px;
    height:24px;
    display:block;
    float:left;
    margin-left:8px;
}

.Twitter
{
    background:url(/Assets/Images/TwitterIcon.png) no-repeat center center;
    width:27px;
    height:24px;
    display:block;
    float:left;
    margin-left:8px;
}

.Google
{
    background:url(/Assets/Images/GoogleIcon.png) no-repeat center center;
    width:27px;
    height:24px;
    display:block;
    float:left;
    margin-left:8px;
}

.Quote-Email, .Quote-Telephone
{
    display: none;
}

.ViaButton
{
    width: 48% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom:8px;
}

.ViaButtonClicked
{
    background-color: #2a2a2a !important;
}

.TextboxWidthHalf
{
    width: 48% !important;
}

/* TEMPLATE */

.NoMarginRight
{
    margin-right:0;
}

h2
{
    font-size: 19px !important;
    margin-bottom: 9px !important;
}

.ResponsiveButtons
{
    display: none;
}

.ResponsiveButtons a
{
    background-color:#9dc457;
    color:#ffffff;
    font-family: 'jenna_sueregular';
    font-size: 48px;
    padding: 27px 0;
    text-align:center;
    margin-bottom:8px;
}

.FaqPage h2
{
    margin-top: 16px !important;
}

.NumberedList
{
    list-style: decimal !important;
    margin:0 0 0 20px;
}

.NumberedList li
{
    color: #2A2A2A;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 5px;
}

.ContentList
{
    list-style:circle !important;
    margin:0 0 0 20px;
}



.ContentList li
{
    color: #2A2A2A;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 5px;
}

table tr td
{
    color: #2A2A2A;
    font-size: 14px;
    line-height: 22px;
    margin:0;
}

.grid_4 .ContentList
{
    margin-left: 0 !important;
    margin-bottom:12px !important;
}

.grid_4 .ContentList li
{
    line-height: 19px;
    margin-bottom: 3px;
    margin-top: 2px !important;
}

.Item
{
    height: 200px;
    background-size: cover;
    margin:0 6px 12px 6px !important;
    position:relative;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

    .Item .GalleryLink
    {
        display: block;
        width: 100%;
        height: 239px;
        position:absolute;
        top:0;
        z-index:100;
    }

    .Item .GalleryProductName
    {
        padding: 8px;
        background-color: #626262;
        color: #ffffff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-top:0px;
        position:relative;
        font-size:18px;
        width:100%;
    }

.ProductGroupImage
{
    position: relative;
}

    .ProductGroupImage a.ViewGallery
    {
        background-color: #E9BA38;
        bottom: 10px;
        color: #FFFFFF;
        display: block;
        font-weight: bold;
        padding: 10px;
        position: absolute;
        right: 10px;
        text-align: center;
        text-transform: uppercase;
        width: 120px;
        z-index:99;
    }

.ProductImage
{
    float: right;
    margin: 0 0 0px 40px;
    max-height: 465px;
}

.ProductsBelow
{
    width: 212px !important;
    height:180px !important;
}

    .ProductsBelow .GalleryProductName
    {
        bottom: -9px;
        font-size: 14px;
        position: absolute;
    }

    .ProductsBelow .GalleryLink
    {
        height: 180px;
    }

.ProductCopy .ContentList li
{
    position: relative;
    left: 16px;
}

.ProductCopy .ContentList
{
    margin: 0;
}

.SpecsTable
{
    border-left: 1px solid #BDBDBD;
    border-top: 1px solid #BDBDBD;
    margin:13px 0;
}

.SpecsTable tr td
{
    padding: 8px;
    text-align:right;
    border-right:1px solid #BDBDBD;
    border-bottom:1px solid #BDBDBD;
}

    .SpecsTable tr th
    {
        padding: 8px;
        text-align: right;
        border-right: 1px solid #777777;
        border-bottom: 1px solid #777777;
    }

    .SpecsTable tr td:first-child, .SpecsTable tr th:first-child
    {
        text-align:left !important;
    }

.ViewAll
{
    color: #8B3656;
    font-size: 11px;
    text-transform: uppercase;
}   

.NumberedList sup {
    font-size: 10px;
}

#btnRemove
{
    font-size: 11px;
}

.Item.grid_3 > img {
    height: 165px !important;
}

.SpecsTable tr td:last-child a
{
    font-size: 11px !important;
}

.ListSwatch
{
    display: block;
    float: left;
    height: 23px;
    width: 30px;
    margin: 0 6px 0px 0;
}

.ShowColorFirstChild .ListSwatch, .ShowColorFirstChild span
{
    display: none !important;
}

.ShowColorFirstChild
{
    height: auto !important;
}

.ShowColor
{
    height: 22px;
    display: block;
}

.ShowColor span
{
    float: left;
    margin:3px 0 0px 6px;
}

.GalleryContainer
{
    position: relative;
}

.AddBg th
{
    background: none repeat scroll 0 0 #c8c6c7;
    border: 1px solid #777777;
}

@font-face {
    font-family: 'jenna_sueregular';
    src: url('/Assets/Fonts/jennasue-webfont.eot');
    src: url('/Assets/Fonts/jennasue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Assets/Fonts/jennasue-webfont.woff') format('woff'),
         url('/Assets/Fonts/jennasue-webfont.ttf') format('truetype'),
         url('/Assets/Fonts/jennasue-webfont.svg#jenna_sueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.DetailsTable
{
    width: 100%;
    color: #000000;
}

.DetailsTable td
{
    color: #000000;
    padding: 4px 0px 4px 0px;
}

.NoFloat
{
    float: none !important;
}

#Select-Province .selectricWrapper .selectricItems
{
    height: 320px !important;
}

table.Brochures
{
    width: 97% !important;
}

table.Brochures thead tr td
{
    color: #fff;
    background-color: #454545;
}

table.Brochures tr td:last-child
{
    width: 60px;
    text-align:center;
}

table.Brochures tbody td:last-child a
{
    width: 35px;
    height: 22px;
    display: block;
    background: url('/Assets/Images/DownloadIcon.png') no-repeat center center;
    margin: 0 auto;
}