/************************************************************/
/********** GENERAL/GLOBAL STYLES AND NAS *******************/

html
{
    background: #000000 url(../images/body_bg.jpg) repeat-x;
}

body 
{
    font-family: Verdana, Arial, Sans-Serif;
		font-size: 12px;
		color: #484848;
}

hr	
{
	  color: #ababab;
    border: 1px solid ;
    border-width: 1px 0 0 0;
		height: 1px; 
}

dl
{
		padding: 5px 0;
}

#container
{
  width: 933px;
  margin: auto;
	margin-top: 8px;
}

#hd
{
    background: url(../images/hd-bg-extended.jpg) repeat-x;
    padding: 4px 0 6px 590px;
    font-size: 10px;
    color: White;
    line-height:1;
    *padding-bottom: 3px;
    border: solid 1px #8b7331;
    border-width: 0 1px;
}

  #hd a
  {
      color: White;
      text-decoration: none;
  }

  #hd input
  {
      font-size: 12px;
  }

  #hd img
  {
      position: absolute;
      padding: 1px 0px 0px 4px;
  }
  
#bd
{
    border: solid 1px #8b7331;
    background: #ffffff url(../images/bd_bgtop.jpg) repeat-x;
}

  #logo, #productImage
  {
      line-height: .8;
      *margin-bottom: -3px;
  }
  
  #nav
  {
      background: url(../images/nav_bar_bg.jpg) no-repeat;
  }
  
  /* This hack allows the ul element to clear its floated li elements in firefox, safari, and opera. */
  #nav:after, #mainContent:after{

      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0;
      line-height: 0;
  }

  /* This hack does it for IE */
  #nav, #mainContent {
      *zoom: 1;
  }
  
  #contentWrapper
  {
      background: #ffffff url(../images/bd_bgtop.jpg) repeat-x;
      padding: 10px;
  }


	.picRight
	{
		margin: 5px 0 7px 10px;
	}
	
	.picRightReal
	{
		margin: 5px 0 7px 10px;
		float: right;
	}
	.picNotSoRight
	{
		margin: 0 440px 7px 10px;
		float: right;
	}
	
	.picLeft
	{
		margin: 5px 10px 7px 0;
		float: left;
	}
	
	.pdfImg	
	{
		vertical-align: bottom;
	}
			
	.picBorder
	{
		border: #000000 solid 1px;
	}
	
/*************************************************************/
/************ NEWS STYLES ************************************/

  #newsWrapper
  {
      width: 207px;
      float: right;
      background: #000 url(../images/news-bg.jpg) no-repeat;
      border: solid 1px #3e3e3e;
      padding: 5px;
      *zoom: 1;
      *position: relative;
  }
  
    #news
    {
        height: 270px;
        overflow: auto;
        
    }
    
		
	#featureProduct
	{
			float: right;
			position: absolute;
			margin-top: 305px;
			margin-left: 691px;
						
	}
	
/******************************************************************/
/***************** HOME PAGE STYLES *******************************/

  #mainContentHomePage
  {
      margin-right: 225px;
      font-family: Arial;
      padding-left: 40px;
      padding-right: 40px;
      min-height: 260px;
  }
  
    h1.bluebar
    {
        background: #276cb6 url(../images/h1_bluebar_bg.gif) no-repeat right;
        color: White;
        font: italic bold 27px Arial;
        margin: 15px 180px 20px -50px;
        padding: 3px;
    }

   		
    #mainContentHomePage h2
    {
        color: #887030;
        font: italic bold 19px Arial;
        padding-bottom: 0px;
				margin-bottom: 0px;
    }
    
		#mainContentHomePage h3
    {
        color: #276CB6;
				font:  bold 15px Arial;
    }
		
    #mainContentHomePage p
    {
        font-size: 12px;
        color: #484848;
        line-height: 1.5;
    }
		
    #mainContentHomePage a:link, #mainContentHomePage a:visited
		{
			color: #276CB6;
			text-decoration: underline;
		}
		
		#mainContentHomePage a:hover
		{
			color: #866f2f;
			text-decoration: underline;	
		}		
		
		#mainContentHomePage #newsEvent
		{			
				width: 310px;
				float: right;
				background: #fff;
				padding: 7px;
				margin-left: 7px;
				border: solid 1px #3e3e3e;
		}	
		
		#mainContentHomePage #newsEvent p
    {
        font-size: 10px;
        color: #333;
        line-height: 1.5;
    }

  #thumbs
  {
      clear: both;
      margin-top: 5px;
      padding: 10px 15px 20px 25px;
      border-top: solid 1px #836c2e;
  }
    
    #thumbs table
    {
        width: 100%;
    }
    
    #thumbs img
    {
        border: solid 1px #836c2e;
    }
    
    #thumbs a
    {
      text-decoration: none;
      color: #836c2e;
      font-family: 'Times New Roman' , Times, serif;
      font-size: 15px;
    }
    
    #thumbs a:hover
    {
        color: #0055ae;
    }
    
    #thumbs .thumbHover
    {
        border: solid 1px #0055ee;
    }

/******************************************************/
/************* FOOTER STYLES **************************/

#ft
{
    clear: both;
    padding-top: 10px;
    padding-bottom: 50px;
    font-size: 10px;
    color: White;
}

  #ft a
  {
      color: White;
      text-decoration: none;
  }
  
  #ft a:hover
  {
      text-decoration: underline;
  }
  
  #ft #bottomLinks
  {
      font-size: 13px;
  }
  
  #ft #bottomLinks li
  {
      border-left: solid 1px #836c2e;
      vertical-align: top;
  }
  
  #ft #bottomLinks li.first
  {
      border-left: none;
  }
  
  #ft #contactInfo
  {
      padding-top: 15px;
      padding-bottom: 3px;
  }
  
  #ft #contactInfo li
  {
      border-left: solid 1px #ffffff;
  }
  
  #ft #contactInfo li.first
  {
      border-left: none;
  }
  
  #ft #copyright
  {
      text-align: center;
  }

  .centeredMenu
  {
      float: left;
      width: 100%;
      overflow: hidden;
      position: relative;
  }

  .centeredMenu ul
  {
     clear:left;
     float:left;
     position:relative;
     left:50%;
     text-align:center;
  }

  .centeredMenu li
  {
      display:block;
      float:left;
      position:relative;
      right:50%;
      padding: 0px 7px;
  }
  
  
/**********************************************/
/***************** SUBPAGE STYLES *************/

#leftMenu
{
    text-align: right;
    width: 144px;
    float: left;
    font-size: 12px;
		line-height: 16px;
		padding-top: 8px;
}

  #leftMenu h1
  {
      font-weight: bold;
      color: #826b2e;
  }
  
  #leftMenu ul
  {
      padding-bottom: 10px;
  }
  
  #leftMenu li
  {
      padding: 1px 0;
  }
  
  #leftMenu a
  {
      text-decoration: none;
      color: #484848;
  }
  
  #leftMenu a:hover
  {
	color: #000000;
  }

	.smallNav
	{
		font-size: 10px;
		line-height: .95;
	}

	#tubesDiv
	{
		border: #826B2E 1px solid;
		padding: 2px;
	}

		
#mainContent
{
    margin-left: 154px;
    padding-left: 10px;
    border-left: solid 1px #826b2e;
		min-height: 420px;
}

#mainContent a:link, #mainContent a:visited
{
	color: #276CB6;
	text-decoration: underline;
}

#mainContent a:hover
{
	color: #866f2f;
	text-decoration: underline;	
}

  #mainContent #heading
  {
      margin-right: 280px;
			margin-top: 7px;
  }
	
	#mainContent h1
	{
			color: #276CB6;
			font-family: Arial Black, Gadget, sans-serif;
			font-size: 24px;
			text-transform: uppercase;
			padding-top: 4px;
			padding-bottom: 17px;
	}
  
  #mainContent h2
  {
      font-size: 15px;
      font-weight: bold;
      color: #866f2f;
  }
  
  #mainContent h3
  {
      color: #276CB6;
			font:  bold 17px Arial;
			padding-bottom: 0;
			margin-bottom: 0;
  }
  
  #mainContent p
  {
      font-size: 11px;
  }
  
	.h3Simulator
	{
		color: #276CB6;
		font:  bold 22px Arial;
	}
	
	.mediumText	
	{
		font-size: 11px;
	}
	
	.smallText	
	{
		font-size: 10px;
	}
	
	.smallerText	
	{
		font-size: 9px;
	}
	
	.brandHeading
	{
		color: #887030;
		font-size: 14px;
		font-weight: bold;
	}
	
	#mainContent ul li
	{
		list-style: inside disc;
		padding-left: 25px; 
	}
	
  #productGrid
  {
      width: 245px;
      font-family: Arial;
			display: inline-table;
  }
  
  #productGrid
  {
	  border-collapse: separate;
	  border-spacing: 5px;
  }
  
  #productGrid td.holder
  {
	  border-bottom: solid 1px #866f2f;
	  padding: 0px 2px 2px 2px;
  }
  
  #productGrid .productName
  {
      font-weight: bold;
      font-size: 13px;
			vertical-align: bottom;
  }
  
  #productGrid .subProductName td
  {
      font-size: 11px;
      padding-top: 3px;
      padding-bottom: 3px;
			vertical-align: top;
  }
	
	#productGrid .3rdRow td
	{
			vertical-align: bottom;
	}		
  
  #productGrid .left
  {
      width: 200px;
      padding-left: 5px;
  }
  
  #productGrid .right
  {
	  text-align: right;
  }
  
  #productGrid .blue
   {
      color: #0053ab;
  }
  
  #productGrid .small
   {
      font-size: 10px;
  }
  
  #productGrid .smaller
  {
	  font-size: 9px;
  }

	#logins	
	{
		padding-left: 50px;
	}
	
/****************************************/
/******** FOR ONE COL LAYOUT ************/
 #mainContentOneCol
  {      
      font-family: Arial;
      padding-left: 40px;
      padding-right: 40px;
      min-height: 260px;
  }

	#mainContentOneCol h2
    {
        color: #887030;
        font: italic bold 19px Arial;
        padding-bottom: 15px;
    }
	
	#mainContentOneCol h3
    {
        color: #276CB6;
        font:  bold 17px Arial;
        padding: 0;
				margin: 20px 0 0 0;
    }
	
	#mainContentOneCol h4
    {
        color: #276CB6;
        font:  bold 14px Arial;
        padding-bottom: 10px;
    }
	
			
	#mainContentOneCol ul li
    {
        list-style: outside;
				margin-left: 30px;
				margin-bottom: 7px;
				list-style-type: disc;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 12px;
				line-height: 14px;
    }
		
		#mainContentOneCol ol li
    {
        list-style: outside;
				margin-left: 30px;
				margin-bottom: 7px;
				list-style-type: decimal;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 12px;
				line-height: 14px;
    }
		
		#mainContentOneCol a:link, #mainContentOneCol a:visited
			{
				color: #276CB6;
				text-decoration: underline;
			}
			
			#mainContentOneCol a:hover
			{
				color: #866f2f;
				text-decoration: underline;	
			}
/****************************************/
/******** For two col layout ************/
 #mainContentTwoCol
  {      
      font-family: Arial;
      padding-left: 40px;
      padding-right: 40px;
      min-height: 260px;
  }

	#mainContentTwoCol h2
    {
        color: #887030;
        font: italic bold 19px Arial;
        padding-bottom: 15px;
    }
	
	#mainContentTwoCol h3
    {
        color: #276CB6;
        font:  bold 17px Arial;
        padding-bottom: 10px;
    }
	
	#mainContentTwoCol h4
    {
        color: #276CB6;
        font:  bold 14px Arial;
        padding-bottom: 10px;
    }
		
	#mainContentTwoCol ul li
    {
        list-style: outside;
				margin-left: 30px;
				margin-bottom: 7px;
				list-style-type: disc;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 12px;
				line-height: 14px;
    }
		
		
		#mainContentTwoCol a:link, #mainContentTwoCol a:visited
		{
			color: #276CB6;
			text-decoration: underline;
		}
		
		#mainContentTwoCol a:hover
		{
			color: #866f2f;
			text-decoration: underline;	
		}
		
		#colOne
	{
			float: left;
			width: 345px;
			padding-right: 10px;
	}
	
	#colTwo
	{
			float: right;
			width: 455px;
			padding-left: 14px;
			border-left: solid 1px #826b2e;
			min-height: 350px;
	}

	


/***************************************/
/******* Forms styles ******************/
  
  
.formTable	
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #484848;
	}

.formTable td
	{		
		padding: 4px;
		text-align: left;
	}

.formTable input
	{
		background-color: #CBDEF3;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		padding: 2px;
	}
	
.formTable textarea
	{
		background-color: #CBDEF3;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		padding: 2px;
	}
	
.required
	{
		color: #F00;
		font-weight: bold;
		font-size: 16px;
	}
  
 #personalInfo	{
	 text-align: right;
 }
 
 /************* TUBES *********************/
 /*****************************************/

#tubeStyle	{
	border: #000 thin 1px;
	padding: 5px;	
	font-size:10px;
}

#tubeStyle td{
	padding:5px;	
}

#headStyle	{	
	color: #fff;
	font-weight: normal;
	font-size: 10px;	
	background-color: #826B2E;	
	height: 18px;
	text-align: center;
	}
	
#headStyle2	{	
	color: #fff;
	font-weight: normal;
	font-size: 14px;	
	background-color: #826B2E;	
	height: 22px;
	text-align: left;
	padding-left: 7px;
	}

.colStyle1	{
	background-color: #f2f2f2;
	font-weight: bold;
	text-align: left;
}

.colStyle2	{
	background-color: #f2f2f2;
	font-weight: normal;
	text-align: center;
}

.colStyle2b	{
	background-color: #f2f2f2;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

.colStyle3	{
	background-color:#FFFFD5;
	text-align: center;
	font-weight: bold;
}

.colStyle4	{
	background-color:#FFFFD5;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

.colStyle5	{
	background-color:#FFFFD5;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

.colStyleL	{
	text-align: left;
}

.colStyleL2	{
	text-align: left;
	font-size: 11px;
}

/******************** MORE MISC ****************/
/***********************************************/

#slickbox	{
	background-color: #FFFFD5;
	border: #4F72B4 solid 1px;
	padding: 7px;
	}

#slickbox ol li {
	font-size: 10px;
	margin-left: 30px;
	list-style: decimal;
	margin-bottom: 7px;
	}