/* ****    Copyright (c) 1999-2005 UniteU Technologies Inc.  All rights reserved. ****/
/* ***********************************************************************************/
/* ****    This file contains default style definitions used in the UU eShop and  ****/
/* ****    eStore applications. This file is included on all store pages. This    ****/
/* ****    setting may be modified via the site manager so that a different file  ****/
/* ****    may be used.                                                           ****/
/*************************************************************************************/

body {
    background:url(sitebg.jpg);
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px; 
	color: #0E1033; 
	font-size: 10px;
    text-align: center; /* to correct the centering IE bug */
}

.swatch {
    background-image:none;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px; 
	color: black; 
	font-size: 10px;
    text-align: center; /* to correct the centering IE bug */
}

#container {
	margin:10px auto 10px auto;
	 width: 860px; /* mandatory to be centered – set to appropriate width */
	 height: 550px;
	 text-align: left; /* to realign your text */
}


td {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
p {font-size: 10px; margin-top: 0px; margin-bottom: 8px; text-align: left; font-weight: normal;}
img{border: none}
.logo {margin: 5px 0px 5px 10px;}


/* shop by brand dropdown*/
.qjump { padding-left:2px; border: 1px solid #0e1643; color:#000000; height:12px; width:130px; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 0 5px 9px;}

/*page title text on all pages except the department and product pages*/
.PageTitle{font-size: 20px; background: inherit; color: #000000;}


/*department titles*/
.DeptTitle{font-size: 16px; background: inherit; color: #000000; font-weight: bold; display: block; margin-bottom: 24px;}


/*list price or price level 1 with a sale*/
.ListPricewSale {font-size: 12px; background: inherit; color: black;}


/*list price or price level 1 with NO sale*/
.ListPricewoSale {font-size: 12px; background: inherit; color: black;}


/* sale price */
.SalePrice {font-size: 12px; background: inherit; color: red;}


/* msrp price */
.MSRPPrice {font-size: 12px; background: inherit; color: black;}


/*  FOR PAMELA'S DEPTLINK CODE - NOT SURE WE SHOULD KEEP  */

table#headerTable {background: inherit; color: #000000;}
table#emailSignUp {background: inherit; color: #000000;}
table#TableNnav  {background: inherit; color: #000000;}
td#TDbottom  {background: inherit; color: #000000;}
td#TDbelowNav  {background: inherit; color: #000000;}
.nav {background-color: #FFFFFF; color: #0E1033; padding: 0px 0px 0px 0px; margin-left:0px;}
.navmargin{ background: inherit; color: #333333; text-decoration: none; font-size: 10px; font-weight: normal; }
.insidenavtextbottom  {background: inherit; color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; text-align:right; border: 1px solid #666666; padding: 0px 10px 7px 3px}

/*  END DEPTLINK CODE CLASSES  */


/* general div on all pages to offset content from left nav  */
.PageContent {padding:15px 0 0 5px;}


/*  DEPTLINK EMAIL SIGNUP  */
.EmailSignupbgcolor {background: #CCCCCC; color: #000000;}
.EmailSignupTitle {background: #CCCCCC; color: #000000;}
.EmailSignupText {background: #CCCCCC; color: #000000;}


/*  SHOPPER LOOKUP CLASSES  */
.TableText {background: #ffffff; color: #000000;}

/* HEADER CLASSES  */
.Header {background: inherit; color: #0e1643; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding:0 10px 0px 10px;}
.HeaderNav:link {background: inherit; color: #0e1643; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 4px 5px 4px;}
.HeaderNav:visited {background: inherit; color: #0e1643; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 4px 5px 4px; }
.HeaderNav:hover {background: inherit; color: #0e1643; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 4px 5px 4px;}
.HeaderNav:active {background: inherit; color: #0e1643; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 4px 5px 4px;}

.HeaderNavBack {background: #000033; color: #000000; border-color: black black #666666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.shoppingNav  {background: transparent; color: #FFFFFF; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.shoppingNav a:link{color:#FFFFFF; text-decoration:none;}
.shoppingNav a:visited {color:#FFFFFF; text-decoration:none;}
.shoppingNav a:hover{color:#FFFFFF; text-decoration:none;}
.shoppingNav a:active{color:#FFFFFF; text-decoration:none;}

.search {padding-left:2px; border: 1px solid #0e1643; color:#000000; height:12px; width:115px; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

/* FOOTER CLASSES  */
.Footertext {background: inherit; color: #ffffff;}
.FooterBack {background: #000033; color: #ffffff;}

.footer {background: inherit; color: #0e1643; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.FooterLink:link {background: inherit; color: #0e1643; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 5px 5px 5px;}
.FooterLink:visited{background: inherit; color: #0e1643; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 5px 5px 5px;}
.FooterLink:hover {background: inherit; color: #0e1643; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 5px 5px 5px;}
.FooterLink:active {background: inherit; color: #0e1643; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0 5px 5px 5px;}


/* SHOPPER NEW AND SHOPPER UPDATE */
.SubText {background: inherit; color: #000000; font-size: 10px; font-weight: normal;}
.optional {background: #ffffff; color: #000000;}
.required {background: #ffffff; color: #000000; font-weight: bold;}


/* PRODUCT PAGE  */

/* You may also be interested in */
.relProductlabel {background: inherit; color: #000000;}
.ProductShortDescription {background: inherit; color: #000000;}
.ProductName {font-family: Arial, Helvetica, sans-serif; font-size: 16px; background: inherit; color: #4a4a4a; font-weight: bold;}

.ListPricewoSale {color:#252e60; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: inherit; font-weight: bold;}
.productDesc	{color:#797979; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: inherit; font-weight: normal;}
.ProductAttrlabel {color:#797979; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: inherit; font-weight: normal; padding-bottom:5px;}

/*list price or price level 1 with a sale*/
.ListPricewSaleP  {font-size: 12px; background: inherit; color: black;}
/*list price or price level 1 with NO sale*/
.ListPricewoSaleP  {font-size: 12px; background: inherit; color: black;}
/* sale price */
.SalePriceP  {font-size: 12px; background: inherit; color: red;}
/* msrp price */
.MSRPPriceP  {font-size: 12px; background: inherit; color: black;}

/*  related products list price or price level 1 with a sale*/
.ListPricewSaleR  {font-size: 12px; background: inherit; color: black;}
/*  related products list price or price level 1 with NO sale*/
.ListPricewoSaleR {font-size: 12px; background: inherit; color: black;}
/*  related products sale price */
.SalePriceR  {font-size: 12px; background: inherit; color: red;}
/*  related products msrp price */
.MSRPPriceR  {font-size: 12px; background: inherit; color: black;}

/*   END PRODUCT PAGE CLASSES  */


/*  DEPARTMENT PAGE  */
.DeptShortDescription {background: inherit; color: #000000;}


/*  Item Table Styles */
.CartLabels {background: #999999; color: #000000;}
.cart_list_item {background: #ffffff; color: #000000;}
.SubHeadbgcolor {background: #878ba4; color: #000000;}
.SubHeadText {background: inherit; color: #000000; font-weight: bold}
.tablebgcolor {background: #FFFFFF; color: #000000;}


/*  ERRORS   */
.BasketErrors
{color: #ff0000; background: #ffffff;}
.PurchaseErrors
{color: #ff0000; background: #ffffff;}
.ErrorMsg
{color: #ff0000; background: #ffffff;}
.errors {color:#ff0000;}

/*  SHIPPING PAGE  */


/*  PAYMENT PAGE  */
.PaymentInput {background: inherit; color: #000000; font-weight: bold;}


/*  CONFIRMATION PAGE  */
.outer {border: 1px solid #999999}
table#confBottom td {border-style: solid; border-left-width: 1pt; border-top-width: 1pt; border-right-width: 0pt; border-bottom-width: 0pt; border-color: #b9b9b9;}


/*  ------BEGIN LINK STYLE DEFINITIONS------  */

/*  general links - applied when no class is specified  */
a:link 		{text-align:left; background:inherit; color: #4a4a4a; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;}
a:visited 	{text-align:left; background:inherit; color: #4a4a4a; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;}
a:hover 	{text-align:left; background:inherit; color: #4a4a4a; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline;}
a:active 	{text-align:left; background:inherit; color: #4a4a4a; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline;}

/*  LeafTree Navigation  */
.LeafTree a:link 	{text-align:left; background:inherit; color:#0e1643; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;}
.LeafTree a:visited 	{text-align:left; background:inherit; color:#0e1643; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;}
.LeafTree a:hover 	{text-align:left; background:inherit; color:#0e1643; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline;}
.LeafTree a:active 	{text-align:left; background:inherit; color:#0e1643; font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline;}

/*  left hand navigation, top level  */
.deptbarlink:link 	{display: block; text-align: left; margin-left: 15px; background: inherit; color: #0e1643; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 5px;}
.deptbarlink:visited 	{display: block; text-align: left; margin-left: 15px; background: inherit; color: #0e1643; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 5px;}
.deptbarlink:hover 	{display: block; text-align: left; margin-left: 15px; background: inherit; color: #0e1643; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 5px;}
.deptbarlink:active 	{display: block; text-align: left; margin-left: 15px; background: inherit; color: #0e1643; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 5px;}

/*  left hand navigation, secondary level  */
.deptbarlink2:link 	{display: block; text-align: left; margin-left: 25px; background: inherit; color: #0e1643; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; margin-bottom: 4px;}
.deptbarlink2:visited 	{display: block; text-align: left; margin-left: 25px; background: inherit; color: #0e1643; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; margin-bottom: 4px;}
.deptbarlink2:hover 	{display: block; text-align: left; margin-left: 25px; background: inherit; color: #0e1643; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; margin-bottom: 4px;}
.deptbarlink2:active 	{display: block; text-align: left; margin-left: 25px; background: inherit; color: #0e1643; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; margin-bottom: 4px;}

/*  content area, department page  */
.deptlinkM:link {text-align: left; font-weight: bolder; color: #666666; background: inherit; text-decoration: none; margin-left:20px; font-size: 12px;}
.deptlinkM:visited {text-align: left; font-weight: bolder; color: #666666; background: inherit; text-decoration: none;  margin-left:20px; font-size: 12px;}
.deptlinkM:hover {text-align: left; font-weight: bolder; color: #EE484C; background: inherit; text-decoration: underline;  margin-left:20px;  font-size: 12px;}
.deptlinkM:active {text-align: left; font-weight: bolder; color: #EE484C; background: inherit; text-decoration: none;  margin-left:20px; font-size: 12px;}

/*  content area, product page  */
.deptlinkP:link  {font-size: 11px; font-weight: bold; text-decoration: underline; color: #000000; background: inherit;}
.deptlinkP:visited  {font-size: 11px; font-weight: bold; text-decoration: underline; color: #000000; background: inherit;}
.deptlinkP:hover  {font-size: 11px; font-weight: bold; text-decoration: underline; color: #EE484C; background: inherit;}
.deptlinkP:active  {font-size: 11px; font-weight: bold; text-decoration: underline; color: #EE484C; background: inherit;}

/* "Back to" link on product page  */
.deptlinkM2:link {background: inherit; color: #555555; text-decoration: none; font-size: 12px; font-weight: normal; margin-bottom: 5px;}
.deptlinkM2:visited {background: inherit; color: #555555; text-decoration: none; font-size: 12px; font-weight: normal; margin-bottom: 5px;}
.deptlinkM2:hover {background: inherit; color: #EE484C; text-decoration: none; font-size: 12px; font-weight: normal; margin-bottom: 5px;}
.deptlinkM2:active {background: inherit; color: #EE484C; text-decoration: none; font-size: 12px; font-weight: normal; margin-bottom: 5px;}

/*  -------END LINK STYLE DEFINITIONS------  */


.footer:link,visited,hover,active {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

/* popup basket styles */
#cartpopwrapper
{
  align: left;
  position: relative;
  top: 40px;
  left: 100px;
  z-index:900;
  height: auto;
}
#cartpop
{
  position: absolute;
  top: 0px;
  left: -15px;
  z-index:899;
  height: auto;
}
.outermostpop { background-color: #000000; }
.outerpop     { background-color: #000000; padding: 2px; }
.innerbg      { background-color: #ffffff; padding: 4px; }
.inneredge    { background-color: #999999; padding: 0px; }
.innerheader  { background-color: #999999; color: #FFFFFF; font-weight: bold; padding: 1px; }

/* format page spanners */
.PageSpanner          {border-top:1px solid #0e1643; border-bottom:1px solid #0e1643; background-color:#0e1643;
                        display:block; width:100%; text-align:right; margin-bottom:0px; margin-top:0px;
                        padding-top:0px; padding-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
                        font-weight:bold; color:#FFFFFF}


.PageSpanner br       {color:#FFFFFF; display:none;}/*supress br tags inside spanner*/


.spanColor			{ color:#FFFFFF;}
#SpannerLinks a:link,  #SpannerLinks a:visited,
#SpannerLinks1 a:link,  #SpannerLinks1 a:visited
 {color:#FFFFFF;}
#SpannerLinks a:hover,#SpannerLinks1 a:hover
 {color:#FFFFFF;}

.spanner              {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; padding:0; text-decoration:none; }
.spanner a:hover      {color:#000000; text-decoration:underline; }

#buttonWrapper {
	height:auto;
	left:100px;
	position:relative;
	top:40px;
	z-index:900;
}
#buttonSelector {
	height:auto;
	left:-65px;
	position:absolute;
	top:0;
	z-index:899;
	width:800px;
	visibility:hidden;
	background-color:#ffffff;
	border:1px solid black;
}
#liningWrapper {
	height:auto;
	left:100px;
	position:relative;
	top:40px;
	z-index:900;
}
#liningSelector {
	height:auto;
	left:-65px;
	position:absolute;
	top:0;
	z-index:899;
	width:760px;
	padding:10px 10px 10px 10px;
	visibility:hidden;
	background-color:#ffffff;
	border:1px solid black;
}
#liningSelector img {
	padding:1px 1px 1px 1px;
}

.trunkHeader {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 5px;
}
.trunkContent {
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
