@media screen, handheld, projector{

	html{height:100%;margin:0;padding:0;text-align:center;background:#564f3b url('../images/canvas.png') repeat-x;color:#ccc}
	body{height:100%;margin:0 auto;padding:0;width:1004px;position:relative;text-align:left;font:normal 13px/20px verdana,tahoma,sans-serif}

	a{color:#ccc}
	a:hover{color:#6fc;text-decoration:none}
	a.adminEdit img{padding:0 0 0 6px;border:none;width:15px !important;height:12px !important}

	div#wrapper{position:relative;min-height:100%}

	h1#logo{border-bottom:1px solid #3e3d31;margin:0 16px;padding:0;height:51px;text-align:center;background:url('../images/retail-logo.png') no-repeat 50% 0}
	h1#logo a{display:block;margin:0 auto;position:relative;width:216px;height:100%;overflow:hidden;line-height:999em}

	ul#menu{margin:0;padding:0;position:absolute;top:26px;left:16px;width:300px;list-style:none;height:17px;overflow:hidden}
	ul#menu li{margin:0 15px 0 0;padding:0;float:left;height:100%;overflow:hidden}
	ul#menu li a{display:block;line-height:999em;height:100%;background:url('../images/tilemap-menu.png') no-repeat 0 0}
	ul#menu li#home    a{width:51px;background-position:0      0}
	ul#menu li#brands  a{width:58px;background-position:-100px 0}
	ul#menu li#contact a{width:69px;background-position:-300px 0}
	ul#menu li#home        a:hover{background-position:0      -100px}
	ul#menu li#brands      a:hover{background-position:-100px -100px}
	ul#menu li#contact     a:hover{background-position:-300px -100px}
	ul#menu li#home       strong a{background-position:0      -200px}
	ul#menu li#brands     strong a{background-position:-100px -200px}
	ul#menu li#contact    strong a{background-position:-300px -200px}

	p#backToBuhjah{position:absolute;top:26px;right:16px;margin:0;padding:0;width:200px;text-align:right;font-size:11px}
	p#backToBuhjah a{color:#999;text-decoration:none}
	p#backToBuhjah a:hover{color:#0c9}

	div#narrowContent{padding:76px 256px 80px;color:#ccc}
	div#narrowContent strong,
	div#narrowContent b{color:#fff}
	div#narrowContent h1{font:normal 18px verdana,tahoma,sans-serif;color:#6fc;margin:0}
	div#narrowContent p{margin:0 0 8px}
	div#narrowContent form{margin:28px 0 0;padding:0}
	div#narrowContent form p.notice{padding:8px;border:1px solid #726C5B;font-weight:bold;margin:16px 0}
	div#narrowContent form table{border-collapse:collapse;display:block}
	div#narrowContent form table td{background:#726c5b;width:254px}
	div#narrowContent form table td.label{width:104px;background:none}
	div#narrowContent form table td{border-bottom:1px solid #726c5b;vertical-align:top}
	div#narrowContent form table td label{display:block;margin:16px 0 0}
	div#narrowContent form table td input,
	div#narrowContent form table td textarea{font:normal 13px/20px verdana,tahoma,sans-serif;width:236px;height:20px;background:#FFF;border-width:0;border:none;margin:16px 0 1px 8px}
	div#narrowContent form table td textarea{height:auto;overflow:auto}
	div#narrowContent form p.buttons{margin:0 0 0 106px;border-top:11px solid #726c5b;width:256px;display:inline-block;color:#999;padding:12px 0 0;text-indent:2px}
	div#narrowContent form p.buttons button{cursor:pointer;border:none;background:none;margin:0;padding:0;overflow:hidden;height:16px;color:#00d3aa;font:normal 12px verdana,tahoma,sans-serif}
	div#narrowContent form p.buttons button:hover{text-decoration:underline}

	p#categories{position:absolute;padding:0;margin:0;width:800px;top:58px;left:16px}
	p#categories a{color:#999;text-decoration:none}
	p#categories a:hover{color:#3c9}
	p#categories strong a{color:#6fc;font-weight:normal}

	div#brandsContent{margin:0;padding:74px 0 80px 16px;overflow:auto}
	div#brandsContent div{width:236px;height:248px;overflow:hidden;float:left;margin:0 8px 0 0;text-align:center;font-size:11px;line-height:16px}
	div#brandsContent div img{width:236px;height:176px}
	div#brandsContent div p{margin:4px 0 0;padding:0}

	p#footer{zoom:1;position:relative;margin:-40px 16px 0;padding:8px 0 8px;font-size:9px;text-align:center;color:#999;border-top:1px solid #726c5b}
	p#footer a{color:#999;text-decoration:underline}
}

@media print{

	html{font:normal 1em georgia, times, serif}
	h1{font-size:1.3em;border-bottom:2px solid #000}
	h1 a{color:#000;text-decoration:none}
	h2{font-size:1.2em}
	a{color:#008;border-bottom:1px dotted #000}

	ul#menu, p#categories, p#backToBuhjah, a.adminEdit{display:none}
}