﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/***** END RESET *****/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:22px;
	background:#002e53; /*url('../siteart/bg.gif') repeat-x;*/
}

/***** TEXT/LINK FORMATTING *****/

a:link, a:visited {color:#000; text-decoration:underline; font-weight:bold;}

a:hover, a:active {color:#333; text-decoration:none;}

ul.list-content{list-style:disc outside; margin:0px 20px 18px 18px;}	
ul.list-content-left{list-style:disc outside; margin:0px 200px 18px 18px; float:left;}

ul.list-content li, ul.list-content-left li{line-height:22px;}
ul.list-content ul, ul.list-content-left ul{list-style:circle inside; padding:0px 0px 0px 20px; font-size:13px; font-weight:normal; font-style:italic;}

h1,h2,h3,h4,h5{line-height:normal;}
h1{font-size:20px; font-style:italic; color:#002e53; border-bottom:1px solid #000; margin:0px 0px 10px;}
h4{font-size:14px; margin:0px 0px 5px;}
h5{font-size:12px; font-style:italic; line-height:18px;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/***** SITE FRAMEWORK *****/
.left{float:left; margin:0px 20px 20px 0px;}
.right{float:right; margin:0px 0px 20px 20px;}
.clear-it{clear:both;}
.bold-it{font-weight:bold;}
.border-it{border:1px solid #ccc;}

.wrap {
	margin: 0 auto;
	width: 1000px;  /** Change to appropriate table width **/
}
.header-bg {
	/*background:#fff;*/
	background:url(../siteart/diamond-plating-v3.jpg) repeat;
	padding:0 0 20px 0;
}
#header {
	/*height:115px;*/
	position:relative;
}

#logo{
	/*margin:29px 0px 0px 0px;*/ 
	float:left;
	width:312px;
}
.address-info{
	background:#ececec;
	border-radius:8px;
	padding:10px 0px;
	margin:17px 0px 0px;
	width:480px;
	font-size:12px;
	float:right;
	/*position:absolute;
	top:0;
	right:0;*/
	text-align:left;
	padding-left: 50px;
	margin-top: 60px;
}

.address-info h4{display:inline;}

#nav{
	background-color:#4C5886;
	width:1000px;
	line-height:normal;
	margin:0 auto;
	font-weight:bold;
	padding: 10px 0;
}

#navblock{
	background-color:#4c5886;
	width: 100%;
}

#nav ul {
	margin:0 auto;
	}
	
#nav li{
	display:inline-block;
	padding:10px 10px 0;
	margin:0px 10px 10px 0px;
}

#nav li.last{margin:0;}

#nav li a:link, #nav li a:visited{
	text-decoration:none;
	color:#fff;
	display:block;
	padding:5px 10px;
	border-radius:5px;
	font-size: 16px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:call .2s;
}

#nav li a:hover, #nav li a:active{
	background:#fff;
	color:#00457c;
	/*text-shadow:0px 1px 1px rgba(0,0,0,.8);*/
}
	
#container{
	background:#FFF;
	border-radius:10px;
	box-shadow:0px 0px 3px rgba(0,0,0,.8);
	margin-top:20px;	
	padding:20px;
	width:960px;
}

table#mid td{padding:0px 0px 20px;}

td#equipment-cutout{width:574px; text-align:center;	}

#search-box-hdr{
	background:url('../siteart/search-box-top.png') top left no-repeat;
	width:366px;
	height:30px;
	padding:8px 10px 0px;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	text-shadow:0px 1px 2px rgba(0,0,0,.8);
}

#search-box{
	background:url('../siteart/search-box-bg.png') repeat-y;
	width:346px;
	padding:8px 20px 0px;
}

#search-box-btm{
	background:url('../siteart/search-box-btm.png') no-repeat;
	height:12px;
	width:386px;
}

.focus{
	color:#002e53;
	width:90%;
}

.sidebar{
	border-right:1px solid #ccc;
	padding:0px 20px 0px 0px;
	margin:0px 20px 0px 0px;
	float:left;
	width:180px;	
}

/***** IMAGE CAPTION *****/
.ft-title { 
	padding: 10px 10px; 
	width: 230px; 
	text-align: left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

/***** PREVIOUS/NEXT LINKS *****/
.ft-prev, 
.ft-next { 
	background-color: #000; 
	padding: 0 10px;
}
	
a.ft-prev:link, 
a.ft-prev:visited, 
a.ft-next:link, 
a.ft-prev:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

.ft-button-ft-active { 
	color: black; 
}


/***** PAGINATION LINKS *****/
a.ft-button-slideshowHolder:link, 
a.ft-button-slideshowHolder:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;		
	text-align:center;
}

#ft-buttons-slideshow {
    margin:0 auto;
}

a.ft-button-slideshow:link,
a.ft-button-slideshow:active,
a.ft-button-slideshow:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#fff;
padding:5px;
float:left;
margin:2px 5px;
text-decoration:none;
background-color:#B10101;
}

a.ft-button-slideshow:hover{
color:#B10101;
background-color:#fff;
}

table#vendor-logos td{padding:15px 0px 10px 40px; vertical-align:middle}
table#vendor-logos td.last{text-align:right;padding-right:60px;}

.vendors{
	width:30%;
	text-align:center;
}

#scrolling-inv{
	width:960px;
	padding:8px 0px;
	border-radius:5px;
	background:#FFF;
	height:90px;
	margin:20px auto 10px;	
}

/***** FORM STYLES *****/

.searchform label{
	padding:.3em .3em .3em 0;
	display:inline-block;
	width:70px;
	margin-bottom:10px;
	color:#002e53;
	font-weight:bold;
	font-style:italic;
}

.searchform input, .searchform select, .searchform textarea{
	padding:.3em;
	width:250px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
	margin-bottom:10px;
	background:#d0d0d0;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
}

.searchform input:focus{
	background:#FFF;	
}

.searchform label.mini{width:30px; padding-left:10px;}
.searchform input.mini{width:70px;}

.searchform input.button, .searchform input.button:focus{
	width:83px; height:25px; border:0px; 
	text-align:center;
	padding:5px 0px;
	background:url('../siteart/button-bg.png') no-repeat;
	margin:10px 10px 0px;
	line-height:normal;
	color:#002e53;
	display:block;
	font-size:11px;
	float:right;
}

.searchform input.button:hover{background-position:0px -25px;}

.myform label.short{width:50px;}
.myform input.short{width:190px; margin-right:10px;}

.myform label.mini{width:30px;}
.myform input.mini{width:85px; margin-right:10px;}


.myform input.button, .myform input.button:focus{width:200px; border:0px; margin:10px 20px;}

.myform label.checkbox, .myform input.checkbox{width:auto; padding:0 .5em;}

.myform input:focus, .myform textarea:focus{
	background:#871628;
	color:#FFF;
	text-shadow:0px 0px 2px rgba(0,0,0,.9);
}

.myform h4{
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
}


/***** Slideshow *****/

#slideshow {
	width:100%;
}

.cycle-slideshow { width:100%; }

.cycle-slideshow img { width:100%; float:left; border:solid 1px #ccc;}

/* pager */
.pager { 
    text-align:center; width:100%; margin:10px 0 0 0; position:relative; z-index:999; float:left;}
.pager span { 
    font-family:arial; font-size:40px; width:16px; height:16px; display:inline-block; color:#ddd\9; color:rgba(0,46,83,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#001e35;}
.pager > * { cursor:pointer;}



/***** FOOTER STYLES *****/

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:10pt; color:#999999;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:10pt; color:#999999;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:10pt; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:8pt; color:#999999;}

.divfooter{
	width:450px; text-align:center; margin:20px auto; line-height:normal; color:#999999;
}
