/*


	GOLD : #ffac00;




*/


body {
	background-color: #BCA071;
	font-family:"Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
	font-family: "Times New Roman", Times, Helvetica;
}


#wrap {
	background: #BCA071 url(../images/sideBarTile.jpg) repeat-y;
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

:focus {
	-moz-outline: none; /* fx 1.07*/
	outline: none; /* fx 1.05, Safari, Mac IE*/
}


/****************************************************/
/* LOGO												*/
/****************************************************/

#logo {
	position: absolute;
	top: 30px;
	left: 50px;
	width:133px;
	height: 124px;
}

#logo a {
	position: absolute;
	top:0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}

#logo span {
	background: transparent url(../images/sideBar_TopLogo.gif) no-repeat;
	position: absolute;
	display: block;
	top: 0;
	left: 5px;
	width: 123px;
	height: 115px;
	z-index: 2;
}
#subLogo{
	font-size: 11px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 155px;
	left: 35px;
}
#subLogo li{
	color: #d8b487;
	float: left;
	padding: 5px; 
}
#subLogo li.bullet{
	color: #9a5107;
}


/****************************************************/
/* SIDE NAV 										*/
/****************************************************/

#side-nav {
	top: 220px;
	left: 25px;
	width: 197px; /*this should be 200px, but for some reason IE6 will only be ok with 197px */
	position: absolute;
	z-index: 2;
	display: inline;
}


	#side-nav a:link,
	#side-nav a:visited,
	#side-nav a:hover,
	#side-nav a:active {
		background: transparent url(../images/nav-bullet.gif) no-repeat 6px 50%;
		display: block;
		width: 160px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		text-transform: uppercase;
		border-top: solid 1px #9a5107;
		padding: 9px 0 9px 20px;
		color: #d8b487;
		font-size: 11px;
		line-height: 18px;
	}
	#side-nav a:hover {
		background-position: 8px 50%;
		color: #FFF;
	}
	
	
	a#nav-guarantee {
		border-bottom: solid 1px #9a5107;
	}


/****************************************************/
/* TOP NAV	 										*/
/****************************************************/

#top-nav {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 999;
	font-size: 11px;
	line-height: 22px;
	padding-right: 155px; /* this is the width of the search field */
	font-family:"Times New Roman", Times, Helvetica;
}
#top-nav * {
	z-index: 999;
}
#top-nav a,
#top-nav span {
	color: #444;
	margin-right: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	color: #9a5107;
}

#top-nav a:link,
#top-nav a:visited,
#top-nav a:hover,
#top-nav a:active {
	font-size: 11px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
	color: #9a5107;
}
#top-nav a:hover {
	text-decoration: underline;
}


#top-nav-cart {
	background: transparent url(../images/top-nav-cart-bg.gif) no-repeat 0 50%;
	padding-left: 16px;
}

#top-nav-search {
	position: absolute;
	top: 0;
	right:0;
	background: transparent url(../images/top-nav-search-bg.gif) no-repeat 90% 50%;
	display: block;
	float: right;
	width: 158px;
	height: 18px;
	margin-top: 2px;
}

#top-nav-search input {
	font-size: 12px;
	background: transparent;
}
#top-nav-search-box {
	border: none;
	width: 130px;
	padding-left: 7px;
	height: 1.5em;
	line-height: 1.5em;
	vertical-align: middle;
}
#top-nav-search-button {
	border: none;
	width: 20px;
	height: 1.5em;
	cursor: pointer;
}



/****************************************************/
/* CONTENT											*/
/****************************************************/

#content-wrap {
	width: 700px;
	float: right;
	min-height: 800px;
	height:auto !important;
	height: 800px;
}

#content-wrap li {
	list-style-type: disc;
}

#content {
	margin-top: 40px;
}

#content h2 {
    font: normal 36px/36px "Times New Roman", Times, serif;
	min-height: 75px;
	height:auto !important;
	height: 75px;
}

#content h3 {
	color: #663300;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.custom-page p,
.custom-page li {
	font-size: 13px;
	margin-bottom: 1em;
}

.custom-page ol {
	list-style-type: decimal;
}

.custom-page li {
	margin-left: 2em;
}

.custom-page strong {
	font-weight: bold;
}

#content a:link,
#content a:hover,
#content a:visited,
#content a:active {
	color: #482207;
}






/****************************************************/
/* FOOTER											*/
/****************************************************/

#footer-wrap {
	position: relative;
	clear: both;
	background:  url(../images/footer-logo.gif) no-repeat 20px 50%;
	margin: 0 0 0 40px;
    color: #4F2B14;
}

#footer {
	padding: 20px;
	text-align: right;
	min-height:200px;
	height:auto !important;
	height: 200px;
}

.footerMenuHeader {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}
#footer-menu {
	text-align: left;
}

#footer-menu li li {
	font-size: 12px;
	line-height: 18px;
	font-family: "helvetica Neue", Helvetica, Sans-Serif;
}

#footer-menu li li a:link,
#footer-menu li li a:visited,
#footer-menu li li a:hover,
#footer-menu li li a:active {
	color: #4F2B14;
	text-transform: none;
	text-decoration: none;
}
#footer a:hover,
#footer-menu li li a:hover {
	color: #FFF;
	text-decoration: none;
}

#footer-shop {
	position: absolute;
	top: 19px;
	left: 216px;
}

#footer-about {
	position: absolute;
	top: 19px;
	left: 369px;
}
#footer-service {
	position: absolute;
	top: 19px;
	left: 532px;
}


#footer-phone {
	font-size: 20px;
	line-height: 24px;
}
#footer-logos {
	line-height: 47px;
}

#footer-credits,
#footer-credits * {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-family: "helvetica Neue", Helvetica, Sans-Serif;
}



#footer-find {
    float: right;
    width: 178px;
    padding-top: 25px;
}

#footer-find span.footerMenuHeader {
    display: block !important;
    text-align: left !important;
}
#find-retailer-form input {
    float: left;
}
#find-retailer-form img {
    float: left;
  margin-left: 3px;
}


.breadcrumbs {
    clear: both;
    font-size: 12px;
    color: #4F2B14;
    margin-left: 255px;
    border-bottom: 2px solid #4F2B14;
    padding: 5px;
	font-family: "helvetica Neue", Helvetica, Sans-Serif;
}

.breadcrumbs a {
	color: #4F2B14;
	font-size: 12px;
	text-decoration: none;
}



/* find a retailer search input */
#footer #q {
	width: 125px;
	padding: 5px;
	font-size: 9px;
	color: #90928f;
}




/****************************************************/
/* PRODUCT											*/
/****************************************************/


#product {
    position: relative;
	padding-top: 525px;
}

#productflash {
    position: absolute;
	top: 0;
	left: -22px;
    z-index: 1;
}

#product-bar {
    position: relative;
	background: transparent url(../images/opaque-cream-80.png);
    z-index: 100;
    padding: 15px 40px 15px;
	width: 620px;
}

#product-bar h2 {
    font: normal 36px/36px "Times New Roman", Times, serif;
}
#product-bar p {
    font-size: 14px;
}
#product-bar p a {
    color: #666;
}

.product-controls {
	margin: 5px 0 0 0;
}
.product-controls * {
	vertical-align: top;
	line-height: 20px;
	font-size: 13px;
}

.product-controls .product-price {
	font-size: 16px;
}


.outofstockdisplay {
    color: #9A5107;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

#product-info {
	margin-top: 10px;
	min-height:27px;
	height:auto !important;
	height: 27px;
}

#product-info p {
    margin: 0 0 1em;
	line-height: 18px;
}

	/* TABS */
	#product-tabs li {
		float: left;
		margin-right: 4px;
		list-style-type: none;
	}
	
	#product-tabs li a.tab {
		position: relative;
		display: block;
		width: 91px;
		height: 27px;
		font-size: 11px;
	}
	
	#product-tabs li a#product-tab-email { width: 114px; }
	
	a.tab span {
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
		background: transparent url(../images/product-toolbar.gif) no-repeat 0 0;
		cursor: hand;
		cursor: pointer;
	}
	
	#product-tab-details span { background-position: 0 0 }
	#product-tab-photos span { background-position: -91px 0 }
	#product-tab-video span { background-position: -182px 0 }
	#product-tab-360 span { background-position: -273px 0 }
	#product-tab-sizing span { background-position: -364px 0 }
	#product-tab-email span { background-position: -455px 0 }
	#product-tab-review span { background-position: -455px 0 }
	#product-tab-email span { background-position: -546px 0 }
	
	#product-tab-details.selected span { background-position: 0 -27px }
	#product-tab-photos.selected span { background-position: -91px -27px }
	#product-tab-video.selected span { background-position: -182px -27px }
	#product-tab-360.selected span { background-position: -273px -27px }
	#product-tab-sizing.selected span { background-position: -364px -27px }
	#product-tab-review.selected span { background-position: -455px -27px }
	#product-tab-email.selected span { background-position: -546px -27px }
	
	.tab-content {
		clear: both;
		padding-top: 1em;
		overflow: auto;
	}
	
	#product-email td, 
	#product-email th {
		padding: 5px;
		vertical-align: top;
	}

	#product-email td * {
		float: left;
	}

	#product-email td span.error {
		font-size: 13px;
		line-height: 18px;
		margin-left: 5px;
	}

	
	#product-email th {
		width: 100px;
		text-align: right;
	}
	
	#product-email th label {
		display: block;
		padding-top: 4px;
		font-size: 12px;
	}
	
	#product-email input.forminput,
	#product-email textarea {
		font: normal 16px/16px Arial, Helvetica, sans-serif;
		border: solid 1px #ccc;
		width: 400px;
		overflow: auto;
	}
	
	
	
/* PRODUCT REVIEW */
.product-review-container {
	position: relative;
}
#product-review-header {
	font-size: 24px;
}

#write-a-review {
	position: absolute;
	top: 0;
	right: 0;
}

#product-review-form {
	margin: 20px 0 40px;
}

#product-review-form .formField {
	margin: 10px 0;
}

#product-review-form textarea {
	width: 95%;
}

.product-review {
	padding: 12px 0;
}


.product-review img {
	float: left;
}

.product-review-text {
	margin-left: 90px;
}

.product-review-text  .reviewedBy {
	font-style: italic;
	display:block;
	margin-top: .5em;	
}







#related-products {
	margin: 30px 10px;
	width: 160px;
}

#related-products h2 {
	font: normal 16px/16px "Times New Roman",Times,serif;
	font-size: 18px;
	color: #d8b487;
}


/* The following section overrides .product styles */
#related-products .product-text {
	left: 0;
}
#related-products .product-text h3 a {
	text-align: center;
}
#related-products .product-text h3 {
	margin: 0;
	padding: 0;
}


#side-nav #related-products a:link,
#side-nav #related-products a:visited,
#side-nav #related-products a:hover,
#side-nav #related-products a:active {
	background: none;
	display: block;
	width: auto;
	border-top: none;
	padding: 0;
	color: #d8b487;
	font-size: 12px;
	line-height: 18px;
}
#side-nav a:hover {
	color: #FFF;
}
/* End override .product styles */



/****************************************************/
/* CATEGORY											*/
/****************************************************/

#categorydescription {
	float: right;
}
.banner { 
	width: 654px;
	height: 258px; 
	background: transparent url(../images/banner-bg.gif) no-repeat;
 }
 
.banner td {
	padding-left: 30px;
	padding-right: 315px;
	font-family: "Times New Roman", Times, Helvetica;
	font-size: 12px;
	line-height: 18px;
	color: #513127;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

.banner h1 {
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
}

.banner a:link, 
.banner a:visited, 
.banner a:hover,
.banner a:active {
	color:#1F1511;
	text-decoration: underline;
}

.banner a:hover {
	text-decoration: none;
}

#banner-thermal-wear { 
	background-image: url(../images/banner-thermal-wear.jpg); 
	padding-right: 390px; 
}
#banner-outer-wear { 
	background-image: url(../images/banner-outer-wear.jpg); 
}
#banner-kayak { 
	background-image: url(../images/banner-kayak.jpg); 
}
#banner-legacy-luggage { 
	background-image: url(../images/banner-legacy-luggage.jpg); 
}
#banner-clearance { 
	background-image: url(../images/banner-clearance.jpg); 
}
#banner-gift-cards { 
	background-image: url(../images/banner-gift-cards.jpg); 
}
#banner-guarantee { 
	background-image: url(../images/banner-guarantee.jpg); 
}



#product-grid {
	position: relative;
	left: 75px;
}
.nofloat {
	float: none !important;
}

.product {
    position: relative;
	width: 216px;
	height: 225px;
	float: left;
}

.product-image {
	position: absolute;
	bottom: 22px;
	left: -12px;
	z-index: 2;
}

.product-text {
	position: absolute;
	top: 195px;
	left: 10px;
	width: 170px;
	z-index: 3;
	font-family: "Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
}
.product-text h3 a {
	text-decoration: none;
    font: normal 17px/14px "Times New Roman", Times, serif;
}

.product-link:link,
.product-link:hover,
.product-link:visited,
.product-link:active {
    color: #9A5107 !important;
	text-decoration: none;
    font-size: 12px;
    line-height: 12px;
}
.product-price { margin-right: 8px; }










/************************************/
/* PHOTO POPUP */
/************************************/



body.popup { 
	background: #dbdbdb;
}

.photo-wrap, .photo-l, .photo-r, .photo-b {
	background: #dbdbdb url(../images/photo-shadow.png) no-repeat;
}

.photo-wrap {
	position: relative;
	padding: 9px;
	z-index: 1;
}

.photo {
	position: relative;
	z-index: 5;
}

.photo-r {
	background-position: 100% 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	padding-bottom: 9px;
	z-index: 3;
}

.photo-l {
	background-position: 0 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

.photo-b {
	background-position: 100% 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	z-index: 4;
}




/***************************************/
/* GENERAL CLASSES */
/***************************************/



.checkboxLabel {
	font-size: 11px;
}


.messagebox {
	margin-bottom: 10px;
}
.messagebox .errorline div {
	float: left;
	line-height: 30px;
	margin-right: 5px;
}
.messagebox .errorline {
	overflow: auto;
}

.formtable td {
	padding: 5px;
	vertical-align: top;
}
.formtable th {
	padding: 5px;
	vertical-align: top;
	text-align: right;
}
.formlabel {
	font-size: 13px;
}
.smaller {
	font-size: 10px;
}

.boxHeader {
	border-top: solid 1px #cf9146;
	background: #b45a02 url(../images/th-bg.png) repeat-x 0 100%;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	padding: .25em .5em;
	line-height: 18px;
	height: 18px;
}

.boxHeader span {
	display: block;
	float: left;
}

.boxHeader a {
	display: block;
	float: right;
	color: #fff !important;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin-left: 1em;
}


.error {
	font-size: 18px;
	line-height: 13px;
	color: #900;
}

.errormessage {
	border: solid 1px #900;
	color: #900;
	background: #FCC;
	padding: .25em .5em;
}


/****************************************/
/* MY ACCOUNT */
/****************************************/
#myaccountmenu {
	border-top: solid 1px #cf9146;
	background: #b45a02 url(../images/th-bg.png) repeat-x 0 100%;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	padding: .25em .5em;
	line-height: 18px;
	height: 18px;
	margin-bottom: 25px;
}

#myaccountmenu li {
	display: inline;
	border-left: solid 1px #FFF;
	padding: 0 .75em;
}
#myaccountmenu li.first {
	border-left: none !important;
	padding: 0 .75em 0 0 !important;
}

#myaccountmenu a {
	color: #FFF !important;
	text-decoration: none;
}



/***************************************/
/*	LOGIN
/****************************************/

#login-form td {
	padding: 5px;
}
.new-user-table td {
	padding: 5px;
}

#forgot-password-link {
	font-size: 11px;
}








/********************************************/
.cart-container {
}


.cart-product-grid th {
	border-top: solid 1px #cf9146;
	background: #b45a02 url(../images/th-bg.png) repeat-x 0 100%;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	padding: .25em .5em;
	line-height: 18px;
	height: 18px;

}

.cart-product-grid td {
	padding: 10px 10px;
	border-bottom: solid 1px #333;
}


.product-image-column { text-align: left; }
.product-quantity-column { text-align: left !important; }
.product-price-column { text-align: right !important; }
.product-total-column { text-align: right !important; }

a.cart-product-name {
	font-size: 18px;
	color: #000;
	text-decoration: none;
	line-height: 64px;
}
a.cart-product-name:hover {
	text-decoration: underline;
}

.cart-item-image,
.cart-item-description {
	float: left;
}




#cart-totals,
#cart-updates {
	text-align: right;
	font-size: 16px;
	line-height: 21px;

	float: right;
	clear: right;
	padding: 10px 0;
}

#cart-totals th {
	text-align: right;
	padding-right: 10px;
}



#cart-actions {
	clear: both;
	border-bottom: solid 1px #000;
	padding-bottom: 10px;
}

#cart-related-items {
	margin-top: 25px;
}

#cart-related-items h3 {
	font: 22px/22px "Times New Roman", Times, serif;
	color: #000;
}


/*****************************************/
/* CHECKOUT
/*****************************************/
#checkout-footer {
	padding-bottom: 30px;
	overflow: auto;
}

	#cart-secure-image {
		float: left;
		margin-left: 300px;
		margin-top: 20px;
	}


	/* STEP 1 STYLES */
	#billing-shipping {
		width: 100%;
		font-size: 13px;
	}
	.shipping-payment {
		font-size: 13px;
	}

	.shipping-payment th,
	#billing-shipping th {
	}

	.shipping-payment table th {
		background-color: transparent;
		border-bottom: none;
		font-size: 13px;
		padding: 0 10px 3px 0;
	}

	#billing-shipping td {
		background: #ded0b8 url(../images/table-bg.png) repeat-x;
		background: #ded0b8;
		font-size: 13px;
	}

	.shipping-payment td {
		background: #ded0b8;
		padding: 10px;
		vertical-align: top;
		font-size: 13px;
	}

	.shipping-payment td td {
		padding: 0;
		font-size: 13px;
	}

	.addresseditor {
		margin-bottom: 30px;
	}
	
	.addresseditor td.formlabel,
	.addresseditor td.formfield {
		padding: 3px 8px 3px 20px;
	}


	.forminput, select, textarea {
		background-image: url(../images/forminput-bg.png);
		background-repeat:repeat-x;
		border: 1px solid #a88b60;
		font-size: 14px;
		overflow: hidden; 
		padding: .1em;
	}
	textarea {
		min-height: 85px;
		overflow: auto;
	}


	.emailentry {
		margin-bottom: 20px;
	}
	.emailentry .formlabel {
		font-size: 16px;
		padding-right: 6px;
	}
	
	
#referrer {
	margin: 20px 0;
	overflow: auto;
}

#referrer .formField,
#referrer .moreInfoField {
	float: left;
	margin-right: 20px;
}

.moreInfoField {
	display: none;
}


	
	
#payment-methods div {
	border-top: 1px solid #A88B60;
	padding: 10px 0;
}
#payment-methods div span.radio {
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}
#payment-methods div span.radio label{
	margin-left: 3px;
}

#payment-methods div div {
	padding: 0;
	border-top: none;
}

.creditcardinput { margin-left: 10px; }
.creditcardinput td.formlabel,
.creditcardinput td.formfield {
	padding: 3px 8px 3px 0 !important;
}











/* STEP 3 STYLES */
#checkout-review-info {
	margin: 15px 0;
	font-size: 13px;
}

#checkout-purchase-order {
	margin: 15px 0;
}

#view-order {
	font-size: 13px;
}

.makeChangesLink {
	margin-bottom: 20px;
	display: block;
}








/**************************************/
/*  RETAILERS PAGE */
/**************************************/
.retailers-page .results {
    border-collapse: auto;
}
.retailers-page .results td {
    padding: 10px;
    vertical-align: top;
    border: solid 1px #CCC;
    background-color: #F3F3F3;
    width: 50%;
}
.retailers-page .info {
    font-family: Arial, Sans-Serif;
    position: relative;
}
.retailers-page .info p strong {
    font-weight: bold;
	color: #294344;
	font-size: 14px;
}
.retailers-page .info address {
    font-size: 12px;
    font-style: normal;
}
.retailers-page .distance {
    margin-bottom: 8px;
}
.retailers-page label {
    display: block;
    padding-bottom: 3px;
    padding-top: 10px;
}
.retailers-page .biggerTextInput {
    height: 20px;
    padding-left: 10px;
    font-size: 16px;
    padding-top: 2px;
}

.retailers-page #locations { margin-bottom: 15px; }







/******************************************/
/*	SEARCH					*/
/******************************************/

#SearchFormTable td {
	padding: 5px;
}




/******************************************/
/*	PRESS RELEASE PAGE					  */
/******************************************/

#press-release-list li {
	margin: 1em 2em;
	font-size: 90%;
}

#press-release-list li a {
	display: block;
	font-size: 110%;
}

 #press-release-body em {
 	font-style: italic;
 	font-size: 120%;
 }
 #press-release-body p {
 	margin-bottom: 1em;
 }