/* 
 * Cascading Style Sheet for Snap-on Equipment's Blackhawk Website.
 * Created by: Daniel Yearwood - Graphic Designer/Web Architect Snap-on Equipment.
 * June 03, 2008.
*/

body {
	color:#000;
	background-color:#999;
	font-size:.80em;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}


/* LINK DEFINITIONS */

a {
	color:#000;
	background-color:transparent;
}

a:visited {
	color:#666;
	background-color:transparent;
}

a:active, a:hover {
	color:#f00;
	background-color:transparent;
}

.brochures {
	width:106px;
	height:12px;
	background-image:url(images/buttons/downloadpdf00.jpg);
	background-repeat:no-repeat;
	display:block;
}

.brochures:hover {
	background-image:url(images/buttons/downloadpdf01.jpg);
	background-repeat:no-repeat;
}

.more-details {
	width:100px;
	height:12px;
	background-image:url(images/buttons/moredetails00.jpg);
	background-repeat:no-repeat;
	display:block;
}

.more-details:hover {
	background-image:url(images/buttons/moredetails01.jpg);
	background-repeat:no-repeat;
}

.download-pdf {
	width:106px;
	height:12px;
	background-image:url(images/buttons/downloadpdf00.jpg);
	background-repeat:no-repeat;
	display:block;
}

.download-pdf:hover {
	background-image:url(images/buttons/downloadpdf01.jpg);
	background-repeat:no-repeat;
}


/* SIDEBAR NAVIGATION DEFINITIONS */

#sidebar ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#sidebar ul li {
	padding:0;
	margin:10px 0 5px 0;
}

#sidebar p {
	font-size:1.2em;
	font-weight:bold;
}


/* DIV DEFINITIONS */

#wrapper {
	width:750px;
	color:#000;
	background-color:#ccc;
	padding:0;
	margin:0 auto 20px auto;
	overflow:hidden;
}

#masthead {
	width:750px;
	height:131px;
	padding:0;
	margin:0;
	overflow:hidden;
}

#midsection {
	width:600px;
	color:#000;
	background-color:#fff;
	padding:0;
	margin:0;
	overflow:hidden;
	float:left;
}

#home-content-banner {
	width:600px;
	height:287px;
	border-bottom:2px solid #000;
	padding:0;
	margin:0;
	overflow:hidden;
}

.home-buttons {
	width:600px;
	height:121px;
	border-top:1px solid #000;
	padding:0;
	margin:0;
	overflow:hidden;	
}

.content-section {
	width:560px;
	font-weight:normal !important;
	border-bottom:1px solid #000;
	padding:20px 0px 20px 0px;
	margin:0px 20px 0px 20px;
	overflow:hidden;
}

.content-section-nb {
	width:560px;
	font-weight:normal !important;
	padding:20px 0px 20px 0px;
	margin:0px 20px 0px 20px;
	overflow:hidden;
}

#sidebar {
	width:130px;
	color:#000;
	background-color:#ccc;
	background-image:url(images/sidebar-top.jpg);
	background-repeat:no-repeat;
	font-size:.85em;
	padding:10px;
	margin:0;
	overflow:hidden;
	float:left;
}

#footer {
	width:710px;
	border-top:1px solid #000;
	color:#999;
	background-color:#fff;
	text-align:center;
	font-size:.75em;
	padding:20px 20px 20px 20px;
	margin:0;
	overflow:hidden;
}
	
.separator {
	clear:both;
}

.centered-div {
	width:530px;
	padding:0;
	margin:0 auto;
}


/* HOME PAGE BUTTON DEFINITIONS */

.home-buttons ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.home-buttons ul li {
	width:200px;
	height:121px;
	padding:0;
	margin:0;
	float:left;
}

.home-buttons ul li a#fse {
	width:199px;
	height:121px;
	border-right:1px solid #ccc;
	background-image:url(images/home/fse00.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#fse:hover {
	background-image:url(images/home/fse01.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#me {
	width:199px;
	height:121px;
	border-right:1px solid #ccc;
	background-image:url(images/home/me00.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#me:hover {
	background-image:url(images/home/me01.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#we {
	width:200px;
	height:121px;
	background-image:url(images/home/we00.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#we:hover {
	background-image:url(images/home/we01.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#hde {
	width:199px;
	height:121px;
	border-right:1px solid #ccc;
	background-image:url(images/home/hde00.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#hde:hover {
	background-image:url(images/home/hde01.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#vdd {
	width:199px;
	height:121px;
	border-right:1px solid #ccc;
	background-image:url(images/home/vdd00.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#vdd:hover {
	background-image:url(images/home/vdd01.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#cra {
	width:200px;
	height:121px;
	background-image:url(images/home/cra00.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}

.home-buttons ul li a#cra:hover {
	background-image:url(images/home/cra01.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:block;
}


/* TABLE DEFINITIONS */

#powerpro-table {
	width:100%;
	border-collapse:collapse;
	font-size:.85em;
	padding:0;
	margin:0;
}

#powerpro-table th, #powerpro-table td {
	text-align:center;
}

#powerpro-table td {
	padding:3px;
}

#framerackconfigs {
	width:100%;
	border-collapse:collapse;
	padding:0;
	margin:10px 0;
}

#framerackconfigs th, #framerackconfigs td {
	width:25%;
}

#framerackconfigs th {
	padding:10px;
	border-bottom:2px solid #000;
	vertical-align:top;
}

#framerackconfigs td {
	padding:10px;
	border-bottom:1px solid #000;
	vertical-align:top;
}

.centered-cell {
	text-align:center;
}

.accessory-table {
	width:100%;
	border-collapse:collapse;
	padding:0;
	margin:10px 0;
}

.accessory-table th {
	text-align:left;
	padding:10px;
	border-bottom:2px solid #000;
	vertical-align:top;
}

.accessory-table td {
	text-align:left;
	padding:10px;
	border-bottom:1px solid #000;
	vertical-align:top;
}

.spec-table {
	width:100%;
	border-collapse:collapse;
	padding:0;
	margin:10px 0;
}

.spec-table th {
	text-align:left;
	padding:3px 0;
	border-bottom:2px solid #000;
	font-size:1.1em;
}

.spec-table td {
	border-bottom:1px solid #000;
	padding:3px 0;
}

.spec-table td.bold {
	text-align:left;
}

.spec-table td.cell2 {
	text-align:center;
}

.image-caption-float-right {
	border:1px solid #000;
	border-collapse:collapse;
	margin:0 0 0 10px;
	padding:0;
	float:right;
}

.image-caption-float-right td {
	text-align:center;
	border:1px solid #000;
	margin:0;
}

.image-cell {
	border:1px solid #000;
	padding:0;
}

.text-cell {
	color:#000;
	background-color:#ccc;
	padding:5px;
}


/* TEXT DEFINITIONS */

.bctrail {
	font-size:.85em;
}

.titles {
	color:#f00;
	background-color:transparent;
	font-weight:bold;
	font-size:1.3em;
}

.sub-titles {
	color:#666;
	font-weight:bold;
	font-size:1.2em;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.center {
	text-align:center;
}

.red-text {
	color:#f00;
	background-color:transparent;
}


/* IMAGE DEFINITIONS */

.no-border {
	border:0;
}

.float-right {
	border:1px solid #000;
	padding:0;
	margin:0 0 0 10px;
	float:right;
}

.float-right-nb {
	border:0;
	padding:0;
	margin:0 0 0 10px;
	float:right;
}

.float-left {
	border:1px solid #000;
	padding:0;
	margin:0 10px 0 0;
	float:left;
}

.float-left-nb {
	border:0;
	padding:0;
	margin:0 10px 0 0;
	float:left;
}

.centered-image-nb {
	border:0;
	padding:0;
	margin:0 auto !important;
	display:block;
}