/*  
Theme Name: Anchor Tool Hire
Theme URI: http://anchortoolhire.com/
Description: for <a href="http://anchortoolhire.com/">Anchor Tool Hire</a>.
Version: 2.0
Author: duncan fox 2016-07-14
*/
 
/*Copyright 2011-2016, Anchor Tool Hire */

/* -------------------[ CSS Stylesheet Import ]------------------- */

@import url("css/reset.css");
@import url("css/slider.css");
@import url("css/hire-products.css");
@import url("css/hire-categories.css");
@import url("css/page.css");
@import url("css/blog.css");
@import url("css/comments.css");

/* -------------------[ HEADER START ]------------------- */

body {
  font-family: "Arial", Helvetica, Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  background: url("https://www.anchortoolhire.com/wp-content/themes/anchortoolhire/images/page_bg_y.png") repeat-x white;
}

#wrapper { 
  width:960px;
/*  margin:0 auto; */
  margin:0 auto;
  padding: 0 10px 0 10px;
  background: transparent;
}

/* -------------------[ TYPOGRAPHY START ]------------------- */

h1 { 
    font-size: 2.2em; 
} 
     
h2 { 
    font-size: 2.0em;     
} 
     
h3 { 
  font-size: 1.8em; 
} 
     
h4 { 
  font-size: 1.6em;     
} 
     
h5 { 
  font-size: 1.4em;     
} 
     
p { 
  font-size: 1.0em;
  line-height:1.5;     
}

input.text { 
  padding: 3px; 
  border: 1px solid #999999;     
}

a {
  color:black;
  font-weight:900;
  text-decoration:underline;
}

a:hover {
  color:#4d4d4d;
  font-weight:900;
  text-decoration:underline;
}

p {
 margin-bottom:5px;
}

/* -------------------[ TYPOGRAPHY END ]------------------- */

/* Body Layout END */

/* HEADER START */

#header {
/*  padding-top:20px; */
  padding-top:0px;
}

#header span {
  float:right;
  font-weight:900;
  margin-top:-5px;
  padding-right: 10px;
}

#header span img {
  float:left;
  padding-right: 5px;
  margin-top:-5px;
}

#top-nav {
  height:25px;
}

#top-nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 	
  z-index: 1;
}

#top-nav li {
	float: left;
	margin: 0px;
	padding: 0 5px 0 0;
  z-index: 1;
}

#top-nav a {
  background: #231f20;
  display:block;
  padding: 6px 15px 5px 15px;
  text-decoration:none;
  font-weight: 900;
  color: white;
-moz-border-radius: 5px 5px 0 0 ;
border-radius: 5px 5px 0 0;
}

#main-header {
 /* background: #231f20; */
  background: #ffcc00;
  height:100px;
  -moz-border-radius: 0 5px 0 0 ;
border-radius: 0 5px 0 0;
}

#logo {
  float:left;
}

#phone {
  float:right;
 /* margin: 30px 10px 0 0; */
    margin: 0px 10px 0 0;
}

/* -------------------[ Header END ]------------------- */

/* -------------------[ Top Category Navigation START ]------------------- */

#subnavbar {
    background: #dedddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#231F20', endColorstr='#000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#231F20), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #231F20,  #000); /* for firefox 3.6+ */  
    height:40px;  
	width: 958px;
	margin: 0 0 0 0;
	padding: 0;
	border: 1px solid #333;
 /*   -moz-border-radius: 0 0 5px 5px; */
 /*   border-top-right-radius: 10px;  */
 /*   border-top-left-radius: 10px;  */
}
	
#subnav, #subnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 	
  z-index: 1;
}

#subnav a, #subnav a:visited {
	color: #ffcc00;
	display: block;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
	padding: 13px 10px 13px 10px;
	border-right: 1px solid #333;
}
	
#subnav a:hover {
	background: #ffcc00;
	color: #4f4f4f;
	display: block;
	text-decoration: none;
    margin: 0px 0px 0px 0px;
	padding: 13px 10px 13px 10px;
	border-right: 1px solid #848484;	
}

#subnav li {
	float: left;
	margin: 0px;
	padding: 0px;
    z-index: 1;
    text-transform: uppercase;
}
	
#subnav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 160px;
}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	/* background: #2B2B2B; */
	background: #ffcc00;
	color: #000;
	width: 160px;
	float: none;
	margin: 0px;
	padding: 9px 10px 9px 10px;
	border-bottom: 1px solid #848484;
	border-left: 1px solid #848484;
	border-right: 1px solid #848484;
}
	
#subnav li li a:hover, #subnav li li a:active {
	/* background: #e9e71d; */
	background: #ffcc00;
	color: #4f4f4f;
}

#subnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#subnav li:hover ul {
	left: auto;
	display: block;
}
	
#subnav li:hover ul, #subnav li.sfhover1 ul {
	left: -999em;
}
	
#subnav li ul ul {
	margin: -2.4em 0 0 15.1em;
}
	
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
	left: -999em;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {
	left: auto;
}	

#subnav li:hover ul ul, #subnav li.sfhover2 ul ul {
	left: -999em;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul {
	left: auto;
}

/* -------------------[ Top Category Navigation END ]------------------- */

/* -------------------[ Content START ]------------------- */

#content {
  background: #ffffff;
	width: 960px;
	padding-bottom:20px;
  overflow:hidden;	
}

#sidebar {
  width: 230px;
  margin: 10px 0 0 0;
  float: right;
}

#content-left {
    width: 700px;
    padding: 10px;
	float: left;
    margin: 10px 0 0 0px;
    border: 1px solid #aaa;
    border-radius:10px;
    background: #ffc;
}

#page-content {
    width: 690px;
}

#page-content h2 {
    background-image: url("images/hire-details-title.jpg");
    background-color: #000;
    background-position: right;
    background-repeat: no-repeat;
    height: 20px;
    padding: 10px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    width: 680px;
}

.page-summary {
    background: none repeat scroll 0% 0% rgb(242, 242, 242);
    border: 1px solid rgb(127, 128, 128);
    padding: 10px;
    margin-bottom: 10px;
    width: 678px;
    overflow: hidden;
}

.content-inner {
    width: 720px;
}

#member-logos {
    margin: 10px 0px 10px;
    border: none;
}

#hire-product-single {
    background: none repeat scroll 0% 0% rgb(242, 242, 242);
    border: 1px solid rgb(127, 128, 128);
    border-radius:10px;
    padding: 10px;
    margin-bottom: 10px;
    width: 660px;
    overflow: hidden;
}
#hire-details {
    width: 660px;
}
.hire-details-content {
    background: none repeat scroll 0% 0% rgb(242, 242, 242);
    border-left: 1px solid rgb(127, 128, 128);
    border-right: 1px solid rgb(127, 128, 128);
    border-bottom: 1px solid rgb(127, 128, 128);
    padding: 10px;
    margin-bottom: 10px;
    width: 660px;
    overflow: hidden;
}
#hire-details h2 {
    background-image: url("images/hire-details-title.jpg");
    background-color: #000;
    background-position: right;
    background-repeat: no-repeat;
    height: 20px;
    padding: 10px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    width: 662px;
}
/* -------------------[ Content END ]------------------- */

/* -------------------[ Slide Container START ]------------------- */

#slide-container {
  
  padding: 0px;
/*  margin-bottom: 40px; */
/*  margin-bottom: 10px; */
  width:680px;
  border-radius:10px;
}

/* -------------------[ Slide Container END ]------------------- */

/* -------------------[ Featured Hire Products START ]------------------- */

#featured-hires {
  width: 750px;  
}

.featured-product {
  background: #fff;
  background-image:url("images/product_bg.png");
  border: 1px solid #7f8080;
  border-radius:10px;
  padding:5px;
  width: 203px;
  float:left;
  margin:0 25px 15px 0; 
}

.featured-product img {
  width: 170px;
  height: 170px;  
  margin-left: 15px;
}

.featured-product-links {

  height:50px;
  margin: auto;
  position:relative;
  width: 170px;
}

.feat-title {
  font-weight:bold;
  padding: 05px 0 3px 0; 

}                     

.feat-title a {
  color: #ffcc00;
  text-decoration:none;
  text-transform:uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.daily-rate {
  color:white;
  font-size: 12px;
  font-weight: 600;
}

.hire-content-title {
    background: none repeat scroll 0% 0% rgb(35, 31, 32);
    font-size: 10px;
    padding: 10px;
    margin-bottom: 15px;
    color: white;
    width: 680px;
    border-radius: 5px 5px 5px 5px;
}

/* -------------------[ Featured Hire Products END ]------------------- */

/* -------------------[ Sidebar START ]------------------- */

.sidebar-container {
  margin-bottom:10px;
  width:230px;
  float:right;
}

.sidebar-container h2 {
  background-color: #000;
  padding:10px;
  font-size:18px;
  font-weight:900;
  color:#fff;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
}

.sidebar-content { 
  background: #f2f2f2;
  border: 1px solid #7f8080;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.sidebar-content ul li {
  font-size:13px;
  list-style:none;
  padding: 7px;
  border-top: 1px solid #7f8080;
}

.sidebar-content ul li a {
  color:#000;
  text-decoration:none;
  font-weight:600;
}

.sidebar-content ul li a:hover {
  height:27px;
  color:#565656;
  text-decoration:none;
  font-weight:600;
}
.sidebar-content ul li:nth-child(odd){
    background:#ffcc00;
	color: #231F20;
}
.sidebar-content ul li:nth-child(even){
    background:#fff;
}
.sidebar-content ul li:nth-child(19n){
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.sidebar-content ul li:hover {
	background:#ffdf54;
	color: #231F20;
}

.top-hires {
	width:228px; 
	padding:0px; 
	border:1px solid #999; 
	border-radius:10px; 
	margin-bottom: 10px;
	background-color:#000000; 
	overflow: hidden;
}

.top-hires a {
	text-decoration: none;
}

.top-hires h2 {
	padding:10px;
	border-bottom: 2px solid #999;
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
}

.top-hires ul {
	padding:0px;
	font-size:13px;
}

.menu-odd {
	background:#ffcc00;
	padding: 7px;
	border-bottom: 1px solid #999;
}
.menu-even {
	background:#231F20;
	color: #ffcc00;
	padding: 7px;
	border-bottom: 1px solid #999;
}

.top-hires ul li:hover {
	background:#ffdf54;
	color: #231F20;
}



/* -------------------[ Sidebar END ]------------------- */

/* -------------------[ Footer START ]------------------- */

#footer {
    background: #231f20;
    -moz-border-radius: 5px 5px 5px 5px ;
    border-radius: 10px;
    font-size: 9pt;
      padding: 10px;
}

#footer p {
  color: #aaa;
  font-weight:bold;
}

#footer a {
  color:#ffffff;
  font-weight:normal;
  text-decoration:underline;
}

#footer a:hover {
  color:#dd4;
  font-weight:normal;
  text-decoration:underline;
}
/* -------------------[ Footer END ]------------------- */
/* -------------------[ Breadcrumb START ]------------------- */

#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url(images/bc_bg.png);
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:956px;
    overflow:hidden;
    margin:10px 0 0 0;
    padding:0;
}

#breadcrumb li {
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#breadcrumb a {
    height:30px;
    display:block;
    background-image:url(images/bc_separator.png);
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}

.home {
    border: none;
    margin: 8px 0px;
}

#breadcrumb a:hover {
    color:#000;
}

/* -------------------[ Breadcrumb END ]------------------- */

/* -------------------[ Sidebar Banners ]------------------- */

.belledirect {
  width:290px;
  padding:0 0 10px 20px;
}

.steelworkerstools {
  width:300px;
  margin:auto 0;
  padding:10px 0 10px 20px;
}

.magdrill {
  width:290px;
  padding:0 0 10px 20px;
}

.wacker {
  width:290px;
  padding:0 0 10px 20px;
}

.trelawny {
  width:290px;
  padding:0 0 10px 20px;
}

.ebay-store {
  width:290px;
  padding:0 0 10px 20px;
  border-bottom: 1px solid #b8b7b7;
}

/* -------------------[ Home Search ]------------------- */

#search {
  background: #f2f2f2;
  border: 1px solid #7f8080;
  margin-bottom:10px;
  padding:10px;
  width:680px;
  border-radius:10px;
}

#search span {
  float:left;
  font-size:18px;
  margin: 5px 10px 0 0;
}

.search-box {

}

* html #search{
	margin-right: 8px;
}

#search input{
	background: #ffffff;
	border: 1px solid #c3c3c3;
	color: #000000;
	font-size: 11px;
	width:330px;
	height: 19px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px;
	font-size:15px;
}

#search .btn {
    float:right;
	font-weight:bold;
	color:#fff;
	padding: 0 0 2px 0;
	height:28px;
	margin:1px 0px 0px 5px !important;
	border:none;
	width:90px;
	cursor:pointer;
}

/* -------------------[ Cat Search ]------------------- */

#cat-search {
  background: #f2f2f2;
  border: 1px solid #7f8080;
  margin-bottom:20px;
  padding:10px;
  width:680px;
  border-radius: 10px;
}

#cat-search span {
  float:left;
  font-size:18px;
  margin: 5px 10px 0 0;
}

.search-box {

}

* html #cat-search {
	margin-right: 8px;
}

#cat-search input{
	background: #ffffff;
	border: 1px solid #c3c3c3;
	color: #000000;
	font-size: 11px;
	width:330px;
	height: 19px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px;
	font-size:15px;
}

#cat-search .btn{
  float:right;
	font-weight:bold;
	color:#fff;
	padding: 0 0 2px 0;
	height:27px;
	margin:1px 0px 0px 5px !important;
	border:none;
	width:90px;
	cursor:pointer;
}

/* -------------------[ Wacker Front Page Advertising ]------------------- */
#wacker-advertising {
	padding: 0 10px 10px 10px;
	border-radius: 10px !important;
	-o-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	overflow: hidden;
}