/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 140%;
	background: #fff url(/img/body-bg.png) repeat-x left 4px;
	border-top: 4px solid #ED1D22;	
}

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.black { color: #111 !important; }
.black a { color: #111 !important; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.bold { font-weight: bold !important; }
.bold a { font-weight: bold !important; }

img { border: none; }
a img { border: none; }
a { color: #000000; text-decoration: underline; font-weight: bold;}
a:hover { color: #333; text-decoration: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }

/*******************************************************************/
/*                                                     OVERLAPPING */
/*******************************************************************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/*******************************************************************/
/*                                                           TABLE */
/*******************************************************************/
.table { border-collapse: collapse; margin: 0 0 15px 5px; }
.table th { padding: 5px 5px; line-height: 100%; background-color: #d8d8d8; }
.table td { border-bottom: 1px solid #d8d8d8; line-height: 150%; padding: 5px; }
.table td a { font-weight: normal; }
.wide { width: 98%; }
.top td { vertical-align: top !important; }
.bottom td { vertical-align: bottom !important; }
.table .nowrap { white-space: nowrap; }
.noborder,
.noborder th,
.noborder td { border: none !important; }
td.fifty { width: 50%; }
.dist-produktu { width: 80px; text-align: right; line-height: 0 !important; }
td.top { vertical-align: top; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }
#page-wrapper { text-align: left; margin: 0 auto; width: 1000px; position: relative; }

#body { padding: 5px; background-color: #FFFFFF; }

#page-layout { background: #FFFFFF; padding: 30px 0 0 0; }
#left-column { float: left; width: 200px; background: #0066cb url(/img/leftmenu-bg.png) left bottom no-repeat; margin: 1px 0 0 0; min-height: 400px; height: auto !important; height: 400px; }
#menu-wrapper,
#menu-wrapper #left-column { min-height: 496px; height: auto !important; height: 496px; }
#menu-wrapper #left-column { position: absolute; top: 133px; left: 5px; z-index: 2; margin: 0; }
#right-column { width: 775px; float: right; }
#right-column.layout-3-cols .column-content { width: 560px; float: left; }
#right-column.layout-3-cols #right-column2 { width: 200px; float: right; padding: 0 0 10px 0; }

#product-page #right-column,
#system-solution-page #right-column,
#distributor-page #right-column { width: 570px; }

.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 49%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 95px; background: url(/img/header-img.jpg) right top no-repeat; border-bottom: 2px solid #dfdfdf; }

#logo { position: absolute; top: 10px; right: 100px; font-size: 2em; }
#logo, #logo * { width: 125px; height: 50px; }
#logo a { color: #000; }

/*******************************************************************/
/*                                                     SEARCH FORM */
/*******************************************************************/
#search-form { position: absolute; top: 15px; right: 4px; display: none; }
#search-form input.input { color: #fff; background: #8dbbe9; border: 1px solid #013971; width: 100px; position: absolute; top: 4px; right: 40px; font-size: 11px; padding: 2px 0 2px 3px; }
#search-form input.submit { position: absolute; top: 0px; right: 0px; }
#search-form fieldset { border: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { height: 35px; background: #f0f0f0 url(/img/menu-bg.png) 0 0 repeat-x; overflow: visible; width: 748px; position: absolute; top: 60px; left: 0; border-bottom: 2px solid #dfdfdf; }
#page-homepage #menu { z-index: 999; }
#menu li { float: left; list-style-type: none; height: 46px; }
#menu li * { height: 35px; }
#menu li a { font-size: 13px; line-height: 35px;  color: #666; text-transform: uppercase; text-decoration: none; text-align: center; }
#menu #menu-uvodni-stranka a span { left: 0px; }
#menu li a:hover { color: #0066cb; }
#menu li a:hover span { background-position: 0px -35px; }
#menu li.active { background: url(/img/menu-active.png) no-repeat bottom center; }
#menu li.active a { color: #0066cb; }
#menu li.active a span { background-position: 0px -35px; }

#menu-uvodni-stranka, #menu-uvodni-stranka * { width: 130px; }
#menu-o-znacce-cimsec, #menu-o-znacce-cimsec * { width: 160px; }
#menu-produkty, #menu-produkty * { width: 109px; }
#menu-poradenstvi, #menu-poradenstvi * { width: 131px; }
#menu-aktualne, #menu-aktualne * { width: 109px; }
#menu-kontakty, #menu-kontakty * { width: 109px; }

#menu-uvodni-stranka span { background-image: url(/img/menu-uvodni-stranka.png); }
#menu-o-znacce-cimsec span { background-image: url(/img/menu-o-znacce-cimsec.png); }
#menu-produkty span { background-image: url(/img/menu-produkty.png); }
#menu-poradenstvi span { background-image: url(/img/menu-poradenstvi.png); }
#menu-aktualne span { background-image: url(/img/menu-aktualne.png); }
#menu-kontakty span { background-image: url(/img/menu-kontakty.png); }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; color: #999999; height: 40px; overflow: hidden; position: relative; }
#page-homepage #footer { margin-top: -5px; }
#footer a { color: #999999; font-weight: normal; }
#copyright { position: absolute; top: 5px; left: 10px; }
#links { position: absolute; top: 5px; right: 80px; }
#giant { position: absolute; top: -1px; right: -68px; }
#giant { width: 65px; height: 19px; }

#footer .no-link,
#footer .no-link:hover { color: #999; text-decoration: none; cursor: default; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#page-homepage { background: url(/img/hp-header-bg.png) 0 4px repeat-x; }
#page-homepage #header { height: 150px; background: url(/img/hp-header-img.jpg) right top no-repeat; border-bottom: none; }
#page-homepage #logo { position: absolute; top: 10px; right: 87px; font-size: 2em; }
#page-homepage #logo, #page-homepage #logo * { width: 215px; height: 90px; }
#page-homepage #body { background: url(/img/page-body-bg.png) 0 60px repeat-x; padding: 0 0 5px 0; }
#homepage-flash { width: 730px; height: 260px; padding: 0px; margin: 0px; }
#page-homepage #left-column { width: 210px; padding: 5px 0 0 0; background: #0066cb url(/img/hp-leftmenu-bg.png) left top no-repeat; min-height: 545px; height: auto !important; height: 545px; }
#page-homepage #page-layout { padding: 0; }
#page-homepage #left-column ul li { width: 195px; }
#page-homepage #left-column ul li a { font-size: 14px; color: #fff; width: 157px; }
#page-homepage #left-column ul li a:hover { text-decoration: underline; }
#henkel-header { position: absolute; top: 114px; }
#page-homepage #quick-links { padding: 6px 5px 5px 10px; }
#page-homepage #quick-links a { float: left; border: 1px solid #0053a6; margin: 4px 12px 0 0; height: 80px; width: 80px; }
#page-homepage #quick-links a:hover { border: 1px solid #fff; }
#page-homepage #box .box { width: 254px; }
#page-homepage #box .box h2 { margin: 0 7px; padding: 0; }
#page-homepage #box .box p { margin: 0; padding: 8px 16px; line-height: 1.4; }
#page-homepage #box .box .img { width: 240px; height: 85px; overflow: hidden; }

/* FIx */
#page-homepage #right-column { width: 803px; }
#page-homepage #left-column { width: 205px; margin-right: -9px; }
#homepage-flash-wrapper { padding-left: 64px; margin-top: 10px; background: url(/img/hp-flash-bg.png) repeat-x left -10px; width: 730px;}

/*******************************************************************/
/*                                                      NEWS STRIP */
/*******************************************************************/
#news-strip { position: absolute; top: 120px; left: 210px; line-height: 18px; }
#news-strip .date { padding-right: 5px; padding-left: 5px; }
#news-strip .title {  background-color: #0066CC; padding: 2px 5px 2px 5px; color: #FFFFFF; font-weight: bold; }

/*******************************************************************/
/*                                                             BOX */
/*******************************************************************/
#box { clear: both; color: #333333; margin: 0 0 0 3px; }
#box .box { width: 239px; height: 244px; background: url(/img/box-shadow.gif) 0 0 no-repeat; float: left; margin: 0 0 0 7px; }
#box .box:hover { color: #000; }
#box .box:hover h2 a { color: #fff; }
#box .box:hover a { color: #000; }
#box .no-margin { margin-right: 0px; }
#box div.clear { height: 5px; overflow: hidden; }
#box .box .img { width: 225px; height: 92px; overflow: hidden; background-color: #FFFFFF; margin: 7px 7px 0 7px; }
#box .box h2 { height: 40px; font-size: 15px; background: #0066cb; color: #fff; text-transform: uppercase; font-weight: bold; margin: 0 7px; line-height: 100%; }
#box .box h2 a { text-decoration: none; color: #fff; padding: 14px 5px 0 12px; font-weight: normal;  }
#box .box h2 a:hover { text-decoration: underline; color: #fff; }
#box .box p { margin: 0 7px; padding: 5px; }

#box-produkty, #box-produkty *,
#box-systemova-reseni, #box-systemova-reseni *,
#box-poradenstvi, #box-poradenstvi *,
#box-aquablock, #box-aquablock * { width: 240px; height: 40px; }

#box-produkty span { background-image: url(/img/title-produkty.png); }
#box-systemova-reseni span { background-image: url(/img/title-systemova-reseni.png); }
#box-poradenstvi span { background-image: url(/img/title-poradenstvi.png); }
#box-aquablock span { background-image: url(/img/title-aquablock.png); }

#product-category { margin: 10px 0 0 0; }
#product-category .box { float: left; border: 1px solid #e3e3e3; width: 340px; height: 120px; margin: 5px; padding: 15px 15px 5px 15px; }
#product-category .box:hover { border: 1px solid #666; background: #f5f5f5; }
#product-category .box h2 { font-size: 20px; padding: 0 0 15px 0; text-transform: none; margin: 0; }
#product-category .box h2 a { font-weight: normal; }
#product-category .box p { font-size: 13px; padding: 0; margin-bottom: 0; }
#product-category .box img { float: right; margin: 0 0 0 5px; }

#product-list { margin: 10px 0 0 0; }
#product-list div.clear { height: 20px; }
#product-list .box { float: left; border: 1px solid #e3e3e3; width: 225px; height: 170px; margin: 4px; padding: 10px 10px 0 10px; }
#product-list .box:hover { border: 1px solid #666; background: #f5f5f5; }
#product-list .box h2 { font-size: 14px; padding: 0 0 10px 0; text-transform: none; }
#product-list .box p { padding: 0; margin: 3px 0 0 0; }
#product-list .box p.introduction { color: #0066cb; font-size: 13px; font-weight: bold; line-height: 1.4em; margin: 0; }
#product-list .box img { float: left; margin: 0 8px 2px 0; clear: both; }

#consultancy-list { margin: 10px 0 0 0; }
#consultancy-list .box { float: left; border: 1px solid #e3e3e3; width: 245px; height: 110px; margin: 4px; padding: 10px; }
#consultancy-list .box:hover { border: 1px solid #666; background: #f5f5f5; }
#consultancy-list .box h2 { font-size: 14px; padding: 0 0 10px 0; text-transform: none; }
#consultancy-list .box p { padding: 0; margin: 3px 0 0 0; }

/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { height: 25px; font-size: 11px; padding: 5px 180px 0 0; border-bottom: 1px solid #ccc; position: absolute; top: 102px; left: 5px; width: 810px; }
#breadcrumbs a { font-weight: normal; margin: 0 3px; }
#breadcrumbs a.active { color: #0066cb; text-decoration: none; }

/*******************************************************************/
/*                                            BLOCK - PRODUCT-LIST */
/*******************************************************************/
#block-product-list { position: absolute; right: 5px; top: 105px; z-index: 10; }
#block-product-list select,
#block-product-list option { font: 12px Arial, Helvetica, sans-serif; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column h2 { font-size: 13px; color: #fff; font-weight: bold; line-height: 100%; padding: 0 15px 5px 15px; }
#left-column ul { padding: 0 0 40px 0; }
#left-column ul li { list-style-type: none; width: 208px; }
#left-column ul li a { display: block; width: 170px; padding: 7px 5px; margin: 0 10px; color: #aaccee; text-decoration: none; border-bottom: 1px solid #80b3e5; }
#left-column ul li a:hover { color: #fff; }
#left-column ul li.active { background: url(/img/leftmenu-active-bg.png) 0 0 no-repeat; }
#left-column ul li.active a { color: #fff; }

#quick-links { padding: 5px 5px 5px 10px; height: 205px; }
#quick-links h2 { padding: 0 0 8px 5px; }
#quick-links a { float: left; border: 1px solid #0053a6; margin: 4px; height: 80px; width: 80px; }
#quick-links a:hover { border: 1px solid #fff; }

/*******************************************************************/
/*                                                        SUB MENU */
/*******************************************************************/
ul#submenu { position: absolute; top: 0; left: 200px; z-index: -10; width: 200px; height: 100%; background: #d8d8d8 url(/img/centermenu-bg.png) left bottom no-repeat; padding: 0; }
ul#submenu li { list-style-type: none; width: 208px; }
ul#submenu li a { font-weight: normal; display: block; padding: 7px 5px; margin: 0 10px; color: #666 !important; text-decoration: none; border-bottom: 1px solid #ececec; }
ul#submenu li a:hover { color: #000 !important; }
ul#submenu li.active { background: url(/img/centermenu-active-bg.png) 0 0 no-repeat; }
ul#submenu li.active a { color: #000 !important; font-weight: bold; }

/*******************************************************************/
/*                                               ! RIGHT COLUMN #2 */
/*******************************************************************/
#right-column #right-column2 { background: #ebebeb url(/img/rightcolumn-bg.png) left bottom repeat-x; }
#right-column #right-column2 h2 { font-size: 14px; color: #000; padding: 5px 0; }
#right-column #right-column2 p { font-size: 11px; color: #000; padding: 0px; margin: 0; }
#right-column #right-column2 select { border: 1px solid #ccc; padding: 2px; width: 176px; margin: 10px 0 0 0; font-size: 11px; }
#right-column #right-column2 div.item { padding: 0 0 15px 0; margin: 5px 12px; background: url(/img/rightcolumn-item-border.png) left bottom repeat-x; }
#right-column #right-column2 a { color: #0066cb; }

/*******************************************************************/
/*                                    MAIN CONTENT (center column) */
/*******************************************************************/
#right-column .product-content { float: left; width: 360px; color: #666; }
#right-column h1 { font-size: 24px; color: #333; font-weight: bold; line-height: 100%; margin: 15px 0 15px 5px; }
#right-column #product-list h1 { font-size: 22px; font-weight: normal; color: #0066cb; }
#right-column table caption { font-size: 13px; text-align: left; font-weight: bold; color: #333; line-height: 100%; padding: 7px; background-color: #d8d8d8; }
#right-column h2 { font-size: 16px; padding: 5px 0 5px 5px; color: #333; }
#right-column h3 { padding: 10px 0 5px 5px; font-size: 12px; font-weight: bold; line-height: 100%; }
#right-column p { margin: 0 0 10px 0; line-height: 150%; padding: 5px; }
#right-column .table h3 { padding: 3px 0; }
#right-column .table p { margin: 0; padding: 0; }
#right-column .box-border h2 { color: #0066cb; font-size: 22px; margin: 8px 0 0 0; font-weight: normal; }
#right-column .box-border p { margin: 0; padding: 5px; }
#right-column p.q { margin: 0; padding: 10px 5px 5px 5px; font-weight: bold; font-style: italic; font-size: 1.1em; line-height: 1.2; }
#right-column p a { color: #555; }
#right-column p a:hover { color: #000; }
#right-column .introduction { font-size: 14px; font-weight: bold; color: #0066cb; }
#system-solution-page #right-column .introduction { font-size: 12px; font-weight: bold; color: #000; }
#right-column .description { font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; }
#right-column .product-img { float: left; margin: 0 20px 10px 0; }
#right-column ul { list-style: none; margin: 5px 0 10px 10px; color: #000; font-weight: bold; }
#product-page #right-column ul { margin: 5px 0 10px 5px; }
#right-column ul li { background: url(/img/content-li-bg.gif) 0 5px no-repeat; padding: 0 0 4px 12px; }

td.ico { width: 16px; padding: 5px 2px; }
td.ico img { margin: 3px 0 0 0; }
td.download { width: 38px; font-size: 11px; }

img.class { float: right; margin: -40px 10px 0 0; }

.box-border { color: #000; border: 1px solid #999; padding: 0 4px; margin: 0 0 10px 0; }
.blue-border,
.box-border:hover { border-color: #0066cb; }

.green-border,
.box-border.green-border:hover { border-color: #009900; }
.red-border,
.box-border.red-border:hover { border-color: #CC0000; }

.hint { height: 24px; font-size: 11px; color: #7d7d7d; margin: 0 5px 10px 5px; padding: 8px 5px 0 10px; }
.hint.above img { margin: 0 3px -3px 0; }
.hint.above.noico img { margin: 0 3px -6px 10px; }
.hint.under img { margin: 0 5px -3px 0; }
.above { background: #f5f5f5 url(/img/hint-above-bg.png) 0 0 repeat-x; }
.under { background: #f5f5f5 url(/img/hint-under-bg.png) 0 0 repeat-x; }
.hint a { color: #666; font-weight: normal; }


/**************/
/* BLUE BLOCK */
/**************/
#right-column #blue-block { padding: 0px 9px !important; margin: 0px; margin-bottom: 5px; display: block; height: 52px; background: #0066CB url(/img/blue-block-bg.gif) no-repeat center center; color: #FFFFFF; }
#right-column #blue-block a { font-weight: bold; text-decoration: none; color: #FFFFFF; }
#right-column #blue-block strong { line-height: 52px; background: url(/img/blue-block-strong-bg.gif) no-repeat left center; padding: 10px 18px 10px 37px; font-size: 14px; margin-right: 14px; }

/********************/
/* SYSTEM SOLUTIONS */
/********************/
#system-solution-layers { float: right; width: 300px; height: 600px; position: relative; margin: 10px 0 0 15px; }
#system-solution-layers span { font-size: 11px; font-weight: bold; width: 176px; text-align: center; display: block; position: absolute; right: 40px; background: #fe0; padding: 2px; }
#vrstvy-produkty { position: absolute; left: 0; bottom: 0; }

/* balkony a terasy */
#img-balkony-a-terasy #podklad { top: 10px; }
#img-balkony-a-terasy #penetracni-nater { top: 50px; }
#img-balkony-a-terasy #hydroizolace { top: 92px; }
#img-balkony-a-terasy #vyrovnavaci-poter { top: 142px; }
#img-balkony-a-terasy #grundierung { top: 190px; }
#img-balkony-a-terasy #abdichtung-2k-izolace { top: 270px; }
#img-balkony-a-terasy #flexibel { top: 360px; }
#img-balkony-a-terasy #premium-fbu { top: 455px; }
#img-balkony-a-terasy #fugenflex-e { top: 553px; }

/* koupelny, sprchy a kuchyne bytove */
#img-koupelny-sprchy-a-kuchyne-bytove #podklad { top: 12px; }
#img-koupelny-sprchy-a-kuchyne-bytove #grundierung { top: 65px; }
#img-koupelny-sprchy-a-kuchyne-bytove #dichtflex-df { top: 145px; }
#img-koupelny-sprchy-a-kuchyne-bytove #c-plus { top: 235px; }
#img-koupelny-sprchy-a-kuchyne-bytove #premium-ef { top: 365px; }
#img-koupelny-sprchy-a-kuchyne-bytove #fugenflex-e { top: 530px; }

/* elektricke topne rohoze */
#img-elektricke-topne-rohoze #haftbrucke-hb { top: 15px; }
#img-elektricke-topne-rohoze #nm { top: 92px; }
#img-elektricke-topne-rohoze #c-plus-1 { top: 215px; }
#img-elektricke-topne-rohoze #c-plus-2 { top: 285px; }
#img-elektricke-topne-rohoze #fbu { top: 390px; }
#img-elektricke-topne-rohoze #fugenflex-e { top: 540px; }

/************************/
/* AKTUALNE - AQUABLOCK */
/************************/
#postup-prace { font-weight: bold; }
#postup-prace .box { float: left; width: 255px; height: 250px; padding: 0 0 5px 5px; }

/*******************************************************************/
/*                                                          HENKEL */
/*******************************************************************/
#henkel { clear: both; background: #FFFFFF url(/img/henkel-bg.png) 0 15px repeat-x; height: 29px; text-align: center; width: 990px; margin: auto !important; padding: 10px 0 0 0; }
#henkel a { margin: 0 auto; }

/*********************/
/* CASTE DOTAZY FORM */
/*********************/
#slide { padding-bottom: 1px; }
#form-faq { padding: 0 0 10px 20px; font-family: Arial, Helvetica, sans-serif; }
form * {  font-family: Arial, Helvetica, sans-serif; color: #333; }
.input,
textarea { border: 1px solid #ddd; padding: 4px; font-size: 12px; }
#form-faq .input { float: left; width: 135px; margin: 10px 25px 0 0; }
#form-faq textarea { overflow: hidden; height: 100px; width: 370px; margin: 10px 0 0 0px; }
fieldset { border: none; margin: 0; padding: 0; }
label { display: block; padding-top: 0px; width: 65px; float: left; line-height: 20px; padding-top: 13px; }
label.antispam { width: 193px; }
button { margin-top: 10px; margin-left: 0px; }

#faq .q { font-weight: bold; padding-bottom: 0px; }
#faq .a { padding-bottom: 10px; border-bottom: 1px solid #C7E9F3; margin-bottom: 10px; }
#faq-a { padding: 10px 17px 0px 20px; font-weight: bold; }

/*********************/
/*          AKTUALNE */
/*********************/
#news .item { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #eee; }
#news .item img { float: left; margin: 0 10px 3px 0; }
#news .item p { padding: 0; margin: 0 0 0 110px; line-height: 1.3; }
#news .item h2 { font-size: 14px; color: #333; margin: 3px 0; padding: 0; }
#news .date { font-size: 10px; color: #333; margin: 0; }
#news .item .introduction { font-size: 12px; line-height: 1.4; }

/*********************/
/*      MAPA STRANEK */
/*********************/

#site-map ul ul ul a { font-weight: normal; }
#site-map li.closed ul { display: none; }

/* Styles for javascript */
#sitemap-list.script li { background: none; padding-left: 0px; }
#sitemap-list.script span { background: url(/img/content-li-bg.gif) 4px 4px no-repeat; display: block; width: 16px; height: 14px; float: left; }
#sitemap-list.srcipt .openable span { background-image: url(/img/minus.gif); background-position: 0px 3px; }
#sitemap-list.script .openable.closed span { background-image: url(/img/plus.gif); background-position: 0px 3px; }
#sitemap-list.script .openable li span,
#sitemap-list.script .openable.closed li span { background-image: url(/img/content-li-bg.gif); background-position: 4px 4px; }