/*
	Web Styles for Skarnes.com
	Updated: 05/21/09
*/

a:link, a:active, a:visited {
	color: #99191A;
	text-decoration: underline;}
a:hover {
	text-decoration: none;}

a.small:link, a.small:active, a.small:visited {
	color: #99191A;
	font-size: 10px;
	text-decoration: underline;}
a.small:hover {
	text-decoration: none;}

#topnav a:link, #topnav a:active, #topnav a:visited {
	color: #F7F7F7;
	font-weight: bold;
	text-decoration: none;}
#topnav a:hover {
	text-decoration: underline;}

#footer a:link, #footer a:active, #footer a:visited {
	color: #717171;
	font-size: 10px;
	text-decoration: underline;}
#footer a:hover {
	text-decoration: none;}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #29266B;
	/* background-image: url('images/page-bg-3.gif');
	background-repeat: repeat-x; */
	margin: 0px;}

#outside-container {
	width: 792px;
	height: 100%;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url('images/outside-container-bg.gif');
	background-repeat: repeat-y;}

#outside-container-single-column-page {
	width: 792px;
	height: 100%;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url('images/outside-container-bg-2.gif');
	background-repeat: repeat-y;}

h1 {
	color: #6D6D6D;
	font-size: 15px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
	padding-bottom: 3px;
	/*padding-left: 20px; */
	border-bottom: 1px solid #B5B4B4;
	/*
	background-image: url('images/h1-bullet.gif');
	background-repeat: no-repeat;
	background-position: left center;
	*/}

h1 a:link, h1 a:active, h1 a:visited {
	text-decoration: none;
	color: #222059;}
h1 a:hover {
	text-decoration: underline;}

h2 {
	color: #222059;
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
	padding-top: 2px;
	border-top: 1px solid #B5B4B4;}

h2.top {
	border-top: none;}

h2.shoponline {
	height: 19px;
	color: #F7F7F7;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 5px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url('images/h1-shoponline-bg.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	border-top: 0px;}

h2.news {
	height: 19px;
	color: #F7F7F7;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 5px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url('images/h1-news-bg.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	border-top: 0px;}

h3 {
	height: 23px;
	font-size: 12px;
	background-image: url('images/h3-bg.gif');
	background-repeat: no-repeat;
	color: #F7F7F7;
	padding: 4px 0px 0px 25px;
	margin: 3px 0px 3px 0px;}

h4 {
	font-size: 12px;
	margin: 3px 0px 3px 0px;
	padding-top: 2px;}

td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;}

#header-shadow-container {
	width: 790px;
	margin: auto;
	background-image: url('images/header-shadow.gif');
	background-repeat: repeat-x;
	background-position: top;}

#maincontainer {
	position: relative;
	width: 780px;
	margin: auto;
	clear: both;}

#popup-header {
	width: 800px;
	height: 78px;
	border-bottom: 6px solid #29266B;
	margin: auto;
	background-image: url('images/sklogo_header.gif');
	background-repeat: repeat-x;
	background-position: left;}

#topleft {
	float: right;
	color: #A1A1A1;
	font-weight: bold;
	padding: 0px 8px 6px 3px;}

#toplinks {
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 8px 0px 0px;}

#toplinks a:link, #toplinks a:active, #toplinks a:visited {
	color: #A1A1A1;
	text-decoration: underline;}
#toplinks a:hover {
	text-decoration: none;}

#header {
	width: 790px;
	height: 76px;
	background-image: url('images/sklogo_header.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	clear: both;
	border-top: 1px solid #b5b4b4;}

#header-container {
	width: 790px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 0px;
	background-color: #FFFFFF;
	background-image: url('images/header-shadow-top.gif');
	background-repeat: repeat-x;
	background-position: top;
	/* border-bottom: 6px solid #29266B; */
	border-bottom: 1px solid #b5b4b4;}

#logo {
	margin-top: 17px;
	position: relative;
	float: left;}

#phone-number {
	position: relative;
	float: left;
	width: 576px;
	margin-top: 11px;
	padding-right: 4px;
	text-align: right;
	color: #FFFFFF;}

#topnav {
	position: relative;
	float: left;
	width: 782px;
	padding: -5px 8px 0px 0px;
	color: #F7F7F7;
	font-weight: bold;
	text-align: right;
	clear: both;}

#container1 {
	width: 780px;}

#container2 {
	width: 780px;
	position: relative;}

#container3 {
	width: 780px;
	position: relative;
	clear: both;
	padding: 0px 5px 0px 5px;}

#shoponline {
	position: relative;
	float: left;
	width: 350px;}
#shoponline ul {
	margin-left: 0px;
	padding-left: 0px;}
#shoponline li {
	margin-left: 15px;
	padding: 1px;}

#news {
	width: 170px;
	position: relative;
	float: left;
	font-size: 10px;}
#news ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;}
#news li {
	margin-left: 10px;}

#featured {
	width: 420px;
	float: right;}
#featured ul {
	margin-left: 0px;
	padding-left: 0px;}
#featured li {
	margin-left: 15px;
	padding: 1px;}

#footer {
	width: 780px;
	position: relative;
	clear: both;
	border-top: 6px solid #29266B;
	margin: 0px auto 0px auto;
	padding: 0px 5px 5px 5px;
	color: #717171;
	font-size: 10px;
	text-align: center;
	background-color: #FFFFFF;}
#footer p {
	margin: 5px 0px 0px 0px;}

.align-right {
	text-align: right;}

/* Internal Page Styles */	
.navsection {
	text-align: left;}
.navsection a:link, .navsection a:active, .navsection a:visited {
	font-weight: bold;
	text-decoration: underline;}
.navsection a:hover {
	text-decoration: none;}
.navsection ul {
	font-size: 10px;
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;}
.navsection li {
	margin-left: 10px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 0px;}

#leftside {
	width: 177px;
	position: relative;
	float: left;
	text-align: center;
	margin-top: 5px;}

#leftside h1 {
	height: 19px;
	color: #F7F7F7;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 5px;
	text-align: left;
	border: 0px;
	background-image: url('images/h1-nav-bg.gif');
	background-repeat: no-repeat;
	background-position: bottom;}

#leftside h1 a:link, #leftside h1 a:active, #leftside h1 a:visited {
	color: #F7F7F7;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 0px 0px 5px;}
#leftside h1 a:hover {
	text-decoration: none;
	background-image: none;}

#news-events {
	text-align: left;
	font-size: 10px;}
#news-events ul {
	margin: 0px 0px 0px 25px;
	padding: 0px;}
#news-events ul li {
	margin: 7px 0px 7px 0px;}
#news-events ul li a {
	color: #000000;}

#searchbox {
	padding: 5px;
	height: 28px;
	background-image: url('images/searchbox-bg.gif');
	background-repeat: no-repeat;}

#quoterequest {
	margin-top: 5px;}

#sitemap ul {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	line-height: 20px;}
#sitemap ul a {
	font-weight: bold;}
#sitemap ul ul {
	list-style-type: disc;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	line-height: 16px;}
#sitemap ul ul a {
	font-weight: normal;}
#sitemap ul ul ul {
	list-style-type: circle;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	line-height: 16px;}

.stockyard-booklet {
	text-align: center;
	margin: 0px;
	padding: 5px 0px 0px 0px;}

/* navigation styles */
body#home a#menu-home,
body#contact a#menu-contact,
body#shop a#menu-shop,
body#products a#menu-products,
body#conveyors a#menu-conveyors,
body#cranes a#menu-cranes,
body#casters a#menu-casters,
body#containers a#menu-containers,
body#industrial a#menu-industrial,
body#lifting a#menu-lifting,
body#prodmovers a#menu-prodmovers,
body#storage a#menu-storage,
body#newspage a#menu-newspage,
body#media a#menu-media,
body#about a#menu-about,
body#quoterequest a#menu-quoterequest,
body#used a#menu-used {
	background-image: url('images/bullet01.gif');
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;} 

.nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;}

.nav a:link, .nav a:visited, .nav a:hover {
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #222059;
	display: block;
	width: 164px;
	height: 17px;
	margin: auto;
	padding: 2px 0px 2px 0px;
	padding-left: 13px;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* background-color: #E6E6E6; */}
	html>body .nav a:link, html>body .nav a:visited, html>body .nav a:hover { 
		width: 164px;}

.nav a:hover {
	font-weight: bold;
	text-align: left;
	background-image: url('images/bullet01.gif');
	background-repeat: no-repeat;
	background-position: right;}

.subnav a:link, .subnav a:visited, .subnav a:hover {
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: #222059;
	display: block;
	width: 152px;
	height: 17px;
	margin: auto;
	padding: 0px 0px 0px 25px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* background-color: #E6E6E6; */
	border-bottom: 0px;}
	html>body .subnav a:link, html>body .subnav a:visited, html>body .subnav a:hover { 
		width: 152px;}

.subnav a:hover {
	text-align: left;
	background-image: url('images/nav-hover-bg.gif');
	background-repeat: no-repeat;
	background-position: right;}

#content {
	width: 576px;
	position: relative;
	float: right;
	padding: 7px;}

#content-singlecolumn {
	width: 780px;
	padding: 10px 0px 10px 0px;}

#content-singlecolumn h3 {
	height: 23px;
	font-size: 12px;
	background-image: none;
	padding: 4px 0px 0px 4px;
	margin: 3px 0px 3px 0px;}

.cs-header {
	background-color: #be9906;
	padding: 0px 0px 0px 5px;
	font-weight: bold;}

.cs-header2 {
	background-color: #d5d5d5;
	font-weight: bold;}

.logos {
	margin: 10px 0px 7px 0px;
	text-align: justify;}

.logos img {
	padding: 1px;}

.toplink {
	margin-right: 9px;
	position: relative;
	float: right;}

label {
	font-weight: bold;}

input {
	border: 1px solid #a8a8a8;
	padding: 2px;
	margin-bottom: 4px;}

textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #a8a8a8;
	padding: 2px;
	margin-bottom: 4px;}

.required {
	color: #99191A;}

.manufacturer {
	clear: both;
	padding-top: 1px;
	margin-top: 12px;
	margin-bottom: 10px;}

.manufacturer div {
	position: relative;
	float: left;}

.manufacturer div.inset {
	width: 145px;
	position: relative;
	float: right;
	text-align: left;
	padding: 3px;
	text-align: right;}

ul.links {
	margin: 5px 0px 5px 15px;
	padding: 0px;
	list-style-type: none;}

ul.links li {
	padding: 3px 0px 3px 0px;}

.product {
	clear: both;
	padding-top: 1px;
	margin-top: 12px;
	margin-bottom: 10px;}

.product-inset {
	width: 145px;
	position: relative;
	float: right;
	text-align: left;
	padding: 3px;
	text-align: center;}
.product-inset div {
	border: 1px solid #000000;
	padding: 3px;
	text-align: left;}
.product-inset div ul {
	margin: 0px 0px 0px 0px;
	padding-left: 0px;}
.product-inset div ul li {
	margin-left: 15px;}

.column {
	width: 190px;
	position: relative;
	float: left;
	padding-right: 5px;}
.column ul {
	margin-left: 0px;
	padding-left: 0px;}
.column ul li {
	margin-left: 15px;}

.tableheader1 {
	background-color: #29266B;
	color: #F7F7F7;
	font-weight: bold;}
.tableheader2 {
	background-color: #7A7A7A;
	color: #F7F7F7;
	font-weight: bold;
	padding-left: 10px;}
.row-odd {
	/* background-color: #DDDDDD; */
	padding-left: 20px;}
.row-even {
	/* background-color: #F3F3F3; */
	padding-left: 20px;}

.cranetable	{
	font-size: 11px;}

.spotlight-archive ul li {
	padding-top: 4px;}

.vendor_box {
	border-top:1px solid #A1A1A1;
	border-bottom:1px solid #A1A1A1;
	padding-left:10px;
	padding-right:10px;}
	
.vendor_logo {
	padding-top: 10px; 
	padding-bottom: 10px; 
	float: left;}

.vendor_logo2 {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #A1A1A1;}
	
.vendor_name {
	padding-top:10px; 
	padding-bottom:10px; 
	float:right;}
	
.vendor_name_left {
	padding-top:10px; 
	padding-bottom:10px;}

.ul-no-padding{
	margin: 0px 0px 0px 15px;
	padding: 0px;}

table.blackborder {
	border: 1px solid #000000;}

table.blackborder td {
	padding: 3px;
	border: 1px solid #000000;}

table.gorbeltable {
	border: 1px solid #000000;}

table.gorbeltable td {
	padding: 3px;
	border: 1px solid #000000;
	font-size: 10px;}
	
table.prod-collage-table td {
	padding-top: 105px;
	text-align: center;
	width: 33%;}

table.prod-collage-table td ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
	
table.prod-collage-table td ul li {
	margin: 4px 0px 4px 0px;}

/* Begin Zoom Indexer Search Function Styles */
.zoom_searchform {
	border: 1px solid #000000;
	background-color: #E0E0E0;
	margin-bottom: 10px;
	padding: 5px;}

.searchheading {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;}

.summary {
	font-style: italic;
	margin-bottom: 5px;}

.result_title {
	font-weight: bold;}

.infoline {
	font-style: italic;
	color: #8A8A8A;
	margin-bottom: 10px;}
/* End Zoom Indexer Search Function Styles */

/* BEGIN Used Equipment Feed Styles */
#images {
	width: 100%;
	text-align: center;}

.image {
	width: 25%;
	height: 100%;
	margin: 10px;
	padding: 3px;
	float: left;
	text-align: center;
	border: 1px solid #000066;
	background-color: #EAEAEA;}
/* END Used Equipment Feed Styles */

/* BEGIN Twitter Styles */
#twitter_update_list {
	list-style-type: none;
	margin: 0px 0px 8px 5px;
	padding: 0px;}
#twitter_update_list li {
	text-align: left;
	padding: 8px 5px 8px 5px;
	border-bottom: 1px solid #B5B4B4;}
/* END Twitter Styles */