body
{
	margin:0 auto; 
	width:1100px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#777777
}

#Header
{
	background-color: #000;
	width:100%;
	height:22px;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
}

#footer
{
	background-color: #000;
	clear:both; 
	text-align:center; 
	width:100%;
	color:white; 
	margin-top:8px; 
	margin-bottom:8px;
}


.clear_both
{
	clear: both;
}

#banner 
{
	background:#fff;
	padding-top:5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:161px;
	width:100%;
}	

#centercontent 
{
	position:relative;
	background:#fff;
	border:0px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:1px 5px 1px 5px;
	padding:10px;
	float:left;
	width:820px;
}

#rightcontent 
{
	position:relative;
	/*left:220px; */
	background:#fff; 
	border:0px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left:auto;
	margin-right:auto;
	padding:11px 0 10px 5px;
	float:left;
	width:880px;
}



/***********END MASTER PAGE**************/
.TopHeader-1-1
{
	text-align:left;
	width:50%;
	float:left;
}

.TopHeader-1-2
{
 padding-top:30px;
	width:50%;
	float:right;
    
}


.TopMenu
{
	background-image: url(../../Pic/menu_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 37px;
	vertical-align: middle;
	background-color: transparent;
}

A.AddLink, A.AddLink:link, A.AddLink:visited
{
	color: rgb(82, 132, 39);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
    text-decoration: underline;
  
}
A.AddLink:hover
{
	color: red;
	font-family: Arial,Helvetica,sans-serif;
    font-size:  12px;
    font-weight: bold;
    text-decoration: none;
}

A.CategoryLink, A.CategoryLink:link, A.CategoryLink:visited
{
	color: rgb(4, 84, 183);
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
    font-size:  12px;
    text-decoration:none;
	
}

A.CategoryLink:hover
{
	color: rgb(255, 0, 0);
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
    font-size:  12px;
    text-decoration: underline;
}
A.ChildLink, A.ChildLink:link, A.ChildLink:visited
{
	color: rgb(20, 20, 20);
	font-family: font-family: Arial,Helvetica,sans-serif;
    font-size:  12px;
    text-decoration: none;
  
}
A.ChildLink:hover
{
	color: rgb(110, 110, 110);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: none;
}

A.ChooseLink, A.ChooseLink:link, A.ChooseLink:visited
{
	color: rgb(0, 153, 255);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
  
}
A.ChooseLink:hover
{
	color: red;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
}

A.TopMenuLink, A.TopMenuLink:link, A.TopMenuLink:visited
{
	margin:20px, 0px, 0px, 0px,;
	padding-top:10px;
	color: #ffffff;
	font-family: Arial,Courier New;
    font-size:  11pt;
    font-weight: bold;
    text-decoration: none;	
}

A.TopMenuLink:hover
{
	color:  rgb(198, 172, 206);
	font-family: Arial,Courier New;
     font-size:  11pt;
    text-decoration: none;
}


#Header A.HeaderLink, A.HeaderLink:link, A.HeaderLink:visited
{
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 11pt;
    	font-weight: bold;
    	text-decoration: none;
}

#Header A.HeaderLink:hover
{
	color:  rgb(198, 172, 206);
	font-family: Verdana, Helvetica, sans-serif;
     	font-size:  11pt;
    	text-decoration: none;
}


A.HeaderLink, A.HeaderLink:link, A.HeaderLink:visited
{
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
	 padding:10px;
}

A.HeaderLink:hover
{
	color:  rgb(198, 172, 206);
	font-family: Verdana, Helvetica, sans-serif;
     font-size:  11pt;
    text-decoration: none;
}

A.ItemLink, A.ItemLink:link, A.ItemLink:visited
{
	color: rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
	
}

A.ItemLink:hover
{
	color:  red;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
}

A.LoginLink, A.LoginLink:link, A.LoginLink:visited
{
	color: rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
	
}

A.LoginLink:hover
{
	color:  red;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
}

A.NavigatorLink, A.NavigatorLink:link, A.NavigatorLink:visited
{
	color: rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
    text-decoration: underline;
	
}

A.NavigatorLink:hover
{
	color:  rgb(255, 0, 0);
	font-family: Verdana, Helvetica, sans-serif;
     font-size:  8.5pt;
    text-decoration: underline;
}

A.ParentLink, A.ParentLink:link, A.ParentLink:visited
{
	color: rgb(20, 20, 20);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight:bold;
    text-decoration: none;
  
}
A.ParentLink:hover
{
	color: rgb(110, 110, 110);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
    text-decoration: none;
}

A.RemindLink, A.RemindLink:link, A.RemindLink:visited
{
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    font-weight: bold;
    text-decoration: none;
	
}

A.RemindLink:hover
{
	color:  rgb(198, 172, 206);
	font-family: Verdana, Helvetica, sans-serif;
     font-size:  7.5pt;
    text-decoration: none;
}

A.SearchLink, A.SearchLink:link, A.SearchLink:visited
{
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    text-decoration: underline;
	
}



A.SearchLink:hover
{
	color:  rgb(198, 172, 206);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    text-decoration: underline;
}

A, A:link, A:visited
{
	color:rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  8.5pt;
    text-decoration: underline;
	
}

#RadTree
{
	text-align: left;
	margin: 20px 0 5px 10px;
}

#RadTree A, A:link, A:visited
{
	padding-top:0px;
	color:black; 
	font:14px "Segoe UI",tahoma,verdana,sans-serif;
}

A:hover
{
	color:  red;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
}

.Abstract
{
	color: Black;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 9.5pt;
	
}

.AlternatingGridItem
{
	font-family: Verdana, Arial;
    font-size: 8.5pt;	
}

.BigReminder
{
	color: Purple;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    
}

.Bottom
{
	background-color: #6487dc;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
   
	
}

.Button
{
	color: rgb(0, 102, 204);
	background-color: #EEF3FF;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	border-bottom-color: rgb(80, 80, 80);
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-color: rgb(80, 80, 80);
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-color: rgb(80, 80, 80);
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-color: rgb(80, 80, 80);
	border-Left-style:solid;
	border-Left-width:1px;
	
	 cursor:pointer;
	
}

.CategorySeparator
{
	color: rgb(4, 84, 183);
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
    font-size:  8.5px;
}
.CategoriesTable
{	
	margin-left:2px;
	margin-right:2px;
}

.ChildCategoryTD
{
	padding-top: 0.3em;
}

.ChildCategoryTR
{
	
}

.ChooseLable
{
	color: rgb(0, 153, 255);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    
}

.ChooseCharacter
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}

.ContentContainer
{
	margin-left: 15px;
	
	
}

.CopyRight
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    padding-bottom: 5px;
    padding-top: 5px;
   
	
}

.DetailContentItalic
{
	color: Black;
	font-family: Verdana, Arial;
    font-size: 8.5pt;
    font-style: italic;
    font-weight: normal;
}

.DropDownList
{
	background-color: rgb(235, 235, 235);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}

.GridHeader
{
	background-color: rgb(0, 153, 255);
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
   
    text-align: center;
}

.GridItem
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;

}
.GridTable
{
	border-width: 1px;
	border-collapse: collapse;
	border-style:ridge;
}

.Header
{
	background-color: #6487dc;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    font-weight: bold;
   
}

.Highlight
{
	color:  #0066cc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8pt;
    font-weight: bold;
}

.Highlight2
{
	color:  #0066cc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
   
}

.HighLightBig
{
	color:  #0066cc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  10pt;
    font-weight: bold;
   
}

.HighLightBig2
{
	color:  rgb(80, 60, 120);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  10pt;
    font-weight: bold;
   
}


.HighLightBigRed
{
	color:  red;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  9pt;
    font-weight: bold;
   
}

.HighLightMiddleItalic
{
	color:  #0066cc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  9pt;
    font-style: italic;
    font-weight: bold;
   
}

.HighLightBigBlue
{
	color:  #0066cc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  12pt;
    font-weight: bold;
    font-style: italic;
   
}

.HoverAlternatingGridItem
{
	background-color: rgb(230, 230, 255);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;

}
.HoverGridItem
{	
	background-color: rgb(230, 230, 255);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;

}

Hr.Light
{
	color: rgb(200, 200, 200);	
}

.Instruction
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  10pt;
	font-style: italic;
	font-weight: bold;
}

.ImageWithBorder
{
	border-color: #6487dc;
	/*margin-left: 1em;
	margin-bottom: 1em;*/
	
}

.ItemLabel
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	font-style: italic;
	vertical-align: top;
	font-weight: bold;
	
}

.ItemDetail
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    vertical-align: top;

}

.Label
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	vertical-align: top;
	font-weight: bold;
	
}

.LinkButton
{
	color: Maroon ;
	background-color: rgb(193,192,164);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	border-bottom-color: rgb(110, 110, 110);
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-color: rgb(110, 110, 110);
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-color: rgb(110, 110, 110);
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-color: rgb(110, 110, 110);
	border-Left-style:solid;
	border-Left-width:1px;
	cursor:pointer;
}

TD.LeftLink
{
	cursor: hand;	
}


.LeftBackground
{
	background-color: rgb(240, 240, 240);	
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}

.LeftSeparator
{
	background-color: rgb(120, 120, 120);	
	
}

.LinkBox
{
	background-color: rgb(210, 210, 210);
	
	border-bottom-color: rgb(80, 80, 80);
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-color: rgb(80, 80, 80);
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-color: rgb(80, 80, 80);
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-color: rgb(80, 80, 80);
	border-Left-style:solid;
	border-Left-width:1px;
	
	cursor: hand;
	

	
}

.LoginBack
{
	background-color: rgb(238, 243, 255);	

}

.LoginButton
{
	color: rgb(0, 102, 204);
	background-color: #EEF3FF;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	border-bottom-color: rgb(80, 80, 80);
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-color: rgb(80, 80, 80);
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-color: rgb(80, 80, 80);
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-color: rgb(80, 80, 80);
	border-Left-style:solid;
	border-Left-width:1px;

	cursor:pointer;
}

.LoginLabel
{
	color: rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;	
}
.LoginLine
{
	background-color: #c4d4f3;	

}
.LoginTitle
{
   	color:#003399;
	font-size:20px;
	font-weight:normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
}

.MiddleSeparator
{
	background-color: rgb(130, 130, 130);
	
}

.NavigatorLabel
{	
	color: rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}

.NavigatorSeparator
{	
	color: rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}

.New
{
	background-color: #6487dc;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  9pt;
}

.NormalBox
{
	border-color: rgb(240, 240, 240);	

	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-style:solid;
	border-Left-width:1px;
	
	cursor: hand;
	

	
}

OL{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}

p{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}

.ParentLabel
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	font-weight: bold;	
	margin-bottom: 2px;
	margin-top: 4px;
}

/************** Rigth Search Box ***********/
.RightBox
{
	border-color: rgb(150, 150, 150);
	border-width: 1px;
	border-collapse:collapse;
	border-style: dotted;
    margin:10px;
}


.RightTitle
{
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    font-weight: bold;
    margin: 2px;
	padding:5px;
    background-color: rgb(178, 164, 220);    
}

.RightBody
{
	text-align:center;
	margin: 2px;
}

.ImageData
{
	vertical-align:middle;
}
/********************************************/

.RightCartItem
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  6.5pt;
    color: #6487dc;
}

.SearchBackground
{
	background-color: #6487dc;
}

.SearchButton
{
	color: #ffffff;
	background-color: #6487dc;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
	border-bottom-color:Black;
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-color:Black;
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-color:white;
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-color:white;
	border-Left-style:solid;
	border-Left-width:1px;
	    
	cursor:pointer;
}
.SearchInstruction
{
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    margin-top: 3px;
    
}

.SpecialLabel
{
	color: rgb(84, 113, 212);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;

}

.Submit
{

	color: rgb(0, 102, 204);
	background-color: #EEF3FF;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	border-bottom-color: rgb(80, 80, 80);
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-color: rgb(80, 80, 80);
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-color: rgb(80, 80, 80);
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-color: rgb(80, 80, 80);
	border-Left-style:solid;
	border-Left-width:1px;
	
	 cursor:pointer;
}



Sup
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7pt;
		
}

Table.Normal
{
	border-width: 1px;
	border-collapse: collapse;
	border-style: solid;
}

Table.DatalistTable
{
	border-width: 1px;
	border-collapse: collapse;
	border-style:ridge;
}


Table.NewAccountTable
{
	border-width: 1px;
	border-collapse: collapse;
	border-style:ridge;
}

Table.ProductDetailTable
{
	border-left-color:White;
	border-left-style:none;
	border-right-color:White;
	border-right-style:none;
	
	border-style:dashed;
	border-collapse: collapse;
}

Table.PriceTable
{
	border-width: medium;
	border-style: groove;
	border-collapse: collapse;
	border-style:inset; 
}

.pDiscount
{
 color:Red; 
 text-decoration:line-through;
 font-style:oblique;
}




/*td
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
}
*/


Td.LightGrayTd
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	background-color: rgb(235, 235, 235);		
}

Td.Price
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
}

Td.Qty
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  7.5pt;
    font-weight: bold;
	
}

Tr.Price
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
}

Tr.Qty
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  7.5pt;
    font-weight: bold;
	
}

.TextBox
{
	background-color: rgb(235, 235, 235);
	border-color: rgb(100, 100, 100);
	border-style: solid; 
	border-width: 1px;
	font-family: Verdana, Arial;
    font-size: 8.5pt;
}

.Title
{
	display:block;
	margin: 10px; 
	color: rgb(150, 170, 231);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  15pt;
    font-weight: bold;
}
.TitleBar
{
	background-color: #8caae7;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    font-weight: bold;

}

/*UL.LinkList
{
	color: rgb(0, 102, 204);
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
  
}
Li
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
	margin-top: 0.5em;	
}*/

.Warning
{
	color: Red;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;	
 
}

.WarningLabel
{
	color: Red;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;	
    font-weight: bold;     
}

A IMG 
{
border:none;
}
/*****************************************************
For Lightbox 2.02
*****************************************************/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../pic/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pic/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pic/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:  #000; /*transparent*/
	-moz-opacity: 0.6; 
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
.redbar{
	background:transparent url(../../Pic/bg_redmenu_dn.jpg) repeat-x scroll 0% 50%;
	height:30px;
	margin:0pt;
	padding:0pt;
}	

.treemenu-rad
{
	text-align:left;
}



.mainCat  A, A:link, A:visited
{
    text-decoration: none;
	padding-top:0px;
	font:14px "Segoe UI",tahoma,verdana,sans-serif;
    color:#009233;
}

.mainCat   A:hover
{
    text-decoration:underline;
	padding-top:0px;
	font:14px "Segoe UI",tahoma,verdana,sans-serif;
    color:#009233;
}

.subCat  A, A:link, A:visited
{
    text-decoration: none;
	padding-top:0px;
	font:14px "Segoe UI",tahoma,verdana,sans-serif;
    color:#DC2324;
}

.subCat  A:hover
{
    text-decoration:underline;
	padding-top:0px;
	font:14px "Segoe UI",tahoma,verdana,sans-serif;
    color:#DC2324;
}


.SearchBackground
{
	background-color: #6487dc;
}

.SearchBox
{
	color: #333333;
	background-color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
	border-bottom-color:Black;
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-Right-color:Black;
	border-Right-style:solid;
	border-Right-width:1px;
	
	border-Top-color:Black;
	border-Top-style:solid;
	border-Top-width:1px;
	
	border-Left-color:Black;
	border-Left-style:solid;
	border-Left-width:1px;
	    
}
.SearchInstruction
{
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    margin-top: 3px;
    
}

#SearchBox {
    border: 0 solid #ADADAD;
    color: #57575B;
    padding: 0px 2px 5px 10px;
    text-align: center;
    width: 160px;
}

#SearchBox ul {
    list-style: none outside none;
    padding: 0;
}

#SearchBox li {
    margin: 0 0 3px 0;
}

#SearchBox ul .Title {
    float: left;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 8pt;
    padding: 0;
    text-align: left;
    width: 40px;
}

#SearchBox ul .Content {
    float: left;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 8pt;
    padding: 0;
    text-align: left;
    width: 100px;
}

/***********************************************************
*
* Customer Review
*
/**********************************************************/
#cus_review 
{
	width:100%;
	padding: 20px 0px 0px 20px;
}

#cus_review .box1
{
	vertical-align:top;
	width:120px;
	float:left;
	margin: 20px 0px 0px 0px;
}

#cus_review .box2
{
	width:300px;
	float:left;		
	margin: 20px 0px 0px 0px;

}

/* Rating */
#cus_review .ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

#cus_review .filledRatingStar {
    background-image: url(../../Pic/button/StarR.gif);

}

#cus_review .emptyRatingStar {
    background-image: url(../../Pic/button/EmptyStar.png);
}

#cus_review .savedRatingStar {
    background-image: url(../../Pic/button/SavedStar.png);
}

/***********************************************************
*
* Left portlet
*
/**********************************************************/
.column { width: 190px; float: left; padding-bottom: 50px; }
.column2 { float:none; padding-bottom: 10px; }
.leftcolumn
{
	background-color: #fff;
	float: left;
	width: 210px;
	position:relative;
	padding-left:2px;
	padding-right:2px;
	height:100%;
	overflow:hidden;
}
.portlet
{
	margin: 1em 0;
}
.portlet-header
{
	background-color: #000;
	margin: 0.5em;
	padding: 2px 0 2px 0.2em;
	font-size:11.5pt;
}
.portlet-header .ui-icon { float: right;}
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }



DIV#photos
{
    OVERFLOW: auto;
    text-align:center;   
}
DIV.photo
{
    MARGIN: 0px 0px 5px 0px;
    DISPLAY:block;
     text-align:center;
}
DIV.photo A IMG
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    BORDER-TOP: 1px solid;
    BORDER-RIGHT: 1px solid;
    PADDING-TOP: 1px
}


/***********************************************************
*
* Left portlet
*
/**********************************************************/
.topselect { width: 100%; float: left; border: 4 solid #ADADAD; height:20%; }
.topselect-header { width: 700px;
                    float:left;
                    text-align:right; 
                    padding-right: 3px; 
                    font-family: Verdana, Helvetica, sans-serif;
                    font-size: 18px;  }
.topselect-content { width: 130px; float: left; margin-left:6px; }
.topselect-content3 { float: right; margin-left:7px; }


/***********************************************************
*
* Button
*
/**********************************************************/
.link-button {
    font-size: 14px;
    background-color: #fff;
    color: #000;
    padding: 2px 6px;
    border: 2px solid #4CAF50;
    border-radius: 8px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.link-button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}


/***********************************************************
*
* Box and List
*
/**********************************************************/
.search-box { 
    border-radius: 6px;
    border: 1px solid #456;
    width: 130px;
    height: 22px; 
}
.search-icon { width:25px; height:25px }

.style-list {
    margin-left: 24px;
    padding: 1px;
}
.style-list:hover {
    margin-left: 24px;
    background-color: #ccc;
}

#lean_overlay {
        position: fixed;
        z-index: 100;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background: #000;
        display: none;
}

.popupContainer {
        position: absolute;
        width: 330px;
        height: auto;
        left: 45%;
        top: 60px;
        background: #FFF;
}

#modal_trigger {
        margin: 40px auto;
        width: 200px;
        display: block;
        border: 1px solid #DDD;
        border-radius: 4px;
}

.btn {
        padding: 10px 20px;
        background: #F4F4F2;
}

.btn_red {
        background: #ED6347;
        color: #FFF;
}

.btn:hover {
        background: #E4E4E2;
}

.btn_red:hover {
        background: #C12B05;
}

a.btn {
        color: #666;
        text-align: center;
        text-decoration: none;
}

a.btn_red {
        color: #FFF;
}

.one_half {
        width: 50%;
        display: block;
        float: left;
}

.one_half.last {
        width: 45%;
        margin-left: 5%;
}
/* Popup Styles*/

.popupHeader {
        font-size: 16px;
        text-transform: uppercase;
}

.popupHeader {
        background: #F4F4F2;
        position: relative;
        padding: 10px 20px;
        border-bottom: 1px solid #DDD;
        font-weight: bold;
}

.popupHeader .modal_close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 15px;
        background: #E4E4E2;
        cursor: pointer;
        color: #aaa;
        font-size: 16px;
}

.popupBody {
        padding: 20px;
}
/* Social Login Form */

.social_login {}

.social_login .social_box {
        display: block;
        clear: both;
        padding: 10px;
        margin-bottom: 10px;
        background: #F4F4F2;
        overflow: hidden;
}

.social_login .icon {
        display: block;
        width: 10px;
        padding: 5px 10px;
        margin-right: 10px;
        float: left;
        color: #FFF;
        font-size: 16px;
        text-align: center;
}

.social_login .fb .icon {
        background: #3B5998;
}

.social_login .google .icon {
        background: #DD4B39;
}

.social_login .icon_title {
        display: block;
        padding: 5px 0;
        float: left;
        font-weight: bold;
        font-size: 16px;
        color: #777;
}

.social_login .social_box:hover {
        background: #E4E4E2;
}

.centeredText {
        text-align: center;
        margin: 20px 0;
        clear: both;
        overflow: hidden;
        text-transform: uppercase;
}

.action_btns {
        clear: both;
        overflow: hidden;
}

.action_btns a {
        display: block;
}
/* User Login Form */

.user_login {
        display: none;
}

.user_login label {
        display: block;
        margin-bottom: 5px;
}

.user_login input[type="text"],
.user_login input[type="email"],
.user_login input[type="password"] {
        display: block;
        width: 90%;
        padding: 10px;
        border: 1px solid #DDD;
        color: #666;
}

.user_login input[type="checkbox"] {
        float: left;
        margin-right: 5px;
}

.user_login input[type="checkbox"]+label {
        float: left;
}

.user_login .checkbox {
        margin-bottom: 10px;
        clear: both;
        overflow: hidden;
}

.forgot_password {
        display: block;
        margin: 20px 0 10px;
        clear: both;
        overflow: hidden;
        text-decoration: none;
        color: #ED6347;
}
/* User Register Form */

.user_register {
        display: none;
}

.user_register label {
        display: block;
        margin-bottom: 5px;
}

.user_register input[type="text"],
.user_register input[type="email"],
.user_register input[type="password"] {
        display: block;
        width: 90%;
        padding: 10px;
        border: 1px solid #DDD;
        color: #666;
}

.user_register input[type="checkbox"] {
        float: left;
        margin-right: 5px;
}

.user_register input[type="checkbox"]+label {
        float: left;
}

.user_register .checkbox {
        margin-bottom: 10px;
        clear: both;
        overflow: hidden;
}