@charset "UTF-8";
/* CSS Document */

/*template */

body {

   font-family:Arial, Helvetica, sans-serif;
   font-size:15px;
   line-height:17px;
   color:#f2eef0;
   margin: 0px;
   padding:0px;
   background:#cccccc 

}

.homeabout_image {

   float:right;
   padding-left:10px
}

.product_number {

   width:90px;
   float:left;
}

.product_list {

   width:200px;
   float:left
}

.main_container {

   width:972px;
   margin:0 auto;
   background-image:url('images/gray.jpg');
   background-repeat:repeat-y;
   background-color:#FFFFFF;

} 

.splice_banner {

   width:972px;
   height:82px;

}


.splice_banner_one {

   width:301px;
   height:82px;
   float:left;
   background:url('images/splice_banner_one.jpg');

}

.splice_banner_two {

   width:671px;
   height:82px;
   float:left;
   background:url('images/splice_banner_two.jpg');

}

.products_dropdown {
  
   margin:40px 0px 0px 0px;
   width:400px;
   height:20px;
   float:right;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif

}


.menu_top {

   width:972px;
   height:21px;
   background:#dddddd;
   border-bottom:solid #FFFFFF;
   padding-top:8px;

}

.menu_container {
   
   width:726px;
   float:right;

}

/*.menu_container a  {

   text-transform:uppercase;
   color:#011a5e;
   padding:0px 10px 0px 10px;
   text-decoration:none;
   display:block;
   float:left;
}

.menu_container a:hover  {

   color:#3da9b6;
   

}
*/

.content_container {

   width:972px;

}

.left_navigation {
 
   width:237px;
   float:left;
   background:#eeeeee;
   
}

.products {
 
   width:237px;
   height:37px;
   background:url('images/products_list_banner.jpg');
   
}

.products_banner_text {
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  padding:10px 0px 0px 20px;
  color:#FFFFFF
  
}

.splice_sleeves {
 
   width:217px;
   height:20px;
   background:#3da9b6;
   color:#f3fafa;
   font-weight:bold;
   padding:2px 0px 0px 20px
   
}

.splice_trays {
 
   width:217px;
   height:20px;
   background:#276f77;
   color:#f3fafa;
   font-weight:bold;
   padding:2px 0px 0px 20px   
   
}

.connectors {
 
   width:217px;
   height:20px;
   background:#0d3a3f;
   color:#f3fafa;
   font-weight:bold;
   padding:2px 0px 0px 20px
    
   
}

.breakout_kits {
 
   width:217px;
   height:20px;
   background:#072326;
   color:#f3fafa;
   font-weight:bold;
   padding:2px 0px 0px 20px
       
}

.indent {
  
   margin-left:45px;
   line-height:25px;
   color:#333333;
}

.indent a {
   
   color:#333333;
   text-decoration:none

}

.indent a:hover {

   color:#3da9b6;

}

.content_right {
  
   width:728px;  
   float:left;
   color:#333333;
   background:#FFFFFF;
   border-left:solid #FFFFFF;
  
}


.contents{
  
   padding:15px;
   width:455px;
   color:#333333;
   font-size:16px;
   line-height:20px;
   float:left;     

}

.footer {

   width:972px;
   height:42px;
   background:url('images/footer.jpg');

}

.footer_text {
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  font-style:italic;
  padding:12px 0px 0px 25px;
  color:#FFFFFF
  
}

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

.footer_text a:hover {
  
  color:#276f77;
  text-decoration:none
  
}

/* Documentation */
.col {
  
  width:300px;
  float:left	

}

.documentation_wrapper {

   width:699px;
   height:105px;
   padding:30px 0px 0px 30px;
   

}

.splice_sleeves_title {
   
   font-size:15px;
   color:#072326;
   margin-bottom:10px;
   text-transform:uppercase;
}   

.splice_trays_title {
   
   font-size:15px;
   color:#072326;
   margin-bottom:10px;
   text-transform:uppercase;
}  

.connectors_title {
	
   color:#072326;
   font-size:15px;
   margin-bottom:10px;
   text-transform:uppercase;
} 

.break_out_kits_title {
   
   color:#072326;
   font-size:15px;
   margin-bottom:10px;
   text-transform:uppercase;	

}	

.documentation_title {
  
  width:699px;
  height:57px;
  padding:15px;
  height:49px;
  font-size:16px;
  color:#FFFFFF;
  background-color:#338993;
  border-bottom:solid 2px #ffffff;
  text-transform:uppercase;
 
 }
 
 
.documentation_wrapper {

   width:699px;
   height:auto;
   padding:30px 0px 0px 30px;  

}


.documentation_wrapper a  {

   color:#011a5e;
   padding:0px 0px 0px 20px;
   font-size:14px;
   text-decoration:none;
   line-height:28px;
   background:url('images/pdf.gif') no-repeat;
   display:block
}

.documentation_wrapper a:hover  {

   color:#3da9b6;

}
 
/* Site Map */
.col2 {
  
  float:left;	
  padding:0px 0px 0px 5px;
  margin-right:50px;
}


.sitemap_wrapper {

   width:699px;
   height:105px;
   padding:15px 0px 0px 15px;
   

}

.col2 a  {

   color:#011a5e;
   font-size:14px;
   text-decoration:none;
   padding:0px;
   width:auto;
   line-height:28px;
   display:block;
   background:none;
}

.col2 a:hover  {

   color:#3da9b6;

}	 
 
/* home page */

.home_banner{
  
   width:728px;
   height:146px;  
   color:#333333;
   background:url('images/home_banner.jpg');
}



/* about us */


.about_us_banner{
  
   width:728px;
   height:146px;  
   color:#333333;
   background:url('images/about_us_banner.jpg');
}

/* products */


.features_text ul {
  margin: 0 0 0 0;
  padding: 0;
}

.features_text ul li {
    margin:0px; 
    text-indent:3px;
	padding-left:10px;
	height:auto;
	line-height:20px;
	background-position:10px 5px; 
	background:url('images/bullet.gif') no-repeat;
    list-style: none;

} 


.features_container {

   width:257px;
   float:left

}

.features_text {

   width:242px;
   float:right;
   padding-top:15px;
   font-size:12px;

}


.features_text  a  {

   color:#011a5e;
   padding:0px 0px 0px 20px;
   font-size:14px;
   text-decoration:none;
   background:url('images/pdf.gif') no-repeat;
   display:block
}

.features_text  a:hover  {

   color:#3da9b6;

}

.features_banner {

   width:257px;
   height:35px;
   background:url('images/features_banner.jpg');
   border-bottom:solid 3px #FFFFFF

}

.features_banner_text {
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  padding:10px 0px 0px 15px;
  color:#FFFFFF
  
} 

.product_image_one {
  
  width:226px;
  border:solid #CCCCCC;
  margin-right:2px;
  float:left

}

.product_image_two {
  
  width:226px;
  border:solid #CCCCCC;
  margin-right:0px;
  float:left

}

.product_image_l {
  
  width:462px;
  border:solid #CCCCCC;
  font-size:0px;
 
}

.products_container {

   width:471px;
   float:left

}

.products_banner {

   width:468px;
   height:36px;
   background:url('images/products_description_banner.jpg');
   border-top:solid 2px #ffffff;

}

.product_banner_text {
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  padding:10px 0px 0px 15px;
  color:#FFFFFF
  
} 

.product_description {
  
    width:441px;
	line-height:18px;
    padding:15px;
 }

.product_title {
  
  width:441px;
  height:57px;
  padding:15px;
  height:49px;
  font-size:16px;
  color:#FFFFFF;
  background-color:#338993;
  border-bottom:solid 2px #ffffff;
  text-transform:uppercase;
 
 }

#features_bg {

 background-image:url('images/gray2.jpg');
 background-repeat:repeat-y;
 background-position:right;
 
 }

.features_top {
  
  width:257px;
  height:44px;
  background-color:#338993;
  
}


/* quicklinks */
.quicklinks_container {

   width:243px;
   float:left

}

.quicklinks_banner {

   width:243px;
   height:39px;
   background:url('images/quicklinks_banner.jpg');

}

.quicklinks_banner_text {
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  padding:12px 0px 0px 25px;
  color:#FFFFFF
  
}

.quicklinks_content {

   width:243px;
   background:url('images/quicklinks_content.jpg');

}

.quicklinks_text {

   width:208px;
   margin-left:25px;

}

.quicklinks_footer {

   width:243px;
   height:15px;
   background:url('images/quicklinks_footer.jpg');

}

.quicklinks_text a  {

   color:#011a5e;
   padding:15px 10px 0px 0px;
   text-decoration:none;
   display:block
}

.quicklinks_text a:hover  {

   color:#3da9b6;

}

.rohs_signature_container {

   width:208px;
  
}

.rohs {

   width:89px;
   float:left;
}

.signature {

   width:110px;
   float:left;
   font-size:12px 
}

/* Contact us page */
.contact_us_banner {

   width:101px;
   height:382px;
   background:url('images/contact_us_banner.jpg');
   border:solid 2px #FFFFFF;
   float:left;
}
.contact_us_content {

   width:530px;
   height:324px;
   padding:30px;
   line-height:20px;
   float:left;

}

.contact_us_title {
  
  width:699px;
  height:57px;
  padding:15px;
  height:112px;
  font-size:16px;
  color:#FFFFFF;
  background-color:#338993;
  border-bottom:solid 2px #FFFFFF;
  text-transform:uppercase;
 
 }
 
 .contact_us_title p{
    
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px
 }
 
 .contact_address_one {
  
  text-transform:none;
  font-size:13px;
  width:250px;
  float:left;
 
 }
 
  .contact_address_two {
  
  text-transform:none;
  font-size:13px;
  width:150px;
  float:left;
 
 }
 
 .input {
   
   width:300px;
   margin:0px 0px 15px 0px;
 }
 
  .question {
   
   width:20px;
   margin:0px 0px 15px 0px;
 }

/*Shared non-template styles */
.margin-5  {

   height:5px;
   padding:0px;
   margin:0px;

}


.margin-20  {

   height:20px;
   padding:0px;
   margin:0px;

}

.margin-30  {

   height:30px;
   padding:0px;
   margin:0px;

}

.text-16  {

   font-size:16px;
   padding:0px;
   margin:0px;

}


.text-14  {

   font-size:14px;
   padding:0px;
   margin:0px;

}

.float-left  {

   font-size:14px

}


.title {

   width:728px;
   height:25px;
   background:#dddddd;
   border-top:3px solid #FFFFFF;
   border-bottom:1px solid #FFFFFF;
   padding-top:8px;

}

.title H1 {


   text-transform:uppercase;
   color:#011a5e;
   font-size:16px;
   padding:0px 10px 0px 15px;
   margin:0px;
   font-weight:normal;
   text-decoration:none;
}

.pages {


   text-transform:uppercase;
   text-align:right;
   color:#011a5e;
   font-size:16px;
   padding:0px 10px 0px 15px;
   margin:0px;
   font-weight:normal;
   text-decoration:none;
}

.blue {
   
     color:#276f77;
	 font-size:13px;

}

.blue p {
  
  padding:0px;
  line-height:5px;
 
} 

/* dropdown */
#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
       text-decoration:none;}

	#jsddm li a
	{	display: block;
		text-transform:uppercase;
		text-decoration:none;
        color:#011a5e;
        padding:0px 10px 7px 10px;
		white-space: nowrap}

	#jsddm li a:hover
	{	   color:#3da9b6; }
		
		#jsddm li ul
		{	margin:0px;
			padding:0;
			width:187px;
			position: absolute;
			visibility:hidden;
		}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
		    padding:5px 0px 5px 18px;
			background:#cccccc;
			text-transform:none;
			color:#222222;
			}
		
		#jsddm li ul li a:hover
		{	background: #efefef}