/* GLOBAL definitions */
body { background: #e8e8e8 url(../img/bg.gif) top repeat-x; color: #666666; margin: 0 0 0 0; }
body, p, label, input, button, textarea, select { font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
table { border: none; }
img { display: block; border: none; }
form { margin: 0; }
label { font-weight: bold; color: #404041; }
input[type="text"], input[type="password"] { padding: 2px 2px 2px 2px; margin: 0 5px 0 0; border: 1px solid #bababa; height: 13px; }
select { margin: 0; border: 1px solid #bababa; height: 17px; }
input[type="radio"], input[type="checkbox"] { border: none; }	
button { border: none; color: white; padding: 0 0 0 0; font-weight: bold; height: 19px; line-height: 19px; margin: 0 0 0 0;}
#searchbox a:link, #searchbox a:visited, #loginform a:link, #loginform a:visited, #shopcartbox a:link, #shopcartbox a:visited { 
	display: block; background: transparent url(../img/arrow-red.gif) left no-repeat; text-indent: 10px; margin: 6px 0 0 0; }
a:link, a:visited { color: #3f3f3f; text-decoration: underline; }
a:hover { color: #de1935; }

/* MAIN */
div#header, div#content, div#footercontent { width: 980px; margin: 0 auto; padding: 10px; border: none; }
div#header, div#content { background: White; }

/* HEADER */
div#header { height: 150px; margin-top: 20px; background: White url(../img/header-bg-gray.gif) top no-repeat; }
div#headerlogo { line-height: 80px; height: 80px; float: left; margin-bottom: 10px; overflow: hidden; }
   #headerlogo { height: 80px; width: 280px; }
div#contactus, div#phoneorders { float: left; width: 210px; text-indent: 50px; margin: 0 0 0 20px; font-weight: bold; line-height: 80px; height: 80px; overflow: hidden; cursor: pointer; }
div#phoneorders { width: 260px; }
div#contactus strong, #phoneorders strong { color: #767676; }
div#searchbox { float: right; height: 80px; width: 170px; }
   #searchbox label { font-size: 10px; display: block; margin: 8px 0 8px 0; }
   #searchbox input{ width: 120px; }
   #searchbox button { width: 24px; cursor: pointer;}
   
/* CONTENT */
div#left, div#main { float: left; background: transparent; }
   #left, div#right { width: 190px; }
div#right { float: right; }
div#main { width: 560px; margin: 0 20px 0 20px; }

/* FOOTER */
div#footer { width: 100%; background: #606060; clear: both; }
   #footercontent { text-align: center; }
   #footercontent p { color: #b0b0b0; width: 260px; float: left; text-align: left; }
   #footercontent h2 { margin: 0 0 8px 0; padding: 0; font-size: 12px; }
   #footercontent h2 a { color: white; text-decoration: none; }
   #generatedBy {text-align: center; font-size: 10px; color: white;} 
   
/* BOX */
div.box, div#submenu  { width: 190px; margin: 0 0 20px 0; }
div.boxheader { height: 33px; line-height: 33px; background: #959595 url(../img/box-header-bg-gray.png) left no-repeat; text-indent: 36px; text-align: left; }
   .boxheader strong { font-size: 11px; color: White; }
div.boxcontent { background: #e8e8e8 url(../img/box-footer-bg-gray.png) bottom no-repeat; padding: 10px; }

/* MENU - main */
div#menu { clear: both; }
ul#menumain, ul#menusub { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
  #menumain { height: 33px; line-height: 33px; }
  #menumain li, #menusub li { display: block; float: left; height: 33px; }
  #menumain li { padding: 0 10px 0 20px; border-right: 1px solid white; }
  #menumain li.first { background: transparent; padding-left: 25px; }
  #menumain li.selected { background: #7d7d7d url(../img/menu-cell-bg-gray.png); }
  #menumain li.first-selected { background: #7d7d7d url(../img/menu-cell-corner-bg-gray.png); padding-left: 25px; }
  #menumain li a:link, #menumain li a:visited { font-size: 11px; font-weight: bold; color: White; text-decoration: none; }
  #menumain li a:hover { color: #f1ce29; }
  #menumain li.selected a:hover, #menumain li.first-selected a:hover { color: White; }
ul#menusub { height: 29px; line-height: 29px; background: #606060 url(../img/menu-sub-bg.gif) no-repeat bottom; border-top: 2px solid white; }
  #menusub li { padding: 0 10px 0 10px; background: transparent url(../img/menu-sub-delimiter.gif) left no-repeat; }
  #menusub li.first { padding: 0 10px 0 15px; background: transparent; }
  #menusub li a:link, #menusub li a:visited { font-size: 11px; font-weight: normal; color: #b0b0b0; text-decoration: none; }
  #menusub li a:hover { color: white; }

/* SUBMENU */
div#submenuheader a { display: block; float: left; width: 95px; line-height: 34px; text-align: center; font-weight: bold; text-decoration: none; color: White; }
   #submenuheader a.selected_c, #submenuheader a.selected_m  { color: #414141; }
   #submenuheader a.selected_m { background: #e8e8e8 url(../img/submenu-header-light-left.png); }
   #submenuheader a.unselected_c { background: gray url(../img/submenu-header-dark-right.png); }
   #submenuheader a.unselected_m { background: gray url(../img/submenu-header-dark-left.png); }
   #submenuheader a.selected_c { background: #e8e8e8 url(../img/submenu-header-light-right.png); }
div#submenucontent { clear: both; padding: 0 0 0 0; background-color: #e8e8e8; }
   #submenucontent ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; }  
   #submenucontent li a:link, #submenucontent li a:visited { display: block; padding: 5px 5px 5px 22px; border-top: 1px solid #d0d0d0; background: transparent url(../img/arrow-simple-red.gif) left no-repeat; color: black; text-decoration: none; }
   #submenucontent > ul > li:first-child a:link, #submenucontent > ul > li:first-child a:visited { border-top: none; }
   #submenucontent li a:hover { background-color: #d0d0d0; }
   #submenucontent ul  { display: none; }
   #submenucontent li ul li a:link, #submenucontent li ul li a:visited { color: #666666; padding-left: 30px; background: #efefef url(../img/arrow-simple-gray.gif) left no-repeat; }
   #submenucontent li ul li a:hover { color: #de1937; }
   #submenufooter { background: #e8e8e8 url(../img/box-footer-bg-gray.png) bottom no-repeat; height: 8px; }
	
/* LOGIN box */
div#loginbox .boxcontent { height: 80px; }
   #loginbox input { margin: 2px 0 2px 28px; width: 100px; }
   #loginbox a { float: left; }
   #loginbox button, #unloginbox button { float: right; width: 56px; margin: 5px 0 0 0; cursor: pointer;}
   #unloginbox table { width: 100%; }
   
/* SHOP CART box */
div#shopcartbox a { display: block; margin-top: 10px; }

/* Seller info */
div#sellerinfo p { padding: 0; margin: 5px 0 0 0; text-align: justify;}

/* globalne pravidla pre textboxy, imageboxy ...*/
div.textbox { float: left; padding: 5px 5px 5px 5px; }
   .textbox h3 { margin: 0; }
   .textbox h3 a:link, .textbox h3 a:visited { text-decoration: none; font-size: 10px; color: #dd1936; }
   .textbox h3 a:hover { text-decoration: underline; }
   .textbox p { margin: 8px 0 0 0; }
div.imagebox { clear: both; float: left; width: 100px; padding: 10px 5px 5px 5px; overflow: hidden; }
   .imagebox img { margin: 0 auto; }

/* BOX news, actions, tips ... */
div.box.actionbox .boxcontent { border-left: 1px solid #d2d2d3; border-right: 1px solid #d2d2d3; background: white none; }
   .box.actionbox img { width: 60px; float: left; margin: 5px 10px 5px 0; }
   .box.actionbox h3 { margin: 0; }
   .box.actionbox h3 a:link, .box.actionbox h3 a:visited { text-decoration: none; font-size: 10px; color: #dd1936; }
   .box.actionbox h3 a:hover { text-decoration: underline; }
	
div.aboxfooter { clear: left; background: white url(../img/box-white-bg.png) no-repeat bottom; height: 10px; }

/* MAIN screens*/
div#main div.mainheader { width: 510px; padding: 5px 10px 5px 40px; line-height: 20px; font-weight: bold; }
   #main div.mainheader ul { list-style: none; margin: 0; padding: 0; }
   #main div.mainheader ul li { display: inline; padding-left: 18px; background: transparent url(../img/header-delimiter-red.gif) left no-repeat; }
   #main div.mainheader ul li:first-child { background: transparent; padding-left: 0; }
   #main div.mainheader ul li a:link, #main div.mainheader ul li a:visited { text-decoration: none; }
div.maincontent { border: 1px solid #d2d2d3; border-bottom: none; border-top: none; padding: 10px 0 5px 0; }
div.mainfooter { clear: both; height: 10px; background: transparent url(../img/screen-content-footer.gif) no-repeat bottom; margin-bottom: 20px; }

/* TABLE list */
table#tablelist { width: 558px; border: none; margin: 0; padding: 0; clear: both; table-layout: fixed; }	
	 #tablelist th { padding: 0; }
	 #tablelist thead th, #tablelist tbody td { border-left: 2px solid white; }
	 #tablelist thead th.n1, #tablelist tbody td.n1 { border: none; }
	 #tablelist tbody td { padding: 4px 4px 4px 10px; }
	 #tablelist tbody tr.even { background-color: #eaeaea; }
	 #tablelist tfoot th { padding: 2px 4px 2px 10px; border-top: 2px solid #d2d2d3; border-bottom: 8px solid #d2d2d3; font-weight: normal; }
	 #tablelist tfoot th { text-align: right; }
	 #tablelist thead th a:link, #tablelist thead th a:visited { display: block; }
	 #tablelist thead.nosort th, #tablelist thead th.nosort, #tablelist thead th a:link, #tablelist thead th a:visited { padding: 0 30px 0 10px; line-height: 24px; background: #d2d2d3; text-align: left; color: #dd1936; }
	 #tablelist thead th a:link, #tablelist thead th a:visited { background: #d2d2d3 url(../img/sort-arrows-none.gif) no-repeat right; text-decoration: none; }
	 #tablelist thead th a.sortup { background: #d2d2d3 url(../img/sort-arrows-up.gif) no-repeat right; }
	 #tablelist thead th a.sortdown { background: #d2d2d3 url(../img/sort-arrows-down.gif) no-repeat right; }
	 #tablelist thead th a:hover, #tablelist thead th a.sortdown:hover, #tablelist thead th a.sortup:hover { background-color: #c0c0c0; }
			
/* PAGER */
ul.pager { list-style: none; clear: both; float: right; margin: 10px 10px 10px 0; }
  .pager li { display: inline; }
  .pager li a:link, .pager li a:visited { text-decoration: none; font-weight: bold; }
  .pager li a.selected { color: #de1935; }
  
/* LETTER list */
ul#letterlist { clear: both; list-style: none; background-color: #d2d2d3; line-height: 25px; margin: 0; padding: 0 10px 0 10px; }	
  #letterlist li { display: inline; padding: 0 3px 0 3px; }
  #letterlist li a:link,  #letterlist li a:visited { font-weight: bold; text-decoration: none; }
  #letterlist li a.selected { color: #de1935; }
  
/* TABLE + PICTURE VIEWs */
a#pictureview, a#tableview { display: block; float: left; text-indent: 30px; line-height: 22px; margin: 0 0 10px 10px; }
a#pictureview.selected, a#tableview.selected { font-weight: bold; color: #de1935; }
a#pictureview.selected { background: transparent url(../img/icon-picture-view-red.gif) no-repeat left; }
a#tableview.selected { background: transparent url(../img/icon-table-view-red.gif) no-repeat left; }

/* PRODUCT detail */
div#productdetail .imagebox { width: 180px; }
   #productdetail .imagebox img { margin: 0 auto; width: 140px; }
   #productdetail .textbox { width: 335px; padding: 0 0 0 15px; border-left: 1px solid #d2d2d3; }
   #productdetail h2 { margin: 15px 0 20px 0; font-size: 12px; color: #C10000; }
   #productdetail h3 { font-size: 10px; color: #404040; }
   #productdetail p { margin: 4px 0 20px 0; }
   #productdetail table#productparams { margin: 4px 0 0 0; }
   #productdetail table#productparams td { vertical-align: top; padding: 2px 10px 2px 0; }
   #productdetail table#productparams tr td:first-child + td { color: #464646; }
   
/* PRINT + SEND icon */
a#print, a#send { display: block; float: right; line-height: 25px; padding-right: 10px; margin: 0 0 10px 0; border-bottom: 1px solid #d2d2d3; }
a#print { border-left: 1px solid #d2d2d3; padding-left: 34px; margin-left: 5px; }
a#send { padding-left: 24px; }
	
/* AZ products */
div#azproducts, div#productlist { padding-left: 0; padding-right: 0; }
   #azproducts #tablelist col.n1, #productlist #tablelist col.n1 { width: 340px; }
   #azproducts #tablelist col.n2, #productlist #tablelist col.n2 { width: 135px; }
   #azproducts #tablelist td.n2, #productlist #tablelist td.n2 { text-align: right; }
   
 /* Sortovanie na obrazkovom vypise */
 form#sortform { float: right; margin-right: 10px; line-height: 22px;}
 form#sortform button { width: 25px; height: 18px; cursor: pointer; }
 form#sortform button.sortup { background: url(../img/sort-arrows-up.gif) no-repeat left; }
 form#sortform button.sortdown { background: url(../img/sort-arrows-down.gif) no-repeat left; }
  
 /* OBRAZKOVY vypis */
div.productcell { clear: left; margin: 10px; border-bottom: 1px solid #d2d2d3; }
   .productcell div.textbox { width: 400px; }
   .productcell div.imagebox img { width: 65px; }

/* BUG fix - clearing floats */
#content:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

/* SCREEN MESSAGE */
div#message { line-height: 25px; color: #9F2C00; padding-left: 10px; margin: 0 0 10px 0; }
   #message strong { color: #404040; }
   .notice { background: #C8E391; }	
   .warning { background: #EDCF86; }	
   .error { background: #FF9D77; }
   .none {}

/* SCREEN MESSAGE (NONE)*/
div#messageNone { color: #9F2C00; padding-left: 10px; margin: 0 0 10px 0; }
	
/* FORMS */
div#registration h3, #contacts h3, #orderdetail h3, #licencelist h3, #asearch h3, #changepwd h3 {
		clear: both; display: block; line-height: 20px; background: #e8e8e8; text-indent: 10px; font-size: 10px; color: #404040; 
		border-bottom: 3px solid #dadada; 
   }
   #registration label, #contacts label, #licencelist label, #login label, #sendpwd label, #orderdetail label, #asearch label, #changepwd label {
		clear: left; display: block; float: left; width: 200px; background: #eaeaea; line-height: 19px; margin: 0 4px 2px 80px; 
		padding-left: 5px; color: #666666; font-weight: normal; 
   }
   #registration input, #contacts input, #licencelist input, #login input, #sendpwd input, #registration select, #contacts select, #orderdetail input, #asearch input, #asearch select, #changepwd input {
		display: block; float: left;
		margin-bottom: 2px; 
   }
   #registration textarea, #contacts textarea, #orderdetail textarea {
		margin-left: 80px; width: 400px; height: 80px;
   }
   #registration img { clear: both; margin: 5px 0 5px 289px; }
	
   #registration i {line-height: 19px;float: left;}
div.textrequire { clear: left; width: 390px; margin-left: 85px; padding: 5px; }
span.span-required { font-weight: bold; }
span.span-required-error { color: red; }

/* PRICE box */
table.pricebox { border: none; padding: 0px; }
	 .pricebox tr td, .priceboxsimple tr td  {
		text-align: right; text-decoration: line-through; line-height: 19px; color: white; padding-right: 5px; text-indent: 10px; 
	 }
	 .priceboxsimple tr td { text-indent: 0px; }
	 .pricebox tr td.pbn1, .pricebox tr td.pbn2, .priceboxsimple tr td.pbn1, .priceboxsimple tr td.pbn2 { text-align: left; text-decoration: none; }
	 .pricebox tr td strong { display: block; }
	 .pricebox tr td i, .priceboxsimple tr td i { font-weight: normal; }
     
div.textbox table.pricebox, div.textbox table.priceboxsimple {
	margin: 10px 0 10px 0;
}

/* BANNERS */
div.bannerleft, div.bannerright { margin-bottom: 20px; width: 190px; overflow: hidden; }
div#bannermiddle, div#productbanner { width: 560px; overflow: hidden; margin-bottom: 20px; }
   #bannermiddle img, div#productbanner img { margin: 0 auto; }
div#bannerfooter { margin-right:auto;margin-left:auto; width: 480px; overflow: hidden; background: transparent;}
div.bannerleft, div.bannerright, div#bannermiddle, div#productbanner { cursor: pointer; } 

/* ICON box - shopcart icon  */
div.iconbox { height: 18px; width: 70px; }
   .iconbox input { float: left; width: 28px; height: 12px; }
   .iconbox button { display: block; float: left; height: 17px; width: 17px; margin: 0 10px 0 3px; background: url(../img/icon-shop-cart-gray.gif) no-repeat; cursor: pointer;}
   .iconbox button:hover { background: url(../img/icon-shop-cart-red.gif) no-repeat; }
div.imagebox div.iconbox { clear: both; margin: 10px auto; }

/* SCREEN infodata - o firme, ako nakupovat ... */
div#infodata.maincontent, div#preregistration.maincontent { overflow: hidden; padding: 15px; }

div.buttonbox { clear: both; padding: 10px 10px 0 10px; height: 35px; }
div.buttonbox div { border-top: 5px solid #d2d2d3; line-height: 20px; padding-top: 10px; }

div#sendpwd div.buttonbox, div#preregistration div.buttonbox{ padding-left: 0; padding-right: 0; }

/* SCREEN PREREGISTRATION */
div#preregistration input, div#preregistration label { float: left; }
   #preregistration label { margin-top: 4px; }
   #preregistration button { float: right; width: 75px; }

/* SCREEN - send password */
div#sendpwd.maincontent	{ padding: 15px; }
   #sendpwd button { float: right; width: 75px; }

/* SCREEN registration */
div#registration button { float: right; width: 75px; }
   #registration button#save { float: right; width: 100px; }

/* SCREEN zoznam objednavok */
div#orderlist.maincontent p { margin: 5px 10px 10px 10px; }
   #orderlist.maincontent select { margin-left: 5px; }
   #orderlist #tablelist col.n1 { width: 95px; }	
   #orderlist #tablelist td.n3, #orderlist #tablelist td.n4 { text-align: right; }
		
/* SCREEN order detail */
div#orderdetail #tablelist thead th.n1 { width: 5px; }
   #orderdetail #tablelist thead th.n2 { width: 95px; }
   #orderdetail #tablelist thead th.n3 { width: 5px; }
   #orderdetail #tablelist thead th.n6 { width: 95px; }
   #orderdetail #tablelist tbody td { text-align: right; }
   #orderdetail #tablelist tbody td.n2 { text-align: left; }
   
   #orderdetail p, #orderdetail table.licenceproduct { margin: 5px 10px 5px 10px; }
   #orderdetail table.licenceproduct { width: 520px; }
   #orderdetail table.licenceproduct tr td { padding-left: 15px; }
   #orderdetail table.licenceproduct tr td[colspan="2"] { background-color: #eaeaea; padding: 4px 0 4px 5px; }
   #orderdetail h4 { margin-left: 10px; font-size: 10px; }
   #orderdetail button { margin-left: 10px; cursor: pointer;}
   #orderdetail button#btn_adddisc { float: right; width: 100px; }
   #orderdetail button#btn_changeaddr { float: right; width: 100px; }
   #orderdetail button#btn_proforma { float: right; width: 125px; }
   #orderdetail button#btn_backcart { float: right; width: 150px; }
   #orderdetail button#btn_order { float: right; width: 125px; }
   #orderdetail button#btn_tatrapay { float: left; width: 150px;}

/*After order submit  - successfully text*/   
   div.afterOrderInfo { padding: 0px 5px 5px 5px; }
	
/* SCREEN Shop cart detail */
div#shopcart #tablelist tbody td input { width: 28px; float: left; }
   #shopcart #tablelist tbody td.n5, #shopcart #tablelist tbody td.n6 { text-align: right; }
   #shopcart #tablelist thead th.n1 { width: 5px; }
   #shopcart #tablelist thead th.n2 { width: 30px; }
   #shopcart #tablelist thead th.n3 { width: 50px; }
   #shopcart #tablelist tbody td a { display: block; float: left; width: 19px; height: 19px; background: url(../img/icon-remove-red.gif) no-repeat; }
   #shopcart a.deleteall { float: left; margin: 10px; }
   #shopcart button#btn_order { float: right; width: 75px; margin: 10px 10px 0 0; }
   #shopcart button#btn_refresh { float: right; width: 100px; margin: 10px 10px 0 0; }
   #shopcart p { text-align: center; }
   
/* SCREEN produkty s licenciou */
div#licencelist p { margin: 10px; }
   #licencelist button { float: right; width: 75px; }
	
/* SCREEN Moje kontakty */
div#contacts #tablelist thead th.n1 { width: 10px; }
   #contacts #tablelist thead th.n2 { width: 85px; }
   #contacts #tablelist thead th.n4 { width: 45px; }
   #contacts #tablelist td.default { background: url(../img/icon-default-orange.gif) no-repeat center; }
   #contacts .buttonbox { padding-top: 5px; }
   #contacts button { float: right; width: 75px; margin: 10px 0 10px 5px; }
   #contacts button#btn_setdef { float: right; width: 175px; margin-right: 10px; }
   #contacts button#btn_back { float: right; width: 125px; }

/* SCREEN Akcie, vypredaj ... vsetky - detailny pohlad */
div#actionlist div.productcell { border: none; border-top: 1px solid #cacaca; }
div#actionlist div.productcell.first { border-top: none; }
   #actionlist h4 { margin: 0 0 2px 0; font-size: 10px; }
 
/* LOGIN screen */
div#login p { text-align: center; }
   #login button { float: right; width: 75px; }

/* SCREEN vysledok vyhladavania */
div#searchresult p { margin-left: 10px; }
   #searchresult #tablelist thead th.n2 { width: 100px; }
   #searchresult #tablelist tbody td.n2 { text-align: right; }

/* SCREEN - rozsirene vyhladavanie */
div#asearch button { float: right; width: 75px; }

/* SCREEN download */
div#download #tablelist tbody td.n3 a, div#ctgdownload2 #tablelist tbody td.n4 a {
	display: block; width: 16px; height: 16px; margin: 0 auto; background: url(../img/icon-download-gray.gif) no-repeat;
}
   #download #tablelist tbody td.n3 a:hover, div#ctgdownload2 #tablelist tbody td.n4 a:hover { background: url(../img/icon-download-red.gif) no-repeat; }
   
   #download #tablelist col.n1 { width: 220px; }
   #download #tablelist col.n3, #ctgdownload2 #tablelist col.n4 { width: 40px; }
   
div#ctgdownload #tablelist col.n1 { width: 320px; }
   #ctgdownload #tablelist col.n2 { width: 130px; }
   #ctgdownload #tablelist tbody td.n2, #ctgdownload #tablelist tbody td.n3 { text-align: right; }
   
div#ctgdownload2 p { margin-left: 10px; } 
   #ctgdownload2 button { float: right; width: 75px; }
   #ctgdownload2 #tablelist tbody td.n3 { text-align: right; }
   #ctgdownload2 #tablelist col.n3 { width: 100px; }
    
/* zmena hesla */
div#changepwd button { float: right; width: 75px; }

/* zoznam divizii a kategorii */
div#submenulist ul { list-style: none; margin: 0; padding: 0; }
   #submenulist ul li { padding: 5px 5px 7px 30px; background: url(../img/arrow-simple-gray.gif) left no-repeat; }