body {
	background: #777;
	color: #4C4C4C;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	/*text-transform: uppercase;*/
}

a {
	color: #448;
}
a:hover {
	color: #668;
}

.nothing {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.box {
	padding: 8px;
	margin: 0;
	background: none;
}
.box.top    { padding-top:    0 !important; margin-top: 0 !important; }
.box.bottom { padding-bottom: 0 !important; margin-top: 0 !important; }
.box.left   { padding-left:   0 !important; margin-top: 0 !important; }
.box.right  { padding-right:  0 !important; margin-top: 0 !important; }

.quiet.more {
	color: #AAA;
}

div.border {
	border-right: 1px solid #DDD;
}

input.err, textarea.err, select.err {
	margin-bottom: 0 !important;
}
span.err {
	color: #A00;
	font-size: 0.8em;
	text-transform: uppercase;
}

#body {
	background: #FFF;
	padding: 0 0 16px 0;
}

#header #logo {
	background-color: #FFF;
	background-image: url('../../images/logo.png');
	background-position: 0 22px;
	background-repeat: no-repeat;
	height: 70px;
	margin: 0;
	padding: 0;
	text-indent: -90210px;
}

	#header #logo h1 {
		display:none;
	}

#nav ul {
	float: right;
	list-style: none;
	margin: 43px 0 3px 0;
	padding: 0;
}
	#nav ul li {
		display: block;
		float: left;
		height: 24px;
		margin: 0;
		padding: 0;
		width: auto;
	}
		#nav ul li a {
			background: #FFF;
			border: 1px solid #DDD;
			border-width: 0 1px 1px 0;
			color: #AAA;
			/*display: block;*/
			font-size: 0.8em;
			height: 16px;
			padding: 4px 15px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			width: auto;
		}
		#nav ul li a:hover {
			background: #EEE;
		}
		#nav ul li a.here {
			border-bottom: 3px solid #BBB;
			color: #666;
			font-weight: bold;
		}
		#nav ul li.last a {
			border-right: 0;
		}
#bannerdura {
	margin: 5px auto 5px auto;
	padding: 15px 0px 15px 0px;
	
	height: 193px;
	
	position: relative;
	width: 950px;
}
#banner {
	background-image: url('../../images/loading.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	height: 176px;
	margin: 16px auto;
	padding: 6px;
	position: relative;
	width: 950px;
}
	#banner div.wrap {
		display: none;
		position: absolute;
		height: 176px;
		top: 6px;
		left: 6px;
		width: 950px;
	}
		#banner div.wrap div {
			background-repeat: no-repeat;
			height: 176px;
			position: absolute;
			top: 0;
			left: 0;
			width: 950px;
		}
		#banner div.wrap div.first {
			background-position: 50% 50%;
			z-index: 1;
		}
		#banner div.wrap div.last {
			background-position: 0% 90%;
			z-index: 2;
		}
		#banner div.wrap div.last h1 {
			float: left;
			padding: 5px;
			background: #FFF;
			color: #000;
		}

#footer {
	color: #FFF;
	font-size: 0.85em;
	padding: 8px 0 8px 0;
}
	#footer a {
		color: #FFF !important;
	}

#page-home h2 {
	font-family: Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
}

	#home-products div.icon {
		float: left;
		height: 115px;
		width: 110px;
		margin-right: 10px;
		/*padding-bottom: 35px;*/
		text-align: center;
	}
	#home-products div.icon.last {
		margin-right: 0;
	}
		#home-products div.icon div.image {
			border: 1px solid #CCC;
			padding: 1px;
		}
			#home-products div.icon div.image a {
				background-position: 50% 50%;
				display: block;
				height: 75px;
				text-indent: -90210px;
			}
		#home-products div.icon a.text {
			clear: both;
			font-size: 90%;
			font-weight: bold;
			text-decoration: none;
		}
	#home-products h2, #home-clients h2 {
		font-weight: bold;
	}

	#home-clients div.client {
		float: left;
		height: 90px;
		width: 90px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#home-clients div.client.last {
		clear: right;
	}
		#home-clients div.client div.logo {
			background-position: 50% 50%;
			background-repeat: no-repeat;
			height: 100%;
			width: 100%;
		}

	#news {
		border: 1px solid #DDD;
		padding: 0;
	}
		#news h2 {
			background: #DDD;
			padding: 4px 10px;
		}
	#news-readall {
		background: #EEE;
		border: 1px solid #DDD;
		border-top: 0;
		font-weight: bold;
		font-size: 95%;
		text-align: right;
	}

.news {
	border-bottom: 1px dotted #CCC;
	padding: 10px;
}
	.news.bottom {
		border-bottom: none;
	}
	.news .title {
		background: transparent url(../../images/page_white.png) 0 2px no-repeat;
		display: block;
		font-size: 100%;
		font-weight: bold;
		padding: 0 0 4px 20px;
	}
	.news .title .date {
		color: #888;
		font-weight: normal;
		font-size: 95%;
		float: right;
	}
	.news .description {
		padding-left: 20px;
	}
	.news .description .more {
		font-size: 95%;
	}

#page-about div.box div.image {
	border: 1px solid #DDD;
	height: 64px;
	padding: 3px;
	margin-bottom: 1em;
}
	#page-about div.box div.image div.inner {
		background-repeat: no-repeat;
		height: 100%;
	}
	/*#page-about #our-location div.image div.inner {
		background-position: 50% 0;
		background-image: url('./public/images/about-us/location.jpg')
	}
	#page-about #technical-dept div.image div.inner {
		background-position: 50% 45%;
		background-image: url('../../../../images/about-us/technical.jpg')
	}
	#page-about #our-products div.image div.inner {
		background-position: 50% 15%;
		background-image: url('../../../../images/about-us/products.jpg')
	}
	#page-about #quality-ass div.image div.inner {
		background-position: 50% 25%;
		background-image: url('../../../../images/about-us/quality.jpg')
	}
*/

#page-branches #content table td {
	padding-left: 0;
	vertical-align: top;
}
#page-branches #content h3 {
	margin: 1em 0 0 0;
}
#page-branches #content table tr.first h3 {
	margin-top: 0;
}

#page-certification div.cert {
	text-align: center !important;
}
	#page-certification div.cert img {
		border: 2px solid #CCC;
	}

div.breadcrumb {
	background: #EEE;
}
	div.breadcrumb div.select {
		text-align: right
	}
	div.breadcrumb div.select select {
		margin: 0;
	}

div.product {
	border-bottom: 1px solid #AAA;
	padding-top: 16px;
}
div.product.ending {
	border-bottom: 0;
}

#page-products #title h2 a {
	color: #000;
	text-decoration: none;
}

div.thumbnail {
	height: 134px;
	margin-bottom: 1em;
}
	div.thumbnail div.image {
		border: 1px solid #CCC;
		height: 94px;
		padding: 3px;
	}
		div.thumbnail div.image a {
			background-position: 50% 50%;
			background-repeat: no-repeat;
			display: block;
			height: 100%;
			width: 100%;
			outline: none;
			text-decoration: none;
			text-indent: -90210px;
		}
		div.thumbnail div.image.none a {
			background: transparent !important;
			font-size: 90%;
			height: 20%;
			text-align: center;
			text-indent: 0;
			padding: 26% 0;
		}
	div.thumbnail div.text {
		text-align: center;
		font-size: 95%;
	}
	/*#page-products div.thumbnail div.text {
		font-size: 100%;
		font-weight: bold;
	}*/

div.product-info {
	clear: both;
}
	div.product-info h4 {
		border-bottom: 1px solid #DDD;
		font-weight: bold;
		margin-bottom: 0.5em;
	}
	div.product-info div.description {
		margin-top: 0.5em;
	}
	div.product-info table {
		border-collapse: collapse;
		width: 100%;
	}
		div.product-info table td {
			border: 1px solid #DDD;
		}
	/*div.product-info table th {
			background: #EEE;
			border: 1px solid #DDD;
			text-align: center;
			padding: 4px !important;
		}
		div.product-info table td {
			border: 1px solid #DDD;
			padding: 4px !important;
		}*/
	/*div.product-info div.picture {
		background: #EEE;
		text-align: center;
		margin-bottom: 1em;
	}
	div.product-info.keyvalue table {
		width: auto;
	}
		div.product-info.keyvalue table th {
			background: inherit;
			text-align: right;
			padding: 0 0.5em 0 0;
		}
		div.product-info.keyvalue table td {
			padding: 0;
		}*/

#page-clients #content p {
	border-bottom: 1px solid #DDD;
	float: left;
	height: 2em;
	margin: 0;
	padding: 2%;
	width: 21%;
}

#page-news div.entry {
	border-top: 1px solid #CCC;
	padding-top: 2em;
}
	#page-news div.entry.first {
		border-top: 0;
		padding-top: 0;
	}
	#page-news div.entry p.info {
		font-size: 95%;
	}

#floatbox .overlay {
	background: #000;
	filter: alpha(opacity=80);
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
* html #floatbox .overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#floatbox .kotak {
	background: #FFF;
	height: 530px;
	left: 50%;
	margin-left: -310px;
	margin-top: -265px;
	padding: 10px;
	position: fixed;
	top: 50%;
	width: 620px;
	z-index: 2000;
}
* html #floatbox .kotak {
	position: absolute;
}
	#floatbox .kotak .content {
		height: 500px;
		overflow-y: scroll;
		overflow-x: hidden;
		text-align: left;
	}
	#floatbox .kotak .control {
		background: #DDD;
		border-top: 1px solid #CCC;
		bottom: 0;
		height: 20px;
		left: 0;
		padding: 5px 0;
		position: absolute;
		text-align: right;
		width: 100%;
	}
		#floatbox .kotak .control a {
			color: #333;
			font-weight: bold;
			text-decoration: none;
			padding-right: 10px;
		}