/* 
    Document   : reset
    Created on : 30-Jul-2009, 15:51:20
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* Reset CSS */
html, body, 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, strong, 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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
	 }
.clearfix { display: inline-block; }

.clear{ font-weight:1px; clear:both; float:none;height:1px; }

.hide{ display:none; }




/* 
    Document   : text
    Created on : 30-Jul-2009, 15:52:29
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Text styles */
body{ font-size:0.69em; }


html, body, 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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
}

a{ text-decoration:none; }

p a{ text-decoration:none; color:#000000; font-weight:bold; }
a:hover{ text-decoration:underline }
.panel_inner h3 a{color:#79a6a6}



h1
{
	font-size:2.5em;
	color:#79a6a6;
	padding-top:10px;
}

.client_editable_content h1
{
	text-transform: capitalize;
}

h2
{
	font-size:1.45em;
	color:#79a6a6;
	padding-top:10px;
}

h3
{
	font-size:1.64em ;
	color:#79a6a6
}

p{ line-height:18px; padding-top:10px }

strong{ font-weight:700 }



/* 
    Document   : default
    Created on : 30-Jul-2009, 15:50:41
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Template styles */
.spacer{ margin-top:10px }

#header{ height:101px; background:url(/imgs/header-bg.png) repeat-x #ffffff; text-align:center }
#logo
{
	display:block;
	width:181px;
	height:38px;
	float:left;
	overflow:hidden;
	text-indent:-999px;
	background:url(/imgs/apropos-conservatories.png) no-repeat;
	margin-top:33px;
}
#phone_number
{
	display:block;
	width:249px;
	height:40px;
	float:right;
	overflow:hidden;
	text-indent:-999px;
	background:url(/imgs/uk-ireland-us-number.gif) no-repeat;
	margin-top:30px;
}

#mid{ background:url(/imgs/body-bg.png) repeat-x #ffffff; text-align:center; min-height:500px; }/*IEFIX THIS*/

#main{}
#main .rhs
{
	width:710px;
	float:right;
	
	font-size:1.08em;
}
#main .rhs h1.half_lhs{ width:45%; float:left; clear:left }
#main .rhs h1.full_lhs{ width:100%; float:left; clear:left }

#main .rhs form{ margin-top:35px; }

#main .rhs form.no-top-margin{ margin-top:0; }

#main .rhs form table.contact td{ padding-top:10px; }
	#main .rhs form table.contact input{ margin-right:10px; }

#main .rhs form .errors
{
	margin-bottom:15px;
	border:2px solid red;
	background:#FCB;
	padding:5px;
}
#main .rhs form .errors ul
{
	margin:5px 0;
	list-style-type:disc;
	list-style-position:inside;
}

#main .rhs form .row
{
	min-height:40px;/*IEFIX THIS*/
	float:none;
	clear:both;
}
#main .rhs form .row input,
#main .rhs form .row select
{
	width:280px;
	border:1px solid #AFAFAF;
	margin-top:3px;
}

#main .rhs form .row_long{ margin-top:20px }
#main .rhs form .row_long textarea
{
	border:1px solid #AFAFAF;
	width:600px
}

#main .rhs form .row input:focus,
#main .rhs form .row select:focus,
#main .rhs form .row input:hover,
#main .rhs form .row select:hover,
#main .rhs form .row_long textarea:hover,
#main .rhs form .row_long textarea:focus
{
	border-color:#79a6a6;
}

#main .rhs form .row .lhs
{
	float:left;
	clear:left;
	width:45%;
	margin-right:15px;
	margin-bottom:5px;
}
#main .rhs form .row .rhs
{
	float:left;
	clear:right;
	width:45%;
	margin-bottom:5px;
}

#main .rhs form .row postcodefinder
{

}
#main .rhs form .row #postcodefinder input
{
	width:96px;
	
}
#main .rhs form .row #postcodefinder input.postcodeanywhere
{
	width:110px;
	border: 1px solid #afafaf;
	background:#ffffff;
}
#main .rhs form .row #postcodefinder input.disabled{ background:#eee }




#main .rhs form .form_buttons{ text-align:right; margin-right:108px; }

#news_filters{ width:45%;float:right; clear:right; color:#79a6a6; padding-top:10px; text-align:right; }
#news_filters form{ display:inline }

#news_articles{ margin-top:20px; }
#news_articles .news_article
{
	border-bottom:1px dotted #ccc;
	margin:10px 0;
	padding-bottom:10px;
	position:relative;
}
#news_articles .news_article a{ width:100%; height:81px; background: url(/imgs/blank.gif); position:absolute; top:0; left:0; z-index:2 }
#news_articles .news_article h3{ font-size:1.14em; font-weight:bold; }
#news_articles .news_article p{ padding-top:3px }
#news_articles .news_article p span.date{ font-size:0.86em }

#pagination{ text-align:right }
#pagination span.p_title{ font-size:0.79em }
#pagination span.active
{
	background:#9cc5ca;
	color:#fff;
	padding:2px 5px;
	border:1px solid #97acae;
	font-size:0.79em
}
#pagination a
{
	padding:2px 5px;
	border:1px solid #999;
	background:#fff;
	color:#999;
	font-size:0.79em
}

#gallery_large_panel
{
	margin:20px 0;
}
#gallery_large_panel #gallery_frame
{
	border:1px solid #dddddd;
	margin-bottom:0;
	padding:0;
	overflow:hidden;
	height:200px;
	margin-right:auto;
	margin-left:auto;
}
#gallery_large_panel img
{
	margin:0;
}

#gallery_large_panel .shadow{ background:url(/imgs/gallery-img-shadow.jpg) repeat-x; height:22px; margin-top:0; text-align:center; color:#79a6a6;font-size:1.09em; margin-left:auto; margin-right:auto }
#gallery_large_panel p#gallery_caption{ width:100%; text-align:center }

#gallery_large_panel .thumbnails img{ margin-right:5px; border:1px solid #dddddd; text-align:center;
									  font-size: 0.86em;
}
#gallery_large_panel .thumbnails img.last{ margin-right:0; }
#gallery_large_panel .thumbnails img.selected{ border-color:#669999;  }
#gallery_large_panel .gallery_navigation{ text-align:center; color:#79a6a6; margin-top:10px;  }

#gallery_large_panel .gallery_pages{ font-size:1.1em;text-align:center; color:#79a6a6; margin-top:20px;  }
	#gallery_large_panel .gallery_pages a{ border:1px solid #E7E6E6; padding:2px 6px;  }
	#gallery_large_panel .gallery_pages a.active,
	#gallery_large_panel .gallery_pages a:hover{ border:1px solid #79a6a6; color:#79a6a6; text-decoration:none }

#main .rhs .news-story{
	margin-bottom:20px;
}
	#main .rhs .news-story .news-date{
		margin-top:10px;
		font-style:italic;
		color:#999999;
	}

#main .rhs .rel-articles-header{
	font-size:1.5em;
	color:#79a6a6;
	font-weight:bold;
}

#main .rhs .news-archive{
	padding-left:20px;
}

	#main .rhs .news-archive li{
		font-size:1.2em;
		margin-bottom:6px;
	}

#main .rhs .site-map{
	padding-top:15px;
}

	#main .rhs .site-map li{
		font-size:1.1em;
		margin-bottom:20px;
		
	}
	
		#main .rhs .site-map li ul{
			padding-left:20px;
			margin-top:5px;
			margin-bottom:15px;
		}
		
			#main .rhs .site-map li ul li{
				font-size:1.0em;
				margin-bottom:5px;
				
			}
				#main .rhs .site-map li ul li ul{
	
				}


#main .lhs
{
	width:223px;
	float:left;
}
#main .lhs .panel_outer
{
	margin-bottom:20px;

}

#nav
{
	position:relative;
	text-align:center;
	/*border-right:1px solid #afafaf;*/
	margin-top:24px;
	margin-bottom:24px;
}
#nav ul
{
	white-space:nowrap;
	overflow:visible;
	margin:0;
	width:100%;
}
#nav ul li
{
	float:left;
	display:block;
	list-style-type:none;
	margin:0;
	padding-bottom:0;
	font-size:1em;
	text-transform:uppercase;
}

#nav ul li li{text-transform:capitalize;}
#nav ul li a{ padding:3px 10px 3px 11px; display:block; border-left:1px solid #afafaf; color:#79a6a6;}
#nav ul li a span{ font-weight:700; color:#79a6a6; }
#nav ul li a:hover{ text-decoration:none;}
#nav ul li a:hover span{ border-bottom:2px solid #79a6a6 }
/*#nav ul li a.last{ border-right-width:1px; }*/

#home_panels{ margin-top:20px }

#nav_panel ul
{
	margin-bottom:10px
}
#nav_panel ul li
{
	border-bottom:0;
	line-height:12px;
	margin:0;
	padding:0;

}
#nav_panel ul li a
{
	display:block;
	padding:6px 10px;
	background:url(/imgs/li-arrow.png) no-repeat 0 50%;
	color:#79a6a6;
	font-weight:bold;
}

#nav_panel ul li li a {
font-size:0.85em;
font-weight:100;
}
#nav_panel ul li li {
line-height:6px;
margin-left:10px;
}




#home_panels #gallery_panel,
#home_panels #offers_panel,
#home_panels #brochure_panel
{ margin-right:19px; }

#gallery_panel,
#offers_panel,
#brochure_panel,
#news_panel
{ min-height:266px }

#gallery_panel .panel_inner,
#offers_panel .panel_inner,
#brochure_panel .panel_inner,
#news_panel .panel_inner{ min-height:260px; }

.panel_outer
{
	background:url(/imgs/panel-bg-btm.png) no-repeat bottom left;
	width:223px;
	min-height:151px;
	float:left;
	
}
.panel_last{ margin-right:0;}

.panel_inner
{
	min-height:150px;
	width:223px;
	background:url(/imgs/panel-bg-top.png) no-repeat top left;
}
.panel_inner *{ margin-left:20px; margin-right:20px; }
.panel_inner * *{ margin-left:0; margin-right:0 }
.panel_inner h3
{
	padding-top:15px;
	padding-bottom:7px;
	border-bottom:1px dotted #ccc;
	margin-bottom:12px;
}

.panel_inner h3.news-h3{
	margin-bottom:6px;
}
.panel_inner img{ border:1px solid #ddd; }
.panel_inner p
{
	font-size:1.09em;
	line-height:18px;
}

.panel_inner ul li
{
	font-size:1.09em;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	line-height:18px;
	margin-bottom:5px;
	color:#79a6a6
}
.panel_inner a.more{ font-size:1.09em; float:right; clear:both; }

#content_wrapper
{
	margin-top:20px;
	margin-bottom:10px;
	border:1px solid #eee
}
#content_wrapper h1{ padding-top:0; }
#content_wrapper p{ font-size:1.1em; }
#content_wrapper div{ margin:20px; }
#content_wrapper div div{ margin:0; padding:0 }

#footer{ text-align:center; border-top:1px solid #eee; margin-top:10px; padding-top:10px; padding-bottom:20px; background:url(/imgs/footer-bg.gif) repeat-x #fff; }/*IEFIX THIS*/
#footer .lhs
{
	width:35%;
	float:left;
	clear:left;
}
#footer .lhs img
{
	margin-right:20px;
	margin-top:10px
}

#footer .rhs
{
	width:65%;
	float:right;
	clear:right;
	text-align:right;
	padding:10px 0 0 0;
}
#footer .rhs p
{
	font-size:1em;
	color:#999;
	margin:0; padding:0;
}
#footer .rhs p a{ color:#999;  }
.wrapped_container{ width:950px; text-align:left; margin-left:auto; margin-right:auto }

#main .rhs form .row input.radio { width:15px; }

.resources_categories{
	padding-left:10px;
	padding-top:15px;
	list-style-type:disc;
}
	.resources_categories li{
		margin-bottom:3px;
	}
		.resources_categories li a{
			text-decoration:underline;
			font-weight:bold;
		}
			.resources_categories li a:hover{
				text-decoration:none;
			}

#imageContainer
{
	position:relative;
	width:950px;
	height:374px;
	overflow:hidden;
}
#imageContainer img
{
	top:0;
	left:0;
	position:absolute;
}

.handle-header{
	width:710px;
	height:286px;
	background: url(/imgs/door-handles/header.jpg) no-repeat;
	position:relative;
}
	.handle-header .header-h1{
		padding:0;
		margin:0;
		color:#79A6A6;
		font-size:2.9em;
		position:absolute;
		top:42px;
		left:265px;
	}
	
	.handle-header .header-infotext{
		position:absolute;
		top:125px;
		left:265px;
		font-size:1.0em;
	}
		.handle-header .header-infotext div{
			margin-bottom:10px;
		}
			.handle-header .header-infotext div.indent-2{ padding-left:15px;}
			.handle-header .header-infotext div.indent-3{ padding-left:30px;}
			.handle-header .header-infotext div.indent-4{ padding-left:45px;}


.door-handle{
	padding:0;
	margin:0;
	float:left;
	width:335px;
	padding-right:10px;
	padding-top:10px;
	height:269px;	
	border:#999999 1px solid;
	margin-bottom:15px;
	position:relative;
}
	
	.door-handle .handle-name{ 
		position:absolute;
		text-align:left;
		font-size:1.8em;
		top:230px;
		left:100px;
		color:#79A6A6;		
	}
	
	.door-handle .illustration_wrapper{
		float:right;
		width:82px;
	}
	
		.door-handle .illustration_wrapper .illustration{			
			font-size:0.9em;
			margin-bottom:5px;
		}
			.door-handle .illustration_wrapper .illustration img{
				border:#999999 1px solid;
			}
	
	.door-right{
		margin-right:15px;
	}
	
	.residential-handle{background: url(/imgs/door-handles/residential.jpg) left no-repeat; background-position: 6px 0;}
	.patio-handle{background: url(/imgs/door-handles/patio.jpg) left no-repeat; background-position: 8px 0;}
	.vent-handle{background: url(/imgs/door-handles/vent.jpg) left no-repeat;}
	.tilt-handle{background: url(/imgs/door-handles/tilt-and-turn.jpg) left no-repeat;}
	
.handle-colours{
	width:700px;
	height:92px;
	background: url(/imgs/door-handles/colours.jpg) no-repeat bottom;	
	padding-left:10px;
	margin-top:20px;
}
	.handle-colours .handle-colour{
		float:left;
		width:112px;
		font-weight:bold;
		
	}
	
ul#file-list{
	margin-top:10px;	
}
	ul#file-list li{
		padding-top:15px;
		padding-bottom:15px;
		background: url(/imgs/icon-pdf-large.gif) no-repeat 5px 5px;
		padding-left:40px;		
		background-color:#DDDDDD;	
	}
		ul#file-list li a{
			font-weight:bold;
			text-decoration:none;
			
		}
			ul#file-list li a:hover{
				text-decoration:underline;
			}
			
	ul#file-list li.odd-row{
		background-color:#CCCCCC;	
	}		
			
.login-form{
	padding:20px;
	border:#666666 1px solid;
	background:#EEEEEE;
	margin:auto;
	width:300px;
}
	.login-form .login-row{
		margin-bottom:15px;
	}
		.login-form .login-row label{
			float:left;
			display:block;
			padding-right:10px;
			width:80px;
			text-align:right;
			font-weight:bold;
			padding-top:3px;
		}
		
		.login-form .login-row input{
			width:170px;
		}
	
	.login-form .buttons button{
		float:right;
		margin-right:35px;
	}	
/* feeds area */

#feed-wrapper{
	width:950px;
	height:350px;
	margin:auto; 
	padding-top:10px; 
	padding-right:1px; 
	color:#ccc;
	padding-bottom:15px;
}

#feed-wrapper .feed-box {
	width:204px;
	height:350px;
	padding:0 10px;
	float:left;
	margin-right:18px;
	position:relative;
	background: url(../imgs/feed-box-bg.jpg) no-repeat top;
}

#feed-wrapper .last {
	margin-right:0px;
}

#feed-wrapper .feed-box h2 {
	border-bottom:1px dotted #CCCCCC;
	margin:10px 0;
	height:0;
	overflow:hidden;
	padding-top:44px;
}

#feed-wrapper .feed-box h2.twitter { background:url(../imgs/h2-twitter.gif) no-repeat; }

#feed-wrapper .feed-box h2.facebook { background:url(../imgs/h2-facebook.gif) no-repeat; }

#feed-wrapper .feed-box h2.apropos { background:url(../imgs/h2-apropos.gif) no-repeat; }

#feed-wrapper .feed-box h2.flickr { background:url(../imgs/h2-flickr.gif) no-repeat; }

#feed-wrapper .feed-box .post-item {
	border-bottom:1px solid #e4e5e3;
	margin-bottom:10px;
	padding-bottom:5px;
}

#feed-wrapper .feed-box .post-item p {
	line-height:12px;
	padding-top:0;
}

#feed-wrapper .feed-box .post-item img {
	border:1px solid #FFFFFF;
	float:left;
	margin:0 5px 30px 0;
}

#feed-wrapper .feed-box .flickr-item {
	float:left;
	margin:2px;
}


#feed-wrapper .feed-box p.title {
	font-size:11px;
	padding-bottom:4px;
}

#feed-wrapper .feed-box p.title a {
	color:#9cc5ca;
	text-decoration:underline;
}

#feed-wrapper .feed-box p.title a:hover {
	text-decoration:none;
}

#feed-wrapper .feed-box p.posted {
	color:#999999;
	font-size:10px;
	padding-top:4px;
}

#feed-wrapper .feed-box .btn {
	display:block;
	background:url(../imgs/feed-btn.gif) no-repeat;
	width:193px;
	height:22px;
	text-align:center;
	padding-top:9px;
	margin-left:5px;
	position:absolute;
	bottom:20px;
	left:10px;
}

#feed-wrapper .feed-box .btn a {
	color:#959595;
	text-decoration:none;
	font-weight:bold;
}

#feed-wrapper .feed-box .btn a:hover {
	text-decoration:underline;
}
/*social bookmarks */
.social-bookmarks{
			margin:10px 0px 20px 0px;border:1px solid #000000;padding:5px;width:250px;
		}
.social-bookmarks p{
				padding:0;
				margin:0;
				font-weight:bold;
				margin-bottom:5px;
			}
.social-bookmarks a img{
				margin-right:15px;
			}		

/* 
    Document   : nav
    Created on : 05-Aug-2009, 15:07:00
    Author     : John
    Description:
        Sets the navigation styles for the drop down top menu
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	background:url(/imgs/sf-bg.png) repeat-x #fff;
	border:1px solid #79a6a6;
	border-top-width:2px;
	font-weight: normal;
	margin: 0;
	text-align:left;
	padding:5px;
	margin-top:-1px;
	z-index:19999;
}

#nav li li {
	
	display:block;
	clear:both;
	float:none;
	width:100%;
	border-left:0;
	white-space:normal;
	border-bottom:1px #999 dotted;
	background:url(/imgs/sf-li.png) no-repeat 5px 50%;
}

#nav li ul a {
	display:block;
	padding:8px 2px 8px 15px;
	border-left:0;
	color:#333;
}

#nav li ul ul {
	margin: -1.75em 0 0 200px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li li:hover, #nav li li.sfhover {
	/* background:#79a6a6;*/
}
#nav li li a:hover
{
	text-decoration:underline
}