@font-face {
    font-family: 'ArialBlackRegular';
    src: url('/includes/fonts/arial_black-webfont.eot');
    src: url('/includes/fonts/arial_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/arial_black-webfont.woff') format('woff'),
         url('/includes/fonts/arial_black-webfont.ttf') format('truetype'),
         url('/includes/fonts/arial_black-webfont.svg#ArialBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArialNarrowRegular';
    src: url('/includes/fonts/arial_narrow-webfont.eot');
    src: local('☺'), url('/includes/fonts/arial_narrow-webfont.woff') format('woff'), url('/includes/fonts/arial_narrow-webfont.ttf') format('truetype'), url('/includes/fonts/arial_narrow-webfont.svg#ArialNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#PGhelmets #main
{
	background-image: url(/products/welding_protection/images/product/main_bg.png);
	background-repeat: repeat-x;
	background-color: #fff;
	background-position: left top;
}

#PGhelmets #toprtnav { background: #CBCBE3 url(/products/welding_protection/images/navround.gif) no-repeat left bottom; }

h1
{
	/*font-family: "Arial Narrow", Arial;*/
	font-family: 'ArialNarrowRegular';
	font-weight: bold;
	font-size: 18px;
	margin: 12px 0px 0px 0px;
	text-transform: uppercase;
}

h1 b
{
	/*font-family: "Arial Black", Arial;*/
	font-family: 'ArialBlackRegular';
	font-weight: normal;	
}

#posstatment
{
	color: #222;
	font-size: 13px;
	margin: 0px 0px 45px 0px;
}

/* Exclude IE6 */
#main > #product { overflow: auto; }

#product
{
	background: #fff url(/products/welding_protection/images/product/product_details_bg.png) repeat-x left bottom;
	border: 1px solid #aaa;
	clear: both;
	_height: 430px;
}

/************************* Product Image (Left Column) *************************/
#product-image
{
	background: #efefef;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	float: left;
	text-align: center;
	width: 281px;
}

#product-image-height
{
	min-height: 270px;
	height: auto !important;
	height: 270px;
}

#product-image-height img
{
	cursor: pointer;
}

#product-image-gutter
{
	overflow: auto;
	padding: 5px 5px;
}

#product-image-gutter a
{
	background: url(/images/videoicon.gif) no-repeat left center;
	padding-left: 20px;
}

#product-number
{
	float: left;
	text-align: left;
}

#product-image a
{
	display: block;
	float: right;
	text-align: right;
}

#product-image ul
{
	clear: both;
	height: 120px;
	overflow: auto;
}

#product-image h3
{	
	background: url(/products/welding_protection/images/product/additional_bg.png) repeat-x left top;
	height: 19px;
	line-height: 19px;
}

#product-image li
{	
	margin: 7px 0px 5px 0px;
	width: 33%;
}

#gutter li img:hover, #product-image li img:hover, #available-designs li img:hover
{
	cursor: pointer;
	opacity: .8;
	-ms-filter:" progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/************************* Product Details (Right Column) *************************/
#product-details
{	
	float: right;
	width: 441px;
	min-height: 391px;
	height: auto !important;
	height: 391px;
}

#product-head
{	
	height: 104px;
	position: relative;	
}

.product-gloves #product-head, #product-head { background: #002894 url(/products/welding_protection/images/product/product_head_bg.jpg) no-repeat left top; }

.product-helmets #product-head { background: #002894 url(/products/welding_protection/images/product/product_head_bg_helmet.jpg) no-repeat left top; }

.product-papr #product-head { background: #002894 url(/products/welding_protection/images/product/product_head_bg_papr.jpg) no-repeat left top; }

/*.product-coolbelt #product-head { background: #002894 url(/products/welding_protection/images/product/product_head_bg_coolbelt.jpg) no-repeat left top; }*/

.product-coolband #product-head, 
.product-coolbelt #product-head 
{ background: #002894 url(/products/welding_protection/images/product/product_head_bg_coolband.jpg) no-repeat left top; }


#product-title-position
{
	position: absolute;
	top: 10px;
	left: 10px;
}

#product-title
{
	color: #fff;
	font-size: 17px;
	font-weight: bold;	
}

#product-price
{
	color: #bbb;
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	top: 33px;
	left: 10px;
}

#arch-armor-logo
{
	position: absolute;
	top: 12px;
	right: 7px;
}

#product-tabs
{
	background: url(/products/welding_protection/images/product/tab_container_bg.png?2) repeat-x left bottom;
	_background: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	position: absolute;
	bottom: 0px;
	left: 0px;	
	width: 441px;
}

#product-tabs li.selected
{
	background: url(/products/welding_protection/images/product/tab_active_side_bg.png?2) no-repeat right bottom;
	_background: none;
}

#product-tabs li.selected a
{
	background: url(/products/welding_protection/images/product/tab_active_bg.png?2) repeat-x right bottom;	
	border-left: 2px solid #000;
	_border-left: 0px;	
	color: #000;
}

#product-tabs li, #product-tabs li.deselected
{
	background: url(/products/welding_protection/images/product/tab_side_bg.png?2) no-repeat right bottom;
	_background: none;
	float: left;
	list-style: none;
	margin-right: 2px;
	padding-right: 35px;
	_padding-right: 20px;
}

#product-tabs li a, #product-tabs li.deselected a
{
	background: url(/products/welding_protection/images/product/tab_bg.png?2) repeat-x right bottom;	
	border-left: 2px solid transparent;
	_border-left: 0px;	
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	outline: 0px;
	padding: 0px 15px 0px 27px;	
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: 22px;
	_width: 60px;
}

#product-tabs li.first-child a { border-left: 0px; }

#product-info {	padding: 0px 15px 15px 15px; }

#panel-details a { text-decoration: none; }

#panel-details, #panel-specifications { padding-top: 10px; }

#panel-details ul, #panel-specifications ul
{
	margin-top: 0px;
	padding-top: 0px;
}

#product-details div ul { list-style-type: disc; }

.warranty-logo
{
	float: right;
	margin: 0px 0px 15px 15px;
}

#panel-sizing, #panel-resources, #panel-specifications { display: none; }

#product-info table
{
	border: 1px solid #bbb;
	border-width: 0px 0px 1px 1px;
	margin-top: 12px;
}

#product-info table caption
{
	border: 1px solid #bbb;
	border-width: 1px 1px 0px 1px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

#product-info th, #product-info td
{
	border: 1px solid #bbb;
	border-width: 1px 1px 0px 0px;
	padding: 6px;	
}

#product-info th { font-weight: bold; }

#panel-sizing, #panel-resources
{
	height: 299px; /* 311 | 300 */
	margin-top: 15px;
	overflow: auto;
}

#panel-resources h3 { margin: 0px 0px 5px 0px; }

div#panel-resources ul
{
	list-style-type: none;	
	margin: 0px 0px 15px 0px;
	padding: 0px;
	overflow: hidden;
}

div#panel-resources ul.last-child { margin-bottom: 0px; }

#panel-resources li
{
	float: left;
	margin-left: 10px;
	width: 90px;	
}

#panel-resources li.first-child { margin-left: 0px; }
#panel-resources li.second-child
{
	margin: 0 20px 0 0;
}

#panel-resources img
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px;
	width: 84px;	
}

#panel-resources img:hover { border-color: #aaa; }

#panel-resources li div
{
	color: #0C54a0;
	text-align: center;
}

/************************* Banner & Reccomended Products *************************/
#gutter
{	
	clear: both;
	margin: 15px 0px;	
	overflow: auto;	
}

#banner
{
	display: block;
	float: left;
	height: 143px;
	/*width: 165px;*/
	position: relative;
}

#banner-flash-click, #banner-flash-click img, #banner object
{
	display: block;
	height: 143px;
	width: 143px;
}

#banner-flash-click, #banner object
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#banner object { z-index: 1; }

#banner-flash-click { z-index: 2; }

#gutter ul, #product-image ul
{
	margin: 0px;
	padding: 0px;
}

#gutter ul, #product-image ul {	text-align: center; }

#gutter h3, #product-image h3, #available-designs h3
{
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

#gutter li, #product-image li
{
	float: left;
	display: block;
}

#available-designs { _clear: both; }

#recommend, #available-designs
{
	background: #fff;
	border: 1px solid #aaa;	
}

#recommend
{
	float: right;
	width: 560px;	
}

#gutter h3, #available-designs h3
{
	
	background: url(/products/welding_protection/images/product/recommend_bg.png) repeat-x left top;	
	font-size: 12px;
	height: 20px;
	line-height: 20px;
}

#gutter li
{
	color: #0c54a0;
	margin: 15px 0px;
	_padding-bottom: 15px;
	*padding-bottom: 15px;
	vertical-align: bottom;
}

#available-designs ll { width: 100px; }

#gutter a#banner { outline: none; }

#gutter li { width: 25%; }

#gutter ul a, #available-designs ul a {	text-decoration: none; }

#gutter img, #available-designs img { border: 0px; }

#gutter li img, #available-designs li img
{
	border: 0px;
	cursor: pointer;
	display: block;
	margin: 0px auto;
	padding-bottom: 10px;
}

#gutter li img
{
	padding-bottom: 7px;
	_padding-bottom: 0px;
	*padding-bottom: 4px;
}

#gutter li
{
	margin: 5px 0px;
	_padding-bottom: 5px;
	*padding-bottom: 5px;
}


/* If no banner is being shown use this.
#banner { display: none; }
#recommend { width: 723px; float: none; overflow: hidden; }
#gutter li { width: 24%; }
*/


.legalese { clear: both; }

/************************* Available Designs (Carousel) *************************/
#carousel_container
{
	background: #eee;	
	clear: both;
	_height: 148px;
	overflow: hidden;
}

#carousel_inner
{
	float: left;	
	overflow: hidden;
	position: relative;
	width: 680px;
}

#carousel_ul
{
	color: #0c54a0;
	list-style-type: none;
	margin: 0px;	
	padding: 10px 0px;
	overflow: hidden;
	position: relative;	
	left: 0px;
	width: 9999px;	
}

#carousel_ul li
{
	float: left;	
	margin: 0px 5px;	
	_margin-left: 0px !important;
	text-align: center;
	vertical-align: bottom;
	width: 126px;
}

#carousel_ul li img
{
	.margin-bottom: -4px; /* IE is making a 4px gap bellow an image inside of an anchor so this is to fix that */
}

#left_scroll, #right_scroll
{
	float: left;
	margin-top: 35px;
	width: 12px;
}

#left_scroll
{
	margin-left: 8px;
	_margin-left: 0px;
}

#left_scroll img { display: none; }

#left_scroll img, #right_scroll img
{
	border: 0px;
	cursor: pointer;	
}

#PGhelmets #footer { border-top-width: 0px; }

.regmark { font-size: 10px; vertical-align: top; }