body { padding: 0; margin: 0; color: #FFF; font: 11px/14px Tahoma, Verdana, sans-serif; background: #232323 url("gfx/body_bg.jpg") top left repeat-x; }

a { color: #FDC010; }
a img { border: 0; }

h1 { font: bold 16px Tahoma, Verdana, sans-serif; color: #F8CF49; margin: 0; padding: 0; }
h2 { font: normal 14px Tahoma, Verdana, sans-serif; color: #C9C9C9; margin: 0; padding: 0; }

hr { border: 0; background: url("gfx/sep.gif") top left repeat-x; margin: 10px 0; }

li { list-style-image: url("gfx/li_arrow.png"); vertical-align: 100%; }

input { font: 11px Tahoma, Verdana, sans-serif; margin: 0; padding: 0; }

div#wrapper { margin: 0 auto; width: 961px; background: #232323 url("gfx/wrapper_bg.jpg") top left no-repeat; }

div#logo { position: absolute; width: 327px; height: 126px; }

div#icons { width: 961px; text-align: right; height: 15px; }
div#icons ul { margin: 0; padding: 0; float: right; padding: 7px 10px; }
div#icons li { list-style: none; float: left; margin: 0 1px; }
div#icons a.home { display: block; width: 15px; height: 15px; background: url("gfx/home.gif") top left no-repeat; }
div#icons a.mail { display: block; width: 15px; height: 15px; background: url("gfx/mail.gif") top left no-repeat; }

.clear { clear: both !important; float: none !important;}

div#menu { float: right; width: 550px; color: #999; font: 12px Trebuchet, sans-serif; background: #222; text-align: right; height: 40px; border-left: 6px solid #FDC010; }
div#menu ul { margin: 0; padding: 0; padding-right: 3px; }
div#menu li { list-style: none; display: inline; margin: 0 -3px 0 -8px; }
div#menu li.separator { width: 5px; height: 24px; margin: 0; padding: 0; position: relative; top: -8px; }
div#menu a { color: #999; font-weight: bold; text-decoration: none; padding: 0; }
div#menu a:hover { color: #FFF; }

div#content { width: 100%; margin-top: 93px; }
div#title { margin-left: 132px; height: 60px; margin-bottom: 10px; line-height: 110px; }

div#page { width: 961px; background: url("gfx/page_bg.png") top left no-repeat; }

div#main { width: 664px; min-height: 400px; padding-bottom: 30px; float: left; }
div#info { color: #CCC; width: 336px; height: 55px; line-height: 13px; padding: 23px 37px; margin-left: 93px; margin-bottom: 6px; background: url("gfx/rhomb.png") top left no-repeat; text-align: justify; }
div#info p { margin-top: 0; }
div#info.wide { width: 455px; height: 100%; min-height: 55px; line-height: 14px; padding: 23px 58px; margin-left: 72px; background: url("gfx/rhomb_wide.png") top left no-repeat; }
div#read_more { width: 487px; text-align: right; margin-bottom: 13px; }

div#usage { margin-left: 132px; width: 497px; height: 207px; margin-bottom: 30px; background: url("gfx/usage.png") top left no-repeat; }
div#usage div#text { padding-top: 29px; padding-left: 0px; color: #999; }
div#usage div#text > div { width: 203px; height: 40px; text-align: justify; float: left; margin-left: 36px; margin-right: 7px; margin-bottom: 50px; }
div#usage div#text > div a img { height: 15px; display: block; }

div#products { width: 480px; }
div#products div.product { width: 217px; float: left; font-weight: bold; text-align: left; margin: 0 23px -24px 0; }
div#products div.product a { color: #FFF; text-decoration: none; }
div#products div.cross { clear: both; margin-bottom: -8px; width: 453px; height: 45px; background: url("gfx/cross.gif") 2px 0 no-repeat; }
div#products div.pages { float: right; margin-right: 23px; }
div#products div.pages ul { display: inline; margin: 0; padding: 0; }
div#products div.pages li { list-style: none; display: inline; float: left; }
div#products div.pages a { display: block; text-align: center; color: #FFF; width: 20px; height: 20px; line-height: 20px; text-decoration: none; margin-right: 2px; background: #000; }
div#products div.pages a.arrow { background: none; }
div#products div.pages a:hover { color: #FDC010; }
div#products div.pages a.selected { font-weight: bold; }

div#product_info { margin-top: 10px; }
div#mini { margin-bottom: 20px; }
div#mini img { float: left; width: 73px; height: 73px; }
div.sep { float: left; width: 1px; height: 37px; margin: 18px 10px 0; background: url("gfx/sep2.gif") left top repeat-y; }

div#options { float: left; width: 220px; background: #D00; }
div#see_all { padding-top: 100px;  /*position: relative; top: 100px; left: 36px;*/ }
div#see_all img { padding-left: 36px; }
div#download_pdf { padding-top: 16px; }

div#footer_bg { clear: both; background: #000; }
div#footer { margin: 0 auto; width: 961px; height: 127px; color: #999; padding-top: 29px; background: url("gfx/footer_bg.jpg") 0 9px no-repeat;}
div#pasek { margin: -29px auto 0; width: 961px; height: 17px; position: relative; top: -8px; background: url("gfx/pasek_bg.jpg") top left repeat-y; }
div#footer_left { float: left; padding: 0 29px; }
div#footer_right { float: right; padding: 0 29px; text-align: left; width: 372px; }
div#footer a { color: #999; text-decoration: none; }
div#footer a:hover { color: #999; text-decoration: underline; }
div#footer_left span.dark { color: #666; float: right; text-align: right; }
div#footer_right span.dark { color: #666; }