/*
	extends core.css
	contains all design specific styles

	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.
*/

/* COLORS
-----------------------------------------------------------------------------
  
	#hex color-name (where)
	#9F9F9F light gray (body bg color)
	#D8D8D8 light gray (poll, expert bg color)
	#6C6C6C medium gray (cta txt color )

	#493B28 brown (cta link hover)
	#B7741E orange (tabbed h3 txt color)
	#498393 teal (twitter txt color)
  
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------

	=GLOBAL
	=FORM-GENERAL
	=WRAP
	=HEADER
		=LOGO
		=GLOBAL-NAV
			=ENEWS-WRAP
		=SITE-SEARCH
	=MASTHEAD
	=CONTENT-WRAP
		=SIDEBAR
		=MAIN-CONTENT
		=PRODUCTS-LIST
		=LANDING-BOX
		=VIDEOS-STAFF
		=TECH-SPECS
		=STORE-LOCATOR
		=ADVANCED-SEARCH
		=FORM-REGISTRATION
		=SUB-NAV
		=COPYRIGHT
		=TECH-INFO
	=MIDDLE-CONTENT
		=TABBED-CONTENT
		=BALLS
		=TAB-BTNS
		=SOCIAL-SIDEBAR
		=TWITTER-BUBBLE
			=SOCIAL-BTNS
	=LOWER-CONTENT
		=POLL
		=EXPERT
		=CTA
	=FOOTER
	
*/

/* =GLOBAL
----------------------------------------------------------------------------- */

body{
	background: #9F9F9F url(img/bg/body.jpg) repeat 0 0;
	color: #333333;
}

a:link,
a:visited{ color: #B7741E; }

a:hover,
a:active{ color: #333333; }

img.left,
img.right{
	background: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 10px 5px;
	padding: 3px;
}

	img.left{ margin-left: 0; }
	img.right{ margin-right: 0; }

	img.none{ 
		background: transparent;
		border: 0; 
		padding: 0;
	}

/* =FORM-GENERAL
----------------------------------------------------------------------------- */

.form-general fieldset.btn{ text-align: right; }

.form-general label{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
}

.form-general input,
.form-general textarea{
	background: #FFFFFF;
	border: 1px solid;
	border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
	margin: 0 0 10px;
	padding: 3px 5px;
	width: 300px;
}

.form-general textarea{ 
	height: 150px; 
	width: 450px; 
}

	.form-general .btn input,
	.form-general .inline input{ width: auto; }
	
		.form-general .btn input{
			border: 0;
			padding: 0;
		}

	.form-general .inline input{ 
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}
				
	.form-general input.error,
	.form-general textarea.error,
	.form-general em.error{
		background-color: #F6DEDE;
		border: 1px solid #A53C3C;
		color: #A53C3C;
	}
	
		.form-general label.error{ color: #A53C3C; }
	
		.form-general em.error{
			display: block;
			margin: 5px 0;
			padding: 5px;
		}

/* =WRAP
----------------------------------------------------------------------------- */

#wrap{ /*background: transparent url(img/bg/wrap.jpg) repeat-x 0 0;*/ }

	#wrap .inside{
		background: transparent url(img/bg/inside.jpg) no-repeat 0 0;
		margin: 0 auto;
		padding: 0 20px;
		width: 980px;
	}

/* =HEADER
----------------------------------------------------------------------------- */

#header{ 
	margin: 0 0 40px;
	position: relative; 
}  

	/* =LOGO
	----------------------------------------------------------------------------- */

	#logo a:link,
	#logo a:visited{
		display: block;
		height: 90px;
		text-indent: -13000em;
		width: 430px;
	}

	/* =GLOBAL-NAV
	----------------------------------------------------------------------------- */

	#global-nav{
		list-style-type: none;
		margin: 0;
		position: absolute;
		right: 30px;
		top: 30px;
	}

		#global-nav li{ float: left; }

		#global-nav li a:link,
		#global-nav li a:visited{
			background: transparent url(img/btn/global-nav.gif) no-repeat 0 0;
			display: block;
			height: 35px;
			text-indent: -13000em;
			width: 118px;
		}

			#global-nav li.h-stuff a:link,
			#global-nav li.h-stuff a:visited{
				background-position: -118px 0;
				width: 117px;
			}

			#global-nav li.translation a:link,
			#global-nav li.translation a:visited{
				background-position: -235px 0;
				width: 122px;
			}

			#global-nav li.tnba a:link,
			#global-nav li.tnba a:visited{
				background-position: -357px 0;
				width: 63px;
			}

		#global-nav li a:hover,
		#global-nav li a:active{ background-position: 0 -35px; }

			#global-nav li.h-stuff a:hover,
			#global-nav li.h-stuff a:active{ background-position: -118px -35px; }

			#global-nav li.translation a:hover,
			#global-nav li.translation a:active{ background-position: -235px -35px; }

			#global-nav li.tnba a:hover,
			#global-nav li.tnba a:active{ background-position: -357px -35px; }

		/* =ENEWS-WRAP
		----------------------------------------------------------------------------- */
		
		#enews-wrap{
			background: #E5E5E5;
			padding: 15px 15px 10px;
			position: absolute;
			right: 40px;
			top: 37px;
			z-index: 10;
		}
		
			#fs-submit{ margin-bottom: 5px; }
		
			#enews-wrap input{
				background-color: #FFFFFF;
				border: 1px solid #E1E1E1;
				color: #999999;
				float: left;
				margin-right: 5px;
				padding: 7px 5px;
			}
			
				#enews-wrap input.btn{
					background-color: #B7741E;
					color: #E5E5E5;
					margin-right: 0;
					padding: 6px 5px;
				}
				
				#enews-wrap input.error,
				#enews-wrap em.error{
					background-color: #F6DEDE;
					border: 1px solid #A53C3C;
					color: #A53C3C;
				}
				
			#enews-wrap em.error{
				clear: both;
				display: block;
				margin: 5px 0;
				padding: 5px;
			}
			
	/* =SITE-SEARCH
	----------------------------------------------------------------------------- */

	#site-search{
		position: absolute;
		right: 40px;
		top: 65px; 
	}

	#site-search input{
		background: transparent url(img/bg/search-input.gif) no-repeat 0 0;
		color: #999999;
		float: left;
		height: 23px;
		padding: 12px 0 0 15px;
		text-transform: uppercase;
		width: 207px;
	}

		#site-search input.btn{
			background: transparent url(img/btn/search.gif) no-repeat 0 0;
			cursor: pointer;
			height: 35px;
			padding: 0;
			text-indent: -13000em;
			width: 88px;
		}

		#site-search input:hover.btn{ background-position: 0 -35px; }

	#search_results ul{ list-style-type:none; }

		#search_results ul li{ margin: 0 0 30px 0; }

			#inside #main-content #search_results ul li p{ margin: 0 0 10px 0; }
		
/* =MAIN-NAV
----------------------------------------------------------------------------- */

#main-nav{
	list-style-type: none;
	margin: 0;
}

	#main-nav li a:link,
	#main-nav li a:visited{
		background: transparent url(img/btn/main-nav.gif) no-repeat 0 0;
		display: block;
		height: 44px;
		text-indent: -13000em;
		width: 240px;
	}

		#main-nav li.products a:link,
		#main-nav li.products a:visited{ height: 43px; }

		#main-nav li.videos a:link,
		#main-nav li.videos a:visited{ background-position: 0 -43px; }

		#main-nav li.proshop a:link,
		#main-nav li.proshop a:visited{ background-position: 0 -87px; }

		#main-nav li.forum a:link,
		#main-nav li.forum a:visited{ background-position: 0 -131px; }

		#main-nav li.news a:link,
		#main-nav li.news a:visited{ background-position: 0 -175px; }

		#main-nav li.staff a:link,
		#main-nav li.staff a:visited{ background-position: 0 -219px; }

		#main-nav li.resources a:link,
		#main-nav li.resources a:visited{ background-position: 0 -263px; }

	#main-nav li a:hover,
	#main-nav li a:active,
	#main-nav li a:link.act,
	#main-nav li a:visited.act{ background-position: -240px 0; }

		#main-nav li.videos a:hover,
		#main-nav li.videos a:active,
		#main-nav li.videos a:link.act,
		#main-nav li.videos a:visited.act{ background-position: -240px -43px; }

		#main-nav li.proshop a:hover,
		#main-nav li.proshop a:active,
		#main-nav li.proshop a:link.act,
		#main-nav li.proshop a:visited.act{ background-position: -240px -87px; }

		#main-nav li.forum a:hover,
		#main-nav li.forum a:active,
		#main-nav li.forum a:link.act,
		#main-nav li.forum a:visited.act{ background-position: -240px -131px; }

		#main-nav li.news a:hover,
		#main-nav li.news a:active,
		#main-nav li.news a:link.act,
		#main-nav li.news a:visited.act{ background-position: -240px -175px; }

		#main-nav li.staff a:hover,
		#main-nav li.staff a:active,
		#main-nav li.staff a:link.act,
		#main-nav li.staff a:visited.act{ background-position: -240px -219px; }

		#main-nav li.resources a:hover,
		#main-nav li.resources a:active,
		#main-nav li.resources a:link.act,
		#main-nav li.resources a:visited.act{ background-position: -240px -263px; }

/* =MASTHEAD
----------------------------------------------------------------------------- */

#masthead{
	/*background: transparent url(img/bg/masthead.gif) no-repeat 0 0;*/
	height: 306px;
	position: relative;
}

	#masthead object{ position: relative; z-index: 1; }

	#masthead #learn_more_link{ /*bn*/
		left: 515px; 
		position: absolute; 
		top: 146px; 
	}

	#masthead #watch_the_video_link{ /*bn*/
		left: 515px; 
		position: absolute; 
		top: 165px; 
	}

#masthead-balls{
	bottom: -28px;
	list-style-type: none;
	margin: 0;
	position: absolute;
	right: 10px;
	z-index: 15;
}
  
	#masthead-balls li{ /*bn*/
		background: transparent url(themes/site_themes/hammer/content/images/balls/ball_dropshadow.png) no-repeat 0 0;
		display: block;
		float: left; 
		height: 103px;
		padding-right: 10px;
		text-align: center;
		text-indent: -13000em;
		width: 90px;
	}

#masthead-floor{
	background: transparent url(img/bg/masthead-floor.jpg) no-repeat 0 100%;
	bottom: -49px;
	height: 49px;
	position: absolute;
	right: 0;
	width: 379px;
	z-index: 1;
}

/* =CONTENT-WRAP
----------------------------------------------------------------------------- */

#content-wrap{ margin: 0 0 20px; }

	#sidebar,
	#main-content,
	#tabbed-content,
	#social-sidebar,
	#poll,
	#expert,
	#cta{ float: left; }

	/* =SIDEBAR
	----------------------------------------------------------------------------- */

	#sidebar{ width: 240px; }

	/* =MAIN-CONTENT
	----------------------------------------------------------------------------- */

	#main-content{ 
		background: transparent url(img/bg/masthead.gif) no-repeat 0 0;
		padding: 10px;
		width: 690px; 
	}

		#inside #main-content{
			background: #FFFFFF url(img/bg/content-bottom.gif) no-repeat 0 100%;
			margin-left: 10px;
			padding: 0;
			position: relative;
			width: 700px;
		}
		
		/*#inside #main-content .dirt-overlay{ background: transparent url(img/bg/content-fill.gif) repeat-y 0 0; }*/

	.dirt-fill{
		background: transparent url(img/bg/dirt-fill.gif) no-repeat 0 0;
		height: 328px;
		left: -10px;
		position: absolute;
		top: 0;
		width: 9px;
	}

	.inside-content{ 
		background: transparent url(img/bg/content-top.gif) no-repeat 0 0;
		padding: 20px 30px 15px;
		width: 640px;
	}

		#inside h1,
		#inside #lower-title{
			color: #B7741E;
			font-size: 48px;
			font-weight: bold;
			line-height: 1;
			text-transform: uppercase;
		}

			#inside #lower-title{ 
				float: right;
				margin-top: -2px; 
				padding-bottom: 10px;
			}

		#inside #main-content p{
			font-size: 12px;
			line-height: 1.6;
			margin: 20px 0;
		}

		#inside #main-content ul,
		#inside #main-content ol{ margin: 20px 0 20px 30px; }

		#inside #main-content li{ 
			font-size: 14px;
			line-height: 1.3; 
		}

		#inside #main-content h2{
			color: #737373;
			font-size: 12px;
			font-weight: bold;
			line-height: 1;
			text-transform: uppercase;
			background: url(img/bg/category_divider_line.gif) no-repeat 0 bottom;
			padding: 0 0 8px 0;
			margin: 0 0 8px 0;
		}
		
			#inside #main-content ul.translate{
				list-style: none;
				margin: 10px 20px 0 0;
				width: 310px;
			}
		
				#inside #main-content ul.translate.last{ margin-right: 0; }
				
				#inside #main-content ul.translate li a:link,
				#inside #main-content ul.translate li a:visited{
					background-color: #EEEEEE;
					display: block;
					margin: 0 0 5px;
					padding: 5px;
					text-decoration: none;
				}
				
				#inside #main-content ul.translate li a:link.us,
				#inside #main-content ul.translate li a:visited.us{
					background: #EEEEEE url(img/flags/us.png) no-repeat 8px 8px;
					padding-left: 32px;
				}
				
				#inside #main-content ul.translate li a:hover,
				#inside #main-content ul.translate li a:active{
					background-color: #B7741E !important;
					color: #EEEEEE;
				}
	
	/* =PRODUCTS-LIST
	----------------------------------------------------------------------------- */
				
	#products_list{}
	
		#products_list .more-products a:link,
		#products_list .more-products a:visited{
			background-color: #B7741E;
			color: #FFFFFF;
			font-weight: bold;
			padding: 5px 8px;
			text-decoration: none;
			text-transform: uppercase;
		}
	
	/* =LANDING-BOX (BN)
	----------------------------------------------------------------------------- */
	#product_hero{
	height: 372px;
	text-align:center;
	background: url(img/bg/category_divider_line.gif) no-repeat 0 bottom;
	margin: 0 0 30px 0;
	}
	
	#product_hero .img-wrap{ margin: 0 auto; width: 350px; }
	
		#product_hero.no-balls .img-wrap{ width: auto; }
	
		#product_hero.no-balls .img-wrap img{ margin: 0 auto; }

         .fcc_rating {
        float: right;
        width: 135px;
        height: 120px;
        padding-right: 8px;
        margin-top: -110px;
        display: block;
        }   
	
	#product_detail{ margin: 0 0 30px 0; }
	#product_detail .left{ width: 375px; }
	#product_detail .right{ width: 230px; }
	
	#product_detail h3{
	color: #B7741E;
	font-size: 20px;
	text-transform: uppercase;
	}
	
	#product_detail h4{
	color: #b6b5b5;
	font-size: 13px;
	text-transform: uppercase;
	}
	
	#product_detail strong{
	color: #B7741E;
	font-size: 13px;
	text-transform: uppercase;
	}
	
	#product_detail a{ color: #B7741E; }
	
	.generic_bttn{ margin: 15px 0; }
	
	#inside #main-content #product_detail ul{
	padding: 0;
	margin: 0 0 0 16px;
	}
	  
	#inside #main-content #product_detail ul li{
	font-size: 11px;
	padding: 0 0 5px 0;
	}
	
	#inside #main-content #products_balls_list{
	background:transparent url(img/bg/ball_column_divider.gif) no-repeat 320px 0;
	min-height:650px;
	}
	#inside #main-content #products_list ul{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 -68px;
	width: 700px;
	}
	
	#inside #main-content #products_balls_list ul{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 -50px;
	width: 700px;
	}  
	  #products_list ul li{ 
	  width: 165px;
	  margin:0 0 25px 68px;
	  float: left; 
	  height: 270px;
	overflow: hidden;
	text-align: center;
	  }
	  
		#products_list ul li img{ margin-bottom: 15px; }
	  #products_balls_list ul li{ 
		height: 200px;
	  width: 300px;
	  margin:0 0 15px 50px;
	  float: left; 
	  }
				  
	  #products_list li h3,
	  #products_balls_list li h3{
		color: #B7741E;
		font-size: 14px;
		margin: 10px 0;
		text-transform: uppercase;
	  }
	  #products_balls_list li h3{ margin: 10px 0 0 100px; }
	
	#products_balls_list li.retired-balls h3{ 
		margin: 10px 0 0;
		text-align: center; 
	}
	
	#products_balls_list li.retired-balls img{ margin: 0 auto;  }
	
	  #inside #main-content #products_list li p,
	  #inside #main-content #product_detail p{
		font-size: 11px;
		margin: 5px 0;
	  }
	  #inside #main-content #product_detail .description p{
		font-size: 11px;
		margin: 5px 0 10px 0;
	  }
	  #inside #main-content #products_balls_list li p{
		font-size: 11px;
		margin: 5px 0 0 100px;
	  }
	#news .news_date{
	  color: #B7741E;
	  background-color:#EAEAEA;
	  padding: 2px;
	  font-size: 10px;
	  font-weight: bold;
	  display: inline;
	  }
	#news h3{
	  color: #B7741E;
	  font-size: 27px;
	  margin-top: 4px;
	  }
	#news .article_image {
	  float: right;
	  border: solid 1px #ccc;
	  padding: 5px;
	  margin: 0 0 10px 20px;
	  }
	#inside #main-content #news ul{
	  list-style-type:none;
	  padding:40px 0 0 0;
	  margin: 0 0 0 -30px;
	  width: 700px;
	  background:transparent url(img/bg/news_divider_line.gif) no-repeat;
	  }
	#inside #main-content #news.archives ul{ padding-top: 0; }
	#inside #main-content #news ul li{
	 /* width: 305px;*/
	  float: left;
	  padding:0;
	  margin: 0 0 20px 30px;
	}
	#inside #main-content #news.archives ul li{
	 width: 305px;
	}
	#inside #main-content #news ul li .news_date{
	  float: left;
	}
	#inside #main-content #news ul li p{
	  margin: 0 0 0 70px;
	  font-size:11px;
	}
	
	#news a:link,
	#news a:visited{ color: #B7741E; }

	#news a:hover,
	#news a:active{	 color: #333333; }
	
	#inside #main-content #news ul li a:link,
	#inside #main-content #news ul li a:visited{
	  margin: 0 0 0 70px;
	  color: #B7741E;
	  font-size:11px;
	  display: block;
	}  

	#inside #main-content #news ul li a:hover,
	#inside #main-content #news ul li a:active{ color: #333333; }

	#message_board_landing{ margin: 20px 0 0 0; }
#inside #main-content #message_board_landing ul li{ 
font-size:11px; 
padding-bottom:4px;
}

	/* =VIDEOS-STAFF (BN)
	----------------------------------------------------------------------------- */
  #team_bio{
	float: left;
	width: 360px;
  }
  
	#inside #main-content #video_list ul,
	#inside #main-content #staff_list ul{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 -40px;
	width: 700px;
	}
	
	#video_list ul li, #staff_list ul li{ 
	  width: 193px;
	  margin:0 0 25px 40px;
	  float: left; 
	  height: 200px;
	  background:url(img/bg/video_thumb_bg.gif) no-repeat;
	  }
	
		#staff_list.no-image ul li{
			background-image: none;
			height: auto;
		}
		
	#video_list ul li a.video_thumb_container, 
	#staff_list ul li a.staff_thumb_container{
	  display:block;
	  border: 1px solid #EAEAEA;
	  width: 165px;
	  height: 125px;
	  margin: 13px;
	}
	
	#video_list li h3, 
	#staff_list li h3{
	  color: #B7741E;
	  font-size: 14px;
	  text-transform: uppercase;
	  margin: 0 0 0 13px;
	  }
	  
	#video_list li h3 a,
	#staff_list li h3 a{
	  color: #B7741E;
	  text-decoration:none;
	  }
	
	#inside #main-content #staff_list ul li p.location{
		margin: 0 0 0 13px;
	}
	  
	/* =TECH-SPECS (BN)
	----------------------------------------------------------------------------- */
	
	#inside #main-content #tech_specs_list ul{
	list-style-type: none;
	padding: 15px 0 0 0;
	margin: 0;
	width: 700px;
	}
	#tech_specs_list ul li{ margin: 0 0 20px 0; }
	#tech_specs_list li h3{
	  color: #B7741E;
	  font-size: 14px;
	  text-transform: uppercase;
	  margin: 0 0 0 110px;
	  }
	#tech_specs_list .spec_table{
	  width: auto;
	  padding: 0;
	  font-size:11px;
	  margin: 0 0 0 110px;
	  }
	#tech_specs_list .spec_table td{ padding: 0 8px 0 0; }
	#tech_specs_list .spec_table td.td_pad_right{ padding: 0 22px 0 0; }
	
	#inside #main-content #tech_specs_list ul li a:link,
	#inside #main-content #tech_specs_list ul li a:visited{
	  margin: 0;
	  color: #B7741E;
	  font-size:11px;
	}  

	#inside #main-content #tech_specs_list ul li a:hover,
	#inside #main-content #tech_specs_list ul li a:active{ color: #333333; }
	
	#inside #main-content #tech_specs_list ul li p{
	  margin: 0;
	  padding: 0 0 8px 0;
	  clear: both;
	  }

	/* =STORE-LOCATOR (BN)
	----------------------------------------------------------------------------- */
	#search_sidebar{
/*	  width: 200px;
	  float: left;
	  margin-top: 20px;
	  margin-bottom: 20px;*/
	}
	#search_sidebar h3{
	  color: #B7741E;
	  font-size: 14px;
	  text-transform: uppercase;
	  margin: 0 0 0 13px;
	}
	#g_map{ 
		border: 1px solid #666666;
	  float: right; 
	  margin-top: 20px;
	  margin-bottom: 20px;
	  /*height: 700px;*/
	}
	#map{
	  height: 480px;
	  width: 429px;
	}
	#form_area input{
	  width: 180px;
	  /*height: 25px;*/
	  border: 1px solid #999;
	  padding: 5px 5px 2px;
	  margin-bottom: 2px;
	}
	#form_area input#locator_btn{
	  width: 165px;
	  height: 26px;
	  border: none;
		margin: 20px;
	  padding: 0;
	}
	#map_instructions{
	  font-size: 9px;
	  color: #666666;
	  padding: 0;
	  margin: 0;
	  margin-bottom: 10px;
	}
	#address_input{	 font-size: 18px;}

	#inside #g_map h1{
	  font-size: 12px;
	  color: #000;
	  }
	.bubble{ 
	  width: 200px; 
	  height: 125px;
	}
	
	/* ADVANCED SEARCH (BN)
	----------------------------------------------------------------------------- */
	
	#advanced_search input[type=text]{
	background: #FFFFFF;
	border: 1px solid;
	border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
	padding: 3px 5px;
	color: #B7B7B7;
	width: 300px;
	}
	
	/* =FORM-REGISTRATION
	----------------------------------------------------------------------------- */
/*	#hammer_product_registration label{
	display: block;
	float: left;
	width: 150px;
	text-align:right;
	padding: 2px 10px 0 0;
	}
	
	#hammer_product_registration input[type=text],
	#hammer_product_registration textarea{
	  background: #FFFFFF;
	  border: 1px solid;
	  border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
	  padding: 3px 5px;
	  width: 300px;
	}
	
	#hammer_product_registration fieldset{
	  clear: both;
	  margin: 0 0 15px 0;
	}

#hammer_product_registration .right_column{
	  padding: 3px 5px;
	  width: 300px;
	  margin: 0 0 15px 160px;
	}

	#hammer_product_registration .right_column p,
	#inside #main-content #hammer_product_registration .right_column p{
	  margin: 0;
	  padding: 0 0 10px 0;
	}*/
	
	/* =SUB-NAV
	----------------------------------------------------------------------------- */

	#inside #main-content ul.sub-nav{
		background-color: #EAEAEA;
		list-style-type: none;
		margin: 20px -30px 20px;
		padding: 10px 30px;
		width: 640px;
	}

		#inside #main-content ul.sub-nav.top{ margin-top: -11px; }

		#inside #main-content ul.sub-nav.bottom{ margin-bottom: 0; }

		#inside #main-content ul.sub-nav li{ 
			float: left;
			margin-right: 15px;
			display:block;
		}

		#inside #main-content ul.sub-nav a:link,
		#inside #main-content ul.sub-nav a:visited{
			color: #7B7B7B;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
		}

		#inside #main-content ul.sub-nav a:hover,
		#inside #main-content ul.sub-nav a:active,
		#inside #main-content ul.sub-nav a:link.act,
		#inside #main-content ul.sub-nav a:visited.act{ color: #B7741E; }

	/* =COPYRIGHT
	----------------------------------------------------------------------------- */

	#copyright{
		color: #59616A;
		font-size: 10px;
		font-weight: bold;
		padding: 10px 0;
		margin: 0 0 40px 260px;
		width: 700px;
	}  

	#copyright a:link,
	#copyright a:visited{ color: #59616A; }

	#copyright a:hover,
	#copyright a:active{ color: #B7741E; }
	
	/* =TECH-INFO
	----------------------------------------------------------------------------- */
	
	table.tech-info{
		border: 1px solid #CCCCCC;
		width: 100%;
	}
	
		table.tech-info th{ 
			background-color: #B7741E;
			color: #FFF;
		}
	
		table.tech-info tr.alt{ background-color: #EEEEEE; }

/* =MIDDLE-CONTENT
----------------------------------------------------------------------------- */
  
#middle-content{ margin: 0 0 20px; }
  
	.more a:link,
	.more a:visited{
		background: transparent url(img/btn/more-balls.gif) no-repeat 0 0;
		display: block;
		height: 319px;
		text-indent: -13000em;
		position: absolute;
		right: 0;
		top: 0;
		width: 99px;
		z-index: 10;
	}
  
		#bags .more a:link,
		#bags .more a:visited{ background-image: url(img/btn/more-bags.gif); }
  
		#accessories .more a:link,
		#accessories .more a:visited{ background-image: url(img/btn/more-accessories.gif); }
  
		#news_tab .more a:link,
		#news_tab .more a:visited{ background-image: url(img/btn/more-news.gif); }
  
		#videos_tab .more a:link,
		#videos_tab .more a:visited{ background-image: url(img/btn/more-videos.gif); }

	/* =TABBED-CONTENT
	----------------------------------------------------------------------------- */

	#tabbed-content{
		background: #D8D8D8 url(img/bg/tabbed-bottom.gif) no-repeat 0 100%;
		margin-right: 20px;
		position: relative;
		width: 700px;
	}

	/* =BALLS
	----------------------------------------------------------------------------- */

	#balls,
	#bags,
	#accessories,
	#news_tab,
	#videos_tab{ 
		padding: 20px 0 0 20px;
		width: 680px !important; 
	}

	#balls ul,
	#bags ul,
	#accessories ul,
	#news_tab ul,
	#videos_tab ul{
		list-style-type: none;
		margin: 0 9px 0 0;
		padding: 0 10px 0 0;
		width: 276px;
	}

		#balls ul.last,
		#bags ul.last,
		#accessories ul.last,
		#videos_tab ul.last,
		#news_tab ul.last{ margin: 0; }

		#balls ul li,
		#bags ul li,
		#accessories ul li,
		#news_tab ul li,
		#videos_tab ul li{ margin-bottom: 8px; }

		#balls li img,
		#bags li img,
		#accessories li img,
		#news_tab li img,
		#videos_tab li img{ 
			float: left;
			margin-right: 10px; 
		}

		#balls li h3,
		#bags li h3,
		#accessories li h3,
		#news_tab li h3,
		#videos_tab li h3{
			color: #B7741E;
			font-size: 14px;
			padding-top: 12px;
			text-transform: uppercase;
		}

		#balls li p,
		#bags li p,
		#accessories li p,
		#news_tab li p,
		#videos_tab li p{
			font-size: 11px;
			margin: 5px 0;
		}

	/* =TAB-BTNS
	----------------------------------------------------------------------------- */

	#tab-btns{
		list-style-type: none;
		margin: 0;
	}

		#tab-btns li{ 
			float: left;
			margin-right: 3px; 
		}

			#tab-btns li a:link,
			#tab-btns li a:visited{
				background: transparent url(img/btn/tabs.gif) no-repeat 0 0;
				display: block;
				height: 30px;
				text-indent: -13000em;
				width: 67px;
			}

				#tab-btns li.bags a:link,
				#tab-btns li.bags a:visited{
					background-position: -70px 0;
					width: 61px;
				}

				#tab-btns li.accessories a:link,
				#tab-btns li.accessories a:visited{
					background-position: -134px 0;
					width: 124px;
				}

				#tab-btns li.news a:link,
				#tab-btns li.news a:visited{
					background-position: -261px 0;
					width: 65px;
				}

				#tab-btns li.videos a:link,
				#tab-btns li.videos a:visited{
					background-position: -329px 0;
					width: 77px;
				}

			#tab-btns li a:hover,
			#tab-btns li a:active,
			#tab-btns li a:link.activeSlide,
			#tab-btns li a:visited.activeSlide{ background-position: 0 -30px; }

				#tab-btns li.bags a:hover,
				#tab-btns li.bags a:active,
				#tab-btns li.bags a:link.activeSlide,
				#tab-btns li.bags a:visited.activeSlide{ background-position: -70px -30px; }

				#tab-btns li.accessories a:hover,
				#tab-btns li.accessories a:active,
				#tab-btns li.accessories a:link.activeSlide,
				#tab-btns li.accessories a:visited.activeSlide{ background-position: -134px -30px; }

				#tab-btns li.news a:hover,
				#tab-btns li.news a:active,
				#tab-btns li.news a:link.activeSlide,
				#tab-btns li.news a:visited.activeSlide{ background-position: -261px -30px; }

				#tab-btns li.videos a:hover,
				#tab-btns li.videos a:active,
				#tab-btns li.videos a:link.activeSlide,
				#tab-btns li.videos a:visited.activeSlide{ background-position: -329px -30px; }

	/* =SOCIAL-SIDEBAR
	----------------------------------------------------------------------------- */

	#social-sidebar{ width: 230px; }

	/* =TWITTER-BUBBLE
	----------------------------------------------------------------------------- */

	#twitter-bubble{
		background: #FFFFFF url(img/bg/twitter-top.gif) no-repeat 0 0;
		width: 220px;
	}
	
		#inside #twitter-bubble{ margin-top: 20px; }

		#twitter-bubble blockquote{
			background: transparent url(img/bg/twitter-bottom.gif) no-repeat 0 100%;
			padding: 20px 20px 45px;

		}

			#twitter-bubble blockquote p{
				color: #498393;
				font-family: "Georgia", Serif;
				font-size: 14px;
				font-style: italic;
				font-weight: bold;
				overflow: hidden;
			}

			#twitter-bubble blockquote cite{
				color: #6D6D6D;
				display: block;
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				margin: 10px 0 0;
			}

				#twitter-bubble blockquote cite span.date{
					font-style: italic;
					font-weight: normal;
				}

		#twitter-bubble a:link,
		#twitter-bubble a:visited{ color: #6D6D6D; }

		#twitter-bubble a:hover,
		#twitter-bubble a:active{ color: #493B28; }

		.twitter-btn a:link,
		.twitter-btn a:visited{
			display: block;
			height: 30px;
			margin: -30px 0 0;
			text-indent: -13000em;
			width: 165px;
		}

		/* =SOCIAL-BTNS
		----------------------------------------------------------------------------- */

		.social-btns{
			background: transparent url(img/bg/tweet-bird.gif) no-repeat 0 0;
			height: 134px;
			list-style-type: none;
			margin: 0 0 0 -20px;
			position: relative;
			width: 269px;
		}

			.social-btns li{
				bottom: 10px;
				height: 30px;
				left: 20px;
				position: absolute;
				text-indent: -13000em;
				width: 30px;
			}

				.social-btns li.flickr{ left: 100px; }

				.social-btns li.youtube{ left: 60px; }

				.social-btns li a{ 
					display: block;
					height: 30px; 
				}

           /* =Honor_Roll
		----------------------------------------------------------------------------- */

		.honor_container{
                        background-color: #EAEAEA;
			height: 100%;
			width:540px;
			margin: 10px 0 10px 20px;
			position: relative;
                        border: 2px solid #7B7B7B;
		}

                .honor_text{
                        margin-left:10px;
                        padding-top: 10px;
                }

                .honor_text h4{
                        color:#737373;
                        font-size:12px;
                        font-weight:bold;
                        line-height:1;
                        margin:0 0 8px;
                        padding:0 0 8px;
                        text-transform:uppercase; 
                }
                
                .honor_container img{
                        float:right;
                        height:130px;
                        width:130px;
                        padding: 6px;
                        margin-right: 10px;
                        margin-left: 20px;
                } 

/* =LOWER-CONTENT
----------------------------------------------------------------------------- */

#lower-content{ 
	background: transparent url(img/bg/cta-box.gif) no-repeat 97% 0;
	margin: 0 0 20px; 
}

	#inside #lower-content{ background: none; }

	#lower-content h3{ 
		height: 44px;
		position: relative;
		text-indent: -13000em;
	}

	#lower-content div{ 
		margin-right: 20px;
		position: relative; 
	}

	#lower-content .drips{
		background: transparent url(img/bg/hammer-poll-drips.png) no-repeat 10px 0;
		height: 35px;
		left: 0;
		position: absolute;
		top: 44px;
		width: 63px;
		z-index: 5;
	}

	#lower-content .drips.aae{ 
		background-image: url(img/bg/ask-an-expert-drips.png);
		background-position: 0 0;
		left: auto;
		right: 0; 
	}

	#lower-content form{ padding: 20px; }

		#lower-content input,
		#lower-content textarea{
			background-color: #FFFFFF;
			border: 1px solid #B0B0B0;
			color: #B7B7B7;
			font-size: 12px;
			margin: 0 0 10px;
			padding: 6px 5px;
			text-transform: uppercase;
			width: 328px;
		}
				
			#lower-content input.error,
			#lower-content textarea.error,
			#lower-content em.error{
				background-color: #F6DEDE;
				border: 1px solid #A53C3C;
				color: #A53C3C;
			}
	
				#lower-content em.error{
					display: block;
					margin: 0 0 10px;
					padding: 5px;
				}

	#lower-content .inline{
		background-color: #C7C7C7;  
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin: 0 0 4px;
		padding: 8px 10px;
	}

		#lower-content .inline input,
		#lower-content .inline label,
		#lower-content .pollAnswer input{ float: left; }

			#lower-content .inline input,
			#lower-content .pollAnswer input{ 
				margin: 0 10px 0 0;
				width: auto; 
			}

			#lower-content .inline label,
			#lower-content .pollAnswer label{
				color: #646464;
				font-weight: bold;
			}

	#lower-content .btn,
	#lower-content .pollButtonBlock{ text-align: right; }

		#lower-content .btn input{
			background: transparent url(img/btn/hammer-poll.gif) no-repeat 0 0;
			border: 0;
			height: 27px;
			margin: 10px -20px 0 0;
			text-indent: -13000em;
			width: 150px;
		}

	/* =POLL
	----------------------------------------------------------------------------- */

	#poll{
		background: #D8D8D8 url(img/bg/hammer-poll-bottom.gif) no-repeat 0 100%;
		width: 220px;
	}
	
		#poll .pollAnswerBlock,
		#poll .pollTotalVotes{ margin: 0 15px 25px; }
			
		#poll .pollBarImage{ 
			background-color: #B7741E !important;
			max-width: 170px !important; 
		}
		
		#poll .pollBar{
			display: block;
			margin: 5px 0;
		}
		
		#poll .pollResultVotes,
		#poll .pollResultPercent,
		#poll .pollSelectedPercent,
		#poll .pollSelectedVotes{ 
			color: #999999; 
			font-style: italic;
		}
		
		#poll .pollResultAnswer{ font-weight: bold; }
	
		#poll div{ margin: 0 auto; }

		#poll .pollAnswer,
		#poll .pollResult,
		#poll .pollTotalVotes{
			background-color: #C7C7C7;  
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			margin: 0 0 4px;
			padding: 8px 10px;
		}
		
			#poll .pollTotalVotes{ 
				font-weight: bold;
				margin: 10px 15px 4px;
				text-align: center; 
			}

		#poll form{	padding: 0; }

		#poll h3{ background: transparent url(img/bg/hammer-poll-top.gif) no-repeat 0 0; }

		#poll h4, 
		#poll .pollQuestion{
			background: transparent url(img/ico/hammer-poll-question.gif) no-repeat 0 0;
			color: #457D8D;
			font-size: 14px;
			margin: 20px 20px 0 10px;
			padding: 5px 0 5px 45px;
			font-weight: bold;
		}

		#poll .btn input, 
		#poll .pollButtonBlock input{ 
			background: transparent url(img/btn/hammer-poll.gif) no-repeat 0 0;
			margin-top: 20px; 
			margin-bottom: 20px;
			border: 0;
			height: 27px;
			cursor:pointer;
			text-indent: -13000em;
			width: 150px;

		}

		#poll .pollAnswer input{ 
			background: transparent;
			border: 0;
			vertical-align: middle; 
		}

	/* =EXPERT
	----------------------------------------------------------------------------- */

	#expert{
		background: #D8D8D8 url(img/bg/ask-an-expert-bottom.gif) no-repeat 0 100%;
		width: 380px;
	}

		#expert h3{ background: transparent url(img/bg/ask-an-expert-top.gif) no-repeat 0 0; }

		#expert .btn input{
			background: transparent url(img/btn/ask-an-expert.gif) no-repeat 0 0;
			width: 149px;
			cursor: pointer;
		}

	/* =CTA
	----------------------------------------------------------------------------- */

	#cta{ 
		margin-right: 0;
		width: 300px; 
	}

		#cta a:link,
		#cta a:visited{ color: #59616A; }

		#cta a:hover,
		#cta a:active{ color: #B7741E; }

		#cta p{
			color: #59616A;
			font-size: 10px;
			font-weight: bold;
			margin: 5px 0;
		}

		#cta ul{
			list-style-type: none;
			margin: 0;
		}

			#inside #cta ul{ margin-top: 20px; }

			#cta ul li a:link,
			#cta ul li a:visited{
				background: transparent url(img/btn/hammer-forum.gif) no-repeat 0 0;
				display: block;
				height: 105px;
				margin: 0 0 13px;
				text-indent: -13000em;
				width: 300px;
			}

				#cta ul li.cta-hstuff a:link,
				#cta ul li.cta-hstuff a:visited{ background-image: url(img/btn/hammer-stuff.gif); }

                                #cta ul li.cta-hroll a:link,
				#cta ul li.cta-hroll a:visited{ background-image: url(img/btn/hammer-honor.gif); }


			#inside #cta ul li a:link,
			#inside #cta ul li a:visited{
				background-image: url(img/btn/hammer-forum-inside.gif);
				height: 105px;
				width: 220px;
			}

				#inside #cta ul li.cta-hstuff a:link,
				#inside #cta ul li.cta-hstuff a:visited{ background-image: url(img/btn/hammer-stuff-inside.gif); }

                                #inside #cta ul li.cta-hroll a:link,
				#inside #cta ul li.cta-hroll a:visited{ background-image: url(img/btn/hammer-honor-inside.gif); }

/* =FOOTER
----------------------------------------------------------------------------- */

#footer{ margin: 50px 0 50px; }

	#footer div,
	#footer a{
		display: block;
		text-indent: -13000em;
	}

	.family-of-brands{
		background: transparent url(img/bg/family-of-brands.gif) no-repeat 0 0;
		height: 30px;
	}

	.ebonite-int a:link,
	.ebonite-int a:visited{
		background: transparent url(img/bg/ebonite-i.gif) no-repeat 0 0;
		height: 70px;
	}

        #footer-copy{
                       margin-left:-30px;
                       margin-top:10px;
                }

        #footer-copy p{
			color: #59616A;
			font-size: 10px;
			font-weight: bold;
			margin: 0;
                        text-indent: 13000em;
                        text-align: center;
		}   

         #footer-copy a{
			display: inline;
		} 
         
	#footer ul{
		list-style-type: none;
		margin: 0;
	}

		#footer ul li{ float: left; }

		#footer ul li a:link,
		#footer ul li a:visited{
			background: transparent url(img/bg/columbia.gif) no-repeat 0 0;
			height: 78px;
			width: 188px;
		}

			#footer ul li.ebonite a:link,
			#footer ul li.ebonite a:visited{
				background-image: url(img/bg/ebonite.gif);
				width: 133px;
			}

			#footer ul li.hammer a:link,
			#footer ul li.hammer a:visited{
				background-image: url(img/bg/hammer.gif);
				width: 98px;
			}

			#footer ul li.track a:link,
			#footer ul li.track a:visited{
				background-image: url(img/bg/track.gif);
				width: 100px;
			}

			#footer ul li.powerhouse a:link,
			#footer ul li.powerhouse a:visited{
				background-image: url(img/bg/powerhouse.gif);
				width: 120px;
			}

			#footer ul li.robbys a:link,
			#footer ul li.robbys a:visited{
				background-image: url(img/bg/arobbys.gif);
				width: 99px;
			}

			#footer ul li.vantech a:link,
			#footer ul li.vantech a:visited{
				background-image: url(img/bg/vantech.gif);
				width: 202px;
			}