@CHARSET 'UTF-8';

/* ///////////////////////////////////////////////////
 * PRODUCTS INDEX PAGE STYLES - products.jsp and productList.jsp
 * /////////////////////////////////////////////////// */
#products ul.productsListRow {
	margin: 1em 1.75em 0 0;
	}
#products ul.productsListRow hr {
	/*TODO: Move this border-color into common color.css ... border-bottom-color: #333;*/
	/*border-bottom-style: solid; border-bottom-width: 1px;*/
	border-bottom: 1px solid #333 !important;
	border: 0 none; /*NOTE: This forces all other borders to not show up*/
	margin: 1.5em 0 1em 0;
	}
#products .prodListItem {
	float: left;
	margin: 1em 0.5em 0 0;
	width: 15.1em;
	}
#products .prodListItem h5 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 2em;
	text-align: center;
	text-transform: capitalize;
	}
#products .prodListItem h5 a img {
	text-align: center;
	}
#products .prodListItem h5 a:link, #products .prodListItem h5 a:visited {
	display: block;
	height: 100%;
	}


/* ///////////////////////////////////////////////////
 * PRODUCT DETAILS COLUMN STYLES- productDetails.jsp
 * /////////////////////////////////////////////////// */
#parameters {
	position: absolute;
	display: none;
	}

/*Total width = 805px*/
/*#fullImage = 407px*/
/*#prodDetails = * /
/*80.5em - #fullImage + margin, padding, borders = #prodDetails*/
/*80.5em - 40.7em + 2em = 37.8em*/

#fullImage {
	float: left;
	height: 100%;
	text-align: center;
	width: 42.7em; /*NOTE: Product images are 407px wide + 10px each left and right*/
	}
#fullImage img {
	float: left; /*NOTE: Floating ensures images will retain width dimension of parent*/
	margin: 0 1em 1em;
	}
#fullImage.loading {
	background: transparent url(http://assets-static.lemansnet.com/sites/z1rhelmets/assets/img/graphics/icons/loading.gif) no-repeat 50% 25%;
	}
	
#prodDetails {
	float: right;
	text-align: left;
	width: 37.8em;
	/*NOTE: DO NOT ADD PADDING OR MARGIN HERE!!!*/
	}


/* ///////////////////////////////////////////////////
 * PRODUCT DETAIL BLOCKS
 * /////////////////////////////////////////////////// */
#prodDetails .prodBlock h5 {
	border-bottom: 1px solid #333;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0.75em 0 0.25em;
	text-transform: uppercase;
	width: 100%;
	}
#prodDetails .prodBlock h5 span {
	/*NOTE: This styles the red secondary text to the right of the product detail*/
	font-size: 0.7em;
	text-transform: capitalize;
	}
#prodDetails .prodBlock {
	display: block;
	float: left;
	height: 100%;
	width: 100%;
	}
#prodDetails .prodBlock p {
	margin: 0 !important; /*Overrides default p*/
	}
#prodDetails .prodBlock ul#prodDescBulletList {
	margin: 1em 0 0.5em 2.5em;
	}
#prodDetails .prodBlock ul#prodDescBulletList li {
	display: list-item;
	font-size: 1.125em; /*NOTE: Match p font-size*/
	line-height: 1.6em;
	list-style-image: url('http://assets-static.lemansnet.com/sites/z1rhelmets/assets/img/graphics/icons/arrow_red_right.gif');
	list-style-position: outside;
	}


/* ///////////////////////////////////////////////////
 * PRODUCT DETAILS COLORS & ALTERNATE VIEW BLOCK
 * /////////////////////////////////////////////////// */
#prodDetails #colorways {
	height: 3.5em;
	margin-top: 0.5em;
	}
#prodDetails a.colorway img,
#prodDetails a.altView img {
	border: 1px solid #666;
	}
#prodDetails a.colorway,
#prodDetails a.altView { 
	border: 1px solid #000; /*NOTE: Placeholder for border to prevent 2px flicker when border is added for hover */
	display: block;
	float: left;
	padding: 2px; /*NOTE: Hold space for border in hover state*/
	margin-right: 0.35em;
	}
#prodDetails a.colorway:hover,
#prodDetails a.altView:hover,
#prodDetails a.active {
	border: 1px solid #69c;
	padding: 2px;
	}
#colorwayCurrent {display:none;}

/* ///////////////////////////////////////////////////
 * PRODUCT DETAILS FIT CHART BLOCK
 * /////////////////////////////////////////////////// */
.fitChartRow {
	margin-bottom: 1em;
	}

#fit {
	background-color: transparent;
	background-position: 0 100%;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	margin: 0.5em 0 0 0;
	}
#fit.isHelmet {
	height: auto !important; /*Helmets*/
	}
#fit.isJacket,
#fit.isChap, #fit.isGlove, #fit.isTee, #fit.isHoodie, #fit.isHat {
	height: auto !important; /*Jackets*/
	}
#fit a {
	background-color: #000; /*Otherwise link hit area falls through transparent PNG, IE 6, I'm looking at you*/
	display: block;
	position: relative;
	height: 100%;
	}


/* ///////////////////////////////////////////////////
 * PRODUCT BLOCK ICON LINKS
 * /////////////////////////////////////////////////// */
#iconLinksRow {
	border-top: 0px solid #333;
	float: left;
	width: 100%;
	}
#iconLinksRow a {
	background-color: transparent;
	background-position: 0 50%;
	background-repeat: no-repeat;
	float: left;
	height: 2.5em;
	margin: 0 auto;
	padding-top: 1.5em; /*NOTE: Half of the 2.5 height is 1.25 but fudge it to 1.5 'cause we're hiding the title*/
	padding-left: 3em; /*NOTE: Icons are 25px wide, add 5px and you've got 3em*/
	}

a#wtbLink {
	background-image: url(http://assets-static.lemansnet.com/sites/z1rhelmets/assets/img/graphics/icons/wheretobuy_icon.png);
	}
a#pnLink {
	background-image: url(http://assets-static.lemansnet.com/sites/z1rhelmets/assets/img/graphics/icons/part_numbers_icon.png);
	margin-left: 4.25em; /*NOTE: This nudges middle icon to look like it's centered*/
	}
a#omLink {
	background-image: url(http://assets-static.lemansnet.com/sites/z1rhelmets/assets/img/graphics/icons/pdf_icon.png);	
	float: right; /*Smack 'dis som beeotch to align right*/
	}
a#fcLink {
    background-image: url(http://assets-static.lemansnet.com/sites/z1rhelmets/assets/img/graphics/icons/fitchart_icon.gif);  
    float: center; /*Smack 'dis som beeotch to align right*/
    }