@import "lightbox.css";
/*@charset "iso-8859-2";*/


body {
	background: #616A74 url(./images/bg-body.png) repeat-x;
	margin: 0px auto;
	padding: 15px 0px 0px 10px;
	font: 11px Tahoma, Verdana, Arial;
	color: #000000;
	text-align: center;
}
div {
	text-align: left;
	margin: 0px;
	padding: 0px;
	position: static;
}
img {
	border-style: none;
}
ul, ol {
	margin: 0px;
	padding: 15px 0px 0px 23px;
}
ul li {
	margin: 0px;
	padding: 0px;
	list-style: url(./images/list-yellow.png);
	line-height: 140%;
}
ol li {
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px 0px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
	margin: 0px;
	padding: 15px 0px 0px;
}
p {
	line-height: 140%;
	text-align: justify;
	margin: 0px;
	padding: 15px 0px 0px;
}
table {
	margin: 15px 0px 0px;
	padding: 0px;
	font-size: 11px;
}
form {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	font: 10px Tahoma, Verdana, Arial;
}
a {
	font-weight: bold;
	text-decoration: underline;
	color: #FF6600;
}
a:Hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
#in-line {
	width: 852px;
	margin: 0px auto;
}
#logo {
	height: 53px;
	background: url(./images/skater-hand.png) no-repeat 459px 15px;
}
#headerMenu {
	height: 50px;
	width: 515px;
	background: url(./images/bg-header-menu.png);
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#headerMenu li {
	list-style: url(none) none;
	float: left;
	line-height: normal;
}
#headerMenu li a, #headerMenu li a:Hover {
	display: block;
	color: #FFCC00;
	font-weight: bold;
	margin: 0px;
	padding: 3px 5px 30px 42px;
}
#headerMenu li a:Hover {
	color: #FFFFFF;
}
#home {
	background: url(./images/menu-home.png) no-repeat;
}
#mapa {
	background: url(./images/menu-mapa.png) no-repeat;
}
#oblibene {
	background: url(./images/menu-oblibene.png) no-repeat;
}
#kosik {
	background: url(./images/menu-kosik.png) no-repeat;
}
#pokladna {
	background: url(./images/menu-pokladna.png) no-repeat;
}
#search {
	float: left;
	height: 22px;
	width: 337px;
	background: url(./images/bg-search.png) no-repeat;
	text-align: right;
}

#search div {
	display: inline;
	padding-right: 5px;
}
#searchInput {
	border: 1px solid #444444;
	background: #F4F4F4;
}
#loginName {
	background: url(./images/bg-login-name.png) no-repeat;
	float: left;
	height: 28px;
	width: 337px;
	font-size: 10px;
	color: #FFFFFF;
}
#loginName p {
	padding: 8px 13px 0px 0px;
	display: block;
	text-align: right;
}
#headerCleaner {
	font-size: 1px;
	background: url(./images/head-cleaner.png) no-repeat;
	clear: both;
	height: 5px;
}
#main {
	background: #868F98 url(./images/bg-main.png);
	padding: 0px 5px;
	float: left;
}
#headerPhoto {
	float: left;
	height: 95px;
	width: 635px;
	background: url(./images/bg-head.jpg);
}
#userArea {
	background: url(./images/bg-user.jpg);
	float: left;
	height: 95px;
	width: 207px;
	font-size: 10px;
}
#userArea p {
	text-align: right;
}
#userArea a {
	font-weight: normal;
}
#userAreaIn {
	text-align: right;
	padding: 0px 8px 0px 0px;
}
#middleLine {
	background: #666666 url(./images/bg-separators.png);
	float: left;
	height: 25px;
	clear: both;
	width: 842px;
}
#catalog, #news {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFCC00;
	text-indent: 8px;
	padding: 6px 0px 0px;
	float: left;
	width: 162px;
}
#middleMenu {
	float: left;
	padding: 0px;
	width: 518px;
	background: url(./images/skater-leg.jpg) no-repeat 402px 0px;
	height: 25px;
}
#middleMenu li {
	float: left;
	list-style: url(none) none;
	line-height: normal;
}
#middleMenu li a, #middleMenu li a:Hover {
	font-weight: bold;
	color: #FFCC00;
	display: block;
	padding: 5px 10px 3px;
	text-transform: uppercase;
	background: url(./images/middle-menu-separator.png) no-repeat right;
}
#middleMenu li a:Hover {
	color: #FFFFFF;
}
#middleMenu #first {
	padding-left: 85px;
}
#middleMenu #last {
	padding-right: 0px;
	background: url(none);
}
#left {
	float: left;
	width: 160px;
	border-top: 1px solid #F4F4F4;
	margin-right: 2px;
	color: #FFFFFF;
}
#left p, #left li, #right p, #right li {
	text-align: left;
}
#left table, #right table {
	color: #FFFFFF;
}
#left a, #right a {
	font-weight: normal;
	color: #FFFFFF;
}
#left a:Hover, #right a:Hover {
	font-weight: normal;
	color: #FFCC00;
}
#menu {
	padding-top: 0px;
	padding-left: 0px;
	background: #FFCC00 url(./images/bg-menu.png) repeat-x left bottom;
}
#menu li {
	list-style: url(none) none;
	display: inline;
	line-height: normal;
}
#menu li a, #menu li a:Hover, #menu li .selected {
	display: block;
	font-weight: bold;
	color: #000000;
	background: url(./images/list-white.png) no-repeat 8px 10px;
	padding: 6px 0px 6px 19px;
	border-top: 1px solid #F4F4F4;
}
#menu li a:Hover {
	color: #FFFFFF;
	background: #D75600 url(./images/list-white.png) no-repeat 8px 10px;
}
#menu li ul {
	background: #FF6600;
	padding-top: 0px;
	padding-left: 0px;
}
#menu li ul li ul {
	background: #FF7900;
	padding-top: 0px;
	padding-left: 0px;
}
#menu li ul li a {
	padding-left: 30px;
	font-weight: normal;
	background: url(./images/list-white.png) no-repeat 18px 10px;
}
#menu li ul li a:Hover {
	padding-left: 30px;
	font-weight: normal;
	background: #D75600 url(./images/list-white.png) no-repeat 18px 10px;
}
#menu li ul li ul li a {
	padding-left: 45px;
	font-weight: normal;
	background: url(./images/list-white.png) no-repeat 29px 10px;
}
#menu li ul li ul li a:Hover {
	padding-left: 45px;
	font-weight: normal;
	background: #FF6600 url(./images/list-white.png) no-repeat 29px 10px;
}

#menu li ul li ul li ul li a {
	padding-left: 53px;
	font-weight: normal;
	background: url(./images/list-white.png) no-repeat 37px 10px;
}
#menu li ul li ul li ul li a:Hover {
	padding-left: 53px;
	font-weight: normal;
	background: #FF6600 url(./images/list-white.png) no-repeat 37px 10px;
}


#menu li .selectedFirst, #menu li .selectedFirst:Hover {
	color: #FFFFFF;
	background: #D75600 url(./images/list-white-down.png) no-repeat 8px 12px;
}
#menu li .selectedSecond, #menu li .selectedSecond:Hover {
	color: #FFFFFF;
	font-weight: bold;
	background: #FF6600 url(./images/list-white-down.png) no-repeat 8px 12px;
}
#menu li .selectedThird, #menu li .selectedThird:Hover {
	color: #FFFFFF;
	font-weight: bold;
	background: #FF6600 url(./images/list-white-down.png) no-repeat 29px 12px;

}

#menu li .selectedFourth, #menu li .selectedFourth:Hover {
	color: #FFFFFF;
	font-weight: bold;
	background: #FF6600 url(./images/list-white-down.png) no-repeat 37px 12px;
}

#menu #start {
	border-top-style: none;
}
.leftPadding {
	padding: 0px 8px 15px 0px;
}
#middle {
	float: left;
	width: 518px;
	background: #F4F4F4 url(./images/skater-knee.png) no-repeat 401px 0px;
}
#middlePadding {
	padding: 9px;
}
#breadcrumbs {
	font-size: 10px;
	color: #999999;
	padding: 5px 0px 10px;
}
#breadcrumbs a {
	font-weight: normal;
	color: #999999;
}
#breadcrumbs a:Hover {
	font-weight: normal;
	color: #000000;
}
#right {
	float: left;
	width: 160px;
	border-top: 1px solid #F4F4F4;
	margin-left: 2px;
	color: #FFFFFF;
	text-align: left;
}
.rightPadding {
	padding: 0px 0px 15px 8px;
}
#downCleaner {
	font-size: 1px;
	background: #868F98;
	clear: both;
	height: 5px;
}
#copyright {
	font-size: 10px;
	color: #CCCCCC;
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
}

.separator {
	background: #666666 url(./images/bg-separators.png) repeat-x;
	font-weight: bold;
	color: #FFCC00;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	padding: 6px 0px 6px 8px;
	text-transform: uppercase;
}
/* Odkazy */
.black {
	color: #000000;
}
.black:Hover {
	color: #FFFFFF;
}
.yellow {
	color: #FFCC00;
}
.yellow:Hover {
	color: #FFFFFF;
}
.gray {
	font-weight: normal;
	color: #CCCCCC;
}
.gray:Hover {
	font-weight: normal;
	color: #FFFFFF;
}
.red {
	color: #FF0000;
}

.noPadding {
	padding-top: 0px;
}
.moreText {
	padding-bottom: 8px;
}
.right {
	text-align: right;
}
.cleaner {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.product {
	margin: 9px 9px 0px 0px;
	float: left;
	width: 160px;
	height: 224px;
	overflow: hidden;
}
.productIn, .detailImageIn {
	border: 1px solid #CCCCCC;
	padding: 1px;
	float: left;
	background: #FFFFFF;
}
.productImage {
	height: 110px;
	width: 100px;
	margin: 3px 28px 4px;
}
.productIn h2 {
	font-size: 11px;
	background: #FFCC00 url(./images/bg-titles.png);
	padding: 4px 5px 6px;
	text-align: center;
}
.productIn h2 a {
	font-weight: bold;
	color: #000000;
}
.productIn h2 a:Hover {
	font-weight: bold;
	color: #FFFFFF;
}
/*.productIn p {
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}*/
.productDetails {
	height: 21px;
	overflow: hidden;
}
.productPrice {
	color: #FF0000;
	float: left;
	padding: 4px 0px 0px 5px;
}
.productIcon {
	float: right;
	padding: 3px 3px 0px 0px;
}
.productsRight {
	margin-right: 0px;
}
.subcategory {
	float: left;
}
.subcategory li {
	list-style: url(./images/list-black.png);
}
.subcategory a {
	font-weight: normal;
	color: #000000;
}

.pageResults a, .pageResults a:Hover
{
  font-weight: normal;
} 


.subcategory a:Hover {
	font-weight: normal;
	color: #FF6600;
}
.paging {
	font-size: 10px;
	background: #FFCC00 url(./images/bg-titles.png);
	float: left;
	height: 25px;
	width: 500px;
	margin-top: 15px;
}
.pagingCount {
	padding: 6px 0px 0px 5px;
	float: left;
}
.pagingOther {
	float: right;
	padding: 6px 5px 0px 0px;
}
.paging a, .paging a:Hover {
	font-weight: normal;
}
#down {
	margin-top: 0px;
}
#productsList {
	border-right: 1px solid #DD7A00;
	border-left: 1px solid #DD7A00;
	background: #FFFFFF;
	float: left;
}
.productList {
	padding: 0px 10px 5px;
	border-bottom: 1px solid #DD7A00;
	float: left;
}
.productsListImage {
	float: left;
	height: 110px;
	width: 100px;
	margin-right: 10px;
}
.productsListInfo {
	float: left;
	width: 368px;
}
.productsListInfo h2 {
	padding-top: 10px;
}

.productsListInfo h2 a {
	font-weight: bold;
	color: #000000;
}
.productsListInfo h2 a:Hover {
	font-weight: bold;
	color: #FF6600;
}
.productListIcon {
	padding: 10px 3px 0px 0px;
}
.productListIconPrice {
	color: #FF0000;
	padding-left: 10px;
	vertical-align: top;
}
.detailImage {
	margin: 17px 15px 0px 0px;
	float: left;
}
.detailImageIn {
	background: #FFFFFF url(./images/zoom.png) no-repeat 5px 5px;
}
.detailImageIn img {
	margin: 0px 20px;
	height: 200px;
	width: 200px;
}
.detailInfo {
	float: left;
	width: 241px;
}
#manufacturer {
	display: block;
  float: right;
}
#catalogInfo {
	display: block;
	float: right;
	text-align: right;
}

.descTitle {
	background: #FFCC00 url(./images/bg-titles.png);
	font-weight: bold;
	color: #000000;
	padding: 6px 0px 6px 5px;
	margin-top: 15px;
}
.desc {
	background: #FFFFFF;
	padding: 10px;
	clear: both;
}
#detailMenu {
	padding-left: 0px;
}
#detailMenu li {
	line-height: normal;
	float: left;
	list-style: url(none) none;
}
#detailMenu li a, #detailMenu li a:Hover {
	background: #CCCCCC url(./images/bg-titles-deactive.png) repeat-x bottom;
	color: #000000;
	font-weight: bold;
	padding: 6px 5px;
	display: block;
	float: left;
	text-decoration: none;
	border-right: 1px solid #F4F4F4;
}
#detailMenu li a:Hover {
	background: #FFCC00 url(./images/bg-titles.png);
}
#detailMenu li #selected {
	background: #FFCC00 url(./images/bg-titles.png);
}



#whatis
{
	color: white;
	width: 100%;
	text-align: center;
}

fieldset
{
	border: 1px solid #868F98;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
legend
{
	padding-bottom: 15px;
	color: white;
	font-weight: bold;
	background-image: url(il_legend.png);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
}


.productListing {
	border-top: 1px solid #868F98; 
	border-right: 2px solid #868F98; 
	border-bottom: 2px solid #868F98; 
	border-left: 2px solid #868F98; 
}
.productListing tr {
	border-top: 1px solid #FFF;
}
.productListing-heading {
	font-weight: bold;
	background: #868F98;
	color: White;
}
.productListing-even td {
	background: #F6F6F6;
}


.hand
{
	cursor: pointer; 
	cursor: hand;
}

.toRight
{
  text-align:right;
}
h4.clr
{
	font-size:10px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	padding-right: 10px;
}
#buySize
{
	text-align: right;
}

.productDesc 
{
  height: 59px;
  border-bottom: 1px solid #CCCCCC;
}

.productDesc p 
{
  padding: 5px;
  text-align: left;
}
.productIn {
	height: 220px;
}

#nbTabs {
	margin: 15px 0px 0px;
	padding: 0px;
	background: url(./images/bg-tabs.png) repeat-x;
	height: 28px;
	overflow: hidden;
	width: 740px;
}

.tab{
  background: url(./images/bg-tabs-item.png) repeat-x;
	line-height: normal;
	display: block;
	list-style: none;
	float: left;
	margin: 0px 5px 0px 0px;
}
#tabs-bottom {
  padding-top: 5px;
	font-size: 1px;
	background: url(./images/bg-bottom-image-one.png);
}
.tab-in {
	padding: 10px 10px 10px 10px; 
}
.tabs {
	margin: 15px 0px 0px;
	padding: 0px;
	background: url(./images/bg-tabs.png) repeat-x;
	height: 28px;
	overflow: hidden;
	width: 740px;
}
.tabs li {
	line-height: normal;
	display: block;
	list-style: none;
	float: left;
	margin: 0px 5px 0px 0px;
}
.tabs li a, .tabs li a:Hover {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
.tabs li a .left, .tabs li a .right, .tabs li a:Hover .left, .tabs li a:Hover .right {
	font-size: 1px;
	background: url(./images/bg-tabs-left.png);
	display: block;
	float: left;
	height: 28px;
	width: 3px;
}
.tabs li a .right {
	background: url(./images/bg-tabs-right.png);
}
.tabs li a:Hover .left, .tabs li .selected .left {
	background: url(./images/bg-tabs-left-hover.png);
}
.tabs li a:Hover .right, .tabs li .selected .right {
	background: url(./images/bg-tabs-right-hover.png);
}
.tabs li a .item, .tabs li a:Hover .item {
	display: block;
	padding: 8px 7px 6px;
	float: left;
	background: url(./images/bg-tabs-item.png);
}
.tabs li a:Hover .item, .tabs li .selected .item, .tabs li a:Hover .item, .tabs li .selected:Hover .item {
	background: url(./images/bg-tabs-item-hover.png);
	color: #FF6600;
}
.tabs-in {
	padding: 0px 10px 7px;
	border-right: 1px solid #868f98;
	border-left: 1px solid #868f98;
}
.tabs-bottom {
	font-size: 1px;
	background: url(./images/bg-bottom-image-one.png) center;
	height: 3px;
}

#notebook{
  margin-top: 10px;
}

#DOTitles{
  border: 1px solid #868f98;
  padding: 0px;
}

.DOContentBox{
  border: 1px solid #868f98;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
	padding-top:5px;
}

.DOContentBox ul{
  margin-top: 10px;
  margin-bottom: 5px;
  padding-top: 0px;
}

#notebook td, #notebook th{
  padding: 0px;
  margin: 0px;
}

#notebook table {
  width: 100%;
}

#notebook .cartTable td {
  padding: 5px;
  padding-top:10px;
}

.DOContentBox table,.DOContentBox td,.DOContentBox th{
  padding: 0px;
  margin: 0px;
}

.DOContentBoxInput{
  height: 19px;
  width: 140px;
  border: 1px solid #868f98;
  font-size: 12px;
}

.DOContentBoxSelect{
  height: 20px;
  width: 140px;
  border: 1px solid #868f98;
  font-size: 12px;
}

.DOTitle{
  margin: 0px;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left: 0px;
  cursor: pointer;
}

.DOTitle h1{
	color: #FF6600;
	font-size: 30px;
	margin-left: 0px;
}

.DOTitle h3{
	font-size: 14px;
}

.DOTitle span{
	padding-left: 5px;
}

.DOContent h2{
	color: #FF6600;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.DOTitleSelected{
  background: #868f98 url(./images/order-arrow-selected.png) right top no-repeat;
  color: #FFFFFF;
}

.DOTitleSelected h1{
  color: #f4f4f4;
}

.DOTitleSelectedLast h1{
  color: #f4f4f4;
}

.DOTitleSelected h3{
  color: #f4f4f4;
}

.DOTitleSelectedLast h3{
  color: #f4f4f4;
}

.DOTitleNormal{
  background: url(./images/order-arrow-normal.png) right top no-repeat;
}

.DOTitlePreSelected{
  background: url(./images/order-arrow-preselected.png) right top no-repeat;
}

.DOTitleSelectedLast{
  background: #868f98;
  color: #FFFFFF;
}

.DOErrorMessage{
  font: 9px Arial, Helvetica, sans-serif;
	color: #FF6600;
	width: auto;
}

.DOOkMessage{
  padding-left: 10px;
  background: url(./images/ok.gif) left no-repeat;
}

.DOItemHeader {
  margin-bottom: 5px;
  margin-top:10px;
  background: #646C70;
  cursor: pointer;
  color: #FFFFFF;
}

.DOItemHeaderSelected {
  margin-bottom: 5px;
  margin-top:10px;
  background: #646C70;
  cursor: pointer;
  color: #FFFFFF;
}

.DOItemHeader h3{
  background: url(./images/button-down_inactive.png) 2px 2px no-repeat;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 30px;
  padding-bottom: 4px;
  padding-top: 6px;
  font-size: 12px;
  color: #FFCC00;
}

.DOItemHeaderSelected h3{
  background: url(./images/button-up_inactive.png) 2px 2px no-repeat;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 30px;
  padding-bottom: 4px;
  padding-top: 6px;
  font-size: 12px;
  color: #FFCC00;
}

.cartTable{
  width: 100%;
}

.cartBox {
  margin: 0px;
  margin-top: 10px;

  width: auto;
}
.cartBox h1{
  margin: 0px;
  padding: 0px;
  font-size: 16px;
}

.cartBox h2{
  color: #000;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  text-transform: uppercase;
}

.cartTable th{
  background-color: #dcddde;
  height: 20px;
  text-align: middle;
  padding: 5px;
  font-size: 10px;
}

.cartTable td{
  border-bottom: 1px solid #dcddde;
  margin: 0px;
  padding: 5px;
  padding-top:10px;
}

.cartDelete{
  width: 30px;
  text-align: center;
}

.cartPicture{
  width: 80px;
  text-align: center;
  padding: 5px;
  padding-top:10px;
}

.cartProduct{
  width: auto;
  text-align: left;
  padding: 5px;
  padding-top:10px;
}

.cartProduct a{
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.cartCode{
  text-align: left;
  padding: 5px;
  padding-top:10px;
}

.cartQuantity{
  width: 60px;
  text-align: center;
  padding: 5px;
  padding-top:10px;
}

.cartPrice{
  width: 75px;
  text-align: right;
  padding: 5px;
  padding-top:10px;
}

.cartPriceDPH{
  font-weight: bold;
  color: #FF6600;
  width: 70px;
  text-align: right;
  padding: 5px;
  padding-top:10px;
}

.cartGray{
  color: #7f7f7f;
}

.cartRed{
  color: #FF6600;
}

cartBig{
  font-size: 16px;
}
.cartDelim{
  border-top: 1px solid #d8dfe7;
  margin-top:10px;
}

.cartHeadLink{
  color: #093a64;
  font-weight: bold;
  font-size: 14px;
  text-decoration:none;
  text-transform: uppercase;
  padding-right: 15px;
  background: url(./images/bg-menu-2nd.png) right no-repeat;
}

.cartHeadLink:Hover{
  color: #FF6600;
  font-weight: bold;
  font-size: 14px;
  text-decoration:none;
  text-transform: uppercase;
  padding-right: 15px;
  background: url(./images/bg-menu-2nd.png) right no-repeat;
}

.backToEshopLink{
  margin-left: 5px;
  color: #FF6600;
  font-weight: bold;
  font-size: 10px;
  text-decoration:none;
  text-transform: uppercase;
  padding-left: 15px;
  background: url(./images/check-arrow-left.png) left no-repeat;
}

.backToEshopLink:Hover{
  margin-left: 5px;
  color: #3E4448;
  font-weight: bold;
  font-size: 10px;
  text-decoration:none;
  text-transform: uppercase;
  padding-left: 15px;
  background: url(./images/check-arrow-left.png) left no-repeat;
}