/*========================.event_h { padding:5px 15px 0px 10px; }=============================================
 *
 * Filename: Style.css
 * Website: Stellenbosch Toerisme
 * Author: G2 New Media
 * Date Started: August 2009

 *=====================================================================*/
 .js .nav2 ul { display:none;}

 html {
   overflow-y:scroll;
 }
 body {
     font-family:arial;
     font-size:11px;
     color:#000;
     line-height:16px;
     width:100%;
     height:100%;
     /* background:#fff url(../images/back_page.jpg) no-repeat -150px 0; /*75%*/
 }
 #page {
     width:960px;
     height:100%;
     margin:0 auto;
     position:relative;
 }
 #container {
     width:960px;
     height:100%;
     margin:0 auto;
     position:relative;
 }

 #back { position: absolute; top:0; left:-165px; }

/******************************************************
                         BANNER                        
 *****************************************************/
 /* #adbanner_box_h { overflow: hidden; position: relative; margin: 5px auto 5px auto; width: 725px; height: 120px; border: 1px solid #CCC; text-align: center; } */
 #bannerbox { position: relative; width:941px; height:232px; overflow:hidden; }
 #banner { width:941px; height:232px; overflow:hidden;} /*249px*/


 #greenbar {
     width:100%;
     height:53px;
     color:#fff;
     background-color:#2d451b;
     border-bottom:1px solid #a19f00;
 }
 .grnp {
    padding: 7px 10px 0px 10px;
 }
 .grnp2 {
    padding: 0px 10px 0px 10px;
 }

 .radio_single {
    padding:0 10px;
 }
 #find_form {
    width:98%;
    padding-left:10px;
 }
 #find_form label, #find_form fieldset{
    display:inline;
 }
 .find_radio {
    vertical-align:text-bottom;
 }
 .link3 { color:#333;}
 #content {
    margin:10px 9px;
    /* background:#fff url(../images/back_gewel.jpg) no-repeat 100% 100%; */
 }

 #nav {
    width:100%;
    margin:7px 0 7px 0;
    color:#fff;
    font-size:12px;
    background-color:#451744;
 }
 #nav li {
    border-right:1px solid #642566;
    line-height:35px;
    float:left;
 }
 #nav a {
    display:block;
    /* padding:0 25px; */
    text-align:center;
 }
 #n_home { width:100px; }
 #n_acc { width:156px; }
 #n_wine { width:120px; }
 #n_att { width:200px; }
 #n_trips { width:140px; }
 #n_wed { width:220px; }


 #nav a:hover {
    background-color:#642566;
 }
 #active {
    background-color:#642566;
 }

 #breadbar {
    width:100%;
    background:#d9d0d9 url(../images/back_bread.jpg) no-repeat 0 100%;
    height:34px;
    margin:0px 0 7px 0;
    line-height:25px;
 }
 #breadbar a { font-weight:bold;}
 #breadbar p {
    padding: 5px 10px 0px 10px;
 }
 #breadbar form {
    margin-top:3px;
    margin-right:3px;
    /* width:195px; */
 }
 .breadbarinput {
    vertical-align:middle;
    margin-right:3px;
 }
 #bgo {  width:200px;  margin-top:-5px;}

 #col1 {
    width:204px;
    float:left;
 }
 #col2 {
    width:530px;
    float:left;
    padding-left:5px;
 }
 #col3 {
    width:197px;
    float:right;
    position:relative;
 }
 #col4 {
    width:727px;
    float:right;
    position:relative;
 }
 #col5 {
    width:590px;
    float:left;
    position:relative;
    padding-left:7px;
    padding-top:5px;
    overflow-x:scroll;
 }
 #col6 {
    width:125px;
    float:right;
    position:relative;
 }

 #footer {
    width:100%;
    height:65px;
    background:#fff url(../images/back_foot.jpg) no-repeat 0 0;
    position:relative;
    margin-top:5px;
    color:#999;
    font-size:10px;
 }
 .fl {
    padding-left:10px;
 }
 #fsl {
    position:absolute;
    top:-121px;
    left:-15px;
 }
 #fsr {
    position:absolute;
    top:-121px;
    right:-12px;
 }
 #terms {text-align:center; padding:10px 0 0 0;}
 #terms a { color:#642566; }
 #copy {text-align:center; padding:5px 0 0 0;}

 .max_page { height:500px; overflow-y:scroll; }

 /* col1 */
 .nav2 { margin-bottom:5px;}
 .nav2 a{
     display:block;
     height:30px;
     background-color:#c9c76c;
     line-height:30px;
     color:#fff;
     margin-bottom:1px;
     padding-left:50px;
     font-weight:bold;
 }
 .nav2 a:hover {
     /* background:#2d451b url(../images/tile_nav2.gif) repeat-x 0 0; */
     background-color:#bebc4e;

 }
 .sub a {
     /* background-color:#f7f6f7; */
     line-height:18px;
     height:20px;
     font-weight:normal;
     color:#666666;
     border:none;
     margin:0;
 }
 .subc1 a { background-color:#f7f6f7; height:25px;  } /* #f7f6f7 */
 .subc2 a { background-color:#f0f0d5;  }

 .sub a:hover {
     /* background:#2d451b url(../images/tile_nav2.gif) repeat-x 0 0; */
     background-color:#f7f6f7;
     border-top:none;
 }
 a.navhead {
     display:block;
     cursor:hand;
     background-color:#496b2f;
     height:30px;
     line-height:30px;
     color:#fff;
     padding-left:50px;
     font-weight:bold;
     border-bottom:2px solid #bebc4e;
 }
 a.navhead_down { background:#496b2f url(../images/nav_arr.gif) no-repeat 18px 9px;}
 a.navhead_up { background:#496b2f url(../images/nav_arr_c.gif) no-repeat 18px 9px;}
 a.navhead:hover {
     background-color:#496b2f;
 }

 .ni_leaf { background:url(../images/icons/whyD.gif) no-repeat 10px 0px; }
 .ni_tool { background:url(../images/icons/toolkitD.gif) no-repeat 10px 0px; }
 .ni_cam { background:url(../images/icons/thingsD.gif) no-repeat 10px 0px; }
 .ni_sleep { background:url(../images/icons/sleepD.gif) no-repeat 10px 0px; }
 .ni_sale { background:url(../images/icons/shoppingD.gif) no-repeat 10px 0px; }
 .ni_glass { background:url(../images/icons/experiencesD.gif) no-repeat 10px 0px; }
 .ni_golf { background:url(../images/icons/golfD.gif) no-repeat 10px 0px; }
 .ni_rings { background:url(../images/icons/weddingsD.gif) no-repeat 10px 0px; }
 .ni_us { background:url(../images/icons/uniD.gif) no-repeat 10px 0px; }
 .ni_faq { background:url(../images/icons/faqD.gif) no-repeat 10px 0px; }
 .ni_phone { background:url(../images/icons/contactusD.gif) no-repeat 10px 0px; }
 .ni_soccer { background:url(../images/icons/soccerD.gif) no-repeat 10px 0px; }

 .ni_leaf:hover { background:url(../images/icons/whyO.gif) no-repeat 10px 0px; }
 .ni_tool:hover { background:url(../images/icons/toolkitO.gif) no-repeat 10px 0px; }
 .ni_cam:hover { background:url(../images/icons/thingsO.gif) no-repeat 10px 0px; }
 .ni_sleep:hover { background:url(../images/icons/sleepO.gif) no-repeat 10px 0px; }
 .ni_sale:hover { background:url(../images/icons/shoppingO.gif) no-repeat 10px 0px; }
 .ni_glass:hover { background:url(../images/icons/experiencesO.gif) no-repeat 10px 0px; }
 .ni_golf:hover { background:url(../images/icons/golfO.gif) no-repeat 10px 0px; }
 .ni_rings:hover { background:url(../images/icons/weddingsO.gif) no-repeat 10px 0px; }
 .ni_us:hover { background:url(../images/icons/uniO.gif) no-repeat 10px 0px; }
 .ni_faq:hover { background:url(../images/icons/faqO.gif) no-repeat 10px 0px; }
 .ni_phone:hover { background:url(../images/icons/contactusO.gif) no-repeat 10px 0px; }
 .ni_soccer:hover { background:url(../images/icons/soccerO.gif) no-repeat 10px 0px; }


 .ni_test { background:url(../images/icons/testimonialsD.gif) no-repeat 12px 0px; }
 .ni_gal { background:url(../images/icons/flickrD.gif) no-repeat 12px 0px; }
 .ni_tips { background:url(../images/icons/traveltipsD.gif) no-repeat 12px 0px; }
 .ni_adv { background:url(../images/icons/tripadvisorD.gif) no-repeat 12px 0px; }

 .ni_arr { background:url(../images/icons/arr.gif) no-repeat 30px 6px; }

 .ni_eat { background:url(../images/icons/wheretoeatD.jpg) no-repeat 10px 0px; }
 .ni_do { background:url(../images/icons/whatodoD.jpg) no-repeat 10px 0px; }
 .ni_trip { background:url(../images/icons/tripstoursD.gif) no-repeat 10px 0px; }
 .ni_indulge { background:url(../images/icons/indulgeD.jpg) no-repeat 10px 0px; }
 .ni_hap { background:url(../images/icons/whatshapD.jpg) no-repeat 10px 0px; }
 .ni_tripadv { background:url(../images/icons/tripadvisorD.jpg) no-repeat 10px 0px; }
 .ni_events { background:url(../images/icons/eventsD.gif) no-repeat 10px 0px; }

 .ni_eat:hover { background:url(../images/icons/wheretoeatO.jpg) no-repeat 10px 0px; }
 .ni_do:hover { background:url(../images/icons/whatodoO.jpg) no-repeat 10px 0px; }
 .ni_trip:hover { background:url(../images/icons/tripstoursO.gif) no-repeat 10px 0px; }
 .ni_indulge:hover { background:url(../images/icons/indulgeO.jpg) no-repeat 10px 0px; }
 .ni_hap:hover { background:url(../images/icons/whatshapO.jpg) no-repeat 10px 0px; }
 .ni_tripadv:hover { background:url(../images/icons/tripadvisorO.jpg) no-repeat 10px 0px; }
 .ni_events:hover { background:url(../images/icons/eventsO.gif) no-repeat 10px 0px; }

 /* col2 */
 .ml {margin-left:5px; }
 .snapshot div{
     width:169px;
     height:29px;
     color:#fff;
     font-size:12px;
     background-color:#642566;
     margin-left:4px;
 }
 .snapshot p {
     line-height:29px;
     padding-left:10px;
 }
 .head1 {
     width:100%;
     height:32px;
     line-height:32px;
     color:#fff;
     font-size:12px;
     background-color:#bebc4e;
     border-top:2px solid #acaa3b;
     position:relative;
 }
 .shl {
    position:absolute;
    top:0px;
    left:-4px;
 }
  .shr {
    position:absolute;
    top:0px;
    right:-4px;
 }

 .head1 span {
    padding-left:10px;
 }
 .head_p {
    padding:10px;
 }
 .subcol {
     float:left;
     width:49%;
     margin:0 5px 0 0px;
 }
 .subcol2 {
     float:left;
     width:48%;

 }

 .h3pp { padding:10px 10px 0 10px; font-weight:bold;}
 .pp { padding:0px 10px 10px 10px; }
 .ulfq { margin-left:15px;  }
 .ulfq li { list-style-type:disc;  }

 .lazy { color:#b0bc1e; line-height:22px; font-size:16px; padding-top:20px; }
 .fcklazy { color:#b0bc1e; line-height:22px; font-size:16px; padding-top:20px; font-family:arial;}
 .fckbody { font-family:arial; font-size:11px; color:#000; line-height:16px; }
 .link { color:#bebc4e; font-weight:bold; text-decoration:underline; }
 .linknb { color:#bebc4e; text-decoration:underline; }
 .link2 { color:#333; }
 /* col3 */
 .block1 {
    width:205px;
    height:128px;
    background:#fff url(../images/block1.gif) no-repeat 0 0;
    padding-bottom:20px;
    margin-top:-2px;
 }
 .gameblock {
    /* width:205px; */
    margin-top:-4px;
    padding-right:2px;
    margin-bottom:12px;
 }
 #b1p {
    padding:10px 20px 10px 30px !important;
    color:#999;
 }
 .block2 {
    width:205px;
    height:123px;
    background:#fff url(../images/block2.gif) no-repeat 0 0;
 }
 .head3 {
    width:100%;
    height:30px;
    line-height:30px;
    padding:3px 0 0 0px;
    font-size:13px;
    /* border-top:2px solid #bebc4e;
    background:#336600 url(../images/arr_1.gif) no-repeat 4% 50%; */
    color:#fff;
 }
 .head3 span {
    padding:0 0 0 28px;
 }
 #btn_bn { padding-top:5px;}
 #col3 p {
    padding:5px 10px 0 10px;
    line-height:15px;
 }

 #eventp {
    color:#adadad;
    padding:10px 10px 0 75px !important;
 }
 #eventp a { color:#adadad; }
 /* #col3 ul {
    padding:10px;
 }
 #col3 li {
    padding:5px 0 5px 0;
 }
 .toolkitpad {
    padding-left:10px;
 }
 .shll {
    position:absolute;
    top:10px;
    left:-4px;
 }
  .shlr {
    position:absolute;
    top:10px;
    right:-4px;
 } */

 /* PAGE STYLES */
 em {
   /* font-weight:bold; */
   font-style:italic;
 }
 strong { font-weight:bold; }
 h1 {
    font-weight:normal;
 }
 h2 {
    font-size:14px;
    color:#666;
 }
 h3 {
    font-weight:normal;
 }


 /* COMMON STYLES */
 .mtop { margin-top:25px;}
 .on { text-decoration:underline; }
 .bold { font-weight:bold; }
 .unbold { font-weight:normal; }
 .blck { display: block; }
 .fll { float:left; }
 .flr { float:right;}
 .clr { clear:both; }
 .cll { clear:left; }
 .clrr { clear:right; }
 .fix {
    font-size:0;
    line-height:0;
 }

 .minheight { height: 600px; }

 .login_box {
    float:right;
    width:727px;
    height:500px;
 }
 .login_box2 {
    width:195px;
    /* height:500px; */
    background:#f9f7f6;
    border:1px solid #ccc;
 }
 .structured { padding:5px;}

 #nb { border:none; }

 .regh3 {
     padding-bottom:5px;
     border-bottom:1px solid #ccc;
     color:#bebc4e;
     font-weight:bold;
     font-size:13px;
     margin-bottom:5px;
     padding-top:10px;
 }
 .grnh3 {
     color:#fff;
     font-size:13px;
     background:#336600 url(../images/head_green.gif) no-repeat 0 0;
     width:197px;
     height:31px;
     line-height:31px;
     position:relative;
 }
 .grnh3 span { padding-left:25px; }
 .pt { padding-top:10px }

    /**************************************/
    /*              FORMS                 */
    /**************************************/
    form .input_group { float: left; width: 60%; margin-left:10px; }
    form div { padding-top: 0.5em; }
    form label { display: block; }
    form div.description { font-size: 90%; color: #AAA; padding-top: 0; }
    form span.required { font-weight: normal; color: #F88; }
    form .error { margin-bottom: 0; float: right; color:red;}

    form div.check { margin-bottom: 0; }
    form div.check input { width:auto; }
    .auto_form input, .auto_form textarea, .auto_form select { width:100%; }
    .auto_form fieldset, .structured fieldset { border:1px solid #ccc; padding-bottom:10px;}
    .auto_form legend, .structured legend { padding:5px; margin-left:10px;}
    .auto_form { padding:10px;}

    #form_table { width:100%; }
    #form_table th { color:#666666; background:#e5e5e5; padding:5px 10px; }
    #form_table td { padding:5px 10px; border-bottom:1px solid #ccc;}
    #go { width:auto;}
    textarea { font-family:arial; font-size:13px;}
    .wide { width:100% }

    /**************************************/
    /*              BREADCRUMB            */
    /**************************************/
    ul.breadcrumb { display: inline; margin: 0; line-height:34px; float:left;}
    ul.breadcrumb li { margin: 0; padding: 0 0.5em; display: inline; }
    ul.breadcrumb a { text-decoration: none; color: #575357; }
    ul.breadcrumb a:hover { color: #bebc4e; }


    /**************************************/
    /*              ADS                   */
    /**************************************/
    #adbanner_box_h { overflow: hidden; position: relative; margin: 5px auto 5px auto; width: 725px; height: 90px; border: 0px solid #CCC; text-align: center; }
    #adbanner_box_v { overflow: hidden; position: relative; margin: 5px auto 0 auto; width: 130px; height: 336px; border: 0px solid #CCC; text-align: center; }
    img.advert_label_h { position: absolute; left: 3px; top: 15px; z-index: 999; }
    img.advert_label_v { position: absolute; left: 38px; bottom: 2px; z-index: 999; }
    #adbox_top { position: relative; } /* #adbox_top img { position:absolute; top:0; left:0; } */
    #adbox_sky { position: relative; } /* #adbox_sky img { position:absolute; top:0; left:0;} */
    #adbox_sky2 { position: relative; }/*  #adbox_sky2 img { position:absolute; top:0; left:0;} */
    .hidden { display:none; }
    #addvert { text-align:center; width:100%;}


    /* Accommodation */

    /* Accommodation definition table */
    #accdef {
       margin:10px;
    }
    #accdef th {padding: 5px 10px; font-weight:bold; border-bottom: 1px solid black;}
    #accdef td {padding: 5px 10px; border-bottom: 1px solid black;}
    .bl { font-weight:bold; border-right:1px solid black; }

    .acc_high {
       width:240px;
    }
    .pic1 {
       /* border:1px solid #a19f00; */
       margin:5px 10px 5px 5px;
    }

    .head2 {
     width:100%;
     height:32px;
     line-height:32px;
     color:#fff;
     font-size:12px;
     background-color:#642566;
     border-top:2px solid #451744;
     position:relative;
     }
     .sh2l {
    position:absolute;
    top:0px;
    left:-2px;
    }
  .sh2r {
    position:absolute;
    top:-2px;
    right:-4px;
 }

     .head2 span {
        padding-left:10px;
     }

     #sgmap {
        width:257px;
        padding-left:10px;
     }
     #find {
        width:450px;
        position:relative;

     }
     .sformp {
        padding:4px 10px 0 10px;
     }
     .wide { width:100% }
     .cntr { text-align:center; width:72px; margin: 10px auto 0 auto;}

   /* Accom detail page */
   #descriptive {
      width:39%;
   }
   #descriptive div { height:280px; margin:5px 0 5px 0; overflow-y:scroll; border-top:1px solid #ddd; /* border-left:1px solid #ddd; */}


   .head_p2 {
      padding:10px 10px 0 10px;
   }

   .jsselect { cursor:pointer; }

   #visual {
      width:61%;
   }
   #logocol {
      width:150px;
      height:180px;
   }
   .lmtop {
      width:130px;
      height:150px; overflow:hidden;
      margin:25px auto 0 auto;
   }

   #logocol div {
      margin:20 auto;
   }
   #bn {
      width:113px;
      padding:20px 20px 0 0;
   }

   #contactinfo {
      width:60%;
      padding-bottom:30px;
      padding-top:5px;
   }
   .contactsub {
      width:50%
   }
   .contactsub2 h4 { padding:5px 0 0 5px;  }
   #direct {
      height:70px;
      overflow-y:scroll;
   }

   .contactsub h4 { padding:5px 0 0 5px;  }
   .contactsub p { padding:0px 5px 5px 5px; }
   .pt { margin-top:5px }

   #customnews {
      width:40%;
   }
   #customnews div { height:170px; overflow-y:scroll; }

   #mapblock {
      width:257px;
      padding:0 15px 10px 15px;
   }
   #downloads {
      width:28%;
   }
   #downloads div { height:170px; overflow-y:scroll; }

   .detailsml { width:75px; margin-top:25px;}

   .smallwrap {
      width:60px;
      height:40px;
      overflow:hidden;
      border:1px solid #b8b8b7;
      margin:0px 15px 10px 0;
   }
   .detailbig {
      border:8px solid #b8b8b7;
      margin:15px 15px 15px 0;
      padding-bottom:15px;
      width:300px;
      height:188px;
      overflow:hidden;
   }
   .detailbig img { padding:1px; }

   /* SEARCH RESULTS */
   .smallwrapresult {
      width:60px;
      height:40px;
      overflow:hidden;
      border:1px solid #b8b8b7;
      margin:3px 10px 5px 5px;
   }
    #fw1 { width:280px } #fw2 { width:80px } #fw3 { width:100px } #fw4 { width:80px } #fw5 { width:80px }
    #result_table { width:97%; line-height:14px; margin:10px;}
    #result_table th { color:#333; background:#eaeaea; padding:5px 10px; border:1px solid #dadada; font-weight:bold;}
    #result_table td { padding:5px 10px; border-bottom:1px solid #ccc; vertical-align:middle;}

    .mid { vertical-align:middle; }
    .vatop { vertical-align:top;}
    /* mem */
     .news_head {
        color:#bebc4e;
        font-size:16px;
     }
     .news_date {
        color:#999;
     }
     .news_h { padding:10px 0 0px 10px }
     .news_d { padding:0 0 0px 10px }
     .news_p { padding:10px 10px 10px 10px }

     .checkcol { width:40%; padding-left:10px;}

     /* ads */
     .head4 {
         width:100%;
         height:30px;
         line-height:30px;
         padding:4px 0 0 0px;
         font-size:13px;
         /* border-top:2px solid #bebc4e;*/
         background-color:#f0f0d5 ;
         color:#777;
     }
     .head4 span {
         padding:0 0 0 10px;
     }
     .head5 {
         width:100%;
         height:20px;
         line-height:20px;
         padding:4px 0 0 0px;
         font-size:12px;
         /* border-top:2px solid #bebc4e;*/
         background-color:#f8f8f8 ;
         color:#777;
     }
     .head5 span {
         padding:0 0 0 10px;
     }
     .adimg { float:left; padding:5px 10px 5px 5px; }
     .vertimg { padding:5px;};
     .smlpad { padding-top:5px;}

     /* Smartguide */
     #flashcontent_container { height: 600px;}


     /* REGISTER */
     .steps {
        width:170px;
        position:relative;
        margin:10px 0px 10px 5px;
     }
     .steps p {
        padding:5px 10px;
     }
     .sleft {
        position:absolute;
        top:0;
        left:0;
     }
     .sright {
        position:absolute;
        top:0;
        right:0;
     }
     .c3pd {
        padding:5px 5px 10px 0;
     }

     .reset {
        margin:5px 0;
     }

     #nr {
        color:#a1a1a1;
        font-size:19px;
        /* font-weight:bold; */
     }

     /* Calendar */
     .eventpic {
        float:left;
        border:3px solid #eee;
        margin:5px;
        width:60px;
        height:45px;
        overflow:hidden;
     }
     .eventpicbig {
        float:left;
        border:4px solid #ccc;
        margin:5px;
        width:250px;
        overflow:hidden;
     }
     .event_h3 {
         padding:10px 15px 5px 10px;
         font-size:15px;

     }
     .event_p { padding:5px 15px 10px 10px; }
     .event_h { padding:5px 15px 0px 10px; }

     .calendar {
         width:90%;
         background-color:#eee;
         margin:10px auto 5px auto;
         padding:10px;
     }
     .calendar td { padding:4px 4px; text-align:center;}
     .calendar th {
        padding:4px;
        font-weight:bold;
        text-align:center;
     }
     #dn_row {
        border-bottom:2px solid #fff;
     }
     .calendar-month {
         /*background-color:#eee;*/
         padding-top:5px;
         text-align:center;
         font-weight:bold;

     }
     .calendar-month a{ color:#333; }
     #calhead {
        position:relative;
     }
     #cal_form {
        background:#fff url(../images/cal_fade.gif) repeat-x 0 100%;
     }
     #cal_form form { padding:0 0 10px 0; }

     #calhov {
         position: relative;
     }
     #calpop {
         position:absolute;
         top:-120px;
         right:140px;
         width: 0px;
         height: 0px;
         border:1px solid #336600;
         background-color:#fff;
     }
     #cpopsub {
         padding-top:10px;
     }
     #archpad { margin-top:5px; }

     .head6 {
         font-weight:bold;
         padding:0 0 0 10px;
     }

     .maxh { height: 380px; }
     .current { color:#333; }
     .page_links {text-align:center; }
     .calevent a{ font-weight:bold; color:#333; font-size:120%;}
     .link2 { color:#333; }
     .pr { padding-right:5px; }
     .newsh {
            color
            padding:5px 10px 0px 10px;
            color:#bebc4e;
            font-weight:bold;
            font-size:13px;
            margin:5px 0 0 10px;
     }
     .newsp { padding:2px 10px 10px 10px;}
     .filep { padding:3px 10px 2px 10px;}
     .search_h { padding:5px 15px 0px 10px; }
     #stellogo {width:119px; padding-left:42px; }