body, html {
	background: #e9d3ab url(images/bgnew.gif) repeat-x;
	text-align: left;
	margin: 0px auto;
	padding-top: 5px;
	border:0; 
	height: 100%;
	font-family: "Trebuchet MS", sans-serif;}

#bodycontainer{
	background: #FFFFFF;
	border-bottom: #A88E5C solid 2px;
	border-left: #A88E5C solid 2px;
	border-right: #A88E5C solid 2px;
	margin-right:auto;
	margin-left:auto;
	padding: 5px;
	width: 982px;}

#header{
	background: #FFFFFF url(images/headerbg.gif) repeat-x;
	margin-right:auto;
	margin-left:auto;
	width: 992px;
	height: 116px;
	border-top: #A88E5C solid 2px;
	border-left: #A88E5C solid 2px;
	border-right: #A88E5C solid 2px;}
	
#header #navigation{
	margin: 84px auto auto auto;
	width: 982px;
	height: 32px;}
	
#contentcontainer{
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	width: 750px;}
	
#contentcontainer #productimage{
	float: right;
	text-align: right;
	width: 380px;}
	
#contentcontainer #right{
	float: right;
	text-align: right;}
	
#contentcontainer #productdetail{
	text-align: left;
	width: 367px;
	height: 240px !important;
	height: 238px;}
	
#contentcontainer #productlist{
	margin-top: 14px !important;
	margin-top: 0px;
	margin:0 auto;
	width: 759px;}
	
#contentcontainer #productfeatures{
	margin-top: 14px;
	width: 759px;}
	
#contentcontainer #productfeatures #leftcontainer{
	float: left;
	width: 365px;}
	
#contentcontainer #productfeatures #rightcontainer{
	float: right;
	width: 355px;}
	
#productdetailtop{
	text-align: left;
	width: 759px;
	height: 380px;}
	
#contacttop{
	text-align: left;
	width: 759px;
	height: 200px;}
	
#details{
	text-align: left;
	background-color: #F2F2F2;
	border: solid 1px #D4D4D4;
	padding: 4px;
	width: 359px;
	height: 100px;}

#hometext{
	background-color:#EFF4F5;
	border: 1px solid #CFDEE1;
	margin-top: 1px;
	margin-bottom: 4px;
	margin-right:auto;
	margin-left:auto;
	padding: 5px;
	text-align: left;
	width: 752px;}
	
#footer{
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	width: 982px;}

#specialcolumn{
	background: #BAE3E7;
	width: 215px;
	padding: 5px;
	margin-top: 5px;
	float: right;}

td.leftcolumn{
	background: #69855D;
	width: 207px;
	padding: 5px;}

.right5{
	margin-right: 5px;
	margin-top: 2px;
	margin-left: 2px;
	margin-bottom: 2px;}	
	
.specialbox{
	border: dashed 1px #303030;
	height: 225px;
	width: 362px;
	padding: 8px;}

.specialboxlong{
	border: dashed 1px #303030;
	width: 735px;
	height: 225px;
	padding: 8px;}		

.inlinetitle{
	width: 759px;
	height: 50px;}	

.inline{
	width: 572px;
	height: 215px;}
	
.inlineshutters{
	margin-top: 20px;
	width: 759px;
	height: 67px;}
	
.menusize {
	display: block;
	text-align: left;
	height: 216px;
	width: 188px;
	float: left;
	margin-bottom: 1px;}
	
.shuttermenusize {
	background: #DCC859;
	display: block;
	height: 94px;
	width: 248px;
	float: left;}

.leftmenu {
	display: block;
	margin-top: 1px;
	padding: 0}

.leftmenu a {
	display: block;
	text-decoration: none}
	
.leftmenu {
	font-size: 11px; 
	color: #4D4D4D}

a.leftmenu {
	color: #4D4D4D;
	text-decoration: none;}

a.leftmenu:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #316E7E}
	
.shuttermenu {
	display: block;
	padding: 0}

.shuttermenu a {
	display: block;
	height: 94px;
	text-decoration: none}
	
.shuttermenu {
	font-size: 11px; 
	height: 94px;
	color: #000000}

a.shuttermenu {
	height: 94px;
	text-decoration: none;}

a.shuttermenu:hover {
	height: 94px;
	text-decoration: none;
	background: #BFA61D}
	
.alustramenu {
	display: block;
	margin-top: 1px;
	padding: 0}

.alustramenu a {
	display: block;
	background-color: #EBF1F5;
	text-decoration: none}
	
.alustramenu {
	font-size: 11px; 
	background-color: #EBF1F5;
	color: #4D4D4D}

a.alustramenu {
	color: #4D4D4D;
	text-decoration: none;}

a.alustramenu:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #316E7E}
	
table.features{ 
	text-align: center;
	margin-left: 1px;
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D;
	border: 1px #D4D4D4 solid;
	border-collapse: collapse;
	border-spacing: 0px;}
	
th.features{ 
	padding: 4px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #4C6C81; }
	
th.featuresalt{ 
	padding: 4px;
	border: solid 0 #E4E4E4;
	border-top-width: 1px; 
	border-bottom-width: 1px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	background-color: #F2F2F2;
	color: #4C6C81; }
	
td.features{ 
	background-color: #fafafa;
	padding: 4px;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D; }
	
td.featuresalt{ 
	background-color: #F2F2F2;
	padding: 4px;
	border: solid 0 #E4E4E4;
	border-top-width: 1px; 
	border-bottom-width: 1px; 
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D; }

td.checklist{ 
	background-color: #ECF4F4;
	text-align: left;}

td.checklistanswer{ 
	background-color: #ECECEC;
	text-align: center;
	font-weight: bold;}
	
.contactalt{ 
	font-size: 12px;
	background-color: #F2F2F2;
	color: #4D4D4D; }
	
#howwemake{
	background: url(images/howwemake.jpg) no-repeat;
	float: right;
	margin-left: 15px;
	padding: 50px 0px 0px 15px;
	width: 326px;
	height: 282px;}

/* Text Styles */

h1{
	font-size: 20px; 
	font-weight: bold;
	color: #008491;}
	
h2{
	color: #008491;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;}
	
h3{
	color: #525252;
	font-size: 16px;
	margin: 0px 0px 4px 0px;}

ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;}

li{
	padding: 0px;
	margin-left: 14px;}

.red12 {
	font-size: 12px; 
	font-weight: bold;
	color: #FF0000}

.red18 {
	font-size: 18px; 
	font-weight: bold;
	color: #FF0000}

a.red18 {
	font-size: 18px; 
	font-weight: bold;
	text-decoration: none;
	color: #FF0000}

a.red18:hover {
	font-size: 18px; 
	font-weight: bold;
	text-decoration: underline;
	color: #FF0000}

.boldtext {
	font-size: 12px; 
	font-weight: bold;
	color: #4D4D4D}
	
a.boldtext {
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	color: #008491}
	
a.boldtext:hover {
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	color: #008491}

.boldtext11 {
	font-size: 11px; 
	font-weight: bold;
	color: #FFFFFF}
	
a.boldtext11 {
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF}
	
a.boldtext11:hover {
	font-size: 11px; 
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF}

.boldtext14 {
	font-size: 14px; 
	font-weight: bold;
	color: #008491}
	
a.boldtext14 {
	font-size: 14px; 
	font-weight: bold;
	text-decoration: none;
	color: #008491}
	
a.boldtext14:hover {
	font-size: 14px; 
	font-weight: bold;
	text-decoration: underline;
	color: #008491}
	
.detailtext {
	font-size: 12px; 
	line-height:18px;
	font-weight: bold;
	color: #4C6C81}
	
a.detailtext {
	font-size: 12px; 
	line-height:18px;
	font-weight: bold;
	text-decoration: none;
	color: #4C6C81}
	
a.detailtext:hover {
	font-size: 12px; 
	line-height:18px;
	font-weight: bold;
	text-decoration: underline;
	color: #4C6C81}

.text {
	font-size: 12px; 
	color: #4D4D4D}

a.text {
	font-size: 12px; 
	text-decoration: none;
	color: #008491}

a.text:hover {
	font-size: 12px; 
	text-decoration: underline;
	color: #008491}
	
.text10 {
	font-size: 10px; 
	color: #4D4D4D}

a.text10 {
	font-size: 10px; 
	text-decoration: none;
	color: #B2673D}

a.text10:hover {
	font-size: 10px; 
	text-decoration: underline;
	color: #B2673D}
	
.text11 {
	font-size: 11px; 
	color: #000000}

a.text11 {
	font-size: 11px; 
	text-decoration: none;}

a.text11:hover {
	font-size: 11px; 
	text-decoration: underline;}

.specialtext {
	font-size: 12px; 
	color: #000000}
	
a.specialtext {
	font-size: 12px; 
	text-decoration: none;
	color: #000000}
	
a.specialtext:hover {
	font-size: 12px; 
	text-decoration: none;
	color: #000000}

.browsebyproduct {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF}

a.browsebyproduct {
	font-size: 12px; 
	text-decoration: none;
	line-height: 16px;
	color: #FFFFFF}

a.browsebyproduct:hover {
	font-size: 12px; 
	text-decoration: underline;
	line-height: 16px;
	color: #FFFFFF}

.text16 {
	font-weight: bold;
	font-size: 16px; 
	color: #4D4D4D}
	
.footertext {
	font-size: 10px; 
	color: #7F7F7F}

a.footertext {
	font-size: 10px; 
	text-decoration: none;
	color: #7F7F7F}

a.footertext:hover {
	font-size: 10px; 
	text-decoration: underline;
	color: #7F7F7F}
	
/* Text box styles */

.textbox  { 
	font-family:tahoma,arial; 
	width: 160px;
	font-size:11px; color:#4D4D4D; 
	border:1px solid #898C90}
	

/* Navigation button rollovers */

img{
	border: 0px;}

a{
	text-decoration: none;}

#logo a{
	background: url(images/logonew.gif) no-repeat;
	width: 315px; 
	height: 84px;
	float: left;}

#contact a{
	background: url(images/btn-contact.gif) no-repeat;
	width: 160px; 
	height: 77px;
	float: right;}

#sanantonio a{
	background: url(images/insanantonio.gif) no-repeat;
	width: 225px; 
	height: 39px;
	margin-top: 20px;
	margin-right: 50px;
	float: right;}

#phone a{
	background: url(images/phonenumber.gif) no-repeat;
	width: 140px; 
	height: 53px;
	margin-right: 50px;
	float: right;}

#nav-hunterdouglas a {
	background: url(images/n-hunterdouglas.gif) no-repeat top;
	width: 148px; 
	height: 32px;
	float: left;}
	
#nav-hunterdouglas a:hover {
	background: url(images/n-hunterdouglas.gif) no-repeat bottom;}

#nav-shutters a {
	background: url(images/n-shutters.gif) no-repeat top;
	width: 206px; 
	height: 32px;
	float: left;}
	
#nav-shutters a:hover {
	background: url(images/n-shutters.gif) no-repeat bottom;}

#nav-about a {
	background: url(images/n-about.gif) no-repeat top;
	width: 101px; 
	height: 32px;
	float: left;}
	
#nav-about a:hover {
	background: url(images/n-about.gif) no-repeat bottom;}

#nav-showroom a {
	background: url(images/n-showroom.gif) no-repeat top;
	width: 110px; 
	height: 32px;
	float: left;}
	
#nav-showroom a:hover {
	background: url(images/n-showroom.gif) no-repeat bottom;}

#nav-testimonials a {
	background: url(images/n-testimonials.gif) no-repeat top;
	width: 125px; 
	height: 32px;
	float: left;}
	
#nav-testimonials a:hover {
	background: url(images/n-testimonials.gif) no-repeat bottom;}

#nav-faq a {
	background: url(images/n-faqs.gif) no-repeat top;
	width: 70px; 
	height: 32px;
	float: left;}
	
#nav-faq a:hover {
	background: url(images/n-faqs.gif) no-repeat bottom;}

#nav-specials a {
	background: url(images/n-specials.gif) no-repeat top;
	width: 95px; 
	height: 32px;
	float: left;}
	
#nav-specials a:hover {
	background: url(images/n-specials.gif) no-repeat bottom;}
	
#nav-motorization a {
	background: url(images/n-motorization.gif) no-repeat top;
	width: 127px; 
	height: 32px;
	float: left;}
	
#nav-motorization a:hover {
	background: url(images/n-motorization.gif) no-repeat bottom;}
	
.buttonabout {
	float: left; 
	width: 87px}

.buttonabout a {
	background-image: url(images/nav-about.gif);
	display:block;
	height: 23px;
	width: 87px}

.buttonabout a:hover {
	background-image: url(images/nav-about-o.gif);}
	
.buttonbuilders {
	float: left; 
	width: 118px}

.buttonbuilders a {
	background-image: url(images/nav-builders.gif);
	display:block;
	height: 23px;
	width: 118px}

.buttonbuilders a:hover {
	background-image: url(images/nav-builders-o.gif);}
	
.buttonfaq {
	float: left; 
	width: 68px}

.buttonfaq a {
	background-image: url(images/nav-faq.gif);
	display:block;
	height: 23px;
	width: 68px}

.buttonfaq a:hover {
	background-image: url(images/nav-faq-o.gif);}
	
.buttonhunter {
	float: left; 
	width: 122px}

.buttonhunter a {
	background-image: url(images/nav-hunter.gif);
	display:block;
	height: 23px;
	width: 122px}

.buttonhunter a:hover {
	background-image: url(images/nav-hunter-o.gif);}
	
.buttonshowroom {
	float: left; 
	width: 94px}

.buttonshowroom a {
	background-image: url(images/nav-showroom.gif);
	display:block;
	height: 23px;
	width: 94px}

.buttonshowroom a:hover {
	background-image: url(images/nav-showroom-o.gif);}
	
.buttonshutters {
	float: left; 
	width: 168px}

.buttonshutters a {
	background-image: url(images/nav-shutters.gif);
	display:block;
	height: 23px;
	width: 168px}

.buttonshutters a:hover {
	background-image: url(images/nav-shutters-o.gif);}
	
.buttontestimonials {
	float: left; 
	width: 107px}

.buttontestimonials a {
	background-image: url(images/nav-testimonials.gif);
	display:block;
	height: 23px;
	width: 107px}

.buttontestimonials a:hover {
	background-image: url(images/nav-testimonials-o.gif);}
	
/* HD style info */	
#popquestion{
 position: absolute;
 top: 40px;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
 }

#popquestion a img{ border: none; }

#overlay{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 100%;
 }

#movie_player {
 position: absolute;
 top: 40px;
 width: 100%;
 height: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
 }

#movie_player a img{ border: none; }

#movie_wrapper {
 width: 542px;
 height: 501px;
 background-image: url(http://www.hunterdouglas.com/images/movie_bkg.gif);
}

#movie_closer {
 width: 542px;
 height: 31px;
}

#movie_content {
 width: 480px;
 height: 409px;
 text-align: center;
 line-height: 14;
}

#movie_foot {
 width: 542px;
 height: 61px;
}


/* Feature box */
#featured{ 
	margin: auto;
	width:500px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #347678; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:500px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:500px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:0px; left:0; 
	height:250px; 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#347678; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#145153;
}
#featured .info a{ 
	text-decoration:none; 
	color:#145153; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}