body {
	margin: 57px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #B3B3B3;
	background: #F5F5F5;	
}

.page {
	width: 837px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #505050;
	xheight:500px;
	margin-left: auto;
	margin-right: auto;
}

.top {
	width: 836px;
	height: 9px;
	xbackground:url(../images/topoval.gif) no-repeat bottom;
}

.bottom {
	width: 836px;
	height: 9px;	
}

.center {
	background:url(../images/patern.gif) repeat-y;
}

.sredina {
	width: 791px;
	margin:0px 23px 0 23px;
	padding-top:17px;
}

.vrh {
	width: 791px;
	margin: 0px;
	padding: 0px;
	height: 158px;
}

.logo {
	width: 276px;
	height: 158px;
	float: left;
	background: url(../images/logo.gif) no-repeat;
}

.gornji {
	height:116px;
	width:515px;
	background:url(../images/glava.gif) no-repeat;
	padding-top:35px;
}

.donji {
	height:7px;
	width:515px;
	font-size:1px;
	background: url(../images/donji.gif) no-repeat;
}

.tabovi {
	width: 791px;
	height: 169px;
}

.tab1 {
	width: 239px;
	height: 164px;
	float: left;
	background:url(../images/tab1.gif) no-repeat;
	padding:5px 10px 0 10px;
}
.tab1g {
	width: 239px;
	height: 164px;
	float: left;
	background:url(../images/tab1_g.gif) no-repeat;
	padding:5px 10px 0 10px;
}
.tab2 {
	width: 242px;
	height: 164px;
	float: left;
	background:url(../images/tab2.gif) no-repeat;
	margin-left: 9px;
	padding:5px 5px 0 10px;
}

.tab2g {
	width: 242px;
	height: 164px;
	float: left;
	background:url(../images/tab2_g.gif) no-repeat;
	margin-left: 9px;
	padding:5px 5px 0 10px;
}

.tab3 {
	width: 237px;
	height: 164px;
	float: left;
	margin-left: 9px;
	background:url(../images/tab3.gif) no-repeat;
	padding:5px 10px 0 10px;
}
.tab3g {
	width: 237px;
	height: 164px;
	float: left;
	margin-left: 9px;
	background:url(../images/tab3_g.gif) no-repeat;
	padding:5px 10px 0 10px;
}

h1 {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A5D3F0;
	text-align: center;
	margin: 0px;
	text-align: justify;
}
h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 0 3px;
	width: 200px;
	font-weight: normal;
	line-height: 18px;
}
h3 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0px;
	padding-top:1px;
	height:20px;	
}

h4 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #55A0D0;
	text-align: justify;
	margin: 0px;
	padding: 0px;
	width: 200px;
}

h5 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 18px;
}

.graylink {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;	
}

.graylink:hover {
	text-decoration: underline;
}

.graylinkobrnut {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;	
}

.stealthlink {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;	
}
.graylinkobrnut:hover {
	text-decoration: none;
}

.footer {
	width: 791px;
	height: 18px;
	background: url(../images/footer-patern.gif) no-repeat top;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 20px;
}
.footer2 {
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 40px;
}
.blah {
	text-decoration: none;
	background: url(../images/dugme.gif) no-repeat;
}
.blah:hover {
	text-decoration: none;
	background: url(../images/dugme1.gif) no-repeat;
}

/* /////////////////////////////////////////////////////////////// producst /////////////////////////////////////////////////// */

.gornjiproduct {
	height:116px;
	width:493px;
	padding-top:35px;
	background: url(../images/gornjiproduct.gif) repeat-x top;
}

.donjiproduct {
	height:7px;
	width:470px;
	font-size:1px;
	
}

.logoproduct {
	width: 276px;
	height: 158px;
	float: left;
	background: url(../images/logo-prod.gif) no-repeat;
}
.snajka {
	width:264px;
	float:left;
	background: url(../images/snajka.gif) no-repeat;
	height:522px;
} 
.testemon {
	width:264px;
	float:left;
	background: url(../images/testemon.gif) no-repeat;
	height:522px;
}
.contact {
	width:264px;
	float:left;
	background:url(../images/contactus.gif) no-repeat;
	height:400px;
}
.aboutlevi {
	width:264px;
	float:left;
	background: url(../images/snajkaaobut.gif) no-repeat;
	height:362px;
}

.doorlevi {
	width:264px;
	float:left;
	background: url(../images/howitworks.gif) no-repeat;
	height:362px;
}
.serviceslevi {
	width:264px;
	float:left;
	background: url(../images/cvecka.jpg) no-repeat;
	height:382px;
}
.articlevi {
	width:264px;
	float:left;
	background: url(../images/cvecka.gif) no-repeat;
	height:362px;
}
.worklevi {
	width:264px;
	float:left;
	background:url(../images/howitworks.gif) no-repeat;
	height:362px;
}	
.gift_goulash {
	width:264px;
	float:left;
	height:362px;
	background-image: url(../images/giftCard_image.jpg);
	background-repeat: no-repeat;
}
.snajkaright {
	width:527px;
	float:left;
	background:#FFFFFF url(../images/uspravnipatern.gif) repeat-x top;
	xheight:540px;
	zoom : 1;
	overflow: hidden;	

}

.startcart {
	 width:497px;
	 margin:15px 15px 0 15px;
	 xheight:200px;
}

.drag {
	background:#F6F6F6;
	margin:0px;
	height:33px;
	color:#C4C4C4;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 0 0 10px;
	font-weight:bold;
}

.graycart {
	border:1px solid #D5D5D5;
	width:495px;
	min-height:100px;
	
}
.bluecart {
	border:1px solid #9BD0F1;
	width:495px;
	min-height:130px;
}

/* for Internet Explorer */
/*\*/
* html .bluecart {
height: 130px;
}
/**/

.yourcart {
	background:#E8F6FF;
	margin:0px;
	height:33px;
	color:#93CBEE;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 0 0 10px;
	font-weight:bold;
}
.redcart { 
	border:1px dotted #F19B9B;
	width:495px;
	height:49px;
}

.dropcart {
	margin:0px;
	color:#E1E1E1;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding:12px 0 0 10px;
	text-align: center;

}
.snajkarightostalo {
	width:527px;
	float:left;
	background:#FFFFFF url(../images/uspravnipatern.gif) repeat-x top;
	xheight:540px;
}
.startcartostalo {
	 width:497px;
	 margin:15px 15px 0 15px;
	 xheight:200px;
}
.workglavna {
	width:527px;
	float:left;
	xheight:540px;
}

.about {
	width:527px;
	float:left;
	background:#FFFFFF url(../images/uspravnipatern.gif) repeat-x top;
	xheight:540px;
}

.work1 {
	width:487px;
	height:91px;
	background: url(../images/work1.gif) no-repeat right;
	padding:5px 0 0 10px;
}
.work2 {
	width:487px;
	height:91px;
	background: url(../images/work2.gif) no-repeat right;
	padding:5px 0 0 10px;
}
.work3 {
	width:487px;
	height:91px;
	background: url(../images/work3.gif) no-repeat right;
	padding:5px 0 0 10px;
}
.work4 {
	width:472px;
	height:130px;
	padding:5px 0 0 10px;
	background-image: url(../images/icon-done.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
}

label.inputLabel {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	float: left;
	color: #333333;
}
select,input {
	margin:2px;
}
input [type=text],input [type=password],select {
	border: 1px solid #55a0d0;
	color: #999;	
}

legend {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #55A0D0;
	margin: 0px;
	padding: 2px;
}

.alert {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
}
fieldset {
	color: #333333;
	line-height:20px;
	
}

.popup {
	font: 12px Arial, Helvetica, sans-serif;
    position: absolute;
    display: none;
    padding: 6px; 
    border: 1px solid #5090E4; 
    background-color: #f6faff;
    z-index: 999;
    text-align:center;

	 color: #333333;

}