/*
	Three Column with Feature
	Used for many pages, thus a common sheet
*/
/* --- Primary Content
-------------------------------------------------------*/
.layout_5 {
	margin-top: -20px;
}
/* --- Banner
-------------------------------------------------------*/
#banner {
	color:#FFFFFF;
	font-size:1.083em;
	line-height:1.231em;
	margin-bottom:25px;
	overflow:hidden;
	padding:33px 0 0 10px;
	position:relative;
	width:740px;
}
/* --- | Used for flash banners. Padding removed | --- */
#banner_flash {
	
	background: url(/images/primary_content_sep.png) no-repeat scroll left bottom transparent;
	height: 356px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	position: relative;
}		
/* --- | Banner Top | --- */
#banner #banner_top {
	/*height: 155px;*/
	*padding: 5px;
}		
/* --- | Title | --- */
#banner h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 7px -3px;
}
#banner h1 strong {
	font-weight: normal;
	color: #7bbee7;
}		
/* --- | Synopsis | --- */
#banner .synopsis {
	width: 300px;
}
/* --- | Highlights | --- */
#banner .highlights {
	width: 550px;
	height: 100px;
	margin: 0 0 20px 12px;
	padding: 5px;
}		
#banner .highlights ul {
	font-size: 1em;
	line-height: 1.2em;	/* 15px * 1.2em = 18px */
	color: #7bbee7;
	list-style: none;
}
#banner .highlights ul li {
	color:#ffffff;
    list-style: disc outside;
    margin-left: 12px;
    line-height: 1.8em;

	float: left;
	width: 158px;
}			
/* --- | CTA in Highlights | --- */
#banner .highlights ul.cta {
	margin-left: 8px;
}				
#banner .highlights ul.cta li {
	float: none;
	background-image: url(/images/arrows.gif);
	background-position: 0 -998px;
}					
#banner .highlights ul.cta li a { color: #87caed; }
#banner .highlights ul.cta li a:hover { color: #fff; }
/* --- | Call To Action | --- */
#banner ul.cta { }
#banner ul.cta li {}
#banner ul.cta li a { color:#A667C7;  }
#banner ul.cta li a:hover { }
/* --- Interior Content
-------------------------------------------------------*/
.interior_content {}
.interior_content h2 {
	margin: 0 0 1em;
}
/* --- | Topic Module | --- */
.interior_content .topic_module ul.cta {}
.interior_content .topic_module ul.cta li {
	float: left;
	width: 180px;
}
/* --- | Topic Module with Photo | --- */
.interior_content .photo .topic_module_content {
	width: 360px;
}
/* --- Tabs
-------------------------------------------------------*/
.interior_content #tabs {
	overflow:hidden;
	width:488px;
}
/* --- | Tab Navigation | --- */
.interior_content #tabs #tab_navigation {
	list-style: none;
	height: 46px;
	margin: 0;
	overflow:hidden;
	width:489px;
}
.interior_content #tabs #tab_navigation li {
	float: left;
	width: 158px;
	height: 46px;
	margin-right: 9px;
	padding: 0;
	text-align: center;
	line-height:3em;
	background: url(/images/tab_inactive.jpg) no-repeat;
}
.interior_content #tabs #tab_navigation li.selected {
	width: 155px;
	background: url(/images/tab_active.jpg) no-repeat;
}
.interior_content #tabs #tab_navigation li.lastIt{
	margin-right: 0px;
}
.interior_content #tabs #tab_navigation li a {
	text-decoration: none;
	display:block;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:lighter;
	
	/*
		padding: 38px 0 0 12px;
	*/
}
/* --- | Specific Tabs | --- */

/* --- | Sections | --- */
.interior_content #tabs .tab_section {
	color: #fff;
	clear: both;
	position: relative;
	width: 488px;
	height: 305px;
	background: url(/images/tab-content.png) bottom left no-repeat;
}
.interior_content #tabs .tab_section a:link {
	color: #fff;
}
.interior_content #tabs .tab_section a:visited {
	color: #B5B5B5;
}
.interior_content #tabs .tab_section a:hover {
	color: #fff;
}
.interior_content #tabs .tab_section a:active {
	color: #fff;
}
.interior_content #tabs .tab_section .tab_content {
	width: 418px;
	height: 270px;
	padding: 35px 24px 0;
	background-position: 0 10px;
	background-repeat: no-repeat;
}
.interior_content #tabs .tab_section .photo {
	width: 202px;
	padding-left: 240px;
}
/* --- | Specific Sections | --- */
.interior_content #tabs #section_1 {
}
.interior_content #tabs #section_2 {
}
.interior_content #tabs #section_3 {
	
}
/* --- | Stuff inside the Section | --- */
.interior_content #tabs .tab_section ul.cta {
	position: absolute;
	right: 24px;
	bottom: 0;
}
.interior_content #tabs .tab_section ul.cta li {
	background-position: 0 -798px;
}
.interior_content #tabs .tab_section ul.cta li a {
	color: #4c6677;
}
.interior_content #tabs .tab_section ul.cta li a:hover {
	color: #fff;
}
/* --- | Dropdown | --- */
.interior_content #tabs .tab_section p.retailer_intro {
	color: #000;
	margin-bottom: .5em;
}
.interior_content #tabs .tab_section .selectbox {
	width: 98px;
	margin-right: 5px;
}
.interior_content #tabs .tab_section div.selectbox-wrapper {
	width: 118px;
}




/* --- Banner Tabs
-------------------------------------------------------*/
#banner #extra-tabs {
	overflow: hidden;
	width: 717px;
}
/* --- | Tab Navigation | --- */
#banner #extra-tabs #tab_navigation {
	list-style: none;
	height: 46px;
	margin: 0;
	overflow:hidden;
	width: 717px;
}
#banner #extra-tabs #tab_navigation li {
	float: left;
	width: 158px;
	height: 46px;
	margin-right: 4px;
	padding: 0;
	text-align: center;
	line-height:3em;
	background: url(/images/tab_inactive.jpg) no-repeat;
}
#banner #extra-tabs #tab_navigation li.selected {
	width: 155px;
	background: url(/images/tab_active.jpg) no-repeat;
}
#banner #extra-tabs #tab_navigation li.lastIt{
	margin-right: 0px;
}
#banner #extra-tabs #tab_navigation li.remote-big.selected {
	background: url(/images/tab_active-remote-big-over.jpg) no-repeat;
	margin: 0 0 0 2px;
	width: 229px;
}
#banner #extra-tabs #tab_navigation li.remote-big {
	width: 229px;
	margin-left: 2px;
	background: url(/images/tab_active-remote-big.jpg) no-repeat;
}
#banner #extra-tabs #tab_navigation li a {
	text-decoration: none;
	color: #fff;
	font-size: 1.3em;
	font-weight: lighter;
}
/* --- | Specific Tabs | --- */

/* --- | Sections | --- */
#banner #extra-tabs .tab_section {
	color: #fff;
	clear: both;
	position: relative;
	width: 717px;
	height: 85px;
	background: url(/images/extra-tab-content.png) bottom left no-repeat;
}
#banner #extra-tabs .tab_section a:link {
	color: #B5B5B5;
}
#banner #extra-tabs .tab_section a:visited {
	color: #B5B5B5;
}
#banner #extra-tabs .tab_section a:hover {
	color: #fff;
}
#banner #extra-tabs .tab_section a:active {
	color: #fff;
}
#banner #extra-tabs .tab_section .tab_content {
	background-position:0 10px;
	background-repeat:no-repeat;
	height:70px;
	padding:15px 24px 0;
	width:667px;
}
#banner #extra-tabs .tab_section .photo {
	width: 202px;
	padding-left: 240px;
}
/* --- | Specific Sections | --- */
#banner #extra-tabs #section_1 {
}
#banner #extra-tabs #section_2 {
}
#banner #extra-tabs #section_3 {
	
}
/* --- | Stuff inside the Section | --- */
#banner #extra-tabs .tab_section ul.cta {
	position: absolute;
	right: 24px;
	bottom: 0;
}
#banner #extra-tabs .tab_section ul.cta li {
	background-position: 0 -798px;
}
#banner #extra-tabs .tab_section ul.cta li a {
	color: #B5B5B5;
}
#banner #extra-tabs .tab_section ul.cta li a:hover {
	color: #fff;
}
/* --- | Dropdown | --- */
#banner #extra-tabs .tab_section p.retailer_intro {
	color: #000;
	margin-bottom: .5em;
}
#banner #extra-tabs .tab_section .selectbox {
	width: 98px;
	margin-right: 5px;
}
#banner #extra-tabs .tab_section div.selectbox-wrapper {
	width: 118px;
}