@import url(base.css);
@import url(content.css);

* {background-repeat: no-repeat; margin: 0; }
HTML, BODY {height: 100%; }
BODY {background: #690; color: #000; }

#canvas   {background: url(/_/i/body-bg-tiled.png) center top repeat; min-height: 100%; min-width: 812px; }
#canvas-a {background: url(/_/i/body-bg-top-tiled.png) center top repeat-x; }
#canvas-b {background-image: url(/_/i/body-bg-home-flowers.jpg);  background-position: center top; }
#canvas-c {background-image: url(/_/i/content-bg-home-rose-flowers-patch.png); background-position: center 503px; }
#canvas-d {background-image: url(/_/i/body-bg-home-pattern.png);  background-position: center top; }
#canvas-e {background-image: url(/_/i/content-bg-home-rough.png); background-position: center 140px; }
#canvas-f {margin: 0 auto; padding: 170px 0 2.5em; position: relative; width: 812px; min-height: 698px; }



#logo,
#logo A,
#logo SPAN {overflow: hidden; width: 327px; }

#logo A,
#logo SPAN {display: block; padding-top: 106px; height: 0; }

#logo {background-image: url(/_/i/logo-shadow.png); position: absolute; left: 119px; top: 37px; height: 106px; }
#logo SPAN {background-image: url(/_/i/logo-graphics.png); background-position: 16px 10px; }
#logo A {margin-top: -106px; position: relative; z-index: 5; }



#slogan {background-image: url(/_/i/slogan.png); overflow: hidden; position: absolute; left: 536px; top: 54px; width: 275px; padding-top: 63px; height: 0; }



#slogan-2 {background-image: url(/_/i/slogan-2.png); overflow: hidden; padding-top: 14px; position: absolute; left: 188px; top: 149px; width: 436px; height: 0; }



#mnu {background-image: url(/_/i/mnu-bg.png); margin: 0 41px 18px 85px; overflow: hidden; width: 591px; height: 142px; }
#mnu LI {float: left; }
#mnu LI A {background: url(/_/i/mnu-txt.png); display: block; overflow: hidden; padding: 142px 0 0 19px; width: 178px; height: 0; }

#mnu LI.create A {background-position: -197px 0; }
#mnu LI.send   A {background-position: -394px 0; }

BODY.home #mnu LI.home A,
#mnu LI.home   A:hover {background-position: 0 -142px; }

BODY.create #mnu LI.create A,
#mnu LI.create A:hover {background-position: -197px -142px; }

BODY.send #mnu LI.send A,
#mnu LI.send   A:hover {background-position: -394px -142px; }



#mnu-txt {font-size: 1.5em; text-align: center; width: 100%; height: 45px; }
#mnu-txt LI {display: inline; float: none; margin-left: 79px; }
#mnu-txt LI.home {margin-left: 0; }
#mnu-txt LI A {color: #96c800; }

BODY.home   #mnu-txt LI.home   A,
BODY.create #mnu-txt LI.create A,
BODY.send   #mnu-txt LI.send   A,
#mnu-txt LI A:hover {color: #c00; text-decoration: none; }



#content {margin: 0 41px; }



#text {color: #fff; margin: 0 auto; width: 652px; }
#text-a {background: #b20000 url(/_/i/text-bg-tiled.gif) left bottom; border: solid #fff; border-width: 0 6px; }
#text-b {background: url(/_/i/text-side-shadows.png) repeat-y; margin: 0 -24px; position: relative; }
#text-c {background: url(/_/i/text-top-shadow.png) repeat-x; margin: 0 18px; }
#text-c:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#text-d {margin: 0 auto; padding-top: 34px; width: 500px; min-height: 150px; }
#text .bot {background-image: url(/_/i/text-bot-bg.png); margin: 0 -18px; height: 69px; position: relative; }



#content DL.tip {margin: 0; }
#content DL.tip DT {font-size: 1.5em; font-weight: normal; margin-bottom: 1em; }

#content DL.tip DD P,
#content DL.tip DD UL LI {margin-top: 1.25em; }

#content DL.tip DD UL,
#content DL.tip DD UL LI {margin-left: 0; }

#content DL.tip DD UL {list-style: none; }
#content DL.tip DD UL LI {background-image: url(/_/i/tip-bull.gif); background-position: 0 .5em; padding-left: 8px; }



#bot-mnu {margin-top: -23px; padding: .5em 0 55px; position: relative; text-align: center; }
#bot-mnu LI {display: inline; margin: 0 .3em; }
#bot-mnu LI A {color: #fff; }



#copy-n-designer,
#copy-n-designer A {color: #fff; }

#copy-n-designer {background: url(/_/i/copy-bg-x-tiled.png); margin-top: -2.5em; height: 2.5em; line-height: 2.5em; position: relative; text-align: center; }
#copy-n-designer P {display: inline; }


/* ----- */


BODY.home .card-n-select {overflow: hidden; width: 100%; height: 386px; }



BODY.home .card-n-select .card {float: left; overflow: hidden; width: 370px; }

BODY.home .card-n-select .card IMG,
BODY.home .card-n-select .card OBJECT,
BODY.home .card-n-select .card EMBED {vertical-align: top; }



BODY.home .card-n-select DL.thumbs {float: right; margin: 0; overflow: hidden; width: 320px; }
BODY.home .card-n-select DL.thumbs DT {background-image: url(/_/i/home-select-bg.png); font-size: 13px; font-weight: bold; text-align: center; }
BODY.home .card-n-select DL.thumbs DT A {color: #fff; display: block; line-height: 30px; height: 30px; text-decoration: none; }
BODY.home .card-n-select DL.thumbs DT A:hover {color: #000; }
BODY.home .card-n-select DL.thumbs DT A SPAN {background-image: url(/_/i/select-arrow-down.gif); background-position: right center; padding-right: 16px; }

BODY.home .card-n-select DL.thumbs DD.select {margin: 0 16px; position: relative; }
BODY.home .card-n-select DL.thumbs DD.select UL {background: #fff; border: 1px solid #77ae20; border-top: none; display: none; list-style: none; margin: 0; padding: .5em 0; position: absolute; left: 0; top: 0; width: 286px; }
BODY.home .card-n-select DL.thumbs DD.select UL.visible {display: block; }
BODY.home .card-n-select DL.thumbs DD.select UL LI {margin: 0; vertical-align: top; }
BODY.home .card-n-select DL.thumbs DD.select UL LI A {color: #77ae20; display: block; padding: .3em 10px; text-decoration: none; }
BODY.home .card-n-select DL.thumbs DD.select UL LI A:hover {background: #ddebc7; color: #000; }

BODY.home .card-n-select DL.thumbs DD.pics UL {list-style: none; margin: 0 0 0 -4px; }
BODY.home .card-n-select DL.thumbs DD.pics UL:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
BODY.home .card-n-select DL.thumbs DD.pics UL LI {float: left; margin: 20px 0 0 20px; width: 134px; }
BODY.home .card-n-select DL.thumbs DD.pics UL LI IMG {vertical-align: top; }



BODY.card #canvas-c {background-image: none; }
BODY.card #canvas-e {background-image: url(/_/i/content-bg-home-rough-space4rose.png); }
/*BODY.card #canvas-f {padding-top: 190px; }*/



BODY.card #slogan-2 {background-image: url(/_/i/slogan-2-card.png); padding-top: 13px; left: 288px; top: 150px; width: 235px; }



BODY.card .card-received {width: 100%; height: 501px; } /* 526px */
BODY.card .card-received:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }



BODY.card .card-received .rating-n-credits {float: left; margin-right: 21px; padding-top: 20px; width: 160px; }



BODY.card .card-received .rating {background: url(/_/i/rating-star.png) repeat-x; margin-bottom: 20px; overflow: hidden; height: 16px; }
BODY.card .card-received .star-1 {width: 20px; }
BODY.card .card-received .star-2 {width: 40px; }
BODY.card .card-received .star-3 {width: 60px; }
BODY.card .card-received .star-4 {width: 80px; }
BODY.card .card-received .star-5 {width: 100px; }



BODY.card .card-received .credits {color: #999; margin: 0; overflow: hidden; width: 100%; height: 445px; } /* height: 470px;  */
BODY.card .card-received .credits DT {font-weight: normal; }

BODY.card .card-received .credits DT.single,
BODY.card .card-received .credits DD {margin-bottom: 1.25em; }



BODY.card .card-received .card-n-txt {float: left; margin-right: 21px; width: 368px; }



BODY.card .card-received .card {margin-bottom: 20px; }

BODY.card .card-received .card IMG,
BODY.card .card-received .card OBJECT,
BODY.card .card-received .card EMBED {vertical-align: top; }



BODY.card .card-received .txt {background: #fff; border: 1px solid #737373; height: 148px; overflow: auto; }/* height: 168px; */
BODY.card .card-received .txt DIV {padding: .5em 8px; }



BODY.card .card-received .ctrl {float: left; margin: -18px -10px 0 0; padding-top: 17px; position: relative; width: 170px; }

BODY.card .card-received .ctrl DT,
BODY.card .card-received .ctrl DT A {color: #83c400; }

BODY.card .card-received .ctrl DT {font-weight: normal; margin: 1em 0 .3em; }
BODY.card .card-received .ctrl DT A {border-bottom: 1px dashed #83c400; position: relative; text-decoration: none; }

BODY.card .card-received .ctrl DT A:hover {border-bottom-color: #000; color: #000; }
BODY.card .card-received .ctrl DT.active A {border-bottom: none; }

BODY.card .card-received .ctrl DD {display: none; }

BODY.card .card-received .ctrl DD.active,
BODY.card .card-received .ctrl DD.active DD {display: block; }
BODY.card .card-received .ctrl DD DT {color: #999; }
BODY.card .card-received .ctrl DD DL {margin: -.5em 0 1.75em; }
BODY.card .card-received .ctrl DD DL DT {margin-bottom: .3em; }
BODY.card .card-received .ctrl DD INPUT.text {background: #fff; border: 1px solid #666; padding: 1px 2px; width: 154px; }
BODY.card .card-received .ctrl DD .submit {margin-top: -1.5em; }



BODY.card #text-c {min-height: 132px; }



/*BODY.create #canvas {min-width: 952px; }
BODY.create #canvas-b {background-image: url(/_/i/body-bg-create-flowers.jpg); }
BODY.create #canvas-c {background-image: none; }
BODY.create #canvas-d {background-image: url(/_/i/body-bg-create-pattern.png); }
BODY.create #canvas-e {background-image: url(/_/i/content-bg-create-rough.png); }
BODY.create #canvas-f {width: 952px; }
*/

BODY.create #slogan {left: 606px; }
BODY.create #slogan-2 {background-image: url(/_/i/slogan-2-create.png); padding-top: 14px; left: 256px; width: 440px; }
BODY.send #slogan-2 {background-image: url(/_/i/slogan-2-create.png); padding-top: 14px; left: 256px; width: 440px; }




BODY.create #mnu {margin-left: 154px; }



BODY.create .interface {height: 386px; }

BODY.create .interface IMG,
BODY.create .interface OBJECT,
BODY.create .interface EMBED {vertical-align: top; }



BODY.create .flash-n-txt {overflow: hidden; width: 100%; height: 501px; }
BODY.send .flash-n-txt {overflow: hidden; width: 100%; height: 501px; }



BODY.text #canvas-b {background-image: url(/_/i/body-bg-text-flowers.jpg); }
BODY.text #canvas-c {background-image: none; }
BODY.text #canvas-d {background-image: url(/_/i/body-bg-text-pattern.png); }
BODY.text #canvas-e {background-image: url(/_/i/content-bg-text-rough.png); background-position: center 134px; }
/*BODY.text #canvas-f {padding-top: 349px; }*/



BODY.text #mnu {margin-bottom: 37px; }



BODY.text #text-a {background-color: #fc6; background-image: url(/_/i/text-bg-tiled-text.gif); color: #333; }
BODY.text #text-d {min-height: 460px; }
BODY.text #text .bot {background-image: url(/_/i/text-bot-bg-text.png); }

BODY.text #text UL,
BODY.text #text UL LI {margin-left: 0; }

BODY.text #text UL {list-style: none; }
BODY.text #text UL LI {background-image: url(/_/i/text-bull.gif); background-position: 0 .6em; padding-left: 8px; }