﻿/* Layout Definitions */

body 
{
	 font-family: Calibri, Arial, Helvetica, sans-serif;
	 font-size:10pt;
	background-position:top center;
	background-image: url('img/bg.gif');
}

Div.OuterTable
{
	padding:0;
	margin:0 auto;

}

Div.SectionOuter
{
	background: #fff;
	width: 800px;
	margin:0 auto;
	padding:0;
}

.SectionContent
{
	padding: 0 ;
	background: #fff;
	margin:0;

	border-top:0;
	color:#444;
	/* sets the color and borders of the main page container. The top border is in the header.css, #header_bottom */
}


/* container within a page that holds the next two panels.  These can be floated divs or a table */
#panel_container
{
	width:100%;
}

#page_side_panel
{
	width:160px;

}

#page_main_panel
{
	padding: .35em;
}

a img
{
	border:none;
}

a
{
	text-decoration:none;
	color:#444;
}


.clearfloat
{
	clear: both;
	font-size:1px;
	line-height:0;
}

/* Font Definitions, Content Containers, etc - not layout */

/* Standard container for content on a page */
.content_container 
{
	border: solid 1px #aaa;
	margin: .35em;
	padding: .35em;
	background: #fff;
}


/* Standard section title */
.section_title, h1
{
	font-size: 120%;
	line-height: 18px;
	letter-spacing: .1em;
	color: #666;
	margin:0 0 .35em 0;
}

/* Standard sub-section title */
.subsection_title, h2
{
	font-size: 110%;
	line-height: 18px;
	letter-spacing: .1em;
	color: #666;
}
.subsection_title, h3
{
	font-size: 95%;
	margin-top: 0;
	margin-bottom: .2em;
	border-bottom: solid 1px #aaa;
}

/* Use to highlight items within a section or sub-section */
H4
{
	font-size: 95%;
	margin-top: 0;
	margin-bottom: .2em;
	text-decoration:underline;
}

/* Standard section title FOR LISTS */
li.menu_listTitle
{
	margin: .35em;;
	font-weight:bold;
	color: #000;
	font-size: 110%;
	display: block;

}
li.listTitle

{
	margin: -.30em -.30em .25em -1em;
	font-weight:bold;
	color: #000;
	font-size: 110%;
	display: block;

}

li.listTitle a
{
	color: #666;
}

/* Standard sub-section title FOR LISTS */
li.listItem
{
	margin: 0;
	font-weight:bold;
	color: #5B4C38;
	font-size: 105%;
	padding-top: 10px;
}

li.listItem a
{
	color: #5B4C38;
}

li.listItem ul li a
{
	color: #5B4C38;

}

/*   */
.form_label
{


	text-align:left;
	display:block;
	float:left;
}

/* use for links like 'more..' or 'click here' */
.accentLink, .accentlink, .clickhere
{
	color: #2E3192;
	text-decoration: none;
}
.boldlink
{
	color: #000;
	font-weight:bolder;
	text-decoration: none;
}
.error_message, .errormessage
{
	font-weight: bold;
	color: #d00;
	font-size:120%;
	padding:.35em;
	margin:.35em;
	border:solid 1px #aaa;
	display:block;
}

.success_message, .successmessage, .SuccessMessage
{
	font-weight: bold;
	color: #3E7D3E;
	font-size:120%;
	padding:.35em;
	margin:.35em;
	border:solid 1px #aaa;
	display:block;
}



/* Page Specific Definitions */

#emailFriend_list
{
	list-style-type:none;
}

#emailFriend_list li 
{
	margin-top:.75em;
}


/* --------------------- Scheduled Ads --------------------- */

.ScheduledAds_AdGroupPanel_ThumbnailsLayout, .ScheduledAds_AdGroupPanel_FullSizeImagesLayout
{margin:1em;}

.ScheduledAds_AdImageThumbnail
{width:225px;border:solid 1px #bdbdbd;float:left;position:relative;text-align:center;margin:1em 1em 0 0;padding:.5em;}

.ScheduledAds_AdImageThumbnail .ScheduledAds_AdNumber
{position:absolute;left:0px;top:0px;}

.ScheduledAds_AdImageFullSize
{width:760px;border:solid 1px #bdbdbd;position:relative;text-align:center;margin:1em 1em 0 0;padding:.5em;}

.ScheduledAds_AdImageFullSize .ScheduledAds_AdNumber
{position:absolute;left:0px;top:0px;}

.ScheduledAds_VimeoVideo
{}

.ScheduledAds_GoogleVideo
{}

.ScheduledAds_YouTubeVideo
{}

.ScheduledAds_FlashVideo {
	width: 385px;
	height: 276px;

	margin: 1em 0 1em 5px;
}


/* tool tips */
.tooltip {display:inline;}
#narrow_search_panel .tooltip {margin-left:.35em;}

.tooltip .tooltip_content, .tooltip .tooltip_content_2col {display:none;}
.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
.tooltip:hover .tooltip_content {display:block; position:absolute; top:9px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #222; background:#ddd; width:190px; text-align:left;}
.tooltip:hover .scroll {overflow:auto; height:20em;}
.tooltip:hover .tooltip_content div {margin-bottom:.5em; font-size:9pt;}
.tooltip:hover .tooltip_content div span {font-weight:bold; display:block; clear:both;}
.tooltip:hover .tooltip_content img {float:left; border:solid 1px #aaa; margin:.35em;}


/* -------- Use this to hide manufacturer names ------- */
.Mfg_Name
{
	
}

/* -------- hacks ------- */

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

/* -------- get_started_page ------- */
.get_started {
	border-bottom:solid 1px #dcdcdc;
	margin-bottom:1em;
	padding-bottom:1em;
}
.get_started_text {
	float:left;
	width:450px;
}
.get_started h1 {
	font-size:1.7em;
	font-weight:normal;
}
.get_started p {
	padding-left:1.5em;
	font-size:1.2em;
}
.get_started img {
	width:320px;
	margin-left:.5em;
	float:left;
	border:solid 1px #ccc;
}
.get_started_thumbnails {
	border:solid 1px #ccc;
	padding:1em;
	margin:.5em;
	font-size:90%;
	width:45%;
	height:198px;
	float:left;

}
	
.get_started_thumbnails img{
	float:left;	
	width:202px;
}
.get_started_thumbnails ul {
	float:left;
	list-style-type:none;	
	margin-top:0;
	margin-left:1em;
	padding-top:0;
	width:100px;
}
.get_started_thumbnails ul li{


}
.get_started_thumbnails ul h3 {
	margin:0;
	margin-bottom:.5em;
	padding:0;
	font-size:1.3em;
	font-weight:normal;
}

