/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

img, div { behavior: url(iepngfix.htc) }

p {
	line-height: 1.4em;
}

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/bg.gif) top repeat-x #fff;
	margin: 0px;
}

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

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

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

a img {
	border: none;
}

h1 {
	font-size: 1.8em;
	color:#5e5c76;
}

h2 {
	font-size: 1.6em;
}

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

#container {
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
	
}

	#contentContainer {
		width: 945px;
		position: absolute;
		z-index: 1;
		margin-top:190px;
		background:#fff;
		top: 220px; /* Same as height of header */
	}
	
		#contentLeft {
			float: left;
			width: 240px;
			margin-top:20px;
			margin-left:10px;
			
		}
		#contentLeft.blinds{
			background:#5e5c76;
		}
		
			#contentLeft-text {
				padding: 10px 10px 10px 10px;
			}
		#ctaLeft1{
			background:url(../../images/misc/ctaLeft1.gif);
			height:154px;
			width:244px;
			margin-bottom:20px;
			
		}
			#ctaLeft1 p {
				padding:15px 0px 0px 0px;
				margin:0px;
				font-size:18px;
				text-align:center;
				color:#FFFFFF;
			}
			
			#ctaLeft1 p.cta1number{
			font-size:28px;
			font-weight:bold;
			padding-top:20px;
			}
			a.turq:link, a.turq:visited{
			color:#000;
			}
			a.turq:hover{
			color:#caefef;
			}
		#ctaLeft2{
			background:url(../../images/misc/ctaLeft2.jpg) no-repeat;
			height:33px;
			width:232px;
			padding:110px 0px 0px 10px;
			color:#FFFFFF;
			
		}
		#ctaLeft2 img{
			padding:10px 0px 0px 20px;
		}
		#ctaLeft2 p {
			padding:0px;
			margin:0px;
			font-size:18px;
			text-align:center;
			
		}
		
		#contentRight {
			float: right;
			width: 690px;
		}
	
			#contentRight-text {
				padding: 10px 10px 10px 20px;
			}
			#contentRight img{
				float: right;
				padding-left:10px;
				
			}
			#nofloatright{
			}
				#nofloatright img{
				float: none;
				margin-left:10px;
				}	
		#map {
			width: 200px;
			height: 200px;
		}
#top{
background:#fff;
width: 945px;
height:105px;
}
#header {
	width: 945px;
	height: 268px;
	position: absolute;
	z-index: 1;
	top: 120px;
	left: 0px;
	margin-top:27px;
	margin-left:10px;
	
}
body#contactId #header{
	background:url(../../images/misc/headers/contact-header.jpg) no-repeat;
	
}
#header.mobile-showroom{
	background:url(../../images/misc/headers/mobile-showroom-header.jpg) no-repeat;
}
body#domestic-curtainsId #header{
	background:url(../../images/misc/headers/domestic-curtains-header.jpg) no-repeat;
}
body#awningsId #header{
	background:url(../../images/misc/headers/awnings-header.jpg) no-repeat;
}

	#newTopCta{
		visibility:hidden;
		width:249px;
		height:72px;
		background:url(../../images/misc/newTopCta.jpg) no-repeat;
		border:1px solid #727087;
		margin-bottom:40px;
		margin-left:610px;
		padding:10px;
		text-align:right;
	}
	
	#newTopCta h3{
		color:#3f1c56;
		margin:0;
		text-transform:uppercase;
		font-size:1.6em;
	}
	
	#newTopCta p{
		color:#fff;
		margin:0;
		font-size:1.4em;
		padding-top:5px;
	}
	
	body#awningsId #newTopCta{
		visibility:visible;
	}

body#shuttersId #header{
	background:url(../../images/misc/headers/shutters-header.jpg) no-repeat;
}
body#blindsId #header{
	background:url(../../images/misc/headers/blinds-header.jpg) no-repeat;
}
body#interiorId #header{
	background:url(../../images/misc/headers/interior-header.jpg) no-repeat;
}
body#commercialId #header{
	background:url(../../images/misc/headers/commercial-header.jpg) no-repeat;
}
body#commercialId #header{
	background:url(../../images/misc/headers/commercial-header.jpg) no-repeat;
}
body#franchiseId #header{
	background:url(../../images/misc/headers/franchise-header.jpg) no-repeat;
}
body#areasId #header{
	background:url(../../images/misc/headers/areas-header.gif) no-repeat;
}
body#galleryId #header{
	background:url(../../images/misc/headers/gallery-header.jpg) no-repeat;
}
body#romanId #header{
	background:url(../../images/misc/headers/roman-header.jpg) no-repeat;
}
body#venetianId #header{
	background:url(../../images/misc/headers/venetian-header.jpg) no-repeat;
}
body#verticalId #header{
	background:url(../../images/misc/headers/vertical-header.jpg) no-repeat;
}
body#woodenId #header{
	background:url(../../images/misc/headers/wooden-header.jpg) no-repeat;
}
body#pleatedId #header{
	background:url(../../images/misc/headers/pleated-header.jpg) no-repeat;
}
body#veluxId #header{
	background:url(../../images/misc/headers/velux-header.jpg) no-repeat;
}
body#conservatoryId #header{
	background:url(../../images/misc/headers/conservatory-header.jpg) no-repeat;
}
body#woodweaveId #header{
	background:url(../../images/misc/headers/woodweave-header.jpg) no-repeat;
}
body#silhouetteId #header{
	background:url(../../images/misc/headers/silhouette-header.jpg) no-repeat;
}
body#intuId #header{
	background:url(../../images/misc/headers/intu-header.jpg) no-repeat;
}
	#benefits{
		margin:10px 0px 0px 22px;
		position:absolute;
		top:0px;
		left:5px;
		
	}
	#benefits h2{
		padding-left:10px;
		margin:0px;
	}
	#benefits li{
		padding-top:3px;
		margin-left:-10px;
		color:#0f755e;
		
	}
	#logo {
		
		float: left;
		margin-top:10px;
	}
	
	#cta-top-right {
		width: 480px;
		position:absolute;
		right:0px;
		top:0px;
		height: 200px;
		font-size: 1.6em;
	}
	
		#cta-top-right p {
			margin: 0px;
			padding: 20px 10px 0px 0px;
			text-align:right;
		}
		.bignumber{
			font-size:38px;
			font-weight:bold;
			color:#5e5c76;
		}
		.emphasise{
			font-size:22px;
			color:#5c9d9d;
			font-weight:bold;
		}
		.address{
			font-size:0.6em;
			position:absolute;
			top:65px;
			right:2px;
		}

#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}
#mobilepics{

	float:left;
	width:530px;
}
#gallery{
	float:left;
	width:650px;
	text-align:left;
	margin-bottom:20px;
}

#gallery img{
	float:left;
	padding:0px; 
	border: solid #5c9d9d 1px;
	margin:3px;


}
	.spacing{
	word-spacing:40px;
	padding-left:50px;
	}
#bottomphone{
	background:url(../../images/misc/numberbg.jpg) no-repeat;
	padding:12px 20px 20px 20px;
	color:#fff;
	font-size:1.4em;
	margin:0px;
}	
#bottomphone h2 
{
	padding:0px;
	margin:0px;
	
}
#bottomphone p{
	padding:0px;
	margin:0px;
}




#ctaLeft3{
	background:url(../../images/misc/ctaTopBg2.png) no-repeat;
	padding:85px 15px 0px 0px;
	width:370px;
	height:60px;
	text-align:center;
	position:absolute;
	top:100px;
	right:30px;
	
}
#ctaLeftLower{
	background:url(../../images/misc/cta-top-bg-lower.png) no-repeat;
	height:20px;
	width:383px;
	position:absolute;
	top:245px;
	right:32px;
}
	#ctaLeft3 p{
		margin:0px;
		padding:2px;
		font-size:3.2em;
		color:#fff;
		font-weight:bold;
	}
	
	#ctaLeft3 ul li.capital{
		text-transform:uppercase;
	}
	
	#container #ctaLeft3Outer img{
		font-size:1px;
		line-height:1px;
		margin:0;
		padding:0;
	}
	
	#ctaLeft3 ul{
		margin:10px 0px 0px 0px;
		padding:0px;
		padding-left:10px;
		font-size:1.2em;
		color:#fff;
	}
	
	#ctaLeft3 li{
		list-style:none;
	}
	
	#ctaLeft3 h2{
		margin:0px;
		padding:0px;
		padding-left:10px;
		color:#fff;
	}
	


#gallery-button{
	background:url(../../images/misc/gallery-button2.png);
	width:242px;
	height:71px;
	color:#FFFFFF;/*
	position:absolute;
	top:185px;
	left:720px;*/
	margin-top:20px;
}
#gallery-button p{
	padding:13px 0px 0px 100px;
	margin:0px;
	font-size:1.2em;
}
#gallery-button a:link, #gallery-button a:visited{
	color:#fff;
	font-size:1.6em;
	width:100px;
}



#blinds-dropdown-hide{
	position:absolute;
	top:146px; left:56px;
	visibility:hidden;
	z-index:1000;
	background:red;
	width:200px;
	height:400px;
}

#blinds-dropdown{
	position:absolute;
	top:146px; left:66px;
	visibility:hidden;
	z-index:2000;
	background:#8e8bbf;
	width:180px;
}
	#blinds-dropdown ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
	#blinds-dropdown li {
		display: inline;
		margin: 0px;
	}
	#blinds-dropdown a {
		float:left;
		width: 140px;

		color: #eeeeee;
		padding: 5px 20px 5px 20px;
		font-size: 0.9em;
		text-decoration:none;

		
	}
	#blinds-dropdown a:hover {
		text-decoration:underline;
		color: #000;
		background:#97dfdf;	
	}	
#map-image{
	margin-right:30px;
	border:1px black solid;
	margin-bottom:20px;
}	
a.voucherLink{
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	
}
#footer2Left a.voucherLink{
	color:#000;
}
/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navigationv {
	width: 240px;


}

	#navigationv ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
	#navigationv li {
		display: inline;
		margin: 0px;
	}
		  
	#navigationv a {
		float:left;
		width: 180px;
		background:#5e5c76;
		color: #eeeeee;
		padding: 8px 30px 8px 20px;
		font-size: 0.9em;
		text-decoration:none;
		border:solid 1px #cccccc;
		
	}

	#navigationv a:hover {
	text-decoration:underline;
	color: #000;
	background:#97dfdf;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #000;

	
	}

#navigationv #gallery-button a:link, #gallery-button a:visited{
	color:#fff;
	font-size:1.6em;
	width:100%;
	border:none;
	padding:0;
	background:none;
	text-decoration:underline;
}

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

#navigation {
	width: 945px;
	position:absolute;
	top:105px;
	height:42px;
	padding-left:10px;
	left:0px;
	background:url(../../images/misc/navbg.gif) no-repeat;
}

	#navigation ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
	#navigation li {
		display: inline;
		margin: 0px;
	}
		  
	#navigation a {
		float:left;
		
		color: #fff;
		text-decoration:none;
		padding: 14px 8px 10px 8px;
		font-weight: bold;
		font-size: 1.1em;
		border-right:dotted #fff 1px; 
		text-transform:capitalize;
	}
	#navigation a.rightlink {
	border-right: none;
	}
	#navigation a:hover {
	background:#47455f;
	
	}
	#navigation a.twolines {
		text-align:center;
		width:120px;
		padding: 5px 5px 20px 5px;
	}
	#navigation a.twolines:hover {

		padding: 5px 5px 2px 5px;
	}
	#navigation a.twolines2 {
		text-align:center;
		width:93px;
		padding: 5px 4px 20px 4px;
	}
	#navigation a.twolines2:hover {

		padding: 5px 4px 2px 4px;
	}	
	#navigation a.twolines3 {
		text-align:center;
		width:73px;
		padding: 5px 5px 20px 5px;
	}
	#navigation a.twolines3:hover {

		padding: 5px 5px 2px 5px;
	}			
/* Footer Styles
--------------------------------------------------------------- */
#footer2{
	background:url(../../images/misc/footerbg.jpg) no-repeat;
	height:170px;
	width:900px;
	margin:20px 0px 0px 10px;
}
#footer2 p{
	margin:0px;
	padding:3px 0px;
	
}
	#footer2Left{
		float:left;
		padding:25px 30px;
		font-size:1.3em;
		margin:0px;
	}
	#footer2Right{
		float:right;
		width:450px;
		padding:15px 60px 0px 0px;
	}
	#footer2Right a:link, #footer2Right a:visited{
		color:#fff;
		
	}
	#footer2Right h2{
		padding-left:35px;
		margin:0px;
		color:#fff;
		font-size:1.3em;
		
	}
	#footer2Right ul{
		list-style:none;
		color:#fff;
		margin-top:8px;
	}
		#footer2Right li{
		padding-bottom:1px;
		
		}
		.footer2ListLeft{
			float:left;
			
			
		}
		.footer2ListRight{
			float:right;
			
		}	
		
#footer {
	clear: both;
	width: 960px;
	padding: 10px;
	color: #666666;
	background: url(../../images/misc/footerBg.png) bottom;
	font-size: 0.9em;
	text-align: center;
}
	#footer a {
		white-space: nowrap;
		color: #458282;
		text-decoration: none;
	}
	#footer a:hover {
		color: #444;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 920px;
	text-align: center;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	width: 940px;
	background: url(../../images/misc/footerBg.png)

}
	ul#footerDetails li {
		display:block;
		list-style: none;
	}
	
ul#footerW3C {
	margin: 0px;
	text-align: center;
	padding: 0px 0px;
}
	ul#footerW3C li {
		display: inline;
	}

#adtrakDesign {
	text-align: center;
	width: 960px;
}

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

ul li {
	line-height: 1.4em;
}

/* Image Styles
--------------------------------------------------------------- */

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

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Class Styles
--------------------------------------------------------------- */

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

	#contactTable #botBuster {
		display: none;
	}

.clearfix {
	clear: both;
}

#bob{
	width:203px;
	height:123px;	
	background:url(../../images/misc/newCta.jpg) no-repeat;
	float:right;
	margin-right:10px;
	text-align:center;
	padding:5px 10px 0 10px;
	text-transform:uppercase;
}

body#woodenId #bob{
	width:203px;
	height:147px;	
	background:url(../../images/misc/newCta2.jpg) no-repeat;
}

#bob h3{
	color:#3f1c56;
	font-size:3em;
	margin:0;
	padding:0;
}

body#woodenId #bob h3{
	line-height:0.9em;
	padding-top:5px;
}

#bob h4{
	color:#fff;
	font-size:1.4em;
	margin:0;
	padding:0;
	line-height:1.2em;
	font-weight:bold;
}

#bob p{
	color:#fff;
	padding:0;
	margin:0;
	padding:5px 0;
	font-weight:bold;
	font-size:1.2em;
	line-height:1em;
}

#bob p.small{
	color:#fff;
	font-size:0.8em;
	padding:0;
	text-transform:lowercase;
	font-weight:normal;
}