/*
** Layout
*/
	#header {
		height: 144px;
		width: 960px;
		margin: 0 auto;
	}
	#content {	
		width: 960px;
		margin: 0 auto;
	}
	#footer {
		clear: both;
	}
/* 
** Global Styles
*/
	a:link,
	a:visited,
	a:hover,
	a:active {
		font-weight: normal;
		color: #5985c0;
	}
	body {
		background: #1a1a1a url('../images/bg-subpage-header.png') repeat-x scroll 0 0;
		color: #949494;
		overflow-y: scroll; /* Added so the page doesn't jump about if there are no scrollers */
	}
	h1 {
		color: #f6f1ed;
		text-transform: uppercase;
	}
	h2 {
		letter-spacing: 1px;
		color: #fff;
		font-weight: normal;
		font-family: "Helvetica Neue", Helvetica, Verdana, serif;
		text-transform: uppercase;
		font-size: 16px;
	  margin: 0 0 18px 0;
	}
	h3,
	h4 {
		color: #f6f1ed;
		text-transform: uppercase;
		font-size: 13px;
	}
	.hide {
		display: none;
	}
	.separator {
		background: transparent url('../images/separator.png') no-repeat center center scroll;
		height: 18px;
		margin: 18px 0;
		clear: both;
	}
	.logo {
		float: left;
		margin-top: 27px;
		margin-left: 18px;
	}
	p.introcopy {
		padding-top: 18px;
		padding-left: 54px;
	}

/*
 ** Sitewide Elements
 */

/** Navigation **/
	#top-nav {
		float: right;
	}
	#top-nav ul {
		background: transparent url('../images/bg-navigation-left.png') no-repeat scroll left 0;
		margin-top: 18px;
		padding: 0 0 0 9px;
	}
	#top-nav li {
		display: inline-block; /* Fixed in IE6.css and IE7.css */
	}
	#top-nav li.last {
		background: transparent url('../images/bg-navigation-right.png') no-repeat scroll right 0;
		padding-right: 9px;
	}
	#top-nav a {
		background: transparent url('../images/bg-navigation-gradient.png') repeat-x scroll 0 0;
		display: inline-block;
		padding: 14px 9px 0 9px;
		height: 30px;
	}
	#top-nav a:link,
	#top-nav a:visited {
	  color: #fff;
	}
	#top-nav a.selected,
	#top-nav a:hover,
	#top-nav a:focus,
	#top-nav a:active {
		background: transparent url('../images/bg-navigation-gradient-active.png') repeat-x scroll 0 0;
	}

/** Page Intro **/
	#page-intro {
		width: 906px;
		height: 36px;
		margin: 0 auto;
		background: transparent url('../images/bg-sub-banner.png') no-repeat scroll center center;
		padding: 27px 0 27px 54px;
	}
	#page-intro h1 {
		font-size: 24px;
		margin: 0;
	}
	#page-intro p a:hover {
		color: #fff;
	}

/** Footer **/
	#footer {
		margin: 0 auto;
		width: 960px;
		color: #333;
		background-color: #111111;	
	}
	#footer p {
		padding: 18px;
		margin: 0;
		display: block;
	}
	#footer a:link,
	#footer a:visited {
	  color: #333;
	}
	#footer a:hover,
	#footer a:focus,
	#footer a:active {
	  color: #fff;
	}

/**
 ** Page Specific Styling
 **/

/** Homepage **/ 

	body.home {
		background: #1a1a1a url('../images/bg-page-header.png') repeat-x scroll 0 0;
	}

	.home #header {
		background: transparent url('../images/bg-girls-head.png') no-repeat scroll 786px bottom;	
	}

	.home #page-intro {
		width: 915px;
		height: 234px;
		padding: 0 45px 0 0;
		overflow: hidden;
		position: relative;
		background: transparent url('../images/bg-full-banner-gloveless.png') no-repeat scroll center center;
	}
	.home #page-intro h1,
	.home #page-intro h2 {
		padding: 0;
		text-indent: -9999px;
		float: left;
	}
	.home #page-intro p {
		margin: 0;
	}
	.home #page-intro a {
		float: right;
		/* margin: 36px 0 0 30px; */ /* For banner which includes Gloves in col3*/
		margin: 36px 0 0 56px; /* For banner which does NOT include Gloves */
		height: 162px;
		width: 95px;
		text-indent: -9999px;
	}
	.home #page-intro .col1 a {
		width: 202px;
	}	
	.home blockquote p {
		padding: 0 0 0 36px;
		font-family: Georgia, serif;
		font-size: 18px;
		line-height: 36px;
		font-weight: normal;
		float: left;
		color: #CCC;
		background: transparent url('../images/quote-66.png') no-repeat scroll 0 0;
	}
	.home blockquote .read-more {
		padding: 0 0 0 56px;
		color: #666;
		font-size: 12px;
		line-height: 18px;
		float: right;
		font-family: "Lucida Grande", "Lucida Sans", Verdana, serif;
		margin: 27px 0 0 0;
		background: none;
		background: transparent url('../images/quote-99.png') no-repeat scroll left center;
	}
	.home blockquote .read-more a:link,
	.home blockquote .read-more a:visited,
	.home blockquote .read-more a:hover,
	.home blockquote .read-more a:active {
	}
	.home blockquote .sub-paragraph {
			font-family: georgia;
			font-size: 16px;
			clear: both;
			float: none;
			background: none;
			padding: 0;			
	}

/* Remaining Styles */


#sizes {
	padding: 0 0 18px 0;
	background-color: #111;
}
#sizes table {
	width: 100%;
	border: 0;
}
#sizes th, #sizes td {
	border: 0;
	padding: 5px 0 4px 0;
	border-collapse: collapse;
}
#sizes th {
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
}
#accessories h4 a:link,
#accessories h4 a:visited,
#accessories h4 a:hover,
#accessories h4 a:active {
	color: #f6f1ed;
	font-size: 14px;
}
.product {
	background-color: #111;
	padding: 27px 27px 9px 27px;
	margin: 32px 0;
	position: relative;
	clear: both;
}
.product-image {
	float: left;
	width: 169px;
	margin-right: 27px;
}
.enlarge {
	background: transparent url('../images/enlarge_icon.png') no-repeat 0 5px scroll;
	padding-left: 18px;
	clear: both;
}
.product-content {
	float: right;
	width: 710px;
}
.section .product h2 {
	float: none;
	color: #fff;
	margin-bottom: 18px;
	letter-spacing: 1px;
}
.section {
	padding: 36px 18px 0px 18px;
}
.faq .section.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.faq .section h2 {
	letter-spacing: 1px;
	color: #949494;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Verdana, serif;
	float: left;
	margin-bottom: 36px;
}
.section h3 {
	float: left;
	margin-left: 18px;
	padding-left: 18px;
	border-left: 1px solid #333;
	font-family: "Helvetica Neue", Helvetica, Verdana, serif;
	font-weight: normal;
	margin-bottom: 36px;
	display: block;
}
.button {
	float: right;
	font-size: 10px;
	line-height: 12px;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, serif;	
	display: block;
	margin-left: 9px;
	text-transform: lowercase;
}
.button a:link,
.button a:visited,
.button a:active {
	color: #999;
	padding: 4px 8px;
	background-color: #3F3F3F;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	display: block;
}
.button a:hover {
	color: #111;
}
.button.buy-now a:link,
.button.buy-now a:visited,
.button.buy-now a:active {
	color: #fff;
	background-color: #AC1B22;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.button.buy-now a:hover {
	color: #AC1B22;
	background-color: #fff;
}
#photos img {
	float: left;
	margin: 0 9px 0 0;
	padding: 0;
}
#photos img.last {
	margin: 0 0 0 1px;
}


ul#faq-nav {
	margin: 45px 0 0 0 ;
	padding: 0;
}
ul#faq-nav li {
	display: block;
	float: left;
	width: 213px;
	margin-right: 36px;
}
ul#faq-nav li.last {
	margin-right: 0;
}
ul#faq-nav a:link,
ul#faq-nav a:visited,
ul#faq-nav a:active {
	text-transform: uppercase;
	color: #8D161B;
	display: block;
	background: #C69C9D;
	padding: 9px 18px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 18px;
}
ul#faq-nav a:hover {
	border: 1px solid #fff;
	color: #fff;
}
body.faq .question {
	width: 250px;
	float: left;
	clear: both;
	text-align: right;
	display: block;	
}
body.faq .answer {
	width: 656px;
	margin: 0 0 18px 18px;
	float: left;
	display: block;
}
body.contact-us .title {
	float: left;
}
body.contact-us .address {
	float: left;
	margin-left: 18px;
}
.where-to-buy table {
	border: none;
}
.where-to-buy table td {
	border: none;
	text-align: left;
	padding: 18px;
	width: 33%;
}
.where-to-buy table th {
	background-color: #111;
	border: none;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Verdana, serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
  margin: 0 0 18px 0;
	padding: 18px;
}

/* Float Clearing - Add all blocks for clearing here Start */
/* float clearing for IE6 */
* html .clearfix,
* html .product
{
	height: 1%;
	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix,
*+html .product
{
	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after,
#footer:after,
.product:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Float Clearing - End */