﻿@import url("LeftColMenu.css");
@import url("TopNavMainMenu.css");
@import url("GeneralLayout.css");
@import url("CartPreview.css");
@import url("SlideShow.css");
@import url("FormStyles.css");
@import url("kendo.common.min.css");
@import url("kendo.default.min.css");

/*********************************** GENERAL STYLING ***********************************/

#PageRightColumn, #rightNavCell {
    display: none;
}

html {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    /*color:#959595;*/
    color: #777777;
    font-size: 12px;
    text-align: center;
}

    body td {
        font-size: 14px!important;
        /*color:#959595;*/
        color: #777777;
        vertical-align: top;
		
    }
#AccountPay td{
	min-width: 84px
}
#navmain1, #navmainbody {
    width: 990px !important;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    text-align: left;
}

#LeftSideNav {
    /*display:none;*/
}

a img {
    border: none;
    text-decoration: none;
}

a {
    color: #1f87c0;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 10pt;
}

    a:hover {
        text-decoration: none;
    }

.headingRow td {
    /*color: #FFFFFF;*/
}

    .headingRow td .linkall {
        color: #F3676C;
    }

.headingRow, .headingRow td, .button {
    text-transform: lowercase;
}

#grid1_searchbtn {
    text-transform: lowercase;
    background: #F3676C;
    border: 1px solid #000000;
    color: #FFFFFF;
    cursor: pointer;
}

#SystemMessages {
    color: #F3676C;
}
.right {
    float: right;
}
/*.normalRow td img, .alternateRow td img {
/*	display:block;
/*}
/*********************************** TOP NAVIGATION STYLING ***********************************/

#TopNavigationContainer {
    width: 990px;
    margin-top: -3px;
    margin-bottom: 10px;
}

    #TopNavigationContainer #TopNavMainAreaContainer {
        width: 990px;
        position: relative;
        height: 250px;
    }
        /*#TopNavigationContainer #TopNavMainAreaContainer #UserDetailsContainer {
	width:50%;
	text-align:left;
	float:left;
}*/
        #TopNavigationContainer #TopNavMainAreaContainer #TopNavigationLinks {
            width: 100%;
            text-align: right;
            float: right;
        }

            #TopNavigationContainer #TopNavMainAreaContainer #TopNavigationLinks ul {
                list-style: none;
                margin: 0;
                padding: 0 0 10px 0;
                float: right;
            }

            #TopNavigationContainer #TopNavMainAreaContainer #TopNavigationLinks li {
                float: left;
                margin-left: 15px;
                font-weight: bold;
            }

                #TopNavigationContainer #TopNavMainAreaContainer #TopNavigationLinks li.TopNavigationLinksStyle1 a {
                    color: #00b0f0;
                }

                #TopNavigationContainer #TopNavMainAreaContainer #TopNavigationLinks li.TopNavigationLinksStyle2 a {
                    color: #0070c0;
                }

        #TopNavigationContainer #TopNavMainAreaContainer #CustomerDetailsContainer {
            width: 100%;
            text-align: right;
            float: right;
        }

        #TopNavigationContainer #TopNavMainAreaContainer #LogoContainer {
            width: 239px;
            height: 39px;
            margin-top: 26px;
            margin-left: 24px;
            float: left;
        }

        #TopNavigationContainer #TopNavMainAreaContainer #RegisterContainer {
            color: #EE2B33;
            display: block;
            left: 0;
            position: absolute;
            text-align: center;
            top: 105px;
        }

            #TopNavigationContainer #TopNavMainAreaContainer #RegisterContainer a {
                color: #ee2b33;
                text-decoration: none;
            }

                #TopNavigationContainer #TopNavMainAreaContainer #RegisterContainer a:hover {
                    text-decoration: underline;
                }

                #TopNavigationContainer #TopNavMainAreaContainer #RegisterContainer a span {
                    color: #117bc0;
                }

        #TopNavigationContainer #TopNavMainAreaContainer #LoginContainer {
            color: #117BC0;
            left: 128px;
            position: absolute;
            text-align: right;
            top: 118px;
        }


#LoginContainer > a {
    display: block;
}

#TopNavigationContainer #TopNavMainAreaContainer #LoginContainer #B2 {
    border: none;
    cursor: pointer;
    width: 64px;
    height: 23px;
    background: url(/images/TemplateImages/LayoutImages/Login-Button.jpg) left top no-repeat;
}

#TopNavigationContainer #TopNavMainAreaContainer #LoginContainer a {
    color: #117bc0;
    text-decoration: none;
}

    #TopNavigationContainer #TopNavMainAreaContainer #LoginContainer a:hover {
        text-decoration: underline;
    }

#TopNavigationContainer #MainMenuBarContainer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 28px;
    width: 990px;
}

#MainMenuBarContainer {
    /*height: 26px;*/
}


    #TopNavigationContainer #MainMenuBarContainer #NameContainer {
        float: left;
        color: #ccc;
        font-weight: bold;
        /*margin-top:4px;*/
    }

    #TopNavigationContainer #MainMenuBarContainer #AccountSelectContainer {
        float: left;
        color: #ccc;
        font-weight: bold;
        margin-top: 4px;
    }

.TopNavAccountAndCartAreaContainer {
    margin-top: -10px;
}

/*********************************** PROMO STYLING ***********************************/
#PromoPage {
    padding: 0px 0px 0px 20px;
}
/*********************************** GRID STYLING ***********************************/
form#formProdFavourites .normalRow td, form#formProdFavourites .alternateRow td,
form#formOrders .normalRow td, form#formOrders .alternateRow td,
form#formOrderTemplates .normalRow td, form#formOrderTemplates .alternateRow td {
    border-bottom: 1px solid #228BCD;
    border-collapse: collapse;
}

form#formOrders .headingRow td, form#formOrders .normalRow td, form#formOrders .alternateRow td {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

form#formProdFavourites .tableClass28, form#formProdFavourites .tableClass29 {
    border-collapse: collapse !important;
    empty-cells: show;
    /*border: 1px solid #000000 !important;*/
    border-spacing: 0px !important;
}
form#formOrderTemplates #maint #h2 {
    line-height: 1.5em;
    margin-bottom: 25px;
	width:100%;
}
/*********************************** FOOTER STYLING ***********************************/



#GlobalFooterArea a {
    color: #0070C0;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 10px;
    text-decoration: none;
}

    /*
.footerlink:nth-child(even) a {
    color: #00B0F0 !important;
}
.footerlink:nth-child(odd) a {
    color: #0070C0 !important;
}
*/
    #GlobalFooterArea a:hover {
        text-decoration: underline;
    }


/* Pull out styles from HTML */
#navmainbody {
    width: 955px;
    border-color: #fff;
    padding: 0px;
    border-spacing: 0px;
}

#rightNavCell {
    background-color: #fff;
    vertical-align: top;
}

#LeftSideNav {
    width: 160px;
    background-color: #fff;
    vertical-align: top;
    border-left-width: 0;
    border-left-style: solid;
    border-color: #fff;
}


H1 {
    color: #888888;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

p {
    font: 10px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    color: #888;
    font-size: 13px;
    line-height: 19px;
}

#AUcontent {
    padding-right: 8px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
}

    #AUcontent TD {
        padding-bottom: 20px;
        padding-left: 16px;
        border-top: #d9d9d9 1px solid;
    }

    #AUcontent li {
        display: inline-table;
    }

UL {
    font-family: Arial, Helvetica, sans-serif;
    color: #888;
    font-size: 13px;
}
.cv-input-text,
.cv-input-list,
.cv-input-radiobuttonlist {
    font-family: Arial, Helvetica, sans-serif;
    color: #888;
    font-size: 13px;
}

.ttl {
    color: #006cb9;
    font-size: 16px;
    font-weight: bold;
}

.addr {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

.CategoryGridItem {
    float: left;
    height: 200px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 102px;
}

    .CategoryGridItem img {
        border: 1px solid #C2C2C2;
        height: 100px;
        width: 100px;
    }

.breadcrumbs {
    padding-bottom: 20px;
    text-align: left;
    float: left;
}

    .breadcrumbs > a {
        font-size: 14px;
        
    }

        .breadcrumbs > a:last-child {
            color: #F3676C;
        }


.Pagination {
    clear: both;
    width: 100%;
}

.PaginationArea-Controls {
    color: #333333;
    font-size: 11px;
    height: 15px;
    padding: 7px 5px;
    position: relative;
}



.Pagination-First, .Pagination-Last, .PageNumCurrentPage, .Pagination-Previous, .Pagination-Active, .PageNumNext, .PageNumPrev, .PageNumNonCurrentPage, #FirstPageLink, #LastPageLink {
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    color: #1F87C0 !important;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px #CCCCCC;
    padding: 2px 5px;
}

#ProductHeaderRow {
    border-radius: 10px;
    box-shadow: 0 0 3px #CCCCCC;
    padding: 2px 5px;
}

    #ProductHeaderRow td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 2px;
        padding-left: 2px;
        margin-bottom: 10px;
        background: #f1f1f1; /* Old browsers */
        background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f1f1f1 0%,#cccccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    }

        #ProductHeaderRow td:first-child {
            border-top-left-radius: 10px;
        }

        #ProductHeaderRow td:last-child {
            border-top-right-radius: 10px;
        }

#ProductContainerTable #ProductHeaderRow + tr td {
    padding-top: 15px !important;
}

.Pagination-Current {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px #CCCCCC;
    padding: 2px 5px;
}




.PaginationArea {
    display: inline-block;
    margin-top: 35px;
    width: 772px;
}

.Pagination-View img {
    height: 30px;
}


.Pagination-PerPage {
    display: inline-block;
    float: left;
    height: 14px;
    padding: 3px 10px;
    vertical-align: top;
}

    .Pagination-PerPage span {
        cursor: pointer;
    }




.Pagination-View {
    display: inline-block;
    padding-right: 19px;
    vertical-align: top;
}

    .Pagination-View span {
        vertical-align: top;
    }


.Pagination-Pages {
    display: inline-block;
    float: right;
    height: 14px;
    padding: 3px 0 0;
    vertical-align: top;
}

.Pagination-Numbers {
    display: inline-block;
    padding-left: 20px;
}

.Pagination-PerPage > div {
    float: left;
    margin-top: -3px;
    padding-right: 5px;
}

.Pagination-Pages a {
    color: #777777 !important;
    text-decoration: none !important;
}

.PageNumCurrentPage {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px #CCCCCC;
    padding: 2px 5px;
}

    .PageNumCurrentPage a {
        color: red !important;
    }

.ProductGrid {
    padding-top: 20px;
}


.ProductGridItem {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #CCCCCC;
    display: inline-block;
    float: left;
    height: 390px;
    margin-bottom: 10px;
    margin-right: 8px;
    width: 184px;
}



.ProductGridItem-Text {
    display: block;
    float: left;
}


.ProductGridItem-RHSImages {
    display: inline-block;
    float: right;
    width: 240px;
}

.ProductGridItem-Image {
    float: left;
    vertical-align: top;
}

.ProductGridItem-Promo {
    display: inline-block;
    float: right;
}

.ProductGridItem .ProductGridItem-LHS {
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
}

.ProductGridItem .ProductGridItem-RHS {
    display: block;
    float: left;
    padding-left: 10px;
    width: 100%;
    height: 203px;
}

.ProductGridItem-RHS div {
    float: left;
    display: block;
    width: 60%;
    padding-top: 1px;
    color: #777777;
    font-size: 12px;
    padding-top: 3px;
}

.ProductGridItem .ImageColumn {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 10px 10px 0;
    width: 162px;
}

    .ProductGridItem .ImageColumn > a {
        display: inline-block;
        float: none;
    }


.ProductGridItem .preview {
    display: inline-block;
    float: left;
    padding: 5px;
}

#preview {
    border-bottom-right-radius: 35px;
    background-color: #ccc !important;
    box-shadow: 0px 0px 6px #888888;
    text-shadow: #888888 0 0 4px;
}


.ProductGridItem .ImageColumn a:nth-child(2) img {
    display: inline-block;
    float: right;
    padding: 5px;
    width: 35px;
}

.ProductGridItem .DescriptionColumn {
    clear: both;
    padding-bottom: 0px;
    width: 100%;
    height: 67px;
}

    .ProductGridItem .DescriptionColumn a {
        clear: both;
        width: 90%;
        text-align: left !important;
        float: left;
    }

    
.conditions {
    list-style-type: lower-alpha;
}

        .ProductGridItem .DescriptionColumn a:first-child {
            padding-right: 10px;
            color: #4B4B4B;
        }

    .ProductGridItem .DescriptionColumn .more-details {
        display: inline;
        float: left;
        padding-top: 15px;
    }

        .ProductGridItem .DescriptionColumn .more-details a {
            padding-bottom: 2px;
        }

.ProductGridItem .ProductCodeColumn a {
    color: #777777;
    font-size: 12px;
    width: 100%;
}

.ProductGridItem .PromotionColumn {
    height: 0px;
    width: 90%;
}

    .ProductGridItem .PromotionColumn img {
        float: left;
        height: 65px;
        margin-right: -10px;
        margin-top: -10px;
        max-width: 55px;
        vertical-align: top;
		margin-left: 103px;
    }

.ProductGridItem .PriceColumn {
    color: #1F87C0;
    font-size: 12px;
    font-weight: bold;
    float: left;
    text-align: left;
    width: 100%;
	
}

    .ProductGridItem .PriceColumn a {
        color: #1F87C0;
        font-size: 12px;
        font-weight: bold;
        float: left;
        text-align: left;
        width: 100%;
    }

    .ProductGridItem .PriceColumn span {
        font-size: 14px;
        color: #1F87C0;
    }

.ProductGridItem .UnidivescriptionColumn {
    float: left;
    text-align: left;
    width: 100%;
}

.ProductGridItem .AvailabilityColumn {
    width: 60%;
    float: left;
    display: block;
    text-align: left;
}

.ProductGridItem span {
    
 /*position: absolute;*/
	/*float:left;*/
}

.ProductGridItem .OrderQtyColumn {
    width: 60%;
    float: left;
    display: block;
    text-align: left;
	margin-top: 10px;
}

.ProductGridItem .more-details-loggedin {
    padding-top: 10px;
    position: relative;
    display: block;
    vertical-align: bottom;
    float: left;
    margin-left: 25px;
    padding-left: 10px;
}



    .ProductGridItem .more-details-loggedin a {
        bottom: -10px !important;
        float: left;
        height: 30px;
        left: -15px;
        /*position: absolute;*/
        width: 30px;
		margin-left: -30px;
margin-top: 15px;
    }


.ProductGridItem .AvailabilityColumn > a {
    float: left;
    display: block;
}

.ProductGridItem .ItemsOnOrder > a {
    float: left;
    display: block;
    text-align: left;
}


.ProductGridItem-RHS > a {
    float: left;
    display: block;
}

.ItemsOnOrder {
    text-align: left;
}

.ProductGridItem .OrderQtyColumn input {
    width: 25px;
}

#LeftSideNav > table {
    float: left;
}






.clear {
    clear: both;
}







.AccountWelcome {
    display: inline;
    float: left;
}

.CartContainer {
    display: inline;
    float: right;
    width: 370px;
}

    .CartContainer > a {
        float: left;
    }

    .CartContainer img {
        height: 28px;
        padding-right: 0px;
    }

.CartItems {
    display: inline;
    float: left;
}

    .CartItems span {
        color: #f04b52;
        font-size: 14px;
        font-weight: bold;
    }

.CartPreviewCheckout {
    display: inline;
    float: right;
    margin-left: 10px;
    width: 200px;
}

    .CartPreviewCheckout a:first-child {
        color: #777777;
        display: inline;
        font-size: 12px;
        margin-left: 10px;
    }

.PreviewCartLink {
    float: left;
    padding-left: 12px;
}

.CheckoutLink {
    float: right;
}

.TopNavMenuAreaContainer {
    border-bottom: 2px solid #C2C2C2;
    border-top: 2px solid #C2C2C2;
    display: inline-block;
    float: left;
    margin-top: -10px;
    padding-bottom: 7px;
    padding-top: 10px;
    position: relative;
    width: 990px;
}

    .TopNavMenuAreaContainer > a img {
        padding-right: 5px;
        height: 30px;
    }





.footerlink {
    display: block;
    list-style: none outside none;
}

    .footerlink a {
        color: #888888;
    }

#GlobalFooter > div {
    padding: 5px;
}

.FooterLine2 ul {
    margin: 0px !important;
}

#GlobalFooter div a {
    font-size: 10px;
}



#SiblingCategoryContainer {
    clear: both;
    margin-bottom: 20px;
}

.AddToOrderBulk {
    display: block;
    float: right;
   margin-top: -120px;
    position: relative;
    right: 8px;
    z-index: 0;
}

.grid-list-controls-viewby {
    display: inline-block;
    float: left;
    height: 30px;
    margin-right: 20px;
    width: 180px;
}

    .grid-list-controls-viewby label {
        float: left;
    }



.gird-list-controls-viewbybuttons {
    border: 1px solid #CCCCCC;
    display: inline-block;
    float: right;
    width: 124px;
	margin-right: -2px;
}

.button-list-active {
    background: url("/images/TemplateImages/elements/list-active.png") no-repeat scroll 0 0 transparent;
}

.button-list-normal {
    background: url("/images/TemplateImages/elements/list-normal.png") no-repeat scroll 0 0 transparent;
}

.button-grid-active {
    background: url("/images/TemplateImages/elements/grid-active.png") no-repeat scroll 0 0 transparent;
}

.button-grid-normal {
    background: url("/images/TemplateImages/elements/grid-normal.png") no-repeat scroll 0 0 transparent;
}

.button-list-normal, .button-list-active, .button-grid-normal, .button-grid-active {
    border: medium none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    width: 62px;
}

#MainContentArea {
    padding: 10px 0 25px;
}


    #MainContentArea h1 {
    }

    #MainContentArea h2 {
    }

    #MainContentArea h3 {
        font-size: 13px;
        color: #000;
        font-weight: bold;
        padding-bottom: 5px;
        font-family: Arial, Helvetica, sans-serif;
    }

    #MainContentArea h4 {
    }

    #MainContentArea p {
        font-family: Arial, Helvetica, sans-serif;
        color: #888;
        font-size: 13px;
        line-height: 19px;
    }

    #MainContentArea ul.textlist {
        list-style: disc;
        font-size: 12px;
        line-height: 20px;
        margin: 0 0 30px 40px;
    }

    #MainContentArea table.Table {
        border: 1px solid #333;
        width: 100%;
        text-align: left;
        margin: 0 0 20px;
    }

        #MainContentArea table.Table tr {
            font-size: 12px;
        }

            #MainContentArea table.Table tr th {
                font-weight: bold;
                padding: 5px;
                border-bottom: 1px solid #333;
                border-right: 1px dotted #333;
                color: #FFF;
                text-align: left;
                background-color: #E87B09;
            }

            #MainContentArea table.Table tr td {
                padding: 5px;
                border-left: 1px dotted #333;
                border-bottom: 1px dotted #333;
                color: #333;
                background: #FFF;
            }

/* Gallery */
.ProductGallery {
    float: left;
    width: 660px;
    height: 480px;
    border: 1px solid #AAA;
    position: relative;
}

/* Popup version of the product gallery */
.ProductGalleryPopup {
    float: left;
    width: 500px;
    height: 480px;
    border: 1px solid #AAA;
    position: relative;
}

    .ProductGalleryPopup .pika-stage {
        width: 500px;
        height: 407px;
    }

#ProductDetailPopup {
    width: 620px !important;
}

/* Product Info */
.ProductDetailInfoArea {
    float: right;
    width: 350px;
    min-height: 480px;
}

    .ProductDetailInfoArea h1 {
        font-size: 29px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        padding-bottom: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: left;
    }

    .ProductDetailInfoArea .PopupPromotion {
        position: absolute;
        right: 5px;
        top: 100px;
    }

.ProductDetail-Subheading {
    color: #464646;
    line-height: 14px;
    display: block;
    padding: 0 0 5px;
    border-bottom: 1px solid #a1a1a1;
}

.ProductDetail-InfoArea2 {
    border-bottom: 1px solid #a1a1a1;
    padding: 5px 0;
    position: relative;
    clear: both;
    min-height: 120px;
}

.ProductDetail-InfoArea2.logged-out {
	border-bottom: 0px solid #a1a1a1;
	
	
}
    .ProductDetail-InfoArea2 .ProductInfoRRP {
        position: absolute;
        top: 5px;
        left: 0px;
        text-decoration: line-through;
    }

.ProductMiniImages {
    display: block;
    float: left;
}

.ProductDetail-InfoArea2 .ProductInfoPriceText {
    float: left;
    display: inline-block;
    color: #ff0000;
    font-size: 12px;
}

.ProductDetail-InfoArea2 .ProductDetailPrice {
    float: left;
    display: inline-block;
    color: #ff0000;
    font-size: 36px;
}

.ProductDetail-InfoArea2 .ProductInfoCode {
    color: #000;
    font-size: 12px;
    float: left;
    display: inline-block;
}

.ProductDetail-InfoArea2 .ProductInfoUnit {
    color: #000;
    font-size: 12px;
    float: left;
    display: inline-block;
}

.ProductDetail-InfoArea2 .ProductInfoPromo {
    position: absolute;
    right: 0;
    top: -20px;
}

.ProductDetail-InfoArea2 .ProductInfoOnOrder {
    color: #000;
    font-size: 12px;
    float: left;
    display: inline-block;
}






.ProductDetail-InfoArea3 {
    border-bottom: 1px solid #a1a1a1;
    padding: 5px 0;
    position: relative;
    min-height: 75px;
    margin-bottom: 10px;
}

    .ProductDetail-InfoArea3 .Button-AddToCart {
        position: absolute;
        top: 5px;
        right: 0px;
    }

    .ProductDetail-InfoArea3 .Button-AddToWishlist {
        display: block;
        margin: 0 0 5px;
    }

    .ProductDetail-InfoArea3 input[type=number] {
        position: absolute;
        top: 5px;
        left: 0px;
        width: 70px;
        height: 35px;
        text-align: center;
        font-size: 23px;
        border-radius: 5px;
        border: 1px solid #AAA;
    }

    .ProductDetail-InfoArea3 .InStock {
        position: absolute;
        bottom: 5px;
        left: 0px;
        background: url(/images/TemplateImages/icons/tick-large.png) center left no-repeat;
        padding: 3px 0 3px 20px;
        text-transform: uppercase;
    }

    .ProductDetail-InfoArea3 .NotInStock {
        position: absolute;
        bottom: 5px;
        left: 0px;
        background: url(/images/TemplateImages/icons/cross.png) center left no-repeat;
        padding: 3px 0 3px 20px;
        text-transform: uppercase;
    }

    .ProductDetail-InfoArea3 .add_qty {
        border-radius: 5px;
        border: 1px solid #dbdbdb;
        padding: 3px 5px;
        width: 50px;
        margin: 0 0 0 10px;
    }

    .ProductDetail-InfoArea3 .add_button {
        display: block;
        margin: 10px 0;
    }


.ProductDetail-InfoArea4 {
    padding: 5px 0;
    font-size: 11px;
    display: inline-block;
    text-align: left;
    overflow-y: auto;
}



.ProductDetail-InfoArea5 {
    padding: 5px 0;
}

div.shipping-popup {
    margin-top: 5px;
    font-weight: bold;
    text-decoration: underline;
}

.highlight {
    color: red !important;
    padding-right: 10px;
}


/**************Promotions Stuff **********************/

#PromotionMainContainer > div {
    text-align: left;
}

.PromotionGroup {
    border: 1px solid #1F9BDF;
    display: inline;
    float: left;
    height: 134px;
    margin: 10px;
    width: 350px;
    text-align: left;
}


.PromotionGroupTop {
    display: block;
    float: left;
    height: 113px;
    width: 350px;
}

.PromotionGroupLink > img {
    display: inline;
    float: left;
    padding: 5px;
}


.PromotionGroupLink > span {
    color: #888888;
    display: block;
    font-weight: bold;
    margin-left: 60px;
    padding: 10px;
    text-align: left;
    height: 15px;
}


.PromotionGroupLink > p {
    font-weight: 600;
    margin-top: 56px;
    padding-left: 10px;
    position: absolute;
}



.PromotionGroupDate {
    border-top: 1px solid #1F9BDF;
    display: inline-block;
    float: right;
    height: 24px;
    text-align: left;
    width: 350px;
    color: #880000;
}


    .PromotionGroupDate > p {
        display: inline;
        padding-left: 10px;
    }

    .PromotionGroupDate > span {
        float: right;
        padding-right: 10px;
        text-align: right;
    }


#divOrders #pageOrders table .headingRow > td:nth-child(4) {
}

#grid1_searchbtn {
    background: url("/images/TemplateImages/LayoutImages/onwards.png") no-repeat scroll right center, linear-gradient(to bottom, #FAAEB2 0%, #EF3F47 100%) repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 10px !important;
    font-weight: bold;
    padding: 2px 15px 2px 10px;
    text-align: center;
    text-transform: lowercase;
}




/*************New Skin****************/


/***********LAYOUT *****************/
.layout-full {
    margin: 0 auto;
    width: 960px;
}


.layout-top-area {
    display: block;
    height: 190px;
    float: left;
}


.layout-main-area-content {
    display: inline-block;
}

.layout-top-area-buyonline .layout-main-area-content {
    display: inline-block;
    margin-top: 0px;
}

.layout-footer {
    background: none repeat scroll 0 0 #f1f1f1;
    display: block;
    float: left;
    margin-left: -15px;
    margin-right: -15px;
    width: 990px;
    padding-bottom: 40px;
}


/**********End LAYOUT ****************/


.ProductGridItem > a {
    float: right;
}

.LogoContainer img {
    display: inline-block;
    float: left;
    padding: 5px;
    height: 96px;
}

.page-Login .LoginContainer {
    display: none !important;   
}


.page-login .LoginContainer {
    display: none !important;   
}

.LoginContainer {
    display: inline-block;
    float: right;
    margin-top: -55px;
    width: 300px;
    position: relative;
    clear: both;
}


.input-round-border {
	border: 1px solid #CCCCCC;
	border-radius: 10px 10px 10px 10px;
	display: block;
	float: right;
	margin-right: 10px;
	padding: 5px;
	width: 275px;
	color: #888;
    margin-top: 0px;
    margin-bottom: 0px;
    
    
}
.red-arrow-input {
    background: url("/images/TemplateImages/icons/right-arrow-red-18x18.png") no-repeat scroll right center transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    outline: medium none;
    position: absolute;
    right: 10px;
    top: 2px;
    min-width: 25px !important;
    width: 25px;
}

.LoginContainer-password {
    float: right;
    margin-top: 5px;
    position: relative;
}

.LoginContainer .red-arrow-input2 {
    background-color: #CCCCCC !important;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    margin-right: 2px;
    padding-top: 1px;
    text-align: left;
    width: 70px;

    background: url("/images/TemplateImages/icons/right-arrow-red-18x18.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 24px;
    outline: medium none;
    position: absolute;
    right: 11px;
    top: 2px;
}

.LoginContainer > input:nth-child(2) {
    margin-bottom: 5px;
}


.LoginContainer label {
    display: inline-block;
    float: left;
}

#ForgotPassword {
    float: right;
}

.main-menu {
    background: none repeat scroll 0 0 #0866A6;
    border-top-right-radius: 10px;
    box-shadow: 2px 3px 5px #888888;
    display: block;
    float: left;
    height: 39px;
    width: 960px;
}


    .main-menu > ul {
        background: none repeat scroll 0 0 #CCCCCC;
        border-top-right-radius: 10px;
        box-shadow: 2px 3px 5px #888888;
        float: left;
        height: 27px;
        margin-left: -15px;
        margin-top: 0;
        padding-left: 0;
        padding-right: 50px;
        padding-top: 10px;
        width: 690px;
    }

    .main-menu li {
        border-left: 1px solid #FFFFFF;
        display: inline;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

        .main-menu li:first-child {
            border-left: none;
        }

        .main-menu li a {
            animation-delay: 0.2s;
            animation-duration: 1s;
            animation-fill-mode: both;
            animation-timing-function: ease;
            backface-visibility: hidden;
            padding: 8px;
            color: #FFFFFF;
            font-size: 15px;
            text-decoration: none;
            text-shadow: 0 0 4px #888888;
            text-transform: lowercase;
            cursor: pointer;
        }


            .main-menu li a:hover {
                /*color: #f1f1f1;*/
                animation-name: glow;
                animation-duration: 1s;
                animation-iteration-count: 1;
                -moz-animation-name: glow;
                -moz-animation-duration: 3s;
                -moz-animation-iteration-count: 1;
                -webkit-animation-name: glow;
                -webkit-animation-duration: 1s;
                -webkit-animation-iteration-count: 1;
            }


.search-container {
    color: #CCCCCC;
    display: inline-block;
    float: right!important;
    font-weight: bold;
    margin-right: 22px;
	 margin-top: 6px;
	 margin-top: -45px\0;
    position: relative;
    /*width: 200px;*/
	margin-left: -220px;
	margin-left: 175px\0!important;;
	float: right\0!important;
	z-index: 6000;
}

    .search-container #TopNavigationSearchBox {
        border: 1px solid #CCCCCC;
       
        padding: 5px;
        width: 135px!important;
    }

    .search-container #TopNavigationSearchButton {
        background: url("/images/TemplateImages/icons/search-grey.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        cursor: pointer;
        height: 24px;
        outline: medium none;
        position: absolute;
        right: 0;
        top: 7px;
        width: 20px;
    }

#PageCenterColumn #SlideShowAreaContainer {
    border: 2px solid #FF0000;
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 960px;
}


#PageCenterColumn #SlideShowContainer {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px 2px #004177;
    float: left;
    height: 163px;
    margin-top: 1px;
    width: 960px;
}

#PageCenterColumn #SlideShowImageDisplay > img {
    height: 300px !important;
    width: 960px;
}

html {
    background: url("/images/TemplateImages/backgrounds/bg-main.png") repeat-y center top #fff;
}

#MainContentArea h1 {
    color: #888888;
    font-size: 28px;
    font-weight: normal;
}

.Homepage-Blurb {
    border-top: 1px solid #CCCCCC;
    margin-top: 20px;
}

    .Homepage-Blurb a {
        text-transform: lowercase;
    }

.Homepage-Blurb-Area {
    box-shadow: 2px 3px 5px #888888;
    display: inline-block;
    float: left;
    min-height: 20em;
    margin-left: 33px;
    margin-right: 33px;
    padding: 10px;
    width: 41%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.Homepage-Blurb-Header {
    border-bottom: 1px solid #F1F1F1;
    font-size: 2em;
    margin-bottom: 0.25em;
    padding-bottom: 0.25em;
    width: 100%;
}

.Homepage-Blurb-Area.Classifieds .categories-list {
    width: 100%;
    border-top-right-radius: 10px;
}


.Homepage-Blurb-Area.Classifieds .categories-list-header {
    width: 94%;
}


.Homepage-Blurb-Area.Coupons > div:nth-child(2) {
    color: #ED853F;
    display: inline-block;
    float: left;
    font-size: 1.8em;
    width: 48%;
}

.Homepage-Blurb-Area.Coupons .Homepage-Blurb-Coupons-Img {
    display: inline-block;
    float: left;
    width: 50%;
}

.Homepage-Blurb-Area.Coupons > p {
    display: block;
    float: left;
}


.Homepage-Blurb-Area.Catalogue > img {
    display: inline-block;
    float: left;
    height: 17em;
}

.Homepage-Blurb-Area.Classifieds {
}

.FooterColumn {
    border-right: 1px solid #CCCCCC;
    display: inline-block;
    float: left;
    height: 180px;
    margin-bottom: 15px;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 20px;
    text-align: left;
    width: 190px;
}

    .FooterColumn ul {
        padding: 0;
        margin: 0;
    }

    .FooterColumn h3 {
        color: #888888;
        margin-bottom: 2px;
        margin-top: 0;
        padding: 0;
    }

    .FooterColumn h2 {
        color: #888888;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 0;
        padding: 0;
        text-transform: uppercase;
    }

.FooterColumn4 {
    border-right: none;
}

    .FooterColumn4.FooterColumn > p {
        font-size: 9px;
    }

    .FooterColumn4 fieldset {
        border: medium none;
        padding: 0;
        margin: 0;
    }

    .FooterColumn4 .NewsletterInput {
        border: medium none;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        box-shadow: 0 0 3px #CCCCCC;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-top: 5px;
        width: 200px;
        float: left;
    }



.Button-Go {
    background: url("/images/TemplateImages/icons/right-arrow-grey-18x18.png") no-repeat scroll right center transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 24px;
    margin-right: -10px;
    margin-top: -25px;
    outline: medium none;
}


.TopNavAccountAndCartAreaContainer {
    display: inline-block;
    float: right;
    height: 83px;
    position: relative;
    width: 650px;
    padding-top: 23px;
}


    .TopNavAccountAndCartAreaContainer .AccountWelcome {
        margin-top: 11px;
        text-align: left;
        width: 200px;
    }

        .TopNavAccountAndCartAreaContainer .AccountWelcome .logout {
            margin-bottom: 10px;
        }

    .TopNavAccountAndCartAreaContainer .CartContainer {
        display: inline;
        float: right;
        padding: 10px;
        width: 160px;
    }






    .TopNavAccountAndCartAreaContainer .CartItems {
        display: inline;
        float: right;
    }

    .TopNavAccountAndCartAreaContainer #PreviewCartLink {
        padding-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        float: right;
    }

    .TopNavAccountAndCartAreaContainer .CheckoutLink {
        display: inline-block;
        position: absolute;
        right: 190px;
        top: 30px;
    }

    .TopNavAccountAndCartAreaContainer .CartContainer > #CartPreviewCheckout {
        display: inline-block;
        position: absolute;
        right: 255px;
        top: 30px;
    }

    .TopNavAccountAndCartAreaContainer .cart-image {
        position: absolute;
        right: 130px;
        top: 29px;
    }

.top-area {
    height: 145px;
}

.TopNavAccountAndCartAreaContainer #SalesConsultantContainer {
    border: 2px solid #BEBEC0;
    border-radius: 5px 5px 5px 5px;
    height: 86px;
    margin-top: 10px;
    width: 250px;
    display: none !important;
}

.TopNavAccountAndCartAreaContainer .SalesConsultantInformationLink.SalesConsultantInformationLinkImg > img {
    height: 85px;
    padding-right: 10px;
}




.TopNavAccountAndCartAreaContainer .SalesConsultantRHS {
    display: inline;
    float: right;
}

.TopNavAccountAndCartAreaContainer .SalesConsultantLHS {
    display: inline-block;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 140px;
}

.TopNavAccountAndCartAreaContainer #SalesConsultant {
    margin: 0;
    text-align: center;
    width: 250px;
    padding-left: 10px;
}

.SalesConsultantName {
    display: inline;
    margin-bottom: 10px;
}

.TopNavAccountAndCartAreaContainer .SalesConsultantInformationLink {
    display: inline-block;
    float: right;
}



.TopNavAccountAndCartAreaContainer .SalesConsultantEmailLink {
    display: inline-block;
    float: left;
}











.TopNavAccountAndCartAreaContainerLANDING {
    display: inline-block;
    float: right;
    height: 83px;
    position: relative;
    width: 650px;
    padding-top: 5px;
}



    .TopNavAccountAndCartAreaContainerLANDING .AccountWelcome {
        display: block;
        float: right;
        text-align: right;
        width: 100%;
        margin-bottom: 10px;
    }

        .TopNavAccountAndCartAreaContainerLANDING .AccountWelcome .logout {
            margin-bottom: 10px;
        }

    .TopNavAccountAndCartAreaContainerLANDING .CartContainer {
        display: inline;
        float: right;
        height: 84px;
        padding: 10px;
        width: 350px;
    }

    .TopNavAccountAndCartAreaContainerLANDING #CartPreviewContainer {
        top: 120px;
        position: absolute;
        right: 100px;
    }

    .TopNavAccountAndCartAreaContainerLANDING .CartContainer > a {
        float: right;
        padding-left: 10px;
        padding-right: 10px;
    }

        .TopNavAccountAndCartAreaContainerLANDING .CartContainer > a img {
            float: right;
            padding-right: 0px;
        }


    .TopNavAccountAndCartAreaContainerLANDING .CartItems {
        display: inline;
        float: right;
    }


    .TopNavAccountAndCartAreaContainerLANDING #PreviewCartLink {
        position: absolute;
        right: 253px;
        top: 55px;
    }

    .TopNavAccountAndCartAreaContainerLANDING .CheckoutLink {
        position: absolute;
        right: 175px;
        top: 55px;
    }

    .TopNavAccountAndCartAreaContainerLANDING #SalesConsultantContainer {
        border: 2px solid #BEBEC0;
        border-radius: 5px 5px 5px 5px;
        height: 86px;
        margin-top: 10px;
        width: 250px;
        display: none !important;
    }

    .TopNavAccountAndCartAreaContainerLANDING .CartContainer > a {
        float: none;
    }









.small-button {
    background: url("/images/TemplateImages/icons/more-info-subtle30x30.png") no-repeat scroll 0 0 transparent;
    float: left;
    width: 30px;
    height: 30px;
}



.button-usual, .AddToOrderBulk input, .button, .PreviewCartLink, #ordergrid > input,
#ProductDisplayGridPage #PageCenterColumn #ProductDisplayProductContainer #AddToCartButtonContainer input {
    border: 1px solid #888888;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #CCCCCC;
    font-size: 11px;
   /* float: left;*/
    padding: 2px 7px !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #FFFFFF;
    color: #888 !important;
    font-family: arial;
    background: #f1f1f1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

    .button-usual > a, .AddToOrderBulk input > a, .button > a, .PreviewCartLink > a, #ordergrid > input > a {
        text-align: center;
        text-decoration: none;
        text-shadow: 0 0 1px #FFFFFF;
        font-size: 11px;
        color: #888 !important;
    }

    .button-usual:hover, .AddToOrderBulk input:hover, .button:hover, .PreviewCartLink:hover, #ordergrid > input:hover,
    #ProductDisplayGridPage #PageCenterColumn #ProductDisplayProductContainer #AddToCartButtonContainer input:hover {
        animation-name: glow;
        animation-duration: 1s;
        animation-iteration-count: 1;
        -moz-animation-name: glow;
        -moz-animation-duration: 3s;
        -moz-animation-iteration-count: 1;
        -webkit-animation-name: glow;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: 1;
        /* Old browsers */
        background: #f1f1f1; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f1f1f1 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f1f1f1 0%,#cccccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    }


    .button-usual > a, .AddToOrderBulk input > a, .button > a, .PreviewCartLink > a, #ordergrid > input > a {
        text-align: center;
        text-decoration: none;
        text-shadow: 0 0 1px #FFFFFF;
        color: #888 !important;
        animation-name: glow;
        animation-duration: 1s;
        animation-iteration-count: 1;
        -moz-animation-name: glow;
        -moz-animation-duration: 3s;
        -moz-animation-iteration-count: 1;
        -webkit-animation-name: glow;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: 1;
    }




#ordergrid > input {
    width: auto !important;
    font-size: 11px;
    float: none !important;
}

/****************** LHS New Menu ****************************/

.ui-accordion {
    width: 90%;
}


    .ui-accordion .ui-accordion-header {
        padding: 0;
        line-height: 1 !important;
        margin-top: 0px !important;
        /*border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #E1E1E1;
	*/
        font-weight: normal !important;
        font-size: 11px !important;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background: none !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px dotted #CCCCCC;
        font-family: Arial, Helvetica, sans-serif !important;
    }


    .ui-accordion a:hover {
        color: #0366CE !important;
    }

    .ui-accordion .ui-accordion-content {
        line-height: normal !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 20px !important;
        /* border: 1px solid #E1E1E1; */
        font-weight: normal !important;
        font-size: 11px !important;
    }



.ui-widget-content a {
    color: #666666 !important;
    font-size: 11px;
    font-family: sans-serif;
}

.SubMenu > div {
    display: inline-block;
    margin-top: 10px;
    padding-left: 10px;
}

.SubMenu.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    padding-right: 0;
}

.HeaderMenu {
    background: none;
    text-transform: capitalize;
    font-size: 16px !important;
    text-align: right;
    float: right;
    border: none !important;
    display: block !important;
    width: 200px;
}

    .HeaderMenu a {
        color: #1F87C0 !important;
        text-transform: capitalize;
        font-size: 16px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-bottom: 10px !important;
        padding-top: 0px !important;
    }

    .HeaderMenu span {
        background-image: none !important;
    }

.SubMenu {
    background-image: none !important;
    border: medium none !important;
    float: right;
    margin-right: 20px;
    text-align: right;
}

    .SubMenu ul {
        background: none repeat scroll 0 0 #F1F1F1;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        list-style: none outside none;
        margin-top: -5px;
        padding-right: 10px;
    }

        .SubMenu ul a {
            text-transform: capitalize;
        }
/************************* End LHS New Menu *************************/

#divOrders {
    width: 770px;
    margin-top: 0px !important;
}

#ordergrid > input {
    margin-bottom: 15px !important;
}

.layout-main-area-title-heading {
    display: inline-block;
    float: left;
}

.layout-main-area-title {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    float: left;
    font-family: 'Microsoft Sans Serif';
    /*margin-bottom: 10px;*/
    font-weight: 100;
    text-align: left;
    width: 960px;
}


.layout-middle-area-menu {
    display: inline-block;
    float: right;
    width: 100%;
}

.related-products-area {
    clear: both;
    border-top: 1px solid #CCCCCC;
    margin-top: 10px;
}

#FormEntryPage {
    float: left;
}


.customer-care-blurb {
    color: #1F87C0;
    display: block;
    float: left;
    width: 960px;
}

.CustomPageLayoutTable td {
    height: 30px;
}

.customer-care-number {
    color: #1F87C0;
    font-size: 20px;
    padding-top: 10px;
}

    .customer-care-number span {
        color: #F7656B;
        font-size: 20px;
        padding-top: 10px;
    }

.contact-us {
    font-size: 14px;
    display: block;
    float: left;
    width: 960px;
}

.contact-us-header {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    width: 960px;
    margin-top: 5px;
}

.contact-us-LHS {
    display: inline-block;
    float: left;
    width: 69%;
}

.contact-us-RHS {
    display: inline-block;
    float: right;
    width: 30%;
}

.contact-us-addresses > span {
    color: #1F87C0 !important;
}

.contact-us-LHS .button {
    margin: 2px;
}

.contact-us-Bottom {
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.contact-us-numbers {
    /*float: left;*/
    font-size: 14px;
    /*padding: 20px;*/
}

    .contact-us-numbers > span {
        color: #1F87C0;
    }

    .contact-us-numbers p {
        /*margin-top: 2px;*/
        /*margin-bottom: 2px;*/
    }

        .contact-us-numbers p span {
            color: #F7656B;
            font-size: 14px;
            padding-right: 20px;
        }

.about-us {
    font-size: 14px;
}

.about-us-header {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    width: 960px;
    margin-top: 5px;
}

.about-us .layout-main-area-title {
    margin-bottom: 20px;
}

.about-us p > span {
    color: #1F87C0;
}


.e-commerce {
    font-size: 14px;
}

.e-commerce-header {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    width: 960px;
    margin-top: 5px;
}

.e-commerce .layout-main-area-title {
    margin-bottom: 20px;
}

.e-commerce p > span, .e-commerce h2 > span, .e-commerce h1 > span {
    color: #1F87C0;
}

.e-commerce p > span {
    color: #1F87C0;
}

.e-commerce .e-commerce-left-column {
    display: inline-block;
    float: left;
    width: 49%;
    min-height: 450px;
}

.e-commerce .e-commerce-right-column {
    display: inline-block;
    float: right;
    width: 49%;
}

.registration {
    font-size: 14px;
    margin-top: -15px;
}

.registration-header {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    width: 960px;
    margin-top: 5px;
}

.registration .layout-main-area-title {
    margin-bottom: 20px;
}

.registration > h3 {
    float: left;
    text-align: left;
}


.careers-header {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    width: 960px;
    margin-top: 5px;
}

.careers .layout-main-area-title {
    margin-bottom: 20px;
}

.careers p > span {
    color: #1F87C0;
}

.job-vacancies {
    font-size: 16px;
}

.job {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .job .article-button-rego-and-info, .job .article-button-pdf {
        float: none;
    }

    .job span {
        color: #888888;
    }



.buy-online-slideshow {
    display: inline;
    float: left;
    margin-top: 20px;
}

.buy-online-slideshow {
    display: inline;
    float: left;
    margin-top: 20px;
}

    .buy-online-slideshow .homepage-nivo-slider-image {
        height: auto;
        width: 795px !important;
    }

    .buy-online-slideshow .nivoSlider {
        width: 795px;
    }

.layout-top-area-buyonline {
    display: block;
    float: left;
    height: 420px;
}


    .layout-top-area-buyonline .TopNavAccountAndCartAreaContainer {
        display: inline-block;
        float: left;
        padding-top: 20px;
        position: relative;
        width: 960px;
        border-bottom: 1px solid #CCCCCC;
        height: 50px;
    }


        .layout-top-area-buyonline .TopNavAccountAndCartAreaContainer .AccountWelcome {
            margin-top: 10px;
            text-align: left;
            display: inline;
            width: 450px;
        }

        .layout-top-area-buyonline .TopNavAccountAndCartAreaContainer .CartContainer {
            margin-top: 10px;
            display: inline;
            float: right;
            width: 500px;
            padding: 0px;
        }

        .layout-top-area-buyonline .TopNavAccountAndCartAreaContainer #PreviewCartLink {
            float: right;
            margin-bottom: 10px;
            margin-left: 10px;
            margin-right: 10px;
            padding-right: 0;
            margin-top: 0;
        }

    .layout-top-area-buyonline .LogoContainer img {
    }


.layout-middle-area-menu #menuTop > a {
    color: #1F87C0;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #ccc;
}

.layout-middle-area-menu #menuTop li:last-child > a {
    border: none;
}

#PromotionsContainer > h2 {
    color: #1F87C0;
}


/*****************Order Cart Promos START ************************/

.promo-desc {
    color: #503F73;
    font-size: 12px;
    
}

.promo-desc {
    color: #503F73;
    font-size: 12px;
    
}

.promo-selection {
    color: #F04B52;
}

.promo-drawline {
    color: #000000;
	border: 1px;
}

    .promo-selection > b {
        color: #1F87C0;
    }

#divOrders #pageOrders table tr > td:nth-child(7) input {
    width: 30px;
}

#PromotionsContainer > div {
    padding-bottom: 5px;
}

    #PromotionsContainer > div p {
        padding-left: 10px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 5px;
    }

#PromotionsContainer .promo {
    padding: 5px;
}


    #PromotionsContainer .promo:nth-child(even) {
        background: #FFFFFF !important;
		
    }

    #PromotionsContainer .promo:nth-child(odd) {
        background: #FFFFFF !important; 
		
		
    }

/*****************Order Cart Promos END ************************/



.OrderQtyColumn > input {
    width: 30px !important;
}

.ProductDetail-InfoArea3 > input[type="text"] {
    width: 30px;
}

.ProductAccessoriesCell {
    display: inline-block;
    float: left;
}

.ProductAlternatesCell {
    display: inline-block;
    float: right;
}


/*------------------------------------*\
    RELATED PRODUCTS
\*------------------------------------*/

#fancybox-content {
    overflow: auto !important;
    height: 720px !important;
    width: 890px !important;
}


    #fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-direction-rtl {
        direction: rtl;
    }

    #fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: 340px;
        padding: 3px;
    }


.related-slider .jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

#fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 315px;
    margin-left: 10px;
    height: 190px;
}

#fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-item {
    width: 135px;
    height: 143px;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 7px;
    background: #FFF;
    padding: 5px;
}

#fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 5px;
}




#fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */



#fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-next-horizontal {
    background: url("/images/TemplateImages/gallery/next-horizontal.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: -5px;
    top: 55px;
    width: 27px;
}

#fancybox-content .related-slider .jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: url("/images/TemplateImages/gallery/prev-horizontal.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 32px;
    position: absolute;
    left: -15px;
    top: 55px;
    width: 27px;
    z-index: 9001;
}

#fancybox-content .ProductDetail-Area {
    clear: both;
    display: inline-block;
    margin: 0 40px 10px;
    height: 200px;
    padding: 0;
    position: relative;
    width: 340px;
}

#fancybox-content .ProductDetail-Header {
    color: #1F87C0;
    display: block;
    font-size: 14px;
    padding: 0px 5px;
}

#fancybox-content .related-slider h2, #fancybox-content .related-slider span {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}


#fancybox-content .related-image {
    height: 70px;
    padding: 5px;
    max-width: 70px;
}

#fancybox-content #alternatives-carousel, #fancybox-content #accessories-carousel {
    height: 160px;
}

#fancybox-content .popup-related-products-sliders {
    display: block;
    float: left;
    width: 855px;
    height: 210px;
    padding-top: 10px;
}


.promotion-embed-or-image > img {
    display: block;
    float: left;
    margin-left: 35px;
    text-align: center;
    width: 150px;
}

/*------------------------------------*\
    END - RELATED PRODUCTS
\*------------------------------------*/


.footer-final > a {
    display: inline-block;
}

.breadcrumbs > h1 {
    margin: 0;
}

.menu-spacer {
    height: 15px;
    width: 100%;
}

#formHome .LeftColSubList {
    /*margin-left: 85px !important;*/
}


#FormEntryPage fieldset {
    display: inline-block;
    float: left;
    width: 600px;
    padding-left: 20px;
}

#FormEntryPage .register {
    display: inline-block;
    float: left;
    width: 800px;
    padding-left: 20px;
	border: 0px;

}

#FormEntryPage .register label{
	width:100%;
}


#button-validate-order{
border: 1px solid #888888;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 2px #CCCCCC;
font-size: 15px;
float: left;
padding: 2px 7px !important;
text-align: center;
text-decoration: none;
text-shadow: 0 0 1px #FFFFFF;
color: #888 !important;
font-family: arial;
background: #f1f1f1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #f1f1f1 0%,#cccccc 100%);
background: -o-linear-gradient(top, #f1f1f1 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #f1f1f1 0%,#cccccc 100%);
background: linear-gradient(to bottom, #f1f1f1 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 );
}

.error{
	color:red;
}




/******************************** Article/ Eduction and Events Section ********************************/

.Article-Area-Header {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 960px;
}

    .Article-Area-Header h1 {
        display: inline-block;
        float: left;
    }

    .Article-Area-Header select {
        display: inline-block;
        float: right;
        margin-top: 20px;
    }

.article {
    background: none repeat scroll 0 0 #F0F1F1;
    display: inline-block;
    float: left;
    height: 450px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 5px;
    width: 220px;
    overflow: hidden;
    position: relative;
}

.article-description {
    color: #0D6BC3;
    font-size: 20px;
}


.bottom-buttons {
    bottom: 0;
    display: block;
    position: absolute;
    vertical-align: bottom;
}

.button.article-back-button {
    margin-bottom: 20px;
}


.article-image > img {
    border: 1px solid #0D6BC3;
    max-height: 219px;
    width: 219px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.article-presenter {
    font-weight: bold;
}


.article-button-rego-and-info, .article-button-pdf {
    display: inline-block;
    float: left;
    width: 110px;
}

/******************************** END Article/ Eduction and Events Section ********************************/



/******************************** Article HSH Cares Section ********************************/

.Article-Area-Header {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 960px;
}

    .Article-Area-Header h1 {
        display: inline-block;
        float: left;
    }

    .Article-Area-Header select {
        display: inline-block;
        float: right;
        margin-top: 20px;
    }

.hshcares-feature {
    display: block;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    padding-left: 20px;
    width: 98%;
    background: none repeat scroll 0 0 #F0F1F1;
}

.hshcares-feature-lhs {
    display: inline-block;
    float: left;
    width: 48%;
}

    .hshcares-feature-lhs span {
        color: #0D6BC3;
    }

.hshcares-articles {
    float: left;
    margin-bottom: 20px;
}

.hshcares-header {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    margin-top: 5px;
    width: 960px;
}

.hshcares-article {
    border-bottom: 1px solid #0D6BC3;
    border-top: 1px solid #0D6BC3;
    display: inline-block;
    float: left;
    /*height: 200px;*/
    margin-right: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 5px;
    /*width: 490px;*/
    width: 100%;
}


.hshcares-article-lhs {
    display: inline-block;
    float: left;
    /*width: 240px;*/
    width: 70%;
}

.hshcares-feature-rhs {
    display: inline-block;
    float: right;
    width: 48%;
}

.hshcares-article-rhs {
    display: inline-block;
    float: right;
    width: 240px;
}

.hshcares-article-lhs-title {
    color: #0D6BC3;
    font-size: 20px;
}

.button.article-back-button {
    margin-bottom: 20px;
}


.hshcares-article-image img {
    max-height: 200px;
    width: 240px;
    margin-top: 5px;
    margin-bottom: 5px;
}


/******************************** END Article HSH Cares Section ********************************/


/*************** Promotions *****************/

.promotion {
    background: none repeat scroll 0 0 #F0F1F1;
    display: inline-block;
    float: left;
    height: 285px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 5px;
    width: 220px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.promotion-description {
    color: #0D6BC3;
    font-size: 20px;
    min-height: 50px;
}

.button.article-back-button {
    margin-bottom: 20px;
}


.promotion-embed-or-image embed {
    height: auto !important;
    width: 220px !important;
}

.promotion .article-button-pdf {
    float: none;
    bottom: 0px;
    position: absolute;
    left: 25%;
}




/*************** Promotions END*****************/
.favourite-product-image {
    height: 30px;
    width: 30px;
}


/*************** Static Pages Styles START*****************/

.static-content {
    font-size: 14px;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #888;
    font-size: 13px;
}

.static-content-header {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    width: 960px;
    margin-top: 5px;
}

.static-content-header-title {
    margin-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    display: block;
    float: left;
    font-family: 'Microsoft Sans Serif';
    font-weight: 100;
    text-align: left;
    width: 960px;
}


.static-content p {
    text-align: left;
}

    .static-content p > span {
        color: #1F87C0;
    }

/*************** Static Pages Styles END*****************/


/*************** Classifieds Styles START*****************/


.categories-list {
    background: none repeat scroll 0 0 #F1F1F1;
    float: left;
    margin-right: 10px;
    min-height: 200px;
    width: 25%;
}


.categories-list-header {
    background: none repeat scroll 0 0 #0866A6;
    border-top-right-radius: 10px;
    box-shadow: 2px 3px 5px #888888;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 11px;
    width: 91%;
}



.categories-list > a {
    display: block;
    float: left;
    padding-left: 40px;
    width: 100%;
}


.cat-total {
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px;
}

.subcat-total {
    margin-left: 40px;
}



.classifieds-section {
    border-top-right-radius: 10px;
    box-shadow: 2px 3px 5px #888888;
    display: inline-block;
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    width: 660px;
    margin-bottom: 20px;
}


.classifieds-section-header {
    background: none repeat scroll 0 0 #CCCCCC;
    border-top-right-radius: 10px;
    box-shadow: 2px 3px 5px #888888;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 27px;
    margin-bottom: 10px;
    margin-left: -22px;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 50px;
    padding-top: 10px;
    width: 633px;
}

.classifieds-section-add > div > span {
    font-weight: bold;
}


.classifieds-section-add {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 20px;
}

.classifieds-section .classifieds-section-add:last-child {
    border-bottom: 0px hidden;
}

table td .text {
    /*float: left;*/
}
/*center>table
{
	width:950px;
}*/
#AccountPay #accountPayFrame1
{
	width:940px!important;
	margin-left: -84px;
}
td#accountPayFrameTitle{
	width:800px!important;
}
#pay_pnlPeriodSelect{
	margin-left: 60px;
}
#cvfUserMaintenance{
width:700px;	
}
#ChangePasswordFrame{
width:700px;	
}
#cvfTrackPreviousOrderSelectionCriteriaTable{
width:700px;	
}
#cvfTrackPreviousOrderSelectionCriteriaTable{
width:700px;	
}
#cvfOrderFrameTable{
	width:700px;
}
#cvfTotalsFrameTable{
	width:700px;
}
/*************** Classifieds Styles END*****************/

#nonTemplateBasedContainer > div {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    width: 600px;
}

.layout-main-area-content {
    display: inline-block;
    width: 775px;
}

.layout-main-area {
    display: block;
    float: left;
}

.link-section {
    display: inline-block;
    float: left;
    width: 50%;
}


/*************** Territories Styles Start *****************/

.territories > div {
    display: inline-block;
    float: left;
    margin: 20px;
    width: 44%;
}


.territories-managers {
    display: inline-block;
    float: right;
    font-size: 12px;
    width: 220px;
    word-wrap: break-word;
}

    .territories-managers span {
        font-weight: bold;
        padding-right: 2px;
    }

.territories-img {
    float: left;
    width: 200px;
}




/*************** Territories Styles END *****************/

.place-holder {
    display: none;
}

.conditions p {
    margin-top: 5px;
}

.conditions span {
    font-weight: bold;
}


.static-content-header-image {
    border: 1px solid #CCCCCC;
    border-bottom-right-radius: 75px;
    box-shadow: 2px 4px 10px #888888;
    margin-top: 5px;
    width: 960px;
}



/*Show more/less slider*/

.territories-img-main-container {
    float: left;
    max-height: 500px;
    position: relative;
    margin-bottom: 50px;
}

.territory-managers-wrapper {
    height: auto;
    width: 270px;
    margin: 0 auto;
    padding: 0 0 2em 0;
    position: relative;
}

.territory-manager {
    height: 47px;
    padding: .5em 0;
    border-bottom: solid 1px #fff;
    border-radius: 0 0 1em 1em;
    overflow: hidden;
    position: relative;
    padding: 5px;
    background: none repeat scroll 0 0 #F1F1F1;
}



.territories-img-main {
    display: inline-block;
    float: none;
    padding-left: 200px;
    text-align: center;
}


.territory-managers-wrapper.terr1 {
    left: 153px;
    top: -522px;
}

    .territory-managers-wrapper.terr1 > div {
        border-right: 10px solid #EB6430;
    }

.territory-managers-wrapper.terr2 {
    left: 266px;
    top: -541px;
}

    .territory-managers-wrapper.terr2 > div {
        border-right: 10px solid #48B64A;
    }

.territory-managers-wrapper.terr3 {
    left: 330px;
    top: -557px;
}

    .territory-managers-wrapper.terr3 > div {
        border-right: 10px solid #487CA7;
    }

.territory-managers-wrapper.terr4 {
    left: 357px;
    top: -520px;
}

    .territory-managers-wrapper.terr4 > div {
        border-right: 10px solid #382E90;
    }


.territory-managers-wrapper.terr5 {
    left: -135px;
    top: -616px;
}

    .territory-managers-wrapper.terr5 > div {
        border-right: 10px solid #662A90;
    }

.territory-managers-wrapper.terr6 {
    left: -111px;
    top: -615px;
}

    .territory-managers-wrapper.terr6 > div {
        border-right: 10px solid #1D7338;
    }

.territory-managers-wrapper.terr7 {
    left: -177px;
    top: -628px;
}

    .territory-managers-wrapper.terr7 > div {
        border-right: 10px solid #FBFF15;
    }

.territory-managers-wrapper.terr8 {
    left: -110px;
    top: -465px;
}

    .territory-managers-wrapper.terr8 > div {
        border-right: 10px solid #0054A6;
    }


.territory-managers-wrapper.terr9 {
    left: 364px;
    top: -275px;
    width: 290px;
}

    .territory-managers-wrapper.terr9 > div {
        border-right: 10px solid #F50021;
    }



.territory-managers-wrapper.terr10 {
    left: 100px;
    top: 20px;
}

    .territory-managers-wrapper.terr10 > div {
        border-right: 10px solid #577AB1;
    }

.SortBy {
    background: none repeat scroll 0 0 #0866A6;
    border: medium none;
    border-top-right-radius: 10px;
    box-shadow: 2px 3px 5px #888888;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: -5px;
    margin-top: 5px;
    padding-top: 8px;
    width: 98%;
}

.SortBy .ddlSortBy {
    border: 1px solid #DBDBDB;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    margin: 0 0 0 5px;
    padding: 2px 4px;
    width: 160px;
}


#formLogin table table table table:first-child tr:first-child td {
    background: none repeat scroll 0 0 #CCCCCC;
    border-top-right-radius: 10px;
    box-shadow: 2px 3px 5px #888888;
    color: #000000 !important;
    float: left;
    height: 27px;
    margin-top: 0;
    padding-left: 0;
    /*padding-right: 50px;*/
    padding-top: 10px;
}





#formLogin table td .text {
    border-color: #888888 !important;
    padding: 5px !important;
}



table td .text {
    text-align: left;
    visibility: visible !important;
}

table td .text {
    border-color: #000000;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    padding: 2px;
    text-align: left;
    top: auto !important;
    visibility: visible !important;
}


#formLogin table table table table td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multi-item-image {
    border-bottom-right-radius: 30px;
    box-shadow: 2px 3px 5px #888888;
}


/*  Social media icons */

.top-social-media {
    display: block;
    float: left;
   
    top: 100px;
}

.top-social-media a {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.top-social-media img {
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
}

.article-image {
    /*position: absolute;
    top: 130px;*/
}


.Article-Area {
    float: left;
    margin-bottom: 30px;
}

.FooterColumn4.FooterColumn > img {
    max-width: 210px;
}

#txtDone {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #888 !important;
    font-size: 13px !important;
    line-height: 19px !important; 
}

.ordertotals-table .ordertotals-options {
    /*display: none;*/
}

#ordergrid > #ordergrid_btnComplete {
color: #FF0000 !important;
font-weight: bold !important;
}


/*************** Order Conclusion Styles *****************/

.order-conclusion-cell {
    width: 960px;
}
#orderlines {
    width: 400px;
}

#orderlines td {
    padding: 1px;
}
#orderlines td font {
    font-size: 12px !important;
}
td#catborderBot{
	background-color: white!important;
}
u{
	margin-left: -14px;
}

/*************** Message styles *****************/
.message{
color: green;
font-weight: bold;
font-size: 14px;
	
}
span.brand{
float:left;
text-align:left;
}

#fancybox-wrap{
	width:900px!important;
}

#formOrders .ordertotals-options{
	display:none;
}
#formProdFavourites  td{
padding-left: 5px;
padding-right: 5px;
}
#cvpfProductFavourites{
	margin-left:-75px;
}
#formOnlinePayment td {
	border: 1px ;
	margin-left:40px;
}

#formOnlinePayment table{
	border: 1px ;
	margin-left:25px;
}
#formOrderTemplates #orderdetail{
	width:936px;
	float:left;
	margin-left: -80px;
	z-index: 1000
}
#formOrderTemplates  .ordertotals-value-table{
background-color:transparent!important;
}
#div[id^='cvucgriOrderImport'] {
text-align: left !important;
}

#formOrderSearchL #cvgrOrders_DataGridTableContainer{
	width:900px;
	float:left;
	margin-left: -60px;
	z-index: 1000;
	padding:10px;
}
#formOrderSearchL #cvfTrackPreviousOrderSelectionCriteriaTable{
width: 900px;
margin-left: -51px;
}
#formOrderApprove #orderdetail table{
	width: 970px!important;
	margin-left: -50px;
	z-index: 2000;
	background-color:transparent!important;
	text-align: left;
	float: left;
}



#formOrderApprove .ordertotals-table{
	z-index: 1000!important;
}

/*#formOrderSearchL #cvfOrderFrameTable {
	display: none;
}
#formOrderSearchL  #cvpfOrderLinesTable{
	display: none;
}


#formOrderSearchL #cvpfApprovalLogsTable{
	display: none;
}
#formOrderSearchL #cvfTotalsFrameTable{
	display: none;
}*/


/*education styles */
.article-sub-description{
	min-height: 64px;
}
.article-description{
	min-height: 96px;
}
.article-image img{
	min-height: 219px;
	
}
#ordergrid > #ordergrid_btnCompleteOCI {
color: #FF0000 !important;
font-weight: bold !important;
}


#formOrderApprove #ordergrid table {
	width:900px!important;
	margin-left: -40px;
	
}


#formOrderApprove a#ReturnButton {
	font-weight: bold;
	font-size: 12pt;
}
.input-error {
border: 1px solid red !important;
}

.header{
	color:red;
	margin-bottom: -40px;
}

#btnlbl{
	margin-right: -151px;
}

#formLogoutOCI #btnContinue,
#formLogoutOCI #btnEdit {
	cursor: pointer;
}

#formLogoutOCI #btnContinue {
	color: red !important;
}

#formOrderSearchL  #cvpfOrderLinesTable{
	margin-left: -110px;
}

#formOrderSearchL #cvpfOrderLinesTable {
	width: 1000px;

}

/*#cvfTotalsFrameTable table:nth-child(1) td:nth-child(2){
	width: 22%!important;
	position: absolute;
	
}*/
#formOrderTemplates .order-detail-list .headingRow td {
color:  white;
}
#formOrderTemplates .order-detail-list{
	width: 959px!important;
	margin-left: -14px;

}

#formOrders .order-detail-list .headingRow td {
color:  white;
}

#formOrderSearchL #cvfTotalsFrameTable {
width: 882px;
}



#formOrderApprove .headingRow td{
	color:white;
}
.main-menu{

	z-index: 5000;
}


#orderdetail table .headingRow td:nth-child(4){
		width: 100px;
	
	table-layout: fixed;
}

#orderdetail table .headingRow td:nth-child(3){

	width: 200px!important;
}



#orderdetail table .headingRow td:nth-child(7){
	width: 100px;
	
}

#orderdetail table td:nth-child(8) input[type="text"]{
	width: 100px;
	
}

#returnButton{
margin-left: -20px;
margin-top: -20px;
position: absolute;
}


#formProdFavourites #tableProductFavourites{
	width:960px!important;
	margin-left: -15px;
	
}

#formLogin #LoginContainer {
	display: none !important;
	
}