/* BASIC ELEMENTS */

html {
	height:100%;
}

#home .home, #about .about, #contact .contact, #tours .tours, #garden .garden, #route62 .route62, #wine .wine, #west .west, #overberg .overberg, #cape_town .cape_town, #bookings .bookings 
{
color: #ff9933;
font-weight: bold;
}

body {
margin: 0 0 0 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #03174c;
background-color: #3765ba;
height:100%;
background-image: url(graphics/bround333.gif);
text-align: justify;
line-height: 16px;
}

td {
margin-left: 0;
color: #03174c;
vertical-align: top;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

img, img a:link, img a:visited {
border: 0;
background-color: #fff;
}

form {
	font-size: 10px;
	line-height: 20px;
	background: #e3e3e8;
	border: double;
border-color: #6a6d80;
border-width: 3px;
}

.input {
	background-color: #f0f0f3;
	border: 1px solid #6a6d80;
	font-family: Verdana, Helvetica, sans-serif;
}

.button {
	background: #e3e3e8;
	color: #121727;
	border: 1px solid #6a6d80;
	font-weight: normal;
	font-size: 11px;
}

#wrapper {
min-height: 100%; /* For Modern Browsers & FooterStick */ 
height: auto !important; /* For Modern & FooterStick */ 
height: 100%; /* For IE & FooterStick */ 
position: relative; /* for FooterStick & center position INSIDE body & DOC TYPE to XHTML */
 /* padding-bottom: 60px; for footer stick */
margin: 0;
}

/* top section for name and logo with background image main title */

#navcontent {
height:14px;
font-size: 9px;
letter-spacing: 3px;
color: #03174c;
background-color:#3765ba;
padding: 2px 0 0 5px;
}

#header {
height:198px;
padding-bottom: 7px;
background-color: #2f579d;
color: #03174c;
}

#header img{
	border: 1px solid #0f1422;
}


/* main navigation */

#navmain {
position:relative;
margin: 0;
padding: 12px 0 0 2px;
height: 25px;
background-image: url(graphics/bgmainnav.jpg);
background-repeat: repeat-x;
background-position: bottom left;
background-color: #3765ba;
color: #000;
border-left: 0;
/*	width:790px do not specify */
}


#navmain ul, #navmain li {
	list-style: none;
	display: inline;
	margin: 0  -4px;
	/*	-2px to minimise space between buttons */
	padding:0;
}

#navmain a:link, #navmain a:visited { 
color: #FFF;
background: transparent; 
font-weight: normal;
font-size: 11px;
/* to set hover color for the hyperlinks */
text-decoration:none; 
/* to remove underline of the hyperlinks */
margin: 0; 
/* for the items */
padding:10px 0 10px 0;
/* for the items, px top and bottom for height*/
}

#navmain a:hover, #navmain a:active {
color: #121727; 
background: transparent; 
/* to set hover color for the hyperlinks */
}

/* top navigation */

#navtop {
	position: absolute;
	right: 25px;
	text-decoration: none;
	top: 12px !important;
	font-size: 11px;
}

#navtop ul, #navtop li {
	list-style: none;
	display: inline;
}

#navtop a:link, #navtop a:visited {
color: #121727;
}

#navtop a:hover, #navtop a:active {
color: #121727;
background: #9ACD66;
}

/* otehr sections */
#logo {
position: relative;
left:3px;
top:5px;
width: 216px;
height: 38px;
border: 1px solid yellow;
}

#site {
position:absolute;
top: 70px;
left: 340px;
font-weight: bold;
}

.left {
margin: 300px 0 0 0;
padding: 0;
}

/* for borders in navlink sections */
/* navlinx main */
.textbox {
	border: 1px solid #bfc1ca;
	width: 179px;
	padding:4px;
	margin-top: 1px;
	line-height: 16px;
}

.textboxmain {
	border: 1px solid #7a9ed8;
	text-align: justify;
	padding:4px;
	margin-top: 1px;
}

.textboxmain2 {
	border: 1px solid #e2c51f;
	text-align: justify;
	padding:4px;
	margin-top: 1px;
}

.texthead {
	border: 1px solid #bfc1ca;
	width: 180px;
	padding:4px;
	margin-top: 1px;
	background-color: #dedfe4;
	font-weight:normal;
}

/* navlinx sub pages */
.navtextbox {
width: 170px;
border: 1px solid #bfc1ca;
padding:4px;
margin-top: 1px;
}

.navtexthead {
width: 170px;
border: 1px solid #bfc1ca;
padding:4px;
margin-top: 1px;
background-color: #dedfe4;
font-weight:normal;
}

/* navlinx sub pages color coded 1 for accommo 2 for trails 3 for camps 4 for agents*/
.navtextbox1 {
width: 170px;
	border: 1px solid #ad7866;
	padding:4px;
	margin-top: 1px;
}

.navtexthead1 {
width: 170px;
	border: 1px solid #ad7866;
	padding:4px;
	margin-top: 1px;
	background-color: #f0e9cd;
	font-weight:normal;
}

.navtexthead1 h2 {
font-size:11px;
border-bottom: 3px dotted #ad7866;
}

/* border colors differ */

.navtextbox2 {
	width: 168px;
	border: 1px solid #e2c51f;
	padding:3px;
	margin-top: 1px;
}

.navtextbox3 {
	width: 168px;
	border: 1px solid #df8a15;
	padding:3px;
	margin-top: 1px;
}

.navtextbox4 {
	width: 168px;
	border: 1px solid #6a6d80;
	padding:3px;
	margin-top: 1px;
}

.navtextbox5 {
	width: 168px;
	border: 1px solid #65ad9c;
	padding:3px;
	margin-top: 1px;
}

/* for sub-section navigation */

#navsub {
	font-size: 11px;
	font-weight: normal;
	width: 127px;
	/* border: 2px solid black; */
	padding: 15px 0 0 0;
	margin: 0;
	background: #FFFFFF;
}

#navsub ul, #navsub li {
	list-style: none;
	display: block;
	/* NOT inline */
	margin:0px;
	padding: 2px 0 0 2px;
}

#navsub a:link, #navsub a:visited { 
/* to set hover color for the hyperlinks */
text-decoration:none; 
/* to remove underline of the hyperlinks */
margin: 0; 
/* for the items */
padding:7px 3px;
/* for the items, 7px top and bottom for height*/
width: 127px;
/* nb for setting the width ..*/
font-weight: bold;
font-size: 11px;
color: #006600; 
background: #FFFFFF;
border-top: 1px solid #D1ED5A;
border-right: 1px solid #D1ED5A;
border-bottom: 2px solid #9ACD66;
border-left: 1px solid #9ACD66;
}


#navsub a:hover, #navsub a:active {
color: #3D7E2A; 
background: #9ACD66;
/* to set hover color for the hyperlinks */
border-top: 1px solid #9ACD66;
border-right: 1px solid #9ACD66;
border-bottom: 2px solid #3D7E2A;
border-left: 1px solid #3D7E2AA;
}


#navsubr a:link, #navsubr a:visited {
color: #f3f3f3;
text-align: left;
padding-right: 7px;
padding-top: 8px;
text-decoration: none;
list-style: none;
display: block;
}

#navsubr a:hover, #navsubr a:active {
color: #9ad815;
padding-right: 7px;
padding-top: 8px;
}

p {
margin: 0;
padding: 5px 0 5px 0;
text-align: justify;
font-size:11px;
line-height: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#colcenter p {
margin: 0;
padding: 5px 0 5px 0;
text-align: justify;
line-height: 15px;
color: #03174c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0.9px;
}

p.emphasis {
	font-style: italic;
}


#colnarrow ul, #colnarrow li {
margin: 0 5px 2px 10px;
list-style-type: square;
color: #03174c;
font-size: 11px;
}

ul, li {
	padding:0;
	margin: 0 0 0 7px;
	list-style-type: square;
color: #03174c;
font-size: 11px;
} 


#colcenter h1, #colwide h1 {
font-size: 11px;
font-weight: bold;
letter-spacing: 3px;
margin: 0 0 4px 0;
padding: 5px 0 1px 0;
color: #3361b6;
border-bottom: 3px dotted #121727;
text-align: left;
}

body h1, body h2 {
font-size: 9px;
letter-spacing: normal;
color: #03174c;	
margin:0;
font-weight: normal;
text-align: center;
padding:1px 0;
}

#footer h2 {
font-size: 9px;
color: #03174c;	
margin:0;
font-weight: normal;
text-align: center;
padding:1px 0;
}

#colleft h2, #colcenter h2, #colright h2, #cola h2, #colb h2, #colc h2 {
font-size: 11px;
color: #121727;
font-weight: bold;
padding: 6px 0 1px 2px;
margin: 2px 0 4px 1px;
border-bottom: 0;
background-repeat: no-repeat;
background-position: middle left;
height: 30px;
}

#colcenter h2, #colwide h2 {
background-image: url(graphics/bg_heading4.gif);
font-size: 11px;
height: 25px;
background-repeat: no-repeat;
font-weight: bold;
padding-top: 7px;
border-bottom: 0;
}

#colleft h2{
background-image: url(graphics/bg_heading_left.gif);
background-repeat: no-repeat;
background-position: bottom left;
height: 25px;
}

#colwide h3 {
font-size: 11px;
color: #121727;
font-weight: bold;
padding-top: 8px;
padding-bottom: 1px;
margin: 0 0 5px 0;
border-bottom: 0;
background-repeat: no-repeat;
height: 20px;
}

h2 {
font-size: 11px;
color: #121727;
font-weight: bold;
padding-top: 10px;
padding-bottom: 1px;
margin: 0 0 5px 0;
border-bottom: 3px dotted #3361b6;
letter-spacing: 1.9px;
}

h3 {
font-size: 11px;
letter-spacing: 1.7px;
color: #121727;
font-weight: bold;
margin: 0;
padding-top: 4px;
padding-bottom: 5px;
}

h4 {
font-size: 11px;
letter-spacing: 1.7px;
color: #121727;
font-weight: bold;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
color: #121727;
}

a:hover, a:active {
text-decoration: none;
font-weight: normal;
color: #3765ba;
}

#colcenter a:link, #colcenter a:visited {
text-decoration: none;
font-weight: normal;
border-bottom: 0;
color: #3361b6;
background-color: #e0e8f3;
}

#colcenter a:hover, #colcenter a:active {
text-decoration: none;
font-weight: normal;
border-bottom: 1px dotted #3361b6;
color: #3361b6;
background-color: #e0e8f3;
}

#colwide a:link, #colwide a:visited {
text-decoration: none;
font-weight: normal;
border-bottom: 0;
color: #3361b6;
background: transparent;
}

#colwide a:hover, #colwide a:active {
text-decoration: none;
font-weight: normal;
border-bottom: 1px dotted #121727;
color: #fff;
background-color: #BBCCE1;
}





#colright img, #colleft img{
	border: 1px solid #121727;
}

#colright a:link, #colright a:visited {
text-decoration: none;
font-weight: normal;
background: #e0e8f3;
}

#colright a:hover, #colright a:active {
text-decoration: none;
font-weight: normal;
color: #000;
border-bottom: 1px solid #000;
}

#colnarrrow a:link, #colnarrow a:visited {
text-decoration: none;
font-weight: normal;
background: #e0e8f3;
color: #000;
line-height: 15px;
}

#colnarrow a:hover, #colnarrow a:active {
text-decoration: none;
font-weight: normal;
color: #000;
border-bottom: 1px solid #000;
line-height: 15px;
}

#colleft a:link, #colleft a:visited {
text-decoration: none;
font-weight: normal;
background: #e0e8f3;
color: #000;
line-height: 15px;
}

#colleft a:hover, #colleft a:active {
text-decoration: none;
font-weight: normal;
color: #000;
border-bottom: 1px solid #000;
line-height: 15px;
}



#content {
	position: relative; /* nb to make rest of the layout work*/
	width: 780px; /*nb to set width for IE shame*/
	min-height: 100%;
	height: 100%;
	padding-bottom: 90px;  /*  for footer stick - google*/
 	margin: 0 auto;
 	background-color: #fff;
  font-size: 11px;
}

/* left right center columns */
#colleft {
position: absolute;
top: 249px !important;
left: 0;
width: 189px;
font-size: 11px;
line-height: 14px;
padding: 5px 2px 0 2px;
margin:0;
font-weight: normal;
background-image: url(graphics/bg_left.jpg);
background-position: top right;

}

#colright {
 margin-left:585px;
 padding: 8px 0 0 5px; /* perfect! */
 width: 187px;
 height: auto;
 background-image: url(graphics/bg_right.jpg);
 background-position: top left;
 font-size: 11px;
}
  #colright img{
  	margin-bottom: 3px;
	border: 1px solid #494949;
  }
  
#colcenter {
position: absolute;
top: 242px !important;
padding: 7px 0 0 5px;
left: 197px;
width: 373px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
 
 /* two equal columns */
 
#col1{
position: absolute;
top: 91px;
left: 25px;
 margin: 0;
 width: 390px;
 padding: 0 5px 0 5px;
 text-align: justify;
}

#col2 {
 margin-left: 395px;
 margin-top:-2px;
 width: 390px;
 padding: 0 5px 0 5px;
 text-align: justify;
 }
 
/* three equal columns */
 
#cola{
position: absolute;
top: 242px !important;
left: 5px;
 margin: 0;
 width: 240px;
 padding: 0 5px 0 5px;
 text-align: justify;
  font-size: 11px;
}

#colb {
position:absolute;
top: 242px !important;
left: 265px;
 width: 240px;
 padding: 0 5px 0 5px;
 text-align: justify;
  font-size: 12px;
 } 
 
#colc {
margin-left: 520px;
margin-top:-2px;
 width: 240px;
 padding: 0 5px 0 5px;
 text-align: justify;
  font-size: 12px;
 } 

 /* one wide column */

#colfull {
position: absolute;
top: 242px !important;
left: 0;
margin: 0;
width: 770px;
padding: 0 5px 0 5px;
text-align: justify;
font-size: 12px;
}

/* left narrow right wide */
#colnarrow {
position: absolute;
top: 243px !important;
left: 1px;
margin: 0;
width: 172px;
padding: 5px 2px 0 2px;
text-align: left;
font-size: 11px;
line-height: 14px;
border: 0;
background-image: url(graphics/bg_left.jpg);
background-position: top right;
}
 
 
#colnarrow h2 {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #121727;
font-weight: bold;
padding-top: 10px;
padding-bottom: 1px;
margin: 0 0 5px 0;
border-bottom: 3px dotted #121727;
} 


#colwide {
margin-left:185px;
 padding: 5px 4px 0 3px; /* perfect! */
 width: 555px;
 height: auto;
 background-position: top left;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 15px;
}

#colwide p {
margin: 0;
padding: 5px 0 5px 0;
text-align: justify;
font-size:11px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* styles for additional links or info in right column */

#colright h1 {
font-size: 12px;
font-weight: bold;
margin: 0 0 0 0;
padding-top: 1px;
padding-bottom: 0;
border: none;
}
#colwide h1 {
font-size: 12px;
font-weight: bold;
margin: 0 0 0 0;
padding-top: 1px;
padding-bottom: 0;
border: none;
}

#colright p {
font-style: normal;
font-weight: normal;
font-size: 11px;
padding: 15px 10px 5px 0;
}

#linx_exchange td {
	font-size: 9px;
}

#linx_exchange a {
background-color: #e0e8f3;
}

td a:hover, td a:active {
background-color: #6291ce;
color: #fff;
}

#footer {
position:relative;
height: 130px;
margin: -130px auto 0 auto;
width: 780px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 10px;
background-color: #dedfe4;
border-top: 8px solid #2D508A;
border-bottom: 8px solid #2D508A;
color: #000;
}

#footer td {
	font-size: 10px;
	vertical-align: top;
}

#footer p{
	font-size: 10px;
	letter-spacing: normal;
	padding: 0;
	margin: 0;
}

#footer a:link, #footer a:visited {
color: #03174c;
background-color: #fff;
}

#footer a:hover, #footer a:active {
color: #000;
background-color: #97b1d7;
border-bottom: 1px dotted #3361b6;
}

.frameweight {
	border: 1px solid navy;
}


/* for thumbnail pictures */
.framethumb {
	border: 1px solid #000;
}

/* for maps */

.framemap {
	border: 3px double gray;
	padding: 3px;
}

.framemap9 {
	border: 3px double #681162;
	padding: 3px;
}

.container { 
     background: #fff; 
     border: 0; 
} 

.nb {
color: #E2C51F;
font-weight: bold;
border: 1px solid gray;
}

/* for slides in header */
.s1 {
position:absolute; top:8px; left:7px;
background-color: #181d31;
border: 1px 0 0 1px;
}

.s2 {
position:absolute; top:8px; left:133px; 
}

.s3{
position:absolute; top:102px; left:133px;
}

.s4 {
position:absolute; top:102px; left:7px;
}

.s5{
position:absolute; top:8px; left:265px;
}

.s6{
position:absolute; top:8px; left:522px;
}

.tablebdr1 {
	border: 2px solid #211819;
}

.tablebdr2 {
	border: 2px solid #e0e8f3;
}

.tablebdr3 {
	border: 2px solid #df8a15;
}

.tablebdr4 {
	border: 3px double #6a6d80;
}

.branding {
	text-align: center;
	margin-top: 10px;
	margin-left: 5px;
}

.border{
	border: 1px solid #3361B6;
	padding:2px;
}

#google {

text-align: center; 
height:90px; 
padding: 12px 6px; 
margin: 0 auto 15px auto; 
border: 1px solid #e0e8f3;
}

#linxex {
text-align: left; 
line-height: 14px;
width: 740px; 
padding: 10px; 
margin: 25px 9px; 
border: 1px solid #e0e8f3;
}

.listing {
	 border: 1px solid #c2d1e7; 
	 background-color: #e0e8f3;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 padding: 2px;
}

.font1 {
	font-size: 9px;
}

.spanbottom {
font-size: 9px;
margin-left: 112px;
margin-bottom: 2px;
width: 780px;
} 

.date {
width: 750px; 
padding: 8px 5px; 
margin: 3px 9px 0 9px; 
border: 1px solid #e0e8f3;
font-size: 9px;
}

.clicktell {
width: 540px; 
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
padding: 2px; 
border: 0;
}

.pictorial {
position: relative;
width: 545px;
margin-top: 10px;
margin-bottom: 28px;
margin-left:0;
height: 160px;
text-align: left;
}

.picture {
position: absolute;
top: 25px;
left: 0;
width: 180px; 
padding: 0;
font-size: 11px;	
}

.text{
margin: 0 0 0 181px;
padding: 5px 0 0 5px;
width:353px;
font-size: 11px;
}



.navbottom {
width: 750px; 
padding: 8px 5px; 
margin: 3px 9px 0 9px; 
border: 1px solid #e0e8f3;
font-size: 9px;
text-align: center;
}

/* town link */
.towns {
text-align: center; 
width: 750px; 
padding: 10px 5px; 
margin: 25px 9px;
background-color: #e0e8f3;	  
border: 1px solid #97b1d7;	
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: navy;
padding: 5px;
left: 4px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
display: block;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -195px;
left: 25px; /*position where enlarged image should offset horizontally */
display: block;
}

/* slide styling */

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
	text-align:justify;
/*	background-image: url(graphics/bgouter.gif);*/
/*	background-repeat: no-repeat;*/
/*	background-position: top right;*/
	padding: 12px;
	margin: 0;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 600px;
	padding: 0 5px 5px 5px;
/*	background-image: url(skin/outer.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: top right;*/
/*background-image: url(skin/bgslidepopup.png);*/
/*background-repeat: no-repeat;*/
/*background-position: top right;*/

}

.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}

/* edited defaults: */
.highslide-header a {
	font-weight: normal;
	color: black;
	text-transform: none;
	text-decoration: none;
	font-size: 11px;
}
.highslide-header a:hover {
	color: #0068cc;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
/* .highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
} */

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}