body {
    font-family: verdana;
    font-size: 9pt;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: url(background.gif);
}

form {
    padding: 0px;
    margin: 0px;
}

a {
    font-family: verdana;
    font-size: 9pt;
    color: #000;
}

a img {
    border: none;
}

h1 {
	font-size: 13pt;
}


h3, a.order-send, input.confirm-button {
    background: #000;
    border: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 19px;
    line-height: 19px;
    margin-left: 40px;
    font-weight: bold;
    margin-top: 15px;
    text-decoration: none;
    font-size: 10pt;
    text-align: center;
}

/* page-head */
div#page-head {
    background: #000 url(page-header-back.jpg) no-repeat center top;
    height: 277px;
    text-align: center;
}

div#page-head div.content {
    width: 733px;
    height: 246px;

    text-align: left;
    margin-left: auto;
    margin-right: auto; 
    
    cursor: default;
}

div#page-head div.content a.cart {
    float: right;
    color: #FFF;
    width: 80px;
    position: relative;
    left: -50px;
    top: 218px;
    text-decoration: none;
}

div#page-head div.content a.cart span {
    color: #000;
    float: right;
    cursor: pointer;
}

div#page-head div.content a.logo img {
    border: none;
    position: relative;
    left: 35px;
    top: 0px;
}

div#page-head div.menu {
    text-align: left;
    width: 637px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1px;
}

div#page-head div menu div {
    margin-right: 16px;
}

/*TRICKA*/
div#page-head div.menu div.tricka {
    float: left;
    width: 61px;
    height: 24px;
    background: url(menu/tricka.gif);
}
div#page-head div.menu div.tricka a {
    display: block;
    width: 61px;
    height: 24px;
    background: url(menu/tricka_b.gif);
}
div#page-head div.menu div.tricka a:hover {
    background: none;
}
/*KOSILE*/
div#page-head div.menu div.kosile {
    float: left;
    width: 61px;
    height: 24px;
    background: url(menu/kosile.gif);
}
div#page-head div.menu div.kosile a {
    display: block;
    width: 61px;
    height: 24px;
    background: url(menu/kosile_b.gif);
}
div#page-head div.menu div.kosile a:hover {
    background: none;
}
/*MIKINY*/
div#page-head div.menu div.mikiny {
    float: left;
    width: 61px;
    height: 24px;
    background: url(menu/mikiny.gif);
}
div#page-head div.menu div.mikiny a {
    display: block;
    width: 61px;
    height: 24px;
    background: url(menu/mikiny_b.gif);
}
div#page-head div.menu div.mikiny a:hover {
    background: none;
}
/*CEPICE*/
div#page-head div.menu div.cepice {
    float: left;
    width: 61px;
    height: 24px;
    background: url(menu/cepice.gif);
}
div#page-head div.menu div.cepice a {
    display: block;
    width: 61px;
    height: 24px;
    background: url(menu/cepice_b.gif);
}
div#page-head div.menu div.cepice a:hover {
    background: none;
}

div#page-head div.menu div {
    margin-left: 30px;
}
/*HP*/
div#page-head div.menu div.hp {
    margin-left: 0px;
    float: left;
    width: 61px;
    height: 24px;
    background: url(menu/hp.gif);
}
div#page-head div.menu div.hp a {
    display: block;
    width: 61px;
    height: 24px;
    background: url(menu/hp_b.gif);
}
div#page-head div.menu div.hp a:hover {
    background: none;
}
/*O NAS*/
div#page-head div.menu div.onas {
    margin-left: 0px;
    float: left;
    width: 61px;
    height: 24px;
    background: url(menu/onas.gif);
}
div#page-head div.menu div.onas a {
    display: block;
    width: 61px;
    height: 24px;
    background: url(menu/onas_b.gif);
}
div#page-head div.menu div.onas a:hover {
    background: none;
}
/*TEAM*/
div#page-head div.menu div.team {
    margin-left: 0px;
    float: left;
    width: 61px;
    height: 24px;
    background: url(menu/team.gif);
}
div#page-head div.menu div.team a {
    display: block;
    width: 61px;
    height: 24px;
    background: url(menu/team_b.gif);
}
div#page-head div.menu div.team a:hover {
    background: none;
}
/*KONTAKT*/
div#page-head div.menu div.kontakt {
    margin-left: 0px;
    float: left;
    width: 86px;
    height: 24px;
    background: url(menu/kontakty.gif);
}
div#page-head div.menu div.kontakt a {
    display: block;
    width: 86px;
    height: 24px;
    background: url(menu/kontakty_b.gif);
}
div#page-head div.menu div.kontakt a:hover {
    background: none;
}

div#page-head div.menu div {
    padding: 0px;
    margin: 0px;
    margin-right: 15px;
}

/* page-content */
div#page-content {
    text-align: center;
    background: url(content-back.gif) repeat-y center;
}

div#page-content div.content {
    width: 701px;
    margin-left: auto;
    margin-right: auto;
    background: url(page-top.gif) no-repeat;
    min-height: 400px;
}

div#page-content div.content div.container {
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 5px;
    text-align: justify;
}


div#page-footer {
    height: 29px;
    background: url(page-bottom.gif) no-repeat center;
}

div.section {
    padding-top: 20px;
}

table.section {
    width: 612px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

table.section tr td.empty {
    width: 175px;
}

table.section tr td.product-top {
    width: 168px;
    height: 311px;
    vertical-align: top;
    text-align: left;
    color: #FFF;
}

table.section tr td.product-top a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 168px;
    height: 311px;
    padding-left: 4px;
    padding-top: 3px;
}

table.section tr td.product-male {
    width: 175px;
    height: 260px;
    vertical-align: center;
    text-align: center;
    border-bottom: 2px #80B3D4 solid;
}

table.section tr td.product-female {
    width: 175px;
    height: 260px;
    vertical-align: center;
    text-align: center;
    border-bottom: 2px #F9D4E4 solid;
}

table.section tr td.divider {
    width: 44px;
}

table.section tr td a img {
    border: none;
}

table.list {
    width: 612px;
}

table.list tr td {
    background: #EEE;
}

div.hr {
    background: url(hr.gif) no-repeat right;
    height: 33px;
    /*margin-right: 17px;*/
    text-align: left;
    color: #FFF;
    padding-left: 49px;
    padding-top: 7px;
    font-weight: bold;
}

div.img {
    float: left;
    text-align: center;
    width: 250px;
}

div.detail {
    text-align: left;
    margin-left: 35px;
    padding-bottom: 1px;
}

div.detail div.text {
    margin-left: 270px;
    color: #A63424;
    font-size: 9pt;
    line-height: 18px;
    width: 350px;
    min-height: 420px;
}

div.detail div.text div.line {
    margin-bottom: 10px;
    width: 300px;
    height: 35px;
    font-size: 8pt;
}

div.detail div.text div.line div.long {
    background: url(detail-line.gif) no-repeat center left;
    width: 151px;
    line-height: 23px;
    height: 25px;
    color: #FFF;
    float: left;
    margin-right: 5px;
}

div.detail div.text div.line div.long a {
    text-decoration: none;
    color: #FFF;
    display: block;
    height: 25px;
}

div.detail div.text div.line div.dead {
    background: url(detail-line-dead.gif) no-repeat center left;
    width: 151px;
    line-height: 23px;
    height: 25px;
    color: #FFF;
    float: left;
    margin-right: 5px;
}

div.detail div.text div.line div.dead a {
    text-decoration: none;
    color: #FFF;
    display: block;
    height: 25px;
}

div.detail div.text div.line div.butt {
    background: url(detail-line-sel.gif) repeat-x center left;
    height: 25px;
    line-height: 23px;
    color: #FFF;
    float: left;
    margin-right: 5px;
}

div.detail div.text div.line div.butt a {
    background: url(detail-line-s.gif) repeat-x center left;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: #FFF;
    display: block;
    height: 25px;
}

div.detail div.text div.line div.butt a.size-selected {
    background: none;
}

div.detail div.text div.line div.butt a.color-selected {
    background: none;
}

table.address {
    border-collapse: separate;
    margin-right: 35px;
    margin-top: 20px;
    width: 629px;
    float: right;
}

table.address tr th {
    background: #000;
    color: #FFF;
    height: 19px;
    line-height: 19px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    text-align: right;
}

table.address tr th.required {
    font-weight: bold;
}

table.address tr td {
    /*background: #000;
    color: #FFF;*/
    background: transparent;
    color: #000;
    height: 19px;
    line-height: 19px;
    padding: 0px;
    border: 1px #000 solid;
}

table.address tr td input {
    /*background: #000;
    color: #FFF;*/
    background: transparent;
    color: #000;
    border: none;
    width: 99%;
}

/*
table.address tr td {
    background: #000;
    color: #FFF;
    height: 19px;
    line-height: 19px;
    padding-left: 10px;
    padding-right: 10px;
}*/

/*
table.address tr td input {
    background: #000;
    color: #FFF;
    border: none;
    width: 100%;
}*/

input.continue {
    background: url(detail-line.gif) no-repeat center left;
    width: 151px;
    line-height: 23px;
    height: 25px;
    color: #FFF;
    border: none;
    cursor: pointer;
    float: right;
}

input.text {
    font-size: 9pt;
    color: #000;
    background: none;
    border: none;
    text-decoration: underline;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

a.continue {
    background: url(detail-line.gif) no-repeat center left;
    width: 151px;
    line-height: 23px;
    height: 25px;
    color: #FFF;
    border: none;
    display: block;
    float: right;
    text-decoration: none;
    text-align: center;
}

table.edit tr td textarea {
    width: 500px;
    height: 300px;
}

div.text-body {
    color: #A63424;
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 1px;
}

div.news-cell {
    color: #A63424;
    height: 150px;
    margin-top: 15px;
	margin-bottom: 25px;
    position: relative;
    top: -5px;
    padding-left: 5px;
}

div.news-cell h4 {
    font-size: 12pt;
    margin-bottom: 5px;
}

div.news-cell p {
    margin-top: 0px;
    line-height: 18px;
}

div.news-cell a {
    /*display: block;*/
}

form.cart {
    width: 100%;
    text-align: right;
}

table.cart {
    border-collapse: separate;
    margin-right: 15px;
    margin-top: 20px;
    width: 649px;
    float: right;
}

table.cart tr th {
    background: #000;
    color: #FFF;
    height: 19px;
    line-height: 19px;
    padding-left: 10px;
    padding-right: 10px;
}

table.cart tr td {
    height: 19px;
    line-height: 19px;
    padding-left: 10px;
    padding-right: 10px;
}

input.incell {
    display: block;
    background: #000;
    border: none;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    line-height: 19px;
    width: 100px;
    cursor: pointer;
    height: 19px;
}

input.incell:hover {
    font-weight: bold;
}

a.order {
    float: right;
    margin-top: 20px;
    background: #000;
    color: #FFF;
    height: 19px;
    line-height: 19px;
    /*padding-right: 110px;*/
    width: 284px;
    text-align: left;
    padding-left: 10px;
    text-decoration: none;
}

a.order:hover {
    font-weight: bold;
}

div.order-check {
    text-align: left;
}

div.riders {
    text-align: left;
}

div.rider {
    margin-top: 10px;
}

div.rider div {
    padding-left: 185px;
    font-size: 8pt;
}

div.rider div table tr td b {
    margin-top: 5px;
    display: block;
}

div.rider div table tr td b.first {
    margin-top: 0px;
}

div.rider img {
    float: left;
    margin-left: 40px;
}

textarea.vzkaz {
    border: 3px #000 solid;
    position: relative;
    top: -1px;
    margin-left: 40px;
    width: 615px;
    height: 70px;
    font-family: verdana;
}

div.errors {
    text-align: left;
    color: #F00;
    font-weight: bold;
    padding-left: 40px;
}
