#koCgcBox {
	display:table;
}
.cgc_box {
	font-size:12px;
	font-family: 'Open Sans',Helvetica,Arial,Sans-Serif;
}
#ko_style {
	width:200px;
}
.box_relative {
	position:relative;
}

.box_card {
	position:absolute;
	top:50px;
	right:35px;
}

.title_box {
	height:60px;
	padding:0px 10px 0px 5px;
}

.ko_title {
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
}

.fine_print {
	font-size:10px;
}

.ko_label {
	background-color:#e6e6e6;
	font-weight:bold;
	padding:0px 5px 0px 0px;
	width:200px;
	display:table;
	float:left;
	height:30px;
	line-height:30px;
	margin-right:10px;
	padding:0px 10px;
}

.ko_label_h {
	background-color:#e6e6e6;
	font-weight:bold;
	padding:0px 5px 0px 0px;
	width:200px;
	display:table;
	float:left;
	height:55px;
	line-height:29px;
	margin-right:10px;
	padding:0px 10px;
}

.ko_value {
	padding:0px 5px 0px 0px;
	width:200px;
	display:table;
	
}

.ko_value_lh {
	padding:0px 5px 0px 0px;
	width:500px;
	display:table;
	height:55px;
}

.ko_value_l {
	padding:0px 5px 0px 0px;
	width:500px;
	display:table;
}

.ko_label_top {
	background-color:#e6e6e6;
	font-weight:bold;
	vertical-align:top;
	padding:5px 5px 0px 0px;
}

.ko_button {
	background-color:#ffffff;
	border:1px solid #909090;
	cursor:pointer;
	padding:5px 10px;
}

.koInputBox {	
	margin: 0px!important;
}

.ko_textarea {
	width:98%;
	height:50px;
}

.KOcard {
	float: left;
	display: table;
	-webkit-box-shadow: 0 8px 6px -6px #363636;
	-moz-box-shadow: 0 8px 6px -6px #363636;
	box-shadow: 0 8px 6px -6px #363636;
	margin: 10px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	width: 150px;
}

.KOcard img {
	border-radius: 10px;
	width: 150px;
}

.kocard {
	margin-top: 20px;
     -webkit-box-shadow: 0 8px 6px -6px #363636;
	-moz-box-shadow: 0 8px 6px -6px #363636;
	box-shadow: 0 8px 6px -6px #363636;
	width:150px;
	border: 1px solid #cccccc;
	  border-radius: 10px;
}

.ko_btn {
	float:right;
}

.koButtonShadow {
	     -webkit-box-shadow: 0 6px 4px -6px #363636;
	-moz-box-shadow: 0 6px 4px -6px #363636;
	box-shadow: 0 6px 4px -6px #363636;
	border-radius: 10px 10px 10px 10px;
	border:1px solid #b3b3b3;
	padding:5px 10px;
	margin-left:10px;
	cursor:pointer;
}

#kopreviewImg {
	width:600px;
	display:table;
	margin:0 auto;
}

#kopreviewImg img{
	width:600px;
	-webkit-box-shadow: 0 8px 6px -6px #363636;
	-moz-box-shadow: 0 8px 6px -6px #363636;
	box-shadow: 0 8px 6px -6px #363636;	
	border-radius: 10px 10px 10px 10px;
}

.kopreviewbtns {
	display:table;
	margin:20px auto;
}

.kopreviewbtn  {
	display:table;
	float:left;
}

.title_box h3 {
	line-height: 14px!important;
}

.koRadio {
	margin: 0px!important;
}

@media only screen and (max-width: 450px) {

			.ko_label {
				background-color:#e6e6e6;
				font-weight:normal;
				padding:0px 5px 0px 0px;
				width:90%;
				display:table;
				float:none;
				height:29px;
				line-height:29px;
				margin-right:5px;
				padding:0px 10px;
			}
			.box_relative {
			  position: relative;
			  display:none;
			}
			.ko_label_h {
			  background-color: #E6E6E6;
			  display: table;
			  float: none;
			  height: 55px;
			  line-height: 29px;
			  margin-right: 5px;
			  padding: 0 10px;
			  width:90%;
			}
			.ko_textarea {
			  height: 50px;
			  width:90%;
			}
			.koInputBox {
				width: 90%;
				margin: 0px!important;
			}

			.ko_btn {
			  float: left;
			}
			.ko_value_lh {
			  display: table;
			  height: 55px;
			  padding: 0 5px 0 0;
			  width:90%;
			}
			.title_box {
			  height: auto;
			  padding: 0 20px 0 5px;
			}
			.cgc_box select {
			  background-color: #FFFFFF;
			  border: 1px solid #CCCCCC;
			 width:100%;
			}
			.ko_value {
			  display: table;
			  padding: 0 5px 0 0;
			  width:90%;
			}
			#ko_style {
			  width:100%;
			}
			.ko_textbox {
			  width:100%;
			}
			#kopreviewImg img {
			  border-radius: 10px;
			  box-shadow: 0 8px 6px -6px #363636;
			  width: 100%;
			}
			#kopreviewImg {
			  display: table;
			  margin: 0 auto;
			  width: 90%;
			}
			.koBtn {
				width: 90%;
				margin-bottom: 10px!important;
			}
}

.imgCart {	
	height: 85px;
	float: left;
}
.imgMod {	
	height: 55px;
	display: table;
	margin: 0 auto!important;
}

.mj-actionBox {
	width: 155px;
	overflow: hidden;
	height: 85px;
	float: right;
	margin: 0px!important;
	padding: 0px!important;
}

.mj-btnQtyPlus {
	width: 25px;
	height: 25px;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	margin: 0px!important;
	padding: 0px!important;
	font-size: 10px!important;
	line-height: 25px!important;
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0.0) inset, 0 0px 0px rgba(0, 0, 0, 0.00);
}

#mjCartBtn {
	margin: 0 auto;
	display:table;
}

.mj-btnQtyMinus {
	width: 25px;
	height: 25px;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	margin: 0px!important;
	padding: 0px!important;
	font-size: 10px!important;
	line-height: 25px!important;
}

.mj-btnDel {
	width: 25px!important;
	height: 82px!important;
	line-height: 82px!important;
	float: right;
	margin: 0px!important;
	padding: 0px!important;
}

.mj-Price {
	width: 82px!important;
	height: 80px!important;
	line-height: 80px!important;
	float: right;
	margin: 0px 5px!important;
	text-align: center;
	padding: 0px!important;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.mj-fieldQty {
	width: 25px;
	height: 30px;
}

.fieldQty {
	width: 10px!important;
	height: 30px;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.mj-CartRow .uk-comment-meta {
	margin-right: 160px;
}


.mj-CartSubBox {
	width: 300px;
	float: right;
}

.mj-subLeft {
	float: left;
	text-align: right;
	width: 140px;
} 

.mj-modBox {
	width: 200px;
	
} 


.mj-subRight {
	float: right;
	text-align: right;
	width: 100px;
	padding-right: 40px;
}

#mj-total {
	border-top: 1px solid #acacac;
	font-weight: bold;
}
.mj-center {
	text-align: center;
	padding-bottom: 10px;
}

.mj-ModSubBox {
	display: table;
	margin: 0 auto;
}

.mj-modLeft {
	float: left;
	text-align: right;
	width: 85px;
} 

.mj-modRight {
	float: left;
	text-align: right;
	width: 70px;
	padding-right: 0px;
	font-weight: bold;
}
.mj-modNameBox {
	margin-top: 0px;
	text-align: left;
}
.mj-modQtyBox {
	margin-top: 15px;
	text-align: right;
}

.fieldQty {
	padding: 0px!important;
	height: 30px!important;
	line-height: 30px!important;
	width: 25px!important;
	text-align: center!important;
}

#mj-FooterWait {	
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0px 30px 0px;
}

.uk-comment-header:before, .uk-comment-header:after {
  content: "";
  display: table;
}
.uk-comment-header:after {
  clear: both;
}
.uk-comment-header:before, .uk-comment-header:after {
  content: "";
  display: table;
}
.uk-comment-header {
  margin-bottom: 15px;
}
.uk-panel-box .uk-panel-title {
  color: #323232;
}
.uk-panel-title {
  color: #323232;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: none;
}
.uk-comment-avatar {
  	border-radius: 5px;
	border: 1px solid #e1e1e1;
  	margin-right: 15px;
}
.uk-comment-title {
  font-size: 16px;
  line-height: 22px;
  margin: 5px 0 0;
}
.uk-comment-meta {
	color: #323232;
	font-size: 11px;
	line-height: 16px;
	margin: 2px 0 0;
}

@media (max-width: 799px) and (min-width: 319px) {
    #koCgcBox {
        text-align:center;
        display:block;
    }
    .KOcard {
        float:none;
        margin:10px auto;
    }


    #mj-FooterBtn .btn {
        width:100%;
    }
 
    .uk-comment-title {
        display:none;
    }
    .uk-comment-body {
        display:none;
    }
    .mj-CartSubBox {
       width: auto; 
       float: none; 
    }
    .uk-comment-meta {
        display:none;
    }
	.mj-actionBox {
     width: auto; 
  
}
#mj-FooterBtn  {
text-align: center;
	box-sizing: border-box;
}
#mj-FooterBtn .btn {
	margin-bottom: 10px;
	box-sizing: border-box;
}
.col-koLeft input{
	width: 100% !important;
} 
.col-koRight input{
	width: 100% !important;
} 

.col-koLeft {
	width: 100% !important;
} 
.col-koRight {
	width: 100% !important;
} 
.orDiv {
	float: none!important;
	text-align: center;
	display: block;
}


}

.koHidden {
	display: none;
}

#cardTemplate {
	height: 28px!important;
}

a[disabled="disabled"] {
        pointer-events: none;
    }
	
.orDiv {
	height: 28px;
	line-height: 28px;
	padding: 0px 10px;
}

.col-koLeft {
	width: 50%;
	float: left;
	padding: 15px 15px 0px 15px;
	box-sizing: border-box;
}
.col-koRight {
	width: 50%;
	float: right;
	padding: 15px 15px 0px 15px;
	box-sizing: border-box;
}
.col-koFull {
	width: 100%;
	padding: 15px 15px 0px 15px;
	clear: both;
	box-sizing: border-box;
}