*{
	padding: 0;
	margin: 0;
}
body
{
	background: url(../images/g7.jpg);	
}

img
{
	border:0;
}



/* ========== MAIN ID's SECTION =============== */
#main_container{
	position: relative;
	width: 990px;
	margin: auto;
	background:url(../images/container_back.jpg) repeat-y;		
	
}
#advert{
	float:right; 
	width:130px; 
	margin-left:12px;  
	margin-right:7px;
}
#container{
	width: 820px;
	padding:10px 10px 0 10px;
	float: left;
}

#admin_container{
	width: 970px;
	padding:10px 10px 0 10px;
	background: #ffffff;
	margin:auto;
}
#header{
	background: url(../images/head_back.jpg) top left;
	position: relative;
	height: 68px;
	
	margin-bottom: 10px;
}

#header2	{
	background: url(../images/head_back.jpg) top left;
	position: relative;
	height: 88px;
	
	margin-bottom: 10px;
}
	.logo{
		padding-left: 20px;
		
		float: left;
	}
	#logout{
		float: right;
	}
	.logout{		
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
	}
	.logout a:link, .logout a:visited{		
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		
		padding: 0 10px;
	}
	.logout a:hover{
		text-decoration: underline;
	}


#banner{
	float:left; 
	padding:8px 0; 
	border-top: 3px solid #5c6569;
}



/* =========== MIX SECTION ============= */
.company
{
	width:551px; 
	float:left; 
	border:1px solid #999999; 
	padding:1px;
}

.feature
{
	width:253px; 
	float:left; 
	border:1px solid #f28513; 
	padding:1px;
}
.feature .heading2{
	background:#f28513; 
	font: bold 14px Arial, Helvetica, sans-serif; 
	color: #fff; 
	padding: 5px;
}

.feature_page{
	width:815px; 
	margin: auto;
	float:left;  
	border:1px solid #999999; 
	padding:1px;
}
.feature_page1{
	width:600px; 
	margin: auto;
	float:left;  
	border:1px solid #999999; 
	padding:1px;
}
.pro_page{
	width:815px; 
	margin: auto;
	float:left; 
	position:relative;
}
.admin_page{
	width:746px; 
	margin: auto;
	float:right; 
	border:1px solid #999999; 
	padding:1px;
}
.order_page{
	width:596px; 
	margin: auto;
	float:right; 
	border:1px solid #999999; 
	padding:1px;
}
.producta{
	width:548px; 
	float:right; 
	border:1px solid #cac8c8; 
	padding:1px;
}

.vm{
	vertical-align:middle;
}
.clear{
	clear: both;
}



/* ========= LEFT MENU SECTION ============= */
.left_menu{
	width: 207px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	
	background: url(../images/admin_menu.jpg) repeat-y;
	height: 600px;
}

.left_menu ul{
	list-style: none;
	padding: 6px 10px 6px 6px;
}
.left_menu ul li{
	padding: 8px 0 8px 18px;
	background: url(../images/arrow3.jpg) no-repeat 5px 12px;	
	
	border-bottom: 2px solid #c0c0c0;
	
}
.left_menu ul li a:link, .left_menu ul li a:visited{
	text-decoration: none;
	color: #000000;
}
.left_menu ul li a:hover{
	color: #004c88;
}

.left_menu1{
	width: 207px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	
	background: url(../images/admin_menu.jpg) repeat-y;
	height: 675px;
}

.left_menu1 ul{
	list-style: none;
	padding: 6px 10px 6px 6px;
}
.left_menu1 ul li{
	padding: 8px 0 8px 18px;
	background: url(../images/arrow3.jpg) no-repeat 5px 12px;	
	
	border-bottom: 2px solid #c0c0c0;
	
}
.left_menu1 ul li a:link, .left_menu1 ul li a:visited{
	text-decoration: none;
	color: #000000;
}
.left_menu1 ul li a:hover{
	color: #004c88;
}



/* ============= TEXT SECTION =========== */
.text1, .text1 a:link, .text1 a:visited{
	padding:8px; 
	text-align:justify; 
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
.text1 a:hover{
	text-decoration: underline;
}

.text2, .text2 a:link, .text2 a:visited{
	padding:3px; 
	text-align:justify; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
.text2 a:hover{
	text-decoration: underline;
}

.textEdit, .textEdit a:link, .textEdit a:visited{
	padding:3px; 
	text-align:center; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
.textEdit a:hover{
	text-decoration: underline;
}

.text3{
	padding:3px; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	
	background: #fbfbfb;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}
.text3 a:link, .text3 a:visited{
	padding:3px; 
	text-decoration: none;
	color: #000000;
}
.text3 a:hover{
	text-decoration: underline;
}
.text4{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.text5{
	padding:10px 35px; 
	text-align:justify; 
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
.text6{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.text7{
	padding:10px 0 0 15px;
	text-align:justify; 
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.text8{
	font: normal 11px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #434343;
}
.text9{
	font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #434343;
}
.text10{
	font: bold 11px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* =========== IMG LEFT / RIGHT SECTION ========== */
#tl {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#tr {
	position:absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#bl {
	position:absolute;
	bottom: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#br {
	position:absolute;
	bottom: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#tlb {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#trb {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}



.tl {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.tr {
	position:absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.bl {
	position:absolute;
	bottom: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.br {
	position:absolute;
	bottom: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.tlb {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.trb {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}


/* ========= FLOAT SECTION ========== */
.float_right{
	float:right;
}
.float_left{
	float: left;
}


/* =========== NAVIGATION SECTION ============== */
.navi_links{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:justify;
}
.navi_links ul{
	list-style: none;
	padding: 6px 10px 6px 6px;
}
.navi_links ul li{
	padding: 0px 0 10px 18px;
	background: url(../images/arrow.jpg) no-repeat 5px 4px;	
	
}
.navi_links ul li a:link, .navi_links ul li a:visited{
	text-decoration: none;
	color: #000000;
}
.navi_links ul li a:hover{
	color: #004c88;
}



/* ============= FOOTER SECTION ============= */
	#footer{
		background: url(../images/bottom_back3.jpg) repeat-x;
		height: 40px;
		width: 100%;
	}
	.footer1{		
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
	}
	.footer1 a:link, .footer1 a:visited{		
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		text-decoration: none;
		
		padding: 0 3px;
	}
	.footer1 a:hover{
		text-decoration: underline;
	}

#footl {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#footr {
	position:absolute;
	top: 0px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}



/* ================= TOP NAVIGATION SECTION ===================== */
.top-link1{
	padding-left:50px;
	margin:0px;
	height:36px;
	float:left;
	background-image:url(../images/navi_back.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
}

.top-link1 span{
	padding-right:50px;
	display:block;
	float:left;
	height:22px;
	padding-top:10px;
	background-image:url(../images/navi_back.jpg);
	background-position:top right;
	background-repeat: repeat-x;

}

.top-link1:hover{
	cursor:pointer;
	background-image:url(../images/navi_back_hover.jpg);
	background-position:top left;
	color:#073367;
}

.top-link1:hover span{
	cursor:pointer;
	height:22px;
	padding-top:12px;
	background-image:url(../images/navi_back_hover.jpg);
	background-position:top right;
}





/* ======== MARGIN SECTION ========= */
.marg{
	margin: auto;
}
.margin2{
	margin-top: 30px;
	margin-bottom: 40px;
}



/* =========== BOX SECTION ================ */
.box1{
	border: 1px solid #e3dfdf;
	position: relative;
}
.box2{
	border: 1px solid #c4c3c3;
}



/* ==== BACKGROUND SECTION ====== */
.bg_orange{
	background: #f28513;
	height: 40px;
}
.bg_blue{
	background: #9199ae;
	height: 30px;
}
.bg2{
	background: #fbfbfb;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	padding: 5px;
}
.bg2 ul{
	padding: 6px 10px 6px 6px;
	
	list-style: none;
}
.bg2 ul li{
	background: url(../images/arrow2.jpg) no-repeat 5px 4px;
	padding: 0px 0 10px 25px;
}

.bg2a{
	padding: 5px;
}
.bg2a ul{
	padding: 6px 10px 6px 6px;
	
	list-style: none;
}
.bg2a ul li{
	background: url(../images/arrow2.jpg) no-repeat 5px 4px;
	padding: 0px 0 10px 25px;
}


.bg3a ul{
	padding: 6px 0px 6px 0px;
	
	list-style: none;
	
	background: #03acd6;
	
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.bg3a ul li{
	background: #e7f4f8 url(../images/arrow2.jpg) no-repeat 8px 10px;
	padding: 8px 15px 8px 30px;
	
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: none;
	text-align: justify;
	
	border-bottom: 2px solid #fff;
}

.bg4a ul{
	padding: 6px 0px 6px 0px;
	
	list-style: none;
	
	background: #86c334;
	
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.bg4a ul li{
	background: #f1f7e7 url(../images/arrow2.jpg) no-repeat 8px 10px;
	padding: 8px 15px 8px 30px;
	
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: none;
	text-align: justify;
	
	border-bottom: 2px solid #fff;
}

/* ==============29 Apr 2009 Start of Changes by sunil============== */


/* ===================== changed =====================*/

.bg3footer
{
	border-bottom: 2px solid #fff;
}




.bg3header 
{
	padding: 6px 0px 6px 0px;
	list-style: none;
	background: #03acd6;
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}

.bg4header 
{
	padding: 6px 0px 6px 0px;
	list-style: none;
	background: #86c334;
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.bg4footer
{
	border-bottom: 2px solid #fff;
}

/* ===================== changed =====================*/
.bg3ab ul
{
	list-style-type:none;
	
}
.bg3ab ul li{
	background: #e7f4f8 url(../images/arrow2.jpg) no-repeat 8px 10px;
	padding: 8px 15px 8px 30px;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: none;
	text-align: justify;
	}
	
	.bg4ab ul
{
	list-style-type:none;
	
}
	.bg4ab ul li{
	background: #f1f7e7 url(../images/arrow2.jpg) no-repeat 8px 10px;
	padding: 8px 15px 8px 30px;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: none;
	text-align: justify;
	}

/* ==============29 Apr 2009 End of Changes by sunil============== */

.bg5{
	background:url(../images/add_back.jpg) repeat-x;
	height: 31px;
	
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #f28513;
}

/* ============== BORDER SECTION ============== */
.border1
{
	 border-bottom: 1px dashed #c0c0c0;
	 padding-bottom: 8px;
}
.border2{
	 border-bottom: 1px dashed #c0c0c0;
	 border-right: 1px dashed #c0c0c0;
	 border-left: 1px dashed #c0c0c0;
	 padding-bottom: 8px;
}
.border3{
	border-left:3px solid #a4e3fb;
	border-right:3px solid #a4e3fb;
	border-bottom:3px solid #a4e3fb;
}
.border4{
	border-bottom:3px solid #9199ae;
	border-right:3px solid #9199ae;
	border-left:3px solid #9199ae;
}



/* =========== HEADING SECTION =========== */
.heading{
	background:#999999; 
	font: bold 14px Arial, Helvetica, sans-serif; 
	color: #fff; 
	padding: 5px;
}

.heading3, .heading3 a:link, .heading3 a:visited{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
.heading3 a:hover{
	text-decoration: underline;
}

.heading4{
	background:#cac8c8; 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 5px;
}
.heading5{
	background:#e4e4e4; 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
}
.heading6, .heading6 a:link, .heading6 a:visited{
	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #f28513;
	text-decoration: none;
}
.heading6 a:hover{
	text-decoration: underline;
}
.heading7{
	background:#f28513; 
	font: bold 14px Arial, Helvetica, sans-serif; 
	color: #fff; 
	padding: 5px;
}
.heading8, .heading8 a:link, .heading8 a:visited{
	font: normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #f28513;
	text-decoration: none;
}

.heading8 a:hover{
	text-decoration: underline;
}
.heading9{
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-left: 130px;
}



/* =============== PADDING SECTION ============= */
.padding1{
	padding:10px;
}
.padding2{
	padding-top:15px;
}
.padding3{
	padding-right:10px;
}
.padding4{
	 padding-bottom:10px
}
.padding5{
	padding:15px;
}
.padding6{
	padding-right:20px;
}
.padding7{
	padding-right:98px;
}



/* =========== INPUT SECTION ================ */
.input1{
	padding:2px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #d6dade;
	background: #f2f4f6;
}
.input2{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	padding: 3px;
	border: 1px solid #868686;
	width: 300px;
}
.input3{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	padding: 3px;
	width: 95px;
	border: 1px solid #868686;
}
.input4{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px;
	width: 150px;
	border: 1px solid #868686;
}
.input5{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	padding: 3px;
	border: 1px solid #868686;
	width: 450px;
}
.input6{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	padding: 3px;
	width: 30px;
	border: 1px solid #868686;
}

/* =============== BACK SECTION ============ */
.login_back{
	background: url(../images/login2.jpg) no-repeat;
	z-index: 10;
	padding: 15px;
}
.login_back3{
	background: url(../images/login5.jpg) no-repeat;
	z-index: 10;
	padding: 15px;
}
.login_back2{
	background: url(../images/login4.jpg) repeat-y;
}
.girl_back{
	background:url(images/login_girl.jpg) left bottom no-repeat;
	height: 250px;
	z-index:25px;
}
.message_back{
	background: url(../images/message_back.jpg) no-repeat;
	height: 55px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
/*=========== 20 APRIL 2009 ===========*/

.border5{
	border:3px solid #9199ae;
}

.gridBR
{
	border:1px solid #e8e8e8;
}

