@charset "utf-8";
/*  ---------------------------------------
	
	interior.css
	````````
	interior page stylesheets document for
	Biotran
	
    ---------------------------------------  */


/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content-wrap {
			background: url(../images/content-bg-bottom.gif) bottom no-repeat;
			padding-bottom: 11px;
			margin-bottom: 221px;
		}
		#content {
			background: url(../images/content-bg.gif) repeat-y;
			margin: 0 10px 0 10px;
			padding: 20px 26px 10px 26px;
			width: auto;
		}


/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 185px;
			float: right;
			padding-top: 20px;
		}
			#sidebar h3 {
				display: block;
				padding-bottom: 15px;
				font-size: 14px;
				font-weight: bold;
				color: #000;
			}
			#sidebar ul {
				display: block;
				padding-bottom:  20px;
				list-style-type:  none;
			}
				#sidebar ul li {
					display: block;
				}
					#sidebar ul li a {
						display: block;
						padding: 8px 10px 8px 19px;
						background: url(../images/bullet-arrow-red-right.gif) left center no-repeat;
						border-bottom: 1px solid #d4d4d4;
						font-size: 14px;
						font-weight: bold;
						text-decoration: none;
					}
						#sidebar ul li a:hover {
							background-image: url(../images/bullet-arrow-grey-anim.gif);
						}
						#sidebar ul li.current_page_item a,
						#sidebar ul li.current_page_item a:hover {
							background-image: url(../images/bullet-arrow-grey-left.gif);
							color: #797979;
						}
			.sidebar-element {
				margin-top: 20px;
			}
				.sidebar-element h3 {
					font-size: 16px !important;
					padding: 15px 15px 10px 15px;
					margin-bottom: 15px;
				}
				.sidebar-element p {
					display: block;
					padding: 0 15px 13px 15px;
				}
				#contact-info {
					background: #303030;
					-moz-border-radius: 5px;
					padding-bottom: 5px;
				}
					#contact-info h3 {
						color: #fff;
						background: url(../images/diagonal-dark.gif) repeat #030303;
						-moz-border-radius-topleft: 5px;
						-moz-border-radius-topright: 5px;
					}
					#contact-info p {
						color: #dadada;
					}
					#contact-info strong {
						display: block;
						padding-bottom: 3px;
						color: #efefef;
					}
			p.sidebar-element {
				padding: 0 !important;
			}
				p#compare-prices a {
					display: block;
					padding: 15px;
					font-size: 14px;
					font-weight: bold;
					background: url(../images/diagonal-red.gif) !important;
					color: #fff;
					text-decoration: none;
					-moz-border-radius: 5px;
				}
					p#compare-prices a:hover { text-decoration: underline; }


/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		h2 {
			display: block;
			background: url(../images/interior-masthead-bg.gif) no-repeat;
			height: 54px;
			line-height: 54px;
			font-size: 18px;
			font-weight: bold;
			color: #f1f1f1;
			margin: 0 10px;
			padding: 0 18px;
		}


/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		
		#main {
			width: 560px;
			float: left;
		}
		
			#main p {
				display: block;
				padding-bottom: 25px;
				line-height: 25px;
			}
				#main p.lead {
					padding-bottom: 15px;
					margin-bottom: 15px;
					border-bottom: 2px solid #ccc;
					font-size: 16px;
					color: #000;
				}
			#main h3 {
				display: block;
				font-size: 24px;
				color: #ee3724;
				padding-bottom: 20px;
				font-weight: bold;
				font-family: Helvetica Neue, Verdana;
			}
			#main h4 {
				display: block;
				font-size: 18px;
				color: #343434;
				padding: 3px 0 5px 0;
				font-weight: bold;
				font-family: Arial;
			}
			#main ul,
			#main ol {
				display: block;
				padding: 0 0 20px 30px;
			}
				#main li {
					padding-bottom: 4px;
				}
			
		
		.product-list #main #product-list-content h4 {
			font-size: 20px;
		}	
		.product-list #main #product-list-content h5 {
			display: block;
			font-size: 18px;
			font-weight: bold;
			color: #666;
			padding: 15px 0 10px 0;
			border-bottom: 1px dashed #f6f6f6;
			margin-bottom: 15px;
		}
		.product-list #main #product-list-content pre {
			font-size: 12px;
			display: block;
			padding-bottom: 15px;
		}
		
		.product-list #main #product-list-content p {
			display: block;
			padding: 5px 8px;
			background: #efefef;
			margin-bottom: 3px;
		}
			.product-list #main #product-list-content p strong {
				display: block;
				width: 200px;
				float: left;
				padding-right: 10px;
				line-height: 95px;
				border-right: 1px solid #d8d8d8;
				font-size: 16px;
			}
			.product-list #main #product-list-content p img {
				display: block;
				float: left;
				margin-right: 15px;
				border: 1px solid #004a8e;
			}
			.product-list #main #product-list-content p em {
				display: block;
				width: 80px;
				float: left;
				color: #a0a0a0;
				font-size: 12px;
				line-height: 95px;
				border-right: 1px solid #d8d8d8;
				text-align: center;
			}
			.product-list #main #product-list-content p span {
				display: block;
				width: 130px;
				float: right;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				color: #ef3724;
				line-height: 95px;
				text-decoration: none !important;
				background: #f4f4f4;
				border: 1px solid #d8d8d8;
			}
		
		
		
		.product-list #main #product-list-content p:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.product-list #main #product-list-content p {display: inline-block;}
		
		/* Hides from IE-mac \*/
		* html .product-list #main #product-list-content p {height: 1%;}
		.product-list #main #product-list-content p {display: block;}
		/* End hide from IE-mac */