body {
padding: 0;
margin: 0;
background-color:#a3a5ae;
}

/* header area */
#header {
height: 100px; /* if this is changed, value of top position of #navigation must change too */
background-color: #060a6d;
background-image:url(/images/header.jpg);
background-repeat: no-repeat;
background-position: left top;
position: relative;
margin: 0;
padding: 0;
}

/* position the logo */
#logo {
position: absolute;
right: 15px;
top: 15px;
}

/* languages */
#languages {
position: absolute;
left: 15px;
top: 15px;
color:#7f77c4;
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
}

#languages a {
text-decoration: none;
color:#0066CC;
}

#languages a:hover {
text-decoration: underline;
color:#FFFFFF;
}

/* product search and telephone contacts grey strip */
.searchstrip, .footer {
background-color: #a3a5ae;
color: #000000;
padding: 4px;
border: 1px solid #FFFFFF;
background-image:url(/images/grad-searchstrip.jpg);
background-position: left top;
background-repeat:repeat-x;
font-weight: normal;
}

.searchstrip {
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
}

.footer {
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
}

.searchstrip a, .footer a {
color: #000000;
text-decoration: none;
}

.searchstrip input {
vertical-align: middle;
}

.searchstrip img {
vertical-align: middle;
}

/* top of right hand column */
#downloads {
padding: 6px;
border-bottom: 1px solid #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color: #FFFFFF;
background-image:url(/images/grad-dark.jpg);
background-position: left top;
background-repeat: repeat-x;
}

/* breadcrumb trail */
#breadcrumb {
background-color: transparent;
color: #FFFFFF;
padding: 6px;
border-bottom: 1px solid #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
}

#breadcrumb a, #downloads a {
color: #FFFFFF;
text-decoration: underline;
}

#breadcrumb a:hover, #downloads a:hover {
text-decoration: none;
}

/* panels - graduated header - h1 and list info */
* html .panelsgrad {
height: 1px; margin-left: 0; /* IE hack - removes 3px space between this and floated image on section pages */
}

.panels h1, .panelsgrad h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
color: #FFFFFF;
background-image: url(/images/grad-arrow.jpg);
background-repeat: repeat-x;
background-position: top right; 
background-color: #909195;
margin: 0px;
border-bottom: 1px solid #FFFFFF;
overflow: hidden;
}



.panels h1 a, .panelsgrad h1 a {
display: block;
text-decoration: none;
padding: 4px 37px 4px 4px;
color: #FFFFFF;
  min-height:32px;
  height:auto !important; /*fixes IE6 and 7 */
  height:32px; /*fixes IE6 and 7 */
background-image: url(/images/grad-arrow.jpg);
background-repeat: repeat-x;
background-position: top right;
background-color: #909195;
}


.panels h1 a:hover, .panelsgrad h1 a:hover {
background-image: url(/images/grad-arrow-over.jpg);
background-repeat: repeat-x;
background-position: top right;
background-color:#948cd7;
}

.panels h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
color: #FFFFFF;
}

.panels ul, .panelsgrad ul {
list-style-type: none;
margin: 10px 0 3px 0;
padding-left: 8px;
}

.panels p, .panels h2, .panelsgrad p {
padding: 0 6px 0 6px;
margin-top: 4px;
margin-bottom: 4px;
}

.panels li, .panels p, .panelsgrad li, .panelsgrad p {
font-family:Arial, Helvetica, sans-serif;
font-size: 75%;
}

.panels li, .panelsgrad li {
padding: 0 6px 12px 14px;
background-image: url(/images/redbullet9px.gif);
background-position: left top;
background-repeat: no-repeat;
margin-left: 0;
line-height: 1;
}

.panels li a, .panelsgrad li a, .panels p a, .panelsgrad p a   {
color: #000000;
text-decoration: none;
}

.panels li a:hover, .panelsgrad li a:hover, .panels p a:hover, .panelsgrad p a:hover {
text-decoration: underline;
}

.panelsgrad {
/* background-image:url(/images/grad-light.jpg);
background-position: bottom left;
background-repeat: repeat-x; */
  min-height:122px;
  height:auto !important; /*fixes IE6 and 7 */
  height:122px; /*fixes IE6 and 7 */
background-color: transparent;
}

.sections, .sections-hard, .sections-arch, .sections-wire, .sections-ass, .sections-blocks, .sections-cablenet, .sections-orchnet, .sections-theatrehardware, .sections-unibar, .sections-vortek {
background-position: center center;
background-repeat: none;
width: 50%;
float: left;
margin: 0;
border-right: 1px solid #FFFFFF;
background-color: transparent;
  height:126px;
}

* html .sections, * html .sections-hard, * html .sections-arch, * html .sections-wire, * html .sections-ass, * html .sections-blocks, * html .sections-cablenet, * html .sections-orchnet, * html .sections-theatrehardware, * html .sections-unibar, * html .sections-vortek {
margin-right: -3px; /* IE hack - get rid of 3px margin */
}

.sections {
background-image:url(/images/positional/tornado-small.jpg);
}
.sections-hard {
background-image:url(/images/sections/hardware.jpg);
}
.sections-arch {
background-image: url(/images/positional/arch.jpg);
}
.sections-wire {
background-image:url(/images/sections/wirerope.jpg);
}
.sections-ass {
background-image:url(/images/sections/wireass.jpg)
}
.sections-blocks {
background-image: url(/images/sections/blocks.jpg);
}

.sections-cablenet {
background-image: url(/images/sections/cablenet.jpg);
}

.sections-orchnet {
background-image: url(/images/sections/orchnet.jpg);
}

.sections-theatrehardware {
background-image: url(/images/sections/theatrehardware.jpg);
}

.sections-unibar {
background-image: url(/images/sections/unibar.jpg);
}

.sections-vortek {
background-image: url(/images/sections/vortek.jpg);
}

/* ref: "css: missing manual" p 295 "easy clearing" */
.sectioncontainer {
clear: both;
border-bottom: 1px solid #FFFFFF;
background-image:url(/images/grad-light.jpg);
background-position: left top;
background-repeat: repeat-x;
}

.sectioncontainer:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.sectioncontainer {
min-height: 1px;
}

* html .sectioncontainer {
height: 1px;
}
/* easy clearing ends */

/* container cells for section pages (e.g. assemblies) */
td.sectioncells {
width: 42%;
background-color:#a3a5ae;
}

/* nested table in content area (e.g. control.asp) */
table.nested, table.nested2 {
width: 100%;
border-top: 1px solid #FFFFFF;
}

table.nested td {
vertical-align: top;
width: 50%; /* even split tds for two columns */
}

table.nested2 td {
vertical-align: top;
width: 33%; /* even split tds for three columns */
}

/* background /images on homepage panels */
.imgassemblies, .imgcablegrip, .imgperformance, .imggarage {
height: 220px;
background-repeat: no-repeat;
background-position: top center;
border-bottom: 1px solid #FFFFFF;
}

.imgassemblies, #menu-ass-img {
background-image:url(/images/img-assemblies.jpg);
}

.imgcablegrip {
background-image: url(/images/img-cgrip.jpg);
}

.imggarage {
background-image:url(/images/img-garage.jpg);
}

.imgperformance {
background-image: url(/images/img-perf.jpg);
}

#menu-ass-img {
height: 66px;
background-repeat: no-repeat;
background-position: top right;
border-bottom: 1px solid #FFFFFF;
}

/* left hand menu */
.menucolumn {
width: 16%;
background-image:url(/images/grad-menu.jpg);
background-repeat:repeat-y;
background-color:#FFFFFF;
background-position: left top;
}

.menucolumn h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
color: #FFFFFF;
background-color:#948cd7;
margin: 0px;
}

.menucolumn  h1 a {
display: block;
text-decoration: none;
padding: 4px 37px 4px 4px;
color: #FFFFFF;
height: auto;
border-bottom: 1px solid #FFFFFF;
background-image:url(/images/grad-arrow-over.jpg);
background-position: left top;
background-repeat:repeat-x;
background-color: #948cd7;
}

.menucolumn  h1 a:hover {
background-image: url(/images/small-arrow2.gif);
background-repeat: no-repeat;
background-position: right center;
background-image: url(/images/grad-arrow.jpg);
background-position: left top;
background-repeat:repeat-x;
background-color: #909195;
}


/*left hand navigation */
ul#list-menu {
margin: 0; 
padding: 0;
}

#list-menu {
	font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
	font-weight: bold;
	color: #0000CC;
}

#list-menu li {
	list-style: none;
	margin: 0;
    display: inline; /* remove white space above and below in IE */
}

#list-menu li a {
display: block;
padding: 3px 2px 3px 8px;
border-bottom: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image:url(/images/grad-menu.jpg);
background-position: left top;
background-repeat: no-repeat;
text-decoration: none;
font-weight: bold;
color: #000000;
}

#list-menu li a:hover, #list-menu li a.selected {
background-image:url(/images/grad-dark.jpg);
background-position: left top;
background-repeat: repeat-x;
color: #FFFFFF;
} 

/* second level */
#list-menu li ul{
	margin: 0;
	padding: 0;
}

#list-menu li ul a {
	font-size: 95%; 
background-color: #e1e2e5;
background-image: none;
font-weight: normal;
padding-left: 20px;
}

#list-menu li ul a:hover, #list-menu li ul a.subselect {
color: #000000;
background: #FFFFFF;
}

#list-menu li ul a.subselect {
background-image:url(/images/tiny-arrow.gif);
background-repeat: no-repeat;
background-position: left center;
}

/* main content area - detail pages */
#content h1, #content h2, #content p, #content li, #searchResults {
padding: 0 12px 0 12px;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
}

#searchresults h2 {
font-weight: normal;
}

#searchResults {
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
padding: 12px;
}

#content p, #content li {
padding-bottom: 6px;
}

#content ul {
margin-top: 0px;
}

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: normal;
color: #FFFFFF;
}

/* right hand column - detail pages */
td.rightcolumn {
background-color: #a3a5ae;
width: 150px;
}

/* big pics */


#tornado, #balustrade, #orchnet, #cablenet, #cablegrip, #canopysupport, #ceilingsupport, #garage, #about, #motorbike, #unibar, #unibar2, #vortek, #liftloop, #commercial, #wireropeass, #theatrehard {
background-repeat: no-repeat;
background-position: center top;
height: 149px;
border-bottom: 1px solid #FFFFFF;
}

#about {
background-image:url(/images/about.jpg);
}

#balustrade {
background-image:url(/images/controlcables/balustrade.jpg);
}

#cablegrip {
background-image:url(/images/cablegrip/cablegrip.jpg);
}

#cablenet {
background-image:url(/images/theatre/cablenet.jpg)
}

#canopysupport {
background-image:url(/images/controlcables/canopysupport.jpg);
}

#ceilingsupport {
background-image:url(/images/controlcables/ceilingsupport.jpg);
}

#commercial {
background-image:url(/images/head-commercial.jpg);
}

#garage {
background-image:url(/images/garage/garagemain.jpg);
}

#liftloop {
background-image:url(/images/head-lift-loop.jpg);
}

#motorbike {
background-image:url(/images/assemblies/iStock_motorbike.jpg);
background-position: right top;
}

#orchnet {
background-image:url(/images/theatre/orch-net.jpg);
}

#theatrehard {
background-image:url(/images/head-theatre-hardware.jpg);
}

#tornado {
background-image:url(/images/controlcables/tornado.jpg);
}

#unibar {
background-image:url(/images/performance/temp.jpg);
}

#unibar2 {
background-image:url(/images/theatre/unibar-large.jpg);
}

#vortek {
background-image:url(/images/performance/vortek.jpg);
}

#wireropeass {
background-image:url(/images/head-wire-rope-ass.jpg);
}



/* generic stuff */
/* white text */
.white {
font-weight: bold;
color: #FFFFFF;
}

.white a {
color: #FFFFFF;
text-decoration: underline;
}

.white a:hover {
color: #FFFFFF;
text-decoration: none;
}

/* centre images */
.center {
margin-left: auto;
margin-right: auto;
display: block;
}

/* re-usable elements */
.graddark {
background-image:url(/images/grad-dark.jpg);
background-position: top;
background-repeat: repeat-x;
border-bottom: 1px solid #FFFFFF;
}

.hidden {
display: none;
}

.right {
float: right;
padding-right: 5px;
}

.left {
float: left;
margin-right: 5px;
}

.clear {
clear: both;
}

/* sort the forms */
form {
margin: 0;
}

/* panels for sections in #content - e.g. control.asp */
#content .panelsections h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
color: #FFFFFF;
background-image: url(/images/grad-arrrow-small.jpg);
background-repeat: repeat-x;
background-position: top right;
background-color:#9d9ea2;
margin: 0px;
border-bottom: 1px solid #FFFFFF;
padding: 0px;
}

#content .panelsections h1 a {
display: block;
text-decoration: none;
padding: 4px 37px 4px 4px;
color: #FFFFFF;
  min-height:20px;
  height:auto !important; /*fixes IE6 and 7 */
  height:20px; /*fixes IE6 and 7 */
background-image: url(/images/grad-arrrow-small.jpg);
background-repeat: repeat-x;
background-position: top right;
}

#content .panelsections h1 a:hover {
background-image: url(/images/grad-arrow-small-over.jpg);
background-repeat: repeat-x;
background-position: top right;
background-color:#958cd7;
}

.panelsections ul {
list-style-type: none;
margin: 10px 0 3px 0;
padding-left: 8px;
}

.panelsections p {
padding: 0 6px 0 6px;
margin-top: 4px;
margin-bottom: 4px;
}

.panelsections li, .panelsections p {
font-family:Arial, Helvetica, sans-serif;
font-size: 75%;
}

.panelsections li {
padding: 0 6px 12px 14px;
background-image: url(/images/redbullet9px.gif);
background-position: left top;
background-repeat: no-repeat;
margin-left: 0;
line-height: 1;
}

.panelsections a {
color: #000000;
text-decoration: underline;
}

.panelsections li a:hover, .panelsections p a:hover {
text-decoration: none;
}

.panelsections {
/* background-image:url(/images/grad-light.jpg);
background-position: bottom left;
background-repeat: repeat-x; */
  min-height:122px;
  height:auto !important; /*fixes IE6 and 7 */
  height:122px; /*fixes IE6 and 7 */
background-color: transparent; 
}

/* US/UK headers on homepage */
.emphasis {
background-color: #060a6d;
border: 1px solid #a3a5ae;
padding: 2px;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
margin: 4px;
}

/* global menu */

#p7PMnav {
	margin: 0;
	padding:0;
	position: absolute;
	left: 0px;
	top: 64px; 
}

#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
}

ul#p7PMnav {
border-left: 1px solid #FFFFFF;
}

#p7PMnav a, #p7PMnav ul a {
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	 color:#060B6D;							
	 background-color: #FFFFFF;
	opacity: .4;
        filter: alpha(opacity=40);
		  min-height:32px;
  height:auto !important; /*fixes IE6 and 7 */
  height:32px; /*fixes IE6 and 7 */ 
}

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: transparent;
	color: #FFFFFF;
	 opacity: 1;
     filter: alpha(opacity=100)
}


/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 110px;
}
#p7PMnav ul li {
	float: none;
}





#searchResults {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
}

#searchResults p.resultSummary {
	font-size: 1em;
	font-weight: bold;
}

#searchResults h2 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight:normal;
}

#searchResults p {
	font-size: 1em;
	margin-top: 0;
}

#searchResults span.highlight {
	font-weight: bold;
}

/* layout table - homepage */

#hometable {
width: 100%;
background-color: transparent;
border-left: 1px solid #FFFFFF;
}

#hometable td {
width: 205px;
background-color: #a5a3ae;
border-right: 1px solid #FFFFFF;
}

#hometable td.light {
background-color: #d8dae1;
}

#hometable td.auto {
width: auto;
}

.tableborders {
border-left: 1px solid #FFFFFF;
}

.tableborders td {
border-right: 1px solid #FFFFFF;
}

/* thumbnail layout */
#albumlist {
	list-style-type: none;
	padding: 0;
	clear: both;
	margin: 10px;
	background-image: url(/images/grad-light.jpg);
background-position: left top;
background-repeat: repeat-x;
border: 1px solid #FFFFFF;
}

#albumlist h1 {
padding: 6px;
color: #FFFFFF;
  min-height:16px;
  height:auto !important; /*fixes IE6 and 7 */
  height:16px; /*fixes IE6 and 7 */
background-image:url(/images/grad-blue-no-arrow.jpg);
background-repeat: repeat-x;
background-position: top right;
margin: 0 0 10px 0;
font-size: 75%;
font-weight: bold;
}

#albumlist ul {
margin-left: 10px;
padding: 0;
float: left;
margin-bottom: 0;
}

#albumlist a {
	border: 0;
	padding: 0;
	text-decoration: none;
	color: #FFFFFF;
}

#albumlist li {
width: 100px;
	list-style-type: none;
	float: left;
	margin: 0 10px 10px 0;
	font: bold 70% Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #060a6d;
	text-align: center;
	border: 1px solid #FFFFFF;
		padding: 0;
				  min-height:111px;
  height:auto !important; /*fixes IE6 and 7 */
  height:111px; /*fixes IE6 and 7 */ 
}

#albumlist li p {
margin: 2px;
margin-bottom: 0;
	color: #FFFFFF;
}

* html #albumlist {
display: inline;
}