/* BBMPINC.COM CSS Document */

* {margin:0; padding:0;}

/*forces vert scroll bar. without show/hide causes layout to shift when content goes from not filling to filling vertical page*/
html, body {
   height: 100%;
   margin: 0 0 1px;
   padding: 0;
 }


body {background-color:#1c1c1c; font-family: Verdana, Arial, Helvetica, sans-serif;}

p {
font-family: ; color: #000000; text-decoration: none; word-spacing:.1em; text-align: left;
letter-spacing: 0; text-indent: 0px; line-height: 1.3em; font-size: 12px; margin:10px 0;}

img {margin:2px; border:none;}

h2 {font-size:15px;}

h3{font-size:13px;}

div#wrapper {width:960px; background-color:#1c1c1c; margin:10px auto; }

div#header {width:960px; height:112px;  background-color:#1c1c1c; position:relative;margin-bottom:10px;}
	div#header p {position:absolute; width:420px; color:#d0dae5; top:85px; left:43px; font-size:12px; font-weight:bold; text-align:left}
	div#header img {border:none; margin:0; }

div#menu {width:960px; height:30px;  text-align:center; background-color:transparent/*#EEDAA5*/;position:absolute; top:85px; left:458px; width:460px;}

	div#menu ul { width:560px; height:30px;}
	
	* html div#menu ul {top:0px}/*IE HACK*/
	
	div#menu li {display:inline; padding:7px 0px; font-size:15px; font-weight:bold; text-transform:uppercase; /*border-left:1px solid #1c1c1c;*/ margin-right:-6px;}
	
	* html div#menu li {position:relative; top:7px; padding:0;}/*IE HACK*/
	
	div#menu li:last-child {/*border-right:1px solid #1c1c1c;*/}
	
	div#menu a{padding:6px 10px; text-align:center; /*background-image:url(../imgs-util/bg-menu.gif);*/ /*border:1px solid #EEDAA5;*/}
	div#menu a:link {color:#fff; text-decoration:none;}
	div#menu a:visited {color:#fff; text-decoration:none;}
	div#menu a:hover {color:#fff; text-decoration:underline;/*background-image:url(../imgs-util/bg-featured-rental.jpg);*/}
	div#menu a:active {color:#fff; text-decoration:none;}

div#submenu {width:960px; height:30px; background-color:#1c1c1c; color:#ddd; text-align:center; border-top:1px solid #ddd; border-bottom:2px solid #ddd; margin-bottom:10px; }
	div#submenu ul { margin-top:7px;}
	div#submenu li {display:inline;}
	div#submenu li a {padding:5px 30px; color:#ddd; text-decoration:none;font-weight:bold; font-size:14px}
		div#submenu li a:hover {color:#aaa; text-decoration:underline;}
		
		
div#contentwrap {width:960px; border-bottom:3px solid #1c1c1c; background-color:#d0dae5; float:left; padding-top:10px; padding-bottom:10px; /*background-image:url(../imgs-util/content-wrap-bg.png); background-repeat:repeat-y;*/ }
	div#contentwrap h2 {margin-left:10px; margin-right:10px; margin-bottom:15px; background-color:#D0DAE5; padding-top:10px; padding-bottom:10px; margin-top:-10px; border-bottom:1px solid #333;}
	
div#contentwrap ul {margin-left:30px; font-size:14px;}


div#leftcolumn {float:left; width:300px; /*background-color:#00FF66;*/ margin-left:10px;}
* html div#leftcolumn {margin-left:5px;}

div#jobimgs {clear:both; padding-top:20px;}
	div#jobimgs li {display:inline; }

.jobthumbs {list-style:none; text-align:center; margin:10px 0 10px -10px; }
.jobthumbs li {margin:0px 60px; position:relative; left:-30px;}
.jobthumbs img {border:1px Solid #1c1c1c; padding:3x;}


div#middlecolumn {float:left;width:300px; margin-left:20px;}
	div#middlecolumn h3 {margin:inherit 5px 10px 0;}

div#rightcolumn {float:left;  width:299px; margin-left:20px;}

	div#rightcolumn .internal { width:560px; margin-left:5px;}
	div#rightcolumn .brands {width:554px; height:86px;}
	* html div#rightcolumn .brands {width:550px;}
	


div#footer {width:960px; height:33px; background-color:#012D59; border-bottom:3px solid #1c1c1c; background-image:url(../imgs-util/bg-footer.gif); clear:both; margin-top:10px;}
	
	div#footer p {font-size:9px; color:#ccc; text-align:center; padding-top:10px;}

.imageright {float:right;}
.imageleft {float:left;}
.center { margin:15px auto;}
.block {display:block;}

.rentalitem {width:290px; border-bottom:1px solid #226AB1; position:relative; margin-bottom:4px;  }


	
	.rentalitem p, ul { font-size:10px; width:; min-height:12px; padding:1px 2px;}
	.rentalitem .headline {width:175px;}
	
/*	.rentalitem h3 { width:130px; font-size:11px; overflow:hidden; background-color:#FFFFCC}*/
	.rentalitem h4 {display:inline;  font-size:9px; width:60px; text-align:right; position:absolute; top:0px;; right:60px;}
	.rentalitem img { padding:2px; margin:5px 8px 10px 10px; margin-bottom:5px; border:1px solid #333;;}
	.rentalitem label {font-size:12px;}
	.rentalitem hr { width:70%; color:#AFC9E3; text-align:left; clear:both;}
	.rentalitem input { width:30px; text-align:center; margin:4px auto; margin-left:5px;font-size:10px;}
	.rentalitem ul { margin:10px 5px 10px -20px;  width:260px; text-align:left; clear:left;}
	.rentalitem li { list-style:inside;font-size:10px; margin-left:-20px;}
	.rentalitem form {display:inline; position:absolute; top:-5px;; right:10px;}
.rentalitemform { text-align:right; /*position:absolute; bottom:3px; right:5px; */width:35px; display:inline; height:30px;}

/*used to wrap section listings */
.subcatsection { background-color:#fff;  margin:8px auto; padding:4px; border:1px solid #999;}
.subcatsection h3 {background-image:url(../imgs-util/bg-subcatsection.jpg); background-repeat:no-repeat; color:#ddd; padding:5px; text-transform:uppercase;}
	
.smalltext {font-size:9px; color:#55451E; margin:2px 10px;}

div#quote { width:525px; margin:10px 15px;}

div#mnform input {margin-bottom:5px; margin-right:5px;}
div#quote label {position:relative; top:-5px; font-size:12px; padding-right:4px; }
div#mnform iframe {margin:10px 2px; width:555px; height:300px;background-color:#FCF8EF;}
div#mnform th {font-size:11px; padding-bottom:8px;}
.contact-quote-label {width:50px;}


div#mnform { 
	width:560px;
	margin:10px auto;
	}
	
	
	div#mnform form{ /*add bottom border to form element to repeat div.clearfix divider line*/
		border-bottom:1px solid #cccccc;}
		
	div#mnform h3 {
		margin:5px;
		text-align:center;
		}

	div#mnform div.clearfix {
		border-top:1px solid #cccccc; /*adds line above each section in main forms*/
		padding:5px 0;
		vertical-align:top;
		}
			
	div#mnform fieldset label { /*style labels on main forms and position them next to input boxes*/
		width:180px;
		float:left;
		font-size:.8em;
		margin:0 10px;
		}
		
	div#mnform table {border:2px solid #999999;padding:10px;}
	
	div#mnfrom p, h4 {padding:5px;}

fieldset {/*kill fieldset border in form*/
	border:2px solid #999999;
	margin-bottom:15px;
	background-color:#FCF8EF;
	padding:10px;
	}
	
div#cfform input {margin-bottom:5px; margin-right:5px;}
div#cfform { 
	width:290px;
	margin:10px auto;
	}
	
	
	div#cfform form{ /*add bottom border to form element to repeat div.clearfix divider line*/
		border-bottom:1px solid #cccccc;}
		
	div#cfform h3 {
		margin:5px;
		text-align:center;
		}

	div#cfform div.clearfix {
		border-top:1px solid #cccccc; /*adds line above each section in main forms*/
		padding:5px 0;
		vertical-align:top;
		}
			
	div#cfform fieldset label { /*style labels on main forms and position them next to input boxes*/
		width:100px;
		float:left;
		font-size:.8em;
		margin:0 10px;
		}
		
	div#cfform table {border:2px solid #999999;padding:10px;}
	
	div#cfform p, h4 {padding:5px;}


.smlettersform {/*used on main form for req opt etc*/
	font-size:.8em;
	color:#FF0000;
	}
	
.newprod {/*used on index page for new products*/
	border:1px solid #000;
	height:95px;
	width:270px;
	margin-left:20px;
	margin-bottom:10px;
	background-color:#fff;
	float:left;
	clear:left;
	-moz-border-radius: 20px;
	}


.newprod  span { font-weight:bold; color:#f00;}

.newprod img { float:right; border:none}

div#side-quote {margin:2px 0 2px 10px;}
	div#side-quote h4 {text-align:center; margin:5px auto;}
	div#side-quote p { font-size:10px;}

#sidemenu { }

#sidemenu ul {margin-left:10px;list-style:none; text-transform:uppercase; font-weight:bold; font-size:90%}

#sidemenu ul li {margin-bottom:10px;  }

#sidemenu ul li ul {width:100%; margin-left:15px; margin-top:10px; list-style:outside; text-transform:capitalize; font-weight:normal; font-size:80%;}

#sidemenu ul li ul li {}

.para { background-color:#E0E7EF; border:1px solid #333;}
	
/*add any additional divs or classes in this area and not below the alsett clearing method*/
	
/* and the Alsett clearing method code must go here*/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */