/*
Theme Name: Garber re-brand
Theme URI: http://scheffey.com/
Description: The re-designed Garber theme.
Version: 1.0
Author: Matt Apperson

*/
#print-logo {display: none;}

body {
font-size: 13px;
font-family: Arial, san-serif, sans-serif;
color: #323233;
background:url(images/body.gif) repeat-x top #fff;
}
#wraper {
width: 100%;
}
h1{
font-family: Arial, san-serif, sans-serif;
font-size:28px;
color:#000;
padding:0 0 0 5px;
}
h2{
font-family:Arial, san-serif, sans-serif;
font-size:18px;
color:#BF0000;
padding:20px 0 0 5px;
}

h3{
font-family:Arial, san-serif, sans-serif;
font-size:17px;
color:#323233;
padding:10px 0 0 5px;
}
h4{
font-family:Arial, san-serif, sans-serif;
font-size:14px;
color:#FAA21A;
padding:7px 0 0 0;
}
h5{
font-family:Arial, san-serif, sans-serif;
font-size:14px;
color:#323233;
padding:15px 0 0 5px;
}
h6{
font-family:Arial, san-serif, sans-serif;
font-size:14px;
color:#323233;
padding:7px 0 0 5px;
}
p, #page-text ul, .inner-col-left ul {
color:#231F20;
font-size:14px;
padding: 15px 0 0 5px;
line-height:22px;
}
#page-text ul {margin-left: 25px !important; list-style: circle;}
.rentals-text {line-height: 20px !important;}

a{
color:#BF0000;
font-size:13px;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

/* Main CSS End */


/* Header CSS Start */
#outer-header {
height: 100%;
background: #000;
}
#inner-header {
margin:0 auto;
width:971px;
min-height:170px;
height:auto!important;
height:170px;
margin-bottom:35px;
position: relative;
z-index: 500;
}
.logo{
width:233px;
float:left;
}
.logo a{
width:233px;
height:90px;
background:url(images/logo.jpg) no-repeat;
display:block;
text-indent:-9000px;
}
.logo-text{
font-family: Arial, san-serif;
font-size:15px;
color:#939598;
display:block;
float:left;
font-weight:bold;
padding:70px 0 0 25px;
}
.search-area{
width:352px;
float:right;
background:url(images/search-bg.gif) no-repeat;
height:40px;
margin:0 4px 0 0;
padding:10px 0 0 13px;
}
.search-area ul{
list-style:none;
}
.search-area ul li{
float:left;
}
.search-area ul li label{
color:#CCCCCC;
font-size:13px;
display:block;
width:102px;
float:left;
line-height:26px;
}
.search-area ul li input{
height:23px;
border:1px solid #000;
width:139px;
float:left;
background:#CCCCCC;
padding:3px 3px 0 3px;
}
.submit-button{
background:url(images/submit-button.gif) no-repeat;
float:left;
width:90px;
height:35px;
cursor:pointer;
border:0;
margin:0 0 0 4px ;
}
/* Menu CSS Start */


#navbar{
list-style:none;
float:left;
width:971px;
padding:40px 0 0 0;
position:relative;
}
#navbar li{ 
float:left;
list-style:none;
height:40px;
padding: 0 0 0 5px;
}


#navbar li { float:left;list-style:none;height:40px;padding: 0 0 0 5px;background:url(images/menu-rest-left.gif) left top no-repeat;margin:0 2px 0 5px;}
#navbar li a {font-size:16px;color:#fff;text-decoration:none;font-family: Arial, san-serif, sans-serif;display:inline-block;cursor:pointer;height:29px;background:url(images/menu-rest-right.gif) right top no-repeat;padding:11px 18px 0 15px;}

#navbar li:hover {background:url(images/navbar-hover-left.gif) left bottom no-repeat;}
#navbar li:hover a {background:url(images/navbar-hover-left.gif) right bottom no-repeat;}


#navbar li ul {
clear:both;
display:none;
list-style:none;
width:550px !important;
background:#eeeeee;
float:left;
padding:10px 0 60px 10px !important;
border:8px solid #600000;
position: absolute;
z-index: 600;
}
#navbar li:hover ul, #navbar li.hover ul {
position: absolute;
top:0;
cursor: default;
display:block;
margin: 79px 0 0 -5px !important;
background:#eeeeee;
float:left;
text-align:left;
padding:2px 0 2px 0;

}
#navbar li:hover {background:url(images/navbar-hover-left.gif) left bottom no-repeat;}
#navbar li:hover a {background:url(images/navbar-hover-right.gif) right bottom no-repeat;}

#navbar li ul li a{
font-size:16px;
color:#fff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
display:inline-block;
cursor:pointer;
height:40px;
padding:0 7px 0 0;
background:transparent;
}
#navbar li ul li a span{
display:inline-block;
height:29px;
padding:11px 15px 0 25px;


}
#navbar li ul li {
height:19px!important;
float:left;
background:transparent;
margin: 0 0 5px 0 !important;
}
#navbar li ul li a {line-height: 16px !important;}

#navbar ul ul ul
{margin: 0 0 25px 0;}

#navbar li ul li:hover {
height:19px!important;
float:left;
background:transparent;
}
#navbar li ul li h5{
font-size:14px;
color:#d80000;
width:455px;
padding:0;
margin: 0 0 15px 0;
}
#navbar li ul li.menu-li{
padding:10px 0 10px 0;
width:455px;
float:left;

}
#navbar li ul li.menu-li2{
height:20px;
width:135px;
float:left;
}
#navbar li ul li.menu-li3{
height:20px;
width:123px;
float:left;
}
#navbar li ul li.menu-li4{
height:20px;
width:165px;
float:left;
}
#navbar li ul li.menu-li5{
height:60px !important;
width:177px;
display:block;
float:right;
:
}
#navbar li:hover li a, #navbar li.hover li a {
float:left;
font-size:13px !important;
line-height: 18px;
color: #292a2b;
padding-bottom:0 !important;
width:245px;
height:auto !important;
background:none;
text-decoration:underline;
}
#navbar li li a:hover {
text-decoration:none;
background:none !important;
color: #292a2b;
}


/* Menu CSS End */


/* Header CSS End */


/* Banner CSS Start */
#content-banner-area{
width:100%;
background:url(images/banner2.gif) repeat-x top #cccccc;
padding:0 0 20px 0;
}
.banner{
background:url(images/banner-bg.gif) no-repeat;
width:591px;
height:202px;
float:left;
padding:7px 0 0 7px;
margin:7px 0 10px 0;
}
#inner-banner{
width:971px;
margin:0 auto;
}
.left-banner{
width:598px;
float:left;
}
.right-banner{
width:373px;
float:right;
}

/* Banner CSS end */

/* Content CSS Start */

#content {
width:971px;
margin:0 auto;
padding:0 0 20px 0;
}
.inner-content-left{
width:583px;
float:left;
padding:0 15px 0 0;
min-height: 150px;
}
.inner-content-left-bottom{
width:598px;
float:left;
background:#fff;
}
.inner-content-right-1{
float:right;
position:relative;
}
.inner-content-right-2{
float:right;
width:373px;
position:relative;
bottom:34px;
}
.inner-content-right{
width:373px;
float:right;
height:392px;
position:absolute;
right:-10px;
bottom:-425px;
}
.inner-content-right-3{
width:373px;
float:right;
}
.inner-content-right-top{
width:348px;
float:right;
background:url(images/right-top-bg.png) no-repeat top;
padding:0 0 0 25px;
}
.inner-content-right-top-1{
width:348px;
float:right;
background:url(images/inner-right-top-bg.gif) no-repeat top;
padding:0 0 0 25px;
}
.inner-content-right-middle{
width:373px;
min-height:370px;
float:right;
background:url(images/right-bg-middle.png) repeat-y;
padding:0 0 5px;
}
.heading-bg{
background:url(images/heading-bg.png) no-repeat;
height:42px;
margin:5px 0 0 0;
padding:0 0 0 15px;
} 
.links{
width:348px;
float:left;
}
.links ul{
list-style:none;
padding:5px 0 0 0;
}
.links ul li{
float:left;
width:340px;
padding:0 0 5px 10px;
line-height:18px;
display:block;
}
.links ul li a{
color:#BF0000;
font-size:14px;
text-decoration:underline;
}
.links ul li a:hover{
text-decoration:none;
}
.links1{
width:348px;
float:left;
}
.links1 ul{
list-style:none;
padding:0 0 0 12px;
}
.links1 ul li{
float:left;
width:140px;
padding:0 0 5px 20px;
line-height:18px;
display:block;
}
.links1 ul li a{
color:#BF0000;
font-size:14px;
text-decoration:underline;
}
.links1 ul li a:hover{
text-decoration:none;
}
.inner-content-right-bottom{
width:373px;
float:right;
height:19px;
background:url(images/right-bg-bottom.gif) no-repeat;
line-height:0;
font-size:0;
margin: 0 0 20px 0;
}
.no-space{
padding:0 0 0 25px !important;
}
.space{
padding:0 0 0 25px;
}
.produtes-box{
width:950px;
float:left;
background:#EEEEEE;
padding:10px 0 20px 17px;
margin:40px 0 20px 0;
}
.heading-color{
color:#323233;
padding:6px 0 0 15px;
}
.heading-color1{
color:#323233;
padding:6px 0 10px 5px;
}
.box-1{
width:434px;
float:left;
padding:0 0 10px 0;
}
.box-1-middle{
width:434px;
float:left;
background:#fff;
padding:0 0 20px 0;
min-height: 255px;
}

.box-1-middle ul {width: 420px;}
.box-1-middle li {width: 200px; float:left;}

.box-1-top{
width:434px;
height:30px;
float:left;
background:url(images/box1-heading-bg.gif) no-repeat top left;
padding:3px 0 0 0;
}
.box-1-bottom{
width:434px;
height:15px;
float:left;
background:url(images/box1-shadow.gif) no-repeat bottom left;
line-height:0;
font-size:0;
}
.list{
width:190px;
float:left;
list-style:none;
padding:14px 0 0 18px;
}
.list li{
line-height:22px;
display:block;
}
.list li a{
color:#231F20;
font-size:12px;
text-decoration:underline;
}
.list li a:hover{
text-decoration:none;
}
.list-1{
width:226px;
float:right;
list-style:none;
padding:14px 0 0 0;
}
.list-1 li{
line-height:22px;
display:block;
}
.list-1 li a{
color:#231F20;
font-size:12px;
text-decoration:underline;
}
.list-1 li a:hover{
text-decoration:none;
}
.box-2{
width:188px;
float:left;
padding:0 0 10px 0;
margin:0 0 0 15px;
}
.box-2-middle{
width:188px;
float:left;
background:#fff;
padding:0 0 20px 0;
min-height: 255px;

}
.box-2-top{
width:188px;
height:30px;
float:left;
background:url(images/box-2-hed-bg.gif) no-repeat top left;
padding:3px 0 0 0;
}
.box-2-bottom{
width:188px;
height:15px;
float:left;
background:url(images/box2-shadow.gif) no-repeat bottom left;
line-height:0;
font-size:0;
}
.list-3{
width:170px;
float:left;
list-style:none;
padding:14px 0 0 18px;
}
.list-3 li{
line-height:22px;
display:block;
}
.list-3 li a{
color:#231F20;
font-size:12px;
text-decoration:underline;
}
.list-3 li a:hover{
text-decoration:none;
}
.box-3{
width:276px;
float:left;
padding:0 0 10px 0;
margin:0 0 0 15px;
}
.box-3-middle{
width:276px;
float:left;
background:#fff;
padding:0 0 20px 0;
min-height: 255px;
}
.box-3-top{
width:276px;
height:30px;
float:left;
background:url(images/box-3-hd-bg.gif) no-repeat top left;
padding:3px 0 0 0;
}
.box-3-bottom{
width:276px;
height:15px;
float:left;
background:url(images/box3-shadow.gif) no-repeat bottom left;
line-height:0;
font-size:0;
}
.product-rentals{
width:928px;
float:left;
background:#CCCCCC;
padding:0 0 10px 0;
}
.product-rentals-left{
width:140px;
float:left;
padding:0 0 0 15px;
}
.product-rentals-right{
width:630px;
float:right;
padding:0 133px 0 0;
}
.product-rentals p{
font-size:13px;
color:#323233;
line-height:14px;
padding:10px 0 0 0;
}

.home-news-head {padding: 5px 0 0 5px; border-top: 1px dotted gray; margin: 20px 0 0 0; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; color: gray;}
.home-intro {font-size: 17px; line-height: 28px;}
h2 a {font-size: 20px; text-decoration: none; clear: both; display: block;}

/* Content CSS End */

/* Inner Page CSS Start */
.truck-scales{
font-size:27px;
font-weight:normal;
color:#323233;
}
.black-hd{
color:#323233;
font-size:15px;
padding:40px 0 0 0;
}
.related-links{
list-style:none;
float:left;
padding:5px 0 35px 0;
background:url(images/form-sap.gif) no-repeat left bottom;
width:308px;
}
.related-links li{
display:block;
}
.related-links li a{
color:#BF0000;
font-size:14px;
text-decoration:underline;
line-height:20px;
}
.related-links li a:hover{
text-decoration:none;
}
.contact-form{
width:310px;
float:left;
padding:35px 0 0 7px;
}
.contact-hd{
font-size:18px;
color:#BF0000;
font-weight:normal;
padding:5px 0 0 0;
}
.red-text{
font-size:12px;
color:#BF0000;
font-style:italic;
padding:5px 0 0 0;
display:block;
}
.contact-form ul{
list-style:none;
padding:10px 0 0 0;
}
.contact-form ul li{
padding:0 0 10px 0;
}
.contact-form ul li img{
float:left;
}
.contact-form ul li label{
font-size:13px;
color:#292A2B;
display:block;
line-height:18px;
}
.contact-form ul li label.less{
font-size:13px;
color:#292A2B;
display:block;
line-height:18px;
width:200px;
float:right;
}
.contact-form ul li label span{
color:#BF0000;
}
.contact-form ul li input{
width:292px;
height:22px;
border:1px solid #A3A3A3;
background:#EEEEEE;
padding:5px 7px 0 7px;
}
.contact-form ul li input.small{
width:182px;
height:22px;
border:1px solid #A3A3A3;
background:#EEEEEE;
padding:5px 7px 0 7px;
margin:0 0 0 10px;
float:right;
}
.contact-form ul li textarea{
width:292px;
height:81px;
border:1px solid #A3A3A3;
background:#EEEEEE;
padding:5px 7px 0 7px;
}
.submit-button-2{
background:url(images/submit-button2.gif) no-repeat;
width:146px;
height:36px;
float:left;
cursor:pointer;
border:0;
position:relative;
left:-5px;
margin:20px 0 5px 0;
}
.inner-col-left{
/* width:388px; */
width:570px;
float:left;
}
.inner-col-left img {margin: 15px; background-color: white; border: 2px solid #bfbfbf; padding: 3px;}

.inner-col-left ul {list-style: circle;}
.inner-col-left ul, .inner-col-left li {margin-left: 15px}

.pagination {font-weight: bold; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px dotted gray;}

.inner-col-right{
width:190px;
float:right;
}
.img{
width:164px;
height:118px;
float:left;
background:url(images/img-bg-inner.png) no-repeat;
margin:0 0 0 15px;
_margin:0 0 0 8px;
padding:10px 0 0 10px;
}
.manufactur{
font-size:12px;
font-weight:bold;
color:#000;
display:block;
float:left;
padding:5px 0 0 23px;
}
.sartorius{
margin:13px 0 0 23px;
float:left;
}
.and{
margin:3px 0 0 23px;
float:left;
}
.spacer{
padding:55px 0 0 0;
}
.products-links{
width:285px;
float:left;
padding:30px 0 0 5px;
}
.products-links ul{
list-style:none;
padding:3px 0 0 0;
}
.products-links li{
font-size:14px;
color:#231F20;
line-height:19px;
}
.products-links li a{
font-size:14px;
color:#D60000;
text-decoration:underline;
}
.products-links li a:hover{
text-decoration:none;
}
.products-hd{
color:#323233;
font-size:14px;
padding:25px 0 0 0;
}
.comment-box{
width:548px;
float:left;
background:#EEEEEE;
margin:20px 0 0 5px;
padding:0 0 20px 18px;
}
.name{
color:#231F20;
font-weight:bold;
display:block;
float:left;
font-size:14px;
padding:15px 0 0 5px;
}
.name span{
color:#231F20;
font-size:14px;
font-weight:normal;
}
.inner-hd2{
font-size:22px;
color:#323233;
font-weight:normal;
padding:0 0 0 5px;
}
.scales-box{
width:530px;
float:left;
background:#EEEEEE;
margin:20px 0 0 5px;
padding:0 0 20px 28px;
}
.scales-box ul{
list-style:none;
padding:20px 0 0 5px;
float:left;
}
.scales-box ul li{
float:left;
width:225px;
line-height:22px;
display:block;
}
.scales-box ul li a{
color:#231F20;
font-size:12px;
text-decoration:underline;
display:block;
}
.scales-box ul li a:hover{
text-decoration:none;
}
.images-list{
width:550px;
float:left;
padding:10px 0 0 0;
}
.images-list ul{
list-style:none;
float:left;
padding:10px 0 0 10px;
}
.images-list li{
background:url(images/Garber-Listing.gif) no-repeat;
width:89px;
float:left;
padding:7px 0 0 7px;
display:block;
height:155px;
margin:0 12px 0 0;
}
.images-list li span{
font-size:12px;
color:#231F20;
padding:10px 0 0 0;
display:block;
float:left;
}

/* Inner Page CSS End */

/* Footer CSS Start */
#outer-footer{
width:100%;
background:url(images/outer-footer-bg.gif) repeat-x #000;
padding:0 0 20px 0;
}
#inner-footer{
width:971px;
margin:0 auto;
padding:25px 0 0 0;
}
.address-box{
width:175px;
float:left;
}
.address-box p{
font-size:13px;
color:#fff;
padding:0 0 10px 0;
}
.address-box p a{
font-size:13px;
color:#FAA21A;
text-decoration:underline;
}
.address-box p a:hover{
text-decoration:none;
}
.address-box p a{
font-size:13px;
color:#FAA21A;
}
.address-box h4{
font-size:16px;
color:#fff;
padding:0;
margin: 10px 0 5px 0
}
.footer-box{
width:158px;
float:left;
background:#292929;
padding:3px 10px 15px 11px;
margin:0 0 0 16px;
min-height: 220px;
overflow: auto;
}
.footer-box p{
font-size:12px;
line-height: 18px;
color:#fff;
padding:0;
}
.footer-box h4
{margin: 0 0 10px 0;}

#bottom-footer{
background:url(images/bottom-footer-bg.gif) repeat-x #fff;
width:100%;
}
#bottom-footer-inner{
background:url(images/footer-bottom.gif) no-repeat left top;
height:120px;
width:971px;
margin:0 auto;
}
.footer-text{
font-size:12px;
color:#585858;
font-style:italic;
display:block;
float:left;
padding:28px 0 0 0;
}
/* Footer CSS End */