/*
	CSS for Fastner page
	Power Bolt and Tool <http://www.powerboltandtool.com>
	
	May 06, 2009
	By Hutz! Media! <http://www.hutzmedia.com>
*/

div.fastener {
	font-family: 'Tahoma', 'Arial';
	font-size: 10px;
	text-align: left;
}

div.fastener p, div.fastener form {
	margin: 0px; padding: 0px;
}

/* Search */
div.fastener div.search {
	position: relative;
	height: 30px;
	background-color: #968138; 
	background-image: url('../../images/fasteners/search.bg.png');
	margin-bottom: 3px;
	margin-top: 3px;
	
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.1px;
	font-size: 10px;
}

div.fastener div.search input {
	position: absolute;
	width: 87px; height: 17px;
	padding: 2px;
	padding-left: 1px;
	border: #BBA54C solid 1px;
	background-color: #FFFFFF;
	color: #000000;
}

div.fastener div.search div.keyword {
	position: absolute;
	left: 9px; top: 10px;
	width: 200px;
	text-align: left;
}

div.fastener div.search input.keyword {
	left: 142px; top: 4px;
}

div.fastener div.search div.itemNumber {
	position: absolute;
	left: 251px; top: 10px;
	width: 250px;
	text-align: left;
}

div.fastener div.search input.itemNumber {
	left: 468px; top: 4px;
}

div.fastener div.search div.itemSKU {
	position: absolute;
	left: 251px; top: 10px;
	width: 250px;
	text-align: left;
}

div.fastener div.search input.itemSKU {
	left: 468px; top: 4px;
}





div.fastener div.search input.button1 {
	left: 227px; top: 8px;
	width: 25px; height: 15px;
	border-style: none;
	padding: 0px;
}

div.fastener div.search input.button2 {
	left: 501px; top: 8px;
	width: 25px; height: 15px;
	border-style: none;
	padding: 0px;
}

div.fastener div.search div.find {
	position: absolute;
	left: 576px; top: 10px;
	width: 200px;
	text-align: left;
}

div.fastener div.search img.arrow {
	position: absolute;
	left: 726px; top: 0px;
	width: 21px; height: 18px;
}

/* catalogTitle */
div.fastener div.catalogTitle {
	position: relative;
	height: 38px;
	background-color: #010101; 
	background-image: url('../../images/fasteners/catalogTitle.bg.png');
	margin-bottom: 2px;
	
	color: #FFFFFF;
	text-align: left;
}

div.fastener div.catalogTitle div.titleLeft {
	position: absolute;
	left: 12px; top: 7px;
}

div.fastener div.catalogTitle div.titleLeft, div.fastener div.catalogTitle div.titleLeft h1, div.fastener div.catalogTitle div.title h1 {
	margin: 0px; padding: 0px;
	font-size: 21px;
	font-weight: bold;
}


div.fastener div.catalogTitle div.chooseColumn {
	position: absolute;
	left: 0px; top: 0px;
	width: 149px; height: 38px;
	border-right: #3A3A3A solid 1px;
	font-weight: bold;
	text-align: left;
}

div.fastener div.catalogTitle div.chooseColumn p {
	position: absolute;
	left: 8px; top: 9px;
}

div.fastener div.catalogTitle img.title {
	position: absolute;
	left: 165px; top: 8px;
	width: 209px; height: 23px;
}

div.fastener div.catalogTitle div.title {
	position: absolute;
	left: 170px; top: 9px;
	font-size: 18px;
	font-weight: bold;
}


div.fastener div.catalogTitle div.link {
	position: absolute;
	right: 0px; top: 0px;
	width: 389px; height: 38px;

}

div.fastener div.catalogTitle div.link a {
	width: 389px; height: 38px;
	line-height: 38px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}

/* Objects */
div.fastener div.objects {
	position: relative;
	background-color: #FFFFFF;
	margin-bottom: 18px;
}

/* Row */
div.fastener div.objects div.row {
	position: relative;
	height: 58px;
	font-size: 11.65px;
}

div.fastener  div.objects div.row div.col1, div.fastener  div.objects div.row div.col2, div.fastener  div.objects div.row div.col3 {
	position: absolute;
	width: 259px; height: 58px;
	background-image: url('../../images/fasteners/objects.bg.png');
	cursor: pointer;
	text-align: left;
}

div.fastener  div.objects div.row div.hover {
	background-image: url('../../images/fasteners/objects.hover.bg.png');
}


div.fastener  div.objects div.row div.col1 {
	left: 0px;
}
div.fastener  div.objects div.row div.col2 {
	left: 259px;
}
div.fastener  div.objects div.row div.col3 {
	right: 0px;
}

/* Sub Row */
div.fastener div.objects div.subRow {
	position: relative;
	height: 104px;
}


div.fastener  div.objects div.subRow div.col1, div.fastener  div.objects div.subRow div.col2, div.fastener  div.objects div.subRow div.col3 {
	position: absolute;
	width: 258px; height: 158px;
	cursor: pointer;
	text-align: left;
}

div.fastener  div.objects div.subRow div.col1 {
	left: 0px;
}
div.fastener  div.objects div.subRow div.col2 {
	left: 260px;
}
div.fastener  div.objects div.subRow div.col3 {
	right: 0px;
}

div.fastener div.objects div.subRow div.item {
	width: 250px;
	text-align: left;
	position: relative;
	border: #A38E39 solid 1px;
	margin-bottom: 8px;
}

div.fastener div.objects div.subRow div.item img {
	position: absolute;
	left: 0px; top: 0px;
	width: 94px;
}

div.fastener div.objects div.subRow div.item div.right div.title a, div.fastener div.objects div.subRow div.item div.right div.title a:hover {
	font-family: "Verdana", "Genova", "Arial";
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #1D1D1D;
	margin-bottom: 6px;
	padding: 0px;
	background-color: transparent;
	
	background-image: none;
	padding: 4px;
	margin-left: 2px;
}

div.fastener div.objects div.subRow div.item div.right div.title h2 {
	padding: 0px; margin: 0px;
}


div.fastener div.objects div.item div.right div.title a:hover {
	background-color: #E6CB82;
}

div.fastener div.objects div.subRow div.item div.right div.title a:hover {
	background-color: #E6CB82;
}

div.fastener div.objects div.subRow div.item div.count {
	position: absolute;
	left: 96px; top: 60px;
	line-height: 16px;
	letter-spacing: 0px;
	font-size: 12px;
	color: #6C673D;
	font-style: italic; 
	width: 150px;
	text-align: center;
}



div.fastener div.objects div.subRow div.item div.right {
	margin-left: 93px;
	background-color: #FFFFCE;
	padding: 0px;
	height: 96px;
}

div.fastener div.objects div.subRow div.item div.right a, div.fastener div.objects div.subRow div.item div.right a:hover {
	display: block;
	padding: 3px;
	margin-left: 4px;
	padding-left: 16px;
	font-family: "Verdana", "Genova", "Arial";
	font-size: 11px;
	color: #002596;
	text-decoration: underline;
	
	background-image: url('../../images/tool/arrow.gold.png');
	background-position: 1px center;
	background-repeat: no-repeat;
}

div.fastener div.objects div.subRow div.item div.right a:hover {
	background-color: #E6CB82;
}


div.fastener div.objects div.row div img.object {
	position: absolute;
	left: 0px; top: 0px;
	width: 68px; height: 58px;
}

div.fastener div.objects div.row div div {
	position: absolute;
	left: 68px; top: 24px;
	width: 150px;
	padding: 2px 0px 2px 8px;
	font-weight: bold;
	border: #879DB1 solid 1px;
	background-color: #FFFFFF;
}

div.fastener div.objects div.row div img.button {
	position: absolute;
	left: 230px; top: 23px;
	width: 22px; height: 23px;
	border-style: none;
}


div.fastener div.index {
	position: relative;
	height: 24px;
	padding: 6px 0px 0px 2px;
}

div.fastener div.index a {
	font-family: "Verdana", "Arial";
	font-size: 13px;
	color: #635C42;
	text-decoration: underline;
	letter-spacing: 0px;
}

div.fastener div.index a.subIndex, div.fastener div.index a.mainIndex {
	padding-left: 18px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left 2px;
	background-image: url('../../images/tool/arrow.white.png');
}

div.fastener div.index a.mainIndex {
	color: #1D1D1D;
	font-weight: bold;
}

/* Narrow by keywords */
div.fastener div.objects div.narrowKeywords {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	position: absolute;
	letter-spacing: 0px;
	z-index: 50;
}
div.fastener div.objects div.narrowKeywords input {
	border: #A38D38 solid 1px;
	background-color: #FDFDE5;
	width: 155px;
	margin-right: 8px;
}
div.fastener div.objects div.noResults {
	padding: 16px; font-size: 15px;
	font-weight: bold;
	color: red;
}

div.fastener div.objects div.pageHolder {
	position: relative;
	height: 20px;
	margin-bottom: 8px;
}

div.fastener div.objects div.pageHolderList {
	position: relative;
	height: 100px;
}

div.fastener div.objects div.pageHolderList img {
	position: absolute;
	left: 0px; top: 0px;
}

div.fastener div.objects div.pageHolderList div.pageHolder {
	position: absolute;
	left: 0px; top: 72px;
	width: 777px;
}

div.fastener div.objects div.pageHolderList div div.narrowKeywords {
	margin-left: 102px;
}


div.fastener div.objects div.pages {
	position: absolute;
	right: 0px; top: 0px;
	font-family: "Verdana", "Arial";
	font-size: 12px;
}

div.fastener div.objects div.pages span {
	font-weight: normal;
	color: #635C42;
}

div.fastener div.objects div.pages a {
	color: #635C42;
}

div.fastener div.objects div.pages select {
	border: #A38E39 solid 1px;
	font-family: "Verdana", "Arial";
	font-size: 13px;
}

/* table.items */
div.fastener div.objects table.items {
	margin-top: 8px;
	margin-bottom: 8px;
	width: 100%;
	table-layout: fixed;
}
div.fastener div.objects table.items tr td {
	font-family: "Arial", "Verdana", "Genova";
	font-size: 12px;

}


div.fastener div.objects table.items div.name {
	font-weight: bold;
}


div.fastener div.objects table.items tr.header td {
	font-family: "Arial Narrow", "Arial", "Verdana", "Genova";
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	color: #AAAAAA;
	background-color: #000000;
	letter-spacing: 0px;
}

div.fastener div.objects table.items tr.header td a {
	color: #AAAAAA;
}
div.fastener div.objects table.items tr.header td a span.shy {
	color: #AAA;
}


div.fastener div.objects table.items tr.header td a.asc {
	padding-right: 16px;
	background-image: url('../../images/tool/sortBy.asc.png');
	background-repeat: no-repeat;
	background-position: center right;
}

div.fastener div.objects table.items tr.header td a.desc {
	padding-right: 16px;
	background-image: url('../../images/tool/sortBy.desc.png');
	background-repeat: no-repeat;
	background-position: center right;
}

div.fastener div.objects table.items tr.header td b {
	color: #FFFFFF;
}

div.fastener div.objects table.items tr.header td.enlarge {
	color: #FFFFFF;
}

div.fastener div.objects table.items tr.header td.enlarge img {
	width: 13px; height: 15px;
	float: right;
}



div.fastener div.objects table.items tr td {
	border: #A38E39 solid 1px;
}

div.fastener div.objects table.items tr td table.iefix {
	table-layout: fixed;
}

div.fastener div.objects table.items tr td table.iefix td {
	border-style: none;
}

div.fastener div.objects table.items tr td a {
	text-decoration: none;
	color: #000000;
}

div.fastener div.objects table.items tr td.l {
	border-right-style: none;
}
div.fastener div.objects table.items tr td.m {
	border-left-style: none;
	border-right-style: none;
}
div.fastener div.objects table.items tr td.r {
	border-left-style: none;
	padding: 4px;
}

div.fastener div.objects table.items tr td.productID {
	width: 126px;
}

div.fastener div.objects table.items tr td.size {
	width: 136px;
}

div.fastener div.objects table.items tr td.weight {
	width: 128px;
}

div.fastener div.objects table.items tr td.uom {
	width: 128px;
}

div.fastener div.objects table.items tr td.price {
	padding: 4px;
	width: 60px;
}


div.fastener div.objects table.items tr.bg1, div.fastener div.objects table.items tr.bg2 {
	background-image: url('../../images/tool/table.items.tr.png');
	cursor: pointer;
}

div.fastener div.objects table.items tr.selected {
	background-image: url('../../images/tool/table.items.tr.selected.png');
	background-color: #FFFEB7;
	cursor: pointer;
}



div.fastener div.objects div.items {
	margin-top: 28px;
	margin-bottom: 8px;
}

div.fastener div.objects div.items div.itemsHeader {
	position: relative;
	background-color: #000000;
	color: #FFFFFF;
	font-family: "Arial", "Verdana";
	font-weight: bold;
	font-size: 14px;
	height: 26px;
	width: 777px;
}

div.fastener div.objects div.items div.itemsHeader div {
	position: absolute;
	top: 5px;
}

div.fastener div.objects div.items div.itemsHeader div.productID {
	left: 145px;
}

div.fastener div.objects div.items div.itemsHeader div.manufacturer {
	left: 244px;
}

div.fastener div.objects div.items div.itemsHeader div.description {
	left: 380px;
}


div.fastener div.objects div.items div.item {
	position: relative;
	overflow: hidden;
	width: 775px;
	border: #A38E39 solid 1px;
	background-color: #FEFDCB;
	height: 75px;
	margin: 0px; padding: 0px;
}

div.fastener div.objects div.items div.item, div.fastener div.objects div.items div.item a {
	font-family: "Arial", "Verdana";
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

div.fastener div.objects div.items div.hover {
	background-color: #FEFDA4;
	cursor: pointer;
}


div.fastener div.objects div.items div.item div {
	position: absolute;
	top: 32px;
}

div.fastener div.objects div.items div.item div.image {
	left: 0px; top: 0px;
}

div.fastener div.objects div.items div.item div.image img {
	border-style: none;
}


div.fastener div.objects div.items div.item div.productID {
	left: 94px;
}

div.fastener div.objects div.items div.item div.manufacturer {
	left: 244px;
}


div.fastener div.objects div.items div.item div.description {
	top: 5px; left: 379px;
}

div.fastener div.objects div.items div.item div.description table {
	height: 65px;
}

div.fastener div.objects div.items div.item div.description table td a {
	font-size: 12px;
	font-weight: normal;
}

div.fastener div.objects div.itemListing div.addToList {
	position: relative;
	padding-bottom: 2px;
}

div.fastener div.objects div.itemListing div.addToList input.qty {
	position: absolute;
	left: 38px; top: 0px; 
	padding: 2px 6px 2px 6px;
	width: 21px; height: 17px;
	border: #A7903A solid 1px;
	text-align: right;
	font-weight: bold;
}

div.fastener div.objects div.itemListing div.addToList div.qty {
	padding-top: 1px;
	padding-bottom: 2px;
	font-size: 15px;
}

div.fastener div.objects div.itemListing div.addToList input.add {
	position: absolute;
	left: 92px; top: 0px;
	width: 117px; height: 23px;
}

div.fastener div.objects div.itemListing div.addToYour {
	padding-top: 5px;
	padding-bottom: 8px;
	font-size: 14px;
}

div.fastener div.objects div.itemListing img.itemPreview {
	border-style: none;
	padding-bottom: 6px;
}

div.fastener div.objects div.itemListing table.details tr.bg1 td div.left, div.fastener div.objects div.itemListing table.details tr.bg1 td div.right {
	background-color: #FEFDCB;
}

div.fastener div.objects div.itemListing table.details td div.left, div.fastener div.objects div.itemListing table.details td div.right {
	padding: 2px;
}

div.fastener div.objects div.itemListing table.details td div.left {
	font-weight: bold;
	padding-left: 20px;
	margin-right: 7px;
}