


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


}



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

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

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

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

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


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

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

}

h2  {
  font-size: 14px;
  font-weight: bold;
  color: #0000FF;
  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;
 
} 

  .checkout {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
  .checkoutinput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}   
  .nopcart {background: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
  .nopheader {background: #666666; border:1px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
  .nopentry {background: #999999; border:1px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
  .noptotal {background: #333333; border:1px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
  .nopbutton {background: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;

}


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



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




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

}
