/* Portfolio CSS
   Web Advanced
 

/* GLOBAL --------------------------------------------------------- */

	body,html {
	    margin: 0; padding: 0;
	    font-family: Arial, Tahoma, Helvetica;
	    font-size: 12px; 
		text-align: center; }

	img {border:0;}
	
	a:link, a:visited, a:hover, a:active { color: #890C4C; }

	.font10 {font-size:10px;}
	.font12 {font-size:12px;}
	.font14 {font-size:14px;}
	.font16 {font-size:16px;}
	.font18 {font-size:18px;}

/* NAVIGATION ----------------------------------------------------- */

    /* Left Nav */
	#navigation    { background-color: #000000; color: #FFFFFF; text-align:right; font-style: italic; }
	#navigation ul { padding:0; margin:0; font-size: 16px; font-weight: bold; border-top: 1px #666666 dotted; }
	#navigation li { padding:0; margin:0; list-style: none; color: #ffffff; }
	#navigation ul li a  { padding: 8px 10px 8px 0; color: #ffffff; text-decoration: none; display: block; border-bottom: 1px #666666 dotted; }
	#navigation ul li a:hover { color: #ffffff; background-color:#890C4C; border-bottom: 1px #890C4C solid; }
	
	/* Subitems	*/
	#navigation .indented ul { border: none; }
	#navigation .indented li { font-size:14px; border: none; }
	#navigation .indented a  { border: none; padding: 6px 10px 6px 0; color: #FFCC66; }
	
	/* Sub-Subitems	*/
	#navigation .sub-indented a       { border: none; padding: 4px 40px 4px 0; font-size:13px; background: url(../images/bullet.gif) 180px center no-repeat;  }
	#navigation .sub-indented a:hover { background-color:#890C4C; }
	#navigation .sub-indented ul      { border: none; }

	/* Sub-Sub-Subitems	*/
	#navigation .sub-sub-indented ul { border-bottom: 1px #666666 dotted; font-size:12px; font-weight:normal; font-style:normal;   }
	#navigation .sub-sub-indented a  { border: none; color: #A6C8E0; padding: 4px 0; background: url(../images/bullet-blue.gif) 166px center no-repeat; padding-right: 55px;  }
	
	#navigation .selected a { background-color:#890C4C; border-bottom: 1px #890C4C solid; }
		
	/* Footer Nav */
	.footernav ul {
		margin:0; padding:0 0 12px 19px;
		float:left; }
	.footernav li 
	{
	    float:left;
		display:inline;
		list-style: none;
		padding: 3px 11px 3px 10px;
		margin:0;
		border-top: 2px solid #890C4C; 
		background-color: #999999;
		font-size: 11px; }
	.footernav li.spacer {
	    border:none;
	    width: 9px;
	    padding:3px 0 2px 0;
	    margin:3px 0 0 0; }
	.footernav a:link, .footernav a:visited 
	{
	    color: #000000; text-decoration: none; }
	.footernav a:hover, .footernav a:active 
	{
	    text-decoration: underline; }

/* MASTER PAGES --------------------------------------------------- */

	/* All Pages */
	#wrapper { margin: 0 auto; text-align: left; }
	#banner { 
		padding: 22px 0 34px 0;
		background-color: #000000; }
	
	/* Home Page */
	.nav-contact {
		padding: 40px 20px 20px 10px;
		text-align: right;
		font-size: 12px;
		color: #ffffff; }
	.nav-contact a { color: White; }
	#content-home {
		background: url(../images/bg/bg-home.jpg) top right no-repeat; background-size: cover; }
	
	.nav-info { margin: 10px; padding: 10px; text-align: center; border: 1px solid #890C4C; background:#fff; color: #000; }
	.nav-info a { font-weight: bold; }
	
	/* Content Page */
    #banner-content { background-color:#000000; padding: 21px 0 21px 0; }
    #banner-content .logo { text-align:center; }
    #banner-content .photo { height: 125px; }
    #banner-content .contact1 {
        text-align: right;
        color: #ffffff;
        font-weight: bold;  
        font-size: 11px;
        padding: 26px 30px 0 0; }
    #banner-content .contact2 {
        text-align: right;
        color: #ffffff;
        font-weight: bold;  
        padding: 26px 50px 0 0;
        width: 160px;
        font-size: 11px; }
    #banner-content .contact2 a:link, #banner-content .contact2 a:visited { color:#ffffff; text-decoration: none; }
    #banner-content .contact2 a:hover, #banner-content .contact2 a:active { color:#ffffff; text-decoration: underline; }
	
	#banner-content .contact2 dl{ width: 125px; padding: 0; margin:0; float: right; }
	#banner-content .contact2 dt { padding: 0; margin:0; float: left;}
	#banner-content .contact2 dd { padding: 0; margin:0; float: right;}

/* HOME PAGE ------------------------------------------------------ */

	.content-wrapper { /* Primary style, faded bg */
		padding: 50px 350px 40px 50px;
		min-height: 468px;
		font-size: 15px;
		color: #000000;
		font-style: italic;
		position: relative; }
	.content-wrapper2 { /* Second style, top left bg */
		padding: 30px 40px 20px 320px;
		min-height: 468px;
		font-size: 15px;
		color: #000000;
		font-style: italic; }	
	.content-wrapper3 { /* Third style, top bg two col */
		padding: 360px 40px 20px 40px;
		min-height: 468px;
		font-size: 15px;
		color: #000000;
		font-style: italic; }			
	.content-wrapper4 { /* Fourth style, two col no bg */
		padding: 40px 40px 20px 40px;
		min-height: 468px;
		font-size: 15px;
		color: #000000;
		font-style: italic; }	
				
	* html .content-wrapper, * html .content-wrapper2 { height: 468px; } /* IE6 Hack */
	
	
	#content-contactus .content-wrapper { padding-right: 270px; padding-bottom: 20px; }
	#content-whoweare .content-wrapper { padding-right: 420px; padding-bottom: 20px; }
	#content-assetprotection .content-wrapper { padding-right: 420px; padding-bottom: 20px; }
	#content-expressautocare .content-wrapper2 { padding-bottom: 50px; }
	#content-tirewheel .content-wrapper { padding: 40px 40px 20px 40px; }
	#content-expresscare .content-wrapper { padding: 22px 0 20px 40px; }
		
	h1, h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: bold;
		font-style: italic;
		color: #09397F; 
		margin-top:0; }
	h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: bold;
		font-style: italic;
		color: #890C4C; }		
	.highlight {
		color: #890C4C;
		font-weight: bold; }
	ul.highlight { padding:0; margin:0; }	
	ul.highlight li {
		list-style: none;
		color: #890C4C;
		font-weight: bold;
		padding-bottom: 6px; }		
		
	.text-blue, .text-blue a { color: #09397F; font-weight: bold; text-decoration:none; float: right; padding: 10px; }
	.text-purple, .text-purple a { color: #890C4C; font-weight: bold; text-decoration:none; }

    .hr { font-size:1px; line-height:1px; background-color:#890C4C; height:1px; margin-top:18px; }

/* CONTENT PAGES -------------------------------------------------- */
	
    .chart { padding-bottom: 40px; text-align: center; }

    .button-agentsdealers { text-indent: 999px; display:block; height:31px; width:56px; border:0;
        background: url(../images/button-login.jpg) top right no-repeat;
        cursor:pointer; }

	#content-ourproducts { background: url(../images/bg/bg-ourproducts.jpg) top right no-repeat; background-size: cover; }
	#content-communityfocus { background: url(../images/bg/bg-communityfocus.jpg) top right no-repeat; background-size: cover; }
	#content-contactus { background: url(../images/bg/bg-contactus.jpg) top right no-repeat; background-size: cover; }
	#content-whoweare { background: url(../images/bg/bg-whoweare.jpg) top right no-repeat; }
	#content-agentsdealers { background: url(../images/bg/bg-agentsdealers.jpg) top right no-repeat; background-size: cover; }
	#content-ourunderwriters { background: url(../images/bg/bg-ourunderwriters.jpg) top right no-repeat; background-size: cover; }
	
	/* Asset Protection */
	#content-assetprotection { background: url(../images/bg/bg-assetprotection.jpg) top right no-repeat; background-size: cover; }
	#content-gap { background: url(../images/bg/bg-gap.jpg) top right no-repeat; background-size: cover; }
	    #content-franchiseddealers { background: url(../images/bg/bg-franchiseddealers.jpg) top left no-repeat; background-size: cover; }
	    #content-nonfranchiseddealers { background: url(../images/bg/bg-nonfranchiseddealers.jpg) top left no-repeat; background-size: cover; }
	    #content-powersport { background: url(../images/bg/bg-powersport.jpg) top left no-repeat; background-size: cover; }
	    
	#content-expressautocare { background: url(../images/bg/bg-expressautocare.jpg) top left no-repeat; }
	    #content-levelsprotection { background: url(../images/bg/bg-levelsprotection.jpg) top left no-repeat; }
	    
	#content-tirewheel { background: url(../images/bg/bg-tirewheel.jpg) top left no-repeat; }
	#content-expresscare { background: url(../images/bg/bg-expresscare.jpg) top left no-repeat; }
	#content-reimbursementguarantee { background: url(../images/bg/bg-reimbursementguarantee.jpg) top left no-repeat; background-size: cover; }
	#content-totalcare { background: url(../images/bg/bg-totalcare.jpg) top left no-repeat; }
	
	/* Loyalty Programs */
	#content-loyaltyprograms { background: url(../images/bg/bg-loyaltyprograms.jpg) top right no-repeat; background-size: cover; }
	#content-expresstires { background: url(../images/bg/bg-expresstires.jpg) top left no-repeat; background-size: cover; }
	#content-maintenance { background: url(../images/bg/bg-maintenance.jpg) top left no-repeat; }
	
	/* Anti-Theft Programs */
	#content-antitheftprograms { background: url(../images/bg/bg-antitheftprograms.jpg) top right no-repeat; background-size: cover; }
	#content-expresscode { background: url(../images/bg/bg-expresscode.jpg) top left no-repeat; }
	#content-expressetch { background: url(../images/bg/bg-expressetch.jpg) top left no-repeat; }
	#content-vehiclereplacement { background: url(../images/bg/bg-vehiclereplacement.jpg) top left no-repeat; }
	#content-securegeonet { background: url(../images/bg/bg-securegeonet.jpg) top left no-repeat; background-size: cover; }
	
	div#dealer_box { width: 320px; padding: 10px; background-color: #ffffff; border: 1px #000000 solid; position: absolute; left: 320px;}
	a.btn-blue  { background: url(../images/button-blue.jpg) top left no-repeat; float: left; clear: both; padding: 6px 0 6px 38px; margin-bottom: 6px; }
	.clr { clear:both; }