/*#509CD2
font-sizes:138.5% 123.1% 108%;

body,html{background-color:#8E887A}*/
body,html{background:#FFF url(/graphics/bg-diag.gif) repeat-x top left;}
#doc4{background-color:#FFF;padding:0 0.77em 0 0.77em }
.unionjack{background: #FFF url(graphics/union-jack.gif) no-repeat bottom right;}
/* HEADER */
ul#topnav,#subNav ul,#subNav{margin:0;}
#topnav li,#subNav li{
	font-weight:bold;
	float:left;
	list-style:none;	
}
#topnav li{font-size:108%;
	line-height:1.8em;
	height:2.3em;
	}
#subNav li{font-size:93%;
	line-height:1em;
	height:1em;
	}
#topnav li a{text-decoration:none;color:#4F9AD0;border-right:1px solid #A4CAE4;
		margin:0 0 0 0.5em;padding:0 0.5em 0.4em 0;}
#subNav li a{text-decoration:none;color:#FFF;border-right:1px solid #A4CAE4;
		margin:0.4em 0 0 0.5em;padding:0 0.5em 0 0;}
#topnav li.current a{color:#A31F1F;}
#subNav li.current a{color:#A31F1F;}
#topnav li.current{background: transparent url(graphics/up-tri.gif) no-repeat bottom center;}
#topnav li.last a,#subNav li.last a{border:none;}
ul#topnav{/*position:relative;
	left:17.5em;
	bottom:1.7em;*/
	float:left;margin:3.7em 0 0 2em;
	width:39em;
}
#subNav p{margin:0;padding:0;clear:both;height:2px;line-height:2px;font-size:1px;width:100%;}
#subNav{
width:100%;
height:auto;
clear:both;
float:left;
background-color:#509CD2;
border-top:2px solid #509CD2;
border-bottom:2px solid #509CD2;}

#subNav ul{
	color:#FFF;
	font-weight:bold;
	height:1em;
	margin:0;
	width:100%;
}
#spec ul{margin:0.5em 0 0 0}
#spec{
	float:right;
	clear:none;
	position:absolute;
	top:1.48em; 
	left:66em;
	width:13em;
	height:4.5em;
	overflow:hidden;
	margin:0;
	border:1px solid #509CD2;
	line-height:1em;
	z-index:2;
	background-color:#FCFCFC;
}
#spec,#spec a{color:#666;}
#spec li{list-style:none;margin:0 0 0.5em 0.2em;}
#spec-list strong{color:#000;}
#spec h2{padding-left:0.5em;font-size:85%;
	color:#FFF;background-color:#509CD2;font-weight:bold;}
#spec p{padding:0.5em;margin:1em 0 0 0;}
#spec li{font-size:0.77em;}
#spec-view,#num-specs{font-size:0.85em;}
#spec-view{padding-left:4.5em;background: transparent url(graphics/down-tri.gif) no-repeat 3em 3px;}
.add-to-spec{font-size:85%;font-weight:normal;}
.spec-divide{border-top:1px solid #CCC;margin-top:1em;}

a.deleteSpec{display:block;float:right;width:1.2em;height:1.2em;background:#D40808 url(graphics/del-sq-tr.gif) no-repeat center center;margin-right:0.5em;}
a.deleteSpec span{display:none;}

#hd{/*border-bottom:6px solid #509CD2;*/
	background: transparent url(graphics/head-bg.gif) repeat-x top left;
	height:6.1em;
	}
h1#company{width:201px;height:56px;
	/*position:relative;
	left:0.2em;top:0.6em;*/
	float:left;margin:0.6em 0 0 0.2em;
	background: transparent url(graphics/portman-logo.gif) no-repeat top left;}
h1#company span{display:none;}
h1#company a{display:block;width:100%;height:100%;}
.redline{border:1px solid #F00;}

/* MAIN PAGE */
.textbox p,.rounded p,textbox h1,.textbox h2,.textbox h3,.textbox h4,.textbox img,span.dimensions{padding-right:0.77em;padding-left:0.77em;}
.infoTable p {padding:0 0 0 0.2em;}
h2.column-head{margin:0.4em 0 0 0;color:#509CD2}/*#509CD2 #73AFDB*/
.page-head{color:#509CD2;}
/*.image-box{overflow:hidden;}*/
.image-box h2{margin:5.5em 0 0 0;padding:0 0 0 1em;}
.image-box h2{background-color:#FFF;color:#000;
	line-height:1.6em;height:1.6em;
	opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;
	border-bottom:1px solid #CCC;overflow:visible;}
.image-box h2 a{display:block;width:100%;height:100%;text-decoration:none;color:#000;}
.image-box a.imagelink{display:block;float:left;margin:0 0 -5.5em 0;padding:0pt;height:6.5em;width:100%;}	
.image-box a.imagelink span{display:none;}
.image-box p{background-color:#FFF;padding:0.6em 1em 0 1.2em;}
.image-box ul{background-color:#FFF;padding:0.6em 1em 0 1.2em;margin:0;}
.image-box li{list-style:disc;padding:0.6em 0 0 0.6em;margin:0;}
.read-more span{display:none;}
.read-more{width:20px;height:20px;float:right;z-index:9;margin:-2em 0.7em 0 0;
	background: transparent url(graphics/read-more.gif) no-repeat top left;}
.read-more-text{width:150px;height:20px;display:block;float:right;z-index:9;margin:0em 0.7em 0 0;
	background: #FFF url(graphics/read-more.gif) no-repeat top right;text-align:right;padding-right:30px;}
.imgbox img{margin:0 -3em 0 0;}
.side-image-box h2{font-size:100%;font-weight:bold;}
.side-image-box p span{font-size:85%;}
.side-image-box h2,.side-image-box p{padding:0 10em 0 0.4em;}
.side-image-box h2.wide,.imgbox h2{padding:0 0.4em 0 0.4em;}
.imgbox h2{color:#666;}
.side-image-box{margin-bottom:0.7em;}
.half-floatl{margin:0;padding:0;float:left;width:49%;}
.half-floatr{margin:0;padding:0;float:right;width:49%;}
.big-image-box{height:24em;overflow:hidden;}
.big-image-box h2{font-size:100%;background-color:#000;color:#FFF;
	line-height:2.4em;height:2.4em;
	opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;
	padding:0 0 0 1em;margin-top:21.0em; /* top margin = big-image-box height -this line height */
	}
.big-image-box h2.white{background-color:#FFF;color:#000;}
.big-image-box h2 span{font-size:123.1%;}
.part-number{color:#666;font-weight:bold;}


/* image backgrounds */
#image-home{background: transparent url(graphics/image-home.jpg) no-repeat -10px -40px;}
#image-map{background: transparent url(graphics/ratman-map.jpg) no-repeat top center;}
#from-north{background: transparent url(graphics/the-north.jpg) no-repeat -35px -55px;}
#from-south{background: transparent url(graphics/the-south.jpg) no-repeat top center;}
#image-sliding-door-gear{background: transparent url(graphics/image-sliding-door-gear.jpg) no-repeat top left;}
#pocket-door-product{background: #FFF url(graphics/pocket-product.jpg) no-repeat top right;}
#big-image-case-study{background: #FFF url(graphics/big-image-case-study.jpg) no-repeat top center;}

#sliding-door-product{background: #FFF url(graphics/sliding-product.jpg) no-repeat top right;}
#image-design-advice{background: #E1EAEE url(graphics/design-advice-blue.jpg) no-repeat top right;}/*blue E1EAEE beige #EDE5E0*/
#image-case-study{background: #FFF url(graphics/more-space.jpg) no-repeat top right;}
#image-pocket-doors{background: #FFF url(graphics/pocket-doors.jpg) no-repeat top left;}
#image-ease-use{background: #FFF url(graphics/ease-access-240.png) no-repeat bottom left;}

#third-double-doors{background: #FFF url(graphics/third-double-doors.jpg) no-repeat top center;}
#third-flush-mounted{background: #FFF url(graphics/third-flush-mounted.jpg) no-repeat top center;}
#third-plaster-profile{background: #FFF url(graphics/third-plaster-profile.jpg) no-repeat top center;}

#third-glass-clamp{background: #FFF url(graphics/third-glass-clamp.jpg) no-repeat top center;}
#third-klose{background: #FFF url(graphics/third-klose.jpg) no-repeat top center;}
#third-furniture{background: #FFF url(graphics/third-furniture.jpg) no-repeat top center;}

#third-timber-door-gear{background: #FFF url(graphics/third-timber-door-gear.jpg) no-repeat top right;}
#third-glass-door-gear{background: #FFF url(graphics/third-glass-door-gear.jpg) no-repeat top left;}
#third-tracks-accessories{background: #FFF url(graphics/third-tracks-accessories.jpg) no-repeat top right;}

#third-curved-doors{background: #FFF url(graphics/curved-door-third.gif) no-repeat top left;}
#third-telescopic{background: #FFF url(graphics/third-telescopic-doors.gif) no-repeat top left;}
#third-converging{background: #FFF url(graphics/third-converging.gif) no-repeat top left;}

#third-fd30{background: #FFF url(graphics/third-fd30.gif) no-repeat top left;}
#third-self-closing{background: #FFF url(graphics/third-self-closer.gif) no-repeat top left;}
 
#image-specification-tool{background: #FFF url(graphics/mouse-coil.jpg) no-repeat bottom right;}
#half-kitchen-case-study{background: #FFF url(graphics/half-kitchen-case-study.gif) no-repeat top center;}
#half-room-plan{background: #FFF url(graphics/half-room-plan.gif) no-repeat top center;}


.stripe{background:#F0EFE4 url(graphics/whitestripe.gif) repeat top left;}
.box-pad{margin-top:0.7em;} /*KEEP ALL PADDING ON TOP AND LEFT*/

.twocolumn p{font-size:85%;line-height:1.3em;width:40%;float:left;display:block;margin:0;padding:0 0em 0 1em;}
span.dimensions{width:100%;display:block;}/*border:1px solid #F00;*/
h4{color:#666;}
.indentList{color:#444;margin-left:2em;display:block;}
.indentList p{margin-bottom:0.4em;}
.general h2{color:#444;margin-bottom:0.7em;}
.titleLine{border-top:1px solid #CCC;margin-top:0.77em;padding-top:0.77em;}
.light{color:#444;}
.important{color:#600;font-weight:bold;}
.infoTable{width:48.6%;display:block;float:left;margin:0;padding:0 0.5% 0 0.5%;}
.onecolumn .infoTable{width:auto;}
.onecolumn{width:50%;float:left;}
.infoTable h2{font-size:100%;}
.infoTable p{margin-bottom:0;}
.beigestripe h1{font-size:116%;padding:0 0 0 0.6em}
.infoTable table{font-size:93%;margin-left:0.3em;}
.infoTable table th{font-weight:bold;color:#000;}
.floatLeft{display:block;float:left;margin-top:1em;}
.floatRight{display:block;float:right;}
.pt h1,.pt h2,.pt h3,.pt h4{padding-left:1%;}
table th.firstCol,table td.firstCol{width:16em;}
table th,table td{vertical-align:top;}
 td.t_nowrap {white-space:nowrap;}

.imFloatR{float:right;margin:0 20px 1px 1px;}
.imFloatL{float:left;margin:0 40px 1px 0px;}
.imFloatL p{width:100%;text-align:center;text-weight:bold;color:#444;}
.pageTitle{color:#509CD2;margin:0.5em 0 0.2em 0;}
.furniture-list dt,.furniture-list dd{float:left;margin-bottom:1.7em;}
.furniture-list dt{color:#666;font-weight:bold;width:6em;clear:left;}
.furniture-list dd{width:18em;}
/*
dl.furniture-list{font-size:100%;width:25em;}*/
div.finishes{float:left;width:6em;}
.finishes p{font-size:85%;}
#photoFade{position:relative;display:block;overflow:hidden;}
#firstPhoto{position:absolute;z-index:1;/*left:0px;top:0px;*/}
#secondPhoto{/*position:absolute;*/z-index:0;/*left:0px;top:0px;*/}
.size300x250{width:300px;height:250px;}
.size200x213{width:200px;height:213px;}
.contact-row,.button-row{float:left;clear:both;margin:0 0 1em 0;}
.contact-row input,.contact-row textarea{float:left;clear:left;}
.contact-row label{float:left;clear:both;width:10em;display:block;}
.hours span{width:6em;display:block;float:left;clear:both;position:relative;}
/* FAQ*/

.faq ol{font-size:93%;}
.faq li{margin-bottom:0.5em;}
.faq div.first{color:#509CD2;font-size:108%;font-weight:bold;}
.faq .yui-gd{margin-bottom:1.5em;}
/*updatepopup*/
#specUpdated,#spec-alert{z-index:9;padding:1em 0.5em;
	position:absolute;display:block;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;}
#specUpdated{border:2px solid #4F9AD0;background-color:#E6F1F9;width:25em;height:12em;}
#spec-alert h2,#specUpdated h2{font-size:108%;}
#spec-alert p,#specUpdated p{margin-top:2em;}
#spec-alert a,#specUpdated a{font-size:85%;width:5em;background-color:#FFF;padding:0.4em 0.8em;
	text-decoration:none;color:#000;}
#specUpdated a{border:1px solid #4F9AD0;}
#spec-alert a{border:1px solid #D04F4F;}
#spec-alert{border:2px solid #D04F4F;background-color:#F9E6E6;width:18em;height:auto;}	
	
/*Specification Tool*/
#dwidth,#dheight,#wwidth,#wheight{width:4em;}
div.specifier h2{border-bottom:2px solid #E6F1F9;color:#4F9AD0;/margin-top:0.7em;margin-bottom:0.3em;margin-top:0.4em;}
div.specifier h2 a{display:inline;color:#4F9AD0;font-size:65%;}
#dst-single{margin-right:2em;}
#dst-double{}
table#specDimensions,table#specDimensions tr, table#specDimensions th,table#specDimensions td{margin:0;padding:0;}
table#specDimensions{margin-bottom:0.5em;}
table#specDimensions th{font-size:93%}
p.specDetail{float:left;width:10em;margin:0;}
p.helpful{font-size:77%;line-height:1.1em;margin-top:0;color:#777;float:right;width:15em;margin:0;}

/* Specification buttons*/
a.add-to-spec{display:block;background:#FFF url(/graphics/blue-sq.gif) no-repeat 1px 1px;
width:6.8em;padding:1px 2px 3px 1px;border:1px solid #4F9AD0;text-decoration:none;margin-top:0.1em;}
a.add-to-spec span{display:block;font-size:85%;text-decoration:none;color:#159;margin:0 0 0 2em;
line-height:1.05em;width:4.5em;height:2em;}

a#sendSpec,a.getPdf{display:block;float:left;margin-right:1em;background:#FFF url(/graphics/send-email.gif) no-repeat 2px 1px;
width:8.5em;height:2em;padding:0.3em 0 0.3em 0.8em;border:1px solid #4F9AD0;text-decoration:none;margin-top:1em;}
a#sendSpec span,a.getPdf span{display:block;font-size:85%;text-decoration:none;color:#159;margin:0 0 0 3em;}
a.getPdf{background:#FFF url(/graphics/pdficon_small.gif) no-repeat 5px 8px;border:1px solid #777;}
/*pdf icon link*/
.pdfImLink{width:6em;text-align:center;}
.pdfImLink a{text-decoration:none;font-size:85%;color:#666;}

/*video player*/
#player{margin-top:0.7em;}
/*fix flash proxy*/
.fpstyle{display:block;position:absolute;top:100px;left:50px;}
/*border:1px solid #4F9AD0;*/

.big-image-box .bl{top:-9px;}
.big-image-box .br{top:0px;}

/* FOOTER */
#ft{margin-top:0.8em;border-top:3px solid #509CD2;
	color:#4F9AD0;font-size:85%;}
	
.spacer {
background:transparent none repeat scroll 0%;
clear:both;
height:1px;
line-height:1px;
margin:0pt;
padding:0pt;
width:95%;
}

/*PRODUCT SHEET LAYOUTS*/
.divider{height:4px;line-height:4px;background-color:#509CD2;width:100%;margin-top:0.7em;}

.pRow{width:100%;float:left;margin:0;}
.pRight{float:right;position:relative;}
.pLeft{float:left;position:relative;margin:0;}

.flRnormal{width:18.4615em;}
.pLnormal{width:53.9em;}

.flRinter{width:22.4615em;}
.pLinter{width:49.4615em;}

.flRwide{width:26.4615em;}
.pLwide{width:45.04615em;}

.flRwider{width:31em;}
.pLwider{width:40em;}

.flRwidest{width:36em;}
.pLwidest{width:35em;}
.containing{width:100%;}

.text-column p{padding-right:1em;}

/* row / col fixes*/

/*fix bad IE 6/7 thirds spacing */
/* middle thirds 
#third-flush-mounted,#third-double-doors,#third-glass-clamp,#third-klose,#third-timber-door-gear,#third-glass-door-gear{margin:0 1.6% 0 0 !important;}
 last in third
#third-plaster-profile,#third-furniture,#third-tracks-accessories{margin:0 -2% 0 0 !important;}
*/
div.yui-gb div.middle{
	/*margin:0 1.6% 0 0 !important;*/
	}
div.yui-gb div.last{
	/*margin:0 -2% 0 0 !important;*/
	}