BODY
{
    BACKGROUND-COLOR: #ffffff;
    margin: 0px 0px 0px 0px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    height:100%;
}

/* -------------- SITE Menu ---------------------- */

fieldset { -moz-border-radius: 5px; border-radius: px; }

h1 { 
font-family: Verdana, Helvetica, sans-serif; 
font-size: 18px; 
font-weight: bold; 
margin: 0px;
} 

h2 { 
font-family: Verdana, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold; 
margin: 0px;
}

h3 { 
font-family: Verdana, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold; 
} 

a.linktext {
    text-decoration: underline;
    color: #4f90cc;  
    font: 14px Verdana, Arial;
}

a.linktext:Hover {
    text-decoration: underline;
    color: white;  
    font: 14px Verdana, Arial;
    padding:0px 1px 0px 1px;
    background-color:#4f90cc;
}

a.HeaderPromo {
    text-decoration: none;
    color: white;  
    font: 12px Verdana, Arial;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: red;
    text-align:center;
}

a.HeaderPromo:Hover {
    text-decoration: none;
    font: 12px Verdana, Arial;
    color: white;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: red;
    text-align:center;
}

a.HeaderMenu {
    text-decoration: none;
    color: white;
    font: 12px Verdana, Arial;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: #00a260; 
    text-align:center;
}

a.HeaderMenu:Hover {
    text-decoration: none;
    font: 12px Verdana, Arial;
    color: black;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: #a3bee3;
    text-align:center;
}

a.HeaderSelected {
    text-decoration: none;
    font: 12px Verdana, Arial; 
	font-weight:bold;
    color: white;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: #ff9e50;
    text-align:center;
}

.HeaderSelected:Hover {
    text-decoration: none;
    font: 12px Verdana, Arial;
	font-weight:bold;    
    color: white;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: #ff9e50;
    text-align:center;
}
.error {
	color:red;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding:0px 0 0px 0px;
    margin-bottom: 0px;
}

.error2 {
	color:red;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
    padding:5px 0 0px 0px;
    margin-bottom: 0px;
}
/* -------------- ADMIN Menu ---------------------- */

a.AdminHeaderMenu {
    text-decoration: none;
    color: red;
    font: 10px Verdana, Arial;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: white;  
    text-align:center;
}

a.AdminHeaderMenu:Hover {
    text-decoration: none;
    font: 10px Verdana, Arial;
    color: white;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: red;
    text-align:center;
}

a.AdminHeaderSelected {
    text-decoration: none;
    font: 10px Verdana, Arial;
    color: white;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: red;
    text-align:center;
}

.AdminHeaderSelected:Hover {
    text-decoration: none;
    font: 10px Verdana, Arial;
    color: white;
    display: block;
    padding: 4px 4px 4px 4px;    
    background: red;
    text-align:center;
}

a.sidemenuHeader { text-decoration: none; color: white; font-size: 10pt; font-family: Verdana, Arial; font-weight: Bold;}
a.sidemenuHeader:Hover { text-decoration: underline; color: white; font-size: 10pt; font-family: Verdana, Arial; font-weight: Bold;}

a.sidemenubold { text-decoration: none; color: #000000; padding:2px; font-size: 9pt; font-family: Verdana, Arial; font-weight: bold; }
a.sidemenubold:Hover { text-decoration: underline ; color: #000000; padding:2px; font-size: 9pt; font-family: Verdana, Arial; font-weight: bold; }

a.sidemenu { text-decoration: none; color: #000000; font-size: 9pt; font-family: Verdana, Arial; font-weight: normal; }
a.sidemenu:Hover { text-decoration: underline ; color: #000000; font-size: 9pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

.sidemenuheadertext { color: black; font-size: 10pt; font-family: Verdana, Arial; font-weight: Bold;}

/* ------------------------------------------------ */

a.youarehere { text-decoration: none; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal;}
a.youarehere:Hover { text-decoration: underline; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal;}

/* ------------------------------------------------ */

.productlargeimage { text-decoration: underline ; color: blue; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; cursor:pointer; }
.productlargeimagelarger { text-decoration: underline ; color: blue; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; cursor:pointer; }
.productlink { text-decoration: none ; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; cursor:pointer; }
.productlinkbold { text-decoration: none ; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: bold; cursor:pointer; }

.FontSize7Bold { text-decoration: none; color: #000000; font-size: 18pt; font-family: Verdana, Arial; font-weight: bold; }
.FontSize6Bold { text-decoration: none; color: #000000; font-size: 16pt; font-family: Verdana, Arial; font-weight: bold; }
.FontSize5Bold { text-decoration: none; color: #000000; font-size: 14pt; font-family: Verdana, Arial; font-weight: bold; }
.FontSize4Bold { text-decoration: none; color: #000000; font-size: 12pt; font-family: Verdana, Arial; font-weight: bold; }
.FontSize3Bold { text-decoration: none; color: #000000; font-size: 10pt; font-family: Verdana, Arial; font-weight: bold; }
.FontSize2Bold { text-decoration: none; color: #000000; font-size: 8pt; font-family: Verdana, Arial; font-weight: bold; }
.FontSize1Bold { text-decoration: none; color: #000000; font-size: 6pt; font-family: Verdana, Arial; font-weight: bold; }

.FontSize7 { text-decoration: none; color: #000000; font-size: 18pt; font-family: Verdana, Arial; font-weight: normal;  }
.FontSize6 { text-decoration: none; color: #000000; font-size: 16pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize5 { text-decoration: none; color: #000000; font-size: 14pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize4 { text-decoration: none; color: #000000; font-size: 12pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize3 { text-decoration: none; color: #000000; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize2 { text-decoration: none; color: #000000; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize1 { text-decoration: none; color: #000000; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

.FontSize3Center { text-decoration: none; color: #000000; text-align:center; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize2Center { text-decoration: none; color: #000000; text-align:center; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize1Center { text-decoration: none; color: #000000; text-align:center; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

.FontSize3Red { text-decoration: none; color: red; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize2Red { text-decoration: none; color: red; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize1Red { text-decoration: none; color: red; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

.FontSize3White { text-decoration: none; color: #ffffff; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize2White { text-decoration: none; color: #ffffff; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
.FontSize1White { text-decoration: none; color: #ffffff; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

a.FontSizeWhite3 { text-decoration: none; color: white; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeWhite3:Hover { text-decoration: underline ; color: white; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeWhite2 { text-decoration: none; color: white; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeWhite2:Hover { text-decoration: underline ; color: white; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeWhite1 { text-decoration: none; color: white; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeWhite1:Hover { text-decoration: underline ; color: white; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

a.FontSizeBlue3 { text-decoration: none; color: #016097; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeBlue3:Hover { text-decoration: underline ; color: #016097; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeBlue2 { text-decoration: none; color: #016097; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeBlue2:Hover { text-decoration: underline ; color: #016097; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeBlue1 { text-decoration: none; color: #016097; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }
a.FontSizeBlue1:Hover { text-decoration: underline ; color: #016097; font-size: 6pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

a.LinkSize2White { text-decoration: none; color: #ffffff; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
a.LinkSize2White:Hover { text-decoration: underline ; color: #ffffff; font-size: 8pt; font-family: Verdana, Arial; font-weight: bold; }

/* ------------------------------------------------ */

a.LinkSize3 { text-decoration: none; color: #000000; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.LinkSize3:Hover { text-decoration: underline ; color: blue; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.LinkSize2 { text-decoration: none; color: #000000; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
a.LinkSize2:Hover { text-decoration: underline ; color: #000000; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }

a.LinkSize3blue { text-decoration: none; color: blue; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.LinkSize3blue:Hover { text-decoration: underline ; color: blue; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.LinkSize2blue { text-decoration: none; color: blue; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }
a.LinkSize2blue:Hover { text-decoration: underline ; color: blue; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

a.SessionCartLink { text-decoration: underline; color: blue; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }
a.SessionCartLink:Hover { text-decoration: underline ; color: #00a260; font-size: 10pt; font-family: Verdana, Arial; font-weight: normal; }

/* ------------------------------------------------ */

.FontMarrakeshHeader { text-decoration: none; color: #5c2f98; font-size: 17pt; font-family: Arial; font-weight: bold; }
.FontMarrakeshBody { text-decoration: none; color: #5c2f98; font-size: 13pt; font-family: Arial; font-weight:normal; }
.FontMarrakeshsmall { text-decoration: none; color: #5c2f98; font-size: 10pt; font-family: Arial; font-weight:normal; }
a.LinkMarrakesh { text-decoration: underline; color: #5c2f98; font-size: 13pt; font-family: Arial; font-weight: normal; }
a.LinkMarrakesh:Hover { text-decoration: underline ; color: #5c2f98; font-size: 13pt; font-family: Arial; font-weight: bold; }

.floatright
{
float: right;
margin: 0 0 8px 8px;
}

.floatleft
{
float: left;
margin: 0 0px 8px 0;
}

.button {
  color: white;
  font-family: verdana,arial;
  background: #4f90cc;
  font-size: 12px;
  border: 1px solid #4f90cc;
}

.buttonHov {
  background: #ff9e50;
  color: White;
  font-family:verdana,arial;
  font-size: 12px;
  border: 1px solid black;
  cursor: pointer; 
}


.buttonLarge {
  color: white;
  font-family: verdana,arial;
  background: #00a260;
  font-size: 16px;
  border: 1px solid black;
}

.buttonLargeHov {
  background: #a3bee3;
  color: black;
  font-family:verdana,arial;
  font-size: 16px;
  border: 1px solid black;
  cursor: pointer; 
}

.buttonLargeSelected{
  background: #ff9e50;
  color: White;
    font-weight:bold;
  font-family:verdana,arial;
  font-size: 16px;
  border: 1px solid black;
  cursor: pointer; 
}

.buttonLargeSelectedHov {
  background: #ff9e50;
  color: White;
  font-family:verdana,arial;
  font-size: 16px;
  border: 1px solid black;
  cursor: pointer; 
}

.buttonLargeCart {
  color: white;
  font-weight:bold;
  font-family: verdana,arial;
  background: #ff9e50;
  font-size: 16px;
  border: 1px solid black;
}

.buttonLargeHovCart {
  background: #a3bee3;
  color: black;
    font-weight:bold;
  font-family:verdana,arial;
  font-size: 16px;
  border: 1px solid black;
  cursor: pointer; 
}

.buttonLargeSelectedCart{
  background: #00a260;
  color: White;
    font-weight:bold;
  font-family:verdana,arial;
  font-size: 16px;
  border: 1px solid #00a260;
  cursor: pointer; 
}

.buttonLargeSelectedHovCart {
  background: #00a260;
  color: White;
  font-family:verdana,arial;
  font-size: 16px;
  border: 1px solid #00a260;
  cursor: pointer; 
}


.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	/* filter: alpha(opacity=90); */
	/* opacity:.9; */
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	/* background-color:#F5F7F8; */
	background-color:#d7edfd;
	border:1px solid black;
}

.popup{
	background-color:Transparent;
	padding:1px;
	border:1px solid white;
	text-decoration: none ; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; cursor:pointer; display:block;
}

.popup:hover{

	/* background-color:#F5F7F8; */
	/* background-color:#d7edfd; */
	padding:1px;
	border:1px solid black;
	text-decoration: none ; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; cursor:pointer; display:block;
}

.popupCat{
	background-color:Transparent;
	padding:1px;
	text-decoration: none ; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; cursor:pointer; display:block;
}

.popupCat:hover{

	padding:1px;
	text-decoration: none ; color: black; font-size: 8pt; font-family: Verdana, Arial; font-weight: normal; cursor:pointer; display:block;
}

.brands{
	text-decoration: none ; color: black; font-size: 10pt; font-family: Verdana, Arial;
}

.brands:hover{
	text-decoration: underline ; color: black; font-size: 10pt; font-family: Verdana, Arial;
	
	/* background-color:#F5F7F8; */
	/*
	background-color: #d6ece0;
	padding:1px;
	border:1px solid #00a260;
	text-decoration: none; color: black; font-size: 10pt; font-family: Verdana, Arial; display: block;
	*/
}

.brandsside{
	text-decoration: none ; color: black; font-size: 10pt; font-family: Verdana, Arial;
}

.brandsside:hover{

	/* background-color:#F5F7F8; */
	text-decoration: underline; color: black; font-size: 10pt; font-family: Verdana, Arial; 
}

.brandssideSelected
{
	padding:2px;
	background-color: #d6ece0;
	text-decoration: none; color: black; font-size: 10pt; font-family: Verdana, Arial; display:block;
}

.brandssideSelected:hover
{
	padding:2px;
	background-color: #d6ece0;
	text-decoration: none; color: black; font-size: 10pt; font-family: Verdana, Arial; display:block;
}

.ajaxOrderedList li 
	{
		list-style:none;
	}

/* -------------- Menu1 ---------------------- */

#nav, #nav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index:10;
}

#nav a 
{
	display: block;
    color: black;
    font: 12px Verdana, Arial;
    background: #d6ece0;
    padding: 4px;
    border-bottom:1px solid black;
    border-right:1px solid black;
    border-left:1px solid black;    
    text-decoration: none;
    text-align: left;
}

#nav a:Hover 
{
    text-decoration: none;
    font: 12px Verdana, Arial;
    color: black;
    display: block;
    background: #a3bee3;
    border-bottom:1px solid black;
    border-right:1px solid black;
    border-left:1px solid black;
    padding: 4px;
    text-align: left;
}

#nav a.upperred {
    text-decoration: none;
    color: white;
    font: 12px Verdana, Arial;
    font-weight:normal;    
    display: block;
    border:1px solid #d6ece0;
    background: red;
    padding: 4px;    
    text-align:center;
}

#nav a.upperred:Hover {
    text-decoration: none;
    font: 12px Verdana, Arial;
    color: black;
    font-weight:normal;
    display: block;
    padding: 4px;    
    border:1px solid #ff9e50;
    background: #a3bee3;
    text-align:center;
}

#nav a.upper {
    text-decoration: none;
    color: white;
    font: 12px Verdana, Arial;
    font-weight:normal;    
    display: block;
    border:1px solid #d6ece0;
    background: #00a260;
    padding: 4px;    
    text-align:center;
}

#nav a.upper:Hover {
    text-decoration: none;
    font: 12px Verdana, Arial;
    color: black;
    font-weight:normal;
    display: block;
    padding: 4px;    
    border:1px solid #ff9e50;
    background: #a3bee3;
    text-align:center;
}

#nav a.upperSelected {
    text-decoration: none;
    color: black;
	font-weight:bold;  
    font: 12px Verdana, Arial;
    display: block;
    border:1px solid #d6ece0;
    background: #ff9e50;
    padding: 4px;    
    text-align:center;
}

#nav a.upperSelected:Hover {
    text-decoration: none;
    font: 12px Verdana, Arial;
	font-weight:bold;  
    color: black;
    display: block;
    padding: 4px;    
    border:1px solid #ff9e50;
    background: #a3bee3;
    text-align:center;
}

#nav li { /* all list items */
	float: left;
	width: 100%; /*  width needed or else Opera goes nuts */
}

#nav li.norm { /* all list items */
	float: left;
	width: 12.2%; /*  width needed or else Opera goes nuts */
}

#nav li.big { /* all list items */
	float: left;
	width: 14.3%; /*  width needed or else Opera goes nuts */
}

#nav li.norm ul { /* second-level lists */
	position: absolute;
	width: 116px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.big ul { /* second-level lists */
	position: absolute;
	width: 136px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* ------------------------------------------------ */

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color: Gray;
	padding:3px;
	width:400px;
}

a.special
{
    color:Red;
}

/* Black Friday ---------------------------- */

.FontSize4Orange { text-decoration: none; color:#EA7802; font-size: 12pt; font-family: Verdana, Arial,Helvetica,sans-serif; font-weight: normal; vertical-align: top }

.FontSize3Orange { text-decoration: none; color: #EA7802; font-size: 10pt; font-family: Verdana, Arial,Helvetica,sans-serif; font-weight: normal; vertical-align: top }

.FontSize4White { text-decoration: none; color:white; font-size: 12pt; font-family: Verdana, Arial,Helvetica,sans-serif; font-weight: normal; vertical-align: top }

.FontSize3White { text-decoration: none; color:white; font-size: 10pt; font-family: Verdana, Arial,Helvetica,sans-serif; font-weight: normal; vertical-align: top }

a.blackFriday {
    text-decoration: underline;
    font-size: 10pt;
    font-family: Verdana, Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #2F8DDB;
}    
    
a.blackFriday:visited {
    color: #29A418;
}