/*	
Theme Name: Handy Rentals
Version: 1.0
Author: Perth Web Design
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
}

body {
    font-size: 12px;
    font-family: Arial, sans-serif, Helvetica;
    background: #fff;
    color: #fff;
    margin: 0px;
	padding: 0px;
}

p {
    margin: 10px 0px 10px 0px;
	line-height: 18px;
}

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

a:hover {
    color: #fff;
    text-decoration: none;
}

img {
    border: 0px;
}

h1 {
    font-weight: lighter;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 15px;
}

h2 {
    font-weight: lighter;
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}

h3 {
    font-weight: lighter;
    margin: 15px 0px;
    font-size: 16px;
    color: #fff200;
}

h4 {

    margin: 15px 0px;
    font-size: 14px;
    color: #fff;
}

hr {
    margin-bottom: 10px;
    border: 0px;
    border-top: 1px dashed #ccc;
    clear: both;
}

.clear {
    clear: both;
}

.alignleft {
    float: left;
    margin: 5px 10px 5px 0px;
}

.alignright {
    float: right;
    margin: 5px 0px 5px 10px;
}

#homecontactnumber {
    font-size: 31px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    color: #fff;
}

/*/////////////////////////////////////////////////////////////////////////////
	Layout
/////////////////////////////////////////////////////////////////////////////*/

#headercontainer {
    position: relative;
    width: 100%;
    height: 70px;
    margin: 0px auto;
	padding: 0px;
	background: #000;
	z-index: 15;
}

#header {
    position: relative;
    height: 70px;
    width: 960px;
    margin: 0px auto;
	background: #000;
}

#logo {
	line-height: 1px;
	margin:0px;
}

#logo a {
    position: absolute;
    width: 307px;
    height: 115px;
    top: 0px;
    left: -37px;
    display:block;
    background:url(images/logo.png) no-repeat;
    text-indent: -99999em;
	z-index: 17;
}

#primary_navigation {
    position: absolute;
    height: 70px;
    width: 669px;
    top: 0px;
    right: 0px;
	z-index: 16;
}

#container {
    position: relative;
    width: 960px;
    margin: 0px auto;
	padding-top: 50px;
	z-index: 8;
}


#slideshow {
    position: absolute;
    height: 704px;
    width: 960px;
	z-index: 8;
}

#homecontactdetails {
    position: relative;
    width: 199px;
    min-height: 50px;
    padding: 15px 30px 15px 26px;
    margin: 0px 0px 0px 16px;
    background: url(images/blackbg.png) repeat !important;
	z-index: 11;
}

#bunnings {
    position: relative;
    width: 255px;
    height: 103px;
    display:block;
    margin: 0px 0px 130px 16px;
    background:url(images/bunnings.gif) no-repeat;
    text-indent: -99999em;
	z-index: 17;
}


#content {
    position: relative;
    width: 920px;
	min-height: 314px;
	z-index: 11;
	margin-left: 20px;
	background:url(images/homecontent.png) top repeat-y;
	border-bottom: 5px #000 solid;
}

#leftcol {
    position: relative;
    float: left;
    width: 563px;
    min-height: 264px;
	padding: 25px;
	margin-right: 1px;
}



#rightcol {
    position: relative;
    float: left;
    width: 266px;
    min-height: 264px;
	padding: 25px 20px;
}

#secondarycontent {
    position: relative;
    width: 920px;
	min-height: 314px;
	z-index: 11;
	margin: 40px 0px 10px 20px;
	background:url(images/blackbg.png) repeat;
	border-top: 5px #000 solid;
	border-bottom: 5px #000 solid;
}

#secondaryleftcol {
    position: relative;
    float: left;
    width: 256px;
    min-height: 264px;
	padding: 25px;
	margin-right: 1px;
}

#secondarycentercol {
    position: relative;
    float: left;
    width: 256px;
    min-height: 264px;
	padding: 25px;
	margin-right: 1px;
}

#secondaryrightcol {
    position: relative;
    float: left;
    width: 256px;
    min-height: 264px;
	padding: 25px;
}


#pagecontent {
    position: relative;
    width: 960px;
	z-index: 11;
	margin-top: 5px;
}

#pageleftcol {
    position: relative;
    float: left;
    width: 685px;
    padding: 15px;
    min-height: 500px;
    background: url(images/pagecontentbg.png) repeat !important;
	border-top: 5px #000 solid;
	border-bottom: 5px #000 solid;
}

#pagerightcol {
    position: relative;
    float: right;
    width: 225px;
    min-height: 500px;
}

#contactdetails {
    position: relative;
    width: 174px;
    min-height: 50px;
    padding: 15px 30px 15px 26px;
    margin-bottom: 14px;
	border-top: 5px #000 solid;
    background: url(images/pagecontentbg.png) repeat !important;
	border-top: 5px #000 solid;
	border-bottom: 5px #000 solid;
}

#contentblock {
    position: relative;
    width: 199px;
    min-height: 50px;
    padding: 15px 30px 15px 26px;
	border-top: 5px #000 solid;
    background: url(images/pagecontentbg.png) repeat !important;
	border: 1px #333 solid !important;
}

#footer {
    position: relative;
    width: 920px;
    height: 54px;
    margin: 0px auto;
	z-index: 11;
}

/*/////////////////////////////////////////////////////////////////////////////
	Navigation
/////////////////////////////////////////////////////////////////////////////*/

#primary_navigation li {
    position: relative;
    float: left;
    padding: 0px 5px 0px 0px;
    text-align: left;
    list-style: none;
}

#primary_navigation li a {
    padding: 21px 12px 20px 12px;
    display: block;
    font-size: 21px;
    color: #fff;
    text-decoration:none;
	border-top: 4px #000 solid;
}
#primary_navigation a:hover {
	border-top: 4px #ff0000 solid;
	color:#ff0000;
}

#primary_navigation .current_page_item a {
	border-top: 4px #ff0000 solid;
	color:#ff0000;
}

/*--second level------------------------------------------*/

#primary_navigation :hover > a, #primary_navigation ul ul :hover > a {
	border-top: 4px #ff0000 solid;
	color:#ff0000;
}

#primary_navigation ul ul :hover > a, #primary_navigation ul ul ul :hover > a {
	color:#ff0000;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

#primary_navigation ul li ul li {
    background: none !important;
}

#primary_navigation ul li ul {
    position: absolute;
    width: 184px;
	min-height: 0px;
    left: 0px;
    visibility: hidden;
    background: url(images/blackbg.png) repeat !important;
	border: 1px #333 solid;
	border-bottom: none;
}

#primary_navigation ul ul li a {
    width: 170px;
    padding: 7px 4px 7px 10px;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
}

#primary_navigation ul ul a:hover {
	color: #ff0000;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

#primary_navigation ul ul .current_page_item a {

	color: #ff0000;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

#primary_navigation ul ul .current_page_item ul li a {
    color: #fff;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

#primary_navigation ul ul .current_page_item a:hover {
	color: #ff0000;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

/*--third level-------------------------------------------*/
#primary_navigation ul ul ul {
    width: 184px;
    background: url(images/blackbg.png) repeat !important;
    top: -1px;
    left: 184px;
	min-height: 0px;
	border: 1px #333 solid !important;
	border-bottom: none !important;
}

#primary_navigation ul ul ul li a {
    width: 170px;
    padding: 7px 4px 7px 10px;
	font-size: 14px;
    line-height: 14px;
    color: #fff;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

#primary_navigation ul ul ul a:hover {
	color: #ff0000;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

#primary_navigation ul ul ul .current_page_item a {
	color: #ff0000;
	border: 0px !important;
	border-bottom: 1px #333 solid !important;
}

/*--show second level on first level hover----------------*/
#primary_navigation ul li:hover ul, #primary_navigation ul a:hover ul {
    visibility: visible;
}

/*--hide third level on second level hover----------------*/
#primary_navigation ul :hover ul ul {
    visibility: hidden;
}

/*--show third level on second level hover----------------*/
#primary_navigation ul :hover ul :hover ul {
    visibility: visible;
}

/*/////////////////////////////////////////////////////////////////////////////
	The Slideshow
/////////////////////////////////////////////////////////////////////////////*/

#slideshow IMG {
    position: absolute;
    left: 0px;
    opacity: 0.0;
    padding: 0px;
	background: none;
    border: 0px;
}

#slideshow IMG.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow IMG.last-active {
    z-index: 9;
}

/*/////////////////////////////////////////////////////////////////////////////
	The Content
/////////////////////////////////////////////////////////////////////////////*/

#contactdetails #homecontactnumber {
    font-size: 26px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    color: #fff;
}

#homecontactdetails a {
    color: #fff;
    text-decoration: none;
	font-weight: bold;
}

#homecontactdetails a:hover {
    color: #ff0000;
    text-decoration: none;
	font-weight: bold;
}

#contactdetails a {
    color: #fff;
    text-decoration: none;
	font-weight: bold;
}

#contactdetails a:hover {
    color: #ff0000;
    text-decoration: none;
	font-weight: bold;
}
#content td {
    font-size: 11px;
}
#content a {
    padding: 5px;
	background: #000;
    color: #ff0000;
}

#content a:hover {
    padding: 5px;
	background: #000;
    color: #fff;
}

#secondarycontent h2 {
    color: #fff;
}

#secondarycontent a {
    padding: 5px;
	background: #000;
    color: #ff0000;
}

#secondarycontent a:hover {
    padding: 5px;
	background: #000;
    color: #fff;
}

#content ul, ol {
    position: relative;
    margin: 10px 0px;
    left: 40px;
}

#pagecontent ul, ol {
    position: relative;
    margin: 10px 0px;
    left: 40px;
}

#pagerightcol ul, ol {
    margin: 10px 0px 10px 40px;
}

#content ul li, #pagecontent ul li {
    list-style-image: url(images/list.png);
    margin-bottom: 5px;
}

/*--Tables----------------*/

#content table, #pagecontent table {
    margin: 10px 0px;
}

#content th, #pagecontent th {
    background: #007666;
    color:#fff;
    padding: 5px;
}

#content td, #pagecontent td {
    padding: 5px;
    vertical-align: top;
}

#location tr:hover {
    background: url(images/trhover.png) repeat;
}

/*--Contact Form Formatting----------------*/

#contactform th {
    background: none !important;
    color:#6d6e71;
}

#contactform tr  {
    background: none !important;
}

#contactform td {
    vertical-align: top;
    padding: 5px;
}

textarea  {
    font-size: 11px;
    color: #333;
    border: 1px solid #333;
    font-family: Arial, Helvetica, sans-serif;
    height: 70px;
}

input {
    font-size: 11px;
    color: #333;
    border: 1px solid #333;
}

textarea:focus  {
    background: #ddd;
}

input:focus {
    background: #ddd;
}

.contactformbutton {
    background: #666;
    color: #fff !important;
    border: none;
}

.contactformbutton:focus {
    background: #666;
    color: #fff !important;
    border: none;
}

/*/////////////////////////////////////////////////////////////////////////////
	Scroll Box
/////////////////////////////////////////////////////////////////////////////*/
#scrollcontent {
    position: relative;
    width: 920px;
	/*min-height: 314px;*/
	z-index: 11;
	margin: 40px 0px 10px 20px;
	background:url(images/blackbg.png) repeat;
	border-top: 5px #000 solid;
	border-bottom: 5px #000 solid;
}

#scrollcontent h2 {
    color: #fff;
}

#scrollcontent a {
    padding: 5px;
	background: #000;
    color: #ff0000;
}

#scrollcontent a:hover {
    padding: 5px;
	background: #000;
    color: #fff;
}

#scroll {
   width: 870px;
   height: 95px;
   overflow: auto;
	margin:20px 0px 20px 25px;
}

/*/////////////////////////////////////////////////////////////////////////////
	The Footer
/////////////////////////////////////////////////////////////////////////////*/

#copyright {
    position: absolute;
    left: 0px;
    color: #aaa;
	font-size: 12px;
	line-height: 15px;
}

#copyright a {
    color: #aaa;
    text-decoration: none;
}

#pwdlogo {
    position: absolute;
    width: 96px;
    height: 13px;
    top: 17px;
    right: 0px;
    display:block;
    background:url(images/pwdlogo.png) no-repeat;
    text-indent: -99999em;
}

#SEO {
    position: absolute;
    right: 100px;
    top: 16px;
    color: #aaa;
    text-decoration: none;
}
/* = Internal Location Custom Page Template
--------------------------------------------------------------------*/
.header-container{width: 100%; position: relative; float: left;}
.header-title{ float: left; width: 50%;}
.back-to-location{ 
    float: right; 
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    max-width: 140px;
    background: url(images/arrow-left.png) left center no-repeat;
    padding-left: 20px;
    display: block;
    line-height: 24px;
}
.back-to-location a{ color: #fff;}
.back-to-location a:hover{ color: #fff200;}
.location-info label{
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    width: 150px;
}
.location-info p{margin-bottom: 10px;}
.location-info .address{ color: #fff; font-size: 22px;  font-weight: bold;}
.location-info .phone, .location-info .phone a{ color: #fff200; font-size: 22px; margin-bottom: 30px;  font-weight: bold;}
.location-info .status{  font-size: 22px; font-weight: normal;}
h3.title{
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
    color: #fff200;
    text-transform: capitalize;
    margin: 25px 0 20px;
}
.content-location p{
    font-size: 15px;
    line-height: 24px;
}