/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
img.floatleft{
	padding:2px 10px 0 0;
	float:left;
}
img.floatright{
	padding:3px 0 0 10px;
	float:right;
}

.td-reset{padding:0; background:#F2F2F0;}

.td-color1{padding:0; background:#FFFFFF;}

.td-color2{padding:0; background:#EBEDF3;}

ul {list-style:none;}
ul.content{	padding:0px 5px 0px 35px; list-style-type:circle;}
*ul.content{ padding:0px 5px 0px 50px;}
li.content{ line-height:150%;}
caption,th {text-align:left;}
a, a:link, a:visited, a:hover { 
	color:#ffffff;
	text-decoration:none; 
}
a:focus,a:hover { text-decoration:underline;}
a {outline:0;}
a img { border:0; }
:focus {outline: 0;}

html{ overflow:-moz-scrollbars-vertical;}

.read_button a{
	float:right; 
	padding-right:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	background:url(../images/rbutton.jpg) no-repeat; 
	width:72px; 
	height:21px;
}

.cities {
	padding: 4px 0 4px 0;
	line-height:150%;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:url(../images/bullet1.gif) no-repeat left center;	
	text-align: left;
}
.cities a, .cities a:hover{
	font-weight:bold;	
	margin-left:20px;
	text-decoration:none;
}
.cities a{		
	color:#000000;
}
.cities a:hover{
	color:#E3BA0A;
}

/* Global Elements
=====================================================================*/

*{padding: 0px; margin: 0px}

body{
	margin:0;
	padding:0;
	background: #f2f2f0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0px auto; /*Center container on page*/
padding: 0px;
}

html{ overflow:-moz-scrollbars-vertical;}

.clear {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

.clear2 {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
	width: auto;
}

a {outline:0;}

p{padding: 5px; margin: 0px; line-height: 180%; text-align: justify}

h1{padding: 5px; margin: 0px; font:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:18px; color: #384da3}
h2{padding: 5px; margin: 0px; font:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:14px; color: #384da3}
#topsection{
background: none;
height: 152px; /*Height of top section*/
margin: 0px;
padding: 0px;
position: relative;
}

.logo{
width: 540px;
height: 45px;
position: absolute;
top: 31px;
left: 12px;
background: url('../images/washington_dc_garage_door_logo.gif') no-repeat;
}

.flash_div{
width: 540px;
height: 140px;
position: absolute;
top: 10px;
right: 10px;
}

.banner_left {
  background: url('../images/banner_left.gif') no-repeat;
  width: 100%;
}
.banner_middle {
  	background: url('../images/banner_center.gif') repeat-x;
	width:100%;
	margin: 0px;
	padding: 0px;
}

.banner_right {
  background: url('../images/banner_right.gif') no-repeat top right;
  height: 152px;
}

.banner_right ul{
	margin: 0px;
	padding: 30px 96px 0px 0px;
	text-align: right
}

.banner_right li {
	display: block;
	list-style: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #384da3;
	font-size: 22px;
}

.helpdesk{
width: 94px;
height: 95px;
position: absolute;
top: 12px;
right: 2px;
background: url('../images/helpdesk.jpg') no-repeat;
}

#contentwrapper{
float: left;
width: 650px;
position:relative;
}



#rightcolumn{
float: right;
width: 300px; /*Width of left column*/
background: none;
padding: 0px 0 5px 0;
}

.ad_left {
  background: url('../images/ad_bx_left.gif') no-repeat;
  width: 300px;
}
.ad_middle {
  	background: url('../images/ad_bx_center.gif') repeat-x;
	width:300px;
	margin: 0px;
	padding: 0px;
}

.ad_right {
  background: url('../images/ad_bx_right.gif') no-repeat top right;
  height: 241px;
}

.ad_right ul{
	margin: 0px;
	padding: 10px 0 0 13px;
}

.ad_right li {
	display: inline;
	list-style: none;	
}

.link_left {
  background: url('../images/link_box_tl.gif') no-repeat;
  width: 100%;
}
.link_middle {
  	background: url('../images/link_box_tm.gif') repeat-x;
	width:100%;
	margin: 0px;
	padding: 0px;
}

.link_right {
  background: url('../images/link_box_tr.gif') no-repeat top right;
  height: 33px;
}

.link_right ul{
	margin: 0px;
	padding: 10px 0px 0px 20px;
}

.link_right li {
	display: inline;
	list-style: none;	
	font-weight: bold;
}

.link_content {
	background:url('../images/link_box.gif') bottom repeat-y;
	padding: 0px;
	margin: 0px;
	color: #000;
}

ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0px; 
	padding: 0px;
}
ul.sidemenu li {
	background: url('../images/next2.gif') no-repeat 10px 5px;	
	padding: 4px 0px 3px 30px;
	margin: 0px;	
}

ul.sidemenu li.title {
	background: none;	
	padding: 5px 0px 5px 20px;
	margin: 0px;
	font-weight: bold;
}

ul.sidemenu a {
	padding: 0px;
	text-decoration: none;
	font: normal 11px verdana;
	color: #000;	
}

ul.sidemenu a:hover {
	color: #0000ff;	
}

.link_bot_left {
  background: url('../images/link_box_bl.gif') no-repeat;
  width: 100%;
}
.link_bot_middle {
  	background: url('../images/link_box_bm.gif') repeat-x;
	width:100%;
	margin: 0px;
	padding: 0px;
}

.link_bot_right {
  background: url('../images/link_box_br.gif') no-repeat top right;
  height: 34px;
}

.link_bot_right ul{
	margin: 0px;
	padding: 0px;
}

.link_bot_right li {
	display: inline;
	list-style: none;	
}


.fl_banner_left {
  background: url('../images/fl_banner_left.gif') no-repeat;
  width: 100%;
}
.fl_banner_middle {
  	background: url('../images/fl_banner_center.gif') repeat-x;
	width:100%;
	margin: 0px;
	padding: 0px;
}

.fl_banner_right {
  background: url('../images/fl_banner_right.gif') no-repeat top right;
  height: 325px;
}

.fl_banner_right ul{
	margin: 0px;
	padding: 16px 10px 0px 22px;
}

.fl_banner_right li {
	display: inline;
	list-style: none;	
}

#footer{
clear: left;
width: 100%;
height: 89px;
background: none;
color: #000;
text-align: center;
padding: 0px;
margin: 0px;
}

.footer_left {
  background: url('../images/footer_left.gif') no-repeat;
  width: 100%;
}
.footer_middle {
  	background: url('../images/footer_center.gif') repeat-x;
	width:100%;
	margin: 0px;
	padding: 0px;
}

.footer_right {
  background: url('../images/footer_right.gif') no-repeat top right;
  height: 89px;
}

.footer_right ul{
	margin: 0px;
	padding: 23px 0px 0px 0px;
	text-align: center;
}

.footer_right li {
	display: block;
	list-style: none;
	font: normal 11px verdana;
	color: #000;
	padding: 0px 0px 10px 0px;	
}

.footer_right a {
color: black;
font: normal 11px verdana;
}
#footer li a{
color: #000;
font: normal 11px verdana;
text-decoration: none;
}

dl {
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color: #ffffff;
    float: left;
    width: 645px;
	margin: 0px;
	padding: 15px 0px 10px 0px;
	border: #b3c6e8 1px solid;
}
dt {
    clear: both;
    float:left;
    width: 200px;
    padding: 5px 3px 3px 0px;
    text-align: right;
	color: #000;
}
dd {
    float: left;
    width: 250px;
    margin: 0;
    padding: 3px 0 3px 3px;
	color: #fff;
}

input.button {
	border: 0;
	height: 26px;
	width: 166px;
	background: url('../images/btn_bg.gif') no-repeat;
	color: #0000cc;
	font: bold 12px verdana, Helvetica, Sans-Serif;
	padding: 0px;
	margin: 0px;
}

input{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
	height: 15px;
	width: 85px;
    border:1px #b3c6e8 solid;
	background: none;
	padding: 3px 0 0 2px;
}

input.input2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
	height: 15px;
	width: 55px;
    border:1px #b3c6e8 solid;
	background: none;
	padding: 3px 0 0 2px;
}

input.input3{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
	height: 15px;
	width: 180px;
    border:1px #b3c6e8 solid;
	background: none;
	padding: 3px 0 0 2px;
}

textarea{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    border:1px #b3c6e8 solid;
	background: none;
	padding: 2px 0 0 2px;
}

 #tabsC {
	position: absolute;
	bottom: 2px;
	right: 25px;
    background: none;
    font-size:12px;
    line-height:normal;
	font-family: verdana;
	font-weight: bold;
}
    #tabsC ul {
        margin:0px;
        padding:0px;
        list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0 2px 0 0;
      padding:0px;
      }
    #tabsC a {
      float:left;
      background:url('../images/tableftC.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 18px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url('../images/tabrightC.gif') no-repeat right top;
      padding:10px 25px 5px 7px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#fff;
      }
#tabsC a:hover {
   background-position:0% -36px;
}
#tabsC a:hover span {
  background-position:100% -36px;
}

#tabsC #current a {
   background-position:0% -36px;
}
#tabsC #current a span {
   background-position:100% -36px;
   color: #fff;
}

/* Menu for Coupon */

ul#menuback {
	margin: 0px auto;
	list-style: none;
	background: url(../images/menu-bg.jpg);
	width: 652px;
	overflow: auto;	
}

ul#menuback li.shutter {
	width: 163px;
	height: 109px;
	display: block;
	float: left;
}

ul#menuback li#shutter1 {
	background: url(../images/coupon01.jpg) no-repeat; 
}
ul#menuback li#shutter2 {
	background: url(../images/coupon02.jpg) no-repeat; 
}
ul#menuback li#shutter3 {
	background: url(../images/coupon03.jpg) no-repeat; 
}
ul#menuback li#shutter4 {
	background: url(../images/coupon04.jpg) no-repeat; 
}

a.link {
   width: 163px;
   height: 109px;
   display: block;
   background: url(../images/window.png) no-repeat bottom center;
   text-indent: -9999px;
}

/* tabel */

table{   
    border-spacing: 0px;   
    border-collapse: collapse;   
    width: 95%;
	margin: 5px 0px 0px 0px; 
	background:url('../images/mail_bg.png') no-repeat 10px 27px; 
}
.contactus{ 
	width:300px;
	float:left;
	margin:0 10px 0 0;
}
th {   
    text-align: center;   
    font-weight: bold;   
    padding: 5px;   
    border: 0px solid #d2dbfe;   
    background: #dfe5fc;   
    color: #000;   
}   
td {   
    text-align: left;   
    padding: 3px;   
    border: 0px solid #ae2121;   
    background: none; 
    color: #000;    
}   

#navvy
{
width:300px;
font-size:12px;
font-weight:bold;
padding: 0;
float: left;
font-family:Verdana;
}

ul#navvylist
{
text-align: left;
list-style: none;
margin: 0;
padding: 0;
width:300px;
}

ul#navvylist li
{
width:300px;
display: block;
margin: 0;
padding: 0;
}

ul#navvylist li a
{
display: block;
margin:0;
width:260px;
padding-top:10px;
padding-bottom:11px;
padding-left:40px;
padding-right:0px;
color: #fff;
text-decoration: none;
background:url('../images/link_13.jpg') no-repeat left top;
}

#navvy>ul#navvylist li a { width: auto; }


ul#navvylist li a:hover, ul#navvylist li#active a:hover
{
color: #315E88;
width:260px;
padding-left:40px;
background:url('../images/hover_13.jpg') no-repeat left top;
}

.cpn_left{
float: left;
padding: 0px;
margin: 0px 0px 5px 0px;
width: 312px;
height: 138px;
background:url('../images/coupon.gif') no-repeat 0px 0px;
}

.cpn_right{
float: right;
width: 312px;
height: 138px;
padding: 0px;
margin: 0px 0px 5px 0px;
background:url('../images/coupon.gif') no-repeat 0px 0px;
}

.cpn_left h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
float: right;
width: 95px;
padding: 30px 0px 0px 0px;
margin: 0px;
color:#fff;
font-weight: bold;
letter-spacing: -3px;
}

.cpn_right h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
float: right;
width: 95px;
padding: 30px 0px 0px 0px;
margin: 0px;
color:#fff;
font-weight: bold;
letter-spacing: -3px;
}

.cpn_left h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
float: left;
width: 202px;
padding: 30px 0px 0px 15px;
margin: 0px;
color:#0000cc;
font-weight: normal;
}

.cpn_right h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
float: left;
width: 202px;
padding: 30px 0px 0px 15px;
margin: 0px;
color:#0000cc;
font-weight: normal;
}

.prod-image{padding:5px 0px 0px 5px;}

#prod-note p{text-align:justify; margin:0; padding:0; line-height:normal; padding-bottom:8px; padding-right:8px;}

.prod-title{font-size:18px; font-weight:bold; color:#C52C22;}

#prod-note ul{list-style:square; padding:0px 20px;}

#prod-note li{padding-bottom:8px;}

/* button navi style */

#choose-area{width:636px; height:71px; padding:0px 0px 10px 10px;}

#chooseleft{float:left; width:315px; height:71px;}

#chooseright{float:right; width:315px; height:71px;}

#chooseleft ul, #chooseright ul{margin:0; padding:0; list-style-type:none;}

#chooseleft ul li, #chooseright ul li{width:315px; height:71px;}

#chooseleft ul li a{display:block; width:315px; height:71px; background:url(../images/choose-your-door.jpg) no-repeat; background-position:top; text-indent:-9999px;}

#chooseright ul li a{display:block; width:315px; height:71px; background:url(../images/choose-your-opener.jpg) no-repeat; background-position:top; text-indent:-9999px;}

#chooseleft ul li a:hover, #chooseright ul li a:hover{background-position:bottom;}

/*Floating Image*/
#box{position: absolute; left: -220px;  border-right: 0px; padding: 0px;
}

#box div{margin: 10px 0;}
/*#Floating Image*/