html, body {
background: #f6fdff no-repeat 50% 0;
font-family:trebuchet ms, lucida console, verdana;
font-size:11px;
font-weight:normal;
color:#313131;
margin:0px auto 0 auto;
padding:0;
}
div#links
{
display: block;
top: 80px;
position: fixed;
left: 0;
width: 162px;
height: 90px;
font-family: trebuchet ms, lucida console, verdana;
overflow: visible;
float: inherit;
visibility: visible;
z-index: 2;
}
div#links a
{
position: relative;
display: block;
text-align: center;
font-style: bold;
font-family: trebuchet ms, lucida console, verdana;
padding: 3px 0px;
margin: 0 0 3px;
border-width: 0;
text-decoration: none;
color: #000000;
background: #e7e7e7;
border: 1px solid #000000;
border-left: 0px;
}
div#links a:hover { color: #3b899e; background: #f8f9f9;
}
div#links a span { display: none; }
div#links a:hover span
{
display: block;
position: fixed;
top: 470px;
left: 8px;
width: 130px;
padding: 8px;
border-style: solid;
border-width: 0px;
color: #000;
background: #f6fdff;
font-size: 8pt;
font-family: trebuchet ms, lucida console, verdana;
text-align: center;
letter-spacing: 1px;
line-height: 18px;
}
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
z-index: 2;
}
#csstopmenu li{
margin-left: 0px;
position: relative;
}
.headerlinks a{
background-color: #ffffff;
}
.submenus{
display: none;
font-family: trebuchet ms, lucida console, verdana;
font-size: 10px;
font-style: italic;
position: absolute;
background-color: none;
border: 1px solid black;
}
.submenus li{
width: 130px;
left: 15px;
}
.submenus li a{
display: block;
font-family: trebuchet ms, lucida console, verdana;
font-size: 10px;
font-style: italic;
}
body .submenus li a{ /* non IE browsers */
width: auto;
}
#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}
#csstopmenu li:hover ul, li.over ul {
display: block;
position: absolute;
width: 100%;
margin-left: 170px;
margin-top: -56px;
padding-top: 10px;
padding-bottom: 7px;
border: none;
}
div#content
{
position: absolute;
top: 80px;
left: 161px;
width: 78%;
text-align: left;
color: #4E4F4E;
font-size: 9pt;
font-family: trebuchet ms, lucida console, verdana;
border: 1px solid #000000;
word-spacing: 1px;
letter-spacing: 1px;
line-height: 18px;
min-width: 1005px;
background: #ffffff;
z-index: 0;
}
div#content a
{
color: #f6fdff;
font: 9pt trebuchet ms, lucida console, verdana;
text-decoration: none;
}
div#content img
{
margin: auto;
z-index:auto;
}
div#content a:hover
{
color: #ffffff;
font: 9pt trebuchet ms, lucida console, verdana;
text-decoration: none;
}
div#content a:link
{
color: #3b899e;
font: 9pt trebuchet ms, lucida console, verdana;
text-decoration: none;
line-height: 14pt;
}
div#content a:visited
{
color: #3b899e;
font-size: 9pt;
font: trebuchet ms, lucida console, verdana;
text-decoration: none;
}
div#content a:link:hover
{
color: #c1c0c0;
font-size: 9pt;
}
div#content a:visited:hover { color: #c1c0c0; }
h1
{
margin-top: 0pt;
padding-bottom: 20px;
color: #000000;
letter-spacing: 0.3em;
font: 19pt trebuchet ms, lucida console, verdana;
text-align: center;
line-height: 45px;
margin: auto;
width: 65%;
}
h2
{
padding-top: -30pt;
padding-bottom: 20px;
color: #000000;
letter-spacing: 0.1em;
font: 12pt trebuchet ms, lucida console, verdana;
text-align: center;
line-height: 24px;
margin: auto;
width: 65%;
}
div#content p {margin: auto; margin-top: 16px; color: #000000; width: 65%; line-height: 20px;}
div#content li
{
color: #000000;
font-size: 12;
font-weight: bold;
text-align: left;
}
div#content ul
{
margin: auto;
margin-top: 12px;
width: 65%;
color: #000000;
font-size: 12;
text-align: left;
}
div#content ul2
{
margin: auto;
color: #000000;
font-size: 12;
font-weight: bold;
}
div#tipDiv {padding:12px; font-family: trebuchet ms, lucida console, verdana;; color:#000000; font-size:10px; line-height:1.3; background-image: url(http://www.cycle-helmets.com/imgs/windowabstract2.jpg); width:150px; border-style:solid; border-width: thin; margin-left: 80px; margin-top: 150px;}
div#tipDiv2 {padding:20px; font-family: trebuchet ms, lucida console, verdana;; color:#000000; font-size:9px; line-height:1.3; background-image: url(../imgs/work-cycling-graph3.gif); width:370px; height:470px; border-style:solid; border-width: thin;}
div#tipDiv a {color: #3b899e;}
.br
{
text-align: left;
line-height: 5px;
margin: 0 4em 1.5em;
}
.center
{
text-align: center;
line-height: 18px;
}
.fontsize
{
font: 10pt verdana;
line-height: 18px;
}
.arial
{
font: 11pt arial;
line-height: 18px;
}
.verdana
{
font: 10pt verdana;
color: #000000;
line-height: 18px;
}
.helvetica
{
font: 10pt helvetica;
color: #ffffff;
line-height: 18px;
}
.times
{
font: 11pt times new roman;
line-height: 18px;
}
.trebuchet
{
font: 10pt trebuchet ms;
line-height: 18px;
}
.geneva
{
font: 10pt geneva;
line-height: 18px;
}
.georgia
{
font: 10pt georgia;
line-height: 18px;
}
.monaco
{
font: 10pt monaco;
line-height: 18px;
}
.normal
{
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
font-size:11px;
font-weight:normal;
}
.black { color: #000000; font-size: 10pt;}
.heading
{
position: relative;
top: -40px;
left: 50%;
border: 0px;
}
.vsmall
{
color: #c1c0c0;
font: 7pt trebuchet ms;
}
.popup
{
color: #ffffff;
font: 7pt trebuchet ms;
}
.pictable2 {
margin: 0 0em 0em;
margin-top: -4em;
position: relative;
top: 0;
left: -20px;
text-align: left;
}
div#preloaded-images {
position: absolute;
overflow: hidden;
left: -9999px;
top: -9999px;
height: 1px;
width: 1px;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
height:554px;
width:500px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:0px;
font-size:13px;
}
#popupContactClose{
font-size: 14px;
line-height:14px;
right: 15px;
top: 13px;
position:absolute;
color: #ffffff;
display:block;
background: #424c90;
}
#button{
text-align:left;
margin:0px;
color: #3366ff;
font-family: verdana, helvetica, arial;
font-size: 9pt;
}
#backTop{
width:38px;
height:38px;
padding:0px;
border-radius:0px;
text-indent:-9999px;
cursor:pointer;
z-index:999999999;
display:none;
box-sizing:content-box;
-webkit-box-sizing:content-box;
right: 5%;
margin-bottom: 50px;
}
#backTop.white{
background:url(../imgs/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
border:1px solid #ccc;
}
#backTop.black{
background:url(../imgs/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8);
border:1px solid #ccc;
}
#backTop.red{
background:url(../imgs/scrollup.png) no-repeat center center;
}
#backTop.green{
background:url(../imgs/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9);
border:1px solid #fff;
}