pre code, pre, code
{
 display: none;
}
body
{
 margin-left: auto;
 margin-right: auto;
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 width: 1000px;
 background-image: url(images/background.png);
 background-repeat: repeat-x;
 background-position: top left;
}
.container
{
 text-align: left;
 width: 1000px;
 background-color: #ffffff;
}
h1
{
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 18px;
 text-align: left;
 font-weight: bold;
}
h2
{
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 16px;
 text-align: left;
 font-weight: bold;
 line-height: 15px;
}
h3
{
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 15px;
 text-align: left;
 font-weight: bold;
 line-height: 10px;
 margin-bottom: 0px;
}
h4
{
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 14px;
 text-align: left;
 font-weight: bold;
 line-height: 15px;
}
h5
{
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 13px;
 text-align: left;
 font-weight: bold;
}
h6
{
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 13px;
 text-align: left;
 font-weight: bold;
}
p
{
 margin: 5px 5px 5px 5px;
}
ul
{
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: -15px;
}
li
{
 margin-top: 2px;
 margin-right: 0px;
 margin-bottom: 2px;
 margin-left: -5px;
}
img a
{
 border: 0px;
 color: transparent;
 text-decoration: none;
 padding: 0px;
 margin: 0px;
}
.link1
{
 text-decoration: none;
 color: #4e4e4e;
 font-size: 18px;
 font-weight: bold;
}
.link1 a:hover
{
 text-decoration: underline;
 color: #14355c;
}
.logo
{
 background-image: url('images/logo.jpg');
 background-repeat:no-repeat;
 width: 205px;
 height: 188px;
}
.header-text-left
{
 font-family: Times New Roman, Times, serif;
 font-size: 65px;
 text-align: right;
 padding-right: 10px;
}
.header-text-right
{
 font-family: Times New Roman, Times, serif;
 font-size: 65px;
 text-align:left;
 padding-left: 10px;
}
.header-text-grey
{
 font-family: Times New Roman, Times, serif;
 font-size: 20px;
 text-align:right;
 color: #7d7d7d;
}
.area-grey
{
 font-family: Times New Roman, Times, serif;
 font-size: 20px;
 text-align:center;
 color: #7d7d7d;
}
.line-left-left
{
 background-image: url('images/line-left.png');
 background-repeat:no-repeat;
 height: 10px;
 width: 88px;
 text-align: left;
}
.line-left-tile
{
 background-image: url('images/tile.png');
 background-repeat: repeat-x;
 background-position:top left;
 height: 10px;
 text-align: left;
}
.line-left-right
{
 background-image: url('images/line-right.png');
 background-repeat: no-repeat;
 height: 10px;
 width: 17px;
 text-align: left;
}
.right-line-right
{
 background-image: url('images/tile.png');
 background-repeat:no-repeat;
 height: 10px;
 width: 8px;
 text-align: left;
}
.right-line-tile
{
 background-image: url('images/tile.png');
 background-repeat:repeat-x;
 background-position: top left;
 height: 10px;
 text-align: left;
}
.right-line-left
{
 background-image: url('images/right-line.png');
 background-repeat:no-repeat;
 height: 10px;
 width: 12px;
 text-align: left;
}
.slideshow
{
 border: 1px solid #000000;
}
.banner
{
 border-right: 1px solid #000000;
 border-left: 1px solid #fff;
 text-align: left;
 float: left;
}
.menu-top
{
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 height: 25px;
 width: 14%;
 text-align: center;
}
.menu-top a
{
 color: #000;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
}
.menu-top a:hover
{
 color: #999;
 font-weight: bold;
 text-decoration: none;
}
.menu-top a:visited
{
 color: #000;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
}
.menu-bottom
{
 border: 1px solid #000000;
 height: 25px;
 width: 20%;
 text-align: center;
}
.menu-bottom a
{
 color: #000;
 text-align: center;
 font-weight: bold;
 font-size: 14px;
 text-decoration: none;
}
.menu-bottom a:hover
{
 color: #999;
 font-weight: bold;
 font-size: 14px;
 text-decoration:none;
}
.menu-bottom a:visited
{
 color: #000;
 text-align: center;
 font-weight: bold;
 font-size: 14px;
 text-decoration: none;
}
.breadcrumbs
{
 color: #000;
 font-size: 12px;
}
.breadcrumbs a
{
 color: #333;
 font-size: 12px;
 text-decoration: none;
}
.breadcrumbs a:hover
{
 color: #900;
 font-size: 12px;
 text-decoration: none;
}
.content-boxes
{
 border: 1px solid #A9A9A9;
}
.content-boxes a
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000;
 text-decoration:none;
}
.content-boxes a:visited
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000;
 text-decoration:none;
}
.content-boxes a:hover
{
 text-decoration: underline;
}
.content-boxe-header
{
 font-size: 15px;
 color: #FFF;
 font-weight: bold;
 height: 22px;
 background-color: #676767;
 padding:5px;
}
.content-header
{
 font-family: Verdana, Geneva, sans-serif;
 font-size: 13px;
 color: #333;
 background-image: url(images/header-box.jpg);
 background-color:#FFF;
 background-repeat: repeat-x;
 padding:5px;
 font-weight:400;
 border-width:1px;
 border-style:solid;
 border-color:#999;
}
.content-header a
{
 font-family: Verdana, Geneva, sans-serif;
 font-size: 13px;
 color: #333;
 text-decoration:none;
 font-weight:100;
}
.content-header a:hover
{
 font-family: Verdana, Geneva, sans-serif;
 font-size: 13px;
 color: #333;
 text-decoration:none;
 font-weight:100;
}
.content-header-black
{
 font-family:Verdana, Geneva, sans-serif;
 font-size: 14px;
 color: #000;
 font-weight: bold;
 background-image: url(images/header-box.jpg);
 background-repeat: repeat-x;
 padding:5px;
 border-style:solid;
 border-width:1px;
 border-color:#999;
}
.content-header-brown
{
 font-family:Verdana, Geneva, sans-serif;
 font-size: 13px;
 color: #960;
 font-weight: bold;
 background-image: url(images/header-box.jpg);
 background-color: #FFF;
 background-repeat: repeat-x;
 padding:5px;
}
.product-top-text
{
 font-family: Arial;
 font-size: 15px;
 color: #5e5e5e;
}
.product-box
{
 border: 1px solid #000000;
}
.product-box a
{
 color: #000;
 text-decoration:none;
 font-weight: bold;
}
.product-box a:hover
{
 color: #000;
 text-decoration:none;
 font-weight: bold;
 font-size: 14px;
}
.product-box-header
{
 font-size: 17px;
 color: #FFF;
 background-color: #000;
 font-weight: bold;
 height: 25px;
}
.product-box-text
{
 border: 1px solid #000000;
 ;
}
.product-box-text a
{
 color: #000;
 text-decoration:none;
 font-weight: bold;
}
.product-box-text a:hover
{
 color: #000;
 text-decoration:none;
 font-weight: bold;
 font-size: 14px;
}
.listing-box-text
{
 padding: 3px;
}
.toplink
{
 display:block;
 line-height:30px;
 text-align:center;
 font-weight: bold;
 font-size: 13px;
 text-decoration:none;
 background-color: #161211;
 color: #fff;
}
a.toplink:link, a.toplink:visited, a.toplink:active
{
 display:block;
 line-height:30px;
 text-align:center;
 font-weight: bold;
 font-size: 13px;
 text-decoration:none;
 background-color: #161211;
 color: #fff;
}
a.toplink:hover
{
 background-color: #706f6f;
 color: #000;
}
.image-box
{
 border: 1px solid #000000;
}
#lightbox
{
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
}
#lightbox img
{
 width: auto;
 height: auto;
}
#lightbox a img
{
 border: none;
}
#outerImageContainer
{
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
}
#imageContainer
{
 padding: 10px;
}
#loading
{
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}
#hoverNav
{
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}
#imageContainer>#hoverNav
{
 left: 0;
}
#hoverNav a
{
 outline: none;
}
#prevLink, #nextLink
{
 width: 49%;
 height: 100%;
 background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
 display: block;
}
#prevLink
{
 left: 0;
 float: left;
}
#nextLink
{
 right: 0;
 float: right;
}
#prevLink:hover, #prevLink:visited:hover
{
 background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover
{
 background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer
{
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #666;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%;
}
#imageData
{
 padding:0 10px;
 color: #666;
}
#imageData #imageDetails
{
 width: 70%;
 float: left;
 text-align: left;
}
#imageData #caption
{
 font-weight: bold;
}
#imageData #numberDisplay
{
 display: block;
 clear: left;
 padding-bottom: 1.0em;
}
#imageData #bottomNavClose
{
 width: 66px;
 float: right;
 padding-bottom: 0.7em;
 outline: none;
}
#overlay
{
 position: absolute;
 top: 0;
 left: -1000;
 z-index: 90;
 width: 100%;
 height: 500px;
}
.tour-tab-box
{
 border: 1px solid #676767;
 padding: 5px;
}
.tabs
{
 float: left;
 width: 100%;
 list-style:none;
 list-style-type:none;
 list-style-image:none;
 text-align:left;
 width: 100px;
 margin: 0px;
 padding: 0px;
 border: 0px;
}
.tabs a
{
 text-align: center;
 color: #FFFFFF;
 font-weight: bold;
 float: left;
 text-decoration:none;
 list-style:none;
 list-style-type:none;
 ist-style-image:none;
 padding: 5px 8px 5px 8px;
 background-color: #676767;
 font-size: 16px;
 margin-right: 2px;
 margin-left: 0px;
 margin-bottom: 0px;
 width: 200px;
}
.tabs a:active
{
 color: #FFFFFF;
 background-color: #333;
 font-weight: bold;
 text-decoration: none;
}
.tabs a:hover
{
 color: #FFFFFF;
 background-color: #333;
 font-weight: bold;
 text-decoration: none;
}
.tabs .selected
{
 color: #000000;
 text-decoration:none;
 list-style:none;
 list-style-type:none;
 ist-style-image:none;
 padding: 5px 20px 5px 20px;
 background: #a5a5a5;
 font-size: 16px;
 margin: 10px 10px 0px 0px;
}
.tab-container
{
 float: left;
 width:100%;
}
.tour-listing-headings
{
 font-size: 18px;
 font-weight:bold;
 color:#333;
 text-decoration: none;
}
.day-headings
{
 font-size:13px;
 text-align:center;
 text-decoration:underline;
 font-weight:bold;
 color:#960;
}
.garden-route-intro
{
 color:#000;
 font-style:italic;
}
.long-route-heading
{
 font-family:Verdana, Geneva, sans-serif;
 font-size:18px;
 color:#000;
}
.long-route-heading-brown
{
 font-family:Verdana, Geneva, sans-serif;
 font-size:18px;
 color: #960;
}
.page-header
{
 font-family:Verdana, Geneva, sans-serif;
 font-size:18px;
 color:#000;
 background-image: url(images/header-box.jpg);
 background-color:#FFF;
 background-repeat: repeat-x;
 padding:5px;
 font-weight:400;
 border-width:1px;
 border-style:solid;
 border-color:#999;
}
.this-tour-at-a-glance
{
 font-family: Verdana, Geneva, sans-serif;
 font-size: 16px;
 color: #333;
 background-image: url(images/header-box.jpg);
 background-color:#FFF;
 background-repeat: repeat-x;
 padding:5px;
 font-weight:400;
 border-width:1px;
 border-style:solid;
 border-color:#999;
}
.footer a
{
 color: #333333;
 text-decoration: none;
}
.footer a:hover
{
 color: #de802a;
 text-decoration: underline;
}
.footer a:visited
{
 color: #333333;
 text-decoration: none;
}
.linksmark
{
 color: #333333;
 text-decoration: none; 
}
.linksmark a
{
 color: #333333;
 text-decoration: none; 
}
.linksmark a:visited
{
 color: #333333;
 text-decoration: none; 
}
.linksmark a:hover
{
 color: #de802a;
 text-decoration: underline;
}