*{margin: 0px; padding: 0px;}

html{background-color: #0d0a05; /*for ie6*/}

      html, body {
        font-size: 15px;
        color: #303030;
        font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
        line-height: 180%;
        /* overflow-x: hidden; to hide main image on smaller devices when becomes absolute */
      }
      
/*Font*/
@font-face {
    font-family: 'journalregular';
    src: url('Font/journal-webfont.eot');
    src: url('Font/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/journal-webfont.woff') format('woff'),
         url('Font/journal-webfont.ttf') format('truetype'),
         url('Font/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
      
      
/* CONTENT LINKS  */
/*Default*/

a{color: #7b141c; font-size: 15px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: normal;}
a:link {color: #7b141c; text-decoration: none;} 
a:visited {color: #7b141c; text-decoration: none;}
a:active {color: #7b141c; text-decoration: none;}
a:hover {color: #e99b43; text-decoration: none;}

a.cursive{position: relative; display: block; margin-right: 5px; padding: 10px 15px 15px 15px; font-size: 36px; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive; color: #7a0008; background-color: transparent; font-weight: normal; text-decoration: none;}
a.cursive:link {color: #7a0008; text-decoration: none;} 
a.cursive:visited {color: #7a0008; text-decoration: none;}
a.cursive:active {color: #7a0008; text-decoration: none;}
a.cursive:hover {color: #ce000e; text-decoration: none;}

/*white*/
a.white{color: #FFFFFF; font-size: 15px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: normal;}
a.white:link {color: #FFFFFF; text-decoration: none;} 
a.white:visited {color: #FFFFFF; text-decoration: none;}
a.white:active {color: #FFFFFF; text-decoration: none;}
a.white:hover {color: #e99b43; text-decoration: none;}

/*gold*/

a.gold{color: #90633a; font-size: 15px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: normal;}
a.gold:link {color: #90633a; text-decoration: none;} 
a.gold:visited {color: #90633a; text-decoration: none;}
a.gold:active {color: #90633a; text-decoration: none;}
a.gold:hover {color: #e99b43; text-decoration: none;}

/*Buttons*/
a.buttonGeneric{display: inline-block; background-color: #841e25; color: #FFFFFF; padding: 4px 8px; border-radius: 4px; border-style: solid; border-width: 1px; border-color: #a4252e;  font-size: 14px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: normal;}
a.buttonGeneric:link {color: #FFFFFF; text-decoration: none;} 
a.buttonGeneric:visited {color: #FFFFFF; text-decoration: none;}
a.buttonGeneric:active {color: #FFFFFF; text-decoration: none;}
a.buttonGeneric:hover {color: #FFFFFF; background-color: #9d242c; text-decoration: none;}

/* MAIN DIVS */

.innerWrapper{width: 1120px; margin-left: auto; margin-right: auto;}
.innerWrapperRel{position: relative; width: 1120px; margin-left: auto; margin-right: auto;}
.innerPadding{padding: 30px 5px 30px 5px; overflow: hidden;}

#headerWrapper{width: 100%; background-image: url('images/gradient_Header2.jpg'); background-repeat: repeat-x;}
#headerInner{position: relative; width: 1120px; height: 243px; background-image: url('images/bg_Header.jpg'); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}
#headerTxtDiv{position: absolute; width: 500px; top: 105px; left: 220px;  text-align: center;}
p.headerSafaris{font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive; color: #FFFFFF; font-size: 38px; margin: 0px;}
p.headerAfrica{font-family: 'Century Gothic', CenturyGothic, Geneva, AppleGothic, sans-serif; color: #ded1a1; font-size: 13px; margin: 0px;}
.headerReviews{clear: both; float: right; text-align: right;}

.contentWrapper{width: 100%; height: auto; overflow: hidden;}
.contentWrapperBrown{width: 100%; height: auto; overflow: hidden; background-color: #382717; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #624428;}
.contentWrapperDark{width: 100%; height: auto; overflow: hidden; background-color: #281b10; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #624428;}
.contentInner{position: relative; width: 960px; height: auto; padding: 10px; margin-left: auto; margin-right: auto; overflow: hidden;}
.contentInnerPadding{position: relative; width: 960px; height: auto; margin-left: auto; margin-right: auto; padding: 20px 10px 20px 10px; overflow: hidden;}

.contentInnerSlide{position: relative; width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;}


.colLeft{width: 48%; float: left;}
.colRight{width: 48%; float: right;}
.colWideLeft{width: 58%; float: left;}
.colNarrowRight{width: 38%; float: right;}
.colFull{width: 100%; padding-bottom: 30px;}

#logout{float: right; margin-top: 10px; color: #36200a; background-color: #ded1a1; padding:  3px 12px; border-radius: 5px; box-shadow: inset 14px -2px 6px -14px #4F4F4F;
-webkit-box-shadow: inset 14px -2px 6px -14px #4F4F4F;
-moz-box-shadow: inset 14px -2px 6px -14px #4F4F4F;
-o-box-shadow: inset 14px -2px 6px -14px #4F4F4F;}

#Lang{clear: both; float: right; margin: 5px; color: #36200a; background-color: #ded1a1; padding:  3px 12px; border-radius: 5px; box-shadow: inset 14px -2px 6px -14px #4F4F4F;
  -webkit-box-shadow: inset 14px -2px 6px -14px #4F4F4F;
  -moz-box-shadow: inset 14px -2px 6px -14px #4F4F4F;
  -o-box-shadow: inset 14px -2px 6px -14px #4F4F4F;}

/*header navigation tabs*/
#tabDiv{position: absolute; top: 204px; right: 10px;}

a.tab{display: block; float: left; margin-right: 5px; padding: 8px 15px 6px 15px; border-radius: 15px 15px 0px 0px; color: #FFFFFF; font-size: 15px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; background-color: #5f080f; background-image: url('images/gradient_Tab.jpg'); background-repeat: repeat-x; border-style: solid; border-color: #af1924; border-width: 1px 1px 0px 1px; font-weight: normal; text-decoration: none;}
a.tab:link {color: #FFFFFF; text-decoration: none;} 
a.tab:visited {color: #FFFFFF; text-decoration: none;}
a.tab:active {color: #FFFFFF; text-decoration: none;}
a.tab:hover {color: #FFFFFF; text-decoration: none; background-image: none;}





/* NAVIGATION*/
/* #navWrapper{position: absolute; top: 236px; width: 1120px;} */
#navWrapper{position: relative; margin-top: 0px; height: 50px; background-color: #FFFFFF; background-image: url('images/gradient_Header3.jpg'); background-repeat: repeat-x; background-position: bottom; border-style: solid; border-color: #a16f41; border-width: 1px 0px 1px 0px;}

#menuIcon{clear: both; display: none; float: right; margin: 5px; cursor: pointer;}

#navDivWrapper{position: relative;}

#pay4free{float: right; margin-top: 10px; margin-right: 10px;}

a.navDiv{position: relative; display: block; float: left; margin-right: 5px; padding: 10px 15px 15px 15px; font-size: 36px; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive; color: #7a0008; background-color: transparent; font-weight: normal; text-decoration: none;}
a.navDiv:link {color: #7a0008; text-decoration: none;} 
a.navDiv:visited {color: #7a0008; text-decoration: none;}
a.navDiv:active {color: #7a0008; text-decoration: none;}
a.navDiv:hover {color: #ce000e; text-decoration: none;}

a.navDivLive{display: block; float: left; margin-right: 5px; padding: 10px 15px 15px 15px; font-size: 36px; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive;  color: #000000; background-image: url('images/pointer.gif'); background-repeat: no-repeat; background-position: center bottom;background-color: transparent; font-weight: normal; text-decoration: none;}
a.navDivLive:link {color: #000000; text-decoration: none;} 
a.navDivLive:visited {color: #000000; text-decoration: none;}
a.navDivLive:active {color: #000000; text-decoration: none;}
a.navDivLive:hover {color: #000000; text-decoration: none;}

/*for drop down links*/
div.navDivLive{display: block; float: left; margin-right: 5px; padding: 10px 15px 15px 15px; font-size: 36px; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive;  color: #000000; background-image: url('images/pointer.gif'); background-repeat: no-repeat; background-position: center bottom;background-color: transparent; font-weight: normal; text-decoration: none; cursor: pointer;}

div.main{display: block; float: left; margin-right: 5px; padding: 10px 15px 15px 15px; font-size: 36px; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive; color: #7a0008; background-color: transparent; font-weight: normal; text-decoration: none;cursor: pointer; cursor: hand;}
div.main:hover{color: #ce000e; }

a.sub{display: block; float: left; margin-right: 5px; padding: 10px 15px 10px 15px; font-size: 14px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; color: #b87f4a; background-color: transparent; font-weight: normal; text-decoration: none; transition: 0.2s;}
a.sub:link {color: #b87f4a; text-decoration: none;} 
a.sub:visited {color: #b87f4a; text-decoration: none;}
a.sub:active {color: #b87f4a; text-decoration: none;}
a.sub:hover {color: #f3b072; font-size: 14px; text-decoration: none;}

a.button{position: relative; display: block; float: right; margin: 10px 5px; padding: 10px 15px 15px 15px; font-size: 14px; font-weight: bold; line-height: normal; background-image: url('images/button_More2.png'); background-repeat: no-repeat; background-position: center center; color: #7a0008; background-color: transparent; font-weight: normal; text-decoration: none;}
a.button:link {color: #7a0008; text-decoration: none;} 
a.button:visited {color: #7a0008; text-decoration: none;}
a.button:active {color: #7a0008; text-decoration: none;}
a.button:hover {color: #ce000e; text-decoration: none;}


.dropDown{position: absolute; display: none; top: 50px; left: 0; background-color: #281b10; width: 780px; height: auto; border-style: solid; border-width:  0px 1px 1px 1px; border-color: #b17b49; z-index: 1010;}

.navHide{visibility: hidden;}

#navClose{display: none; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #FFFFFF; cursor: pointer; cursor: hand; transition: background-color .4s;}
#navClose p{margin-top: 50%; transform: translateY(-50%); color: #666666; font-size: 20px; text-align: center; line-height: 1; }
#navClose:hover{background-color: #efe5d3;}

/*Nav Dropdown*/
/* #lodgeDropDown{position: absolute; background-color: #281b10; width: 780px; height: auto; border-style: solid; border-width:  0px 1px 1px 1px; border-color: #b17b49; display: none; z-index: 100}
#campingDropDown{position: absolute; background-color: #281b10; width: 780px; height: auto; border-style: solid; border-width:  0px 1px 1px 1px; border-color: #b17b49; display: none; z-index: 100}

a.nDrop{display: block; float: left; margin-right: 5px; padding: 10px 15px 10px 15px; font-size: 14px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; color: #b87f4a; background-color: transparent; font-weight: normal; text-decoration: none;}
a.nDrop:link {color: #b87f4a; text-decoration: none;} 
a.nDrop:visited {color: #b87f4a; text-decoration: none;}
a.nDrop:active {color: #b87f4a; text-decoration: none;}
a.nDrop:hover {color: #f3b072; text-decoration: none;} */

/* CORE */
p{ font-size: 15px;
    color: #90633a;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    line-height: 180%;
    margin-bottom: 17px;}
    
  p.dark{color: #0d0a05;}


  div.comment {
    margin-top: 30px;
    position: relative;
    background: #90633a;
    border-radius: 20px;
  }
  
  div.comment:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #90633a;
    border-bottom: 0;
    border-left: 0;
    margin-left: -10px;
    margin-bottom: -20px;
  }

/* div.comment{width: 440px; background-color: #90633a; border-radius: 25px; background-image: url('images/bg_Comment.gif'); background-repeat: no-repeat; background-position: bottom;} border-style: solid; border-width: 1px; border-color: #c5874f; */
p.comment{color: #0d0a05; padding: 30px 30px 30px 60px; line-height: 160%; background-image: url('images/bg_Quotes.gif'); background-repeat: no-repeat; background-position: 23px 23px;}
span.red{color: #7b141c;}
span.red2{color: #bf1f2c;}


div.comment2{color: #d4985f; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive; line-height: 110%; font-size: 35px; border-style: solid; border-width: 0px 0px 0px 2px; border-color: #825934; padding: 5px 0px 15px 15px; background-image: url('images/bg_Comment2.gif'); background-repeat: no-repeat; background-position: 0px 10px; margin-bottom: 40px;}


div.comment3{color: #d4985f; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive; line-height: 110%; font-size: 35px; margin-top: 20px; margin-bottom: 20px;}

/* REVIEWS */
div.reviewDiv{clear: both; margin-bottom: 20px; overflow: hidden;}
div.reviewTxt{width: 68%; float: left;}
div.reviewImg{width: 28%; float: right;}
div.reviewImg img{width: 100%;}

p.reviewDark{color: #cc8d52; padding: 0px 0px 20px 60px; line-height: 140%; background-image: url('images/bg_quotesDark.png'); background-repeat: no-repeat; background-position: 0px 0px;}


/* div.reviewDiv p{padding-right: 270px;} */
/* img.reviewImg{float: right; margin-bottom: 10px;} */

div.break{height: 1px; clear: both;}

p.script{margin: 30px 0px; font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive;  font-size: 30px; font-weight: normal; color: #90633a; line-height: 130%;}

p.link{clear: both; padding-top: 10px; padding-right: 120px;}
p.linkImg{clear: both; padding-top: 10px; padding-right: 0px;}
img.link{float: right; margin-left: 20px;}

.imgcontentColWrapper{margin: 30px 0px; text-align: center;}
img.contentCol{width: 100%;}
img.content{width: 100%;}

p.intro{font-size: 20px;}

div.dark{color: #cc8d52; background-color: #1c150c; padding: 25px; overflow: hidden;}
div.dark p{color: #cc8d52;}
div.dark ul li{color: #cc8d52;}

h1{font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive;  font-size: 52px; font-weight: normal; color: #e99b43; margin-top: 5px; margin-bottom: 15px; line-height: 100%;}
h1.white{font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive;  font-size: 52px; font-weight: normal; color: #FFFFFF; margin-top: 0px; margin-bottom: 20px; padding-bottom: 20px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #90633a;}

h2{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; color: #e99b43; font-weight: bold; font-size: 18px; margin-top: 25px; margin-bottom: 5px;}

h3{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; color: #271600; font-weight: bold; font-size: 16px; margin-top: 25px; margin-bottom: 5px;}
h3.white{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 16px; margin-top: 25px; margin-bottom: 5px;}
h3.light{color: #e9a961;}

a img{border-style: none; outline: none;}

img.more, img.moreFr{float: right;}

ul{margin-bottom: 15px;}

li{color: #271600; width: 75%; padding-left: 20px; margin-left: 20px;}

.textCol2_960{column-count: auto;}

ul.light li{color: #cc8d52; width: 75%; padding-left: 20px; margin-left: 20px}

/*TABLE - tour dates*/
table.tblTourDates{font-size: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: transparent;}
table.tblTourDates td{vertical-align: top; padding: 10px 25px; border-style: solid; border-width: 0px 0px 1px 1px; border-color: transparent; background-color: #c1a66b;}
table.tblTourDates td.head{font-weight: bold; background-color: #baa067; font-size: 15px;}

/* SLIDE*/
/*Slide show */
#slideDiv{width: 100%; position: relative;}
#tourDiv{width: 1062px; position: relative;}

/*SLIDE - new*/
#slideWrapper{position: relative; width: 100%; background-color: #271a0f; overflow: none;}
#slideDiv{position: relative; width: 100%; background-color: #271a0f; margin-top: 0px; margin-bottom: 0px; overflow: hidden;}
.imgSlide{display: block; width: 100%; margin-bottom: 0px;} /*for images ie7 and below and for top images no slide */
/*#slideDiv figure img{display: block; width: 100%;}*/

/*HOME slide overlay*/
.overlay{position: absolute; background-image: url('images/trans_Brown.png'); right: 0px; width: 50%; height: 100%; background-position: right; z-index: 90;}
.overlayInner{width: 550px; margin: 0px;}
.overlayTxt{padding: 10px 20px 20px 20px; color: #90633a; line-height: 160%;}


/*MAIN PIC*/

#mainPic{position: relative; width: 100%; background-color: #271a0f; overflow: none;}

.mainPicInner{position: relative; width: 100%; height: 500px; margin-left: auto; margin-right: auto; background-image: url('images/t_Gemsbok.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}

.mainPicInner-gemsbok{background-image: url('images/t_Gemsbok.jpg');}
.mainPicInner-himba{background-image: url('images/t_Himba.jpg');}
.mainPicInner-himbaDance{background-image: url('images/t_HimbaDance.jpg');}
.mainPicInner-elephants{background-image: url('images/t_Elephants.jpg');}
.mainPicInner-desert{background-image: url('images/t_Desert.jpg');}
.mainPicInner-etoshaLions{background-image: url('images/t_EtoshaLions.jpg');}
.mainPicInner-giraffe{background-image: url('images/t_Giraffe.jpg');}
.mainPicInner-wildebeest{background-image: url('images/t_Wildebeest.jpg');}
.mainPicInner-capetown{background-image: url('images/t_CapeTown.jpg');}
.mainPicInner-vicfalls{background-image: url('images/t_VictoriaFalls.jpg');}
.mainPicInner-kaokoland{background-image: url('images/t_Kaokoland.jpg');}
.mainPicInner-flamingoes{background-image: url('images/t_Flamingos.jpg');}

.mainPicInner-hippos{background-image: url('images/t_Hippos.jpg');}
.mainPicInner-lion{background-image: url('images/t_Lion.jpg');}
.mainPicInner-fishrivercanyon{background-image: url('images/t_FishRiverCanyon.jpg');}


.mainPicOverlay{position: absolute; background-image: url('images/trans_Brown.png'); right: 0px; width: 50%; height: 100%; background-position: right; z-index: 90;}
.mainPicOverlayTxt{padding: 10px 20px 20px 20px; color: #90633a; line-height: 160%;}

span.linkShow{visibility: hidden;}

/*SLIDE SHOW */    
/* #fadein {position: relative; margin-left: 0px; width: 100%; overflow: hidden;} /*height: 450px; */
/* #fadein img{position: absolute; width: 100%; left: 0; top: 0px;} */

#picDiv {position: relative; margin-left: 0px; width: 1062px; height: 357px; overflow: hidden;}



/*TOURS*/
p.tourIntro{color: #FFFFFF; font-size: 16px; line-height: 150%;}
p.tourLength{margin-top: 38px; color: #FFFFFF;  font-size: 13px; font-style: italic; padding: 5px; background-color: #382717; border-radius: 6px;}

#tourInfoWrapper{margin-top: 30px; margin-bottom: 30px;}
#tourInfoDiv{clear: both; height: 500px; background-color: #a57b4b; background-image: url('images/bg_TourInfo.jpg'); background-repeat: repeat-x; overflow-y: scroll;}
#tourInfoInner{padding: 30px;}

div.tabWrapper{margin-left: 0px;}
div.tourTab{float: left; margin-right: 2px; color: #FFFFFF;  font-weight: bold; font-size: 16px; background-color: #281b10; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #90633a; padding: 8px 30px 8px 30px; cursor: pointer; cursor: hand; }
div.tourTabLive{float: left; margin-right: 2px; color: #281b10;  font-weight: bold; font-size: 16px; background-color: #a57b4b; background-image: url('images/gradient_tourTab.jpg'); background-repeat: repeat-x; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #90633a; padding: 8px 30px 8px 30px;}

div.bldKey{float: right; background-color: #382717; padding: 5px 10px 5px 10px; color: #b57c49; font-size: 12px;}
p.xtra{float: right; background-color: #382717; padding: 5px 10px 5px 10px; color: #b57c49; font-size: 12px;}

#mapContent{display: none;}
#tourDatesContent{display: none;}

div.tourDay{border-style: solid; border-width: 0px 0px 3px 0px; border-color: #66441d;  margin-bottom: 20px; padding-bottom: 20px;}
div.tourDay p{color: #271600; margin-bottom: 5px; line-height: 150%;}
div.tourDay p.bld{color: #ffe2ad; margin-top: 10px; margin-bottom: 5px;}

.tourSpecial{font-size: 17px; font-weight: bold;}

p.Day{font-family: journalregular, Mistral, 'Brush Script MT', 'Brush Script Std', cursive;  font-size: 36px; font-weight: normal; color: #FFFFFF; margin-top: 10px; margin-bottom: 20px; padding-bottom: 6px; background-image: url('images/bg_underline.jpg'); background-repeat: no-repeat; background-position: bottom left;}

table.tblItinerary td{vertical-align: top;}

div.sImages{margin-left: 5px;}
img.sContent{float: left; margin-left: 10px; margin-right: 10px;}


/* Google maps */
#googleMap {
  position: relative;
  /*float: right;*/
  margin-top: 0px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 56.25%;
  /*This is the aspect ratio*/
  height: 0;
  overflow: hidden; }

#googleMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }



/* THREE PIC FLEX */
.threePicFlex {
  width: 100%;
  display: flex;
  margin: 20px auto 20px auto;
  justify-content: center;
  align-items: top;
  flex-direction: row; }

.threePicFlex-blocAlt {
  position: relative;
  flex-basis: 30%;
  flex-grow: 1;
  margin: 0px 8px; }

.threePicFlex-blocAlt img {
  width: 100%; }


/* BOOKING FORM */
fieldset{padding: 20px; margin-bottom: 10px; border-style: dotted; border-width: 1px; border-color: #666666;}

.formInput{font-size: 16px;}
.fField{margin-top: 20px;}

textarea, input[type="text"], input[type="password"], input[type="number"], select, option{font-family: PTSansRegular, arial, helvetica, sans-serif; font-size: 16px; color: #333333; width: 100%; box-sizing: border-box; padding: 12px 8px; margin: 10px 0px 5ps 0px; border-style: solid; border-color: #CCCCCC; border-width: 1px; background-color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0,0,0,0.1);} /*input, */

input[type="checkbox"]{width: auto;}
input.small{font-size: 11px; padding: 2px;}


textarea:focus, input:focus, option:focus{
box-shadow: 0 0 5px rgba(223, 184, 126, 1);
padding: 12px 15px;
border: 1px solid rgba(152, 117, 62, 0.85);
outline: none;}

label.error{float: none; width: auto; text-align: left; color: #FF0000; font-size: 10px; margin: 0px; padding: 0px;}


#refresh{color: #b48b49; text-align: left; font-size: 12px; cursor: pointer; cursor: hand;}
#refresh:hover{color: #e2af5c;}

.throw_error{padding: 5px; background-color: transparent; color: #FF0000; font-size: 12px; }

.button_Submit, .button_Submit_Fr{width: 100%; background-color: #90633a; color: #FFFFFF; font-size: 18px; padding: 8px 15px; border-style: solid; border-color: #98753e; border-width: 1px; border-radius: 5px; transition: .3s; cursor: pointer; cursor: hand;}
.button_Submit:hover{background-color: #98753e;}
.button_Submit_Fr:hover{background-color: #98753e;}


/*GALLERY*/
/*Gallery thumbnail div */
.thumbDiv{clear: both; height: auto; overflow: hidden; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.gPicDiv {float: left; margin-right: 5px;  text-align: center; width: 100px; height: 100px; overflow: hidden; border-style: solid; border-color: #382717; border-width: 3px; cursor: hand; cursor: pointer;}
.gPicDiv:hover {border-color: #8f6b41; cursor: hand; cursor: pointer;}
/*.gPicDivO {float: left; margin-right: 10px; text-align: center; width: 200px; height: 100px; overflow: hidden; border-style: solid; border-color: #CCCCCC; border-width: 3px; cursor: hand; cursor: pointer;}*/
.gPicDiv img{margin: 0px; padding: 0px;}

/*Footer*/
#Footer{background-color: #0d0a05;}
#FooterInner{width: 1120px; margin-left: auto; margin-right: auto; background-image: url('images/bg_Footer.jpg'); background-repeat: no-repeat; padding-top: 20px; min-height: 300px;}

#icons{margin-left: 10px; vertical-align: middle;}
#icons img{float: left; margin-right: 12px; margin-top: 10px;}

#FB,  #FB_Fr{float: right; margin-right: 10px;}

p.disclaimer{clear: both; float: right; margin-top: 100px; color: #614327; font-size: 11px;}

table.tblFooter{padding: 0px;}
table.tblFooter td{padding: 0px; vertical-align: top;}

p.smallW{font-size: 8px; color: #FFFFFF; margin: 0px;}

.footerCookieChange{clear: both; padding-top: 50px; text-align: right;}

/* COOKIE BANNER */
#cookieBanner{position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 10px 14px 5px 16px;
  background-image: url('images/bg_transCharcoal.png');
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  z-index: 1001;
}
#cookieBanner p{margin: 0px; padding: 15px; color: #FFFFFF;}
#cookieBanner p.cookieButtons{margin: 0px; padding: 0px 15px; color: #FFFFFF;}

#cookieBanner button{margin: 0px; padding: 5px 15px 8px 15px; margin-bottom: 15px; border-radius: 8px; cursor: pointer; cursor: hand; background-color: #8f6b41; font-size: 16px; color: #FFFFFF; border-width: 0px; transition: all .3s;}
#cookieBanner button:hover{background-color: #b58752;}

#cookieBanner button.accept{margin: 0px 0px 15px 0px; padding: 5px 15px 8px 42px; color: #FFFFFF; border-width: 0px; background-image: url('images/icon_Cookie.png'); background-repeat: no-repeat; background-position: 12px center;}/*bf934e*/

button.accept{margin: 0px; padding: 5px 15px 8px 42px; border-radius: 8px; cursor: pointer; cursor: hand; background-color: #000000; font-size: 16px; color: #8f6b41;  border-width: 0px; background-image: url('images/icon_Cookie.png'); background-repeat: no-repeat; background-position: 12px center; transition: all .3s;}
button.accept:hover{background-color: #281b10;}

.cookieHide{display: none;}
.cookieShow{display: block;}


button.cookieChange{margin: 0px; padding: 5px 15px 8px 15px; border-radius: 8px; cursor: pointer; cursor: hand; background-color: transparent; font-size: 14px; color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #FFFFFF; transition: all .3s;}
button.cookieChange:hover{background-color: #281b10;}


/*SCROLL TO TOP */   
.scrollToTop{display: none; width: 50px; position: fixed; right: 0px; bottom: 0px; background-color: #000000; font-size: 15px; color: #FFFFFF; text-align: center; padding: 6px; border-style: solid; cursor: pointer; cursor: hand; z-index: 100;}
.scrollToTop:hover{background-color: #462300;}