html{ overflow: scroll; }
* { padding: 0; margin: 0; }
img, fieldset { border: 0; } img.floatright{ border: 1px solid #AAA; float: right; margin-left: 10px; margin-top: 12px; margin-bottom: 5px; }
.separator{ clear: both; height: 1%; } .none{ display: none; } .hide{ visibility: hidden; }
a{color: #1E5216; text-decoration: none;} a:visited{ color: #BE00D9; } a:hover, a.on{color: #640404; text-decoration: underline;}
p {line-height: 1.3em;}
h1, h2, h3, h4, h5 {color: #000; font-family: "Arial", sans-serif; margin-bottom: 10px; }
body{ background: #D1D2D4 url(../img/bg-body.jpg) top left repeat-x; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: left; }

/* WRAPPER */
#wrapper{ background-color: #FFF; width: 968px; margin: auto; }

/* HEADER */
#header{ width: 968px; height: 77px; position: relative; }

/* LOGO */
#logo{ position: absolute; left: 20px; top: 12px; width: 98px; height: 31px; }
#logo a{ display: block; width: 170px; height: 55px; background: transparent url(../img/logo-national.jpg) top left no-repeat; }
#slogan{ position: absolute; right: 34px; top: 28px; width: 110px; height: 30px; background: transparent url(../img/slogan.jpg) top left no-repeat; }

/* NAVIGATION */
#nav{ background-color: #3A3A3C; position: relative; height: 30px; width: 968px; }
#nav #company{ color: #FFF; position: absolute; right: 34px; font-size: 1.2em; height: 30px; line-height: 30px; vertical-align: middle; }
#nav ul{ list-style: none; margin-left: 40px; }
#nav ul li{ display: block; float: left; margin-right: 15px; }
#nav ul li a{ padding-right: 15px; padding-left: 15px; font-family: 'Trebuchet MS', Arial, sans-serif; display: block; float: left; height: 30px; line-height: 30px; vertical-align: middle; color: #FFF; font-size: 1.3em; }
#nav ul li a.on, #nav ul li a:hover{ text-decoration: none; background: #2C2C2E url(../img/bg-tab.jpg) top left repeat-x; }

/* CONTENT */
#content{ width: 968px; margin-bottom: 20px; }

/* HOMEPAGE */
#homepage{}
#homepage .top{}
#homepage .top a#newco_product{ width: 467px; height: 300px; overflow: hidden; display: block; float: left; background: transparent url(../img/section-left.jpg) top left no-repeat; }
#homepage .top a#newco_product:hover{ background: transparent url(../img/section-left.jpg) 0 -300px no-repeat; }
#homepage .top a#newco_service{ width: 467px; height: 300px; overflow: hidden; display: block; float: left; background: transparent url(../img/section-right.jpg) top left no-repeat; }
#homepage .top a#newco_service:hover{ background: transparent url(../img/section-right.jpg) 0 -300px no-repeat; }
#homepage .top #separator{ width: 34px; height: 300px; float: left; display: block; background: transparent url(../img/separator.jpg) top left no-repeat; }
#homepage .com{ background-color: #FFF; padding: 10px; padding-top: 0; }
#homepage .com h2{ color: #000; margin-bottom: 3px; padding-top: 10px;  }
#homepage .com p{ color: #000; margin-bottom: 10px; line-height: 1.5em; font-size: 1.1em; }
#homepage .contactus{ background-color: #FFF; padding: 10px; padding-top: 0; position: relative; }
#homepage .contactus h2{ color: #000; margin-bottom: 3px; padding-top: 10px; }
#homepage .contactus p{ color: #000; margin-bottom: 10px; line-height: 1.5em; font-size: 1.1em; }
#homepage .contactus table{}
#homepage .contactus table th, #homepage .contactus table td{ padding: 8px; padding-left: 0; font-size: 1.1em; }
#homepage .contactus table th{ vertical-align: top; }
#homepage .contactus a.map{ display: block; border: 1px solid #AAA; width: 300px; }
#homepage .contactus a.map:hover{ border: 1px solid #222; }

#homepage .contactus .inner_left{ float: left; width: 450px; margin-right: 20px; }
#homepage .contactus .inner_right{ float: left; width: 450px; }
#homepage .form1{}
#homepage .form1 span.red{ color: red; }
#homepage .form1 p{ margin-bottom: 8px; font-size: 1.1em; }
#homepage .form1 label{ width: 150px; display: block; float: left; font-weight: bold; }
#homepage .form1 label.check{ width: auto; float: none; }
#homepage .form1 input.txt{ width: 288px; }
#homepage .form1 textarea{ width: 288px; height: 80px; }
#homepage .errors{ margin: 10px; margin-left: 0; padding: 10px; background-color: #FDE3E3; border: 1px solid #991717; }
#homepage .errors h5{ padding-left: 25px; padding-top: 3px; padding-bottom: 3px; background: transparent url("../img/alert.gif") center left no-repeat;  }
#homepage .errors p{ margin-bottom: 2px; }
#homepage .message{ margin: 10px; padding: 10px; background-color: #FCFDE3; border: 1px solid #949B0B; }
#homepage .message p{ padding-left: 25px; padding-top: 2px; padding-bottom: 2px; margin-bottom: 0; background: transparent url("../img/file_up_to_date.gif") center left no-repeat; }

#homepage .services{ background: transparent url("../img/bg-services.jpg") top left repeat-y; }
#homepage .services .col1{ float: left; width: 303px; margin-right: 20px;}
#homepage .services .fullcolumn{ float: left; width: 606px; }
#homepage .services .col2{ float: left; width: 303px; margin-right: 20px; }
#homepage .services .col3{ float: left; width: 303px; }
#homepage .services h2{ color: #000; margin-bottom: 10px; padding-top: 10px; }
#homepage .services ul{ margin-left: 16px; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
#homepage .services ul li{ font-size: 1.1em; margin-bottom: 8px; }
#homepage .services ul.glance{ list-style: none; margin-left: 0; }
#homepage .services ul.glance li a{ height: 12px; padding-left: 25px; line-height: 12px; vertical-align: middle; background: transparent url("../img/arrow.jpg") top left no-repeat; }
#homepage .services ul.glance li a:hover{ text-decoration: none; background: transparent url("../img/arrow.jpg") 0 -12px no-repeat; }
#homepage .services a.top{ float: right; margin-top: -15px; padding-left: 15px; background: transparent url("../img/arrow-up.jpg") top left no-repeat; }

#homepage .bottom{ background-color: #000000; padding-bottom: 40px; }
#homepage .bottom .left{ width: 427px; float: left; padding-left: 20px; padding-right: 20px; padding-top: 20px; }
#homepage .bottom .right{ width: 427px; float: right; padding-left: 20px; padding-right: 20px; padding-top: 20px; }
#homepage .bottom h2{ color: #FFF; font-size: 1.2em; border-bottom: 1px solid #F7931E; height: 35px; margin-bottom: 10px; }

#homepage .bottom #slides{ margin-left: 5px; width: 414px; height: 80px; overflow: hidden; }
#homepage .bottom #slides #slideshow{ height: 80px; width: 1518px; }
#homepage .bottom #slides #slideshow a{ display: none; float: left; }

#homepage .bottom .inner_top{ border-bottom: 1px dashed #F7931E; margin-bottom: 10px; padding-bottom: 10px; }
#homepage .bottom .inner_bottom{ }
#homepage .bottom .inner_top ul, #homepage .bottom .inner_bottom ul{ float: left; width: 207px; list-style: none; }
#homepage .bottom .inner_top ul li, #homepage .bottom .inner_bottom ul li{ list-style: circle; display: block; margin-bottom: 3px; color: #FFF; font-size: 1.1em; padding-left: 10px; background: transparent url(../img/bullet.jpg) center left no-repeat; }
#homepage .bottom .inner_top a, #homepage .bottom .inner_bottom a{ color: #FFF; }
#homepage .bottom .inner_top a:hover, #homepage .bottom .inner_bottom a:hover{ color: #F7931E; text-decoration: none; }

/* PRODUCTS */
#products{ background: transparent url("../img/bg-products.jpg") top left repeat-y; }
#products .col1{ width: 371px; height: 560px; float: left; display: none; }
#products .col2{ background-color: #3B3B3D; width: 110px; height: 584px; float: left; }
#products .col2 a{ display: none; }

#products .col3{ width: 449px; width: 820px; padding-left: 10px; float: left; }
#products .col3 h2{ font-size: 1.3em; text-transform: uppercase; padding-top: 10px; }
#products .col3 p{ margin-bottom: 10px; line-height: 1.5em; font-size: 1.1em; }
#products .col3 img{  }
#products .col3 table{ margin-bottom: 20px; }
#products .col3 table td{ border: 1px solid #EEE; padding: 20px; padding-right: 25px; padding-left: 25px; }

#products .col3 #timing{ display: none; }
#products .col3 #run{ display: none; }
#products .col3 #fitness{ display: none; }
#products .col3 #adventure{ display: none; }
#products .col3 #gps{ display: none; }
#products .col3 #watersports{ display: none; }
#products .col3 #cycling{ display: none; }
#products .col3 #teamsports{ display: none; }


/* FOOTER */
#footer{ background-color: #3B3B3D; clear: both; padding-top: 5px; padding-bottom: 5px; position: relative; }
#footer p{ text-align: right; color: #222; padding-right: 34px; }
#footer .copyright{ font-family: 'Trebuchet MS', Arial, sans-serif; text-align: right; color: #CCC; padding-right: 34px; }