img.x {position: absolute; left:200px; top:200px; z-index:2}
body { left-margin:0px; right-margin:auto}
#sister { right-margin:auto}
#expander { left-margin:0px; right-margin:auto}










/* ---------------------------------------------------------------------------*/
/*	This is a compliation made by Clifton J. Harris 2008.*/
/*		Created for : Fishwithfaith.com*/
/**/
/*	It was created out of a very big need to have ONE refrence point for CSS for*/
/*	the templates.*/
/**/
/* 	CSS Files included in this document:*/
/*          	1. Layout_Classic                	[ 0001 ]*/
/*	    	2. common_ie6				[ 0002 ]*/
/*	    	3. category_2				[ 0003 ]*/	
/*		4. product_1				[ 0004 ]*/
/*		5. member_checkout			[ 0005 ]*/
/*		6. theme				[ 0006 ]*/
/*		7. color_4				[ 0007 ]*/
/**/
/*	Template Used: Technology, Yellow */
/**/










<!--------------------------- 0002 ------ common_ie6 ------------------------------------------------->

* html .center,
* html .content-product-header {
	width: auto;
}

/* various */
.content-category .content-category-header,
.content-product .content-product-header,
.product-title
{

	word-wrap: break-word;
}

.upsell table {
	table-layout: fixed;
}

/* product fixes */

* html .product-detail,
* html .imageanddetails,
* html .product-image,
* html .product-details {
	height: 1%;
}

ol.categories, ol.products {
	padding: 0;
}

fieldset {
	margin: 0px 10px 10px 0;
}

.products, .categories {
	padding: 0;	
}




<!--------------------------- 0003 ------ category_2 ------------------------------------------------->


/************************************
 Category Style 2
 Layout for category page
 09/13/2006
 ************************************/

.categories,
.products {
    width: 100%;
    position: relative;
    padding: 3px 0;
	font-weight: normal; /* reset in case that some container has set bold */

}

.categories .category,
.products .product {
    list-style-type: none;
    margin: 0; padding: 0; /* remove default values */
    margin-bottom: 10px;
    padding: 0;
	

}

.categories .category {
    float: left;
    width: 50%;
    text-align: center;


}

dl.content-category,
dl.content-category dt,
dl.content-category dd  {
	text-align: center;
}

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

.rowstart {
    clear: left;
}

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

.content-category {
    position: relative;
    margin: 0;
}

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

.content-product-header,
.description {

}

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

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

/************************************
 Products
 ************************************/

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

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

.content-product .shortdescription {
    display: block;
    margin-left: 80px;
}
.content-product .options {
	display: block;
	float: right;
}


.content-product .options li,
.content-product .prices li {
	white-space: nowrap;
}

.content-product .prices {
}

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

.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;
    width: auto;
    text-align: left;
}

.content-product dd.prices li {
	text-align: right;
}

.content-product .options ul {
    list-style-type: none;
    padding: 0; margin: 0;
    margin-top: 10px;
    float: right;
    clear: right;
}

.content-product .options ul li {
	display: inline;
}

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

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

.strike {
	text-decoration:line-through;
}

/*******************************
 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 */




<!--------------------------- 0006 ------ theme ------------------------------------------------->

/*********************************************************
**********************************************************

Folder: Theme013_OrangePeel
Name: Orange Peel
Cat: QSC Testing

**********************************************************
*********************************************************/

/************************************
 Main Layout Tweaks
 ************************************/
 .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;
}


.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: 168px; /*** 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 ***/
}

/**/

body {
	background: #fff;
}

.content {

}

#wrapper1 {
}

#wrapper2 {

}

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

#wrapper2 { display: inline-block; }

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

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

/************************************
 Header and Footer
 ************************************/
 
.header {
    padding: 0;
	margin: 0;
	width: 100%;
}

#header-content {
    padding: 0px;
    margin: 0px 0;
}

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

#header-content .titles {
    float: left;
    margin-left: 10px;
    width: 50%;
}

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

#header-content img {
    float: left;
}

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

.sf_extra1 { /* at the top of the header */

}

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

.footer {
    margin: 0;
	font-weight: normal;
}

.footer-section {
    width: 100%;
    clear: both;
    position: relative;
	text-align:center;
}
#paymentlogos {
	text-align: center;
}


.quick-search {
	margin: 0 0 10px;
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}

.header .quick-search {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3px;
	padding: 3px 0;
	border-width: 1px;
	border-style: solid;
}
.header .quick-search ul {
    display: block;
    list-style-type: none;
    margin: 0 auto;
}
.header .quick-search li,
.header .quick-search li h3 {
    display: inline;
    height: 100%;
    line-height: 100%;
    margin-left: 10px;
}


/************************************
 Navigation
 ************************************/
.navigation1 {
    height: auto !important; height: 1%;
    font-size: 1em; 
    margin: 2px 0 0;
}

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

/* fix for firefox, safari to contain floats */
.navigation1 ul:after,
.header .quick-search:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
	min-width:0;
}
 
.navigation1 ul, .header .quick-search { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .navigation1 ul, * html .header .quick-search { height: 1%; }
.navigation1 ul,.header .quick-search { display: block; }
/* End hide from IE-mac */

/*.navigation1 ul li {
    float: left;
    width: auto !important; width: 5px; /* fix for IE 
    white-space: nowrap;
    padding-bottom: 2px;
	width: 15%; /* 100 / # of nav items 
}*/

.navigation1 ul li {
    float: left;
    margin-right: 10px;
}

/*.navigation1 ul li a {
	color: #fff;
    height: 25px;
	font: normal 10pt Verdana,Arial,Helvetica,Sans-serif;
    margin: 0 0 0 2px;
    text-decoration: none;
    display: block;
    line-height: 25px;
    padding: 0 10px;
}*/

.navigation1 ul li a, .navigation ul li a:visited {
	color: #fff;
	font: normal 10pt Verdana,Arial,Helvetica,Sans-serif;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

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

.navigation2 {
    text-align: center;
	font-size: .9em;
    font-weight: normal;
    text-align: center;
    border-width: 0;
    border-top-width: 0px;
    border-top-style: solid;
	height: 15px;
}

.navigation2 ul { 
	width: auto;
	margin: 0 auto;
	display: table;
}
.navigation2 ul li {

}

/*-- IE FIX--*/

* html .navigation2 {margin: 0 auto; float: none;}
* html .navigation2 ul { width: auto; margin: 0 auto; display: inline; }
* html .navigation2 ul li { display: inline-block;}

/************************************
 Sidebars
 ************************************/
.center {
    
}

.container-left,
.container-right {
}

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

.container-right .textpadder {
    padding: 4px 4px 80px;
    text-align: left;
}

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


.container-left .content-block h3,
.container-right .content-block h3 {
	text-align: center;
	margin-bottom: 5px;
}

#searchtext {
	border-width: 1px;
    border-style: solid;
	margin: 3px 0;
	padding: 2px;
	width: 130px;
}

.header #searchtext {
    margin:0; padding:0 5px;
	width: 9em;
}

.container-left #searchtext {
	width: 88%;
}

.featured-item-button,
.quick-search-button,
.product-detail-button,
.content-product-button {
  /*  border-width: 1px;	*/
  /*  border-style: solid;	*/
  /*  padding: 3px 5px;		*/
  /*  font-size: 11px; 		*/
  /*  font-weight: bold; 	*/
    background-image: none;
}

/************************************
 Breadcrumbs
 ************************************/
.breadcrumb {
	margin:  10px 0;
	font-weight: normal;
	font-size:12px;
}

.breadcrumb .item { font-weight: bold; }

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

.content-category {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .95em;
	font-weight: normal;
	font-style: italic;
	
}

.content-category-header h4, .content-product-header h4 {
    margin: 0;
    padding: 0;
	font-style: normal;
	font-weight: bold;
}

/************************************
 Products
 ************************************/
 .page-block {
     font-family: Arial, Helvetica, sans-serif /*~ main.font */;
     font-weight: normal /*~ main.bold */;
 }
 
.product-detail,
.product-primary,
.product-secondary {
}

.product-primary,
.product-secondary {
    padding: 4px;
}

dl.product dd {
    display: block;
}

.upsell-header {
    font-weight: bold;
    font-size: 1.1em;
}

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

.upsell-item1,
.upsell-item2 {
	line-height: normal;
}

/*
.product-detail-header,
.upsell-header {
    margin: -4px -4px 10px;
    padding: 3px;
    background: #720111;
    font-size: 1.1em;
}
*/
.product-detail-header h2 {
    font-size: 1.1em;
}

.product-detail-header a {
    color: #fff;
    text-decoration: none;
}

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

.product-options ul,
.product-bundle ul {
    list-style-type: none;
    padding: 0; margin: 0;
}

.product-options ul li {
    line-height: 1.7em;
}
.product-options ul li select {
	width: auto !important;
}
.strike {
	text-decoration:line-through;
}

.quick-search {
    border-top-width: 1px;
    border-top-style: solid; 
}

.quick-search li,
.quicksearch li h3 {
    /* display: inline; */
}

.category-list {
     color: #ffffff
	border-width: 1px;
	border-style: solid;

}

.category-list ol {}

.textpadder .category-list li,
.container-left .category-list li {
	padding: 0;
    margin: 0 0 5px 0;
}

.category-list ol a {
	padding: 2px;
}

.textpadder .quick-search  ul {
    margin:0; padding:0;
}

.textpadder .quick-search ul li {
    margin:0; padding:0;
}

.textpadder h3.featured-item-header,
.textpadder  h3.category-list-header,
.textpadder h3.quick-search-header {
    margin: 0 -4px 5px;
    padding: 3px 2px;
}

.textpadder .featured-item {
	border-width: 1px;
	border-style: solid;
	margin: -4px -3px 10px;
}

.welcome {
    padding: 0 10px 10px 0
}

.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 */


/************************************
 Upsell
 ************************************/

 .upsell table td {
     padding: 2px;
 }

 .upsell-header {
 	text-align: center;
 }

/************************************
 Forms
 ************************************/
div.required,
span.required { color: #c00; }


/************************************
 SEARCH RESULTS
 ************************************/
.search-results .content-product {
	font-weight: normal;
}
.search-results .largeimage {
	display: none;
}

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

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

/************************************
 MESSAGES
 ************************************/
#messages li { padding: 5px 3px; margin: 3px; }
#messages .info {
	background: #CAE3FF;
	color: #444;
	border-bottom: 1px solid #237BBB ;
}
#messages .error {
	background: #FFD2D2;
	color: #333333;
	border-bottom: 1px solid #c33;
}


.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 */





<!--------------------------- 0004 --------- product_1 -------------------------------------->

/************************************
 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;
}

.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;
	overflow: hidden;
}

.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;
}

.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;
}

<!--------------------------- 0005 --------- member-checkout --------------------------------->
/************************************
 MEMBERS
 ************************************/
 
fieldset {
	padding: 10px;
	margin: 10px 10px 10px 0;
	border: 1px solid #999999;
}

legend {
	font-size: 1em;
	padding: 0 3px;
	color: #222222;
}
/*					Normal input box types ---------------------------------------------------*/
input[type="text"], textarea {
	border: 1px solid #777;
	padding: 1px 3px;
	background-image: url(http://www.fishwithfaith.com/QuickShoppingCart/FormInputBackground2.gif)
}

.member {
	background-color: transparent;
	color: #222222;
	border: 0px 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: #00739d;
	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;
	filter: alpha(opacity=90); 

	
}

.member-table tr.member-row-alt td {
	background-color: #dff7ff;
	filter: alpha(opacity=90); 

	
}

.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-left: 20px;
	color: #222222;
}

.options-table td {
	padding: 1px;
}

.options-table .price-each td {
}

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

#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;
	backgoround-color: #000000

	
}



.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: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

#checkout-right-column div,
#checkout-right-column table,
#checkout-right-column form,
#checkout-right-column input {
	font-size: 10pt;
	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;
	background: #000000
}

.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;
	text-align: right;
}

.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;
	background-color: #00739d
}

.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;
}

/* sidebar block color */
.textpadder .content-block,
.textpadder .content-block {
    text-weight: bold;
    background-color: transparent;
    border-color: transparent;
}




<!--------------------------- 0001 --------- Layout_Classic --------------------------------->

/* =================================================================
    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 Editing ------------------------------------------------------------------*/
body {
	/*line-height: 1; */ /* was messing up stuff */
	color: black;
	background: #ffffff;
	background-image: url(http://www.fishwithfaith.com/QuickShoppingCart/WebsiteBackground.gif);
}
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 0 0 auto;
	padding: 0;
	width: 83%;
	max-width: 400px;  /* version for IE is at the bottom of this style block
}

#expander {
	background: white;/* =================================================================
    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 {
	/*line-height: 1; */ /* was messing up stuff */
	color: black;
	background: 0000ff;
}
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;
	background-color: #ffffff
}
		
#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:0px !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 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;
}
/*-----------------------------------------	Comment and Password Box ---------------------------------------*/
input, textarea {
	border: 1px solid #777;
	padding: 1px 3px;
	background-image: url(http://www.fishwithfaith.com/QuickShoppingCart/FormInputBackground2.gif);
}
/*************** Header and Footer elements *****************/
.header {
    padding: 0px 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: 1em;
    clear: both;
    position: relative;
    margin: 10px;
}

/************** 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 *************/
.center {
    
}

.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;
    color: #ffffff
}

/*
.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;
}

.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;
	color: #000;
}

label {
	display: block;
}

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

span.required,
div.required { color: #c00; }

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 {
    border: 1px solid #900;
    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;
    text-align: right;
}

.search-results .content-product .content-product-header a {
    color: #fff;
    text-decoration: none;
    text-align: right;
}

.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,
.search-results .content-product dd.options .btn
{ 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;
}

.strike {
	text-decoration:line-through;
}

.hidden {
	display: none;
}

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

	margin: 0 -400px 0 -400px;
	min-width: 800px; /* Critical Safari fix!
	position: relative;
}
*/

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

body {
	padding:0px;
	margin-height:0px
	margin-width:0px
}

#sizer {
	max-width:none !important;
	width:0px !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%; } 



/*----------------		CODE ADDEMS - Cliffs Additions -------------------------------------------*/

/* These work */
.content-product {
	background-image: url(http://www.fishwithfaith.com/QuickShoppingCart/ProductQuick_background1.gif);
	filter: opacity (
	border-color: transparent;
	filter: alpha(opacity=90);
}
.content-block .category-list-header a{
	background-color: #ffffff;
	border-color: transparent;
	text-decoration: underline;

}

.content-product-header {
	text-align: right;
	background-image: url(http://www.fishwithfaith.com/QuickShoppingCart/ProductQuick_Head1.gif);

}

/*                              Additional Shopping Cart modifications -----------*/


th.qty-col {
	text-align: left;
	color: #ffffff;
}
th.item-col {
	color: #ffffff;
}
th.desc-col {
	text-align: center;
	color: #ffffff;
}
th.price-col {
	text-align: center;
	color: #ffffff;
}
td.price-col {

}


/*                              Change Button Codes                        ----------*/
/* Update, Clear Cart, Checkout, Indepth Product Button.. Anything that doesn't have a uniform rectangle. */
input.btn {
	background-image: url(http://www.fishwithfaith.com/QuickShoppingCart/ShoppingCartButton-Others.gif);
	background-color: #00739c;
	border-color: #000000;
	color: #ffffff;
}
/* "Go!" Search button */
.quick-search-button {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none; 
	background-image:url(http://www.fishwithfaith.com/QuickShoppingCart/ShoppingCartButton-Go.gif);
}
/* Main page product list "Add to Cart" buttons */
.content-product-button {
	background-color: transparent;
	border-color: transparent;
	border: 0px;
	color: #ffffff;
	background-image:url(http://www.fishwithfaith.com/QuickShoppingCart/ShoppingCartButton-AddToCart.gif);
}
/*Sign In button */
.button {
	background-color: transparent;
	border-color: transparent;
	color: #ffffff;
	background-image:url(http://www.fishwithfaith.com/QuickShoppingCart/ShoppingCartButton-Signin.gif);

}


/* 			Link Codes... these do not work...     ------------------*/
a:link {
	color: #000000;
	font-weight: bold;
}
a:hover {
	color: #00739d;
	font-weight: bold;
}
a:active {
	color: #000000
	font-weight: bold;
}
a:visited {
	color: #000000
	font-weight: bold;
}
a.link-visited {
	color: #000000
	font-weight: bold;
}
ol.categories {
	color: #ffffff;
	font-weight: bold;
}

/*     Disappear you evil, evil white text. Search Index: "Our Products, Disappear, display"*/
.category-list-header {
	display: none;
}

a.categories li:hover {
	color: #ffffff;	
}
a.categories li:active {
	color: #ffffff;	
}

.category a:{
	font-family: Comic Sans MS, Arial Rounded MT, Arial Black ! important;
}

.category a:active { 
	text-decoration:none;
	color:#000000 ! important;
}
.category a:hover { 
	text-decoration:none;
	color:#00739c ! important;
}
.category a:link { 
	text-decoration:none;
	color:#000000 ! important;
}
img.homelinkz {
	position: absolute; 
	left:17px;
	top:77px;
	z-index:3 ! important;
}
img.movinghead {
	position: absolute; 
	left:335px;
	top:0px;
	z-index:2 ! important;
}
img.headbackgroundz {
	position: absolute; 
	left0px;
	top0px;
	z-index:-1
}
/*   Head Circle Fix                        <Part 1>        */
img.x {position: absolute; left:776px; top:55px; z-index:2}
makelowerx { z-index:1; }