@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #999;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}
.scase {z-index:-3;}
#container {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 947px;
	text-align: left;
	background: #fff;
	position: relative;
}

#sme { padding-left:15px; }
#sme2 { padding-left:0px; }
#googlecart-widget {
}
.override a {
	color: #03c;
	text-decoration: none;
}
.override a:hover, .override a:active {
	text-decoration: underline;
}
.override #googlecart-widget-head {
    background: #fff;
}
.override .googlecart-widget-quantity-box,
.override #googlecart-title,
.override #googlecart-summary,
.override .googlecart-widget-price,
.override .googlecart-widget-footertext,
.override .googlecart-widget-totalmessage,
.override .googlecart-widget-totalprice,
.override .googlecart-widget-disclaimer
{
    color: #03c;
}
.override .googlecart-widget-title {
    text-decoration: none;
}

#header {
	height: 92px;
	margin: 0;
	padding: 0 0 0 26px;
	position: relative;
	top:-61px;
	z-index:1500;
}
.rdtop{ background: url(../images/rdtop.png) top center no-repeat; width:947px; height:78px; margin:auto;}
#companyMenu { width: 490px; float: right; margin: 32px 25px 0 0; padding: 0; }
#companyMenu ul { width: 100%; margin: 0; padding: 0; list-style: none; }
#companyMenu li { float: left; margin: 0; padding: 0; height: 16px; }
#companyMenu li a { background: #fff url(../images/company-menu.png) left top no-repeat; display: block; height: 10px; }
#companyMenu li a:hover, #companyMenu li a:active { height: 16px; }
#companyMenu li a span { display: none; }
#companyMenu li#company-home a { width: 60px; }
#companyMenu li#company-about a { width: 68px; background-position: -62px top; }
#companyMenu li#company-parts a { width: 59px; background-position: -131px top; }
#companyMenu li#company-deals a { width: 65px; background-position: -193px top; }
#companyMenu li#company-share a { width: 57px; background-position: -260px top; }
#companyMenu li#company-contact a { width: 90px; background-position: -318px top; }
#companyMenu li#company-support a { width: 80px; background-position: right top; }
#bodyHome #companyMenu li#company-home a, 
#bodyAbout #companyMenu li#company-about a, 
#bodyParts #companyMenu li#company-parts a, 
#bodyDeals #companyMenu li#company-deals a, 
#bodySupport #companyMenu li#company-support a, 
#bodyContact #companyMenu li#company-contact a 
{ height: 16px; }

img#logo {
	border: none;
	margin: 28px 0 0 0;
}

#nav {
	width: 620px;
	margin: 6px 0 0 0;
	position: absolute;
	bottom: 1px;
	right: 19px;
	z-index:1125;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:1125;
}

#nav a {
	display: block;
	width: 120px;
	text-decoration: none;
	font-size: .75em;
	color: #ff3300;
}

#nav li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
	margin: 2px 0;
}

#nav li#headphonies {
	width: 117px;
}
#nav li#mobiCam { width: 117px; }
#nav li#tykeLight { width: 109px; }
#nav li#thermometer, #nav li#thermometer a { width: 126px; }
#nav li#gpsGear { width: 120px; }

#nav li.topItem {
	margin: 0 6px 0 0;
}

#nav li.topItem a {
	height: 27px;
}

#nav li a {
	display: block;
	background: #fff url(../images/menu.png) top left no-repeat;
}
#nav li a:hover, #nav li a:active {
	background-position: bottom left;
}

#nav li#headphonies a { background-position: 0px 0px; }
#nav li#mobiCam a { background-position: -123px 0; }
#nav li#tykeLight a { background-position: -246px 0; }
#nav li#thermometer a { background-position: -361px 0; }
#nav li#gpsGear a { background-position: -489px 0; }

#bodyheadphonies #nav li#headphonies a, #nav li#headphonies a:hover { background-position: 0px -27px; }
#bodyMobiCam #nav li#mobiCam a, #nav li#mobiCam a:hover { background-position: -123px -27px; }
#bodyTykeLight #nav li#tykeLight a, #nav li#tykeLight a:hover { background-position: -246px -27px; }
#bodyThermometer #nav li#thermometer a, #nav li#thermometer a:hover { background-position: -361px -27px; }
#bodyGpsGear #nav li#gpsGear a, #nav li#gpsGear a:hover { background-position: -489px -27px; }

li.headlink ul { display: none; }
li.headlink:hover ul { display: block; position:absolute; z-index:1184}
.uphold1 { position:relative; top:-62px;}
.uphold2 { position:relative; top:-75px;}

#nav li.topItem a span {
	visibility: hidden;
}

#nav li.topItem ul a {
	
	background-image: none;
	height: 1em;
	padding: 2px 3px;
}

#nav li ul a:hover, #nav li ul a:active {
	background: #bdddf9;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 135px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li#mobiCam ul, #nav li#mobiCam ul li, #nav li#mobiCam ul li a {
	width: 113px
}
#nav li#mobiCam ul li a {
	width: 107px
}
#nav li#gpsGear a {
	width: 117px;
	
}
#nav li#gpsGear ul, #nav li#gpsGear ul li, #nav li#gpsGear ul li a {
	width: 110px;
	margin-left:3px;
}
#nav li#gpsGear ul li a {
	width: 99px;
	margin-left:-1px;
}


#nav li#tykeLight ul, #nav li#tykeLight ul li, #nav li#tykeLight ul li a {
	width: 122px;
}
#nav li#tykeLight ul li a {
	width: 116px;
}




#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

img.productImage {
	display: block;
}

#content img {
	display: block;
}
#content p {
	color: #003399;
	font-size: 13px;
}

p.productDescription {
	
}
p.downloadLink {
	text-align: right;
	margin-right: 24px;
}

div.product {
	clear: both;
	text-align: center;
	margin: 0 auto;
}

div.producthp {
	text-align: center;
	margin: 0 auto;
}

div.googlecart-add-button {
	text-align: center;
	margin: 0 auto;
}

googlecart-add-button {
	text-align: center;
	margin: 0 auto;
}

h2.productTitle {
	text-align: center;
	color: #03c;
	font-size: 18px;
}

h2.productTitle span.availableDate {
	color: rgb(255,128,64);
}

div.pdfList {
	background: #fff url(../images/pdf-list-bkg.jpg) top left no-repeat;
	padding: 18px 31px 6px 36px;
	height: 432px;
	margin-left: 598px;
}
div.pdfList h1 {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
div.pdfList p {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 6px 6px 0 0;
}
div.pdfList p.moreLink {
	margin: 24px 0 0 155px;
	line-height: 18px;
}
div.pdfList p.moreLink a {
	color: #205abd;
	background: url(../images/moreLink-bkg.png) top left no-repeat;
	text-decoration: none;
	width: 101px;
	display: block;
	text-align: center;
}
div.pdfList p.moreLink a:hover, div.pdfList p.moreLink a:active {
	background-position: bottom left;
	color: #c7d6ee;
}
ul.pressList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pdfList ul.pressList li {
	margin: 6px 0 0 0;
	height: 24px;
}
.pdfList ul.pressList li a {
	text-decoration: none;
	background: transparent url(../images/pdf-li-bkg.png) top left no-repeat;
	color: #1a427f;
	font-weight: bold;
	font-size: 11px;
	padding: 1px 0 1px 32px;
	display: block;
	line-height: 11px;
}
.pdfList ul.pressList li.singleLine {
	width: 276px;
}
.pdfList ul.pressList li.singleLine a {
	line-height: 22px;
}
.pdfList ul.pressList a:hover, .pdfList a:active {
	background-position: bottom left;
}
ul.reviewList {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pdfList ul.reviewList li {
	margin: 6px 0 0 0;
}
.pdfList ul.reviewList li a {
	text-decoration: none;
	background: transparent url(../images/pdf-li-bkg.png) top left no-repeat;
	color: #1a427f;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 32px;
	display: block;
	line-height: 24px;
	height: 24px;
}
.pdfList ul.reviewList a:hover, .pdfList a:active {
	background-position: bottom left;
}

/*.featuredProducts {
	text-align: center;
}
.featuredProducts div {
	float: left;
}
*/

#aboutText { width: 100%; height: 429px; margin: 0; padding: 13px 0 0 0; background: #fff url(../images/about2.jpg) top no-repeat; }
#aboutText .textBlock { float: left; height: 265px; margin: 0; padding: 20px 18px; }
#aboutText .textBlock h2 { margin: 0 0 4px 0; font-size: 14px; color: #fff; }
#aboutText .textBlock p { margin: 0; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; line-height: 18px; }
#aboutText .textBlock.column1 { width: 212px; margin: 0 12px 0 27px; }
#aboutText .textBlock.column2 { width: 340px; margin: 0 12px 0 0; }
#aboutText .textBlock.column3 { width: 212px; margin: 0; }
#aboutText .affiliations { overflow: auto; width: 100%; margin: 5px 0 0 0; padding: 0; }
#aboutText .affiliations img { float: left; border: none; margin: 0; }
#aboutText .affiliations img#aff-db { margin-left: 44px; }
#aboutText .affiliations img#aff-jpma { margin-left: 39px; }
#aboutText .affiliations img#aff-bbb { margin-left: 32px; }
#aboutText .affiliations img#aff-cea { margin-left: 304px; }

#contactText { width: 100%; height: 429px; margin: 0; padding: 20px 0 0 0; background: #fff url(../images/contact2.jpg) top no-repeat; }
#contactText .textBlock { float: left; height: 265px; margin: 0; padding: 18px 23px; }
#contactText .textBlock h2 { margin: 0; font-size: 16px; color: #fff; }
#contactText .textBlock p { margin: 0 0 10px 0; font-size: 14px; color: #fff; }
#contactText .textBlock a { color: #fff; text-decoration: none; }
#contactText .textBlock a:hover, #contactText .textBlock a:active { text-decoration: underline; }
#contactText .textBlock.column1 { width: 205px; margin: 0 12px 0 27px; padding-left: 19px; }
#contactText .textBlock.column2 { width: 157px; margin: 0 12px 0 0; padding-right: 0; }
#contactText .textBlock.column3 { width: 186px; margin: 0; padding: 18px 0; }
#contactText .textBlock.column2 p, #contactText .textBlock.column3 p { margin: 0 0 22px 0; font-size: 14px; color: #fff; }

.featuredProducts { overflow: auto; margin: 10px 0; padding: 0; height:175px; }
.featuredProducts ul { height: 160px; width: 100%; margin: 0; padding: 0; list-style: none; }
.featuredProducts li { float: left; height: 160px; margin: 0; padding: 0; }
.featuredProducts li a { background: #fff url(../images/featured-products.jpg) left top no-repeat; height: 173px; display: block; }
.featuredProducts li a span { display: none; }

.featuredProducts li#featured-gps a { width: 320px; }
.featuredProducts li#featured-gps a:hover, 
.featuredProducts li#featured-gps a:active { background-position: left -179px; }

.featuredProducts li#featured-mobicam a { width: 275px; background-position: -320px top; }
.featuredProducts li#featured-mobicam a:hover, 
.featuredProducts li#featured-mobicam a:active { background-position: -320px -179px; }

.featuredProducts li#featured-tykelight a { width: 300px; background-position: -605px top; }
.featuredProducts li#featured-tykelight a:hover, 
.featuredProducts li#featured-tykelight a:active { background-position: -605px -179px; }

.featuredProducts li#featured-thermometer a { width: 217px; background-position: right top; }
.featuredProducts li#featured-thermometer a:hover, 
.featuredProducts li#featured-thermometer a:active { background-position: right bottom; }

.partsList { margin: 13px 30px 20px 45px; }
.partsList ul { margin: 0; padding: 0; list-style: none; }
.partsList li { height: 126px; margin: 0 0 14px 0; overflow: hidden; }
.partsList li p { margin: 0; background: #fff; }
.partsList li p.item-only { display: inline; width: auto; padding-right: 2px; }
.partsList li div.callout { float: left; width: 226px; margin: 35px 15px 0 0; }
.partsList li div.callout.heading { background: url(/images/callout-bkg.png) bottom right repeat-x; }
#bodyDeals .partsList li div.callout.heading { background-position: right 37px; }
.partsList li div.callout h2 { font-size: 24px; font-weight: normal; color: #03c; background: #fff; margin: 0; padding-right: 2px; width: auto; display: inline; }
.partsList li img { float: left; margin: 0 26px 0 0; border: none; display: block; }
.partsList li div.details { float: left; width: 234px; height: 126px; margin: 0 17px 0 0; padding: 39px 0 0 0; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
.partsList li div.details p span.price { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.partsList li div.details p em { text-decoration: underline; font-style: normal; }
#bodyDeals .partsList li div.details p a { text-decoration: none; font-weight: bold; color: #03c; }
#bodyDeals .partsList li div.details p a:hover, #bodyDeals .partsList li div.details p a:active { text-decoration: underline; }
.partsList li div.product { float: left; clear: none; width: auto; margin: 50px 0 0 0;}

#footer {
	text-align: center;
	background: #fff;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	position:relative;
	top:-61px;
}
#footer a, #footer a {
	color: #999;
	font-size: 11px;
	text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #0033CC;
}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearboth {
	clear: both;
}



#slideshow {
    position:relative;
    height:432px;
	width:947px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#slideshow IMG.active {
    z-index:3;
}

#slideshow IMG.last-active {
    z-index:2;
}
