body { height: 100%; margin: 0; padding: 0; text-align: center; font: 11px Arial, Helvetica, "Trebuchet MS", Tahoma, sans-serif; color: #000; }
body:after { content: "."; display: block; clear: both; line-height: 0; height: 0; color: #fff; }

img { border: 0; }

/* remove outline */
a, a:hover, a:active, a:focus { outline: 0 none; }
input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] { border: 1px dotted transparent; } 

/* layout full screen size */
.layoutfull { position: relative; width: 100%; margin: 0; padding: 0; }
	/* layout properties */
	.layoutie6sucks { min-height: 54px; height: auto !important; height: 54px; margin: 0; padding: 0; border-bottom: 3px solid #fff41f; background: #fffbb2; z-index: 1; }
	.layoutbgtop { margin: 0; padding: 0; background: #9acedd /*95ccf3 9acedd*/; z-index: 1; }
	.layoutbgblack { margin: 0; padding: 0; background: #b8c7d6 /*url('../img/catalog-firme/bg-carousel.gif') repeat-x*/; z-index: 0; }
	.layoutbgbody { background: #fff url("../img/catalog-firme/bg-body.gif") repeat-x; }
	
	/* IE 6 sucks */
	.ie6sucks { width: 1000px; font-size: 12px; text-align: left; }
	.ie6sucks div { float: right; margin: 3px 10px 3px 0; }
	.ie6sucks img { margin-right: 3px; vertical-align: middle; }
	.ie6sucks p { margin-top: 10px; }
	
	/* top */
	#header { position: relative; width: 1000px; height: 204px; margin: 0 auto; padding: 0; text-align: left; z-index: 1; }
		
		/* header top */
		#hdtop {
			position: absolute; width: 1000px; height: 28px; top: 0; left: 0;
			background: url('../img/catalog-firme/bg-hd-top.gif') repeat-x left bottom; color: #fff; z-index: 2;
		}
			
			/* beta version */
			#beta {
				position: absolute; width: 105px; height: 21px; top: 0; left: 18px; padding-top: 4px; padding-left: 5px;
				background: url('../img/catalog-firme/beta.gif') no-repeat; text-align: center; color: #fff; z-index: 5;
			}
			#beta a { position: relative; margin-left: 7px; text-decoration: underline; color: #183d8e; }
				
				/* tooltip */
				#beta a.css3tooltip { position: relative; margin: 0; background: transparent; text-decoration: none; color: #fff; z-index: 6; }
				#beta a.css3tooltip:hover { background-color: #ffe; }
				#beta a.css3tooltip span { display: none; margin-left: 0; padding: 2px 3px; z-index: 100; }
				#beta a.css3tooltip:hover span {
					display: block; position: absolute; width: 204px; top: 0; left: 0; border: 1px solid #ddd;
					background: #f4faff; text-decoration: none; color: #2c4ed7;
				}
			
			/* header middle links */
			#mlinks { position: absolute; top: 5px; left: 38%; color: #acd4f1; }
			#mlinks a { text-decoration: underline; color: #0000b6; }
			#mlinks a:hover { text-decoration: none; color: #0664ff; }
			
			/* header login links */
			#loglinks { position: absolute; width: 425px; top: 5px; right: 18px; text-align: right; color: #acd4f1; }
			#loglinks a { text-decoration: underline; color: #0000b6; }
			#loglinks a:hover { text-decoration: none; color: #0664ff; }
			#loglinks span { color: #000; }
			#loglinks strong { font-size: 12px; color: #c10000; }
			#loglinks img { vertical-align: middle; }
		
		/* logo text */
		#logo-text { position: absolute; top: 38px; left: 75px; z-index: 1; }
		#logo-text h1 { margin: 0; padding: 0; font-weight: bold; font-size: 28px; }
		#logo-text h1 a { text-decoration: none; color: #0a44a4; }
			
			/* logo text shadow */
			#logo-text-shadow { position: absolute; top: 40px; left: 77px; z-index: 0; }
			#logo-text-shadow h1 { margin: 0; padding: 0; font-weight: bold; font-size: 28px; color: #c6dff7; }
		
		/* slogan */
		#slogan { position: absolute; top: 67px; left: 77px; }
		#slogan h1 { margin: 0; padding: 0; word-spacing: 1px; letter-spacing: 1px; font: bold 12px Tahoma; color: #fff; }
		
		/* slogan keywords */
		#slogkey { position: absolute; top: 38px; left: 320px; }
		* html #slogkey { top: 48px; }
		#slogkey h1 { font-size: 16px; color: #6c03d7; }
		#slogkey h1 span { font-style: italic; font-size: 14px; color: #4a1581; }
		
		/* logo image */
		#logo-forum-firme { position: absolute; top: 32px; left: 10px; z-index: 0; }
		
		/* header center */
		#hdcenter {
			position: absolute; width: 1000px; height: 54px; top: 100px; left: 0;
			background: url('../img/catalog-firme/bg-hd-bottom.gif') repeat-x left bottom; color: #fff; z-index: 12;
		}
			
			/* Inset 3D Raised */
			.raised { position: relative; float: left; margin: 0; padding: 0; background: transparent; z-index: 12; }
			
			.raised .top, .raised .bottom { display: block; background: transparent; font-size: 1px; }
			.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b { display: block; overflow: hidden; }
			.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b { height: 1px; }
			
			.raised .b2 { background: #83b9de; border-left: 1px solid #bbd1e1; border-right: 1px solid #bbd1e1; }
			.raised .b3 { background: #83b9de; border-left: 1px solid #bbd1e1; border-right: 1px solid #bbd1e1; }
			.raised .b4 { background: #83b9de; border-left: 1px solid #bbd1e1; border-right: 1px solid #bbd1e1; }
			.raised .b4b { background: #83b9de; border-left: 1px solid #bbd1e1; border-right: 1px solid #eee; }
			.raised .b3b { background: #83b9de; border-left: 1px solid #bbd1e1; border-right: 1px solid #eee; }
			.raised .b2b { background: #83b9de; border-left: 1px solid #bbd1e1; border-right: 1px solid #eee; }
			
			.raised .b1 { margin: 0 5px; background: #bbd1e1; }
			.raised .b2, .raised .b2b { margin: 0 3px; border-width: 0 1px; }
			.raised .b3, .raised .b3b { margin: 0 2px; }
			.raised .b4 { height: 2px; margin: 0 1px; }
			.raised .b4b { height: 2px; margin: 0 1px; }
			.raised .b1b { margin: 0 5px; background: #eee; }
			.raised .boxcontent { background: #83b9de; border-left: 1px solid #bbd1e1; border-right: 1px solid #eee; }
				
				/* width */
				.raisefreead { width: 232px; padding-left: 18px; text-align: center; }
				.raisefreead img { margin: 7px auto 0; }
				.raisesearch { width: 528px; margin-left: 8px; }
				.raisemotto { position: absolute; width: 188px; top: 34px; right: 18px; text-align: center; }
				.raisemotto img { margin: 6px auto 0; }
				
				/* height */
				.raisebigh { height: 36px; }
				.raisehmotto { height: 102px; }
				
				/* background */
				.raised .raisebgarrow { background: #83b9de url('../img/arrows/arrow-menu.gif') no-repeat center 0; }
		
		/* search bar */
		#searchzone { position: relative; height: 25px; padding: 3px 2px 2px 3px; z-index: 12; }
			
			/* search input */
			#search {
				position: absolute; top: 5px; left: 8px; width: 273px; height: 28px; border: 1px solid #dcdcdc;
				background: #fff url('../img/catalog-firme/combo/bg-search-field.gif') repeat-x bottom;
			}
			#search input { width: 270px; height: 14px; margin: 5px 0 0 2px; border: none; background: none; font-size: 13px; }
			
			/* combo */
			.combo_container { position: absolute; top: 5px; left: 291px; color: #000; }
			.combo_button {
				position: absolute; height: 20px; width: 124px; padding: 7px 10px 3px;
				background: #fff url('../img/catalog-firme/combo/bg-dropdown.gif') no-repeat bottom right; font-size: 14px; cursor: pointer;
			}
			.combo_button:hover { text-decoration: underline; }
			.combo_content {
				display: none; position: absolute; width: 137px; margin: 30px 0 0 0; padding: 3px; border: 1px solid #ccc; 
				background: #fcfbfb; overflow: auto; z-index: 15;
			}
			.combo_content ul { margin: 0; padding: 0; list-style-type: none; z-index: 15; }
			.combo_content ul li { padding: 5px 3px 0; height: 20px; font-size: 14px; cursor: pointer; }
			.combo_content ul li a { width: 116px; padding: 0 10px; }
			.combo_content ul li:hover { background: #f2f2f2; color: #1d97ff; }
			
			/* search button */
			#search-button { position: absolute; height: 20px; margin: 5px 5px 0 0; top: 0; right: 3px; color: #0076a3; cursor: pointer; z-index: 1; }
			
		/* logger */
		#logger { position: absolute; width: 182px; height: 103px; top: 10px; right: 0; text-align: center; color: #123ea2; vertical-align: middle; }
			
			/* logimage */
			#logimage { position: relative; clear: both; margin: 0 auto; }
			#logimage img { max-width: 48px; max-height: 48px; padding: 2px; border: 1px solid #84a4bb; }
			
			/* my account */
			#top-my-account { position: absolute; bottom: 6px; left: 45px; }
		
		/* menus bar */
		#menu {
			position: absolute; width: 998px; height: 36px; top: 160px; left: 0; margin: 0; padding: 0;
			border-right: 1px solid #e2e2e2; border-bottom: 4px solid #025090; border-left: 1px solid #e2e2e2;
			background: url("../img/catalog-firme/menu/bg.gif") repeat-x; z-index: 10;
		}
			
			/* left menu */
			.menu-left { width: 100%; top: 0; left: 0; }
			.menu-left ul {
				display: block; position: absolute; width: auto; height: 36px; margin: 0; padding: 0; list-style: none;
				text-transform: uppercase; font: bold 11px Helvetica, Arial; z-index: 10;
			}
			.menu-left ul li { display: block; float: left; margin: 0; padding: 0; }
			.menu-left ul li a {
				display: block; float: left; height: 24px; padding: 12px 6px 0 6px; 
				background: url("../img/catalog-firme/menu/divider.gif") no-repeat top right; text-decoration: none; color: #2e4c84;
			}
			.menu-left ul li a:hover { background: url("../img/catalog-firme/menu/hover.gif") no-repeat top right; color: #0000b6; }
			.menu-left ul li a.selected, ul.menu-left li a.selected:hover { background: url("../img/catalog-firme/menu/on.gif") no-repeat top right; color: #fff; }
			
			/* right menu */
			.menu-right { position: absolute; margin: 0; top: 3px; right: 0; padding: 0; z-index: 10; } 
			.menu-right ul { margin: 0; padding: 0; list-style-type: none; }
			.menu-right li { display: inline; margin: 0; }
			.menu-right li a {
				display: block; float: left; margin: 0; padding: 8px 4px 8px; border-left: 1px solid #c8d1f6; text-decoration: none; font-size: 12px; color: #2c4ed7;
			}
			.menu-right li a:hover, .menu-right li a.selected { text-decoration: underline; color: #2d4fd5; }
	
	/* black container */
	#carousel {
		position: relative; width: 1000px; min-height: 160px; height: auto !important; height: 160px; margin: 0 auto; padding: 0;
		text-align: left; background: #024e84/*007fd9*/; z-index: 0;
	}
	
	/* container */
	#container {
		position: relative; clear: both; width: 984px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; padding: 5px;
		border-style: solid; border-width: 5px 3px 3px 3px; border-color: #d1dbe5 #eee #eee #eee; background: #fff; text-align: left; z-index: 0;
	}
	#container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 0; }
	html[xmlns] #container { display: block; }
	* html #container { height: 1%; }
		
		/* here */
		.here { clear: both; width: auto; height: 20px; margin: 0 0 5px 0; padding: 5px 0; border: 1px solid #dce1ed; }
		.here span { height: 30px; margin: 0; padding: 5px 15px 10px 5px; font-weight: bold; font-size: 11px;
		background: url("../img/catalog-firme/bg-here.gif") no-repeat bottom right; color: #2b2b2b; }
		.here span a { text-decoration: none; font-weight: normal; color: #000/*008bed*/; }
		.here span a:hover { text-decoration: underline; color: #000; }
		
		/* left panel */
		#left { clear: both; position: relative; float: left; width: 715px; height: auto; margin: 0; padding: 0; /*font-size: 12px;*/ }
		#left > [href] { font-family: Arial, Tahoma; color: #696969; }
		#left > [href]:hover { color: #000; }
		
		/* right panel */
		#right { float: right; position: relative; width: 250px; height: auto; margin: 0 0 0 5px; padding: 5px; border: 1px solid #ddd; background: #eff6ff; }
		#right form { margin: 0; text-indent: 0; word-spacing: 0; }
		#right > [href] { font-family: Arial, Tahoma; color: #696969; }
		#right > [href]:hover { color: #000; }
			
			/* right categories */
			.cattitle {
				clear: both; margin: 0; padding: 3px; border-right: 1px solid #afafaf; border-bottom: 1px solid #afafaf;
				background: #cfe5fa; text-transform: uppercase; font-weight: bold; color: #3156a3;
			}
			.catinner { clear: both; position: relative; height: 100%; margin: 0 0 5px 0; padding: 3px; }
			
	/* footer */
	#footer {
		position: relative; clear: both; width: 980px; min-height: 100px; height: auto !important; height: 100px; margin: 0 auto 5px; padding: 10px 10px 0;
		background: #fff url("../img/catalog-firme/bg-footer.gif") repeat-x; text-align: left; font-size: 11px; color: #432B91; z-index: 0;
	}
		
		/* footer areas */
		.ftcat { position: relative; float: left; width: 100%; padding: 5px; }
		.ftcat h2 { margin: 0 0 5px; padding: 0 0 2px; border-bottom: 2px solid #e70a0a; font-weight: bold; font-size: 13px; color: #432B91; }
		.ftcat ul { margin: 5px 0 0; padding: 0; }
		.ftcat ul li { list-style: none; line-height: 22px; background: url('../img/catalog-firme/bg-ftcat.gif') repeat-x left bottom; }
		.ftcat ul li a { text-decoration: none; font-size: 12px; color: #432B91; }
			
			.ftcat div { line-height: 18px; color: #432B91; }
			.ftcat div a { color: #000; }
			.ftcat div#social { margin-top: 10px; }
			.ftcat div#social ul { margin: 0; padding: 0; }
			.ftcat div#social ul li {
				display: inline; float: left; min-height: 80px; height: auto !important; height: 80px; line-height: 22px;
				margin: 0; padding: 0 10px 0 5px; border-right: 1px solid #eee;
			}
			
			.ftcat div#social ul li em { display: block; color: #aaa; }
			
			/* width */
			.list { width: 150px; /*margin-right: 5px;*/ }
			.copyright { width: 490px; /*margin-right: 0;*/ }
			
			/* main categories */
			ul.ftimp li a { font-weight: bold; color: #432B91; }
		
		/* validation */
		#validation { position: absolute; margin: 0; top: 15px; right: 15px; padding: 0; }
		#validation a { margin: 0; padding: 2px; text-decoration: none; color: #fff; }
		#validation a.html { background: #954ae0; font-size: 10px; }
		#validation a.html:hover { background: #95ccf3; }
		#validation a.css { background: #95ccf3; font-size: 10px; }
		#validation a.css:hover { background: #954ae0; }
		
		/* footer notice */
		#ftnotice { position: relative; clear: both; width: 970px; margin: 0; padding: 5px 0; font-style: italic; color: #5b5b5b; }
		#ftnotice b { color: #33538e; }
		
			/* go top*/
			#gotop { position: relative; float: right; margin: -2px 0 0; padding: 0; text-align: right; }
			#gotop a { padding-left: 15px; background: url('../img/arrows/arrow-go-top.gif') no-repeat; text-decoration: none; color: #000; }
			#gotop a:hover { text-decoration: underline; color: #000; }
		
	/* web design author */
	#creator { position: relative; clear: both; min-height: 100%; height: auto !important; height: 100%; margin: 0; padding: 5px 0; color: #6370a7; z-index: 0; }
	#creator a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creator a:hover { color: #5e9f1f; }
	#creator em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creator strong { color: #000; }
	
	/* navigator */
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 3px 5px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 3px 5px; border: 1px solid #0765cf; background: #0279ff; color: #fff; } 
	.navigator input {
		width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
		font-weight: bold; font-size: 11px;
	}
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }

	/* tooltip bg icon */
	a.ico-help { position: relative; display: inline-block; width: 16px; height: 16px; background: url('../img/icons/icon-help.gif') no-repeat; color: #fff; }
	* html a.ico-help { padding-bottom: 3px; }
	
/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

/* search highlight */
.highlight { padding: 2px 2px; background: #fff778; color: #000; }

/* site messages */
.msg-success, .msg-warning, .msg-error, .msg-tip {
	display: block; clear: both; min-height: 25px; height: auto !important; height: 25px; margin: 5px 0; padding: 5px; font-size: 11px;
}
.msg-success big, .msg-warning big, .msg-error big, .msg-tip big { font-weight: bold; font-size: 12px; }
.msg-success { padding-left: 38px; border: 1px solid #87d30e; background: #e7ffb2 url('../img/icons/message-success.gif') no-repeat 5px 5px; color: #3d9711; }
.msg-warning { padding-left: 38px; border: 1px solid #f2cf6f; background: #fff1b8 url('../img/icons/message-warning.gif') no-repeat 5px 5px; color: #d87b0e; }
.msg-error { padding-left: 38px; border: 1px solid #c07e7e; background: #ffe3e4 url('../img/icons/message-error.gif') no-repeat 5px 5px; color: #df0510; }
.msg-tip {
	min-height: 18px; height: auto !important; height: 18px; padding: 4px 0 0 22px; border: 1px solid #fff778;
	background: #fffdcc url('../img/icons/message-tip.gif') no-repeat 2px 1px; color: #000;
}
.msg-tip em { font-style: normal; }