﻿body 
{
    margin: 0;
    padding: 0;
    background: #000000 url(/images/template/body-background.jpg) no-repeat scroll center top;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

/**********************************
*     GLOBAL                      *
**********************************/

p 
{
    margin: 0 0 10px 0;
}

p.page-description 
{
    width: 479px;
}

h2 
{
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    color: #FFFFFF;
}

h2 sup 
{
    font-size: 12px;
}

h2.callout 
{
   margin: 0 0 6px 0;
} 

h3 
{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0 0 34px 0;
}

h3.small-margin 
{
    margin: 0 0 3px 0;
}

h4 
{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0 0 34px 0;
}
    

img 
{
    border: 0;
}

div.image.right 
{
    float: right;
    margin: 0 0 17px 17px;
}

div.image.left 
{
    float: left;
    margin: 0 17px 17px 0;
}

.clear 
{
    clear: both;
}

span.yellow 
{
    color: #ffe400;
}

/**********************************
*     EATON Footer   EATON HEADER *
**********************************/
#footer img.eaton-logo 
{
    float:right;
    margin:0 10px;
    position:relative;
    top:-3px;
}

#eaton-header 
{
    background-color: #EFEFEF;
    height: 25px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}

#eaton-logo-wrapper 
{
    width: 936px;
    margin: 0 auto;
    text-align: left;
}

#eaton-logo 
{
    margin: 0;
}

#eaton-logo a 
{
    display: block;
    width: 68px;
    height: 26px;
    background: url("../images/template/eaton-logo.gif") no-repeat;
    text-indent: -999em;
    font-size: 10px;
}

/**********************************
*     PAGE WRAPPER AND            * 
*     BODY CONTAINERS             *
**********************************/

#page-wrapper 
{
    width: 936px;
    margin: 0 auto;
    padding: 18px 0 0 0;
    text-align: left;
    position: relative;
}

/**********************************
*     PAGE HEADER                 *
**********************************/

#header 
{
    width: 869px;
    clear: both;
    float: left;
    margin: 0 0 32px 0;
    padding: 0 0 0 67px; 
    position: relative;
    z-index: 999999;
}

#page-wrapper.default #header 
{
    margin: 0 0 15px 0;
}

#header div.grip 
{
    position: absolute;
    top: -7px;
    left: 0;
    margin: 0 0 0 26px;
    z-index: 99;
    display: none;
}

#page-wrapper.default #header div.grip 
{
    display: block;
}

#header #logo 
{
    width: 138px;
    float: left;
}

#page-wrapper.default #header #logo 
{
    margin: 0 0 0 23px;
    position: relative;
    left: 40px;
}

#header #logo h1 
{
    margin: 0;
}

#header #logo h1 a 
{
    display: block;
    width: 138px;
    height: 56px;
    background-image: url(/images/template/golf-pride-logo.gif);
    background-repeat: no-repeat;
    text-indent: -999em;
    outline: none;
    margin-top:5px;
}

/**********************************
*     MAIN NAVIGATION             *
**********************************/

#navigation-wrapper 
{
    float: left;
    width: 584px;
    /*height: 27px;*/
    margin: 2px 0 0 100px;
}

#top-utility-nav 
{
    float: right;
    clear: both;
    margin-bottom: 14px;
}

#top-utility-nav ul.utility-links 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#top-utility-nav ul.utility-links li 
{
    display: inline;
    border-left: 1px solid #cccccc;
    padding: 0 5px 0 5px;
}

#top-utility-nav ul.utility-links li.first
{
    display: inline;
    border-left: 0;
    padding: 0 5px 0 0;
}

#top-utility-nav ul.utility-links li a 
{
    font-size: 12px;
    color: #cccccc;
    text-decoration: none;
}

#top-utility-nav ul.utility-links li a:hover
{
    text-decoration: underline;
}



#navigation 
{
    float: right;
    width: 530px;
    height: 27px;
    border: 1px solid #5e8095;
    /*margin: 32px 0 0 100px;*/
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav li {
	float: left;
	height: 19px;
}

#nav li div.submenu ul li 
{
    height: 100%;
}

#nav #grips a,
#nav #about a,
#nav #tips a,
#nav #events a
{
    display: block;
    height: 19px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(/images/template/main-menu-arrow.gif);
    background-repeat: no-repeat;
    padding: 8px 0 0 0;
}

#nav #grips a
{
    /*width: 112px;*/
    width: 107px;
    background-position: 94px 15px; 
}

#nav #about a
{
    /*width: 160px;*/
    width: 152px;
    background-position: 141px 15px;
}

#nav #tips a
{
    /*width: 151px;*/
    width: 170px;
    background-position: 158px 15px;
}

#nav #events a
{
    /*width: 161px;*/
    width: 100px;
    background-position: 90px 15px;
}

#nav li div.submenu
{
    background-color: #000000;
    padding: 18px 0 18px 0;
    position: absolute;
	left: -999em;
	/*left: auto;*/
	overflow: hidden;
	z-index: 999999;
}

#nav #grips ul li a,
#nav #about ul li a,
#nav #tips ul li a,
#nav #events ul li a
{
    height: auto;
    background-image: none;
    width: 100%;
    text-align: left;
    color: #adadad;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 5px 0 5px 20px;
    margin: 0 0 0 0;
    display: block;
}

#nav #grips ul li a sup,
#nav #about ul li a sup,
#nav #tips ul li a sup,
#nav #events ul li a sup
{
    font-size: 8px;
}

#nav #grips ul li a:hover,
#nav #about ul li a:hover,
#nav #tips ul li a:hover,
#nav #events ul li a:hover
{
    /*color: #FFFFFF;*/
    background-color: #252525;
    background-image:none;
}

#nav li div.submenu li 
{
    float: none;
    width: 100%;
    background-image:none;
}

#nav li div.submenu li.header,
#nav li div.submenu li.top
{
    border-top: 0;
}

#nav li:hover, #nav li.sfhover  
{
    background-image:url(/images/template/nav-bg.jpg);
    background-repeat:repeat-x;
}

#nav li:hover div.submenu, #nav li.sfhover div.submenu {
	left: auto;
}

#nav li:hover div.submenu a, #nav li.sfhover div.submenu a 
{
    background-color: Transparent;
    background-image:none;
}

#grips div.submenu li 
{
    border-top: 1px solid #333333;
}

div.submenu div.column 
{
    float: left;
    width: 118px;
    padding: 0 11px 0 16px;
    border-left: 1px solid #494949;
    padding-bottom: 3000px;
    margin: 0 0 -3000px 0;
}

div.submenu div.column ul 
{
    width: 100%;
}

div.submenu div.column ul li.header 
{
    color: #dfdfdf;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 0 0 0 0;
}

div.submenu div.column ul li.header.middle 
{
    margin: 11px 0 3px 0;
}


#nav div.submenu div.column ul li.divider 
{
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #494949;
    border-top: 0;
    margin: 3px 0 7px 0;
}

#nav #grips ul li.new a,
#nav #about ul li.new a,
#nav #tips ul li.new a,
#nav #events ul li.new a,
#nav #grips ul li.new a:hover,
#nav #about ul li.new a:hover,
#nav #tips ul li.new a:hover,
#nav #events ul li.new a:hover
{
    background-image: url(/images/template/new-flag.jpg);
    background-repeat: no-repeat;
    background-position: 5px 10px;
}

#nav li div.submenu div.background 
{
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;    
}

#nav li div.submenu div.background div.message 
{
    position: absolute;
    left: 16px;
    bottom: 0;
    /*right: 16px;
    bottom: -2px;
    z-index: 999999;*/
    float: left;
    text-transform: uppercase;
    font-size: 10px;
    color: #ffcc00;
    font-weight: bold;
    padding: 0 0 0 16px;
    background-image: url(/images/template/new-flag.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}


/**********************************
*     SUBMENUS                    *
**********************************/

#nav #grips div.submenu-wrapper,
#nav #grips div.submenu,
#nav #grips div.submenu div.background
{
    width: 936px;  
    /*display: none; */
}

#nav #grips div.submenu div.column.first,
#nav #grips div.submenu div.column.first ul li 
{
    width: 140px;
    border-left: 0;
}

#nav #grips div.submenu div.column.first ul li a
{
    width: 120px;
}

#nav #grips div.submenu div.column.second,
#nav #grips div.submenu div.column.second ul li 
{
    width: 140px;
}

#nav #grips div.submenu div.column.second ul li a 
{
    width: 120px;
}

#nav #grips div.submenu div.column.second ul li.header a, 
#nav #about div.submenu div.column.second ul li.header a 
{
    width: 140px;
}

#nav #grips div.submenu div.column.third,
#nav #grips div.submenu div.column.third ul li
{
    width: 158px;
}

#nav #grips div.submenu div.column.third ul li a
{
    width: 138px;
}

#nav #grips div.submenu div.column.fourth,
#nav #grips div.submenu div.column.fourth ul li
{
    width: 161px;
}

#nav #grips div.submenu div.column.fourth ul li a
{
    width: 141px;
}

#nav #grips div.submenu div.column.fifth,
#nav #grips div.submenu div.column.fifth ul li
{
    width: 194px;
}

#nav #grips div.submenu div.column.fifth ul li a
{
    width: 174px;
}

#nav #grips:hover div.submenu, #nav #grips.sfhover div.submenu {
	left: 0;
}

#nav #about div.submenu,
#nav #about div.submenu-wrapper
{
    width: 152px;
    /*display: none;*/
}

#nav #about div.submenu div.column 
{
    width: 153px;
    border-left: 0;
}

#nav #about div.submenu div.column ul li a
{
    width: 113px;
    border-left: 0;
}

#nav #tips div.submenu,
#nav #tips div.submenu-wrapper
{
    width: 170px;
    /*display: none;*/
}

#nav #tips div.submenu div.column 
{
    width: 144px;
    border-left: 0;
}

#nav #tips div.submenu div.column ul li a
{
    width: 104px;
    border-left: 0;
}

#nav #events div.submenu,
#nav #events div.submenu-wrapper
{
    width: 100px;
    /*display: none;*/
}

#nav #events div.submenu div.column 
{
    width: 162px;
    border-left: 0;
}

#nav #events div.submenu div.column 
{
    width: 122px;
    border-left: 0;
}

#nav #grips ul li.header a,
#nav #about ul li.header a
{
    color: #dfdfdf;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    background-color: Transparent;
}

#nav #grips ul li.header a:hover
{
    background-color: Transparent;
}

/**********************************
*     MAIN BODY                   *
**********************************/

#main-body 
{
    width: 869px;
    float: left;
    clear: both;
    padding: 0 0 0 67px;
    margin-bottom: 46px;
    color: #cccccc;
}

#page-wrapper.default #main-body 
{
    width: 936px;
    float: left;
    clear: both;
    padding: 0 0 0 0;
    margin-bottom: 0;
}

#page-wrapper.grips-personalizedgrips #main-body 
{
    margin-bottom: 0;   
}

#main-body div.content-columns 
{
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 18px;
}

#main-body div.content-columns div.column 
{
    float: left;
    width: 376px;
}

#main-body div.content-columns div.column.left 
{
    padding-right: 29px;
}

#main-body div.content-columns div.column.right 
{
    padding-left: 29px;
}

#main-body div.content-columns h2 
{
    font-size: 24px;
    color: #CCCCCC;
    margin-bottom: 25px;
    clear: both;
}

#main-body div.intro-image 
{
    margin-bottom: 25px;
}

#main-body a 
{
    color: #99ccff;
    text-decoration: none;
}

#main-body a:hover
{
    text-decoration: underline;
}

#main-body a.link-button 
{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    display: block;
    float: left;
    height: 20px;
    background-image: url(/images/template/link-button-background.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px 27px 0 5px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
}

#main-body a.link-button:hover
{
    text-decoration: none;
    color: #666666;
}

/**********************************
*     BOTTOM CALLOUTS             *
**********************************/

#callouts-wrapper 
{
   /*background-image:url(/images/template/callout-bg.gif);*/
    background-repeat:repeat-x;
    margin-bottom: 14px;
    border-top: 1px solid #3C3C3C;
    /*padding-top: 22px;*/
}

#callouts-wrapper,
#callouts-wrapper #callouts
{
    float: left;
    clear: both;
    width: 936px;
    /*height:83px;*/
    height: 105px;
}

#callouts 
{
    /*overflow: hidden;*/
}

#callouts-wrapper div.callout div.button 
{
    clear: both;
    font-size: 18px;
    text-align: right;
}

#callouts-wrapper div.callout div.callout-content 
{
    background-image:url(/images/template/callout-bg-stripe.gif);
    background-repeat:repeat-x;
    padding-top: 22px;
    /*margin-top: -11px;*/
    position: relative;
    top: -11px;
}

#callouts-wrapper div.callout 
{
    float: left;
    border-left: 1px solid #3c3c3c;
    /*padding: 0 16px 1000px 16px;
    margin: 11px 0 -1000px 0;*/
    padding: 0 16px 0 16px;
    margin: 11px 0 0 0;
    width: 230px;
    height: 96px;
}

#callouts-wrapper div.callout.first
{
    border-left: 0;
}

#callouts-wrapper #new-for-09 
{
    width: 280px;
}

#callouts-wrapper #new-for-09 h2 
{
    height:22px;
}

#callouts-wrapper #demo-van-tour
{
    width: 162px;
}

#callouts-wrapper #grip-selector
{
    /*width: 261px;*/
    width: 295px;
}

#callouts-wrapper #tour-stats-callout
{
    width: 263px;
    /*padding: 0 0 1000px 16px;*/
    padding: 0 0 0 16px;
}

#callouts-wrapper div.callout h2 
{
    font-size: 18px;
    color: #999999;
    text-transform: uppercase;
    margin: 0px;
}

#callouts-wrapper #grip-selector h2 
{
    font-size: 14px;
    height:22px;
}

#callouts-wrapper div.callout div.column 
{
    float: left;
}

#callouts-wrapper div.callout div.column.right
{
    margin: 0 0 0 7px;
}

#callouts-wrapper #tour-stats-callout div.column h2 
{
    font-size: 50px;
}

#callouts-wrapper #tour-stats-callout div.column.right
{
    color: #999999;
    font-size: 16px;
    font-weight: bold;
    width: 158px;
    padding: 0 0 0 0;
}

#callouts-wrapper #grip-selector div.column.right
{
    margin: 0 0 0 14px;
    width: 178px;
    float:left;
}

#callouts-wrapper #grip-selector div.button 
{
    position: relative;
    top: -28px;
}

   

/**********************************
*     FOOTER                      *
**********************************/

#footer 
{
    width: 100%;
    float: left;
    clear: both;
    border-top: 1px solid #3C3C3C;
    padding: 14px 0 0 0;
}

#footer ul.utility-links 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

#footer ul.utility-links li 
{
    display: inline;
    border-left: 1px solid #3c3c3c;
    padding: 0 5px 0 5px;
}

#footer ul.utility-links li.first
{
    display: inline;
    border-left: 0;
    padding: 0 5px 0 0;
}

#footer ul.utility-links li a 
{
    font-size: 10px;
    color: #0067c6;
    text-decoration: none;
}

#footer ul.utility-links li a:hover
{
    text-decoration: underline;
}

#footer div.copyright 
{
    float: right;
    font-size: 10px;
    color: #999999;
}

/**********************************
*     HOME PAGE                   *
**********************************/

#home-flash-wrapper 
{
    text-align: center;
    
}

#home-flash 
{
    margin: 0 auto;
}

/****** Home Callouts ******/
#home-callouts-wrapper 
{
    width:100%;
    margin-top:10px;
    border-top: 1px solid #3C3C3C;
    padding-bottom: 21px;
}

#home-callouts-wrapper,
#home-callouts-wrapper #callouts
{
    float: left;
    clear: both;
    width: 936px;
    /*height:83px;*/
    height: 105px;
}

#home-callouts-wrapper div.callout div.button
{
    float:right;
    position:absolute;
    right:0;
    top:90px;
} 

#home-callouts-wrapper div.callout div.callout-content 
{
    background-image:url(/images/template/callout-bg-stripe.gif);
    background-repeat:repeat-x;
    padding-top: 22px;
    /*margin-top: -11px;*/
    position: relative;
    top: -11px;
}

#home-callouts-wrapper div.callout 
{
    float: left;
    border-left: 1px solid #3c3c3c;
    /*padding: 0 16px 1000px 16px;
    margin: 11px 0 -1000px 0;*/
    padding: 0 16px 0 16px;
    margin: 11px 0 0 0;
    width: 230px;
    height: 96px;
}

#home-callouts-wrapper div.callout.first
{
    width:90px;
    border-left: 0;
    padding:0 0 0 16px;
}

#home-callouts-wrapper div.callout.second
{
    border-left: 0;
    padding:0 16px 0 0;
}

#home-callouts-wrapper div.callout div.callout-content h2 
{
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
    margin: 0px 0 5px 0;
}

#home-callouts-wrapper #new-for-09 
{
    width: 218px;
}

#home-callouts-wrapper #new-for-09 .callout-content h2
{
    margin-left: -4px;
}

#home-callouts-wrapper #grip-selector
{
    width: 266px;
}

#home-callouts-wrapper #grip-selector .callout-content h2
{
    margin-left: -4px;
}

#home-callouts-wrapper #tour-stats-callout
{
    width: 263px;
    /*padding: 0 0 1000px 16px;*/
    padding: 0 0 0 16px;
}

#home-callouts-wrapper div.callout div.column 
{
    float: left;
}

#home-callouts-wrapper #grip-selector div.column.right
{
    margin: 0 0 0 14px;
    width: 178px;
    float:left;
}



/****** About Callouts ******/
#about-callouts-wrapper 
{
    width:100%;
    margin-top:10px;
    border-top: 1px solid #3C3C3C;
    padding-bottom: 21px;
}

#about-callouts-wrapper,
#about-callouts-wrapper #callouts
{
    float: left;
    clear: both;
    width: 936px;
    /*height:83px;*/
    height: 105px;
}

#about-callouts-wrapper div.callout div.button
{
    float:right;
    position:absolute;
    right:0;
    top:90px;
} 

#about-callouts-wrapper div.callout div.callout-content 
{
    background-image:url(/images/template/callout-bg-stripe.gif);
    background-repeat:repeat-x;
    padding-top: 22px;
    /*margin-top: -11px;*/
    position: relative;
    top: -11px;
}

#about-callouts-wrapper div.callout 
{
    float: left;
    border-left: 1px solid #3c3c3c;
    /*padding: 0 16px 1000px 16px;
    margin: 11px 0 -1000px 0;*/
    padding: 0 16px 0 16px;
    margin: 11px 0 0 0;
    width: 230px;
    height: 96px;
}

#about-callouts-wrapper div.callout.first{
    width:0px;
    border-left: 0;
    padding:0 0 0 16px;
}

#about-callouts-wrapper div.callout.second
{
    border-left: 0;
    padding:0 16px 0 0;
}

#about-callouts-wrapper div.callout div.callout-content h2 
{
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
    margin: -4px 0 5px 0;
}

#about-callouts-wrapper #new-for-09 
{
    width: 270px;
}

#about-callouts-wrapper #new-for-09 .callout-content h2
{
    margin-left: -4px;
}

#about-callouts-wrapper #grip-selector
{
    width: 290px;
}

#about-callouts-wrapper #grip-selector .callout-content h2
{
    margin-left: -4px;
}

#about-callouts-wrapper #tour-stats-callout
{
    width: 275px;
    /*padding: 0 0 1000px 16px;*/
    padding: 0 0 0 16px;
}

#about-callouts-wrapper div.callout div.column 
{
    float: left;
}

#about-callouts-wrapper #grip-selector div.column.right
{
    margin: 0 0 0 14px;
    width: 178px;
    float:left;
}



#stats-callout-flash-wrapper 
{
    position:relative;
    top:-14px;
}

div.button a 
{
    display: block;
    float: right;
    width: 47px;
    height: 13px;
    background-image: url(/images/template/go-button.gif);
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -999em;
    color: #cccccc;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}

div.button.learn-more a 
{
    display: block;
    width: 93px;
    height: 13px;
    background-image: url(/images/template/learn-more-button.gif);
}

div.button.map-and-schedule a 
{
    display: block;
    width: 135px;
    height: 11px;
    background-image: url(/images/template/map-and-schedule-button.gif);
}

#home-copy-wrapper 
{
    float: left;
    clear: both;
    padding: 0px 0 0px 0;
    width: 100%;
}

#home-copy 
{
    width: 840px;
    color: #d1d1d1;
    float:left;
    margin-left:90px;
}

#home-copy h2 
{
    text-transform: uppercase;
    margin: 0 0 13px 0;
    font-size: 21px;
    color: #d1d1d1;
    letter-spacing:1.2px;
}

#home-copy img 
{
    margin-right:135px;
    float:left;
}
/**********************************
*     CATEGORY PAGE               *
**********************************/

div.category-view 
{
    margin:0;
    padding-bottom:40px;
    /*margin: 24px 0 40px 0;*/
    float: left;
    background-image:url(/images/template/product-list-bg-middle.png);
    background-repeat:repeat-y;
}

#product-list-bg-top 
{
    float: left;
    clear: both;
    position: relative;
    top: -10px;
}

#product-list-bg-bottom 
{
    clear: both;
    float: left;
    position: relative;
    top: 50px;
}

div.category-view div.grip-row 
{
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 17px;
}

div.category-view div.grip 
{
    width: 391px;
    float: left;
    margin-left: 17px;
    padding:0px 10px 1000px 10px;
    /*margin-top: 17px;*/
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    /*border-left: 1px solid #30302f;*/
    /*background-image:url(/images/template/product-list-bg.jpg);
    background-repeat:no-repeat;*/
}

/*div.category-view div.grip.top 
{
    background-image:url(/images/template/product-list-bg-light.jpg);
    background-repeat:no-repeat;
}*/

div.category-view div.grip div.grip-inner-wrap 
{
    padding-top: 17px;
    /*border-top: 1px solid #30302f;*/
}

div.category-view div.grip.top div.grip-inner-wrap
{
    border-top: 0;
    margin-top: 0;
    padding-top: 18px;
}
/*-----------------------------
div.category-view div.grip.left
{
    width: 393px;
    float: left;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}
------------------------------*/
div.category-view div.grip div.image-shadow 
{
    background-image: url(/images/grips/all/shadow-small.png);
    background-repeat: no-repeat;
    background-position: left center;
}

div.category-view div.grip.new div.image 
{
    background-image: url(/images/template/new-flag.gif);
    background-repeat: no-repeat;
    background-position: 340px 0;
}

div.category-view div.grip div.image img 
{
    width: 393px;
    height: 84px;
}

div.category-view div.grip div.info 
{
    color: #999999;
}

#main-body div.category-view div.grip div.info h2 a
{
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

h2 a sup 
{
    font-size: 10px;
    position: relative;
    top: 4px;
}

div.category-view div.grip div.color-swatches 
{
    float: right;
    clear: both;
    margin-bottom:8px;
}

div.category-view div.grip div.color-swatches span 
{
    float: left;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

div.category-view div.grip div.color-swatches div.color-swatch
{
    float: left;
    width: 11px;
    height: 11px;
    overflow: hidden;
    border: 1px solid #333333;
    margin-left: 3px;
}

/**********************************
*     PRODUCT PAGE                *
**********************************/

#main-body a.back-to-category 
{
    display: block;
    background-image: url(/images/template/back-arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 0 0 0 15px;
    color: #bbbbbb;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

div.grip-flash-wrapper 
{
    width: 869px;
    height: 158px;
    position: relative;
    top: -30px;
    left: -63px;
}

div.grip-flash-positioner 
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

div.grip-flash-positioner object
{
    outline: none;
}

div.grip-flash-positioner #gripflash img 
{
    margin-top: 30px;
}

div.grip-flash-positioner #gripflash p 
{
    margin-top: 20px;
}


div.grip.full div.info 
{
    float: left;
    clear: both;
    overflow: hidden;
    margin-bottom: 59px;
}


div.grip.full div.info div.column 
{
    float: left;
    width: 473px;
    border-left: 1px solid #b1b1b1;
    margin-right: 19px;
    padding-left: 19px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

div.grip.full div.info div.column.description
{
    border-left: 0;
    padding-left: 0;
}

div.grip.full div.info div.column.speedometer
{
    float: left;
    width: 98px;
}

div.grip.full div.info div.column.colors
{
    float: left;
    width: 220px;
    margin-right: 0;
}

div.full-description 
{
    line-height: 18px;
}

#grip-style-info-table-wrapper 
{
    overflow: hidden;
    margin-top: 21px;
}

div.info-table table 
{
    width: 100%;
    border-collapse: collapse;
}

div.info-table table tr td 
{
    padding: 7px 9px 7px 9px;
    color: #dfdfdf;
    border-left: 1px solid #3c3c3c;
}

div.info-table table tr.header td 
{
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    background-image:url(/images/template/info-table-bg.gif);
    background-repeat:repeat-x;
    border-left: 1px solid #2f2f2f;
    height: 15px;
}

div.info-table table tr.header td.style 
{
    width: 72px;
}

div.info-table table tr.header td.code 
{
    width: 33px;
}

div.info-table table tr.header td.core 
{
    width: 70px;
}

div.info-table table tr.header td.weight
{
    width: 82px;
}

div.info-table table tr.header td span.weightblock {
	width: 82px;
	display: block;
}

div.info-table table tr.header td.outside
{
    width: 113px;
}

div.info-table table tr td.left,
div.info-table table tr.header td.left
{
    border-left: 0;
}

div.product-view div.column.colors h2 
{
    color: #dfdfdf;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 3px 0;    
}

div.product-view div.column.colors p.small
{
    font-size: 9px;    
    color: #dfdfdf;
}

div.product-view div.color-swatches 
{
    float: left;
    clear: both;
    margin-bottom: 17px;
}

div.product-view div.color-swatches div.color-swatch
{
    float: left;
    width: 39px;
    height: 39px;
    border: 1px solid #000000;
    background-color: #000000;
    margin-left: 12px;
    margin-top: 12px;
    position: relative;
}

div.product-view div.color-swatches div.color-swatch div.color-wrapper 
{
    overflow: hidden;
    width: 39px;
    height: 39px;
}

div.product-view div.color-swatches div.color-swatch.selected 
{
    padding: 3px;
    width: 33px;
    height: 33px;
    text-align: center;
}

div.product-view div.color-swatches div.color-swatch.selected div.color-wrapper
{
    width: 33px;
    height: 33px;
}

div.product-view div.color-swatches div.color-swatch.left 
{
    margin-left: 0;
}

div.product-view div.color-swatches div.color-swatch div.sizes
{
    font-size: 10px;
    color: #FFFFFF;
    position: absolute;
    bottom: 2px;
    left: 4px;
    font-weight: bold;
}

div.product-view div.color-swatches div.color-swatch div.sizes.dark
{
    color: #000000;
}

div.product-view div.color-swatches div.color-swatch div.sizes span.small
{
    font-size: 20px;
}

div.product-view div.color-swatches div.color-swatch div.sizes span.move 
{
    position: relative;
    top: -1px;
}

div.grip.full div.info div.column.colors div.legend 
{
    clear: both;
    margin-top: 10px;
    float: left;
    width: 220px;
    
}

div.grip.full div.info div.column.colors div.legend div.large 
{
    font-size: 16px;
    margin-right: 8px;
    float: left;
    font-weight: bold;
}

div.grip.full div.info div.column.colors div.legend div.text 
{
    float: left;
}

/**********************************
*     ABOUT PAGE                  *
**********************************/


/**********************************
*     TOUR STATS                  *
**********************************/


#tour-stats 
{
    width: 100%;
    clear: both;
    float: left;
    margin-top: 17px;
}

#tour-stats #stats  
{
    float: left;
    margin-left: 48px;
    width: 578px;
}

#tour-stats #stat-navigation 
{
    float: right;
    padding: 6px 0 43px 8px;
    border-left: 1px solid #333333;
    position: relative;
    top: -61px;
    left: -19px;
}

#tour-stats #stat-navigation ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#tour-stats #stat-navigation ul li
{
    width: 135px;
}

#tour-stats #stat-navigation ul li.header 
{
    font-size: 18px;
    color: #999999;
    margin-bottom: 12px;
}

#tour-stats #stat-navigation ul li a
{
    width: 113px;
}

#tour-stats #stat-navigation ul li a 
{
    display: block;
    padding: 6px 11px 6px 11px;
    font-size: 12px;
    font-weight: bold;
    color: #99ccff;
    text-decoration: none;
}

#tour-stats #stat-navigation ul li a:hover 
{
    display: block;
    padding: 6px 11px 6px 11px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #99cdff;
    text-decoration: none;
}

#tour-stats #stat-navigation ul li.selected a
{
    display: block;
    padding: 6px 11px 6px 11px;
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    background-color: #2c2c2c;
    text-decoration: none;
}

table.tour-stat-table 
{
    width: 578px;
    border-collapse: collapse;
    margin-bottom: 53px;
}

table.tour-stat-table tr td 
{
    background-color: #111111;
    padding: 2px 0 2px 0;
}

table.tour-stat-table tr.alternate td 
{
    background-color: Transparent;
}

table.tour-stat-table tr td.label 
{
    text-align: right;
    /*font-weight: bold;*/
    color: #FFFFFF;
    padding-right: 17px;
    width: 281px;
}

table.tour-stat-table tr td.status 
{
    width: 200px;
}

table.tour-stat-table tr td.status div.status-bar-wrapper 
{
    width: 200px;
    height: 16px; 
    min-height: 16px;
    background-image: url(/images/about/tourstats/status-bar-background.gif);
    background-repeat: no-repeat;
}

table.tour-stat-table tr td.status div.status-bar-wrapper div.status-bar 
{
    width: 100%;
    height: 16px;
    min-height: 16px;
    background-image: url(/images/about/tourstats/status-bar-fill.gif);
}

table.tour-stat-table tr td.number 
{
    font-weight: bold;
    color: #FFFFFF;
    font-size: 24px;
    padding-right: 15px;
    padding-left: 15px;
}


/**********************************
*     DEMO VAN                    *
**********************************/

#google-map 
{
    width: 476px;
    float: left;
    margin-top: 39px;
}

#google-map ul.search-options 
{
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}

#google-map ul.search-options li
{
    display: inline;
    margin-right: 4px;
}


#map-canvas 
{
    width: 476px;
    height: 402px;
    margin-bottom: 10px;
}

#van-listings 
{
    float: left;
    width: 365px;
    margin-left: 20px;
    margin-top: 9px;
}

#van-listings h2 
{
    font-size: 21px;
    text-transform: none;
    border-bottom: 1px solid #666666;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

#dvLocality 
{
    margin-bottom: 15px;
}

#events-wrapper 
{
   width: 365px; 
}

#events-wrapper div.event
{
    margin-bottom: 18px;
    width: 365px;
    float: left;
    clear: both;
}

#events-wrapper div.event div.column 
{
    float: left;
}

#events-wrapper div.event div.column.left 
{
    width: 25px;
}

#events-wrapper div.event div.column.right
{
    margin-left: 15px;
    width: 325px;
}

#events-wrapper div.event span.title
{
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}

#events-wrapper div.event span.date
{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

#events-wrapper div.event a
{
    font-weight: bold;
}

#demo-van-search-wrapper 
{
    margin-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #666666;
}

#demo-van-image 
{
    width: 361px;
    float: right;
    position: relative;
    left: -5px;
    margin-left: 25px;
}

/**********************************
*     OEM GRIP CHART              *
**********************************/

div.oem-grip-chart-wrapper 
{
    background-color: #FFFFFF;
    padding: 13px 8px 13px 8px;
    clear: both;
    position: relative;
    left: -34px;
}

table.oem-grip-chart 
{
    width: 100%;
    border-collapse: collapse;
    background-color: #FFFFFF;
    margin-top: 0;
}

table.oem-grip-chart tr td 
{
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    text-align: center;
}

table.oem-grip-chart tr.top td 
{
    border-top: 0;
}

table.oem-grip-chart tr td.left
{
    border-left: 0;
}

/**********************************
*     REGRIPPING TIPS             *
**********************************/

div.box-header 
{
    font-size: 14px;
    color: #cccccc;
    font-weight: bold;
    padding: 5px;
    background-color: #666666;
    margin-top: 4px;
    margin-bottom: 9px;
    float: left;
    clear: both;
}

div.thumbnail-strip 
{
    float: left;
    clear: both;
    width: 376px;
    margin-bottom: 56px;
}

div.thumbnail-strip div.thumbnail 
{
    float: left;
    margin-right: 25px;
}

div.thumbnail-strip div.thumbnail p 
{
    font-weight: bold;
    color: #FFFFFF;
}

/**********************************
*     PARTNERS                    *
**********************************/

div.large-grip.left 
{
    float: left;
    margin-right: 40px;
}

div.large-grip.right 
{
    float: left;
    margin-left: 17px;
}

div.partners-content-wrapper 
{
    float: left;
    width: 774px;
    margin-top: 50px;
}


#main-body div.partners-content-wrapper div.content-columns div.column 
{
    float: left;
    width: 358px;
}

div.partners-content-wrapper div.content-columns div.column.left p
{
    margin-bottom: 25px;
}

div.folds-of-honor-logo 
{
    width: 273px;
    padding-left: 86px;
    margin-bottom: 25px;
}

/**********************************
*     PERSONALIZED GRIPS          *
**********************************/

div.personalized-grips-content-wrapper 
{
    float: left;
    width: 530px;
    margin-top: 0px;
    margin-right: 17px;
    margin-left:-50px;
}

div.personalized-grips-image-wrapper 
{
    position:relative;
    top:-21px;
    left:-26px;
    float:left;
    margin-right:37px;
    margin-bottom:-21px;
}

/**********************************
*     FAQ                         *
**********************************/

#main-body div.faq 
{
    border-top: 1px solid #3a3a39;
    padding-top: 20px;
    margin-bottom: 46px;
    clear: both;
    float: left;
    width: 869px;
}

#main-body div.faq.top 
{
    padding-top: 0;
    border-top: 0;
}

div.faq-menu 
{
    float: left;
    clear: both;
    width: 869px;
    margin-bottom: 57px;
}

div.faq-menu div.column
{
    float: left;
}

div.faq-menu div.column.left 
{
    padding-right: 29px;
}

div.faq-menu div.column.right
{
    padding-left: 29px;
}

div.faq-menu div.column ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.faq-menu div.column ul li 
{
    background-image: url(/images/template/back-to-top-arrows.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 18px;
    margin-bottom: 14px;
}

div.faq div.column.left
{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: right;
    float: left;
    width: 322px;
    padding-right: 29px;
}

div.faq div.column.right
{
    float: left;
    width: 489px;
    padding-left: 29px;
}

div.faq div.column.right img.border 
{
    border: 5px solid #272727;
}

div.faq div.column.right img.left
{
    float: left;
    margin: 0 22px 22px 0;
}

div.faq div.column.right img.right
{
    float: right;
    margin: 0 0 22px 22px;
}

a.back-to-top 
{
    display: block;
    float: right;
    height: 15px;
    background-image: url(/images/template/back-to-top-arrows.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 18px;
    clear: both;
}

table.sizes 
{
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 27px;
}
#sizingtable,
#inbetweentable {
	margin-bottom: 10px;
}


#sizingtable tr td,
#inbetweentable tr td 
{
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 8px 11px 8px 11px; 
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

#sizingtable tr .col_last,
#inbetweentable tr .col_last 
{
    border-right: 1px solid #333333;   
}

#inbetweentable tr th.col_last {
	border-left: none;
}


#sizingtable th,
#inbetweentable th {
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 8px 11px 8px 11px;
}

table.sizes tr.caption td
{
    text-align: left;
    font-weight: normal;
}

table.sizes tr.header td 
{
    background-color: #263c46;
}

#sizingtable tr.alternate td,
#inbetweentable tr.alternate td {
    background-color: #292929;
}

#sizingtable tr td.large
{
    font-size: 16px;
    font-weight: bold;
}

#sizingtable.sizes tr td.large.left
{
    font-size: 18px;
    font-weight: bold;
}


#sizingtable tr td.left 
{
    border-left: 0;
}

/**********************************
*     CONTACT US                  *
**********************************/

#page-wrapper.contactus h3 
{
    margin-bottom: 10px;
}

#page-wrapper.contactus div.content-columns 
{
    padding-left: 66px;
    width: 803px;
}

#page-wrapper.contactus div.content-columns div.column 
{
    width: 314px;
}

#page-wrapper.contactus div.content-columns div.column.left
{
    padding-right: 16px;
}

#page-wrapper.contactus div.content-columns div.column.right
{
    padding-left: 16px;
}

#main-body div.content-columns h2.region 
{
    font-size: 21px;
    font-weight: bold;
    color: #FFFFFF;
    border-bottom: 1px solid #666666;
    padding-bottom: 12px;
    margin-bottom: 18px;
}

div.contact 
{
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 50px;
}

div.contact span.large 
{
    font-size: 18px;
}

div.contact span.phone
{
    font-size: 12px;
}

/**********************************
*     NEWS                        *
**********************************/

ul.news 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.news li 
{
    background-image: url(/images/template/back-to-top-arrows.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 18px;
    margin-bottom: 19px;
}

div.news-wrapper 
{
    width: 451px;
    float: left;
    margin-right: 68px;
}

div.news-image 
{
    float: left;
}

div.news-image img 
{
    border: 1px solid #424242;
}

/**********************************
*     RETAIL LOCATOR              *
**********************************/

#google-map div.search-wrapper 
{
    margin-bottom: 18px;
}

#google-map div.search-wrapper table tr td
{
    text-transform: uppercase;
}

#google-map div.search-wrapper table tr td input,
#google-map div.search-wrapper table tr td select
{
    text-transform: none;
}

#google-map div.search-wrapper table tr.button td 
{
    text-align: right;
}

#google-map div.search-wrapper table tr.button td a.link-button 
{
    float: right;
}

#google-map div.search-wrapper table tr.button td 
{
    padding-top: 19px;
}

#google-map div.search-wrapper table tr.button td div.button-wrapper 
{
    padding-top: 19px;
    border-top: 1px solid #666666;
}

#retail-listings 
{
    float: left;
    width: 365px;
    margin-left: 20px;
    margin-top: 39px;
}

#retail-listings h2 
{
    font-size: 21px;
    text-transform: none;
    border-bottom: 1px solid #666666;
    padding-bottom: 7px;
    margin-bottom: 13px;
}

/**********************************
*     Wholesaler Distributor      *
**********************************/
div#wholesaler-distributor-wrapper h3 
{
    margin:20px 0;
    border-bottom:solid 1px #666666;    
}

div.distributor-links 
{
    margin-top:30px;
}

div#wholesaler-distributor-wrapper div.distributor-links a
{
    font:bold 14px Arial;
    color:#ffffff;
}
    div#wholesaler-distributor-wrapper div.distributor-links a:hover,
    div#wholesaler-distributor-wrapper div.distributor-links a:active
    {
        color:#99ccff;
    }
    
    div#wholesaler-distributor-wrapper div.distributor-links a.selected 
    {
    color:#99ccff;
    }
    
div#wholesaler-distributor-wrapper div.column 
{
    width:241px;    
    padding:12px;
    margin:0 25px 0 5px;
    float:left;
    line-height:20px;
    /*background-image:url(/images/about/distributors/distributor-bg.png);
    background-repeat:repeat-y;
    height:190px;*/    
}
    div#wholesaler-distributor-wrapper div.column span,
    div#wholesaler-distributor-wrapper div.column.last span 
    {
        font:bold 18px Arial;
        color:#ffffff;
    }
    
    div#wholesaler-distributor-wrapper div.column b,
    div#wholesaler-distributor-wrapper div.column.last b 
    {
        font:bold 14px Arial;
        color:#ffffff;
    }
  
div#wholesaler-distributor-wrapper div.column.last 
{
    margin-right:0;
}   

a.distributor-back-to-top 
{
    display: block;
    margin-bottom:40px;
}
/*
#content-2,
#content-3 
{
    display:none;
}*/
