/********************************************
   AUTHOR:          http://www.ambitiousweb.com 
   WEBSITE:     http://www.topahill.org/
   TEMPLATE NAME:  Hill & Company
   DATE:           May-5th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

body, html { 
margin: 0;
padding: 0px;
height: 100%; 
}

.bgindex {
background: #FFF url(/images/bg.gif) repeat-x;
}

.bgsub {
background: #FFF url(/images/bg_sub.gif) repeat-x;
}


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: 10pt Georgia, Times New Roman, 'Times', Serif;
color: #d50002;
}
 
textarea {
width: 20em;
border: 1px solid #777;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
color: #86878b;
padding: 4px;
margin-bottom: 20px;
}
 
.form {
width: 20em;
border: 1px solid #86878b;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
color: #86878b;
padding: 4px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt Georgia, Times New Roman, 'Times', Serif;
color: #fff;      
background: #d50002;
padding: 4px 5px;
border: 1px solid #393131;
}

/* --------------HEADER------------- */

#header {
height: 93px;
}

#header h2{
font: bold 12pt Georgia, Times New Roman, 'Times', Serif;
padding: 45px 0px 0px 0px;
}

#header h3 {
font: 12pt Georgia, Times New Roman, 'Times', Serif;	
}

#header h4 {
float: right;
font: 18pt Georgia, Times New Roman, 'Times', Serif;
padding-top: 20px;
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
width: 214px;
height: 93px;
float: left;
}
 
.logolink a { float: left;}
 
#swap {background-image: url(/images/logo.jpg);  width: 214px;  height: 93px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------MISSION------------- */

#mission {
background: url(/images/missiondelete.jpg) no-repeat;
height: 251px;
}

#subheader {
height: 86px;
background: url(/images/subheader.gif) no-repeat;
}


/* --------------TOPNAV------------- */

.images {
background: url('/images/nav_bg.gif');
height: 57px;
}

.images a { float: left; }

#swap01 {background-image: url(/images/nav_home_on.jpg);  width: 95px;  height: 57px; }
#swap02 { background-image: url(/images/nav_about_on.jpg); width: 112px;  height: 57px; }
#swap03 { background-image: url(/images/nav_faq_on.jpg); width: 304px;  height: 57px; }
#swap04 { background-image: url(/images/nav_geo_on.jpg); width: 152px;  height: 57px; }
#swap05 {background-image: url(/images/nav_test_on.jpg);  width: 154px;  height: 57px; }
#swap06 { background-image: url(/images/nav_contact_on.jpg); width: 143px;  height: 57px; }

.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
background: url(/images/leftnav_bg.gif) repeat-y; /* Main DIV Background Img */
}

#main .content {
padding: 20px 10px 20px 0px;
margin: 0px;
margin-left: 270px;
margin-right: 0px;
min-height: 600px;
}

#main h1 {
font: 18pt Georgia, Times New Roman, 'Times', Serif;
text-transform: uppercase;
color: #d50002;
padding-bottom: 8px;
}

#main p {
font: 10pt Georgia, Times New Roman, 'Times', Serif;
color: #393131;
line-height: 22px;
}

#main b {
color: #d50002;
}

#main a {
color: #d50002;
text-decoration: none;
}

#main a:hover {
text-decoration: underline;
}

#leftnav {
float:left; 
width: 234px;
margin: 0px;
padding: 20px 0px 0px 0px;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
min-height: 100%;
height: 100%;
height: auto;
}

* html #leftnav { /*IE 6 only */
w\idth: 234px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#leftnav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#leftnav li {
margin: 0px;
}

#leftnav li a{
display: block;
padding: 6px 5px 0px 12px;
background: url(/images/leftnav_off.gif) no-repeat;
color: #fff;
text-decoration: none;
width: 100%;
height:26px;
}

html>body #leftnav li a{ /*Non IE6 width*/
width: auto;
}

#leftnav li a:hover{
background: url(/images/leftnav_hover.gif) no-repeat;
color: #fff;
text-decoration: underline;
}

#leftnav .schedule .top {
background: url(/images/schedule_top.gif) no-repeat;
height: 68px;
}

#leftnav .schedule p{
background: url(/images/schedule_bg.gif) repeat-y;
padding: 10px 15px 8px 15px;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
color: #393131;
line-height: 22px;
}

#leftnav .schedule .bottom {
background: url(/images/schedule_bottom.gif) no-repeat;
height: 24px;
}

#leftnav .schedule img {
float: right;
padding-right: 2px;
border: none;
width: 77px;
height: 22px;
}

#leftnav .newsystem {
background: url(/images/leftnav_bg.gif) repeat-y;
}

#leftnav img {
border: none;
}

#leftnav .address {
padding: 10px 15px 8px 15px;
font: 8pt Georgia, Times New Roman, 'Times', Serif;
color: #FFF;
line-height: 22px;
background: url(/images/leftnav_bg.gif) repeat-y; /* Main DIV Background Img */
}

#leftnav .address b {
color: #d80000;
}


/* --------------TESTIMONIALS----------------*/

i {
color: #d50002;
}

#line {
border: none;
border-bottom: 1px solid #c8c8c8;
height: 0px;
margin-top: 10px;
margin-bottom: 10px;
}



/* --------------FOOTER------------- */

.clear {
clear: both;
}

.push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: #2e2323 url(/images/footer_bg.gif) repeat-x;
height: 100px;
height: auto;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 8px;
}

#footer .content {
padding: 18px 0px 15px 0px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #FFF;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: bold 10pt Georgia, Times New Roman, 'Times', Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #FFF;
padding: 0px 10px 0px 10px;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
text-decoration: none;
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .w3 ul {
margin: 0px;
padding: 10px;
}

#footer .w3 li {
display: inline;
list-style-type: none;
}

#footer .w3 li a {
color: #FFF;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
}

#footer .w3 li a:hover {
text-decoration: underline;
}


/* --------------NORITZ------------- */

.noritz {
float: right;
padding: 6px;
}


/* --------------TOPAHILLLOGO------------- */

.topahill {
text-align: center;
margin-top: 10px;
}

/* --------------TRANEPRODUCTS------------- */

#trane {
margin: 0px;
padding: 0px;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
width: 300px;
}

#trane img {
float: left;
margin-right: 24px;
border: 1px solid #adadad;
}

#trane .rowa {
background-color:#fff;
padding: 10px;
border-top: 1px solid #adadad;
border-bottom:1px solid #adadad;
height: 152px;
}

#trane .rowa p{
float: right;
}

#trane .rowb{
background-color:#f4f4f4;
padding: 10px;
height: 152px;
}

#trane .rowb p{
float: right;
}

#trane p {
padding: 18px 0px 0px 0px;
width: 75px;
}

#trane b {
font: 14pt Georgia, Times New Roman, 'Times', Serif;
}

#trane a {
text-decoration: underline
}


/* --------------HOW ARE WE DOING PAGE------------- */

#howwedoing {
font: 10pt Georgia, Times New Roman, 'Times', Serif;
}

#howwedoing td{
font: 10pt Georgia, Times New Roman, 'Times', Serif;
}

#howwedoing h2{
font: 14pt;
color: #d50002;
}

#howwedoing .postmessage{
font: 10pt Georgia, Times New Roman, 'Times', Serif;
color: #008000;
margin-top: 200px;
}

#howwedoing textarea {
width: 15em;
height: 8em;
border: 1px solid #777;
font: 10pt Georgia, Times New Roman, 'Times', Serif;
color: #86878b;
padding: 4px;
margin-bottom: 20px;
}

#howwedoing .button2 {
font: bold 10pt Georgia, Times New Roman, 'Times', Serif;
color: #fff;      
background: #d50002;
padding: 5px;
border: 1px solid #393131;
}


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }