﻿/* CSS Document */
body
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin:0px;

	
}

a:link {	text-decoration: none;}
a:visited {	text-decoration: none;}
a:hover {	text-decoration: underline;}
a:active {	text-decoration: none;}


* {
	margin:0;
	
	}

img {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	/*height: 19px;*/
}
p { 
	text-align:justify; line-height:18px;
	}


/*Header*/

#logo { width:325px; float:left; }
#Header_cont {width:980px; float:left; text-align:center;  margin-left:25px;}

/* center */
#center_col { width:950px; float:left; text-align:left; margin-top:10px; margin-left:10px; height:100%;}
#center_cont {width:952px; height:100%; border-color:#cccccc; border-style:solid; border-width:1px; float:right;}
#center_right{ width:798px; height:100%; float:right;}
#center_right1{ width:950px;  height:100%; float:right;}

/*Top five selection  */
#form_center_title {width:770px; text-align:center;  padding-left:25px;  padding-top:15px; float:left;}
#title_underline_b{ margin-right:10px; float:left; width:130px; text-align:center; color:#999999; font-weight:bold;border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;}
#title_underline_g{ margin-right:10px; float:left; width:110px; text-align:center; color:#999999; font-weight:bold;}
.forms { font-size:11px; float:left;}

/* default page*/
#form_right_cols { float:left; text-align:center; width:700px;  padding-left:25px;  margin-top:35px;}
#product { width:220px; float:left; padding:10px; height:auto}
#middle1_cont { width:750px; text-align:center; margin-right:5px; float:left;  clear:both;height:auto; padding-left:5px; padding-top:15px;	}
#Radio_col{float:left; text-align:left;width:20%}
#templatelabel{float:left;width:80%; text-align:left;}
.product_new { width:220px; float:left; padding:10px; height:auto}


/* left */
#left_col {width:150px; height:auto; float:left; border-right-color:#cccccc; border-right-style:solid; border-right-width:1px;}
#left_cont {width:150px; clear:both; height:auto}
#menutitle {width:150px; height:21px; float:right; line-height:21px; text-align:center; background-color: #e6e6e6; font-weight:bold; font-size:small; color:Black;}
#menu {width:150px; height:21px; float:right; line-height:21px; text-align:left; background-color: #e6e6e6}
#sepa {width:150px; height:2px; clear:both; visibility:hidden; display:block; font-size:0px}
#menuimg {width:150px; float:right; text-align:center; }
.menuarrow {padding-right:5px; padding-left:5px;}

/* Master page */
#mastermain{border-color :#cccccc; border-style:solid; border-width:1px;width:1000px;background-image:url(../images/login_middlebg.gif);	background-repeat:repeat-x;	background-position:bottom;  width:1000px;  margin-left:120px ;margin-top:30px;}


/* tabs css */

.ddcolortabs{
/*padding: 0;*/
width: 900px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background: #CC0101 url(../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}
.ddcolortabs a:active{
background-color: #000000;
}

.ddcolortabs a:active span{
background-color:  #000000;
}
.ddcolortabs a:hover{
background-color: #000000;
}

.ddcolortabs a:hover span{
background-color:  #000000;
}

.ddcolortabs a:visit{
background-color: #000000; 
}

.ddcolortabs a:visit span{
background-color:  #000000;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
background-color: #000000;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #000000;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs#678b3f*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}
.blackbg{
	background-color:#000000;
}

/* for animation on template page*/
.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 400px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}

/* for merchant logo master */
#center_colmerlogo {width:903px; height:475px; }

/* for forgot pwd page */
#titlemsg {color: #666666; font-weight: bold; font-size: 14px; background-color:#e6e6e6; height:25px;}
#f3_col { float:left; width:40%; text-align:right}
#f4_col { float:left; width:60%; text-align:left}
#center_col1 { width:590px; float:left; margin-top:10px; margin-left:150px; border-left-color:#e3e3e3; border-left-style:solid; border-left-width:1px; border-right-color:#e3e3e3; border-right-style:solid; border-right-width:1px; border-top-color:#e3e3e3; border-top-style:solid; border-top-width:1px; border-bottom-color:#e3e3e3; border-bottom-style:solid; border-bottom-width:1px; background-image:url(../images/login_middlebg.gif); background-repeat:repeat-x; background-position:bottom; }
#msg { text-align:center; color:Red;}


#center_colreg { width:950px; height:auto; float:left; margin-top:10px;  border-left-color:#e3e3e3; border-left-style:solid; border-left-width:1px; border-right-color:#e3e3e3; border-right-style:solid; border-right-width:1px; border-top-color:#e3e3e3; border-top-style:solid; border-top-width:1px; border-bottom-color:#e3e3e3; border-bottom-style:solid; border-bottom-width:1px; background-color:White; background-image:url(../images/login_middlebg.gif); background-repeat:repeat-x; background-position:bottom; }
#center_colreg1 { width:100%; float:left; margin-top:10px;  border-left-color:#e3e3e3; border-left-style:solid; border-left-width:1px; border-right-color:#e3e3e3; border-right-style:solid; border-right-width:1px; border-top-color:#e3e3e3; border-top-style:solid; border-top-width:1px; border-bottom-color:#e3e3e3; border-bottom-style:solid; border-bottom-width:1px; background-color:White; }

/* for default login page*/
.rednormal {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	color: #cc0000;
	font-size: 12px;
	font-weight: normal;
}
a.red_normal{

	font-family: Arial, Verdana,  Helvetica, sans-serif;
	color: #cc0000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
a:hover.red_normal{

	font-family: Arial, Verdana,  Helvetica, sans-serif;
	color: #cc0000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
.left_top{
	background-image: url(../images/left_loginlindot.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.login_middlebg{
	background-image:url(../images/login_middlebg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.member_loginbg
{
	
	background-image: url(../images/memberlogin.gif);
	background-repeat: no-repeat;
	background-position:right;
	}
.left_bottom{
	background-image: url(../images/bottom_loginbg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

/* for change pwd page*/
.chngpwd
{
	color:Red;
	font-weight:bold;
	background-color:White;
}
#center_colchngpwd { width:100%; float:left; margin-top:10px;}

/* for productlist page */
#export
{
	text-align:right; margin-right:30px; padding-top:2px;
}
#LeftPnlprd{float:left;padding-right:10px;}
.pnlleftprd{width:420px; text-align:left; float:left;}
.pnlleftprd legend { color:MediumVioletRed;}
#OrdPnlprd{width:790px;}
.Ordergridprd{width:740px;}
.textbox_loginprd
{
width:150px;
height: 16px;
border: 1px #b6b5ba solid;
}
.panel 
{
	padding-left:10px;
	padding-right:10px;
}
.panel legend 
{
	color:MediumVioletRed;
}
.red-txtprd 
{
     color:#FF0000;
     padding-left:15px;
}

/* for Delete Product Order Page */
#lbl_msgdelprd{clear:both; text-align:center;}
.lblname 
{
	font-weight:bold;
}

/* for User Panel page */
#leftuser { width:22%; float:left; text-align:left; margin-left:15px;}
#details 
{
	background-color:#9d9d9d; 
	text-align: center; color:White; height:20px; font-weight:bold;
	padding-top:7px;}
.userseparator {border-left-color:White; border-left-style:solid; border-left-width:1px;}

/* for News Letter page */
#rightnews { width:50%; float:right; text-align:left; padding-top:10px;}
#left1 {width:30%; float:left; padding-top:10px;}
#left2 {width:20%; float:left;padding-top:5px;}

/* for Home Page */
#homepanel {width:980px; float:left; text-align:center;}
#homepg {width:13%; float:left;} 
#center_colhome { width:980px; float:left; text-align:center; margin-top:10px; margin-left:10px; }
.paneltitle 
{
	font-weight:bold;
	color:Black;
}

/* for Selection Page*/
#center_colsel{ text-align:center;}

/*for product category page */
#treeleft {float:left; width:325px; height:auto; padding-left:50px; }
#treeright{float:left; width:325px; height:auto; }
#t1_col{float:left; width:350px; text-align:right;vertical-align:bottom;}
#t2_col{float:left; width:350px; text-align:left; padding-left:25px}
#t3_col{padding-left:340px;}
.trvw
{
	width:200px;
	text-align:left;
	height:200px;
	border:1px solid gray;
	border-width: 1px 2px 2px 1px;
	overflow:scroll;
}

/*for add new product page*/
.multiline
{
	width:300px;
	height:75px;
}

#p1_col{float:left; width:120px; text-align:right;vertical-align:bottom;}
#p2_col{float:right; width:500px; text-align:left}

#currencysymbol { float:left;}

/* for manufacturer page */
.manupnl{width:400px; padding-left:10px; }
.manupnl legend {color:MediumVioletRed;}
#RightManuPnl{float:right; width:235px; text-align:left }
#LeftManuPnl{float:left; width:140px; text-align:right}

/* for specification page */
#s1_col{float:left; width:20%; text-align:left;padding-left:50px;}
#s2_col{float:left; width:20%; text-align:left;}
#s3_col{float:left; width:30%; text-align:left; visibility:hidden; padding-left:50px;}

a.normal {
color: #000000;
text-decoration: none;
}
a:visited.normal{
text-decoration: none;
color: #000000;
}
a:hover.normal{
text-decoration: underline;
color: #000099;
}
a:active.normal{
text-decoration: none;
color: #FF0000;
}

/* added by needhi on 15-4-09*/
a.normal1 {
color: #000000;
text-decoration: underline;
}
a:visited.normal1{
text-decoration: underline;
color: #000000;
}
a:hover.normal1{
text-decoration: underline;
color: #000099;
}
a:active.normal1{
text-decoration: underline;
color: #FF0000;
}

#cen_col{ text-align:center; width:950px; height:auto;}
#pay1_col { float:left; width:470px; text-align:right; }
#pay2_col { float:right; width:470px; text-align:left;}

/* added by kavan on 10-06-09 for add bulk product page*/
a.normal2 {
color: #000000;
cursor:pointer;
text-decoration: underline;
}
a:visited.normal2{
text-decoration: underline;
color: #000000;
}
a:hover.normal2{
text-decoration: underline;
color: #000099;
}
a:active.normal2{
text-decoration: underline;
color: #FF0000;
}
