@import "kennametal_reset.css";
@import "kennametal_fonts.css";

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
abbr,acronym { border-bottom:1px dotted #000;cursor:help;} 
em {font-style:italic;}
blockquote,ul,dl {margin:0px;}
ul,dl { margin:0px; padding:0px; margin:0px; padding:0px;}

ol li {	list-style: decimal outside;}
ul li {	list-style:none; margin:0px; padding:0px;}
dl dd {	margin-left:0px;}
th { font-weight:bold; text-align:center;}
caption { margin-bottom:.5em; text-align:center;} 
p,fieldset,table,pre {}

input[type=text],input[type=password],textarea{}
input{ margin:0px; padding:0px; background:none; border:0px;} 

p {
    margin: 0;
    padding: 0 0 18px;
}
.fixestoparea{padding-top:25px; }
.skybulebg {
	font-size:12px;
	padding:0px 14px;
}
.skybulebg1 {
    font-size: 12px;
    padding: 6px 14px;
}

.logocustarea{
	padding: 4px 0 5px;
	width: 48%;
	float: left;
}
.custcontextarea{
	width:50%;
	float: right;
	height:auto;
}

.logoarea {
    float: left;
    padding: 28px 0 5px;
    width: 280px;
}
.topcarticon {
	float:right;
	padding:5px 10px 0px 0px;
}
#header{ 
	padding:0px 24px;	
	width:100%;
	height:auto;
	margin: 18px 0px 5px 0px;
}
#header .topright span {
	float:none;
	border:none;
	padding:0px 3px;
}
.date {
    padding-bottom: 10px;
}
.date {
	padding-bottom:4px;
}
/* ------- Top Area End ------- */
/* ------- Navigation Area Start ------- */
#navi {
	font-weight:bold;
	padding:5px 0px 7px 0px;/ height:18px; margin:0px 24px;
	background:#ffffff;
}
#navi li {
	float:left;
}

#navi li a {
	padding:0px 8px;
}
.subnaviarea {
	padding:0px 12px 0px 0px!important;
	font-size:12px!important;
}
.shadonavi {
width: 916px;
margin: 0 auto;
    position: relative;
    z-index: 2;
}
.innerbanner {
}
.mpcontenerarea {
	position:relative;
	z-index:1;
	margin-top:-5px;
/*	 padding-top:120px;*/
}
.mpcontener {
	padding:20px 24px;
}
.subnavi {
	float:left;
	/*width:666px;*/
}

.subnavi li.firstli:hover {
    border-left: 1px solid #CCCCCC;
}
.subnavi li{ float:left; padding:6px 0px 8px 0px;  color:#ffffff; border-top:#cc9900 solid 1px; background:#f1d151; }
.subnavi li.navidivider { background:#cc9900; width:1px; height:32px; margin:0px; padding:0px; }
.subnavi li.firstli{ border-left:1px solid #CC9900;}
.subnavi li.firstli:hover{ border-left:#CC9900 solid 1px;}
.subnavi li a{ color:#000000; font-weight:bold!important; text-transform:uppercase;}
.subnavi li:hover{ background:#f1d151;/* border-top:#cccccc solid 1px;*/}
.subnavi li:hover a{ color:#000000;}
.subnavi li a:hover{ color:#000000;}
.subnavi li ul{ display:none;}
.subnavi li:hover ul{ display:block; position:absolute; z-index:111; padding-top:4px; border-bottom:#cccccc solid 1px; margin-left:-1px; /padding-top:23px; /margin-left:-136px;}

.subnavi li:hover ul li{ float:none; background:#f2d76a; border:none; border-bottom:#C0BEBD solid 0px; padding:0px; min-width:120px;}

.subnavi li:hover ul li a{background:#f2d76a; border:none solid 0px; border-bottom:none; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; color:#000000; padding:4px 10px; display:block; min-width:155px; font-weight:normal!important;}
.subnavi li:hover ul.withli li a{ min-width:190px;}
.subnavi li:hover ul li:hover{ background:#f9ebb5; border:none;}
.subnavi li:hover ul li:hover a{ color:#000000; background:#f9ebb5; font-weight:normal;}
.subnavi li:hover ul li.backgroundnone{ background:none; height:14px; text-align:center;}

.subnavi a {
	padding:0px 12px;
}
.changcustomer {
	float:right;
	width:230px;
	text-align:right;
}
.changcustomer a {
	padding:0px;
}
.breadcrumb{ padding:0px 0px 7px 3px; border-bottom:#e2e2e2 solid 1px; margin:0px 24px;}

.subnavi li:hover ul.acoounthistorynavi{ /margin-left:-57px;}
.subnavi li:hover ul.catalogandpricenavi{ /margin-left:-131px;}
.subnavi li:hover ul.mycartsnavi{ /margin-left:-86px;}
.subnavi li:hover ul.masterdatanavi{ /margin-left:-109px;}
.subnavi li:hover ul.useradministrationnavi{ /margin-left:-160px;}
.subnavi li:hover ul.contentmanagementnavi{/margin-left:-165px;}
.subnavi li:hover ul.withli{/margin-left:-137px;}
.subnavi li:hover ul.marketingcenternavi{ /margin-left:-142px;}
.subnavi li:hover ul.partnerchannelnavi{ /margin-left:-138px;}

/* ------- Navigation Area End ------- */







.changcustomer {
    float: right;
    text-align: right;
    width: 230px;
}
.changcustomer a {
    padding: 0;
}
.breadcrumb {
    border-bottom: 1px dotted #CCCCCC;
    padding: 18px 0 7px 10px;
    .margin-top:10px;
    font-size:12px;
}
/* ------- Tab Area Start ------- */
.tab{ float:left; width:auto;}
.tab div{ float:left; width:auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:18px 0px;}
.tab .tableft{ width:17px;}
.tab .tabbg{padding:8px 11px 11px 11px;}
.tab .tabright{width:25px;}

.tabseletectd{ float:left; width:auto;}
.tabseletectd div{ float:left; width:auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:18px 0px;}
.tabseletectd .tableft{ width:17px;}
.tabseletectd .tabbg{ padding:8px 11px 11px 11px;}
.tabseletectd .tabright{ width:25px;}
.minasleft{ margin-left:-11px;}


.tab1{ float:left; width:auto;}
.tab1 div{ float:left; width:auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:18px 0px;}
.tab1 .tableft1{ width:17px;}
.tab1 .tabbg1{padding:8px 5px 11px 5px;}
.tab1 .tabbg1 span{ font-size:13px; font-weight:bold;}
.tab1 .tabright1{width:25px;}

.tabseletectd1{ float:left; width:auto;}
.tabseletectd1 div{ float:left; width:auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:18px 0px;}
.tabseletectd1 .tableft1{ width:17px;}
.tabseletectd1 .tabbg1{ padding:8px 5px 11px 5px;}
.tabseletectd1 .tabbg1 span{ font-size:13px; font-weight:bold;}
.tabseletectd1 .tabright1{ width:25px;}
.minasleft1{ margin-left:-11px;}
/* ------- Tab Area End ------- */
/* ------- Login page Area Start ------- */
#loginmpcontener {
	padding:15px 25px 15px 25px;
	margin-top:32px;
}
.loginleftpart, .loginrightpart {
	padding:105px 0px 0px 0px;
}
.loginleftpart {
	float:left;
	width:700px;
}
.loginhmbanner {
	padding-bottom:20px;
}
.loginhmcontener {
}
.loginhmcontener .floatleft, .loginhmcontener .floatright {
}
.loginhmcontener .floatleft {
	width:324px;
}
.loginhmcontener .floatright {
	width:335px;
	text-align:left;
}
.loginhmcontener .floatright ul li {
	padding:0px 0px 0px 12px;
}
.loginhmcontener h1 {
	padding-bottom:15px;
}
.loginrightpart {
	float:right;
	width:219px;
}
.logintexttop {
	padding:38px 20px 2px 20px;
}
.logintexttop h1 {
	padding:0px;
	margin:0px 0px 15px 0px;
}
.loginrightpart input {
	width:166px;
	padding:3px 5px;
	margin:2px 0px 6px 0px;
}
.loginbtn {
	padding:7px 10px 0px 0px;
}
.fnt11 {
	font-size:11px;
	line-height:16px;
}
.logintextbtm {
	/*padding:30px 20px 34px 20px;*/
}

.loginrightpart .jqTransformSelectWrapper {
    margin: 2px 0 5px;
    width: 166px !important;
}

.loginrightpart .loginbtn button {
    margin-top: 10px;
}

.inputbutton {
    cursor: pointer;
    height: 30px;
 /*   width: 106px;*/
}

.bg_shd6{
background:#dcdcdc;
}
.bg_shd5{
background:#ebeaea;
}
.header1{ height:41px; margin-bottom:15px;}
.header2{height:41px; margin-bottom:15px;}
.callnowarea{margin:0px 3px 0px 1px; padding:26px 22px 38px 22px; line-height:20px;}
.callnowarea span{ font-size:18px;}
.tttl{height:34px; margin-bottom:15px;}

/*.loginbg input[type="text"]{ width:186px; padding:3px 5px; margin:2px 0px 6px 0px;}
.loginbg input[type="password"]{ width:186px; padding:3px 5px; margin:2px 0px 6px 0px;}*/

/* ------- Login page Area End ------- */
.inputbutton {
    cursor: pointer;
    height: 44px;
/*    width: 91px;*/
}
/* ------- Footer Area Start ------- */
#footer {
	text-align:left;
	padding:29px 0px 0px 0px;
	/*height:148px;*/
	font-size:12px;
	width:964px;
}
/* ------- Footer Area End ------- */

#distributorfooter{
	text-align:left;		
	padding: 0px 22px 0px 25px;
	/*padding:29px 0px 0px 0px;;*/
	font-size:12px;
	}	

.toprightspecial {
    color: #898989;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-top: 18px;
    text-align: right;
    width: 69%;
}
/*.shadoleftright {
    box-shadow: 0 0 16px #333333;
}*/

/*.ext-ie .shadoleftright {
    border:1px solid #58595B;
}*/

.navimenu2{width:915px; margin:0px auto; display:block; padding:0px; height:34px;}
.clearfix:after { /*  Allows dropdown navigation to be over content */
	position: relative;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	z-index: 10;
}
.chatButt{

	text-align: center;
	background-color:#F1D151;
	margin: 1px;
	padding: 3px;
	border: 1px solid #9D9D9D;
	border-radius: 3px;
	


}
.chatButtGreen{

	text-align: center;
	background-color:rgb(50, 158, 81);
	margin: 1px;
	padding: 3px;
	border: 1px solid #6F6B6B;
	border-radius: 3px;
	

}

.nav ul li ul {
	position: absolute;
	left: -99999px;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 12px;
	width: 244px;
	font-weight: normal;
	z-index: 10;
}

.nav .nav-support + ul {
	width: 160px;
}

.nav .nav-about + ul {
	width: 133px;
}

.nav ul li:hover a {
	background: #fff;
	color: #336699; 
}

.nav ul li ul a {
	display: block;
	padding: 8px 27px;
	margin-bottom: 1px;
	text-decoration: none;
}

.nav .nav-solutions + ul a {
	padding: 8px 14px;
}

.nav .nav-resources + ul a {
	padding: 8px 22px;
}

.nav .nav-support + ul a {
	padding: 8px 10px 8px 37px;
}

.nav .nav-about + ul a {
	padding: 8px 12px;
}

.nav ul li ul a:hover {
	background: #ededed;
	color: #336699;
}

.nav ul li:hover ul {
	left: 0;
	top: 36px;
}

.nav {
	margin-bottom: 15px;
	position: relative;
	z-index: 999;
}

.nav > ul > li {
	position: relative;
	display: block;
	float: left;
	margin-bottom: 0;
	width: 16.6%;
}

.nav > ul > li > a {
	border-top: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	border-left: 1px solid #afafaf;
	background: #959595;
	background: -moz-linear-gradient(top,  #959595 1%, #757575 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#959595), color-stop(100%,#757575));
	background: -webkit-linear-gradient(top,  #959595 1%,#757575 100%);
	background: -o-linear-gradient(top,  #959595 1%,#757575 100%);
	background: -ms-linear-gradient(top,  #959595 1%,#757575 100%);
	background: linear-gradient(top,  #959595 1%,#757575 100%);
	padding: 12px 0 11px;
	text-align: center;
	display: block;
	text-decoration: none; text-transform:uppercase;
}

.nav > ul > li > a.active {
	background: #4f4f4f;
}

.nav > ul > li > a:link,
.nav > ul > li > a:visited {
	color: #fff;
}

.nav > ul > li > a:first-child {
	border-left: 1px solid #ccc;
}

.nav ul li.last ul { 
	width: 244px;
	margin-left:-118px; 
}

.nav-products {
	width: 150px;
}

.nav-services {
	width: 143px;
}

.nav-solutions {
	width: 186px;
}

.nav-resources {
	width: 146px;
}

.nav-support {
	width: 156px;
}

.nav-about {
	width: 157px;
}





.social-links {
	overflow: hidden;
	margin-bottom: 2em;
}

.social-links li {
	float: left;
	padding: 0 4px 0 0;
	list-style: none;
}


.btn-twitter {
	background: url(../images/twitter.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.btn-youtube {
	background: url(../images/youtube.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.btn-facebook {
	background: url(../images/facebook.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.btn-linkedin {
	background: url(../images/linkedin.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.btn-googleplus {
	background: url(../images/googleplus.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.btn-weibo {
	background: url(../images/weibo.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.btn-xing {
	background: url(../images/xing.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.btn-youku {
	background: url(../images/youku.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}
.heading-style-5 {
	font-family: nimbus-sans-condensed,sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 6px 0;
	text-transform: uppercase;
}
.heading-style-26 {
    color: #CCCCCC;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 0;
    text-transform: none;
}
h6{font:Arial, Helvetica, sans-serif;}
.list-style-1 li ul li {
    float: left;
    list-style: none outside none;
    margin-bottom: 0;
}
.list-style-1 {
    display: block;
    overflow: hidden;
}
.list-style-1 > li {
    display: block;
    list-style: none outside none;
    margin-bottom: 22px;
    overflow: hidden;
}
.heading-style-26-alt2 {
    color: #999999;
    margin: 0 0 7px;
    text-transform: uppercase;
}
.list-style-1 span {
    float: left;
    padding: 0 10px;
}
.p7 {
    color: #666666;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.3;
    margin: 0 0 0px;
}
.clearfix:after { /*  Allows dropdown navigation to be over content */
	position: relative;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	z-index: 10;
}





.welcome {
 /*   background: url("../../images/kennametal_welcome1.jpg") no-repeat center right; */
 /*   border: 1px solid #857F7F; */
    /*height: 33px;*/
    margin-left: 10px;
    padding: 5px 10px 5px 0px;
    margin-top: 1px;
    /*width:320px;*/
   
    line-height:16px;
    float:right;
    
}
.welcome span{color:#C3B7B1; font-size:12px; float:left;}
.loginname { color: #C3B7B1; float: right; margin-left:3px; margin-right: 0px; word-wrap: break-word; width: auto; text-align:left; font-size:12px; *width: auto; *float: left; *text-align: left;}
.topdate{
	color:#FFFFFF; 
	font-size:12px; 
	/*padding-right:400px;*/ 
}
.searchbox{width:400px; height:25px; margin-top:20px; float:left;}
.search_textbox{border:1px solid #c7c7c7; box-shadow:inset 2px 2px 8px #cccccc; -moz-box-shadow:inset 2px 2px 8px #cccccc; float:left; width:316px; height:25px;}


/* HOME CSS */
.inputwidgets1{ background:#ffffff; padding:2px 3px; margin-right:5px; width:85px;}
.annoucemnetbox{ background:#ff0000; border:#bcbbbb solid 1px; padding:7px 10px 10px 10px; line-height:18px; margin:0px 0px 20px 0px;}
.annoucemnetbox h5{ font-size:13px; font-weight:bold; margin:0px; padding:0px 0px 5px 0px;}
.annoucemnetbox h5 img{ float:right;}
.number{ vertical-align:top; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center}
.rightfolt{ float:right;}
.leftfolt{ float:left;}
#settingnav {
}
#settingnav ul#nav {margin:0px;
	padding:0px;
	list-style:none;
	z-index: 5000;
}
#settingnav ul#nav li {
	float:right;
	color:#333333;
	position:relative;
	z-index: 5000;
}
#settingnav ul#nav li a {
	text-decoration:none;
	color:#333333;
	padding-left:15px;
	line-height:30px;
	width:143px;
	display:block;
	margin-right:1px;
	background:url(../images/down_img.png) 5px no-repeat ;
}
#settingnav ul#nav li a:hover, #settingnav ul#nav li a.selected {
	text-decoration:none;
	color:#333333;
	padding-left:15px;
	line-height:30px;
	display:block;
	margin-right:1px;
}

#settingnav ul#nav  li ul {
    position: absolute; /* hidding submenus */
	display:none;
	left:8px;
	padding:0px;
	font-size:11px;
	margin:0px;
}

#settingnav ul#nav  li:hover ul,
#settingnav ul#nav  li.over ul /* This is for Internet Explorer 6  */ {
    display: block;
    top: 100%;	
	font-size:11px;
	line-height:30px;
    position: absolute;
    z-index: 4000;
}

#settingnav ul#nav  li ul li {
	left:0px;
	float:left;
	font-size:11px;
	margin:0px;	
	width:140px;
}

#settingnav ul#nav  li:hover ul li a,
#settingnav ul#nav  li.over ul li a {
    display: block;
	width:130px;
    background:#ddd6c1;
    text-decoration: none;
	padding:0px 0px 0px 10px;
	color:#333333;
	margin:0px;
	line-height:28px;
}

#settingnav ul#nav li ul li a:hover {
	display:block;
	left:0px;
	color:#ffffff;
	background:#ccc5b0;
}
.Settingsnavi{ float:right; vertical-align:top; margin-top:-3px; margin-right:-20px; position:relative; width:140px;}
.Settingsnavi ul{ margin:0px 0px 0px 0px; padding:0px; list-style:none; background:#55554b;}

/* Style Css */


.shadoleftright {
    /*box-shadow: 0 0 16px #6B6A6A;*/
    
}
.bgcolor {
    background: none repeat scroll 0 0 #FFFFFF;
}

.bullet_P ul{
	marign:10px;
	padding:0;
}

.bullet_P li{
	background: url("../../images/bullet_450.png") no-repeat scroll left 7px transparent;
	line-height:18px;
	font-size:13px;
	padding-left:10px;
}

.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.clear {
    clear: both;
}
.bold {
    font-weight: bold;
}
ul {
    list-style: none outside none;
    outline: 0;
}
li {
    list-style: none outside none;
    outline: 0;
}
.corred { 
    color: #FF0000;
}
.corwhite { 
    color: #FFFFFF;
}
#header {
   /* background: none repeat scroll 0 0 #FFFFFF;*/
    /*border-bottom: 1px solid #E5E5E5;*/
}
#header span {
   /* border-left: 1px solid #E5E5E5;*/
    float: left;
}
#header span.last {
   /* border-right: 1px solid #E5E5E5;*/
}
#header span.buleline {
    /*border-left-color: #1493D0;
    background: #1493D0;*/
}

.skybulebg1 {
    background: none repeat scroll 0 0 #D9E5F2;
}
.logoarea {
    float: left;
    
}
.product_selector {
    background: url("../../images/icon_product.png") no-repeat scroll 14px 5px #265788;
    border: 1px solid #0B3C6C;
    color: #FFFFFF;
    font-size: 11px;
    height: 25px;
    margin-top: 20px;
    text-align: left;
    text-transform: uppercase;
    width: 160px;
}

.prod_sel {
    float: right;
}

.product_selector a {
    color: #FFFFFF;
    display: block;
    padding: 3px 5px 5px 35px;
    width: 120px;
}
#navi {
    background: none repeat scroll 0 0 #D9E5F2;
    color: #0090CD;
}
#navi li a {
    color: #0090CD;
}
#navi li a:hover {
    color: #333333;
}
.shadonavi {

}

.bgcustemer {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 11px;
    padding-top: 13px;
}
.bgcustemer span.bgcor {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C3DAF5;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin: 0 0 0 31px;
    padding: 5px 10px 3px;
    width: auto;
}


.tab1 div {
    color: #333333;
}
.tab1 .tableft1 {
    background: url("../../images/columbia/left_step1.png") no-repeat scroll left top transparent;
}
.tab1 .tabbg1 {
    background: url("../../images/columbia/bg_step1.png") repeat-x scroll left top transparent;
}
.tab1 .tabright1 {
    background: url("../../images/columbia/right_step1.png") no-repeat scroll left top transparent;
}
.tabseletectd1 div {
    color: #333333;
}
.tabseletectd1 .tableft1 {
    background: url("../../images/columbia/left_step_seleted1.png") no-repeat scroll left top transparent;
}
.tabseletectd1 .tabbg1 {
    background: url("../../images/columbia/bg_step_seleted1.png") repeat-x scroll left top transparent;
}
.tabseletectd1 .tabright1 {
    background: url("../../images/columbia/right_step_seleted1.png") no-repeat scroll left top transparent;
}
.inputbutton {
    background: url("../images/btn_login.png") no-repeat scroll left top transparent;
}
.loginhmcontener .floatright ul li {
    background: url("../images/arrow_backup.png") no-repeat scroll left 6px transparent;
}
.logintexttop {
    background: none repeat scroll 0 0 #E5E5E5;
}
.loginrightpart input {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    color: #666666;
}
.logintextbtm {
    background: none repeat scroll 0 0 #D8D8D8;
}
.loginrightpart .loginbtn button.jqTransformButton span {
    background: none repeat scroll 0 0 transparent;
    color: #1EAFBB;
    font-size: 0;
}
#footer {
    background: none repeat scroll 0 0 #F2F2F2;
}
.productdetialarea {
    padding: 20px 5px;
}
.imgarea {
    float: left;
    width: 480px;
}
.imgarea .middalimg {
    padding-bottom: 10px;
    text-align: left;
}
.imgarea .middalimg img {
    border: 1px solid #F0F0F0;
    display: inline;
    margin-top: 5px;
}
.thamimg img {
    background: none repeat scroll 0 0 #999999;
    border: 2px solid #FFFFFF;
    cursor: pointer;
    display: inline;
    margin-top: 5px;
    padding: 1px;
}
.thamimg img:hover, .thamimg img.selected {
    background: none repeat scroll 0 0 #999999;
    border: 2px solid #000000;
    cursor: pointer;
    padding: 1px;
}
.productdetialcontnent {
    float: left;
    padding-top: 4px;
    width: 425px;
}
.productdetialcontnent h3 {
    font-size: 15px;
    padding-bottom: 3px;
}
.productdetialcontnent ul {
    margin: 0;
    padding: 0 0 15px;
}
.productdetialcontnent ul li {
    background: url("../images/arrow1.png") no-repeat scroll left 5px transparent;
    padding: 0 0 0 12px;
}
.boximges {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 15px;
    padding: 0 5px 5px;
}
.boximges table {
    border: 1px solid #EEEEEE;
}
.boximges table table {
    border: medium none;
}
.pad8 {
    background: none repeat scroll 0 0 #F2F2F2;
    padding: 8px 6px;
}
.boximges table table td span {
    float: left;
    width: 80px;
}
.boximges h5 {
    color: #007BB0;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.boximges div {
    color: #007BB0;
}
.boximges a {
    color: #007BB0;
}


/*Common Font Colour*/

.font_color {
	color:#0f848d;
}
.font_color a {
	color:#0f848d;
}
.font_color a:hover {
	color:#CCCCCC;
}

/*Normal Font Style*/

.font_normal {
	font-style:normal !important;
	font-weight:normal !important;
}

/* Minimum Height*/

.min_height415{min-height:415px;}
.min_height400{min-height:400px;}
.min_height450{min-height:450px;}

/*Form Div classes*/


.itemdiv {
	padding: 10px 0px 0px 10px;
}
.formitemdiv {
	background-color:#FEFEFE;
	border-bottom: 1px solid #CCCCCC;
	padding:10px;
}

.radioGroupBg .x-form-element{
	background:NONE !important;
}

/*Font size to 11*/
.f8 {font-size:8px !important;}
.f9 {font-size:9px !important;}
.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 { font-size:12px !important;}
.f13 { font-size:13px !important;}
.f14 { font-size:14px !important;}

/*Width Styles*/

.wd100 {
	width:100px;
}
.wd130 { width:130px; }
.wd150 {
	width:150px;
}
.wd950 {
	width:950px;
}
.wd100p {
width:100%;
}

.width700{ width:700px;}
.width600{ width:600px;}
.width800{ width:800px !important;}
.width570{ width:570px;}
.width450{ width:450px;}
.width400{ width:400px !important;}
.width500{ width:500px !important;}
.width100{ width:100px;}
.width90 { width:90px; }
.width57 { width:57px; }
.width155{ width:155px;}
.width170{ width:170px;}
.width320{ width:320px;}
.width340{ width:340px;}
.width350{ width:350px;}
.width200{ width:200px !important;}
.width185{ width:185px !important;}
.width225{ width:225px !important;}
.width240{ width:240px !important;}
.width255{ width:255px !important;}
.width300{ width:300px !important;}
.width120{ width:120px;}
.width130{ width:130px;}
.width110{ width:110px;}
.width125{ width:125px !important;}
.width140{ width:140px;}
.width75{ width:75px;}
.width70{ width:70px !important;}
.width80{ width:80px;}
.width88{ width:88px;}
.width50{ width:50px;}
.width60{ width:60px;}
.height40{ height:40px;}
.height85{ height:85px;}
.height130{ height:130px;}
.height200{ height:200px !important;}
.height230{ height:230px !important;}
.height250{ height:250px !important;}
.height300{ height:285px !important;}
.height330{ height:330px !important;}
.height30{ height:30px;}

.iconitemview {
    background: url("../../images/icon_itemview.png") no-repeat scroll left 4px transparent;
    padding-left: 12px;
}
.iconthumbview {
    background: url("../../images/icon_thumbnailview.png") no-repeat scroll left 4px transparent;
    padding-left: 12px;
}
.icongalleryview {
    background: url("../../images/icon_galleryview.png") no-repeat scroll left 4px transparent;
    padding-left: 12px;
}


/*Icon Classes*/

.icon_xls {
	background-image:url(../images/icon_excel.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:20px;
	height:20px;
}

/* Quotation Details Min-Max-Height */

.quotationHeight {min-height: 142px; max-height: 300px;}

/*Text align */

.txtcenter {
	text-align:center;
}

.txtleft {
	text-align:left;
}

.txtright {
	text-align:right !important;
}

/* Line Height Classes*/

.line_height13 { *line-height:13px;}
.line_height0 {*line-height:0px;}
.line_height18 { line-height:18px;}
.line_height28 { line-height:28px;}

/*Doted Line*/

.dotLine{width:100%; border-bottom:#cccccc dotted 1px;}

/*padding start*/



.pad0 {
	padding:0px;
}

.pad1 {
	padding:1px;
}
.pad2 {
	padding:2px;
}
.pad3 {
	padding:3px;
}
.pad4 {
	padding:4px;
}
.pad5 {
	padding:5px;
}
.pad6 {
	padding:6px;
}
.pad7 {
	padding:7px;
}
.pad8 {
	padding:8px;
}
.pad9 {
	padding:9px;
}
.pad10 {
	padding:10px;
}

.pad10imp {
	padding:10px !important;
	*margin:10px !important;
}

.pad15 {
	padding:15px;
}
.pad15imp {
	padding:15px !important;
}
.pad20 {
	padding:20px;
}

.padLeft0 {
	padding-left:0px !important;
}

.padLeft1 {
	padding-left:1px;
}
.padLeft2 {
	padding-left:2px;
}
.padLeft3 {
	padding-left:3px;
}
.padLeft4 {
	padding-left:4px;
}
.padLeft5 {
	padding-left:5px;
}
.padLeft5imp {
	padding-left:5px !important;
}
.padLeft6 {
	padding-left:6px;
}
.padLeft7 {
	padding-left:7px;
}
.padLeft8 {
	padding-left:8px;
}
.padLeft9 {
	padding-left:9px;
}
.padLeft10 {
	padding-left:10px;
}
.padLeft10imp {
	padding-left:10px !important;
}
.padLeft13 {
	*padding-left:13px !important;
}
.padLeft15 {
	padding-left:15px;
}
.padLeft20 {
	padding-left:20px;
}

.padLeft35 {
	padding-left:35px;
}
.padLeft275 {
	padding-left:275px !important;
	}

.padLeft400 {
	padding-left:400px !important;
	}

.padRight0 {
	padding-right:0px;
}
.padRight1 {
	padding-right:1px;
}
.padRight2 {
	padding-right:2px;
}
.padRight3 {
	padding-right:3px;
}
.padRight4 {
	padding-right:4px;
}
.padRight5 {
	padding-right:5px;
}
.padRight5imp {
	padding-right:5px !important;
	*margin-right:5px !important;
}
.padRight6 {
	padding-right:6px;
}
.padRight7 {
	padding-right:7px;
}
.padRight8 {
	padding-right:8px;
}
.padRight9 {
	padding-right:9px;
}
.padRight10 {
	padding-right:10px;
}
.padTop0 {
	padding-top:0px;
}
.padTop1 {
	padding-top:1px;
}
.padTop2 {
	padding-top:2px;
}
.padTop3 {
	padding-top:3px;
}
.padTop4 {
	padding-top:4px;
}

.padTop4Imp {
	padding-top:4px !important;
}
.padTop5 {
	padding-top:5px;
}
.padTop5imp {
	padding-top:5px !important;
}
.padTop6 {
	padding-top:6px;
}
.padTop7 {
	padding-top:7px;
}
.padTop8 {
	padding-top:8px;
}
.padTop9 {
	padding-top:9px;
}
.padTop10 {
	padding-top:10px;
}
.padTop10imp {
	padding-top:10px !important;
}
.padTop15 {
	padding-top:15px;
}
.padTop20 { padding-top:20px !important;}
.padBtm0 {
	padding-bottom:0px;
}
.padBtm1 {
	padding-bottom:1px;
}
.padBtm2 {
	padding-bottom:2px;
}
.padBtm3 {
	padding-bottom:3px;
}
.padBtm4 {
	padding-bottom:4px;
}
.padBtm5 {
	padding-bottom:5px;
}
.padBtm6 {
	padding-bottom:6px;
}
.padBtm7 {
	padding-bottom:7px;
}
.padBtm8 {
	padding-bottom:8px;
}
.padBtm9 {
	padding-bottom:9px;
}
.padBtm10 {
	padding-bottom:10px;
	*margin-bottom:-10px;
}
/*padding end*/
			
			
/*margin start*/

.marLeftNone {
	margin-left:0px none !important;
}
.marTopNone {
	margin-top:0px none !important;
}
.marRightNone {
	margin-right:0px none !important;
}
.marBtmNone {
	margin-bottom:0px none !important;
}

.mar0 {
	margin:0px;
}
.mar1 {
	margin:1px;
}
.mar2 {
	margin:2px;
}
.mar3 {
	margin:3px;
}
.mar3half{
	margin:3.5px;
}
.mar4 {
	margin:4px;
}
.mar5 {
	margin:5px;
}
.mar5imp {
	margin:5px !important;
}
.mar6 {
	margin:6px;
}
.mar7 {
	margin:7px;
}
.mar8 {
	margin:8px;
}
.mar9 {
	margin:9px;
}
.mar10 {
	margin:10px;
}

.mar20 {
	margin:20px;
}

.marLeft0 {
	margin-left:0px !important;
}
.marLeft1 {
	margin-left:1px;
}
.marLeft2 {
	margin-left:2px;
}
.marLeft3 {
	margin-left:3px;
}
.marLeft4 {
	margin-left:4px;
}
.marLeft5 {
	margin-left:5px;
}
.marLeft6 {
	margin-left:6px;
}
.marLeft7 {
	margin-left:7px;
}
.marLeft8 {
	margin-left:8px;
}
.marLeft9 {
	margin-left:9px;
}
.marLeft10 {
	margin-left:10px !important;
}
.marLeft15 {
	margin-left:15px;
}
.marLeft18 {
	margin-left:18px;
}
.marLeft22 {
	margin-left:22px;
}
.marLeft20 {
	margin-left:20px;
}
.marLeft26 {
	margin-left:26px;
}
.marLeft40 {
	margin-left:40px;
}

.marLeft50 {
	margin-left:50px;
}
.marLeft60 {
	margin-left:60px;
}
.marLeft70 {
	margin-left:70px;
}
.marLeft115 {
	margin-left:115px;
}

.marLeft100 {
	margin-left:100px;
}
.marLeft120 {
	margin-left:120px;
}

.marLeft95 {
	margin-left:95px;
}
.marLeft115 {
	margin-left:115px;
}
.marLeft150{margin-left:150px;}
.marLeft200{margin-left:200px;}
.marLeft153{margin-left:153px;}
.marLeft140{margin-left:140px;}
.marLeft135{margin-left:135px;}
.marLeft13{margin-left:13px;}
.marLeft235{margin-left:235px;}
.marLeft309{margin-left:309px;}
.marRight0 {
	margin-right:0px;
}
.marRight1 {
	margin-right:1px;
}
.marRight2 {
	margin-right:2px;
}
.marRight3 {
	margin-right:3px;
}
.marRight4 {
	margin-right:4px;
}
.marRight5 {
	margin-right:5px;
}
.marRight6 {
	margin-right:6px;
}
.marRight7 {
	margin-right:7px;
}
.marRight8 {
	margin-right:8px;
}
.marRight9 {
	margin-right:9px;
}
.marRight10 {
	margin-right:10px;
}
.marRight10imp{
	margin-right:10px !important;
}
.marRight15 {margin-right:15px;}
.marRight22 {margin-right:22px;}
.marRight50 {margin-right:50px;}
.marRight24 {
	margin-right:24px;
}
.marRight100 {
	margin-right:100px;
}
.marTop0 {
	margin-top:0px;
}
.marTop1 {
	margin-top:1px;
}
.marTop2 {
	margin-top:2px;
}
.marTop3 {
	margin-top:3px;
}
.marTop4 {
	margin-top:4px;
}
.marTop5 {
	margin-top:5px;
}
.marTop6 {
	margin-top:6px;
}
.marTop7 {
	margin-top:7px;
}
.marTop8 {
	margin-top:8px;
}
.marTop9 {
	margin-top:9px;
}
.marTop10 {
	margin-top:10px;
	*margin-top:10px !important;
}
.marTop15 {
	margin-top:15px;
}
.marTop18 {
	margin-top:18px !important;
}

.marTop20 {
	margin-top:20px;
}
.marTop22 {
	margin-top:22px !important;
}
.marTop25 {
	margin-top:25px;
}

.marTop26 { 
	margin-top:26px;
}

.marTop28 { 
	margin-top:28px;
}
.marTop-17{
	margin-top : -17px;
}

.marBtm0 {
	margin-bottom:0px;
}
.marBtm1 {
	margin-bottom:1px;
}
.marBtm2 {
	margin-bottom:2px;
}
.marBtm3 {
	margin-bottom:3px;
}
.marBtm4 {
	margin-bottom:4px;
}
.marBtm5 {
	margin-bottom:5px;
}
.marBtm6 {
	margin-bottom:6px;
}
.marBtm7 {
	margin-bottom:7px;
}
.marBtm8 {
	margin-bottom:8px;
}
.marBtm9 {
	margin-bottom:9px;
}
.marBtm10 {
	margin-bottom:10px !important;
}
.ext-ie7 .marBtm15Imp {
	margin-bottom:15px !important;
}
.marBtm20 {
	margin-bottom:20px !important;
}
.marBtm27 {
	margin-bottom:27px !important;
}
.marBtm30 {
	margin-bottom:30px !important;
}
.marBtm40{margin-bottom:40px !important;}
.marBtm65{margin-bottom:65px !important;}
*.ieHeight{ margin-bottom:10px;}
/*margin end*/
			
/*border start*/



.borTopNone {border-top:0px none !important;}
.borBtmNone {border-bottom:0px none !important;}
.borLeftNone {border-left:0px none !important;}
.borRightNone {border-right:0px none !important;}
.borNone { border:0px !important; }
			

/*margin end*/

/* Error And Info Box Classes*/

.erroralert{
    background: none repeat scroll 0 0 #FFECE6;
    border: 1px solid #FDA68A;
    color: #333333;
    float: left;
    line-height: 20px;
    margin: 5px auto 10px;
    padding: 10px 20px 10px 10px;
    width: 96%;
}
.erroralert img {
    float: right;
    margin-right: -10px;
}

.success_rma{
	color: green;
	 font-size: medium;
}

/* Float Classes*/

.float_right{ float:right;}
.float_left{ float:left;}
.float_left9{ float:left/9;}
.floatright_imp { float:right !important;}
.floatleft_imp { float:left !important;}
.floatRimp {float:right!important;}
.floatLimp {float:left!important;}



/* Setting Dropdown-Menu Box  */

#settingnavi {
	
}
#settingnavi ul#navi {margin:0px;
	padding:0px;
	list-style:none;
	z-index: 5000;
}
#settingnavi ul#navi li {
	float:right;
	color:#333333;
	position:relative;
	z-index: 5000;
}
#settingnavi ul#navi li a {
	text-decoration:none;
	color:#333333;
	padding-left:15px;
	line-height:21px;
	width:143px;
	display:block;
	margin-right:1px;
	background:url(../images/down_img.png) 5px no-repeat ;
}
#settingnavi ul#navi li a:hover, #settingnavi ul#navi li a.selected {
	text-decoration:none;
	color:#333333;
	padding-left:15px;
	line-height:21px;
	display:block;
	margin-right:1px;
}

#settingnavi ul#navi  li ul {
    position: absolute; /* hidding submenus */
	display:none;
	left:8px;
	padding:0px;
	font-size:11px;
	margin:0px;
}

#settingnavi ul#navi  li:hover ul,
#settingnavi ul#navi  li.over ul /* This is for Internet Explorer 6  */ {
    display: block;
    top: 100%;	
	font-size:11px;
	line-height:21px;
    position: absolute;
    z-index: 4000;
}

#settingnavi ul#navi  li ul li {
	left:0px;
	float:left;
	font-size:11px;
	margin:0px;	
	width:140px;
}

#settingnavi ul#navi  li:hover ul li a,
#settingnavi ul#navi  li.over ul li a {
    display: block;
	width:130px;
    background:#ddd6c1;
    text-decoration: none;
	padding:0px 0px 0px 10px;
	color:#333333;
	margin:0px;
	line-height:21px;
}

#settingnavi ul#navi li ul li a:hover {
	display:block;
	left:0px;
	color:#ffffff;
	background:#ccc5b0;
}
.Settingsnavi{ float:right; vertical-alignn:top; margin-top:-3px; margin-right:-20px; position:relative; width:140px;}
.Settingsnavi ul{ margin:0px 0px 0px 0px; padding:0px; list-style:none; background:#55554b;}

/* IE7 Max Width of Popup Issues*/

.maxWidth500 {*maxWidth:500px !important;}
.maxWidth600 {*maxWidth:600px !important;}
.maxWidth400 {*maxWidth:400px !important;}
.maxWidth350 {*maxWidth:350px !important;}
.maxWidth550 {*maxWidth:550px !important;}


.widgetSeq{
 min-height:300px; background-color:#fefefe;
 border:solid 1px #cccccc;
}

.widgetSeqdiv{
padding: 10px; background-color:#fefefe; border-bottom:solid 1px #cccccc; 
}

.widgetSeqelement{
text-align:right; font-weight:bold; width:30%; padding-right:5px;
}


.searchbox {
    float: left;
    height: 25px;
    margin-top: 20px;
    width: 400px;
}

 

.cursor {cursor:pointer;}



/* Extjs Header, hyperlink  Color Change */
/*.x-panel-header{
	background:#6492C8 !important;
	
	}
	*/
.uploadImagePopup .x-form-element {background: none !important;}
.x-panel-tbar-noheader .x-toolbar { border: 0px none !important;}
.x-panel-mc .x-panel-tbar .x-toolbar { border: 0px none !important;}
.x-panel-tl { border: 0px none !important;}
/* KS-765 Grid Scroll bar
.x-grid3-row { width:100% !important; }
.x-grid3-body {width:100% !important; overflow:hidden;}*/
#salesTransactionDetailsHeaderGrid .x-panel-body {height: 375px !important;}
#salesTransactionDetailsHeaderGridContracts .x-panel-body {height: 375px !important;}
#SalesTransactionDetailsHeaderGridQuotes .x-panel-body {height: 375px !important;}
#SalesTransactionDetailsHeaderGridAgreement .x-panel-body {height: 375px !important;}
@media screen and (-webkit-min-device-pixel-ratio: 0) { 
    .x-grid3-cell, /* Normal grid cell */
    .x-grid3-gcell { /* Grouped grid cell (esp. in head)*/
        box-sizing: border-box;
    }
}

.itemSelect { margin-bottom:50px;}
.ext-Ie7 ie7ItemSelect {margin-bottom:50px !important; height:140px !important; }

.orderReview .x-form-element { background:#F0F9F9 !important; }



/*.gridHeader{
	
	height:30px !important;
	display:block;
}*/

.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner { 
	
	height:auto; 
	
}
	

.x-form-item { font-family:arial,helvetica,sans-serif !important; }	



/* Form Padding for Alignment  */

.x-form-item label.x-form-item-label { padding:0px !important; }
.x-form-item { color:#000000 !important; }
.x-form-text, textarea.x-form-field { color:#666666 !important; padding:1px 3px !important;}
.ext-ie8 .x-form-text{padding:2px 0 0px 1px !important;}
/* Lable Padding Margin Issue - White Line on top of the text field */

.x-form-label-top .x-form-element { padding:0px; margin-top:4px; }

.x-form-element { /*padding-bottom:4px !important;*marn-top:5px!important; margin-top:5px\9!important;*/  padding-top:0px !important; background: none\9!important;}

/*.x-small-editor .x-form-field, .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label, .x-form-field {
	font-weight: normal !important; }*/
	
.ext-webkit .x-small-editor .x-form-text { padding-top:1px !important; #}

/*.x-form-date-trigger,  .x-form-arrow-trigger {*margin-top:-1px;}*/

/*.ext-strict .ext-ie .x-toolbar-cell .x-form-text { *top:-1px;}*/

.ext-ie7 .x-form-text { *margin:-1px 0px 0px 0px; margin:0px 0px 0px 0px;}
/*.ext-ie7 .x-form-field-wrap .x-form-trigger { top:0px;}*/
.ext-ie7 TEXTAREA.x-form-field { margin:0px 0px 0px;}

/*.ext-ie7 .x-small-editor .x-form-text {
    margin-top:0px !important; 
    margin-bottom:-1px !important;
    height:16px !important;
    line-height:16px !important;
}

.ie7MarTop {
    *margin-top:-1px !important;
}
*/


/*  Tab BG */

.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
	background:#EBEAEA !important;
    background-image: none !important;
}

.x-tab-strip-active span.x-tab-strip-text {
	background:#EBEAEA !important;
    background-image: none !important;
}

.x-grid-panel .x-panel-mc .x-panel-body { border:0px none !important; }

/* Error Messsages Starts */
.message {
	margin:0px 0px 0px 0px;
}


.error857 {
      float:left; 
      margin:0 auto 0 auto; 
      font-size:14px; 
      border:1px solid #FDA68A; 
      color:#9A4A2F; 
      background:url(../../images/icon_error.jpg) no-repeat 10px center #FFECE6; 
      line-height:40px; 
      padding:0px 0px 0px 35px; 
     /* margin-bottom:10px;*/
      width: 857px !important;
}

.error650 {
      float:left; 
      margin:0 auto 0 auto; 
      font-size:14px; 
      border:1px solid #FDA68A; 
      color:#9A4A2F; 
      background:url(../../images/icon_error.jpg) no-repeat 10px center #FFECE6; 
      line-height:40px; 
      padding:0px 0px 0px 36px; 
     /* margin-bottom:10px;*/
      width: 650px;
}


.error1 {
      float:left; 
      margin:0 auto 0 auto; 
      font-size:14px; 
      border:1px solid #FDA68A; 
      color:#9A4A2F; 
      background:url(../../images/icon_error.jpg) no-repeat 10px center #FFECE6; 
      line-height:40px; 
      padding:0px 0px 0px 36px; 
     /* margin-bottom:10px;*/
      width: 94.5%;
}
.widgetError1 {

      float:left; 
      margin:0 auto 0 auto; 
      font-size:13px; 
      border:1px solid #FDA68A; 
      color:#9A4A2F; 
      background:url(../../images/icon_error.jpg) no-repeat 10px center #FFECE6; 
      line-height:30px; 
      padding:0px 0px 0px 36px; 
     /* margin-bottom:10px;*/
      width: 94.5%;
}
.widgetError2 {

      float:left; 
      margin:0 auto 0 auto; 
      font-size:13px; 
      border:1px solid #FDA68A; 
      color:#9A4A2F; 
      background:url(../../images/icon_error.jpg) no-repeat 10px center #FFECE6; 
      line-height:30px; 
      padding:0px 0px 0px 36px; 
     /* margin-bottom:10px;*/
      width: 95.8%;
}

.fieldError {
    background: url("../../images/icon_error.jpg") no-repeat scroll 10px center #FFECE6;
    border: 1px solid #FDA68A;
    color: #9A4A2F;
    float: left;
    line-height: 20px;
    margin: 7px auto;
    padding: 0 0 0 40px;
    width: 300px;
}



.redtxt { color:#FF0000 !important;}

.information650 {
      float:left; 
      margin:0 auto 0 auto; 
      font-size:14px; 
      border:1px solid #A2DBE4; 
      color:#49A6B7; 
      background:url(../../images/icon_information.jpg) no-repeat 10px center #D2EEF1; 
      line-height: 40px; 
      padding:0px 0px 0px 36px; 
      /*margin-bottom:10px;*/
      width: 95%;

}

.information216 {
      float:left; 
      margin:0 auto 0 auto; 
      font-size:14px; 
      border:1px solid #A2DBE4; 
      color:#49A6B7; 
      background:url(../../images/icon_information.jpg) no-repeat 10px center #D2EEF1; 
      line-height: 40px; 
      padding:0px 0px 0px 36px; 
      /*margin-bottom:10px;*/
      width: 83%;

}

/* Error Messsages Ends */

/* ExtALL Panel CSS */

.x-panel-body {
	border:none;
	background:none;
}
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
	border-color:#f0f0f0;
}
.x-toolbar {
	background-color:#f0f0f0;
	background-image:none;
}
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
	border:1px solid #f0f0f0;
	border-top:0 none;
}
.x-small-editor .x-form-field, .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label, .x-form-field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
}
.imgpadd img {
	margin-right:5px;
}
.x-btn, .x-btn button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.x-panel-tc {
	background-image:none;
}
.x-panel-tl{
	-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
/*    border-bottom-color:#99bbe8;*/
}
.x-panel-tr{
	background-image:none;
}


/*
.x-portlet{
margin-bottom:20px;
}
.x-panel-mc{padding-top: 1px;}
.x-panel-mr{padding-right: 1px; background-image: url(../images/left-right.gif); }
.x-panel-ml{padding-left: 1px; background-image: url(../images/left-right.gif); }
.x-panel-bc{padding-top: 1px; background-image: url(../images/top-bottom.gif);}
.x-panel-br{padding-right: 1px; background-image: none; border-bottom-color: none;}
.x-panel-bl{padding-left: 1px; background-image: none; border-bottom-color: none;}
*/
.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc{height:0px;}
.x-tab-panel-header{padding-bottom:0px;}
ul.x-tab-strip-top{padding-top:0px;}
.x-tab-panel-header{border:0px;}
.x-tab-panel-header, .x-tab-panel-footer{border:0px;}
.x-tab-panel-body{border:0px;}
ul.x-tab-strip-top {
background-color: none;
background-image: none;
border-bottom-color: #cccccc;
}
.x-tab-strip span.x-tab-strip-text {
    font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-bottom: 7px;
}
.x-tab-strip span.x-tab-strip-text{
padding:5px 0px 6px 0px;
}
.pnlbtm_bg{ padding:8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#016285; font-weight:bold; background:#d9e5f2;}
.pnlbtm_bg a{ color:#3A6DA8;}
.panelupper{ background:#d9e5f2; padding:7px 10px 7px 10px}


.panelupper .x-form-field{color:#333333;}
.x-box-inner{ padding:10px;}
ul.x-tab-strip li{ margin-right:1px; margin-left:0px;}



/* FORM CSS */

.formlabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; padding-bottom:4px;
}
.formlabel1 {
	padding-bottom:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.x-combo-list-item {
	font-family:Arial, Helvetica, sans-serif;
}
.x-form-text {color:#666666;}
.brdtwopx{ background:url(../../images/vertical_line.png) repeat-y right top;}
.brdtwopxleft{ background:url(../../images/vertical_line.png) repeat-y left top;}
.brdtwopxcenter{ background:url(../../images/vertical_line.png) repeat-y 280px top;}
.brdright{ background:url(../../images/vertical_line.png) repeat-y right top;}
.brdleft{ background:url(../../images/vertical_line.png) repeat-y left top;}
.brdhr{ background:url(../../images/horizantal_line.png) repeat-x left top; height:1px;}
.x-form-field{font-family:Arial, Helvetica, sans-serif; }

table.qualitytable{ font-family:Arial, Helvetica, sans-serif !important;
 font-size:11px !important;
  color:#333333 !important; 
  border-right:#cccccc solid 1px !important;
  border-top:#cccccc solid 1px;
   }
table.qualitytable td{
 height:17px !important; 
 border-left:#cccccc solid 1px; 
   border-bottom:#cccccc solid 1px ;
  text-align:center !important; padding-bottom:1px!important; padding-top:1px!important; vertical-align:middle;}
table.qualitytable td.bg{ background:url(../../images/bg_table.jpg) no-repeat left top !important;}
table.qualitytable td.bg td{ background:none !important; border:none !important ;}
.qtysizetd{ background:#ffffff; border:#CCC solid 0px;  width:30px; height:18px;}
.calanderinput {
    background:#FFFFFF;
    border: 1px solid #CCCCCC;
    height: 18px;
    width: 78px;
	font-size:11px; text-align:left!important; padding-left:2px;
}
.iconcalendar { float:left; width:auto;background:url(../images/icon_calendar.png) no-repeat right top; width:12px; height:12px; z-index:2; margin-left:-12px; margin-top:3.5px;}
.calanderinputarea{ float:left; width:80px; z-index:1;}

.calanderinput1 {
    background:#FFFFFF;
    border: 1px solid #CCCCCC;
    height: 18px;
	width: 54px;
}
.iconcalendar1 { float:left; background:url(../images/icon_calendar.png) no-repeat right top; width:12px; height:12px; z-index:2; margin-left:-21px; margin-top:3.5px; position:relative;}
.calanderinputarea1{ float:left; width:82px; z-index:1; text-align:center; padding-left:2px;}
.calanderinput2 {
    background:#FFFFFF;
    border: 1px solid #CCCCCC;
    height: 18px;
	width: 54px;
}
.calanderinputarea2{ float:left; width:60px; z-index:1; text-align:center; padding-left:2px;}
.calanderinputarea input{}
.frmbtnsearch{
	width:22px !important;
	height:22px !important;
	background:url(../images/search.png) no-repeat left top!important; 
	
}
.btntbl{margin-top:-12px;}
.btntbl td{ height:0px !important; background:none!important;}


.x-fieldset legend{ color:#333333;}

/*.x-table-layout{vertical-align:top !important;}*/

.panheader .x-panel-header{ background:url(../images/bg_panalhead.jpg) repeat-x left top; border:none; border-bottom:#d0d0d0 solid 1px; font-size:11px; color:#333333; font-weight:normal; padding:11px 8px; border-right:#d0d0d0 solid 1px;}
.panheader{ background:#f4f4f4;}
.panheader .x-panel-body-noheader{ padding-top:7px;}

/*invoice_detail*/
.brdtwopxleftright{background:url(../images/vertical_line.png) repeat-y left top;}
.brdtwopxleftright .x-panel-bwrap{ background:url(../images/vertical_line.png) repeat-y right top;}

/*Custom Buttons */

.greyButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.greyButton:hover {
	background-color:#dfdfdf;
}.greyButton:active {
	position:relative;
	top:1px;
}

.blueButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:10px;
	padding:0px 5px;
	text-decoration:none;
}
.blueButton:hover {
	background-color:#3e89d4;
	color:#ffffff !important;
}

.bbarButton{ border: 1px solid #CCCCCC;  border-radius: 2px 2px 2px 2px; margin-right:2px; }
.bbarButton:hover {border:1px solid #F0F0F0;}


.clsquicklink {
   background: url("../../images/nav-arrow.png") no-repeat scroll left 8px transparent;
    display: inline-block;
    padding: 2px 8px;
    
}



.x-csc-list { 
	background: url("../../images/nav-arrow.png") no-repeat scroll left 8px transparent;
    display: block;
	/*font-size:12px;*/ 
	/*font-family:arial;*/ 
	padding: 2px 9px;
	margin-left:10px; 
	margin-top:3px;
	text-decoration:none;
}

.x-csc-list:hover { cursor:pointer; text-decoration:none; outline:0;}
.x-csc-list:focus { cursor:pointer; text-decoration:none; outline:0;}

.x-csc-link { 
	background: url("../../images/nav-arrow.png") no-repeat scroll left 8px transparent;
    display: block;
	/*font-size:12px;*/ 
	color:#0093D0; 
	/*font-family:arial;*/ 
	padding: 0px 8px;
	margin-left:10px;
	text-decoration:none;
}

/* Grid Expand: Size Grid Details Style sheet */


	div#tablecontainer    {
         /* width: 100%; */
		height:auto;
		float: left;
	}

    div.tablecontainerrow
    {
          clear:both;
    }

    div#tablecontainer div div.column1
    {
          width: 42px;
          height:13px;
          float:left;
		  text-align:center;
		  font-weight: bold;
          border: 1px solid #CCC;
          background-color:#F5F3F3;
	      padding:3px;
     }

 	 div#tablecontainer div div.header
     {
          width: 105px;
          float:left;
          height:13px;
	  	  text-align:left;
          border: 1px solid #CCC;
          background-color:#F5F3F3;
		  padding:3px;
      }

	 div#tablecontainer div div.column2
      {
          width: 42px;
          height:13px;
          float:left;
		  text-align:center;
          border: 1px solid #CCC;
          /* background-color:#F5F3F3; */
		  padding:3px;
      }
      

	div#tablecontainer div div.bgGreen { background:#81D18E !important; }
	div#tablecontainer div div.bgYellow { background:#ECC130 !important; }
	div#tablecontainer div div.bgRed { background:#FCC2B7 !important; }

/* Size Grid Details Ends */

.ie7Menu { *width:280px; width:240px;}

.imageBorderLeft{
	background: url(../../images/vertical_line.png) repeat-y left top;	
}

/* Products */

#products { background-color: #fff; text-shadow: #fff 0 1px 0; }

#products ul { position: relative; display: block; height: auto; font-size: 70%; }

#products ul li img { margin-bottom: 1px; }

#products ul li { float: left; padding: 0px 7px; 

margin-left: 27px;
margin-top: 15px;

/* margin: 10px 0 0 25px;*/

text-align: left;

line-height: 1.25em;

color: #000;

font-family: "Arial";

font-size: 11px;

/*height: 190px;*/

width: 140px;

overflow: hidden;

border-top: 1px solid transparent;

background:#F2F2F2 !important;

border: 1px solid #D9E5F2;


}


/*#products ul li.phone-hover {

background-color: #eee;

}*/


#products ul li.x-view-selected {

background-color: rgba(100, 100, 100, .15);

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

border-top: 1px solid rgba(0, 0, 0, .15);

}


#products ul li img {

/* display: block;*/

}


#products li strong {

color: #007BB0;

display: block;

cursor: pointer;

}


#products li span {

color: #000;

display: block;

}

.scorecardform .x-form-element { background:none !important;}
.bg_shdFormField1 .x-form-element { background:#D9E5F2 !important; }

.custwidth105 {width:105px !important;}

/* divyang start*/

.x-form-focus-red {
background: lightYellow;
border-color: red;
border-width: 2px;
}
.x-form-focus-green1 {
background: lightYellow;
border-color: green;
border-width: 2px;
}
.x-form-focus-yellow {
background: lightYellow;
border-color: yellow;
border-width: 2px;
}
.add { background-image: url(../../images/save.gif) !important; }

.SizeQuantityEditorGridId .x-grid3-cell-inner { padding:0px 5px 0px 5px !important; }

.x-grid3-col-subGrid, .x-grid3-td-subGrid, .x-grid3-hd-subGrid { width:110px !important;}
 
.SizeQuantityEditorGridId .x-grid3 table {
    table-layout: auto !important; 
}

.x-tool-collapse-west {background-position: -15px -180px; }
.x-tool-expand-west {background-position: -15px -165px; }
.x-tool-collapse-east {background-position:-15px -165px;}
.x-grid3-cell-selected { background-color: #fff !important; }

.selectedSelector .ux-mselect {height:320px !important;}
.ext-ie .selectedSelector .ux-mselect{ height:320px !important; }
/*.ext-ie .x-fieldset-body .ux-mselect { height:180px !important; }*/
.availableSelector .ux-mselect {height:320px !important;}
.ext-ie .availableSelector .ux-mselect{ height:320px !important; }

/* Overflow Classes */

.overflowHidden{overflow:hidden !important;}
.overflowXHidden {overflow-x:hidden !important;}
.overflowYHidden{overflow-y:hidden !important;}


/* Load Mask */

.customloadmask {top: 50% !important; left: 46% !important;}
.bodymask{ height: 100% !important };
	
/* Scroller Ie */
	
/*.ext-ie .x-grid3-scroller { overflow-x:hidden !important; }*/
.ext-ie .ux-mselect { overflow-x:hidden !important; }
.linkcolor{color:#0093D0;}

/*OrderShareForm.JS*/

.ext-ie .height180 { height:170px !important;}
.ext-ie .height144 { height:144px !important;}


/* margin-padding issue for IE7 */

.ext-ie7 .marPadNone { margin: 0 none !important; padding:0 none !important; } 

.x-panel-noborder .x-panel-header-noborder { border-bottom-color: #d8d8d8; }


/* Toggled Color Buttons */

.black-btn .x-btn-tl, .black-btn .x-btn-tr, .black-btn .x-btn-tc, .black-btn .x-btn-ml, .black-btn .x-btn-mr, .black-btn .x-btn-mc, .black-btn .x-btn-bl, .black-btn .x-btn-br, .black-btn .x-btn-bc {
    background-image:url(../../images/btn_black.gif);
}

.bloodRed-btn .x-btn-tl, .bloodRed-btn .x-btn-tr, .bloodRed-btn .x-btn-tc, .bloodRed-btn .x-btn-ml, .bloodRed-btn .x-btn-mr, .bloodRed-btn .x-btn-mc, .bloodRed-btn .x-btn-bl, .bloodRed-btn .x-btn-br, .bloodRed-btn .x-btn-bc {
    background-image:url(../../images/btn_blood_red.gif);
}

.blue-btn .x-btn-tl, .blue-btn .x-btn-tr, .blue-btn .x-btn-tc, .blue-btn .x-btn-ml, .blue-btn .x-btn-mr, .blue-btn .x-btn-mc, .blue-btn .x-btn-bl, .blue-btn .x-btn-br, .blue-btn .x-btn-bc {
    background-image:url(../../images/btn_blue.gif);
}

.brown-btn .x-btn-tl, .brown-btn .x-btn-tr, .brown-btn .x-btn-tc, .brown-btn .x-btn-ml, .brown-btn .x-btn-mr, .brown-btn .x-btn-mc, .brown-btn .x-btn-bl, .brown-btn .x-btn-br, .brown-btn .x-btn-bc {
    background-image:url(../../images/btn_brown.gif);
}

.cream-btn .x-btn-tl, .cream-btn .x-btn-tr, .cream-btn .x-btn-tc, .cream-btn .x-btn-ml, .cream-btn .x-btn-mr, .cream-btn .x-btn-mc, .cream-btn .x-btn-bl, .cream-btn .x-btn-br, .cream-btn .x-btn-bc {
    background-image:url(../../images/btn_cream.gif);
}

.darkBrown-btn .x-btn-tl, .darkBrown-btn .x-btn-tr, .darkBrown-btn .x-btn-tc, .darkBrown-btn .x-btn-ml, .darkBrown-btn .x-btn-mr, .darkBrown-btn .x-btn-mc, .darkBrown-btn .x-btn-bl, .darkBrown-btn .x-btn-br, .darkBrown-btn .x-btn-bc {
    background-image:url(../../images/btn_dark_brown.gif);
}

.green-btn .x-btn-tl, .green-btn .x-btn-tr, .green-btn .x-btn-tc, .green-btn .x-btn-ml, .green-btn .x-btn-mr, .green-btn .x-btn-mc, .green-btn .x-btn-bl, .green-btn .x-btn-br, .green-btn .x-btn-bc {
    background-image:url(../../images/btn_green.gif);
}

.grey-btn .x-btn-tl, .grey-btn .x-btn-tr, .grey-btn .x-btn-tc, .grey-btn .x-btn-ml, .grey-btn .x-btn-mr, .grey-btn .x-btn-mc, .grey-btn .x-btn-bl, .grey-btn .x-btn-br, .grey-btn .x-btn-bc {
    background-image:url(../../images/btn_grey.gif);
}

.orange-btn .x-btn-tl, .orange-btn .x-btn-tr, .orange-btn .x-btn-tc, .orange-btn .x-btn-ml, .orange-btn .x-btn-mr, .orange-btn .x-btn-mc, .orange-btn .x-btn-bl, .orange-btn .x-btn-br, .orange-btn .x-btn-bc {
    background-image:url(../../images/btn_orange.gif);
}

.pink-btn .x-btn-tl, .pink-btn .x-btn-tr, .pink-btn .x-btn-tc, .pink-btn .x-btn-ml, .pink-btn .x-btn-mr, .pink-btn .x-btn-mc, .pink-btn .x-btn-bl, .pink-btn .x-btn-br, .pink-btn .x-btn-bc {
    background-image:url(../../images/btn_pink.gif);
}

.purple-btn .x-btn-tl, .purple-btn .x-btn-tr, .purple-btn .x-btn-tc, .purple-btn .x-btn-ml, .purple-btn .x-btn-mr, .purple-btn .x-btn-mc, .purple-btn .x-btn-bl, .purple-btn .x-btn-br, .purple-btn .x-btn-bc {
    background-image:url(../../images/btn_purple.gif);
}

.red-btn .x-btn-tl, .red-btn .x-btn-tr, .red-btn .x-btn-tc, .red-btn .x-btn-ml, .red-btn .x-btn-mr, .red-btn .x-btn-mc, .red-btn .x-btn-bl, .red-btn .x-btn-br, .red-btn .x-btn-bc {
    background-image:url(../../images/btn_red.gif);
}

.white-btn .x-btn-tl, .white-btn .x-btn-tr, .white-btn .x-btn-tc, .white-btn .x-btn-ml, .white-btn .x-btn-mr, .white-btn .x-btn-mc, .white-btn .x-btn-bl, .white-btn .x-btn-br, .white-btn .x-btn-bc {
    background-image:url(../../images/btn_white.gif);
}

.yellow-btn .x-btn-tl, .yellow-btn .x-btn-tr, .yellow-btn .x-btn-tc, .yellow-btn .x-btn-ml, .yellow-btn .x-btn-mr, .yellow-btn .x-btn-mc, .yellow-btn .x-btn-bl, .yellow-btn .x-btn-br, .yellow-btn .x-btn-bc {
    background-image:url(../../images/btn_yellow.gif);
}


.rules-list { 
	background: url("../../images/nav-arrow.png") no-repeat scroll left 8px transparent;
	padding: 2px 9px;
	margin-left:10px; 
	margin-top:3px;
	text-decoration:none;
	color:#333333 !important; 
}
.rules-list a { color:#333333 !important; }
.rules-list a:hover { color:#333333 !important; }

.cust_name_width { width:150px;}
.errorText{
	float:left;
	margin:0 auto 0 auto;
	font-size:13px; 
	width: 91.5%;
}
.productGrid .x-grid3-body .x-grid3-td-checker {background: none !important;}





/* new addition*/



.fixestopnavi {
    position: fixed;
    width: 100%;
    top:0px;
	left:0px;
    z-index: 999999;
}
.garyblackbg{
	background: none repeat scroll 0 0 #58595B;
    color: #FFFFFF;
    height: 40px;
    /*padding: 6px 0;*/
    position: relative;
    width: 100%;
    z-index: 101;
}

.garyblackbg .selectelang {
    float: left !important;
    margin-left: 24px;
    margin-top: -1px;
    text-align: left;
    width: 200px;
}



.garyblackbg .selectelang select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    width: 160px;
}
/*.garyblackbg .navimenu a {
    color: #fff;
}*/

/*.navimenu ul {padding-top:10px; }*/


.navimenu ul li {
    float: left;
    /*margin: 0;*/
    padding: 0 2px;
    margin:5px 0;
}

.garyblackbg .navimenu {
    float: right;
   /* width:400px;*/
    *width:auto;
    *margin-left: 8x;
    margin-left: 8px;
    /*margin-left: 505px;*/
    /*margin-left:420px;*/
}

/*.garyblackbg .navimenu ul { width: 400px; *width:auto;}*/

/*.garyblackbg .navimenu .mimicuser_1 {width:400px; margin-left:500px; float:left;}*/
.garyblackbg .navimenu .mimicuser_1 { margin-left:-100px; margin-top:6px; *width:auto;}
.garyblackbg .navimenu .mimicuser_1 span { float:left;}
.garyblackbg .navimenu .mimicuser_1 span a {color: #ccc; text-decoration: underline;}
.garyblackbg .navimenu .mimicuser_1 span a:hover{color: #fff; text-decoration: none;}

.navimenu ul li ul {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #E5E5E5;
    display: none;
    *margin-left:-58px;
    *margin-top:15px;
    position: absolute;
    width: 130px;
    z-index: 999999;
    color: #265788 !important;
}
.navimenu ul li:hover ul {
    display: block;
}

.need {
    color: #999999;
    font-size: 9px;
    padding: 0;
    text-align: center;
}

.nav ul li:hover a {
	background: #fff;
	color: #336699; 
}


.nav ul li ul a {
	display: block;
	padding: 8px 27px;
	margin-bottom: 1px;
	text-decoration: none;
}

.nav .nav-solutions + ul a {
	padding: 8px 14px;
}

.nav .nav-resources + ul a {
	padding: 8px 22px;
}

.nav .nav-support + ul a {
	padding: 8px 10px 8px 37px;
}

.nav .nav-about + ul a {
	padding: 8px 12px;
}

.nav ul li ul a:hover {
	background: #ededed;
	color: #336699;
}

#changecust {
    color: #000000;    
    float:right;
    height:auto;
    padding-right: 25px;
}

.bgcore3 {
    border-bottom: medium none;
    height: 23px;
    margin: -9px 0 0 31px;
    padding: 5px 10px 3px;
    text-align: right;
    width: 550px;
}

#changecust .bgcor {
    font-weight: bold;
}

.bgcore3 {
    text-align: right;
}


#changecust .bgcor span {
    font-weight: normal !important;
}

#changecust .bgcor a {
    font-weight: bold;
}

.skybulebg1{ background:gainsboro;}



/*.navimenu ul li ul li:hover a {
    color: #000000;
}*/
.navimenu ul li ul li {
    cursor: pointer;
    padding: 4px 5px;
    color: #000000;
    text-align: left;
    width: 120px;
}




#footer {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    margin: 0 auto;
}

.heading-style-5 {
    color: #FFFFFF;
    font-family: nimbus-sans-condensed,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.heading-style-26-alt2 {
    color: #999999;
    margin: 0 0 7px;
    text-transform: uppercase;
}
.heading-style-26 {
    color: #CCCCCC;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 0;
    text-transform: none;
}

.footer-content ul {
    list-style: none outside none;
}

#footer-column-center {
    float: left;
    margin: 22px 0 0;
    padding-right: 100px;
    width: 261px;
}


#footer-column-right {
    float: left;
    margin: 22px 0 0;
    width: 288px;
}
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
html, body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
#footer {
    color: #FFFFFF;
}
#footer {
    font-size: 12px;
    text-align: left;
}
#footer {
    font-size: 12px;
    text-align: left;
}
body {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
}

html {
    color: #000000;
}
#footer-column-right {
    float: left;
    margin: 22px 0 0;
    width: 254px;
}

.p7 {
    color: #666666;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.3;
    margin: 0;
}

.social-links li {
    float: left;
    list-style: none outside none;
    padding: 0 4px 0 0;
}

.footer-content ul {
    list-style: none outside none;
}

#footer a {
    /* color: #0075A2; */
}
.btn-facebook {
    background: url("../../images/facebook.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -99999px;
    width: 30px;
}
.btn-twitter {
    background: url("../../images/twitter.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -99999px;
    width: 30px;
}
.btn-linkedin {
    background: url("../../images/linkedin.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -99999px;
    width: 30px;
}
.btn-youtube {
    background: url("../../images/youtube.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -99999px;
    width: 30px;
}
.btn-googleplus {
    background: url("../../images/googleplus.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -99999px;
    width: 30px;
}



.bgcore2{ /*background:url(../images/bgcustemer_navi_bg.jpg) repeat-x left top;*/ padding:5px 10px 3px 10px; margin:-9px 0px 0px 31px; /*border:#bebebe solid 1px;*/ border-bottom:none;width:550px; height:23px;}

.tablec{ border:#cccccc solid 1px; font-size:11px; color:#666666; font-family: Arial, Helvetica, sans-serif; margin:0px 10px 10px 15px; border-bottom:none; border-right:none;}
.tablec thead td{ background:#f7f7f9; vertical-align:top; border-bottom:#cccccc solid 1px; padding:4px 5px 4px 5px; border-right:#cccccc solid 1px;}
.tablec thead td.last{border-right:none!important;}
.tablec td div { display: block; padding: 4px 0; vertical-align: middle; width: auto;}
.tablec td div.last{ background:none;}
.tablec tbody td{background:#ffffff; padding:5px; border-right:#cccccc solid 1px; border-bottom:#cccccc solid 1px;}
.tablec tbody td.last{border-right:none!important; }
.tablec tbody .berry td{border-bottom:#ededed solid 0px; background:#fafafa;}
.tablec tbody .gerry td{ background:#fafafa;}

.kmt_class{background-image:none !important; background-color:#000000 !important; color:red !important;}
.kmt_id{background-image:none; background-color:#000000; color:red;}
.x-grid3-col-MATERIAL_NO {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-PO_ITEM_NO {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-YOUR_PART_NO {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-COST {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-ISO_CODE {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-ANSI_CODE {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-GRADE {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-REQUESTED_QTY {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-ROUNDOFF_QTY {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-WISH_REQUESTED_QTY {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-PROPOSED_PRICE {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-REQUESTED_DELIVERY_DATE {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-REQUESTED_DELIVERY_DATES {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-ORDER_QTY {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-INVOICE {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
/* KS-783 Carrier Editable Grid css*/
.x-grid3-col-CARRIER_ACC_NO {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
/* KS-734 NPR Forms CSS */
.x-grid3-col-DESCRIPTION {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-BLOCK {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-grid3-col-SPRAY {background-color:#FFF; border:1px solid #ccc; margin:3px; height:8px !important; padding-top:0px; padding-bottom:11px;}
.x-checkboxcombo-list-inner  .x-column-inner {
	width: 250px !important;
}
.x-checkboxcombo-list-inner  .x-column-inner .x-column{
	width: 250px !important;
}

.clscomment{*height:20px !important; *float:left; *width:100%; /*margin-top: -5px;*/ float:left\9; width:100%\9; }
.clscommentname{ padding-left:50px; /*margin-top:-7px;*/ float:left\9;}
.cmttop{height: 5px; background:url(../../images/bg_spical_new.png) no-repeat left top;height:10px\9; float:left\9; width:100%\9; *height:5px; *float:left; *width:100%; }
.cmttop .x-panel-bwrap, .cmttop .x-panel-body-noheader{height:5px\9; float:left\9; width:100%\9; *height:5px; *float:left; *width:100%; }
.cmtbtm{background:url(../../images/bg_spicalbtm_new.png) no-repeat left top;height:18px\9; float:left\9; width:100%\9; *height:18px; *float:left; *width:100%;  }
.cmtbg{background:url(../../images/bg_spicalbg_new.png) repeat-y left top; padding:5px\9 10px\9; *padding:2px 10px;}
.clscatalogcomment{ padding-left:10px;padding-bottom:8px;float:left\9;}
.catalogcommentcontainer{max-height: 200px;overflow-y:auto;}

.ext-ie9 .clscomment{height:20px !important; margin-top: -5px; float:left; width:100%; }
.ext-ie9 .clscommentname{ padding-left:50px; float:left;}
.ext-ie9 .cmttop{background:url(../../images/bg_spical_new.png) no-repeat left top;  float:left; width:100%;}
.ext-ie9 .cmttop .x-panel-bwrap, .cmttop .x-panel-body-noheader{float:left; width:100%; }
.ext-ie9 .cmtbtm{background:url(../../images/bg_spicalbtm_new.png) no-repeat left top; height:15px; float:left; width:100%;}
.ext-ie9 .cmtbg{background:url(../../images/bg_spicalbg_new.png) repeat-y left top; padding:0px 10px;}
.ext-ie9 .clscatalogcomment{padding-left:10px;padding-bottom:8px; float:left;}

.bdrtop {
border-top: solid 1px #a8a7a7 !important;
border-top-width: 1px !important;;
border-top-style: solid;
border-top-color: rgb(168, 167, 167)!important;
}

.bdrbottom{
border-bottom: solid 1px #a8a7a7 !important;
border-bottom-width: 1px !important;;
border-bottom-style: solid;
border-bottom-color: rgb(168, 167, 167)!important;
}

.bg_shd_white{
background:#ffffff;
}
.marBtm15 {
 margin-bottom:15px;
}
.iconrecyclebin {
width: 20px;
height: 20px;
border: 0px;
background: url(../../images/recyclebin.png) no-repeat;
float: left;
}

.accordionleft .x-tool {
float: left;
}
.accordionleft .x-accordion-hd .x-tool-toggle-over {
background-position: -15px -255px !important;
}
.accordionleft .x-panel-collapsed .x-tool-toggle {
background-position: 0 -241px !important;
}
.accordionleft .x-tool-toggle {
background-position: 0 -256px !important;
}

.accordionleft .x-panel-header {
background: none;
color: #333333;
border: none!important;
}

.bdrtopdotted {
border-top-color: rgb(168, 167, 167);
border-top: dotted 2px #a8a7a7;
border-top-width: 2px;
border-top-style: dotted;
border-top-color: rgb(168, 167, 167);
}
/*#SalesTransactionDetailsForm { min-height: 100% !important;}*/
#SalesTransactionDetailsForm .x-form{height:100% !important;}
#SalesTransactionFirstForm .x-form{height:100% !important;}
/*.salesTransactionviewpanel .x-panel-body-noheader{height:100% !important;}*/
#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheadergridid {width:100% !important;}
#salesTransactionDetailsHeaderGrid .x-panel-bbar {width:100% !important;}
#InitiativesActionGrid .x-panel-bbar {width:100% !important;}
#InitiativesActionGrid .x-toolbar{width:99.5% !important;}
#x-applicationcmp-grid-pagingtoolbar-InitiativesActionGridId {width:100% !important;}
.dottedBorTop{border-top:2px dotted #cccccc;}
.x-grid3-col-Amount{border:1px solid #000; height:10px !important; padding-top:0px !important; padding-bottom:8px !important; }
#amountTextfield{border:1px solid #000 !important; color:#000 !important;}

#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheadergridid {width:99.5% !important;}
#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheadergridid .x-form-field-trigger-wrap {width:40px !important;}
#x-applicationcmp-pagingcombo-salestransactiondetailsheadergridid {padding-top: 1px !important;}

#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheaderagreementgridid {width:99.5% !important;}
#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheaderagreementgridid .x-form-field-trigger-wrap {width:40px !important;}
#x-applicationcmp-pagingcombo-salestransactiondetailsheaderagreementgridid {padding-top: 1px !important;}

#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheaderquotesgridid {width:99.5% !important;}
#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheaderquotesgridid .x-form-field-trigger-wrap {width:40px !important;}
#x-applicationcmp-pagingcombo-salestransactiondetailsheaderquotesgridid {padding-top: 1px !important;}

#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheadercontractgridid {width:99.5% !important;}
#x-applicationcmp-grid-pagingtoolbar-salestransactiondetailsheadercontractgridid .x-form-field-trigger-wrap {width:40px !important;}
#x-applicationcmp-pagingcombo-salestransactiondetailsheadercontractgridid {padding-top: 1px !important;}

#orderCartUpdateGridPanelId .x-grid3-td-checker { background-image:none !important;}
#POReferencePanel .x-box-inner{height:3px!important;}


.bodybg2 {
    background: url("../../images/body_bg.jpg") no-repeat scroll center top #FFFFFF;
}
.headerline {
    background: url("../../images/header_line_bg.jpg") repeat-x scroll left top transparent;
    height: 8px;
    margin: 0 24px;
}
#loginmpcontener, #loginmpcontener p, #loginmpcontener div {
    font-size: 11px;
}
.loginspecaial {
    border: 1px solid #898989;
    float: left;
    padding: 6px;
    width: 284px;
}

.titletext { font-size:18px !important; margin-left:5px;}
.margin24leftright {
    margin: 0 24px;
}
.question {
    border: medium none !important;
    width: 200px !important;
}
.inputbutton {
    background: url("../../images/btn_login.png") no-repeat scroll left top transparent;
}
.loginspecaial .loginbtn button {
    margin-top: 10px;
}
.loginbtn {
    padding: 7px 10px 0 0;
}

.loginspecaial .loginbtn button {
    margin-top: 10px;
}
button.jqTransformButton {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    overflow: visible;
    padding: 0;
}
button.jqTransformButton span {
    background: url("../../images/img/btn_right.gif") no-repeat scroll right top transparent;
    display: block;
    float: left;
    height: 33px;
    margin: 0;
    padding: 0 4px 0 0;
}
.loginspecaial .loginbtn button.jqTransformButton span {
    background: none repeat scroll 0 0 transparent;
    color: #1EAFBB;
    font-size: 0;
}
* button.jqTransformButton span span {
    height: 25px;
}
button.jqTransformButton span span {
    background: url("../../images/img/btn_left.gif") no-repeat scroll left top transparent;
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 33px;
    line-height: 13px;
    padding: 8px 4px 0 8px;
    text-decoration: none;
}
.boxpadd {
    padding: 0 9px;
}
.loginspecaial .jqTransformSelectWrapper {
    margin: 2px 0 5px;
    width: 257px !important;
}
.jqTransformSelectWrapper {
    background: url("../../images/img/select_left.gif") no-repeat scroll left top transparent;
    float: left;
    height: 31px;
    position: relative;
    width: 45px;
}
.bullet {
    margin: 0 20px;
}
.bullet li {
    background: url("../../images/bullet.png") no-repeat scroll left 7px transparent;
    color: #000000;
    font-size: 14px;
    padding: 0 0 8px 13px;
}
.specalselect .jqTransformSelectWrapper ul {
    height: 285px;
    width: 255px !important;
}
.jqTransformSelectWrapper ul {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    height: 150px;
    left: 0;
    list-style: none outside none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 43px;
    z-index: 10;
}
.jqTransformHidden {
    display: none;
}
.jqTransformSelectWrapper div span {
    cursor: pointer;
    float: none;
    font-size: 12px;
    height: 31px;
    line-height: 15px;
    overflow: hidden;
    padding: 8px 0 0 7px;
    position: absolute;
    white-space: nowrap;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
    background: url("../../images/img/select_right.gif") no-repeat scroll center center transparent;
    display: block;
    height: 31px;
    position: absolute;
    right: 0;
    width: 31px;
}
.jqTransformInputWrapper {
    background: url("../../images/img/input/input_text_left.gif") no-repeat scroll left top transparent;
    float: left;
    height: 31px;
    padding: 0;
}

.jqTransformInputInner {
    background: url("../../images/img/input/input_text_right.gif") no-repeat scroll right top transparent;
    border: 0 solid #000000;
    margin: 0;
    padding: 0;
}
.jqTransformInputInner div {
    height: 31px;
    margin: 0 0 0 8px;
}
.inputbutton {
    cursor: pointer;
    height: 30px;
 /*   width: 120px;*/
}
.jqTransformInputInner div input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #404040;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 25px;
    line-height: 18px;
    margin: 0;
    padding: 4px 0 0;
    vertical-align: middle;
}
.loginspecaial input {
    margin: 2px 0 6px;
    padding: 3px 5px;
    width: 257px;
}

#UserCopyPopup .error {width: 90.7% !important;  line-height: 31px !important;}
#UserCopyPopup .information {width: 90.7% !important;  line-height: 31px !important;}
#passwordtooltip .x-tip .x-tip-ml {
    background-color: #FFFFFF;
    margin-top: -3px;
}
#passwordtooltip .x-tip-bwrap{background: none repeat scroll 0 0 #E9F2FF;
    border-top: 1px solid #8EAACE;
    float: left;}
    
#passwordtooltip .rules-list { 
	background: url("../../images/nav-arrow.png") no-repeat scroll left 8px transparent;
	padding: 2px 9px;
	margin-left:10px; 
	margin-top:0px;
	text-decoration:none;
	color:#333333 !important; 
}
#passwordtooltip .x-tool-close {
    background-position: -14px 1px;
}
.marLeft126 {margin-left:126px;}
.marLeft11 {margin-left:11px; }
.marLeft12{margin-left:12px; }
.continueasguestbutton{
    background: url("../../images/continueasguest_btn.jpg") no-repeat scroll left top transparent !important;
}
.createbusinessbutton{
    background: url("../../images/createbusinessaccount_btn.jpg") no-repeat scroll left top transparent !important;
}
.inputbutton .x-btn-tl, .inputbutton .x-btn-tr, .inputbutton .x-btn-tc, .inputbutton .x-btn-ml, .inputbutton .x-btn-mr, .inputbutton .x-btn-mc, .inputbutton .x-btn-bl, .inputbutton .x-btn-br, .inputbutton .x-btn-bc
{
	background-image: none !important;
}
#requestNewUserdiv {
    margin-top: 32px;
    padding: 15px 25px 0px 25px;
}
.marLeft23 { margin-left: 23px !important; } 

.x-grid3-hd-collapsed-custom .x-grid3-row-expander { background-position: -21px 2px !important; }

.searchwidgets {
 vertical-align: top;
 width: 100px;
 /*float: right;*/
 background: #ebf7ee;
 border: #d5e7d9 solid 1px;
 padding: 10px;
 margin: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

.saidenavi {
border-bottom: #cccccc dashed 1px;
padding: 3px 0px 5px 12px;
background: url(../../images/arrow1.png) no-repeat left 8px;
}

.radiogroupcss .x-column { width:100% !important;}
#productSearchByPartNoFormId .x-window-mc {background-color:#ffffff;}
.wrapText{
word-wrap: break-word;
}
#profileViewFormId .x-form{height:100% !important;}

.marTop38 {  
	margin-top:47px;
}
.marLeft40 {
	margin-left:40px;
}
#selectedSharedList .x-fieldset { height:248px;} 

.ext-ie7 .btnPadTop3, .ext-ie9 .btnPadTop3 {padding-top:3px !important;}
.message font {float:left; line-height:26px;}
#orderCartCreateForm .customloadmask {display:none;}
#quoteCartCreateForm .customloadmask {display:none;}

.x-trigger-wrap-focus .x-form-trigger {
    border-bottom-color:#7eadd9 !important;
}

.kmtlink div:hover { color:#333333 !important; cursor: pointer; }
.kmtlink div {color:#337FB3 !important;}

.link:hover { color:#333333 !important; cursor: pointer; }
.link {color:#337FB3 !important;}

.claimsFormOverFlow .x-panel-body {overflow-y:hidden !important; *min-height:120px;} 
#selectedBrandId .x-fieldset-bwrap{height:145px;}



/*******************************/
.grid_kmtbtn { background-color:#028B99; padding:3px 5px ; color:#ffffff !important;}
.grid_kmtbtn:hover {color:#ffffff !important;}

.panelXScrollRemove .x-panel-body {
	 overflow-x:hidden !important;
	}
.panelYScrollRemove .x-panel-body {
	 overflow-y:hidden !important;
	}
.panelHorizontalScroll .x-toolbar/* .x-small-editor x-toolbar-layout-ct*/{
	*padding-bottom:15px;
}
.panelHorizontalScrollTop .x-toolbar/* .x-small-editor x-toolbar-layout-ct*/{
	*margin-top:15px;
}
.gridWidth {
	width:1250px;
	width:1200px\9;
}

.ext-ie9 .gridWidth {
	width:1200px;
}
.ext-ie7 .gridWidth {
	width:1050px;
}
.gridWidthWidget {
	width:1100px;
	width:1000px\10;
	*width:1000px;
	
}
.ext-ie9 .gridWidthWidget {
	width:900px;
}

.ext-ie9 .paGridWidth {
	width:1000px;
}

-moz-document, .paGridWidth {
  width:1000px;
}

.paGridWidth {
	width:930px;
	width:1000px\9;
	*width:1000px;
}

.posRebateGridWidth {
	width:1065px;
}

.posReportGridWidth {
	width:1100px;
}

.ext-ie9 .posReportGridWidth {
	width:1100px;
}

.scoreCardGridWidth{
	width:1250px;
}
.ext-ie7 .scoreCardGridWidth{
	width:1245px;
}

.ext-ie9 .salesTransactionGridWidth {
	width:1100px;
}
.ext-ie7 .salesTransactionGridWidth {
	width:970px;
}
.ext-ie8 .salesTransactionGridWidth {
	width:970px;
}
-moz-document, .salesTransactionGridWidth {
  width:1050px;
}

.salesTransactionGridWidth {
	width:970px;
}
.marLefRig{
	margin: 0px 20px 0px 105px;
}

.padLefRigTop10{
	padding: 10px 10px 0px 10px;
}

#multiPriceAvailabilityGridId .x-panel-bbar{width: 100% !important;}
#multiPriceAvailabilityGridId .x-toolbar{width: 100% !important;}

.totalBottomBar .x-panel-bbar{width: 100% !important;}
.totalBottomBar .x-toolbar{width: 100% !important;}

#expanderie9 .x-panel-body-noheader{overflow-x: scroll; }
/*#orderCartUpdateGridPanelId .x-panel-body-noheader { overflow-x: scroll !important;}*/
/*******************************/

/*.ext-chrome .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table {table-layout:auto;}*/
/*.ext-chrome .x-grid3 .x-grid3-body {table-layout:fixed !important;}*/

.autoHeight{
autoHeight: true
}
/*******************************/

/*.ext-chrome .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner .x-grid3-header-offset table {table-layout:auto;}*/
/*.ext-chrome .x-grid3 .x-grid3-body {table-layout:fixed !important;}*/

/*#itemselectordivSalesOrg .x-panel { height:190px !important; }*/
#itemselectordivSalesOrg .x-fieldset-body {height: 166px !important;  }
#itemselectordivSalesOrg .x-fieldset {height: 180px !important; }
#itemselectordivCustomerClass .x-fieldset-body {height: 166px !important;}
#itemselectordivCustomerClass .x-fieldset {height: 180px !important;}
#itemselectordivCustomerGroup .x-fieldset-body {height: 166px !important;}
#itemselectordivCustomerGroup .x-fieldset {height: 180px !important;}
#itemselectordivRole .x-fieldset-body {height: 166px !important;}
#itemselectordivRole .x-fieldset {height: 180px !important;}

#selectedDatadivSalesOrg .x-fieldset-body {*height: 137px !important; }
#selectedDatadivCustomerClass .x-fieldset-body {*height: 137px !important; }
#selectedDatadivCustomerGroup .x-fieldset-body {*height: 137px !important; }
#selectedDatadivRole .x-fieldset-body {*height: 137px !important; }

#selectedDatadivSalesOrg .x-fieldset-bwrap {  height: 165px;}
#selectedDatadivCustomerClass .x-fieldset-bwrap  {  height: 165px;}
#selectedDatadivCustomerGroup .x-fieldset-bwrap  {  height: 165px;}
#selectedDatadivRole .x-fieldset-bwrap  {  height: 165px;}

.list-style-19 {
list-style: none;
margin-left: -40px;
}

.ext-ie7 .list-style-19 {
list-style: none;
margin-left: 0px;
}

.list-style-19 li {
margin-bottom: 19px;
list-style: none;
}

#x-applicationcmp-grid-pagingtoolbar-scorecardwidgetid, #scoreCardGridId .x-panel-bbar, #asiaScoreCardGridId .x-panel-bbar {width:100% !important;}
.productBorder{
	border: 2px solid #B3B3B3;
}

.productBcakground {
	background: #FFD200;
}

.footerline {
    background: url("../../images/footer_line_bg_450.png") no-repeat scroll left top transparent;
    height: 25px;
}

.x-grid3-body .child-row  { 
    border-color: #EB6316 !important;
	background-color: #EB6316 !important;
	background-image:none !important;
}

.x-grid3-body .child-row:hover { 
    border-color: #EB6316 !important;
	background-color: #EB6316 !important;
	background-image:none !important;
}

#showdetail {
   font: bold 21px Helvetica, Arial, Sans-Serif;
}
#showdetail:hover {
   position: relative; 
   top: -3px; 
   left: -3px; 
   text-shadow: 0px 1px grey, 0px 1px grey, 1px 1px grey;
}

.x-form-item {
    overflow: hidden!important;
}
.previousNextDisabledLink {
    color: #757474 !important;
    cursor: no-drop !important;
}

.fixesrightnavi {
    position: fixed;
    width: 50px;
    float:right;
    right:0;
    z-index: 999999;
    margin: 2px 2px 2px 2px;
    background: none repeat scroll 0 0 #FFFFFF;
}

#customerSearchPanelID .x-panel-header {
	border-radius: 0 !important;
	font-size: 12px !important;
}


/* New Product Request Changes for Tab Layout */
.verticalLine {background-color: #fff !important; background-image: url(../../images/vertical-line.png); background-repeat: repeat-y; background-position: center;  }

#newProductRequestView span.x-tab-strip-text {
    color: #333333;
	word-wrap: break-word;
	white-space: normal;
	text-align:center;
	vertical-align:middle;
	width: 70px;
	height: 50px;
	padding-top:20px;
}

#newProductRequestView ul.x-tab-strip li {margin-right: 3px !important;}
#newProductRequestView ul.x-tab-strip-top {background-color: #fff !important; }
#newProductRequestView .x-tab-panel-body {background-color: #fff !important;}
#newProductRequestView .x-tab-strip-active span.x-tab-strip-text {background-color: #fff !important; }
#newProductRequestView .x-tab-strip-active a.x-tab-right {background-color: #fff !important; }
#newProductRequestView .x-tab-strip-top .x-tab-strip-active .x-tab-left {background-color: #fff !important; }
#newProductRequestView .x-tab-scroller-left {background-image: url(../../images/scroll-left1.gif);}
#newProductRequestView .x-tab-scroller-right {background-image: url(../../images/scroll-right1.gif);}

.ext-ie7 #quickQuotePanel { width: 90px;}
.ext-ie7 #quickOrderPanel { width: 110px;}
.ext-ie7 #addPromotionLinkPanel { width: 110px;}
.ext-ie7 #viewTopButtonPanel ,#viewBottomButtonPanel { min-width: 550px;}

.customerSearchBox {
	float : right;
	border: 1px solid #d8d8d8;
	border-top:0px none !important;
	padding-bottom: 5px;
	margin-right: 22px;
}
.closeAdStyle {
	 cursor : pointer;
	 float : right; 
	 padding:0 5px 0 10px; 
	 color : white;
	 background-color : black; 
	 border-radius : 3px;
}

.dot {
    background: #abaab2;
    border-radius: 50%;
    cursor: pointer;
    float: left !important;
    margin: 3px;
    width: 7px !important;
    height: 7px !important;
}
.activedot {
    background: #333333;
    border-radius: 50%;
    cursor: pointer;
    float: left !important;
    margin: 3px;
    width: 7px !important;
    height: 7px !important;
}
.ext-ie7 .height10_ie7 { height: 10px;}

.promolink{
	cursor: pointer;
	font: bold 15px Helvetica, Arial, Sans-Serif;
	text-decoration: underline;
}

.currselheader{
	background-image: none;
    border-radius: 0 !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 3px 5px 4px 5px;
    zoom: 1;
}

.currseltext{
	 text-overflow: 'ellipsis';
     white-space: 'nowrap';
}

#collect_radio_div  x-column .x-form-element .x-form-check-wrap{
	width:20px!important;
}

.error-row { background-color: yellow }
.catalogcommentusername {float:left;font-weight: bold;margin-top:3px;margin-left:5px;}
.catalogcommenttime {float:right;padding-right:5px;color: gray;margin-top:3px;}
.catalogcommentdelete{background-color: #505050;border-radius: 3px 3px 3px 3px;margin-top:3px; margin-right:5px;}
.maxallow{color: gray;}
.dispAleartGreen{
	background-color: green;
	padding-left: 5px;
	color: white;
}
.dispAleartRed{
	background-color: red;
	padding-left: 5px;
	color: white;
}

.info{
	width: 350px;
	font-size: medium;
	color: blue;
}

.fontSizeL{
	font-size: large;
}

.fontSizeM{
	font-size: medium;
}
.blackText{
	color: #000000 !important;
}

.tooltip {
    position: relative;
    display: inline-block;   
}

.tooltiptext {
    width: 700px;
    border-radius: 6px;
    padding: 10px;
	display: none;
    /* Position the tooltip */
    position: fixed;
    background: #191919;
    color: white;
    top:20%;
    right: 25%;
    z-index: 999999;
}

 .tooltip:hover .tooltiptext {
    display: block;   
} 

.chatdiv .chatBadge {
    width: 16px;
    height: 15px;
    background: url("../../images/chat-bubble-off.png");
    left: -22px;
    top: 2px;
    background-repeat: no-repeat;
    float: left;
}
 .chat .chatdiv a{
    color: #B3B3B3;
    padding-left: 10px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

   .chatdiv {
    position: relative;
    display: inline-block;
}

/*Social links*/

/* .social-links {
	float: left;
	width: 54%;
	margin: 0 auto;
	float: none;
	align-content: center;
    display: flex;
  } */
.social-link{   
	width: 7.666667%;
	float: left;
	margin-bottom: 20px;
	padding-right: 1.5rem;
	margin: 0 auto;
	}
.social-links li {
    width: 100%;
}
.social-links a{
	width: 34px;
	height: 36px;
	display: block;
	text-indent: -99999px;
	background-position: center;
	}

  .btn-facebook {
  background: url("../../images/fb-icon.png") no-repeat;
      }
      .btn-twitter {
  background: url("../../images/tw-icon.png") no-repeat;
      }
      .btn-linkedin {
  background: url("../../images/ln-icon.png") no-repeat;
      }
    .btn-youtube {
  background: url("../../images/yt-icon.png") no-repeat;
      }
   .btn-blog {
  background: url("../../images/blog-icon.png") no-repeat;
      }
   .btn-googleplus {
  background: url("../../images/gp-icon.png") no-repeat;
      }
      
/*Footer*/
.bottom-footer .small-12 {
    width: 100%;
}
.bottom-footer {
    margin-top: 18px;
    position: relative;
}
  .bottom-footer .policy {
    text-align: left;
}
.bottom-footer p {
    color: #747474;
    font-size: 14px;
    margin-top: 9px;
    text-align: center;    
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.35;

}
 .bottom-footer .line{
    width: 100%;
    height: 2px;
    background: url("../../images/bottom-line.png");
    background-repeat: no-repeat;
}
.bottom-footer .policy {
    text-align: right;
}

.bottom-footer .address {
    text-align: left;
}

.bottom-footer .no-padd {
    padding: 0;
}

.bottom-footer .columns-policy{
    float: left;
   /*  width: 27%; */
    width: auto;
}
.bottom-footer .columns-address{
    float: right;
    width: 28%;
}

.footer h5 {
     font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
      font-size: 24px;
      color: #ffd200;
      text-transform: none;
      line-height: 1.37;
}
.footer .titletextimage p{
    color: #B3B3B3;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
      font-size: 12px;
}
.footer .titletextimage a{
         text-decoration: none;
         color: #B3B3B3;
         font-size: 12px;
    }
    
/*Support contact*/
.footer-text-block .support-heading { 
font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #ffd200;
    line-height: 1.35;
}

.footer-text-block .footer-contactInfo {
   margin-bottom: 17px;
   line-height: 1.37;
}
.footer-text-block h5, .footer-text-block  p { 
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  color:#B3B3B3;
  line-height: 1.35;
  text-rendering: optimizeLegibility;
  text-transform: none;
}
.footer-text-block .footer-contactInfo p {
    display: inline-block;
    font-weight: 500;
  }
.footer-text-block .footer-contactInfo a {
    font-weight: bold;
    font-size: 10px;
    color: #fec309;
  }
.footer-text-block .footer-contactInfo .line-seperator {
    padding: 0 4px;
  }

.footer-text-block .footer-linkWIcons{
  font-size: 12px;
  margin-bottom: 16px;
  position: relative;  
}
.footer-text-block.footer-linkWIcons a {
    color: #B3B3B3;
  }
.footer-text-block .footer-linkWIcons .div {
    position: relative;
    display: inline-block;
  }
    
.footer-text-block .footer-linkWIcons .global .globalicon{
    width: 17px;
    height: 17px;
    background: url("../../images/footer-globe.png");
    left: -22px;
    top: 1px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 10px;
}
.footer-text-block .footer-linkWIcons .global a{
    color: #B3B3B3;
    padding-left: 10px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}
.footer-text-block {
       line-height: 1.35;
}
#footer-column-center ,#footer-column-left, #footer-column-right {
    margin: 0px;
}

.grid-fullwidth {
    width: 950px;
    margin: 0 auto;
}

#footer-column-left {
    float: left;
   /* margin: 22px -2px 0 0; */
    padding: 0 70px 0 30px;
    width: 230px;
}

.footer-content {
    clear: both;
    overflow: hidden;
    width: 1000px;
}

/* .social-links {
    float: left;
    width: 54%;
    margin: 0 auto;
    float: none;
    align-content: center;
    display: flex;
} */

.footer .titletextimage p {
    color: #B3B3B3;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.p7 {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    margin: 0 0 12px;
    line-height: 1.3;
}

.footer .titletextimage a {
    text-decoration: none;
    color: #B3B3B3 !important;
    font-size: 12px;
}
.footer-content a:link, .footer-content a:visited {
	color: #FFCC00;
}

#footer .p7 a {
    text-decoration: none;
    color: #B3B3B3;
    font-size: 12px;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

.footer-linkWIcons .chat {
    display: none;
}

.careerhead h5.heading-style-5 {
    color: white;
}

.social-links {
    overflow: hidden;
    margin-bottom: 2em;
}

.widiaFooter h5.heading-style-5.support-heading {
    font-family: "acumen-pro",sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 10px 0;
    color: white;
    text-transform: uppercase;
}


.widiaFooter h5.heading-style-5 {
    font-family: "acumen-pro",sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 10px 0;
    color: white;
    text-transform: uppercase;
}

.footer-content .heading-style-5, .footer-content h2 {
    font-family: "acumen-pro",sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 10px 0;
}

.footer-text-block .support-heading {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #ffd200;
    line-height: 1.35;
}

.kennametalFooter h5.heading-style-5 {
    color: #FFCC00;
}

.kennametalFooter2 ul.social-links{
	margin: 0 auto;
	display: flex;
	align-content: center;
	width: 50%;
}

#posFilesView .x-panel-bwrap .x-panel-body .x-panel-bwrap .x-panel-body-noheader .hidePosTabTitle .x-tab-panel-header {
    display: none;
}

#widgetPOS .x-panel-bwrap .x-panel-body .x-panel-bwrap .x-panel-body-noheader .hidePosTabTitle .x-tab-panel-header {
    display: none;
}

.twitter {
	background: url(../../images/twitter.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.you-tube {
	background: url(../../images/youtube.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.facebook {
	background: url(../../images/facebook.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.linkedin {
	background: url(../../images/linkedin.png) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

.kennametalFooter h2{
	font-weight: 400 !important;
    font-size: 24px !important;
    color: #ffd200 !important;
    margin-bottom: 15px !important;
}

.widiaFooter h2{
	font-weight: 300 !important;
    font-size: 12px !important;
    color: #ffffff !important;
    margin-bottom: 15px !important;
	
}


.widiaFooter h5{
	font-weight: 200 !important;
    font-size: 12px !important;
    color: #ffffff !important;
    margin-bottom: 15px !important;
	
}
.footer-content a:link, .footer-content a:visited {
	/* color: #FFCC00!important; */
	color: #808080 !important;
	margin-bottom:10px !important;
	
}


.footer-content p{
	margin-bottom : 10px;
}

#dynamocFooterSocial {
    clear: both;
    overflow: hidden;
    width: 1000px;
}

.kennametalFooter2 ul li{
	list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin: 17px 17px 17px 140px;
	
}

.widiaFooter ul li{
	list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-right: 5px ;
     margin-top: 5px ;
      margin-bottom: 5px ;
}