/* Design by STUDIO7DESIGNS.com

Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere

*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }

li, dd, blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

.first_table_column {
    width: 500px;
}

/* @group HTML, Body */
body {
	text-align: center;
	font-size: 1em;
	font-family: Verdana, sans-serif;
}
/* @end */

/* @group Misc Useful Styles */
.hidden { display:none ;}
/* @end */

/* @group Layout */
div#outer-wrapper {
	background: url(../images/body-bkg-wide.gif) repeat-y top center;
}
div#inner-wrapper {
	background: url(../images/header-bkg.gif) repeat-x;
}
div#content-wrapper {
	width: 1070px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div#logo {
	background: url(../images/logo-box-bkg.gif) no-repeat;
	width: 194px;
	height: 225px;
	margin-top: 4px;
	margin-left:40px;
	text-align: center;
}
div#logo .logo {
	margin-top: 17px;
	margin-bottom: 18px;
}
div#sidebar {
	float: left;
	width: 275px;
	display: inline;
}
div#content {
	float: right;
	width: 760px;
	margin-right: 25px;
	display: inline;
}
div#content-inner {
	margin-top: 20px;
	padding: 1px 0;
	
}

/* Status Box and Search Area Homepage */
/* Status Box and Search Area Homepage */
/* Status Box and Search Area Homepage */

div.status-box {
	
background:#F4F2EC url(../images/interface/cart.png) no-repeat 18px 8px;
	padding:0 7px 0 7px;
	width: 225px;
	float: right;
	text-align: center;
	display: inline;
	border: 1px dotted #ccc;
	margin: 0 5px 10px 0;
	}

.status-box h2
 {
	
	font-size: 1.5em;
	font-weight: 500;	
	font-family: "Times New Roman", serif;
	color: #7d7257;
	letter-spacing: .75px;
	text-align:center;
	padding:5px 0 5px 0;
}



div.status-box p 
{
	color: #258;
	font-family:Arial, Helvetica, sans-serif;
	padding: 4px 5px 5px 5px;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 200;	
}

div#basketinfo {
	
	text-align: left;
	font-size: 1.3em;
	font-family: "Times New Roman", serif;
	font-weight: 400;	
	font-weight: 500;	
	border: 1px solid #e9e7e7;
	background-color: #FFFFFF;
	line-height: 1.7em;
	padding: 10px;
	margin:0 0 4px 0;
}

#search-form

{
	margin:7px 0 0 0;
	
}


#search-form input.invsearchtext 
{
	border: 1px solid #e9e7e7;
	margin:0 0 8px 0 !important;
	padding:3px 5px 3px 5px;
	width:95%;
	background-color:white;
	color: #225588;
	font-size:12px;
} 



.status-box .keywordarea
{
	background-color:white;
	font-size:10.75px;
	border: 1px solid #e9e7e7;
	padding:5px;
	margin:0 0 7px 0;
}


.headerCells {
	background-color: #f6f5f0;
	color: #978f7c;
	font-weight: 500;	
	height: 30px;
	font-weight: normal;
	font-size: .95em;
	text-align: center;
	border-bottom: 1px solid #e9e7e7;
	line-height: 1.3em;
}


/* Search Hire Items Pages */
/* Search Hire Items Pages */
/* Search Hire Items Pages */

#searchleft
{
	border:1px dotted #ccc;
	padding:8px;
	background-color:#F4F2EC;
	vertical-align:middle;
}

#searchleft h2
{
padding:0 !important;
margin:0 !important;
}


#searchleft input.leftsearchtext 
{
	border: 1px solid #e9e7e7;
	display:inline;
	margin:0 15px 0 0;
	padding:3px 0 3px 0;
	width:300px;
	background-color:white;
	color: #225588;
	font-size:12px;
} 


#searchleft #leftsearchbutton
{
	padding:0;
	margin:0;
}

/* Keywords on Hire Items Pages */
/* Keywords on Hire Items Pages */
/* Keywords on Hire Items Pages */


#keysbottom
{
	border: 1px dotted #ccc;
		padding:6px 8px 12px 8px;
		background-color:#F4F2EC;
		vertical-align:middle;
		margin:10px 0 10px 0;
	}

#keysbottom .keywordarea
{
	background-color:white;
	color: #258;
	width:auto;
	font-size:10.75px;
	border: 1px solid #e9e7e7;
	padding:5px;
	line-height:145%;
}

#keysbottom h2
 {
	
	font-size: 1em;
	font-weight: 500;	
	font-family: "Times New Roman", serif;
	color: #7d7257;
	letter-spacing: .75px;
	text-align:left;
	padding:0 0 4px 0 !important;
	margin:0 !important;
}


#keysbottom .keywordarea a
{
	color:#706153;
	font-size:11.75px;
	border-bottom:1px dotted #706153;
	text-decoration:none;
}

/*Upper Window Content*/
/*Upper Window Content*/

div.content-left {
	float: left;
	margin-left:5px;
	width: 484px;
	display: inline;
}
div.content-full {
	clear: both;
	padding-top: 15px;
}

div#footer {
	clear: both;
	border-top: 1px solid #5e534f;
	background-color: #e7e5d2;
	padding: 10px;
}
div.dialog {
	width: 100%;
}
div.dialog h2 {
	margin-top: 2em;
        text-align: left;
}
.dialog p {
    text-align: left;
}
img.content-img {
	float: left;
	border: 2px solid #ccc;
	margin: 0 10px 10px 0;
}


.detailimage {
	padding: 15px;
	border: 1px dotted #ccc;
	margin: 0px 10px 10px 0px;
}

.imageCell
{
	align:center;
	padding: 10px 0px 10px 0px;
}

.basketrow
{
	height:35px;
}





/* @end */

/* @group Nav */
ul#nav {
	margin: 0 0 20px 0;

	height: 40px;
	line-height: 45px;
	font-size: 1.1em;
	font-weight: 500;	
	font-family: "Times New Roman", serif;
	overflow: hidden;
}
ul#nav li {
	display: inline;
	list-style-type: none;
	margin: 0 20px 0 0;
}
ul#nav li a:link, ul#nav li a:visited {
	color: #7d7257;
	text-decoration: none;
}
ul#nav li a:hover {
	color: #3f3e3a;
}


/* HIRE CATEGORY NAVIGATION */


ul.side-nav {
	margin: 10px 25px 10px 17px;
	border-top: 1px solid #e9e7e7;
	font-size: .75em;
	color: #978f7c;
	font-weight: 500;	
}
ul.side-nav li {
	margin: 0;
	list-style-type: none;
	padding: 1px 0;
}
ul.side-nav li a {
	display: block;
	border-bottom: 1px solid #e9e7e7;
	margin: 0;
	padding: 7px 0 7px 20px;
	background: url(../images/side-nav-bullet.gif) no-repeat 5px 50%;
}
ul.side-nav li a:link, ul.side-nav li a:visited {
	color: #978f7c;
	text-decoration: none;
}
ul.side-nav li a:hover {
	background: url(../images/side-nav-bullet-light.gif) no-repeat 5px 50% #f6f5f0;
	color: #cac6ba;
}




ul#footer-nav {
	font-family: "Times New Roman", serif;
	font-size: .85em;
	font-weight: 500;	
	margin: 0 0 10px 0;
}
ul#footer-nav li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 5px;
	border-right: 1px solid #958d83;
}
ul#footer-nav li.last {
	border-right: none;
}
ul#footer-nav li a:link, ul#footer-nav li a:visited {
	color: #5e534f;
	text-decoration: none;
}
ul#footer-nav li a:hover {
	color: #453e3b;
}
/* @end */



/* @group Headings */
h1 {

	margin: 0 0 25px 0;
	text-align:left;
	line-height: 25px;
	font-family: "Times New Roman", serif;
	font-weight: 400;
	font-size: 1.8em;
	color: #258; }
h2 {
	margin: 0 0 0 0;
	font-family: "Times New Roman", serif;
	font-weight: 400;
	font-size: 1.4em;
		color: #258;
}
h3 {		
	text-align: left;
	font-size: 1.4em;
	font-family: "Times New Roman", serif;
	font-weight: 400;	
	font-weight: 500;	
	color: #7d7257;
	line-height: 1.7em;
	 }
	
h4 {
	margin-left: 25px;
	margin-right: 10px;
	font-size: 1.1em;
	font-weight: 500;	
	margin-bottom: 10px;
	font-family: "Times New Roman", serif;
		color: #258;
}
h5 { }
h6 { }


.inbasketblue
{
	color: #258;
	font-size: 1em;
	font-weight: lighter;
	font-weight: 500;	
	font-family: Verdana, sans-serif;
	
}

.grandtotal
{
	font-weight: 700;
	font-size: 1.4em;
	font-family: "Times New Roman", serif;
	color: #258;
	
}

.smallnote

{
	color: #7d7257;
	height: 25px;
	line-height: normal;
	font-size: 0.8em;
	font-weight: lighter;
	font-family: Verdana, sans-serif;
	font-style: italic;
	text-align: center;	
}

.freeDeliveryNote

{
	color: #7d7257;
	height: 25px;
	line-height: normal;
	font-size: 0.8em;
	font-weight: lighter;
	font-family: Verdana, sans-serif;
	font-style: italic;
	text-align: center;	
}

.smallnote strong {
    font-weight:bold;
}

.redWarning

{
	color: red;
	height: 25px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: lighter;
	font-family: Verdana, sans-serif;
	font-style: italic;
	text-align: center;	
}



/* @end */




/* @group Text Styles */
div#content-inner {
	font-size: .75em;
	color: #929291;
	line-height: 1.7em;
}
div#content-inner p {
	margin:0 0 10px 0;
}

p.copyright {
	font-size: .6em;
	font-family: "Times New Roman", serif;
	color: #797069;
	font-weight: 500;	
	margin: 5px 0;
	padding-bottom: 0px 0px 5px 0px;

}

/* @end */

/* @group Lists */
	
/* @end */




/* @group Forms */


form input.txt {
	width: 200px;
	/*border: 1px solid #736749;*/
	/*border-top: 4px solid #635534;*/
	border: none;
	margin: 0;
	padding: 4px;
	background-color: #dbd6c9;
	color: #fff;
}


/* @end */






/* @group Links - link visited hover active */
div#content-inner a:link, div#content-inner a:visited {
	color: #8b7f73;
	text-decoration: none;
	border-bottom: 1px dotted #8b7f73;
}
div#content-inner a:hover {
	color: #706153;
	border-bottom: 1px dotted #706153;
}

p.copyright a:link, p.copyright a:visited {
	color: #797069;
	text-decoration: none;
}
p.copyright a:hover {
	color: #453e3b;
}
div.content-full a.volprice {
    font-size:0.75em;
    border-bottom: 1px dotted #8B7F73;
    cursor:pointer;
}
/* @end */




/* @group Misc */
.clear {
	clear: both;
}
.red {
    color:red;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

.floatleft
{
float:left;
padding:0 8px 1px 0;
}.testingobvious {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #990033;
}


#credit_logos_cell
{
text-align:left;
}

#credit_logos_cell img
{
padding:0 5px 0 5px;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
    background-color:#f6f5f0;
    border:3px solid #000;
    display:none;
    font-size:12px;
    padding:20px;
    color:#000;
}
.tooltip-subtext {
    color: gray;
}

.datasheet-download {
    vertical-align:middle;
    padding-right: 20px;
    height:20px;
    background: url(/images/pdficon.gif) no-repeat scroll right center transparent;
}

#datepicker {
    background-color: white;
    border: thin solid #929291;
}
#required-field-error {
    /* must be initially hidden */
	display:none;
	border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:3px solid #000;
}

#required-field-error .pane {
    /* styling */
	background-color:#F8DF63;
    /* place overlay on top of other elements */
	z-index:10000;
    padding: 15px;
    text-align:center;
    color:#000;
	font-size:larger;
	border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

#required-field-error a.close {
    background: url(/images/styles/close.png) no-repeat scroll 0 0 transparent;
    width: 27px;
    height: 27px;
    position: absolute;
    right: -10px;
    top: -10px;
}
#required-field-error a.close:hover {
    border:none;
    cursor:pointer;
}
.errFocus {
    background-color: pink;
}

input.check { display: none; }


/* Required and Related Items */


#requiredItems,
#relatedItems
{
	display:block;
	clear:both;
	margin:20px 0 10px 0;
	background-color: #F4F2EC;
	border: 1px dotted #CCCCCC;
    padding: 8px;
    min-height:170px;
    color: #225588;
    font-family: "Times New Roman",serif;
    font-size: 1.4em;
    font-weight: 400;
    margin:15px 0;
}

 #requiredItems div,
 #relatedItems div {
  min-height: 100%;
  position: relative;
  }


 #requiredItems div:after,
 #relatedItems div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#requiredItems #relatedImage1,
#requiredItems #relatedImage2,
#requiredItems #relatedImage3,
#requiredItems #relatedImage4,
#relatedItems #relatedImage1,
#relatedItems #relatedImage2,
#relatedItems #relatedImage3,
#relatedItems #relatedImage4,
#relatedItems #relatedImage5
{
	margin:10px 5px 5px 5px;
	background-color:white;
	border: 1px dotted #CCCCCC;
    padding:7px;
    width:120px;
    text-align:center;
      color: #8B7F73;
  font-size:11.5px;
  font-family: Verdana,sans-serif;
  text-decoration: none;
}


#requiredItems img.cellStyle,
#relatedItems img.cellStyle
{
padding-bottom:10px;
}

.recaptcha .g-recaptcha {
	margin: 0 auto;
	display: block;
	float: none;
        margin: 20px 0 20px 70px;
}

/*Terms and Conditions*/

button.tc_link {
	width: 250px !important;
	float: none;
}

.tc_box {
	display: block;
    clear: both !important;
    border: 1px dotted #ccc;
    padding: 0px;
    background-color: #F4F2EC;
    vertical-align: middle;
    margin-bottom: 5px;
    text-align: center;
    padding: 20px 0;
}

.tc_box button {
    padding: 7px;
    font-size: larger;
}

.tc_box button:hover {
    background-color: #DDD;
}


#terms_and_conditions p {
	font-size:larger;
	text-align: center;
}

#terms_and_conditions p a {
	font-size:larger;
	color: #0f6fa3;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
} 

#terms_and_conditions p a:hover {
	color: #222;
} 

.something {

    border: 1px dotted #ccc;
    padding: 6px 8px 12px 8px;
    background-color: #F4F2EC;
    vertical-align: middle;
    margin: 10px 0 10px 0;

    }