/*-------------------------------------
	Basic Styles for TypeMatrix
	!1 - General, Pagewide styles
	!2 - Header
	!3 - Content Styles
	!4 - Post-Content Styles
	!5 - Footer Styles
	!6 - Misc Styles
/*-------------------------------------
	!1 - General, Pagewide Styles
*/
body {
	background: #fff;
	color: #333333;
	position: relative;
}
a, a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
br.clear {
	clear: both;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
}
ol {
	list-style: upper-latin inside;
	margin-bottom: 18px;
}

ol li {
	text-indent: -20px;
	padding-left: 20px;
}

ul {
	list-style: disc inside;
	margin-bottom: 18px;
}

li {
	font-size: 12px;
	line-height: 18px;
	color: #333;
	text-indent: -12px;
	padding-left: 12px;
}

ul.navigation {
	list-style: none;
}

ul.navigation li {
	text-indent: 0;
	padding-left: 0;
}

.wrapper {
	width: 900px;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p img.left { float: left; margin: 0 15px 15px 0;}


hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid rgb(219,219,219);
	margin: 4px 0 20px;
	padding: 0;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*-------------------------------------
	!2 - Header Styles
*/

div#header {
	position: relative;
	height: 105px;
	padding-top: 18px;
}

h1#logo {
	display: block;
	height: 45px;
	width: 350px;
	position: absolute;
	top: 18px;
	left: 0;
	padding: 0;
}

h1#logo a {
	display: block;
	height: 45px;
	width: 350px;
	text-indent: -9999em;
	background: transparent url(../img/tmx-logo.gif) no-repeat top left scroll;
}

div#header div.header_note {
	display: block;
	position: absolute;
	top: 18px;
	right: 0;
	max-width: 550px;
	text-align: right;
}

div.header_note h3 {
	color: #666;
}

div.header_note h3, div.header_note h6 {
 padding-bottom: 0;
}

div.header_note h3 a {
	color: #adc505;
	text-decoration: none;
}

div.header_note h3 a:hover {
	color: #000;
}

div.header_note h6 {
	font-size: 26px;
	line-height: 22px;
}



#header ul.navigation {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 898px;
	height: 44px;
	padding: 0;
	margin-bottom: 0;
	border: 1px solid #c3c3c3;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: transparent url(../img/tmx-header-nav-bg.png) repeat-x top left scroll;
}

#header ul.navigation li {
	display: block;
	position: relative;
	float: left;
	border-right: 1px solid #e6e6e6;
}

#header ul.navigation li:first-child a {
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;	
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;	
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

#header ul.navigation li:last-child a {
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;	
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;	
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

#header ul.navigation li:last-child {
	position: absolute;
	top: 0;
	right: 0;	
	border-left: 1px solid #ccc;
	border-right: none;
}

#header ul.navigation li a {
	height: 18px;
	padding: 14px 20px 12px;
	font-size: 17px;
	line-height: 18px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #ccc;
	text-shadow: 1px 1px 0 #fff;	text-shadow: 1px 1px 0 rgba(255,255,255,.48);
}
#header ul.navigation li.current a {
	color: #828181;
}

#header ul.navigation li.current a, #header ul.navigation li a:active {
background:none repeat scroll 0 0 rgba(255, 255, 255, 0.24);
}

#header ul.navigation li.current:hover a, #header ul.navigation li:hover a:active {
background:none transparent;
}

#header ul.navigation li a:hover, header ul.navigation li.current a:hover {
	background: #B5CB33 url(../img/tmx-main_nav-hover_bg.png) repeat-x top left scroll;
	display: block;
}

#header ul.navigation li:last-child a {
	border-left: 1px solid #e6e6e6;
	border-right: none;
}

#header ul.navigation li:hover {
	background: #B5CB33 url(../img/tmx-main_nav-hover_bg.png) repeat-x top left scroll;
	display: block;
} 


#header ul.navigation li ul.sub_navigation {
	position: absolute;
	display: none;
	z-index: 90;
	width: 126px;
	background: #B5CC35;
	padding: 10px 20px 20px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;	
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;	
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

#header ul.navigation li ul.sub_navigation.support {
	width: 160px;
	z-index: 120;
	right: 0;
}

#header ul.navigation li ul.sub_navigation li, #header ul.navigation li ul.sub_navigation li:last-child {
	display: block;
	position: relative;
	width: auto;
	color: #333;
	float: none;
	background: transparent none;
	border: none;
	border-bottom: 1px solid #C7D865;

}

#header ul.navigation li:hover ul.sub_navigation {
	display: block;
}

#header ul.navigation li ul.sub_navigation li a {
	font-weight: normal;
	color: #333;
	border: none;
	background: none transparent;
	text-align: left;
	padding: 10px 0;
	font-size: 15px;
	border-bottom: 1px solid #9CB821;
	display: block;
}

#header ul.navigation li ul.sub_navigation li a:hover {
	font-weight: bold;
	color: #000;
}


/*-------------------------------------
	!3 - Content Styles
*/

#content, body#blog.home #content {
	position: relative;
	min-height: 350px;
	padding-top: 40px;
	padding-bottom: 30px;
}

body.home #content {
	padding-top: 0;
}


#hero {
	height: 415px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	position: relative;
	background: transparent url(../img/tmx-hairline.png) bottom center scroll no-repeat;
}

#hero #slides {
	height: 415px;
	width: 900px;
	position: absolute;
	top: 0;
	background: transparent url(../img/tmx-slides-bg.png) no-repeat top center scroll;
	z-index: 1;
}

#hero #slides div {
	display: none;
	text-align: center;
	position: relative;
}

#hero #slides div.hero_1 h3, #hero #slides div.hero_2 h3, #hero #slides div.hero_3 h3 {
	background: transparent url(../img/tmx-hero_1-title.png) top center no-repeat scroll;
	margin-top: 30px;
	height: 50px;
	width: 900px;
	display: block;
	text-indent: -9999em;
	margin-bottom: 0;
	padding-bottom: 10px;
}

#hero #slides div.hero_2 h3 {
	background: transparent url(../img/tmx-hero_2-title.png) top center no-repeat scroll;
}

#hero #slides div.hero_3 h3 {
	background: transparent url(../img/tmx-hero_3-title.png) top center no-repeat scroll;
	padding-bottom: 0;
}


#hero #slides div h6 {
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}

#hero #slides div.hero_1 a.warranty_badge {
	position: absolute;
	top: 50px;
	right: 40px;
}

#hero #slides div.hero_3 h6 {
	padding-bottom: 0;
}

#hero #slides div.hero_3 a.buy_now_badge {
	position: absolute;
	top: 235px;
	left: 63px;
}


#hero #slides div:first-child {
	display: block;
}

#hero #slides_nav {
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 5;
	text-align: center;
	width: 60px;
	padding: 0 30px 0 785px;
	height: 15px;
}

#hero #slides_nav a {
	display: block;
	float: left;
	text-indent: -9999em;
	background: transparent url(../img/tmx-hero_nav.png) -20px 0 scroll no-repeat;
	height: 20px;
	width: 20px;
}


#hero #slides_nav a.activeSlide,#hero #slides_nav a.activeSlide:hover, #hero #slides_nav a:hover  {
	background: transparent url(../img/tmx-hero_nav.png) -37px 0px scroll no-repeat;

}


#slides_nav span.next, #slides_nav span.prev {
	display: block;
	position: absolute;
	text-indent: -9999em;
	background: transparent url(../img/tmx-hero_nav.png) top left scroll no-repeat;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

#slides_nav span.next:hover, #slides_nav span.prev:hover {

}

#slides_nav span.next {
	background: transparent url(../img/tmx-hero_nav.png) top right scroll no-repeat;
	right: 10px;
}

#slides_nav span.prev {
	background: transparent url(../img/tmx-hero_nav.png) top left scroll no-repeat;
	left: 765px;
}



.content_column {
	width: 435px;
	margin-bottom: 20px;
}

#introduction {
	float: left;
}

/* @AF */
#fb_like_button {
	position: relative;
	top: -2px;
	float: right;
}

/* @AF */
#french_ad {
	display: block;
	margin-top: 8px;
}

body.home .wrapper #content #gallery, body.home .wrapper #content #testimony_wrapper {
	float: right;
}

#testimony {
	margin-bottom: 0;
}

#gallery h3 span {
	display: inline;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	font-weight: normal;
	margin-left: 10px;
}



#gallery div.gallery_activate img {
	cursor: pointer;
	display: block;
	height: 78px;
	width: 78px;
	float: left;
	margin-right: 8px;
	padding-left: 0;
	text-indent: 0;
}

#gallery div.gallery_activate img:hover {
	border: none;
	box-shadow: 0 0 5px #202020;
	-moz-box-shadow: 0 0 5px #202020;
	-webkit-box-shadow: 0 0 5px #202020;
}

#gallery div.gallery_activate img:last-child {
	margin-right: 0;
}


div#testimony q, div.user_feedback div q, #bepo_testimonials li q {
	padding: 16px;
	background: #eee;
	display: block;
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

div#testimony q strong, div.user_feedback div q strong {
	font-weight: bold;
	font-style: italic;
	font-size: 17px;
	color: #202020;
	line-height: 18px;
	font-family: Georgia, serif;
}

div#testimony cite, div.user_feedback div cite, #bepo_testimonials cite {
	padding: 10px 0 0 46px;
	display: block;
        background-color: #FFF;
	background: transparent url(../img/tmx-quote_bookend.gif) 26px 0 no-repeat scroll;
	font-size: 12px;
	line-height: 18px;
}


div#testimony cite span {
	font-weight: normal;
}

/*		2Col Pages		*/
div#main_content {
	width: 670px;
	float: right;
	padding-left: 230px;
	background: transparent url(../img/tmx-sidebar_bg.png) repeat-y top left scroll;
}


body.about div.wrapper #content div#main_content {
	min-height: 500px;
}

body#blog div.wrapper #content div#main_content {
	min-height: 820px;
}


div#sub_content {
	width: 200px;
	position: absolute;
	top: 40px;
	left: 0;
}

div#sub_content ul.navigation {
	border: none;
	border-top: 1px solid #DBDBDB;
}

div#sub_content ul.navigation li {
	background: transparent;
	display: block;
	height: 40px;
	padding: 0;
	width: 200px;
	border-bottom: 1px solid #DBDBDB;
}

div#sub_content ul.navigation li a {
	display: block;
	position: relative;
	font-size: 15px;
	line-height: 18px;
	color: #356da8;
	font-weight: bold;
	height: 20px;
	width: 200px;
	text-indent: 10px;
	padding: 13px 0 7px;
	background: transparent;
	text-decoration: none;
	letter-spacing: 0;
}

div#sub_content ul.navigation li.current a, div#sub_content ul.navigation li a:hover {
	background: transparent url(../img/tmx-sidebar_nav_current-bg.png) repeat-y top left scroll;
	color: #fff;
	text-shadow: -1px -1px 0 #225489;
	text-decoration: none;
	letter-spacing: 0;
}



div#sub_content div#testimony div {
	padding: 0 15px;
	width: 170px;
	z-index: 5;
}

div#sub_content div#testimony div cite {
	line-height: 16px;
	letter-spacing: -.02em;
}

#sub_content #testimony_wrapper #testimony_nav, body#blog #sub_content #testimony_wrapper #testimony_nav {
	padding: 0 48px;
}

body.home .wrapper #content #testimony_wrapper #testimony_nav {
	padding: 0 162px;
	margin-top: 10px;
}

#testimony_nav {
	height: 13px;
	margin-bottom: 10px;
}

#testimony_nav a {
	height: 5px;
	width: 5px;
	text-align: center;
	text-indent: -9999em;
	background: #D9D9D9;
	border: #AAA 1px solid;
	display: block;
	float: left;
	margin: 3px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#testimony_nav a:hover, #testimony_nav a.activeSlide {
	background: #AAA;
	border: #AAA 1px solid;
}



ul.subpage {
	padding-left: 10px;
	margin-bottom: 0;
}

/* 		About		*/

div.about_features {
	border-bottom: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	padding: 20px 0 2px;
	margin-bottom: 20px;
}

h6.sub_heading {
	padding-bottom: 0;
	color: #adc602;
}

div.about_features h6, div.about_features p {
	padding-left: 20px;
}


/* 		Products Overview		*/


body.products div.wrapper #content {
	padding: 20px 0 0px;
}

.product_box {
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #C3C3C3;
	margin-bottom: 27px;
	padding: 30px 20px 20px 375px;
	position: relative;
	background: #EDEDED url(../img/tmx-products_bg.png) top left repeat-x scroll;
}

.product_box:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .product_box             { zoom: 1; } /* IE6 */
*:first-child+html .product_box { zoom: 1; } /* IE7 */

.product_box h2, .product_box h2 a { 
	font-weight: bold;
	font-size: 28px;
	color: #366da8;
	text-decoration: none;
}

.product_box h2 a:hover {
	text-decoration: none;
	color: #27588d;
}

.product_box li { font-weight: bold;}

.product_box img {
	position: absolute;
	left: 0;
	bottom: 0;
}

.product_box a.product_learn_button {
	position: absolute;
	display: block;
	height: 35px;
	width: 90px;
	bottom: -17px;
	right: 120px;
	text-align: center;
	text-indent: -9999em;
	background: transparent url(../img/tmx-learn_more-button.png) no-repeat top center scroll;
}

.product_box a.product_learn_button:hover,.product_box a.product_learn_button:focus {
	background: transparent url(../img/tmx-learn_more-button.png) no-repeat bottom center scroll;
}

.product_box a.product_shop_button {
	position: absolute;
	display: block;
	height: 35px;
	width: 90px;
	bottom: -17px;
	right: 20px;
	text-align: center;
	text-indent: -9999em;
	background: transparent url(../img/tmx-shop_now-button.png) no-repeat top center scroll;
}

.product_box a.product_shop_button:hover,.product_box a.product_shop_button:focus {
	position: absolute;
	display: block;
	height: 35px;
	width: 90px;
	bottom: -17px;
	right: 20px;
	text-align: center;
	text-indent: -9999em;
	background: transparent url(../img/tmx-shop_now-button.png) no-repeat bottom center scroll;
}


#keyboard_2030.product_box img {
	left: 0;
	top: 20px;
}

#keyboard_2020.product_box {
	padding: 30px 20px 20px 210px;
}

#keyboard_2020.product_box p {
	width: 355px;
	float: left;
}

#keyboard_2020.product_box ul {
	width: 290px;
	float: right;
	display: block;
}

#keyboard_2020.product_box img {
	left: 20px;
	top: 25px;
}


/* 		Contact Page		*/

div.contact_main {
	width: 577px;
	float: left;
	border-right: 1px solid #DBDBDB;
	padding-right: 20px;
	margin-right: 20px;
}

.contact_main h6 {
	font-size: 16px;
	line-height: 14px;
	font-weight: normal;
}


#contact_form {
	padding: 20px;
	margin-bottom: 0;
}


#contact_form form label, #contact_form form input {
	display: block;
}

#contact_form form label {
	padding-bottom: 4px;
	font-size: 13px;
	line-height: 14px;
	color: #333;
	font-weight: normal;
}

#contact_form form label.error {
	color: rgb(250,121,121);
	margin-bottom: 15px;
}

#contact_form form input[type="text"], #contact_form form textarea {
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #D9D8D2;
	padding: 4px;
	font-size: 13px;
	line-height: 14px;
	color: #333;
	font-weight: normal;
}

#contact_form form input[type="text"] {
	width: 210px;
}

#contact_form form textarea {
	width: 525px;
	height: 130px;
}

#contact_form form input#contact_submit {
	height: 35px;
	width: 70px;
	display: block;
	text-indent: -9999em;
	border: none;
	cursor: pointer;
	background: transparent url(../img/tmx-submit_button.png) no-repeat top center scroll;
}

#contact_form form input#contact_submit:hover, #contact_form form input#contact_submit:focus {
	background: transparent url(../img/tmx-submit_button.png) no-repeat bottom center scroll;
}

div.contact_secondary p a {
	color: #356da8;
	font-weight: bold;
	text-decoration: none;
}

div.contact_secondary p a:hover,div.contact_secondary p a:focus {
	font-weight: bold;
	color: #000;
}


/*---------------------------------
	!4 - Footer Styles
*/ 

div#footer_nav {
	border: 1px solid #c3c3c3;
	min-height: 178px;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: transparent url(../img/tmx-footer_nav-bg.png) repeat-x top left scroll;
}	

div#footer_nav div.navigation_wrapper {
	padding: 21px 0 21px 21px;
	position: absolute;
	top: 0;
	left: 0;
	width: 576px;
	min-height: 136px;
	border-right: 1px solid #c3c3c3;
}

div#footer_nav div.navigation_wrapper h6 {
	display: block;
}
div#footer_nav div.navigation_wrapper h6 a {
	display: block;
	width: 98px;
	height: 18px;
	text-indent: -9999em;
	background: transparent url(../img/tmx-footer_nav-logo.png) no-repeat top left scroll;
}

div#footer_nav div.navigation_wrapper ul.navigation {
	width: 130px;
	margin-right: 10px;
	display: block;
	float: left;
}

div#footer_nav div.navigation_wrapper ul.navigation li a{
	color: #356da9;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

div#footer_nav div.navigation_wrapper ul.navigation li a:hover {
	color: #000;
}


div.mail_signup {
	padding: 0 22px 0 20px;
	border-left: 1px solid #fff;
	width: 259px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

div.mail_signup h5 {
	display: block;
	padding: 10px 0px 18px 100px;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: -.03em;
	/*background: transparent url(../img/free-shipping2.png) no-repeat left top scroll;*/
	/*background: transparent url(../img/15-off_v2.png) no-repeat left top scroll;*/
	background: transparent url(../img/free-skin.png) no-repeat left top scroll;
}

div.mail_signup form {
	display: block;
	position: relative;
	height: 25px;
}

div.mail_signup form input[type="text"] {
	border: 1px solid #C9C9C9;
	display: block;
	width: 186px;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
	background: #fff;
	box-shadow: inset 2px 3px 2px rgb(218, 218, 218);
	-moz-box-shadow: inset 2px 3px 2px rgb(218, 218, 218);
	-webkit-box-shadow: inset 2px 3px 2px rgb(218, 218, 218);
	box-shadow: inset 1px 2px 2px rgba(218, 218, 218, .8);
	-moz-box-shadow: inset 1px 2px 2px rgba(218, 218, 218, .8);
	-webkit-box-shadow: inset 1px 2px 2px rgba(218, 218, 218, .8);
}

div.mail_signup form input[type="text"]:focus {
	box-shadow: inset 0 2px 3px #CFE16F,  inset 0 -2px 3px #CFE16F;
	-moz-box-shadow: inset 0 2px 3px #CFE16F,  inset 0 -2px 3px #CFE16F;
	-webkit-box-shadow: inset 0 2px 3px #CFE16F,  inset 0 -2px 3px #CFE16F;
	background: #E8F4A5; 
}	

div.mail_signup form input[type="submit"] {
	border: none;
	display: block;
	border-left: none;
	height: 25px;
	width: 67px;
	position: absolute;
	top: 0;
	right: 0;
	background: #DAE699 url(../img/tmx-submit_button_bg.png) repeat-x bottom left scroll;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	cursor: pointer;
	font-weight: bold;
	text-indent: -9999em;
}

div.mail_signup img {
	margin-top: 8px;
	display: block;
}


#footer {
	padding-top: 22px;
	position: relative;
	padding-bottom: 17px;
}

#footer p {
	width: 700px;
	display: block;
	float: left;
	text-align: left;
}
p a {
	padding: 2px;
	position: relative;
}

p a:hover {
	text-decoration: none;
	background: #ADC602;
	position: relative;
}

#footer p span {
	margin: 0 10px;
}

#footer p.footnote {
	float: right;
	display: block;
	width: 200px;
	text-align: right;
}

/*---------------------------------
	!5 - Misc Styles
*/ 







#light_box {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.48);
	z-index: 20;
}

#gallery_wrapper {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 650px;
	text-align: center;
	height: 490px;
	margin: -245px 0 0 -325px;
	z-index: 25px;
	background: #DCDCDC;
	box-shadow: -2px 6px 6px rgba(0,0,0,.6);
	-moz-box-shadow:  -2px 6px 6px rgba(0,0,0,.6);
	-webkit-box-shadow:  -2px 6px 6px rgba(0,0,0,.6);
}

#gallery_wrapper #gallery_main,#gallery_wrapper #gallery_nav,#gallery_wrapper  a.gallery_close {
	display: block;
	position: absolute;
}


#gallery_wrapper #gallery_main {
	top: 0;
	left: 0;
}

#gallery_wrapper #gallery_nav {
	bottom: 0;
	left: 0;
	background: #fff;
	height: 90px;
	padding-top: 10px;
	padding-left: 0;
	width: 650px;
}

#gallery_wrapper #gallery_nav img {
	cursor:pointer;
	height:78px;
	margin-right:8px;
	padding-left:0;
	text-indent:0;
	width:78px;
}

#gallery_wrapper #gallery_nav img:hover, #gallery_wrapper #gallery_nav img.activeSlide {
	border: none;
	box-shadow: 0 0 5px #202020;
	-moz-box-shadow: 0 0 5px #202020;
	-webkit-box-shadow: 0 0 5px #202020;
}

#gallery_wrapper #gallery_nav a {
	margin-right: 9px;
	padding: 1px;
	background: #CDCDCD;
	height: 78px;
	width: 78px;
	display: block;
	float: left;
}

#gallery_wrapper #gallery_nav a:hover, #gallery_wrapper #gallery_nav a.activeSlide {
	background: #666;
}

#gallery_wrapper #gallery_nav a img {
	margin: 0;
	padding: 0;
	height: 78px;
	width: 78px;
}

#gallery_wrapper #gallery_nav span.next,#gallery_wrapper #gallery_nav span.prev, #skins_gallery_nav span {
	height: 22px;
	width: 22px;
	padding: 5px;
	display: block;
	position: absolute;
	top: 40px;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 22px;
	-khtml-border-radius: 22px;	
	-moz-border-radius: 22px;
	border-radius: 22px;
}

#gallery_wrapper #gallery_nav span.next:hover,#gallery_wrapper #gallery_nav span.prev:hover, #skins_gallery_nav span:hover {
	box-shadow: 0 0 5px #202020;
	-moz-box-shadow: 0 0 5px #202020;
	-webkit-box-shadow: 0 0 5px #202020;
	background-color: #fff;
}

#gallery_wrapper #gallery_nav span.next, #skins_gallery_nav span.next {
	background: url(../img/tmx-gallery_next-prev.png) no-repeat -33px 5px scroll;
	right: 42px;
}

#gallery_wrapper #gallery_nav span.prev, #skins_gallery_nav span.prev {
	background: url(../img/tmx-gallery_next-prev.png) no-repeat 5px 5px scroll;
	left: 42px;
}

#gallery_wrapper  a.gallery_close {
	top: -10px;
	left: -10px;
	height: 26px;
	width: 26px;
	text-indent: -9999em;
	cursor: pointer;
	z-index: 30;
	background: transparent url(../img/tmx-close_gallery_button.png) no-repeat top left scroll;
}


/* --  2030 -- */

#product_nav ul.navigation {
	margin-bottom: 0;
	margin-left: 10px;
}

#product_nav ul.navigation li {
	float: left;
	padding: 0 30px 3px 10px;
	border-left: 1px solid #C5C5C4;
}

	/* @AF */
	#fb_2030_like_button {
	position: relative;
	top: -2px;
	}

#product_nav ul.navigation li a {
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
}

#product_nav ul.navigation li a:hover {
	color: #828181;
	text-decoration: none;
}

#product_nav ul.navigation li.current a{
	color: #828181;
}

#product_2030.product_box {
	height: 345px;
	width: 900px;
	padding: 0;
	margin-bottom: 110px;
}

#product_2030.product_box img {
	top: 40px;
	left: 20px;
}

#product_2030.product_box a.product_shop_button {
	top: -17px;
	z-index: 100;
	background:url("../img/tmx-buy_now-button.png") no-repeat scroll center top transparent;
}

#product_2030.product_box a.product_shop_button:hover {
	background:url("../img/tmx-buy_now-button.png") no-repeat scroll center bottom transparent;
}

.features_wrapper {
	background:url("../img/tmx-hairline.png") no-repeat scroll center top transparent;
	padding-top: 30px;
}

#hardware {
	float: left;
	margin-bottom: 0;
}

#hardware ol {
	position: relative;
	display: block;
	margin-bottom: 0;
}

#hardware ol li {
	list-style: none;
	padding: 5px 0 0 37px;
	text-indent: 0;
	display: block;
	position: relative;
	margin-bottom: 0;
}

#hardware ol li.first { background: transparent url(../img/tmx-pin_1.png) top left no-repeat scroll; }
#hardware ol li.second { background: transparent url(../img/tmx-pin_2.png) top left no-repeat scroll; }
#hardware ol li.third { background: transparent url(../img/tmx-pin_3.png) top left no-repeat scroll; }
#hardware ol li.fourth { background: transparent url(../img/tmx-pin_4.png) top left no-repeat scroll; }
#hardware ol li.fifth { background: transparent url(../img/tmx-pin_5.png) top left no-repeat scroll; }
#hardware ol li.sixth { background: transparent url(../img/tmx-pin_6.png) top left no-repeat scroll; }

#usability { float: right; }

#product_2030.product_box #gallery_wrapper  {
	box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	background: transparent;
	display:block;
	height: 500px;
	left:0;
	top:0;
	margin: 0;
	position: relative;
	text-align: center;
	width: auto;
}

#product_2030.product_box #gallery_wrapper #gallery_nav {
	background: transparent;
	bottom:0;
	height: auto;
	left:0;
	position: relative;
	padding-left:0;
	padding-top:10px;
	width: auto;
	text-align: center;
}

#product_2030.product_box #gallery_main, #product_2030.product_box #gallery_nav {
	position: relative;
	top: 0;
	left: 0;

}

#product_2030.product_box #gallery_wrapper #gallery_main img, #product_2030.product_box #gallery_wrapper #gallery_nav img {
	position: relative;
	top: 0;
	left: 0;
}

#product_2030.product_box #gallery_wrapper #gallery_nav {
	padding-top: 0;
	padding-left:278px;
}

#product_2030.product_box #gallery_nav a {
	background: transparent;
}

#product_2030.product_box #gallery_nav a img {
	border: 1px solid #C5C5C5;
}

#product_2030.product_box #gallery_wrapper #gallery_nav a img:hover, #product_2030.product_box #gallery_wrapper #gallery_nav a.activeSlide img, #skins_gallery_nav a img:hover, #skins_gallery_nav a.activeSlide img {
	box-shadow: 0 0 5px #202020;
	-moz-box-shadow: 0 0 5px #202020;
	-webkit-box-shadow: 0 0 5px #202020;
}

#product_2030.product_box #gallery_wrapper #gallery_nav span.prev {
	left:220px;
}

#product_2030.product_box #gallery_wrapper #gallery_nav span.next {
	right:220px;
}

#product_2030.product_box #gallery_wrapper #gallery_nav span.next, #product_2030.product_box #gallery_wrapper #gallery_nav span.prev {
	top: 30px;
}

body.gallery_2030 div.wrapper div#content div#product_2030.product_box {
	height: 500px;
	margin-bottom: 0;
}


body.error_404 .wrapper #content #main_content {
	min-height: 500px;
}


/* -- 2030 Tech Specs Page -- */

body.specs_2030 div.wrapper #content #product_2030.product_box {
	padding: 30px 440px 50px 30px;
	margin-bottom: 0;
	width: 428px;
	height: auto;
	min-height: 313px;
}

body.specs_2030 div.wrapper #content #product_2030.product_box img {
	top: 25px;
	right: 0;
	left: auto;
	bottom: auto;
}


p.list_header {
	padding-bottom: 0;
}

body.specs_2030 div.wrapper #content #product_2030.product_box .spec_wrapper h3 {
	color: #000;
	font-size: 21px;
	line-height: 18px;
	padding-bottom: 28px;
	font-weight: normal;
}

body.specs_2030 div.wrapper #content #product_2030.product_box .spec_wrapper ul li {
	text-indent: 0;
	font-weight: normal;
	padding-left: 0;
}


body.specs_2030 div.wrapper #content #product_2030.product_box .spec_wrapper .usb_wrapper  {
	position: relative;
}

body.specs_2030 div.wrapper #content #product_2030.product_box .spec_wrapper .usb_wrapper ul {
	margin-bottom: 0;
}

body.specs_2030 div.wrapper #content #product_2030.product_box .spec_wrapper .usb_wrapper img {
	position: relative;
	display: block;
	top: -1px;
	left: -1px;
	bottom: auto;
	right: auto;
	float: left;
	margin-right: 13px;
	padding: 0;
	background: transparent;
}

/* -- Why 2030 Page -- */

body.why_2030 div.wrapper #content .product_box {
	height: auto;
	background: url("../img/tmx-products_bg.png") repeat-x scroll left bottom #FFF;
	margin-bottom: 0;
}

body.why_2030 div.wrapper #content .product_box .why_hero {
	position: relative;
	background: transparent url(../img/tmx-why_hairline.png) no-repeat bottom center scroll;
	min-height: 329px;
	padding: 30px 339px 21px 30px;
	margin-bottom: 40px;
}

body.why_2030 div.wrapper #content .product_box .why_hero img.hero_image {
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	top: auto;
}

.why_2030_content {
	padding-top: 10px;
}

.why_2030_content .main_content {
	float: left;
	width: 530px;
	padding-left: 29px;
}

body.why_2030 div.wrapper #content #product_2030.product_box .why_2030_content .main_content img, .why_2030_content .secondary_content img {
	position: relative;
	left: 0 !important;
	top: 0 !important;
	right: 0;
	bottom: 0;
	height: auto;
	width: auto;
}

.why_2030_content .secondary_content {
	float: right;
	width: 269px;
	padding: 20px 20px 0;
	background: rgba(195,195,195,.6);
}

.why_2030_content .secondary_content img:first-child {
	top: -55px !important;
	left: 0 !important;
	margin-bottom: -35px;
}

.why_2030_content .secondary_content img.thumbnail {
	border: 1px solid #fff;
	margin-bottom: 20px;
	top: 0 !important;
	left: 0 !important;
}

hr.sidebar_div {
	border: none;
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #A1A1A1;
	height: 1px;
	background: #A1A1A1;
	margin-bottom: 20px;
	margin-top: 4px;
}

.why_2030_content .main_content h3 {
	font-size: 24px;
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 6px;
}

.main_content_footer a.product_shop_button.why_2030 {
	position: relative;
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0;
	float: left;
	margin-right: 10px;
}


.main_content_footer p {
	padding-bottom: 0;
}

.main_content_footer {
	margin-bottom: 30px;
	padding-top: 28px;
	background: transparent url(../img/tmx-why_hairline.png) no-repeat -20px 0 scroll;
}


.why_2030_content .main_content ol {
	list-style: none;
	background: transparent url(../img/tmx-why_hairline.png) no-repeat -20px 0 scroll;
	padding-top: 10px;
	margin-top: 4px;
}

.why_2030_content .main_content ol li {
	text-indent: 0;
	padding-left: 0;
	position: relative;
	margin-bottom: 20px;
}

.why_2030_content .main_content ol li p {
	padding-bottom: 0;
}

.why_2030_content .main_content ol li.first p{
	padding-right: 305px;
}

.why_2030_content .main_content ol li.second p{
	padding-right: 310px;
}
.why_2030_content .main_content ol li.third p{
	padding-right: 245px;
}

.why_2030_content .main_content ol li h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding: 12px 0 16px 42px;
}


.why_2030_content .main_content ol li.first h4 {
	background: transparent url(../img/tmx-pin_1.png) no-repeat top left scroll;
}

.why_2030_content .main_content ol li.second h4 {
	background: transparent url(../img/tmx-pin_2.png) no-repeat top left scroll;
}

.why_2030_content .main_content ol li.third h4 {
	background: transparent url(../img/tmx-pin_3.png) no-repeat top left scroll;
}

body.why_2030 div.wrapper #content #product_2030.product_box .why_2030_content .main_content img {
	position: absolute;
	right: 0 !important;
	top: 48px !important;
	left: auto !important;
	margin-left: 10px;
}

a.download_why { 
	display: block;
	float: left;
	position: relative;
	left: -20px;
	margin-right: 10px;
}

a.download_why img {
	position: static;
}

.why_hero ul li {
	font-size: 13px;
	line-height: 21px;
}

.why_hero h2 {
	text-indent: -9999em;
	background: transparent url(../img/tmx-why_2030-title.png) top left scroll no-repeat;
	height: 40px;
	padding-bottom: 18px;
}

.why_hero h3 {
	margin-top: 10px;
}

/* -- Skins Page -- */

.flat_product_box {
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #C5C5C5;
	padding: 40px 29px 29px 29px;
	position: relative;
	background: #FEFEFE;
}


#product_skins .introduction {
	position: relative;
	padding-right: 370px;
	margin-bottom: 40px;
}


#product_skins .introduction img.hero_image {
	position: absolute;
	bottom: 0;
	right: -29px;
}

#product_skins .introduction h2 {
	background: transparent url(../img/hdr-keyboad-skins.gif) no-repeat top left scroll;
	text-indent: -9999em;
	padding-bottom: 26px;
	height: 32px;
}

#product_skins .introduction , #product_skins .skins_details , #product_skins .user_feedback {
	background: transparent url(../img/tmx-hairline.png) no-repeat bottom center scroll;
	padding-bottom: 30px;
}

#product_skins .skins_details , #product_skins .user_feedback {
	margin-bottom: 30px;
}

#product_skins .skins_details #skins_gallery{
	width: 528px;
	float: left;
	border: 1px solid #C5C5C5;
	margin-right: 30px;
}

#skins_gallery_nav {
	border-top: 1px solid #C5C5C5;
	padding: 9px 0 10px;
	position: relative;
	text-align: center;
}

#skins_gallery_nav span {
	text-indent: -9999em;
}

#skins_gallery_nav a {
	margin: 0 5px;
}

#skins_gallery_nav a img {
	border: 1px solid #C5C5C5;
}

#product_skins .skins_details .the_details {
	padding-right: 10px;
	padding-left: 558px;
}

#product_skins .skins_details .the_details p img {
	margin-right: 10px;
}

div.user_feedback h3 { color: #000;}

div.user_feedback div {
	margin-bottom: 16px;
}



.first.content_column	{ float: left; width: 410px;}
.second.content_column { float: right; width: 410px;}


#product_skins a.product_shop_button {
	background:url("../img/tmx-buy_now-button.png") no-repeat scroll center top transparent;
	top:-17px;
	z-index:100;
	display:block;
	height:35px;
	position:absolute;
	right:20px;
	text-align:center;
	text-indent:-9999em;
	width:90px;
}

#product_skins a.product_shop_button:hover {
	background:url("../img/tmx-buy_now-button.png") no-repeat scroll center bottom transparent;
}


#product_skins .content_footer a.product_shop_button { 
	background:url("../img/tmx-shop_now-button.png") no-repeat scroll center top transparent;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	margin-right: 10px;
}

#product_skins .content_footer a.product_shop_button:hover { 
	background:url("../img/tmx-shop_now-button.png") no-repeat scroll center bottom transparent;
}

#product_skins .content_footer p {
	padding-top: 8px;
}


/* -- Blog Specific Styles -- */

ul.blog_sidebar {
	padding: 20px 15px 0;
	clear: both;
}

ul.blog_sidebar li.widget {
	margin-bottom: 25px;
}

ul.blog_sidebar li.widget h2 {
font-size:16px;
font-weight:bold;
line-height:18px;
padding-bottom:10px;
}

div.post {
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DBDBDB;
}


/* -- Support Specific Styles -- */

#support_primary.product_box {
	padding: 40px 285px 20px 30px;
	background: #fff url(../img/tmx-products_bg.png) bottom left repeat-x scroll;
}

#support_primary.product_box h2.header_text {
	padding-bottom: 15px;
	background: transparent url(../img/tmx-support_header_bg.png) no-repeat top left scroll;
	text-indent: -9999em;
	height: 38px;
	width: 323px;
}

#support_primary.product_box img {
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	top: auto;
}

#support_primary.product_box ul {
	margin-bottom: 0;
	margin-top: 10px;
	list-style: none;
}

#support_primary.product_box ul li {
	text-indent: 0;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}

#support_primary.product_box ul li p{
	padding-bottom: 0;
}

#support_primary.product_box ul li.faq {
	background: url(../img/tmx-support_icon-faqs.png) transparent no-repeat top left;
}

#support_primary.product_box ul li.user_tips {
	background: url(../img/tmx-support_icon-user_tips.png) transparent no-repeat top left;
}

#support_primary.product_box ul li.forum {
	background: url(../img/tmx-support_icon-forum.png) transparent no-repeat top left;
}


#support_primary.product_box ul li.forum h6 span {
	color: #333;
	
}

#support_primary.product_box ul li h6 a {
	color:#ADC602;
	padding-bottom:0;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}

#support_primary.product_box ul li h6 a:hover {
	text-decoration: none;
	background: #ADC602;
	color: #333;
	padding: 2px;
	left: -2px;
	margin-right: -4px;
	position: relative;
}

#support_secondary.product_box {
	background: none;
	position: relative;
	padding: 0;
	height: 85px;
	margin-bottom: 0;
}

#support_secondary.product_box .warranty_info {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	padding: 27px 20px 20px 84px;
	border-right: 1px solid rgb(195,195,195);
	height: 38px;
	width: 230px;
}

#support_secondary.product_box .customer_service {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: auto;
	padding: 27px 20px 20px 82px;
	height: 38px;
	width: 230px;
}

#support_secondary.product_box .warranty_info img, #support_secondary.product_box .customer_service img {
	position: absolute;
	top: 18px;
	left: 20px;
	right: auto;
	bottom: auto;

}


a.soon_nav span {
	font-size: 12px;
	letter-spacing: -.01em;
}


/*	--	New User Tips: Final	--	*/

body.nu_tips .wrapper #content #main_content .product_box { padding: 20px 20px 17px 95px; margin-bottom: 20px; }

body.nu_tips .wrapper #content #main_content .product_box h2 {
	text-indent: -9999em;
	height: 38px;
	padding-bottom: 10px;
	background: url(../img/tmx-user_tips-title.png) transparent no-repeat top left scroll;
}

body.nu_tips .wrapper #content #main_content .product_box img{
	position: absolute;
	display: block;
	top: 16px;
	left: 16px;
}

body.nu_tips .wrapper #content #main_content .product_box p { padding-bottom: 0; }


.tip_section {
	padding-left: 65px;
	padding-top: 15px;
	position: relative;
}

.tip_section img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.tip_section ul {
	list-style: none;
	padding-left: 0;
}

.tip_section ul li {
	padding-left: 0;
	text-indent: 8px;
	line-height: 18px;
	background: url(../img/tmx-li_disc.png) transparent no-repeat 0 5px scroll;
}

.tip_section ul li p {
	padding-bottom: 0;
}

#pressroom_list {
  position: relative;
  top: -30px;
}


#pressroom_list li {
  list-style: none;
  padding: 30px 0 30px 145px;
  text-indent: 0;
  position: relative;
  border-bottom: 1px solid rgb(219,219,219);
  min-height: 125px;
}

#pressroom_list li h2 {
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 4px;
}

#pressroom_list li h2 a {
  text-decoration: none;
  color: rgb(173,199,1);
}

#pressroom_list li h2 a:hover {
  color: rgb(0,0,0);
} 

#pressroom_list li p {
  padding-bottom: 0;
}

#pressroom_list li p a {
  color: #356DA8;
  text-decoration: none;
  font-weight: bold;
}
#pressroom_list li p a:hover {
  color: rgb(0,0,0);
}

.article_meta {
  display: block;
  margin-bottom: 20px;
}

.article_meta span {
  color: rgb(141,141,141);
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  padding: 8px 0 0;
  margin-right: 10px;
  display: block;
  float: left;
}

img.article_thumb {
  position: absolute;
  top: 29px;
  left: 0;
  border: 1px solid rgb(219,219,219);
}

.sidebar_file {
  background: rgb(240,240,240);
  margin-bottom: 10px;
  padding: 26px 15px 20px 75px;
  font-size: 11px;
  line-height: 15px;
  position: relative;
  min-height: 35px;
  margin-right: 20px;
}

.sidebar_file img {
  position: absolute;
  top: 17px;
  left: 8px;
  display: block;
}

.sidebar_file strong {
  display: block;
}

.sidebar_file strong a {
  font-weight: bold;
  text-decoration: none;
}
.sidebar_file strong a:hover {
  text-decoration: underline;
}


#getting_started .header {
  border-bottom: 1px solid #C5C5C5;
  margin-bottom: 50px;
  position: relative;
  height: 62px;
}

#getting_started .header h2, #getting_started .header p {
  float: left;
  padding: 0;
}

#getting_started .header h2 {
  display: block;
  height: 49px;
  width: 271px;
  background: transparent url(../img/tmx-getting_started-header.png) no-repeat center center scroll;
  text-indent: -9999em;
}

#getting_started .header p {
  padding-top: 22px;
  color: #000;
}


#getting_started .header a.pdf_download {
  display: block;
  height: 22px;
  width: 108px;
  position: absolute;
  bottom: -26px;
  right: 21px;
  border: 1px solid #CFCFCF;
  background-color: #E8E8E8;
  background-image: -moz-linear-gradient(top, #E8E8E8, #CFCFCF); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E8E8E8),color-stop(1, #CFCFCF)); /* Saf4+, Chrome */
           filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#E8E8E8', EndColorStr='#CFCFCF'); /* IE6,IE7 */
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E8E8E8', EndColorStr='#CFCFCF')"; /* IE8 */
  
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;	
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  padding: 26px 0 0 49px;
  color: #333;
  font-size: 11px;
  line-height: 18px;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 1px 1px 1px #fff;
}

#getting_started .header a.pdf_download span {
  display: block;
  background: transparent url(../img/tmx-download_icon.png) no-repeat top left scroll;
  position: absolute;
  left: 7px;
  top: 6px;
  height: 34px;
  width: 95px;
  padding: 4px 0 0 40px;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  font-weight: bold;
}


#getting_started #the_keyboard {
  text-align: center;
  width: 900px;
  height: 390px;
  position: relative;
}

#the_keyboard span {
  position: absolute;
  top: 0;
  left: 0;
}

#the_keyboard img {
  margin: 0 auto;
  display: block;
}


#more_info.product_box, #more_info.product_box .keyboard_info {
  position: relative;
  margin: 0;
  padding: 0;  
}

#more_info.product_box {
  width: 593px;
  float: right;
  padding: 30px 30px 30px 50px;
  position: relative;
  background: transparent;
  margin-bottom: 0;
  border: 0;
}


#more_info.product_box .keyboard_info {
  display: none;
  padding-left: 43px;
  min-height: 205px;
}

#more_info.product_box .keyboard_info.current {
  display: block;
}

#more_info.product_box .keyboard_info span.item_number {
  position: absolute;
  top: -10px;
  left: 0;
  width: 20px;
  height: 23px;
  padding: 8px 6px 0 4px;
  background: transparent url(../img/tm-tag-largegreen.png) top left scroll no-repeat;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-shadow: -1px -1px 1px #93B40D;
  text-align: center;
}

#feature_list {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
}

#feature_list .item_number {
  position: absolute;
  top: -6px;
  left: 0;
  width: 20px;
  height: 23px;
  padding: 8px 6px 0 4px;
  background: transparent url(../img/tm-tag-largered.png) top left scroll no-repeat;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-shadow: -1px -1px 1px #93B40D;
  text-align: center;
  position: relative;
  display: block;
  float: left;
  margin-right: 18px;
  z-index: 20;
}

#feature_list .current {
  background: transparent url(../img/tm-tag-largegreen.png) top left scroll no-repeat;
}


#more_info .keyboard_info img {
  position: relative;
  display: block;
  float: left;
  margin-right: 18px;
  z-index: 20;
}

#more_info .keyboard_info img.overlay {
  position: absolute;
  margin: 0;
} 

.infolist_item {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
  background-color: #E0E0E0;
  margin: 3px;
  cursor: pointer;
}

#info_1 img.overlay   { top: -419px; left: -129px; }
#info_2 img.overlay   { top: -419px; left: -78px; }
#info_3 img.overlay   { top: -419px; left: -27px; }
#info_4 img.overlay   { top: -419px; left: 24px; }
#info_5 img.overlay   { top: -419px; left: 75px; }
#info_6 img.overlay   { top: -419px; left: 126px;}
#info_7 img.overlay   { top: -419px; left: 233px;}
#info_8 img.overlay   { top: -419px; left: 386px; }
#info_9 img.overlay   { top: -419px; left: 488px; }
#info_10 img.overlay  { top: -419px; left: 182px; }
#info_11 img.overlay  { top: -383px; left: 545px; }
#info_12 img.overlay  { top: -332px; left: 545px; }
#info_13 img.overlay  { top: -332px; left: 545px; }
#info_14 img.overlay  { top: -281px; left: 545px; }
#info_15 img.overlay  { top: -281px; left: 545px; }
#info_16 img.overlay  { top: -230px; left: 545px; }
#info_17 img.overlay  { top: -230px; left: 545px; }
#info_18 img.overlay  { top: -180px; left: 488px; }
#info_19 img.overlay  { top: -180px; left: 545px; }
#info_20 img.overlay  { top: -283px; left: 181px;}
#info_21 img.overlay  { top: -419px; left: 182px;}
#info_22 img.overlay  { top: -180px; left: 284px;}
#info_23 img.overlay  { top: -368px; left: -129px;}
#info_24 img.overlay  { top: -180px; left: -26px;}
#info_25 img.overlay  { top: -180px; left: -128px;}
#info_26 img.overlay  { top: -129px; left: -183px;}
#info_27 img.overlay  { top: -180px; left: -129px;}
#info_28 img.overlay  { top: -281px; left: -184px;}
#info_29 img.overlay  { top: -263px; left: -240px;}
#info_30 img.overlay  { top: -307px; left: -240px;}
#info_31 img.overlay  { top: -350px; left: -240px;}
#info_32 img.overlay  { top: -393px; left: -240px;}

#info_1 img.mod  { top: -263px; left: -283px; }
#info_2 img.mod  { top: -263px; left: -283px; }
#info_3 img.mod  { top: -263px; left: -283px; }
#info_4 img.mod  { top: -263px; left: -283px; }
#info_5 img.mod  { top: -263px; left: -283px; }
#info_10 img.mod { top: px; left: px; }
#info_14 img.mod { top: px; left: px; }
#info_29 img.mod { top: px; left: px; }
#info_30 img.mod { top: px; left: px; }
#info_31 img.mod { top: px; left: px; }
#info_32 img.mod { top: px; left: px; }


.keyboard_info p {
  max-width: 550px;
}

span.info_node {
  display: block;
  height: 18px;
  width: 16px;
  font-size: 10px;
  font-weight: normal;
  padding: 6px 6px 0 4px;
  background: transparent url(../img/tm-tag-red.png) no-repeat center center scroll;
  color: #fff;
  text-shadow: 0 -1px 0 #821212;
  cursor: pointer;
  position: absolute;
  z-index: 50;
}

span.info_node.current {
  background: transparent url(../img/tm-tag-green.png) no-repeat center center scroll;
}


#node_1.info_node  { top: -10px; left: 150px;}
#node_2.info_node  { top: -10px; left: 204px;}
#node_3.info_node  { top: -10px; left: 255px;}
#node_4.info_node  { top: -10px; left: 306px;}
#node_5.info_node  { top: -10px; left: 358px;}
#node_6.info_node  { top:  43px; left: 398px;}
#node_7.info_node  { top: -10px; left: 512px;}
#node_8.info_node  { top: -10px; left: 665px;}
#node_9.info_node  { top: -10px; left: 767px;}
#node_10.info_node { top: -10px; left: 868px;}
#node_11.info_node { top:  38px; left: 868px;}
#node_12.info_node { top:  88px; left: 868px;}
#node_13.info_node { top: 115px; left: 868px;}
#node_14.info_node { top: 140px; left: 868px;}
#node_15.info_node { top: 165px; left: 868px;}
#node_16.info_node { top: 190px; left: 868px;}
#node_17.info_node { top: 217px; left: 868px;}
#node_18.info_node { top: 280px; left: 782px;}
#node_19.info_node { top: 280px; left: 868px;}
#node_20.info_node { top: 241px; left: 600px;}
#node_21.info_node { top: 205px; left: 679px;}
#node_22.info_node { top: 241px; left: 550px;}
#node_23.info_node { top: 231px; left: 422px;}
#node_24.info_node { top: 230px; left: 252px;}
#node_25.info_node { top: 285px; left: 215px;}
#node_26.info_node { top: 279px; left:  94px;}
#node_27.info_node { top: 255px; left: 215px;}
#node_28.info_node { top: 180px; left: 112px;}
#node_29.info_node { top: 158px; left:   8px;}
#node_30.info_node { top: 115px; left:   8px;}
#node_31.info_node { top:  71px; left:   8px;}
#node_32.info_node { top:  29px; left:   8px;}


/* REVS TYPEMATRIX SUPPORT PAGE */

#info_wrap.product_box {
  background: #fff;
  padding: 0;
  max-height: 700px;
  position: relative;
  margin: 0;

}

#node_info_nav {
  width: 210px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid rgb(236,236,236);
  border-right: 1px solid rgb(207,207,207);
  list-style: none;
  height: 100%;
  overflow: auto;
  scrollbar-track-color: rgb(227,227,227);
  float: left;
  max-height: 699px;
  position: relative;
  margin: 0;
     -webkit-border-top-left-radius: 4px;
       -khtml-border-radius-topleft: 4px;
         -moz-border-radius-topleft: 4px;
             border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
    -khtml-border-radius-bottomleft: 4px;
      -moz-border-radius-bottomleft: 4px;
          border-bottom-left-radius: 4px;
 
}


#node_info_nav li.infolist_item { 
  padding: 5px 5px 5px 40px;
  position: relative;
  background: transparent;
  font-weight: normal;
  text-indent: 0;
  font-size: 13px;
  font-weight: bold;
}


#node_info_nav li span {
  position: absolute;
  top: 5px;
  left: 10px;
  text-align: center;
  padding: 0 6px 3px 4px;
}

#node_info_nav #infolist_1,
#node_info_nav #infolist_3,
#node_info_nav #infolist_5,
#node_info_nav #infolist_7,
#node_info_nav #infolist_9,
#node_info_nav #infolist_11,
#node_info_nav #infolist_13,
#node_info_nav #infolist_15,
#node_info_nav #infolist_17,
#node_info_nav #infolist_19,
#node_info_nav #infolist_21,
#node_info_nav #infolist_23,
#node_info_nav #infolist_25,
#node_info_nav #infolist_27,
#node_info_nav #infolist_29,
#node_info_nav #infolist_31 { background: rgb(232,232,232); }



/* Dvorak support page */
.video_embed {
  width: 560px;
  margin: 0 auto 19px;
  padding: 20px 20px 0;
  background: #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.video_embed iframe {
  display: block;
  margin: 0 auto 10px;
}

.video_embed p {
  padding-bottom: 8px;
  font-style: italic;
  font-size: 11px;
}

.video_embed a {
  font-style: italic;
}

.dvorak_support_img {
  margin-bottom: 19px;
}

#dvorak_support_headline {
  display: block;
  width: 411px;
  height: 38px;
  margin-bottom: 19px;
  background: transparent url('../img/tmx-dvorak_header.png') no-repeat center scroll;
  text-indent: -9999em;
}

.guide-list li {
  font-weight: normal !important;
}