/* =================================================================
    layout_classic.css
    For all classic templates.
   
    QSC MAIN LAYOUT CSS
    
	This file is comprised of mainly 4 parts:
   
	jello mold styles - this is the mion-width/max-width enabling code
	page wrapper styles - header, sidebars, footer, etc.
    forms
    search results
   ================================================================= */

/******************************************************************
    THIS IS A JELLO MOLD LAYOUT
     
        http://www.positioniseverything.net/articles/jello.html
     
    Several numbers are VERY important to the success of this layout.
    Rather than try to figure them all out on your own, use the generator:
     
        http://www.positioniseverything.net/articles/sidepages/pie-calc.php
     
    Then copy the top set of rules (body, #sizer, and #expander from the
        generated page and put them here.
 ******************************************************************/

/* RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* /RESETS */

/* Jello -- start copying here * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
body {
	padding: 0 400px 0 400px;
	margin: 0;
	text-align: center;
}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 83%;
	max-width: 400px;  /* version for IE is at the bottom of this style block
}

#expander {
	background: white;
	margin: 0 -400px 0 -400px;
	min-width: 800px; /* Critical Safari fix!
	position: relative;
}
*/

/* * * * * * Fixed Width * * * * * * */

body {
	padding:0px;
}

#sizer {
	max-width:none !important;
	width:auto !important;
}

#expander {
	margin:auto !important;
	min-width:0px !important;
	width: 780px !important;
}


/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper1 { width: 100%; } 


/* * --- stop copying, but be sure to grab IE's max-width, just above the body-tag --- * * * * * * * * * * * * * * */
	

/* */
/* The above is a modified Holly hack for #expander, with zero substituted for the 
   usual 1% height value. Any % value on this element causes a horrendous IE bug! */
/* helps IE get the child percentages right. */
/*#page-wrap { width: 99%; }*/

#wrapper1 {
    position: relative;
    font-size: .9em; /* set global font-size here */
	min-width: 0;
}
    
    /* this positioning may be needed for IEwin if page is to contain positioned elements */
#wrapper2 {
    position: relative; /* extra insurance against bugs in IEwin */
	min-width: 0;
}

/****************** Main Page Structure *****************/
/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */
.outer,
body.col3 .outer {
	/* WARNING: borders affect the critical values below, so use them with that in mind.*/ 
    /* border-left: 1px solid #f90;  */
    /* border-right: 1px solid #f90; */
	/*** Critical left divider dimension value ***/
    /*** Critical right divider dimension value ***/
    margin-left: 170px; /*** Critical left col width value ***/
    margin-right: 170px; /*** Critical right col width value ***/
}
/* values for 1 and 2 column layouts */
body.col1 .outer {
    margin-left: 0; margin-right:0;
}
body.col2left .outer {
    margin-right: 0;
}
body.col2right .outer {
    margin-left: 0;
}

.float-wrap {
    float: left;
    width: 100%;
}

.center {
    float: right;
    width: 100%;
}

.left {
    float: left;
    position: relative; /* Needed for IE/win */
    width: 165px; /*** Critical left col width value ***/
    margin-left: -170px; /*** Critical left col width value ***/
    /*** Critical left divider dimension value ***/
}

body.col1 .left { display:none; }
body.col2right .left { display:none; }

.right {
    float: right;
    position: relative; /* Needed for IE/win */
    width: 165px; /*** Critical right col width value ***/
    margin-right: -170px; /*** Critical right col width value ***/
    /*** Critical right divider dimension value ***/
    margin-left: 3px; /*** Critical right divider dimension value ***/
}

body.col1 .right { display:none; }
body.col2left .right { display:none; }

.centerbox {
    font-weight: normal;
    text-align: left;
    overflow: visible;
    width: 100%;
    /* padding-bottom: 250px; */
}

.container-right {
    padding-bottom: 80px;
}

/************** Spacing Controls for various column contents ***************/
.textpadder,
.content {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */
img {
    max-width: 100%;
}

#wrapper1:after,
#wrapper2:after,
.container-left:after,
.container-right:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* prevents oversize images from breaking layout in browsers that support max-width */
/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a,
* html .container-left,
* html .container-right,
* html .outer,
* html .content,
* html h2,
* html .sidenav li a {
    height: 1%;
}

/* Holly hack */ /*** Variance fixes for IEwin ***/ /*\*/
* html .outer p {
    margin-right: -6px;
}

/* */ /**************** Utility Rules *******************/ /*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */
.brclear { /* Use a break with this class to clear float containers */
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0em;
}

/* =================================================================
   PAGE WRAPPER CSS
   ================================================================= */
html {
	font-size: 100%;
}
body {
    font-size: .75em;
}

input, textarea {
	padding: 1px;
}

/*************** Header and Footer elements *****************/
.header {
    padding: 5px 0;

}

#header-content {
	/* overflow: hidden; 
	word-wrap: break-word;*/
}

.header h1 {
    font-size: 150%;
    margin: 0;
    padding: 15px;
}

.header span {
}

.footer {
    font-weight: bold;
    font-size: 12px;
    clear: both;
    position: relative;
    margin: 10px;
}

.footer-section {
	text-align:center;
}

/************** Top & Bottom Nav **************/
.navigation1,
.navigation2 {
    height: auto;
    margin-bottom: 2px;
}

.navigation1 ul,
.navigation2 ul {
    margin: 0 0;
    height: auto !important; height: 1%; /* fix for IE to contain floats */
    padding-left: 15px;
	list-style-type: none;
}

/*.navigation2 {
	float: left;
}*/

/* fix for firefox, safari to contain floats */
.navigation1:after,
fieldset:after,
.navigation1 ul:after,
.navigation2 ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

fieldset:after,
.navigation1 ul, 
.navigation2 ul 
{ display: inline-block; }
 
/* Hides from IE-mac \*/
* html fieldset,
* html .navigation1 ul, 
* html .navigation2 ul
{ height: 1%; }
.navigation1 ul,.header .quick-search { display: block; }
/* End hide from IE-mac */

.navigation1 ul li,
.navigation2 ul li {
    float: left;
    width: auto !important; width: 5px; /* fix for IE */
    white-space: nowrap;
}

.navigation1 ul li a,
.navigation2 ul li a {
    margin: 0 0 0 1px;
    text-decoration: none;
    display: block;
    padding: 0 10px;
}

.navigation1 ul li a:hover,
.navigation2 ul li a:hover {
    text-decoration: none;
}

.navigation2 {
    text-align: center;
	margin: 0 auto;
}

/************** Sidebars *************/


.main-content {
    display: block;
}

.container-left .textpadder {
    padding: 0;
    text-align: left;
	padding-bottom: 40px;
}

.container-right .textpadder {
    padding: 0 0 80px 0;
    text-align: left;
	padding-bottom: 40px;
}

/********** Sidebar blocks ***********/
.container-left .content-block,
.container-right .content-block {
    padding: 3px 5px;
    margin: 0 5px 10px;
}

.container-left .content-block li,
.container-right .content-block li {
    
}

.container-left .content-block h3,
.container-right .content-block h3 {
    margin: 0;
    padding: 0;
}
.container-left .content-block h4,
.container-right .content-block h4 {
    margin: 2px 0;
}

.container-left .content-block h4 a,
.container-right .content-block h4 a {
    text-decoration: none;
}

/*
.container-left .quick-search,
.container-right .quick-search {
	margin: 0;
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}

.container-left .quick-search li,
.container-right .quick-search li {
    margin: 0;
}
*/

/********* Featured Products *********/
#featured-products .shortdescription {
    margin: 5px 0;
}

.options {
    text-align: right;
}

.price {
    margin: 3px 0;
}

#featured-products .smallimage,
#categories .smallimage {
}

/*********** Categories *************/

.category .shortdescription {
    margin: 5px 0;
}

/*********** Page Blocks ************/
dt, dd {
    text-align: left;
}

dd.options,
dd.prices {
	text-align:right;
}

.content-block {
}

.content-block:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}
/* now, for IE */
* html .content-block {
    height: 1%;
}
.content-block table a {
    text-decoration: none;
}

.content-category .description,
.content-product .description {
    text-align: left;
}

/************************************
 Home
 ************************************/
.welcome {
    font-weight: normal; 
    margin-bottom: 20px;
	height: 1%;
}

.welcome:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

.welcome img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

/************************************
 Form Presentation
 
 based on guide here:
 http://gdstyleguide.intranet.gdg/style/index.php?id=41
 
 ************************************/
form.page-form {
	font-size: .9em;
	font-weight: normal;
	margin-bottom: 20px;
}

form h3 { padding: 0; margin:10px 0 5px 0; }

.form-section {
	margin-top: 20px;
}

#searchAdvancedForm .form-section { clear: left; }

.form-item {
	margin-bottom: 10px;
}

.categories .form-item {
	/*width: 32% !important; width: 30%;
	float: left;
	margin-right: 1%;*/
}

.categories .form-item label {
	padding-left: 1.5em;
	padding-right: 1em;
}

.categories .form-item input {
	/* margin-left: -1.5em; */
}

.form-row-start {
	clear: left;
}

fieldset {
	padding: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}

legend {
	font-weight: bold;
	font-size: 1.1em;
}

label {
	display: block;
}

fieldset .no-form-list {
	margin-bottom: 10px;
}

.required { color: #cc0000; }

div.required { margin-bottom: 5px; }

.state { float: left; width: 7em; }
.zip { float: left; }

.buttons { text-align:right; font-size: 1.1em;}

/************************************
 Products Search Results Presentation
 ************************************/

.search-result-controls p {
	margin-bottom: 5px;
}

.search-result-controls strong {
	font-weight: bold;
}

.search-control {
	float: left;
	padding-left:10px;
}

.search-results .content-product {
    padding: 4px;
    margin-bottom: 10px;
    font-weight: normal;
	clear:left;
}

.search-results .content-product .largeimage { display:none; }
.search-results .content-product .smallimage img {
    float: left;
    max-width: 75px;
    border: none;
}

.search-results .content-product dd {
    display: block;
    margin-left: 80px;
}

.search-results .content-product .content-product-header {
    margin: -4px -4px 10px;
    padding: 3px;
}

.search-results .content-product .content-product-header a {
    text-decoration: none;
}

.search-results .content-product dd ul li { /** reset values set in ol li // this is because IE does not support the > selector. Grr. **/
    float: none;
    margin: 0;
    width: auto;
}

.search-results .content-product .options ul {
    list-style-type: none;
    padding: 0; margin: 0;
}

.search-results .content-product dd.options .list,
.search-results .content-product dd.options .adj
{ display: none; }

a.search-result-button {
    float: right;
    font-weight: normal;
}

.upsell-group .price-col {
	/* word-wrap: break-word; / IE-only, but fixes ugly layout bug */
}

.upsell-group table {
	table-layout: fixed;
	overflow: auto;
}

div.featured-item .strike,
div.product-detail .strike,
dl.content-product .strike {
	text-decoration:line-through;
}

.hidden {
	display: none;
}

/* categories lists */
ol#categories li {
	line-height: 1.2;
}

#siteseal {
	text-align: center;
	margin-top: 10px;
}
/************************************
 Category Style 6 - "Wild Cowboy Edition"
 Layout for category page
 06/06/2007
 ************************************/
 
 /************************************
 Categories
 ************************************/
 
.categories,
.products {
    margin: 0;
    width: 100%;
    position: relative;
    margin: 0; padding: 0; /* remove default values */
	padding: 3px 0;
	font-weight: normal; /* reset in case that some container has set bold */
}

.categories .category {
    list-style-type: none;
    float: left;
    width: 50%;
    margin: 0; padding: 0; /* remove default values */
    margin-bottom: 10px;
    padding: 0;
}

.products .product {
    list-style-type: none;
    float: left;
    width: 33%;
    margin: 0; padding: 0; /* remove default values */
    /* margin-bottom: 10px; */
    padding: 0;
}

.categories dl,
.products dl {
    margin: 4px;
}

.rowstart {
    clear: left;
}

.product-row,
.category-row {
	margin-bottom: 10px;
}

.content-category {
    position: relative;
    margin: 4px;
}

.content-category .largeimage { display:none; }
.content-category .smallimage img {
    float: left;
    border: none;
}

.content-category-header,
.description {
    margin-left: 80px;
}

.description {
    font: normal .95em Helvetica, Arial, sans-serif;
}

.content-category-header h4 {
    margin: 0;
    padding: 0;
}


/************************************
 Products
 ************************************/
 
ol.products li {
    list-style-type: none;
    float: left;
    width: 133px;
    margin: 0; padding: 0; /* remove default values */
    margin-bottom: 10px;
    padding: 1%;
    text-align: center;
}

.content-product {
    border: 1px solid #000;
    padding: 4px;
	margin: 4px;
}

.content-product .largeimage { display:none; }
.content-product .smallimage img {
    border: none;
}

.content-product dd {
    display: block;
    margin: 0;
}

.content-product .content-product-header {
    margin: -4px -4px 10px;
    padding: 3px;
	word-wrap: break-word;
	overflow: hidden;
}

.content-product-header a {
    text-decoration: none;
}

.content-product dd ul li { /** reset values set in ol li // this is because IE does not support the > selector. Grr. **/
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.content-product .options {
	float: right;
}

.content-product .options ul {
    padding: 0; margin: 0;
    margin-top: 10px;
}

.content-product .options .list,
.content-product .options .adj
{ display: none; }

.content-product .options ul li {
    font: bold 0.8em verdana, tahoma, arial, sans-serif;
}

/*******************************
 util
 *******************************/

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/************************************
 Product Presentation Style 1
 Layout for product presentation
 09/15/2006
 ************************************/
 
 /*
 product-page
        upsell
            best-values
            product-related
        product-presentation
            primary
                product-title h2
                product-description
                product-features ul
            secondary
                imganddetail
                    product-image
                        img
                        span (cte)
                    details ul (item + inventory)
                order-info
                    options ul
 */

.upsell,
.product-primary,
.product-secondary,
.product-features ul li,
.product-options ul li,
.product-bundle ul li,
.product-misc ul li
{
    text-align: left;
    font-weight: normal;
}

.product-primary,
.product-secondary {
	height: 100%;  /* hasLayout for the IEs */
}

.upsell {
   float: left;
   clear: left;
   width: 15em;
   font-size: .9em;
   margin-right: 10px;
}

.upsell table {
	table-layout: fixed;
}

.upsell div {
    margin-bottom: 10px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
}

.upsell table caption {
    display: none;
}

.upsell table td {
    vertical-align: top;
	word-wrap: break-word;
}

.upsell table td a {
    text-decoration: none;
}

.upsell-header {
    margin:0;
}

.product-detail {
    margin-top: 10px;
	height: auto;
}

.cross-sell .product-detail {
    margin-left: 15em;
}

.product-description {
	padding:10px 10px 10px 0;
	text-align: justify;
}

.product-primary,
.product-secondary,
.imageanddetails,
.product-options,
.product-misc {
    border-width: 0px;
}

.imageanddetails {
    float: left;
    width: 180px;
	margin-top: 10px;
}

.product-image {
	text-align: center;
}

.product-image span {
    display: block;
}

.product-misc {
    margin: 8px 0 8px 0;
}

.product-secondary {
	padding: 10px;
}

.product-options,
.product-bundle {
    float: left;
    margin: 10px 0;
    margin-bottom: 10px;
    padding: 0;
}

.product-options table {
	margin: 20px 0 10px;
}

.product-options td {
    line-height: 1.7em;
	border-spacing: 1px;
	vertical-align: top;
	padding: 1px 3px 1px 1px;
}

.product-features ul {
    margin: 0; padding: 0;
    border: 0;
    list-style-type: none;
}

.product-options form em {
    font-weight: bold;
    font-style: normal;
    padding-right: 5px;
}


/************************************
 MEMBERS
 ************************************/
 
fieldset {
	padding: 10px;
	margin: 10px 10px 10px 0;
	border: 1px solid #999999;
}

legend {
	font-size: 12px;
	padding: 0 3px;
	color: #222222;
}

input[type="text"], textarea {
	border: 1px solid #777;
	padding: 1px 3px;
}

.member {
	background-color: #ffffff;
	color: #222222;
	border: 1px solid #cccccc;
	padding: 10px;
	padding-bottom: 20px;
	font: 9pt normal Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
}

.member h3 {
	margin: 5px 3px;
	color: #111111;
	font-size: 10pt;
}

.member-table {
	font-weight: normal;
	/* border-bottom: 1px solid #333333; */
	margin-bottom: 5px; 
}

.member-table th {
	font-size: 90%;
	text-align: left;
	font-weight: bold;
	background-color: #dddddd;
	color: #111111;
	padding: 2px 3px;
}

.member-table td,
.member-table th {
	vertical-align: top;
	padding:2px 3px;
}

.member-table th.qty-col {
	width: 2em;
	text-align: center;
}

.member-table th.total-col {
	text-align:right;
}

.member-table .invoice-col {
	text-align: left;
}

.member-table tr.member-row td {
	background-color: #ffffff;
}

.member-table tr.member-row-alt td {
	background-color: #f5f5f5;
}

.member-table td.qty-col input.formfield {
	width: 2em;
}

.member-table th.remove-col {
	width:24px;
	text-align: right;
}
 
.member-table td {
	padding: 5px 3px 3px;
}
 
.member-table ul {
	margin-left: 10px;
}

.member .controls {
	padding: 3px 2px;
}

.member label {
	display: inline;
	white-space: nowrap;
}

.options-table {
	margin: 10px 0;
	color: #222222;
	width: 100%;
}

.options-table td {
	padding: 1px;
	border-bottom: 1px solid #dddddd;
}

.options-table .price-each td {
}

.option-info, .option-price {
	text-align: left;
}

.option-price {
	width: 6em;
}

#specialinstructions {
	width: 90%;
}

.formwrap,
.controls {
	margin: 10px 190px 0 0;
	padding: 0;
}

* html .formwrap {
	margin-right: 170px;
}

* html .formwrap fieldset { /* yes, IE, you devil. do my bidding. */
	float: left;
}

.formfield {
	/* float: left; */
	clear: left;
}

.phonenumber {
	white-space: nowrap;
}

.address-line {
	/* width: 100%; */
}
.address-line label {
	display: block;
	clear: right;
}
.address-line input {
	width: 15em;
}


.fcomponent {
	padding: 2px;
	float: left;
	margin:3px;
}

.cleft {
	clear: left;
}

.disabled {
	color: #999999;
}

#checkout-right-column {
	float: right;
	width: 170px;
	padding: 0 2px 10px;
	margin: 0 0 10px;
	overflow: visible;
}

#checkout-right-column div,
#checkout-right-column table,
#checkout-right-column form,
#checkout-right-column input {
	font-size: 7pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
}

#cart-table td {
	vertical-align: top;
}



#checkout-right-column .total-row td {
	border-top: 1px solid #777777;
}

.adr p, .ccinfo p { margin:0; padding:0; padding-left: 5px; }

.checkout {
	display: block;
}

.checkout a.button,
.checkout input.button {
	font-size: 7pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px 5px;
	margin-left: 5px;
	border-width: 1px;
    border-style:solid;
	border-color: #999999 #333333 #333333 #999999;
	background-color: #eeeeee;
	text-decoration: none;
}

.checkout a.button,
.checkout-block a.button {
	padding: 3px 5px;
}

.checkout input.button:active,
.checkout a.button:active {
	border-color: #333333 #999999 #999999 #333333;
}

.controls input.button,
.controls a.button {
	display: block;
	float: left;
}

.payment-method {
	margin: 10px 0 0;
}
.payment-method .payment-method-content {
	margin-left: 20px !important; margin-left: 10px; /* for IE 6 */
}

.member-row, .member-row-alt {
	border-bottom: #dddddd;
}

.member-row-alt {
	background-color: #eeeeee;
}

textarea#notes {
	width: 90%;
}

/* ================================
   INVOICE
   ================================*/

.invoice {
	border: 1px solid #999;
	padding: 10px;
	font: 12px normal Arial, Helvetica, sans-serif;
	width: 605px;
	margin: 30px auto;
}

.checkout .invoice {
	width: 95%;
	margin: 0;
	border: none;
}

.checkout .custom_thankyou {
	margin: 20px 0;
}

/************************************
 Header and Footer
 ************************************/
 
.invoice .header {
    padding: 0; margin: -5px -10px 0;
	margin-top: -5px;
}

#invoice-header-content {
    padding: 10px;
    margin: 0;
	border-width: 0;
	border-style: solid;
}

#invoice-header-content .qsc-site-invoice-image-1 img {
	float: right;
}

#invoice-header-content li {
	list-style-type: none;
}

#invoice-header-content h1 {
    font-size: 150%;
    padding: 0; margin: 0;
}

#invoice-header-content .titles {
    float: left;
    margin-left: 10px;
}

#invoice-header-content h2,
#invoice-header-content h3 {
    padding:0;
    margin:0;
}

#invoice-header-content img {
	border: none;
}

.invoice .header .address {
    text-align: right;
}

.invoice h2, .invoice h3 {
	margin:0; padding:0;
}

.invoice h2 {
	color: #999999;
	font-size: 140%;
}

.invoice h3 {
	color: #333333;
	font-size: 120%;
}

.itemsordered {
	width: 100%;
	margin-bottom: 10px;
}

.items td {
		vertical-align: top;
}

.items .options {
	margin-left: 20px;
}

.price-col,
.total-col {
	text-align: right;
	white-space: nowrap;
}

.itemsordered .price-col,
table.totals .priceCol {
	width: 5em;
	padding-left: 10px;
}

.itemsordered .options {
	text-align: left;
}

th {
	text-align: left;
}

.shipped,
.shiptotals,
.paymentinfo {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #999;
	margin-top: 10px;
}

table.totals {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.totals td {
	text-align:right;
}

.subtotal, .total {
	padding-bottom: 10px;
}

.subtotal-row td, .total-row td {
	border-top: 1px solid #cccccc;
}

.total, .balance {
	font-weight: bold;
}



.discount {
	color: #35B535;
}

.shipaddress,
.billaddress,
.paymentmethod {
	float: left;
	width: 31%;
	font-size: 9pt;
}

.printfooter {
	clear:both;
	font-size: 100%;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #ccc;
}
.printfooter p {
	margin:0;
}

/* ================== CONTAIN FLOATS ================ */
.invoice #invoice-header-content:after,
.member:after,
.fcontain:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
	min-width: 0; /* for IE 7 */
}

/* Hides from IE-mac \*/
* html .invoice #invoice-header-content,
* html .member,
* html .fcontain {
	height: 1%;
}

.invoice #invoice-header-content,
.member,
.fcontain {
	display: block; 
	min-width: 0; /* for IE 7 */
}
/* End hide from IE-mac */

/* ================= DIGITAL DOWNLOADS ============= */

.digital-product-page {}
.digital-products-title {
	font-size: 130%;
	font-weight: bold;
}
.digital-product-detail {
	margin: 1em 0 0.5em 1em; 
}
.digital-product-name {
	font-size:110%;
	font-weight: bold;
}
.digital-product-option {
	margin: .2em 0 .5em;
}
.download-status ul {
	margin-left: 10px;
}
/*------------------------------------
	
	Theme Name: Fresh Air
	Theme#: 263
	File: Theme
	
------------------------------------*/

/*-----------------------------------
		Main Layout Tweaks
-------------------------------------*/

.outer {
	/* WARNING: borders affect the critical values below, so use them with that in mind. */ 
    /* border-left: 1px solid #f90;  */
    /* border-right: 1px solid #f90; */
	/*** Critical left divider dimension value ** */
    /*** Critical right divider dimension value ** */
    margin-left: 170px; /*** Critical left col width value ** */
    margin-right: 170px; /*** Critical right col width value ** */
}

.left {
    float: left;
    position: relative; /* Needed for IE/win */
    width: 168px; /*** Critical left col width value ** */
    margin-left: -170px; /*** Critical left col width value ** */
    /*** Critical left divider dimension value ** */
}

.right {
    float: right;
    position: relative; /* Needed for IE/win */
    width: 170px; /*** Critical right col width value ** */
    margin-right: -170px; /*** Critical right col width value ** */
    /*** Critical right divider dimension value ** */
    margin-left: 0; /*** Critical right divider dimension value ** */
}

/*-----------------------------------
		 End Main Layout Tweaks
-------------------------------------*/

/*-----------------------------------
		General
-------------------------------------*/

body {
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/body_bg.jpg);
	padding:0px;
}

#sizer {
	  max-width:none !important;
	  width:auto !important;
}

#expander {
	margin: 0px auto !important;
	width: 960px !important;
	min-width: 0px !important;
}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:1px;
	height:0pt;
	visibility:hidden;
}

.content {

}

#wrapper1 {
	margin:0px;
}

#wrapper2 {
	margin:0px;
}

.center { 

}

a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*---------------------------------------------------
						Header
-----------------------------------------------------*/

.header {
	padding: 0;
}

.sf_extra1 {
	height: 16px;
}


.header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.header {display: inline-block;}

/* Hides from IE-mac \*/
* html .header {height: 1%;}
.header {display: block;}
/* End hide from IE-mac */

/*-------------------------------
		Header Content
---------------------------------*/

#header-content {
	margin: 0px 2px;
	padding: 0px;
	background-repeat: repeat-x;
	height: 1%;
}

#header-content:after {
	clear:both;
	content:".";
	display:block;
	font-size:1px;
	height:0px;
	visibility:hidden;
}

#header-content img {
	
}

.sf_extra3 {
}

.sf_extra3 span {
	
}

#logo {
	text-align: left;
	display: block;
	padding-left:20px;
	padding-top: 20px;
	
}
#logo img {
	float: left;
}

#logo img {
	border: 0;
}

/*----------------------
		Titles
-----------------------*/

.titles {
	text-align: left;
	padding: 15px 0 2px 30px;
	width: 50%;
	float: left;
	word-wrap: break-word;
	overflow: hidden;
}

.titles h1.company-name {
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}

.titles h3.slogan {
	margin: 8px 0 0 10px;
	font-weight: normal;
}

/*----------------------
		End titles
-----------------------*/


/*----------------------
		Address
-----------------------*/

.address {
	text-align: right;
	padding: 20px 0 15px 0;
	margin: 0px 15px 0px 0px;
}

.address ul {
	
}

.address ul li {
	
}

.address ul li span.adr { /*address */
	
}

.address ul li span.tel { /*Telephone */
	
}

.address ul li span.tel span.type { /*What type of telephone */
	font-weight: bold;
}

.address ul li a:link, .address ul li a:visited  {
	
}

.address ul li a:hover {

}

.address ul li a.email, .address ul li a.email:visited {
	font-weight: bold;
}

.address ul li a.email:hover {
	
}

/*----------------------
		End Address
-----------------------*/

.sf_extra4 {
	
}

.sf_extra4 span {
	
}

/*-------------------------------
		End Header Content
---------------------------------*/


/*-------------------------------
	"TOP" Navigation - Navigation can 
	go on top or bottom of the 
	header or in the sidebars
---------------------------------*/

.navigation1 {
	clear: both;
	height:auto !important;
	margin: 0px 2px 10px;
	padding: 6px 0px 0px 70px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.navigation1 ul {
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	height:auto !important;
}

.navigation1:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.navigation1 ul li {
	white-space: normal;
	float: left;
}

.navigation1 ul li a:link, 
.navigation1 ul li a:visited {
	padding: 6px 9px 0px;
	margin: 0px 0 0 0;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	height:19px;
	margin-bottom:4px;
}

.navigation1 ul li a:hover {
	
}

/*-------------------------------
		End Navigation
---------------------------------*/

.sf_extra2 {
	
}

.sf_extra2 span {
	
}


/*---------------------------------------------------
					End Header
-----------------------------------------------------*/


/*---------------------------------------------------
					Search
-----------------------------------------------------*/

/*#search {
	padding: 0 20px;
	height: 1%;
} */
.quick-search ul {
	height: 25px;
	float: right;
}
.quick-search ul li {
	padding: 3px 5px;
	float: left;
}

.quick-search ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.quick-search ul li a:link,
.quick-search ul li a:visited {

}

.container-left .textpadder {
	
}

.quick-search-header {
	font-size: 15px;
	padding: 0;
	margin: 0;
	font-weight:bold;
}

.quick-search-button {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 2px 2px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/go_bttn.gif);
	border: 0;
	width: 41px;
	height: 21px;
}


.quick-search-button:hover {

}


.container-left .quick-search h3, 
.container-right .quick-search h3 {
	/*margin-bottom: 5px;*/
}

/*---------------------------------------------------
					End Search
-----------------------------------------------------*/


/*---------------------------------------------------
					Sidebars
-----------------------------------------------------*/
.container-right {

}

.container-left {
	
}

.container-left .content-block,
.container-right .content-block {
	margin: 0;
	padding: 0;
}

.container-left .category-list,
.container-right .category-list {
	margin: 0;
	padding: 0;
}

.category-list-header {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: top;
}
.category-list-header span {
	padding: 5px 0 6px 8px;
	display: block;
} 

.container-left .category-list h3, 
.container-right .category-list h3 {
	margin: 3px 3px 0 3px;
}

.category-list ol {
	padding: 0;
	margin: 0;
	background-position: center top;
	background-repeat: no-repeat;
}

.category-list ol li {
	padding: 0;
	margin: 0;
}

.category-list ol li a,
.category-list ol li a:visited  {
	text-decoration: underline;
	padding: 3px 0 3px 25px;
	margin: 0 0 5px 0;
	display: block;
	font-size: 12px;
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/nav_arrows.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
}

.category-list ol li a:hover {
	text-decoration: none;
}

.container-left .content-block h3, 
.container-right .content-block h3 {
	
}

.featured-item {
	
}

.featured-product-header {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 0 0;
	background-repeat: no-repeat;
	background-position: top;
}

.featured-product-header span {
	padding: 4px 0 11px 8px;
	display: block;
}

.container-left .featured-item h3,
.container-right .featured-item h3 {
	margin: 3px;
}



.product {
	padding: 0 10px;
}

.smallimage {
	
}

.shortdescription {
	padding: 3px 0;
}

.list {
	
}

.list em{
	font-weight: bold;
}

.options ul li {
	padding-top: 5px;
}

.sale {
	
}

.sale em {
	font-weight: bold;
}

.featured-item-button {
	margin:5px 0px;
}

.product h4.title {
	font-weight:bold;
}

/*---------------------------------------------------
				  End Sidebars
-----------------------------------------------------*/


/*---------------------------------------------------
					Wrapper 
-----------------------------------------------------*/

.wrapper1 {
	font-size: 12px;
	
}

.wrapper2 {

}

.center {
	
}

.content {
	
}

.content form {
	padding-left: 10px;
}

/*-------------------------------
		Alert Messages
---------------------------------*/

#messages {
	
}

#messages li {
	padding: 5px;
	margin: 5px 0;
}

#messages li.info {
	
}

#messages li.error {

}

/*-------------------------------
		End Alert Messages
---------------------------------*/


/*-------------------------------
		Breadcrumbs
---------------------------------*/

#breadcrumbs {
	margin: 7px 0;
}

.breadcrumb {
	
}

.category {
	
}

#breadcrumbs span.item {
	
}

/*-------------------------------
		End Breadcrumbs
---------------------------------*/


/*-------------------------------
		Welcome
---------------------------------*/

.welcome {
	line-height: 17px;
}

.welcome img {
	margin-right: 10px;
}

.welcome:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}
 
.welcome { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .welcome { height: 1%; }
.welcome { display: block; }
/* End hide from IE-mac */

/*-------------------------------
		End Welcome
---------------------------------*/


/*-------------------------------
	  Search Result Controls / Paginator
---------------------------------*/

.search-result-controls {
	margin-bottom: 10px;
	text-align: center;
	font-weight: normal;
}

/*-------------------------------
	End Search Result Controls
---------------------------------*/



/*-------------------------------
	Category and Search Results
---------------------------------*/

ol.categories, ol.products {
	width: 99%;
}


.search-results .content-product {
	border-style: solid;
	border-width: 1px;
}
.search-result-button {
	margin: 0 10px;
	display: block;
}
.content-category {
	
}

.content-product { /*--the whole box - border overwrite--*/
	
}

.content-product .options li, .content-product .prices li {
	padding: 3px;
}

.search-results .content-product dd {
	
}

.search-results .largeimage {
	display: none;
}

.search-results .content-product .content-product-header a {
	
}
	
.content-product-header h4 { /*--Box top--*/
	font-size: 12px;
	font-weight: bold;
}



.content-product-header a:link, .content-product-header a:visited, 
.content-product-header a:active, .content-product-header a:hover {
	text-decoration: none;
}

.btn {
	/*cursor: pointer;*/
}

.btn:hover {
	
}

dd.content-category-header h4 { /*--Category Title--*/
	font-size: 12px;
	font-weight: bold;
}

.content-category-header a:link, 
.content-category-header a:visited, 
.content-category-header a:active {
	
}

.content-category-header a:hover {
	
}

dd.description {
	
}

dd.title, dd.description {
	
}


/*-------------------------------
  End Category and Search Results
---------------------------------*/

/*-------------------------------
  		Product Layouts
---------------------------------*/

/*----------------------
	Upsell tables
-----------------------*/
.upsell-group {
	
}

.upsell div {
	border-style: solid;
	border-width: 1px;
	
}

.upsell-header { /*--this is an h3--*/
	font-size: 13px;
	padding: 3px;
}


.upsell-item1 { /*--zebra striping on tr's--*/
	
}

.upsell-item1 td {
	padding: 3px;
}

.upsell-item1 td a:hover {
	
}

.upsell-item2 {
	
}

.upsell-item2 td { /*--zebra striping on tr's--*/
	
}

.upsell-item2 td a:hover {
	
}


/*----------------------
	End Upsell tables
-----------------------*/

/*----------------------
	Product Detail
-----------------------*/

.product-page {
	
}

.product-detail {
	border-width: 0px;
}

.product-detail, .product-primary, .product-secondary, .product-options, .imageanddetails, .product-bundle, .product-misc {
	
}

.product-detail,
.product-bundle {
	
}

/*-------------
	Primary
--------------*/

.product-primary { 
	border-width: 0px;
}

.product-detail-header {
	
}

.product-detail-header h2 {
	font-size: 20px;
	padding: 3px;
	margin-left: 3px;
}


.product-image {
	margin-top: 10px;
}

.product-description {
	font-size: 12px;
	line-height: 17px;
	padding-left: 10px;
}

.product-features {
	
}

.product-features ul {
	margin-left: 10px;
}

.product-features ul li {
	line-height: 16px;
}

.product-features ul li em {
	font-weight: bold;
}

/*-------------
  End Primary
--------------*/

/*-------------
	Secondary
--------------*/

.product-secondary {
	margin-bottom: 10px;
	border-width: 0px;
}

.product-options {
	
}

.product-options form ul {
	
}

.product-options form ul li {
	padding-top: 3px;
}

.imageanddetails {
	margin-left: 10px;
}

.product-misc {
	
}

.product-options {
	
}

.product-detail-button {
	
}


/*-------------
	Secondary
--------------*/



/*----------------------
	Product Detail
-----------------------*/

/*-------------------------------
  		End Product Layouts
---------------------------------*/

/*-------------------------------
			Forms
---------------------------------*/

.required {
	color: #cc0000;
}

button content-accent1 {
	
}

/*-------------------------------
			Forms
---------------------------------*/



/*---------------------------------------------------
					End Wrapper 
-----------------------------------------------------*/



/*---------------------------------------------------
					Footer-section
-----------------------------------------------------*/

.footer-section {
	border-top-style: solid;
	border-top-width: 3px;	
	text-align:center;
	position: relative;
	clear: both;
	/* Min-height fast hack */
  	min-height:1%;
  	height:auto !important;
  	height:1%;
  	/* End min-height fast hack */
}

#paymentlogos {
	text-align: center;
}

.footer_extra {
	padding-bottom:5px;
}

/*-------------------------------
		"Bottom" Navigation
---------------------------------*/

.navigation2 {
	text-align: center;
	float: none;
	margin: 0 auto;
	padding-top: 5px;	
}

.navigation2 span {
	padding-top: 5px;
	font-size: 11px;
	line-height: 14px;
	margin: 0 auto;
}

.navigation2 span {
	
}

.navigation2 a {
	text-decoration: underline;
}

.navigation2 a:visited {
	
}

.navigation2 a:hover {
	text-decoration: none;
}

/*-------------------------------
		End "Bottom" Navigation
---------------------------------*/

.footer {
	padding-top: 10px;
	font-size: 11px;
	margin: 0;
}
.footer div {
	padding: 0px 0 10px 0;
}

.footer a:link,
.footer a:visited {

}

.footer a:hover {
	
}

/*---------------------------------------------------
					End Footer-section
-----------------------------------------------------*/


.container-left .quick-search, 
.container-right .quick-search, .quick-search {
	padding: 0 20px;
	height: 1%;
}

/*------------------------------------
	
	Theme Name: Fresh Air
	Theme#: 263;
	File: Color 1
	
------------------------------------*/

/*-----------------------------------
		General
-------------------------------------*/

body {
	font-family: Arial, Helvetica, FreeSans, sans-serif /*~ main.font */;	
	font-size: 12px /*~ main.size */;
	color: #000000 /*~ main.color */;
	background-color: #DFDFDF /*~ main.background-color */;
}

.content {
	
}

#page-wrap {

}

#wrapper2 {/* -- left and right nav --*/

}

.center, #expander { 
	background-color: #FFFFFF; 
}

a:link {
	color: #000000 /*~ link.color */;
}

a:visited {
	color: #000000 /*~ link-visited.color */;
}

a:hover {
	color: #CC0000 /*~ link-hover.color */;
}




/*---------------------------------------------------
						Header
-----------------------------------------------------*/

.header {
	
}

.sf_extra1 {

}

.sf_extra1 span {

}

/*-------------------------------
		Header Content
---------------------------------*/

#header-content {
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/header_bg_1.gif);
	background-color: #649BCA;
	//height: 120px;
}

.sf_extra3 {

}

.sf_extra3 span {
	
}

#logo {
	
}

/*----------------------
		Titles
-----------------------*/

.titles {

}

.titles h1.company-name {
	font-size: 19px /*~ company-name.size */;
	color:#FFFFFF /*~ company-name.color */;
}

.titles h3.slogan {
	color: #FFFFFF /*~ slogan.color */;
}

/*----------------------
		End titles
-----------------------*/


/*----------------------
		Address
-----------------------*/

.address {

}

.address ul {
	color: #FFFFFF /*~ header.color */;
}

.address ul li {
	
}

.address ul li span.adr { /*address */
	
}

.address ul li span.tel { /*Telephone */
	
}

.address ul li span.tel span.type { /*What type of telephone */
	
}

.address ul li a:link, .address ul li a:visited  {
	
}

.address ul li a:hover {

}

.address ul li a.email, .address ul li a.email:visited {
	color: #FFFFFF;
}

.address ul li a.email:hover {
	color: #000000;
}

/*----------------------
		End Address
-----------------------*/

.sf_extra4 {
	
}

.sf_extra4 span {
	
}

/*-------------------------------
		End Header Content
---------------------------------*/


/*-------------------------------
	"TOP" Navigation - Navigation can 
	go on top or bottom of the 
	header or in the sidebars
---------------------------------*/

.navigation1 {
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/nav_back_1.gif);
	background-color: #FFFFFF;
}

.navigation1 ul {
	background-color: #17376B;
	background-image:url(http://shop.buysuperlube.com/qsctemplates/theme263/images/nav_ul_back_1.gif);
}

.navigation1 ul li {
	border-right: 1px dotted #FFFFFF;
}

.navigation1 ul li a:link {
	color: #FFFFFF /*~ nav-menu.color */;
}

.navigation1 ul li a:visited {
	color: #FFFFFF  /*~ nav-menu.color */;
}

.navigation1 ul li a:hover {
	background-color: #6BA4D3;
	color:#000000; /*~ nav-menu-hover.color */;
}

/*-------------------------------
		End Navigation
---------------------------------*/

.sf_extra2 {
	
}

.sf_extra2 span {
	
}


/*---------------------------------------------------
					End Header
-----------------------------------------------------*/


/*---------------------------------------------------
					Search
-----------------------------------------------------*/

/*#search {
	border-bottom: 5px solid #ffffff;
} */

.quick-search ul li {
	
}

.quick-search ul li a:link,
.quick-search ul li a:visited {
	color: #000000;
}

.quick-search ul li a:hover {
	color: #CC0000;
}

.container-left,
.container-right {
	color: #000000 /*~ sidebar.color */;
}
.quick-search {
	background-color: #FFFFFF /*~ quick-search-box.background-color */;
}
.quick-search-header {
	color: #000000 /*~ quick-search-header.color */; 
}

.quick-search-button {
	color: #FFFFFF /*~ quick-search-button.color */;
	background-color: #18386D /*~ quick-search-button.background-color */;
	cursor: pointer;
}

.container-left .quick-search h3, 
.container-right .quick-search h3 {
	
}

/*---------------------------------------------------
					End Search
-----------------------------------------------------*/


/*---------------------------------------------------
					Sidebars
-----------------------------------------------------*/
.container-left .content-block, 
.container-right .content-block {
	
}

.container-left .category-list {
	
}

.container-right .category-list {
	
}

.category-list-header {
	color: #FFFFFF /*~ category-list-header.color */;
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/nav_top_1.gif);
	background-color: #17376B;
	background-repeat: no-repeat;
}

.category-list-header a:link {
	color:#ffffff;
	text-decoration:none;
}

.category-list-header a:visited {
	color:#ffffff;
	text-decoration:none;
}

.category-list-header a:hover {
	color:#ffffff;
	text-decoration:none;
}

.container-left .category-list h3, 
.container-right .category-list h3 {
	
}

.category-list ol {
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/nav_bot_1.gif);
}

.category-list ol li {

}

.category-list ol li a,
.category-list ol li a:visited {
	color: #000000;
}

.category-list ol li a:hover {
	color: #CC0000;
}


/*.container-left .category-list a:link, 
.container-left .category-list a:visited, 
.container-left .category-list a:hover, 
.container-left .category-list a:active {
	
}


.container-right .category-list a:link, 
.container-right .category-list a:visited, 
.container-right .category-list a:hover, 
.container-right .category-list a:active {
	
}

.container-left .content-block h3, 
.container-right .content-block h3 {
	
} */

.container-left .featured-item h3,
.container-right .featured-item h3 {
}
.featured-product-header {
	color: #FFFFFF /*~ featured-item-header.color */;
	background-image: url(http://shop.buysuperlube.com/qsctemplates/theme263/images/sidebar_top_1.gif);
}

.featured-product-header a:link {
	color:#ffffff;
	text-decoration:none;
}

.featured-product-header a:visited {
	color:#ffffff;
	text-decoration:none;
}

.featured-product-header a:hover {
	color:#ffffff;
	text-decoration:none;
}

.featured-item {
	color: #000000 /*~ featured-item-box.color */;
}

.product {

}

.smallimage {
	
}

.smallimage a img {
	border: 1px solid #000000;
}

.shortdescription {
	
}

.list {
	
}

.list em {
	 	
}

.product .sale {

}

.sale {
	color: #CC0000 /*~ sale-price.color */;
}
.sale em {

}

.featured-item-button {
	
}

.product h4.title {
	
}

/*---------------------------------------------------
				  End Sidebars
-----------------------------------------------------*/


/*---------------------------------------------------
					Wrapper 
-----------------------------------------------------*/

.wrapper1 {
	
}

.wrapper2 {
	
}

.center {
	
}

.content {
	
}

.content form {
	
}

/*-------------------------------
		Alert Messages
---------------------------------*/

#messages {
	
}

#messages li {
	
}

#messages li.info {
	background-color: #6AA3D2;
	border: 1px solid #17376B;
	color: #FFFFFF;
}

#messages li.error {
	background-color: #FFBBBB;
	border: 1px solid red;
	font-weight: bold;
}

/*-------------------------------
		End Alert Messages
---------------------------------*/


/*-------------------------------
		Breadcrumbs
---------------------------------*/

#breadcrumbs {
}

.breadcurmb {
	
}

.category {
	
}

#breadcrumbs span.item {
	
}

/*-------------------------------
		End Breadcrumbs
---------------------------------*/


/*-------------------------------
		Welcome
---------------------------------*/

.welcome {
	
}

.welcome img {
	
}

/*-------------------------------
		End Welcome
---------------------------------*/


/*-------------------------------
	  Search Result Controls / Paginator
---------------------------------*/

.search-result-controls {
	
}

/*-------------------------------
	End Search Result Controls
---------------------------------*/



/*-------------------------------
	Category and Search Results
---------------------------------*/

.search-results .content-product {
	border-color: #17376B;
}

.content-category {
	
}

.content-product { /*--the whole box - border overwrite--*/
	border-color: #17376B /*~ content-box.border-color */;
}

.search-results .content-product dd {
	
}

.search-results .largeimage {
	
}

.search-results .content-product .content-product-header a {

}
	
.content-product-header { /*--Box top--*/
	background-color: #17376B /*~ content-box-header.background-color */;
}

.content-product-header a:link, .content-product-header a:visited, 
.content-product-header a:active, .content-product-header a:hover {
	color: #FFFFFF /*~ content-box-header.color */;
}

.btn {
	/*color: #ffffff;
	border: 1px solid #000;
	background-color: #CC0000;*/
}

.btn:hover {
	/*color: #000000;
	border: 1px solid #000;
	background-color: #cccccc;*/
}

dd.content-category-header h4 { /*--Category Title--*/
	
}

.content-category-header a:link, 
.content-category-header a:visited, 
.content-category-header a:active {
	
}

.content-category-header a:hover {
	
}

dd.description {
	
}

dd.title, dd.description {
	
}


/*-------------------------------
  End Category and Search Results
---------------------------------*/

/*-------------------------------
  		Product Layouts
---------------------------------*/

/*----------------------
	Upsell tables
-----------------------*/
.upsell-group {
	
}

.upsell div {
	border-color: #17376B;
}

.upsell-header { /*--this is an h3--*/
	background-color: #17376B;
	color: #FFFFFF;
}


.upsell-item1 { /*--zebra striping on tr's--*/
	background-color: #D1DCEF;
}

.upsell-item1 td {
	border-top: 1px solid #17376B;
	
}

.upsell-item1 td a:hover {
	color: #CC0000;
}

.upsell-item2 {
	
}

.upsell-item2 td { /*--zebra striping on tr's--*/
	border-top: 1px solid #17376B;
	padding: 3px;
}

.upsell-item2 td a:hover {
	color: #CC0000;
}

/*----------------------
	End Upsell tables
-----------------------*/

/*----------------------
	Product Detail
-----------------------*/

.product-page {
	border-color: transparent;
}

.product-detail {
	border-color: transparent;
}


.product-primary, .product-secondary, .product-options, .imageanddetails, .product-bundle, .product-misc {
	border-width: 0px;
}

.product-detail,
.product-bundle {
	
}

/*-------------
	Primary
--------------*/

.product-primary { 
	border-color: transparent;
}

.product-detail-header {
	color: #CC0000;
}

.product-detail-header h2 {
	
}

.product-description {
	
}

.product-features {
	
}

.product-features ul {
	
}

.product-features ul li {
	
}

.product-features ul li em {
	
}

/*-------------
  End Primary
--------------*/

/*-------------
	Secondary
--------------*/

.product-secondary {
	
}

.product-options {
	
}

.product-options form ul {
	
}

.product-options form ul li {
	
}

.imageanddetails {
	border-color: transparent;
}

.product-misc {
	border-color: transparent;
}

.product-options {
	border-color: transparent;
}

.product-detail-button {
	
}


/*-------------
	Secondary
--------------*/



/*----------------------
	Product Detail
-----------------------*/

/*-------------------------------
  		End Product Layouts
---------------------------------*/

/*-------------------------------
			Forms
---------------------------------*/

.required {
	color: #cc0000;
}

button content-accent1 {
	
}

/*-------------------------------
			Forms
---------------------------------*/



/*---------------------------------------------------
					End Wrapper 
-----------------------------------------------------*/



/*---------------------------------------------------
					Footer-section
-----------------------------------------------------*/

.footer-section {
	background-color: #6CA6D4 /*~ footer.background-color */;
	border-top-color: #17376B;
	color:#ffffff;
}

/*-------------------------------
		"Bottom" Navigation
---------------------------------*/

.navigation2 {
	
}

.navigation2 span {
	
}

.navigation2 ul li {
	
}

.navigation2 a:link,
.navigation2 a:visited {
	color: #FFFFFF;
}

.navigation2 a:hover {
	color: #000000;
}

/*-------------------------------
		End "Bottom" Navigation
---------------------------------*/

.footer {
	
}

.footer div {
	
}

.footer a:link,
.footer a:visited {
	color: #FFFFFF;
}

.footer a:hover {
	color: #000000;
}

/*---------------------------------------------------
					End Footer-section
-----------------------------------------------------*/

.container-left .quick-search, 
.container-right .quick-search, .quick-search {
	border-bottom: 5px solid #ffffff;
}
