/* CSS Document */

/*********************************************************************************************************
 Main page components (top logo / menu bar / footer
/*******************************************************************************************************/
body { font-family:Arial, Helvetica, sans-serif; background-image:url(/v3/images/template/bggradient2.jg); background-repeat:repeat-x; text-align:center; margin: 0 auto; background-color:#F2F2F2}

#container { position: relative; text-align:left; width:772px; background-color:#FFFFFF; padding-left:20px; height:100%; margin: 0 auto; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#innercontainer { position: relative; margin:0em 0em 0.8em 0em; font-size:0.9em; width:752px}

#header { position:relative; height:100px }
#banner { position:relative; width:100%; height:220px; color:#FFFFFF; font-size:12px; }

#mainNav { position:relative; height:24px  }
#mainNav ul { margin:0px; padding:0px; list-style: none; text-align:center; margin-top:0px; width:752px; border-bottom:0px solid #000000}
#mainNav li { float:left; background: url(/v3/images/template/tab.gif) no-repeat; } 
#mainNav a { display:block; margin:0px; padding:0em; width:94px; line-height:2em; float:left; font-family:Arial; font-size:12px; color:#333333; text-decoration:none }
#mainNav a:hover { float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#home #mainNav .home a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#destinations #mainNav .destinations a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#featured #mainNav .featured a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#offer #mainNav .offer a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#contactus #mainNav .contactus a { float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#site #mainNav .site a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#green #mainNav .green a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#info #mainNav .info a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }
#cart #mainNav .cart a{ float:left; background: url(/v3/images/template/tab2.gif) no-repeat; }


#headerIntro		{ position:absolute; width:385px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;margin:0; padding:5px; top:0px; margin-bottom:5px; left:396px;  }
#headerIntro h1		{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#999; margin:0; padding-left:5px; padding-bottom:3px }
#headerIntro p		{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; padding-left:5px; margin:0; color:#999999; width:370px }
#headerCorner		{ position:absolute; top:79px; left:396px; width:8px; height:10px; background-image:url(/v3/images/template/introCorner.jpg); margin:0 }

#footer 		{ position:relative; clear:both; height:55px; width:751px; top:4px; border:1px solid #ccc; border-right:0px; border-right:0px; margin:0; background-image:url(/v3/images/template/footerBG.jpg); background-repeat:no-repeat; }
#footer p 		{ position:relative; font-size:10px;  margin:0}
#footer a 		{ position:relative;color: #053756 ; margin:0}
#inassoc 		{ position:relative; width: 180px;  left:23px; height:50px; margin:0; float:left}

#copyright 		{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f3f3f;  top:5px; width:190px; margin:0; float:left;text-align:right;   }
#copyright p	{ margin:0 }
#logos			{ position:relative; left:0px; margin:0; float:left; top:5px;} 
#smallPrint 	{ position:relative; width:560px; margin:0; left:0px; top:2px; float:left; top:5px;}
#smallPrint p	{ position:relative; margin:0; font-size:10px; color:#999999;}
#smallPrint a 	{ position:relative; margin:0; font-size:10px;  color:#999999; text-decoration:none }


#help 			{ position:relative; width:340px; height:45px; float:left; top:2px;  margin:0}
.helptext 		{ position:relative; text-align:left; width:360px; font-family:Arial; font-size:23px; color:#053756; top:0px; left:80px; font-weight:bold; margin:0 }
.expert 		{ position:relative; font-size: 18px; color:#AA0404; font-weight:bold; margin:0}
.callus 		{ position:relative; font-size: 25px; color:#053756; font-weight:bold; margin:0}

#bottom a { text-decoration:none; color:#053756; }
#bottom a:hover { text-decoration:underline; color:#053756; }
#bottom .indexlink a { text-decoration:none; color:#fff; }
#bottom .indexlink a:hover { text-decoration:underline; color:#fff; }


/*********************************************************************************************************
 Right floating panels
/*******************************************************************************************************/
.floatboxright { margin:0em 0em 0.5em 0.5em; float:right; padding:0em; width: 25%;}
.floatboxright h1 {font-weight:bold; font-size:1.2em; font-family:Arial; margin:0em 0em 0.3em 0em }
.floatboxright input {font-size:0.8em; font-family:Arial;  width: 95%; margin:0em; }
.floatboxright select {font-size:0.8em; font-family:Arial;  width: 95%; margin:0em; }
.floatboxright h2 {font-weight:normal; font-size:0.75em; font-family:Arial; margin:0em; padding-bottom:0.2em; padding-top:0.1em}
.floatboxright p {font-weight:normal; font-size:0.8em; font-family:Arial; margin:0em}

#searchpanel { padding:0.5em; border:0.1em solid #CCC; margin:0em 0em 0.5em 0em; }
#searchpanel h1 { color:#053756; font-size:1.5em; margin:0 }
#searchpanel h2{ font-size:0.9em; color:#053756; margin:0 }

#experthelp { background-image:url(../images/rightpanel/sidehelpbg.jpg); background-repeat:no-repeat; padding:0.5em; padding-bottom:0px; border:1px solid #ccc; height:109px}
#experthelp h1 { color:#FFFFFF; font-size:1.5em; }
#experthelp h2{ font-size:1.1em; margin-left:20%; text-align:right; margin:0.3em;}
#experthelp h3{ font-size:1.3em; margin-left:20%; text-align:right; font-weight:bold; color:#AA0404; margin:0em; margin-bottom:0px}

#courseInfo {width:525px; ; border:1px solid #CCCCCC; margin-top:1em; margin-left:0.5em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px }
#courseInfo h1 { color:#FFFFFF; font-size:1.2em; font-weight:bold; margin:0em; background-color:#053756; padding:0.3em }
#courseInfo td { width:25%; font-size:0.8em;  padding:0.5em;}
#courseInfo .grey {background-color:#E5E5E5 }
#courseInfo .info {width:100% }
/*********************************************************************************************************
 Lists
/*******************************************************************************************************/
.listtype1 { margin:1em 0em 0em 0em; width:72% }
.listtype1 h1 {color:#FFFFFF; font-size:1.2em; font-weight:bold; margin:0em 0em 0em 0em; background-color:#CCCCCC; padding:0.3em }
.listtype1 p {font-size:0.9em; margin:0em 0em 0em 0em; border:0.1em solid #CCCCCC; padding:0.3em }
.listtype1 img {margin:0em 0.5em 0em 0em; border:0em solid #CCCCCC; padding:0em; border:0.1em solid #000000; float:left }
.listtype1 br {line-height:0.5em}

.listtype2 { margin:1em 0em 0em 0em; width:72% }
.listtype2 h1 {color:#FFFFFF; font-size:1.2em; font-weight:bold; margin:0em; background-color:#99CC66; padding:0.3em }
.listtype2 p {font-size:0.9em; margin:0em 0em 0.8em 0em; border:0.1em solid #99CC66; padding:0.3em }

.onecollist { font-size:1em; width:72%}
.onecollist h1 { font-size:1.2em; margin:0em; padding:0.3em; padding-bottom:0.3em;  }
.onecollist h1.title	{ font-size:1.2em; margin:0em; padding:0.3em; padding-bottom:0.3em; border-bottom:1px solid #CCC }
.onecollist p  { margin:0em; font-size:12px; padding-left:0.5em; padding-bottom:0.5em; margin-bottom:1em }
.onecollist a  { color:#053756; text-decoration:none}
.onecollist a:hover  { color:#053756; text-decoration:underline}

.twocollistleft { font-size:1em; width:49%;  }
.twocollistleft h1 { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; font-size:1.4em; margin:0em; padding:0.3em; padding-bottom:0.3em }
.twocollistleft p  { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin:0em; padding-left:0.5em; padding-bottom:0.5em; margin-bottom:1em }
.twocollistleft a  { color:#053756; text-decoration:none}
.twocollistleft a:hover  { color:#053756; text-decoration:underline}

.twocollistright { font-size:1em; width:49%; position:absolute; left: 51%; top: 0em;}
.twocollistright h1 { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; font-size:1.4em; margin:0em; padding:0.3em; padding-bottom:0.3em }
.twocollistright p  { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin:0em; padding-left:0.5em; padding-bottom:0.5em; margin-bottom:1em }
.twocollistright a  { color:#053756; text-decoration:none}
.twocollistright a:hover  { color:#053756; text-decoration:underline}

/*********************************************************************************************************
 Internal Images (e.g featured courses/destination guides etc)
/*******************************************************************************************************/

#listImages { position:relative; left:8px; width:95%; height:100%; border:1px solid #999; padding:5px;}
#newsImages { position:relative; border:1px solid #ccc; width:255px; padding:5px; margin:10px; margin-left:0px; padding-bottom:0px; margin-bottom:0px; float:left;}
#newsImages p	{ position:relative; font-size:10px;; font-weight:bold; margin:0; left:0px }


/*********************************************************************************************************
 Payment/Checkout Related
/*******************************************************************************************************/
#checkout {position:relative; width:500px; margin-left:8px; background-color:#e5e5e5; padding:8px; border:1px solid #CCCCCC}
.updateButton  { FONT-SIZE: 1em; width:150px; height: 25px; margin-left:0px }
#checkout.inputBox { BORDER:1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 16px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left}
#checkout.bold { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold;}
#checkout #price { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#AA0404 }

#bookingDetails {width:73%; ; border:1px solid #CCCCCC; margin-top:0em; margin-bottom:10px}
#bookingDetails h1 {color:#FFFFFF; font-size:1.3em; font-weight:bold; margin:0em; background-color:#053756; padding:0.3em }
#bookingDetails h2 {font-size:1.1em; margin:0em 0.5em 0em 0.5em; padding:0.5em; border-bottom:1px solid #CCCCCC; padding-left:0.2em }
#bookingDetails p {font-size:0.9em; margin:0em 0.5em 0em 0.5em; padding:0.5em }

#title {width:73%; ; border:1px solid #CCCCCC; margin-top:0em; margin-bottom:10px}
#title h1 {color:#FFFFFF; font-size:1.3em; font-weight:bold; margin:0em; background-color:#053756; padding:0.3em }
#title h2 {font-size:1.1em; margin:0em; padding:0em; border-bottom:1px solid #CCCCCC; padding-left:0em }
#title p {font-size:0.9em; margin:0em 0.5em 0em 0.5em; padding:0.5em }

#loadPageBox	{ position:relative; width:554px; height:180px; background-color:#FFFFFF; margin-top:100px; border:1px solid #CCCCCC }



/* NEWS PAGES */
#newsArchive		{ position:relative; border:1px solid #ccc; width:166px;  margin:0; padding:10px; margin-bottom:5px; }
#newsArchive h1		{ position:relative;font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#AA0404; margin:0;  padding-bottom:2px; border-bottom:1px solid #CCC; margin-bottom:5px;}
#newsArchive h2		{ position:relative;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; margin:0;  padding-bottom:3px;}
#newsArchive h2 a	{ color:#000000; }
.artDate			{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666; margin:0; padding-bottom:3px; }
.artInfo			{ position:relative; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-bottom:5px; }
#newsArchive p			{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; color:#3F3F3F; clear:both }
#newsArchive p	a		{ position:relative; color:#AA0404; font-weight:bold; margin:0; text-decoration:none; background-image:url(../images/homepage/news-bullet.gif); background-repeat:no-repeat; background-position:left; padding-left:15px; margin-bottom:10px;}
#newsArchive p	a:hover	{ position:relative; text-decoration:underline}

.artInfo h4			{ position:relative; color:#000000; margin:0 }

.searchButton       { height:30px; border:none; background:  url('/images/buttons/button_grey_search.gif') no-repeat;   /* sliding doors padding */ text-decoration: none; cursor:pointer; margin-left:20px; width:80px}
.submitButton       { height:30px; border:none; background:  url('/images/buttons/button_grey_submit.gif') no-repeat;   /* sliding doors padding */ text-decoration: none; cursor:pointer; width:80px}