* {margin:0; padding:0;}
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object {border:0;}

body { background:#e5e5e5; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; color:#333; text-align:center; line-height:1.5em; font-size:100%; }

/* GLOBAL
------------------------------*/
p { margin:10px 0; font-size:1em; }
table, td { font-size:1em; }
input, select, textarea { outline:none; }

h2 { color:#313408; font-size:1.2em; padding:9px 0 3px 0; line-height:1.3em; font-weight:bold; margin:0; }
h3 { color:#313408; font-size:1.2em; padding:9px 0 1px 0; line-height:1.3em; font-weight:bold; margin:0; }
h4 { color:#313408; font-size:1.0em; padding:9px 0 1px 0; line-height:1.3em; font-weight:bold; margin:0; }

a { color:#96a324; text-decoration:underline; outline:none; }
a:hover { color:#96a324; text-decoration:none; }

.center { text-align:center; }
.t-right { text-align:right; }
.t-left { text-align:left; }

.f-right { float:right !important; }
.f-left { float:left !important; }

.nomp { margin:0 !important; padding:0 !important; }
.nobr { border:0 !important; }
.nobg { background:none !important; }
.noscreen, hr { display:none; }
.clear { width:100%; height:1px; font-size:0; clear:both; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:relative; width:510px; height:190px; font-size:1em; margin:0; padding:30px 0 0 30px; color:#333; background:url(../design/logo.png) no-repeat; }
	h1.comparison { background:url(../design/logo-comparison.png) no-repeat; }
	h1 a { color:#333; text-decoration:none; display:block; width:510px; height:190px; display:block; }
	h1 a:active, h1 a:hover { color:#333; text-decoration:none; }

/* LAYOUT
------------------------------*/
#all { width:800px; margin:0 auto; text-align:left; position:relative; padding:0 10px; border-left:6px solid #cecece; border-right:6px solid #cecece; background:#fff url(../design/bg.gif) repeat-y; font-size:0.75em; line-height:1.5em; }
#top { height:470px; background:url(../design/bg-top.jpg) 0 100% no-repeat; }
#container { width:800px; background:#fff url(../design/bg-container.gif) repeat-y; }

/* MENU
------------------------------*/
.menu { position:absolute; left:10px; top:470px; width:530px; padding:0 0 0 10px; height:50px; border-bottom:1px solid #e5e5e5; }
	.menu ul { list-style:none; margin:0; padding:0; height:50px; position:relative; }
	.menu ul li { list-style:none; float:left; width:auto; margin:0; padding:0; font-size:1em; position:relative; height:50px; line-height:50px; }
	.menu ul li a { float:left; display:block; color:#333; font-weight:bold; text-decoration:none; text-align:left; height:50px; padding:0 9px; text-transform:uppercase; }
	.menu ul li a:hover { text-decoration:underline; color:#96a324; }
	.menu ul li.active a { text-decoration:none; color:#96a324; }
	.menu ul li.active a:hover { cursor:default; }

/* CONTENT
------------------------------*/
#content { float:left; width:500px; padding:62px 20px 20px 20px; position:relative; background:#fff; }

#content ul { margin:0; padding:2px 0 8px 30px; list-style:disc; position:relative; }
#content ul li { padding:0; font-size:1em; list-style:disc; }
#content ol { margin:2px 0 8px 34px; padding:0; list-style:decimal; }
#content ol li { margin:0; padding:0; font-size:1em; }

/* GALLERY
------------------------------*/
.gallery { width:500px; position:relative; padding:30px 0 0 0; margin-top:30px; overflow:hidden; }
	.gallery p { font-weight:bold; text-transform:uppercase; position:absolute; top:0; left:0; margin:0; padding:0; }
	#content .carousel { margin:0; padding:0; height:90px; width:498px; }
	
	.jcarousel-container { padding:0 !important; width:498px; }
	.jcarousel-container-horizontal { width:498px; padding:0; height:90px; position:relative; }
	.jcarousel-clip-horizontal { width:498px; height:90px; overflow:hidden; }
	.jcarousel-item { width:498px; height:90px; float:left; display:block; overflow:hidden; }
	.jcarousel-item div { float:left; width:520px; overflow:hidden; }
	.jcarousel-item a { float:left; margin:0 12px 0 0; width:90px; height:90px; display:inline; }
	.jcarousel-item-horizontal { margin:0; }
	.jcarousel-prev-horizontal { top:-30px; right:25px; }
	.jcarousel-next-horizontal { top:-30px; right:0; }
	
	#display { position:absolute; padding:0; margin:0; top:0; right:60px; font-size:0.9em; text-align:right; width:100px; }
	
		.jcarousel-container { position: relative; }
		.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
		.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
		.jcarousel-list li, .jcarousel-item { float: left; list-style: none; }
		.jcarousel-next { z-index: 3; display: none; }
		.jcarousel-prev { z-index: 3; display: none; }
		
		.jcarousel .jcarousel-item-placeholder { background:#fff; }
		.jcarousel-container .jcarousel-next-horizontal { position:absolute; width:16px; height:17px; cursor:pointer; background-image:url(next-horizontal.gif); background-repeat:no-repeat; background-position:0 0; }
		.box-reference-b2 .jcarousel-container .jcarousel-next-horizontal { background:transparent url(next-horizontal-green.gif) no-repeat 0 0; }
		.jcarousel-container .jcarousel-next-horizontal:hover, .box-reference-b2 .jcarousel-container .jcarousel-next-horizontal:hover { background-position:-16px 0; }
		.jcarousel-container .jcarousel-next-horizontal:active, .box-reference-b2 .jcarousel-container .jcarousel-next-horizontal:active { background-position:-32px 0; }
		.jcarousel-container .jcarousel-next-disabled-horizontal, .jcarousel-container .jcarousel-next-disabled-horizontal:hover, .jcarousel-container .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-48px 0; }
		.jcarousel-container .jcarousel-prev-horizontal { position:absolute; width:16px; height:17px; cursor:pointer; background-image:url(prev-horizontal.gif); background-repeat:no-repeat; background-position:0 0; }
		.box-reference-b2 .jcarousel-container .jcarousel-prev-horizontal { background:transparent url(prev-horizontal-green.gif) no-repeat 0 0; }
		.jcarousel-container .jcarousel-prev-horizontal:hover { background-position:-16px 0; }
		.jcarousel-container .jcarousel-prev-horizontal:active { background-position:-32px 0; }
		.jcarousel-container .jcarousel-prev-disabled-horizontal, .jcarousel-container .jcarousel-prev-disabled-horizontal:hover, .jcarousel-container .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-48px 0; }

/* COLUMNS
------------------------------*/
.columns { width:500px; background:url(../design/bg-columns.gif) 50% 0 repeat-y; margin-top:15px; }
	.columns div { float:left; width:235px; }
	.columns p { clear:both; }
	.columns h3 { padding:0; }
	#content .columns ul { padding:0; margin:5px 0; list-style:none; }
	#content .columns ul li { padding:0 0 0 15px; margin:0; background:url(../design/li.gif) 0 5px no-repeat; list-style:none; }
	#content .columns ul li.mezera { margin-top:1em; }
	#content .columns ul li.minus { background:url(../design/minus.gif) 0 5px no-repeat; }
	.more { width:122px; height:26px; display:block; background:url(../design/more.gif) no-repeat; text-indent:-9999px; margin:20px auto 0 auto; }
	
	.photos p { font-weight:bold; text-transform:uppercase; margin-bottom:0.4em; }
	.photos a { float:left; margin:0 20px 20px 0; width:90px; height:90px; display:inline; }

/* SIDEBAR
------------------------------*/
#sidebar { width:220px; padding:0 15px; float:right; position:relative; }
	#sidebar hr { width:250px; background:#e1e790; color:#e1e790; border:0; font-size:0; height:1px; margin:10px -15px; display:block; position:relative; }

/* FOOTER
------------------------------*/
#footer { width:780px; position:relative; background:#fff; clear:both; height:103px; background:#fff url(../design/bg-footer.png) no-repeat; padding:0 0 0 20px; }
	#footer a { color:#333; text-decoration:none; text-transform:uppercase; }
	#footer a:hover { color:#96a324; text-decoration:underline; }
	#footer p { font-size:0.9em; line-height:1.4em; padding:8px 0; margin:0 0 0 -3px; color:#333; }
	#footer p a { padding:0 3px; }
	#footer p.copyright { padding:45px 0 0 0; margin:0; color:#999; }
	#footer p.copyright a { padding:0; color:#999; text-decoration:none; text-transform:none; }
	#footer p.copyright a:hover { text-decoration:underline; color:#999; }

/* FORM
------------------------------*/
#form { background:url(../design/bg-form.jpg) 0 10px no-repeat; position:absolute; top:0; right:10px; width:220px; height:250px; display:block; padding:220px 15px 0 15px; }
	legend { display:none; }
	#form em { font-size:1.1em; font-weight:bold; font-style:normal; text-align:center; display:block; color:#fff; text-transform:uppercase; padding:5px 0 2px 0; }
	#form div { width:230px; clear:both; overflow:hidden; height:25px; padding-top:5px; margin:0 -10px 0 0; }
	#form div label { width:90px; float:left; display:block; color:#fff; text-transform:uppercase; }
	#form div select { width:auto; float:left; margin-right:5px; display:inline; }
	#form .submit { padding:0; margin:10px 71px; }
	
	#form p { color:#fff; padding:12px 15px 0 15px; width:220px; margin:0 -15px; border-top:1px solid #989a84; font-size:0.916667em; line-height:1.7em; }
	#form p a { color:#fff; text-decoration:none; }
	#form p a:hover { color:#fff; text-decoration:underline; }

/* CLEARFIX
------------------------------*/
.clearfix {display: inline-block;}
.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}