/* @override http://dev.eaglecreek.com/include/global.css */

body {
	font-size:12px; 
	font-family: Arial;
	color: #333333;
	/* background: url(/pics/general/back_body.gif); */
	margin-top: 10px;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	line-height:auto;
	
	
	overflow: -moz-scrollbars-vertical;
}

form {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;	
}

td, .body {
	font-size:12px; 
	font-family: Arial;
	color: #333333;
	text-decoration: none;
	line-height:auto;
}

a.body:hover {
	color: #43230C;
}

h1, h2, h3, h4 {
	color: #009fc2;
	font-weight: normal;
	font-family: Arial;
	margin-bottom: 0px;
	margin-top:0px;
	padding: 0px;
}

/* category titles, etc. */
h1 { 
	font-size:24px;
}

/* subcategory header titles, etc. */
h2 { 
	font-size:13px;
}

a {
	color: #427789;
}

a:hover {
	color: #43230C;
}

ul {
	list-style-type:  disc;
	margin: 0px 0px 0px 14px;
	padding:0px 0px 0px 5px;
}

li {
	padding:1px 0px 1px 0px;
/*	line-height: 11px; */
}


select, input {
	color: #646464;
	font-size: 10px;
}



/* Main Framing */

/* 775 - 681 = 94 // 775 - 754 = 21 */

#mainFrame {
	position:relative;
	width:775px;
	text-align:left;
}

#headerFrame {
	width:775px;
	height:81px;
	position:relative;
	margin-bottom:2px;
	background: url('http://www.eaglecreek.com/imgs/gen/header_top2.gif') top left no-repeat #adc6d7;
}

#hfLogo {
	position:absolute;
	top:0px;left:0px;
	width:92px;height:70px;
}

#hfTag {
	position:absolute;
	top:30px;left:110px;
	width:146px;height:10px;
}

.hfVertLine {
	background: url('http://www.eaglecreek.com/imgs/gen/dots_vert.gif') top center repeat-y;
	padding-top:3px;
	padding-bottom:4px;
}

#hfUser {
	position:absolute;
	top:8px;left:570px;
	width:37px;
	/*padding-top:3px;*/
	/*padding-bottom:4px;*/
	/*background: url('http://www.eaglecreek.com/imgs/gen/dots_vert.gif') top center repeat-y;*/
}

#hfSearch {
	position:absolute;
	top:49px;left:600px;
	width:154px;height:20px;
	background: url('http://www.eaglecreek.com/imgs/gen/gen_srch_back.gif') top left no-repeat;
}

#hfSearch form {
	margin: 0px;
	padding: 0px;
}

.srchField, .srchFieldOn {
	height: 12px;
	width: 118px;
	border: 0px;
	margin: 0px;
	padding:0px;
	font-size: 10px;
	color: #AFAFAF;
}	

.srchFieldOn {
	color: #333333;
}


#mainNavFrame {
	width:775px;
	height:26px;
	position:relative;
	margin-bottom:2px;
	background: url('http://www.eaglecreek.com/imgs/gen/gen_navBack.jpg') top left  repeat-x #a5a5a5;
}

#popupTitleFrame {
	width:500px;
	height:24px;
	position:relative;
	background: url('http://www.eaglecreek.com/imgs/gen/gen_crumbBack.jpg') top left  repeat-x #dadcd1;
}

#popupTitleFrameTall {
	width:500px;
	position:relative;
	background: url('http://www.eaglecreek.com/imgs/gen/gen_crumbBackTall.jpg') top left #dadcd1;
}

#popupTitleFrameTall .item {
	height: 44px;
	margin-top: 3px;
	padding: 0px;
}

#popupTitleFrameTall .left {
	float: left;
	margin-left: 5px;
}

#popupTitleFrameTall .right {
	float: right;
	margin-right: 5px;
}

#popupTitleFrameTall img {
	border: 1px solid #43230C;
}

#popupTitleFrameTall .on {
	border: 1px solid #A6000F;
}

#popupTitleFrameTallClear {
	margin-bottom: 3px;
}

#popupTitleFrame div {
	color: #626060;
	font-weight:bold;
	padding-top:6px;
	padding-left:8px;
}


#breadCrumbFrame {
	width:775px;
	height:24px;
	position:relative;
	background: url('http://www.eaglecreek.com/imgs/gen/gen_crumbBack.jpg') top left  repeat-x #d1dfe8;
}

#breadCrumbFrame div {
	color: #626060;
	font-weight:bold;
	padding-top:5px;
	padding-left:8px;
}

#breadCrumbFrame a {
	color: #626060;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
}

#breadCrumbFrame a:hover {
	color: #086CAE;
}

#breadCrumbFrame b {
	color: #000;
	padding-left:3px;
	padding-right:3px;
}

#breadCrumbFrame b.generalContentOn {
	color: #000;
	padding-left:3px;
	padding-right:3px;
}

#footerFrame {
	position:relative;
	margin-top:4px;
	width:775px;
	height:80px;	
}
#footerLeft {
	position:absolute;
	height:16px;width:140px;
	top:30px;left:8px;
	margin-top:3px;
	margin-bottom:10px;
}
#footerRight {
	position:absolute;
	top:33px;left:100px;
	height:16px;width:665px;
	text-align:right;
	line-height: 16px;
	font-size: 9px;
	color: #555;
}
#footerRight a {
	padding-left:6px;
	padding-right:6px;
	color: #555;
	text-decoration: none;
}

#footerRight a:hover {
	color: #43230C;
}

/* home page */

#homeContent {
	position:relative;
	width:775px;
	margin-top:3px;
	height:336px;
	background: #efefef;
}

#homeFlash {
	position:absolute;
	top:0px;left:0px;
	width:775px;
	height:336px;
	background:#adc6d7;
}

#homeText {
	position:absolute;
	top:100px;left:395px;
	width:310px;
}

#homeCopyText {
	position:absolute;
	top:0px;left:15px;
	width:755px;
}


/* common pages */

.pageHead {
	position:relative;
	background: #d1dfe8;
	width:775px;
}

.pageHeadShadow {
	/* creates the shadow up top */
	position:absolute;
	top:0px;left:0px;
	width:775px; height:5px;
	background: url('http://www.eaglecreek.com/imgs/gen/gen_shadow.png') top left no-repeat;
}

.pageHeadImage {
	position:relative;
}

.pageHeadText {
	position:absolute;
	top:0px;left:448px;
}

.pageHeadText h1 {
	font-family: "fontin Sans Bold",Arial,sans-serif;
}

.pageHeadTextBlock {
	margin: 5px 0px 0px 0px;
	font-size: 12px;
}

.pageHeadSubNav {
	padding:11px 12px 9px 12px; 
}

.pageHeadSubNav b {
	color: #ooo;

}
.pageHeadSubNav a {
	color: #333333;
	text-decoration:none;
	/*font-weight: bold;*/
}

.pageHeadSubNav a:hover {
	color: #086CAE;
}

.productContent {
	position:relative;
	background: #eff0ea;
}


.generalContent {
	position:relative;
	background: #eff0ea;
	
	padding: 10px 20px 20px 20px;
}

.generalContent2 {
	position:relative;
	margin-top:2px;
	background: #dcddcd;
	
	padding: 8px;
}

.generalContentFullWidth {
	position:relative;
	margin-top:2px;
	background: #EFF0EA;
	
	padding: 0px;
}


.listingTable {
	margin: 4px 7px 10px 7px;
}

.subcategoryHeader {
	background: #C0C0B4;
	padding: 9px 5px 7px 17px;
}




.featureBar {
	width:775px;
	/*height:114px;*/
	margin-top:2px;
	background: #eff0ea;

	overflow: hidden;
}

.sideBar {
	width:187px;
	background: #dcddcd;
}

.moreOptionsBar {
	background: #d1dfe8;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top:1px;
}

.vertGreenLine {
	background: url('http://www.eaglecreek.com/imgs/gen/gen_dots_vert_green.gif') left top repeat-y;
	/* width:10px; */
	width:1px;
	overflow:hidden;
}

.horizTanLine {
	background: url('http://www.eaglecreek.com/imgs/gen/gen_dots_horiz_tan.gif') left top repeat-x;
	height:1px;
	overflow:hidden;
}
.horizTanLineLight {
	background: url('http://www.eaglecreek.com/imgs/gen/gen_dots_horiz_tan_light.gif') left top repeat-x;
	height:1px;
	overflow:hidden;
}

.vertTanLineLight {
	background: url('http://www.eaglecreek.com/imgs/gen/gen_dots_vert_tan_light.gif') left top repeat-y;
	width:1px;
	overflow:hidden;
}

.darkLink {
	color: #427789;
	text-decoration:none;
}
a.darkLink:hover {
	color: #43230C;
}


.darkBlue {
	color: #427789;
}
a.darkBlue:hover {
	color: #43230C;
}

.subHeader {
	color: #427789;
	text-decoration:none;
	
	font-weight: bold;
	
}

.subHeaderLarge {
	color: #427789;
	text-decoration:none;
	
	font-weight: bold;
	
	font-size: 14px;
}

.adHeaderLink {
	font-size: 12px;
	color: #427789;
	text-decoration:none;
	
	font-weight: bold;
}

a.adHeaderLink {
	font-size: 12px;
	color: #427789;
	text-decoration:none;
	
	font-weight: bold;

}

a.adHeaderLink:hover {
	color: #43230C;
}



a.listingLink {
	color: #427789;
	text-decoration:none;
	
	font-weight: bold;
}

a.listingLink:hover {
	color: #43230C;
}


/* two column page formatting */

.generalContentTable {
	margin-top:4px;
	width:775px;
}

.contentLeftCol {	
	width:186px;
	border-right:4px solid #ffffff;
	background-color: #DCDDCD;
}

.contentRightCol {
	/* width:565px; */
	background-color: #F9F5EC;
}

.leftColPadding {
	padding: 3px 7px;
}

.leftColAd {
	margin: 5px 2px;
}

.contentRightColText {
	padding: 15px 17px;
}


/* cell display classes */

.cellOn {
	display:table-cell;
}
.cellOff {
	display:none;
}


/* Sub Nav Toggle */

.toggleNav {
	background: url('http://www.eaglecreek.com/imgs/gen/gen_subNavToggleBack.jpg') top left;
	height:26px;
}
.toggleNavOn {
	color:#427789;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding:0px 33px;
	display:block;
}
.toggleNavOff {
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	padding:0px 33px;
	display:block;
}


.pdfLink, .offLink {
	/* height: 17px; */
	display:block;
	text-decoration: none;
	padding-left:25px;
	/* padding-bottom:3px; */
	margin-bottom:2px;
	background: url('http://www.eaglecreek.com/imgs/gen/pdf_icon.gif') left top no-repeat;
	font-weight: bold;
	color: #333333;
}

.offLink {
	background: url('http://www.eaglecreek.com/imgs/gen/gen_more_arrow.gif') left top no-repeat;
}

.pdfLink div, .offLink div {
	padding-top:2px;
	padding-bottom:10px;
	/* padding-left: 22px; */
	/* line-height: 15px; */
}

.pdfLink span, .offLink span {
	/* padding-left: 22px; */
	line-height: 15px;
}

#mainFrame .single, #mainFrame .group {
	position: absolute;
	width: 200px;
	height: 336px;
	overflow: hidden;
	background-color: #e9eae4;
	border: 2px solid #ADC6D7;
	top: 109px;
}

/*
#expandedNavList_collections {
	left: -2px;
}
*/

#expandedNavList_bags_luggage {
	/*left: 130px; */
	left: -2px;
}

#expandedNavList_packing_solutions {
	left: 130px;
}

#expandedNavList_accessories {
	left: 260px;
}

.group .name {
	padding-top: 20px;
	border-top: 1px solid #fff;
	margin-bottom: 10px;
}

#expandedNavList_ethos {
	left: 387px;
}

#expandedNavList_insights {
	left: 515px;
}

.group .name .inner {
	margin-left: 10px;
}

.group .item .inner {
	margin-left: 20px;
}

.group .item .inner a {
	color: #427789;
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.group .single_group {
	margin-bottom: 10px;
}

#mainFrame .group .section .name .inner, #mainFrame .single .section .name .inner {
	margin-left: 10px;
}

#mainFrame .single .section .copy .inner {
	margin-left: 20px;
	padding-right: 10px;
	color: #427789;
	margin-top: 5px;
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
}

#mainFrame .single .section {
	border-top: 1px solid #fff;
	padding-top: 9px;
	padding-bottom: 5px;
}

#mainFrame .single a,#mainFrame .name .inner {
	color: #47a1c3;
	font-weight: bold;
	text-decoration: none;
}

#homeOverlay {
	height: 336px;
	width: 775px;
	background-color: #fff;
	position: absolute;
}