body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 80%;
margin: 0px 0px 0px 0px;
background-color: #eee;
padding:3px;
}

h1, h2, h3{
 font-size: 14px;
}
ul{
padding: 0px;
margin:0px;
}

#content{
 padding: 0px;
margin: 0px;

}
div#center{

min-width: 972px;
margin-right: auto;
margin-left: auto;
width: 972px;
background-color: #fff;
border: 1px solid #ddd;
padding:2px;
overflow: hidden;
}

#header
{
 min-width: 760px;
 max-width: 980px;
 margin-left: 10px;
 margin-right: 10px;
 background-color: white;
 background-image: url(/images/style/background.gif);
 background-repeat: no-repeat;
 background-position: left center;
 border: 0px;
 height: 100px;
 padding: 0px;
 position:relative;
}
#offers{
height: 20px;
padding: 1px 3px 6px 3px;;
font-size: 12px;
font-weight: bold;
float:left;
text-transform: uppercase;
}

#offers, #delivery{
  width: 134px;
  height: 110px;
  background-image: url(/images/style/free_delivery.gif);
  background-repeat: no-repeat;
  position: absolute;
  margin:0px;
  padding: 0px;
  top: 2px;
  left: 2px;
  z-index: 106;
  opacity: 0.9;
  filter: alpha(opacity=90);
  border: 1px solid #000;
}

#shutters{
  width: 135px;
  height: 142px;
  background-image: url(/images/shutter.gif);
  background-repeat: no-repeat;
  position: absolute;
  margin:0px;
  padding: 0px;
  bottom: 2px;
  left: 2px;
  z-index: 107;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#menu{
 width: 100%;
 height: 25px;
 background-image: url(/images/style/menu_bg.gif);
 background-repeat: repeat-x;
 margin-bottom: 3px;
 padding: 0px;
 margin: 0px;
}

#menu li{
 list-style: none;
 padding-top: 3px;
 padding-bottom: 3px;
 margin: 0px;
 padding: 0px;

}
#menu li{
 display:inline;
 float:left;
}

#menu li a{
 color: white;
 text-decoration: none;
 padding: 2px 10px 5px 10px;
 margin-right: 1px;
 display:block;
 border-right:1px solid #aaa;
 background-color: #5f1d2b;


 }
 #menu li a:hover{
  background-color:#ece3de;
  color: #5f1d2b;
 }
 .menu {
margin-top: 30px;
color: black;
text-decoration:none;
font-size: 9px;
text-align: center;
}


a{
 color: black;
 text-decoration: none;
}
.menu a:hover{
 color: #888;
 text-decoration: underline;
}

.menu:hover{
 color:#777;

}


#quick_quote{
 width:  295px;
 height: 400px;
 border: 1px solid black;
 float:left;
 padding:0px;
 }

 #right_side{
  width: 665px;
  height:400px;
  float:left;
  margin-left: 5px;
  padding-top: 4px;
 }

 #gallery{
  width:660px;
  height:265px;
  border: 1px solid black;
  position: relative;
  overflow: hidden;

 }

 #gallery img {
 	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
 }

 #gallery img.active {
	z-index: 10;
	opacity: 1.0;
 }

 #gallery img.last-active {
	z-index: 9;
 }

#gallery #carouseldiv
{
	position : absolute;
	top: 0;
	left: 0;

}

 #header_right {
  float:right;
  text-align:right;

 }


 .color{
  margin-right: 3px;
  margin-top: 3px;
  float: left;
  width: 128px;
  height: 130px;
  border: 1px solid #999;
  background-color:#EBE0CC;
  text-decoration: none;
  color: black;
  opacity: 0.9;
    filter: alpha(opacity=90);

  }
  .color_text a{
   display:block;
   color: black;
   text-decoration: none;
   height: 23px;
   padding: 5px;
   text-align: center;
  }

 .color img{
  border-bottom: 1px solid black;
  height: 97px;
 }
 .color:hover{
  border: 1px solid #000;
  opacity: 1.0;
    filter: alpha(opacity=100);
 }

  #blind_types{
   width: 520px;
   height: 100px;
   padding: 3px;
   float:left;
  }

  #slat_widths{
   margin-left: 15px;
   width: 415px;
   height: 125px;
   padding: 6px;
   border-left: 1px solid #ddd;
   float:left;
  }

  #blind_types h2, #slat_widths h2 ,#brands h2{

   padding:0px;
   margin:0px;
   margin-bottom: 5px;
   font-size: 14px;
   font-weight: bold;
   }


 #blind_width h2{
  color: #5f1d28;
 }

 #slat_widths h2{
  color: #ece3de;
 }

  .feature{
  margin-top: 3px;
  margin-left: 3px;
  float: left;
  width: 100px;
  height: 90px;
  text-decoration: none;
  background-image: url(/images/style/feature_bg.gif);
  background-repeat: no-repeat;
  color: black;
  padding: 0px;
  padding-top:6px;
  text-align: center;
  }

  .feature:hover{
   opacity: 0.8;
     filter: alpha(opacity=80);
  }
  .feature_text a{
   display:block;
   color: black;
   text-decoration: none;
   height: 23px;
   padding: 3px;

   text-align: center;
  }

 .color img{
  border-bottom: 1px solid black;
  height: 97px;
 }


  .clearer{
   clear: both;
   margin-bottom: 4px;
   height: 4px;

  }
 #types{
  background-image: url(/images/style/types_bg.jpg);
  background-repeat: no-repeat;
  width: 969px;
  height: 130px;
  margin:0px;
  padding-top: 2px;
  padding: 0px;
 }



  #brands{
  background-image: url(/images/style/brands_bg.gif);
  background-repeat: no-repeat;
  width: 969px;
  height: 190px;
  margin:0px;
  padding-top: 2px;
  padding: 5px;

 }
 .brand{
  margin-right: 10px;
  margin-top: 10px;
  float: left;
  width: 130px;
  height: 70px;
  background-color:#fff;
  text-decoration: none;
  color: black;
  text-align: center;



  }
  .brand_text a{
   display:block;
   color: black;
   text-decoration: none;
   height: 23px;
   padding: 5px;
   text-align: center;
   font-size: 11px;
  }

 .brand img{

 }




 #quick_quote{

  background-color:#fff;
 }

#quick_quote form{
 margin: 0px;
 padding: 0px;
}
 #quick_quote h2{
  font-size: 19px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  padding: 4px;
  margin:2px;
  padding-left:30px;
  background-image: url(/images/style/icon.gif);
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #fff;
  margin-bottom: 10px;
 }


 #quick_quote form fieldset{
  padding:10px;
  margin-left:5px;
  margin-right:5px;
  background-color:white;
  margin-bottom: 12px;
  border:1px solid #777;
 }

 #quick_quote form fieldset legend{
  font-size: 14px;
  color: #5f1b2d;
  font-weight: bold;

 }
 #quick_quote form fieldset div{
  clear: both;
  margin: 2px;
  margin-bottom: 0px;


 }
 #quick_quote form label{
  font-size: 11px;
  float:left;
  text-align:right;
  width: 100px;
  margin-right: 10px;
 }
 #quick_quote form input{
  font-size: 10px;
  width: 40px;
  }

  #submit_quote{
   float:right;
   padding:5px;
   margin: 4px;
   width: 100px;
   color: black;
   text-transform: uppercase;
   background-image: url(/images/style/quote_bg.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   border: 1px solid black;
  }

 #submit_quote:hover{
  border: 1px solid #999;
  margin-top: 5px;
  margin-right: 3px;
 }



 #top_content{
  position: absolute;
  top: 1200px;
  font-size: 10px;

 }

#textcontent
{

padding: 10px;
text-align: left;
width: 600px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 30px;
float:left;
overflow:hidden;
}

#featurescontent
{
float:left;
max-width: 400px;
}
#featurescontent h4, #featurescontent a
{
color: teal;
font-weight: bold;
margin-right: 10px
}
#featurescontent a:visited
{
color: teal;
font-weight: bold
}
#featurescontent p
{
margin-right:10px
}
#featurescontent img
{float:left;
margin-right:10px;
border:1px solid black
}