body { margin: 0; padding: 0 0 20px 0; background: #808C9C url(body_bgrd.gif) top left repeat-x; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;}
form, dl, dd, ul, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
form, label, textarea, input { font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
img, a img { border: none; }
a { color: #900; }
a:hover { text-decoration: underline; }
.cleaner { display: block; clear: both; height: 1px; overflow: hidden; font-size: 0; line-height: 0; }

.fixtable:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#page_container { width: 885px; margin: 0 auto; overflow: hidden; }
#pcr_bl { background: url(bgrd_bottom_left.gif) top left repeat-y; }
#pcr_br { background: url(bgrd_bottom_right.gif) top right repeat-y; }
#pcr_tl { background: url(bgrd_top_left.gif) top left no-repeat;}
#pcr_tr { background: url(bgrd_top_right.gif) top right no-repeat; padding: 0 12px; border-bottom: 10px solid #6F7B89;}
#pci { background: #fff; height: 100%; border-bottom: 2px solid #212933; }

#header { margin-bottom: 5px; padding: 0 5px; }
#header .left { width: 640px; }
#header .right { width: 210px; border-top: 10px solid #E8E8E8; }
#header h2 { width: 100%; height: 65px; border-bottom: 10px solid #E8E8E8; overflow: hidden; text-indent: -1000px; background: url(logo_site.gif) -60px 0 no-repeat;  }
#header h2 a { text-decoration: none; display: block; width: 100%; height: 100%; }
#header .bar { height: 20px; line-height: 20px; background: #F5F5F5; padding-left: 15px; color: #999; }
.index #header .col { width: 425px; }
.index #header h2 { background-position: top left; }

#page_content { background: url(square.gif) 649px 0 repeat-y; }
.index #page_content { background: none; }
#sidebar { width: 205px; float: left; height: 100%;  padding-left: 10px; }

#content { width: 645px; float: left; overflow: hidden; }
#content .inner { padding: 10px 15px 10px 20px;}
#content h1 { font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 5px 0; }
#content h3 { font: bold 16px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; color: #a00; }
#content p { margin: 0 0 20px 0}
#content .pic { height: 91px; border-bottom: 10px solid #E8E8E8; margin: 0 0 0 5px; padding-bottom: 5px; }
#content #p1 { background: url(header_pic1.jpg) no-repeat; }
#content #p2 { background: url(header_pic2.jpg) no-repeat; }
#content #p3 { background: url(header_pic3.jpg) no-repeat; }
#content #p4 { background: url(header_pic4.jpg) no-repeat; }
#content #cnt { line-height: 16px; }

#seperator { border: 1px solid #5678A3; background: #74A4D1; height: 4px; overflow: hidden; margin: 3px 5px; }
#footer .col { height: 54px; }
#footer .right { border-bottom: 40px solid #E8E8E8; }
#footer .left { background: #F5F5F5; height: 20px; border-top: 34px solid #fff; }
#footer .links a { display: block; height: 54px; float: left; overflow: hidden; text-indent: -1000px; text-decoration: none;}
#footer #megalan 		{ background: url(logo_megalan.gif) top left no-repeat; width: 116px; 		}
#footer #clubmania 	{ background: url(logo_clubmania.gif) top left no-repeat; width: 107px; 	}
#footer #club35 		{ background: url(logo_club35.gif) top left no-repeat; width: 100px; 		}
#footer #maniadesignstudio 	{ background: url(maniadesignstudio.gif) top left no-repeat; width: 100px; 	}
#footer #maniaprint 	{ background: url(logo_maniaprint.gif) top left no-repeat; width: 102px; 	}

.col { width: 430px; float: left; }
.col #left.inner { padding-left: 5px;  }
.col #right.inner { height: 100%; margin-right: 5px; padding: 0 0 0 12px; background: url(square.gif) 5px 0 repeat-y; }

#index { display: block; margin-right: 7px; float: left; }

ul.list li { list-style: none; display: block; line-height: 14px; background: url(bullet_gray.gif) 0 6px no-repeat; padding-left: 7px; }
ul.list li a { text-decoration: none; font-weight: bold; color: #3E75A9; }
ul.list li a:hover { text-decoration: underline; }

/* ----------------- Navigation ---------------------- */
#links { line-height: 85px; color: #999; text-align: right; padding-right: 15px; white-space: nowrap; }
#links a { height: 12px; color: #999; text-decoration: none; padding: 0 5px; }
#links a.first { border: none; }

#nav { display: block; width: 200px; overflow: hidden; float: left; margin-top: -2px;  }
#nav li { width: 143px;  padding-left: 52px; list-style: none; background: 0 -29px no-repeat; }
#nav li a { display: block; height: 31px; border-bottom: 1px solid #DCDCDC; overflow: hidden; text-indent: -1000px; }
#nav li.last a { border: none; }
#nav li.selected { background-position: 0 2px; }

#nav li#a1 { background-image: url(nav_li_bgrd_home.gif); 			}
#nav li#a2 { background-image: url(nav_li_bgrd_news.gif); 			}
#nav li#a3 { background-image: url(nav_li_bgrd_prices.gif); 		}
#nav li#a4 { background-image: url(nav_li_bgrd_drivers.gif); 		}
#nav li#a5 { background-image: url(nav_li_bgrd_ordercheck.gif);	}
#nav li#a6 { background-image: url(nav_li_bgrd_clients.gif);  		}
#nav li#a7 { background-image: url(nav_li_bgrd_whoweare.gif); 		}
#nav li#a8 { background-image: url(nav_li_bgrd_contacts.gif);  	}

#nav ul { background: #FFF; margin-left: -52px; margin-bottom: 20px; }
#nav ul li { padding-left: 52px; }
#nav ul li a { text-indent: 0; height: auto; padding: 3px 0; overflow: visible; }

/* ----------------- Tables ---------------------- */

.tbl { table-layout: fixed; border-collapse: collapse; width: 100%; border: 2px solid #E8E8E8; margin-bottom: 20px; }
.tbl thead th { background: #74A4D1; color: #fff; text-align: left; padding: 4px; border-bottom: 2px solid #E8E8E8; border-right: 1px solid #E8E8E8; white-space: normal; }
.tbl thead .title { background: #FFF; color: #5678A3; text-transform: uppercase; font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 10px; }
.tbl tbody td { border-right: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; padding: 3px 4px; font-weight: bold;  }
.tbl tbody td a { color: #5F8BB3; } .tbl tbody td a:hover { color: #2D5983; text-decoration: none; }
.tbl thead th a { color: #FFF; }
.tbl thead th a img { vertical-align: middle; padding: 0 0 0 5px; margin: -3px 0 0 0; }

.tbl.auto { table-layout: auto; margin-top: 15px; white-space: nowrap}
.tbl.auto thead th { text-align: center; }
.tbl.auto tbody td { font-weight: normal; }

.tbl.order { table-layout: auto; }
.tbl.order tbody td { line-height: 10px; background: #FEFEFE; font-weight: normal; }
.tbl.order tbody td.finished { color: #999;}
.tbl.order tbody td.working { color: #CC0000;}
.tbl.order tbody td.new { color: #060; }
.tbl.order tbody td.code { width: 7%; }
.tbl.order tbody td.price { width: 7%; font-weight: bold; text-align: right; }

.tbl .number { width: 20px; text-align: center; padding: 0;}
.tbl.drv .number { width: 28px; text-align: center; padding: 0;}
.tbl .price { width: 15%; color: #c00; background: #F5F5F5; font-weight: bold; text-align: right;}
.tbl .normal { font-weight: normal; background: #FFFFCC; }
.tbl .os { width: 15%; vertical-align: top; background: #F5F5F5; }
.tbl .id { width: 8%; }
.drv_pic { width: 100px; display: block; float: left; margin: 0 20px 10px 0; }

.data { border-collapse: collapse; table-layout: fixed; margin-top: 15px; }
.data th, .data td { padding: 3px;  }
.data th { text-align: right; padding-left: 10px; }

#order { border: 5px solid #E8E8E8; width: 100%; height: 200px; background: #FEFEFE; }
#order thead th { text-align: left; font-weight: bold; padding-left: 15px; }
#order tbody th { text-align: right; vertical-align: middle; padding-bottom: 5px; }
#order td { vertical-align: top; }
#order .field { border: none; width: 182px; padding: 4px; height: 12px; background: url(form_field_bgrd_2.gif);  }
#order .formButton { border: none; width: 140px; height: 20px; line-height: 20px; background: url(formButton_bgrd.gif); }

* html .tbl { margin: 0 0 40px 0; }
* html .tbl .number { width: 15px; }
/* ----------------- Lists ---------------------- */
#newsl span { display: block; }
#newsl li { list-style: none; display: block; padding-bottom: 20px; }
#newsl img { display: block; float: left; width: 140px; }
#newsl .headerl { width: 100%; font: bold 16px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; border-bottom: 5px solid #E8E8E8;  }
#newsl .headerl a { text-decoration: none; color: #a00; } #newsl .headerl a:hover { text-decoration: underline; }
#newsl .innerl { padding: 0 0 0 10px; overflow: hidden; }
#newsl .datel { font-weight: bold; margin-bottom: 5px; }


* html #newsl .innerl { padding: 0 0 0 150px;}
/* ----------------- Panels ---------------------- */
.panel { overflow: hidden; }
.panel .header { height: 25px; line-height: 25px; }
.panel .header h3 { width: 100%; height: 100%; overflow: hidden; text-indent: -1000px; }
.panel .header h3 a { display: block; height: 100%; width: 100%; }
.panel .content { padding: 10px; }
.panel .more { display: block; background: url(bullet_gray.gif) 1px 5px no-repeat; padding-left: 10px; font-weight: bold; color: #3E75A9; margin-top: 10px; text-decoration: none; }
.panel .more:hover { text-decoration: underline; }

#services { border: 1px solid #5678A3; border-bottom: none; height: 294px; }
#services .content { padding: 15px; line-height: 14px; }
#services .header { border-bottom: 1px solid #5678A3; }
#services h3 { background: #74A4D1 url(lbl_services.gif) top left no-repeat; }
#services img { display: block; float: left; margin: 0 10px 10px 0; border: 1px solid #5678A3; }
#services h4 { width: 180px; height: 12px; margin-bottom: 15px;	 overflow: hidden; text-indent: -1000px; background: url(lbl_client.gif) top left no-repeat; }
#services ul.list { width: 393px; overflow: hidden; }
#services ul.list li { white-space: nowrap; overflow: hidden; width: 175px; float: left;  }
#services ul.list li.limore { background: url(bullet_red.gif) 0 6px no-repeat; text-transform: lowercase; }
#services ul.list li.limore a { color: #999; }
#services ul.list li.col1 { border-right: 1px solid #ccc; width: 187px; margin-right: 15px;}

#clients { height: 127px; border: 1px solid #5678A3; border-top: none; margin-bottom: 5px; background: #FFC; position: relative;} 
#clients .content { line-height: 14px; }
#clients p { padding: 0; margin: 0 0 10px 0; }
#clients h3 { background: #CCC url(lbl_for_clients.gif) top left no-repeat; }
#clients h4 { font: bold 11px Verdana, sans-serif;  }
#clients img { display: block; float: left; margin-right: 10px; border: 1px solid #5678A3; }
#clients form { float: left; width: 298px; color: #663; height: 120px; overflow: hidden;  }
#clients input { display: block; float: left; width: 96px; height: 20px; border: none; overflow: hidden; margin: 2px 5px 0 0; }
#clients .field { background: #FFF; border: 1px solid #ccc; width: 86px; height: 10px; padding: 4px; margin-bottom: 2px; }
#clients .button { background: url(form_btn_login_bgrd.gif); margin-right: 0; }
#clients .line { border-bottom: 1px solid #CC9; padding: 5px 0 0 0; margin: 0 0 5px 0; }
#clients .list { margin-top: 5px; }
#clients .login { text-decoration: none; font-weight: bold; color: #369; }
#clients .login:hover { text-decoration: underline; }
#clients .error { width: auto; padding: 0 20px; position: absolute; right: 2px; top: 1px; line-height: 21px; border: 1px solid #CCC; color: #C00; overflow: hidden; background: #fff; }

#loged { width: 200px; height: 127px; float: left; background: #EFEFEF; margin-top: 32px; color: #666;  }
#loged h3 { background: #ccc url(lbl_client_home.gif) top left no-repeat; }

#news { border: 1px solid #5678A3; height: 175px; }
#news .header { border-bottom: 1px solid #5678A3; }
#news h3 { background: #3A5976 url(lbl_news.gif) top left no-repeat; }
#news dl { width: 191px; float: left; }
#news dl.first { border-right: 1px solid #CCC; padding-right: 10px; margin-right: 10px; }
#news dt { font-weight: bold; color: #3E75A9; }
#news dt .date { display: block; color: #000; font-weight: normal; }
#news dt img { display: block; width: 90px; float: left; margin-right: 10px; border: 1px solid #5678A3; }
#news dd { padding-top: 5px; }
#news dd .desc { display: block; overflow: hidden; height: 100px;}

#orders { width: 200px; height: 127px; float: left; background: #EFEFEF; margin-top: 32px; color: #666;  }
#orders h3 { background: #ccc url(lbl_ordercheck.gif) top left no-repeat; }
#orders table { border-collapse: collapse;}
#orders th { text-align: left; line-height: 9px; font-weight: normal; } 
#orders .field { border: 1px solid #ccc; display: block; width: 109px; height: 12px; padding: 4px; background: #fff;  }
#orders .button { background: url(form_btn_bgrd.gif) top left no-repeat; border: none; width: 119px; height: 20px; margin: 2px 0; }

#about, #contact { background: url(panel_bgrd.gif) top right no-repeat; height: 176px; float: left; margin-top: 5px;  }
#about .header, #contact .header { border: 1px solid #5678A3; }
#about .content { position: relative; left: -1px; }
#about { width: 203px; }
#about img { border: 1px solid #3A5976; border-bottom: none; display: block; width: 100%; margin-bottom: 5px; }
#about h3 { background: #3A5976 url(lbl_whoweare.gif) top left no-repeat;}

#contact { width: 209px; }
#contact h3 { background: #3A5976 url(lbl_contacts.gif) top left no-repeat; }
#contact h4 { font: bold 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 5px;  }
#contact .header { margin-left: 1px; }
#contact .content { border-left: 1px solid #5678A3; height: 100% }
#contact ul.list { margin-top: 10px; }



/* ----------------- IE styles ---------------------- */
* html #content h3 { line-height: normal; overflow: hidden;  }
/* * html #clients .field,  * html #orders .field, * html .order .field { background-attachment: fixed; } */

#page-bar { line-height: 20px; }
#page-bar a { color: #369; font-weight: bold; text-decoration: none; }



* html #footer_ozone {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://ozone.bg/images/ozone.png');
_background: none;
}
#footer_ozone{
background: url("http://ozone.bg/images/ozone.png");
width:719px;
height:44px;
font-family:Verdana;
}