body {
    padding:0px;
    margin:0px;
    font-family: verdana;
    font-size:12px;
    background: #eaeaea url(../images/bg.jpg) repeat-x top;
}

img {
    border:none;
}

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

h2 {
    font-size:16px;
    color:blue;
    margin:0px;
    padding:0px;
}

h3 {
    font-size:14px;
    margin:0px;
    padding:0px;
    padding-bottom:10px;
}

h4 {
    margin: 0;
    margin-bottom: 10px;
    padding:0px;
}

a {
    color:#bb0000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


hr {
    color:#000000;
    background-color:#000000;
    height:1px;
    border:none;
    font-size:0px;
}

#container {
    position: relative;
    width: 990px;
    margin: auto;
}

#header {
    width: 990px;
    height: 160px;
}

#header h1 a span {
    display:none;
}

#header_top {
    float: left;
    width: 990px;
    height: 114px;
}

#logo {
    float: left;
    width: 260px;
    height: 114px;
    background: url(../images/logo.jpg) no-repeat;
}

#logo2 {
    position: absolute;
    margin-left: 250px;
    *margin-left: 0px;
    width: 160px;
    height: 114px;
    background: url(../images/logo2.png) no-repeat;
}

#logo3center {
    margin-left: 410px;
    *margin-left: 150px;
    margin-top: 35px;
    position: absolute;
    width: 201px;
    height: 62px;
    background: url(../images/logo3.png) no-repeat;
}

#logo3 {
    margin-left: 410px;
    *margin-left: 150px;
    margin-top: 62px;
    position: absolute;
    width: 201px;
    height: 54px;
    background: url(../images/logo3.png) no-repeat;
}

#header_user_menu {
    margin-right: 20px;
    float: right;
    height: 62px;
}

#user_menu_left {
    float: left;
    width: 20px;
    height: 62px;
    background: url(../images/user_menu_left.jpg) no-repeat;
}

#user_menu_content {
    float: left;
    height: 62px;
    background: url(../images/user_menu_bg.jpg) repeat-x;
}

.user_menu_divider {
    float: left;
    width: 1px;
    height: 62px;
    background: url(../images/user_menu_divider.jpg) no-repeat;
}

#cart_info {
    float: left;
    margin: 0;
    height: 62px;
}

#user_info {
    float: left;
    margin: 0;
    height: 62px;
}

#cart_info ul, #user_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cart_info ul li {
    height: 43px;
    padding-top: 10px;
    padding-right: 13px;
    text-align: left;
    float: left;
}

#user_info ul li {
    height: 43px;
    padding-top: 10px;
    padding-left: 15px;
    text-align: left;
    float: left;
}

#cart_info ul li.cart {
    height: 43px;
    padding-top: 10px;
    padding-left: 70px;
    padding-right: 10px;
    text-align: left;
    float: left;
    background: url(../images/cart.jpg) no-repeat left;
}

#cart_info ul li.link, #user_info ul li.link {
    height: 40px;
    padding-top: 13px;
    text-align: left;
    float: left;
}

#cart_info ul li.link a {
    display: block;
    width: 50px;
    height: 23px;
    padding-left: 25px;
    padding-top: 7px;
    color: #FFFFFF;
    font-size: 10px;
    background: url(../images/cart_show.jpg) no-repeat;
}

#cart_info ul li.link a:hover {
    background: url(../images/cart_show_hover.jpg) no-repeat;
    text-decoration: none;
}

#cart_info ul li.link a:active {
    width: 49px;
    padding-left: 26px;
}

#user_info ul li.link a {
    display: block;
    width: 58px;
    height: 23px;
    padding-left: 17px;
    padding-top: 7px;
    color: #FFFFFF;
    font-size: 10px;
    background: url(../images/log_out.jpg) no-repeat;
}

#user_info ul li.link a:hover {
    background: url(../images/log_out_hover.jpg) no-repeat;
    text-decoration: none;
}

#user_info ul li.link a:active {
    width: 57px;
    padding-left: 18px;
}

#user_menu_right {
    float: left;
    width: 20px;
    height: 62px;
    background: url(../images/user_menu_right.jpg) no-repeat;
}

#header_menu {
    float: left;
    width: 990px;
    height: 46px;
}

#header_menu ul {
    margin: 0 0 0 15px;
    padding: 0;
    height: 46px;
    list-style: none;
}

#header_menu ul li {
    margin: 0px;
    padding: 0px;
    background: url(../images/li.jpg) no-repeat left;
    height: 46px;
    float: left;
}

#header_menu ul li.first {
    margin: 0px;
    padding: 0px;
    background-image: none;
    height: 46px;
    float: left;
}

#header_menu ul li a {
    float: left;
    display: block;
    height: 27px;
    padding-top: 16px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
}

#header_menu ul li a:hover {
    text-decoration: underline;
}

#middle {
    overflow: hidden;
    width: 990px;
    margin-top: 10px;
}

#middle-right {
    display:inline;
    float:right;
}

#content {
    float:left;
    width:560px;
}

#content_top {
    float:left;
    width:560px;
    height: 20px;
    background: url(../images/content_top.png) no-repeat;
    font-size: 0px;
}

#content_main {
    float:left;
    width:530px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/content_bg.png) repeat-y;
}

#content_bottom {
    float:left;
    width:560px;
    height: 16px;
    background: url(../images/content_bottom.png) no-repeat;
    font-size: 0px;
}

#left {
    float:right;
    width:215px;
}

#right {
    float:left;
    width:215px;
}

.side_box {
    float: left;
    width:205px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.side_box_header {
    float: left;
    width:190px;
    height: 26px;
    text-align: center;
    padding-left: 15px;
    padding-top: 16px;
    background: url(../images/side_header.png) no-repeat;
    font-weight: bold;
}

.side_box_content {
    float: left;
    width:175px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/side_bg.png) repeat-y;
}

.side_box_content ul.side_menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.side_box_content ul.side_menu li {
    border-bottom: 1px dotted #000000;
}

.side_box_content ul.side_menu li a {
    display: block;
    padding-top: 10px;
    padding-bottom: 3px;
    text-decoration: none;
    color: #000000;
}

.side_box_content ul.side_menu li a:hover {
    color: #bb0000;
    font-weight: bold;
}

.side_box_bottom {
    float: left;
    width:205px;
    height: 12px;
    background: url(../images/side_bottom.png) no-repeat;
    font-size: 0px;
}


#footer {
    clear:both;
    width:990px;
    height:21px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
}

#footer hr {
    margin-bottom: 10px;
    width: 800px;
    background-color: #999999;
}

#footer p {
    margin: 0px;
    padding: 0px;
}

/*************** General Forms ***************/

form {
    padding: 0;
    margin: 0;
}

fieldset {
    border: none;
    color: #000000;
}

fieldset legend {
    font-weight: bold;
    background-color: #FFFFFF;
}

fieldset input {
    margin-top: 5px;
    margin-bottom: 10px;
}

textarea, input[type='text'], input[type='password'], select { 
    color: #000000;
}

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { 
    border: 2px solid #646464; 
}

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { 
    border: 2px solid #646464; 
}

input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button, input[tupe='file'] { 
    cursor: pointer; 
}

input[type='hidden'] { 
    display:none; 
}

legend { 
    padding: 0 8px 0 8px;
}
 
legend+* { 
    margin-top: 1em; 
}  

option { 
    padding: 0 .4em .1em; 
}

/**************** Right Form **********************/

#right .side_box form .button, #right .side_box form input[type='button'] { 
    border: none;
    margin-left: 0px;
    padding-bottom: 2px;
    width: 100px;
    height: 28px;
    background: url(../images/login_button.jpg) no-repeat;
    line-height: 100%;
    color: #FFFFFF;
}

#right .side_box form .button:hover, #right .side_box form input[type='button']:hover {
    background: url(../images/login_button_hover.jpg) no-repeat;
}


/**************** Content Form **********************/
#register {
    width: 100%;
}

#register .center, order_info_customer .center  {
    text-align: center;
    margin: auto;
    width: 400px;
}

#register .left {
    padding-right: 10px;
    width: 40%;
    float: left;
    text-align: right;
    color: #666666;
}

#register .right {  
    width: 50%;
    float: left;
    text-align: left;
}

#register_info {
    margin-bottom: 10px;
}

#register fieldset {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #29596a;
    color: #000000;
}

#register fieldset.noborder {
    border: none;
}

#register div.no_border{
    /*keby daco trebal*/
}

#register div.no_border h4{
    margin-top: 0;
    margin-bottom: 15px;
}

#register fieldset input, #register fieldset select, #register fieldset textarea {
    float: right;
    width: 200px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 100px;
}

#register fieldset select {
    width: 206px;
}

#register fieldset input[type='file'] {
   margin-right: 106px;
}

#register fieldset label {
    float: right;
    margin-right: 20px;
    text-align: right;
    margin-top: 2px;
    color: #666666;
}

#register fieldset label.right_text {
    float: right;
    text-align: right;
    margin-right: 125px;
}

#register input[type='checkbox'].checkbox_class, {
    float: right;
    margin-right: 10px;
    width: 15px;
}

#register input[type='radio'] {
    width: 15px;
    margin-right: 13px;
    margin-left: 380px;
}

#register form .button {
    float: right; 
    border: none;
    padding-bottom: 2px;
    width: 100px;
    height: 28px;
    background: url(../images/login_button.jpg) no-repeat;
    color: #FFFFFF;
}

#register form .button:hover, #register form input[type='button']:hover {
    background: url(../images/login_button_hover.jpg) no-repeat;
}

/******************* Invoice *******************/
#register #order_info_header, h4.borderovany {
    float: left;
    width: 508px;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #e5e5e5;
    border: 1px solid #cccccc;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

#register #customer_info, #register #order_info_pay_metod {
    float: left;
    width: 530px;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

#register #invoice_info {
    margin-bottom: 15px;
    text-align: center;
    color: #333333;
}

#register #customer_info {
    border-bottom: 1px solid #e5e5e5;
}

#register #pay_metod_select {
    margin-bottom: 10px;
    width: 500px;
    height: 57px;
    background: url(../images/arrow.jpg) no-repeat right
}

#order_info_pay_metod .line {
    padding-top: 5px;
    padding-bottom: 10px;
}

#order_info_pay_metod .line:hover {
    background-color: #e5e5e5;
}

#register #invoice_bottom {
    float: left;
    width: 530px;
    height: 43px;
    margin-bottom: 20px;
    background: url(../images/num_line.jpg) repeat-x;
}

#one, #one_hidden, #one_active {
    float: left;
    width: 176px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    padding-top: 27px;
}

#two, #two_hidden, #two_active {
    float: left;
    width: 178px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    padding-top: 27px;
}


#three, #three_hidden, #three_active {
    float: left;
    width: 176px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    padding-top: 27px;
}

#one a, #one_hidden a, #one_active a, 
#two a, #two_hidden a, #two_active a,
#three a, #three_hidden a, #three_active a{
    color: #333333;
}

#one { color: #666666; background: url(../images/one.jpg) center top no-repeat; }
#two { color: #666666; background: url(../images/two.jpg) center top no-repeat; }
#three { color: #666666; background: url(../images/three.jpg) center top no-repeat; }

#one_hidden { color: #cccccc; background: url(../images/one_hidden.jpg) center top no-repeat; }
#two_hidden { color: #cccccc; background: url(../images/two_hidden.jpg) center top no-repeat; }
#three_hidden { color: #cccccc; background: url(../images/three_hidden.jpg) center top no-repeat; }

#one_active { color: #00cccc; background: url(../images/one_active.jpg) center top no-repeat; }
#two_active { color: #00cccc; background: url(../images/two_active.jpg) center top no-repeat; }
#three_active { color: #00cccc; background: url(../images/three_active.jpg) center top no-repeat; }


/******************* Confirm Invoice *******************/

#order_invoice {
    float: left;
    width: 530px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    background: url(../images/line2.jpg) repeat-y;
}

#order_address {
    float: left;
    width: 150px;
}

#order_right {
    float: left;
    width: 380px;
}

#order_itme_list, #order_sumary {
    float: left;
    width: 380px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#order_pay {
    float: left;
    width: 380px;
}

#order_itme_list { border-bottom: 2px solid #999999; }
#order_sumary { border-bottom: 2px solid #cc0000; }

#order_itme_list table, #order_sumary table, #order_pay table {
    width: 100%;
    border-collapse: collapse;
}

#order_itme_list table td {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px dashed #cccccc;
}

#order_itme_list table tr.second_line {
    background-color: #f5f5f5;
}

#order_itme_list table td.invoice_item_name, #order_sumary td.invoice_item_name, #order_pay td.invoice_item_name {
    text-align: left;
}

#order_itme_list table td.invoice_item_price, #order_sumary td.invoice_item_price {
    text-align: right;
    font-style: italic;
}

#order_pay td.invoice_item_price {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

#order_confirm {
    float: left;
    width: 530px;
    margin-bottom: 20px;
}

/******************* Confirmed *************************/
#order_confirmed {
    width: 330px;
    height: 90px;
    background: url(../images/finish.jpg) no-repeat left top;
    padding-left: 200px;
}

/******************* Alert DIV *********************/


#basket_alert {
    position: fixed;
    width: 500px;
    height: 190px;
    top: 45%;
    left: 30%;
    visibility: hidden;
} 

#basket_alert_form1 {
    float: left;
    padding-top: 30px;
    height: 63px;
    width: 184px;
}

#basket_alert_divider {
    float: left;
    height: 93px;
    width: 93px;
    background: url(../images/added.jpg) no-repeat center center;
}

#basket_alert_form2 {
    float: left;
    padding-top: 30px;
    height: 63px;
    width: 183px;
}

#basket_alert_form1 form .button_large, #basket_alert_form2 form .button_large  {
    border: none;
    width: 166px;
    padding-left: 14px;
    padding-bottom: 2px;
    height: 30px;
    background: url(../images/button_large.jpg) no-repeat;
    color: #FFFFFF;
}

#basket_alert_form1 form .button_large:hover, #basket_alert_form2 form .button_large:hover  {
    background: url(../images/button_large_hover.jpg) no-repeat;
}

#basket_top, #basket_bottom {
    float: left;
    width: 500px;
    height: 10px;
    background-color: #000000;  
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
}

#basket_middle {
    float: left;
    width: 500px;
    
}

#basket_left, #basket_right {
    float: left;
    width: 10px;
    height: 170px;
    background-color: #000000;  
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
} 

#basket_content {
    float: left;
    width: 460px;
    height: 150px;
    background-color: #ffffff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}

#basket_content form {
    margin-top: 20px;
}

/******************* Items *********************/


.order_by_box {
    width: 508px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #e5e5e5;
    border: 1px solid #999999;
}

.order_by_box form .button  {
    border: none;
    padding-bottom: 2px;
    padding-left: 10px;
    width: 75px;
    height: 30px;
    background: url(../images/up_down_grey.jpg) no-repeat;
    color: #FFFFFF;
}

.order_by_box form .button:hover, .order_by_box form input[type='button']:hover {
    background: url(../images/up_down_grey_hover.jpg) no-repeat;
}

background: url(../images/log_out.jpg) no-repeat;

#items {
    float: left;
    margin: 0;
    padding: 0;
    width: 530px;
}

.items_line {
    float: left;
    margin-bottom: 20px;
    padding: 0;
    width: 530px;
    background: url(../images/line.jpg) repeat-y;
}

.item_box {
    float: left;
    width: 245px;
    margin: 10px;
}

.item_content {
    float: left;
    width: 245px;
    min-height: 140px;
    font-size: 11px;
}

.item_content img {
    float: left;
    margin-right: 10px;
    max-width: 100px; !important
    max-height: 100px; 
}

.noimage{
    float: left;
    margin-right: 10px;
    width: 100px; 
    height: 100px;
    background: url(../images/noimage.jpg) no-repeat center center;
}

.item_name {
    margin-bottom: 5px;
}

.item_name a{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.item_name a:hover{
    text-decoration: underline;
}

.item_shop_info {
    float: left;
    margin-top: 10px;
    width: 245px;
}

.item_cart_box {
   /*keby daco doplnit*/
}

.item_cart_box fieldset {
    margin: 0;
    padding: 0;
}

.item_cart_box fieldset input, .item_cart_box fieldset select {
    float: left;
    width: 50px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 8px;
    margin-left: 5px;
}

.item_cart_box fieldset label {
    float: left;
    padding-top: 2px;
    margin: 0;
    color: #666666;
}

.item_cart_box form .button_buy {
    float: right; 
    border: none;
    margin-top: 10px;
    padding-left: 25px;
    padding-bottom: 2px;
    width: 100px;
    height: 30px;
    background: url(../images/buy_item.jpg) no-repeat;
    line-height: 100%;
    color: #FFFFFF;
}

.item_cart_box .button_buy:hover {
    background: url(../images/buy_item_hover.jpg) no-repeat;
}

.item_cart_box form .button_update {
    float: right; 
    border: none;
    margin-top: 10px;
    width: 32px;
    height: 30px;
    background: url(../images/update_item.jpg) no-repeat;
    line-height: 100%;
}

.item_cart_box .button_update:hover {
    background: url(../images/update_item_hover.jpg) no-repeat;
}

.item_cart_box form .button_delete {
    float: right; 
    border: none;
    margin-top: 10px;
    width: 32px;
    height: 30px;
    background: url(../images/delete_item.jpg) no-repeat;
    line-height: 100%;
}

.item_cart_box .button_delete:hover {
    background: url(../images/delete_item_hover.jpg) no-repeat;
}

.item_old_price {
    margin-top: 10px;
    font-weight: bold;
    text-decoration: line-through;
}

.item_old_price_empty {
    margin-top: 10px;
    font-weight: bold;
}

.item_price {
    font-weight: bold;
}

.item_access {
    /*keby daco doplnit*/
}

/******************* Item Info *********************/

.item_header {
    float: left;
    width: 530px;
}

.item_info_category {
    float: left;
    width: 530px;
    font-size: 16px;
    font-weight: bold;
}

.item_info_name {
    float: left;
    width: 520px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}

.item_info_content {
    float: left;
    width: 530px;
}

.item_info_content_l {
    float: left;
    width: 130px;
    margin-top: 10px;
}

.item_info_image {
    float: left;
    width: 130px;
    margin-bottom: 10px;
}

.item_info_image img {
    float: left;
    margin-right: 10px;
    max-width: 130px; !important
    max-height: 130px; 
}

.item_info_image_bottom {
    float: left;
    width: 130px;
    font-size: 11px;
    text-align: center;
    color: #999999;
}

.item_info_content_r {
    float: left;
    width: 380px;
    padding: 10px;
}

.item_info_description {
    float: left;
    width: 380px;
    margin-bottom: 10px;
}

.item_info_shop {
    float: left;
    width: 380px;
}

.item_info_price {
    float: left;
    width: 190px;
}

.item_info_cart {
    float: left;
    width: 190px;
}

.item_info_cart fieldset {
    margin: 0;
    padding: 0;
}

.item_info_cart fieldset input, .item_info_cart fieldset select {
    float: right;
    width: 50px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 8px;
}

.item_info_cart fieldset label {
    float: left;
    padding-top: 2px;
    margin-left: 20px;
    color: #666666;
}

.item_info_cart form .button_buy {
    float: right; 
    border: none;
    margin-top: 10px;
    padding-left: 25px;
    padding-bottom: 2px;
    width: 100px;
    height: 30px;
    background: url(../images/buy_item.jpg) no-repeat;
    line-height: 100%;
    color: #FFFFFF;
}

.item_info_cart .button_buy:hover {
    background: url(../images/buy_item_hover.jpg) no-repeat;
}

.item_info_cart form .button_update {
    float: right; 
    border: none;
    margin-top: 10px;
    width: 32px;
    height: 30px;
    background: url(../images/update_item.jpg) no-repeat;
    line-height: 100%;
}

.item_info_cart .button_update:hover {
    background: url(../images/update_item_hover.jpg) no-repeat;
}

.item_info_cart form .button_delete {
    float: right; 
    border: none;
    margin-top: 10px;
    width: 32px;
    height: 30px;
    background: url(../images/delete_item.jpg) no-repeat;
    line-height: 100%;
}

.item_info_cart .button_delete:hover {
    background: url(../images/delete_item_hover.jpg) no-repeat;
}

.item_info_content_bottom {
    margin-top: 10px;
    float: left;
    width: 380px;
}

.item_info_bottom {
    margin-top: 10px;
    float: left;
    width: 530px;
}

/******************** Basket *****************/

#basket_list {
    margin-bottom: 20px;
}

#basket_table {
    width: 100%;
    border-collapse: collapse;
}

#basket_table tr.table_head {
    background-color: #999999;
    border-bottom: none;
}

#basket_table .table_head td{
    padding: 5px;
    text-align: center;
    color: #ffffff;
}

#basket_table .table_head td.table_item_name {
    width: 200px;
}

#basket_table tr.second_line {
    background-color: #f5f5f5;
}

#basket_table tr {
    border-bottom: 1px dashed #cccccc;
}

#basket_table tr td{
    text-align: center;
}

#basket_price {
    width: 150px;
    float: right;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: Bold;
}

#invoice_bottom.basket {
    margin-top: 20px;
}

/****************** Contact ******************/

#shop_clause {
    margin-bottom: 10px;
}

#shop_clause ol {
    margin-bottom: 10px;
    padding-left: 20px;
}

#shop_clause ol ul{
    list-style: lower-alpha;
}

table.contact {
    width: 100%;
    border-collapse: collapse;
}

table.contact td {
    width: 50%;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.contact2 td.second{
    padding-left: 20px;
}

/******************* Span ********************/
.red {
    color: #cc0000;
}

.grey {
    color: #333333;
}

.color_1 {
    color: #339900;
}

.color_2, .color_3, .color_4, .color_5 {
    color: #0066cc;
}

.underline {
    text-decoration: underline;
}