﻿body,html,form 
{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body
{
    background-color: #d4d4d4;
}

body,td,p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.container
{
    background-color: #fff;
    width: 1000px;
    height: 100%;
}
.innercontainer
{
    width: 100%;
    height: 100%;
}
.innercontainer td
{
    vertical-align: top;
}

.header
{
    height: 95px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.header *
{
    margin: 0;
    padding: 0;
}
.header h1
{
    font-family: 'Tenor Sans', sans-serif;
    font-size: 30px;
    color: #0076a3;
    text-transform: uppercase;
    font-weight: normal;
    position: absolute;
    left: 90px;
    top: 19px;
}
.header h1 a
{
   color: #0076a3;
   text-decoration: none;
   font-family: 'Tenor Sans', sans-serif;
}
.header h3
{
    float: left;
    font-weight: normal;
    font-size: 12px;
    position: absolute;
    left: 92px;
    top: 53px;
    letter-spacing: 3px;
    color:#000000;
}

.header img
{
    float: left;
    margin-top: 7px;
    border: none;
}

.header .phone
{
    font-weight: normal;
    font-size: 22px;
    position: absolute;
    left: 763px;
    top: 35px;
    letter-spacing: 2px;
    width: 186px;
    font-weight:bold;
}
.header .phone a
{
    color: #e33c08;
    text-decoration: none;
}
.header input[type=text]
{
    border: 1px solid #969696;
    margin-right: 4px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    float: left;
    width: 147px;
    height: 16px;
}
.progressbar
{
    position: absolute;
    left: 685px;
    top: 52px;
    width: 50px;
}

.textboxborder
{
 margin-top: 3px;
}
.textboxborder input[type=text],.textboxborder input[type=password]
{
    border: 1px solid #969696;
    margin-right: 4px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    float: left;
    height: 15px;
}

.header .search
{
    position: absolute;
    left: 765px;
    top: 50px;
    width: 180px;
    font-size: 11px;
    letter-spacing: 5px;
}
.header input[type=image]
{
    float: left;
}
.textboxborder input[type=image]
{
    float: left;

}

.navmenu
{
    background-color: #0076a3;
    background-position: left top;
    height: 30px;
}
.navmenu ul
{
padding: 0;
margin: 0;
}
.navmenu li
{
    float: left;
    border-right: 1px solid #fff;
    width: 157px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 30px;
    text-align: center;
}

.navmenu a,.navmenu a:visited
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.navmenu li:hover
{
    background-color: #77c8e6; 
}
.markee,.gridheader
{
    background-color: #002947;
    height: 24px;
    color: #fff;
    line-height: 24px;
}

.markee a
{
    color: #fff;
    text-decoration: none;
}

.markee a:hover
{
    color: #FFFF00;
}

.content
{
    padding-bottom: 10px;
    padding-right:15px;
    width:703px;
}
.content a
{
    color: #0072bc;
}
.content a:hover
{
    color: Red;
}
.content ul
{
    padding: 0px;
    margin: 0px;
}

.content li
{
    background-position: left 3px;
    padding-left: 10px;
    padding-bottom: 5px;
    list-style-type: none;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
}

.margin
{
    width: 200px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

.margin h3,.content h3,.margin h3 a,.margin h3 a:visited
{
  font-size: 14px;
  text-decoration: none;
  color: #000;
}

.content h1,.content h2,.content h3
{
    font-family: 'Trebuchet MS';
}
.content h1
{
    background-position: left bottom;
    margin-top: 0;
    padding-top: 0;
    background-image: url(images/headerback.jpg);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    font-weight: normal;
    font-size: 24px;
    color:#7f7f7f;
}
.content h3
{
    font-size: 16px;
    color: #1e61b4;
}
.subtitle
{
    background-position: left bottom;
    font-size: 20px;
    color:#7f7f7f;
    background-image: url(images/headerback.jpg);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    font-weight: normal;
}

.content p
{
    line-height: 1.5em;
}
.labels
{
    color: #336699;
    text-transform:capitalize;
}
.subheader,.redbackground
{
    background-color: #e7430e;
}
.redbackground
{
    margin-top: -12px;
}
.subheader
{
    background-position: left top;   
    background-image: url(images/titleback.jpg);
    background-repeat: repeat-x;
}
.subheader .topleft
{
    background-image: url(images/topleft.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 9px;
}

.subheader .topright
{
    background-image: url(images/topright.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 9px;
}

.subheader h3,.subheader a
{
  color: #fff;
  text-decoration: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.maincontent h2,.h2
{
    font-weight: bold;
    font-size: 18px;
}
.maincontent h4,.h4
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 6px;
}
.subheader a:hover
{
    color: #000;
}
.subheader .bottompadding
{
    height: 9px;
}
.graybackground,.graybox,.grayboxborder
{
    background-color: #eaeaea;
}
.graybox
{
    padding: 10px;
    padding-bottom: 0px;
}
.grayboxborder
{
    padding: 10px;
    border: 1px solid #666666;
    margin-bottom: 10px;
    margin-top: 10px;
}
.graybox a
{
    text-decoration: none;
}
.bottomleft
{
    background-image: url(images/bottomleft.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 9px;
    height: 9px;
}
.bottomright
{
    background-image: url(images/bottomright.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 9px;
    height: 9px;
}
.banner
{
    padding-top: 3px;
    padding-bottom: 3px;
    height: 230px;
}
.bottomsectionheader
{
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #ccc;
    height: 8px;
    line-height: 14px;
    clear: both;
}
.bottomsectionheader h3
{
    background-color: #fff;
    float: left;
    font-size: 14px;
    padding-right: 10px;
    margin: 0;
}

.bottomsectionbody
{
    height: 128px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #ccc;
    vertical-align: middle;
    text-align: center;
}

.bottomsectionbody img
{

}
.footer
{
  height: 70px;
  padding-top: 12px;
  color: #949494;
}
.footer a
{
    color: #949494;
    text-decoration: none;
    margin-right: 10px;
}
.footer a:hover
{
    color: Red;
}
.footer span
{
    float: right;
}

.watermark
{
   color: #969696;
   font-size: 11px;
}

.courselist 
{
   border-bottom: 1px solid #949494;
   padding-bottom: 3px;
   padding-top: 3px;
}

.courselist .register
{
    float: right;
    color: Red;
    text-decoration: none;
    font-weight: bold;
    margin-left: 5px;
}

.gridheader th a
{
    text-decoration: none;
}
.gridrow:hover, .gridalt:hover, .bluebox
{
    background-color: #D9ECFF;
}
.bluebox
{
    border: 1px solid #666666;
    padding: 10px;
    margin-bottom: 10px;
}

.gridrow td,.gridalt td
{
    border-bottom: 1px solid #ccc;
}

.gridrow td a:hover,.gridalt td a:hover
{
    color: #000;
}
.gridalt
{
    background-color: whitesmoke;
}
.sitebuttonreg
{
 text-align: center;
 margin-top: 3px;
}
.sitebuttonreg a
{
    background-color: #999999;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-radius: 4px;
}
.sitebuttonreg a:hover,.gridrow:hover .sitebuttonreg a,.gridalt:hover .sitebuttonreg a 
{
    color: #fff;
    background-color: #000;
}

.price
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.nav1
{
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #969696;
    margin-bottom: 10px;
}
.nav1 li
{
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    background-image: none;
}
.nav1 a
{
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.nav1 li:hover,.nav2 li:hover
{
    background-color: whitesmoke;
}
.nav2
{
    margin-top: 20px;
}
.nav2 a
{
    text-decoration: none;
    color: #000;
}

.nav2 li
{
    background-position: left 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #ccc;
}
.separator
{
    margin-bottom: 10px;
    border-bottom: 2px solid #969696;
    margin-top: 10px;
}
.smallbuttons
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #999999;
    color: #FFFFFF;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    border: none;
    border-radius: 4px;
    height: 18px;
}
.smallbuttons:hover
{
    color: #fff;
    background-color: #000;
    cursor: pointer;
}
.sitebuttons,.content input[type='button'],.content input[type='submit']
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #999999;
    color: #FFFFFF;
    font-weight: bold;    
    padding-right: 15px;    
    padding-left: 15px;
    border: none;
    height: 20px;
    border-radius: 6px;
    cursor: pointer;
}
.sitebuttons:hover,.content input[type='button']:hover,.content input[type='submit']:hover
{
    background-color: #000;
}

.inputcontrols,.content input[type=text],.content input[type=password],.content input[type=textarea]
{
    border: 1px solid #969696;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#scroller
{
    width: auto;
	height: 400px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding-right: 5px;
}
/* Message Control */

.msgbox
{
    border: 2px dotted #FF0000;
    background-position: left bottom;
    padding: 10px;
    width: 100%;
    background-image: url('images/msgback.jpg');
    background-repeat: repeat-x;
    margin-bottom: 20px;
}

.msgbox h4
{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
}
.msgbox div
{
    background-image: url('images/msg32/OKShield.png');
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 50px;
}
.msgbox .error
{
    background-image: url('images/msg32/ErrorCircle.png');   
}

.msgbox .info
{
    background-image: url('images/msg32/InfoBox.png');   
}
/* End Message Control */

.crosshair
{
    text-decoration: line-through;
    color: #999999;
}
.divider
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.vtablepadding td
{
    padding-bottom: 3px;
}

/*=========================================*/
.rightmargin
{
    background-image: url(images/rightmarginback.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    padding-left: 30px;
    position: relative;
    display: inline-block;
    width: 240px;
    padding-top: 10px;
}
.rightmargin li:hover
{
    background-color: whitesmoke;
    
}
.rightmargin
{
    margin-top: 20px;
}
.rightmargin a
{
    text-decoration: none;
    color: #000;
}
.rightmargin a:hover
{
    text-decoration: none;
    color: red;
}
.rightmargin ul{list-style-type: none;  margin: 0px; padding: 0px;}
.rightmargin li
{
    background-position: left 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #ccc;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    list-style-type: none;
}

.rightmargin h3{background-position: left 3px; padding: 0px 0px 0px 14px; margin: 0px; background-image: url('images/bluearrow.jpg'); background-repeat: no-repeat; font-size: 12px; color:#000; text-transform:uppercase; margin-bottom:8px; margin-top:10px;}
.rightmargin h3, .rightmargin h3 a { color: #53582f; text-decoration: none; text-transform:uppercase;}
.rightmargintop
{
    background-image: url(images/leftmargintop.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 15px;
    height: 52px;
}
.rightmarginbottom
{
    background-image: url(images/leftmarginbottom.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 15px;
    height: 52px;
}

/*Orange Boxes*/
.orangebutton
{
    background-image: url(images/orangeleft.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 36px;
    padding-left: 11px;
    width: auto;
    background-color: #adad29;
    margin-bottom: 10px;
    line-height: 36px;
    color: #fff;
}
.orangebutton, .orangebutton a
{
    color: #FFFFFF;
    font-family: 'Trebuchet MS';
    font-size: 14px;
    text-decoration: none;
}
.orangebutton a:hover
{
    color: #000;
}
.orangebutton div
{
    background-image: url(images/orangeright.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
.bottomborderdiv
{
	 border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #ccc;
    vertical-align: middle;
    text-align: center;
    padding-top:5px;
}
/*=========================================*/

.crawlercontainer
{
    border-top-style: solid;
    border-bottom-style: solid;    
    border-width: 2px;
    border-color: #C0C0C0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}
.orangeheader{ background-image:url('images/orangeheader_bg.jpg'); background-repeat:repeat-x; height:35px; font-size:9pt; font-weight:bold; padding-left:10px; font-size:9pt; line-height: 35px; color:#fff;}
.fpborders{border:solid 1px #969696; border-top:0px;}
.blueheader{background-image:url('images/blueheaderbg.jpg'); background-repeat:repeat-x; height:35px; font-size:9pt; font-weight:bold; line-height: 35px; color:#fff;}
.blueheader a,.orangeheader a,.blueheader a:hover,.orangeheader a:hover{color: #fff; text-decoration: none;}
.blueheader div{padding-left:10px;}

.divide {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.boldlinks:link
{
    font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}
.boldlinks a
{
    font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}
.packdetailcolumn h2
{
    margin: 0px;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Trebuchet MS';
}
.packdetailcolumn h2 a
{
    text-decoration: none;
}
.packdetailcolumn li
{
    font-size: 10px;
}
.smalsubtitle
{
   	color: #6B7A11;
	font-size: 11px;
    font-style: italic;
}
.pricecolumn
{
    width: 100px;
    text-align: center;
    font-weight: bold;
    vertical-align: top;
}
.shadedbackground
{
    background-color: whitesmoke;
    border-bottom: dotted 1px #000;
}
.pricelabels
{
    color:#9e0b0f;
    padding:0px;
    margin:0px;
    font-size:15px;
    text-decoration: none;
    font-weight: bold;
}
.pricelabels a:link,.pricelabels a:hover, .pricelabels a:visited
{
    color:#9e0b0f;
    padding:0px;
    margin:0px;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
}
.hotelicon
{
    background-position: left top;
    padding-left: 52px;
    background-image: url(images/hotelicon.gif);
    background-repeat: no-repeat;
}
.hotelicon h3, .flighticon h3, .serviceicon h3, .itinerary h3, .features h3{color: #1e61b4;}
.flighticon
{
    background-position: left top;
    padding-left: 52px;
    background-image: url(images/flighticon.gif);
    background-repeat: no-repeat;
}
.serviceicon
{
    background-position: left top;
    padding-left: 52px;
    background-image: url(images/serviceicon.gif);
    background-repeat: no-repeat;
}
.itinerary
{
    background-position: 10px 10px;
    border: 1px solid #89899b;
    padding: 10px;
    background-image: url(images/calendaricon.jpg);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.itinerary h3
{
    /*color: #89899b;*/
    margin-left: 32px;
    margin-top: 5px;
}
.itinerary img
{
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}
.fpcategories
{
    position: relative;
    display: inline-block;
    margin-bottom: -3px;
}
.fpcategories img
{
    margin: 0px;
}
.fpcategories a
{
    text-decoration: none;
}
.fpcategories h2
{
    color: #fff;
    font-family: 'Trebuchet MS';
    font-size: 24px;
    padding: 0;
    margin: 0;
    width: 330px;
    height: 123px;
    position: absolute;
    left: 18px;
    top: 4px;
}
.fpcategories h2 a:hover
{
    color: #fff;
}

.fpcategories .titleshadow
{
    position: absolute;
    left: 20px;
    top: 6px;
    color: #000;   
}
.fpcategories h2 a
{
    text-decoration: none;
    color: #fff;
}
.fpcategories .pricetag
{
    position: absolute;
    left: 236px;
    top: 90px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.fpcategories .priceshadow
{
    position: absolute;
    left: 238px;
    top: 92px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
}
