/**
 * Wialus Website
 * http://www.wialus.co.nz/
 *
 * Copyright (c) 2010 Wialus Solutions Limited
 * All rights reserved. Sole property of Wialus Solutions Limited
 * http://www.wialus.co.nz
 *
 * $Date$
 * $Revision$
 * $LastChangedBy$
 * $HeadURL$
*/

@media all
{
    .hero-heading{
        margin-top:15px;
        color:#EEE;
        font-style:italic;
        font-size:18px;
    }
    .hero-sub{
        color:#EEE;
        line-height:20px;
        font-size:13px;
        width:300px;
        margin-top:20px;
        margin-bottom:20px;
    }
    .wivolo-trynow{
        background:url('/img/btn-wivolo-hero.png') 0 0;
        width:190px;
        height:35px;
        position:absolute;
        bottom:69px;
        background-repeat: no-repeat !important;
    }
        .wivolo-trynow:hover{
            background-position: 0 -36px !important;
        }
        .wivolo-trynow a {
            width:100%;
            display:block;
            height:35px;
        }

    #banner-home {
        margin:0 auto;
        position:relative;
        overflow:hidden;
        clear:both;
        width:950px;
        height:287px;
    }
        .hero{
            padding:7px;
            padding-left:30px;
            padding-top:25px;
        }
        .hero-0{
            background:url(/img/hero/home-hero-0.jpg) no-repeat;
        }
        .hero-1{
            background:url(/img/hero/home-hero-1.jpg) no-repeat;
        }
        .hero-2{
            background:url(/img/hero/home-hero-2.jpg) no-repeat;
        }
        .hero-3{
            background:url(/img/hero/home-hero-3.jpg) no-repeat;
        }
        .hero-4{
            background:url(/img/hero/home-hero-4.jpg) no-repeat;
        }
        .hero-5{
            background:url(/img/hero/home-hero-5.jpg) no-repeat;
        }

        #banner-btns{
            bottom:10px;
            right:30px;
            z-index:1;
            position:absolute;
            overflow:hidden;
        }
            #scroller-small{
            width:260px;
            height:40px;
            overflow:hidden;
            }
            #banner-btn-next{
                width:21px;
                height:30px;
                bottom:18px;
                right:5px;
                position:absolute;
                cursor:pointer;
                z-index:1;
            }
                #banner-btn-next{
                    background:url(/img/btn-next-hero.png) 0 0;
                }
                #banner-btn-next:hover{
                    background-position:0 -34px !important;
                }

            #banner-nav{
                float:left;
                list-style:none;
            }
                .banner-control{
                    width:100%;
                    display:block;
                    height:100%;
                }
                .banner-thumb{
                    width:86px;
                    height:40px;
                    float:left;
                    background:#ccc;
                    margin-right:3px;
                    cursor:pointer;
                }
                .banner-thumb-active{
                    background-position:0 -40px !important;
                }
                .banner-thumb-0{
                    background:url(/img/hero/home-hero-thumb-0.png) 0 0;
                }
                .banner-thumb-1{
                    background:url(/img/hero/home-hero-thumb-1.png) 0 0;
                }
                .banner-thumb-2{
                    background:url(/img/hero/home-hero-thumb-2.png) 0 0;
                }
                .banner-thumb-3{
                    background:url(/img/hero/home-hero-thumb-3.png) 0 0;
                }
                .banner-thumb-4{
                    background:url(/img/hero/home-hero-thumb-4.png) 0 0;
                }
                .banner-thumb-5{
                    background:url(/img/hero/home-hero-thumb-5.png) 0 0;
                }

    /* override single pane */
    #scroller-large .items > div {
        float:left;
        display:block;
        width:950px;
        height:287px;
        font-size:14px;
        background-color:#57A5BC;
    }

        /* our additional wrapper element for the items */
        #scroller-large .items, #banner-btns .items {
            width:20000em;
            position:absolute;
            clear:both;
            margin:0;
            padding:0;
        }

    #tile-counter{
        width:950px;
        height:40px;
        background:url(/img/tile-counter-bg.png) no-repeat;
        margin:20px auto 15px auto;
    }
        #tile-counter-content{
            margin-left:230px;
            clear:both;
        }
            #tile-counter-img{
                width:31px;
                height:27px;
                padding-top:5px;
                float:left;
                margin-right:10px;
            }
            #tile-counter-text{
                font-size:14px;
                color:#0E667E;
                float:left;
                padding-top:10px;
                margin-right:10px;
            }
            #tile-counter-number{
                float:left;
            }
                .tile-counter-digit{
                    width:19px;
                    height:22px;
                    float:left;
                    margin-left:2px;
                    margin-top:8px;
                }
                #tile-counter-left{
                    height:36px;
                    width:4px;
                    background:url(/img/tile-counter-left.png) no-repeat;
                    float:left;
                }
                #tile-counter-mid{
                    height:36px;
                    float:left;
                    background:url(/img/tile-counter-mid.png) repeat-x;
                }
                #tile-counter-right{
                    height:36px;
                    width:4px;
                    float:left;
                    background:url(/img/tile-counter-right.png) no-repeat;
                }

    .content-home{
        width:950px !important;
        padding:0px !important;
    }

    .home-content-section{
        float:left;
        width:237px;
        padding-top:0px;
    }
        .home-content-section-text, .home-content-section-link, .home-content-section-heading{
            margin-left:12px;
            margin-right:12px;
        }
        .home-content-section-seperator{
            float:right;
            background:url(/img/home-content-section-seperator.png) no-repeat;
            width:1px;
            height:134px;
            margin-right:0px;
        }
        .home-content-section-heading{
            font-size:17px;
            line-height:18px;
            margin-top:10px;
            margin-right:10px;
            height:27px;
        }
            .home-content-section-heading a{
                color:#777 !important;
                text-decoration:none !important;
            }

            .recent-date{
                background:url(/img/icon-news.png) no-repeat 0 0 ;
                font-size:12px;
                line-height:18px;
                height:19px;
                display:block;
                float:right !important;
                padding-left:20px;
            }
            .home-content-section-heading img{
                float:right;
            }
            .home-content-section-link{
                margin-bottom:6px;
            }

}