
/** body settings  **/


body {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom:0px;
    margin-left: 0px;
    font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
    background-color: black;
    background-image: url(../../garage_door_openers/images/left_nav_background.jpg);
    background-repeat: repeat-y;
    background-attachment: fixed;
   
}

html {
    scrollbar-base-color: black;
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: #0099CC;

}


#header_text {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
        position:absolute;
	top: 96px;
	left: 220px;
        font-size: 12px;
        font-weight: bold;
}


#contact_text {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        color: #000000;
}


.contact {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
        position:absolute;
	top: 30px;
	right: 30px;


}

a:hover.contact {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        color: #FF0000;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        position:absolute;
	top: 30px;
	right: 30px;
 }



#white_line2 {
        border-top: 1px solid #FFFFFF;
        position:absolute;
	top: 99px;
        left: 521px;
        right: 17px;
} 


#white_line_vert {
        position:absolute;
	top: 100px;
        right: 160px;
        bottom: -1px;
} 

#white_line_vert2 {
        position:absolute;
	top: 200px;
        left: 137px;
        bottom: -1px;
} 


#button_glove {
        position:absolute;
        top: 100px;
        left: 132px;
        z-index: 1;  

/** menu settings  **/


}

#dmenu {
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 13px;
}
#dmenu2 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 13px;
}
#dmenu3 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 13px;
}
#dmenu4 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 13px;
}
#dmenu5 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 13px;
}

.topmenuul{
        list-style-type: none;
        margin:0;
	padding:0;
}
.topmenuli{
	list-style-type: none;
	float:left;
}
.topmenutitle{
        background-image: url(../../garage_door_openers/images/nav_button_Off.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 118px;
        left: 2px;
	display: block;
	width: 140px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #FFFFFF;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 3;
}
a:hover.topmenutitle{
        background-image: url(../../garage_door_openers/images/nav_button_On.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 118px;
        left: 2px;
	display: block;
	width: 140px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #000000;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 3;

}
.topmenutitle2{
        background-image: url(../../garage_door_openers/images/nav_button_Off.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 151px;
        left: 2px;
	display: block;
	width: 130px;
        height: 25px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #FFFFFF;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 4;
}
a:hover.topmenutitle2{
        background-image: url(../../garage_door_openers/images/nav_button_On.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 151px;
        left: 2px;
	display: block;
	width: 130px;
        height: 25px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #000000;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 4;

}
.topmenutitle3{
        background-image: url(../../garage_door_openers/images/nav_button_Off.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 185px;
        left: 2px;
	display: block;
	width: 143px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #FFFFFF;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 5;
}
a:hover.topmenutitle3{
        background-image: url(../../garage_door_openers/images/nav_button_On.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 185px;
        left: 2px;
	display: block;
	width: 143px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #000000;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 5;
}

.topmenutitle4{
        background-image: url(../../garage_door_openers/images/nav_button_Off.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 219px;
        left: 2px;
	display: block;
	width: 143px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #FFFFFF;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 6;
}

a:hover.topmenutitle4{
        background-image: url(../../garage_door_openers/images/nav_button_On.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 219px;
        left: 2px;
	display: block;
	width: 143px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #000000;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 6;
}

.topmenutitle5{
        background-image: url(../../garage_door_openers/images/nav_button_Off.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 253px;
        left: 2px;
	display: block;
	width: 143px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #FFFFFF;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 7;
}

a:hover.topmenutitle5{
        background-image: url(../../garage_door_openers/images/nav_button_On.jpg);
        background-repeat: no-repeat;
        position:absolute;
        top: 253px;
        left: 2px;
	display: block;
	width: 143px;
        height: 26px;
        text-indent: 16px;
	text-decoration: none;
        padding: 5px;
	line-height: 14px;
        color: #000000;
        font-weight: normal;
        letter-spacing: 2px;
        z-index: 7;
}

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding: 0;
	display:none;
        margin-top: 0px;
        background-color: #FFFFFF;  /* the background          */
        filter:alpha(opacity=80);   /* Internet Explorer       */
        -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
        opacity: 0.8;
        background-position: top left;
	background-repeat: repeat-x;
	border-top:1px dotted #FF0000;
	border-bottom:1px dotted #FF0000;
	border-right:1px dotted #FF0000;
        z-index: 8;
}
.submenuli a{
	display:block;
	width:265px;
        padding:0px;
	text-decoration: none;
        font-weight: normal;
	color: #000000;
}
.submenuli a:hover{
	text-decoration: none;
	background-color: #0000FF;  /* the background          */
        filter:alpha(opacity=80);   /* Internet Explorer       */
        -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
        opacity: 0.8;  
        color: #FFFFFF;
        font-weight: normal;
        border-left: 5px double #FF0000;
}


li:hover ul , li.hover ul{ /* lists nested under hovered list items */
	display: block;
}

#dmenu  li>ul { 
	position:absolute;
        top:  142px;
        left: 107px;
        text-indent: 5px;
}
#dmenu2 li>ul { 
	position:absolute;
        top: 175px;
        left: 107px;
        text-indent: 5px;
}
#dmenu3 li>ul { 
	position:absolute;
        top: 209px;
        left: 107px;
        text-indent: 5px;
}

#dmenu4 li>ul { 
	position:absolute;
        top: 243px;
        left: 107px;
        text-indent: 5px;
}

#dmenu5 li>ul { 
	position:absolute;
        top: 277px;
        left: 107px;
        text-indent: 5px;
}









/**  header images  **/


#bearcat_header {
        position:absolute;
        top: 0px;
        left: 0px;
        bottom: 100px;
       

}

#bearcat_header_center {
        position:absolute;
        top: 0px;
        left: 600px;
        bottom: 100px;
        right: 16px;
      
       
}

#bearcat_header_end {
        position:absolute;
        top: 0px;
        bottom: 100px;
        right: 0px;
}






/** right_side **/







table#right_column { 
       position:absolute;
       top: 109px;
       right: 17px;
       width: 130px;
       padding: 5px;
}

.blue_box {
       border: dotted;
       border-color: #3333FF; 
       border-width: 1px;
       color: #FFFFFF; 
}

.red_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        width: 130px;
        height: 22px;
        background-color: #333FFF; 
        border-width: 1px;
	border-style: dotted;
	border-color: #FF0000;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF; 
}

.data {    
      text-align: center;
      font-size: 9px;
      font-weight: normal;
      color: #FFFFFF;
      border: dotted;
      border-color: #3333FF;
      border-width: 1px;    
}
.cart_Quantity{
     font-weight: bold; 
     color: #FF2020; 
     font-size: 11px;

}
a.view_Cart{
     color: #FFFFFF;
     font-weight: normal; 
     font-size: 10px;
     text-decoration: underline;
    
}
a:hover.view_Cart{
     color: #FF0000;
     font-weight: normal; 
     font-size: 10px;
     text-decoration: none;
}

.centered{ 
     text-align:center;
     font-weight: normal; 
     font-size: 10px;
     text-decoration: none;
}




/**  center_body_contents **/






#liftmaster_icon_border { 
    border-top: 1px dotted #3333FF;
    position:absolute;
    top: 198px;
    left: 164px;
    right: 173px;

}

#liftmaster_icon {
    position:absolute;
    top: 130px;
    left: 200px;

}


#liftmaster_icon_heading {
    position:absolute;
    top: 160px;
    right: 210px;
    
}


#chamberlain_icon_border { 
    border-top: 1px dotted #3333FF;
    position:absolute;
    top: 283px;
    left: 164px;
    right: 173px;
    

}


#chamberlain_icon {
    position:absolute;
    top: 218px;
    left: 200px;

}


#chamberlain_icon_heading {
    position:absolute;
    top: 244px;
    right: 196px;
    
}


#genie_icon_border { 
    border-top: 1px dotted #3333FF;
    position:absolute;
    top: 365px;
    left: 164px;
    right: 173px;
    
}

#genie_icon {
    position:absolute;
    top: 300px;
    left: 200px;

}


#genie_icon_heading {
    position:absolute;
    top: 327px;
    right: 215px;
    
}


#allister_icon_border { 
    border-top: 1px dotted #3333FF;
    position:absolute;
    top: 450px;
    left: 164px;
    right: 173px;
    
}

#allister_icon {
    position:absolute;
    top: 383px;
    left: 200px;

}



#allister_icon_heading {
    position:absolute;
    top: 415px;
    right: 238px;
    
}


#linear_icon_border { 
    border-top: 1px dotted #3333FF;
    position:absolute;
    top: 536px;
    left: 164px;
    right: 173px;
    
}

#linear_icon {
    position:absolute;
    top: 469px;
    left: 200px;

}


#linear_icon_heading {
    position:absolute;
    top: 498px;
    right: 242px;

}


#marantec_icon_border { 
    border-top: 1px dotted #3333FF;
    position:absolute;
    top: 622px;
    left: 164px;
    right: 173px;
    
}

#marantec_icon {
    position:absolute;
    top: 554px;
    left: 200px;

}


#marantec_icon_heading {
    position:absolute;
    top: 581px;
    right: 218px;

}


#ssc_icon_border { 
    border-top: 1px dotted #3333FF;
    position:absolute;
    top: 708px;
    left: 164px;
    right: 173px;
    
}

#ssc_icon {
    position:absolute;
    top: 641px;
    left: 200px;

}

#ssc_icon_heading {
    position:absolute;
    top: 670px;
    right: 215px

}

h2:hover  {
  font-size: 15px;
  font-weight: normal;
  color: #FF0000;
  font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
  
h2 {  
  font-size: 15px;
  font-weight: normal;
  color: #FFFFFF;
  font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
  text-decoration: underline;
}


 p {
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
  font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
 
 

} 

    
#content {
	clear: left;
}


   




