body
{
	width: 1280px;
	margin:0px auto 0px auto;
	padding: 0px;
	height: 100%;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	background-image: url(../../Pic/top-shadow.png); 
	background-repeat:repeat-x;
	background: #ffffff;
}

.clear_both
{
	clear: both;
}

#banner 
{
	background-image: url(../../Pic/top-shadow.png); 
	background-repeat:repeat-x;
	background-color:#ffffff;	
	voice-family: "\"}\"";
	voice-family: inherit;
	height:117px;
	width:100%;
	padding-top:6px;
}


#wholecontent 
{
	position:relative;
	background:#fff;
	border:0px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:none;
	width:100%;
}	

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

#rightcontent 
{
	position:relative;
	background:#fff;
	border:0px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
	width:15%;
	
}
#leftcontent 
{
	position:relative;
	background:#fff;
	border:0px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
	width:20%;
	
}

/*
#rightcontent
{
	position:relative;
	float:right;
	margin:0px 0px 0px 0px;
	width:15%;
	background:#fff;
	border:0px solid #000;
	
}
*/
#footer 
{ 
    clear: both;
	width: 100%;
	text-align: center;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;   
}

/***********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: #039;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
    text-decoration: underline;
  
}
A.AddLink:hover
{
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
    text-decoration: underline;
}

A.CategoryLink, A.CategoryLink:link, A.CategoryLink:visited
{
	color: #039;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
    font-size:  8.5pt;
    text-decoration: underline;
	
}

A.CategoryLink:hover
{
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
    font-size:  8.5pt;
    text-decoration: underline;
}
A.ChildLink, A.ChildLink:link, A.ChildLink:visited
{
	color: #039;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: none;
  
}
A.ChildLink:hover
{
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: none;
}

A.ChooseLink, A.ChooseLink:link, A.ChooseLink:visited
{
	color: #039;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
  
}
A.ChooseLink:hover
{
	color: #000000;
	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:  #000000;
	font-family: Arial,Courier New;
     font-size:  11pt;
    text-decoration: none;
}

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

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

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

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


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


A.HeaderLink:hover
{
	color:  #6394bf;
	font-family: Verdana, Helvetica, sans-serif;
     font-size:  11.5pt;
     font-weight: bold;
    text-decoration: none;
}

A.ItemLink, A.ItemLink:link, A.ItemLink:visited
{
	color: #039
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
	
}

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

A.LoginLink, A.LoginLink:link, A.LoginLink:visited
{
	color: #039;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    text-decoration: underline;
	
}

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

A.NavigatorLink, A.NavigatorLink:link, A.NavigatorLink:visited
{
	color: #039;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
    text-decoration: underline;
	
}

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

A.ParentLink, A.ParentLink:link, A.ParentLink:visited
{
	color: #039;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight:bold;
    text-decoration: none;
  
}
A.ParentLink:hover
{
	color: #000000;
	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: #039;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  7.5pt;
    font-weight: bold;
    text-decoration: none;
	
}

A.RemindLink:hover
{
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
     font-size:  7.5pt;
    text-decoration: none;
}

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



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

A, A:link, A:visited
{
	color:#039;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  9.5pt;
    text-decoration: underline;
	
}

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

#RadTree A, A:link, A:visited
{
    font-weight: bold;
	padding-top:0px;
	cursor: hand;
	color:black; 
	text-decoration: underline;
	font:10px, Verdana, Helvetica, sans-serif;
}

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

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

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

.BigReminder
{
	color: #000000;
	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: #000000;
    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: #000000;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
   
}

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

.HighlightBlack
{
	color:  Black;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  8pt;
    font-weight: bold;
}

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

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

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


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

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

.HighLightBigBlue
{
	color: #000000;
	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:Verdana, 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:  9.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:#000000;    
}

.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; 
	border: 0;
}





/*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:  6pt;
}

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
{
	color: #000000;
	font-family: Century Gothic,Verdana, Helvetica, sans-serif;
    font-size:  17pt;
    font-weight: normal;
	
	
}

.HomePromo
{
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  14pt;
    
	
	
}

.Title h1 { 
	color: #000000;
	font-family: Century Gothic, Verdana, Helvetica, sans-serif;
    font-size:  15pt;
    font-weight: normal;
	padding: 0;
 }

h1 { 
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  10pt;
	padding: 0;
 }



.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:0px solid #CCCCCC;

}
/*****************************************************
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 Verdana, Helvetica, sans-serif;
    color:#009233;
}

.mainCat   A:hover
{
    text-decoration:underline;
	padding-top:0px;
	font:14px Verdana, Helvetica, sans-serif;
    color:#009233;
}

.subCat  A, A:link, A:visited
{
    text-decoration: none;
	padding-top:0px;
	font:14px Verdana, Helvetica, sans-serif;
    color:#898989;
}

.subCat  A:hover
{
    text-decoration:underline;
	padding-top:0px;
	font:14px Verdana, Helvetica, sans-serif;
    color:#000000;
}


.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
*
/**********************************************************/
.rightcolumn { width: 180px; float: right; padding-bottom: 100px;}
.column { width: 140px; float: left; padding-bottom: 0px; }
.columnleft { width: 160px; float: left; padding-bottom: 10px;margin-left:10px; }
.column2 { float:none; padding-bottom: 100px; }
.leftcolumn { float: center; padding-bottom: 100px; width: 17%;}
.portlet { margin: 0 1em 1em 0;}
.portlet-header {margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; font-size:10pt;}
.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;
}
DIV.photo
{

    MARGIN: 0px 0px 0px 0px;
    DISPLAY: inline;
    FLOAT: left
}
DIV.photo A IMG
{
    
    BORDER-BOTTOM: 2px solid;
    BORDER-LEFT: 2px solid;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 2px solid;
    BORDER-RIGHT: 2px solid;
    PADDING-TOP: 0px;
}


/***********************************************************
*
* Left portlet
*
/**********************************************************/
.topselect { width: 99%; float: left; border: 4 solid #ADADAD; height:20%; }
.topselect-header { width: 65px; 
                    float: left; 
                    text-align:right;
                    vertical-align:bottom; 
                    padding-right: 4px; 
                    font-family: Verdana, Helvetica, sans-serif;
                    font-size: 11px;  }
.topselect-content { width: 100px; float: left; }
.topselect-content3 { width: 20px; float: left; }

/* Detail page styles  */
.enlarge1 {display:block; font:normal 10px verdana, arial,helvetica; text-align:right;}

div.moreColors {clear:both; float:left; margin:20px 0 5px 0; width:100%;}
div.moreColors h3 {font:bold 11px verdana,arial, helvetica; color:#333; margin:0 0 10px 0; padding:0; padding:0;}
div.detail_item {display:inline; width:220px; float:left; margin-right:1px; padding-bottom:2px;}
div.detail_item img {border:solid 1px #ccc; margin-bottom:2px;}
div.detail_item .enlarge {display:block; font:normal 10px verdana, arial,helvetica; text-align:center;}
div.detail_item div.last {margin-right:0;}


/* Lightbox styles  */
#overlay{ background-image: url(../../Pic/overlay.png);
          background-color: transparent;filter:
          background-image: url(../../Pic/blank.gif);
          progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../Pic/overlay.png", sizingMethod="scale"); 
          }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(../../Pic/blank_2.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../Pic/overlay.png", sizingMethod="scale");
	}
	
#lightbox{
	background-color:#fff;
	border:solid 0px #ccc;
	padding: 10px 10px 6px 10px;
	margin:0px auto 0px auto;
	width:450px;
	}
a img#lightboxImage {border:solid 0px #ccc;}
#lightboxDetails{
	font:normal 12px verdana, arial;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; font:normal 11px verdana, arial; color:#333;}
#keyboardMsg a {color:#333;}

#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 

a kbd {font:bold 15px verdana, arial; color:#fff; padding:0 3px; background:#333;}




/*   Top Promo  (between Yelete logo & Search field) */
#top .topPromo {z-index:8; position:relative; top:1px; left:10px; border:1px;}
#top .topPromo .topPromoBg {height:79px; z-index:10; position:relative;}
#top .topPromo .topPromoBg .topLeft {float:left; height:79px; width:6px;}
/*   Adjust width here   */
#top .topPromo .topPromoBg .topMiddle {float:left; width:130px; height:79px; }
#top .topPromo .topPromoBg .topRight {float:left; height:79px; width:111px; }
#top .topPromo .topPromoCopy {position:absolute; top:10px; left:10px; width:230px; z-index:20; font:bold 13px "Trebuchet MS", sans-serif; color:#000; line-height:120%;}
#top .topPromo .topPromoCopy a {color:#203e00;}
#top .topPromo .topPromoCopy a:hover {color:#fff; text-decoration:none;}
#top .topPromo .topPromoCopy h4 {margin:0 0 2px 0; padding:0; font:bold 21px "Trebuchet MS", sans-serif; color:#fff; line-height:1em; color:#fff;}
#top .topPromo .topPromoCopy h4 a {color:#fff;}
#top .topPromo .topPromoCopy h4 a:hover {color:#203e00; text-decoration:none;}

/*   Left Promo   */
#leftNav .promo {float:left; width:117px; position:relative; margin:4px 0 0 4px;}
#leftNav .promo .promoBg {width:117px; z-index:10; position:relative;}
#leftNav .promo .promoBg .top {z-index:10; position:relative; top:0; left:0; height:76px; background-image: url('../../Pic/promo-top.gif');}
/*   Adjust height here   */
#leftNav .promo .promoBg .middle {height:20px; z-index:10; background-color:#220429;}
#leftNav .promo .promoBg .bottom {z-index:10; position:relative; bottom:0; left:0; height:64px; background-image: url(../../Pic/promo-bottom.gif);}
#leftNav .promo .promoCopy {position:absolute; top:10px; left:10px; width:103px; z-index:20; font:bold 13px "Trebuchet MS", sans-serif; color:#fff;}
#leftNav .promo .promoCopy a {color:#fff;}
#leftNav .promo .promoCopy a:hover {text-decoration:none; color:#e3b5e4;} 
#leftNav .promo .promoCopy h4 {margin:0 0 2px 0; padding:0; font:bold 21px "Trebuchet MS", sans-serif; color:#fff; line-height:1.1em; color:#fff;}
#leftNav .promo .promoCopy h4 a {color:#e3b5e4; color:#fff;}
#leftNav .promo .promoCopy h4 a:hover {text-decoration:none; color:#e3b5e4;} 

/*leftNav   */
#leftNav {float:left; font:normal 11px Verdana, Helvetica, sans-serif; margin:15px 0 0 8px; padding-bottom:20px; width:100%px;}

#leftNav ul {list-style-type:none; padding:0; margin:0 0 10px 0;}
#leftNav ul li {padding:2px 4px;font-weight:normal; color:#039;}
#leftNav ul li a {font-weight:normal; font-size:11.5px;color:#000;font-family: Verdana, Helvetica, sans-serif;}
#leftNav ul li.selected {background-color:#efefef;!important;}

#leftNav ul li a:hover {text-decoration:underline;color:  #000000;}

#leftNav li.hdr, #leftNav li.hdr a{font-weight:bold; text-transform:uppercase;color:#000;font-size:12px;}
#leftNav li.sale a {color:#c00;}




.priceDisplay 
{
	color:#FF3300;
	font-size:10px;
	text-decoration:none;
}
.priceDisplay2 
{
	color:#FF3300;
	font-size:10px;
	text-decoration:none;
	text-align:right;
}

.priceDisplayBlack 
{
	color:#039;
	font-size:10px;
	text-decoration:none;
	text-align:right;
}

.priceDisplayLineThru 
{
	color:#039;
	font-size:10px;
	text-decoration:line-through;
	text-align:right;
}

.priceDisplayRed 
{
	color:Red;
	font-size:10px;
	text-decoration:none;
	text-align:right;
}
.itemComment 
{
	color:#FF3300;
	font-size:8px;
	text-decoration:none;
}


/*   Instagram Icon style   */
@font-face {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fontello/fontello.eot?") format("eot"),
    url("../fonts/fontello/fontello.woff2") format("woff2"),
    url("../fonts/fontello/fontello.woff") format("woff"),
    url("../fonts/fontello/fontello.ttf") format("truetype"),
    url("../fonts/fontello/fontello.svg#fontello") format("svg");
}
.icon {
  font-family: "fontello" !important;
  font-size: 26px;
  margin: 0 5px;
  display: inline-block;
  width: 36px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
}

.icon-facebook:before {
  content: "\F09A";
}
.icon-instagram:before {
  content: "\F16D";
}
.icon-message:before {
  content: "\E801";
}
.icon-linkedin:before {
  content: "\F0E1";
}
.icon-calendar:before {
  content: "\E800";
}
.icon-location:before {
  content: "\E802";
}
.icon-calendar {
  position: relative;
  top: -3px;
  right: 6px;
}
/*   Instagram Icon style   */

.image-container {
  position: relative;
  display: inline-block;
}

.image-container img {
  display: block;
  max-width: 100%;
  height: auto;
}
.badge {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px;
  background: #000000;
  opacity: 0.51;
  color: white;
  border-radius: 50px;
  font-size: 20px;
  font-weight: normal;
  font-family: sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-large {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #000000;
  opacity: 0.51;
  color: white;
  border-radius: 40px;
  font-size: 36px;
  font-weight: normal;
  font-family: sans-serif;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-container .icon {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0,0,0,0.5);
  color: white;
  padding: 6px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px; /* Adjust size as needed */
}