@charset "UTF-8";
/* Banana Moon CSS Document */

body {margin:0; padding:0; overflow:auto; font:76% "Lucida Grande",Geneva,Helvetica,sans-serif; text-align:justify; color:#666; font-weight:normal; background:url(../images/bananamoon_background.png) repeat-x #6f6f6d; text-shadow:#fff 0 0 1px}
backgroundcollection {background:url(../images/bananamoon_background-collection.png) repeat-x #efe6da;}

p {font-size:1.0em; margin-top:5px}
img {border:0}

a:link		{text-decoration:none; color:#f42d86}
a:visited	{text-decoration:none; color:#f42d86}
a:hover		{text-decoration:none; color:#444}
a:active	{text-decoration:none; color:#f42d86}

#all {width:902px; margin:auto}
#main, #flash, #flashIntro, #flashcollection {width:900px; height:500px; border:1px solid #ffd9e8; background:#fff; margin:0; position:absolute; top:125px}
#flashcollection {height:539px}
#flashIntro {background-image:url(../images/bananamoon_home-background.jpg)}
#flashcollection {padding:0; height:539px}

/* menu navigation */
#navwrap {position:absolute; top:28px; width:595px; margin:auto; font-family:arial, verdana, sans-serif; margin-left:305px}
#nav {font-size:1.10em; float:right; text-transform:uppercase}
#nav ul li {list-style:none; margin-left:15px; float:left}
#nav ul li a {color:#fff}
#nav ul li a:hover {color:#ffd9e8; text-shadow:#ee2e6d 0 0 1px}
#nav ul li a select {color:#ffd9e8; text-shadow:#ee2e6d 0 0 1px}

#nav2 {font-size:1.25em; float:right; text-shadow:#ee2e6d 0 0 1px; text-transform: none}
#nav2 ul li {list-style:none; margin-left:15px; float:left}

h1		{position:relative; top:15px; margin:0; padding:0}
h1 a	{clear:both; display:block; text-align:center; background:url(../images/bananamoon_logo.png) no-repeat; width:305px; height:76px; text-indent:-9000px}

#mainText {padding:10px}
#mainTextScroll {padding:10px; height:480px; overflow:auto}
#mainTextL, #mainImageR, #mainImageL, #mainTextR {float:left; height:480px; padding:10px}
#mainTextL, #mainTextR		{width:470px; line-height:170%}
#mainImageR, #mainImageL	{width:390px}
#mainVideo {padding:50px 130px 90px 130px; width:640px; height:375px}
#mainhalf {float:left; height:480px; padding:10px; width:430px}
#mainhalf img {padding:5px 1px}

/* menu collections */
#main14 a, #main24 a, #main34 a, #main44 a {width:225px; height:500px; float:left; text-indent:-9000px}
#main14	a		{background:url(../images/bananamoon_collections-menu-bm-ss10.jpg)}
#main24 a		{background:url(../images/bananamoon_collections-menu-bm-fw09.jpg)}
#main34 a		{background:url(../images/bananamoon_collections-menu-int-ss10.jpg)}
#main44 a		{background:url(../images/bananamoon_collections-menu-int-fw09.jpg)}
#main14 a:hover, #main24 a:hover, #main34 a:hover, #main44 a:hover {font-size:1.8em; color:#fff}
#main14 a:hover	{background:url(../images/bananamoon_collections-menu-bm-ss10.jpg); background-position:-225px 0}
#main24 a:hover	{background:url(../images/bananamoon_collections-menu-bm-fw09.jpg); background-position:-225px 0}
#main34 a:hover	{background:url(../images/bananamoon_collections-menu-int-ss10.jpg); background-position:-225px 0}
#main44 a:hover	{background:url(../images/bananamoon_collections-menu-int-fw09.jpg); background-position:-225px 0}

#footerwrap {position:absolute; top:635px; text-align:center; text-transform: uppercase; width:900px}
#footer, #footer2 {font-weight:100; font-family:arial, verdana, sans-serif; font-size:0.9em; text-shadow:#fff 0 0 1px}
#footer ul				{float:left; margin:0; padding:0}
#footer ul li			{list-style:none; margin-right:15px; float:left}
#footer ul li a			{color:#9f1955; text-shadow:#fff 0 0 1px}
#footer ul li a:hover	{color:#000}
#footer ul li a select	{color:#9f1955; text-shadow:#fff 0 0 1px}
#footer2 {float:right; margin-top:-4px; text-align:right}
#footer2 img {vertical-align:text-bottom}
#footer2 a			{color:#9f1955; text-shadow:#fff 0 0 1px}
#footer2 a:hover	{color:#9f1955}

#button {padding:5px 6px; background:#a62e64; border:1px solid #ffabcd; margin-right:5px; color:#fff; font-size:0.7em}
#button:hover {color:#000; background:#e87c9b; border:1px solid #fff}

#lycra {position:relative; top:-36px; float:right; width:58px; height:35px; background:url(../images/logo_lycra.png)}
#shop {text-align:center; width:100%}
#shop img { padding:18px 0}
#shop tr td:hover {background-color:#fef5e8}
#downloads {font-size:0.9em; text-align:center; width:880px}
.imgAlign { vertical-align: text-bottom}

#ribonEn, #ribonFr {position:absolute; top:0; left:0; width:132px; height:132px; text-indent:-9000px; size:0.1em}
#ribonEn {background:url(../images/bananamoon_ribon-en.png) no-repeat}
#ribonFr {background:url(../images/bananamoon_ribon-fr.png) no-repeat}

#flagfr {height:19px; width:16px; background:url(../images/icn_fr.gif) no-repeat; text-indent:-9000px}

/* contact form */
.fieldName				{font-size:0.9em}
input 					{font-size:100%; margin:0px 0}
input.on 				{color:#666666; border:solid 1px #aaaaaa; background:#eeeeee; padding:3px 0px}
input.on:hover 			{color:#ffffff; border:solid 1px #3c3c3c; background:#f5bdd3; padding:3px 0px}
input.on:focus 			{color:#666666; border:solid 1px #c4006d; background:#ffffff; padding:3px 0px}
input.onIE 				{color:#525252; border:solid 1px #3c3c3c; background:#333333; padding:3px 0px}
textarea.on 			{color:#666666; border:solid 1px #aaaaaa; background:#eeeeee; padding:3px 0px}
textarea.on:hover 		{color:#ffffff; border:solid 1px #3c3c3c; background:#f5bdd3; padding:3px 0px}
textarea.on:focus 		{color:#666666; border:solid 1px #c4006d; background:#ffffff; padding:3px 0px}
textarea.onIE 			{color:#525252; border:solid 1px #3c3c3c; background:#333333; padding:3px 0px}

#stars {list-style:none; line-height:3.0em}

#facebook {background:url(../images/icn_facebook.gif); text-indent:-9000px; width:85px; height:32px}

h2, h3 {font-weight:normal}
h2 {font-size:1.5em; margin-top:5px; color:#f42d86}
h3 {font-size:1.2em; color:#333; margin:20px 0 0 0}
.white {color:#fff}
.txtSmall {font-size:0.8em}
.txtSmallLegal {font-size:0.8em; line-height:1.4em}
.txtPink {color:#f42d86}
.videoThumb img {border:2px solid #ccc}
.videoThumb img:hover {border:2px solid #f42d86}
.red {color:#f00; font-size:1.2em}

#signature	{position:absolute; top:665px; text-align:right; width:900px; font-weight:100; font-family:arial, verdana, sans-serif; font-size:0.8em; text-shadow:#000 0 0 1px; color:#eee}
#signature a:link, #signature a:visited {color:#eee}