/* BLUFF MANUFACTURING 2007 */

/* BODY */

body {
margin: 0px;
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
td {vertical-align:top;}
td img {display: block;}
UL {    list-style-type:none;
list-style-image:url(images/doubleChevron2.gif);}
.summarylinks {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0073BB;
background:#f2f2f2 url(images/doubleChevron3.gif) left center no-repeat;
padding:0 0 0 15px;
margin:0 0 0 8px;
line-height: 21px;
font-weight: bold;
}
.dock-summarybox {
background-image: url(images/whitebox1.gif);
background-repeat: no-repeat;
text-align: left;
padding-top: 18px;
margin-top: 10px;
}
.dock-summarybox2 {
background-image: url(images/whitebox3.gif);
background-repeat: no-repeat;
text-align: left;
/*margin-top: 10px;*/
}
.dock-summarybox2 td{
padding-top:0;
vertical-align:top;
}
.summarylinks{
margin-top:0;
padding-top:0;
}

img {border:0px;}

.hide {
display: none;
}

/* LEFT NAVIGATION */

#leftnav, #leftnav-home {
background-color: #EEEEEE;
padding: 5px 0px 5px 0px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
}
#leftnav-home {
height:260px;
vertical-align:bottom;
}
#leftnav h2 {
margin-top: 12px;
margin-left: 5px;
padding-top: 0px;
font-size: 15px;
color: #0073BB;
}
#leftnav h2 a, #leftnav h2 a:hover {
color: #0073BB;
text-decoration: none;
}
#leftnav a {
text-decoration: none;
}
ul.leftnav {
margin: 0px;
padding: 0px;
}
ul.leftnav li.top, ul.leftnav li.topreplace {
list-style: none;
margin: 0px;
padding: 0px;
display: inline;
}
div.toplastlink {
margin: 0px;
padding: 0px;
display: block;
border-top: 1px solid #BBBBBB;
}
ul.leftnav li.top a {
color: #333333;
display: block;
background-color: #DDDDDD;
border-left: 8px solid #BBBBBB;
/*border-right: 1px solid #BBBBBB;*/
border-top: 1px solid #BBBBBB;
padding: 3px 0px 3px 5px;
}
ul.leftnav li.top a:hover {
background-color: #EEEEEE;
border-left-color: #0073BB;
/*border-right: 1px solid #BBBBBB;*/
border-top: 1px solid #BBBBBB;
}
ul.leftnav li.topreplace a {
color: #FFFFFF;
font-weight: bold;
display: block;
background-color: #0073BB;
border-left: 8px solid #0073BB;
/*border-right: 1px solid #BBBBBB;*/
border-top: 1px solid #BBBBBB;
padding: 3px 0px 3px 5px;
}
ul.leftnav li.sub {
margin: 0px;
padding: 0px;
display: inline;
}
ul.leftnav li.subreplace {
margin: 3px 0px 3px 3px;
padding: 0px;
list-style: url(images/navbull.gif);
list-style-position: inside;
}
ul.leftnav li.sub a {
display: block;
background-color: #EEEEEE;
color: #000000;
/*border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;*/
padding: 3px 0px 3px 21px;
}
ul.leftnav li.sub a:hover {
background-color: #EEEEEE;
color: #0073BB;
/*border-left-color: #000099;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;*/
}
ul.leftnav li.subreplace a {
/*display: block;*/
background-color: #EEEEEE;
color: #0073BB;
/*border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;*/
padding: 3px 0px 3px 0px;
}

/* CONTENT */

#content {
background-color: #FFFFFF;
padding: 5px 12px 15px 12px;
border-right: 1px solid #999999;
color: #333333;
}
#content h1, #content-home h1 {
margin-top: 10px;
padding-top: 0px;
font-size: 18px;
color: #000000;
}
#content h2 {
font-size: 15px;
color: #0073BB;
/*border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;*/
}
#content h2 a, #content h2 a:hover {
color: #0073BB;
text-decoration: none;
}
#content h3 {
font-size: 13px;
color: #333333;
}
#content a {
color: #0073BB;
text-decoration: underline;
}
#content a:hover {
color: #0073BB;
text-decoration: none;
}
#content table.rows {
vertical-align: top;
padding: 15px 5px;
}
#content table.rows td {
vertical-align: top;
padding: 15px 5px;
}

.summarycontent td {
padding: 5px;
vertical-align: top;
}
#content table.rows tr.u td {
border-bottom: 1px dotted #666666;
}
#content table.rows tr.u2 td {
border-bottom: 1px dotted #666666;
border-top: 1px dotted #666666;
}
#content table.rows2 td {
vertical-align: top;
padding: 10px 5px;
}
#content table.rows2 tr.u td {
border-bottom: 1px dotted #666666;
}
#content table.rows2 tr.u2 td {
border-bottom: 1px dotted #666666;
border-top: 1px dotted #666666;
}
.newprod, .locations {
font-family:Arial, Verdana;
font-size:11px;
color:#ffffff;
padding:10px 10px 10px 10px;
width:225px;
height:298px;
line-height: 20px;
text-align: justify;
}
.p_list {
font-family:Arial, Verdana;
font-size:11px;
text-decoration:underline;
}
.p_list_normal {
font-family:Arial, Verdana;
font-size:11px;
color:#334D77;
text-decoration:none;
}
.whitetext {
font-family:Arial, Verdana;
font-size:11px;
color:#ffffff;
line height: 1.5em;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 4px;
text-align:left;
margin: 0;
}
.theader {
background:#3263A6;
font-weight:bold;
}
.error {
color: #FF0000;
}
.yard-summarybox {
background-image: url(images/whitebox4.gif);
background-repeat: no-repeat;
text-align: left;
margin-top: 10px;
}
#content-home {
background-color: #FFFFFF;
padding: 7px 5px 5px 5px;
border-right: 1px solid #999999;
color: #333333;
vertical-align:top;
height:400px;
}
.home-whitebox {
padding: 10px;
height:223px;
vertical-align:top;
background:#fff url(images/home-whitebox.gif) top left no-repeat;
}
.home-logos {
background-repeat: no-repeat;
padding-top: 2px;
}
.home-dealer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #0073BB;
}
.home-greyboxleft, .home-greyboxright {
padding: 10px;
background:#fff url(images/home-greybox.gif) top center no-repeat;
vertical-align:top;
height:185px;
}
.home-greyboxleft p.more {
text-align: right;
margin: 0px 10px 0px 0px;
}
.home-greyboxright p.more {
text-align: right;
margin: 17px 10px 0px 0px;
}
.home-greyboxleft p.more a, .home-greyboxright p.more a {
color: #0073BB;
text-decoration: underline;
}
.home-greyboxleft p.more a:hover, .home-greyboxright p.more a:hover {
color: #0073BB;
text-decoration: none;
}
.home-blueboxleft {
height: 170px;
background:#fff url(images/home-header_r1_c1.png) top left no-repeat;
margin: 0px;
padding: 80px 20px 32px 20px;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
font-style: italic;
line-height: 22px;
vertical-align:top;
}
.home-blueboxleft a {
color: #FFFFFF;
text-decoration: none;
}
.home-blueboxleft a:hover {
color: #FFFF33;
text-decoration: none;
}
.home-blueboxright {
height: 170px;
padding: 0px;
background:#fff url(images/home7.png) top left no-repeat;
vertical-align:top;
text-align:right;
}
.home-whitebox h3, .home-greyboxleft h3, .home-greyboxright h3 {
color: #0073BB;
font-size: 14px;
padding: 0px;
margin: 0px;
}
.home-whitebox p, .home-greyboxleft p, .home-greyboxright p {
padding: 0px;
margin: 5px 0px;
}
.home-whitebox ul {
list-style-image: url(images/doubleChevron4.gif)
}
.home-whitebox ul {
padding: 0px 0px 0px 40px;
margin: 5px 0px;
}
#leftnav p, #leftnav-home p {
margin-left:25px;
}
td.box {
padding: 0;
border: 1px solid #005E9A;
cursor:pointer;
}
td.box a h2, td.box a:hover h2 {
margin: 0;
padding: 10px;
color: #FFFFFF !important;
text-decoration: none;
}
td.box a p, td.box a:hover p {
margin-bottom: 0;
padding: 10px;
color: #333333;
text-decoration: none !important;
}
td.box p {
margin-top: 130px;
}
#prodBox1{
color:#000;
background:#fff url(images/prods/prods-yard-ramp-sm.jpg) top left repeat-x;
width:300px;
padding-right:10px;
}
#prodBox2{
color:#000;
background:#fff url(images/prods/prods-loading-dock-sm.jpg) top left repeat-x;
width:300px;
}
.home-headline {
padding-top: 13px;
padding-bottom: 14px;
}
.hometextarea {
padding-right: 11px;
}
.hometextarea ul {
padding: 0px 0px 0px 40px;
margin: 0px 0px;
font-weight:bold;
line-height: 15px;
}
/* BLUFF MANUFACTURING - IE */

ul.leftnav li.subreplace {
margin: 3px 0px 3px 0px;
list-style: url(images/navbull-ie.gif);
list-style-position: inside;
}
ul.leftnav li.subreplace a {
padding: 3px 0px 0px 5px;
}
.yard-summarybox td {
padding-top: 22px;
}
.dock-summarybox td, .dock-summarybox2 td {
padding-top: 25px;
}
.home-blueboxleft {
height: 70px;
}
.home-whitebox {
height: 200px;
}
.home-greyboxleft, .home-greyboxright {
padding: 10px;
width: 155px;
height: 160px;
}
.home-whitebox h3, .home-greyboxleft h3, .home-greyboxright h3 {
color: #0073BB;
font-size: 14px;
padding: 0px;
margin: 0px;
}
.home-whitebox p, .home-greyboxleft p, .home-greyboxright p {
padding: 0px;
margin: 5px 0px;
}


/* new styles */
body,div,img{
margin:0;
padding:0;
}
body {
color:#000;
text-align:center;
background: #eee url(images/diamondplate.gif) repeat;
}
#wrap{
color:#000;
background:#fff;
text-align:center;
padding:0;
width:840px;
margin:0 auto;
}
#wrap *{
text-align:left;
}
#topStripe{
height:12px;
background:#000;
}
#bottomStripe{
height:10px;
width:800px;
background:#0073BB;
margin: 0 auto;
}
#bottomStripeBlack{
height:14px;
clear:both;
background:#000;
margin-bottom:-2px;
}
#topNav{
width:800px;
background:#fff url(images/top-nav-stripe.gif) bottom left repeat-x;
margin:0 auto 0 auto;
}
#topNav h2{
color:#900;
text-align:right;
font-size:14px;
margin:12px 24px 0 0;
padding:0;
}
#topNav img{
margin-right:-6px;
}
#topNav a img{
margin-right:-3px;
margin-bottom:16px;
}
#topNav img.logo{
margin-right:226px;
}
#footer{
margin:10px 20px 10px 20px;
float:left;
}
#footer,#footerLeft,#footerRight{
color:#999;
background:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#footerRight{
float:left;
width:165px;
text-align:right;
}
#footerLeft{
width:633px;
float:left;
border-right:1px dotted #ccc;
}
#footer a {
color: #999;
text-decoration: underline;
}
#footer a:hover {
color: #000;
text-decoration: none;
}
#leftnav2 {
color:#000;
background-color: #eee;
padding: 15px 5px 5px 5px;
border-right: 1px solid #999;
border-left: 1px solid #999;
vertical-align:bottom;
}
td#content{
height:250px;
vertical-align:top;
}
ul.leftnav{
border-bottom:1px solid #999;
}
.leftnavhome {
}
td.home{text-align:center;}
#leftnav img.home {
margin:0 auto;
}
#leftnav p.home {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #005F9B;
padding:4px 0 10px 0;
margin:0;
width:100%;
text-align:center;
}
#homelogos{margin-top:30px;}