body{
	color: #6E6E6E;
}
p.dpc {
	margin: 10px 10px 10px 0;
}
input {
    color: #6E6E6E;
    font-family: Arial,Segoe UI,Sans-Serif;
    font-size: 12px;
    font-weight: normal;
}
hr {
    background-color: #CCCCCC;
    border: 0 none;
    clear: both;
    color: #CCCCCC;
    height: 1px;
}
.site-search-box {
    color: #919191;
    font-size: 0.8em;
}
#container{
	overflow:hidden;
	padding-top:10px;
	padding-bottom:80px;
}

#prod-header{
	padding:10px;
}

h2 {
    font-family: ff-meta-web-pro,"Myriad Pro",Segoe UI,Arial,Sans-Serif;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: #666666;
    text-shadow: 0 1px 0 white;
    text-transform: uppercase;
}
#product-type{
	padding-left:0;
	padding-top:15px;
}
#left-container{
	float:left;
	padding:10px;
}
#right-container{
	width:100%;
	padding-top:10px;
	padding-left:10px;
	padding-right:20px;
}
#detail-container{
	overflow:hidden;
}

#browser-result-header #icons{
	float:right;
}

#browser-result-header{
	padding-right:10px;
	padding-left:10px;
	overflow:hidden;	
}

.menuSelected{
	background-color: #CCCCCC;
}
#browser-result-header #product-type{
	float:left;
}

.result-tab{
	float:left;
	width:150px;
	height:230px;
	margin:5px;
	padding:5px;
	background-color: #FFFFFF;

    border: 1px solid #EDECEE;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bar-background-start}*/), to( #FAFAF9 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/);

}
#browser-results{

}

.result-tab img{
	border: medium none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    padding-top:10px;
}
.result-list img{
	border: medium none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 175px;
}

.result-tab p{
	text-align:center;
	display:block;
}

.result-tab > .list-view{
	display:none;
}

.result-list{
	background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bar-background-start}*/), to( #FAFAF9 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/);

    border: 1px solid #EDECEE;
	height:210px;
	margin:5px;
	padding:5px;
}

#login-textboxes input{
	margin-bottom:10px;
}

.result-list .browser-prod-header-above{
	font-size: 1.2em;
    margin: 0;
    padding: 0;
}

.result-tab .browser-prod-header-below{
	font-size: 1.1em;
    height: 60px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight:normal!important;
    margin-top:3px;
}

.result-list .browser-prod-image{
	float:left;
	margin-right:10px;
}
.result-tab .browser-prod-header-below a{
    font-weight:normal!important;
}
.result-tab .browser-prod-header-above{
	display:none;
}
.result-list .browser-prod-header-below{
	display:none;
}
.browser-prod-subheader{
	font-family: ff-meta-web-pro,"Myriad Pro",Segoe UI,Arial,Sans-Serif;
    font-weight: 300;
    font-size:1.2em;
}

.result-list > p{
	display:none;
}

#divFooter{
	margin-top:20px;
	overflow:hidden;
	position: absolute;
	bottom:55px;
	width:100%;
	text-align:center;
	background-color:#dfdfdf;
}
#divFooter footer{
	margin:10px;
}
.ui-btn-icon-top .ui-btn-inner{
	padding-top:30px!important;
}
#divFooterLinks{
	font-weight:bold;
}
#mainHeader{
	font-family: ff-meta-web-pro,"Myriad Pro",Segoe UI,Arial,Sans-Serif;
	margin:10px;
	font-size:1.5em;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: #333333;
    text-shadow: 0 1px 0 white;
}
#brand-icons{
	margin-top:10px;
	text-align: center;
}
#brand-icons a {
    height: 66px;
    width: 66px;
}
.ui-btn-up-c{
	text-shadow:0 0px 0 #FFFFFF!important;
}
.ui-icon-dr {
	background-image: url("../images/icons/cromax_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-stx {
	background-image: url("../images/icons/standox_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-stx-cs {
	background-image: url("../images/icons/standox-coming-60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-sph {
	background-image: url("../images/icons/spies_hecker_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-sph-cs {
	background-image: url("../images/icons/spies-hecker-coming-60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-nsn {
	background-image: url("../images/icons/nason_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-nsn-cs {
	background-image: url("../images/icons/nason-coming-60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-cf {
	background-image: url("../images/icons/60x60_Commercial.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
/* Added by Deepak*/
.ui-icon-mx {
	background-image: url("../images/icons/metalux_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-nxl {
	background-image: url("../images/icons/nasonXL_60x60.jpg")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-dx {
	background-image: url("../images/icons/duxone_60x60.jpg")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-ch {
	background-image: url("../images/icons/Challenger_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-mar {
	background-image: url("../images/icons/marine_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-avi {
	background-image: url("../images/icons/aviation_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-spo {
	background-image: url("../images/icons/se_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-ace {
	background-image: url("../images/icons/ace_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-mon {
	background-image: url("../images/icons/montana_60x60.jpg")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}
.ui-icon-met {
	background-image: url("../images/icons/metacryl_60x60.jpg")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

/* Added by Deepak end */
/*Nason Finishes Brand addition - Deepak- 03 April2023*/
.ui-icon-nf {
	background-image: url("../images/icons/Nason_Finishes_60x60.jpg")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}


.ui-icon-ic {
	background-image: url("../images/icons/gen_industrial_60x60.png")!important;
	background-size: 60px 60px!important;
	width:60px!important;height:60px!important;
	background-color: white!important;
}

.ui-icon-addtocart {
    background-image: url("../images/icons/shopping_cart_16x_white.png");
    background-position: center center;
    background-size: 10px 10px;
    height: 16px;
    width: 16px;
}
#brand-icons .ui-disabled {
	opacity:1 !important;
}
#brand-container{
	padding:10px;
	margin-top:10px;
}

.list-view{
	padding:9px;
	width:95%;
	
}
table.dtl-data {
    border-collapse: collapse;
    margin-left: 10px;

}
table.dtl-data th {
    background-color: #4D5C6F;
    color: white;
    padding: 5px;
    text-align: right;
    width: 100px;
}
table.dtl-data td {
    border-bottom: 1px solid #FFFFFF;
    padding-top: 5px;
    padding-right:5px;
    vertical-align: top;
    width: 100px;
}
table.dtl-layout {
    border-collapse: collapse;
    width:95%;
}
table.dtl-layout td.label {
   	font-weight:bold;
   	font-size:1.1em;
}
table.dtl-layout td {
    padding-top: 5px;
    padding-right:5px;
    vertical-align: top;
}
table.dtl-dry-time {
    border-collapse: collapse;
    width:95%;
}
table.dtl-dry-time th {
    background-color: #5a5a5a;
    color: white;
    padding: 5px;
    text-align: left;
    width:50%;
}
table.dtl-dry-time td {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
}

table.dtl-data-size {
	border-collapse: collapse;
    width:100%;
}
table.dtl-data-size th{
	background-color: #5a5a5a;
    color: white;
    padding: 5px;
    text-align: left;
    width:25%;
}
table.dtl-data-size td {
	border-bottom: 1px solid #FFFFFF;
    padding: 5px;
}
table.dtl-data-pricing {
    border-collapse: collapse;
    width:100%;
}
table.dtl-data-pricing th {
    background-color: #5a5a5a;
    color: white;
    padding: 5px;
    text-align: right;
    width:25%;
}
table.dtl-data-pricing td {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
}
table.dtl-data-packaging {
    border-collapse: collapse;
    width:100%;
}
table.dtl-data-packaging th {
    background-color: #5a5a5a;
    color: white;
    padding: 5px;
    text-align: right;
    width:20%;
}
table.dtl-data-packaging td {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
}
table.dtl-mix-ratio {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom:10px;
    width:95%;
}
table.dtl-mix-ratio th {
    background-color: #5a5a5a;
    color: white;
    padding: 5px;
    text-align: left;
    width:50%;
}
table.dtl-mix-ratio td {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
}
td.label {
    width: 100px;
}
td.number {
    text-align: right;
}
#listMenu{
	width:33%;
}
#listContent{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;
	min-height:180px;
	font-weight:normal!important;
}
#listView{
	margin-top:20px;
}
#listView .ui-block-b{
	width:67%;
}
#login-msg{
	font-size:0.9em;
	color:#cc0033;
	padding-top:5px;
}

#new-user-link{
	float:left;	
	margin-left:20px;
}
#forgot-password-link{
	float:right;
	margin-right:20px;
}
.prodSubhead{
    font-family: ff-meta-web-pro,"Myriad Pro",Segoe UI,Arial,Sans-Serif;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: -0.0025em;
    line-height: 26px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.prodSubContent{
	margin-bottom: 20px;
}
.prodSubContent li{
	margin-left:10px;
}
#listContent li{	
	margin-left:0px;
}
/*Product Screen*/

.dtl-product-title{
	color: #9A382A;
    font-family: ff-meta-web-pro,"Myriad Pro",Segoe UI,Arial,Sans-Serif;
    font-weight: normal;
    font-size:18px;
    letter-spacing: 0.025em;
    text-shadow: 0 1px 0 white;
}
#detail-container #prodImgContainer img{
	padding:10px;
	background-color: #FFFFFF;
    border: 1px solid #EDECEE;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bar-background-start}*/), to( #FAFAF9 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #FAFAF9 /*{a-bar-background-end}*/);
}

#detail-container #prodImgContainer{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	margin-right:30px;
}

#prodButtons{
	margin-top:10px;
	text-align:center;
}
#detail-container #prodImg img{
	margin:10px;
}
.ui-bar-c{
	color: #424242 !important;
	font-family: Arial,Segoe UI,Sans-Serif !important;
	text-shadow:0 0 0 #FFFFFF!important;
}

#collapsibleView .listHeader{
	display:none;
}

.prodContent{

}
.listHeader{
	font-family: ff-meta-web-pro,"Myriad Pro",Segoe UI,Arial,Sans-Serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.0025em;
    line-height: 26px;
}
#collapsibleView li{
	list-style-type: none;
}

.ui-body-c, .ui-overlay-c{
	color: #424242 !important;
	font-family: Arial,Segoe UI,Sans-Serif !important;
	text-shadow:0 0 0 #FFFFFF!important;
}
.ui-collapsible-content{
	padding-left:40px!important;
}

#prod-header-mobile{
	display:none;
}

/*Search Page*/

#search-container{
	margin:10px;
	width:100%;	
	min-height:40px;
}

#search-results{
	margin:10px;
}
.search-item{
	margin-bottom: 10px;
    margin-top: 15px;
}
.search-header{
	font-weight:bold;
}
.search-descrip{
	margin-top:10px;
}
.srchrsltbold{
	color:#990000;
}
#search-bar{
	display:inline;
	float:left;
	width: 400px;
}

#search-button{
	float: left;
    margin-top: -3px;
}

@-moz-document url-prefix() {
    #listContent li{	
		margin-left:10px;
	}
}
/* Handheld smartphones ----------- */
@media only screen and (max-width : 320px) {
	#detail-container #prodImgContainer{
		margin:10px 0px;
		width:100%;
	}
	#detail-container #prodImgContainer img{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	#detail-container #prodButtons{
		margin-top:3em;
		float:left;
	}
	.result-tab{
		width:45%;
		height:230px;
		margin:1.5%;
		padding:1.2%;
	}
	.result-list .browser-prod-image{
		margin-right:5px !important;
	}
	#prod-header-mobile{
		display:block!important;
		padding-right:10px;
		padding-left:10px;
	}
	#prod-header-desktop{
		display:none;
	}
	#search-container{
		width:90%!important;
		margin:0px!important;
		padding:10px!important;		
		min-height:70px;	
	}
	
	#search-bar{
		float:left;
		margin:0px!important;		
		width: 100%!important;
	}
	#search-button{
		float: left;
	    margin-top: 4px!important;
	    margin-left:-4px!important;
	}
	#divFooterLinks{
		font-weight:bold;
		font-size:0.85em;
	}
	#divFooterTxt{
		font-size:0.85em;
	}
	#divFooter{
		width:100%;
		margin-left:5px;
		margin-right:5px;
		font-size:0.85em;
		text-align:center;
	}

}
	
	
	
	
}
/*IPhone phones*/
@media all and (max-device-width:480px), all and (max-width: 480px){
	html {
		-webkit-text-size-adjust: none;
	}
	.result-list .browser-prod-image{
		margin-right:1px!important;
	}
	#prod-header-mobile{
		display:block!important;
		padding-right:10px;
		padding-left:10px;
	}
}

/*ipad / desktop */
@media all and (min-width:750px){
	#detail-container #prodImg{

	}
	#browser-results{
		margin-left:10px;
		margin-right:10px;
	}
	
}