@charset "utf-8";
/* CSS Document */
/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
:hover, :active, input, a, form, select, button{outline:none;}
/*END RESET*/

html{width:100%;height:100%;}
body{width:100%;height:100%;border:none;color:#333333;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;line-height:15px;font-size:12px;overflow:auto;#overflow:hidden;background:#ffffff url(../images/bg-tile.gif) repeat-x;cursor:default}

a{text-decoration:none;color:#1157a3;}
a:hover{text-decoration:underline;color:#333333;}
small{font-size:9px;line-height:12px;}
strong{font-weight:700;}

#page{background:url(../images/bg-img.gif) no-repeat center top;width:1000px;margin:0 auto;min-height:479px;}
#footer{background:#ffffff url(../images/footerBg.gif) no-repeat;height:120px;font-size:9px;margin:10px 0 0 0}

#footer .right{margin:7px 50px 0 0;}
#footer .right a{color:#1157a3;text-decoration:none;}
#footer .right a:hover{color:#000000;}

.footer-nav{background:#1157a3;float:left;margin-left:47px;font-size:9px;color:#666666;}
.footer-nav li{padding:4px 0 6px 10px;}
.footer-nav a{color:#ffffff;padding:0 10px 0 0;text-decoration:none;border-right:1px solid #ffffff;font-size:11px;line-height:12px;}
.footer-nav a:hover{color:#999999;}
.footer-nav a.last{border:none;}

.menu{float:left;padding:21px 0 0 9px;}
#nav li, .footer-nav li{float:left;}
#nav li a, .footer-nav li a{display:block;}
#nav li a:hover{background-position:bottom;}
#nav li a.current_page{background-position:bottom;}

.home{background:url(../images/homeBtn-trans.png) no-repeat 0 2px;width:70px;height:36px; margin-top:3px;}
.bicycles{background:url(../images/bicyclesBtn-trans.png) no-repeat 0 2px;width:90px;height:36px; margin-top:5px;}
.accessories{background:url(../images/accessoriesBtn-trans.png) no-repeat 0 1px;width:125px;height:38px; margin-top:3px;}
.history{background:url(../images/historyBtn-trans.png) no-repeat 0 1px;width:120px;height:36px; margin-top:4px;}
.contact{background:url(../images/contactBtn-trans.png) no-repeat 0 2px;width:100px;height:36px; margin-top:2px;}
.locksmith{background:url(../images/locksmithBtn-trans.png) no-repeat 0 3px;width:120px;height:36px; margin:0 0 0 6px;}

.header-keys{position:relative;margin:0 0 0 -130px;}
.facebook{position:relative;margin:0 50px 0 0;display:block;background:url(../images/header-facebook.gif);width:89px;height:45px;float:right;}
.facebook:hover{background-position:bottom;}

.textBtn{font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;color:#1157a3;text-decoration:none;}
.textBtn:hover{color:#000000;}

.bold{font-weight:bold;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.blue{color:#1157a3;}


/*for custom checkbox, radio, and select form elements*/
span.checkbox {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(images/form/checkbox.gif) no-repeat;display: block;float: right; cursor:pointer;}
span.radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(images/form/radio.gif) no-repeat;display: block;clear: left;float: left;}
span.select {position: absolute;width: 115px; /* With the padding included, the width is 190 pixels: the actual width of the image. */height: 22px;padding: 4px 24px 0 6px;background: url(../images/form/select.gif) no-repeat;overflow: hidden;margin-left:8px}


#logo{display:block;background:url(../images/logo-trans.png) no-repeat;width:201px;height:110px;margin-left:15px;float:left;}