/*-------------------------
 RemoteSatellite.com
 filename: template_product_a.css
 version: 5.0
 date: 1-29-09
 
 copyright 2008-2009
 design/html/css/php: product 9 design
 php/data: gail sullivan
--------------------------*/


/*	This template file controls "Product Layout A", the vertical product layout with 
	tabs and multiple categories.
	
	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 -----*/
	#title {}

	/* FEATURES */
	#feature_container {padding:0 15px 10px 15px;}
	
		/*---- FEATURE A -----*/
		#feature_a {width:335px; float:left;}
			#feature_a ul {padding:0; margin:0px 0 5px 15px;}
			#feature_a li {padding:0; margin:0 0 5px 3px;}
			#content #feature_a h2 {padding:0 0 12px 0; font-size:1.15em; color:#35357C; text-transform:uppercase; }
			#content #feature_a h3 {text-transform:uppercase; font-size:1.15em; padding:0 0 6px 0;}
		
		/* at left */ 
		.purchase {text-align:center; width:110px; padding:6px 0 12px 0; float:right;}
		.overview {padding:0 0 22px 0;}
		.tech_docs {padding:0 0 35px 0;}

		
	/*---- FEATURE B -----*/
	#feature_b {margin-left:350px;}
	
		#feature_b .specifications ul {padding:0; margin:0px 0 5px 15px;}
		#feature_b .specifications li {padding:0; margin:0 0 5px 3px;}
		
		/* at right */
		.features {}
		.accessories {}
		.plans {}
		.specifications {}
		

	/*---- FEATURE C -----*/
	/*#feature_c {background:#fff url(/template/images/bkg_content_foot_a.gif) bottom left repeat-x; padding:0 0 3px 0;}*/
	#feature_c {padding:0 0 3px 0; background-color:#fff;}

	/*---- PRODUCTS -----*/
	.product_a {}

	/* 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;
	/* commented out gms 5/21/09 to make boxes size to fit text height: 80px;   also image below height:90px;*/
}
		.accessories_item_txt {
	margin:0 0 0 90px;
	position:relative;
	z-index:100px;
	padding-right:90px;
	min-height: 70px;
}
		.accessories_item_img {
	width:85px;
	float:left;
	overflow:hidden;
}
			.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;
	clear:both;
	margin:0;
	/* height: 90px;  commented this out 5/15/09 gms because it was too small for all text */
}	
		.plans_item_txt {
	margin-right:20px;
	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;}