.foo {} /* Wc3 Standards require a class to be first on stylesheets */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 SubPages StyleSheet - 2THINGS Software
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the subpage css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found here.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Misc. Styles
-------------------------------------------------------------------------------*/
.banner-wrapper		{ width: 900px; }
.subpage-logo		{ float: left; width: 200px; position: relative; top: 12px; left: 17px; }
.subpage-bannerimages{ float: right; }
.subpage-bannerimages img
					{ margin: 8px 39px 0 0; }
.content-margins	{ float: left; padding: 20px; }
.contentsection		{ padding-bottom: 10px; display: block; }

/* -- News Announcer Styles -- */
.NewsAnnouncer								{ margin-top: 6px; }
.NewsAnnouncer .ItemStyle, 
.NewsAnnouncer .AlternatingItemStyle		{ padding-bottom: 12px; }
.NewsAnnouncer .headline a					{ color: #A63232; font-weight: bold; text-decoration: underline; font-size: 13px; }
.newsannouncer-title						{ background: url(Images/title-newsevents.png) no-repeat; height: 16px; border-bottom: 1px solid #FFF; 
                    						  padding-bottom: 2px; display: block; }

.NewsAnnouncer-HomePage						{ }
.NewsAnnouncer-HomePage	table				{ margin-bottom: 10px; }
.NewsAnnouncer-HomePage	table td			{ line-height: 15px; }
.NewsAnnouncer-HomePage .headline a			{ color: #A63232; font-weight: bold; text-decoration: underline; font-size: 13px; }
.NewsAnnouncer-HomePage .headline a:hover	{ color: #CCCCCC; }

/* Default.aspx (Home) Styles
-------------------------------------------------------------------------------*/
.home-banner			{ float: right; width: 900px; }
.iphone-sample			{ float: left; background: url(Images/iphone-sample.png) no-repeat; width: 900px; height: 303px; }

.home-content			{ background: url(Images/homecontent-bg.png) repeat-y; padding: 4px 0; min-height: 300px; padding: 20px 10px; }
* html .home-content	{ height: 300px; }
.left-column			{ float: left; width: 500px; padding-left: 40px; }
.right-column			{ float: left; width: 266px; margin-left: 57px; }

.featured-product		{ overflow: hidden; margin-bottom: 26px; }
* html .featured-product{ padding-bottom: 54px; }
.featured-product img,
.comingsoon-product img	{ float: left; padding: 0 9px 10px 5px; }
.featured-description,
.comingsoon-description	{ padding: 8px 0 0 3px; display: block; }

.title-featured			{ background: url(Images/title-featured.png) no-repeat; width: 111px; height: 30px; padding-bottom: 13px; }
.title-comingsoon		{ background: url(Images/title-comingsoon.png) no-repeat; width: 166px; height: 30px; padding-bottom: 13px; }
.title-news				{ background: url(Images/title-news.png) no-repeat; width: 67px; height: 30px; padding-bottom: 13px; }
	
/* Products.aspx Styles
-------------------------------------------------------------------------------*/
.page-margin			{ float: left; }
.title-products			{ background: url(Images/title-products.png) no-repeat; width: 108px; height: 30px; padding-bottom: 32px; }
.product-list			{ width: 885px; margin-left: -26px; }

.product-wrapper		{ margin: 0 20px 0 29px; }
.product-title			{ font-size: 16px; display: block; font-weight: bold; padding-bottom: 10px; }
.product-description	{ font-size: 12px; display: block; padding: 15px 0; }
.product-image .btn-buynow-sm 
						{ margin-top: 5px; }
	
/* Contact.aspx Styles
-------------------------------------------------------------------------------*/
#contactform td { padding: 3px 0 3px 0; }

/* Product Styles
-------------------------------------------------------------------------------*/
.product-wrapper		{ border: 1px solid #666; margin-bottom: 15px; padding: 15px; background-color: #BBB; overflow: hidden; }
.product-image		{ float: left; width: 80px; }
.product-details		{ float: left; width: 700px; margin-left: 15px; }
.product-details h1	{ display: block; font-size: 18px; }

/* Custom Apps Styles
-------------------------------------------------------------------------------*/
.custom-apps			{ }
.customapps-left		{ float: left; width: 400px; padding-right: 15px; }
.customapps-right	{ float: left; }
.customapps-title		{ }
.customapps-subtitle{ margin: 21px 0 23px 0; }