/* CSS for Market */

/* Common (should be applied to the base of all HTML objects for consistent styling) */

.mkt_common{}
.mkt_common .itemcode{text-transform:uppercase;color:#0081bd;font-weight:600;}
.mkt_common .priceband{display:block;}
.mkt_common .unitqty{color:#000;font-size:1em;margin-right:10px;}
.mkt_common .unitcost{color:#000;font-size:1em;}
.mkt_common .taxinfo{color:#aaa;font-size:.8em;margin-left:10px;}
.mkt_common .stockindicator{color:#222;display:inline-block;padding:0.3em 0.5em;background:#ccc;}
.mkt_common .stockindicator-available {background:#009933;color:#fff; }
.mkt_common .stockindicator-unavailable {background:#CC0000;color:#fff; }
.mkt_common .stockindicator-notcontrolled {background:#8FBC8F;color:#fff; }
.mkt_common .stockindicator-large { font-size: 1.4em;font-weight:700;}
.mkt_common .h1title{font-weight:600;font-size:2.5em;margin-top:0;}
.mkt_common .summary{}
.mkt_common .summary{}
.mkt_common .bodytext{}


/* Product */

.mkt_product { }

.mkt_product.czwb_card h1 { margin: 0; font-size: 3em; color: #444; font-weight: 600; }

.mkt_product h2,.mkt_product h3,.mkt_product h4,.mkt_product h5,.mkt_product h6{color:#222;}

    .mkt_product .mkt_product_title { }
        .mkt_product .mkt_product_title h1 { font-size: 3.5em; font-weight: 600; color: #444; margin: 0; }




    .mkt_product .mkt_product_breadcrumb { margin-top: 10px; font-size: 0.9em; }

    .mkt_product .mkt_product_imageoverview { margin-top: 20px; }

    .mkt_product .mkt_product_thumbnails{margin-top:10px;}
    .mkt_product .mkt_product_thumbnails ul {display:flex;gap:10px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin:0;padding:0;}
    .mkt_product .mkt_product_thumbnails li {list-style:none;padding:0;margin:0;}
    .mkt_product .mkt_product_thumbnails li img { border: 1px solid #eee;border-radius:5px;overflow:hidden; }


    .mkt_product .mkt_product_images { float: left; width: 300px; }
    .mkt_product .mkt_product_images_main { -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; width: 300px; height: 300px; display: block; }

    .mkt_product .mkt_product_overview { float: left; margin-left: 20px; width: 370px; }

    .mkt_product .mkt_product_thumbs { }
    .mkt_product .mkt_product_images_thumbs { margin: 1em 0; }
        .mkt_product .mkt_product_images_thumbs ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between }
        .mkt_product .mkt_product_images_thumbs li { list-style-type: none; flex: 1 1 auto; max-width: 69px; }
            .mkt_product .mkt_product_images_thumbs li img { border: 1px solid #ccc; }



@media only screen and (max-width:800px) {
    .mkt_product .mkt_product_overview { margin-left: 0; margin-top: 20px; }
}

.mkt_product .mkt_product_overview_baseprice { margin: 0px 0 20px 0; }
    .mkt_product .mkt_product_overview_baseprice .unitcost { display: block; color: #444; font-size: 2.5em; font-weight: 700; }
    .mkt_product .mkt_product_overview_baseprice .priceinfo { display: block; margin-top: 5px; color: #888; font-size: 0.9em; }

.mkt_product .mkt_product_stock { display: inline-block; padding: 0.3em 0.5em; background: #bbb; color: #fff; margin-bottom: 20px; text-transform: uppercase; font-weight: 600; }
.mkt_product .mkt_product_stock-available { background: #009933; color: #fff; }
.mkt_product .mkt_product_stock-unavailable { background: #CC0000; color: #fff; }
.mkt_product .mkt_product_stock-large { font-size: 1.4em; font-weight: 700; }

.mkt_product .mkt_product_description { margin-top: 20px; }

.mkt_product .mkt_product_tabs { margin-top: 20px; }

@media only screen and (max-width:800px) {
    .mkt_product .mkt_product_tabs { margin-bottom: 20px; }
}

.mkt_product table { border-collapse: collapse; border: 1px solid #7CB9E8;border-radius:3px;width:100%; }
.mkt_product th, .mkt_product td { text-align: left; padding:5px; }
.mkt_product th { color: #fff; background: #7CB9E8 }
.mkt_product td{border-bottom:1px solid #eee;}
.mkt_product tr:last-of-type td{border:none;}


/* PRICING BANDS */

.mkt_pricingbands { margin-top: 20px; }
    .mkt_pricingbands ul { margin: 0; padding: 0; width: 100%; }
    .mkt_pricingbands li { display: table-cell; padding: 5px; background-color: #eee; width: auto; border-right: 2px solid #fff; }
        .mkt_pricingbands li .band_qty { display: block; }
        .mkt_pricingbands li .band_unitcost { display: block; }
















/* Tablular Listing (category and product) */
.mkt_tabular {width:100%; }
    .mkt_tabular th {background:#fff;font-size:1.2em; }
    .mkt_tabular tr,.mkt_tabular td{background-color:#efefef;padding:0.5em; }
    .mkt_tabular .altrow td {background-color:#dfdfdf; }
    .mkt_tabular .featuredrow td {background-color:#ECFADE; }
    .mkt_tabular .childdatatable { width: 100%; }
    .mkt_tabular .childdatatable td { width: 50%; }
    .mkt_tabular .mkt_tabular_img {width:100px; }
    .mkt_tabular *.mkt_tabular_item {width:auto;text-align:left;vertical-align:top;}
    .mkt_tabular .mkt_tabular_thumb{vertical-align:top;}
    .mkt_tabular .mkt_tabular_item .item_name{font-weight:600;margin:0;font-size:1.1em;}
    .mkt_tabular .mkt_tabular_item .item_desc{color:#333;margin-top:0.5em;}
    .mkt_tabular .mkt_tabular_item .item_code{margin-top:0.5em;font-size:0.9em;text-transform:uppercase;color:#666;}
    .mkt_tabular .mkt_tabular_item .item_ancil{margin-top:0.5em;font-size:0.9em;}
    .mkt_tabular .mkt_tabular_pricing {width:140px;text-align:right; }
    .mkt_tabular .mkt_tabular_options {width:60px; }
          
/* Breadcrumb */
.mkt_breadcrumb{text-transform:uppercase;margin-bottom:0!important;color:#5f5f5f;font-weight:500;}
    .mkt_breadcrumb ul { list-style: none; margin: 0; padding: 0; }
    .mkt_breadcrumb ul li {  margin-right: 10px; display: inline-block; }
        .mkt_breadcrumb ul li:last-of-type { margin-right: 0; }
    .mkt_breadcrumb a:link, .mkt_breadcrumb a:visited{color:#777;text-decoration:none; }
    .mkt_breadcrumb a:hover { color: #777; text-decoration: underline; }
       

 /* Listing */
.czwb_flexboxgrid_cell-product{}
.czwb_flexboxgrid_cell-product .imgblock{text-align:center;}
.czwb_flexboxgrid_cell-product .nameblock{text-align:center;}
.czwb_flexboxgrid_cell-product .summaryblock{margin-top:10px;}
.czwb_flexboxgrid_cell-product .codeblock{text-align:center;margin-top:10px;}
.czwb_flexboxgrid_cell-product .priceblock{text-align:center;margin-top:10px;}
.czwb_flexboxgrid_cell-product .priceblock .unitcost{font-size:1.3em;font-weight:600;}
.czwb_flexboxgrid_cell-product .optionsblock {margin-top:10px;text-align:center;} 

/* Sort Options */
.mkt_sortoptions{display: flex;}
.mkt_sortoptions_info{margin-right:auto;}
.mkt_sortoptions_opt{}
.mkt_sortoptions_opt > .czwb_input_item{margin-bottom:0!Important}


.mkt_paymentmethodtbl{}
.mkt_paymentmethodtbl table {border-collapse:collapse; }
.mkt_paymentmethodtbl td{padding:20px 0;vertical-align:middle;}
    .mkt_paymentmethodtbl td.paymentinfo{width:auto;}
    .mkt_paymentmethodtbl td.paymentselect{width:100%;text-align:right;}
    .mkt_paymentmethodtbl td.paymentseparator { border-color: #ccc; border-width: 0 0 2px 0; border-style: solid;padding:0;margin:0;font-size:0;}
                                                
/* Product */ 


/*.mkt_product .mkt_product_images_thumbs ul{padding:0;margin:0;}
.mkt_product .mkt_product_images_thumbs li{float:left;list-style-type:none;margin:0 0 10px 10px;}
.mkt_product .mkt_product_images_thumbs li:first-child{margin-left:0;}
.mkt_product .mkt_product_images_thumbs li img {border: 1px solid #ccc;}*/  




/* Market Tabs */
.mkt_tabs{overflow:hidden;clear:both;}
.mkt_tabs > ul{list-style-type:none;bottom: -1px;position:relative;}
.mkt_tabs > ul > li{float:left;}
.mkt_tabs ul li a.ptab{
  display:block;
  padding:5px 10px;
  background-color: #EEE;
  color: #000;
  text-decoration: none;
  margin: 0 4px;
  border-top:1px solid #CCC;
  border-left:1px solid #DDD;
  border-right:1px solid #DDD;
  border-bottom:1px solid #CCC;
}
.mkt_tabs ul li a.ptab_active{
  background-color: #fff;
  border-bottom:1px solid #fff;
  font-weight:bold;
}
.mkt_tabs > div{
  clear: both;
  border:1px solid #CCC;
  padding:10px;
  background-color: #fff;
  display:none;
}


/* Market Sidebar */
.mkt_sidebar_block{padding:10px;display:block;margin-bottom:1.5em;color:#fff;}

.mkt_sidebar_block-pricing{background:#111;}
.mkt_sidebar_block-pricing .unitprice{color:#f5e666;font-size:3.5em;font-weight:600;display:block;margin:0;padding:0;}
    .mkt_sidebar_block-pricing .priceinfo, .mkt_sidebar_block-pricing .qty{ margin: 5px 0; display: block; }
.mkt_sidebar_block-pricing .btns, .mkt_sidebar_block-pricing .msg{margin-top:10px;}


/* Market Sidebar List */
.mkt_thumb_list {}
.mkt_thumb_list ul{list-style-type:none;margin:0;padding:0;}
.mkt_thumb_list li{margin-bottom:10px;clear:left;}
.mkt_thumb_list li:last-child{margin-bottom:0;}
.mkt_thumb_list .lst_thumb{display:table-cell;}
.mkt_thumb_list .lst_thumb img{margin-right:10px;}
.mkt_thumb_list .lst_text{display:table-cell;vertical-align:top;}
.mkt_thumb_list .lst_text .productname{display:block;}
.mkt_thumb_list .lst_text .unitcost{color:#000;}
.mkt_thumb_list .lst_text .taxinfo{color:#aaa;font-size:.8em;margin-left:5px;}





/* Product Listing Table */
.product_listing { }
    .product_listing .product_listing_header {margin-bottom:1em; }
    .product_listing .product_listing_header h1 {margin:0;font-size:3em; }
    .product_listing .product_listing_header .hdr_desc h1 {margin-bottom:2em;color:#ddd;}


.catalogue_tiles { }
    .catalogue_tiles .catalogue_tiles_tile {float:left;overflow:visible;margin:0 20px 60px 0;width:150px;height:170px;}
    .catalogue_tiles .catalogue_tiles_tile { }
        .catalogue_tiles .catalogue_tiles_tile .tileimg {-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #ccc;width:150px;height:150px; }
        .catalogue_tiles .catalogue_tiles_tile h3 {margin:5px 0 0 0; }

    
/* Product Item */
.product_item {width:100%;}
.product_item .product_item_header {margin-bottom:2em;}
.product_item .product_item_header h1 {margin:0;font-size:3em;}
.product_item .product_item_images {float:left;width:300px;}
.product_item .product_item_images .product_item_images_main{ -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; width: 300px; height: 300px;display:block;}
.product_item .product_item_images .product_item_images_thumbs{margin: 1em 0;}
.product_item .product_item_images .product_item_images_thumbs ul{padding:0;margin:0;}
.product_item .product_item_images .product_item_images_thumbs li{float:left;list-style-type:none;margin:0 0 10px 10px}
    .product_item .product_item_images .product_item_images_thumbs li:first-child {margin-left:0;}
    .product_item .product_item_images .product_item_images_thumbs li img {border: 1px solid #ccc;}   
.product_item .product_item_overview {float:left;margin-left:20px;width:auto;}

.product_item .product_item_dtl {margin-bottom:1em; }

.product_dtl_stock {color:#222;display:inline-block;padding:0.3em 0.5em;background:#ccc;}
.product_dtl_stock-available {background:#009933;color:#fff; }
.product_dtl_stock-unavailable {background:#CC0000;color:#fff; }
.product_dtl_stock-notcontrolled {background:#8FBC8F;color:#fff; }
.product_dtl_stock-large { font-size: 1.4em;font-weight:700; }
.product_dtl_stock-spacer {margin-bottom:1em; }

.product_item .product_item_dtl_price {}
.product_item .product_item_dtl_price .product_item_dtl_price_cost {display:block;color:#444;font-size:2em;font-weight:700;}
.product_item .product_item_dtl_price .product_item_dtl_price_tax {display:block;color:#888;font-size:0.8em;text-transform:uppercase;}
.product_item .product_item_dtl {display:block;margin-bottom:1em;font-size:1.2em;font-weight:700;text-transform:uppercase;font-weight:bold;}
.product_item .product_item_dtl .product_item_dtl_caption {display:inline-block;margin-right:10px;color:#888; }
.product_item .product_item_dtl .product_item_dtl_value {display:inline-block;color:#444;}
.product_item .product_item_basket {background:#efefef;padding:0.5em;display:inline-block;width:auto;}
.product_item .product_item_basket h4 {margin:0 0 0.5em 0;}
.product_item .product_item_pricing {margin:1em 0;}
.product_item .product_item_pricing table{width:100%;border-spacing:0;}
.product_item .product_item_pricing td {padding:5px;background-color:#eee;border-right:2px solid #fff;}
.product_item .product_item_pricing .product_item_pricing_tl {width:120px;background-color:#ddd;}
.product_item .product_item_desc {}
.product_item .product_item_specs {}
.product_item .product_item_specs table {width:auto;}
    .product_item .product_item_specs td {padding: 5px 5px 5px 0;}

.product_item .product_item_dtl_warning { background: url(images/dialog-warning.png) top left no-repeat;padding-left:40px;text-transform:none;font-size:1em;font-weight:normal;height:32px;line-height:32px; }

.product_item .product_item_tabs{overflow:hidden;clear:both;}
.product_item .product_item_tabs > ul{list-style-type:none;bottom: -1px;position:relative;}
.product_item .product_item_tabs > ul > li{float:left;}
 
.product_item .product_item_tabs table { }
    .product_item .product_item_tabs table tr th,.product_item .product_item_tabs table tr td {padding:4px; }


/* Basket Table */

.mkt_basket_table{width:100%;border-collapse:collapse;}
.mkt_basket_table th, .mkt_basket_table td{padding: 5px;border-bottom: 1px solid #eee;vertical-align:top;margin:0;}
.mkt_basket_table .metatext{font-size:0.85em;color:#222;}
.mkt_basket_table .tdblank{border:0;}
.mkt_basket_table .tdalignleft{text-align:left;}
.mkt_basket_table .tdalignright{text-align:right;}
.mkt_basket_table .tdemphasize{font-weight:600;background:#efefef;border:0;}

    /* Basket Mini Summary */
.mkt_basket_summary{}
    .mkt_basket_summary .mkt_basket_summary_info { }
    .mkt_basket_summary .mkt_basket_summary_options { }

/* Checkout */
.checkout_delivery_options {margin-bottom:1em;}
.checkout_delivery_options td {padding-bottom:1em;}
.checkout_delivery_options td input[type=radio] {margin-right:20px;display:inline-block;float:left;}
.checkout_delivery_options td label {display:inline-block;}
.checkout_delivery_options td label .logo {display:block;}
.checkout_delivery_options td label .method_name {display:block;font-weight:700;}
.checkout_delivery_options td label .method_cost {display:block;color:#222;font-size:0.9em;}
.checkout_delivery_options td label .method_window {display:block;font-size:0.9em;color:#444;}

/* My Account */

.mkt_paymentvoucher{margin-bottom:20px;border:1px solid #ccc;position:relative;background-color:#fefefe;}
.mkt_paymentvoucher .mkt_paymentvoucher_detail{padding:10px 10px 0 10px;}
.mkt_paymentvoucher .mkt_paymentvoucher_detail .mkt_paymentvoucher_detail_name{font-weight:600;font-size:1.1em;margin:0 0 10px 0;}
.mkt_paymentvoucher .mkt_paymentvoucher_btn{padding:0 10px 10px 10px;text-align:right;}
         
.paymethodselectortbl .td { border-bottom: 1px solid #ccc;vertical-align:middle !important;padding:20px 0;min-height:40px;}
.paymethodselectortbl .td.detail {}
.paymethodselectortbl .td.btn {}





/* Content Item (Camino 2.2+) */

.contentitem-market{}

.contentitem-market .contentitem_title{}

.contentitem-market .contentitem_block{}
.contentitem-market .contentitem_block-flexhoriz{}
.contentitem-market .contentitem_headlinemedia{width:300px;}
.contentitem-market .contentitem_attribs{}

.contentitem-market .contentitem_body{}




.comparisontable { border: 1px solid rgb(216, 216, 216); width: 100%; }
    .comparisontable th, .comparisontable td { text-align: center; vertical-align: top; padding: 5px; }
    .comparisontable th { background: rgb(90, 90, 90); font-size: 1.1em; font-weight: normal; }
        .comparisontable th.blank, .comparisontable td.blank { background: none; }
    .comparisontable td.annualprice { font-size: 1.3em; }
    .comparisontable td.monthlyprice { font-size: 1.2em; }
    .comparisontable td.quarterlyprice { font-size: 1.1em; }
    .comparisontable td.sectiontitle { background: rgb(216, 216, 216) !important; }
    .comparisontable td.propertyname { background: rgb(248, 248, 248); text-align: left; width: 40%; }
    .comparisontable th a:link, .comparisontable th a:visited { color: #fff; }

.proddocs { }
    .proddocs table { background-color: #fafafa; border-collapse: collapse; border: 0; }
    .proddocs th { background-color: #e0e0e0; padding: 5px; }
    .proddocs td { padding: 5px; }