html
{
	height:100%;
	background: #FFFFFF top right repeat-y;
	color: #000;
}

body
{
	min-height: 665px;
	min-width: 1000px;
	background: #FFFFFF url(images/orange_bball_background.jpg) fixed no-repeat -410px top;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

#greyback
{
	background: #FFFFFF url(images/basketball_background.jpg) fixed no-repeat -410px top !important;
}

img
{
	border: none;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .1em;
	color: #f78e1e;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

h1
{
	margin-top: 0;
	font-size: 300%; /* approx 36pt */
	line-height: 105.6%; /* 38pt */
}

h2
{
	font-size: 182%; /* 24pt */
	line-height: 108.3%; /* 26pt */
}

h3
{
	font-size: 138.5%; /* 18pt */
	line-height: 111.1%; /* 20pt */
}

h4
{
	font-size: 108%; /* 14pt */
	line-height: 114.3%; /* 16pt */
}

h5
{
	/* same as normal text (but bold) */
}

h6
{
	font-style: italic;
	font-size: 85%; /* 11pt */
	line-height: 118.2%; /* 13pt */
}

p
{
	margin-bottom: 1em;
}

strong
{
	font-weight: bold;
}

li
{
	margin-left: 1em;
}

ul li
{
	list-style: disc;
}

ol li
{
	list-style: decimal;
}

th
{
	font-weight: bold;
}

/* Required for YUI overlays */
.yui-overlay
{
	position: absolute;
}

.clearall
{
  clear: both;
  overflow: hidden;
  height: 1px;
}

.indent
{
  margin:2em;
}

/* hide from graphic displays */
.hidden
{
	position: absolute; 
	left: 0px; 
	top: -5000px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden;
}

/*
  Use row styles like this:
  <div class="row">
    <div class="lcol">Or use label here</div>
    <div class="rcol">right column</div>
  </div>
*/
.row
{
  clear: both;
  padding-top: .1em;
}

.row .lcol,
.row label
{
  display: block;
  float: left;
  text-align: right;
}

.row .rcol
{
  display: block;
  text-align: left;
  float: right;
}

.row .rcol label
{
  display: inline;
  float: none;
  text-align: inherit;
}

.smaller
{
  font-size: 90%;
}

.smallest
{
	font-size: xx-small;
}

.Star /* marks required fields */
{
	font-weight: bold;
	color: #f89d2a;
}

input.attention,
select.attention
{
	border: 1px solid red;
}

.error-box
{
	border: 2px solid #f89d2a;
	padding: .5em;
	margin: 1em 0;
}


/* button with orange background and double arrows */
.orange-button
{
	text-transform: uppercase;
	color: #fff !important;
	background: #f78e1d url(images/nav-arrows.png) top right no-repeat !important;
	border: 1px solid #fff !important;
	min-height: 19px; /* for arrows image */
	padding-right: 19px; /* for arrows image */
	cursor: pointer;
	cursor: hand; /* for IE */
}

input.orange-button
{
	/* Fix IE 7 and lower padding problems */
	/* http://jehiah.cz/archive/an-even-better-ie-button-width-fix */
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
	/* Fix IE 7 and lower font */
	font-family: "Giovanni Bold", "Times New Roman", Times, serif; /* same as BODY */
}

input.orange-button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

a.orange-button
{
	white-space: nowrap;
	padding: .1em .25em;
	padding-right: 19px; /* as above */
	font-weight: normal !important;
}


#container /* dummy container for background */
{
	padding-bottom: 18px; /* add some space, and get rid of whitespace */

}

#bd
{
	position: relative;
	/*background: transparent url(images/basketball_background.gif) top left no-repeat;*/
	/*font-size: 93%;  12pt */
	line-height: 116.7%; /* 14pt */	
}
/*
#hoop {
	height:665px;
	width:607px;
	position: absolute;
	top: 0;
	right:0px;
	background-image: url(images/hoop_background.gif) !important;
	background-repeat: no-repeat;
	overflow:visible;
	z-index: -1;
}
*/
#hd
{
	padding-top: 11px;
	position:relative;
	z-index: 100;
}

#hd .first
{
	width: 43%; /* approx width of logo */
}

#hd .nav
{
	width: 56.5%; /* 100% minus width of logo (approx) */
}

#hd .container
{
	margin-top: 7px;
	background: transparent url(images/double_lines.gif) bottom left repeat-x;
	padding-bottom: 8px; /* for double lines */
}

#main-nav
{
	background: transparent url(images/double_lines.gif) top left repeat-x;
	height: 8px; /* for double lines */
	overflow: visible;
}

#utility-nav li,
#main-nav li
{
	float: left;
	list-style: none;
	margin: 0;
}

#utility-nav-expanded li
{
	position: absolute;
	top: 100px;
	left: 720px;
	list-style: none;
	margin: 9px 0px;
}

#main-nav li
{
	margin-top: 12px; /* for double lines */
}

#utility-nav a,
#utility-nav-expanded a,
#main-nav a
{
	color: #000;
	background: transparent;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: baseline;
}

#utility-nav a.fb,
#utility-nav-expanded a.fb,
#main-nav a.fb
{
	color: #000;
	background: none;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: baseline;
}

#utility-nav
{
	float: right;
	text-align:center;
	font-size:xx-small;
}

#utility-nav li
{
	height: 20px; /* make these all the same height */
}

#utility-nav a
{
	margin-left: 2px;
	color: #f78f1e;
	font-weight: bold;
}

#utility-nav a:hover
{
	color: #000;
	text-decoration: underline;
}

#utility-nav-expanded a, #orange-box
{
	width: 195px;
	background-color: #f78f1e;
	padding: 5px 8px 0px 8px;
	display: block;
}

#utility-nav-expanded div#orange-box a
{
	background-color:none;
	padding:0;
}

#utility-nav-expanded a .wishlist
{
	width: 30px;
	background-color: #000;
	padding: 0;
}

#utility-nav-expanded a .GoImage
{
	position:absolute;
	top: 13px;
	left: 180px;
}

#main-nav
{
	/*background: transparent url(images/double_lines.gif) top left repeat-x;*/
	padding-top: 0px; /* for double lines */
	padding-left: 10px;
	min-height: 32px;
}

#main-nav a
{
	margin: 3px 8px;
	display: block;
}

#slogan {
	text-align: right;
}

#slogan img {
	margin-right: 20px;
}

#bd a:link
{
	color:#0033CC;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #03C;
}

#bd a:visited {
	color:#0033CC;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #03C;
}

#bd a:hover,
#bd a:active {
	background-color:#efefef;
	color:#333333;
	/*color:#FBF8B8;*/
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#bd a.plain:link,
#bd a.plain:visited,
#bd a.plain:hover,
#bd a.plain:active
{
	border: none;
	background: transparent;
}



/* buttons by Mel */
td.button {								 
	background-image: url(images/butbg.gif);
	background-color: #ffc58c;
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	white-space: nowrap;
}
font.button {	
	font-family: Arial;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


#ft a:link,
#ft a:visited
{
	color: #000;
	text-decoration: none;
	border-bottom: none;
}

#ft a:hover,
#ft a:active
{
	background-color: #111;
	color: #eee;
	text-decoration: none;
}

#ft .container
{
	background: transparent url(images/double_lines.gif) bottom left repeat-x;
	padding-bottom: 8px; /* for double lines */
}

#ft .footer-info
{
	background: transparent url(images/double_lines.gif) top left repeat-x;
	padding-top: 9px; /* for double lines */
	font-weight: bold;
	text-align: center;
}

#ft .footer-info .contact-info
{
	margin-top: 5px; /* nudge down a bit to vertically align with Made in USA box */
	font-size: 123.6%;
}

#ft .footer-info .email
{
	font-size: 128.6%;
}

#ft .first /* Made in the USA */
{
	font-size: 123.6%;
	font-weight: bold;
	text-align: center;
}

#ft .first img /* US flag */
{
	display: block;
	margin: 0 auto;
}

/* Warning/error/info messages */
#dialog_message
{
	width: 80%;
	background: #ddd;
	border: 2px solid #000;
	color: #000;
	margin: 1em auto;
}

#dialog_message h1
{
	background: #f78f1d;
	font-size: 108%;
	padding: .1em .25em;
	border-bottom: 1px solid #000;
}

#dialog_message #dialog_message_close
{
	float: right;
	margin: 2px;
	cursor: pointer;
	cursor: hand; /* for IE */
}

#dialog_message img
{
		vertical-align: middle;
}

#dialog_message .message
{
		padding: .25em;
}

/* Homepage */
.homepage
{
		position: relative;

	
}

.homepage .yui-u
{
		width: 60%;
}

.homepage .first
{
		background-image: url(images/mvp_cutout.png);
		background-repeat: no-repeat;
		min-height: 600px;
		width: 300px;
		position: absolute;
		top: 0px;
		left: 400px;
		z-index: 0;
		overflow: hidden;
	
}

.homepage .category-nav
{
		position: relative;
		top: 400px;
		left: 148px;
}

#bd a.cat-menu:link
{
		display: block;
		text-decoration: none;
		text-align: center;
		color: #fff;
		border-bottom:0px;
	
}
#bd a.cat-menu:visited {
		display: block;
		text-decoration: none;
		text-align: center;
		color: #fff;
		border-bottom:0px;
}
#bd a.cat-menu:hover {
      display: block;
      text-decoration: none;
		text-align: center;
		color: #fff;
		border-bottom:0px;
		background-color:transparent;
}

#bd .newsbox {
		border: 2px solid #f78e1e;
		padding: 3px;
		width: 372px;
		margin: 30px 0;
}

#bd .newsbox a {
	display: block;
	border-bottom: none;
	
}

#bd .newsbox a:hover {
	background-color: transparent;
	display: block;
}

#bd .newsbox a img {
	border-bottom: none;
}


#bd .state-fair {
		border: 2px solid #f78e1e;
		padding: 3px;
		margin-left:-25px;
}

#bd .state-fair a {
	display: block;
	border-bottom: none;
	
}

#bd .state-fair a:hover {
	background-color: transparent;
	display: block;
}

#bd .state-fair a img {
	border-bottom: none;
}

 /* New Navigation setup */
#front-nav {
 	position: relative;
	top: 0px;
	left: 0px;
	width: 360px;
	margin-bottom: 1em;
	color: #000;
	font-size: 130%;
	float:left;
	}

#why-nav {
 	position: relative;
	top: 0px;
	left: 0px;
	width: 12em;
	margin-bottom: 1em;
	font-size: 130%;
	}

#front-nav li {
	width:300px;
	margin:20px 0 15px 40px;
	background:transparent !important;
	float:left;
	list-style: none;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	height:20px;
}

#front-nav li a {
	text-decoration:none;
	color:#000 !important;
	border-bottom:none !important;
}

#front-nav li a:hover {
	background-color:transparent;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-transform:none;
	text-decoration:none;
}

#front-nav #home a {
	float:right;
	margin: 5px 0px;
	border: 2px solid #f78f1e;
	padding:5px 10px;
	background:#FFF;
	color:#f78f1e;
	clear:both;
}

#front-nav #home a:hover {
	text-transform:none;
	text-decoration:none;
}

div.front-fancy-nav {
		float: left;
		}
		
.front-fancy-nav div.link {
		height:90px;
		text-transform: uppercase;
		font-style: italic;
		font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
		
#bd .front-fancy-nav div a {
		display: block;
		background-color:transparent;
		color: #000;
		text-decoration: none;
		border-bottom: none !important;
		}
		
.front-fancy-nav div img.menu {
	width:125px;
	margin:5px;
	float:left;
	border:2px solid #00F;
	clear:left;
}

html>body .front-fancy-nav div a {
		width: auto; /*ie hack*/
		}
		
.front-fancy-nav div.text {
	margin: 27px 0px 40px 0px;
	float:left;
}

.front-fancy-nav div.text img,
.front-fancy-nav a:hover div.text img{
	border:0;
	margin:0 3px;
}

.front-fancy-nav div.link:hover img.menu {
	border:2px solid #f78f1e;
}

#bd div.link img.primary {
	z-index:1;
	position:absolute;
	left:135px;
}

#bd div.link img.rollover {
        z-index: -1;
	position:absolute;
	left:-1000px;
}

#bd div.link:hover img.rollover {
        z-index: 2;
	position:absolute;
	left:135px;
}

#bd img.primary {
	z-index:1;
	position:absolute;
}

#bd img.rollover {
        z-index: -1;
	position:absolute;
}

#bd a:hover img.rollover {
        z-index: 2;
}

ul.fancy-nav {
		border-top:1px solid #f78e1e !important;
		}
		
.fancy-nav li {
		background-image: url(images/nav-arrows.png);
		background-repeat: no-repeat;
		background-position: 3px 4px;
		list-style: none;
		border-bottom: 1px solid #f78e1e;
		margin: 0;
		width: 100%;
		}
		
#bd .fancy-nav li a {
		display: block;
		padding: 7px 0px 7px 25px;
		background-color:transparent;
		color: #000;
		text-decoration: none;
		width: 100%;
		border-bottom: none !important;
		text-transform: uppercase;
		font-style: italic;
		font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
		}

html>body .fancy-nav li a {
		width: auto; /*ie hack*/
		
		}
		
#bd .fancy-nav li a img {
	margin-top: -10px;

}

.fancy-nav li:hover {
	background-image: none;
}

.fancy-nav li a:hover,
.fancy-nav li a.hover {
		background-image:url(images/nav-grad.png);
		background-repeat: no-repeat;
		background-position: -5px -12px;
		color: #fff;
		}

/*WHY GOALSETTERS CLASSES*/
/*.why-gs {
		background-image: url(images/mvp_cutout.png); 
		background-repeat: no-repeat;
		background-position: -53px -5px;
		min-height: 600px;
		width: 390px;
		overflow: hidden;
}*/

.inside-story {
	
	min-height: 700px;
	position: relative;
		}


.intro-text {
	font-size: 140%;
	width:450px;
	line-height: 115%;
}

/*GS Why GS Backboard info*/
.backboard-testimonial {
	background-image: url(images/backboard_testi.png);
	position: absolute;
	top:265px;
	left: 0px;
	height: 336px;
	width: 461px;

}


.inside-story-backboard {
	width: 483px;
	height: 221px;
	background-image:url(images/inside_story.png);
	background-repeat: no-repeat;
	background-position: -25px -5px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100px;
}

.highlight-backboard {
	position: absolute;
	background-image:url(images/backboard.png);
	background-repeat: no-repeat;
	background-position: 60px 50px;
	min-height: 500px;
	margin-top: 160px;
	width:550px;
	
}

.backboard-hp1 {
	position:absolute; /*Description box H-Frame positioning*/
	width: 180px;
	top:110px;
	left:-40px;
}

.backboard-hp2 {
	position: absolute; /*tempered glass positioning */
	width: 180px;
	top:245px;
	left:-15px;
}

.backboard-hp3 { /* Pick your size positioning */
	width: 300px;
	position: absolute;
	top:345px;
	left: 10px;
}



/*END GS Why GS Backboard info*/

/*GS Why GS Height Adjustment*/
.heightadj-testimonial {
	background-image: url(images/height_testi.png);
	position: absolute;
	top:355px;
	left: -70px;
	height: 280px;
	width: 499px;
}


.inside-story-heightadj {
	width: 483px;
	height: 221px;
	background-image:url(images/inside_story.png);
	background-repeat: no-repeat;
	background-position: -25px -5px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.highlight-heightadj {
	position: absolute;
	background-image:url(images/height.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 520px;
	margin-top: 105px;
	width:530px;
	z-index: 1;
}

.heightadj-hp1 {
	position:absolute;
	width: 345px;
	top:30px;
	left:-200px;
}

.heightadj-hp1 h5 {
	width: 300px;
}

.heightadj-hp2 {
	position: absolute;
	width: 210px;
	top:310px;
	left:110px;
}

.heightadj-hp3 {
	width: 320px;
	position: absolute;
	top:420px;
	left: -20px;
}
/*END GS Why GS Height Adj info*/

/*GS Why GS Pole Design*/
.pole-testimonial {
	background-image: url(images/pole_testi.png);
	position: absolute;
	top:175px;
	left: -70px;
	height: 422px;
	width: 491px;
}


.inside-story-pole {
	width: 483px;
	height: 221px;
	background-image:url(images/inside_story.png);
	background-repeat: no-repeat;
	background-position: -25px -5px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.highlight-pole {
	position: absolute;
	background-image:url(images/pole.png);
	background-repeat: no-repeat;
	background-position: 50px 0px;
	min-height: 550px;
	margin-top: 50px;
	width:530px;
}

.pole-hp1 {
	position:absolute;
	width: 130px;
	top:105px;
	left:-45px;
}

.pole-hp2 {
	position: absolute;
	width: 340px;
	top: 353px;
	left: 15px;
}

.pole-hp3 {
	width: 330px;
	position: absolute;
	top:485px;
	left: 15px;
}
/*END GS Why GS Pole info*/

/*GS Why GS Ground Anchor*/
.anchor-testimonial {
	background-image: url(images/anchor_testi.png);
	position: absolute;
	top: 335px;
	left: 0px;
	height: 338px;
	width: 459px;
}

.inside-story-anchor {
	width: 483px;
	height: 221px;
	background-image:url(images/inside_story.png);
	background-repeat: no-repeat;
	background-position: -25px -5px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.highlight-anchor {
	position: absolute;
	background-image:url(images/anchor.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 540px;
	margin-top: 130px;
	width:530px;

}

.anchor-hp1 {
	background-image: url(images/anchordisc.png);
	background-repeat: no-repeat;
	position:absolute;
	width: 300px;
	top: 0px;
	left: -225px;
	min-height: 158px;
	padding-left: 158px;
}

.anchor-hp2 {
	position: absolute;
	width: 340px;
	top:145px;
	left:-255px;
}

.anchor-hp3 {
	position: absolute;
	width: 200px;
	top: 300px;
	left:235px;
}


/*END GS Why GS Ground Anchor*/

/*GS Why GS custom color*/
.color-testimonial {
	background-image: url(images/color_testi.png);
	position: absolute;
	top:185px;
	left: -55px;
	height: 427px;
	width: 474px;
}

.inside-story-color {
	width: 483px;
	height: 221px;
	background-image:url(images/inside_story.png);
	background-repeat: no-repeat;
	background-position: -25px -5px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.highlight-color {
	position: absolute;
	background-image:url(images/color.png);
	background-repeat: no-repeat;
	background-position: 50px 0px;
	min-height: 540px;
	margin-top: 110px;
	width:530px;
}

.color-hp1 {
	position:absolute;
	width: 155px;
	top: 20px;
	left: -20px;


}

.color-hp2 {
	position: absolute;
	width: 300px;
	top: 380px;
	left: 10px;
}

.color-hp3 {
	position: absolute;
	width: 260px;
	top: 495px;
	left: 0px;
}

.color-paint {
	background-image: url(images/paint.png);
	position: absolute;
	width: 76px;
	height: 629px;
	top: -70px;
	left: -90px;
}


/*END GS Why GS custom color*/

/*GS Why GS Made in USA*/
.usa-testimonial {
	background-image: url(images/usa_testi.png);
	position: absolute;
	top:335px;
	left: -30px;
	height: 332px;
	width: 469px;
}

.inside-story-usa {
	width: 483px;
	height: 221px;
	background-image:url(images/inside_story.png);
	background-repeat: no-repeat;
	background-position: -25px -5px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.highlight-usa {
	position: absolute;
	top:180px;
	min-height: 540px;
	width:500px;
}

.highlight-usa img {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}

.usa-quote {

}

.usa-building {
	background-image: url(images/why_building.png);
	position: absolute;
	width: 625px;
	height: 353px;
	top: 380px;
	left: -90px;
}



/*END GS Why GS Made in USA*/

/*END WHY GOALSETTERS CLASSES*/

/*
 * Testimonial classes
 */

.homepage .second
{
	float:right;
	margin:125px 0 50px 0;
	width: 460px;
}

.homepage .testimonial-container
{
	position: relative;
}

.homepage .testimonials
{
	position: relative;
	margin-left: 33px;
	width: 380px;
	height: 265px;
	overflow: hidden;
	color: #fff;
	background: #000;
	border: 2px solid #f78e1d;
}

.testimonial
{
	position: relative;
}

.testimonial .testimonial_image,
.testimonial img,
.testimonial .quote,
.testimonial-container .cite
{
	position: absolute;
	display: block;
}

.testimonial img
{
	top: 0;
	left: -35px;
}

.testimonial .quote
{
	top: 2px;  /* allow for img border */
	height: 265px;
	overflow: visible;
}

.testimonial .quote q
{
	display: block;
	padding: 5px 35px; /* allow space for quotation marks */
	background: transparent url(images/quote_left.gif) 3px 3px no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 115%;
	line-height: 125%;
}

.testimonial .quote .end-quote
{
	background: transparent url(images/quote_right.gif) bottom right no-repeat;
	float: right;
	/* must allocate space for it (empty elements default to 0) */
	width: 100%;
	height: 15px;
	/* adjust position to align with quote text */
	position: relative; /* can't be absolute! */
	top: -15px; /* nudge up near text */
	left: 30px; /* compensate for left padding of Q */
	*left: -5px; /* box model fix for IE7 and lower */
}

.testimonial .quote strong,
.testimonial .quote em
{
	color: #ed8c26;
	font-style: italic;
	font-weight: bold;
}

.testimonial-container .cite
{
	top: 176px;
	padding: 31px 18px;
	width: 100px;
	height: 74px;
	overflow: visible;
	font-size: 77%; /* 10pt */
	line-height: 100%;
	background: transparent url(images/testimonial_basketball1.gif) top left no-repeat;
	color: #fff;
}

/* for browsers that support transparent PNGs (ie., excluding IE6 and lower) */
html>body .testimonial-container .cite
{
	background-image: url(images/testimonial_basketball1.png);
}

.bottom-left
{
	left: -20px;
}

.bottom-right
{
	left: 335px;
}

.testimonial-container .cite .name
{
	font-size: 160%; /* 16pt */
	line-height: 90%;
}

.testimonial-container .cite .bio
{
	margin-top: 1em;
}


/*
 * Email Sign up form
 */

#sign-up {
	width:219px;
	height:45px;
	background-image:url(images/email_sign_left.gif);
	background-repeat:no-repeat;
}
.email-subscribe {
	width:140px;
	border:none;
	background-color:#004785;
	margin-top:14px;
	margin-left:10px;
	color:#FFFFFF;
}

/*
 * Category pages
 */

.one-liner
{
	font-style: italic;
	font-size: 110%; /* slightly bigger */	
}

.sub-level
{
	position: relative;
}

.top-level #category-info
{
	overflow: hidden;
	height: 700px;
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%; /* override YUI grid */
	min-height: 720px;
}

.sub-level #category-info
{
}

.top-level #category-info .heading
{
	margin-top: 40px;
	margin-left: 200px;
	width: 680px;
}

#bd .top-level #category-info .heading a:link,
#bd .top-level #category-info .heading a:visited,
#bd .top-level #category-info .heading a:hover,
#bd .top-level #category-info .heading a:active
{
	background: transparent;
	border: none;
}

#bd .top-level #category-info h1 a:link,
#bd .top-level #category-info h1 a:visited,
#bd .top-level #category-info h1 a:hover,
#bd .top-level #category-info h1 a:active
{
	color: #f78e1e;
}

#bd .top-level #category-info .tagline a:link,
#bd .top-level #category-info .tagline a:visited,
#bd .top-level #category-info .tagline a:hover,
#bd .top-level #category-info .tagline a:active
{
	font-weight: normal;
	color: #000;
}

#category-info h1
{
	margin: 0;
}

#category-info .tagline
{
	font-size: 153.9%; /* 20pt */
	line-height: 115%;
}

#category-info ul.categories
{
	margin-top: 2em;
}

.sub-level #category-info ul.categories
{
	width: 20em;
}

#product-info
{
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 550px;
}

.top-level #product-info
{
	display: none; /* no product info on top-level category page */
}

#product-info .intro
{
	/* give space for the product image */
	margin-top: 35px;
	margin-left: 360px;
	min-height: 290px; /* 320px backboard height minus margin */
}

#product-info .intro h1
{
	font-size: 260%; /* reduce to fit "All-American" in sidebar */
}

#product-info .text
{
	/* give space for the product image */
	margin-left: 100px;
	margin-top: 0;
}

#product-info .text h1
{
	margin-left: -12px;
}

#product-info .text h2
{
	margin-top: .75em;
}

#product-info .link
{
	font-size: 153.9%;
	line-height: 100%;
	text-transform: uppercase;
	margin-top: 1em;
}

#product-info .link img
{
	vertical-align: middle;
}

#bd #product-info .link a
{
	color: #fff;
	background: none;
	border: none;
}

.categories-bar
{
	position: absolute;
	top: 0;
	left: 0;
}

.categories-horizontal
{
	position: static;
	margin-top: 1em;
}

.products-bar
{
	border-top: 2px solid #f78f1e;
	border-bottom: 2px solid #f78f1e;
	padding: .5em 0;
	margin-top: 75px; /* equal to offset of ul.products */
	overflow: visible;
}

.products-bar,
.products-bar ul.products span
{
	background: #120c0e;
}

.products-bar ul.products img
{
	background:transparent !important;
}

.categories-bar ul.categories,
.products-bar ul.products
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.products-bar ul.products
{
	position: relative;
	top: -75px; /* nudge products above the gray bar */
	left: 0;
}

.categories-bar ul.categories li,
.products-bar ul.products li
{
	list-style: none;
}

.categories-bar ul.categories li
{
	margin: 0;
	padding: 0;
}

.categories-horizontal ul.categories li
{
	margin-right: 15px;
	float: left;
}

.products-bar ul.products li
{
	display: inline;
	float: left;
	width: 145px;
	overflow: hidden;
}

.categories-bar ul.categories a,
.products-bar ul.products a
{
	display: block;
	background: transparent !important;
	color: #fff !important;
	border: none !important;
	font-size: 90%;
}

.categories-bar ul.categories img
{
	background: transparent !important;
}

.products-bar ul.products img
{
	display: block;
}

/*.categories-bar ul.categories a:link img,
.categories-bar ul.categories a:visited img,
.products-bar ul.products a:link img,
.products-bar ul.products a:visited img
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */
/*	filter: Alpha(Opacity=70);  /* for IE 7 and lower */
/*	-moz-opacity: 0.7;          /* for Mozilla/Netscape */
/*	-khtml-opacity: 0.7;        /* for Konqueror/Safari */
/*	opacity: 0.7;               /* CSS3 *
}

.categories-bar ul.categories a:hover img,
.categories-bar ul.categories a:active img,
#bd .categories-bar ul.categories .hover img,
.products-bar ul.products a:hover img,
.products-bar ul.products a:active img,
#bd .bottom-nav ul.categories .hover img,
.categories-horizontal ul.categories a:link img,
.categories-horizontal ul.categories a:visited img
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* for IE 8 */
/*	filter: Alpha(Opacity=100); /* for IE 7 and lower */
/*	-moz-opacity: 1.0;          /* for Mozilla/Netscape */
/*	-khtml-opacity: 1.0;        /* for Konqueror/Safari */
/*	opacity: 1.0;               /* CSS3 *
}*/

.categories-bar ul.categories img
{
	border: 3px solid #f78e1b;
}

.categories-bar ul.categories span
{
	display: block;
	position: relative;
	top: -1.75em;
	left: 3px;
	width: 148px; /* 156px - borders */
	padding: 0 4px;
	background: #000;
}

.categories-horizontal ul.categories span
{
	top: 0;
	left: 0;
	width: auto;
	padding: 0;
	margin: .5em 0;
	background: transparent;
}

.products-bar ul.products span.product-name
{
	display: block;
	position: relative;
	top: -55px;
	left: 35px;
	width: 105px; /* LI width minus left offset minus some extra margin */
	height: 3.25em; /* for consistency in case of wrapping of floats */
	padding: .1em .25em;
	overflow: visible;
}

.products-bar ul.products span.product-price
{
	display: block;
	position: relative;
	top: -60px;
	left: 50px;
	width: 45px; /* LI width minus left offset minus some extra margin */
	height: 1em; /* for consistency in case of wrapping of floats */
	padding: .1em .25em;
	overflow: visible;
	color: #f78e1b;
}

/*
 * Product pages
 */

#product-info.details .text h1
{
	margin-left: 0;
}

table.key-stats
{
	margin-top: 1.5em;
	margin-left: -430px;
	background: #000; /* cells should not be transparent */
	color: #fff;
	float:left;
}

table.key-stats strong
{
	font-size: 130%;
}

table.key-stats th,
table.key-stats td
{
	border: 1px solid #f78e1b;
	padding: .25em .5em;
}

table.key-stats th
{
	color: #fff;
	background: #f78e1b;
}

table.key-stats h2
{
	color: #fff; /* needed for FLIR */
	font-size: 138.5%; /* 18pt */
	line-height: 111.1%; /* 20pt */
	margin: 0 !important;
}

#product-info.details .text #prices
{
	text-align:right;
	text-transform:uppercase;
	font-size:130%;
	line-height:1.5em;
	width:250px;
}

#product-info.details .text #prices strong
{
	background: url("images/sale_price.png") no-repeat transparent;
	padding:5px 0 5px 8px;
	border-bottom:solid 1px #f78e1b;
}

#product-info.details .option label,
#product-info.details .option .rcol
{
	padding-bottom: .5em;
}

#product-info.details .option label
{
	font-weight: bold;
	width: 25%;
}

#product-info.details .option .rcol
{
	width: 74%;
}

#product-info.details .right-aligned
{
	text-align: right;
	margin: .5em 0;
}

#product-info.details #subtotal
{
	font-weight: bold;
	margin-right: 1em;
}

/* input fields for product options -- this affects the cart popup too */
.option .rcol select
{
	width: 21em;
}

#orderform
{
	margin-top: 1em;
}

#orderform .subtotal
{
	font-size: 130%;
}

#orderform .help-tip
{
	font-size: 90%;
}


/*
 * Product Options popup window
 */

body.product-options
{
	min-height: 100%;
	min-width: inherit;
	padding: 2em;
	text-align: left;
}

body.product-options #bd
{
	min-height: inherit;
}

body.product-options h1
{
	margin: 0;
	font-size: 182%;
}

body.product-options .option
{
	width: 100%;
}

body.product-options .row
{
	padding-top: .5em;
}

body.product-options .option label,
body.product-options .option .lcol
{
	width: 25%;
}

body.product-options .option .rcol
{
	width: 73%;
}


/*
 * Shopping Cart page
 */
 
.shopping-cart table
{
	width: 100%;
}

.shopping-cart table th
{
	color: #fff;
	background: #f78e1d;
	text-transform: uppercase;
	padding: .25em 2em;
}

.shopping-cart table td
{
	vertical-align: top;
	padding: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #f78e1d;
}

.shopping-cart ul.product-options
{
	font-size: 90%;
	margin-bottom: 1em;
}

.shopping-cart ul.product-options li
{
	list-style: none;
}

.shopping-cart .product-availability
{
	margin-top: 1.5em;
}

.shopping-cart .product-availability strong
{
	display: block;
	font-weight: normal;
	text-transform: uppercase;
}

.shopping-cart .update-bar td
{
	padding: .4em;
	color: #fff;
	background: #f78e1d;
}

.shopping-cart table tr.subtotal td
{
	padding: 1em .5em .25em;
	border: none;
}

.shopping-cart tr.subtotal label
{
	text-align: right;
	display: block;
}

.shopping-cart tr.subtotal label .note
{
	display: block;
}

.shopping-cart tr.subtotal td.price
{
	padding-left: 2em;
}


/*
 * Checkout pages
 */

.login
{
	width: 30.5em;
	font-size: 110%;
}

.login input
{
	font-size: 110%;
}

.login label,
.login .lcol
{
	width: 7em;
	font-weight: bold;
}

.login .rcol
{
	width: 23em;
	padding-bottom: .25em;
}

#bd .button img
{
	display: inline;
	vertical-align: middle;
}

.orange {
	color:#f78e1e;
}

.orange-border {
	border: 2px solid #f78e1e;
	background-image: url(images/black50pct.png);
}

.orange-border td {
	padding:5px;
}

.checkout-progress-bar
{
	width: 32em;
	margin: 1em 0;
	padding: .5em 0;
	float: right;
}

.checkout-progress-bar li
{
	list-style: none;
	float: left;
	margin-right: 2em;
}

.checkout-progress-bar img
{
	vertical-align: middle;
}

.checkout-progress-bar .current
{
	font-style: italic;
	font-weight: bold;
}

#registerform fieldset
{
	border: 1px solid #000;
	padding: .5em;
	margin-bottom: .5em;
}

#registerform h2
{
	margin-top: 0;
	padding: .25em 0;
	width: 100%;
}

#registerform label
{
	display: block;
	margin-top: 1em;
	font-weight: bold;
	font-size: 108%; /* 14pt */
	line-height: 114.3%; /* 16pt */
}

#registerform .rcol p
{
	margin-bottom: 0;
}


/*
 * Dealer pages
 */
 
.dform
{
	width: 300px;
}

.search-error {
	color:#F00;
	font-weight:bold;
	margin-top: 15px;
}

#bd .dealer-display {
	float: none;
	width: 95%;
	margin-bottom:30px;
	margin-top:10px;
}

#bd .dealer-display h3 {
	margin-top:0px;
	margin-bottom:0px;
	color:#f89d2a;
}
html>body #bd .dealer-formset {
		border: 1px solid #fff;
		padding: 5px;
/*		background-image: url(images/black50pct.png);
*/		
	}
	
#bd .dealer-formset legend {
		color:#fff;
		font-weight: bold;
		font-size: 110%;
	}

input.button
	{
		font-size: 85%;
	}

input.button
	{
		font-weight: bold;
		color: #fff;
		background: #a1a1a1 url(images/button.png) top left repeat-x;
		padding: .2em .4em;
	}

input.button:hover {
		text-decoration:underline;
	}
.dealer-table {
	border: 5px solid #f78e1e; 
	width: 100%;
}

.dealer-table td {
	padding: 5px;
}

.dealer-table .header {
	background-color: #f78e1e;
	color: #fff;
	padding:5px;
	font-weight: bold;
	font-size: 130%;
}

.dealer-table .dealer-info td {
	border-bottom: 1px solid #f78e1e;
	}
	
html>body .dealer-info td {
	background-image: url(images/white50pct.png);
}

form#dealers-admin ol,
form#dealers-admin ul
{
	margin-bottom: 1em;
	margin-left: 2em;
}

/*
 * About Us pages
 */

ul.contact-us
{
	margin: 0;
	padding: 0;
}

ul.contact-us li
{
	list-style: none;
	margin: 2em 0 1em;
	padding: 0;
}

/*
 * Product (Warranty) Registration pages
 */

#warranty-registration fieldset
{
	clear: both;
	margin-bottom: 2em;
}

#warranty-registration h2
{
	margin-top: 0;
	margin-bottom: .2em;
}

#warranty-registration .row
{
	width: 100%;
}

#warranty-registration .lcol,
#warranty-registration label
{
	width: 15%;
}

#warranty-registration .rcol
{
	width: 84%;
}

#utility-nav-expanded a.facebook-link:link

{

color: auto;

background-color: transparent;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

text-decoration: none;

text-transform: none;

vertical-align: auto;

}

#utility-nav-expanded a.facebook-link:link

{

width: auto;

background-color: none;

padding-top: none;

padding-right: none;

padding-bottom: none;

padding-left: none;

display: inline;

}