@charset "UTF-8";
/* CSS Document */
.left {
	float:left;
	display:inline;
}
.right {
	float:right;
	display:inline;
}
.spacer {height:12px;width:12px; background:#fff;}
.spacerLarge {width:35px; height:10px;}

.step_title {background:url(../images/buttons_sprite.png) no-repeat 0 -46px; line-height:23px; padding-left:22px;}
	.step_title h3.one, .step_title h3.two, .step_title h3.three {display:block; padding-left:4px; padding-bottom:1px; font-size:23px; font-weight:normal; background:#fff;}
	.step_title h3.suspension {font-weight:normal; background:#fff; position:relative; right:45px;}
		.step_title h3.suspension a {background:url(../images/buttons_warning.jpg) no-repeat 0 3px; padding-left:29px; text-decoration:underline;}

.returnTop {background:url(../images/buttons_sprite.png) no-repeat -45px -46px; line-height:23px; padding-left:22px; margin-left:500px;}
	.returnTop h3 {display:block; padding-left:4px; padding-bottom:1px; font-size:23px; font-weight:normal;}

/********** SIDEBAR **********/
#sidebar_container {
	width:232px;
	background:#f0f6e3;
}
#sidebar {
	width:232px;	
	height:100%;
	background:#f0f6e3 url(../images/sidebar_titles-products.jpg) top left no-repeat;
}
.sidebarBkg {background:url(../images/sidebar_rpt.jpg) top center repeat-y;} /* ONLY APPEARS ON INSIDE PAGES */
#sidebar h2 {
	height:68px;
	text-indent:-9999px;
}
#sidebar .spacer {
	width:232px;
}
.sideProduct-title {
	height:50px;
}
.sideProduct-list {
}
	.sideProduct-list ul {list-style-type:none;}
	.sideProduct-list ul li {padding:4px 0;}
		.sideProduct-title a {padding:0; margin:0; text-decoration:none;}
		.sideProduct-list ul li ul {margin-left:8px; padding-top:4px;}
.sideListSpacertop {
	height:15px;
	width:12px;
}
.sideListSpacerend {
	height:12px;
	width:12px;
}
.product_menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: 232px;
		font-size:14px;
		background:#f0f6e3;
    }
    .product_menu ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .product_menu li {
        background-image: none;
        margin: 0;
        padding: 6px 0;
		border-bottom:#fff solid 1px;
    }
	.product_menu li.sideProduct-title {
		border-bottom:#fff solid 12px;
	}
	.product_menu ul li {
		padding:5px 0 0 15px;
		background-image:none;
		border:none;
	}
	.product_menu ul li ul {
        display: inline;
		border:none;
    }
    .product_menu ul li ul li a {
		font-size:13px;
		text-decoration:none;
    }
    .product_menu a {
        color: #000;
        cursor: pointer;
        display: block;
        margin-left: 0;
        padding: 2px 2px 2px 10px;
        width: 232px;
		background-image:none;
		text-decoration:none;
    }
    .product_menu a.expanded {
        display:block; background: url(../images/collapse.gif) no-repeat 90% 50%;	
    }
    .product_menu a.collapsed {
        background: url(../images/expand.gif) no-repeat 90% 50%;
    }
    .product_menu a:hover {
        text-decoration: none;
    }
    .product_menu ul a {
		color: #000;
        display: block;
        font-weight: normal;
        padding: 2px 2px 2px 10px;
        width: 168px;
		background:#f0f6e3;
    }
    .product_menu a:hover {
		color:#f5b212;
    }
    .product_menu .footer span {
        display: none;
    }
.sidebarColor {
	background:url(../images/sidebar_rpt.jpg) top left repeat-y;	
}
		
/********** BODY CONTENT **********/

/********** CONTENT HEADER **********/
#content-container {
	width:717px;
}
/* Inside Page Logo */
#content-header {
	background:#fff;
}
#content-header h2 {width:717px; height:76px; text-indent:-9999px;}
	#content-header h2.customhardhats {background:url(../images/chh_logo.jpg) top right no-repeat;}
	#content-header h2.teamhardhats {background:url(../images/thh_logo.jpg) top right no-repeat;}
	#content-header h2.signline {background:url(../images/signline_logo.jpg) top right no-repeat;}

/* Inside Page Header */

	/* Cart Header */
	.productImg {float:left; display:inline; width:250px; padding-left:25px;}
			.productImgThumbs img {border:#ccc solid 1px;}
			.productImgThumbs ul {list-style-type:none; clear:both; position:relative; top:-10px; margin-bottom:-10px;}
				.productImgThumbs ul li {float:right; display:inline; padding:0 5px;}
					.productImgThumbs ul li img {width:25px; height:25px;}
	.productInfo {float:left; display:inline; width:175px; text-align:left; display:inline; font-size:18px; padding:14px 0 0 14px;}	
		.productTitle {font-weight:bold; text-align:left;}
		.productSub, .productNumber {font-weight:normal; text-align:left;}
		.productSpecs {padding-left:18px; text-align:left; background:url(../images/buttons_sprite.png) no-repeat 0 -68px;}
			.productSpecs a {color:#f5b212; display:block; text-decoration:none; font-size:16px; line-height:18px; padding-left:3px; background:#fff;}
				
				.productSpecs_Box, .suspension_Box {width:605px; min-height:400px; height:400px; text-align:left; overflow:auto;}
				.productSpecs_Box-alt, .suspension_Box-alt {width:580px;}
					.productSpecs_Box h3, .suspension_Box h3, .productSpecs_Box-alt h3, .suspension_Box-alt h3 {width:580px; height:60px; padding:18px 0 0 0; font-size:23px; text-transform:uppercase; text-align:center;}
					.productSpecs_Box h4, .productSpecs_Box-alt h4 {width:580px; line-height:24px; font-size:18px; padding:10px 0 5px 0; text-align:center; font-weight:normal;}
					.suspension_Box h4, .suspension_Box-alt h4 {width:280px; line-height:24px; font-size:18px; padding:10px 0 5px 0; text-align:center; font-weight:normal;}
					.productSpecs_Box .dividerLine, .suspension_Box .dividerLine, .productSpecs_Box-alt .dividerLine, .suspension_Box-alt .dividerLine {width:580px; padding:0; clear:both;}
 					.productSpecs_Box p, .suspension_Box p, .productSpecs_Box-alt p, .suspension_Box-alt p {width:560px; font-size:16px; line-height:24px; padding:10px 10px 5px 10px;}
					.productSpecs_Box ul, .suspension_Box ul, .productSpecs_Box-alt ul, .suspension_Box-alt ul {width:560px; font-size:14px; padding:0 10px; list-style-position:outside; list-style-type:disc;}
						.productSpecs_Box ul li, .suspension_Box ul li, .productSpecs_Box-alt ul li, .suspension_Box-alt ul li {margin:10px 0 10px 20px;}
					.productSpecs_Box img, .suspension_Box img {}
					.suspensionCol {width:280px;}
					.productSpecs_Box table, .productSpecs_Box-alt table {width:580px; padding:0 20px;}
					.productSpecs_Box table tr, .productSpecs_Box-alt table tr {line-height:28px;} 
					.productSpecs_Box table tr.first, .productSpecs_Box-alt table tr.first {background:#e9e9e9; font-weight:bold; font-size:16px;}
					.productSpecs_Box table tr td, .productSpecs_Box-alt table tr td {padding:0 8px; text-align:left;}
					
		.productPrice {font-weight:normal; font-size:23px; padding:20px 0;}
		.productQuantity {font-weight:bold;}
			.productQuantity label {width:90px; height:31px; padding-right:10px;}
			.productQuantity input {width:60px; padding:8px 8px; font-size:16px;}
		.productFootNote {font-size:12px; padding-top:18px;}
		
	/* Non Cart Header */
	.insideHead-Col {width:469px; text-align:left;}
		.insideHead-Col h3, .insideHead-Col h4, .insideHead-Col p {padding-left:20px;}
		.insideHead-Col h3, #content-body h3 {font-size:23px; font-weight:normal;}
		.insideHead-Col p, #content-body p {font-size:14px; line-height:22px; padding-bottom:10px;}
		
		.insideHead-Col ul {font-size:14px; margin-left:20px; padding-bottom:10px;}
			.insideHead-Col ul li {margin-left:25px; padding:1px 0;}
		.insideHead-Col ul.nested {margin-left:200px; padding-bottom:10px;}
			.insideHead-Col ul.nested li {margin-left:40px; padding:3px 0;}
		
		.insideHead-Col img {padding-bottom:30px;}
		
		.insideHead-Col .gallery {clear:both; padding-left:12px;}
			.insideHead-Col .gallery ul {list-style-type:none; margin:0; padding:0; clear:none;}
				.insideHead-Col .gallery ul li {width:125px; height:125px; padding:0; float:left; margin:8px; box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; -webkit-box-shadow: 1px 1px 3px #333;}
			
		.teamCol1 {width:154px;}
			.teamCol1 h4 {font-size:23px; line-height:28px; padding-left:0; text-align:center;}
				.teamCol1 h4 span.orange-text {font-size:26px;}
		.teamCol2 {width:315px;}		
			#slideshow {position:relative; height:238px;}			
			#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}			
			#slideshow IMG.active {z-index:10; opacity:1.0;}			
			#slideshow IMG.last-active {z-index:9;}
		
/* Store Sub Navigation */
#storeSubNav {
	width:232px;
	height:263px;
	float:right;
	display:inline;
}

#storeSubNav p {
	padding-left:18px;
}
	.ChatNow-button, .AddtlCharges-button, .Upload-button, .CurrentPrices-button {width:232px; height:43px; background:url(../images/buttons_sprite.png) no-repeat;}
	.AddtlCharges-button, .Upload-button, .CurrentPrices-button {text-indent:-9999px;}
	.ChatNow-button a, .AddtlCharges-button a, .Upload-button a, .CurrentPrices-button a {width:232px; height:42px; display:block; text-decoration:none;}
		.ChatNow-button, .ChatNow-button a {background-position:0 -94px;}
			.ChatNow-button:hover {background-position:0 -141px;}
				.ChatNow-button p {height:21px; padding-top:10px;}
					.ChatNow-button p a {display:block; font-size:18px; color:#fff; padding-left:22px;}
						.ChatNow-button p a:hover {color:#fff;}
		.AddtlCharges-button, .AddtlCharges-button a {background-position:0 -188px;}
			.AddtlCharges-button:hover {background-position:0 -235px;}
		.Upload-button, .Upload-button a {background-position:0 -282px;}
			.Upload-button:hover {background-position:0 -329px;}
		.CurrentPrices-button, .CurrentPrices-button a {background-position:0 -375px;}
			.CurrentPrices-button:hover {background-position:0 -422px;}
			
/********** END: CONTENT HEADER **********/

.dividerLine {width:717px; border-top:1px solid #ccc; margin-left:-19px;}

/********** CONTENT BODY **********/

#content-body, #content-footnotes {
	background:#fff;
	width:717px;
	padding:0 20px;
	text-align:left;
}
#content-bodyTitle {height:50px;}

.productChart {font-size:14px;}
	.productChart h3 {padding:12px 0; text-align:left;}
	.productChart .thumb {width:100px; float:left;}
		.productChart .thumb img {width:90px; height:90px;}
			.productChart .thumb .productSpecs {width:100px; text-align:left; background:url(../images/buttons_sprite.png) no-repeat -50px -68px; padding-left:18px; margin-left:-10px;}
				.productChart .thumb .productSpecs a {color:#f5b212; display:block; text-decoration:none; font-size:12px; line-height:18px; padding-left:3px; background:#fff;}
	.productChart table {width:573px;}
		.productChart table tr {line-height:28px;}
			.productChart table tr.first {background:#e9e9e9; font-weight:bold; font-size:16px;}
			.productChart table tr.alt {background:#F1F6E2;}
		.productChart table tr td {padding:0 8px; text-align:center;}
			.productChart table tr td.first {width:293px; text-align:left;}
				.selectHat {background:url(../images/button_check.png) no-repeat 8px 7px;}
					.selectHat a {display:block; background:#fff; margin-left:18px; text-decoration:underline;}								
		
.productVariableCol {width:321px;}
	.productVariableCol h4 {font-size:18px; font-weight:normal;}
		.productVariableCol h4 .small {font-size:14px;}
			
	.productVarBox {width:321px; background:#e9e9e9; padding:10px 0;}
		.productVarBox .spacer {background:#e9e9e9;}
		.productVarBox label {width:130px; float:left; display:inline; font-size:12px; padding:4px 10px 0 10px;}
		.productVarBox select {width:163px; float:left; display:inline;}
		.productVarBox input {width:163px;}
		.productVarBox textarea {width:296px; margin:8px 0 -20px 10px;}

	.productAddBox {width:321px; padding:10px 0;}
		.productFinalPrice {width:138px; height:42px; font-size:23px; text-align:right; line-height:42px; padding-right:10px; background:#e9e9e9;}
		.productFinalPrice h5 {font-size:18px; font-weight:normal;}
		.productFinalPrice input {font-size:23px; background:none; border:none; text-align:right; width:138px; margin-top:7px;}
			.productFinalPrice input:focus {border:none; outline:0;}
		.productAddToCart, .productAddToCart a {width:161px; height:42px; display:block; background:url(../images/buttons_sprite.png) no-repeat -71px -1px; text-decoration:none;}
		.productAddToCart:hover, .productAddToCart a:hover {background-position:-71px -47px;}

.teamProductCols {list-style-type:none; margin-left:-25px;}
	.teamProductCols li {width:179px; height:175px; float:left; display:inline; font-size:16px; text-align:center; padding-bottom:12px;}
		.teamProductCols li img {width:90px; margin:0 40px 12px 40px; border:1px solid #ccc;}
		.teamProductCols li a {font-weight:bold; text-decoration:none;}
		.teamProductCols li a div.skuNum {font-weight:normal; text-decoration:none;}		
		
/********** END: CONTENT BODY **********/

/********** CONTENT FOOT NOTES **********/

p.footnotes {font-size:14px; font-style:italic; padding-right:20px;}
p.footnotes .orange-text {font-style:normal; font-weight:bold;}