/* base_css */

/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; display: block; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { vertical-align: top; }
img { display: block }

/* defaults */
body { background: white; } /* #31302f */
div, input { font: 12px/16px "Helvetica Neue", Helvetica, sans-serif; color: #000; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
h1,h2,h3,h4,h5,h6,p,li,input { }
h1 { font: 40px/40px "Helvetica Neue", Helvetica, sans-serif; margin: 0; color: inherit; }
h1 a:link { color: inherit; }
h1 a:visited { color: inherit; }
h1 a:hover { color: inherit; text-decoration: underline; }
h1 a:active { color: inherit; }
h2 { font: bold 16px/20px "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 8px 0; color: inherit; border-top: solid 1px #ccc; padding: 12px 0 0 0; }
h2 a:link { color: inherit; }
h2 a:visited { color: inherit; }
h2 a:hover { color: inherit; text-decoration: underline; }
h2 a:active { color: inherit; }
h3 { font: bold 16px/20px "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 8px 0; color: inherit; }
h3 a:link { color: inherit; text-decoration: none; }
h3 a:visited { color: inherit; }
h3 a:hover { color: inherit; text-decoration: underline; }
h3 a:active { color: inherit; }
h4 { font: bold 13px/16px "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 4px 0; color: inherit; border-top: solid 1px #ccc; padding:  8px 0 0 0; }
h4 a:link { color: inherit; text-decoration: underline; }
h4 a:visited { color: inherit; }
h4 a:hover { color: inherit; text-decoration: underline; }
h4 a:active { color: inherit; }
h5 { font: bold 13px/16px "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 4px 0; color: inherit;  }
h5 a:link { color: inherit; text-decoration: underline; }
h5 a:visited { color: inherit; text-decoration: underline; }
h5 a:hover { color: inherit; text-decoration: underline; }
h5 a:active { color: inherit; text-decoration: underline; }
h6 { font: bold 13px/16px "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 4px 0; color: #777;  }
h6 a:link { color: #777; text-decoration: underline; }
h6 a:visited { color: #777; }
h6 a:hover { color: #777; }
h6 a:active { color: #777; }
p { font: 13px/16px "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 16px 0; color: #777;}
p a:link { color: #555; text-decoration: underline; }
p a:visited { color: #555; text-decoration: underline; }
p a:hover { color: #000; text-decoration: underline; }
p a:active { color: #555; text-decoration: underline; }
strong { color: #333; font-weight: bold; }
em { font-style: italic; }
ul { list-style: disc; margin: 0 0 16px 1.5em; }
ol { list-style-type: decimal; margin: 0 0 16px 1.5em; }
ul ol, ol ul, ul ul, ol ol { margin: 0 0 0 1.5em; }
li { font: 13px/16px "Helvetica Neue", Helvetica, sans-serif; color: #777;}
li a:link { color: #555; text-decoration: underline; }
li a:visited { color: #555; text-decoration: underline; }
li a:hover { color: #000;text-decoration: underline;  }
li a:active { color: #555; text-decoration: underline; }
sup { vertical-align: baseline; font-size: 10px; letter-spacing: 0; line-height: 0; }

.nobr { white-space: nowrap; }
.small { font: 11px/13px "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 8px 0; color: #777;  }


/* tables */
table { border-collapse: collapse; margin: 0 0 16px 0; padding: 0}
table tr {}
table tr th { text-align:left; vertical-align: top; border: 1px solid #ccc; background:#f2f2f2; padding: 4px 8px; font-weight: bold; }
table tr td { vertical-align: top; border: 1px solid #ccc; padding: 4px 8px; }

/* form */
input { height: 19px; }

/* grid */
.row { width: 980px; margin: 0 auto; overflow: hidden; }
.row .row { margin: 0; width: auto; display: inline-block; }
.col { margin: 0; overflow: hidden; float: left; display: inline; }

/* widths of columns */
.w_980 { width: 980px; }
.w_739 { width: 739px; } /* cols first 3 */
.w_257 { width: 257px; } /* cols first 1 */
.w_241 { width: 241px; } /* cols except first */
.w_354 { width: 354px; } /*  */

/* background */
.bg_cyan { background: cyan; }
.bg_magenta { background: magenta; }
.bg_yellow { background: yellow; }
.bg_red { background: red; }
.bg_blue { background: blue; }
.bg_green { background: green; }
.bg_orange { background: #f0c20e; }
.bg_grey { background: #31302f; }
.bg_white { background: white; }

.nav { background: #f5f5f5; padding: 8px 16px; margin: 16px 0 0 0; height: 53px; z-index: 1000; }
.nav_top { margin: 0 0 4px 0; height: 21px; }
.nav_top .language { float: left; height: 21px; width: 241px; margin: 0 0 0 482px;}
.nav_top .search { float: left; height: 21px; width: 225px; }
/* replaced by google search
.nav_top .search .search_field { height: 19px; width: 195px; border: solid 1px #ccc; }
.nav_top .search .search_button { height: 21px; width: 24px; vertical-align: top;}
*/

/* main nav image replace */
.nav_main { height: 28px; position: absolute; z-index: 1000;}
.nav_main ul { margin: 0; padding: 0; height: 28px; width: 976px; list-style: none; }
.nav_main ul li { }
.nav_main ul li a { width: 123px; height: 0; padding-top: 28px; overflow: hidden; background: url(http://www.sportworks.com/assets/ui/ui_nav_main.png) no-repeat; }
.nav_main ul > li#nav_full_home > a { width: 232px; background-position: 0 0; }
.nav_main ul > li#nav_full_products > a { width: 123px; background-position: -232px 0; }
.nav_main ul > li#nav_full_about_us > a { width: 123px; background-position: -355px 0; }
.nav_main ul > li#nav_full_downloads > a { width: 123px; background-position: -478px 0; }
.nav_main ul > li#nav_full_ordering_info > a { width: 123px; background-position: -601px 0; }
.nav_main ul > li#nav_full_call > a { width: 196px; background-position: -726px 0; cursor: default; }
.nav_main ul > li#nav_full_facebook > a { width: 28px; background-position: -920px 0; }
.nav_main ul > li#nav_full_home > a:hover { width: 232px; background-position: 0 -28px; }
.nav_main ul > li#nav_full_products > a:hover { width: 123px; background-position: -232px -28px; }
.nav_main ul > li#nav_full_about_us > a:hover { width: 123px; background-position: -355px -28px; }
.nav_main ul > li#nav_full_downloads > a:hover { width: 123px; background-position: -478px -28px; }
.nav_main ul > li#nav_full_ordering_info > a:hover { width: 123px; background-position: -601px -28px; }
.nav_main ul > li#nav_full_call > a:hover { width: 196px; background-position: -726px -28px; }
.nav_main ul > li#nav_full_facebook > a:hover { width: 28px; background-position: -920px -28px; }
.nav_main ul > li#nav_full_home > a:active { width: 232px; background-position: 0 -28px; }
.nav_main ul > li#nav_full_products > a:active { width: 123px; background-position: -232px -28px; }
.nav_main ul > li#nav_full_about_us > a:active { width: 123px; background-position: -355px -28px; }
.nav_main ul > li#nav_full_downloads > a:active { width: 123px; background-position: -478px -28px; }
.nav_main ul > li#nav_full_ordering_info > a:active { width: 123px; background-position: -601px -28px; }
.nav_main ul > li#nav_full_call > a:active { width: 196px; background-position: -726px -28px; }
.nav_main ul > li#nav_full_facebook > a:active { width: 28px; background-position: -920px -28px; }
.nav_main ul > li#nav_full_home.here > a { width: 232px; background-position: 0 -56px; }
.nav_main ul > li#nav_full_products.here > a { width: 123px; background-position: -232px -56px; }
.nav_main ul > li#nav_full_about_us.here > a { width: 123px; background-position: -355px -56px; }
.nav_main ul > li#nav_full_downloads.here > a { width: 123px; background-position: -478px -56px; }
.nav_main ul > li#nav_full_ordering_info.here > a { width: 123px; background-position: -601px -56px; }
.nav_main ul > li#nav_full_call.here > a { width: 196px; background-position: -726px -56px; }
.nav_main ul > li#nav_full_facebook.here > a { width: 28px; background-position: -920px -56px; }
.nav_main ul > li#nav_full_home.parent_here > a { width: 232px; background-position: 0 -56px; }
.nav_main ul > li#nav_full_products.parent_here > a { width: 123px; background-position: -232px -56px; }
.nav_main ul > li#nav_full_about_us.parent_here > a { width: 123px; background-position: -355px -56px; }
.nav_main ul > li#nav_full_downloads.parent_here > a { width: 123px; background-position: -478px -56px; }
.nav_main ul > li#nav_full_ordering_info.parent_here > a { width: 123px; background-position: -601px -56px; }
.nav_main ul > li#nav_full_call.parent_here > a { width: 196px; background-position: -726px -56px; }
.nav_main ul > li#nav_full_facebook.parent_here > a { width: 28px; background-position: -920px -56px; }

/* subnav flyouts */
.nav_main { }
.nav_main a { }
.nav_main a:link { }
.nav_main a:visited { }
.nav_main a:hover { }
.nav_main a:active { }
.nav_main ul { list-style: none; margin: 0; }
.nav_main ul ul { display: none; width: 123px; }
.nav_main ul li { position: relative; list-style: none; float: left; }
.nav_main ul li a { }
.nav_main ul li a:hover { }
.nav_main ul li:hover > ul { display: block; }
.nav_main li a { display: block; }
.nav_main li a.here { }
.nav_main ul li a:hover { }	
.nav_main ul li ul li { list-style: none; margin: 0; }
.nav_main ul li ul li a { width: 175px; background: #b1b1b1; height: 18px; padding: 6px 6px 4px 6px; margin: 0; border-top: solid 1px white; text-transform: lowercase; }
.nav_main ul li ul li a:link { color: #eee; text-decoration: none; }  
.nav_main ul li ul li a:visited { color: #eee; text-decoration: none;  } 
.nav_main ul li ul li a:active { color: #eee; text-decoration: none; }
.nav_main ul li ul li a:hover { color: #eee; text-decoration: none; background: #8a8a8a;}
.nav_main ul > li { float: left; }
.nav_main ul > li > ul > li { float: left; }
.nav_main ul > li:hover > ul { }
.nav_main ul li:hover > ul > li > ul { display: none; } /* limit to 2 levels deep */


/* force IE6 to recognize hover applied to <li> */
/* div.nav_main li:hover ul, div.nav_main li.over ul { display: block; } */

.nav_footer { }
.nav_footer p { color: #999; font-size: 11px; margin: 0;}
.nav_footer ul { list-style: none; margin: 0; }
.nav_footer ul li { color: #999; font-size: 11px; }
.nav_footer ul li a:link { color: #eee; text-decoration: none; font-weight: bold; }
.nav_footer ul li a:visited { color: #eee; font-weight: bold; }
.nav_footer ul li a:hover { color: #fff; text-decoration: underline; font-weight: bold; }
.nav_footer ul li a:active { color: #eee; font-weight: bold; }
.nav_footer ul.legal li a:link { color: #eee; text-decoration: none; font-weight: normal; }
.nav_footer ul.legal li a:visited { color: #eee; font-weight: normal; }
.nav_footer ul.legal li a:hover { color: #fff; text-decoration: underline; font-weight: normal; }
.nav_footer ul.legal li a:active { color: #eee; font-weight: normal; }

#google_translate_element { z-index: 2000; }
#google_translate_element img { display: inline; }