html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a:hover, a:active { outline: none; }


small { font-size: 85%; }
strong, th { font-weight: bold; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

input[type=button], input[type=submit], button { cursor: pointer; }

ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; width:100%;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* typography */
body { font-size:100%; line-height:22px; font-size:12px; font-family:"Lucida Grande", helvetica, arial; }
h1,h2,h3,h4,h5,h6,p,hr,ul,ol,li,select,textarea,input {margin:0 0 5px 0;}
h1 {font-size:280%;}
h2 {font-size:250%;}
h3 {font-size:200%;}
h4 {font-size:160%;}
h5 {font-size:130%;}
h6 {font-size:110%;}
h7 {font-size:120%;font-weight:bold; line-height:20%;}  /* jim added h7 */
h1,h2,h3,h4,h5,h6 {font-weight:400; line-height:100%;}
p.small { line-height: 70%;}   /* jim added h7 */

li {list-style:disc inside none; margin-left:10px;font-size: 100%; color:brown}

em {font-style:italic;}

blockquote, q {margin:15px 25px; font-style:italic;}

/* common classes */
.wrapper {width:960px; margin:0 auto;}
.l { text-align: left; } 
.r { text-align: right; } 
.c { text-align: center;}
.fl { float: left; } 
.fr { float: right; }
.fn { float:none; }
.cl { clear: left; } 
.cr { clear: right; } 
.cb { clear: both; }


/* Spacing */ 
.st { margin-top: 10px; } 
.sr { margin-right: 10px; } 
.sb { margin-bottom: 10px; }
.sl { margin-left: 10px; } 
.sst { margin-top: 20px; } 
.ssr { margin-right: 20px; } 
.ssb { margin-bottom: 20px; }
.ssl { margin-left: 20px; }

/* Padding */
.pt { padding-top: 10px; } 
.pr { padding-right: 10px; } 
.pb { padding-bottom: 10px; }
.pl { padding-left: 10px; } 
.ppt { padding-top: 20px; } 
.ppr { padding-right: 20px; } 
.ppb { padding-bottom: 20px; }
.ppl { padding-left: 20px; }
.pppr { padding-right: 5px;}

/* position-jim added */
.btm {position: absolute; bottom: 100px}

/* text colors - jim */


/* background color-jim added */
.bkg {background-color:#E4E4E2;}/*gray*/


/* clearfix */
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

form { padding: 0; margin: 0;} 
input { padding: 0; margin: 0;} 
address { font-style: normal; } 
option { padding-right: 5px; }

/* basic styling */
.normal {font-weight:normal;}
.caps {text-transform:uppercase;}
.inline {display:inline;}
.block {display:block;}
.hide {display:none;}
.link {text-decoration:underline;}

/* navigation */
nav ul {margin:0;}
nav li {margin:0; display:block; float:left;}
nav li a {margin:0; display:block;}

.info-message {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; background-color:#fffbe5; border:1px solid #EFEBD5; color:#8D785A; text-align:center;}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104;display: none;}
* html #fancybox-loading {position: absolute;margin-top: 0;}
#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('fancybox.png');}
#fancybox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000;z-index: 1100;display: none;}
* html #fancybox-overlay {position: absolute;width: 100%;}
#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 20px;z-index: 1101;display: none;}
#fancybox-outer {position: relative;width: 100%;height: 100%;background: #FFF;box-shadow:0 0 20px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);-moz-box-shadow:0 0 20px rgba(0,0,0,0.4);}
#fancybox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: 0;outline: none;overflow: hidden;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background-image: url('fancybox.png');background-position: -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox_error {color: #444;font: normal 12px/20px Arial;padding: 7px;margin: 0;}
#fancybox-content {height: auto;width: auto;padding: 0;margin: 0;}
#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
#fancybox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;}
#fancybox-title {position: absolute;bottom: 0;left: 0;font-family: Arial;font-size: 12px;z-index: 1102;}
.fancybox-title-inside {padding: 10px 0;text-align: center;color: #333;}
.fancybox-title-outside {padding-top: 5px;color: #FFF;text-align: center;font-weight: bold;}
.fancybox-title-over {color: #FFF;text-align: left;}
#fancybox-title-wrap {display: inline-block;}
#fancybox-title-wrap span {height: 32px;float: left;}
#fancybox-title-left {padding-left: 15px;background-image: url('fancybox.png');background-position: -40px -90px;background-repeat: no-repeat;}
#fancybox-title-main {font-weight: bold;line-height: 29px;background-image: url('fancybox-x.png');background-position: 0px -40px;color: #FFF;}
#fancybox-title-right {padding-left: 15px;background-image: url('fancybox.png');background-position: -55px -90px;background-repeat: no-repeat;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background-image: url('blank.gif');z-index: 1102;display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico { background-image: url('fancybox.png'); background-position: -40px -30px;}
#fancybox-right-ico { background-image: url('fancybox.png'); background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible;    /* IE6 */}
#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span { left: auto; right: 20px;}{% if template contains 'article' %}{% assign canonical_url = article.metafields.blogfeeder.canonical %}{% endif %}
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
  
  <!-- Quantcast Tag -->
<script type="text/javascript">
var _qevents = _qevents || [];

(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();

_qevents.push({
qacct:"p-33fjaF6Rkvdbo"
});
</script>

<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-33fjaF6Rkvdbo.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<!-- End Quantcast tag -->
  
 <!--Start of Zopim Live Chat Script - SCRIPT REMOVED-->
<!--End of Zopim Live Chat Script-->

  <link rel="shortcut icon" href="{{ 'favicon.png' | asset_url }}" type="image/png" />
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>{{ shop.name }} - {{ page_title | escape }}{% if settings.title_tags != "" %} - {{ settings.title_tags }}{% endif %}</title>

  {{ content_for_header }}
  
  {% if template == 'index' %}
  <meta name="description" content="{{ settings.meta_description }}" />
  {% endif %}
  
  <meta name="author" content="{{ settings.meta_author }}" />
  <meta name="keywords" content="{{ settings.meta_keywords }}" />

  <meta property="og:site_name" content="{{ shop.name }}" />
  {% if template == 'product' %}
  <meta property="og:image" content="{{ product.featured_image | product_img_url: 'compact' }}" />
  {% endif %}

  {{ 'reset.css' | asset_url | stylesheet_tag }}
  {{ 'shop.css' | asset_url | stylesheet_tag }}

  <!--[if IE]>
  {{ 'ie.css' | asset_url | stylesheet_tag }}
  <![endif]-->
  <!--[if IE 9]>
  {{ 'ie9.css' | asset_url | stylesheet_tag }}
  <![endif]-->
  <!--[if IE 8]>
  {{ 'ie8.css' | asset_url | stylesheet_tag }}
  <![endif]-->
  <!--[if IE 7]>
  {{ 'ie7.css' | asset_url | stylesheet_tag }}
  <![endif]-->
  <!--[if lt IE 7 ]>
  {{ 'ie6.css' | asset_url | stylesheet_tag }}
  <![endif]-->

  {{ 'modernizr.js' | asset_url | script_tag }}

  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

  {% if settings.typeface_method == "typekit" %}
  {{ settings.typekit_js }}
  {% endif %}

  {{ 'option_selection.js' | shopify_asset_url | script_tag }}
  {{ 'api.jquery.js' | shopify_asset_url | script_tag }}
  {{ 'ajaxify-shop.js' | asset_url | script_tag }}
  
  {% if template contains 'customers' %}
    {{ 'shopify_common.js' | shopify_asset_url | script_tag }}
    {{ 'customer_area.js'  | shopify_asset_url | script_tag }}
  {% endif %}

  {{ 'jquery-ui-1.8.6.js' | asset_url | script_tag }}
  {{ 'jquery.cookie.js' | asset_url | script_tag }}
  {{ 'jquery.slider.js' | asset_url | script_tag }}
  {{ 'cloud-zoom.js' | asset_url | script_tag }}
  {{ 'shop.js' | asset_url | script_tag }}

  {% if settings.typeface_method == "google_webfonts" %}
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family={{ settings.google_header_font }}">
  {% endif %}

  <script type="text/javascript">
  Shopify.money_format = '{{ shop.money_format }}';
  </script>

  {% capture active_url %}{% if template == "index" %}/{% elsif template == "collection" %}/collections/{{ collection.handle }}{% elsif template == "product" %}{% if collection %}/collections/{{ collection.handle }}{% endif %}/products/{{ product.handle }}{% elsif template == "page" %}/pages/{{ page.handle }}{% elsif template == "blog" %}/blogs/{{ blog.handle }}{% elsif template == "cart" %}/cart{% elsif template == "search" %}/search{% elsif template == "article" %}{{ article.url }}{% endif %}{% endcapture %}
</head>

<body>
  
<!--  Original Code

  <div class="wrapper clearfix">
    <header class="clearfix">
      <div class="logo">
        {% if settings.use_logo %}
        <a href="/" class="shop_logo"><img src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name }}" class="png_bg" /><h1 style="font-size:20px;float:left;margin-top:10px;line-height: 75px">{{ shop.name }}</h1></a>
       {% else %}
        <h1><a href="/">{{ shop.name }}</a></h1>
        {% endif %}
      </div> <!-- /.logo -->
      

      
   <!-- New Code 112013-->  

    <div class="wrapper clearfix">
    <header class="clearfix">
      <div class="logo">
       <a href="/" class="shop_logo"><img src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name }}" class="png_bg" /></a>
      </div> <!-- /.logo -->

<!-- End New Code 112013-->     
      
      
      
      
      <div class="cy fr clearfix">
        <div class="fr cart-summary">
          <span class="cart">
            <h3>
              <a href="/cart">
                <span class="cart-total-items clearfix">
                  {% if settings.cart_summary_style == "dollars" %}
                  <span class="total_price fl">{{ cart.total_price | money }}</span>
                  {% else %}
                  <span class="total_price fl">{{ cart.item_count }} {{ cart.item_count | pluralize: 'Item', 'Items' }}</span>
                  {% endif %}
                </span>
              </a>
            </h3>
          </span>
          <div id="item-added" style="display:none;">'Item' {{ settings.tr_was_added_to_cart }}</div>
        </div> <!-- /.cart-summary -->
        <div class="fr contact-info">
          {% if settings.contact_phone != "" %}<span class="tel">{{ settings.contact_phone }}</span>{% endif %}
          {% if settings.contact_email != "" %}<span class="email"><a href="http://ccpvideos.com/pages/contact-us">Contact Us</a></span>{% endif %}
        </div>
      </div> 
    </header>

    <nav class="main">
      <ul class="clearfix">
        {% for link in linklists[settings.main_linklist].links %}
        {% if linklists[link.handle] == empty %}
        <li{% if settings.display_collection_dropdown and link.type == 'collection_link' and link.object.tags.size > 0 %} class="dropdown"{% endif %}{% if settings.display_blog_dropdown and link.type == 'blog_link' and link.object.articles.size > 0 %} class="dropdown"{% endif %}>
        <a href="{{ link.url }}" class="{% if link.url == active_url %} current{% endif %}{% if template == 'article' and link.url == blog.url %} current{% endif %}{% if settings.use_cufon_on_navigation %} cufon{% endif %}"><span>{{ link.title }}</span></a>
        {% if settings.display_collection_dropdown and link.type == 'collection_link' and link.object.tags.size > 0 %}
        <ul class="dropdown">
          {% for tag in link.object.tags %}
          <li><a href="{{ link.url }}?constraint={{ tag | handleize }}">{{ tag }}</a></li>
          {% endfor %}
        </ul>
        {% endif %}
        {% if settings.display_blog_dropdown and link.type == 'blog_link' and link.object.articles.size > 0 %}
        <ul class="dropdown">
          {% for article in link.object.articles %}
          <li><a href="{{ article.url }}">{{ article.title }}</a></li>
          {% endfor %}
        </ul>
        {% endif %}
      </li>
      {% else %}
      <li class="dropdown"><a href="{{ link.url }}" class="{% if link.url == active_url %} current{% endif %}{% if template == 'article' and link.url == blog.url %} current{% endif %}{% if settings.use_cufon_on_navigation %} cufon{% endif %}"><span>{{ link.title }}</span></a>
        <ul class="dropdown">
          {% for link in linklists[link.handle].links %}
          <li><a href="{{ link.url }}"{% if link.url == active_url %} class="current"{% endif %}>{{ link.title }}</a></li>
          {% endfor %}
        </ul>
      </li>
      {% endif %}
      {% endfor %}
      <li class="fr">
        <form id="search_form" class="searchform" name="search" action="/search">
          {% if template == "search" and search.performed and search.terms != "" %}
          <input type="text" name="q" class="replace" value="{{ search.terms }}" />
          {% else %}
          <input type="text" class="replace" name="q" value="{{ settings.tr_search_text }}" />
          {% endif %}
        </form>
      </li>
    </ul>
  </nav>

  <section id="body" class="clearfix">
    <div class="sidebar">
      {% include 'sidebar' %}
    </div>
    <div class="main">
      {% if settings.show_breadcrumb_nav %}
      {% include 'breadcrumb' %}
      {% endif %}
      {% if template == 'list-collections' %}
      <div id="collection">
        <h2>{{ settings.tr_product_collections }}</h2>

        <div id="content-table" class="clearfix">
          {% for collection in collections %}
          {% unless collection.all_products_count == 0 or collection.handle == "frontpage" %}
          <div class="product{% cycle 'all-featured': '', '', '', ' last' %}">
            <div class="image">
              <a href="{{ collection.url }}">
                <img src="{{ collection.products.first.featured_image | product_img_url: 'medium' }}" alt="{{ product.title | escape  }}" />
              </a>
            </div>
            <div class="details">
              <a href="{{ collection.url }}">
                <span class="title">{{ collection.title }}</span>
              </a>
            </div>
          </div>
          {% endunless %}
          {% endfor %}
        </div>
      </div>
      {% else %}
      {{ content_for_layout }}
      {% endif %}
    </div>
  </section> <!-- /#body -->

  <footer class="clearfix">
    <nav class="main">
      <ul class="clearfix">
        {% for link in linklists[settings.footer_linklist_1].links %}
        <li><a href="{{ link.url }}"{% if link.url == active_url %} class="current"{% endif %}{% if template == 'article' and link.url == blog.url %} class="current"{% endif %}>{{ link.title }}</a></li>
        {% endfor %}
<a href="https://ccpvideos.myshopify.com/admin" target="_blank">_</a>

        {% if settings.pinterest_url != "" %}<li class="fr pinterest"><a href="{{ settings.pinterest_url }}">Pinterest</a></li>{% endif %}
        {% if settings.twitter_account != "" %}<li class="fr twitter"><a href="http://www.twitter.com/{{ settings.twitter_account }}">Twitter</a></li>{% endif %}
        {% if settings.facebook_url != "" %}<li class="fr facebook"><a href="{{ settings.facebook_url }}">Facebook</a></li>{% endif %}
        {% if settings.rss_url != "" %}<li class="fr rss"><a href="{{ settings.rss_url }}">RSS</a></li>{% endif %}
</ul>
    </nav>
    <div class="details clearfix">
      <div class="fl subtext" style="top:0px !important;">
        Copyright &copy; {{ 'now' | date: "%Y" }} {{ shop.name }} 
        {% if settings.display_shop_currency %}| All prices in {{ shop.currency }}{% endif %} 
        {% if settings.designed_by %}| Designed by <a href="http://ryanlanglois.me">Ryan Langlois</a>{% endif %} 
        {% if settings.powered_by %}| {{ powered_by_link }}{% endif %}
      </div>
      <div class="fr">
        <nav>
          <ul class="cc clearfix">
            {% if settings.accept_visa %}<li><img src="{{ 'cc-visa.gif' | asset_url }}" alt="Visa" /></li>{% endif %}
            {% if settings.accept_mastercard %}<li><img src="{{ 'cc-mastercard.gif' | asset_url }}" alt="MasterCard" /></li>{% endif %}
            {% if settings.accept_amex %}<li><img src="{{ 'cc-amex.gif' | asset_url }}" alt="Amex" /></li>{% endif %}
            {% if settings.accept_cirrus %}<li><img src="{{ 'cc-cirrus.gif' | asset_url }}" alt="Cirrus" /></li>{% endif %}
            {% if settings.accept_delta %}<li><img src="{{ 'cc-delta.gif' | asset_url }}" alt="Delta" /></li>{% endif %}
            {% if settings.accept_discover %}<li><img src="{{ 'cc-discover.gif' | asset_url }}" alt="Discover" /></li>{% endif %}
            {% if settings.accept_westernunion %}<li><img src="{{ 'cc-westernunion.gif' | asset_url }}" alt="Western Union" /></li>{% endif %}
            {% if settings.accept_paypal %}<li><img src="{{ 'cc-paypal.gif' | asset_url }}" alt="PayPal" /></li>{% endif %}
          </ul>
        </nav>
      </div>
    </div>
  </footer>
</div> <!-- /.wrapper -->
</body>
</html>


<script type="text/javascript"> <!--document.write(unescape("%3Cscript id='omniaff_o789258' src='" + (("https:" == document.location.protocol) ? "https://" : "http://") + "ccpvideos.myomnistar.com/track.js' type='text/javascript'%3E%3C/script%3E"));//-->
 </script>