/* Table of Contents
	Global Settings						Body and Left Nav					Default Home Page
	-----------------------				-----------------------				-------------------
	- Global Settings					- Maincontent Section				- Home Page Section f
	- Global Content Section			- Body Text Section					- Maincontent Float Left Section
	- Main Container Section			- Side Bar Section					- Main Page - Banners				
	- Header Section					- Video Gallery Section
	- Header Main Nav Section			- Overlay section
	- Top Container						- Scroller Section
	- Breadcrumb Section				- Tabs Section
	- title Section						- Nav Menu Section
	- Secondary Nav Section				- Video Panel section
	- Forms									- Related Video Section
										- Related News Section
										- Quick links Section
										- Right Column Section
										- Spacing Section
										- Table Layouts Section
										- Product Card Section
										- Press Releases
										- Footer Section
END Table of Contents */

/* Scheduled for deletion */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 
samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 			0;
	padding: 			0;
	border: 			0; 
}

* {
  	margin: 			0 auto;
  	padding: 			0;
}

html {
	font-size: 			50%; /* Part one of 1em = 10px */
}

body {	
	font: 				125% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	/*part 1 of centering hack*/
	text-align: 		center;	
	background:			#cccccc url(/Atmel/img/interface/bg_body.jpg) repeat-x left top;
}

 /*==============================
	Global Link Settings
=================================*/

h1 {
	font-size:1.4em;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
}

h4 {
	font-size:1.0em;
}

h5 {
	font-size:0.9em;
}

h6 {
	font-size:0.8em;
}

a {
	text-decoration:	none;
	color:				#2b96d6;
}

a:hover, 
a:active {
	text-decoration:	underline;
}

.floatright {
	float: 				right;
}

.floatleft {
	float: 				left;
}

* html .floatright,
* html .floatleft {
	display:			inline; /*to avoid IE double margin bug*/
}

.alignright {
	text-align:			right;
}

.half {
	width:				48%;
}

.hide {
	display:			none;
}

.nobg {
	background:			none !important;
}

.noborder {
	border:				0 !important;
}

.nomargin {
	margin:				0 !important; 
}

.clear {
	clear:				both;
}

.margintop1n {
	margin-top:			-1px;
}

.margintop10n {
	margin-top:			-10px;
}

.marginleft12n {
	margin-left:		-12px;
}

.marginleft14n {
	margin-left:		-14px;
}

.bordertop {
	border-top:			#eee 1px solid;
}

.borderright {
	border-right:		#eee 1px solid;
}

.borderleft {
	border-left:		#eee 1px solid;
}

.borderBtmSolidGray {
	border-bottom:		#ccc 1px solid;
}

.borderBtmDashGray {
	border-bottom:		#ccc 1px dashed;
}

.paddingtop5 {
	padding-top:		5px;
}

.paddingtop10 {
	padding-top:		10px;
}

.paddingtop30 {
	padding-top:		30px;
}

.padding_bottom {
	padding-bottom:		50px;
}

.paddingleft10 {
	padding-left: 		10px;
}

.quarter {
	width: 				27%;
   	padding-left: 		0em;
   	padding-bottom: 	0em;
}
.third {
	width:				33%;
   	padding-bottom: 	0.5em;
}
.threeQuarter {
	width:				72%;
   padding-bottom: 		0em;
}
.full {
	float: 				left; 
	width:				100%;
   padding-bottom: 		0em;
}
.spacer {
   padding-bottom: 		0.75em;
   clear: 				both;
}

.separatorTop {
   background-image:	url(/images/homepage_new/gradient_separator_top.jpg);
   background-repeat: 	no-repeat;
   height: 				30px;
}

.separatorBottom {
   background-image:	url(/images/homepage_new/gradient_separator_bottom.jpg);
   background-repeat: 	no-repeat;
   height: 				30px;
}

.separatorMiddle {
   background-image:	url(/images/homepage_new/gradient_separator_middle.jpg);   
   background-repeat:	repeat-y;
}

.row {
	width: 				100%;
   	padding-bottom: 	0em;
   	clear: 				both;
}

#keyParametersTable {
   padding: 			0 0 0 20px;
}

#productTable {
   padding: 			0 0 0 20px;
}

#otherLinks{
   position: 			relative; 
   top: 				-33px; 
   /*left: 				480px;*/
}

#links {
	padding: 			0px;
}

#documents {
	padding: 			0px;
}
.disable {
	background:none repeat scroll 0 0 #e0e0e0;
}


 /*===========================
	Main Container Section
==============================*/
#wrapper {
	 width: 			909px;
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
	padding:			0;
	background-color:	#ffffff;
}

 /*========================
	HEADER
===========================*/
#header {
	position:			relative;
	height:				89px;
	border-bottom:		1px solid #e8e8e8;
	z-index:			100;
}

#header_landingpage {
	position:			relative;
	height:				15px;
	border-bottom:		1px solid #e8e8e8;
	z-index:			100;
}

#header #logo {
	position:			absolute;
	left:				0px;
	top:				0px;
}

#header #search {
	position:			absolute;
	right:				0;
	top:				11px;
}
#header #search input {
	float:				left;
}

#header #search input.type_text {
	font-size:			1.1em;
	width:				130px;
	color:				#c0c0c0;
	padding:			1px 5px 0 5px;
	margin:				0 4px 2px 0;
}

#header #search input.type_submit {
	width:				26px;
	height:				17px;
	overflow:			hidden;
	border:				0;
	text-indent:		-9999px;
	line-height:		9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_submit.gif) no-repeat left top;
}

#header #search input.type_submit:hover {
	background-position:	left -17px;
}

#header #search p {
	clear:				both;
	text-align:			right;
}

 /*=============================
	Header Main Nav 
================================*/

#header #mainnav {
	list-style-type:	none;
	position:			absolute;
	right:				11px;
	top:				60px;
	height:				28px;
}

#header #mainnav li {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
    color: 				#4c4c4c;
    line-height: 		1.5em;
    font-size: 			1.1em;
	float:				left;
	height:				34px;
	position:			relative;

}

#header #mainnav li a {
	float:				left;
	height:				28px;
	border-top:			1px solid #e8e8e8;
	border-right:		1px solid #e8e8e8;
	border-bottom:		1px solid #e8e8e8;
	text-indent:		-9999px;
}

#header #mainnav li a:hover,
#header #mainnav li:hover a {
	background-color:	#f3f3f3 !important;
}

#header #mainnav li.products a {
	width:				91px;
	border-left:		1px solid #e8e8e8;
	background:			transparent url(/Atmel/img/interface/mainnav_new_v2.png) no-repeat -10px 0;
}

#header #mainnav li.applications a {
	width:				91px;
	background:			transparent url(/Atmel/img/interface/mainnav_new_v2.png) no-repeat -110px 0;
}

#header #mainnav li.buy a {
	width:				55px;
	background:			transparent url(/Atmel/img/interface/mainnav_new_v2.png) no-repeat -200px 0;
}

#header #mainnav li.corporate a {
	width:				88px;
	background:			transparent url(/Atmel/img/interface/mainnav_new_v2.png) no-repeat -255px 0;
}

/*#header #mainnav li.investors a {
	width:				93px;
	background:			transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -191px 0;
}*/

#header #mainnav li.quality a {
	width:				70px;
	background:			transparent url(/Atmel/img/interface/mainnav_new_v2.png) no-repeat -335px 0;
}

/*#header #mainnav li.pressroom a {
	width:				109px;
	background:			transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -366px 0;
}

#header #mainnav li.careers a {
	width:				88px;
	background:			transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -470px 0;
}*/

#header #mainnav li.contactus a {
	width:				99px;
	background:			transparent url(/Atmel/img/interface/mainnav_new_v2.png) no-repeat -395px 0;
}

#header #mainnav li.contactus:hover div.dropdown {
	margin-left:		-1px;
}
	
#header #mainnav li.corporate:hover div.dropdown {
	margin-left:		-1px;
}

#header #mainnav li.investors:hover div.dropdown {
	margin-left:		-1px;
}
	
#header #mainnav li.quality:hover div.dropdown {
	margin-left:		-1px;
}

#header #mainnav li.pressroom:hover div.dropdown {
	margin-left:		-1px;
}

#header #mainnav li.careers:hover div.dropdown {
	width:				194px;
	margin-left:		-1px;
}

#header #mainnav li div.dropdown { 
	background-color:	#fff;
	border:				3px solid #e8e8e8;
	position:			absolute;
	top:				-9999px;
	width:				208px;
}

#header #mainnav li div.dropdown ul {
	padding: 			10px 0 10px 5px;
}


#header #mainnav li:hover div.dropdown {
	left:				0;
	top: 				30px;
}

#header #mainnav li div.dropdown li div.dropdown {
	top: 				auto !important; 
	left:				-9999px;  
	margin-top:			-30px; /* Changed from -17px */
	*margin-top:		-16px !important; /* IE7 hack */
	_margin-top:		-16px !important; /* IE6 hack */
}

#header #mainnav div.dropdown li:hover div.dropdown {
	left: 				208px;
}

#header #mainnav div.dropdown div.content {
	background:			transparent url(/Atmel/img/interface/bg_navdropdown.gif) repeat-y left top;
}

#header #mainnav div.dropdown li {
	float:				none;
	height:				auto;
	position: 			static;
}

#header #mainnav div.dropdown li a {
	float:				none;
	height:				auto;
	width:				auto;
	border:				0;
	text-indent:		0;
	background:			transparent !important;
}

#header #mainnav div.dropdown ul {
	list-style-type:	none;
}

/*#header #mainnav div.col ul {
	margin:					0 0 27px;
}*/

#header #mainnav div.dropdown ul li {
	font-size: 			11px;
	line-height: 		13px;
	padding:			3px 10px 3px 20px;
	background:			transparent url(/Atmel/img/interface/li_dash.gif) no-repeat 10px 9px !important;
}

#header #mainnav div.dropdown ul li.sub{
	background: 		transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat 180px 7px !important;
}

#header #mainnav div.dropdown ul li:hover.sub {
	background: 		#f6f6f6 url(/Atmel/img/interface/li_arrow.gif) no-repeat 180px 7px !important;
}

.sub_image {
	margin:				-5px 5px 5px -10px; 
}

/*========================
	Secondary Nav Section
==========================*/

#secondaryNav ul{
	margin: 			15px 0 0 0;
	padding: 			10px 0 0 0;
	list-style-type: 	none;
}


#secondaryNav ul li{
	position: 			relative;
	float: 				right;
	background: 		#fff; /*overall menu background color*/
	margin-right:		-1px;
}

/*Top level menu link items style*/
#secondaryNav ul li a{
	display: 			block;
	padding: 			8px;
	border: 			1px solid #eee;
	border-left-width: 	0;
	text-decoration: 	none;
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 			1.1em;
	color: 				#333;
}

#secondaryNav ul li a:hover{
		background: 	#000;
		color: 			#fff;
}

#secondaryNav a.borderleft{
	border-left:		#eee 1px solid;
}

/* Holly Hack for IE \*/
* html #secondaryNav ul li { 
	float: 				right; 
	height: 			1%; 
	width:				101px; 
}

* html #secondaryNav ul li a { height: 1%; }
/* End */

.style3 {color: 		#FF8E12}

/* to highlight Microcontrollers secondary nav */
#AT91 .AT91 a {
	background: 		#000;
	color:				#fff;
}
#at91cap .at91cap a {
	background: 		#000;
	color:				#fff;
}
#AVR .AVR a {
	background: 		#000;
	color:				#fff;
}

#zigbee .zigbee a {
	background: 		#000;
	color:				#fff;
}

#mcu8051 .mcu8051 a {
	background: 		#000;
	color:				#fff;
}

#diopsis .diopsis a {
	background: 		#000;
	color:				#fff;
}

/* to highlight Touchscreens secondary nav */
#touchscreens .touchscreens a {
	background: 		#000;
	color:				#fff;
}

#bsw .bsw a {
	background: 		#000;
	color:				#fff;
}

#touchsoftware .touchsoftware a {
	background: 		#000;
	color:				#fff;
}

#overview .overview a {
	background: 		#000;
	color				:#fff;
}

/* to highlight MicroSite secondary nav */
#default .default a {
	background: #000;
	color:#fff;
}
#demos .demos a {
	background: #000;
	color:#fff;
}

#theater_schedule .theater_schedule a {
	background: #000;
	color:#fff;
}

#contest .contest a {
	background: #000;
	color:#fff;
}

#media .media a {
	background: #000;
	color:#fff;
}

#blog .blog a {
	background: #000;
	color:#fff;
}

/*==================================
	Forms
====================================*/
label { 
   display: inline-block; 
} 
fieldset { 
	border:1px solid black;
	margin: 10px 0px;
}
legend {
  padding: 0.2em 0.5em;
  border:1px solid black;
  color: black;
  font-size:100%;
  text-align:right;
}
.basicForm{
   /*background: #f0f0f0;*/
   padding: 15px 0 0 0;
   width: 100%; 
}
.basicForm label { 
   padding: 0 5px 0 0;
   text-align: right;
	vertical-align:top;
	width: 35%; 
}
.basicForm label.error { 
   display: inline;
	margin-left: 10px;
   width: auto;
}
.basicForm button.submit { 
	margin-left: 38%; 
}

/*==================================
	Global Content Section
====================================*/

#content {
	margin-top: 		-3px;
}

.clearfix, #content {
	height:				1%;
}

#content p {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	line-height: 		1.5em;
	font-size: 			1.1em;
	margin-bottom: 		10px;  
}

#content a {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
}

.clearfix:after,
#content:after {
    content: 			"."; 
    display: 			block; 
    height: 			0; 
    clear: 				both; 
    visibility: 		hidden;
}


#microGalleryR {
	width:					200px;
	height:					104px;
	float:					right;
	position:				relative;
	margin:					20px 10px 0 0;
	background:				#fff;
} 

#microGalleryR div.video a span {
	display:			block;
	width:				197px;
	height:				101px;
	position:			absolute;
	left:				0;
	top:				0;
	text-indent:		-9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 38px;
}

#microGalleryR div.video a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}


#main {
   width: 				645px;
   padding: 			10px 30px;
}

#main2 {
   width: 				645px;
   padding: 			10px 0px;
}

#main .red {
	color:#f00;
}

#maincontent_form {
   width:				850px;
   padding: 			30px;
}

#main .maincontent_promo_upper_right {
	width:				200px;
	float:				right;
	overflow:			hidden;
	position:			relative;
	margin:				-20px -30px 15px 0;
	border-bottom:		#eee 1px solid;
	border-left:		#eee 1px solid;
}

#main .maincontent_promo_upper_right p {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.1em;
	color:				#424246;
	line-height:		1.4em;
}

#main .content_text {
	margin-top:			5px;
	margin-left:		10px;
}

#main h1{
    font-family:		Geneva,Arial,Helvetica,sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			2em;
	font-weight: 		bold;
	padding-bottom:	 	10px;
}

#main h2{
	font-family:		Geneva,Arial,Helvetica,sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			1.5em;
	font-weight: 		bold;
}

.reg_head{
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			2em;
	font-weight: 		bold;
}

.reg{
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			2.2em;
}

#main p {
	font-size:			1.1em;
	color:				#424246;
	line-height:		1.4em;
}

#main .hrDotted {
	border-bottom:		#ccc 1px dashed;
	padding-bottom:		10px;
}

#main ul {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	line-height: 		1.5em;
	font-size: 			1.1em;
	padding-left:		20px;
	padding-top:		5px;
}

#main ol {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	line-height: 		1.5em;
	font-size: 			1.1em;
	padding-left:		20px;
	padding-top:		5px;
}

/*====================
	Tabs 
======================*/

#main div.tabs {
	margin:				0 0 16px 0;
	padding:			0 7px 0 10px;
}

#main ul.tabs {
	height:				31px;
	padding:			4px 0 0 5px;
	margin:				0 -7px 9px -10px;
	background:			#c1c1c3 url(/Atmel/img/interface/bg_tabsnav.gif) repeat-x left top;
}

#main ul.tabs li {
	display:			inline;
}

#main ul.tabs li a {
	float:				left;
	height:				31px;
	text-indent:		-9999px;
	outline:			0;
}

#main ul.tabs li a.newsevents {
	width:				145px;
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 0;
}

#main ul.tabs li a.newsevents:hover {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 -31px;
}

#main ul.tabs li.ui-tabs-selected a.newsevents {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 -62px !important;
}

#main ul.tabs li a.products {
	width:				98px;
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px 0;
}

#main ul.tabs li a.products:hover {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px -31px;
}

#main ul.tabs li.ui-tabs-selected a.products {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px -62px !important;
}

#main ul.tabs li a.applications {
	width:				120px;
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px 0;
}

#main ul.tabs li a.applications:hover {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px -31px;
}

#main ul.tabs li.ui-tabs-selected a.applications {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px -62px !important;
}

#main ul.tabs li a.support {
	width:				169px;
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px 0;
}

#main ul.tabs li a.support:hover {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px -31px;
}

#main ul.tabs li.ui-tabs-selected a.support {
	background:			transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px -62px !important;
}

/*=============================
	Scroller Section
===============================*/

#main div.tabs div.scroller {
	height:				305px;
	width:				605px;
	overflow:			auto;
	padding:			0 0 1px 0;
}

#main div.tabs div.scroller2 {
	width:				630px;
	overflow:			auto;
	padding:			0 0 1px 0;
}

#main .jScrollPaneContainer {
	position: 			relative;
	overflow: 			hidden;
}

#main .jScrollPaneTrack {
	position: 			absolute;
	cursor: 			pointer;
	right: 				0;
	top: 				0;
	height: 			100%;
	background: 		transparent url('/Atmel/img/interface/bg_scrollertrack.gif') repeat-y center top;
}
#main .jScrollPaneDrag {
	position: 			absolute;
	cursor: 			pointer;
	overflow: 			hidden;
	background: 		#0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left center;
}
#main .jScrollPaneDragTop {
	background: 		#0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left top;
	height: 			4px;
	overflow: 			hidden;
}
#main .jScrollPaneDragBottom {
	background: 		#0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left bottom;
	height: 			4px;
	position: 			absolute; 
	bottom: 			0;
	overflow: 			hidden;
}

#main div.threecol {
	background:			transparent url(/Atmel/img/interface/bg_threecol.gif) repeat-y left top;
}

#main div.threecol div.col {
	width:				174px;
	float:				left;
	padding:			0 10px;
}

#main div.leftcol {
	width:				270px;
	float:				left;
	padding:			0 20px 0 0;
	margin:				0 -1px 0 0;
	border-right:		1px solid #e8e8e8;
}

#main div.products div.leftcol {
	width:				356px !important;
}

#main div.rightcol {
	width:				270px;
	float:				left;
	padding:			0 0 0 10px;
	border-left:		1px solid #e8e8e8;
}	

#main div.products div.rightcol {
	width:				170px !important;
}

#main h3 {
    font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.1em;
	color:				#424246;
	margin:				0 0 5px 0;
}
#main h3.rss {
	padding:			0 0 0 15px;
}
#main h3.morenews {
	position:			relative;
	top:				-7px;
}

#main div.tabs div ul {
	list-style-type:	none;
	margin:				0 0 21px 0;
}
#main div.tabs div ul li {
	font-size:			1.1em;
	line-height:		1.4em;
	margin:				0 0 4px 0;
	padding:			0 0 0 12px;
	color:				#424246;
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat left 0.5em;
	height: 			1%
}
#main div.support ul li {
	margin:				0 0 16px 0 !important;
}

/*=====================
   Maincontent Section
=======================*/

.maincontent_video3 {
	clear:				both;
}

.maincontent_video2 h2 {
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/demovideo_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

.maincontent_bsw1 {
	float:				left;
	width:				460px;
}

.maincontent_bsw1_headset {
	float:				left;
	width:				470px;
}

.maincontent_bsw2 {
	margin-right:		-30px;
}

.maincontent_bsw3 {
	clear:				both;
}

.maincontent_touchsoftware {
	padding-top:		5px;
}

.maincontent_touchsoftware1 {
	float:				left;
	width:				380px;
}

.maincontent_touchsoftware1_height {
	height:				165px;
}

.maincontent_touchsoftware2 {
	margin-right:		-30px;
}

.maincontent_touchsoftware3 {
	margin-top:			-15px;
}

.maincontent_touchscreen1 {
	float:				left;
	width:				450px;
}

.maincontent_touchscreen1_stylus {
	width:				450px;
	float:				right;
	margin-right:		-40px;
}

.maincontent_touchscreen2 {
	margin-right:		-30px;
}

.maincontent_touchscreen3 {
	clear:				both;
}

.maincontent_touchscreen3_top {
	padding-top:		10px;
}

.maincontent_video1 {
	float:				left;
	width:				450px;
}

.video_border {
	width:				200px;
	float:				right;
	position:			relative;
	margin:				-10px -30px 0 10px;
	border-left:		1px solid #eee;
	border-bottom:		1px solid #eee;
}

.video_noborder {
	width:				200px;
	float:				right;
	position:			relative;
	margin:				-10px -30px 0 10px;
}

/* Created a blank background image for the title bar (Gray gradiant) */
.promo_bg {
	background:				url(/images/homepage_new/products_new/bg_gray_gradiant.jpg);
	background-repeat: 		no-repeat;
	background-position:	left top;
	height:					35px;
}

/* Text to overlay the gray gradiant background image above */
.promo_bg .promo_title {
	font-family: 		Helvetica Neue,Arial,Helvetica,Geneva,sans-serif;
	font-size: 			1.4em;
	font-weight: 		bold;
	padding: 	        10px 0 8px 20px;
	color:				#4C4C4C;
}


/*=================================
   Video Gallery Section
===================================*/

#videogallery {
	width:				235px;
	float:				left;
	position:			relative;
	margin-top:			0px;
	background:			#fff;
	border-left:        #eee 1px solid;
}

#videogallery h2 {
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/demovideo_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#videogallery h3 {
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/relatednews_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#videogallery h4 {
	height:				142px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/touch_sensing.jpg) no-repeat left top;
}

#videogallery ul.tabs {
	width:				235px;
	height:				70px;
	position:			absolute;
	left:				0;
	bottom:				0;
	list-style-type:	none;
	z-index:			80;
}

#videogallery ul.tabs li {
	float:				left;
	width:				93px;
	height:				50px;
	padding:			11px 0 0 0;
	text-align:			center;
	position:			relative;
	z-index:			90;
}

#videogallery ul.tabs li a {
	outline:			0;
}

#videogallery ul.tabs li img {
	border:				1px solid #0057a8;
}

#videogallery ul.tabs li.ui-tabs-selected {
	background:			transparent url(/Atmel/img/interface/bg_selectedvideo.gif) no-repeat center top;
}

#videogallery ul.tabs li div.tooltip {
	position:			absolute;
	left:				-9999px;
	top:				-85px;
	width:				164px;
	height:				85px;
	padding:			12px 10px 0 15px;
	color:				#fff;
	text-align:			left;
	z-index:			90;
	background:			transparent url(/Atmel/img/interface/bg_tooltip.png) no-repeat left top;
}

#videogallery ul.tabs li.ui-tabs-selected img {
	filter:				alpha(opacity=60);
	-moz-opacity:		0.6;
	opacity:			0.6;
}

#videogallery ul.tabs li:hover div.tooltip {
	left:				-47px;
}

#videogallery .ui-tabs-hide {
	display:			none;
}

#videogallery div.tabs {
	padding:			18px 5px 0 14px;
}

#videogallery div.video {
	width:				200px;
	height:				104px;
	margin:				0 0 16px 5px;
}

#videogallery div.video a {
	display:			block;
	width:				200px;
	height:				104px;
	border:				1px solid #74767a;
	position:			relative;
}

#videogallery div.video a span {
	display:			block;
	width:				197px;
	height:				101px;
	position:			absolute;
	left:				0;
	top:				0;
	text-indent:		-9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 38px;
}

#videogallery div.video a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}

#videogallery a.arrow {
	padding-right:		10px;
	color:				#be1c00;
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat right 58%;
}

#videogallery h3,
#videogallery p {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.1em;
	color:				#424246;
	line-height:		1.4em;
}

/* VideoGallery Home */
#home #videoGalleryHome{
	float:				right;
	height:				98px;
	_height:			50px !important;
	position:			relative;
	width:				248px;
	margin-top:			7px;
}

#videoGalleryHome div.video {
	width:				248px;
	height:				130px;
}

#videoGalleryHome div.video a {
	display:			block;
	width:				248px;
	height:				130px;
	position:			relative;
}

/* for Home Page Promo */
#videoGalleryHome div.video a span {
	background:			url("/Atmel/img/interface/btn_play.png") no-repeat scroll center 38px transparent;
	cursor:				pointer;
	display:			block;
	padding-top:        130px;
	text-indent:		-9999px;
	position:			absolute;
	left:				0px;
	top:				10px;
	width:				248px;
}

#videoGalleryHome div.video a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}

#videoGalleryHome a.arrow {
	padding-right:		10px;
	color:				#be1c00;
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat right 58%;
}

/* Created a blank background image for the title bar (Gray gradiant) */
div.vidBG {
	height:				35px;
	border-bottom:		1px solid #fff;
	background:			url(/images/homepage_new/products_new/bg_gray_gradiant.jpg) no-repeat left top;
}

/* Text to overlay the gray gradiant background image above */
div.vidBG .videoTitle {
	font-size:  		14px; 
	font-weight: 		bold;
	padding:			9px 0 0 15px;
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color:				#4c4c4c;
}

#main div.play a span {
	display:			block;
	width:				200px;
	height:				140px;
	position:			absolute;
	left:				0;
	top:				0;
	text-indent:		-9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 70px;
}

#main div.play a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -161px;
}

/*===============================
	Overlay section
=================================*/
div.overlay {	
	/* initially overlay is hidden */
	display:			none;
	/* some padding to layout nested elements nicely  */
	padding: 		 	42px 43px;
	text-align: 		left;
}

#overlay {
	/* growing background image */
	background:			url(/Atmel/img/interface/overlay/white.png);
	/* dimensions after the growing animation finishes  */
	width:				850px;
	height:				443px;		
}

#overlay1 {
	/* growing background image */
	background:			url(/Atmel/img/interface/overlay/white.png);
	/* dimensions after the growing animation finishes  */
	width:				850px;
	height:				360px;		
}

#overlay2 {
	/* growing background image */
	background:			url(/Atmel/img/interface/overlay/white2.png);
	/* dimensions after the growing animation finishes  */
	width:				614px;
	height:				121px;		
}

#overlay_audio_selector {
	/* growing background image */
	background:			url(/Atmel/img/interface/overlay/audio_selector_white.png);
	/* dimensions after the growing animation finishes  */
	width:				720px;
	height:				360px;		
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:	url(/Atmel/img/interface/overlay/close.png);
	position:			absolute;
	right:				12px;
	top:				12px;
	cursor:				pointer;
	height:				31px;
	width:				31px;
}

/*=========================
	Quick links Section
===========================*/

#quicklinks {
	width:				910px;
	background-color:	#e3e3e3;
	clear:				both;
	margin:				0 -7px;
	border-top:			1px solid #cdcdcd;
	line-height:		3.2em;
	padding:			0 0 0 13px;
}

#quicklinks p {
	word-spacing:		5px;
	color:				#424246;
	font-size:			1.1em;
}

#quicklinks p strong,
#quicklinks p a {
	word-spacing:		0;
}

#quicklinks p a {
	text-decoration:	underline;
}

#quicklinks2 {
	width:				909px;
	background:			url(/Atmel/img/interface/bg_body2.jpg) repeat-x left top;
	clear:				both;
	margin:				0;
	line-height:		3.2em;
	padding-top: 		10px;
	padding-bottom:		10px;
}

#quicklinks2 p {
	word-spacing:		5px;
	color:				#424246;
	font-size:			1.1em;
}

#quicklinks2 p strong,
#quicklinks2 p a {
	word-spacing:		0;
}

#quicklinks2 p a {
	text-decoration:	underline;
}

#quicklinks2 h3 {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.1em;
	color:				#424246;
	margin:				0 0 0 5px;
}

#quicklinks2 ul {
	padding-left:		20px;
}

#quicklinks2 li {
	margin-top:     	-17px;
}

.borderright  {
	border-right:		1px solid #EEEEEE;
}

.paddingleft10 {
	padding-left:		10px;
}

/*==============================
	News Section
================================*/

#newsHome {
	width:				658px;
	clear:				both;
	margin:				0;
	line-height:		2.2em;
}

#newsHome .floatleft {
	background-color:	#d7d7d9;
	padding:			5px 0px 5px 10px;
}

#newsHome .floatmiddle {
	background-color:	#e6e6e6; 
	padding: 			5px 0px 5px 20px; 
}

#newsHome .floatright {
	background-color:	#e6e6e6;
	padding: 			5px 0px 5px 10px; 
}

#news {
	padding:			10px 30px;	
}
#news li {
	margin-left:			30px;
}


/*==============================
	Footer Section
================================*/
#footer {
	clear:				both;
	padding:			10px 0 0 0;
}

#footer p {
	font-size:			1.1em;
	color:				#898989;
	word-spacing:		5px;
}

#footer p strong,
#footer p a {
	font-family:		Arial, Helvetica, Geneva, sans-serif;
	word-spacing:		0;
}

#footer p a {
	color:				#898989;
	text-decoration:	underline;
}

#footer .follow {
	border-top:			1px solid #ccc; 
	padding:			10px 0 0 10px;
	height:				30px;
}

/*===========================
	Video Panel section
=============================*/
#videopanel div.display {
	float:				left;
	width:				570px;
	height:				360px;
	margin:				0 15px 0 0;
}

#videopanel2 div.display {
	float:				left;
	width:				700px;
	height:				200px;
	margin:				0 0 0 0;
}

/* Needed to add this extra class for video's that are 4:3 instead of 16:9 */
#videopanel div.display2 {
	float:					left;
	width:					450px;
	height:					360px;
	margin:					0 30px 0 50px;
}


#videopanel3 div.display {
	float:				left;
	width:				700px;
	height:				600px;
	margin:				0 0 0 0;
}

#videopanel div.details {
	float:				left;
	width:				250px;
	height:				360px;
	margin:				0;
	line-height:		normal;
}

#videopanel div.details h2 {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.5em;
	color:				#424246;
	margin:				0 0 5px 0;
}

#videopanel div.details h3 {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.2em;
	color:				#424246;
	margin:				5px 0;
}

#videopanel div.details p {
	font-size:			1.1em;
	color:				#7e7e80;
}

#videopanel div.details div.hr {
	border-top: 		1px solid #e8e8e8;
	width: 				189px;
	margin:				10px 0;
}

#videopanel div.details ul {
	list-style-type:	none;
}

#videopanel div.details ul li {
	font-size:			1.1em;
	line-height:		1.4em;
	margin:				0 0 4px 0;
	padding:			0 0 0 12px;
	color:				#424246;
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat left 0.5em;
}

/*============================
	Related Video Section
==============================*/

#relatedvideo {
	width:				909px;
	height:				24px;
	text-align:			left;
	position:			relative;
	top:				-7px;
	background:			transparent url(/Atmel/img/interface/p_related.gif) no-repeat left top;
}

#relatedvideo p.related {
	margin:				0 0 0 -9999px;
}

#relatedvideo a {
	position:			absolute;
	visibility:			hidden;
	top:				18px;
	width:				177px;
	height:				84px;
	padding:			7px 20px 0 100px;
	font-size:			1.1em;
	line-height:		1.4em;
	background:			transparent url(/Atmel/img/interface/bg_related.gif) no-repeat left top;
	color:				#fff;
}

#relatedvideo:hover a {
	visibility:			visible;
}

#relatedvideo a img.thumb {
	position:			absolute;
	left:				15px;
	top:				15px;
	border:				1px solid #0057a8;
}

#relatedvideo a:hover {
	text-decoration:	none;
}

#popuplink {
	position:			absolute; 
	left: 				-9999px;
}

/*======================
	Body Text Section
========================*/
.bodytext_blue {
	font-weight: 		bold;
	font-size: 			11px;
	color: 				#0066cc;
	line-height: 		13px;
	font-family: 		Arial, Helvetica, Geneva, sans-serif;
}

.bodytext_a {
    font-family: 		Arial, Helvetica, Geneva, sans-serif;
	font-size: 			1.2em;
	font-weight:		bold;
	text-decoration: 	none;
	color: 				#2b96d6;
}

.newbold0 {
	word-spacing: 		0;
	color: 				#000;
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 			3em;
	font-weight: 		bold;
	margin-top:			10px;
	padding-left:		10px;
}

.newbold1 {
    font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			2em;
	font-weight:		bold;
	padding-top: 		5px;
	padding-bottom: 	15px;
}

.newbold2 {
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			1.5em;
	font-weight: 		bold;
}

.newbold3 {
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			1.2em;
}


/*===============================
	Breadcrumb Section
=================================*/

#breadcrumbs {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	font-size: 			1.1em;
	padding-left:		10px;
	text-decoration:	none;
}

/*===============================
	Top Container Section
=================================*/

#topContainer {
	padding-bottom:		1px;
}

/*===============================
	Title Section
=================================*/

#title {
	word-spacing: 		0;
	color: 				#000;
	font-family:		Geneva,Arial,Helvetica,sans-serif;
	font-size: 			3em;
	font-weight: 		bold;
	margin-top:			17px;
	padding-left:		10px;
}

/*===============================
	Spacing Section
=================================*/

.spacing {
	padding-top:		20px;
}

.spacing p{
	padding-top:		10px;
}

/*=========================================
	Table Layouts Section (data and open)
===========================================*/
	
	/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 	collapse;
	border-spacing: 	0;
}
	/* Table Data */
.table_data {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	height:				30px;
	margin-top:			10px;
	font-size: 			1.1em;
}

.table_data th {
	background:			#d2d6dc none repeat scroll 0 0;
	color:				#000;
	font-size: 			1.1em;
	font-weight: 		bold;
	border:				#fff 1px solid;
	padding:	    	10px 5px;
}

.table_data tr.even {
	background:			#f6f6f6 none repeat scroll 0 0;
	border-bottom:		#fff 1px solid;
	font-size: 			1.1em;
}

.table_data tr.odd {
	background:			#e9ebeb none repeat scroll 0 0;
	border-bottom:		#fff 1px solid;
	font-size: 			1.1em;
}

.table_data td {
	border-right:		#fff 1px solid;
	padding:			10px 5px;
}

.table_data td.center {
	vertical-align:		middle;
}


/* Table Open */
.table_open {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	font-size: 			1.1em;
}

.table_open th {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 			1.2em;
	font-weight: 		bold;
	border-bottom:		#EEE 1px solid;
	border-top:			#EEE 1px solid;
	padding:	    	10px 0 10px 0;
}

.table_open tr {
	padding: 			5px 5px 30px 5px;
}

.table_open tr.even {
	background:			#f6f6f6 none repeat scroll 0 0;
	border-bottom:		#fff 1px solid;
	font-size: 			1.1em;
}

.table_open tr.odd {
	background:			#e9ebeb none repeat scroll 0 0;
	border-bottom:		#fff 1px solid;
	font-size: 			1.1em;
}

.table_open td {
	padding:			10px 0;
}


.table_open a.pdf {
	background-image:	url(/images/homepage_new/pdf_icon.png);
	background-repeat: 	no-repeat;
	background-position:left;
	padding:			3px 0 0 25px;
	display:			block;
}

.table_open a.disc {
	background-image:	url(/images/homepage_new/disc_icon.png);
	background-repeat: 	no-repeat;
	background-position:left;
	padding:			3px 0 0 25px;
	display:			block;
}

/* Table Full (Products Page) */
.table_full {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	font-size: 			1.1em;
}

.table_open th {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 			1.2em;
	font-weight: 		bold;
	border-bottom:		#EEE 1px solid;
}

.table_full tr {
	padding: 			5px;
}

.table_full tr.even {
	background:			#f6f6f6 none repeat scroll 0 0;
	border-bottom:		#fff 1px solid;
	font-size: 			1.1em;
}

.table_full tr.odd {
	background:			#e9ebeb none repeat scroll 0 0;
	border-bottom:		#fff 1px solid;
	font-size: 			1.1em;
}

.table_full a.pdf {
	background-image:	url(/images/homepage_new/pdf_icon.png);
	background-repeat: 	no-repeat;
	background-position:left;
	padding:			3px 0 0 25px;
	display:			block;
}

.table_full a.disc {
	background-image:	url(/images/homepage_new/disc_icon.png);
	background-repeat: 	no-repeat;
	background-position:left;
	padding:			3px 0 0 25px;
	display:			block;
}

	/* Will remove once all Table_style3 have been updated
	.table_style3 {
		font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
		margin-top:			10px;
		color: 				#4c4c4c;
		font-size: 			1.1em;
		padding:			5px;
	}
	
	.table_style3 th {
		font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
		color: 				#4c4c4c;
		font-size: 			1.1em;
		font-weight: 		bold;
		border-bottom:		#eee 1px solid;
		padding:			5px;
	}
	
	.table_style3 tr.even {
		background:			#E6E6E6 none repeat scroll 0 0;
		border-bottom:		#eee 1px solid;
	}
	
	.table_style3 tr.odd {
		background:			#CCCCCC none repeat scroll 0 0;
		border-bottom:		#eee 1px solid;
	}
	
	.table_style3 td {
		border-right:		#fff 1px solid;
		padding:			5px;
	}
	.table_style3 ul {
	padding-left:		20px;
	}
	
	.table_style3 ul li {
		font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
		color: 				#4c4c4c;
		font-size: 			0.9em;
	}
	
	.table_style4 {
		font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
		color: 				#4c4c4c;
		font-size: 			1.0em;

	}
	
	.table_style4 th {
		font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
		color: 				#4c4c4c;
		font-size: 			1.0em;
		font-weight: 		bold;
		text-align:			right;
		padding-left:		2px;
		padding-right:		5px;
		border-bottom:		#eee 1px solid;
	}
	
	.table_style4 td {
		border-bottom:		#eee 1px solid;
	}
	*/
	
.th2 {
	padding-top:		30px;
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	font-size: 			1.1em;
	font-weight: 		bold;
}

/*==================================
   Maincontent Float Left Section
====================================*/
/*
#left_maincontent {
	/* border: 1px solid #e8e8e8;  for debug 
   float: 				left;
   width: 				645px;
   padding-left:		30px;
   padding-right:		30px;
}

#left_maincontent a {
	font-size:			1.0em;
}

#left_maincontent  h1{
   	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			2em;
	font-weight: 		bold;
	padding-top: 		5px;
	padding-bottom: 	15px;
}

#left_maincontent h2 {
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			1.5em;
	font-weight: 		bold;
}

#left_maincontent p {
	font-size:			1.1em;
	color:				#424246;
	line-height:		1.4em;
}

#left_maincontent ul {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	line-height: 		1.5em;
	font-size: 			1.1em;
	padding-left:		20px;
	padding-top:		5px;
	list-style-type:	disc;
}

#left_maincontent ol {
   font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
   color: 				#4c4c4c;
   line-height: 		1.5em;
   font-size:			1.1em;
   padding-left:		22px;
   padding-top:			5px;
}

#left_maincontent .separator {
	border-top:			#D9D9D9 1px solid;
	padding-bottom:		15px;
}

#left_maincontent .image_wrap {
	width:				200px;
	float:				right;
	position:			relative;
}

#left_maincontent .audio_selector {
	width:				640px;
	height:				400px;
	min-height:			400px;
	background-image:	url(/products/avr32/images/navigator_audio.jpg);
	background-repeat:	no-repeat;
}

#left_maincontent .button {
	width:				175px;
	height:				35px;
}

#left_maincontent .ipod_accessories {
	position:			relative;
	padding-left:		20px;
	padding-top:		40px;
}

#left_maincontent .usb_audio {
	position:			relative;
	padding-left:		0px;
	padding-top:		105px;
}

#left_maincontent .mp3_decoding {
	position:			relative;
	padding-left:		110px;
	padding-top:		0px;
}

#left_maincontent .complete_solutions {
	position:			relative;
	padding-left:		120px;
	padding-top:	 	95px;
}

#left_maincontent .getting_started {
	position:			relative;
	padding-left:		235px;
}
*/

/*==================
   Side Bar
==================*/

#sidebar {
	width:				200px;
	position:			relative;
    margin:				0px 0 0 2px;
	*margin:			3px 0 0 2px !important;
	_margin:			3px 0 0 2px !important;
	background:			#fff;
    border-right:       #eee 1px solid;
	border-bottom:      #eee 1px solid;
}

#sidebar div.video_img a span {
	display:			block;
	width:				200px;
	height:				140px;
	position:			absolute;
	left:				0;
	top:				0;
	text-indent:		-9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 70px;
}

#sidebar div.play a span {
	display:			block;
	width:				200px;
	height:				135px;
	position:			absolute;
	left:				-3px;
	top:				-6px;
	text-indent:		-9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 70px;
}

#sidebar div.play a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -161px;
}

#sidebar h1 {
	height:				35px;
	border-bottom:		1px solid #fff;
}

#sidebar h2 {
	height:				35px;
	border-bottom:		1px solid #fff;

}

#sidebar h3 {
	height:				35px;
	border-bottom:		1px solid #fff;
}

#sidebar h4 {
	height:				35px;
	border-bottom:		1px solid #fff;
}

#sidebar h5 {
	height:				35px;
	margin:             0 0 0 0;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/demovideo_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#sidebar h6 {
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/qtouch_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#sidebar ul.tabs {
	width:				235px;
	height:				70px;
	position:			absolute;
	left:				0;
	bottom:				0;
	list-style-type:	none;
	z-index:			80;
}

#sidebar ul.tabs li {
	float:				left;
	width:				93px;
	height:				50px;
	padding:			11px 0 0 0;
	text-align:			center;
	position:			relative;
	z-index:			90;
}

#sidebar ul.tabs li a {
	outline:			0;
}

#sidebar ul.tabs li img {
	border:				1px solid #0057a8;
}

#sidebar ul.tabs li.ui-tabs-selected {
	background:			transparent url(/Atmel/img/interface/bg_selectedvideo.gif) no-repeat center top;
}

#sidebar ul.tabs li div.tooltip {
	position:			absolute;
	left:				-9999px;
	top:				-85px;
	width:				164px;
	height:				85px;
	padding:			12px 10px 0 15px;
	color:				#fff;
	text-align:			left;
	z-index:			90;
	background:			transparent url(/Atmel/img/interface/bg_tooltip.png) no-repeat left top;
}

#sidebar ul.tabs li.ui-tabs-selected img {
	filter:				alpha(opacity=60);
	-moz-opacity:		0.6;
	opacity:			0.6;
}

#sidebar ul.tabs li:hover div.tooltip {
	left:				-47px;
}


#sidebar .ui-tabs-hide {
	display:			none;
}

#sidebar div.tabs {
	padding:			0px 5px 0 14px;
}


#sidebar div.content_box {
	width:					200px;
	position:				relative;
}

#sidebar div.content_box p {
	padding:               10px 20px 0 20px;
}

div.promo_bg h2{
	text-align:			center;
}

#sidebar .content_p {
	padding:			10px 20px;
	color:				#424246;
	font-family:		Helvetica Neue,Arial,Helvetica,Geneva,sans-serif;
	font-size:			1.1em;
	line-height:		1.4em
}

#sidebar div.video a {
	display:			block;
	width:				197px;
	height:				101px;
	border:				1px solid #74767a;
	position:			relative;
	outline:			0;
}

#sidebar div.video a span {
	display:			block;
	width:				197px;
	height:				101px;
	position:			absolute;
	left:				0;
	top:				0;
	text-indent:		-9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 38px;
}

#sidebar div.video a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}

#sidebar a.arrow {
	padding-right:		10px;
	color:				#be1c00;
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat right 58%;
}

#sidebar p {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.1em;
	color:				#424246;
	line-height:		1.4em;
}

/*======================
   Related News Section
========================*/

#relatedNews {
	margin-top:			-3px;
}

#relatedNews ul {
	list-style: 		none;
}

#relatedNews ul li {
    font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.1em;
	line-height:		1.4em;
	margin:				2px 5px 8px 5px;
	padding:			0 0 0 20px;
	color:				#424246;
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat left 0.6em;
	height: 			1%
}

/*========================
   Right Column Section
==========================*/

#rightColumn {
	width:					200px;
	float:					right;
	position:				relative;
	background:				#FFFFFF none repeat scroll 0 0;
	border-bottom:			1px solid #EEEEEE;
	border-left:			1px solid #EEEEEE;
}

#rightColumn div.play a span {
	display:				block;
	width:					200px;
	height:					140px;
	position:				absolute;
	left:					0;
	top:					0;
	text-indent:			-9999px;
	cursor:					pointer;
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 70px;
}

#rightColumn div.play a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -161px;
}

#rightColumn h1 {
	margin-top:			-3px;
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/forum_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#rightColumn h2 {
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/demovideo_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#rightColumn h3 {
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/relatednews_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#rightColumn h4 {
	height:				142px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/touch_sensing.jpg) no-repeat left top;
}

#rightColumn h5 {
    margin-top:			-3px;
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/relatednews_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#rightColumn h6 {
  	margin-top:			-4px;
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/webinar_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#rightColumn div.content_box {
	border-bottom:		1px solid #fff;
	margin-bottom:		-5px;
}

#rightColumn div.content_text {
	padding:			5px 10px 0 10px;
}

#rightColumn div.intro_video_heading {
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/introduction_video_heading.jpg) no-repeat left top;
	border-bottom:		1px solid #fff;
}

#rightColumn div.selector_guide_heading {
/*  margin-top:-4px; */
	height:				35px;
	text-indent:		-9999px;
	background:			#c1c1c3 url(/images/homepage_new/products_new/selector_guide_heading.jpg) no-repeat left top;
}

#rightColumn .partners {
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	word-spacing: 		0;
	padding: 			10px 10px 0 12px;
	color: 				#4c4c4c;
	font-size: 			1.5em;
	font-weight: 		bold;
	border-top:			1px solid #eee;
}

#rightColumn .partners ul {
	font-size: 			10px;
	font-weight: 		normal;
	line-height: 		1.4em;
	margin: 			2px 5px 8px 5px;
	padding: 			0 0 0 12px;
	color: 				#424246;
	list-style-image: 	url(/Atmel/img/interface/li_arrow.gif);
}

#rightColumn ul.tabs {
	width:				235px;
	height:				70px;
	position:			absolute;
	left:				0;
	bottom:				0;
	list-style-type:	none;
	z-index:			80;
}

#rightColumn ul.tabs li {
	float:				left;
	width:				93px;
	height:				50px;
	padding:			11px 0 0 0;
	text-align:			center;
	position:			relative;
	z-index:			90;
}

#rightColumn ul.tabs li a {
	outline:			0;
}

#rightColumn ul.tabs li img {
	border:				1px solid #0057a8;
}

#rightColumn ul.tabs li.ui-tabs-selected {
	background:			transparent url(/Atmel/img/interface/bg_selectedvideo.gif) no-repeat center top;
}

#rightColumn ul.tabs li div.tooltip {
	position:			absolute;
	left:				-9999px;
	top:				-85px;
	width:				164px;
	height:				85px;
	padding:			12px 10px 0 15px;
	color:				#fff;
	text-align:			left;
	z-index:			90;
	background:			transparent url(/Atmel/img/interface/bg_tooltip.png) no-repeat left top;
}

#rightColumn ul.tabs li.ui-tabs-selected img {
	filter:				alpha(opacity=60);
	-moz-opacity:		0.6;
	opacity:			0.6;
}

#rightColumn ul.tabs li:hover div.tooltip {
	left:				-47px;
}

#rightColumn .ui-tabs-hide {
	display:			none;
}

#rightColumn div.tabs {
	padding:			0px 5px 0 14px;
}

#rightColumn div.video {
	width:				197px;
	height:				101px;
	margin:				0 0 16px 5px;
}

#rightColumn div.video a {
	display:			block;
	width:				197px;
	height:				101px;
	border:				1px solid #74767a;
	position:			relative;
	outline:			0;
}

#rightColumn div.video a span {
	display:			block;
	width:				197px;
	height:				101px;
	position:			absolute;
	left:				0;
	top:				0;
	text-indent:		-9999px;
	cursor:				pointer;
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 38px;
}

#rightColumn div.video a:hover span {
	background:			transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}

#rightColumn a.arrow {
	padding-right:		10px;
	color:				#be1c00;
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat right 58%;
}

#rightColumn p {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1.1em;
	color:				#424246;
	line-height:		1.4em;
}

/*=======================
   Nav Menu Section
=========================*/
#navmenu {
	margin-left: 		-1px;
   /* background:url(/images/homepage_new/products_new/bg_green.jpg);*/
}

#navmenu a {   
   text-decoration: 	none;
   display:				block;
   width:				100%;
   height:				30px;
   background:			url(/images/homepage_new/products_new/button_leftnav.jpg); 
}

#navmenu a:hover, li a:active {
   background:			url(/images/homepage_new/products_new/button_leftnav_hover.jpg);
}

#navmenu .menutext {
   position: 			relative; 
   top: 				7px; 
   left: 				20px; 
   color: 				#000;
   font-size:			1.3em;
   letter-spacing:		-1px;
}

#navmenu li.top {
   border-bottom: 		#eee 1px solid;
   list-style:			none;
   width:				100%;
   background: 			#000;
}

#navmenu li.parent {
   border-bottom: 		#eee 1px solid;
   list-style:			none;
   width:				100%;
}

#navmenu li.top {
   border-bottom: 		#eee 1px solid;
   list-style:			none;
   width:				100%;
}

#navmenu li.child {
   border-top: 			#eee 1px solid;
   list-style:			none;
   width:				100%;
}

#navMenu .child .menutext{
   font-size:			1.1em;
   letter-spacing:		-0.5px
}

#navMenu .closed a {   
   background:			url(/images/homepage_new/products_new/button_leftnav.jpg); 
}

/* class for the MAIN element to be on */
#navMenu .on a {   
   background:			url(/images/homepage_new/products_new/button_leftnav_hover.jpg); 
}

#navMenu .open a {   
   background:			url(/images/homepage_new/products_new/button_leftnav_arrow_down.jpg); 

}

#navMenu .open a:hover, li a:active {
   background:			url(/images/homepage_new/products_new/button_leftnav_arrow_down_hover.jpg);
}

/* removing to see if this will show the down arrow when left nav is selected for .open children
#navMenu .parent a {   
   background:			url(/images/homepage_new/products_new/button_leftnav.jpg); 
}

#navMenu .parent a:hover, li a:active {
   background:			url(/images/homepage_new/products_new/button_leftnav_hover.jpg);
}
*/

#navMenu .parent .child a {   
   background:			url(/images/homepage_new/products_new/button_leftnav_blank.jpg);
   text-indent:			2em;
   line-height:			1em;
   *line-height:		1.5em; /*IE7 hack to add additional line height*/
   _line-height:		1.5em; /*IE6 hack to add additional line height*/
}

#navMenu .parent .child a:hover, li a:active {
   background:			url(/images/homepage_new/products_new/button_leftnav_blank_hover.jpg);
}

/* class for the PARENT element to be on */
#navMenu .parent .on a {   
   background:			url(/images/homepage_new/products_new/button_leftnav_blank_hover.jpg); 
}

#navMenu .parent ul {
	display: 			none;
}

/* class for the TOP element state hover to be blank */
#navMenu .top .on a:hover, li a:active {
   background:			url(/images/homepage_new/products_new/button_leftnav_blank.jpg);
}

/*========================
	Product Card Section
==========================*/
#productCard {
   	position:			relative;
   	margin:				0 0 0 0px; 
   	/*  padding: 0 10px 0 0px; */
   	/* background-color: #3c9dd0; */
   	width: 				100%;
   	font-size:			1.1em;
	color:				#424246;
	line-height:		1.5em;
}

#datasheets td {
	border-bottom:		#eee 1px solid;
}

#otherDocs td {
	border-bottom:		#eee 1px solid;
}

#appNotes td {
	border-bottom:		#eee 1px solid;
}

#toolsSoftware td {
	border-bottom:		#eee 1px solid;
}

#keyParameters{
   position:			relative;
   float:				right;
   margin: 				0 0 10px 20px;
   padding: 			0 0 0 0px;
   width: 				275px;
   /* background-color:  #64aad0; */   
   /* border: #eee 1px solid; */
}

#keyParameters table{
   border: 				#eee 0px solid; 
   margin: 				0 0 0px 0px;
   padding:				0 0 0 0px;
   width: 				100%;

}

table, caption, tbody, tfoot, thead, tr, th, td {
   vertical-align:		top;
   padding: 			5px;   
}

.newbold7 {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	font-size:			1em;
	color:				#424246;
	margin:				0 0 5px 0;
}

.note {
	color: 				#CE0500;
}

li.secondaryList {
	list-style:			square; 
	font-size:			0.9em;
}

/*====================
  Home Page Section  
======================*/

* #home {
	font-family:		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
}

#home #wrapper {
	width: 				909px;
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
	padding:			0;
	background-color: 	#fff;
	padding:			0 7px;
}

#home #main {
	float:				left;
	padding:			5px 0;
	width:				658px;
}

#home #main a {
	text-decoration:	none;
	color:				#424242;
}

#home #main a:hover, 
#home #main a:active {
	text-decoration:	underline;
	color:				#33a6dd;
}

#home #main h3 {
	font-family:		'Lucida Sans Unicode','Lucida Grande',Verdana,Arial,sans-serif;
	color:				#424246;
	font-size:			1.1em;
	margin:				0 0 5px;
}

#home #main p {
	line-height:		1.5em;
	font-size:			1.2em
}

#home #main div div.bgCol {
	background-image:	url(/images/homepage_new/title_bg.gif); 
	background-repeat:	repeat-x; 
	height:				35px;
}

#home #main div div.bgCol h2 {
	padding: 	        10px 0 0 10px;
}

#home #main div.col {
	width:				216px; 
	float:				left;
}

#home #main div.col ul{
	margin-left:		20px; 
	list-style:			disc; 
	color:				#33a6dd;
	line-height:		1.5em;
	font-size:			1.2em;
}

#home #main div.col2 {
	 width:				216px; 
	 float:				left; 
	 padding:			0 0 0 5px;
}

#home #main div.tabs {
	margin:				0 0 16px;
	padding:			0 7px 0 10px;
}

#home #main ul.tabs {
	background:			#C1C1C3 url(/Atmel/img/interface/bg_tabsnav.gif) repeat-x scroll left top;
	height:				31px;
	margin:				0 -7px 9px -10px;
	padding:			4px 0 0 5px;
}

#home #main div ul {
	margin-left: 		-20px;
}

#home #main div.tabs div ul li {
	background:			transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat scroll left 0.5em;
	color:				#424246;
	font-size:			1.1em;
	height:				1%;
	line-height:		1.4em;
	margin:				0 0 4px;
	padding:			0 0 0 12px;
}

#home #main div.leftcol {
	border-right:		1px solid #E8E8E8;
	float:				left;
	margin:				0 -1px 0 0;
	padding:		 	0 20px 0 0;
	width:				270px;
}

#home #main div.leftcol ul {
	font-size: 			10px;
}

#home #main div.rightcol {
	border-left:		1px solid #e8e8e8;
	float:				left;
	padding:			0 0 0 10px;
	width:				270px;
}

#home #main div.rightcol ul {
	font-size:			10px;
}	

#home #main div.products div.leftcol {
	width:				356px !important
}

#home #main div.products div.rightcol {
	width:				180px !important;
}

#home #flasharea {
	height:				300px;
}

#home #videogallery {
	background:  		#DFE0E3 none repeat scroll 0 0;
	float:   			right;
	height:  			360px;
	margin:  			10px 0 7px;
	position:			relative;
	width:				279px;
}

#home #videogallery div.tabs {
	padding: 			18px 5px 0 14px;
}

#home #videogallery h2 {
	background:			#C1C1C3 url(/Atmel/img/interface/h2_videogallery.gif) no-repeat scroll left top;
	border-bottom:		1px solid #FFFFFF;
	height:				35px;
	text-indent:		-9999px;
}

#home #videogallery div.video {
	height:				101px;
	margin:				0 0 16px 27px;
	width:				197px;
}

/* Home Promo */
#home #promo {
	float:   			right;
	height:  			auto;
	margin:  			5px 0;
	position:			relative;
	width:				248px;
	height:				130px;
}

/*==================
   Microsite content 
   left justified 
   (spans entire page width)
==================*/

#logo {
	margin:				14px 0 0 10px;
}

#full_maincontent {
	float: 				left;
	width: 				850px;
	padding:			20px 30px;
}

#full_maincontent h2{
	font-family:		Geneva,Arial,Helvetica,sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			1.5em;
	font-weight: 		bold;
}

#full_maincontent h3{
	font-family:		Geneva,Arial,Helvetica,sans-serif;
	word-spacing: 		0;
	color: 				#4c4c4c;
	font-size: 			1.3em;
	font-weight: 		bold;
}

#full_maincontent ul {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	line-height: 		1.5em;
	font-size: 			1.1em;
	padding-left:		20px;
	padding-top:		5px;
}

#full_maincontent ol {
	font-family: 		'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;
	color: 				#4c4c4c;
	line-height: 		1.5em;
	font-size: 			1.1em;
	padding-left:		20px;
	padding-top:		5px;
}

#full_maincontent .red {
	color:#f00;
}

.clearfix, #micro_maincontent {
	height:				1%;
}

#box1{
	padding:				30px 30px 25px 30px;
	background-color:		#e3e6eb;
}

/* Press Releases - OLD Remove once we migrate to CMS */
p.head1_black_new {
	font-weight:			bold;
}

.head2 {
	font-weight:			bold;
}
/* END Press Releases - OLD */

/* Press Releases - NEW*/
#pressReleases {
	margin:					0px 0px 10px 0px;
}

#pressReleases h2 {
	font-size:				1.3em;
	padding:				0 0 10px 0px;
}

#pressReleases p em {
	padding:				0 0 10px 0px;
}
/* END Press Releases - NEW */

#table {
	padding:				10px 30px;
}

#news {
	padding:				10px 30px;
}

#news li {
	margin-left:			30px;
}

#live_news {
	float:					left;
	margin-top:				0px;
	background:				#fff;
	width: 					645px;
}

#live_news h2 {
	padding: 				30px 30px 0 30px;
}

#live_news h3 {
	padding: 				30px 30px 0 30px;
}

#live_news h4 {
	padding: 				30px 30px 0 30px;
}

#live_news p {
	padding: 				0 30px;
}

#live_news li {
	margin-left:			30px;
}

#live_news img {
	margin-left:			30px;
}

#live_news .video {
	margin-left:			30px;
	text-align:				center;
}

#contacts {
	padding:				10px 30px;
}

/* Microsite Booth */

#booth {
	float:					left;
	margin-top:				0px;
	background:				#fff;
}

#booth h2 {
	padding: 				30px 30px 0 30px;
}

#booth h3 {
	padding: 				30px 30px 0 30px;
}

#booth h4 {
	padding: 				30px 30px 0 30px;
}

#booth p {
	padding: 				0 30px;
}

#booth li {
	margin-left:			70px;
}

/* Microsite Video Gallery */

#microGallery {
	width:					222px;
	float:					left;
	position:				relative;
	margin-top:				0px;
	background:				#fff;
}

#microGallery h2 {
	padding: 				0;
}

#microGallery p {
	padding: 				0;
}

#microGallery div.tabs {
	padding:				18px 5px 0 14px;
}

#microGallery div.video {
	width:					200px;
	height:					104px;
	margin:					0 0 16px 0px;
}
#microGallery div.video a {
	display:				block;
	width:					200px;
	height:					104px;
	border:					1px solid #74767a;
	position:				relative;
}
#microGallery div.video a span {
	display:				block;
	width:					197px;
	height:					101px;
	position:				absolute;
	left:					0;
	top:					0;
	text-indent:			-9999px;
	cursor:					pointer;
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 38px;
}
#microGallery div.video a:hover span {
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}

/* MicroSite  Column */

#microColumn {
	width:				248px;
	position:			relative;
    margin:             0;
	background-color:	#f2f3f5;
}

#microColumn div.bg {
	background-image:url(/microsite/embeddedworld2010/images/blue_box.jpg);
	background-position:top;
}

#microColumn h2 {
	padding:         	10px 10px;
}

#microColumn h3 {
	padding:         	10px 10px;
}

#microColumn p {
	padding:         	0px 10px;
}

#microColumn li {
	margin-left:     	30px;
}

#microColumn img {
	padding:         	0px 0px 5px 0px;
}

.overlayContent {
	width:				550px;
}

/* Products - Default.asp */

.products_ul {
	margin-top:			5px;
}

.products_ul li {
	list-style:			none;
	padding: 			0px 10px;
	background:			transparent url(/Atmel/img/interface/li_dash.gif) no-repeat 0px 9px !important;
}

/* Main Page - Banners */
div.banner {
	width: 				890px;
	height: 			auto;
	position: 			relative;
}
div.banner div.map {
	position:			absolute;
	top:				237px;
	right:				774px;
	width: 				102px;
}

/* IR page - Toolbar */

.toolbar {
	text-align: 		center;
	color: 				#CC3300;
}
#toolbar {
	margin-top: 		20px; 
}	
*/	
	
/*=== new styles 11/19/2007 ===*/
#SH_CODE p.head1_new {
	width: 				624px; 
}	
	
/* "Shareholder Tools" in footer */
#SH_CODE #toolbar {
	margin-top: 		10px;
	padding-left: 		20px;
}
	
#SH_CODE #toolbar .ToolbarContent {
  	padding: 	   	 	0;
  	text-align: 		left; 
}
  
#SH_CODE #toolbar .ToolbarTitle {
  	padding-left: 		7px;
  	text-align: 		left; 
}

#SH_CODE #toolbar ul {
  	margin: 	         0;
  	padding: 	         0; 
}

#SH_CODE #toolbar ul li {
  	padding:	        2px 0;
  	margin: 			0;
  	list-style-type: 	none;
}

#SH_CODE #toolbar a {
  	vertical-align: 	middle;
  	text-decoration: 	none; 
}

#SH_CODE #toolbar img {
  	padding: 			0 5px;
  	border: 			0px;
  	vertical-align: 	middle; 
}
  
#SH_CODE .toolbar { 
	text-decoration: 	none; 
}

#SH_CODE .toolbar:hover { 
	text-decoration: 	underline; 
}	
	
#SH_CODE ul#faqList li {
	list-style: 		none; 
}	

#SH_CODE table.table_style3 td {
	border-bottom: 		#eee 1px solid; 
	padding: 			5px;
}	

#SH_CODE ul#faqList {
	line-height: 		18px;
	margin-left: 		-30px;
}

#SH_CODE dl#faqDefinitionList {
	line-height: 		14px;
	margin-left: 		10px;
}
	
#SH_CODE dl#faqDefinitionList dt {
	font-weight: 		bold; 
}

#SH_CODE dl#faqDefinitionList dd {	
	margin-left: 		20px;
	padding-bottom: 	5px;
}

/*=== management styles ===*/	
#SH_CODE ul#management {
	list-style: 		none;
	margin: 			0px;
	margin-left: 		10px;
	padding: 			0px; 
	line-height: 		25px;
}
	
#SH_CODE ul#management li {
	border-bottom: 		#eee 1px solid;
}	
	
#SH_CODE dl#management {
	margin-left: 		45px; 
}	

#SH_CODE dl#management dd {
	min-height: 		130px;
	padding-bottom: 	10px;
	border-bottom: 		#eee 1px solid;
}	
	
#SH_CODE dl#management dl dd p.bodytext {
	margin: 			0px; 
	margin-left: 		0px;
	padding: 			0px;
}

#SH_CODE dl#management dt {
	margin-top: 		-20px;
	margin-left: 		-35px;
}

#SH_CODE dl#management dd {
	margin-left: 		-35px;
}

#SH_CODE dl#management dd img {
	float: 				left; 
	margin-top: 		10px; 
	margin-right: 		10px;
}
			
#SH_CODE .bio_img {
	float: 				right;
	margin-left: 		0px; 
	padding: 			0px;
	border: 			1px solid #e4e4e4;
}	
	
.sub_image {
	margin:				-4px 5px 2px -10px;
}