.clickme
{
	cursor: pointer;
}

/** Regulator Styles **/

#mainleft #reg_frame
{
	width: 100%;
	border-top: 1px dotted #CCC;
	padding-top: 20px;
	background: url("images/bg-maincont.png") repeat-y 25% 0;
}
	
	#mainleft #reg_frame span.fa
	{
		display: inline-block;
		background: #1A198C;
		color: #FFF;
		margin-right: 8px;
		line-height: 24px;
		width: 24px;
		text-align: center;
		font-size: inherit;
	}
	
		#mainleft #reg_frame #reg_results
		{
			float: left;
			width: 25%;
			padding-right: 20px;
		}
		
		#mainleft #reg_frame #reg_detail
		{
			float: left;
			width: 75%;
			padding-left: 20px;
		}
		
			#mainleft #reg_frame #reg_detail img.productimg
			{
				display: block;
				width: 100%;
				max-width: 320px;
			}
			
@media only screen and (max-width: 480px)
{
	
	#mainleft #reg_frame
	{
		background-image: none;
	}
		
		#mainleft #reg_frame #reg_results
		{
			float: left;
			width: 100%;
			padding-right: 0;
			padding-bottom: 20px;
		}
		
		#mainleft #reg_frame #reg_detail
		{
			float: left;
			width: 100%;
			padding-left: 0;
			border-top: 1px dotted #CCC;
			padding-top: 20px;
		}

}

/** Isotopic Styles **/
			
#mainleft #product_container
{
	width: 100%;
	border-top: 1px dotted #CCC;
	padding-top: 20px;
}

	#mainleft #product_container img.productimg
	{
		display: block;
		width: 100%;
		max-width: 320px;
	}
	
	#mainleft #product_container #product_details p
	{
		margin: 0 0 10px 0;
	}
	
/** Special Gases Styles **/
	
#mainleft #gas_frame
{
	width: 100%;
	border-top: 1px dotted #CCC;
	padding-top: 20px;
	background: url("images/bg-maincont.png") repeat-y 60% 0;
}

	#mainleft #gas_frame span.fa
	{
		display: inline-block;
		background: #1A198C;
		color: #FFF;
		margin-right: 8px;
		line-height: 24px;
		width: 24px;
		text-align: center;
		font-size: inherit;
	}

		#mainleft #gas_frame #gas_detail
		{
			float: left;
			width: 60%;
			padding-right: 20px;
		}
		
			#mainleft #gas_frame #gas_detail img.productimg
			{
				display: block;
				width: 100%;
				max-width: 320px;
			}
		
		#mainleft #gas_frame #gas_results
		{
			float: left;
			width: 40%;
			padding-left: 20px;
		}

@media only screen and (max-width: 480px)
{
	
	#mainleft #gas_frame
	{
		background-image: none;
	}
	
		#mainleft #gas_frame #gas_detail
		{
			width: 100%;
			padding-right: 0;
		}
		
		#mainleft #gas_frame #gas_results
		{
			width: 100%;
			padding-left: 0;
			border-top: 1px dotted #CCC;
			padding-top: 20px;
		}
	
}