﻿body
{
	color: #786A65;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background: #afa9a2 url('/images/background_image.gif') left repeat-y; /* needs to be changed for stage/prod */
	margin-left: 4px;
	margin-top: 4px;
}

/*.A:link, .A:active, A, A:hover
{
	font-size: 11px;
	color: #786A65;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	
}*/

a {
    font-size: 11px;
	color: #786A65;
	font-family: Arial, Helvetica, Verdana, Sans-serif;    
}

a:hover {
    color: #1a1a1a;  
}

.breadcrumb {
    font-size: 9px;
}

a.breadcrumb {
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    color: #807f83 !important;
}

.normaltiny
{
	font-weight: bold;
	font-size: 9px;
	color: #807f83;
}

h1
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: White;
	margin: 0px 0px 0px 0px;
}

h2
{
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	color: White;
	font-size: 11px;
}

.TextWhite
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	color: White;
	font-size: 11px;
}

div#center_master
{
	text-align:center;
	width:100%;
}

div#container
{
	clear:both;
	width: 997px; /* this should be 997px */
	/*margin: 4px 0px 0px 4px;*/
	margin-left: auto;
    margin-right: auto;
    text-align:left;

}

div#container_checkout
{
	width: 995px;
	margin: 4px 0px 0px 4px;
}

DIV#navcontainer
{
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}


div#TopTwoHeaders
{
	border-color: #E2DFDE;
	border-style: solid;
	border-width: 1px;
	margin-top: 2px;
	height: 89px;
	width: 997px;
	vertical-align: bottom;
}

div#TopOrderItems
{
	padding-right: 30px;
	margin-top: 15px;
	width: 610px;
	float: left;
	height: 43px;
}

div#TopSearchBox
{
	color: #cccccc !important;
    font-size: 10pt;
    font-family:Arial;
}

.frmSearchForm
{
	font-size: 10px;
	height: 12px;

}

.TopSearchWords
{
	background-color: White;
	color: #B0A8A2;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	height: 10px;
	vertical-align: text-top;
}


DIV#navcontainer_title
{
	padding-bottom: 0px;
	float: left;
	margin: 0 0 0 0;
	border: 0px solid white;
	height: 80px;
}
DIV#navcontainer_top
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 997px;
	padding-top: 0px;
	height: 64px;
	background-color: #ffffff;
	text-align: right;
	border-top: 1px solid #E2DFDE;
	border-right: 1px solid #E2DFDE;
	border-bottom: 1px solid white;
}


div#navcontainer_top_checkout
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: White;
	width: 828px;
	height: 59px;
	text-align: right;
	border-top: 1px solid #B5ACA6;
	border-right: 1px solid #B5ACA6;
	border-bottom: 1px solid #B5ACA6;
}

div#navcontainer_bot
{
	/* 	background-color: #B5ACA6;     color: White;     font-size: 12px;     width: 831px;     height: 22px;         padding-top: 5px;     text-align: center;     */
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	vertical-align: top;
	width: 997px;
	height: 27px;
	line-height: 27px;
	text-align: left;
	text-transform: uppercase;
}

div#navcontainer_bot_checkout
{
	background-color: #B5ACA6;
	color: White;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 828px;
	height: 75px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: top;
	border-top: 1px solid #B5ACA6;
}

div#checkout_bottomnav
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	width: 997px;
	height: 45px;
	background-color: #B5ACA6;
	color: White;
	text-align: center;
	font-size: 11px;
}

A.bottomnav_checkout:link
{
	color: White;
	text-decoration: none;
}

A.bottomnav_checkout:hover
{
	color: White;
	text-decoration: none;
}
A.bottomnav_checkout:visited
{
	color: White;
	text-decoration: none;
}


.HeaderCartItems
{
	background-color: White;
	position: relative;
	right: 0px;
	bottom: 14px;
	font-size: 11px;
	color: #89CACE;
}

.CategoryHeader
{
	margin: 0px 25px 3px 20px;
	float: left;
	text-align: center;
}

A.CategoryHeaderLink:link
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: none;
	font-weight: 100;
}

A.CategoryHeaderLink:hover
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: none;
	font-weight: 100;
}

A.CategoryHeaderLink:visited
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: none;
	font-weight: 100;
}

.PageHeader
{
	background-color: White;
	width: 997px;
	color: #756a66;
}

.PageHeaderFF
{
	background-color: White;
	width: 987px;
	color: #756a66;
}

.PageHeaderNoWidth
{
	background-color: White;
	color: #756a66;
}



div#navrow1
{
	float: left;
}

div#navrow2
{
	float: right;
	width: 100%;
	border-top: 1px solid #DEDEDE;
}

IMG.hdr
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.navimg
{
	position: relative;
	float: left;
}

/* begin bottom navigation styling */

A.bottomnavboxlink:link
{
	color: White;
	text-decoration: none;
	float: left;
	margin: 5px 11px 0px 11px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}

A.bottomnavboxlink:hover
{
	color: White;
	text-decoration: none;
	float: left;
	margin: 5px 11px 0px 11px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}
A.bottomnavboxlink:visited
{
	color: White;
	text-decoration: none;
	float: left;
	margin: 5px 11px 0px 11px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}

A.bottomnavboxlink_checkout:link
{
	color: White;
	text-decoration: none;
	float: left;
	margin: 5px 17px 0px 17px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}

A.bottomnavboxlink_checkout:hover
{
	color: White;
	text-decoration: none;
	float: left;
	margin: 5px 17px 0px 17px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}
A.bottomnavboxlink_checkout:visited
{
	color: White;
	text-decoration: none;
	float: left;
	margin: 5px 17px 0px 17px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}

A.bottomnavboxlinkIE_checkout:link
{
	color: White;
	text-decoration: none;
	float: left;
	padding: 5px 14.5px 0px 14.5px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}

A.bottomnavboxlinkIE_checkout:hover
{
	color: White;
	text-decoration: none;
	float: left;
	padding: 5px 14.5px 0px 14.5px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}
A.bottomnavboxlinkIE_checkout:visited
{
	color: White;
	text-decoration: none;
	float: left;
	padding: 5px 14.5px 0px 14.5px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}

div#BottomEmailSignUp
{
	color: #988F8A;
	font-size: 11px;
	padding: 15px 0px 5px 27px;
	text-align: center;
}

#footer-banner {
    margin-top: 3px;
	height: 66px;
	background: #e6e3e1; /* temp */
}

.bottomnavboxes_checkout
{
	width: 991px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	border: solid 1px #dcdcdc; /*margin-bottom: 3px;*/
	height: 75px;
}

.bottomnavcontent
{
	font-size: 11px;
	background-color: #cacaca;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	margin-top: 5px;
	padding-left: 35px;
	width: 942px;
	vertical-align: middle;
}

.bottomnavtext
{
	background-color: White;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	color: #D9CFCA;
	font-size: 11px;
	text-align: center;
	width: 975px;
}

.bottomnavtext a:hover, .bottomnavtext a:link, .bottomnavtext a:visited
{
	background-color: White;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	color: #D9CFCA;
	font-size: 11px;
	text-decoration: none;
}

div #bottomnavboxcontainer
{
	font-size: 11px;
	background-color: #BFB7B2; /*border-top-color: #D9CFCA; */
	border-top-width: 1px;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, Sans-serif; /*margin-top:5px;*/
	width: 997px;
	height: 45px;
	vertical-align: middle;
	text-decoration: none;
	float: left;
}

div #bottomnavboxcontainer_checkout
{
	font-size: 11px;
	background-color: #BFB7B2;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, Sans-serif; /*margin-top:5px;*/
	width: 992px;
	vertical-align: middle;
	text-decoration: none;
	float: left;
}

div #box1
{
	float: left;
	height: 82px;
	width: 331px;
	text-align: center;
	vertical-align: middle;
}

div #box2
{
	float: left;
	height: 82px;
	width: 343px;
	text-align: center;
	vertical-align: middle;
}

div #box3
{
	border-style: none;
	float: left;
	height: 82px;
	width: 320px;
	color: #96b5d3;
	font-size: 11px;
	font-weight: 200;
	text-align: center;
	vertical-align: middle;
}

div #UnsecBox5
{
	border-style: none;
	float: left;
	height: 80px;
	width: 250px;
	color: #96b5d3;
	font-size: 11px;
	font-weight: 200;
	text-align: center;
	vertical-align: middle;
}

/* end bottom navigation styling */

/* begin side navigation (homepages) styling */
div#nav
{
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
}

UL#navlist
{
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	padding: 40px 0px 0px 10px;
	padding-top: 40px;
	margin: 0;
	list-style-type: none;
}
UL#navlist li
{
	text-align: right;
	line-height: 15px;
	padding-right: 20px;
}
UL#navlist li.label
{
	font-weight: bold;
	padding-bottom: 5px;
}
UL#navlist li a
{
	/*padding:0.2em 1em;*/
	color: #808080;
	text-decoration: none;
}

UL#navlist li a:hover
{
	color: #000000;
}

/* =====Store Locator====== */
.StoreLocator
{
	font-size: 10px;
	color: #94877E;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
}

/* end side navigation (homepages) styling */
/* Product Folder Displays */

IMG.ILM
{
}
.viewallcell
{
    padding: 0 10px 5px 10px;
    width: 192px;
}

.itemlink {
    font-size: 11px;
    color: #5f6062;
    font-weight: bold;
    text-decoration: none;
}

.itemlink:hover {
    color: #1a1a1a;
    font-weight: bold;
    font-size: 11px;
}

.viewall-top-row {
    height: 30px;
    padding-right: 18px;
    vertical-align: middle;
    text-align: right;
}

.viewall-header-l {
    padding-left: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #a6a6a6;
}

div.viewallcontainer
{
	width: 997px;
}


/* Shopping cart styles */
.dgItems
{
	vertical-align: top;
	color: #999999;
	font-weight: bold;
}

.dgItemsDark
{
	vertical-align: top;
	color: #525252;
	font-weight: bold;
}

.dgItemsHeader
{
	float: none;
	margin-bottom: 150px;
	color: #999999;
	font-weight: bold;
}
.dgItemsHeaderBorder
{
	float: none;
	margin-bottom: 150px;
	color: #999999;
	font-weight: bold;
	border: 1px #999999 solid;
}

.PaymentCartHeader
{
	background-color: #f0eeed;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #786a65;
	font-weight: bold;
}

.BlueLink
{
	color: #639bcc;
}

.BagTotal
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 20px;
	color: #786A65;
}

.BagTotalOrange
{
	font-size: 20px;
	color: #fe9c15;
}

.Checkout
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #786a65;
}

.Checkout2
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #756a64;
}

.CheckoutBoldCaps
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #786a65;
	font-weight: bold;
	text-transform: uppercase;
}

.CheckoutLarge
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 22px;
	color: #5f5a59;
}

.CheckoutBold
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #5f5a59;
	font-weight: bold;
}

.CheckoutError
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #993333;
	font-weight: bold;
}

.CheckoutLink
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #9DC9CC !important;
	text-decoration: none;
}

/*Popup on item and multidetail page*/

.modalBackground
{
	background-color: white;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #686868;
	padding: 0px;
	width: 413px;
}

table.giftMessage td
{
	color: white;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 14px;
}

div.centered
{
	text-align: center;
}
div.centered table
{
	margin: 0 auto;
	text-align: left;
}

.messageBox
{
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #C4C4C4;
	padding: 3px;
	width: 180px;
}

.giftServices a:link, .giftServices a:active, .giftServices a:hover, .giftServices a:visited
{
	color: #E6560E;
	text-decoration: underline;
}

.giftServices
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
}

/*End popup*/

/* Sale Pricing Color Change */

.origprice
{
	font-weight: normal;
	font-size: 11px;
	color: #94877E;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.saleprice
{
	font-weight: normal;
	font-size: 11px;
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

/* End of Sale Pricing Color Change */
/* "Today" Font change project 2008 */

.Style1
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-transform: lowercase;
}

.Style2A
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: lowercase;
}

.Style2B
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: lowercase;
}

.Style3A
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
}

.Style3B
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
}

.Style3BTopBorder
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.Style3BTopBorderLHS
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.Style3BTopBorderRHS
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 2px solid #999999;
	border-collapse: separate;
}
.Style4A
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.Style4B
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.Style5A
{
	color: #94877E;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.Style5B
{
	color: #71CAD0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: lowercase;
}

.Style6
{
	color: #988F8A;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: lowercase;
}

.Style7
{
	color: #786a65;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.Style8
{
	color: #72CED1;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.Style9A
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.Style9B
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
}

.Style9C
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

.Style9D
{
	color: #756a66;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: lowercase;
}

.Style10
{
	color: #786A65;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: lowercase;
}

.Style11
{
	color: #786a65;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 16px;
}
.bread_container
{
	border-top: 1px solid #ecebea;
	padding: 2px 0 2px 14px;
}

.Style5
{
	color: #A09690;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.CCLabels
{
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 105px;
	padding-top: 5px;
	height: 15px;
}
.blueLinkNoDecoration
{
	color: #9DC9CC;
	text-decoration: none;
}

.itemDescCentered
{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.rmBtnShopBag
{
	width: 100px !important;
}

.CheckoutGrayTotals
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 14px;
	color: #b5aca7;
}

.BlueLink11
{
	color: #8dcdce;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.BlueLink12
{
	color: #8dcdce;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.myJJ_Header
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 15px;
	font-weight: normal;
	border-bottom: solid 1px #dfd9d6;
	margin-bottom: 5px;
}

.myJJ_Header_NoLine
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 15px;
	font-weight: normal;
}

.myJJ_Header_NoLine_Bold
{
	color: #847971;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.myJJ_Error
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #fe9c15;
	font-weight: bold;
}

.myJJ_tiny
{
	color: #988F8A;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
}

#viewEst  a.bluelinknodecoration: link,   #viewEst  a.bluelinknodecoration: hover 
{
	color: #9DC9CC;
	text-decoration: none ;
}

/* Q3 REDESIGN ADDED 8/15/11 */

.content {
    background: #fff;
}

.Q3Copy {
    color: #554f4d;
}

.Q3Link {
    color: #554f4d;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.Q3Link:hover {
    color: #1a1a1a;
    font-size: 11px;
    font-weight: bold;
}

.small {
    font-size: 11px;
}   

#top-header {
    height: 81px;
    position: relative;
}

#imgLogo {
    border: 0;
    margin: 10px 0 0 10px;
}

#header-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
    vertical-align: baseline;
}

#header-right .header-right-ll {
    display: inline;
    color: #362f2d;
    font-size: 10px;
    font-weight: bold;
}

#header-right .header-right-ll a {
    text-decoration: none;
    font-size: 10px;
    color: #362f2d;
}

#header-right .header-right-ll a:hover {
    font-size: 10px;
    color: #101010;
}

#header-right .header-right-search {
    display: inline;
    position: relative;
}

#header-right .header-right-search input[type="text"] {
    width: 151px;
    height: 13px;
    font-size: 10px;
    color: #434242;
    border: 1px solid #efeeed;
    background: #e5e3e1;
    padding: 5px;
    margin: 0 30px 0 20px;
}

#header-right .header-right-search input[type="image"] {
    right: 0;
    *right: 3px;
    top: -5px;
    *top:1px;
    position: absolute;
}

/* firefox only fix, invalid css - but works */
@-moz-document url-prefix() {
    #header-right .header-right-search input[type="image"] {
        top: -6px;
        right: 3px;
    }
}

#top-nav {
    background: #fff;
    padding: 0 10px;
    margin-bottom: 3px;
    /* nasty IE6/7 z-index bug */
    *position: relative;
    *z-index: 1;
}

#nav-ll {
    height: 36px;
    line-height: 36px;
    word-wrap: normal;
}

#nav-ll ul {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* nasty IE6/7 z-index bug */
    *position: relative;
    *z-index: 1;
}

#nav-ll ul li {
    position: relative;
    display: inline;
    margin: 0 14px;
}

#nav-ll ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #554f4d;
}

#nav-ll ul li a:hover {
    color: #1a1a1a;
}

#nav-ll ul li a.sale:hover {
    color: #d31145;
}

#nav-ll ul li ul {
    margin: 0;
    padding: 10px 10px 10px 18px;
    min-width: 170px;
    list-style-type: none;
    position: absolute;
    left: -18px;
    top: 24px; /* was 16px */
    *top: 30px; /* was 22px */
    background: #fff;
    z-index: 60;
    display: none;
    border: 1px solid #ecebea;
    border-top: 1px solid #fff;
}

#nav-ll ul li ul li {
    white-space: nowrap;
    line-height: 20px;
    display: block;
    margin: 0;
}

#nav-ll ul li ul li a {
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    color: #554f4d;
}

#nav-ll ul li ul li a:hover {
    color: #1a1a1a;
}

#nav-bag {
    display: inline;
    position: relative;
    padding: 5px 0 5px 18px;
    border-left: 1px solid #ecebea;
}

#sbag {
    *top: -5px; /* IE7 FIX */
    position: absolute;
}

.sbaglbl {
    text-decoration: none;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #554f4d;
}

.sbaglbl:hover {
    font-size: 14px;
    font-weight: bold;
    color: #1a1a1a;
}

.sbagcount {
    font-size: 10px;
    color: #8d817b;
    vertical-align: top;
    *vertical-align: baseline;
}

#footer-nav {
    text-align: center;
    margin-top: 3px;
    background: #a6a09b;
    padding: 5px 0;
}

#footer-nav .section {
    display: inline-block;
    *display: inline; /* IE7 FIXES */
    *zoom: 1;
}

#footer-nav .section.middle {
    margin: 0 35px;
}

#footer-nav .section .title {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

#footer-nav .section .links {
    font-size: 12px !important;
    color: #fff;
    text-decoration: none;
}

#footer-nav .section .links a {
    font-size: 11px;
}

#footer-nav .section a {
    color: #fff;
    text-decoration: none;
    margin: 0 4px;
}

#footer-nav .section a:hover {
    color: #d4d4d4;
}

.icon {
    vertical-align: middle;
    border: 0;
}

.icon.twitter {
    margin-left: 4px;
}

.icon.facebook {

}

.clearfix {
    clear: both;
    *zoom: 1;
    *height: 0;
}

/* NEW MINI BAG STYLING */
#minibag-content {
    z-index: 100;
    line-height: normal;
    position: absolute;
    left: -33px;
    top: 29px;
    *top: 31px;
    width: 255px;
    background: #fff;
    display: none;
    border: 1px solid #ECEBEA;
}

#mb-close {
    padding: 5px;
    cursor: pointer;
}

#mb-continue {
    cursor: pointer;
}

#mb-itemlist {
    min-height: 100px;
    max-height: 422px;
    overflow-y: auto;
    line-height: 100px;
    text-align: center;
}

#mb-itemlist .item {
    margin: 5px;
    height: 130px;
    text-align: left;
    line-height: normal;
}

#mb-itemlist .item img {
    float: left;
    margin-right: 5px;
}

#mb-itemlist .item span {
    display: block;
}

#mb-itemlist .item .item-title {
    font-weight: bold;
}

#mb-itemlist .seperator {
    margin: 0 5px;
    border-top: 1px solid #ecebea;
}

#mb-footer {
    line-height: normal;
    border-top: 1px solid #ecebea;
    padding: 5px;
    font-size: 12px;
}

#mb-footer .left {
    float: left;
}

#mb-footer .right {
    font-weight: bold;
    float: right;
    *zoom: 1;
}

#mb-buttons {
    padding-top: 5px;
}

/* OFFER BANNER */
.nav-offer {
    padding: 0 10px;
    border-top: 1px solid #ecebea;
    padding: 5px 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    min-height: 14px;
}

.nav-offer .details {
    cursor: pointer;
    font-size: 9px;
    color: #000;
}

.nav-offer .details:hover {
    text-decoration: underline;
}

.nav-offer .offer-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.nav-offer .offer-list li {
    position: relative;
    top: -20px;
    display: none;
    *height: 14px;
}

.nav-offer .offer-list li.active {
    top: 0px;
    display: block;
}

.detail-copy {
    display: none;
    position: absolute;
    top: 14px;
    left: 400px;
    width: 400px;
    text-align: left;
    background: #fff;
    border: 3px solid #dad7d3;
    color: #000;
    padding: 10px 10px 15px 10px;
    font-weight: normal;
    z-index: 55;
}

.nav-offer .offer-list li span.detail-copy .close-detail {
    cursor: pointer;
    display: block;
    padding-bottom: 10px;
}

/* LEFT SUB MENU */
div.menu {
    margin-top: 30px;
    width: 173px;
    padding-left: 25px; /*maybe 12px */
}

div.menu a {
    display: block;
    font-size: 11px;
    color: #5f6062;

    height: 16px;
    text-decoration: none;
}

div.menu a[href]:hover {
    text-decoration: underline;
    *text-decoration: none;
}
