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

/********** 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;

	}