/*****************************************************/
/*                                             HTML                                               */
/*****************************************************/ 
/*@font-face {font-family:
    "Helv_Narrow";
    src:
    local("Helvetica Narrow.ttf"), url("../incs/fonts/Helvetica Narrow.ttf") format("truetype");
}*/

p{font-family:"Arial", Arial, serif;} 

tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:bold;font-size:105%;font-family:inherit;vertical-align:baseline;}

td{
font-weight:normal;
line-height:1.2em;

}

header h1 {
    float: left;
    margin-left: 0.5em;
}

header h2 {
    color: #77003c;
    margin-bottom: 0;
    margin-right: 0.5em;
    text-transform: uppercase;
}

h3 {letter-spacing:-1px;
}

header nav ul {
    margin-right: 0;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

header nav ul li {
    display: inline;
    list-style-type: none !important;
    padding: 0.25em 1em;
    border-left: 1px solid black;
}

header nav ul li:first-child {
    border: none;
}

header img {
    float: left;
    border-top: 10px solid black;
    border-bottom: 10px solid black;
}

header h1 img {
    border: none;
}

#promoting {
	postion:absolute;
	left:500px;
    text-align: left;
    width: 201px;
}



aside {
    text-align: left;
    border-left: 1px solid black;
    width: 180px;
    margin-left: 750px;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
}


#offers {
    text-align: left;
    border-left: 1px solid black;
    width: 150px;
    margin-left: 750px;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
}

offers div  {
    width: 230px;
    margin-left: 0;
    text-align: center;
    margin-bottom: 2000px padding-bottom: -2000px;
}

aside div {
    width: 210px;
    margin-left: 0;
    text-align: center;
    margin-bottom: 2000px padding-bottom: -2000px;
}

aside #btn_login {
    float: right;
    margin-left: 6px;
}

fieldset, .promotion, #welcome {
    border: none;
}

.promotion, #welcome {
    margin-bottom: 2em;
}

.promotion:last-child {
    border-bottom: none;
}
.promotion: a {
    margin-left: 10px;
}


fieldset p {
    margin-bottom: 0;
}

legend {
    text-align: left;
    margin-bottom: 1em;
}

/*label {
    
    float: left;
    margin-right: 0.5em;
}*/

label
{
width:8.8em;
font-weight: bold;
float: left;
text-align: left;
margin-left: 1.5em;
display: block
}

rightlabel
{
font-weight: bold;
width: 9em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

input {
    margin-top: 0 !important;
}

a:link {
    color: black;
    text-decoration: none;
}

a:hover {
    color: #77003c;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:active {
    color: black;
    text-decoration: none;
}

footer {
    clear: both;
    text-align: center;
}

footer #topRow {
    border-bottom: 1px solid;
    padding-bottom: 1em;
    margin-bottom: 1em;
    display block;
    clear: both;
}

footer #topRow img {
    vertical-align: middle;
    margin-left: 1em;
}

/*****************************************************/
/*            DIV                                     */
/*****************************************************/
#freephone{
	position:absolute;
	top:15px;
	left:655px;

}

#container{
	position:relative;
	text-align: center !important;
	width: 950px;
	margin: 0 auto;
	margin-top:15px;
	padding-top: 1em;
	padding-bottom: 1em;
	height :100%
}

#contentBody {
    margin-top: 26em;
    clear: both;
	overflow: hidden;
	height :100%;
}

#quicklinks {
    float: left;
    border-right: 1px solid black;
    text-align: center;
    padding-top: 1em;
}

#quicklinks ul {
    padding-left: 0;
}

#quicklinks li {
    list-style-type: none;
    margin-bottom: 1em;
}

#mainContent {
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
	height :100%;
}
#image_title {
}

#mainContent h1 {
    text-align: left;
    color: #77003c;
    font-size: 2.3em;
}

#mainContent h2 {
    color: #77003c;
}

#mainContent img {
    /*border: 1px solid #77003c;*/
}

#mainContent img_r {
    border: 1px solid #77003c;
}

#mainContent label {
    display: inline;
}

/* Quote Form */
#frm_quote {
    padding: 0;
}

#quote_intro {
    padding-left: 0;
    padding-bottom: 2em;
    margin-bottom: 1em;
    border-bottom: 1px solid black;
}

#findus {
	position:absolute;
	right:110px;
}


#frm_quote fieldset {
    margin: 0;
}

#txt_name {
    width: 120px;
}
#txt_postcode {
    width: 120px;
}
#txt_address1 {
    width: 300px;
}
#txt_address2 {
    width: 300px;
}
#txt_sname {
    width: 120px;
}
#txt_email {
    width: 300px;
}
#txt_contractno {
    width: 120px;
}

#txt_date {
    width: 120px;
}
#txt_phone {
    width: 120px;
}
#txt_town {
    width: 120px;
}
#txt_mob {
    width: 120px;
}

#product_promise{
float:right;


}
#image_porch1{
position:inherit;
left:180px;

}
#image_mainrehau{
position:relative;
left:20px;
clear:both;
}

#image_bpoint1{
position:absolute;
left:400px;
top:685px;
}

#image_bpoint2{
position:absolute;
left:400px;
top:710px;
}
#image_bpoint3{
position:absolute;
left:400px;
top:750px;
}
#image_bpoint4{
position:absolute;
left:400px;
top:770px;
}

#image_clickhere{
position:absolute;
left:400px;
top:800px;
}

#image_porch3{
position:absolute;
left:430px;
top:620px;
padding-bottom:15px;
}
#image_porch4{
position:absolute;
left:560px;
top:620px;
padding-bottom:15px;
}
#image_porch5{
position:absolute;
left:430px;
top:740px;
padding-bottom:15px;
}
#image_porch6{
position:absolute;
left:560px;
top:740px;
padding-bottom:15px;
}

#image_conserv3{
position:absolute;
left:430px;
top:585px;
padding-bottom:15px;
}
#image_conserv4{
position:absolute;
left:560px;
top:585px;
padding-bottom:15px;
}
#image_conserv5{
position:absolute;
left:430px;
top:705px;
padding-bottom:15px;
}
#image_conserv6{
position:absolute;
left:560px;
top:705px;
padding-bottom:15px;
}

#promos {
    float: left;
    border-right: 1px solid black;
    text-align: center;
    padding-top: 1em;
}
#image_r3{
position:absolute;
left:430px;
top:593px;
padding:5px;
}
#image_r4{
position:absolute;
left:560px;
top:593px;
padding:5px;
}
#image_r5{
position:absolute;
left:430px;
top:715px;
padding:5px;
}
#image_r6{
position:absolute;
left:560px;
top:715px;
padding:5px;
}



#text_doors{
position:absolute;
left:200px;
top:800px;
}
#image_windows1{
position:absolute;
left:195px;
}

#image_windows2{
position:absolute;
left:600px;
}

#image_doors1{
position:absolute;
left:200px;
top:570px;
padding:10px;
}
#image_doors2{
position:absolute;
left:330px;
top:570px;
padding:10px;
}
#image_doors3{
position:absolute;
left:460px;
top:570px;
padding:10px;
}

#image_doors4{
position:absolute;
left:590px;
top:570px;
padding:10px;
}
#image_doors5{
position:absolute;
left:200px;
top:720px;
padding:10px;
}

#image_doors6{
position:absolute;
left:330px;
top:720px;
padding:10px;
}

#image_doors7{
position:absolute;
left:460px;
top:720px;
padding:10px;
}

#image_doors8{
position:absolute;
left:590px;
top:720px;
padding:10px;
}

#image_rehau1{
position:absolute;
left:200px;
top:750px;
}
#image_rehau2{
position:absolute;
left:330px;
top:750px;
}
#image_rehau3{
position:absolute;
left:475px;
top:750px;
}

#image_rehau4{
position:absolute;
left:625px;
top:750px;
}


#image_rehau5{
padding-top:10px;
position:absolute;
top:901px;
margin:3px;
left:170px;
}

#image_rehau6{
padding-top:10px;
position:absolute;
top:901px;
left:320px;
}

#image_rehau7{
padding-top:10px;
position:absolute;
top:901px;
left:470px;
}

#image_rehau8{
padding-top:10px;
position:absolute;
top:901px;
left:615px;
}

.colour {
    display: inline-block;
    margin-top: 6em;
    margin-bottom: 2em !important;
    clear: left;
}

.colour p{
	text-align: right;
	margin-bottom: 0.25em;
}

.comment p {
    text-align: right;
}

.sendQuote {
    text-align: left;
    display: block;
    margin-top: 2em;
}

#txt_comment {
	margin-left: 1.5em;
    width: 400px;
    height: 100px;
}

#frm_quote fieldset p {
    margin-left: -1em;
}

#frm_quote img {
    border: none;
}

#map {
    width: 550px;
    height: 510px;
    background-color: black;
    margin: 10em auto 1em auto !important;
    border: 1px solid #77003c;
    clear: left;
}

/*****************************************************/
/*                CLASS                            */
/*****************************************************/
.heavy {
    font-family: "Arial Black";
}

.selected {
    font-weight: bold;
    color: #77003c;
    font-size: 110%;
}

.case {
 	border: 1px solid #000000;
}

.droplist {
    float: left;
    width: 116px;
    margin-right: 1em;
}

.group {
	display: inline-block;
    margin-right: 1.75em;
}

.droplist:last-child, .group:last-child {
    margin-right: 0;
}

.droplist label, .group label {
    text-align: left;
    display: block;
}

.detailsLink {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-bottom: 1em;
}

.regLink {
    font-family: "Helv_Narrow";
    text-transform: uppercase;
    font-weight: bold;
    color: #77003c;
}

.row {
    clear: left;
    display: block;
    margin-bottom: 5px;
}

.lastname {
   	position:inherit;
}

.quoteWindows {
    display: inline !important;
    margin-left: 2em;
}

.address {
    float: left;
    margin-right: 1.5em;
}

.address:last-child {
    float: left;
    margin-right: 0
}

.address .label {
    color: #77003c;
    font-weight: bold;
}

.submit input {
    margin-left: 10em;
}

input.btn {
    color: #050;
    font: bold 84% 'trebuchet ms', helvetica, sans-serif;
    background-color: #fed;
    border: 1px solid;
    border-color: #696 #363 #363 #696;
    filter: progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}