 ul.operations {list-style-type: none; margin: 0px 0px 8px 0px; padding: 0; height: 15px;}
         
 ul.operations li {margin: 0; padding: 0; float: left;}   
                                    
 ul.operations li a {text-decoration: none; padding: 0px 10px 0px 0px}
 
 ul.operations li.active a {text-decoration: underline; padding: 0px 10px 0px 0px}
                                           
 ul.operations li a:hover {color: #5fccfa; text-decoration: none;}
 
 form label {display: block; float: left; width: 150px; }
 form .agreement label {width: 250px; margin-left: 482px;}
 form .agreement {text-align: right;}
 
 form .categoryIDs label {width: 300px; }
 
 #page #content .hideDiv {visibility:hidden; width: 0px; height: 0px;}
 
 #page #content .view_title_post {margin: 0 0 8px 0; padding: 8px 8px 8px 8px; font-size: 90%; border: 1px solid #0088cc; background-color: #ffffff; /* border-radius: 8px 8px 0px 0px; commented: 13.1.2016 */ } 
 #page #content .view_title_post.title-height {height: 158px; margin-bottom: 0;} 
 #page #content .view_title_post.title-height.news-size {font-size: 110%;} 
 #page #content .p-top-margin-zero p {margin-top: 0px}
 #page #content .view_title_post.category-height {height: 276px; margin-top: 40px; margin-bottom: 0; overflow: hidden;} 
 
 #page #content .view_title_post.topSells {height: 162px; overflow: hidden;} 
 
 #page #content #halfdoubles .mainH2 {width: 575px; float: left;} 
 #page #content #halfdoubles .categoryList {width: 758px; /* height: 104px;  */ float: left; overflow: hidden; font-weight: bold; text-decorationx: none; } /* max-height: 95px;} */
 #page #content #halfdoubles .categoryHeaderPost {width: 575px; float: left;} 
 #page #doubles #content #halfdoubles .view_title_post {width: 575px; float: left;} 
 #page #content #halfdoubles .view_title_post {width: 575px; float: left;} 
 
 #page  #content #yw1 .summaryHeader   { height: 42px; width: 100%; padding: 0px 0px 8px 0px;}
 
 #page #sidebar-r .view_title_post {margin: 0px 0 8px 0; padding: 8px 8px 8px 8px; font-size: 90%;  border: 1px solid #0088cc; background-color: #ffffff; /* border-radius: 8px 8px 0px 0px;  commented: 13.1.2016 */}
 
 #page #sidebar-r .centerPost {text-align: center;}
 
 #page #sidebar .centerPost {text-align: center;}
 
 #page #content .top_title_posts {display: table; margin-bottom: 8px; border-spacing: 0px 0px 0px 8px;}
 
 #page #content .top_title_posts .colspace {display: table-cell; width: 8px; border: none;}

 #page #content .top_title_posts .view_title_post {width: 484px; float: none; margin-top: 0px; display: table-cell; vertical-align: top;}
 
 #page #content .top_title_posts .right {margin-left: 10px; width: 229px;  padding: 8px 8px 8px 8px;}
 
 #page #content .top_title_posts ul li {margin: 0px 0px 0px 0px;}
 
 #page #content .top_title_posts .view_title_post h2.h2news{ margin: 0px 0px 5px 0px; font-size: 150%; text-decoration: underline;}
 
 #page h2.h2news {margin: 5px 0 5px 0; padding: 0px 0px 0px 0px; font-size: 110%;}
 
 #page h2.h2info {margin: 0px 0 0px 0; padding: 0px 0px 0px 0px; font-size: 140%; text-decoration: underline;}
 
 #page #content .infoBlock a { font-size: 120%;}
 
 /* #page #content .mainPageProductSummary h2 {background: url('../images/h1_bg.jpg') top left repeat-x white; padding: 4px 0px 7px 35px; margin: 8px 0 8px 0; border: 1px solid #0088cc; color: black; font-size: 140%;} */
 #page #content .mainPageProductSummary h2, #page #content h2.mainH2 { font-size: 150%; padding: 4px 0px 4px 0px; margin: 0px 0 8px 0; /* border: 1px solid #0088cc; commented: 13.1.2016 */   /* border-radius: 5px 5px 0px 0px; font-size: 120%;  commented: 13.1.2016 */ background-color: white;} 
 
 .commonTitle { padding: 0px 0px 3px 8px; margin: 0px 0 8px 0; border: 1px solid #0088cc; /* border-radius: 5px 5px 0px 0px; commented: 13.1.2016 */ font-size: 140%; background-color: white; font-weight: bold;} 
 
 /*
#page #content .mainPageProductSummary h2, #page #content h2.mainH2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
} /* This imageless css button was generated by CSSButtonGenerator.com */
 
 
 
 
 
        #page #content .view_title_product {background-color: white; border-bottom: 1px solid #0088cc; margin: 0 8px 8px 0; height: 153px; width: 291px; padding: 0; float:left;  overflow: hidden; text-align: justify; font-size: 90%;}

        #page #content .view_title_product .cena {}        

        #page #content .view_title_product .cenaBezDPH {font-weight: bold;}
        
        #page #content .view_title_product .cenaSDPH {font-weight: normal;}       
                                                      
        #page #content .view_title_product .foto {width: 113px; float: left; text-align: center;}
        
        #page #content .view_title_product .foto .foto-box{margin-top: 0px;height: 74px;}     
           
        #page #content .view_title_product .text {width: 269px; height: 36px; float: left;}
        
        #page #content .view_title_product .text .h2env {width: 100%; float: left;}     
              
        #page #content .view_title_product .text .h2env  h2 {font-size: 100%; margin: 0 0 8px 0; padding: 0 0 0 0; width: 199px; float: left;}  
        
        #page #content .view_title_product .text .h2env  h2 a{color: #0088cc; text-decoration: none}
        #page #content .view_title_product .text .h2env  h2 a{color: #000000; text-decoration: none; }   
              
        #page #content .view_title_product .text .h2env  h2 a:hover{color: #000000; text-decoration: underline} 

        #page #content .view_title_product .text .h2env .onstore{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_green.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .view_title_product .text .h2env .onroad{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_orange.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .view_title_product .text .h2env .toask{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_red.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .view_title_product .text .h2env .noStoreState{font-size: 90%;width: 70px; height:22px; padding: 10px 0px 5px 0px; float: right; }         
        
        #page #content .onstoreplain .boxmark {background: orange;}
        #page #content .onstoreplain {font-size: 110%; font-weight: bold; /* color: green; */  padding-right: 5px;  text-align: left;  width: 55%; margin: 0 auto;}
        #page #content .onstoreplain .boxmark {display: block; width: 8px; height: 8px; border-radius: 8px; float: left; margin: 3px 4px 0 6px; border: 1px solid black; background: rgb(0, 209, 0);}
        #page #content .onroadplain  {font-size: 110%; font-weight: bold; /* color: orange; */ padding-right: 5px; text-align: left; width: 60%;  margin: 0 auto;}
        #page #content .onroadplain  .boxmark {display: block; width: 8px; height: 8px; border-radius: 8px; float: left; margin: 3px 4px 0 6px; border: 1px solid black; background: rgb(122, 245, 255);}
        #page #content #dokose .onstoreplain {width: 80%;}
        #page #content #dokose .onroadplain {width: 90%;}
        
        #page #content .mboxes .onstoreplain {text-align: center; float: none;}
        #page #content .mboxes .onroadplain {text-align: center; float: none;}

        #page #content .list .onstoreplain {text-align: center; float: none;}
        #page #content .list .onroadplain {text-align: center; float: none;}

        #page #content .rows .onstoreplain {padding-right: 15px;  }
        #page #content .rows .onroadplain {padding-right: 15px;  }
        
        
        
        #page #content .view_title_product .akce {width: 83px; margin-left: 662px; text-align: center;}  
         
                            #page #content .view_title_product .akce strong {font-size: 140%; color: black; display: block; margin: 0 0 25px 0} 
                            
                            #page #content .view_title_product .akce a {color: #4b4b4b; text-decoration: underline;}    
                                
                            #page #content .view_title_product .akce a:hover {color: #4b4b4b; text-decoration: none;}

        #page #content .right {background: white; margin: 0 0px 8px 0px; padding: 0px 0px 0px 0px; float:left; }

        #page #content .errorSummary {color: red;}
        
        #page #content .errorMessage {color: red;}
        
        #page #content span.required   {color: red;}
        
        #page #content .warning   {color: red;}
        
        #page #content .summaryHeader   { height: 42px; width: 758px; padding: 0px 0px 8px 0px;}
        
        #page #content .summaryHeader .summary   {padding: 0px 0px 0px 0px; width: 230px; float: left; margin:0px 0px 0px 0px; position: relative; top: 24px;}
        
        #page #content .summaryHeader .sorter   {padding: 25px 0px 0px 0px; margin:0px 0px 0px 0px; font-size: 100%;}
        
        #page #content .summaryHeader .sorter .viewSwitches  {float: left; width: 196px; text-align: left;}
        
        #page #content .summaryHeader .sorter .onPageSwitches  {float: left; width: 198px; margin-left: 274px; text-align: center;}
        
        #page #content .summaryHeader .sorter ul  {float: right; width: 209px; text-align: right;}
        
        #page #content .summaryHeader .pager   {padding:0; width: 360px; float: right; margin:0px 0px 0px 0px; text-align: right;}
                

        #page #sidebar ul li.active a {font-weight: bold; text-decoration:underline;}
        
        #page #sidebar ul li.active li a {font-weight: normal; text-decoration:none;}
        
        
                                                  
        #page #sidebar ul .mainMenuFirst li.hasChild {color: red; background: url("../images/arrow_list.gif") no-repeat scroll left 0px;}
        
        #page #sidebar p#tags {font-weight: normal; margin: 4px; text-align: justify; font-size: 110%;}
        
        #page #sidebar .view_title_post {margin: 0px 0 8px 0; padding: 8px 8px 8px 8px; font-size: 90%;  border: 0px solid #0088cc; background-color: #ffffff; /* border-radius: 8px 8px 0px 0px; commented: 13.1.2016 */ }
       


	/* MJTODO: nevadí, že jsme vysekal z-index ? aby nedošlo v budoucnu k nějakým divným překryvům */

  
#page #sidebar .mainMenuFirst	ul ul, li:hover ul ul { display:none;}

#page #sidebar ul li.active ul, li:hover li:hover ul {display:block;}
/*
#page #sidebar .mainMenuFirst	ul ul, li:hover ul ul { display:block; }
*/ 
                                                                                                                        
#page #sidebar ul li.hasChild ul li.hasChild ul li a { background: url("../images/arrow_list_sub.gif") no-repeat scroll 9px 0px; }

#page #sidebarx .mainMenuFirst	li:hover ul, li:hover li:hover ul {display:block;}

#page #content #adminMenu .mainMenuFirst	ul ul, li:hover ul ul {display:block;}

        #page #sidebar-r .menuBanner { border: 1px solid #0088cc; margin: 0px 0px 8px 0px;}
        
        #page #content .postContent {background-color: #ffffff; padding: 0px 10px 0px 10px; border: 1px solid #0088cc; /* border-radius: 8px 8px 0px 0px; commented: 13.1.2016 */  font-size:90%;}
        

        #page #content #cart_header {background: url('../images/view_heder_bg.jpg') top left no-repeat white; border: 1px solid #0088cc; padding: 8px 10px 8px 10px; font-size: 110%; color: black; font-weight: bold; margin: 0 0 8px 0;} 
        #page #content #cart_header #mnozstvi_header{width: 60px; float: left;  text-align: left; padding-left: 25px;}
        #page #content #cart_header #popis_header{width: 290px; margin: 0; float: left;}
        #page #content #cart_header #celkem_ks_header{width: 80px; margin: 0; float: left;text-align: center;}
        #page #content #cart_header #celkem_header{width: 113px; margin-left: 420px; text-align: center;} /*478px; }*/

        /* #page #content .cart_items .view {background: url('../images/corner-border-left.gif') top left no-repeat; border-bottom: 1px solid #0088cc; margin: 0 0 8px 0; height: 40px; padding: 0px 0 8px 0; } */
        
        #page #content .cart_items .view {background: none; background-color: #ffffff; border: 1px solid #0088cc; /* border-radius: 8px 8px 0px 0px; commented: 13.1.2016 */  margin: 0 0 8px 0; height: 40px; width: 588px; padding: 8px 0 8px 0; }
        
        /* #Xpage #content .cart_items .view .border-r {  width: 590px; height: 40px; margin: 0; padding: 8px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; }        */
        
        #page #content .cart_items .view .mnozstvi {width: 90px; float: left; text-align: left; padding: 4px 4px 4px 4px; text-align: center;}   
        
        #page #content .cart_items .view .mnozstvi form .pocet{float: left; width: 60px;}   
        
        #page #content .cart_items .view .mnozstvi form .pocet input {float: right; text-align: center;}   
        
        #page #content .cart_items .view .mnozstvi form .ovladani{float: left; width: 50px;}   
        #page #content .cart_items .view .mnozstvi form .ovladaniPlusMinus  {float: left; width: 10px; height: 40px; margin-top: 3px;}   
        #page #content .cart_items .view .mnozstvi form .ovladaniMinus  {margin-top: 5px; }   
        
        #page #content .cart_items .view form .vyjmout{float: left; width: 40px; margin-top: 5px; text-align: center; padding-left: 12px; font-size: 90%;}   
           
        #page #content .cart_items .view .popis {width: 290px; float: left; padding-left: 8px;}     
              
        #page #content .cart_items .view .popis h2 {font-size: 110%; margin: 0 0 10px 0; padding: 0 0 0 0;}  
        
        #page #content .cart_items .view .popis h2 a{color: #0088cc; text-decoration: none}   
              
        #page #content .cart_items .view .popis h2 a:hover{color: #0088cc; text-decoration: underline}
                
        #page #content .cartCelkemSDPH {font-weight: bold; color: red; font-size: 110%;}
        
        #page #content .cart_items .view .cenaBezDPH {font-weight: bold;}
        
        #page #content .cart_items .view .cenaSDPH {font-weight: normal;} 
                
        #page #content .cart_items .view .celkem_ks {width: 60px; float: left; text-align: right; padding-top: 11px;}    
        
        #page #content .cart_items .view .celkem_ks .cenaSDPH {font-weight: normal;} 
         
        #page #content .cart_items .view .celkem {width: 70px; float:left; text-align: right; padding-top: 11px;}  
         
                            #page #content .cart_items .view .celkem strong {font-size: 140%; color: black; display: block; margin: 0 0 25px 0} 
                            
                            #page #content .cart_items .view .celkem a {color: #4b4b4b; text-decoration: underline;}    
                                
                            #page #content .cart_items .view .celkem a:hover {color: #4b4b4b; text-decoration: none;}                           

        #page #content .dopravce label {width: 736px;  margin: 0px 0px 0px 0px; float: left; padding: 0;}
        
        #page #content .dopravce label p {float: left; margin: 0px 0px 0px 0px;}
        
        #page #content .dopravce input {float: left; width: 20px;  margin: 0px 0px 0px 0px; padding: 0;}
        
        #page #content .dopravce p {float: left; margin: 0px 0px 0px 0px;}
        
        #page #content .dopravce .radiorow {margin: 8px 0px 2px 0px;}
        
#page #content .cart_items .order {height: 40px; padding: 0px;}

#page #content .cart_items .order .border-r {  width: 590px; height: 32px; margin: 0; padding: 8px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; }            
        
#page #content .view_detail #dokose .cartDesc {background: url('../images/add_cart_bg1.gif') 48px -5px no-repeat; color: #0088cc; font-weight: bold; text-transad: uppeiobuttoncase; text-decoration: underline; margin: 0 auto 8px auto; width: 71px;}

#page #content .view_detail #dokose .cartDesc .onstore{font-size: 100%;width: 83px; height:22px; line-height: 100%; text-transform: none; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_green.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
#page #content .view_detail #dokose .cartDesc .onroad{font-size: 100%;width: 83px; height:22px; line-height: 100%; text-transform: none; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_orange.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
#page #content .view_detail #dokose .cartDesc .toask{font-size: 100%;width: 83px; height:22px; line-height: 100%;  text-transform: none; text-align: center; padding: 10px 0px 5px 0px; float: right; text-transform: none; text-decoration: none; background: url('../pics/dostupnost_red.gif') no-repeat scroll center top; color: black; font-weight: bold;}

#page #content .view_detail #dokose .cartDesc .noStoreState{font-size: 100%;width: 83px; height:22px; line-height: 100%; padding: 10px 0px 5px 0px; float: right; }

#page #content .view_detail #dokose .doKosiku{float: right; margin-top: -5px;} 

        #page #content #ordersHistory_header {background: url('../images/view_heder_bg.jpg') top left no-repeat white; border: 1px solid #ddddde; padding: 8px 10px 11px 10px; font-size: 110%; color: black; font-weight: bold; margin: 0 0 8px 0;} 
        #page #content #ordersHistory_header #cislo_objednavky{width: 132px; float: left;  text-align: left;}
        #page #content #ordersHistory_header #datum_objednavky{width: 142px; margin-left: 15px; float: left;}
        #page #content #ordersHistory_header #stav_objednavky{width: 80px; margin-left: 15px; float: left;text-align: left;}
        #page #content #ordersHistory_header #cena_objednavky{width: 180px; margin-left: 342px;text-align: left; }
        
        #page #content .ordersHistory .view {width: 578px; background: white; border: 1px solid #0088cc; margin: 0 0 8px 0; height: 15px; padding: 10px 0 10px 10px; }
        
        #page #content .ordersHistory .view #cislo_objednavky{width: 132px; float: left;  text-align: left; }
        #page #content .ordersHistory .view #datum_objednavky{width: 142px; margin-left: 15px; float: left;}
        #page #content .ordersHistory .view #stav_objednavky{width: 80px; margin-left: 15px; float: left;text-align: left;}
        #page #content .ordersHistory .view #cena_objednavky{width: 180px; margin-left: 342px;text-align: center; }

        #page #content #userInvoices_header {background: url('../images/view_heder_bg.jpg') top left no-repeat white; border: 1px solid #ddddde; padding: 8px 10px 11px 10px; font-size: 110%; color: black; font-weight: bold; margin: 0 0 8px 0;} 
        #page #content #userInvoices_header #cislo_faktury{width: 132px; float: left;  text-align: left;}
        #page #content #userInvoices_header #datum_faktury{width: 142px; margin-left: 15px; float: left;}
        #page #content #userInvoices_header #typ_faktury{width: 80px; margin-left: 15px; float: left;text-align: left;}
        #page #content #userInvoices_header #cena_faktury{width: 180px; margin-left: 342px;text-align: left; } 
        
        #page #content #userInvoices .invoice .cislo_faktury{width: 132px; float: left;  text-align: left;}
        #page #content #userInvoices .invoice .datum_faktury{width: 142px; margin-left: 15px; float: left;}
        #page #content #userInvoices .invoice .typ_faktury{width: 80px; margin-left: 15px; float: left;text-align: left;}
        #page #content #userInvoices .invoice .cena_faktury{width: 180px; margin-left: 342px;text-align: left; }           
        
        #page #content #ordersHistoryAdmin_header {background: url('../images/view_heder_bg.jpg') top left no-repeat white; border: 1px solid #ddddde; padding: 8px 10px 11px 10px; font-size: 110%; color: black; font-weight: bold; margin: 0 0 8px 0;} 
        #page #content #ordersHistoryAdmin_header #cislo_objednavky{width: 90px; float: left;  text-align: left;}
        #page #content #ordersHistoryAdmin_header #firma{width: 42px; margin-left: 15px; float: left;}
        #page #content #ordersHistoryAdmin_header #datum_objednavky{width: 172px; margin-left: 15px; float: left;}
        #page #content #ordersHistoryAdmin_header #stav_objednavky{width: 100px; margin-left: 15px; float: left;text-align: left;}
        #page #content #ordersHistoryAdmin_header #cena_objednavky{width: 180px; margin-left: 562px;text-align: left; }
        
        #page #content .ordersHistoryAdmin .view {background: white; border: 1px solid #0088cc; margin: 0 0 8px 0; height: 64px; padding: 8px 0 8px 8px; }
        
        #page #content .ordersHistoryAdmin .view #cislo_objednavky{width: 42px; float: left;  text-align: left; }
        #page #content .ordersHistoryAdmin .view #firma_objednavky{width: 142px; margin-left: 5px; float: left;}
        #page #content .ordersHistoryAdmin .view #jmeno_objednavky{width: 88px; margin-left: 5px; float: left;}
        #page #content .ordersHistoryAdmin .view #datum_objednavky{width: 104px; margin-left: 5px; float: left;}
        #page #content .ordersHistoryAdmin .view #stav_objednavky{width: 60px; margin-left: 5px; float: left;text-align: left;}
        #page #content .ordersHistoryAdmin .view #cena_objednavky{width: 60px; margin-left: 5px; float: left;text-align: left; }
        #page #content .ordersHistoryAdmin .view #funkce_objednavky{width: 80px; margin-left: 520px;text-align: left; }
        
        
       #page #header #cartXX {  margin-left: 718px; width: 244px; height: 90px;  background: white; border: 1px solid #ddddde;}
       #page #header #cart {font-size: 90%; margin-left: 722px; margin-top: 27px; width: 242px; height: 55px;  background: white; border: 1px solid #0088cc;}
       #page #header #cart .miniCartCelkemSDPH {color: green; font-weight: bold;}

               #page #header #cart #kosik {background: url('../images/_kosik40.png') top right no-repeat; margin: 0 15px 0 15px;  line-height: 120%} 
                
               /* #page #header #cart #kosik p {font-size: 100;} */
               
               #page #header #cart #kosik p a {color: #0088cc; font-weight: bold; text-transform: uppercase; text-decoration: underline;}  
                  
               #page #header #cart #kosik p a:hover {color: #0088cc; text-decoration: none;}
               
        #page #content .envelope {float: left;}
             
        #page #content .boxes .view {font-size: 90%; background: white; margin: 0 8px 8px 0; /* height: 249px; */height: 330px; width: 229px; padding: 8px 8px 8px 8px; float:left;}
  
        /*#Xpage #content .boxes .view {background: url('../images/corner-border-left.gif') top left no-repeat; border: none; border-bottom: 1px solid #0088cc; }*/
        
        #page #content .boxes .view {background: none; background-color: #ffffff; border: 1px solid #0088cc; /* border-radius: 8px 8px 0px 0px; commented: 13.1.2016 */  }

        #page #content .boxes .view .border-r {height: 143px; width: 279px; margin: 0; padding: 10px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; float:left;}        

        #page #content .boxes .view .h2env {width: 100%; float: left;}   

        #page #content .boxes .view h2 {font-size: 100%; margin: 0 0 5px 0; padding: 0 0 0 0; min-height: 30px; /* width: 199px; float: left; */}   
        
        #page #content .boxes .view h2 a{color: #000000; text-decoration: none}    
              
        #page #content .boxes .view h2 a:hover{color: #00000; text-decoration: underline}
        
        #page #content .boxes .view .onstore{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_green.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .boxes .view .onroad{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_orange.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .boxes .view .toask{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_red.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .boxes .view .noStoreState{font-size: 90%; font-weight: bold; /* color: green; */  padding-right: 5px;  text-align: left; float: right; width: 100%; margin-bottom: 2px;}        
        #page #content .boxes .view .noStoreStateXX{font-size: 90%;width: 70px; height:22px; padding: 10px 0px 5px 0px; float: right;}        
                                                      
        #page #content .boxes .view .foto {/*height: 75px;*/ height: 149px; float: left; text-align: center;}
        
        #page #content .boxes .view .foto .foto-box {height: 74px;}
         
        #page #content .boxes .view .foto strong {font-size: 140%; color: black; display: block; margin: 8px 0 25px 0}
         
        #page #content .boxes .view .text {width: 100%; height: 60px; float: left; margin-bottom: 10px; overflow: hidden; text-align: justify;}
        
        #page #content .boxes .view .text p {margin: 0 0 0 0;}
        
        #page #content .boxes .view .boxPrices {width: 125px; float: left;}
        #page #content .boxes .view .boxbuy {width: 95px; float: right; margin-top: 3px;}
        
        #page #content .boxes .view .codeAkce {width: 100%; height: 60px; float: left; margin-top: 10px; margin-left: 0px; margin-bottom: 4px; overflow: hidden; text-align: justify;}      
        
        #page #content .boxes .view .code {font-size: 110%; width: 229px; margin: 0 0 0 0px; padding: 0 0 0 0px; float: left; text-align: left;}
        
        #page #content .boxes .view .akce {width: 100%; margin: 0 0 0 0; padding: 0 0 0 0px; height: 50px; float: left; text-align: left;}
        #page #content .boxes .view .akce .boxstore {float: left; padding-top: 5px; width: 100%;}
        
        #page #content .boxes .view .form { margin: 0 0 0 0;}
        
        #page #content .boxes .view .akce .row {width: 126px; margin: 4px 0 0 0; float: left;}
        
                #page #content .boxes .view .cenaBezDPH {font-size: 100%; font-weight: normal;width: 100%; display: block; text-align: left;  margin-bottom: 0px;}
        
                #page #content .boxes .view .cenaSDPH {font-size: 170%; color: red; font-weight: normal; width: 100%; display: block; text-align: left; font-weight: bold; margin-bottom: 0px;}       
                                     
                            #page #content .boxes .view t .akce a {color: #4b4b4b; text-decoration: underline;}  
                                
                            #page #content .boxes .view .akce a:hover {color: #4b4b4b; text-decoration: none;}
                            
        #page #content .boxes .right {margin: 0px 0px 8px 0px; float:left;}
        
        #page #content .boxes .adminView {height: 350px; }                            
        
        #page #content .boxes .adminView .border-r {height: 350px; width: 279px; margin: 0; padding: 10px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; float:left;}

        /*

        
          #page #content .boxes .view {font-size: 90%; background: white; margin: 0 8px 8px 0; height: 143px; width: 273px; padding: 8px 8px 8px 8px; float:left;}
  
        
        #page #content .boxes .view {background: none; background-color: #ffffff; border: 1px solid #0088cc;   }

        #page #content .boxes .view .border-r {height: 143px; width: 279px; margin: 0; padding: 10px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; float:left;}        

        #page #content .boxes .view .h2env {width: 100%; float: left;}   

        #page #content .boxes .view h2 {font-size: 100%; margin: 0 0 5px 0; padding: 0 0 0 0; width: 199px; float: left;}   
        
        #page #content .boxes .view h2 a{color: #000000; text-decoration: none}    
              
        #page #content .boxes .view h2 a:hover{color: #00000; text-decoration: underline}
        
        #page #content .boxes .view .onstore{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_green.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .boxes .view .onroad{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_orange.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .boxes .view .toask{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_red.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .boxes .view .noStoreState{font-size: 90%;width: 70px; height:22px; padding: 10px 0px 5px 0px; float: right;}        
                                                      
        #page #content .boxes .view .foto {height: 113px; float: left; text-align: center;}
        
        #page #content .boxes .view .foto .foto-box {height: 74px;}
         
        #page #content .boxes .view .foto strong {font-size: 140%; color: black; display: block; margin: 8px 0 25px 0}
         
        #page #content .boxes .view .text {width: 145px; height: 62px; float: left; margin-left: 4px; margin-bottom: 4px; overflow: hidden; text-align: justify;}
        
        #page #content .boxes .view .text p {margin: 0 0 0 0;}
        
        #page #content .boxes .view .codeAkce {width: 145px; height: 50px; float: left; margin-left: 4px; margin-bottom: 4px; overflow: hidden; text-align: justify;}      
        
        #page #content .boxes .view .code {width: 145px; margin: 0 0 0 0; padding: 0 0 0 0px; float: left; text-align: left;}
        
        #page #content .boxes .view .akce {width: 105px; margin: 0 0 0 0; padding: 0 0 0 0px; height: 50px; float: left; text-align: left;}
        
        #page #content .boxes .view .form {width: 145px; margin: 0 0 0 0;}
        
        #page #content .boxes .view .akce .row {width: 126px; margin: 0 0 0 0; float: left;}
        
                #page #content .boxes .view .cenaBezDPH {font-weight: bold;}
        
                #page #content .boxes .view .cenaSDPH {font-weight: normal;}       
                                     
                            #page #content .boxes .view t .akce a {color: #4b4b4b; text-decoration: underline;}  
                                
                            #page #content .boxes .view .akce a:hover {color: #4b4b4b; text-decoration: none;}
                            
        #page #content .boxes .right {margin: 0px 0px 8px 0px; float:left;}
        
        #page #content .boxes .adminView {height: 182px; }                            
        
        #page #content .boxes .adminView .border-r {height: 182px; width: 279px; margin: 0; padding: 10px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; float:left;}
      
        
        */

       #page #content div.rows {width: 100%;}

       #page #content .rows .view .border-r {height: 68px}

       #page #content .rows .view {height: 80px}
       
       #page #content .rows .view .text h2 {margin: 0 0 0px 0;}
       
       #page #content .rows .view .text p {margin: 0; padding: 0;}
       
       #page #content .rows .view .text {padding: 0 0 0 8px;}

       #page #content .rows .view .akce {width: 220px; margin-left: 540px;}
       
       #page #content .rows .view .akce .form {width: 120px;  float: right; text-align: center; margin: 0; }

       #page #content .rows .view .onstore{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 2px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_green.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
       #page #content .rows .view .onroad{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 2px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_orange.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
       #page #content .rows .view .toask{font-size: 90%;width: 70px; height:22px; text-align: center; padding: 10px 0px 2px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_red.gif') no-repeat scroll center top; color: black; font-weight: bold;}
       
       #page #content .rows .view .noStoreState{font-size: 90%;width: 70px; height:22px; padding: 10px 0px 2px 0px; float: right; }         

       #page #content .rows .view .cenaBezDPH {font-weight: bold; width: 103px;}
        
       #page #content .rows .view .cenaSDPH {font-weight: normal; width: 103px; margin: 0 0 8px 0}    
       
        #page #content .rows .massOpsRow {height: 108px;} 
        
        #page #content .rows .massOpsRow .categories {padding: 0 0 0 8px; display: block; width: 100%;}
        
        #page #content .mboxes .view {font-size: 90%; background: white; margin: 0 10px 8px 0; height: 290px; width: 118px; padding: 8px 10px 10px 10px; float:left;}
  
        #page #content .mboxes .view {background-color: #ffffff; border: none; border: 1px solid #0088cc; /* border-radius: 8px 8px 0px 0px; commented: 13.1.2016 */ }

        /*#page #content .mboxes .view .border-r {height: 290px; width: 130px; margin: 0; padding: 10px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; float:left;}        */

        #page #content .mboxes .view .h2env {width: 100%; float: left;}   

        #page #content .mboxes .view h2 {font-size: 100%; margin: 0 0 5px 0; padding: 0 0 0 0; width: 130px;  height: 30px; float: left;}   
        
        #page #content .mboxes .view h2 a{color: #000000; text-decoration: none}    
              
        #page #content .mboxes .view h2 a:hover{color: #00000; text-decoration: underline}
        
        #page #content .mboxes .view .onstore{font-size: 90%;width: 140px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_green.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .mboxes .view .onroad{font-size: 90%;width: 140px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_orange.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .mboxes .view .toask{font-size: 90%;width: 140px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_red.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .mboxes .view .noStoreState{font-size: 90%;width: 140px; height:22px; padding: 10px 0px 5px 0px; float: right; }         
                                                      
        #page #content .mboxes .view .foto {height: 113px; float: left; text-align: center;}
        
        #page #content .mboxes .view .foto .foto-box {height: 65px;}
         
        #page #content .mboxes .view .foto strong {font-size: 140%; color: black; display: block; margin: 8px 0 25px 0} 
          
        #page #content .mboxes .view .text {width: 115px; height: 72px; float: left; margin-left: 4px; margin-bottom: 4px; overflow: hidden; text-align: justify;}
        
        #page #content .mboxes .view .text p {margin: 0 0 0 0;}       
                      
        #page #content .mboxes .view .akce {width: 145px; height: 50px; margin: 0 0 0 0; float: left;}
        
        #page #content .mboxes .view .form {width: 145px; margin: 0 0 0 0;}
        
        #page #content .mboxes .view .akce .row {width: 42px; margin: 0 0 0 0; float: left;}
        
                #page #content .mboxes .view .cenaBezDPH {font-weight: bold; }
        
                #page #content .mboxes .view .cenaSDPH {font-weight: normal;}       
                                     
                            #page #content .mboxes .view t .akce a {color: #4b4b4b; text-decoration: underline;}  
                                
                            #page #content .mboxes .view .akce a:hover {color: #4b4b4b; text-decoration: none;}
                            
        #page #content .mboxes .right {margin: 0px 0px 8px 0px; float:left;}
        
        #page #content .mboxes .adminView {height: 300px; }                            
        
        #page #content .mboxes .adminView .border-r {height: 300px; width: 130px; margin: 0; padding: 10px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; float:left;}        


#page #content tr.evenRow td {background-color: #00f0f0;}
#page #content tr.oddRow td {background-color: #f0f0f0;}  

#page #content form.savedCartForm {float: left;}

      #page #content form.savedCartForm input {float: left; font-size: 90%;}
      
      #page #content form.savedCartForm submit {float: left;}

      #page #content form.clearSavedCart input {float: right; font-size: 90%;}
      
      #page #content form.clearSavedCart submit {float: right;}      
      
      

        #page #content #user_header {background: url('../images/view_heder_bg.jpg') top left no-repeat white; border: 1px solid #ddddde; padding: 8px 10px 11px 10px; font-size: 110%; color: black; font-weight: bold; margin: 0 0 8px 0; height: 15px;} 
        #page #content #user_header #name{width: 60px; float: left;  }
        #page #content #user_header #company{width: 160px; margin-left: 5px; float: left;}
        #page #content #user_header #address{width: 125px; margin-left: 5px; float: left; }
        #page #content #user_header #contact{width: 160px; margin-left: 5px; float: left; }
        #page #content #user_header #prices{width: 50px; margin-left: 5px; float: left; }
        #page #content #user_header #actions {width: 30px; margin-left: 550px; } 
   
      
        #page #content .user_view {font-size: 90%; background: white; border: 1px solid #ddddde; margin: 0 0 8px 0; height: 50px; padding: 8px 10px 11px 10px;; }  
        #page #content .user_view #name{width: 60px; float: left; }
        #page #content .user_view #company{width: 160px; margin-left: 5px; float: left;}
        #page #content .user_view #address{width: 125px; margin-left: 5px; float: left; }
        #page #content .user_view #contact{width: 160px; margin-left: 5px; float: left; }
        #page #content .user_view #prices{width: 50px; margin-left: 5px; float: left; }        
        #page #content .user_view .actions {width: 30px; margin-left: 550px; text-align: center;}                             
              #page #content .user_view .actions a {color: #4b4b4b; text-decoration: underline;}    
              #page #content .user_view .actions a:hover {color: #4b4b4b; text-decoration: none;}


        #page #content .view_title_product {position:relative; }

#page #content form#product-form .uploadedFileWrap {display: block; border: dotted #0088cc 1px; padding: 4px 0px 0px 0px; margin: 4px 0px 4px 0px;}        
#page #content form#product-form .uploadedFileID .radioelement {display: block; height: 20px; width: 35px; float: left;}        
#page #content form#product-form .uploadedFileID label {margin: 0; padding: 0;}
#page #content form#product-form .uploadedFileID .radioelement label {width: 35px;  text-align: center;}
#page #content form#product-form .uploadedFileID .radioelement input {width: 35px;  text-align: center; margin: 0; padding: 0;}        
#page #content form#product-form .uploadedFileID table, #page #content form#product-form .uploadedFileID table tr,
#page #content form#product-form .uploadedFileID table td, #page #content form#product-form .uploadedFileID table tbody {margin: 0; padding: 0;}
#page #content form#product-form .uploadedFileID table td { vertical-align: top; margin: 0; padding: 0;}        

#page #content form#product-form .radiobuttonform { width: 250px; float: left;}
#page #content form#product-form .radiobuttonform * { font-size: 95%;}
#page #content form#product-form .radiobuttonform table.radioButtonTable { border: none 0px #a00000; border-collapse: collapse;}
#page #content form#product-form .radiobuttonform table.radioButtonTable td { border-bottom: solid 1px #a00000;}
#page #content form#product-form .radiobuttonform table.radioButtonTable td span.hasChildren { font-weight: bold;}
#page #content form#product-form .radiobuttonform table.radioButtonTable td span.category-level-1 { font-weight: bold;}
#page #content form#product-form .radiobuttonform h2 { margin: 0; padding: 0;  font-weight: normal; }
#page #content form#product-form .radiobuttonform label { width: 233px;}
#page #content form#product-form .radiobuttonform input { margin: 0; padding: 0; }

#page #content form#product-form .checkboxform { width: 250px; float: right;}
#page #content form#product-form .checkboxform * { font-size: 95%;}
#page #content form#product-form .checkboxform table.checkBoxTable { border: none 0px #a00000; border-collapse: collapse;}
#page #content form#product-form .checkboxform table.checkBoxTable td { border-bottom: solid 1px #a00000;}
#page #content form#product-form .checkboxform table.checkBoxTable td span.hasChildren { font-weight: bold;}
#page #content form#product-form .checkboxform table.checkBoxTable td span.category-level-1 { font-weight: bold;}
#page #content form#product-form .checkboxform h2 { margin: 0; padding: 0;  font-weight: normal; }
#page #content form#product-form .checkboxform label { width: 233px;}
#page #content form#product-form .checkboxform input { margin: 0; padding: 0; }

#page #content table.cartSum {width: 590px}
#page #content table.cartSum td.cartSumFirstCol {width: 340px}
#page #content table.cartSum td.cartSumSecondCol {width: 130px}
#page #content table.cartSum td.cartSumAllSecondCol {width: 120px; font-weight: bold; }                             
#page #content table.cartSum td.cartSumThirdCol {width: 120px; text-align: right; }
#page #content table.cartSum td.cartSumAllThirdCol {width: 120px; text-align: right; color: red; font-weight: bold;}

#page #content .divlink { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('../images/empty.gif');
}

#page #content .infoFlash{
  text-align: center;
  color: white;
  background: blue;
  font-size: 110%;
  font-weight: strong;
  padding: 5px;                         
}

		.tooltip {
			text-decoration: none;
			position: relative;
		}
        
		.tooltip div.toolText {
			margin-left: -999em;
			position: absolute;
      text-align: left;
		}
		.tooltip:hover div.toolText {
			/* border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  commented: 13.1.2016 */ 
			box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4);
			position: absolute; left: 10em; top: -10em; z-index: 599;
			margin-left: 0; width: 320px; height: 320px;
      padding: 8px;
		}
        
        .toolTipProduct:hover div.toolText{
          background: white;
          width: 420px;
          height: 310px;
        }
        
    #page #content .boxes .view .tooltip div.toolText h2 {
      font-size: 120%;
      width: 250px;
    }
    #page #content .boxes .view .tooltip div.toolText .text {
      position: absolute;
      top: 230px;
      left: 8px;
      width: 304px;
      height: 184px;
    }
    #page #content .boxes .view .tooltip div.toolText .text strong{
      font-size: 100%;
      margin: 0px;
      display: inline;
    }
    #page #content .boxes .view .tooltip div.toolText .prices{
      text-align: right;
      font-size: 110%;
    }
    #page #content .boxes .view .tooltip div.toolText .akce{
      margin: 5px 0px 0px 0px;
      float: right;
      width: 120px;
      text-align: right;
    }
    #page #content .boxes .view .tooltip div.toolText .akce .form{
      float: right;
      width: 120px;
    }    
		.tooltip img.productImg {
			float: left; 
		}    
		.info { background: #ffffff; border: 1px solid #2bb0d7;	/* border-radius: 5px; */ }

input.koupit {
  height: 30px; width: 60px; 
  margin: 0; padding: 4px 0px 4px 0px;
  border-radius: 0 6px 6px 0;
  color: #ffffff;  
  float:none;
}

div.boxSubmit {
  width: 60px;
height: 30px;
/* border: 1px solid; */
float: right;
background-color: #89c403;
border: 1px solid #89c403;
padding: 0;
border-radius: 0px 6px 6px 0px;
/* text-align: center; */
}

#dokose div.boxSubmit {
  float: left;
}

div.boxes input#quantity {
  text-align: right;
  width: 25px;
  margin-top: 7px;
  font-size: 110%;
  border: none;
  margin-right: 3px;
}

div.boxes #product-to-cart-form {
  text-align: right;
}

#page input#searchSubmit {
        	font-size:120%;
        	padding: 0 12px;
            height: 27px;
            width: 68px;
            border-radius: 0 6px 6px 0;
            margin: 0;
            background-color: none;
        }
        #page #searchSubmitWrap {
          height: 27px;
          width: 68px;
          border: 1px solid #89c403;
          float: left;
          background-color: #89c403;
          border-radius: 0 6px 6px 0;
        }
        #page #searchInputWrap{
          width: 218px;
          height: 27px;
          border: none;
          float: left;
          border: 1px solid #89c403;
          border-right: none;
          border-radius: 6px 0 0 6px;
        }
        #page #searchInputWrap #findProduct{
          background: none;
        }


ul.operations li a.basicInput, li a.basicInput:hover {
  font-size: 120%;
  margin: 0px 0px 10px 0px;
  padding: 4px;
  width: 240px;
  text-align: center;
  color:#ffffff;
}

ul.operations .firstLink {
  float: left;
}

ul.operations .firstLink a{
  background-image: url(../images/arrow_left_round.png);
  background-repeat: no-repeat;
  background-position: 4px center;
}

ul.operations .lastLink {
  float: right;
}
ul.operations .lastLink a {
  background-image: url(../images/arrow_right_round.png);
  background-repeat: no-repeat;
  background-position: 5px center;
}
#page #content input.orderButton {margin: 0px 0px 10px 0px; font-size: 120%; font-weight: bold; cursor: pointer;}  


form#user-form input.basicInput, a.basicInput{
  font-size: 120%;
  margin: 0px 0px 10px 0px;
  padding: 4px;
  width: 250px;
  text-align: center;
  color:#ffffff;
  background-image: url(../images/arrow_right_round.png);
  background-repeat: no-repeat;
  background-position: 4px center; 
  float: right;
  border-radius: 6px;
}

#loginPage a.basicInput{
  background-image: url(../images/arrow_left_round.png);
  background-repeat: no-repeat;
  background-position: 4px center; 
  float: left;
}

#loginPage  a.basicInput{
  background-image: none;
  float: none;
  width: 145px;
}

#loginPage input.basicInput{
  border-radius: 5px;
  font-size: 120%;
  padding: 4px;
  width: 95px;
}


        #page #content .complement .view {font-size: 90%; background: #ffffff; margin: 0 13px 8px 0; height: 200px; width: 119px; padding: 10px 10px 10px 10px; float:left;}
  
        #page #content .complement .view { border: 1px solid #0088cc; }

        /*#page #content .complement .view .border-r {height: 180px; width: 130px; margin: 0; padding: 10px 0px 0px 0px; background: url('../images/corner-border-right.gif') top right no-repeat; float:left;}        */

        #page #content .complement .view .h2env {width: 100%; float: left;}   

        #page #content .complement .view h2 {font-size: 100%; margin: 0 0 5px 0; padding: 0 0 0 0; width: 120px;  height: 50px; float: left;}   
        
        #page #content .complement .view h2 a{color: #000000; text-decoration: none}    
              
        #page #content .complement .view h2 a:hover{color: #00000; text-decoration: underline}
        
        #page #content .complement .view .onstore{font-size: 90%;width: 140px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_green.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .complement .view .onroadplain{width: 70%; text-align: center;}
        
        #page #content .complement .view .onroad{font-size: 90%;width: 140px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_orange.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .complement .view .toask{font-size: 90%;width: 140px; height:22px; text-align: center; padding: 10px 0px 5px 0px; float: right; text-decoration: none; background: url('../pics/dostupnost_red.gif') no-repeat scroll center top; color: black; font-weight: bold;}
        
        #page #content .complement .view .noStoreState{font-size: 90%;width: 140px; height:22px; padding: 10px 0px 5px 0px; float: right; }         
                                                      
        #page #content .complement .view .foto {height: 113px; float: left; text-align: center;}
        
        #page #content .complement .view .foto .foto-box {height: 65px;}
         
        #page #content .complement .view .foto strong {font-size: 140%; color: black; display: block; margin: 8px 0 25px 0} 
        
        #page #content .complement .view .cenaBezDPH {font-weight: bold; }
        
        #page #content .complement .view .cenaSDPH {font-weight: normal;}       
                                     
        #page #content .complement .right {margin: 0px 0px 8px 1px; padding: 10px 10px 10px 10px; float:left;}
        
#page #content #cartindex div.view  {height: auto; padding: 8px;}        

#page #content #cartindex div.view  table td
  {text-align: left; padding: 0px 4px 0px 4px; border: #0088cc solid 1px;}        
  

#page #content div.categoryList  {display: block; border: 1px solid #0088cc; background-color: #ffffff; /* border-radius: 8px 8px 0px 0px;  commented: 13.1.2016 */  margin: 0 0 8px 0;}

#page #content ul.categoryList  {padding-left: 5px; margin: 8px 0px 3px 2px; overflow: auto;}

/*#page #content ul.categoryList li {width: 180px; float: left; width: 33%; }*/
#page #content ul.categoryList li {float: left; margin-right: 41px;  margin-bottom: 3px;}
#XXXpage #content ul.categoryList li:after {content: ' ';margin-left: 10px;}
#page #content ul.categoryList li .categorySeparator{display: block;
width: 8px;
height: 8px;
border-radius: 8px;
float: left;
margin: 4px 5px 0 0px;
border: 1px solid black;
background: #0088cc;
}
#page #content ul.categoryList li {float: left;  margin-bottom: 5px; list-style: none; margin-right: 5px; width: 180px; height: 55px; border: 1px solid #0088cc; border-radius: 5px;}
#page #content ul.categoryList li {
  display: table;
  background-color: #f1f1f1;
}
#page #content ul.categoryList li a p {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 124px;
}

#page #content ul.categoryList li a div {margin-top: 7px; text-align: center; padding: 0px 4px 0px 4px; float: left;}
#page #content ul.categoryList li a p.imgWrap {margin-top: 7px; width: 40px; text-align: center; padding: 0px 8px 0px 4px; display: table-cell; vertical-align: middle;}
#page #content ul.categoryList li a {display: table; width: 177px; height: 53px;}

#page #content table.simpleFormTable label {display: block; float: none; width: 360px;}

#page #content table.simpleFormTable input {display: block; float: left;}

h2.h2path {float: right; text-align: right; margin-top: 0px; margin-bottom: 10px;}
.searchResults h2.h2path {float: left; text-align: left; }

#page #content #userInvoices .type1 {width: 23%; padding: 0; margin: 0;}
#page #content #userInvoices .number1 {width: 23%}
#page #content #userInvoices .date1 {width: 23%}
#page #content #userInvoices .detail1 {width: 23%}

div.rootAnchor {font-size: 13px;}

#page #content .invoice .iTitleLeft {
  float: left; width: 369px;
  margin: 0; padding: 5px;
  font-size: 130%;font-weight: bold;
}

#page #content .invoice .iTitleRight {
  float: right; width: 369px;
  margin: 0; padding: 5px;
  font-size: 130%;font-weight: bold;
}

#page #content .invoice .iHeaderLeft {
  float: left; width: 377px; height: 346px;
  margin: 0; padding: 0;
  border: 1px solid #000000;
}

#page #content .invoice .iHeaderLeft .row1 {
  height: 17px;
  padding: 5px;
}

#page #content .invoice .iHeaderRight {
  float: right; width: 377px; height: 346px;
  margin: 0; padding: 0px;
  border: 1px solid #000000;
}

#page #content .invoice .iHeaderRight .symboly {
  height: 51px; padding: 5px;
  font-weight: bold;
}

#page #content .invoice .iHeaderRight .odberatel {
  border: 2px solid #000000;
  padding: 5px; height: 177px;
}

#page #content .invoice .bigRow2left {
  float: left; width: 173px; height: 190px;
  margin: 0; padding: 5px;
  
}

#page #content .invoice .bigRow2left img {
  margin-top: 25px;
}

#page #content .invoice .bigRow2right {
  float: right; width: 183px; height: 200px;
  margin: 0; padding: 0;
}

#page #content .invoice .bigRow2right p.invoiceAddress {
  font-weight: bold;
  
}

#page #content .invoice .cislo_uctu_label {
  float: left; width: 80px; height: 17px;
  margin: 2px 0 0 5px; padding: 2px;
}

#page #content .invoice .cislo_uctu_cu {
  float: left; width: 225px; height: 17px;
  margin: 0; padding: 2px;
  border: 2px solid black;
  border-right: none;
  text-align: right;
}

#page #content .invoice .cislo_uctu_kod_banky {
  float: left; width: 50px; height: 17px;
  margin: 0; padding: 2px;
  border: 2px solid black;
  border-left: 1px solid black;
}

#page #content .invoice .data_faktury {
  padding: 5px;
}

#page #content .invoice .data_faktury .datum_label {
  float: left; width: 231px;
  
}

#page #content .invoice .data_faktury .datum_date {
  float: left; padding: 2px 10px 2px 10px;
  border: 1px solid black;
}

#page #content .invoice .data_faktury .datum_dateDue {
  float: left; padding: 2px 10px 2px 10px;
  border: 1px solid black; border-top: none; border-bottom: none;
  font-weight: bold;
}

#page #content .invoice .data_faktury .datum_dateTax {
  float: left; padding: 2px 10px 2px 10px;
  border: 1px solid black;
}

#page #content .invoice .data_faktury .datum_forma {
  float: left; padding: 2px 10px 2px 10px;
  border: none;
}

#orderCreate div.row.buttons a {float: left; background-image: url(../images/arrow_left_round.png); }
#orderCreate div.row.buttons a:hover {float: left; background-image: url(../images/arrow_left_round.png); background-repeat: no-repeat; background-position: 4px center; }
#orderCreate div.row.buttons input {float: right; height: 29px;}

#orderRevision div.row.buttons a {float: left; background-image: url(../images/arrow_left_round.png); }
#orderRevision div.row.buttons a:hover {float: left; background-image: url(../images/arrow_left_round.png); background-repeat: no-repeat; background-position: 4px center; }
#orderRevision div.row.buttons input {float: right; height: 29px;}

input.basicInputText.borderRed {border-color: red;}

#page #content div.form div.userInput label {width: 80px;}

hr.menuSeparator {width: 80%; border: 1px solid #f0f0f0; }

#page #orderCreate #orderForm {margin-left: 25px;}
#page #content #orderCreate #orderForm .dopravce label {width: 711px;}

#page #content #orderCreate #orderForm .dopravce label a:hover {text-decoration: none; font-weight: bold; cursor: pointer;}


         .radiorow:hover {background-color: red; display:block;}
         .radiorow:hover input {border-color: green;}
         #page #content .dopravce input:focus, #page #content .dopravce input:hover, textarea:focus, textarea:hover {
 xborder: 0 none;
 xbackground: green;
 }
 
 #sendOrderGreetings form#user-form input.basicInput, a.basicInput {float: none; background-image: url(../images/icons/home.png); background-size: 20px; background-position-x: 10px;}
    