@charset "utf-8";
@import url("styles/reset-fonts-grids.css");

html
{
	background: 			    #333 url("images/backgrounds/html.gif");
	margin:						2.5em 0;
}

body {
	*margin:						2.5em 0;
}

#doc4
{
	background:				    #fff url("images/backgrounds/doc.gif") top center no-repeat;
}

.yui-t2 .yui-b
{
	width:						16.8461em;
}

.yui-t2 #yui-main .yui-b {
	margin-left:			    17.8461em;
	padding-bottom:             10px;
}

.yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first {
	width:						31%;
}

.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u {
	width:						67.2%;
}

#hd
{
	margin:						0 5px;
	padding:					5px 5px 0 5px;
	border-top:				    1px solid #bbb;
	border-left:			    1px solid #bbb;
	border-right:			    1px solid #bbb;
	*margin:						0 5px;
	*padding:					0 5px;
	*left: 5px;
	background:				    #fff url("images/backgrounds/hd.gif") top repeat-x;
}

#mm
{
	float:						right;
	margin:						-1px 0 0 0;
}

#mm li
{
	float:						left;
	width:						90px;
	height:						50px;
}

#mm li a
{
	display:					block;
	font-size:				    95%;
	font-family:			    trebuchet ms, arial, tahoma, helvetica, serif;
	font-weight:			    bold;
	text-transform:		        uppercase;
	text-decoration:	        none;
	letter-spacing:		        -0.5pt;
	color:						#4b5b5a;
	width:						80px;
	height:						25px;
	padding:					30px 0 10px 10px;
}

#mm li a:hover
{
	color:						#1192d6;
}

.mmhref
{
}

a.mmhref0
{
	background:				    url("images/backgrounds/mmhref0.gif") top left no-repeat;
}

a.mmhref0:hover, a.mmhref0.mmhrefactive
{
	background:				    url("images/backgrounds/mmhref0a.gif") top left no-repeat;
}

a.mmhref1
{
	background:				    url("images/backgrounds/mmhref1.gif") top left no-repeat;
}

a.mmhref1:hover, a.mmhref1.mmhrefactive
{
	background:				    url("images/backgrounds/mmhref1a.gif") top left no-repeat;
}

a.mmhref2
{
	background:				    url("images/backgrounds/mmhref2.gif") top left no-repeat;
}

a.mmhref2:hover, a.mmhref2.mmhrefactive
{
	background:				    url("images/backgrounds/mmhref2a.gif") top left no-repeat;
}

a.mmhref3
{
	background:				    url("images/backgrounds/mmhref3.gif") top left no-repeat;
}

a.mmhref3:hover, a.mmhref3.mmhrefactive
{
	background:				    url("images/backgrounds/mmhref3a.gif") top left no-repeat;
}

a.mmhref4
{
	background:				    url("images/backgrounds/mmhref4.gif") top left no-repeat;
}

a.mmhref4:hover, a.mmhref4.mmhrefactive
{
	background:				    url("images/backgrounds/mmhref4a.gif") top left no-repeat;
}

a.mmhref5
{
	background:				    url("images/backgrounds/mmhref5.gif") top left no-repeat;
}

a.mmhref5:hover, a.mmhref5.mmhrefactive
{
	background:				    url("images/backgrounds/mmhref5a.gif") top left no-repeat;
}

a.mmhref6
{
	background:				    url("images/backgrounds/mmhref6.gif") top left no-repeat;
}

a.mmhref6:hover, a.mmhref6.mmhrefactive
{
	background:				    url("images/backgrounds/mmhref6a.gif") top left no-repeat;
}

#logo
{
	margin:						10px;
}

.b-ott
{
	border-top:				1px solid #eee;
}

.b-otb
{
	border-bottom:		1px solid #eee;
}

.b-int
{
	border-top:				1px solid #aaa;
}

.b-inb, .b-inbN
{
	border-bottom:		1px solid #aaa;
}

.b-ots
{
	border-left:			1px solid #eee;
	border-right:			1px solid #eee;
	margin:						0 0 0 2px;
	text-align:				center;
}

.b-ins, .b-insN
{
	border-left:			1px solid #aaa;
	border-right:			1px solid #aaa;
	margin:						0 0 0 -2px;
	background:				#fff;
}

.b-inbN
{

}

.b-insN
{
	margin:						0 1px 0 1px;
}

#ssp
{
	*display:					block;
	width:						925px;
	height:						200px;
	margin:						10px 0 0 10px;
	*padding:					10px 0 0 10px;
	border:						1px solid #eee;
	*border:					none;
}

#sspv
{
	width:						210px;
	height:						200px;
	margin:						0 0 1em 0;
	border:						1px solid #eee;
	*border:					none;
}

#brands
{
	margin:						10px 0 0 10px;
}

#brands li
{
	float:						left;
	width:						132px;
}

#bd
{
	margin:						0 5px;
	padding:					0 5px;
	border-left:			1px solid #bbb;
	border-right:			1px solid #bbb;
}

#bd div.left
{
	padding:					0 10px 1em 15px;
	color:						#666;
	text-align:				left;
	font-size:				90%;
}

h1
{
	font-size:				18px;
	font-weight:			bold;
	margin:					0 0 0.5em 0;
	color:					#00a2c3;
}

h2
{
	font-size:				135%;
	font-weight:			bold;
	letter-spacing:		-0.1em;
	border-bottom:		1px solid #eee;
	margin:						1.5em 0 0.5em 0;
	color:						#00A2C3;
}

h4
{
    font-weight:        bold;
    margin-top:         0.5em;
    margin-bottom:      0.5em;
}

li h2
{
	font-size:				115%;
	font-weight:			normal;
	letter-spacing:		0;
	border-bottom:		none;
	margin:						0 0 0.5em 0;
	*display: 				inline;
}

a
{
	color:            #666666;
}

a:hover
{
    color:    			#00A2C3;
}

h2 a
{
	text-decoration:	    none;
	margin:					0 0 0 0.5em;
	letter-spacing:		    -0.5pt;
	font-weight:			bold;
	font-size:				90%;
	color:					#5a7089;
}

h2.aclass
{
    font-size:				110%;
	font-weight:			bold;
	letter-spacing:		    0;
	border-bottom:		    1px solid #eee;
    text-decoration:	    none;
	margin:					0 0.75em 0.75em 0;
	color:					#5a7089;
}

input, select, textarea
{
    border:             1px solid #ccc;
    background:         #eee;
}

#ft
{
	color:						#999;
	font-size:				85%;
	padding:					10px;
	margin:						0 5px;
	border-left:			1px solid #bbb;
	border-right:			1px solid #bbb;
	border-bottom:		1px solid #bbb;
	background:				#fff url("images/backgrounds/ft.gif") bottom repeat-x;
}

#ft #sm
{
	float:						right;
}

#ft ul
{
}

#ft li
{
	float:						left;
}

#ft a
{
	color:						#7b7b7b;
	text-decoration:	none;
}

#ft a:hover
{
	color:						#1192d6;
	text-decoration:	underline;
}


/*
/	GRAPHIC ELEMENTS
/	--------------------------------------------------
*/

div.om-gfx-tl
{
	background:				url("images/backgrounds/corners/tl.gif") no-repeat 0 0;
}

div.om-gfx-tr
{
	background:				url("images/backgrounds/corners/tr.gif") no-repeat 100% 0;
}

div.om-gfx-bl
{
	background:				url("images/backgrounds/corners/bl.gif") no-repeat 0 100%;
}

div.om-gfx-br
{
	background:				url("images/backgrounds/corners/br.gif") no-repeat 100% 100%;
}

#doc4 div.om-gfx-tl
{
	background:				url("images/backgrounds/corners/html/tl.gif") no-repeat 0 0;
}

#doc4 div.om-gfx-tr
{
	background:				url("images/backgrounds/corners/html/tr.gif") no-repeat 100% 0;
}

#doc4 div.om-gfx-bl
{
	background:				url("images/backgrounds/corners/html/bl.gif") no-repeat 0 100%;
}

#doc4 div.om-gfx-br
{
	background:				url("images/backgrounds/corners/html/br.gif") no-repeat 100% 100%;
}

.shadow
{
	font-size:				25px;
	height:					25px;
	background:				#fff url("images/backgrounds/brands.gif") top center no-repeat;
}

/*
/	COMMON ITEMS DEFINITIONS
/	--------------------------------------------------
*/

.om-gray
{
	float: 					left;
	font-family: 			Georgia, Times New Roman, Serif;
	font-size: 				90%;
	color: 					#808080;
	border-right: 		    2px dotted #ccc;
	background:				url("images/ico/news.gif") no-repeat;
	padding:				0 0.75em 0 1.75em;
	margin:                 0 0.75em 0 0;
}

.om-right
{
	margin: 					1em 0 0 0;
	border-top: 			1px dotted #eee;
	padding: 					0.25em 0 0 0;
	text-align: 			right;
	font-size: 				80%;
	text-transform: 	uppercase;
	margin: 					1em 0;
}

.om-right a
{
	text-decoration: 	none;
	color:						#9bcdfc;
}

.om-spacer, .om-spacer-small, .om-spacer-tiny
{
	font-size:				1px;
	clear:						both;
	height:						15px;
}

.om-spacer-small
{
	height:						5px;
}

.om-spacer-tiny
{
	height:						1px;
}

.om-smallitem p
{
    padding:                10px 0 0 0;
}

.om-smallitem em
{
    color:                  #00A2C3;
}

.b-ots
{
	text-align: 			left;
}

.folderup, .pdf, .xls
{
	display:			    block;
	font-size:			    95%;
	text-transform:		    uppercase;
	margin:				    0.35em 0;
	padding:			    0.35em 0 0.35em 1.5em;
	text-decoration:	    none;
	font-weight:            bold;
	background:			    url("images/ico/folder.gif") top left no-repeat;
}

.folder
{
	display:			    block;
	font-size:			    95%;
	text-transform:		    uppercase;
	margin:				    0.35em 0;
	padding:			    0.1em 0 0.35em 2em;
	text-decoration:	    none;
	font-weight:            bold;
	background:			    url("images/ico/folder.gif") top left no-repeat;
	color:									#5a7089;
}

.folderup
{
	background:				url("images/ico/back.gif") top left no-repeat;
	padding:				0 0 0.35em 1.5em;
}

.ktlfold
{
	background:             url("images/backgrounds/fldr.gif") top left no-repeat;
	padding:                0.1em 0 0 0.5em;
	border-top:		    			1px solid #ddd;
}

.pdf, .xls, .link
{
	display:			    block;
	font-size:			    95%;
	text-transform:		    uppercase;
	margin:				    0.35em 0;
	padding:			    0.1em 0 0.35em 2em;
	text-decoration:	    none;
	font-weight:            bold;
	background:				url("images/ico/pdf.gif") top left no-repeat;
	color:									#5a7089;
}

.xls
{
	background:				url("images/ico/xls.gif") top left no-repeat;
}

.link
{
	background:				url("images/ico/link.gif") top left no-repeat;
}

.folder:hover, .pdf:hover, .xls:hover, .link:hover
{
	color:						#00A2C3;
}

img.bodyimage
{
    padding: 					3px;
    background-color:           #fff;
}

img.bodyimagesolo
{
    border: 1px solid #cccccc;
    margin: 0 0 0 5px;
    padding: 2px;
    float: right;
}

img.bodyimagesole
{
    border: 1px solid #cccccc;
    margin: 0 5px 0 0;
    padding: 2px;
    float: left;
}

#images {

}

#images p {
	float: 							left;
	height: 						158px;
	width: 							95px;
	cursor: 						pointer;
	overflow: 				  hidden;
	background:         #fff28c url(images/backgrounds/katlisgrad01.gif) repeat-x bottom;
	font-size:					80%;
	font-weight:				normal;
	text-transform:			capitalize;
}

#images a
{
  font-weight:								bold;
  color:                      #7e4c12;
  cursor: 										pointer;
	text-decoration: 	        	none;
}

#images a:hover
{
	color: #a00;
}

#images img
{
	border-top:				1px solid #ccc;
	border-bottom:		1px solid #d98d35;
	padding: 					0 0 1px 0;
	height:						125px;
	width:						125px;
	overflow: 				hidden;
}

#images span
{
	margin:						0.25em;
}

#sbc
{
	padding: 					0 1em 0 0;
}

#lbc
{
	padding: 					0 0 0 1em;
}

#sfm
{
	margin:						0 0 2em 0;
}

#om-search-query
{
	width:						95%;
	border-top:				1px solid #ccc;
	border-right:			1px solid #eee;
	border-bottom:		1px solid #eee;
	border-left:			1px solid #ccc;
	background:				#eee;
	font-weight:			bold;
	color:						#00A2C3;
	padding:					0.15em 0.25em;
}

#om-search-link
{
	display: 				block;
	width: 					35%;
	margin:					0.5em 2px 0 0;
	background:				#00A2C3;
	padding:				0.25em;
	color:					#fff;
	font-weight:			bold;
	text-transform:		    uppercase;
	font-family:			tahoma, verdana, helvetica, serif;
	font-size:				80%;
	text-decoration:	    none;
	text-align:				center;
	float:					right;
	border-top:				1px solid #71b7d1;
	border-right:			1px solid #2f7e8d;
	border-bottom:		    1px solid #2f7e8d;
	border-left:			1px solid #71b7d1;
}

#om-search-link:hover
{
	color:					#fff;
	background:				#92a9b2;
	border-top:				1px solid #2f7e8d;
	border-right:			1px solid #71b7d1;
	border-bottom:		    1px solid #71b7d1;
	border-left:			1px solid #2f7e8d;
}

.om-search-link
{
	display: 				inline;
	margin:					0.5em 2px 0 0;
	background:				#00A2C3;
	padding:				0.25em;
	color:					#fff;
	font-weight:			bold;
	text-transform:		    uppercase;
	font-family:			tahoma, verdana, helvetica, serif;
	font-size:				80%;
	text-decoration:	    none;
	text-align:				center;
	border-top:				1px solid #71b7d1;
	border-right:			1px solid #2f7e8d;
	border-bottom:		    1px solid #2f7e8d;
	border-left:			1px solid #71b7d1;
}

.om-search-link:hover
{
	color:					#fff;
	background:				#92a9b2;
	border-top:				1px solid #2f7e8d;
	border-right:			1px solid #71b7d1;
	border-bottom:		    1px solid #71b7d1;
	border-left:			1px solid #2f7e8d;
}

.om-info {
	background:				#ffc;
	margin:						0 0 0.5em 0;
	padding:					4px;
	border:						1px dashed #5A7089;
}

#tab2 table {
	border-collapse:	separate;
	border-spacing:		1px;
}

#tab2 .om-info {
	text-align: 			center;
	margin:						0 0 1em 0;
}

#tab2 strong {
	font-weight:			bold;
}

#tab2 td {
	background:				#eee;
	padding:					3px;
	font-size:				90%;
}

#tab2 td.manufacturer {
	background:				#ccc;
	font-weight:			bold;
}

#tab2 td.td-top {
	background:				#00A2C3;
	color:						#fff;
	font-weight:			bold;
}

#bn-m {
	margin:						0 0 0 1.95em;
}

.srr
{
	padding:					0 0 1em 0;
}

.srhref
{
	color:					#666666;
	font-size:				115%;
	font-weight:			normal;
	letter-spacing:		    0;
}

.ktitl
{
	display:			    block;
	font-size:			    105%;
	text-transform:		    uppercase;
	margin:				    0.35em 0;
	padding:			    0.1em 0 0.35em 1.65em;
	text-decoration:	    none;
	font-weight:            bold;
	background:			    url("images/ico/folder.gif") top left no-repeat;
	color:									#5a7089;
}

div.imagine
{
  width: 					176px;
  margin: 					0 10px 10px 0;
  padding:                  0;
  border: 					1px solid #ccc;
  float: 					left;
}

div.imagine-r
{
  width: 					176px;
  margin: 					0 0 10px 10px;
  padding:                  0;
  border: 					1px solid #ccc;
  vertical-align:           bottom;
  float: 					right;
}

div.imagine2
{
  width:                    481px;
  margin: 					10px 10px 10px 0;
  padding:                  0;
  border: 					1px solid #ccc;
  float: 					left;
}

div.imagine2R
{
  width:                    456px;
  margin: 					10px 0 10px 10px;
  padding:                  0;
  border: 					1px solid #ccc;
  float: 					right;
}

div.cmmnt
{
    width:                  100%;
    background:             url("images/backgrounds/cmmnt.gif") repeat-x;
    background-color:       #eaf8fa;
    vertical-align:         bottom;
    margin:                 0;
    padding:                0;
    float:                  right;
}

div.bodycontent
{
	font-weight: 			normal;
	font-size: 				100%;
}

div.bodycontent u
{
	text-decoration: 	underline;
}

div.bodycontent strong, div.bodycontent b
{
	font-weight: 			bold;
}

div.bodycontent i, div.bodycontent em
{
	font-style: 			italic;
}

div.bodycontent blockquote, div.bodycontent ul
{
	margin: 					1em 2em;
}

div.bodycontent ul
{
	list-style: 			disc outside;
}

div.bodycontent h1
{
	font-weight: 			bold;
	font-size: 				125%;
}

div.bodycontent h2
{
	font-weight: 			bold;
	font-size: 				120%;
}

div.bodycontent h3
{
	font-weight: 			bold;
	font-size: 				115%;
}

div.bodycontent h4
{
	font-weight: 			bold;
	font-size: 				110%;
}

div.bodycontent h5
{
	font-weight: 			bold;
	font-size: 				105%;
}

div.bodycontent h6
{
	font-weight: 			bold;
	font-size: 				100%;
}