@charset "UTF-8";

/* Screen Styles                                    */
/* Copyright(C)2008 Source Internet Development Ltd */


html {height: 100%; margin: 0;}
body {height: 100%; background-color: #fff; margin: 0; text-align: center;}




/* Layout */

#header100			{width: 100%; margin: 0; background: #acd8ee top left repeat-x url(../images/bg-header.gif); text-align: center; padding: 0;}
#header				{width: 950px; margin: 0 auto; padding: 30px 0 0 0; text-align: left; overflow: hidden;}
#headerL			{margin: 0; padding: 0; text-align: left; width: 600px; float: left;}
#headerR			{margin: 0; padding: 8px 17px 11px 17px; text-align: right; float: right; background: top left repeat-x url(../images/bg-header-search.png);}

#axLogoTop			{margin: 0 10px 10px 0; float: left;}
#logoTagline		{margin: 0; padding: 3px 0 0 0; float: left;}
#headerDetails		{clear: both; margin: 0; padding: 0 0 10px 0;}

#tab100				{width: 100%; margin: 0; clear: both; padding: 1px 0 0 0; text-align: left; background: #acd8ee bottom left repeat-x url(../images/bg-menubar.gif); border-bottom: 1px solid #001456;}
#tabRow				{width: 950px; margin: 0 auto; padding: 0; text-align: left;}

#homeFeature100		{width: 100%; clear: both; margin: 0; background: #0630a0 bottom left repeat-x url(../images/bg-featured-pattern.jpg); border-top: 1px solid #fff;}
#homeFeature		{width: 950px; clear: both; margin: 0 auto; text-align: left; height: 240px; background: bottom right no-repeat url(../images/bg-featured-globe.jpg);}

#homeMain100		{margin: 0; background: #fff top left repeat-x url(../images/bg-home-blue-stripes.gif); width: 100%;}
#homeMain			{width: 950px; margin: 0 auto; text-align: left; overflow: hidden;}
#homeMainColL		{margin: 0; width: 455px; text-align: left; padding: 40px 0 65px 0;}
#homeMainColR		{margin: 0; width: 455px; text-align: left; float: right; padding: 40px 0 65px 0;}

#homeHeadBox		{margin: 0 0 20px 0; padding: 5px 0 12px 0; border-bottom: 1px solid #d9d9d9;}

#homeFeatProd		{width: 475px; height: 150px; margin: 0 0 15px 0; background: bottom left no-repeat url(../images/bg-home-feat.gif);}
#homeOfferProd		{width: 455px; margin: 0; background: #f5f5f5 top left no-repeat url(../images/bg-home-offer.gif);}
#homeOfferProdBot	{width: 455px; height: 28px; margin: 0 0 15px 0; background: #f5f5f5 top left no-repeat url(../images/bg-home-offer-bot.gif);}

#footer100			{width: 100%; margin: 0 0 25px 0; padding: 0; clear: both; background: #f8f8f8; border: 1px solid #d9d9d9; border-left: none; border-right: none;}
#footer				{margin: 0 auto; padding: 35px 0 25px 0; width: 950px; text-align: left;}

#blueBanner100		{width: 100%; clear: both; margin: 0 0 1px 0; background: #0630a0 bottom left repeat-x url(../images/bg-featured-pattern.jpg); border-top: 1px solid #fff;}
#blueBanner			{width: 950px; margin: 0 auto; text-align: left; background: bottom right no-repeat url(../images/bg-featured-globe.jpg); overflow: hidden;}
#blueLeft			{padding: 20px 0 22px 0; margin: 0; width: 430px; text-align: left;}
#blueRight			{padding: 20px 60px 22px 0; width: 430px; margin: 0; float: right; text-align: left;}

#filterBar100		{width: 100%; clear: both; margin: 0; background: #fff bottom left repeat-x url(../images/bg-filter-bar.gif); border-top: 1px solid #001456; border-bottom: 1px solid #c6c6c6;}
#filterBar			{width: 950px; margin: 0 auto; padding: 13px 0; text-align: left; overflow: hidden;}

#listTitleBar100	{width: 100%; clear: both; margin: 0; background: #fff;}
#listTitleBar		{width: 950px; margin: 0 auto; padding: 20px 0 3px 0; text-align: left; border-bottom: 3px double #e2e2e2; overflow: hidden;}
#listingRight		{float: right; text-align: left; width: 290px; margin: 0; padding: 0;}

#mainContent100		{width: 100%; clear: both; margin: 0; background: #fff;}
#mainContentArea	{width: 950px; margin: 0 auto; padding: 0 0 55px 0; text-align: left; overflow: hidden;}

#stdLeftCol			{margin: 0; padding: 0; width: 620px;}
#stdRightCol		{margin: 0; padding: 20px 0 0 0; float: right; text-align: left; width: 290px;}
#contactRightCol	{margin: 0; padding: 20px 0 0 0; float: right; text-align: left; width: 290px;}
#wideLeftCol		{margin: 0; padding: 0; width: 950px;}

#halfLeftCol		{margin: 0; padding: 25px 0 0 0; width: 440px; text-align: left;}
#halfRightCol		{margin: 0; padding: 25px 0 0 0; float: right; text-align: left; width: 440px;}		

#refineList				{margin: 0 0 25px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
#refineList	ul			{margin: 0; padding: 0;}
#refineList	li			{margin: 0; padding: 0 0 3px 0; list-style: none; color: #777;}
#refineList	li a		{margin: 0; padding: 0; color: #002da9; text-decoration: none;}
#refineList li a:hover	{color: #fff; background: #002da9; text-decoration: none;}

#prodListLine			{margin: 0; padding: 25px 25px 27px 0; width: 595px; border-bottom: 1px solid #e2e2e2; overflow: hidden; display: block;}
#prodListLine:hover		{background: top right repeat-y url(../images/highlite-prod-list.png);}

#prodListPic			{margin: 0 20px 0 0; width: 70px; float: left;}
#prodListText			{margin: 0;}

#pagingBox				{margin: 0; padding: 20px 0;}

#pagingList				{margin: 0; padding: 0; text-align: center;}
#pagingList	ul			{padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em;}
#pagingList	li			{display:inline;}
#pagingList	li a		{padding: 3px 10px 3px 10px; margin: 0 3px 5px 3px; background: #f8f8f8; color: #002da9; text-decoration: none; float: left; border: 1px solid #d9d9d9;}
#pagingList	li a:hover	{background-color: #002da9; color: #fff; border: 1px solid #002da9;}

.listSelected 			{padding: 3px 10px 3px 10px; margin: 0 3px 0 3px; background: #002da9; border: 1px solid #002da9; color: #fff; text-decoration: none; float: left;}

#prodPageContent		{float: right; margin: 25px 0 0 0; border-left: 1px solid #e2e2e2; padding: 0 0 40px 25px; width: 365px; text-align: left;}
#prodPageImagery		{width: 180px; margin: 0 0 0 22px; padding: 25px 0 40px 0; text-align: left;}

#prodMainImg			{width: 180px; margin: 0 0 20px 0;}

#prodThumbs				{margin: 0 0 30px 0; padding: 0;}
#prodThumbs	ul			{margin: 0; padding: 0; list-style: none;}
#prodThumbs	li			{float: left; margin: 0 8px 8px 0; padding: 0; background: #f8f8f8; border: 1px solid #e2e2e2; width: 50px; height: 50px;}
#prodThumbs	li a		{margin: 0; padding: 0; border: 2px solid #fff; width: 46px; height: 46px; display: block; text-decoration: none;}
#prodThumbs	li a:hover	{margin: 0; padding: 0; border: 2px solid #97c3e4; width: 46px; height: 46px; display: block; text-decoration: none;}

#prodFeedBox			{margin: 0; border: 1px solid #d9d9d9; background: #f8f8f8; padding: 18px 32px 20px 28px; clear: both;}

#relatedProdBox			{margin: 0 0 5px 0; padding: 0; clear: both; overflow: hidden;}
#relatedPic				{float: left; margin: 0 15px 10px 0; padding: 0; border: 1px solid #e2e2e2; width: 50px; height: 50px;}
#relatedPic	a			{margin: 0; padding: 0; border: 2px solid #fff; width: 46px; height: 46px; display: block; text-decoration: none;}
#relatedPic	a:hover		{margin: 0; padding: 0; border: 2px solid #97c3e4; width: 46px; height: 46px; display: block; text-decoration: none;}

#contactIntro			{margin: 20px 0 0 0;}
#map					{border: 3px solid #e1e1e1; background: #f5f5f5; height: 325px; margin: 0 0 25px 0;}

#termsDIV				{border: 1px solid #e0e0e0; margin: 18px 0 0 0; background: #fafafa; padding: 11px; overflow: hidden; clear: both;}
#termsIcon				{float: left; margin: 4px 8px 0 0;}
#termsText				{margin: 0 0 3px 0;}

#productBorder			{margin: 25px 0 25px 0;}

#docDIV					{border: 1px solid #e0e0e0; margin: 18px 0 45px 0; background: #fafafa; padding: 11px;}
#docIcon				{float: left; margin: 0 8px 0 0;}
#docText				{margin: 0 0 3px 0;}
#docWhiteDIV			{margin: 0; padding: 7px 0 0 15px;}

#prodMinImg				{float: right; margin: 5px 0 20px 20px; width: 70px; height: 70px; border: 3px solid #eee;}

#plugBorder				{margin: 0; padding: 0; border: 1px solid #ddd;}

#prodContainer			{margin: 0 0 20px 0; clear: both;}
#prodCol1				{float: left; width: 285px; margin: 20px 20px 0 0;}
#prodCol2				{float: left; width: 285px; margin: 20px 20px 0 0;}
#prodCol3				{float: left; width: 285px; margin: 20px 0 0 0;}

.prodCatImg				{float: right; border: 1px solid #ddd; background: white; padding: 3px; margin: 0 0 10px 10px;}

#searchLeftCol			{margin: 0; padding: 0; width: 455px; text-align: left;}
#searchRightCol			{margin: 0; padding: 0; float: right; text-align: left; width: 455px;}

#searchListLine			{margin: 0; padding: 25px 25px 17px 0; width: 430px; border-bottom: 1px solid #e2e2e2; overflow: hidden; display: block;}
#searchListPic			{margin: 0 20px 0 0; width: 70px; float: left;}
#searchListText			{margin: 0;}

#sitemapCol1			{float: left; margin: 0 50px 85px 0; overflow: hidden;}
#sitemapCol2			{margin: 0; overflow: hidden;}

#tetraListLine			{margin: 0; padding: 4px 0 14px 0; border-bottom: 1px solid #e2e2e2; overflow: hidden;}




/* Text */

p, span, h1, h2, h3, a	{font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #3c3b3b;}
h1						{color: #010080; font-weight: bold; font-style: italic; line-height: 1em; font-size: 120%; margin: 0; width: 250px;}
h2						{color: #010080; font-weight: bold; margin: 0 0 -3px 0; font-size: 130%;}
h3						{color: #3166bf; font-weight: bold; margin: 0; font-size: 100%;}

.headContact			{font-weight: bold; font-size: 100%; color: #186ac6; margin: 0;}
a.headContact			{font-weight: bold; font-size: 100%; color: #010080; margin: 0;}
a.headContact:hover		{color: #000; background: white;}
.headContact strong		{font-weight: bold; color: #010080; margin: 0;}

.homeBody, .regBody		{margin: 0 0 20px 0; font-size: 85%; line-height: 130%;}

a.blueLink				{margin: 0; font-size: 100%; color: #010080; font-weight: bold;}
a.blueLink:hover		{margin: 0; color: #000; font-weight: bold; background: #f0f6fb;}

.homeFeatDesc			{margin: 0; color: #757575; font-weight: bold; font-size: 80%; width: 400px; padding-left: 30px;}
.homeFeatSub			{margin: 0 0 5px 0; color: #f98700; font-weight: bold; font-size: 80%; width: 295px; padding: 35px 0 0 20px;}
.homeFeatTitle			{margin: 0; font-weight: bold; font-size: 105%; width: 295px; padding-left: 20px;}
.homeOfferTitle			{margin: 0; font-weight: bold; font-size: 105%; width: 300px; padding: 20px 0 0 30px;}

a.homeOfferLink			{color: #c60000; margin: 0; font-size: 100%; text-decoration: none;}
a.homeOfferLink:hover	{color: #fff; background: #c60000; text-decoration: none;}

a.homeFeatLink			{color: #114aaa; margin: 0; font-size: 100%; text-decoration: none;}
a.homeFeatLink:hover	{color: #fff; background: #114aaa; text-decoration: none;}

.footerText				{margin: 0; color: #5f5f5f; font-size: 75%;}
.footerText	strong		{margin: 0; color: #4a4848; font-size: 100%;}
.footerText	em			{margin: 0; color: #2a2698; font-size: 100%; font-weight: bold; font-style: normal;}

.footerLinks			{margin: 7px 0 0 0; color: #5f5f5f; font-size: 75%;}
a.footerLinks			{margin: 0; padding: 0; color: #042296; font-weight: bold; font-size: 100%;}
a.footerLinks:hover		{color: #000; background: #fff;}

.pageTitle				{margin: 0 0 3px 0; font-size: 130%; line-height: 110%; color: #fff; font-weight: bold;}
.pagePara				{margin: 0; font-size: 75%; color: #fff;}

.pageCrumbs				{margin: 0; font-size: 75%; color: #fff;}
.pageCrumbs em			{margin: 0 3px; font-size: 100%; color: #6ea9c8; font-style: italic;}
a.pageCrumbs			{margin: 0; font-size: 100%; color: #fff; font-weight: bold;}
a.pageCrumbs:hover		{margin: 0; background: #fff; color: #002da9; text-decoration: none;}

.filterText				{margin: 0; padding: 0; font-size: 80%; color: #595959;}
a.filterText			{margin: 0; font-size: 100%; font-weight: bold; color: #010080; text-decoration: none;}
a.filterText:hover		{color: #fff; background: #010080; text-decoration: none;}

.listingTitle			{margin: 0; font-size: 80%; color: #002da9;}
.listingTitle strong	{font-size: 100%; color: #010080;}
a.listingTitle			{margin: 0; font-size: 100%; font-weight: bold; color: #002da9; text-decoration: none;}
a.listingTitle:hover	{font-weight: bold; background: #002da9; color: #fff; text-decoration: none;}

.refineTitle			{font-weight: bold; margin: 0 0 5px 0; font-size: 80%; color: #222;}

.prodListTitle			{margin: 0; padding: 0; font-size: 100%;}
a.prodListTitle			{margin: 0; font-size: 100%; font-weight: bold; color: #002da9; text-decoration: none;}
a.prodListTitle:hover	{font-weight: bold; color: #002da9; text-decoration: underline;}

.prodListDesc			{margin: 0; font-size: 90%; color: #555;}
.prodListDesc strong	{font-weight: bold; color: #222;}

.pagingText				{margin: 0; color: #979696; font-size: 70%; white-space: nowrap;}
a.pagingLink			{margin: 0; color: #002da9; font-size: 100%; font-weight: bold; text-decoration: none;}
a.pagingLink:hover		{background: #002da9; color: #fff; text-decoration: none;}

.prodBanner				{font-style: italic; font-size: 90%; color: #393939; margin: 0 0 2px 0;}
.prodBanner strong		{color: #002da9; margin: 0; font-weight: bold;}
a.prodBanner			{font-style: italic; font-size: 100%; color: #002da9; margin: 0; font-weight: bold;}
a.prodBanner:hover		{color: #000;}

.prodTitle				{color: #002da9; font-size: 110%; margin: 0 0 20px 0; line-height: 110%; font-weight: bold;}
.prodDesc				{color: #3c3b3b; font-size: 90%; margin: 0 0 20px 0;}
.prodThumbNote			{color: #888; font-size: 70%; margin: 0 0 20px 0;}

.feedTitle				{margin: 0 0 5px 0; padding: 0; font-size: 100%; color: #002da9; font-weight: bold;}
.feedText				{margin: 0 0 16px 0; font-size: 75%; font-weight: bold; color: #646464;}
.feedText strong		{margin: 0; color: #323232;}

.relatedTitle			{margin: 0; padding-top: 8px; font-size: 80%;}
a.relatedTitle			{margin: 0; font-size: 100%; font-weight: bold; color: #002da9; text-decoration: none;}
a.relatedTitle:hover	{background: #002da9; color: #fff; text-decoration: none;}

.relatedCode			{margin: 0; font-size: 80%; font-weight: bold; color: #222;}

.contactInfo			{margin: 0 0 20px 0; color: #777; font-size: 80%; line-height: 130%;}
.contactInfo strong		{margin: 0; color: #2d2d2d; font-size: 110%;}

.blueHeader				{margin: 25px 0 0 0; font-weight: bold; color: #002da9; font-size: 120%;}
.blueHeaderLined		{margin: 25px 0 0 0; font-weight: bold; color: #002da9; padding: 0 0 3px 0; border-bottom: 1px solid #ddd; font-size: 120%;}

.termsLink				{margin: 0; font-size: 80%; color: #002da9;}
a.termsLink				{margin: 0; font-size: 100%; font-weight: bold; color: #002da9;}
a.termsLink:hover		{background: #002da9; color: #fff; text-decoration: none;}

.prodSubHeader			{margin: 3px 0 0 0; font-weight: bold; color: #000; font-size: 110%;}

.docLink				{margin: 0; font-size: 80%; color: #002da9;}
a.docLink				{margin: 0; font-size: 100%; font-weight: bold; color: #002da9;}
a.docLink:hover			{background: #002da9; color: #fff; text-decoration: none;}

.prodBody				{margin: 0 0 16px 0; font-size: 85%; line-height: 130%; color: #777;}

.searchListTitle		{margin: 0; padding: 0; font-size: 100%;}
a.searchListTitle		{margin: 0; font-size: 80%; font-weight: bold; color: #002da9; text-decoration: none;}
a.searchListTitle:hover	{font-weight: bold;  color: #002da9; text-decoration: underline;}

.searchListDesc			{margin: 0; font-size: 70%; color: #555;}
.searchListDesc strong	{font-weight: bold; color: #222;}

.tetraListTitle			{margin: 0; padding: 0; font-size: 80%;}
a.tetraListTitle		{margin: 0; font-size: 100%; font-weight: bold; color: #002da9; text-decoration: none;}
a.tetraListTitle:hover	{font-weight: bold; color: #002da9; text-decoration: underline;}

.tetraListDesc			{margin: 0; font-size: 80%; color: #555;}
.tetraListDesc strong	{font-weight: bold; color: #222;}




/* Tables */

TABLE.prodCatTable				{width: 650px; margin: 0 0 75px 0; font-family: Arial, Helvetica, sans-serif; border: 0; border-collapse: collapse;}
TABLE.prodCatTable TH			{padding: 0 18px 5px 0; text-align: left;}
TABLE.prodCatTable TD			{padding: 4px 18px 4px 0; text-align: left; font-size: 85%; line-height: 130%; color: #777; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}

TABLE.headSearchTab				{margin: 0; text-align: left;}
TABLE.headSearchTab	TH			{margin: 0; padding: 3px 8px 3px 0;}
TABLE.headSearchTab	TD			{margin: 0; padding: 3px 0;}

TABLE.footerInfo				{margin: 0 0 10px 0; text-align: left; width: 100%;}
TABLE.footerInfo TD				{margin: 0; vertical-align: top;}
TABLE.footerInfo TD.isoLogo		{padding: 0 22px 0 0;}
TABLE.footerInfo TD.addy		{padding: 9px 40px 0 0;}
TABLE.footerInfo TD.copy		{padding: 9px 22px 0 0;}
TABLE.footerInfo TD.rohsLogo	{padding: 00; text-align: right;}

TABLE.filterMenu				{margin: 0; border: 0;}
TABLE.filterMenu TD				{margin: 0; border: 0; padding: 0 35px 0 0; vertical-align: middle;}

TABLE.pagingTable				{margin: 0; width: 620px; border: 0;}
TABLE.pagingTable TD.left		{margin: 0; padding: 0 20px 0 0; text-align: left;}
TABLE.pagingTable TD.mid		{margin: 0; text-align: center; padding: 0;}
TABLE.pagingTable TD.right		{margin: 0; padding: 0 0 0 20px; text-align: right;}

TABLE.prodInfo					{margin: 0 0 30px 0; font-size: 80%; font-family: Arial, Helvetica, sans-serif; border: 0; text-align: left;}
TABLE.prodInfo TH				{vertical-align: top; padding: 0 10px 5px 0; margin: 0; color: #3c3b3b; font-weight: normal;}
TABLE.prodInfo TD				{vertical-align: top; padding: 0 0 5px 0; margin: 0; color: #000; font-weight: bold;}

TABLE.contactNos				{margin: 0 0 35px 0; color: #777; font-size: 80%; text-align: left; vertical-align: bottom; font-family: Arial, Helvetica, sans-serif;}
TABLE.contactNos TH				{padding: 0 10px 2px 0; font-weight: normal;}
TABLE.contactNos TD				{color: #2d2d2d; padding: 0 0 2px 0; font-weight: bold;}
TABLE.contactNos TD	a			{padding: 0; color: #010080; margin: 0;}
TABLE.contactNos TD	a:hover		{margin: 0; color: #000; font-weight: bold; background: #f0f6fb;}

TABLE.powerTools				{margin: 0 0 25px 0; width: 100%; border: 0; text-align: center;}
TABLE.powerTools TH				{margin: 0; vertical-align: bottom; padding: 0;}
TABLE.powerTools TD				{margin: 0; vertical-align: top; padding: 5px 10px 25px 10px; font-size: 80%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #010080;}

TABLE.plugTypes					{margin: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; width: 600px;}
TABLE.plugTypes	TH				{margin: 0; font-size: 80%; border-bottom: 2px solid #ccc; padding: 0 0 3px 0;}
TABLE.plugTypes	TD				{margin: 0; font-size: 80%; border-bottom: 1px solid #dedede; vertical-align: top;}
TABLE.plugTypes	TD span			{font-weight: bold; padding: 3px; color: #002da9;}
TABLE.plugTypes	TD.pic			{margin: 0; font-size: 80%; padding: 18px 15px 18px 0;}
TABLE.plugTypes	TD.mod			{margin: 0; font-size: 80%; padding: 18px 15px 18px 0;}
TABLE.plugTypes	TD.desc			{margin: 0; font-size: 80%; padding: 18px 0;}



/* Forms */

.basic			{margin: 0; font-size: 80%; color: #222; font-family: Arial, Helvetica, sans-serif;}
.headerRdown	{width: 220px;}
.headerSearch	{width: 215px;}
.headerBtn		{font-weight: bold;}

.filterRdown	{font-weight: bold; color: #010080; margin: 0 3px 0 0; font-size: 11px; border: 1px solid #adadaf; padding: 2px 1px 2px 3px;}

.feedback		{margin: 0; padding: 0;}

#feedForm		{text-align: left; margin: 0; width: 240px;}
.formRight		{float: right; margin: 0; padding: 0 30px 0 0;}
#feedForm ul	{list-style: none; margin: 0; padding: 0;}
#feedForm li	{margin: 0; padding: 0 0 8px 0;}
#feedForm label	{font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; color: #002da9;}

.feedBox		{margin: 0; font-size: 80%; color: #222; font-family: Arial, Helvetica, sans-serif; width: 235px;}
.feedRdown		{margin: 0; font-size: 80%; color: #222; font-family: Arial, Helvetica, sans-serif;}
.feedBtn		{clear: both; margin: 14px 0 0 0; font-size: 90%; color: #222; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.formAsterix	{font-size: 100%; font-weight: bold; margin: 0; color: #cc2c06;}
.formAsterix2	{font-size: 70%; font-weight: bold; margin: 15px 0 0 0; color: #cc2c06;}