/* ################################### UTILITY STYES############### */
@import url(common.utility.css);

/* ################################### FONTS ############### */
@import url(common.fonts.css);



/* ################################### UTILITY STYLES USED IN DEVELOPMENT ######################################## */
.debug_bg {
	background-color: #FFF !important;
}

.debug {
	border: 1px solid red !important;
}

/* ################################### GENERAL LAYOUT STYLES THE BASIC FRAME & STRUCTURE ############## */
* {
	margin: 0;
	padding: 0;
}

html {
}

body {
	background: url(../images/backgrounds/fullLengthUtilityNav.gif) no-repeat top center #000;
	text-align: center;
	color: #a8a8a8;
}
img{
	border: none;
}
#frame {
	width: 1030px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
#navPrimary ul li{
	display: block;
	float: left;
	margin: 0 25px 0 0;
}
#navPrimary ul{
	float: left;
	margin: 45px 0 0 62px;
}
#navSecondary{
	margin: 0 53px 0 53px;
	height: 65px;
}
#navSecondary h1{
	float: left;
	margin: 25px 0 0 0;
}
#navSecondary ul{
	float: left;
	margin: 25px 0 0 25px;
}
#navSecondary ul li{
	display: inline;
	margin: 0 2px 0 2px;
}
#navSecondary ul li a{
	color: #9F9F9F;
	padding: 2px 5px;
	text-decoration: none;
}
#navSecondary ul li a:hover, #navSecondary ul li a.current{
	color: #3e3e3e;	
	background: url(../images/backgrounds/secondaryNav.gif) repeat-x center;
}

#navTertiary{
	display: block;
	text-align: left;
	margin: 0 auto;
	width: 1030px;
	height: 29px;
}
#navTertiary #utility{
	float: right;
	margin-top: 8px;
	margin-right: 35px;
}
#navTertiary #utility li{
	display: inline;
	list-style: none;
}
#navTertiary #utility li a{
	float: left;
	text-decoration: none;
	margin-right: 4px;
	color: #658E2C;
}
#navTertiary #utility li a:hover{
	color: #628B29;
}

#navTertiary .fadeOutLeft{
	float: left;
	width: 79px;
	height: 29px;
	background: url(../images/backgrounds/fadeOutLeft.gif) no-repeat top left;
}
#navTertiary .fadeOutRight{
	float: right;
	width: 79px;
	height: 29px;
	background: url(../images/backgrounds/fadeOutRight.gif) no-repeat top left;
}
#header .alpha{
	height: 66px;
	background-color: #141414;
}
#frame #primary{
	margin: 6px 0 0 0;
	background: url(../images/backgrounds/mainGradient.jpg) no-repeat bottom left #141414;
}
#frame #footer{
	height: 223px;
	margin: 6px 0 50px 0;
	background: #141414;
	
}
#frame #footer .alpha{
	width: 960px;
	margin-left: 35px;
	margin-top: 35px;
	margin-bottom: 50px;
}
#frame #footer .alpha li{
	list-style-type: none;
	/*list-style-image: url(../images/backgrounds/footerLiBullet.gif);*/
	background: url(../images/backgrounds/footerLiBullet.gif) no-repeat center left;
	padding: 0 0 0 7px;
}


#frame #footer .beta{
	background: #000;
}

#frame #footer .alpha #newsTout{
	width: 638px;
	height: 134px;
	float: left;
	background: url(../images/backgrounds/newsTout.gif) no-repeat top left;
}

#frame #footer .alpha #registerTout, #frame #footer .alpha #dealerLocatorTout{
	width: 316px;
	height: 64px;
	float: right;
	background: url(../images/backgrounds/smallFooterTout.gif) no-repeat top left;
}

#frame #footer .alpha #dealerLocatorTout{
	margin-top: 6px;
}

#frame #footer .alpha #newsTout #latestNewsTout{
	width: 380px;
	height: 80px;
	float: left;
	margin: 5px 0 0 18px;
}
#frame #footer .alpha #newsTout #archiveNewsTout{
	width: 185px;
	height: 80px;
	float: right;
	margin: 5px 25px 0 0;
}
#frame #footer .alpha #newsTout #archiveNewsTout ul{
	margin-top: 7px;
}
#gripTipTout {
margin-top:8px;
padding:0 0 0 4px;
}
#registerToutIcon{
	display: block;
	width: 49px;
	height: 54px;
	float: left;
	margin-top: 7px;
	margin-left: 30px;
	 
}
#dealerLocatorToutIcon{
	display: block;
	width: 88px;
	height: 50px;
	float: left;
	margin-top: 8px;
	margin-left: 10px;
	 
}
#primary{
	min-height: 500px;
}
/* ################################### PAGE LAYOUT STYLES ############### */
/* Home page */
#frame.home #primary{
	background: none;
}
#frame.noGradient #primary{
	background-image: none;
}

#frame.home #header .alpha{
	display: none;
}

#frame.home #footer{
	height: auto !important;
	margin-top: 0;
}
#frame.home #footer .alpha{
	margin-top: 0;
}
/* General Layout */
#frame.general #primary .alpha{
	width: 510px;
	height: auto;
	float: left;
	margin: 0 0 80px 70px;
}


#frame.general #primary .beta{
	width: 299px;
	height: auto;
	float: right;
	margin: 21px 50px 80px 0;
}

#frame.general #primary #faqs{
	
}
#frame.general #primary #faqs p{
	margin: 0px 0 0 0px;
}
#frame.general #primary h3, #frame.technology #primary  h3{
	margin: 15px 0 0 0;
	color: #FFF;
}
#densitySpectrum{
	margin: 35px 0 35px 27px;
}
#frame.general #primary #faqs table{
	margin: 10px 0 10px 20px !important;
	width: 465px;
}

#frame.general #primary #faqs table tr.odd{
	background: url(../images/backgrounds/techSpecOdd.png) left;
}
#frame.general #primary #faqs table tr th{
	padding: 5px 5px;
}
#frame.general #primary #faqs table tr td{
	padding: 2px 5px;
}



#frame.technology #primary{
	background: url(../images/backgrounds/techGradient.jpg) no-repeat bottom left #141414;
}
#frame.technology #primary .alpha{
	float: left;
	width: 587px;
	margin: 0 0 25px 55px;
}
#frame.technology #primary #gripTechnology img{
	margin-right: 15px;
}
#frame.technology #primary #gripTechnology p{
	margin: 0 0 10px 25px;
}
#frame.technology #primary #gripTechnology h2{
	width: 385px !important;
	float: left;
	margin: 25px 0 3px 0;
}
#frame.technology strong{
	margin-right: 10px;
}
#frame.technology #primary .beta{	
}
#frame.technology #primary .alpha .section{
	margin: 20px 0 20px 30px;
	width: 565px;
	clear: both;
}


.tout{
	display: block;
	height: 100px;
	width: 299px;
	margin: 0 0 17px 0;
	background: url(../images/backgrounds/generalTout.gif) no-repeat top left;
}
.tout .content{
	margin: 15px;
	float: left;
}

.arrow{
	width: 250px !important;
	float: left;
	margin: 0 10px 0 7px;
}
.secondArrow{
	float:  right!important;
	width: 250px !important;
	margin:  0 20px 0 0 !important;
}


#frame.technology #primary .arrow {
	margin: 5px 0 0 0;
}
#frame.technology #primary .arrow li{
	background-position: 0 5px !important;
	margin: 0 0 5px 0;
}
.tout .content ul li, .arrow li{
	list-style: none;
	padding-left: 10px;
	background: url(../images/backgrounds/smArrow.gif) no-repeat center left;
}

/*dealer locator*/
#mapContainer *{
	color: #000;	
}
#locatorResults{
	
}
#international{
	clear: both;
	width: 82px;
	height: 8px;
	background: url(../images/buttons/international.gif) no-repeat top left;
	margin: 7px 0 0 0;	
}

#zipCodeOnly {
	float: left;
	width: 60px;
}
#stateSection, #citySection, #countrySection {
	float: left; 
	margin: 0 5px 0 0;
}

#zipCodeOnly .label, #zipCodeOnly input.text{
	width: 50px !important;
}
#locatorResults #resultsContainer{
	display: none;
}
#locatorResults #resultsContainer.show{
	display: block;
	margin: 0 0 5px 0;
}

#locatorResults #results{
	display: none;
	margin: 0 0 0 20px;
}
#locatorResults #results{
	clear: both;
	display: block;
	height: 225px;
	width: 190px;
	overflow: auto;
}
#locatorResults #results .dealer{
	margin: 0 0 30px 0;
	cursor: pointer;
	background: url(../images/backgrounds/dealerLocatorBubble.gif) no-repeat top left;
}

#locatorResults #results .dealer span{
	color: #FFF;
	display: block;
	float: left;
	margin: 4px 0 0 7px;
}

#locatorResults #results .dealer span a{
	margin: -18px 0 0 20px;
	display: block;
	float: left;
	width: 130px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#locatorResults #results .dealer span a:hover{
	text-decoration: underline;
}

#locatorResults #results .dealer .address, #locatorResults #results .dealer span.phone{
	clear: both;
	color: #8F8F8F;
	margin: 2px 0 0 28px;
}
#locatorResults #results .dealer .website{
	clear: both;
	margin: 2px 0 0 28px;
	display: block;
		
}


#locatorTop{
	width: 219px;
	height: 5px;
	background: url(../images/backgrounds/dealerLocatorResultsTop.gif) top left;
}
#locatorBottom{
	width: 219px;
	height: 5px;
	background: url(../images/backgrounds/dealerLocatorResultsBottom.gif) top left; 
}
#locator{
	margin: 0 0 0 18px;
}
#locatorSubmitBtn{
	margin: 10px 0 10px 0;
	float: left;
}


/* Product Wall */
#frame.full #primary #pw{
	display: block;
	width: 932px;
	height:423px;
	overflow: auto;
	float: left;
	margin: 0 0 0 53px;
}
#pw .set{
	clear: both;
	margin: 15px 15px 15px 0 !important;
	border: 1px solid #a8a8a8;
	visibility: hidden;
}
#pw .set h2{
	clear: both;
	margin: 25px 0 10px 5px !important;
	font-size: 12px;
	color: #fff;
}
#pw .item img{
	display: block;
	margin: 5px auto;
}
#pw .item{
	display: block;
	width: 375px;
	height: 350px;
	margin: 0 25px 0 25px;
	float: left;
}
/* Product pages */

#frame.product #primary .alpha{
	width: 715px;
	height: auto;
	float: left;
	margin: 0 0 12px 53px;
}
#frame.product #primary .alpha #productDetailImage{
	width: 735px;
	height: 190px;
	margin-top: 0px;
	position: relative;
	left: -40px;
}
#frame.product #primary .alpha #overview{
	float: left;
	width: 338px;
	height: auto;
}
#frame.product #primary .alpha #overview p{
	margin: 5px 0 15px 0;
}
#frame.product #primary .alpha #techSpecs{
	float: right;
	width: 214px;
	height: auto;
	margin: 5px 75px 0 0;
	color: #888888;
}
#techSpecs table tr td{
	height: 16px;
	padding: 0 0 0 6px;
	font-size: 10px;
}
#techSpecs table tr.odd{
	background: url(../images/backgrounds/techSpecOdd.png) no-repeat top left;
}

#frame.product #primary .beta{
	float: right;
	width: 194px;
	margin: 0 53px 12px 0;
}
#frame.product #primary .beta #searchResults{
	background: #1D1D1D;
}
#frame.product #primary .beta #searchResults .startOver{
	display: block;
	float: right;
	margin: 27px 15px 0 0px;
	font-size: 9px;
	color: #4b632f;
	text-decoration: none;
}
#frame.product #primary .beta #searchResults .startOver:hover{
	color: #628B29;
}

#frame.product #primary .beta #searchResults #searchResultsTop{
	width: 194px;
	height: 66px;
	background: url(../images/backgrounds/searchResultsTop.gif) no-repeat top left;
}
#frame.product #primary .beta #searchResults #results{
	width: 178px;
	height: 169px;
	overflow: hidden;
	margin: 0 0 0 8px;
	background: url(../images/backgrounds/searchResults.gif) no-repeat center;
}
#frame.product #primary .beta #searchResults #results .contents{
	margin: 6px 6px 0 12px;
}
#frame.product #primary .beta #searchResults #results .contents .resultItem{
	text-align: center;
	width: 40px;
	height: 77px;
	margin: 0px 6px 3px 6px;
	float: left;
	text-decoration: none;
	font-size: 9px;
}
#frame.product #primary .beta #searchResults #results .contents .resultItem:hover{
	color: #dfdfdf;
	background: url(../images/backgrounds/resultItem.png) no-repeat 0 0;
}

#frame.product #primary .beta #searchResults #results .contents .resultItem img{
	display: block;
	margin: 2px auto 2px auto;
}

/* Media Center */

#frame.full #tableHead{
	float: left;
	clear: both;
	width: 866px;
	margin: 75px 0 0 75px;
}
#frame.full #mediaCenter{
	overflow: auto;
	margin: 0 auto 75px 75px;
	width: 866px;
	height: 297px;
	float: left;
	color: #939393;
}

#tableHead h3 {
	float: left;
	margin: 0 3px 6px 0;
}
#mediaCenter table tr td{
	vertical-align: middle;
}
#mediaCenter table tr td.resourceName{
	vertical-align: top;
	width:  153px;
}
#mediaCenter table tr td.detail{
	vertical-align: top;
	width: 260px;
}
#mediaCenter table tr td.fileName{
	width:  150px;
}
#mediaCenter table tr td.fileType{
	width:  65px;
}
#mediaCenter table tr td.fileSize{
	width:  65px;
}
#mediaCenter table tr td.downloadFile{
	width:  90px;
}
#frame.full #mediaCenter table tr td p,#frame.full #mediaCenter table tr td span{
	display: block;
	color: #939393;
	margin: 5px 10px 10px 5px;
}
#mediaCenter table tr td.resourceName span{
	margin-left: 8px !important;
}

#frame.full #mediaCenter table tr.odd{
	background: url(../images/backgrounds/mediaCenterOdd.jpg) repeat-y left top #181818;
}
#frame.full #mediaCenter table tr.even{
}

/* (Wide Right Layout)Dealer Locator */
#frame.wideRight{
	
}
#frame.wideRight #primary .alpha{
	width: 219px;
	height: auto;
	float: left;
	margin: 0 0 25px 35px;
	background: #1D1D1D;	
}
#frame.wideRight #primary #mediaNav.alpha{
	margin:  0 0 0 45px;	
}

#frame.wideRight #primary .alpha #mediaListing{
	height: 315px;
	overflow: auto;
}

#frame.wideRight #primary .alpha #mediaListing table{
	margin: 10px 10px 0 10px;
	width: auto;
}
#frame.wideRight #primary .alpha #mediaListing table tr.odd{
	background: url(../images/backgrounds/mediaCenterOdd.jpg) repeat-y left top;
}
#frame.wideRight #primary .alpha #mediaListing table tr td a{
	display: block;
	margin: 4px 5px 6px 5px;
	color: #5a7b36;
}
#frame.wideRight #primary .alpha #mediaListing table tr.current td a{
	color: #e4e4e4;
}

#frame.wideRight #primary .beta{
	float: right;
	width: 720px;
	height: 457px;
	margin: 0 35px 25px 0;
}
#mediaDescription{
	position: relative;
	height:  344px;
}
#mediaThumbnail{
	margin-right: 10px;
	margin-left: 10px;
}
#mediaThumbnail img{
	border:  10px solid #141414;
}
#mediaDescription a.pdf{
	position: absolute;
	bottom: 0;
}

#frame.wideRight #primary #pressReleaseDetails h1,.pdpHeader , #mediaDescription h1, #videoDetails h1{
	color: #f8f8f8;
	font-weight: normal;
	font-size: 16px; 
	margin: 0 0 25px 0;
}
a.pdfLink{
	font-size: 9px;
}
#frame.wideRight #primary #pressReleaseDetails h1 span, .pdpHeader span, #mediaDescription h1 span, #videoDetails h1 span{
	display: block;
	color: #ecc116;
}
#frame.wideRight #primary #pressReleaseDetails{
	width: 690px;	
}

#frame.wideRight #primary #pressReleaseDetails p{
	width: 547px;
}

#frame.wideRight #primary #pressReleaseDetails p{
	width: 547px;
}
#mediaThumbnail, #mediaDescription{
	float: left;
}
#videoDetails{
	width: 375px;
	margin: 25px 0 0 20px;
}
#mediaDescription{
	width: 375px;
	margin: 0 0 0 15px;
}

/* Athlete Page */
.Butch_Harmon{
background: url(../images/backgrounds/butchGrad.jpg) bottom left no-repeat !IMPORTANT;
}
.Natalie_Gulbis{
background: url(../images/backgrounds/natalieGrad.jpg) bottom left no-repeat !IMPORTANT;
}
.John_Daly{
background: url(../images/backgrounds/johnGrad.jpg) bottom left no-repeat !IMPORTANT;
}

#frame.athlete #primary .alpha{
	float: left;
	width: 468px;
	height: auto;
	margin: 0 0 12px 53px;
}
#frame.athlete #primary .beta{
	float: right;
	width: 460px;
	height: auto;
	margin: 0 35px 25px 0;
}
.videoSection{
	clear: both;
	margin: 0 0 40px 0;
}
#grips{
	margin: 35px 0 0 0;
}
#favorites{
	float: left;
	width: 180px;
	margin-left: -12px;
	margin-right: 20px;
}
#videoTips{
	float: left;
	width: 280px;
}
#favorites .item{
	width: 40px;
	height: 77px;
	text-decoration: none;
	text-align: center;
	float: left;
	margin: 0 5px 7px 0;
}
#favorites .item:hover{
	color: #dfdfdf;
	background: url(../images/backgrounds/resultItem.png) no-repeat 0 0;
}
#favorites .item span{
	display: block;
	text-align: left;
	margin: 5px;
}
#favorites .item img{
	display: block;
	margin: 0 auto -3px auto;
}
	/* Individual Athlete */
#natalieFeature{
	position: absolute;
	top: 116px;
	right: 75px;
	width: 416px; 
	height: 452px;
	background: url(../images/backgrounds/natalieFeature.png) no-repeat top left; 
}
#butchFeature{
	position: absolute;
	top: 116px;
	right: 50px;
	width: 464px; 
	height: 450px;
	background: url(../images/backgrounds/butchFeature.png) no-repeat top left; 
}
#johnFeature{
	position: absolute;
	top: 116px;
	right: 100px;
	width: 399px; 
	height: 462px;
	background: url(../images/backgrounds/johnFeature.png) no-repeat top left; 
}


/* ################################### FONTS ############### */
#footer .fullStory, #footer .allArchivedStories{
	display: block;
	width: 80px;
	color: #5e773d;
	font-size: 9px;
	margin: 3px 0 0 0;
	padding: 0 5px 0 0;
	background: url(../images/backgrounds/fullStoryArrow.gif) no-repeat center right;
	text-decoration: none;
}
#footer .allArchivedStories{
	width: 93px;
	margin-top: 18px;
}
#footer .fullStory:hover, #footer .allArchivedStories:hover{
	padding: 0 10px 0 0;
}
#footer .alpha h3{
	font-size: 11px;
	color: #3f3f3f
	
}
#footer .alpha li a{
	font-size: 10px;
	color: #5e773d;
	text-decoration: none;
}
#footer .alpha li a:hover{
	color: #628B29;
}
#footer #legal{
	float:  left;
	height:  45px;
	margin: 2px 0 10px 45px;
}
#footer #legal li{
	display:  inline;
	margin:  0 5px;
}
#footer #legal li a, #footer #legal li{
	color: #444;
	font-size: 10px;
	text-decoration: none;
}
#footer #legal li a:hover{
	color: #5f793a;
}
/* ################################### FORMS ################################ */
form .label{
	display: block;
	font-size: 10px;
	margin: 7px 0 3px 0;
}
form input.text{
	margin: 0;
	width: 100%;
	font-size: 10px;
	height: 14px;
	padding-top: 3px;
	padding-left: 3px;
	border: 1px solid #959494;
}
form select.select{
	width: auto;
	border: 1px solid #959494;
	font-size: 10px;
	margin: 0;
	height: 17px;
}
form select.select option{
	margin: 0 5px 2px 0;
}


#comments{
	width: 470px;
	height: 100px;
	margin-bottom: 10px;
}
#footer form .footerLabel{
	font-size: 9px;
	margin-top: 1px;
	margin-bottom: 1px;
}
#footer form input{
	margin: 0 !important;
	 color: #7c7c7c;
}
#footer form input.footerInput{
	font-size: 10px;
	height: 15px;
	padding-left: 3px;
	border: 1px solid #454746;
	outline: none;
	background: url(../images/backgrounds/textInput.gif) repeat-x top left;
}
#smallRegisterTout{
	 float: left;
	 width: 197px;
	 height: 43px;
	 margin: 13px 0 0 25px;
	 color: #474747;
}
#dealerLocatorForm{
	 float: left;
	 width: 150px;
	 height: 43px;
	 margin: 13px 0 0 6px;
	 color: #474747;
}
#locatorForm {
	margin-left: 20px;
}
#smallRegisterTout input.footerInput{
	width: 147px;
}
#dealerLocatorForm input.footerInput{
	width: 100px;
}

#contactForm #sendersContact, #contactForm #sendersAbout{
	width: 240px;
	height: auto;
	float: left;
	margin: 0 0 0 0;
}
#contactForm #sendersAbout{
	float: right;
}
#submitContact{
	margin: 10px 0 0 0;
}
#physicalAddress{
	margin-bottom: 10px;
}
#address, #phone{
	width: 136px;
	float: left;
}
#address p, #phone p{
	font-size: 9px;
}
.yearImages{
	clear: both;
	margin: 0 0 15px 0;
}

/* ################################### TITLES ##################################### */
.title{
	display: block;
	background-position: top left;
	text-indent: -9999px;
	font-size: 0;
	text-decoration: none;
}
	/* ################################### SPECIFIC TITLES ########################################## */
.stayInformed{
	width: 73px;
	height: 12px;
	background: url(../images/titles/stayInformed.gif) no-repeat;
	margin: 0;
}
.rubberTechnology{
	width: 250px;
	height: 27px;
	background: url(../images/titles/rubberTechnology.gif) no-repeat;
	margin: 0;
}
.comfortTackiness{
	width: 130px;
	height: 12px;
	background: url(../images/titles/comfortTackiness.gif) no-repeat;
	margin: 0 0 3px 0;
}
.shockAbsorption{
	width: 176px;
	height: 14px;
	background: url(../images/titles/shockAbsorption.gif) no-repeat;
	margin: 0 0 3px 0;
}
.slipResistant{
	width: 278px;
	height: 14px;
	background: url(../images/titles/slipResistant.gif) no-repeat;
	margin: 0 0 3px 0;
}
.dealerLocator{
	width: 74px;
	height: 11px;
	background: url(../images/titles/dealerLocator.gif) no-repeat;
	margin: 0;
}
.thankYou{
	width: 91px;
	height: 15px;
	background: url(../images/titles/thankYou.gif) no-repeat;
	margin: 0;
}
.thanksForRegistering{
	width: 182px;
	height: 17px;
	background: url(../images/titles/thanksForRegistering.gif) no-repeat;
	margin: 0 0 10px 0;
}
.theNewsFeed{
	height: 11px;
	margin: 15px 0 10px 18px;
	background: url(../images/titles/theNewsFeed.gif) no-repeat;
}
.latestNews{
	height: 9px;
	margin: 0;
	background: url(../images/titles/latestNews.gif) no-repeat;
}
#latestNewsTout h4{
	color: #494949;
	font-size: 10px;
	margin: 7px 0 3px 0;
}
.latestNewsStory{
	font-size: 9px;
	color: #494949;
	line-height: 10px;
}
.archiveNewsStories{
	margin: 0;
	height: 9px;
	background: url(../images/titles/archiveNewsStories.gif) no-repeat;
}
.sm_or{
	margin: 5px 0 0 0;
	width: 17px;
	height: 18px;
	background: url(../images/titles/sm_or.gif) no-repeat;
}
.chooseYourGrip{
	width: 148px;
	height: 19px;
	background: url(../images/titles/chooseYourGrip.gif) no-repeat;
}
.tourStaff{
	width: 91px;
	height: 16px;
	background: url(../images/titles/tourStaff.gif) no-repeat;
}
.privacyPolicy{
	width: 117px;
	height: 19px;
	background: url(../images/titles/privacyPolicy.gif) no-repeat;
}
h1.gripTips{
	width: 76px;
	height: 19px;
	background: url(../images/titles/gripTips.gif) no-repeat;
}
h1.faq{
	width: 46px;
	height: 19px;
	background: url(../images/titles/faqs.gif) no-repeat;
}
h1.gripCare{
	width: 78px;
	height: 19px;
	background: url(../images/titles/gripCare.gif) no-repeat;
}
h1.whereToTry{
	width: 117px;
	height: 19px;
	margin-left: 0 !important;
	background: url(../images/titles/whereToTry.gif) no-repeat;
}

h1.mediaCenter{
	width: 117px;
	height: 15px;
	background: url(../images/titles/mediaCenter.gif) no-repeat;
}

.techSpecs{
	width: 113px;
	height: 16px;
	margin: 23px 0 10px 5px;
	background: url(../images/titles/techSpecs.gif) no-repeat;
}
h1.aboutUs{
	width: 83px;
	height: 15px;
	margin-left: 0 !important;
	background: url(../images/titles/aboutUs.gif) no-repeat;
}

h1.contactUs{
	width: 95px;
	height: 15px;
	margin-left: 0 !important;
	background: url(../images/titles/contactUs.gif) no-repeat;
}
.contactYou{
	width: 195px;
	height: 14px;
	background: url(../images/titles/contactYou.gif) no-repeat;
}
.favoriteGrips{
	width: 90px;
	height: 14px;
	background: url(../images/titles/favoriteGrips.gif) no-repeat;
}
.smNatalie{
	width: 89px;
	height: 11px;
	margin-left: 3px;
	background: url(../images/titles/smNatalie.gif) no-repeat;
}
.smButch{
	width: 92px;
	height: 11px;
	margin-left: 3px;
	background: url(../images/titles/smButch.gif) no-repeat;
}
.smJohn{
	width: 61px;
	height: 14px;
	margin-left: 3px;
	background: url(../images/titles/smJohn.gif) no-repeat;
}
.smWinn{
	width: 56px;
	height: 14px;
	margin-left: 3px;
	background: url(../images/titles/smWinnCare.gif) no-repeat;
}
.videoTips{
	width: 68px;
	height: 14px;
	margin-left: 2px;
	background: url(../images/titles/videoTips.gif) no-repeat;
}
.winnInc{
	width: 78px;
	height: 16px;
	background: url(../images/titles/winnInc.gif) no-repeat;
}
.ourStory{
	width: 73px;
	height: 17px;
	background: url(../images/titles/ourStory.gif) no-repeat;
}
.theTechnology{
	width: 138px;
	height: 19px;
	background: url(../images/titles/theTechnology.gif) no-repeat;
}
.densityTechnology, .gripTechnology, .materialTechnologies, .rubberTechnologies{
	margin: 25px 0;
}
.densityTechnology{
	width: 254px;
	height: 24px;
	background: url(../images/titles/densityTechnology.gif) no-repeat;
}
.gripTechnology{
	width: 215px;
	height: 27px;
	background: url(../images/titles/gripTechnology.gif) no-repeat;
}
.materialTechnologies{
	width: 268px;
	height: 27px;
	background: url(../images/titles/materialTechnologies.gif) no-repeat;
}
.rubberTechnologies{
	width: 235px;
	height: 21px;
	background: url(../images/titles/betterThanRubber.gif) no-repeat;
}
.polymerCord{
	width: 143px;
	height: 14px;
	background: url(../images/titles/polymerCordMaterial.gif) no-repeat;
}
.wlTechnology{
	width: 180px;
	height: 22px;
	background: url(../images/titles/wlTechnology.gif) no-repeat;
}
.v17Material{
	width: 82px;
	height: 12px;
	background: url(../images/titles/v17Material.gif) no-repeat;
}
.v17SoftMaterial{
	width: 181px;
	height: 12px;
	background: url(../images/titles/v17SoftMaterial.gif) no-repeat;
}
.excelMaterial{
	width: 89px;
	height: 11px;
	background: url(../images/titles/excelMaterial.gif) no-repeat;
}
.classicMaterial{
	width: 99px;
	height: 11px;
	background: url(../images/titles/classicMaterial.gif) no-repeat;
}

.searchResults{
	width: 110px;
	height: 11px;
	background: url(../images/titles/searchResults.gif) no-repeat;
	float: left;
	margin: 25px 0 0 14px;
}
.locatorResults{
	width: 110px;
	height: 11px;
	background: url(../images/titles/locatorResults.gif) no-repeat;
	float: left;
	margin: 25px 0 0 14px;
}
.toutWhatsNew{
	width: 90px;
	height: 17px;
	background: url(../images/titles/toutWhatsNew.gif) no-repeat;
}
.mediaCenterResource{
	height: 19px;
	width: 160px;
	background: url(../images/titles/mediaCenterResource.gif) no-repeat;
}
.mediaCenterDetail{
	height: 19px;
	width: 280px;
	background: url(../images/titles/mediaCenterDetail.gif) no-repeat;
}
.mediaCenterFileName{
	height: 19px;
	width: 160px;
	background: url(../images/titles/mediaCenterFileName.gif) no-repeat;
}
.mediaCenterFileType{
	height: 19px;
	width: 68px;
	background: url(../images/titles/mediaCenterFileType.gif) no-repeat;
}
.mediaCenterFileSize{
	height: 19px;
	width: 68px;
	background: url(../images/titles/mediaCenterFileSize.gif) no-repeat;
}
.mediaCenterDownload{
	height: 19px;
	width: 112px;
	background: url(../images/titles/mediaCenterDownload.gif) no-repeat  #fff;
}

.newsArticles{
	width: 219px;
	height: 19px;
	margin-bottom: 10px;
	background: url(../images/titles/newsArticles.gif) no-repeat  #fff;
}

.butchHarmon{
	display: block;
	width: 169px;
	height: 35px;
	margin: 25px 0 25px 0;
	background: url(../images/titles/butchHarmon.gif) no-repeat;
}
.johnDaly{
	display: block;
	width: 124px;
	height: 35px;
	margin: 25px 0 25px 0;
	background: url(../images/titles/johnDaly.gif) no-repeat;
}
.natalieGulbis{
	display: block;
	width: 162px;
	height: 35px;
	margin: 25px 0 25px 0;
	background: url(../images/titles/natalieGulbis.gif) no-repeat;
}
.avsTechnology{
	width: 243px;
	height: 15px;
	background: url(../images/titles/aiTechnology.gif) no-repeat;
}
.aiTechnology{
	width: 272px;
	height: 15px;
	background: url(../images/titles/avsTechnology.gif) no-repeat;
}
.pciTechnology{
	width: 160px;
	height: 14px;
	background: url(../images/titles/pciTechnology.gif) no-repeat;
}
.softFeel{
	width: 58px;
	height: 12px;
	background: url(../images/titles/softFeel.gif) no-repeat;
}
.mediumFeel{
	width: 83px;
	height: 12px;
	background: url(../images/titles/mediumFeel.gif) no-repeat;
}
.firmFeel{
	width: 59px;
	height: 12px;
	background: url(../images/titles/firmFeel.gif) no-repeat;
}
.pdpTitleFPO{
	height: 35px;
	width: 109px;
	background: url(../images/pdpTitleFPO.gif) no-repeat;
}
/* ################################### BUTTONS ##################################### */
a {
	outline: none;
}

.button {
	display: block;
	background-position: top left;
	text-indent: -9999px;
	font-size: 0;
	text-decoration: none;
}

.button:hover{
	background-position: bottom left !important;
}
	/* ################################### SPECIFIC BUTTONS ########################################## */
.generalButton, .generalButtonInline{
	display: block;
	height: 17px;
	width:100px;
	line-height: 17px;
	border: 1px solid #967a0f;
	background: url(../images/backgrounds/generalButton.gif) repeat-x top left;
	text-decoration: none;
	color: #141414;
	font-size: 11px;
	text-align: center;
}
a.winnInc{
	width: 117px;
	height: 34px;
	background: url(../images/buttons/winnInc.gif) no-repeat;
	float: left;
	margin: 27px 0 0 32px;
}
a.chooseYourGrip{
	width: 103px;
	height: 13px;
	background: url(../images/buttons/chooseYourGrip.gif) no-repeat;
}
a.theTechnology{
	width: 100px;
	height: 13px;
	background: url(../images/buttons/theTechnology.gif) no-repeat;
}
.viewPatents{
	float: right;
	color: #5E773D;
	text-decoration: none;
	font-size: 12px;
}
.viewPatents:hover{
	color: #628B29;
}
a.tourStaff{
	width: 64px;
	height: 12px;
	background: url(../images/buttons/tourStaff.gif) no-repeat;
}
a.dealerLocator{
	width: 93px;
	height: 12px;
	background: url(../images/buttons/dealerLocator.gif) no-repeat;
}
.videoIcon{
	display: block;
	width: 90px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	float: left;
	background: url(../images/backgrounds/videoIcons.gif) no-repeat top left;
}
.videoIcon:hover {
	background-position: bottom left;
}
.videoIcon span{
	display: block;
	margin: 6px 0 0 5px;
	text-align: left;
	font-size: 9px;	
}

.videoIcon img{
	margin-top: 5px;
	width: 76px;
	height: 54px;
}
.videoIcon:hover img{
	margin-top: 3px;
	width: 80px;
	height: 58px;
}
.videoIcon:hover span{
	margin-top: 4px;
}
.generalButtonInline{
	float: left;	
	margin-right: 7px;
}

.generalButton:hover, .generalButtonInline:hover{
	background-position: bottom left;
}
.aboutUs{
	width: 54px;
	height: 9px;
	background: url(../images/buttons/aboutUs.gif) no-repeat;
}
.submit{
	width: 88px;
	height: 19px;
	background: url(../images/buttons/submit.gif) no-repeat;
}
.gripCare{
	width: 51px;
	height: 10px;
	background: url(../images/buttons/gripCare.gif) no-repeat;
}
.faq{
	width: 27px;
	height: 10px;
	background: url(../images/buttons/faq.gif) no-repeat;
}
.forOurPartners{
	width: 83px;
	height: 10px;
	background: url(../images/buttons/forOurPartners.gif) no-repeat;
}
.mediaCenter{
	width: 74px;
	height: 9px;
	background: url(../images/buttons/mediaCenter.gif) no-repeat;
}
.contactUs{
	width: 62px;
	height: 8px;
    margin-top: 1px;
	background: url(../images/buttons/contact.gif) no-repeat;
}
.china{
	width: 30px;
	height: 8px;
    margin-top: 1px;
	margin-left: 5px;
	background: url(../images/buttons/china.png) no-repeat;
}
.smRegisterSubmit{
	float: right;
	width: 43px;
	height: 17px;
	background: url(../images/buttons/smRegisterSubmit.gif) no-repeat top left;
}
.dealerLocatorSubmit{
	float: right;
	width: 43px;
	height: 17px;
	background: url(../images/buttons/dealerLocatorSubmit.gif) no-repeat top left;
}

.scrollResultsUp{
	width: 178px;
	height: 13px;
	margin: 2px 0 2px 8px;
	background: url(../images/buttons/searchScrollUp.gif) no-repeat;
}
.scrollResultsDown{
	width: 178px;
	height: 13px;
	margin: 2px 0 2px 8px;
	background: url(../images/buttons/searchScrollDown.gif) no-repeat;
}
.tellAFriend{
	width: 84px;
	height: 8px;
	background: url(../images/buttons/tellAFriend.gif) no-repeat;
	margin: 0 0 10px 55px;
	float: left;
}
.whereToTry{
	width: 88px;
	height: 19px;
	float: left;
	background: url(../images/buttons/whereToTry.gif) no-repeat;
	margin: 0 6px 0 0;
}
.viewAll{
	width: 88px;
	height: 19px;
	background: url(../images/buttons/viewAll.gif) no-repeat;
	margin: 7px 0 0 0;
}
.buyNow{
	width: 88px;
	height: 19px;
	float: left;
	background: url(../images/buttons/buyNow.gif) no-repeat;
	margin: 0;
}
.download{
	width: 74px;
	height: 19px;
	background: url(../images/buttons/download.gif) no-repeat;
	margin: 0;
}
.pdf{
	width: 83px;
	height: 44px;
	background: url(../images/buttons/pdf.gif) no-repeat;
	margin: 25px 0 0 0;
}
/* ################################### NAVIGATION ########################################## */
.nav {
	position: relative;
	z-index: 5;
	margin: 10px 0 0 0;
}

.nav ul {
	margin: 0;
}

.nav ul li {
	display: block;
	float: left;
	margin: 0px 1px 0 0;
	padding: 8px 15px 2px 15px;
	height: 21px;
	width: auto;
	position: relative;
}

.nav span {
	/*background-color: #CCC;*/
}

/*
#messageTxt {
	position:absolute;
	top: 20px; 
	width: 450px;
	padding: 5px;
	left: 100px;
}
*/

#messageTxt ul li, #jsonTxt ul li {
	list-style: none;
	text-align:left;
	padding-left: 30px
}

/* ################################### ERRORS AND NOTIFICATIONS ########################################### */

.notice {
	border: 1px solid #FFD503;
	border-collapse:collapse;
	background-color: #FDFDFD ;
	color: #333;
	margin: 5px 0;
	padding: 5px;
}

.clearBorder {
	border: 1px solid transparent;
}
label.error {
	padding: 0 0 0 10px;
	margin-left: -10px;
	color: #dc2b19;
	background: url(../images/backgrounds/errorNotice.gif) no-repeat center left;
}
/* ################################### OVERLAY STYLES --  ########################################### */
#dimmer{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	width: 100%;
	height: 100%;
	background: #000;
}
#overlayContentContainer{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1011;
}
#partnersLogin, #siteRequirements{
	position: absolute;
	text-align: left;
	width: 540px;
	height: 327px;
	background: url(../images/backgrounds/partnersLogin.jpg) no-repeat top left;
}
#partnersLogin #loginMessage{
	margin: 25px 0 0 40px;
}
#loginMessage h2, #loginMessage p, #siteRequirements p{
	color: #040404;
	margin: 0 0 0 0;
}
#partnersLogin label.label{
	display: block;
	clear: both;
	margin: 10px 0 0 40px;
	font-size: 12px;
	color: #040404;
}
#partnersLogin input.text{
	width: 214px;
	height: 17px;
	margin: 0 0 0 40px;
}

#partnersLogin .close, #siteRequirements .close{
	height: 20px; 
	width: 20px; 
	margin: 10px 10px 0 0; 
	float: right;
	background: url(../images/backgrounds/clear.gif) top left;
}
#partnersLogin .submit{
	margin: 10px 0 0 40px;
}
#siteRequirements h1{
	width: 197px;
	height: 19px;
	margin: 55px 0 15px 40px;
	float: left;
	color: #141414;
}
h1.forOurPartners{
	width: 197px;
	height: 19px;
	margin: 55px 0 15px 40px;
	float: left;
	background: url(../images/titles/partnersLogin.gif) no-repeat top left;
}
/* ################################### TABLE STYLES --  ########################################### */
table{
	border-collapse: collapse;
	border: none;
	width: 100%;
}
table tr td{
	vertical-align: top;
}
/* ################################### TOOL TIPS --  ########################################### */
.tool-tip{
	background: url(../images/backgrounds/tool-tip.gif) repeat-x;
}
.tool-tip .tool-text{
	margin: 3px 10px;
}
/* ****************** */
.dl-address, .dl-cityStatePostal{
	display: block;
}