/*-----------------------------------------------------------------------------------*/
/*	Auto Provisioning 
/*  Skin styles for Acumen Modules by Acumen Online jason@acumenonline.co.nz
 
    This document is not to be copied or reproduced in anyway.
/*-----------------------------------------------------------------------------------*/

@import 'AOResponsive.css';

@font-face {
    font-family: FuturaLT;
    src: url('/Portals/_default/Font/FuturaLT.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-Bold;
    src: url('/Portals/_default/Font/FuturaLT-Bold.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-BoldOblique;
    src: url('/Portals/_default/Font/FuturaLT-BoldOblique.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-Book;
    src: url('/Portals/_default/Font/FuturaLT-Book.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-BookOblique;
    src: url('/Portals/_default/Font/FuturaLT-BookOblique.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-Condensed;
    src: url('/Portals/_default/Font/FuturaLT-Condensed.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-CondensedBold;
    src: url('/Portals/_default/Font/FuturaLT-CondensedBold.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-CondensedBoldOblique;
    src: url('/Portals/_default/Font/FuturaLT-CondensedBoldOblique.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-CondensedExtraBold;
    src: url('/Portals/_default/Font/FuturaLT-CondensedExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-CondensedLight;
    src: url('/Portals/_default/Font/FuturaLT-CondensedLight.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-CondensedLightObl;
    src: url('/Portals/_default/Font/FuturaLT-CondensedLightObl.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-CondensedOblique;
    src: url('/Portals/_default/Font/FuturaLT-CondensedOblique.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-CondExtraBoldObl;
    src: url('/Portals/_default/Font/FuturaLT-CondExtraBoldObl.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-ExtraBold;
    src: url('/Portals/_default/Font/FuturaLT-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-ExtraBoldOblique;
    src: url('/Portals/_default/Font/FuturaLT-ExtraBoldOblique.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-Heavy;
    src: url('/Portals/_default/Font/FuturaLT-Heavy.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-HeavyOblique;
    src: url('/Portals/_default/Font/FuturaLT-HeavyOblique.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-Light;
    src: url('/Portals/_default/Font/FuturaLT-Light.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-LightOblique;
    src: url('/Portals/_default/Font/FuturaLT-LightOblique.ttf') format('truetype');
}

@font-face {
    font-family: FuturaLT-Oblique;
    src: url('/Portals/_default/Font/FuturaLT-Oblique.ttf') format('truetype');
}



UL LI {
    list-style: none;
}

.BackOrderYes, .BackOrderNo {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
}

.BackOrderNo {
    background: url(../0/skinobjects/Cross_red.png) no-repeat;
    background-size: 10px;
    -moz-background-size: 10px;
    -o-background-size: 10px;
    -webkit-background-size: 10px;
}

.BackOrderYes {
    background: url(../0/skinobjects/Yestick.png) no-repeat;
    background-size: 10px;
    -moz-background-size: 10px;
    -o-background-size: 10px;
    -webkit-background-size: 10px;
}

.ModBFPaperSelectorC {
        background-repeat: no-repeat;
    background-image: url("/images/ajax-loader.gif");
    background-position: 50% 50%;
    height: 345px;
}

.PaperSelectorHolder {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.SelectionHeader {
    margin: 0 0 5px;
}

.SelectionHeaderContent {
    padding-top: 5px;
    float: left;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

ul.displayv {
	overflow-y: hidden !important;
}

.bfselector-list {
    min-height: 1px;
    position: relative;
    margin: 0 0 20px 0;
    padding: 10px 5px 10px 10px;    
    overflow: hidden;
    max-height: 300px;
    overflow-y: scroll;
} 

    .bfselector-list li.displayv {
        width: 100%;
}

.bfselector-list li {    
    padding: 0;
    display: none;
    position: relative;
    width: 100%;
    float: left;
    min-height: 1px;
    list-style: none;
}

.clear {
    min-height: 1px;
    position: relative;
}

.DarkGreySideHeader {
    border: 1px solid #585858;
    padding: 0;
    margin: 0;
    background: url(../0/SkinObjects/SideFilterListBg.png) no-repeat;
    margin-bottom: 2px;
    height: 27px;
    line-height: 27px;
    padding-left: 25px;
    cursor: pointer;
}

    .DarkGreySideHeader > active {
        background-position: left bottom;
    }
/*.acc_container{border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;margin-bottom:10px;padding:0px 0 0 10px}*/
.cbunticked {
    background: url(/Portals/0/SkinObjects/Checkbox.png) no-repeat;
    background-position: 10px 50%;
    height: 17px;
    width: 15px;
    border: 0;
    margin: 0;
    padding-left: 20px;
}

.cbticked {
    background: url(/Portals/0/SkinObjects/Checkbox_ticked.png) no-repeat left center;
    background-position: 10px 50%;
    border: 0;
    margin: 0;
    padding-left: 20px;
}

.EnableFilterHolder input {
    margin-left: 12px;
    margin-top: 5px;
}

.EnableFilterHolder {
    color: #000;
}

    .EnableFilterHolder input {
        margin-left: 12px;
        margin-top: 5px;
    }

    .EnableFilterHolder .FilterListLabel, .SearchTermFilter {
        padding-left: 10px;
    }

.SearchTermFilter {
}

.DeleteAllFiltersButton {
    float: left;
    width: 100%;
    padding: 10px;
}

/* AO_AddVehicleEngine
----------------------------------------------------------------------------- */
.AddVehicleHeader {
    float: left;
    width: 90%;
    height: 30px;
    background-color: #f4f4f4;
    padding: 10px 0px 0px 12px;
    margin-left: 30px;
    font-size: 20px;
}

.AddVehicleDDL {
    float: left;
    width: 90%;
    height: 30px;
    padding: 10px 0px 0px 12px;
    margin-left: 30px;
    font-size: 20px;
}

.VehicleSelectPaneHolder {
    float: left;
    width: 60%;
}

.VehicleSelectLeftHolder {
    float: left;
    width: 33%;
}

.VehicleSelectMidHolder {
    float: left;
    width: 33%;
}

.VehicleSelectRightHolder {
    float: left;
    width: 33%;
}

/* AO_FilteredProductList
----------------------------------------------------------------------------- */
/*.dnnForm { overflow: hidden; }*/
ul.CheckoutTabls {
    height: 43px;
    background: #fafafa;
    border: 1px solid #ddd;
}

.CheckoutTabls .ui-tabs-active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

ul.CheckoutTabls li {
    float: left;
    list-style: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fafafa;
    box-shadow: inset 0 0 3px #eaeaea;
    font-weight: 700;
}

    ul.CheckoutTabls li.ui-tabs-active {
        background-color: #fff !important;
        box-shadow: inset 0 0 0px #fff;
    }

        ul.CheckoutTabls li.ui-tabs-active a {
            color: #333333;
        }

.CheckoutTab {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0px;
}

.CheckoutTabDIV {
    min-height: 400px;
    float: left;
    width: 100%; /*text-align: center;*/
}

.SectionWrapper {
    padding: 10px;
}

.SearchHeader {
    padding-left: 10px;
}

.Paging .Active {
    background-color: #666666;
    color: #ffffff;
    border: none;
}

.InfoPopup {
    height: 50px;
}

    .InfoPopup img {
        margin: 12px 0px;
        width: 26px;
        height: 26px;
    }

    .InfoPopup .SearchErrorMsg {
        max-width: 400px;
        width: 100%;
        white-space: normal;
        z-index: 900000;
    }

        .InfoPopup .SearchErrorMsg:before {
            left: 95%;
        }

#closethis {
    float: right;
    font-weight: 700;
}

    #closethis:hover {
    }
/* Css fix for ddl & button */
div.SaveASHolder {
    margin-left: 0;
}

input.AddtoButton {
    width: 50px;
}

.specification-table {
    width: 100% !important;
}

.FilListGrid {
    border: 1px solid #e7e7e7;
    width: 32%;
}

.pnlCategoryPics {
}

.CategoryPicHolder {
    float: left;
    margin-bottom: 10px;
}

.CategoryPicInnerHolder {
      width: 95%;
  border: 1px solid #ddd;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
    background: #fff;
    border-bottom: none;
}

.lblCategoryDescription {
    font-weight: 700;
    float: left;
    padding-top: 5px;
}

.imgCatPic {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.CategoryPicLink {
      display: block;
  overflow: hidden;
}

.CategoryDescHolder {
      width: 95%;
  border: 1px solid #ddd;
  padding: 10px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
    overflow: hidden;
}

.lbtnApplyCategoryFilter {
    float: right;
}
/* AO_RelatedProducts
----------------------------------------------------------------------------- */
.RelatedProducts {
    padding-left: 70px;
    margin-bottom: 80px;
    text-align: center;
}

.img {
    width: 40%;
    height: 40%;
    margin-left: 60px;
}

.ProductNameLink {
}

.lnkbutton {
    display: inline-block;
    padding: 7px 10px 9px;
    color: #aaa;
    font: bold 11px/13px Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 26%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,#ffffff), color-stop(100%,#e1e1e1));
    background: -webkit-linear-gradient(top, #ffffff 26%,#e1e1e1 100%);
    background: -o-linear-gradient(top, #ffffff 26%,#e1e1e1 100%);
    background: -ms-linear-gradient(top, #ffffff 26%,#e1e1e1 100%);
    background: linear-gradient(top, #ffffff 26%,#e1e1e1 100%);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4), 0 1px 1px rgba(0,0,0,.3);
    border: none;
    border-radius: 3px;
    margin-left: 70px;
}

/* AO_SideFeatureManagement
----------------------------------------------------------------------------- */
.SearchResultHeader { /*margin-bottom: 10px;*/
}

    .SearchResultHeader span.SearchHeader {
        font: italic bold 16px 'Open Sans', sans-serif;
    }

    .SearchResultHeader span.SearchSuggestion {
        font: italic 12px 'Open Sans', sans-serif;
    }

        .SearchResultHeader span.SearchSuggestion a {
            font: normal 12px 'Open Sans', sans-serif;
        }

.RightArrowLink {
    background: url('/Portals/_default/skinobjects/RightArrowBlack.png');
    width: 25px;
    height: 25px;
    display: block;
}

.BlueHeader {
    font: bold 12px 'Open Sans', sans-serif;
}

.FitmentsHolder {
    margin-bottom: 10px;
}

.autocomplete-w1 {
    background: url(img/shadow.png) no-repeat bottom right;
    position: absolute;
    top: 30px;
    left: 0px;
    margin: 6px 0 0 6px;
    _background: none; /* IE6 fix: */
    _margin: 1px 0 0 0;
}

.autocomplete {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    text-align: left;
    max-height: 350px;
    width: 300px;
    overflow: auto;
    margin: -40px 6px 6px -6px;
    _height: 350px; /* IE6 specific: */
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #f0f0f0;
    }

    .autocomplete div {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete strong {
        font-weight: bold;
        
    }

.auto-style1 {
    width: 50px;
    height: 16px;
}

.auto-style2 {
    width: 80px;
    height: 16px;
}

.auto-style3 {
    width: 110px;
    height: 16px;
}

.auto-style4 {
    width: 100px;
    height: 16px;
}

.EnableFilterLabelWrapper {
    padding-left: 35px;
}

input.cbticked {
    float: left;
    margin-top: 0px !important;
}

/* AO_ViewAProduct
----------------------------------------------------------------------------- */
.ProductDetailsHolder {
    float: left;
    width: 100%;
    }

.ProductImagesHolder {
    float: left;
    width: 45%;
}

.ProductInfoHolder {
    float: left;
    width: 50%;
    padding-left: 15px;
}

    .ProductInfoHolder div {
        float: left;
        color:#333;
    }

.ProductInfoHolder .AddToWishlistClick {
        color: #333;
    }

.ProductTabsHolder {
    float: left;
    width: 100%;
    display: none;
}


.ProductDisplayFormBrand {
    width: 100%;
    height: 100%;
}

.ProductDisplayFormName {
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    padding: 5px 0px 10px 0px;
}

.ProductDisplayFormPartNo {
    width: 100%;
    font-size: 1em;
    line-height: 1em;
    margin: 3px 0px;
}

.ProductDisplayFormShortDesc {
    overflow: hidden;
    width: 100%;
    margin: 5px 0px 15px 0px;
}

.ProductDisplayFormPrice {
    float: left;
    width: 100%;
    padding-top: 5px;
    border-bottom: 1px solid #444;
    margin-bottom: 15px;
}

.ProductFormMainPrice {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
}

.ProductFormSubPrice {
    font-size: 10px;
    text-decoration: line-through;
}

.ProductDisplayFormSocial {
    float: left;
    width: 100%;
    margin: 0 auto;
    padding-top: 6px;
}

.padding5px th {
    padding: 8px;
}

.padding5px td {
    padding: 8px;
}

.ProductTabDiv {
    float: left;
    width: 97%;
    padding: 10px;
    min-height: 150px;
    border: 1px solid #dededf;
}

    .ProductTabDiv table, .ProductTabDiv th, .ProductTabDiv td {
        border: 0 !important;
        border-width: 0 !important;
    }

input.QtyToAdd {
    width: 60px;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin-left: 10px;
}

select.size {
    width: 100%;
    height: 20px;
    border: 1px solid #e2e2e2;
    text-align: right;
}

.InStockLabel {
    text-align: center;
    display: inline-block;
    line-height: 1em;
}

select.color {
    width: 100%;
    height: 20px;
    border: 1px solid #e2e2e2;
    text-align: right;
}

.ProductDisplayAddToCartButton {
    float: left;
    width: 100%;
}

.ProductDisplayAddToCartButtonInner {
    float: right;
    text-align: right;
    width: 100%;
}

.ProductInfoHolder .DealerPrices {
    width: 100%;
}

.AddToCartButtonHolder .SaveASHolder {
    float: right;
    margin-left: 0;
    min-width: 160px;
    width: auto!important;
    padding-left: 10px;
}

.AddToCartButtonHolder .SaveAsList {
    margin-right: 10px;
}

ul.dnnAdminTabNav {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
    height: 37px;
    border-bottom: none;
}

    ul.dnnAdminTabNav li {
        float: left;
        margin-right: 4px;
        list-style: none;
    }

        ul.dnnAdminTabNav li a {
            margin-bottom: 0;
            border-bottom: 0;
        }

        ul.dnnAdminTabNav li.ui-tabs-active a {
            background: #fafafa;
            border: 1px solid #eaeaea;
        }

.ui-tabs .ui-tabs-panel {
    position: relative;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

ul.dnnAdminTabNav li a {
    display: inline-block;
    cursor: pointer;
    color: #888;
    background-color: #fafafa!important;
    background: #fafafa!important;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    border: 1px solid #e7e7e7!important;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

    ul.dnnAdminTabNav li a:hover {
        background-color: #fafafa!important;
        background: #fafafa!important;
    }

.ViewAsHolder {
}

.ViewAsLabel {
    font-size: 14px;
}

.btn-std {
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: 700;
    color: #fff!important;
    background-image: url(../../../0/SkinObjects/ButtonBG.png);
    background-repeat: repeat-x;
    background-position: right top;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 150px;
}

.AccessoryGrid {
    float: left;
    width: 29%;
    margin-right: 8px;
    padding: 12px;
    margin-bottom: 8px;
    background-color: #fff;
}

.AccessoryGridName {
    width: 100%;
    padding-top: 5px;
}

.AccessoryGridPartNo {
    width: 100%;
    padding-top: 6px;
    display: none;
}

.AccessoryGridRating {
    width: 100%;
    padding-top: 5px;
    display: none;
}

.ProductGridName {
    font-size: 18px;
    line-height: 18px;
}

.AccessoryGridImageHolder {
    width: 100%;
    height: 100%;
    position: relative;
}

.AccessoryGridBrand {
    width: 100%;
    height: 100%;
    display: none;
}

    .AccessoryGridBrand img {
        display: none;
    }

.AccessoryGridShortDesc {
    overflow: hidden;
    width: 100%;
    min-height: 25px;
    margin-bottom: 8px;
    display: none;
}

.AccessoryGridImageHolder_IMG, .AccessoryGridImageHolder_Sale {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.AccessoryGridImageHolder_Sale {
    z-index: 10;
}

.AccessoryGridPrice {
    float: left;
    width: 100%;
}

.ProductGridPricePadding {
    padding-top: 15px;
}

.ProductImageGroup { /*height:230px;*/
}

.ProductGridMainPrice {
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
}

.ProductGridSubPrice {
    font-size: 10px;
    text-decoration: line-through;
}

.ProductImageHolder_Main {
    border: 1px solid #d6d6d6;
    position: relative;
}

.FilteredListHeader {
    width: 98%;
    padding-bottom: 3px;
    margin-left: 10px;
    float: left;
}

.PadTextByImage {
    padding: 4px 0 0 10px;
}

.AccessoryList {
    float: left;
    width: 100%;
    font-size: 12px;
}

.AccessoryListHeader {
    font-weight: 700;
    font-size: 0.8em;
}

.AccessoryListImg {
    float: left;
    padding-right: 10px;
    width: 65px;
}

    .AccessoryListImg img {
        width: 50px;
        padding: 5px;
    }

.AccessoryListPartNo {
    float: left;
    width: 100px;
    padding-top: 5px;
    word-wrap: break-word;
}

.AccessoryListDescription {
    float: left;
    width: 250px;
    padding-top: 5px;
}

.AccessoryListGSM {
    float: left;
    width: 60px;
    padding-top: 5px;
        text-align: center;
    padding-left: 5px;
}

.AccessoryListSize {
    float: left;
    width: 100px;
    padding-top: 5px;
        text-align: center;
    padding-left: 5px;
}

.AccessoryListColor {
    float: left;
    padding-left: 5px;
    width: 300px;
    padding-top: 5px;
}

.showcolor {
    font-size: 15px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        margin-left: 5px;
    display: inline-block;
}


.AccessoryListStock {
    float: left;
    width: 53px;
    padding-top: 5px;
    text-align: center;
    }

.AccessoryListBO {
    float: left;
    width: 65px;
    padding-top: 5px;
    text-align: center;
}

    .AccessoryListBO .BackOrderYes, .AccessoryListBO .BackOrderNo {
        margin: 0;
    }

.AccessoryListRRP {
    float: left;
    width: 85px;
    padding-top: 5px;
}

.AccessoryListWS {
    float: left;
    width: 85px;
    padding-top: 5px;
    text-align: center;
}

.AccessoryListYourPrice {
    float: left;
    width: 65px;
    padding-top: 5px;
}

.AccessoryListOrder {
    float: left;
    width: 65px;
    padding-top: 5px;
}

.AccessoryListOty {
    float: left;
    width: 35px;
    padding-top: 5px;
    text-align: center;
}

.AccessoryListButton {
    float: left;
    width: 135px;
    padding-left: 5px;
}

.AccessoryListOty input {
    width: 30px;
    text-align: center;
    }

.AccessoryListComment {
    float: left;
    width: 32px;
}

.AccessoryListButton .CommentImage {
      padding: 15px 5px 0px 5px;
}

.UpdateCartFromListWrapper {
    margin-top: 10px;
}

.ViewProductImage_Main {
    margin: 0 auto;
}

.zoomContainer {
    z-index: 999;
}

.zoomWindow {
    width: 475px!important;
    height: 460px!important;
    margin-left: 5px;
    border: 1px solid #ddd!important;
    background-size: 100%;
}

.GalleryHolder, .thumb_gallery {
    overflow: auto;
}

.zoom_icon {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}

.RightArrowLink {
    background: url(/Portals/_default/skinobjects/RightArrowBlack.png);
    width: 25px;
    height: 25px;
    display: block;
}

.DownArrow {
    font-size: 25px;
}

.AddtoButton {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.als-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 0;
    height: 100px;
}

.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    float: left;
    margin-left: 3px;
}

.als-wrapper {
    list-style: none;
    margin: 0px;
}

.als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
}

.als-prev, .als-next {
    cursor: pointer;
    z-index: 200;
    float: left;
    margin-top: 30px;
}

#demo2 {
    margin: 10px auto;
}

    #demo2 .als-item {
        margin: 0 5px;
        padding: 4px 0;
        min-height: 100px;
        min-width: 100px;
        text-align: center;
    }

        #demo2 .als-item img {
            display: block;
            margin: 0 auto;
            vertical-align: middle;
        }

.CheckoutTabls, ul.CheckoutTabls {
    overflow: hidden;
}

.imgInfo {
    float: right;
    padding-right: 10px;
}

.InfoPopup .SearchErrorMsg {
    max-width: 400px;
    width: 100%;
    white-space: normal;
    z-index: 900000;
}

.ProductDisplayFormPriceHolder {
    float: left;
    width: 100%;
}

.ProductDisplayFormPriceLeftHolder {
    float: left;
    width: 70%;
}

.ProductDisplayFormPriceRightHolder {
    float: left;
    width: 30%;
}

.ProductDisplayFormQty span {
    float: left;
}

.ProductDisplayFormQtyAndCustomSpacer {
    float: left;
    width: 60%;
}

.ProductDisplayFormQtyAndCustomMid {
    float: left;
    width: 20%;
}

.ProductDisplayFormQtyAndCustomRight {
    float: left;
    width: 20%;
    text-align: right;
}

.ProductDisplayFormDiscOfferEnds {
    width: 100%;
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 0px;
}

.ProductDisplayFormDiscViewAsCust {
    float: left;
    width: 100%;
}

.ProductDisplayFormDiscAmount {
    float: left;
    width: 100%;
}

.ProductDisplayFormDiscPerc {
    float: left;
    width: 100%;
}

.ProductDisplayFormB2BPnlLeft {
    width: 30%;
}

.ProductDisplayFormB2BPnlMid {
    width: 30%;
}

.ProductDisplayFormB2BPnlRight {
    width: 40%;
    text-align: right;
}

.ProductDisplayFormAddB2C {
    width: 100%;
    float: left;
}

.ProductDisplayFormMyProdComment {
    float: left;
}

.ProductDisplayFormWishlist {
    text-align: right;
    line-height: 32px;
    float: right !important;
}

span.SaveAsSpan {
    padding: 0px 6px 0px 6px;
    margin-right: -5px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    line-height: 30px;
    color: white;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ProductDisplayFormSaveAsDDL {
    border-radius: 0px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    text-transform: uppercase;
    overflow: hidden;
    border: none;
    max-width: 95px;
}

.TransparentSaveAsButton {
    float: right;
    margin-right: 10px;
    width: 40px;
    height: 30px;
    border: none;
    color: #ffffff;
    font-weight: 700;
    padding: 0px;
    line-height: 10px;
}

.UserWhislistOptionInner {
    float: left;
    width: 100%;
}

.TabInnerTableCategories {
    border: 0px none;
}

.TabInnerTableCategories {
    border: 0px none;
    border-collapse: collapse;
    border-color: transparent;
    padding: 0px;
    width: 100%;
}

.TabInnerTableFeatures {
    border: 0px none;
    border-collapse: collapse;
    border-color: transparent;
    padding: 0px;
    width: 100%;
}

.TabInnerTablePDF {
    border: 0px none;
    border-collapse: collapse;
    border-color: transparent;
    padding: 0px;
}

.ViewAProductTabUL {
    font-size: 10px;
    margin: 0px;
    height: 25px !important;
}

ul.ViewAProductTabUL li.ui-tabs-active a {
    padding: 3px;
}

ul.ViewAProductTabUL li a {
    padding: 3px;
}

.TabInnerTablePDFImg {
    padding-right: 30px;
}

.TabInnerTablePDFFeatGroupID {
    padding-right: 30px;
    width: 200px;
}

.TabInnerTablePDFSpacer {
    width: 200px;
}

.TabInnerTablePDFsRowStyle {
    margin-bottom: 10px;
}

.TabInnerTablePDFs_AlternatingRowStyle {
    margin-bottom: 10px;
}

.VAPSaveAsDDLButton {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ProductInfoUpperWrapper {
    overflow: hidden;
    padding-bottom: 3px;
    width: 100%;
}

    .ProductInfoUpperWrapper .ProductDisplayFormBackOrderAvailable, .ProductInfoUpperWrapper .ProductDisplayFormStockNo, .ProductInfoUpperWrapper .ProductDisplayFormMinQty {
        float: left;
        width: 50%;
    }

    .ProductInfoUpperWrapper .ProductDisplayFormMyProdComment, .ProductInfoUpperWrapper .ProductListInfoPopup {
        padding-left: 5px;
    }

    .ProductInfoUpperWrapper div {
        float: left;
    }

.VAPProductFormMainPrice {
    font-size: 1.5em;
    font-weight: 700;
}

.VAPProductFormSubPrice {
    font-size: 0.7em;
    text-decoration: line-through;
}

.VAPButtonWrapper {
    width: 100%;
}

.VAPButtonWrapperLeft {
    width: 65%;
}

.VAPButtonWrapperRight {
    width: 35%;
}

.VAPButtonWrapper .SaveASHolder {
      margin: 0;
  height: auto;
  padding: 0;
  line-height: 1em;
}


/* AO_ViewProductsByCategory
----------------------------------------------------------------------------- */
.Paging input {
    border: none;
    transition: all 0.2s;
    font-weight: 700;
    color: #333333;
    padding: 3px;
}

    .Paging input:hover {
        background-color: #666666;
        color: #ffffff;
        border: none;
    }

/* J_FindClosestStore_v1
----------------------------------------------------------------------------- */
.FindaDealerTable {
}
/* Reusable twopaneholder */
.TwoPaneHolder {
    width: 100%;
    float: left;
}

.TwoPaneInnerHolder {
    float: left;
    width: 100%;
    min-height: 20px;
}

.TwoPaneLeftHolder {
    float: left;
    min-width: 50%;
    text-align: left;
}

.TwoPaneRightHolder {
    float: left;
    width: 49%;
}

.TwoPaneRightHolderRight {
    float: left;
    width: 50%;
    text-align: right;
}

.TwoPaneLeftHolder div {
    float: left;
}
/* Reusable threepaneholderthin */
.ThreePaneHolder {
    float: left;
    width: 100%;
}

.ThreePaneInnerHolder {
    float: left;
    width: 100%;
}

.ThreePaneLeftHolder {
    float: left;
    width: 33%;
}

.ThreePaneMidHolder {
    float: left;
    width: 33%;
    padding-left: 10px;
}

.ThreePaneRightHolder {
    float: left;
    width: 20% !important;
    text-align: center;
}

.ThreePaneMidHolder span {
    display: block;
    height: 5em;
}

.MapAddressToLoop {
    border-bottom: 1px solid #ddd;
    padding: 2%;
    width: 96% !important;
}

.RedButton {
    border: none;
    background-color: #f84b4a;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px;
    transition: all 0.5s;
    margin-top: 10px;
}

.YellowButton {
    border: none;
    background-color: #fdc008;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
    padding: 5px;
    transition: all 0.5s;
    margin-top: 10px;
}

.CustomerNameHeader {
    font-weight: 700;
    font-size: 1.1em;
}

.CustomerNameLabel {
    cursor: pointer;
    color: #f84b4a;
}

.Selected_Dealer {
    color: #000!important;
}

.DealerListHolder {
    width: 50%;
    float: left;
}

.DealerMapHolder {
    width: 45%;
    float: left;
}

.SelectedRow .MapAddressToLoop {
    background: #ddd;
}

.SelectedRow .RedButton, .SelectedRow .YellowButton {
    border: none;
    background-color: #666;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #fff !important;
    padding: 5px;
    transition: all 0.5s;
    margin-top: 10px;
}

.MapAddressToLoopSelected {
    background: #d3f6da;
}

/* J_Search_v1
----------------------------------------------------------------------------- 
.SearchTxt { position: relative; }
.autocomplete-w1 { background: url(img/shadow.png) no-repeat bottom right; position: absolute; top: 0px; left: 0px; margin: 0px 0 0 6px; /* IE6 fix: */
/* _background: none; _margin: 1px 0 0 0; font-size: 10px; }
.autocomplete { border: 1px solid #999; background: #fff; cursor: default; text-align: left; max-height: 350px; overflow: auto; /* width: 179px !important;*/
/* margin: -6px 6px 6px -6px !important; /* IE6 specific: */
/* _height: 350px; _margin: 0; _overflow-x: hidden; }
.autocomplete .selected { background: #f0f0f0; }
.autocomplete div { padding: 2px 5px; white-space: nowrap; overflow: hidden; line-height: 20px; }
.autocomplete div:hover { background: #666666; color: #fff; }
.autocomplete strong { /* font-weight: normal;color: #d52b1e;*/
/* }
.auto-style1 { width: 50px; height: 16px; }
.auto-style2 { width: 80px; height: 16px; }
.auto-style3 { width: 110px; height: 16px; }
.auto-style4 { width: 100px; height: 16px; }
.ui-autocomplete-loading { background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat; }
.SearchErrorMsg { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; color: #FFF; padding: 10px; position: absolute; white-space: nowrap; z-index: 2; top: -30px; left: 10px; cursor: pointer; }
.SearchErrorMsg:before { content: ""; position: absolute; border-right: 5px solid transparent; border-left: 5px solid transparent; left: 5%; margin-left: -5px; border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; }
*/

.AutocompleteNoLinkStyle { 
    color: #555;
}

/* J_ViewMyCart_v1
----------------------------------------------------------------------------- */
.WishlistWrapper {
}

.CartProductList_Table {
    width: 100%;
}

    .CartProductList_Table td {
        width: 32%;
    }

.WishlistProductDisplayWrapper {
    width: 33% !important;
    padding: 10px;
}

.WishlistProductDisplayGrid {
    margin-right: 8px;
    padding: 12px;
    margin-bottom: 8px;
    background-color: #fff;
}

.Remove_btd {
    border: none;
    background: #fff;
    line-height: 42px;
    padding-right: 20px;
    float: right;
}

.DetailsButton {
    padding-left: 10px;
}

.PopularProductsDataListButtons .TwoPaneLeftHolder {
    width: 55%;
}

.PopularProductsDataListButtons .TwoPaneRightHolder {
    width: 45%;
}

.ModJViewSavedCartv1C .dnnFormSuccess {
    padding: 10px;
}

.txtWishlistName {
    margin-right: 10px;
}

/* J_ViewSavedCart_v1
----------------------------------------------------------------------------- */
.WishlistWrapper {
    padding-left: 10px;
}

.CartProductList_Table {
    width: 100%;
}

.WishlistProductDisplayWrapper {
    width: 33% !important;
    padding: 10px;
}

.WishlistProductDisplayGrid {
    margin-right: 8px;
    padding: 12px;
    margin-bottom: 8px;
    background-color: #fff;
}

.Remove_btd {
    border: none;
    background: #fff;
    height: 42px;
    padding-right: 20px;
    float: right;
}

.DetailsButton {
    padding-left: 10px;
}

.PopularProductsDataListButtons .TwoPaneLeftHolder {
    width: 55%;
}

.PopularProductsDataListButtons .TwoPaneRightHolder {
    width: 45%;
}

.WishList_Buttons {
    line-height: 3em;
}

    .WishList_Buttons input {
        margin-right: 10px;
    }

.TxtEmailAddresses {
    margin-left: 10px;
}

.ModJViewSavedCartv1C .dnnFormSuccess {
    padding: 10px;
}

/* J_ViewWhishlists_v1
----------------------------------------------------------------------------- */
.SavedCartWrapper {
    padding-left: 10px;
}

.SaveCart_Table {
    margin-top: 10px;
    width: 100%;
    border: none;
}

.SaveCart_RowStyle:hover, .SaveCart_AlternatingRowStyle:hover {
    background: #eee;
}

.SaveCart_Table td, .SaveCart_HeaderStyle th {
    padding: 10px 0px 10px 0px;
    border: none;
}

.SaveCart_AlternatingRowStyle {
    background: #fafafa;
}

.InsertIntoCartBtn {
    border: none;
    background-color: #f84b4a;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    color: white !important;
    padding: 5px;
    transition: all 0.5s;
}


/* JT_NewOrderForm_v1
----------------------------------------------------------------------------- */


.autocomplete {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: 26px 6px 6px -6px;
    _height: 350px; /* IE6 specific: */
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected:not(:first-child) { /* background: #f0f0f0;*/
    }

    .autocomplete div {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
    }


    .autocomplete div:first-child {
            background-color: #4F2056;
    font-weight: bold;
    margin-top: -25px;
    padding: 2px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    width: 100%;
    color: #fff;

    }

        .autocomplete div:first-child b{
            color:#fff;
        }

    .autocomplete .selected div:first-child {
        background-color: white;
    }

.auto-style1 {
    width: 50px;
    height: 16px;
}

.auto-style2 {
    width: 80px;
    height: 16px;
}

.auto-style3 {
    width: 110px;
    height: 16px;
}

.auto-style4 {
    width: 100px;
    height: 16px;
}

.paddingleft10px {
    padding-left: 10px;
}

.OrderSearchHolder {
    height: 100px;
}

    .OrderSearchHolder div {
        float: left;
        min-height: 20px;
    }

.AutocompleteHolder_Text {
    width: 450px;
}

.OrderSummary {
    border-collapse: collapse;
    float: right;
    margin-right: 10px;
    border: 1px solid #ccc;
}

    .OrderSummary td, .OrderSummary th {
        width: 170px;
    }

    .OrderSummary td {
        padding: 10px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .OrderSummary th {
        padding-right: 10px;
    }

.TradeOrderForm {
    padding: 10px;
    box-shadow: none;
}

.AutocompleteHolder_Qty .QtyToAdd {
    margin: 0;
}

.AutocompleteHolder_AddButton {
    padding-left: 20px;
}

.NOFOrderListOfProducts {
    font-size: 13px;
    border: transparent;
}

.NOFOrderListOfProducts .HeaderStyle {
      border-bottom: 1px solid;
        font-size: 11px;
        line-height: 1em;
}


.NOFListOfProducts_UOM, .NOFListOfProducts_PE, .NOFListOfProducts_Qty, .NOFListOfProducts_LineTotal, .NOFListOfProducts_QtyBO, .NOFListOfProducts_ETD, .NOFListOfProducts_QtyExclBO {
    text-align: center;
    padding: 0px 3px;
}

.NOFListOfProducts_Comment .CommentImage {
    margin-right: 3px;
}

/* AO_ViewProductsByCategory
----------------------------------------------------------------------------- */
/* AO_ViewProductsByCategory
----------------------------------------------------------------------------- */


/* AO_BulkOrderModule
----------------------------------------------------------------------------- */
.ddBackground {
    display: block;
    height: 160px;
    width: 100%;
    margin-top: 15px;
}

.fd-zone {
    background: #fff;
    border-width: 3px;
    border-style: dashed;
}

.txtBulkList {
    padding: 8px;
    background: #ffffff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 12px;
    width: 95%;
    margin-top: 20px;
}

.BulkOrderWrapper {
}

.BulkOrderInfo, .BulkOrderInput {
    float: left;
    width: 50%;
}

.BulkOrderWrapper .dnnLabel {
    width: 100%;
    float: none;
    text-align: left;
    padding: 0;
    font-weight: 400;
    margin: 0;
}

.BulkOrderWrapper .dnnFormHelp {
    position: relative;
    float: left;
    margin-right: 10px !important;
}

.BulkOrderWrapper .dnnTooltip {
    position: relative !important;
    right: 4% !important;
    margin-top: -20px;
}

.dnnTooltip .dnnFormHelpContent {
    width: 500px;
}

.BulkOrderWrapper .dnnHelpText {
    width: 450px;
}

.BulkOrderWrapper .dnnLabel {
    padding-bottom: 10px;
}


/* J_Search
----------------------------------------------------------------------------- */
.SearchTxt {
    position: relative;
}

    .SearchTxt .SearchBox {
        width: 80%;
    }

.SearchPane .SearchTxt {
}

.SearchPane .SearchBox {
    border-radius: 3px;
    border: none;
    padding-left: 10px;
    background: none;
    width: 250px;
    height: 2em;
    color: #ddd;
}

.SearchButton {
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background-image: none;
    
}


.autocomplete {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto; /* width: 179px !important;*/
    margin: -6px 6px 6px -6px !important; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #f0f0f0;
    }

    .autocomplete div {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
        line-height: 20px;
        font-size:12px;
    }

        .autocomplete div:hover {
            background: #666666;
            color: #fff;
        }


.auto-style1 {
    width: 50px;
    height: 16px;
}

.auto-style2 {
    width: 80px;
    height: 16px;
}

.auto-style3 {
    width: 110px;
    height: 16px;
}

.auto-style4 {
    width: 100px;
    height: 16px;
}

.ui-autocomplete-loading {
    background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.SearchErrorMsg {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    color: #FFF;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
    top: -30px;
    left: 10px;
    cursor: pointer;
}

    .SearchErrorMsg:before {
        content: "";
        position: absolute;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        left: 5%;
        margin-left: -5px;
        border-top: 10px solid rgba(0, 0, 0, 0.8);
        bottom: -10px;
    }
    /* NEW AUTOCOMPLETE STYLE */
.AutocompleteImageHolder {
    display: inline-block;
    height: 50px;
    width: 50px;
    vertical-align: top;
    float: left;
}

    .AutocompleteImageHolder img {
        height: 50px;
        width: 50px;
    }

.AutocompleteProductIdName {
    display: inline-block;
    height: 50px;
    width: 340px;
    padding-left: 10px;
    float: left;
}

.AutocompletePrice {
    display: inline-block;
    height: 50px;
    width: 110px;
    font-size: 20px;
    padding-top: 0px;
    float: left;
}

.AutocompleteInStockBackorder {
    display: inline-block;
    height: 50px;
    width: 100px;
    padding-left: 10px;
    float: left;
}

.AutocompleteLeft {
    display: inline-block;
    width: 80px;
}

.AutocompleteLine {
    height: 18px;
}

    .AutocompleteLine > .BackOrderYes, .AutocompleteLine > .BackOrderNo {
        display: inline-block;
        margin: 0;
    }

.AutocompletePrice .lblTax {
    width: 100%;
    display: inline-block;
    font-size: 0.8em;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden; /* prevent horizontal scrollbar */
    border: 1px solid #ddd;
    background: #fff;
    z-index: 1000; /*over the menu*/
}

li.ui-menu-item {
    height: 5em;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 5px 5px;
    list-style: none;
}

.ProductDetailsInfoHolder {
    display: none;
    border: 1px solid rgba(0,0,0,.2);
    padding: 10px;
    margin-left: 20px;
    margin-top: 10px;
}

    .ProductDetailsInfoHolder > .AutocompleteInStockBackorder > .AutocompleteLine > .AutocompleteLeft {
        width: 60px;
    }

.lblAutoCompleteProductId {
    font-weight: 700;
    display: block;
    width: 100%;
    font-size: 15px;
    text-overflow: ellipsis;
    width: 90%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.lblAutoCompleteProductName {
    display: block;
    width: 100%;
    height: 2em;
    line-height: 1em;
    overflow: hidden;
}




/* Recently Viewed
----------------------------------------------------------------------------- */
.recentlyProductHolder {
    float: left;
    width: 100%;
    text-align: center;
}

.recentlyImageHolder {
    float: left;
    width: 100%;
}

.RecentlyViewHeader {
    display: none;
}

.recentlyProductWrapper {
    float: left;
}


/* AO_DetailedLog
----------------------------------------------------------------------------- */
.GridView {
    width: 100%;
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    background-color: #fff;
    color: #000;
}

.HeaderStyle, .ReoccuringOrderCellHeader {
    height: 30px;
    font-weight: 700; /*text-align:right;*/
}

.DTLog .AlternatingRowStyle, .DTLog .Alternating {
    height: 40px;
}

.AlternatingRowStyle, .Alternating { /*background-color: #DCE8F5; height: 40px; color: #333; border: 1px solid #ccc!important; width: 100%; display: table-row;*/
}

.RowStyle, .ReoccuringOrderLine {
    color: #333;
    height: 40px;
    width: 100%;
    display: table-row;
}

.fieldset {
    border: 1px solid #999797;
    padding: 1% 1% 2%;
    margin: 1% 0;
    width: 97%;
}

.FilterOptionsHolder {
    width: 50%;
    float: left;
    padding-top: 5px;
}

    .FilterOptionsHolder input, .FilterOptionsHolder select {
        width: 50%;
    }

    .FilterOptionsHolder span, .searchLabel {
        width: 120px;
        display: inline-block;
        float: left;
    }

.searchLabel {
    margin-right: 2px;
}

.searchWrapper {
    width: 100%;
    float: left;
    padding-top: 5px;
}

    .FilterOptionsHolder .searchWrapper span, .searchBoxHolder, .searchWrapper input {
        float: left;
    }

.searchBoxHolder {
    margin-right: 10px;
    position: relative;
}

.FilterOptionsHolder .SearchTitle {
    font-size: 18px;
    font-weight: 700;
}

.FilterOptionsHolder .SearchBox {
    font-size: 14px;
    color: #999;
    border: 1px solid #ccc!important;
    padding: 10px;
    width: 240px;
    margin-right: 3px;
}

.button_std, .DetailsButton, .ViewAllRecentLink {
    color: #ffffff !important;
}

.button_std:focus {
    color: #ffffff !important;
}

    /*.button_std:disabled, .DetailsButton:disabled, .ViewAllRecentLink:disabled {
        background: #777777;
        background-image: -webkit-linear-gradient(top,#777777,#333333);
        background-image: -moz-linear-gradient(top,#777777,#333333);
        background-image: -ms-linear-gradient(top,#777777,#333333);
        background-image: -o-linear-gradient(top,#777777,#333333);
        background-image: linear-gradient(to bottom,#777777,#333333);
        color: #bbb!important;
        cursor: no-drop;
    }

        .button_std:disabled:hover, .DetailsButton:disabled:hover, .ViewAllRecentLink:disabled:hover {
            background: #777777;
        }*/


.ui-datepicker-prev, .ui-datepicker-next, ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    color: #fff;
    cursor: pointer;
}

.ui-datepicker .ui-widget-header {
    background: #333 50% 50% repeat-x;
    color: #fff;
    font-weight: 700;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
    background-color: #555;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid #999;
    background: #666 50% 50% repeat-x;
    color: #fff;
}

.Heading-Box {
    background: url(Images/GreyContainerHeaderBg.png) repeat-x;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    color: #40454a;
    background-position: left top;
    margin: 10px 0 0;
    padding: 1px 0 4px 17px;
    width: 98%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .Heading-Box h2 {
        font-size: Medium;
        font-weight: 700;
    }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        right: 16px;
        top: 4px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 10px;
        top: 4px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 16px;
        top: 4px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 10px;
        top: 4px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 16px;
        top: 4px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
        color: #1251a0;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td a:hover {
            background: #fd8403;
            color: #000;
        }

        .ui-datepicker td a {
            text-align: center!important;
            font-weight: 700;
        }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ItemCountHolder {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.ItemCountOneThird {
    display: block;
    width: 33%;
    float: left;
}

.LeftText {
    text-align: left;
}
        
.CenterText {
    text-align: center;
}

.RightText {
    text-align: right;
}

/* AO_FilteredProductList
----------------------------------------------------------------------------- */
.ProductDisplayGridCompare {
    visibility: hidden;
    display: none;
}

.PopularProductsDataListHolder {
    padding-bottom: 0px;
}

.ProductDisplayGrid {
    /*float: left;
    margin-right: 8px;
    padding: 12px;
    margin-bottom: 8px;
    position: relative;*/
}

.ProductDisplayGridName {
    width: 100%;
    overflow: hidden;
}

.ProductDisplayGridPartNo {
    width: 100%;
}

    .ProductDisplayGridPartNo span {
        display: inline-block;
        line-height: 2em;
    }

    .ProductDisplayGridPartNo a {
        text-overflow: ellipsis;
        width: 70%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
    }

.ProductGridMainDisc, .ProductGridSubDisc {
    text-transform: uppercase;
}

    .ProductGridMainDisc .lblTax {
        display: none;
    }

.ProductDisplayGridRating {
    width: 100%;
    display: none;
}

.ProductGridName {
    font-size: 18px;
    line-height: 18px;
}

.ProductDisplayGridBrand {
    height: 70px;
}

.ProductDisplayGridImageHolder {
    width: 100%;
    height: 100%;
    position: relative;
}

.lbl_PartNo {
    display: block;
    float: left;
}

.lnk_PartNo {
    text-overflow: ellipsis;
    overflow: hidden;
}

.ProductDisplayGridStockNo {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    height: 1.5em;
    line-height: 1.5em;
}

.ProductDisplayGridShortDesc {
    overflow: hidden;
    width: 100%;
    height: 3em;
}

.ProductDisplayGridAddButtons {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.ProductDisplayGridImageHolder_IMG, .ProductDisplayGridImageHolder_Sale {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ProductDisplayGridImageHolder_Sale {
    z-index: 10;
}

.ProductDisplayGridPrice {
    float: left;
    width: 100%;
    height: 3.5em;
    overflow: hidden;
}

.ProductDisplayGridPriceDisc {
    width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
}

.ProductDisplayGridPriceMain {
    width: 100%;
    overflow: hidden;
}

.ProductDisplayGridQty {
      float: left;
  width: 65%;
  height: 2em;
    overflow: hidden;
    margin-bottom: 10px;
}

.ProductGridPricePadding {
    padding-top: 15px;
}

.ProductDisplayGridPrice .TwoPaneLeftHolder {
    width: 60%;
}

.ProductDisplayGridPrice .TwoPaneRightHolder {
    width: 40%;
}

.ProductGridMainPrice {
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    width: 100%;
}

.ProductGridSubPrice {
    font-size: 10px;
    text-decoration: line-through;
}

.ViewProductImage {
    border: 1px solid #d6d6d6;
}

.FilteredListHeader {
    width: 97%;
    padding-bottom: 3px;
    float: left;
}

.PadTextByImage {
    padding: 4px 0 0 10px;
}

.ProductDisplayList {
        float: left;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px;
    position: relative;
    background: #fefefe;
}

.ProductDisplayListPane1 {
    float: left;
    width: 30%;
}

.ProductDisplayListPane2 {
    float: left;
    width: 45%;
}

.ProductDisplayListPane3 {
    float: left;
    width: 25%;
}

.ProductListPriceAsLine {
    white-space: nowrap;
}

.ProductDisplayListB2CPanel {
    float: left;
    width: 100%;
    font-size: 10px;
}

.ProductDisplayListImg {
    float: left;
    min-height: 10px;
    padding-right: 10px;
}

.ProductDisplayListPartNo {
    float: left;
    width: 100%;
    min-height: 10px;
}

.ProductDisplayListName {
    float: left;
    width: 100%;
    padding-top: 5px;
    font-weight: 700;
}

.ProductDisplayListB2BPanel {
    float: left;
    width: 100%;
    font-size: 10px;
}

.ProductDisplayListDiscPanel {
    width: 100%;
    float: left;
    font-size: 10px;
}

.ProductDisplayListCompare {
    width: 100%;
    float: left;
    display: none;
    visibility: hidden;
}

.ProductDisplayListBO {
    float: left;
    width: 100%;
    padding-top: 5px;
}

.ProductDisplayGridButtons {
    width: 30%;
    float: left;
    margin-bottom: 10px;
}

    .ProductDisplayGridButtons div {
        padding-right: 5px;
    }

.ProductDisplayListButtons {
    width: 30%;
    float: left;
    padding-top: 10px;
}

    .ProductDisplayListButtons div {
        padding-right: 5px;
    }

.MyCartComment {
    float: left;
}

.MyCartCommentCO {
    float: left;
    width: 1.5%;
}

.MyCartCutting {
    float: left;
    width: 2.5%;
}

.MyCartInfoPopUp {
    float: left;
    width: 1.5%;
}

    .MyCartInfoPopUp .imgInfo {
        padding: 0px;
    }

.ProductListInfoPopup {
    float: left;
}

.ProductDisplayListDescription {
    float: left;
    width: 230px;
    min-height: 10px;
    padding-top: 15px;
}

.ProductDisplayListDescription_B2C {
    float: left;
    width: 450px;
    min-height: 10px;
    padding-top: 15px;
}

.ProductDisplayListStock {
    float: left;
    width: 100%;
    min-height: 10px;
    padding-top: 5px;
}

.ProductDisplayListRRP {
    width: 100%;
    min-height: 10px;
}

.ProductDisplayListWS {
    width: 100%;
}

.ProductDisplayListYourPrice {
    width: 100%;
    padding-top: 15px;
    min-height: 10px;
    font-weight: 700;
}

.ProductDisplayListOrder, .ProductDisplayListDescription_B2C {
    float: left;
    min-height: 10px;
    width: 35px;
}

.ProductDisplayListOrder {
    text-align: left;
    width: 40%;
    padding-top: 10px;
}

.ListView_ProductQty {
    text-align: center;
}

.ListViewRangeButton {
    width: 120px;
}

.ProductDisplayListLink {
    float: left;
    width: 100%;
}

.ProductDisplayListViewBtn {
    margin-top: 5px;
}

.ProductDisplayListAddButtons {
    width: 100%;
    text-align: center !important;
    float: left;
}

    .ProductDisplayListAddButtons a, .ProductDisplayListAddButtons input {
        width: 100%;
        margin: 3px 0px;
    }

.ProductDisplayListB2BPanelPane1 {
    float: left;
    width: 50%;
}

.ProductDisplayListB2BPanelPane2 {
    float: left;
    width: 50%;
}

.ProductDisplayListDiscAmount {
    float: left;
    width: 100%;
}

.ProductDisplayListDiscPerc {
    float: left;
    width: 100%;
}
/*.dnnForm { overflow: hidden; }*/
ul.CheckoutTabls {
    height: 43px;
    background: #fafafa;
    border: 1px solid #ddd;
}

.CheckoutTabls .ui-tabs-active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

ul.CheckoutTabls li {
    float: left;
    list-style: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fafafa;
    box-shadow: inset 0 0 3px #eaeaea;
    font-weight: 700;
}

    ul.CheckoutTabls li.ui-tabs-active {
        background-color: #fff !important;
        box-shadow: inset 0 0 0px #fff;
    }

        ul.CheckoutTabls li.ui-tabs-active a {
            color: #333333;
        }

.CheckoutTab {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0px;
}

.CheckoutTabDIV {
    min-height: 400px;
    float: left;
    width: 100%; /*text-align: center;*/
}

.SearchHeader {
    padding-left: 10px;
}

.Paging .Active {
    background-color: #666666;
    color: #ffffff;
    border: none;
}

.InfoPopup {
    height: 50px;
}

    .InfoPopup img {
        margin: 12px 0px;
    }

    .InfoPopup .SearchErrorMsg {
        max-width: 400px;
        width: 100%;
        white-space: normal;
        z-index: 900000;
    }

        .InfoPopup .SearchErrorMsg:before {
            left: 95%;
        }

#closethis {
    float: right;
    font-weight: 700;
}

    #closethis:hover {
    }
/* Css fix for ddl & button */
div.SaveASHolder {
    margin-left: 0;
}

input.AddtoButton {
    width: 50px;
}

.pnlButtonWithCartType {
    width: 100%;
    overflow: hidden;
}

.pnlButtonWithCartType .SaveASHolder {
        overflow: hidden;
        margin: 0;
}

.pnlButtonWithCartType .SaveASHolder span, .pnlButtonWithCartType .SaveASHolder select, .pnlButtonWithCartType .SaveASHolder input {
            float: left;
}
/* AO_CategorySide
----------------------------------------------------------------------------- */
.lnkToggleFeatures {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.CategoryItem, .DeptItem {
    overflow: hidden;
    padding: 0px 5px;
    position: relative;
}

.CategorySideStyle0 .CategoryShowSubsHeader {
    background: none;
}

.CategorySideStyle0 .CategoryShowSubsOnHover {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.CategorySideStyle0 .CategoryLink {
    font-size: 14px;
    color: #414141;
    font-weight: 700;
    line-height: 22px;
}

    .CategorySideStyle0 .CategoryLink:hover {
    }

.CategorySideStyle0 .CategorySubToShow {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.CategorySideStyle0 .btnCategorySubToShow {
    padding-left: 12px;
}

.CategorySideStyle0 .CategorySubToShow a {
    transition: all .5s;
    padding-left: 10px;
    color: #333;
    display: block;
}

    .CategorySideStyle0 .CategorySubToShow a:hover {
    }

.CategorySideStyle0 .ViewCategoryHeader, .CategorySideStyle0 .btnCategorySubToShow, .CategorySideStyle0 .DeptList div a, .CategorySideStyle0 .FilterListItemHolder {
    color: #333;
    display: block;
    background: none;
    float: left;
    cursor: pointer;
    min-height: 32px;
    width: 100%;
    margin-bottom: 0;
    line-height: 32px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

    .CategorySideStyle0 .ViewCategoryHeader:hover {
        background: none;
    }

        .CategorySideStyle0 .ViewCategoryHeader:hover a {
            color: #fff;
        }

.CategorySideStyle0 .DeleteAllFiltersButton {
}

.CategorySideStyle0 .CategoryItem:hover, .CategorySideStyle0 .DeptItem:hover, .CategorySideStyle0 .CategoryShowSubsHeader:hover, .CategorySideStyle0 .btnCategorySubToShow:hover, .CategorySideStyle0 .FilterListItemHolder:hover {
    border: 1px solid #333;
    color: #333;
}

.CategorySideStyle0 .CategoryArrow {
    position: absolute;
    right: 5px;
    top: 25%;
}

.CategorySideStyle0 .acc_trigger, .CategorySideStyle0 .EnableFilterHeader {
    border-bottom: 2px solid #777;
    margin-bottom: 5px;
    font-weight: 700;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
}

.CategorySideStyle0 .FilterListItemHolder a, .CategorySideStyle0 .FilterListLabel {
    color: #333;
    padding-left: 30px;
    font-weight: 700;
    height: auto;
    width: auto;
    display: block;
}

.CategorySideStyle0 .cbunticked, .CategorySideStyle0 .cbticked {
}

.CategorySideStyle1 .CategoryShowSubsHeader {
    border: 1px solid #333;
    overflow: hidden;
}

.CategorySideStyle1 .CategoryItem, .CategorySideStyle1 .DeptItem, .CategorySideStyle1 .acc_trigger {
    background: #30312f; /*border: 1px solid #333;*/
}

.CategorySideStyle1 .CategoryShowSubsOnHover {
    float: left;
    width: 100%;
}

.CategorySideStyle1 .CategoryLink {
    font-size: 14px;
    color: #414141;
    font-weight: 700;
    line-height: 22px;
}

    .CategorySideStyle1 .CategoryLink:hover {
    }

.CategorySideStyle1 .CategorySubToShow {
    float: left;
    width: 100%;
    padding-left: 5px;
    margin-bottom: 5px;
}

    .CategorySideStyle1 .CategorySubToShow a {
        transition: all .5s;
        padding-left: 30px;
        color: #333;
    }

        .CategorySideStyle1 .CategorySubToShow a:hover {
        }

    .CategorySideStyle1 .CategorySubToShow:first-of-type {
        margin-top: 10px;
    }

.CategorySideStyle1 .ViewCategoryHeader, .CategorySideStyle1 .DeptList div a {
}

.CategorySideStyle1 .ViewCategoryHeader, .CategorySideStyle1 .btnCategorySubToShow, .CategorySideStyle1 .DeptList div a {
    display: block;
    float: left;
    cursor: pointer;
    height: 27px;
    width: 90%;
    margin-bottom: 0;
    line-height: 27px;
    text-transform: uppercase;
    padding-left: 20px;
}

    .CategorySideStyle1 .ViewCategoryHeader:hover {
        background: none;
    }

        .CategorySideStyle1 .ViewCategoryHeader:hover a {
            color: #fff;
        }

.CategorySideStyle1 .CategoryItem:hover, .CategorySideStyle1 .CategoryShowSubsHeader:hover {
}

.CategorySideStyle1 .CategoryArrow {
    position: absolute;
    left: 5px;
    top: 25%;
}

.CategorySideStyle1 .ViewCategoryHeader::before {
    content: "";
    float: left;
    color: #fff;
}

.CategorySideStyle1 .SubCategoryItem {
    margin: 0 !important;
    background: none; /*border-top:1px solid #ddd;*/
}

    .CategorySideStyle1 .SubCategoryItem .ViewCategoryHeader {
        color: #333;
        text-shadow: none;
        text-transform: capitalize !important;
    }

.CategorySideStyle1 .acc_trigger, .CategorySideStyle1 .EnableFilterHeader {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-weight: 700;
    position: relative;
    height: auto;
    line-height: 27px;
}

.CategorySideStyle1 .FilterListItemHolder a, .CategorySideStyle1 .FilterListLabel {
    color: #333;
    padding-left: 30px;
    display: block;
    width: auto;
    height: auto;
}

.CategorySideStyle1 .CustomColor:hover {
}

.CategorySideStyle1 .acc_trigger {
    padding-left: 25px;
}

.CategorySideStyle1 .SideFeatureHeader {
    text-transform: uppercase;
}

.CategorySideStyle1 .cbunticked, .CategorySideStyle1 .cbticked {
}
/*.CategorySideStyle1 .DarkGreySideHeader .CategoryArrow {display:none;}*/
.CategorySideStyle2 .CategoryShowSubsHeader {
    border: 1px solid #333;
    overflow: hidden;
}

.CategorySideStyle2 .CategoryItem, .CategorySideStyle2 .DeptItem {
    margin: 3px 0px;
}

.CategorySideStyle2 .CategoryShowSubsOnHover {
    float: left;
    width: 100%;
}

.CategorySideStyle2 .CategoryLink {
    font-size: 14px;
    color: #414141;
    font-weight: 700;
    line-height: 22px;
}

    .CategorySideStyle2 .CategoryLink:hover {
    }

.CategorySideStyle2 .CategorySubToShow {
    float: left;
    width: 90%;
    padding-left: 12px;
    margin-bottom: 5px;
}

    .CategorySideStyle2 .CategorySubToShow a {
        transition: all .5s;
        padding-left: 10px;
        color: #333;
        display: block;
    }

        .CategorySideStyle2 .CategorySubToShow a:hover {
        }

    .CategorySideStyle2 .CategorySubToShow:first-of-type {
        margin-top: 10px;
    }

.CategorySideStyle2 .ViewCategoryHeader, .CategorySideStyle2 .btnCategorySubToShow, .CategorySideStyle2 .DeptList div a {
    display: block;
    float: left;
    cursor: pointer;
    height: 32px;
    width: 90%;
    margin-bottom: 0;
    line-height: 32px;
    font-size: 15px;
}

    .CategorySideStyle2 .ViewCategoryHeader:hover {
        background: none;
    }

        .CategorySideStyle2 .ViewCategoryHeader:hover a {
            color: #fff;
        }

.CategorySideStyle2 .CategoryItem:hover, .CategorySideStyle2 .CategoryShowSubsHeader:hover {
}

.CategorySideStyle2 .CategoryArrow {
    position: absolute;
    right: 15px;
    top: 25%;
}

.CategorySideStyle2 .ViewCategoryHeader::before {
    content: "";
    float: left;
    color: #fff;
}

.CategorySideStyle2 .SubCategoryItem {
    margin: 0px 0px 2px 0px !important;
    width: 93%;
}

    .CategorySideStyle2 .SubCategoryItem .ViewCategoryHeader {
        color: #333;
        text-shadow: none;
        font-size: 12px;
    }

.CategorySideStyle2 .CustomBackground {
    background-size: 100% 100% !important;
}

.CategorySideStyle2 .acc_trigger, .CategorySideStyle2 .EnableFilterHeader {
    margin-bottom: 10px;
    font-weight: 700;
    position: relative;
}

.CategorySideStyle2 .FilterListItemHolder a, .CategorySideStyle2 .FilterListLabel {
    color: #333;
    padding-left: 25px;
    display: block;
    width: auto;
    height: auto;
}

.CategorySideStyle2 .cbunticked, .CategorySideStyle2 .cbticked {
    background: none;
}

.CategorySideStyle3 .CategoryShowSubsHeader {
    background: none;
}

.CategorySideStyle3 .CategoryShowSubsOnHover {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.CategorySideStyle3 .CategoryLink {
}

    .CategorySideStyle3 .CategoryLink:hover {
    }

.CategorySideStyle3 .CategorySubToShow {
    float: left;
    width: 90%;
    padding-left: 12px;
    margin-bottom: 5px;
}

    .CategorySideStyle3 .CategorySubToShow a {
        transition: all .5s;
        padding-left: 0px;
        display: block;
    }

        .CategorySideStyle3 .CategorySubToShow a:hover {
        }

.CategorySideStyle3 .ViewCategoryHeader, .CategorySideStyle3 .btnCategorySubToShow {
    display: block;
    width: 100%;
}

    .CategorySideStyle3 .ViewCategoryHeader:hover {
        background: none;
    }

        .CategorySideStyle3 .ViewCategoryHeader:hover a {
        }

.CategorySideStyle3 .CategoryItem:hover, .CategorySideStyle3 .CategoryShowSubsHeader:hover {
}

.CategorySideStyle3 .CategoryArrow {
    position: absolute;
    right: 5px;
    top: 25%;
}

.CategorySideStyle3 .acc_trigger, .CategorySideStyle3 .EnableFilterHeader {
}

.CategorySideStyle3 .FilterListItemHolder a, .CategorySideStyle3 .FilterListLabel {
    display: block;
    width: auto;
    height: auto;
}

.CategorySideStyle3 .button_std {
    color: #333;
}

.CategorySideStyle3 .cbunticked, .CategorySideStyle3 .cbticked {
    padding-left: 30px;
}
/*Gradient Background*/
.CategorySideStyle4 .CategoryShowSubsHeader {
    border: 1px solid #333;
    overflow: hidden;
}

.CategorySideStyle4 .CategoryItem, .CategorySideStyle4 .DeptItem {
    border: 1px solid #333;
}

.CategorySideStyle4 .CategoryShowSubsOnHover {
    float: left;
    width: 100%;
}

.CategorySideStyle4 .CategoryLink {
    font-size: 14px;
    color: #414141;
    font-weight: 700;
    line-height: 22px;
}

    .CategorySideStyle4 .CategoryLink:hover {
    }

.CategorySideStyle4 .CategorySubToShow {
    float: left;
    width: 100%;
    border: 1px solid #333;
    height: 32px;
    line-height: 32px;
    background: #fefefe;
}

    .CategorySideStyle4 .CategorySubToShow a {
        color: #333;
        padding-left: 0px;
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        padding: 0px 5px;
    }

        .CategorySideStyle4 .CategorySubToShow a:hover {
        }

    .CategorySideStyle4 .CategorySubToShow:first-of-type {
    }

.CategorySideStyle4 .ViewCategoryHeader, .CategorySideStyle4 .DeptList div a {
    color: #ffffff;
}

.CategorySideStyle4 .ViewCategoryHeader, .CategorySideStyle4 .btnCategorySubToShow, .CategorySideStyle4 .DeptList div a {
    display: block;
    float: left;
    cursor: pointer;
    height: 32px;
    margin-bottom: 0;
    line-height: 32px;
    font-size: 15px;
}

    .CategorySideStyle4 .ViewCategoryHeader:hover {
        background: none;
    }

        .CategorySideStyle4 .ViewCategoryHeader:hover a {
            color: #fff;
        }

.CategorySideStyle4 .CategoryItem:hover, .CategorySideStyle4 .CategoryShowSubsHeader:hover {
}

.CategorySideStyle4 .CategoryArrow {
    position: absolute;
    right: 5px;
    top: 25%;
}

.CategorySideStyle4 .ViewCategoryHeader::before {
    content: "";
    float: left;
    color: #fff;
}

.CategorySideStyle4 .SubCategoryItem, .CategorySideStyle4 .FilterListItemHolder, .CategorySideStyle4 .acc_container > a {
    margin: 0 !important;
    background: #fefefe;
    border-top: 1px solid #ddd;
    border: 1px solid #333;
}

    .CategorySideStyle4 .SubCategoryItem .ViewCategoryHeader {
        color: #333;
        text-shadow: none;
        font-size: 12px;
    }

.CategorySideStyle4 .acc_trigger, .CategorySideStyle4 .EnableFilterHeader {
    border: 1px solid #333;
    font-weight: 700;
    position: relative;
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 15px;
}

.CategorySideStyle4 .FilterListItemHolder a, .CategorySideStyle4 .FilterListLabel, .CategorySideStyle4 .acc_container > a {
    color: #333;
    padding-left: 0px;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0px 5px;
    display: block;
    width: auto;
    height: auto;
}

.CategorySideStyle4 .SideFeatureWrapper {
    width: 90%;
}

.CategorySideStyle4 .acc_container ul {
    margin: 0;
}

.CategorySideStyle4 .cbunticked, .CategorySideStyle4 .cbticked {
    background: none;
}

.CategorySideStyle4 .acc_container > a {
    text-align: left;
}
/* AO_SideFilterMgmt
----------------------------------------------------------------------------- */
.SaveAsList {
    border: none; /*background: #3e74a0;*/
    color: #fff;
}

.SaveAsLabel {
    font-size: 13px;
}

.SaveASHolder {
    min-width: 160px;
    margin-top: 6px;
    text-align: left;
    cursor: pointer;
    padding-left: 5px;
    height: 42px;
    line-height: 42px;
}

.FitmentsHolder .SaveASHolder {
    width: 180px!important;
}

.SideFeatureWrapper {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.FilterListItemHolder {
    margin-bottom: 5px;
}

.acc_container {
    width: 100%;
    overflow: hidden;
}

.EnableFilterHeader {
    width: 100%;
    display: block;
    padding-left: 5px;
}

.feature_count {
}

.EnableFilterHolder {
    overflow: hidden;
}

    .EnableFilterHolder input {
        margin-left: 12px;
        margin-top: 5px;
    }

    .EnableFilterHolder .FilterListLabel, .SearchTermFilter {
        padding-left: 10px;
    }

.SearchTermFilter {
}

.Redlink {
}

.FilteredListHeader .TwoPaneLeftHolder {
    width: 45%;
    min-width: 35%!important;
}

.FilteredListHeader .TwoPaneRightHolderRight {
    width: 55%;
}
/* AOCartSummery    
----------------------------------------------------------------------------- */
.CartHidden {
    position: relative;
    background: #272C2C;
    width: 280px;
    padding: 5px;
    z-index: 20000;
}

.CartHiddenBottom {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
/* Genereal    
----------------------------------------------------------------------------- */

.sf-menu {
    display: none;
}

.forsmalltabletonly {
    display: none;
}

.OnlyForMobile {
    display: none;
}

.zoomLens {
    width: 80px !important;
    height: 80px !important;
}

.dnnHTMLSettings, .dnnMyWork, .dnnEditHtml {
    margin: 2em auto;
}

.dnnFormItem input[type=checkbox], .dnnPageSettings .dnnFormItem input[type=radio] {
    width: auto;
}

.dnnFormItem .dnnHTMLSRadioButtons label, .dnnFormItem .dnnPSRadioButtons input, .dnnFormItem .dnnHTMLSRadioButtons label, .dnnFormItem .dnnHTMLSRadioButtons input {
    float: left;
    padding: 0;
    width: 2%;
    text-align: left;
}

.dnnFormItem .dnnHTMLSRadioButtons label {
    width: auto;
    padding: 0 15px 0 6px;
    font-weight: normal;
}

.dnnHTMLSRadioButtons br {
    display: none !important;
    font-size: 0;
    line-height: 0;
    border-collapse: collapse;
}

/*.zoomWrapper img {
    width:100% !important; height:100% !important;
}*/

.StockYesAsLabel {
    font-weight: 700;
    color: #27ae60;
}

.StockNoAsLabel {
    font-weight: 700;
    color: #c0392b;
}

.ForTabletBelow_inline {
    display: none;
}

.DisplayAsLink {
    border: none;
    background: none;
    text-align: left;
}

.TwoPaneHolder {
    width: 99%;
}

.TwoPaneLeftHolder {
    width: 49%;
    float: left;
}

.TwoPaneRightHolder {
    width: 49%;
    float: left;
}

form#Form {
    overflow: hidden;
}

.top-bar-right > div {
    padding: 0px 5px;
}

.dnnFormInfo {
    background: url(/images/info.png) no-repeat 1% #4e5e6b!important;
    display: block;
    height: 100%;
    float: left;
    min-height: 32px;
    background-size: 20px!important;
    -moz-background-size: 20px!important;
    -o-background-size: 20px!important;
    -webkit-background-size: 20px!important;
    background-position-x: 1%!important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dnnFormWarning {
    background: url(/images/warning.png) no-repeat 1% #ffb301!important;
    display: block;
    height: 100%;
    float: left;
    min-height: 32px;
    background-size: 20px!important;
    -moz-background-size: 20px!important;
    -o-background-size: 20px!important;
    -webkit-background-size: 20px!important;
    background-position-x: 1%!important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dnnFormValidationSummary {
    background: url(/images/No_sign.png) no-repeat 1% #bc0710!important;
    display: block;
    height: 100%;
    float: left;
    min-height: 32px;
    background-size: 20px!important;
    -moz-background-size: 20px!important;
    -o-background-size: 20px!important;
    -webkit-background-size: 20px!important;
    background-position-x: 1%!important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dnnFormSuccess {
    background: url(/images/success.png) no-repeat 1% #36b38b!important;
    display: block;
    height: 100%;
    float: left;
    min-height: 32px;
    background-size: 20px!important;
    -moz-background-size: 20px!important;
    -o-background-size: 20px!important;
    -webkit-background-size: 20px!important;
    background-position-x: 1%!important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dnnFormMessage span {
    padding-left: 1%;
  color: #fff;
  width: 96%;
  text-align: left;
  margin: 0;
  border-radius: 3px;
  float: left;
  padding: 1% 1% 1% 1%;
  line-height: 32px;
  margin-left: 4%;
    border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.col-md-3 .dnnFormMessage span, .col-md-4 .dnnFormMessage span, .col-md-2 .dnnFormMessage span, .col-md-1 .dnnFormMessage span {
    margin-left: 12%;
    width: 88%;
}

.col-md-1 .dnnFormMessage, .col-md-2 .dnnFormMessage, .col-md-3 .dnnFormMessage, .col-md-4 .dnnFormMessage {
    background-position: 2.5% 50% !important;
}

.dnnFormMessage {
    padding: 0 !important;
    margin: 0px 0px 5px 0px;
    min-height: 32px;
    display: inline-block;
    width: 100%;
    border: none;
    float: none;
}

.dnnFormWarning span {
    background: #e4a400 !important;
    border: none;
}

.dnnFormValidationSummary span {
    background: #a60610 !important;
    border: none;
}

.dnnFormSuccess span {
    background: #339f7b !important;
    border: none;
}

.dnnFormInfo span {
    background: #4c5660 !important;
    border: none;
}
/*Custom Accordian style*/
.ui-accordion-header {
    height: 2em;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px #888888;
    -moz-box-shadow: 0px 1px 1px #888888;
    box-shadow: 0px 1px 1px #888888;
    color: #ffffff;
    text-shadow: 0.5px 1px #333;
    padding-left: 10px;
    line-height: 2em;
}

.ui-accordion-content {
    height: auto !important;
    overflow: hidden;
}

.ui-accordion-header::after {
    font-family: FontAwesome;
    content: "\f13a";
    line-height: 2em;
    font-size: 1em;
    float: right;
    padding-right: 15px;
    color: #fff;
    text-shadow: 0.5px 1px #333;
}

.ui-accordion-header-active::after {
    content: "\f139";
}

.ui-accordion-content td {
    vertical-align: top;
}

.AddSingleToCartButtonClick, .AddToWishlistClick {
    width: auto;
}

.popViewRangeClick {
    width: 100%;
}
/*For Generic Skin*/
.bkgThumbWrapper {
    padding: 5px;
}

.prodTabsgg {
    border: 1px solid #e7e7e7;
    width: 29%;
    position: relative;
}

/* J_PopularProducts
----------------------------------------------------------------------------- */
/*.dnnForm { overflow: hidden; }*/
ul.PopularProductsTabs {
    height: 43px;
    background: #fafafa;
    border: 1px solid #ddd;
}

.PopularProductsTabs .ui-tabs-active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

ul.PopularProductsTabs li {
    float: left;
    list-style: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fafafa;
    box-shadow: inset 0 0 3px #eaeaea;
    font-weight: 700;
}

    ul.PopularProductsTabs li.ui-tabs-active {
        background-color: #fff !important;
        box-shadow: inset 0 0 0px #fff;
    }

        ul.PopularProductsTabs li.ui-tabs-active a {
            color: #333333;
        }

.PopularProductsTab {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0px;
}

.PopularProductsTabDIV {
    min-height: 400px;
    float: left;
    width: 100%; /*text-align: center;*/
}

.ProductDisplayGridLinkAddButtons {
    overflow: hidden;
    width: 20%;
    min-height: 25px;
    margin-bottom: 8px;
    text-align: center;
    float: right;
}

.ProductDisplayGridDiscounts {
    display: inline;
    font-size: 10px;
    overflow: hidden;
    text-transform: uppercase;
}

.ProductDisplayGridPriceLeft {
    width: 50%;
    float: left;
    text-align: left;
}

.ProductDisplayGridPriceRight {
    width: 50%;
    float: right;
    text-align: right;
}


.PopProductsGrid {
    width: 100%;
    position: relative;
}

.ProductDisplayGridStockLeft {
    width: 50%;
    float: left;
    text-align: left;
}

.ProductDisplayGridStockRight {
    width: 50%;
    float: right;
    text-align: right;
}

.ATCfloatCart {
    float: left;
    margin-right: 2px;
}

.ATCfloatWish {
    float: left;
}

.CompareProductsCB {
    font-size: 10px;
}

.PopProductsPartNo a {
    height: 1em;
}

.ProductDisplayGridDiscInTriangle {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
}

.ProductDisplayGridDiscInTriangleRT {
}

.ProductDisplayGridTriangleWrapper .lblTax {
    display: none;
}

.ProductDisplayGridDiscInTriangleRT .ProductDisplayGridTriangleWrapper {
  position: relative;
  top: -90px;
  right: 110px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 140px;
  height: 60px;
}

    .ProductDisplayGridDiscInTriangleRT span {
          text-align: center;
  color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 110px;
  overflow: hidden;
  padding-left: 20px;
    }

    .ProductDisplayGridDiscInTriangleRT .lblPreTriangle {
    font-weight: 700;
    font-size: 1em;
    line-height: 0.8em;
    }


.ProductDisplayGridDiscInTriangleLT {
}

    .ProductDisplayGridDiscInTriangleLT .ProductDisplayGridTriangleWrapper {
  position: relative;
  top: -90px;
  left: -35px;
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  width: 140px;
  height: 60px;
}

    .ProductDisplayGridDiscInTriangleLT span {
          text-align: center;
  color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 110px;
  overflow: hidden;
  padding-left: 20px;
    }

    .ProductDisplayGridDiscInTriangleLT .lblPreTriangle {
        font-weight: 700;
        font-size: 1em;
        line-height: 0.8em;
    }

    /*List triangle*/
    
.ProductDisplayListDiscInTriangle {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
}

.ProductDisplayListDiscInTriangleRT {
}

.ProductDisplayListTriangleWrapper .lblTax {
    display: none;
}

.ProductDisplayListDiscInTriangleRT .ProductDisplayListTriangleWrapper {
  position: relative;
  top: -90px;
  right: 110px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 140px;
  height: 60px;
}

    .ProductDisplayListDiscInTriangleRT span {
          text-align: center;
  color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 110px;
  overflow: hidden;
  padding-left: 20px;
    }

    .ProductDisplayListDiscInTriangleRT .lblPreTriangle {
    font-weight: 700;
    font-size: 1em;
    line-height: 0.8em;
    }


.ProductDisplayListDiscInTriangleLT {
}

    .ProductDisplayListDiscInTriangleLT .ProductDisplayListTriangleWrapper {
  position: relative;
  top: -90px;
  left: -35px;
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  width: 140px;
  height: 60px;
}

    .ProductDisplayListDiscInTriangleLT span {
          text-align: center;
  color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 110px;
  overflow: hidden;
  padding-left: 20px;
    }

    .ProductDisplayListDiscInTriangleLT .lblPreTriangle {
        font-weight: 700;
        font-size: 1em;
        line-height: 0.8em;
    }




/* AO_CartSummaryJquery
----------------------------------------------------------------------------- */
.CSHiddenHolder {
    width: 100%;
    float: left;
}

.CSHiddenHolderImg {
    width: 30%;
    float: left;
    padding: 10px;
    padding-top: 15px;
}

.CartHidden a {
    color: #fff;
    white-space: normal;
    word-wrap: normal;
}

.CartHiddenBottom > div > div {
    padding: 0px;
}

.CSHiddenHolderProd {
    width: 97%;
    float: left;
    overflow-wrap: break-word;
    padding-left: 3%;
}


.CSRemoveButton {
  margin-right: 8px;
    vertical-align: middle !important; 
    cursor:pointer;
}

.CartHiddenProdId {
}




.QtyPopUpQty {
  /*  display: none; */
  width: 33%;
}

.QtyPopUpPrice {
      /*  display: none; */
  width: 33%;
}

.QtyPopUpDisc {
      /*  display: none; */
  width: 33%;
}


.QtyPopUpStkName {
  /*  display: none; */
  width: 33%;
}

.QtyPopUpStkAvailable {
      /*  display: none; */
  width: 33%;
}

.QtyPopUpStkLocation {
      /*  display: none; */
  width: 33%;
}

.HeaderCartSummary {
    cursor: pointer;
}


.DashboardTable {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
}


.checkoutnotes1 {
    width: 90%;
    height: 250px;
}

.DD_PostCodeFinder {
    font-size: 10px;
}


.MyCart_Table {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

.MyCart_RowStyle:hover, .MyCart_AlternatingRowStyle:hover {
    background: #eee;
}

.MyCart_Table td, .MyCart_HeaderStyle div {
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
}

.MyCart_AlternatingRowStyle {
    background: #fafafa;
}

.MyCart_Table a {
}

.MyCartInnerHolder {
    float: left;
    width: 100%;
    font-size: 14px;
    height: 60px;
    padding-top: 20px;
}

    .MyCartInnerHolder div {
        font-size: 12px;
    }

.MyCartInnerHolderh {
    float: left;
    width: 100%;
    font-size: 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.MyCartImage {
    float: left;
    width: 60px;
    padding-left: 20px;
    min-height: 10px;
}

.MyCartPart {
    float: left;
    width: 12%;
    padding-left: 15px;
    min-height: 10px;
    padding-right: 10px;
    overflow-wrap: break-word;
}

.MyCartDescription {
    float: left;
    min-height: 10px;
    margin-right:10px;
    width: 13%;
    overflow: hidden;
    overflow-wrap: break-word;
}

.MyCartUOM {
    float: left;
    width: 7%;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartVariant {
    float: left;
    width: 7%;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartGSM {
    float: left;
    width: 7%;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartSize {
    float: left;
    width: 10%;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartStock {
    float: left;
    width: 7%;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartRRP {
    float: left;
    width: 8%;
    overflow: hidden;
    min-height: 10px;
}

.MyCartRRPB2B {
    float: left;
    width: 8%;
    overflow: hidden;
    min-height: 10px;
}

.MyCartWholesale {
    float: left;
    width: 8%;
    min-height: 10px;
    overflow: hidden;
}

.MyCartRemove {
    float: left;
    width: 80px;
    text-align: center;
    padding: 0px 0 0 15px;
}

.MyCartYourPrice {
    float: left;
    width: 8%;
    overflow: hidden;
    min-height: 10px;
    font-weight: 700;
}

.MyCartQuantity {
    float: left;
    width: 50px;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartQuantityh {
    float: left;
    width: 50px;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartSupplied {
    float: left;
    width: 60px;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.MyCartBO {
    float: left;
    width: 50px;
    overflow: hidden;
    min-height: 10px;
    text-align: center;
}

.Qtytxtbox {
    text-align: center;
}

.MyCartTotal {
    float: left;
    width: 100px;
    overflow: hidden;
    text-align: right;
    min-height: 10px;
}

.MyCartImage img {
    width: 60px;
}

.checkoutDelivery {
}

.checkoutBuyersDetails {
}

    .checkoutBuyersDetails textarea {
    }

.checkoutOrderOptions {
}

.checkoutDeliveryOptions {
}

.checkoutLowerButtons {
    float: left;
    width: 100%;
    height: 20px;
}

.MyCart_Header {
    color: #66b2d5;
    font-weight: 700;
}

.CheckoutDealerWrapper {
    display: none;
}

.OrderRowLabel {
    font-weight: 700;
}

.DPSCheckHolder {
    float: left;
    width: 100%;
}

.CheckoutTabDIV .threepaneholder {
    overflow: hidden;
    width: 50%;
    margin: 0 auto;
}

.redbar_prevOnly {
    color: #fff;
    height: 42px;
    width: 100%;
    background: #3498db;
    background-position-x: 10px;
}

.redbar {
    color: #fff;
    height: 42px;
    width: 100%;
    background: #3498db;
}

    .redbar div {
        float: left;
    }

        .redbar div input, .redbar div select, .redbar div span {
            display: block;
            float: left;
            margin-right: 10px;
        }

        .redbar div select {
            background: #3498db;
            border: none;
            color: #fff;
            margin-top: 1px;
            font-weight: 700;
        }

.OrderOptionsRadio {
    font-size: 10px;
}

.CheckOutRadio {
    font-size: 11px;
}

.DPSCheckHolder .TwoPaneLeftHolder {
    float: left;
    min-width: 50%;
    text-align: left;
}

.DPSCheckHolder .TwoPaneRightHolder {
    width: 28%!important;
    float: left;
}

.DPSCheckHolder .TwoPaneInnerHolder {
    float: left;
    width: 100%;
    min-height: 20px;
}

.DPSCheckHolder .RightAlign {
    text-align: right;
}

.SaveAsList, .checkoutLowerButtons input {
    border: none;
    color: #FFF;
    max-width: 75px;
    font-weight: 700;
}

input.TransparentCheckoutButton {
    display: block;
    background: url(images/transparent.png) no-repeat center right;
    cursor: pointer;
    height: 42px;
    width: 120px;
    color: #fff!important;
    font-size: 14px;
    line-height: 42px;
    border: none;
    margin-right: 0!important;
    text-align: left;
    padding-left: 20px;
    font-weight: 700;
}

.SaveAsControlMobileLine {
    float: left;
}

.SaveAsControlWrapper {
    padding-left: 10px;
}

    .SaveAsControlWrapper span {
        padding-right: 5px;
    }

.OnlyForMobile {
    display: none;
}

.TotalTable {
    width: 100%;
}


.TotalTableCol1 {
    width: 37.5%;
    float: left;
}

.TotalTableCol4 {
    width: 37.5%;
    float: left;
}

.TotalTableCol2 {
    width: 12.5%;
}

.TotalTableCol3 {
    width: 12.5%;
    padding-right: 10px;
}


.checkout_prevOnly {
    color: #fff;
    height: 42px;
    width: 100%;
}

.checkoutbar {
    color: #fff;
    height: 42px;
    width: 100%;
}

    .checkoutbar div {
        float: left;
    }

        .checkoutbar div input, .redbar div select, .redbar div span {
            display: block;
            float: left;
            margin-right: 10px;
            margin-right: 10px;
        }

        .checkoutbar div select {
            border: none;
            color: #fff;
            margin-top: 1px;
            font-weight: 700;
        }

.RightAlign {
    text-align: right;
}

.DeliveryPrefTable {
    width: 100%;
}

.DeliveryPrefTableLeft {
    width: 65%;
}

.DeliveryPrefTableRight {
    width: 35%;
    text-align: right;
}

.displayme {
    display: block;
}

.dontdisplayme {
    display: none;
}

.DeliveryOptionsRadio label {
    padding-left: 5px;
}

.CustomColorAsBackground {
    color: #fff;
}

.TotalTable .CustomColorAsBackground span {
    padding-left: 5px;
}

.CheckoutPrevWrapper {
    line-height: 42px;
}

.txtReoccuringOrderName {
    line-height: 30px;
    height: 30px;
    margin-top: 6px;
}

.checkoutbar .DetailsButton {
    /*margin-top: 6px;
        background: #ccc;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;*/
    margin: 0;
}

td.CustomColorAsBackground.checkoutbar {
    background: none;
}

/* AO_ReOccuringOrder
----------------------------------------------------------------------------- */

.ReoccuringOrderTable {
    font-size: 13px;
}

.ReoccuringOrderHeader {
    font-weight: 700;
}

.ReoccuringOrderTable .ReoccuringOrderLineHeader {
    overflow: hidden;
    border-bottom: 1px solid;
}

.ReoccuringOrderTable .ReoccuringOrderLine {
    display: inline-block;
    height: auto;
    overflow: hidden;
}

.ReoccuringOrderTable .ReoccuringOrderCellHeader, .ReoccuringOrderTable .ReoccuringOrderCell {
    float: left;
    min-height: 1px;
    padding-left: 10px;
}

.ReoccuringOrderTable .ReoccuringOrderCell {
    padding-top: 10px;
}

.ReoccuringOrderTable .ReoccuringOrderCell_Code {
    width: 20%;
}

.ReoccuringOrderTable .ReoccuringOrderCell_ProductName {
    width: 35%;
}

.ReoccuringOrderTable .ReoccuringOrderCell_Price {
    width: 10%;
    text-align: center;
}

.ReoccuringOrderTable .ReoccuringOrderCell_IIO {
    width: 10%;
}

.ReoccuringOrderTable .ReoccuringOrderCell_QTY {
    width: 15%;
}

.ReoccuringOrderTable .ReoccuringOrderCell_ATC {
    width: 15%;
}

.DeliveryType {
    float: left;
    width: 100%;
    vertical-align: top;
}

.DeliveryTypeImg {
    float: left;
    width: 140px;
    height: 55px;
    border: none;
}

.cursorpointer {
    cursor: pointer;
}

.txtReoccuringOrderName {
    padding-left: 10px;
}


.OrderOptionImg {
    float: left;
}

.OrderOptionDescription {
    float: left;
    padding: 5px 3px;
    width: 120px;
    display: table-cell;
}

    .OrderOptionDescription span {
            vertical-align: middle;
    line-height: 1em;
    }

.OrderOptionPrice {
    float: left;
    padding: 10px;
    text-align: right;
    float: right;
}


.AddOOButton {
    border: 0;
    background-color: #fff;
}

.pCheckoutContainer1 {
    font-size: 12px;
}

.DD_SelectedShipTo {
    width: 150px;
    float: left;
}

.lblOrderOptionsRadio {
    line-height: 30px;
}

.SummaryColumn {
    vertical-align: top;
    padding-left:0px !important;
}


ul.megaCSS3menu > .hasFullWidthMega {
position: static !important;
}

ul.megaCSS3menu > .hasFullWidthMega > div {
  min-width: 1150px;
  margin: 25px auto !important;
}

.hasFullWidthMega > div > div {
    width: 100% !important;
}

.hasFullWidthMega > div > div > ul > li {
        width: 15% !important;
}

.DTLog th {
    text-align: center;
}


/*pinfo in list view*/
.ProductDisplayList .pinfoPopupHolder {
      top: 150px !important;
  height: 300px;
  width: 100%;
}

.ProductDisplayList .pinfoInnerWrapper {
      height: 300px;
  width: 96%;
  margin: 2%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

    .ProductDisplayList .pinfoInnerWrapper > div {
}

.GridAddToCartButtonHolder {
    float: left;
    width: 100%;
}

.GridAddToCartButtonHolder .SaveASHolder {
    padding: 0px;
  margin: 0px;
  width: 100%;
        height: auto;
}

.GridAddToCartButtonHolder .ProductDisplayFormSaveAsDDL {
 max-width: 100%;
    float: left;
    width: 45%;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    height: 32px;
}

    .GridAddToCartButtonHolder span.SaveAsSpan {
  float: left;
    width: 32%;
    padding: 0px 0% 0px 8%;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 32px;
}

.GridAddToCartButtonHolder .TransparentSaveAsButton {
      float: left;
    width: 25%;
    margin: 0px;
    height: 32px;
    text-transform: capitalize;
    font-weight: 400;
}

.AddedToWishlist .glyphicon {
    padding-right: 3px;
}

.AddedToWishlist { 
    background: #333333;
}

.VAPButtonWrapper .AddToWishlistClick {
    width: 100%;
}

.lblLoginToSeePrice {
    font-size: 0.7em;
    line-height: 0.5em;
}

.Checkout_BackorderGridHeader { 
    padding: 0 0 0 10px;
    font-weight: bold;
}


.AutocompleteHolder_ProdComment {
        height: 43px;
    padding-left: 10px;
    display: table-cell;
    }

    .AutocompleteHolder_ProdComment img {
        vertical-align: bottom;
    }



/*pinfo*/
.pinfoBox {
    height: 0px;
    /*width: 0px;*/
    text-align: left;
}

.pinfoPopupHolder {
    width: 0px;
    /*height: 0px;*/
    z-index: -1000;
    visibility: hidden;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    background-color: white;
    border: 1px solid #aaa;
    padding: 10px;
    font-size: 12px;
    position: relative;
    color: #333;
    top: -15px;
    opacity: 0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

    .pinfoPopupHolder:after, .pinfoPopupHolder:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .pinfoPopupHolder:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: white;
        border-width: 14px;
        left: 20%;
        margin-left: -14px;
    }

    .pinfoPopupHolder:before {
        border-color: rgba(170, 170, 170, 0);
        border-bottom-color: #aaa;
        border-width: 15px;
        left: 20%;
        margin-left: -15px;
    }

.pinfoCategoryTrace {
    color: #888;
    display: inline-block;
    width: 75%;
}

.pinfoManufacturer {
    display: inline-block;
}

.pinfoProductName {
    margin: 5px 0;
}

.pinfoDescription {
    font-size: 10px;
}

.pinfoLink {
    font-weight: bolder;
    color: #787777;
    display: inline-block;
    width: 20%;
}

    .pinfoLink > a:visited {
        color: #787777;
    }

.pinfoAddProduct {
    text-align: right;
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.pinfoQuantity {
    height: 13px;
    width: 25px;
    text-align: right;
}

.pinfoPrice {
    font-size: 20px;
    text-align: right;
    margin-top: 15px;
}

.pinfo:hover > .pinfoBox > .pinfoPopupHolder {
    /*display: block;*/
    visibility: visible;
    width: 400px;
    /*height: 300px;*/
    z-index: 3000;
    opacity: 1;
}

.pinfo:after {
    clear: both;
}

.pinfoFeatureHolder {
    /*height: 200px;*/
}

    .pinfoFeatureHolder > .pinfoFeatureList {
        list-style-image: url('/images/success-icn.png');
        margin-left: 30px;
    }

.pinfoFeatureList {
    padding-bottom: 5px;
}

.pinfoFeatureListHeader {
    position: relative;
    left: -15px;
    font-weight: bold;
}

.pinfoFeatureRow {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    margin: 1px 0 -2px 0;
}

    .pinfoFeatureRow > .pinfoFeatureName {
        width: 30%;
        font-weight: bold;
        display: inline-block;
    }

    .pinfoFeatureRow > .pinfoFeatureDescription {
        width: 70%;
        display: inline-block;
    }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
    padding: 0;
    margin: 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
}

#TB_window a:link {
    color: #666666;
}

#TB_window a:visited {
    color: #666666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window a:active {
    color: #666666;
}

#TB_window a:focus {
    color: #666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
    z-index: 100;
	top: 0px;
	left: 0px;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
    color: #000000;
    display: none;
	border: 4px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
        display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

    #TB_ajaxContent.TB_modal {
        padding: 15px;
}

    #TB_ajaxContent p {
        padding: 5px 0px 5px 0px;
}

#TB_load {
	position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
	top: 0;
	left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}

/*pretty photo*/
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px;
}
	
    div.pp_default .pp_top .pp_left {
        background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
    }
    /* Top left corner */
    div.pp_default .pp_top .pp_middle {
        background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
    }
    /* Top pattern/color */
    div.pp_default .pp_top .pp_right {
        background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
    }
/* Top right corner */
	
div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}

div.pp_default .pp_content {
    background-color: #fff;
}
/* Content background */
div.pp_default .pp_next:hover {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */
div.pp_default .pp_previous:hover {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */
div.pp_default .pp_expand {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
    /* Expand button */
    div.pp_default .pp_expand:hover {
        background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */
div.pp_default .pp_contract {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
    /* Contract button */
    div.pp_default .pp_contract:hover {
        background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */
div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
}
/* Close button */
div.pp_default #pp_full_res .pp_inline {
    color: #000;
}

div.pp_default .pp_gallery ul li a {
    background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa;
}

	div.pp_default .pp_gallery ul li a:hover,
    div.pp_default .pp_gallery ul li.selected a {
        border-color: #fff;
    }

div.pp_default .pp_social {
    margin-top: 7px;
}

	div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}

	div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}

div.pp_default .pp_details {
    position: relative;
}

	div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px;
}
	
div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}
/* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative;
}

    div.pp_default .pp_nav .currentTextHolder {
        font-family: Georgia;
        font-style: italic;
        color: #999;
        font-size: 11px;
        left: 75px;
        line-height: 25px;
        margin: 0;
        padding: 0 0 0 10px;
        position: absolute;
        top: 2px;
    }

    div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
        opacity: 0.7;
    }

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}
	
div.pp_default .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}
/* Bottom left corner */
div.pp_default .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}
/* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}
/* Bottom right corner */

div.pp_default .pp_loaderIcon {
    background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
}
/* Loader icon */


	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


div.light_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}
/* Top left corner */
div.light_rounded .pp_top .pp_middle {
    background: #fff;
}
/* Top pattern/color */
div.light_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}
/* Top right corner */
	
div.light_rounded .pp_content .ppt {
    color: #000;
}

	div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
    background: #fff;
}

div.light_rounded .pp_content {
    background-color: #fff;
}
/* Content background */
div.light_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */
div.light_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */
div.light_rounded .pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */
    div.light_rounded .pp_expand:hover {
        background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */
div.light_rounded .pp_contract {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */
    div.light_rounded .pp_contract:hover {
        background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */
div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */
div.light_rounded .pp_details {
    position: relative;
}

div.light_rounded .pp_description {
    margin-right: 85px;
}

div.light_rounded #pp_full_res .pp_inline {
    color: #000;
}

	div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */
    div.light_rounded .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }
	
div.light_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */
    div.light_rounded .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.light_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}
/* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle {
    background: #fff;
}
/* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}
/* Bottom right corner */

div.light_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
/* Loader icon */

	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
div.dark_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}
/* Top left corner */
div.dark_rounded .pp_top .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
/* Top pattern/color */
div.dark_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}
/* Top right corner */
	
div.dark_rounded .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}
/* Left Content background */
div.dark_rounded .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}
/* Right Content background */
div.dark_rounded .pp_content {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
/* Content background */
div.dark_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */
div.dark_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */
div.dark_rounded .pp_expand {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */
    div.dark_rounded .pp_expand:hover {
        background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */
div.dark_rounded .pp_contract {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */
    div.dark_rounded .pp_contract:hover {
        background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */
div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */
div.dark_rounded .pp_details {
    position: relative;
}

div.dark_rounded .pp_description {
    margin-right: 85px;
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4;
}

div.dark_rounded .pp_description {
    color: #fff;
}

div.dark_rounded #pp_full_res .pp_inline {
    color: #fff;
}

	div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */
    div.dark_rounded .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }
	
div.dark_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */
    div.dark_rounded .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }
	
div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}
/* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
/* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}
/* Bottom right corner */

div.dark_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}
/* Loader icon */


	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
div.dark_square .pp_left,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000;
}
	
div.dark_square .currentTextHolder {
    color: #c4c4c4;
}
	
div.dark_square .pp_description {
    color: #fff;
}

div.dark_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}
/* Loader icon */

div.dark_square .pp_expand {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */
    div.dark_square .pp_expand:hover {
        background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */
div.dark_square .pp_contract {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */
    div.dark_square .pp_contract:hover {
        background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */
div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */
div.dark_square .pp_details {
    position: relative;
}

div.dark_square .pp_description {
    margin: 0 85px 0 0;
}

div.dark_square #pp_full_res .pp_inline {
    color: #fff;
}

	div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}
	
div.dark_square .pp_nav {
    clear: none;
}
	
    div.dark_square .pp_nav .pp_play {
        background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

    div.dark_square .pp_nav .pp_pause {
        background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

div.dark_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */
    div.dark_square .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.dark_square .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */
    div.dark_square .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.dark_square .pp_next:hover {
    background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */
div.dark_square .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
div.light_square .pp_left,
	div.light_square .pp_middle,
	div.light_square .pp_right,
div.light_square .pp_content {
    background: #fff;
}

    div.light_square .pp_content .ppt {
        color: #000;
    }

div.light_square .pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */
    div.light_square .pp_expand:hover {
        background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */
div.light_square .pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */
    div.light_square .pp_contract:hover {
        background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */
div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */
div.light_square .pp_details {
    position: relative;
}

div.light_square .pp_description {
    margin-right: 85px;
}

div.light_square #pp_full_res .pp_inline {
    color: #000;
}
	
	div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */
    div.light_square .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }
	
div.light_square .pp_arrow_next {
    background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */
    div.light_square .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }
	
div.light_square .pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */
div.light_square .pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */
	
div.light_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
/* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
div.facebook .pp_top .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}
/* Top left corner */
div.facebook .pp_top .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}
/* Top pattern/color */
div.facebook .pp_top .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}
/* Top right corner */

div.facebook .pp_content .ppt {
    color: #000;
}

div.facebook .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}
/* Content background */
div.facebook .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}
/* Content background */
div.facebook .pp_content {
    background: #fff;
}
/* Content background */
div.facebook .pp_expand {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */
    div.facebook .pp_expand:hover {
        background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */
div.facebook .pp_contract {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */
    div.facebook .pp_contract:hover {
        background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */
div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */
div.facebook .pp_details {
    position: relative;
}

div.facebook .pp_description {
    margin: 0 37px 0 0;
}

div.facebook #pp_full_res .pp_inline {
    color: #000;
}

div.facebook .pp_loaderIcon {
    background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
}
/* Loader icon */

div.facebook .pp_arrow_previous {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}
    /* The previous arrow in the bottom nav */
    div.facebook .pp_arrow_previous.disabled {
        background-position: 0 -96px;
        cursor: default;
    }

div.facebook .pp_arrow_next {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}
    /* The next arrow in the bottom nav */
    div.facebook .pp_arrow_next.disabled {
        background-position: -32px -96px;
        cursor: default;
    }

div.facebook .pp_nav {
    margin-top: 0;
}

    div.facebook .pp_nav p {
        font-size: 15px;
        padding: 0 3px 0 4px;
    }
	
    div.facebook .pp_nav .pp_play {
        background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
        height: 22px;
        width: 22px;
    }
	
    div.facebook .pp_nav .pp_pause {
        background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
        height: 22px;
        width: 22px;
    }
	
div.facebook .pp_next:hover {
    background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */
div.facebook .pp_previous:hover {
    background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */
	
div.facebook .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}
/* Bottom left corner */
div.facebook .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}
/* Bottom pattern/color */
div.facebook .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}
/* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus {
    outline: none;
}

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}

* html .pp_top {
    padding: 0 20px;
}
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}

			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}

				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
.pp_content {
    height: 40px;
    min-width: 40px;
}

* html .pp_content {
    width: 40px;
}
		
.pp_fade {
    display: none;
}
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
    .pp_content_container .pp_left {
        padding-left: 20px;
    }

    .pp_content_container .pp_right {
        padding-right: 20px;
    }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}

				.pp_description {
					display: none;
					margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
				}
				
    .pp_social .facebook {
        float: left;
        margin-left: 5px;
        width: 55px;
        overflow: hidden;
    }

    .pp_social .twitter {
        float: left;
    }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
						white-space: nowrap;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
            .pp_gallery li.selected a {
                border-color: #fff;
            }
			
            .pp_gallery ul a img {
                border: 0;
            }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
            .pp_gallery li.default a img {
                display: none;
            }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
			display: block;
    line-height: 22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}

* html .pp_bottom {
    padding: 0 20px;
}
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}

			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}

				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
        #pp_full_res .pp_inline p {
            margin: 0 0 15px 0;
        }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}

        /*thickbox*/
        /* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
    padding: 0;
    margin: 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
}

#TB_window a:link {
    color: #666666;
}

#TB_window a:visited {
    color: #666666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window a:active {
    color: #666666;
}

#TB_window a:focus {
    color: #666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
    z-index: 100;
	top: 0px;
	left: 0px;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
    color: #000000;
    display: none;
	border: 4px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
        display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

    #TB_ajaxContent.TB_modal {
        padding: 15px;
}

    #TB_ajaxContent p {
        padding: 5px 0px 5px 0px;
}

#TB_load {
	position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
	top: 0;
	left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}

.wraptext {
    word-wrap: break-word;
}

.validationErrMsg {
    font-size: 0.8em;
    color: #f84b4a;
}

.SlashArea { /*background: url('/portals/_default/skins/ACSkin/images/bg_grid.png');*/
}

.ProdQuantityHolder, .ProdDetailUserHolder, .ProductDetailsHolder, .ProdFeatureHolder, .CategoriesHolder, .FeaturesHolder {
    overflow-x: auto;
    width: 98%;
}

.prodctdetailsTable tr {
    width: 100%;
    padding: 3px, 0;
}

.prodctdetailsTable td span {
    padding: 0px 10px 0px 0px;
    font-weight: 700;
}

.prodctdetailsTable {
    width: 100%;
}

.gvProductDetails {
    vertical-align: middle !important;
    border: #c8c8c8 solid 1px;
}

.lblTitle {
        width: 200px;
    display: inline-block;
    line-height: 2em;
    padding-bottom: 3px;
}

.ProductEditPane input[type="text"], .ProductEditPane textarea, .ProductEditPane select {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 5px;
    line-height: 1.5em;
}

.ProductEditPane input[type="text"] {
    width: 50%;
}

.ProductEditActiveCol {
        vertical-align: middle !important;
    font-size: 16px;
}

.gvProductDetails .ProdId {
    padding-left: 10px;
    vertical-align: top;
}

.fa_green {
    color: #46A546;
}

.fa_red {
    color: red;
}

.gvProductDetailsHeader, .gvProductDetailsRow {
    float: left;
    min-height: 1px;
    padding-left: 5px;
    line-height: 32px;
}

.gvProductDetailsRow_productEntryId {
    width: 10%;
}

.gvProductDetailsRow_edit {
    width: 12%;
    text-align: right;
}

.gvProductDetailsRow_productName {
    width: 55%;
}

.gvProductDetailsRow_active {
    width: 5%;
}

    .gvProductDetailsRow_active .fa {
        font-size: 18px;
    margin-top: 10px;
    }

.gvProductDetailsRow_productId {
    width: 15%;
}

.ProductSpecificSearch {
    width: 100%;
    margin: 10px auto;
    border: 1px solid#ccc;
    height: 75px;
    background: rgba(0, 0, 0, 0.03);
}

    .ProductSpecificSearch .SearchBox {
            line-height: 40px !important;
    width: 75% !important;
    margin: 15px 0px 15px 15px;
        padding-left: 15px;
    }

.btn-primary .fa {
    padding-right: 5px;
}

.ProductEdit_EditBtn {
    margin-top: 2px;
}

.ProductsTypeTab {
}

.ProductsTypeTabs {
    float: left;
    width: 80px;
}

    .ProductsTypeTabs li {
        clear: left;
        width: 100%;
        display: block;
        height: 80px;
        border: 1px solid #ddd;
        position: relative;
        border-radius: 0px !important;
        border-bottom: none;
    }

        .ProductsTypeTabs li:last-child {
            border-bottom: 1px solid #ddd;
        }

        .ProductsTypeTabs li .glyphicon {
            width: 100%;
            display: block;
            text-align: center;
            font-size: 25px;
            color: #333;
        }

        .ProductsTypeTabs li a {
            overflow: hidden;
            display: block;
            position: absolute;
            width: 100%;
            top: 25%;
        }

        .ProductsTypeTabs li .TabCaption {
            width: 100%;
            display: block;
            text-align: center;
            padding-top: 5px;
            font-size: 10px;
            font-weight: 700;
            color: #333;
            line-height: 1.2em;
        }

    .ProductsTypeTabs .ui-state-active {
        background: #fff;
        border-left: 2px solid;
        border-radius: 0px;
    }

.ProductTypeContentWrap, .ProductsTypeTabsWrap {
    float: left;
}

.ProductTypeContentWrap {
    width: 90%;
}

.ProductsTypeTabsWrap {
    width: 10%;
}

.ProductsTypeTabsWrap li .TabCaption {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 5px;
    font-size: 10px;
    font-weight: 700;
    color: #333;
    line-height: 1.2em;
}

.tblProdData {
    border: 1px solid #aaa;
    padding: 3px;
    width: 100%;
}

    .tblProdData td, .tableHeader th {
    border: 1px solid #ccc;
    padding: 3px;
    color: #000;
}

.ProductEdit_gv {
        border: #c8c8c8 solid 1px;
    font-size: 12px;
}

    .ProductEdit_gv th {
    border-top: #c8c8c8 solid 1px;
    border-bottom: #c8c8c8 solid 1px;
}

    .ProductEdit_gv td {
        vertical-align: middle;
        border-top: #c8c8c8 solid 1px;
    border-bottom: #c8c8c8 solid 1px;
    }

.txtCNewCategoryLongDescription {
    margin-top: 5px;
}

.ProductEdit_gv tr:last-child td {
    padding: 3px;
}

.gvProdReplaces th, .gvProdAccessorys th, .gvProdFeature th, .gvProdCategory th, .gvProdDescription th, .gvProdImage th {
    font-size: 11px;
}

.ProductEditPane {
    display: none;
}

.redtext {
    color: red;
}

.portalMgmtSetting > tr > td > input {
    width: 100% !important;
}

#top-bar {
    display: block !important;
}

.AOTopPane {
    padding: 0px !important;
}

.top_wrapper {
    height: 30px;
}

    .AOTopPane div, .PriceModeDIV p {
    margin: 0px;
    padding: 0px;
    }

#DoBeforePageLoad div, #DoAfterPageLoad div {
    margin: 0px;
    padding: 0px;
}

#CartHolder {
    position: relative;
    width: auto;
    overflow: auto;
    height: auto;
    width: 280px;
    color: #fff;
}

.searchBox {
    height: auto !important;
}

.HeaderCartBtn {
    margin-right: 10px;
    float: right;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 600;
    border-radius: 3px;
    background: #7c4b7d;
    position:absolute;
    right:5px;
}

    .HeaderCartBtn a {
        color: #fff;
}

.SearchPane, #search {
    padding: 0px;
}

.SearchPane div {
    padding: 0px;
    margin: 0px;
}

.SearchBox:focus {
    outline: none;
}

/*background: #d9d9d9; */
/*.sizeDiv,.colorDiv {float: left;    display: inline;    margin: 0 8px 8px 0;    color: #2a2a2a;    font-size: 12px;   font-weight:400 ;       text-align: center;    display: block;    
                    text-decoration: none;    height: 60px;    width: 60px;    padding: 0px;    border: 5px solid #eaeaea;     outline: 1px solid #888; }

.invalidSize { background-color :#d9d9d9 ;}
.YMMSelector {  overflow: hidden;padding:10px 5px;}
.DisableCartBtn{background-color :lightgray ;}
.RecentlyViewRowWrapper > div {text-align:center; }
.sizeDiv span {
    margin-top: 14px;
    display: block;
    font-weight: 700;
    font-size: 20px;
}

.colorDiv span{
    display:none;
}*/


.sizeDiv, .colorDiv, .thirdDiv, .fourthDiv {
    float: left;
    display: inline;
    margin: 0 8px 8px 0;
    color: #2a2a2a;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    display: block;
    text-decoration: none;
    height: 60px;
    width: 60px;
    padding: 5px;
    outline: 1px solid #666;
    cursor: pointer;
}
 /*.sizeDiv:hover , .sizeDiv.selected, .colorDiv:hover , .colorDiv.selected {     font-weight: 700;  background: #256e8a;  color: #ffffff;   }*/

.invalidColor, .invalidSize, .invalidThird, .invalidFourth {
    background-color: #d9d9d9 !important;
    outline: 1px solid #ddd;
    color: #999;
    pointer-events: none;
    display: none;
}

.YMMSelector {
    padding: 10px 5px;
}

.DisableCartBtn {
    background-color: lightgray;
}

.RecentlyViewRowWrapper > div {
    text-align: center;
}
/*
.sizeDiv span {
    display: block;
    font-weight: 700;
    width: 50%;
    margin: 7px auto;
    line-height: 1.2em;
    text-align: center;
    font-size: 11px;
}*/
.sizeDiv span {    
    font-weight: 700;        
    line-height: 60px;
    vertical-align: middle;
    font-size: 11px;
}

.thirdDiv span {
    margin-top: 14px;
    display: block;
    font-weight: 700;
    font-size: 0.71em;
    word-break:break-word;
    overflow:hidden;
}

.fourthDiv span {
    margin-top: 14px;
    display: block;
    font-weight: 700;
    font-size: 11px;
    word-break: break-all;
}

.colorDiv span {
   margin-top: 14px;
    display: block;
    font-weight: 700;
    font-size: 20px;
}


html, body {
    height: auto !important;
}

/*-------Paper Selector------*/

li.bfselector-li-wrap {
    height: 3em;
    border-bottom: 2px solid #4F2056;
    /* padding-left: 50px; */
    display: block !important;
}

.bfselector-li-description {
    width: 60%;
    display: block;
    float: left;
    line-height: 1.5em;
    font-weight: 700;
}

.bfselector-li::before {
       display: block;
    width: 20%;
    content: "\e319";
    float: left;
    text-align: center;
    height: 100%;
    font-family: 'Glyphicons Regular';
    line-height: 35px;
    font-size: 1.5em;
}

    



.bfselector-li > span + input[type='checkbox']:checked {
    background: url("/Portals/0/img/radio_on.png") left center no-repeat; 
        background: url("/Portals/0/img/radio_off.png") left center no-repeat; 
}

.bfselector-li input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin-left: -25px;
}

.bfselector-li input[type="checkbox"] + label {
    display: inline-block;
    width: 75%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    margin: 0px;
    vertical-align: middle;
    background: url("/Portals/0/img/radio_off.png") right 50% no-repeat;
    background-size: 25px 25px;
    cursor: pointer;
    font-weight: 600;
}

.bfselector-li input[type="checkbox"]:checked + label {
    background: url("/Portals/0/img/radio_on.png") right 50% no-repeat;
    background-size: 25px 25px;
}

.bfselector-li {
        overflow: hidden;
    display: block;
}

.bf-selectorlist-50008 .bfselector-li::before {
    content: "\E287";
}


.bf-selectorlist-50014 .bfselector-li::before {
    content: "\E093";
}


.bf-selectorlist-50015 .bfselector-li::before {
    content: "\E407";
}

.cal-section {
    margin-bottom: 25px;
}

.cal-section > p {
        margin: 0px;
}

table.cal-table {
    background: #b3a2ce;
    padding: 10px;
    display: block;
    width: 100%;
    border-radius: 10px;
}

#cal1-result, #cal2-result, #cal3-result, #cal4-result, #cal5-result {
    background: none;
    border: none;
    font-weight: 700;
    padding-left: 5px;
}

    #cal1-result:focus, #cal2-result:focus, #cal3-result:focus, #cal4-result:focus, #cal5-result:focus {
    outline: none;
}

table.cal-table td {
    padding: 10px;
}

.cal-table tr th {
    padding-left: 15px;
}

.ProductImagesHolder, .CSHiddenHolderImg, .MyCartImage, .recentlyImageHolder, .AccessoryListImg {
    display: none !important;
}

.glyphicons-crop::before {
    content: '\e094';
    padding-left: 6px;
}

.calc_btn {
    padding: 5px 10px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.ProductInfoLeft {
        float: left;
    width: 45%;
    min-width: 45%;
}

.ProductInfoLeft .ProductDisplayFormName {
        padding: 0px;
}

.selected_color, .selected_size, .selected_Third, .selected_Fourth {
            border: 1px solid #4F2056 !important;
    padding: 3px !important;
    outline: 2px solid #4F2056;
}

.ProductInfoHeader {
    padding: 15px 30px;
    color: #fff;
    min-height: 300px;
    min-width: 45%;
}

.ProductInfoFeatureHolder {
    padding: 15px 30px;
    font-size: 12px;
}

.VAPFeatureLogoWrap {
    padding: 15px 0px 0px 0px;
}

.VAPHTMLProdDescription {
        line-height: 1.5em;
}

.VAPFeaturePDFWrap {
        padding: 10px 0px;
}

.colorDiv:hover, .sizeDiv:hover, .thirdDiv:hover, .fourthDiv:hover {
        /*border-color: #4F2056 !important;*/
}

li.VAPFeatureIL .glyphicons {
    margin-right: 5px;
}

.VAPFeatureUL {
    margin: 0px;
}

.FeatureHeader {
    margin-top: 10px;
    display: block;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 1.5em;
}

li.VAPFeatureIL {
    line-height: 1.8em;
}

.tooltipWrap {
    display: block;
    float: left;
}

.ViewAProductHolder {
    width: 100%;
}

#lblYMMSelector1,
#lblYMMSelector2,
#lblYMMSelector3,
#lblYMMSelector4 {
    padding: 5px 0px;
    font-weight: 700;
}

.ProductRangeWrap {
        float: left;
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
}

.ViewProductRange_Table {
    width: 100%;
    color:#000;
}

.VAPListLineBtn:hover, .button_std:hover, btn:hover, .Button_default:hover {
    background: #4F2056;
    color: #fff;
}

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

.YMMSelector > div {
    width: 100%;
}

.ViewAProductHolder hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.BFProductDisplayNameWrap, .BFProductDisplayIfNotARange, .BFProductButtonWrap {
    float: left;
}

.BFProductNotDisplayWrap {
    display: none;
}

.BFProductDisplayIfNotARange {
    padding: 0px 5px;
    border-right: 1px solid #ccc;
    width: 20%;
}

.BFProductDisplayNameWrap {
    width: 70%;
    border-right: 1px solid #ccc;
    padding-right: 5px;
}

    .BFProductDisplayNameWrap .ProductGridName {
        font-weight: 700;
        font-size: 2em;
    }

.BFProductButtonWrap {
    float: right;
    width: 30%;
    padding-left: 5px;
}

.BFProductNotARange {
}

.ProductDisplayGrid {
    border: 1px solid #ccc;
    display: block;
    float: left;
    padding: 15px;
    margin-bottom: 5px;
    border-radius: 5px;
}


.FilListGridBrand, .FilListGridImage {
    display: none;
}

.BFProductResultTop {
    width: 100%;
    overflow: hidden;
    padding: 15px 15px 5px 15px;
    height: 7.5em;
    border-bottom: 1px dashed #ccc;
    font-size: 12px;
}

.BFProductResultBottom {
    width: 100%;
    padding: 0px 15px 15px 15px;
    height: 60px;
}

.ENV_logos {
    height: 50px;
    width: 65px;
    float: left;
    margin-top: 10px;
    margin-left: 3px;
    -webkit-mask-repeat: no-repeat;
}

#FeatureWrapper_Env {
    padding-top: 10px;
}

.Feature_Env_headerWrap > span {
    font-weight: 700;
    float: left;
    line-height: 40px;
    text-transform: uppercase;
}

span.FeaturePopHeader {
    font-weight: 700;
    margin: 10px 0px;
    width: 100%;
    display: inline-block;
}

span.featureItem {
    width: 40%;
    display: inline-block;
    float: left;
}

span.featureItem::before {
    content: "- ";
}

.Feature_Color .showcolor {
    font-size: 24px;
    margin-right: 3px;
}

.Feature_Color > div {
    float: left;
}

#FeatureWrapper_GSM, #FeatureWrapper_Size, #FeatureWrapper_Color {
    width: 100%;
    overflow: hidden;
}

.FeatureSourceToHide {
    display: none;
}

.IScrollWrapper {
    background-repeat: no-repeat;
    background-image: url("/images/ajax-loader.gif");
    background-position: 50% 50%;
}

.BFProductButtonWrap .glyphicons {
    font-size: 20px;
    line-height: 47px;
}

.BFProductButtonWrap a {
        display: block;
    float: right;
    margin-right: 10px;
}

.element_box.login {
    overflow: visible;
}

.languageBox {
    display: none;
}

.login .glyphicons {
    margin-top: -5px;
}

.ElementBox_lnkMyAccount {
    line-height: 40px;
    padding-left: 10px;
    display: inline-block;
}

    .ElementBox_lnkMyAccount a:hover {
        color: #7c4b7d;
    }

    .ElementBox_lnkMyAccount a {
    border-right: 1px solid #999;
    padding: 0px 20px 0px 10px;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(65,25,100,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(65,25,100,0.4); 
}

/*Environmential*/
.bf-selectorlist-50012 {
}

.checkoutDelivery {
    padding-right: 10px;
}

img.CCLogos {
    width: 70px;
    padding-left: 10px;
}

.pnlCCLogo {
    margin: 10px 0px;
}

.musthave {
    color: red;
}

.sizeDiv:hover {  
  position: relative;
}

/*.sizeDiv[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}*/


.EmailSettingWrapper {
    border: none;
    padding: 3% 3% 3% 0% !important;
    width: 94%;
    margin-bottom: 5px;
}

.lblEmailNotificationHeader {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
}

.lblEmailNotificationNote {
    margin-bottom: 10px;
    font-size: 11px;
    display: inline-block;
}

.EmailSettingLine {
    width: 70%;
    padding: 3px 0px;
    overflow: hidden;
}

.EmailSettingLine span {
    width: 70%;
    font-weight: 700;
    text-align: left;
}

.EmailSettingLine input {
    text-align: right;
    float: right;
}

.PaperSelectorHolderAsIcon .bfselector-li-wrap {
       float: left;
    width: 20%;
    padding-left: 40px;
}

.PaperSelectorHolderAsIcon .bfselector-li input[type="checkbox"] + label {
    height: 55px;
    line-height: 55px;
}

.PaperSelectorHolderAsIcon .bfselector-li::before {
    display: none;
}

.PaperSelectorHolderAsIcon .bfselector-li-wrap {
    height: 55px;
    line-height: 55px;
}

.PaperSelectorHolderAsIcon .bfselector-all-label {
        padding-left: 10px;
    font-size: 16px;
}


.ProductInfoFeatureHolder .FeatureSize, .ProductInfoFeatureHolder .FeatureSizeList {
    display: none;
}

.TrafficLight {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: block;
    behavior: url(PIE.htc);
    margin-left: 10px;
    margin-top: 3px;
    line-height: 22px;
}

.ProductDisplayFormStockNo span, .ProductDisplayFormMinQty span {
    float: left;
    padding-right:5px;
}

tr.HomeLocation {
    font-weight: bold;
}

tr.HomeLocation td.QtyPopUpStkLocation::before {
    content: '\f015';
    font-family: 'FontAwesome';
    padding-right: 5px;
    font-size: 16px;
}


.tooltipWrap {
    display: inline;
    position: relative;
}

    .tooltipWrap:hover:after {
            background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 60px;
    color: #fff;
    content: attr(title);
    left: 5%;
    padding: 5px;
    position: absolute;
    z-index: 98;
    min-width: 120px;
    width:auto;
    margin-left: -50%;
    white-space: nowrap;
    text-align:center;
    }

    .tooltipWrap:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 54px;
        content: "";
        left: 20px;
        position: absolute;
        z-index: 99;
    }
.sampleOpt {}
.samplespan {font-size :12px;padding-left :5px;}
.sampleQty {width:90px;}
.sampleOptTxt {width:120px;}
.HideTxt {display:none;}
.SampleOptTbl {width:100%;}
.SampleOptTbl td{vertical-align :top ;}

/* -------------------------------------------------------------
    Cutting Popup Style
   ------------------------------------------------------------- */
.CuttingRow {
    min-height: 30px;
}

.CuttingRow > label {
    width: 28%;
}

.CuttingRow > input[type="submit"] {
    margin-right: 5px;
}

.CuttingRow > input[type="text"] {
    text-align: right;
}

.mobile_main {
    background:#4F2056;
}

.header_element .cartBox {
    right:85px;
}

.element_box  .HeaderCartWrapper {
color:#fff;
}

.showInTablet {
    display:none; font-weight:700;
}

.resp-accordion span .glyphicons {
        margin-right: 10px;
}

#MsgEmailSettingUpdated span {
    width:90% !important;margin-left:10% !important;
}

#MsgEmailSettingUpdated {
    background-position-x:2% !important;
}

.AutocompleteInStockBackorder {
    display:none;
}

.IndentStockTable, .LoginMgntTable {
        width: 100%;
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    background-color: #fff;
}

    .IndentStockTable th, .LoginMgntTable th {
            background-color: #4F2056;
            text-align:left; padding-left:10px;
            color:#fff;border:none;    line-height: 1.2em;
    }

.IndentStockTable tr, .LoginMgntTable tr {
    color: #333;
    height: 40px;
    width: 100%;
    display: table-row;    border: 1px solid #ccc;
}

.IndentStockTable td, .LoginMgntTable td{
    text-align:left;
    border:none;
    padding-left:10px;
}

.IndentStockButton {
        float: right;
    margin: 10px 0px 15px 0px;
}


.TrafficLightRow > .TrafficLight {
    float: right;
}

.TrafficLightRow {
    width: 26%;
}

.CountryDDL {
    width:100%;
}

table.ShippingDetailTable td {
    padding: 1.5px 0px;
}

table.ShippingDetailTable input {
    width: 100%;
    padding-left: 1%;
}

.DDSaveAsNewShipToTD span {
    float: left;
    padding-right: 5px;
    display: inline-block;
    height: 20px;
    min-width: 20px;
}

    .DDSaveAsNewShipToTD span:first-child, .DDRequestDateTD span:first-child {
        width:70%;
    }

.DDRequestDateTD span, .DDRequestDateTD input{
    float:left;
}

.DDRequestDateTD input {
    width: 30% !important;
}

.DDSaveAsNewShipToTD span {
    width:30%;
}

.ShippingDetailTableTD2 {
    width:150px;
}

.moreOptoinWrap ul {
    margin: 0;
    font-size: 12px;
}

span.moreOptoinHeader {
    font-weight: 700;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
}
.fourthDiv_wrapper {display:none;}

.ProductGridDesc {
    display:block; height:auto;   
}

.ProductGridDesc p {
}

.ModDNNUserDefinedTableC .dnnFormMessage {
    color: #fff;
    text-align: left;
    margin: 0;
    border-radius: 3px;
    float: left;
    padding: 1% 1% 1% 4% !important;
    line-height: 32px;
}

.INDECT_COL_ProductName {
    text-align: left !important;
    padding-left: 10px;
}

.INDECT_COL_PurchasePrice {
    width:7%;
}

.INDECT_COL_NoInSTock, .INDECT_COL_StockUnit, .INDECT_COL_SheetsPerPallet {
    width:7%;
}

.INDECT_COL_Pallets ,.INDECT_COL_Sheet{
width:4%;
padding:0px 0.5%;
}

.INDECT_COL_Pallets input, .INDECT_COL_Sheet input{
    width:80px;
}

.INDECT_COL_GSMCode {
    width:5%;
}

.INDECT_COL_CustomerNo {
    padding:0 0.5%;
}

.INDECT_COL_PLUnitOfMeasureCode {
    display:none;
}

.login .loginGroup {
    padding:0px 10px !important;
}

.MyCartTonnerPrice {
    float: left;
    width: 10%;
    padding-left: 0.5%;
}

.element_box a:hover {
    color:#b3a2ce;
}

.INDECT_COL_Quantity {
    width: 80px;
}

.Mockup_Wrapper .SectionRow {
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #ccc;
    background: #b3a2ce;
    display: block;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

.Mockup_Wrapper .SelectionHeader {
    padding: 0px 5px;
    width: 100%;
    overflow: hidden;
    display: block;
}

.Mockup_Wrapper select {
    padding: 3px;
    margin-right: 5px;
        font-size: 12px;
    font-weight: 700;
}

.cancelMockup {
    background:#666;
    margin-left:10px;
}

.saveMockup , .cancelMockup{
    float:right;
}

.mockup_contactus_form {
    width:100%;
}

.mockup_contactus_form td {
    width: 100%;
    float: left;
}

.mockup_contactus_form td input[type=text],  .mockup_contactus_form td textarea{
    width: 50%;
    float: left;
    border-radius:5px;
    padding:8px;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 12px;
}

    .mockup_contactus_form td:first-child 
    {
        font-weight:700;
    }

.mockup_contactus_form td input[type=text].HasValidator,  .mockup_contactus_form td textarea.HasValidator {
            border-left: 5px #411964 solid;
    }

.Mockup_note {
    font-size: 13px;
    margin-top: 20px;
    display: block;
    width: 70%;
}
.W150, .w150 {width:150px;}
.H50, .h50 {height:50px;}
#MockupOrder li {    margin: 0 0 10px;    padding: 20px;    background: #eee;    position: relative;}
#MockupOrder li .stock{   min-height:1px;    height: 125px; background-color :#eee;}
#MockupOrder li .stock .mockup-display {
    margin-right: 20px;
}
#MockupOrder li .stock .mockup-display, #MockupOrder li .stock .stock-display {
    float: left;
}
.field-group {
    min-height: 1px;
    margin: 0 -1.5em 1em 0;
    position: relative;
    clear: both;
}
#MockupOrder h3 {font-size: 1.17em;}
#MockupOrder li .stock .stock-display {
    background: #f4f4f4;        width: 100%;
}
#MockupOrder li .stock-display {
    font-size: .8em;
}
#MockupOrder li .stock-display .field-group {
    margin: 0 0 3px;
}
#MockupOrder li .stock-display h3 {
    float: left;
    font-family: Verdana;
    width: 250px;
}
#MockupOrder li h3 {
    margin: 0 10px 0 0;
}
#MockupOrder li .stock .field-group .field {
    float: left;
}
#MockupOrder li .stock-display .gsm {
    width: 80px;
}
#MockupOrder li .stock-display .color {
    width: 170px;
}
#MockupOrder li .stock .field-group .pages {
    float: left;
}
#MockupOrder li .stock .field-group .field label, #MockupOrder li .stock .field-group .pages label {
    display: inline;
    color: #999;
}
#MockupOrder .stocktools {
    cursor:pointer;
    /*position: absolute;
    top: 20px;
    left: 150px;*/
}
.stockqty, .stocksize, .stockorientation, .stockbind {float:left;padding-right :10px;}

span.validatorMsg {
    font-weight: 700;
    font-size: 12px;
    color: #bc0710;
    display:none;
}

.MicronWrap {
    display:none;
}

.Env_logo_link {
    width: 65px;
    display: inline-block;
    height: 50px;margin-top: 10px;
    margin-left: 3px;
}

.ProductInfoHolder  .dnnFormMessage span {
    margin-left: 7% !important;
    width: 93% !important;
}

.ProductInfoHolder .dnnFormWarning {
        background-position-x: 2%!important;
}


.tparrows.preview1:after {
    content: '' !important;
    background-image: url("/Portals/0/Images/font-awesome_angle-right.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 35px 35px;
    background-position: 50% 50%;
}

.tp-leftarrow.preview1:after {
    content: '' !important;
    background-image: url("/Portals/0/Images/font-awesome_angle-left.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 35px 35px;
    background-position: 50% 50%;
}

.tparrows:hover.preview1:after {
    background-image: url("/Portals/0/Images/font-awesome_angle-right_cccccc.png") !important;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: 50% 50%;
}

.tp-leftarrow:hover.preview1:after {
    background-image: url("/Portals/0/Images/font-awesome_angle-left_cccccc.png") !important;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: 50% 50%;
}


    .LoginPanel {
        width:100%;
        padding:0;
    }