html {

}
body {
  margin: 0px;
  padding: 0px;
  font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #232;
}
form {
  margin: 0;
  padding: 0;
}
a {
  color: #030;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}
img {
  display: block;
}
p {
  margin: 0px 0px 20px 0px;
}
form p {
  margin: 0px 0px 5px 0px;
}
.clear {
  clear: both;
}
.clear img {
  display: block;
}
.right {
  float: right;
}
.left {
  float: left;
}
div.paging {
  clear: both;
}
div.paging div.link {
  float: left;
  width: 50%;
}
#site-search dd {
  margin-bottom: 20px;
}
#site-search div.pages {
  text-align: center;
}
#site-search div.pages a {
  padding: 0 5px;
}
#contact-form label {
  width: 100px;
  float: left;
  padding: 3px;
  text-align: right;
}
#contact-form sup.required {
  color: #f00;
}
#contact-form input.sendform {
  margin-left: 106px;
}

#site-container {
  width: 768px;
  margin: 0px auto 0px auto;
}

#header {
  height: 86px;
  margin: 0px 0px 1px 0px;
  background: #fff url(/images/header-gradient.jpg) bottom left repeat-x;
}
#header table {
  width: 768px;
  border-bottom: 1px solid #ccc;
}
#header-logo {
  width: 525px;
  height: 102px;
  he\ight: 86px;
  border-right: 1px solid #ccc;
  padding: 0px 10px 16px 15px;
  padding: 0 0 16px 0;
  vertical-align: middle;
  overflow: hidden;
  w\idth: 524px;
}
#header-logo h1 {
  margin: 0px;
  padding: 0px;
}
#header-logo h1 span {
  display: none;
}
#header-strapline {
  width: 243px;
  height: 86px;
  border-left: 1px solid #fff;
  text-align: right;
  vertical-align: middle;
  padding-right: 10px;
  w\idth: 231px;
  color: #060;
  font-size: 1.2em;
}


#middle-content {
  background: #fff url(/images/dotted-bg.gif) left top repeat-y;
  _height: 1%;
}

#left-column {
  width: 136px;
  padding-right: 1px;
  w\idth: 135px;
  font-size: 0.9em;
  float: left;
}
#left-column h2 {
  font-weight: bold;
  text-align: right;
  line-height: 25px;
  font-size: 1em;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  background: #060;
  color: #fff;
  border-bottom: 1px solid #fff;
}


#left-column ul {
  margin: 0px;
  padding: 0px;
  background-color: #9ccd9c;
  list-style-type: none;
}



/** CAT / Sub Cat Left Nav**/
#left-column .leftnav {
  padding-top: 2px;
  padding-bottom: 8px;
  width: 138px;
}

#left-column ul{
  padding: 0px;
  margin: 0px;
  width:100%;
  list-style-type: none;
}

#left-column ul li {
  position: relative;
  top:0;
  left:0;
  zoom:1;
  line-height: 2.4em;
  height:35px !important;
  text-align: right;
  padding-right: 10px;
  border-bottom: 1px solid #fff;
  text-align: left;
  margin:0 !important;
  display:block;
  padding: 0px 0px 0px 0px !important;
}
#left-column ul li.first {
  padding: 0px 0px 0px 0px;
}
#left-column ul li.last {
  padding: 0px 0px 0px 0px;
}
#left-column ul li a {
  display: block;
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
  padding: 2px 8px 2px 8px;
  color: #fff;
}
#left-column ul li a:hover {
  text-decoration: underline;
}

#left-column ul.top li.top,#left-column ul.top li.toplast {
  position:relative;
  margin: 0px 1px 0px 0px;
  padding: 0px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: right;
}

#left-column ul.top li.toplast {
  border-bottom: 0px;
}

#left-column ul.top li.top a.top, #left-column ul.top li.toplast a.top {
  padding-left: 0px;
  font-weight: bold;
  text-decoration: none;
  font-size: 1em;
}



/* Fix IE. Hide from IE Mac \*/
* html #left-column ul li { _float: left; _height: 1%; }
* html #left-column ul li a { _height: 1%; }
/* End */

#left-column ul ul {
width:13em !important;
zoom:1;
display:none;
position:absolute !important;
left:127px !important;
top:0px;
*top:-2px !important;
_top:0px;
margin:0 !important;
padding:0 !important;
z-index:2;
}

#left-column ul ul li{

margin:0 !important;
padding:0 0 0px 0;
*padding:0 0 2px 0 !important;
}




/*Level 2*/
#left-column li:hover ul ul,
#left-column li.over ul ul
  { display:none; }
#left-column li:hover ul,
#left-column li li:hover ul,
#left-column li.over ul,
#left-column li li.over ul
  { 
  display: block; 
  position:absolute;
  left: 120px; /* Set 1px less than menu width */
  top: -0px;
  margin:0;
  padding:0;
  } /* The magic */

/*Level 3*/
#left-column li:hover ul ul ul,
#left-column li.over ul ul ul
  { display:none; }
#left-column li:hover ul,
#left-column li li li:hover ul,
#left-column li.over ul,
#left-column li li li.over ul
  { display: block;
  position:absolute;
  left: 134px; /* Set 1px less than menu width */
  top: -0px;
  margin:0;
  padding:0;
  } /* The magic */

/*Level 4*/
#left-column li:hover ul ul ul ul,
#left-column li.over ul ul ul ul
  { display:none; }
#left-column li:hover ul,
#left-column li li li li:hover ul,
#left-column li.over ul,
#left-column li li li li.over ul
  { display: block; 
    position:absolute;
  left: 134px; /* Set 1px less than menu width */
  top: -0px;
  margin:0;
  padding:0;
  } /* The magic */

/*Level 5*/
#left-column li:hover ul ul ul ul ul,
#left-column li.over ul ul ul ul ul
  { display:none; }
#left-column li:hover ul,
#left-column li li li li li:hover ul,
#left-column li.over ul,
#left-column li li li li li.over ul
  { display: block;
  position:absolute;
  left: 134px; /* Set 1px less than menu width */
  top: -0px;
  margin:0;
  padding:0;
  } /* The magic */


/** END Left Nav **/


#left-column ul.cart {
  padding-bottom: 10px;
}
#left-column ul.cart li {
  border: none;
  line-height: 1.4em;
}
#left-column ul li a {
  font-weight: normal;
  color: #030;
  text-decoration: none;
}
#left-column ul li a:hover {
  text-decoration: underline;
}
#left-column ul li.current {
  background: #060;
  background: #d8e8d8;
}
#left-column ul li.current a {
  color: #fff;
  color: #060;
}
#left-column ul li.mainsite {
  border-top: 1px solid #fff;
  padding-top: 5px;
  margin-top: 4px;
}
#left-column p {
  background-color: #9ccd9c;
  padding: 8px;
  text-align: right;
  color: #232;
  margin: 0px;
}


#middle-column {
  width: 632px;
  float: left;
  font-size: 0.9em;
}
#middle-column h2.crumbs {
  line-height: 25px;
  font-size: 1.04em;
  margin: 0px;
  padding: 0px 18px 0px 18px;
  background: #9ccf9c url(/images/home-bg-f.gif) bottom right no-repeat;
}
* html #middle-column h2.crumbs {
  font-size: 1.1em;
}
#middle-column h2.crumbs a {
  display: block;
  line-height: auto !important;
  padding-top: 3px;
  float: right;
  font-size: 0.9em;
}

#middle-column #main-body {
  padding: 15px 0px 20px 20px;
  font-size: 0.9em;
}
* html #middle-column #main-body {
  font-size: 1em;
}
#middle-column #main-body h1 {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  color: #060;
  font-size: 1.8em;
}


#footer {
  width: 768px;
  background-color: #9ccf9c;
  text-align: center;
  font-size: 1em;
}
#footer span.phone {
  color: #c00;
  font-weight: bold;
  padding-right: 6px;
}
#footer img {
  display: inline;
  vertical-align: middle;
  background: url(/images/visport-logo-f.gif) bottom left no-repeat;
  background: url(/images/podium-affiliate.gif) bottom left no-repeat;
}


#sub-footer {
  width: 768px;
  margin-top: 1px;
  height: 63px;
  padding-top: 10px;
  he\ight: 53px;
  background: url(/images/footer-gradient.jpg) top left repeat-x;
  text-align: center;
}
#sub-footer ul {
  width: 375px;
  margin: 0px auto 0px auto;
  padding: 0px;
  list-style-type: none;
}
#sub-footer ul li {
  float: left;
  text-align: center;
  font-size: 0.9em;
}
#sub-footer ul li.tandc {
  width: 140px;
}
#sub-footer ul li.ship {
  width: 130px;
}
#sub-footer ul li.privacy {
  width: 105px;
}

#secure-logo {
  margin-top: 20px;
  text-align: center;
}