html, body, div, p, ul, ol, li, img, h1, h2, h3, h4, h5, h6, form, label
{
	padding: 0px;
	margin: 0px;
	border: none;
}

body
{
	background: #f3f3f3 url('/images/landing-bkg.jpg') repeat-y center;
}

body, input, textarea, select
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
}

div#main h2, div#main2 h2, div#main3 div.column1 h2
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: black;
	line-height: 1em;
	padding-top: 10px;
}

div#main h3, div#main2 h3, div#main3 div.column1 h3
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: black;
	padding-top: 16px;
	padding-bottom: 8px;
	line-height: 1em;
}

div#main h4, div#main2 h4, div#main3 div.column1 h4
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1em;
}

a
{
	color: #c84601;
	text-decoration: underline;
}

a:active, a:hover
{
	text-decoration: none;
}

div#header-container
{
	width: 100%;
	background: #f3f3f3 url('images/header-side-bkg.png') repeat-x left top;
}

div#header
{
	width: 930px;
	height: 80px;
	margin: 0px auto;

	background: #dbe8f1 url('images/hdbg.jpg') repeat-x left top;

	overflow: hidden;
}

div#header img { float: left; }

div#header-top
{
	padding-left: 313px;
	width: 616px;
	height: 40px;
	background: #dbe8f1 url('images/header-top-bkg.png') repeat-x 0px 0px;
	text-align: right;
}

div#header ul
{
	padding-left: 250px;
	list-style: none;
	float: left;
	background: #dbe8f1 url('images/header-top-bkg2.png') repeat-x bottom;
}

div#header ul li
{
	display: block;
	float: left;
	width: 88px;
	height: 40px;
	background: #dbe8f1 url('images/header_li_bkg.png') no-repeat 0px 0px;
}

div#header ul li a
{
	display:block;
	width: 88px;
	height: 40px;
}

div#header ul li a:active, div#header ul li a:hover
{
	background: url('images/header_li_bkg.png') no-repeat 0px -40px;
}

TD.checked
{
	background: url('images/Tick.png') no-repeat center;
}

TD.unchecked
{
	background: url('images/Minus.png') no-repeat center;
}

a.more
{
	white-space: nowrap;

	padding-left: 21px;
	background: transparent url('images/a_more_bg.png') no-repeat left center;
}

a.morer
{
	white-space: nowrap;
	float: right;

	padding-left: 21px;
	background: transparent url('images/a_more_bg.png') no-repeat left center;
}

div#indexsep
{
	width: 930px;
	height: 16px;
	margin: 0px auto;
	background-color:#FFF;
}

div#imagediv
{
	width: 930px;
	height: 250px;
	margin: 0px auto;
	border-bottom: 1px #888 solid;
}

div#imagediv img.left
{
	float: left;
	/* width 620, height 191*/
	background: #ecf7fa url('images/imagediv_left_bg.jpg') no-repeat top left;
	padding: 72px 56px 61px 397px; 
}

div#main, div#main2, div#main3
{
	clear: both;
	width: 930px;
	margin: 0px auto;
/*	background: #fff url('images/main_bg.png') repeat-y left top;*/
	background-color:#FFF;
	overflow: hidden;
}

div#main
{
	border-top: none;
	background-image: none;
}

div#main2
{
	border-top: none;
	width: 894px;
	padding-top: 0px;
	padding-left: 18px;
	padding-right: 18px;
	background-image: none;
}

div#main3
{
	background: #fff url(images/main3-bkg.png) repeat-y;
}

div#main div.column
{
	float: left;
	width: 274px;
	padding-left: 18px;
	padding-right: 18px;
	overflow: hidden;
}

div#main h1, div#main2 h1, div#main3 h1, div#main3 h2.likeh1
{
	height: 35px;
	margin: 0px 0px 20px 0px;
}

div#main h1 img, div#main2 h1 img, div#main3 h1 img, div#main3 h2.likeh1 img
{
	margin: 0px 0px 9px 0px;
	background: url(/images/h1img-border.png) left top no-repeat;
	padding-left: 15px;
}

div#main h2.slika, div#main2 h2.slika, div#main3 h2.slika
{
	height: 27px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 13px;
	background: transparent url('images/h2_bg.png') no-repeat left center;
}

div#main h2.slika img, div#main2 h2.slika img, div#main3 h2.slika img
{
	padding-top: 8px;
	margin: 0px 0px 9px 0px;
}

div#main h3.slika, div#main2 h3.slika, div#main3 h3.slika
{
	height: 14px;
	background: transparent url('images/h3_bg.png') no-repeat left bottom;
	padding-left: 10px;
	margin-bottom: 9px;
}

div#main h3.slika img, div#main2 h3.slika img, div#main3 h3.slika img
{
	padding-top: 0px;
}

div#main p, div#main2 p, div#main3 p
{
	width: 274px;
	overflow: hidden;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 1.3em;
}

div#main2 p
{
	width: 894px;
	padding: 9px 0px;
}

div#main p img, div#main2 p img, div#main3 p img
{
	float: left;
	background-color: #fff;
	padding: 1px;
	margin-right: 8px;
	margin-bottom: 4px;
}

div#main ul, div#main2 ul, div#main3 ul
{
	list-style: none;

	padding-top: 5px;
	padding-bottom: 5px;
}

div#main ul li, div#main2 ul li, div#main3 ul li
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 18px;
	background: url('images/bullet_blue.png') no-repeat left 3px;
}

div#main2 ul.bullet li
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	line-height: 1.5em;
	background: url('images/bulletmali.gif') no-repeat 0 10px;
}

div#main ul.checked li, div#main2 ul.checked li, div#main3 ul.checked li
{
	padding-left: 20px;
	background: url(images/tick.png) no-repeat left 4px;
}

div#main2 ul.small li
{
	font-size: 8pt;
}

div#main2 td.midb
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.2em;
}

div#main2 td.leftborder
{
	border-left: #eee 1px solid;
}

ol
{
	margin-left: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ol li
{
	padding-top: 2px;
	padding-bottom: 2px;
}

div.hr
{
	margin-top: 2px;
	clear: both;
	height: 17px;
	background: url(images/hr_bg.gif) repeat-x left center;
}

p.hr
{
	clear: both;
	height: 14px;
	background: url(images/hr_bg.gif) repeat-x left center;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	vertical-align: middle;
}

p.hr a.more
{
	background-color: #fff;
}

div.hr hr
{
	display: none;
}

div#spotcnt
{
	overflow: hidden;
	float: left;
	width: 305px;
	height: 191px;
	background: #dbe8f1 url('images/spotcnt_bg.png') no-repeat top left;
	padding-left: 5px;

}

div#spotcnt div.spot
{
	float: left;
	width: 305px;
	height: 191px;
	background: #dbe8f1 url('images/spot_bg.jpg') repeat-x top left; 
}

div#spotcnt div.spot h2
{
	height: 28px;
	padding: 0px 0px 0px 13px;
	margin: 21px 0px 0px 13px;
	background: transparent url('images/spot_h2_bg.png') no-repeat left center;
}

div#spotcnt div.spot h2 img
{
	padding-top: 8px;
}

div#spotcnt div.spot p
{
	margin: 0px;
	width: 274px;
	line-height: 1.3em;
	color: #757570;
	padding: 18px 18px 18px 13px; 
}

div#spotcnt div.spot ul
{
	list-style: none;
	padding: 0px 18px 0px 14px;
}

div#spotcnt div.spot ul li
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	background: url('images/listbul.gif') no-repeat left center;
}

div#main3 div.column1
{
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 25px;
	float: right;
	width: 626px;
	overflow: hidden;
}

div#main3 div.column1 p
{
	width: 623px;
}

div#main3 div.column2
{
	float: left;
	width: 237px;
}

div#main3 div.column2b
{
	float: left;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 18px;
	padding-bottom: 18px;
	width: 240px;
	font-size: 11px;
}

div#main3 div.column2b p
{
	width: 234px;
}

div#main3 div.column2b img.framed
{
	border: #888 1px solid;
}

div#footer
{
	width: 100%;
	background: #dbe8f1 url('images/footer_bg.jpg') repeat-x top left;
	height: 56px;
}

div#footer div#footer_inner
{
	width: 930px;
	background: #dbe8f1 url('images/footer2_bg.jpg') repeat-x top left;
	height: 56px;
	margin: 0px auto;
	overflow: hidden;
	font-size: 10px;
}

div#footer div#footer_inner p
{
	float: left;
	color: #5e5e5c;
	padding-left: 18px;
	padding-top: 24px;
}

div#footer div#footer_inner ul
{
	float: right;
	list-style: none;
	padding-right: 18px;
	padding-top: 24px;
}

div#footer div#footer_inner ul li
{
	margin: 0px;
	padding: 0px 5px 0px 4px;
	display: inline;
	background: transparent url('images/inner_li.png') no-repeat right center;
}

div#footer div#footer_inner ul li a
{
	color: #CF8F65;
}

div#footer div#footer_inner ul li.l
{
	background-image: none;
}

div#footer div#footer_inner div#footer_links
{
	clear:both;
	text-align: center;
}

div#footer div#footer_inner div#footer_links ul
{
	padding-right: 0px;
	padding-top: 0px;
}

div.form1
{
	width: 274px;
	overflow: hidden;
}

.input1
{
	float: left;
	width: 248px;
}

.submit1
{
	float: right;
	width: 18px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

label.text2
{
	display: block;
	font-size: 10px;
	padding-bottom: 4px;
}

div#main3 ul.menu
{
	line-height: 1.2em; 
	clear: both;
	list-style: none;
	padding: 5px 0px 10px 10px;
	margin: 0px -10px 10px -10px; /*margin up  right down left*/
	border-bottom: 1px solid #ccc;
}

div#main3 ul.menu li
{
	list-style: none;
	padding: 1px 0px 0px 0px;
	font-size: 11px;
	background: none;
}

div#main3 ul.menu li ul
{
	padding: 0px;
	background: none;
}

/*1 level*/
div#main3 ul.menu li ul li.current
{
	padding: 4px 0px 4px 24px;
	background: transparent url('images/bullet_blue.png') no-repeat 7px 4px;
}

div#main3 ul.menu li a
{
	display: block;
	color: #c84601;
	text-decoration: none;
	background: transparent url('images/arrow.gif') no-repeat 4px 8px;
	padding: 4px 0px 4px 14px;
}

/*2 level*/
div#main3 ul.menu li.current
{
	padding: 4px 0px 4px 14px;
	font-weight: bold;
	background: transparent url('images/bullet_blue.png') no-repeat -3px 3px;
}

div#main3 ul.menu li ul li a
{
	padding-left: 24px;
	background-position: 14px 8px;
}

/*3 level*/
div#main3 ul.menu li ul li ul li.current
{
	padding: 4px 0px 4px 34px;
	background: transparent url('images/bullet_blue.png') no-repeat 17px 3px;
}

div#main3 ul.menu li ul li ul li a
{
	padding-left: 34px;
	background-position: 24px 8px;
}

/*4 level*/
div#main3 ul.menu li ul li ul li ul li a
{
	padding-left: 44px;
	background-position: 34px 8px;
}

div#main ul.menu a.c, div#main3 ul.menu a.c
{
	color: #3e3e3c;
	font-weight: bold;
}

div#main ul.menu a:hover, div#main ul.menu a:active, div#main3 ul.menu a:hover, div#main3 ul.menu a:active
{
	color: #c84601;
	text-decoration: underline;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin-bottom: -1px;
	border-left: 4px solid #ccc;
	margin-left: -4px;
	border-top: 1px solid #ccc;
	margin-top: -1px;
}

/* Hide from IE-Mac: start \*/ 
* html div#main ul.menu { float: left; width:274px; } 
* html div#main ul.cnd { float: left; width:274px; } 
* html div#main ul.menu li { float: left; height: 1px; width: 274px; } 
* html div#main ul.menu li a { height: 1px; } 
* html div#main3 ul.menu { float: left; width:274px; } 
* html div#main3 ul.cnd { float: left; width:274px; } 
* html div#main3 ul.menu li { float: left; height: 1px; width: 274px; } 
* html div#main3 ul.menu li a { height: 1px; } 
/* Hide from IE-Mac: end */

/* hmenu: end */

div#main2 .accent, div#main3 .accent {
	color: navy;
}

div#main2 .accentb, div#main3 .accentb {
	color: navy;
	font-weight: bold;
}

.info {
	font-size: 12px;
	padding: 8px;
	border: 1px solid #f0d2b6;
	background: url(images/info_bkg.jpg) repeat-y left;
}

.infobig {
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	border: 1px solid #f0d2b6;
	background: url(images/info_bkg.jpg) repeat-y left;
}

.infostrong {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	padding: 8px;
	border: 1px solid #f0d2b6;
	background: url(images/info_bkg.jpg) repeat-y left;
}

.sectioninfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	padding: 3px;
	border-left: 10px solid #acc1d0;
	border-top: 1px solid #9bc;
	border-bottom: 1px solid #9bc;
	border-right: 1px solid #9bc;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #edf4fb url('images/section_bkg2.png') repeat-x left top;
	margin-left: 50px;
	width: 75%;
}	
.infosection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	padding: 3px;
	border-left: 10px solid #acc1d0;
	border-top: 1px solid #9bc;
	border-bottom: 1px solid #9bc;
	border-right: 1px solid #9bc;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #edf4fb url('images/section_bkg2.png') repeat-x left top;
	padding-left: 50px;
	width: 65%;
}	
.section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	border-top: 1px solid #9bc;
/*	border-bottom: 1px solid #9bc;*/
	padding-top: 10px;
	padding-bottom: 10px;
	background: #edf4fb url('images/section_bkg2.png') repeat-x left top;
}
.section2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #9bc;
	padding: 10px;
	background: #edf4fb url('images/section_bkg2.png') repeat-x left top;
}
.section3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #a88;
	padding: 10px;
	background: #fff url('images/section_bkg4.png') repeat-x left top;
	color: black;
}

.sectionblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #a1b4d0;
	padding: 10px;
	background: #fff url('images/section_blue.jpg') repeat-x left top;
	color: black;
}

div.thumb
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border:1px solid #ccc;
	border-bottom:3px solid #66c;
	vertical-align: bottom;
	text-align: center;
	background: #fcfcfc url(/images/search32.png)  8px 8px no-repeat;
	font-size: 16px;
	width: 80%;
}

div.thumb:hover
{
	background: #f4e6de url(/images/search32.png)  8px 8px no-repeat;
	border:1px solid #fcc;
	border-bottom:3px solid #c84601;
}

div.w100
{
	width: 100%;
}

div.w90
{
	width: 90%;
}

div#main3 div.thumb h2
{
	padding-top: 3px;
	margin-left: 45px;
	margin-bottom: 15px;
	text-align: left;
	font-size: 18px;
	color: black;
	font-weight: normal;
}

.dl_exe {
	background-color: #FFFFFF;
	background-image: url(images/floppy.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 5px;
	padding-left: 25px;
	margin: 5px;
	border-width: 1px;
	border-style: none;
	border-bottom-style: dotted;
	border-color: #AACCCC;
	font-weight: bold;
}
.dl_zip {
	background-color: #FFFFFF;
	background-image: url(images/zip.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 5px;
	padding-left: 25px;
	margin: 5px;
	border-width: 1px;
	border-style: none;
	border-bottom-style: dotted;
	border-color: #AACCCC;
	font-weight: bold;
}

.red
{
	color: #f00;
}

.redb
{
	color: #f00;
	font-weight: bold;
}

.info .header {
	background-color: #dbe8f1;
}

.line100{
	clear: both;
	padding-bottom: 10px;
	width:100%;
	background: url(images/back_line.gif) repeat-x 0 0;
	height: 2px;
	margin-top: 10px;
}

h3 span.cijena
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #444;
	font-weight:bold;
	text-align:right;
}

.productprice
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #444;
	font-weight:bold;
}

TD.productprice
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #444;
	font-weight:bold;
	text-align: right;
}

.discount
{
	color: #f00;
	text-decoration: line-through;
	margin-top: -1px;
}

.product
{
	font-size: 15px;
	color: navy;
	font-weight:bold;
	padding-bottom: 5px;
}

.productdesc
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

pre
{
	background: #f8f8f8;
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 5px;
	margin-top: 5px;
	width: 99%;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

.cijena
{
	font-size: 16px;
	color: #c84601;
	font-weight:normal;
	text-align:right;
}

.small
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:normal;
	line-height: normal;
}

.gray {
	color: #808080;
}

.small-gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
	color: #808080;
}

.testimonials
{
	border: #ccc 1px solid;
}

.testimonial {
	font-family: Verdana, Arial, Helvetica, sans-serif 12pt;
	line-height: 1.4Em;
	padding: 10px;
	margin-top: 15px;
	padding-bottom: 5px;
	padding-left: 30px;
	background: url(/images/quotes-open.png) left top no-repeat;
}

.signature {
	font-family: Verdana, Arial, Helvetica, sans-serif 12pt;
	font-weight: bold;
	color: #444;
	padding-left: 120px;
	padding-bottom: 15px;
	background: url(/images/hsep.gif) center bottom no-repeat;
}

div.gallery a img
{
	padding: 1px;
}

div.dlform
{
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: 2px solid #acd;
	padding: 15px;
	background: #edf4fb /*url('images/email_orange72.png') no-repeat 350px -15px;*/
}

div.dlform form
{
	padding: 5px;
	margin: 5px;
	margin-bottom: 25px;
}

div.dlform div.header
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #444;
	text-align: left;
}

div.dlform input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}

div.dlform div.intro
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
/*	border-top: 1px solid #bdd;*/
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
}

div.dlform div.footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	border-top: 1px solid #bdd;
	text-align: left;
}

.dlheader
{
	color: #888;
	border-bottom: 1px solid #bdd;
	border-bottom: 1px solid #d66b26;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.dlheader h4
{
	color: #d66b26;
}

ul#breadcrumbs
{
	list-style: none;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	margin-bottom: 10px;
}

div#main ul#breadcrumbs li, div#main2 ul#breadcrumbs li, div#main3 ul#breadcrumbs li
{
	margin: 0px;
	display: inline;
	background: transparent url(images/bullet-trokut2.png) no-repeat 7px 1px;
}

ul#breadcrumbs li a
{
	color: #1d3d68;
	text-decoration: none;
	margin-left: 0px;
}

ul#breadcrumbs li a:active, ul#breadcrumbs li a:hover
{
	text-decoration: underline;
}

div#main2 ul#subcategories
{
	list-style: none;
	font-weight: normal;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 15px;
	line-height: 130%;
}

div#main2 ul#subcategories li
{
	margin: 0px;
	padding: 0px 0px 0px 7px;
	display: inline;
	background: none;
}

div#main2 ul#subcategories li.first
{
	background: none;
}

div#links
{
	padding: 20px;
}

div#main2 ul.mc-sub-badge09
{
	width: 150px;
}

div#main2 ul.mc-sub-badge09 li.mc-subscribers
{
	background: #eee;
	color: #000;
}

div.dlsignup_col2
{
	margin: 0px auto;
	border: #ced8e0 3px solid;
	background: #fbf0e2;
	line-height: 1em;
	font-size: 12px;
	margin-bottom: 10px;
}

div.dlsignup_col2 h4
{
	border-bottom: #ced8e0 1px solid;
	background: #fbf4eb;
	padding: 5px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
}

div.small_signupX
{
	margin: 0px auto;
	border: #fb910b 3px solid;
	background: #fbf0e2;
}

div.small_signupX h4
{
	border-bottom: #aaa 1px solid;
	background: #fbf4eb;
	padding: 10px;
}

div.small_signup
{
	margin: 0px auto;
	border: #666 1px solid;
	background: #fcfcfc 
}

div.small_signup h4
{
	border-bottom: #aaa 1px solid;
	background: #f0f0f0;
	padding: 5px;
}

div#mc_embed_signup
{
	margin: 0px auto;
	width: 500px;
	border: #666 1px solid;
	background: #fcfcfc; 
}

div#mc_embed_signup h2
{
	border-bottom: #aaa 1px solid;
	background: #f0f0f0;
	padding: 10px;
}

div#main3 div#mc_embed_signup h3
{
	padding-left: 20px;
	font-size: 15px;
	color: #840;
	font-weight: normal;
}

div#mc_embed_signup ul li
{
	list-style: none;
	overflow: hidden;
	padding: .0em 0;
	clear: right;
	background: none;
}

div#mc_embed_signup ul li input
{
	margin-right: 1.5em;
	padding: .2em .3em;
	width: auto;
	position: relative;
	z-index: 999;
	float: left;
}

div#mc_embed_signup ul li label
{
	float: left;
	text-align: left;
	margin: .15em 0 0 0;
	width: auto;
	padding-right: 5%;
	font-size: 100%;
	line-height: 1.2em;
}

div#mc_embed_signup label
{
	margin-left: 200px;
	float: left;
	text-align: right;
	margin: .3em 0 0 5%;
	width: 25%;
	padding-right: 5%;
	line-height: 1em;
}

div#mc_embed_signup label.input-group-label
{
	height: 110px;
}

div#mc_embed_signup label.small
{
	font-size: 100%;
	height: 50px;
	line-height: 25px;
}

div.mc-field-group label
{
	padding-top: 6px;
}

div#main3 div#mc_embed_signup div.input-group label
{
	color: #000;
	margin-left: -12px;
	margin-top: -2px;
}

div#mc_embed_signup form
{
	margin: 5px;
}

div#mc_embed_signup form input
{
	width: 55%;
	padding: .2em;
	margin: 5px;
}

input#mce-EMAIL
{
		z-index: 999;
}
	
#mc-embedded-subscribe.btn
{
	width: 200px;
	margin-left: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

#signupform div.large-input label
{
	padding: 8px 5px;
	margin-top: 9px;
}

#signupform div.large-input input
{
	font-size: 130%;
	padding: 5px;
}

#signupform input.check
{
	padding: 8px 5px;
	margin-top: 9px;
	margin-left: 0px;
	width: 20px;
	text-align: right;
}

.bigbutton
{
	font-size: 130%;
	font-weight: bold;	
}

div#main2 div.cleanlist ul li
{
	background: none;
}

div#error, div#errorExplanation
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 4px;
	border: 2px solid #a44;
	color: #600;
	background: #fdd;
	margin-bottom: 10px;
	width: 400px;
}

div#error h2, div#errorExplanation h2
{
  margin-top: 0px;
  margin-left: 5px;
  font-size: 10pt;
	color: #600;
}

div#error ul li, div#errorExplanation ul li
{
	margin-left: 30px;
	background: none;
}

div.mce_inline_error
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #f00;
	margin-left: 175px;
}

div#mce-success-response
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 4px;
	border: 2px solid #4a4;
	color: #060;
	background: #dfd;
}

fieldset{
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	border-color: #888;
	
	width:98%;
	position:relative;
	display:block;
/*	background-color: #f6f6f6;*/
	background: white url(images/fieldset-bkg.jpg) right repeat-y;
}

fieldset legend{	
	background-color: #f6f6f6;
	
	border-top: #657887 1px solid;
	border-bottom: #657887 1px solid;
	border-left: #657887 1px solid;
	border-right: #657887 1px solid;
	padding: 5px;
	
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	letter-spacing:2px;
		
	margin:0px 0px 10px 0px;
	position:relative;
	top: -14px;
	
}
	 
fieldset div.bundle_image {
	background: white;
	padding: 5px;
	padding-bottom: 0px;
	margin-right: 10px;
	text-align: center;
	width: 140px;
}

fieldset div.product_image {
	background: white;
	padding: 5px;
	padding-bottom: 0px;
	margin-right: 10px;
	width: 120px;
}

fieldset.white
{
	background: white;
	border-width: 2px 1px 1px 1px;
}

.box {
	padding: 8px;
	margin-top: 10px;
/*	border: 1px solid #657887;
	background: #f6f6f6;*/
	color: gray;
	width: 150px;
	line-height: 150%;
}

div#main p.landing1
{
	width: 98%;
	overflow: hidden;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 1.4em;
	font-size: 13px;
}

div#main table.landing1
{
	line-height: 1.4em;
	font-size: 13px;
}

#slideshow {
	border-bottom: #ccc 1px solid;
  position:relative;
  height:250px;
}

#slideshow a {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
}

#slideshow a.active {
  z-index:10;
  opacity:1.0;
}

#slideshow a.last-active {
	z-index:9;
}

.sectiondl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 4px solid #9bc;
	padding: 10px;
	background: #edf4fb url('images/section_bkg2.png') repeat-x left top;
	width: 400px;
	text-align: left;
}

div#main2 .sectiondl h2 {
	font-weight: normal;
	font-size: 15px;
	color: #448;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: #ccc 1px solid;
}

div#main2 .sectiondl h3 {
	font-weight: bold;
	font-size: 15px;
	color: #888;
	padding-top: 5px;
}

.paddedright {
	padding-left: 28px;
	padding-bottom: 15px;
}

div#headline
{
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 0.9em;
	padding-top: 5px;
	padding-bottom: 15px;
}

div#optout
{
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 470px;
	height: 420px;
	padding: 10px;
	border: #888 1px solid;
	background: #fff;
}

div#optout h1
{
	font-size: 16px;
}

TD.offer textarea
{
	width: 250px;
	height: 70px;
}

TD.offer input
{
	width: 250px;
}

TD.offer input.short
{
	width: 100px;
}

TD.offer
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 6px;
	border: 2px solid #4a4;
	color: #000;
	background: #ded;
	margin-bottom: 10px;
}

TD.offer TABLE
{
	color: #040;
	margin: 0px auto;
}

TD.submit
{
	text-align: center;
	height: 50px;
}

TD.submit input
{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 15pt;
}

div.side-section
{
	border: #ccc 1px solid;
	width: 100%;
	margin: 10px;
	margin-bottom: 10px;
}

div.side-section img
{
	border: #ccc 1px solid;
}

div#main2 div.side-section h2, div#main3 div.side-section h2
{
	font-size: 15px;
	color: #444;
	padding: 5px;
	margin: 0px;
	border-bottom: #ccc 1px solid;
	background: url(images/section-header-bkg-gray.jpg) repeat-x;
	font-weight: normal;
	text-align: center;
}

div.side-section h2.spot
{
	background: url(images/section-header-bkg.jpg) repeat-x;
}

div.side-section div.content
{
	padding: 5px;
	color: #444; 
}

div.side-section div.content TD
{
	border-bottom: #ccc 1px dotted;
}

div.side-section div.content TR.last TD
{
	border-bottom: none;
}

div.tutorial-content
{
	padding:10px;
}

div#main div.tutorial-section
{
	border-bottom: #eee 1px solid;
	margin-top: 15px;
	padding-top: 15px;
}

div#main div.spot-section
{
	width: 450px;
	margin-left: 9px;
	margin-bottom: 10px;
	float: left;
}

div#main div.spot-section h2
{
	font-size: 15px;
	color: #754;
	padding: 5px;
	border-bottom: #ccc 1px solid;
	font-weight: normal;
}

div#main div.spot-section h4
{
	padding-bottom: 5px;
}

div#main div.spot-section div.content
{
	padding: 5px;
	background: #fff;
	color: #444; 
}

.margin20left
{
	margin-left: 20px;
}

div.mid60
{
	margin: 0px auto;
	width: 60%;
}
div.mid80
{
	margin: 0px auto;
	width: 80%;
}

#sliders
{
	height:180px;
	padding-left:25px;
	border-top: #eee 4px solid;
	border-bottom: #eee 4px solid;
	padding-bottom: 15px;
}

#vip
{
	float: left;
	width: 420px; 
	margin-left: 0px;
	margin-top: 25px;
}
#vip a.left_btn{float: left; }
#vip a.right_btn{float: left;}
#vip .slider_wrap .item a img
{
	width:125px; 
	height:60px; 
	border:1px solid :#e9e9e9;
}
#vip .slider_wrap div.slider_panes .item img
{
	background #fff; 
	width:125px; 
	height:60px; 
	border:1px solid :#e9e9e9; 
	margin:0 3px 3px 0;
	border:1px solid #e9e9e9;
	}

#vip h2{color:#369;font-size:18px;margin:0; position:relative; left:0px; top:-14px;}

#testimonials
{
	float: left; 
	width: 470px;
	margin-left: 0px;
	margin-top: 40px;
	background:url(/images/testim-bkg.png) no-repeat 0px 0px;
}
#testimonials h2
{
	color:#369;
	font-size:18px;
	margin:0; 
	position:relative; 
	left:3px; 
	top:-14px;
}
#testim .item
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin-left: 50px;
	margin-right: 5px;
	margin-top: 20px;
}

/* Ïðàâûé ÄÈÂ */
.slider_wrap
{
	position: relative;
	overflow: hidden;
	width: 390px;
	height:135px; 
	float: left;
	margin-left: 0px;
}
.slider_panes {position: absolute; width: 4000px; top: 0; left: 0;}
.slider_panes .item {float: left; width: 390px;  height:130px;}	/*blok koji se scrolla u komadu*/

#slider-left {float: left;  text-align:center; height: 160px;}
#slider-right {float: right;  text-align:center; height: 160px;}

div.spot-product
{
	padding-bottom:20px;
	padding-right:5px;
	width: 265px;
	height: 70px;
	float: left;
	color: #666;
	font-size: 9pt;
}

div#main div.spot-product h3
{
	font-size: 13pt;
	padding-bottom: 5px;
}

#main h3.rapidquery
{
	background: url(/images/icons/rapidquery16.png) no-repeat 0px 16px;
	padding-left: 25px;
}
#main h3.sqltran
{
	background: url(/images/icons/sqltran16.png) no-repeat 0px 16px;
	padding-left: 25px;
}
#main h3.fullconvert
{
	background: url(/images/icons/fullconvert16.png) no-repeat 0px 16px;
	padding-left: 25px;
}
#main h3.datasync
{
	background: url(/images/icons/datasync16.png) no-repeat 0px 16px;
	padding-left: 25px;
}
#main h3.sqlformat
{
	background: url(/images/icons/sqlformat16.png) no-repeat 0px 16px;
	padding-left: 25px;
}
#main h3.syncdatabase
{
	background: url(/images/icons/syncdatabase16.png) no-repeat 0px 16px;
	padding-left: 25px;
}
#main h3.documenter
{
	background: url(/images/icons/documenter16.png) no-repeat 0px 16px;
	padding-left: 25px;
}

#main ul.rarrow li, #main3 ul.rarrow li
{
	padding-left: 0px;
	background: none;
}

#main ul.rarrow li a, #main3 ul.rarrow li a
{
	padding-left: 15px;
	background: url(/images/Arrow-Right16.png) no-repeat 0px 5px;
	text-decoration: none;
}

#main ul.rarrow-right li, #main3 ul.rarrow-right li
{
	background: none;
}

#main ul.rarrow-right li a, #main3 ul.rarrow-right li a
{
	background: url(/images/Arrow-Right16.png) no-repeat right 5px;
	padding-right: 17px;
	text-decoration: none;
}

div#landing-header
{
	background:url(../images/landing-header.jpg) no-repeat;
	height: 54px;
	text-align: right;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: navy;
	padding-right: 9px;
	border-bottom: #aaa 1px solid;
}

div#landing-header ul#breadcrumbs a
{
	color: #c84601;
	text-decoration: none;
}

div#search {
	padding-top: 5px;
	padding-right: 5px;
	float: right;
	border: none;
	width: 167px;
	height: 30px;
}
div#search input, div#search button {
	border: none;
	float: left;
}
div#search input.box {
	color: #aaa;
	font-size: 12px;
	width: 135px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	padding-left:5px;
	padding-top:3px;
	padding-right:5px;
	background: url(images/search-bkg.png) no-repeat left 0px;
}
div#search input.box:focus {
	background: url(images/search-bkg.png) no-repeat left -35px;
	outline: none;
	color: #666;
}
div#search input.btn {
	width: 22px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/search-bkg.png) no-repeat top right;
}
div#search input.btn:hover {
	background: #ebf3f8 url(images/search-bkg.png) no-repeat bottom right;
}

TABLE.volume
{
	background: #fcfcfc;
	border: #ddd 1px solid;
}

TABLE.volume TH
{
	color: black;
	background: #f8f8f8;
	border-bottom: #ddd 1px solid;
}

TABLE.volume TR TD.desc
{
	border: #ddd 1px solid;
	border-width: 0 0 0 1px;
	padding: 5px;
	padding-top: 0px;
	color: black;
	background: #f8f8f8;
}

TABLE.volume TR TD H4
{
	font-size: 120%;
}

TABLE TR.volume
{
	background: #eee;
	border: #aaa 1px solid;
}

table.grid
{
	border-top: 1px solid #aac;
	border-left: 1px solid #ddd;
	font: normal normal normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	margin: 4px;
	border-spacing: 0px;
	background: #fbf8f3;
	border: #ced8e0 3px solid;
}

table.grid a
{
	color: blue;
	text-decoration: none;
}

table.grid a:active, table.grid a:hover
{
	color: #840;
	text-decoration: underline;
}

table.grid th
{
	background: url('/images/table_header_bkg.png') repeat-x;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13pt;
}

table.grid td
{
	border-right: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 8px;
}

table.grid tr:hover
{
	background-color: #f8f8f8;
}

table.grid .parts
{
	font-size: 80%;
	vertical-align: 1px;
}

table.parts
{
	font-size: 90%;
	vertical-align: 1px;
	border-spacing: 0px;
	padding-left: 10px;
}

table.parts td
{
	border-top: #ccc 1px solid;
	padding-left: 5px;
	padding-right: 5px;
}

table.parts td.complete
{
	background: url(/images/buttons/tick.png) no-repeat;
	padding-left: 20px;
}

table.parts img
{
 vertical-align: text-bottom;
 padding-left: 2px;
}

table.vert-grid
{
	border-top: 1px solid #aac;
	border-left: 1px solid #ddd;
	font: normal normal normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	margin: 4px;
	border-spacing: 0px;
}

table.vert-grid th
{
	background: url('/images/table_header_bkg.png') repeat-x;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

table.vert-grid td
{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 8px;
}

table.vert-grid tr:hover
{
	background-color: #f8f8f8;
}

table.vert-grid-small
{
	font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif; 
	border-spacing: 2px;
}

table.vert-grid-small th
{
	color: gray;
	text-align: left;
	font-weight: normal;
}

table.vert-grid-small td
{
	color: black;
}