body { background: url(../images/centerbg.jpg) repeat-y center top #7eb8f7; margin: 0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#mainbg { background:url(../images/bgwater.jpg) no-repeat center top; width:100%; padding:0px; margin:0px;}
#wrapper { width:875px; margin:0 auto 0 auto; padding:0px; position:relative; z-index:0;}
.sticker { background:url(../images/img_steaker.png) no-repeat; position:absolute; z-index:999999; height:152px; 
width:152px; margin:280px 0px 0px 380px;}
/*====================================================
		Css Style for common classes
====================================================*/
h1, h2, h3, h4, h5, p { margin:0px; padding:0px 0px 10px 0px;}
a { text-decoration:none;}
a.link { color:#f05028; text-decoration:underline;}
a.link:hover { color:#333333; text-decoration:none;}
.left { float:left;}
ul { margin:0px; padding:0px; list-style:none;}
img { border:0px;}
.clrblue { color:#6699ff;}
.clrorange { color:#f05028;}
.bold {
	font-weight:bold;
}
p{ margin:0px; padding:0px 0px 15px 0px;}
/*====================================================
		Css Style for Header part
====================================================*/
#headerpart { padding:14px 12px 18px 25px;}
#headerpart .logo { width:272px; }

/*====================================================
		Css Style for Navigation
====================================================*/
#navigation { background:url(../images/navibg.jpg) repeat-x left top; margin:0px 18px; padding:0px 0px 0px 4px;}
#navigation .side { width:12px;}

ul.navi { margin:0px; padding:0px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ul.navi li { float:left; display:inline;}
ul.navi li a { color:#FFFFFF; text-decoration:none; display:block;  padding:10px 0px; }
ul.navi li a:hover { display:block;}
ul.navi li ul { position: absolute; /* hidding submenus */ display:none; width:214px; padding:0px; margin:0px; background-color:#0193de; text-align:left; line-height:28px;}
ul.navi li:hover ul, ul.navi li.over ul /* This is for Internet Explorer 6  */ {
	display: block; background-color:#0193de; position:absolute;}
ul.navi li ul li { display:block; margin:0px; width:205px; float:left; }
ul.navi li:hover ul li a, ul.navi li.over ul li a {	display: block; width:199px; text-decoration:none; color:#FFFFFF; margin:0px;text-align:left; padding:0px 0px 0px 15px; }
ul.navi li ul li a:hover, ul.navi li ul li a.selected { color:#000000; background-color:#ebf4fb; display:block;}

a.sub {  text-indent:8px; color:#ffffff;}
.line { padding-top:8px;}

/*====================================================
		Css Style for center part
====================================================*/
#centerpart { background:url(../images/copy_of_centerbtm.png) no-repeat center bottom; padding:23px 31px 25px 27px;}

.leftside { width:488px; padding-left:21px;  font-size:12px; color:#333333; line-height:20px; }
.punchline { padding:0px 0px 30px 0px;}


.rightside { width:310px;}
.rightside .details { padding:20px 0px;}
.rightside .details h2{ font-family:"trebuchet MS"; font-size:18px; color:#336699; font-weight:normal; text-align:left; }
.orange {
	color:#F15A35;
}

/*====================================================
		Css Style for insidepart
====================================================*/
#insidepart { background:url(../images/middle1.png) repeat-y 22px top; }
#insidepart .centertop { background:url(../images/insidecentertop.jpg) no-repeat 22px top;  padding:23px 31px 0px 27px;}
.mainheading {padding:111px 0px 105px 40px;}
.insidecenterpart { padding:0px 20px;  font-size:12px; color:#333333; line-height:20px; }
.divider { background:url(../images/divider.jpg) repeat-x left top;}

.newproduct { border-bottom:1px solid #b2d4fa; padding-right:20px; margin-bottom:10px; }
.newproduct .prod { border-bottom:4px solid #6699ff; width:172px; text-align:center; padding-bottom:10px; }
.newproduct .details { padding-left:15px; vertical-align:top; }
h2 { font-size:20px; color:#f05028; font-family:'Cuprum', Arial, Helvetica, sans-serif;}
h3 { font-size:14px; color:#333333;}
.krinovatelogo { background:url(../images/krinovatelogo.jpg) no-repeat right bottom;}

#insideproduct { padding:0px 20px 0px 22px; font-size:12px; color:#333333; line-height:20px;}
#insideproduct .leftside { padding:20px; width:525px; background:url(../images/middle2.png) repeat-y left top; }
.productbg { border:1px solid #B2D4FA; padding:0px; width:150px; text-align:center; font-family:verdana; font-size:13px; line-height:20px; margin:0 auto 0 auto;}
.productbg .imgdisplay { height:150px; text-align:center;}
.productbg .details { background-color:#B2D4FA; color:#000000; text-align:center; font-weight:bold; font-size:13px; line-height:22px; padding:5px 0px 5px 0px;}
.productbg .details a { color:#000000;}

.productmenu { width:250px; padding:20px 5px 20px 10px; font-family:tahoma, arial, verdana; font-size:10px; color:#0081C6; vertical-align:top;}
ul.productnavi li { border-bottom:1px solid #0081C6; line-height:20px; padding:5px; color:#0081C6; font-size:10px;}
ul.productnavi li a { color:#0081C6;}
ul.productnavi li a:hover, ul.productnavi a.selected { color:#333333;}
/*====================================================
		Css Style for What's New part
====================================================*/
#whatsnew, #footerpart { padding:0px 24px 0px 22px;}

#whatsnew { padding-top:15px; padding-bottom:20px;}


/*=================================================
		Css for Scroller
===================================================*/
ul#scroller { margin:0px; padding:0px; list-style:none;}
ul#scroller li { display:inline; padding-top:10px; margin:0px 5px; text-align:center; font-size:13px; color:#333333; font-weight:bold;}
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	display:inline;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 815px;
	height: 160px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 815px;
	height: 160px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 130px;
	height: 160px;
}


/*=================================================
		Css for Scroller
===================================================*/
#footerpart { font-size:12px; font-family:Arial, Helvetica, sans-serif, Calibri; text-align:center; padding-top:20px;}
#footerpart .side { width:15px; }
#footerpart .footerbg { background:url(../images/footerbg.png) repeat-x left top; color:#333333;}
#footerpart .footerbg a { padding:0px 0px 0px 1px; color:#333333; line-height:40px; }
#footerpart .footerbg a:hover, #footerpart .footerbg a.selected { color:#f05028;}
.footer1 { color:#FFFFFF; font-size:12px; line-height:40px; padding:0px 5px;}
.footer1 a { color:#FFFFFF;}
.footer1 a:hover, .footer1 a.selected { color:#000000;}


/*=================================================
		Css for Slideshow
===================================================*/
#slideshow {
	position:relative;
	height:373px;
	text-align:center;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}

a.backtotop { background:url(../images/drop.jpg) no-repeat right top; padding-right:20px; float:right; color:#333333; margin-top:15px;}
a.backtotop:hover { color:#6699ff;}
.textfieldbg { background:url(../images/textfieldbg.jpg) no-repeat left top; width:205px; padding:2px 2px 2px 5px;}
.textfield { height:23px; width:200px; background:none; border:0px; color:#333333; font-size:12px; }

.textareabg { background:url(../images/textareabg.jpg) no-repeat left top; width:435px; padding:5px;}
.textarea { background:none; border:0px; color:#333333; font-size:12px; height:84px; width:422px; }

.centerbtm { padding:0px 0px 0px 22px;}
.mainproduct {padding:10px; width:250px; }

ul.point { padding:10px 10px 15px 15px; margin:0px; list-style:none;}
ul.point li { background:url(../images/arrow.jpg) no-repeat left 9px; padding-left:15px; color:#333333; }

.textarea1 {
	border:1px solid #9CC8F9;
	width:250px;
	height:80px;
}
.textfield1 {
	border:1px solid #9CC8F9;
	width:200px;
	height:20px;
}

.prodctboxbg { background:url(../images/productboxbg.jpg) repeat-x left top; padding-top:12px; width:250px; text-align:center; padding-bottom:25px;}

.vision { padding:10px 40px 0px 0px; background:url(../images/icon_vision.jpg) no-repeat right center; color:#333333;}
.mision { padding:10px 85px 0px 0px; background:url(../images/icon_mision.jpg) no-repeat right center; color:#333333;}

.visionmission { background-color:#D8E9FC; padding:5px 10px 5px 10px; margin:20px 0px;}
.visionmission1 { background:url(../images/center.jpg) repeat-y top left;padding:5px 10px 5px 10px; margin:20px 0px;}
.divider1 { border-bottom:1px dotted #333333;}
.productthumb { text-align:center; padding:15px 0px;}
.productdetails { line-height:20px; color:#333333; font-size:13px;}
.sidepedding { padding:10px 10px 10px 20px; text-align:left;}
.sidepedding ul { padding:0px 10px 15px 5px; margin:0px; list-style:none;}
.sidepedding ul li { background:url(../images/4.gif) no-repeat left 3px; padding-left:20px; }
.imgbdr {
	padding-right:10px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

ul.state {
	margin:0px; padding:0px 15px 0px 0px; list-style:none;
}
ul.state li {
	background:url(../images/4.gif) no-repeat left 4px;
	padding-left:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
}

.specialoffer{ 
	background:url(../images/special_bg.jpg) repeat-y;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}
.specialoffer .centener{
	background:url(../images/special_bgtop.jpg) no-repeat;
	padding:18px 35px 0px 13px;	
	text-align:left;
}
.sidebox{ background:url(../images/src_bg.jpg) repeat-y 5px;
}

/* ***************** Style for box ********** */
.bxtop { background:url(../images/bx_top.jpg) top center no-repeat; height:14px; font-size:0px;}
.bxbody { background:url(../images/bx_bg.jpg) repeat-y; }
.bxbtm1 { background:url(../images/bg_btm1.jpg) bottom right no-repeat; padding:10px 20px 20px 20px; }
.bxbtm2 { background:url(../images/bg_btm2.jpg) bottom right no-repeat; padding:10px 20px 20px 20px; } 


/*.brdsrc {border:#4379b5 solid 1px;}*/
.scroolinghr{  font-size:11px; font-weight:bold; line-height:18px; color:#333333; text-align:center; padding:5px 0px;}