/* CSS Document */
* { margin:0; padding:0;}
.clear { clear:both;}
html, body { height:100%; }
body { font-size:100%; line-height:1em; }
html, input, textarea {	font-family:Arial; color:#333;}	

.in1{ padding-bottom:1px;}
.in2{ padding-bottom:2px;}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
.in30{ padding-bottom:30px;}
.in50{ padding-bottom:50px;}
/* ---------------------------- */
	
/*header*/ 
#header {color:#fff; margin: 0 0 0 0; background:url(images/header/header.jpg) no-repeat top left ; width:940px;  }
#header .logo{margin: 5px 0px 27px 5px; text-align:left;  }

.header-email {float:right;  text-align:right; width: 300px; font-size:0.8em; padding: 80px 2px 0px 0px; margin:0px 5px 0 0;   }
.header-email a {color:#fff; text-decoration:underline }
.header-email a:hover {color:#00ccff; text-decoration:underline }

/* ------------ TOP SUB LINKS-------------- */

.top-links {position: relative; float:right;  font-size:0.8em; margin:-26px 0px 0 0; padding: 5px 10px 0 0;  color: #00ccff;  }
.top-links a {color:#fff; text-decoration:underline }
.top-links a:hover {color:#00ccff; text-decoration:underline }

.top-links img { margin-top: -5px;}

/*Navi with 2 state lozenge background image*/
#navi-menu {margin: 0px auto; padding:0 0 20px 0px; font-size:0.7em; height:33px; background: url(images/navi/navi_bgrd.jpg) repeat-x left;   }
#navi-menu .menu ul{  margin:0 Auto; padding:5px 0px 0px 0px; list-style: none; }
#navi-menu .menu ul li{ margin:0; display: inline; }
#navi-menu .menu ul li a{
	float: left;
	display:block;
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(images_u/navi/icon-grey.png) top left no-repeat;
	height:20px;
	text-align:left;
	text-indent: 22px;
	margin:  0 5px 0 30px;
	padding: 0px 0 0 0;
	border-bottom:2px solid #cc0000;
} 
#navi-menu .menu ul li a:hover { color:#cc0000; text-decoration:none; background:url(images_u/navi/icon-red.png) top left no-repeat; }

/* ---------- ANIMATION --------- */
/* ---------------------------- */

.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

a{color:#333; text-align: left; } 
a:hover{color: #00ccff; text-decoration:none}

/* ---------- H 1 2 3 ------------- */
h1{color:#cc0000; font-family: Arial, Helvetica, sans-serif;font-size: 2em; padding: 5px 0px 5px 0px;}
h2{color:#cc0000;font-family: Arial, Helvetica, sans-serif;font-size: 1.3em; padding: 5px 0px 5px 0px;}

h3{color:#000099;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: 1.6em;padding: 10px 0px 0px 0px;text-align: left;}
h4{color:#000;padding: 10px 0px 0px 0px;font-size: 1.1em;font-weight: bold;line-height: 1.2em;font-family: Arial, Helvetica, sans-serif;}
h5{color:#000099;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: 1.6em;padding: 10px 0px 0px 0px;text-align: center;}

/* --------- BULLET LISTS --------- */
ul{margin:0; padding:0; list-style:none; }
ul li{margin:0 0 0px 0px; font-size:1.1em; color:#000; background-position:0 3px;  list-style-type: circle; list-style-position: outside;}
ul li a{  text-decoration:underline; } 

/* ------------ CONTENT -------------- */
#content{ font-size:0.7em;  margin:0px; padding:0px; }

/* ------------ UPVC HOME -------------- */
.home-content-foot {position: relative; margin:  0 auto; padding-top: 20px; }
.home-content-foot p {font-size:1em; line-height: 1.3em; }
.home-content-foot ul li {font-size:1em; }

.home-content-foot .col1-feature {margin: 7px 10px 0px 10px;  }
.home-content-foot .col2-feature {margin: 7px 10px 0px 0px;   }
.home-content-foot .col3-feature {margin: 7px 10px 0px 0px;   }
.home-content-foot .col4-feature {margin: 7px 0px 0px 0px;   }


.home-content-foot .col1-footer {float: left; margin: 0px 20px 15px 10px;  }
.home-content-foot .col1-footer h3 {color:#000099;font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;line-height: 1.6em;padding: 10px 0px 0px 0px;text-align: left;}
.home-content-foot .col2-footer {float: left; margin: 0px 20px 15px 0px; }
.home-content-foot .col3-footer {float: left; margin: 0px 20px 15px 0px; }
.home-content-foot .col4-footer {float: left; margin: 0px 0px 15px 0px;}
.home-content-foot .col5-footer {float: right; margin: 0px 10px 15px 0px;}
.home-content-foot .col6-footer {float: right; margin: 0px 10px 15px 0px;}

.home-content-foot ul{margin:0; padding:0; list-style:none; }
.home-content-foot ul li{margin:0 0 0px 10px; font-size:1.1em; color:#000; background-position:0 3px;  list-style-type: disc; list-style-position: outside;}
.home-content-foot ul li a{  text-decoration:underline; } 

.home-container-logos { padding:  0 0 0 0;  }

.home-container-foot { position: relative; top: 0px; clear: both;  }
.home-footer-right { float: left; width: 540px; margin-top: 10px;}

/* ------------ SEARCH-------------- */

.search-box {float:right;  text-align:right; width: 300px; font-size:0.8em; padding: 0px 5px 0px 0px; margin:0px 5px 0 0; clear: right; color: #fff; font-weight: bold;  }



/* ------------ FOOTER -------------- */
#footer { font-size:0.65em; text-align:left; line-height: .85em; margin: 5px 0 5px 0;   }
.footer { position: relative; top: 0px; height: 65px; background: #424aac; width: 940px;  }
.footer-col { float: left;  margin: 10px 0 0 30px; font-size:0.7em; color:#fff; width: 240px;}

.footer-col-links { float: left; text-align: center;  margin: 5px 0px 0 0px; font-size:0.7em; color:#fff; width: 940px;}
.footer-col-links a {color:#fff; text-decoration:underline}
.footer-links a:hover {color:#00ccff; text-decoration:none}

.contactdetails {margin: 0px 0 0 0px; font-size:1em; color:#fff;}
.footer .footer-col p { font-size:1em; color:#000; }

.home-footer-logos {float:  left; padding: 0 10px 10px 0px; }
.home-footer-logos1 {padding-bottom: 0px; }
.home-footer-logos2 {float: right;}

.footer-links { float: right; text-align: right; margin: -30px 0px 0 0;  color:#fff; width: 98px;}
.footer-links p { float: right; text-align: right; margin: 0px 12px 0 0; font-size:0.6em; color:#fff; }


/*pic ref*/
.homepic{padding: 0 10px 10px 0;  }
.home-moreinfo {float: left; margin: 10px 0 0 0px; font-size:1em; color:#000; font-weight: bold; clear:  both;}

/* ------------ UPVC images -------------- */
img.steps { float: left; margin: 0px 0px 0px 0px; clear: both;  }
img.logos { float: left; padding: 5px 0px 0 0px; }
img.free { float: left; margin: 7px 0px 0px 0px; clear: both;  }
img.thumb { float: left; margin: 0px 100px 10px 0px; clear: both;  }
img.arating { float: left; margin: 0px 10px 8px 0px; clear: both; }
.divider {position: relative; border-bottom:1px solid #ddd; padding: 0 0 0 0; margin:0px 0 5px 0; }

/*index HOME*/
#page5 #content .indent .col1 {margin: 0px 0px 0px 10px; padding-right: 0px;  }
#page5 #content .indent .col2 {margin: 0px 0px 0px 0px;   }
#page5 #content .indent .col3 {margin: -30px 0px 0px 474px; width: 466px;  }
#page5 #content .indent .col1 .guarantee{float:right; margin:-75px 5px 0px 0px;  background-color: transparent; clear: right;}
#page5 #content .indent .col1 .h1 {text-indent:-10000px; }
#page5 #content .indent .col1 p {margin:15px 15px 0px 15px;  font-size:1.1em; line-height: 1.6em;}
#page5 #content .col1 .divider { border-bottom:1px solid #ddd; padding:15px 0px 10px 0; margin:0 0 0 0; }
#page5 #content .indent .col1 .tel {margin:  10px 0 20px 15px;font-size:2em; font-weight: bold; color: #666;}
#page5 #content .indent .col1 .sig {margin:  10px 0 0px 15px; color: #666; font: italic 2em Georgia, "Times New Roman", Times, serif; }

/*Grid Page 2*/
#grid2 #content .indent .col1 {margin: 0px 0px 0px 10px; padding-right: 0px;  }
#grid2 #content .indent .col1 img {margin: 0px 0px 15px 0px;   }
#grid2 #content .indent .col2 {margin: 0px 0px 0px 0px;   }
#grid2 #content .indent .col1 dt {margin: 0px 0px 0px 0px;  }

#grid2 #content .indent .col2 .h1 {text-indent:-10000px; }
#grid2 #content .indent .col2 h2{color:#000099;font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.8em; padding: 5px 0px 5px 0px; font-weight: normal;}
#grid2 #content .indent .col2 h3{color:#666;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: 1.6em;padding: 10px 0px 0px 0px;text-align: left;}
#grid2 #content .indent .col2 ul{margin:0; padding:0; list-style:none; }
#grid2 #content .indent .col2 ul li{margin:0 0 0px 5px; font-size:1.1em; color:#000; background-position:0 3px;  list-style-type: disc; list-style-position: inside;}
#grid2 #content .indent .col2 ul li a{  text-decoration:underline; } 

#grid2 #content .indent .col2 p {margin:5px 15px 0px 5px;  font-size:1.1em; line-height: 1.3em;}
#grid2 #content .col2 .divider { border-bottom:1px solid #ddd; padding:0px 0 7px 0; margin:0 0 0 0; }
#grid2 #content .indent .col2 .tel {margin:  10px 0 20px 5px;font-size:2em; font-weight: bold; color: #666;}
#grid2 #content .indent .col2 .sig {margin:  10px 0 20px 5px; color: #666; font: italic 2em Georgia, "Times New Roman", Times, serif; }

/*Grid Page 3*/
#grid3 #content .indent .col1 {margin: 0px 0px 0px 10px; padding-right: 0px;  }
#grid3 #content .indent .col1 img {margin: 0px 0px 15px 0px;   }
#grid3 #content .indent .col2 {margin: 0px 0px 0px 0px;   }
#grid3 #content .indent .col1 dt {margin: 0px 0px 0px 0px;  }

#grid3 #content .indent .col2 .h1 {text-indent:-10000px; }
#grid3 #content .indent .col2 h2{color:#000099;font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.8em; padding: 5px 0px 5px 0px; font-weight: normal;}
#grid3 #content .indent .col2 h3{color:#666;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: 1.6em;padding: 10px 0px 0px 0px;text-align: left;}
#grid3 #content .indent .col2 ul{margin:0; padding:0; list-style:none; }
#grid3 #content .indent .col2 ul li{margin:0 0 0px 5px; font-size:1.1em; color:#000; background-position:0 3px;  list-style-type: disc; list-style-position: inside;}
#grid3 #content .indent .col2 ul li a{  text-decoration:underline; } 

#grid3 #content .indent .col2 p {margin:5px 15px 0px 5px;  font-size:1.1em; line-height: 1.3em;}
#grid3 #content .col2 .divider { border-bottom:1px solid #ddd; padding:0px 0 7px 0; margin:0 0 0 0; }
#grid3 #content .indent .col2 .tel {margin:  10px 0 20px 5px;font-size:2em; font-weight: bold; color: #666;}
#grid3 #content .indent .col2 .sig {margin:  10px 0 20px 5px; color: #666; font: italic 2em Georgia, "Times New Roman", Times, serif; }

.moreinfo { margin: 10px 0 0 0px; font-size:1em; color:#000; font-weight: bold;}

.contact-page-divider { border-bottom:1px solid #ddd; padding:15px 0 0px 0; margin:0 0 0 0; }