/*
 Author: Boris Biserov Delev
 Web: www.studiox.bg
 Date: 2009.11.13

 Legend:
 	[1] Global
	[2] Master elements
	[3] Pages elements
*/


/*
 * Global
 */

body, html {
    overflow: hidden;
    width: 100%;
    height: 100%;

    background: black url(../images/live/loading.gif) no-repeat 10px 10px;

    font: 11px Tahoma, Geneva, sans-serif;
    color: black;
}

a {
	color: #7A7A7A;
}

.clear {
	clear: both;
}

.hide {
    display: none;
}

input,
textarea,
select,
button {
	font-family: Tahoma, Geneva, sans-serif;
}

button {
    font-size: 12px;
}

select,
input,
textarea {
	padding: 3px 2px;
	outline: none;
    border: 1px solid #808080;
    background: white;
    font-size: 10px;
	color: #B2B2B2;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
    color: white;
}

/*
 * Master elements
 */

#wrapper {
    position: absolute;
    overflow: auto;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.wrapper {
    position: relative;
    width: 840px;
    margin: 0 auto;
}

#header {
    overflow: hidden;
    padding: 10px 0 0 0;
    font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
    font-size: 14px;
}

    #header h1 {
        padding-bottom: 10px;
    }

        #header h1 a {
            display: block;
            overflow: hidden;
            width: 225px;
            height: 70px;
            margin: 0 auto;

            background: url(../images/live/logo.png) no-repeat center center;
            text-indent: -9999px;
        }

    #header ul {
        float: left;
        height: 45px;
        margin-left: 150px;
        width: 650px;
        overflow: hidden
    }
         .en-US #header ul { margin-left: 180px; }

    #header li {
        float: left;
        position: relative;
        background: url(../images/live/bg-header-li.png) no-repeat left center;
    }
        #header li.first { background: none; }

    #header a {
        margin: 0 10px;
        text-decoration: none;
        color: white;
    }
        #header a:hover,  #header a.active { color: #C3C3C3; }

    #header ol {
        display: none;
        float: none;
        width: 400px;
        position: absolute;
        left: 0;
        bottom: -20px;
    }
        #header ol li { background-image: url(../images/live/bg-header-li-li.png); }

        #header ol a {
            font-size: 13px;
            color: #C3C3C3;
        }
            #header ol a:hover, #header ol a.active { color: #999; }


#footer {
    overflow: hidden;
    padding: 7px 10px;
    background: url(../images/live/bg-footer.png) no-repeat center top;
}

    #footer address {
        float: left;
        font-style: normal;
        color: #FFFFFF;
    }

    #footer a {
        float: right;
        text-decoration: none;
        color: #FFFFFF;
    }

#content {
	display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 20px;
    background: url(../images/live/bg-content.png) repeat center center;
    border: 1px solid #4A3D35;
}

    #content .head_title {
        overflow: hidden;
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #442C29;
        line-height: normal;
        font-size: 20px;
    }

        #content .head_title span { float: right; }

		#content .with_categories {
			margin: 0 0 5px 0;
		}

#categories {
	overflow: hidden;
    padding:  5px 0 15px 0;
}

	#categories li {
		float: right;
        padding-left: 10px;
        margin-right: 5px;
        background: url(../images/live/bg-header-li-li.png) no-repeat 0 5px;
	}

    #categories a {
        color: #999;
    }

#change_background {
    overflow: hidden;
    margin-bottom: 10px;
}

    #change_background div {
        float: right;
    }

    #change_background a {
        float: left;
        margin-left: 5px;
        padding: 3px;
        background: url(../images/live/bg-content.png) repeat center center;
    }

#preview {
    float: left;
    padding-right: 20px;
}

    #preview a {
        display: block;
        width: 250px;
        padding: 15px;
        margin-bottom: 15px;
        background: black;
    }

#go_up {
    position: absolute;
    overflow: hidden;
    bottom: 100px;
    left: 50%;
    margin-left: 412px;
    width: 30px;
    height: 30px;
    background: url(../images/live/go_up.png) no-repeat center center;
    text-indent: -9999px;
    z-index: 999;
}

#home {
    height: 550px;
}

.box {
    position: absolute;
    padding: 20px 0 0 20px;
    background: url(../images/live/bg-box.png) no-repeat left top;
}

    .box .wrap {
        padding: 0 20px 20px 0;
        background: url(../images/live/bg-box.png) no-repeat right bottom;
    }

    .box .text {
        width: 170px;
        height: 170px;
        padding: 10px;
        font-size: 11px;
        color: #D5D1CE;
        background: url(../images/live/bg-home-news.png) repeat center center;
    }

        .box .text h2 {
            padding-bottom: 15px;
            font-weight: normal;
            font-size: 25px;
            color: #209A9F;
        }
            .box .text h2 a { color: #209A9F; text-decoration: none; }

        .box .text h3,
        .box .text a {
            padding: 0;
            color: #D5D1CE;
        }

#home_1 {
    left: 0px;
    top: 484px;
}

#home_2 {
    left: 508px;
    top: 149px;
}

#home_3 {
    left: 130px;
    top: 170px;
}

#home_4 {
    left: 443px;
    top: 484px;
}

#home_5 {
    left: -10px;
    top: 30px;
}

#home_6 {
    left: 613px;
    top: 254px;
}

#list {
}

    #list li {
        overflow: hidden;
        padding-bottom: 15px;
    }

    #list a {
        color: white;
        text-decoration: none;
    }

    #list h1 {
        margin-bottom: 5px;
        font-size: 14px;
        font-style: italic;
        color: #666;
        border-bottom: 1px solid #666;
    }

    #list h2 {
        overflow: hidden;
        text-transform: uppercase;
        font-size: 15px;
        color: white;
    }

        #list h2 strong {
            float: left;
            width: 470px;
            font-weight: normal;
        }

        #list h2 .checkbox {
            float: left;
            overflow: hidden;
            width: 16px;
            height: 16px;
            margin: 2px 5px 0 0;
            background: url(../images/live/yes_no.png) no-repeat 0 0;
            text-indent: -9999px;
        }
            #list h2 .checkbox:hover {
                background-position: -16px 0;
            }
            #list h2 .checkbox.checked {
                background-position: -32px 0;
            }

    #list h3,
    #list p {
        font-size: 12px;
        color: #D0CBCA;
    }

    #list .preview {
        float: left;
        padding: 10px;
        margin-right: 15px;
        background: black;
    }
        #list .preview:hover { opacity: 0.8; }
        

    #list.limit h2,
    #list.limit h3 {
        float: left;
        width: 500px;
    }

    #list .column_size,
    #list .column_price {
        float: right;
        width: 90px;
        height: 25px;
        padding-top: 10px;
        font-size: 13px;
        text-align: right;
        color: white;
    }


#paginator {
    overflow: hidden;
}

    #paginator li {
        float: left;
    }

    #paginator a {
        padding-right: 5px;
        text-decoration: none;
        font-size: 12px;
        color: white;
    }

    #paginator a.active { color: #D0CBCA; font-weight: bold; }

#gallery {
}

    #gallery ul {
        overflow: hidden;
    }

    #gallery li {
        float: left;
        padding: 10px;
        margin: 10px 25px 10px 0;
        background: black;
    }

        #gallery li:hover {
            opacity: 0.8;
        }


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

    #basket .text {
        float: left;
        width: 390px;
    }
        #basket .text p { padding-bottom: 15px; }

#order_list {
    float: left;
    width: 380px;
    margin-left: 25px;
}

    #order_list .buttons {
        padding-bottom: 15px;
        text-align: right;
    }

        #order_list .buttons a {
            color: white;
        }

    #order_list .final_price {
        padding-top: 10px;
        text-align: right;
        font-size: 14px;
        color: white;
    }

    #order_list ol {
        
    }

        #order_list ol li {
            overflow: hidden;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid #666;
        }

        #order_list ol strong {
            float: left;
            overflow: hidden;
            width: 50px;
        }

            #order_list ol strong em { display: block; width: 38px; height: 20px; text-align: center; font-style: normal; font-size: 14px; color: white; }
            #order_list ol strong .up,
            #order_list ol strong .down {
                overflow: hidden;
                float: left;
                width: 18px;
                height: 18px;
                margin: 0 2px 0 0;
                background: url(../images/live/up_down.png) no-repeat 0 0;
                text-indent: -9999px;
                opacity: 0.5;
            }
            #order_list ol strong .up:hover,
            #order_list ol strong .down:hover {
                opacity: 0.8;
            }

            #order_list ol strong .down { background-position: -18px 0;}

        #order_list ol div {
            float: left;
            overflow: hidden;
            width: 330px;
        }

            #order_list ol div h3 {
                overflow: hidden;
                font-size: 14px;
                text-transform: uppercase;
            }
                #order_list ol div h3 span { float: right; font-size: 12px; padding-left: 15px; text-transform: none; }

            #order_list ol div p { color: #999; }

/* Forms */
.form {
    
}

    .form legend {
        display: none;
    }

    .form li {
        overflow: hidden;
        padding-bottom: 10px;
    }

        .form li label {
            float: left;
            width: 150px;
            font-size: 13px;
            font-weight: bold;
            color: white;
        }

        .form li input,
        .form li textarea {
            width: 300px;
            font-size: 12px;
            color: #333;
        }

        .form li textarea {
            width: 640px;
            height: 70px;
        }

        .form li img {
            float: left;
            margin-right: 10px;
            vertical-align: middle;
        }

    .form .buttons {
        text-align: right;
    }

        .form .buttons button {
            font-size: 13px;
            font-weight: bold;
            cursor: pointer;
            color: #333;
        }


    .form .notify {
        padding: 10px 15px 10px 35px;
        margin-bottom: 25px;
        background: #4A3D35 url(../images/live/accept_item.png) no-repeat 10px 10px;
        border: 1px solid #999;
        font-size: 14px;
        font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
        font-style: italic;
        color: white;
    }

        .form .error {
            background: #333 url(../images/live/delete_item.png) no-repeat 10px 10px;
        }

/* Text boxes */
.text {
    overflow: hidden;
    line-height: 17px;
    font-size: 12px;
    color: white;
}

	.text a {
		color: white;
		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: 16px;
		padding-bottom: 10px;
        font-weight: bold;
	}

    .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;
    }

/* SuperSize */
#supersize {
    position: fixed;
}
#supersize img, #supersize a {
    height:100%;
    width:100%;
    position: absolute;
    z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img {
    z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img {
    z-index: 2;
}