/* CSS Document * Design by Cheung*/

body{font-size:12px ;
     font-family:"ËÎÌå",Verdana, Arial, Helvetica, sans-serif;
     background:#fff  url(../images/header_bg.jpg) repeat-x;
	 margin:0;
     }
	

h2 {
	font-size: 12px;
	font-weight:500;
}

h4 {
	font-size: 13px;

}

img{border:none;}

/*************HEADER START****************/
#headerbox{height:60px;width:96%; margin:0 auto;}

.logo{height:60px; 
      width:300px;
	  background:url(../images/logo.jpg) no-repeat left top;
	  float:left; }
				 
#loginbox{height:60px; width:380px; float:right;}

.textfield {
	width: 80px;
	margin: 0 0 0 0;
	padding: 2px 3px;
	border: 1px solid #C8C8C8;
	background: #FAFAFA url(../images/img04.gif) repeat-x;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}

.button {
	width: 50px;
	height: 20px;
	border: 1px solid #464646;
	border-style:none;
	font-size:12px;
	background: #FAFAFA url(../images/buttonbg.gif) no-repeat;
	color: #464646;
}

#nav{height:auto; width:100%; }

/* style the outer div to give it width */
.menu {font-size:12px; width:96%; margin:0;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:24px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:96%;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:24px;line-height:24px; display:block;}

/* style the sub level list items */
.menu ul ul li {display:block;width:10em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; width:64px; font-size:12px;text-decoration:none;color:#000;background:#949e7c url(../images/top_grad.gif) center center; padding:0 12px 0 12px; border-left:1px solid #eee; border-right:1px solid #666;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:85px; w\idth:64px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#9cbbf4 url(../images/sub_grad.gif); color:#fff;width:132px;height:100%;line-height:1em; padding:6px 10px; border-bottom:1px solid #9cbcdf;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:132px; w\idth:132px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:12px; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#94b4e9 url(../images/sub_grad.gif);}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#94b4e9 url(../images/sub_grad.gif);}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#94b4e9;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#a1bdeb;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#ff0;background:#bfd1ef url(../images/top_grad_2.gif) center center; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#ff0;background:#bfd1ef url(../images/top_grad_2.gif) center center;}
/* second */
* html .menu ul ul a:hover{color:#ff0;background:#93b2e8; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ff0;background:#93b2e8;}
/* third */
* html .menu ul ul ul a:hover {background:#93b2e8; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#93b2e8;}
/* fourth */
.menu ul ul ul ul a:hover {background:#93b2e8; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:24px; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:100px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
/*************MENU END****************/

/*************PHOTO START****************/
#photobox{background:#034691 url(../images/photo1_bg.jpg) repeat-x top; height:165px; width:100%; float:left;margin-top:2px;
}
.photo{background:url(../images/photo1.jpg) no-repeat; height:165px; width:880px; }
.clear{height:5px; }
/*************PHOTO END****************/

/*************MAIN START****************/
#mainbox{height:auto; width:100%; float:left}



/* Page */

#page {
	width: 900px;
	margin-left:5px;
	float:left;
}

#pagein {
	width: 870px;
	margin-left:5px;
	float:left;
}

a { color:#333;text-decoration:none;}
a:hover{ color:#f60; text-decoration:underline;}
/* Content */



/* Post */

#content  {
	float: right;
	width: 600px;
	line-height:1.7;
}
#content  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content  li {
	margin-bottom: 25px;
	padding: 0 15px;
	background: url(../images/main_bg2.gif) no-repeat left top;
}

#content  li ul {
}

#content  li li {

	margin: 0;
	padding-left: 12px;
	background: url(../images/Icon2.gif) no-repeat left 50%;
}
#content  h2 {
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background:url(../images/dotted.gif) repeat-x bottom;
	font-size: 12px;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 260px;
	line-height:1.7;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 30px;
	padding: 0 15px;
	background: url(../images/main_bg1.gif) no-repeat left top;
}

#sidebar li ul {
}

#sidebar li li {

	margin: 0;
	padding-left: 12px;
	background: url(../images/Icon1.gif) no-repeat left top;
}

#sidebar h2 {
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background:url(../images/dotted.gif) repeat-x bottom;
	font-size: 12px;
}
/*************MAIN END****************/

/*************BOTTOMBOX START****************/
#bottombox{height:auto; width:100%; background:#f4f4f4; text-align:left;}
#bottombox img{margin:10px; border:1px solid #ccc; padding:2px;width:118PX; height:28PX;}
/*************BOTTOMBOX END****************/

/*************FOOTER START****************/
#footerbox{height:55px; width:100%; background:#e4e4e4; bottom:0px; background:url(../images/footerbg.gif) repeat-x top; }

.footerline{height:5px;  width:100%; background:url(../images/footer.gif) repeat-x;}
.footer{ width:96%; height:50px; margin:0px auto; text-align:left; padding-top:2px;}


/***************************************/
/*************ABOUT PAGE****************/
/***************************************/
#aboutphotobox{background:#034691 url(../images/photo2_bg.jpg) repeat-x top; height:113px; width:100%; float:left;margin-top:2px;
}

.aboutphoto{background:url(../images/photo2.jpg) no-repeat; height:113px; width:880px; }

#wrapside{width:190px; height:auto; float:left;}

#wrapleft{background:#f1f1f1  repeat-x bottom; border:1px solid #cccccc;width:100%; height:auto; line-height:1.7;}
#wrapleft a {text-decoration:underline; color:#333;}
#wrapleft a:hover{text-decoration:none; color:#f60;}

/*************BORDER START****************/
.border{border-bottom:2px #f4f4f4 solid;border-left:2px #f4f4f4 solid;border-right:2px #f4f4f4 solid;}
.borders{border:2px #f4f4f4 solid;margin-BOTTOM:10px; margin-top:10px;}

#wrapmain{width:700px; height:auto; background:#f5f5f5; float:right;}
.informacije {
	padding: 5px 10px 5px 10px;
	margin:2px 0 2px 0;
	background: #ffffff url(fade.gif) repeat-x bottom left;
	height: auto;
}

.otherphoto{background:url(../images/photo_other.jpg) no-repeat; height:113px; width:880px; }

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 0;
width: 100%;
font-size:12px;
}
.innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
line-height:1.5;
padding: 20px 15px;
/*padding:20px 15px 20px 15px;*/
text-align:left;¡¡
}

.newspre {
word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; width: 100%;margin-top: 0px;margin-bottom: 0;
}
.innerdiv table {text-align:center;} 
.innerdivtd{text-align:left; text-indent:2em;}
.wraptitle{width:100%; border:1px solid #ccc; background:#e4e4e4 url(../images/titlebg.jpg) no-repeat left top; height:32px;  color:#333; font-size:13px;}

/*******************************************/
/*************NEWS PAGE*********************/
/*******************************************/

.newsphoto{background:url(../images/photo3_news.jpg) no-repeat; height:113px; width:880px; }

.hx-style01 {clear:both; background:url("../images/dot.gif") 0 50% repeat-x; font-size:12px; color:#333;}
.hx-style01 span {margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;font-size:13px;}

#aside{ margin-top:0px; width:100%; height:auto;}
#aside ul.ul-list {margin:0; padding:0; list-style:none; }
#aside ul.ul-list li {margin:0; margin-bottom:10px; padding-bottom:5px; padding-left:2em; background:url("../images/ico-list.gif") 0 4px no-repeat; border-bottom:1px solid #fff dotted;}
#aside ul.ul-list a{ }


.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}


/*CSS grayr style pagination*/

DIV.grayr {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: ËÎÌå, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #c1c1c1;
}
DIV.grayr A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1; TEXT-DECORATION: none
}
DIV.grayr A:hover {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr A:active {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr SPAN.current {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #303030; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
DIV.grayr SPAN.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #797979; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1
}

/******************************************/
/*************PROUDUCTS PAGE***************/
/******************************************/

.productsphoto{background:url(../images/photo4_products.jpg) no-repeat; height:113px; width:880px; }

.section{ background:url(../images/dotted.gif) repeat-x bottom; width:100%; height:auto; margin-top:10px; padding-bottom:35px;}
.section02{ width:560px; height:auto;  padding-bottom:15px; margin:20px auto}

#sideEmailBox {
		border:1px solid #d4d4d4; 
		margin-bottom:0px; 
			margin-top:0px; 
			width:100%;	}
#sideEmailBoxContent { 
		background-color:#f4f4f4; 
		border:1px solid #FFF; 
		padding:8px; 
		text-align:left; 
		line-height:1.5;
	}
#sideEmailBoxContent li{list-style-position:inside; }
#emailHeader {
		height:22px; 
		line-height:22px; 
		color:#000; 
		font-family:arial,verdana,sans-serif; 
		font-size:12px; 
		padding:0px 5px 0px 10px; 
		background-color:#F9C538; 
		border-top:1px solid #FFF; 
		border-left:1px solid #FFF; 
		border-right:1px solid #FFF; 
		border-bottom:1px solid #F8B500;  
	}
#sections{width:100%;}


#wrapth	{background:url(../images/maintitlebg.gif) repeat-x ; height:30px; width:100%; border:1px solid #ccc;}
#wrapth	table{font-size:14px; background:url(../images/maintitlebgimg.gif) no-repeat; width:300px;}

#productsButton{width:190px; height:50px; text-align:center;}

.buttonbg02{width:103px; height:22px; background:url(../images/buttonbg02.gif) no-repeat; border:none;}
.buttonbg03{width:103px; height:22px; background:url(../images/buttonbg03.gif) no-repeat; border:none;  float:left;}

.moreTitle{background:#e4e4e4; border:1px solid #fff; font-size:13px; font-weight:bold; }

/******************************************/
/*****advertise/contact US/links  PAGE*****/
/******************************************/
.advertisephoto{background:url(../images/photo5_advertise.jpg) no-repeat; height:113px; width:880px;}
.contactphoto{background:url(../images/photo6_contact.jpg) no-repeat; height:113px; width:880px; }
.linksphoto{background:url(../images/photo7_links.jpg) no-repeat; height:113px; width:880px; }

#forBOX{ float:left;}
#forBOX td{height:25px; background:#dbe3ff; text-align:left; text-indent:1em;}

#contactBOX{ float:left;}
#contactBOX td{height:30px; background:#FFF; text-align:left; text-indent:1em; border-bottom:1PX solid #E4E4E4;}

#linksBOX{height:auto; width:580px; background:#f4f4f4; text-align:left; margin:0 auto;}
#linksBOX img{margin:10px; border:1px solid #ccc; padding:2px;width:118PX; height:28PX;}

/******************************************/
/*****Center/Phone/DownloadCenter**********/
/******************************************/
#centerbox{ line-height:2;}
#centerbox th{font-size:13px;}
#centerbox li{ list-style-image:url(../images/mini_icons.gif);  font-size:13px; }
.dot{ background:url(../images/dotted.gif) repeat-x  top;}
.dotcenter{ background:url(../images/dotted.gif) repeat-x  center;}


.DownloadBox{ margin:0 auto;}
.DownloadBox th{ height:30px; border-bottom:1px solid #999; background:; text-indent:1em; padding:5px; }
.DownloadBox td{ padding-top:5px; padding-bottom:5px;} 
.DownloadBox img{ margin:5px auto; padding:1px; border:1px solid #ccc;}
.DownloadBox li{ list-style-image:url(../../../gildata-template/images/Icon5.gif); list-style-position:inside;}
.textin{text-indent:2em;padding-left:3px;padding-right:3px;}

/******************************************/
/*****DownloadCenter**********/
/******************************************/

#Download{text-align:center; }
#Download th{height:32px; line-height:30px; background:#d4d4d4 url(../images/thbg.gif) repeat-x; border-bottom:1px solid #d1d1d1; }
#Download td{height:32px; line-height:26px; background:url(../images/dottedblue.gif) repeat-x bottom;}
#Download span{font-size:12px; border-bottom:1px solid #6590de; }