/*-----------------------------------------------------------------------------------*/
/*	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';


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}


.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: 29%; }

.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: 0px; 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: normal; color: #f37120; }
.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;
    }
.ProductInfoHolder .AddToWishlistClick {
    color:#333;
}
.ProductTabsHolder { float: left; width: 100%; }
.ProductGridName {color: #000;}
.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; color: #000; font-weight: 700; line-height: 36px; }
.ProductFormSubPrice { font-size: 10px; color: #000; 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 { color: #000; 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; color: #000; font-weight: 700; line-height: 21px; }
.ProductGridSubPrice { font-size: 10px; color: #000; 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%; border-bottom: 1px solid #cfcfcf; 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: 15px; word-wrap:break-word; }
.AccessoryListDescription { float: left; width: 190px; padding-top: 15px; }
.AccessoryListStock { float: left; width: 53px; padding-top: 15px; text-align: center; }
.AccessoryListBO { float: left; width: 65px; padding-top: 15px; text-align: center; }
    .AccessoryListBO .BackOrderYes, .AccessoryListBO .BackOrderNo {
        margin:0;
    }
.AccessoryListRRP { float: left; width: 85px; padding-top: 15px; }
.AccessoryListWS { float: left; width: 85px; padding-top: 15px; text-align:center; }
.AccessoryListYourPrice { float: left; width: 65px; padding-top: 15px; }
.AccessoryListOrder { float: left; width: 65px; padding-top: 15px; }
.AccessoryListOty { float: left; width: 35px; padding-top: 15px; 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;
}
.VAPListLineBtn, .AccessoryListButton input, .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 {border-bottom:1px solid;overflow: hidden;  padding-bottom: 3px;}
.ProductInfoUpperWrapper .ProductDisplayFormBackOrderAvailable, .ProductInfoUpperWrapper .ProductDisplayFormStockNo {float:left;width:40%;}
.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; }
    .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-w1 { background: url(img/shadow.png) no-repeat bottom right; position: absolute; top: 0px; 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; 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 strong { font-weight: normal; color: #f37120; }
    .autocomplete div:first-child { background-color: #ff9525; font-weight: bold; margin-top: -26px; padding: 2px 5px; white-space: nowrap; overflow: hidden; position: absolute; width: 98%; }
	.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: 1px solid #ddd; padding: 0px 5px; }
.SearchButton { width: 15px; height: 20px; background: url('/images/icon_search_32px.gif') no-repeat 0px 3px; background-size: 17px; }
.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; }
    /* NEW AUTOCOMPLETE STYLE */
.AutocompleteImageHolder { display: inline-block; height: 50px; width: 50px; vertical-align: top; float: left; }
.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 { /*-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #fff; font-size: 14px; padding: 3px 10px; text-decoration: none; border: none; font-weight: 700;*/ }
    .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%; height: 4.5em; line-height:1.5em; margin-bottom: 10px; overflow:hidden; }
.ProductDisplayGridPartNo { width: 100%; display: block; height:2em; }
    .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 { color: #000; 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; display: block; width: 75%; }
.ProductDisplayGridStockNo { float: left; width: 100%; margin-bottom: 5px; height:1.5em; line-height:1.5em; }
.ProductDisplayGridShortDesc { overflow: hidden; width: 100%; margin-bottom: 10px; line-height:1.5em; height:4.5em; }
.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: 1.5em;
  overflow: hidden;  margin-bottom: 10px;
}
.ProductGridPricePadding {padding-top: 15px;}
.ProductDisplayGridPrice .TwoPaneLeftHolder {width: 60%;}
.ProductDisplayGridPrice .TwoPaneRightHolder {width: 40%;}
.ProductGridMainPrice { font-size: 21px; color: #000; font-weight: 700; line-height: 21px; width: 100%; }
.ProductGridSubPrice { font-size: 10px; color: #000; 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; margin-top: 12px; border-bottom: 1px dotted #C0C0C0; padding-bottom: 12px; position:relative;}
.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%;}
.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: absolute; background: #ffffff; border: 1px solid #ddd; width: 280px; padding: 5px; z-index: 20000; }
.CartHiddenBottom { overflow: hidden; border-bottom: 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;
}

.CustomColorAsBackground {
    color:#fff;
}
.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:40%;}

.popViewRangeClick {width:90%;
}
/*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: 100%; min-height: 25px; margin-bottom: 8px; text-align: center; }
.ProductDisplayGridDiscounts { display:inline; font-size:10px; overflow: hidden; text-transform:uppercase;color:#000;}
.ProductDisplayGridPriceLeft { width: 50%; float: left; text-align: left; }
.ProductDisplayGridPriceRight { width: 50%; float: right; text-align: right; }
.PopProductsGrid { border: 1px solid #e7e7e7; width: 29%; 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: 20%;
    float:left;
    padding: 10px;
    padding-top: 15px;

}

.CSHiddenHolderProd {
    width: 62%;
    float:left;
    overflow-wrap: break-word;
}


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

.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: 12px;
}


.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:20px;min-height:10px; padding-right: 10px;   overflow-wrap: break-word;}
.MyCartDescription{float:left;min-height:10px;width:19%;overflow:hidden;overflow-wrap: break-word;}
.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:70px;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: 75%;
    float: left;
}

.TotalTableCol2 {
    width: 19%;
}

.TotalTableCol3 {
    width: 13%;
    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;
}

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

.CheckoutPrevWrapper {
    line-height:42px;
}

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

.checkoutbar .DetailsButton{
    margin-top:6px;
}

/* 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: 132px;
    float: left;
}

.lblOrderOptionsRadio {
    line-height: 30px;
}

.SummaryColumn {
    vertical-align: top;
    padding-left: 10px;
}


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%;
}

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

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

.GridAddToCartButtonHolder .TransparentSaveAsButton {
     float: left;
  width: 20%;
  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;}
.ModAuthenticationC{display:none;}