/** ------------------------- Start body settings --------------------------------- **/


body {
    padding: 0px;
    margin-top:   0px;
    margin-right: 0px;
    margin-bottom:0px;
    margin-left:  0px;
    background-color: black;
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;

}


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

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

}


a:link {
	color: #FFFFFF;
        text-decoration: none;
        font-size: 12px;
}

a:visited {
	color: #FFFFFF;
        text-decoration: none;
        font-size: 12px;
}

a:active {
	color: #FFFFFF;
        text-decoration: none;
        font-size: 12px;
}


a:hover {
	color: #FF0000;
        text-decoration: none;
        font-size: 12px;
}

h2  {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;


}



p {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
  margin-right: 25px;
  margin-left: 10px;

}



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








/** ---------------------------- 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: 178px;
bottom: 0px;

}


/** ---------------------------- End CSS used for the Shopping cart 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;
      position: absolute;
      top: 200px;
      left: 15px;
      right: 15px;
          
     
}

.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 #FF5500 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 =====================================**/







/**========================================== Start CSS for Menu Tabs =====================================**/


table#tabbed_menu{
position: absolute;
top: 140px;
left: 15px;
right: 15px;
}

.basictab{
padding: 3px 0;
margin-left: 0;
font: normal 12px Verdana;
border-bottom: 1px dotted #FF5500;
list-style-type: none;
margin-bottom: 0;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 2px;
border: 1px dotted #FF5500;
border-bottom: none;
background-color: #666666;
color: #FFFFFF;
}


.basictab li a:visited{
background-color: #666666;
color: #FFFFFF;
}

.basictab li a:hover{
background-color: #999999;
color: #FFFFFF;
}

.basictab li a:active{
color: #FFFFFF;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #999999;
color: #FFFFFF;
}


.submenustyle{
padding: 2px 1px;
border: 1px dotted #FF5500;
border-top-width: 0;
width: auto;
display: none;
filter:alpha(opacity=0);
-moz-opacity:0;
}

* html .submenustyle{ /*IE only width definition*/
width: 100%;
}

.submenustyle a{
border-right: 1px dotted #FF5500;
padding: 1px 5px;
background-color: #000000;
text-decoration: none;
}

.submenustyle a:hover{
background-color: #000000;
text-decoration: underline;
color: #22AA00;

}



/**========================================== End CSS for Menu Tabs =====================================**/





#content {
	clear: left;
}