/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0 0 30px 0; font-size: 14px; text-align: center; font-family: sans-serif; background:#FF2385 url(/images/bg.jpg) left top repeat-x; color:#000; }
/* misc */
h1, h2, h3, p, form, ul, fieldset { padding:0; margin:0; border:0; }
h2 { font-size:25px; }
p { line-height:150%; }
ul li { list-style:none; }
a { color:#EC009C; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; display:block; }
.clear { clear:both; }
.wrap { margin:0 auto; text-align:left; width:900px; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.float { float:left; }
.floatRight { float:right; }

/* = button
---------------------------------------------------------------------------------------------------*/
body a.button,
body a.button:visited { display:block; float:left; background-repeat:no-repeat; background-position:top; }
body a.button:hover { background-position:bottom; }

/* = HEADER
---------------------------------------------------------------------------------------------------*/
.topMenu { float:left; width:461px; height:36px; padding:55px 0 0 7px; background:url(/images/layout/h1-1.jpg); }
.topMenu li { display:block; float:left; border-right:1px solid #FFAFD6; }
.topMenu li a { display:block; float:left; padding:0 6px 0 6px; font-size:14px; font-weight:bold; height:24px; line-height:24px; }
.topMenu li.last { margin:0; border:0; }

/* = textBox
---------------------------------------------------------------------------------------------------*/
.header .textBox { width:462px; height:182px; float:left; padding:5px 0 0 6px; background:url(/images/layout/h2-1.jpg); overflow:hidden; }
.header .textBox h1 { font-size:22px; margin:0 0 15px 0; }
.header .textBox h1 span { color:#E40078; }
.header .textBox h2 { color:#FFE6F4; font-size:22px; }

/* = mainMenu
---------------------------------------------------------------------------------------------------*/
.mainMenu { float:left; height:49px; }
.mainMenu li { float:left; }
.mainMenu a { height:49px; line-height:49px; text-align:center; font-size:20px; color:#fff; text-decoration:none; background-color:#EA0093; }
.mainMenu a.home { width:102px; background-image:url(/images/layout/b-1.jpg); }
.mainMenu a.dvds { width:86px; background-image:url(/images/layout/b-2.jpg); }
.mainMenu a.pics { width:81px; background-image:url(/images/layout/b-3.jpg); }
.mainMenu a.exclusive { width:148px; background-image:url(/images/layout/b-4.jpg); }
.mainMenu a.extras { width:117px; background-image:url(/images/layout/b-5.jpg); }
.mainMenu a.faves { width:97px; background-image:url(/images/layout/b-6.jpg); }
.mainMenu a.help { width:91px; background-image:url(/images/layout/b-7.jpg); }
.mainMenu a:hover { color:#000; background-color:#FFB0D9; }
.mainMenu a.active,
.mainMenu a.active:visited,
.mainMenu a.active:hover { color:#000; background-position:bottom; background-color:#FFB0D9; }

.content { background:url(/images/bg1.jpg) top left repeat-y; width:900px; }

/* = textBox
---------------------------------------------------------------------------------------------------*/
.content .textBox { height:364px; padding:0 20px 0 20px; background:#FFF4F2 url(/images/layout/c1.jpg) top left no-repeat; overflow:hidden; text-align:center; }
.content .textBoxInner { height:224px; padding:20px 0 10px 0; overflow:hidden; }
.content .textBox h2 { color:#EC009C; font-size:23px; }
.content .textBox p { margin:0 0 13px 0; }
.content .textBox .bigger { font-size:15px; }
.content .textBox .big { font-size:22px; margin:0; }
.content .textBox .italic { font-style:italic; }
.content a.join { margin:0 auto; display:block; width:314px; }

/* = sampleBox1
---------------------------------------------------------------------------------------------------*/
.sampleBox1 { height:708px; background:#E5D0DE url(/images/layout/c2.jpg); overflow:hidden; padding:0 0 0 225px; }
.sampleBox1 .big { width:634px; height:474px; background-color:#000; border:5px solid #EC009C; margin:0 0 3px 0; position:relative; }
.sampleBox1 .big .play { display:block; position:absolute; left:293px; top:213px; background:url(/images/layout/play.png); width:47px; height:47px; cursor:pointer; }
.sampleBox1 .small { width:154px; height:204px; float:left; margin:0 8px 0 0; position:relative; }
* html .sampleBox1 .small { margin:0 4px 4px 0; }
.sampleBox1 .small .play { display:block; position:absolute; left:56px; top:79px; background:url(/images/layout/play.png); width:47px; height:47px; cursor:pointer; }
.sampleBox1 .small img { padding:2px; background-color:#F9AFDF; border:1px solid #FF2385; }

/* = textBox1
---------------------------------------------------------------------------------------------------*/
.textBox1 { height:255px; overflow:hidden; background:url(/images/layout/c4.jpg) left 177px no-repeat; color:#fff; text-align:center; }
.textBox1Inner { height:152px; padding:20px 65px 5px 65px; overflow:hidden; background:url(/images/layout/c3.jpg) left top no-repeat; }
.textBox1 h2 { font-size:22px; margin:0 0 10px 0; }
.textBox1 p { margin:0 0 10px 0; }
.textBox1 a.join1 { margin:0 auto; display:block; width:312px; }

/* = sampleBox2
---------------------------------------------------------------------------------------------------*/
.sampleBox2 { width:851px; padding:0 0 0 49px; }
.sampleBox2 .small { width:154px; height:204px; float:left; margin:0 8px 8px 0; position:relative; }
* html .sampleBox2 .small { margin:0 4px 4px 0; }
.sampleBox2 .small .play { display:block; position:absolute; left:56px; top:79px; background:url(/images/layout/play.png); width:47px; height:47px; cursor:pointer; }
.sampleBox2 .small img { padding:2px; background-color:#F9AFDF; border:1px solid #FF2385; }

/* = textBox2
---------------------------------------------------------------------------------------------------*/
.textBox2 { width:830px; height:250px; overflow:hidden; background:url(/images/layout/c6.jpg) left 154px no-repeat; color:#fff; text-align:center; margin:0 0 0 37px; }
.textBox2Inner { height:114px; padding:30px 20px 10px 20px; overflow:hidden; background:url(/images/layout/c5.jpg) left top no-repeat; }
.textBox2 h2 { font-size:22px; margin:0 0 10px 0; }
.textBox2 p { margin:0 0 10px 0; }
.textBox2 a.join1 { margin:3px auto 0 auto; display:block; width:312px; }



/* = bottom
---------------------------------------------------------------------------------------------------*/
.bottom1 { height:144px; background:url(/images/layout/b3.jpg); padding:0 0 0 11px; }
.bottom1 a.members { float:left; }
.bottom1 a.instant-access { float:left; }
.bottomBottom { text-align:center; }
.bottomBottom a { color:#ffffff; text-decoration:underline; outline:none; }

/* = WHEADER
---------------------------------------------------------------------------------------------------*/
.wheader h1 { width:459px; height:49px; padding:40px 0 0 0; float:left; background:#ffeefb url(/images/layout/warning/h1-1.jpg) top left no-repeat; overflow:hidden; font-size:19px; color:#dc0088; line-height:20px; }
.wheader h1 span { color:#000; font-size:13px; }

/* = warn
---------------------------------------------------------------------------------------------------*/
.warn { float:left; width:480px; height:520px; padding:24px 0 0 0; background:#6F1200 url(/images/layout/warning/c2.jpg) top left no-repeat; text-align:center; font-weight:bold; position:relative; }
.warn p { margin:0 0 20px 0; }
.warn fieldset { border:0; padding:0 0 0 90px; }
.warn .c1 { width:91px; float:left; margin:0 17px 20px 0; }
.warn .c2 { width:58px; float:left; margin:0 17px 20px 0; }
.warn .c3 { width:91px; float:left; margin:0 17px 20px 0; }
.warn .c4 { text-align:left; padding:0 0 0 25px; margin:0 0 15px 0; }
.warn .c1 label,
.warn .c2 label,
.warn .c3 label,
.warn .c4 label { display:block; margin:0 0 5px 0; }
.warn .c4 label { padding:0 0 0 60px; }
.warn .c1 select,
.warn .c2 select,
.warn .c3 select { width:100%; }
.warn .submit { margin:0 90px 10px 0; }
a.b-members-only { position:absolute; left:86px; top:446px; }

/* = wbottom
---------------------------------------------------------------------------------------------------*/
.wbottom { height:221px; padding:20px 50px 0 50px; text-align:center; background:url(/images/layout/warning/b-bg.jpg); overflow:hidden; }
.wbottom p { margin:0 0 15px 0; }
.wbottom p.last { margin:0; }


/* = JOIN
---------------------------------------------------------------------------------------------------*/
/* = JHEADER
---------------------------------------------------------------------------------------------------*/
.jheader h1 { width:462px; height:52px; padding:50px 0 0 0; color:#000; font-size:22px; float:left; background:url(/images/layout/join/h1-1.jpg) top left no-repeat; overflow:hidden; }
.jheader h1 span { color:#e40078; }

/* = jTextBox
---------------------------------------------------------------------------------------------------*/
.jTextBox { width:900px; height:94px; padding:25px 0 0 0; background:#671302 url(/images/layout/join/h3.jpg) top left no-repeat; overflow:hidden; text-align:center; color:#000; }
.jTextBox h2 { font-size:24px; color:#ec009c; }
.jTextBox p { font-size:17px; font-weight:bold; }

/* = jTextBoxEnter
---------------------------------------------------------------------------------------------------*/
.jTextBoxEnter { width:900px; height:94px; padding:25px 0 0 0; background:#671302 url(/images/layout/join/h3.jpg) top left no-repeat; overflow:hidden; text-align:center; color:#000; }
.jTextBoxEnter h2 { font-size:24px; color:#ec009c; }
.jTextBoxEnter p { font-size:13px; font-weight:bold; }
.jTextBoxEnter a { text-decoration:none; }

/* = JCONTENT
---------------------------------------------------------------------------------------------------*/
.jcontent { background:url(/images/bg2.jpg) repeat-y; }
.jcontent .left { width:346px; height:520px; float:left; background:url(/images/layout/join/h4.jpg) top left no-repeat; padding:7px 0 0 62px }
.jcontent .right { width:448px; float:left; }
.jcontent .right .r1 { width:448px; height:118px; padding:9px 0 0 0; background:#ed047c url(/images/layout/join/h6.jpg); }
.jcontent .right .r2 { width:408px; height:248px; padding:0 20px 0 20px; background:#ed047c url(/images/layout/join/h8.jpg); text-align:center; }
.jcontent .right .r2 a { color:#ffffff; text-decoration:underline; outline:none; }
.jcontent .right a.b-credit-card,
.jcontent .right a.b-online-check,
.jcontent .right a.b-money-order { display:block; width:390px; margin:0 auto; }
.jcontent .right a.b-credit-card { margin-bottom:3px; }
.jcontent .right a.b-money-order { margin:0 auto 28px auto; }
.jcontent .right p { color:#fff; margin:0 0 13px 0; font-weight:bold; font-size:11px; }
.jcontent .right .bigger { font-size:14px; }
.jcontent .right .bigger1 { font-size:16px; }
.jcontent .right .smaller1 { font-size:12px; }
.jcontent .jbuttonWrap { width:822px; height:72px; text-align:center; padding:19px 0 0 0; background:url(/images/layout/join/c2.jpg) top left no-repeat; overflow:hidden; margin:0 0 0 46px; }
.jcontent .jbuttonWrap a.b-join-chuby { display: block; width:322px; margin:0 auto; }
.jcontent .join-download { margin:0 0 0 46px; }

/* = jsampleBox
---------------------------------------------------------------------------------------------------*/
.jsampleBox { background:url(/images/bg3.jpg) top left repeat-y; width:822px; text-align:center; padding:25px 0 15px 0; margin:0 0 0 46px; }
.jsampleBox img { margin:0 auto; }
/*img.j-b { margin:0 0 20px 0; }*/