bump

I have a plain text field with the data I need.

When the email comes it comes styled.

when I look at the email I see this huge amount of stuff - none of which I defined. Makes no difference when I format it in the text area:

http://www.positioniseverything.net/easyclearing.html */ .clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear-block { display: inline-block; } /* Hides from IE-mac \*/ * html .clear-block { height: 1%; } .clear-block { display: block; } /* End hide from IE-mac */ /* $Id: system.css,v 1.21 2006/12/21 16:13:06 dries Exp $ */ /* ** HTML elements */ th.active img { display: inline; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } td.active { background-color: #ddd; } tbody { border: none; } tbody-og { border-top: 1px solid #ccc; } tbody th { border: none; } tbody-og th { border-bottom: 1px solid #ccc; } thead th { text-align: left; padding-right: 1em; border: none; } thead-og th { text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc; } /* ** Other common styles */ .breadcrumb { padding-bottom: .5em } .error { color: #f00; } div.error { border: 1px solid #d77; } div.error, tr.error { background: #fcc; color: #200; } div.warning, tr.warning { background: #ffd; } div.ok, tr.ok { background: #dfd; } .item-list .icon { color: #555; float: right; padding-left: 0.25em; clear: right; } .item-list .title { font-weight: bold; } .item-list ul { margin: 0 0 0.75em 0; padding: 0; } .item-list ul li { margin: 0 0 0.25em 1.5em; padding: 0; list-style: disc; } .form-item { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; } tr.merge-down, tr.merge-down td, tr.merge-down th { border-bottom-width: 0 !important; } tr.merge-up, tr.merge-up td, tr.merge-up th { border-top-width: 0 !important; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } .form-item .description { font-size: 0.85em; } .form-item label { display: block; font-weight: bold; } .form-item label.option { display: inline; font-weight: normal; } .form-checkboxes, .form-radios { margin: 1em 0; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .marker, .form-required { color: #f00; } .more-link { text-align: right; } .more-help-link { font-size: 0.85em; text-align: right; } .nowrap { white-space: nowrap; } .pager { clear: both; text-align: center; } .pager a, .pager strong.pager-current { padding: 0.5em; } .tips { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 0.9em; } dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select { font-family: inherit; font-size: inherit; width: 14em; } dl.multiselect dd.a, dl.multiselect dd.a .form-item { width: 8em; } dl.multiselect dt, dl.multiselect dd { float: left; line-height: 1.75em; padding: 0; margin: 0 1em 0 0; } dl.multiselect .form-item { height: 1.75em; margin: 0; } /* ** Inline items (need to override above) */ .container-inline div, .container-inline label { display: inline; } /* ** Menus */ ul.menu { list-style: none; border: none; text-align:left; } ul.menu li { margin: 0 0 0 0.5em; } li.expanded { list-style-type: circle; list-style-image: url(../../misc/menu-expanded.png); padding: 0.2em 0.5em 0 0; margin: 0; } li.collapsed { list-style-type: disc; list-style-image: url(../../misc/menu-collapsed.png); padding: 0.2em 0.5em 0 0; margin: 0; } li.leaf { list-style-type: square; list-style-image: url(../../misc/menu-leaf.png); padding: 0.2em 0.5em 0 0; margin: 0; } li a.active { color: #000; } td.menu-disabled { background: #ccc; } ul.links { margin: 0; padding: 0; } ul.links.inline { display: inline; } ul.links li { display: inline; list-style-type: none; padding: 0 0.5em; } .block ul { margin: 0; padding: 0 0 0.25em 1em; } /* ** Tab navigation */ ul.primary { border-collapse: collapse; padding: 0 0 0 1em; white-space: nowrap; list-style: none; margin: 5px; height: auto; line-height: normal; border-bottom: 1px solid #bbb; } ul.primary li { display: inline; } ul.primary li a { background-color: #ddd; border-color: #bbb; border-width: 1px; border-style: solid solid none solid; height: auto; margin-right: 0.5em; padding: 0 1em; text-decoration: none; } ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: #fff 1px solid; } ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; } ul.secondary { border-bottom: 1px solid #bbb; padding: 0.5em 1em; margin: 5px; } ul.secondary li { display: inline; padding: 0 1em; border-right: 1px solid #ccc; } ul.secondary a { padding: 0; text-decoration: none; } ul.secondary a.active { border-bottom: 4px solid #999; } /* ** Autocomplete styles */ /* Suggestion list */ #autocomplete { position: absolute; border: 1px solid; overflow: hidden; z-index: 100; } #autocomplete ul { margin: 0; padding: 0; list-style: none; } #autocomplete li { background: #fff; color: #000; white-space: pre; cursor: default; } #autocomplete li.selected { background: #0072b9; color: #fff; } /* Animated throbber */ html.js input.form-autocomplete { background-image: url(../../misc/throbber.gif); background-repeat: no-repeat; background-position: 100% 2px; } html.js input.throbbing { background-position: 100% -18px; } /* ** Collapsing fieldsets */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 0; height: 1em; } html.js fieldset.collapsed * { display: none; } html.js fieldset.collapsed legend { display: block; } html.js fieldset.collapsible legend a { padding-left: 15px; background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; } html.js fieldset.collapsed legend a { background-image: url(../../misc/menu-collapsed.png); background-position: 5px 50%; } /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */ * html.js fieldset.collapsed legend, * html.js fieldset.collapsed legend *, * html.js fieldset.collapsed table * { display: inline; } html.js fieldset.collapsible legend a { display: block; } /* Avoid jumping around due to margins collapsing into collapsible fieldset border */ html.js fieldset.collapsible .fieldset-wrapper { overflow: auto; } /* ** Resizable text areas */ .resizable-textarea { width: 95%; } .resizable-textarea .grippie { height: 9px; overflow: hidden; background: #eee url(../../misc/grippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; } html.js .resizable-textarea textarea { margin-bottom: 0; width: 100%; display: block; } /* ** Progressbar styles */ .progress { font-weight: bold; } .progress .bar { background: #fff url(../../misc/progress.gif); border: 1px solid #00375a; height: 1.5em; margin-top: 0.2em; } .progress .filled { background: #0072b9; height: 1em; border-bottom: 0.5em solid #004a73; width: 0%; } .progress .percentage { float: right; } /* ** Formatting for welcome page */ #first-time strong { display: block; padding: 1.5em 0 .5em; } /* ** To be used with tableselect.js */ tr.selected td { background: #ffc; } /* $Id: user.css,v 1.4 2006/12/30 07:45:31 dries Exp $ */ #permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; } #access-rules .access-type, #access-rules .rule-type { margin-right: 1em; float: left; } #access-rules .access-type .form-item, #access-rules .rule-type .form-item { margin-top: 0; } #access-rules .mask { clear: both; } #user-login-form { text-align: center; } #user-admin-filter ul { list-style-type: none; padding: 0; margin: 0; width: 100%; } #user-admin-buttons { float: left; margin-left: 0.5em; clear: right; } /* Generated by user.module but used by profile.module: */ .profile { clear: both; margin: 1em 0; } .profile .picture { float: right; margin: 0 1em 1em 0; } .profile dt { margin: 1em 0 0.2em 0; font-weight: bold; } .profile dd { margin:0; } /* $Id: content.css,v 1.2.2.8 2007/08/09 19:08:16 yched Exp $ */ .field .field-label, .field .field-label-inline, .field .field-label-inline-first { font-weight:bold; } .field .field-label-inline, .field .field-label-inline-first { display:inline; } .field .field-label-inline { visibility:hidden; } .node-form .number { display: inline; width: auto; } /* event calendar table styles */ .event-calendar table { border: 1px solid #242; border-collapse: collapse; border-spacing: 0; width: 98%; /* Setting at 100% causes problem in Internet Explorer. */ margin-bottom: 1em; } .event-calendar tr { padding: 0; margin: 0; background: white; } .event-calendar th { color: #000; background: #aac; text-align: center; padding: 1px 0.33em; border: 1px solid #242; } .event-calendar td { width: 14%; /* 14% is about 1/7 of total table width */ border: 1px solid #bbb; color: #777; text-align: right; vertical-align: top; margin: 0; padding: 0; } .event-calendar th.heading { border-width: 1px 0px; } .event-calendar th.prev { text-align: left; border-width: 1px 0px 1px 1px; } .event-calendar th.next { text-align: right; border-width: 1px 1px 1px 0px; } .event-calendar th a { font-weight: bold; color: #363636; } .event-calendar td a { color: #222244; font-weight: bold; text-decoration: none; } .event-calendar td a:hover { text-decoration: underline; } .event-calendar td.sat, .event-calendar td.sun { background: #fdd; } .event-calendar td.selected { background: #99f; } .event-calendar td.today { background: #f99; } .event-calendar td.year, .event-calendar td.month { text-align: center; border-width: 1px 0px; } /* days of the week header cells */ .event-calendar td.days { color: #cce; background: #224; text-align: center; border: 1px solid #242; border-width: 0 1px 1px 0; } /* floating day number div */ .event-calendar div.day { float: right; text-align: center; border: 1px solid gray; border-width: 0 0 1px 1px; padding: 0.125em 0.25em 0 0.25em; margin: 0; background: #f3f3f3; } /* event node times for the body */ .event-nodeapi div { color: #000; padding: 0.5em 1em 0 0; } .event-nodeapi div label { color: #999; } /* individual node container */ .event-calendar div.event { font-style: italic; background-color: #fff; border: solid 1px #555; text-align: left; margin: 0.25em 0 0.5em 0.25em; } .event-calendar div.title { padding-left: 3px; } .event-calendar div.title a { color: #000; } .event-calendar div.title a:hover { color: #c00; } .event-calendar .content { margin: 5px; padding: 3px; border-left: solid 2px #ddd; padding-left: 5px; } .event-calendar div.type { margin-left: 5px; font-size: 0.8em; } .event-calendar div.type a { color: #00c; } .event-calendar div.type a:hover { color: #c00; } .event-calendar div.links { padding-left: 3px; } .event-calendar div.links a { color: #00c; } .event-calendar div.links a:hover { color: #c00; } .event-calendar .start { font-style: normal; color: #555; margin: 2px 0 2px 0; padding-left: 3px; } .event-calendar .end { font-style: normal; color: #555; margin: 2px 0 2px 0; padding-left: 9px; font-size: 0.8em; } .event-calendar .ongoing { font-style: normal; color: #555; margin: 2px 0 2px 0; padding-left: 9px; font-size: 0.8em; } .event-calendar div.info { visibility: hidden; height: 0px; overflow:hidden; padding-left: 3px; } /* individual node view styles */ .event-calendar div.monthview .title { font-size: 0.8em; } .event-calendar div.dayview { width: auto; } .event-calendar div.tableview { width: auto; } .event-calendar div.tableview .links { } .event-calendar .event-empty { min-height: 6em; } /* hack to make Internet Explorer for Windows display calendar height correctly \*/ * html .event-calendar .event-empty { height: 6em; } /* end of hack */ .container-inline .day input { width: auto; display: inline; } /* multi-day event top stripes */ .event-calendar .event .stripe { height: 5px; } .event-calendar .event .stripe-1 { background-color: #FF6; height: 5px; width: 100%; } .event-calendar .event .stripe-2 { background-color: #F66; height: 5px; width: 100%; } .event-calendar .event .stripe-3 { background-color: #668CFF; height: 5px; width: 100%; } .event-calendar .event .stripe-4 { background-color: #FFB366; height: 5px; width: 100%; } .event-calendar .event .stripe-5 { background-color: #85FF66; height: 5px; width: 100%; } .event-calendar .event .stripe-6 { background-color: #A666FF; height: 5px; width: 100%; } .event-calendar .event .stripe-7 { background-color: #FFE066; height: 5px; width: 100%; } .event-calendar .event .stripe-8 { background-color: #66FFFF; height: 5px; width: 100%; } .event-calendar .event .stripe-9 { background-color: #FF66D9; height: 5px; width: 100%; } .event-calendar .event .stripe-10 { background-color: #DDD; height: 5px; width: 100%; } #block-event-1 .item-list ul li a { margin-top: 8px; } span.event-timeleft { padding-bottom: 3px; text-align: right; width: auto; display: block; } span.event-nodetype { padding: 0px 0px 0px 5px; display: block; width: auto; text-align: right; float: right; } .ical-link { text-align: right; } .event div.form-item { white-space: normal; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; background: url(loading_animation.gif); display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* table.checkout-shipping { width: 50%; } */ .form-item .description { /* Fix the inheritance from table rows. */ white-space: normal; } .quote-button { cursor: pointer; font-weight: bold; color: rgb(0, 0, 125); } img.icon { position: relative; top: 2px; margin-right: 2px; cursor: pointer; } .quote-notes { margin-left: 25px; } /* $Id$ */ .options { display: inline; } #option_key td:first-child { width: 26%; } .combinations td:first-child, .combinations td:first-child + td { width: 12%; } /* $Id$ */ .uc-orders-table { width: 100%; clear: right; } .uc-orders-table thead th { white-space: nowrap; } .uc-orders-table tr.odd:hover, .uc-orders-table tr.even:hover { background-color: #ddd; } .uc-orders-table img { float: left; margin-right: .5em; } .order-admin-icons { margin-left: 2px; } .order-admin-icons img { position: relative; top: 3px; padding: 0px 3px; } .order-pane { border-style: solid; border-color: #bbb; border-width: 1px; padding: .5em; margin: .5em;; width: auto; line-height: 1.1em; } .order-pane thead { background-color: #ddd; } .order-pane tbody { border-top: 0px; } .order-pane-title { font-weight: bold; padding-bottom: .5em; } .pos-left { float: left; } .abs-left { /*float: left;*/ clear: left; } .pos-right { float: right; } .abs-right { float: right; clear: right; } .text-right { text-align: right; } .text-center { text-align: center; } .full-width { width: 100%; } .order-pane-table { width: 100%; } .order-pane-table .order-pane-table-heading { font-weight: bold; background-color: #ddd; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #bbb; } .order-pane-table thead th { font-weight: bold; background-color: #ddd; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #bbb; padding: 4px 8px; } .order-pane-table tr { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #bbb; } .order-pane-table tr.odd td, .order-pane-table tr.even td { padding: 4px 8px; } .order-edit-table { width: auto; } .order-edit-table .oet-label { text-align: right; font-weight: bold; } .order-edit-table .form-item { display: inline; } .address-select-box { background-color: #ddd; border: solid 1px #999; width: auto; padding-left: 1em; padding-bottom: 1em; margin-bottom: 1em; } .customer-select-box { background-color: #ddd; border: solid 1px #999; width: auto; padding: 1em; margin-top: 1em; } .product-select-box { background-color: #ddd; border: solid 1px #999; width: auto; margin-right: auto; margin-bottom: 1em; } .product-select-box2 { background-color: #ddd; border: solid 1px #999; width: auto; margin-right: auto; margin-bottom: 1em; padding-left: 1em; padding-bottom: 1em; } .line-item-table { width: 100%; } .line-item-table td { padding: 2px; } .line-item-table .li-title { width: 100%; font-weight: bold; text-align: right; } .line-item-table .li-amount { text-align: right; } .line-item-table .form-item { display: inline; } .order-review-table tbody { border-top: 0px; } .product-options { font-size: .7em; } .update-controls div { padding-right: 1em; } .update-controls div, .update-controls label { display: inline; } /* $Id$ */ .product_image { float: right; clear: right; text-align: center; border-left: 1px solid; padding-top: 4px; padding-left: 4px; margin-left: 4px; } .display_price { float: right; clear: right; width: 100px; text-align: center; font-size: 1.3em; font-weight: bold; /* border-left: 1px solid; */ padding-bottom: 4px; padding-left: 4px; } .model { display: inline; margin-right: 2em; font-weight: bold; } h3.title { margin-top: 1em; } .node-form .product-field table { width: auto; margin: 0; } .node-form .product-field td { padding: 3px 6px 0 0; } .node-form tbody { border: none; margin: 0; } .node-form .product-field table .form-item { margin-top: 0; margin-bottom: 0; } .node-form .product-field input { width: auto; } .product-ubrowser, .product-buffer { background-color: #dddddd; border: 1px solid #999999; margin-bottom: 1em; margin-right: 2em; width: auto; } #buffer-images { /* width: 100%; */ } #buffer-images img { margin: 2px; padding: 2px; } #edit-reset { clear: left; } table.product-list { clear: both; } .add-feature div { padding-right: 1em; } .add-feature div, .add-feature label { display: inline; } /* $Id$ */ #store-links, #store-links ul { padding: 0; margin: 0; list-style: none; line-height: 1.75em; z-index: 1000; } #store-links a { display: block; width: 14em; padding-left: 4px; z-index: 1000; } #store-links a img.uc-store-icon { text-decoration: none; float: left; margin: 3px 6px 3px 2px; } #store-links li { margin: 0; padding: 0; background-color: #ffffff; background-image: none; border: solid 1px black; float: left; width: 14em; z-index: 1000; } #store-links li ul{ position: absolute; width: 14em; display:none; margin: -1.75em 0 0 14em; z-index: 1000; } #sidebar-right div #store-links li ul { margin:-1.75em 0pt 0pt -14em; } #store-links li:hover ul ul, #store-links li:hover ul ul ul, #store-links li.sfhover ul ul, #store-links li.sfhover ul ul ul { display:none; } #store-links li:hover ul, #store-links li li:hover ul, #store-links li li li:hover ul, #store-links li.sfhover ul, #store-links li li.sfhover ul, #store-links li li li.sfhover ul { display:block; } .uc-store-admin-table { margin: 1em auto; border: 1px dashed #bbb; } .uc-store-admin-table tbody { border-top: 0px; } .uc-store-admin-panel { margin: 1em; padding: 1em; } .uc-store-admin-panel .uc-store-icon { float: left; margin-right: 1em; } .uc-store-admin-panel .panel-title { padding-top: 4px; font-size: 1.5em; width: 100%; } .uc-store-admin-panel .panel-show-link a { cursor: pointer; } .uc-customer-table .uc-store-icon { float: left; margin-right: .5em; } .uc-customer-table tr.odd:hover, .uc-customer-table tr.even:hover { background-color: #ddd; } .uc-cust-orders-table tr.odd:hover, .uc-cust-orders-table tr.even:hover { background-color: #ddd; } .uc-cust-orders-table .uc-store-icon { float: left; margin-right: .5em; } #store-footer { width: 100%; text-align: center; font-size: x-small; clear: both; } table.settings-overview { width: auto; } table.settings-overview td { padding: .5em; } table.settings-overview tbody { border: 0px; } table.settings-overview tr.section { border: 1px dashed #bbb; } .section-title { font-weight: bold; } table.section-items { width: auto; } table.section-items td { padding: .25em; } .settings-icon { position: relative; top: 1px; left: 1px; } tr.section { cursor: pointer; } tr.section:hover { background-color: #ddd; } /* $Id$ */ .update { width: auto; } .update tbody { border: none; } .ubrowser-div { border: 1px dashed #bbb; padding: 2px; float: left; width: auto; } .ubrowser-table { width: auto; margin-left: 1em; margin-right: 1em; } .ubrowser-table tbody { border: none; } #ubrowser-tree .form-item { margin-right: 1em; } .ubrowser-tree { display: inline; border-style: dashed; border-width: 2px; border-color: #ccc; padding: 4px; } .ubrowser-nodes { display: inline; border-style: dashed; border-width: 2px; border-color: #ccc; padding: 4px; margin-left: 1em; } /* $Id$ */ .sales-year { display:inline; } .sales-year .form-item { display:inline; } .uc-sales-table tr.odd:hover, .uc-sales-table tr.even:hover { background-color:#DDDDDD; } .uc-sales-table td { vertical-align:top; } .report-date-table { width:auto; } .report-submit { float:right; } .report-date-table td { vertical-align:bottom; } .report-date-table td div { margin:0px; }div.fieldgroup { margin:.5em 0 1em 0; } div.fieldgroup .content { padding-left:1em; }.dev-query, .dev-timer, .dev-memory-usage { padding-top: 2em; }/* $Id: stye.css,v 1.19 2006/12/27 13:17:15 drumm Exp $ */ * { margin: 0; padding: 0; padding-top: 0pt; padding-right: 0pt; padding-left: 0pt; padding-bottom: 0pt; } body { font: 12px Myriad Pro, Verdana, sans-serif; line-height: 20px; color: #CC8B26; background: #fff; } /** * Rubber band */ span.clear { display: block; clear: both; height: 1px; line-height: 0px; font-size: 0px; margin-bottom: -1px; } a { text-decoration: none; } a img { border: none; } a:link, a:visited { color: #66AF00; } html body a-og:hover { color: #000; background-color: #F4F2E4; border-bottom: 1px solid #9A8E51; } html body a:hover { color: #ffcc33; text-decoration: underline; } ul, ol { list-style: none; } #wrapper-inner { margin: 30px auto 30px auto; width: 800px; padding: 0; float: right; } #wrapper-inner-1 { margin: 0 auto 0 auto; width: 800px; padding: 0; float: right; background: #ffff99 url(images/bg-frame-800.jpg) repeat-y; } #sidebar-left { width: 180px; padding: 0; float: left; } #cart-view-form table { width: 300px; } #sidebar-left div { padding: 10px 0 0 0; } #sidebar-left li { padding: 0.5em 0 0.5em 0; } #sidebar-left li a:link, #sidebar-left li a:visited { color: #66AF00; } #sidebar-left li a:hover { color: #000; } h2-og { font: 1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px; } h2 { font: 1.5em Georgia, Times, serif; letter-spacing: 1px; } #sidebar h2 { color: #ffcc33; } #sidebar-left h2 { color: #ffcc33; } h3-og { font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; } h3 { font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; } #sidebar-og h3 { font: 1.5em Georgia, Times, serif; letter-spacing: 0; text-transform: none; margin-bottom: 0.25em; color: #333; } #sidebar h3 { font: 1.5em Georgia, Times, serif; letter-spacing: 0; text-transform: none; margin-bottom: 10px; color: #ffcc33; } #sidebar-left h3 { font: 1.5em Georgia, Times, serif; letter-spacing: 0; text-transform: none; margin-bottom: 10px; color: #ffcc33; } #masthead a, #ish a, #navbar a, #banners a, a.button, #frame h1 a, .title a:link, .title a:visited, .byline a:link, .byline a:visited { border-bottom-width: 0; } #navbar2 a {border-bottom-width: 0;} #frame h1 a:hover, .title a:hover, .byline a:hover { border-bottom-width: 1px; } h4 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px;} th, td { padding: 0; } th-og, td-og { padding: 0.5em 1em; border: 1px solid #CCC; border-width: 0 0 1px 1px; } tr.odd { background: #fff; } tr.even { background: #fff; } th.first, td.first, tbody th {border-left: none;} thead th {text-transform: uppercase; text-align: left;} tbody th {width: 20%;} tfoot {display: none;} #icon-menus { margin: 0; padding: 0; width: 535px; } #icon-menu1 { width: 140px; margin: 0; padding: 0; float: left; } #icon-menu2 { height: 23px; width: 352px; margin: 15px 0 0 0; padding: 0; float: left; text-align: left; } #nav-menu { height: 486px; width: 180px; margin: 0; padding: 0; text-align: left; } #baby img { width: 48px; height: 40px; margin: 0; padding: 0; background: url(images/page/Flash_Icon_Baby_OFF.gif) no-repeat; float: left; } #baby img:hover { width: 48px; height: 40px; margin: 0; padding: 0; background: url(images/page/Flash_Icon_Baby_ON.gif) no-repeat; float: left; } #case img { width: 36px; height: 40px; margin: 0; padding: 0; background: url(images/page/Flash_Icon_Case_OFF.gif) no-repeat; float: left; } #case img:hover { width: 36px; height: 40px; margin: 0; padding: 0; background: url(images/page/Flash_Icon_Case_ON.gif) no-repeat; float: left; } #cross img { width: 48px; height: 40px; margin: 0; padding: 0; background: url(images/page/Flash_Icon_Cross_OFF.gif) no-repeat; float: left; } #cross img:hover { width: 48px; height: 40px; margin: 0; padding: 0; background: url(images/page/Flash_Icon_Cross_ON.gif) no-repeat; float: left; } #how-to-wear a img { width: 145px; height: 155px; margin: 0; padding: 0; background: url(images/page/How_To_Wear.gif) no-repeat; float: right; } #how-to-wear a:hover img { width: 145px; height: 155px; margin: 0; padding: 0; background: url(images/page/How_To_Wear_ON.gif) no-repeat; float: right; } #email a img { width: 122px; height: 23px; margin: 0; padding: 0; background: url(images/page/PB_Link_Email.gif) no-repeat; float: left; } #email a:hover img { width: 122px; height: 23px; margin: 0; padding: 0; background: url(images/page/PB_Link_Email_ON.gif) no-repeat; float: left; } #newsletter a img { width: 140px; height: 23px; margin: 0; padding: 0; background: url(images/page/PB_Link_Newsletter.gif) no-repeat; float: left; } #newsletter a:hover img { width: 140px; height: 23px; margin: 0; padding: 0; background: url(images/page/PB_Link_Newsletter_ON.gif) no-repeat; float: left; } #cart a img { width: 82px; height: 23px; margin: 0; padding: 0; background: url(images/page/PB_Link_Cart.gif) no-repeat; float: left; } #cart a:hover img { width: 82px; height: 23px; margin: 0; padding: 0; background: url(images/page/PB_Link_Cart_ON.gif) no-repeat; float: left; } #home { clear: both; width: 180px; height: 90px; margin: 0; padding: 0; } #home a img { width: 180px; height: 90px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Logo.gif) no-repeat; } #home a:hover img { width: 180px; height: 90px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Logo.gif) no-repeat; } #research a img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Research.gif) no-repeat; } #research a:hover img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Research_ON.gif) no-repeat; } #wholesalers a img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Wholesalers.gif) no-repeat; } #wholesalers a:hover img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Wholesalers_ON.gif) no-repeat; } #our-story { clear: both; width: 180px; height: 47px; margin: 0; padding: 0; } #our-story a img { width: 180px; height: 47px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Story.gif) no-repeat; } #our-story a:hover img { width: 180px; height: 47px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Story_ON.gif) no-repeat; } #contact a img { width: 180px; height: 46px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Contact.gif) no-repeat; } #contact a:hover img { width: 180px; height: 46px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Contact_ON.gif) no-repeat; } #retailers a img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Retailers.gif) no-repeat; } #retailers a:hover img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Retailers_ON.gif) no-repeat; } #testimonials a img { width: 180px; height: 46px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Testimonials.gif) no-repeat; } #testimonials a:hover img { width: 180px; height: 46px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Testimonials_ON.gif) no-repeat; } #faqs a img { width: 180px; height: 77px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_FAQ.gif) no-repeat; } #faqs a:hover img { width: 180px; height: 77px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_FAQ_ON.gif) no-repeat; } #press a img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Press.gif) no-repeat; } #press a:hover img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Press_ON.gif) no-repeat; } #shop a img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Shop.gif) no-repeat; } #shop a:hover img { width: 180px; height: 45px; margin: 0; padding: 0; background: url(images/navigation/PB_Nav_Shop_ON.gif) no-repeat; } #navbar { clear: both; margin: 0; height: 36px; padding: 0; font: 18px Georgia, Times, serif; overflow: hidden; width: 735px; } #navbar2 { clear: both; margin: 0; height: 36px; padding: 0; font: 18px Georgia, Times, serif; overflow: hidden; width: 735px; } #navbar-og {height: 2.4em; padding: 0 0 0 215px; background: #FBFAF4; border-top: 5px solid #333; font: 18px Georgia, Times, serif; overflow: hidden; min-width: 750px;} #navbar li {float: left; padding: 0 23px 0 13px; margin-right: 5px; background: url(images/diamond-black.gif) 100% 66% no-repeat;} #navbar2 li {float: left; padding: 0 23px 0 13px; margin-right: 5px; background: url(images/diamond-black.gif) 100% 66% no-repeat;} #navbar li a { display: block; padding: 10px 0 5px; text-transform: uppercase; color: #000; } #navbar-og li a { display: block; padding: 0.75em 0 0.25em; text-transform: uppercase; color: #000;} #navbar2 li a { display: block; padding: 0.75em 0 0.25em; text-transform: uppercase; color: #000;} #navbar #articles a { background: url(images/navbarlinkbg.gif) top left repeat-x; color: #555; } #navbar2 #articles a { background: url(images/navbarlinkbg.gif) top left repeat-x; color: #555; } #navbar a:hover { background: url(images/navbarlinkbg.gif) top left repeat-x; color: #555; } #navbar2 a:hover { background: url(images/navbarlinkbg.gif) top left repeat-x; color: #555; } #navbar-og a:hover { background: url(images/navbarlinkbg.gif) top left repeat-x; color: #555; } #frame { clear: both; width: 800px; margin: 0 0 0 0; padding: 0; background: #66af00; } #frame p { text-align: left; line-height: 22px; margin: 0 0 14px; } #content { padding: 20px 0px 0px 0px; width: 590px; float: right; min-height: 466px; height: auto !important; height: 466px; background: #fff url(rounded/bg-right.gif) 575px 0px repeat-y; } #content ul, #content ol {margin-bottom: 1.25em;} #content li {margin-bottom: 0.66em; line-height: 1.6em;} #content-og {width: 540px; padding: 0 25px 0 20px;} .title { text-transform: none; letter-spacing: 1px;} .title a:link, .title a:visited { color: #66af00; } .title a:hover { color: #ffcc33; } #sidebar { width: 180px; padding: 0 0 0 30px; float: left; background: #66af00; } #sidebar-og {width: 140px; padding-left: 15px;} #search {width: 80px;} #search, #submit {vertical-align: bottom;} #header { clear: both; font-size: 0.85em; } #header-2 { clear: both; margin-bottom: 24px; font-size: 0.85em; } #header-1 { clear: both; margin-bottom: 3em; font-size: 0.85em; } #header img { display: inline; margin: 0 0 0 35px; float: left; } #header-og { clear: both; border: 1px solid #666; border-width: 1px 0; margin-bottom: 3em; font-size: 0.85em; background: #FBFAF4 url(images/pixelstoprose.gif) 20px 50% no-repeat; } #header p { margin: 0 30px 0 280px; padding: 1em 20px; } #header-og p { margin-left: 200px; padding: 1em 20px; border-left: 1px solid #666; background: #FFF; } #footer {clear: both; border: 1px solid #666; border-width: 1px 0; margin-bottom: 3em; font-size: 0.85em; background: #FBFAF4; } #footer-1 {clear: both; border: 1px solid #666; border-width: 1px 0; margin-bottom: 3em; font-size: 0.85em; background: #FBFAF4 url(images/pixelstoprose.gif) 20px 50% no-repeat;} #footer-og {clear: both; border: 1px solid #666; border-width: 1px 0; margin-bottom: 3em; font-size: 0.85em; background: #FBFAF4 url(images/pixelstoprose.gif) 20px 50% no-repeat;} #footer p {margin-left: 200px; padding: 1em 20px; border-left: 1px solid #666; background: #FFF;} #header a:link, #header a:visited {border-bottom-width: 0;} #footer a:link, #footer a:visited {border-bottom-width: 0;} #header a:hover {border-bottom-width: 1px;} #footer a:hover {border-bottom-width: 1px;} #search, input[type="text"], input[type="password"], textarea { background: #FBFAF4; border: 2px solid; border-color: #999 #D9D9D9 #D9D9D9 #999;} #wrapper-shell { margin: 0 auto 0 auto; width: 820px; padding: 0; height: 100%; } #wrapper-shell2 { margin: 0 auto 0 auto; width: 810px; padding: 0; height: 100%; } #wrapper-shell-user { margin: 0 auto 0 auto; width: 1024px; padding: 0; height: 100%; } #wrapper-shell2-user { margin: 0 auto 0 auto; width: 1014px; padding: 0; height: 100%; } #wrapper-side { margin: 30px 0 0 0; width: 160px; padding: 0; float: left; } #wrapper-side-1 { margin: 0; width: 160px; padding: 0; float: left; } #wrapper-outer { margin: 0 auto 0 auto; padding: 0; } #wrapper-inner-1 { margin: 0 auto 0 auto; width: 780px; padding: 0; float: left; } #wrapper-inner-1 { margin: 0 auto 0 auto; width: 780px; padding: 0; } dt, dd {line-height: 1.8em;} dd {margin-bottom: 0.8em;} #content h1 { font: 18px "Myriad Web Pro", Verdana, Arial, sans-serif; text-align: center; margin: 0; padding-bottom: 0; color: #ffcc33; } #content-og h1 { font: 18px "Myriad Web Pro", Georgia, Times, serif; text-align: center; margin: 0; padding-bottom: 0; color: #cc0000; } #content h1 a { color: #333; } #content h1 a:hover { color: #000; } #content .title { text-align: left; margin: 0; padding: 0; font: 25px "Myriad Web Pro", Verdana, Arial, sans-serif; color: #66AF00; } #content-og .title { text-align: left; margin: 0; padding: 0; font: 24px Georgia, Times, serif; color: #cc0000; } #content p { margin: 0.5em 0 1.5em; } #content-og p { margin: 0.5em 0 1.5em; } #content-og ul li { padding-left: 40px; background: url(images/diamond-black.gif) 22px 0.66em no-repeat; } #content ol {padding-left: 40px; list-style: decimal;} #content ol li {padding-left: 5px; background-image: none;} .item {padding: 0 10px;} /* header */ /* header-display */ #header-display { clear: both; margin: 0 0 0 35px; padding: 0; background: #fff url(backgrounds/bg-header-display.jpg) no-repeat; width: 735px; height: 252px; line-height: 0px; } #header-display-1 { clear: both; margin: 0 0 0 35px; padding: 0; background: #000 url(backgrounds/bg-header-display.jpg) no-repeat; width: 735px; height: 228px; line-height: 0px; } #header-display-windows { margin: 0; padding: 0 0 0 40px; height: 180px; line-height: 0px; text-align: left; } #header-display-window1 { margin-top: 20px; padding: 0; width: 150px; height: 150px; background: url(backgrounds/bg-header-display-window1.gif); line-height: 0px; float: left; } #header-display-window1 img { margin-left: 10px; margin-top: 10px; padding: 0; width: 130px; height: 130px; line-height: 0px; float: left; } #header-display-window2 { margin: 20px 50px 0 50px; padding: 0; width: 250px; height: 150px; background: url(backgrounds/bg-header-display-window2.gif); line-height: 0px; float: left; } #header-display-window2 img { margin-left: 10px; margin-top: 10px; padding: 0; width: 230px; height: 130px; line-height: 0px; float: left; } #header-display-window3 { margin-top: 20px; padding: 0; width: 150px; height: 150px; background: url(backgrounds/bg-header-display-window3.gif); line-height: 0px; float: left; } #header-display-window3 img { margin-left: 10px; margin-top: 10px; padding: 0; width: 130px; height: 130px; line-height: 0px; float: left; } .roundcont-og { width: 250px; background-color: #f90; color: #fff; } .roundcont { width: 800px; background: #66af00; } .roundcont p { margin: 0 10px; } .roundtop { background: url(rounded/top-800x30.gif) no-repeat top left; } .roundbottom { clear: both; background: url(rounded/bottom-800x30.gif) no-repeat top left; } .nav img { display: block; } img.cornertop { width: 800px; height: 30px; border: none; display: block !important; } img.cornerbottom { width: 800px; height: 30px; border: none; display: block !important; } img.corner { width: 35px; height: 35px; border: none; display: block !important; } .roundcont2 { width: 100%; background: #fff; min-height: 486px; height: auto !important; height: 486px; padding: 0 0 0 20px; } .roundcont2 p { margin: 0 10px; } .roundtop2 { background: url(rounded/tr2-35x35.gif) no-repeat top right; height: 35px; } .roundbottom2 { background: #fff url(rounded/br2-35x35.gif) no-repeat bottom right; text-align: right; height: 35px; } img.corner2 { width: 35px; height: 35px; border: none; display: block !important; } img.cornerbr2 { float: right; width: 35px; height: 35px; border: none; display: block !important; background: #fff; } img.cornerbl { float: left; width: 40px; height: 15px; border: none; display: block !important; background: #fff; } .center { margin: 0 auto 0 auto; text-align: center; } #main { padding: 0 30px 50px 25px; min-height: 475px; height: auto !important; height: 475px; } #mainsub { padding: 0 30px 0 25px; } .description { font-size: 10px; } .tips { font-size: 10px; } .text-contact { font-size: 12px; color: #66AF00; } .subtitle-green { font-size: 15px; color: #66af00; } .subtitle-orange { font-size: 14px; color: #ffcc33; text-decoration: underline; } .subtitle-sepia, .subtitle-sepia a { font-size: 14px; color: #cc8b26; } .subtitle-sepia a:hover { color: #66af00; } .text-green { color: #66af00 } .text-sepia { font-size: 14px; color: #cc8b26; } .hidden { display: none; } .clear { clear: both; } .inline-left { float: left; padding: 0 10px 5px 0; margin: 0; } .inline-right { float: right; padding: 0 0 5px 10px; margin: 0; } .sell_price { font-size: 16px; } span.taxonomy { display: none; } .text-retailers-2 { font-size: 14px; } .text-retailers-2 { font-size: 14px; } .even { font-size: 14px; } .odd { font-size: 14px; } .order-review-table { width: auto; margin: auto; border: solid 1px #999; font-size: 1.5em; line-height: 1.4em; } .product_image { float: right; clear: right; text-align: center; border-left-width: 0px; border-left-style: solid; padding-top: 4px; padding-left: 4px; margin-left: 4px; } -->Dear John, Thank You for your order from Psi Bands. We will send an email to john@xxx.com with your shipping information and tracking number. Psi Bands606 Lighthouse Ave. #168Pacific Grove, CA 93950 831-373-7712 November 20, 2007 - 10:16am