/* 
  Cruella.com - Stylesheet
*/
body {
  background:#6c2005;
  padding:0;
  margin:0;
  font:12px verdana,sans-serif;
  color:#000;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a {
  color:#fff;
}

a:hover {
  text-decoration:none;
}

td {
}

#wrapper {
  width: 928px;
  margin:0 auto;
  background:#6c2005;
  margin-top:5px;
}

#header {
  background:#250200;
  text-align:left;
  border:1px solid #000;
}

#topMenu {
  background:#6c2005;
}

#topMenu .td {
  text-align:center;
  font-size:12px;
  padding:10px 0 10px 0;
  border-right:1px solid #000;
  background:url(templates/images/top_bg.gif) repeat-x;
}

#topMenu td.home {
  text-align:center;
  font-size:12px;
  padding:10px 0 10px 0;
  border-right:1px solid #000;
  background:url(templates/images/home_bg.gif) repeat-x;
}

.spacerBar {
  background:url(templates/images/top_bg.gif) repeat-x;
  text-align:left;
  padding:0 5px 5px 5px;
  color:#fff;
  border-right:1px solid #000;
}

#topMenu a {
  color:#ffff99;
}

#topMenu a.home {
  background:url(templates/images/home.gif) no-repeat left center;
  padding-left:25px;
}

#topMenu a.area {
  background:url(templates/images/area.gif) no-repeat left center;
  padding-left:25px;
}

#topMenu a.join {
  background:url(templates/images/join.gif) no-repeat left center;
  padding-left:25px;
}

#topMenu a.links {
  background:url(templates/images/links.gif) no-repeat left center;
  padding-left:25px;
}

#topMenu a.contact {
  background:url(templates/images/contact.gif) no-repeat left center;
  padding-left:25px;
}

#topMenu a.femdom {
  background:url(templates/images/femdom.gif) no-repeat left center;
  padding-left:25px;
  color:#000;
  font-weight:bold;
}

#topMenu a.femdom:hover {
  color:#000;
}

#topMenu a:hover {
  color:#fff;
}

#menu {
  margin-top:10px;
}

#menu a {
  color: #ffff99;
  width:168px;
  height:45px;
  padding-left:2px;
  display:block;
  float:left;
}

#menu a.updates {
  background:url(templates/images/menu/latest.gif) no-repeat;
}

#menu a.videos {
  background:url(templates/images/menu/videos.gif) no-repeat;
}

#menu a.sets {
  background:url(templates/images/menu/sets.gif) no-repeat;
}

#menu a.stories {
  background:url(templates/images/menu/stories.gif) no-repeat;
}

#menu a.showcase {
  background:url(templates/images/menu/showcase.gif) no-repeat;
}

#menu a.home {
  background:url(templates/images/menu/home.gif) no-repeat;
  width:138px;
}

#menu a.updates:hover,#menu a.updates2 {
  background:url(templates/images/menu/latest2.gif) no-repeat;
  color: #000;
  font-weight:bold;
  text-decoration:underline;
}

#menu a.videos:hover,#menu a.videos2 {
  background:url(templates/images/menu/videos2.gif) no-repeat;
  color: #000;
  font-weight:bold;
  text-decoration:underline;
}

#menu a.sets:hover,#menu a.sets2 {
  background:url(templates/images/menu/sets2.gif) no-repeat;
  color: #000;
  font-weight:bold;
  text-decoration:underline;
}

#menu a.stories:hover,#menu a.stories2 {
  background:url(templates/images/menu/stories2.gif) no-repeat;
  color: #000;
  font-weight:bold;
  text-decoration:underline;
}

#menu a.showcase:hover,#menu a.showcase2 {
  background:url(templates/images/menu/showcase2.gif) no-repeat;
  color: #000;
  font-weight:bold;
  text-decoration:underline;
}

#menu a.home:hover,#menu a.home2 {
  background:url(templates/images/menu/home2.gif) no-repeat;
  color: #000;
  font-weight:bold;
  text-decoration:underline;
  width:138px;
}

#menu span {
  display:block;
  text-align:center;
  padding:15px 0 0 7px;
  font-size:13px;
}

#content {
  padding:5px 15px 5px 15px;
  background:#ffff99;
  border:1px solid #000;
  border-top:0;
}

#pageArea {
  padding:5px;
  background:#ffff99;
  border:1px solid #000;
  border-top:0;
}

#pageAreaWrapper {
  border:1px solid #CC7A00;
  padding:10px 0 10px 0;
  font-size:14px;
}

#pageArea a {
  color:#000;
}

#pageNumbers {
  text-align:center;
  margin:15px 0 10px 0;
}

#footer {
  padding:10px;
  text-align:center;
  background:#ff0000;
  color:#fff;
  font-size:10px;
  border:1px solid #000;
  margin-top:10px;
  width:907px;
}

#footer p {
}

#footer a {
  color:#fff;
}

#footer a:hover {
}

.clear {
  clear:both;
}

/* For content loading */

#pagesTop {
  text-align:center;
  padding:5px;
}

#pagesBottom {
  text-align:center;
  padding:5px;
}

#pagesTop a,#pagesBottom a {
  color:#000;
}

#content .innerContentStory {
  padding:2px;
  background:#f18846;
  border:2px solid #6c2005;
  margin-bottom:15px;
  width:99%;
}

/* Sets */

#content .innerContentSet {
  padding:2px;
  background:#cc7a00;
  border:2px solid #6c2005;
  margin-bottom:15px;
  width:99%;
}

#content .innerContentSet .setHead {
  padding:10px;
  background:url(templates/images/top_bg_set.gif) repeat-x;
  color:#fff;
  border: 1px solid #6c2005;
  font-weight:bold;
}

#content .innerContentSet .setFoot {
  padding:5px;
  background:#f4a676;
  color:#000;
  font-size:11px;
  border: 1px solid #000;
}

#content .innerContentSet .setFoot span {
  float:right;
}

#content .innerContentSet .setHead span {
  float:right;
  font-weight:normal;
}

#content .innerContentSet .setTDLeft {
  width:80%;
  padding:10px 0 10px 0;
  text-align:left;
}

#content .innerContentSet .setTDRight {
  width:20%;
  text-align:center;
  padding:10px 0 10px 0;
}

#content .setPic {
  padding:2px;
  border:1px solid #000;
  background:#fff;
}

#content .memberViewSet {
  display: block;
  color:#000;
  font-size:11px;
  font-weight:bold;
}

/* End Sets */

/* Clips */

#content .innerContentClip {
  padding:2px 2px 2px 2px;
  background:#330000;
  border:2px solid #000;
  border-top:2px solid #330000;
  margin-bottom:15px;
  width:99%;
}

#content .innerContentClip .setHead {
  padding:10px;
  background:url(templates/images/top_bg_clip.gif) repeat-x;
  color:#fff;
  border: 1px solid #fff;
  font-weight:bold;
}

#content .memberViewClip {
  display: block;
  color:#fff;
  font-size:11px;
  font-weight:bold;
}

#content .innerContentClip .setFoot {
  padding:5px;
  background:#f8c5a5;
  color:#000;
  font-size:11px;
  border: 1px solid #fff;
}

#content .innerContentClip .setFoot a {
  color:#000;
  background:url(templates/images/clip-trailer.png) no-repeat left center;
  padding-left:20px;
  margin-top:5px;
}

#content .innerContentClip .setHead span {
  float:right;
  font-weight:normal;
}

#content .innerContentClip .setTDLeft {
  width:80%;
  padding:10px 0 10px 0;
  text-align:left;
}

#content .innerContentClip .setTDRight {
  width:20%;
  text-align:center;
  padding:10px 0 10px 0;
}

#content .clipDescHead {
  padding:5px;
  background:#f8c5a5;
  border:1px solid #fff;
  border-top:0;
  color:#000;
}

#content .trailer {
  border:1px solid #000;
  padding:5px;
  background: #6c2005;
  width:880px;
}

#content .clipTrailerLink {
  padding:10px 0 10px 0;
  background:#330000;
  border:1px solid #fff;
  border-top:0;
  color:#000;
}

#content .clipTrailerLink p {
  text-align:center;
}

#content .clipTrailerLink p a {
  color:#ffff99;
  background:url(templates/images/clip-trailer.png) no-repeat left center;
  padding-left:25px;
}

/* End Clips */

/* Stories */

#content .innerContentStory {
  padding:2px;
  background:#ffffdd;
  border:2px solid #6c2005;
  margin-bottom:15px;
  width:99%;
}

#content .innerContentStory .setHead {
  padding:10px;
  background:url(templates/images/top_bg.gif) repeat-x;
  color:#fff;
  border: 1px solid #000;
  font-weight:bold;
}

#content .innerContentStory .setFoot {
  padding:5px;
  background:#ff0000;
  color:#fff;
  font-size:11px;
  border: 1px solid #000;
  text-align:left;
}

#content .innerContentStory .setFoot a {
  color:#000;
  background:url(templates/images/clip-trailer.png) no-repeat left center;
  padding-left:20px;
  margin-top:5px;
}

#content .innerContentStory .setFoot span {
  float:right;
}

#content .innerContentStory .setHead span {
  float:right;
  font-weight:normal;
}

#content .innerContentStory .setTDLeft {
  width:10%;
  padding:10px;
  text-align:left;
  vertical-align:top;
}

#content .innerContentStory .setTDCenter {
  width:70%;
  padding:10px;
  text-align:left;
  vertical-align:top;
}

#content .innerContentStory .setTDRight {
  width:20%;
  text-align:center;
  padding:10px 0 10px 0;
}

#content .scrollDiv {
  width:100%;
  height:298px;
  overflow-y: scroll; 
}

#content .scrollDivPics {
  width:100%;
  height:245px;
  overflow-y: scroll; 
  margin:5px 0 5px 0;
  padding:5px 0 5px 0;
}

#content .scrollDivPics a {
  display:block;
  padding-top:3px;
}

#storyPreview {
  background:#ffff99;
  padding:5px;
  border:1px solid #f18846;
  margin-bottom:5px;
}

/* End Stories */

/* Old styles */

.style2 {
	font-size: x-large;
	font-weight: bold;
}
.style3 {
  font-size: x-large
}
.style7 {
  font-size: x-large; 
  font-weight: bold;
}
.style8 {
  color: #6c2005;
  font-size:15px;
}
.style17 {
  font-size: xx-large; 
  font-weight: bold; 
  color: #6c2005; 
}
.style18 {
  font-size: x-large; 
  font-weight: bold; 
  color: #6c2005;
}
.style20 {
  color: #6c2005; 
  font-size: xx-large;
}
.style6 {
  font-size: xx-large;
	font-weight: bold;
	color: #6c2005;
}
.style6 {
  font-size: x-large
}
.style21 {
	font-size: large;
	font-weight: bold;
	color: #6c2005;
}

/* Feature */
#content .featureWrapper {
  padding:1px;
  background:#dea429;
  border:2px dashed #6c2005;
  margin-bottom:15px;
  width:99%;
}

#content .featureHeadDesc {
  padding:5px;
  background:#6c2005;
  border:1px solid #000;
  border-top:0;
  color:#fff;
}

#content .featureHead {
  padding:10px;
  background:url(templates/images/top_bg_feature.gif) repeat-x;
  color:#000;
  border: 1px solid #000;
  font-weight:bold;
}

#content .featureHead span {
  float:right;
  font-weight:normal;
}
#latestTab {
}
#latestTab td {
  width:25%;
  padding:10px 5px 5px 5px;
  text-align:center;
}

/* Showcase */
.showCaseDVD {
  height:120px;
  background:#ffffdd;
  margin-bottom:15px;
  border:1px solid #6c2005;
}

.showCaseDVD .left {
  width:20%;
  float:left;
}

.showCaseDVD .middle {
  width:45%;
  float:left;
  padding-top:20px;
}

.showCaseDVD .middle .running {
  display:block;
  margin-top:10px;
}

.showCaseDVD .middle a {
  color:#000;
  font-size:14px;
  font-weight:bold;
}

.showCaseDVD .right {
  width:25%;
  float:right;
  background:#FFFF99;
  height:120px;
  border-left:1px solid #6C2005;
}

.showCaseDVD .right p {
  padding:20px 0 5px 0;
  text-align:center;
}

.showCaseDVD .right p .playing {
  display:block;
  margin-top:15px;
  text-transform:uppercase;
}

.showCaseDVD .right a {
  text-transform:uppercase;
}

.showCaseDVD .right_uk {
  width:25%;
  float:right;
  background:#F4A676;
  height:120px;
  border-left:1px solid #6C2005;
}

.showCaseDVD .right_uk p {
  padding:20px 0 5px 0;
  text-align:center;
}

.showCaseDVD .right_uk p .playing {
  display:block;
  margin-top:15px;
  text-transform:uppercase;
}

.showCaseDVD .right_uk a {
  text-transform:uppercase;
}

.showCaseDVD .rightish {
  width:23%;
  float:right;
  background:#ffffdd;
  height:120px;
}

.showCaseDVD .rightish p {
  padding:20px 0 5px 0;
  text-align:center;
}

.showCaseDVD .rightish p .playing {
  display:block;
  margin-top:5px;
}

/* Membership form */

.memForm .h2Top {
  background:#80ffbf;
  padding:10px 5px 10px 5px;
  border-bottom:1px solid #666;
  font-size:12px;
  border-top:1px solid #666;
}
.memForm .h2Middle {
  background:#80ffbf;
  padding:10px;
  border-bottom:1px solid #666;
  border-top:1px solid #666;
}
.memForm .h2Middle2 {
  background:#670000;
  padding:10px;
  color:#fff;
  line-height:18px;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
  margin-bottom:5px;
}
.memForm .black {
  display: block;
  color:#000;
  font-size:14px;
  margin-bottom:5px;
  font-style:normal;
  font-weight:bold;
}
.memForm h2 {
  font-size:12px;
  font-weight:normal;
}
.memForm .leftCell {
  padding:10px 5px 10px 5px;
  font-weight:bold;
  vertical-align:top;
  width:30%;
}
.memForm .rightCell {
  padding:5px; 
  width:70%;
}
.memForm input,select {
  font: normal 12px Verdana, sans-serif;
} 
.memForm select {
  background:#fff;
  border:1px solid #444;
  padding:3px;
}
.memForm .errorbox {
  padding:3px;
  border:1px solid #000;
  background:#ff0000;
  color:#fff;
  border-left:2px solid #000;
  width:60%;
}
.memForm .box {
  padding:3px;
  border:1px solid #444;
  background:#fff;
  border-left:2px solid #444;
  width:60%;
}
.memForm .err {
  display:block;
  margin:3px 0 0 0;
  font-size:10px;
  background:#ff0000;
  color:#fff;
  padding:3px;
  width:60%;
  text-transform:uppercase;
}
.memForm .button {
  background:#000 url(templates/images/top_bg.gif);
  height:30px;
  color:#fff;
  text-transform:uppercase;
  font-size:16px;
  border:1px solid #000;
  width:150px;
  cursor:pointer;
}
.memMessage { 
  border:1px solid #000;
  background:#ffffdd;
  margin:10px 0 10px 0;
  clear:both;
  text-align:left;
}
.memMessage p {
  padding: 10px;
  line-height:18px;
}
.memMessage a {
  color:#000;
}
.memMessage p .note {
  display:block;
  margin:0 0 10px 0;
  font-size:16px;
  font-weight:bold;
}
.memMessageOK {
  border:1px solid #000;
  background:#ffffdd url(templates/images/membership-ok.png) no-repeat 97% 50%;
  margin:10px 0 10px 0;
  clear:both;
  text-align:left;
}
.memMessageOK p {
  padding: 10px;
  line-height:18px;
}