/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.21 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Brad Parscale - Parscale Media Last Modified: Sat 8.19.09 @ 1:28pm */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q{ quotes: none; } br{ height: 0; } ul, ol, dl{ list-style: none; } /* Class for clearing floats */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #030000; font-family: "helvetica","arial",serif; text-transform: uppercase; font-weight: normal;} /* Create the Default Paragraphs */ p {color:#393838; line-height:20px;} p.price {color: #930904; font-size: 14px;} /* Specific Header Settings */ h1 {font-size:22px;} h2 {font-size:28px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /* Other Typo */ strong{font-weight: bold;} hr{border:0 #000 solid;border-top-width:1px;clear:both;height:0;} ol{list-style:decimal;} ul{list-style:square;} span.blue {color: #1b87d9; font-weight: bold;} span.red {color: #930904; font-weight: bold;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style:none;} /* Create default inline image class */ img.inline{ display: inline; vertical-align: middle; } /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a{color:#930904; text-decoration:none;} a:hover{color:#930904; text-decoration:underline;} a:active{outline:none;} a:focus{outline:1px dotted invert;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* Default Horizontal Zebra Table */ #hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;} #hor-zebra b{font-size: 13px; font-weight: bold;} #hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;} #hor-zebra td{color:#454444;padding:5px 8px 5px 8px; } #hor-zebra .odd{background:#f1f1f2;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font: 13px "helvetica",sans-serif, monospace; background: url("/images/site/bkg_rptr.jpg");} /* Wrapper */ #wrapper{width: 960px; min-height: 100%; height: auto !important; margin:0 auto -45px;} /* Login Page */ #login_bar {width: 600px; height: 600px; background: #253239; top: -600px; position: absolute; z-index: 100;} /* Header */ #header {height: 30px; background: #253239; position: relative; margin-bottom: 20px; font-size: 15px;} /* Navigation */ #navigation {width: 460px; position: absolute; left: 20px; top: 5px;} #navigation ul {list-style: none;} #navigation ul li {display: inline; color: #fff; margin-right: 5px;} #navigation ul li a {color: #fff;} /* Account */ #header_account {width: 460px; position: absolute; right: 20px; top: 5px; text-align: right;} #header_account ul {list-style: none;} #header_account ul li {display: inline; color: #fff; margin-left: 5px;} #header_account ul li a {color: #fff;} #header_account ul li.cart {background: url("/images/site/shop_cart.gif") top right no-repeat; padding-right: 30px;} /* Banner */ #banner {height: 125px; position: relative; margin-bottom: 40px;} #logo {width: 250px; height: 125px; position: absolute; top: 0; left: 20px;} #banner_message {width: 420px; height: 35px; position: absolute; top: 65px; left: 330px;} /* Main */ #main {width: 960px; margin-bottom: 30px;} /* Links */ .links img {margin-right: 2px; margin-top: 10px;} /* Secondary Content */ #secondary_content {width: 290px; padding: 10px; margin-right: 20px; float: left; background: #f2f1f1; font-size: 12px;} #secondary_content h2 {border-bottom: 1px solid #dcdbdb; margin-bottom: 10px; padding-bottom: 10px;} #secondary_content h3 {margin-bottom: 5px;} #secondary_content ul {list-style: none; margin: 5px 0;} #secondary_content ul li {margin-bottom: 5px; color: #393838; background: url("/images/site/bullet.png") 0 0 no-repeat; padding-left: 15px;} /* Secondary Product */ .secondary_product {border-bottom: 1px solid #dcdbdb; margin-bottom: 20px; padding-bottom: 20px;} .sp_image {width: 270px; height: 150px; border: 4px solid #dfdede; overflow: hidden; margin-bottom: 5px; position: relative;} .sp_image img {position: absolute; top: -30px; left: -10px;} /* Main Content */ #main_content {width: 620px; margin-right: 10px; float: right; padding-top: 10px;} #main_content h2 {border-bottom: 1px solid #dcdbdb; margin-bottom: 10px; padding-bottom: 10px;} #main_content h3 {margin-bottom: 5px;} #main_content img.border {border: 4px solid #dfdede;} #main_content ul {list-style: none; margin: 10px 0;} #main_content ul li {margin-bottom: 5px; color: #393838; background: url("/images/site/bullet.png") 0 0 no-repeat; padding-left: 15px;} /* Main Product */ .main_product {border-bottom: 1px solid #dcdbdb; margin-bottom: 20px; padding-bottom: 20px;} #main_content .main_product h2 {border-bottom: none; padding-bottom: 0; font-size: 22px;} .main_product_image {position: relative; width: 600px; height: 150px; overflow: hidden; margin-bottom: 10px; border: 4px solid #dfdede;} .main_product_image .mpi_graphic img {position: absolute; max-width: 600px; min-height: 150px;} .mpi_graphic {position: relative; width: 600px; height: 150px;} .mpi_new_overlay {width: 100px; height: 100px; position: absolute; right: 0; top: 0; z-index: 100;} /* Blog */ #blog_main {width: 660px; float: left; margin-right: 40px;} #blog_main h1 {font-size: 32px; color: #1b87d9; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 20px;} #blog_secondary {width: 260px; float: right; margin-top: 21px;} #blog_secondary h3 {font-size: 14px; color: #424140; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 10px;} #blog_secondary ul {list-style: none; margin-bottom: 20px; margin-left: 10px;} #blog_secondary ul li {margin-bottom: 5px;} .blog_entry {width: 660px; margin-bottom: 30px;} .blog_entry .entry_date {width: 55px; height: 60px; text-align: center; float: left; background: url("/images/site/blog_date.png") 0 0 no-repeat; margin-right: 20px;} .blog_entry .entry_date .day {color: #fff; font-size: 22px; margin-top: 5px; font-family: "georgia";} .blog_entry .entry_date .month {color: #fff; font-size: 12px; margin-top: 5px; font-family: "georgia"; line-height: 16px;} .blog_entry .entry_text {width: 585px; float: right;} .blog_entry .entry_text h2 {color: #930904; font-size: 16px; font-weight: bold; margin-bottom: 3px;} .blog_entry .entry_text p {line-height: 18px; margin-bottom: 10px;} .blog_entry .entry_text ul {list-style: disc; margin: 10px 0 10px 20px;} .blog_entry .entry_text li {margin-bottom: 3px;} /* Products */ #product {margin-bottom: 40px;} #product_images {margin-top: 10px; margin-bottom: 20px;} #product_images img {border: 1px solid #dfdede; margin-bottom: 10px;} #product_images ul {list-style: none;} #product_images ul li {display: inline;} #product_images ul li img {width: 100px;} #product h2 {font-size: 16px; margin-bottom: 10px;} #product h3 {font-size: 14px; margin-bottom: 10px;} #product p {margin-bottom: 10px;} #product ul {list-style: none; margin-bottom: 20px;} #product ul li {margin-bottom: 7px; color: #393838; background: url("/images/site/bullet.png") 0 0 no-repeat; padding-left: 20px;} #product_info {width: 660px; float: left; margin-right: 40px;} #product_details {width: 260px; float: right;} #product_details ul {list-style: none; margin-bottom: 20px;} #product_details ul li {margin-bottom: 7px; color: #393838; background: url("/images/site/bullet.png") 0 0 no-repeat; padding-left: 20px;} #product_info ol {margin-bottom: 20px; margin-left: 30px;} #product_info ol li {margin-bottom: 7px; color: #393838;} #product_links img {margin-right: 2px; margin-bottom: 10px;} .buy {float: left;} /* Store */ #store_main {width: 660px; float: left; margin-right: 40px;} #store_main h1 {font-size: 32px; color: #1b87d9; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 20px;} #store_secondary {width: 260px; float: left; margin-top: 21px;} #store_secondary h3 {font-size: 14px; color: #424140; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 10px;} #store_secondary ul {list-style: none; margin-bottom: 20px; margin-left: 10px;} #store_secondary ul li {margin-bottom: 5px;} .product_item {margin-bottom: 20px;} .product_item ul {list-style: disc; margin: 10px 0 0 20px;} .product_item ul li {color: #393838;} /* Footer Blog */ #footer_blog {width: 940px; margin: 20px 10px 0;} #footer_blog h2 {color: #1b87d9; font-size: 32px; margin-bottom: 20px; border-bottom: 1px solid #dcdbdb; padding-bottom: 10px;} #footer_blog .entry {width: 280px; float: left; margin-right: 20px;} #footer_blog .entry_date {width: 55px; height: 60px; text-align: center; float: left; background: url("/images/site/blog_date.png") 0 0 no-repeat; margin-right: 10px;} #footer_blog .entry_date .day {color: #fff; font-size: 22px; margin-top: 5px; font-family: "georgia";} #footer_blog .entry_date .month {color: #fff; font-size: 12px; margin-top: 5px; font-family: "georgia"; line-height: 16px;} #footer_blog .entry_text {width: 215px; float: right;} #footer_blog .entry_text h3 {color: #930904; font-size: 13px; font-weight: bold; margin-bottom: 3px;} #footer_blog .entry_text p {line-height: 18px;} /* Docs */ #docs {margin-bottom: 40px;} #docs h1 {margin-bottom: 10px;} #docs p {margin-bottom: 10px;} #docs h3 {margin-bottom: 5px;font-size: 16px;} #docs h4 {font-size: 14px; margin-bottom: 5px; padding-top: 20px; text-transform: none;} #docs .codeblock {background: #faf8f0; margin-bottom: 10px; border: 1px solid #bebab0; padding: 10px;} #docs .specialbox {background: #f7c9c9; margin-bottom: 10px; border: 1px solid #bebab0; padding: 10px; font-size: 14px;} #docs .simple {background: #fff; margin-bottom: 10px; border: 1px solid #bebab0; padding: 10px; font-size: 14px;} #docs ol {margin-left: 20px;} #docs ul {margin-left: 0; list-style: none; margin-bottom: 10px;} #docs li {margin-bottom: 5px;} /* Register */ #register {margin-bottom: 60px;} #register #member_form label {display: block; float: left; width: 150px; padding: 5px;} #register #member_form input {width: 200px; background: #f9f9f9; border: 1px solid #253239; padding: 5px;} #register p {margin-bottom: 10px; font-size: 16px;} #register #member_form input.checkbox {width: 20px; background: none; border: none; padding: 0;} #register #member_form input.submit {width: 100px; cursor: pointer;} /* Login */ #login label {display: block; float: left; width: 150px; padding: 5px;} #login input {width: 200px; background: #f9f9f9; border: 1px solid #253239; padding: 5px;} #login p {margin-bottom: 10px; font-size: 16px;} #login input.checkbox {width: 20px; background: none; border: none; padding: 0;} #login input.submit {width: 100px; cursor: pointer;} /* Contact */ #contact h2 {margin-bottom: 10px; font-size: 16px;} #contact label {display: block; float: left; width: 100px; padding: 5px;} #contact input {width: 300px; background: #f9f9f9; border: 1px solid #253239; padding: 5px;} #contact select {} #contact textarea {width: 400px; height: 200px; background: #f9f9f9; border: 1px solid #253239; padding: 5px;} #contact p {margin-bottom: 10px; font-size: 16px;} #contact input.checkbox {width: 20px; background: none; border: none; padding: 0;} #contact input.submit {width: 100px; cursor: pointer;} /* Account */ #account {} #account p {margin-bottom: 10px; font-size: 16px;} #account h2 {margin-bottom: 10px; font-size: 16px;} #account_downloads {margin-bottom: 40px;} #account_left {width: 400px; float: left; margin-right: 60px;} #account_right {width: 500px; float: right;} #customer_info {margin-bottom: 20px;} #customer_info h1 {margin-bottom: 10px;} #customer_info label {width: 100px; display: block; float: left; padding: 5px;} #customer_info p {margin-bottom: 10px; font-size: 15px;} #customer_info input {background: #f9f9f9; border: 1px solid #253239; padding: 5px; width: 210px; margin-right: 5px;} #customer_info input.submit {display: block; width: 56px; height: 22px; cursor: pointer;} #billing_info label {width: 140px; display: block; float: left; padding: 5px;} #billing_info input {background: #f9f9f9; border: 1px solid #253239; padding: 5px; width: 210px; margin-right: 5px;} #billing_info input.submit {display: block; width: 100px; cursor: pointer;} #billing_info input.checkbox {width: 20px;} .transaction {border: 1px solid #253239; margin-bottom: 20px; padding: 5px;} .billing_info {width: 234px; float: left; margin-right: 20px;} .fe_profile_message {color: #930904;} .fe_profile_error {color: #930904;} /* Custom Form */ #custom_form {width: 400px; padding: 20px;} #custom_form label {display: block; float: left; width: 100px; padding: 5px;} #custom_form input {width: 300px; background: #f9f9f9; border: 1px solid #253239; padding: 5px;} #custom_form select {} #custom_form textarea {width: 300px; height: 150px; background: #f9f9f9; border: 1px solid #253239; padding: 5px;} #custom_form p {margin-bottom: 10px; font-size: 16px;} #custom_form input.checkbox {width: 20px; background: none; border: none; padding: 0;} #custom_form input.submit {width: 100px; cursor: pointer;} /* Footer Push */ #push{height: 45px;} /* Footer */ #footer {width: 960px; margin: 0 auto; height: 45px; background: #253239; position: relative; font-size: 11px;} #footer a {color: #fff;} #demon {position: absolute; top: -28px; left: -10px;} #copyright {position: absolute; left: 30px; top: 12px;} #copyright p {color: #b6b5b5;} #footer_nav {position: absolute; right: 20px; top: 15px;} #footer_nav ul {list-style: none;} #footer_nav ul li {display: inline; color: #fff; margin-left: 5px;} #footer_nav ul li a {color: #fff;} /* FoxyCart */ #fc_checkout_container {margin: 0 0 0; padding: 30px 0 0; background: none;} #fc_receipt_container {margin: 0 0 0; padding: 40px 0 0; background: none;} #fc_checkout_cart {width:47%; margin-top:70px; margin-bottom:25px; float:right;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(/images/colorbox/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(/images/colorbox/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(/images/colorbox/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(/images/colorbox/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(/images/colorbox/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(/images/colorbox/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(/images/colorbox/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(/images/colorbox/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}