/*
 * FOR DETAILED TOUR PAGES
 */

div.papersheet {
    width: 938px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background: white;
    overflow:auto;
    border-width: 1px; 
    border-color: #bbb;
    border-style: solid; 
    border-top-style: none; 
    font-size: 14px;
}

#bigimgcontainer {
    position: relative;
    width: 940px;
    height: 314px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: center;
}

div.bookbuttons {
    position: absolute;
    background: none;
    padding: 0px 0px; 
    text-align: right;    
}
    
#booktitle { top: 50px; right: 0px; }
#bookbutton { top: 95px; right: 0px; }


#bookbutton { margin-top: 10px; }

#bookbutton p {
    position: absolute; 
    left: 80px; 
    bottom: 0px; 
    margin: 6px 0;
    font-weight: bold; 
    text-shadow: none; 
    /* 1px 1px 1px #333; */
    font-size: 15px;
    color: #a00;
}

#booknow {
    width:100px;
    height:30px;
    background:green;
    text-color:white;
    font-weight:bold;
}

#tabmenu {
    position: absolute;
    background: none;
    width: 940px;
    padding: 0px 0px; 
    bottom: 0px;
    left:0px;
}

#tabmenu div { 
    float:left;
    padding: 4px 10px;
    margin-left: 10px;
}

div.tab {
    background: #ddd;
    border-color: gray;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: none 1px #bbb;
    border-bottom-style: solid;
}

div.tabsel {
    background: white;
    border-color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: solid 1px #bbb;
    border-bottom-style: none;
}

div.tab a { margin: 0px; padding: 4px; color:#444;  }
div.tabsel a { margin: 0px; padding: 4px; color:black;}
div.tab:hover  { background:white;}

div.tourdescription {
    overflow: auto;
    clear: left;
    color: black;
    text-align: left;
    margin:10px 20px;
    display:block;
}

div.tourdescription img { display:block; margin:4px auto; }

#tourboxcontainer {
    overflow:hidden;
    margin:0 auto;
}
div.tourdescriptionbox {
    position:relative;
    float:left;
    width:137px;
    height:128px;
    border: solid 1px #969696;
    margin: 0px 0px;
    margin-left:15px;
}

div.tourdescriptionbox img { display:block; padding-top:3px; margin:0 auto; }
div.tourdescriptionbox p { margin:8px 7px; }

div.tourboxicon {
    width:137px;
    height:37px;
    background: #a6a6a6;
}

div.tourboxfoot {
    position:absolute;
    top:121px;
    width:137px;
    height:7px;
    background: #cfcfcf;
}

p.tourtext {
    float:left;
    color: black;
    margin: 0px;
    margin-left: 5px;
    height:80px;
}

div.tourdetail {
    float: left;
    width: 290px;
    height: 280px;
    overflow: hidden;
    margin: 0 5px 20px 15px;
    border-radius: 0px;
}

div.tourphoto {
    float: left;
    width: 290px;
    overflow: hidden;
    margin: 0 5px 20px 15px;
    border-radius: 0px;
}

img.tourimg {
    padding: 4px;
    border: solid 1px #ddd;
}

div.tourdaynumber {
    clear: left;
    margin: 20px 0px;
    margin-bottom: 10px;
    padding: 3px 15px;
    float: left;
    background: #a00;
    color: white;
}

div.tourdaytitle {
    margin-top: 20px;
    padding: 3px 15px;
    float: left;
    background: #e2dbc8;
    min-width: 500px;
    color: black;
}

div.tourdaydescription {
    overflow: auto;
    clear: left;
    color: black;
    text-align: left;
    margin:20px;
    margin-bottom:10px;
    display:block;
}

div.graybackground {
    background: #cfcfcf;
    overflow:auto;
    padding-left: 4px;
    padding-top: 7px;
    padding-bottom: 20px;
}

div.thumbcontainer {
    float: left;
    width: 176px;
    height: 176px;
    margin: 4px;
}

div.thumbcontainer a {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    width: 176px;
    height: 176px;
}

div.thumbcontainer img {
    border: solid 1px #555;
    background-color: white;
    padding: 1px;
}

div.thumbcontainer img {
    -webkit-transition: all 0.35s ease-out;
     -khtml-transition: all 0.35s ease-out;
       -moz-transition: all 0.35s ease-out;
         -o-transition: all 0.35s ease-out;
}
div.thumbcontainer img:hover {
    border: solid 1px black;
    -webkit-box-shadow: 0px 0px 4px #222;
     -khtml-box-shadow: 0px 0px 4px #222;
       -moz-box-shadow: 0px 0px 4px #222;
         -o-box-shadow: 0px 0px 4px #222;
            box-shadow: 0px 0px 4px #222;
}

div.tableholder {
    overflow: auto;
    clear: left;
    color: black;
    text-align: left;
    margin:10px 20px;
    display:block;
}
td { border-bottom: solid 1px #bbb; padding:10px; margin:20px; width:450px;}
td p { margin:5px; }
td img { display:inline; margin:0;}
th { text-align: center; height:35px; padding:10px; }
table { margin:20px auto;  border-spacing:10px; }
#smallgroup { background:#e1dcc7;  }
#customgroup { background:#e1dcc7;  }
#choosegroup { background:#e1dcc7;  }
td.heading { background:#cfcfcf; width: 90px; text-align:center;}

