/*
 * File: StyleMain.css
 * Description:  Style sheet.
 * Author: Sebastian
 * Creation On: 21.Jul.2007
 *
 * -------------------------------------------------------------------------
 * Last Update       |Author                |Comments
 * ------------------|----------------------|-------------------------------
 * 25.Jul.2007       | sudheer mohamed      |
 * ------------------|----------------------|-------------------------------
*/
BODY{
	margin:0px;
	background-color:#FFFFFF;
	/*background-color:#FCF5E9;*/
	padding:0;
	text-align: center;
}

div#page{
	width:780px;
	height:661px;
	background:#FFFFFF;
	/*background:#EED5B7;*/
	/*background:#eac79e;*/
	border:#000000 1px solid;
	text-align:center;
	margin: 0 auto;
	/*added to align left page*/
	float:left;  
}
div#innerpage{
	width:780px;
	height:100%;
	background:#FFFFFF;
	/*border:#000000 1px solid;*/
	text-align:center;
	margin: 0 auto;
	/*added to align left page*/
	float:left;  
}

div#admininnerpage{
	width:780px;
	height:100%;
	background:#FFFFFF;
	border:#000000 1px solid;
	text-align:center;
	margin: 0 auto;
	/*added to align left page*/
	float:left;  
}

div#header{
	width:780px;
	height:136px;
	background-color:#D6A675;
	background-image:url(../Images/header.jpg);
}
div#homelink{
	width:795px;
	height:37px;
	background:#b94010;
	position:relative;
	left:-13px;
}
.row{
	width:780px;
	clear:both;
}

.irow{
	width:780px;
	height :10px;
}

.homemaincontent{
	width:780px;
	height:318px;
}
.imghome{
	width:210px;
	height:198px;
	float:left;
	align:center;
	padding-top:20px;
	valign:middle;
	/*background:#eac79e;*/
	background:#FFFFFF;
	/*background:#EED5B7;*/
		
}
.homecont{
	width:570px;
	height:300px;
	float:right;
	
	}
.homecont span.homecontent{
	width:550px;
	height:300px;
	float:right;
	padding:10px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	}
#bottomimage{
	height:129px;
	width:780px;
	text-align:center;
	float:left;
	
}
div.space{
	height:229px;
	width:34px;
	float:left;
}
div.spacebig{
	height:229px;
	width:35px;
	float:left;
}
div.image{
	height:229px;
	width:90px;
	float:left;
}

/* Added New*/
.homeimage
{
	 height :132px;
	 width :169px;
}

.homebottomimage
{
	 height :64px;
	 width :90px;
 	 border :0;
}


/* Added New*/

div.image span.strip{
	width:90px;
	height:25px;
	float:left;
	background:#d6ba82;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
/*
div.image span.strip a,a:link{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer;
}
div.image span.strip a:hover,a:visited{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer;
}
*/

a,a:link,a:visited{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size:9px;*/
	cursor :pointer;
}

/*
div.image span.strip{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer;
}
div.image span.strip{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer;
}

*/
/*footer..............*/
div.footer{
	width:780px;
	height:60px;
	background:#ad3a0b;}
div.footer span.copy{
	width:300px;
	float:left;
	padding-left:10px;
	vertical-align:text-bottom;
	padding-top:10px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
}
div.footer span.disclaim{
	width:300px;
	float:right;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	color:#FFFFFF;
	padding-right:10px;
	padding-top:10px;
}
div.footer span.otherlinksMainPage{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	padding-top:10px;
}
div.footer span.otherlinks{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	padding-top:10px;
}

/*inner pages...........*/

.leftside{
	width:160px;
	float:left;
	background:#FFFFFF;
	}
.rightside{
	width:620px;
	float:right;
	background:#FFFFFF;
	}
.innerheader{
	height:101px;
	width:620px;
	background-image:url(../images/innerheader.jpg);
}
.prdct_ordr{

	margin-left:30px;
	overflow:auto;
	height:378px;
	font-family:Verdana;
	font-size:12px;
	width:550px;
	padding:5px;
	}
*html .prdct_ordr{

	margin-left:5px;
	overflow:auto;
	height:350px;
	font-family:Verdana;
	font-size:12px;
	width:555px;
	padding:5px;	
	}
*:first-child+html .prdct_ordr{

	margin-left:5px;
	overflow:auto;
	height:350px;
	font-family:Verdana;
	font-size:12px;
	width:555px;
	padding:5px;	
	}
.innerrow{
	width:620px;
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
}

.innerheaderlogo{
	width:160px;
	height:133px;
	background-image:url(../images/logo.jpg);
	cursor :pointer; 
	}
	
div.innercont
{
	width:620px;
	height:100%;
	float:right;
	background:#eac79e;
}

div.innermenu{
	width:720px;
	height:32px;
	background:#9e380f;
		position:relative;
	left:-100px;
	}
div.innercontent{
	width:96%;
	padding:10px 10px 10px 10px;
	clear:both;  
	}
div.innercontenttitle{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	height:40px;
	font-weight:bold;
	text-align: left;
	color:#92763d;
	margin:0;
	vertical-align:text-bottom;
	padding-top:15px;
	}
.innerpageconts{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	text-align: left;
	color:#000000;
	vertical-align:middle;
	}
.innerpageconts_cntct
{
    width:600px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	text-align: left;
	color:#000000;
	vertical-align:middle;
	float:left;
	}
.innerpageconts_enqry{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	text-align: center;
	color:#000000;
	vertical-align:middle;
	float:left;
	width:100%;
	}
#prdcts{
	text-align:left;
	float:left;
	width:620px;
}

div.prdtspace{
	height:193px;
	width:15px;
	float:left;
}
div.prdtspacebig{
	height:193px;
	width:16px;
	float:left;
}
div.prdtspacesmall{
	height:193px;
	width:1px;
	float:left;
}
div.prdtimage{
	height:223px;
	width:183px;
	float:left;
}
div.prdtimage span.strip{
	width:183px;
	height:58px;
	float:left;
	background:#d6ba82;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align :center;  
}

/*
div.prdtimage span.strip a,a:link{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer; 
}
div.prdtimage span.strip a:hover,a:visited{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer;
}
*/

/*
div.prdtimage span.strip{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer; 
}
div.prdtimage span.strip{
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	cursor :pointer;
}
*/

.innerbottomcurve{
	width:620px;
	height:21px;
	float:left;
	clear:both;
	background-image:url(../images/innerbottom.gif);
}

#innerbottomstrip{
width:780px;
height:0px;}

/*menu..........*/

#leftmenu{
	width:160px;
	height:100%;
	float:left;
	}
	
.PanelLeftMenu
{
	width:160px;
	height:100%;
	float:left;
}

.LeftMenuRow
{
	height:19px;
	vertical-align :middle;  
}

div.leftmenutitle{
	width:80%;
	float:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	padding-left:15px;
	color:#92763d;
	vertical-align :top; 
}

.leftmenutitle{
/*	width:160px;*/
	color:#92763d;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	vertical-align :middle;
	text-decoration :none;
	height :10px;
}
.leftmenutabletitle{
	width:140px;
	color:#92763d;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;	
	text-decoration :none;
	height :18px;	
	padding:0;
	margin:0;
}
.leftmenutabletitle a
{
	
	color:#92763d;
	text-decoration:none;
}

.leftmenutabletitlechange{
	width:140px;
	color:#92763d;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;	
	text-decoration :none;
	height :18px;	
	padding:0;
	margin:0;
}
.leftmenutabletitlechange a
{
	
	color:#9e380f;
	text-decoration:none;
}
div.leftmenus{
	width:160px;
	height:100%;
	float:left;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#000000;
	}
	
div.leftmenus span.menu{
	width:90px;
	height:15px;
	float:left;
	text-align: left;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	vertical-align:baseline; 
	}
	
	/*
div.leftmenus span.img{
	width:30px;
	height:5px;
	float:left;
	text-align:left;
	background-image:url(../images/menustar.gif);
	}*/
	
.img{
	width:17px;
	height:15px;
	vertical-align :middle; 
}
.imgLeft{
	width:15px;
	height:15px;	
	float:left;	
	padding:0;
	margin:0;
	
}
.alignLeft
{
	float:left;
	padding:0;
	margin:0;
	text-align:left;
	
}

.DefaultLeftMenu
{
	text-decoration : none;
	color :Black;
	height:15px; 
	vertical-align :middle;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-align :left;
	padding-bottom :2px;
}

.ActiveLeftMenu
{
	 color :#9e380f; 
	 vertical-align : middle;
	 font:9px Verdana, Arial, Helvetica, sans-serif;
	 text-align :left; 
	 font-weight :bold;   
}








.ErrorMessage
{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:Red;
	font-weight :bold;
	padding:5px;  
}

.admintitle{
	height:20px;
	float:none;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#92763d;
	vertical-align :top; 
}


/* Add a New Product ...........*/

.Addproductlefttop{
	width:160px;
	height:50px;
	background-color:#FFFFFF;
	}

div.Addproducttitle{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	height:40px;
	font-weight:bold;
	text-align: center;
	color:#92763d;
	margin:0;
	vertical-align:text-bottom;
	padding-top:15px;
	width:100%;
	}
.Adminleftside{
	width:160px;
	float:left;
	background:#FFFFFF;
	}
	
.Addrightside{
	width:620px;
	float:right;
	background:#e9e2d3;
	height:100%;	
	}
.Addrightside_err{
	width:610px;
	float:right;
	background:#e9e2d3;
	height:100%;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;

	
	}
.Addleftside{
	width:620px;
	float:left;
	background:#e9e2d3;
	height:100%;
	
	}
.Addrightcont{
	width:620px;
	height:100%;
	float:right;
	background:#e9e2d3;
	text-align :center;  
}
.Addrightcont_admin{
	width:620px;
	height:503px;
	float:right;
	background:#e9e2d3;
	text-align :center;  
}
*html .Addrightcont_admin{
	width:620px;
	height:449px;
	float:right;
	background:#e9e2d3;
	text-align :center;  
}
*:first-child+html .Addrightcont_admin{
	width:620px;
	height:449px;
	float:right;
	background:#e9e2d3;
	text-align :center;  
}
div.leftmenus span.productmenu{
	width:130px;
	height:20px;
	float:left;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-left:15px;
	}
	
.adminlink
{
	color : Blue ;
	text-decoration :underline;
	font:9px Verdana, Arial, Helvetica, sans-serif;
}

.wholesalelink
{
	color : Blue ;
	text-decoration :underline;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

div.innerrow span.label{
	float:left;
	text-align: right;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:150px;
	padding-right:5px;
	padding-top :4px; 
	vertical-align :middle ;
}

.labelleft{
	float:left;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:100px;
	padding-left:15px;
	padding-top :4px; 
	vertical-align :middle ;
}

.ImageRow{
	float:left;
	padding-left :12px;
	padding-bottom :10px; 
}

div.innerrow span.textfield{
	float:left;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:300px;
}
div.Addrightcont span.button{
	float:left;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:25%;
}
div.innerrow span.catagory{
	width:285px;
	height:100%;
	float:left;
	padding-left :5px; 
}

div.innerrow span.catagoryright{
	width:285px;
	height:100%;
	float:left;
	padding-right : 5px; 
}

div.innerrow span.title{
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

div.innerrow span.catagorylabel{
	padding-top:45px;
	width:30px;
	height:100%;
	float:left;
	padding-left:5px;
	padding-right:5px; 
}

div.innerrow span.catagorybutton{
	text-align:center;
	height:100%;
	float:left;
	padding-bottom:5px;

}

textare,select{
	width:130px;
}
.catagory{
	width:195px;
	height:200px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
input.button{
	width:125px;
	height:28px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.navbutton{
	width:28px;
	height:28px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

input.textfield{
	width:250px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}



/*   LOGIN   */

.loginleft
{
	float:left;
	background:#FFFFFF;
	padding-left : 15px;
	padding-top :0px;
}

.loginleftside{
	width:160px;
	float:left;
	background:#FFFFFF;
	padding-left :50px; 
}
	
.loginright
{
	 padding-left : 15px;
	 padding-right :15px;
	 float:right;   
}

.logincontent{
	float:left;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:25%;
}

.Addloginrightside{
	width:480px;
	float:right;
	height:300px;
}

.Addloginrightcont{
	width:480px;
	float:right;
	text-align:left ; 
}

.loginrow{
	width:420px;
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
}

.loginlabel{
	text-align: right;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:70px;
	padding-left:10px;
	text-align :right ;
	width :150px;
}

.logintextfield{
	width:150px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align :left ; 
}

.loginbutton{
	float:left;
	text-align: right;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left : 185px;
}

.logintitle
{
	width:328px;
	height :30px;
	float:left;
	text-align: left;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	text-align :right;  
}

.insideoutlogo{
	width:150px;
	height:60px;
	background-image:url(../images/insideout.gif);
	}
.logininnerrow{
	width:337px;
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
	text-align :right;
	 
}

.loginheaderlogo{
	width:180px;
	height:133px;
	background-image:url(../images/logo1.jpg);
}

.logininnerrow{
	width:337px;
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
	text-align :right; 
}
.logininnerrow1{
	width:337px;
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:79px;
	text-align :left; 
}

*html .logininnerrow1{
	width:337px;
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:77px;
	text-align :left; 
}
*:first-child + html .logininnerrow1{
	width:337px;
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:77px;
	text-align :left; 
}

.loginspacer{
	width:337px;
	clear:both;
	height :10px; 
}

 /* to eliminate vertical line breaks in the default treeview*/
 .treeclass td div {  
 height: 20px !important  
}