/*this style was moved to enable the header to use different coloured visited links to purple  - 01 04 04*/
a:visited{color:#660099; text-decoration:underline}

/* Start of new AA styles - June 01 2003 */

body {
            background-color: #ffffff;
            margin-bottom: 0px;
            margin-left: 2px;
            margin-right: 0px;
            margin-top: 2px;
  	    font-family: Arial, Verdana, sans-serif;
  	    font-size: 12px;
}

/*/*/a{}
body, body td, body th {
			
  			font-size: x-small;
  			voice-family: "\"}\"";
  			voice-family: inherit;
  			font-size: x-small;
}

html>body, html>body td, html>body th {
			
  			font-size: 12px;
}
/* */

.box { 
            float: left;
			clear: left;
            width: 100%;
            margin-bottom: 20px;
}

form
{
    margin: 0px;
    border: 0px;
    padding: 0px;
    display: inline;
}
   
h1 {
            color:#000000; 
            text-decoration:none; 
            font-weight:bold;   
            font-size: 135%;
            margin-bottom: 0px; 
            margin-top: 0px
}

h2 {
            color:#666666; 
            text-decoration:none; 
            font-weight:bold;   
            font-size: 125%;
            margin-bottom: 0px; 
            margin-top: 0px
}
    
h3 {
            color:#666666; 
            text-decoration:none; 
            font-weight:bold;   
            font-size: 115%;
            margin-bottom: 0px; 
            margin-top: 0px
}

h4 {
            color:#5c5c5c; 
            text-decoration:none; 
            font-weight:600;    
            font-size: 90%;
            margin-bottom: 0px; 
            margin-top: 0px
}

hr 
{
            height: 1px;
            background: #cccccc;
}

.darkgrey {
            color: #666666;
}

.grey {
            color: #aaaaaa;
}

.homepageh2 {
			color:#000000; 
            text-decoration:none; 
            font-weight:bold;   
            font-size: 115%;
            margin-bottom: 0px; 
            margin-top: 0px
}

.homepageh3 {
			color:#000000; 
            text-decoration:none; 
            font-weight:bold;   
            font-size: 105%;
            margin-bottom: 0px; 
            margin-top: 0px
}

/* div'd page classes */

.main {
        width:780px;
        }
        
.mainctr {
        width:95%;
        }       
        
.center {
        text-align:center;
        }
        
.maincolumn {
        width:2%;
        float:left;
        padding-bottom:0px;
        }
        
.sidebar {
        width:16%;
        float:left;
        padding-bottom:0px;
        font-family:arial;
        }
        
.mainspan {
        width:78%;
        float:left;
        }
        
                
.phoneleft {
        width:75%;
        float:left;
        }       
        
.phoneright {
        width:25%;
        float:left;
        }   
        
.contentcenter {
        width:65%;
        float:left;
        }
        
.contenthalf {
        width:47%;
        float:left;
        }   
        
.contentthird {
        width:30%;
        float:left;
        }   
        
.contenttwothird {
        width:62%;
        float:left;
        }
        
.contenthalfcolumn {
        width:4%;
        float:left;
        }   
    
.contentcolumn {
        width:2%;
        float:left;
        padding-bottom:0px;
        }

.contentright {
        width:31%;
        float:left;
        padding-bottom:0px;
        font-family:arial;
        }
        
.banner {
        clear:both;
        }
        
.rowspacer {
        clear:both;
        }
        
.rowspacerthin {
    clear:both;
    font-size : 50%;
    font-family : monospace;
}
        
.header {
        clear:both;
        }
            
.footer {
        clear:both;
        }
        
.highlightdiv {
            background-color: #ffffcc;
}

.liststyle1 {
list-style: lower-roman;
}

.liststyle2 {
list-style: lower-alpha;
}

/* Following navlist entries added for hotel/restaurant pages (MR3450) */

.navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.navlist li 
{
padding-left: 15px;
background-image: url(/images/common/icons_accents/product_accent_01.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

/* ---------------------------------------------------------------------------------------*/


/* START - yellow background box */
.yellowbox    { background-color: #ffffcc; repeat; }

 .yellowtop         { background: url(/images/common/table_ht.gif) repeat-x; }
 .yellowtop div     { background: url(/images/common/table_tl.gif) no-repeat top left; }
 .yellowtop div div { background: url(/images/common/table_tr.gif) no-repeat top right; }

 .yellowbottom         { background: url(/images/common/table_hb.gif) repeat-x; }
 .yellowbottom div     { background: url(/images/common/table_bl.gif) no-repeat top left; }
 .yellowbottom div div { background: url(/images/common/table_br.gif) no-repeat top right; }

 .yellowcontentwrap { background: url(/images/common/table_vl.gif) repeat-y; }
 .yellowcontent     { background: url(/images/common/table_vr.gif) repeat-y right; }
  /* height and width to set  position of outlines. */
 .yellowtop div,  .yellowtop,  .yellowbottom div,  yellowbottom {width: 100%;   height: 9px;    font-size: 1px;}

 .yellowcontent  { padding: 0 1em 0em 1em ; margin: 0;  }
 .yellowbox { width: 100%; margin: 1em auto;  }
 /* END yellow background box */
 
 /* START grey background box */
 .greybox    { background-color: #f4f4f4; repeat; }

 .greytop         { background: url(/images/common/table4_ht.gif) repeat-x; }
 .greytop div     { background: url(/images/common/table4_tl.gif) no-repeat top left; }
 .greytop div div { background: url(/images/common/table4_tr.gif) no-repeat top right; }

 .greybottom         { background: url(/images/common/table4_hb.gif) repeat-x; }
 .greybottom div     { background: url(/images/common/table4_bl.gif) no-repeat top left; }
 .greybottom div div { background: url(/images/common/table4_br.gif) no-repeat top right; }

 .greycontentwrap { background: url(/images/common/table4_vl.gif) repeat-y; }
 .greycontent     { background: url(/images/common/table4_vr.gif) repeat-y right; }
  /* height and width to set  position of outlines. */
 .greytop div,  .greytop,  .greybottom div,  greybottom {width: 100%;   height: 9px;    font-size: 1px; }

 .greycontent  { padding: 0 1em 0em 1em ; margin: 0;  }
 .greybox { width: 100%; margin: 1em auto;  }
 /* END grey background box */
  
 /* START red-line / grey background box */
  .redgreybox    { background-color: #f4f4f4; repeat; }
 
 .redgreytop         { background: url(/images/common/red_table3_ht.gif) repeat-x; }
 .redgreytop div     { background: url(/images/common/red_table3_tl.gif) no-repeat top left; }
 .redgreytop div div { background: url(/images/common/red_table3_tr.gif) no-repeat top right; }

 .redgreybottom         { background: url(/images/common/red_table3_hb.gif) repeat-x; }
 .redgreybottom div     { background: url(/images/common/red_table3_bl.gif) no-repeat top left; }
 .redgreybottom div div { background: url(/images/common/red_table3_br.gif) no-repeat top right; }

 .redgreycontentwrap { background: url(/images/common/red_table3_vl.gif) repeat-y; }
 .redgreycontent     { background: url(/images/common/red_table3_vr.gif) repeat-y right; }
  /* height and width to set  position of outlines. */
 .redgreytop div,  .redgreytop,  .redgreybottom div,  redgreybottom {width: 100%;   height: 9px;    font-size: 1px; }

 .redgreycontent  { padding: 0 1em 0em 1em ; margin: 0;  }
 .redgreybox { width: 100%; margin: 1em auto;  }
/* END red-line / grey background box */

/* START - white background box */
whitebox    { background-color: #ffffff; repeat; }

 .whitetop         { background: url(/images/common/table5_ht.gif) repeat-x; }
 .white div     { background: url(/images/common/table5_tl.gif) no-repeat top left; }
 .whitetop div div { background: url(/images/common/table5_tr.gif) no-repeat top right; }

 .whitebottom         { background: url(/images/common/table5_hb.gif) repeat-x; }
 .whitebottom div     { background: url(/images/common/table5_bl.gif) no-repeat top left; }
 .whitebottom div div { background: url(/images/common/table5_br.gif) no-repeat top right; }

 .whitecontentwrap { background: url(/images/common/table5_vl.gif) repeat-y; }
 .whitecontent     { background: url(/images/common/table5_vr.gif) repeat-y right; }
  /* height and width to set  position of outlines. */
 .whitetop div,  .whitetop,  .whitebottom div,  whitebottom {width: 100%;   height: 9px;    font-size: 1px;}

 .whitecontent  { padding: 0 1em 0em 1em ; margin: 0;  }
 .whitebox { width: 100%; margin: 1em auto;  }
 /* END white background box */

 /* ---------------------------------------------------------------------------------------*/
 
 .secondarynav
{
font-size: 90%;
font-weight: bold;
text-decoration: none;
color: #000000; 
}

a.secondarynav:visited
{
font-size: 90%;
font-weight: bold;
text-decoration: none;
color: #000000; 
}

a.secondarynav:hover
{
text-decoration: underline;
color: #000000; 
}

.padding1
{
    padding: 1px;
}

.padding2
{
    padding: 2px;
}

.padding5
{
    padding: 5px;
}

.padding11
{
    padding: 11px;
}

.fulllengthbar
{
    width: 778px;
    background: #FFE681;
    border-style: solid;
    border-top-width: 1px;
    border-top-color: white;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #CC9900;
}

.tabon
{
height: 20px;
text-decoration: none;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
color: #333;
background-color: #ffffff;
border-style: solid;
border-top-width: 1px;
border-top-color: #999;
border-left-width: 1px;
border-left-color: #999;
border-right-width: 1px;
border-right-color: #999;
border-bottom-width: 0px;
}

a.tabon:visited
{
height: 20px;
text-decoration: none;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
color: #333;
background-color: #ffffff;
border-style: solid;
border-top-width: 1px;
border-top-color: #999;
border-left-width: 1px;
border-left-color: #999;
border-right-width: 1px;
border-right-color: #999;
border-bottom-width: 0px;
}

.aatab
{
height: 20px;
text-decoration: none;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
color: #f8f8f8;
background-color: #333;
border-style: solid;
border-top-width: 1px;
border-top-color: #FFE681;
border-left-width: 1px;
border-left-color: #FFE681;
border-right-width: 1px;
border-right-color: #999999;
border-bottom-width: 0px;
}

a.aatab:link
{
height: 20px;
text-decoration: none;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
color: #f8f8f8;
background-color: #333;
border-style: solid;
border-top-width: 1px;
border-top-color: #FFE681;
border-left-width: 1px;
border-left-color: #FFE681;
border-right-width: 1px;
border-right-color: #999999;
border-bottom-width: 0px;
}

a.aatab:visited
{
height: 20px;
text-decoration: none;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
color: #f8f8f8;
background-color: #333;
border-style: solid;
border-top-width: 1px;
border-top-color: #FFE681;
border-left-width: 1px;
border-left-color: #FFE681;
border-right-width: 1px;
border-right-color: #999999;
border-bottom-width: 0px;
}

a.aatab:hover
{
height: 20px;
text-decoration: none;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
color: #000;
background-color: #fff;
border-style: solid;
border-top-width: 1px;
border-top-color: #999;
border-left-width: 1px;
border-left-color: #999;
border-right-width: 1px;
border-right-color: #999;
border-bottom-width: 0px;
}

.headernav
{
width: 778px;
background-color: #FFcc00;
float: left;
font-weight: bold;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-bottom-color: #CC9900;
color: black;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(/images/homepage/ja_logo.gif);
}

.fsaaprrate {
            font-weight:bold;   
            font-size: 150%;
}
 
/* ---------------------------------------------------------------------------------------*/

 /*     START grey borders */
 .borderTop {
    border-top : 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding : 1% 1% 1% 1%;
 }
 
 .borderMiddle {
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding : 1% 1% 1% 1%;
    }
 .borderDivide {
    border-top: 1px solid #cccccc;
    padding : 0% 0% 0% 0%;
 }
 .borderBottom {
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding : 1% 1% 1% 1%;
 }

 /*     END grey borders  */

/* Start of new AA styles - August 08 2001 */
/* links */
a{color:blue; text-decoration:underline}
a:hover{color:#FF6600; text-decoration:underline}
.link2 {color:#333366; text-decoration:underline}

/* headings */
big {color:#000000; text-decoration:none; font-size:16px; font-weight:bold;}
.subheading {color:#666666; text-decoration:none; font-size:14px; font-weight:normal;}
.subheadingbold {color:#666666; text-decoration:none; font-size:14px; font-weight:bold;}
.subheadingblack {color:#000000; text-decoration:none; font-size:14px; font-weight:normal;}

/* body text styles */
small {color:#666666; font-size:100%;}
.black {color:#000000;}
.white {color:#ffffff;}
.quote {font-size:24px; font-weight:bold;}
.refnum {font-weight:bold;}

/* highlight text */
.highlight1 {color:#cc0000;}

/* forms */
input {font-family:Arial,Verdana ;font-size:12px}
textarea {font-family:Arial,Verdana;font-size:12px}
select {font-family:Arial,Verdana;font-size:12px}
.select140  {font-family:Arial,Verdana;font-size:12px; width:137px}
.select175  {font-family:Arial,Verdana;font-size:12px; width:175px}
.select200  {font-family:Arial,Verdana;font-size:12px; width:199px}
.select300  {font-family:Arial,Verdana;font-size:12px; width:299px}
/* form errors */
.select140error  {font-family:Arial,Verdana;font-size:12px; width:137px; background-color: #ffcccc}
.select200error  {font-family:Arial,Verdana;font-size:12px; width:199px; background-color: #ffcccc}
.selecterror {font-family:Arial,Verdana;font-size:12px; background-color: #ffcccc}


/*Car Test Reports Printing Format*/
.comparetable {font-size:9px}
.generaltable {font-size:10px}

/*new homepages specific css objects added may 2004 */

.function
{
	height: 170px;
	float: left;
	background-color: #f7f7f7;
	width: 40%;
}

.image
{
	height: 170px;
	width: 59%;
	float: left;
}

.motorproduct19
{
	width: 20%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.motorproduct20
{
	width: 20%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.motorproduct39
{
	width: 39.7%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.motorproduct40
{
	width: 40%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.productserviceimage
{
	width: 33%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.travelfunction
{
	height: 170px;
	float: left;
	background-color: #f7f7f7;
	width: 44%;
}

.travelimage
{
	height: 170px;
	width: 55%;
	float: left;
}

.productservicesmaller
{
	width: 18%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.travelproduct22
{
	width: 22%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.travelproduct33
{
	width: 33%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.travelproduct40
{
	width: 40%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}

.travelproduct44
{
	width: 44.1%;
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(http://www.theaa.com/images/v_dots.gif);
}



/*homepages specific css objects */

.mainspanhomepages{
		width:100%;
		float:left;
}

.sub20
{
	width: 20%; 
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(../images/v_dots.gif);
}

.sub20grey
{
	width: 20%; 
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(../images/v_dots.gif);
	background-color: #f7f7f7
}

.sub40grey
{
	width: 40%; 
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(../images/v_dots.gif);
	background-color: #f7f7f7
}

.sub20noline
{
	width: 20%; 
	float: left;
}

.sub40
{
	width: 40%; 
	float: left;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(../images/v_dots.gif);
}

.mainholder
{
	float: left;
	width: 778px;
	background-color: #ffcc00;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-color: #ffffff;
	background-repeat: repeat;
	background-image: url(/images/homepage/main_bg.gif);
}

.mainpicture
{
	width: 455px;
	float: left;
	height: 143px;
}

.fulllengthbar
{
	float: left;
	width: 778px;
	background: #FFE681;
	border-style: solid;
	border-top-width: 1px;
	border-top-color: white;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #CC9900;
}

.mainmessage
{
	float: left;
	height: 143px;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-color: #ffffff;
}

.h1homepages
{
font-size: 180%;
font-weight: normal;
margin-bottom: 0px;
margin-top: 0px;
}

.subinteraction
{
	height: 170px;
	float: left;
	background-color: #f7f7f7;
	width: 40%;
}

.mainlink
{
font-size: 90%;
text-decoration: none;
color: #000000; 
}
.weight1
{
color: #FF9933;
}

.weight2
{
color: #c90;
}

.weight3
{
color: #;
}

.weight4
{
color: #039;
}

.weight6
{
color: #999;
}

.weight7 {
	color:#000000;
	font-size:85%;
}

.loansleft {
	width:41%;
	float:left;
}

.loansright {
	width:53%;
	float:left;
}

.loanscarleft {
	width:20%;
	float:left;
}

.loanscarright {
	width:78%;
	float:left;
}

.loanstopup {
	width:220px;
	height:90px;
	background-repeat: no-repeat;
	background-image: url(/images/finance/tap.jpg);
	background-position: right;
	float:left;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: #999999;
	border-left-width: 0px;
	border-left-color: #999999;
	border-right-width: 0px;
	border-right-color: #999999;
	border-bottom-width: 0px;
	border-bottom-color: #999999;
	padding: 0px;
}