/* Copyright © Eurocycler.com ___________________________________
   Site colour notes...
   Logo colours: Grey    =  #a0a0a0  (closest websafe = #999999)
			     Orange  =  #ff9933  (is websafe)
			     Yellow  =  #ffcc33  (is websafe)  */
			  
/* GLOBAL STYLES */
/* Copyright © Eurocycler.com ___________________________________
   Site colour notes...
   Logo colours: Grey    =  #a0a0a0  (closest websafe = #999999)
			     Orange  =  #ff9933  (is websafe)
			     Yellow  =  #ffcc33  (is websafe)  */
			  
/* GLOBAL STYLES */
/* global body tag style */	
BODY 		{  
			background-color: #FFFFFF; 
			margin-top: 0px; 
			margin-right: 5px; 
			margin-bottom: 5px; 
			margin-left: 5px;
			}
/* global table cell style */	
TD 			{  
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 11px; 
			color: #666666;
			}
/* global table cell justified style */	
TD.justify	{  
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 11px; 
			color: #666666;
			text-align: justify;
			}
TD.navActive 	{ 
			color: #FF3300;
 			font-size: 10px;
			}
TD.callout 	{ 
			color: #777777;
 			font-size: 10px;
			}
/* global link tag styles */	
A     		{
			text-decoration: underline; 
			color: #FF6600;
			background-color: transparent;
			}
A:visited  	{
			text-decoration: underline; 
			color: #CC6600;
			background-color: transparent;
			}
A:hover    	{
			text-decoration: none; 
			color: #CC3300;
			background-color: transparent;
			}
A:active   	{
			text-decoration: none; 
			color: #CC9900;
			background-color: transparent;
			} 
/* global link subMenu tag styles */	
A.subMenu   {
			text-decoration: none; 
			color: #666666;
			background-color: transparent;
			font-size: 10px; 
			}
A.subMenu:visited  	{
			text-decoration: none; 
			color: #666666;
			background-color: transparent;
			font-size: 10px; 
			}
A.subMenu:hover    	{
			text-decoration: none; 
			color: #FF6600;
			background-color: transparent;
			font-size: 10px; 
			}
A.subMenu:active   	{
			text-decoration: none; 
			color: #FF3300;
			background-color: transparent;
			font-size: 10px; 
			} 
A.news   {
			text-decoration: none; 
			color: #888888;
			background-color: transparent;
			font-size: 10px; 
			}
A.news:visited  	{
			text-decoration: none; 
			color: #888888;
			background-color: transparent;
			font-size: 10px; 
			}
A.news:hover    	{
			text-decoration: none; 
			color: #FF6600;
			background-color: transparent;
			font-size: 10px; 
			}
A.news:active   	{
			text-decoration: none; 
			color: #FF3300;
			background-color: transparent;
			font-size: 10px; 
			} 
/* links that look like text for SEO */
A.tlink   {
			text-decoration: none; 
			color: #666666;
			background-color: transparent;
			font-size: 11px; 
			}
A.tlink:visited  	{
			text-decoration: none; 
			color: #666666;
			background-color: transparent;
			font-size: 11px; 
			}
A.tlink:hover    	{
			text-decoration: none; 
			color: #FF6600;
			background-color: transparent;
			font-size: 11px; 
			}
A.tlink:active   	{
			text-decoration: none; 
			color: #666666;
			background-color: transparent;
			font-size: 11px; 
			} 
/* global horizontal rule */	
HR 			{
			color: #BBBBBB;
			height: 1px;
			}
/* global horizontal rule class */	
HR.ystrk	{
			color: #FFCC00;
			height: 3px;
			padding: 0px; 
			}
/* global form style */	
FORM 		{ 
			margin: 0px; 
			border: 0px; 
			padding: 0px; 
			}
/* global unordered list style */	
UL 			{  
			list-style-type: square;
			}
			
/* CUSTOM (class) STYLES */		
/* bold text style */
.ECbold		{
			font-weight: bold;
			}
/* justify text style */
.ECjustify		{
			text-align: justify;
			}
/* callout text style */
.ECcallout	{
			color: #999999; 
			}
/* heading text style */
.ECheading 	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px; 
			font-weight: bold; 
			color: #666666; 
			}
/* error validating text style */
.ValidationTxt
			{
			color: #FF0000; 
			}
/* title text style */
.ECtitle 	{ 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px; 
			font-weight: bold; 
			color: #666666; 
			}
/* itinerary day text style */
.ECitin 	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px; 
			font-weight: bold; 
			color: #FF9900; 
			}
/* title text style */
.ECfaq	 	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px; 
			font-weight: bold; 
			color: #666666; 
			}
/* form element button style (keep distinct from .ECform b/c of IE styles) */
.ECbuttons	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#000000;
			}
/* form element BOLD button style */
.ECbuttonsB	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 11px; 
			color:#000000;
			}
/* form element Small button style */
.ECbuttonsS	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px; 
			color:#000000;
			}
.ECbuttonsOn	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	border : 1px #FFD700;
}
			
/*  Breadcrumb navigation links */
		
.smlyahoonavlinks
			{
			font-family: Verdana, Arial, Tahoma;
			font-size: 11px; 
			text-decoration: underline; 
			color: #FF6600;
			}
.smlyahoonavlinks:visited  	
			{
			text-decoration: underline; 
			color: #CC6600;
			}
.smlyahoonavlinks:hover    	
			{
			text-decoration: none; 
			color: #CC3300;
			}
.smlyahoonavlinks:active   	
			{
			text-decoration: none; 
			color: #CC9900;
			}
		
/* form element style (apply to input and select elements) */
.ECform50	
			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#333333;
			background-color: #FFFFFF;
			border-top: 1px solid #888888;
			border-right: 1px solid #DDDDDD; 
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #888888;
			padding: 2px 4px 0px 4px;
			margin: 4px 4px 4px 4px;
			width:50px;
			}
.ECform100	
			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#333333;
			background-color: #FFFFFF;
			border-top: 1px solid #888888;
			border-right: 1px solid #DDDDDD; 
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #888888;
			padding: 2px 4px 0px 4px;
			margin: 4px 4px 4px 4px;
			width:100px;
			}
.ECform150	
			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#333333;
			background-color: #FFFFFF;
			border-top: 1px solid #888888;
			border-right: 1px solid #DDDDDD; 
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #888888;
			padding: 2px 4px 0px 4px;
			margin: 4px 4px 4px 4px;
			width:130px;
			}			
.ECform200	
			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#333333;
			background-color: #FFFFFF;
			border-top: 1px solid #888888;
			border-right: 1px solid #DDDDDD; 
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #888888;
			padding: 2px 4px 0px 4px;
			margin: 4px 4px 4px 4px;
			width:220px;
			}
.ECform300	
			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#333333;
			background-color: #FFFFFF;
			border-top: 1px solid #888888;
			border-right: 1px solid #DDDDDD; 
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #888888;
			padding: 2px 4px 0px 4px;
			margin: 4px 4px 4px 4px;
			width:300px;
			}
.ECform500	
			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#333333;
			background-color: #FFFFFF;
			border-top: 1px solid #888888;
			border-right: 1px solid #DDDDDD; 
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #888888;
			padding: 2px 4px 0px 4px;
			margin: 4px 4px 4px 4px;
			width:474px;
			}
/* form element style without border or width (apply to select elements like date picker) */
.ECformnw	
			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color:#333333;
			background-color: #FFFFFF;
			padding: 2px 4px 0px 4px;
			margin: 4px 4px 4px 4px;
			}
		
/*  Table cell class, particularly for form elements */
.FormTDEl
			{
			background-color: #F9F9F9;
			border-bottom: 1px #E9E9E9 solid;
			border-right: 1px #E9E9E9 solid;
			border-left: 1px #F0F0F0 solid; 
			border-top: 1px #F0F0F0 solid; 
			}
/*  Table cell class */
.TDEl
			{
			background-color: #FFFFFF;
			border-bottom: 1px #e5e5e5 solid;
			border-right: 1px #e5e5e5 solid;
			border-left: 1px #e5e5e5 solid; 
			border-top: 1px #e5e5e5 solid; 
			}
			
/*  Table cell class, for toolbox background */
.ToolBoxBGCell
			{
			background-image: url(/img/ntitle/toolbox-bg.jpg);
			background-repeat: no-repeat;
			background-position: center top;			
			}
			
/*  Table cell class, for semi-transparent background */		
.TransTD 
			{
			font-size: 10px; 
			color: #222222;
			background-color: #CCCCCC;
			filter:alpha(opacity=40);
			-moz-opacity:0.4;
        	opacity: 0.4;
			border-left : 1px #555555 solid;
			border-top : 1px #555555 solid;
			border-right : 1px #555555 solid;
			border-bottom : 1px #555555 solid;
			}
			
.TransBright
			{
			position:relative;
			}
			
.lightspan 
			{
			color: #888888;
			}
.smallwhite 
			{
			font-size: 10px; 
			color: #FFFFFF;
			font-weight:bold;
			}
.smallcopy 
			{
			font-size: 10px; 
			}
			
/*  Table class, outlined, light fill */
.TBLlightborder
			{
			background-color: #F0F0F0;
			border-bottom: 1px #E5E5E5 solid;
			border-right: 1px #E5E5E5 solid;
			border-left: 1px #E5E5E5 solid; 
			border-top: 1px #E5E5E5 solid; 
			}