/* =============================================================================
Wiski - Global
============================================================================= */

/* General
============================================================================= */

html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: url(/img/backgrounds/general/main.gif) top center repeat;
  font: normal 11px/17px Tahoma, Arial, sans-serif;
  color: #2f2f2f;
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#navigation span, h2 span, h3 span, h4 span {display: none;}

input, textarea {
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #2f2f2f;
  margin: 0;
  padding: 0;
}

button {
  display: block;
  cursor: pointer;
}

div.clear, span.clear, i.clear, b.clear {
  display: block;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  position: relative;
  clear: both;
}

#page_container {
  text-align: left;
  width: 962px;
  margin: 0 auto;
}

p a {
  color: #ba0f0f;
  border-bottom: 1px solid #e3cdcd;
}

p a:hover {
  color: #d84b4b;
  border-bottom: 1px solid #fff;
}

#content {
  background: url(/img/backgrounds/general/content.gif) 0 0 repeat-y;
  padding: 0 0 32px 0;
  border-bottom: 1px solid #ccc;
}

/* Header
============================================================================= */

#header {
  background: url(/img/backgrounds/general/header.gif) no-repeat;
  width: 960px;
  height: 98px;
  margin: 0 0 0 1px;
}

  #header .section {
    background: url(/img/backgrounds/general/line_3_2.gif) bottom left no-repeat;
    height: 99px;
  }

  #header #logo {
    width: 160px;
    height: 46px;
    padding: 36px 0 0 30px;
    float: left;
  }

  #header h1 {
    display: block;
    background: url(/img/logos/logo.gif) 0 0 no-repeat;
    text-indent: -9999px;
    height: 46px;
    cursor: pointer;
  }

    #header h1 a {
      display: block;
      width: 160px;
      height: 46px;
    }

/* Navigation
============================================================================= */

#nav_block {
  width: 342px;
  float: right;
  padding: 32px 30px 0 0;
}

#nav_spacer {
  height: 35px;
}

#nav_block ul#user_nav {
  background: url(/img/icons/header/user.gif) 0 4px no-repeat;
  height: 35px;
  padding-left: 10px;
}

#nav_block ul#user_nav li {
  background: url(/img/icons/header/break.gif) 8px 3px no-repeat;
  float: left;
  display: block;
  padding-left: 17px;
}
#nav_block ul#user_nav li.first {
  padding: 0;
  background: none;
}

#nav_block ul#user_nav li a {
  color: #ba0f0f;
  border-bottom: 1px solid #e3cdcd;
}

#nav_block ul#user_nav li a:hover {
  color: #d84b4b;
  border-bottom: 1px solid #fff;
}

#nav_block ul#navigation {
  margin: 0;
}

  #nav_block ul#navigation li {
    margin: 0 24px 0 0;
    float: left;
  }

  #nav_block ul#navigation li.last {margin: 0;}

    #nav_block ul#navigation li a {
      display: block;
      height: 32px;
      cursor: pointer;
    }

    #nav_block ul#navigation li a#home { background: url(/img/nav/main/home.gif) 0 0 no-repeat; width: 44px;}
    #nav_block ul#navigation li a#resorts { background: url(/img/nav/main/resorts.gif) 0 0 no-repeat; width: 53px;}
    #nav_block ul#navigation li a#editorial { background: url(/img/nav/main/editorial.gif) 0 0 no-repeat; width: 62px;}
    #nav_block ul#navigation li a#register { background: url(/img/nav/main/register.gif) 0 0 no-repeat; width: 106px;}

    #nav_block ul#navigation li a#home:hover,
    #nav_block ul#navigation li a#resorts:hover,
    #nav_block ul#navigation li a#editorial:hover,
    #nav_block ul#navigation li a#register:hover {
      background-position: 0 -32px;
    }

    #nav_block ul#navigation li a#home_active { background: url(/img/nav/main/home.gif) 0 -64px no-repeat; width: 44px;}
    #nav_block ul#navigation li a#resorts_active { background: url(/img/nav/main/resorts.gif) 0 -64px no-repeat; width: 53px;}
    #nav_block ul#navigation li a#editorial_active { background: url(/img/nav/main/editorial.gif) 0 -64px no-repeat; width: 62px;}
    #nav_block ul#navigation li a#register_active { background: url(/img/nav/main/register.gif) 0 -64px no-repeat; width: 106px;}

/* Dropdowns
============================================================================= */

div.select_div {
  height: 25px;
  padding-right: 25px;
  background: url(/img/backgrounds/dropdowns/off.gif) right top no-repeat;
  padding-left: 0;
  cursor: pointer;
  float: left;
  -moz-user-select: none;
  margin-right: 15px;
  margin-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  width: 131px;
}

div.select_div span {
  height: 25px;
  display: block;
  line-height: 25px;
  width: 124px;
  padding-left: 7px;
  background: url(/img/backgrounds/dropdowns/bar.gif) 0 0 no-repeat;
  cursor: pointer;
}

div.popup_div {
  position: absolute;
  display: block;
  overflow: hidden;
}

div.popup_div span, div.popup_div em {
  display: block;
  height: 17px;
  line-height: 17px;
  width: 135px;
  cursor: pointer;
  color: #FFFFFF;
  padding-left: 3px;
  overflow: hidden;
}
div.popup_div span:hover {
  background: #EEEEEE;
  color: #2F2E2E;
}
div.popup_div .single_col span, div.popup_div .first_col span {
  width: 144px;
}

.popup_div .single_col {
  width: 156px;
}

.popup_div .first_col {
  width: 155px;
  float: left;
}

.popup_div .middle_col, .popup_div .end_col {
  width: 150px;
  float: left;
}

.popup_div .head_col {
  height: 6px;
  line-height: 6px;
  font-size: 6px;
}
.popup_div .foot_col {
  height: 8px;
  line-height: 8px;
  font-size: 8px;
}

.popup_div .single_col .head_col {
  background: url(/img/dropdown/single_head.png) 0 0 no-repeat;
}
.popup_div .single_col .main_col {
  background: url(/img/dropdown/single_main.png) 0 0 repeat-y;
  padding-left: 4px;
}
.popup_div .single_col .foot_col {
  background: url(/img/dropdown/single_foot.png) 0 0 no-repeat;
}

.popup_div .first_col .head_col {
  background: url(/img/dropdown/first_head.png) 0 0 no-repeat;
}
.popup_div .first_col .main_col {
  background: url(/img/dropdown/first_main.png) 0 0 repeat-y;
  padding-left: 4px;
}
.popup_div .first_col .foot_col {
  background: url(/img/dropdown/first_foot.png) 0 0 no-repeat;
}

.popup_div .middle_col .head_col {
  background: #9C9C9C;
}
.popup_div .middle_col .main_col {
  background: url(/img/dropdown/mid_main.png) 0 0 repeat-y;
  padding-left: 8px;
}
.popup_div .middle_col .foot_col {
  background: url(/img/dropdown/mid_foot.png) 0 0 no-repeat;
}

.popup_div .end_col .head_col {
  background: url(/img/dropdown/end_head.png) 0 0 no-repeat;
}
.popup_div .end_col .main_col {
  background: url(/img/dropdown/end_main.png) 0 0 repeat-y;
  padding-left: 8px;
}
.popup_div .end_col .foot_col {
  background: url(/img/dropdown/end_foot.png) 0 0 no-repeat;
}

/* Search bar
============================================================================= */

#search_bar {
  background: url(/img/backgrounds/general/line_3_2.gif) bottom left no-repeat;
  height: 42px;
  margin: 17px 0 0 1px;
  position: relative;
}

#search_bar #location {
  height: 40px;
  float: left;
  overflow: hidden;
  padding-left: 15px;
}

#search_bar #location select {
  float: left;
  display: block;
  margin: 0 10px 0 14px;
  font: normal 11px/25px Tahoma, Sans-Serif;
}

#search_bar #location button {
  float: left;
  display: block;
  background: url(/img/buttons/go.gif) 0 0 no-repeat;
  height: 25px;
  width: 34px;
  cursor: pointer;
}
#search_bar #location button:hover {background-position: 0 -25px;}

#search_bar form#search {
  background: url(/img/backgrounds/textboxes/292.gif) left top no-repeat;
  width: 343px;
  padding: 0 30px 0 0;
  float: right;
}

#search_bar form#search .textinput {
  background: none;
  height: 25px;
  width: 276px;
  padding: 5px 8px 0 8px;
  border: none;
  float: left;
}

#search_bar form#search button {
  background: url(/img/buttons/go.gif) 0 0 no-repeat;
  height: 25px;
  width: 44px;
  float: right;
  cursor: pointer;
}

#search_bar form#search button:hover {background-position: 0 -25px}

/* Nav bar
============================================================================= */

div#no_nav_bar {
  height: 41px;
}

ul#nav_bar {
  display: block;
  padding: 11px 0 0 31px;
  height: 30px;
}

#nav_bar li {
  display: block;
  float: left;
  color: #6E6E6E;
}

#nav_bar li a {
  color: #BA1116;
  display: block;
  float: left;
  border-bottom: 1px solid #E5CCD2;
}
#nav_bar li a:hover {
  border: none;
  color: #D84B4B;
}

#nav_bar li span {
  display: block;
  padding: 0 6px;
  float: left;
  color: #C8C8C8;
}

/* Footer
============================================================================= */

#footer {
  background: url(/img/backgrounds/footer/main.png) 0 0 repeat-y;
  padding: 30px 0 32px 31px;
  border-bottom: 1px solid #ccc;
  height: 1%;
}

  #footer #links {
    background: url(/img/backgrounds/footer/line.gif) left bottom no-repeat;
    padding: 0 0 31px 0;
  }

    #footer #links ul {
      width: 186px;
      float: left;
    }

    #footer #links ul li a {
      color: #2f2f2f;
      background: url(/img/icons/footer/arrow.gif) 0 4px no-repeat;
      padding: 0 0 0 10px;
    }

    #footer #links ul li a:hover {color: #717171;}

    #footer #links ul li a.primary {
      font: bold 11px Georgia, serif, "Times New Roman";
      color: #ba0f0f;
      background: none;
      padding: 0;
    }

    #footer #links ul li a.primary:hover {color: #d84b4b;}

  #footer #general {
    color: #7e7e7e;
    height: 17px;
    padding: 28px 0 0 0;
  }

    #footer #general a {
      color: #6a6969;
      border-bottom: 1px solid #d5d5d5;
    }

    #footer #general a:hover {
      color: #a9a9a9;
      border-bottom: 1px solid #f0f0f0;
    }

    #footer #general .section {
      width: 372px;
      float: left;
    }

    #footer #general .last {width: 156px;}
    #footer #general span {color: #b9b9b9;}

/* Advert box
============================================================================= */

#advert_box {
    width: 371px;
    overflow:hidden;
    padding-left: 11px;
}
#advert_box.size_98_197 {
    width: 300px;
    padding-left: 50px;
}
#advert_box p.ad {
    float:left;
    margin-right: 15px;
    margin-bottom: 22px;
}
p.ad a {
    border: none;
}
p.ad a img {
    padding: 2px;
    border: 1px solid #d0d0d0;
}
#advert_box p.text-link {
  clear: both;
  float:none;
}
#advert_box p.text-link a {
  color: #BA1116;
  border-bottom: 1px solid #E5CCD2;
}
#advert_box a:hover {
  border: none;
  color: #D84B4B;
}

#fake_box {
    height: 30px;
}
