@charset "UTF-8";
/* CSS Document */

body {
  background-color:#000000; 
  margin-top:0px;
  margin-left:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  font-size:12px;
}

img {border:none;}


h1 {
	font-weight:bold;
	color:#000;
	font-size:24px;
}
h3{
	color:#FFF;
}
p {line-height:1.5em;}

fieldset {
	padding: 10px;
	margin-bottom:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
legend {color:#ffffff;font-weight:bold;}

.R {
    font-size: 60%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.5em;	
}
.Rb {font-size:60%}
.MDb {font-size:60%}
.btnSwoosh {
	font-size:14px;
	color:#ffffff!important;
	text-decoration:none;
	display:block;
	background-image: url(../img/btnBackground.png);
	background-repeat: no-repeat;
	padding: 16px 0 0 20px;
	width:377px;
	height:36px;
}

a.btnSwooshSm {
	font-size:10px;
	color:#ffffff!important;
	text-decoration:none;
}

/* {{{ Event Map - Popup */
.mpEvntDtls {
	background-color:#C0826D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#000;
	padding:5px;
	margin:5px 5px 0 0;
	overflow:hidden;
	width: 300px;
}
.mpEvntDtls h4, .mpEvntDtls h5 {margin:0;padding:0;}
.mpEvntDtls h4 {font-size:12px;}
.mpEvntDtls h5 {font-size:11px;margin-bottom:5px;}
.mpEvntDtls p {line-height:1em;}
/* }}} Event Map - Popup */

/* {{{ superLow home page */
#superLow {
	position:relative;
	height:175px;
	background: transparent url(../img/superlowBottom.jpg) no-repeat bottom	
}
#superLow h3{
	position:absolute;
	top:5px;
	left:40px;
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	color:#e50092;
}
#superLow h4{
	position:absolute;
	top:138px;
	left:10px;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	color:#E3B7CC;
}
#superLow ul {
	position:absolute;
	
	top:55px;
	left:65px;
	margin:0;
	padding:0;
	
	font-size:11px;
	padding-top:5px;
}
#superLow p {
	position:absolute;
	top:155px;
	left:10px;
	margin:0;
	padding:0;
}
#superLow .btnSwooshSm {
	position:absolute;
	top:145px;
	left:455px;
	width:140px;
}
/* }}} superLow home page */

/* {{{ Pink Label Bottom Banner (on find event page) */
#pinkBannerBottom {
	height:175px;
	position:relative;
	background: transparent url(../en/img/pinkBannerBottom.jpg) no-repeat bottom;
	text-decoration:none;	
}
#pinkBannerBottom h3 {
	position:absolute;
	top:15px;
	left:300px;
	font-size:26px;
	font-weight:normal;
	color:#E3B7CC;
	margin:0;
	padding:0;
}

#pinkBannerDesc {
	position:absolute;
	width: 250px;
	top:85px;
	left:300px;
	color:#fff;
}	
/* }}} Pink Label Bottom Banner (on find event page) */


/* {{{ Contest/RSVP */
#frmContest textarea:focus, #frmContest input[type=text]:focus,
#frmContest select:focus { background-color:#D1A396;}
#surveyQuest {
	margin:0;
	padding:0;
	display:block;
	width:600px;
	list-style-type:none;
}
#surveyQuest select,
#surveyQuest input[type=radio],
#surveyQuest input[type=checkbox] { margin-left:15px;}

.quest {
	margin:0 0 25px 0;
	padding:0;
	border-bottom:1px solid #E3B7CC;
}
/* }}} Contest/RSVP */


#motorId .prodDesc {
	display: none;
}
.prodDesc {
	width: 480px;
	/*height:220px;*/
	color:#000;
}
.prodDesc img {float:left;margin-right:15px;}
.prodDesc h4 {color:#E50092;}
.prodDesc ul {margin-left:200px;}
.partNoSecondLine {display:inline-block;margin-left:87px;}
/* }}} */
.errText {color:#ff0000;}
/* {{{ Gallery/Testimonial Banner (on garage party page) */
#galleryBannerBottom { 
	height:175px;
	position:relative;
	background: transparent url(../en/img/galleryBottom.jpg) no-repeat bottom;
	text-decoration:none;
}
#galleryBannerBottom h3{
	text-decoration:none;
	position:absolute;
	top:20px;
	left:10px;
	width:275px;
	font-size:16px;
	font-weight:normal;
	color:#e50092;
	margin:0;
	padding:0;
}
#galleryBannerBottom h4{
	text-decoration:none;
	position:absolute;
	top:60px;
	left:10px;
	width:275px;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	margin:0;
	padding:0;
}
/* }}} Gallery/Testimonial Banner (on garage party page) */



/*---------------------    Edit By Jasmine --------------------------------*/
p{
	line-height:15px;
}
a:link, a:visited { color:#7f4734; }
a:active, a:hover { color:#ba7b69; }


#footer a{ 
	color:#7f4734; 
}
#footer a:hover {
	color:#ba7b69;
}

#container {
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}
#header{
	width:900px;
	height:50px;
	background:url(../en/img/home_header.jpg) no-repeat;
}
#language{
	width:875px;
	text-align:right;
	padding:25px 25px 0 0;
}
#top{
	width:900px;
	height:460px;
	background:url(../en/img/home_top.jpg) no-repeat;
}
#top_left{
	float:left;
	width:410px;
	margin:90px 10px 0 50px;
}
#top_left_findevent{
	float:left;
	width:300px;
	margin:90px 10px 0 50px;
}
#top_right_findevent{
	float:left;
	width:520px;
	height:325px;
	margin:90px 0 0 0px;
}	
#top_left_title{
	float:left;
	width:410px;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
}
#top_left_content{
	width:410px;
	font-size:13px;
}
#top_left_content li{
	line-height:15px;
	list-style-image:url(../img/dot.png);
}
#top_left_button{
	float:left;
	width:410px;
	height:39px;
	background:url(../en/img/btn_findEvent.png) no-repeat;
	color:#FFF;
	font-size:11px;
	padding:10px 14px;
}
#top_left_button_licensing{
	float:left;
	width:88px;
	height:21px;
	background:url(../en/img/btn_licensingFindMore.png) no-repeat;
	color:#FFF;
	font-size:11px;
	padding:10px 17px;
}
#top_left_button a,
#top_left_button_licensing a{
	color:#FFF;
	text-decoration:none;
}
#top_left_button a:hover,
#top_left_button_licensing a:hover{
	color:#ba7b69;
}


#top_right{
	float:left;
	width:430px;
	height:460px;
}	

#mainNav {
	font-size:11px;
	width:900px;
	height:30px;
	background: url(../img/menu_bg.jpg) no-repeat;
}
#mainContent{
	width:860px;
	margin:0 25px;
}
#mainNav ul {margin:0;padding:0;}
#mainNav li {
	height:18px;
	display:block;
	padding:0 9px;
	float:left;
	border-right:1px solid #5d3426;
}
#mainNav a {
	display:block;
	margin: 2px 5px 0 5px;
	text-decoration: none;
	color:#ffffff;
}
#mainNav li a:hover {color:#E3B7CC;}
li.lastNavItem {border-right:0!important;}
/*li.active {background-image: url(../img/mainNavBgActive.jpg); background-repeat:repeat-x;  }*/
li.home{background:url(../en/img/btn_home.jpg) center no-repeat; height:20px;}
li.garageParty{background:url(../en/img/btn_garageParty.jpg) center no-repeat; height:20px;}
li.findEvent{background:url(../en/img/btn_findEvent.jpg) center no-repeat; height:20px;}
li.motoclothes{background:url(../en/img/btn_motoclothes.jpg) center no-repeat; height:20px;}
li.licensing{background:url(../en/img/btn_licensing.jpg) center no-repeat; height:20px;}
li.pinkLabel{background:url(../en/img/btn_pinkLabel.jpg) center no-repeat; height:20px;}
li.gallery{background:url(../en/img/btn_gallery.jpg) center no-repeat; height:20px;}


#bottom{
	width:900px;
	min-height:460px;
	background:url(../img/bottom_bg.jpg) top no-repeat;
	position:relative;
}
#bottomListContent{
	float:left;
	width:850px;
	margin:20px 0 40px 0;
	color:#ba7b69;
}
#bottomList{
	float:left;
	width:820px;
	padding:10px 15px;
}
#bottomLine{
	float:left;
	height:5px;
	width:850px;
	background:url(../img/bottomLine.jpg) repeat-x;
}
#bottomListLeft{
	float:left;
	width:380px;
	color:#ba7b69;
}
#bottomListRight{
	float:left;
	width:410px;
	margin-left:30px;
}	
/* Motorclothes/Pink Label */
.prodDisplayList{
	float:left;
	width:170px;
	text-align:center;
	margin:20px 15px;
}
.prodDisplay {
	float:left;
	width:170px;
	height:155px;
	background:url(../img/imageBG.jpg) no-repeat;
	text-align:center;
	padding:30px 0 8px 0;
}

#leftColumn {
	float:left;
	width:600px;
	margin-left:25px;
}
#leftColumnEvent{
	float:left;
	width:600px;
	height:180px;
	margin-top:40px;
	background:url(../en/img/LeftBottomEventBG.png) left no-repeat;
}
#leftColumnPinkLabel{
	float:left;
	width:600px;
	height:200px;
	margin-top:20px;
	background:url(../en/img/LeftBottomPinkLabel.png) no-repeat;
}
#leftColumnPinkLabelEvent{
	float:left;
	width:600px;
	height:200px;
	margin-top:20px;
	background:url(../en/img/LeftBottomPinkLabelEventPage.png) no-repeat;
}
#leftColumnLine{
	float:left;
	width:600px;
	height:10px;
	background:url(../img/LeftBottomLine.jpg) no-repeat;
}
#leftColumnSupperLow{
	float:left;
	width:600px;
	height:220px;
	margin:15px 0 30px 0;
	background:url(../en/img/LeftBottomSuperLow.jpg) no-repeat;
}
#leftColumnWin{
	float:left;
	width:600px;
	height:220px;
	margin:15px 0 30px 0;
	background:url(../en/img/LeftBottomWin.jpg) no-repeat;
}
	
#rightBottomVerticalLine{
	float:left;
	width:10px;
	height:430px;
	background:url(../img/RightBottomVerticalLine.png) repeat-y;
}
#rightColumn {
	float:left;
	width:240px;
	height:430px;
}
#rightColumnWin {
	float:left;
	width:240px;
	height:430px;
}
#rightColumnWinSmall {
	float:left;
	width:240px;
	height:180px;
	background:url(../en/img/RightBottomWinSmall.png) no-repeat;
}
#RightColumnLine{
	float:left;
	width:240px;
	height:20px;
	background:url(../img/RightBottomLine.jpg) no-repeat;
}
#RightColumnTakeLife{
	float:left;
	width:240px;
	height:230px;
	background:url(../en/img/RightBottomTakeLife.jpg) no-repeat;
}
#RightColumnPerfect{
	float:left;
	width:240px;
	height:220px;
	background:url(../en/img/RightBottomPerfect.jpg) no-repeat;
}
#footer{
	clear:both;
	width:900px;
	background:url(../img/footer_line.jpg) no-repeat top;
	padding-top:10px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	color:#7f4734;
}
#footerLeft{
	float:left;
	width:600px;
	text-align:left;
	height:20px;
}
#footerRight{
	float:left;
	width:300px;
	text-align:right;
	height:20px;
}



/*---------------------   # Edit By Jasmine --------------------------------*/

/*Retailer admin */
.clear {clear:both;}
.retailerContent {
	padding: 20px;		
}
.row0 {background-color:#442216;}
.row1 {background-color:#1C110F;}
form label {
  display:block;
  float:left;
  width: 195px;
  margin-right:10px;
  text-align: right;
  padding-top:2px;
} 

#Breadcrumb {
	color: #c2c2c2;
	font-size: 11px;
	top:40px;
	position:absolute;
	right:50px;
}

#Breadcrumb a:link, #Breadcrumb a:visited, #Breadcrumb a:active {
    color: #BA7B69;
    text-decoration: underline;
}

.ui-datepicker-trigger {margin:-15px 0 0 10px;}
.timePickerIcon {margin:0 0 -8px 8px;right:left;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.helpMessage {display:none;text-align:left;}
.icon {display:inline-block;height:20px; padding-left: 20px;vertical-align: middle;}
.iconHelp {background: url("../img/help.png") 0 0 no-repeat;}

#StatusBar {
	text-align:center;
	font-weight:bold;
	color:black;
	background-color:#c17462;
	border:1px solid #7c3a2a;
	padding: 4px 0 5px 0;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}