/*--------------------------------------
all.css - primary stylesheet for all browsers
Defines styles for standards-compliant browsers and should validate.

colours:
	dark grey: #84786e
	green: #c3f222
	blue: #7cc9f3
	lightgreen: #dbf77a

contents (in order):
	A few element defaults/resets
	Dividers
	Image borders
	Page width control
	#container
	#header
	#feature
	#main
	#content
	#col-right
	#footer

--------------------------------------*/
/*--------------------------------------
A few element defaults/resets
--------------------------------------*/
BODY
{
	color: #84786e;
	background: #f9f5f2 url(../images/body_bg.png) repeat-y 50% 0;
	font-family: Arial, sans-serif;
	font-size: 100%; /* 16px */
	line-height: 1.35;
	padding: 0;
	margin: 0;
}
IMG
{
    border: 0; /* remove default image borders (seen when image is linked) */
}
A:link, A:visited
{
	color: #84786e;
	text-decoration: underline;
}
A:hover, A:active, A:focus
{
	color: #555;
}
FORM
{
	margin: 0;
}
SELECT, INPUT, TEXTAREA
{
	color: #84786e;
	font-family: Arial, sans-serif;
	font-size: 1em; /* 16px */
}
P, H1, H2, H3, H4, H5, H6
{
	margin: 0 0 1em 0;
}
OL, UL
{
	padding: 0;
	margin: 0 0 1em 2em;
}
UL UL, OL OL,
UL OL, OL UL
{
	margin: 0 0 0 2em;
}
LI
{
	padding: 0;
	margin: 0;
}
HR
{
	display: none;
}
/*-----------------------------------
Dividers
-----------------------------------*/
HR.pagebreak
{
	color: #e6ddd6;
	background: #e6ddd6;
	border: 0;
	height: 10px;
	margin: 0;
	display: block;
}
/*-----------------------------------
Image borders
-----------------------------------*/
DIV.image-border
{
	background: #dbf77a;
	padding: 7px;
	position: relative;
}
DIV.image-border SPAN
{
	background-image: url(../images/image-border_bg.gif);
}
DIV.image-border IMG
{
	position: relative;
	z-index: 1;
}
.tl, .tr, .bl, .br
{
	font-size: 1px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	line-height: 1px;
	display: block;
	position: absolute;
}
.tl {
	background-position: 0 0;
	top: 0;
	left: 0;
}
.tr {
	background-position: 100% 0;
	top: 0;
	right: 0;
}
.bl {
	background-position: 0 100%;
	bottom: 0;
	left: 0;
}
.br {
	background-position: 100% 100%;
	bottom: 0;
	right: 0;
}
DIV.left
{
	float: left;
	margin: 0 20px 15px 0;
}
DIV.right
{
	float: right;
	margin: 0 0 15px 20px;
}
/*-----------------------------------
Page width control
- Would normally inherit from the width on
the container, but not possible this time
due to HR.pagebreak needing to exceed 994px;
-----------------------------------*/
#header, #feature, #main, #footer
{
	width: 994px;
	margin: 0 auto; /* center the item */
}
/*-----------------------------------
#container
-----------------------------------*/
#container
{
	font-size: .75em; /* 16px x .75 = 12px */
	width: 1025px;
	margin: 0 auto; /* center the item */
}
/*-----------------------------------
#header
-----------------------------------*/
#header
{
	background: url(../images/header_bg.png) no-repeat 50% 0;
	height: 189px;
	position: relative;
}
H1#cyclespace
{
	margin: 0;
	position: absolute;
	top: 13px;
	left: 19px;
}
H1#cyclespace A
{
	background: url(../images/h1-cyclespace_bg.png) no-repeat 0 0;
	width: 203px;
	height: 0;
	padding-top: 118px; /* height of image, pushes linked text below */
	display: block;
	overflow: hidden; /* hide linked text */	
}
H2#securecycleparking
{
	background: url(../images/h2-securecycleparking_bg.png) no-repeat 0 0;
	width: 291px;
	height: 39px;
	margin: 0;
	text-indent: -9999px; /* push text out of visible screen area */
	position: absolute;
	top: 60px;
	right: 19px;
}
H2#call
{
	background: url(../images/h2-call_bg.png) no-repeat 0 0;
	width: 183px;
	height: 39px;
	margin: 0;
	text-indent: -9999px; /* push text out of visible screen area */
	position: absolute;
	top: 103px;
	right: 19px;
}
#searchform {
	position: absolute;
	top: 20px;
	right: 33px;
}
#searchform LABEL, #searchforminner LABEL {
	display: none;
}
#searchform INPUT, #searchforminner INPUT {
	font-size: 0.917em; /* 12px x 0.917 = 11px */
	font-weight: bold;
	border: 1px solid #c1c1c2;
	border-right: 0;
	width: 118px;
	padding: 4px 7px 3px;
	vertical-align: middle;
}
#searchform #searchsubmit, #searchforminner #searchsubmit {
	background: url(../images/searchsubmit_bg.png) no-repeat 0 0;
	text-indent: -9999px; /* push text out of visible screen area */
	border: 0;
	width: 22px;
	height: 23px;
	padding: 0;
	margin-left: -3px;
	overflow: hidden;
}
/*-----------------------------------
#nav-primary
-----------------------------------*/
#nav-primary
{
	list-style-type: none;
	margin: 0;
	overflow: hidden; /* causes container to encompass floated contents */
	position: absolute;
	top: 144px;
	left: 19px;
}
#nav-primary LI
{
	background: url(../images/nav-primary-li-off_bg.png) no-repeat 100% 0;
	padding-right: 11px;
	margin-right: 4px;
	float: left;
}
#nav-primary A
{
	color: #84786e;
	font-size: 1.25em; /* 12px x 1.25 = 15px */
	font-weight: bold;
	text-decoration: none;
	line-height: 28px;
	background: url(../images/nav-primary-a-off_bg.png) no-repeat 0 0;
	height: 27px;
	padding-left: 11px;
	display: block;
}
#nav-primary A:hover,
#nav-primary A:active,
#nav-primary A:focus
{
	color: #7CC9F3;
	text-decoration: none;
}
#nav-primary LI.on
{
	background: url(../images/nav-primary-li-on_bg.png) no-repeat 100% 0;
}
#nav-primary LI.on A
{
	color: #c3f222;
	background: url(../images/nav-primary-a-on_bg.png) no-repeat 0 0;
}
#nav-primary LI.on A:hover,
#nav-primary LI.on A:active,
#nav-primary LI.on A:focus
{
	color: #c3f222;
}
/*-----------------------------------
#feature
-----------------------------------*/
#feature
{
	padding: 18px 0 22px;
	overflow: hidden; /* causes container to encompass floated contents */
}
#feature-left
{
	display: block;
	float: left;
}
#feature-right
{
	display: block;
	float: right;
}
#imageContainer 
{ 
	height:185px;
}  
#imageContainer img 
{
	display:none; 	
	position:absolute; 	 	
	height:187px;  	
	width:994px; 	
	opacity: -0.01; 
} 
/*-----------------------------------
#main
-----------------------------------*/
#main
{
	padding: 23px 0;
	overflow: hidden; /* causes container to encompass floated contents */
}
/*-----------------------------------
#content
-----------------------------------*/
#content
{
	/*font-size: .9167em; - maybe closer to design, but too small? */ /* 12px x 0.9167 = 11px */
	width: 656px;
	padding: 0 10px;
	float: left;
}
H1#welcome
{
	background: url(../images/h1-welcome_bg.png) no-repeat 0 0;
	width: 676px;
	height: 54px;
	margin: 0 0 23px -10px;
	text-indent: -9999px; /* push text out of visible screen area */
}
H1
{
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 5px;
}
#articlecontent H1#product-CycleSpace12 {
	background:transparent url(../images/CycleSpace12.gif) no-repeat scroll 0 0;
	height:33px;
	text-indent:-9999px;
	width:207px;
}
#articlecontent H1#product-CycleSpace24 {
	background:transparent url(../images/CycleSpace24.gif) no-repeat scroll 0 0;
	height:33px;
	text-indent:-9999px;
	width:211px;
}
#articlecontent H1#product-CycleSpace12plus {
	background:transparent url(../images/CycleSpace12plus.gif) no-repeat scroll 0 0;
	height:33px;
	text-indent:-9999px;
	width:226px;
}
#articlecontent H1#product-CycleSpace6plus {
	background:transparent url(../images/CycleSpace6plus.gif) no-repeat scroll 0 0;
	height:33px;
	text-indent:-9999px;
	width:211px;
}
#articlecontent H1#product-CycleSpace1plus {
	background:transparent url(../images/CycleSpace1plus.gif) no-repeat scroll 0 0;
	height:33px;
	text-indent:-9999px;
	width:204px;
}
H2
{
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 5px;
}

#articlecontent 
{
	padding: 0 0 20px 20px;
	margin-left: 205px;
	width: 585px;
	min-height: 360px;
}

img.right
{
	float: right;
	padding: 0 0 10px 10px;	
}
span.red {
	color: #82D3F5;
}
table.compare {
	border-bottom:1px solid #c3f222;
	border-right:1px solid #c3f222;
	margin:1em auto;
	border-collapse:collapse;
}
table.compare td {
	border-top:1px solid #c3f222;
	border-left:1px solid #c3f222;
	padding:.3em 1em;
	text-align:center;
}
table.compare th {
	border-top:1px solid #c3f222;
	border-left:1px solid #c3f222;
	padding:.3em 1em;
	text-align:center;
	font-weight: normal;
}
table.compare th.cs {
	border-top:1px solid #c3f222;
	border-left:1px solid #c3f222;
	padding:.3em 1em;
	text-align:center;
	background-color: #F3FDD0;
	font-weight: bold;
}
table.compare td.cs {
	border-top:1px solid #c3f222;
	border-left:1px solid #c3f222;
	padding:.3em 1em;
	text-align:center;
	background-color: #F3FDD0
}
table.compare td.empty {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

/*-----------------------------------
#breadcrumb
-----------------------------------*/	
.breadcrumb
{
	margin-left: 225px;
	font-size: 80%;
	padding: 20px 0 20px 0;
}
/*-----------------------------------
#col-right
-----------------------------------*/
#col-right
{
	width: 307px;
	float: right;
}
H2#securityfirst
{
	background: url(../images/h2-securityfirst_bg.png) no-repeat 0 0;
	width: 307px;
	height: 54px;
	margin: 0 0 23px 0;
	text-indent: -9999px; /* push text out of visible screen area */
}
IMG#securedbydesign
{
	margin: 0 auto;
	display: block;
}
a.pending
{
	font-size: 80%;
	color: #B7AFA7;
}
/*-----------------------------------
#left hand nav
-----------------------------------*/
#lefthandcolumn 
{
	float: left;
	padding: 0 0 0 17px;
	width: 165px;
}
H2.lhh
{
	margin: 0 1em 0.5em 1em;
	font-size: 150%;
}
H2.lhh a
{
	color: #fff;
	text-decoration: none;
}
#lht
{
	background: url(../images/lht.png) no-repeat 0 0;
	width: 165px;
	height: 14px;	
}
#lhc
{
	background: url(../images/lhc.png) repeat-y;
}
#lhb
{
	background: url(../images/lhb.png) no-repeat 0 0;
	width: 165px;
	height: 14px;	
}
UL.lhcl
{
	padding: 0;
	margin: 0 0 0 1.5em;
	list-style: none;
}
A.lhactive, A.lhinactive
{
	text-decoration: none;
	color: #fff;
}
A.lhactive
{
	font-weight: bolder;
}
A.lhactive:hover, A.lhinactive:hover
{
	text-decoration: underline;
}
#righthandcolumn 
{
	float: right;
	padding: 0 17px 0 30px;
	width: 165px;
}
#lefthandcolumn IMG {
	margin-top: 20px;
}
#enqbut A {
	margin-top: 20px;
	display:block;
	width: 165px;
	height: 47px;
	background: url("../images/enquiry-but.png") no-repeat;
}
#enqbut a:hover { 
	background-position: 0 -47px;
}

/*-----------------------------------
#footer
-----------------------------------*/
#footer
{
	font-size: .9167em; /* 12px x 0.9167 = 11px */
	background: url(../images/footer_bg.png) no-repeat 50% 0;
	border-top: 25px solid #fff;
	height: 137px;
	position: relative;
}
#footer P
{
	position: absolute;
}
#footer A
{
	text-decoration: none;
}
#footer A:hover,
#footer A:active,
#footer A:focus
{
	text-decoration: underline;
}
#footer SPAN
{
	color: #7cc9f3;
	padding: 0 2px; 
}
P#copyright
{
	top: 29px;
	left: 30px;
}
P#links
{
	text-align: center;
	line-height: 29px;
	width: 244px;
	top: 21px;
	right: 20px;
}
/*-----------------------------------------
form
-----------------------------------------*/
.x-form {
	border-top: solid 1px #BFBFBF;
	padding-bottom: 10px;
}
.x-form-item {
	border-bottom: solid 1px #BFBFBF;
}
.x-form-element {
	padding-left: 105px;
	position: relative;
	padding: 7px 0 7px 0;
}
.x-form-item label {
	display:block;
	float:left;
	width: 100px;
	padding: 5px 0 8px 0;
	padding-left:0;
	z-index:2;
	position:relative;
}
.x-panel-body-noheader {
	display: none;
}
.x-panel-header {
	display: none;
}
.x-form-field {
	margin:0;
	font:normal 12px tahoma,arial,helvetica,sans-serif;
}
.x-form-text, textarea.x-form-field {
	background: #FFFFFF url(../images/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 3px;
}
textarea.x-form-field {
	padding:2px 3px;
}
.x-btn-mc {
	background:transparent url(../images/btn-sprite.gif) repeat-x scroll 0 -42px;
	cursor:pointer;
	padding:0 5px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
.x-btn {
	cursor:pointer;
	font-family:tahoma,verdana,helvetica;
	font-size:1px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	white-space:nowrap;
}
.x-panel-btns-ct {
	padding:5px;
}
.x-btn-ml {
	background:transparent url(../images/btn-sprite.gif) no-repeat scroll 0 0;
	height:21px;
	width:1px;
}
.x-btn-mr {
	background:transparent url(../images/btn-sprite.gif) no-repeat scroll 0 -21px;
	height:21px;
	width:3px;
}
.x-btn-left, .x-btn-right {
	font-size:1px;
	line-height:1px;
}
.x-btn-over .x-btn-left {
	background-position:0 -63px;
}
.x-btn-over .x-btn-right{
	background-position:0 -84px;
}
.x-btn-over .x-btn-center{
	background-position:0 -105px;
}
.ext-gecko .x-btn button {
	padding-left:0;
	padding-right:0;
}
.x-btn button {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	font-family:tahoma,verdana,helvetica;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	overflow:visible;
	padding-left:3px;
	padding-right:3px;
	width:auto;
}
.x-panel-btns-ct .x-btn-over .x-btn-center {
	background-position: 0 -105px;
}
.x-panel-btns-ct .x-btn-click .x-btn-center {
	background-position: 0 -126px;
}
.x-panel-btns-ct .x-panel-btns-center {
	text-align:center;
}
.x-panel-btns-ct .x-panel-btns-center table {
	margin:0 auto;
}
.ext-strict .x-form-text {
	height:18px;
}
.x-form-invalid, textarea.x-form-invalid {
	background:#FFFFFF url(../images/invalid_line.gif) repeat-x scroll center bottom;
	border:1px solid #DD7870;
}
element.style {
	left:299px;
	top:0;
	visibility:visible;
}
.x-form-invalid-icon {
	background:transparent url(../images/exclamation.gif) no-repeat scroll 0 2px;
	display:block;
	height:18px;
	left:0;
	position:absolute;
	top:0;
	visibility:hidden;
	width:16px;
}
.x-tip{position:absolute;top:0;left:0;visibility:hidden;z-index:20000;border:0 none;}
.x-tip .x-tip-close{background-image:url(../images/close.gif);height:15px;float:right;width:15px;margin:0 0 2px 2px;cursor:pointer;display:none;}
.x-tip .x-tip-tc{background:transparent url(../images/tip-sprite.gif) no-repeat 0 -62px;padding-top:3px;overflow:hidden;zoom:1;}
.x-tip .x-tip-tl{background:transparent url(../images/tip-sprite.gif) no-repeat 0 0;padding-left:6px;overflow:hidden;zoom:1;}
.x-tip .x-tip-tr{background:transparent url(../images/tip-sprite.gif) no-repeat right 0;padding-right:6px;overflow:hidden;zoom:1;}
.x-tip .x-tip-bc{background:transparent url(../images/tip-sprite.gif) no-repeat 0 -121px;height:3px;overflow:hidden;}
.x-tip .x-tip-bl{background:transparent url(../images/tip-sprite.gif) no-repeat 0 -59px;padding-left:6px;zoom:1;}
.x-tip .x-tip-br{background:transparent url(../images/tip-sprite.gif) no-repeat right -59px;padding-right:6px;zoom:1;}
.x-tip .x-tip-mc{border:0 none;font:normal 11px tahoma,arial,helvetica,sans-serif;}
.x-tip .x-tip-ml{background:#fff url(../images/tip-sprite.gif) no-repeat 0 -124px;padding-left:6px;zoom:1;}
.x-tip .x-tip-mr{background:transparent url(../images/tip-sprite.gif) no-repeat right -124px;padding-right:6px;zoom:1;}
.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc{font-size:0;line-height:0;}
.x-tip .x-tip-header-text{font:bold 11px tahoma,arial,helvetica,sans-serif;padding:0;margin:0 0 2px 0;color:#444;}
.x-tip .x-tip-body{font:normal 11px tahoma,arial,helvetica,sans-serif;margin:0!important;line-height:14px;color:#444;padding:0;}
.x-tip .x-tip-body .loading-indicator{margin:0;}
.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text{cursor:move;}
.x-form-invalid-tip .x-tip-tc {
	background:url(../images/error-tip-corners.gif) repeat-x 0 -12px;
	padding-top:6px;
}
.x-form-invalid-tip .x-tip-tl {
	background-image:url(../images/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-tr {
	background-image:url(../images/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-bc {
	background:url(../images/error-tip-corners.gif) repeat-x 0 -18px;height:6px;
}
.x-form-invalid-tip .x-tip-bl {
	background:url(../images/error-tip-corners.gif) no-repeat 0 -6px;
}
.x-form-invalid-tip .x-tip-br {
	background:url(../images/error-tip-corners.gif) no-repeat right -6px;
}
.x-form-invalid-tip .x-tip-ml {
	background-image:url(../images/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-mr {
	background-image:url(../images/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-body {
	padding:2px;
}
.x-form-invalid-tip .x-tip-body {
	padding-left: 24px;
	background: transparent url(../images/exclamation.gif) no-repeat 2px 2px;
}
.x-form-clear-left{height:0;overflow:hidden;line-height:0;font-size:0;}
.x-toolbar-ct
{
	text-align: center;
}


.x-panel-footer{padding-bottom:6px;}
.x-panel-btns-right table{float:right;clear:none;}
.x-btn-tl, .x-btn-bl
{
	width:1px;
	font-size: 1px;
}