/* CSS Document */

/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,a,ul,li,font,nav,left,container,content,search,text,category,footer,products{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*vertical-align: baseline;*/
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }

/*-------
// general
//-----*/

html { font-size: 100.01%; }
body {
	font-size: 62.5%;
	line-height:16px;
	font:normal 12px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
input, select, textarea { font-size: 100%; }
div{ margin:0; padding:0;}
input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 10px 20px; }
.ul li, .ol li { margin: 10px 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; margin:0; padding:0;}

a, a{ text-decoration: none; cursor/**/: /**/pointer; }
a:hover{ text-decoration: underline; }
/*----------
General Style
-------------*/
body{
	background-color:#efefee;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:15px;
	 
}
h1,h2,h3,h4{line-height:20px;}
p{line-height:16px; font-size:11px;}

.search_input{margin-right:10px; vertical-align:bottom; margin-bottom:5px;}
.search_btn{margin:20px 20px 0px 0px;}

h1{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333;
	padding-bottom:10px;
}

h1#pagetitle {
border-bottom:1px solid #E0E0E0;
color:#333;
font:bold 16px Arial, Helvetica, sans-serif;
margin-bottom:10px;
padding-bottom:0;
}

h2{
	font:bold 18px "Trebuchet MS";
	color:#a20000;
	padding-bottom:5px;
	border-bottom:2px dotted #a20000;
	margin-bottom:10px;
}
h3{
	font:bold 15px "Trebuchet MS";
	color:#a20000;
	padding-bottom:10px;
}
h4{
	font:bold 13px "Trebuchet MS";
	color:#a20000;
	padding-bottom:10px;
}
h5{
	font:bold 11px "Trebuchet MS";
	color:#a20000;
	padding-bottom:5px;
}
h6{
	font:bold 10px "Trebuchet MS";
	color:#a20000;
	padding-bottom:5px;
}

p{
	font:normal 12px tahoma;
	padding-bottom:10px;
	line-height:16px;
}
ul{
	margin-left:20px;
	list-style:disc;
	margin-top:10px;
}
li{
	font:normal 12px Tahoma;
	padding-bottom:10px;
}
/*-------
// Page Layout
//-----*/

#container{
	margin:0px auto; 
	width:930px; 
	background-color:#fff;
}
/* ------------ Header part start -----------------*/
.header{
	width:100%;
	height:207px;
}
.content{ 
	width:928px; 
	height:auto; 
	overflow:hidden; 
	border:1px solid #063153; 
	border-top:none;
	background:url(../images/left_bg.jpg) top left repeat-y;
}

/*------- Left area --------*/
.left{
	/*background:url(../images/left_bg.jpg) top left repeat-y;*/
	width:225px;
	height:auto;
	float:left;
}

.search{ 
	width:100%;
	height:82px;
	background:url(../images/search_box_lines.jpg) left bottom no-repeat;
	margin-bottom:13px;
}
.search .text{ 
	padding-top:20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-left:8px;
}
.search .input{
	width:169px;
	height:17px;
	border:1px solid #7f9db9;
	margin-left:8px;
	padding-top:3px;
	font-size:11px;
}
.search .go_btn{
	width:16px;
	height:25px;
	margin-left:3px;
	width:27px;
	font-size:13px;
}
.category{
	background:url(../images/show_category.jpg) left top no-repeat;
	width:225px;
	height:25px;
	text-indent:-1000px;
}

#products ul {
	list-style:none;
	margin:0;
	padding:0;
	background:none;
	padding-bottom:20px;
}
#products ul li{
	background:url(../images/product_list_bg.jpg) left bottom no-repeat;
	padding: 0 0 0 10px;
}
#products ul li a{
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	padding-left:3px;
	display:block;
	margin-right:10px;
	
}
#products ul li a:hover{
	text-decoration:underline;
	color:#fff;
	background-color:#000000;
	_display:inline;
}
/*-------Right area --------*/
.right{
	width:697px;
	height:auto;
	float:left;	
	padding:3px;
}
.right p{
	font-size:13px;
	color:#333;
	padding-bottom:20px;
	letter-spacing:1px;
}
/* product box for Index page*/
.product_box{ 
	width:158px;
	overflow:hidden;
	float:left;
	text-align:center;
	font-size:11px;
	padding:8px;
}
.product_box a{ 
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
.product_box a:hover{ 
	color:#000000;
	font-size:11px;
	text-decoration:underline;
}
.product_box .product_image {
	overflow:hidden;
	height:108px;
	text-align:center;
}
.product_box .product_name {
	width:174px;
	text-align:center;
}
.product_box_bg{
	background:url(../images/product_box_bg.jpg) top left repeat-y;
	overflow:hidden;
}

.hr{
	margin:5px 0;
	border-top:1px solid #dfdfdf;
}

.breadcrumb{ 
	padding-bottom:10px;
	color:#333;
	width:692px;
	padding-left:5px;
	font: normal 11px Arial, Helvetica, sans-serif;
	float:left;
}
.breadcrumb a{ 
	color:#333;
	text-decoration:none;
}
.breadcrumb a:hover{ 
	color:#333;
	text-decoration:underline;
}
#AToZ{
	width:680px;
	border:1px solid #9ec1d4;
	background-color:#e8f1f7;
	text-align:center;
	margin:10px auto;
	padding:10px 5px;
	color:#3a4863;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#AToZ a{
	color:#0a2969;
	padding-left:2px;
	padding-right:2px;
}

#AToZ a:hover{
	color:#0a2969;
	background-color:#9ec1d4;
}
/*-- product discription page --*/
.leftImage{ 
	padding-left:10px;
	width:19%;
	float:left;
}
.rightDis{ 
	width:79%;
	float:left;
	overflow:hidden;
	font: normal 11px Arial, Helvetica, sans-serif;
	word-spacing:1px;
}

.heading{
	font:bold 16px  Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000;
	line-height:30px;
	margin-top:10px;
	margin-bottom:10px;
}

.desc p{ 
	font:normal 12px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	}
	
.table-row {
	background-color: #FFFFFF;
}
.table-row td {
	background-color: #EEEEEE;
}

.table-row td.row1 {
	text-align:right;
	background-color: #DFDFDF;
}
/*-------Footer --------*/
#footer{  
	width:100%; 
	height:113px;
	color:#000;
	background-color:#fff;
}

#footer .nav{ 
	background: url(../images/footerbg.jpg) top left no-repeat;
	width:928px;
	height:40px;
	color:#fff;
	text-align:center;
	line-height:40px;
	font-size:11px;
}
#footer .nav a{ 
	color:#fff;
	text-decoration:none;
	padding:0 2px;
}
#footer .nav a:hover{ 
	color:#fff;
	text-decoration:underline;
}

#footer .copyright{
	width:100%;
	height:38px; /*73px*/
	text-align:center;
	vertical-align:middle;
	color:#000;
	font-size:10px;
	padding-top:25px;
}
#footer .top_left{
	background:url(../images/footer_left_top.jpg) left top no-repeat;
	width:100%;
	height:9px;
}
/* End Footer area*/
