/*
module: eden client
purpose: css file
notes: this css is used for the entire client, except the client home page, which uses an embedded set of styles
*/
html,body { background-image:url('images/eden_background.jpg'); }
.divMain { width:960px; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; background-color:white; }
.tblMain { width:100%; }
.tblMain tr, .tblMain td, .tblMain th { width:100%; }
.tblFull { width:100%; }
.tblFull tr, .tblFull td, .tblFull th { width:100%; }
.trFull { width:100%; }
.tdFull { width:100%; }
.tdLogo { width:100%; text-align:center; background-color:white; margin-left:auto; margin-right:auto; }

.tdBanner { width:100%; padding:0; margin:0; }
.picBanner { padding:0; margin:0; border:0 none transparent; }
.imgTight { margin:0; padding:0; border:0 none transparent; display:block; }

.picLogo { padding-top:10px; padding-bottom:10px; height:120px; border:0 none transparent; }
.pLine { width:320px; margin:4px 0 6px 0; font-size:1px; border-top:1px dotted #00A3CC; }

.pProductTitle { padding:20px 20px 20px 20px; font-size:20px; font-weight:bold; }
.pProductDesc { padding:0 20px 20px 60px; font-size:16px; }
.pProductReviews { width:290px; padding:10px 0 4px 2px; font-size:22px; font-weight:bold; }
.pProductReviewsText { width:290px; padding:2px; line-height:20px; font-size:16px; }
.pProductAddToCart { padding:10px 10px 10px 20px; font-size:20px; font-weight:bold; }
.pCartText { padding-bottom:10px; vertical-align:baseline; text-align:left; font-size:16px; }
.pCartText b { font-size:18px; font-weight:bold; }
.pCartRowText { font-size:16px; line-height:20px; }
.pCartRowText b { font-size:16px; font-weight:bold; line-height:20px; }
.pContinueShopping { margin-top:20px; padding:10px; line-height:20px; font-size:14px; border:1px solid #CC9C3E; border-radius:4px; }
.pAttention { margin:10px 0 10px 20px; padding:10px; width:88%; font-size:16px; font-style:italic; border:1px solid #CC9C3E; border-radius:4px; }
.pDynamicContentTitle { margin:20px 0 20px 20px; font-size:24px; font-weight:bold; }
.pCartTotals { line-height:22px; font-size:18px; }
.pCartTotals b { line-height:22px; font-size:18px; font-weight:bold; }
.pRed { color:red; }

.frmInput { width:70px; border:1px solid dimgray; border-radius:3px; margin-left:10px; padding:4px; font-size:16px; vertical-align:baseline; }
.frmSubmit { font-size:14px; font-weight:bold; color:#0072B8; border:2px solid #0072B8; border-radius:5px; cursor:pointer; text-decoration:none; background-image:url(images/gfx_gradient_01.png); background-repeat:repeat-x; background-color:whitesmoke; padding:5px 10px 5px 10px; vertical-align:baseline; }
.frmLink { font-size:14px; font-weight:bold; color:#0072B8; border:2px solid #0072B8; border-radius:5px; cursor:pointer; text-decoration:none; background-image:url(images/gfx_gradient_01.png); background-repeat:repeat-x; background-color:whitesmoke; padding:5px 10px 5px 10px; vertical-align:baseline; }

/* ----------------------------------------------------- */
.divShoppingCart { width:960px; }
/* ----------------------------------------------------- */
.divFooter .pFooter { margin-top:16px; margin-bottom:20px;  font-size:14px; font-weight:bold; color:black; text-align:center; }
.divFooter .picFooter { padding:6px; width:120px; border:1px solid lightgray; vertical-align:top; }
.divFooter .pHR { margin:200px 0 10px 0; font-size:1px; border-top:1px solid #00A3CC; }
.divFooter .pFooterLinks { margin-top:10px; font-size:10px; color:#1c5a80; text-align:center; font-weight:bold; }
.divFooter a { margin-top:10px; margin-bottom:10px; font-size:10px; color:#1c5a80; font-weight:bold; }
/* ----------------------------------------------------- */
.divLogin { margin-top:100px; margin-bottom:0; margin-left:auto; margin-right:auto; width:400px; border:0 none transparent; }
.divLogin .tblTransparent { border:0 none transparent; width:100%; }
.divLogin .tblTransparent tr, .tblTransparent th, .tblTransparent td { border:0 none transparent; text-align:left; vertical-align:top; }
.divLogin fieldset { margin:14px 0 0 0; padding:10px; border:1px dotted dimgray; width:380px; border-radius:4px; }
.divLogin legend { margin:0 0 0 10px; padding:3px 10px 3px 10px; color:black; background-color:Silver; font-size:22px; font-weight:bold; border-radius:4px; }
.divLogin input[type=text] { margin:3px 0 0 0; padding:4px; width:90%; font-size:22px; border:1px solid dimgray; border-radius:3px; }
.divLogin input[type=password] { margin:3px 0 0 0; padding:4px; width:90%; font-size:22px; border:1px solid dimgray; border-radius:3px; }
.divLogin a { text-decoration:none; color:black; border-bottom:1px solid dimgray; font-size:22px; font-style:italic; }
.divLogin .tdLeft { vertical-align:middle; padding:6px; width:100px; font-size:22px; font-weight:bold; }
.divLogin .tdRight { vertical-align:middle; padding:6px; width:280px; }
.divLogin .tdEmpty { width:100px; }
.divLogin .pSubmit { padding:4px 10px 4px 10px; font-size:22px; font-weight:bold; }
.divLogin .pInstructions { width:100%; padding:0; margin-top:20px; text-align:center; font-size:22px; }
.divLogin .pInstructions a { font-size:22px; }
/* ----------------------------------------------------- */
.divProductPage { margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; width:100%; border:0 none transparent; }
.divProductPage table { width:100%; margin:30px 0 0 20px; border-collapse:collapse; }
.divProductPage .td320 { width:320px; vertical-align:top; text-align:center; padding-top:20px; }
.divProductPage .td640 { width:640px; vertical-align:top; text-align:left; }
.divProductPage .imgProduct { border:1px solid #CC9C3E; border-radius:4px; padding:20px 60px 20px 60px; width:200px; }
.divProductPage .tblMini { width:500px; margin-left:60px; }
.divProductPage .tblReviews { margin-left:10px; width:100%; }
/* ----------------------------------------------------- */
.divSimpleForm { width:800px; }
.divSimpleForm table { width:100%; margin:30px 0 0 20px; border-collapse:collapse; }
.divSimpleForm table tr { width:100%; }
.divSimpleForm table .tdLeft { width:20%; vertical-align:top; text-align:left; }
.divSimpleForm table .tdCenter { width:50%; vertical-align:top; text-align:left; }
.divSimpleForm table .tdRight { width:30%; vertical-align:top; text-align:left; }
.divSimpleForm table .tdEasy { border:1px solid dimgray; padding:6px; vertical-align:top; text-align:left; }
.divSimpleForm table .tdEasy b,a { font-weight:bold; }
/* .divSimpleForm input[type=submit] { margin:10px 0 0 0; padding:4px 12px 4px 12px; font-size:18px; font-weight:bold; } */
.divSimpleForm input[type=text],input[type=password] { margin:3px 0 0 0; padding:4px; width:90%; font-size:16px; border:1px solid darkgray; border-radius:4px; }
.divSimpleForm .pTitle { vertical-align:top; text-align:left; font-size:24px; font-weight:bold; }
.divSimpleForm .pSubTitle { padding:8px 0 24px 0; vertical-align:top; text-align:left; font-size:18px; font-style:italic; }
.divSimpleForm .pSubTitle b { padding:8px 0 24px 0; vertical-align:top; text-align:left; font-size:18px; font-style:italic; font-weight:bold; }
.divSimpleForm .pSubTitle a { text-decoration:none; color:black; border-bottom:1px solid dimgray; font-size:18px; font-style:italic; }
.divSimpleForm .pBold30 { padding:4px 0 30px 0; text-align:left; font-size:18px; font-weight:bold; }
.divSimpleForm .pBold24 { padding:4px 0 24px 0; text-align:left; font-size:18px; font-weight:bold; }
.divSimpleForm .pHelp { padding:4px 0 0 0; vertical-align:top; text-align:left; font-size:16px; font-style:italic; }
.divSimpleForm .pTextArea { margin:3px 0 0 0; padding:4px; width:90%; height:150px; font-size:16px; border:1px solid darkgray; border-radius:4px; }
.divSimpleForm .pSelect { margin:3px 0 0 0; padding:4px; width:50%; font-size:16px; border:1px solid darkgray; border-radius:4px; }
.divSimpleForm .pSelectWide { margin:3px 0 0 0; padding:4px; width:93%; font-size:16px; border:1px solid darkgray; border-radius:4px; }
.divSimpleForm .pError { margin:10px 0 10px 0; padding:10px; width:100%; font-size:18px; font-weight:bold; color:red; border:2px solid red; border-radius:4px; }
.divSimpleForm .pSection { margin:10px 0 10px 0; width:100%; font-size:24px; font-weight:bold; border-bottom:2px solid darkgray; }
.divSimpleForm .pContinueButton { margin:20px 0 0 0; padding:6px; font-size:18px; font-weight:bold; text-decoration:none; color:black; background-color:gainsboro; border:1px solid dimgray; border-radius:3px; }
.divSimpleForm .pWidePerc50 { width:50%; }
.divSimpleForm .pStars { padding-top:8px; vertical-align:baseline; }
/* ----------------------------------------------------- */
.divInputConfirmation { margin:20px 0 250px 20px; padding:20px; width:600px; border:1px solid dimgray; border-radius:3px; }
.divInputConfirmation p { font-size:24px; font-weight:bold; }
.divInputConfirmation .pDottedLink { text-decoration:none; color:black; border-bottom:1px solid dimgray; font-size:24px; }
/* ----------------------------------------------------- */
.divInformative { width:900px; }
.divInformative table { width:100%; margin:30px 0 0 20px; }
.divInformative table tr { width:100%; }
.divInformative table .tdLeft40 { width:40%; vertical-align:top; text-align:left; }
.divInformative table .tdRight60 { width:60%; vertical-align:top; text-align:left; }
.divInformative table .tdLeft70 { width:70%; vertical-align:top; text-align:left; }
.divInformative table .tdRight30 { width:30%; vertical-align:top; text-align:left; }
.divInformative table .tdEasy { border:1px solid dimgray; padding:6px; vertical-align:top; text-align:left; }
.divInformative table .tdEasy b,a { font-weight:bold; }
.divInformative p { font-weight:normal; }
.divInformative p b { font-weight:bold; }
.divInformative .pFlow { margin:0 0 16px 0; vertical-align:top; text-align:left; line-height:20px; font-size:16px; }
.divInformative .pTitle { vertical-align:top; text-align:left; font-size:24px; font-weight:bold; }
.divInformative .pSubTitle { padding:8px 0 24px 0; vertical-align:top; text-align:left; font-size:18px; font-style:italic; }
.divInformative .pSubTitle b { padding:8px 0 24px 0; vertical-align:top; text-align:left; font-size:18px; font-style:italic; font-weight:bold; }
.divInformative .pSubTitle a { text-decoration:none; color:black; border-bottom:1px solid dimgray; font-size:18px; font-style:italic; }
.divInformative .pSectionTitle { padding:20px 0 0 0; vertical-align:top; text-align:left; font-size:20px; font-weight:bold; }
.divInformative .pSectionText { padding:4px 0 0 0; vertical-align:top; text-align:left; font-size:16px; }
.divInformative .pSectionText b { font-weight:bold; }
.divInformative .pContinueButton { margin:20px 0 0 0; padding:6px; font-size:18px; font-weight:bold; text-decoration:none; color:black; background-color:gainsboro; border:1px solid dimgray; border-radius:3px; }
.divInformative .pDottedLink { text-decoration:none; color:black; border-bottom:1px solid dimgray; font-size:16px; }
.divInformative .pFaqQuestion { margin:30px 0 8px 0; font-size:20px; font-weight:bold; color:#00A3CC; }
.divInformative .pFaqAnswer { margin:0 0 0 16px; line-height:20px; font-size:16px; }
.divInformative .iFloatLeft { margin:0 10px 0 0; padding:4px; float:left; border:1px solid gainsboro; border-radius:3px; }
.divInformative .iFloatRight { margin:0 0 0 10px; padding:4px; float:right; border:1px solid gainsboro; border-radius:3px; }
.divInformative .pMapCategory { margin:30px 0 6px 0; text-decoration:none; font-size:22px; font-weight:bold; }
.divInformative .pMapLink { margin:20px 0 0 8px; text-decoration:none; font-size:18px; line-height:26px; color:#00A3CC; border-bottom:1px solid dimgray; }
.divInformative .pMapExplain { margin:6px 0 10px 40px; line-height:20px; font-size:16px; }
.divInformative .pPromoItemTitle { width:500px; margin:60px 0 0 0; font-size:20px; color:#00A3CC; border-bottom:1px solid #00A3CC; }
.divInformative .pPromoItemDescription { margin:6px 0 4px 20px; line-height:22px; font-size:16px; }
.divInformative .pCatalogLink { margin:0 0 0 20px; font-size:16px; }
.divInformative .pCatalogLink a { text-decoration:none; font-size:14px; color:black; border-bottom:1px solid black; }
.divInformative .tblGetEdenLogos { width:100%; margin:10px 0 0 20px; }
.divInformative .tblGetEdenLogos tr { width:100%; }
.divInformative .tblGetEdenLogos td { width:33%; text-align:center; vertical-align:top; padding:10px 0 10px 0; border:1px solid gainsboro; }
.divInformative .tblGetEdenLogos p { text-align:center; font-size:12px; }
.divInformative .tblGetEdenLogos .pGetLink { margin-left:auto; margin-right:auto; text-decoration:none; font-size:14px; color:black; border-bottom:1px solid black; }
.divInformative .tblGetEdenImages { width:100%; margin:10px 0 0 20px; }
.divInformative .tblGetEdenImages tr { width:100%; }
.divInformative .tblGetEdenImages td { width:25%; text-align:center; vertical-align:bottom; padding:10px 0 10px 0; border:1px solid gainsboro; }
.divInformative .tblGetEdenImages p { text-align:center; font-size:12px; }
.divInformative .tblGetEdenImages .pGetLink { margin-left:auto; margin-right:auto; text-decoration:none; font-size:14px; color:black; border-bottom:1px solid black; }
/* ----------------------------------------------------- */
.divProductPageRandomImage { width:100%; margin-top:24px; background-color:#222025; text-align:center; }
.divProductPageRandomImage img { margin:70px; border:1px dotted #535758; }
/* ----------------------------------------------------- */
.divImgFloatParent { width:100%; margin-top:24px; background-color:#222025; }
.divImgFloat { position:relative; width:100%; margin-top:24px; background-color:#222025; text-align:right; }
.divImgFloat .imgFloat { position:relative; margin-top:60px; margin-left:80px; margin-bottom:60px; border:1px solid #3D3E40; }
.divImgFloat .spanTextFloat { position:absolute; z-index:100; margin-top:-50px; margin-left:20px; width:300px; line-height:22px; font-family:tahoma; font-size:16px; color:black; padding:10px; border:1px solid lightgray; border-radius:4px; background-image:url('images/gfx_bkg_transp.png'); background-repeat:repeat; }
/* ----------------------------------------------------- */

.divInformative .td3rd { width:33%; vertical-align:top; }
.divInformative .td3rdc { text-align:center; }
.divInformative .td3rdt { text-align:center; font-weight:bold; padding:10px 0 20px 0; }
.divInformative .width200 { width:200px; }

/* [eof] */
