body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* MJ iPhone styles */
.container {
    padding: 0px;
    margin: 0px;
    background-color: white;
    line-height: 120%;
   /* border: 1px solid #888888;
	-webkit-border-radius: 6px;*/
}
/*
.content h5 {
    font-size:1.2em;
}

.content h1, .contentheading {
    font-size: 150%;
    line-height: 130%;
    margin-bottom: 0.3em;
}


.profile .content * {
    max-width: 300px;
    overflow: hidden;
}

.landscape .content * {
    max-width: 450px;
}

.contentheading {
    font-size: 18px;
    font-weight: bold;
}
*/
a {
    /*color: #7a8faa;*/
	list-style-type: none;
	text-decoration: none;
}

ul li a.mainlevel:hover, ul li a.mainlevel:active
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
   /* background:#194FDB url('../jqtouch-src/themes/apple/img/selection.png') repeat-x scroll 0 0;*/
    color:#FFFFFF;
}

a img {
    border: none;
}

p {
    margin-bottom: 1em;
	text-align:justify;
}

.createdate {
    font-size: 10px;
    text-align: right;
    color: #999;
}


.buttonheading {
    float: right;
}

.contentpagetitle {
    text-decoration: none;
    font-size: 20px;
    line-height: 100%;
}

p.jfooter {
    margin: 10px;
    font-size: 12px;
    line-height: 120%;
    color: #333;
}


#mj_iphone_header,
#mj_iphone_header2,
#mj_iphone_footer,
#mj_iphone_footer2 {
    padding: 10px;
}

/* fixed to jQtouch */


.toolbar {
    padding: 0;
}

.home.active, .button.active, .back.active, .cancel.active, .add.active {
    color: #999;
}


h3, div.h3
{
    margin:0 0 5px 0;
    font-size:16px;
    font-weight:bold;
}
<!-- about page -->
#about p{
	text-align:justify;
}
/** begin winery **/
#winery_mainpage {
	font: Arial, Helvetica, sans-serif;
}

/** header **/
#header a {
	color: #221B6E;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
#header_logo {
	background: url(../img/mobile/iphone_header_logo.jpg) no-repeat center center;
	width: 114px;
	height: 68px;
	text-align:center;
}
.line_pattern1 {
	background: url(../img/mobile/line-pattern1.gif) repeat-x;
	width: 100%;
	height: 1px;
}
#header #event_name {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #221B6E;
	height: 25px;
	line-height: 25px;
}
ul#event_menu {
	list-style: none;
	height: 25px;
	margin: 0;
	padding: 0;
	
}
ul#event_menu li {
	float: left;
	line-height: 25px;
	font-size: 12px;
	color: #696969;
	margin: 0 4px;
	padding: 0;
	text-decoration: none;
}
ul#event_menu li a {
	line-height: 25px;
	font-size: 12px;
	color: #696969;
	margin: 0 3px;
	padding: 0;
	text-decoration: none;
	list-style: none;
}
/** end header **/
label {
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 14px;
	color: #595858;
}

input {
	font-size: 18px;
	line-height: 18px;
	color: #000;
	background: #E0E0E0;
	border: #999 1px solid;
}

a#sign_up {
	color: #00A4E4;
	font-size: 18px;
	line-height: 30px;
	text-decoration:underline;
}
#footer{
width: 100%;
float: left;
}
#footer a {
	font-size: 11px;
	color:#221B6E;
	font-weight: bold;
	text-decoration:underline;
}

#footer a.highlighted{
	font-size: 11px;
	color:#00A4E4;
	font-weight: bold;
	text-decoration:underline;
}

#footer a#current {
	font-size: 12px;
	color:#00A4E4;
	font-weight: bold;
}
#footer a#secondglass {
	font-size: 15px;
	color:#A30113;
	text-decoration: none;
}
#copyright {
	color: #999;
	font-size: 8px;
	margin-left: 5px;
}
/******* Event List ******/

.event {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align:center;
	width:: 260px;
	height: 52px;
	background: url(../img/mobile/event-bg-260.gif) center center no-repeat;
	text-decoration: none;
}
.event:hover {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align:center;
	width:: 260px;
	height: 52px;
	background: url(../img/mobile/event-bg-260-hover.gif) center center no-repeat;
}
.event a {
	background: url(../img/mobile/event-bg-260-hover.gif) center center no-repeat;
	text-decoration: none;
}

.event_name {
	color:#FFF;
	font-size: 20px;
}
.event_venue {
	color:#252525;
	font-size: 12px;
	font-style:italic;

}
.event_city {
	color:#252525;
	font-size: 12px;
	font-style:italic;
}
.event_state {
	color:#252525;
	font-size: 12px;
	font-style:italic;
}
.event_date {
	color:#252525;
	font-size: 12px;
	font-style:italic;

}

/* Event page - Left and Right side of the SG logo*/
.event-header a:link{
font-weight:bold;
text-decoration:none;
color:#221B6E;
font-size: 15px;
}

.event-header a:hover{
font-weight:bold;
text-decoration:none;
color:#221B6E;
background:#E0E0E0;
}

.event-header a:visited{
font-weight:bold;
text-decoration:none;
color:#221B6E;
background:#E0E0E0;
}

.event-header a:active{
font-weight:bold;
text-decoration:none;
color:#221B6E;
background:#E0E0E0;
}
/* Event page - Event name underneath the SG logo*/
.event-name-header{
font-weight:bold;
text-decoration:none;
color:#221B6E;
}

/*Event Navigator - Booths, Crash Courses, Top Wines, My Wines*/
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
.event-nav{
display:block;
height: 25px;
margin: 0;
padding: 0;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
}
.event-nav ul{
list-style:none;
margin: 0;
padding: 0;
position:absolute;
}
.event-nav ul li{
float: left;
margin: 0;
padding: 0;
background: #E0E0E0;
}
.event-nav ul li a{
display: block;
float:left;
height: 25px;
color:#595858;
text-decoration:none;
}
.event-nav ul li a span.menu_ar{
display: block;
float:left;
height: 22px;
padding-top:3px;
padding-left:5px;
padding-right:5px;
color:#595858;
text-decoration:none;
}

.event-nav ul li.highlighted a span.menu_ar{
color:#ffffff;
background:#00A4E4;
}

.event-nav ul li a:hover span.menu_ar{
color:#ffffff;
background:#221B6E;
}
/*Contents on Event Navigator - Booth*/
.event-content-wrapper{
width:100%;
background:transparent;
float: left;
padding-top: 5px;
border-bottom: 1px solid #B1B1B1;
}

.event-content-wrapper:hover{
background:#E0E0E0;
width:100%;
}

.event-content-wrapper:hover .event-booth-col{
background:#E0E0E0;
color: #A30234;
}

.event-content-wrapper:hover .booth-grey-small{
background:#E0E0E0;
color: #A30234;
}

.event-content-wrapper:hover .event-booth-details-col{
background:transparent;
}

.event-content-wrapper:hover .event-booth-location{
background:#E0E0E0;
}

.event-booth-col{
background:transparent;
color:#595858;
float:left;
text-align:center;
min-height: 65px;
width: 52px;
}

.booth-grey-small{ /*font*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.booth-number{ /*font*/
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
font-weight:bold;
}
.seperator{
color:#595858;
float:left;
text-align:center;
}
.event-booth-details-col{
font-size:15px;
padding-left: 7px;
color:#595858;
float:left;
background:#ffffff;
min-height:65px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
}
.event-booth-location{ /*font*/
font-style:italic;
background:#ffffff;
min-height:65px;
vertical-align:middle;
}
.event-booth-title{ /*font*/
font-weight:bold;
vertical-align:middle;
}

/*Contents on Event Navigator - Crash Courses*/
.crash-courses-title{ /*font*/
color:: #252525;
font-weight:bold;
min-height:65px;
vertical-align:middle;
}
.crash-courses-owner{ /*font*/
color: #595858;
font-style: italic;
vertical-align:middle;
}
/*Contents on Event Navigator - Top Wines*/
.top-wine-content-wrapper{
width:100%;
background: #ffffff;
float: left;
padding-top: 5px;
border-bottom: 1px solid #B1B1B1;
}
.top-wine-details-col{
font-size:15px;
padding-left: 7px;
color:#595858;
float:left;
background:#ffffff;
min-height:65px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
}
.top-wine-title{ /*font*/
color:: #252525;
font-weight:bold;
min-height:65px;
vertical-align:middle;
font-size: 12px;
line-height: 6px;
}
.top-wine-details{ /*font*/
color: #595858;
line-height: 6px;
font-size:10px;
font-style: italic;
vertical-align:middle;
}
.top-wine-details a{
color: #595858;
line-height: 12px;
font-size:10px;
font-style: italic;
vertical-align:middle;
}

.top-wine-rating-col{
	
width: 100%;
}

.percent-twothumb{  /*FONTS*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#424242;
padding-left: 8px;
padding-right: 9px;
}

.percent-onethumb{  /*FONTS*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#424242;
padding-left: 12px;
padding-right: 9px;
}

.percent-meh{  /*FONTS*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#424242;
padding-left: 12px;
padding-right: 9px;
}
/*HOVER tag doesn't work on Blackberry, but work on iPhone*/
/*
.twothumbup{
display:block;
float:left;
background: url(../img/mobile/twothumbup.gif) repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.twothumbup:hover{
background: url(../img/mobile/twothumbup_on.gif) repeat scroll center top;
}

.onethumbup{
display:block;
float:left;
background: url(../img/mobile/onethumbup.gif) repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.onethumbup:hover{
background: url(../img/mobile/onethumbup_on.gif) repeat scroll center top;
}

.meh{
display:block;
float:left;
background: url(../img/mobile/meh.gif) repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.meh:hover{
background: url(../img/mobile/meh_on.gif) repeat scroll center top;
}*/

.twothumbup{
display:block;
float:left;
background: url(../img/mobile/twothumbup.gif) no-repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.twothumbup-on{
display:block;
float:left;
background: url(../img/mobile/twothumbup_on.gif) no-repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.onethumbup{
display:block;
float:left;
background: url(../img/mobile/onethumbup.gif) no-repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.onethumbup-on{
display:block;
float:left;
background: url(../img/mobile/onethumbup_on.gif) no-repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.meh{
display:block;
float:left;
background: url(../img/mobile/meh.gif) no-repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

.meh-on{
display:block;
float:left;
background: url(../img/mobile/meh_on.gif) no-repeat scroll center top;
height:30px;
width: 35px;
text-indent: -99999px;
}

/*Contents on Event Navigator - My Wines - USE the same CSS Style as Top Wines*/
/*Contents on Wine History - All Wines - USE the same CSS Style as Top Wines*/


/*Wine History Navigator - All Wines, Wines by Events */
.history-nav{
display: block;
width: 185px; /*different from Events Nav*/
height: 25px;
margin: 0;
padding: 0;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
}
.history-nav ul{
list-style:none;
margin: 0;
padding: 0;
position:absolute;
}
.history-nav ul li{
float: left;
margin: 0;
padding: 0;
background: #E0E0E0;
}
.history-nav ul li a{
display: block;
height: 25px;
color:#595858;
text-decoration:none;
}
.history-nav ul li a span.menu_ar{
display: block;
height: 22px;
padding-top:3px;
padding-left:7px;
padding-right:7px;
color:#595858;
text-decoration:none;
}

.history-nav ul li.highlighted a span.menu_ar{
color:#ffffff;
background:#00A4E4;
}

.history-nav ul li a:hover span.menu_ar{
color:#ffffff;
background:#221B6E;
}

/****** wine list section *****/

/*** booth header ***/
.booth-wine-wrapper {
	width:100%;
	background:#E0E0E0;
	float: left;
	padding-top: 0px;
	border-bottom: 1px solid #B1B1B1;
	height: 70px;
	min-height: 65px;
}

.booth-wine-col {
	background:#E0E0E0;
	color: #A30234;
	width: 54px;
	text-align: center;
	float: left;
}
.booth-detail-wine-col {
	float: left;
	padding-top: 7px;
	padding-left: 7px;
	vertical-align: middle;
	text-align: center;

	background:#E0E0E0;
	width: 236px;
}

.booth-detail-wine-col .booth-location-wine {
	font-weight: normal;
	font-size: 20px;
	color:#000;
	background:#E0E0E0;
	min-height:65px;
	vertical-align:middle;
}
.booth-detail-wine-col .booth-title-wine {
	font-size: 12px;
	font-style:italic;
	background:#E0E0E0;
	min-height:65px;
	vertical-align:middle;
}

/** crash-course header **/
.crash-course-wine-wrapper {
	width:100%;
	background:#E0E0E0;
	float: left;
	padding-top: 0px;
	border-bottom: 1px solid #B1B1B1;
	/*height: 70px;*/
	min-height: 65px;
}

.crash-course-wine-col {
	background:#E0E0E0;
	color: #A30234;
	width: 54px;
	text-align: center;
	float: left;
}
.crash-course-detail-wine-col {
	float: left;
	padding-top: 7px;
	padding-left: 7px;
	vertical-align: middle;
	text-align: center;

	background:#E0E0E0;
	width: 240px;
}

.crash-course-detail-wine-col {
	float: left;
	padding-top: 7px;
	padding-left: 7px;
	vertical-align: middle;
	text-align: left;

	background:#E0E0E0;
	width: 240px;
}

.crash-course-detail-wine-col .crash-course-title-wine {
	font-weight: normal;
	font-size: 16px;
	color:#000;
	background:#E0E0E0;
	min-height:65px;
	vertical-align:middle;
}
.crash-course-detail-wine-col .crash-course-owner-wine {
	font-size: 12px;
	font-style:italic;
	background:#E0E0E0;
	min-height:65px;
	vertical-align:middle;
}

/*<div class="booth-wine-wrapper">
        	<div class="booth-wine-col">
            	<font class="booth-grey-small">Booth</font><br>
                <font class="booth-number">#<?php echo $booth['Booth']['id'];?></font>
            </div><!-- booth-wine-col -->
            <div class="seperator"><img src="<?php echo $this->webroot;?>/img/mobile/sep.gif"/></div>
        	<div class="booth-detail-wine-col">
            	<font class="booth-location-wine"><?php echo $booth['Booth']['owner_location'];?></font><br>
                <font class="event-title-wine"><?php echo $booth['Booth']['owner'];?></font><br>
            </div>
            
           <div class="wine-wrapper">
            <div class="booth-wine-id">
            	<font class="wine-grey-small">Wine</font><br>
                <font class="wine-number">1</font>
            </div>
             <div class="seperator"><img src="<?php echo $this->webroot;?>img/mobile/sep.gif"/></div>
             <div class="booth-wine-detail-col">
             	<font class="booth-wine-name">2007 Michael David - 7 Heavenly Chards</font><br>
                <font class="booth-wine-detail">$26 - Lodi California USA</font><br>
             </div>
        </div><!--  wine wrapper -->
	*/
	
.wine-wrapper {
	width:100%;
	background:transparent;
	float: left;
	padding-top: 0px;
	border-bottom: 1px solid #B1B1B1;
	vertical-align: middle;
}
.wine-wrapper .booth-wine-id {
	min-height: 65px;
	width: 25px;
	float:left;
	text-align: center;
}

.wine-wrapper .booth-wine-id .wine-grey-small {
	color: #595858;
	font-size: 10px;
}

.wine-wrapper .booth-wine-id .wine-number {
	color: #595858;
	font-size: 14px;
	font-weight: bold;
}
.wine-wrapper .booth-wine-detail-col {
	
	float: left;
	padding-left: 7px;
	padding-top: 0px;
}
.wine-wrapper .booth-wine-detail-col .booth-wine-name {
	font-weight: bold;
	font-size: 14px;
}

.wine-wrapper .booth-wine-detail-col .booth-wine-detail {
	font-style: italic;
	font-size: 12px;
}
.wine-wrapper .rating-col {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
.wine-wrapper .rating-col-inner {
	margin: 0px auto;
	padding: 0;
	width: 135px;
	align: center;
}

.wine-wrapper .twothumbup{
display:block;
float:left;
background: url(../img/mobile/twothumbup.gif) no-repeat scroll center top;
height:30px;
width: 45px;
text-indent: -99999px;
}

.wine-wrapper .twothumbup-on{
display:block;
float:left;
background: url(../img/mobile/twothumbup_on.gif) no-repeat scroll center top;
height:30px;
width: 45px;
text-indent: -99999px;
}

.wine-wrapper .onethumbup{
display:block;
float:left;
background: url(../img/mobile/onethumbup.gif) no-repeat scroll center top;
height:30px;
width: 45px;
text-indent: -99999px;
}

.wine-wrapper .onethumbup-on{
display:block;
float:left;
background: url(../img/mobile/onethumbup_on.gif) no-repeat scroll center top;
height:30px;
width: 45px;
text-indent: -99999px;
}

.wine-wrapper .meh{
display:block;
float:left;
background: url(../img/mobile/meh.gif) no-repeat center top;
height:30px;
width: 45px;
text-indent: -99999px;
}

.wine-wrapper .meh-on{
display:block;
float:left;
background: url(../img/mobile/meh_on.gif) no-repeat scroll center top;
height:30px;
width: 45px;
text-indent: -99999px;
}