/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                *
*  Client    :  Stratrgic Lighting                                              *
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        *
*  Modified  :  05-July-2007                                                    *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/* TIPS FOR THE STYLESHEET
================================================================================ 

The correct order for shrothand font stylying is....
font:font-style, font-variant, font-weight, font-size, line-height, font-family

Always Declare font styles above, again on forms.

The correct order for site links a, hover etc is....
link, visited, hover, focus, active.

=============================================================================== */
/* DEFAULTS MAJORITY OF ELEMENTS - THIS LOOKS SCARY BECUASE IT IS!! (main code LN 83)
=============================================================================== */
html, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* remember to define focus styles! 
=============================================================================== */
:focus { outline:0;} /* 1px solid #00 */

/* DEFAULT PAGE STYLES FOR TEXT DEFINED HERE
=============================================================================== */
body {line-height: 1;color:#000;background: #fff;font: normal normal normal 11px/1.4 arial, verdana, sans-serif;}

ol, ul {list-style: none;}

/* any tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* NOW THE MAIN STYLING CAN BEGIN
======================================================================== */
#wrapper {margin: 0 auto;width: 760px;}
#container {background: url(../images/container-1-2-col.gif) repeat-y 0 0;width: 100%;}
#header {color: #333;width: 760px;padding: 0px;height: 99px;margin: 0;background: #fff url(../images/sitetitle.gif) no-repeat 0 0;}
#topgraphic {color: #333;width: 760px;padding: 0px;height: 164px;margin: 0px 0px 6px 0px;}
#splash {color: #333;width: 760px;padding: 0px;height: 328px;margin:0;background: #fff url(../images/splash.gif) no-repeat 0 0;border-bottom:10px solid #fff;}
#footer {width:760px;color:#333;background:#fff;border-top:1px solid #000;border-bottom:1px solid #000;margin:10px 0 10px 0;padding:15px 0 10px 0;}


/* TEXT - HEADINGS P SPAN DEFAULT STYLING
======================================================================== */
#header a {display:block;height:99px;}
#rightcolumn p {padding:0 20px 0 10px;}
a:link, a:visited {text-decoration: none;color: #666;}
strong {color:#000;font-weight:700;}

#rightcolumn h1, #rightcolumn h2, #rightcolumn h3 {margin:10px 0 10px 10px;font-size:1.2em;color:#333;}
#rightcolumn a:hover {}

/* TOP GRAPHIC SELECTION 
======================================================================== */
.productpage {background: #cecece url(../images/pagetop-graphics/productpage.jpg) no-repeat 0 0;}
.categorypage {background: #cecece url(../images/pagetop-graphics/categorypage.jpg) no-repeat 0 0;}
.aboutuspage {background: #cecece url(../images/pagetop-graphics/aboutuspage.jpg) no-repeat 0 0;}
.servicespage {background: #cecece url(../images/pagetop-graphics/servicespage.jpg) no-repeat 0 0;}
.newspage {background: #cecece url(../images/pagetop-graphics/newspage.jpg) no-repeat 0 0;}
.casestudiespage {background: #cecece url(../images/pagetop-graphics/casestudiespage.jpg) no-repeat 0 0;}
.brandspage {background: #cecece url(../images/pagetop-graphics/brandspage.jpg) no-repeat 0 0;}
.termspage {background: #cecece url(../images/pagetop-graphics/termspage.jpg) no-repeat 0 0;}
.downloadspage {background: #cecece url(../images/pagetop-graphics/downloadspage.jpg) no-repeat 0 0;}
.contactuspage {background: #cecece url(../images/pagetop-graphics/contactuspage.jpg) no-repeat 0 0;}
.priceguidepage {background: #cecece url(../images/pagetop-graphics/priceguidepage.jpg) no-repeat 0 0;}
.searchres {background: #cecece url(../images/pagetop-graphics/priceguidepage.jpg) no-repeat 0 0;}


/* MAIN SITE NAVIGATION
======================================================================== */
#navigation {color: #fff;width:760px;padding: 0px;height: 20px;margin: 0px 0px 5px 0px;background: #000;position:relative;}
#navlist ul {margin-left: 0;padding-left: 0;white-space: nowrap;}
#navlist li {display: inline;list-style-type: none;padding:0px;border-right:1px solid #999;line-height:20px;}
#navlist li.end {border-right:0px;}

#navlist a { padding: 0px 27px 0 27px;font: normal normal 700 10px/1.4 arial, verdana, sans-serif;}
#navlist a.start {padding:0 20px 0 0;margin-left:14px;}
#navlist a.navend {padding:0 0 0 22px;margin:0;}
#navlist a:link, #navlist a:visited {color: #fff;background-color: #000;text-decoration: none;}
#navlist a:hover{color: #999;background-color: #000;text-decoration: none;}

#navlist a.active {color:#777;}


#brandsnav{display:none;width:102px!important;text-align:center;position:absolute;top:20px;left:308px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;border-bottom-width: 0;font:normal 11px Tahoma;line-height:16px;z-index:100;background-color:#000;}

#brandsnav a{width:102px;display: block;margin:0;border-bottom: 1px solid #fff;padding: 1px 0px;text-decoration: none;font-weight: normal;color:#fff;border-right:1px solid #999}

#brandsnav a:hover{ /*hover background color*/
background:#ccc;color:#555;}

/* LEFT HAND COLUMN SUB NAVIGATION STYLING
======================================================================== */
#leftcolumn {display: inline;color: #333;margin:0;padding: 0px;width: 162px;float: left;}
#leftcolumn .subnavigation {background-color:#000000;border-bottom:1px solid #fff;color:#fff;}
#subnavlist {padding-top:0px;margin-bottom:0;}
#subnavlist ul {padding:0;white-space: nowrap;margin:0;}
#subnavlist li {display: block;list-style-type: none;padding:2px 0 2px 13px;border-bottom:1px solid #999;}
#subnavlist li.start {}
#subnavlist li.end {border-bottom:1px solid #000;margin-bottom:0px;}

#subnavlist a { padding:0px;font: normal normal 700 11px/1.4 arial, verdana, sans-serif; }
#subnavlist a:link, #subnavlist a:visited {color: #fff;background-color: #000;text-decoration: none;}
#subnavlist a:hover {color: #ccc;background-color: #000;text-decoration: none;}


/* PRODUCT SEARCH FACILTY STYLING
======================================================================== */
#leftcolumn .productsearch {background-color:#d4d4d4;border-bottom:1px solid #fff;color:#000;}
#leftcolumn form {margin:0 0 5px 0;padding:6px 0 0px 12px;}
#leftcolumn form  fieldset {margin:0;padding:0;}
#leftcolumn form label {font-weight:700;}
#leftcolumn form input.userinput {height:12px;width:130px;border:1px solid #000;margin-bottom:2px;padding:2px 0 0 2px;font: normal normal normal 10px/1.4 arial, verdana, sans-serif;}
#leftcolumn form .submit {float:right;margin-right:20px;}


/* PRODUCT NAVIGATION STYLING
======================================================================== */
#leftcolumn .productsnav {background-color:transparent;color:#000;}
#productnavlist {padding-top:0px;}
#productavlist ul {margin-left: 0;padding-left: 0;white-space: nowrap;}

#productnavlist li.level1 {display: block;list-style-type: none;padding:2px 0 2px 13px;background-color:#000;}
#productnavlist li.level1 a {color:#fff;}
#productnavlist li.level1 a:hover {color:#ccc;}

#productnavlist li.level2 {display: block;list-style-type: none;padding:2px 0 2px 23px;background-color:#ccc;}
#productnavlist li.level2 a {}
#productnavlist li.level2 a:hover {color:#990000;}

#productnavlist li.level3 {display: block;list-style-type: none;padding:2px 0 2px 43px;background-color:#eee;}
#productnavlist li.level3 a {}
#productnavlist li.level3 a:hover {color:#990000;}

#productnavlist li.start {border-top:1px solid #999;}
#productnavlist li.end {border-bottom:1px solid #999;margin-bottom:20px;}

#productnavlist a { padding:0px;font: normal normal 700 11px/1.4 arial, verdana, sans-serif;}
#productnavlist a:link, #productnavlist a:visited {color: #000;text-decoration: none;}



/* MAIN SITE CONTENT - element Order on page
======================================================================== */
#rightcolumn {float: right;color: #333;margin: 0px 0 0 5px;padding: 0px;width: 593px;display: inline;position: relative;}
#rightcolumn .contenttitle {display:block;background-color:#000;width:593px;text-indent:0px;margin-bottom:5px;font-weight:700;color:#fff;line-height:1.8em;}

#rightcolumn .introcontainer {width:593px;border-top:1px solid #000;border-bottom:1px solid #000;overflow:auto;}
#rightcolumn .introcontainer .intro {display:block;padding:10px 10px 15px 0px;font-weight:700;min-height:55px;}
#rightcolumn h1 {font: normal normal 700 28px/1.4 arial, verdana, sans-serif;text-indent:10px;margin-top:28px;}

#rightcolumn #contentcontainer {width:593px;}
#rightcolumn .contentleft {width:370px;display:block;overflow:auto;margin: 5px 12px 0 0;padding:0; }
#rightcolumn .contentright {margin-top:5px;}

#rightcolumn .sectionborder {border:1px solid #000;}
#rightcolumn .contentsubtitles {display:block;background-color:#949ea7;width:593px;text-indent:10px;margin:5px 0;font-weight:700;color:#fff;line-height:1.8em;}

.endlink {margin-top:10px;padding:6px 0;border-top:1px solid #000;position:relative;}

/* ABOUT US PAGE STYLING
======================================================================== */
#rightcolumn .imagestrip {padding:0;border-bottom:1px solid #000;}
#rightcolumn .list1a {float:left;width:290px;}
#rightcolumn .list1b {float:right;width:290px;}
#rightcolumn .aboutuslist1, #rightcolumn .aboutuslist2 {margin-bottom:20px;}

#rightcolumn .aboutuslist1 li {margin:6px 10px 0 10px;padding-left:10px;background:transparent url(../images/aboutus-images/rfbul.gif) no-repeat 0px 4px;}
#rightcolumn .aboutuslist2 li {margin:0px 10px 0 10px;}

#rightcolumn .aboutuslist3 li {margin:0px 10px 0 30px;padding-left:6px;background:transparent url(../images/aboutus-images/rfbul.gif) no-repeat 0px 4px;}
#rightcolumn  ul li.off{background:none;margin:6px 10px 0 10px;padding-left:10px;}

#rightcolumn .tramlines {border-top:1px solid #ccc;padding:10px 0 10px 0;border-bottom:1px solid #ccc;margin-bottom:15px;}
#rightcolumn .double {padding:20px 0 20px 0;}
#rightcolumn .tramlines img {vertical-align:top;}


#rightcolumn .samples {margin:0;padding:5px 0 0 5px;display:block;}
#rightcolumn .samples  dl{margin:0;clear: both;}
#rightcolumn .samples dt{display: none;}
#rightcolumn .samples dd{margin:0 35px 0 2px;float:left;width: 138px;text-align: center;font: 1.2em/1em georgia,helvetica,times,"Times New Roman",serif;color: #fff;}
#rightcolumn .samples dd.end{margin-right: 0;margin-bottom:5px;}
#rightcolumn .samples dd a{background: #000;color:#fff;padding-bottom: 20px;font-size: 1px;line-height: 0;display: block;margin-bottom: 0px;text-align:left;}
#rightcolumn .samples dd a:hover{}
#rightcolumn .samples dd img{background: #fff;margin:0;padding:0;border-bottom:6px solid #fff;}
#rightcolumn .samples dd br{display: none;}
#rightcolumn .samples dd span.cattitle {display:block;padding-left:4px;font: normal normal normal 10px/1.4 arial, verdana, sans-serif;}

#rightcolumn .largeimage {border:1px solid #000;width:590px;margin-bottom:10px;padding-bottom:6px;}
#rightcolumn .largeimage img {border-bottom:1px solid #000;}
#rightcolumn .largeimage1, .largeimage2 {float:left;width:292px;background-color:#000;color:#fff;padding-bottom:5px;margin-bottom:10px;}
#rightcolumn .largeimage1 img, .largeimage2 img {border-bottom:5px solid #fff;} 
#rightcolumn .largeimage1 {margin-right:9px;}

#rightcolumn .brandsimage {margin-left:0px;margin-right:40px;}

/* CONTACT US PAGE
======================================================================== */

#rightcolumn .contactbg {background: transparent url(../images/contactus-images/strategic-globe.jpg) no-repeat right top;}
#verticalForm legend {display:none;}
#verticalForm fieldset {display: block;border:1px solid #444; width: 17em;margin: 0px 2em 1em 10px;padding: 0.5em 2em 1.5em 1em;float:left;}
#verticalForm fieldset.end {margin-right:0px;}
#verticalForm fieldset.radio {width: 15em;margin: 1em 0 2em 0;}
#verticalForm fieldset.radio input {clear: both;float: left;width: auto;}
#verticalForm fieldset.radio label {font-weight: normal;}
#verticalForm input, select {display: block;width: 15em;border:1px solid #555;}
#verticalForm label {display: block;margin-bottom: 1em;font-weight: bold;}
#verticalForm label.first {padding-top: 1em;}
#verticalForm fieldset.finish {border-style:none;margin:10px 0 0 10px;padding:0;}
#verticalForm textarea {border:1px solid #444;width:475px;}
#verticalForm input.submit {margin-left:0px;}

#verticalForm input:focus, select:focus, textarea:focus {border:1px solid #333;background-color:#555;color:#fff;}


/* SIGN IN AND ACCOUNT CREATION
======================================================================== */
#rightcolumn #signinform {position:relative;}
#rightcolumn #signinform fieldset {display: block;border:1px solid #444; width: 90%;margin: 0px 2em 1em 10px;padding: 0.5em 2em 1.5em 1em;float:left;}
#rightcolumn #signinform label {width:100px;display:block;margin-top:10px;font-weight:700;}
#rightcolumn #signinform input {margin:0 0 0 0;border:1px solid #555;}

#rightcolumn #newaccount {display:none;}
#rightcolumn #newaccountform {position:relative;}
#rightcolumn #newaccountform fieldset {display: block;border:1px solid #444; width: 90%;margin: 0px 2em 1em 10px;padding: 0.5em 2em 1.5em 1em;float:left;}
#rightcolumn #newaccountform label {width:100px;display:block;margin-top:10px;font-weight:700;}
#rightcolumn #newaccountform input {margin:0 0 0 0;border:1px solid #555;}


/* BRANDS PAGE 
======================================================================== */
#rightcolumn .vspace {margin-top:15px;}
#ffie7fix {margin-right:6px;}

/* PRICE GUIDE PAGE 
======================================================================== */
#rightcolumn #priceguide {margin:10px 0 0 10px;width:550px;}
#rightcolumn #priceguide caption {display:none;}
#rightcolumn #priceguide th {background-color:#000;padding:4px;color:#fff;}
#rightcolumn #priceguide .tstart {padding:10px 0 10px 0;background-color:#fff;}
#rightcolumn #priceguide td {border:1px solid #fff;padding:6px;background-color:#949ea7;}
#rightcolumn #priceguide td.tdcol1 {width:70px;}
#rightcolumn #priceguide td.tdcol2 {color:#fff;font-weight:700;}

/* PRODUCT PAGES
======================================================================== */
#rightcolumn .titleofproduct {width:370px;display:block;overflow:auto;margin-right:15px;}
#rightcolumn .productimage {margin-bottom:5px;}
#rightcolumn .productspecification {margin-bottom:5px;}
#rightcolumn .productdescription {margin-bottom:5px;padding:0 5px 0 0px;}
#rightcolumn .productdescription table caption {padding-left:10px;}
#rightcolumn .productdescription table td {padding-left:10px;}
#rightcolumn .productdownloads {padding:10px;background-color:#eeeeee;}


#rightcolumn #prddl-title {background-color:#000;color:#fff;border:1px solid #000;width:368px;margin:-10px 0 0 -10px;padding:0;position:relative;}
#rightcolumn #prddl-title p strong {color:#fff;}

#rightcolumn .schematic, #rightcolumn .section {margin-bottom:5px;width:208px;}

#rightcolumn .section1,
#rightcolumn .section2,
#rightcolumn .section3,
#rightcolumn .section4 {margin-bottom:5px;color:#000;width:208px}

#rightcolumn .sectiontitle12 {display:block;background-color:#000;color:#fff;width:208px;text-indent:10px;margin-bottom:5px;}	
#rightcolumn .sectiontitle34 {display:block;background-color:#eee;width:208px;color:#000;text-indent:10px;margin-bottom:5px;}	


/* CATEGORY PAGES
======================================================================== */
#rightcolumn .categories {margin:10px 0 0 0;padding:0;display:block;}
#rightcolumn .categories  dl{margin:0;clear: both;}
#rightcolumn .categories dt{display: none;}
#rightcolumn .categories dd{margin:0 0 0 2px;float:left;width: 138px;margin-right: 10px;margin-bottom: 0px;text-align: center;font: 1.2em/1em georgia,helvetica,times,"Times New Roman",serif;color: #fff;}
#rightcolumn .categories dd.end{margin-right: 0;margin-bottom:5px;}
#rightcolumn .categories dd a{background: #000;color:#fff;padding-bottom: 20px;font-size: 1px;line-height: 0;display: block;margin-bottom: 10px;text-align:left;}
#rightcolumn .categories dd a:hover{}
#rightcolumn .categories dd img{background: #fff;margin:0;padding:0;border-bottom:6px solid #fff;}
#rightcolumn .categories dd br{display: none;}
#rightcolumn .categories dd span.cattitle {display:block;padding-left:4px;font: normal normal normal 10px/1.4 arial, verdana, sans-serif;}

#rightcolumn .categories hr.hr {color: #ccc;background-color: #000;height: 1px;border-style:none;margin:0px 0 15px 0}


/* CASESTUDY DETAIL - NEWS DEATAIL PAGES
======================================================================== */
#detail-container {position:relative;}
#detail-container .detail-left{position:relative;width:380px;float:left;}
#detail-container .detail-right{position:relative;width:200px;float:right;margin-right:4px;} /* 4px */
#detail-container  #casenewspage {position:relative;width:200px;float:right;margin-right:10px;}

/* DOWNLOADS PAGE
======================================================================== */
#rightcolumn .download-container {position:relative;margin:10px 0 0 0;}
#rightcolumn .download-container .leftcol-downloads {position:relative;display:block;float:left;width:320px;overflow:auto;}

/* FOOTER STYLING
======================================================================== */
#footer {color:#ccc;font-size:9px;}
#footer a {color:#aaa;}
#footer .copyright {position:relative;padding: 0 250px 0 0;}
#footer img {float:right;margin:-2px 0 0 0;padding:0;position:relative;}

/* SFX AND TRICKS
========================================================================== */
.image-block{
	display: block;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
	text-decoration: none;
	letter-spacing: -9999px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear { clear: both; background: none; }

.clearfix{
     border: 0;
     clear: both;
     display: block;
     float: none;
     margin: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
	}
.floatleft {float:left;}	
.floatright {float:right;}	
hr.hr {color: #000;background-color: #000;height: 1px;border-style:none;margin:0px 0 15px 0}


/* Flash intro style 
======================================================================== */

#flash{z-index:0;width:760px;height:328px;overflow:hidden;}