/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px;} img {border: none;} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited, a:active {color: #212e84; text-decoration:underline; cursor: pointer; font-weight:bold;} a:hover {color: #5a4444; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {margin: 0px; padding: 0px; background:url(../images/cartagz_bkg.jpg) repeat-x #EAEAEA;} body {position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000;} #container {width: 985px; margin: 0px auto;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; height:155px; /*background:url(../images/branding_bkg.gif) no-repeat right top; */z-index:1} #branding ul li {padding:0px; list-style:none;} #branding h2 {position:relative; padding:27px 0px 0px 0px;} #login {position:absolute; top:41px; right:0px;} #branding ul li {list-style:none;} #branding ul.bar {position:relative; padding:0px; right:0px; top:34px; display:block; margin:0px; float:right; width:985px; height:29px;} #branding li.yuimenubaritem {padding:0px; display:block; float:left; /*background:url(../images/nav_divider.jpg) no-repeat;*/ list-style:none;} #branding li.yuimenubaritem a {display:block; float:left; line-height:29px; text-align:center;} #branding li.first {background:none;} div.yui-b p {margin: 0 0 .5em 0;color: #999;} div.yui-b p strong {font-weight:bold; color:#000;} div.yui-b p em {color: #000;} #nav {position: static;} #nav ul li.yuimenubaritem {height:29px;} #nav a.yuimenubaritemlabel:link, #nav a.yuimenubaritemlabel:active, #nav a.yuimenubaritemlabel:visited {font-weight:bold; text-decoration:none; color:#fff; padding:0px; height:29px; font-size:12px;} #nav a.yuimenubaritemlabel:hover {color:#223e92; height:29px;} #nav .yuimenu {background:#fcf3da; border:solid 1px #f4dd97; font-size:12px; text-align:left; padding:0px 10px;} .yuimenu {position: absolute; left: 0; display: none;} #nav .yuimenu a.yuimenuitemlabel:link, #nav .yuimenu a.yuimenuitemlabel:visited, #nav .yuimenu a.yuimenuitemlabel:active {font-family:Arial, Helvetica, sans-serif; color:#223e92; font-weight:bold; font-size:12px; text-decoration:none;} #nav .yuimenu a.yuimenuitemlabel:hover {color:#223e92; text-decoration:none;} #nav .yui-menu-shadow {display:none;} .yuimenuitemlabel,.yuimenubaritemlabel {white-space:nowrap;} #nav #nav_home {background:url(../images/nav/home.jpg) no-repeat bottom left; width:54px;} #nav #nav_about {background:url(../images/nav/about.jpg) no-repeat bottom left; width:73px;} #nav #nav_view {background:url(../images/nav/license.jpg) no-repeat bottom left; width:118px;} #nav #nav_contact {background:url(../images/nav/contact.jpg) no-repeat bottom left; width:63px;} #nav #nav_dmv {background:url(../images/nav/services.jpg) no-repeat bottom left; width:97px; margin-left:103px;} #nav #nav_forms {background:url(../images/nav/forms.jpg) no-repeat bottom left; width:58px;} #nav #nav_instructions {background:url(../images/nav/instructions.jpg) no-repeat bottom left; width:85px;} #nav #nav_testimonials {background:url(../images/nav/testimonials.jpg) no-repeat bottom left; width:90px;} #nav #nav_fees {background:url(../images/nav/fees.jpg) no-repeat bottom left; width:50px;} #nav #nav_dealers {background:url(../images/nav/dealers.jpg) no-repeat bottom left; width:65px;} #nav #nav_fleets {background:url(../images/nav/fleets.jpg) no-repeat bottom left; width:57px;} #nav #nav_affiliates {background:url(../images/nav/affiliates.jpg) no-repeat bottom left; width:69px;} #nav a#nav_home:hover, #nav a#nav_about:hover, #nav a#nav_view:hover, #nav a#nav_contact:hover, #nav a#nav_dmv:hover, #nav a#nav_forms:hover, #nav a#nav_instructions:hover, #nav a#nav_testimonials:hover, #nav a#nav_fees:hover, #nav a#nav_dealers:hover, #nav a#nav_fleets:hover, #nav a#nav_affiliates:hover {background-position:top left;} #pg_home #nav_home {color:#223e92; background:url(../images/nav/home.jpg) no-repeat top left;} #pg_about #nav_about {color:#223e92; background:url(../images/nav/about.jpg) no-repeat top left;} #pg_view #nav_view {color:#223e92; background:url(../images/nav/license.jpg) no-repeat top left;} #pg_contact #nav_contact {color:#223e92; background:url(../images/nav/contact.jpg) no-repeat top left;} #pg_services #nav_dmv {color:#223e92; background:url(../images/nav/services.jpg) no-repeat top left;} #pg_forms #nav_forms {color:#223e92; background:url(../images/nav/forms.jpg) no-repeat top left;} #pg_instructions #nav_instructions {color:#223e92; background:url(../images/nav/instructions.jpg) no-repeat top left;} #pg_testimonials #nav_testimonials {color:#223e92; background:url(../images/nav/testimonials.jpg) no-repeat top left;} #pg_fees #nav_fees {color:#223e92; background:url(../images/nav/fees.jpg) no-repeat top left;} #pg_dealers #nav_dealers {color:#223e92; background:url(../images/nav/dealers.jpg) no-repeat top left;} #pg_fleets #nav_fleets {color:#223e92; background:url(../images/nav/fleets.jpg) no-repeat top left;} #pg_affiliates #nav_affiliates {color:#223e92; background:url(../images/nav/affiliates.jpg) no-repeat top left;} /* CONTENT FORMATTING ---------------------------------------------------*/ #contentbox {width:939px; height:auto; background:#fff; padding:13px 23px; border-bottom:1px solid #4671F1; margin-bottom:15px;} #contentbox2 {width:772px; float:left;} #content {margin-left:304px;} #content p {margin: 0px 0px 18px 0px; line-height:19px;} #content h1 {font-family:Arial, Helvetica, sans-serif; color:#162966; font-size:22px; line-height:18px; font-weight:bold; padding:0px 0px 7px 0px; border-bottom:2px solid #979797; margin-bottom:15px;} #content h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#525151; padding:0px; margin:0px 0px 10px 0px; line-height:18px;} #content h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#3a5cc8; font-style:normal; font-weight:bold; padding:0px; margin:0px 0px 7px 0px;} #content h4 {font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; color:#3a5cc8; font-style:normal; font-weight:bold; padding:0px; margin:0px 0px 15px 0px;} #content h5 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#525151; margin:0px 0px 8px 0px;} #content ul, #content ol {margin:0px 5px 10px 15px; list-style-image:url(../images/bullet.jpg) !important; } #content li {margin:0px 0px 8px 15px;} #content ul li {padding:0px 0px 0px 5px;} #content ol li {list-style: decimal} #content a:link, #content a:visited {color:#6f83aa; text-decoration:underline; font-weight:bold;} #content a:hover, #content a:active {color:#6f83aa; text-decoration:none;} #landing_img {} .photo {border: 6px solid #8b915e; margin: 10px 0px} .photoLeft, .photoRight {border:2px solid #f29321;} .photoLeft {float:left; margin: 5px 15px 10px 0px;} .photoRight {float: right; margin: 5px 0px 10px 20px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .center {padding:0px 0px 0px 32px; background:none;} * html .center {padding:0px 0px 0px 25px; background:none;} .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col2 {width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col3 {width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col li {margin-left: 5px} .col_list {position:relative; width:190px; padding-right:25px; float:left;} .col_list_last {position:relative; width:190px; padding-right:0px; float:left;} .col_list2 {position:relative; width:250px; padding-right:55px; float:left;} .col_list2_last {position:relative; width:250px; padding-right:0px; float:left;} .clear {clear:both;} .contentbox_btm {margin-left:7px;} /*.line {border-bottom:1px solid #bbbbbb; margin-bottom:15px; width:635px;}*/ .header {} .fees {border:1px solid #4a4a4a; margin-bottom:15px;} #content .fees p {padding:0px 0px 0px 10px; margin-bottom:0px;} .title {width:365px; margin-right:35px;} .price {width:234px;} .row1 {} .row2 {background:#ccd3ec; padding-left:10px;} #steps {text-align:center; margin-bottom:30px;} #steps td {width:150px; font-size:13px; font-weight:bold; color:#575757; padding-bottom:10px;} .tooltip {display:none; background:url(../images/tooltip_top.gif) no-repeat; font-size:12px; padding:40px 10px 20px 20px; width:185px; height:auto; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .tooltip.bottom {background:url(/tools/img/tooltip/black_arrow_bottom.png); padding-top:40px; height:55px;} /*.tooltip {position:relative; top:0px; left:0px; background:url(../images/tooltip_top.gif) no-repeat; font-size:12px; padding:40px 10px 20px 20px; width:185px; height:auto; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .tooltip.bottom {background:url(../images/tooltip_top.gif) top left; padding-top:40px; height:55px;}*/ #dyna {margin-bottom:20px;} #dyna p {float:left; text-align:center; line-height:20px; color:#575757; font-size:13px; font-weight:bold;} #dyna a {border:0; cursor:pointer; margin:0 8px;} #dyna a:link, #dyna a:visited {font-size:13px; font-weight:bold; color:#575757; } #dyna a:hover, #dyna a:active {font-size:13px; font-weight:bold; color:#575757; } td.col2 {margin-top:10px; padding:0px;} td.col2 h5 {} /* SIDEBAR ---------------------------------------------------*/ #sidebar {float:left; width:280px; padding:0px; float:left; margin-right:24px;} #sidebar #mainimg {border:2px solid #525151; margin-bottom:24px; width:276px; height:216px;} #sidebar h2 {font-family:'Futura', Arial, Helvetica, sans-serif; color:#3a5cc8; font-size:18px; line-height:23px; font-weight:normal; margin-left:12px; margin-bottom:20px; width:230px;} #sidebar h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#162966; font-weight:bold; margin-bottom:16px;} #sidebar .button {margin-bottom:20px;} #sidebar #testimonial {background:url(../images/testimonial_bkg.gif) no-repeat bottom left; border:1px solid #858585; padding:20px;} #sidebar #testimonial p {color:#1f1f1f; font-size:12px; line-height:18px;} .credit {text-align:right; font-weight:bold; font-style:italic; color:#525151; font-size:12px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #BBBBBB;} #sidebar a:link, #sidebar a:visited {color:#6f5100; text-decoration:none; font-weight:bold;} #sidebar a:hover, #sidebar a:active {color:#DBA000; text-decoration:none;} #sidebar ul {list-style:none;} /* WIDGETS ---------------------------------------------------*/ #sidebar .testimonial {background:url(../images/testimonial_bkg.gif) no-repeat bottom left; border:1px solid #858585; padding:20px;} #sidebar .testimonial p {color:#1f1f1f; font-size:12px; line-height:18px;} #sidebar #testimonial02 {background:url(../images/testimonial_bkg.gif) no-repeat bottom left; border:1px solid #858585; padding:20px;} #sidebar #testimonial02 p {color:#1f1f1f; font-size:12px; line-height:18px;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff; padding:5px 0px 20px 0px; font-size:11px; background:url(../images/footer_bkg.jpg) repeat-x #474747;} #siteinfo a:link, a:visited {color: #fff; text-decoration: underline; font-weight:normal; } #siteinfo a:hover, a:active {color: #fff; text-decoration: none;} #siteinfo cite {font-style:normal; line-height:25px; } #siteinfo cite a {color: #fff; font-style:normal;} .footerlinks {} #siteinfo .col1 {width:79px; padding-right:45px;} #siteinfo .col2 {width:85px; padding-right:45px;} #siteinfo .col3 {width:244px; padding-right:45px;} #siteinfo .col4 {width:103px; padding-right:45px; padding-top:20px;} #siteinfo .col5 {width:70px; padding-right:45px;} #siteinfo .col6 {} #siteinfo .col6 a {border:none; outline:none;} /* FORM ---------------------------------------------------*/ .form_row {position: relative; margin:10px 0px; clear:right; height: 20px} .form_row table td {padding:5px;} .form_row table select, .form_row table input {width:60px;} .form_req {width:10px; float:left} .form_label {width:200px; height:25px; margin-top:3px; float:left} label {clear: right; display: block} label input {width: 40px} /*PAGE SPECIFIC ---------------------------------------------------*/ #pg_landing #content {margin-left:304px; float:none; position:none; width:auto;} #pg_landing input, select {width:250px;} #pg_landing #content .radio {margin-bottom:15px;} #pg_landing #content .information {margin-bottom:15px;} #pg_landing #content .radio td input{width:15px; margin-right:10px;} #pg_landing #content .date td input {width:30px; margin-right:0px;} #pg_landing #content .label {width:200px; text-align:right; padding-right:20px; padding-bottom:10px;} #pg_landing #content .button {width:630px; text-align:right;} /*---------------------------------------------------*/ #pg_home {} /*---------------------------------------------------*/ /*#pg_about #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_about #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_view #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_view #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_contact #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_contact #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_services #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_services #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_forms #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_forms #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_instructions #mainimg {background:url(../images/sidebar/instructions.jpg) no-repeat;}*/ #pg_instructions #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_testimonials #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_testimonials #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_fees #mainimg {background:url(../images/sidebar/fees.jpg) no-repeat;}*/ #pg_fees #testimonial01 {display:none;} /*---------------------------------------------------*/ /*#pg_dealers #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_dealers #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_fleets #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_fleets #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_affiliates #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_affiliates #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_404 #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_404 #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_dmv #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_dmv #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_privacy #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_privacy #testimonial02 {display:none;} /*---------------------------------------------------*/ /*#pg_terms #mainimg {background:url(../images/sidebar/default.jpg) no-repeat;}*/ #pg_terms #testimonial02 {display:none;} /*Home ---------------------------------------------------*/ #flashcontent {width:985px; margin:0px; padding:15px 0px 0px 0px;} #content_hm {} #content_hm h1 {font-family:Arial, Helvetica, sans-serif; color:#24430c; font-size:20px; font-weight:normal; padding:0px 0px 3px 0px; border-bottom:1px dashed #b9a085; margin-bottom:9px;} .contentbox2 {background:#fff; padding:10px 22px; border-bottom:1px solid #4671f1;} .colLeft {width:404px; margin-right:29px; border:1px solid #000; padding:15px 25px 25px 25px;} .colMid {width:29px;} .colRight {width:404px; border:1px solid #000; padding:15px 25px 25px 25px;} .small {line-height:5px; font-size:11px;} #keywords {padding:20px;} #keywords p {color:#333333; line-height:18px;} #keywords td {width:315px;} #keywords a:link, #keywords a:visited {color:#333333; text-decoration:none; font-weight:normal; font-size:12px;} #keywords a:hover, #keywords a:active {color:#333333; text-decoration:underline;} #disclaimer {text-align:center; font-style:italic; color:#474747; font-size:12px; padding-bottom:20px;} table h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#162966; font-style:normal; font-weight:bold; padding:0px; margin:0px 0px 0px 0px;} table p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#162966; font-style:normal; font-weight:normal; margin-bottom:5px;} table a:link, table a:visited {color:#d19302; text-decoration:none; font-weight:bold; font-size:11px; padding-bottom:20px;} table a:hover, table a:active {color:#d19302; text-decoration:underline;} /*FLASH ---------------------------------------------------*/ a.prompt { display: block; height:36px; text-indent: -9999px; } a.learnMore { width:135px; background-image: url(../images/flash/prompt-learn-more-slides.jpg); margin-left:21px;} ol { list-style: decimal; margin-left: 5em; } p + ul, p + ol { margin-top: -.5em; } /* get lists below paragraphs closer to the paragraph */ li ul, li ol { margin-top: .5em; margin-bottom: .75em; } /* lists inside of LI's need room to breathe on top and don't need as much space on bottom */ /* change bullet style when nesting lists */ ul#slideshownav { list-style:none; width:985px; margin:0px; position:absolute; top:410px; z-index: 20;} ol ol, ol.alpha { list-style: upper-alpha; } li { margin: 0 0 .5em;} #slideshow { height: 466px; width:985px; overflow: hidden; position: relative; margin:20px 0px 0px 0px; color: #3194C5; background: #fff; } #slides { width: 470px; height: 184px; margin: 0; position: relative; z-index: 5; } #slideshownav li { position: relative; margin: 0; font-size: 1.1em; display:block; float:left; font-family:"Futura", Arial, Helvetica, sans-serif; color:#fff; font-size:16px; line-height:22px; padding:0px 55px; border-right:1px solid #fff; } #slideshownav a:link, #slideshownav a:visited, #slideshownav a:active { color: #FFF; font-weight: normal; text-decoration: none; } div.learnMore { position: absolute; z-index: 10; top: 300px; } #slides h2 {} #slides h2.newCbc { width: 161px; height: 31px; text-indent: -9999px; background-image: url(../images/logo-newCbc.png); } #slides p { line-height: 1.3em; } #slides img.bg { float: left; top: 0; left: 0; z-index: 2; } #slideshownav .activeSlide a {color:#fdd224; text-decoration: underline;} #slideshownav li.last {border:none;} .blue { color: #3A5CC8; } .red { color: red; } .loading { margin-top: 10px; background:url(../images/ajax-loader.gif) no-repeat; height: 35px;} .loading span { display: none; } #your_information { color: black; font-weight: bold; padding-bottom: 30px;} #your_information h6 { font-size: 12px; padding-bottom: 15px;} #your_information ul { padding: 0; margin: 0;} #your_information li { list-style-type: none; list-style-image: none; margin: 0;} #your_information .infolabel { float: left; width: 100px;} #payment_information { color: #000080; padding-bottom: 30px; padding-top: 20px;} #payment_information h6 { font-size: 12px; padding-bottom: 10px;} #payment_information ul { padding: 0; margin: 0;} #payment_information .note { clear: both; font-size: 10px; } #payment_information li { list-style-type: none; list-style-image: none; margin: 0; width: 200px; } #payment_information .infolabel { float: left; width: 150px;} #payment_information .info { float: right; } #payment_information input { border:none; width: auto; color: #000080; } #ship_options li {list-style-type: none; list-style-image: none; margin: 0; clear: both;} #ship_options input { width: auto; float: left; } #ship_options label { clear: none; } #shipping ul { padding: 0; margin: 0;} #billing ul { padding: 0; margin: 0; } #shipping li { list-style-type: none; list-style-image: none; } #billing li { list-style-type: none; list-style-image: none; } #payment li { list-style-type: none; list-style-image: none; } #payment input { width: auto; float: left; } input#same_check { width: auto; } #cc_info li { list-style-type: none; list-style-image: none; } #cc_info label { clear: both; } #new_address li { list-style-type: none; list-style-image: none; } #agree input { width: auto; } #pg_landing #content a, #pg_landing #content a:hover, #pg_landing #content a:active, #pg_landing #content a:visited, #pg_landing #content a:link { color : #3A5CC8; } div#replacement_sticker li { list-style-type: none; list-style-image: none; } .radio label { display: inline; } #replacement_sticker label { display: inline; } #replacement_sticker input { width: auto; } .error, .autonote { color: red; } li.strong { font-weight: bold; } div.staffnote { padding: 10px; } div.form_buttons { padding-bottom: 30px; } #citySpacer { margin-top: 5px; margin-left: 5px;} ul.frontpageList { float: left; width: 33%} ul.frontpageList li { list-style-type: none; }