@import "TopNavigation.css";

/* General Styles */

div#Wrapper-CON {
	width: 880px;
	margin: auto;
	}
	
	
	/* LDA page styles */
	div#Content-CON div.ldaHeader {
		margin-top: 75px;
		}
	
	div#Content-CON div.ldaContentLeftCol {
		float: left;
		width: 460px;
		padding-left: 100px;
		padding-top: 80px;
		}
		div#Content-CON div.ldaContentLeftCol ul {
			list-style: none;
			padding-left: 30px;
			}
			div#Content-CON div.ldaContentLeftCol ul li {
				padding-top: 10px;
				clear: both;
				}
				div#Content-CON div.ldaContentLeftCol ul li p{
					display: block;
					float: left;
					padding-right: 10px;
					}
					div#Content-CON div.ldaContentLeftCol ul li p select {
						width: 90px;
						background-color:#000000;
						background-position:right center;
						border:1px solid #5E5E5E;
						color:#FCF7F7;
						font-size: 10px;
						}
						div#Content-CON div.ldaContentLeftCol ul li p select.province {
							width: 150px;
						}
						div#Content-CON div.ldaContentLeftCol ul li p.ldaSelectProvince {
							margin-left: 70px;
							}
						div#Content-CON div.ldaContentLeftCol ul li p.ldaSelectProvince select {
							width: 150px;
							}
						div#Content-CON  div.ldaContentLeftCol ul li p.ldaLetMeIn {
							margin-left: 93px;
							}						
						div#Content-CON div.ldaContentLeftCol ul li input[type="button"], div#Content-CON div.ldaContentLeftCol ul li input[type="submit"], div#Content-CON div.ldaContentLeftCol ul li input[type="cancel"]{
							background: url(../images/lda_button_background.jpg) repeat-y;
							border: none;
							color: #ffffff;
							text-transform: uppercase;
							font-size: 9px;
							width: 105px;
							padding:  5px 0;
							cursor: pointer;
						}
	
	div#Content-CON div.ldaContentRightCol {
		float: left;
		}
	
	/* End LDA page styles */
		
	/* Header styles */
	div#Header-CON {
		width: 880px;
		height: 90px;
		background-position: center;
		background-repeat: no-repeat;
		}
		div#Header-CON div.logo {
			float: left;
			width: 85px;
			height: 84px;
			}
		
		
		div#Header-CON div.topNav {
			padding: 52px 0 0 0;}
			
		div#Header-CON div.topNav img.topNavSpacing {
			padding-right: 4px;}

	
	/* End Header styles */
	
	/* Index page styles */
	div.indexBackground {
		background:  #000000 url(../images/background_mgd_index_pet.jpg) no-repeat top;
		}
	
	div#Content-CON div.indexContent {
		height: 542px;
		width: 818px;
		margin: auto;
		}
		div#Content-CON div.colLeft {
			padding-top:435px;
			width: 307px;}
			div#Content-CON div.colLeft div.promoRight, div#Content-CON div.colRight div.promoRight {
				margin-right: 5px;}
		div#Content-CON div.colMid {
			width: 202px;}
		div#Content-CON div.colRight {
			padding-top:435px;
			width: 307px;}
		div#Content-CON div.promoBox {
			width: 149px;
			border: 1px solid #424242;
			float: left;
			}
			.promoBox a{
				display:block;
				width: 149px;
				height: 96px;}
				.promoBox a.secret-shopper {
					background: url("../images/promo2010_secret_shopper.jpg") 0 0 no-repeat;
					}
				.promoBox a.play {
					background: url("../images/promo_play_the_game2.jpg") 0 0 no-repeat;
					}
				.promoBox a.nothing-to-hide {
					background: url("../images/promo2010_nothing_to_hide.jpg") 0 0 no-repeat;
					}
				.promoBox a.mgd-on-facebook {
					background: url("../images/promo2010_mgd_on_facebook.jpg") 0 0 no-repeat;
					}
				.promoBox a.secret-shopper:hover, .promoBox a.play:hover, .promoBox a.nothing-to-hide:hover, .promoBox a.mgd-on-facebook:hover { 
					background-position: -149px 0;
					}
	
		div#Content-CON div#FlashViewer-CON .intro{
			width: 202px;
			float: left;
/*			padding-top: 150px;  THIS IS THE TOP FOR INDEX WITH FLASH  */
			padding-top: 93px;  /*THIS IS THE TOP FOR INDEX WITHOUT FLASH  */
			}
		
			
	/* End Index page styles */
	
	/* Styles for all 1 column pages */
	div.pageBackground {
		background:  #000000 url(../images/background_header.jpg) no-repeat top;
		}
	
	div#Content-CON {
		width: 818px;
		margin: auto;
		
		}
		div#Content-CON div#FlashViewer-CON .pages {
			min-height: 446px;  /* height of the flash swf's */
			width: 818px;
			float: left;
			}
		div#Content-CON div#FlashViewer-CON .football {
			width: 818px;
			float: left;
			height: 392px;
			}
	
			
	/* Promotional section for all pages but index */
	div#Promotional-CON {
		height: 130px;
		width: 818px;
		margin: auto;
		}
		div#Promotional-CON div.promoBox {
			border: 1px solid #424242;
			float: left;
			margin: 30px 0 10px 0;
			}
			div#Promotional-CON div.promoFull {
				margin-right: 4px;
				}
				div#Promotional-CON div.playFootball {
				background: url("../images/promo_header_football.jpg") top right no-repeat;
				float: left;
				}

	/* end Promotional section for all pages but index */

	/* Enter Pin Form Section */
	div#EnterPinContent-CON {
		padding: 25px 0px 30px 30px;
		margin-bottom: 10px;
		}
		div#EnterPinContent-CON div#EnterPinContentHeader {
			padding-bottom: 20px;
			}
		
			div#EnterPinContent-CON div#EnterPinContentHeader div.headingImageContainer {
				padding-right: 127px;
				}
			
			div#EnterPinContent-CON div#EnterPinContentHeader input[type="text"].enterPinCodeTextField {
				width: 230px;
				height: 28px;
				background-color:#000000;
				border: 1px solid #424242;
				color:#FFFFFF;
				font-size: 20px;
				}
		
		div#EnterPinContent-CON div.enterPinColLeft {
			float: left;
			width: 385px;
			}
			
			
		div#EnterPinContent-CON div.enterPinColRight {
			float: left;
			width: 375px;			
			}
			
			div#EnterPinContent-CON ul {
				list-style: none;
				}
			
				div#EnterPinContent-CON ul li {
					height:  30px;
					}
					div#EnterPinContent-CON ul li label {
						display: block;
						width: 100px;
						float: left;
						color: #FFFFFF;
						}
					div#EnterPinContent-CON ul li input[type="text"] {
						width: 230px;
						float: left;
						background-color:#000000;
						border: 1px solid #424242;
						color:#FFFFFF;
						font-size: 9px;
						}
						
						div#EnterPinContent-CON ul li input[type="text"].date {
							width: 70px;
							margin-right: 8px;
							text-align: center;
							}
							div#EnterPinContent-CON ul li input[type="text"].last {
								margin-right: 0px;
								}
					div#EnterPinContent-CON ul li label.shortLabel {
						display: block;
						width: 85px;
						}
					div#EnterPinContent-CON ul li input[type="checkbox"] {
						margin: 0 14px 0 3px;
						float: left;
						}
						/*div#EnterPinContent-CON ul li a {
							color: #ffffff;
							}*/	
							div#EnterPinContent-CON ul li.buttonSubmit {
								margin-right:  43px;
								}
						div#EnterPinContent-CON ul li input[type="button"], div#EnterPinContent-CON ul li input[type="submit"], div#EnterPinContent-CON ul li input[type="cancel"] {
							background-color:#0c0c0c;
							border: 1px solid #424242;
							color:#FFFFFF;
							font-size: 9px;
							text-transform: uppercase;
							padding: 0 20px;
							width: auto;
							cursor: pointer;
							}
					div#EnterPinContent-CON p.logoHarleyDavidson {
						margin-right: 40px;
						}
					
					

	/* End Enter Pin Form Section */
	
	/* Begin Find A Bar Section */
	div#FindABar-CON div.headingFindABar {
		padding: 5px 0 25px 5px;
		}
		
		div#FindABar-CON div.scrollBox {
			height:300px;
			overflow-x:hidden;
			overflow-y:scroll;
			background: url("../images/background_findABar_table.gif") repeat-y;
			}
	
			div#FindABar-CON th {
				height: 30px;
				border-top: 1px solid #292929;
				color:#FFFFFF;
				font-weight: normal;
				padding-top: 10px;
				}
				div#FindABar-CON th.first {
					border-left: 1px solid #292929;
					}
			div#FindABar-CON th.tableHeaderSpacer {
				background-color: #1a1a1a;
				border-top: 1px solid #292929;
				border-left: none;
				border-right: none;
				}
				div#FindABar-CON th.citySearch {
					border-bottom: 1px solid #292929;
				}
				
				div#FindABar-CON td.scrollBoxCell {
					border: 1px solid #292929;
					}
				
				div#FindABar-CON table.findABarTableHead {
					background: #1a1a1a url("../images/background_findABar_tableHead.gif") repeat-y;}
				
				div#FindABar-CON div.scrollBox td {
					padding: 5px 3px 5px 2px ;
					color:#FFFFFF;
					text-align:center;
					}
				/*BEGIN Required dimensions and added SPAN tag to control padding*/	
				div#FindABar-CON div.scrollBox td.establishment {
					width: 188px;
					}
				div#FindABar-CON div.scrollBox td.address {
					width: 203px;
					}
				div#FindABar-CON div.scrollBox td.city {
					width: 160px;
					}					
					div#FindABar-CON div.scrollBox td.establishment span {
						width: 95%;
						display:block;
						margin:auto;
						overflow-x:hidden;}
					div#FindABar-CON div.scrollBox td.address span {
						width: 85%;
						display:block;
						margin:auto;
						overflow-x:hidden;}
					div#FindABar-CON div.scrollBox td.city span {
						width: 95%;
						display:block;
						margin:auto;
						overflow-x:hidden;}
				/*END Required dimensions and added SPAN tag to control padding*/
									
				
				div#FindABar-CON td.findABarFields {
					background-color: #0a0a0a;
					border-right: 1px solid #292929;
					border-bottom: 1px solid #292929;
					vertical-align: top;
					}
				div#FindABar-CON td.enterCityName {
					text-align: center;
					color: #ffffff;
					text-transform: uppercase;
					}
					
					div#FindABar-CON input[type="text"] {
						width: 130px;
						margin: 10px 0 10px 53px;
						background-color: #000000;
						color:#FFF;
						font-weight:bold;
						border: 1px solid #292929;
						}
						div#FindABar-CON td.citySearch {
							text-align: center;
							}
						div#FindABar-CON a.citySearch {
							border: 1px solid #292929;
							padding: 5px 25px;
							height: 20px;
							line-height: 30px;
							text-transform: uppercase;
							color: #ffffff;
							text-decoration:none;
							}
	/* End Find A Bar Section */

	
	/* Begin Road Trip Section JJUN */
	#RoadTrip-CON {
		width:820px;
		margin:auto;}
	.RoadTripBtnBox {
		position:absolute;
		margin-left:620px;
		margin-top:20px;}
	.RoadTripContestClosed {
		position:absolute;
		margin-left:300px;
		margin-top:100px;
		background:#D6CEC3;
		padding:20px;
		border:5px solid #FFF;
		font-weight:bold;
		font-size:20px;}
		.RoadTripBtnBox a
			{background:url(../images/RAPTOR_promo_btn.gif) no-repeat;
			display:block;
			width:177px;
			height:24px;
			line-height:24px;
			margin-top:2px;
			color:#FFFFFF;
			text-decoration:none;
			text-transform:uppercase;
			text-align:center;}
			.RoadTripBtnBox a:hover
				{background-position:bottom;}
	.promoBox a.hidden {
		background: url("../images/promo_road_trip.jpg") 0 0 no-repeat;}
	/* END Road Trip Section JJUN */

	/* START Nothing to Hide Ride Section */
	#ride2010 {
		background: url(../images/ride2010_bg.jpg) top left no-repeat;
		width: 818px; }
		#ride2010 .middle-col {
			float: left;
			padding: 0px 77px 47px 236px;
			width: 339px; }
			.ride2010-title {
				padding: 0 0 280px 0; }
		#ride2010 .right-col {
			float: left;
			padding: 53px 0 0 0;
			width: 166px; }
	/* END Nothing to Hide Ride Section */
    
    
	/* Begin Raptor Section */
	#PET-CON {
		background: url(../images/mgd_pet_3bottles_background.jpg) top left no-repeat;
		width: 818px;
		height: 499px;}
	#Corner-Promo {
		margin: 0;}
	#PET-Button-Row {
		width: 542px;
		height: 24px;
		margin-left: 14px;
		margin-top: 178px;
		position: absolute;}
	#PET-Button-Schedule {
		display: block;
		float: left;
		margin-right: 7px;
		width: 176px;
		height: 24px;
		background: url(../images/btn_schedule.gif) 0 0 no-repeat;}
	#PET-Button-Schedule:hover {
		background-position: 0 -24px;}
	#PET-Button-EnterPIN {
		display: block;
		float: left;
		margin-right: 7px;
		width: 176px;
		height: 24px;
		background: url(../images/btn_enterpin.gif) 0 0 no-repeat;}
	#PET-Button-EnterPIN:hover {
		background-position: 0 -24px;}
	#PET-Button-GuysNight {
		display: block;
		float: left;
		width: 176px;
		height: 24px;
		background: url(../images/btn_guysnight.gif) 0 0 no-repeat;}
	#PET-Button-GuysNight:hover {
		background-position: 0 -24px;}
	/* End Raptor Section JJUN */	

/* Footer styles */

div.footerSwoosh {
	padding: 0px 0 10px 0;}

div#Footer-CON div.footer {
	border: 1px solid #424242;
	height: 30px;
	width: 818px;
	margin: auto;
	line-height: 30px;
	}
	
	div#Footer-CON div.bottomNavLeft {
		padding-left: 10px;
		}
		div#Footer-CON div.bottomNavLeft a {
			padding: 0 13px;}
	div#Footer-CON div.bottomNavRight {
		padding-right: 10px;
		}
		


div#Footer-CON a.nothingtohide {
	color: #ba975c;
	text-decoration: none;}
	
/* End Footer styles */