/*-----------------------------------------------
 CSS for front-end use

 Last updated: Aug. 05, 04
-----------------------------------------------*/

.smallarial        { font-family: arial,verdana,helvetica,sans-serif; font-size: 7pt; }
.normalarial       { font-family: arial,verdana,helvetica,sans-serif; font-size: 9pt; }
.bigarial          { font-family: arial,verdana,helvetica,sans-serif; font-size: 12pt; }

.smallverdana      { font-family: verdana,arial,helvetica,sans-serif; font-size: 8pt; }
.normalverdana     { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
.bigverdana        { font-family: verdana,arial,helvetica,sans-serif; font-size: 14pt; }

a.dlink            { color: #000080;  text-decoration: none; }
a.dlink:active     { color: #000080;  text-decoration: none; }
a.dlink:hover      { color: #000080;  text-decoration: underline; }


/* PAGE CLASSES -------------------------------------------- */

body		{font-size: 12px;margin: 0px; color: #003366; font-family: arial, verdana, sans-serif; background:#FFFFFF;}


/* LEFT COLUMN CLASSES -------------------------------------------- */

td.leftcoltitle		{font-size: 12px; color: #ffffff; font-weight: bold;}
td.leftcolhdr		{font-size: 12px; color: #ffdd66; font-weight: bold;}
td.leftcolsubhdr	{font-weight: bold; color: #ffcc00}
td.leftcol		{color: #ffffff}
td.leftcoloffer		{font-weight: 900; color: #ffcc00}

/* RIGHT COLUMN CLASSES -------------------------------------------- */

td.rightcoltitle	{font-size: 12px; color: #003366; font-family: arial black, sans-serif;}
td.rightcolhdr		{font-size: 11px; font-weight: bold; color: #003366;}
td.rightcolsubhdr	{font-size: 10px; font-weight: bold; color: #338899}
td.rightcol		{font-size: 11px; color: #0077bb}
td.rightcoloffer	{font-weight: 900; color: #cc0000}
table.getawaytable 	{background:#FFFFEE;}
td.getawayRule 		{background:#EEEEDD;}

/* BODY CLASSES -------------------------------------------- */

p		{font-size: 12px; font-family: arial, verdana, sans-serif;}
p.body		{font-size: 12px; color: #005599; font-family: arial, verdana, sans-serif;}

b.hotel {font-size: 13px; color: #003366; font-weight: bold;}
b.offer {font-size: 12px; color: #8888bb;}
b.alert {font-size: 12px; color: #CC0000;}
i.promo {font-size: 12px; color: #003366; font-weight: bold;}
i.validfor {font-size: 11px; color: #003366;}

img.thumb {border-color: #dddddd;}
img.photo {border-color: #dddddd}


td	{font-size: 12px; color: #003366; font-family: arial, verdana, sans-serif}

td.title {font-family: Times; font-size: 18px; font-weight: bold; color: #CC0000;text-transform:uppercase;}
td.titleColumn {font-size: 12px; color: #003366; font-style: italic;height:20; font-weight: bold;}
td.Label {font-size: 12px; color: #003366; font-weight: bold;}
td.subLabel {font-size: 11px; color: #003366; font-style: italic;}
td.columnLabel {font-size: 11px; color: #003366; font-weight: bold;}
td.hotel {font-size: 12px; font-weight: 900; color: #003366;text-transform:uppercase;}
td.amenities {font-size: 12px; color: #003366;}
td.destination {font-size: 12px; font-weight: 900; color: #003366;text-transform:uppercase;}
td.offer {font-weight: 900; font-size: 12px; color: #0077bb}
td.byline {font-size: 10px; color: #665544;}
td.breadcrumb {font-size: 11px; color: #003366;}
td.fromPrice {font-size: 12px; font-weight: bold; color: #0077bb;}
td.itinerary {font-size: 11px; color: #0077BB; background: #ffffff}
td.body {color: #005599;}
td.button {font-weight: bold; background: #003366;color: #ffffff }
td.alert {font-size: 12px; font-weight: bold; color: #CC0000;}

td.title1 {font-family: Arial Black, Tahoma Bold, sans-serif; font-size: 14px; color: #003366;}
td.title2 {font-family: Arial Black, Tahoma Bold, sans-serif; font-size: 14px; color: #6699CC;}
td.title3 {font-family: Arial Black, Tahoma Bold, sans-serif; font-size: 14px; color: #338899;}
td.title4 {font-family: Arial Black, Tahoma Bold, sans-serif; font-size: 14px; color: #CC0000;}

td.tabletitle		{font-size: 12px; color: #FFFFFF; height:15px; font-family: arial, helvetica, sans-serif; font-weight: bold; background:#003366;}
td.tabletitleborder	{background:#003366;}

td.tabletitle1	{font-size: 12px; color: #FFFFFF; height:20px; font-family: arial, helvetica, sans-serif; font-weight: bold; background:#003366;}
td.tabletitle2	{font-size: 12px; color: #FFFFFF; height:20px; font-family: arial, helvetica, sans-serif; font-weight: bold; background:#6699cc;}
td.tabletitle3	{font-size: 12px; color: #FFFFFF; height:20px; font-family: arial, helvetica, sans-serif; font-weight: bold; background:#338899;}

td.bodyRule1 {background:#003366;}
td.bodyRule2 {background:#6699CC;}
td.bodyRule3 {background:#338899;}
td.dotRule {background-image:url(//ivacation/images/dot.gif);}

td.hidden {font-size: 11px; color: #D6EFF7;}

/* LINK COLUMN CLASSES -------------------------------------------- */

a:link			{color: #0077bb; text-decoration: none}
a:visited		{color: #0077bb; text-decoration: none}
a:active		{color: #0077bb; text-decoration: none}
a:hover			{color: #cc0000; text-decoration: underline}

a.weather:link		{font-size: 11px; color: #998877;text-decoration: none}
a.weather:visited	{font-size: 11px; color: #998877; text-decoration: none}
a.weather:active	{font-size: 11px; color: #998877; text-decoration: none}
a.weather:hover		{font-size: 11px; color: #554433; text-decoration: none}

a.link1:link		{color: #003366; font-weight: bold; text-decoration: none}
a.link1:visited		{color: #003366; font-weight: bold; text-decoration: none}
a.link1:active		{color: #003366; font-weight: bold; text-decoration: none}
a.link1:hover		{color: #cc0000; font-weight: bold; text-decoration: underline}

a.link3:link		{color: #338899; text-decoration: underline}
a.link3:visited		{color: #338899; text-decoration: underline}
a.link3:active		{color: #338899; text-decoration: underline}
a.link3:hover		{color: #338899; text-decoration: underline}

a.button:link		{color: #ffffff; text-decoration: none}
a.button:visited	{color: #ffffff; text-decoration: none}
a.button:active		{color: #ffffff; text-decoration: none}
a.button:hover		{color: #88CCEE; text-decoration: none}

a.leftcol:link		{color: #ffffff; text-decoration: underline}
a.leftcol:visited	{color: #ffffff; text-decoration: underline}
a.leftcol:active	{color: #ffffff; text-decoration: underline}
a.leftcol:hover		{color: #88CCEE; text-decoration: underline}

a.newnav:link		{font-weight: bold; color: #003366; text-decoration: none}
a.newnav:visited	{font-weight: bold; color: #003366; text-decoration: none}
a.newnav:active		{font-weight: bold; color: #003366; text-decoration: none}
a.newnav:hover		{font-weight: bold; color: #0077bb; text-decoration: underline}

/* FORM CLASSES -------------------------------------------- */

form			{font-size: 11px; color: #003366;}
input			{font-size: 11px; color: #003366;}
select			{font-size: 11px; color: #003366; text-transform:capitalize;}
option			{font-size: 11px; color: #003366; text-transform:capitalize;}
select.small		{font-size: 9px; color: #003366; text-transform:capitalize;}
option.small		{font-size: 9px; color: #003366; text-transform:capitalize;}

.small			{font-size: 10px; color: #003366}