/* CSS Document */
/*baseline styles/////////////////////////////////////////////////////*/
	body{min-height:100%;font-size:62.5%;margin:0;padding:0;text-align:center;}
	html{overflow-y:scroll;height:100%;}
	html,div,span,applet,object, h1, h2,h3, h4, h5, h6, p,blockquote, pre, a, em,font, img, strong, sub,sup, ol, ul,fieldset,form, label, legend
	{margin:0;padding:0;border:0;outline:0;vertical-align: baseline;list-style:none outside none;font-family:inherit;white-space:normal;}
	#f li,#h li {display:inline;}
	li.blockList{margin:0 0 1em 0;font-size:1em!important;}
	li li{font-size:1em;}
	#n li a{display:block;}
/*////////////////////////////////////////////////////////////////////*/

/*MAIN PAGE CANNON
/*
h = header
f = footer
c = content
n = navigation column
p = primary content
s = secondary content
t = tertiary content*/

/*content positioning method*/
#w{width:900px;margin:0 auto;text-align:left;}/*remove for scallable*/


#c{position:relative;}
#n{float:left;min-height:309px;height:100%;}
#s{position:absolute;top:0;right:0;}
#p{float:left;min-height:420px;}



/*   3 coloms left .c2l
/*   ________________
/*   |n  | p     |s  |	*/	#n{width:180px;}
/*   |190| 620   |190|  */	#p{margin:0 270px 0 190px;}
/*   |   |       |   |  */	#s{width:270px;}
/*   -----------------  */

/*   2 coloms left .c2l
/*   _________________
/*   |n  | p         |	*/	.c2l #n{width:166px;margin:0;padding:9px 5px 9px 9px;}
/*   |190| 620       |  */	.c2l #p{width:684px;margin:0;padding:9px 18px;}
/*						*/	
/*   |   |           |  */	.c2l #s{display:none;}
/*   -----------------  */

/* .c2r  [2 coloms right]
/*   _________________
/*   |    p      |   |	*/	.c2r #n{display:none;}
/*   |    620    |190|  */	.c2r #p{margin:0 270px 0 0;}
/*   |           |   |  */	.c2r #s{width:270px;}
/*   -----------------  */

/*  .c1 [1 coloms] 
/*   _________________
/*   |    p          |	*/	.c1 #n{display:none;}
/*   |    900        |  */	.c1 #p{margin:0;}
/*   |               |  */	.c1 #s{display:none;}
/*   -----------------  */


/*all clears */
	.stretcher,#h ul,#f ul,#listProducts,#m
	{overflow:hidden;}	
	
	

/* standard content text styling */
	body{font-family:Arial, Helvetica, sans-serif;text-align:center;color:#333;}
	
	a,h1,h2,h3,h4,em,i,.breadcrumb{color:#247591;}
	a:hover{text-decoration:underline!important;}
	
	h1,.fauxh1{font-size:1.8em;}
	h2,.fauxh2{font-size:1.4em;}
	h3,.fauxh3{font-size:1.4em;}

	p,ol,ul,blockquote,dl,table,form{font-size:1.4em;line-height:1.6em;}
	#p p{font-size:1.3em;}
	ol p, ul p,ol ol, ul ul{font-size:1em;}
	
	hr.clearBoth{clear:both;height:1px;visibility:hidden;}
	
	.txtContent {padding-bottom:50px!important;}
	.txtContent p,.txtContent h2,.txtContent h1,.txtContent h3,.txtContent img{margin:0 10px;}
	.txtContent p{margin-bottom: 1em;}
	.txtContent ul, .txtContent ol{font-size:1.3em;margin-bottom:1.6em;}
	.txtContent h1{margin-bottom: 1.2em;margin-top:15px}
	.txtContent h2{margin-bottom:0.5ex;}
	.txtContent li{margin-left:30px;list-style:disc;font-size:1em}
	
	#c h1{margin-bottom:1em;}
	#c h2{margin-bottom:1ex;}
	#c h3{margin-bottom:0;}

	#c p{margin-bottom:1.4em;}
	#c li{}
	
	.pagination{text-align:right;float:right;width:250px;position:relative;top:-3px;right:-5px;}
	.pagination li{display:inline-block;margin-left:0.2ex;width:1.6em;color:#efefef;border:solid 1px #ccc;text-align:center}
	
	.pagination  a{text-decoration:none;}
	.pagination .active{font-weight:bold;background:#247591;color:#fff!important;}
	.pagination .active a{color:#fff;text-decoration:none;}
	
	
	#c a{}
	#c a:hover,#f a:hover{text-decoration:underline;}

/* start page design*/
body{background:#2986a6 url(ypl_body_bg.jpg) repeat-x top left;}
#m {position:relative;background:url(ypl_n_bg.jpg) no-repeat top left;}

	#h{min-height:144px;background:url(ypl_header_bg.jpg) no-repeat top left;margin-top:8px;margin-bottom:14px;border-top:solid 1px #23718c;position:relative;}
		#h a {color:#fff;}
		#branding h1 a,#branding .heading a{background:url(ypl_logo.jpg) no-repeat top left;width:269px;height:113px;display:block;text-indent:-10000px;margin:13px 0 0 1px;}
		#h #menu{position:absolute;top:122px;left:15px;width:252px;text-align:right;font-size:0.8em;}
			#menu li{margin-left:1ex;border-left: 1px solid #fff;padding-left:1ex;}
			#menu a{text-decoration:none;}
			#menu li.first{border-left:none;}
			.strapline{position:absolute;left:306px;top:40px;text-indent:-10000px;background:url(ypl_h_strapline.gif) no-repeat top left;height:66px;display:block;width:283px;}
	
	#h #contactCallout{position:absolute;left:720px;width:180px;top:40px;}
	#h .contactDetails .phone , #h .contactDetails .emailLink a,#h  .co-quote a{background-position:top left;background-repeat:no-repeat;text-indent:-3000px;width:182px;display:block;}
	
	#h  .emailLink a{background:url(ypl_h_email.gif);height:17px;}
	#h  .phone {background:url(phonenumber.gif);height:28px;}
	#h  .co-quote a{background:url(contactus.gif);height:21px;}
	
	#n{margin-bottom:120px}	
	
	/*menu styling*/
	label.ourProducts{display:block;font-weight:bold;color:#247591;font-size:1.1em;margin-bottom:1em;}
	
	#n a{color:#fff;}
	#n ul#nav {font-size:1.4em;}
	#n ul#nav  ul{font-size:0.80em;}
	#n #nav li+li{margin-top:.8em;}
	#n #nav li  li+li{margin-top:0;}
	#n #nav li a{display:block;font-weight:bold;border-bottom:1px solid #fff;}
	#n #nav li li a{font-weight:normal;padding:6px 9px 6px 18px;border-bottom:solid 1px #456f7d;}
	#n .contactDetails strong{color:#144353!important;font-weight:bold;}
	
	#n #nav li li a:hover,#n #nav  li li.active {background:#247591;color:#144353;}
	#n #nav  .active a:hover{color:#fff!important;text-decoration:none!important;}
		#n #nav  a{color:#fff;text-decoration:none;}		
	/*end menu*/	
	
	#n ul.contactDetails{height:80px;position:absolute;bottom:0;left:9px;font-size:1.1em;color:#fff;width:171px;}
	#products #n ul.contactDetails{bottom:90px;}
	
	#n .contactDetails li a{font-weight:normal!important;text-decoration:none;display:inline!important;}
	
	#p{background:#fff;}
		.breadcrumb h1{font-size:1.3em;}
	
	
	

	
	.outline{border:solid 1px #000;}
	
	#listProducts {margin-right:-40px;clear:both;}
	#listProducts li{float:left;width:162px;margin:0 14px 14px 0;min-height:216px}
	#listProducts li img{display:block;}
	#listProducts h2{font-size:0.81em;line-height:1.4em;}	
	#listProducts li a img{margin:2px}
	#listProducts li a:hover img{border:solid 2px #277E9C;margin:0;}
	
	
	#f{min-height:30px;border-top:1px solid #fff;clear:both;margin-top:18px;padding-bottom:34px;padding-left:190px;background:url(ypl_footer-logo.gif) no-repeat top left;padding-top:5px;position:relative;}
		#f .strap{color:#fff;font-size:2.6em;}
		#f .family{font-size:1.1em;color:#002c3e;font-weight:bold;}
		#f .family a{color:#002c3e;}
		#f p.credit{position:absolute;right:10px;bottom:0;width:200px;text-align:right;font-size:10px;color:#195265}
		#f .credit a{text-decoration:none;color:#195265;}

/*page specifics*/

/*product page*/
.prodImages{float:left;width:340px;}
.prodTxt{float:left;width:240px;margin-bottom:40px;}
.prodTxt p{margin-bottom:1ex;}
.prodTxt dl {overflow:hidden;}
.prodTxt dt,.prodTxt dd{border-bottom:solid 1px #efefef;}
.prodTxt dt{float:left;width:80px;font-weight:bold}
.prodTxt dd{float:left;margin-left:0;width:160px;}
.prodDetails{overflow:hidden;margin-bottom:2em;}
.optionsCallout{background:url(hp_callout_bg.jpg) repeat-x top left;padding:24px;overflow:hidden;}
.topOptions li{margin-bottom:1em;font-weight:bold;}
.optionsCallout img{vertical-align:middle;margin-right:10px;}
.optionsCallout div{width:30%;float:left;font-size:0.8em;line-height:2.2em;margin-right:3%;}
.optionsCallout h2{margin-bottom:1em;font-size:1.6em;}
p#antiRam{font-weight:bold;font-size:1.6em;margin-top:3em;}
.optionsCallout h3{color:#333;}
.optionsCallout .finishOption li{border-bottom:solid 1px #ccc;}
.optionsCallout .finishOption ul{border-top:solid 1px #ccc;margin-bottom:1em;margin-right:10px;}
.optionsCallout div a{color:#333;}
.contactCallout{clear:both;padding-top:1.5em;}

.diametres h2{margin-bottom:0.5ex;font-size:1.4em;}
 div.diametres{float:none;width:auto;padding-top:1em;}
 #p div.diametres{font-size:1.1em;}

/*homepage*/
	#home #p{background:transparent;padding:0 0 0 9px;width:711px}
	#home #n{min-height:419px;}
	#hpProducts ul{margin-right:0px;overflow:hidden;margin-bottom:10px;margin-right:-50px}
	#hpProducts h2{font-size:1em;}
	#hpProducts li{float:left;width:170px;background-color:#144353;margin-right:10px;height:350px;}
	#hpProducts li a{display:block;text-decoration:none;color:#fff;padding:292px 5px 20px 10px;text-indent:-2000px;position:relative;}
	#hpBolards{background-image:url(hpcall-bollards.jpg);}
	#hpCylce{background-image:url(hpcall-cycle.jpg);}
	#hpSeating{background-image:url(hpcall-seating.jpg);}
	#hpBespoke{background-image:url(hpcall-bespoke.jpg);}
	
	#whyChooseYpl{background:#fff url(hp_callout_bg.jpg) top left repeat-x;padding:9px 9px 9px 180px;position:relative;border:solid 1px #fff;border-bottom:solid 1px #1f6990;}
	#whyChooseYpl p.fauxh2{position:absolute;left:20px;top:20px;text-align:left;font-size:2.4em;color:#1f6990;}
	#whyChooseYpl p#findOutMore{clear:both;text-align:right;}
	#whyChooseYpl li p{font-size:0.8em;}
	#whyChooseYpl ul{margin-right:-80px;}
	#whyChooseYpl li{float:left;width:160px;margin-right:16px;padding-top:18px}
	#whyChooseYpl li .fauxh1{color:#1f6990;font-size:1.71em;font-weight:bold;margin-bottom:.5ex;display:block}
	#whyChooseYpl .last .fauxh1{text-indent:-0.1ex;}
	
	.titleBreadcrumb{border:#f00;font-size:1.3em;font-weight:normal;display:block;margin-bottom:1ex;}
	.titleBreadcrumb a{text-decoration:none;}
	
	
	/*admin*/
	table#Allproducts{border-collapse:collapse;font-size:1em;}
	table#Allproducts td{border:solid 1px #999;padding:4px;vertical-align:top;text-align:left;}
	
	#viewAllproducts #wrapper{width:auto;}
	#viewAllproducts #n{display:none;}
	#viewAllproducts #p{overflow:visible;width:auto;}
	
	/*bespoke*/
	#bespokeStreetFurniture .txtContent p{}
	#bespokeStreetFurniture #img1{float:right;margin:0 0 50px 70px;}
	#bespokeStreetFurniture #img2{float:left;margin:40px 70px 50px 0;}
	#bespokeStreetFurniture p.last{margin-top:50px;}
	
	/*antiram*/
	#antiRamBollards img{float:right;margin:0 0 30px 30px;}
	
	/*marine*/
	.marinelist li{float:left;width:260px;}
	ul.marinelist{overflow:hidden;}
	
	/*polish*/
	#polishing .txtContent img,
	#steelBollardsFinishes .txtContent img{float:left;clear:left;margin:0 30px 50px 0;}
	
.scrollholder p{font-size:1.1em!important;color:#333;line-height:1.4em;}

/* for srcoll bars*/
div.scrollholder
{
margin-top:20px;
    position: relative;
   	height: 90px;
    overflow: auto;
    z-index: 1;
    background-color: #fff;
	clear:both;
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: #efefef;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    background: #ccc;
}  
/* end scrollbars*/

a#specDownload{background:url(pdf_icon.gif) no-repeat center left;font-size:1.2em;padding:2px 4px 2px 22px;margin-top:18px;display:block;margin-right:-20px;}


p.credit {visibility:hidden!important;}