/** START Google Fonts import */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/** END Google Fonts import */



/** START global */

html,body,p,a,h1,h2,h3,h4,h5,h6,span,ol,ul,li,blockquote,address,fieldset,form,input,textarea,label,submit,legend,table,caption,tbody,tfoot,thead,tr,th,td,sup,sub,select,option {
    font-family: 'Open Sans', sans-serif !important;
    
    font-weight: 400;
    font-size:14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}

body 
{
    background-color:#fff !important;
    margin: 0px;
    padding:0px;
}

/** END global */


.emphasisText {
    font-size: 16px;
}





.GMDisabled {
    background: #eee;
}

.GMBasicTable, .GMBasicTable td, .GMBasicTable tr
{
	border-style:none;
	text-align:left;
	padding: 0px;
    vertical-align:middle;
    
}


.GMSimpleTable, .GMSimpleTable td, .GMSimpleTable tr
{
	border-style:none;
	text-align:left;
	padding: 4px;
}

.GMGeneralTable td
{
	padding: 4px;
}

.GMSimpleTable td
{
	vertical-align:top;
}

    .GMHeader, .GMSubHeader {
        width: 100%;
    }

    .GMHeaderText, .GMHeader, .GMSubHeader, .GMGeneralTable th, .GMSubHeaderMinor {

		color: #a3a3a3;
		text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 24px;
        font-weight: 400;
    }

    .GMHeader, .GMSubHeader, .GMGeneralTable th, .GMSubHeaderMinor {        
        clear: both;
        text-align:left;
        background-color: rgba(0, 0, 0, 0.9);        
        margin: 10px 25px 15px 0px;
        box-sizing: border-box;        
        border-left: 0px solid rgba(163, 163, 163, 1);
        border-radius: 3px 3px 1px 1px;
        box-shadow: 0px 1px 2px rgba(163, 163, 163, 0.33);
        text-shadow: 0px 1px 2px rgba(255,255,255,0.33);
        padding: 8px 2px 5px 5px;
    }

    .GMSubHeaderMinor {        
        font-size: 16px;
    }


.GMCartAdditlDesc
{
	padding-left:10px;
	font-size: 12px;
}

.GMCartGiftMessage
{
	padding-left:10px;	
	background-repeat: no-repeat;
	background-position: 10px, 0px;	
	width:98%;	
}

.GMCartGiftName {
	font-style: italic;	
	font-size: 11px;
}

.GMCartGiftMessage > a {
	background-image: url(../images/gift-btn.png);
	background-repeat: no-repeat;
	padding-left:20px;
}

.GMCartPhoto {
    display:inline-block;
    text-align:center;
    padding:4px;
    font-size:11px;
    vertical-align:bottom;
}

.GMCartPhotoImg {
    border:1px solid blue;
}



.GMULList
{
    list-style-type: disc;
    padding-left: 10px;
    margin-left: 15px; 
}

.GMOLList
{
    list-style-type: decimal;
    padding-left: 10px;
    margin-left: 15px; 
}


/*@media (max-device-width: 480px) {*/

	.GMFormElement
	{
		width:90%;
	}

/*}*/

.GMFormButton
{
	
}




.showPassword {
	margin-left: -30px;
    margin-right: 7px;
	cursor: pointer;
}

.eyeShow::before {
    vertical-align: -25%;
	content: url("../../ecomimages/visible.png");
}

.eyeHide::before {
    vertical-align: -25%;
	content: url("../../ecomimages/invisible.png");
}


.RequiredMark
{
	color:red;
	font-size:24px;
	font-weight: bold;
	line-height: 10px; 
	vertical-align: bottom;
}

.PrintPageBreak
{
	display:block; page-break-before:always;
}

.LabelTrue
{
	color:Green;
}

.LabelFalse
{
	color:Red;
}

.LabelSmall
{
	font-size: 10px;
}

.errorMsgContainer
{
	color:red;
	width:100%;
	
}

label.error {
    color:red;
	width:100%;
    padding-left:5px;
}

/* START: shopping cart buttons and layout */
.btnKeepShopping{}
.btnClearCart{}
.btnUpdateCart{}
.btnCheckout{}




.center {text-align:center;}
.centerDiv {margin: 0 auto;}
.clear{clear:both;}
.right {text-align:right;}
.floatRight {float:right;}
.left {text-align:left;}
.floatLeft {float:left;}

.GMCalendarRow
{
    width: 100%;
}

 .DaySpanNoAvailTemplate
 {
  content:url('../images/dash.png');
  width:14px;
     height:13px;
 }

 .DaySpanSoldOutTemplate
 {
  content:url('../images/dash.png');
  width:14px;
     height:13px;
 }

.nowrap {
    white-space: nowrap;
}

.strike {
    text-decoration:line-through;
}

.GMStandout
{
    border: 2px solid black;
    box-shadow: 3px 3px 3px #888888;
}

.GMBottomCenterAlign {
    position: fixed; bottom: 0px; margin: 0 auto; background-color:#fff; width: 100%; text-align:center; padding:10px 0px 5px 0px;
}


/* END: shopping cart buttons and layout */



/* START hover popup CSS */
div#GMHoverPopup {
        display: none;
        position: absolute;
        /*width: 280px;*/
        padding: 10px;
        background: #eeeeee;
        color: #000000;
        border: 1px solid #1a1a1a;
        z-index:9999999;
      }
/* END hover popup CSS */
      

/* START: popup CSS */

#backgroundPopup {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:999998;
	opacity:0.7;
}

#popupContact {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:80%;
	width:80%;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:999999;
	padding:12px;
	overflow: auto;
}


#popupContactClose {
	display:none;	
	position:absolute;
	z-index:9999999;
	border: 1px solid #c2c2c2;
    padding: 2px 2px 0px 0px;
    background-color: #EDEDED;
    border-radius: 4px;
	cursor: pointer;
    background-image: url(images/ui-icons_888888_256x240.png)
}

.popupHide {
	display:none;
}

.popupNoScroll {
    overflow-x:hidden !important; 
}

.lA {
	text-align: left;
	display: block;
}

.rA {
	text-align: right;
	display: block;
}

	.rA > div {
		display: inline-block;
		position: relative;
	}

.cA {
	text-align: center;
	display: block;
}

.hidden {
    display: none;
}


.messageBoxHeader {
    font-weight:bold;
    background-color:#eee;
    padding:3px 3px 3px 8px;
    margin-bottom:5px;
}

.modalWin {
	/*width: 810px;*/
	margin: 0 auto;
	background-color: #fff;
    padding:10px;
    min-width:350px;
	/*overflow: hidden;*/
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.6);*/
}

.popContentBot {
	padding-top: 20px;
}


/* END: popup CSS */








/* START: Overrides for JQueryUI CSS*/

span.ui-checkboxradio-icon { display: none; } /* hides the radio button form element on the controlgroup */


.ui-widget-overlay {
    background: rgba(0,0,0,.5) !important; /* color to match the overlay of colorbox */ 
}

.ui-widget-content {
	border: 0px none !important;
}

.ui-widget-header {
	border: 0px none !important;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #aaa;*/
	background: #fff !important;
    
	color:#000;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left {
	border-radius: 0px;
}

div.ui-datepicker {
	font-size: 14px;
}

.ui-datepicker {border:1px solid black;}

/*.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
   
   font-size: 12px; 
}*/

.ui-tabs-anchor { 
	font-weight: bold;
	font-size: 14px;
	/*color: #919191 !important;*/
	margin-bottom: 5px;
	display: block;

}

/*enlarge JQuery UI icons - http://roam.be/lab/jquery-ui-icon-name-map */
.ui-icon-pencil-large {
    background-position: -96px -168px;
}
.ui-icon-check-large {
    background-position: -96px -216px;
}
.ui-icon-trash-large {
    background-position: -264px -144px;
}
.ui-icon-large {
    background-size: 384px 360px;
    width: 24px !important;
    height: 24px !important;
    margin-top: 0;
    display:inline-block;
}

.ui-datepicker{ z-index: 9999 !important;}

/* END: Overrides for JQueryUI CSS*/




   #btnCart, .btnAccount, #btnTicketsExpire {
            cursor:pointer;
        }

   input[type="text"], input[type="password"], select, textarea {
        border-radius: 3px;
        box-shadow: none;
        padding:3px;
    }

.GMFormInner {
    margin:10px;
}
 

        .GMButtonMed {
             min-width: 100px !important;
        }


       a {
            color: rgba(163, 163, 163, 1) !important;
            font-weight: 600;
            
            text-decoration:none;
        }

         .standardButtons {
            white-space: nowrap;
            text-align: center;           

            
           
            padding: 5px 0px 5px 0px;
            
        }
            .standardButtons input[type="button"],
            .standardButtons input[type="submit"],
            .standardButtons input[type="button"]:hover,
            .standardButtons input[type="submit"]:hover {
                width:150px;
                margin-right:20px;
                border: 2px solid black;
            }


    .GMFormBottom {margin-bottom:50px;}

.messageTitle {
    font-size: 24px;
    color: #fff;
}




/* success popup */
.messageSuccessCont {
    display:none; 
     
    white-space:nowrap;
    position:absolute;
    z-index:99999;
}

    .messageSuccess {
       padding:10px; 
        background-color:#ccc;
        border-radius:3px; 
        white-space:nowrap;
    }


/* disallow selecting of text in the UI */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}




/* START: CSS for qty inc/dec widget */

  .qtyCont .value-button {
        display: inline-block;
        background-color: #eee;
        margin: 0px 5px 0px 0px;
        padding:0px;
        width: 27px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        background: #ccc;
        font-size: 18px;
        border-radius: 50%;
        cursor: pointer;
        font-weight: 700;

    }


    .qtyCont input {
      text-align: center;
      border: 0px;
      margin: 0px;
      padding:0px;
      width: 27px;
      min-width: 27px !important;
      height: 25px;
  
    }

    .qtyCont {
        width:90px;
        white-space:nowrap;
        float:left;
    }

  
    .qtyCont .qtyText {
        padding-top: 0px;
    }

    .qtyCont #decrease.value-button {
        border: 1px solid rgba(163, 163, 163, 0.66);
        color: rgba(0, 0, 0, 0.66);
        background-color: #ffffff;
    }

    .qtyCont #decrease.value-button:hover {
        border: 1px solid rgba(163, 163, 163, 1);
        color: rgba(163, 163, 163, 1);
        background-color: #ffffff;
    }

    .qtyCont #increase.value-button {
        border: 1px solid rgba(163, 163, 163, 0.66);
        color: rgba(0, 0, 0, 0.66);
        background-color: #ffffff;
    }

    .qtyCont #increase.value-button:hover {
        border: 1px solid rgba(163, 163, 163, 1);
        color: rgba(163, 163, 163, 1);
        background-color: #ffffff;
    }

    .qtyCont input[type="text"].qtyControl {
        font-weight: 600;
        font-size: 13px;
        height: 21px;
        border: 1px solid rgba(0, 0, 0, 0.16);
        margin-right: 5px;
    }


/* END: CSS for qty inc/dec widget */




/* START: CSS for products */

    
    @media (max-width: 660px) {
        .prodCatCont {
            margin: 0 auto;
            width: 320px;            
        }
    }


    .prodInfoCont {
        overflow-y: hidden;
        max-height: 1000px;    
        min-height: 185px; 
        padding: 3px 3px 0px 3px;        
    }
    
    @media (max-width: 660px) {
        .prodInfoCont {
            max-height:1000px;        
        }
    }   
    


    .productCont {
        width:300px;
        
        border: 0px solid rgba(0, 0, 0, 0);
        margin: 0px 15px 25px 0px;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
        border-radius: 3px;  
        float:left;        
        position:relative;
        
    }


   .productTitle {
        background-color: rgba(163, 163, 163, 0.1);
        padding: 6px 10px 6px 12px;
        font-weight: 400;
        font-size: 18px;
        color: rgba(0, 0, 0, 0.8);
        text-align: left;
        box-shadow: inset 1px 2px 2px rgba(0,0,0,0.1);
        border-radius: 3px 3px 0 0;
        border-left: 3px solid rgba(163, 163, 163, 1);
        min-height: 18px;
        overflow-x: hidden;
        white-space: nowrap;
    }




    .productPrice {
        font-weight: 600;
        font-size: 14px;
        font-style: italic;
        background-color: rgba(163, 163, 163, 0.1);
        background: linear-gradient(115deg, rgba(163, 163, 163, 0.1) 0%, rgba(163, 163, 163, 0.02) 100%);
        border-bottom: 1px solid rgba(163, 163, 163, 0.5);
        padding: 6px 6px 6px 12px;
        color: rgba(163, 163, 163, 0.8);
        width:100%;
        box-sizing: border-box;
        
    }

    .productPrice b {
        color: rgba(0, 0, 0, 0.8);
        font-weight: 600;
        font-size: 18px;
        font-style: normal;
    }

    .productPriceCont {
         width:100%;  
    }       

    .productImgCont {
       
        text-align:center;
        overflow:hidden;
    }
        .productImgCont img{
             padding:0px;
             margin:0px;
             border:0px;
             max-height:125px;
        }

    .productError, .generalError {
        color:red;
        font-weight:bold;
        padding:5px;
        box-sizing: border-box;
        background-color: rgba(238, 238, 238, 0.7);
        width:100%;
        
    }
    .productError {
        position:absolute;
        top:27px;
        left:0px;
        z-index:999;
    }
    .productShortDesc {
        
    }

    .productBuy {
        margin: 0px;
        padding: 5px;
        min-height: 28px;
        background: linear-gradient(115deg, rgba(163, 163, 163, 0.1) 0%, rgba(253, 151, 73, 0.2) 100%);
    }
 
        .productBuyBtn { 
            width:100px;
        }

    .prodBuyBtnCont {
        float:right;
        margin-bottom: 0px;
    }

    .prodSelected {
        border: 2px solid green !important;
        
        box-sizing: border-box !important; 
    }

 
        input[type="clear"], 
        input[type="button"],
        input[type="submit"] {

        height: auto;
        width: auto;
        cursor: pointer;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, 0.8);
        color: rgba(0, 0, 0, 0.66);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 24px;
        border: 2px solid black;
        
        
    }
    
    input[type="clear"]:hover, 
    input[type="button"]:hover,
    input[type="submit"]:hover  {

        border-radius: 3px;
        color: rgba(163, 163, 163, 1);
        border: 2px solid black;
        
    }


    .prodRemaining { 
        
        font-weight:normal;
    }
 
/* END: CSS for products */  


.boxEffect {
    width:100%;
    border: 2px solid #eee;
    padding:4px;
    margin:4px; 
    text-align:center;
    box-sizing: border-box;
    background-color: #fff;
}

.boxEffect:hover {
    background-color:#ccc;
}



/* START Gatemaster Footer */

    .GMFooter {
        
        width: 100%;
        padding: 15px;
        background-color:#fff;
    }


    

    #poweredBy {
        
       
        color: #ff8001;
        
        
    }


/* END Gatemaster Footer */


/* START: Responsive form */

 .GMRespForm {
    /*width: 100%;*/
    display: flex;
    flex-wrap: wrap;
 }


        @media (min-width: 768px) {
            .GMRespForm .GMFormCol3, .GMRespForm .GMFormCol2, .GMRespForm .GMFormColCont > span {
                /*float: left;*/
		
            }
        }

        .GMRespForm input[type="text"], .GMRespForm input[type="password"], .GMRespForm select, .GMRespForm textarea {
            width: 100%;
            
        }


        .GMRespForm .GMFormCol1, .GMRespForm .GMFormCol2, .GMRespForm .GMFormCol3 {
            width: 100%;
        }

        @media (min-width: 768px) {
            .GMRespForm .GMFormCol3 {
                width: 33.33333%;
            }
        }


        @media (min-width: 768px) {
            .GMRespForm .GMFormCol2 {
                width: 50%;
            }
        }

        .GMRespForm .GMFormColCont {
            padding-left: 15px;
            padding-right: 15px;
	        padding-bottom: 20px;
        }

.GMFormBreak {

  width: 100% !important;

}

.forceWrap {
    white-space: pre-wrap; /* CSS3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* END: Responsive form */


.blockMsg {
        padding: 0;
        margin: 0;
        width: 30%;
        top: 40%;
        left: 35%;
        text-align: center;
        color:#000;
        /*border: 3px solid #aaa;*/
        background-color: #fff;
        min-width: 200px;
        cursor: wait;
    }

.inlineCodeCont {
    border: 1px solid black;
    width:100%;
}

.inlineCode {
    background-color:#eee; 
    font-family:Courier New, Courier, monospace; 
    font-size:13px;
    width:100%;
}

.inlineCode a {
    font-family:Courier New, Courier, monospace !important;
}

.inlineCodeCopy {
    background-color:#ccc; 
}



.largeWidth {width:300px !important;}
.medWidth {width:170px !important;}
.smallWidth {width:85px !important;}
.tinyWidth {width:25px !important;}



/* CSS to make ddSlick more like standard select lists */
.dd-selected, .dd-option-description, .dd-desc, .dd-option {  color: #000 !important; padding:3px !important;}
.dd-option-selected, .dd-option:hover { background-color: #fff !important; }
.dd-select { border-radius:2px !important; background-color: #fff !important; }
.dd-option span, .dd-selected span {font-weight:normal !important;  }
.dd-option-image, .dd-selected-image { padding:5px !important;}
.dd-option { border-bottom: 0px !important;}
.dd-selected-text { font-weight:normal !important;}​












  

    
  

    .prodMainCont:after {
      flex-basis: 100%;
      height: 0;
    }
    .prodMainCont {
        width:100%;
    }
    .productCont {
      width: 100%;
      
      background-color: #ffffff;
      border: 2px solid #ccc;
      box-shadow: none;
      
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-content: flex-start;
      align-items: flex-start;
    }

    @media (max-width: 660px) {
      .productCont {
        flex-wrap: wrap;
      }
    }


    .productCont #prodMainCont {
      order: 1;
      flex: 3 1 auto;
      align-self: auto;
      min-width: 320px;
    }

    .productCont .productTitle {
      width: auto;
      display: block;
      border-left: none;
      background-color: rgba(0,0,0,0); 
      
      box-shadow: none;
      font-weight: bold;
      padding: 10px 10px 6px 12px;
      white-space: normal !important;
    }

    .productCont .prodInfoCont {
      width: auto;
      display: block;
      position: relative;
      top: 0px;
      min-height: auto;
      padding: 6px 10px 6px 12px;
    }

    .productCont .prodInfoCont .productShortDesc {
      
      
        word-break: break-word;
    }

    .productCont .prodInfoCont .productImgCont img {
      float: left;
  margin: 0 16px 16px 0;
    }

    .productCont .productPriceCont {
      width: 150px;
      vertical-align: top;
      padding-top: 10px;
      order: 2;
      flex: 0 1 auto;
      align-self: auto;
    }

    .productCont .productPriceCont .productPrice {
      background: transparent;
      background-color: transparent;
      font-style: unset;
      font-weight: bold;
      color: #a3a3a3;
      border: none;
    }

    .productCont .productBuy {
      background: transparent;
      width: 120px;
      vertical-align: top;
      padding-top: 10px;
      order: 3;
      flex: 0 1 auto;
      align-self: auto;
    }

    .productCont .productBuy .prodBuyBtnCont {
      float: unset;
    }

 

    input.productBuyBtn, input.productSelectBtn {
      margin-top: 8px;
    }



    @media (max-width: 660px) {
      .productCont .productBuy {
        width: 100%;
        padding: 10px;
      }
      input.productBuyBtn, input.productBuyBtn:hover, input.productSelectBtn, input.productSelectBtn:hover {
        float: right;
      }
      .prodBuyBtnCont {
        float: right;
      }
      .qtyCont {
        width: 120px;
        white-space: nowrap;
      }
    }