/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-11-03 07:00                                                    */
/* Last changed by: Josef Vondracek                                                     */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* HOMEPAGE                                                                             */
/*======================================================================================*/

.homepage
{
    padding: 46px 0 20px 0;
}

/*======================================================================================*/

.homepage div.item
{
    width: 694px;
    padding: 0 0 25px 0;
    margin: 0 auto;
    clear: both;
}

.homepage div.item div.image
{
    width: 180px;
    padding: 6px 0;
    float: left;
    background: black;
    text-align: center;
}

.homepage div.item h1,
.homepage div.item h2
{
    width: 124px;
    height: 22px;
    padding: 4px 14px 0 14px;
    display: block;
    float: left;
    background: black;
    color: #fe00fb;
    font-size: 160%;
}

.homepage div.item a.detail
{
    height: 20px;
    padding: 6px 0 0 30px;
    display: block;
    float: left;
    clear: right;
    color: #ff0084;
    background: url(images/list-detail.gif) no-repeat 10px 6px;
    font-size: 90%;
}

.homepage div.item p
{
    width: 495px;
    padding: 7px 0 0 13px;
    display: block;
    float: left;
    color: #757575;
    font-size: 90%;
}



/*======================================================================================*/
/* DETAIL                                                                               */
/*======================================================================================*/

.detail
{

}

/*======================================================================================*/

.detail div.rating
{
    height: 36px;
    margin: 0 0 0 36px;
    clear: both;
}

.detail div.rating div.stars
{
    width: 110px;
    float: left;
}

.detail div.rating div.stars span
{
    width: 15px;
    height: 15px;
    padding: 0 5px 0 0;
    float: left;
    display: block;
    background: url(images/rating-minus.png) no-repeat 1px 1px;
}

.detail div.rating div.stars span.plus
{
    background: url(images/rating-plus.png) no-repeat 0 0;
}

.detail div.rating div.title
{
    padding: 0 0 0 0;
    float: left;
    color: #c7c7c7;
}

/*======================================================================================*/

.detail table.infoTable
{
    margin: 0 0 0 36px;
    color: Black;
}

.detail table.infoTable td
{
    padding: 0 10px 15px 0;
    vertical-align: top;
}

.detail table.infoTable td.title
{
    width: 100px;
    font-weight: bold;
}

.detail table.infoTable td.value
{

}

.detail table.infoTable td.value a
{
    color: #ff0084;
    font-weight: bold;
}

/*======================================================================================*/

.detail div.separator
{
    width: 730px;
    height: 2px;
    margin: 20px auto 20px auto;
    display: block;
    overflow: hidden;
    background: white;
}

/*======================================================================================*/

.detail div.comments
{
    width: 723px;
    padding: 0 0 0 25px;
}

.detail div.comments h2
{
    height: 25px;
    padding: 5px 0 0 38px;
    clear: both;
    display: block;
    background: url(images/comments-header.png) no-repeat 13px 5px;
    color: #fe00fb;
    text-decoration: underline;
    font-weight: normal;
    font-size: 90%;
}

.detail div.comments div
{
    width: 329px;
    height: 131px;
    padding: 0 25px 10px 0;
    position: relative;
    float: left;
    background: url(images/comment.png) no-repeat 0 0;
}

.detail div.comments div p
{
    width: 290px;
    position: absolute;
    left: 17px;
    top: 13px;
    display: block;
    color: #757575;
    font-size: 80%;
}

.detail div.comments div span.author
{
    position: absolute;
    left: 96px;
    top: 95px;
    color: #757575;
    font-size: 90%;
}

.detail div.comments div span.author strong
{
    color: #ff0084;
    font-size: 110%;
}



/*======================================================================================*/
/* DETAIL - VERSION 2                                                                   */
/*======================================================================================*/

.detail2
{

}

/*======================================================================================*/

.detail2 div.rating
{
    height: 25px;
    margin: 0 0 0 36px;
    clear: both;
}

.detail2 div.rating div.stars
{
    width: 110px;
    float: left;
}

.detail2 div.rating div.stars span
{
    width: 15px;
    height: 15px;
    padding: 0 5px 0 0;
    float: left;
    display: block;
    background: url(images/rating-minus.png) no-repeat 1px 1px;
}

.detail2 div.rating div.stars span.plus
{
    background: url(images/rating-plus.png) no-repeat 0 0;
}

.detail2 div.rating div.title
{
    padding: 0 0 0 0;
    float: left;
    color: #c7c7c7;
}

/*======================================================================================*/

.detail2 table.infoTable
{
    margin: 0 0 0 36px;
    color: Black;
}

.detail2 table.infoTable td
{
    padding: 0 10px 10px 0;
    vertical-align: top;
}

.detail2 table.infoTable td.title
{
    width: 100px;
    font-weight: bold;
}

.detail2 table.infoTable td.value
{

}

.detail2 table.infoTable td.value a
{
    color: #ff0084;
    font-weight: bold;
}

/*======================================================================================*/

.detail2 div.separator
{
    width: 686px;
    height: 3px;
    margin: 10px auto 10px auto;
    display: block;
    overflow: hidden;
    background: white;
}

/*======================================================================================*/

.detail2 div.comments
{
    width: 715px;
    padding: 0 0 0 33px;
}

.detail2 div.comments h2
{
    height: 25px;
    padding: 5px 0 0 28px;
    clear: both;
    display: block;
    background: url(images/comments-header.png) no-repeat 0px 5px;
    color: #ff0084;
    text-decoration: underline;
    font-weight: normal;
    font-size: 90%;
}

.detail2 div.comments div
{
    width: 329px;
    height: 131px;
    padding: 0 25px 10px 0;
    position: relative;
    float: left;
    background: url(images/comment2.png) no-repeat 0 0;
}

.detail2 div.comments div p
{
    width: 300px;
    position: absolute;
    left: 17px;
    top: 10px;
    display: block;
    color: #757575;
    font-size: 80%;
}

.detail2 div.comments div span.author
{
    position: absolute;
    left: 56px;
    top: 88px;
    color: #757575;
    font-size: 90%;
}

.detail2 div.comments div span.author strong
{
    color: #ff0084;
    font-size: 110%;
}







/*======================================================================================*/
/* REGISTRATION                                                                         */
/*======================================================================================*/

.registration
{
    width: 684px;
    padding: 46px 0 46px 0;
    display: block;
	overflow: hidden;
}

.registration form
{
}

/*======================================================================================*/

.registration h1
{
    width: 130px;
    margin: 0 0 20px 32px;
    padding: 2px 17px;
    clear: both;
    background: black;
    color: #ff0084;
    font-size: 160%;
    text-transform: uppercase;
    text-align: center;
}

/*======================================================================================*/

.registration table
{
    position: relative;
    left: 32px;
    z-index: 999;
}

.registration table td
{
    color: Black;
    vertical-align: top;
}

.registration table td.header
{
    color: #ff0084;
    text-transform: uppercase;
}

.registration table td.header strong
{
    float: left;
    font-size: 450%;
}

.registration table td.header span
{
    padding: 7px 0 0 0;
    float: left;
    font-size: 170%;
}

.registration table td.title
{
    width: 100px;
    padding: 4px 10px 0 0;
    color: Black;
    font-size: 90%;
    font-style: italic;
    text-align: right;
}

.registration table td.title label
{
    font-size: 110%;
    font-weight: bold;
    font-style: normal;
}

.registration table td.input
{
    padding: 0 0 6px 0;
}

.registration table td.input span
{
    width: 184px;
    height: 34px;
    display: block;
    position: relative;
    background: url(images/input.png) no-repeat 0 0;
}

.registration table td.input span input
{
    width: 170px;
    height: 18px;
    position: absolute;
    left: 6px;
    top: 8px;
    display: block;
    border: none;
    background: none;
    font-size: 120%;
}

/*======================================================================================*/

.registration table.personalInfo
{
    margin: 0 0 0 30px;
    *margin: 0 0 0 15px;
    float: left;
}

.registration table.personalInfo
{

}

.registration table.personalInfo
{

}

.registration table.personalInfo
{

}

/*======================================================================================*/

.registration table.companyInfo
{
    margin: 0 0 0 40px;
    float: left;
}

.registration table.companyInfo td.header
{
    padding: 0 0 10px 0;
}

.registration table.companyInfo td.radios
{
    padding: 0 0 10px 0;
    text-align: right;
}

.registration table.companyInfo td.title
{
    width: 105px;
}

/*======================================================================================*/

.registration table.commentsInfo
{
    margin: 20px 0 0 32px;
    clear: both;
}

.registration table.commentsInfo td.header
{
    padding-bottom: 10px;
}

.registration table.commentsInfo td.input span
{
    width: 535px;
    height: 111px;
    position: relative;
    display: block;
    background: url(images/textarea.png) no-repeat 0 0;
}

.registration table.commentsInfo td.input span textarea
{
    width: 520px;
    height: 98px;
    padding: 5px;
    position: absolute;
    left: 4px;
    top: 2px;
    display: block;
    border: none;
    background: none;
    font-size: 120%;
}

/*======================================================================================*/

.registration table.priceInfo
{
    margin: 20px 0 0 142px;
    clear: both;
}

.registration table.priceInfo td.header
{
    padding-bottom: 10px;
}

.registration table.priceInfo td.item
{
    padding: 5px 0;
    font-weight: bold;
}

/*======================================================================================*/

.registration input.button
{
    width: 187px;
    height: 25px;
    padding: 1px 0 0 17px;
    margin: 40px 20px 0 145px;
    position: relative;
    left: 32px;
    display: block;
    border: none;
    background: url(images/register.png) no-repeat 0 0;
    color: #ff0084;
    font-size: 160%;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
}