@charset "UTF-8";
/* CSS Document */

body {background-image: url(../images/background.jpg); background-repeat:	repeat; margin:0;border-top:#FFF solid 2px;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;}
#wrapper {position:relative;width:920px;height:auto;margin:0 auto 20px auto;font-size:1.3em;line-height:1.2;clear:both;}

img
{
	border: none;
}

div#page_numbers
{
	padding:		10px 0 0 0;
	font-family:	"trebuchet ms", trebuchet, arial, helvetica, sans-serif;
	font-weight:	bold;
	font-size:		14px;
	color:			#5e6e63;
	text-align:		center; 
	clear:			both;
}

#current_page
{
	color:			#e8945f;
	text-decoration:underline;
}

a.page_number:link
{
	text-decoration:none;
	color:			#5e715e;
}
a.page_number:hover
{
	text-decoration:none;
	color:			#5e715e;
	border:			dotted #5e715e;
	border-width:	1px 0 1px 0;

}



#logo a img {border:none}
.clear {clear:both;height:1px;overflow:visible;}

h1 {font-size:190%;margin:10px 0 6px 0;}
p {margin:4px 0 4px 0;}

#header {margin-bottom:1px;width:920px;height:125px;background:#000 url(../images/header_bg.gif) bottom repeat-x;float:left;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;-khtml-opacity:0.70;}
#home #head {position:absolute;top:90px;width:800px;left:20px;margin:10px 0 0 10px;color:#FFF;z-index:5;}
#home h2 {font-size:130%;font-weight:normal;}

#logo {position:absolute;top:0;left:0;z-index:10;}
#account {padding-top:6px;width:920px;height:24px;border-bottom:#FFF solid 1px;background:#333 url(../images/top_bg.gif) repeat-x;clear:both;text-align:right;}
#account span a {color:#FFF;display:inline;cursor:pointer;}
#account span a.basket {padding-right:30px;background: url(../images/basket.gif) right 50% no-repeat;}
#account span {padding:3px 52px 3px 0;display:inline;clear:both;}
#info {width:920px;height:47px;border-bottom:#FFF solid 1px;background:#00465B url(../images/top2_bg.gif) repeat-x;clear:both;color:#FFF;}

#info form {margin:0 0 0 304px;padding:0;clear:both;width:606px;}
#info form .divide {height:27px; background:url(../images/divide.gif) no-repeat right 0px;padding-right:12px;float:left;padding-top:9px;}
#info form .divide2 a {height:27px;background:url(../images/national.gif) no-repeat left 50%;float:left;padding:13px 3px 2px 25px;text-decoration:none;color:#FFF;}
#info form .divide3 {height:27px;background:url(../images/divide.gif) no-repeat left 0px;float:left;padding:6px 3px 2px 15px;}
/*.searchbox {width:154px;color:#E30140;font-size:13px;font-weight:bold;border:none;background:#FFF url(../images/searchbox_bg.gif) no-repeat right top;padding:2px 3px 2px 3px;}*/
.searchbtn {
    width:30px;
    color:#FFF;
    font-size:13px; 
    background:#E30140 url(../images/go_btn_bg.gif) repeat-x 50%;
    border:none;
    cursor:pointer;
    padding:1px 3px 2px 3px;
    margin-left: 3px;
}


#main {position:relative;clear:both;width:920px;height:auto;display:block;background:#A4B7C1;}

.textarea {float:right;background:#FFF;width:636px;padding:6px 0px 10px 8px;}



/* Colour Navigation */
#navcolours  {width:620px;height:30px;clear:both;margin:10px 0 12px 0;padding:0;list-style-type:none;font-size:13px;color:#FFF;}
#navcolours td {margin:0;padding:0;}
#navcolours td a
{
	display:block;
	padding:8px 9px 8px 9px;
	margin:0;
	font-size:12px;
	color:#FFF; 
	text-decoration:none;
/*	border-right:#FFF solid 1px; */
	text-align:center;
}


#navcolours a:hover {background:#666;}

.cooling {background:#0aabe9 url(../images/menu_cool.gif) repeat-x;}
.heating {background:#ff000a url(../images/menu_heat.gif) repeat-x;}
.aircleaning {background:#d5d20f url(../images/menu_airclean.gif) repeat-x;}
.drying {background:#007ca4 url(../images/menu_drying.gif) repeat-x;}
.lighting {background:#9d0000 url(../images/menu_lighting.gif) repeat-x;}
.monitoring {background:#008e24 url(../images/menu_monitoring.gif) repeat-x;}
.event {background:#c36 url(../images/menu_event.gif) repeat-x;}


/*Left Navigation*/
#leftnav 
{
	position:absolute;
	left:31px;
	width:218px;
}
#leftnav {margin:0;padding:0;list-style-type:none;width:218px;}
#leftnav {margin:0;padding:0;list-style-type:none;width:218px;}
#leftnav a {display:block;margin:0;width:200px;padding:6px 6px 7px 12px;clear:both;text-decoration:none;cursor:pointer;}
#leftnav a.homenav {background:#FFF url(../images/nav_home_bg.gif) repeat-x;color:#293C3C;}
#leftnav a:hover {background:#999;color:#FFF;}

#vertical_nested_container, #vertical_nested_container2, #vertical_nested_container3, #vertical_nested_container4, #vertical_nested_container5, #vertical_nested_container6, #vertical_nested_container7 {border-bottom:#0084AA solid 2px;}
/*Accordion Menu*/
		.accordion_toggle a {color:#FFF;font-weight:bold;border-bottom:#FFF solid 1px;}
		.accordion_toggle {
			display: block;
			width: 218px;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active a {width: 200px;color: #0084AA;font-weight:bold;border-bottom:#666 solid 1px;}
		.accordion_toggle_active {
			background: #FFF;
					}
		
		.accordion_content a {color:#FFF;}
		.accordion_content {
			overflow: hidden;
		}
		.vertical_accordion_sudden_end	{background:#fff url(../images/rightarrow.gif) right 50% no-repeat;}
		.vertical_accordion_toggle		{background:#fff url(../images/downarrow.gif) right 50% no-repeat;}

		.vertical_accordion_sudden_end a {color:#333;background:#fff url(../images/submenu_bg_right.gif) right no-repeat;}
		.vertical_accordion_toggle a {color:#333;background:#fff url(../images/submenu_bg.gif) right no-repeat;}
		
		.vertical_accordion_sudden_end,
		.vertical_accordion_toggle {
			display: block;
			width: 200px;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		.vertical_accordion_toggle_active a {border-bottom:#666 solid 1px;}

		.vertical_accordion_content a {color:#666;background:#F0F0F0;font-weight:normal;border-bottom:#666 solid 1px;}
		.vertical_accordion_content {padding-left:12px;width:206px;overflow: hidden;
		}

.other a {color:#FFF;font-weight:bold;border-bottom:#FFF solid 1px;}



/*Home page product boxes*/
.productbox {position:relative;margin:10px 10px 0 0;float:left;width:304px;height:159px;border:#ccc solid 1px;border-right:none;border-bottom:none;background:#FFF url(../images/item_grad_bg.jpg) right bottom no-repeat;}
.productthumb {margin:5px;}
.productdetails {margin:5px 0 0 5px;float:right;width:188px;height:121px;}
.productbuttons {position:absolute;width:188px;left:0;bottom:0;height:33px;margin-left:116px;clear:both;}
.productbuttons .btns a {padding:8px 10px 9px 10px;float:left;margin-right:1px;text-decoration:none;display:inline-block;}
.productbuttons .btns a:hover {background:#000;}
a.buy {background:#333 url(../images/buy_btn_bg.gif) repeat-x;color:#FFF;}
a.hire {background:#333 url(../images/hire_btn_bg.gif) repeat-x;color:#FFF;}
a.moreinfo {background:#333 url(../images/moreinfo_btn_bg.gif) repeat-x;color:#666;}
a:hover.moreinfo {background:#666;color:#FFF;}

/*Offer expandable box*/
#CollapsiblePanel1 {width:620px;background:#FFF;}
#CollapsiblePanel1 a {color:#333;}


#base {clear:both;background:#A4D8F4 url(../images/base_grad_bg.gif) repeat-x;display:block;padding:10px 6px 10px 6px;}
.columns {float:left;margin:14px;width:420px;}


/*Additional styles for Category page*/
#cooling h1 {color:#0AABE9;}
#heating h1 {color:#FF000A;}
#aircleaning h1 {color:#D5D20F;}
#drying h1 {color:#007CA4;}
#lighting h1 {color:#9D0000;}
#monitoring h1 {color:#008E24;}
#event h1 {color:#CC3366;}

#home #leftnav {top:-21px;}
#leftnav {top:20px;}
#navcolours td { vertical-align:top;}

#cooling a.cooling, #heating a.heating, #aircleaning a.aircleaning, #drying a.drying, #lighting a.lighting, #monitoring a.monitoring, #event a.event {padding:10px 9px 14px 9px;}
#cooling #navcolours {border-bottom:#0AABE9 solid 1px;}
#heating #navcolours {border-bottom:#FF000A solid 1px;}
#aircleaning #navcolours {border-bottom:#D5D20F solid 1px;}
#drying #navcolours {border-bottom:#007CA4 solid 1px;}
#lighting #navcolours {border-bottom:#9D0000 solid 1px;}
#monitoring #navcolours {border-bottom:#008E24 solid 1px;}
#event #navcolours {border-bottom:#CC3366 solid 1px;}

.sectionnav {float:right;width:235px;margin-left:20px;height:auto;}
.sectionnav ul, .sectionnav li {margin:0;padding:0;list-style-type:none;width:235px;clear:both;display:block;}
.sectionnav a {cursor:pointer;display:block;margin:0 18px 0 0;padding:6px 6px 7px 12px;clear:both;text-decoration:none;cursor:pointer;background:#FFF url(../images/nav_home_bg.gif) repeat-x;color:#293C3C;}
.sectionnav a:hover {background:#666;color:#FFF;}
#cooling .sectionnav a {border-bottom:#0AABE9 solid 1px;}
#heating .sectionnav a {border-bottom:#FF000A solid 1px;}
#aircleaning .sectionnav a {border-bottom:#D5D20F solid 1px;}
#drying .sectionnav a {border-bottom:#007CA4 solid 1px;}
#lighting .sectionnav a {border-bottom:#9D0000 solid 1px;}
#monitoring .sectionnav a {border-bottom:#008E24 solid 1px;}
#event .sectionnav a {border-bottom:#CC3366 solid 1px;}

#productlist {clear:both;width:620px;padding:10px 0 10px 0;}
#productlist .productbox {position:relative;margin:10px 0 0 0;float:left;width:618px;height:115px;border:#CCC solid 1px;border-right:none;border-bottom:none;background:#FFF url(../images/item_grad_bg.jpg) right bottom no-repeat;}
#productlist .productthumb {margin:5px;}
#productlist .productdetails {margin:5px 0 0 5px;float:left;width:265px;height:90px;}

#productlist .hiredetails {margin:5px 0 0 5px;float:left;width:59px;height:90px;font-size:93%;}
#productlist .moredetails {margin:5px 0 0 5px;float:left;width:69px;height:90px;background:url(../images/divider_blend.gif) 62px 5px no-repeat;font-size:93%;}
#productlist .buydetails {margin:5px 0 0 5px;float:left;width:89px;height:90px;font-size:93%;}

#productlist .productbuttons {position:absolute;width:235px;left:385px;bottom:0;height:33px;margin-left:0;clear:both;}
#productlist .productbuttons .btns a {padding:8px 10px 9px 10px;float:left;margin-right:1px;text-decoration:none;display:inline-block;}
#productlist .productbuttons .btns a.moreinfo {margin-right:22px;}
#productlist .productbuttons .btns a:hover {background:#000;}
#productlist a.buy {background:#333 url(../images/buy_btn_bg.gif) repeat-x;color:#FFF;}
#productlist a.hire {background:#333 url(../images/hire_btn_bg.gif) repeat-x;color:#FFF;}
#productlist a.moreinfo {background:#333 url(../images/moreinfo_btn_bg.gif) repeat-x;color:#666;}
#productlist a:hover.moreinfo {background:#666;color:#FFF;}


/*Additional styles for Product page*/
#cooling h2, #cooling .title			{color:#0aabe9;}
#heating h2, #heating .title			{color:#ff000a;}
#aircleaning h2, #aircleaning .title	{color:#d5d20f;}
#drying h2, #drying .title				{color:#007ca4;}
#lighting h2, #lighting title			{color:#9d0000;}
#monitoring h2, #monitoring title		{color:#008e24;}
#event h2, #event .title				{color:#cc3366;}

.title {font-weight:bold;margin:6px 0 2px 0;}

.producttextarea {clear:both;background:#FFF;width:868px;padding:10px 26px 10px 26px;}
.producttextarea #navcolours  {width:868px;height:30px;clear:both;margin:10px 0 0 0;padding:0;list-style-type:none;font-size:13px;color:#FFF;}
.producttextarea h2 {margin:4px 0 6px 0;font-size:130%;}

.productimagecol {width:300px;height:auto;float:left;margin:4px 15px 0 0;} /* depreciated */
.productimage {width:300px;height:auto;border:#000 solid 1px;clear:both;}
.productimage a {color:#000;padding-left:10px;}

.productdesc {width:310px;height:auto;float:left;}



.productdesc td {border-bottom:#CCC solid 1px;padding-top:1px;}

.hirecolumn {float:right;width:208px;}
.hiredetails1 {background:url(../images/item_grad_bg.jpg) right top no-repeat;padding-top:15px;}
.hiredetails1 td p {border-bottom:#333 solid 1px;}
.hiredetails1 a.viewbtn {clear:both;padding:8px 10px 9px 10px;text-decoration:none;display:block;background:#000 url(../images/basket_btn_bg.gif) repeat-x;color:#FFF;}

.hiredetails1 a.hirebtn {margin-top:4px;float:left;width:78px;padding:8px 10px 9px 10px;text-decoration:none;display:inline-block;color:#FFF;background:#333 url(../images/hirenow_btn_bg.gif) right no-repeat;}
.hiredetails1 a.buybtn {margin-top:4px;float:right;width:78px;padding:8px 10px 9px 10px;text-decoration:none;display:inline-block;color:#FFF;background:#333 url(../images/buynow_btn_bg.gif) right no-repeat;clear:right;}
.hiredetails1 a:hover.buybtn, .hiredetails a:hover.hirebtn {background:#333;}

.hiredetails1 a:hover.viewbtn  {background:#333;}

.hirecolumn a.help {margin-top:8px;background:#E7F3FB;padding:8px 10px 9px 10px;border:#CCC solid 1px;display:block;color:#666;}
.hirecolumn a:hover.help {background:#333;color:#FFF;}

.categorybox {color:#0084AA;font-size:13px;font-weight:bold;border:#CCC solid 1px;background:#FFF;padding:2px 3px 2px 3px;}
.producttextarea form.hireform {margin-top:10px;padding:30px 40px 40px 40px;background:#E7F3FB;border:#00A000 solid 1px;}
.producttextarea form .columns {float:left;width:382px;height:auto;margin:0 10px 0 0;}

.producttextarea form.hireform input, .producttextarea form.hireform select, .producttextarea form.hireform textarea {color:#0084AA;font-size:13px;font-weight:bold;border:#CCC solid 1px;background:#FFF;padding:2px 3px 2px 3px;font-family:Arial, Helvetica, sans-serif;}

#cart_information
{
	border: 0px;
	border-spacing: 0px;
}

#cart_information td
{
	padding-left: 10px;
	padding-right: 10px;
}



a.button
{
	background:				transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
	color:					#444;
	display:				block;
	float:					left;
	font:					normal 12px arial, sans-serif;
	height:					24px;
	margin-right:			6px;
	padding-right:			18px; /* sliding doors padding */
	text-decoration:		none;
}

a.button .button_span
{
	background:				transparent url('../images/bg_button_span.gif') no-repeat;
	display:				block;
	line-height:			14px;
	padding:				5px 0 5px 18px;
}

a.button:hover
{
	background-position:	bottom right;
	color:					#000;
	outline:				none; /* hide dotted outline in Firefox */
}

a.button:hover .button_span
{
	background-position:	bottom left;
	padding:				6px 0 4px 18px; /* push text down 1px */
}
