/*-------
This style was created by John to control location navigation,
product display,deal search list...
--------------*/
/*added by John for Lacation Navigation*/
.LocationNav td
{
	font-family: arial, helvetica, sans serif; 
	font-size: 11px; 
	font-weight: normal; 
}
.formField 			
{
	 font-family: arial, helvetica, sans serif; 
	 font-size: 11px; 
	 width: 160px; 
	 background-color: #f5f5f5; 
}
.fd,.infoBox
{   font-family: arial, helvetica, sans serif; 
	font-size: 11px; 
}

/*
 * Hides the editorial search results for web publ
 */
div.editorialresults {
	display:none;
}

/*--------------
  class for pagination -- added by John
---------------*/
.DealTable
{
	width: 718px;
}
.from-six-column-div
{
	/*width: 718px;*/
	width: 618px;
}
/*
.from-search-txt-div
{
	padding-right: 14px;
	padding-left: 14px;
}
*/
.from-pagination-one 
{
	
	color: #666;
	font-size: 11px;
}
.from-pagination-one a:link,
.from-pagination-one a:visited
{
	text-decoration: none;
	color: #ff6600;
}
.from-pagination-one a:hover
{
	text-decoration: underline;
}
.from-pagination-two
{
	
	color: #333;
	font-weight: bold;
	font-size: 11px;
}
.from-pagination-two a:link,
.from-pagination-two a:visited,
.from-pagination-two a:hover
{
	text-decoration: none;
	color: #333;
	text-decoration: underline;
}
.BorderTop
{
	padding-top: 4px;
	border-top: 1px solid #333;
}
.from-search-result
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #333;
	/*border-bottom: 1px solid #656565;*/
	font-size: 11px;
	color: #666;
}
.from-search-result h3 span.sponsored
{
	color: #707070;
	font-size: 12px;
}
.from-search-result h3 
{
	font-size: 12px;
	margin:0px;
}
.from-search-result a:link,
.from-search-result a:visited
{
	text-decoration: none;
	color: #ff6600;
}
.from-search-result a:hover
{
	text-decoration: underline;
}
.seperator
{
    height:6px;
}
/*-----------------------------
  classes for product details pages -- added by John
----------------------------------*/
.from-four-column-div
{
	width:474px;/*474px for TNSW website*/
	/*width:100%*/ /*100% for Web publish client*/
}
.from-four-column-div h1
{
	color: #003366;
	font-size: 25px;
	font-weight: lighter;
    font-family: Bliss, Verdana, Helvetica Neue; 
    padding:0px;
    margin:0px;
}
.from-four-column-div h3
{
	color: #003366;
	font-size: 13px;
	font-weight: bold;
    LETTER-SPACING: -0.1em;
	margin-top:5px;
	margin-bottom:3px;
    display: inline;
    vertical-align:top
}
.from-four-column-div h4
{
	color: black;
	font-size: 11px;
	font-weight: normal;
	margin-top:3px;
	margin-bottom:3px;
    display: inline;
    vertical-align:top
}
.from-four-column-div td
{
	color: #666;
	font-size: 11px;
}
.from-four-column-div UL
{
    FONT-SIZE: 11px;
    LINE-HEIGHT: 11px;
    LIST-STYLE-TYPE: square;
    margin-top:0px;
    margin-bottom:5px;
    margin-right:0px;
    margin-left:17px;
    padding:0px;
}
.from-four-column-div a:link,
.from-four-column-div a:visited
{
	text-decoration: none;
	color: #0066cc;
}
.from-four-column-div a:hover
{
	text-decoration: underline;
}
/*----------------------------
driving direction form
--------------------------*/
.from-two-column-div
{
	width: 230px;
}
.from-highlight-form
{
	background-color:#99ccff;
}
.from-column-padding
{
	padding:6px;
}
/*
.from-two-column-div h2,
.from-highlight-form h2
{
	color: #0066cc;
	font-size: 16px;
	font-weight: bold;
    LETTER-SPACING: -0.1em;
    margin:0px;
}
*/
div.form-heading
{
	display:inline;
	float:left;
}
.form-heading h2
{
	color: #0066cc;
	font-size: 17px;
	font-weight:lighter;
    LETTER-SPACING: 0;
	padding-left:6px;
	padding-top:8px;
	padding-bottom:8px;
    margin:0px;
}
.from-highlight-form-button
{
   background-color:#003366;
   border:0px;
   color:White;
   font-size: 11px;
   padding:3px;
}
.from-highlight-form td
{
	color:Black;
}
.from-highlight-form-input
{
   border:0px;
	color: #666;
   width:104px;
   font-size: 11px;
}
/*---------------------
 inquiries form -- added by John
---------------------*/
.from-inquiries-form
{
   /*width:474px;*//*for tnsw*/
   width:507px; /*for web publish cilent*/
}
.from-inquiries-form-input
{
   border:0px;
	color: #666;
   width:220px;
}
/*-----------------
 cost table -- added by John
--------------*/
table.from-cost-table
{
	border-collapse:collapse;
	margin-bottom: 10px;
}

table.from-cost-table tr.heading-row td
{
	border: 0px;
	font-size: 11px;
}

table.from-cost-table tr td
{
	border: 1px #8C8C8C solid;
	padding: 4px;
}

table.from-cost-table tr td.description-col
{
	font-size: 11px;
}
table tr td.event-status-column
{
	border:0px;
	color:Red;
}

/*------------------------------------------------------------------------------------------------------------
weather box -- add by John
-------------------------------------------------------------------------------------------------------------*/
.WeatherTitle h2
{
	color: #003365;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.01em;
	font-size: 11px;
	padding-bottom: 8px;
	margin:5px;
}
.WeatherBody
{
    BACKGROUND-COLOR: #99ccff;
    height:70px;
    padding:8px;
}
div#weather-div p
{
	font-size: 11px;
	color: #003365;
	font-weight: bold;
    /*font-family: Bliss, Verdana, Helvetica Neue; */
    font-family: arial, helvetica, sans serif; 
    padding:0px;
    margin:0px;
}
div#weather-div a
{
    BACKGROUND-COLOR: #99ccff;
	font-size: 11px;
	color: #003365;
	font-weight: bold;
    /*font-family: Bliss, Verdana, Helvetica Neue; */
    font-family: arial, helvetica, sans serif; 
    padding:0px;
    margin:0px;
}
div#weather-div ul
{
	 padding-left: 0px;
	 margin:2px;
	font-size: 10px;
	color: #666;
}
div#weather-div  ul li
{
	 display: block;
	 font-weight: normal;
	 width: 48px;
	 float: left;
	 font-size:11px;	 
}

div#weather-div li.weather-img
{
	 width: 30px;
}
/*------------------------------------------------------------------------------------------------------------
Weather - e4_weather.html -- add by John
------------------------------------------------------------------------------------------------------------*/
h4.WeatherPageSubTitle
{
	color: #003365;
	font-size: 11px;
	font-weight: normal;
	margin:0px;
	/*
	margin-top:3px;
	margin-bottom:3px;
    display: inline;
    vertical-align:top;*/
}
p.WeatherText
{
	font-size: 10px;
	font-weight: normal;
	color:#8C8C8C;
	padding:0px;
	margin:0px;
}
.WeatherImage
{
	vertical-align:middle;
}
.full-width-div
{
	width:100%;
}
table.from-info-table
{
	margin-bottom: 8px;
    width: 100%;
    border-collapse:collapse;
}
table.from-info-table tr.heading-row td
{
	background-color: #CCCCCC;
	color: #666;
	font-weight: bold;
	border: 1px #8C8C8C solid;
	font-size: .65em;
	line-height: .65em;
}
table.from-info-table tr td
{
	border: 1px #8C8C8C solid;
	padding: 4px;
	width: 17%;
	font-size: .65em;
	line-height: .65em;
	color: #666;
}
table.from-info-table tr td.description-col
{
	width: 32%;
}