@import url("grid.css");


BODY
{
	background-color:#757575;
	background-image: url(/images/background.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	text-align:center ; 
	font-family:Verdana , Arial , MS Sans Serif ;
	font-size:8pt; 
	color:#606060 ;
}

img
{
	border-width:0px 0px 0px 0px; 
}

table
{
	width:100%; 
}

.PageBreak		{PAGE-BREAK-AFTER: always;}

A:link		{color:#660099;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: 18px;font-weight: 500;font-variant: normal; }
A:visited	{color:#660099;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: 18px;font-weight: 500;font-variant: normal;}
A:active	{color:#660099;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: 18px;font-weight: 500;font-variant: normal;}
A:hover		{color:#660099;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: 18px;font-weight: 500;font-variant: normal;}



.RightHeading	{font-weight:bold; font-family:Verdana; font-size:11px; color:#FFFFFF; background-color:#09608C; height:20px; text-align:center; padding-top:3px; margin-top:20px;}

td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt; 
}

div
{
	padding:0px 0px 0px 0px; 
	text-align:left ; 
}

.LoggedUser
{
      font-family: Verdana;
      font-size:12px;
      color:#2D9CD5;
      border-bottom:1px dotted #E4E7E6;
      text-align:right ; 
}


/**************************************************************
*	Loading Panel
***************************************************************/

#loading {
	width: 250px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-top: -50px;
	margin-left: -100px;
	text-align: center;
	vertical-align :middle ;
    background-color :#EDF2F9; 	
	border: 1px solid #6194DD;
	border-width: 2px 2px 2px 2px;
}



/**************************************************************
*	Div Containers
***************************************************************/
div#MainContanier
{
	margin-right: auto; 
	margin-left: auto;
	width:774px;
	text-align:center ; 
	background-color:#ffffff; 
}

div#NavContainer
{
	width:774px;
	height:27px;  
	background-image:url(/images/header/nav_background.gif);
}

div#BannerContainer
{
	width:774px;
	height:130px;  
	background-image:url(/images/header/hdr_image.jpg);
}

/* To make whole Div as a link	*/
div#BannerContainer a  
{
	width:774px; 
	height:130px; 
	display:block; 
	padding-top:0px;
	background-image:url(/images/header/hdr_image.jpg);
}


div#BannerShadowContainer
{
	width:774px;
	height:17px; 
	background-image:url(/images/header/hdr_fade.gif);
	background-repeat:repeat-x ; 
}


div#FooterContainer
{
	background-color:#757575;
	float:left; 
	width:774px; 
	text-align:center ; 
	
}

div#MainContentContainer
{
	width:774px; 
	background-color:#ffffff;
	float:left;  
}


div#LoginContainer
{
	 background-color:#ffffff; 
	 width:774px; 
}


div#LeftPane
{
	width:180px;
	float:left; 
	padding:0px 0px 10px 0px;  
	background-color:#ffffff; 
	text-align:left; 
	min-height:650px;
	_height:650px;	
}	

/* Common used */
div.PaneContainer
{
	width:594px;
	float:left;   
}

div.MiddlePane
{
	float:left; 
	width:594px;
	padding:0px 0px 10px 0px; 
	min-height:650px;
	_height:650px;
	background-color:#ffffff; 
}

div#CategoryPane
{
	width:160px;
	float:left;  
	padding:0px 0px 0px 20px; 
	text-align:left;  
	overflow:hidden;  
}

div#UserEntryPane
{
	width:160px;
	float:left;  
	padding:0px 0px 20px 20px; 
	text-align:left; 
}


div#LoginPane
{
	width:520px; 
	padding:20px 126px 60px 128px;   
	display:inline-block ; 
	text-align:center ;  
	clear:both;
	overflow:hidden ;   
	
}







/**************************************************************
*	Main Content
***************************************************************/




/**************************************************************
*	Catatory
***************************************************************/

div.CategoryTitleContainer
{
	height:20px;
	line-height:20px; 
	background-color:#606060;
	color:#ffffff; 
	width:155px;
	padding:0px 0px 0px 5px;  
	font-family:Verdana, Arial ;
	font-size:8pt;  
}

a.Category:link {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#d5d5d5; color:#606060;width:155px;font-size:8pt;text-decoration:none;  display:block ;   }
a.Category:visited {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#d5d5d5; color:#606060;width:155px;font-size:8pt;text-decoration:none;  display:block ; }
a.Category:active {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#d5d5d5; color:#606060;width:155px;font-size:8pt;text-decoration:none; display:block ;  }
a.Category:hover {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#4a93d7; color:#ffffff;width:155px;font-size:8pt;text-decoration:underline; display:block ;  }
a.CategorySelected:link {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#4a93d7; color:#ffffff;width:155px;font-size:8pt;text-decoration:none;  display:block ; }
a.CategorySelected:visited {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#4a93d7; color:#ffffff;width:155px;font-size:8pt;text-decoration:none;  display:block ; }
a.CategorySelected:active {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#4a93d7; color:#ffffff;width:155px;font-size:8pt;text-decoration:none; display:block ;  }
a.CategorySelected:hover {border:solid 1px #f1f1f1;border-width:0px 0px 1px 0px;  padding:0px 0px 0px 5px;background-color:#4a93d7; color:#ffffff;width:155px;font-size:8pt;text-decoration:underline; display:block ;  }


/**************************************************************
*	Login
***************************************************************/
div#LoginTitle
{
	width:519px;
	height:28px; 
	background-image:url(/Images/LoginTitle.gif);
	background-repeat:no-repeat ;   
	background-position:0px 0px;
	text-align:center ; 
	float:left ; 
	
}

div#LoginBody
{
	width:519px;

	background-image:url(/Images/LoginBack.gif);
	background-repeat:repeat-y;   
	text-align:center ;
	color:#ffffff;  
	padding:40px 0px 40px 0px; 
	float:left ;
}

div#LoginBottom
{
	width:519px;
	height:9px; 
	background-image:url(/Images/LoginBottom.gif); 
	background-repeat:no-repeat ; 
	float:left ;
}

div.LoginError
{
	width:469px;
	height:40px;
	line-height:40px;
	float:left ;
	font-size:10pt;
	font-family:Verdana, Arial ;
	color:#333333;
	border: solid 1px #fe8700; 
	padding:5px 20px 5px 20px;  
}

#LoginTable
{
	width:519px;
	color:#ffffff;  
	text-align:center ; 
}

#LoginTable td
{
	height:30px; 
}
input.LargeLogin
{
	border-width:0px 0px 0px 0px;
	height:20px;
	line-height:20px;
	padding:2px 0px 0px 2px;   
	color:#606060;
	background-color:#ffffff;  
	font-size:9pt; 
	width:300px; 
	font-family:Verdana, Arial  
}
/**************************************************************
*	User entry
***************************************************************/

div.EntryTitle
{
	color:#ffffff;
	background-color: #09608c;
	padding:0px 0px 0px 5px; 
	border:solid 1px #ffffff;
	border-width:0px 0px 1px 0px;   
	height:20px;
	line-height :20px;
	font-family:Verdana, Arial ;
	font-size:8pt;  
	width:155px; 
} 

div.EntryContent
{
	 background-color:#4a93d7;
	 color:#ffffff; 
	 font-family:Verdana, Arial ;
	 font-size:7pt;  
	 padding:10px 10px 10px 10px;
	 line-height:150%;  
	 display:block;  
	 width:140px; 
}

div.EntryContent a:link
{
	background-color:#4a93d7;
	color:#ffffff;
	font-size:7.5pt;
	text-decoration:underline; 
	padding-top:20px; 
	line-height:100%;
}


div.EntryContent a:visited
{
	background-color:#4a93d7;
	color:#ffffff;
	font-size:7.5pt;
	text-decoration:underline; 
	padding-top:20px ;
	line-height:100%;
}

div.EntryContent  a:hover
{
	background-color:#4a93d7;
	color:#ffffff;
	font-size:7.5pt;
	text-decoration:underline; 
	padding-top:20px;
	line-height:100%; 
}


/**************************************************************
*	Main Product List table
***************************************************************/

div.ProductListContainer
{
	width:554px;
	padding:0px 20px 0px 20px;  
	float:left;  
}

div.PortfolioContainer
{
	width:554px;
	padding:0px 20px 0px 20px; 
	float:left;  
}

div#ProductListTitle
{
	width:554px;
	background-color: #f2f2f2;
	color:09608c;
	font-size:11pt; 
	height:30px;
	padding:0px 0px 0px 0px;
	font-weight:bold ;
	line-height:30px;   
	float:left; 
}
div#CodeFilterContainer
{
	width:554px;
	background-color: #f2f2f2;
	color:09608c;
	font-size:11pt; 
	height:30px;
	padding:0px 0px 10px 0px;
	font-weight:bold ;
	line-height:30px;   
	float:left; 
}

div#CodeFilterContainerHome
{
	width:554px;
	background-color: #f2f2f2;
	color:09608c;
	font-size:11pt; 
	height:30px;
	padding:10px 0px 10px 0px;
	font-weight:bold ;
	line-height:30px;   
	float:left; 
	margin-top:10px; 
}

div.ProductList
{
	width:554px;
	float:left;  
	overflow:hidden;
	clear:both ;   
	padding:0px 0px 0px 0px;
}

div.TableButtonContainer
{
	width:554px;
	float:left; 
	padding:10px 0px 10px 0px;
}

a.CartLink:link,a.CartLink:visited,a.CartLink:active
{	
	line-height:100%; 
	display:block;  
	color:#606060;
	font-size:8pt;
	font-weight :bold; 
	text-decoration:none;  
	padding:10px 20px 10px 20px;  
	border:solid 1px #ccc;  
	width:150px; 
	text-align:center; 
	float:right; 
	background:#ffffff; 
}
a.CartLink:hover
{
	line-height:100%;  
	display:block; 
	color:#ffffff;
	font-size:8pt;
	font-weight:bold; 
	text-decoration:none; 
	border:solid 1px #333333; 
	border-width:1px 1px 1px 1px;  
	width:150px; 
	text-align:center; 	
	float:right;  
	background:#4a93d7; 
}


/**************************************************************
*	shopping cart List table
***************************************************************/

div#ShoppingCartContainer
{
	width:554px;
	padding:0px 20px 0px 20px; 
	text-align:left; 
}
div#ShoppingCartTitle
{
	width:554px;
	background-color: #f2f2f2;
	color:09608c;
	font-size:11pt; 
	height:30px;
	padding:0px 0px 0px 0px;
	font-weight:bold ;
	line-height:30px;   
	float:left; 
}

div#ShoppingCartTotal
{
	width:534px;
	background-color: #09608c;
	color:#ffffff;
	font-size:10pt; 
	height:30px;
	padding:0px 20px 0px 0px;
	font-weight:normal ;
	line-height:30px;   
	float:left; 
	text-align:right; 
}


div#OrderNoContainer
{
	width:534px;
	padding:10px 20px 10px 0px;
	float:left;  
	
}
/**************************************************************
*	shopping cart List table
***************************************************************/

div#OrderHistoryContainer
{
	width:554px;
	padding:0px 20px 0px 20px; 
	text-align:left; 
}

.DateDropDown
{
	background-color:#bfe0ff;
	border-width :0px 0px 0px 0px;
	width:300px;
	font-size:8pt;
	padding:0px 0px 0px 2px;
	line-height:15px;  
}

div#HistoryTitle
{
	width:554px;
	background-color: #f2f2f2;
	color:09608c;
	font-size:11pt; 
	height:30px;
	padding:10px 0px 0px 0px;
	font-weight:bold ;
	line-height:30px;   
	float:left; 
}

/**************************************************************
*	Product Detail
***************************************************************/

div#ProductDetailContainer
{
	width:554px;
	padding:0px 20px 0px 20px; 
	text-align:left; 
}

div#ProductDetailTitle
{
	width:554px;
	background-color: #f2f2f2;
	color:09608c;
	font-size:11pt; 
	height:30px;
	padding:0px 0px 0px 0px;
	font-weight:bold ;
	line-height:30px;   
	float:left; 
}


div#ProductDetail
{
	width:554px;
	float:left;  
	padding:0px 0px 0px 0px;
}

div#BackLinkContainer
{
	width:554px;
	background-color:#09608c;
	height:25px;
	line-height:25px;  
}

div#SmlImgContainer
{
	height:180;
	width:280;  
	float:left;  
	text-align:left ; 
	padding:10px 0px 0px 0px; 
}

div#DetailTitleListingContainer
{
	text-align:left ;
	float:left;  
	padding:10px 0px 0px 10px; 
}

div#enlargeContainer
{
	width:554px;
	float:left ; 
}

div#NotesContainer
{
	width:554px;
	float:left ; 
	overflow:hidden ; 
	padding:10px 0px 0px 0px;
	display:block ;
	line-height:150%; 
	text-align:justify ;   
	
}



/**************************************************************
*	Misc
***************************************************************/

input.NormalButton
{
	background-color:#09608c;
	color:#ffffff;
	font-weight:bold ; 
	height:20px; 
	line-height:20px; 
	border-width:0px 0px 0px 0px; 
	font-size:8pt;
	cursor:hand ;  
}


input.LoginInput
{
	background-color:#bfe0ff;
	border-width :0px 0px 0px 0px;
	width:135px;
	height:15px;
	font-size:8pt;
	padding:0px 0px 0px 2px;
	line-height:15px;  
}

input.Qty
{
	border:solid 1px #d5d5d5;
	border-width:1px 1px 1px 1px;
	background-color:#ffffff;
	width:60px;
	height:20px;    
}


div.ProductTitle
{
	color:#74abde;
	font-family:Arial, Verdana ;
	font-weight:bold ; 
	font-size:11pt;    
}


.LeftContent
{
	width:150px; 
}

.rfvText
{
	font-size:7pt;
	word-spacing:-1pt; 
}

.ErrorMessage
{
	color:Red ; 
}

.StatusMessage
{
	width:512px;
	height:40px;
	line-height:40px;
	float:left ;
	font-size:10pt;
	font-family:Verdana, Arial ;
	color:#333333;
	border: solid 1px #fe8700; 
	padding:5px 20px 5px 20px;       
}

.StatusMessageOk
{
	width:512px;
	height:40px;
	line-height:40px;
	float:left ;
	font-size:10pt;
	font-family:Verdana, Arial ;
	color:#333333;
	border: solid 1px #54d73f; 
	padding:5px 20px 5px 20px;       
}

.SpanLink
{
	cursor:pointer;
	cursor:hand;
	float:right ;
	font-size:8pt;
	font-family:Verdana, Arial;     
	color:#ffffff;
	font-weight:bold ;
	padding:0px 10px 0px 0px;    
}

.ProductSmlImage
{
	border:solid 1px #ccc;
	border-width:1px 1px 1px 1px; 
	width:265;
	height:166;  
}

.ProductLrgImage
{
	border:solid 1px #ccc;
	border-width:1px 1px 1px 1px; 
	width:600;
	height:480;  
}

.EnlargeButton
{
	width:267px;
	text-align:center;
	background-color:#f2f2f2 ; 
	color:#09608c  ;
	border:solid 1px #f2f2f2; 
	border-width:1px 1px 1px 1px;
	font-size:8pt;
	height:25px;
	line-height:25px;
	cursor:pointer;     
	cursor:hand ; 
}

.UnavailableLabel
{
	color:Red;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;      
}