@import "global.css";

@media screen, projection {
	
	body { background: #4a1707 url('../img/bkg-body.gif') repeat-x;}
	h1, h2, h3, h4, h5, h6, p, address, ul, ol, cite, label, dl, dt, dd  { color: #222222; }
	a { color: #993300; }
	h1 { color: #993300; }
	pre { background: #ffffff; color: #000000; }
	table { border-color: #c9c2c1; }
	table td { background: #f7f7f7; color: #222222; border-color: #c9c2c1; }

	#wrap { margin: auto; text-align: center; width: 760px; padding-bottom: 30px; }
	
	#title { text-align: left; width: 760px; height: 90px; }
	#title-left { float: left; width: 560px; height: 70px; }
	#title-right { float: right; width: 200px; height: 70px; }
	#title-image { width: 750px; height: 154px; background: url('../img/bkg-image.jpg') center bottom no-repeat; border: solid #ffffff 5px; }
	#title-menu { width: 750px; height: 30px; background: url('../img/bkg-menu.gif') repeat-x; border: solid #ffffff 5px; border-top: none; }
	
	#main { text-align: left; width: 750px; background: #ddddcc; border: solid #ffffff 5px; border-top: none; }
	#main-centerleft { float: left; width: 550px; }
	#main-right { float: right; width: 198px; border-left: solid #ffffff 1px; }
	
	#main-left { float: left; width: 198px; border-right: solid #ffffff 1px; }
	#main-centerright { float: right; width: 550px; }
	
	#main-centerone { width: 750px; }
	
	.content { width: 520px; margin: 15px; }
	.contentone { padding: 15px; }

	#footer { text-align: left; width: 750px; height: 30px; background: url('../img/bkg-menu.gif') repeat-x; border: solid #ffffff 5px; border-top: none; }
	
	#logo { text-align: center; height: 70px;margin:20px 0 0 1px }
	#logo-img { border: none; }

	.submenu { border-bottom: solid #ffffff 1px; }
	.submenu ul { padding: 12px 0 0 0; list-style-image: url('../img/bullet.gif'); }
	.submenu ul ul { padding: 0; }
	
	.submenu ul li a { font-weight: normal; text-decoration: none; color: #222222; }
	.submenu ul li.active a { font-weight: bold; color: #993300; }
	.submenu ul li.active li a { font-weight: normal; color: #222222; }
	.submenu ul li.active li.active a { font-weight: bold; color: #993300; }
	.submenu ul li.active li.active li a { font-weight: normal; color: #222222; }
	.submenu ul li.active li.active li.active a { font-weight: bold; color: #993300; }
	.submenu ul li li li li { display: none; }
	.submenu dl {padding:12px}
	.submenu dt {color:#993300; font-size:18px}
	.submenu ul li ul {display:none}
	.submenu ul li.active ul {display:block}

	.panel-info { border-bottom: solid #ffffff 1px; }
	.panel-info dl { padding: 12px; }
	.panel-info dt { color: #993300; font-size: 18px; }
	.panel-info dd { padding-top: 12px; }

	.tmenu { margin: 50px 0 0 120px; }
	.tmenu ul { }
	.tmenu ul li { padding-right: 10px; }
	.tmenu ul li a { font-weight: bold; color: #000000; font-size: 10px; }
	
	.mmenu { padding: 7px 0 0 15px; }
	.mmenu ul {  }
	.mmenu ul li { padding: 0 20px 0 20px; border-left: solid #000000 1px; }
	.mmenu ul li.first { padding: 0 20px 0 0; border-left: none; }
	.mmenu ul li a { color: #ffffff; font-weight: bold; text-decoration: none; }
	.mmenu ul li.active a { text-decoration: underline; }
	.mmenu ul li.sfhover a { color: #c69c6d; }
	
	.company-copyright { color: #ffffff; padding: 7px 0 0 15px; }
	
	.chapters { width: 250px; background: #f7f7f7; float: left; margin-bottom: 20px; border: solid #c9c2c1 1px; }
	.chapters dl { padding: 10px; }
	.chapters dt { height: 32px; font-size: 18px; }
	.chapters dd { }
	
	.search { }
	.search .search-button { width: 50px; height: 22px; border: solid #000000 1px; }
	.search .search-input { width: 120px; height: 18px; border: solid #000000 1px; background: #ffffff; padding: 2px 2px 0 2px; margin-right: 5px; vertical-align: top; }

	.comment blockquote p { color: #000000; }
	
	.gallery { background: #f7f7f7; border: solid #c9c2c1 1px; }
	.gallery a img { border: solid #000000 2px; }
	
	.pager {line-height:25px; margin-bottom:1em;}
	.pager .previous {position:absolute; margin-left:100px;}
	.pager .next {position:absolute; margin-left:310px;}
	.pager .position {position:absolute; margin-left:245px;}
	.pager .pages {text-align:center;}
	.pager .page {border:1px solid #ccc; text-decoration:none; padding:3px; margin:0 1px 0 1px; color:#000;}
	.pager .page.active {background:#333;color:#eee; padding:3px 4px 3px 4px;}
	
	.product.full { color: #222222; }
	.nologo #logo {display:none;}
}
@media print {
	.np, .noprint {display:none}
}