@import url(https://fonts.googleapis.com/css?family=Abel);

#imagecontainer-pc{float:left; width:100%; height:272px; background-color:#70AFDD}
#imagecontainer-services{float:left; width:100%; background-image:url(../images/services/services-bg.jpg); background-repeat:repeat-x; background-position:top; height:272px; background-color:#e6e5d3;}

.product_img1, .product_img2 {float:left; width:706px;}

.product_desc{
	font-family: 'Abel', sans-serif;
	color:#fff;
	line-height:22px;
	font-size:16px;
	float:left;
	text-align:left;
	width:256px;
	margin:72px 8px 0px 0px;
	text-transform:uppercase;
}

.product_title{
	font-family: 'Abel', sans-serif;
	color:#fff;
	font-size:32px;
	float:left;
	text-align:left;
	width:239px;
	margin-top:62px;
	margin-left:6px;
	text-transform:uppercase;
}
.product_title1 { width:20px; line-height: 33px; margin-top:78px;}
.product_title2 {
	 color:#424141;
	 padding-left:50px;
	 font-size:42px;
	float:left;
	text-align:right;
	width:auto;
	margin-top:94px;
	text-transform:uppercase;}

.main-img-text-pc-products {
	float:right;
	margin-right:220px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:44px;
	text-align:left;
	position:relative;
	margin-top:-210px;
	line-height:35px;
	width:14%;
}
.main-img-small-text-pc-products {
	float:right;
	color:#ffffff;
	text-transform:uppercase;
	font-size:16px;
	text-align:right;
	margin-right:430px;
	position:relative;
	margin-top:-213px;
	line-height:22px;
	width:240px;
	/*border:1px solid #2F2122;*/
}
.maincontainer_pc{
	background:#fff;
	padding:0px 15px;
	padding-top:10px;
}

#spectrophotometer{
	float:left;
	width:296px;
	margin:0px 13px 26px 13px;
	position:relative;
	background-color:#fff;
}

.pc_col{
	width:296px;
	height:252px;
	float:left;
	/*border:1px solid #6C4040;*/
	background-color:#fff;
}
.pc_col_colorsw{
	width:296px;
	height:190px;
	float:left;
	/*border:1px solid #6C4040;*/
	background-color:#fff;
}
.pc_col h4, .pc_col_colorsw h4{
	font-size:18px;
	color:#3b3b3b;
	text-align:left;
	margin:2px 15px;
}
.pc_col h4 a, .pc_col_colorsw a{
	color:#3b3b3b;
}
.pc_col h6, .pc_col_colorsw h6{
	font-size:14px;
	color:#f36218;
	text-align:left;
	margin:2px 15px;
}
.pc_col p, .pc_col_colorsw p{
	font-size:16px;
	color:#2d3537;
	text-align:left;
	line-height:18px;
	margin:0 15px;
}

.details-top-padd{
	margin-top:62px;
}


/*---------- css for inner pages of premier colorscan products -----------*/

#maincontentcontainer-product{
	width:100%;
	float:left;
}

.innerbody-container{
	font-family: 'Abel', sans-serif;
	clear: both;
	width: auto;
	max-width:1004px;
	margin:0 auto;
	position: relative;
	padding:0 15px 15px 15px;
	height:auto;
	/*float:left;
	background-color:#fff;
	width:95%;
	height:100%;
	margin:0px 0px;
	padding:0px 0px 15px 0px;
	border:1px solid #F0181B;*/
}
.innerbody-container-main{
	float:left;
	background-color:#fff;
	width:95%;
	height:100%;
	margin:30px 15px;
}
.product-title{
	color:#1b8ec1;
	text-transform:capitalize;
	font-size:26px;
	width:100%;
}
.product-text{
	padding-top:10px;
	text-align:justify;
	}
.product-text p { margin-top:6px; }
.img-col{
	width:25%;
	float:left;
	margin-top:20px;
	text-align:center;
	padding:15px 30px;
	/*border:1px solid #361E1F;*/
}
.img-col1{
	width:25%;
	float:left;
	margin-top:5px;
	text-align:center;
	padding:15px 30px;
/*	border-right:1px solid #cacaca;*/	
}
.text-col1{
	width:68%;
	float:left;
	margin-top:20px;
	border-left:1px solid #cacaca;
}
.img-padding { margin-top:15px; }

.bullete-col { width:46%; float:left; margin: 10px 15px 0 0;}
.bullete-col h5 { font-size:16px; }

.text-col{
	width:68.2%;
	float:left;
	border-left:1px solid #cacaca;
	margin-top:20px;
}
.table-col{
	width:100%;
	float:left;
}
.text-col p, .text-col1 p{ padding:1px 0px 0 15px; margin-top:6px;}

.text-col h4, .text-col1 h4{ font-size:24px; text-transform:capitalize; color:#2c2c2c; padding-left:15px; }
.table-col h4 { font-size:24px; text-transform:capitalize; color:#2c2c2c; padding-left:0px; }
.text-col h5, .text-col1 h5{ font-size:16px; text-transform:capitalize; color:#2c2c2c; padding-left:15px; }
 .table-col  h5{ font-size:16px; text-transform:capitalize; color:#2c2c2c; padding-left:0px; }

.col1, .col2 {float:left; width:30%;}

.pdf-inquiry {float:right; width:30%;}
.pdf-icon, .inquiry-icon {text-transform:uppercase; font-size:14px; text-align:right; color:#7e7e7e;text-align:right; margin-top:10px;}
.pdf-icon a, .inquiry-icon a{color:#7e7e7e; text-decoration:none;}
.pdf-icon img, .inquiry-icon img{ border:0;}
.pdf-inquiry h6 { }

.bullet-text-pc{
	font-family: 'Abel', sans-serif;
	font-size:16px;
	color:#6f6f6f;
	text-align:left;
	width:90%;
	padding:0 15px;
	margin:0px 15px;
	line-height:24px;
	list-style-image:url(../images/products/bullet.jpg);
}
.bullet-text-pc1{ width:100% }
.product_text h4 { font-size:22px; text-align:left;}
.product_text h5 { font-size:18px; width:100%; text-align:left;}

/*------------table styleing-----------*/
/* The important stuff */
.table-container{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	margin-top:5px;
}
table{ 
    border-collapse: collapse; 
    border-spacing: 0; 
    background-color: white;
    width: 100%;
    /*border: 1px solid #c3c9cc;*/
}
th, td{
    padding: 2px 3px;
    text-align: left;
	font-size:16px;
}
th{
    background-color: #f5f5f5;
    white-space: nowrap;
}
td{
    /*border-top: 1px solid #c3c9cc;*/
}
/*-----------------------*/
.features { color:#ff7011; text-align:right; float:right; width:100%; font-size:14px; font-weight:500;  margin-top:20px;}

.colorsw_title{
	float:left;
	width:100%;
	font-family: 'Abel', sans-serif;
	font-size:26px;
	color:#1B8EC1;
	padding:2px 0px 16px 0px;
	text-align:left;
}
.ink_software{float:left; width:250px; padding:20px 20px 0px 0px;}
.ink_software_images{float:left; width:100%;}
.ink_software_name{
	float:left;
	width:100%;
	font-family: 'Abel', sans-serif;
	font-size:16px;
	color:#6f6f6f;
	text-align:center;
	font-weight:bold;
}

.dropdown{
	margin:auto; 
	display:block;
	text-align:right;
	width:100%;
	height:auto;
	text-decoration:none;
	margin-bottom:15px;
}

.dropdown a:hover{
	text-decoration:none;
	font-weight:bold;
	background-color:#fff;
}
.select-dropdown1{
	width:60%;
	background:#fff;
	font-family: 'Abel', sans-serif;
	font-size:16px;
	color:#A6A5A5;
}
.padding-left-img{ padding-left:190px;}

/*==================== responsive ========================*/




@media only screen and (min-width: 1280px) and (max-width: 1336px)

{
	.main-img-text-pc-products {
		margin-right:150px;
	}
	.main-img-small-text-pc-products {
		margin-right:360px;
	}
}

@media screen and (max-width: 1200px){
#imagecontainer-pc{width:100%; padding:0px; height:274px;}
.product_img2{width:60%;height:auto; padding:0px;}

.product_img1{width:55%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.crop img {
    width: auto;
    height: 274px;
    overflow: hidden;
}
.crop2 img{
	width: auto;
    height: 274px;
    overflow: hidden;
}
.product_desc{
	text-align:left;
	width:40%;
	line-height:20px;
	padding:0px 15px;
	margin:0px;
	margin-top:40px;
}
.product_title{
	text-align:left;
	font-size:28px;
	line-height:32px;
	width:40%;
	margin:0px;
	padding:7px 15px 0px 15px
}

}

@media screen and (max-width: 1140px){
#imagecontainer-pc{width:100%; padding:0px; height:272px;}
.product_img1, .product_img2{width:60%;height:272px; padding:0px;}
.product_img1 img{width:100%;height:auto;}

.product_desc{
	text-align:left;
	width:32%;
	line-height:21px;
	padding:0px 15px;
	margin:0px;
	margin-top:40px;
}
.product_title{
	text-align:left;
	width:30%;
	margin:0px;
	padding:3px 15px 0px 15px;
	line-height:34px;
}

}

@media screen and (max-width:1024px) 
{
    .pc_col{
	   margin:0px 10px 20px 10px;
	   margin-top:15px;
}
.crop . crop2{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.crop1 {
    width: 100%;
    height: 224px;
    overflow: hidden;
}

.crop img {
    width: auto;
    margin: 0 -200px 0 -30px;
}
.crop2 img {
    width: auto;
    margin: 0 -200px 0 0px;
}

.product_title1{ width:20px; line-height: 33px; margin-top:78px; font-size:35px; }
.product_title2{ font-size:35px; line-height: 33px;}
.product_img2 { width:600px;}
.padding-left-img{ padding-left:0px;}
}

/*@media screen and (min-width: 980px) and (max-width: 1200px) 
{
#imagecontainer-pc{width:100%; padding:0px; height:224px;}
#imagecontainer-services{width:100%; padding:0px; height:224px;}
.product_img1, product_img2{width:60%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}

.product_desc{
	text-align:left;
	width:30%;
	line-height:21px;
	padding:0px 15px;
	margin-top:51px;
}
.product_title{
	text-align:left;
	width:30%;
	margin:0px;
	padding:1px 15px 0px 15px
}
.product_title2{
	text-align:left;
	width:30%;
	margin:0px;
	padding:1px 15px 0px 15px
}


}
*/

/*@media only screen and (min-width: 980px) and (max-width: 1024px){

#imagecontainer-pc{width:100%; padding:0px; height:224px;}
	#imagecontainer-services{width:100%; padding:0px; height:224px;}
.product_img1{width:60%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.product_img2 { width:580px;}
.product_desc{
	text-align:left;
	width:30%;
	line-height:20px;
	padding:0px 15px;
	margin:0px;
	margin-top:40px;
}
.product_title{
	text-align:left;
	font-size:28px;
	line-height:32px;
	width:35%;
	margin:0px;
	padding:7px 15px 0px 15px
}

.text-col{
	width:66%;
}
}*/


/*--------table styling---*/
@media screen and (min-width: 900px){
    .table-container {
    	overflow: visible;
    }
	
}
/*------------------------------*/

@media screen and (max-width: 980px){
	
	#imagecontainer-pc{width:100%; padding:0px; height:224px;}
	#imagecontainer-services{width:100%; padding:0px; height:224px;}
.product_img1{width:55%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.product_img2 { width:580px;}
.product_desc{
	text-align:left;
	width:40%;
	line-height:20px;
	padding:0px 15px;
	margin:0px;
	margin-top:36px;
}
.product_title{
	text-align:left;
	font-size:28px;
	line-height:32px;
	width:40%;
	margin:0px;
	padding:7px 15px 0px 15px
}
.product_title2{
	text-align:left;
	width:30%;
	margin:0px;
	padding:1px 15px 0px 15px
}
	
	.main-img-text-pc-products {
		margin-right:20px;
		width:20%;
	}
	.main-img-small-text-pc-products {
		margin-right:230px;
	}
	.innerbody-container{ width:auto; }
	
	.text-col{
	  width:65.5%;
}
.pdf-inquiry {float:left; width:100%; text-align:left;}

.img-small-main {  height:224px; width:auto;}
}

@media screen and (max-width: 800px) {
	#imagecontainer-pc{width:100%; padding:0px; height:194px;}
	#imagecontainer-services{width:100%; padding:0px; height:270px; background-image:none;}
.product_img1{width:50%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.product_img2{ width:100%; height:auto; padding:0px;}
.product_img2 img{ width:100%; height:auto;}

.crop1 img {
    width: auto;
    height: 297px;
    overflow: hidden;
}
.product_desc{
	font-size:15px;
	text-align:left;
	clear:none;
	width:42%;
	margin:0px;
	line-height:19px;
	margin-top:22px;
	padding:0px 15px;
}
.product_title{
	text-align:left;
	font-size:26px;
	line-height:30px;
	width:42%;
	margin:0px;
	padding:0px 15px;
}.colorsw_title{
	text-align:left;
}
.product_title2{
	text-align:left;
	font-size:36px;
	width:90%;
	margin:0px;
	padding:1px 15px 0px 15px
}
.product_title1{ width:auto; margin-top:10px;}
	
	.main-img-text-pc-products {
	text-align:left;
	width:100%;
	margin:0px;
	padding:1px 15px 0px 15px;
	background-color:#2dbfd6;
	
	}
	.main-img-small-text-pc-products {
	text-align:left;
	clear:both;
	width:100%;
	margin:0px;
	line-height:21px;
	padding:0px 15px;
	background-color:#2dbfd6;
	}
	
	.pc_col h4{
	font-size:16px;
	}
	.pc_col {
		width:30.4%;
		height:305px;
	}
	.maincontainer_products_inner{
		margin:30px 15px;
}
.text-col{
	width:60%; margin-left:50px;
}
.maincontainer_pc{
	width:96.2%;
}


}

@media screen and (max-width: 768px) {
.dropdown{
	margin:auto; 
	display:block;
	width:98%;
	margin:2px 0px;
	position:absolute;
	left:0px;
	top:-69px;
}	
.select-dropdown1{ width:50%;}

#imagecontainer-pc{width:100%; padding:0px; height:186px;}
#imagecontainer-services{width:100%; padding:0px; height:270px;}
.product_img1{width:50%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.product_img2{ width:100%; height:auto; padding:0px;}
.product_img2 img{ width:100%; height:auto;}

.crop1 img {
    width: auto;
    height: 297px;
    overflow: hidden;
}

.product_desc{
	font-size:15px;
	text-align:left;
	clear:none;
	width:42%;
	margin:0px;
	line-height:19px;
	margin-top:18px;
	padding:8px 15px;
}
.product_title{
	text-align:left;
	font-size:26px;
	line-height:30px;
	width:42%;
	margin:0px;
	padding:0px 15px;
}
.colorsw_title{
	text-align:left;
}
.product_title2{
	text-align:left;
	font-size:33px;
	width:90%;
	margin:0px;
	padding:1px 15px 0px 15px
}
		.pc_col {
		width:30.4%;
		height:323px;
	}
	.details-top-padd{
	margin-top:80px;
}
.text-col{
	width:59%; margin-left:50px;
}

.line-top-main-products{display:none;}


}

@media screen and (max-width: 660px) {
#imagecontainer-services{width:100%; padding:0px; height:270px;}
#imagecontainer-pc{width:100%; padding:0px; height:160px;}
.product_img1{width:50%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.crop1 img {
    width: auto;
    height: 255px;
    overflow: hidden;
}

.product_desc{
	font-size:15px;
	text-align:left;
	clear:none;
	width:42%;
	margin:0px;
	line-height:19px;
	padding:4px 15px;
}
.product_title{
	text-align:left;
	font-size:26px;
	line-height:30px;
	width:42%;
	margin:0px;
	padding:0px 15px;
}
.dropdown{
	top:-74px;
	text-align:right;
}
.select-dropdown1{width:50%;}

.product_title2{
	text-align:left;
	font-size:30px;
	width:90%;
	margin:0px;
	padding:1px 15px 0px 15px
}
.pc_col {
	width:46%;
	height:283px;
	margin-bottom:5px;
}
.details-top-padd{
	margin-top:62px;
}

.text-col{
	width:54%; margin-left:60px; 
}
.dropdown{
	width:50%;
	margin:2px 20px 2px 10px;
	top:-69px;
}
.select-dropdown1{ width:100%;}
/*.maincontainer{width:95.4%;}
*/
}

@media screen and (max-width: 500px) {
	#imagecontainer-pc{width:100%; padding:0px; height:288px;}
	#imagecontainer-services{width:100%; padding:0px; height:272px;}
.product_img1{width:100%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.crop1 img {
    width: auto;
    height: 188px;
    overflow: hidden;
}
.product_desc{
	line-height:16px;
	font-size:14px;
	text-align:left;
	clear:both;
	width:93%;
	margin:0px;
	margin-top:5px;
	padding:0px 15px 0px 15px;
}
.product_title{
	font-size:22px;
	text-align:left;
	width:95%;
	margin:0px;
	padding:4px 0px 0px 15px
}
.product_title2{
	font-size:24px;
	text-align:left;
	width:90%;
	margin:0px;
	padding:0px 0px 0px 15px
}
.pc_col{
	width:100%;
	max-width:296px;
	height:285px;
	margin:15px auto;
	float:none;
}

.text-col{
	width:100%; border-left:0px solid #cacaca; margin-left:0px;
}
.img-col{
	width:100%;
	margin:auto;
	text-align:center;
/*	border:1px solid #574444;
*/	padding:25px 0 5px 0px;
}
.pdf-inquiry {float:right; width:auto; }
.text-col p{ padding:1px 0px 0 0px;}
.text-col h4{ padding-left:0px; }
.dropdown{
	width:88%;
	margin:2px 20px 2px 10px;
	top:-69px;
}
.select-dropdown1{ width:100%;}


}

@media screen and (max-width: 480px) {
#imagecontainer-pc{width:100%; padding:0px; height:318px;}
#imagecontainer-services{width:100%; padding:0px; height:272px;}
.product_img1{width:100%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.crop1 img {
    width: auto;
    height: 188px;
    overflow: hidden;
}
.product_desc{
	line-height:16px;
	font-size:14px;
	text-align:left;
	clear:both;
	width:93%;
	margin:0px;
	margin-top:8px;
	padding:0px 15px 0px 15px;
}
.product_title{
	font-size:22px;
	text-align:left;
	width:95%;
	margin:0px;
	padding:6px 0px 0px 15px
}
.product_title2{
	font-size:24px;
	text-align:left;
	width:90%;
	margin:0px;
	padding:0px 0px 0px 15px
}

	
.innerbody-container-main{
	width:auto; margin:0 auto;
}
.product-title{
	font-size:20px;
	text-align:left;
}
.bullete-col{ width:100%; }
th, td{
	font-size:15px;
}
td{
   border-top: 1px solid #c3c9cc;
}

.dropdown{
	width:88%;
	margin:2px 20px 2px 10px;
	top:-69px;
}
.select-dropdown1{ width:100%;}

.maincontainer_pc{
	width:93.5%;
	margin:0px;
}
	
}

@media screen and (max-width: 360px) {
	#imagecontainer-pc{width:100%; padding:0px; height:308px;}
	#imagecontainer-services{width:100%; padding:0px; height:270px;}
.product_img1{width:100%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.crop1 img {
    width: auto;
    height: 143px;
    overflow: hidden;
}
.product_desc{
	line-height:18px;
	font-size:14px;
	text-align:left;
	clear:both;
	width:90%;
	margin:0px;
	margin-top:6px;
	padding:0px 15px 10px 15px;
}
.product_title{
	font-size:22px;
	text-align:left;
	width:90%;
	margin:0px;
	padding:0px 0px 0px 15px;
	line-height:26px;
}
.colorsw_title{
	width:98%;
	padding:0px; margin:0px;
}
.maincontainer_pc{
	margin:0px;
	width:91.5%;
}
.product_title2{
	font-size:22px;
	text-align:left;
	width:90%;
	margin:0px;
	padding:0px 0px 0px 15px
}
	.pdf-inquiry {float:left; width:100%; border:1px solid #574444;}
	.pdf-icon {text-align:left; margin:0px; width:55%; float:left;}
	.inquiry-icon {text-align:right; margin:0px; width:45%; float:right;}

}

@media screen and (max-width: 320px) 
{
#imagecontainer-pc{width:100%; padding:0px; height:302px;}
#imagecontainer-services{width:100%; padding:0px; height:272px;}
.product_img1{width:100%;height:auto; padding:0px;}
.product_img1 img{width:100%;height:auto;}
.product_desc{
	line-height:20px;
	font-size:14px;
	text-align:left;
	clear:both;
	width:90%;
	margin:0px;
	padding:4px 15px 6px 15px;
}
.product_title{
	font-size:22px;
	text-align:left;
	width:90%;
	margin:0px;
	margin-top:11px;
	padding:0px 15px 15px 15px
}
.product_title1{
	font-size:22px; 
}
.product_title2{
	font-size:22px;
	text-align:left;
	width:90%;
	margin:0px;
	margin-top:11px;
	padding:0px 15px 15px 15px
}
.pc_col_1{
	margin-top:600px;
}
.dropdown{
	width:88%;
	margin:2px 20px 2px 10px;
	top:-91px;
}
.dropdown1{
	top:-69px;
}
.select-dropdown1{
	width:100%;
}
.maincontainer_pc{
	width:90.5%;
}
}