/*********************************************
/
/ 	SpecLight Site Default Style Sheet 
/
**********************************************/












/**************************************************************************************************
/
/   Promotion Box
/
**************************************************************************************************/
#dropwindow {
 width:800px;
 margin:0 auto;
 padding:0;
 cursor:default;
 position:relative;
}

#openwindow {
 text-align:center;
 height:250px;
 background:#000;/* url("/images/Promotion_QSH_banner.jpg") no-repeat top left;*/
}

#openwindow a:link {
 color:#FFF;
 text-decoration:none;
}

#openwindow a:visited {
 color:#FFF;
 text-decoration:none;
}

#openwindow a:hover {
 color:#ECE8D3;
 text-decoration:underline;
}

#Promotion-head h1 {
 color:#FFF;
 font-size:14px;
 text-align:left;
 margin:10px;
 text-indent:-999999px;

 background:#000 url('/images/QSH/QSH_tag_title.gif') no-repeat top left;
 width:436px;
 height:87px
}

#Promotion-body {

}

#Promotion-body h2 {
 color:#FFF;
 font-size:12px;
 text-align:left;
 margin:5px;
}

#Promotion-body p {
 color:#FFF;
 font-size:12px;
 line-height:14px;
 text-align:left;
 margin:5px 5px 5px 10px; 
}

#Promotion-body ul {
 font-size:12px;
 color:#FFF;
 list-style-type:square;
}

.Promotion-body-left {
 width:59%;
 float:left;
}

.Promotion-body-right {
 width:40%;
 float:right;
}



#Promotion-foot {
}


#toggletext{
 width:800px;
 height:30px;
 margin:0 auto;
 background:#000; 
 cursor:default;
 position:relative;
}

.toggletext-left {
 position:absolute;
 top:5px;
 left:5px;
}

.toggletext-right {
 position:absolute;
 top:5px;
 right:5px;
}

#toggletext img {
 border:0px none;
}

#toggletext a:link {
 color:#FFF;
}

#toggletext a:visited {
 color:#FFF;
}

#toggletext a:hover {
 color:#ECE8D3;
 text-decoration:underline;
}

#toggletext p {
 color:#FFF;
 font-size:12px;
 text-align:left;
 margin:0;
}

#toggletext a.togglethis {
 background:url('/images/icons/drop_arrow_sm.gif') no-repeat 0 50%;
 padding-left:15px

}

#toggletext a.closethis {
 background:url('/images/icons/close_button_sm.gif') no-repeat 0 50%;
 padding-left:15px 

}










/**************************************************************************************************
/
/   General Style Sheet
/
**************************************************************************************************/
body {
 background:#9998A7; 
 font-family:Arial,Helvetica,Sans-serif;
 margin:0;
 padding:0;
 text-align:center;
}

#wraper {
 background:#282936 url('/images/wraper_background.gif') repeat-x top left; 
 padding:0;
 width:800px;
 margin:0 auto
}

#container {
 width:750px;
 margin:0px auto;
 position:relative;
}






/**************************************************************************************************
/
/   Footer Style Sheet
/
**************************************************************************************************/
#footer {
 width:750px;
 margin:10px auto;
 text-align:left;
 padding-top:10px;
 padding-bottom:10px;
 position:relative;
 clear:both;
}

#footer p {
 font-size:70%;
 color:#FFF;
}

#footer img {
 border:0px none;
}

.footer-right {
 position:absolute;
 right:0;
 top:0;
 text-align:right;
}

#footer a:link, #footer a:visited {
 color:#FFF;
 text-decoration:none;
}

#footer a:hover {
 text-decoration:underline;
}


#SL-FOOTER {display:none;}










/**************************************************************************************************
/
/   Constant Element Style Sheet
/   note: the horizontal bar that will always display on every page.
/   note: hosts news product announcements, product hotlinks, and etc. 
/
**************************************************************************************************/



/* > Header 
*************************************/
#Main-header {
 width:750px;
 height:130px;
 position:relative;
}

#BrandIdentity {
 text-align:left;
 position:absolute;
 left:0;
 top:0;
}

#BrandIdentity h1 {
 text-indent:-99999px;
 margin:0;
 background:url('../images/brand_logos/Speclight_lg.gif') no-repeat top left;
 width:321px;
 height:123px 
}

#BrandIdentity h1 a {
 border:none;
 display:block;
 text-decoration:none;
 height:117px;
}

#Shortcut-nav {
 position:absolute;
 bottom:5px;
 right:0;
 text-align:right;
 margin:5px;
}

#Shortcut-nav ul {
 font-size:12px;
 margin:5px;
 padding:0;
 list-style:none;
 float:right;
}

#Shortcut-nav li {
 margin:0 10px;
 float:left;
}

#Shortcut-nav a {
 color:#5a94ff;
}

#Shortcut-nav a:link {
 text-decoration:none;
}

#Shortcut-nav a:visited {
 text-decoration:none;
}

#Shortcut-nav a:hover {
 text-decoration:underline;
}

/* > Constant-nav 
*************************************/
#Constant-nav {
 width:750px;
 height:300px;
 background:#000 url('../images/Constant_nav_bg.jpg') no-repeat top left;
 margin:5px 0;
 position:relative;
 clear:both;
}

/* >> Constant-head
*************************************/
#Constant-head {
 width:100%;
 height:30px;
 text-align:right;
 margin:0;
 padding:0;
 position:absolute;
 top:0;
 left:0;
}

#Constant-head ul {
 font-size:14px;
 font-weight:bold;
 margin:7px;
 padding:0;
 list-style:none;
 float:right;
}

#Constant-head li.divider {
 background:url('../images/Constant_nav_divider.gif') no-repeat 0 50%;
}

#Constant-head li.head-items {
 padding:0 10px;
 float:left;
}

#Constant-head a {
 color:#5a94ff;
}

#Constant-head a:link {
 text-decoration:none;
}

#Constant-head a:visited {
 text-decoration:none;
}

#Constant-head a:hover {
 text-decoration:underline;
}

/*#MainContent a:hover, #SubContent a:hover {
 color:#3271e4;*/


/* >> Constant-body 
*************************************/
#Constant-body {
 width:100%;
 position:absolute;
 top:30px;
 left:0;
}

#Constant-Quickviews {
 width:50%;
 position:absolute;
 top:0;
 left:5px;
}

#Constant-Quickviews img {
 width:375px;
 height:250px;
 border:0px none;
 margin:0;
 padding:0;
 behavior:url("/images/Constant/pngbehavior.htc")
}

#Constant-Quicklinks {
 width:49%;
 padding:0px 20px 5px 10px;
 text-align:left;
 float:right;
}

#Constant-Quicklinks .QuickDescription {
 margin:0;
 padding:0;
}

#Constant-Quicklinks .QuickDescription p {
 font-size:12px;
 color:#FFF;
 text-align:left;
 margin:5px;
}

#Constant-Quicklinks ul {
 font-size:14px;
 font-weight:bold;
 list-style:none;
 margin:0;
 padding:0;
 color:#FFF;
}

#Constant-Quicklinks li {
 margin:1px;
 padding:1px;
 border:0px none;
}

#Constant-Quicklinks .Quicklinks {
 width:49%;
 margin:0;
 padding:0;
}

#Constant-Quicklinks .linkleft {
 float:right;
}

#Constant-Quicklinks .linkright {
 float:right;
}

#Constant-Quicklinks ul a {
 display:block;
 padding:1px 1px 1px 15px;
 color:#FFF;
}

#Constant-Quicklinks ul a:link {
 text-decoration:none;
}

#Constant-Quicklinks ul a:visited {
 text-decoration:none;
}

#Constant-Quicklinks ul a:hover {
 background:#0C0C0C url('/images/icons/Constant_Quicklinks_hover.gif') no-repeat 0 50%;
 text-decoration:underline
}


#Constant-Quicklinks .QuickDescription a {
 color:#5a94ff;
 text-decoration:none;
}

#Constant-Quicklinks .QuickDescription a:hover {
 color:#3271e4;
 text-decoration:underline;
}






/* >> Constant-foot 
*************************************/
#Constant-foot {
 width:100%;
 border-top:solid 1px #000;
 background:#0C0C0C;
 padding:10px 0;
 position:absolute;
 bottom:0;
 left:0;
}

#Constant-foot p {
 font-size:12px;
 font-weight:bold;
 color:#FFF;
 text-align:right;
 margin:0 10px 0 0;
}

#Constant-foot a:link {
 color:#FFF;
 text-decoration:none;
}

#Constant-foot a:visited {
 color:#FFF;
 text-decoration:none;
}

#Constant-foot a:hover {
 color:#FFF;
 text-decoration:underline;
}




/* > ProductPage-nav 
** > Only when isProductPage = true
*************************************/
#ProductPage-nav {
 width:750px;
 background:#000 url('/images/navigation/ProductPage_chrome_black.gif') repeat-x top left;
 border-top:2px solid #000;
 border-bottom:5px solid #000;
 margin-bottom:5px;
 text-align:left;
 float:left
}

#ProductPage-nav ul {
 font-weight:bold;
 list-style:none;
 margin:3px 0 0 0;
 padding:0;
 float:left;
}

#ProductPage-nav li {
 background:#000 url('/images/navigation/ProductPage_tr_round.gif') no-repeat top right; 
 margin:0 3px;
 float:left
}

#ProductPage-nav a {
 background:url('/images/navigation/ProductPage_tl_round.gif') no-repeat top left; 
 color:#FFF;
 display:block; padding-left:11px; padding-right:11px; padding-top:7px; padding-bottom:7px
}

#ProductPage-nav a:link, #ProductPage-nav a:visited {
 text-decoration:none;
}

#ProductPage-nav a:hover {
 text-decoration:underline;
}




/***************************** End HEADER STYLES *****************************/
/*****************************************************************************/
/*****************************************************************************/






/**************************************************************************************************
/
/   Body Style Sheet:	#MainContent
/
**************************************************************************************************/
#MainContent {
 width:100%;
 background:#000;
 text-align:left;
 float:left;
}

#HoverOverlay {
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 background: #000;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 z-index:100;
/*
 filter:alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9; */
}

#HoverFlash {
 position:relative;
 top:20%;
}

#MainFlash {
 margin:0;
}

#MainFlash p {
 font-size:12px;
 color:#CC0000;
 margin:5px;
}

#MainContent .clearboth {
 width:100%;
 clear:both;
 margin:7px auto;
}







/**************************************************************************************************
/
/   Body Style Sheet:	#MainContent > #MainEvents
/
**************************************************************************************************/
#MainEvents {
 margin:0;
}

#MainEvents .EventToggle {
 padding-top:3px;
 padding-bottom:3px; 
 border:solid 1px #222;
}

#MainEvents .EventAltRow {
 background-color:#121212;
}

#MainEvents .EventActive {
 background:#252525;
/* background:#6180c6; blue color*/
}

#MainEvents .EventToggle small {
 font-size:10px;
 color:#FFF;
 text-align:right;
 width:100px;
 margin-right:10px;
 float:left;
}

#MainEvents .EventToggle h3 {
 font-size:12px;
 color:#FFF;
 margin:0;
 background:url('/images/icons/drop_arrow_sm.gif') no-repeat 100% 50%;
}

#MainEvents .EventDescription {
 color:#FFF;
 font-size:12px;
 clear:both;
 background:#000;
 overflow:hidden;
}

#MainEvents .EventDescription p {
 margin:0 10px 0 110px;
 line-height:18px;
}

#MainEvents .EventDescription ul {
 margin:5px 0 0 130px;
 padding:0;
 list-style:none;
}

#MainEvents .EventDescription li {
 background:url('/images/bullets/white_arrow_sm.gif') no-repeat 0 50%;
 padding-left:20px
}

#MainEvents .EventDescription img {
 border:none;
 float:right;
}








/**************************************************************************************************
/
/   Body Style Sheet:	#MainContent > #MainInformation
/
**************************************************************************************************/
#MainInformation {
 width:60%;
 margin:5px;
 float:left;
}


/**************************************************************************************************
*   Body Style Sheet:	#MainContent > #MainInformation > .InfoSummary (general information)
**************************************************************************************************/
#MainInformation .InfoSummary {
 font-size:12px;
 color:#FFF;
}

#MainInformation .InfoSummary p {
 text-align:justify;
 margin:0 0 5px 0;
 line-height:18px;
}

#MainInformation .InfoSummary ul {
 margin:5px;
 padding:0;
 list-style:none;
}

#MainInformation .InfoSummary li {
 background:url('/images/bullets/white_arrow_sm.gif') no-repeat 0 50%;
 padding-left:20px
}

#MainInformation .InfoSummary img {
 margin:5px;
 border:none;
 float:left;
}



/**************************************************************************************************
*   Body Style Sheet:	#MainContent > #MainInformation > .ProductSummary (product information)
**************************************************************************************************/
#MainInformation .ProductSummary {
 font-size:12px;
 color:#FFF;
}

#MainInformation .ProductDescription {
 font-size:12px;
 color:#FFF;
 margin-bottom:10px;
}

#MainInformation .ProductDescription p {
 margin:0 0 0 15px;
}

#MainInformation .ProductDescription img, #MainInformation .ProductGallery img {
 border:0px none;
 background:#FFF;
 padding:5px
}

#MainInformation .ProductDescription ul {
 margin:5px 0 0 15px;
 padding:5px 0 0 15px;
}

#MainInformation .ProductGallery ul {
 list-style:none;
 margin:5px 0 0 5px;
 padding:5px 0 0 5px;
}

#MainInformation .ProductGallery li {
 width:80px;
 text-align:center;
 margin:5px;
 display:block;
 float:left;
}

#MainInformation .ProductGallery li strong {
 font-size:11px;
}

#MainInformation .NewProduct small {
 margin:5px;
 float:left;
}

#MainInformation .NewProduct h3 {
 font-size:12px;
 color:#FFF;
 border-bottom:dotted 1px #FFF;
 padding-left:5px;
 padding-top:3px;
}



/**************************************************************************************************
*   Body Style Sheet:	#MainContent > #MainInformation > .ContactInfo (contact information)
**************************************************************************************************/
#MainInformation .ContactInfo {
 margin-bottom:10px;
 padding-bottom:10px;
}

#MainInformation .ContactRow {
 width:100%;
 margin-bottom:10px;
 border-bottom:dotted 1px #FFF;
 float:left;
}

#MainInformation .ContactInfo h3 {
 clear:both;
}

#MainInformation .ContactRow a {
 background:url('/images/icons/send_email_sm.gif') no-repeat 0 50%;
 padding-left:25px
}










/**************************************************************************************************
/
/   Body Style Sheet:	#MainContent > #MainTool
/
**************************************************************************************************/
#MainTool .ToolHeader {
 margin-top:10px;
 margin-bottom:10px;
 padding-top:10px;
 color:#FFF;
 font-size:12px;
}

#MainTool .ToolHeader h3 {
 margin:5px;
} 

#MainTool .ToolHeader p {
 margin:5px;
}

#MainTool .ToolHeader small {
 margin:5px;
}

#MainTool .ToolContainer {
 font-size:12px;
 color:#FFF;
}


/**************************************************************************************************
/   Body Style Sheet:	#MainContent > #MainTool > .OutputLayout
/	od = output description
/	id = input description
**************************************************************************************************/
#MainTool .OutputLayout dl {
 margin:0;
 padding:0;
}

#MainTool .OutputLayout dt {
 font-weight:bold;
 border-bottom:dotted 1px #333;
 float:left;
}

#MainTool .OutputLayout dd {
 border-bottom:dotted 1px #333;
 margin:0;
}

#MainTool .odColumns dt {
 width:150px;
}

#MainTool .odBlock dt {
 margin-right:5px;
}

#MainTool .OutputDescription {
 margin:5px;
}

#MainTool .odColumns {
 width:48%;
}

#MainTool .odBlock {
 width:98.5%;
}

#MainTool .odBorder {
 border:solid 1px #FFF;
 padding-top:5px;
 padding-bottom:5px;
}

#MainTool .odBorder p {
 margin-left:5px;
}

#MainTool .odLeft {
 float:left;
}

#MainTool .odRight {
 float:right;
}


/**************************************************************************************************
/   Body Style Sheet:	#MainContent > #MainTool > .odChart
**************************************************************************************************/
#MainTool .odChart {
 width:100%;
 border:0px none;
}

#MainTool .odChart td {
 margin:0;
 padding:0;
}

#MainTool .odChart td.odAxis {
 color:#FFF;
 font-size:12px;
 font-weight:bold;
 text-align:right;
 padding-right:5px;
 border-right:solid 1px #FFF;
 margin:0;
 background:#111;
}

#MainTool .odChart td.odAxisValue {
 color:#FFF;
 font-size:12px;
 padding-right:10px;
}

#MainTool .odBarChart {
 padding:0;
 margin:0;
 border:0px none;
 height:30px
}

#MainTool .odBarOne {
 background:#CC0000;
}

#MainTool .odBarTwo {
 background:#009900;
}




/**************************************************************************************************
/   Body Style Sheet:	#MainContent > #MainTool > .InputLayout
**************************************************************************************************/
#MainTool .InputLayout fieldset {
 border:solid 1px #333;
 margin:5px;
 padding-top:5px;
 padding-bottom:5px;
}

#MainTool fieldset.idAltRows {
 border:0px none;
 margin-bottom:5px;
 margin-top:5px
}

#MainTool fieldset.idColumns {
 padding:0;
}

#MainTool .idColumns {
 width:48%;
}

#MainTool fieldset.idHide {
 border:0px none; 
}

#MainTool .idLeft {
 float:left;
}

#MainTool .idRight {
 float:right;
}

#MainTool .InputLayout legend {
 color:#585858;
}

#MainTool .InputLayout dl {
 margin:5px;
 padding:5px;
}

#MainTool .InputLayout dt label {
 font-weight:bold;
}

#MainTool .InputLayout dt label.RequiredField {
 background:url('/images/icons/icon_required_forminput.gif') no-repeat 100% 60%;
 padding-right:55px
}


#MainTool .InputLayout dt {
 margin-bottom:5px;
}

#MainTool .InputLayout dd {
 margin:0 0 5px 0;
}


#MainTool .InputLayout dl#custom_system {
 display:none;
}







/**************************************************************************************************
/   Body Style Sheet:	#MainContent > #MainTool > .InputLayout > Form elements
**************************************************************************************************/
#MainTool .form_action {
 padding-top:10px;
 text-align:center;
}

#MainTool .InputLayout input {
 font-family:verdana;
 font-size:11px;
 color:#0028f5;
}

#MainTool .InputLayout option, #MainTool .InputLayout select {
 font-family:verdana;
 font-size:11px;
 color:#0028f5;
}

#MainTool .InputLayout textarea { 
 font-family:verdana;
 font-size:11px;
 color:#0028f5;
 overflow:auto;
}

#MainTool .InputLayout input.formbtn {
 width:116px;
 height:36px;
 background:url('/images/formBtns.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
} 

#MainTool .InputLayout input.formbtnHover {
 width:116px;
 height:36px;
 background:url('/images/formBtnsHover.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
}










/**************************************************************************************************
/
/   Body Style Sheet:	#MainContent > #SideInformation
/
**************************************************************************************************/
#SideInformation {
 width:36%;
 margin-left:5px;
 background:#000;
 /*background:#cc0000 url("/images/navigation/RepeatedMiddle.gif") repeat-y top left; */
 float:right;
}

#SideResources {
 /* background:url("/images/navigation/TopRoundCorners.gif") no-repeat top left; */
}

#SideInformation .InformationList {
 font-size:12px;
 color:#FFF;
 padding-bottom:5px;
/* background:url("/images/navigation/BottomRoundCorners.gif") no-repeat bottom left; */
}
 
#SideInformation .InformationList h3 {
 font-size:14px;
 margin:0;
 background:url('/images/bullets/orange_sphere_sm.gif') no-repeat 2% 70%;; padding-left:20px; padding-right:5px; padding-top:15px; padding-bottom:5px
}

#SideInformation .InformationList ul {
 margin:5px;
 padding:0;
 list-style:none;
}

#SideInformation .InformationList li {
 margin-top:5px;
 margin-bottom:10px;
}

#SideInformation .InformationList .InfoLinkList li {
 padding-left:20px;
 background:url('/images/bullets/white_arrow_sm.gif') no-repeat 0 50%;
}

#SideInformation .InformationList dl {
 margin:5px;
 padding:0;
}

#SideInformation .InformationList dt {
 font-weight:bold;
}

#SideInformation .InformationList dd {
 margin:0 0 5px 0;
}










/**************************************************************************************************
/
/   Body Style Sheet:	#SubContent
/
**************************************************************************************************/
#SubContent {
 width:100%;
 background:#000 url('/images/SubContent_3dividers.gif') repeat-y top left;
 margin-top:5px;
 padding-bottom:5px;
 float:left
}

#SubContent .scColumn h3 {
 font-size:12px;
 color:#FFF;
 padding-top:3px;
 padding-bottom:3px;
 margin:5px;
}

#SubContent .scColumn p {
 font-size:12px;
 color:#FFF;
 margin:5px;
 text-align:left;
}

#SubContent .scColumn ul {
 font-size:12px;
 color:#FFF;
 text-align:left;
 list-style:none;
 margin:0;
 padding:0;
}

#SubContent .scColumn li {
 background:url('/images/icons/NewItem_star.gif') no-repeat 0 50%;
 border-bottom:1px dashed #212121;
 padding-left:20px;
 margin:0
}

#SubContent .scColumn img {
 border:none;
}

#SubContent .scColumn {
 width:33%;
}

#SubContent .scLeft {
 float:left;
}

#SubContent .scMiddle {
 margin:0 2px 0 3px;
 float:left;
}

#SubContent .scRight {
 float:right;
}

#MainContent a, #SubContent a {
 color:#5a94ff;
 text-decoration:none;
}

#MainContent a:hover, #SubContent a:hover {
 color:#3271e4;
 text-decoration:underline;
}

#MainContent .EventToggle h3 a {
 display:block;
 color:#fffed9;
 text-decoration:none;
}

#MainContent .EventToggle h3 a:hover {
 color:#FFF;
}












/**************************************************************************************************
/
/   Photometric Style Sheet  (part 1)
/   note: controls how the photometry table looks
/
**************************************************************************************************/
#photometry-info {
 width:100%;
 color:#FFF;
 font-size:70%;
 background:#808080;
 border:solid 1px #FFF;
 margin-bottom:10px;
 float:left;
}

#photometry-info .content {
 margin:5px;
 text-align:left;
}

#photometry-info a:link, #photometry-info a:visited {
 color:#FFF;
 text-decoration:none;
}

#photometry-info a:hover {
 color:#000;
 background:#EEE;
 text-decoration:none;
}

#photometry {
 width:100%;
 color:#FFF;
 text-align:left;
 border:solid 1px #FFF;
 background:#282846;
 float:left;
}

#photometry h2 {
 color:#1D23A6;
 background:#FFF;
 font-size:100%;
 font-weight:bold;
 margin:0;
 text-align:center;
}

#photometry table {
 border-collapse:collapse;
 font-size:70%;
 width:auto;
 color:#FFF;
 cursor:default;    
}

#photometry img {
 border:0px none;
 float:left
}

.hi-lite thead th {
 border-collapse:collapse;
 color:#FFF;
}

.hi-lite td {
 vertical-align:top;
 border-collapse:collapse;
 padding:3px;
}

.hi-lite tr.highlite {
 background:#808080;
 color:#FFF;
}

.col0 {
 width:8%; 
}

.col1 {
 width:28%;
}

.col2 {
 width:65%;
}

.col3 {
 width:10%;
 text-align:center;
}

#photometry a:link, #photometry a:visited {
 color:#FFF;
 text-decoration:none;
}

#photometry a:hover {
 color:#FFFF00;
 background:transparent;
}


/**************************************************************************************************
/
/   Photometric Style Sheet  (part 2)
/   note: controls how the photometry table looks
/
**************************************************************************************************/
#photometric-report {
 width:100%;
 text-align:left;
 margin:10px 0 10px 0;
 background:#282846; 
 border:solid 1px #FFF;
}

#photometric-report h2 {
 color:#1D23A6;
 background:#FFF;
 font-size:100%;
 font-weight:bold;
 margin:0;
 text-align:center;
}

#photometric-report h3 {
 font-size:80%;
 margin:5px;
}

#photometric-report p {
 color:#FFF;
 font-size:70%;
 margin:5px;
}

#photometric-report table {
 color:#FFF;
 font-size:82%;
 margin:5px;
 padding:0;
 border-collapse:collapse;
}

#photometric-report td {
 vertical-align:top;
 text-align:left;
}

















/**************************************************************************************************
/
/   REALLY OLD STUFF DOWN HERE  (deletable)
/
/
/   Body Style Sheet
/   note: controls how home page displays
/
**************************************************************************************************/













/* ********************************************************************************* **/
/* ********************************************************************************* **/


/* Intranet Only 																	 

	- WWspeclight
	- TIP brochure


*/


/* ********************************************************************************* **/
/* ********************************************************************************* **/

/* (<-- wwspeclight style sheet -------------------------------------------------->) **/
#wwspeclight {
}

#wwspeclight h2 {
    color:#1D23A6;
	background:#FFF;
	font-size:100%;
	text-align:center;
	margin:0 0 5px 0;
}

#wwspeclight a:link, #wwspeclight a:visited {
	color:#FFF;
	text-decoration:none;
}

#wwspeclight a:hover {
	color:#000;
	background:#EEE;
}

#wwspeclight h3.dim, #wwspeclight ul.dim, #wwspeclight p.dim, #wwspeclight a.dim {
	color:#3D3D69;
	text-decoration:line-through;
}




#bonus-program {
	width:100%;
	background:#282846;
	border:solid 1px #FFF;
	margin-bottom:10px;
	float:left;
}

#bonus-program h3 {
	font-size:95%;
	margin:5px;
	color:#FFF000;
	text-align:left;
}

#bonus-program p {
	font-size:70%;
	color:#FFF;
	text-align:left;
	margin:5px;
}

#bonus-program img {
	border:0px none;
	margin:5px;
	float:left
}



/* ************************************************************************************/
/* ************************************************************************************/
/* (<-- Resources Style Sheet -------------------------------------------------->) **/
#Resources {
}

#Resources h2 {
    color:#1D23A6;
	background:#FFF;
	font-size:100%;
	text-align:center;
	margin:0 0 5px 0;
}

#Resources a:link, #Resources a:visited {
	color:#FFF;
	text-decoration:none;
}

#Resources a:hover {
	color:#000;
	background:#EEE;
}

#Resources h3.dim, #Resources ul.dim, #Resources p.dim, #Resources a.dim {
	color:#3D3D69;
	text-decoration:line-through;
}

/* (<-- wwspeclight >> Brochure style sheet -------------------------------------------------->) **/

#brochure-intro {
	width:100%;
	border:solid 1px #FFF;
	background:#282846;
	margin-bottom:10px;	
	float:left;
}

#brochure-intro p {
	color:#FFF;
	font-size:70%;
	margin:5px;
	text-align:left;
}

#brochure-intro p.brochure-large-text {
	font-size:15px;
	font-weight:bold;
	color:#FFFF00;
}

#brochure-intro img {
	border:0px none;
	margin:5px;
	float:left
}

a#tip-hover {
	width:200px;
	height:240px;
    background:url('/wwspeclight/brochures/tip/tip_intro.jpg') no-repeat;
	display:block;
	float:left
}

a#tip-hover:hover {
	width:200px;
	height:240px;
    background:url('/wwspeclight/brochures/tip/tip_intro_over.jpg') no-repeat;
	display:block;
	float:left
}









#brochure-body {
	width:100%;
	border:1px solid #FFF;
	background:#282846 url('/images/presentation_grad.gif') repeat-x top left;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align:center;
	float:left
}

#brochure-body small {
	font-size:80%;
	color:#FFFF00;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}

#brochure-body p {
	font-size:70%;
	color:#FFF;	
	text-align:left;
	margin:5px;
}

#brochure-body ul {
	font-size:70%;
	color:#FFF;
	margin-top:10px;
	margin-left:10px;
	padding:0;
	list-style:none;
	float:left;
}

#brochure-body li {
	width:330px;
	margin-bottom:5px;
	background:url('/images/bullets/yellowarrow.gif') no-repeat top left;
	padding-left:15px;
	margin-right:10px;
	text-align:left;
	float:left; list-style-type:none
}

#brochure-body li.pdf-icon {
	background:url('/images/FileTypes/pdf.gif') no-repeat 0 50%;
}

#Resources #brochure-body li.pdf-icon a {
	margin-left:3px;
	color:#FFFF00;
}

#Resources #brochure-body li.pdf-icon a:hover {
	color:#FFF;
	background:transparent;
	text-decoration:underline;
}





#brochure-end {
	width:100%;
	border:solid 1px #FFF;
	background:#282846;
	float:left;
}

#brochure-end ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#brochure-end li {
	width:350px;
	margin:5px;
	padding:0;
	float:left;
}

#brochure-end .tip-applications {
	background:#282846;	
	padding:5px;
	float:left;
}

#brochure-end .tip-applications h3 {
	font-size:95%;
	color:#FFF;
	margin:10px 0 0px 0px;
	text-align:left;
}

#brochure-end .tip-applications p {
	font-size:70%;
	text-align:left;
	color:#FFF;
	margin:0px;
}

#brochure-end .tip-applications p:first-letter {
	font-size:16px;
	color:#FFFF00;
	font-weight:bold;
	margin-right:1px;
}

#brochure-end img {
	border:0px none;
	width:350px;
	margin-bottom:5px;
	float:left
}



















/* (<-- Tech Data Style Sheet -------------------------------------------------->) **/
#techdata {
 width:100%;	
 background:#000;
 float:left;
}

#techdata h2 {
 font-size:14px;
 color:#FFF;
 text-align:left;
 margin:5px 5px 10px 5px;
 border-bottom:solid 1px #FFF;
}

#techdata h3 {
 font-size:12px;
 color:#FFF;
 text-align:center;
 padding:5px 0 5px 2px;
 margin:0 4px 5px 5px;
 background:#CC0000;
}

#techdata img {
 margin:0 10px 5px 5px;
 padding:3px;
 background:#FFF;
 float:left;
}

#techdata p {
 font-size:12px;
 color:#FFF;
 text-align:left;
 margin:5px;
}

#techdata ul {
 font-size:70%;
 text-align:left;
 list-style:none;
 margin:0;
 padding:0;
}

#techdata li {
 background:url('/images/bullets/white_arrow_sm.gif') no-repeat 0 70%;
 padding-left:19px
}

#techdata a:link, #techdata a:visited {
 color:#FFF;
 text-decoration:none;
}

#techdata a:hover {
 text-decoration:underline;
}

#techdata .column {
 width:20%;
 background:#000 url('/images/white_dashedline_1px.gif') repeat-y top left;
 padding-bottom:10px;
 float:left
}

#techdata .photometryinfo {
 background:none;
}

#techdata .sensorsinfo {
}

#techdata .cordsetinfo {
}

#techdata .mountinginfo {
}

#techdata .lampballastinfo {
}









/*******************************************************************************************************
/
/	quote
/   purpose: holds the information of the current form process as well as any information for the form 
/	that the user is currently on
/
*******************************************************************************************************/
#quote {
    color:#000;
	font-size:70%;
	text-align:left;
	float:left;
}

#underconstruction {
 width:100%;
 border:solid 1px #FFF;
 background:#EEE;
 float:left;
}

#underconstruction p {
 font-size:12px;
 margin:0 10px 10px 10px;
}

#quote h2 {
 font-size:16px;
 margin:10px 0 10px 10px;
}

#quote .forminput {
 border:solid 1px #808080;
 margin-right:5px;
 font-size:12px;
 font-family:arial;
}

#quote .forminput:focus {
 border:solid 1px #CC0000;
}

#quote .formtextarea {
 border:solid 1px #808080;
 font-size:12px;
 font-family:arial;
 overflow:auto;
}

#formButtons {
 text-align:center;
 margin:10px;
}

#formButtons input.formbtn {
 width:116px;
 height:36px;
 background:url('../images/formBtns.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
} 

#formButtons input.formbtnHover {
 width:116px;
 height:36px;
 background:url('../images/formBtnsHover.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
}



/*******************************************************************************************************
/
/	Quote Confirmation
/
*******************************************************************************************************/
#requestQuotes dl.quoteReceipt {
 width:100%;
 line-height:25px;
 float:left;
}

dl.quoteReceipt dt {
 width:20%;
 font-weight:bold;
 color:#000;
 border-bottom:solid 1px #EEE;
 text-align:right;
 margin-right:5px;
 float:left;
}

dl.quoteReceipt dd {
 width:70%;
 color:#CC0000;
 margin:0;
 border-bottom:solid 1px #EEE;
}


/* (<-- Quote Request : Form Style Sheet -------------------------------------------------->) **/
#quote .required {
 color:#CC0000;
 font-weight:bold;
}

#quote br {
    clear:left;
}

#quote .quote-margin {
    margin:10px;
}

#user-info {
    width:750px;
    border:solid 1px #FFF;
	background:#EEE;
	float:left;
} 

#user-info .formLegend {
 width:99%;
 border:1px solid #808080;
 background:url('../images/legendBg.gif') repeat-x bottom left;
 margin-bottom:10px;
 float:left
}

#user-info .formLegend p {
 margin:0;
 padding:5px;
}


#requestInfo {
 width:100%;
 float:left;
}

#requestInfo dl {
 width:45%;
 margin:0;
 padding:0;
}

#requestInfo dt {
}

#requestInfo dd {
 margin:0;
}

#requestInfo dl.infoLeft {
 padding-right:20px;
 border-right:solid 1px #808080;
 float:left;
}

#requestInfo dl.infoRight {
 float:right;
}


#request-info {
    width:750px;
    margin-top:10px;
	border:solid 1px #FFF;
	background:#EEE;
	float:left;
}

#request-info h3 {
    font-size:12px;
	margin:5px;
	text-align:left;
}

#request-info .quotesBox-odd {
 width:100%;
 background:#FFF;
 margin-top:5px;
 margin-bottom:5px;
 float:left;
}

#request-info .quotesBox-even {
 width:100%;
 background:#EEE;
 margin-top:5px;
 margin-bottom:5px;
 float:left;
}

#request-info dl.quotesLeft {
 float:left;
}

#request-info dl.quotesLeft dt {
 width:100px;
 text-align:right;
 float:left;
}

#requestQuotes dl.quotesLeft dt label {
 font-size:70%;
}

#request-info dl.quotesLeft dd {
 margin:0;
}

/* 
requestInfo : quoteReceipt
 > viewable by requestor
------------------------------------*/
#user-info dl.quoteReceipt {
 width:100%;
 line-height:25px;
 float:left;
}

dl.quoteReceipt dt {
 width:20%;
 font-weight:bold;
 color:#000;
 border-bottom:solid 1px #808080;
 text-align:right;
 margin-right:5px;
 float:left;
}

dl.quoteReceipt dd {
 width:70%;
 color:#CC0000;
 margin:0;
 border-bottom:solid 1px #808080;
}





/* (<-- Quote Request : Response Style Sheet -------------------------------------------------->) **/
#quote-response {
    color:#FFF;
    font-size:70%;
    float:left;
}

#quote-response h2 {
    font-size:120%;
    margin:0;
    text-align:left;
}

#quote-response table {
    border-collapse:collapse;
    border:0px none;
    text-align:left
}

#quote-response .quote-assign-box table {
     color:FFF;
     font-size:100%;
     text-align:left;
}

.quote-hi-lite thead th {
	 border-collapse:collapse;
}

.quote-hi-lite td {
     vertical-align:top;
	 border-collapse:collapse;
	 padding:3px;
}

.quote-hi-lite tr.highlite {
     background:#282846;
     color:#FFF;
     cursor:default;
}

#quote-response .quote-assign-box {
    border:solid 1px #FFF;
    margin-bottom:10px;
}

#quote-response .quote-unassign-box {
    margin-bottom:10px;
    color:#FFF000;
    text-align:left;
}

#quote-response .quote-assigned-box {
    margin-bottom:10px;
    text-align:left;
}

#quote-response a:link, #quote-response a:visited {
    color:#FFF;
    text-decoration:underline;
}

#quote-response a:hover {
    color:#000;
    background:#EEE;
    text-decoration:none;
}



/*******************************************************************************************************
/
/	requestMisc
/	purpose: holds anything
/
*******************************************************************************************************/
#requestMisc {
 width:100%;
 border:1px solid #808080;
 background:#F6F5F2 url('../images/requestMiscBG-2.gif') repeat-x top left;
 float:left
}


#requestMisc p {
 margin:5px;
}

#requestMisc ul {
 line-height:20px;
}

#requestMisc ul.miscList-left {
 width:40%;
 font-weight:bold;
 float:left;
}

#requestMisc ul.miscList-right {
 font-weight:bold;
 float:left;
}

#requestMisc li {
 background:url('../images/bullets/redArrow.gif') no-repeat 0 50%;
 padding-left:20px
}

#requestMisc a:link, #requestMisc a:visited {
 color:#CC0000;
 text-decoration:none;
}

#requestMisc a:hover {
 text-decoration:underline;
}
















/* *****************************************************************************************************/
/* (<-- [INTERNET ONLY] Contact Form Style Sheet -------------------------------------------------->) **/
#contact form {
	font-size:70%;
	margin:5px;
}

#contact label {
	width:100px;
	text-align:right;
	display:block;
	margin:5px;
	float:left;
}

#contact .inputbox {
	text-align:left;
	border:solid 1px #FFF;
	margin:5px;
	float:left;
}

#contact .selectbox {
	width:190px;
	border:solid 1px #FFF;
	color:#CC0000;
	margin:5px;
	float:left;
}

#contact .textareabox {
	width:500px;
	height:150px;
	text-align:left;
	border:solid 1px #FFF;
	margin:5px;
	overflow:auto;
	float:left;
}

#contact .formbtn {
	border:solid 1px #FFF;
	background:#808080;
	color:#FFF;
	margin:5px;
}

#contact textarea:focus, #contact input:focus {
	border:solid 1px #CCC0000;
}

#MailConfirm {
	border:solid 1px #000;
	background:#FFF000;
	text-align:center;
	margin:0 0 10px 0;
}

#MailConfirm h3 {
	font-size:80%;
	margin:5px;
}

#MailConfirm p {
    font-size:70%;
	color:#000;
	margin:0 0 5px 0;
}













#agent {
    width:100%;
    color:#FFF;
    background:#282846 url('../images/presentation_grad.gif') repeat-x; 
    border:1px solid #FFF;
    margin-bottom:10px;
    float:left
}

#agent h2 {
	color:#1D23A6;
	background:#FFF;
	font-size:100%;
	margin:0;
	text-align:center;	
}

#agent h3 {
	color:#FFF;
	text-align:left;
	font-size:90%;
	margin:5px 0 0 5px;
}

#agent p {
	color:#FFF;
	text-align:left;
	font-size:70%;
	margin:5px;
}

#agent fieldset {
	margin:10px;
	border:0px none;
}

#agent legend {
	font-size:70%;
	display:none;
}

#agent label {
	width:80px;
	font-size:70%;
	margin:5px;
	text-align:right;
	float:left;
}

#agent select {
	width:150px;
	border:solid 1px #FFF;
	background:#E0E0E0;
	color:#CC0000;
	margin:5px;
	font-size:70%;
	float:left;
}

#agent .formbox {
	border:solid 1px #FFF;
	background:#E0E0E0;
	color:#CC0000;
	margin:5px;
	font-size:70%;
	float:left;
}

#agent .formbtn {
	border:solid 1px #FFF;
	background:#FFF;
	font-size:70%;
	margin-top:5px;
	float:left;
}

#agent-result {
	width:100%;
	color:#FFF;
	border:solid 1px #FFF;
	background:#282846;
	float:left;
}

#agent-result p {
	text-align:left;
	font-size:70%;
	color:#FFF;
	line-height:15px;
	margin:10px;
}








/* ************************************************************************************/
/* ************************************************************************************/

/* (<-- [INTERNET ONLY] Price List Style Sheet -------------------------------------------------->) **/

#pricelist {
    width:100%;
    color:#FFF;
    background:#282846 url('../images/presentation_grad.gif') repeat-x; 
    border:1px solid #FFF;
    margin-bottom:10px;
	text-align:left;
    float:left
}

#pricelist h2 {
	color:#1D23A6;
	background:#FFF;
	font-size:100%;
	margin:0;
	text-align:center;	
}

#pricelist p {
	font-size:70%;
	text-align:left;
	margin:5px;
}

#pricelist ul {
	margin:10px;
}

#pricelist li {
	padding-left:10px;
}

#pricelist li .price-item h3 {
	font-size:90%;
	color:#FFF;
	border-bottom:solid 1px #FFF;
	text-align:left;
	margin:0 0 5px 0;
	padding-bottom:5px;
}

#pricelist li .price-item ul {
	font-size:70%;
	list-style:none;
	margin:0;
	padding:0;
}

#pricelist li .price-item li {
	background:url('../images/bullets/yellowarrow.gif') no-repeat left 50%;
	padding-left:20px
}



#pricelist a:link, #pricelist a:visited {
	color:#FFF;
	text-decoration:none;
}

#pricelist a:hover {
	color:#000;
	background:#EEE;
}

form#sesameDoor {
	font-size:70%;
	line-height:18px;
}

#sesameDoor label {
	width:200px;
	font-weight:bold;
	display:bold;
	text-align:right;
	float:left;
}

#sesameDoor input#sesameName, #sesameDoor input#sesameWord {
	width:200px;
	border:0px none;
	background:#FFF
}

#sesameDoor input#enterSesame {
	width:80px;
	border:solid 1px #FFF;
	background:#545454;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	margin-left:25%;
}


#formError {
	background:#FFFF00;
	color:#000;
	text-align:center;
	border-bottom:solid 1px #FFF;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}

#pricelist #formError a {
	color:#000;
	text-decoration:underline;
}

#formError a:hover {
	color:#CC0000;
	background:transparent;
}