/* html { height: 100%; } needed for 100% table cell background in mozilla, but breaks in ie! */
/* GLITCHES IN NS4 ARE NO LONGER ACCOUNTED FOR!!! */
body {
scrollbar-arrow-color: #b12b80;
scrollbar-3dlight-color: #f3f3ff;
scrollbar-highlight-color: #fff;
scrollbar-face-color: #b8cef3;
scrollbar-shadow-color: #96abea;
scrollbar-darkshadow-color: #7588d5;
scrollbar-track-color: #e0edfe;
margin: 0 auto;
padding: 0;
width: 736px;
height: 100%;
background: #d9d2e4;
font: 11px Helvetica, Arial, sans-serif;
font-size-adjust: 0.50;
color: #4c1e82;
}
img {vertical-align:bottom;}
/********** PRE-SET PADDING *********/
div { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border-width: 0; }
.padSmall { padding: 4px; }
.padMid { padding: 6px; }
.padBig { padding: 12px; }
.collapse { border-collapse: collapse; }
/********** TITLES *********/
h1, h2, h3, h4 { color: #3373ae; margin: 0 0 12px 0; }
h1 { font: 20px normal italic "Lucida Handwriting", Georgia, "Times New Roman", Times, serif; color: #90b631; margin: 10px 0 0 0; }
/*h1.nospace { margin: 0; }*/
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 15px; font-weight: normal; }
h4 { font-size: 12px; margin-bottom: 0; }
/********** BASIC TEXT *********/
p, td, th { font-size: 11px; }
strong { color: #3373ae; }
th { color: #3373ae; text-align: left; }
a { color: #c945a1; }
a:hover { color: #f00; }
strong a { color: #c30080; text-decoration: none; border-bottom: 1px dotted #b7cef6; }
strong a:hover { color: #f93; }
strong a span { color: #4c1e82; }
.indent { margin-left: 25px; text-indent: -20px; }
.asterisk, .error { color: #900; }
.note, .picNotes, .picNotes p { font: 9px Verdana, Helvetica, Arial, sans-serif; font-size-adjust: 0.58; }
.note { color: #4c1e82; }
.picNotes, .picNotes p { color: #3373ae; margin: 4px 0; padding: 0; }
sup { font-size: 60%; }
cite { font-style: normal; font-weight: bold; }
.help { cursor: help; }
.highlight { color: #ab378a; }
/********** MENU *********/
.menu { color: #3373ae; }
.menu a { color: #06c; text-decoration: none; }
.menu a:hover { color: #f93; }
/********** LISTS *********/
ul { margin: 0 0 12px 0; padding-left: 0px; }
ul li, ul li.optionA { display: list-item; margin: 0 0 10px 0; padding: 0 0 0 25px; list-style: none;
background: url(../images/elements/bullet-maple-leaf.gif) top left no-repeat; }
ul li ul li, ul li.optionB { display: list-item; margin: 0 0 10px 0; padding: 0 0 0 25px; list-style: none;
background: url(../images/elements/bullet-cherry-leaf.gif) top left no-repeat; }
ul li ul li ul li, ul li.optionC { display: list-item; margin: 0 0 10px 0; padding: 0 0 0 25px; list-style: none;
background: url(../images/elements/bullet-sycamore-leaf.gif) top left no-repeat; }
ol { margin: 0 0 12px 0; padding-left: 0px; color: #9d007e; }
ol li { display: list-item; margin: 0 0 10px 25px; list-style: decimal outside; }
ol li ul li { margin: 0 0 10px 0; list-style: none; }
ul li ol li { margin: 0 0 10px 25px; list-style: decimal outside; padding: 0; background-image: none; }
.fix { color: #4c1e82; }
/*
graphic bullets
ul li { display: list-item; margin: 0 0 10px 25px; list-style: none;
background: url(../images/bullet.gif) 0 50% no-repeat; }
*/
/********** BORDERS *********/
hr { display: block; height: 1px; color: #99a5e6; background: #99a5e6; border-style: none; margin-top: 0px; margin-bottom: 0px; }
.lineAbove { border-top: 1px solid #99a5e6; }
.lineBelow { border-bottom: 1px solid #99a5e6; }
.lineLeft { border-left: 1px solid #99a5e6; }
.lineRight { border-right: 1px solid #99a5e6; }
.outline { border: 1px solid #99a5e6; }
/********** FORMS *********/
input, textarea, select, option { font: 11px Verdana, Arial, Helvetica, san-serif; color: #3373ae; }
input.field { border: 1px solid #d774d9; background-color: #ffe0e7; width: 180px; padding: 2px; }
input.field.ext { width: 30px; }
input.field.postcode { width: 90px; }
textarea { border: 1px solid #d774d9; background-color: #ffe0e7; width: 180px; padding: 2px; }
textarea.wide { width: 360px; }
select { border: 1px solid #ccc; color: #333; background-color: #eee; margin: 0px }
option { color: #fff; background-color: #339; padding: 2px; }
input.button { border: 2px outset #999; color: #333; background: #ccc url(../images/bg.gif) repeat 20px 50px; padding: 2px; }
fieldset { border: 0; margin: 0; padding: 0; color: #339; }
legend { font: 20px normal italic "Lucida Handwriting", Georgia, "Times New Roman", Times, serif; color: #90b631; margin: 10px 0 12px 0; }
dl.form { margin: 0 0 10px 0; padding: 0; }
dl.form dt { margin-bottom: 2px; }
dl.form dd { margin: 0 0 4px 0; }
input.button.dl { margin-left: 25px; }
/********** COMPOSITION *********/
body.stripes { background: #d9d2e4 url(../images/elements/bg-stripes.gif) repeat; }
body.nails { background: #ffe4ea url(../images/elements/bg-nails.gif) repeat; }
#outer { margin: 0; padding: 0; border-collapse: collapse; }
#inner { background: transparent url(../images/elements/bg.gif) top center repeat-y; margin: 0px; padding: 0px; vertical-align: top; text-align: center; }
#all { width: 736px; w\idth: 726px; padding-right: 10px; margin: 0; clear: all;}
#top { width: 726px; text-align: center; margin: 0; padding: 0; clear: all; vertical-align: bottom;}
#page { padding-left: 16px; }
#spaceImg { display: block; margin: 0; padding: 0; float: left; clear: none; }
#aboutLink { display: block; margin: 0; padding: 0; float: left; clear: none; }
#contactLink { display: block; margin: 0; padding: 0; float: left; clear: none; }
#ourStuff { display: block; margin: 0; padding: 0; float: right; clear: right; }
#footer { font: 9px Verdana, Helvetica, Arial, sans-serif; width: 180px; w\idth: 160px; padding: 0 10px; text-align: center; float: left; clear: both; }
/* HOME */
#topLinksHome { width: 350px; height: 149px; float: right; clear: right; }
#logoHome { background: transparent url(../images/elements/left-home.gif) no-repeat; width: 376px; height: 161px; w\idth: 360px; padding-left: 16px; float: left; clear: none; margin: 0px; }
#linksHome { background: url(../images/elements/home-top-bg.jpg); width: 350px; height: 64px; text-align: left; float: right; clear: right; padding: 0px; margin: 0px;}
#introBox { width: 360px; float: left; clear: left; }
#intro { display: inline; background: transparent url(../images/elements/home-intro-bg.gif) repeat-y; width: 350px; w\idth: 300px; margin-left: 10px; padding-left: 50px; text-align: left; float: left; clear: both; }
#introExtra { background: url(../images/elements/summer/home-intro-extra.gif) no-repeat; width: 80px; height: 27px; float: right; }
#introBottom { display: inline; background: url(../images/elements/summer/home-intro-bottom.jpg); width: 350px; margin-left: 10px; height: 82px; float: left; clear: both; }
#featHome { width: 350px; float: left; clear: none; }
#featHomeTop { background: url(../images/elements/home-features-top.jpg); width: 350px; height: 29px; float: left; clear: both; }
#featHomeBottom { background: url(../images/elements/home-features-bottom.jpg); width: 350px; height: 38px; float: left; clear: both; }
.featHomeEntry { width: 350px; background: transparent url(../images/elements/home-feature-shadow.gif) right repeat-y; text-align: left;
float: left; clear: both; }
#featHome #footer { width: 350px; w\idth: 330px; }
/* INSIDE */
#topLinks { width: 410px; float: right; clear: right; }
#subTop { width: 410px; float: right; clear: right; }
#logo { background: transparent url(../images/elements/left-inside.gif) no-repeat; width: 316px; w\idth: 300px; padding-left: 16px; float: left; clear: left; }
#links { background: url(../images/elements/top-bg.jpg); width: 410px; height: 32px; text-align: left; float: right; clear: both; }
#topExtraImg { display: block; float: left; clear: left; }
#contentBox { width: 510px; float: left; clear: left; }
.textBox { width: 444px; float: left; clear: both; }
#contentTop { background: url(../images/elements/summer/content-top-06.jpg); width: 510px; height: 59px; float: left; clear: left; }
#content { display: inline; background: transparent url(../images/elements/content-bg.gif) repeat-y; width: 500px; w\idth: 477px; padding-left: 23px; margin-left: 10px; text-align: left; float: left; clear: both; }
#contentText { width: 444px; margin-bottom: 20px; float: left; clear: both; }
#contentExtra { width: 1px; height: 1px; float: right; }
#contentBottom { display: inline; background: url(../images/elements/summer/content-bottom.jpg); width: 500px; height: 57px; margin-left: 10px; float: left; clear: both; }
#feat { width: 200px; float: left; clear: none; }
#featTop { background: url(../images/elements/features-top.jpg); width: 200px; height: 29px; float: left; clear: both; }
#featBottom { background: url(../images/elements/features-bottom.jpg); width: 200px; height: 38px; float: left; clear: both; }
.featEntry { width: 200px; background: transparent url(../images/elements/feature-shadow.gif) right repeat-y; text-align: left;
float: left; clear: both; }
/* PRODUCTS */
#ourStuffAll { width: 444px; border-top: 1px solid #b7cef6; margin-bottom: 12px; color: #039; float: left; clear: both; }
#stuffLeft { width: 200px; float: left; clear: none; }
#stuffLeftLg { width: 220px; float: left; clear: none; }
#stuffRight { width: 200px; margin-right: 2px; float: right; clear: none; }
#stuffRightLg { width: 220px; margin-right: 2px; float: right; clear: none; }
.stuffEntry { width: 190px; float: left; clear: none; }
#stuffLeft .stuffEntry { background: transparent url(../images/products/product-bg-left.gif) no-repeat; }
#stuffRight .stuffEntry { background: transparent url(../images/products/product-bg-right.gif) no-repeat; }
img.stuffEntryLeft { width: 68px; float: left; clear: none; }
img.stuffEntryAbovetext { width: 200px; float: left; clear: none; }
.stuffEntryUnderText { width: 200px; clear: none; }
.stuffEntryRightText { width: 140px; float: right; clear: none; padding-left:5px; }
img.stuffEntryRight { display: block; width: 130px; float: right; clear: none; }
#ourStuffAll p { width: 140px; margin: 0 0 7px 0; padding: 0; }
#ourStuffAll p.tip { color: #9d007e; }
#ourStuffAll strong { color: #9d007e; }
#ourStuffAll p.tip strong { color: #3373ae; }
/* CONTACT */
#contactInfo { width: 444px; margin-bottom: 12px; float: left; clear: both; }
#contactEnvelopes { width: 135px; float: left; clear: both; }
#contactForm { display: block; margin: 12px 0 0 25px; float: left; clear: none; }
#thanksInfo { width: 444px; padding-top: 10px; float: left; clear: both; }
h1#thanksTitle { display: block; width: 244px; margin: 0; padding: 0; float: left; clear: left; }
#thanksRight { width: 200px; padding-top: 40px; float: right; clear: right; }
/* ECARDS */
#ecards { width: 444px; background: url(../images/elements/ecard-stars-bg.gif) bottom right no-repeat; float: left; clear: both; }
#yourEcard { width: 444px; background: url(../images/elements/ecard-stars-bg.gif) center right no-repeat; margin-bottom: 10px; float: left; clear: both; }
#ecardSwap { width: 110px; font-size: 10px; text-align: center; color: #3373ae; float: left; clear: both; }
#ecardPrev { width: 444px; border: 1px solid #b7cef6; border-width: 1px 0; float: left; clear: both; }
#ecardIntro { margin: 0; padding: 0; border-width: 0; border-collapse: collapse; }
#ecardIntroText { width: 341px; margin: 0; padding: 0; text-align: left; }
#ecardPto { width: 103px; margin: 0; padding: 0; vertical-align: bottom; text-align: right; }
#ecardPrevBottom { width: 444px; float: left; clear: both; }
div.ecardThumb { display: block; margin: 0 0 2px 0; padding: 0 0 2px 0; width: 110px; border-bottom: 1px dotted #b7cef6;
float: left; clear: none; }
a.ecardThumb { display: block; margin: 0 1px 0 0; padding: 0 0 2px 0; width: 110px; font-size: 10px; color: #c30080; text-decoration: none;
text-align: center; float: left; clear: none; }
a:hover.ecardThumb { color: #fff; text-decoration: none; background: #c30080; }
a.ecardThumb img { margin-bottom: 2px; }
a.swapEcard { display: block; margin: 0; padding: 0; width: 55px; float: left; clear: none; }
#ecardSwap strong { font-weight: normal; padding: 4px 0; }
#ecardForm { display: block; margin: 12px 0 0 25px; float: left; clear: none; }
#pto { display: block; margin: 0 0 0 2px; padding: 0; }
a#ecardChange { display: block; margin: 0; padding: 5px 5px 0 0; color: #c30080; text-decoration: none; border-bottom: 1px dotted #b7cef6; float: left; clear: left; }
a:hover#ecardChange { color: #f93; }
#ecardSend { display: block; float: right; clear: right; }
#ecardBack { width: 440px; height: 330px; background: #fff url(../images/ecards/candy-hearts.gif) bottom right no-repeat; font-size: 12px; color: #4c1e82; }
#ecardLeft { width: 189px; height: 243px; background: transparent url(../images/ecards/ecard-bg.gif) no-repeat; padding: 18px; float: left; clear: left; }
#ecardRight { width: 208px; padding-left: 7px; float: right; clear: right; }
#ecardBack strong { color: #4c1e82; }
#ecardBottom { width: 363px; padding: 6px 63px 6px 18px; float: left; clear: left; }
#ecardBottom a { color: #c30080; text-decoration: none; }
#ecardBottom a:hover { text-decoration: none; border-bottom: 1px dotted #b7cef6; }
#hiImg { vertical-align: middle; }
#stampImg { display: block; margin-left: 100px; float: right; clear: right; }
#ecardNote { white-space: nowrap; }
/* SCREENSAVERS */
#savers { width: 444px; background: url(../images/elements/ecard-stars-bg.gif) center right no-repeat; margin-bottom: 10px; float: left; clear: both; }
#saversLinks { width: 220px; padding-left: 22px; float: left; clear: none; }
#chickScreen { display: block; border: 1px solid #c30080; float: left; clear: none; }
a.downloadIcon { display: block; margin: 0 12px 0 0; padding: 0; float: left; clear: left; }
.downloadEntry { display: block; width: 178px; margin: 0 0 8px 0; padding: 0; float: left; clear: none; }
.downloadEntry a { font-weight: bold; text-decoration: none; border-bottom: 1px dotted #d774b9; }
.downloadEntry a:hover { text-decoration: none; border-width: 0; }
/* LEGAL */
/********** ADDITIONAL CHANGES *********/
#footer p { font: 9px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
#footer a { color: #d774b9; text-decoration: none; }
#footer a:hover { color: #c30080; text-decoration: underline; }
/* HOME */
#introBox h1 { display: block; margin: 0; padding: 0; float: left; clear: left; }
#introBox h1 img { display: block; }
#intro p { width: 220px; text-align: left; margin: 0 0 8px 0; float: left; clear: left; }
#intro p.first { margin-top: 12px; }
/* INSIDE */
#content p { text-align: left; margin: 0 0 8px 0;/* float: left; clear: left;*/ }
#content p.first { margin-top: 12px; }
#content div.line { height: 1px; width: 443px; background: #b7cef6; margin: 0 0 10px 0; overflow: hidden; float: left; clear: left; }