/*
* L.L.Bean RETAIL MAIN CSS
* Copyright (c) 2012 L.L.Bean Inc.
* Functional Description: 
*
* Filename: Retail_main.css
*
* Change History: (date - author: description)
* 2012.05.20 - Derek Berdugo: Remove CSS !importants
* 2012.09.24 - Derek Berdugo: Cleanup
* 2013.06.28 - Adam Chamberland: Fixed bug where Department Dropdown loaded too high
*
* Requires: 
*
* @description: Global use file, edit with caution. 
* @description: 
*/

h2 span {
	display: block;
	float: left;
	text-indent: -9999px;
	width:0;
	height:0;
}

.retailStoreLanding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrap {
	border: 1px solid #d5d5d5;
	margin: 0 auto;
	padding:106px 0 400px;
	width: 978px;
}

#contentContainer {
	background: #ffffff;
}

.retailStoreLanding h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 7px 9px;
}

.retailStoreLanding #topNav {
	list-style: none;
	margin: 10px 0 7px 0;
}

.retailStoreLanding #topNav li {
	float: left;
}

.retailStoreLanding #topNav li a {
	background: url(/shop/retailStores/media/images/101115_top_nav_divider.gif) top right no-repeat;
	float: left;
	font-weight: bold;
	font-size: 14px;
	height: 19px;
	padding: 2px 23px 0 23px;
	text-decoration: none;
}

.retailStoreLanding #topNav li a:hover {
	text-decoration: underline;
}

.location .inThisStoreList ul.listfix {
	margin: 0; padding: 0; width: 155px; float: left;
}

.location .inThisStoreList ul.listfix li {
	line-height: 14px;
	margin-top: 4px;
}

.firstNavItem {
	padding-left: 0;
}

.lastNavItem {
	background: none;
}

#featureShotZone {
	position: relative;
	width: 978px;
}

#featureCta {
	bottom: 0;
	height: 29px;
	left: 0;
	padding: 15px 0 0 527px;
	position: absolute;
	width: 451px;
}

#featureCta a {
	background: url(/shop/retailStores/media/images/101115_arrow_white_on_green.gif) top left no-repeat;
	font-size: 14px;
	padding: 0 0 0 17px;
	text-decoration: none;
}

#featureMapCta {
	bottom: 0;
	height: 83px;
	position: absolute;
	right: 20px;
	width: 147px;
}

#featureHorzZone1 {
	background: #fff;
	border-bottom: 1px solid #b2b9cc;
	border-left: none;
	border-right: none;
	display: inline;
	border-top: 1px solid #b2b9cc;
	height: 174px;
	margin: 10px 0 0 20px;
	padding: 23px 26px;
	width: 572px;
}

#featureHorzZone1 h2 {
	width:195px;
	height:59px;
}

#featureHorzZone1 p {
	width: 272px;
}

.featureZoneCta a {
	font-weight: bold;
	padding: 0 0 0 10px;
}

#featureHorzZone1 a {
	text-decoration: none;
}

#featureHorzZone1 a:hover {
	text-decoration: underline;
}

#featureVertZone {
	background: #f4f2dd;
	border-bottom: 1px solid #c8c399;
	border-left: none;
	border-right: none;
	border-top: 1px solid #c8c399;
	display:inline;
	margin:49px 20px 0 0;
	padding:15px 29px 0px;
	width: 229px;
	height:491px;
	overflow:hidden;
}

#featureVertZone a {
	text-decoration: none;
	color:#36681F;
	font-size:13px;
}

#featureVertZone a:hover {
	text-decoration: underline;
}

#featureVertZone h2 {
	margin-bottom:0;
	color: #36681F;
	font-family: Times New Roman ;
	font-size: 26px;
	line-height: 25px;
	padding-bottom: 4px;
}

#featureVertZone .featureImage {
	margin: 15px 0 0 0;
}

#featureHorzZone2 {
	display: inline;
	margin: 20px 0 0 20px;
	width: 624px;
	height:305px;
	overflow:hidden;
}

#featureHorzZone2 h2 {
	border-bottom: 1px solid #36681F;
	height:25px;
	margin: 0 0 20px 0;
	width: 624px;
}

#featuredEventContentZone {
	display: inline;
	margin: 0 17px 0 0;
	width: 271px;
}

#featuredEventContentZone h3,
#featuredEventContentZone h4,
#adventureZone h3,
#storeLocatorZone h3{
	font-weight: bold;
}



#featureHorzZone2 a {
	text-decoration: none;
	color:#36681F;
	font-size:13px;
}

#featureHorzZone2 a:hover {
	text-decoration: underline;
}

#eventLocationForm {
	margin: 20px 0 0 0;
}

#eventLocationForm label {
	font-weight: bold;
}

#eventLocationForm button
{
	border: 0;
	margin: 0 0 0 10px;
	padding: 0;
	background-color: transparent;
}

#adventureZone {
	display: inline;
	width: 994px;
}

#adventureZone a {
	text-decoration: none;
	color:#36681F;
	font-size:13px;
}

#adventureZone a:hover {
	text-decoration: underline;
}

#adventureZone h2 {
	border-bottom: 1px solid #36681F;
	height: 25px;
	margin: 0 0 15px 0;
	width: 944px;
}

#adventureInformation,
#adventureInformation .featureZoneCta {
	width: 436px;
} 

#adventureListZone {
	margin: 0 0 20px 0;
	width: 446px;
}

#adventureListZone ul {
	float: left;
	margin: 10px 0 0 0;
	width: 445px;
}

#adventureListZone ul li {
	background: url(/shop/retailStores/media/images/101115_arrow_grey.gif) top left no-repeat;
	margin: 0;
	padding: 0 0 7px 10px;
	width: 120px;
}

#adventureListZone .wrapListColumn1 { margin-left: 0px; }
#adventureListZone .wrapListColumn3 { margin-left: 246px; }
#adventureListZone .listColumn li {
	width:169px;
	margin-right: 0px;
	line-height: 12px;
}

#adventureListZone .listColumn li.wrapListColumn2{width:202px;}

#storeListContainerInline .wrapListColumn1 { margin-left: 0em; }
#storeListContainerInline .wrapListColumn2 { margin-left: 142px; }
#storeListContainerInline .wrapListColumn3 { margin-left: 284px; }

#storeListContainerInline .listColumn{width:100%; height:325px;}
#storeListContainer .listColumn{width:100%;}
.subListHeader a {
	background: none;
	font-weight: bold;
	padding-left: 0px;
}
#storeListContainerInline .listColumn ul li ul li,
#storeListContainer .listColumn ul li ul li{
	margin-right:0;
}
.listColumn {color: #313131;float: left;width: 102px;}
.listColumn li{
	display:inline;
	float:left;
	font-size:11px;
	line-height: 12px;
	margin-right:17px;
	position: relative;
	width: 130px;} 
li.storeListColumn {width: 150px; margin-right: 16px;}
#storeListContainerInline .resetList{
	margin-top: -319px;
}
#storeListContainerInline .wrapListColumn3.resetList{
	margin-top: -333px;
}
ul.firstCol li{width: 150px;}
.resetList3 {
	margin-top: -333px;
}

#adventureCollage {margin-bottom: 20px;width: 938px;}

#storeLocatorZone {display: inline-block; width: 950px;}

.storeListDisclaimer {border: 1px solid #ccc; width: 458px; margin-top:4px;margin-bottom:12px;}
.ui-dialog .storeListDisclaimer {width: 416px; height: 74px;}
.storeListDisclaimer ul{ margin: 3px 0 0 3px; width: 444px; height: 78px; padding: 0; }
.storeListDisclaimer li {display: inline; width: 190px; margin: 3px 20px 3px 0; padding-left: 12px; line-height: 15px; }
.ui-dialog .storeListDisclaimer li {width: 170px;}
.storedot {background: url(/shop/retailStores/media/images/markers/101115_image.png) 0 3px no-repeat;}
.outletdot {background:url(/shop/retailStores/media/images/markers/101115_image_outlet.png) 0 3px no-repeat;}
.class1{overflow:hidden; display:block;}
.class2{float:left; margin-right: 10px;}
.class3{margin-left:10px; display: table-cell; vertical-align: top;}

#storeLocatorZone h2 {
	border-bottom: 1px solid #36681F;
	height: 25px;
	margin: 0 0 20px 0;
	width: 938px;
}

#headerAndTopNav {
	width: 100%;
}
/*general styling*/
.brandTextColor {
	color: #36681F;
}
.whiteTextColor {
	color: #ffffff;
}
.brandBackgroundColor {
	background-color:#006641;
}
.upperCaseText {
	text-transform: uppercase;
}
.paragraph {
	line-height: 16px;
	margin: 5px 0 10px 0;
}
.invisibleLabel {
	display: none;
}
.formLabel {
	margin: 0 0 5px 0;
}
.button {
	cursor: pointer;
}

.featureZoneCta {
	margin: 10px 0 0 0;
	font-size: 14px;

}
.featureZoneCta a, .featureZoneCta a:visited {color:#36681F ;line-height:16px;padding-top:0px;}
.infoWindowContent .featureZoneCta a:hover {color:#36681F ; text-decoration:underline;}


.contentSubHeader {
	font-size: 16px;
}

.contentSubHeader2 {
	font-size: 14px;
}
.whiteBgCtaArrow {
	background:url(/shop/retailStores/media/images/101115_arrow_green_on_white.gif) top left no-repeat;
}
.tanBgCtaArrow {
	background:url(/shop/retailStores/media/images/101115_arrow_green_on_tan.gif) top left no-repeat;
}
.blueBgCtaArrow {
	background:url(/shop/retailStores/media/images/101115_arrow_green_on_lt_blue.gif) top left no-repeat;
}
.fullWidthContainer {margin: 25px 10px 0 11px;}
.lastList {
	margin-right: 0;
}
.noUnderline {
	text-decoration: none;
}
.noUnderline:hover {
	text-decoration: underline;
}
/*end general styling*/

/*float styling*/
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.overflowContainer {
	overflow: hidden;
width:100%;}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}
/*end float styling*/


/*Fix for Department Dropdown Bar-
 Retail_reset.css resets nv-panel's top margin to 0 when it resets ul margins. This matches it to the rest of the site*/
.nv-panel{
	margin-top: 12px;
}
/* End Fix */


.retailStoreLanding #dpSeoCopy, #page #dpSeoCopy {border-color:#D5D5D5;border-style:solid;border-width:0 1px;padding:0 15px 15px 15px;width:948px;}
#page #retailWrapper #dpSeoCopy {margin-left:4px;padding:0 15px 15px 15px;width:948px;border:none;}

#retailWrapper #dpSeoCopy {padding:0 25px 15px;}
/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// SEO Retail Styles
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */
#dpCopy {
    border-left:1px solid #D5D5D5;
    border-right:1px solid #D5D5D5;
    clear: both;
    font-size: 10px;
    font-family: arial,helvetica,sans-serif;
    width: 978px;
	padding-bottom: 10px;
    color: #666666;
}