@import url("navigation.css");
@import url("general.css");
@import url("titles.css");
@import url("form.css");

body{
margin:0;
padding:0;
background: url(/resources/images/backgrounds/base_bg.jpg) top left transparent;
font-family:helvetica, arial, "sans serif";
color:#303237;
text-align: center;
}
#header {
position:relative;
margin:0 auto 0 auto;
height:125px;
/*overflow: hidden;*/
width: 1006px;
background: url(/resources/images/backgrounds/headerFooterBg.jpg) no-repeat 28px 19px transparent;
}
#header #buckLogo{
position:absolute;
top:37px;
left:86px;
display:block;
height:84px;
width: 130px;
margin:0;
background: url(/resources/images/backgrounds/logo-bk.gif) no-repeat top left transparent;
}
#frame{
text-align: left;
margin:0 auto 0 auto;
width: 1006px;
background: url(/resources/images/backgrounds/frame_bg_compressed.gif) repeat-y;
}
#main{
width: 753px;
float: right;
}
#secondary{
width: 250px;
float: left;
}
#footer{
margin:0 auto 0 auto;
height:135px;
width: 1006px;
text-align:left;
color:#2c261a;
background: url(/resources/images/backgrounds/headerFooterBg.jpg) no-repeat 27px -106px transparent;
}
#footerTop{
margin:0 auto 0 auto;
height:107px;
width: 1006px;
text-align:left;
color:#2c261a;
margin-left:1px;
background: url(/resources/images/backgrounds/footer_top_bg.gif) no-repeat top left transparent;
}

/* ---- ::GENERIC TEMPLATE:: --- */
#frame.generic #main{
	width: 926px !important;
	float: none !important;
	margin-left: 40px;
}
#general{
	width: 100%;
	background: red;
	background: url(/resources/images/layout/genericContentBg.gif) top left;
}

#general #generalHeader{
	width: 100%;
	height: 64px;
	background: url(/resources/images/layout/genericHeader.gif) top left;
}

#general #generalTL{
	width: 39px;
	height: 244px;
	float: left;
	background: yellow;
	background: url(/resources/images/layout/genericTL.gif) top left;
}
#general #generalTR{
	width: 39px;
	height: 244px;
	float: right;
	background: url(/resources/images/layout/genericTR.gif) 10px 0 no-repeat;
}

#general #generalContent{
	float: left;
	width: 848px;
}

#general #generalFooter{
	clear: both;
	height: 64px;	
	width: 100%;
	background: url(/resources/images/layout/genericFooter.gif) top left;
}
.generic #proAccountContent{
width:800px;
margin:30px 0 50px 20px;
	
}
#proAccountContent .row, #proAccountContent .topLevel {
height:22px;
margin:0 0 8px 0;
padding:0 0 2px 0;
background: url(/resources/images/backgrounds/checkoutBlock_bg.gif) bottom left no-repeat transparent;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}
#proAccountContent .topLevel {
height:35px;
}
#proAccountContent .topLevel .option{
background:none;
}
#proAccountContent .option, #proAccountContent .start, #proAccountContent .total, #proAccountContent .purchased, #proAccountContent .available {
display:block;
height:12px;
width:140px;
float:left;
margin:0 12px 0 0;
padding:0 0 0 8px;
background: url(/resources/images/backgrounds/vertOptionDivider.gif) 0 0 no-repeat transparent;
text-align:center;
}
#proAccountContent .start {
background:none;
width:70px;
padding:0 0 0 0;
}
#proAccountContent .total {
width:75px;
}

#login_btn{
display:block;
height:19px;
width:63px;
float:left;
background: url(/resources/images/buttons/login_btn.gif) 0 0 no-repeat transparent;
margin-right:15px;
}
#createAccount_btn{
display:block;
height:19px;
width:103px;
float:left;
background: url(/resources/images/buttons/createAccount_btn.gif) 0 0 no-repeat transparent;
margin-right:15px;
}
#proAccountContent .purchased {
width:90px;
}
#proAccountContent .available {
width:95px;
}
.generic .section{
	clear: both;
	margin: 3px 0 3px 10px;
}
.generic .section .contentLeft, .generic .section .contentRight{
	margin: 5px 3px 3px 5px;
}
		
.generic .section .contentLeft{
	float: left;
	width: 600px;
}
.generic .section .contentRight{
	float: right;
	width: 200px;
}

#frame.generic table{
	margin-left: 15px;
	margin-right: 20px;
	color: #413F3B;
}
#frame.generic table tr td{
	font-size: 11px;
	color: #413F3B;
}
#frame.generic h1{
	font-size: 16px;
	color: #413F3B;
}
#frame.generic h2,#frame.generic h2 a{
	font-size: 14px;
	color: #413F3B;
}
#frame.generic h3{
	font-size: 12px;
	color: #413F3B;
}
#frame.generic p{
	font-size: 11px;
	color: #413F3B;
	margin: 2px 0 5px 0;
}

#frame.generic ul li, .generic ul li{
	font-size: 11px;
	color: #413F3B;
	margin: 0;
	padding: 0;
}
#homeFrameFlash{
	width: 1006px;
	height: 64px;
	background: url(../images/backgrounds/homeFrameFlashBg.jpg) no-repeat  27px 0px;
}
#frameFlash{
	width: 1006px;
	height: 107px;
	background: url(../images/backgrounds/frameFlashBg.jpg) no-repeat  28px 5px;
}

/* ---- index --- */
.home #main{
display:block;
width: 1006px;
margin:0 auto 0 auto;
float:left;
}
.home #secondary{
display:block;
width: 1006px;
margin:0 auto 0 auto;
float:left;
}
.home .primary{
float:left;
width:250px;
}
.home .tertiary{
width:753px;
float:right;
}
.home #secondary .primary{
float:left;
width:268px;
height:265px;
background: url(/resources/images/backgrounds/tout_hoytBuck_bg.gif) 26px bottom no-repeat transparent;
}
.home #secondary .tertiary{
width:733px;
float:left;
}

/* ---- customer service --- */
.service #main{
display:block;
width: 685px;
margin:0 0 0 37px;
float:left;
background: url(/resources/images/backgrounds/service_bg.gif) top left repeat-y transparent;
}
.service #main #svTop{
display:block;
height:66px;
width: 685px;
background: url(/resources/images/backgrounds/svTop_bg.gif) top left repeat-y transparent;
}
.service #main #svTopLeft{
display:block;
height:249px;
width: 41px;
background: url(/resources/images/backgrounds/svTopLeft_bg.gif) top left repeat-y transparent;
float:left;
}
.service #main #svBottom{
display:block;
height:86px;
width: 685px;
background: url(/resources/images/backgrounds/svBottom_bg.gif) top left no-repeat transparent;
}
.service #main .primary{
float:left;
width:606px;
margin:0 0 0 5px;
}
.service #main .tertiary{
width:753px;
float:right;
}
.service #secondary{
display:block;
width: 232px;
margin:0 45px 0 0;
float:right;
}
.service #secondary .primary{
float:left;
width:268px;
background: none;
}
.service #secondary .tertiary{
width:733px;
float:left;
}
/* ---- Quick Cart --- */
.cartDetailContainer{
	
}
.closeDetail{
	
}

/* ---- PDP/checkout --- */
.pdp #main{
display:block;
width: 615px;
height:571px;
margin:0 0 0 37px;
float:left;
background: url(/resources/images/backgrounds/pdp_main_bg.gif) top left no-repeat transparent;
}
.pdp #main .primary{
float:left;
width:400px;
margin:75px 0 0 75px;
margin:0;
}
.pdp #main .tertiary{
width:753px;
float:right;
}
.pdp #secondary{
display:block;
width: 346px;
margin:0 0 0 0;
float:right;
}
#flashZoomViewer{
	 
}

.pdp #secondary .primary{
float:left;
background: none;
}
.pdp #secondary .tertiary{
float:left;
}
.itemCollection{
	width: 250px;
	height: 100px;
	overflow: auto;
	position: static
}
.itemCollection .items{
	width: auto;
	white-space: nowrap;
}
.itemCollection .items .item{
	height: 70px;
	width: 100px;
	margin: 0 17px 0 0;
}
.itemCollection .items .item .relatedItemLink{
	display: block;
	font-size: 10px;
	margin: 0 0 0 0;
}

/*
#relatedItems{
	position: static;
}
.collectionSlider{
	width: 250px;
}
*/
/* ############# PRODUCT WALL #################### */
#filterContainer{
	width: 209px;	
	height: auto;
	background: url(/resources/images/backgrounds/filterRepeat.gif) repeat-y top right;
	margin: 22px 0 0 37px;
}
#filterTop{
	width: 209px;
	height: 38px;
	background: url(/resources/images/backgrounds/filterTop.gif) no-repeat top right;
}
#filterBottom{
	width: 209px;
	height: 36px;	
	background: url(/resources/images/backgrounds/filterBottom.gif) no-repeat top right;
}
.findYourKnife{
	width: 110px;
	height: 9px;
	position: relative;
	top: 29px;
	left: 17px;
	background: url(/resources/images/titles/findYourKnife.gif) no-repeat top left;
}
#prodFilter{
	/*
	width: 209px;	
	margin-left: 37px;
	height: 553px;
	background: url(/resources/images/productFilterBg.gif) no-repeat top left;
	*/
}
#prodFilter a.viewAllKnives, #prodFilter a.advancedFilter{
	font-size: 10px;
	margin-left: 17px;
	/*float: left;
	*/
}
#prodFilter a.viewAllKnives{
	margin-top: 5px;
	cursor: pointer;
}
.resetFilter{
	display: block;
	clear: both;
	margin-left: 17px;
	margin-top: 3px !important;
	cursor: pointer;
}
#prodFilter a.whatIsThis, #form_billingAddress a.whatIsThis{
	display: block;
	background: url(/resources/images/titles/whatIsThis.gif) no-repeat bottom left;
	width: 65px;
	height: 9px;
	font-size: 0;
	position: absolute;
	top: 2px;
	right: 10px;
}
#prodFilter a.whatIsThis:hover, #form_billingAddress a.whatIsThis:hover{
	background-position: top left;
}
#form_billingAddress a.whatIsThis{
	position: static;
	float: left;
	margin: 5px 0 0 5px; 
}
#prodFilter h2{
	font-size: 11px;
	margin: 25px 0 0 18px;
	width: auto;
	position: relative;
}
#noResults{
	display: block;
	width: 279px;
	height: 52px;
	margin-top: 20px;
	background: url(/resources/images/noResultsFPO.gif) no-repeat top left;
}
#advancedFilter{
	position: relative;
	display: block;
	height: 24px;
	overflow: hidden;
}
.sliderContainer{
	display: block;
	width: 175px;
	height: 45px;
	margin-top: 0px;
	margin-left: 17px;
	background: url(/resources/images/slider/slideBar.gif) no-repeat 0 10px;
	position: relative;
	clear: both;
}
.marker{
	display: block;
	position: absolute;
	top: 1px;
	left: 0px;
	width: 9px;
	height: 23px;
	background: url(/resources/images/slider/marker.gif) no-repeat center;
	font-size: 0;
	cursor: pointer;
}
.notchLabel{
	display: block;
	width: 3px;
	height: 25px;
	background: url(/resources/images/slider/label.gif) no-repeat center;
	position: absolute;
	text-decoration: none !important;
}
.notchLabel span{
	position: relative;
	color: #95938f;
	display: block;
	top: 20px;
	left: -12px;
	font-size: 9px;
	white-space: nowrap;
	text-align: center;
}
.notchLabel:hover span, .sliderContainer .SELECTED span{
	color: #65635e;
}
.iconContainer{
	clear: both;
	margin: 0 0 0 13px;	
}
.iconLabel{
	display: block;
	position: relative;
	width: 37px;
	height: 55px;
	float: left;
	margin: 5px 5px 5px 5px;
	text-decoration: none;
	cursor: pointer;
	background: none;
}

.iconLabel img{
	display: block;
	width: 46px;
	height: 33px;
	overflow: hidden;
}
#knife_type a.iconLabel img{
	width: 33px;
	height: 32px;
}

.iconLabel span{
	display: block;
	position: absolute;
	top: 32px;
	cursor: pointer;
	font-size: 9px;
	text-align: center;
}
.iconContainer .SELECTED span{
	text-decoration: none;
	background: url(/resources/images/backgrounds/endUseDecal.gif) no-repeat center bottom;
	color: #506171;
	padding-bottom: 8px;
}
.first span{
	left: -5px;
}
#end_use a{
	width: 52px;
	margin-top: 5px;
	background: url(/resources/images/backgrounds/endUseDecal.gif) no-repeat center bottom;
}
#end_use a#L {
	width: 58px
}
#end_use a.SELECTED{
	background: url(/resources/images/backgrounds/endUseDecal.gif) no-repeat center bottom !important;
}
#end_use a .imgDecor{
	display: block;
	width: 35px;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
}
#end_use a span{
	position: static;
	margin-top: 0px;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: normal;
	font-size: 11px;
}
#end_use a:hover span{
	color: #506171;
}

#end_use a.SELECTED span{
	font-weight: bold;
	text-decoration: none;
	background: transparent !important;
	color: #506171;
}
#end_use a img{
	width: 52px;
}
.listContainer{
	margin: 5px 14px 0 18px;
}
.listContainer a{
	display: block;
	font-size: 10px;
	margin: 0px 0;
	padding: 1px 2px 1px 2px;
}
.listContainer a:hover, .listContainer a.SELECTED{
	text-decoration: none;
	background: #506171 !important;
	color: #EFF0F0;
}
.listContainer .left{
	float: left;
	width: 88px;
	margin-right: 0 !important;
}
.listContainer .right{
	float: right;
	width: 88px;
}
.tool-tip{
	text-align: left !important;
	font-size: 10px;
}
.tool-title span{
	margin-left: 15px;
}
.tool-text, tool-text span{
	margin: 0 !important;
}
/* ################################# */


/* ---- default misc. --- */
a, p a, a:link, a:visited, a:hover, a:active, a:focus{
outline:none;
color:#4f6070;
text-decoration:underline;
font-size: 10px;
}
a:focus {
outline:none;
}
a:hover{
text-decoration: none;
}
a img{
border:none;
}
h1, h2, h3 {
font-family:arial, helvetivca, "sans serif";
font-weight:bold;
}
.clear {
text-indent: -9999px!IMPORTANT;
clear: both;
font-size: 0;
}
.hide {
clear: both;
font-size: 0;
display:none;
}
.clear_text {
text-indent: -9999px!IMPORTANT;
font-size: 0 !IMPORTANT;
text-decoration: none;
}


/* ################################# */
/* Pro Application Form              */  
/* ################################# */
#proFormSection {
	font-weight: bold; 
	font-size: 14px;
}

#proFormGroup {
	font-size: 12px; 
	margin: 0 0 0 10px;
}
#content {
margin:20px 0 0 20px;
}


#proMessageContent {
	width: 500px;
}

#proMessageContent .row, #proMessageContent .topLevel {
	height: 32px;
	margin: 0 0 8px 0;
	padding: 0 0 2px 0;
	background: url(/resources/images/backgrounds/checkoutBlock_bg.gif) bottom left no-repeat transparent;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#proMessageContent .topLevel {
	height: 35px;
}

#proMessageContent .topLevel .option{
	background: none;
}

#proMessageContent .start, #proMessageContent .image, #proMessageContent .sku, #proMessageContent .quantity, #proMessageContent .total, #proMessageContent .purchased, #proMessageContent .endtotal, #proMessageContent .available {
	display: block;
	height: 26px;
	float: left;
	background: url(/resources/images/backgrounds/vertOptionDivider.gif) 0 0 no-repeat transparent;
	text-align: left;
}

#proMessageContent .image {
	width: 50px;
}

#proMessageContent .sku {
	width: 150px;
	overflow: hidden;
}

#proMessageContent .quantity {
	width: 75px;
}

#proMessageContent .total {
	width: 75px;
}

#proMessageContent .purchased {
	width: 75px;
}

#proMessageContent .endtotal {
	width: 75px;
}

#proMessageContent .available {
	width: 75px;
}


#proMessageContent .cartMessage {
	height: 22px;
	margin: 15px 15px 15px 15px;
	padding: 0 0 2px 0;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.overlimit {
 	font-weight: bold;
 	color: red;
}

#proMessageContent .qtyActions {
	width: 55px; 
	float: right; 
	margin: 0 0 10px 0; 
}