/* CSS Document */
html {
}
body {
background: url(../images/bg.gif) repeat;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
margin:0;
padding:0;
text-align: left;
}
p, div, ul, ol, li, h1, h2, h3, h4, h5 { margin-top: 0px;}
img a {border:0;}
h1, h2, h3, h4, h5 {font-family: Arial Narrow, Arial, Helvetica, sans-serif;}
img {border:none;}
.clear {clear:both; margin:0; padding:0;}
#header_wrapper {
background-color:#c4c4c4;
width:100%;
border-top:#333 3px solid;
}
#header {
background-color:#c4c4c4;
width:933px; height:82px;
margin:0 auto;
padding:7px 0 0;
}
#container_wrapper {
width:933px;
padding:0 9px;
margin:0 auto;
background: url(../images/shadow.png) repeat-y top center;
}
#top_shadow_wrapper {width:100%; background:url(../images/top_shadow.gif) repeat-x top;}
#wrapper {position:relative; width:955px; margin:0 auto;}
#wrapper_left, #wrapper_right {height:47px; width:11px; background-repeat:no-repeat; background-position:top; position:absolute; margin:0; padding:0;}
#wrapper_left {background-image:url(../images/bg_wrapper_left.png); float:left; left:0px;}
#wrapper_right{background-image:url(../images/bg_wrapper_right.png); float:right; left:944px;}
#container {width:933px; background: url(../images/bg_content.gif) repeat-y;}
#header #logo {
float:left;
}
#header #header_buttons {
float:right; width:214px;
}
#header #header_buttons a.corporate, #header #header_buttons a.contact {
float:left; display:block; color:#fff;
text-decoration:none;
line-height:28px;
font-size:14px;
font-weight:bold;
text-align:center;
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
line-height:28px;
padding:4px 0 0 4px;
background-repeat:no-repeat;
margin:29px 4px 0 0;
}
#header #header_buttons a.corporate {width:106px; background-image:url(../images/bg_bg_corp_button.gif)}
#header #header_buttons a.contact {width:96px; background-image:url(../images/bg_bg_contact_button.gif); margin-right:0;}
#navigation {background-color:#fff; padding-left:3px; width:930px;
background:url(../images/bg_nav.gif) repeat-x top left; }
#navigation ul {margin:0; padding:0; display:inline;}
#navigation li {display:inline; margin:0; padding:0;}
#navigation ul li a {
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
padding:0 26px;
line-height:36px;
background:url(../images/bg_nav.gif) repeat-x top left;
margin:0;
float:left;
}
#navigation ul li a:hover {color:#fff; background-position:0 -36px; cursor:pointer; cursor:hand;}
#banner_area {width:933px; height:234px; position:relative; background:url(../images/bg_banner_area.gif) no-repeat;}
#banner {position:absolute; left:11px; top:-3px; height:239px; width:913px; background:url(../images/bg_banner.png) no-repeat;}
#banner.home {}
#banner #thumbs img {float:right; border:#fff 2px solid; margin-left:2px;}
.secondary #banner {height:240px; width:706px; background-repeat:no-repeat; position:absolute; top:-6px; left:-31px;}
#content {width:933px;}
#content #left_col {float:left; width:233px; background:url(../images/bg_light.gif) repeat-y; padding:25px 0 16px;}
#left_col .left_banner {padding-left:16px; margin:0 0 10px; display:block;}
#left_col #quotation {border:#b2cdb2 1px solid; border-left:none; border-right:none; padding:16px 0; width:195px; margin:0 0 19px 21px;}
#left_col #quotation p {padding:0; margin:0 0 16px; color:#fff; font-style:italic; font-size:15px; font-family: Arial Narrow, Arial, Helvetica, sans-serif}
#left_col #quotation p.credit {font-size:13px; font-style:normal; margin:0; float:right; padding:0;}
#left_col ul.buttons {float:right; width:221px; margin:0; padding:0;}
#left_col ul.buttons li {float:right; list-style-type:none; padding:0 0 6px 6px; margin:0 0 7px; background-image:url(../images/left_nav_button_shadow.png);}
#left_col ul.buttons li a {display:block; padding:0 0 0 13px; line-height:31px; width:185px; color:#666; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-decoration:none; background: url(../images/bg_left_col_button.gif) repeat-y top; border-left-width: 8px; border-left-style:solid;}
#left_col ul.buttons li a.specs {border-left-color: #693333;}
#left_col ul.buttons li a.environment {border-left-color: #538e2b 8px solid;}
#content #center_col, #content #right_col {background:#fff; float:left;}
#content #center_col {padding:0 8px 0 13px; width:436px; background-image:url(../images/hp_main_col_div.gif); background-position:right top; background-repeat:no-repeat;}
#content #center_col h1, #content #center_col p {padding-left:6px;}
#content #center_col h1 {font-size:24px; font-weight:bolder; margin:0;}
#content #center_col p {font-size:12px; margin-bottom:13px; line-height:18px;}
#content #center_col a:link {color:#056606;}
#content #center_col a:visited {color:#056606;}
#content #center_col a:hover {color:#056606;}
#content #center_col a:active {color:#056606;}
#content #center_col #buy_button {
float:right;
}
#content #center_col #featured_prods_container {position:relative; padding:45px 0 0; margin-bottom:15px;}
#content #center_col #featured_prods_container #buy_button {position:absolute; top:-345px; right:-237px;}
#content #center_col #featured_prods_tab {padding:5px 0 0 33px; width:413px; height:25px; background:url(../images/bg_featured_prods_tab.gif) no-repeat;}
#content #center_col #featured_prods_tab p {margin:0; padding:0; color:#fff; font-size:14px; font-weight:bold; font-style:italic; font-family:Arial Narrow Arial, Helvetica, sans-serif;}
#content #center_col #featured_prods {width:436px; height:284px; background:url(../images/bg_featured_prods.jpg) no-repeat;}
#content #center_col #featured_prods .featured_prod {float:left; padding:0px 10px; width:198px;}
#content #center_col #featured_prods .featured_prod img {display:inline; margin:0 0 8px;}
#content #center_col #featured_prods .featured_prod img.name {margin:0 auto 10px; display:block;}
#content #center_col #featured_prods .featured_prod img.plexitrac {padding-left:17px; margin-bottom:14px;}
#content #center_col #featured_prods .featured_prod img.plexicushion {padding-left:15px;}
#content #center_col #featured_prods .featured_prod p {color:#333; font-size:11px; padding:0; line-height:12px;}
#content #center_col #featured_prods p.copyright {margin-top:16px;}
#content #right_col {width:221px; padding:0 6px 0 6px;}
#content #right_col #news_events {position:relative; }
#content #right_col #news_events #news_tabs {
background:url(../images/events_on.gif);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
z-index:2;
}
#content #right_col #news_events #news_tabs a {display:block; float:left; padding-top:3px; height:15px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; cursor:hand; cursor:pointer; background:none;}
#content #right_col #news_events #news_tabs a.news {padding-left:28px; width:80px;}
#content #right_col #news_events #news_tabs a.events {padding-left:38px; width:70px;}
#content #right_col #news_events #events, #content #right_col #news_events #news {
margin-top:18px;
padding:0 13px 27px;
width:190px;
border:#ccc 1px solid;
border-top:#333 10px solid;
position:absolute;
z-index:1;
height:430px;
}
#content #right_col #news_events #news{
border-top:#666 10px solid;}
#content #right_col #news_events #news {padding-top:10px;}
#content #right_col #news_events #events .event, #content #right_col #news_events #news .news_item { font-size:12px; color:#000; border-bottom:#d8d8d8 1px solid; padding:9px 0 17px;}
#content #right_col #news_events #events{visibility:hidden; }
#content #right_col #news_events #events .last, #content #right_col #news_events #news .last {border:none;}
.event img {float:left; padding:0 9px 10px 0;}
.event h2 {font-size:14px; font-family:Arial, Helvetica, sans-serif; padding: 7px 0 0; color:#000; margin:0;}
.event p.date {margin:0; font-weight:bold;}
.event p.blurb {margin:0;}
.event p.link {margin:0; color:#11a011;}
.event a {color:#11a011;}
.event a:hover {color:#11a011;}
.event a:visited {color:#11a011;}
.event a:active {color:#11a011;}
.news_item p.date {font-size:10px; margin:0;}
.news_item p.headline, .news_item p.blurb {font-family:Arial, Helvetica, sans-serif; margin:0; font-weight:bold;}
.news_item p.blurb {font-weight:normal;}
.news_item p.link {margin:0; color:#11a011;}
.link a {color:#11a011;}
.link a:hover {color:#11a011;}
.link a:visited {color:#11a011;}
.link a:active {color:#11a011;}
#content #right_col #news_events #events a.archive_link {float:right; color:#11a011; text-decoration:none; font-size:12px;}
#content #right_col #news_events #events a.archive_link:hover {color:#11a011; text-decoration:none;}
#content #right_col #news_events #events a.archive_link:active {color:#11a011; text-decoration:none;}
#content #right_col #news_events #events a.archive_link:visited {color:#11a011; text-decoration:none;}
.secondary {}
.secondary #content #left_col {padding-top:0px;}
#secondary_nav {padding-top:4px; background: url(../images/bg_banner_area.gif) no-repeat 0 0; min-height:225px; height:auto !important; height:225px;}
#secondary_nav ul {margin:0 2px 43px; padding:0; width:223px; list-style-type:none; border-bottom:#b3cdb2 1px solid;}
#secondary_nav ul li{display:block; margin:0; padding:0; border-top:#b3cdb2 1px solid;}
#secondary_nav ul li a{ display:block; color:#fff; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; padding:0 0 0 18px; line-height:25px;}
#secondary_nav ul li a:hover, #secondary_nav ul li a.on {color:#fff; background:#660000;}
#secondary_nav ul li a:active{color:#fff;}
#secondary_nav ul li a:visited{color:#fff;}
.secondary #secondary_content {width:665px; padding:0 17px 0 18px; float:left; background: url(../images/bg_banner_area.gif) no-repeat -233px 0;} .secondary #secondary_content.installers {width:675px; padding-right:7px;}
.secondary #banner_area {width:665px; height:247px; background:none; position:relative;}
.secondary #banner_area img {position:absolute; top: -6px; left:-31px;}
.secondary #secondary_content h1 {margin:0px; color: #004f37; font-size:24px;}
.secondary #secondary_content h1 em {color:#666;}
.secondary #secondary_content h2 {margin:0 0 5px; color: #333; font-size:18px;}
.secondary #secondary_content h3 {margin:0 0 5px; color: #333; font-size:15px;}
.secondary #secondary_content p, .secondary #secondary_content li {font-size:12px; color:#333; line-height:18px;}
.secondary #secondary_content p {line-height:18px;}
.secondary #secondary_content .links {color: #004f37; font-size:12px;}
.secondary #secondary_content li {line-height:15px;}
.secondary #secondary_content p, .secondary #secondary_content ul {margin:0 0 21px 0; list-style-position:inside;}
.secondary #secondary_content ul {
margin-left: 0;
padding-left: 1em;
text-indent: -.8em;
}
*:first-child+html .secondary #secondary_content ul {text-indent: -1.3em;}
* html .secondary #secondary_content ul {text-indent: -1.3em;}
.secondary #secondary_content a {color: #004f37;}
.secondary #secondary_content a:hover {color: #004f37;}
.secondary #secondary_content a:active {color: #004f37;}
.secondary #secondary_content a:visited {color: #004f37;}
.secondary #secondary_content .prod_info {margin:37px 0 0 0;}
.secondary #secondary_content .prod_info .prod_name {margin:0 0 10px; padding:0; width:663px;}
.secondary #secondary_content .prod_info h1 {width: 275px; float:left; margin:0; padding:0;}
.secondary #secondary_content .prod_info .links { padding:8px 0 0 0; width:90px; float:left; margin:0; }
.secondary #secondary_content .prod_info .prod_box {border:#ccc 1px solid; margin:0 0 14px; padding:0 0 10px; width:663px; float:left; background: url(../images/bg_prod_examples.gif) repeat-y top right}
.prod_info .prod_image, .prod_info .prod_description {float:left;}
.prod_info .prod_image {padding:4px 0 0 6px; width:490px; height:auto; overflow:hidden; }
.prod_info .prod_description {padding:12px; color:#666; width:230px;}
.prod_info .examples {float:right; width:113px; padding:16px 20px 18px 23px; height:auto;}
.prod_info .examples h3 {border-bottom:#fff 1px solid; color:#333; font-style:italic; font-size:16px; margin-bottom:5px;}
.prod_info .examples img {float:left; border:#fff 1px solid; margin:0;}
.prod_info .examples img.top_left {margin-right:4px;}
.prod_info .examples img.top_right {margin-bottom:4px;}
.prod_info .examples img.bottom_left{margin-right:4px;}
.prod_info table td { font-size:12px; padding: 4px 5px; }
.secondary #secondary_content .prod_info h2 {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0;}
.secondary #secondary_content.tech_docs table {border-bottom:#006600 1px dotted; padding:0 0 10px; margin-bottom:10px;}
#track_colorizer {width: 100%;}
#track_colorizer #image {float:left; width:326px; margin-right:10px; margin-bottom:10px;}
#track_colorizer #color_links {float:left; border:#659B65 1px solid; padding:10px; padding-bottom:0px; width:290px;}
#track_colorizer #color_links a {display:block; text-decoration:none; margin-bottom:15px; line-height:35px; border-left-width:35px; border-left-style:solid; padding-left:15px;cursor: pointer; cursor: hand;}
#track_colorizer #color_links a.black { border-left-color:#000;}
#track_colorizer #color_links a.red { border-left-color:#aa3548;}
#track_colorizer #color_links a.green { border-left-color:#3b8c40;}
#track_colorizer #color_links a.blue { border-left-color:#1872ae;}
#track_colorizer #color_links a #black_text {color:#fff;}
#track_colorizer #color_links a #red_text {color:#fff;}
#track_colorizer #color_links a #green_text {color:#fff;}
#track_colorizer #color_links a #blue_text {color:#fff;}
form {font-size:12px;}
form label {}
form select {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#left_col_divider{font-size:8px; line-height:0px; height:1px; border-top:#b2cdb2 1px solid; margin-left:21px; margin-bottom:10px; width:195px;}
#classifications {width:195px; padding-left:3px; margin-bottom:10px; margin-left: 21px;}
#classifications p {color:#fff; font-size:10px;}
#classifications a {color:#fff;}
.event_archive {}
.event_archive table{ padding-top:10px; font-size:12px; width:100%;}
.event_archive td {padding:0 10px; height:55px;}
.event_archive th {padding:0 10px; height:25px; text-align:center; font-size:15px;}
.tournament {}
.tournament table {padding-top:5px; font-size:12px; width:100%;}
.tournament td {padding: 0 0; height:25px; text-align:center;}
.tournament th {padding: 0 10px; height:25px; text-align:center; font-size:15px}
#footer { text-align:right; padding-top:14px; border-top:#dcdcdc 1px solid;}
.secondary #footer {}
#footer p {font-size:11px}
* html #container_wrapper {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow.png',sizingMethod='scale'); background:none;}
* html #wrapper_left {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_wrapper_left.png',sizingMethod='scale'); background:none;}
* html #wrapper_right {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_wrapper_right.png',sizingMethod='scale'); background:none;}
* html #left_col ul.buttons li {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/left_nav_button_shadow.png',sizingMethod='scale'); background:none;}
#banner.tennis {background-image:url(../images/banner_tennis.png);}
* html #banner_area .tennis {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_tennis.png',sizingMethod='scale'); background:none;}
#banner.track {background-image:url(../images/banner_track.png);}
* html #banner_area .track {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_track.png',sizingMethod='scale'); background:none;}
#banner.basketball {background-image:url(../images/banner_basketball.png);}
* html #banner_area .basketball {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_basketball.png',sizingMethod='scale'); background:none;}
#banner.colorscapes {background-image:url(../images/banner_colorscapes.png);}
* html #banner_area .colorscapes {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_colorscapes.png',sizingMethod='scale'); background:none;}
#banner.tech {background-image:url(../images/banner_tech.png);}
* html #banner_area .tech {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_tech.png',sizingMethod='scale'); background:none;}
#banner.installers {background-image:url(../images/banner_installers.png);}
* html #banner_area .installers {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_installers.png',sizingMethod='scale'); background:none;}
#banner.company {background-image:url(../images/banner_company.png);}
* html #banner_area .company {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_company.png',sizingMethod='scale'); background:none;}
#banner.events {background-image:url(../images/banner_events.png);}
* html #banner_area .events {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_events.png',sizingMethod='scale'); background:none;}
#banner.news {background-image:url(../images/banner_news.png);}
* html #banner_area .news {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_news.png',sizingMethod='scale'); background:none;}