/* 
Project : Techmagri Website
Author : Rade New Media
Date : Wednesday, 25 February 2009
*/
body {
	background: #fff url('images/bg.jpg') repeat-x; 
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
}

/* General Styles */
div#breadcrumb {
	height: 15px;
	padding: 5px 0 0 10px; 
	margin-bottom: 5px;
	color: #919191;
}		#breadcrumb a { color: #919191 !important; text-decoration: none; }
			#breadcrumb a:hover { color: #666; text-decoration: underline; }

p {	padding: 5px 2px; }

.clear { clear: both; }

.moreimages { text-align: center; }
	.moreimages img { margin: 0; }
	.moreimages a { color: #999; text-decoration: underline; }
		.moreimages a:hover { text-decoration: none; }
			.gallery { display: none; }
	
h1 {
	font-size: 18px;
	color: #f60000;
	padding: 5px 0;
}

h2 {
	font-size: 14px;
	color: #f60000;
	padding: 5px 0;
}

small {
	font-size: 10px;
}

.prodvideo {
	padding: 0 0 5px 10px;
}

.GetFlash {	
	padding: 0 10px;
	float: right;
}

.Video {
	margin-left: 10px;
}

/* Header Style */
div#logo {
	background: url('images/logo.jpg') no-repeat;
	width: 715px;
	height: 60px;
}		#logo a { display: block; height: 60px; width: 715px; }
		#logo span { display: none; }
		
div#navarea {
	background: url('images/navbg.jpg') repeat-x;
	border-left: #8c8c8c 1px solid;
	border-right: #8c8c8c 1px solid;
	height: 35px;
	margin: 20px 0 0 0;
}	

ul#nav {
	list-style: none outside; 
	padding: 0;
	margin: 0;
}		#nav li { background: url('images/navli.jpg') right no-repeat; float: left; height: 22px; margin: 0; padding: 8px 20px 5px 10px; }
		#nav li:hover, #nav li.hover { position: static; }
			#nav li a { color: #f4f4f4; text-decoration: none; display: block; font: 13px Verdana; font-weight: bold; }
				#nav li a:hover { color: #979797; }
				#nav li a.active { color: #979797; }
					#nav li ul {
						background: #c80a0c;
						list-style: none outside;
						position: absolute;
						width: 200px;
						left: -999em;
						margin: 11px 0 0 -15px;
					}		/* 2nd Level Nav */
							#nav li:hover ul, #nav li.sfhover ul { left: auto; z-index: 1; }
							#nav li ul {  padding: 10px 10px 0 10px; width: 140px; border-top: #fff 1px solid; z-index: 1; }		
							#nav li ul li { background: #c80a0c; margin: 0; width: 140px; padding: 0; }		
									#nav li ul li a { color: #f4f4f4; font-size: 10px; font-weight: normal; display: block; }
									#nav li ul li a:hover { color: #979797; }
										#nav li ul li.last { border-bottom: none; }		
											/* 3rd Level Nav */
											#nav li ul ul { margin: -22px 0 0 0; right:-144px; border-left: #fff 1px solid; border-top: none; }
											#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
											#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

ul#downloads { 
	list-style: none outside !important; 
	padding: 0;
	margin: 0;
}		#downloads li {	background: url('images/pdf.gif') left no-repeat; padding: 12px 0 12px 40px; }

div#slideshow {
	height: 195px;
	position: relative;
	z-index: 0;
}		#slideshow img
			{ display: none; position: absolute; top: 0; left: 0; border: 0; }

/* Content Style */
div#wrapper {
	width: 900px;
	margin: 0 auto;
}

div#content { 
	background: #fff;
	padding: 20px;
	clear: both;
	overflow: hidden;
}		#content img { border: none; margin-bottom: 5px; }
		#content a { color: #9f0000; text-decoration: underline; }
			#content a:hover { text-decoration: none; }
		#contentleft { width: 610px; float: left; margin-right: 20px; }
			#contentleft ul { list-style: outside; }
		#contentright { width: 220px; float: right; }
			#contentright p { padding: 0; margin: 0 0 5px 0; }
			.rhheading { background: #676767; padding: 6px 0 4px 10px; height: 21px; position: relative; color: #fff; font-weight: bold; font-size: 14px; }
				.rhheadingleft { background: url('images/headingleft.jpg') no-repeat; position: absolute; left: 0; top: 0; width: 10px; height: 31px; }
				.rhheadingright { background: url('images/headingright.jpg') no-repeat; position: absolute; right: 0; top: 0; width: 14px; height: 31px; }
			.rhcontent { background: #e8e8e8 url('images/rhbottom.jpg') bottom no-repeat; padding: 10px; margin-bottom: 20px; }
			#contentright img { margin-bottom: 5px; }
				.rhcontent h2 { margin: 5px 0; padding: 0; }
				.rhcontent ul { margin: 0 0 0 10px; padding: 0; }
					.rhcontent ul li { padding: 2px; }
	
			/* Our Partners Page */
			div#partners a { text-decoration: none; }
			div#partners img { border: #adadad 1px solid; padding: 5px; }
				div#partners img:hover { border: #333 1px solid; }

			/* Products RHS */
			.productcontainerright { width: 221px; height: 132px; position: relative; margin-bottom: 10px; overflow: hidden; }
				.productheaderright { background: #666; opacity: 0.8; width: 199px; height: 15px; padding: 5px; position: absolute; top: 101px; left: 6px; font-weight: bold; color: #fff; }
			div#productcatright { float: left; margin-right: 10px; overflow: hidden; }
			div#productcatright a { text-decoration: none; }
			div#productcatright img { border: #adadad 1px solid; padding: 5px; }
				div#productcatright img:hover { border: #333 1px solid; }

			/* Products Landing Page */
			.productcontainer { width: 290px; height: 130px; float: left; position: relative; margin-bottom: 10px; padding-left: 10px; }
				.productheader { background: #666; opacity: 0.8; width: 270px; height: 15px; padding: 5px; position: absolute; top: 101px; left: 16px; font-weight: bold; color: #fff; }
			div#productcat { overflow: hidden; }
			div#productcat a { text-decoration: none; }
			div#productcat img { border: #adadad 1px solid; padding: 5px; }
				div#productcat img:hover { border: #333 1px solid; }

			/* Products Landing Page */
			.gallerycontainer { float: left; position: relative; margin-bottom: 20px; padding-left: 20px; }
				.galleryheader { background: #666; opacity: 0.8; width: 155px; height: 15px; padding: 5px; position: absolute; top: 146px; left: 26px; font-weight: bold; color: #fff; }

			/* Product Details Page */
			div#productdetail { 
				background: #fff;
				padding: 0 20px 20px 15px;
				clear: both;
				overflow: hidden;
			}		#productdetail a { color: #9f0000; text-decoration: underline; }
					#productdetail a:hover { text-decoration: none; }
					#productdetail img { border: none; }
					#productdetail p { padding-top: 5px; }
						ul.keyfeatures { margin-left: 15px; }
						.keyfeatures li { padding: 4px 0; margin: 0; }
						ul.resources { margin-left: 15px; list-style: url('images/resourcesnav.jpg'); }
						.resources li { padding: 4px 0; margin: 0; }
							.resources li a { color: #333; text-decoration: none;}
								.resources li a:hover { text-decoration: underline; font-weight: bold; }
						#contentleft td { padding: 5px; background: #eaeaea; }
						#contentleft th { padding: 5px; background: #ccc; }
						.productdetailtable { clear: both; margin-top: 20px; }
						.tableheader { color: #7e7e7e; }
							.model { width: 68px; }
							.width { width: 124px; }
							.tines { width: 100px; }
							.weight { width: 76px; }
							.power { width: 101px; } 
							.price { width: 147px; }
					
/* Footer Style */
div#footer {
	height:16px;
	background: #adadad;
	padding: 10px;
	color: #fff;
	text-align: right;
}		#footer a { color: #fff; text-decoration: none; }
			#footer a:hover { text-decoration: underline; }
		#footer a.footeractive { font-weight: bold; }
		
/* Sitemap */
ul#sitemap {
	list-style: inside;
}		#sitemap li { padding: 2px; }
			#sitemap li ul { margin: 5px 5px 5px 40px; padding: 0; }
				#sitemap li ul li { list-style: circle; }
					#sitemap li ul li ul li { list-style: square; }

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#lightbox img{ width: auto; height: auto;}
		#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
	#imageContainer{ padding: 10px; }
		#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
			#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#imageContainer>#hoverNav{ left: 0;}
			#hoverNav a { outline: none;}
		#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
		#prevLink { left: 0; float: left;background: url(images/prevlabel.gif) left 15% no-repeat;}
		#nextLink { right: 0; float: right;background: url(images/nextlabel.gif) right 15% no-repeat;}
			#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
			#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
				#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
					#imageData{	padding:0 10px; color: #666; }
					#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
					#imageData #caption{ font-weight: bold;	}
					#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
					#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
						#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Gallery */ 
div#galleryPage { padding: 0; margin-top: 10px; }
	#galleryPage img { width: 120px; height: 120px; border: #b9b9b9 1px solid; padding: 3px; margin: 10px; }