/* ======================== Layout CSS ==================================================*/
/* Debug and Trace Classes for CSS */
.debug *         {   border:1px dotted red; background:lightYellow; filter:alpha(opacity=70);opacity:.7;}
/* End of Debug & Trace Classes */
html					{	margin:0;padding:0;}
body 
						{	margin:0 auto;	padding:0;	font-family :Arial,Helvetica, Tahoma;	font-size:12px; background: #C8D2DD url(../images/pageTopBg.gif) top left repeat-x;	 }
#SMEJOBSLogo
{
    margin:28px 0 10px 28px;
    }    
#dvMenu			{	clear:both;}    
#CompLogosScroller 
                {float:right; margin-top:50px;margin-right:14px; width:450px;height:40px;}
#pageContainer{
	width:990px;
	margin:0 auto;
	background-color:#FFFFFF;
}
#header {
	clear:both;
	float:left;
	width:100%;
	background-color:#FFFFFF;
}

/* 'widths' sub menu  Header inside Comments --- */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}	
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:990px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}	/* common column settings */
.colright, .colmid, .colleft,.colleftn ,.colmidn{
	float:left;
	width:990px;			/* width of page */
	position:relative;
}
.col1, .col2, .col3,.coln,.col2n {
	float:left;
	position:relative;
	padding:0 0 5px 0;	/* no left and right padding on columns, we just make them narrower instead 						<br />
						   only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}	/* 3 Column settings */
.col2
{ 
 /*overflow:visible;*/
 
}
.threecol {
	background:#F3F5F8 url(../images/rightColBg.jpg) top left repeat-y;		/* right column background colour */
}
.threecol .colmid {
	right:210px;
	/*width:500px;width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colmidn {
	/*right:210px;		 width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:570px; /*width of the middle column */
	background:#F3F5F8 url(../images/leftColBg.jpg) top right repeat-y;	/* left column background colour */
}

.threecol .col1 {
	width:560px;			/* width of center column content (column width minus padding on either side) */
	left:998px;			/* 100% plus left padding of center column */
}
.threecol .colleftn {
	right:770px;			/* width of the middle column */
	background:#F3F5F8 url(../images/leftColBg.jpg) top right repeat-y;	/* left column background colour */
}
.threecol .coln {
	width:760px;			/* width of center column content (column width minus padding on either side) */
	left:998px;	
	 		/*background-color:Red; 100% plus left padding of center column */
}
.threecol .colUserPanel {
	right:210px;			/* width of the right column */
	background:#fff;		/* width of center column content (column width minus padding on either side) */
	/*left:998px;*/			/* 100% plus left padding of center column */
}
.threecol .col2 {
	 width:200px;			/*Width of left column content (column width minus padding on either side) */
		left:225px;
	 			/*background-color:Blue; width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col2n {
	 width:200px;			/*Width of left column content (column width minus padding on either side) */
		left:20px;
	 			/* background-color:Blue;left:55px;width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:200px;			/* Width of right column content (column width minus padding on either side) */
	left:805px;			/* Please make note of the brackets here:						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}	/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	font-size: 11px;
	font-weight: normal;
	color: #7797BD;
	text-align:center;
	padding-top:25px;
	background-color:#F3F5F8;
}
#footer span{
	color:#DEE4EB;
}
#footer a{
	margin:0;
	padding:0;
	color: #3E7197;
	text-decoration: none;
}
#footer a:hover{
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
}
#footer a.boldOrange{
	color: #E77817;
	font-weight:bold;
}
#footer a:hover{
	color:#043E7D;
}
.v2web{
	color: #0093DD;
	text-decoration: none;

}
#footer a.v2web:link, #footer a.v2web:visited{
	color: #E77817;
	text-decoration: none;
}
#footer a.v2web:hover{
	color: #0093DD;
}
#botLine{
	height:7px;
	margin:0;
	padding:0;
	display:block;
	background-color:#043E7D;
	clear:both;
	border:0;
}
/* ========================== Layout Ends ======================================== */
h1 {font-weight:bold;color:#0093DD;font-size:17px;padding-left:20px;padding-top:8px;}
h1 span{color:#000;}
.textInput			{font-size:12px; border: 1px solid #DDF0FF;color:#0066B3; width:160px;background:#fff url(../images/inputBg.jpg) left top repeat-x; 
						padding:2px 0 0 3px;}
						
.ddlInput
{
    font-size:12px; border: 1px solid #DDF0FF;color:#0066B3; background:#fff url(../images/inputBg.jpg) left top repeat-x; 
						padding:2px 0 0 3px;
    }    
.cTextInput			{border: 1px solid orange;}
.cProtectedInput			{border: 1px solid red;}
.compName, #footer .compName {
	font-weight:bold;
	color:#072C54;
}
.compName span, #footer .compName span {
	font-weight:bold;
	color:#E77919;
}
.orangeText{
	color:#E77817;
}
.imgButton {cursor:pointer;}
.testimonial {width:178px; height:178; border:solid 1px #D9E2E8;background-color:#F9FAFB;padding:10px;color:#363636; font-size:11px;margin-top:12px;}
.testimonial img{margin-right:8px;}
.fromComp{clear:both;color:#082D55;padding:8px 0 12px 0; font-weight:bold;}
.right {text-align:right;}
a.viewall:link, a.viewall:visited{
	color:#3E7197;
	font-weight:bold;
	text-decoration:none;
}
a.viewall:hover{
	color:#FF6600;
}
.adsImpEx {
	float:right;
	margin-top:16px;
	margin-right:12px;
	padding:0px;
}
/* ========================== Home Page Header Section =========================== */
#header #logoNlinks{
	height:76px;
}
#header #logoNlinks #logo{
	margin:12px 0 0 11px;
	margin-top:12px;
	display:block;
	float:left;
}

#header #headLinks{
	float:right;
	font-size:11px;
	width:750px;
}
	#headLinks #myAccount{
		margin:14px 0 0 240px;
		font-weight:bold;
		color: #7D7D7D;
	}
		#myAccount a:link, #myAccount a:visited{
			text-decoration:none;
		}
		#myAccount a:hover{
			color:#FF6600;
			text-decoration:underline;
		}			
	#headLinks ul{
		margin:10px 0 11px 0px;
		padding:0 0 0 0;
		float:right;
		width:215px;
		list-style-type:none;
	}
	#headLinks ul li{
		float:left;
		margin-right:5px;
	}
	#headLinks ul li a:link, #headLinks ul li a:visited{
		font-weight:bold;
		color:#043E7D;
		text-decoration:none;
	}	
	#headLinks ul li a:hover{
		color:#E77817;
		text-decoration:underline;
	}
	
#header #logoNlinks #topMainLinks{
	margin:30px 0px 0 0;
	width:739px;
	color:#DEE4EB;
	text-align:right;
}	
	#topMainLinks a:Link,#topMainLinks a:visited {
		font-weight:normal;
		color:#3E7197;
		text-decoration:none;
		padding-bottom:4px;		
	}
	#topMainLinks a:hover {
		color:black;
		background:url(../images/topMenuBotPos.gif) bottom center no-repeat;
	}
/* ============================= Main Search Menu =================================== */
#header #mainSearchMenu{
	height:150px;
	background:url(../images/searchMenuBg.jpg) top left repeat-x;
	padding-top:10px;
	}
	#mainSearchMenu ul {
		width:620px;
		height:22px;
		margin:0 auto;
		margin-left:340px;
		padding:0;
		border:red;
		list-style-type:none;
	}	
	#mainSearchMenu ul li{
		width:110px;
		float:left;
		height:6px;
		padding:10px 5px 6px 10px;
		
	}
	#mainSearchMenu ul li div.title{
		color:white;
		font-weight:bold;
		margin:-6px 0px 0px 0px;
	}
	#mainSearchMenu ul li div.info{
		color:#fff;
		font-size:10px;
		padding:2px 0;
	}		
	#mainSearchMenu ul li div.info img{
		float:left;
		padding-right:3px;
	}	
	#mainSearchMenu ul li.first{
		padding:0;
		width:4px;
		height:22px;
		background:#E77715 url(../images/leftext.gif) top left no-repeat;		
	}
	#mainSearchMenu ul li.prod{
		width:80px;
		background:#E77715 url(../images/msiProd.jpg) top left repeat-x;		
	}	
	#mainSearchMenu ul li.sellLeads{
		background:#A041A0 url(../images/msiSellLeads.jpg) top left repeat-x;	}
	#mainSearchMenu ul li.suppliers{
		background:#68AF56 url(../images/msiSuppliers.jpg) top left repeat-x;	}
	#mainSearchMenu ul li.buyers{
		background:#4F9FC6 url(../images/msiBuyers.jpg) top left repeat-x;	}
	#mainSearchMenu ul li.trShow{
		width:100px;
		background:#DD3939 url(../images/msiTrShow.jpg) top left repeat-x;			}	
	#mainSearchMenu ul li.last{
		padding:0;
		width:4px;
		height:22px;		
		background:#DD3939 url(../images/rightext.gif) top left no-repeat;			}	
	
	/* ============== Panel Search on Home Page -------------------------- */
	#pnlSearch {
		width:996px;
		margin:0 auto;
		height:40px;
		padding-top:16px;
		text-align:center;
	}
	#pnlSearch a:link, #pnlSearch a:visited {
		font-size:11px;
		color:white;
		text-decoration:none;
	}
	#pnlSearch a:hover {
		color:white;
		text-decoration:underline;
	}		
	input.tbSearch {
		width:350px;
		height:20px;
		font-size:16px;
		vertical-align:bottom;
	}
	.products {
		background-color:#E77715;
	}
	.products input.tbSearch, .products select {
		border:2px solid #F09F57;
		color:#EE9340;
	}
	.sellingLeads {
		background-color:#A041A0;
	}
	.sellingLeads input.tbSearch, .sellingLeads select  {
		border:2px solid #CC82CC;
		color:#B763B7;
	}
	.suppliers {
		background-color:#68AF56;
	}
	.suppliers input.tbSearch, .suppliers select  {
		border:2px solid #89C17B;
		color:#77B767;
	}
	.buyers {
		background-color:#4F9FC6;
	}
	.buyers input.tbSearch, .buyers select  {
		border:2px solid #7EB9D6;
		color:#61A9CC;
	}	
	.trShow {
		background-color:#DD3939;
	}
	.trShow input.tbSearch, .trShow select  {
		border:2px solid #E76D6D;
		color:#E04B4B;
	}	
/* --------------------- Popular Searches Marequee ----------------------------- */
#mainScroller{
	color;#043E7D;
	font-weight:bold;
	font-size:12px;
	padding-top:8px;
	text-align:center;
}
#mainScroller marquee{
	width:800px;
	margin:0 8px;
}
#mainScroller marquee a:link, #mainScroller marquee a:visited{
	font-size:11px;
	color:#888888;
	text-decoration:none;
}
#mainScroller marquee a:hover{
	color:#FF6600;
	text-decoration:underline;
}
/* ===================== Column Panels ======================================== */
.colPan {
	margin-top:12px;
}
.colPan  div{
	margin-top:-10px;
}
.colPan h2{
	background:url(../images/sideHead.gif) top left no-repeat;
	height:32px;
	text-transform:lowercase;
	font-size:20px;
	color:#082D55;
	padding-left:27px;
}
.colPan h2 span{
	text-transform:uppercase;
	font-size:11px;
	color:#FF6600;
	font-weight:bold;
	display:block;
	margin-top:-4px;
}
.colPan ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-top:-12px;
}
.colPan ul li{
	color:#666666;
	font-size:11px;
	padding-left:5px;
	}
.colPan ul li.listTitle{
	color:#082D55;
	font-weight:bold;
	}
.colPan ul li a:link, .colPan ul li a:visited{
	background:url(../images/bulListNorm.gif) left center no-repeat;
	color:#666666;
	display:block;
	width:200px;
	height:17px;
	text-decoration:none;
	padding:3px 0 0 15px;
	}	
.colPan ul li a:hover{
	background:url(../images/bulListOver.gif) left center no-repeat;
	background-color:white;
	color:#FF6600;
}

/* ===============================  Page Contents  =================================================== */	
#pageContents { margin-top:12px;}
#pageContents h1.title {
	width:498px;
	height:27px;
	background:#E56E05 url(../images/pageTitleBg.gif);
	font-size:18px;
	font-weight:normal;
	color:white;
	margin:0;
	padding:5px 0 0 52px;
	
}
#pageContents h1.title img#pageIcon {
	position:absolute;
	margin-left:-45px;
	margin-top:-10px;
}
#pageContents h1.titlen {
	width:698px;
	height:27px;
	background:#E56E05 url(../images/pageTitleBg1.gif);
	font-size:18px;
	font-weight:normal;
	color:white;
	margin:0;
	padding:5px 0 0 52px;
	
}
#pageContents h1.titlen img#pageIcon {
	position:absolute;
	margin-left:-45px;
	margin-top:-10px;
}
div#lstBuyMan {
	margin-bottom:24px;
}
div#lstBuyMan ul{
	margin:0px;
	padding:0 0 0 25px;
	list-style-type:none;
	margin-top:12px;
}
div#lstBuyMan ul li{
	color:#666666;
	font-size:11px;
	list-style-image:url(../images/bulRedSmall.gif);
	line-height:18px;
	}
div#lstBuyMan ul li.listTitle{
	color:#082D55;
	font-weight:bold;
	list-style-image:url(../images/bulArrow.gif);
	}
div#lstBuyMan ul li a:link, div#lstBuyMan ul li a:visited{
	color:#0f0f0f;
	display:block;
	width:260px;
	height:17px;
	text-decoration:none;
	}	
div#lstBuyMan ul li.listTitle a:hover{
	color:#FF6600;
}
div#lstBuyMan ul li a:hover{
	color:#7797BD;
}
div#lstBuyMan ul li a span{
	color:#7797BD;
}

/* ===============================  Middle Section - Trade Show Box =================================================== */
.trBox {width:550px;background-color:#FFF9DF;margin-top:12px;}
.trBox .trHead {width:100%; height:3px;background:url(../images/trBoxTop.gif) top left no-repeat;}
.trBox .trBot {width:100%; height:3px;background:url(../images/trBoxBot.gif) top left no-repeat;}
.trBox .trCont {border-left:1px solid #FEDF96;; border-right:1px solid #FEDF96; padding:10px 15px; font-weight:normal; }
.trBox .trCont h2.trTitle{font-size:16px; color:#E56E05; margin:0px;}

/* ===============================  Middle Section =================================================== */
.featBox {width:550px;background-color:#F9FAFB;margin-top:12px;height:auto}
.featBox .featHead {width:100%; height:3px;background:url(../images/featBoxTop.gif) top left no-repeat;}
.featBox .featBot {width:100%; height:3px;background:url(../images/featBoxBot.gif) top left no-repeat;}
.featBox .featCont {border-left:1px solid #D9E2E8; border-right:1px solid #D9E2E8; padding:10px 15px; font-weight:normal; min-height:140px; height:auto  !important; }
.featBox .featCont h2.featTitle{font-size:16px; color:#043E7D; margin:0px;}
		.featCont ul.featCatList{margin:0;padding:0;color:black;font-size:11px; list-style-image:url(../images/bulRedSmall.gif);padding-left:15px;margin-bottom:0px; margin-top:5px;}
			ul.featCatList li {padding-bottom:3px;}
			ul.featCatList a:link, ul.featCatList a:visited {color:black; text-decoration:none;}
			ul.featCatList a:hover {color:#E56E05;}
			ul.featCatList li span{display:block;color:#3E7197;}
			
/* ============================== FeatProducts ====================================================== */
ul#featProducts {width:auto; list-style-type:none;margin:0px;padding:0px;height:105px;margin:0 auto;}
ul#featProducts li {width:80px;float:left; text-align:center; padding:11px;}
ul#featProducts li img{border:1px solid #CCCCCC;}
 ul#featProducts li div{text-align:center;font-size:11px;padding-top:3px;} 
/*ul#featProducts li div{position:absolute;text-align:center;font-size:11px;opacity:0.5;background-color:black;width:80px;z-index:1000;}*/
ul#featProducts li a:link, ul#featProducts li a:visited{color:black; text-decoration:none;}
ul#featProducts li a:hover{color:#E77818; text-decoration:none;}
			
/* ============================== Google & Self Advertisments ======================================= */			
.midAd{
	margin-top:12px;
	width:550px;
	height:60px;
	background:url(../images/adsBg.gif) top center no-repeat;
	text-align:center;
}
.closeVideo
{
 margin-left : 350px 
}
.closeVideo a:link,.closeVideo a:visited
{
    font-weight:bold;
		color:#043E7D;
		text-decoration:none;
}
.closeVideo a:hover{
		color:#E77817;
		text-decoration:underline;
	}
	
.SubCategories tr
{
  padding-top:10px;
  height:25px;
  vertical-align:bottom;
  
}
.SubCategories a:link,.SubCategories a:visited
{
    font-weight:bold;
    padding-top:10px;
		color:#043E7D;
		text-decoration:none;
}
.SubCategories a:hover{
		color:#E77817;
		text-decoration:underline;
	}
.counts
{	
	font-weight:bold;
		color: #7D7D7D;
}

.ViewLink a:link,.ViewLink a:visited
{
    font-weight:normal;
    padding-top:10px;
		color:#A041A0;
		font-size:11px;
		text-decoration:none;
}

.ViewLink a:hover
{
    
		color:#000;
		text-decoration:none;
}

.cPanelTop{
background-color:#EDF7FE; text-align:center;padding:8px 0;margin:2px; border:solid 1px #B9DBFD;}
.pnlControl               {width:735px; height:170px;background-color:#EDF7FE; text-align:center;padding:10px 0; margin:2px; margin-top:0px; border:solid 1px #4496D2; margin-bottom:5px;}   

.pnlControl div span.label
                    {display:block;width:80px;float:left;}
.pnlControl div *
                    {margin-top:4px;}
.pnlControl div.colPan1{                    
                    width:225px;padding:2px 0 0 15px;float:left;text-align:left;
}
.pnlControl div.colPan2{                    
                    width:225px;padding:2px 0 0 15px;float:left;text-align:left;
}
.pnlControl div.colPan3{                    
                    width:450px;padding:2px 0 0 15px; margin-top:10px; float:left;text-align:left;
}
.pnlControl div.colPan4{                    
                    width:250px;padding:2px 0 0 15px; margin-top:10px; float:left;text-align:left;
}
.ddlInputAS
{
    font-size:11px !Important;
    font-family:"Trebuchet MS",Tahoma, Arial;
    color:#005A9D;
    height:20px;
    border: 1px solid #DDF0FF; background:#fff url(../images/inputBg.jpg) left top repeat-x; 
}
.textInputAS
{
    border: 1px solid #DDF0FF; color:#005A9D; width:140px;background:#fff url(../images/inputBg.jpg) left top repeat-x; 
    font-size:11px !Important;
     font-family:"Trebuchet MS",Tahoma, Arial;
}
.cblNOB1
{
    
 border: 0; margin:-10px 0 0 -5px; display: inline;font-size:11px !Important;font-family:'Trebuchet MS',Tahoma, Arial;color:#005A9D;  
}
.cblNOB tr
{
 margin-top:-15px;   
}
/*.pnlControl div.colPan3{                    
                    width:300px;padding:2px 0 0 5px;float:left;text-align:left;
}*/

/* Compare pro tabs */
.Compare 
{
   width:100%;
    height:auto;
    margin-top:15px;
    
}
.Compare table 
{
    border:1px solid #D8DFE7;
    width:99%;
    margin:auto;
    padding:0;
    
}

.Compare table th 
{
    background:#D8DFE7;
    border-right:1px solid #C8D2DD;
    height:18px;
    text-transform:uppercase;
    text-align:left;
    padding:4px;
    
}

.Compare table td
{
    border-bottom:1px solid #F4F5F9;
    height:18px;
    padding:4px;
    vertical-align:top;
    text-align:justify;
}
.Compcol1 
{
    background:#F4F5F9;
    font-size:12px !Important;
    font-family:"Trebuchet MS",Tahoma, Arial;
    width:150px;   
}
.Compcol2 
{
    text-align:center;
}


.CompareBox
{width:750px; height:auto; padding:6px 0 0 0;  border:#F3DD94 solid 1px; background:#FEF4D1; font:normal 12px/12px Arial, Helvetica, sans-serif;color:#FF1800;}

.CompareBox a:Link
{
    text-decoration:none;
    color:Blue;   
     vertical-align:middle;
    
}

.compItm  
{
    float:left;
margin-left:20px;
}


.morelink
{
        font-weight:bold;
		color:#043E7D;
		text-decoration:none;   
		margin-left:230px;
    
}
.morelink:hover
{
        color:#E77817;
		text-decoration:underline;
		margin-left:230px;
}