/*

	Developed by NOW/media Digital Agency
	http://www.nowmedia.com.au
	
*/

/* --------------------------------------
   Global Reset
-------------------------------------- */
html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	position: relative;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------------------------------------
   Global Styling
-------------------------------------- */

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #4d555b;
}

p {
	font-size: 0.687em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.45em;
	margin-bottom: 20px;
	color: #4d555b;
}

p.small {
	font-size: 0.6em;	
	line-height: 1.2em;
}

p.over {
	width: 550px;
	float: left;
}

a, a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

#content-inner a, #content-inner a:visited {
	color: #000;
	text-decoration: underline;
}

#content-inner a:hover {
	text-decoration: none;
}

select {
  padding: 1px;
  color: #767a83;
  background: #fff url('../img/btn-select.gif') top right no-repeat;
  border: 1px solid #767a83;
}

h5 {
  margin-bottom: 10px;
}

hr {
	display: none;
}

a.pdf { padding-left: 21px!important; margin-left: 5px; background: url('../img/icon-pdf.gif') left center no-repeat; }
a.zip { padding-left: 21px!important; margin-left: 5px; background: url('../img/icon-zip.gif') left center no-repeat; }

.m2m-book { margin-top: 70px; }

img.precon-book { margin-top: 70px; }



/* --------------------------------------
   Container Template
-------------------------------------- */

#body-wrap {
	width: 100%; 
	height: 100%;
	text-align: center;
	padding-bottom: 30px;
}

#site-wrap {
	width: 950px; 
	margin: 0 auto;
	text-align: left;
}

/* --------------------------------------
   Header Section
-------------------------------------- */

#header {
	width: 100%; 
	height: 50px;
	margin-bottom: 103px;
}

#header.nomarg {
	margin-bottom: 78px;
}

#header h1 {
	width: 100%; 
	height: 100%;
	color: #fff; 
	font-size: 1.5em;
}

#header h1 span {
	background-image: url('../img/logo-klik-systems.gif'); 
}

#header h1 span a {
	display: block;
	width: 200px;
	height: 100%;
}

/* --------------------------------------
   Columns
-------------------------------------- */

.two-columns {
	width: 890px;	
}

.two-columns .left-column {
	width: 435px;
	float: left;
}

.two-columns .right-column {
	width: 435px;
	float: right;
}

/* --------------------------------------
   Content Section
-------------------------------------- */

.config-content {
}

.config-content h3 {
	margin-bottom: 10px;
}

.config-content h5 {
	margin-bottom: 5px;
	font-size: 12px;
}

.config-content img {
	margin-bottom: 10px;
}

.config-content ul {
	margin-bottom: 15px;
	margin-left: 15px;
}

.config-content ul li {
	font-size: 12px;
	list-style: square;
	margin-bottom: 3px;
}

#content-inner .img-link {text-decoration: none}
#content-inner .img-link span {text-decoration: underline}
#content-inner .img-link:hover span {text-decoration: none}

.disclaimer {
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 515px;
	clear: both;
	margin: 10px auto 0 auto;
}

.disclaimer p {
	padding: 0 30px;
}

.disclaimer p a {color: #4D555B;}

/* --------------------------------------
   Main Navigation Section
-------------------------------------- */

#main-nav {
	position: absolute;
	top: 50px;
	left: 0;
	width: 950px;
	height: 78px;
	background-color: #fff;
	z-index: 9999;
}

#main-nav ul {
	width: 950px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 0;
}

#main-nav ul li {
	display: block;
	float: left;
	text-align: right;

}

#main-nav ul li a {
	display: block;
	height: 78px;
	color: #fff;
}
			
	
/* Main Navigation Sub Nav */
				
#main-nav ul li .submenu  {
	position: absolute;
	visibility: hidden;
	background-color: #333;
	padding: 5px;
	top: 78px;
	left: 0;
}

#main-nav ul li .submenu ul {
	float: left;
	display: block;
	text-align: left;
	width: 208px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 3px solid;
}

#main-nav ul li .submenu ul li {
	float: left;
	display: block;
	height: 73px;
	width: 103px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#main-nav ul li .submenu ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

/* submenu captions */

li div ul li a span { 
	display: none;
	position: absolute; z-index: 100;
	bottom: 0; left: 0; width: 103px;
	padding: 5px 0!important; color: #fff;
	margin: 0;
	background-image: none!important; 
	border-bottom: 2px solid;
	border-top: none;
	font: 10px Verdana, sans-serif; text-align: center;
}
li div ul li a:hover span {
	display: block;
  }
   /* colours */
   #main-nav ul li.btn-cla .submenu ul,
   #main-nav ul li.btn-bea .submenu ul,
   #main-nav ul li.btn-ste .submenu ul { width: 312px; }
   li.btn-rec div ul li a:hover span { background-color: #eb7d1e; border-bottom-color: #e1570e; }
   li.btn-cla div ul li a:hover span { background-color: #007c8a; border-bottom-color: #005664;  }
   li.btn-bea div ul li a:hover span { background-color: #f2db00; border-bottom-color: #e6bc00;  color: #000; }
   li.btn-wav div ul li a:hover span { background-color: #b0ba25; border-bottom-color: #94a115;  color: #000; }
   li.btn-ste div ul li a:hover span { background-color: #903d74; border-bottom-color: #6a214e;  }
   
   /* subindex menu captions */
    #right-nav ul li a span { 
    display: none;
	}
	#right-nav ul li a:hover span {
	display: block;
	position: absolute; z-index: 100;
	bottom: 5px; left: 0; width: 104px;
	padding: 5px 0!important; color: #fff;
	margin: 0;
	background-image: none!important; 
	border: none;
	border-bottom: 2px solid;
	font: 10px Verdana, sans-serif; text-align: center;
	opacity: 1;
   }
   
   #content.recessed #right-nav ul li a:hover span { background-color: #eb7d1e; border-bottom-color: #e1570e; }
   #content.classic #right-nav ul li a:hover span { background-color: #007c8a; border-bottom-color: #005664;  }
   #content.beam #right-nav ul li a:hover span { background-color: #f2db00; border-bottom-color: #e6bc00;  color: #000; }
   #content.wavescallop #right-nav ul li a:hover span { background-color: #b0ba25; border-bottom-color: #94a115;  color: #000; }
   #content.stellar #right-nav ul li a:hover span { background-color: #903d74; border-bottom-color: #6a214e;  }


#main-nav ul li:hover .submenu,
#main-nav ul li.hoverclass .submenu,
#main-nav li a:hover .submenu {
	visibility:visible;
	color:#fff;
}

#main-nav ul li .submenu ul li:hover .caption,
#main-nav ul li .submenu ul li.hoverclass .caption,
#main-nav li a .submenu ul li a:hover .caption {
	visibility:visible;
}

#main-nav ul li ul li a:hover,
#main-nav ul li ul li.hoverclass a {
	background-color: #fff;
	color: #000;
}

#main-nav ul li a:hover span,
#main-nav ul li:hover a span,
#main-nav ul li a.active {
	background-position: 0 -78px;
}
	
				
/* ---------------------------------------------------
   Subpage Main Navigation Sub-Navigation Section
--------------------------------------------------- */

#main-subnav {
	width: 950px; height: 25px;
	position: absolute; top: 128px;
	background-color: #999; overflow: hidden;
}

#main-subnav ul { 
	margin-left: 15px; font-size: 11px;
	color: #fff; width: 950px; height: 100%;
}

#main-subnav ul li { 
	display: inline-block; width: auto;
	height: 21px; float: left;
	margin-top: 3px; margin-right: 1px;
}

#main-subnav ul li a { 
	display: block; float: left;
	height: 100%; padding: 6px 8px 0 8px;
	text-decoration: none; text-align: center;
	font-size: 12px;
}

#main-subnav ul li a:hover,
#main-subnav ul li a.active { 
	background-color: #fff;
}

/* ---------------------------------------------------
   Subpage Content Navigation
--------------------------------------------------- */

#content-nav {
	position: absolute;
	width: 640px;
	height: 30px;
	right: 0;
	top: 170px;
	z-index: 1000;
}

#content-nav ul { 
	float: right;
	font-size: 11px;
	height: 100%;
	border-bottom: 1px solid #cdd1d4;
	padding-left: 10px;
}

#content-nav ul li { 
	display: inline-block;
	width: auto;
	height: 15px;
	float: right;
	margin-top: 8px;
	margin-right: 2px;
	padding-top: 3px;
}

#content-nav ul li a { 
	display: block;
	float: left;
	height: 100%;
	padding: 3px 5px 0 5px;
	text-decoration: none;
	text-align: center;
	color: #4d555b;
	border: 1px solid #fff;
	border-bottom: none;
	font-size: 12px;
}

#content-nav ul li a:hover,
#content-nav ul li a.active {
	border: 1px solid #cdd1d4;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

/* --------------------------------------
   Specific Section Colours
-------------------------------------- */

/* #content a and #content-nav colours */

#content.recessed a,
#content.recessed a:visited,
#content-nav.recessed a:hover,
#content-nav.recessed a.active { color: #ec7d1e; }

#content.classic a,
#content.classic a:visited,
#content-nav.classic a:hover,
#content-nav.classic a.active { color: #007c8a; }

#content.beam a,
#content.beam a:visited,
#content-nav.beam a:hover,
#content-nav.beam a.active { color: #bbaa04; }

#content.wavescallop a,
#content.wavescallop a:visited,
#content-nav.wavescallop a:hover,
#content-nav.wavescallop a.active { color: #b0ba25; }

#content.stellar a,
#content.stellar a:visited,
#content-nav.stellar a:hover,
#content-nav.stellar a.active { color: #903d74; }

/* #main-nav colours */

#main-nav ul li.btn-rec a { width: 208px; background-color: #eb7d1e; }
#main-nav ul li.btn-rec .submenu ul { border-bottom-color: #eb7d1e; }
#main-nav ul li.btn-rec a span { background-image: url('../img/btn-mainav-recessed.gif'); }
#main-nav ul li.rsub a span { background-image: url('../img/btn-mainav-sub-recessed.gif'); }
#main-nav ul li.btn-rec .submenu ul li .caption { background-color: #eb7d1e; }
#main-nav ul li.btn-rec .submenu ul li .caption p { color: #fff!important; }
	
#main-nav ul li.btn-cla a { width: 208px; background-color: #007c8a; }
#main-nav ul li.btn-cla a span { background-image: url('../img/btn-mainav-classic.gif'); }
#main-nav ul li.csub a span { background-image: url('../img/btn-mainav-sub-classic.gif'); }
#main-nav ul li.btn-cla .submenu ul { border-bottom-color: #007c8a; }
#main-nav ul li.btn-cla .submenu ul li .caption { background-color: #007c8a; }
#main-nav ul li.btn-cla .submenu ul li .caption p { color: #fff!important; }
	
#main-nav ul li.btn-bea a { width: 208px; background-color: #f2db00; }
#main-nav ul li.btn-bea a span { background-image: url('../img/btn-mainav-beam.gif'); }
#main-nav ul li.bsub a span { background-image: url('../img/btn-mainav-sub-beam.gif'); }
#main-nav ul li.btn-bea .submenu ul { border-bottom-color: #f2db00; }
#main-nav ul li.btn-bea .submenu ul li .caption { background-color: #f2db00; }
#main-nav ul li.btn-bea .submenu ul li .caption p { color: #000!important; }
	
#main-nav ul li.btn-wav a { width: 119px; background-color: #b0ba25; }
#main-nav ul li.btn-wav a span { background-image: url('../img/btn-mainav-wavescallop.gif'); }
#main-nav ul li.wsub a span { background-image: url('../img/btn-mainav-sub-wavescallop.gif'); }
#main-nav ul li.btn-wav .submenu { left: 0; }
#main-nav ul li.btn-wav .submenu ul { border-bottom-color: #b0ba25; }
#main-nav ul li.btn-wav .submenu ul li .caption { background-color: #b0ba25; }
#main-nav ul li.btn-wav .submenu ul li .caption p { color: #000!important; }
	
#main-nav ul li.btn-ste a { width: 207px; background-color: #903d74; }
#main-nav ul li.btn-ste a span { background-image: url('../img/btn-mainav-stellar.gif'); }
#main-nav ul li.ssub a span { background-image: url('../img/btn-mainav-sub-stellar.gif'); }
#main-nav ul li.btn-ste .submenu { left: -116px; }
#main-nav ul li.btn-ste .submenu ul { border-bottom-color: #903d74; }
#main-nav ul li.btn-ste .submenu ul li .caption { background-color: #903d74; }
#main-nav ul li.btn-ste .submenu ul li .caption p { color: #fff!important; }

/* Changes Main Nav BG Color to gray on sub pages */

#main-nav ul li.rsub a,
#main-nav ul li.csub a,
#main-nav ul li.bsub a,
#main-nav ul li.wsub a,
#main-nav ul li.ssub a { 
	background-color: #4d555b; 
}

/* #main-subnav colours */

#main-subnav.recessed { background-color: #eb7d1e; }
#main-subnav.recessed ul li a { color: #fff; }
#main-subnav.recessed ul li a:hover,
#main-subnav.recessed ul li a.active { color: #eb7d1e; }

#main-subnav.classic { background-color: #007c8a; }
#main-subnav.classic ul li a { color: #fff; }
#main-subnav.classic ul li a:hover,
#main-subnav.classic ul li a.active { color: #007c8a; }

#main-subnav.beam { background-color: #f2db00; }
#main-subnav.beam ul li a { color: #000; }
#main-subnav.beam ul li a:hover,
#main-subnav.beam ul li a.active { color: #000; }

#main-subnav.wavescallop { background-color: #b0ba25; }
#main-subnav.wavescallop ul li a { color: #000; }
#main-subnav.wavescallop ul li a:hover,
#main-subnav.wavescallop ul li a.active { color: #000; }

#main-subnav.stellar { background-color: #903d74; }
#main-subnav.stellar ul li a { color: #fff; }
#main-subnav.stellar ul li a:hover,
#main-subnav.stellar ul li a.active { color: #903d74; }

/* #heading-subar h3 colour */

#content.recessed #heading-subar h3 { color: #ec7d1e; }
#content.classic #heading-subar h3 { color: #007c8a; }
#content.beam #heading-subar h3 { color: #f2db00; }
#content.wavescallop #heading-subar h3 { color: #b0ba25; }
#content.stellar #heading-subar h3 { color: #903d74; }

/* #right-nav left border colors */

#content.recessed #right-nav { border-left: 3px solid #ec7d1e; }
#content.classic #right-nav { border-left: 3px solid #007c8a; }
#content.beam #right-nav { border-left: 3px solid #f2db00; }
#content.wavescallop #right-nav { border-left: 3px solid #b0ba25; }
#content.stellar #right-nav { border-left: 3px solid #903d74; }

/* gallery thumb right border colors */

#content.recessed .galleria li.active { border-right-color: #ec7d1e; }
#content.classic .galleria li.active { border-right-color: #007c8a; }
#content.beam .galleria li.active  { border-right-color: #f2db00; }
#content.wavescallop .galleria li.active  { border-right-color: #b0ba25; }
#content.stellar .galleria li.active  { border-right-color: #903d74; }

/* product page subheaders */

#content.recessed #heading-subar h3.m2m { width: 152px; }
#content.recessed #heading-subar h3.m2m span { background-image: url('../recessed/img/hdr-m2m.gif'); }
#content.recessed #heading-subar h3.pre { width: 126px; }
#content.recessed #heading-subar h3.pre span { background-image: url('../recessed/img/hdr-pre.gif'); }
#content.recessed #heading-subar h3.data { width: 103px; }
#content.recessed #heading-subar h3.data span { background-image: url('../recessed/img/hdr-data.gif'); }
#content.recessed #heading-subar h3.photo { width: 124px; }
#content.recessed #heading-subar h3.photo span { background-image: url('../recessed/img/hdr-photo.gif'); }
#content.recessed #heading-subar h3.install { width: 200px; }
#content.recessed #heading-subar h3.install span { background-image: url('../recessed/img/hdr-install.gif'); }
#content.recessed #heading-subar h3.gal { width: 113px; border: none!important; }
#content.recessed #heading-subar h3.gal span { background-image: url('../recessed/img/hdr-gal.gif'); }

#content.classic #heading-subar h3.m2m { width: 152px; }
#content.classic #heading-subar h3.m2m span { background-image: url('../classic/img/hdr-m2m.gif'); }
#content.classic #heading-subar h3.pre { width: 126px; }
#content.classic #heading-subar h3.pre span { background-image: url('../classic/img/hdr-pre.gif'); }
#content.classic #heading-subar h3.data { width: 103px; }
#content.classic #heading-subar h3.data span { background-image: url('../classic/img/hdr-data.gif'); }
#content.classic #heading-subar h3.photo { width: 124px; }
#content.classic #heading-subar h3.photo span { background-image: url('../classic/img/hdr-photo.gif'); }
#content.classic #heading-subar h3.install { width: 200px; }
#content.classic #heading-subar h3.install span { background-image: url('../classic/img/hdr-install.gif'); }
#content.classic #heading-subar h3.gal { width: 113px; border: none!important; }
#content.classic #heading-subar h3.gal span { background-image: url('../classic/img/hdr-gal.gif'); }

#content.beam #heading-subar h3.m2m { width: 152px; }
#content.beam #heading-subar h3.m2m span { background-image: url('../beam/img/hdr-m2m.gif'); }
#content.beam #heading-subar h3.pre { width: 126px; }
#content.beam #heading-subar h3.pre span { background-image: url('../beam/img/hdr-pre.gif'); }
#content.beam #heading-subar h3.data { width: 103px; }
#content.beam #heading-subar h3.data span { background-image: url('../beam/img/hdr-data.gif'); }
#content.beam #heading-subar h3.photo { width: 124px; }
#content.beam #heading-subar h3.photo span { background-image: url('../beam/img/hdr-photo.gif'); }
#content.beam #heading-subar h3.install { width: 200px; }
#content.beam #heading-subar h3.install span { background-image: url('../beam/img/hdr-install.gif'); }
#content.beam #heading-subar h3.gal { width: 113px; border: none!important; }
#content.beam #heading-subar h3.gal span { background-image: url('../beam/img/hdr-gal.gif'); }

#content.wavescallop #heading-subar h3.m2m { width: 152px; }
#content.wavescallop #heading-subar h3.m2m span { background-image: url('../wavescallop/img/hdr-m2m.gif'); }
#content.wavescallop #heading-subar h3.pre { width: 126px; }
#content.wavescallop #heading-subar h3.pre span { background-image: url('../wavescallop/img/hdr-pre.gif'); }
#content.wavescallop #heading-subar h3.data { width: 103px; }
#content.wavescallop #heading-subar h3.data span { background-image: url('../wavescallop/img/hdr-data.gif'); }
#content.wavescallop #heading-subar h3.photo { width: 124px; }
#content.wavescallop #heading-subar h3.photo span { background-image: url('../wavescallop/img/hdr-photo.gif'); }
#content.wavescallop #heading-subar h3.install { width: 200px; }
#content.wavescallop #heading-subar h3.install span { background-image: url('../wavescallop/img/hdr-install.gif'); }
#content.wavescallop #heading-subar h3.gal { width: 113px; border: none!important; }
#content.wavescallop #heading-subar h3.gal span { background-image: url('../wavescallop/img/hdr-gal.gif'); }

#content.stellar #heading-subar h3.m2m { width: 152px; }
#content.stellar #heading-subar h3.m2m span { background-image: url('../stellar/img/hdr-m2m.gif'); }
#content.stellar #heading-subar h3.pre { width: 126px; }
#content.stellar #heading-subar h3.pre span { background-image: url('../stellar/img/hdr-pre.gif'); }
#content.stellar #heading-subar h3.data { width: 103px; }
#content.stellar #heading-subar h3.data span { background-image: url('../stellar/img/hdr-data.gif'); }
#content.stellar #heading-subar h3.photo { width: 124px; }
#content.stellar #heading-subar h3.photo span { background-image: url('../stellar/img/hdr-photo.gif'); }
#content.stellar #heading-subar h3.install { width: 200px; }
#content.stellar #heading-subar h3.install span { background-image: url('../stellar/img/hdr-install.gif'); }
#content.stellar #heading-subar h3.gal { width: 113px; border: none!important; }
#content.stellar #heading-subar h3.gal span { background-image: url('../stellar/img/hdr-gal.gif'); }

/* legend border, h5 AND general h5 headings colours */

#content.recessed h5 { color: #ec7d1e; }
#content.recessed #legend { border-color: #ec7d1e; }
#content.recessed #legend h5 span { background-image: url('../recessed/img/hdr-legend.gif'); }

#content.classic h5 { color: #007c8a; }
#content.classic #legend { border-color: #007c8a; }
#content.classic #legend h5 span { background-image: url('../classic/img/hdr-legend.gif'); }

#content.beam h5 { color: #bbaa04; }
#content.beam #legend { border-color: #bbaa04; }
#content.beam #legend h5 span { background-image: url('../beam/img/hdr-legend.gif'); }

#content.wavescallop h5 { color: #b0ba25; }
#content.wavescallop #legend { border-color: #b0ba25; }
#content.wavescallop #legend h5 span { background-image: url('../wavescallop/img/hdr-legend.gif'); }

#content.stellar h5 { color: #903d74; }
#content.stellar #legend { border-color: #903d74; }
#content.stellar #legend h5 span { background-image: url('../stellar/img/hdr-legend.gif'); }

/* back to top buttons */

#content.recessed #back-to-top,
#content.recessed #back-to-top a { 
background: #fff url('../recessed/img/btn-rtt.gif') 0 0 no-repeat; border-top-color: #ec7d1e; }

#content.classic #back-to-top,
#content.classic #back-to-top a { 
background: #fff url('../classic/img/btn-btt.gif') 0 0 no-repeat; border-top-color: #007c8a; }

#content.beam #back-to-top,
#content.beam #back-to-top a { 
background: #fff url('../beam/img/btn-btt.gif') 0 0 no-repeat;
border-top-color: #bbaa04; }

#content.wavescallop #back-to-top,
#content.wavescallop #back-to-top a { 
background: #fff url('../wavescallop/img/btn-btt.gif') 0 0 no-repeat; border-top-color: #b0ba25; }

#content.stellar #back-to-top,
#content.stellar #back-to-top a { 
background: #fff url('../stellar/img/btn-btt.gif') 0 0 no-repeat; border-top-color: #903d74; }
		
/* --------------------------------------
   Content Section
-------------------------------------- */

#content {
	width: 950px;
	height: auto;
	min-height: 400px;
	background-color: #fff;
} 

#content.index {
	width: 950px;
	height: auto;
	min-height: 560px;
	background-color: #fff;
}

*html #content.index {
	height: 560px;
}

#content-inner {
  width: 890px;
  clear: both;
  margin: 10px auto 0 auto;
  padding-bottom: 10px;
}

/* video */
.video {
	width: 100%;
	margin: 0 auto 20px;
	border: 1px solid #bbb;
	border-width: 1px 0;
	text-align: center;
	padding: 20px 0 10px 0;
	background-color: #eee;
}

.video p {
	margin: 5px 0 0 0;	
}

.video small {
	font-size: 10px;
	font-style: italic;
}

/* homepage content background image */

#content.homepage {
	background-color: #000;
	height: 477px; padding-bottom: 0;
}

#content.gallery {
	background: #fff url('../img/gallery-gray-bg.gif') left bottom repeat-x;
	height: 450px;
	padding-top: 1px;
	overflow: hidden;
}

/* --------------------------------------
   Cata request form
-------------------------------------- */

#request {
	padding: 10px 0 30px 0;
}

#request label {
	display: block;
	margin-bottom: 10px;
}

#request label span {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	color: #000;
}

#request label input {
	width: 250px;
	border: 1px solid #999;
	padding: 2px;
	margin-bottom: 2px;
}

#request label select {
	width: 255px;
	border: 1px solid #999;
	padding: 2px;
	color: #000;
}

#request input.submit {
	float: right;
	padding: 5px 10px;
	margin-right: 40px;
}

/* --------------------------------------
   Product Page Content Section
-------------------------------------- */

#heading { 
	width: 300px;
	float: left;
	margin-bottom: 10px;
}

#heading h2 {
	font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	color: #4d555b; padding: 15px 0 0 25px; font-size: 30px; letter-spacing: 6px;
}

#heading-subar {
	height: 30px; width: 100%;
	background-color: #edf0f4;
	clear: both; margin-bottom: 20px;
}

/* product page h3 style (for img replacements see 'Specific Section Colours' section) */

#heading-subar h3 {
	height: 29px; display: block;
	border-right: 1px solid #cdd1d4;
	font-size: 18px; float: left;
	font-weight: normal;
	margin-left: 30px;
}

*html #heading-subar h3 { /* IE6 is doubling original left margin for some reason, this hack used to fix bug */
margin-left: 15px; 
}

#heading-subar h3.nobord {
  border: 0;	
}

/* product page h4 style and img replacements */

#heading-subar h4 {
	display: block; margin-left: 2px;
	width: 263px; height: 29px;
	border: none; float: left;
	font-size: 18px; color: #4d555b;
}

#heading-subar h4.howto span { background-image: url('../img/hdr-howto.gif'); }
#heading-subar h4.access span { background-image: url('../img/hdr-access.gif'); }
#heading-subar h4.conn span { background-image: url('../img/hdr-connectors.gif'); }
#heading-subar h4.diff span { background-image: url('../img/hdr-diff.gif'); }
#heading-subar h4.ends span { background-image: url('../img/hdr-ends.gif'); }
#heading-subar h4.fin span { background-image: url('../img/hdr-finpack.gif'); }
#heading-subar h4.lamp span { background-image: url('../img/hdr-lampunits.gif'); }
#heading-subar h4.sus span { background-image: url('../img/hdr-suspension.gif'); }
#heading-subar h4.itemconfig span { background-image: url('../img/hdr-itemconfig.gif'); }
#heading-subar h4.prefopt span { background-image: url('../img/hdr-prefopt.gif'); }

/* product index background */

#product-bg {
	width: 650px;
	/* float: right; */
	text-align: right;
	position: absolute; /* + */
	bottom: 180px; /* + */
	right: 0; /* + */
}

.indgraph {
	position: absolute; /* + */
	top: 75px; 
	left: 10px;
}

/* product index configuration types module */

#config-types {
  width: 950px;
  height: 180px;
  clear: both;
  background-color: #bcbdc1;
  bottom: 0; /* + */
  position: absolute; /* + */
}

#config-types #thumbs {
  height: 113px;
  margin-top: 27px;
  padding-right: 20px;
  float: right;
}

#config-types #thumbs img {
  float: right;
  margin-left: 5px;
  width: 120px;
  height: 85px;
}

#config-types #thumbs p {
  clear: both;
  float: right;
  margin: 10px 0;
  width: 100%;
  text-align: right;
}

/* measurement img-overlay */

span.mm {
display: block; 
position: absolute; 
top: 80px; 
left: 13px; 
z-index: 1000; 
border: 2px solid #fff; 
border-top: none; 
border-bottom: none;
width: 80px;
height: 15px;
}

span.mm p {
margin: 0 auto; 
color: #fff; 
text-align: center;
border-top: 2px solid #fff;
padding: 0; 
width: auto!important;
}

/* product item thumb and description module */

#thumbdesc {
  width: 100%;
  margin-bottom: 20px;
}

#thumbdesc ul {
  width: 100%;
}

#thumbdesc ul li {
  float: left;
  display: block;
  width: 150px;
  margin-right: 20px;
}

#thumbdesc ul li img {
  clear: both;
  display: block;
}

#thumbdesc ul li p {
  clear: both;
  margin: 8px 0;
  width: 150px;
}

/* how to specify and example product spec buttons */

#heading-subar a.howtospec,
#heading-subar a.prodspec {
	display: block; height: 15px;
	padding: 10px 0 5px 35px; color: #fff!important;
	font-size: 11px; text-decoration: none;
	float: right;
}

#heading-subar a.howtospec {
	width: 85px;
	background: #4f5458 url('../img/btn-howtospec-i.gif') 8px 8px no-repeat;
}

#heading-subar a.prodspec {
	width: 195px;
	background: url('../img/btn-prodspec.gif') 13px 8px no-repeat;
}

#content.recessed #heading-subar a.prodspec { background-color: #ec7d1e; }
#content.classic #heading-subar a.prodspec { background-color: #007c8a; }
#content.beam #heading-subar a.prodspec { background-color: #F2DB00; color: #000!important; }
#content.wavescallop #heading-subar a.prodspec { background-color: #b0ba25; color: #000!important; }
#content.stellar #heading-subar a.prodspec { background-color: #903d74; }


#heading-subar a.howtospec:hover,
#heading-subar a.prodspec:hover {
text-decoration: underline;
}

/* overview download list module */

ul.dls {
	width: 200px;
	border-bottom: 3px solid #ced2d2;
	font-size: 12px;
	line-height: 25px;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 1000;
}

ul.dls span {
	background-color: #fff;
	padding: 3px 10px 4px;
	color: #666;
	border: 1px solid #e6e9ed;
	border-bottom: none;
}

ul.dls li {
	margin-top: 1px;
	font-size: 11px;
	color: #fff;
	line-height: 1em;
	border-left: 6px solid;
}

ul.dls li a, ul.dls li a:visited {
	padding: 7px 0 8px 10px;
	color: #fff!important; text-decoration: none;
	display: block;
}

ul.dls li a:hover {
	text-decoration: underline;
}

#content.recessed ul.dls li { background-color: #ec7d1e; border-color: #e1570e; }
#content.classic ul.dls li { background-color: #007c8a; border-color: #005664; }
#content.beam ul.dls li { background-color: #F2DB00; border-color: #e6bc00; }
	#content.beam ul.dls li a { color: #000!important; }
#content.wavescallop ul.dls li { background-color: #b0ba25; border-color: #94a115; }
	#content.wavescallop ul.dls li a { color: #000!important; }
#content.stellar ul.dls li { background-color: #903d74; border-color: #6a214e; }

/* pdf download modules */

#overview-pdf-download {
	width: 100%; height: 167px;
	background: #fff url('../img/bg-overview-pdf.gif') top left no-repeat;
	margin-top: 19px; padding-top: 60px;
	display: none;
}

#overview-pdf-download a.dnl {
	display: block; width: 180px;
	height: 16px; margin-left: 30px;
	padding-left: 20px;
	background: url('../img/btn-pdfdownload.gif') top left no-repeat;
	color: #4d555b!important; font-size: 10px;
	text-decoration: none; font-weight: bold;
}

#overview-pdf-download a.dnl:hover {
	text-decoration: underline;
}

#overview-pdf-download #get-adobe-reader {
	width: 158px; height: 39px;
	top: 80px; left: 28px;
}

#overview-pdf-download #get-adobe-reader a {
	display: block; width: 158px;
	height: 39px; background: url('../img/btn-get-adobe-reader.gif') top left no-repeat;
}

/* product gallery styling */

#image-box {
	width: 623px;
	float: left;
	margin-top: 1px;
}

#gallery-opt {
	width: 327px;
	float: right;
}

#thumb-selector {
	margin-left: 28px;
	margin-top: -10px;
	width: 104px;
}

#thumb-selector ul li {
	display: block;
	width: 100%;
	margin: 1px;
	padding: 0;
}

#thumb-selector ul li a {
	display: block;
	width: 100%;
	padding: 0;
	padding-left: 1px;
	border-right: 3px solid #d5dade;
}

#thumb-selector ul li img {
	display: block;
}

#alsoin {
	width: 327px;
	float: right;
	height: 125px;
	margin-top: 9px;
	background-color: #bcbdc1;
}

#alsoin select {
	width: 275px;
	margin: 50px 0 0 25px;
}

/* configuration tables and legend */

#legend {
	padding-top: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin: 10px 0;
}

#legend h5 {
	display: block;	
	position: absolute;
	padding-right: 5px;
	height: 25px;
	width: 180px;
	top: -13px;
	background-color: #fff;
	margin-bottom: none;
}

#legend img {
	margin: 10px auto;
}

table {
	border-top: 1px solid #999;
	margin-bottom: 10px;
	border-collapse: separate;
}

table td.nobordr {
  border-right: none;	
}

table td.nobordb {
  border-bottom: none;
}

table td.drk {
  background-color: #4d545a;
  color: #fff;
}

table td.med {
  background-color: #d5d5d5;
  width: 140px;
}

table td.lgt {
  background-color: #e8e8e8;
  width: 140px;
}

table td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	font-size: 10px;
	vertical-align: bottom;
	text-align: left;
}

table.centered td {
	text-align: center;
}


table td span {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

table td img {
	float: left;
}

/* top of page link */

#back-to-top {
	width: 100%; clear: both;
	border-top: 1px dotted; height: 10px;
	margin: 18px 0;
}

#back-to-top a {
	font-size: 11px; display: block;
	width: 112px; height: 20px;
	margin-top: -8px; padding-left: 23px;
	padding-top: 1px; text-decoration: none;
}

#back-to-top a:hover {
	text-decoration: underline;	
}

/* dimensions info table, no borders */

table.dimtab {
	border: none;
	border-collapse: collapse;
	margin: 10px 0;
}

table.dimtab td {
	border: none;
	border-collapse: collapse;
	font-size: 12px;
	padding: 2px;
}


/* --------------------------------------
   Sub Index Content Section
-------------------------------------- */

#left-gal {
	width: 414px;
	height: 477px;
	float: left;
	background-color: #999;
}

#left-gal #gal-nav {
	z-index: 100; position: absolute;
	bottom: 10px; right: 0;
	height: 20px; /*width: 250px;*/
	padding-right: 5px;
	background-color: #222;
}

#left-gal #gal-nav #buttons {
	float: right;
	padding-top: 5px;
}

#left-gal #gal-nav #buttons img {
	display: inline;
	padding: 0 5px;
	font-size: 10px;
	text-decoration: none;
}

#left-gal #gal-nav p {
	float: left; text-align: left;
	font-size: 9px; padding: 2px 5px 0 5px;
	margin: 0; color: #fff;
}
		
#right-nav {
	width: 533px;
	height: 477px;
	float: right;
	background-color: #4d555b;
}

#right-nav h2 {
	margin: 30px 0 20px 60px;
	height: 30px; color: #fff;
	font-size: 30px; font-weight: normal;
}

#content.recessed #right-nav h2 span {
	background-image: url('../img/hdr-recessed.gif');
}
#content.classic #right-nav h2 span {
	background-image: url('../img/hdr-classic.gif');
}
#content.beam #right-nav h2 span {
	background-image: url('../img/hdr-beam.gif');
}
#content.wavescallop #right-nav h2 span {
	background-image: url('../img/hdr-wavescallop.gif');
}
#content.stellar #right-nav h2 span {
	background-image: url('../img/hdr-stellar.gif');
}

#right-nav ul {
	width: 430px;
	height: 380px;
	margin-left: 60px;
}

#right-nav ul li {
	display: block; background-color: #444;
	float: left; width: 104px;
	height: 73px; border: 1px solid #fff;
	margin-top: -1px;  /* these two lines */
	margin-left: -1px; /* remove the double border */
}

#right-nav ul li.blank {
	width: 105px; height: 74px;
	background-color: transparent;
	border: none; margin: 0;
}

#right-nav ul li img {
	padding: 0;
	margin: 0;
}

/* --------------------------------------
   Footer Section
-------------------------------------- */

#footer {
	width: 100%;
	height: 90px;
	background-color: #000;
	clear: both;
}

*html #footer {
	width: 950px;
}

#footer-nav {
	height: 15px;
	float: left;
	margin-top: 20px;
}

#footer-nav ul {
	font-size: 13px;
}

#footer-nav ul li {
	display: inline-block;
	float: left;
	height: 15px;
}

#footer-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

#footer-nav ul li a:hover span,
#footer-nav ul li a.active {
	background-position: 0 -15px;
}
	
#footer-nav ul li.btn-home { width: 47px; }	
#footer-nav ul li.btn-home a span { background-image: url('../img/btn-footer-home.gif'); }
			
#footer-nav ul li.btn-about { width: 62px; }
#footer-nav ul li.btn-about a span { background-image: url('../img/btn-footer-about.gif'); }
			
#footer-nav ul li.btn-cont { width: 71px; }
#footer-nav ul li.btn-cont a span { background-image: url('../img/btn-footer-contact.gif'); }

#footer-nav ul li.btn-contprod { width: 69px; }
#footer-nav ul li.btn-contprod a span { background-image: url('../img/btn-footer-contactprod.gif'); }
			
#footer-nav ul li.btn-prod { width: 80px; }
#footer-nav ul li.btn-prod a span { background-image: url('../img/btn-footer-products.gif'); }

#footer-nav ul li.btn-req { width: 130px; }
#footer-nav ul li.btn-req a span { background-image: url('../img/btn-footer-request.gif'); }

#footer-nav ul li.btn-down { width: 85px; }
#footer-nav ul li.btn-down a span { background-image: url('../img/btn-footer-downloads.gif'); }

#footer-nav ul li.btn-sparc { width: 95px; }
#footer-nav ul li.btn-sparc a span { background-image: url('../img/btn-footer-sparc.gif'); }

#footer-nav ul li.btn-phmet { width: 100px; }
#footer-nav ul li.btn-phmet a span { background-image: url('../img/btn-footer-photometrics.gif'); }

#footer-logo {
	width: 117px;
	height: 59px;
	float: right;
	background: transparent url('../img/logo-lighting-council.gif') top left no-repeat;
}

/* --------------------------------------
   Image Replacement
-------------------------------------- */

.img-rep {
	z-index: 10;
	overflow: hidden;
	display: block;
}

.img-rep span {
	z-index: 20; position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

/* --------------------------------------
   Clear Fix
-------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

*html .clearfix {
    zoom: 1;
    display: block;
}

/* --------------------------------------
   sIFR
-------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	z-index: 9;
	letter-spacing: 8px;
}

.sIFR-replaced {
	visibility: visible !important;
	z-index: 9;
}

span.sIFR-alternate {
	position: absolute;
	left: 0; top: 0;
	width: 0; height: 0;
	display: block; overflow: hidden;
	z-index: 9;
}

/** customize sIFR **/

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 2.4em;
	z-index: 9;
}

/* --------------------------------------
   Accessibility
-------------------------------------- */

.acc {
	display: none; height: 0;
	width: 0; visibility: hidden;
}

/* --------------------------------------
   Print
-------------------------------------- */

@media print {
#content-nav { display: none; }	
#footer-nav { display: none; }	
#main-subnav { display: none; }
#main-nav { display: none; }
a.howtospec { display: none!important; }
a.prodspec { display: none!important; }
* { background: none!important; border: none!important; color: #000!important;}
a img { display: none; }
}