﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿/*  Default CSS Stylesheet
    - should only contain styles that are used for the master pages, header, footer, and left column boutique store controls and
      and any styles that are global for the site
    - use #02458B for corporate blue */

/* Reset all margins, padding, backgrounds, and fonts */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; -webkit-text-size-adjust: none; }

/* Utility classes */
.clear				    { clear: both; }
.clearLeft			    { clear: left; }
.clearRight			    { clear: right; }
.floatLeft 			    { float: left; }
.floatRight			    { float: right; }
.layoutCenter		    { margin: 0 auto; }
.textCenter			    { text-align: center; }
.textRight			    { text-align: right; }
.textLeft			    { text-align: left; }
.hide				    { display: none; }
.show				    { display: block; }
.inline                 { display: inline; }
.invisible			    { visibility: hidden; }
.visible                { visibility: visible; }
.strikeOut			    { text-decoration: line-through; }
.underline			    { text-decoration: underline; }
.bold                   { font-weight: bold; }
.reset                  { margin: 0; padding: 0; }
.page-break 		    { page-break-before: always; }
.pointer:hover          { cursor: pointer; }
.fullWidth		{width:100%}

.text9                  { font-size: 9px; }
.text10                 { font-size: 10px; }
.text11                 { font-size: 11px; }
.text12                 { font-size: 12px; }
.text13                 { font-size: 13px; }
.text14                 { font-size: 14px; }
.text16                 { font-size: 16px; }
.text18                 { font-size: 18px; }
.text20                 { font-size: 20px; }

/* View for stuff that doesn't render at designtime */
.designTimeView		{ background: #FAFAF8; text-align: center; }

/* Site defaults */
body, form				{ height: 100%; width: 100%; }
form                    { background: #EEEEEE url(/CONTENT/Common%20to%20All/IMAGES/core/background.gif) repeat-y center top; font-size: 12px; }

a img                   { border: 0; outline: 0; text-decoration: none; }
a:link					{ text-decoration: underline; color: #00468D; }	
a:visited, a:active		{ text-decoration: underline; color: #00376F; }	
a:hover					{ text-decoration: underline; color: #7F0000; }
a.darkLink:link         { color: #333333; }
a.darkLink:visited, a.darkLink:active    { color: #333333; }
a.darkLink:hover        { color: #00468D; }
a.whiteLink:link, a.whiteLink:visited, a.whiteLink:active, a.whiteLink:hover    { color: #FFFFFF; }
a.saleLink:link, a.saleLink:visited, a.saleLink:active  { color: #7F0000; }
a.saleLink:hover        { color: #00468D; }
a.noLine:link, a.noLine:visited, a.noLine:active, a.noLine:hover    { text-decoration: none; }
a span.noLine           { text-decoration: none; }

ol.resetList, ul.resetList  { list-style-type: none; }

.lightText              { color: #999999; }
.mediumText             { color: #616161; }
.saleText               { color: #7F0000; }

/* Master page settings */
.mainHdrRow		{ width:965px;}
.mainHdrRowPositioning	{ width:965px; margin:0 auto; }
.mainHdrBox		{ position:absolute; width:100%; top:0px; background: #EEEEEE url(/CONTENT/Common%20to%20All/IMAGES/core/background.gif) repeat-y center top; }
.mainColumn             { width: 900px; }
.mainColumnPositioning	{ margin-top:168px; }
.contentColumn          { } /* border-left: solid 1px #97E309; border-right: solid 1px #97E309; } */
.storeColumn            { width: 224px; border-right: solid 1px #EEEEEE; }
.storeColumnBox		{ margin-left: -900px; }
.productColumn          { width: 675px; }
.productColumnBox	{ margin-left: 225px; }

/* Header settings */
#Menu                   { width: 100%; border: solid 1px #97E309; background-color: #FAFFF0; height: 40px; color: #666666; line-height: 40px; }
#HeaderNav              { width: 100%; height: 107px; }
#HeaderLeftEnd          { width: 210px; }
#HeaderLinkBox          { width: 440px; }
#HeaderRightEnd         { width: 140px; }
#HeaderRightEnd div     { padding-top: 10px; }
#HeaderMiddle           { width: 550px; margin-top: 24px; }
#HeaderLogo             { padding-top: 12px; padding-bottom: 5px; }
#MiddleLink             { padding-left: 50px; padding-right: 50px; }
#SearchContainer        { padding-top: 19px; }
#Searchbox              { width: 376px; background-color: #97E309; height: 40px; }
/*#Searchbox div div      { padding-top: 6px; }*/
.searchTextbox          { width: 190px; height: 24px; border: solid 1px #CCCCCC; margin-left: 10px; margin-top: 6px; }
.searchGoBtn            { background-color: #EEEEEE; border: 0; width: 37px; height: 26px; font-family: Arial, Helvetica, Sans-Serif; vertical-align: top; margin-top: 7px; margin-left: 4px; }
.searchGoBtn:hover      { background-color: #DDDDDD; border: solid 1px #EEEEEE; }
#AdvSearchbox           { width: 55px; padding-left: 10px; margin-top: 6px; }
.autocomplete-w1        { position:absolute; top:0px; z-index: 11; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete           { border:1px solid #CCCCCC; font-size: 12px; color: #616161; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div       { padding:2px 5px; white-space:nowrap; clear: both; }
.autocomplete div span.searchAutoLeft   { float: left; }
.autocomplete div span.searchAutoRight  { float: right; font-size: 10px; }
.autocomplete strong    { color:#00468D; }

/* Footer settings */
.footMain {background: transparent url('/content/common%20to%20all/images/usercontrols/common/footer/footer-bg2.jpg') no-repeat; width:965px; padding-top:5px; margin-top:40px;}
.footMain a {text-decoration: none !important}
.footLinkBox { padding: 0 40px; }
.footTextLinks {width:221px;}
.footImgLinks {width:220px; text-align:left;}

.footerFirstColumn{margin: 0px 0px 0px 50px;}
.footMain h1{font: bold 14pt arial; color: #00468d; margin: 10px 0px 10px 50px; clear: both;  }
.footMain h3{font: bold 11pt arial; color: #00468d; margin: 20px 0px 0px 0px}
.footMain ul{margin: 0px; padding: 0px}
.footMain li{list-style: none; margin: 0px 0px 0px 20px; padding: 0px}


/* Boutique Store Menu Settings*/
ul.menu{
  margin-top:100px;
}


ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 220px;
}


ul.menu a {
  display: block;
  text-decoration: none;	
}


ul.menu li {
  margin-top: 1px;
}


ul.menu li a 
{
/*Parent Item - no mouseover*/

background: transparent url('/Content/Common%20To%20All/IMAGES/ServerControls/PanelBar/MallsStores/arrowdown.gif') no-repeat left 8px;
color:#00468D;
padding-top:3px;
padding-bottom:3px;
padding-left:12px;
}


ul.menu li a:hover 
{
    /*Parent Item - mouseover*/
  color: #C55100;
}


ul.menu li ul li a {
    /*Child Item - no mouseover*/
    background: none;
    font-size: 11px; color: #669906;
 padding-left: 30px;
}


ul.menu li ul li a:hover {
    /*Child Item - mouseover*/
	color: #C55100;
  padding-left: 30px;
}
ul.menu li ul li a.StoreNew{
    background:url('/Content/COMMON%20TO%20ALL/IMAGES/servercontrols/panelbar/mallsstores/NEW.png') no-repeat left 8px;
}
ul.menu li ul li a.StoreFresh{
    background:url('/Content/COMMON%20TO%20ALL/IMAGES/servercontrols/panelbar/mallsstores/FRESH.png') no-repeat left 8px;
}
ul.menu li ul li a.StoreAll{
    font-weight:bold;
	color: #616161;
}
ul.menu li ul li a.StoreAll:hover{
    font-weight:bold;
	color: #C55100;
}


/* DEBUG header settings*/
.debugHdr		{z-index:100;top:auto; position:absolute; width:975px; border: solid 1px #FFAD33; background-color: #FFEACA; color: #666666; padding:3px; font-size:9px;}
.debugMin		{z-index:500;top:auto; position:absolute; border: solid 1px #FFAD33; background-color: #FFEACA; color: #666666; padding:3px; font-size:9px;}
.debugMin a		{font-weight:bold; text-decoration:none;}
.debugWarn		{color:Maroon; font-weight:bold;}
.debugX			{border: solid 2px red; width:12px; text-align:center;}
.debugX a		{font-weight:bold; text-decoration:none;}

/*Main Header*/
    .hdrMain {width: 965px; height:128px; background-image:url(/content/common%20to%20all/images/usercontrols/common/header/header.jpg); background-repeat: no-repeat; margin-top:10px;}
    .hdrLogo {margin-left:0px; width:180px; height:60px; margin-bottom:-16px;}
    .hdrMainLinks {margin-left:11px; width:379px; height:43px; line-height:43px; }
    .hdrMiddleRow {width:785px;}
    .hdrUser {margin-left:40px; width:320px; height:43px; text-align:right;}
    .hdrTelNo { width:185px; height:40px; line-height:40px; margin-top:5px;}
    .hdrGroups {margin-left:0px; width:585px; height:45px; margin-top:2px;}
    .hdrSearch {width:365px; height:36px; margin-top:-2px; margin-left:21px;}
    .hdrWelcome {width:380px; height:36px; line-height:36px; text-align:right;}
    .hdrCart {width:180px; height:83px;}
.hdrWelcomeReg {padding-top:3px; padding-right:10px}
    .callWaitWrapper {padding:0px;margin:0px;}

/*Store Column Controls*/
#CatalogReqHdr          { border-top: solid 5px #990000; padding-top: 6px; padding-bottom: 10px; }
#CatalogReqLink         { width: 140px; padding-left: 5px; padding-top: 10px; }
#NeedHelpHdr            { border-top: solid 5px #71C4FB; padding-top: 6px; padding-bottom: 10px; }
#NeedHelpImg            { padding-top: 15px; padding-right: 12px; padding-left: 12px; }
.storeColBox            { padding-left: 5px; padding-right: 5px; }
.storeColSection        { padding-top: 40px;  }
#sitesHdr          	{ border-top: solid 5px #75B006; padding-top: 6px; padding-bottom: 10px; }
.sitesLink		{ padding-bottom: 5px; }
.sitesLink a		{ text-decoration:none; color:#00468D; padding-left: 12px; }		
.sitesLink a:hover	{ text-decoration:underline; color:#669906; }
.sitesMainSiteBox	{ padding: 10px 10px 0 10px; text-align: center; }

/* header2 styles */

#header {width: 965px; background-color: White; clear: both;}
.hdrLogo2 {width: 334px}
.hdrUser2 {width: 340px; margin: 10px 0px 0px 0px; text-align: right}
.hdrPhone{width: 280px; margin: 10px 0px 0px 0px}
.lblPhoneNumber{font: 20pt tahoma; font-weight: bold; color: #00468d}
.hdrSearch2{width: 300px; margin: 14px 0px 0px 12px; display: inline}
.hdrWorldWide {margin: 10px; vertical-align:middle; text-align: right; width: 310px}
.hdrWorldWide a img{border: 0px; vertical-align: middle}
.hdrCallStats {width: 300px; margin: 0px 0px 0px 20px; font-size: 8pt;}
.hdrWelcomReg {width: 180px}
.hdrWelcomeReg a{padding: 10px}

.txtSearch {width: 190px; height: 22px; border: solid 1px #cccccc; vertical-align: top; margin: 0px 4px 0px 0px; font: 12pt arial bold; color: #999999;
	-webkit-appearance: none;}

.hdrSearchTab {clear: both;
              background-image: url('/content/common%20to%20all/images/usercontrols/common/header/header-bg.png');
               background-repeat: no-repeat;
               width: 965px; height: 94px;
               z-index: 0;}

/*-- CART SUMMARY --*/
.cartsummary {width: 70px; text-align: right; display: inline}  
.cartsummary li{list-style: none;}    
.cartsummary div ul{display: block; margin: 0px; padding: 0px;} 
.cartsummary ul li{display: block; width: 240px}      
.cartsummary hr {height: 2px; color: #00468d; border: none; background: #00468d}
.cartsummary_view{display: none; position: absolute; background-color: White; z-index: 999;                  
		  border-top: none;
                  border-right: solid 2px #00468d;		  
                  border-left: none;                  
		  border-bottom: none;
                  background: transparent url('/content/common%20to%20all/images/usercontrols/common/header/tl.png') no-repeat top left;
}

.cartsummary_view li{list-style:none; text-align: left; font-size: 9pt}
.cartsummary_view li img{border: none; padding: 10px}
.cartsummary_view hr{height: 2px; color: #00468d; border: none; background: #00468d; margin: 10px 10px 0px 0px}
.cartsummary_view h3{color: #00468d; font-size: 12px; font-weight: bold; margin: 10px 0px 10px 10px; text-align: left; width: 200px}
.cartsummary_trigger {padding: 10px; color: #00468d}
.cartview_bl {float: left; width: 50%; height: 15px; position: relative; top: 15px; left: 2px;
	background: transparent url('/content/common%20to%20all/images/usercontrols/common/header/bl.png') no-repeat bottom left;
	_width: 240px; }
.cartview_br {float: left; width: 50%; height: 15px; position: relative; top: 15px; left: 2px;
	background: transparent url('/content/common%20to%20all/images/usercontrols/common/header/br.png') no-repeat bottom right;
	_display: none;}
            
.lnkAdvancedSearch {font: 8pt arial; line-height: 12px; text-align: center; margin-right: 15px}  

/* -- DROP DOWN CSS -- */
.dropdown {
	/*background: #fff;*/
	border: none;
	float: left;
	padding: 1px 0 0 1px;
	margin: 2px 0px 0px 10px;
	width: 965px;
	display: inline;
}

/*super group hyperlinks */
.dropdown a {
	border: none;
	border-top-width: 0;
	color: #00468d;
	display: table-cell;
	padding: 0px 10px 0px 10px;
	_padding: 0px 2px 0px 2px;
	_margin-bottom: 6px;
	vertical-align: middle;	
	overflow: hidden;
	text-decoration: none;
	font: 8pt arial;
}


.dropdown a:hover {
	color: #1385b6;
	font: 8pt arial;
}


/*menu hyperlinks*/
.dropdown ul a {
	background: #eee;
	display: block;
	font: 10pt arial;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	line-height: 25px;
	height: 25px;
	vertical-align: middle;
	text-align: left;
	_width: 120px;
}


.dropdown ul a:hover {
	color: #1385b6;
	font: 10pt arial;
	background: #eee;
	padding: 0px 0px 0px 10px;
	line-height: 25px;
	height: 25px;
	vertical-align: middle;
}

li.dropdown_store {line-height: 25px; height: 25px; margin: 0px; padding: 0px}

.dropdown li {
	list-style: none;
	position: relative;
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;	
	/*width: 100px;*/
}

ul.dropdown li.single{_line-height: 40px;}
ul.dropdown li.double{_line-height: 14px; _padding: 6px 0px 6px 0px}
ul.dropdown li.double .dropdown_accent {_margin-top: 6px;}


.dropdown li.dropdown_trigger {
	display: inline;
	text-align: center; 
	float: left;
	margin: 0 0 0 4px;	
	height: 46px; 
	max-width: 80px;
	line-height: 40px;
	_width: 63px;
}

.dropdown li.dropdown_trigger .dropdown_accent {height: 6px; 
    line-height: 6px;
    font-size: 0px;
    border: none; 
    width: 100%;
    background-color: #00468d; 
    margin: 0px auto; display: inline;            
    float: left;
    background-image: url('/content/common%20to%20all/images/usercontrols/common/header/semicircle-l.png');
    background-repeat: no-repeat;
    }
.dropdown li.dropdown_trigger .dropdown_accent .dropdown_accent_r{float: right; width: 5px; height: 6px; line-height: 6px;
	background-image: url('/content/common%20to%20all/images/usercontrols/common/header/semicircle-r.png');
	background-repeat: no-repeat;}

.dropdown li.dropdown_trigger:hover .dropdown_accent {height: 6px; 
    line-height: 6px;
    font-size: 0px;
    border: none; 
    width: 100%;
    background-color: #1385b6; 
    margin: 0px auto; display: inline;            
    float: left;
    background-image: url('/content/common%20to%20all/images/usercontrols/common/header/semicircle-l-h.png');
    background-repeat: no-repeat;
    }

.dropdown li.dropdown_trigger:hover .dropdown_accent .dropdown_accent_r{float: right; width: 5px; height: 6px; line-height: 6px;
	background-image: url('/content/common%20to%20all/images/usercontrols/common/header/semicircle-r-h.png');
	background-repeat: no-repeat;}

/* dropdown menu list */
.dropdown ul {
	background: #fff;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999;
	border-top-width: 0;
	position: absolute;
	top: 46px;
	left: -1px;
	z-index: 9999;
}


.dropdown ul {
	display: none;
}


.dropdown li.dropdown_trigger:hover ul {
	display: block;
}
.dropdown li.dropdown_trigger:hover ul li {
	width: 195px;
	text-align: left;
	margin: 0px;	
}
   
.dropdown_content {float: left; padding: 0px; margin: 0px; height: 46px}
.dropdown_content a {border: none; height: 40px; vertical-align: middle;}

/* end header2 styles*/