
/******************************/
/*** MIVA 5.5 CSSUI w/MODS ****/
/*** ARIEL MINISTRIES STORE ***/
/******************************/

/* body {
font:1em normal Verdana, Helvetica, Arial, sans-serif;
margin:0;
padding:12px 0 0 0;
font-size:12px;
color: #333333;
text-align:center;
} */

td {
font-size:1em;
}

form {
display:inline;
margin:0;
padding:0;
}

h1 {
font:bold 1.5em Helvetica, Verdana, Arial, sans-serif;
}

h2 {
font:bold 1.3em Helvetica, Verdana, Arial, sans-serif;
}

h3 {
font:bold 1.1em Helvetica, Verdana, Arial, sans-serif;
}

h2.header {
color:#333333;
padding:4px;
background-color:#cccccc;
color:#333333;
font-weight:bold;
}

a img {
border:0;
}

/* ------------------------------------------------------------------------------- */
/* LINK STYLING */
/* ------------------------------------------------------------------------------- */
a {
color:#0088CC;
outline: none; /* turn off lame dotted link outline */
}

a:link, a:visited, a:active {
text-decoration:none;
}

a:hover {
background: #a6aeb6; /*pantone light grey*/
color: #eee;
}

/* ------------------------------------------------------------------------------- */

.clear {
clear:both;
font-size:0em;
height:0em;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

.alignright {
text-align:right;
}

.alignleft {
text-align:left;
}

.aligncenter {
text-align:center;
}

.margincenter {
margin:0 auto;
}

.small {
font-size:.9em;
}

.smaller {
font-size:.8em;
}

.smallest {
font-size:.7em;
}

.large {
font-size:1.1em;
}

.larger {
font-size:1.2em;
}

.largest {
font-size:1.3em;
}

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.red {
color:#dd0000;
}

.blue {
color:#0000ff;
}

.grey {
color:#999999;
}

.nowrap {
white-space:normal;
}

.link-pipe {
color:#999999;
}

.input_error {
border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

select {
border-width:1px;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
}

.error-message {
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#dd0000;
font-weight:bold;
}

.LOGN .error-message, .AFCL .error-message, .ORDL .error-message {
margin:12px 24px;
width:auto;
}

.information-message {
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#0000dd;
}

.LOGN .information-message {
margin:12px 24px;
width:auto;
}

.textfield, select, textarea, #tax-fields .form_row input {
border-width:1px;
border-style:solid;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

.textfield, textarea {
width:160px;
}

.button {
border-width:1px;
border-style:solid;
border-color:#999999 #000000 #000000 #999999;
background-color:#999999;
color:#ffffff;
font-size:.9em;
padding:1px 2px;
margin:0;
cursor:pointer;
}


#bottom-wrap {
clear:both;
font-size:0em;
height:0em;
}

/*** Top Navigation Bar ***

#navigation-bar {
line-height:24px;
padding:4px 4px 0 0;
}

#navigation-bar ul {
margin:0;
padding:0;
float:right;
clear:both;
width:100%;
}

#navigation-bar li {
color:#ffffff;
list-style:none;
line-height:12px;
float:right;
text-align:center;
margin:0 2px;
font-weight:bold;
}

#navigation-bar li.navigation-item-on {
background-color:#999999;
}

#navigation-bar li.navigation-item-off {
background-color:#666666;
}

/* tab padding ***
#navigation-bar li div div {
padding:5px 18px;
}

/* tab off side images ***
#navigation-bar li.navigation-item-off div.item-left-side {
background:transparent url() no-repeat scroll left top;
}

#navigation-bar li.navigation-item-off div.item-right-side {
background:transparent url() no-repeat scroll right top;
}

/* tab on side images ***
#navigation-bar li.navigation-item-on div.item-left-side {
background:transparent url() no-repeat scroll left top;
}

#navigation-bar li.navigation-item-on div.item-right-side {
background:transparent url() no-repeat scroll right top;
}

/* navigation bar links ***
#navigation-bar li a:link, #navigation-bar li a:visited, #navigation-bar li a:hover, #navigation-bar li a:active {
color:#ffffff;
text-decoration:none;
}

#nav-checkout {
}

#nav-search {
}

#nav-basket {
}

#nav-account {
}

#nav-all-products {
}

#nav-storefront {
}
/*** end navigation ***/

/*** Left Navigation ***

#left-navigation {
width:20%;
border-right:1px solid #eeeeee;
padding:0 0 0 4px;
vertical-align:top;
} */

/* ------------------------------------------------------------------------------- */
/* ONE COLUMN PAGES */
/* ------------------------------------------------------------------------------- */
.one-column #left-navigation {
display:none;
}

#category-tree {
padding:1px;
margin:0;
}

#category-tree-top-image {
}

#category-tree-bottom-image {
}

#category-tree a {
display:block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

#category-tree div {
background-color:#666666;
border-bottom:1px solid #ffffff;
}

#category-tree .level-1 a {
padding:4px 6px 4px 12px;
}

#category-tree .level-2 a {
padding:4px 6px 4px 24px;
}

#category-tree .level-3 a {
padding:4px 6px 4px 36px;
}

#category-tree .level-4 a {
padding:4px 6px 4px 48px;
}

#category-tree .level-5 a {
padding:4px 6px 4px 60px;
}

#category-tree .level-6 a {
padding:4px 6px 4px 72px;
}

#category-tree div.active {
background-color:#999999;
}

#category-tree-header {
}

#category-tree-footer {
padding:4px;
margin:10px 0;
}
/* ------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------- */
/*** STRUCTURE and CONTENT ***/
/* ------------------------------------------------------------------------------- */

#site-container {
width: 1000px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align:left;
}

#content-container { /* table id nested within the site-container div */
clear:both;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* ie6 min-height hack */
height: 250px;
max-height: 250px !important;
border-collapse: collapse; /* fixes the 2px discrepancy discussed in main-content */
/* background: url("../images/shadow.png") no-repeat scroll top; */
}

/* global header shadow - positions relative to #content-container */
.shadow {
background: url("../images/shadow.png") no-repeat scroll top;
width: 1000px;
height: 37px;
position: absolute;
top: 150px;
z-index: 500;
}

/* need to fix all other main-content page refs */
#main-content {
padding: 25px 50px 30px 50px; /* why 23px top? should be 25?  2px discrepancy over main site, also 2px left/right centering issue */
vertical-align:top;
}

#category-header {
margin-top: -25px; /* negate 25px main-content padding, pull category tight to top under shadow */
}

#category-listing {
padding-left: 8px; /* center product boxes */
}

#info-content {
padding: 25px 50px 30px 50px;
vertical-align:top;
}

/******************************/
/*** GLOBAL HEADER & FOOTER ***/
/******************************/

#global-header {
}

#logo {
clear:both;
margin:0 0 0 5px;
}

#logo a {
width:759px;
height:85px;
display:block;
background:transparent url( graphics/en-US/new/banner.jpg ) no-repeat scroll left top;
cursor:pointer;
}

#search {
float:right;
padding:4px 6px 4px 0;
}

#header-links {
float:right;
padding:4px 12px 0 0;
line-height:22px;
color:#000000;
text-align:right;
}

#global-footer {
background-color: #cfd5dc;
width: 100%;
margin: 0px 0px 0px 0px;
}

#footer-links {
text-align: center;
}

#footer-links ul {
font:.9em normal Verdana, Helvetica, Arial, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer-links ul li {
list-style-type:none;
border-left:1px solid #999999;
padding:0 2px 0 6px;
margin:0;
text-align:center;
display:inline;
}

#footer-links ul li a {
color:#f3f3f3;
text-decoration:none;
}

#footer-links ul li a:hover {
background: #b2d9f2; /* header button blue shade */
color:#2a3b52;
}

#footer-links ul li.first-child {
border:0;
}

#global-footer #footer-links #footer-sitemap-link {
display:none;
}

#miva-link {
font-size:.8em;
text-align:right;
margin:16px 0;
}

#miva-link a {
color:#999999;
}

#page-header {
clear:both;
}

#page-footer {
clear:both;
}

#maintenance {
color:#dd0000;
font-weight:bold;
}

/* ------------------------------------------------------------------------------- */
/* ACAD, ACED, AFAD, AFED, OCST */
/* ------------------------------------------------------------------------------- */

.logout-link {
margin:12px 0;
float:right;
}

#customer-fields label, #affiliate-fields label {
float:left;
width:150px;
white-space:nowrap;
text-align:right;
padding:2px 5px 3px 0;
clear:both;
}

#affiliate-commissions label, .OSEL .non-editable label {
float:left;
width:120px;
font-weight:bold;
text-align:right;
padding:0 6px 0 0;
}

#customer-fields input.textfield, #affiliate-fields input.textfield, #tax-fields input, #affiliate-commissions div.form_row div, .non-editable div.form_row div {
width:170px;
margin:0 0 4px 0;
}

#affiliate-commissions div.form_row div {
float:left;
}

#customer-fields select, #affiliate-fields select {
width:176px;
margin:0 0 4px 0;
}

#login-details, #affiliate-information {
margin:0 0 16px 0;
}

#affiliate-commissions .form_row {
margin:0 0 8px 0;
}

.AFAD #affiliate-fields {
width:50%;
margin:0 auto;
}

.AFED #affiliate-fields #affiliate-contact, .AFED #affiliate-fields #affiliate-commissions {
float:left;
width:50%;
}

#affiliate-commissions .affiliate-code {
width:230px !important;
}

#affiliate-commissions #affiliate-image {
width:236px !important;
overflow:auto;
}

#affiliate-terms {
margin-left:155px;
}

#affiliate-fields .form_row div.non-editable {
margin:0 0 8px 0;
padding:2px 0 0 0;
}

.save-button, .continue-button {
clear:both;
text-align:right;
padding: 0px 0px 0px 0px;
}

.required {
font-weight:bold;
}

h2.fields-heading {
background-color:#cccccc;
color:#333333;
margin:0 0 12px 0;
padding:4px 4px 4px 12px;
}

.address2-label {
margin:0 0 14px 0;
}

.controls {
font:normal .7em Verdana, Helvetica, Arial, sans-serif;
visibility:hidden;
}

#customer-fields .controls label {
float:none;
}

#ship-to, #bill-to {
width:50%;
float:left;
}

#ship-to h2 input.checkbox, #bill-to h2 input.checkbox {
margin:0 2px 0 12px;
padding:0;
width:13px;
height:13px;
overflow:hidden;
}

div.invalid input.textfield, div.invalid select, #tax-fields div.invalid input {
border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

div.invalid label {
color:#dd0000;
}

.warning-message {
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#dd0000;
}

#customer-fields.editable .form_row, #affiliate-fields.editable .form_row {
margin:0 0 6px 0;
text-align:left;
}

#customer-fields.non-editable .form_row {
margin:0 0 4px 0;
text-align:left;
}

#customer-fields.non-editable label, #affiliate-fields.non-editable label {
margin:0 0 0 30px;
padding:0 4px 0 0;
font-weight:bold;
width:110px;
text-align:right;
float:left;
clear:both;
white-space:nowrap;
}

#customer-fields.non-editable .form_row div, #affiliate-fields.non-editable .form_row div {
float:left;
}

#update-record {
clear:both;
margin:24px 0 0 24px;
}

.tax-fields label {
font-weight:bold;
}

/* ------------------------------------------------------------------------------- */
/* LOGN, AFCL, ORDL, ORHL */
/* ------------------------------------------------------------------------------- */

.AFCL #main-content, .LOGN #main-content {
padding: 30px 50px 30px 50px;
}

.ORHL #main-content {
padding: 30px 126px 30px 116px;
}

.ORDL #main-content {
padding: 30px 50px 30px 50px;
}

.AFCL .section, .LOGN .section {
float:left;
height:200px;
width:449px;
}

.ORDL .section {
float:left;
height:200px;
margin: 0px 0px 0px 0px;
/*width:33%;*/
width:299px;
}

.ORHL .lookup-section {
float:left;
height:220px;
width:50%;
}

.ORHL .signin-section {
float:left;
height:220px;
width:48%;
}

.section h3, .lookup-section h3, .signin-section h3 {
text-align:center;
}

.form_row {
margin:0 0 6px 0;
}

.ORDL label, .AFCL label {
float:left;
clear:both;
width:80px;
text-align:right;
padding:3px 5px;
}

.LOGN label {
float:left;
clear:both;
width:150px;
text-align:right;
padding:3px 5px;
}

.ORHL label {
white-space:nowrap;
float:left;
clear:both;
width:90px;
text-align:right;
padding:3px 5px;
}

.grey-border-right {
border-right:1px solid #cccccc;
}

.blue-border-right {
border-right:1px solid #c4d8f4;
}

.logn-input {
width:120px;
}

#invalid-key {
width:23px;
float:left;
margin:0 4px 0 0;
border-width:1px;
border-style:solid;
border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

.sign-in-buttons {
text-align:center;
margin:12px 0 0 0;
}

.forgot-password {
font-size:.9em;
text-align:center;
margin:12px 0 0 0;
}

/* ------------------------------------------------------------------------------- */
/* BASK, OCST, OPAY, OSEL */
/* ------------------------------------------------------------------------------- */

#basket-contents.non-editable, #basket-contents.editable, #order-contents table {
width:100%;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
margin: 10px 0px 20px 0px;
}

#basket-contents.non-editable table, #basket-contents.editable table, #order-contents table {
border-collapse:collapse;
}

#basket-contents.non-editable td, #basket-contents.editable td, #order-contents td {
background-color:#eeeeee;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
vertical-align:top;
padding:6px;
font:normal 1em Arial;
}

#basket-contents table tr.basket-heading td, #basket-contents table tr.basket-heading td, #order-contents table tr.heading td {
background-color:#cccccc;
color:#333333;
font-weight:bold;
text-align:center;
font-size:1em;
white-space:nowrap;
}

#basket-contents .basket-qty-input {
width:34px;
}

#basket-contents .item-remove {
width:8%;
vertical-align:middle;
}

#basket-contents table .basket-heading td.item-name {
text-align:left;
}

#basket-contents.editable .item-quantity {
width:13%;
text-align:center;
white-space:nowrap;
}

#basket-contents.non-editable .item-quantity {
width:6%;
text-align:center;
}

#basket-contents .item-options .item-name {
padding-left:16px;
}

#basket-contents.non-editable .item-name {
width:59%;
}

#basket-contents.editable .item-name {
width:66%;
}

#basket-contents td.item-name {
text-align:left;
}

#basket-contents .item-price {
width:10%;
text-align:right;
white-space:nowrap;
}

#basket-contents .item-total {
width:10%;
text-align:right;
}

#basket-contents .custom-field{
font-size:x-small;
}

#basket-contents .basket-charges .charge-description, #basket-contents .basket-charges .formatted-charge {
font-style:italic;
text-align:right;
white-space:nowrap;
}

#basket-contents #basket-totals .formatted-total, #basket-contents #basket-totals .total-prompt {
font-weight:bold;
text-align:right;
}

#basket-contents .item-options td {
}

.checkout .item-quantity {
width:8% !important;
}

.checkout .item-name {
width:64% !important;
}

#fields-key {
margin:16px 0;
}

.checkout-button {
margin:12px 0;
text-align:right;
}

#payment-fields input {
border-width:1px;
border-style:solid;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

#payment-fields label {
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0;
}

#payment-fields td {
padding:0 0 6px 0;
}

#shipping-payment .form_row {
margin:10px 0 0 0;
}

#shipping-payment label {
float:left;
width:65px;
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0;
}

.OSEL .continue-button, .OPAY .continue-button {
margin: 0px 0px 0px 0px;
}

.OCST #basket-contents {
margin: 0 0 32px 0;
}

.OPAY .fields-key {
margin:0 0 16px 0;
}

#payment-fields .form_row {
margin:10px 0 0 0;
}

#customer-fields.non-editable {
margin: 10px 0px 10px 0px;
}

#basket-contents.non-editable {
margin: 10px 0px 20px 0px;
}

/* ------------------------------------------------------------------------------- */
/* CTGY, SRCH, PLST, OUS1, OUSM */
/* ------------------------------------------------------------------------------- */

.categoy-listing, .all-products, .related-products, .search-results {
clear:both;
}

.product-item {
width:50%;
float:left;
}

.product-item .padding {
padding:10px;
margin:10px;
height:280px;
border:1px solid #cccccc;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
overflow:hidden;
}

/**********************************/
/* CTGY-OCL One Column Layout mod */
.product-item .ocl-padding {
padding:10px;
margin:10px;
/*height:280px;*/
border:1px solid #cccccc;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
overflow:hidden;
}
/**********************************/

.product-next-previous {
clear:both;
margin:12px 0;
}

.CTGY .product-details, .PLST .product-details, .SRCH .product-details {
height:245px;
overflow:hidden;
}

/**********************************/
/* CTGY-OCL One Column Layout mod */
.CTGYOLC .product-details {
/*height:245px;*/
overflow:hidden;
}
/**********************************/

.product-item .product-thumbnail {
margin:0 0 12px 0;
text-align:center;
min-height:140x; /* 136px originally */
height:auto !important;
height:140px; /* 136px originally */
}

.product-item .product-thumbnail img {
max-width:140px; /* 136px originally */
max-height:140px; /* 136px originally */
height:auto !important;
height:140px; /* 136px originally */
}

.purchase-buttons {
text-align:center;
margin: 10px 0 0 0;
}

.purchase-buttons input.button {
/*margin: 0px 2px;*/
background: transparent url("../images/button-addtocart.png");
border: none;
color: transparent;
width: 100px;
height: 30px;
margin: 0px 0px 0px 0px;
}

.line-item td.item-buttons {
white-space:nowrap;
}

.line-item tr.header-row td {
background-color: #c4d8f4;
margin-top: 10px;
/*font-weight:bold;*/
}

.thumbnail-not-available {
display:block;
width:110px;
height:110px;
background:transparent url() no-repeat scroll left top;
margin:0 auto;
}

.image-not-available {
display:block;
background:transparent url() no-repeat scroll left top;
}

.next-previous {
margin:12px 0 0 0;
}

.next-button {
float:right;
}

.previous-button {
float:left;
}

.search-again {
margin: 0px 0px 0px 0px;
}

.search-background {
background: url("/mm5/images/shopheader-search.png") no-repeat scroll top;
}

.search-box {
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 360px;
height: 75px;
}

.search-sortbox {
text-align:right;
margin: -25px 0px 15px 0px;
padding: 0px 100px 0px 0px;
}

.search-nomatch {
font-style: italic;
text-align: center;
padding: 5px 0px 0px 0px;
}

.search-table {
margin: 10px 0px 0px 0px;
}

.OUS1 #main-content {
padding-left:225px;
padding-right:225px;
}

.upsale-heading {
text-align:center;
}

.OUS1 .product-thumbnail {
margin:12px 0;
text-align:left;
height:116px;
min-height:116px;
}

.OUS1 .product-description {
margin:16px 0 0 0;
}

.OUS1 .thumbnail-not-available {
margin:16px auto;
}

.OUSM #main-content {
padding-left:160px;
padding-right:160px;
}

.upsale-batch {
width:100%;
padding:2px;
}

.upsale-batch .heading td {
font-weight:bold;
}

.upsale-checkbox {
width:32px;
}

.upsale-name {
width:175px;
}

.OUS1 .purchase-buttons textarea {
text-align:center;
width:390px;
height:100px;
}

.OUSM .continue-button {
text-align:center;
}

.line-item table {
width:100%;
}

.line-item table tr.heading td {
font-weight:bold;
}

.line-item table td {
padding:2px;
vertical-align:top;
}

.line-item .item-code {
padding-left:2px;
padding-right:2px;
}

.line-item .item-price {
padding-left:2px;
padding-right:2px;
}

.line-item .item-name {
width:80%;
}

.line-item tr.alt_row {
background-color:#f4f4f4;
}

/* ------------------------------------------------------------------------------- */
/* PRODUCT DISPLAY */
/* ------------------------------------------------------------------------------- */

/* .product-details-1, .product-details-2 {
width:50%;
float:left;
} */

.product-details-1 {
width: 35%;
float: left;
}

.product-details-2 {
width: 65%;
float: left;
}

.product-image {
/* margin:0 auto 16px auto; */
margin: 0px 0px 10px 0px;
}

.product-image img {
/***width:305px;***/
max-width:280px;
margin: 0px 0px 0px 0px; /* remove img centering */
}

.product-quantity-input {
width:34px;
margin:0 4px;
}

.related-products {
clear:both;
margin:32px 0 16px 0;
}

.product-attributes {
margin:16px 0;
text-align:left;
}

.product-attributes td {
padding:4px 0;
}

.product-attributes td.prompt {
vertical-align:top;
text-align:right;
padding-right:4px;
}

.product-attributes td.field {
text-align:left;
}

/*** INVC ***/

.INVC .order-id, .ORDS .order-id {
float:left;
font-weight:bold;
}

.INVC .order-date, .ORDS .order-date {
float:right;
text-align:right;
}

.INVC .order-date span, .ORDS .order-date span {
font-weight:bold;
}

.INVC h3, .ORDS h3 {
clear:both;
margin: 0px 0px 0px 0px;
}

/*** PATR ***/

.PATR .continue-button {
text-align:right;
margin:12px 0;
}

/*** SMAP ***/

.SMAP h3 {
}

.SMAP .category {
width:33%;
text-align:left;
float:left;
}

.SMAP .category .padding {
padding:2px;
}

.SMAP .product {
width:33%;
text-align:left;
float:left;
}

.SMAP .product .padding {
padding:2px;
}

/* ------------------------------------------------------------------------------- */
/* ORDH, ORDS */
/* ------------------------------------------------------------------------------- */

#orderhistory-list table {
border-collapse:collapse;
}

#order-contents table {
width:100%;
}

#order-contents table td, #orderhistory-list table td {
vertical-align:top;
}

#orderhistory-list .order-reorder {
text-align:center;
}

#orderhistory-list .order-invoice {
}

#orderhistory-list .order-description {
text-align:left;
}

#orderhistory-list .order-date {
}

#orderhistory-list .order-purchased {
text-align:center;
}

#orderhistory-list .order-quantity {
text-align:center;
}

#orderhistory-list .order-status {
text-align:center;
}

#orderhistory-list .order-tracking {
text-align:left;
}

#orderhistory-list .order-total {
text-align:right;
}

#orderhistory-list .order-price {
text-align:right;
}

#orderhistory-list .order-view {
vertical-align:middle;
padding:0 8px;
}

#orderhistory-list tr.heading td {
font-weight:bold;
white-space:nowrap;
}

#order-contents table tr td.order-reorder {
text-align:center;
}

#order-contents table tr td.order-invoice {
}

#order-contents table tr td.order-description {
text-align:left;
}

#order-contents table tr td.order-date {
text-align:left
}

#order-contents table tr td.order-purchased {
text-align:center;
}

#order-contents table tr td.order-quantity {
text-align:center;
}

#order-contents table tr td.order-status {
text-align:left;
}

#order-contents table tr td.order-tracking {
text-align:left;
}

#order-contents table tr td.order-total {
text-align:right;
}

#order-contents table tr td.order-price {
text-align:right;
}

#order-contents table tr td.charge-description, #order-contents table tr td.charge-fee {
font-style:italic;
text-align:right;
}

#order-contents table tr td.charge-fee {
text-align:right;
}

#order-contents table tr td.formatted-total, #order-contents table tr td.total-prompt {
text-align:right;
font-weight:bold;
}

#customer-fields {
margin: 10px 0px 0px 0px;
}

#Order_BillZip {
width:44px;
}

.widest {
width:100%;
}

/* ------------------------------------------------------------------------------- */
/* INFORMATION PAGES: FAQs, Privacy Policy, Shipping & Returns */
/* ------------------------------------------------------------------------------- */


/*************************************/
/*** PRODUCT DISPLAY IMAGEMACHINE ***/
/************************************/
.thumbnails {
display:block;
margin:0;
padding:0;
width:274px;
}

.thumbnails li {
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:42px;
height:42px;
text-align:center;
border:1px solid #eee;
cursor:pointer;
}

.thumbnails li span {
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}

.thumbnails li img {
vertical-align:middle;
}

.swatches {
display:inline;
margin:0;
padding:0;
}

.swatches li {
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:50px;
height:50px;
text-align:center;
border:1px solid #eee;
cursor:pointer;
}

.swatches li span {
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}

.swatches li img {
vertical-align:middle;
}

.product-image-margin {
height:8px;
}

.closeup {
position:absolute;
top:155px;
padding:10px 10px 5px;
background-color:#fff;
border:1px solid #ccc;
text-align:center;
display:none;
z-index:19999;
min-width:274px;
min-height:274px;
}

.closeup a {
cursor:pointer;
margin-top:5px;
z-index:19999;
}

.closeup_backing {
display:none;
position:absolute;
left:0px;
top:0px;
/*background-color:#333;*/
background-color:#fff;
opacity:0.50;
filter:alpha(opacity=50);
width:100%;
z-index:19998;
}
/************************************/

/* ------------------------------------------------------------------------------- */
/* PR8 Update 7 CSSUI Changes */
/* ------------------------------------------------------------------------------- */

/*** LOGN, AFCL, ORDL, ORHL, FPWD, CPWD, CEML ***/
.AFCL #main-content,
.LOGN #main-content,
.CPWD #main-content,
.FPWD #main-content{
/*padding:28px 126px;*/
padding: 30px 50px 30px 50px;
}

.LOGN label,
.ORDL label,
.AFCL label,
.FPWD label{
float:left;
clear:both;
width: 100px;
text-align: right;
padding: 2px 5px 0px 10px;
}

.FPWD .forgot-password-section{
width: 470px;
text-align:left;
margin: 5px auto 5px auto;
padding: 0px 0px 0px 0px;
}

.FPWD .fpwd-input,
.CPWD .cpwd-input{
width:150px;
margin:2px 3px;
}

.CEML .change-buttons,
.CPWD .change-buttons{
margin-top: 20px;
text-align: right;
}

.CPWD .change-password-section{
width: 400px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 50px;
}

.CPWD label{
width: 200px;
float: left;
clear: both;
text-align: right;
padding: 3px 5px;
}

.CEML .change-emailaddress-section{
width: 400px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 50px;
}

.CEML label{
width: 200px;
float: left;
clear: both;
text-align: right;
padding: 3px 5px;
}

.CEML .oldemailaddress{
line-height: 22px;
}

/* ------------------------------------------------------------------------------- */
/* PR8 Update 7 CSSUI Changes ??? mm_styles.css changes ??? */
/* ------------------------------------------------------------------------------- */
#login {
    line-height:25px;
    width: 325px;
    }

#login label {
    width: 110px;
    text-align: right;
    display: inline-block;
    font-weight: bold;
    }

#login #nextbutton {
    margin-top: 5px;
    }

#login .forgot-password-link {
    clear: both;
    text-align: center;
    }
    
    
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; width: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; width: 180px; }