/* HTML ELEMENTS */

html {
    overflow-y: scroll;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #444444;
    line-height: 20px;
    background-color: #FFF;
    text-align: left;
}

a {
    color: #2386b9;
    text-decoration: none;
}

br {
    clear: both;
}

p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h1 {
    display: inline;
    line-height: 20px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    border-radius: 5px;
    margin: 0px;
    vertical-align: middle;
}

    h1.h1women {
        color: #B65A9B;
    }

h2 {
    display: inline;
    font-size:14px;
    color:#000;
    font-family:Arial, Tahoma, Verdana;
    font-weight:normal;
    line-height: 25px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

  h2.h2women {
        color: #B65A9B;
    }

    h2 a {
        color:#0E507E;
    }

h3 {
    display: inline;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    font-family:Arial, Tahoma;
    font-size: 14px;
    color:#4a4a4a;
    font-weight: normal;
    vertical-align: middle;
}

h4 {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    color: #444444;
    line-height: 25px;
    vertical-align: middle;
}

h5 {
    display: inline;
    font-size: 11px;
    line-height: 25px;
    color: #DDD;
    vertical-align: top;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #999;
}

h6, h6 a {
    font-size: 11px;
    line-height: 18px;
    color: #AAA;
    vertical-align: top;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

h5 a:hover {
    color: #EEE;
}

img {
    border: none;
}

textarea {
    display: inline-block;
    font-family: Arial, Tahoma;
    font-size: 12px;
    border: 1px solid #DDD;
    height: 70px;
    width: 300px;
    color: #333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 2px;
    border-radius: 3px;
}

/* MASTER PAGE STRUCTURE */

#topbarfiller {
    display:block;
    height:96px;
}

#topmostbar {
    height:25px;
    width:100%;
    background-color:#EEE;
    position:absolute;
    top:0px;
    z-index:3;
}

#topbar {
    display:block;
    height: 60px;
    width:100%;
    background-color: #FFF;
    padding: 5px 0px 5px 0px;
    color: #222222;
    font-family: Arial, Tahoma;
    font-size: 15px;
    position:absolute;
    top:25px;
    z-index:3;
    border-bottom:1px solid #DDD;
}

#topbarcontents {
    margin-left:2.5%;
    margin-right:2.5%;
    width:95%;
    position:relative;
}

#divlogo { display:inline-block; position:absolute; left:0px; top:5px; width:200px; }
#divmenubutton { display:inline-block; position:absolute; z-index:3; padding:0px 5px 0px 5px; cursor:pointer; top:10px; left:180px; width: 90px; border-top:2px solid #FFF;  border-left:1px solid #FFF; }
#divsearch { display: inline-block; position:absolute; z-index: 2; top:10px; left:290px; right:310px; height:50px; padding: 0px; }
#toplinks { display:inline-block; position:absolute; width:300px; top:15px; right:0px; height:30px; text-align:right; }

#divmenubutton label {font-size: 11px; display:block; line-height:10px;}
#divmenubutton span {font-size:13px; font-weight:bold; }

#divcurr {
    display:inline-block;
    border:1px solid #4A95AD;
    border-radius:2px;
    float:right; 
}

    #divcurr a {
        font-size:12px;
        font-weight:bold;
        font-family:Arial, Tahoma;
        display:inline-block;
        text-align:right;
        float:left;
        padding:4px 5px 3px 5px;
    }

    #divcurr .currinactive {
         background-color:#DDD;
         color:#777777;
    }

     #divcurr .curractive {
        background-color:#4A95AD;
        background:linear-gradient(#4A95AD, #2F7590);
        color:#FFF;
    }

#divcart {
    display:inline-block;
    float:right; 
    margin-right:5px;
}

#toplinks-full { display: inline-block; float:right; }
#toplinks-mini { display: none; float:right; }

#divmobilemenubutton {margin-right:10px;}
#divmobilemenu { display: none; width: 100%; }
#divmobilemenu .mmsection { display:block; background-color:#333333; text-align:left; padding:7px 5px 7px 10px; line-height:20px; border-bottom:1px solid #222222; cursor:pointer; font-size: 14px; font-family:Arial, Tahoma; color: #FFF;}
#divmobilemenu .mmcat { display:block; background-color:#444444; text-align:left; padding:7px 5px 7px 15px; line-height:20px; border-bottom:1px solid #333333; cursor:pointer; font-size: 14px; font-family:Arial, Tahoma; color: #FFF;}
#divmobilemenu .mmsubcat { display:none; }
#divmobilemenu .mmsubcat a { display:block; background-color:#555555; text-align:left; padding:5px 5px 5px 20px; font-size: 14px; font-family: Arial, Tahoma; line-height:20px; border-bottom:1px solid #444444; color:#FFF; }

@media screen and (max-width: 800px) {
    #divmenubutton { display:none; }
    #divsearch { display:none; }
    #toplinks {width:170px; }
    #toplinks-full { display: none; }
    #toplinks-mini { display: inline-block; }
    #divlogo { margin-left: auto; margin-right: auto; float:none; }
}

#divmenu {
    display:none;
    border-top:none;
    padding:5px;
    width: 470px;
    margin-left:-6px;
    position:absolute;
    z-index:1;
    background-color:#fafac9;
    background:linear-gradient(#fafac9, #FFFFEE);
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
    border-bottom:1px solid #AAA;
}

#divmenubutton:hover {
    border-top: 2px solid #4A95AD;
    border-left:1px solid #AAA;
    background-color:#fafac9;
}

#divmenubutton:hover #divmenu {
    display:block;
}

    #divmenu a { font-size: 12px; color: #222; }
    #divmenu a:hover { color:#bf2929;}

    #divmenu .level1 { margin-left: 5px; }
    #divmenu .level2 { margin-left: 10px; font-weight: bold; }
    #divmenu .level3 { margin-left: 15px; }

#usermenufull {
    display:inline-block;
    position:relative;
    margin-right:5px;
}

#usermenuopen {
    display:none;
    position:absolute;
    z-index:2;
    top:30px;
    left:0px;
    background-color:#FFF;
    width:120px;
    right:0px;
    border:1px solid #DDD;
}

#usermenufull:hover #usermenuopen {
    display:block;
}

    #usermenuopen a {
        display:block;
        padding: 3px 0px 3px 5px;
        color:#2A2A2A;
        font-family:Verdana, Tahoma,Arial;
        font-size:12px;
        text-align:left;
    }

        #usermenuopen a:hover {
            color:#80356a;
        }

#tablesearch {
    width:100%;
}

#searchtext {
    height: 40px;
    width:100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    font-size: 15px;
    color: #AAA;
    border: 1px solid #CCC;
    border-right: none;
}

#searchresults {
    position: absolute;
    top:40px;
    z-index: 3;
    display: none;
    width:95%;
    min-height: 25px;
    margin: 0px;
    padding: 0px;
    border:1px solid #AAA;
    background-color: #FFF;
}

    #searchresults a {
        color: #222;
        background-color: #FAFAFA;
        display: block;
        line-height: 30px;
        clear: left;
        margin: 0px;
        padding: 3px;
        box-shadow: none;
        border-radius: 0px;
        border-left: 2px solid #FFF;
    }

        #searchresults a:hover {
            background-color: #DDD;
            color: #222;
            border-left: 2px solid #0E507E;
        }

        #searchresults a span {
            color: #0E507E;
        }

    #searchresults img {
        margin: 5px 0px 0px 5px;
        margin-left: 45%;
    }

#tdsearchbutton {
    width:70px;
    padding-left:5px;
    vertical-align:middle;
    text-align:center;
    background-color:#910000;
    background:linear-gradient(#910000, #BD0000);
}

    #tdsearchbutton a {
        color:#FFF;
        font-size:12px;
        font-weight:bold;
        font-family:Arial, Tahoma;
    }
      
#menubar {
    height: 40px;
    padding: 0px 2.5% 0px 2.5%;
    background-color: #BD0000;
    z-index: 1;
    clear: both;
    overflow: hidden;
    display:block;
}

.menuitem {
    display: inline-block;
    z-index: 2;
    padding:0px;
    margin:0px;
}
    /* Keep <p> here otherwise properties of <a> cascade to <a> in opening menu div also */

    .menuitem a {
        margin: 0px 0px 0px 0px;
    }

    .menuitem p a {
        display: inline-block;
        float: left;
        font-size: 13px;
        line-height:20px;
        padding:10px 5px 10px 5px;
        color: #FFF;
        text-align: center;
        border-right:1px solid #8b1717;
    }

    .menuitem:hover p a {
        border-bottom: none;
        background-color:#910000;
    }

    .menuitem .menubox {
        position: absolute;
        display: none;
        left:2.5%;
        right:2.5%;
        clear: both;
        margin: 0px 0px 0px 0px;
        padding: 0px 6px 10px 1px;
        z-index: 3;
        overflow: hidden;
        background-color: #FFF;
        border:3px solid #DDD;
        border-top:none;
    }

    .menuitem:hover .menubox {
        display: block;
    }

.menuboxdiv {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 1%;
    z-index: 3;
    width:18%;
    height:190px;
    overflow:hidden;
    margin-top:10px;
}

    .menuboxdiv span a {
        display:inline-block;
        font-size: 13px;
        line-height: 30px;
        color: #222;
    }

        .menuboxdiv span a:hover {
            color: #000;
        }

    .menuboxdiv label a {
        display:inline-block;
        font-size: 12px;
        line-height:25px;
        width:90%;
        padding-left: 15px;
        font-weight:normal;
        color: #444;
        border-left:2px solid #FFF;
    }

        .menuboxdiv label a:hover {
            color: #000;
            border-left:2px solid #dbd00c;
        }

#middlebar {
    min-height: 600px;
    clear: both;
    z-index: 0;
    overflow: hidden;
    background-color: #FFF;
}

#bottombar {
    font-size: 13px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    clear: both;
    color: #AAB2BD;
    border-top: 1px solid #CCC;
    background-color:#555;
    background:linear-gradient(#666, #222);
    background-position: bottom;
    background-repeat: repeat;
    line-height: 25px;
    color:#CCC;
}

@media screen and (max-width: 800px) { #divaboutus, #divpaymentmodes { display: none; }    #menubar { display: none; } }

#divaboutus {
    margin-right: 5%;
}

#bottombar .bottomheading {
    display:inline-block;
    font-size:18px;
    line-height:15px;
    margin-bottom:5px;
    color:#000;
}

#bottombar a {
    display:inline-block;
    color: #CCC;
}

    #bottombar a:hover {
        color: #fefea1;
    }

@media screen and (max-width: 800px) {
    #bottombar .bottomheading { font-size: 14px; }
}

/* browse.aspx */

.divleft {
    margin: 0px 0px 0px 0px;
    padding: 0px 1% 0px 1%;
    float: left;
    width: 20%;
    min-height: 700px;
    background-color: #EEE;
}

.divright {
    float: right;
    width: 75%;
    min-height: 700px;
    padding: 0px 1% 0px 1%;
    overflow: hidden;
}

@media screen and (max-width: 1000px) {
    .divleft { display:none; }
    .divright { width: 100%; text-align:center; }
}

.catbox {
    display: inline-block;
    width: 200px;
    height: 200px;
    border: 1px solid #DDD;
    margin: 0px 10px 20px 10px;
    position:relative;
}

    .catbox img {
        display: inline-block;
        width: 200px;
        height: 200px;
    }

    /* for main menu only */

    .catbox .catboxbg {
        display:none;
        position:absolute;
        left:0px;
        right:0px;
        top:0px;
        bottom:0px;
        background-color:#FFF;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    
    .catbox .catboxlinks {
        display:none;
        position:absolute;
        top:10px;
        width:180px;
        margin-left:10px;
    }

        .catbox .catboxlinks a {
            color:#000;
            font-size:13px;
        }

            .catbox .catboxlinks a:hover {
                color:#524f1b;
            }

    .catbox:hover .catboxlinks, .catbox:hover .catboxbg {
        display:block;
    }

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

    .catbox span {
        display: inline-block;
        height: 25px;
        width: 200px;
        position: absolute;
        z-index:1;
        left: 0px;
        bottom:0px;
        line-height: 25px;
        text-align: center;
        color: #FFF;
        background-color: #222;
        opacity: 0.7;
    }

    .catbox:hover span {
        opacity: 0.9;
    }

.pageloading {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 5px;
    color: #555;
    background-color: #DDD;
    border: none;
    cursor: pointer;
}

    .pageloading:hover {
        background-color: #EEE;
    }

    .pageloading img {
        margin: 3px 0px 0px 0px;
    }

.navhead {
    font-weight:bold;
    line-height: 30px;
    color: #393939;
    padding-left: 10px;
    text-shadow: 0px 1px 0px #FFF;
}

    .navhead:hover {
        color:#393939;
    }

.navitem {
    font-size: 12px;
    line-height: 25px;
    color: #000;
    padding-left: 20px;
    text-shadow: 0px 1px 0px #FFF;
}
    .navitem:hover {
        color: #000;
    }

.navitemsel {
    line-height: 25px;
    padding-left: 20px;
    color: #176093;
    text-shadow: 0px 1px 0px #FFF;
}

.navsubitem {
    font-size:12px;
    line-height: 25px;
    color: #000;
    padding-left:40px;
}

    .navsubitem:hover {
        color:#000;
    }

.navsubitemsel {
    line-height: 25px;
    padding-left: 40px;
    color: #1a74b2;
    text-shadow: 0px 1px 0px #FFF;
}

.divfilters {
    max-height: 118px;
    overflow-y: auto;
    padding-left: 15px;
    width: 90%;
}

#divmobilefilters { display: none; }

@media screen and (max-width: 1000px) {
    #divmobilefilters { display: block; }
}

/* cart.aspx */

.divitemsparent {
    width:100%;
    height:350px;
    max-height:420px;
    padding-top:5px;
    text-align:center;
    position:relative;
    overflow-x:hidden;
    overflow-y:hidden;
}


.divscrollleft {
    position:absolute;
    left:0px;
    top:35%;
    bottom:45%;
    width:40px;
    border-radius:5px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    box-shadow:#AAA 2px 0px 2px;
    opacity:0.3;
    filter: alpha(opacity=30);
    background-color:#FFFFEE;
    cursor:pointer;
    z-index:3;
}

.divscrollright {
    position:absolute;
    right:0px;
    top:35%;
    bottom:45%;
    width:40px;
    border-radius:5px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    box-shadow:#AAA -2px 0px 2px;
    opacity:0.3;
    filter: alpha(opacity=30);
    background-color:#FFFFEE;
    cursor:pointer;
    z-index:3;
}

    .divscrollright span, .divscrollleft span {
        font-size:30px;
        vertical-align:middle;
        position:absolute;
        top:35%;
        left:30%;
        color:#000;
    }

@media screen and (max-width: 1000px) {
    .divscrollright, .divscrollleft { display:none; }
}

    .divscrollleft:hover, .divscrollright:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    } 

.divitems, .divitemshidden {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:-25px;
    white-space: nowrap;
    overflow-y:hidden;
    overflow-x:scroll;
    -webkit-overflow-scrolling: touch;
}

.divitemshidden {
    display:none;
}

.divsubcats {
    width:100%;
    border:1px solid #DDD;
    height:30px;
    overflow:hidden;
}

    .divsubcats .subcatunsel {
        display:inline-block;
        padding:0px 10px 0px 10px;
        line-height:30px;
        cursor:pointer;
    }

        .divsubcats .subcatunsel a {
            color:#555;
        }


        .divsubcats .subcatunsel:hover a {
            color:#2386b9;
        }
        
    .divsubcats .subcatsel {
        display:inline-block;
        padding:0px 10px 0px 10px;
        line-height:30px;
        background-color:#2386b9;
        cursor:pointer;
    }

        .divsubcats .subcatsel a {
            color:#FFF;
        }

        .divsubcats .subcatsel a::before {
            width: 0px;
            height: 0px;
            z-index:2;
            border-style: solid;
            border-width: 5px;
            border-color: #2386b9 transparent transparent transparent;  
            content:"";
            position:absolute;
            margin:30px 0px 0px 0px;
        }


#divdealbox {
    width:100%;
    border: 1px solid #ff4c4c;
    background-color: #FAFAFA;
    padding:1px;
}

#divdealheading {
    height: 30px;
    line-height: 30px;
    color: #FAFAFA;
    font-weight: bold;
    font-size: 13px;
    background-color: #ff4c4c;
    padding-left: 5px;
}

#infobox {
    text-align: left;
    display: none;
    top: 0;
    left:40%;
    position: fixed;
    z-index: 3;
    font-size:11px;
    font-weight:bold;
    padding: 0px;
    line-height:12px;
    background-color: #b08c16;
    color: #FFF;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    padding: 5px;
}

.boximg {
    float:left;
    margin-left:10px;
}

.boxtitle {
    float:left;
    color:#0E507E;
    line-height: 45px;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 30px;
    margin-left:5px;
}

.dialogback, .waitback {
    text-align: left;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    background-color: #FFF;
    opacity: 0.7;
    filter: alpha(opacity=80);
    margin: 0px;
}

.dialogbox {
    text-align: left;
    display: none;
    left: 50%;
    top: 100px;
    width: 50%;
    margin-left: -25%;
    position: fixed;
    z-index: 3;
    padding: 0px;
    background-color: #FFF;
    border:1px solid #BBB;
    border-bottom:5px solid #FBDB83;
    box-shadow: 0px 0px 5px 5px #BBB;
}

@media screen and (max-width: 1000px) {
    .dialogbox { width:90%; left:5%; top:50px; margin-left:0%; }
}

/* div to fit contents and not to take 100% width */
/* use inside a 'aligncenter' div to align even floating contents like index.aspx favories div */

.divfit {
    display: inline-block;
}

.cathead {
    display: block;
    line-height: 30px;
    background-color: #0E507E;
    border-bottom: 2px solid #777;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding-left: 5px;
    text-shadow: 0px 1px 0px #000;
}

    .cathead a {
        float: right;
        padding-right: 5px;
        font-size: 11px;
        font-weight: normal;
        color: #DDD;
    }

        .cathead a:hover {
            color: #FFF;
        }

.itembox {
    display: inline-block;
    position:relative;
    width: 17%;
    float:none;
    margin: 10px 5px 10px 5px;
    padding: 5px;
    background-color: #FFF;
    text-align:center;
    white-space:normal;
    box-shadow:0px 0px 2px 2px #DDD;
}

@media screen and (max-width: 1000px) {
    .itembox { width:38%; }
}

@media screen and (max-width: 400px) {
    .itembox { width:65%; }
}

    .itembox .stockout {
        position: absolute;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        background-color:#FFF;
        opacity:0.6;
        filter: alpha(opacity=60);
    }

        .itembox .stockout p {
            margin-top:40%;
            margin-left:25%;
            width:50%;
            border:1px solid #000;
            font-size:11px;
            color:#000;
        }

    .itembox .offerlabel {
        position: absolute;
        left:10px;
        top:0px;
        width: 40px;
        height: 25px;
    }

    .itembox .itemimg {
        display: block;
        width: 100%;
        height: 75%;
        max-width:180px;
        max-height:240px;
        margin-left:auto;
        margin-right:auto;
    }

    .itembox .itemtitle {
        display:inline-block;
        height:30px;
        overflow:hidden;
        font-size:12px;
        line-height:18px;
        padding: 5px;
        vertical-align: bottom;
        clear: both;
        float:left;
        text-align:left;
        color:#6A6A6A;
    }
    
    .itembox .itemprice {
        display:inline-block;
        height:20px;
        margin: 0px;
        text-align:left;
        float:left;
    }

    .itembox .pricemrp {
        margin: 0px 5px 0px 0px;
    }

    .itembox .pricesale {
        margin: 0px 5px 0px 0px;
    }

    .itembox .offlabel {
        display: inline-block;
        background-color:#6AB853;
        font-size: 10px;
        line-height:15px;
        color: #FFF;
        margin: 0px 0px 0px 0px;
        padding: 0px 2px 0px 2px;
        text-shadow:none;
    }

.itemboxsmall {
    display: inline-block;
    width: 100%;
    position:relative;
    margin: 0px 20px 10px 0px;
    padding: 5px 0px 5px 0px;
    text-align:center;
}

    .itemboxsmall .itemimg {
        display: block;
        width: 100%;
        height: 75%;
        max-width:135px;
        max-height:180px;
        margin-left:auto;
        margin-right:auto;
    }

    .itemboxsmall .itemtitlesmall {
        font-size: 12px;
        display: block;
        line-height: 15px;
        margin: 5px 0px 0px 0px;
        padding: 5px;
        text-align: center;
        vertical-align: bottom;
        clear: both;
    }

    .itemboxsmall .pricesale {
        text-align: left;
        height: 20px;
        margin: 0px;
        padding: 5px 0px 5px 5px;
    }

    .itemboxsmall .offlabel {
        display: inline-block;
        float:right;
        font-size: 11px;
        color: #FFF;
        background-color: #2EB034;
        margin: 0px 0px 0px 10px;
        padding: 0px 5px 0px 5px;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        text-shadow:none;
    }
    
.pricemrp {
    font-size:12px;
    line-height:25px;
    vertical-align:top;
    color: #999;
    text-decoration:line-through;
}

.pricesale {
    font-size: 16px;
    color: #2E353F;
    line-height:25px;
    vertical-align:top;
}

.pricesave {
    font-size: 14px;
    color: #3a8b45;
    line-height:25px;
    vertical-align:top;
}

.left50 {
    width: 48%;
    float: left;
}

@media screen and (max-width: 400px) {
    .left50 { width:97%; }
}

#divcheckout {
    display:block;
    width:100%;
    float: left;
    border: 1px solid #DDD;
    border-radius:5px;
}

    #divcheckout #divordersteps {
        background-color:#EEE;
        border-bottom:1px solid #DDD;
        padding:5px 10px 5px 10px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
    }

    #divcheckout #divordercontent {
        padding:5px 10px 5px 10px;
    }

.checkhidden {
    display: none;
}

.checktext {
    display: inline-block;
    line-height: 15px;
    font-size: 12px;
    color: #444;
    cursor: pointer;
    padding-left: 20px;
    background-image: url("/images/checkempty.png");
    background-position: left;
    background-repeat: no-repeat;
    text-shadow: 0px 1px 0px #FFF;
}

    .checktext:hover {
        color: #1a74b2;
    }

.selhead {
    display: inline-block;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-shadow: 0px 1px 0px #FFF;
}

.selcombo {
    display: inline-block;
    font-size: 12px;
    color: #444;
    border: 1px solid #DDD;
}

    .selcombo option {
        line-height: 20px;
        height: 20px;
    }

.filtertext {
    display: inline-block;
    line-height: 15px;
    font-family: Verdana;
    font-size: 11px;
    color: #222;
    background-color: #EEE;
    border: 1px solid #DDD;
    padding: 1px 1px 1px 3px;
    margin: 0px 5px 5px 0px;
    border-radius: 2px;
    text-shadow: 0px 1px 0px #FFF;
}

    .filtertext:hover {
        color: #0E507E;
    }

.clearfilter {
    float: right;
    margin: 0px 0px 0px 2px;
    display: inline-block;
    font-size: 8px;
    font-family: Arial;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    background-color: #0E507E;
    padding: 0px 7px 0px 7px;
    border-radius: 2px;
}

    .clearfilter:hover {
        background-color: #1a74b2;
    }
    
#imgfeature {
    border: 1px solid #DDD;
    margin-bottom: 6px;
}

.addressbox {
    display: inline-block;
    float: left;
    width: 30%;
    background-color: #FFF;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 5px 5px 10px 5px;
    border-radius: 5px;
    border: 1px solid #DDD;
    line-height: 25px;
    overflow-y: auto;
}

    .addressbox .selbar {
        background:none;
        float:right;
        width:50px;
        height:50px;
        background-repeat: no-repeat;
    }

    .addressbox:hover {
        background-color:#ffffe8;
        border:1px solid #9a8d28;
    }

/* checkout.aspx */

.ordertotal {
    font-size: 18px;
    color: #199a18;
}