/** ------------------------- 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;
}



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


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


#home_main_image {
padding: 0px;
position:absolute;
height: 243px;
left: 208px;
top: 392px;
right: 555px;
}


/** ---------------------------- 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 ========================================== **/

#introbox {
	border-width: 1px;
	border-style: dotted;
	border-color: #FF5500;
	background: #333333;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
        font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
        height: 220px;
        position:absolute;
        top: 133px;
        right: 193px;
        left: 207px;
        padding: 1% 1% 1% 1%;
}


#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;
}


#mainimage_box {
        height: 243px;
        padding: 0px;
        border-width: 1px;
	border-style: dotted;
	border-color: #FFFFFF; 
        position: absolute;
        left: 207px;
        top: 391px;
        right: 554px;
}

/** ========================================== 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 ===============================================**/


/** ---------------------------- Start CSS used for the Virtual Pagination -------------------------------- **/ 

#pagination_position {
position: absolute;
top: 378px;
right: 193px;
}


.paginationstyle{ /*Style for demo pagination divs*/
text-align: center;
padding: 2px 0;
margin: 10px 0;
}



.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}


.virtualpage3 a:link {
color: #22AA00; text-decoration: underline;
}

.virtualpage3 a:hover {
color: #22AA00; text-decoration: none; 
}


.virtualpage3 a:visited {
color: #22AA00; 
}

/** ---------------------------- End CSS used for the Virtual Pagination -------------------------------- **/ 





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

#gallery_position {
position: absolute;
top: 650px;
left: 207px;
}


.gallerycontroller{
width: 364px;
height: 77px;
background-color: #000000;
color: #FFFFFF;
font-weight: normal; 
font-size: 13px;
text-decoration: none;
}


.gallerycontent{
width: 364px;
height: 250px;
border: 1px dotted #FF5500;
background-color: #000000;
padding: 3px;
margin-bottom: 5px;
margin-top:   0px;
margin-right: 0px;
margin-left:  0px;
display: block;
color: #FFFFFF;
font-weight: normal; 
font-size: 12px;
text-decoration: none;

}

.gallerycontent a:link {
color: #22AA00; text-decoration: underline;
}

.gallerycontent a:hover {
color: #22AA00; text-decoration: none; 
}


.gallerycontent a:visited {
color: #22AA00; 
}

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







/** ---------------------------- Start CSS used for the remote expo -------------------------------- **/

#remote_expo_box {
        position:absolute;
        top: 650px;
        right: 193px;
        left: 591px;
        height: 330px;
        border-width: 1px;
	border-style: dotted;
	border-color: #FF5500;
}


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


#remote_expo_image {
padding: 0px;
position:absolute;
height: 103px;
top: 836px;
right: 196px;
}


#remote_expo_icon {
padding: 0px;
position:absolute;
height: 90px;
top: 661px;
left: 602px;
}


#remote_expo_header_box {
        font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
        height: 22px;
        background-color: #333333; 
        border-width: 1px;
	border-style: dotted;
	border-color: #22AA00; 
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        line-height: 22px;
        color: #FFFFFF; 
        position: absolute;
        top: 766px;
        right: 204px;
        left: 602px;
}



#navcontainer_remote_expo 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: 800px;
left: 600px;
}


#navcontainer_remote_expo 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_remote_expo ul li a:hover{
background: transparent url(../../garage_door_openers/images/whitelist-on.gif) left center no-repeat;
color: #22AA00;
text-decoration: underline;
}


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

/** ---------------------------- End CSS used for the remote expo -------------------------------- **/


/**=========================================== 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 -------------------------------- **/







/**========================================== Start CSS used for the shopping cart product pages =====================================**/


table#product_list {    
      background-color: #999999;
    
}

.image { 
    padding: 10px;    
    border: solid #FFFFFF 1px;
   
}

.description {
      padding: 10px; 
      border: solid #FFFFFF 1px; 
      
    
}
   
.divider {
height: 5px;
background-color: #000000;    

}


input.textbox {
background-color: #000000; border: solid #22AA00 1px;    
font-weight: normal; font-size: 12px; color: #FFFFFF;

}


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/**========================================== End CSS used for the shopping cart product pages =====================================**/





h2  {
  font-size: 14px;
  font-weight: normal;
  color: #0099CC;
  font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
}


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


#content {
	clear: left;
}