@import url(https://fonts.googleapis.com/css?family=Pavanam);
/*font-family: 'Pavanam', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Share+Tech);
/*font-family: 'Monda', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Monda);
/*font-family: 'Monda', sans-serif;*/

body
{
     background-color: #EAE7E0;
     color: #002E7A;
     background-image: none;
     background-repeat: no-repeat;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: normal;
     }
body.Admin
{
     margin: 0px;
     background-color: #FFFFFF;
     color: #000000;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: normal;
     background-image: none;
     background-repeat: no-repeat;
}
.Primary
{
     background-color: #AAA7A0;
     color: #000000;
     font-family: 'Monda', sans-serif;
     font-weight: normal;
     font-size: 10pt;
}
.PrimaryHeader
{
     background-color: #AAA7A0;
     color: #000000;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 12pt;
}
.PrimaryBoldText
{
     /*background-color: #AAA7A0;*/
     color: #000000;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
.PrimaryEnlargedText
{
     background-color: #AAA7A0;
     color: #000000;
     font-family: 'Monda', sans-serif;
     font-weight: normal;
     font-size: 12pt;
}
.PrimaryReducedText
{
     background-color: #AAA7A0;
     color: #000000;
     font-family: 'Monda', sans-serif;
     font-weight: normal;
     font-size: 8pt;
}
.Secondary
{
     background-color: #0075b2;
     color: #FFFFFF;
     font-family: "Monda", sans-serif;
     font-size: 10pt;
     font-weight: normal;
}
.SecondaryHeader
{
     background-color: #0075b2;
     color: #FFFFFF;
     font-family: "Monda", sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
.SecondaryBoldText
{
     background-color: #0075b2;
     color: #FFFFFF;
     font-family: "Monda", sans-serif;
     font-size: 16px;
     font-weight: bold;
     padding: 10px 0;
}
.SecondaryEnlargedText
{
     background-color: #0075b2;
     color: #FFFFFF;
     font-family: "Monda", sans-serif;
     font-size: 12pt;
     font-weight: normal;
}
.SecondaryReducedText
{
     background-color: #0075b2;
     color: #FFFFFF;
     font-family: "Monda", sans-serif;
     font-size: 8pt;
     font-weight: normal;
}
.Accent
{
     color: #000000;
     background-color: #FDF9EF;
     font-family: 'Monda', sans-serif;
     font-weight: normal;
     font-size: 10pt;
}
.AccentHeader
{
     color: #000000;
     background-color: #FDF9EF;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 12pt;
}
.AccentBoldText
{
     color: #000000;
     background-color: #FDF9EF;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
.AccentEnlargedText
{
     color: #000000;
     background-color: #FDF9EF;
     font-family: 'Monda', sans-serif;
     font-weight: normal;
     font-size: 12pt;
}
.AccentReducedText
{
     color: #000000;
     background-color: #FDF9EF;
     font-family: 'Monda', sans-serif;
     font-weight: normal;
     font-size: 8pt;
}
.Splash
{
     color: #FFFFFF;
     background-color: #FFFFFF;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
.SplashHeader
{
     color: #FFFFFF;
     background-color: #FFFFFF;
     font-family: 'Monda', sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
.SplashBoldText
{
     color: #FFFFFF;
     background-color: #FFFFFF;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
.SplashEnlargedText
{
     color: #FFFFFF;
     background-color: #FFFFFF;
     font-family: 'Monda', sans-serif;
     font-size: 12pt;
     font-weight: normal;
}
.SplashReducedText
{
     color: #FFFFFF;
     background-color: #FFFFFF;
     font-family: 'Monda', sans-serif;
     font-size: 8pt;
     font-weight: normal;
}
.GridRowOdd
{
     color: #000000;
     background-color: #FFFFFF;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: normal;
}
.GridRowEven
{
     color: #000000;
     background-color: #DDDDDD;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: normal;
}
.DefaultText
{
     color: #002E7A;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: normal;
}
.BoldText
{
     color: #002E7A;
     font-family: 'Monda', sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
.EnlargedText
{
     color: #002E7A;
     font-family: "Monda", sans-serif;
     font-size: 12pt;
     font-weight: normal;
}
.HeaderText
{
     color: #002E7A;
     font-family: "Monda", sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
.ReducedText
{
     color: #002E7A;
     font-family: "Monda", sans-serif;
     font-size: 8pt;
     font-weight: normal
}
.HomebaseText
{
     color: #000000;
     background-color: #FFFFFF;
     font-family: 'Monda', sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
table.TableWithBorder
{
     /*background-color: #EAE7E0;*/
     /*border-bottom: #ccc 1px solid;*/
     /*border-left: #0075b2 1px solid;
     border-right: #0075b2 1px solid;*/
     /*border-top: #ccc 1px solid;*/
     color: #002E7A;
     font-family: "Monda",sans-serif;
     font-size: 10pt;
     font-weight: normal;
     empty-cells: show;
}
.TableWithBorderHeader
{
     background-color: #0075b2;
     border-bottom: #0075b2 1px solid;
     border-left: #0075b2 1px solid;
     border-right: #0075b2 1px solid;
     border-top: #0075b2 1px solid;
     color: #FFFFFF;
     font-family: "Pavanam",sans-serif;
     font-size: 14pt;
     font-weight: bold;
     empty-cells: show;
}
.Outline
{
     background-color: #0075b2;
     border-bottom: #0075b2 1px solid;
     border-left: #0075b2 1px solid;
     border-right: #0075b2 1px solid;
     border-top: #0075b2 1px solid;
     color: #FFFFFF;
     font-family: "Pavanam",sans-serif;
     font-size: 14pt;
     font-weight: bold;
     empty-cells: show;
}
.Error
{
     background: none !important;
     color: #00478a !important;
     font-family: "Pavanam",sans-serif;
     text-transform: uppercase;
     font-size: 14pt;
     font-weight: bold;
}
.FormElementInput
{
    border: 1px solid #cccccc;
     background-color: #FFFFFF;
     color: #000000;
     font-family: "Monda",sans-serif;
     font-weight: normal;
     padding: 7px;
     font-size:14px;
     color: rgba(0, 0, 0, 0.75);
     -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.FormElementInput:focus{
       background: #fafafa none repeat scroll 0 0;
    border-color: #999999;
    outline: medium none;
    -webkit-box-shadow:0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow:0 0 5px #999999;
}

.FormButtons
{
     color: #fff;
     background-color: #a0b235;
     /*border-color: #0075b2;*/
     /*border-width: 1px;*/
     border: none;
     font-family: "Monda", sans-serif;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     cursor: hand;
     padding: 8px 15px;
     text-transform: uppercase;
}
.FormButtons:hover{background: #ccc;}
a { text-decoration: none; }
a:link { color: #9ab63e; }
a:visited { color: #9ab63e; }
a:hover { color: #0075b2; }
a.menu
{
     text-decoration: none;
     color: #0075b2;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
a.menu:link { color: #0075b2; }
a.menu:visited { color: #0075b2; }
a.menu:hover  { color: #EAE7E0; }
a.Gridmenu
{
     text-decoration: none;
     color: #CAB7A8;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
a.Gridmenu:link { color: #CAB7A8; }
a.Gridmenu:visited { color: #CAB7A8; }
a.Gridmenu:hover  { color: #A3C0BC; }
a.Homebase
{
     text-decoration: none;
     color: #0075b2;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 12pt;
}
a.Homebase:link { color: #0075b2; }
a.Homebase:visited { color: #0075b2; }
a.Homebase:hover  { color: #AAA7A0; }
a.FormFileManagerFileList
{
     text-decoration: none;
     color: #0075b2;
     font-family: 'Monda', sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
a.FormFileManagerFileList:link{ color: #0075b2; }
a.FormFileManagerFileList:visited{ color: #0075b2; }
a.FormFileManagerFileList:hover
{
     color: #EAE7E0;
     background-color: #0075b2;
}


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    direction: ltr;
    margin: 0;
    padding: 0;
}
a {
    color: #2ba6cb;
    line-height: inherit;
    text-decoration: none;
}
a:hover, a:focus {
    color: #2795b6;
}
a img {
    border: medium none;
}
p {
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.25em;
    text-rendering: optimizelegibility;
}
p aside {
    font-size: 0.875em;
    font-style: italic;
    line-height: 1.35;
}
h1, h2, h3, h4, h5, h6 {
    color: #222222;
font-family: 'Pavanam', sans-serif;
    font-style: normal;
    font-weight: bold;
    /*line-height: 1.2125em;*/
    line-height:1;
    margin-bottom: 0.5em;
    /*margin-top: 0.2em;*/
    margin-top:0 !important;
    text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0;
}
h1 {
    font-size: 2.125em;
}
h2 {
    font-size: 1.6875em;
}
h3 {
    font-size: 1.375em;
}
h4 {
    font-size: 1.125em;
}
h5 {
    font-size: 1.125em;
}
h6 {
    font-size: 1em;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dddddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25em 0 1.1875em;
}
em, i {
    font-style: italic;
    line-height: inherit;
}
strong, b {
    font-weight: bold;
    line-height: inherit;
    }







/*********************** START NEW INLINE CART CSS ************************************/
#cartContainerInline {
    display: none;
}

/* Overlay */
#simplemodal-overlay {
    background-color: #333;
}

/* Container */
#simplemodal-container {
    height: 201px;
    width: 728px;
    color: #333;
    background-color: #FFF;
    padding: 0px;
    border-radius: 10px;
}
 #simplemodal-container a.modalCloseImg {
            background: url(../content/images/x.png) no-repeat;
            width: 40px;
            height: 40px;   
            display: inline;
            z-index: 3200;
            position: absolute;
            top: -15px;
            right: -16px;
            cursor: pointer;
        }

    #simplemodal-container h3 {
        color: #84b8d9;
    }


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        margin-bottom: 5px;
    }

    .bx-wrapper .slide {
        height: 200px;
        text-align: center;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    /** THEME
===================================*/

    .bx-wrapper .bx-viewport { 
        left: -5px;
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(../content/images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
        display: none;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        left: -27px;
        background: url(../content/images/controls.png) no-repeat 0 -32px;
    }

    .bx-wrapper .bx-next {
        right: -29px;
        background: url(../content/images/controls.png) no-repeat -43px -32px;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -65px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(../content/images/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(../content/images/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }


.inlinecarttotalsbg
{
background: none repeat scroll 0 0 #F8F8F8;
    height: 201px;
    position: absolute;
    right: 0;
    width: 372px;
    z-index: 1;

}
.inlinecarttotals {
 float: left;
    margin-left: 30px;
    padding-top: 38px;
    vertical-align: top;
    width: 41%;
    z-index: 3;
    position: relative;
}

#InlineCartRelatedInfo {
    border-top: 1px solid #ededed;
    clear: both;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    display:none;
}
/* basic scrollbar styling */
#inlinecartscrollbar {
border-right: 1px solid #ededed;
    float: left;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 46%;
}

    #inlinecartscrollbar .viewport {
        width: 94%;
        height: 110px;
        overflow: hidden;
        position: relative;
    }

    #inlinecartscrollbar .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #inlinecartscrollbar .scrollbar {

        
        position: relative;
        background-position: 0 0;
        float: right;
        width: 15px;
        height: 110px !important;
    }

    #inlinecartscrollbar .track {
    width: 6px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
        position: relative;
        box-shadow: 0 0 3px #333333 inset;
    }

    #inlinecartscrollbar .thumb {
        background: #333;
        border-radius: 10px;
        height: 100%;
        margin: 0 auto;
        text-align: center;
        width: 6px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
    }

        #inlinecartscrollbar .thumb .end {
            overflow: hidden;
            height: 5px;
            width: 25px;
        }

    #inlinecartscrollbar .disable {
        display: none;
    }

.noSelect {
    -ms-user-select: none;
    
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.inlinecartheader
{
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}
#cartHeaderInline
{
    font-size: 18px;
    font-weight: bold;
    color: #1c8200;
    background: url(../content/images/addedtocart.png) no-repeat left;
    padding-left: 40px;
    height: 26px;
    padding-top: 5px;
}
.inlinecartitemimage
{
    float: left;
    margin-right: 15px;
}
.inlineitemdetails
{
    float: left;
    font-size: 11px;
    width: 60%;
}
.inlinecartitembreak
{
    clear:both;
    padding-top: 15px;
}
.inlineitemname
{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 2px;
}
.inlinecartbody
{
    margin-left: 20px;
}

.inlinecartitems
{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.inlinecartsubtotal
{
    font-size: 13px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.inlinecartviewitems a,
.inlinecartviewitems a:link,
.inlinecartviewitems a:visited,
.inlinecartviewitems a:hover
{
background: none repeat scroll 0 0 #333 !important;
    border: 0 !important;
    color: #FFFFFF !important;
    float: left;
    font-size: 10px !important;
    font-weight: bold !important;
    margin-top: 15px;
    padding: 9px !important;
    text-transform: uppercase !important;
    width: 40%;
    cursor: pointer;
}
a.InlineCartCheckoutCart,
a.InlineCartCheckoutCart:link,
a.InlineCartCheckoutCart:visited
{
 background: none repeat scroll 0 0 #ccc !important;
    border: 0 !important;
    color: #FFFFFF !important;
    float: right;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-top: 15px;
    padding: 9px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase !important;
    width: 40%;
}
a.InlineCartCheckoutCart:hover
{
    background: #a0b235 !important;
}
.InlineCartRelatedItemsHeader
{
    font-size: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    margin-left: 7px;
}
#InlinecartRelatedItems a,
#InlinecartRelatedItems a:link,
#InlinecartRelatedItems a:visited
{
    font-size: 12px;
    color: #bb3705;
}
#InlinecartRelatedItems a:hover{
    color:#333;
}
#InlinecartRelatedItems
{
    font-size: 12px;
    line-height: 18px;
}
#cartInline
{
    float: right;
    font-size: inherit;
    font-weight: normal;
    cursor: pointer;
}
/*********************** END NEW INLINE CART CSS ************************************/










/* NEW CART CSS*/
#cartContainerDiv,
#frmCart {
    width: 100%;
    float: left;
}

#COMEmptyCart {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

#JSONCart,
#COMCartSummaryBox {
    border-top: 1px solid #808080;
    /*border-left: 2px solid #666;
    border-right: 2px solid #666;*/
    border-bottom: 1px solid #808080;
}

.COMCartHeader {
    background: #0075b2;
    text-align: center;
    padding: 7px;
    font-weight: bold;
    color: #fff !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.COMCartItemImage {
    width: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
}

.COMCartItemDetails {
    width: 40%;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
}

.COMCartItemQTY {
    width: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
    text-align: center;
}

.COMCartItemPriceTD {
    width: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
    text-align: center;
}

.COMCartItemTotal {
    width: 10%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
}

.COMCartDeleteBtn .FormButtons,
.COMCartClearSave .FormButtons {
    background: none repeat scroll 0 0 #333333 !important;
    border: 1px solid #333333 !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 2px !important;
    text-transform: none !important;
    margin-top: 15px;
}

#COMCartSavedCartHolder .FormButtons {
    background: none repeat scroll 0 0 #666;
    border: 1px solid #666;
    color: #FFF;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 2px !important;
    text-transform: none !important;
    margin-top: 0px !important;
    cursor: pointer;
}

.SaveCartNoCarts {
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 15px;
}

.gips-container .Formbuttons {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #333 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 2px !important;
    text-transform: none !important;
    margin-top: 0px !important;
    text-align: center;
}

.RenameCartRow .FormButtons {
    width: 55px !important;
    margin-left: 15px;
}

.RenameCartRow .FormElementInput {
    width: 240px !important;
}
.COMCartUpdateButton .FormButtons,
.COMCartDeleteBtn .FormButtons,
.FormButtonsDisabled {
    background: transparent !important;
    border: 0px !important;
    color: #333 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 2px !important;
    width: 75%;
    font-family: Arial;
    margin-top: 10px;
    text-decoration: underline;
    text-transform: uppercase !important;
}

.COMCartSeparator {
    background: #ccc;
    height: 1px;
}

.COMCartDeleteBtn {
    margin-top: 7px;
}

.COMCartSubtotalLeft {
    font-size: 14px !important;
    font-weight: bold !important;
    padding-right: 10px;
    text-align: right;
}

.COMCartSubtotalRight {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #620E0E !important;
    text-align: right !important;
    padding-right: 15px !important;
}

.COMCartBottomSeparator {
    display: none;
}

.COMCartClearSave span {
    float: left;
    width: 95px;
    text-align: left;
}

.COMCartClearSave .FormButtons {
    width: 90% !important;
    padding: 5px 8px !important;
}

.COMCartClearSave {
    float: left;
}

.COMCartCheckoutShop {
    float: right;
    width: 315px;
    text-align: right;
}

    .COMCartCheckoutShop span {
        text-align: right;
    }
#transChangeShipLeft {
    display: none;
}
#COMConShopSpanNew {
    float: right;
    vertical-align: top;
}

    #COMConShopSpanNew .FormButtons {
        background: none !important;
        width: 144px !important;
        text-transform: none !important;
        border: 0px !important;
        text-decoration: underline !important;
        font-weight: bold !important;
        color: #333 !important;
        font-size: 13px;
        padding-top: 8px;
    }

#COMCheckoutSpan .FormButtons {
    width: 145px !important;
    margin-left: 25px;
    margin-bottom: 5px;
    padding: 7px !important;
    color: #fff !important;
}

#COMCheckoutPaypalSpan,
#COMCheckoutSpan {
    float: right;
}

#COMCartCheckoutShopButtons #COMConShopSpanNew,
#COMCartCheckoutShopButtons #COMCheckoutSpan,
#COMCartCheckoutShopButtons #COMCheckoutPaypalSpan {
    margin-top: 15px;
}

.cartclearboth,
.clearboth,
.clearBoth
{
    clear: both;
}

#SaveCartDiv {
    width: 75%;
    margin-top: 40px;
}

.SavedCartHeader {
    font-size: 20px !important;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
}

#SaveCartConfirm,
#SaveCartLoadConfirm {
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    color: #620E0E;
}

    #SaveCartLoadConfirm a,
    #SaveCartLoadConfirm a:link,
    #SaveCartLoadConfirm a:visited {
        color: #333 !important;
        text-decoration: underline;
    }

.COMCartErrorDiv {
    margin-bottom: 10px;
    margin-top: 10px;
}

.COMSaveCartModal {
    background: #fff;
    width: 450px;
    padding-bottom: 10px;
}

    .COMSaveCartModal td {
        padding: 6px !important;
    }

    .COMSaveCartModal .FormButtons {
        background: none repeat scroll 0 0 #333333 !important;
        border: 1px solid #333333 !important;
        color: #FFFFFF !important;
        font-size: 11px !important;
        font-weight: bold !important;
        padding: 2px !important;
        text-transform: none !important;
        margin-top: 15px;
        width: 98% !important;
    }

.COMSaveCartModalHeader {
    font-size: 14px !important;
    font-weight: bold;
    padding-bottom: 5px;
    background: #620E0E;
    color: #fff !important;
}

#COMStartShopping {
    margin-bottom: 30px;
}

.COMCartModifier {
    float: left;
    width: 50%;
}

.COMCartSubtotalLeftTable {
    background: #f2f2f2;
}

#cartbuttonstop {
    margin-bottom: 10px;
    margin-top: -10px;
    float: right;
}

#cartError {
    color: #FF0000;
    font-weight: bold;
    line-height: 2;
    text-align: left;
}

#JSONCart .FormElementInput {
    padding: 2px !important;
    width: 40px !important;
}

#JSONCart .imgError {
    margin: 0px 4px;
}

#COMCartSummaryBox {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    margin-right: -3px;
    margin-top: 15px;
    width: 305px;
    padding-bottom: 5px;
}

.COMCartSummaryBoxHeading {
    background: #808080;
    text-align: left;
    padding: 7px;
    font-weight: bold;
    color: #fff !important;
    font-size: 14px !important;
}

.COMCartSummarySubtotal,
.COMCartSummaryEstimatedShipping,
.COMCartSummaryTotal {
    float: left;
    padding-left: 10px;
    padding-bottom: 4px;
}

.COMCartSummarySubtotalAmount,
.COMCartSummaryEstimatedShippingAmount,
.COMCartSummaryTotalAmount {
    float: right;
    padding-right: 10px;
    padding-bottom: 4px;
}

.COMCartSummaryFinePrint {
    font-size: 9px;
    color: #666;
    text-align: center;
    padding: 5px 10px;
}

.COMCartSummarySubtotal,
.COMCartSummarySubtotalAmount {
    margin-top: 10px;
}

.COMCartSummaryTotal,
.COMCartSummaryTotalAmount {
    font-weight: bold;
    font-size: 13px;
}

.COMCartSaveCartDiv {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
}

#savecartshowMoreLink {
    margin-left: 10px;
    font-weight: bold;
    font-size: 14px !important;
    text-decoration: underline !important;
    margin-top: 10px;
    display: block;
}

.COMSaveCartRemove {
    background: url("../content/images/remove_savecart.png") no-repeat;
    background-position: right top;
    display: block;
    height: 19px;
    width: 14px;
    cursor: pointer;
    padding-left: 25px;
}

.COMCartSavedCartRow {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 5px;
    margin-top: 5px;
}

#CartRelatedInfo {
    float: left;
    vertical-align: top;
    margin-top: 7px;
    width: 125px;
    margin-left: 50px;
}

.CartRelatedItemsHeader {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}

.CartRelatedItemsRow {
    margin-bottom: 15px;
    width: 115px;
}

    .CartRelatedItemsRow img {
        margin-bottom: 2px;
        width: 100px;
    }

#COMStartShopping .FormButtons {
    width: 250px !important;
}

.COMCartProdIMG {
    margin-right: 5px;
}

#COMMySavedCartSpan .FormButtons {
    width: 110px !important;
    background: none !important;
    border: 0px !important;
    text-decoration: underline;
    font-size: 13px !important;
    margin-left: 10px;
    color: #333 !important;
}

.SaveCartNewNameCancel {
    background: url('../content/images/cancel_rename.png') no-repeat;
    background-position: top;
    width: 14px;
    height: 16px;
    border: 0px;
    margin-left: 15px;
    cursor: pointer;
}

.CartNewNameSave {
    background: url('../content/images/rename_cart.png') no-repeat;
    background-position: top;
    width: 14px;
    height: 16px;
    border: 0px;
    margin-left: 15px;
    cursor: pointer;
}

.SaveCartRemoveInside {
    text-align: left;
    padding-right: 15px;
    height: 60px;
}

.SaveCartUseCart {
    text-align: left;
    padding-right: 15px;
}

    .SaveCartUseCart .FormButtons {
        width: 45% !important;
        text-align: center;
    }

#mainCartTable #Loading {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 45px;
    line-height: 2;
    padding: 15px;
    width: 160px;
    font-weight: bold;
    box-shadow: 0px 0px 10px #333;
}

.gips-container {
    height: 70px;
    width: 252px;
    position: absolute;
    line-height: 14px;
}

.gips-body {
    color: White;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    width: 220px;
    height: auto;
    padding: 10px;
    padding-right: 20px;
    position: relative;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-behavior: url(PIE.htc);
    behavior: url(PIE.htc);
}

    .gips-body.yellow {
        background-color: #620E0E;
    }

    .gips-body.red {
        background-color: #CB2026;
        padding-right: 20px;
        width: 210px;
    }

    .gips-body.green {
        background-color: #620E0E;
    }

.gips-close {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 5px;
    background: url('../content/images/close_callout.png');
    width: 16px;
    height: 14px;
}

.gips-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    position: absolute;
}

/*icon at the top*/

.gips-icon-top {
    margin-left: 12px;
}

    .gips-icon-top.red {
        border-color: transparent transparent #CB2026 transparent;
    }

    .gips-icon-top.green {
        border-color: transparent transparent #620E0E transparent;
    }
/*icon at the left*/

.gips-icon-left {
    margin-top: 12px; /*   float: left;*/
}

    .gips-icon-left.yellow {
        border-color: transparent #620E0E transparent transparent;
    }











/* CHECKOUT CSS */

body
{
    -webkit-text-size-adjust: none;
}
.FormButtons
{
    -webkit-appearance: none;

}
#checkoutcontainer .FormElementInput {
    background: #FFF;
    color: #000;
    border: 1px solid #b2b2b2;
    font-family: Arial;
    font-weight: normal;
}

#checkoutcontainer .FormButtons {
    color: #FFF;
    background: #0075b2;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    padding: 5px 18px;
    border: 0px;
}
#checkoutcontainer .FormButtons:hover
{
    background: #a0b235;
}
#checkoutcontainer .FormButtonsGray {
    color: #FFF;
    background: #777;
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#777)); 
     /* Safari 5.1, Chrome 10+ */ 
     background: -webkit-linear-gradient(top, #999, #777); 
     /* Firefox 3.6+ */ 
     background: -moz-linear-gradient(top, #999, #777); 
     /* IE 10 */ 
     background: -ms-linear-gradient(top, #999, #777); 
     /* Opera 11.10+ */ 
     background: -o-linear-gradient(top, #999, #777);
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    padding: 5px 18px;
    border: 0px;
}
#checkoutcontainer .FormButtonsGray:hover
{
    background: #777;
}

/* ***** BEGIN TINY BOX CLASSES ***** */
.tbox {
	position:absolute; 
	display:none; 
	padding:14px 17px; 
	z-index:900;
}
.tinner {
	padding:15px; 
	-moz-border-radius:5px; 
	border-radius:5px; 
	background:#fff url('../../../../Commerce/images/preload.gif') no-repeat 50% 50%; 
	border-right:0; 
	border-bottom:0;
    box-sizing: content-box;
}
.tmask {
	position:absolute; 
	display:none; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%; 
	background:#000; 
	z-index:800;
}
.tclose {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:30px; 
	height:30px; 
	cursor:pointer; 
	background:url('../../../../Commerce/images/close.png') no-repeat;
}
#error {
	background:#ff6969; 
	color:#fff; 
	text-shadow:1px 1px #cf5454; 
	border-right:1px solid #000; 
	border-bottom:1px solid #000; 
	padding:0;
}
#error .tcontent {
	padding:10px 14px 11px; 
	border:1px solid #ffb8b8; 
	-moz-border-radius:5px; 
	border-radius:5px;
}
#success {
	background:#2ea125; 
	color:#fff; 
	text-shadow:1px 1px #1b6116; 
	border-right:1px solid #000; 
	border-bottom:1px solid #000; 
	padding:10; 
	-moz-border-radius:0; 
	border-radius:0;
}

/* ***** END TINY BOX CLASSES ***** */
/******************CHECKOUT CSS**************************/
div
{
    padding: 0;
}
.checkoutdiv {
    float: left;
    width: 670px;
    text-align: left;
    min-height: 400px;
    margin-left: 10px;
}
.checkoutdiv td
{
    text-align: left;
}
.checkoutlogo {
    float: left;
    margin-top: 12px;
}

.checkoutsecure {
    float: right;
}

#checkoutcontainer .PrimaryBoldText {
    background: none;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 25px;
    text-align: left;
}

#checkoutcontainer #tblCheckOut .PrimaryBoldText {
    line-height: 20px;
    text-align: left;
}

#checkoutcontainer .Primary {
    background: none;
    color: #333;
    font-size: 12px;
    text-align: left;
}

#checkoutcontainer .ReducedText {
    font-size: 12px;
    color: #333;
    line-height: 20px;
    text-align: left;
}

#checkoutcontainer .CheckoutHeader {
    background: none;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    font-family: Arial;
    text-align: left;
    padding-bottom: 0px !important;
}

.checkouterror,
.checkoutrequred {
    color: #d10101;
    font-weight: bold;
    text-align: left;
}

.checkoutrequred
{
    padding-left: 2px;
}
#checkoutcontainer .PrimaryBoldText {
    color: #333;
    background: none;
    text-align: left;
}

#checkoutcontainer .FormElementInput,
#checkoutcontainer select {
    background: #FFF;
    color: #000;
    border: 1px solid #b2b2b2;
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 1px;
}
#checkoutcontainer .FormElementInput:active,
#checkoutcontainer select:active,
#checkoutcontainer .FormElementInput:focus,
#checkoutcontainer select:focus
{
    border: 1px solid #0075b2;
    box-shadow: 0px 0px 4px #b9b9b9 inset;
}

#checkoutcontainer .findcvvcode
{
    font-size: 12px;
    color: #0075b2;
    font-weight: normal;
    cursor: pointer;
}
#checkoutcontainer select {
    padding: 5px;
}

#checkoutcontainer .FormButtonsModify {
    font-size: 11px;
    border: 0px;
    background: none;
    color: #0075b2;
    font-weight: bold;
    margin-left: 5px;
    font-family: Arial;
    cursor: pointer;
}

#checkoutcontainer .Step4DetailsHeader {
    background: #777;
    color: #FFF;
    text-transform: uppercase;
    padding: 5px;
    font-weight: bold;
}

#checkoutcontainer .Step4DetailsItem {
    border-bottom: 1px solid #ccc;
}

#checkoutcontainer .step4orderototal {
    font-size: 14px !important;
    color: #0075b2;
    font-weight: bold;
}

#checkoutcontainer #GoOrder,
#checkoutcontainer #GoOrder3 {
    color: #FFF;
    background: #0075b2;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    padding: 5px 18px;
    border: 0px;
}
#checkoutcontainer #GoOrder:hover,
#checkoutcontainer #GoOrder3:hover
{
    background: #a0b235;
}
#checkoutcontainer .step4placeorder {
    background: #ededed;
    border: 1px solid #b2b2b2;
    padding: 0px;
    
}
#checkoutcontainer .step4placeorderborder
{
    border: 2px solid #FFF;
    padding: 20px 15px;
}
#checkoutcontainer .ordersummarybox
{
    width: 265px;
    background: #ededed;
    float: right;
    vertical-align: top;
    margin-right: 5px;
    border: 1px solid #B2B2B2;

}
#checkoutcontainer .ordersummaryheading
{
    background: #0075b2;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding: 8px 15px;
    border: 2px solid #FFF;
    border-bottom: 1px solid #fff;
    text-align: left;
}
#checkoutcontainer .itemsincartsummary
{
    font-size: 15px;
    padding: 8px 0px 3px 0px;
    text-align: left;
}
#checkoutcontainer #ordersummarytable
{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    padding-bottom: 15px;
}
#checkoutcontainer #ordersummarytable td
{
    font-size: 12px;
}
#checkoutcontainer .ordersummarybody,
#checkoutcontainer #cartminidetails,
#checkoutcontainer #placeorderbuttonsummary
{
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
#checkoutcontainer .ordersummarybottomborder
{
    border-bottom: 2px solid #fff;
}
#checkoutcontainer .shippingtaxnextsstep
{
    text-transform: uppercase;
    font-size: 9px !important;
    color: #666666;
    text-align: center;
}
#checkoutcontainer #cartminidetails
{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
}
#checkoutcontainer #cartminidetails td
{
    font-size: 12px !important;
}
#checkoutcontainer #cartminidetails .Step4DetailsHeader
{
    font-size: 10px !important;
}
#checkoutcontainer #placeorderbuttonsummary
{
    text-align: center;
    padding: 5px 0px 20px 0px;
}
#checkoutcontainer #termsLink
{
    color: #333;
    cursor: text;
}
#checkoutcontainer #BillingStateData,
#checkoutcontainer #ShippingStateData
{
width: 110px !important;
padding-left: 3px;
padding-right: 3px;
}
#checkoutcontainer #BillingAddressCountry,
#checkoutcontainer #ShippingAddressCountry
{
width: 122px !important;
padding-left: 3px;
padding-right: 3px;
}
/*custom font*/
.breadcrumbcheckout {
    /*centering*/
    display: inline-block;
    overflow: hidden;
    border: 1px solid #b2b2b2;
    background: #ededed;
    margin-bottom: 30px;
    width: 990px;
}

    .breadcrumbcheckout span {
        text-decoration: none;
        outline: none;
        display: block;
        float: left;
        font-size: 12px;
        line-height: 30px;
        color: white;
        /*need more margin on the left of links to accomodate the numbers*/
        padding: 0 18px 0 42px;
        padding: 0 18px 0 42px\9;
        position: relative;
        font-weight: bold;
        background: #e3e3e3;
        border-top: 1px solid #fff;
            cursor: pointer;
    }
        /*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
        .breadcrumbcheckout span:first-child {
            padding-left: 10px;
            padding-right: 5px;
        }

            .breadcrumbcheckout span:first-child:before {
                left: 14px;
            }

        .breadcrumbcheckout span:last-child {
            -webkit-padding-start:39px;

        }

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.securecheckout:after,
.completedstep:after {
    content: '';
    position: absolute;
    top: 0;
    right: -15px; /*half of square's length*/
    /*same dimension as the line-height of .breadcrumb a */
    width: 30px;
    height: 30px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
    -moz-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    -o-transform: scale(0.707) rotate(45deg);
    -webkit-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(45deg);
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: transparent;
    /*stylish arrow design using box shadow*/
    box-shadow: 2px -2px 0 2px #fff, 3px -3px 0 2px #fff;
    /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumbcheckout span:last-child:after {
    content: none;
}
/*we will use the :before element to show numbers*/

.breadcrumbcheckout span, .breadcrumbcheckout span:after {
    color: #999;
    background: transparent;
}

    .breadcrumbcheckout span:before {
        background: white;
        box-shadow: 0 0 0 1px #ccc;
    }

    .breadcrumbcheckout span.active,
    .breadcrumbcheckout span.active:after {
        color: #0075b2;
    }

.securecheckout,
.securecheckout:after {
    background: #777 !important;
    color: #FFF !important;
    border-top: 1px solid #FFF !important;
}

.completedstep,
.completedstep:after {
    color: #fff !important;
    background: #0075b2 !important;
    border-top: 1px solid #FFF!important;

}
.ccactive
{
    display: block !important;
}
.step2height
{
    min-height: 180px;
}
/**********************************END CHECKOUT CLASSES**************************/













/* CSS Document */

/* NAVIGATION CLASSES */

#NavigationWrapper {
	width: 226px;
                _width: 228px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #00478a;
    font-family: 'Pavnam', sans-serif;
}
#NavigationWrapper ul {
    display: block;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
     line-height: 22px;
}

#NavigationWrapper ul ul {
	list-style-type:none; 
	padding: 0px;
	margin: 0px;
}
/* ***ROOT LEVEL LINK*** */
.navLevel0 li {
	/*margin-left: 10px;*/
    
    margin-right: 10px;
    text-align: right;

}
a.navLevel0:link,
a.navLevel0:visited {
	text-decoration: none;
	color: #7c828b;
	font-size: 16px;
}
a.navLevel0:hover {
	text-decoration: none;
	color: #00478a;
	font-size: 16px;
}
.navLevel0_hot {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 16px;
}
a.navLevel0_hot:link,
a.navLevel0_hot:visited {
	text-decoration: none;
	font-weight: bold;
	color: #00478a;
	font-size: 16px;
}
a.navLevel0_hot:hover {
	text-decoration: underline;
	color: #00478a;
	font-weight: bold;
	font-size: 16px;
}

/* ***SUB LEVEL ONE LINK*** */

div.NavLevel1 {
	display: none;
}
.NavLevel1 li {
	height:auto;
	background: none;
     _margin: 0px;
}
a.NavLevel1:link,
a.NavLevel1:visited {
	text-decoration: none;
	color: #00478a;
	background: url(../Content/Images/default/sub_off.gif) no-repeat left center;
	line-height: 16px;
	font-weight: normal;
	font-size: 14px;
     padding-left: 10px;
     text-transform: uppercase;
}
a.NavLevel1:hover {
	text-decoration: none;
	color: #00478a;
	background: url(../Content/Images/default/sub_off.gif) no-repeat left center;
	line-height: 16px;
	font-weight: normal;
	font-size: 14px;
     padding-left: 10px;
     text-transform:uppercase;
}
.NavLevel1_hot,
a.NavLevel1_hot:link,
a.NavLevel1_hot:visited {
	text-decoration: none;
	color: #00478a;
	background: url(../Content/Images/default/sub_off.gif) no-repeat left center;
	line-height: 16px;
	font-weight: bold;
	font-size: 14px;
     padding-left: 10px;
     text-transform: uppercase;
}

a.NavLevel1_hot:hover {
	text-decoration: none;
	background: url(../Content/Images/default/sub_off.gif) no-repeat left center;
	color: #00478a;
	line-height: 16px;
	font-weight: bold;
	font-size: 14px;
     padding-left: 10px;

}

/** SubLevel 2 Navigation **/

div.NavLevel2 {
	display:block;
	z-index: 100;
    background: none;
}

a.NavLevel2,
a.NavLevel2:link,
a.NavLevel2:visited
{
	color: #336699;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	text-decoration: none;
    background: none;
}

a.navLevel2:hover
{
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	text-decoration: none;
    background: none;
}

a.navLevel2_hot:link,
a.navLevel2_hot:visited
{
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	text-decoration: none;
    background: none;
}

a.navLevel2_hot:hover
{
	color: #336699;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	text-decoration: none;
    background: none;
}

/* END NAVIGATION CLASSES */



/*******************CUSTOM CLASSES START*****************************/


#body{background: #9fb235; color: #7c828b; font-size: 0.9em !important; line-height: 1.4em; font-family: 'Monda', sans-serif;}
a.Breadcrumb, a.Breadcrumb_hot {color: #9ab63e; text-transform:capitalize; font-size: 13px;}
a.Breadcrumb_hot:hover, a.Breadcrumb_hot:focus{color: #9ab63e; text-decoration: underline;} 

a.CategoryNameLink {display: block;color: #333333;padding: 5px 0;text-align: center;}
.categoryImgContainer > a {background: #fff none repeat scroll 0 0;display: table-cell;height: 130px;text-align: center;vertical-align: middle;width: 130px;}
.commerceBody{width: 730px; float: right;}
.COMBreadCrumb{color: #cdcdcd; padding: 20px 0; float: left;}
.COMCatCell {border: 1px solid #000;margin-bottom: 10px;margin-right: 10px;padding: 7px;background: #efefef;border: 1px solid #cccccc}
.COMCatCell.floatLeft.lastChild {margin-right: 0;}
.COMCatCell:hover{background: #e0e0e0;}
.COMCatHeader h1, h1 {color: #283e6f;text-transform: uppercase;}
.COMProdContainer {border: 1px solid #ccc;padding-bottom: 20px;}
.COMProdContainer .ReducedText,.COMProdContainer .DefaultText {text-transform: uppercase;color: #a0b235;font-size: 13px;}
.COMProdDesc{font-style:italic;}
.COMProsDescLAbel {font-weight: bold;}
.COMProdHeader h1 {color:#333;text-transform: uppercase;background:#efefef;border-bottom: 1px solid #ccc;padding:10px;font-size: 16px;}
.COMProdMainImage { display: table; height: 350px; text-align: center; width: 350px;}
.COMProdMainImage a { display: table-cell; height: 350px; vertical-align: middle; width: 350px;}
.COMPRodQuantity .FormElementInput {text-align: center;}

.floatLeft{float: left;}
.FormButtons.COMProdButton {margin-bottom: 20px;}
.formLabel{ color: #a0b235; font-size: 13px; font-weight: normal; text-transform: uppercase; line-height:1.5;}
.footer{font-size: 9px; color: #f9ffd5; padding-top: 10px}
.footer .footer-links{width: 75%; float:left; padding: 0 15px; }
.footer .footer-address { width: 25%; float: right; padding: 0 15px; }
.footer .site-content{background:#9fb235 url("../Content/Images/footerBg.jpg") no-repeat scroll 50% 100%;}
.footerNav {list-style: outside none none; margin: 0; padding: 0;}
.footerNav li {color: #f9ffd5; display: inline-block; float: left; line-height: 1.1em; margin-bottom: 20px; padding-right: 20px;}
.footerNav li a {color: #f9ffd5;}

.GridImage{margin-bottom: 4px;}
.GridImage > a {display: table-cell;height: 220px;text-align: center;vertical-align: middle;width: 220px;overflow: hidden;background:#fff;}

.header{border-top: 6px solid #a0b235; font-family: 'Pavanam', sans-serif; height: 107px;}
.header, .page-content-one, .page-content-two {background: #fff;}

#lblExtPrice,#ProductPrice{color: #0075b2;text-transform: uppercase;}
.leftNavigation{width: 240px; float: left;}
.loginHeader, #forgotpass h1 {color: #283e6f; font-family: "Monda",sans-serif; font-size: 16px; margin: 0 auto; padding-bottom: 15px; text-transform: uppercase; width: 450px; font-weight: bold; clear: both;}
.logo{float:left; float: left; margin-left: 83px; margin-top: 45px; padding: 0 15px; width: 167px; clear: both;}
.logo-text{border-left: 1px solid #00478a; color: #00478a; float: right; font-size: 17px; margin: 35px 15px 0; padding: 10px 0 10px 10px; text-align: left; width: 720px; margin-left: 15px; margin-right: 15px;}
.logon, #forgotpass{width: 450px; margin: 0 auto; clear: both;}
.logon p {margin-top: 20px;}

.page-content-two .site-content {padding: 0 15px; padding-bottom:40px; min-height: 400px;}
.productdimensionslabel{font-weight: bold;}
.productleftcolumn > table {padding: 0 10px;}
.productrightcolumn {border-left: 1px solid #ccc; width:350px;}
.productrightcolumn > table{padding: 0 10px;}
.productpropertylabel{font-weight: bold;}
.ProdThumbsBox {float: left; margin-right: 10px;}
.ProductThumbs{ margin-top: 10px;}


.QuickOrderHeader {background: #e0e0e0 none repeat scroll 0 0;color: #333;}
.quickordertable {border: 1px solid #ccc;margin-bottom: 15px; margin-top:15px;}
.quickordertable td {border-bottom: 1px solid #ccc;padding-left: 10px;padding-top:10px;padding-bottom: 10px;}
.quickordertable td:last-child {padding-right: 10px;}
.quickorderdetails {background: #ccc none repeat scroll 0 0;color: #fff !important;display: block;float: left;font-size: 19px;margin: 5px 1px 0;padding: 2px;text-align: center;width: 45%;}
.quickorderdetails:hover{background: #a0b235;}
.quickorderproductname a {color: #0075b2;font-size: 18px;}
.quickorderpartnumber{text-transform: uppercase;color: #a0b235;}
.QuickOrderQuantity{text-align: center;}

#smalllogon {margin: 0 auto; width: 450px;}
#smalllogon .FormButtons, #forgotpass .FormButtons{float:right;}
#smalllogon .FormElementInput, #forgotpass .FormElementInput  {width: 100%; margin-bottom:14px;}
#Search {height: 19px;border: 0; background: none;}
#SearchForm .TableWithBorder td{padding: 10px 0;}
#SearchForm .BoldText, #SearchForm .ReducedText {background: #eee none repeat scroll 0 0;}
.search-bar {width:235px; float: right; margin-top: 5px;}
.site-content{width: 1000px; margin: 0 auto;}
.SearchHeading{float:left;display: none;}

.topNavSearchInput.ui-autocomplete-input {height: 18px; width:200px; border: 0; background: transparent;}

.ui-widgetTN{ border: 1px solid #cccccc;color: rgba(0, 0, 0, 0.75);-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);}
.utility-nav{color: #c0c0c0;font-size: 14px;height:32px;text-transform: uppercase;padding: 0 15px; }
.utility-nav.shipping{float:left;}
.utility-nav ul{list-style: none;padding: 0;margin: 0;}
.utility-nav li{float: left; line-height: 1; padding:8px 15px; color: #f9ffd5 ;font-size: 12px;}
/*.utility-nav li:hover{background: #e0e0e0; }*/
.utility-nav li.cartinline{padding:4px 15px;}
.utility-nav a,.utility-nav a:link,.utility-nav a:visited{color: #f9ffd5 ;font-size: 12px;text-decoration: none;}
.utility-nav a:hover{color: #fff;}
.utility-nav-tools {display: inline-block;float: right;}
.utility-nav-welcome {display: inline-block;float: left;}


/*******************CUSTOM CLASSES END*****************************/