/* Sunshade Blinds & Drapery */

html {min-height: 100%;}
* html #wrapper, #body { 
   width: expression( document.body.clientWidth < 986 ? "986px" : "auto" ); /* set min-width for IE */
   min-width: 986px; /* sets min-width value for all standards-compliant browsers */
   margin: 0 auto auto 0;
   padding: 0;
   overflow: hidden;
   
}


* html #footer-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: #fff;         /* Same as body 
                               background */
}

body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:.8em;
	font-style:normal;
	line-height:18px;
	color:#333333;
	/*background-image:url(images/bg_page.gif);*/
	background:url(images/bg.gif);
	background-color:#cde0f4;
	margin:0 auto auto 0; 
	padding:0;
	height:100%;
	
}
#wrapper {
	width: 1080px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(images/bg.gif); /*repeat-y top #cde0f4;#F2F2F2;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*width: expression( document.body.clientWidth < 990 ? "986px" : "auto" );*/ /* set min-width for IE */
    min-width: 986px; /* sets min-width value for all standards-compliant browsers */
	

}

/*  
body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	line-height:normal;
	
	color:#000000;
	background-image:url(images/bg_page.gif);
	background-position:top;
	background-repeat:repeat-y;
	background-color:#cde0f4;
	margin:0;
	padding:0;
}*/
/*
a:link { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:underline; 
	color:#546785;
}

a:visited { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:underline; 
	color:#546785;
}

a:hover, a:active { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:none; 
	color:#546785;
}

*/
h1 { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:14px;
	line-height:18px;
	color:#546785;
	text-transform:uppercase;
}

h2 { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:13px;
	color:#546785;
}

h3 { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	color:#000000;
}

/* Page Structure */

/* Page Structure */
#container {

    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 0px;
    width:986px;
    background:#FFF;
	overflow: hidden;
	border:10px solid #CCC;
}

/*#main_container {
	width:986px;
	margin: 0 auto;
	position:relative;
	
	
}*/


#main_container {
	width:1006px;
	margin: 0 auto;
	/*background-image:url(images/bg_maincontainer.jpg);
	background-position:top;
	background-repeat:repeat-y;*/
	background-color:#FFF;
	
}

#top_banner {
	width:986px;
	height:130px;
	background:url(images/phone.jpg) top right no-repeat;
	
	border-bottom: solid 4px #666666;
}

#main_banner {
	width:986px;
	height:250px;
}

#content {
	width:986px;
	min-height:400px;
	border: solid 0px red;
}

#footer {
	width:986px;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:#768fb8;
	clear:both;
}

#footer a:link { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:underline; 
	color:#ffffff;
}

#footer a:visited { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:underline; 
	color:#ffffff;
}

#footer a:hover, a:active { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:none; 
	color:#ffffff;
}

/* Main Navigation */

#main_nav {
	width:956px;
	height:45px;
	background-image:url(images/bg_mainnav.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:right;
	padding: 8px 30px 0 0;
	border: solid 0px red;
}

#main_nav ul {
	list-style:none;
	margin:0 0 0 -10px;
	#margin:0 0 0 0;
	text-transform:uppercase;
	color:#ffffff;
}

#main_nav li {
	margin:0 0 0 -10px;
	margin:0 0 0 0;
	display:inline;
}

#main_nav a:link { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:none; 
	color:#ffffff;
}

#main_nav a:visited { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:none; 
	color:#ffffff;
}

#main_nav a:hover, a:active { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:underline; 
	color:#ffffff;
}

/* Other Stuff */

.logo {
	width:300px;
	float:left;
	padding: 15px 0 0 40px;
	border: solid 0px red;
}

.top_buttons {
	width:260px;
	float:right;
	padding: 75px 20px 0 0;
	border: solid 0px red;
}

.top_buttons a:link { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:none; 
	color:#546785;
}

.top_buttons a:visited { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:none; 
	color:#546785;
}

.top_buttons a:hover, a:active { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:12px;
	text-decoration:none; 
	color:#ffffff;
}

.text {
	width:580px;
	border: solid 0px red;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}

.text a:link {
	text-decoration:none;
	color:#069;
	
}

.text_about_us {
	width:auto;
	border: solid 0px red;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}

.text_faq {
	width:auto;
	border: solid 0px red;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 40px;
}

.text_shutter {
	width:370px;
	border: solid 0px red;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 40px;
}


/* Top Buttons */

.specials_button {
	width:130px;
	height:30px;
	text-align:center;
	text-transform:uppercase;
	float:left;
	background-image:url(images/bg_topbuttons.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.whatsnew_button {
	width:130px;
	height:30px;
	text-align:center;
	text-transform:uppercase;
	float:right;
	background-image:url(images/bg_topbuttons.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.padding {
	padding: 9px 0 0 0;
	display:block;
	border: solid 0px red;
}

/* Subheads */

.subhead_home {
	width:600px;
	height:40px;
	background-image:url(images/gfx_subletter_home.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_about {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_about.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_blinds {
	width:633px;
	height:120px;
	background-image:url(images/gfx_subletter_blinds.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_shutters {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_shutters.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_drapery {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_drapery.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_more {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_more.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_commercial {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_commercial.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_faqs {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_faqs.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_contact {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_contact.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_specials {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_specials.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_whatsnew {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_whatsnew.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_text {
	width:375px;
	height:40px;

	font-size:16px;
	line-height:20px;
	color: #0A0C38;/*#546785;*/
	text-transform:none;
	padding: 10px 0 10px 40px;
	border: solid 0px red;
}

.subhead_energyefficent {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_energyefficent.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_exteriorproducts {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_exteriorproducts.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}

.subhead_links {
	width:650px;
	height:40px;
	background-image:url(images/gfx_subletter_links.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	border: solid 0px red;
}



.image {
	
	float:right;
	width:500px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	height:auto;
	
	}
	
.home_page_image_b {
	
	float:left;
	width:200px;
	height:160px;
	margin-top:60px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:20px;
	
}

.image_about_us {
	
	float:right;
	width:300px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	height:auto;
	
}

.shutter_gallery {
	
	float:right;
	width:545px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	height:auto;
	
}
.anniversary
{
	float:right;
	width:188px;
	margin-left:10px;
	margin-right:50px;
	}
	
img {
	border:none;
}
.mag_style_layout
{
   float:left;
   width:986px;
   height:auto;
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
   font-size:12px;   
   
}

.mag_style_column_left
{
	float:left;
	width:633px;
	height:auto;
}

.mag_style_column_right
{
    float:right;
	width:350px;
	height:500px;
}

.mag_style_top_menu
{
	float:right;
	margin-top:75px;
	width:622px;
	height:28px;
	/*background-image:url(images/top_menu.png);*/
	background-repeat:no-repeat;
}
.mag_style_footer
{
	 clear:both;
	 float:left;
	 width:986px;
	 
}

.mag_style_side_menu
{

    float:left;
	width:250px;
	height:320px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
	font-size:13px;
	background-color:#305980; /* temp colour */
	color:#FFFFFF;
}


.mag_banner
{
   float:left;
   width:986px;
   height:320px;
   background-color:#fff;
   
}

.mag_banner_image
{
	float:left;
	width:736px;
	height:320px;
}

.mag_page_nav
{
   clear:both;
   float:left;
   width:986px;
   height:35px;
   /*background:url(ASSETS/Sunshade10_horiz.png) no-repeat top left;*/
   background-color:#e3dec1;
   /*b waiting for final colour*/
   
}


.blinds_img
{
   border:1px solid #CCCCCC;
}


#sm_top
{
	float:left;
	width:250px;
	height:14px;
	background-image:url(images/sm_up_top.png) no-repeat top left;
}

#sm_bottom
{
	float:left;
	width:250px;
	height:66px;
	background-image:url(images/sm_bottom.png) no-repeat top left;
}

#btn_hunter_douglas
{
	float:left;
	width:250px;
	height:40px;
	

}

#btn_hunter_douglas a:link
{
	text-decoration: none;
	border:none;
	background-image:url(images/btn_hunter_douglas_up.png) no-repeat top left;
}

#btn_hunter_douglas a:hover
{
	text-decoration: none;
	border:none;
	background-image:url(images/btn_hunter_douglas_over.png) no-repeat top left;
}

.HD_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_hunter_douglas.png) 0 0 no-repeat;
text-decoration: none;
}
.HD_button a:hover { 
background-position: -250px 0px;
color: #049;
}
.HD_button a:active {
background-position: -250px 0px;
color:#fff;
}

/* MORE BLINDS */
.MB_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_more_blinds.png) 0 0 no-repeat;
text-decoration: none;
}
.MB_button a:hover { 
background-position: -250px 0px;
color: #049;
}
.MB_button a:active {
background-position: -250px 0px;
color:#fff;
}

/* Shutters */

.Shutters_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_shutters.png) 0 0 no-repeat;
text-decoration: none;
}
.Shutters_button a:hover { 
background-position: -250px 0px;
color: #049;
}
.Shutters_button a:active {
background-position: -250px 0px;
color:#fff;
}

/* DRAPERY */

.Drapery_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_drapery.png) 0 0 no-repeat;
text-decoration: none;
}
.Drapery_button a:hover { 
background-position: -250px 0px;
color: #049;
}
.Drapery_button a:active {
background-position: -250px 0px;
color:#fff;
}

/* Specialty and Motorized */

.SAM_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_specialty_motorized.png) 0 0 no-repeat;
text-decoration: none;
}

.SAM_button a:hover { 
background-position: -250px 0px;
color: #049;
}

.SAM_button a:active {
background-position: -250px 0px;
color:#fff;
}

/* Exterior Products */

.EP_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_exterior_products.png) 0 0 no-repeat;
text-decoration: none;
}
.EP_button a:hover { 
background-position: -250px 0px;
color: #049;
}
.EP_button a:active {
background-position: -250px 0px;
color:#fff;
}

/* Commercial Contract */

.CC_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_commercial_contract.png) 0 0 no-repeat;
text-decoration: none;
}
.CC_button a:hover { 
background-position: -250px 0px;
color: #049;
}
.CC_button a:active {
background-position: -250px 0px;
color:#fff;
}

.mag_style_HD_logo
{
	float:left;
	margin-top:20px;
	width:350px;
	height:75px;
	text-align:center;
}
.mag_style_video
{
	float:left;
	width:350px;
	height:250px;
	background-color:#FFF;
	
}

.mag_style_empty
{
	float:left;
	width:330px;
	height:300px;
	background-color:#FFF;
	padding:10px;
	
}

.gaurantee
{
	float:left;
	width:330px;
	height:370px;
	background-color:#FFF;
	padding:10px;
	
}

.logo_strip
{
	float:left;
	width:633px;
	height:56px;
	text-align:center;
	border-top:1px solid #CCC;
	
}

.blinds_cat
{
	width:545px;
	font-size: 14px;
	font-weight: bold;
	color: #768FB8;
	border-bottom:1px solid #768FB8;
}

.HD_catagory
{
	float:left;
	margin-top:20px;
	margin-right:20px;
	width:260px;
	height:50px;
	border:1px solid #ccc;
}
.mag_Shutters
{
	float:left;
	margin-top:20px;
	margin-right:10px;
	width:260px;
	height:50px;
	border:1px solid #ccc;
}


.HD_spacer
{
	float:left;
	width:570px;
	height:30px;
}

.energy_efficinct_box
{ 
	float: left;
	width:500px;
	border:1px solid #ccc;
	background:url(images/paper_bg.png) repeat-x bottom;
	padding:10px;
}

.elite
{
	float:left;
	width:550px;
	border:1px solid #999;
}
.specials_logos
{
	float:left;
	
}

#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}

.staff_box
{ 
	float: left;
	width:147px;
	border:1px solid #ccc;
	background:url(images/paper_bg.png) repeat-x bottom;
	padding:10px;
	margin-top:0px;
	margin-right:10px;
}

.phone_number
{
	float:right;
	width:300px;
	height:40px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#5c92c3;
	text-align:right;
	padding-right:20px;
}

.awards_box
{	
	float: left;
	width:250px;
	/^border:1px solid #ccc;
   	background:url(images/paper_bg.png) repeat-x bottom; */
	padding: 10px;
	margin-right:10px;
	margin-top: 10px;
}


#appointment_box
{
	position: absolute;
	width:175px;
	border:1px solid #ccc;
	background:url(images/paper_bg.png) repeat-x bottom;
	padding:10px;
	margin-top:70px;
	margin-left:175px;
	color: #06C;
	
}