@charset "utf-8";
/* CSS Document */
body { background-image: url(../images/bg2.jpg); background-repeat: repeat-x; background-color: #FFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}
a { text-decoration: none; color: #036;}
a:hover { color: #F60;}
img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
h1 { font-size: 12px; color: #003366; background-image: url(../images/header_bg.jpg); line-height: 21px; height: 21px; padding-left: 5px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; text-transform: capitalize; font-family: Tahoma, Geneva, sans-serif;}
h1 span { float: right; margin-right: 10px; font-size: 10px; color: #F00;}
h1 .boxhr { background-image: url(../images/header_right.gif); float: right; height: 9px; width: 9px; margin-top: 7px;}
h2 { padding-left: 10px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; color: #369;}
select , input, textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 2px;}
#htmlcontent { background-image: url(../images/bg1.jpg); background-repeat: no-repeat; background-position: center top;}
#bodycontenttop { height: 10px; background-image: url(../images/content_bg1.png); background-repeat: no-repeat; background-position: center; width: 900px; margin: auto;}
#bodycontent { width: 880px; background-image: url(../images/content_bg2.png); background-repeat: repeat-y; background-position: center; margin: auto; padding-right: 10px; padding-left: 10px;}
#bodycontentbottom { margin: auto; width: 900px; background-image: url(../images/content_bg3.png); background-repeat: no-repeat; height: 10px;}
#header { color: #F8F8F8;}
#header #sitelogo { float: left; padding-top: 14px; padding-left: 36px;}
#header #menu { float: right; background-image: url(../images/menu_right.jpg); background-repeat: no-repeat; background-position: right top; padding-right: 8px;}
#header #menu ul { list-style-image: none; list-style-type: none; margin: 0px; background-image: url(../images/menu_left.jpg); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 26px; background-repeat: no-repeat; background-position: left top; float: left;}
#header #menu ul li{ display: inline;}
#header #menu ul li a { display: block; float: left; height: 72px; line-height: 72px; font-size: 12px; font-weight: bold; color: #606060; text-transform: uppercase; padding-right: 12px; padding-left: 12px; background-image: url(../images/menu_bg.jpg); background-repeat: no-repeat; background-position: left top; border-right-width: 1px; border-right-style: solid; border-right-color: #F8F8F8;}
#header #menu ul li a:hover { color: #003366; background-position: left -74px;}
#content { margin-top: 5px; margin-right: 10px; margin-left: 10px;}
#swf { height: 212px; padding: 0px; margin-top: auto; margin-right: 10px; margin-bottom: auto; margin-left: 10px; border: 1px solid #999; width: 858px;}
#pageswf { height: 212px; padding: 0px; margin-top: auto; margin-right: 10px; margin-bottom: auto; margin-left: 10px; border: 1px solid #999; width: 858px;}
#content #contentLeft { float: left; width: 180px;}
#content #contentRight { float: right; width: 670px;}
#content #contentLeft .itemList { border: 1px solid #d8d8d8; margin-bottom: 5px;}
#productcat { border-right-width: 1px; border-right-style: solid; border-right-color: #999; width: auto; float: left; margin-bottom: 10px;}
#productcat ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none;}
#productcat li { display: inline;}
#productcat ul li a { width: 201px; display: block; float: left; padding: 6px; margin-left: 1px; color: #333; text-align: center; background-image: url(../images/menu_bg.jpg); font-weight: bold; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999; border-bottom-color: #666;}
#productcat ul .hover a { background-image: none; background-color: #666; color: #FFF;}
#productcat ul li a:hover { background-position: left bottom;}
.itemList h1 , #showroom h1{ color: #333;}
.itemList ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none;}
.itemList ul li a { font-size: 11px; display: block; padding-left: 8px; line-height: 30px;}
.itemList ul li a:hover { background-color: #e8f3fa;}
#contentLeft #joinus { margin-top: 5px;}
#productList { margin-top: 5px; border: 1px solid #CCC;}
#productList ul { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1px;}
#productList ul li { display: inline;}
#productList ul li a { display: block; float: left; width: 130px; text-align: center; margin-right: 2px; margin-left: 1px; padding-top: 5px; padding-bottom: 5px;}
#productList ul li a:hover { background-color: #CCC;}
#productList ul li a .imgHolder { display: block; width: 115px; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-bottom: 5px; padding-top: 5px; background-color: #FFF;}
#showroom { margin-top: 5px; margin-right: 10px; margin-left: 10px; border: 1px solid #CCC; background-image: url(../images/div_bg.jpg); background-repeat: repeat-x; background-position: bottom;}
#showroom ul { list-style-image: none; list-style-type: none; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 6px;}
#showroom ul li { display: inline;}
#showroom ul li a { float: left; display: block; padding: 6px; margin-right: 8px; margin-top: 6px; margin-bottom: 2px; margin-left: 8px; border: 1px solid #CCC; background-color: #FFF;}
#showroom ul li a:hover { padding: 5px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666;}
#bottmlogo { margin-right: 10px; margin-left: 10px; text-align: right; padding-top: 15px; padding-right: 15px; padding-bottom: 5px;}
#footer { width: 880px; padding-right: 10px; padding-left: 10px; font-size: 11px; margin: auto; padding-top: 10px;}
#footer p { margin-top: 2px; margin-bottom: 5px; color: #666; line-height: 12px;}
#footer #footerleft { float: left; padding-left: 10px;}
#footer #footerleft p a {}
#footer #footerright { float: right; text-align: right; padding-right: 10px;}
#imggallary ul { list-style-image: none; list-style-type: none; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px;}
#imggallary ul li { float: left; background-color: #FFF; display: block; margin-right: 6px; width: 115px; text-align: center; padding: 3px; border: 1px solid #CCC;}
#alert { padding-left: 10px; color: #FFF; font-size: 11px; font-weight: bold; margin-right: 10px; margin-left: 10px;}
.enquiryform table { margin-left: 15px;}
.enquiryfrom form table { margin-left: 15px;}
.enquiryfrom form table tr td input { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.enquiryfrom form table tr td textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.productlist { background-color: #CCC; background-image: none;}
.products { margin-top: 3px; margin-right: 3px; margin-left: 3px; padding: 5px; background-image: url(../images/product_bg.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #FFF;}
.products .productimg { float: left; width: 450px;}
.products .productimg ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none;}
.products .productimg ul li { display: inline;}
.products .productimg ul li a { border: 1px solid #CCC; display: block; float: left; margin-right: 4px; padding: 2px;}
.products .productimg ul li a:hover { border: 2px solid #666; padding: 1px;}
.products .productinfo { float: right; width: 220px;}
.products .productinfo h2 { font-size: 11px; color: #036; margin: 0px; padding: 0px;}
.products .productinfo p { padding: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; font-size: 11px; color: #333; line-height: 18px;}
.product_desc { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #CCC; border-left-color: #CCC; text-align: center;}
.product_desc tr td { border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #CCC; border-right-color: #CCC; padding: 3px; font-weight: bold; font-size: 11px; color: #333;}
.product_desc .herdertr td { background-color: #666; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #CCC; border-right-color: #CCC; font-size: 10px; font-weight: bold; color: #FFF;}
.products .producttable h1 { font-size: 11px; background-image: none; margin-top: 10px; margin-left: 0px; padding-left: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
.products .listed { float: right; width: 56px;}
.products .listed ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none;}
.products .producttable .product_desc tr .tileTD { color: #FFF; background-color: #666;}
.products .producttable .imagegallary { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none;}
.products .producttable .imagegallary li { display: inline;}
.products .producttable .imagegallary li a { display: block; float: left; padding: 6px; margin-right: 8px; margin-top: 8px; border: 1px solid #999; margin-left: 8px;}
.products .producttable .imagegallary li a:hover { padding: 5px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666;}
.contents #contents_main ul li { font-size: 11px;}h1 .spanmore a{ padding-left: 8px; background-image: url(../images/icon1.gif); background-position: 3px 7px; display: block; background-repeat: no-repeat; color: #333;}
.contents { float: left; border: 1px solid #CCC; background-image: url(../images/div_bg.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #FFF;}
.contents p { padding: 0px; font-size: 12px; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;}
.contents #contents_main { padding-bottom: 20px; background-image: url(../images/div_aboutbg.jpg); background-repeat: no-repeat; background-position: right bottom;}
.more { color: #FFF;}
.more a { font-size: 10px; line-height: 13px; color: #FFF; text-transform: uppercase; background-image: url(../images/more_bg.jpg); background-repeat: repeat-x; height: 13px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; display: block; float: right; border: 1px solid #036; margin-bottom: 5px; margin-right: 10px; font-weight: bold;}
.clear {
	clear: both;
	float: none;
}
#contents_main .products .producttable h1 a{
	color: #069;
	font-size: 10px;
	display: block;
	float: right;
	padding: 2px;
	background-color: #CCC;
	margin-bottom: 2px;
	line-height: 14px;
}
.compatible {
	color: #F60;
}