/* -- default style sheet*/
html, body
{
margin: 0;
padding: 0;
}
body
{
font-weight: 400;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
font-variant: normal;
font-style: normal;
text-align: left;
line-height: 1.2em;
margin: 0px;
padding: 0px;
background-image: url('/graphics/harley-color-BG.gif');
background-attachment: fixed;
color: #2b2b2b;
}
h1
{
font-size: 20px;
font-weight: bold;
font-variant: normal;
background-color: transparent;
color: #2b2b2b;
margin: 5px 0px 10px 0px;
padding-bottom: 2px;
}
h2
{
font-size: 16px;
font-weight: bold;
font-variant: normal;
font-style: normal;
background-color: transparent;
color: #2b2b2b;
margin: 4px 0px;
}
h3
{
display: block;
font-size: 14px;
font-weight: bold;
font-variant: normal;
font-style: normal;
text-align: left;
margin: 4px 0px;
background-color: transparent;
}
h4
{
display: inline;
font-size: 12px;
font-weight: 400;
font-variant: normal;
font-style: italic;
text-align: left;
background-color: transparent;
}
h3.leftCol
{
margin: 3px 0px 5px;
}
h1.pageHeadDarkIL
{
font-size: 15px;
font-weight: bold;
color: #2b2b2b;
display: inline;
}
h1.pageHeadLightIL
{
font-size: 15px;
font-weight: 400;
color: #2b2b2b;
display: inline;
}
h1.pageHeading
{
font-size: 15px;
font-weight: 400;
color: #2b2b2b;
margin: 0px 0px 7px;
}
.boldIL
{
font-weight: bold;
display: inline;
color: #2b2b2b;
}
.normIL
{
font-weight: 400;
display: inline;
color: #929292;
}
h2.itemHead
{
font-size: 20px;
font-weight: 400;
display: inline;
color: #2b2b2b;
line-height: 16px;
}
img
{
border: 0;
padding: 0px;
margin: 0px;
}
/* -- Positioning elements */
#page
{
width: 980px;
position: relative;
margin: 10px auto;
background-color: #ffffff;
border: 2px solid #000000;
overflow: hidden;
}
#head
{
white-space: nowrap;
background-color: #000000;
border-bottom: 3px solid #ff6600;
padding: 0px;
z-index: 400;
}
#photoBar
{
float: right;
width: 560px;
height: 95px;
border: 0;
white-space: nowrap;
z-index: 2;
text-align: right;
}
#headBar
{
height: 20px;
}
#DateTime
{
text-align: left;
float: left;
height: 16px;
padding: 2px 10px;
color: #ff6600;
}
#pageBody
{
padding: 0px 15px;
margin: 20px 0px;
z-index: 200;
}
#bodyText
{
float: left;
position: relative;
width: 100%;
z-index: 100;
padding: 0px 0px 4096px 5px;
margin: 0px 0px -4096px 0px;
z-index: 100;
}
#footer
{
padding: 0px;
border-top: 2px solid #000000;
background-color: #ffffff;
clear: both;
font-size: 12px;
position: relative;
z-index: 10;
}
#HDimg
{
margin: 10px 10px 10px 0px;
text-align: center;
width: 170px;
float: left;
border-right: 1px solid #ff6600;
height: 95px;
padding: 0px;
}
#subFoot
{
padding: 10px;
padding: 30px 15px;
background-color: #ffffff;
}
#subFoot img
{
vertical-align: middle;
}
#addLink
{
float: right;
padding: 0px 60px 0px 0px;
white-space: nowrap;
}
#linkHeader
{
float: left;
margin: 0px 0px 0px 10px;
}
/*
end positions
Begin special formats
*/
.section
{
border-bottom: 1px solid #2b2b2b;
padding: 0px 0px 10px 0px;
}
.last
{
padding: 0px 0px 10px 0px;
margin: 0px;
overflow: auto;
}
#searchForm
{
float: right;
padding: 5px 0px 0px 30px;
}
.column
{
float: left;
text-align: justify;
}
#leftCol
{
width: 630px;
padding-right: 10px;
}
#rightCol
{
width: 302px;
padding-left: 8px;
margin: -30px 0px 0px 0px;
}
.section
{
padding: 0px 0px 10px 0px;
margin: 0px 0px 15px 0px;
overflow: auto;
}
.go
{
vertical-align: bottom;
width: 20px;
height: 20px;
margin-top: 0px;
}
.formInput
{
width: 94px;
height: 16px;
border: 1px solid #a6a6a6;
margin: 0px;
}
.oneLineForm
{
margin: 0px;
height: 16px;
white-space: nowrap;
}
.linkColumns
{
position: relative;
width: 330px;
float: left;
padding: 0px 10px 10px 10px;
padding-bottom: 5550px;
margin-bottom: -5550px;
}
fieldset
{
border: 0;
margin: 0;
padding: 0;
}
#curr_file
{
font-size: 12px;
}
.link-img
{
margin-bottom: 0px;
}
.imgLeft
{
float: left;
padding: 3px 5px 3px 0px;
}
.imgRight
{
float: right;
padding: 3px 0px 3px 5px;
}
.imgFull
{
margin: 0px auto 5px;
}
.imgPara
{
text-align: center;
margin: 0px 0px 12px 0px;
}
.textPara
{
margin: 0px 0px 12px 0px;
}
.caption
{
text-align: left;
font-size: 11px;
font-style: italic;
line-height: 1.2em;
padding: 0px;
}
.boxCaption
{
text-align: left;
font-size: 11px;
font-style: italic;
line-height: 1.2em;
padding: 0px 5px;
}
.galleryRow
{
overflow: auto;
/*height: 100px;*/
}
.normalThumb
{
padding: 0px 9px 9px 0px;
float: left;
}
#rightCol .normalThumb
{
padding: 0px 1px 4px 0px;
float: left;
}
.lastThumb
{
padding: 0px 0px 9px 0px;
float: left;
}
#rightCol .lastThumb
{
padding: 0px 0px 4px 0px;
float: left;
}
.galleryImg
{
margin: 0 auto;
}
.galleryCap
{
text-align: left;
font-size: 11px;
font-style: italic;
line-height: 1.2em;
}
.galleryThumbs
{
padding: 0px;
}
.galleryPager
{
float: right;
width: 25px;
text-align: right;
padding: 5px;
}
.eventDisplay
{
margin: 0px auto;
}
.eventDisplay td
{
padding: 0 5px 5px 0;
text-align: center;
vertical-align: top;
width: 90px;
}
td.monthName
{
vertical-align: middle;
border: 1px solid #61a9e4;
background-color: #5e90b9;
color: #ffffff;
text-align: left;
height: 18px;
padding-left: 6px;
}
td.dayName
{
text-align: center;
vertical-align: middle;
height: 18px;
border: 1px solid #61a9e4;
background-color: #DDDDDD;
}
.selectMonth
{
border-collapse: collapse;
background-color: #ffffff;
color: #3f3f3f;
}
td.past
{
color: #BBBBBB;
}
td.monthName
{
vertical-align: middle;
border: 1px solid #61a9e4;
background-color: #5e90b9;
color: #ffffff;
text-align: left;
height: 18px;
padding-left: 6px;
}
td.dayName
{
text-align: center;
vertical-align: middle;
height: 18px;
border: 1px solid #ff6600;
background-color: #000000;
color: #ff6600;
}
td.date
{
width: 80px;
height: 100px;
text-align: left;
vertical-align: top;
padding: 5px 5px;
overflow: auto;
border: 1px solid #ff6600;
}
.currMo
{
vertical-align: middle;
border: 1px solid #ff6600;
background-color: #000000;
color: #ff6600;
height: 28px;
font-size: 18px;
font-weight: bold;
padding-left: 6px;
text-align: center;
border-right: none;
border-left: none;
}
.prevMo
{
vertical-align: middle;
text-align: left;
border: 1px solid #ff6600;
background-color: #000000;
color: #ff6600;
border-right: none;
line-height: 0;
}
.nextMo
{
vertical-align: middle;
text-align: right;
border: 1px solid #ff6600;
background-color: #000000;
color: #ff6600;
border-left: none;
line-height: 0;
}
.small
{
font-size: 10px;
}
.eventWrap
{
width: 80px;
height: 40px;
z-index: 2;
}
.eventList
{
position: relative;
display: none;
top: 0px;
list-style: none;
left: 0px;
width: 320px;
height: 100px;
background-color: #ffffff;
border: 1px solid #ff6600;
z-index: 15;
}
#overLay
{
z-index: 500;
}
#imgDisplay
{
z-index: 600;
}
#boxTop
{
color: #ffffff;
background-color: #ff6600;
}
.htmlBoxTop
{
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 3px 0px;
}
#pgIcons
{
padding: 0px;
height: 50px;
}
#pgIcons img
{
float: left;
}
.videoRow
{
height: 185px;
clear: both;
padding-bottom: 15px;
}
#videoWrap
{
width: 220px;
height: 185px;
z-index: 5;
}
#requestFrom
{
padding: 10px;
}
#upperForm
{
overflow: auto;
}
.formColumn
{
width: 200px;
padding: 0px 10px;
float: left;
}
.videoThumb
{
float: left;
margin: 4px 15px 0px 0px;
position: relative;
}
.videoLast
{
float: left;
margin: 4px 0px 0px 0px;
position: relative;
}
.reviewRemain
{
display: none;
}
.reviewImages
{
float: right;
width: 215px;
text-align: left;
}
.revImage
{
width: 65px;
padding: 0px 0px 0px 5px;
float: left;
}
.warn
{
color: #e02407;
}
.newsHead
{
padding: 0px 0px 10px;
margin: 0px 0px 10px;
border-bottom: 1px solid #2b2b2b;
}
/*captcha*/
#captchaImg
{
float: left;
width: 125px;
padding: 0px 10px 0px 0px;
}
#captchaInput
{
float: left;
padding: 3px 10px 4px;
}
#captchaSubmit
{
float: left;
padding: 12px 10px 10px;
}
#colDisplay
{
margin: 15px 0px;
}
#amount
{
width: 120px;
height: 15px;
text-align: right;
}
#exchange
{
width: 120px;
height: 15px;
text-align: right;
font-weight: 600;
background-color: #ffffff;
}
#currOutput
{
padding: 0px 10px;
float: left;
width: 130px;
}
#currSelect
{
padding: 0px 10px;
float: left;
width: 130px;
}
input#convert
{
float: right;
width: 60px;
height: 20px;
margin: .5em 10px 0px 0px;
}
.required
{
border: 1px solid #a6a6a6;
}
.notRequired
{
border: 1px solid #a6a6a6;
}
.stdList
{
margin-bottom: 0px;
}
/*
Menu List formats
*/
ul#topRoot
{
float: right;
padding-left: 0px;
margin: 0px;
list-style: none;
z-index: 400;
}
li.topList_1
{
position: relative;
margin: 0px;
float: left;
text-align: center;
font-size: 14px;
height: 16px;
font-weight: bold;
color: #ff6600;
z-index: 400;
padding: 2px 10px;
}
li.topList_2
{
position: relative;
width: 200px;
float: left;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #ffffff;
z-index: 400;
padding: 2px 10px;
}
li.topList_3
{
position: relative;
float: left;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #ffffff;
z-index: 400;
padding: 2px 10px;
}
li.topList_4
{
position: relative;
float: left;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #ffffff;
z-index: 400;
padding: 2px 10px;
}
ul.topMenu_1
{
width: 200px;
margin: 0;
padding: 0px;
position: absolute;
left: 0px;
top: 20px;
list-style: none;
display: none;
z-index: 400;
background-color: #ff6600;
color: #ffffff;
border: 1px solid #ff6600;
border-top: none;
}
ul.topMenu_2
{
width: 200px;
padding: 0px;
margin: 0px;
position: absolute;
left: 200px;
top: 0px;
list-style: none;
display: none;
z-index: 400;
background-color: #ff6600;
color: #ffffff;
border-bottom: 1px solid #ff6600;
}
ul.topMenu_3
{
width: 200px;
margin: 0px;
padding: 0px;
position: absolute;
left: 160px;
top: 0px;
list-style: none;
display: none;
z-index: 400;
background-color: #ff6600;
color: #ffffff;
border-bottom: 1px solid #ff6600;
}
ul.topMenu_4
{
width: 200px;
margin: 0px;
padding: 0px;
position: absolute;
left: 160px;
top: 0px;
list-style: none;
display: none;
z-index: 400;
background-color: #ff6600;
color: #ffffff;
border-bottom: 1px solid #ff6600;
}
li.topList_1:hover
{
background-color: #ff6600;
color: #ffffff;
}
li.topList_2:hover
{
background-color: #ffffff;
color: #ff6600;
}
li.topList_3:hover
{
background-color: #ff6600;
color: #ffffff;
}
li.topList_4:hover
{
background-color: #ff6600;
color: #ffffff;
}
li.topList_1:hover ul.topMenu_1
{
display: block;
}
li.topList_2:hover ul.topMenu_2
{
display: block;
}
li.topList_3:hover ul.topMenu_3
{
display: block;
}
li.topList_4:hover ul.topMenu_4
{
display: block;
}
li.topFile
{
position: relative;
margin: 0px;
float: left;
text-align: center;
}
li.topFile:hover
{
background-color: #ff6600;
color: #ffffff;
}
li.topFileList
{
position: relative;
margin: 0px;
float: left;
text-align: left;
}
li.topFileList:hover
{
background-color: #ff6600;
color: #ffffff;
}
/*sitemap elements*/
/*
-- links
*/
a:link
{
color: #2b2b2b;
text-decoration: none;
white-space: normal;
}
a:visited
{
color: #2b2b2b;
text-decoration: none;
}
a:active
{
color: #2b2b2b;
border: none;
text-decoration: none;
}
a:hover
{
color: #2b2b2b;
text-decoration: underline;
}
a.inline:link
{
color: #0000ff;
text-decoration: none;
}
a.inline:visited
{
color: #0000ff;
text-decoration: none;
}
a.inline:active
{
color: #0000ff;
border: none;
text-decoration: none;
}
a.inline:hover
{
color: #0000ff;
text-decoration: underline;
}
a.rem_fav:link
{
font-size: 10px;
color: #c41342;
}
a.rem_fav:visited
{
font-size: 10px;
color: #c41342;
}
a.rem_fav:active
{
font-size: 10px;
border: none;
color: #c41342;
}
a.rem_fav:hover
{
font-size: 10px;
color: #c41342;
}
a.menu_bar:link
{
color: #0000ff;
}
a.menu_bar:visited
{
color: #800080;
text-decoration: none;
}
a.menu_bar:active
{
color: #0000ff;
border: none;
text-decoration: none;
}
a.menu_bar:hover
{
text-decoration: none;
}
a.topMenuFile:link
{
display: block;
font-size: 14px;
height: 16px;
color: #ff6600;
font-weight: bold;
text-decoration: none;
padding: 2px 10px;
}
a.topMenuFile:visited
{
display: block;
font-size: 14px;
height: 16px;
color: #ff6600;
font-weight: bold;
text-decoration: none;
padding: 2px 10px;
}
a.topMenuFile:active
{
display: block;
display: block;
font-size: 14px;
height: 16px;
color: #ff6600;
font-weight: bold;
text-decoration: none;
border: none;
padding: 2px 10px;
}
a.topMenuFile:hover
{
display: block;
font-size: 14px;
height: 16px;
background-color: #ff6600;
color: #ffffff;
font-weight: bold;
text-decoration: none;
padding: 2px 10px;
}
a.menu-file:link
{
display: block;
width: 190px;
font-size: 14px;
text-decoration: none;
text-align: left;
color: #ffffff;
padding: 2px 0px 2px 10px;
}
a.menu-file:visited
{
display: block;
width: 190px;
font-size: 14px;
text-decoration: none;
text-align: left;
color: #ffffff;
padding: 2px 0px 2px 10px;
}
a.menu-file:active
{
display: block;
width: 190px;
font-size: 14px;
text-decoration: none;
text-align: left;
color: #ffffff;
padding: 2px 0px 2px 10px;
}
a.menu-file:hover
{
display: block;
width: 190px;
font-size: 14px;
text-decoration: none;
text-align: left;
color: #ff6600;
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
padding: 2px 0px 1px 10px;
}/*end of links*/