﻿/** This should be read by ALL browsers! Place ALL styles here
    that are not related to Page LAYOUT information */

/** CSS is case-sensitive and the CMS changes HTML tags to UPPERCASE ******/
body {font-family:Arial,sans-serif; font-size: 12px; }
BODY {font-family:Arial,sans-serif; font-size: 12px; }
p {text-align: left; font-family:Arial,sans-serif; font-size: 12px; }
P {text-align: left; font-family:Arial,sans-serif; font-size: 12px; }
.myZindex{z-index:100;}
.tophorzmenuDDL{ text-align:left; vertical-align:middle;width:230px;z-index:100;} /*used for top horz menu - GenieNAVbig */



h1 h2 h3 h4 h5 H1 H2 H3 H4 H5 {font-family:Arial,sans-serif; }	
h1 {font-size:medium; margin-top:-3px;}
H1 {font-size:medium;}
h2 H2{ font-size:small;}
h3 H3{ font-size:smaller;}
h4 H4 {font-size: medium; }

td {font-family:Arial,sans-serif; font-size: 12px; }
TD {font-family:Arial,sans-serif; font-size: 12px; }
hr{text-align:left; background-color:#cecece; width:97%; height:1px;}
hr.whiteline{text-align:center; background-color:white; width:90%; height:2px;}
href.RIGHThyperlink  {float: right;width: 230px;  text-align: left;  } 
.hrtop{text-align:left; width:485px; color:#cecece;}
hr{text-align:left; background-color:#cecece; width:97%; height:1px;}
hr.underBreadcrumb{color: #cecece; width:100%; text-align:left;}
.FontArial{font-family:Arial}

img .photowrap {margin-right:10px;margin-bottom:5px;margin-left:25px;float: right;}
image.LEFTimg {float: left; width: 20px; text-align: left; border:solid 0px green;  }


ul li { list-style-image: url("../images/Red-Bullet.jpg");}
.linked li {list-style-image: url("../images/Red-Bullet.gif"); } 
.points li { list-style-type: square;   color:#c60c30;}/*Makes the bullets a RED SQUARE via default disc and changes the color of the words to RED */    
.leftAligned{vertical-align:middle;	text-align:left; z-index:100;} /*used for top horz menu - GenieNAVbig
.leftAlignedRED{vertical-align:middle;	color:red; text-align:left;}

.row {  clear: both;  padding-top: 5px; }
.skip{clear:inherit}


/*To be used at the top of each page */
.PageTitle{text-align:left; display:block; padding-bottom:10px; color:black; font-family:Arial; font-size:medium; font-weight:bold;}
#PageTitle{text-align:left; display:block; padding-bottom:10px; color:black; font-family:Arial; font-size:medium; font-weight:bold;}

#lbHead {text-align:left; color:#848484;font-family:Arial;font-size:XX-Small;} /*The ID is for pages that get the breadcrumb from the CMS */
.Breadcrumb{ text-align:left; color: #848484; font-size: 10px; 	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; }/*The CLASS SELECTOR is for pages that do NOT get the breadcrumb from the CMS but are aspx pages with breadcrumb hard-coded.*/

.boxwrapper2{margin-left: 70px;width:330px; text-align:center; margin-top:10px;}
.leftbox{float:left; width:160px;}
.rightbox{float:right; width:160px;}
.lowerbox{margin-top:10px; margin-left:130px;}
.boxwrapper3{width:500px; text-align:center; margin-top:10px;}

/*****************************************************
General Text - the higher the number the smaller the font:
*****************************************************/
.txt1 { font-size : 1.0em; }
.txt2 { font-size : 0.9em; }
.txt3 { font-size : 0.8em; }
.txt4 { font-size : 0.7em; }
.txt5 { font-size : 0.6em; }
.txt3red{ font-size : 0.8em;    color: Red;}
.hd12black{  color: black;    font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; }  /* to keep existing code from breaking */
.Arial10px{font-size:10px;}   /* for correcting CMS */
.Arial11px{font-size:11px;}   /* for correcting CMS */
.Arial12px{font-size:12px;}   /* for correcting CMS */
.REDErrorMsg{ color: red;   font-size: 10px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;  }

/*****************************************************
Table Header and cell definitions
*****************************************************/
td.roH1{color: #848484;    font-size: 1.1em;    font-weight:bold; font-family: : Verdana, Arial, Helvetica, sans-serif; }

/*****************************************************
Form Elements
*****************************************************/
select{font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;}
textarea{font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.8em;}
input{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;}

/*****************************************************
MISC Class Styles
*****************************************************/
.clear {clear: both;display: block;height: 1px;overflow: hidden; margin: 0;padding: 0;}
.floatright{float:right;}
.floatleft{float:left;}

.productinfo{float:left; width:250px;}
.productimage{float:right;padding-left:10px; width: 250px; margin-right:10px;margin-bottom:5px;margin-left:10px;}

.legal{font-size:8px; vertical-align: super; } /*Makes the R or TM superscript and decreases the font size */
.disclaimer{font-family:Arial; font-size: 9px; color: gray; line-height:1.5;}/*Used for HomeLink and Car2U disclaimer info:see RM User Control */	
.imgGrayArrow{border:solid 1px red; background-image:url("Images/grayArrowRight.jpg")}
.REDErrorMsg{ color: #c60c30;   font-size: 10px;    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;  }
.clear {clear: both;display: block;height: 1px;overflow: hidden; margin: 0;padding: 0;}
.floatright{float:right;}
.floatleft{float:left;}




/*****************************************************
Basic Page Elements :    <SPAN class=PageTitle> 
******************************************************
/*To be used at the top of each page */
.boxwrapper2{margin-left: 70px;width:330px; text-align:center; margin-top:10px;}
.leftbox{float:left; width:160px;}
.rightbox{float:right; width:160px;}
.lowerbox{margin-top:10px; margin-left:130px;}
.boxwrapper3{width:500px; text-align:center; margin-top:10px;}




.LeftLinks a:link {	color:gray;	text-decoration:none;text-align:left;}
.LeftLinks a:visited {color:gray;text-decoration:none;text-align:left;	}
.LeftLinks a:hover {color:#c60c30;text-decoration:none;	text-align:left;}
.LeftLinks a:active {color:#c60c30;text-decoration:underline overline;text-align:left;	}

.RightLinks a:link{	color:white;text-decoration:none;}
.RightLinks a:active{color:#c60c30;	text-decoration:none;	}
.RightLinks a:visited{color:white;text-decoration:none;}
.RightLinks a:hover{color: black;text-decoration:none;	}

.BodySection a:link {color:#013DA4;	text-decoration:none;}
.BodySection a:visited {color:#013DA4;text-decoration:none;}
.BodySection a:visited {color:#013DA4;text-decoration:none;	}
.BodySection a:active {	color:black;text-decoration:underline overline;	}

.NavBarContainer a:hover
{color: #c60c30; font-size: 12px; text-decoration:none;} 


    /* Use for TM  */
.supT {	vertical-align: baseline;	font-size: 0.6em;
       		position: relative;	top: -0.4em;}
	
/* Use for R  */
.supR {	vertical-align: baseline;	font-size: .8em;
	position: relative;	top: -0.4em
