/* 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-color:#666;
	margin:0 auto auto 0; 
	padding:0;
	height:100%;
	
}
#wrapper {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#FFF;
	/*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: 980px; /* sets min-width value for all standards-compliant browsers */
	

}


/* Page Structure */

/* Page Structure */
#container {

    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 0px;
    width:980px;
    background-color:#FFF;
	overflow: hidden;
	
}



#main_container {
	width:980px;
	margin: 0 auto;
	background-color:#FFF;
	
}

#site_header {
	width:980px;
	height:150px;
}

#site_header .thera-logo {
	float:left;
	width:560px;
	height:150px;
}

#site_header .top-nav{
	float:right;
	width:420px;
	height:150px;
}

#main-nav {
   float:left;
   width:980px;
   height:37px;

}



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

#content {
	float:left;
	width:510px;
	background-color:#FFF;
	min-height:500px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
}

#content p {
	margin-bottom:12px;
	padding-right:10px;
	
}

#content h1 {
	margin-top:30px;
	margin-bottom:5px;
	color:#039;
	font-size:20px;
	font-weight:bold;
}

#content h2 {
	margin-top:10px;
	margin-bottom:5px;
	color:#039;
	font-size:14px;
	font-weight:bold;
}

#content a {
  color:#8dc63f;
  font-weight:bold;
  text-decoration: none;
}

#content a:hover {
  color:#39F;
  font-weight:bold;
  text-decoration: none;
}


a:hover {
  color: #AABBDD;
  text-decoration: underline;
}

hr {
	margin:0px;
	color:#CCC;
}





#footer {
	width:980px;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:#ffffff;
	clear:both;
	font-size:11px;
}

#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;
}

.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:980px;
   height:auto;
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Verdana;
   font-size:12px;   
   
}

.column_left
{
	float:left;
	width:245px;
	height:auto;
	min-height:500px;
	background-color:#FFF;
}

.column_right
{
    float:right;
	width:225px;
	height:auto;
	min-height:500px;
	background-color:#FFF;
}

.testimonials_p
{
	margin-top:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	border-bottom:1px dashed #09F;
	
}

.greyText { color:#666;}

.blueText { color:#09F;}
.blueTextlbl { color:#09F; font-size:13px; font-weight:bold;}
.blueTextlarge { color:#09F; font-size:20px; font-weight:bold;}
.blueTextmedium { color:#09F; font-size:15px; font-weight:bold;}

#content blueText { color:#09F;}
#content blueTextlbl { color:#09F; font-size:13px; font-weight:bold;}
#content blueTextlarge { color:#09F; font-size:20px; font-weight:bold;}
#content blueTextmedium { color:#09F; font-size:15px; font-weight:bold;}


.boxGreenbg {background-color:#8dc63f;}


.side_menu_box
{
	float:left;
	width:200px;
	height:190px;
	margin-top:31px;
	margin-left:20px;
	margin-right:20px;
	
	
	color:#039;
    font-size:14px;
	font-weight:bold;
	line-height:25px;
	}
.side_menu_box a {
  color:#8dc63f;
  font-weight:bold;
  text-decoration: none;
  padding:0px;
  margin:0px;
}

.side_menu_box ul  
{
	list-style:none; 
	list-style-position:outside;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
}

.side_menu_box li 
{
	list-style:none; 
	list-style-position:outside;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
}


.side_menu_box a:hover, a:active {
  color:#039;
  font-weight:bold;
  text-decoration: none;
}
.side_menu_box active {
  color:#039;
  font-weight:bold;
  text-decoration: none;
}

.login_box
{
	width:200px;
	height:200px;
	margin:10px;
	margin-left:20px;
}

#login
{
	width:300px;
	height:110px;
	margin:50px auto;
	border:1px solid #999;
	padding:20px;
	
}

#login input[type=text] {
	display:block;
	margin: 0 auto 1em auto;
	width:175px;
	border:1px solid #999;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	padding:5px;
	
}

#login input[type=password] {
	display:block;
	margin: 0 auto 1em auto;
	width:175px;
	border:1px solid #999;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	padding:5px;
	
}


.columnBox
{
	float:left;
	width:200px;
	height:170px;
	margin:10px;
	margin-left:20px;
	margin-right:20px;
	}
.columnBoxRight
{
	width:205px;
	
	margin:10px;
	}

.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;
	 
}

.side-nav
{

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


.nav-imager-banner
{
   float:left;
   width:980px;
   height:316px;
   background-color:#fff;
   
}

.banner_image
{
	float:right;
	width:735px;
	height:316px;
	background-color:#fff;
}

.mag_page_nav
{
   clear:both;
   float:left;
   width:980px;
   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;
}

/* Other Products */

.OP_button a {
display:block;
width: 250px;
height:40px;
background:url(images/btn_other_products.png) 0 0 no-repeat;
text-decoration: none;
}
.OP_button a:hover { 
background-position: -250px 0px;
color: #049;
}
.OP_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;
}

#products_menu
{
	width:725px;
	height:110px;
	margin-left:255px;
	
}

h1 {
	margin-top:30px;
	margin-bottom:5px;
	color:#039;
	font-size:20px;
	font-weight:bold;
}