/* {{{ general */
html, body {
height: 100%;
width: 100%;
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #2F2F2F;
background-color: #EEE;
}
div#mainContainer {
width: 960px;
margin: auto;
height: auto !important;
min-height: 100%;
height: 100%;
position: relative;
clear: both;
background-color: #FFF;
}
div.searchContainer {
border-top: 1px solid #454548;
border-bottom: 1px solid #454548;
padding: 5px;
}
div.searchContainer label {
background-color: #dba93d;
color: #FFFFFF;
float: left;
font-size: 12px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 3px;
padding-left: 5px;
width: 165px;
}
div.searchContainer input.searchbox {
float: left;
font-size: 13px;
line-height: 20px;
margin-right: 3px;
padding: 3px;
height: 15px;
width: 400px;
}
div.searchContainer .inactive {
color: #BABABA;
}
.error {
color: #ff0000;
}
.required {
color: #C60A0A;
}
hr {
border: 0pt none;
height: 1px;
color: #B3B3B3;
background-color: #B3B3B3;
}
a, a:visited {
color: #2F2F2F;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
/* }}} */
/* {{{ header */
div#header {
background-color: #fff;
margin: 0px 19px 5px 10px;
}
div#header #headerTop {
min-height: 100px;
height: auto !important;
height: 100px;
background: url(/images/templates/header_linksbg.jpg) top right no-repeat;
}
div#header #phoneNumber {
float: left;
border-left: 1px solid #000;
margin: 20px 0px 0px 20px;
padding: 25px 0px 0px 15px;
}
div#header #phoneNumber h2 {
line-height: 1em;
margin: 0px;
padding: 0px;
color: #008158;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: 28px;
}
div#header #nav1 {
text-align: right;
padding: 77px 0px 0px 0px;
float: right;
color: #454548;
}
div#header #nav1 ul {
padding: 0px 10px 0px 0px;
margin: 0px;
list-style-type: none;
}
div#header #nav1 ul li {
display: inline;
}
div#header #nav1 a, div#header #nav1 a:visited {
color: #454548;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
border-right: 1px solid #454548;
padding: 0px 9px 0px 7px;
}
div#header #nav1 a:hover {
color:#8F8F94;
}
div#header #nav1 ul li.last a {
border-right: none;
padding-right: 0px;
}
.header-nav {
width: 921px;
margin: 0 auto;
}
.header-nav ul {
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.header-nav-container {
background: url(/images/templates/nav-bar-top-back.png) top left no-repeat;
margin: 0px 0px 0px 10px;
height: auto !important;
min-height: 27px;
height: 27px;
clear: both;
margin: 0px 0px 0px 10px;
padding: 0px;
}
/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
/************ 0 LEVEL ***************/
#nav li { float:left; }
#nav li.active a { color:#333; }
#nav a { float:left; padding:7px 27px 5px 25px; color:#333; font-weight:normal; font-size: 10px; border-right: 1px solid #b2b2b4; text-transform: uppercase; }
#nav li.over a,
#nav a:hover { color:#777; }
/* }}} */
/* {{{ content */
#mainContentContainer {
margin: 0px 20px;
line-height: 1.3em;
}
#mainContentContainer h1 {
font-size: 21px;
font-weight: bold;
border-bottom: 26px solid #d5d4db;
margin: 5px 0px 9px 0px;
padding: 9px 0px 9px 0px;
}
#mainContent {
float: left;
width: 700px;
}
#mainContentAdmin {
float: left;
width: 921px;
min-height: 400px;
height: auto !important;
height: 400px;
}
h2.hotDeals {
background: url(/images/hot.gif) 5px 5px no-repeat;
font-size: 16px;
padding: 10px 0px 4px 25px;
margin: 15px 0px 10px 0px;
border-bottom: 1px solid #454548;
font-weight: bold;
}
ul#hotdeal_machines {
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul#hotdeal_machines li {
width: 287px;
/* min-height: 287px; */
/* border: 1px solid #000; */
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
/* _height: 287px; */
}
ul#hotdeal_machines li.left {
margin: 0px 55px 25px 25px;
}
ul#hotdeal_machines li.right {
margin: 0px 0px 25px 25px;
}
img.machine {
border: 12px solid #d5d4db;
margin: 0px 0px 0px 0px;
}
p.getQuote {
padding: 8px 5px 0px 0px;
text-align: right;
border-top: 1px solid #454548;
}
table#equipmentList {
margin: 10px 0px 10px 0px;
width: 100%;
}
table#equipmentList th {
text-align: left;
border-bottom: 1px solid #454548;
font-size: 11pt;
font-weight: bold;
padding: 5px 0px;
}
table#equipmentList td {
padding: 10px 0px;
}
table#equipmentList td.description {
padding-left: 15px;
}
table#equipmentList td.photo {
color: #DBA93D;
font-weight: bold;
padding-left: 15px;
}
table#equipmentList td.action a, table#equipmentList td.action a:visited {
text-decoration: none;
background: url(/images/orange-bullet.png) 0px 5px no-repeat;
padding-left: 12px;
line-height: 1.5em;
color: #130c0e;
}
table#equipmentList td.action a:hover {
text-decoration: underline;
}
table#equipmentList td.description a, table#equipmentList td.description a:visited {
text-decoration: none;
color: #130c0e;
}
table#equipmentList td.description a:hover {
text-decoration: underline;
}
table#equipmentList tr.alt1 td {
background-color: #fff;
}
table#equipmentList tr.alt2 td {
background-color: #F2F2F4;
border-top: 1px solid #454548;
border-bottom: 1px solid #454548;
}
table#equipmentDetail {
margin: 0px 0px 10px 0px;
width: 100%;
}
table#equipmentDetail th {
text-align: left;
border-bottom: 1px solid #454548;
font-size: 11pt;
font-weight: bold;
padding: 5px 0px;
}
table#equipmentDetail td {
vertical-align: top;
padding: 10px 0px;
}
/* }}} */
/* {{{ form */
form #col1 {
float: left;
margin: 0px 20px 0px 0px;
}
form #col2 {
float: left;
}
form #col1 input, form #col2 input {
width: 250px;
margin: 3px 0px 0px 0px;
}
form p {
clear: both;
}
form textarea {
width: 525px;
height: 200px;
margin: 3px 0px 0px 0px;
}
.formNote {
color: #888;
}
table#contact {
margin: 30px 0px 0px 0px;
}
table#contact th {
padding: 0px 20px 30px 0px;
text-align: right;
font-weight: bold;
vertical-align: top;
}
table#contact td {
vertical-align: top;
padding: 0px 0px 30px 0px;
}
/* }}} */
/* {{{ home */
#homeContent h1 {
font-size: 26px;
color: #130c0e;
border: none;
}
#homeContent #col1 {
width: 367px;
float: left;
margin-right: 5px;
}
#homeContent #col2 {
width: 328px;
float: left;
}
#homeContent #col1 div, #homeContent #col2 div {
position: relative;
padding: 0px 15px;
min-height: 333px;
height: auto !important;
height: 333px;
}
#homeContent #col1 div img, #homeContent #col2 div img {
position: absolute;
top: 307px;
left: 15px;
}
/* }}} */
/* {{{ sidebar1 */
#sidebar1, #sidebar1Home {
background: url(/images/templates/back-grad.jpg) top left repeat-x;
width: 186px;
float: right;
padding: 13px 13px 0px 13px;
height: auto !important;
}
#sidebar1 {
margin: 38px 0px 0px 0px;
min-height: 590px;
height: 590px;
}
#sidebar1Home {
min-height: 550px;
height: 550px;
}
/* }}} */
/* {{{ footer */
#footer {
clear: both;
margin: 10px 20px 10px 19px;
padding: 10px 0px 5px 0px;
background-color: #fff;
}
#bottomNav {
position: relative;
height: auto !important;
min-height: 22px;
height: 22px;
background: url(/images/templates/nav-bar-bottom-back.png) top left no-repeat;
margin: 0px;
padding: 0px;
text-align: center;
}
#bottomNav ul {
list-style-type: none;
padding: 4px 0px 0px 0px;
margin: 0px;
}
#bottomNav ul li {
display: inline;
}
#bottomNav ul li a, #bottomNav ul li a:visited {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
border-right: 1px solid #b2b2b4;
padding: 0px 17px 0px 15px;
}
#bottomNav ul li a:hover {
color: #777;
}
#bottomNav ul li.last a {
border: 0px;
}
#footerInfo {
text-align: center;
border-bottom: 1px solid #454548;
margin-bottom: 5px;
color: #454548;
font-size: 7pt;
line-height: 1.25em;
}
#footerInfo h2 {
color: #008158;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: 26px;
margin: 15px 0px 5px 0px;
}
#footerInfo p {
padding: 5px 0px;
margin: 0px;
}
#ninefournine {
float: left;
color: #2F2F2F;
font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#ninefournine a,
#ninefournine a:visited {
font-weight: bold;
color: #2F2F2F;
text-decoration: none;
}
#ninefournine a:hover {
color: #777;
}
/* }}} */