html {background: #5D9DFF url('images/bg.gif') repeat-x top; padding: 0; margin: 0;}
body {padding: 0; margin: 0 auto; width: 915px; font-size: small; font-family: sans-serif;}

strong {font-weight: bold;}

p {margin: 0 0 5px 0; padding: 0;}

a {color: #0059E1; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}

.right {text-align: right;}
.clear {clear: both; font-size: 1px;}
.clear-left {clear: left;}
.none {display: none;}
.nowrap {white-space: nowrap}

#top {height: 195px; background: url('images/head.jpg');}
#top #logo {float: left;}
#top #logo a {display: block; width: 300px; height: 160px;}
#top #logo span, #top #logo p {display: none;}
#top h1 {margin: 0px; padding: 0px;}
#top #basket {width: 190px; margin: 110px 30px 0 0; float: right; text-align: left; color: white;}
#top #basket a {float: right; width: 62px; height: 23px; position: relative;}
#top #basket a span {position: absolute; top: 0; left: 0; width: 62px; height: 23px; cursor: pointer; background: url('images/zobrazit.gif') no-repeat top;}
#top #basket a:hover span {background: url('images/zobrazit.gif') no-repeat bottom;}

#articles {height: 40px; margin: 0 11px 10px 10px; background: url('images/menu_bg.gif') repeat-x top;}
#articles ul {display: block; height: 40px; margin: 0; padding: 0; list-style: none; background: url('images/packages_bottom.jpg') no-repeat 356px 0;}
#articles ul li {float: left; padding: 0 1px 0 0; background: url('images/menu_divider.gif') no-repeat top right;}
#articles ul li#slevy, #articles ul li#kontakt {float: right;}
#articles ul li a {float: left; height: 40px; padding: 0 20px; line-height: 40px; color: white; font-weight: bold; text-decoration: none; background: transparent;}
#articles ul li a:hover {background: url('images/menu_bg.gif') repeat-x bottom;}

#middle {width: 909px; margin: 0 0 10px 2px; background: url('images/content_bg.png') repeat-y left;}
* html #middle {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/content_bg.png', sizingMethod='scale'); background-image: none;}

#left {width: 200px; margin: 0 5px 0 10px; float: left;}
* html #left {margin: 0 5px 0 5px;}
#left h2, #left .h2 {display: block; font-weight: bold; height: 29px; margin: 0 0 3px 0; padding: 0 0 0 30px; line-height: 29px; color: white; font-size: medium; background: url('images/header.jpg') no-repeat top left;}
#left #menu ul {margin: 0 0 5px 0; padding: 0; list-style: none;}
#left #menu ul.categories {font-weight: bold;}
#left #menu ul li a {display: block; height: 24px; margin: 0 0 1px 0; padding: 0 0 0 40px; line-height: 24px; color: white; text-decoration: none; background: url('images/button_blue.gif') no-repeat top;}
#left #menu ul li a:hover {background: url('images/button_blue.gif') no-repeat bottom;}
#left #menu ul li ul.categories {font-weight: normal; background: #DFECFF;}
#left #menu ul li ul a {color: black; background: none; text-decoration: underline;}
#left #menu ul li ul a:hover {background: none; text-decoration: none;}

#content {float: left; width: 510px; padding: 0 5px;}
#content h2 {margin: 0; padding: 5px 0 10px 0; font-size: large;}
#content h2 a {text-decoration: none;}
#content h2 a:hover {text-decoration: underline;}
#content h3 a {text-decoration: none;}
#content h3 a:hover {text-decoration: underline;}
#navigation p {margin: 0 -5px 10px -5px; padding: 5px; background: #DFECFF;}
#navigation a {color: #F00000;}

table {margin: 0 0 5px 0; border-collapse: collapse;}
table th {padding: 2px 3px; text-align: left; color: white; background: #005AE2;}
table td {padding: 2px 3px; background: #cee2fe;}

fieldset {margin: 0 0 5px 0; padding: 5px 5px 0 10px; border: none; background: #DFECFF;}
fieldset legend {padding: 3px; color: white; background: #005AE2;}
fieldset p {clear: left;}
fieldset label {float: left; width: 90px;}

.list .item {float: left; width: 166px; height: 220px; margin: 10px 0; text-align: center; border-right: 2px solid #E7F0FF; border-bottom: 2px solid #E7F0FF;}
.list .item-right {border-right: none;}
.list .item h3 {display: block; height: 40px; margin: 0 0 20px; padding: 0 5px;  line-height: 20px; font-size: 90%; background: url('images/box_header.gif') repeat-x top;}
.list .item h3 a {color: white; text-decoration: none;}
.list .item .img-box {width: 100px; height: 105px; margin: auto;}
.list .item strong {color: #4283E7;}
.list .item .price-old {font-size: 12px; color: #ff0000; text-decoration: line-through;}

.product .box {float: right; width: 310px; margin: 0 0 10px 0; background: #DFECFF;}
.product .box_fb {float: right; text-align: right; width: 310px;}
.product .box h3 {height: 29px; margin: 0 0 5px 0; padding: 0 0 0 30px; line-height: 29px; color: white; font-size: medium; background: url('images/head_blue.gif') no-repeat top left;}
.product .box p {padding: 0 10px;}
.product .box p.cena {float: left; padding: 0 0 0 10px; line-height: 59px; font-size: medium; font-weight: bold;}
.product .box p.cena strong {font-size: 170%;}
* html .product .box p.cena strong {font-size: 160%;}
.product .box fieldset {position: relative; float: right; width: 105px; height: 55px; margin: 0; padding: 0; border: none; background: url('images/bin_detail.gif') no-repeat 60px 15px;}
.product .box legend {display: none;}
.product .box fieldset p {position: absolute; top: 10px; right: 58px; width: 50px; height: 35px;}
.product .box fieldset a {position: absolute; top: 10px; right: 10px; width: 35px; height: 30px;}
.product .box fieldset a span {display: none;}
.product #img-box {width: 190px; text-align: center;}
.product .imgs {float: left;}
.product .price-old {font-size: 12px; position: relative; top: -20px;}
.product .price-old span {color: #ff0000; text-decoration: line-through;}

#right {float: right; margin: 0 11px 0 0; width: 160px;}
* html #right {margin: 0 5px 0 0;}
#right h3 a {text-decoration: none;}
#right h3 a:hover {text-decoration: underline;}
#right p.cena {text-align: right;}
#right strong {color: #4283E7;}
#right .item .price-old {font-size: 12px; color: #ff0000; text-decoration: line-through;}
#right h2, #right .h2 {display: block; font-weight: bold; height: 29px; margin: 0 0 3px 0; padding: 0 0 0 30px; line-height: 29px; color: white; font-size: medium; background: url('images/header.jpg') no-repeat top left;}
#right #login-box, #right #search, #right #contact {background: #DFECFF;}
#right #login-box fieldset,#right #search fieldset {border: none; margin: 0 0 5px 0;}
#right #login-box legend, #right #search legend {display: none;}
#right #login-box input, #right #search input {width: 141px; padding: 1px; border: 1px solid #7899C6; background: white;}
#right #login-box input.btn, #right #search input.btn {float: right; width: auto; background: #7899C6; color: white;}
#right #login-box a {font-size: 90%; color: black;}
#right #contact p {padding: 5px 10px; color: #4283E7;}
#right #most-sell .item, #right #new-right .item, #right #action-right .item, #right #recommend-right .item {background: #DFECFF; padding-top: 2px; clear: both;}
#right #most-sell .item img, #right #new-right .item img, #right #action-right .item img, #right #recommend-right .item img {width: 40px; height: 40px;}
#right #most-sell .item .img-box, #right #new-right .item .img-box, #right #action-right .item .img-box, #right #recommend-right .item .img-box {width: 40px; height: 40px; float: left; margin: 2px;}
#right #most-sell .item h3, #right #new-right .item h3, #right #action-right .item h3, #right #recommend-right .item h3 {font-size: 12px; text-align: left; margin: 0;}

#bottom {clear: both; height: 60px; margin: 0; padding-top: 14px; background: #5D9DFF url('images/bottom.gif') no-repeat -2px;}
#bottom p {float: left; color: white; font-size: 90%; width: 180px; margin: 5px 0 0 30px;}
#bottom #copy {float: right; margin: 18px 35px 0 0; text-align: right;}
#bottom a {color: white;}

#custom-bottom {clear: both; background: #5D9DFF; padding: 0 15px; color: #4283E7; font-size: 10px;}
#custom-bottom a {text-decoration: none; color: #4283E7}
#custom-bottom a:hover {text-decoration: underline;}