/* ************************** Height Width and Position ****************** */

.ProductOptsLine
{
  position: static;
}

.ProductOptsHeadingBox
{
  overflow: hidden;
  width: 651px;
}

.ProductOptsLine, .ProductOptsList, .ProductOptsLine_disabled
{
  overflow: hidden;
  width: 650px;
}


.ProductOptsList
{
  height: auto;
  float: none;
  /* Center the box */
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* Size of each of the fields in the box */
.ProductOptsTileName, .ProductOptsFieldName
{
  float: left;
 /* width: 150px; */
  position: relative;
  left: 1;
  height: 100%;
  padding-left: 6px;
}

	
.ProductOptsTileName, .ProductOptsFieldName
{
  width: 294px;
}

.ProductOptsFieldDesc, .ProductOptsTileDesc
{
  /* float: left; */
  /*width: 383px; */
  height: 100%;
  padding-left: 0px;
  padding-right: 4px;
}

.ProductOptsFieldValue, .ProductOptsTileValue
{
  float: left;  
  position: relative; 
  overflow: hidden;
  left: -1px;
  height: 100%;
  padding-left: 8px;
}

@media screen{
	.ProductOptsFieldValue, .ProductOptsTileValue
	{
	  width: 340px;
	}
}


@media print{

	.ProductOptsFieldValue, .ProductOptsTileValue
	{
	  height: auto;
	}

	.ProductOptsFieldDesc, .ProductOptsTileDesc 
	{
	    height: auto;
		 width: 300px;
	}

	.ProductOptsFieldValue
	{
	  height: auto;
	   width: 338px;
	}

	.ProductOptsLine
	{
	  height: auto;
	}
  
}


.ProductOptsLine_disabled
{  /* For fun let's make disabled options invisible.*/
 /* position: absolute;
  visibility: hidden;
  height: 0px;
  top: 10000px;
  left: 10000px; */
}

.ProdOptsNoteStyle
{
  position: relative;
  width: 600px;
  overflow: hidden;
}

.ProdOptsNameText
{
  display: block;
  margin-top: 4px;
  margin-bottom: 6px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.ProdOptsRadioButStyle
{
  /*position: static;*/
  overflow: hidden;
  float: left;
  display: inline;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  width: 100%; 
  height: auto;
}

.ProdOptsRadioButStyle_disabled
{
  /* Let's hide the disabled radio buttons */
  float: left;
  display: inline;
  position: absolute;
  top:  0px;
  left: 0px; 
  
  overflow: hidden;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding: 0px;
  
  height: 0px;
  width: 45px;
  visibility: hidden;
}

.ProdOptsRadioButStyle
{
  border-top-style: clear;
  border-width: 0px;
}

.ProdOptsLineNormal, .ProdOptsLineOdd
{
  float: left;
  overflow: hidden;
  display: inline;
  width: 100%;  
  margin: 0px;
  padding: 0px;
  height: auto;
}

/*************************** Text Align ************************/
.ProductOptsList
{
  text-align: center;
}

.ProductOptsLine, .ProductOptsList, .ProductOptsLine_disabled
{
  text-align: left;
}

.ProductOptsFieldDesc
{
  text-align: justify;
}

.ProductOptsValuesStyle
{
  text-align: left;
}

.ProductOptsTileName, .ProductOptsTileValue, .ProductOptsTileDesc
{
  text-align: center;
}


/* *********************** Border styles ***********************/
.ProductOptsTileName, .ProductOptsFieldDesc, 
.ProductOptsTileDesc, .ProductOptsTileValue
{
  border-style: clear;
  border-width: 0px; 
}

.ProdOptsLineNormal, .ProdOptsLineOdd
{
  border-style: clear;
  border-width: 0px;
}

.ProductOptsFieldDesc, .ProductOptsFieldValue, .ProductOptsFieldName
{
  border-style: clear;
}

.ProductOptsFieldValue
{
  border-left-style: solid;
  border-left-width: 1px;  
}

.ProductOptsFieldName
{
  border-right-style: solid;
  border-right-width: 1px;
}

.ProductOptsLine, .ProductOptsLine_disabled
{

  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}

.ProductOptsHeadingBox
{
  border-style: solid;
  border-width: 1px;
}

.ProductOptsList
{
  border-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-top-width: 1px;
}
//-------------------------------------------------------------------------


/* ************************* Background color ****************************/
.ProdOptsLineOdd
{

}

.ProdOptsLineNormal
{
  background-color: #D3D3D3;
}

.ProductOptsFieldValue, .ProductOptsFieldDesc
{
  background-color: transparent;
}

/*----------------------------------------------------------------*/
.ProductOptsFieldDesc, .ProductOptsFieldValue, .ProductOptsFieldName
{
  overflow: hidden;
  float: left;
  padding-bottom: 4px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ProductOptsLine, .ProductOptsLine_disabled
{
  float: left;
  display: inline;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}



.ProductOptsHeadingBox
{
  float:left;
  padding-bottom: 3px;
  background-color: black;
  color: #009933;
}

.ProductOptsTileName, .ProductOptsTileValue, .ProductOptsTileDesc
{
  background-color: #005aaa;
  font-weight: bolder;
  color: white;
  font-size: larger;
  float: left;
}


.ProductOptsFieldName
{
  position: relative;
  float: left;
  
  /*font-weight: bold; */
  height: 100%;
}

.ProductOptsFieldValue
{
  text-align: left;
}

.ProdOptsRadioTxtStyle
{
 /*float: left;*/ 
 text-align: left;
 overflow: hidden;
 width: 80%;
}

.ProdOptsRadioButton
{
  /* float: left; */
  width: 20px;
}

.ProdOptsRadioButStyle
{
      
}

.ProdOptsRadioButStyle_disabled
{

}

.ProdOptsDescText
{

}

.ProdOptsNameText
{
  font-weight: bold;

}