/*
 Author: Boris Biserov Delev
 Web: www.studiox.bg
 Date: 2010.1.5
 wrapp
 Legend:
 	[1] Global
	[2] Master elements
		- wrapper
		- header
		- footer
	[3] Pages elements
*/


/*
 * Global
 */

html {
     overflow: -moz-scrollbars-vertical;
}

body, html {
    height: 100%;
    background: white url(../images/live/bg-body.png) repeat-x center top;
    font: 11px Tahoma, Geneva, sans-serif;
	color: #69696A;
}

a {
	color: #69696A;
}

.clear {
	clear: both;
}

.hide {
    display: none;
}

input,
textarea,
select,
button,
code {
	font: 11px Tahoma, Geneva, sans-serif;
}

input,
textarea {
	padding: 4px 3px;
	outline: none;
	color: #B2B2B2;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/*
 * Master elements
 */


#background {
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    
    background: url(../images/live/loader.gif) no-repeat center center;
    text-align: center;
}

#snowflakes {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    #snowflakes strong {
        display: block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-position: center center;
    }

#wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: auto;
    color: #333;
}

.wrapper {
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
}

#header {
    height: 110px;
    background: url(../images/live/bg-header.png) repeat-x center bottom;
}

    #header h1 {
        float: left;
		position: relative;
        background: url(../images/live/logo.png) no-repeat center center;
    }/*
		#header h1 #candle{
			position:absolute;
			width: 67px;
			height:67px;
			right:16px;
			bottom:26px;
			background-image: url(../images/live/candle.png);
		}
         Christmas logo
        #header h1 {
            background-image: url(../images/live/logo-christmas.png);
        }
        */

        #header h1 a { 
            display: block; 
            width: 145px;
            height: 100px;
            overflow: hidden;
            text-indent: -9999px;
        }
            #header h1 a { width: 210px; }

    #header h2 { display: none; }

    #header .fixcoord { position: relative; overflow: visible; z-index: 100; }

    /* Menu */
    #header ul {
        overflow: hidden;
        position: absolute;
        top: -34px;
        left: 200px;
        height: 40px;
    }

        #header ul li {
            float: left;
            padding: 15px 7px 0 5px;
            height: 25px;
            background: url(../images/live/bg-menu.png) no-repeat right center;
        }
            #header ul li.last { background: none; padding-right: 0; }
            #header ul li.models { padding: 15px 7px 0 7px; }
            
        #header ul a {
            display: block;
            overflow: hidden;
            width: 51px;
            height: 18px;

            background: url(../images/live/menu.png) no-repeat 0 -20px;
            text-indent: -9999px;
        }
            #header ul a:hover, #header ul .active_models a {
                background-position: 0 0;
            }

            #header ul li.active_models {
                background: url(../images/live/bg-menu-models-hover.gif) no-repeat left bottom;
            }

            #header ul a.news { width: 50px; background-position: -65px -20px; }
            #header ul a.news:hover, #header ul .active a.news { background-position: -65px 0; }

            #header ul a.about { width: 39px; background-position: -128px -20px; }
            #header ul a.about:hover, #header ul .active a.about { background-position: -128px 0; }

            #header ul a.top { width: 79px; background-position: -180px -20px; }
            #header ul a.top:hover, #header ul .active a.top { background-position: -180px 0; }

            #header ul a.services { width: 111px; background-position: -272px -20px; }
            #header ul a.services:hover, #header ul .active a.services { background-position: -272px 0; }

            #header ul a.clients { width: 98px; background-position: -395px -20px; }
            #header ul a.clients:hover, #header ul .active a.clients { background-position: -395px 0; }

            #header ul a.forum { width: 45px; background-position: -504px -20px; }
            #header ul a.forum:hover, #header ul .active a.forum { background-position: -504px 0; }

            #header ul a.contacts { width: 59px; background-position: -565px -20px; }
            #header ul a.contacts:hover, #header ul .active a.contacts { background-position: -565px 0; }

            #header ul a.secondhand { width: 79px; background-position: -636px -20px; }
            #header ul a.secondhand:hover, #header ul .active a.secondhand { background-position: -636px 0; }

            #header ul a.kia_design { width: 72px; background-position: -728px -20px; }
            #header ul a.kia_design:hover, #header ul .active a.kia_design { background-position: -728px 0; }

            #header ul a.language { width: 17px; background-position: -813px -20px; }
            #header ul a.language:hover { background-position: -813px 0; }

#header form {
    width: 766px;
    position: absolute;
    overflow: hidden;
    top: -90px;
    right: 11px;
}

    #header form fieldset {
        overflow: hidden;
        float: left;
        width: 203px;
        height: 26px;
        margin: 10px 0 0 0;
        padding: 4px 0 0 5px;
        background: url(../images/live/bg-header-search.png) no-repeat center center;
    }

        #header form fieldset input {
            float: left;
            width: 162px;
            height: 14px;
            border: 0;
            margin-right: 5px;
        }


    #header form legend { display: none; }
    #header form button {
        float: left;
        width: 24px;
        height: 22px;
        overflow: hidden;

        background: none;
        border: 0;
        text-indent: -9999px;
        cursor: pointer;
    }

    #header form .kia_phone {
	 float: right;
	 overflow: hidden;
	 width: 125px;
	 height: 52px;
	 
	 background: url(../images/live/bg-kiaphone.png) no-repeat right center;
	 text-indent: -9999px;
    }
    #header form .certificate {
	 float: right;
	 overflow: hidden;
	 width: 40px;
	 height: 49px;
         margin-left: 9px;
	 
	 background: url(../images/live/certificate.png) no-repeat right center;
	 text-indent: -9999px;
    }

    #header form a {
        float: right;
        overflow: hidden;
        width: 70px;
        height: 52px;
        
        background: url(../images/live/bg-testdrive.png) no-repeat center center;
        text-indent: -9999px;
    }
        #header form a.newsletter { background-image: url(../images/live/newsletter.png); }
        #header form a.dealers { width: 75px; background-image: url(../images/live/dealers.png); }
        #header form a.online_service { width: 85px; background-image: url(../images/live/online_service.png); }
        #header form .rent { background-image: url(../images/live/bg-rentacar.png); }

#cars {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: 15px;
    width: 950px;
    height: 475px;

    z-index: 99;
    background: url(../images/live/bg-cars.png) no-repeat left top;
}

#cars .box {
    padding: 50px 0 0 20px;
    background: url(../images/live/bg-cars-titles.png) no-repeat 20px 25px;
}

    #cars .column {
        float: left;
        padding: 0 10px 0 0;
    }

    #cars .car {
        margin-bottom: 10px;
    }

    #cars .car a {
        display: block;
        width: 168px;
        height: 88px;
        padding: 2px 0 0 2px;
        text-align: center;
        color: #5A5A5A;
        text-decoration: none;
    }
        #cars .car a:hover {
            color: #8F1F1E;
            background: url(../images/live/bg-cars-selected.gif) no-repeat center center;
        }

    #cars .car strong { font-weight: bold; text-transform: uppercase; }
    #cars .car em, #cars .car a:hover strong { font-weight: bold; color: #BF0606; }

#content,
#home {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 130px;
    min-height: 500px;
}

#home { position: relative; }

#info_box {
    position: absolute;
    overflow: hidden;
    top: 10%;
    left: 0;
    width: 280px;
    z-index: 5;    
}
    #info_box.right {
        left: auto;
        right: 0;
    }

    #info_box .top {
        display: block;
        height: 13px;
        overflow: hidden;
        background: url(../images/live/bg-info-box.png) no-repeat -280px 0;
    }
        #info_box.right .top {
            background-position: -259px 0;
        }

    #info_box .bottom {
        display: block;
        height: 12px;
        overflow: hidden;
        background: url(../images/live/bg-info-box.png) no-repeat -560px 0;
    }
        #info_box.right .bottom {
            background-position: -539px 0;
        }

    #info_box .content {
        display: block;
        position: relative;
        padding: 0 25px 2px 12px;
        min-height: 100px;
        background: url(../images/live/bg-info-box.png) no-repeat left center;
    }
        #info_box.right .content {
            padding: 0 0 2px 35px;
            background-position: right center;
        }

    #info_box h2 {
        overflow: hidden;
        width: 230px;
        height: 50px;
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }

    #info_box strong {
        display: block;

        padding: 5px 0 15px 0;
        color: #8D8F95;
        font-size: 18px;
    }
        #info_box strong em { font-weight: bold; color: #B60505; }

        #info_box a {
            display: block;
            overflow: hidden;
            height: 31px;
            
            background: url(../images/live/bg-info-box-texts.png) no-repeat 0 0;
            text-indent: -9999px;
        }

        #info_box a.information {
            background-position: 0 -38px;
        }

        #info_box a.document {
            background-position: 0 -79px;
        }

        #info_box a.video {
            background-position: 0 -120px;
        }

#info_options {
    position: absolute;
    width: 100%;
    left: 0;
    top: -70px;
    z-index: 5;
}

    #info_options .wrapper {
        width: 940px;
    }

    #info_options p,
    #model_info .quarantee,
    #model_info .video {
        float: left;
        overflow: hidden;
        width: 164px;
        height: 41px;
        background: url(../images/live/bg-quarantee.png) no-repeat 0 0;
        text-indent: -9999px;
    }
        #info_options p.years_5, #model_info div.years_5 { background-position: 0 -145px; }
        #info_options p.years_7, #model_info div.years_7 { background-position: 0 -289px; }
        #info_options p.years_0, #model_info div.years_0 { background-position: 0 100px; }
        
        #info_options p.years_1, #model_info div.years_1 { background-position: 0 -49px; }
        #info_options p.years_2, #model_info div.years_2 { background-position: 0 -164px; }
        #info_options p.years_4, #model_info div.years_4 { background-position: 0 -337px; }

        #info_options p.years_6, #model_info div.years_6 { background-position: 0 -97px; }
        #info_options p.years_8, #model_info div.years_8 { background-position: 0 -241px; }
        #info_options p.years_9, #model_info div.years_9 { background-position: 0 -385px; }

        #info_options p.years_10, #model_info div.years_10 { background-position: 0 -433px; }
        #info_options p.years_11, #model_info div.years_11 { background-position: 0 -481px; }

    #model_info .quarantee {
        display: block;
        float: none;
    }

    #model_info .video {
        clear: both;
        width: 170px;
        height: 43px;
        margin: 10px 0 0 0;
        background-image: url(../images/live/btn-model-video.png);
    }

    #info_options a {
        float: right;
        overflow: hidden;
        width: 30px;
        height: 30px;
        margin: 7px 0 0 5px;
        background: url(../images/live/btn-home-nav.png) no-repeat 0 0;
        text-indent: -9999px;
    }
        #info_options a.next { background-position: -35px 0; }

#footer {
    position: relative;
    margin-top: -110px;
    clear: both;
    height: 110px;
    background: url(../images/live/bg-footer.png) repeat-x center top;
}

    #footer .studiox, #footer .studiox:hover strong {
        text-decoration: none;
    }
        #footer .studiox strong { text-decoration: underline; }


/*
 * Page elements
 */

#car {
    overflow: hidden;
    padding: 15px 0 0 0;
}

    #car h2 {
        background-position: 0 0;
        background-repeat: no-repeat;
        height: 70px;
        overflow: hidden;
        text-indent: -9999px;
    }

    #car .cvetove,
    #car .djanti {
        display: block;
        overflow: hidden;
        width: 130px;
        padding: 30px 0 30px 40px;

        background: url(../images/live/cvetove.png) no-repeat left top;
    }

        #car .cvetove h3,
        #car .djanti h3 {
            display: none;
        }

    #car .djanti {
        width: 170px;
        padding: 30px 0 30px 0;
        background-image: url(../images/live/djanti.png);
    }

    #car .container {
        position: relative;
        float: right;
        width: 800px;
        background: url(../images/live/loader.gif) no-repeat center center;
        height: 400px;
    }
        #car .container .front,
        #car .container .breech {
            position: absolute;
            overflow: hidden;
            top: 239px;
            left: 102px;
            width: 103px;
            height: 103px;
        }
        #car .container .breech { left: 610px; }

    #car .cvetove ul {
        overflow: hidden;
        border: 1px solid #D6D8DB;
        width: 48px;
    }

        #car .cvetove ul li { float: left; padding: 1px; background: white; width: 14px; height: 14px; }
        #car .cvetove ul a { display: block; overflow: hidden; position: relative; }
        #car .cvetove ul span { position: absolute; overflow: hidden; top: 0; left: 0; width: 14px; height: 14px; text-indent: -9999px; }
        #car .cvetove ul .active span { background: url(../images/live/colour-select.png) no-repeat center center; }
        
        #car .cvetove strong {
            display: block;
            padding: 10px 0 0 2px;
            clear: both;
            color: #C56A31;
        }


    #car .djanti ul {
        overflow: hidden;
    }
        #car .djanti li {
            float: left;
            width: 70px;
            height: 120px;
            margin-right: 10px;
        }

        #car .djanti li a {
            display: block;
            text-align: center;
            text-decoration: none;
            cursor: default;
        }
            #car .djanti li .active strong { color: #C56A31; }


#model_logo {
    overflow: hidden;
    padding: 5px 0 10px 0;
}

    #model_logo h2 {
        float: left;
        overflow: hidden;
        width: 300px;
        height: 50px;
        background-position: 0 0;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }

    #model_logo .links {
        float: right;
    }

    #model_logo .links a,
    #model_logo .links span {
        float: right;

        padding: 0 0 8px 0;
        margin: 0 0 0 5px;

        font-size: 12px;
        font-weight: bold;
    }

    #model_logo .links a:hover,
    #model_logo .links a.active {
        background: url(../images/live/arrow-down.gif) no-repeat center bottom;
    }

    #model_logo .links a.active { text-decoration: none; }


/* Paginator */
.pagination {
    overflow: hidden;
    padding: 10px 0 10px 440px;
}

    .pagination li {
        float: left;
    }

    .pagination a {
        display: none;
        overflow: hidden;
        float: left;
        width: 30px;
        height: 30px;
        background: url(../images/live/btn-home-nav.png) no-repeat 0 0;
        text-indent: -9999px;
    }
    .pagination a.first,
    .pagination a.next {
        display: block;
    }

    .pagination a.next { background-position: -32px 0; }

    .pagination .pages {
        padding: 8px 5px 0 5px;
        color: #62656C;
    }
    .pagination strong { font-weight: bold; }


/* Breadcrumbs */
#breadcrumbs {
    padding: 5px 0 10px 0;
    font-size: 10px;
    text-transform: lowercase;
}

    #breadcrumbs a {
        float: left;
        padding: 0 10px 0 0;
        margin: 0 5px 0 0;
        background: url(../images/live/bg-breadcrumbs-a.gif) no-repeat right 5px;
    }

    #breadcrumbs span {
        float: left;
        font-weight: bold;
    }


/* Banners */
#adv {
    overflow: hidden;
}

#news_box {
    float: left;
    width: 300px;
    height: 75px;
    margin: 10px 0 0 20px;
    padding: 0 0 0 10px;
    overflow: hidden;

    background: url(../images/live/bg-news.png) no-repeat 0 0;
}

    #news_box .all {
        display: block;
        overflow: hidden;
        width: 80px;
        height: 20px;
        text-indent: -9999px;
    }

    #news_box ul {
        clear: both;
        width: 280px;
        overflow: hidden;
        padding: 5px 0 0 0;
    }

        #news_box ul li {
            padding: 0 0 3px 7px;
            background: url(../images/live/news-arrow.gif) no-repeat 0 5px;
            font-size: 9px;
        }

        #news_box ul a {
            text-decoration: none;
        }

#banners {
    float: left;
}

#banners_two {
    float: left;
    margin: 0 0 0 20px;
}

	#footer .jcarousel-container {
            display: block;
            position: relative;
            overflow: hidden;
            width: 315px;
            height: 80px;
            margin-top: 10px;
	}

        #footer .jcarousel-control {
            position: absolute;
            overflow: hidden;
            background: #BBBBBB;
            z-index: 5;
            right: 6px;
            bottom: 9px;
            padding: 3px 3px 3px 1px;
        }

            #footer .jcarousel-control a {
                float: left;
                overflow: hidden;
                width: 5px;
                height: 5px;
                margin: 0 0 0 3px;
                background: url(../images/live/dots.png) no-repeat -5px 0;
                text-indent: -9999px;
            }
                #footer .jcarousel-control a.active {
                    background-position: 0 0;
                }

	#footer .jcarousel-clip {
		z-index: 2;
		width: 315px;
		overflow: hidden;
		position: relative;
	}

	#footer .jcarousel-list {
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}

	#footer .jcarousel-list li,
	#footer .jcarousel-item {
		float: left;
		position: relative;
		overflow: hidden;

		width: 312px;
		height: 79px;
		padding: 1px 0 0 3px;

		list-style: none;
		text-align: left;

                background: url(../images/live/banners.png) no-repeat left top;
	}

	#footer .jcarousel-prev,
	#footer .jcarousel-next {
		position: absolute;
		width: 10px;
		height: 17px;
		left: 0;
		top: 25px;

		background: url(../images/live/btn-banners-arrows.png) no-repeat left top;
		cursor: pointer;
	}

	#footer .jcarousel-next {
		right: 0;
        left: auto;
		background-position: right top;
	}

    #footer .jcarousel-prev-disabled,
    #footer .jcarousel-next-disabled { opacity: 0.5; cursor: default; }


    #footer .navigation { clear: both; overflow: hidden; font-size: 10px; color: #A4A4A4; }
        #footer .navigation a { 
            float: left;
            padding: 0 5px 0 0;
            margin: 2px 5px 0 0;
            color: #A4A4A4;
            border-right: 1px solid #5A595A;
        }
        #footer .navigation address {
            float: left;
            display: inline;
            padding: 0 5px 0 0;
            margin: 2px 5px 0 0;
            border-right: 1px solid #5A595A;
        }
        #footer .navigation .icons {
            float: left;
            width: 16px;
            height: 16px;
            overflow: hidden;
            margin: 0 5px 0 0;
            text-indent: -9999px;
            border: none;
            background: url(../images/live/icon-facebook.png) no-repeat 0 0;
        }
            #footer .navigation .youtube {
                background-image: url(../images/live/icon-youtube.png);
            }
            #footer .navigation .twitter {
                background-image: url(../images/live/icon-twitter.png);
            }
    #footer .navigation a.studiox {
        float: right;
        margin: 3px 0 0 0;
        padding: 0;
        border: none;
    }


#navigation {
    height: 45px;
    overflow: hidden;
    padding: 1px 0 0 0;
    background: url(../images/live/bg-navigation.png) no-repeat left top;
}

    #navigation ul li {
        float: left;
        overflow: hidden;
        height: 34px;
        border-left: 1px solid #D2D2D2;
    }
        #navigation ul li.last_with_line { border-right: 1px solid #D2D2D2; }

    #navigation ul li a {
        float: left;
        height: 34px;
        border-left: 1px solid white;
        border-right: 1px solid white;
        cursor: pointer;
        text-decoration: none;
    }
        #navigation ul li a:hover, #navigation ul li a.active {
            background: url(../images/live/bg-navigation-hover.png) repeat-x 0 1px;
        }

        #navigation ul li span {
            float: left;
            height: 24px;
            padding: 10px 7px 0 29px;
            background: url(../images/live/bg-navigation-icons.png) no-repeat 0 0;
        }
            #navigation ul li.last span { padding-right: 4px; }
            #navigation ul li.last a { border-right: 0; }
            #navigation ul li a.active span { background-position: -214px 0; color: #E26201; }
            #navigation ul li span.two {
                height: 28px;
                padding-top: 3px;
            }

            #navigation ul li span.documentation { background-position: 0 -37px; }
            #navigation ul li a.active span.documentation { background-position: -214px -37px; }

            #navigation ul li span.technical_info { padding-left: 30px; background-position: 0 -73px; }
            #navigation ul li a.active span.technical_info { background-position: -214px -73px; }

            #navigation ul li span.calculator { padding-left: 34px; background-position: 0 -111px; }
            #navigation ul li a.active span.calculator { background-position: -214px -111px; }

            #navigation ul li span.leasing { padding-left: 34px; background-position: 1px -148px; }
            #navigation ul li a.active span.leasing { background-position: -213px -148px; }

            #navigation ul li span.gallery { padding-left: 31px; background-position: 1px -189px; }
            #navigation ul li a.active span.gallery { background-position: -213px -189px; }

            #navigation ul li span.colours { padding-left: 34px; background-position: 0 -224px; }
            #navigation ul li a.active span.colours { background-position: -214px -224px; }

            #navigation ul li span.price_list { background-position: 0 -261px; }
            #navigation ul li a.active span.price_list { background-position: -214px -261px; }

            #navigation ul li span.documentation { padding-left: 32px; background-position: 0 -335px; }
            #navigation ul li a.active span.documentation { background-position: -214px -335px; }

            #navigation ul li span.catalogue { padding-left: 32px; background-position: 0 -298px; }
            #navigation ul li a.active span.catalogue { background-position: -214px -298px; }


    #navigation form {
        display: block;
        overflow: hidden;
        color: #7E7E7E;
    }

        #navigation .kia_aproved {
            float: right;
            overflow: hidden;
            margin: 7px 10px 0 0;
            cursor: pointer;
        }
            #navigation .kia_aproved em {
                float: left;
                padding: 3px 3px 0 0;
            }
            #navigation .kia_aproved span {
                float: left;
                width: 90px;
                height: 21px;
                overflow: hidden;
                background: url(../images/live/btn-kia-aproved.png) no-repeat 0 0;
                text-indent: -9999px;
            }

        #navigation ol {
            overflow: hidden;
            float: left;
            line-height: 32px;
            padding: 0 20px 0 0;
            background: url(../images/live/bg-navigation-line.png) no-repeat right center;
        }
            #navigation ol.alone { background: none; }

            #navigation ol li {
                float: left;
            }

                #navigation ol.alone li {
                    background: none;
                    padding: 0 0 0 20px;
                }

            #navigation .custom_select {
                margin-right: 10px;
            }

            #navigation input { vertical-align: middle; }

            #navigation form legend { display: none; }

            #navigation form .count {
                float: left;
                width: 220px;
                font-weight: bold;
                padding: 10px 0 0 20px;
                color: #7E7E7E;
            }
            #navigation form label strong { font-weight: bold; }


#model_info {
    overflow: hidden;
    width: 300px;
    padding-top: 15px;
}

    #model_info .text { padding: 15px 40px 20px 0; color: #7D7D7F; }
    #model_info .text a { color: #7D7D7F; }

    #model_info h2 {
        overflow: hidden;
        height: 70px;
        background-position: 0 0;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }

    #model_info .price {
        font-size: 24px;
        color: #7B7B7B;
    }
        #model_info .price span { font-size: 25px; font-weight: bold; color: #E85303; }

#box {
    overflow: hidden;
    position: relative;
    padding: 30px 20px 20px 20px;
    background: white url(../images/live/bg-box.png) repeat-x center top;
    border: 1px solid #CDCED0;
}

    #box .back {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 58px;
        height: 18px;
        padding: 2px 0 0 27px;
        background: url(../images/live/bg-box-back.png) no-repeat center center;
        font-size: 10px;
        text-decoration: none;
    }

    #box .h3 {
        font-size: 12px;
        color: #C70000;
    }

    #box h2 a.kia_aproved {
        overflow: hidden;
        float: left;
        width: 90px;
        height: 21px;
        margin: 0 0 10px 0;
        background: url(../images/live/btn-kia-aproved.png) no-repeat left top;
        text-indent: -9999px;
    }

    #box .download {
        clear: both;
        float: left;
        font-size: 12px;
        height: 45px;
        padding: 20px 0 0 70px;
        background: url(../images/live/pdf.png) no-repeat 0 0;
        font-weight: bold;
    }

#top_offers {

}

    #top_offers .preview {
        text-align: center;
        padding: 20px 0;
    }

        #top_offers .preview img { max-width: 930px; max-height: 500px; }

	#top_offers .jcarousel-container {
        display: block;
        position: relative;
        overflow: hidden;
        width: 930px;
        height: 135px;
        margin-top: 10px;
	}

	#top_offers .jcarousel-clip {
		z-index: 2;
		margin: 0;
		width: 936px;
		overflow: hidden;
		position: relative;
	}

	#top_offers .jcarousel-list {
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}

	#top_offers .jcarousel-list li,
	#top_offers .jcarousel-item {
		float: left;
		position: relative;
		overflow: hidden;

		width: 156px;
		height: 104px;

		list-style: none;
		text-align: left;
	}

    #top_offers ul li a {
        display: block;
        width: 140px;
        height: 100px;
        margin: 0 auto;
        padding: 2px;
        background: url(../images/live/bg-gallery.png) repeat 0 0;
    }
        #top_offers ul li img { display: block; }

	#top_offers .jcarousel-prev,
	#top_offers .jcarousel-next {
		position: absolute;
		width: 32px;
		height: 30px;
		left: 50%;
		bottom: 0;
        margin: 0 0 0 -25px;

		background: url(../images/live/btn-home-nav.png) no-repeat left top;
		cursor: pointer;
	}

	#top_offers .jcarousel-next {
        margin: 0 0 0 7px;
		background-position: right top;
	}

#filter {
    overflow: hidden;
    padding: 20px 0;
}

    #filter label {
        float: left;
        padding: 0 5px 0 0;
        color: #7B7D7D;
        font-weight: bold;
        font-size: 12px;
        line-height: 22px;
    }

    #filter input {
        float: left;
        margin-right: 10px;
    }

    #filter .paint {
        width: 100px;
    }

    #filter a {
        float: right;
        padding: 0 0 0 20px;
        margin: 0 0 0 10px;
        font-size: 12px;
        line-height: 22px;
        text-decoration: none;
        background: url(../images/live/icons-actions.png) no-repeat 0 4px;
    }
        #filter a.save { background-position: 0 -31px; }

#calculator {
    overflow: hidden;
    background: url(../images/live/bg-calculator.gif) no-repeat center center;
}

    #calculator .column {
        float: left;
        width: 295px;
        margin: 0 20px 0 0;
        border: 1px solid #E3E3E3;
        background: white;
    }
    
    #calculator .third {
        margin: 0 0 0 0;
    }

    #calculator .column h4 {
        font-size: 12px;
        color: #C70000;
        border-bottom: 1px solid #E3E3E3;
        background: url(../images/live/bg-table-data.png) repeat-x 0 0;
    }
        #calculator .column h4 span {
            overflow: hidden;
            display: block;
            position: relative;
            padding: 0 0 0 10px;
            border: 1px solid white;
            line-height: 28px;
        }

            #calculator .column h4 span em {
                position: absolute;
                padding: 0 5px;
                top: 0;
                right: 0;
                font-size: 25px;
                color: #E1E1E1;
            }


        #calculator .box {
            height: 300px;
            overflow: hidden;
        }

        #calculator .box ul {
            
        }

            #calculator .box ul li {
                overflow: hidden;
                padding: 10px;
                border-bottom: 1px solid #EDEDED;
                color: #7D7D7D;
            }
                #calculator .box ul li.even { background: #F6F6F6; }
                #calculator .box ul li.last { border: none; }
                #calculator .box ul li span.like_title { font-weight: bold; font-size: 12px; }

            #calculator .box ul li p {
                float: left;
                width: 230px;
            }


            #calculator .jScrollArrowUp,
            #calculator .jScrollArrowDown {
                display: block;
                overflow: hidden;
                text-indent: -9999px;
                height: 18px;
                background: url(../images/live/bg-arrows.png) no-repeat 0 0;
            }
            #calculator .jScrollArrowDown {
                background-position: 0 -18px;
            }

            #calculator .jScrollPaneTrack {
                background: url(../images/live/bg-scroll.png) repeat-y 1px 0;
            }

            #calculator .jScrollPaneDrag {
                background: url(../images/live/bg-scroll-bar.png) repeat-y center center;
            }

    #calculator .price {
        overflow: hidden;
    }

        #calculator .price span {
            float: left;
            padding-top: 5px;
            font-size: 14px;
            font-weight: bold;
            color: #7D7D7D;
        }
        #calculator .price span code { font-weight: bold; }
            #calculator .little span
            {
                font-size: 11px;
            }

        #calculator .price div {
            float: right;
        }

            #calculator .price div strong {
                display: block;
                text-align: right;
                font-size: 14px;
                font-weight: bold;
                color: #C70000;
            }

            #calculator .price div em {
                display: block;
                text-align: right;
                font-size: 10px;
                color: #BEBEBE;
            }

            #calculator .price small {
                font-size: 11px;
                font-weight: normal;
            }

            #calculator .price p,
            #calculator .information {
                font-size: 10px;
                padding: 10px 0 0 0;
                color: #BEBEBE;
            }

            #calculator .price div #price_total,
            #calculator .price div #final_price { font-size: 16px; }

        #calculator .price .btn {
            overflow: hidden;
            padding: 20px 0 0 0;
            clear: both;
            float: none;
        }

        #calculator .price .btn a {
            float: left;
            width: 108px;
            height: 32px;
            margin-right: 10px;
            padding: 10px;
            
            color: #C70000;
            font-size: 12px;
            background: url(../images/live/btn-calculator.png) repeat-x center center;
            border: 1px solid #D2D2D2;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
        }
        #calculator .price .btn a.send { margin: 0; }

        #calculator .box .filters label {
            float: left;
            padding: 3px 0 0 0;
            font-weight: bold;
            width: 120px;
        }


        #calculator .price div.details {
            clear: both;
            float: none;
            overflow: hidden;
            padding: 10px 0 0 20px;
            line-height: 20px;
        }
            #calculator .price div.details span { font-size: 10px; padding: 0; font-weight: normal; }
            #calculator .price div.details span code { font-weight: normal; }
            #calculator .price div.details span.strong { font-weight: bold; }
            #calculator .price div.details strong { font-size: 10px; font-weight: normal; color: #7D7D7D; }

            #calculator .has_sub .price .expand {
                padding: 2px 0 0 15px;
                background: url(../images/live/plus-minus.gif) no-repeat 0 -26px;
                cursor: pointer;
            }
            #calculator .has_sub .price .is_open { background-position: 0 5px; }


     #calculator code { font-size: 10px; }


#gallery {
    min-height: 410px;
}

    #gallery ul {
        overflow: hidden;
    }

    #gallery li {
        float: left;
        overflow: hidden;
        width: 228px;
        height: 186px;
        background: url(../images/live/bg-gallery.png) repeat 0 0;
        padding: 2px;
        margin: 0 16px 16px 0;
    }
        #gallery li.img1 { width: 476px; }
        #gallery li.img2, #gallery li.img3, #gallery li.img5 ,#gallery li.img6 { width: 104px; height: 83px }
        #gallery li.img4, #gallery li.img7 { width: 228px; height: 83px; margin: 0 0 16px 0; }
        #gallery li.img11 { margin: 0 0 16px 0; }
        #gallery li.single {
            width: 144px;
            height: 106px;
            margin: 0 10px 10px 0;
        }
        #gallery li.last {
            margin-right: 0;
        }

        #gallery a {
            display: block;
            overflow: hidden;
            position: relative;
        }

        #gallery a span {
            position: absolute;
            overflow: hidden;
            text-indent: -9999px;
            top: 50%;
            left: 50%;
            margin: -32px 0 0 -32px;
            width: 65px;
            height: 65px;
            background: url(../images/live/bg-gallery-link.png) no-repeat -70px -70px;
        }
            #gallery a:hover span { background-position: 0 0; }


#data {
    width: 100%;
    border: 1px solid #D2D2D2;
    color: #808080;
    background: white;
}

    #data select {
        color: #808080;
    }

    #data th {
        padding: 0 0 0 10px;
        height: 30px;
        background: url(../images/live/bg-table-data.png) repeat-x 0 0;
        border: 1px solid #D2D2D2;
        border-left: none;
        color: #A4100E;
        font-weight: bold;
    }

    #data td {
        padding: 7px 0 7px 10px;
        border-right: 1px solid #D2D2D2;
    }
        #data td.even { background: #F3F3F3; }


/* List news */
#list {
    
}

    #list li {
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
        background: url(../images/live/bg-list.png) repeat 0 0;
        border: 1px solid #DADBDF;
    }
        #list.results li {
            
        }
            #list.results li:hover { border: 1px solid #999; }
            #list.results .text .h3 { padding: 0;}
            #list.results .text .h3 a { padding: 10px; }
            #list.results .text { padding: 0; }

    #list .preview {
        float: left;
    }
        #list .preview a {
            float: left;
            padding: 2px;
            background: url(../images/live/bg-gallery.png) repeat 0 0;
        }
            #list .preview a img { display: block; }

    #list .more {
        position: absolute;
        top: 0;
        right: 0;
        padding: 4px 9px 0 9px;
        height: 18px;
        background: url(../images/live/bg-table-data.png) repeat center bottom;
        border-left: 1px solid #DEDEE0;
        border-bottom: 1px solid #DEDEE0;
        font-size: 10px;
        text-decoration: none;
    }

    #list .text {
        padding: 10px 15px;
    }
        #list .more_space { padding-top: 32px; }

        #list .text .date {
            padding: 0;
            color: #7C7C7C;
        }

        #list .text .h3, #list .part h3 {
            color: #B60807;
        }
            #list .text .h3 a { text-decoration: none; color: #B60807; }

    #list .part {
        float: left;
        width: 210px;
        padding: 10px 15px;
        min-height: 130px;
        background: url(../images/live/bg-list-line.png) no-repeat right center;
    }

        #list .part h3 { font-size: 14px; padding-bottom: 5px; }
        #list .part div { color: #7D7D7D; line-height: 18px; }
        #list .part div strong { font-weight: bold; }
        #list .part div em { color: #B60807; font-weight: bold; }
        #list .part .last { padding-bottom: 14px; }
        #list .part .aproved { background: url(../images/live/btn-kia-aproved.png) no-repeat right bottom; }

#preview {
     float: left;
     overflow: hidden;
     margin: 0 5px 0 0;
     width: 375px;
}
    #preview.single { margin: 0 15px 0 0; }

    #preview a { 
        float: left;
        padding: 2px;
        margin: 0 8px 8px 0;
        background: #BBB9BA url(../images/live/bg-gallery.png) repeat-x center center;
    }

        #preview a img { display: block; }

#services {
    position: relative;
    height: 520px;
    margin-top: 20px;
    background: url(../images/live/map.png) no-repeat 0 0;
}

    #services .summary {
        width:  225px;
        position: absolute;
        top: 315px;
        right: 5px;
    }

    #services .link {
        position: absolute;
        overflow: hidden;
        top: 136px;
        left: 268px;
        width: 30px;
        height: 30px;
        background: url(../images/live/btn-services.png) no-repeat 50px 0;
        text-indent: -9999px;
    }
        #services .active { background-position: 18px 0; }
        #services .to_1 { top: 265px; left: 157px;}
        #services .to_2 { top: 194px; left: 663px;}
        #services .to_3 { top: 304px; left: 371px;}
        #services .to_4 { top: 275px; left: 409px;}
        #services .to_5 { top: 180px; left: 387px;}
        #services .to_7 { top: 276px; left: 621px;}
        #services .to_8 { top: 111px; left: 409px;}
        #services .to_9 { top: 394px; left: 119px;}
        #services .to_10 { top: 321px; left: 283px;}
        #services .to_11 { top: 215px; left: 345px;}
        #services .to_12 { top: 239px; left: 380px;}
        #services .to_13 { top: 184px; left: 574px;}
        #services .to_14 { top: 123px; left: 690px;}
        #services .to_15 { top: 399px; left: 380px;}
        #services .to_16 { top: 449px; left: 368px; }
        #services .to_17 { top: 252px; left: 486px; }

    #services .city {
        display: none;
        position: absolute;
        overflow: hidden;
        width: 250px;
        padding: 5px 0 0 0;

        background: url(../images/live/bg-map-box.png) no-repeat -250px 0;
        z-index: 10;
    }

        #services .city .text {
            font-size: 9px;
            padding: 5px 10px 7px 23px;
            line-height: 10px;
            background: url(../images/live/bg-map-box.png) no-repeat left bottom;
        }

        #services .text strong { font-size: 12px; text-transform: uppercase; color: #C70000; }
        #services .text em { color: #C70000; font-style: normal; font-weight: bold; }
        #services .text strong span { color: #C70000; font-size: 10px; font-weight: bold; }

#downloads {
    overflow: hidden;
    min-height: 390px;
}

    #downloads li {
        float: left;
        border: 2px solid #CDCED0;
        margin: 0 20px 20px 0;
        background: url(../images/live/bg-list.png) repeat center center;
    }
        #downloads li.last { margin-right: 0;}

    #downloads a {
        display: block;
        width: 309px;
        height: 110px;
        text-decoration: none;
    }

    #downloads span {
        float: left;
        width: 144px;
        height: 106px;
        padding: 2px;
        background: url(../images/live/bg-downloads.png) repeat 0 0;
    }

    #downloads strong {
        /* float: left; */
        display: table-cell;
        
        width: 156px;
        height: 100px;
        margin: 7px 0 0 0;
        font-weight: bold;
        text-align: center;

        vertical-align: middle;
    }

#print_data .column {
    float: left;
    margin-right: 10px;
    width: 300px;
}

#print_data { }

    #print_data h4 {
        padding-bottom: 5px;
        font-size: 14px;
        border-bottom: 1px solid #666;
    }

    #print_data ul {
        
    }

    #print_data ul li {
        padding: 7px 0;
        font-size: 12px;
    }

#print h2 {
    padding: 10px 0;
    font-size: 16px;
}

	#years .jcarousel-container {
        display: block;
        position: relative;
        overflow: hidden;
        width: 936px;
        height: 20px;
        margin-top: 10px;
	}

	#years .jcarousel-clip {
		z-index: 2;
		margin: 0 0 0 30px;
		width: 870px;
		overflow: hidden;
		position: relative;
	}

	#years .jcarousel-list {
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}

	#years .jcarousel-list li,
	#years .jcarousel-item {
		float: left;
		position: relative;
		overflow: hidden;

		width: 58px;
		height: 18px;

		list-style: none;
		text-align: left;
	}

    #years ul li a {
        display: block;
        width: 48px;
        height: 18px;
        margin: 0 auto;

        background: url(../images/live/years.png) no-repeat 0 0;
        font-size: 14px;
        text-align: center;
        color: white;
        text-decoration: none;
    }
     #years ul li a.active { background-position: 0 -18px; }

	#years .jcarousel-prev,
	#years .jcarousel-next {
		position: absolute;
		width: 15px;
		height: 9px;
		left: 0;
		top: 5px;
        margin: 0 0 0 0;

		background: url(../images/live/years-next-prev.gif) no-repeat left top;
		cursor: pointer;
	}

	#years .jcarousel-next {
        right: 0;
        left: auto;
		background-position: right bottom;
	}


    #years .preview {
        position: relative;
        height: 337px;
        padding: 3px 0 0 3px;
        background: url(../images/live/bg-gallery.png) repeat 0 0;
    }

    #years .preview p {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        padding: 10px 20px 15px 20px;
        background: url(../images/live/mask.png) repeat 0 0;
        font-size: 12px;
        line-height: 18px;
        color: white;
    }

    #years .preview .other {
        position: absolute;
        overflow: hidden;
        right: 50px;
        bottom: -2px;
    }

        #years .preview .other a {
            float: left;
            padding: 1px;
            background: white;
        }

        #years .preview .other a.active {
            border-bottom: 2px solid #777;
        }

.columns {
    overflow: hidden;
}

    .columns .text {
        float: left;
        width: 300px;
        margin: 0 15px 0 0;
    }
        .columns .last { margin: 0; }

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

    .forms .errors,
    .forms .message {
        padding: 10px 0 15px 23px;
        font-weight: bold;
        color: #333;
        background: url(../images/live/warning.png) no-repeat 0 8px;
    }
        .forms .message { background-image: url(../images/live/yes.png); color: #666; }

    .forms legend { display: none; }
    .forms ol { overflow: hidden; }
    .forms li {
        float: left;
        overflow: hidden;
        padding: 0 15px 15px 0;
    }
        .forms li.textarea { clear: both; float: none; width: 100%; padding: 0 0 15px 0; }
        .forms li.last { padding: 0 0 15px 0; }
        .forms li label { display: block; padding: 0 0 5px 0; font-size: 12px; color: #7A7A7A; }
        .forms li input { float: left; width: 210px; border: 1px solid #D0D0D0; background-color: white; }
        .forms li textarea { display: block; width: 908px; height: 100px; border: 1px solid #D0D0D0; background-color: white; }

        .forms li.from_to { width: 216px; background: url(../images/live/calendar.gif) no-repeat 0 17px; }
            .forms li.from_to input { width: 65px; margin: 0 0 0 35px; }
        .forms li.custom { width: 250px; }

        .forms .buttons { text-align: center; clear: both; }
        .forms .buttons button {
            padding: 5px 10px;
            cursor: pointer;
            color: #7A7A7A;
            font-size: 12px;
            font-weight: bold;
            border: 1px solid #D0D0D0; 
            background: url(../images/live/bg-gallery.png) repeat center center;
        }

/* Online services boxes */
#o_s {
    background: url(../images/live/bg-box.png) repeat 0 0;
    border: 1px solid #CACACB;
}

    #o_s .tabs {
        overflow: hidden;
        position: relative;
        height: 41px;
        background: url(../images/live/bg-o-s-tabs.png) repeat-x center bottom;
    }

    #o_s .tabs strong {
        position: absolute;
        overflow: hidden;
        height: 41px;
        width: 200px;
        background: url(../images/live/bg-o-s-tabs-tab.png) no-repeat right bottom;
        color: #595959;
    }
        #o_s .tabs strong.selected {
            background-position: right top;
        }
        #o_s .tabs strong.third { z-index: 1; left: 360px; }
        #o_s .tabs strong.second { z-index: 2; left: 180px; }
        #o_s .tabs strong.first { z-index: 3; }

        #o_s .tabs strong span {
            float: left;
            width: 21px;
            height: 18px;
            margin: 10px 10px 0 35px;
            padding: 3px 0 0 0;
            background: url(../images/live/bg-o-s-tabs-tab-number.png) no-repeat center center;
            font-weight: bold;
            text-align: center;
        }
            #o_s .tabs strong.first span { margin-left: 20px; }

        #o_s .tabs strong em {
            float: left;
            padding: 13px 0 0 0;
        }

    #o_s .steps {
        padding: 30px 20px;
    }

    #o_s h2 {
        padding: 0 0 5px 0;
        font-size: 12px;
        font-weight: bold;
        color: #C70000;
    }

    #o_s .step_buttons {
        overflow: hidden;
        padding: 20px 0 0 0;
    }

        #o_s .step_buttons a {
            float: left;
            padding: 10px;
            border: 1px solid #D0D0D1;
            background: url(../images/live/btn-calculator.png) repeat 0 0;
            text-shadow: 1px 1px 0 white;
            text-decoration: none;
            color: #C70000;
            font-weight: bold;
            font-size: 12px;
        }
            #o_s .step_buttons a.next { float: right; }

        .forms li .important {
            float: left;
            padding: 20px;
            margin-right: 10px;
            background: url(../images/live/bg-o-s-box.png) repeat;
            border: 1px solid #D0D0D0;
        }

        .forms li .important input { padding: 6px 5px; }

        #o_s .first,
        #o_s .second {
            float: left;
            width: 340px;
        }

        #o_s .first {
            margin: 0 25px 0 0;
            background: url(../images/live/bg-o-s-line.png) no-repeat right top;
        }

        #o_s .second {
            width: 570px;
        }

        #o_s .column {
            float: left;
            margin: 0 25px 0 0;
            width: 230px;
            background: url(../images/live/bg-o-s-line.png) no-repeat right top;
        }

        #o_s .datepicker {
            
        }
            #o_s .datepicker .ui-widget-header {
                background: none;
                border: none;
            }

            #o_s .datepicker .ui-widget-content .ui-icon
            {
                background-image: url(jquery/images/ui-icons_222222_256x240.png);
            }

            #o_s .datepicker .ui-datepicker .ui-datepicker-prev,
            #o_s .datepicker .ui-datepicker .ui-datepicker-next
            {
                border-color: white;
                cursor: pointer;
            }

            #o_s .datepicker .ui-widget-content {
                width: 240px;
                background: url(../images/live/bg-o-s-datepicker.png) repeat 0 0;
            }
            #o_s .datepicker .ui-state-default,
            #o_s .datepicker .ui-widget-content .ui-state-default {
                background: none;
                border: none;
                color: black;
            }
            #o_s .datepicker .ui-datepicker td span,
            #o_s .datepicker .ui-datepicker td a {
                text-align: center;
            }
            #o_s .datepicker .ui-widget-header { color: black; }
            #o_s .datepicker .ui-state-highlight,
            #o_s .datepicker .ui-widget-content .ui-state-highlight {
                border: 1px solid #BFE0FE;
            }
            #o_s .datepicker .ui-state-active,
            #o_s .datepicker .ui-widget-content .ui-state-active {
                background: #D0E5FE;
                color: #0066CC;
            }

            #o_s .datepicker .ui-datepicker-week-end .ui-state-default { color: #999; }

        #o_s .hours {
            overflow: hidden;
            padding: 15px 0 0 0;
            color: #595959;
        }

            #o_s .hours label {
                float: left;
                width: 100px;
            }

            #o_s .hours span {
               display: block;
               padding: 0 0 5px 0;
            }


        #o_s .services {
        }

            #o_s .services li { padding: 5px 0; }

            #o_s .services label {
                display: block;
                cursor: pointer;
            }

            #o_s .services p {
                display: none;
                padding: 0 5px 5px 20px;
                color: #9B9B9B;
            }

            #o_s .services p.details {
                padding: 5px 5px 5px 20px;
                background: url(../images/live/bg-o-s-arrow.gif) no-repeat 5px 10px;
            }

            #o_s .services p.details input {
                width: 300px;
            }


/* Text boxes */
.text {
    overflow: hidden;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 18px;
    color: #797979;
}

	.text a {
		color: #444;
		text-decoration: underline;
	}
        .text a:hover {
            text-decoration: none;
        }

	.text strong {
		font-weight: bold;
	}

	.text em {
		font-style: italic;
	}

	.text ul,
	.text ol {
		padding: 3px 0 3px 5px;
	}

		.text ol li {
			list-style: decimal;
			list-style-position: inside;
		}

		.text ul li {
			padding: 0 0 3px 13px;
		}

	.text p {
		padding-bottom: 5px;
	}

	.text h1,
	.text h2,
	.text h3 {
		font-size: 14px;
		padding-bottom: 5px;
        font-weight: bold;
        color: #69696A;
	}

    .text h2 {
        font-size: 13px;
    }

    .text h3 {
        font-size: 12px;
    }

	.text h4 {
		font-size: 13px;
	}

	.text h5 {
		font-size: 13px;
	}

	.text h6 {
		font-size: 12px;
	}

    .text .preview {
        float: left;
    }

    .text .preview img {
        padding: 1px;
        margin: 0 15px 5px 0;
        border: 6px solid #E9EBED;
        background: white;
    }

    .text .date {
        display: block;
        padding-bottom: 5px;
        color: #B2B2B2;
        font-size: 10px;
        font-style: normal;
    }

    .text .part {
        width: 550px;
        overflow: hidden;
        padding: 0 0 20px 0;
    }

        .text .part div {
            float: left;
            overflow: hidden;
            width: 250px;
        }

            .text .part em {
                font-style: normal;
                font-weight: bold;
                color: #C70000;
            }



/* Sliders default styles */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.custom_select {
    cursor: pointer;
    width: 250px;
    border: 1px solid #E0E0E0;
    vertical-align: middle;
    background: url(../images/live/bg-custom-select.png) no-repeat right center;
}

.custom_select_variables {
    position: absolute;
    display: none;
    left: 0;
    top: 0;

    margin: 25px 0 0 0;
    padding: 1px;

    width: 200px;
    z-index: 10;
}
    .custom_select_variables option { padding: 3px 3px; }

.custom_checkbox {
    float: left;
    margin: 0 10px 0 0;
    width: 14px;
    height: 14px;
    overflow: hidden;
}

    .custom_checkbox a {
        display: block;
        width: 14px;
        height: 14px;
        text-indent: -9999px;
        background: url(../images/live/checkbox.png) no-repeat 0 0;
    }

    .custom_checkbox a.checked { background-position: 0 -14px; }

    .custom_checkbox input { display: none; }

#mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black url(../images/live/loader-black.gif) no-repeat center center;
    z-index: 9999;
}