/*
Theme Name: Fasteners Direct
Theme URI: http://fastenersdirect.co.nz/
Description: Fasteners Direct WordPress theme.
Version: 1.0
Author: Worry Free Labs
Author URI: http://worryfreelabs.com/
*/
 @charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #ffcc33;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input[type=text],input[type=password] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 3px;
}

input[type=button],input[type=reset],input[type=submit],button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h2 {
	font-size: 24px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.half {
	width: 48%;
}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding-left: 50px;
}

#header,#container,#footer,#main {
	width: 850px;
	float: left;
	padding-right: 50px;
}

#header,#footer,#page-head,#page-foot {
	background-image: url(images/bg-shadow.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#page-head,#page-foot {
	background-color: #ffcc33;
	width: 830px;
	padding: 5px 60px 5px 10px;
	float: left;
}

#container {
	min-height: 200px;
}

#top {
	background: #232020;
	width: 100%;
	float: left;
}

#top h1 {
	float: left;
}

#map {
	text-align: center;
	text-transform: uppercase;
	float: right;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	width: 155px;
	background: url(images/bg-map.gif) no-repeat right center;
	padding-right: 65px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#nav {
	width: 100%;
	float: left;
	background-color: #333;
}

#nav li {
	float: left;
	list-style: none;
	background: url(images/bg-div.gif) no-repeat 0 center;
	position: relative;
}

#nav li:first-child {
	background: none;
}

#nav li a {
	display: block;
	padding: 10px 15px;
	font-weight: bold;
	color: #fff;
}

#nav li a:hover,#nav li:hover a {
	background-color: #ffcc33;
	text-decoration: none;
	color: #333;
}

#nav li ul {
	position: absolute;
	background: #ffcc33;
	width: 240px;
	padding: 10px 0 15px;
	display: none;
	z-index: 1000;
}

#nav li ul li ul {
	position: relative;
	background: #ffcc33;
	width: 210px;
	padding: 5px 0 5px 25px;
	display: block;
	z-index: 1000;
}

#nav li li {
	float: none;
	background: none;
}

#nav li li a {
	padding: 3px 25px;
	color: #333;
}

#nav li li li a {
	padding: 2px 25px;
}

#nav li li a:hover {
	color: #fff;
}

#nav li:hover>ul {
	display: block;
}

#banner {
	background: #999 url(images/bg-banner.gif) repeat-x 0 0;
	width: 820px;
	height: 125px;
	overflow: hidden;
	float: left;
	padding: 7px 0 5px;
}

#link {
	color: #fff;
	width: 600px;
	padding: 0;
	float: left;
}

#link p {
	font-size: 36px;
	font-weight: bold;
	text-align: right;
	padding-top: 15px;
}

#newsletter {
	float: right;
	margin-right: 5px;
	width: 198px;
	height: 90px;
	text-align: center;
	padding: 5px 0 10px;
	background-image: url(images/bg-newsletter.gif);
}

#newsletter input[type=text],#newsletter input[type=password],#newsletter p	{
	margin-bottom: 5px;
}

#newsletter p a {
	display: inline-block;
	color: #333;
	text-decoration: underline;
	margin-top: 5px;
}

#home-list li {
	float: left;
	list-style: none;
	padding: 10px 0;
}

#home-list li .info {
	padding-left: 160px;
	padding-right: 10px;
	line-height: 1.35em;
}

#home-list li.first {
	width: 300px;
	padding-right: 30px;
}

#home-list li.last {
	width: 520px;
}

#main {
	background: url(images/bg-main.gif) repeat-y right top;
	min-height: 300px;
}

#special {
	width: 452px;
	padding: 20px;
	float: left;
	line-height: 1.35em;
}

#special h2 {
	color: #fff;
	font-size: 24px;
	line-height: 1em;
	margin-bottom: 10px;
}

#tel {
	width: 320px;
	float: right;
	padding: 20px 19px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#tel img {
	margin-bottom: 15px;
}

#footer {
	background-color: #231f20;
	color: #fff;
	line-height: 1.35em;
}

#footer div {
	padding: 20px 20px 30px;
}

#footer div.textwidget {
	padding: 0;
}

#links {
	width: 630px;
}

#links ul {
	float: left;
	padding-right: 50px;
}

#links li {
	list-style: none;
}

#links li.first {
	padding-bottom: 5px;
	text-transform: uppercase;
}

#footer a {
	color: #fff;
}

#page-head h2 {
	float: left;
	font-size: 36px;
	line-height: 1em;
	text-transform: uppercase;
	width: 560px;
}

#page-head h3,#page-head h3 a {
	float: right;
	color: #fff;
	font-size: 30px;
	line-height: 1.2em;
}

#page-foot h3 {
	font-size: 24px;
	text-align: right;
	color: #fff;
}

#col-main {
	width: 550px;
	float: left;
	padding-bottom: 30px;
}

#col-side {
	width: 260px;
	float: right;
	padding-bottom: 30px;
	padding-top: 15px;
	text-align: center;
}

#breadcrumbs {
	font-weight: bold;
	padding: 5px 0;
	color: #999;
}

#breadcrumbs li {
	display: inline;
	padding-right: 5px;
}

#breadcrumbs li.sep {
	color: #333;
}

.post {
	width: 100%;
	float: left;
	padding: 20px 0 0;
}

.post ul {
	font-size: 14px;
	font-weight: bold;
	padding-left: 30px;
	padding-bottom: 30px;
	list-style: none;
}

.post ul.sub {
	padding-bottom: 0;
}

.post li {
	padding-left: 0;
	padding-bottom: 20px;
	padding-top: 5px;
}

.post ul.sub li {
	padding-bottom: 0;
}

.post li a {
	color: #000;
	text-transform: uppercase;
}

.post li a:hover {
	color: #ffcc33;
}

.post li ul.sub li a {
	color: #999;
	text-transform: uppercase;
}

.post li p {
	margin-bottom: 2px;
}

.post p {
	margin-bottom: 10px;
}

.post td {
	padding: 5px;
}

.wpsc_checkout_forms {
	padding-top: 20px;
}

.box {
	width: 100%;
	padding-bottom: 15px;
}

.head {
	font-size: 24px;
	font-weight: bold;
}

.head a {
	color: #333;
}

.grey {
	color: #999;
}

.small {
	font-size: 15px;
}

#checkout {
	margin: 0 20px;
	border: solid 1px #d9d9d9;
	padding: 5px 0;
}

#checkout p {
	margin: 5px 0;
}

.widget-title {
	display: none;
}

#wrapper .carousel {
	padding: 10px 15px 5px;
	margin: 0;
	position: relative;
}

#wrapper .carousel a.prev, #wrapper .carousel a.next {
	display: block;
	float: left;
	width: 32px;
	height: 125px;
	text-decoration: none;
	background: url('images/imageNavLeft.png') left 32px no-repeat;
}

#wrapper .carousel a.next {
	background: url('images/imageNavRight.png') right 32px no-repeat;
}

#wrapper .carousel a.next:hover {
	background-image: url('images/imageNavRightHover.png');
}

#wrapper .carousel a.prev:hover {
	background-image: url('images/imageNavLeftHover.png');
}

#wrapper .carousel a:hover, #wrapper .carousel a:active {
	border: none;
	outline: none;
}

#wrapper .carousel .jCarouselLite {
	float: left;
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}

#wrapper .carousel ul {
	margin: 0;
}

#wrapper .carousel li a {
	display: block;
	font-size: 11px;
	text-align: center;
	margin: 0 12px;
}

#wrapper .carousel li img {
	background-color: #fff;
	border: 3px solid #fc3;
	display: block;
	width: 96px;
	height: 96px;
	margin-bottom: 5px;
}