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

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

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

/* */
/* 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. */
    
/* this positioning may be needed for IEwin if page is to contain positioned elements */

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

/****************** Main Content Area (columns)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,
.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 */
.col1 .outer {
    margin-left: 0; margin-right:0;
}
.col2left .outer {
    margin-right: 0;
}
.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 ***/
}

.col1 .left { display:none; }
.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 ***/
}

.col1 .right { display:none; }
.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 ***************/
.sf_sidebar,
.content {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

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

img { /* Prevents large images from blowing out */
    max-width: 100%;
}

/* prevents oversize images from breaking layout in browsers that support max-width */
/* \*/
* 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;
}

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

.main-content {
    display: block;
}

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

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

/********* Separator between Categories and Products *********/
.separator {
	border: 0 solid #CCC;
	border-bottom-width: 1px;
	height: 1px;
	margin: 20px 0 30px;
}

/********* Featured Products *********/

.options {
    text-align: right;
}

.price {
    margin: 3px 0;
}

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

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

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

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

.category-page {
	clear:left;
}

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

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

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

.welcome {
    font-weight: normal;
    margin-bottom: 20px;
}

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

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

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

legend {
	font-weight: bold;
}

label {
	display: block;
}

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

.required { color: #cc0000; }

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

.state { float: left; padding-right: 10px; }
.zip { float: left; }

.buttons { text-align:right;}

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

/**advanced search**/
div.form-section fieldset ol li {
  margin: 10px 0;
  padding-left: 10px;
}
div.form-section fieldset ol li li {
  margin: 0;
  padding: 0;
}
/******/

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

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

.hidden {
	display: none;
}

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

#siteseal {
	text-align: center;
	margin-top: 10px;
}

#seals a {
    text-decoration: none; 
    font-size: 0.75em;
}

#messages li {
  padding:.4em;
  margin:.5em 0em;
  font-weight:bold;
}

#messages .error {
  color:#cc0000;
  background-color:#FFCFCF;
  border: 1px solid #cc0000;
}

#messages .info {
  color:#009900;
  background-color:#ccffcc;
  border: 1px solid #009900;
}
#breadcrumbs {
  margin:.5em 0em 1em;
}


/* Member-Checkout CSS */

/************************************
 MEMBERS
 ************************************/
 
fieldset {
	padding: 10px;
	margin: 10px 10px 10px 0;
	border-width:1px;
	border-style:solid;
}

legend {
	padding: 0 3px;
}

input[type="text"], textarea {
	border-width:1px;
	border-style:solid;
	padding: 1px 3px;
}

.member {
	border-width:1px;
	border-style:solid;
	padding: 10px;
	padding-bottom: 20px;
	text-align: left;
	display: block;
}

.member h3 {
	margin: 5px 3px;
}

.member-table {
	font-weight: normal;
	margin-bottom: 5px; 
}

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

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

.member-table tr.member-row-alt td {
	
}

.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;
	width: 100%;
}

.options-table td {
	padding: 1px;
	border-width:0px 0px 1px;
	border-style:solid;
}

.options-table .price-each td {
}

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

.option-price {
	width: 6em;
}

.no-ship-table {
	margin: 2px 0 0;
	width: 100%;
}

.no-ship-table td {
	padding: 1px;
}

.no-ship-table .country-list td {
	text-align: left;
}

#specialinstructions {
	width: 90%;
}

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

.controls {
	clear: left;
	margin: 10px 0 0 0;
	padding: 0;
}

.controls-left {
	float: left;
}

.controls-right {
	float: right;
	width: 150px;
}

.checkout-part{
	display: block;
	margin-bottom: 6px;
	text-align: right;
	width: 150px;
}

.checkout-part:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
	min-width: 0; /* for IE 7 */
}

.checkout-part input.btn {
	float: right;
}

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

* html .formwrap fieldset {
	float: left;
}

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

.hint-text {
	color: #969696;
	font-style: italic;
	font-size: 85%;
}

.phonenumber {
	white-space: nowrap;
}

.address-line {
	/*width: 100%;*/
	width: auto;
}
.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: 15px 0 10px; /* 6/24/08 */
	overflow: visible;
	font-size:85%; /* 6/24/08 */
}

#checkout-right-column div,
#checkout-right-column table,
#checkout-right-column form,
#checkout-right-column input {
	font-weight: normal;
	margin:0;
}

#cart-table td {
	vertical-align: top;
	padding:2px; /* 6/24/08 */
}

#checkout-right-column .total-row td {
	border-width:1px 0px 0px;
	border-style:solid;
}

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

.checkout {
	display: block;
}

.checkout a.button,
.checkout input.button {
	font-weight: normal;
	padding: 2px 5px;
	margin-left: 5px;
	border-width: 1px;
    border-style:solid;
	text-decoration: none;
}

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

.checkout input.button:active,
.checkout a.button:active {

}

.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-width: 0px 0px 1px;
    border-style:solid;
}

.member-row-alt {

}

textarea#notes {
	width: 90%;
}

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

.invoice {
	border-width: 1px;
    border-style:solid;
	padding: 10px;
	width: 605px;
	margin: 30px auto;
}

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

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

.invoice th{
	font-weight:bold;
}
.invoice td{
	padding:1px 3px;
}


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

.invoice h3 {

}

.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-width: 1px 0px 0px;
    border-style:solid;
	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-width: 1px 0px 0px;
    border-style:solid;
}

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

.discount {
	color: #35B535;
}

.shipaddress,
.billaddress,
.paymentmethod {
	float: left;
	width: 31%;
}

.printfooter {
	clear:both;
	margin-top: 20px;
	padding: 10px;
	border-width: 1px;
    border-style:solid;
}
.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-weight: bold;
}
.digital-product-detail {
	margin: 1em 0 0.5em 1em; 
}
.digital-product-name {
	font-weight: bold;
}
.digital-product-option {
	margin: .2em 0 .5em;
}
.download-status ul {
	margin-left: 10px;
}

/* ================= PAYPAL INTEGRATION ============= */

.paypal-invoice {
	clear: both;
	font-size: 100%;
}

.paypal-payment-reminder {
	font-size: 200%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.paypal-payment-learnmore {
	padding-top: 5px;
}

.paypal-payment-logo {
	padding-top: 15px;
}

.paypal-payment-btn {
	text-align: right;
}

#shipping_content {
	clear:left;
}

/* ======= Credit Card fields layout ========== */
.cc-label{
	margin: 10px 10px 0px 0px;
}

.cc-field{
	margin: 3px 10px 3px 0px;
}

#creditcard_content{
	font-size: 85%;
}

#creditcard_content label{
	font-weight: normal !important;
}
/*******shipping********/
#shippingModalBox div {
  border: 1px solid #CCC;
  height: 200px;
  overflow: auto;
  padding: 10px;
}
#shippingModalBox .ft {
  background: #EED;
  height: 20px;
  padding: 5px;
  position: relative;
}
#shippingModalBox .ft a {
  position: absolute;
  top: 2px;
  right: 10px;
}
.shippingTermsAndConditions {
  font-size: 10px;
}
.shippingTermsAndConditions p * {
  display: block;
}

/** Site Map Lists **/
.sitemap ul {
    margin-left: 25px;
}

.sitemap li {
    margin-top: 5px;
    margin-bottom: 5px;
}
.pullquote {
	font-size: 16px;
	font-weight: bold;
	color: #95361F;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.pullquoteLG {
	font-size: 24px;
	font-weight: bold;
	color: #95361F;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.pullquoteSM {
	font-size: 12px;
	font-weight: normal;
	color: #95361F;
	font-style: normal;
	text-decoration: none;
	text-align: right;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.plainimg {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.RED {
	color: #F00;
}
.caption {
	font-size: 10px;
}