/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {	list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{font-weight:bold;}
/* end reset styles */
/* clearing technique */
.clearfix:after,
.buyer-leads li:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix,.buyer-leads li {display:inline-block;}
/* mac hide \*/
* html .clearfix,* html .buyer-leads li {height: 1%;}
.clearfix,.buyer-leads li {display: block;}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/

/* general styling */
input,select{ font-family: Arial, Verdana, sans-serif;}
a:link {color: #03c;}
a:visited {color: #06f;}
a:active {color: #f60;}
a:hover{text-decoartion:underline}
.hand,label {cursor: pointer !important;}
a{cursor:pointer!important;text-decoration:none}
a img,img{border:none;display:block;}
h1,h2,h3,h4,h5,h6{font-weight:bold}
h1{font-size:85%;}
h2{font-size:250%}
h3{	font-size:100%;}
h4{font-size:100%}
h3.larger,h4.larger{font-size:110%!important}
/*.current a,a.nolink{cursor:default!important;text-decoration:none!important}PKV*/
.a.nolink{cursor:default!important;text-decoration:none!important}/*PKV*/
.mb14{margin-bottom:14px}
.common-inp{
	padding:0;
	border:1px solid #b9c1cc;
	width:117px;
	height:25px;
	color:#03c;
	font-weight:bold;
	position:relative;
	background:#eee url(../imgHTTPS/tab-bg.jpg) repeat-x 0 -1px;
	font-size:12px;
}
body{
	color:#000; 
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
	background:#fff;
	padding:0 1px 10px;
	line-height: 1.2em;
  font-family: Arial, Verdana, sans-serif;
	/*background:#fff url(../imgHTTPS/bodybg.jpg) repeat-x 0 0;*/
	/* background image commented out for old header */
}
#outer{
	width:960px;
	text-align:left;
	margin:0 auto 6px;
	position:relative;
}
/*.................... old style header between the comments ..............................*/
.widehead{width:780px;margin:auto;}
h1#logo1 {
letter-spacing:0.03cm;
padding:44px 0 0 4px;
color:#9f9e9f;
width:170px;
z-index:999;
letter-spacing:0.03cm;
background:url(../es5images/logox.gif) no-repeat 3px 1px;
font-size:small;
font-family:Verdana, Arial, Trebuchet MS, sans-serif;
float:left;
margin-top:5px;
margin-left:20px;
display:inline;
text-align:left;
position:relative;
}
* html h1#logo1 {
 font-size:x-small;
 f\ont-size:small;
}
h1#logo1 a{
 display:block;
 width:170px;
 height:52px;
 position:absolute;
 left:0;
 top:0;
}
#toplinks {
	text-align:right;
	float:right;
	padding:12px 21px 1px 1px;
	font-size:85%;
	margin:0 0 7px 0;
	display:inline;
}
#toplinks h1 {
 display:inline; 
 font-size: 100%;
 font-weight:normal;
 padding-right:6px;
}
#toplinks a{text-decoration:underline}
#toplinks a.noright {padding-right:0px;}
#toplinks a:visited.noright {color: #03c;}
#toplinks a:active.noright {color: #03c;}
#toplinks a.noleft {padding-left:0px;}
#toplinks p{display:inline;}
#toplinks a {padding:0 6px;}
#toplinks strong {padding-left:6px} 
#toplinks a,
#toplinks h1,
#toplinks strong{height:1%;he\ight:auto;}/* ie5 bug*/
ul#navold {
	list-style:none;
	width:566px;
	text-align:center;
	float:left;
	font-size:100%;
	line-height:1.9em;
	padding:2px 0 0 0;
	margin-left:12px;
	position:relative;
	top:-1px;
}
* html ul#navold{padding:0}
ul#navold li{
	display:inline;
	margin-right:-2px;
}
ul#navold li a{
	padding:4px 10px 4px 10px;
	position:relative;
	border:1px solid #bbb;
	text-decoration:none;
	color:#00c;
	font-weight:bold;
	white-space:nowrap;
	background:#fff url(../es5images/tab-top-shadow.gif) repeat-x 0 0;
	letter-spacing:-0.01em;
}
ul#navold li.current a{
	border-right:none;
	border-top:none;
	padding-top:5px;
	padding-left:9px;
	padding-right:11px;
	color:#fff;
}
#home ul#navold li.current a{
	background:#06c;
	border-bottom:1px solid #039;
	border-left:2px solid #039;
}
ul#navold li a:hover{color:#c00;}
ul#navold li.current a:hover{color:#fff;}
#resources ul#navold li.current a{
	background:#376799;
	border-bottom:1px solid #154377;
	border-left:2px solid #154377;
}
/* old breadcrumb
ul.r-bread{
	width:760px;
	margin:8px 0 10px 0;
}
ul.r-bread li{display:inline;font-weight:normal;}
ul.r-bread li b {padding-left:8px;}
ul.r-bread li a{font-weight:normal;text-decoration:underline;}
 */

#resources h1#logo1 {letter-spacing:0.08cm;}


/* resources top horizontal nav */
ul.r-nav{
	background:#5f92c5;
	border:1px solid #154377;
	margin:9px 0 8px 0;
 line-height:2em;
	text-align:center;
}
/* height and lineheight hack in ie css*/
ul.r-nav li{display:inline;color:#fff}
ul.r-nav li a{
	text-decoration:none;
	color:#fff!important;
	font-weight:bold;
	padding:5px 9px 5px 12px;
	border-left:1px solid #729fcb;
	background:#5f92c5;
	position:relative;
}	
ul.r-nav li.rlast a{	border-right:1px solid #729fcb;}
ul.r-nav li a:hover{background:#376799}
ul.r-nav li a.rcurrent{background:#376799}

/* Resources fixes */
* html ul.r-nav,
* html r-article,
* html .author-inner {height:1%;}
* html ul.r-nav li,* html ul.r-nav li a{position:relative;height:1px;he\ight:auto;}
* html ul.r-nav{ line-height:1.95em;}

/* ................ old header styles finshed ............................................ */


/* new header and navigation styles below commented out for now ..........................
h1{
	color:#666;
	font-weight:normal;
	float:left;
	padding-left: 1px;
}


#header{
	text-align:left;
	width:960px;
	margin:auto;
	line-height:1.2em;
	padding:6px 0 0 0;
}
#header ul{
	float:right;
	margin-right:3px;
	display:inline;
	background: url(../imgHTTPS/headbar.gif) no-repeat 0 50%;
	font-size:85%;
	padding:0 0 0 1px;
	position:relative;
	top:-1px;
}
#header li{
	float:left;
	background:url(../imgHTTPS/headbar.gif) no-repeat 100% 50%;
	padding:0 5px 0 6px;
}
#header li strong{
	color:#cc0000;
	padding:0 4px 0 0;
	vertical-align:middle;
}
#header li a{vertical-align:middle}
#header li a:hover{text-decoration:underline;}
#header img{
	display:inline;
	vertical-align:middle;
	padding:0 5px 0 0;
	position:relative;
	top:-1px;
}
*/
/* New main tab navigation at top of page 
ul#nav{
	float:right;
	margin:45px 38px 0 0;
	display:inline;
	position:relative;
	z-index:2;
}
ul#nav li{
	float:left;
	color:#fff;
	width:104px;
	text-align:center;
	margin:0 2px 0 0;
	border:1px solid #c3c3c3;
	border-bottom:none;
	position:relative;
	top:1px;
}
ul#nav li a {
	background:url(../imgHTTPS/tab-bg.gif) repeat-x 0 0;
	display:block;
	color:#03c;
	padding:4px 4px 4px 4px;
	white-space:nowrap;
	font-weight:bold;
	border:1px solid #fff;
	border-top:none;
	border-bottom:none;
}
ul#nav li a:hover{text-decoration:underline}
*/
/* set current tab using body class on other pages page */
/* see colors.css for other pages tabs and search bar changes
ul#nav li.current a{
	background:#549feb;
	color:#fff;
	padding:4px 4px 5px 4px;
	border:1px solid #549feb;
	border-top:none;
}
ul#nav li.current{
	border:1px solid #216bb6;	
	border-bottom:1px solid #549feb;
}
*/
/* main search bar
.main-search{
	clear:both;
	border:1px solid #216bb6;
	background:#549feb;
	min-height:0;
	position:relative;
	z-index:1;
}
.main-search form{
	min-height:0;
  text-align:center;
	position:relative;
	z-index:2;
} 
*/
/* two tone color effect
.main-search .bg{
	position:absolute;
	z-index:1;
	bottom:0;
	width:100%;
	height:49%;
	background:#1a79d7;
}
* html .main-search .bg{height:2.2em;bottom:-1px}
.main-search legend{
	color:#fff;
	display:none;
}
.main-search input,.main-search select{
	margin:5px 0 0 0;
	border:1px solid #145ea5;
	border-right:1px solid #1a75d0;
	border-bottom:1px solid #1a75d0;
	color:#666;
	vertical-align:middle;
}
.main-search select.selectcountry{width:180px;}
.main-search label{
	color:#fff;
	height:40px;
	line-height:40px;
	font-weight:bold;
	border:none!important;
	background:none!important;
 	vertical-align:middle;
	margin:3px 5px 0 0;
	position:relative;
	top:2px;
}
.main-search select{padding:2px 2px 2px 2px;}
.main-search input.inpkeywrd{
	width:183px;
	padding:3px 7px;
}
.main-search input.search-image,
input.signin{
	padding:0!important;
	border:1px solid #06c!important;
	width:80px;
	height:24px;
	color:#03c;
	font-weight:bold;
	position:relative;
	background:#eee url(../imgHTTPS/tab-bg.jpg) repeat-x 0 -2px;
}*//* ie gets -3*/
/*
input.signin{
	width:auto;
	padding:0 5px 0 20px!important;
	border:1px solid #9eceff!important;
	font-size:12px;
}
.main-search label img{
	vertical-align:middle;
	margin:8px 5px 10px 2px;
	display:inline;
	position:relative;
	top:-1px;
}
*/
/* the grey base of the search box 
.search-base{
	min-height:0;
	margin:0 0 7px 0;
	border:1px solid #ccc;
	border-top:none;
}
.sb-inner{
	min-height:0;
	background: url(../imgHTTPS/search-base-bg.jpg) repeat-x 0 100%;
	padding:10px 6px 10px 0;
	min-height:0;
	color:#666;
	text-align:center;
	border:1px solid #fff;
	border-top:none;
	border-bottom:none;
}
.sb-inner img{
	display:inline;
	position:relative;
	top:2px;
}
.sb-inner h2 {
	font-weight: normal;
	font-size: 85%;
	margin:0 0 2px 0;
}
.sb-inner h3 {
	font-weight: normal;
	font-size: 85%;
	margin:0;
}
.sb-inner h2 em{
	font-style:normal;
	color:#03c;
	font-weight:normal;
}
.sb-inner h2 em span{color:#c00000;}
.sb-inner a:hover{text-decoration:underline;}
.sb-inner a:visited {color:#03c}*/ /* or should it be #06f like other visited links ? */
/*  end of new header styles etc. ....................................*/




/* main logo*/
p.logo {
	float:left;
	margin:8px -150px 0 44px;/* negative margin to allow tabs to overlay logo when text resized */
	display:inline;
	width:167px;
}
p.logo span{
	display:block;
	color:#9e9e9e;
	font-weight:bold;
	padding:0 0 0 1px;
	margin:-1px 0 0 0;
	font-size:14px;
	letter-spacing:.08em;
	white-space:nowrap;
}



/*.................... footer styles .................................*/
#recommend{
	margin:0 2px 0 2px;
	background:#fff url(../es5images/t2dots.gif) repeat-x 0 0;
	clear:both;
	text-align:center;
	font-size:85%;
	padding:8px 0 7px 0;
}
#recommend a{	padding:2px 0 3px 18px;}
#footer a:hover,
#recommend a:hover,
#copyright a:hover{text-decoration:underline;}
#recommend a.friend{	background:#fff url(../es5images/friend.gif) no-repeat 0 3px;}
#recommend a.fav{	background:#fff url(../es5images/fav.gif) no-repeat 24px 2px;padding-left:43px;}
#recommend a.totop{	background:#fff url(../es5images/totop.gif) no-repeat 24px 3px;padding-left:42px;}

#footer,#copyright{
	clear:both;
	background:#F4f4f4;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	padding:2px 0 0 0;
	margin:0 2px 7px 2px;
	position:relative;
	min-height:0;
	font-size: 85%;
	color:#666;
}
#copyright{	padding:10px 0 10px 0;}
#copyright strong{padding:2px 0 0 0;display:block}
#footer p {	margin:11px 5px 10px; }
#footer p a {padding-left:6px;padding-right:6px;}
#footer p a.noright {padding-right:0px;}
#footer p a:visited.noright {color: #03c;}
#footer p a:active.noright {color: #03c;}
#footer p a.noleft {padding-left:0px;}
#footer p a:visited.noleft {color: #03c;}
#footer p a:active.noleft {color: #03c;}
#footer a:hover {color: #f60;}

/* eSources text with red e*/
em.esrcs{
	font-style:normal;
	color:#03c;
	font-weight:normal;
}
em.esrcs span{color:#c00000;}
/*  */

/* breadcrumb styles */
ul.bcrumb {padding:2px 6px 8px 0}
ul.bcrumb li{
	display:inline;
	font-size:92%;
	color:#555;
	padding:0 0 0 2px;
}
ul.bcrumb li a{
	text-decoration:underline;
	padding:0 5px 0 0;
}
ul.bcrumb li.promote{float:right}
ul.bcrumb li.promote a{
	font-weight:bold;
	text-decoration:none;
	padding:0;
}
ul.bcrumb li.promote a:hover{text-decoration:underline}
ul.bcrumb li span{
	position:relative;
	top:-2px;
}
/*  */

/*............ UK products right column styling ........*/
/* .....possibly used on other pages also .....*/
/*...  right column styling ...*/
.rcol-generic{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	min-height:0;
	color:#666;
}
.rcol-generic a:hover{text-decoration:underline;}
.rcol-generic h5{
	font-size:92%;
	margin:0 0 3px 0;
	padding:1px 0 0 0;
}
.rcol-generic p{font-size:85%}
.rcolprod ul {padding:0 3px 0 3px;}
.rcolprod ul li{
	padding:5px 5px 3px 7px;
	min-height:0;
	clear:both;
}
.rcolprod ul li.even{background:#eee}
p.flag1{
	float:right;
	width:26px;
	margin:0 0 0 10px;
}
ul.rc-tpass {
	margin:0;
	padding:2px 0 0 0;
	clear:both;
	font-size:85%
}
ul.rc-tpass li,
ul.rc-tpass li img{
	padding:0;
	display:inline;
	vertical-align:middle;
	margin:0;
}
ul.rc-tpass li img{margin:0 0 0 11px}
#suppliers ul.rc-tpass li img{margin:0 11px 0 0}
p.imgtext{
	width:102px;
	height:102px;
	float:left;
	margin:9px 7px 5px 0;
	display:inline;
}
.rcolprod ul li.lastrow p.imgtext{margin-bottom:2px;}

p.imgtext a{border:1px solid #ccc;display:block}
p.imgtext2{
	float:right;
	width:186px;
	padding:0 5px 25px 0;/* make space for more details*/
	margin:9px 0 0 0;
}
p.more-details,p.more-details2{
	clear:both;
	text-align:right;
	margin-top:-25px;
	font-size:100%;
	float:right; 
	padding:0 2px 0 0;
}
p.more-details2{
	margin-top:-11px;
	padding:0 10px 3px 0;
	float:none;
}
.rcolprod ul li.lastrow p.more-details{margin-top:-22px;}
p.more-details span{position:relative;top:-1px;}

/* esources resources in right column ....*/
dl.esr{	
	font-size:85%;
	padding:10px 13px 0 10px;
}
dl.esr dt{
	font-weight:bold;
	color:#03c;
	font-size:110%;
	padding:0 0 0 15px;
  background: url(../es5images/tick2.gif) no-repeat 0 4px;
}
dl.esr dd{
	color:#666;
	margin:0 0 12px 0;
	padding:0 5px 0 15px;
	line-height:1.3em;
}
dl.esr dd strong{color:#c00000}

/* latest eSources Articles in right column */
ul.lea{
	font-size:85%;
	padding:10px 13px 0 10px;
}
ul.lea li{
	margin-bottom:17px;
	width:100%;
}
ul.lea li a{
	padding:0 0 0 18px;
	display:block;
	background: url(../es5images/page-icon.gif) no-repeat 1px 4px;
	min-height:0;
	line-height:1.3em;
}
.lea a:hover,.esr a:hover{text-decoration:underline}

/* trade products alpha list in left column */
.generic{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	min-height:0;
	color:#666;
}
.alpha1{padding:0 0 1px 0}
.alpha1 ul{padding:0 12px 14px 16px}
.alpha1 li{	display:inline;}
.alpha1 li a{	
	padding:0 6px 0 0;
	font-weight:bold;
	font-size:92%;
}
.alpha1 li a:hover{text-decoration:underline}
.alpha1 h5{
	color:#06c;
	font-size:92%;
	padding:12px 0 8px 16px;
}
.alpha1 form{
	background:#f4f4f4;
	border-top:1px solid #e0e0e0;
	padding:12px 12px 9px 17px;
}
.alpha1 label {
	font-weight:bold;
	color:#06c;
}
.alpha1 select{
	vertical-align:middle;
	color:#666;
	border:1px solid #a4a4a4;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px;
	font-size:92%;
}
/* Are you sourcing wholesale products */
.rusource{
	padding:0 0 1px 0;
	line-height:1.4em;
}
.rusource p{
	padding:9px 30px 20px 12px;
	color:#666;
	font-size:85%;
}
.rusource a:hover{text-decoration:underline;}
/*  */

/* trade leads Trade bar */
.showall {
	border-top:1px solid #ccc;
	background:#fff url(../es5images/h4bg.jpg) repeat-x 0 100%;
	padding:9px 6px 6px 17px;
	/*color:#00793c;*/
	clear:both;
	min-height:0;
	font-size:100%;
	font-weight:normal;
	color:#777;
	font-size:85%;
}
.showall ul{margin:0;}
.showall li,.showall img{
	display:inline;
	color:#666;
	vertical-align:bottom;
}
.showall li a:hover{text-decoration:underline}
.showall img {
	margin:0 5px 0 8px;
	position:relative;
	top:-1px;
}
.showall li strong{font-size:110%}
/*  */

.mkttestimonial{
	background:#b6d4fa;
	padding:7px 15px 10px;
	margin:8px 150px 20px;
}
.mkttestimonial p{font-style:italic;}