/*@import url("csshover3.htc");*/ 

 /* Page Settings
--------------------------------*/
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; 
	font-size: 				100%;
}
* {
	font-family: 			'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
}

html {
	font-size: 				50%; /* Part one of 1em = 10px */
}

body {	
	font-size: 				125%; /* Part two of 1em = 10px */
	/*part 1 of centering hack*/
	text-align: 			center;	
	background:				#cccccc url(/Atmel/img/interface/bg_body.jpg) repeat-x left top;
}

 /* Global Link Settings
--------------------------------*/
a {
	text-decoration:		none;
	color:					#2b96d6;
}

a:hover, 
a:active {
	text-decoration:		underline;
}

 /* Good to have global classes
--------------------------------*/

h1 {
	font-size:1.4em;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:1.0em;
}

h6 {
	font-size:0.9em;
}

hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}

.floatright {
	float: 					right;
}
.floatleft {
	float: 					left;
}

* html .floatright,
* html .floatleft {
	display:				inline; /*to avoid IE double margin bug*/
}

.alignright {
	text-align:				right;
}

.alignleft {
	text-align:				left;
}

.half {
	width:					48%;
}

.hide {
	display:				none;
}

.nobg {
	background:				none !important;
}

.noborder {
	border:					0 !important;
}
.nomargin {
	margin:					0 !important; 
}

.clear {
	clear:					both;
}

.paddingtop5 {
	padding-top:			5px;
}

.paddingtop10 {
	padding-top:			10px;
}

.paddingtop30 {
	padding-top:			30px;
}

.paddingleft10 {
	padding-left: 			10px;
}

.paddingleft20 {
	padding-left: 			20px;
}


.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;
}

.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;
}
#title {
 padding: 0px;
}



 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#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;
}

 /* Main Nav Setup
--------------------------------*/

#header #mainnav {
	list-style-type:		none;
	position:				absolute;
	right:					11px;
	top:					60px;
	height:					28px;
}

#header #mainnav li {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
    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.gif) no-repeat 0 0;
}
#header #mainnav li.corporate a {
	width:					98px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -92px 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:					82px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -280px 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.gif) no-repeat -565px 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;}


#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-right:5px; margin-left:-10px; margin-top:-5px; margin-bottom:5px;
}



.treemenu ul{
	margin: 10px 0 0 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top: 10px;
	list-style-type: none;
}

/*Top level list items*/
.treemenu ul li{
	position: relative;
	float: right;
	background: #fff; /*overall menu background color*/
}

/*Top level menu link items style*/
.treemenu ul li a{
	display: block;
	padding: 8px;
	border-bottom: none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	border-left-width: 0;
	text-decoration: none;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	font-size: 1.1em;
	color: #333;
}

.treemenu ul li a:hover{
		background: #000;
		color: #fff;
}

.treemenu a.borderleft{
	border-left:#eee 1px solid;
}

/* Holly Hack for IE \*/
* html .treemenu ul li { float: right; height: 1%; width:101px; }
* html .treemenu ul li a { height: 1%; }
/* End */

.style3 {color: #FF8E12}

/* to highlight Microcontrollers secondary nav */
#AT91 .AT91 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 */
#home .home 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;
}


 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/

#body {
	margin-top: -3px;
}

#body p {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
color: #4c4c4c;
line-height: 1.5em;
font-size: 1.1em;
margin-bottom: 10px;  
}

#body a {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
line-height: 1.5em;
font-size: 1.1em;
}

#maincontent {
   float: right;
   width: 645px;
   padding: 10px 30px;
}

#maincontent_form {
   width:850px;
   padding: 30px;
}

#maincontent .maincontent_promo_upper_right {
	width:200px;
	float:right;
	overflow:hidden;
	position:relative;
	margin-top:-20px;
	margin-right:-30px;
	border-bottom:#eee 1px solid;
	border-left:#eee 1px solid;
	margin-bottom:15px;
}

#maincontent .maincontent_promo_upper_right p {
	font-family: 	Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:		1.1em;
	color:			#424246;
	line-height:	1.4em;
}

#maincontent .content_text {
	margin-top:		5px;
	margin-left:	10px;
}

#maincontent h1{
    font-family:	Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 	0;
	color: 			#4c4c4c;
	font-size: 		2em;
	font-weight: 	bold;
	padding-bottom: 15px;
}

#maincontent h2{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 1.5em;
	font-weight: bold;
}

.reg_head{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 2em;
	font-weight: bold;
}

.reg{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 2.2em;
}

#maincontent p {
	font-size:				1.1em;
	color:					#424246;
	line-height:			1.4em;
}

#maincontent .hrDotted {
	border-bottom:#ccc 1px dashed;
	padding-bottom:10px;
}

#maincontent ul {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
color: #4c4c4c;
line-height: 1.5em;
font-size: 1.1em;
padding-left:20px;
padding-top:5px;
}

/* Tabs */

#maincontent div.tabs {
	margin:					0 0 16px 0;
	padding:				0 7px 0 10px;
}

#maincontent 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;
}
#maincontent ul.tabs li {
	display:				inline;
}
#maincontent ul.tabs li a {
	float:					left;
	height:					31px;
	text-indent:			-9999px;
	outline:				0;
}
#maincontent ul.tabs li a.newsevents {
	width:					145px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 0;
}
#maincontent ul.tabs li a.newsevents:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.newsevents {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 -62px !important;
}
#maincontent ul.tabs li a.products {
	width:					98px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px 0;
}
#maincontent ul.tabs li a.products:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.products {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px -62px !important;
}
#maincontent ul.tabs li a.applications {
	width:					120px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px 0;
}
#maincontent ul.tabs li a.applications:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.applications {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px -62px !important;
}
#maincontent ul.tabs li a.support {
	width:					169px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px 0;
}
#maincontent ul.tabs li a.support:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.support {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px -62px !important;
}


#maincontent div.tabs div.scroller {
	height:					305px;
	width:					605px;
	overflow:				auto;
	padding:				0 0 1px 0;
}

/* Custom scroller */

#maincontent .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
}

#maincontent .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent url('/Atmel/img/interface/bg_scrollertrack.gif') repeat-y center top;
}
#maincontent .jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left center;
}
#maincontent .jScrollPaneDragTop {
	background: #0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left top;
	height: 4px;
	overflow: hidden;
}
#maincontent .jScrollPaneDragBottom {
	background: #0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left bottom;
	height: 4px;
	position: absolute; 
	bottom: 0;
	overflow: hidden;
}


#maincontent div.threecol {
	background:				transparent url(/Atmel/img/interface/bg_threecol.gif) repeat-y left top;
}

#maincontent div.threecol div.col {
	width:					174px;
	float:					left;
	padding:				0 10px;
}

#maincontent div.leftcol {
	width:					270px;
	float:					left;
	padding:				0 20px 0 0;
	margin:					0 -1px 0 0;
	border-right:			1px solid #e8e8e8;
}	
#maincontent div.products div.leftcol {
	width:					356px !important;
}
#maincontent div.rightcol {
	width:					270px;
	float:					left;
	padding:				0 0 0 10px;
	border-left:			1px solid #e8e8e8;
}	
#maincontent div.products div.rightcol {
	width:					170px !important;
}


#maincontent h3 {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:				1.1em;
	color:					#424246;
	margin:					0 0 5px 0;
}
#maincontent h3.rss {
	padding:				0 0 0 15px;
}
#maincontent h3.morenews {
	position:				relative;
	top:					-7px;
}

#maincontent div.tabs div ul {
	list-style-type:		none;
	margin:					0 0 21px 0;
}
#maincontent 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%
}
#maincontent div.support ul li {
	margin:					0 0 16px 0 !important;
}

.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) */
div.vidBG {
	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: 			1.4em;
	font-weight: 		bold;
	padding: 	        8px 0 8px 20px;
}


#maincontent 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;
}

#maincontent div.play a:hover span {
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -161px;
}

.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;
}

/* Video Gallery */

#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: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:				1.1em;
	color:					#424246;
	line-height:			1.4em;
}

/* the overlayed element */
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 */

#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: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
font-size:				1.1em;
color:					#424246;
margin:					0 0 0 5px;
}

#quicklinks2 ul {
padding-left:20px;
}

#quicklinks2 li {
margin-top:-17px;
}

 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:					both;
	padding:				10px 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;
}


/* VIDEO OVERLAY
--------------------------------------------------------------------*/
#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;
}
#videopanel div.details h2 {
	font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:				1.5em;
	color:					#424246;
	margin:					0 0 5px 0;
}
#videopanel div.details h3 {
	font-family: Helvetica Neue, Arial, Helvetica, Geneva, 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;
}

#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;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
} 

.clearfix:after,
#body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix,
#body {height: 1%;}

.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:Geneva, Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	margin-top:10px;
	padding-left:10px;
}

.newbold1 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 2em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 15px;
}

.newbold2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 1.5em;
	font-weight: bold;
}

.newbold3 {
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 	0;
	color: 			#4c4c4c;
	font-size: 		1.5em;
}

.crumbs {
	font-family: 	'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	color: 			#4c4c4c;
	font-size: 		1.1em;
	padding-left:	10px;
	text-decoration:none;
}

.spacing {
	padding-top:	20px;
}

.spacing p{
	padding-top:	10px;
}

.table_data {
	font-family: 	'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	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:	    5px;
	table-layout:	auto;
}

.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:		5px;
}

/* Table Open */
.table_open {
	font-family: 	'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	color: 			#4c4c4c;
	font-size: 		1.1em;
}

.table_open th {
	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-size: 		1.2em;
	font-weight: 	bold;
	border-top:		#EEE 1px solid;
	border-bottom:	#EEE 1px solid;
}

.table_open tr {
	padding: 5px 5px 30px 5px;
}

.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_style3 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
margin-top:10px;
color: #4c4c4c;
font-size: 1.1em;
padding:5px;
}

.table_style3 th {
font-family: Geneva, Arial, Helvetica, 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 {
padding:2px;
border-right:#fff 1px solid;
padding:5px;
}

.th2 {
padding-top:30px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
color: #4c4c4c;
font-size: 1.1em;
font-weight: bold;
}

.table_style3 ul {
padding-left:20px;
}

.table_style3 ul li {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
color: #4c4c4c;
font-size: 0.9em;
}

.table_style4 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
color: #4c4c4c;
font-size: 1.0em;
}

.table_style4 th {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
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;
}

.padding_bottom {
padding-bottom:50px;
}

/*==================
   Wide content left justified (spans entire page width)
==================*/
#wide_maincontent {
   float: left;
   width: 909px;;
   padding-left:30px;
   padding-right:30px;
}

#wide_maincontent  h1{
  font-family:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 2em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 15px;
}

#wide_maincontent h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 1.5em;
	font-weight: bold;
}

/*==================
   Maincontent left justified
==================*/
#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:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	color: #4c4c4c;
	font-size: 2em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 15px;
}

#left_maincontent h2 {
	font-family:Geneva, Arial, Helvetica, 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 Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	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 Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
   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;
}

/*==================
   Left Column
==================*/

#leftColumn {
	width:					200px;
	float:					left;
	position:				relative;
    margin:                 0;
	background:				#fff;
	border-left:            #eee 1px solid;
    border-right:           #eee 1px solid;
	border-bottom:          #eee 1px solid;
}

#leftColumn 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;
}

#leftColumn div.play a:hover span {
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -161px;
}

#leftColumn2 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;
}

#leftColumn2 div.play a:hover span {
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -161px;
}


#leftColumn h1 {
	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;
	margin-left:-5px;
}

#leftColumn h2 {
	height:					35px;
	margin:                 -3px 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;
}

#leftColumn 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;
}

#leftColumn h4 {
	height:					142px;
	background:				#c1c1c3 url(/images/homepage_new/products_new/touch_sensing.jpg) no-repeat left top;
}

#leftColumn 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;
}

#leftColumn h6 {
	height:					35px;
	margin:                 -3px 0 0 0;
	text-indent:			-9999px;
	background:				#c1c1c3 url(/images/homepage_new/products_new/qtouch_heading.jpg) no-repeat left top;
	border-bottom:			1px solid #fff;
}

#leftColumn ul.tabs {
	width:					235px;
	height:					70px;
	position:				absolute;
	left:					0;
	bottom:					0;
	list-style-type:		none;
	z-index:				80;
}
#leftColumn ul.tabs li {
	float:					left;
	width:					93px;
	height:					50px;
	padding:				11px 0 0 0;
	text-align:				center;
	position:				relative;
	z-index:				90;
}
#leftColumn ul.tabs li a {
	outline:				0;
}
#leftColumn ul.tabs li img {
	border:					1px solid #0057a8;
}
#leftColumn ul.tabs li.ui-tabs-selected {
	background:				transparent url(/Atmel/img/interface/bg_selectedvideo.gif) no-repeat center top;
}

#leftColumn 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;
}

#leftColumn ul.tabs li.ui-tabs-selected img {
	filter:				alpha(opacity=60);
	-moz-opacity:		0.6;
	opacity:			0.6;
}

#leftColumn ul.tabs li:hover div.tooltip {
	left:					-47px;
}


#leftColumn .ui-tabs-hide {
	display:				none;
}

#leftColumn div.tabs {
	padding:				18px 5px 0 14px;
}

#leftColumn div.content_box {
	width:200px;
	margin-top:-3px;
	position:relative;
}

#leftColumn div.content_bg {
	background-image:url(/images/homepage_new/products_new/bg_gray_gradiant.jpg);
}

#leftColumn div.content_bg h2{
	text-align:center;
}

#leftColumn .content_bg_p {
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 8px 20px;
}

#leftColumn .content_p {
	padding:10px;
}

#leftColumn div.video {
	width:					197px;
	height:					101px;
	margin:					0 0 16px 5px;
}
#leftColumn div.video a {
	display:				block;
	width:					197px;
	height:					101px;
	border:					1px solid #74767a;
	position:				relative;
	outline:				0;
}

#leftColumn 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;
}

#leftColumn div.video a:hover span {
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}

#leftColumn a.arrow {
	padding-right:			10px;
	color:					#be1c00;
	background:				transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat right 58%;
}

#leftColumn p {
	font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:				1.1em;
	color:					#424246;
	line-height:			1.4em;
}

.leftColumn_relatednews {
	margin-top:				-3px;
}

.leftColumn_relatednews ul {
list-style: none;
}

.leftColumn_relatednews ul li {
    font-size:				1.1em;
	line-height:			1.4em;
	margin-left:			5px;
	margin-bottom:			8px;
    margin-right:			5px;
	margin-top:				2px;
	padding:				0 0 0 12px;
	color:					#424246;
	background:				transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat left 0.5em;
	height: 				1%
}

.relatednews {
	margin-top:				-5px;
}

.relatednews 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%
}


/*==================
   Right Column
==================*/

#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 div.content_box {
	width:200px;
	position:relative;
}

#rightColumn div.content_bg {
	background: 		#c1c1c3 url(/images/homepage_new/products_new/bg_gray_gradiant.jpg) no-repeat left top;
}

#rightColumn div.content_bg h2{
	text-align:center;
}

#rightColumn .content_bg_p {
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 8px 20px;
}

#rightColumn .content_p {
	padding:10px;
}

#rightColumn div.content_box {
	border-bottom:1px solid #fff;
	margin-bottom:-5px;
}

#rightColumn div.content_text {
	padding-top:5px;
	padding-left:10px;
	padding-right: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:Geneva, Arial, Helvetica, sans-serif;
	word-spacing: 0;
	padding-top: 10px;
	padding-left:12px;
	padding-right:10px;
	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-left: 5px;
	margin-bottom: 8px;
  margin-right: 5px;
	margin-top: 2px;
	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 Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	font-size:				1.1em;
	color:					#424246;
	line-height:			1.4em;
}


/*==================
   Leftnav Menu 
==================*/
#leftnavMenu {
   margin: 0px;
   /* background:url(/images/homepage_new/products_new/bg_green.jpg);*/
}

#leftnavMenu a {   
   text-decoration: 		none;
   display:					block;
   width:					100%;
   height:					30px;
   background:				url(/images/homepage_new/products_new/button_leftnav.jpg); 
}

#leftnavMenu  a:hover, li a:active {
   background:				url(/images/homepage_new/products_new/button_leftnav_hover.jpg);
}

#leftnavMenu .menutext {
   letter-spacing: 			-1px;
   position: 				relative; 
   top: 					7px; 
   left: 					20px; 
   color: 					#000;
   font-size:				1.3em;
}

#leftnavMenu li.top {
   border-bottom: 			#eee 1px solid;
   list-style:				none;
   width:					100%;
   background: 				#000;
}

#leftnavMenu li.parent {
   border-bottom: 			#eee 1px solid;
   list-style:				none;
   width:					100%;
}

#leftnavMenu li.child {
   border-top: 				#eee 1px solid;
   list-style:				none;
   width:					100%;
}

/*==================
   Nav Menu 
==================*/

#navMenu .child .menutext{
   font-size:				1.1em;
   letter-spacing:			-0.5px;
}

#navMenu .closed a {   
   background:				url(/images/homepage_new/products_new/button_leftnav.jpg); 
}

#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);
}

/* New class for the element state to be on */
#navMenu .parent .on a {   
   background:				url(/images/homepage_new/products_new/button_leftnav_blank_hover.jpg); 
}

/* New class for the element state to be on */
#navMenu .on a {   
   background:				url(/images/homepage_new/products_new/button_leftnav_hover.jpg); 
}

/* New class for the 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);
}

#navMenu .open a {   
   background:				url(/images/homepage_new/products_new/button_leftnav_arrow_down.jpg); 
   line-height:				1em;
   *line-height:			1.6em; /*IE7 hack to add additional line height*/
}

#navMenu .open a:hover, li a:active {
   background:				url(/images/homepage_new/products_new/button_leftnav_arrow_down_hover.jpg);
}

#navMenu .parent ul {
	display: 				none;
}

/*==================
  Product Card  
==================*/
#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: 205px;
   /* 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-top: 	10px;   
   padding-bottom: 	10px;
}

.newbold7 {
	font-family: 	Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:		1em;
	color:			#424246;
	margin:			0 0 5px 0;
	}

.note {
	color: 			#CE0500;
}

li.secondaryList {
	list-style:		square; 
	font-size:		0.9em;
}

/*==================
   Microsite content 
   left justified 
   (spans entire page width)
==================*/

#logo {
	margin:				14px 0 0 10px;
}

#micro_maincontent {
   float: 					left;
   width: 					909px;;
}

#box1{
	padding:				30px 30px 25px 30px;
	background-color:		#e3e6eb;
}

#pressReleases {
	padding:				10px 30px;
}

#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;
}

#booth .video {
	margin-left:			30px;
	text-align:				center;
}

/* Microsite Video Gallery */

#microGallery {
	width:					222px;
	float:					left;
	position:				relative;
	margin-top:				0px;
	background:				#fff;
}

#microGallery h2 {
	padding: 				0;
}

#microGallery h3 {
	padding: 				30px;
}

#microGallery h4 {
	padding: 				30px;
}

#microGallery p {
	padding-top: 			10px;
}

#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 0px 10px;
}

#microColumn li {
	margin-left:     	30px;
}

#microColumn img {
	padding:         	0px 10px 10px 10px;
}

.overlayContent {
	width:				550px;
}