/* 
   Author: Cagatay KARA
   Author URI: http://www.ckara.com
*/

/*** ITEM FLAT ***/
.CKProductInfoContainer{
	float:left;
    position: relative;
    width:100%;
    height:auto;
    padding:0px !important;
    /*background-color: #fff;*/
    
    
    
}

.CKProductInfo{
    float:left;
    position: relative;
    width:100%;
    height:auto;
    
}


/* INFORMATIN PAGE */
.itemInformationSeparator{
    float:left;
    position: relative;
    display:block; 
    margin: 0px auto; 
    width: 100%; 
    height:10px;
    text-align:left;
    border-bottom:#333 2px solid;
    /*overflow:hidden;*/
    padding:10px 10px 0px;
    font-size:1.2em;
    font-weight:bold;
    background-color:#333;
    color:#fff;
    margin-top:3px;
    margin-bottom:3px;

}

.itemInformationTitle{
    float:left;
    position: relative;
    display:block; 
    margin: 0px auto; 
    width: 100%; 
    height:48px;
    text-align:left;
    border-bottom:#333 2px solid;
    /*overflow:hidden;*/
    padding:10px 10px 0px;
    font-size:1.2em;
    font-weight:bold;
    background-color:#333;
    color:#fff;
    margin-bottom:5px;

}

.itemInformationTitle span{
	float:right;
	display:block;
    font-size:.8em;
    font-weight:bold;
    width: 100%;
}


.itemInformationLinkBar{
    float:left;
    position: relative;
    display:block; 
    margin: 0px auto; 
    width: 100%; 
    height:80px;
    text-align:left;
    border-bottom:#333 2px solid;
    /*overflow:hidden;*/
    padding:10px 10px 0px;
    font-size:1.2em;
    font-weight:bold;
    background-color:#333;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;

}

.itemInformationLink{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

.itemInformationLink li {
    float: left;
}

.itemInformationLink li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.itemInformationLink li a:hover {
    background-color: #111111;
}


.itemInformationPrice{
    float:left;
    position: relative;
    display:block; 
    margin: 0px auto; 
    width: 254px;
    height:30px;
    text-align:left;
    border-bottom:#333 2px solid;
    /*overflow:hidden;*/
    padding:3px;
    font-size:1.1em;
    font-weight:bold;

}



.itemInformationBoxComment{
    float:left;
    position: relative;
    display:block; 
    margin: 0px auto;
      margin-top:10px;
   	margin-bottom:10px;  
     
    width: 100%;
    min-height:50px;
    height:auto;
    text-align:left;
    padding:0px;
    /*font-size:0.9em;*/
/*
    border:#ebebeb 1px solid;
 	border-radius: 10px 10px 2px 2px;

  
  -webkit-background-clip: padding-box; 
  -moz-background-clip:    padding; 
  background-clip:         padding-box;
  */  
	
}


.itemInformationBoxFeatureYN,
.itemInformationBoxSizeTable{
    float:left;
    position: relative;
    display:block; 
    margin: 0px auto;
	margin-top:10px;
    margin-bottom:10px;  
    width: 100%;
    min-height:50px;
    height:auto;
    text-align:left;
    padding:0px;
    font-size:0.9em;
    width:50%;
}


.itemInformationBoxFeatureYN ul,
.itemInformationBoxSizeTable ul {
  list-style: none;
  margin:0;
  width:auto;
  
  
  
}

.itemInformationBoxFeatureYN ul li:before,
.itemInformationBoxSizeTable ul li:before {
  content: '✓';
  display: inline-block;
  width: 20px;
  color:orange; 
}


.itemInformationBoxCommentTitle{
	display:block;
	max-width:1200px;
	width:94%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	
  /*  float:left;
    position: relative;
    display:block; 
    margin: 0px auto; 
    width: 100%;
    min-height:40px;
    height:auto;
    text-align:left;
    
    padding:10px;
    */
    border-bottom:#ebebeb 1px solid;
    font-size:1.2em;

    overflow:hidden;
    background-color:#fafafa;
    font-weight:bold;

}

.itemInformationBoxCommentBody{
	display:block;
	max-width:1200px;
	width:94%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	
/*    float:left;
    position: relative;
    display:block; 
    margin: 0px auto; 
    width: 100%;
    min-height:100px;
    height:auto;
    text-align:left;
    padding:10px 5px 10px;
*/    
    /*font-size:1em;*/
}

.itemInformationBoxCommentCheck {
    float:left;
    position: relative;
    display:block; 
    margin: 0px auto; 
    width: 100%;
    min-height:40px;
    height:auto;
    text-align:left;
    padding:10px 5px 10px;
    font-size:1em;
	column-count: 3;

}

.itemInformationBoxCommentCheckItem:before{
	content: url('../resource/check.png');
}

.itemInformationBoxCommentCheckItem{
	float:left;
	position:relative;
	display:block;
	width:100%;
	padding-left:10px;
	
}


.itemInformationBoxIMG{ 
    float:left;
    position: relative; 
    margin: 0px auto; 
    width: 100%; 
    height:auto !important;
    text-align:center !important;
    
}


.CKProductItemListImagePreview{
	width: 100px;
    height: 84px;
    margin:0px;
    display:inline-block;
    position:relative;
}

.CKProductItemListImagePreview:empty{
    background: url(../../../../ck-customize/no-image.png) center no-repeat;
    background-size: 84px 84px;
}

.CKProductItemListImagePreview img{
	max-width: 100%;
    max-height:100%;
    margin: auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.itemInformationBoxIMGC1{
	float:left;
	position:relative;
	width:100%;
	list-style:none;
	min-height:20px;
	border-top:#ccc 4px solid;
	border-bottom:#ccc 4px solid;	
	background-color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	
}

.itemInformationBoxIMGItem{
	float:left;
	position:relative;
	width:100px;
	height:80px;
	border:#999999 1px solid;
	background-color:#ddd;
	margin:2px;
	overflow:hidden;
	text-align:center;
	
}

.itemInformationBoxIMGItem img.centered{
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	
}

.itemInformationBoxIMGC2{ 
/*    float:left;*/
/*    margin:0px;*/
    display:inline-block;
    position:relative;


    margin: 0px auto; 
    width: 480px ; 
    height:360px;
    text-align:left;
}

.itemInformationBoxIMGC2 img{
		max-width: 100%;
    max-height:100%;
    margin: auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
	
/*    width: 80%; 
    height:auto !important;
    padding: 5px;
    */
}
.itemInformationBoxIMGC2:empty{
    background: url(../../../../ck-customize/no-image.png) center no-repeat;
    background-size: 200px 200px;
    
}


.itemInformationBoxTXT{ 
    display: block;
    float:right;
    position: relative; 
    margin: 0px; 
    width: 49%;
    min-height: 400px;
    height:auto;
    text-align:left;
    padding-bottom: 50px;
}

.itemInformationBoxSEP{ 
    display: block;
    float:left;
    position: relative; 
    margin: 0px; 
    width: 100%;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #ccc;
}

ul.specListColumn{
	float:left;
	position:relative;
	display: block;
    list-style:none;
    list-style-type: none;
    margin:0px !important;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    width:300px;    
    font-size:0.9em;
	
}
.specListColumn li{
	float:left;
	display:block;
	position:relative;
	border-bottom:1px dotted #ccc;
    padding:0px 0;
    line-height:28px;
    height:auto;
    
    
}

.specListColumn li:first-child{
	border-top:1px solid #ccc;
    
}

.specListColumn li:last-child{
	border-bottom:1px solid #ccc;
    
}

.specListLITitle{
	float:left;
	display:block;
	position:relative;
	margin-left:0px !important;
	width:120px;
	height:28px;
	text-align:left;
}

.specListLITxt{
	display:block;
	float:left;
	position:relative;
	margin-left:0px !important;
	width:135px;
	height:28px;
	text-align:left;
	
    
}

.specListLITxt.rightAlign{
	padding-right:5px;
	text-align:right;
}
.itemInformationBoxTXTColor{
    float:left;
    position: relative;
    width: 15px;
    height: 15px;
    border:#ccc 1px solid ;
    
}

.itemInformationBoxTXTColor:not(:first-child){
    margin-left:10px;
    
}
.itemInformationBoxTXTTitle{ 
    float:left;
    position: relative; 
    margin: 0px auto; 
    width: 100%; 
    height:auto;
    text-align:left;
    font-weight: bold;
}

.itemInformationBoxTXTPrice{ 
    float:left;
    position: relative; 
    margin: 0px auto; 
    margin-top: 10px; 
    width: calc(100% - 20px); 
    min-height:20px;
    height: auto;
    text-align:left;
    background-color: #fff;
    color:#333;
    padding-top: 10px;
    font-size: 20px;
    color: #f00;

    
}

.itemInformationBoxTXTPrice span{ 
    text-decoration:line-through; 
    color: #f00;

    
}
.itemInformationBoxTXTLine{ 
    float:left;
    position: relative; 
    margin: 0px auto; 
    margin-top: 10px; 
    width: calc(100% - 20px); 
    min-height:20px;
    height: auto;
    text-align:left;
    background-color: #fff;
    color:#333;
    padding-top: 10px;
    
}

.itemInformationBoxTXTBox{
    float:left;
    position: relative; 
    margin: 0px auto; 
    margin-top: 10px; 
    width: calc(100% - 20px); 
    height:auto;
    text-align:left;
    background-color: #fff;
    color:#333;
    padding: 10px;
    
}
.pInfoUL{
    margin:0;
    padding:0;
    list-style: none;
    margin:10px;

}

.pInfoUL li{
    float:left;
    width: 100%;
    height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color:#fff;
}

.pInfoUL li:nth-child(even){
    background-color:#ccc;
}
.pInfoUL li span{
    float:left;
    position: relative;
    min-width:150px;
    font-weight: bold;
}



/*  META  */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .itemInformationBoxCommentCheck {
    column-count: 1;
    }
	
	
}

@media only screen and (max-width: 767px) {
    .itemInformationBoxCommentCheck {
    column-count: 1;
    }
    
    .itemInformationBoxFeatureYN,
	.itemInformationBoxSizeTable{
		width:100%;

	}
    
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .itemInformationBoxCommentCheck {
    column-count: 1;
    }
    .itemInformationBoxFeatureYN,
	.itemInformationBoxSizeTable{
		width:100%;

	}
	
}

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

    .itemInformationBoxFeatureYN,
	.itemInformationBoxSizeTable{
		width:100%;

	}
	
    .CKProductInfoContainer{
        float:left;
        position: relative;
        width:100%;
        height:auto;
        padding:0px;
    }

	.itemInformationTitle{
		font-size:100%;
	}
	
    .itemInformationBoxIMG{ 
        float:left;
        position: relative; 
        margin: 0px auto; 
        width: 100%; 
        height:auto !important;
        text-align:left;
    }


    .itemInformationBoxIMGC2{ 
        float:left;
        position: relative; 
        margin: 0px auto; 
        margin-left: 25px;
        width: 100%; 
        height:auto !important;
        text-align:left;
    }

    .itemInformationBoxTXT{ 
        display: block;
        float:right;
        position: relative; 
        margin: 0px; 
        width: 100%;
        min-height: 400px;
        height:auto;
        text-align:left;
        padding-bottom: 50px;
    }

    .itemInformationBoxTXTTitle{ 
        float:left;
        position: relative; 
        margin: 0px auto; 
        width: 100%; 
        height:auto;
        text-align:center;
        font-weight: bold;
        border-top: #000 2px solid;
        font-size: 22px;
    }
    
    .itemInformationBoxCommentCheck {
    column-count: 1;
    }

}
    

}