/*
	AJA Video Systems
	Jamie Farmer | www.the-bridge.co.uk | February 2009
	(c) The Bridge
*/


/* -- Basic styles -- */

body {
	background: url(../../images/main_bg.gif) top center repeat-x #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

a, a:hover, a:visited, a:active {
	color: #4893bd;
	text-decoration: none;
}

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

a span {
	display: none;
}

a.featurelink {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/link_arrow.gif) 5px 5px no-repeat;
}

a.pdflink {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/link_pdf.gif) 0px 4px no-repeat;
}

a.ziplink {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/compress.png) 0px 4px no-repeat;
}

a.powerpointlink {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/powerpoint.png) 0px 4px no-repeat;
}

a.htmllink {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/html.png) 0px 4px no-repeat;
}

a.videolink {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/film.png) 0px 4px no-repeat;
}

a.pdflinkedit {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/link_pdf_edit.gif) 0px 4px no-repeat;
}

a.pdflinkgeneric {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/link_pdf_generic.gif) 0px 4px no-repeat;
}

a.pdflinkconverter {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/link_pdf_converter.gif) 0px 4px no-repeat;
}

a img {
border: none;
}

.featurelink {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/link_arrow.gif) 5px 5px no-repeat;
}

/*a.relatedlinks {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../../images/related_links_arrow.gif) right 5px 5px no-repeat;
}*/

b {
	/*color: #1d75f2;*/
}

p {
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

p.lead {
	font-size: 120%;
	line-height: 150%;
	padding: 0px 100px 10px 15px;
}

p.note {
	font-size: 0.9em;
	color: #999;
	margin: 0px 0px 0.3em 0px;
}

p.error {
	border: 1px solid #aa0000;
	background: #ffdddd;
	color: #666;
	font-weight: bold;
	padding: 5px 8px 5px 8px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

hr {
	display: none;
}

hr.show {
	display: block;
	clear: both;
	height: 1px;
	margin: 15px 0px 15px 0px;
	border-top: 1px dotted #a0a0a0;
	border-bottom: 0px none;
	border-left: 0px none;
	border-right: 0px none;
}

div.clear {
	display: block;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

img {
	margin: 0px;
}

img.right, img[aligh=right] {
	margin: 0px 0px 10px 15px;
}

img.left, img[aligh=left] {
	margin: 0px 15px 10px 0px;
}

img.videothumbnail {
	float: left;
	padding: 0px 10px 0px 0px;
}

table {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

tr {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

td, th {
	padding: 2px 5px 2px 5px;
	vertical-align: top;
}

td.tdsmallpad {
	padding: 2px 5px 2px 0px;
	vertical-align: top;
}

tr.colour1 {
	background-color: #858585;
}

tr.colour2 {
	background-color: #6f6f6f;
}

table.product_software td {
	padding: 10px;
}

table.kona_overview td {
	padding: 0px 20px 15px 0px;
}

.reqFieldLabel, .form_required { /* used for required fields in forms */
	color: red;
}

.bodyhdr { /* used for labels on More Info form */
 color: #4893bd;
}

/* -- Header -- */

#header {
	height: 99px;
	position: relative;
}

#header #logo {
	display: block;
	width: 163px;
	height: 50px;
	position: absolute;
	top: 24px;
	left: 34px;
	background: url(../../images/aja_logo.gif) top left no-repeat;
}

#header #logo a {
	display: block;
	width: 163px;
	height: 50px;
}

#header #strapline {
	display: block;
	width: 209px;
	height: 17px;
	position: absolute;
	top: 57px;
	right: 38px;
	text-indent: -5000px;
	background: url(../../images/because_it_matters.gif) top left no-repeat;
}


/* -- Main containers -- */

#container {
	width: 780px;
	padding: 0px 0px 20px 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	position: relative;
}

#containerinner {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


/* -- Main Nav -- */

#nav {
	height: 35px;
	background: url(../../images/nav_bg.gif) top left no-repeat transparent;
	padding: 0px;
	margin: 0px;
}

#navinner {
	padding: 0px 0px 0px 2px;
}

#nav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 9999;
}

#nav ul li {
	float: left;
	height: 28px;
	position: relative;
	margin: 0px;
	list-style-type: none;
	z-index: 9999;
}

#nav ul li a {
	display: block;
	height: 26px;
	background-position: top left;
	background-repeat: no-repeat;
}

#nav ul #navhome {
	width: 111px;
}

#nav ul #navhome a {
	width: 111px;
	background-image: url(../../images/nav_home.gif);
}

#nav ul #navhome a:hover, #nav ul #navhome.selected a {
	background-image: url(../../images/nav_home_on.gif);
}

#nav ul #navnews {
	width: 109px;
}

#nav ul #navnews a {
	width: 109px;
	background-image: url(../../images/nav_news.gif);
}

#nav ul #navnews a:hover, #nav ul #navnews.selected a {
	background-image: url(../../images/nav_news_on.gif);
}

#nav ul #navproducts {
	width: 137px;
}

#nav ul #navproducts a {
	width: 137px;
	background-image: url(../../images/nav_products.gif);
}

#nav ul #navproducts a:hover, #nav ul #navproducts.selected a {
	background-image: url(../../images/nav_products_on.gif);
	z-index: 1000;
}

#nav ul #navsupport {
	width: 128px;
}

#nav ul #navsupport a {
	width: 128px;
	background-image: url(../../images/nav_support.gif);
}

#nav ul #navsupport a:hover, #nav ul #navsupport.selected a {
	background-image: url(../../images/nav_support_on.gif);
}

#nav ul #navwheretobuy {
	width: 162px;
}

#nav ul #navwheretobuy a {
	width: 162px;
	background-image: url(../../images/nav_wheretobuy.gif);
}

#nav ul #navwheretobuy a:hover, #nav ul #navwheretobuy.selected a {
	background-image: url(../../images/nav_wheretobuy_on.gif);
}

#nav ul #navcompany {
	width: 129px;
}

#nav ul #navcompany a {
	width: 129px;
	background-image: url(../../images/nav_company.gif);
}

#nav ul #navcompany a:hover, #nav ul #navcompany.selected a {
	background-image: url(../../images/nav_company_on.gif);
}


/* -- Main Nav Dropdowns Products -- */

#nav ul #navproducts ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 137px;
	background: url(../../images/nav_products_on.jpg) top left no-repeat #1b1b1c;
	visibility: hidden;
	/*display: none;*/
	padding: 26px 0px 8px 0px;
	margin: 0px;
	z-index: 9999;
	border-bottom: 1px solid #666666;
}

#nav ul #navproducts ul li {
	background-image: none !important;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#nav ul #navproducts ul li.header {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	text-align: left;
	background: #000;
	color: #fff;
	width: 137px;
	text-transform: uppercase;
}

#nav ul #navproducts ul li.header span {
	display: block;
	padding: 3px 0px 3px 27px;
	background: url(../../images/nav_arrow.gif) 12px 5px no-repeat;
	text-transform: uppercase;
}

#nav ul #navproducts ul li a {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #ddd;
	background: none !important;
	height: auto;
}

#nav ul #navproducts ul li a span {
	display: block;
	padding: 4px 10px 4px 29px;
}

/*#nav ul #navproducts ul li li.sfhover a:hover {
	color: #4893bd;
	background-image: none;
	background-color: #fff !important;
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
}*/

#nav ul #navproducts ul li.mac a, #nav ul #navproducts ul li.mac a:hover {
	background-image: url(../../images/nav_mac.gif) !important;
	background-position: 15px 2px !important;
	background-repeat: no-repeat !important;
}

#nav ul #navproducts ul li.windows a, #nav ul #navproducts ul li.windows a:hover {
	background-image: url(../../images/nav_windows.gif) !important;
	background-position: 13px 2px !important;
	background-repeat: no-repeat !important;
}

#nav ul #navproducts ul li.macwindows a, #nav ul #navproducts ul li.macwindows a:hover {
	background-image: url(../../images/nav_mac_windows.gif) !important;
	background-position: 13px 2px !important;
	background-repeat: no-repeat !important;
}

#nav ul #navproducts:hover ul, #nav ul #navproducts a:hover ul {
	visibility: visible;
}

/*Fix for IE5 - 6 to enable dropdown menu to work.
  JavaScript code added to Head as well (head.php)
*/
#nav ul #navproducts.over ul, #nav ul #navproducts a.over ul { 
	visibility: visible;
}

/* -- Main Nav Dropdowns Support -- */

#nav ul #navsupport ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 128px;
	background: url(../../images/nav_support_on.jpg) top left no-repeat #1b1b1c;
	visibility: hidden;
	/*display: none;*/
	padding: 26px 0px 8px 0px;
	margin: 0px;
	z-index: 9999;
	border-bottom: 1px solid #666666;
}

#nav ul #navsupport ul li {
	background-image: none !important;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#nav ul #navsupport ul li.header {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	text-align: left;
	background: #000;
	color: #fff;
	width: 128px;
	text-transform: uppercase;
}

#nav ul #navsupport ul li.header span {
	display: block;
	padding: 3px 5px 3px 27px;
	background: url(../../images/nav_arrow.gif) 12px 5px no-repeat;
	text-transform: uppercase;
}

#nav ul #navsupport ul li a {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #ddd;
	background: none !important;
	height: auto;
}

#nav ul #navsupport ul li a span {
	display: block;
	padding: 4px 10px 4px 29px;
}

/*#nav ul #navproducts ul li li.sfhover a:hover {
	color: #4893bd;
	background-image: none;
	background-color: #fff !important;
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
}*/

#nav ul #navsupport:hover ul, #nav ul #navsupport a:hover ul {
	visibility: visible;
}

/*Fix for IE5 - 6 to enable dropdown menu to work.
  JavaScript code added to Head as well (head.php)
*/
#nav ul #navsupport.over ul, #nav ul #navsupport a.over ul { 
	visibility: visible;
}

/* -- Main Nav Dropdowns Company -- */

#nav ul #navcompany ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 129px;
	background: url(../../images/nav_company_on.jpg) top left no-repeat #1b1b1c;
	visibility: hidden;
	/*display: none;*/
	padding: 26px 0px 8px 0px;
	margin: 0px;
	z-index: 9999;
	border-bottom: 1px solid #666666;
}

#nav ul #navcompany ul li {
	background-image: none !important;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#nav ul #navcompany ul li.header {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	text-align: left;
	background: #000;
	color: #fff;
	width: 129px;
	text-transform: uppercase;
}

#nav ul #navcompany ul li.header span {
	display: block;
	padding: 3px 10px 3px 27px;
	background: url(../../images/nav_arrow.gif) 12px 5px no-repeat;
	text-transform: uppercase;
}

#nav ul #navcompany ul li a {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #ddd;
	background: none !important;
	height: auto;
}

#nav ul #navcompany ul li a span {
	display: block;
	padding: 4px 10px 4px 29px;
}

/*#nav ul #navproducts ul li li.sfhover a:hover {
	color: #4893bd;
	background-image: none;
	background-color: #fff !important;
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
}*/

#nav ul #navcompany:hover ul, #nav ul #navcompany a:hover ul {
	visibility: visible;
}

/*Fix for IE5 - 6 to enable dropdown menu to work.
  JavaScript code added to Head as well (head.php)
*/
#nav ul #navcompany.over ul, #nav ul #navcompany a.over ul { 
	visibility: visible;
}


/* -- Main Nav Dropdowns News -- */

#nav ul #navnews ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 109px;
	background: url(../../images/nav_news_on.jpg) top left no-repeat #1b1b1c;
	visibility: hidden;
	/*display: none;*/
	padding: 26px 0px 0px 0px;
	margin: 0px;
	z-index: 9999;
	border-bottom: 1px solid #666666;
}

#nav ul #navnews ul li {
	background-image: none !important;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#nav ul #navnews ul li.header {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	text-align: left;
	background: #000;
	color: #fff;
	width: 109px;
	text-transform: uppercase;
}

#nav ul #navnews ul li.header span {
	display: block;
	padding: 3px 0px 3px 27px;
	background: url(../../images/nav_arrow.gif) 12px 5px no-repeat;
	text-transform: uppercase;
}

#nav ul #navnews ul li a {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #ddd;
	background: none !important;
	height: auto;
}

#nav ul #navnews ul li a span {
	display: block;
	padding: 4px 10px 4px 29px;
}

/*#nav ul #navproducts ul li li.sfhover a:hover {
	color: #4893bd;
	background-image: none;
	background-color: #fff !important;
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
}*/

#nav ul #navnews:hover ul, #nav ul #navnews a:hover ul {
	visibility: visible;
}

/*Fix for IE5 - 6 to enable dropdown menu to work.
  JavaScript code added to Head as well (head.php)
*/
#nav ul #navnews.over ul, #nav ul #navnews a.over ul { 
	visibility: visible;
}


/* -- Sub Nav -- */

#subnav {
	height: 35px;
	background: url(../../images/subnav_bg.gif) top left no-repeat transparent;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	z-index: 900;
}

#subnavinner {
	padding: 5px 0px 0px 5px;
}

#subnav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 90;
}

#subnav ul li {
	float: left;
	width: 154px;
	height: 25px;
	position: relative;
	margin: 0px;
	list-style-type: none;
}

#subnav ul li a {
	display: block;
	width: 154px;
	height: 25px;
	color: #ddd;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

#subnav ul li a:hover, #subnav ul li.selected a {
	background: url(../../images/subnav_on.gif) top left no-repeat transparent;
	color: #fff;
	text-decoration: none;
}

#subnav ul li a span {
	display: block;
	padding: 6px 0px 0px 0px;
}

/** Dark Subnav **/

#dark-subnav {
	height: 35px;
	background-image: url(../../images/subnav_bg.gif);
	padding: 0px;
	margin: 0px  0px 3px 0px;
	z-index: 900;
}

#dark-subnav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 90;
}

#dark-subnav ul li {
	float: left;
	width: 154px;
	height: 25px;
	position: relative;
	margin: 0px;
	list-style-type: none;
}

#dark-subnav ul li a {
	display: block;
	width: 154px;
	height: 25px;
	color: #ddd;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

#dark-subnav ul li a:hover, #dark-subnav ul li.selected a {
	background: url(../../images/subnav_on.gif) top left no-repeat;
	color: #fff;
	text-decoration: none;
}

#dark-subnav ul li a span {
	display: block;
	padding: 6px 0px 0px 0px;
}

/** 3rd level subnav **/
#subnav-level3 {
	height: 35px;
	background: url(../../images/subnav_bg.gif) top left no-repeat transparent;
	padding: 0px;
	margin: 0px;
	z-index: 900;
}

#subnav-level3 ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 90;
}

#subnav-level3 ul li {
	float: left;
	width: 110px;
	height: 25px;
	position: relative;
	margin: 0px;
	list-style-type: none;
}

#subnav-level3 ul li a {
	display: block;
	width: 110px;
	height: 25px;
	color: #ddd;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

#subnav-level3 ul li a:hover, #subnav-level3 ul li.selected a {
	background: url(../../images/subnav3_on.gif) top left no-repeat transparent;
	color: #fff;
	text-decoration: none;
}

#subnav-level3 ul li a span {
	display: block;
	padding: 6px 0px 0px 0px;
}

/** Productlevel subnav **/
#subnav-products {
	height: 35px;
	background: url(../../images/subnav_bg.gif) top left no-repeat transparent;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	z-index: 900;
}

#subnav-products #subnavinner {
	padding: 5px 0px 0px 5px;
}

#subnav-products ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 90;
}

#subnav-products ul li {
	float: left;
	width: 154px;
	height: 25px;
	position: relative;
	margin: 0px;
	list-style-type: none;
}

#subnav-products ul li a {
	display: block;
	width: 154px;
	height: 25px;
	color: #ddd;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
}

#subnav-products ul li a:hover, #subnav-products ul li.selected a {
	background: url(../../images/subnav_on.gif) top left no-repeat transparent;
	color: #fff;
	text-decoration: none;
}

#subnav-products ul li a span {
	display: block;
	padding: 6px 0px 0px 0px;
}

/* -- Third Nav -- */

#thirdnav {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #4893bd;
}

#thirdnav a.selected {
	font-weight: bold;
	color: #fff;
}


/* -- Headings -- */

h2 { /* Section heading in box (background specified in context containers) */
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 5px 15px 10px 15px;
	margin: 0px;
}

h3 {
	color: #fff;
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	text-transform: none;
}

h3.indent {
	padding: 0px 15px 0px 15px;
}

h3 a {
	color: #fff;
	text-decoration: none;
}

h4 {
	color: #4893bd;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 0px 0px 0.3em 0px;
}

h4 a {
	color: #4893bd;
	text-decoration: none;
}

span.blue {
	color: #4893bd; /* Used for MDF Forms */
}

/* -- Feature Panel -- */

#feature {
	clear: both;
	height: 241px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


/* -- Full Width Plain Panel -- */

div.fullpanel {
	margin: 5px 0px 5px 0px;
	padding: 11px 0px 0px 0px;
	background: url(../../images/fullpanel_top.gif) top left no-repeat;
}

div.fullpanelmid {
	margin: 0px;
	padding: 0px 0px 11px 0px;
	background: url(../../images/fullpanel_bottom.gif) bottom left no-repeat;
}

div.fullpanelinner {
	margin: 0px;
	padding: 0px;
	background: #2f2f31;
}

div.fullpanelcontent {
	margin: 0px;
	padding: 10px 15px 15px 15px;
	background: #2f2f31;
}


div.fullpanelinner2 {
	margin: 0px;
	padding: 15px;
	background: #2f2f31;
}

div.fullpanel h2 {
	background: url(../../images/fullpanel_h2_bg.gif) top left no-repeat;
}

/* -- Support Panel -- */

div.supportpanel {
	margin: 5px 0px 5px 0px;
	padding: 11px 0px 0px 0px;
	background: url(../../images/support_top_panel3.gif) top left no-repeat;
}

div.supportpanelmid {
	margin: 0px;
	padding: 0px 0px 11px 0px;
	background: url(../../images/support_bottom_panel.gif) bottom left no-repeat;
}

div.supportpanelinner {
	padding: 0px;
	margin: 0px;
}

div.supportpanelcontent {
	margin: 10px 15px 15px 15px;
	padding: 0px;
}

div.supportpanel h2 {
	background: url(../../images/fullpanel_h2_bg.gif) top left no-repeat;
}

p.supportstrap {
	position: absolute;
	top: 91px;
	left: 480px;
}

div.supportproductpanel {
	float: left;
	width: 145px;
	padding: 0px;
	margin: 5px 13px 5px 0px;
	color: #fff;
}

div.supportproductpanel.last {
	width: 145px;
	margin: 5px 0px 0px 0px; !important;
}

div.supportproductpanelbody {
	background: top left no-repeat;
	padding: 3px 0px 0px 0px;
	margin: 0px;
}

div.supportproductpanel.kona div.supportproductpanelbody {
	background-image: url(../../images/support_panel_kona2.gif);
	height: 212px;
}

div.supportproductpanel.io div.supportproductpanelbody {
	background-image: url(../../images/support_panel_io.gif);
	height: 212px;
}

div.supportproductpanel.xena div.supportproductpanelbody {
	background-image: url(../../images/support_panel_xena.gif);
	height: 212px;
}

div.supportproductpanel.converters div.supportproductpanelbody {
	background-image: url(../../images/support_panel_converters.gif);
	height: 212px;
}

div.supportproductpanel.legacy div.supportproductpanelbody {
	background-image: url(../../images/support_panel_legacy.gif);
	height: 212px;
}

div.supportproductpanel.kipro div.supportproductpanelbody {
	background-image: url(../../images/support_panel_kipro.gif);
	height: 212px;
}

div.supportproductpanelbodyinner {
	padding: 100px 20px 15px 10px;
	margin: 0px;	
}

div.notoppad {
	padding-top: 0px !important;
}

div.supportproductpanelfoot {
	background: top left no-repeat;
	padding: 15px 15px 0px 15px;
	margin: 0px;
	color: #fff;
}

div.supportproductpanel a {
	display: block;
	color: #fff;
	background: url(../../images/support_arrow2.gif) right 2px no-repeat;
	padding: 0px 0px 0px 0px;
}

div.supportproductpanel h2 {
	background: 0px 0px no-repeat;
	text-align: center;
}

div.supportproductpanel h2 {
	background-image: url(../../images/support_product_h2.gif); !important;
}

div.supportproductpanel a, div.supportproductpanel b {
	color: #fff;
}


/* -- Two Thirds Width Plain Panel -- */

div.twothirdpanel {
	width: 524px;
	float: left;
	margin: 5px 0px 5px 0px;
	padding: 11px 0px 0px 0px;
	background: url(../../images/twothirdpanel_top.gif) top left no-repeat;
}

div.twothirdpanelmid {
	margin: 0px;
	padding: 0px 6px 11px 0px;
	background: url(../../images/twothirdpanel_bottom.gif) bottom left no-repeat;
}

div.twothirdpanelinner {
	margin: 0px;
	padding: 0px;
	background: #2f2f31;
}

div.twothirdpanel h2 {
	background: url(../../images/twothirdpanel_h2_bg.gif) top left no-repeat;
}


/* -- Plain Panel Third-wide Column -- */

div.thirdcols {
	background: url(../../images/thirdcol_divider.gif) top left repeat-y;
}

div.panelthird {
	float: left;
	width: 259px;
	margin: 0px;
	padding: 0px;
}

div.panelthirdinner {
	padding: 15px;
}

div.panelthird p {
	font-size: 0.9em;
	margin: 0px;
}


/* -- Plain Panel Two-thirds-wide Column -- */

div.twothirdcol {
	background: url(../../images/twothirdcol_divider.gif) top left repeat-y;
}

div.paneltwothird {
	float: left;
	width: 518px;
	margin: 0px;
	padding: 0px;
	background-color: #2F2F31;
}

div.paneltwothirdinner {
	padding: 15px;
}


/* -- Home Panel -- */

#homepanel {
	margin: 0px 0px 5px 0px;
	padding: 9px 0px 0px 0px;
	background: url(../../images/homepanel_top.gif) top left no-repeat;
}

#homepanelmid {
	margin: 0px;
	padding: 0px 0px 9px 0px;
	background: url(../../images/homepanel_bottom.gif) bottom left no-repeat;
}

#homepanelinner {
	margin: 0px;
	padding: 0px;
}

#homepanel h2 {
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 15px 15px 15px;
	margin: 0px;
}

#homepanelcontent {
	background: #010002;
	margin: 0px;
	padding: 0px;
	z-index: 1000;
}

#homepanelcontent ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#homepanelcontent ul li {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(../../images/list_arrow.gif) 5px 2px no-repeat;
}

#homepanelcontent ul li.mac {
	background: url(../../images/list_mac.gif) 2px 0px no-repeat;
}

#homepanelcontent ul li.windows {
	background: url(../../images/list_windows.gif) 0px 0px no-repeat;
}

#homepanelcontent ul li a {
	color: #fff;
}


/* -- Related Info Panels -- */

div.relatedpanel {
	float: left;
	width: 262px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	color: #fff;
}

div.relatedpanel.last {
	width: 256px;
	float: right;
}

div.relatedpanel.prodlist {
	width: 256px;
	float: right;
}

div.relatedpanelbody {
	background: top left no-repeat;
	padding: 11px 0px 0px 0px;
	margin: 0px;
}

div.relatedpanel.acquire div.relatedpanelbody {
	background-image: url(../../images/related_top_acquire.gif);
}

div.relatedpanel.edit div.relatedpanelbody {
	background-image: url(../../images/related_top_edit_long.gif);
}

div.relatedpanel.convert div.relatedpanelbody {
	background-image: url(../../images/related_top_convert2.gif);
}

div.relatedpanel.generic div.relatedpanelbody {
	background-image: url(../../images/related_top_generic.gif);
}

div.relatedpanel.links div.relatedpanelbody {
	background-image: url(../../images/related_top_links2.gif);
}

div.relatedpanel.buttons div.relatedpanelbody {
	background-image: url(../../images/related_top_links2.gif);
}

div.relatedpanelbodyinner {
	padding: 10px 15px 15px 15px;
	margin: 0px;
}

div.notoppad {
	padding-top: 0px !important;
}

div.relatedpanelfoot {
	height: 46px;
	background: top left no-repeat;
	padding: 15px 15px 0px 15px;
	margin: 0px;
	color: #fff;
}

div.relatedpanelfoot a {
	display: block;
	color: #fff;
	background: url(../../images/related_arrow.gif) right 2px no-repeat;
}

div.relatedpanel.acquire div.relatedpanelfoot {
	background-image: url(../../images/related_bottom_acquire.gif);
}

div.relatedpanel.edit div.relatedpanelfoot {
	background-image: url(../../images/related_bottom_edit.gif);
}

div.relatedpanel.convert div.relatedpanelfoot {
	background-image: url(../../images/related_bottom_convert.gif);
}

div.relatedpanel.generic div.relatedpanelfoot {
	background-image: url(../../images/related_bottom_generic.gif);
}

div.relatedpanel.links div.relatedpanelfoot {
	background-image: url(../../images/related_bottom_links.gif);
	height: 8px;
}

div.relatedpanel.buttons div.relatedpanelfoot {
	background-image: url(../../images/related_bottom_links.gif);
	height: 8px;
}

div.relatedpanel h2 {
	background: 7px 0px no-repeat;
}

div.relatedpanel.acquire h2 {
	background-image: url(../../images/related_h2_acquire.gif);
}

div.relatedpanel.edit h2 {
	background-image: url(../../images/related_h2_edit.gif);
}

div.relatedpanel.convert h2 {
	background-image: url(../../images/related_h2_convert.gif);
}

div.relatedpanel.generic h2 {
	background-image: url(../../images/related_h2_generic.gif);
}

div.relatedpanel.links h2 {
	background-image: url(../../images/related_h2_links.gif);
}

div.relatedpanel.buttons h2 {
	background-image: url(../../images/related_h2_links.gif);
}

div.relatedpanel.links a {
	display: block;
	color: #fff;
	background: url(../../images/related_links_arrow.gif) right 2px no-repeat;
}

div.relatedpanel.buttons a {
	display: block;
	color: #fff;
}

div.relatedpanel a, div.relatedpanel b {
	color: #fff;
}

.panellink a {
	color: #fff;
	text-decoration: underline;
}


/* -- Extras Panel (Awards) -- */

#extraspanel {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background: url(../../images/extraspanel_top.gif) top left no-repeat #fff;
	color: #000;
}

#extraspanelinner {
	padding: 5px 15px 0px 15px;
	margin: 0px;
	background: url(../../images/extraspanel_bottom.gif) bottom left no-repeat;
}

#extraspanelsmall {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background: url(../../images/extraspanel_top_small.gif) top left no-repeat #fff;
	color: #000;
}

#extraspanelinnersmall {
	padding: 5px 15px 0px 15px;
	margin: 0px;
	background: url(../../images/extraspanel_bottom_small.gif) bottom left no-repeat;
}

#extraspanelsmall table {
	border: 0px none;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	background: #fff;
}

#extraspanel table {
	border: 0px none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	background: #fff;
}

#extraspanelsmall table td {
	padding: 5px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	color: #666;
	font-size: 0.9em;
}

#extraspanel table td {
	padding: 10px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	color: #666;
	font-size: 0.9em;
}

#extraspanelsmall table td img {
	margin: 0px;
	border: 0px none;
}

#extraspanel table td img {
	margin: 0px;
	border: 0px none;
}

/* Awards section on Ki Pro page */
#extraspanelsmallkipro {
	width:216px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background: url(../../images/extraspanel_top_smallkipro.gif) top left no-repeat #fff;
}

#extraspanelinnersmallkipro {
	padding: 5px 15px 5px 15px;
	margin: 0px;
	background: url(../../images/extraspanel_bottom_smallkipro.gif) bottom left no-repeat;
}

#extraspanelsmallkipro table {
	border: 0px none;
	margin: 5px 10px 0px 10px;
	padding: 0px;
	background: #fff;
}

#extraspanelsmallkipro table td {
	padding: 5px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	color: #666;
	font-size: 0.9em;
}

#extraspanelsmallkipro table td img {
	margin: 0px;
	border: 0px none;
}


/* -- Extras Panel (Product Extras) -- */

#prodextraspanel {
	width: 488px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	background: url(../../images/extraspanel_top.gif) top left no-repeat #fff;
	color: #000;
}

#prodextraspanelinner {
	padding: 15px;
	margin: 0px;
	background: url(../../images/extraspanel_bottom.gif) bottom left no-repeat;
}

#prodextraspanel table {
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #fff;
}

#prodextraspanel table td {
	padding: 0px 20px 0px 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
	color: #666;
	font-size: 0.9em;
}

#prodextraspanel table td img {
	margin: 0px;
	padding: 5px;
	border: 0px none;
}

/* -- Product Extra Images Panel -- */

#prodextraspanel_images {
	width: 715px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	background: url(../../images/product_images_panel_top.gif) top left no-repeat #fff;
	color: #000;
}

#prodextraspanelinner_images {
	padding: 15px;
	margin: 0px;
	background: url(../../images/product_images_panel_bottom.gif) bottom left no-repeat;
}

#prodextraspanel_images table {
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #fff;
}

#prodextraspanel_images table td {
	padding: 0px 20px 0px 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
	color: #666;
	font-size: 0.9em;
}

#prodextraspanel_images table td img {
	margin: 0px;
	padding: 5px;
	border: 0px none;
}



/* -- Article Listings -- */

div.newsimage {
	float: left;
	width: 90px;
	height: 55px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

div.newsarticle {
	float: left;
	width: 398px;
	margin: 0px;
	padding: 0px;
}


/* -- Product Overview Page -- */

div.overviewleft {
	float: left;
	width: 232px;
	padding: 0px;
	margin: 0px 18px 20px 0px;
	
}

div.overviewleft a {
	text-decoration: none;
	color: #FFFFFF;
}

div.pressimagesinner {
	background-color: #000000;
	padding: 5px 0px 0px 10px;
}

div.pressimagesfooter {
	background: url(../../images/pressimages-footer.gif) top left no-repeat;
	height: 10px;
	margin: 0px 0px 0px 0px;
}

div.overviewkona {
	background: url(../../images/overview-konaBLK.gif) top left no-repeat;
	height: 267px;
}

div.pressimageskona {
	background: url(../../images/pressimages-kona-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewkona p {
	padding: 140px 10px 0px 10px;
}

div.pressimageskona table {
	padding: 130px 10px 0px 30px;
}

div.overviewio {
	background: url(../../images/overview-ioBLK.gif) top left no-repeat;
	height: 267px;
}

div.pressimagesio {
	background: url(../../images/pressimages-io-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewio p {
	padding: 140px 10px 0px 10px;
}

div.overviewxena {
	background: url(../../images/overview-xenaBLK.gif) top left no-repeat;
	height: 267px;
}

div.pressimagesxena {
	background: url(../../images/pressimages-xena-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewxena p {
	padding: 140px 10px 0px 10px;
}

div.overviewkipro {
	background: url(../../images/overview-kipro.gif) top left no-repeat;
	height: 267px;
}

div.pressimageskipro {
	background: url(../../images/pressimages-kipro-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewkipro p {
	padding: 140px 10px 0px 10px;
}

div.pressimageskipro table {
	padding: 130px 10px 0px 30px;
}

div.overviewfs1 {
	background: url(../../images/overview-fs1.gif) top left no-repeat;
	height: 267px;
}

div.pressimagesfs1 {
	background: url(../../images/pressimages-fs1-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewfs1 p {
	padding: 140px 10px 0px 10px;
}

div.overviewstandalone {
	background: url(../../images/overview-standalone.gif) top left no-repeat;
	height: 267px;
}

div.pressimagesstandalone {
	background: url(../../images/pressimages-standalone-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewstandalone p {
	padding: 140px 10px 0px 10px;
}

div.overviewrackmount {
	background: url(../../images/overview-rackmount.gif) top left no-repeat;
	height: 267px;
}

div.pressimagesrackmount {
	background: url(../../images/pressimages-rackmount-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewrackmount p {
	padding: 140px 10px 0px 10px;
}

div.overviewkumo {
	background: url(../../images/overview-kumo.gif) top left no-repeat;
	height: 267px;
}

div.overviewkumo p {
	padding: 140px 10px 0px 10px;
}

div.pressimagesaja {
	background: url(../../images/pressimages-aja-top.gif) top left no-repeat;
	height: 125px;
}

div.pressimageskumo {
	background: url(../../images/pressimages-kumo-top.gif) top left no-repeat;
	height: 125px;
}

div.pressimageskbox {
	background: url(../../images/pressimages-k-box-top.gif) top left no-repeat;
	height: 125px;
}

div.overviewright {
	float: left;
	width: 232px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

div.overviewright a {
	text-decoration: none;
	color: #FFFFFF;
}

/* -- Dealer Search -- */

.winmac {
	margin: 0px 5px 0px 0px;
}

div.dealersearch {
	padding: 0px 0px 0px 40px;
	margin: 0px;
}

div.dealersearchstate {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div.dealersearchcountry {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


/* -- Footer -- */

#footer {
	margin: 40px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	color: #58595b;
	font-size: 0.9em;
	line-height: 1.6em;
	text-align: center;
	background: url(../../images/swoosh.gif) top center no-repeat;
}

#footer a:hover {
	color: #666666;
}

#promovideo_thumbnails{
	padding-top: 3px;
}
#promovideo_thumbnails a{
	padding-right: 6px;
	
}
#promovideo_thumbnails a.last{
	padding:0;
}
#promovideo_thumbnails a img{
	border-color: #0097AC;
}

#nabpromovideo {
	padding: 0px 0px 0px 120px;
}

/* -- Lightbox for Press Images --*/



.tool-tip {
	color: #000;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/* -- More Info Page -- */

table.moreinfo {
	border-color: red; !important;
}

select {
	margin: 0px 0px 0px 10px;
}

select.nopad {
	margin: 0px 0px 0px 0px;
}

table.moreinfo img {
	margin: 0px 0px 0px 0px;
}

/** contact us  **/
#headquarters-1 {
	width: 33%;
	float: left;
	font-size: 1.1em;
}

#headquarters-2 {
	width: 67%;
	float: left;
	clear: right;
}

#headquarters-2 img {
	border: 1px solid #ffffff;
}

.support-video {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}

.training-video {
	float: left;
	margin-bottom: 20px;
	padding: 0px 20px 0px 0px;
}

/** Win Big **/
#winbig div {
	padding: 5px;
}

#winbig label {
	width: 150px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}

#bigwinaddress {
	margin: 10px 0 10px 0;
}

.errormsg {
	color: #ff0000;
	border: 2px solid #ff0000;
	background-color: #ffffff;
	padding: 5px;
}

.error {
	width: 380px;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #a00;
	background: #600;
	color: #fff;
	font-weight: bold;
}

.specpanel {
	width: 45%;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
}

.specpanel li {
	list-style-type: none;
}

.productpanel {
	padding: 20px;	
}

#product-images div {
	float: left;
	width: 232px;
}

#product-images .prod {
	margin: 5px;
}

#product-images div .inner {
	background-color: #000000;
	height: 200px;
	padding: 0px;
	text-align: center;
}

.product-images-top {
	background: transparent url(../../images/pressimages-top.gif) no-repeat scroll left top;
	width: 232px;
	height: 9px;
}

.product-images-bottom {
	background: transparent url(../../images/pressimages-footer.gif) no-repeat scroll left top;
	width: 232px;
	height: 9px;
}

#product-images img {
	margin-bottom: 8px;
}

.texthp {
	display: none;
}

table.oem tr td li {
	list-style-type: none;
	padding-bottom: 20px;
	color: #4893BD;
}

table.oemform tr td li {
	list-style-type: none;
	padding-bottom: 20px;
	color: #4893BD;
}

label {
	color: #4893bd;
}

input.tshirt {
	margin-bottom: 7px;
}

table.oemform td {
	font-size: 0.7em;
}

.moreinfo_dropdown li {
	list-style-type: none;
	padding-bottom: 20px;
	color: #4893BD;
	padding-left: 10px;
	font-weight: bold;
}

label.form_choice_text {
	color: #FFF;
}


/* @group Live Validation */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}

/* @end */