/******************************************
 * TITLE       : Geogad Screen Stylesheet *
 * URI         : Geogad/geogad-screen.css *
 * Created     : 2005-Sept-21 19:31 +0800 *
 * Last Edited : March 2, 2008            *
 * BROWSER     : Internet Explorer  (OLD) *
 ******************************************/


/* ##### Common Styles ##### */

html {
  overflow-y: scroll;
}


body {
  color: black;
  background-color: rgb(255,255,255);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 75%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

div.centerDiv {
  margin-left: auto; 
  margin-right: auto; 
/* Workaround for IE 5.5 */
  text-align:center;
}

.setWidth {
	width: 875px;
} 

.setCenter {
	text-align: center;
}

 a.plain:link {color: #0000FF}     /* unvisited link */
 a.plain:visited {color: #0000FF}  /* visited link */
 a.plain:hover {color: #0000FF; text-decoration: none;}   /* mouse over link */
 a.plain:active {color: #0000FF}   /* selected link */

.floatL {
   float: left;
}

.floatR {
   float: right;
}

.setWidth900 {
  min-width: 900px;
  /*width: expression(document.body.clientWidth < 902? "900px" : "auto"); */
}  

acronym, .titleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.required {
    background: #FDE351;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}

.titleFont {
  font-size: 110%;
  font-variant: small-caps;
  text-decoration: underline;
}

.prTitleFont {
  font-size: 120%;
  font-weight: bold;
}

.smallprint {
  font-size: 80%;
}

.smallprintold {
  font-size: 80%;
  color: rgb(0,51,153);
}

.redfont {
  color: rgb(255,0,0);
 }

 
.loudred {
  color: rgb(210, 0, 0);
   font-variant: small-caps;
 }


.errorMsg {
  color: rgb(210, 0, 0);
   font-variant: small-caps;
 }
 
 .statusMessage {
 font-size:90%; 
 color: rgb(210, 0, 0); 
 font-weight: bold;
 }


/* ##### Header ##### */

.midHeader {
  color: rgb(0,51,153);
  text-align: left;
}

.headerSlogan {
  font-size: 200%;
  font-weight: normal;
  color: rgb(8,2,112);
}

.logo {
   border: none;
   width: 145px; 
   height: 70px;
   vertical-align: 100%; 
  /* margin-bottom: 0.5em; */
}

.subHeader {
  font-size: 110%;
  color: white;
/*  background-color: rgb(0,51,153); */
  background-color: rgb(230,0,0);
  margin: 0;
/*  padding: 10px 20px 10px 20px;  */
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex; 
}  

.subHeader a:hover {
  text-decoration: underline;
}

.subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}

.clickMenu {
  float: left;
  padding: 15px 10px;
 /* margin-top: 10px;
  margin: 2em 1em 1em 2em; */
}

.searchbox {
  float: right;
}

/* ##### Left Side Bar ##### */

#side-bar {
  background-color: rgb(240,240,240);
  width: 200px;
  float: left;
  clear: left;
  border-left: 1px solid rgb(153,153,153);
  border-right: 1px solid rgb(153,153,153);
}

#side-bar div {
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar div.sideBarTitle {
  font-size: 120%;
  font-weight: bold;
  padding: 0.5em;
  margin: 0;
  border: none;
}

#side-bar .sideBarText {
  padding: 1em;
  margin: 0;
  line-height: 1.5em;
  border: none;
}

#side-bar div.menuItem {
  width: 200px;
  cursor: pointer;
  text-align: left;
  padding: 1em 0.5em 1em 1em; 
  border: none;
  font-size: 110%;
}


#side-bar a.menu {
  color: rgb(0,51,153);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
/*  padding: 0.75em 1ex 0.75em 5mm;*/
  display: block;
}

#side-bar a.menu:hover {
  color: white;
  background-color: rgb(100,135,220);
  text-decoration: none;
}




/* ##### Right Sidebar ### */


#rightbar {
  background-color: rgb(240,240,240);
  width: 15em;
  float: right;
  border-right: 1px solid rgb(153,153,153);
  border-left: 1px solid rgb(153,153,153);
}

#rightbar div {
  border-bottom: 1px solid rgb(153,153,153);
  padding: 1em;
}

#rightbar div.rightbarTitle {
  font-size: 120%;
  font-weight: bold;
  padding: 0 0 0.5em 0;
  margin: 0;
  border: none;
}

#rightbar .rightbarText {
  line-height: 1.5em;
  text-align: left;
  border: none;
}


/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  font-size: 100%;
  text-align: justify;
  line-height: 1.5em;
 /* margin: 1em 1ex 2em 1ex; */
}

#main-copy div.mainblock {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#main-copy p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#main-copy p.indent {
  margin: 5em 5ex 5em 5ex;
  padding: 0;
  font-size: 110%;
  font-variant: small-caps;
}

#main-copy p.amazblock {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
  clear: right;
}

#main-copy .amazpic {
float: right;
}



.regLink a {  
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a.specialred {
  color: rgb(255,0,0);
  background-color: transparent;
  text-decoration: underline;
}


.regLink a:hover {
  text-decoration: none;
 /* margin: 1em 0 0 0; */

}

#main-copy a.icon{
  background-color: rgb(255, 255, 255);
  text-decoration: none;
}

#main-copy .dynTitle {
  display: block;
  color: red;
  background-color: rgb(100,135,220);
  margin: auto;
  padding: 0.5em 0.5em 2.0em 0.5em;
}

#main-copy .dynLeft {
  display: inline;
  color: white;
  font-size: 110%;
  font-weight: bold;
  float: left;
}

#main-copy .dynRight {
  color: white;
  font-weight: lighter;
  font-size: 80%;
  text-decoration: underline; 
  padding-right: 05%;
  display: inline;
  float: right;
}

#main-copy .tourinfo {
  visibility: hidden; 
  display: none;
}  

h1 {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 110%;
  font-weight: bold;
  margin: auto;
  padding: 0.5ex 0 0.5ex 1ex;
}


h2 {
 color: rgb(0,51,153);
 font-size: 200%;
}

h3 {
 color: rgb(0,51,153);
 font-size: 150%;
}

#main-copy .MP3image {
   width: 230px; 
   height: 150px;
   float: right;
}

#main-copy .phoneimage {
   width: 230px; 
   height: 150px;
   float: left;
}

#main-copy .logodefimage {
   width: 177px; 
   height: 146px;
   float: left;
}


#main-copy .thumbnail {
   width: 100px; 
   height: 100px;
   float: left;
   border: none;
  margin: 1em 1ex 2em 1ex;
}

#main-copy .tourimage {
   width: 100px; 
   height: 100px;
   float: left;
   border: none;
}

#main-copy .tourmap {
   width: 400px; 
   height: 400px;
float: left;
}

#main-copy img.icon {
   width: 50px; 
   height: 50px;
   border: none;
}



#main-copy .right {
    text-align: right
}

#main-copy table {
    display: table;
    width: 95%;
    text-align: left;
    vertical-align: middle;
}

#main-copy table.mainpage {
    display: table;
    width: 95%;
    text-align: left;
    vertical-align: middle;
}

#main-copy table.leftpadding {
    display: table;
    width: 50%;
    text-align: left;
    vertical-align: middle;
    padding: 0 0 0 2em;
    margin: 0;
}

#main-copy table.detailTable {
    border-style: solid ;
    border-width: 3px;   
    border-color: black;
    padding: 2em;
    margin: 1em;
    padding: 2em;
    margin: 1em;
}

#main-copy table.buyTable {
    width: 30%;
    border-style: solid ;
    border-width: 1px;   
    border-color: black;
    padding: 1em;
    margin: 2em;
 /*  align: top; */
   float: left;
}

#main-copy table.previewTableLeft {
    width: 140px;
    border-style: solid ;
    border-width: 1px;   
    border-color: black;
    padding: 1em;
    margin: 2em;
/*   align: top; */
   float: left;
}

#main-copy table.previewTableRight {
    width: 140px;
    border-style: solid ;
    border-width: 1px;   
    border-color: black;
    padding: 1em;
    margin: 2em;
/*   align: top; */
}


#main-copy table.basket {
    border-style: solid ;
    border-width: 3px;   
    border-color: black;
    padding: 2em;
    margin: 1em;
    text-align: center;
/*   align: top; */
/*   align: center;  */
}

#main-copy .header {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 110%;
  font-weight: bold;
  margin: auto; 
}

#main-copy .subtotal {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 110%;
  font-weight: bold;
  border: 1px solid black;
  vertical-align: middle;
}

#main-copy td.desc {
    border-style: none ;
    padding-right: 1em;
    margin: 0em;
}
#main-copy   .account {
    width: 90%;
    border-style: none ;
    text-align: left;
    vertical-align: top;
}

#main-copy .costsRight {
  margin-right: 1em;
  text-align: right;
}

#main-copy .costsLeft {
  margin-left: 1em;
  text-align: left;
}

#main-copy .headerdetails {
  background-color: rgb(240,240,240);
}

#main-copy .details {
    border-style: solid ;
    border-width: 1px;   
    border-color: black;
    vertical-align: middle;
}

#main-copy .center {
    text-align: center;

}

#main-copy .boldcenter {
    text-align: center;
   font-weight: bold;
}

#main-copy .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main-copy ul .tourlist {
/*   align: center; */
    text-align: center;
}

ol     { 
list-style-type: decimal 
}      /* 1 2 3 4 5 etc. */

#main-copy ol     { 
list-style-type: decimal 
}      /* 1 2 3 4 5 etc. */


#main-copy ol ol        { 
list-style-type: upper-alpha 
}  /* A B C D E etc. */

#main-copy ol ol ol     { 
list-style-type: lower-alpha 
}  /* A B C D E etc. */

#main-copy > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}


/* ##### Footer ##### */


#footer {
  color: white;
  background-color: rgb(230,0,0); 
/*  background-color: rgb(0,51,153);  */
}


#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
  padding: 1em;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
  padding: 1em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer a.linkleft {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a.linkleft:hover {
  text-decoration: none;
}

#footer .center {
   margin-left: auto;
   margin-right:auto;
   text-align: center;
   font-size: 115%;
   padding: 1em;
}