﻿@charset "utf-8";

/* FORMS */
input, .goldContent input { line-height:normal; }
.formText { padding:0px 5px 5px 0px; font-weight:bold; color:#99948a; }
.inputText { width:200px; padding:2px 5px 2px 5px; margin:0px 5px 5px 0px; border:solid 1px #d6d4d0; background-color:#fff; font-weight:normal; }
select { padding:2px 0px; margin:0px 5px 5px 0px; border:solid 1px #d6d4d0; background-color:#fff; font-weight:normal; }
.checkBoxStyle { color:#075d8f; margin-right:5px; }
.radio { color:#99948a; }
.radioSmall { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#99948a; text-transform:uppercase; }
.inputError { font-weight:bold; color:#cc3333; }
.inputSpace input { padding:0px; margin:0px 5px 0px 0px; }

/* in RRR Listing pagination */
.listControls .formText { position:relative; top:-5px; }
.formTextView { padding:0px 5px 5px 0px; font-weight:bold; color:#99948a; position:relative; top:2px; } /* in RRR Listing pagination */
.viewBtns img { position:relative; top:3px; }
.viewBtns a:hover { background-color:#fff; }

/* Acuire/Inquire Form on detail and microsite pages */
.formEditorial, .formEcommerce { font-size:10px; }
.formEditorial p, .formEditorial td, .formEcommerce p, .formEcommerce td { font-size:10px; line-height:16px; margin:5px 0px 0px 0px; }
.formEditorial table, .formEcommerce table { border:0px; margin-top:10px; font-size:10px; }
.formEditorial h2, .formEcommerce h2 { text-align:center; }
.formEditorial th, .formEcommerce th { padding:0px 5px 5px 0px; font-weight:bold; color:#99948a; }
.formEditorial td, .formEcommerce td { padding:0px 5px 5px 0px; }
.formEditorial input, .formEcommerce input { /*width:120px;*/ padding:2px 4px; border:solid 1px #d6d4d0; font-weight:normal; font-size:11px; }
.formEditorial .blueBtn { padding:0px; }
.micrositeAcquireForm input { width:180px; padding:2px 4px; border:solid 1px #d6d4d0; background-color:#fff; font-weight:normal; font-size:11px; }

/* General Form */
.formGeneral, .goldContent .formGeneral { display:block; }
.formGeneral table, .goldContent .formGeneral table { width:100%; }
.inquireContent .formGeneral table { width:45%; padding-right:50px; }
.formGeneral th { width:40%; padding:6px 8px 5px 0px; font-weight:bold; color:#99948a; vertical-align:top; text-align:right; }
.goldContent .formGeneral th { font-size:11px; width:40%; padding:6px 8px 5px 0px; font-weight:bold; color:#795f3d; vertical-align:top; text-align:right; }
.formGeneral td, .goldContent .formGeneral td { width:60%; padding:0px 5px 5px 0px; vertical-align:top; }
.formGeneral th.spacing, .goldContent .formGeneral th.spacing { padding:14px 5px 5px 0px; }
.formGeneral td.spacing, .goldContent .formGeneral td.spacing { padding:8px 5px 5px 0px; }
.formGeneral td.plainText, .goldContent .formGeneral td.plainText { width:65%; padding:4px 5px 5px 3px; }

.formGeneral .inputField, .goldContent .formGeneral .inputField { float:left; padding-right:4px; }
.formGeneral .inputError, .goldContent .formGeneral .inputError  { float:left; /*width:35%;*/ margin:2px 0px 0px 5px; color:#cc3333; line-height:normal; }
.formGeneral .inputTextArea, .goldContent .formGeneral .inputTextArea { float:left; padding-right:4px; }
.formGeneral .textAreaRequired, .goldContent .formGeneral .textAreaRequired { float:left; }


/* General Form two-column layout */
.formFullColumn { width:100%; }
.formLeftColumn { width:68%; float:left; }
.formRightColumn { width:32%; float:left; }

table.formLeftColumn, .goldContent table.formLeftColumn { width:95%;  } /* width:95% for leftColumn right-margin... is there a better way to specify exact px margin while using % width? */
table.formLeftColumn th { width:25%; padding:6px 8px 5px 0px; font-weight:bold; color:#99948a; vertical-align:top; text-align:right; }
.goldContent table.formLeftColumn th { width:25%; padding:6px 8px 5px 0px; font-weight:bold; color:#795f3d; vertical-align:top; text-align:right; }
table.formLeftColumn td, .goldContent table.formLeftColumn td { width:75%; padding:0px 5px 5px 0px; vertical-align:top; }
table.formLeftColumn td.plainText, .goldContent table.formLeftColumn td.plainText { width:75%; padding:4px 5px 5px 3px; vertical-align:top; }



table.formRightColumn, .goldContent table.formRightColumn { width:100%; float:none; } /* float:none to override .formRightColumn's float:left from above */
table.formRightColumn th, .goldContent table.formRightColumn th { width:40%; }
table.formRightColumn td, .goldContent table.formRightColumn td { width:60%; }
table.formRightColumn .inputText { width:125px; padding:2px 4px 4px 4px; border:solid 1px #d6d4d0; background-color:#fff; font-weight:normal; }
.goldContent table.formRightColumn .inputText { width:125px; padding:2px 4px 4px 4px; border:solid 1px #beaa5d; background-color:#fff; font-weight:normal; }
table.formRightColumn input, .goldContent table.formRightColumn input { width:auto; border:0px; background:none; } /* for the checkbox; to override .formEcommerce's input styles from above */

/* General Form Elements */
.required { color:#075d8f; }
.requiredEcommerce { color:#724b15; }
.error, .goldContent .error { color:#cc3333; }
.formGeneral .inputAge { float:left; margin:3px 5px 0px 30px; font-weight:bold; color:#99948a; }
.goldContent .formGeneral .inputAge { float:left; margin:3px 5px 0px 30px; font-weight:bold; color:#795f3d; }
.formGeneral .inputText { width:200px; padding:2px 4px 4px 4px; vertical-align:middle; border:solid 1px #d6d4d0; background-color:#fff; font-weight:normal; }
.goldContent .formGeneral .inputText { width:200px; padding:2px 4px 4px 4px; vertical-align:middle; border:solid 1px #beaa5d; background-color:#fff; font-weight:normal; }
.goldContent .formGeneral .inputTextNoBMargin { width:200px; padding:2px 4px 4px 4px; margin:0px 5px 0px 0px; vertical-align:middle; border:solid 1px #beaa5d; background-color:#fff; font-weight:normal; }
.formGeneral .inputRadio, .goldContent .formGeneral .inputCheckbox { padding:0px; border:0px; color:#99948a; vertical-align:middle; }
.formGeneral .inputDropDown, .goldContent .formGeneral .inputDropDown { width:210px; vertical-align:middle; }
td.sectionHeader, .goldContent td.sectionHeader { padding:20px; text-align:center; }
.formGeneral .inputSubmit, .goldContent .formGeneral .inputSubmit { padding:20px; text-align:center; }
.formGeneral .txtNewsletter, .goldContent .formGeneral .txtNewsletter { float:left; width:90%; padding-left:2px; }
.formGeneral select, .goldContent .formGeneral select { padding:2px 0px; vertical-align:middle; border:solid 1px #d6d4d0; background-color:#fff; font-weight:normal;  } /* border style doesn't work in IE */

textarea, .goldContent textarea { border:solid 1px #d6d4d0; overflow:auto;  }
textarea.fullTextArea, .goldContent textarea.fullTextArea { width:100%; }

/* Shopping Cart Table */
.shoppingCart tr.item { background:#f3eac5;}
.shoppingCart th { padding:5px 7px; width:75%; text-align:left; border-right:solid 1px #beaa5d; border-bottom:solid 1px #beaa5d; }
.shoppingCart td { padding:5px 7px; width:25%; text-align:right; border-bottom:solid 1px #beaa5d; }
.shoppingCart td.title { border-bottom:solid 1px #beaa5d; padding:5px; text-align:left; }
.shoppingCart tr.total { background:#ffffff; }
.shoppingCart tr.total th { text-align:right; border-bottom:0px; }
.shoppingCart tr.total td { font-weight:bold; border-bottom:0px; }



/* My Profile questions */
table.checkBoxList { margin-bottom:20px; }
table.checkBoxList td { width:33%; color:#075d8f; }
table.profileQuestions th { vertical-align:top; width:70%; text-align:left; font-weight:normal; color:#595650; margin:0px; padding:4px 8px 15px 0px; }
table.profileQuestions td { vertical-align:top; width:30%; margin:0px; padding:7px; }
.smallDropDown { width:80px; }
table.profileQuestions option { margin:2px; padding:1px;  }

/* My Profile survey table */
table.survey tr { margin:0px; padding:0px; }
table.survey td.question { width:52%; vertical-align:middle; text-align:left; padding:7px; margin:0px; line-height:normal; }
table.survey td.selection { width:12%; vertical-align:middle; text-align:center; padding:7px; margin:0px; }
tr.rowA { background:#e6eff4; }

/* Subscribe form on home page */
#subscribe h5 { color:#9d815c; margin-top:15px; letter-spacing:normal; }
#subscribe { color:#99948a; }
#subscribe #subscriptionForm td { padding:0px 4px 5px 0px; text-align:left; vertical-align:middle; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#99948a; text-transform:uppercase; }
#subscribe .subscribeBoxShort { width:72px; height:12px; padding:2px 4px; border-top:solid 1px #fff; border-right:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #d3d2c5; font-weight:normal; }
#subscribe .subscribeBoxZip { width:51px; height:12px; padding:2px 4px; border-top:solid 1px #fff; border-right:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #d3d2c5; font-weight:normal; }
#subscribe .subscribeBoxMedium { width:72px; height:12px; padding:2px 4px; border-top:solid 1px #fff; border-right:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #d3d2c5; font-weight:normal; }
#subscribe .subscribeBoxLong { width:227px; height:12px; padding:2px 4px; border-top:solid 1px #fff; border-right:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #d3d2c5; font-weight:normal; }
#subscribe .subscribeBtn { text-align:center; margin-top:15px; }
/* /FORMS */

