@charset "utf-8";
/* CSS Document */


        
        
        /********************************************************/
        /*       
                 INCLUDE CSS FILES IN FOLLOWING ORDER 
                 
                 ITEM_STANDARD
                 ITEM_X
                 (HOVERBOX)
                 THUMB_X
                 GALLERY_X
                                                                
                                                                */
        /********************************************************/    
            
       
        @charset "utf-8";
/* CSS Document */



/***********************************/
/*_________________________________*/

/*        ITEM STANDARD            */
/*_________________________________*/
/*        			               */
/***********************************/




/****************************/
/*        container          */
/****************************/


/*#item.item_container {font-family: 'Raleway', sans-serif; font-size:16px; line-height: 1.5em; margin-bottom:30px;}*/
#item.item_container {font-family: 'Open Sans', sans-serif; font-size:16px; line-height: 1.5em; margin-bottom:30px;}


/****************************/
/*       h1 h3              */
/****************************/

#item.item_container .name h1 {text-align:left; padding-top:78px; margin-bottom:15px; font-size:32px;}
#item.item_container .name h3 {font-size:24px;}


/****************************/
/*        notice            */
/****************************/

#item.item_container .notice {border: 1px solid #900; margin:15px 0px; padding:15px; text-align:center;}
#item.item_container .notice_inner {color:#900; font-size:1.2em; font-weight:bold;}


/****************************/
/*        back_butt          */
/****************************/

/*#item.item_container .btn-back {margin-top:40px; margin-bottom:15px;} 11/10/19 */

/****************************/
/*        sku               */
/****************************/

#item.item_container .sku {
    margin-top: -13px;
    font-size: 13px;
    font-style: italic;}
#item.item_container h2.sku {
    margin: 20px 0px;
    font-size: 20px;
	font-style:normal;
    }
 
/****************************/
/*        price             */
/****************************/

#item.item_container .curr_symbol {padding-right:7px;}
#item.item_container .bulk-message {font-size:0.85em; padding: 7px 15px;}		
#item.item_container .tax { font-size: 0.85em; font-style: italic; }
#item.item_container .delivery_price{ font-weight: bold; font-size: 1.1em; text-align:right; }  

/****************************/
/*        summary           */
/****************************/

#item.item_container .summary { padding-top:15px; padding-bottom:5px;}        

/****************************/
/*        descrip           */
/****************************/
        
/* #item.item_container .description {font-style: italic;} */ 
#item.item_container .row {margin-left:-15px; margin-right:-15px;} 
#item.item_container .description {padding:15px 0px;}

/****************************/
/*        variant           */
/****************************/

/* #item.item_container .variant {padding-bottom:15px;} */
#item.item_container .variant-label {margin-top: 15px}
#item.item_container .variant-name {font-weight: bold; font-size:1.07em;}
#item.item_container .variant-description {font-size: 0.75em; }

/****************************/
/*        buynow           */
/****************************/

#item.item_container .stock-level {font-size: 0.8em; margin-left:15px; height: 10px;}

#item.item_container .buynow {padding: 7px 0px 15px 0px;}
#item.item_container .btn-buynow {font-size:16px;}
#item.item_container .buynow .btn, #item .buynow input {margin:10px 0px;}


#item.item_container .btn-black {background-color: #000;  color: #e5e5e5;}
#item.item_container .btn-black:hover {background-color: #444;  color: #e5e5e5;}
/****************************/
/*    customfield table     */
/****************************/

#item.item_container .custom_field .table {margin: 15px 0px; font-size: 0.85em;}
#item.item_container .item_container .custom_field {margin-bottom:15px;}
#item.item_container .custom_field .table-striped>tbody>tr:nth-of-type(odd) { background-color: rgba(150,150,150, 0.07);}
#item.item_container .table-hover>tbody>tr:hover,
#item.item_container .table-hover > tbody > tr > td.active:hover,
#item.item_container .table-hover > tbody > tr > th.active:hover,
#item.item_container .table-hover > tbody > tr.active:hover > td,
#item.item_container .table-hover > tbody > tr.active:hover > th {background-color: rgba(150,150,150, 0.07); }

#item.item_container .table-hover > tbody > tr:hover > td,
#item.item_container .table-hover > tbody > tr:hover > th { background-color: rgba(150,150,150,, 0.07);}

#item.item_container .table.table td {padding:8px; border-top: 1px solid #ddd;}



/************************************************************************/
/*                       LINKED ITEM CARDS                              */
/************************************************************************/

.item_container .relatedItemsRow {margin-bottom:15px; }
.item_container .link_suggestion {font-size: 1.1em;  padding: 15px 0; font-weight: bold;}



.relatedItemsRow {white-space:nowrap; overflow-y:hidden; }
/*.relatedItemsRow::-webkit-scrollbar { width: 0 !important; }
.relatedItemsRow { overflow: -moz-scrollbars-none; }*/
.relatedItemsRow { -ms-overflow-style: none; }



#item.item_container  .panner {position:absolute;}
#item.item_container  .panner.active {color:#CCC;}
#item.item_container  #panLeft {display:none; left:0px; padding-top:25px;}
#item.item_container  #panRight {display:none; right:0px; padding-top:25px;}


/*************************/
/* SCROLLER HANDLES      */
/*************************/
.youMayAlsoLike {margin:15px;  }
#cardPanLeft, #cardPanRight {position:relative; top:170px;} 
#item.item_container .pannerLink:hover {color:#09C;}		
#item.item_container .pannerLink.active {color:#CCC;}
#item.item_container #cardPanLeft {display:none; left:-15px; padding:40px; float:left;  }
#item.item_container #cardPanRight {display:none; right:-15px; padding:40px; float:right;}

/*************************/
/* LINKED ITEMS          */
/*************************/

#item.item_container .relatedItemsRow .card_thumb {background-repeat:no-repeat; background-size:cover; height:200px; background-position: center; }
#item.item_container .relatedItemsRow .card-outer {width:200px; display:inline-block; margin:10px 30px 10px 0px; vertical-align:top; position:relative; border:1px solid #CCC;}
#item.item_container .relatedItemsRow .card-inner {height:500px;  width:100%; overflow:hidden;}
#item.item_container .relatedItemsRow .card-price, .card-button {display:inline-block;}
#item.item_container .relatedItemsRow .card-button {float:right;}
#item.item_container .relatedItemsRow .card-content {padding:7px; white-space: normal; }
#item.item_container .relatedItemsRow .card-name, card-price {font-size:1.15em; padding-bottom:7px;}
#item.item_container .relatedItemsRow .card_link {width:200px; font-size:0.7em; } 


/*************************/
/* PDF ATTACH.          */
/*************************/

#item.item_container .pdf {font-size: 0.88em; padding: 15px 0px; }
#item.item_container .pdf .pdf_name {font-weight:bold;}
#item.item_container .pdf .pdf_description {font-style:italic; font-size: 0.95em; line-height: 1.4em;}

/************************************************************************/
/*                       INFOTAB                                        */
/************************************************************************/

#item.item_container #infotab {margin-top:30px;}

/*#item.item_container #infotab li:before, .cke_editable li:before {    
content:normal;
}
#item.item_container #infotab li {
padding-bottom: 0px;
}*/
#item.item_container #infotab li a {
font-size: 0.95em;
padding: 10px 10px;}



/************************************************************************/
/*                     SPECIFIC RESPONSIVE RULES                        */
/************************************************************************/


/******************   /
/*    MOBILE PHONE   */
/******************   */

@media (max-width: 991px) {
	
	#r8_header {margin-top:58px;}
	
	#item.item_container .back-mobile, #item.item_container .btn-back  {margin-top: 10px;}
	#item.item_container .btn-back  {margin-top: 10px; background-color:rgba(256,256,256, 0.5);}	 

	#item.item_container .name {padding-top:0px; margin-top:0px;}
	#item.item_container .name h1 { text-align:center; padding-top:0px; /*margin: 5px 0px;*/ }
	
	#item.item_container h3.price {margin:5px 0px 0px 0px;}
	#item.item_container h3.price, #item.item_container .sku { text-align:center;}
	#item.item_container .gallery .main_image_container {height:auto;}
		
	#item.item_container .main_image_container {height:auto;}
	
	/*infotabs*/
	#item.item_container #infotab li a {padding: 5px; font-size:0.8em; }	
	#item.item_container  .nav-tabs>li>a {border: 1px solid #ccc;}

}

/************************************************************************/
/*                       TEMPORARY STYLES                         */
/************************************************************************/

#item.item_container .item_paused {background-color: rgba(255, 0, 0, 0.1)}  /* ITEMS ONLY BEING SHOWN IN UPD8 */
@charset "utf-8";
/* CSS Document */

/***********************************/
/*_________________________________*/

/*         THUMBNAIL 1             */
/*_________________________________*/
/*        			               */
/***********************************/

/****************************************/
/*   Card container holds the thumbnail */
/****************************************/

.card_container {
    max-width:350px;
    margin: 0 auto;
    /*background-color:rgba(256,256,256,0.6);*/
    padding:15px;
    /*border: solid 1px #E6E6E6;*/
    margin-bottom:10px;
    font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
    line-height: 1.5em;
	transition: 1.5s;
}

/*.card_container:hover {	box-shadow: 0 0 11px rgba(0,0,0,.6);}*/
.card_container .card_body {height: 130px; white-space:normal; overflow-y:auto; }

/**********************/
/*       IMAGE        */
/**********************/

.card_container .card_image {margin: -15px -15px 0px -15px; transition: 0.5s; }

/**********************/
/*    TEXT BELOW      */
/**********************/

.card_container .card_title {font-size: 1.2em; margin: 10px 0px 5px 0px; font}
.card_container .card_title .card_add_link_title { margin-bottom:5px; font-weight:bold; }

.card_container .card_summary {font-size: 1em; line-height: 1.3em; /*color:#333;*/}

.card_container .card_foot{height:35px; font-size: 0.85em;}
.card_container .card_social {font-size:0.95em; color:#CCC; float:right; text-align:right; position: relative; top: -20px;}


/*****************************************************************************/
/* SPECIFIC STYLES FOR WHEN THE CARD IS USED IN A RETED LINK ROW ON THE ITEM */
/*****************************************************************************/

.relatedItemsRow .card_link { overflow:hidden; display:inline-block; vertical-align:top; position:relative;}
.relatedItemsRow.card_container .card_body {max-height: 225px;}
.relatedItemsRow .card_container .card_foot{height:20px;}


/*******************************/
/*  LINKED ITEM THUMB STYLES   */
/*******************************/

.relatedItemsRow .card_title {font-size: 14px;}
.relatedItemsRow .card-price {font-size: 14px; font-weight:bold;}
.relatedItemsRow .card_summary {font-size: 11px;}
.relatedItemsRow .card_foot {font-size: 10px;}
.relatedItemsRow .card_social {font-size: 10px;}


/*************************/
/*  GROUP THUMB STYLES   */
/*************************/

#group_grid .card_container  .card_title {font-size: 16px; line-height: 1.1em;}
#group_grid .card_container  .card-price {font-size: 16px;  font-weight:bold; padding:5px 0px;}
#group_grid .card_container  .card_summary {font-size: 12px;}
#group_grid .card_container  .card_foot {font-size: 12px;}
#group_grid .card_container .card_social {font-size: 12px;}

/* Reduce size for 6 column */

#group_grid .col-lg-2 .card_container .card_title {font-size: 14px; line-height: 1.1em;}
#group_grid .col-lg-2 .card_container .card-price {font-size: 14px;  font-weight:bold; padding:5px 0px;}
#group_grid .col-lg-2 .card_container .card_summary {font-size: 10px;}
#group_grid .col-lg-2 .card_container .card_foot {font-size: 10px;} 
#group_grid .col-lg-2 .card_container .card_social {font-size: 10px;}



/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  height:80%;
  padding-top:10px;
  top:15px;
  position:relative;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #777; 
}

/****************************	*/
/*    MOBILE PHONE  FONT SIZES  */
/****************************   */

@media (max-width: 991px) {
	
	#group_grid .col-lg-2 .card_container .card_title {font-size: 16px; line-height: 1.1em;}
	#group_grid .col-lg-2 .card_container .card-price {font-size: 16px;  font-weight:bold; padding:5px 0px;}
	#group_grid .col-lg-2 .card_container .card_summary {font-size: 12px;}
	#group_grid .col-lg-2 .card_container .card_foot {font-size: 12px;} 
	#group_grid .col-lg-2 .card_container .card_social {font-size: 12px;}	
	
}
 
        
        /****************************************************************************************************/
        /*         MAGIC CSS TO MAKE THE CELL SQUARE OR WHATAVER ASPECT RATIO IS SET BY THE USER            */
        /****************************************************************************************************/
        
            .card_container .card_square {
                position: relative;
            }
                                
            .card_container .card_square:after {
                content: "";
                display: block;
                padding-bottom: 100%;
            }    
        
        @charset "utf-8";
/* CSS Document */


/***********************************/
/*_________________________________*/

/*         GALLERY 1               */
/*_________________________________*/
/*        			               */
/***********************************/

/******************************************/
/*        BASIC DIMENSIONS                */
/******************************************/

#item.item_container .gallery {margin-bottom: 30px; margin-top:53px;}
#item.item_container .gallery {
	max-width:80%;
	margin-left:auto;
	margin-right:auto; 
	}

#item.item_container .gallery .main_image_container {min-height:400px; display: table-cell; text-align:center;}


#item.item_container .gallery .displayed_item_image {max-width:100%; max-height:95%;} 

 
/*************************************/
/*         BACK BUTTON               */
/*************************************/ 

#item.item_container .gallery .btn-lg { padding-left: 0px;}

/*************************************/
/*         MAXIMISER                 */
/*************************************/

#item.item_container .gallery .btn-max /*adjusted for mobile*/
{
	padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
	background-color:rgba(256,256,256,0.5);
}

/**************************************************/
/*        FORWARD AND BACK HANDLES                */
/**************************************************/

#item.item_container .gallery .handle {position: absolute; top:350px; } /*adjusted for mobile*/
#item.item_container .gallery .handle:hover {color: ##CCC; }	
#item.item_container .gallery .handle.next{ float:right; right:5%; }	
#item.item_container .gallery .handle.prev{ float:left; left:5%; }	
#item.item_container .gallery #jqItemPrevHandle, 
#item.item_container .gallery #jqItemNextHandle {cursor:pointer;}
 
/*************************************/
/*         THUMBNAILS                */
/*************************************/ 

#item.item_container .gallery .thumbnails img {width:100%}
#item.item_container .gallery .thumbnails {
		position:relative; 
		margin-top:15px; 
		white-space: nowrap;  
		overflow-y: hidden;  
		height:100px; 
		width:95%; 
		margin-left:auto; 
		margin-right:auto;
		}
#item.item_container .gallery .makesquare_item {margin-bottom:10px; overflow:hidden; position:relative; width:100px; display:inline-block;}
#item.item_container .gallery .thumbnails { overflow: -moz-scrollbars-none; }
#item.item_container .gallery .thumbnails { -ms-overflow-style: none; }

/* #item.item_container .gallery .gallery-grid-outer.selected {border:1px solid #CCC;} SUPERSEDED BY THE PALETTE */

/*  #item.item_container .gallery .gallery-grid-outer:hover {border:1px solid #EEE;}SUPERSEDED BY THE PALETTE */

#item.item_container .gallery .btn-group-lg>.btn, #item.item_container  .gallery .btn-lg { padding-left: 0px;}

/*************************************/
/*     THUMBNAIL OVERFLOW            */
/*************************************/
#item.item_container .gallery .btn-img-overflow {border: 1px solid #CCC; padding:5px; background-color:rgba(256,256,256, 0.5); border-radius:0px; margin-right:4px;}
#item.item_container .gallery .btn-img-overflow:hover {background-color:rgba(0,0,0, 0.05)}

/*****************************************/
/*        IMAGE SPECIFIC DATA            */
/*****************************************/

#item.item_container .gallery .image_info {margin:7px; text-align:center;}
#item.item_container .gallery .image_info .image-title {margin: 0px; padding:5px 0px 5px 0px; font-size:18px;}
#item.item_container .gallery .image_info .image-description {font-size:12px; line-height:1.4em; padding-bottom:7px;}


/************************************/
/*       RESPONSIVE RULES           */
/************************************/

@media (max-width: 991px) {

	#item.item_container .gallery .main_image_container {height:auto;}
	#item.item_container .gallery {margin-top:15px;}
	#item.item_container .gallery .btn-max
	{
	padding: 2px 7px;
    font-size: 16px;
    line-height: 2;
    border-radius: 0px
	}
	#item.item_container .gallery .handle {top:200px; font-size: 1.5em; border: 1px solid #ccc; background-color:rgba(256,256,256,0.5); z-index: 1; padding: 0px 10px;} 

}




@charset "utf-8";
/* CSS Document */


/***********************************/
/*_________________________________*/

/*            ITEM 1               */
/*_________________________________*/
/*        			               */
/***********************************/



@charset "utf-8";
/* CSS Document */


/***********************************/
/*_________________________________*/

/*        ITEM PLUGIN              */
/*_________________________________*/
/*        			               */
/***********************************/

/*************************************/
/*  modify because used as a plugin  */
/*************************************/

#body .infoparatxtmedium #item.item_container .name h1 {text-align:left; padding-top:0px; margin-bottom:15px; font-size:32px; margin-top:0px;}
#body .infoparatxtmedium .item_container .btn-back {margin-top:0px;}
#body .infoparatxtmedium .item_container .gallery {margin-top:0px;}