@charset "utf-8";
/* CSS Document */
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #f0eee6;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #7C7E7C;
}

a {color:#2c2c2c; text-decoration:none;}
a:link {color:#787164;}
a:hover {color:#d6d6d6;}
a:visited {color:#787164}
a:visited:hover {color:#d6d6d6;}
img {border:0;}
h1 {font-size:2.0em;
font-weight:120;
padding:0,0,10px,0;
margin:0;}
h2 {font-size:1.75em;
font-weight:80;
padding:0,0,10px,0;
margin:0;}
h3 {font-size:1.5em;
font-weight:50;
padding:0,0,10px,0;
margin:0;}
h4 {font-size:1.2em; font-weight:50; color: #8f918f;margin:-10px,0,0,0;}



p {margin:0; padding:0}
#container {
	width: 955px;  
	background: #f0eee6;
	margin: 0 auto; 
	text-align: left;
}
#header { 
	background: #787164; 
	padding: 0;  
	height:135px;
} 
#header #logo{
height:67px;
padding-top:10px;
} 
#header #flash{
height:58px;
}
#navigation { 
	background: #ffffff; 
	padding: 1px 0 0 0;  
	height:32px;
} 
#mainContent {
	padding: 0 10px 10px 10px;
	background: #FFFFFF;
	float:left;
}
#mainContent p{
font-size:1.2em;
padding:0 0 10px 0;
}

#mainContent .sectionblocks{
width:300px;
height:331px;
float:left;
margin-right:17px;
text-align:center;
}
#mainContent .sectionblocksend{
width:300px;
height:331px;
float:left;
text-align:center;
}
#mainContent .bottomsectionblocks{
width:300px;
height:200px;
float:left;
margin-right:17px;
margin-top:10px;
text-align:left;
font-size:1.2em;
}

#mainContent .bottomsectionblocksend{
width:300px;
height:200px;
float:left;
margin-top:10px;
text-align:left;
font-size:1.2em;
}


#maincontent .homemaintext{
	padding:7px 0;
	margin:0;
	color:#7C7E7C;
	font-size:1.2em;
}
.homemaintext img{
float:right;
padding-left:20px
}

#mainContent #indexlayoutconservatory{
float:left;
width:925px;
}
#mainContent #indexlayoutconservatory ul {
font-size:1.2em;
padding-bottom:10px;
}
#mainContent #indexlayoutconservatory .conservatorybullets{
background-image: url(conservatory-blinds/images/bullet.gif);
background-repeat:no-repeat;
font-size:1.2em;
padding:0 0 0 20px;
width:300px;
float:left;
margin-top:7px}

#mainContent #indexlayoutconservatory .awningbullets{
background-image: url(images/bullet-awnings.gif);
background-repeat:no-repeat;
font-size:1.2em;
padding:0 0 0 20px;
width:295px;
float:left;
margin-top:7px
}
#mainContent #indexlayoutconservatory .shutterbullets{
background-image: url(images/bullet-shutters.gif);
background-repeat:no-repeat;
font-size:1.2em;
padding:0 0 0 20px;
width:270px;
float:left;
margin-top:7px
}

#mainContent #layout1 {
float:left;
width:664px;
margin-right:10px;
}

#mainContent #layout1 p{
font-size:1.2em;
padding:5px 0 10px 0;
margin:0;
}
#mainContent #layout1 h4 {font-size:1.2em; font-weight:50; color: #8f918f;margin:-10px,0,0,0; }

#mainContent #layout1 ul {
font-size:1.2em;
padding-bottom:10px;
margin-top:10px;
}
#mainContent #layout1 table{border:0;padding:10px;font-size:1.2em;}
#mainContent #layout1 .consvbullets{
background-image: url(conservatory-blinds/images/bullet.gif);
background-repeat:no-repeat;
font-size:1.2em;
padding:0 0 10px 20px;
width:300px;
float:left;
margin-left:5px;
}

#mainContent #layout2 {
float:left;
width:260px;
}
#mainContent #layout2 h2{
padding:0;
margin:0;
color:#FFFFFF;
font-size:1.6em;
font-weight:100;
}
#mainContent #layout2 img{
margin-bottom:10px;
border:solid 1px #877e68;
}

#mainContent #layout2 #box1{
background-image: url(conservatory-blinds/images/bar1.gif);
background-repeat: repeat-x;
width:240px;
height:210px;
margin-bottom:10px;
padding:10px;
border:solid 1px #877e68;
}
#mainContent #layout2 #box1 img{
margin:10px 0 10px 0;
border:solid 1px #877e68;
}
#mainContent #layout2 #box1 a{
font-size:1.2em;
text-decoration:underline;
text-align:right;
color:#877e68;
}

#mainContent #layout2 #box2{
background-image: url(conservatory-blinds/images/bar2.gif);
background-repeat: repeat-x;
width:240px;
height:210px;
margin-bottom:10px;
padding:10px;
border:solid 1px #877e68;
}
#mainContent #layout2 #box2 img{
margin:10px 0 10px 0;
border:solid 1px #9d9395;
}
#mainContent #layout2 #box2 a{
font-size:1.2em;
text-decoration:underline;
text-align:right;
color:#9d9395;
}
#mainContent #layout2 #box3{
background-image: url(conservatory-blinds/images/bar3.gif);
background-repeat: repeat-x;
width:240px;
height:210px;
padding:10px;
margin-bottom:10px;
border:solid 1px #877e68;
}

#mainContent #layout2 #box3 img{
margin:10px 0 10px 0;
border:solid 1px #a0a5a9;
}
#mainContent #layout2 #box3 a{
font-size:1.2em;
text-decoration:underline;
text-align:right;
color:#a0a5a9;
}
#mainContent #layout2 #box1a{
background-image: url(conservatory-blinds/images/bar4.gif);
background-repeat: repeat-x;
width:240px;
height:210px;
margin-bottom:10px;
padding:10px
}
#mainContent #layout2 #box1a img{
margin:10px 0 10px 0;
border:solid 1px #877e68;
}
#mainContent #layout2 #box1a a{
font-size:1.2em;
text-decoration:underline;
text-align:right;
color:#FFFFFF;
}
#mainContent #layout2 #box1a p{
font-size:1.3em;
color:#FFFFFF;
}
#mainContent #layout2 #box4{
background-image: url(conservatory-blinds/images/bar4.gif);
background-repeat: repeat-x;
width:240px;
height:160px;
margin-bottom:10px;
padding:0;
}
#mainContent #layout2 #box4 img{
margin:0;
border:solid 1px #877e68;
}
#mainContent #layout2 #box4 a{
font-size:1.2em;
text-decoration:underline;
text-align:right;
color:#877e68;
}
#mainContent #layout2 #box5{
background-image: url(conservatory-blinds/images/bar6.gif);
background-repeat: repeat-x;
width:260px;
height:70px;
margin-bottom:10px;
padding:10px 0 0 0;
border:solid 1px #877e68;
font-size:2.4em;
text-decoration:none;
text-align:center;
color:#8B0000;
}
#mainContent #layout2 #box5 img{
margin:0;
border:solid 1px #877e68;
}
#mainContent #layout2 #box5 a{
font-size:2.4em;
text-decoration:none;
text-align:center;
color:#8B0000;
margin-top:20px;
}
#mainContent #layout2 #box6{
background-image: url(conservatory-blinds/images/bar-red.gif);
background-repeat: repeat-x;
width:260px;
height:70px;
margin-bottom:10px;
padding:10px 0 0 0;
border:solid 1px #000000;
font-size:1.5em;
text-decoration:none;
text-align:center;
color:#FFFFFF;
}
#mainContent #layout2 #box6 img{
margin:0;
border:solid 1px #000000;
}
#mainContent #layout2 #box6 a{
font-size:2.0em;
text-decoration:none;
text-align:center;
color:#FFFFFF;
margin-top:20px;
}
#mainContent #layout2 #box7{
background-image: url(conservatory-blinds/images/bar6.gif);
background-repeat: repeat-x;
width:260px;
height:70px;
margin-bottom:10px;
padding:10px 0 0 0;
border:solid 1px #877e68;
font-size:1.2em;
text-decoration:none;
text-align:center;
color:#8B0000;}

#mainContent #layout2 #box8{
background-image: url(conservatory-blinds/images/bar4.gif);
background-repeat: repeat-x;
width:240px;
height:260px;
margin-bottom:10px;
padding:0;
}
#mainContent #layout2 #box8 img{
margin:0;
border:solid 1px #877e68;
}
#mainContent #layout2 #box8 a{
font-size:1.2em;
text-decoration:underline;
text-align:right;
color:#877e68;
}
#mainContent #layout2 #box9{
background-image: url(conservatory-blinds/images/bar4.gif);
background-repeat: repeat-x;
width:240px;
height:325px;
margin-bottom:10px;
padding:0;
}
#mainContent #layout2 #box9 img{
margin:0;
border:solid 1px #877e68;
}
#mainContent #layout2 #box9 a{
font-size:1.2em;
text-decoration:underline;
text-align:right;
color:#877e68;
}

#toolsbar{
background:#8f918f;
height:69px
}
#toolsbar #stuff {
float:left;
width:390px;
overflow:hidden;
}
#toolsbar  #stuff a {
display:block;
float:left;
margin-right:5px;
color:#ccc;
text-decoration:none;
}
#toolsbar  #stuff a:hover {
color:#fff;
}
#toolsbar  #stuff img {
display:block;
float:left;
}
#toolsbar  #stuff em {
display:block;
float:left;
padding:20px 0 0 5px;
font-style:normal;
font-size:1.2em;
}

#toolsbar .bbsa{
width:155px;
padding:0 10px 0 0;
float:right;
text-align:right;
}

#toolsbar #flash2{
width:400px;
float:left;
overflow:hidden;
}

#toolsbar .stufftext a{
color:#fff;
font-size:1.2em;
text-decoration:none;
}
#footer {padding: 5px 0 5px 0;} 
#footer a {text-decoration:none;}

#footer .links{
float:left;
font-size:1.2em;
} 
#footer .copyright{
float:right;
font-size:1.2em;
font-weight:normal;
}

#footer2 { padding: 5px 0 10px 0;font-size:1em;color:#a39c90;text-align:center;}

/* TEAM */
#team h3 {height:40px;font-size:1.6em;}
#team .team {display:block;clear:both;float:left;width:75px;padding-bottom:10px;}
#team strong {display:block;font-size:1.2em;padding-top:10px;}
#team em {display:block;}

/* TESTIMONIALS */
#testimonials cite {display:block;font-size:1.6em;font-style:normal;padding-left:50px;background:url(images/testimonials.jpg) no-repeat top left;}
#testimonials em {display:block;text-align:right;font-size:1.1em;padding:5px 0 30px 0;}

/* TESTIMONIALS */
#casestudies a {display:block;padding-bottom:10px;text-decoration:none;}
#casestudies img {display:block;}
#casestudies strong {display:block;font-size:1.2em;font-weight:normal;}

/* GALLERY */
#gallery {width:935px;}
#gallery ul {padding:0 0 0 15px;margin:0;}
#gallery ul li {padding:0 35px 35px 0;margin:0;width:200px;height:200px;float:left;list-style:none;}
#gallery ul li img {display:block;width:200px;height:200px;}
#gallery ul li a {text-decoration:none;}
#gallery ul li strong {display:block;clear:both;text-align:center;font-size:1.6em;font-weight:normal;padding-top:5px;}
#gallery h1 {font-size:3.0em; font-weight:100; color: #8f918f; padding:25px 0 0 15px; margin:0;}
#gallery h2 {font-size:1.2em; font-weight:50; color: #8f918f; padding:10px 0 0 15px;}
#gallery h3 {font-size:1.2em; font-weight:35; decoration:italic; color: #8f918f; padding:10px 0 0 25px;}
#gallery a {color:#2c2c2c; text-decoration:none;}
#gallery a:link {color:#8f918f;}
#gallery a:hover {color:#d6d6d6;}
#gallery a:visited {color:#8f918f;}
#gallery a:visited:hover {color:#d6d6d6;}

/* Conservatory Blinds Top */
#cb {width:935px;}
#cb ul {padding:0 0 0 15px;margin:0;}
#cb ul li {padding:0 35px 35px 0;margin:0;width:195px;height:100px;float:left;list-style:none;}
#cb ul li img {display:block;width:195px;height:100px; border:solid 1px #877e68;}
#cb ul li a {text-decoration:none;}
#cb ul li strong {display:block;clear:both;text-align:center;font-size:1.6em;font-weight:normal;padding-top:5px;}
#cb h1 {font-size:3.0em; font-weight:100; color: #8f918f; padding:15px 0 0 15px; margin:0;}
#cb h2 {font-size:1.2em; font-weight:50; color: #8f918f; padding:10px 0 0 15px;}
#cb h3 {font-size:1.2em; font-weight:35; decoration:italic; color: #8f918f; padding:10px 0 0 25px;}
#cb a {color:#2c2c2c; text-decoration:none;}
#cb a:link {color:#8f918f;}
#cb a:hover {color:#d6d6d6;}
#cb a:visited {color:#8f918f;}
#cb a:visited:hover {color:#d6d6d6;}

/* BULLET LISTS */
.windowlist li {display:block;list-style:none;background:url(images/bullet-window.gif) no-repeat;padding:0 0 5px 20px;}
.conservatorylist li {display:block;list-style:none;background:url(images/bullet-conservatory.gif) no-repeat;padding:0 0 5px 20px;}
.shutterslist li {display:block;list-style:none;background:url(images/bullet-shutters.gif) no-repeat;padding:0 0 5px 20px;}
.awningslist li {display:block;list-style:none;background:url(images/bullet-awnings.gif) no-repeat;padding:0 0 5px 20px;}

.indexconservatorylist li {display:block;list-style:none;background:url(images/bullet-conservatory.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}
.indexshutterslist li {display:block;list-style:none;background:url(images/bullet-shutters.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}
.indexawningslist li {display:block;list-style:none;background:url(images/bullet-awnings.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}

.indexconservatorylist ul {display:block;list-style:none;background:url(images/bullet-conservatory.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}
.indexshutterslist ul {display:block;list-style:none;background:url(images/bullet-shutters.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}
.indexawningslist ul {display:block;list-style:none;background:url(images/bullet-awnings.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}


.bottomlistred li {display:block;list-style:none;background:url(images/bullet-conservatory.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}
.bottomlistgrey li {display:block;list-style:none;background:url(images/bullet-shutters.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}
.bottomlistfawn li {display:block;list-style:none;background:url(images/bullet-awnings.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}
.bottomlistrust li {display:block;list-style:none;background:url(images/bullet-window.gif) no-repeat;padding:0 0 5px 20px;margin-left:-30px;}

/* SHUTTERS */
.shutters-pics{display:block;float:left;padding:0 10px 20px 0;}

/* SHUTTERS */
.awnings-pics{display:block;float:right;clear:right;padding:0 10px 0 0;}
.awnings-pics2{display:block;float:right;clear:right;padding:-20px 10px 0 0;}

/* CONTACT US */
#contactus {border:0;padding:0;margin:0;}
#contactus h2 {margin:0; padding:5px 0 2px 0; margin-bottom:4px; font-size:1.2em; border-bottom:dotted 1px #CCCCCC}
#contactus .title{float:left; width:200px; font-size:1.2em}
#contactus .inputbox{float:left; width:400px; font-size:1.2em; padding-bottom:3px}
#contactus .interestedin{float:left; width:550px; font-size:1.2em; padding-bottom:3px}
#contactus .fieldsize{width:300px; font-size:1.2em}
#contactus .textboxsize{width:300px; font-size:1.2em; font-family:Arial, Helvetica, sans-serif}
#contactus .submit{float:left; width:510px; font-size:1.2em; text-align:right}

/* LIGHT BOX - IMAGE POP-UP */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNav{ width: 150px; float: right;  outline: none;}	
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#imageData #bottomNavPrint{ width: 66px; float: right;  padding: 0 10px 0.7em 0; outline: none;}	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#print {display:none;visibility:hidden;}

.errorblock { 
background:url(images/error.gif) no-repeat 2px;
border: 1px solid #FF0000; margin-bottom:5px; padding:2px; padding-left:18px; background-color: #FEEBEB; font-size:1.2em; width:90% }

.tickblock { 
background:url(images/tick.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:2px; padding-left:18px; background-color: #E1FFE9 ; font-size:1.2em; width:90%}

.trade1 { 
background:url(images/edituser.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:300px}
.trade2 { 
background:url(images/adduser.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:300px}
.trade3 { 
background:url(images/editarticle.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:300px}
.trade4 { 
background:url(images/logoff.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:300px}
.trade5 { 
background:url(images/upload.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:300px}
.trade6 { 
background:url(images/download.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:300px}
.trade7 { 
background:url(images/book.gif) no-repeat 2px;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:300px}

.previousorder1 {background:url(images/email2.gif) no-repeat 2px; float:left;
border: 1px solid #ff0000; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #FFD9D9 ; font-size:1.2em; width:75%}

.previousorderedit1 {float:left;
border: 1px solid #ff0000; margin-bottom:5px; padding:4px; background-color: #FFD9D9 ; font-size:1.2em; width:80px; text-align:center; margin-left:10px}

.previousorder2 {background:url(images/email.gif) no-repeat 2px;float:left;
border: 1px solid #FF8000; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #FFE7CE ; font-size:1.2em; width:75%}

.previousorderedit2 {float:left;
border: 1px solid #FF8000; margin-bottom:5px; padding:4px; background-color: #FFE7CE ; font-size:1.2em; width:80px; text-align:center; margin-left:10px}

.previousorder3 {background:url(images/email.gif) no-repeat 2px;float:left;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; padding-left:25px; background-color: #E1FFE9 ; font-size:1.2em; width:75%}

.previousorderedit3 {float:left;
border: 1px solid #00CC00; margin-bottom:5px; padding:4px; background-color: #E1FFE9 ; font-size:1.2em; width:80px; text-align:center; margin-left:10px}

.key {border: 1px dotted #999999; float:left; font-size:1.2em; padding:6px 2px 2px 2px; margin-top:10px}