/* CSS Document */
/* UNIVERSAL STYLES */
.aaaDrop {text-align: center; 
	font: 8pt verdana;
	font-weight: normal; 
	color: #4F4F4F; 
	background-color: #F6F6F6; 
	border: 1px solid #B1B1B1;
}
.block, #block {display: block; clear: right;}
.disclaimer {font: xx-small arial; color: #CC0000;}
.headerBlue {font: 10pt arial; font-weight: bold; color: #0073BD;}
.specOrder {font: 8pt arial; color: #000000; font-style: italic;}
.hide, #hide {display: none; visibility: hidden;}
.valignMid {vertical-align: middle;}
.valignTop {vertical-align: top;}
#center, .center {text-align: center;}
#clearLeft {clear: left;}
#clearRight {clear: right;}
A:link {color: #0000FF;}
A:visited {color: #0000FF;}
A:hover {text-decoration: none; color:#CC0000;}
A:active {color: #0000FF;}
acronym {border-bottom: medium none inherit;}
div#dottedBox {border: 1px dotted #999; padding: 0px 20px;}
div#solidBox {border: 1px solid #999; padding: 0px 20px; background-color: #F7F7F7;}

/* CONTENT PROPERTIES - DOES NOT WORK IN IE */
#newImg:before, .newImg:before {content: url(/lib/aaaremotes/yahoonew.gif);}

/* TEXT STYLES */
.aaaBlue {text-align: center; 
	font: 10pt verdana;
	font-weight: normal; 
	color: #000000;
}
.arial1BB {font: xx-small arial; color: #000;}
.arial2BB {font: 8pt arial; color: #000; }
.arial2BC {font: 8pt arial; color: #333;}
.arial4BBLU {font: 12pt arial; color: #336699;}
#bold, .bold  {font-weight: bold;}
.italic {font-style:italic;}
.myFont {font: 9pt arial; color: #000;}
.NA {font: x-small arial; font-weight: bold; color: #CC0000;}
.smFont, .smArial, .xSmArial, .xxsVerdana {font: 11px verdana;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.xxSmArial {font: 9px arial;}
.xsVerdana {font: 10px verdana;}
p {font: 11px verdana; color: #000;}
table {font: 11px verdana;}
table.marwestblue {font: 10pt arial;}
table.lightblue {font: 8pt arial;}
#soon {color: #FF6600;}

/* TOP */
#searchTop {font: 20px Geneva, helvetica, verdana; color: #FFFF00; letter-spacing: 0.1em;}

/* RIGHT NAVIGATION */
.indent {margin-left: 2em;}
div.menu {display: none;}
div#rNavImg1 img, div#rNavImg2 img, div#rNavImg3 img {margin-bottom: 5px;}
div#rNavImg2 img, div#rNavImg3 img {margin-top: 5px;}
table#rtNav {width: 200px; border: 2px solid #1b4671;}
img#rtnavtab {width: 8px; height: 35px; margin: 0; padding: 0;}
div#storeHours td {text-align: center; padding: 0px 2px;}
div#manuf a, div#knowledge a, div#byCategory a, div#information a, div#information span {display: block; clear: right;} /* clear for moz */
div#manuf a#new {color: #009900;font-weight:bold; letter-spacing:0px;}
div#manuf a:hover#new {color:#FF6600;font-weight:bold; letter-spacing:0px;}
div#knowledge a:hover {background-color: #FFF;}
.menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px !important;
	margin-left:-15px;		
}
.menu li {
	background:transparent url(/lib/aaaremotes/bluebullet.gif) no-repeat;
	background-position: 0 .4em !important;
	background-position: 0 .1em;
	padding-left:8px;
	list-style-position:inside;
	display: inline-block;
}

.menu li#new {
background:transparent url(/lib/aaaremotes/yahoonew.gif) no-repeat;
background-position: 0 .4em !important;
background-position: 0 0;
padding-left:30px !important; 
padding-left:25px ; 
list-style-position:inside;
display: inline-block;
}	
p.rightNavClose {color: black;}
p.rightNavClose a:link, p.rightNavClose a:visited, p.rightNavClose a:hover, p.rightNavClose a:active {
	text-decoration: none; color: black;
}
td#rightNav {background-color: #1b4671;
	font-size: 12pt; 
	font-family: arial; 
	font-weight: bold; 
	color: #fff;
	padding: 5px 0px;
	text-align: center;
	vertical-align: middle;
	width: 184px;
}
td#rightNav a {text-decoration: none; font-weight: bold; color: #003399;}
tr.rightNavTr td {width: 200px;}
tr.rightNavTrManu, tr.rightNavTr {background-color: #F5FAFE; padding-bottom: 5px; margin-bottom: 10px;}
tr.rightNavTrManu {letter-spacing: 0.025em; line-height: 1.75ex; vertical-align: top;}
tr.rightNavTrManu>td a {letter-spacing: 0.025em; 
	line-height: 2ex; 
	color: #0000CD; 
	background: transparent; 
	text-decoration: none; 
	border-left: solid 3px #F5FAFE; 
	padding-left: 2px;
}
tr.rightNavTr td a, tr.rightNavTrManu td a {font: 11px verdana; 
	color: #0000CD; 
	background: transparent; 
	text-decoration: none; 
	border-left: solid 3px #F5FAFE; 
	padding-left: 2px;
}
tr.rightNavTr td a:hover, tr.rightNavTrManu td a:hover {display: inline; 
	text-decoration: none; 
	color: #CC0000; 
	border-left: solid 3px #336699; 
	padding-left: 2px;
}
/* ADD TO FAVORITES (rightNav) */
span.addFave a {text-decoration: none; color: #0000CD; border-left: solid 3px #F5FAFE;}
span.addFave:hover a {text-decoration: none; color: #FF0000; border-left: solid 3px #336699;}

/* BLUE TOOL TIP */
div#aaaTip {font: 10px verdana; 
	color: #000; 
	width: 200px; 
	border: 2px solid #0C5F8F; 
	background-color: #D9EDFB; 
	margin: 0 3px 3px 3px;
}
div#aaaTip div#headTip {display: block; 
	color: #FFF; 
	font-weight: bold; 
	background-color: #0C5F8F; 
	padding: 0 3px 2px 3px; 
}
div#aaaTip div#descTip {padding: 0 3px 3px 3px;}

/* MAIN INDEX TABLES */
table#indMain {width: 100%;}
td#indMessage {}
td#indLeft {width: 0%;} /* removed - find new location */
td#indMid {width: 80%; padding: 0px 0px 10px 10px;}
td#indRight {width: 20%;}

/* INTRO TEXT */
div#introText1 {/* background-color: #CCE6FF; */border: 1px solid #336699; border-bottom: 1px solid #336699; border-right: 1px solid #336699;}
div#introText1 p, div#introText1 h1 {margin:5px 0px 5px 0px;}
div#introText2 {background-color: #F7F7F7; border: 1px solid #999; border-bottom: 3px solid #999; border-right: 2px solid #999;}
div#introText3 {
	background-color: #D5DDF0; 
	border: 1px solid #9999CC; 
	border-bottom: 3px solid #9999CC; 
	border-right: 2px solid #9999CC;
	height: 13px;
}
div#introText2 a {padding-left: 5px; padding-right: 5px; /*line-height: 2.25ex;*/ color: #0000CD; text-decoration: none;}
div#introText2 a:hover {color: red;}
div#introText1, div#introText2, div#introText3 {
	font: 11px verdana; 
	color: #000; 
	display: block; 
	padding: 3px; 
	margin: 0px 0px 3px 0px; 
}
div#introText3 img#dealerLoc {width: 120px; height: 77px; border: 1px solid #336699; margin: 5px 20px 0 0; position: relative;} 
div#introText3 div#techHelp {height: 33%; margin-bottom: 20px;}
div#introText3 div#dealerLocDiv {height: 33%;}

/* CONTENTS ON INDEX */

.top-specials {
	float:left;
	border:2px solid #CCC;
	width:280px;
	padding:5px;
	height:320px;
	margin-left:10px;
}

.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

table#content {
	text-align: left;
	width: 99%; 
	height: 100%; 
	padding: 0px; 
	border: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	margin: 5px auto;
}
table#content a {text-decoration: none;;}
table#content b {color: #FF0000; font-weight: 900;}
table#content td {heigh: auto; width: 33%;}
table#content td img {display: block; text-align: center; margin: 5px auto;}
td.content {} 
caption#content {
        font: 12pt arial bold; 
	text-align: left; 
	padding: 3px 10px 0px 10px; 
	margin: 0px; 
	background-color: #F7F7F7; 
	border-bottom: 2px solid #999;
}
div#cDesc {
	height: auto;
    padding: 3px;
	background-image: url(/lib/aaaremotes/cdescbg.gif);
	background-position: top; 
	background-repeat: repeat-x;
}

div#brand-logo, div#cImg {
	text-align:center;
}

/* ALL PAGES */
div#prodDiv {text-align: left; margin: 30px;}
div#prodDiv img {margin-left: 0px;}
#email-info {clear: left; margin: 10px 0;}


/* BREAKDOWNS */
div#bd {
  font: 15pt helvetica; verdana; 
  color: #000;
  border-bottom: 2px solid #CCC;
  padding: 0px;
  margin-top: 10px;
  text-align: left;
}

/* PRICE TABLE */
.priceTable {text-align: center; 
	font: 10px verdana;
	font-weight: normal; 
	color: #4F4F4F; 
	background-color: #F6F6F6; 
	border: 1px solid #B1B1B1;
	position: relative;
}

/* overLib */
.overLib2 {font: 11px arial; color: #FFF; padding: 6px 10px 10px 10px;}
.overLib1 {font: 11px arial; color: #FFF; font-weight: bold; padding: 1px 0px 1px 6px;
}

/* SPECIAL INFO */
div#specialInfo {
	position: absolute;
	width: 860px;
	height: 26px;
	left: 250px;
	top: 180px;
	text-align: left;
}
div#specialInfo span.headline {font: 16px helvetica, verdana; color: #cc0000; font-weight: bold;}
span.plus {font: 7px helvetica, verdana; color: #cc0000;}
div#specialInfo a {text-decoration: none;}
a#aaaSP {margin-left: 20px;}

/* COPYRIGHT */
div.copyright {font: 10px verdana; 
	color: #666; 
	padding: 5px 0 10px 0;
	margin-left: 20px;
}

/* FOOTER INFO */
#infoContainer {margin-top:0px;}
#infoContainer ul {padding: .2em 0;
	margin:0px;
	list-style-type: none;
	background-color: #F7F7F7;
	color: #999;
	width: 100%;
	font: 12px helvetica, sans-serif;
	text-align: center;
	border-bottom: 2px solid #000; 
	border-bottom-style: dotted; 
	border-bottom-color: #CCC; 
}
#infoNav li {display: inline;}
#infoNav li a {text-decoration: none;
	background-color: #F7F7F7;
	color: #999;
	padding: .2em .5em;
}
#infoNav li a:hover {background-color: #F7F7F7; color: #666;}

/* TOP LEFT PICS ON INDEX */
div#topLeft {padding: 5px; margin: 0px; height: 90px; width: 90px;}
div#topLeft img {margin-right: auto; margin-left: auto;}

/* TOP SERVICE IMAGE ON INDEX */
a#topServ img {margin-left: 85px;}

/* CREATIVE COMMONS */
div#cc {width: 200px;}
div#cc p {font: normal 9px verdana; width: 100%; text-align: center;}
div#cc a:link, div#cc a:visited {font: normal 10px verdana; color: #0045AD; text-decoration: none;}
div#cc a:hover, div#cc a:active {font: normal 10px verdana; color: #666; text-decoration: none;}
div#cc img {margin-top: 5px;}

/* ALEXA */
div#alexa {height: 65px; width: 120px; margin-top: 10px;}

/* RELATED ARTICLES */
h1#freeLance {font-family: verdana; font-size: 160%; color: #336699;}

/* DEALER LOCATOR */
div.dealerSignup {width: 60%; text-align: center; margin-left: 10px;}
div.dealerSignup div#caption {font: 9px verdana; border: 1px solid #CFCFCF; background-color: #FFF; color: #003399; font-weight: bold; padding: 2px;}
div.dealerSignup div#signUp {font: 10px verdana; border: 1px solid #75A3ED; background-color: #D2E4FC; padding: 10px 0;}
iframe.dealerLocator {margin: 10px;}

/* DEALER LOCATOR FORM */
form#dealerLocForm dl {list-style: none; text-align: center; font: 12px verdana; color: #000; margin: 0px 0px;}
table#dealerLocForm td {font: 10pt arial;}

/* COLOR TABLE ROWS */
.top {background-color: #999; color: #FFF; font-weight: bold;}
.even {background-color: #CCC;}
.odd {background-color: #FFF;}
#blueTop {background-color: #003366; color: #FFF; font-weight: bold;}

/* BREAKDOWN TABLES */
.bdeven {background-color: #F2F2F2;}
.bdodd {background-color: #FFF;}
input#addtocart {margin-right: 150px;}
table#cF {border: 1px solid #666; margin: 10px 0px 0px 0px;}
tr#blueTop td {padding: 0px 5px;}
div#bdHeadline {font: 12px arial; color: #003366; font-weight: bold;}

/* LIST STYLES */
dl {list-style-type: square; font:11px verdana;}
ol {list-style-type: decimal; font:11px verdana;}
ul {list-style: none;}
ul#aaa {list-style-image: url("http://st13.yahoo.com/I/aaaremotes_1548_28177.gif"); list-style-type: circle;}
li#pdf {list-style-image: url(/lib/aaaremotes/minipdf.gif);}

/* HEADER TEXT */
h1.title {font: 15px "trebuchet MS", Arial, Helvetica; color: #1888d0; font-weight: bold; vertical-align: text-top; line-height: 1.85ex;}
h1, h2, h3, h4 {font-family: arial; color: black;}
h1 {font-size: 140%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 110%;}

/* FINAL TEXT ON INDEX */
div#indexAds {width: 468px; margin: 10ex auto; text-align: center; padding: 0px 20px 20px 20px;}
p#indexAds {text-align: left; margin-bottom: 10px;}
div#finalText {margin-top: 10ex;}
div#finalText span {padding-right: 15px;}
p#ida {margin-bottom: 20px;}
p#ida img {margin-top: 10px;}
div#homepopular {margin-bottom: 20px;}
div#uspsDisc {margin: 15ex 0px 0px 20px; color: #666;}
div#ftrLinks img {margin: 2ex auto 0px auto; text-align: center;}

/* SCROLLING DIVS */
div.aaaScrollingDiv {padding: 5px; border: solid 1px #6699CC; width: 80%; height: 200px; overflow: auto; text-align: center; margin: 0px auto; clear: left;}
div.aaaScrollingDiv p {text-align: left;}

/* BODY */
body {font: 9px verdana; background-color:#FFF;}
body img {border: none;}

/* TABLES */
table.ship td {text-align: right;}
table.ship th {text-align: center;}
table.smArial {font: 10pt arial;}
td.BFTLinkCells {padding-left: 10px; padding-bottom: 5px;}
td.homePicsImg {width: 300px; border-left: solid 2px #FFF; text-align: center; vertical-align: middle;}
td.headerImgCell {border-bottom: solid 2px #FFF; text-align: left; vertical-align: top;}

/* HID TABLE */
table#hidTable a {font: 10pt helvetica; font-weight: bold;}
td#hidReaders, td#hidCards, td#hidSupport {background-color: #000066; padding: 3px 3px 3px 0;}
td#hidReaders a, td#hidCards a, td#hidSupport span {font: 12pt helvetica; font-weight: bold; color: #FFF; text-decoration: none; padding-left: 20px;}
td#hidReaders a {border-left: 12px solid #0099FF;}
td#hidCards a {border-left: 12px solid #FFFF66;}
td#hidSupport span {border-left: 12px solid #33CC00;}
td#hidReaders a:hover, td#hidCards a:hover {border-left: 12px solid red;}

/* SCROLL TEXT LINKS */
#scroll {width: 450px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #336699 ;
	font-weight: bold;
	font: small arial;
	font-style: italic;
	color: #CC0000;
	visibility: visible;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	position: relative;
	background-color: #F5FAFE;
}
#scrollingText {
/* width: 100%; */
white-space: nowrap;
position: relative;
}

/* AAA-SPAN */
div#aaaENG span.headline {font: 16px helvetica,
verdana; color: #cc0000; 
font-weight: bold; margin-left:10px;}
div#aaaENG {position: absolute; width: 828px;
height: 26px; left: 250px; 
top: 180px; text-align: left;}

/* YAHOO BADGE PROGRAM */
#yahoobadge {margin-top:10px;}

/* MERCHANT RATING  */
#rating {text-align:center; margin-bottom:5px;}
#rating img {display:inline; margin:10px 20px; vertical-align:middle; border:0;}
#rating {clear:left; width:100%;}

/* PDF */
.pdf {background-image: url("/lib/aaaremotes/pdf.gif"); background-repeat: no-repeat; padding-left: 20px; background-position: top left;}

/* TELL A FRIEND */
#tell-a-friend {display: none;}

#tell-a-friend form {margin: .5em 2em;}

#tell-a-friend input, select, textarea {margin-left: .5em;}

#tell-a-friend fieldset {
	margin: 1em 0;
	padding: .3em 1em;
	border: 1px solid #2a425f;
        width:40em;
}

#tell-a-friend fieldset br {display: none;}

#tell-a-friend legend {
	font-weight: bold;
	color: #2a425f;
	padding: .2em .5em;
	border: 1px solid #2a425f;
}

#tell-a-friend fieldset div {
	clear: both;
	margin: .1em 0;
	position: relative;
}

#tell-a-friend fieldset div span {display: none;}

#tell-a-friend label, fieldset div.cr p {
	margin: 0;
	display: block;
	width: 18em;
	text-align: right;
	float: left;
}

#tell-a-friend fieldset div.cr label {
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
}

#sButton {margin:0.5em auto 0;}

.mandat {color: #930;}

.mandat:after {content: "*";}

.buttons {text-align: center;}

.removed {display: none !important;}
#featured {
	background-image: url(lib/aaaremotes/featuredbkg.gif);
	background-position: top; 
	background-repeat: repeat-x;
	height:23px;
	color:white;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
}