﻿
#brandImages {
    background-color: #ffffff;
    color: #373433;
    border-left:1px solid #888;
    
}

    #brandImages h2 {
        color: #373433;
        margin: 0;
        font-size: 1.0em;
        padding-bottom: 5px;
        border-bottom: 1px solid #888;
    }

    #brandImages img {
        padding: 5px 0;
    }

#domMessageModal {
    background-color: #ffffff;
}

#domMessageModal2 {
    background-color: #ffffff;
}

#domSearchingModal {
    background-color: #ffffff;
}

#footer {
    color: #8e663c;
}

    #footer a {
        /*color: #8e663c;*/
    }

    #footer table {
        border-top: solid 1px #888;
        margin-top: 20px;
        padding: 20px;
        width: 940px;
    }

    #footer td {
        /*color: #8e663c;*/
    }

    #footer td.tdColWhite {
        /*color: #ffffff;*/
    }

    #footer td.tdColWhite a {
        /*color: #ffffff;*/
    }

#leftmenu div.leftmenuSep {
    margin: 0;
}

#leftmenu div.panes {
    background-color: #ffffff;
    margin-top: 20px;
}

#leftmenu h3 {
    margin: 0;
    padding: 0 0 0 10px;
    font-size:0.95em;
}

    #leftmenu h3 a {
        color: #58585a;
        font-size: .9em;
        text-decoration: none;
    }

        #leftmenu h3 a:hover {
            color: #000000;
            text-decoration: underline;
        }

#leftmenu li.brand, #leftmenu li.catalogue, #leftmenu li.section {
    padding: 0px, margin:0px;
    display: inline;
}

#leftmenu li.brand {
    width: 51px;
}






#leftmenu li.brand, #leftmenu li.section {
    padding: 0px;
    margin: 0px;
    display: inline;
    
}


    #leftmenu li.brand a, #leftmenu li.section a {
        text-align: center;
        padding-top: 10px;
        float: left;
        width: 45%;
    }




    #leftmenu li.brand a {
        background-color: #ddd;
        height: 31px;
        border-bottom: 1px solid #000;
        text-decoration: none;
    }

    #leftmenu li.brand a.current {
        background-color: #fff;
        border-bottom: none;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
    }



#leftmenu li.section {

}

    #leftmenu li.section a {
        background-color: #ddd;
        height: 31px;
        border-bottom: 1px solid #000;
        text-decoration: none;
    }

        #leftmenu li.section a.current {
            background-color: #fff;
            border-bottom: none;
            border-top: 1px solid #000;
            border-right: 1px solid #000;
            border-left: 1px solid #000;

        }





#leftmenu ul.categoryitems {
    margin: 0;
    padding: 0 0 0 11px;
    display: none;
}

    #leftmenu ul.categoryitems li {
        list-style-type: none;
    }

        #leftmenu ul.categoryitems li a {
            text-decoration: none;
        }

            #leftmenu ul.categoryitems li a:hover {
                text-decoration: underline;
            }

#leftmenu ul.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0 0 30px;
}

#littleLogin {
    background-color: #ccc;
    color: #ffffff;
    margin: 0 5px 0px;
    padding: 5px;
}

    #littleLogin a {
        /*background-color: #c07932;*/
        color: #ffffff;
    }

    #littleLogin h2 {
        font-size:1.05em;
        text-transform:uppercase;
        margin: 0;
    }

    #littleLogin input {
        margin-bottom: 2px;
    }

    #littleLogin td {
        /*background-color: #c07932;*/
        /*color: #ffffff;*/
    }

    #littleLogin th {
        /*background-color: #c07932;*/
        /*color: #ffffff;*/
    }

#obMenu ul {
    margin: 0;
    padding: 0 0 0 3px;
}

    #obMenu ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #obMenu ul li.selected {
            background-color: #e5e0d7;
        }

#pageContents {
    border: solid 1px #efefef;
    padding: 10px;
}

#prodHolder {
    background-color: #ffffff;
    margin-top: 15px;
}

#quickcart, #quickref, #accMenu {
    background-color: #ddd;
    color: #444;
    margin: 0 5px 0px;
    padding: 5px;
    font-size:0.95em;
    line-height:1.5em;
}

    #quickcart a, #quickref a, #accMenu a {
        color: #444;
    }

    #quickcart h3, #quickref h3, #accMenu h3 {
        color: #923336;
        margin: 0;
    }

        #quickcart h3 a, #quickref h3 a, #accMenu h3 a {
            color: #c07932;
            margin: 0;
        }

    #quickcart td, #quickref td, #accMenu td {
        color: #000000;
    }

    #quickcart th, #quickref th, #accMenu th {
        color: #000000;
    }

    #quickcart a #btnClearCart  {
        color: red;
    }

#searchMenu {
    background-color: #ffffff;
}

#searchResults {
    background-color: #ffffff;
}


#homeLogo {
    height: 69px;
    left: -4px;
    position: relative;
    top: 6px;
    width: 260px;
    float: left;
    background: url('/images/header/Gardiners_logo.png') no-repeat;
    /*border:1px solid #555555;*/
}



#wrapper.dirDelBg #homeLogo {
    background: url('/images/header/Gardiners_Direct_logo.png') no-repeat;
    height: 93px;
    /*260 x 93*/
}

.homeLogoBorder {
    cursor: pointer;
}
m
.arrowlistmenu .menuheader {
    color: #434343;
    cursor: pointer;
    font: bold 13px Arial;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 2px 0 4px 4px;
    text-decoration: none;
    text-indent: -9px;
    text-transform: uppercase;
}

    .arrowlistmenu .menuheader a {
        color: #434343;
        cursor: pointer;
        font: bold 13px Arial;
        margin-bottom: 5px;
        margin-left: 5px;
        padding: 2px 0 4px 4px;
        text-decoration: none;
        text-indent: -9px;
        text-transform: uppercase;
    }

.arrowlistmenu h3 {
    margin: 10px 0;
}

.arrowlistmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .arrowlistmenu ul li a {
        color: #434343;
        display: block;
        font-family: Verdana;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 1.2em;
        padding: 1px 0 1px 15px;
        text-align: left;
        text-decoration: none;
        word-spacing: normal;
    }

.basicProd {
    background-color: #ffffff;
    float: left;
    height: 250px;
    overflow: hidden;
    width: 180px;
}

    .basicProd > .prodTitle {
        font-weight: 700;
        height: 30px;
        overflow: hidden;
    }

.basicSearchProd {
    background-color: #ffffff;
    float: left;
    height: 250px;
    overflow: hidden;
    width: 180px;
}

.brandtext {
    background-color: #FFFFFF;
    font-size: 2.7em;
    letter-spacing: 0;
    line-height: 1.2em;
    text-align: left;
    text-decoration: none;
    word-spacing: normal;
    color: #888;
}

.brandtext, .sectiontext {
    margin-left: 5px;
}

.divProdImg {
    background-color: #ffffff;
    height: 150px;
    position: relative;
    width: 150px;
}

    .divProdImg img {
        bottom: 0;
        left: 0;
        position: absolute;
    }

.flowLayout {
    border-bottom: solid 1px #888;
    float: left;
    height: 270px;
    padding: 10px;
    width: 160px;
}

    .flowLayout div.emptyPrdOptions {
        height: 50px;
        position: absolute;
        width: 160px;
        z-index: 9;
        filter: alpha(opacity=75);
        opacity: 0.75;
    }


    .flowLayout btn.prdlink {
    }

    .flowLayout div.prdOptions {
        width: 160px;
        color: #000000;
        filter: alpha(opacity=75);
        opacity: 0.75;
        position: absolute;
        display: block;
        z-index: 9;
        /*height: 50px;*/
        background-color: #ffffff;
        font-size: 0.83em;
        text-transform: uppercase;
        margin-top: 3px;
        padding-bottom:5px;
    }

    .flowLayout div.prodSizeArray {
        color: #888;
        display: block;
        font-size: 0.95em;
        font-weight: normal;
        margin-top: 3px;
    }

    .flowLayout div.prodTitle {
        color: #923336;
        height:30px;
        padding-bottom:3px;
    }

    .flowLayout span.price {
        color: #000000;
        font-size: 1.5em;
        font-weight: 700;
    }

    .flowLayout .starAndMag {
        float: right;
        position: relative;
    }

    .flowLayout.middle {
        border-left: solid 1px #888;
        border-right: solid 1px #888;
    }

    .flowLayout.toprow {
        border-top: solid 1px #888;
    }

    .flowLayout.last {
        border: solid 1px #888;
    }



    .flowLayout div.divProdImg {
        display: block;
    }

.footerTitle {
    font-size: 1.4em;
}

.frequentTotal {
    color: Gray;
    font-size: .9em;
}

.niceBox {
    background-color: #ffffff;
    margin: 0 5px 0px;
    padding: 5px;
}

.optionName {
    color: #6e2306;
    font-size: 1.1em;
    font-weight: 700;
}

.optionPrice {
    color: #231f20;
    font-size: 1.2em;
    font-weight: 700;
}


.seachTinyText {
    display: none;
    font-size: .85em;
}

.sectiontext {
    background-color: #FFFFFF;
    color: #919A92;
    font-family: Verdana;
    font-size: 1.8em;
    letter-spacing: 0;
    line-height: 1.2em;
    text-align: left;
    text-decoration: none;
    word-spacing: normal;
}

.semi30 {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.tableLayout {
    border-bottom: solid 1px #444444;
    float: none;
    height: 70px;
    width: 544px;
    padding: 10px 0;
}

    .tableLayout button.prdlink {
        margin: 0px 10px 30px 10px;
    }

    .tableLayout div.divProdImg {
        display: none;
    }

    .tableLayout div.emptyPrdOptions {
        margin-left: 10px;
        overflow: hidden;
        white-space: nowrap;
        width: 375px;
    }

    .tableLayout div.prdOptions {
        margin-left: 10px;
        overflow: hidden;
        white-space: nowrap;
        width: 375px;
    }

    .tableLayout div.prodSizeArray {
        color: #888;
        display: inline;
        font-size: 1em;
        margin: 0 10px;
    }

    .tableLayout div.prodTitle {
        color: #923336;
        font-size: 1.2em;
        height: 20px;
        margin-left: 10px;
    }

    .tableLayout span.price {
        color: #000000;
        display: inline;
        font-size: 1.2em;
    }

    .tableLayout .starAndMag {
        float: right;
        margin-right: 120px;
        margin-top: -30px;
        position: relative;
    }

    .tableLayout.odd {
        background-color: #f6f6f6;
    }

.tblOption {
    border-top: solid 1px #888;
    margin-bottom:20px;
}

a.bookmarkLink, a.delToggle, a.printSpecs {
    display: block;
    float: right;
    height: 21px;
    width: 164px;
}

    a.bookmarkLink span, a.delToggle span, a.printSpecs span {
        color: #555555;
    }

a.btnAdd {
    background-image: url(/images/layout/addButton.jpg);
    background-repeat: no-repeat;
}

a.btnBookmark, a.delToggle, a.printSpecs {
    background: url(/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    cursor: pointer;
    float: right;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12.9667px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    margin: .5em .4em .5em 0;
    outline: medium none;
    overflow: visible;
    padding: .2em .6em .3em;
    text-decoration: none;
    width: 150px;
}

a.btnUpdate {
    background-image: url(/images/layout/updateButton.jpg);
    background-repeat: no-repeat;
}

a.prdlink span {
    color: #555555;
}

button.prdlink {
    display: block;
    float: right;
}

div.leftmenuSep {
    /*background: url(/images/layout/stitchSep-leftMenu.jpg) no-repeat scroll center center;*/
    height: 9px;
    margin-top: 10px;
}

    div.leftmenuSep hr {
        display: none;
    }

div.stitchSep-onBrown {
    /*background: url(/images/layout/stitchSep-onBrown.jpg) no-repeat scroll center center;*/
    height: 9px;
    margin: 5px 0;
}

    div.stitchSep-onBrown hr {
        display: none;
    }

div.stitchSep-onWhite {
    margin: 1px 0 7px 0;
    height: 9px;
    border-bottom: 1px solid #fff;
}

    div.stitchSep-onWhite hr {
        display: none;
    }

img.give20top {
    margin-top: 20px;
}

td.prodOptTitle {
    /*color: #c07932;*/
    font-size: 1.05em;
    font-weight: 700;
}

tr.prodSepRow {
    background: #fff;
    height: 10px;
    border-top:2px solid #888;
}

    tr.prodSepRow td {
        /*background: green;*/
    }

ul.listItemsOnOrder li {
    font-size: .9em;
}


tr.hideDels {
    display: none;
}

div.rightColTop, div.rightColBot, div.loginColTop, div.loginColBot {
    width: 170px;
    height: 12px;
    margin: 0px 5px 0px;
}

div.rightColTop {
}

div.rightColBot {
    margin-bottom: 10px;
}



div.loginColTop {
}

div.loginColBot {
    margin-bottom: 10px;
}



div.leftColBot {
    width: 196px;
    height: 12px;
    margin: 0px 0px 0px;
    margin-bottom: 10px;
}


div.centreColTop, div.centreColBot {
    width: 574px;
    height: 12px;
    margin: 0 0px;
    padding: 0px;
}

div.centreColTop {
}

div.centreColBot {
    margin-bottom: 10px;
}


#catDiv {
}

#centrecolumn h2 {
    padding: 0px;
    margin: 0px;
}

.prodSpecDetailDiv {
    float: left;
    padding: 5px;
}

div.prodSpecDetailDiv li {
    list-style-type: none;
    padding: 1px;
}

.prodSpecButtonsDiv {
    float: right;
}

.liHeading {
    background-color: #ddd;
}

#warning {
    font-size: 24px;
}


div.customerFlow {
    width: 340px;
    height: 75px;
    padding: 10px;
    margin: 10px;
}

div.cfOkay {
    background-color: #d0efdd;
}

div.cfProb {
    background-color: #f8c4c4;
}

div.cfGrey {
    background-color: #efefef;
}

div.cfLeft {
    float: left;
}

div.cfRight {
    float: right;
}

div.custDetailModalContent {
    font-size: 0.9em;
}

    div.custDetailModalContent input {
        font-size: 0.9em;
    }

.over {
    cursor: hand;
}



.loginFailMsg {
    background-color: #FF5F5F;
    margin: 15px 0;
}


.repCbxLi {
}




#accountTestGraph_cbxlstReps.repCbxLi label, #accountCustomerActivity_cbxlstReps.repCbxLi label {
    padding: 0px 15px 0px 0px;
    margin: 0 0 0 0px;
}



.warn {
    border: solid 1px #CFCFCF;
    background-color: #FFEFEF;
    padding: 5px;
    margin: 5px;
}



a.groupBtn {
    color: #333333;
    background-color: #dddddd;
    border: 1px solid #cccccc;
    padding: 3px;
    margin: 0px;
    text-decoration: none;
    line-height:2;
}

a.groupRed {
    background-color: #bbb;
}


div.warning {
    display: block;
    padding: 5px;
    margin: 5px;
    font-size: 0.8em;
    background-color: #FFEFEF;
    line-height: 1.2;
}


h2.prodPanelTitle {
    color: #888;
    font-weight: normal;
    font-size: 3em;
    /*clear: both;*/
    /*padding-left: 10px;*/
    margin: 0;
    /*padding-top: 30px;*/
}



input.spinbox {
    color: #923336;
    /*background-color: #e0d9d9;*/
    font-size: 1.5em;
    padding: 3px 4px;
    
}


#prodHolder h2 {
margin-bottom:10px;
}


div.edescArray {
    /*width: 60%;*/
}
div.prodFeatureDetailDiv {
    float:left;
    /*width:45%;*/
}

div.prodEdescDetailDiv {
    float:left;
    /*width:45%;*/
}

div.prodInspCopyDetailDiv {
    width:80%;
    padding-bottom:10px;
    font-size:1.2em; line-height:1.2;
    color:#222; font-style:italic;
}

#prodListImg {
    float: right;
    margin: 0 0 10px 10px;
}

