/*
 *
 * Stylesheet for ^SITENAME
 *
 * @section		screen
 * @author		Krzysztof ojniewski
 * @version		1.00
 * @copyright	zaciecie.pl
 * @media		screen
 *
 * 
 *
 * @todo 
 */

/* -------------------------------------------*/
/* ---------->>> 	GENERAL	 	<<<-----------*/
/* -------------------------------------------*/
@import "reset.css";
body {
	background: #fff;
	border-top: 2px solid #eaebde;
	color:#494242;
	font: normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;	
}
.container { position:relative; width: 960px; margin: 0 auto; }
.accessibility {display:none}
#quick-contact li.no-border,#sidebar .box li.no-border,#quick-contact li.no-border{border: 0}
#footer li a.no-background,#breadcrumbs li a.no-background,#footer li a.no-background {background: none}
a {text-decoration: none}
a:hover {text-decoration: underline}
a:link, a:active, a:visited { text-decoration: none}
strong {font-weight:bold}

/* -------------------------------------------*/
/* ---------->>> 	SECTIONS 	<<<-----------*/
/* -------------------------------------------*/


/* PAGE HEADER 
----------------------------------------------*/
#header {height: 122px;position: relative;width: 100%}
#header img {position: absolute;left:11px;top:23px}
#main-menu {position: absolute;height: 67px;right: 0;bottom:0}
#main-menu li {display: inline}
#main-menu li a {float: right;height: 67px;text-indent: -9998%;line-height: 0;font-size: 0}
#main-menu li a:hover, #main-menu li a.act {background-position: 0 67px}
#main-menu #home a {background-image: url(../img/m_home.gif);width: 65px}
#main-menu #company a {background-image: url(../img/m_company.gif);width: 80px}
#main-menu #products a {background-image: url(../img/m_products.gif);width: 85px}
#main-menu #download a {background-image:url(../img/m_download.gif);width: 79px}
#main-menu #infoservice a {background-image: url(../img/m_infoservice.gif);width: 96px}
#main-menu #press a {background-image: url(../img/m_press.gif);width: 94px}
#main-menu #trainings a {background-image: url(../img/m_trainings.gif);width: 91px}
#main-menu #contact a {background-image:url(../img/m_contact.gif);width:77px}

#english #main-menu #company a {background-image:url(../img/m_company_en.gif);width:84px}
#english #main-menu #products a {background-image:url(../img/m_products_en.gif);width:83px}
#english #main-menu #download a {background-image:url(../img/m_download_en.gif);width:95px}
#english #main-menu #infoservice a {background-image:url(../img/m_infoservice_en.gif);width:99px}
#english #main-menu #press a {background-image:url(../img/m_press_en.gif);width:66px;}
#english #main-menu #trainings a {background-image:url(../img/m_trainings_en.gif);width: 88px}
#english #main-menu #contact a {background-image:url(../img/m_contact_en.gif);width:92px}

#header form {position: absolute;right: 0;top: 16px;width: 225px}
#header form input {
	background: #f4f5ec;
	border: 1px solid #d1d2c9;
	color:#c9cac0;
	float: left;	
	font: normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	padding: 4px 15px;
	width: 115px;
}
#header form button {
	background: #62625e;
	border: 0;
	color:#ffffff;
	cursor: pointer;
	float: left;
	font: normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	padding: 4px 0;	
	margin-left: 8px;	
	text-align: center;
	width: 51px;
}
#header #languages-menu {position: absolute;top: 17px;left: 655px}
#header #languages-menu li {display: inline;}
#header #languages-menu a {
	color:#515151;
	float: left;
	padding: 1px 6px;
	margin-left: 4px;
	text-decoration: none;
}
#header #languages-menu a:hover, 
#header #languages-menu li.act a {background: #62625e;color: #fff}

/* FLASH BANNER
----------------------------------------------*/
#banner {
	background:url(../img/banner_bg.gif);
	display: block;
	height:364px;
	position: relative;
	width:100%;
}
#banner img { float: left; margin:0}
#banner img.ajax-loader {position: absolute;left: 445px;top: 160px}

/* PAGE CONTENT
----------------------------------------------*/
#content {
	background: #ebecdf;
	clear: both;
	display: block;
	float: left;
	padding: 14px 0 16px;
	width: 100%;
}

#news {
	background: url(../img/news_bg.gif) no-repeat;
	color:#494242;
	display: inline;
	float: left;
	height: 200px;
	margin-left: 16px;
	padding: 9px 15px 0;
	width: 236px;
}
#content h4, #content h5, #content h3 {
	clear: both;
	color:#a7141a;
	display: block;
	font-weight: normal;
}

#content h3 {
	overflow: hidden;
	margin-bottom: 12px;
	height: 26px;
	background-repeat: no-repeat;
	margin-top: 0px;
}
#content h5 {color:#b2b3a8;margin-bottom:5px}
#content p {display:block;margin-bottom:6px}
#content a.more {
	background: #62625e url(../img/a_more_bg.gif) no-repeat right 7px;
	clear: both;
	color: #e4e4e4;
	line-height: 14px;
	margin-top: 10px;
	padding: 2px 15px 3px;
	white-space:nowrap;
}
#content a.more:hover {color:#fff;text-decoration: none}
#catalog {
	background: url(../img/catalog_bg.jpg) no-repeat top left;
	float: left;
	height: 200px;
	margin-left: 20px;
	padding: 9px 15px 0;
	width: 291px;
}

#catalog dl {float: left;width: 175px}
#catalog dt a {color:#a7141a;display: block;font-weight: bold;margin-top: 4px}
#catalog img {float: right}
#catalog a.more {clear: both;float: left;margin-top: 5px}
#quick-contact {
	background: url(../img/contact_bg.jpg) no-repeat top left;
	float: left;
	margin-left: 20px;
	padding: 9px 15px 0;
	width: 267px;
}
#quick-contact h3 {margin-left: 7px}
#quick-contact ul {display: block;margin-top: 6px;padding-bottom: 12px}
#quick-contact li {border-bottom: 1px solid #e2e3d9;padding: 3px 0;width: 180px}
#quick-contact a {color:#a7141a}


/* PAGE FOOTER
----------------------------------------------*/
#footer {display: block;width: 100%;clear: both;padding-top: 10px;height: 40px; border-top: 1px solid #f4f5ec}
#footer a {color: #62625e;text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer ul {float: left;margin-left: 20px;display: inline}
#footer li {display: inline}
#footer li a {background: url(../img/footer_li_a_bg.gif) no-repeat top right;padding: 0 10px}
#footer h4 {float: right;padding-right: 20px;font-weight:normal}
#footer h4 a:hover {color:#a7141a}


/* SUBPAGE : PRODUKT.html
----------------------------------------------*/
#view-product #content {background: #fff;padding: 5px 0 0}
#view-product #banner {height: 87px}
#breadcrumbs {display: block;padding: 0 0 10px 12px}
#breadcrumbs li {display: inline}
#breadcrumbs li a {
	color: #494242;
	background: url(../img/breadcrumbs.gif) no-repeat right 6px;
	padding: 0 10px 0 8px; 
}
#sidebar {float: left;width: 227px}
#sidebar .box {
	float: left;
	background: #f4f5ec;
	padding: 12px;
	width: 202px;
	margin-bottom: 7px
}
#sidebar .box h4 {
	color: #494242;
	font-weight: bold;
	width: 193px;
	height: 28px;
	padding: 10px 0 0 9px;
	background: #e8e9e1;
}
#sidebar .box li {border-bottom: 1px solid #e3e4db;padding: 4px 0}
#sidebar .box li ul li {border: 0;border-top: 1px solid #e3e4db;margin-left: 10px}
#sidebar .box li ul li.no-border {border-top: 1px solid #e3e4db}
#sidebar .box li ul li a {background-position: 17px 7px}
#sidebar .box li a {
	color: #951317;
	background: url(../img/sidebarlia_bg.gif) no-repeat 12px 7px;
	padding-left: 41px;
	width: 150px;
	display: block;
	white-space:nowrap;
}
#sidebar .box li.act a, #sidebar .box li a:hover { font-weight: bold;color:#494242; text-decoration: none}
#main-content {
	background: #f4f5ec url(../img/main-content_bg.gif) no-repeat 0 0;
	float: right;	
	padding: 15px 18px 30px;
	position: relative;
	width: 689px;
	overflow: hidden;
}
#main-content #description {float: left;line-height: 18px;width: 345px}
#content #main-content h1 {height: 22px;width: 100%;margin: 3px 0 17px}
#main-content #description a.more {float: left;margin-top: 20px}
#main-content #description h4, #main-content.sub-page h3 {
	border-bottom: 1px solid #e3e4db;
	color:#494242;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 20px;
}
#main-content table {float: left}
#main-content table .width {width: 160px}
#media {float: right}
#media .images {
	background: #fff;
	border: 1px solid #e2e3da;
	padding: 25px 0;
	text-align: center;
	width: 305px;
}
a.pdf {
	background: url(../img/icon_pdf.gif) no-repeat;
	clear: both;
	color:#951317;	
	float: left;
	padding: 0 0 6px 33px;
	margin-top: 15px;
	width: 190px;
}

/* SUBPAGE : TEKST.html
----------------------------------------------*/
#main-content.sub-page a {color:#951317; text-decoration: underline}
#main-content.sub-page em {font-style: italic}
#main-content.sub-page h3 {
	font-size: 11px;
	line-height: 18px;
	text-indent: 0;
	height: auto;
	padding-bottom: 2px;
}
#main-content.sub-page p {margin-top: 10px}
#main-content.sub-page ul {padding: 5px 0}
#main-content.sub-page ul li {background: url(../img/sidebarlia_bg.gif) no-repeat 0 8px;padding-left: 15px;margin: 5px 0 0 5px}

/* SUBPAGE : KONTAKT.html
----------------------------------------------*/
#main-content.sub-page p.ident {margin-left: 10px}
#main-content.sub-page form {margin-left: 10px}
#main-content.sub-page form .button {
	float: left;
	font: normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	clear: both;
	cursor: pointer;
	border: 0;
	background: #62625e url(../img/a_more_bg.gif) no-repeat right 7px;
	clear: both;
	color: #e4e4e4;
	line-height: 14px;
	margin-top: 10px;
	padding: 2px 20px 3px 15px;
	width: auto;
	white-space:nowrap;
}
#main-content.sub-page form button:hover {color: #fff}
#main-content.sub-page form label {clear: both;float: left;font-weight: bold;padding: 5px}
#main-content.sub-page form label em {color: #951317;font-style: normal}
#main-content.sub-page form input, #main-content.sub-page form textarea, #main-content.sub-page form select {
	background: #fff;
	border: 1px solid #d1d2c9;
	padding: 5px 10px;
	font: normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	width: 320px;
	float: left;
	clear: both;
}
#main-content.sub-page form textarea {height: 100px}
#main-content.sub-page form select {width: 340px}
#main-content.sub-page form fieldset fieldset {float: left;clear: both;margin: 10px}
#main-content.sub-page form fieldset fieldset input {padding: 0;margin: 0;width: auto;margin-top: 8px}
#main-content.sub-page form fieldset fieldset label {clear: none;font-weight: normal;padding: 0;margin: 5px 0 0 10px}

/* SUBPAGE : SITEMAP.html
----------------------------------------------*/
#content #sitemap li a {font-weight: bold;color:#494242}
#content #sitemap li ul a {font-weight: normal;color:#951317}

/* SUBPAGE : LISTA-PRODUKTOW.html
----------------------------------------------*/
#product-list {margin-left: -18px;width: 725px;clear:both;padding-bottom: 25px;float:left}
#content #product-list-footer { float: left; clear: both; width: 100%}
#content #product-list-footer ul {float: right;margin: 10px 5px 0 0;}
#content #product-list-footer ul li {display:inline}
#content #product-list-footer ul li a {float:left;padding: 0 5px;color:#951317}
#content #product-list-footer ul li a.active { background:#951317;color:#fff} 
#content #product-list-footer ul li a:hover {text-decoration: underline}
#content #product-list-footer ul li a.active:hover {text-decoration: none}
#content #product-list-footer a.more {float: left;clear: none}
#group-description {
	clear: both;
	float: left;
	margin: 2px 0 15px 0;
	width:100%;
}
#content #product-list-footer a.prev {
	background: #62625E url(../img/a_prev_bg.gif) no-repeat scroll left 7px;
	margin-right: 15px;
}
#group-description ul {
	border-top: 1px solid #e3e4db;
	float: left;
	margin-top: 10px;
	width: 100%;
}
#group-description li a {
	background-color: #e8e9e1;
	background-position: 9px 6px;
	clear: none;
	float: left;
	margin: 0 2px 0 -1px;
	padding: 7px 12px 11px 45px;
	z-index: 100000;
}
#group-description li a:hover {text-decoration: underline}
#product-list li div.onfocus a.more {float: right}
#product-list li {
	display: block;
	border-bottom: 1px solid #e8e9e1;


	float: left;
	height: 80px;
	padding: 15px 0 0 10px;
	position: relative;
	width: 230px;
	z-index: 5;
}
#product-list li.hovered {z-index: 1000}
#product-list li.dark-background {background:#f0f1e8}
#product-list li.last {width: 235px}
#product-list li div {position: relative;z-index:5}
#product-list li div a {color: #951317;font-weight: bold;white-space:nowrap}
#product-list li div img {border: 1px solid #e8e9e1;float: left;margin-right: 8px}
#product-list li div span {font-size: 9px;line-height: 13px}
#product-list li div.onfocus {
	background: #f0f1e8;
	border: 1px solid #e8e9e1;
	display: none;
	left:-1px;
	padding:10px;
	padding-top:15px;
	position: absolute;
	top:-1px;
	width: 226px;
	z-index: 888;
}
#search-results h2 {
	font-weight: normal;
	color: #494242;
	margin: -7px 0 7px;
}
#search-results h2 bold {font-weight:bold}
#search-results dt, #search-results dd, #search-results dl {float: left;width: 100%}
#search-results dl {padding-bottom: 20px;border-bottom: 1px solid #e3e4db}
#search-results dt a {
	border-bottom: 1px solid #e3e4db;
	color:#951317;
	float: left;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 2px;
	width: 100%;
}
#search-results dd a.more {float: right;margin: 0 10px 0}

#content .download-list li {
   border-bottom: 2px solid #E8E9E1;
   display: inline;
   float: left;
   margin: 5px 9px 0 0;
   padding-bottom: 10px;
   overflow: hidden;
   width: 220px;   
}
#content .download-list li a:hover {text-decoration: underline}
#content .download-list li p {
   border-top: 1px solid #E8E9E1;
   clear: both;
   display: block;
   padding: 3px;
}
/* ---- [ country's map - css only ] ---- */
.poland-map{
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 260px;
	height: 250px;
	background: url(../img/poland-map.png) no-repeat 0 0;
	font-size:11px;
}
.poland-map li{
	margin: 0;
	padding: 0;
	position: absolute;
}
#main-content.sub-page .poland-map li a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#main-content.sub-page .poland-map li a:hover,
#main-content.sub-page .poland-map li a:focus{

}
/* ---- [ Hide focus in worldmap ] ---- */
#main-content.sub-page .poland-map li a:active,
#main-content.sub-page .poland-map li a:focus {
	-moz-outline: none;
	outline: none;
}
#main-content.sub-page .poland-map li a span{
	position:absolute;
	font-size:0.83em;
}
/* ---- [ Zachodniopomorskie ] ---- */
#zachodniopomorskie {
	top: 14px;
	left: 0;
	width: 74px;
	height: 86px;
}
#zachodniopomorskie a{
	height: 86px;
}
#zachodniopomorskie a:hover,
#zachodniopomorskie a:focus{
	background: url(../img/poland-map.png) no-repeat 0 -267px;
}

#zachodniopomorskie a span{
	left:24px;
	top:34px;
}
#zachodniopomorskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Pomorskie ] ---- */
#pomorskie {
	top: 1px;
	left: 67px;
	width: 83px;
	height: 60px;
}
#pomorskie a{
	height: 60px;
}
#pomorskie a:hover,
#pomorskie a:focus{
	background: url(../img/poland-map.png) no-repeat -67px -353px;
}

#pomorskie a span{
	left:5px;
	top:20px;
}
#pomorskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Warminsko-Mazurskie ] ---- */
#warminsko-mazurskie {
	top: 21px;
	left: 134px;
	width: 96px;
	height: 57px;
}
#warminsko-mazurskie a{
	height: 57px;
}
#warminsko-mazurskie a:hover,
#warminsko-mazurskie a:focus{
	background: url(../img/poland-map.png) no-repeat -134px -413px;
}

#warminsko-mazurskie a span{
	left:13px;
	top:11px;
}
#warminsko-mazurskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Podlaskie ] ---- */
#podlaskie {
	top: 23px;
	left: 195px;
	width: 60px;
	height: 91px;
}
#podlaskie a{
	height: 91px;
}
#podlaskie a:hover,
#podlaskie a:focus{
	background: url(../img/poland-map.png) no-repeat -195px -493px;
}

#podlaskie a span{
	left:1px;
	top:37px;
}
#podlaskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Lubuskie ] ---- */
#lubuskie {
	top: 77px;
	left: 11px;
	width: 51px;
	height: 77px;
}
#lubuskie a{
	height: 77px;
}
#lubuskie a:hover,
#lubuskie a:focus{
	background: url(../img/poland-map.png) no-repeat -11px -584px;
}

#lubuskie a span{
	left:12px;
	top:30px;
}
#lubuskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Wielkopolskie ] ---- */
#wielkopolskie {
	top: 54px;
	left: 43px;
	width: 93px;
	height: 110px;
}
#wielkopolskie a{
	height: 110px;
}
#wielkopolskie a:hover,
#wielkopolskie a:focus{
	background: url(../img/poland-map.png) no-repeat -43px -661px;
}

#wielkopolskie a span{
	left:6px;
	top:56px;
}
#wielkopolskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Kujawsko-Pomorskie ] ---- */
#kujawsko-pomorskie {
	top: 50px;
	left: 83px;
	width: 69px;
	height: 63px;
}
#kujawsko-pomorskie a{
	height: 63px;
}
#kujawsko-pomorskie a:hover,
#kujawsko-pomorskie a:focus{
	background: url(../img/poland-map.png) no-repeat -83px -771px;
}

#kujawsko-pomorskie a span{
	left:13px;
	top:28px;
}
#kujawsko-pomorskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Mazowieckie ] ---- */
#mazowieckie {
	top: 64px;
	left: 138px;
	width: 97px;
	height: 103px;
}
#mazowieckie a{
	height: 103px;
}
#mazowieckie a:hover,
#mazowieckie a:focus{
	background: url(../img/poland-map.png) no-repeat -138px -834px;
}

#mazowieckie a span{
	left:5px;
	top:28px;
}
#mazowieckie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Lodzkie ] ---- */
#lodzkie {
	top: 109px;
	left: 107px;
	width: 68px;
	height: 65px;
}
#lodzkie a{
	height: 65px;
}
#lodzkie a:hover,
#lodzkie a:focus{
	background: url(../img/poland-map.png) no-repeat -107px -937px;
}

#lodzkie a span{
	left:18px;
	top:28px;
}
#lodzkie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Dolnoslaskie ] ---- */
#dolnoslaskie {
	top: 135px;
	left: 17px;
	width: 83px;
	height: 74px;
}
#dolnoslaskie a{
	height: 74px;
}
#dolnoslaskie a:hover,
#dolnoslaskie a:focus{
	background: url(../img/poland-map.png) no-repeat -17px -1002px;
}

#dolnoslaskie a span{
	left:5px;
	top:15px;
}
#dolnoslaskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Opolskie ] ---- */
#opolskie {
	top: 160px;
	left: 75px;
	width: 48px;
	height: 52px;
}
#opolskie a{
	height: 52px;
}
#opolskie a:hover,
#opolskie a:focus{
	background: url(../img/poland-map.png) no-repeat -75px -1076px;
}

#opolskie a span{
	left:15px;
	top:5px;
}
#opolskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Slaskie ] ---- */
#slaskie {
	top: 163px;
	left: 106px;
	width: 51px;
	height: 71px;
}
#slaskie a{
	height: 71px;
}
#slaskie a:hover,
#slaskie a:focus{
	background: url(../img/poland-map.png) no-repeat -106px -1128px;
}

#slaskie a span{
	left:13px;
	top:12px;
}
#slaskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Swietokrzyskie ] ---- */
#swietokrzyskie {
	top: 153px;
	left: 150px;
	width: 53px;
	height: 48px;
}
#swietokrzyskie a{
	height: 48px;
}
#swietokrzyskie a:hover,
#swietokrzyskie a:focus{
	background: url(../img/poland-map.png) no-repeat -150px -1199px;
}

#swietokrzyskie a span{
	left:13px;
	top:20px;
}
#swietokrzyskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Malopolskie ] ---- */
#malopolskie {
	top: 186px;
	left: 135px;
	width: 59px;
	height: 58px;
}
#malopolskie a{
	height: 58px;
}
#malopolskie a:hover,
#malopolskie a:focus{
	background: url(../img/poland-map.png) no-repeat -135px -1247px;
}

#malopolskie a span{
	left:5px;
	top:19px;
}
#malopolskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Lubelskie ] ---- */
#lubelskie {
	top: 113px;
	left: 197px;
	width: 62px;
	height: 82px;
}
#lubelskie a{
	height: 82px;
}
#lubelskie a:hover,
#lubelskie a:focus{
	background: url(../img/poland-map.png) no-repeat -197px -1305px;
}

#lubelskie a span{
	left:3px;
	top:47px;
}
#lubelskie-details{
	top:-2em;
	left:-28em;
}
/* ---- [ Podkarpackie ] ---- */
#podkarpackie {
	top: 173px;
	left: 185px;
	width: 62px;
	height: 77px;
}
#podkarpackie a{height: 77px}
#podkarpackie a:hover, #podkarpackie a:focus{background: url(../img/poland-map.png) no-repeat -185px -1387px}

#podkarpackie a span{
	left:3px;
	top:20px;
}
#podkarpackie-details{
	top:-2em;
	left:-28em;
}
#map-description {
	float: right;
	width: 380px;
}
#map {
float:left;
width:300px;
}
#main-content.sub-page #map-description form {flaot:left}
#dealer-list h4 {font-weight: bold}
#dealer-list dl.dealer {padding: 10px}
#dealer-list dl.dealer dt {
	background: transparent url(../img/sidebarlia_bg.gif) no-repeat scroll 1px 7px;
	font-weight: bold;
	padding-left:13px;
}
#dealer-list dl.dealer dd {padding-left:13px}
#dealer-list dl.dealer dd .see-map {
	background: #E8E9E1;;
	color:#494242;
	display: block;
	margin-top: 8px;
	padding: 2px 0 3px 10px;
	text-decoration: none;
	width: 86px;
}
#dealer-list dl.dealer dd .hide-map {
	background: #E8E9E1;;
	color:#494242;
	display: block;
	margin-top: 8px;
	padding: 2px 0 3px 10px;
	text-decoration: none;
	width: 86px;
}
#dealer-list dl.dealer dd .see-map:hover {color: #000}
#main-content.sub-page ul.distributors {
   clear: both;
   display: block;
   padding: 15px 0;
}
#main-content.sub-page ul.distributors h5 {color:#494242; font-weight:bold; margin-left:15px; margin-bottom:10px}
#main-content.sub-page ul.distributors li {
   background-repeat: no-repeat;
   background-position: 10px 0;
   font-weight: bold;
   padding: 5px 0 15px 70px;
   height: 30px;   
}
#main-content.sub-page ul.distributors li.dis-type-1 {background-image: url(../img/1.png)}
#main-content.sub-page ul.distributors li.dis-type-2 {background-image: url(../img/2.png)}
#main-content.sub-page ul.distributors li.dis-type-3 {background-image: url(../img/3.png)}
#main-content.sub-page ul.distributors li.dis-type-1m {background-image: url(../img/1_m.png)}
#main-content.sub-page ul.distributors li.dis-type-2m {background-image: url(../img/2_m.png)}
#main-content.sub-page ul.distributors li.dis-type-3m {background-image: url(../img/3_m.png)}
#main-content.sub-page dd {clear:both}
#main-content.sub-page dd ul.distributors {padding: 5px 0}
#main-content.sub-page dd ul.distributors li {
   background-position: 0 0;
   float:left;
   height: 20px;
   overflow: hideen;
   padding: 0;
   padding-bottom: 15px;
   width: 30px;
}
#main-content.sub-page dd ul.distributors li abbr {
   display: block;
   height: 100%;
   overflow: hidden;
   text-indent: -9998em;
   width: 100%;
}