/* ------------------------------------------------------------------------------------ */
/* MAIN NAVIGATION			
/* ------------------------------------------------------------------------------------ */
/* Horizontal CSS MENU (suckerfish, solardream, FBT */
.rollover { display: block; } 						/* Allow setting widths and heights */
.rollover img { width: 100%; border: 0; } 			/* only set width and height once */
.rollover:hover { visibility: visible; 				/* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } 		/* 'rolls over' the image */

/* The width and height must be set on the html and not in this stylesheet when using drop down menus */
#navDenim {
	width: 61px;
	height: 33px;
	background-image: url(../images/nav-denim-on.gif);
	display: block;
	float: left;
}
#navClothing {
	width: 76px;
	height: 33px;
	background-image: url(../images/nav-clothing-on.gif);
	display: block;
	float: left;
}
#navHandbags {
	width: 83px;
	height: 33px;
	background-image: url(../images/nav-handbags-on.gif);
	display: block;
	float: left;
}
#navAccessories {
	width: 84px;
	height: 33px;
	background-image: url(../images/nav-accessories-on.gif);
	display: block;
	float: left;
}
#navVintage {
	width: 68px;
	height: 33px;
	background-image: url(../images/nav-vintage-on.gif);
	display: block;
	float: left;
}
#navIntimates {
	width: 78px;
	height: 33px;
	background-image: url(../images/nav-intimates-on.gif);
	display: block;
	float: left;
}
#navLounge {
	width: 68px;
	height: 33px;
	background-image: url(../images/nav-lounge-on.gif);
	display: block;
	float: left;
}
#navOnsale {
	width: 73px;
	height: 33px;
	background-image: url(../images/nav-onsale-on.gif);
	display: block;
	float: left;
}
#navGiftCards {
	width: 88px;
	height: 33px;
	background-image: url(../images/nav-gift-cards-on.gif);
	display: block;
	float: left;
}

#navFacebook {
	width: 103px;
	height: 33px;
	background-image: url(../images/nav-facebook-on.gif);
	display: block;
	float: left;
}
#navTwitter {
	width: 90px;
	height: 33px;
	background-image: url(../images/nav-twitter-on.gif);
	display: block;
	float: left;
}



#tabSmallThumb {
	width: 39px;
	height: 37px;		
	display: block;
	float: left;
}
#tabLargeThumb {
	width: 33px;
	height: 37px;
	display: block;
	float: left;
}
#thumbTabContainer {
	width:73px;
	float:left;
}
#thumbTabs {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	list-style: none;
	float:left;
}
/* ------------------------------------------------------------------------------------ */
/* DROP DOWN MENU ENGINE AND STYLES
/* ------------------------------------------------------------------------------------ */
ul#navMenu {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	list-style: none;
}

ul#navMenu li {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
}

/* main menu panel appearance */
ul#navMenu ul {
	margin: 0px;
	border: 0px none;
	/* border-top: #fff4e6 solid 2px;*/
	padding: 0px;
	width: 120px;
	list-style: none;
	display: none;
	position: absolute;
	top: 31px;				/* offset of menu origin vs. menu image */
	left: 0px;				/* offset of menu origin vs. menu image */
}
ul#navMenu ul:after 		/* From IE 7 lack of compliance */ {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0px;
	visibility: hidden;
}
ul#navMenu ul li {
	width: 120px;
	float: left; 			/* For IE 7 lack of compliance */
	display: block !important;
	display: inline; 		/* For IE */
}
/* root menu */
ul#navMenu a {
	float: none !important; /* For Opera */
	float: left; 			/* For IE */
	display: block;
	font: 11px/22px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%;			 	/* For IE*/
}

/* Root Menu Hover Persistence */
ul#navMenu a:hover,
ul#navMenu li:hover a,
ul#navMenu li.iehover a {
}

/* 2nd Menu */
ul#navMenu li:hover li a,
ul#navMenu li.iehover li a {
	background-image:url(../images/nav_off.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	/*background-position:-26px;*/
	color: #464646;
	float: none;
	z-index:1;
  	padding: 0px 10px 0px 10px;
}

/* 2nd Menu Hover Persistence */
ul#navMenu li:hover li a:hover,
ul#navMenu li:hover li:hover a,
ul#navMenu li.iehover li a:hover,
ul#navMenu li.iehover li.iehover a {
	background-image:url(../images/nav_on.gif);
	/*background-position:-26px;*/
	z-index:1;
	color: #000000;
}

/* 3rd Menu */
ul#navMenu li:hover li:hover li a,
ul#navMenu li.iehover li.iehover li a {
  background-color: #445e2f;
  padding: 0px 10px 0px 10px;
  color: #FFFFFF;
  float: none;

}

/* 3rd Menu Hover Persistence */
ul#navMenu li:hover li:hover li a:hover,
ul#navMenu li:hover li:hover li:hover a,
ul#navMenu li.iehover li.iehover li a:hover,
ul#navMenu li.iehover li.iehover li.iehover a {
  background-color: #134374;
  color: #FFFFFF;
}

/* 4th Menu */
ul#navMenu li:hover li:hover li:hover li a,
ul#navMenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navMenu li:hover li:hover li:hover li a:hover,
ul#navMenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navMenu ul ul,
ul#navMenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 150px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navMenu li:hover ul ul,
ul#navMenu li:hover ul ul ul,
ul#navMenu li.iehover ul ul,
ul#navMenu li.iehover ul ul ul {
  display: none;
}

ul#navMenu li:hover ul,
ul#navMenu ul li:hover ul,
ul#navMenu ul ul li:hover ul,
ul#navMenu li.iehover ul,
ul#navMenu ul li.iehover ul,
ul#navMenu ul ul li.iehover ul {
  display: block;
}


/* ------------------------------------------------------------------------------------ */
/* INVISIBLE BUTTON
/* ------------------------------------------------------------------------------------ */
ul#shoppingLink {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 83px; /*For KHTML*/
	list-style: none;
	height: 137px;
	position:absolute;
	background-color:#999999;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:.0;
}
ul#shoppingLink li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 137px;
}

ul#shoppingLink ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 83px;
  list-style: none;
  display: none;
  position: absolute;
  top: 137px;
  left: 0;
}

ul#shoppingLink ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#shoppingLink ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
ul#shoppingLink a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
  font: bold 10px/70px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  width:87px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#shoppingLink li:hover ul ul,
ul#shoppingLink li:hover ul ul ul,
ul#shoppingLink li.iehover ul ul,
ul#shoppingLink li.iehover ul ul ul {
  display: none;
}

ul#shoppingLink li:hover ul,
ul#shoppingLink ul li:hover ul,
ul#shoppingLink ul ul li:hover ul,
ul#shoppingLink li.iehover ul,
ul#shoppingLink ul li.iehover ul,
ul#shoppingLink ul ul li.iehover ul {
  display: block;
}

/* ------------------------------------------------------------------------------------ */
/* PHOTO FRAME PICKER
/* ------------------------------------------------------------------------------------ */
ul#photoFramePicker {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  width: 290px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#photoFramePicker li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  padding:0 5px 0 0;
}

ul#photoFramePicker ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 290px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#photoFramePicker ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#photoFramePicker ul li {
  width: 290px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#photoFramePicker a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #505050;
  color: #e0e0e0;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
 }

/* Root Menu Hover Persistence */
ul#photoFramePicker a:hover,
ul#photoFramePicker li:hover a,
ul#photoFramePicker li.iehover a {
  background: #616161;
  color: #FFF;
}

ul#photoFramePicker ul ul,
ul#photoFramePicker ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#photoFramePicker li:hover ul ul,
ul#photoFramePicker li:hover ul ul ul,
ul#photoFramePicker li.iehover ul ul,
ul#photoFramePicker li.iehover ul ul ul {
  display: none;
}

ul#photoFramePicker li:hover ul,
ul#photoFramePicker ul li:hover ul,
ul#photoFramePicker ul ul li:hover ul,
ul#photoFramePicker li.iehover ul,
ul#photoFramePicker ul li.iehover ul,
ul#photoFramePicker ul ul li.iehover ul {
  display: block;
}