/* CSS Document */

html, body{
	background:#FFFFFF;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#343434;
	}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*html {
margin:0px;
padding:0px;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac 
   // Website Sliced by Naveen Sharma
   // Email: er.naveensharma@gmail.com
*/
img{
	border:none;
	}

p,h1,h2,h3,h4,div,form,blockquote{
	margin:0;
	padding:0;
	}

/* LAYOUT STRUCTURE CONTROL */




/* head css start */

#header{
	width:902px;
	clear:both;
	margin:0 auto;
}


#header #welcome{
	width:902px;
	clear:both;
	margin:0 auto;
	margin-bottom:15px;
	margin-top:3px;
}




#header #welcome h2{
	font-family:Arial;
	font-size:0.66em;
	text-transform:uppercase;
	color:#666666;
	font-weight:bold;
	text-align:right;
	line-height:16px;
}

#header #logodiv {
	width:902px;
	clear:both;
	margin:0 auto;
	border:none;
	border-bottom:#CCCCCC solid 1px;
	height:1%;
	overflow:hidden;
}


#logodiv #logo {
	width:132px; 
	height:71px; 
	float:left; 
	margin-right:3px;

}

#logodiv #wel {
	width:162px; 
	height:32px; 
	float:left; 
	margin-right:10px;
	padding-top:25px;
}


#logodiv #logoright{
	width:720px; 
	height:71px;
	padding-left:40px; 
	float:left;
}

#logodiv #loy{
	width:720px; 
	height:33px; 
	float:left;
}
#logodiv #menubold{
	width:720px; 
	height:37px; 
	float:left;
	border:none;
	border-top:#none;
	text-align:right;
}
#header #menubold .text{
	font-family:Arial;
	font-size:8pt;
	color:#333333;
	text-decoration:none;
	line-height:26px;
	font-weight:bold;
}

#header #menubold .text a{
	font-family:Arial;
	font-size:8pt;
	color:#333333;
	text-decoration:none;
	line-height:26px;
	margin-right:29px;
	font-weight:bold;
}

#header #menubold .text a:hover{
	text-decoration:underline;
}

#header #mainmenu{
	width:902px; 
	border-bottom:#000000 solid 1px;
	clear:both;
	line-height:26px;
}
#header #mainmenu .text{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
#header #mainmenu .text h2 {	
    width:128px;
    background:#000000;
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	line-height:26px;
	text-decoration:none;
	display:inline;
	font-weight:normal;
	padding:6px 0px;
	margin:0px;
}

#header #mainmenu .text h2 a{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	line-height:26px;
	font-weight:normal;
	margin:0px;
	padding:0px 38px;
}

#header #mainmenu .text h2 a:hover{
	text-decoration:underline;
}

#header #mainmenu .text h2 span {
    background:#ce4032; 
    width:136px;
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	line-height:27px;
	display:inline;
	font-weight:normal;
	padding:0px;
}

#header #mainmenu .text h2 span a{
    background:#ce4032;
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	line-height:27px;
	font-weight:normal;
	margin:0px;
	padding:6px 37px 7px 38px;

}




/* head css end */


/* middle css start */


#middle{
	width:902px;
	clear:both;
	margin:0 auto;
}


#middle #banner{
	width:902px;
	clear:both;
	margin:0 auto;
	height:1%;
	overflow:hidden;
}



#banner1{
	width:601px;
	margin:0 auto;
	float:left;
	height: 350px;
}
#banner2{
	width:301px;
	margin:0 auto;
	float:left;
	height: 350px;
}

#banner3{
	width:902px;
	margin:0 auto;
	float:left;
	height: 350px;
}

div.middle{
	margin:0 auto;
	clear:both;
	margin-bottom:10px;
	height:1%;
	overflow:hidden;}
		
DIV.middle1 { WIDTH: 885px;   HEIGHT:130px; background: url(../images/middlebg-home.jpg) no-repeat 50% bottom; FLOAT:left; padding:15px 10px;
}
.middle1 ul { margin:0px; padding:0px; list-style:none;}

.middle1 ul li{ width:200px; height:130px; float:left; padding-right:10px; display:block; margin-left:10px;}

/*div.middle2{
	width:421px;
	float:left;
	height:82px;
	padding:15px;
	padding-right:10px;
	margin-left:10px;
	background:url(../images/middlebg-home.jpg) no-repeat bottom;
}*/

#middle .text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:14px;	
}

#middle .text h2{
	font-family:Helvetica;
	font-size:14pt;
	font-weight:normal;
	text-align:justify;
	padding:5px 0px;
	text-transform:uppercase;
}

#middle .text .view{
	font-family: Arial;
	font-size:9pt;
	font-weight:bold;
	text-align:justify;
	background:url(../images/more.gif) no-repeat 26px 2px;
	margin-top:10px;
	display:block;
}

#middle .text .findout{
	font-family: Arial;
	font-size:9pt;
	font-weight:bold;
	text-align:justify;
	background:url(../images/more.gif) no-repeat 77px 2px;
	margin-top:10px;
	display:block;
}

#middle .text .readon{
	font-family: Arial;
	font-size:9pt;
	font-weight:bold;
	text-align:justify;
	background:url(../images/more.gif) no-repeat 45px 2px;
	margin-top:10px;
	display:block;
}


#middle .text a{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:14px;
	color:#333333;
	text-decoration:none;
}

#middle .text a:hover{
	text-decoration:underline;
}



.left{
	margin:0 auto;
	float:left;
	width:50%;
}

.right{
	margin:0 auto;
	float:right;
	width:50%;
	text-align:right;
}

 {
	margin:0 auto;
	clear:both;
}


.categories {
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
}

/* Sub page middle css start */
#submiddle{
	width:902px;
	clear:both;
	margin:0 auto;
	background:url(../images/subbg.jpg) repeat-y left;
	padding:0px;
	padding-top:10px;
	height:1%;
	overflow:hidden;
}

#submiddle #right{
	width:681px;
	float:left;
	margin:0 auto;
	padding:0px;
	padding-left:20px;
}

#submiddle #left{
	width:200px;
	float:left;
	margin:0 auto;
	padding:0px;
	padding-left:1px;
}


#leftmenu{
	clear:both;
	margin:0 auto;
	padding:24px 10px 52px 10px;
	width:180px;
	}



#leftmenu a{
	color:#333333;
	text-decoration:none;
	}

#leftmenu a:hover{
	text-decoration:underline;
	}

	
#leftmenu h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:20px;
	}
	
#leftmenu h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:20px;
	}
	
	
#submiddle #right .link{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	text-align:right;
}

#submiddle #right .link a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	padding: 0px 2px;
	color:#333333;
	text-align:justify;
}

#submiddle #right .link a:hover{
	text-decoration: underline;
}

#submiddle #right .text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	line-height:16px;
	text-align:justify;
}

#submiddle #right .text a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	line-height:16px;
	padding: 0px 2px;
	color:#0466A5;
	text-align:justify;
}

#submiddle #right .text a:hover{
	text-decoration: underline;
	color:#333333;
}

#submiddle #right .greytable .text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	line-height:16px;
	padding: 0px 2px;
	color:#333333;
	text-align:justify;
}

#submiddle #right .greytable .text1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	line-height:16px;
	padding: 0px 2px;
	color:#333333;
	text-align:justify;
}

#submiddle #right .greytable .text1 a:hover{
	text-decoration: underline;
	color:#0466A5;
}


#right h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	line-height:25px;
	}
#submiddle #right .text .both{
	margin:0 auto;
	clear:both;
	padding:0px;
	padding-top:15px;
}

#submiddle #right .text .both p{
	padding:0px;
	padding-bottom:20px;
}

#submiddle #right .text .both  ul{
	padding:0px;
	margin:0px;
	margin-left:30px;
	margin-bottom:20px;
}

#submiddle #right .text .both  ul li ul{
	padding:0px;
	margin:0px;
	margin-left:30px;
	list-style: disc;

}

#submiddle #right .text .both  ol li ul{
	padding:0px;
	margin:0px;
	margin-left:30px;
	list-style: disc;

}
#submiddle #right .text .both  ol{
	padding:0px;
	margin:0px;
	margin-left:30px;
	margin-bottom:10px;
}

#submiddle #right .text .both .button{
	background:#333333;
	height:20px;
	line-height:20px;
	padding:0px 2px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:capitalize;
	border:none;
}

#submiddle #right .text .both h2{
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	text-align:left;
	line-height:16px;
	}
#submiddle #right .text .both .boder{
	background:#CCCCCC;
	margin:10px 0px;
}

.boder1{
	background:#CCCCCC;
}


.greytable{
	background:#F6F6F6;
	padding:10px;
	border:1px solid #DCDCDC}

/* Sub page middle css End */

/* middle css end */



/* footer css start */

#footer{
	width:902px;
	clear:both;
	margin:0px auto;
	border:none;
	border-top:#CCCCCC solid 1px;
	height:1%;
	overflow:hidden;
	padding:none;
	padding-bottom:10px;
}

#footer #footermenu{
	width:902px;
	clear:both;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
	height:1%;
	overflow:hidden;
	border:none;
	border-bottom:#CCCCCC solid 1px;
}

#footermenu .menu1{
	width:196px;
	float:left;
	margin:0 auto;
	}
	
#footermenu .menu2{
	width:180px;
	float:left;
	margin:0 auto;
	border:none;
	border-left:#CCCCCC solid 1px;
	padding:none;
	padding-left:10px;
	}
	
#footermenu .menu3{
	width:112px;
	float:left;
	margin:0 auto;
	border:none;
	border-left:#CCCCCC solid 1px;
	padding:none;
	padding-left:10px;
	}

#footermenu a{
	color:#333333;
	text-decoration:none;
	}

#footermenu a:hover{
	text-decoration:underline;
	}

	
#footermenu h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:16px;
	}
	
#footermenu h3{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:14px;
	}
	
#footer .text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	line-height:14px;
}

#footer .text a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	line-height:14px;
	padding: 0px 2px;
	color:#333333;
}

#footer .text a:hover{
	text-decoration: underline;
}

/* footer css End */

categories{
	clear:both;
	margin:0 auto;
	padding:24px 10px 52px 10px;
	width:180px;
	}



.categories a{
	color:#333333;
	text-decoration:none;
	}

.categories a:hover{
	text-decoration:underline;
	}

	
.categories h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:20px;
	}
	
.categories h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:20px;
	}
	


/*19 june 2010*/
#left_links{
	margin-top:25px;
}
#left_links h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border:1px solid #ccc;
	border-width:1px 0;
	padding:4px 6px;
}
#left_links h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border-bottom:1px solid #ccc;
	padding:4px 6px;
	height:15px;
}
#left_links h3 a{
	float:left;
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}
#left_links h3 a:hover{
	font-weight:bold;
}
#left_links h3 img{
	cursor:pointer;
	float:right;
	margin:3px 0 0 0;
}
#left_links .sub_links{
	border-bottom:1px solid #ccc;
	padding:4px 0;
}
#left_links .sub_links ul{
	margin:0;
	padding:0;
}
#left_links .sub_links ul li{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#727272;
	height:auto;
	_height:0;
	padding:2px 0;
	*padding:0px 0;
}
#left_links .sub_links ul li a{
	background: url(../images/list.gif) no-repeat 10px 6px;
	padding:0 0 0 20px;
	color:#727272;
	text-decoration:none;
	outline:none;
}
#left_links .sub_links ul li a:hover{
	color:#333;
	font-weight:bold;
}

/*start product holder*/
#product_holder{
	width:660px;
	/*background:url(../images/gray-bg.gif) repeat-x;*/
	background:#F4F4F4;
	min-height:250px;
	padding:10px 0px 10px 10px;
}
* html #product_holder {
	height:250px;
}

/*#product_holder ul{
	margin:0 !important;	padding:0 !important;
}
#product_holder ul li{
	list-style:none;
	float:left;
	width:193px;
	height:182px;
	background:#fff;
	padding:10px 10px 10px 8px;
	_padding:10px 8px 8px 8px;
	border:1px solid #ccc;
	margin:0 7px 5px 0;
	display:inline;
}*/
#product_holder .pro_cell{
	float:left;
	width:193px;
	height:182px;
	background:#fff;
	padding:10px 10px 10px 8px;
	margin:0px 5px 5px 0px;
	border:1px solid #ccc;
	outline:none;
}

.s22{display:block;}
.s2{display:none;}

.pagging{ width:625px; float:left; height:20px; margin-top:10px;}
.paggingright{ float:right; }
/*------------------------04 Oct 2010-----------------------------*/

.right-product{ margin:0px; padding:0px; background:#F6F6F6; margin-top:5px; margin-bottom:5px; width:670px; border:1px solid #E5E5E5; float:left;}
.right-product h4{ margin:0px; padding:0px; font-weight:bold; padding-bottom:10px; color:#000000; font-size:13px;}
.product-leftnew{ margin:0px; padding:5px 0px; padding-bottom:10px; width:670px; float:left;}
		.product-boxnew{ margin:8px 8px; padding:0px; width:200px; border:1px solid #CCCCCC;  color:#FFFFFF; font-size:12px; float:left;}
	.product-left{ margin:0px; padding:5px 0px; padding-bottom:10px; width:390px; float:left;}
		.product-left1{ margin:0px; padding:5px 5px; padding-bottom:10px; width:680px; float:left;}
		.product-box{ margin:5px 5px; padding:0px; width:175px; /*border:1px solid #CCCCCC;*/  color:#000000; font-size:12px; float:left;}
		.product-box3{ margin:5px 5px; padding:0px; width:175px; /*border:1px solid #CCCCCC;*/  color:#006699; font-weight:bold; font-size:18px; float:left;}
		.product-box1{ margin:7px 7px; padding:0px; width:152px; /*border:1px solid #CCCCCC;*/   color:#000000; font-size:12px; float:left;}
		.colors{ margin:0px; padding:10px; padding-left:15px; padding-bottom:100px; width:172px; float:left;}
		.colors img{ margin:5px; padding:0px;  float:left;}
		.product-details{ margin:0px; padding:0px; width:172px; color:#000; font-size:12px; float:left;}
		.product-box2{ margin:0px; padding:0px; width:192px; float:left;}
		.prodnew{ margin:0px; padding:0px; width:200px; /*border-bottom:1px solid #CCCCCC;*/ }	
			.prod{ margin:0px; padding:0px; width:150px; /*border-bottom:1px solid #CCCCCC;*/ }
			.prod-name{ margin:0px; padding:8px 0px; width:150px;  color:#000000; line-height:18px; text-align:center;  font-size:12px; float:left;}
			.prod-name3{ margin:0px; margin-top:200px;  padding:8px 50px; width:300px; font-weight:normal;  color:#000000;  line-height:25px; text-align:center; font-family:Arial, Helvetica, sans-serif;  font-size:18px; float:left;}
			.prod-name2{ margin:0px; padding:2px 5px; width:140px;  color:#000000; line-height:18px; text-align:left;  font-size:12px; padding-bottom:5px; float:left;}
		.product-left .band{ margin:0px; padding:10px 5px; float:left;}
	.product-right{ width:270px; }
	#submiddle #right .text .product-box a{ color:#000000; font-size:12px; text-decoration:none;}
	#submiddle #right .text .product-box a:hover{ color:#BED60E; font-size:12px; text-decoration:none;}
	
	

/* added on 05march2011 start */
.middilenew{ width:680px; float:left; }
.middilenewleft{ width:301px; float:left; margin-right:7px;}
.middilenewright{ width:363px; float:left; margin-right:5px;}

.middilenewleft1{ width:260px; float:left; margin-right:10px;}
.middilenewright1{ width:400px; float:left; margin-right:2px;}
/* added on 05march2011 End */

/* added on 11march2011 start */
#test2 {
	background:#cbc4be;
}
#head1 {
	margin:3px 0;
	clear:both;
}
/* added on 11march2011 End */

	#middile { width:150px; float:left;}
	
#middile h3{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:16px;
	}
	
.input{ border:2px solid #999; width:190px; height:22px; padding-top:3px; }

.submitbutton { float:right; width:65px; background:url(../images/submit-button.gif) no-repeat; overflow:hidden; cursor:pointer; border:none;}

/*tooltip css Start */
#main {width: 42px; height:12px; margin-top: 0px; position: relative; float: left; background:url(../images/view.jpg) no-repeat;}
.tTip {width: 42px; height:12px; position: absolute; cursor: pointer; }
#view {top: 0px; left:0px;}
				
.tip {
	width: 300px;
	height:118px;
	overflow: hidden;
	display:none;
	position: absolute;
	z-index: 500;
	background: url(../images/Balance-check-popup.jpg) no-repeat top;
}
/*tooltip css end */