/*
    Document   : yellowheader
    Created on : Oct 12, 2010, 12:07:54 PM
    Author     : Jayce
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin:0;
    padding:0;
}

#yellowheader {
    width:100%;
    height:44px;
    position:absolute;
    top:0px;
    left:0px;
    float:left;
    z-index:9999;
}

sup {
    font-size:9px;
    position:relative;
    top:2px;
    left:1px;
}

#yellowheadbar {
    width:100%;
    height:44px;
    line-height:45px;
    overflow:hidden;
    background-color:#221E1F;
    border-bottom:1px solid #FFF;
    color:#FFFF00;
    position:absolute;
    top:0px;
    left:0px;
    z-index:9000;
}

#yellownavbar {
    width:910px;
    margin:0 auto;
    color:#FFFF00;
    font-size:14px;
    height:45px;
    line-height:45px;
    font-family:Arial,Helvetica;
}

#yellownavbar ul {
    margin: 0;
    padding: 0;;
}


#yellownavbar li {
    list-style: none;
    float: left;
}

.dropdown {
}

.dropdown_arrow {
    position:relative;
    top:15px;
    margin-right:2px;
    float:left;
    border:0;
}

#yellownavbar li a {
    display: block;
    color: #ffff00;
    text-decoration: none;
    padding-left:8px;
    padding-right:12px;
    border-left:1px solid #302B2C;
    border-right:1px solid #090808;
    height:44px;
}

.item_smicon {
    margin-right:8px;
    position:relative;
    top:7px;
    height:20px;
}


.item span.subtitle {
    position:relative;
    left:26px;
}

#yellownavbar li a.highlight {
    color:#000;
}

.highlight {
    background:#FDE300;
    color:#000;
}

/*#yellownavbar li a:hover {
    background-color: #36383A;
}*/

#yellownavbar .yellowheadlogo a {
    border-left:none;
}

#yellownavbar .yellowheadlogo a:hover {
    background-color: #221E1F;
}

#yellowbotbar {
    width:100%;
    height:1px;
    background-color:#CCCCCC;
}

#yellowheadsub {
    position:relative;
    top:32px;
    width:100%;
    overflow:hidden;
    border-top:2px solid #CCC;
    padding-top:20px;
    padding-bottom:15px;
    border-bottom:1px solid #FDCB00;
    z-index:9999;
}

.yellowsub {
    width:930px;
    margin:0 auto;
    font-family:Arial, Helvetica;
    color:#333;
    font-size:11px;
    padding-left:25px;
}

.yellowsub img {
    float:left;
    margin-top:-10px;
}

.yellowsub h1 {
    font-size:14px;
    position:relative;
    left:-2px;
    margin-top:0;
    margin-bottom:0;
    font-family:Arial,Helvetica,sans-serif;
    clear:none;
    font-weight:bold;
}

#div_allsite h1 {
    font-weight:normal;
}

#allsite h1 {
    font-size:14px;
    font-weight:normal;
}

.all_head {
    font-size:13px;
}

.item {
    width:198px;
    margin-right:11px;
    float:left;
}

.item span.reg {
    font-size:10px;
    position:relative;
    top:-3px;
    left:1px;
}

.item span {
    position:relative;
    left:-2px;
    margin-top:3px;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
}

#div_mobile .item span {
    top:3px;
}

#div_mobile .item span.reg {
    top:-3px;
}

#div_mobile .item {
    width:235px;
}


.item.guidetoak {
    width:220px;
}

.item.vouch {
    width:220px;
}

.item.tourism {
    width:205px;
}

#allsites .item {
    width:165px;
    margin-bottom:15px;
}

#allsites {
    margin-left:20px;
    width:960px;
}

#yellowheadbot {
    width:100%;
    height:1px;
    background-color:#FDCB00;
    float:left;
    clear:left;
}

.yellowheadclose {
    float:right;
    width:55px;
    height:20px;
    margin-right:20px;
    position:relative;
    z-index:9999;
}

.yellowheadclose:hover {
    cursor: pointer;
    cursor: hand;
}

.item ul {
    margin:0;
    padding:0;
    list-style:none;
}

.item li {
    margin:0;
    padding-top:2px;
    min-height:20px;
    margin-bottom:5px;
}

.item a {
    color:#00AEF0;
    text-decoration:none;
    display:block;
    outline:0;
}

.item a:hover {
    color:#00CCFF;
}

.tail {
    height:13px;
    position:relative;
    margin:0 auto;
    z-index:99999;
}

.tail img {
    position:relative;
    top:0px;
}


.yellowheadlogo {
    margin-right:10px;
}

.all {
    left: 398px;
    top: 44px;
    width: 95px;
}

.lifestyle {
    left: 4px;
    top: 44px;
    width: 135px;
}

.deals {
    left: 113px;
    top: 44px;
    width: 76px;
}

.corp {
    left: 207px;
    top: 44px;
    width: 106px;
}

.mobile {
    left: 306px;
    top: 44px;
    width: 87px;
}

.city {
    left: -123px;
    top: 44px;
    width: 115px;
}

.item img {
    border:0;
}

.item a {
   color:#333333;
   text-decoration:none;
   display:block;
   font-size:11px;
}

.item span a {
   display:inline;
}

#div_allsite .item {
    width:160px;
    height:40px;
}

#div_corporate .item {
    width:205px;
}

#div_allsite .item.smaller {
    width:150px;
}

#div_allsite .item.bigger {
    width:165px;
}

.item a:hover {
  color:#0099FF;
}

.icon_yellow {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconyellow.gif) no-repeat;
}

.icon_g2a {
    background:url(http://header.yellow.co.nz/images/yellowhead_icong2a.gif) no-repeat;
}

.icon_menus {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconmenus.gif) no-repeat;
}

.icon_018 {
    background:url(http://header.yellow.co.nz/images/yellowhead_icon018.gif) no-repeat;
}

.icon_nzto {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconnzto.gif) no-repeat;
}

.icon_howto {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconhowto.gif) no-repeat;
}

.icon_mobile {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconmobile.gif) no-repeat;
}

.icon_wises {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconwises.gif) no-repeat;
}

.icon_maps {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconmaps.gif) no-repeat;
}

.icon_gups {
    background:url(http://header.yellow.co.nz/images/yellowhead_icongups.gif) no-repeat;
}

.icon_vouch {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconvouch.gif) no-repeat;
}

.icon_finda {
    background:url(http://header.yellow.co.nz/images/yellowhead_iconfinda.gif) no-repeat;
}

.yellow_hide {
    display:none;
}

.yellow_show {
    display:block;
}

.yellowheader_pushdown {
    width:100%;
    height:45px;
    float:left;
    position:relative;
}

.yellowheader_clear {
    clear: both;
    height:1px;
    background-color: #000;
}