/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*end reset*/ html, body { height: 100%; } body { font-family: Arial, sans-serif; font-size: 0.9em; color: #cccccc; background: #191718 url(images/bg_main.jpg) no-repeat center top; margin: 0px; padding: 0px; } #wrap {min-height: 98.6%; width: 860px; margin: 0 auto; padding:10px 25px 0px 25px; background: url(images/bg_gray_transparency.png) repeat center top;} #main {overflow:hidden; padding-bottom: 50px;} /* must be same height as the footer */ /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /** * Elements ************************************************/ /* Hyperlinks */ a { text-decoration: none; } a:link { color: #ff0000;} a:visited { color: #ff0000; } a:hover {color: #FF8282;} a:active {} /***** Headings *****/ /* Banner */ h1 { font-size: 1.3em; color: #ff0000; padding: 0; margin: 0; } /* Pagetitle */ h2 { font-size: 1.3em; color: #fff;} /* Head */ h3 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 0; } /* Subhead/Bold */ h4 { font-size: 1.1em; color: #fff; padding-top: 5px; padding-bottom: 3px; } h5 { font-size: 1.0em; color: #ff0000; margin-bottom: 0px; } /* avoid browser default inconsistent heading font-sizes */ pre, code { font-size: 1em; } /* Text elements */ strong { font-weight: bold;} em { font-style: italic;} cite {} abbr {} acronym { border-bottom: #000 1px dashed; cursor: help; } sup {} sub {} address { font-style: normal } ins {} dfn {} del {} /* Horizontal Rule */ hr {} /* Paragraphs */ p {} /* List Items */ li {margin-left: 20px;} /* Unordered lists */ ul {list-style: circle;} ul li { padding-bottom:2px;} /* Ordered lists */ ol {list-style: decimal;} ol li {padding-bottom:8px;} /* Defition lists */ dl {} dt {} dd {} /* Blockquotes */ blockquote {} blockquote blockquote {} blockquote em {} /* Object */ object {} /* Code */ code {} pre {} pre code {} /* Tables */ table { border-collapse: collapse; border-spacing: 0; } caption {} tr {} th { } td { margin: 1px; padding-right: 5px; } /* Form Elements */ form { } legend { color: #000000; } label { } select { } option { } textarea { } input[type="button"] { } input[type="checkbox"] { } input[type="file"] { } input[type="hidden"] { } input[type="image"] { } input[type="password"] { } input[type="radio"] { } input[type="reset"] { } input[type="submit"] { border: none; background: url('images/submit.gif') no-repeat top left; height: 70px; width: 100px; } input[type="submit"]:hover { cursor: hand; } input[type="text"] { } button { } /* Drop caps */ .drop-cap { } /* Notes */ .note {} /* Warnings/Alerts */ .warning, .alert {} /* Errors */ .error {} /* Downloads */ .download {} /* Alignment */ .left, .alignleft {} .right, .alignright {} .center, .aligncenter {} .block, .alignnone {} .clear {} /* White space for various */ p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } /** * Wrapper ************************************************/ /* Contains entire site width */ #wrapper { width: 800px; margin: 0 auto 0px; padding: 0 0 0px 0; } /** * Header ************************************************/ /* Contains site title and tagline */ #header {} /* logo ----------------------------------------------- */ #logo { float: left; height: 430px; width: 249px; margin: 28px 0px 20px 10px; background: url(images/logo.jpg) no-repeat center top; } /** * Page navigation ************************************************/ /* Wrapper for navigation */ #navigation { margin-top: 30px;} ul#navlist { margin-left: 0; padding-left: 0; white-space: nowrap; } #navlist li { display: inline; list-style-type: none; margin-left: 9px; } #navlist a { padding: 0px 3px; font-size: 1.3em; } #navlist a:link, #navlist a:visited { color: #ccc; text-decoration: none; font-size: 1.3em; } #navlist a:hover, #navlist a.active { color: #ff0000; text-decoration: none; font-size: 1.3em; } /** * Content ************************************************/ /* Contains content */ #content { } #content-leftcolumn { width: 240px; float:left; height: 430px} #content-rightcolumn { width: 240px; float:right; display: inline;} #leftcolumn { margin: 0px 0px 0px 0px; padding: 0px; width: 300px; float: left; } #rightcolumn { float: right; margin: 0px 0px 0px 0px; padding: 0px; width: 500px; display: inline; } /* boxes ----------------------------------------------- */ .box { margin-bottom:30px; padding:10px 10px 1px 25px; } /** * Footer ************************************************/ /* Footer section */ #footer { position: relative; margin: -50px auto 0 auto; /* negative value of footer height */ height: 50px; clear:both; width: 840px;; text-align: center; border-top: 1px solid #8b9298; overflow: hidden; } /******************* General Styles *******************/ .top { vertical-align: top; } .middle { vertical-align: middle; } .bottom { vertical-align: bottom; } .sup { vertical-align: super; } .sub { vertical-align: sub; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .justify { text-align: justify; } .eleven { font-size: 11px; } .twelve { font-size: 12px; } .thirteen { font-size: 13px; } .fourteen { font-size: 14px; } .fifteen { font-size: 15px; } .b { font-weight: bold; } .i { font-style: italic; } .u { text-decoration: underline; } .o { text-decoration: overline; } .s { text-decoration: line-through; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .camelcase { text-transform: capitalize; } .smallcaps { font-variant: small-caps; } .slant { font-style: oblique; } .indent { text-indent: 10px; } .wrap { word-wrap: break-word; white-space: normal; } .pre { white-space: pre; } .block { display: block; } .inline { display: inline; } .none { display: none; } .visible { visibility: visible; } .hidden { visibility: hidden; } .collapse { visibility: collapse; } .circle { list-style-type: circle; } .disc { list-style-type: disc;} .clear { clear: both;} ul.collapse { list-style-type: none; } ul.collapse li { list-style-type: none; display: inline; } /* =Clear Floated Elements --------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .pickup-container { background: url(images/transparency.png) repeat; padding: 10px; height: auto; width: 450px; border: 1px solid #7a797a; margin-left:auto; margin-right:auto; } .button-container { background: url(images/transparency.png) repeat; padding: 10px; height: 180px; width: 175px; border: 1px solid #7a797a; margin-left: auto; margin-right: auto; } .button-container p { text-align:center; font-size: 1.0em; font-weight: bold} .button-container a { text-decoration: none; font-weight: bold; font-size: .9em;} .button-container a:link { color: #fff;} .button-container a:visited { color: #fff; } .button-container a:hover {color: #FF0000;} .button-container a:active {} .button-container-2 { background: url(images/transparency.png) repeat; padding: 10px; height: 100px; width: 340px; border: 1px solid #7a797a; margin-left:auto; margin-right:auto; } .button-container-2 p { text-align:center; font-size: 1.0em; font-weight: bold} .button-container-2 a { text-decoration: none; font-weight: bold; font-size: .9em;} .button-container-2 a:link { color: #fff;} .button-container-2 a:visited { color: #fff; } .button-container-2 a:hover {color: #FF0000;} .button-container-2 a:active {} .button { width: 155px; height: 42px; background: #7a797a url(images/grad_button.jpg) repeat-x; text-align: center; -moz-border-radius:15px 15px 15px 15px; -webkit-border-radius: 15px; border: 1px solid #c1272d; margin-bottom: 20px; padding-top: 4px; margin-left:auto; margin-right:auto; } .black { color: #000; font-weight: bold;} .border { border: 1px solid #000; } #input_box { background:none repeat scroll 0 0 transparent; line-height:20px; margin:0; padding:4px 0; width:380px; } #input_box input.editbox { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C0C0C0; height:20px; margin:0; padding:4px 0 0 4px; width:300px; } #input_box .label { background:none repeat scroll 0 0 transparent; float:left; font-weight:bold; margin:0; padding:4px 8px 0 0; text-align:right; width:65px; line-height:16px; } #input_box textarea.message { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C0C0C0; color:#000000; height:150px; line-height:16px; margin:0; padding:5px 5px 5px 4px; width:295px; } #coupon { background: url(images/coupon.jpg) no-repeat; width: 358px; height: 223px; } .coupon-text-area { float: right; padding-top: 10px; width: 235px; height: 223px; color: #000; } #coupon .title { color: #c1272d; font-size: .95em; font-weight: bold; padding-bottom: 5px; } #coupon .text { color: #3F3F3F; font-size: .8em; } #coupon .print { position: relative; bottom: 15px; left: 195px; color: #c1272d; font-size: .9em; font-weight: bold; } #form_layout label { width: 5em; float: left; text-align:left; padding-right: .5em; white-space:nowrap } #form_layout label select{ width: auto; float: left; } #form_layout label.error { float: none; color: red; padding-left: .5em; vertical-align: top; width: 40em; white-space:nowrap; } #form_layout p { clear: both; margin-bottom: .5em;} #form_layout .submit { padding-top:5px;} #form_layout em { vertical-align: top; color: #fff; font-size: .7em} #form_layout select { margin-bottom: .5em } .errorMessage { text-align: center; color: red; font-size: 1.5em;} #information h3{ padding-bottom: 0px; margin-bottom:0px; margin-top:5px;} form { overflow:hidden; } fieldset { position:relative; padding-bottom: 10px; padding-left: 5px; /* background: url(images/transparency.png) repeat; */ /* border: 1px solid #7a797a; */ } fieldset.contact { position:relative; padding-bottom: 10px; /* background: url(images/transparency.png) repeat; */ /* border: 1px solid #7a797a; */ } #form_layout label.contact { width: 5em; float: left; text-align:left; padding-right: .5em; } legend { font-size:1.3em; padding-left:8.2em; /* background: url(images/transparency.png) repeat; */ /* border: 1px solid #7a797a; */ color: #ff0000; } fieldset.login p label { float:left; line-height:2em; margin-right:3%; text-align:right; width:32%; } fieldset.login p input { width:60%; } fieldset.login input.button { margin-left:35%; } form p.notice { font-weight:bold; } input.search.text { width:134px; float: right; margin-top: 12px; color: #586B98; } input.search.button { width:28%; margin-left:2%; } #how-it-works { position: relative; top:-20px; left: 170px; height:5px; } #coupon-button { background: url(images/coupon.png) no-repeat; width:160px; height:104px; margin:40px auto 0 auto; } #coupon-button:hover { background: url(images/coupon-hover.png) no-repeat; width:160px; height:104px; } #submit-button { background: url(images/submit.png) no-repeat; width:100px; height:41px; margin:0 auto 0 auto; } #submit-button:hover { background: url(images/submit_hover.png) no-repeat; width:100px; height:41px; } #how-button { background: url(images/how-it-works.png) no-repeat; width:100px; height:41px; margin:0 auto 0 auto; } #how-button:hover { background: url(images/how-it-works-hover.png) no-repeat; width:100px; height:41px; } div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; } #ui-datepicker-div { display: none; }