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

    durawear.com.au Custom CSS

    Standard Colours:
        blue dk     #FF6A00
        blue lt     #FF6A00
        lt grey bg  #F1F1F1
        orange      #FF6A00

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

    body                    { margin-top: 0px; background-color: #fff; }
    .container              { background-color: #fff; padding-bottom: 36px; }
        .util               { border: none; padding-bottom: 0; }
    .btn-navbar             { background-color: #FF6A00 !important; background-image: none !important; }
    .navbar-inner           { background-color: #f1f1f1 !important; margin: 0 !important; padding: 0 !important; border-radius: 0; }
    .navbar-inner .container { width: 100%; padding: 0; margin: 0; background-color: transparent; border: none; }

    [class^="icon-"],
    [class*=" icon-"]       { background-image: url("/inc/css/glyphicons-halflings.png"); }
    .icon-white             { background-image: url("/inc/css/glyphicons-halflings-white.png"); }

    h1,h2,h3,h4,h5,h6       { color: #000; }

    h1, h2, h3, h4, h5, h6  { font-weight: normal; line-height: 20px; }

    h1, h2, h3              { line-height: 40px; }
    h1                      { font-size: 38.5px; }
    h1                      { font-size: 31.5px; }
    h2                      { font-size: 24.5px; }
    h3                      { font-size: 17.5px; }
    h4                      { font-size: 14px; }
    h5                      { font-size: 11.9px; }
    h1 small                { font-size: 24.5px; }
    h1 small                { font-size: 17.5px; }
    h2 small                { font-size: 14px; }
    h3 small                { font-size: 14px; }

    h1.prodtitle-main       { font-size: 24.5px; font-weight: bold; }

    .span2 p                { margin-right: 5px; }

    a:link                  { color: #FF6A00; text-decoration: none; }
    a:visited               { color: #FF6A00; text-decoration: none; }
    a:hover                 { text-decoration: underline; }

    .form-search            { float: right; margin-right: 0px; }

    #custom-search-form     { margin:0; margin-top: 10px; margin-bottom: 10px; padding: 0; }
    #custom-search-form .search-query { padding-right: 3px; padding-right: 4px \9; padding-left: 3px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    #custom-search-form button { border: 0; background: none; padding: 2px 5px; margin-top: 2px; position: relative; left: -28px; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .search-query:focus + button { z-index: 3; }

    /*.img-responsive { display: block; max-width: 100% !important; height: auto !important; }*/

/*  --------------------------------------------------------------
        Content Styles
    -------------------------------------------------------------- */

    #header                 { height: 190px; background: #fff url(/img/common/header_dw_0.1.jpg) no-repeat scroll top center; }
    body#home #header       { height: 380px; }

    .cart-mini              { margin-top: 18px; }

    body#prod h3            { color: #000; font-weight: bold; }
    input.inpsml            { margin: 0; font-size: 9px; border: 1px solid #999; padding: 2px; }
    table.cartTable td      { margin: 0; padding: 0; }
    tr.altrow               { background-color: #efefef; }
    .cartShow               { font-size: 10px; color: #666; text-decoration: none; }
    img.prod-image          { float: right; margin-left: 20px; }
    p.opt strong            { width: 60px; display: block; float: left; text-align: right; padding-right: 10px; }
    p.special               { font-weight: bold; }
    .intro                  { margin-right: 25px; padding-left: 120px; background: #fff url(/img/common/icon_info.gif) no-repeat scroll 30px 0px; min-height: 72px; }
    body#content .span-15 p { margin-right: 60px; }
    body#home h2            { border-top: 4px solid #FF6A00; padding-top: 4px; margin-top: 10px; }
    body#prod .span-4 h3    { border-top: 4px solid #FF6A00; padding-top: 13px; margin-top: 10px; }
    .specprice              { text-decoration: line-through; color: red; }
    .attn                   { background-color: #FF6A00; padding-left: 5px; padding-bottom: 1px; margin-bottom: 18px; }
    .attn h3                { color: #fff !important; border: 0 !important; margin-top: 0 !important; padding-top: 18px !important; }
    .attn p,
    .attn a                 { color: #000; }
    .attn a                 { text-decoration: underline; }
    hr                      { clear: both; color: #cfcfcf; height: 1px; border: 0; background-color:  #cfcfcf; }
    .tagline                { text-align: center; margin-top: 9px; color: #666; }
    /*.freebie              { background: #fff url(/images/prod/sml/20052_sml.jpg) no-repeat scroll right 15px; }*/

    .morefooter             { width: 100%; background-color: #f5f5f5; padding-top: 18px; }
    .morefooter .container  { background-color: #f5f5f5; margin-bottom: 0; }
    .morefooter h3          { font-weight: bold; border-top: 4px solid #FF6A00 !important; padding-top: 13px; margin-top: 10px;}
    .morefooter .small      { margin: 0; padding: 0; margin-top: 9px; }
    .morefooter ul          { margin: 0; padding: 0; }
    .morefooter li          { list-style-type: none; padding: 0; margin: 0;}


/*  --------------------------------------------------------------
        Navigation / Link Styles
    -------------------------------------------------------------- */

    #header ul              { margin: 0; padding: 0; border-top: 4px solid #FF6A00; float: right; background: rgba(25, 25, 25, 0.5); }
    #header ul li           { list-style-type: none; float: left; padding: 2px 10px; }
    #header ul li a         { color: #fff; text-decoration: none; }
    #header ul li a:hover   { color: #FF6A00; }
    #header ul li a.selected{ color: #FF6A00; }

    .members                { float: right; margin: 15px; }
    .members a              { color: #777; }
    .members a:hover        { text-decoration: none; color: #FF6A00 !important; }

    ul#menuCat              { margin: 0; padding: 0 0 0 0px; width: 90%; }
    ul#menuCat li ol        { margin: 0; padding: 0 0 0 5px; }
    ul#menuCat li           { list-style-type: none; border-bottom: 1px solid #f1f1f1; width: 100%; padding-left: 10px; line-height: 24px; }
    ul#menuCat li li        { border: 0; line-height: 20px; }
    ul#menuCat li a         { text-decoration: none; color: #333; }
    ul#menuCat li li a      { text-decoration: none; color: #666; }
    ul#menuCat a:hover      { text-decoration: none; color: #FF6A00; }
    ul#menuCat .on          { font-weight: bold; color: #000; }
    ul#menuCat .catsel      { background-color: #FF6A00; display: block; margin-left: -10px; padding-left: 10px; color: #fff; margin-right: 0px; }
    ul#menuCat a.catsel:hover { color: #fff; }
    ul#menuCat .clearance   { color: #FF7F04 !important; }

    a.linksdir              { font-weight: bold; color: #FF6A00; text-decoration: none; }

    .submitLink             { font-size: 9px; color: #FF6A00; text-decoration: none; background-color: transparent; border: none; cursor: pointer; cursor: hand; }


/*  --------------------------------------------------------------
        Screen Overrides
    -------------------------------------------------------------- */

    /* Large desktop */
    @media (min-width: 1200px) {
        .form-horizontal .control-label { width: 100px; }
        .form-horizontal .controls { margin-left: 120px; }
        body#home .cart-mini    { margin-right: 20px; }
    }
    /* Regular desktop */
    @media (min-width: 980px) and (max-width: 1199px) {
        #header                 { height: 190px; }
        body#home #header       { height: 333px !important; }
        #slider { width: 700px !important; height: 306px !important; }
        .form-horizontal .control-label { width: 100px; }
        .form-horizontal .controls { margin-left: 120px; }
        body#home .cart-mini    { margin-right: 20px; }
        h1.prodtitle-main       { font-size: 18.5px; line-height: 24px; font-weight: bold; }
    }
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
        #header                 { height: 190px; }
        body#home #header       { height: 256px !important; }
        #slider                 { width: 538px !important; height: 235px !important; }
        .hidden-tablet          { display: none !important; }
        .form-horizontal .control-label { width: 100px; }
        .form-horizontal .controls { margin-left: 120px; }
        body#home .cart-mini    { margin-right: 20px; }
        h1.prodtitle-main       { font-size: 16.5px; line-height: 22px; font-weight: bold; }
    }
    /* Landscape phone to portrait tablet */
    @media (min-width: 481px) and (max-width: 767px) {
        body                    { padding: 0; }
        .container              { padding-left: 20px; padding-right: 20px; }
        .form-horizontal .control-label { width: 100px; }
        .form-horizontal .controls { margin-left: 120px; }
        h1.prodtitle-main       { font-size: 16.5px; line-height: 22px; font-weight: bold; }
        .row-fluid .span3       { float: left !important; width: 25% !important; margin-bottom: 20px; }
        .jetzoom                { border: 1px solid #f1f1f1; }
        .logo-main              { margin-top: -5px !important; z-index: -10 !important; width: 95px !important; height: 95px !important; }
    }
     /* Landscape phones and down */
    @media (max-width: 480px) {
        body                    { padding: 0; background-color: #fff; margin: 0; }
        .container              { padding-left: 20px; padding-right: 20px; border: none; }
        .util                   { padding-top: 18px; }
        .btn-navbar             { padding: 2px 5px !important; margin-top: 7px !important; }
        .members                { float: right; margin: 10px 10px 10px 0; }
        .logo-main              { margin-top: -25px; }
        .cart-mini              { margin: 0 0 20px 0; }
        hr                      { clear: both !important; }
        .span3                  { clear: both; }
        h3                      { line-height: 24px; }
        .attn h3                { margin: 0; padding: 0 10px !important; }
        .tagline                { font-size: 11px; background-color: #f1f1f1; padding: 10px 0; margin: 0; }
        .intro                  { background-image: none; padding-left: 0; }
        .addthis_toolbox        { margin-left: 0 !important; }
        h1.prodtitle-main       { font-size: 16.5px; line-height: 22px; font-weight: bold; }
        .row-fluid .span3       { float: left !important; width: 25% !important; clear: none; margin-bottom: 20px; }
        .jetzoom                { border: 1px solid #f1f1f1; }
        .logo-main              { margin-top: -5px !important; z-index: -10 !important; width: 95px !important; height: 95px !important; }
}

    /*
        Jet Zoom CSS. (c)2012-2013 Star Plugins.
        This CSS can be altered to change the look and size of the lens.
    */
    .jetzoom-lens               { border:none; width:80%; height:80%; border-radius: 20px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); cursor:none; }
    .jetzoom-blank              { background-image:url(/img/common/zoom_blank.png); }
    .jetzoom-ajax-loader        { background-image:url(/img/common/zoom_ajax-loader.gif); width:32px; height:32px; }
    .jetzoom-disabled           { cursor: default !important; }


/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
#slider { position: absolute; width: 870px; height: 380px; }

body#home #header ul { position: relative; z-index: 99; right: 0; }

.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
    background: url(/img/common/icon_loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
    display: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    width:100%;
    z-index:8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align:center;
    padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}