/* CSS Document */
/* UPDATED: 090606 */
/*------------------------------------------*/
/* GLOBALS */
/* -------------------------------------- */
a img { border-style: none; }
body {
margin:0;
padding:0;
background: #EDE7E2 url("/000000000/00000000/00000000/0101:00002:01141028A/4151A00A/14442802/54C88A89.image;i7:,/background.jpg") top center repeat-y;
text-align: center;
font-family: arial, sans serif;
color:#333;
line-height:1.4;
voice-family: "\"}\""; voice-family: inherit;
font-size:small;
}
html>body {font-size:small;}
p {
margin:0;
line-height:140%;
padding-bottom: 1em;
text-align:left;
}
h1, h2, h3, h4, h6 {
font-family: arial,ans-serif;
font-weight:normal;
text-align:left;
color:#000000;
margin:0;
}
h1 {
margin-top: 5px;
font-size: 21.5px;
font-weight: 500;
color:#009966;
}
/* black dotted content heads */
h2
{
font-size: 13px;
color:#009966;
font-weight: bolder;
line-height:1.6;
}
/* brown colored subheads */
h3 {
font-size: 21.5px;
font-weight: normal;
color:#009966;
}
/* black, smaller */
h4 { font-size: 21.5px;
font-weight: bolder;
color:#000000; }
/* bold sans-serif subheads */
h5 {
color: #0F013D;
font: 10px arial, sans-serif;
font-weight: lighter;
line-height:1;
text-align: left;
}
}
h6 { font-size: 140%; padding-top:4px; padding-bottom:4px; }
/* style for quoted sections */
q
{
display:block;
padding: 10px 8px 8px 8px;
background-color:#F1F1F1;
border-top: 1px dotted #D5D5D5;
margin: 0px 0px 16px 0px;
font: 85% 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
line-height:1.4;
color:#666;
text-align:left;
}
ul,ol {
margin: 0 0 0 20px;
padding-left:10px;
}
li {
color:#333;
line-height:1.4;
margin-left:4px;
margin-bottom:0.5em;
padding-left:0;
list-style-type: circle;
}
strike {
text-decoration: line-through;
}
code, pre {font:12px monospace;white-space:normal;color:#666;}
/* STRUCTURE */
/* -------------------------------------- */
#storageframe {
width: 781px;
margin-right:auto;
margin-left:auto;
margin-bottom:auto;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
background: #FFFFFF;
height: 100%;
width: 791px;
}
#storagewrap { margin-left: 2%; margin-right: 2%; }
#insidewrap { margin-left: 2%; margin-top:1%; margin-right: 2%; }
#LogoBar {
background: ;
padding: 0px 0px 0px 0px;
width: 100%;
height: 30px;
}
#NavBar {
top: 0;
bottom:0;
background-color: #fff;
padding: 0px 11px 0px 10px;
text-align: right;
float: right;
display: block;
width: 70%;
}
#NavBar a {
background: # url("/000000000/00000000/00000000/0101:00002:044450A22/41002022/5454280A/0440887E.image;i7:,/nav_back.jpg") no-repeat;
font: arial,verdana,sans-serif;
font-size: 14px;
font-weight: bold;
padding: 4px 10px 2px 10px;
color: #000000;
text-align: center;
height: 15px !important;
height: 15px;
text-decoration: none;
}
#NavBar a:hover {
background: #333333;
text-decoration: none;
text-align: center;
color: #fff;
}
#NavBar ul {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 0;
/* Width of Menu Items */
}
#NavBar ul li {
position: relative;
text-align: center;
height: 1%;
}
#NavBar li ul {
position: absolute;
z-index: 25;
top: 25px;
color: #851313;
width: 190;
display: none;
}
/* Styles for Menu Items */
#NavBar ul li a {
vertical-align: middle;
font: 80% arial,verdana,sans-serif;
border-color: 851313;
border-width: 0px 1px 0px 1px;
border-style: solid solid solid solid;
font-size: 11px;
font-weight: lighter;
padding: 5px 10px 5px 10px;
color: #fff;
text-align: center;
height: 15px !important;
height: 15px;
text-decoration: none;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; text-align: left;}
* html ul li a { height: 1%; text-align: left;}
/* End */
#NavBar ul li a:hover {
background-position: 0px -25px;
vertical-align: middle;
font: 80% arial,verdana,sans-serif;
border-color: 851313;
border-width: 0px 1px 0px 1px;
border-style: solid solid solid solid;
font-size: 11px;
font-weight: lighter;
padding: 5px 10px 5px 10px;
color: #fff;
text-align: center;
height: 15px !important;
height: 15px;
text-decoration: none;
} /* Hover Styles */
#NavBar li ul li a {
vertical-align: middle;
font: 80% arial,verdana,sans-serif;
background: url("/i7:WebTemplate.blank_image;i7:") repeat-x;
border-width: 0px 1px 1px 1px;
border-style: solid solid solid solid;
font-size: 11px;
font-weight: bold;
padding: 5px 10px 5px 10px;
color: #851313;
text-align: left;
height: 15px !important;
height: 15px;
text-decoration: none;
} /* Sub Menu Styles */
#NavBar li ul li a:hover {
vertical-align: middle;
font: 80% arial,verdana,sans-serif;
background-position: 0px -25px;
border-width: 0px 1px 1px 1px;
border-style: solid solid solid solid;
font-size: 11px;
font-weight: bold;
padding: 5px 10px 5px 10px;
color: #fff;
text-align: left;
height: 15px !important;
height: 15px;
text-decoration: none;
} /* Sub Menu Styles */
#NavBar li:hover ul, li.over ul { display: block; } /* The magic */
#SubNav {
left:auto
text-align: left;
width: 100%;
height: 30px;
}
#SubNav a {
font-size: 12px;
font-weight: lighter;
padding: 0px 10px 0px 00px;
border-width: 0px 1px 0px 0px;
border-style: none solid none none;
text-align: left;
text-decoration: underline;
}
#SubNav a:hover {
text-decoration: underline;
color: #333;
}
/* column wrap */
#wrap {
position: relative;
clear: both;
width: 594px;
margin-top: 1px;
margin-right: 0;
background: #fff url("/i7:WebTemplate.blank_image;i7:") repeat;
}
/* nav struccture */
#NavLeftHeader {
background: url("/000000000/00000000/00000000/0101:00002:050500020/1504A022/10040228/1057A8F4.image;i7:,/nav_top.jpg") repeat-y;
width: 196px;
height: 20px;
}
#NavLeftfooter {
background: url("/000000000/00000000/00000000/0101:00002:01114288A/50040A80/50142220/514182F5.image;i7:,/nav_bottom.jpg") no-repeat;
width: 196px;
margin: 0px 0px 33px 0px;
height: 20px;
}
#NavLeftbody {
background: url("/000000000/00000000/00000000/0101:00002:044450A22/41002022/5454280A/0440887E.image;i7:,/nav_back.jpg") repeat-y;
font: 13px arial,verdana,sans-serif;
padding: 10px 0px 5px 10px;
text-align: left;
width: 196px;
}
#NavLeft {
position: relative;
margin: 0px 0px 15px 0px;
text-align: left;
width: 196px;
height: 100%;
color: #666666;
}
#NavLeft p {
font: 13px arial,verdana,sans-serif;
text-align: left;
line-height: 1.1;
}
#NavLeft a {
font: 13px arial,verdana,sans-serif;
text-align: left;
color:#009966;
margin: 0px 0px 0px 0px;
text-decoration: none;
border-width: 0px 0px 3px 0px;
border-style: none none solid none;
border-color: #CFC7BA;
line-height: 1.1;
}
#NavLeft a:hover {
font: 13px arial,verdana,sans-serif;
text-align: left;
text-decoration: none;
margin: 0px 0px 8px 0px;
color: #666;
border-style: none none solid none;
border-width: 0px 0px 1px 0px;
line-height: 1.1;
}
#NavLeft strong {
font: 98% arial,verdana,sans-serif;
text-align: left;
font-weight: bold;
line-height:1.4;
}
#colLeftHeader {
width: 176px;
padding: 10px 0px 14px 0px;
border-width: 2px 0px 0px 0px;
border-style: solid none none none;
border-color: #BFE3D4;
height: 18px;
}
#colLeftfooter {
background: url() no-repeat;
width: 186px;
height: 22px;
}
#colLeftbody {
background: ;
font: 11px arial,verdana,sans-serif;
padding: 10px 0px 10px 0px;
border-width: 0px 0px 1px 0px;
border-style: none none dashed none;
border-color: #000000;
font-weight: 100;
text-align: left;
width: 176px;
}
#colLeftHeaderNews {
vertical-align:bottom;
left:auto;
top: 0;
bottom:0;
background-color: #fff;
margin-top: 2%;
font: 90% arial,verdana,sans-serif;
font-weight: bold;
text-align: left;
width: 186px;
}
#colLeft {
position: relative;
left:3px;
right: 0;
top: 0;
bottom:0;
border-color: #FFD2B7;
text-align: left;
width: 186px;
height: 100%;
color: #666666;
}
#colLeft p {
font: arial,verdana,sans-serif;
text-align: left;
line-height: 1.1;
}
#colLeft a {
font: 11px arial,verdana,sans-serif;
text-align: left;
color:#009966;
margin: 0px 0px 5px 0px;
text-decoration: none;
border-style: solid;
border-width: 0px 0px 1px 0px;
line-height: 1.1;
}
#colLeft a:hover {
font: 11px arial,verdana,sans-serif;
text-align: left;
text-decoration: none;
margin: 0px 0px 8px 0px;
color: #666;
border-style: dotted;
border-width: 0px 0px 1px 0px;
line-height: 1.1;
}
#colLeft strong {
font: 98% arial,verdana,sans-serif;
text-align: left;
font-weight: bold;
line-height:1.4;
}
#colRight, #colLeftTwo {
position: relative;
width: 553px;
top: 0;
bottom:0;
border-color: #ccc;
border-width: 0px;
background-color: #ffffff;
padding: 0px 0px;
text-align:left;
float: right;
}
#colRight {
margin-left:0px;
}
#colRight a {
font: 12px arial,verdana,sans-serif;
text-align: left;
text-decoration: underline;
color: #009966;
line-height:1.4;
}
#colRight img {
border-color: #C73537;
border-width: 2px;
}
#colRight a:hover {
font: 12px arial,verdana,sans-serif;
text-align: left;
text-decoration: underline;
color: #666;
line-height:1.4;
}
#colRightFeature1 {
position: relative;
width: 543px;
border-color: #BFE3D4;
border-width: 2px 0px 2px 2px;
border-style: solid none solid solid;
background-color: #F3F4EA;
padding: 15px 5px 15px 5px;
text-align:left;
float: right;
}
#colRightFeature2 {
position: relative;
width: 543px;
top: 0;
bottom:0;
border-color: #BFE3D4;
border-width: 0px 0px 0px 2px;
border-style: none none none solid;
background-color: #ffffff;
padding: 15px 5px 5px 5px;
text-align:left;
float: right;
}
#colLeftTwo {
border-style: dotted solid solid dotted;
margin-right: 31%;
}
#Featured {
position: relative;
width: 560px;
top: 0;
bottom:0;
font: 85% 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
border-color: #DBD9E2;
border-width: 0px 0px 0px 2px;
border-style: none none none solid;
background-color: #fff;
padding: 0px 0px 24px 12px;
text-align:left;
float: left;
}
#FeaturedBottom {
position: relative;
width: 560px;
top: 0;
bottom:0;
font: 85% 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
border-color: #DBD9E2;
border-width: 0px 0px 0px 2px;
border-style: none none none solid;
background-color: #fff;
padding: 15px 0px 24px 12px;
text-align:left;
float: left;
}
#FeaturedCenter {
background: url("/i7:WebTemplate.blank_image;i7:") no-repeat;
width: 253px;
font: 11px arial,verdana,sans-serif;
padding: 10px 10px 0px 10px;
text-align:left;
line-height:1.4;
height: 135px;
}
#FeaturedCenter a {
text-align: left;
font: 11px arial,verdana,sans-serif;
text-decoration: underline;
color: #A61C13;
line-height:1.4;
}
#FeaturedCenter a:hover {
text-align: left;
font: 11px arial,verdana,sans-serif;
text-decoration: underline;
color: #666;
line-height:1.4;
}
#Featured strong {
font-weight:bold;
text-align: left;
text-decoration: none;
line-height:1.4;
}
#Featured b {
font-weight:bold;
text-align: left;
text-decoration: none;
line-height:1.4;
}
#FeaturedImage {
position: relative;
background: url(/i7:WebTemplate.blank_image;i7:) no-repeat;
padding 10px 10px 10px 10px;
text-align:left;
float: right;
width: 553;
height: 245;
}
#FooterBar {
width: 553px;
background: url() no-repeat;
height; 309px;
text-align:left;
}
#FooterBar a {
font: 77% arial,verdana,sans-serif;
text-align: left;
border-color: #fff;
padding: 10px 10px 0px 10px;
border-width: 0px 0px 0px 0px;
border-style: none solid none none;
text-decoration: none;
color: #fff;
line-height:1.9;
}
#FooterBar a:hover {
font: 77% arial,verdana,sans-serif;
text-align: left;
border-color: #fff;
padding: 10px 10px 0px 10px;
border-width: 0px 0px 0px 0px;
border-style: none solid none none;
text-decoration: none;
color: #fff;
line-height:1.9;
}
Featured System
Blue System:
Chamois Balm/Skin Protector:Chamois-Balm / Skin Protector is a balm which uses strengthening and disinfecting agents such as tea tree oil, which is well known for its healing and antibacterial properties. Chamois-Balm / Skin protector is the foremost leader in products used by cyclists wanting to protect the perineum and chaffing of the groin, but can also be a great help for any sportsperson wanting to prevent chaffing. CLICK HERE for more information!
TESTIMONIAL
"Sportsbalm is a great product! The wide range of products in their line cover all of a cyclist's skin care needs - chamois balm, Start Oils and heat oils for cold, wet days! It all works towards keeping me going all year long - even through the coldest and wettest cyclocross races."
Chris Horner
Indiana Regional Medical Center Cyclocross Team
Click here to view all testimonials
"Sportsbalm is a great product! The wide range of products in their line cover all of a cyclist's skin care needs - chamois balm, Start Oils and heat oils for cold, wet days! It all works towards keeping me going all year long - even through the coldest and wettest cyclocross races."
Chris Horner
Indiana Regional Medical Center Cyclocross Team
Click here to view all testimonials
News
12/09/2009
Nationals Cyclocross Nationals is taking place this weekend December 10-13! Acrista Imports...
11/17/2009
Embrocation Cycling Journal Embrocation Cycling Journal has an online store that carries Medium, Hot...
05/29/2009
Video of Sportsbalm Lance Armstrong posted a video on his twitter page with Sportsbalm products on the Astana team bus from the Giro.