/** ------------------------- Start 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/foothill_bg_sidebar.jpg);
    background-repeat: repeat-y;
    background-attachment: fixed;


}

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

}


/** --------------------------- End start body settings ------------------------------------ **/








/** ---------------------------- Start header images and text -------------------------------- **/



#foothill_header {
        position:absolute;
        top: 0px;
        left: 0px;
        bottom: 122px;
       

}

#foothill_header_stretch {
        position:absolute;
        top: 0px;
        left: 639px;
        bottom: 122px;
        right: 33px;
      
       
}

#foothill_header_end {
        position:absolute;
        top: 0px;
        bottom: 122px;
        right: 0px;
}


#www_foothilldoors_com {
	font-size: 13px;
        font-weight: normal;
        color: #FFFFFF;
        font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
        text-decoration: none;
        position:absolute;
        top: 5px;
        left: 340px;
}

#phone_numbers {
	font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
        font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
        text-decoration: none;
        position:absolute;
        top: 86px;
        right: 27px;
}


#product_header {
        position:absolute;
        top: 101px;
        left: 250px;
        font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
        color: #FFFFFF;
}

#back_home {
        position:absolute;
        top: 101px;
        left: 450px;
       
}

#foothill_rainbow_edge {
position:absolute;
top: 122px;
right: 0px;
bottom: 0px;
}


#whiteline {
position:absolute;
top: 122px;
right: 180px;
bottom: 0px;
}


/** ---------------------------- End header images and text -------------------------------- **/








/** ========================================== Start All Navigation  menus ========================================== **/


/** ---------------------------- Start Services  Menu -------------------------------- **/

#navcontainer ul {
text-align: left;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
position:absolute;
top: 170px;
left: 13px;
}


#navcontainer ul li a {
background: transparent url(../../garage_door_openers/images/list-off.gif) left center no-repeat;
padding-left: 11px;
text-align: left;
font: normal 11px  Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}


#navcontainer ul li a:hover{
background: transparent url(../../garage_door_openers/images/list-on.gif) left center no-repeat;
color: #FF5500;
text-decoration: underline;
}


#navcontainer ul li a#current{
background: transparent url(../../garage_door_openers/images/list-active.gif) left center no-repeat;
color: #666;
}

/** ---------------------------- End Services  Menu -------------------------------- **/







/** ---------------------------- Start Remotes Menu -------------------------------- **/

#navcontainer_remotes ul {
text-align: left;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
position:absolute;
top: 292px;
left: 13px;
}


#navcontainer_remotes ul li a {
background: transparent url(../../garage_door_openers/images/list-off.gif) left center no-repeat;
padding-left: 11px;
text-align: left;
font: normal 11px  Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}


#navcontainer_remotes ul li a:hover{
background: transparent url(../../garage_door_openers/images/list-on.gif) left center no-repeat;
color: #FF5500;
text-decoration: underline;
}


#navcontainer_remotes ul li a#current{
background: transparent url(../../garage_door_openers/images/list-active.gif) left center no-repeat;
color: #666;
}


/** ---------------------------- End Remotes Menu -------------------------------- **/







/** ---------------------------- Start Parts Menu -------------------------------- **/

#navcontainer_parts ul {
text-align: left;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
position:absolute;
top: 522px;
left: 13px;
}


#navcontainer_parts ul li a {
background: transparent url(../../garage_door_openers/images/list-off.gif) left center no-repeat;
padding-left: 11px;
text-align: left;
font: normal 11px  Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}


#navcontainer_parts ul li a:hover{
background: transparent url(../../garage_door_openers/images/list-on.gif) left center no-repeat;
color: #FF5500;
text-decoration: underline;
}


#navcontainer_parts ul li a#current{
background: transparent url(../../garage_door_openers/images/list-active.gif) left center no-repeat;
color: #666;
}

/** ---------------------------- End Parts Menu -------------------------------- **/







/** ---------------------------- Start General Information  Menu -------------------------------- **/

#navcontainer_info ul {
text-align: left;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
position:absolute;
top: 159px;
right: 38px;
}


#navcontainer_info ul li a {
background: transparent url(../../garage_door_openers/images/whitelist-off.gif) left center no-repeat;
padding-left: 11px;
text-align: left;
font: normal 11px  Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}


#navcontainer_info ul li a:hover{
background: transparent url(../../garage_door_openers/images/whitelist-on.gif) left center no-repeat;
color: #22AA00;
text-decoration: underline;
}


#navcontainer_info ul li a#current{
background: transparent url(../../garage_door_openers/images/whitelist-active.gif) left center no-repeat;
color: #666;
}

/** ---------------------------- End General Information Menu -------------------------------- **/







/** ---------------------------- Start Technical Information  Menu -------------------------------- **/

#navcontainer_tech ul {
text-align: left;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
position:absolute;
top: 251px;
right: 32px;
}


#navcontainer_tech ul li a {
background: transparent url(../../garage_door_openers/images/whitelist-off.gif) left center no-repeat;
padding-left: 11px;
text-align: left;
font: normal 10px  Verdana, Lucida, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}


#navcontainer_tech ul li a:hover{
background: transparent url(../../garage_door_openers/images/whitelist-on.gif) left center no-repeat;
color: #22AA00;
text-decoration: underline;
}


#navcontainer_tech ul li a#current{
background: transparent url(../../garage_door_openers/images/whitelist-active.gif) left center no-repeat;
color: #666;
}

/** ---------------------------- End Technical Information  Menu -------------------------------- **/



/** ========================================== End All Navigation  menus ========================================== **/






/** ========================================== CSS used for ALL the BOXES ========================================== **/


#services_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        width: 165px;
        height: 22px;
        background-color: #333333; 
        border-width: 1px;
	border-style: dotted;
	border-color: #FF5500; 
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        line-height: 22px;
        color: #FFFFFF; 
        position:absolute;
        top: 145px;
        left: 18px;
        
}


#remotes_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        width: 165px;
        height: 22px;
        background-color: #333333; 
        border-width: 1px;
	border-style: dotted;
	border-color: #FF5500; 
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        line-height: 22px;
        color: #FFFFFF; 
        position:absolute;
        top: 268px;
        left: 18px;
        
}


#parts_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        width: 165px;
        height: 22px;
        background-color: #333333; 
        border-width: 1px;
	border-style: dotted;
	border-color: #FF5500; 
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        line-height: 22px;
        color: #FFFFFF; 
        position:absolute;
        top: 497px;
        left: 18px;
        
}


#info_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        width: 140px;
        height: 22px;
        background-color: #333333; 
        border-width: 1px;
	border-style: dotted;
	border-color: #FF5500; 
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        line-height: 22px;
        color: #FFFFFF; 
        position:absolute;
        top: 133px;
        right: 32px;
}


#technical_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        width: 140px;
        height: 22px;
        background-color: #333333; 
        border-width: 1px;
	border-style: dotted;
	border-color: #FF5500; 
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        line-height: 22px;
        color: #FFFFFF; 
        position: absolute;
        top: 226px;
        right: 32px;
}


#announcement_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        width: 140px;
        height: 22px;
        background-color: #333333; 
        border-width: 1px;
	border-style: dotted;
	border-color: #FF5500; 
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        line-height: 22px;
        color: #FFFFFF; 
        position: absolute;
        top: 387px;
        right: 32px;
}


/** ========================================== End CSS used for the ALL BOXES ========================================== **/









/** ---------------------------- Start CSS used for the Scroll -------------------------------- **/

table#scroll { 
       position: absolute;
       top: 415px;
       right: 26px;
}

.hoverscroll a:link{
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif; 
        color: #FFFFFF; 
        font-weight: normal; 
        font-size: 13px;
        text-decoration: none;
       
 }

.hoverscroll a:hover {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif; 
        color: #FF5500;
        font-weight: normal; 
        font-size: 13px;
        text-decoration: underline;
        
}

/** ---------------------------- End CSS used for the Scroll -------------------------------- **/









/** ---------------------------- Start CSS used for the Shopping cart contents -------------------------------- **/


table#cart_contents { 
       position:absolute;
       right: 42px;
       top: 10px;
}

.cart_Empty{
     color: #FFFFFF;
     font-weight: normal; 
     font-size: 11px;
     text-decoration: none;
}
.cart_Quantity{
     font-weight: bold; 
     color: #FF0000; 
     font-size: 12px;

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

.centered{
     text-align:center; 
     color: #FFFFFF;
     font-weight: normal; 
     font-size: 11px;
     text-decoration: none;
}

#cart {
position:absolute;
top: 9px;
right: 168px;
bottom: 0px;
}

/** ---------------------------- End CSS used for the Shopping cart contents -------------------------------- **/ 








/**=========================================== Start Center_Body_Contents ===============================================**/



#liftmaster_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 218px;
    left: 204px;
    right: 191px;

}

#liftmaster_icon {
    position:absolute;
    top: 150px;
    left: 240px;

}


#liftmaster_icon_heading {
    position:absolute;
    top: 180px;
    right: 249px;
    
}


#chamberlain_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 303px;
    left: 204px;
    right: 191px;
    

}


#chamberlain_icon {
    position:absolute;
    top: 238px;
    left: 240px;

}


#chamberlain_icon_heading {
    position:absolute;
    top: 264px;
    right: 237px;
    
}


#genie_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 385px;
    left: 204px;
    right: 191px;
    
}

#genie_icon {
    position:absolute;
    top: 320px;
    left: 240px;

}


#genie_icon_heading {
    position:absolute;
    top: 347px;
    right: 249px;
    
}


#stanley_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 470px;
    left: 204px;
    right: 191px;
    
}

#stanley_icon {
    position:absolute;
    top: 403px;
    left: 240px;

}



#stanley_icon_heading {
    position:absolute;
    top: 435px;
    right: 265px;
    
}


#multicode_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 556px;
    left: 204px;
    right: 191px;
    
}

#multicode_icon {
    position:absolute;
    top: 489px;
    left: 240px;

}


#multicode_icon_heading {
    position:absolute;
    top: 518px;
    right: 249px;

}


#pulsar_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 642px;
    left: 204px;
    right: 191px;
    
}

#pulsar_icon {
    position:absolute;
    top: 574px;
    left: 240px;

}


#pulsar_icon_heading {
    position:absolute;
    top: 601px;
    right: 264px;

}



#linear_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 728px;
    left: 204px;
    right: 191px;
    
}

#linear_icon {
    position:absolute;
    top: 661px;
    left: 240px;

}


#linear_icon_heading {
    position:absolute;
    top: 690px;
    right: 269px;

}


 
#marantec_icon_border { 
    border-top: 1px dotted #FF5500;
    position:absolute;
    top: 814px;
    left: 204px;
    right: 191px;
    
}

#marantec_icon {
    position:absolute;
    top: 747px;
    left: 240px;

}


#marantec_icon_heading {
    position:absolute;
    top: 776px;
    right: 249px;

}



/**=========================================== End Center_Body_Contents ===============================================**/







/** ---------------------------- Start CSS used for the search box -------------------------------- **/

.box {
display : none;
}
.arrow_submit {
left : 2px;
cursor : pointer;
position : relative;
top : 0.23em;
}
.search_bar {
position:absolute;
left: 640px;
top: 83px;
padding-right : 1px;
padding-left : 1px;
margin-bottom : 2px;
padding-bottom : 1px;
width : 150px;
padding-top : 1px;
font-family : arial, sans-serif;
}
.search_bar TABLE {

padding-right : 0;
padding-left : 0;
padding-bottom : 0;
margin : 0;
width : 100%;
padding-top : 0;

}
.search_bar TD {
font-size : 12px;
word-spacing : normal;
line-height : normal;
font-family : arial, sans-serif;
white-space : nowrap;
padding-bottom : 0.1em;
padding-top : 0.1em;
background-repeat : repeat-x;
list-style-type : none;
text-align : center;
}
.search_bar TD A {
color : #fff;
text-decoration : none;
}
.search_bar TD A:visited {
color : #fff;
text-decoration : none;
}
.search_bar TD A:hover {
text-decoration : underline;
}
.search_bar TD FORM {
display : inline;
margin : 0;
}
.search_bar TD FORM P {
display : inline;
margin : 0;
}
.search_bar TD INPUT {
border-right : 1px solid #22AA00;
padding-right : 0;
border-top : 1px solid #22AA00;
padding-left : 0;
font-size : 12px;
padding-bottom : 0;
border-left : 1px solid #22AA00;
color : #FFFFFF;
padding-top : 0;
border-bottom : 1px solid #22AA00;
background-repeat : repeat-x;
height : 13px;
background-color : #000000;
}

/** ---------------------------- End CSS used for the search box -------------------------------- **/


h2:hover  {
  font-size: 14px;
  font-weight: normal;
  color: #22AA00;
  font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
  text-decoration: none;
}



h2  {
  font-size: 14px;
  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;
}