/* BLUFF MANUFACTURING 2007 */

/* BODY */
body {
margin: 0px;
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
td {vertical-align:top;}
ul {list-style-type:none;
list-style-image:url(images/doubleChevron2.gif);
}
img {
border:0px;
}
/* LEFT NAVIGATION */
#leftnav{
float:right;
width:150px;
/*padding: 31px 0px 17px 0px;*/
padding:10px 0 5px;
background-color: #eee;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
height:500px;
}
#leftnav p, #leftnav-home p {
text-align:center;
padding-top: 10px;
margin: 0px;
}
ul.leftnav{
border-bottom:1px solid #999;
margin:0;
padding:0;
}
#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 li.top {
list-style: none;
margin: 0px;
padding: 0px;
display: inline;
}
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;
}


#leftnav .prodselect{
background:url(images/prodselect-bg.png) bottom left no-repeat;
border-bottom:1px solid #999;
margin: 42px 0 0 0;
}
#leftnav .prodselect h2{
color:#fff;
background:#06c;
font-size:14px;
margin:0;
padding:3px 4px;
border-left:8px solid #0057ab;
}
#leftnav .prodselect h2 a{
color:#fff;
text-decoration:none;
}
#leftnav .prodselect h2 a:hover{
color:#ff0;
}
#leftnav .prodselect strong{
color:#333;
font-weight:normal;
display:block;
padding:6px 3px 3px 12px;
margin:0;
}
#leftnav .prodselect p{
color:#666;
text-align:left;
padding:3px 3px 5px 13px;
margin:0;
}
#leftnav .prodselect a{
color:#06c;
text-decoration:underline;
}
#leftnav .prodselect a:hover{
text-decoration:none;
}

#leftnav .newsbox{
margin:10px 0;
}
#leftnav .newsbox h2{
color:#fff;
background:#06c;
font-size:14px;
margin:0;
padding:3px 4px;
border-left:8px solid #0057ab;
}
#leftnav .newsbox p{
color:#666;
text-align:left;
padding:0px 3px 0 13px;
margin:3px 0 0 6px;
font-size:10px;
font-style:italic;
}
#leftnav .newsbox h3{
text-align:right;
margin:0 10px 0 0;
font-size:10px;
}
#leftnav .newsbox a{
color:#06c;
text-decoration:none;
}
#leftnav .newsbox a:hover{
text-decoration:none;
}
#leftnav .custsay{
margin:10px 0;
}
#leftnav .custsay h2{
color:#fff;
background:#06c;
font-size:13px;
margin:0;
padding:3px 4px;
border-left:8px solid #0057ab;
}
#leftnav .custsay p{
color:#666;
text-align:left;
padding:0px 3px 0 13px;
margin:3px 0 0 6px;
font-size:10px;
font-style:italic;
}
#leftnav .custsay h3{
text-align:right;
margin:0 10px 0 0;
font-size:10px;
}
#leftnav .custsay a{
color:#06c;
text-decoration:none;
}
#leftnav .custsay a:hover{
text-decoration:none;
}

/* CONTENT */
#content 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: #0073bb;
}
#content a {
color: #0073BB;
text-decoration: underline;
}
#content a:hover {
color: #0073BB;
text-decoration: none;
}
.home-dealer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #0073BB;
}
.home-greyboxleft, .home-greyboxright {
background:#fff url(images/home-new-products.gif) top center no-repeat;
}
.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-greybox_1 {
background:#fff url(images/seeournewproduct_box.gif) top center no-repeat;
}
.home-greybox_2 {
background:#fff url(images/becomeabluffdealer_box.gif) top center no-repeat;
}
.home-greybox_3 {
background:#fff url(images/ansistandard_box.gif) top center no-repeat;
}
.home-greybox_1 p.more {
text-align: right;
margin: 0px 10px 0px 0px;
}
.home-greybox_2 p.more {
text-align: right;
margin: 17px 10px 0px 0px;
}
.home-greybox_3 p.more {
text-align: right;
margin: 17px 10px 0px 0px;
}
.home-greybox_1 p.more a, .home-greybox_2 p.more a, .home-greybox_3 p.more a {
color: #0073BB;
text-decoration: underline;
}
.home-greybox_1 p.more a:hover,.home-greybox_2 p.more a:hover, .home-greybox_3 p.more a:hover {
color: #0073BB;
text-decoration: none;
}

.home-whitebox h3 {
color: #0073BB;
font-size: 14px;
padding: 0px;
margin: 0px;
}
#content .home-greyboxleft h3, #content .home-greyboxright h3 {
color: #ffff33;
font-size: 13px;
font-weight:bold;
font-style:italic;
padding: 0px;
margin: 0px;
}
#content .home-greybox_1 h3, #content .home-greybox_2 h3, #content .home-greybox_3 h3
{
	padding:30px 0 0 0;
	display:none;
	color: #ffff33;
	font-size: 13px;
	font-weight:bold;
	font-style:italic;
	margin: 0px;
}

.home-whitebox p, .home-greyboxleft p, .home-greyboxright p, .home-greybox_1 p, .home-greybox_2 p, .home-greybox_3 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;
}
.home-whitebox li {
padding-top:5px;
}

/* BLUFF MANUFACTURING - IE */
.home-whitebox h3, .home-greyboxleft h3, .home-greyboxright h3 {
color: #ffff33;
font-size: 14px;
font-weight:bold;
font-style:italic;
padding: 0px;
margin: 0px;
}
.home-greybox_1 h3, .home-greybox_2 h3, .home-greybox_3 h3
{
	padding:30px 0 0 0;
	display:none;
	color: #ffff33;
	font-size: 14px;
	font-weight:bold;
	font-style:italic;
	margin: 0px;
}
.home-whitebox p, .home-greyboxleft p, .home-greyboxright p, .home-greybox_1 p, .home-greybox_2 p, .home-greybox_3 p {
padding: 0px;
margin: 5px 0px;
}
/* new styles */
body,div,img{
margin:0;
padding:0;
}
body {
color:#999;
background:#000;
padding-top:12px;
}
#wrap{
color:#000;
background:#fff;
text-align:center;
padding:33px 0;
}
#wrap *{
text-align:left;
}
#centerWrap{
width:800px;
margin:0 auto;
background:#fff url(images/faux-columns-bg.png) 0 0 repeat-y; /* faux columns */
}
#centerWrap,#bottomStripe{
position:relative;
top:95px;
}
#wrap{
padding-bottom:128px;
}
#content{
float:right;
color: #333333;
background-color: #fff;
border-right: 1px solid #999999;
width:637px;
padding:5px 5px 5px 4px;
}
#content2{
float:right;
color: #333333;
background-color: #fff;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
width:788px;
padding:5px 5px 0 5px;
}
#empty{
clear:both;
}
#topStripe{
height:12px;
background:#000;
}
#bottomStripe{
clear:both;
height:10px;
width:800px;
background:#0073BB;
margin: 0 auto;
}
#topNavWrapper{
width:800px;
margin:0 auto 0 auto;
}
#topNav{
width:800px;
position:absolute;
top:45px;
background:#fff url(images/top-nav-stripe.gif) 0 37px repeat-x;
}
#topNav img{
margin-right:-6px;
}
#topNav a img{
margin-right:-3px;
margin-bottom:16px;
}
#topNav img.logo{
margin-right:185px;
margin-left:3px;
}
#tollFree{
width:800px;
position:absolute;
text-align:right;
color:#900;
font-size:14px;
font-weight:bold;
margin-top: -20px;
margin-left: -25px;
border:none;
}
#footerWrap{
width:800px;
margin:0 auto;
padding-top:10px;
}
#footer,#footerLeft,#footerRight{
float:left;
color:#999;
background:#000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-bottom: 10px;
}
#footerLeft{
width:650px;
border-right:1px dotted #ccc;
}
#footerRight{
width:145px;
text-align:right;
}
#footer a {
color: #999;
text-decoration: underline;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
.home-blueboxleft {
float:left;
display:inline;
font: italic bold 15px/22px Verdana, Arial, Helvetica, sans-serif;
color:#000;
background:#fff url(images/home-header_r1_c1.png) top left no-repeat;
width:298px;
height:90px;
margin: 0 0 0 3px;
padding: 80px 20px 0px 20px;
}
#montage{
float:left;
display:inline;
width:290px;
height:170px;
margin:0;
padding:0;
}
#content .home-blueboxleft td a {
color:#fff;
text-decoration:none;
}
#content .home-blueboxleft td a:hover {
color:#ff3;
}
.home-whitebox {
float:left;
padding:10px 10px;
margin-left:3px;
margin-top:10px;
width:258px;
height:200px;
vertical-align:top;
background:#fff url(images/home-whitebox.gif) top left no-repeat;
}
.home-greyboxleft, .home-greyboxright {
float:left;
padding:10px;
width:150px;
margin-left:7px;
margin-top:10px;
background:#fff url(images/home-greybox.gif) top center no-repeat;
height:163px;
}
.home-greybox_1, .home-greybox_2, .home-greybox_3
{
float:left;
padding:30px 10px 10px 10px;
width:150px;
margin-left:7px;
margin-top:10px;
background:#fff url(images/home-greybox.gif) top center no-repeat;
height:143px;
}

.home-greyboxleft, .home-greyboxright {
background:#fff url(images/home-new-products.gif) top center no-repeat;
}
.home-greybox_1{
background:#fff url(images/seeournewproduct_box.gif) top center no-repeat;
}
.home-greybox_2{
background:#fff url(images/becomeabluffdealer_box.gif) top center no-repeat;
}
.home-greybox_3{
background:#fff url(images/ansistandard_box.gif) top center no-repeat;
}

.home-greyboxleft h3 {
margin:-2px 0 12px 0;
}
#content .home-greyboxleft h3 a{
color:#ff3;
font-weight:bold;
text-decoration:none;
}
#content .home-greyboxleft h3 a:hover{
color:#ff3;
text-decoration:underline;
}

.home-greybox_1 h3 {
margin:-2px 0 12px 0;
}
#content .home-greybox_1 h3 a{
color:#ff3;
font-weight:bold;
text-decoration:none;
}
#content .home-greybox_1 h3 a:hover{
color:#ff3;
text-decoration:underline;
}

p.container{
margin-top:15px;
}
.home-greyboxleft ul {
margin-top:10px;
margin-bottom:10px;
}

.home-greybox_1 ul {
margin-top:10px;
margin-bottom:10px;
}
.home-logos {
clear:both;
display:block;
position:relative;
top:147px;
left:290px;
}
.home-greyboxleft,.home-greyboxright, .home-greybox_1,.home-greybox_2,.home-greybox_3 {
width:150px;
float:left;
}
.home-blueboxleft,#montage{

}
.products-whitebox {
float:left;
padding:5px;
margin-left:5px;
margin-right:5px;
width:177px;
height:270px;
vertical-align:top;
background:#fff url(images/products-whitebox.gif) top left no-repeat;
position:relative;
}
.products-whitebox h3 {
color: #0073BB;
font-size: 14px;
padding: 5px;
margin: 0px;
}
.products-whitebox p {
padding: 0px;
margin:5px;
}
.buttons-whitebox {
float:left;
padding:0px 0px 0px 0px;
margin-top: 8px;
margin-left:5px;
width:634px;
height:97px;
vertical-align:top;
background:#fff url(images/buttons-whitebox.gif) top left no-repeat;
}

#home-orderboxleft, #home-searchboxmiddle, #home-callboxright {
float:left;
padding:8px;
width:242px;
height:125px;
}

#home-orderboxleft_rev, #home-searchboxmiddle_rev, #home-callboxright_rev {
float:left;
padding:5px;
width:200px;
height:125px;
}
#home-orderboxleft p, #home-searchboxmiddle p, #home-callboxright p {
font-weight:bold;
font-size:12px;
text-align:center;
padding: 10px 0px 0px 0px;
margin: 0px;
}
#home-orderboxleft_rev p, #home-searchboxmiddle_rev p, #home-callboxright_rev p {
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
padding: 2px 0px 0px 0px;
margin: 0px;
}
#home-orderboxleft a, #home-searchboxmiddle a, #home-callboxright a {
color: #005185;
font-style:italic;
font-size:15px;
}
#home-orderboxleft_rev a, #home-searchboxmiddle_rev a, #home-callboxright_rev a {
color: #005185;
font-style:italic;
font-size:11px;
font-weight:bold;
}


/*
 PLEASE DIFFERENTIATE BY CREATING THE NEW STYLE FOR bluff_resources.html (CONTENT STYLE) IN BELOW LINE
*/

#content .r-welcome {
	float:left;
	width:422px;
	margin-bottom:5px;
}
#content .r-welcome .r-banner {
	padding:6px 0;
}
#content .r-call {
	float:left;
	width:206px;
}
#content .r-call .r-s-content{
	background:url(images/res_bg_small.gif) repeat-y;
	padding:280px 10px 10px 10px;
	height:40px;
}
#content .r-small-r {
	float:left;
	width:206px;
	margin-right:5px;
}
#content .r-small-r .r-s-content-s{
	background:url(images/res_bg_small.gif) repeat-y;
	padding:10px;
	height:134px;
}
#content .r-big {
	float:left;
	width:417px;
	margin-right:5px;
	margin-bottom:5px;
}
#content .r-big .r-b-content{
	background:url(images/res_bg_big.gif) repeat-y;
	padding:10px;
	height:145px;
}
#content .r-big .r-b-content .r-left{
	float:left;
	width:188px;
}
#content .r-big .r-b-content .r-right{
	float:right;
	width:188px;
}
#content .r-big .r-b-content .r-left p, #content .r-big .r-b-content .r-right p{
	margin:0;
	padding:0;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	font-weight:bold;
}
#content .r-small-l {
	float:left;
	width:206px;
	margin-bottom:5px;
}
#content .r-small-l .r-s-content-s{
	background:url(images/res_bg_small.gif) repeat-y;
	padding:10px;
	height:145px;
}
#content .r-small-r .r-s-content-prod{
	background:url(images/res_bg_small.gif) repeat-y;
	padding:10px;
	height:62px;
}
#content .r-welcome .r-small-r .r-s-content-s ul, #content .r-small-l .r-s-content-s ul, #content .r-small-r .r-s-content-prod ul, #content .r-big .r-b-content .r-right ul
{
	padding-left:20px;
	margin-left:10px;
}
#content .r-welcome .r-small-r .r-s-content-s ul li, #content .r-small-l .r-s-content-s ul li, #content .r-small-r .r-s-content-prod ul li, #content .r-big .r-b-content .r-right li
{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0066cc;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:5px;
}
#content .r-call .r-s-content p{
	text-align:center;
	margin:0;
	padding:0;
}
#content .r-call .r-s-content p.callnow{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}
#content .r-call .r-s-content p.phone{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#9e0d0d;
	text-decoration:none;
	font-weight:bold;
}