@charset "utf-8";
/* ========== Bracing Systems Secondary CSS Styles ========== */

/*	
    1.Breadcrumbs
	2.Left Container
		a.Left Navigation	
	3.Page
	4.Products Layout
	5.Rental Equipment List
	6.Manufacturers
	7.Contact Us
	8.Project Gallery
	9.Site Map
*/

/* ==================== 1.Breadcrumbs ==================== */

#breadcrumbs {float:left; width:938px; height:14px; padding:10px; border:#CCC solid; border-width:0px 1px 1px 1px; background:#D2E4EA; color:#000; display:block; }

#breadcrumbs p {display:block; font-size:.9em; }
	
#breadcrumbs p strong {color:#0B2B58;}
	
/* ==================== 2.Left Container ==================== */

#left-container {width:200px; float:left; margin-right:20px;}

/* --------- a.Left Navigation  --------- */

#left-navigation {width:200px; display:block; background:#0C2C59; line-height:190%; padding-bottom:8px; margin-bottom:15px; }

#left-navigation dt {width:200px; height:30px; display:block; color:#fff; font-weight:bold; background:url(../images/bg-title-left-nav.jpg) no-repeat left; margin-bottom:6px;}
	
#left-navigation dt strong {display:block; padding-left:12px; padding-top:3px;}

#left-navigation dd {padding-left:12px; margin-left:14px; background:url(../images/bullet-left-nav.gif) no-repeat left; font-weight:bold;}	
	
#left-navigation a {text-decoration:none; color:#FFF;}
	
#left-navigation a:hover {text-decoration:underline; color:#F90;}	
	
/* ==================== 3.Page ==================== */
	
#page {width:710px; float:left; padding-bottom:12px;}	
	
#page h1 {padding-top:2px;}
	
#page p {line-height:150%; padding-bottom:12px;}
	
#page ul {line-height:150%; margin-left:12px; margin-bottom:12px;}
	
#page li {background:url(../images/bullet.gif) no-repeat left 6px; padding-left:12px; margin-bottom:6px;}

#page strong {color:#0B2B58;}

#page ul.ul-float {float:left; width:215px; display:inline-block; margin-bottom:0px;}

.highlight {color:#F90; font-weight:bold;}

/* ==================== 4.Products Layout ==================== */

.productslayout {width:708px; border-collapse:collapse; margin-top:12px; text-align:center;}

.productslayout td {width:159px; border:1px #E2E2E2 solid; padding:8px; vertical-align:top;}

.productslayout img {border:1px #CCC /*#F90*/ solid; margin:15px 0px; padding:5px;}

.productslayout img.shop-now {margin:15px 0px 10px 0px; border:none;}

.productslayout h2 {font-size:1em; height:30px; width:154px; display:block; margin:0px; text-align:center; line-height:150%;}

.productslayout input {margin-bottom:14px;}
	
.productslayout div {margin-bottom:15px;}
	
.productslayout dt {font-size:1em; font-weight:bold; display:block; height:30px; margin-bottom:10px;}

.productslayout dd.price {color:#3C0; font-weight:bold; display:block; margin-bottom:10px;}

.productslayout dd.description {color:#000; display:block; height:52px;}

.productslayout img.btn-shop-now {border:none; padding:0px;}

/* ==================== 5.Rental Equipment List ==================== */

#equipment-list {width:707px; border-collapse:collapse;}

#equipment-list h2 {margin-top:12px; float:left;}

#equipment-list h2 a {text-decoration:none; color:#0B2B58;}

#equipment-list td {padding:4px; border:1px #CCC solid; color:#333; vertical-align:top;}

#equipment-list td.no-border {border:none;}

#equipment-list th {text-align:left; background:#D2E4EA; color:#0B2B58; padding:6px; border:1px #CCC solid;}

#rentals {padding:2px; border:1px #CCC solid; width:200px;}

#page #equipment-list p.top-link {display:block; float:right; padding-top:10px; padding-bottom:0px;}

/* ==================== 6.Manufacturers ==================== */
	
.p-img-manufacturers {width:703px; float:left; clear:both; margin-bottom:12px; padding-bottom:12px; border-bottom:#E2E2E2 1px solid;}
	
#page div.p-img-manufacturers h2 {display:inline;}

#page div.p-img-manufacturers a h2 {color:#1F7798; text-decoration:underline;}
	
#page div.p-img-manufacturers a:hover h2 {color:#F90; text-decoration:none;}
	
.p-img-manufacturers img {float:left; clear:both; margin:0px 20px 0px 0px; padding:3px;}
	
.p-img-manufacturers div.description {width:530px; float:left; margin-top:1px;}

.pdf-link {background:url(../images/icon-pdf.gif) no-repeat left 2px; padding-left:22px; font-weight:bold;}

#page ul.features li{background:url(../images/bullet-chk-mark.gif) no-repeat left 6px; padding-left:18px; margin-bottom:6px;}

/*.p-img-manufacturers p {display:block; width:530px; float:left;}*/

/* ==================== 7.Contact Us ==================== */

#contact-left, #contact-right {width:340px; float:left;}

#contact-left {margin-right:20px;}

#contact-left table {width:340px; border-collapse:collapse;}

#contact-left table td {padding:4px; vertical-align:top;}

#contact-left label {font-weight:bold; text-align:right; color:#0B2B58;}

#contact-left input, #contact-left textarea, #contact-left select  {padding:2px; border:1px solid #D1D4D1;}

#contact-left input {width:248px;}

#contact-left textarea {width:250px; height:120px;}

#contact-left .btn-contact {width:92px; height:28px;}

#contact-left p, #contact-right p {padding-bottom:4px;}

#contact-right dl {width:180px; margin-top:5px; margin-bottom:20px; display:block; line-height:150%; float:right;}

#contact-right dt {font-size:1.3em; font-weight:bold; color:#F90;}

#contact-right div {width:340px; height:150px; margin-bottom:10px; float:right;}

#contact-right img {padding:3px; border:#CCC 1px solid; float:left; margin-top:5px;}

#contact-right a:hover img {border:#F90 1px solid;}

/* ==================== 8.Project Gallery ==================== */

.project-gallery, .project-gallery-detail {width:708px; border-collapse:collapse;}

.project-gallery {text-align:center; margin-top:12px;}

.project-gallery td {width:159px; border:1px #E2E2E2 solid; padding:8px; vertical-align:top;}

.project-gallery-detail td {width:213px; border:1px #E2E2E2 solid; padding:11px; vertical-align:top;}

.project-gallery img {border:1px #CCC solid; margin:15px 0px; padding:5px;}

.project-gallery-detail img {border:1px #CCC solid; margin-bottom:11px; padding:5px;}

.project-gallery h2 {font-size:1em; margin:0px; line-height:150%; display:inline;}

.project-gallery a h2 {height:30px; width:154px; display:block; text-align:center; color:#1F7798; text-decoration:underline; display:block; cursor:pointer;}
	
.project-gallery a:hover h2 {color:#F90; text-decoration:none;}

.project-gallery-detail h2 {font-size:1.4em; line-height:120%; height:50px; width:210px; display:block; margin-bottom:4px;}

#page p.img-link {background:url(../images/icon-img-larger.jpg) no-repeat left 2px; padding-left:22px; font-weight:bold; padding-bottom:0px;}
	
/* ==================== 9.Site Map ==================== */

#sitemap-assitance, #sitemap-products {float:left; width:300px;}

#sitemap-assitance dt, #sitemap-products dt {font-weight:bold;}

#sitemap-assitance dd, #sitemap-products dd {background:url(../images/bullet.gif) no-repeat left 6px; padding-left:12px; margin-left:6px;}
