/* ============================= */
/* Honda V4 CSS Document  */
/* ============================= */


/* ============================= */
/* General Styles */
/* ============================= */

* { margin:0px; padding:0px; border:0px; }

body { background-color:#000000; font-family:arial, verdana, sans-serif; font-size:62.5%; color:#000000; margin:0px; }
body a:link { color:#000000; text-decoration:none; }
body a:visited { color:#000000; text-decoration:none; }
body a:hover { color:#000000; text-decoration:none; }
body a:active { color:#000000; text-decoration:none; }

body p { margin:0px; padding:0px 0px 10px 0px; font-size:1.2em; line-height:1.4em; }
body p.nomargin { margin:0px; padding:0px; font-size:1.2em; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; line-height:0px; height:0px; font-size:0px; }
.bold { font-weight:bold; }
.italics { font-style:italic; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.relative { position:relative; }
.normal { font-size:1.0em; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

.align-right { text-align:right; }
.align-center { text-align:center; }

#container { width:1000px; min-height:738px; margin:0 auto; background-color:#000000; background-repeat:no-repeat; position:relative; }
.dctregister { background-image: url(/img/back_register.jpg); }


#topnav { float:right; padding:8px 20px 0px 0px; font-size:1.1em; }
#logo { float:left; padding:18px 0px 0px 39px; }

h2.title { color:#ffffff; font-size:1.6em; font-weight:normal; }
h3.title { color:#ffffff; font-size:1.4em; font-weight:normal; }
h3.bottom { padding-bottom:10px; }
h3.email { font-size:1.3em; padding-bottom:10px; }
h3.red { color:#d31245; font-size:1.6em; font-weight:normal; font-style:italic; padding-bottom:5px; }
h3.posthead { color:#ffffff; font-size:1.6em; font-weight:normal; font-style:italic; padding-bottom:5px; }
h4.i { font-size:1.6em; font-weight:normal; font-style:italic; color:#ffffff; padding-bottom:3px; }

#navigation { position:absolute; top:632px; left:30px; /*padding:50px 0px 0px 30px;*/ }
#navigation li { list-style:none; float:left; font-size:1.1em; border-right:1px solid #9f9e9e; padding-right:10px; margin-right:10px; color:#9f9e9e; }
#navigation li.last { border-right:0px; }
#navigation li a { color:#9f9e9e; }
#navigation li a:link { color:#9f9e9e; }
#navigation li a:visited { color:#9f9e9e; }
#navigation li a:hover { color:#d31245; }
#navigation li a:active { color:#9f9e9e; }

ul.menu { float:left; padding:18px 15px 0px 0px; }
ul.menu li { list-style:none; float:left; font-size:1.0em; padding-right:20px; }

ul.menu a:link { color:#000000; }
ul.menu a:visited { color:#000000; }
ul.menu a:hover { color:#ffffff; }
ul.menu a:active { color:#000000; }
ul.menu a.on { color:#ffffff; }


/* ============================= */
/* Header Styles */
/* ============================= */

#language_change { margin:0; margin-top:12px; padding:0; }
#language_change li { float:left; list-style:none; font-size:1.0em; }
#language_change li a { display:block; width:194px; padding:6px 4px 5px 10px; background-image: url(/img/back_languageselect.gif); background-repeat:no-repeat; background-position:left; }
#language_change li ul { margin:0; padding:0; position:absolute; visibility:hidden; z-index:100; }
#language_change li ul li { float:none; display:inline; z-index:100; }
#language_change li ul li a { width:174px; padding:3px 3px 3px 10px; background:#727272; z-index:100; font-size:1.0em; }
#language_change li ul li a:hover { background:#7F7F7F; z-index:100; }
#language_change a { color:#000000; }
#language_change li ul li a { color:#ffffff; }


/* ============================= */
/* Form Styles */
/* ============================= */

#addId { font-size:1.2em; }
#addId select { background-color:#494444; color:#ffffff; }
#addId input { font-size:1.0em; padding:2px; }
#addId label { width:150px; display:block; float:left; }
#addId .left { width:380px; float:left; }
#addId .left .checkbox input { float:left; }
#addId .left .checkbox label { width:350px; padding-left:10px; padding-bottom:14px; }
#addId .left .full-label .input label, #addId .left .full-label .noinput label { width:450px; padding-bottom:4px; }
#addId .left .checkbox input { border:0px; }
#addId p { font-size:1.3em; }
.fieldother { margin:0px 0px 10px 150px; }
.p-error { font-size:1.0em !important; padding-top:10px; color:#000000; }

.intro { width:700px; font-style:italic; color:#D31245; text-align:left; padding:0px 0px 10px 20px; }
#form-footer { width:330px; margin:0 auto; height:28px; margin-top:40px; padding-left:0px; padding-bottom:20px; }
#form-footer li { list-style:none; float:left; font-size:1.1em; padding-right:10px; color:#9f9e9e; width:100px; text-align:center; }
#form-footer li.last { border-right:0px; }
#form-footer li a { color:#9f9e9e; }
#form-footer li a:link { color:#9f9e9e; }
#form-footer li a:visited { color:#9f9e9e; }
#form-footer li a:hover { color:#d31245; }
#form-footer li a:active { color:#9f9e9e; }

h2.register { margin:90px 0px 0px 254px; width:515px; text-align:center; color:#ffffff; font-size:1.6em; }
h2.register-large { font-size:1.9em; }
#registerform { width:800px; height:490px; margin:30px 0px 0px 107px; position:relative; }
#registerform  #registerleft { float:left; width:308px; height:auto; }
#registerform  #registerright { float:left; width:492px; height:auto; } 
#registerform label { float:left; display:block; width:117px; color:#ffffff; font-size:0.9em; }
#registerform .longlabel { width:450px; margin-bottom:3px; }
#registerform .datarow { margin-bottom:10px; }
#registerform .delimiter { width:800px; height:1px; margin:10px 0px 10px 0px; background-image: url(/img/register_delimiter.gif); background-repeat:no-repeat; }
#registerform .textinput { border:1px solid #6a6a6a; font-size:0.9em; padding:2px; width:156px; }
#registerform .selectinput { border:1px solid #6a6a6a; font-size:0.9em; padding:1px; background-color:#ffffff; color:#000000; }
#registerform .fieldother { margin:0px 0px 0px 117px; }
#registerform p.privacycheck { font-size:0.8em; padding:10px 10px 0px 0px; color:#ffffff; }
#registerform #optins { float:left; width:638px; height:auto; }
#registerform #optins .checkleft { float:left; }
#registerform #submitbutton { float:right; width:162px; text-align:right; }
#registerform #optins div { margin-bottom:2px; }
#registerform #optins label { color:#FFFFFF; display:block; float:right; font-size:0.9em; width:610px; }
.register-intro { color:#ffffff; font-size:1.0em; font-weight:bold; padding:0px; }
div-nomargin.p-error { font-size:1.0em !important; padding-top:0px; color:#000000; font-weight:bold; }

#registerform .div-nomargin { margin-bottom:0px; }

#registerform  .replacement { border:1px solid #6a6a6a; font-size:0.9em; width:160px; float:left; display:none; }
#registerform .date { width:70px; color:#000000; }
#registerform .gender { width:150px; }
#registerform .language { width:250px; }
#registerform #replaceSignupTitle { height:18px; width:160px; background-image: url(/img/back_dropdown.gif); background-repeat:repeat-x; background-position:right; }
#registerform .replacement span { display:block; padding:2px 0px 0px 5px; }
#registerform span:hover { cursor:pointer; }

#registerform #replaceSignupDOB, #registerform #replaceSignupDOBMonth, #registerform #replaceSignupDOBYear, #registerform #replaceSignupBikeWhen, #registerform #replaceSignupBikeWhenYr { height:18px; width:70px; background-image: url(/img/back_dropdown.gif); background-repeat:repeat-x; background-position:right; }
#registerform #replaceSignupDOBMenu, #registerform #replaceSignupDOBMonthMenu, #registerform #replaceSignupDOBYearMenu, #registerform #replaceSignupBikeWhenMenu, #registerform #replaceSignupBikeWhenYrMenu { width:70px !important; height:250px; overflow:auto; }
#registerform #replaceSignupTitleMenu, #registerform #replaceSignupDOBMenu, #registerform #replaceSignupDOBMonthMenu, #registerform #replaceSignupDOBYearMenu, #registerform #replaceSignupBikeWhenMenu, #registerform #replaceSignupBikeWhenYrMenu { position:absolute; width:160px; display:none; }

#registerform #replaceSignupGender { height:18px; width:150px; background-image: url(/img/back_dropdown.gif); background-repeat:repeat-x; background-position:right; }
#registerform #replaceSignupGenderMenu { width:150px !important; height:250px; overflow:auto; position:absolute; display:none; }

#registerform #replaceSignupPreferredLanguage { height:18px; width:250px; background-image: url(/img/back_dropdown.gif); background-repeat:repeat-x; background-position:right; }
#registerform #replaceSignupPreferredLanguageMenu { width:250px !important; height:250px; overflow:auto; position:absolute; display:none; }

#registerform #replaceSignupBikeType { height:18px; width:150px; background-image: url(/img/back_dropdown.gif); background-repeat:repeat-x; background-position:right; }
#registerform #replaceSignupBikeTypeMenu { width:150px !important; height:250px; overflow:auto; position:absolute; display:none; }


#registerform .replacement ul li { list-style:none; background-color:#727272; }
#registerform .replacement ul li a { padding:2px 0px 2px 5px; display:block; }
#registerform .replacement ul li a:link { color:#ffffff; }
#registerform .replacement ul li a:visited { color:#ffffff; }
#registerform .replacement ul li a:hover { color:#ffffff; background-color:#7f7f7f; }
#registerform .replacement ul li a:active { color:#ffffff; }


/* ============================= */
/* Page Styles */
/* ============================= */

a.white { color:#ffffff; }
a.white:link { color:#ffffff; }
a.white:visited { color:#ffffff; }
a.white:hover { color:#000000; }
a.white:active { color:#ffffff; }

a.redlink { color:#d31245; }
a.redlink:link { color:#d31245; }
a.redlink:visited { color:#d31245; }
a.redlink:hover { color:#ffffff; }
a.redlink:active { color:#d31245; }

a.whitetored { color:#ffffff; }
a.whitetored:link { color:#ffffff; }
a.whitetored:visited { color:#ffffff; }
a.whitetored:hover { color:#d31245; }
a.whitetored:active { color:#ffffff; }

a.optlink { color:#000000; }
a.optlink { color:#000000; border-bottom:1px dotted #000000; }
a.optlink:link { color:#000000; border-bottom:1px dotted #000000; }
a.optlink:visited { color:#000000; border-bottom:1px dotted #000000; }
a.optlink:hover { color:#000000 !important; border-bottom:1px solid #000000; }
a.optlink:active { color:#000000; border-bottom:1px dotted #000000; }


/* ============================= */
/* Misc Styles */
/* ============================= */

.error { font-weight:bold; color:#D31245; }
.fourteen { font-size:1.4em; }