/* NB Store styling */

/* Product List in Grid Layout  */
.ListItem .ImageWrapper{text-align:center;padding-top:6px}
.ListItem .InfoPanel{height:10%;padding:0 5px;text-align:center;vertical-align:middle}
.ListItem .Name{font-weight:bold;font-size:11px}
.ListItem .PurchasingPanel{height:10%;padding-bottom:6px;text-align:center;vertical-align:middle}
.ListItem .Price{font-size:13px}
.ListItem .DetailsButton{}
.ListItem .RetailPrice{}
.ListItem .OldPrice{text-decoration:line-through}
.ListItem .SalePrice{font-weight:bold;color:#C40000;display:block}
.ListItem .DealerPrice{display:block}
.ListItem .EmailForPrice{font-size:12px}

/* Product List in Rows layout */
.ListItem.Rows{width:100%;height:180px}
.ListItem.Rows .ImageWrapper{width:190px;text-align:center;padding-top:0}
.ListItem.Rows .InfoPanel{height:136px;text-align:left;vertical-align:top}
.ListItem.Rows .Name{font-weight:bold;font-size:13px;margin:12px 7px 3px 7px}
.ListItem.Rows .Summary{max-height:104px;overflow:auto;margin:0 7px 3px 7px}
.ListItem.Rows .PurchasingPanel{text-align:right;vertical-align:bottom;padding-bottom:0;}
.ListItem.Rows .Price{font-size:14px;float:right;margin-right:12px;margin-bottom:12px;line-height:26px}
.ListItem.Rows input.QuantityField {float:right;margin-right:12px;margin-top:3px;text-align:center;width:20px !important}
.ListItem.Rows .QuantityField.NormalTextBox{float:right;margin-bottom:inherit;padding:2px 3px 1px}
.ListItem.Rows .DetailsButton{float:right;width:46px}
.ListItem.Rows .BuyButton{float:right;width:46px}
.ListItem.Rows a.Button{line-height:24px}
.ListItem.Rows .RetailPrice{float:right}
.ListItem.Rows .OldPrice{float:right}
.ListItem.Rows .SalePrice{margin-right:12px;display:inline}
.ListItem.Rows .DealerPrice{float:right;margin-right:12px}
.ListItem.Rows .EmailForPrice{font-size:14px;line-height:24px;margin-right:12px;margin-bottom:12px;float:right}
/*.ListCell,.AltListCell{display:block !important} Uncomment this fix when your product list is set to Flow layout and the productlistrows.flag is Yes */

/* Featured Items Product List - To enable this, apply the productlistfeatured.template to a secondary product list */
.FeaturedProduct{width:210px;height:230px}
.FeaturedProduct .ImageWrapper{text-align:center;padding-top:6px}
.FeaturedProduct .InfoPanel{height:10%;padding:0 5px;text-align:center;vertical-align:middle}
.FeaturedProduct .Name{font-weight:bold;font-size:11px}
.FeaturedProduct .PurchasingPanel{padding-bottom:6px;height:10%;text-align:center;vertical-align:middle}
.FeaturedProduct .Price{font-size:13px}
.FeaturedProduct .DetailsButton{}
.FeaturedProduct .RetailPrice{}
.FeaturedProduct .OldPrice{text-decoration:line-through}
.FeaturedProduct .SalePrice{font-weight:bold;color:#C40000;display:block}
.FeaturedProduct .DealerPrice{display:block}
.FeaturedProduct .EmailForPrice{font-size:12px}

/* Common Product List styles */
.ListItem{background:#FFF;border:1px solid #DDD;/*box-shadow:1px 2px 6px #B8B8B8;border-radius:8px*/}
.ListItem:hover{border:1px solid #BBB}/* Creates the border around each list item */
.ListCell, .AltListCell{padding:12px;/* border-top:1px solid #ddd */}/* Uncomment to add a line separator between list rows */
.ListItem .SoldOutOverlay{left:-1px;top:-1px;position:absolute;z-index:1;background:url("/Desktopmodules/nb_store/img/SoldOutTab-Flat-en.png") no-repeat scroll 0 0 transparent;width:110px;height:48px}
.ListHeader{text-align:right;padding-bottom:12px;margin:0 14px}
.ListHeader .SortCatalogue{}
.ListHeader .PageLength{margin-left:12px}
.ListItem{display:inline-block;position:relative}
.ListItem .ImageWrapper a:focus{position:relative;outline:none}
.ListItem .Price .OldPrice{text-decoration:line-through}
.ListItem .Price .SalePrice{font-weight:bold;color:#C40000}
.ListItem .DealerPrice{color:#4F93C4}
.ListItem .EmailForPrice a{}
.ListItem .EmailForPrice a:hover{}
.ListItem .WishListLabel{font-family:Arial;line-height:13px;font-size:10px;float:right;margin-right:6px}
.ListItem .WishListButtons{position:absolute;right:0;margin:3px;z-index:1;line-height:100%}
.ListItem a.Add,.ListItem a.Remove{display:block;height:13px;float:right;line-height:12px;text-align:center;width:13px;font-size:12px;font-family:verdana;font-weight:bold;text-decoration:none;/*border-radius:7px*/}
.CategoryMessage{}

/* List Wishlist label and buttons */
.ListItem .WishListLabel{color:#999}
.ListItem a.Add{background:#BBB;color:#FFF}
.ListItem a.Add:hover{background:#111;color:#FFF}
.ListItem a.Remove{background:#111;color:#FFF}
.ListItem a.Remove:hover{background:#BBB;color:#FFF}

/* Clean up core paging table */
.PagingTable{background-color:transparent;border:none;width:auto;margin:0 auto;height:auto}
.PagingTable td{width:auto !important;padding:0 12px;font-size:inherit !important}
.PagingTable a.CommandButton:link{text-decoration:none;font-size:inherit}
.PagingTable a.CommandButton:hover{}
.PagingTable .NormalDisabled{color:inherit;font-size:inherit}

/* Product Details View */
.Detail{ position:relative}

/* Details Images Section */
.Detail .SoldOutOverlay{left:0;top:0;position:absolute;z-index:1;background:url("/Desktopmodules/nb_store/img/SoldOutTab-Flat2-en.png") no-repeat scroll 0 0 transparent;width:110px;height:38px}
.Detail .ImagePanel{float:left;text-align:center;overflow:hidden;margin-right:18px}/* Float to right or none for alternate layout */
.Detail .Main.Image{border:0}
.Detail .Gallery.Image{border:0}
.Detail .GalleryWrapper{margin-bottom:12px;overflow:hidden}
.Detail .GalleryOuter{float:left;margin:10px 10px 10px 0}
.Detail .GalleryInner{background:#FFF;border:1px solid #DDD;width:60px;height:60px;text-align:center;display:table-cell;vertical-align:middle;/*box-shadow:1px 2px 6px #B8B8B8*/}
.Detail .GalleryInner:hover{border:1px solid #BBB}
.Detail .GalleryInner a:focus{outline:none}
.Detail .SoldOutOverlay{left:0;position:absolute}

@media (max-width: 767px) {
    .Detail .ImagePanel {
        float: none;
        display: block;
    }

        .Detail .ImagePanel img {
            width: 100%;
        }
}

/* Details Purchasing Section */
.Detail .PurchasingPanel{overflow:hidden}
.Detail .PurchasingPanel .Row{padding:3px 0;overflow:hidden}
.Detail .PurchasingPanel .Label{width:77px;float:left;line-height:16px;font-size:12px;font-weight:normal;white-space:nowrap}
.Detail .PurchasingPanel .Value{line-height:16px}
.Detail .Name h1{line-height:24px}
.Detail .Price{font-size:15px;font-weight:bold;line-height:150%;margin-bottom:6px}
.Detail .Price .OldPrice{font-weight:normal;text-decoration:line-through}
.Detail .Price .SalePrice{color:#C40000;display:block}
.Detail .DealerPrice{color:#4F93C4;display:block}
.Detail .EmailForPrice{margin-bottom:6px}
.Detail .EmailForPrice a{font-weight:bold}
.Detail .EmailForPrice a:hover{}
.Detail .Summary .Value{padding-bottom:12px}
.Detail .OutOfStock .Value{color:#F00;font-weight:bold}
.Detail .Reference{}
.Detail .Options{}
.Detail .Options .NormalTextBox{width:158px}
.Detail .Options .MessageField{width:152px;height:50px}
.Detail .Option{}
.Detail .Models .Label{vertical-align:top;line-height:22px}
.Detail .Models .Value{}
.Detail .Models .NormalTextBox{width:158px}
.Detail .Model{}
.Detail .Model span[disabled="disabled"] label{text-decoration:line-through}/* Sold out models */
.Detail .Model label{display:inline !important}
.Detail .FileUpload{}
.Detail .FileUpload .NormalTextBox{}
.Detail .Quantity .Label{line-height:25px}
.Detail .AddToBasket .Button{margin-top:12px}
.Detail .DisableCart .Value{color:#C40000;font-style:italic}
.Detail .ValidationSummary ul li{margin-left:-36px;list-style-type:none}
.Detail .DownloadInformation .Value{font-size:11px}

/* Details Tabbed Section */
.Detail .InformationPanel{margin:12px 0;clear:both}
.Detail .ui-tabs .ui-tabs-panel{height:300px;overflow:auto}/* Sets fixed height for all tabs and scrolls content if necessary */
.Detail .WayOut{margin-top:24px;clear:both}/* Footer links */
.Detail .Sharing{margin-bottom:24px;text-align:center;clear:both}/* Social links */
.Detail .Sharing .PrintButton{margin-right:12px}
.Detail .Sharing .EmailButton{margin-right:12px}

/* Details Description tab */
.Detail .Description{margin-bottom:24px}

/* Details Specifications tab */
.Detail .Specifications{margin-bottom:24px}

/* Details Document and Downloads tab */
.Detail .Documents{margin-bottom:24px}
.Detail .Document{margin-bottom:18px}
.Detail .DocumentName{font-weight:bold}
.Detail .DocumentIcon{margin-left:8px;vertical-align:-3px}
.Detail .DocumentLink{display:inline-block;margin-bottom:12px}
.Detail .DocumentDescription{margin-bottom:8px}

/* Details Models tab */
.Detail .ModelTable{border-collapse:collapse;margin-bottom:24px;width:100%}
.Detail .ModelTable td{border:1px solid #EBEBEB;padding:3px}
.Detail .ModelTableHead{background:#EBEBEB}
.Detail .ModelTableHead td{color:#6D808B;font-size:11px;font-weight:bold;border-bottom:1px solid #DDDDDD;border-top:1px solid #DDDDDD}

/* Details Related Products tab */
.Detail .RelatedProducts{}
.Detail .RelatedWrapper{margin-bottom:24px;overflow:hidden}
.Detail .RelatedOuter{margin:0 12px 12px 0;float:left}
.Detail .RelatedInner{border:1px solid #DDD;background:#FFF;width:130px;height:160px;padding:6px;text-align:center;display:table-cell;vertical-align:middle}
.Detail .RelatedInner:hover{border:1px solid #BBB}
.Detail .RelatedInner a:focus{outline:none}
.Detail .RelatedInner img{border:none}
.Detail .RelatedWrapper .Name{font-size:11px;font-weight:bold}
.Detail .RelatedWrapper .Price{font-size:11px}

/* Details Currency tab */
.Detail .Currency td{vertical-align:top}
.Detail .CurrencyConverter{padding-bottom:24px}

/* Buttons */
a.Button,a.Button:link{font-size:12px;font-weight:bold;text-decoration:none !important;padding:0; margin-right: 5px; margin-bottom: 5px; display:inline-block;text-align:center}

/* Button width and height */
a.Button{line-height:30px;width:128px}
a.BuyButton{width:60px}
.WayOut a.Button{width:80px}

/* Button colours */
a.Button,a.Button:link{color:#fff;border:1px solid #CCC;background-image:none !important}/* This is for flat square buttons */
/* a.Button,a.Button:link{color:#444;border:1px solid #B7B7B7;border-radius:5px} - This is for glossy round buttons */
a.Button{background:#000 url('/DesktopModules/NB_Store/img/GlossyButtons.png') repeat-x}
a.Button:hover{color: #C40000; border:1px solid #CCC;background:#000 url('/DesktopModules/NB_Store/img/GlossyButtons.png') repeat-x}
a.Checkout,a.ContinueOrder{color:#FFF !important;background:#1A1A1A url('/DesktopModules/NB_Store/img/GlossyButtons.png') repeat-x}
a.Checkout:hover,a.ContinueOrder:hover{background:#3C485B url('/DesktopModules/NB_Store/img/GlossyButtons.png') repeat-x}
a.CancelOrder:link{border:1px solid #BC0000}
a.CancelOrder:hover{color:#FFF;background:#BC0000 url('/DesktopModules/NB_Store/img/GlossyButtons.png') repeat-x}
a.BuyButton{}
a.RemoveWishList
a.AddWishList{}
a.ViewWishList{}
a.ViewPrevious{}
a.ViewStorefront{}
a.Checkout{}
a.Recalculate{margin-right:0 !important}
a.ContinueShopping{}
a.ContinueOrder{}
a.ReturnPrevious{}
a.CancelOrder{margin-left:12px}

/* Mini Cart */
.MiniCartWrapper{padding:12px 12px 0;overflow:hidden;}
ul.MiniCart{padding:6px 6px 0;margin:0}
.MiniCart li{list-style-type:none;margin-bottom:12px}
.MiniCart li .Checkout{margin-bottom:0}
.WishListFlag{display:none}
.MiniCart .Label{font:normal 10px verdana;white-space:nowrap}
.MiniCart .Value{font:bold 17px verdana;vertical-align:-5px}
.MiniCartWrapper .cartthumb{margin-right:6px;float:left}

/* Mini Cart with Full Cart mode enabled */
.MiniCartWrapper .NBright_cartheader{border-bottom:4px double #DDDDDD;font-weight:bold;background:transparent}
.MiniCartWrapper .NBright_CartItem td,.MiniCartWrapper .NBright_AltCartItem td{border-bottom:1px solid #DDDDDD}

/* Search */
.StoreSearch{}
.SearchImage{}
.GoImage{}
.GoButton{margin-left:6px;padding: 7px; border:1px solid #CCCCCC;cursor:pointer; background: #C40000; color: #000; font-weight: bold; transition: background 300ms;}
.GoButton:hover{background:#FFFFFF}
.SearchTerm{float:left;font-size:16px;line-height:21px}

/* Checkout */
.Checkout{padding:12px 24px;max-width:836px;margin:0 auto}
.NBright_cartheader{border-bottom:1px solid #BBBBBB;font-weight:bold;background:transparent}
.AddressCollector td,.AddressOptions td{padding:4px}
.AddressCollector .Label{white-space:nowrap;font-weight:normal;width:110px}
.AddressCollector .Value{}
.AddressCollector .NormalTextBox{width:200px}
.AddressCollector select.NormalTextBox{width:208px}
.AddressCollector input[type="text"],.AddressCollector select,.NBright_CartList input[type="text"]{margin-bottom:inherit;padding:2px 3px}/* Fix for DNN7 skin */
.OrderHeader{border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;font-size:16px;font-weight:normal;line-height:30px}
.OrderLabel{color:#EEE;font-size:20px;padding:10px 20px;float:right;background-color:#53555E}
.MerchantBank,.MerchantAddress{margin-left:24px}
.OrderAddress div{line-height:160%}
.OrderDetailRow td{border-bottom:1px #ccc dotted}
.EmailFieldset{}
.BillingAddressFieldset{}
.AddressSelectorFieldset{}
.ShippingAddressFieldset{}
.AddressOptionsFieldset{}
.GatewayFieldset{}
.Checkout fieldset{border:1px solid #CCCCCC;padding:12px;margin:12px 4px}
.Checkout fieldset img{display:none}
.Checkout fieldset legend span{font-size:11px;font-weight:bold}
.Checkout .cartthumb{margin-right:10px;vertical-align: middle}
.NBright_CartItem a,.NBright_AltCartItem a{display:inline-block;vertical-align:middle}
.Checkout .NBright_CartItem td,.Checkout .NBright_AltCartItem td{border-bottom:1px solid #DDDDDD}
.GateWays{margin:12px}
.CardGatewayButton,.ManualGatewayButton{background:#FFF;border:1px solid #DDDDDD}
.CardGatewayButton:hover,.ManualGatewayButton:hover{border:1px dashed #BBB}
.NBright_OrderTotalLabel,.NBright_OrderTotalValue{font-weight:bold}
.NBright_OrderTotalValue{border-top:1px solid #ABBECC}
.NBright_CartOptDiv,.NBright_ClientButtonDiv{text-align:left;font-weight:normal;line-height:36px;padding-left:4px}
.NBright_ClientButtonDiv{margin-top:24px}
.Checkout .NBright_ClientButtonDivRight .NBright_ClientButton{margin-right:0}
.SpecialInstructions{width:450px;height:45px;font-family:inherit}
.ValidationSummary{display:none}/* display:block to show - Optional Validation message below address collector - Uses ErrorMessages from checkoutaddress.template */

/* Checkout steps */
.CheckoutSteps{height:37px;width:100%;border-spacing:0;max-width:800px;background:#F2F2F2;border-bottom:1px solid #BBBBBB;border-top:1px solid #BBBBBB}
.CheckoutSteps td{color:#BBBBBB;font-family:inherit;font-size:12px;font-weight:bold;padding:0 24px 0 6px;vertical-align:middle}
.CheckoutSteps .Label{color:inherit;font-size:18px;padding:0 36px 0 4px}
.CheckoutSteps .Number{padding:0}
.CheckoutSteps div{float:left;display:inline}
.CheckoutSteps .Number div{background:#CCCCCC;color:#FFFFFF;font-family:Arial,Helvetica;font-size:12px;width:17px;height:17px;line-height:18px;text-align:center;display:block;border-radius:9px 9px 9px 9px}
.CheckoutSteps .Current{color:#555555}
.CheckoutSteps .Current div{background:#80B5E0;color:#FFFFFF}
.CheckoutSteps td.Separator{padding:0 12px}
.CheckoutSteps .Separator div{width:1px;height:24px;display:block;background:#BBBBBB}
.CheckoutSteps{margin-bottom:24px}

/* Category Menu */
.CategoryMenuWrapper{padding:12px}

/* jQuery Treeview Menu colours */
.treeview,.treeview a:link,.treeview a:visited{}/* Menu Item */
.treeview a:active,.treeview a:hover{}/* Menu Hover */
.treeview a.selected{}/* Menu Current */

/* Misc Tweaks */
#NBStoreTreeMenu{margin-top:6px;padding:0}/* jQuery Treeview Menu layout */
a.treeview,.treeview a{text-decoration:none}/* Remove underscore in Treeview Menu */
.treeview .NormalBold{font-weight:bold}/* Fix for Treeview Menu in Enthropy skin */
span[id*="ProductList_lblMsg"]{display:none}/* Hide legacy Out of Stock message */
.NBright_ClientButtonDivRight{text-align:right}/* Move checkout stage buttons to right */
#jquery-overlay{background-color:#000 !important;opacity:0.7 !important}/* Change default lightbox color */
.NBright_CartList input[type=text]{text-align:center}/* Align checkout quantity field contents to center */
.ProductList,.Detail{border-collapse:separate !important}/* Allows CSS3 box-shadow to work for IE9 in ProductList */
.Checkout .dnnTooltip{display: inline-block}/* Fix for core label alignment */
/* Additional styles for IE6 compatibility */
a.Button:hover{_color:#FFF;_font-size:10px;_font-weight:bold;_text-decoration:none}
a.Button,a.Button:hover{_background-image:none}/* Not W3C compliant */
.Detail .dnnSecondaryAction{box-shadow:none;color:inherit;text-shadow:inherit;padding:3px;margin-bottom:inherit}
.dnnFormPopup a.ui-dialog-titlebar-close.ui-state-hover{border:none}
.dnnFormPopup span.ui-icon.ui-icon-closethick{display:none}




/* This overrides the stylesheet.css - Place your custom styles here */

.searchBox2 input.NormalTextBox,
#search input.NormalTextBox {
    position: relative;
    height: 37px;
    top: 0px;
    border: 1px solid #dfdfdf;
    padding: 0;
}

.ListCell, .AltListCell {
padding: 12px;
display: block !important;
float: left;
font-size: 12px;
max-height: 421px;
}

.FeaturedProduct .ImageWrapper {padding: 15px;}
.ListItem{width:205px; min-height:250px; text-align: left;}
.product-image {margin: 15px 15px 0px; width: 170px; height: auto;}
.ListItem .Name {padding: 5px 15px 0px; font-weight: bold; font-size: 14px; line-height: 16px; }
.ListItem .Summary {padding:  0px 15px; line-height: 14px;}
.ListItem .RetailPrice {font-size: 29px; font-weight: bold;padding-left: 15px;}
.FeaturedProduct .Name {font-size: inherit;}

.ListItem .product-info-container {
    height: 65px;
    overflow: hidden;
}

.ListItem .Models, .Detail .Models {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
}

.ListItem .PurchaseBlock {
    margin-top: 10px;
    border-top: solid 1px #DDD;
    padding: 10px 15px 10px 15px;
    min-height: 58px;
}

.ListItem .fromPrice {
    text-align: center;
    font-size: 24px;
}

.ListItem .PurchaseBlock .Model td {
    height: 20px;
    line-height: 20px;
    overflow: visible;
    white-space: nowrap;
}

.Detail .Models {
    margin-bottom: 10px;
}

.Detail .PurchaseBlock {
    margin-top: 20px;
    border: solid 1px #ddd;
    padding: 10px;
    width: 280px;
}

a.BuyButton.Button {width: 80px; height: 32px; background: #222;color: #fff;}
a.DetailsButton.Button {width: 171px; height: 32px; margin: 5px 15px; background: #222; color: #fff;}


@media (max-width: 767px) {
    .ListItem {
        width: 100%;
    }

    .product-image {
        width: 90%;
    }

    .ListCell, .AltListCell {
        float: none;
        margin-right: 10px;
    }


}


.MiniCartWrapper {
padding: 0;
}

.MiniCartMain {
position: relative;
width:550px;
height: 175px;
background: url('/portals/0/Content/mini-cart.png');
}

.MiniCartMain .Label {
float: left;
margin-left: 260px;
margin-top: 120px;
color: #fff;
font-size: 12px;
}

.customer-login-link {
display: block;
float: right;
width: 111px;
height: 73px;
margin: 60px 64px 0px 0px;
}

.customer-cart-link {
position: absolute;
display: block;
width: 151px;
height: 150px;
left: 207px;
}

.Quantity.Row {
margin: 0 auto;
}

.ManualGatewayButton {
}

.fromPrice-small {
    font-size: 0.5em;
}

.checkout-table {
    width: 100%;
}

@media (max-width: 767px) {
    .CheckoutSteps td {
        display: block;
    }

    .CheckoutSteps .Number {
        padding: 0 10px;
    }

        .CheckoutSteps .Number div {
            margin-right: 10px;
        }

    .CheckoutSteps .Separator {
        display: none;
    }

    .Checkout {
        padding: 12px 0;
        margin: 0;
    }

    .checkout-table {
        width: auto;
    }

        .checkout-table td {
            padding: 2px;
            line-height: 100%;
        }


    .AddressCollector .NormalTextBox{width: 150px}
    .AddressCollector select.NormalTextBox{width: 150px}

}