@charset "utf-8";
/* ========== Phoenix Equipment Products CSS Styles ========== */

/*	
	1.Content Container
	2.Page
		a.Breadcrumbs
		b.Share This
		c.Main Styles
	3.Product Layout
	4.Subcategory Product Layout
		a.Product Sort
		b.Page Numbers
		c.Descriptions
	5.Left Colum
		a.Filter Results

*/

/* ==================== 1.Content Container ==================== */

#content-container {float:left; width:980px; margin-top:175px;}

#content-container-border {width:928px; padding:25px; background:#FFF; border:solid #CCC; border-width:0px 1px; float:left;}

/* ==================== 2.Page ==================== */

#page {width:715px; float:right;}

/* ---- a.Breadcrumbs --- */

#page p#breadcrumbs {font-size:.9em; margin-top:10px;}

#page p#breadcrumbs a {text-decoration:none;}

#page p#breadcrumbs strong {font-weight:normal; color:#666;}

#page p#breadcrumbs a.filter {background:url(../images/products/icon-filter.jpg) no-repeat left 0px; padding-left:18px;}

/* ---- b.Share This --- */

#share-this {float:right; margin-top:10px;}

#share-this a {text-decoration:none; font-size:.9em;}

/* ---- c.Main Styles --- */

#page h1, #page h2 {color:#003B71; line-height:120%; padding-bottom:12px; }

#page h1 {font-size:1.8em; font-weight:normal;}

#page h2 {font-size:1.4em; font-weight:bold; clear:left;}

#page p {line-height:160%; padding-bottom:12px;}

/* ==================== 3.Product Layout ==================== */

#products-layout {width:715px; float:left; padding-top:12px; text-align:center;}

#products-layout li {width:154px; height:145px; float:left; display:block; padding:0px 12px 12px 12px; line-height:130%;}

#products-layout li img {border:1px solid #CCC; padding:2px; margin-bottom:8px;}

#products-layout li a {clear:left; display:inline-block;}

/* ==================== 4.Subcategory Product Layout ==================== */

/* ---- a.Product Sort --- */

.product-sort {background:#E0F0FF; padding:6px 5px 6px 5px; float:left; width:705px; margin:12px 0px 15px 0px;}

.product-sort p, .product-sort .container {float:left;}

.product-sort .container {width:200px;}

#page .product-sort p {color:#003B71; font-weight:bold; line-height:normal; padding:3px 6px 0px 6px;}

select.sort, select.view {width:125px;}

.product-sort select {padding:2px 2px 3px 2px; border:1px solid #CCC; margin-right:6px; color:#666; font-size:.9em;}

/* ---- b.Page Numbers --- */

.pages {float:right; font-weight:bold; margin-left:4px;}

.pages a, .pages span {display:block; float:left; padding:3px 6px; margin-right:4px; border:1px solid #B2D5E8; background:#fff; font-size:.9em;}

.pages span.current {border:1px solid #003B71; background:#003B71; color:#fff;}

.pages a {border:1px solid #B2D5E8; text-decoration:none;}

.pages a:hover {border-color:#2E6AB1; background:#004F88; color:#9CF;}

.pages span.nextprev {color:#666;}

.pages span.nextprev {border:1px solid #ddd; color:#999;}

/* ---- c.Descriptions --- */

.subcategory-description {float:left; background:url(../images/products/bg-description-li.gif) repeat-x bottom; padding:0px 20px 15px 20px; width:675px; margin:10px 0px 5px 0px;}

.subcategory-description img {float:left; border:1px solid #CCC; padding:2px; margin-right:20px;}

.subcategory-description div {float:left; width:400px; margin-right:20px;}

.subcategory-description div a {font-weight:bold; font-size:1.3em; text-decoration:none;}

.subcategory-description div p {padding-top:6px;}

.subcategory-description ul {float:left; width:134px; line-height:200%;}

.subcategory-description ul li {background:url(../images/products/bg-description-li.gif) repeat-x bottom;}

.subcategory-description ul li strong {color:#003B71;}

.subcategory-description ul li input {margin-top:20px; background:none;}

.subcategory-description ul li a {font-weight:bold; background:url(../images/products/bg-arrow-details.gif) no-repeat right; padding-right:10px; text-decoration:none;}

.subcategory-description ul li.no-border {background:none;}

/* ==================== 5.Left Colum ==================== */

#left-colum {width:189px; float:left;}

/* ---- a.Filter Results ---- */

#filter-results {width:169px; float:left; padding:10px; background:#003B71;}

#filter-results p {font-size:1.1em; color:#FF6; font-weight:bold;}

#filter-results dl {width:169px; background:#EBF5FF; margin-top:10px; line-height:175%; overflow-y:scroll; overflow-x:hidden; float:left;}

#filter-results dt {background:#0173B3; padding:5px 10px; color:#FFF; font-weight:bold;}

#filter-results dd {padding-left:10px;}

#filter-results a {color:#003B71; text-decoration:none;}

#filter-results a:hover {color:#09F; text-decoration:underline;}

#filter-results a.active {color:#09F; text-decoration:none; font-weight:bold;}

#filter-results dl#categories {height:350px;}

#filter-results dl#capacity {height:160px;}

