/*----------------------------------------------------------------------------

	Název souboru: 		styles.css
	Popis:				hlavni styl
	Autor:				Petr Urbánek - petr.urbanek@webprogress.cz
	Projekt:			
	
		
	== iNFO ===========================================
	
	Layout width:		px
	
----------------------------------------------------------------------------*/


/******************************************************************
	UNI
*/
body {
background: url(../img/body-bg.gif) top center repeat-y black;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
font-size:80%;
color:#000000;
text-align:center;
line-height:1.0em;
}
html, body { 
height: 100%; 
margin: 0;
padding: 0;
}
form {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
ol, ul {
margin-top:5px;
text-align:left;
}
table, input, select, textarea {
font-size:100%;
font-family:arial, tahoma, verdana, sans-serif;
}
.left{
float:left;
}
.right{
float:right;
}
.clear {
clear:both;
}

/* 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 */

.justify{
text-align:justify;
}
a:link, a:visited, a:hover {
font-size: 100%;
font-weight:normal;
color: black;
text-decoration: underline;
outline:none;
}
a:hover {
text-decoration:none;
}


.red{
color:#FF000F;
}

h3{
line-height: 1.3em;
}

.rightIcons{
float:right;
margin:-12px 0px 0px 0px;
}

/******************************************************************
	SAMOTNA STRANKA
*/
#bottomBody{
width:100%;
background: url(../img/bottom-bg.gif) bottom center no-repeat;
}
#topBody{
width:100%;
background: url(../img/top-bg.gif) top center no-repeat;
}

#page{
width:832px;
margin:0px auto 0px;
text-align:left;
}

/******************************************************************
	HEADER
*/
#page #header {
width:832px;
height:87px;
background: url(../img/header-bg.jpg) no-repeat;
}
#page #header #language{
float:right;
width:300px;
padding:15px 0px 0px 0px;
margin:0px 10px 0px 0px;
}
#page #header #language .languageItem{
width:55px;
float:left;
text-align:center;
color:#868b8d;
}
#page #header #language .languageItem img{
margin:0px 0px 4px 0px;
}
#page #header #language .languageItem span{
font-size:90%;
}
#page #header #language .languageItem a:link,
#page #header #language .languageItem a:visited,
#page #header #language .languageItem a:hover{
color:#ff000a;
}




#page #mainPic {
width:832px;
height:220px;
margin:0px 0px 5px 0px;
position:relative;
}
#page #mainPic img{
position:absolute;
left:0px;
top:0px;
}
#page #mainPic ul {
position:absolute;
right:10px;
top:10px;
margin:0px;
padding:0px;
width:219px;
}
#page #mainPic ul li {
list-style-type:none;
background: url(../img/mainpic-ul-li.gif) no-repeat;
width:219px;
height:40px;
margin:0px 0px 1px 0px;
padding:0px;
float:left;
}
#page #mainPic ul li a:link,
#page #mainPic ul li a:visited,
#page #mainPic ul li a:hover{
color:white;
text-decoration:underline;
display:block;
padding:13px 0px 14px 45px;
margin:0px;
}
#page #mainPic ul li a:hover{
color:#ff000a;
}

#page #mainPic ul li.item1 a:link,
#page #mainPic ul li.item1 a:visited,
#page #mainPic ul li.item1 a:hover{
background: url(../img/item1-ico.gif) 6px 6px no-repeat;
}
#page #mainPic ul li.item1 a:hover{
background: url(../img/item1-ico-act.gif) 6px 6px no-repeat;
}

#page #mainPic ul li.item2 a:link,
#page #mainPic ul li.item2 a:visited,
#page #mainPic ul li.item2 a:hover{
background: url(../img/item2-ico.gif) 6px 6px no-repeat;
}
#page #mainPic ul li.item2 a:hover{
background: url(../img/item2-ico-act.gif) 6px 6px no-repeat;
}

#page #mainPic ul li.item3 a:link,
#page #mainPic ul li.item3 a:visited,
#page #mainPic ul li.item3 a:hover{
background: url(../img/item3-ico.gif) 6px 6px no-repeat;
}
#page #mainPic ul li.item3 a:hover{
background: url(../img/item3-ico-act.gif) 6px 6px no-repeat;
}

#page #mainPic ul li.item4 a:link,
#page #mainPic ul li.item4 a:visited,
#page #mainPic ul li.item4 a:hover{
background: url(../img/item4-ico.gif) 6px 6px no-repeat;
}
#page #mainPic ul li.item4 a:hover{
background: url(../img/item4-ico-act.gif) 6px 6px no-repeat;
}

#page #mainPic ul li.item5 a:link,
#page #mainPic ul li.item5 a:visited,
#page #mainPic ul li.item5 a:hover{
background: url(../img/item5-ico.gif) 6px 6px no-repeat;
}
#page #mainPic ul li.item5 a:hover{
background: url(../img/item5-ico-act.gif) 6px 6px no-repeat;
}

#page #menu {
width:832px;
height:43px;
margin:0px 0px 5px 0px;
}
#page #menu ul {
margin:0px;
padding:0px;
}
#page #menu ul li {
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}
#page #menu ul li a:link,
#page #menu ul li a:visited,
#page #menu ul li a:hover {
color:white;
text-decoration:none;
display:block;
padding:15px 0px 15px 0px;
text-align:center;
font-size:120%;
}
#page #menu ul li a:hover {
color:#f6ff00;
}
#page #menu ul li.act a:link,
#page #menu ul li.act a:visited,
#page #menu ul li.act a:hover {
color:#f6ff00;
}

#page #menu ul li.menu1 a:link,
#page #menu ul li.menu1 a:visited,
#page #menu ul li.menu1 a:hover {
background: url(../img/menu/1.gif) no-repeat;
width:82px;
}
#page #menu ul li.menu2 a:link,
#page #menu ul li.menu2 a:visited,
#page #menu ul li.menu2 a:hover {
background: url(../img/menu/2.gif) no-repeat;
width:143px;
}
#page #menu ul li.menu3 a:link,
#page #menu ul li.menu3 a:visited,
#page #menu ul li.menu3 a:hover {
background: url(../img/menu/3.gif) no-repeat;
width:77px;
}
#page #menu ul li.menu4 a:link,
#page #menu ul li.menu4 a:visited,
#page #menu ul li.menu4 a:hover {
background: url(../img/menu/4.gif) no-repeat;
width:118px;
}
#page #menu ul li.menu5 a:link,
#page #menu ul li.menu5 a:visited,
#page #menu ul li.menu5 a:hover {
background: url(../img/menu/5.gif) no-repeat;
width:68px;
}
#page #menu ul li.menu6 a:link,
#page #menu ul li.menu6 a:visited,
#page #menu ul li.menu6 a:hover {
background: url(../img/menu/6.gif) no-repeat;
width:100px;
}
#page #menu ul li.menu7 a:link,
#page #menu ul li.menu7 a:visited,
#page #menu ul li.menu7 a:hover {
background: url(../img/menu/7.gif) no-repeat;
width:72px;
}
#page #menu ul li.menu8 a:link,
#page #menu ul li.menu8 a:visited,
#page #menu ul li.menu8 a:hover {
background: url(../img/menu/8.gif) no-repeat;
width:75px;
}
#page #menu ul li.menu9 a:link,
#page #menu ul li.menu9 a:visited,
#page #menu ul li.menu9 a:hover {
background: url(../img/menu/9.gif) no-repeat;
width:97px;
}
/******************************************************************
	FOOTER
*/
#page #footer{
width:832px;
height:71px;
background: url(../img/footer-bg.jpg) no-repeat;
line-height:1.3em;
}
#page #footer ul{
padding:30px 0px 0px 25px;
margin:0px;
}
#page #footer ul li{
margin:0px;
padding:0px 15px 0px 0px;
list-style-type:none;
float:left;
font-size:90%;
}
#page #footer a:link,
#page #footer a:visited,
#page #footer a:hover{
text-decoration:underline;
color:#ff000a;
}
#page #footer a:hover{
text-decoration:none;
}

#page #footer div.right{
text-align:right;
padding:25px 25px 0px 0px;
font-size:90%;
color:white;
}
#page #footer div.left{
text-align:left;
padding:16px 0px 0px 15px;
font-size:90%;
color:white;
}
#page #footer div.left img{
float:left;
margin:3px 5px 0px 0px;
}




/******************************************************************
	CONTENT
*/
#page #content{
width:832px;
background: url(../img/content-bg.gif) repeat-y;
min-height:500px;
_height:500px;
}
#page .content-next{
background: url(../img/content-bg-next.gif) repeat-y !important;
}
#page #content #leftcol {
float:left;
width:677px;
}
#page #content #leftcol #leftmenu{
float:left;
width:170px;
}

#page #content #leftcol #leftmenu ul{
margin:0px;
padding:0px;
width:170px;
}
#page #content #leftcol #leftmenu ul li{
margin:0px;
padding:0px;
list-style-type:none;
width:170px;
background: #3f3f3f url(../img/leftDepartment-li-product-bg.gif) no-repeat;
border-bottom:1px solid black;
}
#page #content #leftcol #leftmenu ul li.default{
margin:0px;
padding:0px;
list-style-type:none;
width:170px;
background: black url(../img/leftDepartment-li-default-bg.gif) no-repeat;
}
#page #content #leftcol #leftmenu ul li.default ul li {
background: black;
}


#page #content #leftcol #leftmenu ul li a:link,
#page #content #leftcol #leftmenu ul li a:visited,
#page #content #leftcol #leftmenu ul li a:hover{
padding:11px 15px 14px 45px;
display:block;
color:white;
line-height:1.3em;
text-decoration:none;
}
#page #content #leftcol #leftmenu ul li a:hover,
#page #content #leftcol #leftmenu ul li a.act:link,
#page #content #leftcol #leftmenu ul li a.act:visited,
#page #content #leftcol #leftmenu ul li a.act:hover{
text-decoration:underline;
}

#page #content #leftcol #leftmenu ul li.mountain a:link,
#page #content #leftcol #leftmenu ul li.mountain a:visited,
#page #content #leftcol #leftmenu ul li.mountain a:hover{
background: url(../img/mountain-ico.gif) no-repeat;
color:#82c7ee;
}
#page #content #leftcol #leftmenu ul li.x-trail a:link,
#page #content #leftcol #leftmenu ul li.x-trail a:visited,
#page #content #leftcol #leftmenu ul li.x-trail a:hover{
background: url(../img/x-trail-ico.gif) no-repeat;
color:#abd780;
}
#page #content #leftcol #leftmenu ul li.active a:link,
#page #content #leftcol #leftmenu ul li.active a:visited,
#page #content #leftcol #leftmenu ul li.active a:hover{
background: url(../img/active-ico.gif) no-repeat;
color:#21c240;
}
#page #content #leftcol #leftmenu ul li.climbing a:link,
#page #content #leftcol #leftmenu ul li.climbing a:visited,
#page #content #leftcol #leftmenu ul li.climbing a:hover{
background: url(../img/climbing-ico.gif) no-repeat;
color:#f5af3d;
}
#page #content #leftcol #leftmenu ul li.street a:link,
#page #content #leftcol #leftmenu ul li.street a:visited,
#page #content #leftcol #leftmenu ul li.street a:hover{
background: url(../img/street-ico.gif) no-repeat;
color:#cba68e;
}
#page #content #leftcol #leftmenu ul li.Accessories a:link,
#page #content #leftcol #leftmenu ul li.Accessories a:visited,
#page #content #leftcol #leftmenu ul li.Accessories a:hover{
background: url(../img/Accessories-ico.gif) no-repeat;
color:#d3d3d3;
}
#page #content #leftcol #leftmenu ul li.red a:link,
#page #content #leftcol #leftmenu ul li.red a:visited,
#page #content #leftcol #leftmenu ul li.red a:hover{
background: url(../img/red-ico.gif) no-repeat;
color:#f54646;
}

#page #content #leftcol #leftmenu ul li ul li a:link,
#page #content #leftcol #leftmenu ul li ul li a:visited,
#page #content #leftcol #leftmenu ul li ul li a:hover{
padding:5px 15px 5px 45px;
}

#page #content #leftcol #news{
width:170px;
background: url(../img/news-bg.gif) 0px 61px no-repeat;
}
#page #content #leftcol #news #newsHeader{
width:170px;
height:61px;
background: url(../img/news-header-bg.gif) no-repeat;
}
#page #content #leftcol #news #newsHeader #in_newsHeader{
font-weight:bold;
font-size:120%;
color:white;
padding:23px 0px 25px 50px;
}

#page #content #leftcol #news .newsItem {
width:170px;
text-align:center;
background: url(../img/news-hr.gif) center bottom no-repeat;
}
#page #content #leftcol #news .last {
background: none;
}
#page #content #leftcol #news .newsItem .in_newsItem{
padding:12px 14px;
color:#8b9094;
}
#page #content #leftcol #news .newsItem .in_newsItem span{
color:white;
font-weight:bold;
text-align:left;
display:block;
line-height:1.4em;
}
#page #content #leftcol #news .newsItem .in_newsItem p{
margin:0px;
padding:5px 0px;
line-height:1.2em;
font-size:90%;
text-align:left;
}
#page #content #leftcol #news .newsItem .in_newsItem a:link,
#page #content #leftcol #news .newsItem .in_newsItem a:visited,
#page #content #leftcol #news .newsItem .in_newsItem a:hover{
color:#ff000a;
text-decoration:underline;
}
#page #content #leftcol #news .newsItem .in_newsItem a:hover{
text-decoration:none;
}
#page #content #leftcol #news .newsItem .in_newsItem a.moreNews:link,
#page #content #leftcol #news .newsItem .in_newsItem a.moreNews:visited,
#page #content #leftcol #news .newsItem .in_newsItem a.moreNews:hover{
background: url(../img/moreTips-bg.gif) 0px 5px no-repeat;
display:block;
padding:0px 0px 0px 10px;
text-align:left;
}
#page #content #leftcol #news .newsItem .in_newsItem a.moreNews:hover{
text-decoration:none;
}

#page #content #leftcol #news .newsItem .in_newsItem ol{
margin:0px 0px 0px 25px;
padding:0px;
}
#page #content #leftcol #news .newsItem .in_newsItem ol li{
line-height:1.3em;
padding:1px 0px;
}





#page #content #rightcol{
float:right;
width:150px;
}
#page #content #rightcol #search {
width:150px;
height:99px;
background: url(../img/search-bg.jpg) no-repeat;
}
#page #content #rightcol #search #in_search {
padding:20px 10px 10px 10px;
}
#page #content #rightcol #search #in_search span {
color:white;
font-weight:bold;
font-size:120%;
display:block;
padding:0px 0px 10px 0px;
}
#page #content #rightcol #search #in_search input {
width:100px;
_height:24px;
padding:3px 0px 3px 0px;
margin:0px 0px 0px 0px;
float:left;
border:1px solid #870205;
background: url(../img/search-input-bg.gif) repeat-x;
}
#page #content #rightcol #search #in_search button {
width:24px;
height:24px;
background: url(../img/search-button-bg.gif) no-repeat;
border:0px;
cursor:pointer;
float:right;
}
#page #content #rightcol #search #in_search a:link,
#page #content #rightcol #search #in_search a:visited,
#page #content #rightcol #search #in_search a:hover {
color:white;
display:block;
padding:2px 0px 0px 0px;
font-size:90%;
}

#page #content #rightcol #recommend {
width:150px;
height:42px;
background: url(../img/recommend-bg.gif) no-repeat;
}
#page #content #rightcol #recommend #in_recommend {
padding:5px 0px;
}
#page #content #rightcol #recommend #in_recommend a:link,
#page #content #rightcol #recommend #in_recommend a:visited,
#page #content #rightcol #recommend #in_recommend a:hover{
color:white;
font-weight:bold;
text-decoration:none;
font-size:90%;
display:block;
padding:9px 0px 9px 50px;
}
#page #content #rightcol #recommend #in_recommend a:hover{
text-decoration:underline;
}

#page #content #rightcol #tips{
width:150px;
background: url(../img/tips-bg.gif) 0px 61px no-repeat;
}
#page #content #rightcol #tips #tipsHeader{
width:150px;
height:61px;
background: url(../img/tips-header-bg.gif) no-repeat;
}
#page #content #rightcol #tips #tipsHeader #in_tipsHeader{
font-weight:bold;
font-size:120%;
color:white;
padding:23px 0px 25px 50px;;
}
#page #content #rightcol #tips .tipsItem {
width:150px;
text-align:center;
background: url(../img/tips-hr.gif) center bottom no-repeat;
}
#page #content #rightcol #tips .last {
background: none;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem{
padding:12px 14px;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem span{
color:white;
font-weight:bold;
text-align:left;
display:block;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem p{
margin:0px;
padding:5px 0px;
line-height:1.2em;
color:#8b9094;
font-size:90%;
text-align:left;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem a:link,
#page #content #rightcol #tips .tipsItem .in_tipsItem a:visited,
#page #content #rightcol #tips .tipsItem .in_tipsItem a:hover{
color:#ff000a;
text-decoration:underline;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem a:hover{
text-decoration:none;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem a.moreTips:link,
#page #content #rightcol #tips .tipsItem .in_tipsItem a.moreTips:visited,
#page #content #rightcol #tips .tipsItem .in_tipsItem a.moreTips:hover{
background: url(../img/moreTips-bg.gif) 0px 5px no-repeat;
display:block;
padding:0px 0px 0px 10px;
text-align:left;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem a.moreTips:hover{
text-decoration:none;
}

#page #content #rightcol #tips .tipsItem .in_tipsItem ol{
margin:4px 0px 0px 25px;
padding:0px;
}
#page #content #rightcol #tips .tipsItem .in_tipsItem ol li{
line-height:1.3em;
padding:1px 0px;
color:#8b9094;
}

#page #content #rightcol #polls{
width:150px;
background: url(../img/tips-bg.gif) 0px 61px no-repeat;
}
#page #content #rightcol #polls #pollsHeader{
width:150px;
height:61px;
background: url(../img/polls-header-bg.gif) no-repeat;
}
#page #content #rightcol #polls #pollsHeader #in_pollsHeader{
font-weight:bold;
font-size:120%;
color:white;
padding:23px 0px 25px 50px;;
}
#page #content #rightcol #polls .pollsItem {
width:150px;
background: url(../img/tips-hr.gif) center bottom no-repeat;
}
#page #content #rightcol #polls .last {
background: none;
}
#page #content #rightcol #polls .pollsItem strong {
display:block;
padding:10px 10px 0px;
color:#fff;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem{
padding:0px 10px;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem span{
color:white;
font-weight:bold;
text-align:left;
display:block;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem p{
margin:0px;
padding:5px 0px;
line-height:1.2em;
color:#8b9094;
font-size:90%;
text-align:left;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem div {
margin-bottom:3px;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem a:link,
#page #content #rightcol #polls .pollsItem .in_pollsItem a:visited,
#page #content #rightcol #polls .pollsItem .in_pollsItem a:hover{
color:#ff000a;
text-decoration:underline;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem a:hover{
text-decoration:none;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem a.morepolls:link,
#page #content #rightcol #polls .pollsItem .in_pollsItem a.morepolls:visited,
#page #content #rightcol #polls .pollsItem .in_pollsItem a.morepolls:hover{
background: url(../img/moretips-bg.gif) 0px 5px no-repeat;
display:block;
padding:0px 0px 0px 10px;
text-align:left;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem a.morepolls:hover{
text-decoration:none;
}

#page #content #rightcol #polls .pollsItem .in_pollsItem ol{
margin:4px 0px 0px 25px;
padding:0px;
}
#page #content #rightcol #polls .pollsItem .in_pollsItem ol li{
line-height:1.3em;
padding:1px 0px;
color:#8b9094;
}




/******************************************************************
	CONTENT - TEXT
*/
#page #content #leftcol #text{
float:right;
width:502px;
position:relative;
}
#page #content #leftcol .h1Bg-1{
background: url(../img/text-header-bg.jpg) center top no-repeat;
}
#page #content #leftcol .h1Bg-2{
background: url(../img/text-header-bg-2.jpg) center top no-repeat;
}
#page #content #leftcol .h1Bg-3{
background: url(../img/text-header-bg-3.jpg) center top no-repeat;
}

#page #content #leftcol #text #in_text{
padding:25px 20px;
}
#page #content #leftcol .h1Bg-1 #in_text h1,
#page #content #leftcol .h1Bg-2 #in_text h1,
#page #content #leftcol .h1Bg-3 #in_text h1{
color:white;
line-height:1.1em;
padding:0px 0px 0px 0px;
margin:0px 0px 40px 0px;
font-size:170%;
}
#page #content #leftcol .h1Bg-2 #in_text h1{
margin:0px 0px 50px 0px;
}
#page #content #leftcol .h1Bg-3 #in_text h1{
margin:0px 0px 60px 0px;
}
#page #content #leftcol #text #in_text h2{
color:#ff000a;
line-height:1.2em;
padding:0px 0px 0px 0px;
margin:20px 0px 20px 0px;
list-style-type:none;
font-weight:normal;
font-size:140%;
}

#page #content #leftcol #text #in_text h3{
color:#ff000a;
line-height:1.2em;
padding:0px 0px 0px 0px;
margin:10px 0px 5px 0px;
list-style-type:none;
font-weight:bold;
font-size:120%;
}

#page #content #leftcol #text #in_text h2.normal{
color:#ff000a;
margin:20px 0px 20px 0px;
font-size:170%;
}

#page #content #leftcol #text #in_text .AktualityBox{
padding:0px 0px 30px 0px;
}
#page #content #leftcol #text #in_text .AktualityBox h2{
margin-top:5px;
margin-bottom:10px;
}
#page #content #leftcol #text #in_text .AktualityBox .date{
font-size:80%;
}
#page #content #leftcol #text #in_text #seolista{
clear:both;
margin:10px 0px 0px;
padding:5px 0px 0px 0px;
border-top:1px solid #717274;
}
#page #content #leftcol #text #in_text #seolista span{
font-size:90%;
color:#717274;
}
#page #content #leftcol #text #in_text #seolista div{
padding:5px 0px 0px;
line-height:1.3em
}


#page #content #leftcol #text #in_text h2 a:link,
#page #content #leftcol #text #in_text h2 a:visited,
#page #content #leftcol #text #in_text h2 a:hover{
color:#ff000a;
font-size:100%;
}
#page #content #leftcol #text #in_text a:link,
#page #content #leftcol #text #in_text a:visited,
#page #content #leftcol #text #in_text a:hover{
color:#ff000a;
font-size:100%;
}

#page #content #leftcol #text #in_text .articleText{
line-height:1.4em;
font-size:100%;
}
#page #content #leftcol #text #in_text .articleText h2{
margin:25px 0px 0px 0px;
}









/******************************************************************
	GOODS
*/
#page #content #leftcol #text #in_text .goodsItem{
width:140px;
float:left;
margin:0px 20px 30px 0px;
}
#page #content #leftcol #text #in_text .goodsItemLast{
margin-right:0px;
}
#page #content #leftcol #text #in_text .goodsItem h3{
color:#ff000a;
font-weight:bold;
font-size:100%;
margin:0px;
padding:0px;
display:block;
overflow:hidden;
height:30px;
line-height:1.3em;
}
#page #content #leftcol #text #in_text .goodsItem h3 a:link,
#page #content #leftcol #text #in_text .goodsItem h3 a:visited,
#page #content #leftcol #text #in_text .goodsItem h3 a:hover{
color:#ff000a;
font-weight:bold;
font-size:90%;
line-height:1.3em;
}

#page #content #leftcol #text #in_text .goodsItem small{
color:#8b9094;
display:block;
margin:4px 0px;
}
#page #content #leftcol #text #in_text .goodsItem .goodsSmallBorder{
background: url(../img/goodsSmallBorder.gif) no-repeat;
text-align:center;
width:139px;
height:139px;
}
#page #content #leftcol #text #in_text .goodsItem .goodsSmallBorder img{
margin:5px 0px 0px 0px;
width:125px;
height:125px;
}
#page #content #leftcol #text #in_text .goodsItem .goodsMoreInfo {
width:140px;
font-size:85%;
text-align:right;
position:relative;
}
#page #content #leftcol #text #in_text .goodsItem .goodsMoreInfo img.compareimg{
position:absolute;
left:0px;
bottom:8px;
margin:0px;
}
#page #content #leftcol #text #in_text .goodsItem .goodsMoreInfo .left{
width:70px;
float:left;
text-align:right;
padding:7px 0px 0px 0px;
color:#8b9094;
}
#page #content #leftcol #text #in_text .goodsItem .goodsMoreInfo .right{
width:65px;
float:right;
text-align:left;
padding:7px 0px 0px 0px;
color:black;
}
#page #content #leftcol #text #in_text .goodsItem .goodsMoreInfo .right strong{
color:#ff0000;
}
#page #content #leftcol #text #in_text .goodsItem .goodsMoreInfo .right span{
color:#ff0000;
font-size:160%;
font-weight:bold;
}
#page #content #leftcol #text #in_text .goodsItem .goodsMoreInfo img{
margin:10px 0px 0px 0px;
}

#page #content #leftcol #text #in_text .goodsItem a.goodsItemDetail:link,
#page #content #leftcol #text #in_text .goodsItem a.goodsItemDetail:visited,
#page #content #leftcol #text #in_text .goodsItem a.goodsItemDetail:hover,
a.buttonShop:link,
a.buttonShop:visited,
a.buttonShop:hover{
float:left;
margin:10px 0px 0px 0px;
padding:6px 0px 6px 0px;
background: url(../img/goodsItem-detail-bg.gif) no-repeat;
width:64px;
color:white !important;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}
#page #content #leftcol #text #in_text .goodsItem a.goodsItemDetailBig:link,
#page #content #leftcol #text #in_text .goodsItem a.goodsItemDetailBig:visited,
#page #content #leftcol #text #in_text .goodsItem a.goodsItemDetailBig:hover{
float:left;
margin:10px 0px 0px 0px;
padding:6px 0px 6px 0px;
background: url(../img/goodsItem-detail-bg-big.gif) no-repeat;
width:140px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}
#page #content #leftcol #text #in_text .goodsItem a.goodsItemBuy:link,
#page #content #leftcol #text #in_text .goodsItem a.goodsItemBuy:visited,
#page #content #leftcol #text #in_text .goodsItem a.goodsItemBuy:hover{
float:right;
margin:10px 0px 0px 0px;
padding:6px 0px 6px 0px;
background: url(../img/goodsItem-buy-bg.gif) no-repeat;
width:64px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}


.buttonShopRed{
background: url(../img/goodsItem-buy-bg.gif) no-repeat;
color:white;
border:0px;
cursor:pointer;
display:block;
float:right;
font-weight:bold;
margin:10px 0 0;
padding:3px 0 9px 0px;
text-align:center;
text-decoration:none;
width:64px;
}

.buttonSearch {
background: url(../img/buttonKpokladne-bg.gif) no-repeat;
color:white;
display:block;
float:right;
font-weight:bold;
margin:10px 0 0 0px;
padding:3px 0 9px;
text-align:center;
text-decoration:none;
border:0px;
cursor:pointer;
width:84px;
}
.buttonClearForm {
float:left;
margin:10px 0px 0px 0px;
padding:3px 0px 9px 0px;
background: url(../img/goodsItem-detail-bg-big.gif) no-repeat;
width:140px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
border:0px;
cursor:pointer;
text-align:center;
}

a.buttonSearch2:link,
a.buttonSearch2:visited,
a.buttonSearch2:hover{
background: url(../img/buttonKpokladne-bg.gif) no-repeat;
color:white !important;
display:block;
float:right;
font-weight:bold;
margin:10px 0px 0px 0px;
padding:6px 0px 6px 0px;
text-align:center;
text-decoration:none;
border:0px;
cursor:pointer;
width:84px;
}
a.buttonClearForm2:link,
a.buttonClearForm2:visited,
a.buttonClearForm2:hover{
float:left;
margin:10px 15px 0px 0px;
padding:6px 0px 6px 0px;
background: url(../img/goodsItem-detail-bg-big.gif) no-repeat;
width:140px;
color:white !important;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}

.text{
line-height:1.4em;
}
.text a:link,
.text a:visited,
.text a:hover{
color:#FF000F;
}

/******************************************************************
	DETAIL - GOODS
*/

#page #content #leftcol #text #in_text #goodsDetailh1 {
margin-bottom:25px;
}
#page #content #leftcol #text #in_text #directalpineDetailGoodsLogo {
background: url(../img/small_logo.gif) no-repeat 0px 3px;
color:#FF000F;
font-size:120%;
padding:3px 0px 3px 25px;
font-weight:normal;
}

#page #content #leftcol #text #in_text #goodsDetail {
width:462px;
margin:15px 0px 0px 0px;
background: url(../img/goodsDetail-hr.gif) center bottom no-repeat;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsDetailBorder {
width:181px;
float:left;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsDetailBorder #in_goodsDetailBorder{
background: url(../img/goodsDetailBorder.gif) no-repeat;
width:181px;
height:186px;
text-align:center;
margin:0px 0px 15px 0px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsDetailBorder #in_goodsDetailBorder img{
margin:6px 0px 0px 0px;
}

#page #content #leftcol #text #in_text #goodsDetail #goodsDetailBorder #goodsDetailBorderSmall div{
background: url(../img/goodsDetailBorder-small.gif) no-repeat;
width:61px;
height:61px;
float:left;
text-align:center;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsDetailBorder #goodsDetailBorderSmall div img{
margin:5px 0px 0px 0px;
}





#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo {
width:260px;
float:right;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsdetailInfoBox {
background: url(../img/goodsdetailInfo-bg-bottom.gif) bottom center no-repeat;
padding:0px 0px 2px 0px;
margin:15px 0px 0px 0px;
width:260px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsdetailInfoBox #in_goodsdetailInfoBox {
background: #f2f2f2 url(../img/goodsdetailInfo-bg.gif) top center no-repeat;
padding:12px 25px 8px 25px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsdetailInfoBox #in_goodsdetailInfoBox table{
font-size:90%;
text-align:left;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsdetailInfoBox #in_goodsdetailInfoBox table tr th{
width:70px;
padding:2px 0px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsdetailInfoBox #in_goodsdetailInfoBox table tr td{
padding:2px 0px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsdetailInfoBox #in_goodsdetailInfoBox table tr td .buttonOk {
background: url(../img/goodsDetail-OK-bg.gif) no-repeat;
width:64px;
padding:4px 0px 3px 0px;
margin:0px 0px 0px 4px;
border:0px;
cursor:pointer;
color:white;
font-weight:bold;
text-align:center;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsdetailInfoBox #in_goodsdetailInfoBox table tr td select {
width:80px;
}

#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo table#recommendGoods{
font-size:90%;
text-align:left;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo table#recommendGoods tr th{
padding:2px 0px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo table#recommendGoods tr td{
padding:2px 0px 2px 15px;
}












#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailAttribute {
width:260px;
margin:10px 0px 2px 0px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailAttribute .left{
width:100px;
display:block;
float:left;
text-align:left;
color:#8b9094;
padding:0px 0px 3px 0px;
font-size:90%;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailAttribute .right{
width:150px;
display:block;
float:right;
text-align:left;
color:black;
padding:0px 0px 3px 0px;
font-size:90%;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailAttribute .right strong{
color:#FF000F;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailAttribute .left span{
padding:9px 0px 0px 0px;
display:block;
color:#FF000F;
font-weight:bold;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailAttribute .right span{
color:#FF000F;
font-size:160%;
line-height:1.5em;
display:block;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next{
width:260px;
margin:8px 0px 20px 0px;
}


#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonZpet:link,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonZpet:visited,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonZpet:hover{
float:left;
margin:0px 0px 0px 0px;
padding:5px 0px 7px 0px;
background: url(../img/goodsItem-detail-bg.gif) no-repeat;
width:64px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonKpokladne:link,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonKpokladne:visited,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonKpokladne:hover{
float:left;
margin:0px 0px 0px 10px;
padding:5px 0px 7px 0px;
background: url(../img/buttonKpokladne-bg.gif) no-repeat;
width:84px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonKpokladneDe:link,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonKpokladneDe:visited,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo .button-next a.buttonKpokladneDe:hover{
float:left;
margin:0px 0px 0px 10px;
padding:5px 0px 7px 0px;
background: url(../img/buttonKpokladne-bg-de.gif) no-repeat;
width:100px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}


#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailMoreFunction {
background: url(../img/goodsdetailInfo-bg-bottom.gif) bottom center no-repeat;
padding:0px 0px 2px 0px;
margin:15px 0px 15px 0px;
width:260px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailMoreFunction #in_goodsDetailMoreFunction {
background: #f2f2f2 url(../img/goodsdetailInfo-bg.gif) top center no-repeat;
padding:5px 5px 5px 10px;
}
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailMoreFunction #in_goodsDetailMoreFunction a:link,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailMoreFunction #in_goodsDetailMoreFunction a:visited,
#page #content #leftcol #text #in_text #goodsDetail #goodsdetailInfo #goodsDetailMoreFunction #in_goodsDetailMoreFunction a:hover{
float:left;
display:block;
margin:0px 0px 0px 0px;
width:80px;
text-align:center;
line-height:1.2em;
color:#FF000F;
font-size:90%;
}




#page #content #leftcol #text #in_text #goodsDetailDescription{
width:462px;
line-height:1.5em;
font-size:100%;
padding:10px 0px 0px 0px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription ul {
margin:0px;
padding:0px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription ul li{
background: url(../img/goodsDetailDescription-li.gif) 0px 7px no-repeat;
list-style-type:none;
margin:0px;
padding:3px 0px 3px 17px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .goodsDetailGrayBox{
width:462px;
background: url(../img/goodsDetailGrayBox-bg.gif) no-repeat;
line-height:1.4em;
margin:20px 0px 0px 0px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .goodsDetailGrayBox .in_goodsDetailGrayBox{
padding:12px 15px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .goodsDetailGrayBox .in_goodsDetailGrayBox{
padding:10px 15px;
margin:10px 0px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .goodsDetailGrayBox .in_goodsDetailGrayBox h3{
margin:0px;
padding:5px 0px 10px 0px;
line-height:1em;
font-size:90%;
color:#ff000a;
text-transform:uppercase;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .goodsDetailGrayBox .in_goodsDetailGrayBox table{
/*width:420px;*/
font-size:90%;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .goodsDetailGrayBox .in_goodsDetailGrayBox table tr th{
width:150px;
text-align:right;
padding:2px 7px 2px 0px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .goodsDetailGrayBox .in_goodsDetailGrayBox table tr td{
text-align:left;
}
#page #content #leftcol #text #in_text a.goodsDetailBack:link,
#page #content #leftcol #text #in_text a.goodsDetailBack:visited,
#page #content #leftcol #text #in_text a.goodsDetailBack:hover {
background: url(../img/goodsDetail-back-bg.gif) no-repeat;
width:72px;
padding:6px 0 7px;
display:block;
float:right;
color:black;
font-weight:bold;
text-align:center;
text-decoration:none;
}

#page #content #leftcol #text #in_text #goodsDetailDescription .pictureDetailGoodsScroll{
height:145px;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
width:430px;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .pictureDetailGoodsScroll .in_pictureDetailGoodsScroll{
height:145px;
white-space:nowrap;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .pictureDetailGoodsLeft{
margin:10px 10px 0px 0px;
height:113px;
background:url(../img/pictureDetailGoods-bg.gif) repeat-x;
white-space:nowrap;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .pictureDetailGoodsLeft .pictureDetailGoodsRight{
height:113px;
background:url(../img/pictureDetailGoodsLeft-bg.gif) left top no-repeat;
}
#page #content #leftcol #text #in_text #goodsDetailDescription .pictureDetailGoodsLeft .pictureDetailGoodsRight .pictureDetailGoods{
background:url(../img/pictureDetailGoodsRight-bg.gif) right top no-repeat;
padding:6px 10px;
}



/******************************************************************
	BASKET - 1. STEP
*/
#page #content #leftcol #text #in_text #basketContent{
width:462px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader{
float:left;
padding:14px 0px 14px 0px;
color:white;
font-weight:bold;
text-align:center;
font-size:90%;
}
#page #content #leftcol #text #in_text #basketContent .shopHeaderDE{
padding:7px 0px 8px 0px;
}

#page #content #leftcol #text #in_text #basketContent .shopHeader1Act{
background: url(../img/shopHeader1Act.gif) no-repeat;
width:99px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader2{
background: url(../img/shopHeader2.gif) no-repeat;
width:115px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader2Act{
background: url(../img/shopHeader2Act.gif) no-repeat;
width:115px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader3{
background: url(../img/shopHeader3.gif) no-repeat;
width:114px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader3Act{
background: url(../img/shopHeader3Act.gif) no-repeat;
width:114px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader4{
background: url(../img/shopHeader4.gif) no-repeat;
width:134px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader4Act{
background: url(../img/shopHeader4Act.gif) no-repeat;
width:134px;
}

#page #content #leftcol #text #in_text #basketContent table.tabShop{
width:462px;
font-size:90%;
}
#page #content #leftcol #text #in_text #basketContent table.tabShop tr th{
background: #e0e1e2;
padding:8px 0px 8px 15px;
text-align:center;
color:black;
font-weight:bold;
}
#page #content #leftcol #text #in_text #basketContent table.tabShop tr th.alignLeft{
text-align:left;
}
#page #content #leftcol #text #in_text #basketContent table.tabShop tr th.alignRight{
text-align:right;
padding:8px 15px 8px 0px;
}

#page #content #leftcol #text #in_text #basketContent table.tabShop tr td{
padding:8px 0px 8px 15px;
text-align:center;
color:black;
border-top:1px solid white;
background:#f6f6f6;
}
#page #content #leftcol #text #in_text #basketContent table.tabShop tr td.alignLeft{
text-align:left;
}
#page #content #leftcol #text #in_text #basketContent table.tabShop tr td.alignRight{
text-align:right;
padding:8px 15px 8px 0px;
}



#page #content #leftcol #text #in_text #basketContent table.tabShopInformation{
width:462px;
font-size:90%;
margin:4px 0px;
background: #f0f0f0 url(../img/tabShopInformation-hr-top.gif) top right no-repeat
}
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr th{
padding:11px 0px 8px 15px;
text-align:left;
color:black;
font-weight:bold;
}
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td{
padding:11px 15px 8px 0px;
text-align:right;
color:black;
font-weight:bold;
}
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr th.red,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td.red{
color:#ff000a;
}

#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr.tabShopInformationBottomHr td{
background: #f0f0f0 url(../img/tabShopInformation-hr-bottom.gif) top right no-repeat;
padding:0px;
height:3px;
}


#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr.noPadding th,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr.noPadding td{
padding:0px 15px 0px 15px;
}
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr.bottomRed th,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr.bottomRed td{
padding:5px 15px 8px 15px;
color:#ff000a;
}


#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td #mTotalPrice,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td #PriceSum,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td #PriceTransport{
background:#f0f0f0;
border:0px none;
font-size:100%;
height:15px;
padding:0px;
margin-right:-3px;
text-align:right;
width:50px;
color:#ff000a;
font-weight:bold;
float:right;
}

#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td #PriceTransport{
color:black;
}

#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td .PriceSum1,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td .PriceTransport1,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td .PriceSum1DE,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td .PriceTransport1DE{
background:#f0f0f0;
border:0px none;
font-size:100%;
height:15px;
padding:0px;
margin-right:-2px;
text-align:right;
width:21px;
color:#ff000a;
font-weight:bold;
float:right;
}
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td .PriceTransport1{
color:black;
}
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td .PriceSum1DE,
#page #content #leftcol #text #in_text #basketContent table.tabShopInformation tr td .PriceTransport1DE{
width:13px;
}

#page #content #leftcol #text #in_text #basketContent #basketDetailInformation{
padding:10px 10px 0px 15px;
line-height:1.4em;
}
#page #content #leftcol #text #in_text #basketContent #basketDetailInformation a:link,
#page #content #leftcol #text #in_text #basketContent #basketDetailInformation a:visited,
#page #content #leftcol #text #in_text #basketContent #basketDetailInformation a:hover{
color:#ff000a;
}


#page #content #leftcol #text #in_text #basketContent a.buttonContinueShoping:link,
#page #content #leftcol #text #in_text #basketContent a.buttonContinueShoping:visited,
#page #content #leftcol #text #in_text #basketContent a.buttonContinueShoping:hover{
float:left;
margin:0px;
padding:5px 0px 7px 0px;
background: url(../img/goodsItem-detail-bg-big.gif) no-repeat;
width:140px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
}



#page #content #leftcol #text #in_text #basketContent a.buttonKPokladne:link,
#page #content #leftcol #text #in_text #basketContent a.buttonKPokladne:visited,
#page #content #leftcol #text #in_text #basketContent a.buttonKPokladne:hover {
background: url(../img/buttonKpokladne-bg.gif) no-repeat;
color:white;
display:block;
float:right;
font-weight:bold;
margin:0px;
padding:4px 0 8px;
text-align:center;
text-decoration:none;
width:84px;
}
#page #content #leftcol #text #in_text #basketContent input.buttonKPokladne {
background: url(../img/buttonKpokladne-bg.gif) no-repeat;
border:0px;
color:white;
display:block;
float:right;
font-weight:bold;
margin:0px;
padding:4px 0 8px;
text-align:center;
text-decoration:none;
width:84px;
cursor:pointer;
}

#page #content #leftcol #text #in_text #basketContent a.buttonKPokladneDE:link,
#page #content #leftcol #text #in_text #basketContent a.buttonKPokladneDE:visited,
#page #content #leftcol #text #in_text #basketContent a.buttonKPokladneDE:hover {
background: url(../img/buttonKpokladne-bg-de.gif) no-repeat;
color:white;
display:block;
float:right;
font-weight:bold;
margin:0px;
padding:4px 0 8px;
text-align:center;
text-decoration:none;
width:100px;
}
#page #content #leftcol #text #in_text #basketContent input.buttonKPokladneDE {
background: url(../img/buttonKpokladne-bg-de.gif) no-repeat;
border:0px;
color:white;
display:block;
float:right;
font-weight:bold;
margin:0px;
padding:4px 0 8px;
text-align:center;
text-decoration:none;
width:100px;
cursor:pointer;
}

#page #content #leftcol #text #in_text #basketContent .redFrame {
text-align:center;
padding:10px 0px;
border:3px solid #ff0000;
background:#ffdedf;
line-height:1.4em;
}
#page #content #leftcol #text #in_text #basketContent .redFrame a:link,
#page #content #leftcol #text #in_text #basketContent .redFrame a:visited,
#page #content #leftcol #text #in_text #basketContent .redFrame a:hover{
color:#ff0000;
}




#page #content #leftcol #text #in_text #basketContent table.tabShop tr td input.inputShop {
border:1px solid #999999;
font-size:100%;
text-align:center;
width:25px;
}



/******************************************************************
	BASKET B2B - 1. STEP
*/
#page #content #leftcol #text #in_text #basketContent .shopHeader-b2b{
float:left;
padding:14px 0px 14px 0px;
color:white;
font-weight:bold;
text-align:center;
font-size:90%;
}

#page #content #leftcol #text #in_text #basketContent .shopHeader1Act-b2b{
background: url(../img/shopHeader1Act-b2b.gif) no-repeat;
width:144px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader3-b2b{
background: url(../img/shopHeader2-b2b.gif) no-repeat;
width:151px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader3Act-b2b{
background: url(../img/shopHeader2Act-b2b.gif) no-repeat;
width:151px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader4-b2b{
background: url(../img/shopHeader3-b2b.gif) no-repeat;
width:167px;
}
#page #content #leftcol #text #in_text #basketContent .shopHeader4Act-b2b{
background: url(../img/shopHeader3Act-b2b.gif) no-repeat;
width:167px;
}


/******************************************************************
	UNI VECI ZE STAREHO WEBU
*/
#disabled {display:none;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:#000;opacity:0.80;filter: alpha(opacity=80);}
#form {display:none;position:absolute;z-index:120;width:770px;top:0px;text-align:left;}

#form #fotmHeader{
width:770px;
height:61px;
background: url(../img/form-header-bg.jpg) no-repeat;
}

#form #fotmHeader span.h1{
color:white;
line-height:1.1em;
margin:0px 0px 0px 0px;
padding:17px 0px 0px 20px;
display:block;
font-weight:bold;
font-size:170%;
}

#form #fotmHeader a:link,
#form #fotmHeader a:visited,
#form #fotmHeader a:hover{
color:#ff000a;
}


#form iframe {width:770px;height:700px;}



table.tabShop2{
padding:0px;
margin:20px 0px 0px;
width:456px;
font-size:90%;
}
table.tabShop2 td{
vertical-align:top;
padding:3px 8px 3px 8px;
margin:0px;
border-bottom:1px solid #e3e3e3;
}
table.tabShop2 th{
vertical-align:top;
padding:5px 0px 3px 8px;
margin:0px;
text-align:left;
color:#757575;
font-weight:normal;
border-bottom:1px solid #e3e3e3;
}
table.tabShop2 th b{
color:#000;
}
table.tabShop2 th.main{
color:#ff000f;
font-weight:bold;
border-bottom:0px;
}
.inputOrder{
border:1px solid #999999;
font-family:arial;
font-size:100%;
padding:1px 2px;
float:left;
}


#video{
width:260px;
height:75px;
background: #f2f2f2 url(../img/video-bg.gif) no-repeat;
float:right;
}
#video #in_video{
padding:22px 0px;
}
#video #in_video table tr{
vertical-align:top;
}
#video #in_video table tr td{
text-align:left;
padding:0px 17px 0px 20px;
}
#video #in_video table tr td.border{
border-left:1px solid #858484;
padding:0px 10px 0px 17px;
}
#video #in_video table tr td img{
float:left;
margin:2px 10px 0px 0px;
}
#video #in_video table tr td a:link,
#video #in_video table tr td a:visited,
#video #in_video table tr td a:hover{
float:left;
font-weight:bold;
font-size:80%;
}







/* jqModal alert CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */


div.jqmAlert { /* contains + positions the alert window */
  display: none;
  width:345px;
  position: absolute;
  top: 70px;
  left:78px;
  _height:auto;
}

div.jqmAlertWindow {
  height:300px;
  _height:auto;
  width: auto;
  margin: auto;
  padding: 0 10px 10px;
  
  background:#111;
  border:1px dotted #FFF;
}

.jqmAlertTitle{
  margin:5px 2px;
  height:250px;
  color:#FFF;
  background:#000;
}
.jqmAlertTitle strong{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#FFF;
  float:left;
  height:20px;
}

div.jqmAlert .jqmClose em,
.frameclose em{
display:none;
}
div.jqmAlert a.jqmClose:link,
div.jqmAlert a.jqmClose:visited,
div.jqmAlert a.jqmClose:hover {
  width:27px;
  height:27px;
  display:block;
  float:right;
  clear:right;
  background: url(../img/closeBlack.gif) 7px 7px no-repeat;
}
div.jqmAlert a.jqmClose:hover {
  background: url(../img/closeBlack-act.gif) 7px 7px no-repeat;
}

a.frameclose:link,
a.frameclose:visited,
a.frameclose:hover {
width:27px;
height:27px;
display:block;
float:right;
clear:right;
background: url(../img/close.gif) 0px 0px no-repeat;
margin:15px 20px 0px 0px;
}


.framemore {
color:#d1d3d3;
float:right;
margin:20px 30px 0px 0px;
}


div.jqmAlertContent{
  border-top:px;
  color:#FFF;
  font:11px/14pt arial;
  padding:0px;
  margin:0px;
  border:1px dotted #111;
  letter-spacing:0px;
  background:#111 url(alert/darkgrid.png);
}




#animace {
display:none;
margin:0 0 -44px;
position:relative;
text-align:center;
width:450px;
}

.PageNumber {
background:white;
border:1px solid white;
margin:5px 0 10px;
padding:2px 0;
text-align:center;
}
.PageNumber strong {
display:block;
padding:0px 0px 5px 0px;
}
.PageNumber a:link,
.PageNumber a:visited,
.PageNumber a:hover,
a.SearchLink:link,
a.SearchLink:visited,
a.SearchLink:hover{
color:#FF000A;
}




.redFrame {
background:#FFFBD6;
border:2px solid #FFE400;
float:left;
margin:0px 0 0;
padding:12px 0px;
text-align:center;
width:456px;
}














.TabKatalog{
width:460px;
margin:0px;
padding:0px;
font-size:90%;
}
.TabKatalog tr{
background: url(http://www.singingrock.cz/data/xsl/img/table_list_td-bg.gif) bottom repeat-x;
}
.TabKatalog tr.th{
background: none;
}
.TabKatalog tr th{
background:#95040D url(../img/tabkatalog-th-bg.gif) repeat-x;
font-weight:bold;
padding:8px 10px 8px 10px;
color:white;
text-align:right;
}
.TabKatalog tr td{
padding:4px 10px 4px 10px;
text-align:right;
}
.TabKatalog tr td.text-left{
text-align:left;
}
.TabKatalog tr td.last, .TabKatalog tr td.center, .TabKatalog tr th.center{
text-align:center;
}
.TabKatalog tr td.bold{
padding-top:10px;
background:#EFEFEF;
text-align:left;
}

.input_1{
width:25px; 
height:20px;
border:1px solid #999999;
font-size:100%;
text-align:center;
padding:3px 2px 0px;
}
.input_2 {
width:130px; 
border:1px solid #999999;
font-size:110%;
}
.error {
border:2px solid red;
color:red;
margin:10px 0px;
padding:10px;
background:#ffffff;
}
#searchb2b input {
vertical-align:middle;
margin-right:10px;
}


a.advancedSearch:link,
a.advancedSearch:visited,
a.advancedSearch:hover {
background: url(../img/advanced-search-bg.gif) no-repeat;
display:block;
color:white;
text-decoration:none !important;
padding:4px 5px 5px 31px !important;
margin:0px 0px 0px 2px;
font-size:120%;
}
.inputSearchNew{
float:left;
margin:0px;
padding:0px;
width:125px;
height:22px;
}

.buttonSearchNew{
background: url(../img/advanced-search-submit.gif) no-repeat;
width:23px;
height:23px;
cursor:pointer;
border:0px;
padding:0px;
margin:0px;
float:left;
}

span.searchInfo{
display:block;
text-align:left;
margin:12px 0px 5px 0px;
}


.pagesize {
float:right;
margin:5px 0;
}

.box_b2b a:link,
.box_b2b a:visited,
.box_b2b a:hover {
color:#FF000A;
}


table.tab{
font-size:100%;
width:100%;
padding:0px;
margin:0px;
border:0px;
}
table.tab td{
vertical-align:top;
padding:4px 8px;
margin:0px;
border:0px;
background:#e0e0e0;
}
table.tab td.red{
vertical-align:top;
padding:4px 8px;
margin:0px;
border:0px;
background:#e71c28;
color:#fff;
}

#recommend-goods{
float:right;
line-height:1.2em;
}
#recommend-goods img{
float:left;
margin:15px 0 0 9px;
}
#recommend-goods a:link,
#recommend-goods a:visited,
#recommend-goods a:hover{
color:#FF000F;
float:left;
font-weight:bold;
margin:13px 0 0 12px;
padding:0;
}



.articleFrameLeft{
margin:5px 10px 5px 0px;
background:url(../img/articleNewsFrameLeft.gif) no-repeat left bottom;
white-space:nowrap;
float:left;
}
.articleFrameLeft .articleFrameRight{
background:url(../img/articleNewsFrameRight.gif) right top no-repeat;
}
.articleFrameLeft .articleFrameRight .articleFrame{
padding:6px;
}