/*-------------------------
 RemoteSatellite.com
 filename: template_product_b.css
 version: 3.0
 date: 2-24-09
 
 copyright 2008-2009
 design/html/css/php: product 9 design
 php/data: gail sullivan
--------------------------*/


/*	This template file controls "Product Layout B", the horizontal product layout with 
	tabs and multiple categories and large product image.
	
	This file should be third in the list of css files in the HTML
*/


/*---- CONTENT -----*/

	/* Main Content styles in "global.css" - use these to customize product formats.*/
	#content {}
	#content_margin {}
		#content p {margin:0; padding:0 0 9px 0;}
		#content h1 {}
		#content h2 {padding:18px 0 12px 0; font-size:1.15em; color:#333333; text-transform:uppercase;}
		#content h3 {}
		#content h4 {}
		#content h5 {}
		#content ul {}

	/*---- TITLE -----*/
	#content h1#title {margin:0 0 0 15px;}

/* FEATURES */
	#feature_container {padding:0 0px 10px 15px;}
	
	/*---- FEATURE A -----*/
	#feature_a {width:600px; float:left; }
		#content #feature_a h2 {padding:18px 0 12px 0; font-size:1.15em; color:#333333; text-transform:uppercase; }
		
		/* at left */
		.features {}
		.accessories {}
		.plans {}
		.specifications {}
			#feature_a .specifications ul {padding:0; margin:0px 0 5px 15px;}
			#feature_a .specifications li {padding:0; margin:0 0 5px 3px;}
	
	/*---- FEATURE B -----*/
	#feature_b {margin-left:600px; }
		#feature_b_margin { padding:0px 18px 3px 18px; background-color:#FFFFFF;}
		#feature_b p {font-size:.76em; padding:0 0 6px 0;}
		#feature_b ul {padding:0; margin:0px 0 5px 15px;}
		#feature_b li {padding:0; margin:0 0 5px 3px;}			
		#content #feature_b h2 {padding:0 0 12px 0; font-size:1.15em; color:#35357C; text-transform:uppercase; }
		#content #feature_b h3 {text-transform:uppercase; font-size:1.15em; padding:12px 0 6px 0;}
	
		/* at right */
		.purchase {text-align:center; float:right; width:110px; padding:15px 0 0 0;}
		.tech_docs {padding:0 0 35px 0;}
		.overview {padding:0 0 35px 0;}
		

	/*---- FEATURE C -----*/
	#feature_c {background:#fff url(/template/images/bkg_content_foot_a.gif) bottom left repeat-x; 
		padding:15px 0 3px 0; clear:both;}
		
		/*  remove when final */
		#feature_c_text {padding:10px 20px 15px 30px;}
			#feature_c_text h2 {text-transform:uppercase; font-style:italic; font-size:1.1em; padding:0; margin:10px 0 6px 0;}
			#feature_c_text h3 {font-style:italic; font-size:.9em;}
			#feature_c_text ul {margin:0 0 10px 0; padding:0 0 0 10px; font-size:.78em;}
				#feature_c_text li {margin:0 0 6px 3px; padding:0 0 3px 6px;}
			#feature_c_text p {font-size:.78em;}

		#fc_left {width:200px; float:left;}
		#fc_right {margin-left:210px;}
		/* end remove */ 
		
	
	/*---- PRODUCT B -----*/
	#product_info_tabs {padding:22px 0 0 0;}

	/* Accessories Item - use this for accessories or any short item description with image and btn */
	.accessories_item {
	color:#000000;
	width:97%;
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #889BC4;
	padding:5px;
	clear:both;
	min-height: 90px;
} /* ; height: 80px; */
		.accessories_item_txt {
	margin:0 0 0 90px;
	position:relative;
	z-index:100px;
	padding-right:90px;
	min-height: 85px;
}
		.accessories_item_img {width:85px;  float:left; overflow:hidden;} /*height:90px;*/
			.accessories_item_img img {padding:8px 0 0 6px;}
		.accessories_item_btn {width:100px; position:absolute; right:5px; top:5px; text-align:right;}
			#content .accessories_item h3 {color:#000000; font-size:.90em; font-weight:bold; padding:3px 0 0 0;}
			#content .accessories_item h4 {color:#000000; font-size:0.9em; padding:0 3px 5px 0;}
			#content .accessories_item p {font-size:.76em; line-height:1.25em;}
			
	/* Plans Item - use this for plans or any short item description with image and btn */
	.plans_item {color:#000000; width:97%; position:relative; background-color:#FFFFFF; border:1px solid #889BC4;
	 	padding:5px 5px 5px 5px; clear:both; margin:0;}
		.plans_item_txt {
	margin-right:10px;
	padding:6px 6px 10px 9px;
}
		.plans_item_btn {width:100px; position:absolute; right:9px; top:9px; text-align:right;}
			#content .plans_item h3 {color:#000000; font-size:.90em; font-weight:bold; padding:3px 0 0 0;}
			#content .plans_item h4 {color:#000000; font-size:.90em; padding:0 3px 5px 0;}
			#content .plans_item p {font-size:.76em; line-height:1.25em;}