/* Yell.com - Global Style Sheet // Created by Jill Owen */

/*********************************************************************/
/* Accessibility styles */
/*********************************************************************/
#skiplinks ul, #skiplinks li, #skiplinks a {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	top:-200px;
	overflow:hidden;
	width:0;
	height:0;
	font-size:1px!important;
 }
 
.hide {
	position:absolute;
	left:-800px;
	visibility:hidden;
	}
	
.hidden {
	visibility:hidden;
}

.stealthMode {
	display:none;
}
	
.whiteSpacer{
	color:#FFF;
	margin:0 3px;
}
/*********************************************************************/
/* Section: HTML tag styles */
/*********************************************************************/
body {
	background:#FFF; 
	color:#000; 
	margin:15px; 
	padding:0px;	
	font-family: Verdana, Arial, sans-serif;	
	color: #000;
	font-size:71%;
}
	
html>body {
	font-size:71%;
	}

body div{
	font-style:inherit;
	}

*html th{
	font-size:71%;/*For IE5 and IE 5.5 as they do not inherit font-sizes into tables*/
	fon\t-size:100%;/*Attribute attached to IE6*/
}
*html td{
	font-size:71%;/*For IE5 and IE 5.5 as they do not inherit font-sizes into tables*/
	fon\t-size:100%;/*Attribute attached to IE6*/
}

form {
	margin:0;
	padding:0;
}
img {
	border:0px;
	}
hr {
	color:#CCC;
	border:0px none;
	height:1px;
	background-color:#CCC;
	clear:both
}
	
.largeBodyCopy {font-size:110%;} 

.smallPrint {
  font-size: 90%;
 }

.pusherDiv {
 	clear:both;
	margin-top:-1px;
	height:1px;
	font-size:1px;
}
	
/*********************************************************************/	
/* H tags */
/*********************************************************************/
h1 {
	font-size:150%; 
}
	
h2 {
	font-size:110%; 
}

h3 {
	font-size:100%; 
}
/*********************************************************************/
/* links */ 
/*********************************************************************/
a:link, a:visited, a:hover, a:active { 
	text-decoration: underline; 
	color:#000;
} 
a:visited{
	color:#606;
}

/*********************************************************************/	
/*  Header panel */
/*********************************************************************/
#header {
	width:900px;
}

#yellLogo {
	float:left;
	width:280px;
	height:50px;
	padding-bottom:15px;
	padding-right:10px;
}
#yellLogo h1{
	font-size:15px;
	margin:0;
	padding:0;
}

#strapline {
	float:left;
	width:203px;
	padding-top:24px;
	font-size:10px;
}
#strapline h2{
	margin:0;
	padding:0;
}

#header .yellLinks {
	float:left;
	width:332px;
	padding:21px 0 10px 25px;
}

#header .userName {
	text-align:right;
	font-weight:bold;
	padding-bottom:3px;
}
*html #header .yellLinks {
	width:357px;/*applied to ie5.x*/
	wid\th:332px; /*applied to ie6*/
}
#header .loggedIn {
	padding:5px 0 10px 25px;
}

#header .yellLinks ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

#header .yellLinks ul li {
	float:left;
	margin:0;
	padding:0 0 0 15px;
}

/*********************************************************************/	
/*  Tabs*/
/*********************************************************************/
#tabs {
	width:545px;
	padding:0 200px 0 0;
}
*html #tabs {
	width:755px;
	wid\th:545px;
}
#tabs h2, #tabs a {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:bold;
	display:inline;
	text-decoration:none;
}
#tabs a:visited{
	color:#000;
}
#tabs div {
	margin:0;
	padding:0;
	background:#ff6 url('/img/tabimage_left.gif') no-repeat top left;
	float:left;
	width:9.5em;/*this is for the mac*/
	/*\*/
	width:150px
}
html>body #tabs div {
	/*this is used so mozilla browsers expand tabs with text*/
	min-width:91px;
	/*\*/
	width:auto; /*hidden from mac*/
}
#tabs div.selected {
	background:#FC0 url('/img/tabimage_left_on.gif') no-repeat top left !important;
}
#tabs div.super {
	margin:0;
	padding:0;
	float:left;
	width:10.5em;/*this is for the mac*/
	/*\*/
	width:120px;/*overwritten for non mac*/
	white-space:nowrap;
}
html>body #tabs div.super {
	/*this is used so mozilla browsers expand tabs with text*/
	min-width:120px;
	/*\*/
	width:auto; /*hidden from mac*/
}

#tabs div div {
	margin-left:6px;
	background-color:none;
	background:url('/img/tabimage_right.gif') no-repeat top right !important;
	float:none;
	width:auto!important;
	min-width:20px!important; padding-left:4px; padding-right:15px; padding-top:5px; padding-bottom:4px
}
#tabs div.selected div {
	background:url('/img/tabimage_right_on.gif') no-repeat top right !important;
	padding-left:4px; padding-right:15px; padding-top:5px; padding-bottom:5px
}
/*********************************************************************/	
/*  Content rows */
/*********************************************************************/
.contentRow {
	width:900px;
}

/*********************************************************************/	
/*  Search box */
/*********************************************************************/
#searchBoxContainer {
	float:left;
	padding:0 10px 0 0;
	width:560px;
	clear:left;
}
*html #searchBoxContainer {
	width:570px;
	wid\th:560px;
}
#searchBox {
	padding:10px;
	background:#FC0;
}
*html #searchBox {
/*\*/
	padding-botto\m:0; /*removes extra space in ie6*/
}

#formContainer {
	float:left;
	width:360px;
	margin-right:10px;
	padding-top:8px;
	
}

*html #formContainer {
	width:360px;
	wid\th:360px;
}

#formContLocal {
	float:left;
	width:360px;
	margin-right:10px;
	}

.labelRow {
	clear:both;
	font-size:110%;
	font-weight:bold;
	padding:0 0 2px;
}
#keywords, #companyname, #location {
	width:160px;
}
.inputRow {
	clear:none;
}

#locfield {width:160px;}

*html #locfield {width:170px;}

.inputCol {
	float:left;
	width:165px;
	padding-right:10px;
}
*html .inputCol {
	width:175px;
	wid\th:165px;
}
.egCol {
	float:left;
	width:170px;
	padding-bottom:12px;
}

.buttonRow {
	clear:both;
	padding-bottom:1px;/*used so link underline displays*/
	
}

.buttonRow p.space, .inputRow p.space {
	margin-top:5px;
	margin-bottom:5px;
	}


#info ul{
	display:block;	
	list-style-type:disc;
	margin:0 0 0.5em -5px;
	padding: 0 0 0.5em 20px;
	left: 1px;
	wid\th:135px;/*backslash hides from 1e5.x*/
}


#info2 ul{
	display:block;	
	list-style-type:disc;
	margin:0 0 0.5em -5px;
	padding: 0 0 0.5em 20px;
	left: 1px;
	wid\th:135px;/*backslash hides from 1e5.x*/
}


#info h3 {
	font-size:115%;
	margin:0;
	padding:0 0 8px;
}
#info p {
	margin:0;
	padding:0 0 8px;
}

#info p.size {
	width:150px;
	}

#info {
	float:right;
	background:#FFE066;
	padding:8px;
	width:120px;
	height:190px;
}

*html #info {
	float:left;
	background:#FFE066;
	padding:8px;
	width:130px;
	w\idth:130px;
	height:190px;
	heigh\t:184px;
}



#info2 {
	float:left;
	background:#FF9900;
	padding:3px;
	width:130px;
	height:190px;
}

*html #info2 {
	float:left;
	background:#FF9900;
	padding:3px;
	width:130px;
	w\idth:130px;
	height:190px;
	heigh\t:184px;
}







html>body #info {
	height:17.2em;/*hack\*/
	min-height:190px;
	height:auto;/*end hack*/
}
/*********************************************************************/	
/*  Categories */
/*********************************************************************/
#linksContainer {
	float:left;
	width:360px;
	margin-right:10px;
	height:180px;
}
html>body #linksContainer{
	/*\*/
	height:auto;/*mac doesn't see this*/
}
.linksList {
	float:left;
	width:165px;
	margin-right:10px;
}
*html .linkList {
	width:175px;
	wid\th:165px;
}
.linksList ul{
	display:block;	
	list-style-type:disc;
	margin:10px 0 0.5em;
	margi\n:10px 0 0.5em -5px;
	padding: 0 0  0.5em 20px;
	left: 1px;
}
ul#alphabet {
	padding:0; 
	margin:0; 
	list-style:none;
 	}

ul#alphabet li {
	font-weight:bold;
	float:left; 
	margin-right:4px;
	}

/*********************************************************************/	
/*  Mobile */
/*********************************************************************/
#mobileBox {
	padding:10px;
	background:#FC0;
}

*html #mobileBox {
	/*\*/
	padding-botto\m:0; /*removes extra space in ie6*/
}

.mobileSlot {
	float:left;
	width:175px;
	background:#FF0;
	margin-right:7px;
	height:190px;
	heigh\t:200px;
}

html>body .mobileSlot {
	height:17.2em;/*hack\*/
	min-height:206px;
	height:auto;/*end hack*/
	}

.last {
	margin-right:0!important;
}

.mobileSlot ul{
	display:block;	
	list-style-type:disc;
	margin:0 0 0.5em -5px;
	padding: 0 0  0.5em 20px;
	left: 1px;
	wid\th:130px;/*backslash hides from 1e5.x*/
}

.mobileSlot h3 {
	font-size:110%;
	padding:6px 4px;
	margin:0;
}
.mobileSlot p{
	margin:0;
	padding:0 0 8px;
}


/*********************************************************************/	
/*  Yell direct slot */
/*********************************************************************/
#yellDirectSlot {
	float:left;
	width:180px;
	margin-top:23px;/*ie mac needs this*/
	/*\*/
	margin:0;/*the mac doesn't see this*/
}
#yellDirectSlot h3 {
	background:#9CF;
	font-size:110%;
	padding:6px 5px;
	margin:0;
}

#yellDirectBG {
	background: url('/img/fe_image_yelldirect_bg.jpg') no-repeat;
	height:65px
}
html>body #yellDirectBG {
	min-height:65px;/*this is for mozilla browsers*/
	/*\*/
	height:auto;/*this is hidden from the mac*/
}
#loginLinks {
	font-weight:bold;
	padding:42px 7px 0px 5px;/*this is wrong for mac*/
	/*\*/
	padding:42px 7px 7px;/*mac doesn't see this*/
}

#loginLinks  ul {
	margin:0;
	padding:0;
	list-style:none;
	width:166px;
}

#loginLinks  ul li {
	float:left;
	margin:0;
	padding:0 15px 0 0;
}

*html #loginLinks  ul li {
	float:left;
	margin:0;
	padding:0 14px 0 0;/*hack\*/
	padding:0 15px 0 0;/*end hack*/
}
#loginLinks .last {
	padding-right:0!important;
}
/*********************************************************************/	
/*  Promo slots */
/*********************************************************************/
.promoSlot {
	float:left;
	width:180px;
	margin-right:10px;
	margin-top:10px;
}
.last{
	margin-right:0!important;
}
.promoSlot h3 {
	background:#FF0;
	font-size:105%;
	padding:6px 5px;
	margin:0;
}
.promoSlot h4 {
	font-size:110%;
	padding:0 0 0.5em;
	margin:0;
}

.promoContent {
	padding:5px;
}

.promoContent p{
	margin:0;
	padding:0 0 0.5em;
}
.promoContent ul{
	display:block;	
	list-style-type:disc;
	margin:0 0 0.5em -5px;
	padding: 0 0  0.5em 20px;
}

#yellDirectSlot .promoContent ul{
	margin:0 0 0 -5px;
	padding: 0 0  0 20px;
}
/*********************************************************************/	
/*  footer  */
/*********************************************************************/

.menubar {
	clear:left;
	width:755px;
	height:2.5em;
	background-color:#FF0; /* Checked against png */ 
	}

ul.menu {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	list-style:none;
 	}

.left {
	float:left;
	width:745px;
	padding-top:5px;
	padding-left:10px;
	}

.left ul.menu li {
	/*display:inline;*/
	float:left; 
	margin-right:10px;
	}
.space-bottom {
	clear:both;
	height:5px;
	width:755px;
}

#footer {
	clear:left;
	width:755px;
	height:25px;
	position:relative;
}

.copyright {
	float:left;
	color: #755;
	padding:5px 210px 5px 10px;

}
#usaJapanLinks {
	text-align:right;
	position:absolute;
	right:10px;
	top:5px;
	width:500px;
}