@CHARSET "UTF-8";
@IMPORT url("/binamic/css/box-model.css");
@IMPORT url("hdet08.mac.css");

body{
	width: 948px;
	margin: 0 auto;
	position: relative;
	
	font-family: Arial, Helvetica;
	font-size: 11px;
}

.chooseExperience{
	background-color: #333333;
	color: #666666;
	position: absolute;
	top: 0;
	left: 0;
}
.chooseExperience .buttons{
	margin-left: 230px;
}
.chooseExperience a{
	display: block;
	width: 249px;
	height: 253px;
	margin-right: 10px;
}
.chooseExperience .harleyButton{	
	background-image: url("../images/select/harley_bw.jpg");
}
.chooseExperience .harleyButton:hover{
	background-image: url("../images/select/harley_colour.jpg");
}
.chooseExperience .buellButton{	
	background-image: url("../images/select/buell_bw.jpg");
}
.chooseExperience .buellButton:hover{
	background-image: url("../images/select/buell_colour.jpg");
}

a{ text-decoration: none; }
img{ border: 0; }

.menu{
	position: relative;
	top: -112px;
	margin-left: 101px;
	padding-top: 130px;
	border-left: 1px solid #FFFFFF;
	width: 200px;
}

.menu a{
	display: block;
	margin-left: 9px;
}

.modelMenu{
	width: 195px;
	margin-right: 15px;
	margin-top: 10px;
	padding-left: 5px;
	border-left: 1px solid #FFFFFF;
}

.modelMenu p{
	margin: 0 0 10px 0;
	line-height: 16px;
}

.modelContent{
	width: 400px;
	margin-top: 10px;
}

.modelContent .title{
	margin: 10px 0 0 0;
}

.modelContent .subtitle{
	color: #999999;
	margin: 0;
}

.modelContent .text{
	line-height: 16px;
}

.modelContent a{
	font-weight: bold;
}

.nextStop{
	position: relative;
	width: 175px;
}
.nextStop .days{
	position: absolute;
	top: 33px;
	left: 15px;
	font-size: 18px;
	font-weight: bold;
}
.nextStop .location{
	position: absolute;
	top: 55px;
	left: 15px;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
}
.nextStop a{
	color: #FFFFFF;
}

.hdupdate{
	position: relative;
	width: 183px;
}
.hdupdate .text{
	position: absolute;
	color: #333333;
	top: 30px;
	left: 15px;
	font-size: 12px;
	font-weight: bold;
}
.hdupdate .text a{
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

.pageArea{
	float: right;
	width: 630px;
	/* Minimum height trick */
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

.pageArea p{
	color: #FFFFFF;
}

.frontPage{
	margin-top: 20px;
}

.miInscription label{
	color: #FFFFFF;
}
.miInscription input{
	padding: 0;
	margin: 0 10px;
}
.miInscription .message{
	color: #FFFFFF;
	margin-top: 20px;
}
.miInscription .removeInscription a{
	font-size: 18px;
	padding: 20px;
}

.experiencia .top{
	height: 400px;
}
.experiencia .selectCity{
	margin-top: 10px;
}

.experiencia .selectCity .cityMenu{
	width: 204px;
	padding-left: 10px;
	border-left: 1px solid #FFFFFF;
}

.experiencia .selectCity .cityMenu p{
	margin-top: 0;
	margin-bottom: 20px;
}
.experiencia .selectCity .imageArea{
	text-align: center;
	width: 415px;
}
	
.experiencia .selectCity .imageArea .imageButtons{
	width: 188px;
	margin: 10px auto;
}

.experiencia ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.experiencia ul li{
	font-size: 13px;
	line-height: 17px;
}

.experiencia ul li .selected{
	color: #FFFFFF;
}

.experiencia .messageArea{
	margin-top: 10px;
}

.experiencia .messageArea .noMessages{
	border-top: 1px dashed #999999;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF;
}

.experiencia .messageArea .newMessage{
	padding: 10px 0;
	color: #FFFFFF;
}

.experiencia .messageArea .newMessage label{
	vertical-align: top;
	line-height: 20px;
	margin-right: 10px;
	width: 80px;
}

.experiencia .messageArea .newMessage .entry{
	border: 0;
	margin-right: 10px;
	font-size: 12px;
	width: 300px;
}

.experiencia .messageArea .newMessage textarea{
	border: 0;
	width: 540px;
	height: 60px;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 5px;
}

.experiencia .messageArea .newMessage .submit{
	border: 0;
}
.experiencia .messageArea .newMessage .feedbackMessage{
	margin-right: 5px;
	line-height: 20px;
}

.experiencia .messageArea .pageButtons{
	margin: 5px 0;
}

.experiencia .messageArea .pageButtons a{
	font-size: 12px;
	color: #FFFFFF;
	padding: 1px;
	margin: 0 2px;
}

.experiencia .messageArea .message{
	border-top: 1px dashed #999999;
	font-size: 12px;
	padding: 10px 0;
}

.experiencia .messageArea .name{
	width: 150px;
}

.experiencia .messageArea .body{
	width: 430px;
	margin-left: 50px;
	color: #CCCCCC;
}

.experiencia .messageArea .bottomMessage{
	border-top: 1px dashed #999999;
}

.conditions h2{
	font-size: 24px;
	margin-bottom: 2px;
}

.conditions p{
	color: #FFFFFF;
	padding-top: 0;
	margin: 0;
}

.conditions .divider{
	margin: 20px 0;
}

.sideArea{
	position: relative;
	top: -55px;
	margin-left: 100px;
	margin-bottom: -55px;
	width: 217px;
}

.cityInformation{
	width: 300px;
	margin-right: 15px;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px dashed #999999;
}

.cityInformation .dates{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	visibility: visible;
}

.cityInformation h2{
	font-size: 20px;
	margin: 0 0 5px 0;
}

.cityInformation .address{
	color: #FFFFFF;
	height: 70px;
}

.cityInformation .message{
	font-weight: bold;
}
.cityFooter{
	margin-top: 10px;
	color: #FFFFFF; 
}
.cityFooter h4{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.cityFooter h5{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.inicioText{
	color: #FFFFFF;
	line-height: 17px;
}

.inscription .submit{
	margin: 50px 0 0;
	text-align: center;
}

.inscription #loadingMotorbikes{
	visibility: hidden;
	margin: 14px 0 0 5px;
}

.inscription .stageLoading{
	visibility: hidden;
	margin: 4px 5px 0 5px;
}

.inscription #mymotoLoading{
	visibility: hidden;
	margin: 17px 0 0 5px;
}

.inscription #loadingDates{
	margin-top: 20px;
}

.inscription #loadingTimes{
	margin: 20px;
}


.inscription label{
	float: left;
	font-size: 14px;
	line-height: 50px;
}

.inscription .fieldTitle{
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	width: 100px;
	line-height: 50px;
}

.inscription p{
	color: #FFFFFF;
	font-size: 12px;
}

.inscription .gracias{
	margin-top: 50px;
	text-align: center;
}

.inscription .header{
	margin-bottom: 10px;
}

.inscription select{
	position: relative;
	top: 12px;
	width: 250px;
	line-height: 50px;
}

.inscription .hbox-right{
	width: 400px;
}

.inscription #motorbikeContainer{
	visibility: hidden;
}
.inscription #motorbikeContainer img{
	margin-top: 17px;
	margin-left: 10px;
}

.inscription .togglePersonalDetails{
	display: none;
}

.footer{
	margin-left: 101px;
	margin-top: 35px;
	margin-bottom: 50px;
	
	color: #999999;
}

.footer a{
	color: #999999;
	text-decoration: underline;
}

.footer .dash{
	margin: 0 5px;
	text-align: center;
}

.footer .advice{
	width: 630px;
	border-top: 1px solid #999999;
	margin-top: 12px;
	padding-top: 10px;
}
.footer .cambiar{
	color: #FFFFFF;
	width: 200px;
	font-size: 10px;
}

.footer .cambiar a{
	text-decoration: underline;
}

.footer .cambiar .experiencia{
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

.prueba{
	margin-bottom: 25px;
}

.divider{
	border-top: 1px dashed #666666;
	height: 1px;
}

.selectMotorbike #cityMessage{
	margin-bottom: 10px;
}

.selectMotorbike #stage1Message{
	width: 100px;
}


#personalDetails{
	display: none;
}
.personalDetails{
	margin-top: 40px;
}

.personalDetails label{
	font-size: 11px;
	width: 230px;
	line-height: 35px;
	color: #FFFFFF;
}

.personalDetails .entry{
	padding: 0;
	margin-top: 5px;
	width: 350px;
}

.personalDetails .floatFix{
	border-bottom: 1px dashed #666666;
}

.personalDetails .email{
	border: 0;
}

.personalDetails .repeatEmail{
	margin: 5px 0 20px 0px;
}

.personalDetails .hasMoto{
	color: #FFFFFF;
}
.personalDetails .hasMoto .hbox{
	width: 50px;
}
.personalDetails .hasMoto input{
	margin-top: 12px;
	width: 15px;
}

.personalDetails #hasMotoArea{
	display: none;
}

.personalDetails .bottomOptions{
	margin-top: 15px;
}

.personalDetails .privacyPolicy,
.personalDetails .enableUpdate{
	color: #FFFFFF;
}

.personalDetails .floatFix select{
	top: 5px;
}

.personalDetails .submit{
	border-bottom: 0;
	margin: 20px 0;
	text-align: left;
}

.personalDetails #stage2MessageArea{
	width: 400px;
	margin-top: 6px;
	font-size: 13px;
}

.dates{
	visibility: hidden;
}

.dates .column{
	width: 150px;
	color: #FFFFFF;
}

.dates .column h2{
	text-align: center;
}

.dates .column input{
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.dates .column .dinnerTime{
	height: 20px;
}

.dates .column .state{
	visibility: hidden;
}

.dates .column .reserved{
	padding-right: 10px;
	color: #999999;	
}

.dates .column .reserved .state{
	visibility: visible;
	margin-left: 10px;
}