/* CSS Document */

/*~Floating Adverts
===============================*/
#floater1 {
	position:absolute;
	width:120px;
	height:300px;
	z-index:1;
	left: -123px;
	top: 302px;	
	background-image:url(../../images/floaters/free-local-delivery.jpg); 
}

#floater2 {
	position:absolute;
	width:120px;
	height:300px;
	z-index:1;
	left: 746px;
	top: 302px;	
	background-image:url(../../images/floaters/glazing.jpg); 

}

#floater3 {
	position:absolute;
	width:120px;
	height:300px;
	z-index:1;
	left: 746px;
	top: -3px;
	background-image:url(../../images/floaters/lead.jpg); 
}

#floater4 {
	position:absolute;
	width:120px;
	height:300px;
	z-index:1;
	left: -123px;
	top: -3px;
	background:url(../../images/floaters/shop-front.jpg) no-repeat; 

}
.floater-number{
	color: #fff;
	padding: 5px;
	padding-top: 104px;
	font-size:18px;
	line-height: 26px;
	text-align:center;
	text-transform:uppercase;
	}
/* Global Styles
--------------------------------------------------------------- */

p {
	line-height: 1.4em;
	padding:5px 0px 5px 0px;
	margin:0px;
	text-align:justify;
}

body, html {
	min-height: 101%;
}


body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/mainBg.gif) center repeat-y #656565;
	margin-top: 5px;
}

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #000;
	text-decoration: underline;

	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 1.8em;
	margin-top: 10px;
	text-align: left;

}

h2 {
	font-size: 1.3em;
	font-weight:bold;
	color:#932B2C;
	padding:20px 0px 10px 0px;
	margin:0px;
	clear:both;
}

table td{
	vertical-align:top;
}
th{
	text-align: left;
}
.js-error { /* Javascript Error Box */
	clear:both;
	background:#e9e9e9 url(../../images/misc/warning.gif) 5px center no-repeat;
	border:#ddd solid 1px;
	color:#000;
	margin:20px;
	padding:10px 10px 10px 40px;
}
	.js-error p {
		margin:0;
		padding:0;
	}

/* Layout Styles
--------------------------------------------------------------- */


#container {
	width: 740px;
	font-size: 1.2em;
	border: 3px solid #929292;
	background-color:#FFFFFF;
	z-index:1;	
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width: 740px;
	height: 142px;
	background: url(../../images/misc/headerBg.jpg);
	border-bottom: 5px solid #990000;
}

	#logo {
		width: 402px;
		height: 92px;
		float: left;
	}
	
	#ctaTop {
		width: 269px;
		margin:0px 13px 0px 0px;
		padding:20px;
		float: right;
		color: #FFFFFF;
	}
	
	#ctaTop p{
		margin:0px;
		padding:0px;
		text-align:center;
		line-height: 28px;
	}
	
	#ctaTop a{
		color: #FFFFFF;
		margin:0px;
		padding:0px;
		text-decoration:underline;
	}
	#ctaTop a:hover{
		color:#FFFF33;
		margin:0px;
		padding:0px;
		text-decoration:underline;
	}
	.tag{
	font-weight: bold;
	font-size:24px;
	font-style:italic;
	letter-spacing:-1px;
	}
	.top-0800{
	font-weight: bold;
	font-size:38px;
	font-style:italic;
	color:#FFFF33;
	letter-spacing:-1px;
	text-transform:uppercase;
	
	}
	

#flashSlideshow {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../../images/misc/flashbg.jpg) no-repeat;
	height:170px;
}

#contentContainer {
	width: 730px;
	border: 5px solid #fff;
	float: left;
}

#contentLeft {
	float: left;
	width: 194px;
}

#contentRight {
	float: right;
	width: 528px;
}

	#contentRightText-top {
/*		background: url(../../images/misc/contentRightTop.png);
*/		width: 528px;
		height: 40px;
		margin:0px 0px 0px 0px;
		padding:15px 0px 0px 0px;
		float: left;
		text-align:center;
		font-weight:bold;
		border-top:#FFFFFF solid 5px;
	}
	
		#contentRightText h1, #contentRightText p, #contentRightText h2{
			padding-left: 30px;
			padding-right: 30px;
					
			}
		
		#contentRightText h2{
			padding-top: 10px;
			
		}
		
		#contentRightText table p{
			padding-left: 0px;
			padding-right: 0px;
		}
		


	#contentRightText {
		padding: 0px 0px;
		margin:0px;
		width: 528px;
/*		background: url(../../images/misc/contentRightBg.png);
*/		line-height: 18px;
		float: left;
	}
	
		#map {
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width: 488px;
			height: 240px;
		}
	
	#contentRightText-bottom {
/*		background: url(../../images/misc/contentRightBottom.png) bottom;
*/		width: 528px;
		height: 40px;
		float: left;
	}
	
#cta01 {
	width: 194px;
	height: 220px;
	background: url(../../images/misc/c2a01.jpg);
	display: block;
	text-align: center;
	padding-top: 0px;
}

	#cta01 .large01 {
		margin: 0px 0px;
		font-size: 3em;
	}
	
	#cta01 .large02 {
		margin: 0px 0px;
		padding: 0px;
		font-size: 2em;
		color: #fff;
	}
	
#c2a02 {
	background:url(../../images/misc/c2a02.jpg) no-repeat;
	height:95px;
	width:196px;
	display:block;
	text-align: left;
	padding:0px;
	margin:5px 0px 0px 0px;
}

	#c2a02 a{
		padding:10px;
		margin:0px;	
		height:65px;
		width:176px;
		display:block;
		font-size:1.0em;
		font-weight:bold;
		color:#A02021;
		white-space:normal;
	}
	
	#c2a02 .stairs {
		font-size:1.4em;
		color:#000000;
	
	}
	
	#c2a02 a:hover {
		text-decoration:none;
		color:#000;
	
	}




#indexText {
	padding:0px 20px 0px 20px;
	margin:0px 0px 0px 0px;
	width: 488px;
	line-height: 18px;
}

#stairsText {
	padding:0px 25px 0px 25px;
	margin:0px 0px 0px 0px;
	width: 478px;
	line-height: 18px;
}

#stairsText p{
	padding:5px 0px 0px 18px;

}


#contactText {
	padding:0px 0px 0px 20px;
	margin:0px;
	width: 508px;
	line-height: 18px;
	float: left;
}



#order {
}

#orderLeft {
	padding:0px 10px 0px 20px;
	width:234px;
	float:left;
}

#orderRight {
	margin:10px 20px 0px 0px;
	padding:10px 10px 10px 10px;
	width:190px;
	float:right;
	background: #E8E8E8;
	border:solid 1px #666666;
	font-size:0.9em;

}

	#orderRight p{
		margin:0px;
		padding:0px 0px 5px 0px;

	}



/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navHolder {
	width: 402px;
	float: left;
}

#navigation {

}

#navigation ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}

#navigation li {
	display: inline;
	margin: 0px;
}
	  
#navigation a {
	float:left;
	color: #333;
    text-decoration:none;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 1.1em;
}

#navigation a:hover {
	text-decoration: underline;
	color: #660000;
}


/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navHolder2 {
	width: 194px;
}

#navigation2 {
	background: url(../../images/misc/leftTop.jpg);
	width: 194px;
	border: 1px solid #888;
	padding-top: 104px;
}

#navigation2 ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}

#navigation2 li {
	display: inline;
	margin: 0px;
}
	  
#navigation2 a {
	float:left;
	width: 174px;
	color: #333;
    text-decoration:none;
	padding: 7px 10px 7px 10px;
	font-weight: bold;
	border-top: 1px solid #d3a9a7;
	background: url(../../images/misc/nav2Bg.jpg);
}

#navigation2 a:hover {	
	background: url(../../images/misc/nav2bg-hover.jpg);
	color: #fff;
			text-decoration:underline;

}

/*Copy Nav
===========================================================================*/

ul#feature-list {
	margin:0px;
	padding:0px;
	
}
#feature-list li{
	list-style: none;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
	font-size:14px;	
}
/* Subnavs 
===========================================================================*/
	
	#subnav-external-doors, #subnav-internal-doors, #subnav-french-door-sets, #subnav-fire-doors, #subnav-bi-folds, #subnav-glass-glazing, #subnav-gallery {
		margin: 0px;
		padding: 0px;
		list-style: none;
		white-space: normal;
		visibility: hidden;
		left: 201px; 
		z-index: 1;
		position: absolute;
		width: 180px;
	}
	
	#subnav-external-doors li, #subnav-internal-doors li, #subnav-french-door-sets li, #subnav-fire-doors li, #subnav-bi-folds li, #subnav-glass-glazing, #subnav-gallery li {
			margin: 0px;
			padding: 0px;
			float: left;
			
		}
	
		#subnav-external-doors {
			 top: 257px;
			 
		}
		
		#subnav-internal-doors {
			top: 288px;
		}
		
		#subnav-french-door-sets {
			top: 321px;
		}
		
		#subnav-fire-doors {
			top: 352px;
		}
		
		#subnav-bi-folds {
			top: 384px;
		}
		
		#subnav-glass-glazing {
			top: 416px;
		}
		
		#subnav-gallery {
			top: 447px;
		}
	
.border-bottom {
			border-bottom: 1px solid #777;
	}
	#subnav-external-doors a, #subnav-internal-doors a, #subnav-french-door-sets a, #subnav-fire-doors a, #subnav-bi-folds a, #subnav-glass-glazing, #subnav-gallery a {
		text-decoration:none;
		background: url(../../images/misc/nav2Bg.jpg);
		border-top: 1px solid #777;
		border-right: 1px solid #777;
		margin: 0px;
		color: #333;
		width: 160px;
		display: block;
		padding: 7px 10px;
		float: left;
	}
	
	
		#subnav-external-doors a:hover, #subnav-internal-doors a:hover, #subnav-french-door-sets a:hover, #subnav-fire-doors a:hover, #subnav-bi-folds a:hover, #subnav-glass-glazing, #subnav-gallery a:hover {
		text-decoration:underline;
		background: url(../../images/misc/nav2Bg.jpg);
		border-top: 1px solid #777;
		border-right: 1px solid #777;
		margin: 0px;
		color:#990000;
		width: 160px;
		display: block;
		padding: 7px 10px;
		float: left;
	}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 720px;
	padding: 10px;
	color: #fff;
	background: #fff;
	font-size: 0.9em;
	border-top: 3px solid #929292;
	background-color:#9a2327;
}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		color: #fff;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 500px;
	margin-bottom: 15px;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 720px;
}
	ul#footerDetails li {
		display:block;
	}
	
ul#footerW3C {
	float: right;
	margin: 0px;
	padding: 0px;
}
	ul#footerW3C li {
		display: inline;
	}

#adtrakDesign {
	float: right;
	clear: right;
	width: 150px;
}

/* List Styles
--------------------------------------------------------------- */

ul li {
	line-height: 1.4em;
}

/* Class Styles
--------------------------------------------------------------- */

#contactTable input, #contactTable textarea, #contactTable select {
	margin:2px 0 2px 0;
	border: 1px solid #ccc;
	background: #fff;
}

.clearfix {
	clear: both;
}

.img-left {
	border: 1px solid #ccc;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	border: 1px solid #ccc;
	float: right;
	margin: 0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	clear:both;
}

.order-btn {
	float: right;
	margin: 0px;
	padding:0px;
	padding-right: 30px;
	margin-top: 20px;
	clear:both;
}

.img-leftNB {
	border: none;
	float: left;
	margin: 0px 0px 10px 10px;
}


.img-rightNB {
	border: none;
	float: right;
	margin: 0px 10px 10px 20px;
}

.mainTable {
	clear:both;
	text-align:center;
	font-size:0.9em;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
}



	.mainTable p {
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
		
	}
	
	.mainTable ul {
		list-style:none;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
	}
	
	.mainTable li {
		text-align:center;
	}
	
	.mainTable a {
		text-align:center;
	}

.tableSubTitle {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.lineBreaks {
}

.mainDoubleTable {
	clear:both;
	text-align:center;
	font-size:0.9em;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
}

	.mainDoubleTable p {
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
	}
	
	.mainDoubleTable ul {
		height:200px;
		list-style:none;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
	}
	
	.mainDoubleTable li {
		text-align:center;
	}
	
	.mainDoubleTable a {
		text-align:center;
	}
	
.frenchSets {
	clear:both;
	text-align:center;
	font-size:0.9em;
	margin:0px auto 20px auto;
}

	.frenchSets ul {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	.frenchSets li{
		padding:0px;
		margin:0px;
	}
	
.frenchImg {
	padding:20px 0px 0px 10px;

}

.orderBullets ul{
}

.orderBullets li{	
}



/*Call To Actions 
=============================================================*/

.c2a01{
	padding:0px 0px 0px 0px;
}
.small-para{
	font-size: 10px;
	text-decoration:underline;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.small-para a:hover{
	color:#0033CC;
}
.c2a02 {
	background:url(../../images/misc/c2a02.jpg)
}

.saleDoor {
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}

#freephoneBottom {
	text-align: center;
	background-image:url(../../images/misc/free-phone-bg.gif);
	background-repeat:no-repeat;
	font-size: 1.8em;
	font-weight: bold;
	clear:both;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right:auto;
	margin-left: auto;
	width: 405px;
	color: #FFFFFF;
	height: 45px;
	padding: 10px;
	padding-left: 15px;
}

#freephoneBottom p{
	margin: 0px;
	padding: 0px;
	font-size:18px;
	line-height:18px;
}
.freephone{
	font-size:36px;
	line-height:28px;
	letter-spacing:1px;
}

#section-image{
	background-color:#666666;
	width: 528px;
	margin-bottom: 30px;
	max-height:80px;
	height: 80px;
}

#invis-button{
height:100px;
cursor:pointer;
width: 325px;
position:absolute;
top: 7px;
left: 410px;
}

/*SEO
==================================*/

#areas{
	width: 740px;
	color:#666;
	margin-left:auto;
	margin-right:auto;
}

#areas ul{
	margin: 0px;
	padding:0px;
	list-style:none;

}
#areas li{
	float: left;
	padding-right: 5px;

}

#flashslideshow{
	nargin-bottom: 10px;
}


#bottom-keywords{
	font-size: 9px;
	color:#666;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-top:10px;
	padding-bottom: 10px;
}

#bottom-keywords ul{
	list-style:none;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;	
}
#bottom-keywords li{
	display: inline;
}
#bottom-keywords a{
	padding: 5px 10px;
	color: #666;
	font-size: 10px;
}

table#openingHours {
	float: left;
	margin: 0px;
	width: 100%;
}

	table#openingHours td, table#openingHours th {
		background: #eee;
		padding: 3px;
		border: none;
		margin: 0px;
	}
	
	table#openingHours th {
		background: #ccc;
	}