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

    base.css
    * Defines all required stylesheets for a given project.

    Usage:
    * All stylesheets should be added by default. 'MODULES'
     can be added/ removed during project creation. See
     documentation for more information

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

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

   reset.css
   * resets all elements to create a factory reset,
     All elements are reset to provide better compatibility.

   Usage:
   * N/A - Add this file first within 'base.css'

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

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

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: normal;
}
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;
}

img {
    border:none;
}
   /* @import url("reset.css");  */

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

    File: typography.css
    Description:
        * typography styling
        * covers font sizing, styling and 'Font Replacement'
        * add font replacement 'font-type-name.css' stylehseet to base list.

    Usage:
        * Add 'typography' to base.css, include required font.css for replacement functionality.

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

    /* -----------------------------------*/
    /* -------## Font Structure ##--------*/
    /* -----------------------------------*/

    /* Font Generics
    -------------------------------------------------------------------- */
    body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#333;
    }

    a {
        color:#666666;
    }

    a:hover {
        text-decoration:underline;
    }



    /* Font Replacement
    -------------------------------------------------------------------- */
    .highlight {font: 14px 'swiss-light', Arial, sans-serif;letter-spacing: 0;}

    /* Menus */
    #top-nav ul li a, #top-nav ul li.title a {
        font: 15px 'swiss-light', Arial, sans-serif;letter-spacing: 0;
    }

    /* RESETS
    -------------------------------------------------------------------- */

        #top-nav ul li li a {
            font-size:12px;
            font-family:Arial, Helvetica, sans-serif !important;
        }

        /* Nested anchors */
        h1 a, h2 a, h3 a, h4 a {
            color:#333;
        }

    /* Font Face Implementation
    -------------------------------------------------------------------- */
     @font-face {
         font-family: 'swiss-light';
         src: url('../fonts/swiss/swiss-light.eot.html');
         src: url('../fonts/swiss/swiss-light.eot-.html#iefix') format('embedded-opentype'),
         url('../fonts/swiss/swiss-light.woff.html') format('woff'),
         url('../fonts/swiss/swiss-light.ttf.html') format('truetype'),
         url('../fonts/swiss/swiss-light.svg.html#wf') format('svg');
    }
    /* @import url("typography.css"); */

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

    File: layout.css
    Description:
        * All generic styling for web based projects
        * For generic shop styling override with shop.css.

    Usage:
        * All generic styling should go here. Any bespoke
        and shop styling should go into modules dir/ shop.css
        respectfully.
        * Additional comment headers should be added for any
        block sections.

    --------------------------------------------------------- */
    /* CONTENT
    ---------------------------------------------------------
        TYPE
            - GENERICS
            - LINKS
        COLOUR
        LAYOUT
        FORM ELEMENTS
            - Form Parents
        MISC
            - arrows
            - buttons
            - bullets
            - tables
            - horizontal rules

        NON MODULATED SECTIONS
            - Contact Information
            - Article (Inner page content)
            - List items
            - Breadcrumbs

        EXTRA INFO
            *classes
            header, body, footer
            row, column
            label, content
            item, photo, title, description, link

    -------------------------------------------------------- */
    /* TYPE
    -------------------------------------------------------- */

    /* GENERIC */
        body {
            /*overflow-x:hidden; */
        }
        #container {

        }
        #container-shadow {

        }
        h1, h2, h3, h4 {
            margin-bottom:10px;
        }
        h1 {

        }
        h2 {

        }
        h3 {

        }
        h4 {
            color: #231F20;
        }
        h1, h2 {
            color:#666;
        }
        a, p, ul li {

        }
        p {
            margin-bottom:10px;
        }
        .summary-text {
            color:#FF6600;
        }
    /* LINKS */
        a {
            text-decoration:none;
            color:#FF6600;
            font-weight:bold;
        }
        a:hover {
            text-decoration:underline;
        }

strong, th, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: italic; }

.text-right { text-align: right; }
/* ******** general ********* */

.breadcrumb {
    display:block;
}

/* ******** text ********* */

h1 {
    margin-bottom:inherit;
    font-size:24px;
}

h2 {
    margin-bottom:inherit;
    font-size:18px;
}

h3 {
    margin-bottom:inherit;
    font-size:14px;
    margin-bottom:7px;
}

h4 {
    margin-bottom:inherit;
    font-size:12px;
}

p {
    margin-bottom:1em;
}

    /* COLOUR
    -------------------------------------------------------- */
        .highlight {
            color:#FF6600;
        }

        .purple {
            color:#7F2E77;
        }
        .green {
            color:#44B5AE;
        }
        .red {
            color:#ED1C24;
        }
        bg.green{
            background-color:#44B5AE;
        }
        .bg-purple {
            background-color:#7F2E77;
        }
        .bg-purple,
        .bg-green {
            color:#FFFFFF;
        }

    /* LAYOUT
    -------------------------------------------------------------- */
        #header {
            margin-top:20px;
        }
        #body {
        }
        #footer {
            margin-top:10px;padding-top:10px;
            border-top:1px solid #CCCCCC;
        }
        #footer li {
            padding:0;
            background-image:none;
        }
        .header {
        }
        .body {
        }
        .footer {

        }

    /* FORM ELEMENTS
    ----------------------------------------------------------- */

        .formbox label {
            margin-right:10px;
        }

        .formbox fieldset {
            border-radius: 3px 3px 3px 3px;
            border: 1px solid #DDDDDD;
            padding:8px;
        }

        .formbox .error-form-field,
        .formbox .note-form-field {
            display:block;
            color:#FF6600;
        }

        .formbox input,
        .formbox textarea,
        .formbox select,
        .formbox option {

        }
        .formbox .textbox,
        .formbox textarea,
        .formbox select {
            background-color:#e4e4e4;color:#808080;
            width:190px;height:18px;padding:5px;
            font-size:12px;font-family:Arial, Helvetica, sans-serif;
            border:none;

        }
        .formbox select {
            width:200px;
        }

        .formbox textarea {
            height:125px;
            width:275px;
        }
        .formbox select {
            height:24px;
            padding:5px;
        }
        .formbox option {
            height:14px;padding:3px;
        }

        .formbox .checkbox,
        .formbox .optionbutton {
            margin-right:10px;
        }
        .formbox .checkbox {

        }
        .formbox .optionbutton {

        }

        /*
        .formbox .alert-box {
            position:relative;
            background-color: #FF6600;
            color: #FFFFFF;
            text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 3px 3px 3px 3px;
            display: block;
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 12px;
            padding: 6px 7px;
        }

        .formbox .alert-box .close {
            position:absolute;
            top:0px;
            right:0px;
            margin-right:5px;
            color:#000000;
            opacity: 0.2;
        }

        .formbox .alert-box a.close:hover {
            opacity:0.4;
            text-decoration:none;
        }
        */

        .formbox #top-level-error .body {
            color:#FF6600;
            font-weight:bold;
        }


        /* FORM LAYOUT */
        .formbox .form-row {
            float:left;
            clear:both;
            margin-bottom:10px;
            width:576px;

        }
        .formbox .form-label {
            float:left;
            width:150px;
            padding:4px 5px 0 0;

        }
        .formbox .form-field {
            float:left;
        }

        .form-label {
            color: #231F20;
        }

        /* FIELDSETS */

        fieldset {
            margin-bottom:10px;
        }

        legend {
            color: #4D4D4D;
        }

        .formbox h5{
            color:#FF6600;
        }


        /* FORM PARENTS */
        #form-registration.formbox {

        }
        /* // FORM PARENTS */

        /* Overrides */
        #search-box.formbox .textbox {
            width:110px;
            margin-right:7px;
        }
        #search-box.formbox {
            width:280px !important;
        }

        form .field-error {
            color: #d00;
            font-size: 11px;
        }

        /* Custom form element override styling */

        #email_subscribe, #delivery_match {
            float: left;
        }

    /* MISC
    -------------------------------------------------------- */

    /* ARROW/ BUTTONS */
        .arrow-right {
            background:url("../images/arrows/arrow-right-small.png.html") no-repeat right center;
            padding-right:10px;
            display:inline-block;
        }
        .arrow-left {
            background:url("../images/arrows/arrow-left-small.png.html") no-repeat left center;
            padding-left:10px;
        }
        .button-right,
        .button-left {
            padding:3px 0;
        }
        .button-right {
            background:url("../images/buttons/right-arrow-orange.png.html") no-repeat right center;
            padding-right:25px;
        }
        .button-left {
            background:url("../images/buttons/left-arrow-orange.png.html") no-repeat left center;
            padding-left:25px;
        }

        /* NEW BUTTONS */
        .button-oval {
            background-color: #E4E4E4;
            width: auto;
            border-radius: 3px 3px 3px 3px;
        }

        .button-oval.large {
            font-size: 18px;
            padding: 11px 48px 11px 11px;
        }

        .button-oval.medium {
            font-size:14px;
            padding: 7px 40px 7px 7px;
        }

        /* BULLETS */
        ul {

        }
        ul li {
            padding-left:10px;
        }

        /* TABLES */
        table {}
        table tr {}
        table th {
            padding:5px;
            background-color: #231F20;
            color:#FFFFFF;
        }
        table td {
            padding:5px;
        }

        /* HORIZONTAL RULES */
        .hr-rule {
            background-color:#CCCCCC;
            height:1px;
            margin:10px 0;
            clear:both;
        }

    /* NON MODULATED SECTIONS
    -------------------------------------------------------------- */
        #logo {
        }
        #contact-info {
            width:288px;
            float:left;
        }
        #contact-info .row {
            margin-bottom:0;
        }
        #contact-info .row .label,
        #contact-info .row .content {
            float:left;
        }
        #contact-info .row .label {
            width:50px;
        }
        #contact-info .row .content {
        }
        #contact-info a {
            color:#666666;
            font-weight:normal;
        }

    /* Article elements */


        #article .photo {
            float:right;
            width:200px;
            margin:0 0 10px 10px;
        }
        #article .photo img,
        #article .photo p {
            float:right;clear:both;
            width:200px;padding-bottom:10px;
            font-style:italic;
        }

    /* Item listing */
        #list-items { width:768px; }
        #list-items .item {
            float:left;
            clear:both;
            padding-top:10px;
            width:768px;
        }
        #list-items .title,
        #list-items .description {
            float:left;
            width:645px;
        }
        #list-items .photo {
            float:right;
        }
        #list-items .footer {
            border-bottom:1px solid #CCCCCC;
        }
        #list-items .item .footer {
            height:10px;
        }

    /* Breadcrumbs */

        ul.breadcrumbs {}
        ul.breadcrumbs li {
            float:left;
            background-image:none;
            padding-left:0px;
            padding-right:5px;
        }
        ul.breadcrumbs li,
        ul.breadcrumbs li a {
            color:#666666;
        }
        ul.breadcrumbs li.active a {
            color:#FF6600;
        }

        #add-to-favs {
            display:block;
            padding-left:10px;
            margin-top:10px;
            font-weight:normal;
        }

/* CSS Document */




div#product-detail a {
    color:#333;
    font-weight: normal;
}

div#product-detail a:hover {
    color:#666;
}

/* ******** general ********* */

.breadcrumb {
    display:block;
}

/* ******** buttons ********* */

.button {
    padding:7px 14px 7px 14px;
    /* background-color:#ccc; */
    background-color:#cbd8de;
    color:#333;
    text-decoration:none;
    border-radius:5px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

a.button {
    display:inline-block;
}

input.button {
    border:solid 0 #fff;
}

.button:hover {
    color:#333;
    /* background-color:#b4b4b4; */
    background-color:#bcc8cd;
    cursor:pointer;
}



.button-small {
    padding:5px 10px 5px 10px;
    /* background-color:#ccc; */
    background-color:#cbd8de;
    color:#333;
    text-decoration:none;
    border-radius:5px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

a.button-small {
    display:inline-block;
}

input.button-small {
    border:solid 0 #fff;
}

.button-small:hover {
    color:#333;
    /* background-color:#b4b4b4; */
    background-color:#bcc8cd;
    cursor:pointer;
}


/* ******** clearfix ******** */



.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ******** misc ********* */

a img {
    border:none;
}


/* ******** infobox ********* */

.infobox {
    margin-bottom:20px;
}

.infobox .header {
    /* background-color:#999; */
    background-color:#231F20;
    padding:5px 0 5px 5px;
    background-image:url("../../images/header-bgrnd.png.html");
    background-repeat:repeat-x;
    background-position:top;
    margin-bottom:10px;
}

.infobox .sub-header {
    border-bottom: 1px dashed #ccc;
    text-align: right;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.infobox .sub-header h4 {
    float: left;
    font-weight: bold;

}

.infobox h4.alt {
    color: #333;
}

.infobox h5 {
    font-weight: bold;
}

.infobox .header h3 {
    color:#fff;
    margin:0;
}

.infobox .body {
    margin-bottom:10px;
}

.infobox .footer {

}



/* ******** list-table ********* */

.list-table {
    width:100%;
    margin-bottom:10px;
}

.list-table th {
    text-align:left;
    /* background-color:#b3b3b3; */
    background-color:#231F20;
    padding:5px;
    color:#fff;

}

.list-table td {
    padding:5px;
    border-bottom:solid 1px #ccc;
}


/* ******** detail-table ********* */

.detail-table {
    width:100%;
    margin-bottom:10px;
}

.detail-table th {
    background-color:#231F20;
    padding:5px;
    background-image:url("../../images/header-bgrnd.png.html");
    background-repeat:repeat-x;
    background-position:top;
    vertical-align:top;
    text-align:left;
    color:#fff;
    font-size:14px;

}

.detail-table td {
    padding:5px;
    border-bottom:solid 1px #ccc;
    vertical-align:top;
}

/* subtotal */

.detail-table th.price-subtotal {
    border-bottom:solid 1px #ccc;
    background-color:#e5ecef;
    background-image:none;
    color:#333;
    font-size:12px;
}

.detail-table td.price-subtotal {
    background-color:#e5ecef;
}

/* extras */

.detail-table th.price-extra {
    border-bottom:solid 1px #ccc;
    background-color:#FF9900;
    background-image:none;
    background-color:transparent;
    color:#333;
    font-size:12px;
}

.detail-table td.price-extra {
    background-color:transparent;
}

/* total */

.detail-table th.price-total {
    border-bottom:solid 1px #ccc;
    background-color:#e5ecef;
    background-image:none;
    color:#333;
    font-size:12px;
}

.detail-table td.price-total {
    background-color:#e5ecef;
}

/* grand total */

.detail-table th.price-grandtotal {
    border-bottom:solid 1px #ccc;
    background-color:#e5ecef;
    background-image:none;
    color:#333;
    font-size:12px;
}

.detail-table td.price-grandtotal {
    background-color:#e5ecef;
}



/* ******** formbox ********* */

.formbox {

}

fieldset {
    margin:0;
    padding:0;
    border:none;
}

legend,
.context {
    position: absolute;
    left: -999em;
}

.form-row {
    margin-bottom:10px;
}

.form-row:after,
.row:after,
#options-top:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .form-row,
* html .row,
* html #options-top {
    zoom: 1;
} /* IE6 */

*:first-child+html .form-row,
*:first-child+html .row,
*:first-child+html #options-top {
    zoom: 1;
} /* IE7 */

.form-row .form-label {
    float:left;
    padding:3px 0 3px 0;
    padding-right:10px;
}

.form-row .form-label.required {
    font-weight:bold;
}

.form-row .form-field {
    float:right;
    width:250px;
}
.form-row .form-field span.note {
    font-size: 0.8em;
}

.form-row .form-field input[type=text],
.form-row .form-field input[type=password],
.form-row .form-field select,
.form-row .form-field textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333333;
    width:224px;
    padding:2px;
    border:solid 1px #999;
}

.form-row .form-field select {
    width:230px;
}

.form-row .form-field input.half,
.form-row .form-field select.half {
    width:115px;
}

div.error_messages {
    color: #ff0000;
}
span.field-error {
    color: #ff0000;
    padding-top: 5px;
    display: block;
    font-size: 0.9em;
}

/* ******** pages ********* */


#account .row, #order-detail .row {
   float: none;
}

#password-reminder,
#password-change {
    width:400px;
}


#buttons-top {
    margin-bottom:10px;
}

#buttons-bottom {
    margin-bottom:10px;
}


/* ******** warning messages ********* */

.alert {
    /*border:solid 1px #cc0000;
    color: #cc0000;
    font-weight:bold;
    padding:5px 10px 5px 10px;
    margin-bottom:10px;*/
     display:none;
}


.alert-form-field {
    /* color: #cc0000;
    font-weight:bold;
    display:block;*/
    display:none;
}




/* ******** page styles ********* */


.formbox.new-customer {
    /* float:left; */
    width:400px;
    margin-bottom:20px;
}

.formbox.return-customer {
    /* float:right; */
    width:400px;
    margin-bottom:20px;
}



/* ******** category grid ********* */

#shop-grid {

}

#shop-grid .row {
    width:640px;
    padding:0 0 10px 0;
    border-bottom:solid 1px #ccc;
    margin:0 0 10px 0;
}

#shop-grid .item {
    width:142px;
    padding:0 8px 0 0;
    margin:0 10px 0 0;
    float:left;
}

#shop-grid .item .photo {
    border: 1px solid #ccc;
    width:140px;
    margin-bottom:7px;
}

#shop-grid .item .photo img {
    display:block;
}

#shop-grid .item  h3 {

}

#shop-grid .item .description {
    font-size:11px;
    margin-bottom:7px;
}

#shop-grid .item .price {
    font-size:14px;
    color:#f60;
    font-weight:bold;
}

#shop-grid .item .price .previous-price {
    text-decoration:line-through;
}

#shop-grid .item .details {
    font-size:11px;
    font-weight:bold;
    margin-bottom:7px;
}

#shop-grid .item .link {
}


.textbox {
    padding-bottom:20px;
    border-bottom:solid 1px #ccc;
    margin-bottom:20px;
}


/* top options */

#options-top {
    margin-bottom:10px;
}

#options-top .display {
    float:left;
}

#options-top .sort {
    float:right;
}

#options-top .sort .label {
    display:inline;
}

#options-top .sort .option {
    display:inline;
}

#options-top .sort .option select {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
}


/* top options */

.pagination {
    text-align:right;
}




/* ******** product detail ********* */

#product-detail {

}



#product-detail #product {
    width:320px;
    float:left;
}

#product-detail #product #photo {
    width:300px;
}

#product-detail #product #thumbnails {
    width:300px;
    margin:10px 0 20px 0;
}

#product-detail #product #thumbnails img {
    margin-right:4px;
}

/* last thumb on row */
#product-detail #product #thumbnails img.last {
    margin-right:0;
}



#product-detail #detail {
    width:320px;
    float:right;
}

#product-detail #detail .description {
    padding-top: 20px;
}

#product-detail #detail .price {
    font-size:25px;
    color:#F60;
    font-weight:bold;
    margin-bottom:10px;
}

#product-detail #detail .details {

}

#product-detail #detail .link {

}

#product-detail #detail h3 {
       color: #f60;
       font-size: 1.2em;
   }

#product-detail .row {
    padding-bottom:20px;
    border-bottom:solid 1px #ccc;
    margin-bottom:20px;
}

#product-detail .textbox {

}

#product-detail .small-details {
    font-size: 10px;
    line-height: 1.6em;
    padding-bottom: 10px;
}

.system-message-error {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    border: 1px solid #df280a;
    padding:8px 8px 8px 15px;
    font-size:10px;
    font-weight:bold;
    background: #f16048;
    color:#fff;
}
.system-message-notice {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    border: 1px solid #316C83;
    padding:8px 8px 8px 15px;
    font-size:10px;
    font-weight:bold;
    background: #EAF4F5;
    color:#2A5A69;
}
.system-message-warning {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    border: 1px solid #F0DC4F;
    padding:8px 8px 8px 15px;
    font-size:10px;
    font-weight:bold;
    background: #F5EBC5;
    color:#666;
}
.system-message-success {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    border: 1px solid #446423;
    padding:8px 8px 8px 15px;
    font-size:10px;
    font-weight:bold;
    background: #eff5ea;
    color:#3d6611;
}

/* ================ */

.zoomPad{
    position:relative;
    float:left;
    z-index:99;
    cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url("../images/zoomloader.gif.html");
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
    overflow:hidden;
    background-color: #FFF;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index:120;
    position:absolute;
    border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
    position:absolute;
    left:0px;
    top:0px;
    background:#FFF;
    /*opacity:0.5;*/
    z-index:5000;
    width:100%;
    height:100%;
    display:none;
  z-index:101;
}

.zoomWindow{
    position:absolute;
    left:110%;
    top:40px;
    background:#FFF;
    z-index:6000;
    height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
    position:relative;
    border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
    background:#999;
    color:#FFF;
    height:18px;
    line-height:18px;
    width:100%;
  overflow:hidden;
    text-align:center;
    font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
    display: none!important;
}
.zoomWrapperImage{
    display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

.productImageThumb {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border:solid 1px #ccc;
    margin-right: 5px;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/**** Basket Stying ****/

#basket-products-list {
    width: 100%;
}
#basket-products-list th,
#basket-products-list td {
    padding: 10px;
    vertical-align: top;
}
#basket-products-list tr.even th,
#basket-products-list tr.even td {
    background: #fafafa;
}
#basket-products-list tr.odd th,
#basket-products-list tr.odd td {
    background: #fefefe;
}
#basket-products-list .product-overview {
    overflow: hidden;
    width: 500px;
}
#basket-products-list .product-overview .product-option-photo {
    float: left;
}
#basket-products-list .product-overview .product-description {
    float: left;
    width: 355px;
    margin: 0 0 0 15px;
}
#basket-products-list .product-overview .product-description .title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
#basket-products-list .product-overview .product-description ul.options-summary {
    font-size: 11px;
}
#basket-products-list .product-overview .product-description ul.options-summary li {
    margin-bottom: 2px;
}

#basket-products-list .quantity .textbox {
    width: 20px;
    padding: 1px;
    margin: 0 0 5px;
}
#basket-products-list .quantity p {
    margin: 0;
}

#basket-products-list .remove {
    margin-top: 8px;
}
#basket-products-list .remove a {
    font-size: 10px;
    color: #004b91;
}

/** Basket Summary **/

#basket-summary {
    width: 350px;
    float: right;
    margin-top: 10px;
}
#basket-summary h4 {
    font-weight: bold;
}
#basket-summary .breakdown {
}
#basket-summary .breakdown table td,
#basket-summary .breakdown table th {
    background: none;
    padding: 2px 0;
    text-align: left;
}
#basket-summary .breakdown table th h4 {
    margin: 0;
}

#basket-summary .checkout-button {
    width: 350px;
    padding: 5px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background: #f60;
    text-align: center;
    cursor: pointer;
    margin: 5px 0;
}

#basket-summary .apply-coupon input {
    float: left;
    border: 1px solid #231F20;
}

#basket-summary .textbox {
    padding: 6px;
    font-size: 14px;
    width: 200px;
}
#basket-summary .apply-coupon .coupon-input {
    display: none;
    float: right;
}
#basket-summary .apply-coupon .submit {
    width: 70px;
    padding: 5px;
    margin-left: 10px;
}

#basket-summary .paypal {
    margin-top: 10px;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}

/**** Checkout ****/

/** Checkout register landing page **/

#checkout {
    padding: 10px 0;
}

#checkout #existing-customer h4,
#checkout #new-customer h4 {
    margin-bottom: 15px;
    font-weight: bold;
}
#checkout #existing-customer .form-row {
    width: 700px;
    margin-bottom: 40px;
}

#checkout-address li {
    color: #231F20;
}

/** Biling Address **/

#billing.span-5 {
    width: 450px;
    padding-right: 20px;
    border-right: 1px solid #ddd;
    margin-right: 20px;
}
#delivery.span-5 {
    width: 460px;
    padding-left: 20px;
}
.column .section {
    margin-left: 0!important;
}

.delivery-address-template {
    margin-top: 20px;
}

/** Payment **/

#checkout-payment {
    font-size: 11px;
}

#checkout-payment .product-image img {
    vertical-align: top;
}

#checkout-payment #payment #expiry-month,
#checkout-payment #payment #expiry-year {
    width: 50px;
}

.totalslines td {
    padding: 1px 5px;
}

/**** Navigation ****/

#navigation {
    background: #F60;
    width: 960px;
}

#navigation ul {
    float: left;
    height: 28px;
    padding: 0 10px;
}

#navigation ul li {
    float: left;
    list-style-type: none;
    background-image: none;
    margin: 0;
    padding: 7px 10px 7px 10px;
    position: relative;
}

#navigation ul li a {
    color: #fff;
}

#navigation ul li:hover ul li {
    display: block;
}

#navigation ul li ul {
    position: absolute;
    z-index: 10;
}

#navigation ul li ul li {
    width: 200px;
}

#navigation ul li ul li {
    background: #F60;
    display: none;
}

.section-heading {
    background: #888;
}

.section-heading h2 {
    font-weight: normal;
    color: #fff;
    font-size: 1.2em;
    padding: 5px 0 5px 10px;
}

#product-range-filter .filter-group {
    padding: 5px 0 5px 0;
}
#product-range-filter .filter-group h4 {
    color: #f60;
    font-weight: bold;
    padding: 5px 0 5px 0;
}

#product-range-filter .filter-item label.disabled {
    color: #999;
}

div#shop-grid .overlay {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    text-align: center;
    top: 0;
    display: none;
    background: white;
}
div#shop-grid .overlay img { padding-top: 50px; }

.address-list {
    background: #FFFFFF;
    border: 1px solid #231F20;
    padding: 5px 3px 5px 10px;
    margin: 25px 20px 25px 0px;
}
.address-list h4 {
    font-weight: bold;
    padding-left: 10px;
    color: #231F20;
}
.address-list ul li {
    background-image: none;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.9em;
}

.stock-expiry {
    font-weight: bold;
    color: red;
}

table.orders tr.expired td {
    background: #ffdace;
}

#header #basket-header,
 #header #basket-header-active {
    width:140px;
    height:24px;
    padding:10px;
    background-repeat:no-repeat;
    background-position:left top;
    vertical-align:top;
    font-size:11px;
    text-align:center;
}

#header #basket-header {
    float:right;
    margin-right:10px;
    background-image:url("../../images/basket-header-bgrnd.png.html");
    position:relative;
    cursor: pointer;
}

#header #basket-header-active {
    background-image:url("../../images/basket-header-bgrnd2.png.html");
    position:absolute;
    top:0;
    right:0;
    z-index:10500;
    display:none;
    cursor: pointer;
}

#header #basket-header img {
    vertical-align:top;
}

/* mini-basket dropdown */

.mini-basket {
    position:absolute;
    top:36px;
    right:0;
    z-index:10000;
    background: url('../../images/grey-transparency-bg.png') repeat scroll 0 0 transparent;
    width:250px;
    padding:15px 10px 10px 10px;
    text-align:left;
    display:none;
}

    .mini-basket-toggle-open {
        display:block;
        width: 85px;
    }

.mini-basket-toggle-open.expanded {
    font-family: 'neuzeit-bold', Arial, Helvetica, sans-serif;
}

.mini-basket h3 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    margin-bottom:0;
}

.mini-basket .detail-table {
    width:100%;
    margin-bottom:10px;
}

.mini-basket .detail-table td {
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:solid 1px #EDEDED;
    padding:10px 3px 10px 3px;
    vertical-align:top;
}

.mini-basket .detail-table .description-image {
    width: 87px;
}
.mini-basket .detail-table .description-quantities {
    width: 70px;
}

.mini-basket .detail-table .description-image img {
    border:solid 1px #EDEDED;
}

.mini-basket .detail-table .description-text {
    color: #FFFFFF;
    font-weight:normal;
}

.mini-basket .detail-table .quantity {
    width:67px;
    line-height: 18px;
    font-size: 11px;
    color: #777;
    display: block;
}

.mini-basket .detail-table .quantity input[type="text"] {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:2px;
    border:solid 1px #999;
    width:28px;
    vertical-align:middle;
    color: #333;
    text-align: right;
}

.mini-basket .detail-table .action  {
    display: block;
    font-size: 11px;
    color: #666;
    line-height: 13px;
    height: 13px;
    padding-left: 13px;
    background: url('../../images/icons/update-remove.gif.html') top left no-repeat;
    margin: 0 0 3px;
}
.mini-basket .detail-table .action:hover {
    color: #66c1bf;
}
.mini-basket .detail-table .action-update  {
    background-position: 0 -2px;
}
.mini-basket .detail-table .action-update.active {
    opacity: 0.4;
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
}
.mini-basket .detail-table .action-remove  {
    background-position: 0 -21px;
}

.mini-basket .promotional,
.mini-basket .promotional2 {
    padding:3px 5px 3px 5px;
    font-family:Arial, Helvetica, sans-serif;
}

.mini-basket .promotional {


    margin-bottom: 10px;
    background: transparent url('../../images/icons/delivery_van.png.html') 5px 2px no-repeat;
    padding-left: 27px;
    line-height: 18px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.mini-basket .promotional2 {
    background-color:#fae3ef;
    color:#E11D83;
    margin-bottom: 10px;
}

.mini-basket .col1 {
    padding:15px 0 5px 0;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:14px;
}

.mini-basket .products-row {
    display: none;
    margin-bottom: 10px;
    border-top: 1px solid #FFFFFF;
    margin-top: 25px;
    max-height: 250px; /* Should be slightly bigger than the prodcts height threshold to prevent custom scroll initialisation *after* product display */
}
.mini-basket .products-row p {
    margin-top: 10px;
    color: #FFFFFF;
}

.mini-basket .totals-row {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
    padding: 2px 1px 10px;
}
.mini-basket .totals-row .totals {
    width: 100%;
    color: #FFFFFF;
}

.mini-basket .totals-row .totals.final {
    margin-top: 10px;
    border-top: 1px solid #FFFFFF;
}

.mini-basket .totals-row .totals.final th, .mini-basket .totals-row .totals.final td  {
    padding-top: 10px;
}

.mini-basket .totals-row .totals tr.items th, .mini-basket .totals-row .totals tr.total-price th {
    text-align: left;
    font-weight: normal !important;
}

.mini-basket .totals-row .totals tr.total-price td.finaltotal {
    font-size: 16px;
}

.mini-basket .totals-row .totals th,
.mini-basket .totals-row .totals td {
    padding: 10px;
    font-size: 11px;
    background: transparent;
    color: #FFFFFF;
    padding: 3px 0px;
    font-weight: normal;
    border: 0;
}
.mini-basket .totals-row .totals th {
    text-align: right;
}
.mini-basket .totals-row .totals td {
    text-align: right;
}
.mini-basket .totals-row .totals .items th,
.mini-basket .totals-row .totals .items td {
    font-weight: bold;
}
.mini-basket .totals-row .totals .total-price th,
.mini-basket .totals-row .totals .total-price td {
    font-weight: bold;
}

.mini-basket .mini-basket-feedback-msg {
    border: 1px solid #ddd;
    padding: 3px;
    font-style: italic;
    margin-bottom: 10px;
    display: none;
}
.mini-basket .mini-basket-feedback-msg p {
    margin: 0;
}

.mini-basket #mini-basket-close {
    position: absolute;
    top: 15px;
    right: 8px;
    cursor: pointer;
    display:none;
}
.mini-basket #mini-basket-close img {
    padding-right: 5px;
}


.mini-basket .col2 {
    padding:0px 0 5px 0;
    float:right;
}

.mini-basket .col2 #basketlink {
    margin-top: 10px;
    margin-right: 5px;

    display:block;
    float: right;;
}

.mini-basket .underline {
    text-decoration:underline;
}

.mini-basket .vert-align {
    vertical-align:middle !important;
}

/**** Override jScrollPane Styles ****/

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #dde;
    position: relative;
}

.jspDrag
{
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

.custom-scroll .jspVerticalBar {
    width: 9px;
}

.custom-scroll.dark .jspVerticalBar .jspArrowUp {
    background: url('../../images/arrows/arrow-scroll-up.png.html') center center no-repeat;
    width: 9px;
}
.custom-scroll.light .jspVerticalBar .jspArrowUp {
    background: url('../../images/arrows/arrow-scroll-up-white.png.html') center center no-repeat;
    width: 9px;
}
.custom-scroll.dark .jspVerticalBar .jspArrowDown {
    background: url('../../images/arrows/arrow-scroll-down.png.html') center center no-repeat;
}
.custom-scroll.light .jspVerticalBar .jspArrowDown {
    background: url('../../images/arrows/arrow-scroll-down-white.png.html') center center no-repeat;
}
.custom-scroll .jspVerticalBar .jspArrow.jspDisabled {
    opacity: 0.5;
}

.custom-scroll.dark .jspDrag {
    background: #646363;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.custom-scroll.light .jspDrag {
    background: #66C1BF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.custom-scroll .jspVerticalBar,
.custom-scroll .jspTrack {
    background: transparent;
}

.total_overlay{
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.83;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001;
}
.launchbox{
    background-color: #FBFAFD;
    background-image: url('../../images/launchbox/launchbox_bg.png');
    background-repeat: repeat-x;
    height: 458px;
    margin: 0 auto;
    width: 1010px;
    z-index: 100002;
    position: absolute;
    left: 50%;
    top: 60px;
    margin-left: -505px;
}
.left-hand{
    background-color: #FBFAFD;
    background-image: url("../../images/launchbox/galllery-shot.jpg");
    float:left;
    height: 349px;
    width: 440px;
}
.right-hand{
    float:left;
    height: 350px;
    width: 520px;
    margin-left:30px;
}

.right-hand p {
    color: #231f20;
    font-family: helvetica,arial;
    font-size: 14px;
    margin-bottom: 19px;
    width: 519px;
}

.right-hand p.top{
    margin-top:40px;
    margin-bottom:30px;
    font-size:17px;
}

.right-hand p.heading{
    margin-bottom:10px;
}
.right-hand p.signature{
    margin-bottom:0px;
    position: absolute;
    top: 560px;
}
.right-hand p.logo{
    position: absolute;
    top: 477px;
    left: 740px;
}
.launchbox-footer{
    background-image: url('../../images/launchbox/launchbox_footerbg.png');
    background-repeat: repeat-x;
    width:960px;
    height:110px;
    margin-top: -10px;
}

.launchbox-footer p.win{
    float:left;
    width:156px;
    height:56px;
    margin-top:37px;
    margin-left:27px;
}

.launchbox-footer p.footer_text{
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    line-height: 20px;
    margin-left: 23px;
    margin-right:15px;
    width: 163px;
    margin-top:28px;
}

.launchbox-footer #footer-terms {
    font-size:10px
}

.launchbox form p.buttons{
    float:left;
    margin-top: 0px;
}
.launchbox form p.buttons span {
    padding: 7px 10px;
    display: block;
}

.launchbox form p.buttons input#email, .launchbox form p.buttons input#access_code{
    background-color: #58585a;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #58585a;
    font-size: 14px;
    height: 31px;
    padding: 1px 0 2px 10px;
    width: 275px;
    color: #ffffff !important;

}

.launchbox form p.buttons input#email {
    width: 262px;
}

.launchbox form p.buttons input#access_code{
    background-color: #e7e7e8 !important;
    border-color: #e7e7e8;
    font-size: 14px;
    height: 41px;
    color: #111111 !important;
    float:left;
    width:278px;

}

.launchbox form p.buttons input#button,.launchbox form p.buttons input#submit {
    background: #231f20;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;
    padding: 8px;
    cursor: pointer;
    text-decoration:underline;
}
.launchbox form p.buttons input#submit {
    padding: 0px !important;
}

body { overflow: scroll; }

.launchbox.landing .launchbox-footer {
    width:1010px;
    margin-top:-2px;
    }

.launchbox.landing .launchbox-footer p.win{
    width:418px;
}

.launchbox.landing .launchbox-footer form {
    padding-top:32px;
    float:left;
}

.launchbox.landing .description {
    line-height:21px;
}

div.checkout-login .form-field label.radio {
    margin: 6px 0 2px;
    display: block;
    clear: both;
}
div.checkout-login .form-field label.radio input {
    margin-right: 10px;
    vertical-align: top;
}

#existing-customer .form-row .form-field {
    width:500px;
}

#existing-customer .form-row .form-label {
    padding-left: 20px;
}

div.hidden-password {
    margin: 5px 0 5px 0;
}

#existing-customer .form-row label.error {
    color: red;
    padding-left: 5px;
}

#up-sell-dialog { display:none; }

#up-sell-dialog.inverted {
    background-color:#FFFFFF;
}

#up-sell-dialog .header,
#up-sell-dialog .body { width:100%; text-align:center;}

#up-sell-dialog .header { padding-bottom:20px; border-bottom:1px solid #595657; }

#up-sell-dialog .header h2 { font-size:52px; line-height:40px; color:#231F20; font-family:'bodoni-bold', Arial; margin-top: 10px; }
#up-sell-dialog .header .button-black-input,
#up-sell-dialog .header p { font-size:16px; line-height:18px; font-family: 'neuzeit', Arial, Helvetica, sans-serif; }
#up-sell-dialog .header .button-black-input {
    color:#FFFFFF;
    margin: 0 0 10px 0;
    padding:10px 35px;
}
#up-sell-dialog .header a { display:inline-block; }

#up-sell-dialog .header .cont-shop {
    font-size:12px; text-decoration:underline;
}

#up-sell-dialog .header .cont-shop:hover { text-decoration:none; }

#up-sell-dialog .body h3 { font-size:24px; line-height:26px; color:#231F20; margin-bottom:20px; font-family:'bodoni', Arial; }
#up-sell-dialog .body #upsell-grid {
    width:100%; float:left;clear:both;
}

#up-sell-dialog .body { padding-top:20px; }

#up-sell-dialog .body .inner {
    float:left;clear:both;
}

#up-sell-dialog .body #upsell-grid .item {
    float:left; width:195px; margin-right:20px;
}

#up-sell-dialog .body #upsell-grid .item img {
        width:195px; height:150px;
}

#up-sell-dialog .body #upsell-grid .item.last {
    margin-right:0px;
}

#up-sell-dialog .body #upsell-grid .item {}

#up-sell-dialog .body #upsell-grid .item .product-title {
    font-size:16px; line-height:18px; text-transform: uppercase; margin-top: 5px; text-align:center; margin-bottom:3px; height: 50px;
}
#up-sell-dialog .body #upsell-grid .item .product-by {
    font-size:19px; line-height:21px; text-transform: uppercase; margin-bottom:15px;
}

#up-sell-dialog .body #upsell-grid .item .product-price {
    display:block;
    font-size: 36px;
    font-family: 'neuzeit', Arial, Helvetica, sans-serif;
    color: #231F20;
    margin-bottom: 5px;
}

#up-sell-dialog .body #upsell-grid .item .product-title,
#up-sell-dialog .body #upsell-grid .item .product-by {
    font-family:'bodoni-bold', Arial;
}

#up-sell-dialog .body #upsell-grid .item .button-black-input {
    width:155px;
}


/* EOF */

    /* @import url("layout.css"); */