/*
	Theme Name: Used-PalletRack.com
	Theme URI: http://used-palletrack.com/
	Description: Used-PalletRack Corporate Wordpress Theme
	Version: 1.0
	Author: Indy Web Design
	Author URI: http://www.indywebdesign.com/
*/

@import('additional.css');

html, body {
	height: 100%;
	width: 100%;
}

body {
	background: #f6f6f6;
}

	.alignright {
		margin: 10px 0 10px 10px;
		float: right;
	}
	
	.alignleft {
		margin: 10px 10px 10px 0;
		float: left;
	}
	
	.aligncenter {
		margin: 10px auto;
		text-align: center;
	}
    
	.widgettitle {
		padding: 0px 0px 0px 10px;
		background-color:#FC0;
	}

#header {
	width: 100%;
	height: 172px;
}

	#header #header-top {
		overflow: hidden;
		float: left;
		background: url('images/header-background.gif') #000000 repeat-x;
		height: 126px;
		width: 100%;
	}
	
		#header-brand {
			float: left;
			height: 190px;
			background: url(images/header-pallet-racks.png) transparent no-repeat;
		}
	
			#header-brand h1 {
				margin: 0;
			}
			
				#header-brand h1 a {
					display: block;
					margin: 35px 0 5px 210px;
					width: 412px;
					height: 35px;
					background: url(images/used-pallet-racks.png) transparent no-repeat;
					text-indent: -999em;
				}
			
			#header-brand h2 {
				margin-left: 210px;
				width: 229px;
				height: 21px;
				background: url(images/header-tagline.png) transparent no-repeat;
				text-indent: -999em;
			}
		
		#header-top #brand-phone {
			margin: 30px 70px 0 0;
			float: right;
			font-size: 34px;
			font-weight: bold;
			color: #ffffff;
		}
	
	#header #header-nav {
		float: left;
		background: url('images/nav-background.gif') #f6cb00 repeat-x;
		height: 33px;
		width: 100%;
		padding-top: 13px;
	}
	
		#header-nav ul {
			margin: 0 auto 0 auto;
			list-style:none;
			width: 955px;
		}
		
			#header-nav ul li {
				float: left;
				margin-right: 30px;
				margin-left: -15px;
				font-size: 13px;
			}
			
				#header-nav ul li a, #header-nav ul li a:link, #header-nav ul li a:visited, #header-nav ul li a:active {
					color: #000000;
					font-weight: bold;
					text-decoration:none;
				}
				
				#header-nav ul li a:hover {
					color: #ffffff;
					font-weight: bold;
					text-decoration:none;
				}
	
#content {
	margin: 0 auto;
	overflow: hidden;
	width: 955px;
	background: #ffffff;
	padding-bottom: 30px;
}

	#content.index {
		padding-top: 30px;
	}

	#hotspot {
		width: 100%;height: 95px;
		background: url(images/hotspot-bg.png) 50% 0 transparent no-repeat;
	}
	
		#hotspot div.saleheader {
			float: left;
			margin: 20px 15px 0 55px;
			color: #e31b1f;
			font-size: 18px;
		}
		
		#hotspot ul#scroller {
			float: left;
			margin: 20px 25px 0 0;
		}
		
			ul#scroller li {
				font-size: 22px;
				color: #f6cb00;
			}
			
				ul#scroller li a:link, ul#scroller li a:visited, ul#scroller li a:active {
					color: #f6cb00;
					text-decoration: none;
				}
				
				ul#scroller li a:link:hover {
					text-decoration: underline;
				}
		
		#hotspot a.contactus {
			float: left;
			display: block;
			width: 184px; height: 74px;
			background: url(images/hotspot-contact-us.png) 0 0 transparent no-repeat;
			text-indent: -999em;
		}
    #eqpageinfo{
		color: #000;
	    font-weight: bold;
        font-size: 18px;
		text-transform:uppercase;
		padding: 0px, 30px, 30px, 30px;
		text-align: center;
	    }
	#kwtag{
		color: #fc6f27;
	    font-weight: bold;
        font-size: 18px;
	      }	
		
		
    #peroff{
		float: right;
		width: 260px;
		height: 65px;
		background: url(images/50-70off.jpg);
	    }
	
	#page-content-left {
		float: left;
		width: 180px;
		
		margin: 0px 10px;
		padding: 20px;
		
		background: url(images/content-middle-background.gif) #e3e3e3 repeat-x;
	}
	
	#blog-content-right {
		float: right;
		width: 220px;
		margin: 20px 20px 0 0;
		padding: 20px 0 20px 0;
		
		background: #ffffff;
	}
	
		#blog-content-right ul  {
			list-style:none;
		}
	
	#page-content-middle {
		float: left;
		margin: 0 20px 20px 20px;
		width: 675px;
	}
	
		#page-content-middle #middle-tabs {
			overflow: hidden;
			margin: 0 0 20px 0;
			width: 675px;
			height: 69px;
		}
		
			#middle-tabs #tabs-fast-quote {
				float: left;
				width: 321px;
				height: 69px;
				background: url(images/middle-fast-quote.png) #ffffff no-repeat;
			}
			
				#tabs-fast-quote h4 {
					float: left;
					margin: 14px 18px 10px 18px;
					width: 117px;
					height: 19px;
					background: url(images/fast-quote-header.png) transparent no-repeat;
					text-indent: -999em;
				}
				
				#tabs-fast-quote a {
					float: left;
					margin-top: 10px;
					display: block;
					width: 135px;
					padding: 5px;
					text-align: center;
					color: #ffffff;
					text-decoration: none;
					text-transform:uppercase;
					font-size: 10px;
					background: #000000;
				}
				
				#tabs-fast-quote p {
					clear: both;
					margin: 0 auto;
					width: 310px;
					font-size: 10px;
					text-align: center;
				}
			
			#middle-tabs #tabs-find-distro {
				float: left;
				margin-left: 20px;
				width: 321px;
				height: 69px;
				background: url(images/middle-find-distro.gif) #ffffff no-repeat;
			}
			
				#tabs-find-distro h4 {
					margin: 10px 0 0 40px;
					width: 242px;
					height: 26px;
					background: url(images/header-find-distro-middle.png) transparent no-repeat;
					text-indent: -999em;
				}
				
				#tabs-find-distro a {
					margin: 0px auto;
					display: block;
					width: 280px;
					padding: 5px;
					text-align: center;
					color: #ffffff;
					text-decoration: none;
					text-transform:uppercase;
					font-size: 10px;
					background: #0e65b3;
				}

	#content-left {
		float: left;
		width:200px;
		padding: 20px 10px 0 20px;
	}
	
		#content-left h4, #page-content-left h4, #blog-content-right h4 {
			margin-bottom: 10px;
			color: #2f91da;
			font-size: 18px;
		}
			
			#content-left #left-our-products { }
				
				#content-left #left-our-products ul, #page-content-left #left-our-products ul, #blog-content-right ul {
					margin-left: -38px;
					list-style:none;
					font-size: 12px;
					font-weight: bold;
				}
				
				#left-our-products a, #left-our-products a:link, #left-our-products a:visited, #left-our-products a:active {
					font-weight: bold;
					text-decoration: none;
					color: #000000;
				}
				
					#left-our-products a:hover {
						color: #2f91da;
					}
				
			
	#content-middle {
		float: left;
		/*margin-top: 20px;*/
		padding: 20px 0 0 20px;
		width: 540px;

		background: url(images/content-middle-background.gif) #e3e3e3 repeat-x;
	}
	
		#content-middle h3 {
			margin:0 0 10px 0;
			font-size: 26px;
		}
		
		#content-middle ul {
			list-style: none;
			margin-left: -38px;
		}
		
			#content-middle ul li {
				float: left;
				margin-right: 15px;
				margin-bottom: 20px;
				text-align: center;
			}
			
				#content-middle ul li a, #content-middle ul li a:link, #content-middle ul li a:active, #content-middle ul li a:visited {
					font-weight: bold;
					font-size: 12px;
					color: #000000;
					text-decoration: none;
				}
				
				#content-middle ul li a:hover {
					color: #ffffff;
				}
		
	#content-right {
		float: left;
		margin-top: 39px;
		width: 150px;
	}
	
		#content-right #right-find-distro {
			margin: 0 0 20px 0;
			width:150px;
			height: 131px;
			border-top: 1px #ffffff solid; /* escaping margins fix */
			background: url(images/right-distribution.gif) #ffffff no-repeat;
		}
		
			#right-find-distro h4 {
				margin: 15px auto;
				width:127px;
				height: 48px;
				background: url(images/find-distro-header.png) transparent no-repeat;
				text-indent: -999em;
			}
			
			#right-find-distro a {
				display: block;
				margin: 0 auto;
				width: 120px;
				padding: 5px;
				text-align: center;
				color: #ffffff;
				text-decoration: none;
				text-transform:uppercase;
				font-size: 10px;
				background: #000000;
			}
		
		#content-right #right-fast-quote {
			width: 150px;
			height: 137px;
			border-top: 1px #ffffff solid; /*escaping margins fix */
			background: url(images/right-quote.gif) #ffffff no-repeat;
		}
		
			#right-fast-quote h4 {
				margin: 15px 0 10px 10px;
				width: 117px;
				height: 19px;
				background: url(images/fast-quote-header.png) transparent no-repeat;
				text-indent: -999em;
			}
			
			#right-fast-quote p {
				margin: 0 auto 10px auto;
				width: 130px;
				font-size: 11px;
			}
			
			#right-fast-quote a {
				display: block;
				margin: 0 auto;
				width: 120px;
				padding: 5px;
				text-align: center;
				color: #ffffff;
				text-decoration: none;
				text-transform:uppercase;
				font-size: 10px;
				background: #000000;
			}
			
		#content-right #right-social-links {
			margin-top: 40px;
			width: 150px;
			text-align: center;
		}
		
			#right-social-links img {
				display: block;
				margin: 0 auto 15px auto;
			}

#footer {
	padding: 10px 0 10px 0;
	width: 100%;
	background: #f6cb00;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

	#footer ul {
		list-style: none;
	}
	
		#footer ul li {
			display: inline;
			margin: 0 10px 0 10px;
		}


/* Horizontal Scroll */
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	float: left;
	width: 350px;
	height: 75px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 350px;
	height: 75px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 350px;
	height: 75px;
}


.kevgold{
	color: #c9a300;
	font-weight: bold;
    font-size: 18px;
	text-transform:uppercase;
}
.kevgoldsm{
	color: #Fc9a300;
	font-weight: bold;
    font-size: 14px;
	text-transform:uppercase;
}
.kevbla{
	color: #000;
	font-weight: bold;
    font-size: 18px;
	text-transform:uppercase;
}
.kevblasm{
	color: #000;
	font-weight: bold;
    font-size: 14px;
	text-transform:uppercase;
}
.kevblue{
	color: #2f91da;
	font-weight: bold;
    font-size: 18px;
	text-transform:uppercase;
}
.kevbluesm{
	color: #2f91da;
	font-weight: bold;
    font-size: 14px;
	text-transform:uppercase;
}