/* CSS Document */
body{ background-color:#FFFFFF; margin:0px; padding:0px; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div, p, form {margin:0px;}
hr{height:1px; color:#666666; background-color:#666666; border:none;}
h1, h2, h3, h4, h5, h6{font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

h1.heading{font-size:18px;}
h6{margin:0px; font-size:12px; font-weight:bold; text-transform: capitalize; color:#FFFFFF;}
H4{margin:0px; line-height:19px; font-size:14px; font-weight:bold; text-transform: capitalize; color:#349ACB; padding:21px 0px 0px 10px;}
h4.Reqbrochure{padding:10px 0px 0px 24px;}
h3.itsmore{font-size:15px;}
h3{margin:0px; font-size:16px; font-weight:bold; text-transform: capitalize; color:#3399CA;}
h3.greyheading{color:#e9eae9; text-transform:capitalize; margin:0px;}
h3.heading{padding:12px 0px 12px 0px; text-align:left; margin:0px;}
h3.heading2{padding:12px 0px 0px 0px; text-align:left; margin:0px;}
h2.grey{ color:#666666; text-align:center; font-size:17px; text-transform:none; margin:0px; padding:10px 0px 5px 0px;}

a{color:#3399cc; text-decoration:none;}
a:hover{color:#3399cc; text-decoration:underline;}
a.whitelink{color:#ffffff;text-decoration:underline;}
a.whitelink:hover{color:#ffffff; text-decoration:none}
a.clickhere{color:#666666;text-decoration:underline;}
a.clickhere:hover{color:#349ACB;}
a.redlink{color:#cc0033; text-decoration:underline;}
a.redlink:hover{color:#cc0033; text-decoration:none;}
a.awningdetail{display:block; background:url(../images/bullet.jpg) no-repeat left; margin:0px; padding:0px 0px 0px 20px;}
a.awningdetail:hover{background:url(../images/bullet_over.jpg) no-repeat left; text-decoration:none;}
a.awningdetail2{display:block; background:url(../images/bullet_over.jpg) no-repeat left; margin:0px; padding:0px 0px 0px 20px;}
a.awningdetail2:hover{background:url(../images/bullet_over.jpg) no-repeat left; text-decoration:none;}
a.blulink{color:#3399cc;text-decoration:none;}
a.blulink:hover{color:#3399cc; text-decoration: underline;}
a.detail{ background-color:#ffffff; color:#3399cc; text-decoration:none; height:17px;}
a.detail:hover{background-color:#3399cc; color:#ffffff;text-decoration:none; display:block; }
a.greylink{color:#666666; text-decoration:none;}
a.greylink:hover{color:#666666; text-decoration:underline;}

#Main{width:100%;  background-color: #fff;}
#MainMenu { padding:0px 5px 3px 5px}
#MainMenu a{ color:#666666; text-decoration:none; padding:0px 8px 0px 8px;}
#MainMenu a:hover{ color:#3399cc; background-color:#FFFFFF; text-decoration:none;}

#header{background: url(../images/header.jpg) repeat-x;}
#header2 {
    background-image: url(../images/header_internal.jpg);
    background-position: top;
    background-repeat: repeat-x;  
}
#header2_logo {
    width: 292px;
    height: 134px;
    float: left;
}
#header_center {
    width: 570px;
    height: 134px;
    float: left;
    margin:0px;
}
#header_center_top {
    height:36px;
    margin:0px;
}
#header_center_middle {
    height: 59px;
    width: 552px;
    padding: 0px 0px 0px 3px;
    float:left;
    margin:0px;
    
}
#header_center_middle img {
    border: 0px;
    padding: 0px;
    margin: 0px;
}
#header_center_bottom {
    width: 555px;
    height: 39px;
    float:left;
    margin:0px;
}
#header_center_bottom div {
    height: 19px;
    background-image: url(../images/template/menu_divider.jpg);
    background-position: 0px;
    background-repeat: no-repeat;
    padding: 20px 11px 0px 11px;
    float:left;
    margin:0px;
}
#header_center_bottom a {
    color: white;
    font-weight: bold;
    font-size: 12px;
}
#header_center_bottom span {
    height:64px;
    background-image: url(../images/template/menu_divider.jpg);
    background-position: bottom;
    background-repeat: no-repeat;  
}

#header_center_contact {
    width: 205px;
    height: 24px;
    color: #03689C;
    font-family: Tahoma;
    padding: 12px 0px 0px 90px; 
    float: left;
    /*background-color: yellow;*/
}
#header_center_phone_number {
    width: 195px;
    height: 30px;
    padding-top: 6px;
    
    float: left;
    /*background-color: yellow;*/
    
    
}
#header_center_phone_number_other {
    width: 195px;
    height: 30px;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 2px;
    color: #330066;
    font-family: Tahoma;
    font-size: 25px;
    float: left;
    /*background-color: yellow;*/
    
    
}
#header_center_email {
    width: 70px;
    height: 24px;
    color: #03689C;
    font-family: Tahoma;
    padding: 12px 0px 0px 0px; 
    float: left;
    /*background-color: yellow;*/
}
#header_center_email a {
    color: #03689C;
    font-weight: bold;
    text-decoration: underline;
}
#header_right {
    width: 98px;
    float: left;
    background-color: red;
}
#footer{background: url(../images/footer.jpg) repeat-x;}
#footer a{color: #ffffff; font-weight: bold; padding:0px 8px 0px 8px;}
#footer a:hover{color:#3399cc; background-color:#FFFFFF; text-decoration: underline;}
#headerlink { padding:0px 12px 3px 12px}
#headerlink a{ color:#ffffff; font-weight:bold; padding:0px 12px 0px 12px;}
#headerlink a:hover{ color:#3399cc; background-color:#FFFFFF; text-decoration:underline;}

#home img{ border: 0px; margin: 5px;}
#home a{text-align: center; background-color: #e5e5e5; line-height: 15px; display:block; padding-bottom: 5px; text-decoration: none;}
#home a.normal{display: inline; background-color: #f8f8f8; text-decoration: none;line-height:normal; padding:0;}
#home p{padding: 5px 5px 5px 15px;}
#home H1{text-align: center; font-size: 16px;}
#home H2{text-align: center; font-size: 12px; padding-left: 15px;}

#products {width:770px; float:left;}
#products img{ border: 0px; margin: 5px;}
#products p{padding: 5px 5px 5px 15px;}

a.products_img {text-align: center; background-color: #e5e5e5; line-height: 15px; display:block; padding-bottom: 5px; text-decoration: none;}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}


.main_content {padding-left: 10px;}
.main_content p{padding: 5px 10px 5px 5px;}
.main_content ul{padding: 5px 25px;}
.main_content H1{font-size: 18px;}
.main_content H2{font-size: 16px;}
.main_content H3{font-size: 14px;}


#phone_back {background-color: lightyellow;}
#dropinboxv2cover{
width: 320px; /*change width to desired */
height: 420px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
left: 0;
top: 0;
}

#dropinboxv2{
width: 300px; /*change width to above width-20. */
height: 400px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: lightyellow;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}

#homeproducts{background:url(../images/home_bg.jpg) repeat-y; padding:10px 10px 0px 10px;}
#homeproducts img{padding:4px;}
#homeproducts h4{padding:0px 0px 0px 4px; margin:0px;}
#homeproducts p{padding:4px 6px 8px 4px;}


#ProductsMenu {
    
    width:187px; 
    border: 1px solid #D3E9F5;
    text-align:left;
    padding: 1px;
    margin-top: 5px;
}
#menu {
    width:187px; 
    background-image: url(../images/template/menu_gradient_top.gif);
    background-position: top;
    background-repeat: repeat-x;
}

#ProductsMenu ul {
    margin:0px; padding:23px 0px 0px 0px; list-style:none;  width:187px; 
    background-image: url(../images/template/menu_gradient_bottom.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 30px;
}

#ProductsMenu ul li{ 
    color:#ffffff; padding:0px 0px 0px 0px; text-align:left; background:none;
    border-bottom: 1px solid #E5E5E5;    
}
#ProductsMenu ul li a { 
    padding-top: 5px;
    padding-bottom: 5px;
}
li.selected { 
    color:#red!important; padding:0px 0px 7px 0px; text-align:left; 
    background: #2495D1!important;
    border-bottom: 1px solid #E5E5E5;
    background-image: url(../images/template/menu_arrow.gif)!important;
    background-position: 10px 10px!important;
    background-repeat: no-repeat!important;
}
li.selected a { 
    color: white!important;
}

ul.submenu {
    background-image: none!important;
    padding: 0px!important;
}
ul.submenu li {
    background-color: #EEF7FB!important;
    padding: 0px 0px 0px 12px!important;
    border-color: #E6EEF2!important;
    
}
ul.submenu li a {
    color: #03689C!important;
    font-weight: normal!important;
    
}
li.no_border {
    border-width: 0px!important;
}
#ProductsMenu a {
    color:black; line-height:17px; padding:0px 0px 0px 20px; text-decoration:none; display:block;
    font-family: Tahoma;
    font-weight: bold;
}

/*#HomeBanner{width:589px; height:367px; margin:0px; float:left; background-image:url(../images/fp-october07.jpg); background-repeat:no-repeat; background-position:bottom;}*/
#HomeBanner{width:589px; height:367px; margin:0px; float:left;}
#HomeBanner img{margin:0px;}
#HomeImage{width:589px; height:347px; float:left; z-index:1;  margin:0px; padding:0px 0px 0px 0px;}
#HomeBannerContainer{clear:both; margin:0px; width:589px; height:70px; z-index:0; padding:8px 0px 0px 0px; position:absolute; top:206px; float:left; background-color:#eef4f9; /*filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80*/;}
#HomeBannerContent H4{margin:0px; font-size:14px; font-weight:bold; text-transform: capitalize; color:#349ACB; padding:0px 0px 5px 24px;}
#HomeBannerContent p{width:340px; margin:0px; padding:0px 0px 0px 24px;}
#HomeFreeChampagne{margin:0px; width:189px; float:right; z-index:10; background-color:#FFFFFF; position:relative; right:10px;}

#Recommended{margin:0px; padding:10px 0px 0px 10px; width:165px; float:left;}
#Recommended h4{padding:0px;}

#Register{margin:0px;}
#Register td{padding:5px 0px 0px 0px; margin:0px;}

#SunAwnings{padding:0px 5px 0px 0px;}

#RequestBrochure a{color:#3399cc; text-decoration:none;}
#RequestBrochure a:hover{color:#3399cc; text-decoration:underline;}
#RequestBrochure a.greylink{color:#666666; text-decoration:none;}
#RequestBrochure a.greylink:hover{color:#666666; text-decoration:underline;}

.SunAwningstd_padding{padding:3px 10px 0px 10px;}
.SunAwningstd_padding2{padding:4px 10px 0px 10px;}
.SunAwnings_txtbox{width:198px; height:18px; border:#999999 1px inset;}
.SunAwnings_txtarea{width:198px; height:105px; border:#999999 1px inset;}

.SpecialOffers_tdbg{ background-image:url(../images/special_offers_bg.jpg); background-repeat:repeat-x;}
#SpecialOffers h4{color:#cc0033;}
#SpecialOffers a{color:#cc0033; text-decoration:none;}
#SpecialOffers a:hover{color:#cc0033; text-decoration:underline;}
#SpecialOffers p{padding:2px 3px 0px 10px;}

#freechampagne {margin:0px;}
.freechampagne_content { color:#3399cc; width:99px; float:right; padding:6px 10px 0px 0px;}
.freechampagne_padding{padding:3px 11px 0px 11px; color:#3399cc;}
.freechampagne_txtbox{width:163px; height:18px; border:#999999 1px inset;}
.freechampagne_bg{background:url(../images/freee-champagne.jpg) no-repeat left top;}
.freechampagne_mandatory{padding:5px 12px 5px 12px; color:#cc0033;}

ul{margin:0px; list-style:none; padding:0px;}
ul li{margin:0px; background:url(../images/bullet2.gif) no-repeat 0px 10px; padding:5px 0px 5px 14px;}

ul.rmail{margin:0px; list-style:none; padding:10px 0px 0px 24px;}
ul.rmail li{margin:0px; background:url(../images/bullc.gif) no-repeat 0px 4px; padding:0px 0px 0px 14px;}

#freephone{width:227px; height:21px; background-color:#cc0033; text-align:center; margin:0px; padding:8px 0px 0px 0px;}
p.toptxt{padding:0px 0px 0px 24px; text-align:left;}
p.freecolor{padding:5px 0px 0px 0px;}
p.specialoffers{padding:5px 0px 0px 0px; color:#FFFFFF; margin:0px;}
p.registration{  border:1px solid #cc0000}
p.mandatory{padding:3px 30px 0px 0px;}
p.mandatory2{padding:3px 0px 8px 0px;}
p.padding{padding:0px 0px 0px 0px;}
p.innerc{padding:15px 25px 0px 15px; text-align:left; margin:0px;}
p.txtc{padding:10px 25px 0px 24px; text-align:left; margin:0px;}

.tdcontent{padding:0px 0px 0px 24px;}
.footer{padding:0px 0px 0px 8px; background-color:#EAEAEA; color:#333333;}
.recommended{background:url(../images/recommended_bg.jpg) no-repeat top right; background-color:#FFFFFF;}
.blueleft{background:url(../images/blue_left_bg.gif) no-repeat left; background-color:#3398CC;}
.greyleft{background:url(../images/greyleft_bg.jpg) repeat-y left; background-color:#e9eae9;}
.tdcontent{padding:0px 25px 0px 24px;}
.bluetxt{color:#3399CA}
.greytxt{color:#666666}
.whitetxt{color:#FFFFFF;}
.redtxt{color:#cc0033;}
.startext{color:#3399cc; margin:0px;}
/*.brochure{ background:url(../images/brochure_bg.jpg) no-repeat 0px 40px;}*/

/* common Form Fields */
.txtbox{ width:172px; height:18px; border:#999999 1px inset;}
.txtarea{width:172px; height:108px; border:#999999 1px inset;}
.button{ border:1px solid #666666; background-color:#3398CC; color:#FFFFFF; text-align:center; font-size:11px;}
/* */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../overlay.png); }

/** html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
	}*/

.button-submit {
	width:100px;
	height:30px;
	background-color:#4297d2;
	border: 2px solid #1d4d6f;
	font-weight:bolder;
	}

#form_design_consultation_image_2 {
    width: 187px;
    height: 120px;
    border: 1px solid #C5C3C3;
    border-bottom-width: 0px;
    padding: 1px;    
    margin-top: 10px;
}
#form_design_consultation_image {
    width: 187px;
    height: 82px;
    border: 1px solid #C5C3C3;
    padding: 1px;
    margin-top: 10px;
}
#form_design_consultation_image img {
    border: 0;
}

#improve_your_home {
    width: 187px;
    height: 112px;
    border: 1px solid #C5C3C3;
    padding: 1px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#improve_your_home img {
    border: 0;
}
    
#form_design_consultation_container {
    width: 187px;
    border: 1px solid #C5C3C3;
    padding: 1px;
}

#form_design_consultation {
    width: 187px;
    padding-top: 10px;
    background-image: url(../images/template/form_background.gif);
    background-position: top;
    background-repeat: repeat-x;
    
}
#form_design_consultation label {
    display:block;
    padding-top: 2px;
    width: 80px;
    float: left;
    text-align: right;
    color: black;
    font-size: 11px;
}
#form_design_consultation input {
    border: 1px solid #B8B8B8;
    width: 100px;
}
#form_design_consultation select {
    border: 1px solid #B8B8B8;
    width: 180px;
}
.form_design_consultation_button {
    width: 57px!important;
    border-width: 0px!important;
}
#form_design_consultation div {
    padding-bottom: 2px;
    color: black;
}
img.sale_upto_40 {
    float: right;
    padding-top: 30px;
}

.special_offers_field {
    padding: 3px 5px 0px 15px;
}
.special_offers_txtbox {
    width:193px;
    height:18px; 
    border:1px solid #B8B8B8;
}