@charset "utf-8";
/*
	CSS Document
	Project : ComponentSearch
	File 	: common-base.css
	Date 	: 12/04/12
	Author  : Ganesh (ganesh@digitaldrandgroup.com), Rahul (rahul@digitaldrandgroup.com)
*/

/* =============================================================================
   componentsearch.css
   * Define common styles for the component search project.
=============================================================================*/

a { text-decoration: none; }
body { 
	overflow-y: scroll; 
 }

/* -----------------------
	Font color classes
---------------------- */

.grey { color:#666; }
.darkGrey { color:#333 !important; }
.white{color:#FFF !important;}

/* ------------------------------
	Margin and padding classes
----------------------------- */

.nomarginNpadding{ margin:0; padding:0; }
.marginR15 { margin-right: 15%; }

/* ------------------------
	width in percentage
----------------------- */

.w15 {width: 15%;}
.w16 {width: 16%;}
.w18 {width: 18%;}
.w17 {width: 17%;}
.w10 {width: 10%;}
.w11 {width: 11%;}
.w9 {width: 9%;}
.w7 {width: 7%;}
.w6 {width: 6%;}
.w5 {width: 5%;}
.w4 {width: 4%;}
.w3 {width: 3%;}
.w12 {width: 12%;}
.w22 {width: 22%;}
.w21 {width: 21%;}
.w34 {width: 34%;}
.w36 {width: 36%;}
.w45 {width: 45%;}
.w42 {width: 42%;}
.w44 {width: 44%;}
.w43 {width: 43%;}
.w45 {width: 45%;}
.w46 {width: 46%;}
.w47 {width: 47% !important;}
.w48 {width: 48% !important;}
.w50 {width: 50% !important;}
.w66 {width: 66%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w87 {width: 87%;}
.w95 {width: 95% !important;}
.w96 {width: 96% !important;}
.w93 {width: 93% !important;}
.w98 {width: 98% !important;}
.w99 {width: 99% !important;}
.w74 {width:74%;}

/*--------------------
	width in pixel
------------------ */

.width10  { width:10px}
.width25  { width:25px}
.width50 { width:50px;}
.width100 { width:100px;}
.width102 { width:102px;}
.width110 { width:110px;}
.width125 { width:125px;}
.width130 { width:130px;}
.width140 { width:140px;}
.width184 { width:184px;}
.width198 {width:198px; }
.width200 { width:200px;}
.width215 { width:215px;}
.width205 { width:205px;}
.width202 { width:202px; }
.width230 { width:230px;}
.width240 { width:240px;}
.width260 { width:260px;}
.width265 { width:265px;}
.width267 { width:267px;}
.width270 { width:270px;}
.width277 { width:277px;}
.width300 { width:300px;}
.width303 { width:303px;}
.width325 { width:325px;}
.width348 { width:348px;}
.width350 { width:350px;}
.width400 { width:400px;}
.width500 { width:500px;}
.width307 { width:307px;}
.width195 { width:195px;}
.width310 { width:310px;}
.width448 { width:448px;}
.width815 { width:815px;}
.width813 { width:813px;}
.width130 {width:130px; }
.width132 {width:132px; }
.width222 { width:222px; }
.width220 { width:220px; }
.width225 { width:225px; }
.width230 { width:230px; }
.width219 { width:219px; }
.width89 { width:89px; }
.width99 {width:99px; }
.width302 {width:302px; }
.width242 {width:242px; }
.width365 {width:365px; }
.width437 {width:437px; }
.width363 {width:363px; }
.width212 {width:212px; }
.width196 {width:196px; }
.width438 {width:438px; }
.width250 {width:250px; }
.width244 {width:244px; }
.width320 {width:320px !important; }
.width145 {width:145px; }
.width226 {width:226px; }
.width180 {width:180px; }
.width165 {width:165px; }
.width750 { width:750px;}
.width760 { width:760px !important;}

/* -----------------------
	Background Colors
---------------------- */
.bgGrey{ background-color:#999999;}
body {
	background-color: #e7e7e7;
}

/* =============================================================================
   home.css
   * Define css styles for the home page.
=============================================================================*/

#homewrapper {
	height: auto;
    overflow: hidden;
    width: 100%;
	background:url(../images/common/topBg.jpg) repeat-x top left #fff;;
}
#homewrapper .container{
	width: 940px;
	margin: 0 auto;
}
#headerhome {
	height: 45px;
	width: 940px;
	float: left;
}
#headerhome nav ul li {
	float: left;
	font-size: 1em;
	color: #333;
	background:url(../images/common/navSeperator.jpg) no-repeat right 4px;
	text-align: center;
	width: 90px;
	display: inline;
}
#headerhome nav ul li a {
	color: #000;
	text-decoration: none;
	float: left;
	text-align: center;
	width: 90px;
	height: 24px;
	padding-top: 3px;
}
#headerhome nav ul li:first-child a {
	width: 69px;
}
#headerhome nav ul li a:hover{
	background:url(../images/common/navHover.png) no-repeat center 0;
	color: #fff;
}
#headerhome nav ul li .active {
	background:url(../images/common/navHover.png) no-repeat center 0;
	color: #fff;
}
#headerhome .loginSection a {
	float: right;
	color: #fff;
	background:url(../images/common/smallBlkBtn.png) no-repeat center 0;
	width: 75px;
	text-align: center;
	text-decoration: none;
	margin-top: 13px;
	line-height: 22px;
	height: 24px;
}
#homewrapper .container .homeLogo h1 a,
.homesearch .homeLogo h1 a {
	background:url(../images/home/homeLogo.jpg) no-repeat 0 0;
	width: 550px;
	text-indent: -9999px;
	height: 225px;
	display: block;
	margin: 140px auto auto auto;
}
.thankyoupage.homesearch .homeLogo h1 a {
	margin-top: 0;
}
.thankyoupage {padding-top: 60px;}
#homewrapper .container .homesearch .inputTxt{
	background:url(../images/common/inputBg.jpg) no-repeat 0 0;
	width: 56%;
	height: 30px;
	margin:0 0 15px 0;
	border: none;
	color: #999;
	padding: 0 35px 0 8px;
	line-height: 30px;
}
.homeErrorMsg {
	color: #ff0000;
    float:left;
    width:100%;
}
.marginFix {
	margin-bottom: 150px;
}
#homewrapper .container .homesearch .search{
	border:none;
	background:none;
	position:absolute;
	left:530px;
	top: 0px;
	background:url(../images/common/magnifier.png) no-repeat 0 0;
	width: 15px;
	height: 15px;
}
.IE7 #homewrapper .container .homesearch .search{
	top:10px;
	left:530px;
}
.IE8 #homewrapper .container .homesearch .search{
	left:530px;
}

/* =============================================================================
   footer.css
   * Define css styles for the footer area.
=============================================================================*/

#footerContent {
	background: #e7e7e7 url(../images/common/footerbg.jpg) repeat-x top left;
	min-height:125px;
	height:auto !important;
	height:125px;
	padding-top: 20px;
}
#footerContent .inner{
	 width: 940px;
	 margin: 0 auto;
	 text-align: left;
	 overflow: hidden;
}
#footerContent .inner .socialIcons a{
	background:url(../images/common/socialIcons.png) no-repeat 0 0;
	width: 18px;
	height: 18px;
	float: left;
	text-indent: -9999px;
}
#footerContent .inner .socialIcons .facebook{
	background-position: 0 0;
	margin-right: 10px;
}
#footerContent .inner .socialIcons .twitter{
	background-position: -18px 0px;
}
#footer{
	width: 100%;
	background:url(../images/common/footerBlkBtm.jpg) repeat-x bottom left;
	height: 30px;
	line-height:30px;
}
#footer .inner {
	width: 940px;
	margin:0 auto;
	text-align: center;
	overflow: hidden;
}
#footer .inner nav ul li{
	list-style: none;
	color: #fff;
	padding-left: 9px;
    padding-right: 9px;
	display: inline;
	float:left;
}
#footer .inner nav ul li a{
	background:url(../images/common/ftrSeperator.png) no-repeat 0 0;
	padding: 0 0 0 20px;
	color: #fff;
}

/* =============================================================================
   home.css
   * Define css styles for the home page.
=============================================================================*/

#wrapper {
	height: auto;
    width: 100%;
	background:url(../images/common/innerTopBg.jpg) repeat-x top left #fff;
        min-width: 1340px;
}
#wrapper .container{
	width: 940px;
	margin: 0 auto;
}
#header {
	height: 85px;
	width: 960px;
	float: left;
}
#header nav ul li {
	float: right;
	font-size: 1em;
	color: #333;
	background:url(../images/common/navSeperator.jpg) no-repeat left 4px;
	text-align: center;
	width: 80px;
	display: inline;
}
#header nav ul li a {
	color: #000;
	text-decoration: none;
	float: right;
	text-align: center;
	width: 80px;
	height: 24px;
	padding-top: 3px;
}
#header nav ul li:first-child a{
	/*width: 70px !important;*/
}

#header nav ul li a:hover, #header nav ul li .active {
	background:url(../images/common/navHover.png) no-repeat center 0;
	color: #fff;
}
#header .logo h1 a {
	background:url(../images/common/cs_logo_145x70.png) no-repeat 0 0;
	width: 145px;
	text-indent: -9999px;
	height: 70px;
	float: left;
}
#header nav ul li .countBlock {
    background: none repeat scroll 0 0 #333333;
    border-radius: 5em 5em 5em 5em;
    color: #FFFFFF;
    min-width: 17px;
    padding: 0;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 3px;
	font-weight: bold;
}
.headerInputTxtBg{
	border-right: 1px solid #e5e5e5;
	color: #999;
	line-height: 23px;
	background:url(../images/common/innerpageInputBg.jpg) no-repeat 0 0;
	float:right;
	height:23px;
	margin: 7px 0 10px;
}
.headerInputTxt {
	border: none !important;
	font-size: 12px;
	color: #999;
	float: left;
/*	width: 98%;*/
        width: 83%;
        margin-top: 4px !important;
        margin-left: 4px !important;
}
.search{
	border:none;
	background:none;
	position:absolute;
    right: 8px;
    top: 5px;
	background:url(../images/common/magnifier.png) no-repeat 0 0;
	width: 15px;
	height: 15px;
}
.IE7 #header .search{
	top:-1px;
	right: 0px;
	position:relative;
}

/* ---------------------------------------
	searchlist.css(search listing styles)
---------------------------------------- */

#midcondent {
	padding-top: 25px;
	overflow: hidden;
	position: relative;
}
.verticalFilterWrapper {
	left: -200px;
	height: 490px;
}
.verticalLftFilter {
	float: left;
	position: relative;
	left: 0px;
	top: 25px;
}
/*.verticalLftFilter.hidden > .hidingPanels{display: none;}
.verticalLftFilter.hidden {
	left:-23px;
}*/
.verticalLftFilterBtn {
	height: 210px;
	position: absolute;
	top: 0px;
	left: -23px;
}
.verticalLftFilterBtn a {
	background:url(../images/common/horizontlFilterBtn.png) no-repeat 0 0;
	height: 100px;
	display: block;
	width: 23px;
	float: left;
	text-indent: -9999px;
}
.verticalLftFilterBtn .filerSearch {
	background-position: 0 0;
}
.verticalLftFilterBtn .partAlert {
	background-position: 0px -100px;
}
.filterSearch {
	width:1100px;
	float:right;
}
.filterSearch fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
.filterSearchHead {
	background:url(../images/common/leftBlokHead.jpg) repeat-x 0 0;
	width: 190px;
	font-size: 18px;
	color: #fff;
	padding-left: 5px;
	border-radius: 5px;
	border-radius: 5px 5px 0 0;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
    position:relative;
}
.filterSearchHead img{
	float: right;
	display: inline-block;
	margin: 13px 10px 0 0;
}
.filterSearchInner {
	width: 198px;
	border: 1px solid #ccc;
	float: left;
}
.filterSearchInner .searchSubhead {
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	border-width: 1px 0px 1px 0px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 13px;
}
.filterSearchInner fieldset {
    padding:0px;
    margin:0;
	border: none;
}
.filterSearchInner fieldset .typeInput {
	width: 165px;
	margin:0 auto;
	height: 23px;
	border: 1px solid #ccc;
	display: block;
	background:url(../images/common/innerpageInputBg.jpg) no-repeat 0 0;
	padding: 0 0 0 5px;
	color: #333;
	line-height: 23px;
}
.typeInputs {
	width: 125px;
	margin:0 auto;
	height: 23px;
	border: 1px solid #ccc;
	display: block;
	background:url(../images/common/innerpageInputBg.jpg) no-repeat 0 0;
	padding: 0 0 0 5px;
	color: #333;
	line-height: 23px;
}
.filterSearchInner fieldset .typeInput option{
	width: 135px;
}
.noborderBtm {
	border-bottom: none !important;
}

/* --------------------------
	table.css(table styles)
--------------------------- */

.filtrSearchTable {
	border:1px solid #ccc;
	border-radius: 5px;
	border-radius: 5px 5px 0 0;
	border-right:none;
}
tbody tr:nth-child(2n) td, tbody tr.even td {
	background: none;
}
.filtrSearchTable .even {
	background: #E7EEF7;
}
.filtrSearchTable .odd {
	background: #F4F6FC;
}
.filtrSearchTable tr td {
	border-right: 1px solid #ccc;
	text-align: center;
        white-space: nowrap;
}

.filtrSearchTable tr td a {
	/*padding: 3px;*/
	margin: 3px;
        display: inline-block;
}

.filtrSearchTable tr td a.clickToBuy {
    width: 74px;
    display: block;
    margin: auto;
}

.filtrSearchTable tr th {
	text-align: center;
	background:url(../images/common/blackBtnBg.jpg) repeat-x left top;
	border-right: 1px solid #ccc;
	color: #fff;
        white-space: nowrap;
}
.filtrSearchTable tr th span, .filtrSearchTable tr th div {
	padding: 3px;
}
.filtrSearchTable tr {
	height: 30px;
}
.sort{
    display: inline;
    float: right;
    margin: 3px 0 0 5px;
    position: relative;
}
.sort .sortBtn{
	background:url(../images/common/sort_arow.png) no-repeat 0 0;
    display: block;
    height: 7px;
    text-indent: -9999em;
    top: 0;
    width: 8px;
}
.sort .sortUp{
	background-position: 0 0;
}
.sort .sortDown{
    background-position: 0 -7px;
}
.filtrSearchTable .rating a{
	background:url(../images/common/likeBtn.png) no-repeat 0 0;
	color: #000;
	width: 12px;
	height: 14mpx;
	float: left;
	margin-left: 3px;
	text-indent: -9999px;
}
.filtrSearchTable .rating a.like {
	background-position: -14px 0;
}
.filtrSearchTable .rating a.likePartial {
	background-position: 0 1px;
        padding: 0px;
}
.filtrSearchTable .rating a.dislike {
	background-position: -14px -15px;
}
.filtrSearchTable .rating a.dislikePartial {
	background-position: -28px 0px;
        padding: 0px;
}
.filtrSearchTable .rating .rateCount, .rateCount {
	float: left;
	padding-left: 2px;
	line-height: 17px;
}
.filtrSearchTable .rating a.greyDislike {
	background-position: -26px 0;
}
.ratingEdit a.blackLike {
    background-position: -14px 0;
}
.ratingEdit a.greyDislike {
    background-position: -28px 0;
}
/*Buyer css*/

.contentContainer{
	float:left;
	width:1120px;
}
@media screen and (max-width: 1340px) {
	.contentContainer{
		width: 940px;
	}
}

.contentContainer .leftBlock{
	float:left;
	width:160px;
}
.contentContainer .leftBlock nav{
	float:left;
	width:160px;
}
.contentContainer .leftBlock nav ul{
	margin: 0;
	padding: 0;
}
.contentContainer .leftBlock nav ul li{
	float:left;
	width:200px;
	height:49px;
	position: relative;
}
.contentContainer .leftBlock nav #buyerNav li a{
	float:left;
	width:200px;
	height:49px;
	text-indent: -999em;
	background:url(../images/common/buyerNav.jpg) no-repeat;
}
/* Changed wording on these items - don't have the original assets, and files are jpg so copy/paste/resave will introduce image artifacts. workaround for demo. */
.contentContainer .leftBlock nav #buyerNav li.quote a,
.contentContainer .leftBlock nav #buyerNav li.searchHistory a {
    background-image: url("../images/common/supplierNav.jpg");
}
.contentContainer .leftBlock nav #buyerNav li.dashboard a{
	background-position:0 0;
}
.contentContainer .leftBlock nav #buyerNav li.dashboard a:hover, .contentContainer .leftBlock nav #buyerNav li.dashboard a.active{
	background-position:-200px 0;
}
.contentContainer .leftBlock nav #buyerNav li.accountSettings a{
	background-position:0 -49px;
}
.contentContainer .leftBlock nav #buyerNav li.accountSettings a:hover, .contentContainer .leftBlock nav #buyerNav li.accountSettings a.active{
	background-position:-200px -49px;
}
.contentContainer .leftBlock nav #buyerNav li.myMessages a{
	background-position:0 -98px;
}
.contentContainer .leftBlock nav #buyerNav li.myMessages a:hover, .contentContainer .leftBlock nav #buyerNav li.myMessages a.active{
	background-position:-200px -98px;
}
.contentContainer .leftBlock nav #buyerNav li.searchHistory a{
	background-position:0 -147px;
}
.contentContainer .leftBlock nav #buyerNav li.searchHistory a:hover, .contentContainer .leftBlock nav #buyerNav li.searchHistory a.active{
	background-position:-200px -147px;
}
.contentContainer .leftBlock nav #buyerNav li.ratings a{
	background-position:0 -196px;
}
.contentContainer .leftBlock nav #buyerNav li.ratings a:hover, .contentContainer .leftBlock nav #buyerNav li.ratings a.active{
	background-position:-200px -196px;
}
.contentContainer .leftBlock nav #buyerNav li.alerts a{
	background-position:0 -245px;
}
.contentContainer .leftBlock nav #buyerNav li.alerts a:hover, .contentContainer .leftBlock nav #buyerNav li.alerts a.active{
	background-position:-200px -245px;
}
.contentContainer .leftBlock nav #buyerNav li.news a{
	background-position:0 -294px;
}
.contentContainer .leftBlock nav #buyerNav li.news a:hover, .contentContainer .leftBlock nav #buyerNav li.news a.active{
	background-position:-200px -294px;
}
.contentContainer .leftBlock nav #buyerNav li.salesQuotes a{
 background-position:0 -343px;
}
.contentContainer .leftBlock nav #buyerNav li.salesQuotes a:hover, .contentContainer .leftBlock nav #buyerNav li.salesQuotes a.active{
 background-position:-200px -343px;
}
.contentContainer .leftBlock nav #buyerNav li.quote a{
 background-position:0 -392px;
}
.contentContainer .leftBlock nav #buyerNav li.quote a:hover, .contentContainer .leftBlock nav #buyerNav li.quote a.active{
 background-position:-200px -392px;
}
.contentContainer .leftBlock nav #buyerNav li.partComparison a{
 background-position:0 -441px;
}
.contentContainer .leftBlock nav #buyerNav li.partComparison a:hover, .contentContainer .leftBlock nav #buyerNav li.partComparison a.active{
 background-position:-200px -441px;
}
.contentContainer .leftBlock nav #buyerNav li.project a{
 background-position:0 -490px;
}
.contentContainer .leftBlock nav #buyerNav li.project a:hover, .contentContainer .leftBlock nav #buyerNav li.project a.active{
 background-position:-200px -490px;
}
.contentContainer .leftBlock nav #buyerNav li.partToolbox a{
 background-position:0 -587px;
}
.contentContainer .leftBlock nav #buyerNav li.partToolbox a:hover, .contentContainer .leftBlock nav #buyerNav li.partToolbox a.active{
 background-position:-200px -587px;
}
.contentContainer .leftBlock nav #buyerNav li.enterpriseManagement a{
 background-position:0 -636px;
}
.contentContainer .leftBlock nav #buyerNav li.enterpriseManagement a:hover, .contentContainer .leftBlock nav #buyerNav li.enterpriseManagement a.active{
 background-position:-200px -636px;
}
#buyerNav li.inactiveTabs a:hover{
 background-position:0 -539px !important;
}
#buyerNav li.inactiveTabs:hover{
 opacity: 1 !important;
}
.contentContainer .leftBlock nav #adminNav li a{
	float:left;
	width:200px;
	height:49px;
	text-indent: -999em;
	background:url(../images/common/adminNav.jpg) no-repeat;
}
.contentContainer .leftBlock nav #adminNav li.dashboard a{
	background-position:0 0;
}
.contentContainer .leftBlock nav #adminNav li.dashboard a:hover, .contentContainer .leftBlock nav #adminNav li.dashboard a.active{
	background-position:-200px 0;
}
.contentContainer .leftBlock nav #adminNav li.userManagement a{
	background-position:0 -49px;
}
.contentContainer .leftBlock nav #adminNav li.userManagement a:hover, .contentContainer .leftBlock nav #adminNav li.userManagement a.active{
	background-position:-200px -49px;
}
.contentContainer .leftBlock nav #adminNav li.enterpriseManagement a{
	background-position:0 -98px;
}
.contentContainer .leftBlock nav #adminNav li.enterpriseManagement a:hover, .contentContainer .leftBlock nav #adminNav li.enterpriseManagement a.active{
	background-position:-200px -98px;
}
.contentContainer .leftBlock nav #adminNav li.supplierManagement a{
	background-position:0 -147px;
}
.contentContainer .leftBlock nav #adminNav li.supplierManagement a:hover, .contentContainer .leftBlock nav #adminNav li.supplierManagement a.active{
	background-position:-200px -147px;
}
.contentContainer .leftBlock nav #adminNav li.supplierInventory a{
	background-position:0 -196px;
}
.contentContainer .leftBlock nav #adminNav li.supplierInventory a:hover, .contentContainer .leftBlock nav #adminNav li.supplierInventory a.active{
	background-position:-200px -196px;
}
.contentContainer .leftBlock nav #adminNav li.ratings a{
	background-position:0 -245px;
}
.contentContainer .leftBlock nav #adminNav li.ratings a:hover, .contentContainer .leftBlock nav #adminNav li.ratings a.active{
	background-position:-200px -245px;
}
.contentContainer .leftBlock nav #adminNav li.plans a{
	background-position:0 -294px;
}
.contentContainer .leftBlock nav #adminNav li.plans a:hover, .contentContainer .leftBlock nav #adminNav li.plans a.active{
	background-position:-200px -294px;
}
.contentContainer .leftBlock nav #adminNav li.features a{
	background-position:0 -343px;
}
.contentContainer .leftBlock nav #adminNav li.features a:hover, .contentContainer .leftBlock nav #adminNav li.features a.active{
	background-position:-200px -343px;
}
.contentContainer .leftBlock nav #adminNav li.forum a{
	background-position:0 -392px;
}
.contentContainer .leftBlock nav #adminNav li.forum a:hover, .contentContainer .leftBlock nav #adminNav li.forum a.active{
	background-position:-200px -392px;
}
.contentContainer .leftBlock nav #adminNav li.support a{
	background-position:0 -441px;
}
.contentContainer .leftBlock nav #adminNav li.support a:hover, .contentContainer .leftBlock nav #adminNav li.support a.active{
	background-position:-200px -441px;
}
.contentContainer .leftBlock nav #adminNav li.news a{
	background-position:0 -490px;
}
.contentContainer .leftBlock nav #adminNav li.news a:hover, .contentContainer .leftBlock nav #adminNav li.news a.active{
	background-position:-200px -490px;
}
.contentContainer .leftBlock nav #adminNav li.inStock a{
	background-position:0 -539px;
}
.contentContainer .leftBlock nav #adminNav li.inStock a:hover, .contentContainer .leftBlock nav #adminNav li.inStock a.active{
	background-position:-200px -539px;
}
.contentContainer .leftBlock nav #adminNav li.searchingTips a{
	background-position:0 -588px;
}
.contentContainer .leftBlock nav #adminNav li.searchingTips a:hover, .contentContainer .leftBlock nav #adminNav li.searchingTips a.active{
	background-position:-200px -588px;
}
.contentContainer .leftBlock nav #adminNav li.blog a{
	background-position:0 -637px;
}
.contentContainer .leftBlock nav #adminNav li.blog a:hover, .contentContainer .leftBlock nav #adminNav li.blog a.active{
	background-position:-200px -637px;
}


.contentContainer .leftBlock nav #adminNav li,
.contentContainer .leftBlock nav #adminNav li a {
	height: auto;
}
.contentContainer .leftBlock nav #adminNav {
	border: 1px solid #ccc;
	width: 200px;
	overflow: auto;
}
.contentContainer .leftBlock nav #adminNav li a {
	border-bottom: 1px solid #e6e6e6;
}
.contentContainer .leftBlock nav #adminNav li + li a {
	border-top: 1px solid #ccc;
}
.contentContainer .leftBlock nav #adminNav li a {
	background-image: none;
	text-indent: 1em;
	font-size: 14px;
	font-family: Arial, sans-serif;
	background-color: #eee;
	background-image: linear-gradient(0deg, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-position: 0 0 !important;
	line-height: 3em !important;
	color: #333;
	text-shadow: #fff 1px 1px 1px;
}
.contentContainer .leftBlock nav #adminNav li a:hover,
.contentContainer .leftBlock nav #adminNav li a.active {
	background-color: #17a;
	border-color: #000;
	color: #f6f6f6;
	text-shadow: 1px 1px 2px #000;
}


.contentContainer .leftBlock nav #supplierNav li{
	float:left;
	width:160px;
	height:45px;
	position: relative;
}
.contentContainer .leftBlock nav #supplierNav li a{
	float:left;
	width:160px;
	height:45px;
	text-indent: -999em;
	background:url(../images/common/supplierNav.jpg) no-repeat;
}
.contentContainer .leftBlock nav #supplierNav li.dashboard a{
	background-position:0 0;
}
.contentContainer .leftBlock nav #supplierNav li.dashboard a:hover, .contentContainer .leftBlock nav #supplierNav li.dashboard a.active{
	background-position:-160px 0;
}
.contentContainer .leftBlock nav #supplierNav li.companyProfile a{
	background-position:0 -45px;
}
.contentContainer .leftBlock nav #supplierNav li.companyProfile a:hover, .contentContainer .leftBlock nav #supplierNav li.companyProfile a.active{
	background-position:-160px -45px;
}
.contentContainer .leftBlock nav #supplierNav li.contacts a{
	background-position:0 -270px;
}
.contentContainer .leftBlock nav #supplierNav li.contacts a:hover, .contentContainer .leftBlock nav #supplierNav li.contacts a.active{
	background-position:-160px -270px;
}
.contentContainer .leftBlock nav #supplierNav li.myInventory a{
	background-position:0 -90px;
}
.contentContainer .leftBlock nav #supplierNav li.myInventory a:hover, .contentContainer .leftBlock nav #supplierNav li.myInventory a.active{
	background-position:-160px -90px;
}
.contentContainer .leftBlock nav #supplierNav li.myMessages a{
	background-position:0 -147px;
}
.contentContainer .leftBlock nav #supplierNav li.myMessages a:hover, .contentContainer .leftBlock nav #supplierNav li.myMessages a.active{
	background-position:-160px -147px;
}
.contentContainer .leftBlock nav #supplierNav li.news a{
	background-position:0 -196px;
}
.contentContainer .leftBlock nav #supplierNav li.news a:hover, .contentContainer .leftBlock nav #supplierNav li.news a.active{
	background-position:-160px -196px;
}
.contentContainer .leftBlock nav #supplierNav li.viewProfile a{
	background-position:0 -225px;
}
.contentContainer .leftBlock nav #supplierNav li.viewProfile a:hover, .contentContainer .leftBlock nav #supplierNav li.viewProfile a.active{
	background-position:-160px -225px;
}
.contentContainer .leftBlock nav #supplierNav li.project a{
	background-position:0 -343px;
}
.contentContainer .leftBlock nav #supplierNav li.project a:hover, .contentContainer .leftBlock nav #supplierNav li.project a.active{
	background-position:-160px -343px;
}
/* Changed wording on this item for buyerNav - workaround for demo */
.contentContainer .leftBlock nav #supplierNav li.quote a,
.contentContainer .leftBlock nav #buyerNav li.quote a {
	background-position:0 -360px;
}
.contentContainer .leftBlock nav #supplierNav li.quote a:hover, .contentContainer .leftBlock nav #supplierNav li.quote a.active,
.contentContainer .leftBlock nav #buyerNav li.quote a:hover, .contentContainer .leftBlock nav #buyerNav li.quote a.active{
	background-position:-160px -360px;
}
.contentContainer .leftBlock nav #supplierNav li.partComparison a{
	background-position:0 -441px;
}
.contentContainer .leftBlock nav #supplierNav li.partComparison a:hover, .contentContainer .leftBlock nav #supplierNav li.partComparison a.active{
	background-position:-160px -441px;
}
/* Changed wording on this item for buyerNav - workaround for demo */
.contentContainer .leftBlock nav #supplierNav li.searchHistory a,
.contentContainer .leftBlock nav #buyerNav li.searchHistory a{
	background-position:0 -450px;
}
.contentContainer .leftBlock nav #supplierNav li.searchHistory a:hover, .contentContainer .leftBlock nav #supplierNav li.searchHistory a.active,
.contentContainer .leftBlock nav #buyerNav li.searchHistory a:hover, .contentContainer .leftBlock nav #buyerNav li.searchHistory a.active{
	background-position:-160px -450px;
}
.contentContainer .leftBlock nav #supplierNav li.rating a{
	background-position:0 -495px;
}
.contentContainer .leftBlock nav #supplierNav li.rating a:hover, .contentContainer .leftBlock nav #supplierNav li.rating a.active{
	background-position:-160px -495px;
}
.contentContainer .leftBlock nav #supplierNav li.partAlert a{
	background-position:0 -540px;
}
.contentContainer .leftBlock nav #supplierNav li.partAlert a:hover, .contentContainer .leftBlock nav #supplierNav li.partAlert a.active{
	background-position:-160px -540px;
}
.contentContainer .leftBlock nav #supplierNav li.upgrade a{
	background-position:0 -585px;
}
.contentContainer .leftBlock nav #supplierNav li.upgrade a:hover, .contentContainer .leftBlock nav #supplierNav li.upgrade a.active{
	background-position:-0 -585px;
}
.contentContainer .leftBlock nav #supplierNav li.salesQuotes a{
	background-position:0 -630px;
}
.contentContainer .leftBlock nav #supplierNav li.salesQuotes a:hover, .contentContainer .leftBlock nav #supplierNav li.salesQuotes a.active{
	background-position:-160px -630px;
}
.contentContainer .leftBlock nav #supplierNav li.partToolBox a{
	background-position:0 -734px;
}
.contentContainer .leftBlock nav #supplierNav li.partToolBox a:hover, .contentContainer .leftBlock nav #supplierNav li.partToolBox a.active{
	background-position:-160px -734px;
}
.contentContainer .leftBlock nav #supplierNav li.enterpriseManagement a{
	background-position:0 -783px;
}
.contentContainer .leftBlock nav #supplierNav li.enterpriseManagement a:hover, .contentContainer .leftBlock nav #supplierNav li.enterpriseManagement a.active{
	background-position:-160px -783px;
}
/* New buyer nav  */



.contentContainer .leftBlock nav ul#newBuyerNav {
	margin: 0;
	padding: 0;
}
.contentContainer .leftBlock nav ul#newBuyerNav  li{
	float:left;
	width:160px  ;
	height:43px  ;
	position: relative;
}


.contentContainer .leftBlock nav #newBuyerNav li a{
	float:left;
	width:160px;
	height:42px;
	text-indent: -999em;
	background:url(../images/common/newBuyerNav.png) no-repeat;
}
.contentContainer .leftBlock nav #newBuyerNav li.dashboard a{
	background-position:0 0;
}
.contentContainer .leftBlock nav #newBuyerNav li.dashboard a:hover, .contentContainer .leftBlock nav #newBuyerNav li.dashboard a.active{
	background-position:-161px 0;
}

.contentContainer .leftBlock nav #newBuyerNav li.accountSettings a{
	background-position:0 -43px;
}
.contentContainer .leftBlock nav #newBuyerNav li.accountSettings a:hover, .contentContainer .leftBlock nav #newBuyerNav li.accountSettings a.active{
	background-position:-161px -43px;
}

.contentContainer .leftBlock nav #newBuyerNav li.searchHistory a{
	background-position:0 -86px;
}
.contentContainer .leftBlock nav #newBuyerNav li.searchHistory a:hover, .contentContainer .leftBlock nav #newBuyerNav li.searchHistory a.active{
	background-position:-161px -86px;
}

.contentContainer .leftBlock nav #newBuyerNav li.quote a{
	background-position:0 -129px;
}
.contentContainer .leftBlock nav #newBuyerNav li.quote a:hover, .contentContainer .leftBlock nav #newBuyerNav li.quote a.active{
	background-position:-161px -129px;
}

.contentContainer .leftBlock nav #newBuyerNav li.ratings a{
	background-position:0 -173px;
}
.contentContainer .leftBlock nav #newBuyerNav li.ratings a:hover, .contentContainer .leftBlock nav #newBuyerNav li.ratings a.active{
	background-position:-161px -173px;
}

.contentContainer .leftBlock nav #newBuyerNav li.alerts a{
	background-position:0 -216px;
}
.contentContainer .leftBlock nav #newBuyerNav li.alerts a:hover, .contentContainer .leftBlock nav #newBuyerNav li.alerts a.active{
	background-position:-161px -216px;
}
/*   new buyer nav ends here*/




.contentContainer .rightBlock{
	float: left;	
	margin-left: 20px;
	width: 720px;
	font-size: 10px
}
.contentContainer .rightBlock.dashboard,
#message .colTwo.dashboard {
	width: 936px;
}
@media screen and (max-width: 1340px) {
	.contentContainer .rightBlock.dashboard,
	#message .colTwo.dashboard {
		width: 758px;
	}
}
body.backend .contentContainer .rightBlock{
	margin-left: 60px;
}
.contentContainer .leftBlock li .countBlock{
    background: none repeat scroll 0 0 #333333;
    border-radius: 5em;
    color: #FFFFFF;
    font-weight: bold;
    min-width: 17px;
    padding: 1px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 14px;
}
.contentContainer .leftBlock nav #buyerNav li:hover .countBlock{
	color:#333;
	background-color: #fff;
}

/*--------- To display rounded corners in IE --------*/

.ui-corner-top {
	border-radius: 4px 4px 0 0;
}

/*--------- POPUPS --------*/

.popUp {
	padding: 10px;
	background-color: #fff;
	color: #333;
    text-align:left;;
}
.popUp h1 {
	color: #333 !important;
}
.popUp hr {
	color: #fff !important;
	margin: 25px 0;
	border-top: 1px solid #ccc;
	height: 1px;
}
.textBox {
	background: url(../images/cBox/textBg.png) no-repeat 0 0;
	border-top: 0 none !important;
	border-left: 0 none !important;
	border-bottom: 0 none !important;
	border-right: 1px solid #ccc;
	color: #999;
	padding: 0 5px;
}
.popUps {
	padding: 10px;
	background-color: #fff;
	color: #333;
	text-align: left;
}
.IE7 .popUp {
	padding: 0;
}
.IE7 .social {
	padding-top: 10px;
}
.IE7 .textBox {
	border-right: 1px solid #ccc !important;
}
span.logoAdmin {
	background:url(../images/common/logoAdmin.png) no-repeat 0 0;
	display: block;
	width: 300px;
	height: 122px;
}
/*---------- Common styles ----------*/

.commonTitle {
	background: url(../images/common/commonTitleBG.png) repeat-x 0 0;
	/*line-height: 38px;*/
	font-size: 24px;
	color: #fff;
	font-size: 24px;
	color: #fff;
    border-radius: 3px 3px 0 0 ;
	padding-left: 20px;
	font-weight: normal;
	position:relative;
  

}
.commonTitleNew {
	/*line-height: 38px;*/
	font-size: 12px;
	font-family:/ 'Montserrat', sans-serif;
	color: #5D5D5D;
    border-radius: 3px 3px 0 0 ;
	font-weight: bold;
	position:relative;
	text-transform: uppercase;
  	height: 20px !important;

}
.commonTitleRecent {
	line-height: 38px;
	background: #5D5D5D;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
    border-radius: 5px 5px 0 0 ;
	font-weight: bold;
	position:relative;
	text-transform: uppercase;
	text-align: center; 
  	height: 40px !important;

}

.commonTitleAccount {
	background-color:#1E81E2;
	/*line-height: 38px;*/
	font-size: 12px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
   /* 8/ border-radius: 3px 3px 0 0 ; */
	padding-left: 20px;
	height: 20px;
	font-weight: normal;
	position:relative;
	line-height: 20px;
 
}


.evenBackground {
	background: #E7EEF7;
}
.oddBackground {
	background: #F4F6FC;
}

/*---------- Typography ----------*/

.fontMontserrat {
	font-family: 'Montserrat', sans-serif;

}

.font10 {
	font-size: 10px;
}
.font12 {
	font-size: 12px;
}
.font23 {
	font-size: 23px;
}
.font22 {
	font-size: 22px;
}
.font18 {
	font-size: 18px;
}
.font17 {
	font-size: 17px;
}
.font16 {
	font-size: 16px;
}
.font42 {
	font-size: 42px;
}
.fontWeightNormal {
	font-weight: normal;
}
.lineHeight22 {
	line-height: 22px;
}
.lineHeight2 {
	line-height: 2;
}

/*---------- Width & height ----------*/

.w100 {
	width: 100%;
}
.w579 {
	width: 579px;
}
.w330 {
	width: 330px;
}
.width86 {
	width: 86px;
}
.width105 {
	width: 105px;
}
.width490 {
	width: 490px;
}
.width440 {
	width: 440px;
}
.width443 {
	width: 443px;
}
.width410 {
	width: 410px;
}
.w300 {
	width: 300px;
}
.w215 {
	width: 215px;
}
.height310 {
	height: 310px;
}
.h24 {
	height: 23px;
}
.h39 {
	height: 39px !important;
}
.h28 {
	height: 28px !important;
}

.h200 {
	height: 200px !important;
}
.width76 {
	width: 76%;
}
.width75 {
	width: 75px !important;
}
.width720 {
	width: 720px;
}
.width940 {
	width: 940px;
}
.width719 {
	width: 719px;
}

/*---------- Buttons ----------*/

.blackBtn {
    background: url(../images/common/smallBlkBtn.png) no-repeat scroll center 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    height: 23px;
    line-height: 20px;
    padding-bottom: 3px !important;
    text-align: center;
    text-decoration: none;
    width: 70px;
}
.IE7 .blackBtn {
    background: url(../images/common/smallBlkBtn.png) no-repeat scroll center 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    height: 23px;
    line-height: 21px;
    padding-bottom: 3px !important;
    text-align: center;
    text-decoration: none;
    width: 75px;
	/*top:-7px;*/
	position:relative;
    border-radius:5px;
    margin-bottom:10px;

}
.social{
	float:right;
	position:relative;
	top:2px;
	right:6px;
}
.IE7 .social {
	float:right;
	position:relative;
	top:-40px;
	right:20px;
}
.social a {
	background:url(../images/common/socialSprite.png) no-repeat 0 0 !important;
	color: #000;
	width: 52px;
	height: 21px;
	float: left;
	margin-left: 8px;
	text-indent: -9999px;
}
.social a.fb {
	width:21px;
	background-position: 0px 0 !important;
}
.social a.tweet{
	width:21px;
	background-position: -20px 0 !important;
}
.social a.gplus{
	width:32px;
	background-position: -42px 1px !important;
}
.buttonBlack{
	width:135px;
	height:23px;
	padding:3px 5px 5px 5px;
	background:url(../images/manufacturers/buttonBg.jpg) repeat-x;
	color:#fff!important;
	border:dashed 0px #000000;
	border-radius: 3px;
}

/*---------- Margin, padding and misc styles ----------*/

.box {
	width: 100%;
	height: auto;
}
.marginLft02 {
	margin-left: 2px;
}
.marginLft14 {
	margin-left: 14px;
}
.marginLft10 {
	margin-left: 10px;
}
.marginLft40 {
	margin-left: 40px;
}
.paddingTop03{padding-top:3px;}
.paddingTop06{padding-top:6px;}
.paddingTop120 {
	padding-top: 100px;
}
.borderColorE2 {
	border-bottom: 1px solid #e2e2e2;
}
.borderColorE9 {
	border-top: 1px solid #e9e9e9;
}
.overflowAuto {
	overflow: auto;
}
.clearLeft {
	clear: left;
}
.fix #cboxWrapper {
	position: relative !important;
}
.adminImgWarp {
	position: relative;
}
.adminImg{
	position: absolute;
	right: -22px;
	bottom: -18px;
	background:url(../images/common/adminBg.png) no-repeat 0 0;
	width: 75px;
	height: 76px;
	line-height: 76px;
	display: block;
	color: #fff;
}
/*---------- Admin details ----------*/

.adminWrap {
	line-height: 14px;
	margin-top: 20px;
    width: 100px;
}
.adminWrap .adminName {
	padding-right: 10px;
    width: 95px;
}
.adminWrap .adminImage {
	height: 22px;
	width: 23px;
	padding-top: 2px;
	margin-right: 10px;
}
.adminWrap .role {
	font-size: 11px;
}
.adminName ul li a, .adminName ul li a {
	background:url(../images/tabs/tabBg.png) repeat-x !important;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    line-height:21px;
    padding:0px 10px 0px 10px !important;
    width:120px !important; 
}
.adminName ul li a:hover, .adminName ul li a:hover {
	background:url(../images/common/menuItemHover.png) repeat-x !important;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    line-height:21px;
    padding:0px 10px 0px 10px !important;
    width: 120px !important; }



/* =============================================================================
	JPANESCROLL STYLE ENDS
=============================================================================*/

.scroll-pane{
	width: 732px;
	height: 330px;
	overflow: auto;
}
.horizontal-only{
	height: auto;
	max-height: 200px;
}
.scroll{
	overflow:auto;
}

/* =============================================================================
	GREY NAVIGATION BUTTON STYLE BEGINS
=============================================================================*/

.recyleBin a{
	height:18px;
	width:12px;
	float:right;
	background:url(../images/common/recycleBinIcon.png) no-repeat;
	margin:10px 10px 0px 0px;
}

.greyButton a, .greyButton input.greyBtn{
	color: #333;
	text-decoration: none;
	background:url(../images/common/whiteBtnBg.png) repeat-x;
	float: left;
	text-align:center;
	height: 22px;
	line-height:22px;
	font-size: 12px;
	border-radius: 3px 3px 3px 3px;
	border: 0 none;
	position:relative;
}
.greyNewButton a, .greyNewButton input.greyBtn{
	color: #333;
	text-decoration: none;
	background:url(../images/common/whiteBtnBg.png) repeat-x;
	float: left;
	text-align:center;
	height: 22px;
	line-height:22px;
	font-size: 12px;
	border-radius: 3px 3px 3px 3px;
	border: 0 none;
	position:relative;
}
.deleteAllActive a {
	background: url("../images/common/navHover.png") no-repeat scroll center 0 transparent !important;
}
.button a {
   /* background: url(../images/common/smallBlkBtn.png) no-repeat scroll center 0 transparent;*/
   	background: #5D5D5D;
    color: #FFFFFF !important;
    float: left;
    height: 24px;
    line-height: 22px;
    margin-top: 13px;
    text-align: center;
    text-decoration: none;
    width: 75px;
	border-radius: 3px 3px 3px 3px;
	border: 0 none;
}

/* =============================================================================
  	RECENT SEARCH STYLE BEGINS
=============================================================================*/

.recentSearch {
	float:left;
	width:198px;
	height:300px;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 1px;
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
	position:relative;
}
.recentSearch ul li {
	float:left;
	width:170px !important;
	height:30px !important;
	border-bottom: 1px solid #CCCCCC;
	padding:0px !important;
	margin-left:20px;
	line-height: 30px;
}
.recentSearch ul li .active {
	font-weight: bold;
	color: #3D97E4 !important;
}
.recentSearch  .scroll-pane{
	width: 98%;
	height: 246px;
	overflow: auto;
}
.recentSearch  .scrollPane{
	width: 98%;
	height: 170px;
	overflow: auto;
}
.recentSearch  .scrollPane a, .recentSearch  .scroll-pane a{
	color: #333;
}

/* New recent search */

.recentSearchNew {
	float:left;
	width:156px;
	height:300px;
	border: 1px solid #5D5D5D;
	border-width: 0 2px 2px 2px;
	border-radius: 8px 8px 0px 0px;
	overflow: hidden;
	position:relative;
}
.recentSearchNew ul li {
	float:left;
	width:160px !important;
	height:30px !important;
	color: #5D5D5D;
	font-family: 'Montserrat', sans-serif;
	padding:0px !important;
	margin-left:20px;
	line-height: 30px;
}
.recentSearchNew ul li .active {
	font-weight: bold;
	color: #3D97E4 !important;
}
.recentSearchNew  .scroll-pane{
	width: 98%;
	height: 246px;
	overflow: auto;
}
.recentSearchNew  .scrollPane{
	width: 98%;
	height: 170px;
	overflow: auto;
}
.recentSearchNew  .scrollPane a, .recentSearch  .scroll-pane a{
	color: #333;
}

.jspHorizontalBar {
	display: none;
}
.jspVerticalBar {
	background: #fff;
}

/* =============================================================================
  	PAGINATION/SHOW BLOCK  STYLE BEGINS
=============================================================================*/

.showBlk{
    float: left;
    height: 24px;
    line-height: 22px;
    text-decoration: none;
    width: 50%;
}

.pagination{
    float: right;
    height: 24px;
    line-height: 22px;
    text-decoration: none;
    width: 42%;
}
.pagination .prev{
	background: url(../images/common/paginationPrevBtn.png) no-repeat 0 0;
    float: right;
    height: 23px;
    line-height: 22px;
    text-decoration: none;
    width: 28px;
	text-indent: -9999em;
}
.pagination .next{
	background: url(../images/common/paginationNxtBtn.png) no-repeat -6px 0px;
    float: right;
    height: 23px;
    line-height: 22px;
    text-decoration: none;
    width: 28px;
	text-indent: -9999em;
}
.pagination .backBtn {
	border: 1px solid #999;
	border-width: 0 1px 0 1px;
	text-align: center;
	color:#3D97E4;
	float: right;
    height: 15px;
    line-height: 15px;
    margin-top: 5px;
    padding: 0 10px;
}

/* =============================================================================
  	MARGIN AND PADDING
=============================================================================*/

.marginTop02{margin-top:02px;}
.marginTop03{margin-top:03px;}
.marginTop08{margin-top:08px;}
.marginTop23{margin-top:23px;}

.paddingBtm02 {padding-bottom:2px;}
.paddingBtm38 {padding-bottom:38px;}

/* =============================================================================
  	LIKE/DISLIKE
=============================================================================*/

a.like {
	background: url(../images/common/likeBtn.png) no-repeat scroll -14px 0 transparent;
    color: #000000;
    float: left;
    height: 14px;
    margin-left: 8px;
    text-indent: -9999px;
    width: 12px;
}
 a.dislike {
	/*background: url(../images/common/likeBtn.png) no-repeat scroll -28px 1px transparent;*/
	background: url(../images/common/likeBtn.png) no-repeat scroll -14px -14px transparent;
	color: #000000;
    float: left;
    height: 14px;
    margin-left: 8px;
    text-indent: -9999px;
    width: 13px;
}
.IE7 td, .IE7 th {
	padding-top: 0;
	padding-bottom: 0;
}
.loginInActive{
    float: right;
	color: #FFF !important;
	background:url(../images/common/smallBlkBtn.png) no-repeat center 0;
	text-align: center;
	text-decoration: none;
	margin-top: 0px;
	line-height: 18px;
	height: 24px;
}
.loginIn{
    float: left;
	color: #FFF !important;
	background:url(../images/common/smallBlkBtn.png) no-repeat center 0;
	width: 69px;
	text-align: center;
	text-decoration: none;
	margin-top: 0px;
	line-height: 18px;
	padding-bottom: 4px;
	height: 24px;
	border: 0 none;
}

/* Styles Modifications */

.IE7 .textBox, .IE8 .textBox {
	line-height: 23px;
}
.positionFix {
	position: relative !important;
	right: -7px !important;
}
.formElementFix {
	margin-right: -6px !important;
}
/*--------------- Admin Control Menu -------------*/

.adminControl {
	position: relative;
	cursor: pointer;
	background:url(../images/common/arrow.png) no-repeat right 2px;
	padding-right: 5px;
}
.adminControl ul {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 28px 0 0 0;
	display: none;
	z-index: 1000;
}
.adminControl:hover ul{
	display: block;
}
.adminControl ul li {
	display: block;
	height: 23px;
    background:none !important;
}
.adminControl ul li a {
	background: url(../images/tabs/tabBg.png) repeat-x  center 0 transparent;
	color: #fff !important;
    float:left;
}
.borderLft {
	border-left: 1px solid #ccc;
}
#contact_us_reason_child {
	width:273px !important;
}
.forgotPass {
	color: #3D97E4 !important;
}
.marginRgt07 {
	margin-right: 7px;
}
#sf_guard_user_addressForm_region_id_child {
	width: 68px !important;
}
/* -----------------------
	Width modificatio (Rahul 4-7-12)
---------------------- */
.width440 { width:440px !important;}

/* -----------------------
	Font color classes
---------------------- */
.fontFix{
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
}
.IE7 .loginIn {
	margin-top: 15px;
}
#featuresVideo_content .cboxClose {
	right: 40px;
}
#supportVideo_content .cboxClose {
	right: 40px;
}
.w14 {
	width: 14%;
}
.width135 {
	width: 135px;
}
.contentField ul {
	padding-left: 11px !important;
}
.blueButton a {
    background: url("../images/common/navHover.png") repeat-x scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
}
.IE7 .ieMarginFix {
	margin-top: 15px;
}
.buttonPaddFix {
	position: relative;
	left: -14px;
}
.Safari .buttonPaddFix, .Chrome .buttonPaddFix {
	left: 0;
}
.marginLft45 {
	margin-left: 45px;
}
.marginLft09 {
	margin-left: 9px !important;
}
.IE .marginLft09 {
	margin-left: 7px !important;
}
.marginTop44 {
	margin-top: 44px;
}
.marginTop69 {
	margin-top: 69px;
}
.width483 {
	width: 483px;
}
.paddingLft27 {
	padding-left: 27px;
}
.paddingLft34 {
	padding-left: 34px;
}
.noBorder {
	border: 0 none !important;
}
#headerhome .loginSection a:hover {
	background: url("../images/common/navHover.png") no-repeat scroll center 0 transparent !important;
}
.normalFont {
	font-weight: normal !important;
}
.marginTop92 {
	margin-top: 92px;
}
.marginTop117 {
	margin-top: 117px;
}
.errMessage {
	clear: left;
}
.marginBtm40 {
	margin-bottom: 40px;
}
.rateCount {
	font-size: 15px;
}
.w99 {
	width: 99%;
}
.marginRgt35 {
	margin-right: 35px;
}
.marginRgt55 {
	margin-right: 55px;
}
.width625px {
	width: 625px;
}
.customSearchTabs {
	width: 170px;
	padding-left: 20px;
	height: 34px;
	line-height: 34px;
	background: url("../images/common/leftBlokHead.jpg") repeat-x;
	border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-size: 16px;
	margin-right: 20px;
	cursor: pointer;
	position:relative;
}
.opacityHalf {
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.newContacts {
	margin-top:40px !important;
}
.certificationsLogoImg img {
	max-width: 168px !important;
	max-height: 98px !important;
}
.padding20 {
	padding: 20px;
}
.BgColorLightBlue {
	background-color: #91cbff;
}
.bigItem {
	padding: 0 5px;
}
.bigItem a , .bigItem{
	width: 95px !important;
}
.bigItem a:hover, .bigItem a.active {
	background:url(../images/common/adminNavHover.png) no-repeat center 0 !important;
	width: 95px !important;
}
.mainBigItem {
	padding: 0 10px;
}
.mainBigItem a , .mainBigItem{
	width: 95px !important;
}
.mainBigItem a:hover, .mainBigItem a.active {
	background:url(../images/common/adminNavHover.png) no-repeat center 0 !important;
	width: 95px !important;
}
.tableFix tr, th, td, caption {
	height: 21px !important;
   /* padding: 1px 10px 1px 5px;*/
}
.w82 {
	width: 82%;
}
.w85 {
	width: 85%;
}
#supplierAdminView .readRevScroll {
    width: 685px;
}
.width245 {
	width: 245px;
}
.width177 {
	width: 177px;
}
.left230px{
	left:230px !important;
}
.readTermstxt{
	width:290px;
	font-weight:normal;
	margin:1px 0 0 3px;
}

.height40 {
	height:40px !important;
}
.ddErrorFix {
	top: -23px;
}

.partdatabuton{
	margin:0 auto; 
	width:150px;
	overflow:hidden;
}
.partdatabuton a{
	float:left;
	width: 135px;
	height: 14px;
	padding: 3px 5px 5px 5px;
	background: url(../images/manufacturers/buttonBg.jpg) repeat-x;
	color: white!important;
	border: 0px ;
	-moz-bordr-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius: 3px;
	text-align:center;
}
.searchSugg li {
	width: 143px;
	clear: left;
	text-align: left;
	line-height: 30px;
	color: #3D97E4;
	background: url(../images/common/bullet001.jpg) left center no-repeat;
	padding-left: 20px;
}
#partDataSearch .searchSugg li {
	width: auto !important;
}


/* MODIFICTION 14-11-12 */
#footer .inner nav ul li .socialIcons {
    color: #FFFFFF;
    display: inline;
    list-style: none outside none;
    padding-right: 15px;
}
#footer .inner .socialIcons a{
	background:url(../images/common/socialIcons.png) no-repeat 0 0;
	width: 18px;
	height: 24px;
	float: left !important;
	text-indent: -9999px;
}
#footer .inner .socialIcons .facebook{
	background-position: 20px 6px;
	margin-right: 10px;
}
#footer .inner .socialIcons .twitter{
	background-position: -18px 6px;
}


.font12 { font-size:12px !important;}
.font11 { font-size:11px !important;}
.width710 {width:710px !important;}

.tableList {
	float:left;
	width:100%;
}
.tableList ul{
  width:100%;
  margin:0px 0px 0px 0px;
  padding-left:0px !important;
  float:left;
  display:block;
}
.tableList ul li{
  line-height:32px;
  float:left;
  display:inline;
  padding:2px 0px px 0px;
}
.tableList li.subList{
  line-height:1.5em;
  float:left;
  display:inline;
  padding:4px 0px 10px 20px;
}

.tableList .quad li.head   {padding:20px 0px 10px 0px !important; float:left;}

.tableList .single li  { width:100% !important;} /* 2 col */
.tableList .double li  { width:50%;} /* 2 col */
.tableList .double35p li  { width:35%;} /* 2 col */
.tableList .triple li  { width:31.5%; } /* 3 col */
.tableList .quad li    { width:25%; } /* 4 col */
.tableList .six li     { width:16.666% !important; } /* 6 col */

.tableList .double35p li:nth-child(2n) { width:65% !important; }

.paddingLft02 {padding-left:2px !important;}
.paddingLft10{ padding-left:10px !important; }
.paddingBtm22{ padding-bottom:22px !important; }
/*ul li 2 coloum table lsiting*/
/* MODIFICTION 14-11-12 */
.bigBlueBtn {
	background: url(../images/common/bigBlueBtn.png) no-repeat 0 0;
	width: 244px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	display: block;
}
.bigBlueBtn:hover {
	color: #fff;
}
.chromeFix {padding-left: 17px;}

/* MODIFICTION 27-11-12 */
.bgGreyMedium { background:#EDEDED;}
/* MODIFICTION 28-11-12 */
.font14 { font-size:14px;}

.supplierInfoDp { 
	width:156px; 
	float:left;
	display: table-cell;
    float: left;
    text-align: center;
    vertical-align: middle;
	margin-bottom:10px;
	margin-right:10px;
}
.w99 { width:99% !important;}
.width930px { width:930px;}
.width110px { width:110px;}
.width85px { width:85px;}
.width170 { width:170px;}
.textCenter { text-align:center !important; }
.textLeft { text-align:left !important; }
.paddingLft05 {padding-left:5px !important; }
.width715px { width:715px;}
.width347px { width:347px;}


input[type="submit"]:disabled
{
 background: url(../images/common/smallBlkBtn.png) no-repeat scroll center 0 transparent !important;
    border: 0 none !important;
    color: #FFFFFF !important;
    height: 23px !important;
    line-height: 23px !important;
    padding-bottom: 3px !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 70px !important;
} 

.linkNil {text-decoration:none !important; cursor:default !important; color:#333333 !important;}
.btnStyle { padding-top:5px !important; padding-bottom:4px !important; color:white !important; }
.IE7 .loginPopUpIE7Style{ height:480px !important; width:340px !important; }
.supplierInfoDp {
 float: left;
	width:180px;
	text-align:center;
	vertical-align:middle;
	 display: table-cell;
    vertical-align: middle;
    text-align:center;


}
.contentBox {
 float:left;
 width:343px;
 /*padding:20px;
 min-height: 480px;*/
 }
.note{padding:0px 20px 20px 20px; }
 .contentBoxFull {
 float:left;
 width:94%;
 padding:20px;
 }
 .paddinTop20 {padding-top:20px !important; }
 .w97{width:97%; }
 
 .contentBoxInfo {
 float:left;
 width:343px;
 /*padding:20px;*/
 min-height: 520px;
 }
 .marginLft75{margin-left:75px; }
 .marginLft115{margin-left:115px; }
 .width600{width:600px; }
 .width71px{width:71px; } 
 .width80px{width:80px; }
 .width88px{width:88px; }
 .marginLft07{margin-left:7px; }
.IE7 .accountInfoddHack {width:70px; }
.IE7 .lftMarginNil{margin-left:0px !important; }
a{cursor:pointer !important; }
/*part alert*/
.IE9 .chkBoxCenter {margin-left:23px; }
.IE8 .chkBoxCenter {margin-left:23px; }
.IE7 .chkBoxCenter {margin-left:23px; }
/*part alert*/
.paddingTop04 { padding-top:4px !important; }


.blakBtn {
	background:url(../images/tabs/tabBg.png) repeat-x 0 0;
	border-radius: 3px;
	color: #fff;
	border: none;
	height: 23px;
	line-height: 23px;
	padding: 0 8px 4px 8px;
	position:relative !important;
    float:left;
    text-align: center;
    text-decoration: none;
}
a.blakBtn:hover {
	background:url(../images/tabs/tabBg.png) repeat-x 0 0;
	border-radius: 3px;
	color: white;
	border: none;
	height: 23px;
	padding: 0 8px 4px 8px;
	position:relative !important;
    float:left;
    text-align: center;
    text-decoration: none;
}
.IE8 a.blakBtn:hover {
     line-height: 23px;
}
.IE7 .blakBtn {
	line-height: 20px;
    margin-bottom:10px;
    position:relative !important;
    border-radius: 3px;
}

.txtFieldWidth {width:94%; }
.txtFieldWidthSml {width:90%; }


.IE7 .arrows .rightTitileArrow-IE7 {line-height:23px; position:relative; top:-4px;}
.editAddReviewSection {float:left; width:98%; padding-left:5px; }
.width100{width:100px; }
.width90{width:90px; }
.width60{width:60px; }
.width80{width:80px; }
.IE7 .pluginButton{width:400px !important; }
.topNull {top:0px !important; }
.IE7 .blackBtnMargin {margin-top:5px; }
.IE7 .fieldSetBtmMargin{margin-bottom:10px; }
.IE7 .downloadIcon{margin-left:28px !important; }
.IE7 .pluginButtonIE .pluginButton {padding:0 45px 3px 0px !important;}
.height24px{height:24px; }
.marginTop13{margin-top:13px; }
.marginLft33{margin-left:33px; }
.IE7 .marginTop10px{margin-top:10px; }
.boxList ul li{float:left; }

.IE7 .boxList ul li{float:left; width:310px;}
.z100 {z-index: 100;}
.z500 {z-index: 500;}
.z1000 {z-index: 1000;}
.pageCalc ul li {
	border-right: 1px solid #999;
	padding: 0 10px;
	float: left;
}
.pageCalc ul li.last {
	border-right: 0 none;
}
.pageCalc ul li a {
	color: #999999;
	border: 1px solid #efefef;
	padding: 2px 3px;
	background: #fff;
}
.pageCalc ul li a:hover, .pageCalc ul li.active a {
	color: #000;
	border: 1px solid #1958bd;
}
.blackBorder {
	border: 1px solid #000;
}
.blackRightBorder {
	border-right: 1px solid #000;
}
.inactiveTabs {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.inactiveTabs:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}


.inactiveTabs a:hover {
		background-position:0 -585px !important;
}
.partComparisonWrap {
	background: #ededed;
	border-radius: 0 0 6px 6px;
	position: relative;
	top: -3px;
}
.partComparisonWrap .partComparisonTab{
	background:url(../images/common/partlookup.png) no-repeat center 30px;
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	padding: 95px 0 17px 0;
	width: 100%;
}
.partComparisonWrap .partComparisonTab a {
	color: #2e2e2e;
	font-size: 24px;
	font-weight: bold;
}
.partFunctions{
	background:url(../images/common/or.jpg) no-repeat center center #ededed;
	border-radius: 0 0 6px 6px;
	position: relative;
	top: -3px;
}
.partFunctions .partTabsWrap{
	width: 356px;
}
.partFunctions .partlookup{
	background:url(../images/common/partlookup.png) no-repeat center 30px;
	border-radius: 0px 0px 0px 6px;
}
.partFunctions .partcomp{
	background:url(../images/common/partcomp.png) no-repeat center 30px;
}
.partFunctions .suggAlternate{
	background:url(../images/common/suggAlternate.png) no-repeat center 30px;
	border-radius: 6px 6px 6px 6px;
}
.partFunctions .dataSheets{
	background:url(../images/common/dataSheets.png) no-repeat center 30px;
	border-radius: 6px 6px 6px 6px;
}
.partFunctions .partlookup, .partFunctions .partcomp, .partFunctions .suggAlternate, .partFunctions .dataSheets{
	text-align: center;
	padding: 95px 0 17px 0;
}
.partFunctions a .partlookup, .partFunctions a .partcomp, .partFunctions a .dataSheets, .partFunctions a .suggAlternate {
	color: #2e2e2e;
	font-size: 24px;
	font-weight: bold;
}
.partFunctions a:hover .partlookup, .partFunctions a:hover .partcomp, .partFunctions a:hover .dataSheets, .partFunctions a:hover .suggAlternate {
	color: #3D97E4 !important; 
	/*text-decoration: underline;*/
}
.partSearchTable tr td {padding: 1px 10px;}
span#select-result span {margin-right: 25px;position: relative;}
span#select-result span a.redCross{
	display: block;
	width: 9px;
	height: 9px;
	background:url(../images/common/redCross.png) no-repeat center center;
	position: absolute;
	right: -11px;
	bottom: 3px
}
.quoteComments {
	width: 320px;
	height: 120px;
}
.wordWrap { 
	word-wrap:break-word; 
	white-space: normal !important ;
}
.radio_list li.w50 {
    width: 50% !important;
}
.autoFlow {
	overflow: auto;
}
.buyersSuggList li {
	padding: 8px 1%;
	width: 98%;
	overflow: hidden;
}
.buyersSuggList li.odd {
	background: #b7b7b7;
}
.buyersSuggList li.even {
	background: #ededed;
}
.buyersSuggList li a.dislike {
background: url(../images/common/disLikeBtn.png) no-repeat 0 0 !important;
}


.compareColumn {
	border: 1px solid #b2b2b2;
	padding: 15px;
	width: 300px;
}
a.partialDislike {
background: url(../images/common/likeBtn.png) no-repeat scroll -14px -14px;
color: #000000;
float: left;
height: 14px;
margin-left: 8px;
text-indent: -9999px;
width: 13px;
}
.buyersSuggList a.partialLike,.buyersSuggList a.partialDislike,.buyersSuggList a.like,.buyersSuggList a.dislike,.buyersSuggList a.likePartial,.buyersSuggList a.dislikePartial  {margin-left: 0 !important;margin-top:1px;}

.viewMsgRed {color: red !important;text-decoration: underline !important;}
.detailsHead { 
	background: #1E81E2; 
	color: #FFF; 
	font-weight: bold;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.detailsHead .borderRight, #inboxheading .borderRight,  #outheading .borderRight {
		border-right: 1px solid #FFF;
	}
#inboxheading .commonPadding, #outheading .commonPadding{padding-top: 7px;padding-bottom: 7px;}
.detailsHead div {padding-top: 2px;padding-bottom: 4px}
.inputDisplayDiv {
height: 21px;
background: url(../images/common/formBg.jpg) no-repeat 0 0 #fff;
border: 1px solid #ccc !important;
border-width: 0 1px 1px 0;
margin: 0.5em 0;
padding-left: 5px;
}
.detailsHead, .accordionMessages {
	border-left: 1px solid #FFf;
	border-right: 1px solid #FFF;
}
.detailsHead {
	border-bottom: 1px solid #FFF;
	height: 20px;

}
.fontWeightNormal {font-weight: normal !important;}
.supplierInfoInAccordion {
position: relative;
margin-left: -20px;
margin-top: -10px;
width: 680px;
border-bottom: 1px solid #000;
}
.width95px {width: 95px;}
.font20px {
	font-size: 20px;
}
.font13px {
	font-size: 13px;
}
table.backBordered
{
border-collapse:collapse;
}
table.backBordered td
{
border: 1px solid black;
}
.width228 {
	width: 228px;
}
.lightGrayBottomBorder {
	border-bottom: 1px solid #ccc;
}
.liWidthFix li {padding-left: 20px;}
.horizontalBlackLine {
	border-top: 1px solid #000;
	margin: 24px 0 0 0;
	clear: both;
}
.accordionMessages h3.open {
border-bottom: none !important;

}

.compareColumn {
	border: 1px solid #b2b2b2;
	padding: 15px;
	width: 275px;

}
.partComparisonWrap {
	background: #ededed;
	border-radius: 0 0 6px 6px;
	position: relative;
	top: -3px;
}
.partComparisonWrap .partComparisonTab{
	background:url(../images/common/partlookup.png) no-repeat center 30px;
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	padding: 95px 0 17px 0;
	width: 100%;
}
.partComparisonWrap .partComparisonTab a {
	color: #2e2e2e;
	font-size: 24px;
	font-weight: bold;
}
.borderRgtOnePx {
    border-right: 1px solid #666;
}
.borderedBox {
    border: 1px solid #eee;
    padding: 10px;
}
.borderedBox a.blackBtn:hover {
    color: #fff !important;
}
.compareButton {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 0;
}
#tablePopup_content table tr td {
	font-weight: bold !important;
	padding-top:0 !important; 
	padding-bottom:0 !important; 
	line-height: 1.8;
}
.compareBtnPadding {
	padding: 3px 12px;
}
.tableFieldBreak {
	word-wrap: break-word;
	display: block;
}
.borderLftOnePx {
	border-left: 1px solid #666;
}
.IE8 .ieFixForHeight {
	line-height: 23px !important;
}
.inputTextFix {
	height: auto !important;
	padding: 3px 0 3px 5px !important;
	color: rgb(153, 153, 153);
}
.ui-widget-content a.bigBlueBtn {
	color: #fff !important;
	}
.w168px {
	width: 168px;
}
table.popupFeaturesTable td {
	border-bottom: 1px solid #222;
}
table.popupFeaturesTable {
	border-top: 1px solid #222;
	border-left: 1px solid #222;
}
table.popupFeaturesTable tr td {
	border-right: 1px solid #222 !important;
}
#tablePopup_content table th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
td.centerLine {
	background: url("../images/common/dot.jpg") repeat-y scroll 225px top !important;
}
.pdf{
	background:url(../images/manufacturers/pdfIcon.jpg) left no-repeat;
}
.pdf a{
	color:#000!important;
	background:none;
}
.pdf a.bigBlueBtn  {
	color:#000 !important;
	height:32px;
	line-height:32px;
	
}
.dataHistory .pdf {
	background-position: right center;
	padding-right: 20px;
	display: block;
	background-size: auto 15px;
}
.logoNameContainer  {

	background: none repeat scroll 0 0 #FFFFFF;   
	display: table-cell;  
	font-size: 13px;
    height: 98px;    
    vertical-align: middle;    
    width: 168px; 
    text-align: center;
}
.hideOverlayTabs #feedbackbutton,
.hideOverlayTabs #referalbutton,
.hideOverlayTabs .clickdesk-minimalistic,
.hideOverlayTabs .clickdesk {
  display: none;
}


.rightfloatdiv {
    position:fixed !important;
    position: absolute; /*ie6 */
    right: 0;
    top:20%;
    z-index: 9999;
}


	.searchboxNew
{
    background-color: #aeaeae;
    border-radius: 2px;    
    border-color: #c4d9df #a4c3ca #83afb7; 
    border-top: 1px solid #4c4c4e;
	border-left: 1px solid #4c4c4e;           
    width: 332px;
    padding: 1px;
    overflow: hidden; /* Clear floats */
    float: left;
}
.submitNew {
	background: url("../images/search-btn.jpg") top center no-repeat;
	text-indent: 99999px;
	border:none;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.searchNew {
	padding: 2px;
	border-top: 1px solid #4c4c4e;
	border-left: 1px solid #4c4c4e;
	width: 300px;
	height: 19px !important;
	margin: 0 !important;
}
.centerAlignAccount {
     
    position: relative;
    left: 33%;
     }
