/*
	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 {
	color: #c3c3c3;}

#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('http://www.skarnes.com/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('http://www.skarnes.com/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: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
	padding-top: 2px;
	border-top: 1px dotted #6D6D6D;}

h2.top {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
	padding-top: 2px;
	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('http://www.skarnes.com/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('http://www.skarnes.com/images/h1-news-bg.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	border-top: 0px;}

h3 {
	height: 23px;
	font-size: 12px;
	background-image: url('http://www.skarnes.com/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;}

#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('http://www.skarnes.com/images/sklogo_header.gif');
	background-repeat: repeat-x;
	background-position: left;}

#topleft {
	float: left;
	color: #A1A1A1;
	font-weight: bold;
	padding: 3px;}

#toplinks {
	float: right;
	color: #A1A1A1;
	font-weight: bold;
	padding: 3px;}

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

#header {
	width: 785px;
	height: 78px;
	background-image: url('http://www.skarnes.com/images/sklogo_header.gif');
	background-repeat: repeat-x;
	background-position: left;
	clear: both;}

#header-container {
	width: 785px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 5px;
	background-color: #FFFFFF;
	border-bottom: 6px solid #29266B;}

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

#phone-number {
	position: relative;
	float: right;
	margin-top: 18px;
	padding-right: 5px;
	width: 200px;
	text-align: right;
	color: #FFFFFF;}

#topnav {
	position: relative;
	float: right;
	margin-top: 1px;
	color: #F7F7F7;
	font-weight: bold;
	text-align: right;}

#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;
	/* background-color: #E6E6E6; */
	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;
	background-image: url('http://www.skarnes.com/images/h1-nav-bg.gif');
	background-repeat: no-repeat;
	background-position: bottom;}

#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('http://www.skarnes.com/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 {
	background-image: url('http://www.skarnes.com/images/nav-hover-bg.gif');
	background-repeat: repeat-x;
	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: 0px 0px 0px 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('http://www.skarnes.com/images/nav-hover-bg.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('http://www.skarnes.com/images/nav-hover-bg.gif');
	background-repeat: no-repeat;
	background-position: right;}

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

#content-singlecolumn {
	width: 770px;
	padding: 0px 5px 0px 5px;}

#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;}

.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;}

/* 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;}
/* End Zoom Indexer Search Function Styles */

/* Begin Zenphoto specific styles */
div.pagelist {
	display: inline;
	float: left;
	width: 300px;}
	
UL.pagelist {
	display: inline;
	padding: 0px;
	margin: 5px 0px 5px;
	list-style-type: none;
	height: 2em;}

UL.pagelist LI {
	display: inline;
	font-weight: bold;}

UL.pagelist LI A, UL.pagelist LI span.disabledlink {
	float: left;
	padding: 2px 4px;
	text-decoration: none;
	color: #6D6D6D;
	border: 1px solid #ffffff;}

UL.pagelist LI span.disabledlink {
	color: #6D6D6D;
	cursor: default;}

UL.pagelist LI A:hover {
	color: #000000;}

UL.pagelist LI.current A {
	border: 1px solid #A01111;
	color: #000000;
	cursor: hand;}

#albums {
	clear: both;
	margin: auto;}

.album {
	width: 27%;
	min-height: 210px;
	float: left;
	margin: 10px;
	padding: 5px;
	text-align: center;
	border: 1px solid #6D6D6D;
	background-color: #F4F4F4;}

.albumtitle h2 {
	width: 100%;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: -5px -5px 5px -5px;
	padding: 5px;
	border-top: 0px;
	border-bottom: 1px solid #6D6D6D;
	background-color: #c7c3c3;}

.albumtitle h2 a:link, .albumtitle h2 a:active, .albumtitle h2 a:visited, .albumtitle h2 a:hover {
	text-decoration: none;}

.albumtitle h2 a:hover {
	color: #000000;}

.albumthumb img {
	border: 1px solid #6D6D6D;
	margin-right: 10px;}

.albumdesc {
	clear: both;}

#zen-meta-info {
	clear: both;}

/* Begin Album View Styles */

#prev-next {
	font-size: 12px;
	float: right;
	width: 300px;
	text-align: right;}

#prev-next a {
	font-weight: bold;}

.image-alone div#prev-next {
	float: none;
	margin: auto;
	text-align: center;}

#images {
	width: 100%;
	text-align: center;
	margin: auto;}

.image {
	width: 27%;
	min-height: 210px;
	margin: 10px;
	padding: 10px;
	float: left;
	text-align: center;
	border: 1px solid #000066;
	background-color: #EAEAEA;}

.image h2 {
	border: 0px;}

.image-alone {
	text-align: center;}

.image-alone img {
	border: 0px;}

.image-alone h2 {
	border: 0px;}

.imagethumb img {
	border: 0px;}

/* End Album View Styles */

/* End Zenphoto specific styles */