/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

body
{
	color: #ffffff;
	font-size: 70%;
	font-family: Arial, Sans-Serif;
	background: #2c2c2c url(images/background.jpg) no-repeat center top;
}

body, form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, form, dl, dd, dt
{
	margin: 0;
	padding: 0;
}

input, select, textarea, sub, sup, table
{
	font-size: 100%;
	font-family: Arial, Sans-Serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Trebuchet MS", Sans-Serif;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #858585;
}

a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

/* CLEAR */
/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.clear hr
{
	display: none;
}

.hide
{
	width: 1px;
	height: 1px;
	position: absolute;
	left: -4999px;
	overflow: hidden;
	visibility: hidden;
}

/*======================================================================================*/
/* CONCRETE STYLES                                                                      */
/*======================================================================================*/


#page
{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	position: relative;
	z-index:10;
}

#topPanelHolder
{
	width: 1000px;
	height: 270px;
	overflow: hidden;
}
#r
{
	left:989px;
	position:absolute;
	top:0;
	z-index: -100;
}
#banner {
	position:fixed;
	top: 0;
	z-index: -100;
}


/*======================================================================================*/
/* MIDDLE PANEL	                                                                        */
/*======================================================================================*/

#middlePanel
{
	width: 967px;
	margin: 0 0 0 2px;
	padding: 8px;
	background: url(images/middle-background.png) repeat-y 0 0;
}

#middlePanel #contentPanel
{
	width: 735px;
	overflow: hidden;
	float: right;
}

#middlePanel #leftPanel
{
	width: 222px;
	float: left;
	overflow: hidden;
}

#leftPanel h5.skate
{
    width: 111px;
    height: 40px;
    position: relative;
    top: 1px;
    float: left;
	background: url(images/skate.png) no-repeat 0 0;
}

.red #leftPanel h5.skate
{
	background: url(images/skate-active.png) no-repeat 0 0;
}

#leftPanel h5.bike
{
	width: 111px;
    height: 40px;
    position: relative;
    top: 1px;
    float: left;
	background: url(images/bike-active.png) no-repeat 0 0;
}

.red #leftPanel h5.bike
{
	background: url(images/bike.png) no-repeat 0 0;
}

#leftPanel h5.skate a,
#leftPanel h5.bike a
{
    width: 111px;
    height: 40px;
    display: block;
}

#leftPanel h5.skate a span,
#leftPanel h5.bike a span
{
    display: none;
}

#leftPanel #categories
{
	width: 202px;
	margin: 0 0 10px 0;
	padding: 5px 10px 1px 10px;
	background: #b4c400;
	list-style-type: none;
}

.red #leftPanel #categories
{
	background: #b80c02;
}

#leftPanel #categories li
{
	padding: 0 0 2px 0;
	background: url(images/categories-separator.png) no-repeat center bottom;
}

.red #leftPanel #categories li
{
	background: url(images/categories-separator-red.png) no-repeat center bottom;
}

#leftPanel #categories li a
{
	width: 192px;
	height: 35px;
	padding: 0 0 0 10px;
	display: block;
	line-height: 35px;
	background: url(images/categories-ico.png) no-repeat 180px center;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#leftPanel #categories li a.active
{
  font-weight:bold;
}

#leftPanel #categories li a:hover
{
  text-decoration: underline;
}

#leftPanel #categories li ul
{
	padding: 0;
	position: relative;
	top: 2px;
	display: block;
	background: #a5b400 url(images/categories-separator.png) no-repeat left top;
	list-style-type: none;
	overflow: hidden;
}

.red #leftPanel #categories li ul
{
	background: #b40000 url(images/categories-separator-red.png) no-repeat left top;
}

#leftPanel #categories li ul li
{
	padding: 0;
	background: none;
	border-bottom: 1px solid #629f10;
}

.red #leftPanel #categories li ul li
{
	border: none;
}

#leftPanel #categories li ul li a
{
	width: 177px;
	padding: 0 0 0 25px;
	background: none;
	font-size: 11px;
	font-weight: normal;
}

#leftPanel .why-us
{
	margin: 0 0 8px 0;
	padding: 0 0 20px 0;
	background: url(images/why-us-background.png) no-repeat left 0px;
}

#leftPanel .why-us h2
{
	padding: 15px 0 10px 25px;
	color: #616161;
	font-size: 20px;
	font-style: italic;
}

#leftPanel .why-us ul
{
	margin: 0 20px 0 22px;
	color: #92a0a2;
	list-style-type: none;
}

#leftPanel .why-us ul li
{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(images/why-us-item.png) no-repeat left 3px;
}

.red #leftPanel .why-us ul li
{
	background: url(images/why-us-item-red.png) no-repeat left 3px;
}

#leftPanel .quick-contact
{
	width: 152px;
	height: 105px;
	padding: 28px 0 0 70px;
	position: relative;
	margin: 0 0 8px 0;
	background: url(images/contact-background.png) no-repeat left top;
	overflow: hidden;
}

#leftPanel .quick-contact h2
{
	padding: 0px 0 10px 0px;
	color: #616161;
	font-size: 20px;
	font-style: italic;
}

#leftPanel .quick-contact p
{
	color: #b4c400;
}

#leftPanel .quick-contact p a
{
	color: #b4c400;
}

.red #leftPanel .quick-contact p
{
	color: #d81e00;
}

.red #leftPanel .quick-contact p a
{
	color: #d81e00;
}

#leftPanel .hudba
{
background:url("images/bg_hudba.png") no-repeat scroll -3px top transparent;
height:53px;
margin:0 0 8px;
overflow:hidden;
padding:28px 0 0 70px;
position:relative;
width:152px;
}

#leftPanel .hudba h2
{
	padding: 0px;
	color: #616161;
	font-size: 20px;
	font-style: italic;
}

#leftPanel .hudba p
{
	color: #d81e00;
}

#leftPanel .hudba p a
{
	color: #d81e00;
}

#leftPanel .eshopLink
{
	margin: 0 0 8px 0;
	display: block;
}

/*======================================================================================*/
/* TOP PANEL	                                                                        */
/*======================================================================================*/

#topPanel
{
	width: 987px;
	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/top-panel-background.jpg) no-repeat right top;
}

.red #topPanel
{
	background: url(images/top-panel-background-red.jpg) no-repeat right top;
}

#topPanel h2.logo,
#topPanel h2.logo span
{
	width: 277px;
	height: 206px;
	position: absolute;
	left: 81px;
	top: 0px;
	overflow: hidden;
}

#topPanel h2.logo span
{
	display: block;
	left: 0;
	top: 0;
	background: url(images/onix.jpg) no-repeat left top;
}

.red #topPanel h2.logo span
{
	background: url(images/onix-red.png) no-repeat left top;
}

#topPanel h2.logo a
{
	text-decoration: none;
}

#topPanel #menu
{
	width: 987px;
	height: 43px;
	position: absolute;
	left: 0;
	top: 207px;
	overflow: hidden;
	list-style-type: none;
	background: #0b343a url(images/menu-background.png) repeat-x left top;
}

#topPanel #menu li
{
	height: 43px;
	float: left;
	background: url(images/menu-separator.png) no-repeat right center;
}

#topPanel #menu li a
{
	height: 43px;
	padding: 0 30px;
	line-height: 43px;
	float: left;
	color: #bebebe;
	text-decoration: none;
}

#topPanel #menu li a.active,
#topPanel #menu li a:hover
{
	color: #dcdb00;
}

.red #topPanel #menu li a.active,
.red #topPanel #menu li a:hover
{
	color: #d81e00;
}

#topPanel #menu li a.active
{
	font-weight: bold;
}

#topPanel .cart, #topPanel .prohlidka
{
  width: 100px;
  height: 61px;
  padding: 0 0 0 80px;
  position: absolute;
  left: 740px;
  top: 105px;
  overflow: hidden;
  background: url(images/cart-background.png) no-repeat left top;
  font-family: Tahoma, Verdana, Arial;
}
#topPanel .prohlidka
{
background:url("images/virtual_red.png") no-repeat scroll left top transparent;
left:585px;
width:70px;
}
.red #topPanel .cart
{
  background: url(images/cart-background-red.png) no-repeat left top;
}

#topPanel .cart h3, #topPanel .prohlidka h3
{
  margin: 10px 0 3px 0;
  color: #c9d400;
  font-family: Tahoma, Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.red #topPanel .cart h3, .red #topPanel .prohlidka h3
{
  color: #d81e00;
}

#topPanel .cart p a, #topPanel .prohlidka p a
{
  display: block;
  color: white;
  text-decoration: none;
}

#topPanel .cart p a:hover, #topPanel .prohlidka p a:hover
{
  text-decoration: underline;
}


#topPanel .cart strong
{
	
}

#topPanel .search
{
	width: 290px;
	height: 40px;
	position: absolute;
	left: 575px;
	top: 20px;
	overflow: hidden;
}

#topPanel .search .text
{
	width: 172px;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 10px 5px 0 5px;
	float: left;
	background: #0b2c31 url(images/search-input.png) no-repeat left top;
	color: #ffffff;
	border: none;
	overflow: hidden;
	font-size: 11px;
}

#topPanel .search .button
{
	width: 67px;
	height: 26px;
	margin: 3px 0 0 0;
	float: left;
	background: url(images/search-button.png) no-repeat left top;
	color: #ffffff;
	border: none;
	font-weight: bold;
}

#topPanel .registration
{
	width: 125px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 27px;
	overflow: hidden;
}

#topPanel .registration a
{
	color: #feffff;
}

#topPanel .registration span
{
	padding: 0 5px;
	color: #269eae;
}

#topPanel #background-left
{
	width: 68px;
	height: 207px;
	position: absolute;
	left: -68px;
	top: 0;
	overflow: hidden;
	background: url(images/top-panel-left-background.png) no-repeat left top;
}

#topPanel #background-right
{
	width: 100px;
	height: 207px;
	position: absolute;
	right: -100px;
	top: 0;
	overflow: hidden;
	background: url(images/top-panel-right-background.png) no-repeat left top;
}

/*======================================================================================*/
/* BOTTOM PANEL	                                                                        */
/*======================================================================================*/

#bottomPanel
{
	height: 75px;
	padding: 35px 0 0 30px;
}

#bottomPanel .logo
{
	float: left;
}

#bottomPanel p
{
    width: 170px;
    height: 33px;
    padding: 9px 0 0 22px;
	margin: 35px 0 0 10px;
	float: left;
	display: block;
	background: url(images/bottom-panel-background.png) no-repeat 0 0;
	color: #626262;
	font-size: 9px;
}

#bottomPanel p a
{
	color: #cdd600;
	font-weight: bold;
}

.red #bottomPanel p a
{
	color: #dd1d00;
}

#basket_confirm_box {
  display:none; 
  position:absolute; 
  background-color: #e50404; 
  border: 1px solid black;   
  padding:10px;
  color: #000000;
  z-index:20;
}

#basket_confirm_box a {
  color: #ffffff;
  font-weight: bold;
}

.partners{
	float: right;
	margin-top: 36px;
	margin-right: 15px;
}
.partners a{
	float: left;
	margin-left: 10px;
}
.partners #ktm{
	margin-top: 7px;
}
#bottomPanel p.pixlinks{
	clear: both;
	width: auto;
	background: none;
	height: auto;
	margin-top: 20px;
	padding:0;
}


.cleaner {
  font-size:1px;
  height:1px;
  clear: both;
}