/*

SpecLight (PRINT) Style Sheet By Jeff Lin
Last Modified On: 12-09-2004

*/


/* (<-- Test Material Beta Style Sheet -------------------------------------->) **/
#betabox {
     display:none;
     visibility:collapse;
     
     width:750px;
     border:solid 1px #808080;
     background:#EEE;
     padding:4px;
     margin-bottom:5px;
     font-size:70%;
}

#betabox a:link, #betabox a:visited {
     color:#808080;
     text-decoration:none;
}

#betabox a:hover {
     color:#000;
     text-decoration:none;
}


/* (<-- General Style Sheet -------------------------------------------------->) **/
body {
     background:#FFF;
	 text-align:left;
}

#wraper {
	 padding:0;
	 width:auto;
	 margin:0;
	 border:0;
	 float:none;
}

#wraper h1, h2, h3, h4, h5, h6 {
     font-size:11pt;
     font-family: "Times New Roman", "Palatino";
     color:#000;
     margin:0;
}

#wraper p {
     font-size:10pt;
     font-family:"Times New Roman", "Palatino";
     line-height:17px;
     color:#000;
     margin:0;
}

#wraper a:link, #wraper a:visited {
     font-size:9pt;
     color:#808080;
     text-decoration:underline;
}

#container {
     width:100%;
	 margin:0 auto;
}

br.all {
     clear:both;
}

#flashbanner {
     display:none;
     visibility:collapse;
 
     margin-top:20px;
	 margin-bottom:0;
}

#page-index {
     text-align:left; 
     background:#FFFB97 url("../images/yellow_grad.gif") repeat-x;     
     float:left;
}

#page-index .title {
    color:#000;
	background:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}

#page-index .content {
     font-size:70%;
     color:#000;
     margin-bottom:10px;
}

#page-index .content p {
     margin:5px;
}

#page-index .content h3 {
     font-size:100%;
     margin:5px 0 0 5px;
}

#page-index .content img {
     border:solid 1px #E0E0E0;
}

/* (<-- Footer Style Sheet -------------------------------------------------->) **/
#footer {
     display:none;
     visibility:collapse;
     
     width:750px;
	 margin:10px auto;
	 text-align:left;
	 padding:0;
	 position:relative;
	 clear:both;
}

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

#footer img {
     border:0;
}

.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;
}

/* (<-- Prime Element Style Sheet -------------------------------------------------->) **/
#prime-navigation {
     display:none;
     visibility:collapse;

	 background:#FFF url('../images/primenav_bg.gif') repeat-x;
	 width:100%;
	 font-size:70%;
	 text-align:center;
	 margin:0 0 5px 0;
	 padding:10px 0 10px 0;
	 border-top:solid 1px #FFF;
	 border-bottom:solid 1px #000;
}

#prime-navigation ul {
     list-style-type:none; 
	 margin:0 0 0 60px;
	 padding:0;
	 text-align:left;
}

#prime-navigation li {
     list-style-type:none;
	 display:inline;
	 position:relative;
	 padding:8px 10px 8px 10px;

}

#prime-navigation a:link, #prime-navigation a:visited {
     color:#1D23A6;
	 text-decoration:none;
} 

#prime-navigation a:hover {
	 color:#000;
	 text-decoration:none;
}

/* (<-- Prime Element :: Sub-Navigation Style Sheet ---------------------------->) **/
#prime-navigation li ul {
     width:150px;
     margin:0;
	 padding:0;
     position:absolute;
	 top:20px;
	 left:0;
     display:none;
}

#prime-navigation li:hover ul, #prime-navigation li.over ul {
     display:block;
	 background:#000;
	 padding:0;
	 margin:0 5px; 
	 border-bottom:solid 5px #CC0000;
}

#prime-navigation li li {
     width:150px;
	 padding:0px;
	 margin:0;
}

#prime-navigation li li a:link, #prime-navigation li li a:visited {
    width:100%;
	color:#FFF;
	padding:1px 3px 1px 3px;
} 

#prime-navigation li li a:hover {
    width:100%;
	background:#808080;
	color:#FFF;
	padding:1px 3px 1px 3px;		
}


/* (<-- Constant Elements Style Sheet -------------------------------------------------->) **/
#constant-elements {
    display:none;
    visibility:hidden;

    width:750px;
	margin:10px 0 10px 0;
	text-align:left;	
	float:left;
}

#constant-elements .title {
    color:#000;
	background:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}

#constant-elements .content, #constant-elements .hot-content {
    color:#FFF;
	font-size:70%;
	margin:5px;
	padding:0;
}

/* (<-- Constant Elements: Hot Links Style Sheet -------------------------------------------------->) **/
#hot-navigation {
    width:49%;
    height:250px;
	background:#282846 url("../images/hotlink_grad.gif") repeat-y top right;
	border:solid 1px #FFF;  
    float:left;		 
}

#hot-navigation ul {
    width:120px;
	padding:0px;
	margin:0;
	line-height:15px;
    text-align:right;	
	list-style:none;
	float:right;
}

#hot-navigation img {
     width:200px;
	 padding:0px;
	 float:left;
}

.hot-content a:link, .hot-content a:visited{
     color:#FFF;
	 width:100%;
	 text-decoration:none;
}

.hot-content a:hover {
     color:#FFF;
	 background:#808080;
	 width:100%;
	 text-decoration:none;
}

/* (<-- Constant Elements: Announcement/News Style Sheet -------------------------------------------------->) **/
#announcement {
     width:50%;
     border:solid 1px #FFF;
	 float:right;
	 
	 /* IE ONLY SCROLLBAR COLOR */
     scrollbar-arrow-color:#FFF;
     scrollbar-highlight-color:#FFF;
     scrollbar-shadow-color:#FFF;
     scrollbar-track-color:#EEE;
     scrollbar-face-color:#EEE;	 
}

#announcement h2 {
     font-size:100%;
     margin:0;
     text-align:center;
}

#announcement h2.custom-banner {
     text-indent: -999999px;
     background:url("../images/custom_banner.gif") no-repeat;
     height:30px;
}

#announcement p {
     margin:0;
}

#scroll-box {
     width:100%;
     height:116px;
     overflow:auto;
}

.content a:link, .content a:visited {
     color:#FFF;
	 text-decoration:underline;
}

.content a:hover {
     color:#000;
	 background:#EEE;
	 text-decoration:none;
}


/* (<-- Home Page: Basic Style Sheet -------------------------------------------------->) **/
#default-home {
     text-align:left;
     color:#FFF;
}

#default-home .title {
    color:#000;
	background:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}

#dcolumn-L {
     width:100%;
     border:solid 1px #FFF;
     float:none;
} 

#dcolumn-R {
     width:100%;
     border:solid 1px #FFF;
     float:none;
}

#NewsArchive {
     list-style-type:none;
     margin:5px;
}

#default-home .content {
     font-size:70%;
}

#default-home .content h2 {
     font-size:100%;
     text-align:center;
     margin:5px;
}

#default-home .content p {
     margin:5px;
}


/* (<-- Product : Category Style Sheet -------------------------------------------------->) **/
.product-selection {
     width:100%;
    
	 margin:0 0 5px 0;
	 text-align:left;
	 border-top:solid 1px #EEE;
	 float:none;
}

.product-selection-txt {
     width:100%; 
	 float:none;
}

span.title1 {
	 width:35%;
}

span.title2 {
	 width:65%;
	 text-align:right;
}

.product-selection-icon {
     width:100%;
}

.product-selection ul {
     list-style-type:none;
	 display:inline;
	 margin:0;
	 padding:0;
}

.product-selection li {
    list-style-type:none;
    display:inline;
    float:left;
}


/* (<-- Product Thumb Box Style Sheet -------------------------------------------------->) **/
.product-thumb { 
    width:150px;
	padding:0px;
	margin:1px;
	text-align:center;
	font-size:70%;
}

.product-thumb img {
    border:0;
    margin:0;
    padding:0;
    width:50px;
}

/* (<-- Product : Individual Style Sheet -------------------------------------------------->) **/
#product-series {
}

#title-bar {
    width:100%;
    background:#FFF;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
	float:left;
}

#ps-col1 {
    width:49%;
    border:solid 1px #FFF;
	text-align:left;
	float:left;
}

#ps-col2 {
	width:50%;
	border:solid 1px #FFF;
	float:right;
}

#product-series .title {
    color:#000;
	background:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}

#product-series .content {
    color:#FFF; 
	margin:5px;
	padding:0;
}

#ps-col1 .content p {
    font-size:70%;
    margin:0;
}

#ps-col1 .content ul {
    font-size:70%;
}

.sp-table-text {
	color:#FFF;
	font-size:70%;
    margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}

.sp-table-text tr {
    padding:0;
	margin:0;
}

.sp-table-text td {
    vertical-align:top;
	padding:0px;
	margin:0;
}

.pcol1 {
    width:90%;
}

.pcol2 {
    width:10%;		
}

.sp-table-img {
    width:100%;
    text-align:center;
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
}

.sp-table-img tr {
    margin:0;
    padding:0;
}

.sp-table-img td {
    padding:3px;
    margin:0;
    vertical-align:top;
}

.sp-table-img img {
    border:solid 1px #FFF;
	margin:5px 0 5px 0;
}


/* (<-- Product : Photometric Table Style Sheet -------------------------------------------------->) **/
#photometry {
     width:100%;
     color:#FFF;
	 float:left;
}

#photometry .title {
    color:#000;
	background:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}

#photometry .content {
     font-size:70%;
     border:solid 1px #FFF;
}

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

.hi-lite thead th {
	 border-collapse:collapse;
	 font-size:70%;
	 color:#FFF;
	 text-align:left;
}

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

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

.col1 {
     width:30%;
     text-align:left;
}

.col2 {
     width:65%;
     text-align:left;
}

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

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

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


/* (<-- Promote Page: Basic Style Sheet -------------------------------------------------->) **/
#default-promo {
     text-align:left;
     color:#FFF;
}

#default-promo .title {
    color:#000;
	background:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}

#default-promo br {
     clear:both;
}

#pcolumn-L {
     width:70%;
     float:left;
} 

#pcolumn-L .content {
     font-size:70%;
}

#pcolumn-R {
     width:29%;     
     float:right;
}

#pcolumn-R .content {
     font-size:70%;
     border:solid 1px #FFF;
     background:#282846 url("../images/presentation_grad.gif") repeat-x top left;
}

#pcolumn-R .content ul {
     margin:5px;
     padding:5px;
     list-style:none;
}

#default-promo .content h2 {
     font-size:100%;
     text-align:center;
     margin:5px;
}

#default-promo .case-content {
     font-size:70%;
     line-height:18px;
}

#default-promo .case-content h2 {
     font-size:100%;
     text-align:left;
     margin:5px 0 0 0;
}

#default-promo .promo-box {
}

#default-promo .promo-box h2 {
     text-align:left;
}

#default-promo p {
     margin:5px;
}

#default-promo img.icon {
     border:solid 1px #FFF;
     margin:0px 5px 2px 0;     
}

/****** Bottom Row ******/
.promo-row {
     margin-bottom:10px;
}

.promo-row h3 {
     font-size:100%;
     margin:5px;
}

#bpcolumn1 {
     width:40%;
     border:solid 1px #FFF;
     float:left;
}

#bpcolumn2 {
     width:28%;
     margin:0 0 0 1.5%;    
     float:left;
} 

#bpcolumn3 {
     width:29%;
     float:right;
} 

#bpcolumn1 .content {
     width:50%;
     font-size:70%;
     height:100px;
     float:left;
} 

#bpcolumn2 .content {
     font-size:70%;
     height:100px;
     border:solid 1px #FFF;
} 

#bpcolumn3 .content {
     font-size:70%;
     height:100px;
     border:solid 1px #FFF;
} 

#bpcolumn3 .info-table {
     font-size:100%;
     color:#FFF;    
}

/* (<-- Promo Column Subtitles -------------------------------------------------->) **/
#bpcolumn3 .subtitle {
    color:#000;
	background:#FFF;
	font-weight:bold;
	text-align:center;
}

#bpcolumn3 .subtitle a:link, #bpcolumn3 .subtitle a:visited {
    color:#000;
    text-decoration:none;
}

#bpcolumn3 .subtitle a:hover {
    color:#000;
    width:100%;
    text-decoration:none;
}

#bpcolumn3 .cc1 {
     width:80px;
     vertical-align:top;
}

#bpcolumn3 .cc2 {
     width:30px;
     vertical-align:top;
}

#bpcolumn3 .cc3 {
     width:130px;
     vertical-align:top;
}


/* (<-- Tech Data Style Sheet -------------------------------------------------->) **/
#techdata {
    color:#FFF;
    font-size:70%;
    text-align:left;
    float:left;
}

.tech-map {
    width:100%;
    border:solid 1px #282846;
    margin-bottom:10px;
    padding:5px;
    background:#808080 /*url("../images/presentation_grad.gif") repeat-x*/;
    float:left;
}

#techdata .icon {
     float:left;
}

#techdata img.icon  {
     border:solid 1px #FFF;
     margin:0px 5px 2px 0;
}

#techdata .content {
     margin:0px 0 2px 0;
     float:left;
}

#techdata .content h3 {
     font-size:100%;
     margin:0 0 2px 0;
}

#techdata .content p {
     margin:0;
}

/* (<-- Nomenclature Style Sheet -------------------------------------------------->) **/
#SLNomen {
     padding:0;
     margin:0 5px;
     color:#FFF;
     font-size:70%;
     border-collapse:collapse;
}

#default-promo .Nomen-Content {
     width:100%;
     border:solid 1px #FFF;
     float:left;
}

#default-promo p.warning-note {
     color:#FF0000;
     font-size:75%;
     margin:5px 0;
     font-weight:bold;
     text-align:center;
}

#default-promo .Nomen-Content a:link, #default-promo .Nomen-Content a:visited {
     color:#FFF;
     text-decoration:underline;
}

#default-promo .Nomen-Content a:hover {
     color:#FFF;
     text-decoration:underline;
}


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

#quote .star {
	color:#CC0000;
	float:left;
}

#quote br {
    clear:left;
}

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

#user-info {
    width:100%;
    border:solid 1px #FFF;
	background:#EEE;
	float:left;
} 
 
#user-info .user-info-col {
    float:left;
} 

.user-info-col label {
    width:120px;
    display:block;
	margin:5px;
	text-align:right;
	float:left;
}

#user-info .user-info-input {
    width:200px;
	border:solid 1px #000;
	display:block;
	margin:5px;
	float:left;
} 

#user-info .user-info-select {
    width:200px;
	margin:5px;
	display:block;
	float:left;
}

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

.request-id {
    font-weight:bold;
	margin:0;
	text-align:left;
}

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

#request-info .request-box {
    border:solid 1px #000;
	display:block;
	margin:5px;
	overflow:auto;
    float:left;
}

#request-info .form-button {
    margin-top:10px;
	margin-left:15%;
}

/* (<-- Contact Form Style Sheet -------------------------------------------------->) **/
#contact {
    width:750px;
	float:left;
}

#contact p {
    margin:5px;
    text-align:left;
}

#contact-address {
   width:100%;
   border:solid 1px #FFF;
   margin-bottom:10px;
   float:left;
}

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

#c2 {
    width:49%;
    color:#FFF;
    float:left;
}

#c3 {
    width:50%;
    color:#FFF;
    float:right;
}

#contact .title {
    color:#000;
	background:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}

#contact .content {
    width:100%;
	font-size:70%;
	padding:0;
	border:solid 1px #FFF;
	float:left;
}