@charset "utf-8";

/*------------------------------------------------------------------
[1. Common ]
*/	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
*{	
}
body {line-height:1;color:black;background:white;height:100%;margin:0;padding:0;background-image:url(../images/repeaterBg.jpg);background-repeat:repeat-y;background-position:center center;}
.clear{	clear:both;}

	/*------------------------------------------------------------------		
	[1.1 Wrappers]
	*/
	#mainWrapper {margin: 0 auto;width:979px;background-image:url(../images/repeatasdferBg.jpg);background-repeat:repeat-y center center;height:100%;}
	#wrapper2 {}
	#page {	}
	.contentWrapper {float: left;font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;width:100%;	 }

	/*------------------------------------------------------------------		
	[1.2 Logo and Top Info]
	*/
	.header {z-index:5; float:left; clear:both; width:873px; margin-bottom:1px; background-position:center top;position:relative;padding-top:0px}
	.logo {	float: left;width:140px;padding:20px 0 0 0px}

	.iconLinks{position:absolute; right:2px; top:20px; vertical-align:middle; padding:5px;}
		.iconLinks a{color:#F48023; vertical-align:middle; margin-right:20px;}
		.iconLinks img{vertical-align:middle;}
			.iconLinks a:hover{}

	/*------------------------------------------------------------------		
	[1.3 Content Divs ]
	*/	
	.mainNav_bg {	width:100%;	background-image:url(../images/bg_linksbg.png); background-repeat:no-repeat;height:61px;float:left;}
	.mainNav a{display:block; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
		.mainNav a:hover{text-decoration:none;}
	.bgContent { width: 979px;margin: 0 auto;height:100%;	}
	.bgContentInner{width:873px;margin:0 auto;}

	/*------------------------------------------------------------------		
	[1.4 index header, header slider styles ]
	*/	
	.topSlideBanner{float:left;width:873px; height:289px; padding: 0px 0px 0 0px; position:relative;}
	
		.topSlideBanner .rightButton{position:absolute; top:143px; right:4px; height:33px; width:33px; background:url(../images/index_slider_button_right.png) no-repeat;}
			.topSlideBanner .rightButton a{float:left; height:33px; width:33px;}
		
		.topSlideBanner .leftButton{position:absolute; z-index:5; top:143px; left:1px; height:33px; width:33px; background:url(../images/index_slider_button.png) no-repeat;}
			.topSlideBanner .leftButton a{ float:left; height:33px; width:33px;}
		
	.catHeader{float:left;width:880px;padding: 17px 0px 0 17px;}
	.productButtons{width:877px;float:left;padding:0px 0px 0px 18px;}

	
/*------------------------------------------------------------------		
[2 index styles ]
*/	
	
.indexContent{float:left; margin-top:0px;
background:#fafbfa url(../images/contentBottom.png) center bottom no-repeat; border:1px solid #e6e6e6; 
-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomright:5px; -webkit-border-radius-bottomleft:5px;
}
	.indexContent h2{color:#83afd0; margin-bottom:10px; padding-bottom:5px; border-bottom:2px solid #83afd0;}
		.indexContent h2 a{color:#83afd0; line-height:normal; margin-bottom:10px; font-size:16px; font-weight:bold;}	
			.indexContent h2 a:hover{text-decoration:none;}
	.indexContent p{color:#999999; padding-top:5px;}
.col1,.col2,.col3{float:left; border-top:1px solid #c3cdd4; height:150px; width:250px; margin:15px 20px 50px 20px; padding-top:5px;}

	.indexContent .bottom{float:left; margin-top:20px; clear:both;}

.trialInfoBtn{background:url('../images/getTrial.jpg') no-repeat; float:left;  width:115px; height:34px;}
.productInfoBtn{background:url('../images/prodInfo.jpg') no-repeat; float:left;  width:115px; height:34px;}
.moreInfoBtn{background:url('../images/moreinfo.jpg') no-repeat; float:left;  width:115px; height:34px;}

.purchaseBtn{background:url('../images/purchaseBtn.png') no-repeat; float:left; text-indent:-999em; width:150px; height:34px;}
.enquireBtn{background:url('../images/enquireBtn.png') no-repeat; float:left; text-indent:-999em; width:88px; height:34px;}

.longColumn{float:left; width:470px; margin:0px 10px 20px 0px; padding:30px 20px 20px 20px;
}
	.longColumn img{float:left; margin:5px; margin-bottom:0; width:140px; height:140px;}

.shortColumn{float:right; width:309px; padding:30px 20px 20px 20px;
}

	.shortColumn img{float:left; margin:10px; width:100px; height:100px; margin-bottom:0;}											

/*------------------------------------------------------------------		
[3 Footer ]
*/

.footer {margin-top:40px; float:left; font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:0 0 50px 0;}
	
	.footer a{line-height:normal;}
	.footer p {	margin: 0;padding-top: 30px;text-align: right; color:#999999;}
		.footer ul{list-style:none;}
		.footer ul li{height:20px; color:#999999;}
	
.footer_left {padding:3px 0 0 10px; font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#333;width:450px;float:left;line-height:27px;}
	.footer_left a{font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#5790c5;}

.footer_right {float:right;width:300px;text-align:right;padding:5px 55px 0 0px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#333;float:right;line-height:27px;}
	.footer_right a{font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#5790c5;}
		.footer_right a:hover{font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#5790c5;text-decoration:underline;}
	
	.footer_right a.sales{color:#f48023;}
	
	
/*------------------------------------------------------------------		
[3 Pagnation ]
*/

.pagination{float:left; clear:both; margin-top:10px;}

.productPage{margin-left:20px; padding-top:10px; float:left; clear:both;}

ul.pageNavigation{list-style:none; margin-top:0px; margin-left:0 !important;}
	ul.pageNavigation li{list-style:none !important; float:left; margin:0 4px 0 4px; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
		ul.pageNavigation li .pageNoActive{padding-top:12px; font-weight:bold;}
		
		ul.pageNavigation li .pageNo a{border:1px solid #999999; color:#666666; padding:2px 4px 2px 4px; background-color:#83AFD0;}
			ul.pageNavigation li .pageNo a:hover{background-color:#e6e6e6; text-decoration:none;}
			
			ul.pageNavigation li .pageNoActive{border:1px solid #999999; color:#666666; background-color:#efefef; padding:5px 5px 4px 5px; margin-top:6px;}
	
	/*------------------------------------------------------------------		
	[3.1 product listing pagnation ]
	*/

	.productPager{float:left; margin:20px 0 0 15px;}
	.storePager{float:left; margin:40px 0 0 15px;}

	/*------------------------------------------------------------------		
	[3.2 news listing pagnation ]
	*/
	
	.newsPage{float:left; clear:both; margin-bottom:10px;}
	.pageRecords{margin:0 0 0 0;}
	.pageRecords p{color:#999999 !important;}

	div.pageNavigation{list-style:none;}
		div.pageNavigation div{float:left; margin:0 4px 0 4px; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
			div.pageNavigation div.pageNoActive{padding-top:12px; font-weight:bold;}
			
			div.pageNavigation div.pageNo a{border:1px solid #999999; color:#666666; padding:2px 4px 2px 4px; background-color:#83AFD0;}
				div.pageNavigation div.pageNo a:hover{background-color:#e6e6e6; text-decoration:none;}
			
			div.pageNavigation div.pageNoActive{border:1px solid #999999; color:#666666; background-color:#efefef; padding:5px 5px 4px 5px; margin-top:6px;}