/****************************************/

/*** Generic tag Styles 

-----------------------------------------*/

body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: #000000;

	margin: 0;

	padding: 0;

	width:764px;

}



input, textarea {

	font-family:Verdana, Arial, Helvetica, sans-serif;

}


div {
  position: relative;
}


hr{

	color:#E9E8E9;

	border:0;

	height:1px;

	background-color:#E9E8E9;

}



/*** Hyperlink tag Styles

-----------------------------------------*/



a:link {

	color: #000000;

}



a:hover, a:active, a:visited {

	color: #666;

}

a img {

	border: 0;

}



/*** Heading tag Styles

-----------------------------------------*/

h1, h2, h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	margin:0px;

	clear:both;

}

h1 {	

	font-size: 1.6em;

	margin:0 0 0.3em 0;

	font-weight:bold;

}

h2 {	

	font-size: 1.2em;

	color:#39C;

	margin:0;

}

.subHeading {

	color:#39C;

	margin:-0.6em 0 0.6em;

}

p { 

	margin:0 0 1em;
	text-align:justify;

}





/*****************************************/

/*** Header

-----------------------------------------*/

#header {	

	font-size:10px;

	vertical-align:bottom;

	background-color:#FF0;

	width:764px;

	height:70px;

}



#header img.logoImg {

	float:left; 

	margin:10px;

}



#buyManageOnline {

	margin-top:32px;

}



#header #login {

	float:right; 

	width:510px;

	height:45px; 

	margin-right:3px; 

	margin-top:26px; 

	vertical-align:top;

}



#header #login input#userID, #header #login input#password {

	width:140px;

}



*html #header #login {

	margin-top:24px; 

}



#header #login form {

	margin:0;

	padding:0;

}



#header #login input.loginButton {

	margin-top:10px;

}



#toolbar {	

	width:764px; 

	background-color: #F5EB0B; 

	margin-bottom:15px;

	padding:4px 12px 7px;

	font-size:11px;

	text-align:right;

	height:11px;

	voice-family: "\"}\""; 

	voice-family:inherit;

  	width:740px;/*Attribute attached to everything exept IE5 and IE 5.5*/

}

html>body #toolbar{

  	  width:740px;/*Makes sure every other browser is seeing this*/

}





/*****************************************/

/*** Skip Links

-----------------------------------------*/

#skiplinks ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

#skiplinks li {

	padding: 0;

	margin: 0;

	list-style: none;

	display: inline;

}

#skiplinks a {

	position: absolute;

	top: -200px;

	left: 20px;

	overflow: hidden;

	width: 0;

	height: 0;

	font-size: 1px!important;

}





/* Begin - Navigation - left menu */

#leftColumn {

	float:left;

	width:160px;

}



.navMenu {

	background-color:#FFFF00; 

	margin-left:10px; 

	margin-right:8px; 

	padding:0px;

	color:#666;

}



.navMenu a, ul.navList li a {

	text-decoration:none;

	color:#000;

}



.navMenu a:hover, .navMenu a:visited {

	color: #666;

	text-decoration:none;

}	



.toplevelItem1 {

	margin:0px 5px; 

	padding:10px 0px 10px 5px; 

	border-top:1px solid #000; 

	border-bottom:1px solid #000; 

	font-size:80%; 

	font-weight:bold;

 }	

 

.topLevel {

	margin:0px 5px; 

	padding:10px 0px 10px 5px; 

	border-bottom:1px solid #000; 

	font-size:80%; 

	font-weight:bold;

}

.toplevelItem1 span, .topLevel span {

	width:10px;/*For IE5 and IE 5.5 as they do not inherit font-sizes into tables*/

	paddi\ng-left:10px;/*Attribute attached to IE6*/

} 

ul.mainList li span.level2 {

	font-size:90%; 

	margin-left:-20px;

	color:#666;

}



*html ul.mainList li span.level2 {

	margin-left:20px;

}



ul.mainList {

	margin:0px 0px 0px 0px; 

	list-style-type:none; 

	border-bottom:1px solid #000; 

	background-color:#FFFFCC;

	padding-bottom:5px; 



}

ul.mainList li{

	padding:2px 0 3px; 

}



ul.mainList li ul.navList {

	font-size:80%;

	margin:0px; 

	list-style-type:none; 

	background-color:#FFFFCC;



}



ul.navList li {

	margin-left:-80px;

	padding:1px 0 2px;

}

	

*html ul.navList li {

	margin-left:0px;

}



ul.navList li.selected {

	background-color:#FFFF00; 

	border:1px solid #666; 

	padding-bottom:2px;

}

	

ul.navList li img.bull {

	margin-left:20px; 

	margin-right:5px; 

	margin-bottom:1px;

	}

	

ul.navList li.selected img.bull {

	margin-left:19px; 

	margin-right:5px; 

	margin-bottom:1px;

	}

	



img.navArrow {margin-right:5px;}

/* End - Navigation - left menu  */





/*****************************************/

/*** Main Page Content

-----------------------------------------*/



#content, #contentFullWidth{

	margin:0px;

	padding: 0px 12px 0px 10px;

	width:740px;

	position:relative;

	voice-family: "\"}\""; 

	voice-family:inherit;

  	float:left;/*Attribute attached to everything exept IE5 and IE 5.5*/

}

html>body #content{

  	float:left;/*Makes sure every other browser is seeing this*/

}

#contentFullWidth{

	width:auto;

}



#content ul, #contentFullWidth ul{

	margin:0;

	padding:0;

	list-style-position: outside;

	text-indent:0px;

}



#contentFullWidth ul{

	margin-left:15px;

}



#content ul li, #contentFullWidth ul li{

	list-style:none;

	background: url("/img/yd_bulletNew.gif") no-repeat;

	padding-left:10px;

	margin:0 0 1em;

	text-align:justify;

	line-height:normal;

}

#contentFullWidth ul.ydPAul {margin:0 5px 0 15px;padding:2px 0 0 0px;}

#contentFullWidth ul.ydPAul li{

	list-style: disc;

	/*background: url("/img/yd_bulletNew.gif") no-repeat;*/

	padding-left:10px;

	margin:0 0 1em;

	text-align:justify;

	line-height:normal;

}

*html #content ul li{ /*This is to display bullets correctly within IE*/

	position:relative;

}

*html #contentFullWidth ul li{ /*This is to display bullets correctly within IE*/

	position:relative;

}



#content ul li.special {

	list-style:none;

	background: 0 none;

	padding:5px;

	margin:0 0 1em;

	text-align:justify;

	line-height:normal;

	border:1px solid #CCC;

}



*html #content ol{

	margin-left:2em;

}

#content ol li{

	margin:0 0 1em;

	text-align:justify;

}



#leftCol{ 	/* This is used in a two-column layout */

	width: 260px;

	float:left;

	margin: 0px;

	padding:0px;

}

#rightCol{	/* This is used in a two-column layout */

	width: 300px;

	float:right;

	margin: 0px;

}

.alignRight{

	display:block;

	text-align:right;

}

.imageDefault{

	margin:10px 0;

	/*\*/

	display:block;

	/*Hides this from IE on mac*/

}



.imageLeft{

	margin:0 10px 10px 0;

	float:left;

}

.imageRight{

	float:right;

	margin:0 0 10px 15px;

}

.imageCenter{

	margin:10px auto;

	/*\*/

	display:block;

	/*Hides this from IE on mac*/

}



.proceedButton{

	font-weight:bold;

	margin:0 0 1em;

	text-align:right;

	clear:both;

}

.hide {

	display:none;

	height:0;

	margin:0;

}

.footnote {

	margin:0 0 0 172px;

	font-size:85%;

	clear:both;

	width:592px;

}

.highlightBlueBox{

	background-color:#A5CFE7;

	padding:7px;

	width:25em;

}

/*used in bordered boxes across the site*/

.top { 

	font-size:1px;

	display:block;

	height:4px;

	background-repeat: no-repeat;

}



/*****************************************/

/*** Home Page Content

-----------------------------------------*/

/*** Upper Positioning elements

-----------------------------------------*/



#upperContainerBox{

	width:580px;

  	height:auto;



}

#homeWelcomeBox {

	width:410px;

	float:left;

}

#homeAccManBox {

	width:160px;

	float:right;

}





/*** Formatting for Welcome Text Box

-----------------------------------------*/

#homeWelcomeTop {

	background:url("/img/yd_homeContTop.gif") no-repeat;

	height:6px;

	font-size:1px;

}

#homeWelcomeBox .container {

	border-left:1px solid #BBB;

	border-right:1px solid #BBB;

	background: #EDF5F8;

}



#homeWelcomeBox h1 {

	background: #EDF5F8;

	padding:10px;

	margin:0;

}



#homeWelcomeBox .welcomePic{

	background-color:#E9E8E9;

	border-top:1px solid #FFF;

	border-bottom:1px solid #FFF;

}



#homeWelcomeBox .content {

	background:#FFF url("/img/yd_homeContBG.jpg") repeat-x;

	padding:10px;

}



#homeWelcomeBox .buttonArea {

	float:right;

}

#homeWelcomeBot {

	background:url("/img/yd_homeContBot.gif") no-repeat;

	height:6px;

	font-size:1px;

}







/*** Formatting for Account Management Box

-----------------------------------------*/





.greyWhiteRoundedBox{

	width: 160px;

	background:url("/img/yd_whiteRoundCnr_BR.gif") no-repeat bottom right;

	font-size:90%;

}

.greyWhiteRoundedBox .container {

	background: url("/img/yd_whiteRoundCnr_BL.gif") no-repeat bottom left;

}

.greyWhiteRoundedBox li, .greyWhiteRoundedBox p{

	text-align:left!important;

}

.boxhead {

	background:url("/img/yd_whiteRoundCnr_TR.gif") no-repeat top right;

	margin: 0;

	padding: 0;

	

}

.greyWhiteRoundedBox .boxhead {

	background-color:#E9E8E9;

	word-wrap:break-word;



}

.greyWhiteRoundedBox .boxhead h2 {

	background: url("/img/yd_whiteRoundCnr_TL.gif") no-repeat top left;

	margin:0;

	padding: 5px;

	font-size:110%;

	word-wrap:break-word;

}

.greyWhiteRoundedBox .boxhead h2 {

	color:#333;

}



.greyWhiteRoundedBox .boxbody {

	border-left:2px solid #E9E8E9;

	border-right:2px solid #E9E8E9;

	margin: 0;

	padding:5px;

}



.greyWhiteRoundedBox .base{

	color:#333;

}

.greyWhiteRoundedBox .base { 

	background:url("/img/yd_grWhRoundBxCnr_BaseBG.gif") repeat-x;

	height:10px;

}

.greyWhiteRoundedBox .base div {

	background:    url("/img/yd_grWhRoundBxCnr_BL.gif") no-repeat top left;

		height:6px;

}

.greyWhiteRoundedBox .base div div {

	background:   url("/img/yd_grWhRoundBxCnr_BR.gif") no-repeat top right;

		height:6px;

}

.greyWhiteRoundedBox form{

	margin:0;

}

.greyWhiteRoundedBox hr{

	color:#E9E8E9;

	border:0;

	height:2px;

	background-color:#E9E8E9;



}

.greyWhiteRoundedBox input{

	width:140px;

}

.greyWhiteRoundedBox #login{

	margin-top:5px;

	width:auto;

}





/*** Lower three boxes on homepage

-----------------------------------------*/

/*** Positioning

-----------------------------------------*/



#lowerContainerBox{

	display:block;

	/*\*/

	width:580px;

	clear:both;

	/*Hides this from IE on mac*/

}

#homeBoxOne {

	width:200px;

	float:left;

	margin-top:10px;

}



#homeBoxTwo {

	width:200px;

	float:left;

	margin-left:10px;

	margin-top:10px;

}

#homeBoxThree {

	width:160px;

	float:left;

	margin-left:10px;

	margin-top:10px;

}







/*** Formatting

-----------------------------------------*/



/* Show only to IE PC \*/

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */



.yellowRoundedBox, .greyRoundedBox, .blueRoundedBox {

	width: 190px;

	background:url("/img/yd_whiteRoundCnr_BR.gif") no-repeat bottom right;

	font-size:90%;

}

.yellowRoundedBox {

	background-color:#FFA;

}

.blueRoundedBox {

	background-color:#EDF5F8;

}

.greyRoundedBox {

	background-color:#E9E8E9;

}

.yellowRoundedBox .container, .greyRoundedBox .container, .blueRoundedBox .container {

	background: url("/img/yd_whiteRoundCnr_BL.gif") no-repeat bottom left;

}

.boxhead {

	background:url("/img/yd_whiteRoundCnr_TR.gif") no-repeat top right;

	margin: 0;

	padding: 0;

}

.yellowRoundedBox .boxhead {

	background-color:#F5EB0B;

}

.greyRoundedBox .boxhead {

	background-color:#BBB;

}

.blueRoundedBox .boxhead {

	background-color:#0987CF;

}

.boxhead h2 {

	background: url("/img/yd_whiteRoundCnr_TL.gif") no-repeat top left;

	margin:0;

	padding: 5px;

	font-size:110%;

}

.yellowRoundedBox .boxhead h2 {

	color:#333;

}

.blueRoundedBox .boxhead h2 {

	color:#FFF;

}

.blueRoundedBox .boxhead h2 a:link, .blueRoundedBox .boxhead h2 a:visited{

	color:#FFF;

	text-decoration:none;

	width:100%;

	display:block;

}

.blueRoundedBox .boxhead h2 a:active ,.blueRoundedBox .boxhead h2 a:hover{

	color:#FFF;

	text-decoration:underline;

	width:100%;

	display:block;

}

.greyRoundedBox .boxhead h2 {

	color:#333;

}

.greyRoundedBox .boxhead h2 a:link, .greyRoundedBox .boxhead h2 a:visited{

	color:#333;

	text-decoration:none;

	width:100%;

	display:block;

}

.greyRoundedBox .boxhead h2 a:active ,.greyRoundedBox .boxhead h2 a:hover{

	color:#333;

	text-decoration:underline;

	width:100%;

	display:block;

}



.yellowRoundedBox .boxbody, .greyRoundedBox .boxbody, .blueRoundedBox .boxbody {

	margin: 0;

	padding: 5px;

	height:53px;

}

.greyRoundedBox .boxbody {

	font-size:90%;

}

.buttonArea {

	padding: 0 10px 5px;

	text-align:right;

}





html>body .yellowRoundedBox .boxbody, html>body .greyRoundedBox .boxbody, html>body .blueRoundedBox .boxbody {/*This style allows text to expand vertically in Mozzilla based browsers  */

	min-height:53px;

	/*\*/

	height:auto;/*This style is hidden for IE on the MAC */

}

/*****************************************/

/*** Contact us form

-----------------------------------------*/



.formBox {

	width:570px;

	margin-top:10px;

	clear:both;

	background:#E9E8E9 url("/img/yd_whiteRoundCnr_BR.gif") no-repeat bottom right;

	font-size:95%;

}



.formBox .container {

	background: url("/img/yd_whiteRoundCnr_BL.gif") no-repeat bottom left;

}

.boxhead {

	background:url("/img/yd_whiteRoundCnr_TR.gif") no-repeat top right;

	margin: 0;

	padding: 0;

}

.formBox .boxhead {

	background-color:#0987CF;

}

.formBox .boxhead h2 {

	background: url("/img/yd_whiteRoundCnr_TL.gif") no-repeat top left;

	margin:0;

	padding: 2px 12px;

	font-size:110%;

	color:#FFF;

}



.formBox .boxbody {

	margin: 0;

	padding:10px 10px 10px;

}

.formBox .buttonArea {

	padding: 5px 10px 5px;

	text-align:right;

	clear:both;

}

.formBox {

	margin: 0;

}



.formBox textarea{

	width:250px;

}

.labelCol{

	width:260px;

	float:left;

	font-weight:bold;

}



.fieldRow{

	clear:both;

}

*html .fieldRow {

	height:20px

}



.fieldCol {

	float:left;

	width:250px;

}

fieldset{

	border:0;

	margin:0;

	padding:0;

	margin-top:10px;

}

.label2Col{

	width:100px;

	float:left;

	font-weight:bold;

}

.field2Col {

	float:left;

	width:250px;

}



/*legend{

	border:0;

	margin:0;

	padding:0;

	font-weight:bold;

	margin-top:10px;

}*/

*html fieldset{

	padding-left:10px;

}

/*html legend{

	margin-left:-17px;

	margin-top:5px;

}*/



/*

*******************************************************

Firefox likes this when input is in a div

label{

	font-weight:bold;

	width:285px;

	float:left;

	margin:5px 0px 7px;

	display:inline;

}



.formBox textarea{

	width:250px;

}



*/



/****************************************

Site Builder Image Styles

-----------------------------------------*/

#siteBuilderExamples {

	text-align:center;

	line-height:2em;

}

#siteBuilderExamples div{

	display:inline;

	text-align:center;

	width:172px;

	float:left;

	margin:0px 5px;

	voice-family: "\"}\""; 

	voice-family:inherit;

	margin:0px 10px;/*Attribute attached to everything exept IE5 and IE 5.5*/

}

html>body #siteBuilderExamples div{

	margin:0px 10px;

}



/****************************************/

/*** Footer Element

-----------------------------------------*/

#footerSpacer{

	height:15px;

	clear:both;

}

#footer {

	clear:both;

	width:100%;

	background-color: #F5EB0B;

	padding:0px;

	font-size:95%;

}



ul.footerLinks {

 	margin-left:-28px;

 	margin-bottom:0px;

	margin-top:0px;

	padding-top:5px;

}



*html ul.footerLinks {

	margin-left:1%;

}



ul.footerLinks li {

 	display:inline;

 	font-size:95%;

}



ul.footerLinks li a {

 	text-decoration:none;

}



.copyright {

 	font-size:95%;

 	color:#666;

	padding:3px 10px 5px;

}



*html .copyright {

 	padding-left:1%;

}



/****************************************/

/*** Pop up styles

-----------------------------------------*/



#popup #popContent {

	padding:15px;

	width:auto

}



#popup #footer, #popup #footer div, #popup #footer div div {

	width:auto;

}

#popup .greyBorder{

	border:1px solid #CCCCCC;

}

#popup #footer {

		background-color: #F5EB0B;

}



#popup #footer .content{

	width:auto;

	text-align:center;

}

*html #popup #footer .content{

	height:10px; /*this is used to prevent the div dissappearing in ie*/

}

#popContent ul{

	margin:0 0 0 15px;

	padding:0;

	list-style-position: outside;

	text-indent:0px;

}



#popContent ul li{

	list-style:none;

	background: url("/img/yd_bulletNew.gif") no-repeat;

	padding-left:10px;

	margin:0 0 1em;

	text-align:justify;

	line-height:normal;

}

* html #popContent ul li{ /*This is to display bullets correctly within IE*/

	position:relative;

}

#popup .footnote {

	margin:0;

	font-size:85%;

	clear:both;

	width:auto;

}



/****************************************/

/*** Error styles

-----------------------------------------*/

#error{

	border:1px solid #F00;

	margin:12px 12px 0;

	padding:12px;

	clear:both;

}

#homeAccManBox #error{

	border:1px solid #F00;

	margin:3px;

	padding:4px;

	clear:both;

	text-align:left;

}



/****************************************/

/*** Screenshot Module styles

-----------------------------------------*/

.ssModule{

	width:580px;

	margin-bottom:10px;

	clear:both;

}

*html .ssModule{

	width:602px;

	wid\th:580px;

	height:10px; /*this is used to prevent the div dissappearing in ie*/

}

.ssModule .copyDiv{

	width:358px;

	float:left;

}

*html .ssModule .copyDiv{

	width:380px;

	wid\th:358px;

}

.ssModule .imgDiv{

	text-align:center;

	padding:5px 0 5px 20px;

	width:200px;

	float:left;

}

*html .ssModule .imgDiv{

	width:210px;

	wid\th:200px;

}

.ssModule img{

	padding:0 0 3px;

}



/****************************************/

/*** Yell Group Products 

-----------------------------------------*/

#rightColL {

	float:left;

	margin-right:15px; 

	width:278px;

}



#rightColR {

	float:left;

	width:278px; 

}



*html #rightColL {

	width:275px;

}



*html #rightColR {

	width:275px; 

}

	

.gradGroupProds {

 	clear:left;

	padding:5px 0px;

 	background:#FFF url(/img/yd_gradblend.gif) repeat-x;

	width:275px; 

	border-top:1px solid #CCC; 

	border-left:1px solid #CCC; 

	border-right:1px solid #CCC; 

	border-bottom:0px solid #CCC;

}



*html .gradGroupProds {

	width:277px; 

	w\idth:275px;

}



.gradGroupProds img {

 	margin:0px 10px 0px 10px;

}



.linksGroupProds {

	float:left; 

	width:275px;

	padding:15px 0px 15px 0px; 

	line-height:16px; 

	border:1px solid #ccc; 

	margin-bottom:15px;

	height:9em;

}



*html .linksGroupProds {

	width:277px; 

	w\idth:275px; 

}



.linksGroupProds .link2 {

	float:left; 

	padding:0px 10px;

	width:220px; 

	w\idth:200px; 

	}

	

.linksGroupProds .imgHolder {float:left; width:45px; padding-right:0px;}



.link2 ul.yellcomAdverts {

	background:none!important; 

	margin:0px;

	}



ul.yellcomAdverts li {

	list-style:none;

	background:none!important; 

	margin-left:-40px;

	margin:0 0 0.3em!important; 

	line-height:0px;

	padding:0px;

	}

		

*html ul.yellcomAdverts li {

	position:relative;

	margin:0px;

	}

	

.freeListingBox {

 	clear:left;

 	background:#FFF url(/img/yd_gradblend.gif) repeat-x;

	width:550px;

	margin:15px 0px 25px 0px;

	}



.freeListingBox .copy {

	clear:left;

	width:548px;

	padding:0px 10px 5px 10px;

	border-left:1px solid #CCC; 

	border-right:1px solid #CCC;

	border-bottom:1px solid #CCC;

	border-top:0px;

}



*html.freeListingBox .copy {

	width:570px;

	margin:0px;

}



/*****************************************/

/*** Page layout

-----------------------------------------*/



#titlePanel{	

	margin-bottom:10px;

	border-bottom:1px solid #CCC;

	width:740px;

	clear:both;

}



/* IE7 & Firefox Footer fix for contact pages */



html>body ul.footerLinks {margin-left:10px}

*:lang(en) ul.footerLinks {margin-left:-28px}



/*________________________________________________ Stationery Form***/

.required{

	font-weight: normal;

	float: right;

}

.showhide{

	font-weight: normal;

	float: right;

	text-decoration:underline;

	cursor: hand;

}

.statcontactTable {

	width:100%;

	border-top:1px solid #666;

	border-bottom:1px solid #fff;

}

.statcontactTable th{

	background:#fff url("http://www.yelldirect.com/img/yd_greyGrad.jpg") repeat-x;

	border-bottom:1px solid #ccc;

	padding:8px 10px;

	line-height:1.4em;

	text-align:left;

	vertical-align:top;

}

.statcontactTable td{

	border-top:2px solid #fff;

	border-bottom:1px solid #fff;

	padding:6px 10px;

 	background-color:#E8F2F9;

}

.statcontactTable th h2{

	font-family:Verdana, Arial,  Helvetica, sans-serif;

 	font-size:110%;

	margin:0;

	padding:0;

	color:#000;

}

.stationeryTable {

	width:100%;

}

.stationeryTable td{

	background-color:#ffff99;

	padding:8px 10px;

	line-height:1.4em;

	vertical-align:top;

	font-weight:normal;

	border-top: none;

}

.statborder td{

	border-bottom: #CCC 1px solid;

}

.stationeryTable label{

	font-family:Verdana, Arial,  Helvetica, sans-serif;

 	font-weight: bold;

	font-size: 100%;

}

div.statbuttonRow{

	border-bottom:#ccc 1px solid;

	border-top:#ccc 1px solid;

	padding:15px 0;

	text-align:right;

	margin-bottom:20px;

}

/* End - Stationery Form */

















/* TAGLAB STYLES */

.form_row h4 {
  font-size: 100%;
}

.clear {
  clear: both;
}

#container {
  width: 960px;
  padding: 0;
}

#container div {
  position: static;
}

#content_area {
  width: 543px;
  margin: 0 10px 10px 10px;
  min-height: 100px;
  float: left;
  display: inline;
}

#iefix #content_area {
  width: 548px;
}

.placeholder_header {
  margin-bottom: 30px;
}

.progress_bar_container {
  background: url(../images/background_progress_bar.gif) top left repeat-x;
  width: 533px;
  height: 43px;
  padding: 7px 0px 0px 8px;
  margin: 0;
  border-bottom: 1px solid #CCC;
}

.progress_step {
  background: url(../images/background_grey_tab.gif) top left repeat-x;
  width: 158px;
  height: 23px;
  float: left;
  font-weight: bold;
  border: 1px solid #666;
  padding: 10px 0px 0px 0px;
  text-align: center;
}

#request_form ul.progress_bar #first {
  padding-top: 3px;
  height: 30px;
}

#request_form {
  width: 541px;
  padding: 0;
  border: 1px solid #CCC;
  background: #E8F2F9;
  margin: 15px 0 15px 0;
}

#iefix #request_form {
  width: 543px;
}

#request_form form {
  width: 380px;
  margin: 0px auto 15px 0px;
}

#request_form ul.progress_bar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 35px;
  width: 524px;
}

#iefix #request_form ul.progress_bar {
  height: 36px;
} 

#request_form ul.progress_bar li {
  background: url(../images/arrow.gif) center right no-repeat;
  width: 160px;
  height: 35px;
  padding-right: 22px;
  float: left;
}

#request_form ul.progress_bar li.last {
  background: none;
  padding: 0;
  margin: 0;
}

#request_form ul.progress_bar .selected {
  background: url(../images/background_yellow_tab.gif) top left repeat-x;
}

#request_form #request_form_content {
  padding: 15px 25px 25px 8px;
  width: 508px;
  min-height: 120px;
}

iefix #request_form #request_form_content {
  width: 541px;
  height: 100px;
}

.form_row {
  margin-bottom: 20px;
}

.form_row_checklist {
  margin-top: 15px;
}


.form_row select {
  width: 145px;
}

.form_row a.button_yellow {
  background: url(../images/background_yellow_button.gif) top left repeat-x;
  width: 145px;
  height: 17px;
  border: 1px solid #000;
  display: block;
  text-decoration: none;
  text-align: center;
  padding-top: 3px;
  margin: 0;
}

#iefix a.button_yellow {
  width: 145px;
  height: 22px;
}

a#button_order_directory {
  margin-left: 200px;
}

.float_left {
  float: left;
}

.button_float_right {
  float: right;
}

.grey_module {
  width: 265px;
  height: 133px;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  padding: 5px 0px;
  float: left;
  margin-right: 12px;
}

#iefix .grey_module {
  height: 145px;
}

.grey_module_content {
  background: #ECECEC url(../images/uk_graphic.gif) top right no-repeat;
  border: 1px solid #858585;
  width: 243px;  
  height: 121px;
  padding: 10px 10px 0px 10px;
}

.grey_module_content ul,
.yellow_module_content ul{
  list-style-position: inside;
  margin: 5px 0;
  padding: 0;
}

.grey_module h3 {
  margin-bottom: 10px;
}

.yellow_module {
  width: 265px;
  height: 145px;
  float: left;
}

.yellow_module h3.yellow_background {
  background: url(../images/header_yellow_module.gif) top left no-repeat;
  width: 255px;
  height: 22px;
  padding: 5px 0 0 10px;
}

#iefix .yellow_module h3.yellow_background {
  width: 265px;
  height: 27px;
}

.yellow_module_content {
  width: 243px;
  height: 96px;
  border: 1px solid yellow;
  padding: 10px;
}

#iefix .yellow_module_content {
  width: 265px;
  height: 118px;
}

.right_column {
  width: 195px;
  float: left;
}

.right_column img {
  margin: 0 0 20px 0;
  padding: 0;
}

.grey_margin_teaser {
  width: 175px;
  border: 1px solid #666;
  background: url(../images/grey_gradient.gif) top left repeat-x;
  min-height: 50px;
  padding: 10px;
}

#iefix .grey_margin_teaser {
  width: 197px;
  height: 50px;
}

.grey_margin_teaser ul {
  list-style-position: outside;
  margin: 10px 0px 0px 15px;
  padding: 0;
  width: 150px;
}

.grey_margin_teaser ul li {
  margin: 0px 0px 10px 0px;
}

img.margin_teaser_image {
  margin: 0px;  
}

.grey_margin_teaser h3,
.form_row h3 {
  clear: none;
  padding-top: 2px;
}

.help_icon {
  float: right;
}

a.button_view_map {
  background: url(../images/icon_map.gif) top left no-repeat;
  height: 31px;
  display: block;
  padding: 10px 0px 0px 45px;
}

form.address_details .form_row {
  margin-bottom: 5px;
  height: 20px;
}

form.address_details .form_row span {
  font-size: 12px;
  width: 195px;
  float: left;
  clear: right;
  font-weight: bold;
}

form.address_details input {
  float: left;
  margin: 0;
}

.special_row {
  margin-bottom: 20px;
}

.special_row span {
  font-size: 12px;
  font-weight: bold;  
  float: left;
  width: 200px;
}

.special_row label {
  float: left;
  margin: 5px 10px 0 0;
}

.special_row input {
  margin-left: 5px;
}
.postcode_input {
  width: 14em;
  margin-right: 15px;
}

.showModule {
  margin-top: 1em;
  display: block;
}

.hideModule {
  display: none;
}

#container #margin_teaser_help_list p {
  text-align: left;
}

.radiobuttons {
  padding-top: 5px;
  height: 20px;
}

.radiobuttons input {
  float: left;
  padding: 0;
  margin: 0;
}

.radiobuttons label {
  float: left;
  padding-top: 1px;
  margin: 0 5px 0 2px;
}

.small_print {
  font-size: 85%;
}

.icon_question_mark_small {
  margin-left: 5px;
}

#another_postcode {
  font-size: 85%;
  margin-bottom: 5px;
}

.denotes_mandatory_field {
   margin: 0px 0px 15px 195px;
}

.form_titles {
  margin: 20px 0 0 8px;
}

.errorbox {
  display: block;
  font-weight: bold;
  margin-bottom: 1em;
  color: #f00;
}

.last {
  margin-top: 20px;
}

.popup_content {
  width: 310px;
  margin: 15px 0 0 15px;
}

.popup_grey {
  width: 290px;
  border: 1px solid #666;
  background: url(../images/grey_gradient.gif) top left repeat-x;
  min-height: 50px;
  padding: 10px;
  margin-bottom: 15px;
}

#iefix .popup_grey {
  width: 310px;
  height: 50px;
}

.popup_buttons {
  width: 310px;
  text-align: right;
}

.popup_buttons a {
  display: block;
  margin-bottom: 10px;
}

/* New style guidelines */

a:hover,
a:active,
a:visited {
  color: #666666;  
}

body {
  width: 100%;  
  background-color: #DADAE0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
}

.main_container {
  width: 960px;
  margin: 0px auto 0px auto;  
  height: 100%;
}

.header {
  width: 960px;
  background-color: #FFF;
  margin: 10px 0px;
}

.header .logo_and_tagline {
  clear: right;  
  height: 67px;
}

.header h1 {
  padding-left: 18px;
  float: left;
}

.header h1 a {
  width: 241px;
  height: 34px;
  background: url(/images/logo_yelldirect.gif) top left no-repeat;
  display: block;  
}

.header h1 a span {
  display: none;
}

.header .tagline {
  float: left;  
  padding: 22px 0px 0px 9px;
  display: block;
}

.header ul {
  list-style: none;  
}

.header ul li {
  float: left;
}

.header .top_links {
  float: right;
  margin: 0px 10px 0px 0px;  
  height: 24px;
  padding-top: 8px;
}

#iefix .header .top_links {
  height: 32px;
  margin: 0px 6px 0px 0px;  
}

.header ul.top_links li {
  padding-right: 0.4em;
}

.header ul.top_links li.last {
  padding-right: 0px;
  margin: 0px;
}

.header .nav {
  clear: left;
  height: 26px;  
  background-color: #FFEE51;
  border-bottom: 2px solid #FFC251;
}

.header .nav ul {
  float: right;
  margin: 0px;
}

.header .nav ul li {
  padding-right: 20px;
  line-height: 26px;  
}

.header .nav ul li.last {
  padding-right: 16px;  
  margin-top: 0px;
}

#container {
  background: #FFF;
}

#content_area {
  padding: 10px 0px 0px 10px; 
}

.right_column {
  padding-top: 10px;
}

.footer {
  height: 61px;
  margin-top: 10px;
  border-top: 2px solid #B5B5B5;
  background: #FFEE51 url(/images/logo_footer.gif) 20px 10px no-repeat;  
}

.footer_nav {
  margin-left: 84px;  
}

.footer_nav ul {
  margin: 0px;  
  padding: 12px 0px 0px 0px;
  color: #666;
}

.footer_nav ul li {
  float: left;
  list-style-type: none;
  padding: 0px 0.5em 3px 0px;
}

.footer_nav ul li a {
  color: #000;
  padding-right: 0.3em;  
}

.footer .copyright {
  clear: left;
  padding: 0px;
}

#iefix .form_row a.button_yellow {
  height: 17px;
}