/********** layout ***************/

body {
    background:url(images/mainbg.png) #000000;
  	background-repeat: repeat-x;
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 12px;
  	color: #333333;
  	
	}
	
#wrapper {
  background:#ffffff;
  height:100%;
  width:800px;
  margin: auto;
}

#shadow {
 width:100%; 
 background:url(images/shadow.png);
 background-repeat: repeat-y;
 background-position: top center;
 }

#content{
	float: left;
  width: 800px;
  margin-top: 10px;
  }
  
#content2{
	float: left;
  width: 796px;
  background:#ffffff;
  margin:1px;
  margin-top:-2px;
  border:1px solid #D6D7C4;
  }  

#content3{
	float: left;
  width: 791px;
  background:#ffffff;
  margin:1px;
  padding-left:5px;
  margin-top:-2px;
  border:1px solid #D6D7C4;
  }

#leftColumn{
	float: left;
	width: 18%;
	margin-top: 0px;
	margin-left: 5px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}

#rightColumn{
  float:right;
	width: 18%;
	margin-top: 0px;
	margin-right: 5px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;

}

#mooFaces {
  font-size:24px;
  position:absolute;
  top:30px;
  left:100px;
  }
  
#friends {
  font-size:14px;
  position:absolute;
  top:50px;
  left:30px;
  color:#FFFFFF;
  }  

#mainMoo {
  background:#F549B7;
  width:391px;
  text-align:center;
  }
  
#welcome {
  width:330px;
  position:absolute;
  top:5px;
  right:15px;
  color:#989898;
  font-size:18px;
  }
 
#whyMoo {
  width:400px;
  color:#989898;
  font-size:12px;
  }
  
#mooLogin {
  position: absolute;
  top:130px;
  right:70px;
  border:1px solid #F549B9;
  width:270px;
  _width:275px;
  height:146px;
  color:#861D62;
  }
  
#loginHeader {
  background:#F549B9;
  font-size:16px;
  padding:5px 10px 5px 10px;
  }
  
#forgotPass {
  position:absolute;
  top:10px;
  right:10px;
  font-size:10px;
  }
  
 
  
#loginContent {
  position:relative;
  text-align:right;
  font-size:11px;
  padding-right: 20px;
  _padding:5px 10px 5px 0;
  _width:265px;
  }
  
.loginInput {
  width:164px;
  _width:150px;
  border:1px solid #F5B2DD;
  background:#F3DEED;
  padding:3px;
  }
  
input.loginCheckbox {
  position:absolute;
  right:171px;
  _right:160px;
  bottom:-7px;
  _position:inline;
  color:#F5B2DD;
  background:#F3DEED;
  width:20px;
  height:20px;
  _height:25px;
  }
  
.loginButton {
  margin-left:111px;
  margin-top:10px;
  margin-bottom:-5px;
  }
  
#accountButton {
  position:absolute;
  right:70px;
  bottom:22px;
  }                

SPAN.whyHead {
  font-size:16px;
  margin-left:30px;
  }    
/********** links, headings, lists, labels, text etc. *************/

.smallText, SPAN.smallText, P.smallText {
  	font-size: 10px;
	}

a{
	color: #000000;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 80%;
 color: #6F6F6F;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #6F6F6F;
 margin: 0px;
 margin-top:10px;
 padding: 0px;
}

.accountList li {
  padding:2px;
  }

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: disc;
 margin-left:5px;
 padding-left:5px;
}

ul ul{
 list-style-type: disc;
 margin-left:5px;
 padding-left:5px;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

.linebreak {
  line-height:5px;
  }
  
.clearBoth {
  clear:both;
  }

.pageResult {
  margin-left:40px;
  width:700px;
  }
  
.pageResult2 {
  margin-left:10px;
  margin-right:10px;
  }  
  
.leftPageResults {
  font-size:10px;
  float:left;
  width:40%; 
  padding-left:12px
  }
  
.rightPageResults {
  font-size:10px;
  float:right; 
  text-align:right; 
  width:55%
  }
  
A.pageResults {
  	color: #0000FF;
	}

A.pageResults:hover {
  	color: #0000FF;
  	background: #FFFF33;
	}
	       

/********* header ************/

#header{
  padding: 10px 0px 0px 0px;
	width: 100%;
	background:#F549B9;
	position:relative;
	height:100px;
  }
  
#headerNav{
  position:absolute;
  left:0px;
  bottom:0px;
  width:775px;
  padding: 5px 5px 5px 20px;
  background:#E836A8;
  color: #F0DBEE;
  }

#headerNav a {
	font-size: 12px;
	padding: 0 4px 0 0;
	color: #F0DBEE;
  }

#headerInfo {
 	font-family: Tahoma, Verdana, Arial, sans-serif;
 	background: #00ff00;
 	color: #ffffff;
 	font-weight: bold;
 	text-align: center;
	}
  
#breadCrumb{
	font-size: 100%;
	padding: 0px 0px 2px 10px;
	color: #ffffff;
	background:url(images/navbg.gif);;
  }

#breadCrumb a{
	font-size: 80%;
	padding: 2px 0px 0 0px;
	color: #ffffff;
  } 
  
#currencies {
  position:absolute;
  top:10px;
  right:150px;
  }

.currencyMenu {
  width:120px;
  }
  
#languages {
  position:absolute;
  top:10px;
  right:30px
  }     

#headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background: #ff0000;
 	color: #ffffff;
 	height:15px;
 	font-weight : bold;
 	text-align : center;
	}

#messageStackError, #messageStackWarning { 
	font-size: 90%; background-color: #ffb3b5; 
	}

#messageStackSuccess { 
	font-size: 90%; background-color: #99ff00; 
	}	

/********** footer ************/

#footer{
  position:relative;
	clear: both;
	background:#FFFFFF;
	font-size: 80%;
	color: #FBCC03;
	text-align:center;
	height:124px;
  }

#footerNav{
	font-size: 100%;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	background:#DBD5D9;
	text-align:right;
	color:#B09EAA;
  }

#footerNav a{
	font-size: 100%;
	color: #B09EAA;
  }

#footerBanner{
  text-align:center;
  vertical-align: middle;
  }
  
/********* boxes *************/

.messagebox_head {
  background:#F549B9;
  color:#000000;
  padding:0px; 
  }
  
.cssbox { 
  margin: 5px auto;
  position:relative; 
  height: 1%; 
  }

.cssbox_head {
  background:#F549B9; 
  margin-right: -10px;
  padding-right: 20px;
  } 

.cssbox_head h2 { 
  margin: 0;
  border: 0;
  font-size:100%;
  padding: 10px 0px 10px 15px;
  height: 25px; 
  height: 1%; /* IE Holly Hack */
  color:#ffffff;
  text-align:left;
  }
  
.cssbox_head h3 { 
  margin: 0;
  border: 0;
  font-size:16px;
  padding: 10px 0px 10px 15px;
  height: 25px; 
  height: 1%; /* IE Holly Hack */
  color:#ffffff;
  text-align:left;
  }  

.cssbox_head a  {
  color:#ffffff;
  } 

.cssbox_body {
  background:#FFFFFF; 
  margin-right: -10px;
  _margin-right:-20px; 
  padding: 10px 10px 25px 15px;
  height: 1%; 
  }
  
.cssbox2 { 
  margin: 5px auto;
  position:relative; 
  height: 1%; 
  }

.cssbox_head2 {
  background:#F549B9; 
  margin-right: -10px;
  padding-right: 20px;
  } 

.cssbox_head2 h2 { 
  margin: 0;
  border: 0;
  font-size:100%;
  padding: 10px 0px 10px 15px;
  height: 25px; 
  height: 1%; /* IE Holly Hack */
  color:#ffffff;
  text-align:left;
  }
  
.cssbox_head2 h3 { 
  margin: 0;
  border: 0;
  font-size:16px;
  padding: 10px 0px 10px 15px;
  height: 25px; 
  height: 1%; /* IE Holly Hack */
  color:#ffffff;
  text-align:left;
  }  

.cssbox_head2 a  {
  color:#ffffff;
  } 

.cssbox_body2 {

  margin-right: -10px;
  _margin-right:-20px; 
  padding: 0px 10px 0px 15px;
  height: 1%; 
  }    

.manufacturerMenu {
  width:100%;
  }
  
.centerContent {
  text-align:center;
  } 
  
.boxInput {
  width:80%;
  }   

.newProduct {
  width:31%;
  display:table-cell;
  float:left;
  margin-left:10px;
  background:transparent;
  font-size: 90%;
  text-align:center;
  vertical-align:top;
  padding-bottom:15px;
  }
  

/************** Page Content *****************/

.mainContent {
  position:relative;
	clear: both;
	padding: 10px 10px 20px 10px;
  }
  
.mainContent2 {
  position:relative;
	clear: both;
	padding: 10px 10px 20px 5px;
  }
  
.mainContent3 {
  position:relative;
	clear: both;
	padding: 10px 30px 20px 30px;
  }
  
.mainContent4 {
  position:relative;
  background:#EDEDE5;
	clear: both;
	padding: 10px 10px 20px 10px;
	margin:0 50px 0 50px;
  }
  
.mainContent5 {
  position:relative;
	clear: both;
	padding: 10px 30px 20px 30px;
	color:#6F6F6F;
  }         
A.signup {
  color:#E836A8;
  }

.mainContent p {
	padding: 0px 0px 10px 0px;
  }

.pageHeading {
  position:relative;
  font-size: 22px;
  font-weight: bold;
  color: #656565;
  padding: 0px 0 20px 30px;
	}

.pageHeading2 {
  width:40%;
  float:left;
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  padding: 20px 0 20px 20px;
	}
	
.pageHeading3 {
  float:right;
  width:40%;
  text-align:right;
  padding: 20px 20px; 20px 20px;
  font-size: 22px;
  font-weight: bold;
  color: #000000;  
  }	
	
.pageImage {
  float:right;
  }
  
.searchInput {
  width:40%;
  }
  
.searchHelp {
  padding: 20px 0 0 40px;
  }
  
.leftReview {
  float:left; 
  width:38%; 
  padding-left:12px;
  }
  
.rightReview {
  float:left; 
  width:48%
  } 
  
.reviewPageResults {
  position:relative;
	clear: both;
	width:73%;
	padding: 10px 0px 0px 10px;
  }
  
.reviewText {
  font-size:80%;
  }  
 
.loginBox {
  position:relative;
  top:30px;
	clear: both;
	padding: 10px 0px 0px 10px;
	height:350px;;
  }
  
.newCustomer {
  position:absolute; 
  top:0px; 
  left:10px;
  width:45%; 
  }
     
.returningCustomer {
  position:absolute; 
  top:0px;
  right:30px; 
  width:45%; 
  }
  
.inputRequirement {
  text-align:right; 
  padding-right:20px; 
	font-size: 90%; 
	color: #ff0000; 
	}  

.specials {
  width:31%;
  display:table-cell;
  float:left;
  margin-left:10px;
  background:transparent;
  font-size: 90%;
  text-align:center;
  vertical-align:top;
  padding-bottom:15px;
  }
  
.newProductImage {
  display:table-cell; 
  vertical-align:middle; 
  position:relative; left:0; width:140; 
  }
  
.newProductText {
  clear:left;  
  vertical-align:middle; 
  padding-left:20px; 
  position:absolute; 
  left:100px; 
  top:10px 
  }
  
.newProductButton {
  display:table-cell; 
  vertical-align:middle; 
  position:absolute; right:20px; top:60px;
  }
             
  
/******* nav boxes, fieldsets *********/  

.navBox {
  position:relative;
  left:10px;
  width:96.5%;
  margin-bottom:15px;
	}

.cueBox {
  position:relative;
  left:50px;
  height:40px;
  width:90%;

	}	
	
.navBoxRight {
  background: #f8f8f9;
  border:1px solid #B6B7CB;
  padding: 5px 10px 5px 10px;
  text-align:right;
	}
	
.navBoxReview {
  position:relative;
  left:12px;
  height:40px;
  width:73%;
  background:#FCFBF4; 
	}	
	
.leftButton {
  float:left;
  padding: 10px 0 0 10px;
  }

.cueButton {
  float:left;
  padding: 10px 0 0 20px;
  }
  
.rightButton {
  float:right;
  padding: 10px 10px 0 0;
  }  

.reviewButton {
  float:right;
  padding: 10px 50px 0 0;
  }

.centerButton {
  position:absolute;
  top:10px; 
  left:36%;
  }
  
.rightClearButton {
  height:60px;
  }  
  
.reviewInfo {
  width:70%
  }
  
.reviewImage {
  position:absolute; 
  right:20px; 
  top:20px; 
  text-align:center;
  }    
		
  
.accountLabel {
  width:100px;
  }  
  
 label {
  width: 150px;
  float: left;
  margin-right: 0.5em;
  display: block;
  color:#E836A8;
  }
  
legend {
  font-family: Verdana,Arial,sans-serif;
  color: #D00E31;
  font-weight:bold;
  position: absolute;
  top: -.15em;
  left: .2em;
  background:transparent;
  padding: 0 5px 0 5px;
  }

fieldset {
  border:1px solid #E836A8;
  width: 90%;
  position:relative;
  left:10px;
  padding: 20px 10px 10px 10px;
  font-size:11px;
  color:#D00E31;
  }
  
.account1 {
  background:#FFFFFF; 
  width:200px;
  border:0;
  position:relative;
  left:10px;
  padding: 0px 10px 10px 10px;
  
  }
  
.accountLegend {
  border:0;
  font-size:16px;
  color:#E836A8;

  }    

/********** pages ***********/

/********** index.php *********/

.nested {
  text-align:center;
  position:relative;
}

.nestedColumn {
  width:33%; 
  float:left;
  }  

/******* product page *********/

.productHeader{
  position:relative;
	clear: both;
	padding: 10px 0px 0px 10px;
	height:60px;
  }

.productHeading {
  width:50%; 
  position:absolute;
  font-size: 150%;
  font-weight: bold;
  color: #9a9a9a;
  padding: 0 0 20px 20px;
	}
	
.productPrice {
  width:50%; 
  position:absolute;
  right:10px;
  text-align:right;
  font-size: 150%;
  font-weight: bold;
  color: #9a9a9a;
  padding: 0 0 20px 20px;
	}	
	
.productImage {
  width:220px;
  height:220px;
  float:right;
  text-align:center;
  padding: 10px 0px 0px 10px;
  }
  
SPAN.description {
  line-height:140%;
  color:#5F5F5F;
  }
  
.options {
  position:relative;
	clear: both;
	padding: 10px 0px 0px 10px;
  }
  
.options {
  position:relative;
	clear: both;
	padding: 10px 0px 0px 10px;
  }        

.moreInfo {
  padding: 20px 0px 0px 10px;
  }
    
.productDate {
  text-align:center;
  padding: 20px 0px 0px 10px;
  font-size:90%;
  }  

/********** shopping cart ***********/

.cartContents {
  position:relative;
  padding-top:10px;
  }
  
.cartCheckBox {
  float:left;
  text-align:center;
  width:10%;
  }
  
.cartImage {
  float:left;
  width:20%;
  padding-bottom:10px;
  }
  
.cartName {
  float:left;
  width:45%;
  }
  
.cartInput {
  float:left;
  width:10%;
  }
  
.cartPrice {
  float:left;
  text-align:right;
  width:15%;
  }          

SPAN.markProductOutOfStock {
	color: #c76170;
  	font-weight: bold;
	}





/***********************************************/
/* Layout Divs                                 */
/***********************************************/










/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/




/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}












/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}

.infoBoxContents {
  	background: #f8f8f9;
  	font-size: 90%;
  	padding-left:3px;
	}
/************** #rightColumn styles **************/


#rightColumn p{
	padding: 5px 0px 5px 0px;
	clear:right;
}


/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/



.boxText { 
	font-size: 90%; 
	}

.errorBox { 
	font-size : 90%; 
	background: #ffb3b5; 
	font-weight: bold; 
	}
	
.stockWarning { 
	font-size : 90%; 
	color: #cc0033; 
	}
	
.productsNotifications { 
	background: #f2fff7; 
	}
	
.orderEdit { 
	font-size : 90%; 
	color: #70d250; 
	text-decoration: underline; 
	}

A {
  	color: #000000;
  	text-decoration: none;
	}

A:hover {
  	color: #AABBDD;
  	text-decoration: underline;
	}

FORM {
	display: inline;
	}

TR.header {
  	background: #ffffff;
	}

TR.headerNavigation {
  	background: #bbc3d3;
	}

TD.headerNavigation {
  	font-size: 90%;
  	background: #bbc3d3;
  	color: #ffffff;
  	font-weight : bold;
	}

A.headerNavigation { 
  	color: #000000; 
	}

A.headerNavigation:hover {
  	color: #ffffff;
	}










.infoBoxNotice {
  	background: #FF8E90;
	}

.infoBoxNoticeContents {
  	background: #FFE6E6;
  	font-size: 90%;
	}

.infoBoxHeading {
  	font-size: 100%;
  	font-weight: bold;
  	background: #bbc3d3;
  	color: #ffffff;
	}

#infoBox, SPAN.infoBox {
  	font-size: 90%;
	}

.accountHimainContent-odd, .addressBook-odd, .alsoPurchased-odd, .payment-odd, .productListing-odd, .productReviews-odd, .upcomingProducts-odd, .shippingOptions-odd {
  	background: #f8f8f9;
	}

.accountHimainContent-even, .addressBook-even, .alsoPurchased-even, .payment-even, .productListing-even, .productReviews-even, .upcomingProducts-even, .shippingOptions-even {
  	background: #f8f8f9;
	}

.productListing {
  	border: 1px;
  	border-style: solid;
  	border-color: #b6b7cb;
  	border-spacing: 1px;
	}

.productListing-heading {
  	font-size: 90%;
  	background: #b6b7cb;
  	color: #FFFFFF;
  	font-weight: bold;
	}

.productListing-data {
  	font-size: 90%;
	}

.pageHeading h3{
	padding: 30px 0px 5px 0px;
}

.pageHeading img{
	float: right;
}	

TR.subBar {
  	background: #f4f7fd;
	}

TD.subBar {
  	font-size: 90%;
  	color: #000000;
	}

TD.main, P.main {
  	font-size: 95%;
  	line-height: 1.5;
	}



TD.accountCategory {
  	color: #aabbdd;
	}

TD.fieldKey {
  	font-weight: bold;
	}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  	font-weight: bold;
	}

SPAN.newItemInCart {
  	font-size: 90%;
  	color: #ff0000;
	}
	


CHECKBOX, INPUT, RADIO, SELECT {
  	font-size: 95%;
	}

TEXTAREA {
  	width: 100%;
  	font-size: 95%;
	}

SPAN.greetUser {
  	color: #f0a480;
  	font-weight: bold;
	}

TABLE.formArea {
  	background: #f1f9fe;
  	border-color: #7b9ebd;
  	border-style: solid;
  	border-width: 1px;
	}

TD.formAreaTitle {
	font-weight: bold;
	}



SPAN.productSpecialPrice {
	color: #ff0000;
	}

SPAN.errorText {
  	color: #ff0000;
	}

.moduleRowOver { 
	background-color: #D7E9F7; cursor: pointer; cursor: hand; 
	}

.moduleRowSelected { 
	background-color: #E9F4FC; 
	}

.checkoutBarFrom, .checkoutBarTo { 
	font-size: 90%; color: #8c8c8c; 
	}


.checkoutBarCurrent { 
	font-size: 90%; color: #000000; 
	}

/* message box */

.messageBox { 
	font-size: 90%; 
	}



/* input requirement */



.Clear {
  font-size: 0em;
  clear: both;
  background: inherit;
  color: inherit;
}

.fedora-corner-tl, .fedora-corner-tr, .fedora-corner-bl, .fedora-corner-br {
	background-color:#EEEEEE;
	position: relative;
	width: 19px;
	height: 19px;
	/* The following line is to render PNGs with alpha transparency within IE/Win, using DirectX */
	/* Work-around for IE6/Mac borkage (Part 1) */
	display: none;
}



/* set the image to use and establish the lower-right position */ 

#divcopyright {
  position:absolute;
  top:40px;
  left:200px;
  background:#ffffff;
  border:1px solid #F1F1F1;
  width:350px;
  height:70px;
  text-align:center;
  font-size:10px;
  color:#000000;
  }
  
A.copylink {
  color:#004080;
  text-decoration:underline;
  } 
  
SPAN.moo {
  color:#8A2164;
  }
SPAN.moo2 {
  color:#8A2164;
  font-size:18px;
  }
    
SPAN.faces {
  color:#F0DBEE;
  }
  
SPAN.facecom {
  color:#BD8EBA;
  } 
  
SPAN.facecom2 {
  color:#BD8EBA;
  font-size:18px;
  }
  
SPAN.moo3 {
  color:#8A2164;
  font-size:16px;
  }
  
SPAN.facecom3 {
  color:#ffffff;
  font-size:16px;
  }    
  
A.password {
  color:#FFFFFF;
  }
  
.memberDrop {
  position:absolute;
  top:25px;
  left:300px;
  font-size:10px;
  }
  
.registration {
  position:absolute;
  top:25px;
  right:50px;
  font-size:10px;
  font-weight:normal;
  }
  
.memberList {
  background:#ffffff;
  position:relative;
  border:1px solid #B1B1B1;
  margin:10px 0px 20px 0px;
  padding:0 0 5px 0;
  clear:left;
  height:1%;
  }
  
.memberImage {
  float:left;
  width:100px;
  margin:5px;
  margin-left:5px;
  }
  
.memberDetails {
  float:left;
  width:400px;
  margin:7px;
  margin-left:10px;
  }
  
.mooBox {
  width:120px;
  float:right;
  margin-top:20px;
  margin-right:0px;
  font-size:10px;
  color:#800040;
  }
  
.mooBox2 {
  width:120px;
  float:right;
  margin-top:-10px;
  margin-right:0px;
  margin-bottom:10px;
  font-size:10px;
  color:#800040;
  }  
  
A.mooBoxLink {
  color:#800040;
  }    

SPAN.memberName {
  color:#800040;
  } 
  
A.memberName {
  color:#800040;
  }  
  
.memberButton {
  position:absolute;
  bottom:20px;
  right:10px;
  width:70px;
  text-align:center;
  }
  
#headerBar {
  position:relative;
  height:28px;
  background:url(images/headerbar.gif);
  background-repeat:repeat-x;
  margin-top:3px;
  padding-top:3px;
  padding-right:20px;
  font-size:10px;
  }
  
#smallLogin {
  float:right;
  width:80px;
  text-align:center;
  }      

#loginBar {
  float:right;
  width:450px;
  }
  
#barLinks {
  float:right;
  width:150px;
  margin-top:2px;
  }
  
A.barLink {
  color:#000000;
  } 

.leftContent {
  float:left;
  width:365px;
  }

.rightContent {
  float:right;
  width:370px;
  margin-right:0px; 
  .margin-right:10px; 

  }
  
@media screen and (-webkit-min-device-pixel-ratio:0) {
.rightContent {
 margin-right:10px;
 }
}
  
  
  
.membersImage {
  float:left;
  width:365px;
  border:1px solid #ffffff;
  text-align:center;
  padding:10px 10px 10px 10px;

  }

.membersMerchandise {
  width:365px;
  border:1px solid #ffffff;
  text-align:center;
  padding:10px 10px 10px 10px;
  clear:left;
  }
  
.profileDetails {
  float:right;
  width:370px;
  border:1px solid #ffffff;
  padding:10px 0 10px 5px;
  margin-left:5px;
  color:#000000;
  margin-bottom:10px;
  }
  
.player {
  float:right;
  width:370px;
  border:1px solid #FFFFFF;
  padding:10px 0 10px 5px;
  margin-left:5px;
  color:#000000;
  margin-bottom:10px;
  }  
  
.resdetails {
  width:365px;
  height:200px;
  overflow:auto;
  font-size:11px;
  }  

TD.adesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
} 

.members_odd {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #4D4D4D;
  background: #F0F0F0;
  border: 1px solid #D8D8D8;
  padding-left:5px;
  padding-top: 3px;
  padding-bottom: 3px;
  }
.members_even {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #4D4D4D;
  background: #E1E1E1;
  border: 1px solid #D8D8D8;
  padding-left:5px;
  padding-top: 3px;
  padding-bottom: 3px;
  
  }
  
.pink_odd {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #4D4D4D;
  background: #D2B4D8;
  border: 1px solid #D8D8D8;
  padding-left:5px;
  padding-top: 3px;
  padding-bottom: 3px;
  }
.pink_even {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #4D4D4D;
  background: #EEEEEE;
  border: 1px solid #D8D8D8;
  padding-left:5px;
  padding-top: 3px;
  padding-bottom: 3px;
  
  }
.pink_heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight:bold;
  background: #D957B9;
  border: 1px solid #B545B3;
  padding-left:5px;
  padding-top: 3px;
  padding-bottom: 3px;
  
  } 
  
.memberPhotos {
  float:left;
  width:365px;
  border:1px solid #ffffff;
  padding:10px 10px 30px 10px;
  margin-top:10px;
  margin-bottom:10px;
  clear:left;
  }
  
.memberComments {
  float:right;
  width:365px;
  border:1px solid #ffffff;
  padding:10px 5px; 10px 5px;
  margin-left:5px;
  margin-bottom:10px;
  }
 
  
SPAN.commentName {
  font-size:10px;
  color:#000000;
  }  
  
.moobox {
  float:left;
  width:365px;
  border:1px solid #ffffff;
  padding:10px 10px 10px 10px;
  margin-top:10px;
  margin-bottom:10px;
  clear:left;
  color:#ffffff;
  }  

A:mooLink {
  color:#ffffff;
  }
  
.commentRow {
  float:left;
  width:345px;
  color:#000000;
  }    
  
A.photoLink {
  font-weight:bold;
  color:#E836A8;
  }  
  
.artistPhotos {
  float:right;
  width:370px;
  border:1px solid #ffffff;
  padding:20px 10px 60px 10px;
  margin-top:10px;
  margin-bottom:10px;
  clear:left;
  }  

.pics {
  position:relative;
  text-align:center;
  color:#000000;
  }  
  
.photos {
  width:30%;
  float:left;
  margin:5px;
  }
  
.spacer {
  position:relative;
  width:600px;
  }
  
.merch {
  float:left;
  width:100%;
  text-align:left;
  }
  
.merchImage {
  float:left;
  width:120px;
  }
  
.merchDetails {
  float:left;
  width:240px;
  color:#000000;
  }
  
SPAN.aprice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #BF01BD
  }
 SPAN.aprice2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  }
SPAN.aspec {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #E70000
  }
  
A.resume, SPAN.resume {

  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  text-align:middle;
  padding-bottom:15px;
  color: #000000;
}

.videoList {
  color:#000000;
  }
  
SPAN.video {
  color:#5571DC;
  }  
  
TD.adesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
} 

.tourList {
  float:left;
  width:365px;
  border:1px solid #ffffff;
  text-align:center;
  padding:10px 10px 10px 10px;
  margin-bottom:10px;
  margin-top:10px;
  text-align:left;
  color:#000000;
  }
  
.cdList {
  float:left;
  width:365px;
  border:1px solid #ffffff;
  text-align:center;
  padding:10px 10px 10px 10px;
  text-align:left;
  color:#000000;
  }  

SPAN.tourDate {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #EC008D
  }
  
TD.alist {
  background: url(images/alist2.gif);
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}
TD.page {
  background: #0D0D13;
}
TD.alistSide {
  background: #BF01BD;
}
TD.alistSide2 { 
  background: url(images/alist6.jpg);
  background-position:bottom left;
}
TR.alistFoot { 
  background: url(images/alist_foot.gif);

}
TR.aplayer { 
  background: url(images/alist_bg.gif)

}
TD.aplayer, P.aplayer, A.aplayer {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  color: #000000;
}
TD.aplayer2, P.aplayer2, A.aplayer2 {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  border-bottom: 2px ridge #BF01BD;
} 

.ml4 {
 font-size: 11px;
 color: #E57800;
 font-weight: bold;
 text-decoration: none
 }
 
a.ml4 {
  color: #E57800;
  }
  
.ch11{
 font-size: 11px;
 color: #B80B10;
 font-weight: bold;
 }  

.artistName {
  font-size:10px;
  color:#545454;
  }
  
SPAN.artistType {
  font-size:11px;
  font-weight:bold;
  color:#800040;
  }  
  
SPAN.artistName {
  font-size:10px;
  font-weight:bold;
  color:#800040;
  }

SPAN.artistsName {
  font-weight:bold;
  color:#800040;
  }
  
 
.comments {
  float:left;
  font-size:11px;
  width:400px;
  }
    
.comment {
  float:left;
  width:300px;
  font-size:11px;
  font-style: italic;
  margin: 0 20px 0 20px;
  } 
  
SPAN.messageName {
  font-weight:bold;    
  color:#800040;
  }
     
A.artistName {
  color:#800040;
  }
  
A.artistName2 {
  color:#800000;
  font-weight:bold;
  font-size:10px;
  }
  
A.searchType {
  color:#5F5F5F;
  font-weight:bold;
  font-size:10px;
  }      

A.selectAll {
  font-size:10px;
  color:#3F3F3F;
  text-decoration:underline;
  } 

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(images/star_small.gif) left -1000px repeat-x;
}
  
.star-rating{
	position:relative;
	width:50px;
	height:10px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:10px;
	line-height:10px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
	_background-position: 0% 125%;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
	_background-position: 0% 60%;
}


.slaveListing-odd {
  background:#FF83FF;
  color:#800080;
  _margin-left:15px;
}
 
.slaveListing-even {
  background: #FFCCFF;
  color:#800080;
  _margin-left:15px; 
}

.slavebox {

  }

.slaveListing-highlight {
  background: #C4C4C4;
  color:#296B7E; 
  _margin-left:15px;  
}	

#playerDiv {
  float:left;
  width:280px;
  margin:10px;
  }
  
.inactive {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #FF0000;
}

A.message {
  color:#3F3F3F;
  }

SPAN.pagemessage {
  color:#FF0000;
  }
  
.accountFriends {
  position:relative;
  border:1px solid #DBD5D9;
  }

.friendList {
  width:132px;
  float:left;
  padding:5px 5px 5px 5px;
  text-align:center;
  }
  
.friendName {
  width:132px;
  }

.friendsList {

  }

.profileFriend {
  float:right;
  width:365px;

  border:1px solid #FFFFFF;
  padding:10px 5px; 10px 5px;
  margin-left:5px;
  color:#ffffff;
  margin-bottom:10px;
  }

A.friendLink {
  color: #000000;
  font-size:10px;
  }


.profileFriends {
  width:25%;
  float:left;
  margin-bottom:10px;
  }

  
.profileFriend1 {
  float:left;
  clear:left;
  width:110px;
  background:#E1E1E1;
  color:#4D4D4D;
  vertical-align:middle;
  margin-bottom:5px;
  text-align:center;
  }
  
.profileFriend2 {
  float:left;
  width:255px;
  height:30px;
  margin-top:10px;
  margin-bottom:5px;
  background:#E1E1E1;
  color:#4D4D4D;
  vertical-align:middle;
  }    

.FormIcons {
 width:132px;
 margin-top:10px;
 text-align:center;
 }
 
.FormIcons2 {
 width:120px;
 margin-top:10px;
 text-align:center;
 } 
  
.formIcon {
  width:20px;
  padding:10px 3px 0 3px;
  font-size:10px;
  color:#989898;
  }
  
SPAN.formIcon2 {
  width:20px;
  padding:0px 3px 0 3px;
  font-size:10px;
  color:#989898;
  }  
  
SPAN.photoComments {
  font-size:11px;
  font-weight:bold;
  color:#000000;
  }
  
A.photoLog {
  font-size:11px;
  color:#5F5F5F;
  }   
  
A.photoComments {
  font-size:11px;
  color:#000000;
  font-weight:bold;
  }    
  
.friendAction {
  float:right;
  width:80px;
  text-align:center;
  font-size:10px;
  font-weight:bold;font-weight:bold;
  }
  
.friendNameHead {
  float:left;
  width:200px;
  padding-left:50px;
  font-size:10px;
  font-weight:bold;
  }
  
.friendTypeHead {
  float:left;
  width:200px;
  padding-left:50px;
  font-size:10px;
  font-weight:bold;
  }
  
SPAN.friendType {
  font-size:11px;
  font-weight:bold;
  color:#5571DC; 
  }
  
SPAN.friendTypes {
  font-size:10px;
  font-weight:bold;
  color:#004080; 
  }    
  
A.compose {
  color:#FFFFFF;
  }
  
#navLinks {
  float:left;
  margin-left:20px;
  margin-top:2px;
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
  width:50%;
  color: #5F5F5F;
  }
  
A.navLink {
    font-family: Arial, Verdana, sans-serif;
  color: #5F5F5F;
  margin-right:8px;
  margin-left:2px;
  } 
  
#headerList {
  display:none;
  background:#ffffff;
  border:1px solid #BDA7E0;
  position:absolute;
  left:200px;
  top:-31px;
  z-index:999;
  padding:0 5px 0 5px;
  }
  
ul.headerList { 
   list-style-type: none;
   background:#ffffff;
   padding:5px 5px 5px 0;
   margin:0;
   }
   
#membersList {
  display:none;
  border:1px solid #B05BFF;
  position:absolute;
  left:360px;
  top:-36px;
  z-index:999;
  padding-right:10px;
  text-align:left;
  padding:0 5px 0 5px;
  background:#FF4CFF;
  
  }
  
ul.membersList { 
   list-style-type: none;
   background:#FF4CFF;
   padding:2px 0 2px 0;
   margin:0;
   }   

A.listLink {
  font-size:10px;
  color:#000000;
  }
   
A.listLink2 {
  font-size:10px;
  color:#000000;
  font-weight:bold;
  }
  
SPAN.online {
  margin-left:20px;
  color: #5571DC;
  font-weight:bold;
  }
  
SPAN.online2 {
  color: #5571DC;
  font-weight:bold;
  }
  
SPAN.online3 {
  color: #E836A8;
  font-weight:bold;
  }  
   

.allFriends {
  float:left;
  width:85px;
  
  }

A.allButton {
  background: #969696;
  padding:2px 10px 2px 10px;
  color:#ffffff;
  }
 
.letters {
  float:left;
  width:550px;
  color:#000000;
  }
A.alphabet {
  color:#000000;
  font-size:12px;
  font-weight:bold;
  padding:0 3px 0 3px;
  }
  
SPAN.divide {
  color:#000000;
  }
  
.read {
  font-weight:bold;
  }
  
.unread {
  font-weight:bold;
  color:#3C4BAA;
  }
  
.time {
  font-size:9px;
  color:#4F4F4F;
  }
  
.chatName {
  color:#425889;
  font-weight:bold;
  }
  
A.albumName {
  font-weight:bold;
  color:#313866;
  }
  
SPAN.photoName {
  font-weight:bold;
  color:#313866;
  } 
  
.commentCheck {
  clear:left;
  font-size:10px;
  width:100px;
  float:left;
  }
   
  SPAN.profType {
  font-size:10px;
  color:#000000;
  font-weight:bold;
  }
SPAN.purple {
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size:28px;
  font-weight:bold;
  color:#A653FD;
  }
  
SPAN.pink {
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size:28px;
  font-weight:bold;
  color:#DD29FE;
  } 
  
SPAN.lightpink {
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size:28px;
  font-weight:bold;
  color:#FF83FF;
  }
  
#memList {
  position:relative;
  width:360px;
  height:70px;
  background:#FF83FF;
  margin-left:190px;
  color:#ffffff;
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-weight:bold;
  font-size:28px;
  padding:30px 0 0 0;
  text-align:center;
  }
  
#memButton {
  position:absolute;
  top:30px;
  right:30px; 
  width:30px;
  height:30px;
  background:url(images/mem_arr.gif);
  cursor:pointer;
  }
  
.steps {
  width:100px; 
  text-align:center;
  margin-top:100px;
  }
  
.steps2 {
  width:100px; 
  text-align:center;
  margin-top:20px;
  }    
  
SPAN.step {
  color:#F067FB;
  font-size:18px;
  font-weight:bold;
  }
  
SPAN.stepof {
  font-size:12px;
  color:#485CCC;
  font-weight:bold;
  }
.join {
  color:#808080;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
  }
  
.conditions {
  font-size:10px;
  text-align:center;
  margin:20px 0 20px 0;
  }
  
.commentEdit {
  background:#FF8080;
  color:#000000;
  font-size:11px;
  text-align:center;
  }
  
#headerCart {
  position:absolute;
  top:70px;
  right:0px;
  width:150px;
  margin-right:10px;
  background:#F549B9;
  color: #EFEFEF;
  font-size:10px;
  text-align:right;
  }
  
A.cartLink {
  color: #EFEFEF;
  font-size:10px;
  }
  
#headerSearch {
  position:absolute;
  top:2px;
  left:10px;
  width:300px;
  height:120px;
  background:#FF83FF;
  border:1px solid #E836A8;
  z-index:999;
  display:none;
  }
  
#searchBody {
  padding: 0 0 0 10px;
    font-size:10px;
  } 
.contentBoxContents {
  padding:20px;
  text-align:center;
}  

.username {
  padding:0 40px 0 40px;
  color:#4E69DC;
  }
  
.usernameSet {
  text-align:center;
  padding:20px;
  color:#4E69DC;
  }

.mail {
 list-style: none;
 margin: 0;
 padding: 0;
 }
  
.inbox {
  background:url(images/inbox.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  }
  
.trash {
  background:url(images/trash.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  }
  
.sent {
  background:url(images/sent.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  }
  
.compose {
  background:url(images/compose.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  }
  
.create {
  background:url(images/create.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  }
  
.delete {
  background:url(images/trash.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  }  
  
.generic {
  background:url(images/generic.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  }
  
.userName {
  width:235px;
  float:left;
  margin-left:20px;
  margin-top:10px;
  color:#00000;
  }
  
SPAN.accountComments {
  color:#000000;
  font-size:11px;
}

SPAN.newComments {
  color:#670FFF;
  font-size:11px;
  font-weight:bold;
  }
  
SPAN.newComments a {
  color:#670FFF;
  font-size:11px;
  font-weight:bold;
  }  
  
A.accountComments {
  color:#000000;
  }
  
A.accountLink {
  color:#000000;
  } 
  
#doing {
  float:right;
  width:480px;
  margin-top:0px;
  }
  
A.doinName {
  color:#603BAC;
  font-weight:bold;
  }
  
A.whatsNew {
  color:#256491;
  font-weight:bold;
  }

SPAN.dointime {
  color:#7F7F7F;
  font-style:italic;
  font-size:9px;
  }
  
A.viewhistory {
  color:color:#7F7F7F;
  font-size:9px;
  }
  
.history {
  position:absolute;
  bottom:3px;
  right:0px;
  width:150px;
  text-align:right;
  }
  
#doinList {
  position:relative;
  max-height:400px;
  overflow:auto;
  }

#myFriends {
  margin-top:20px;
  }
  
.mooheader {
  position:relative;
  background:#F549B9;
  padding:3px 0 3px 10px;
  font-size:12px;
  }
  
A.editFriends {
  font-size:9px;
  color: #800080;
  }
  
SPAN.friendCount {
  color: #800080;
  }
  
SPAN.friendtype {
  font-size:9px;
  }
  
#accountFeatured {
  float:left;
  width:250px;
  font-size:10px;
  }
  
A.featuredMore { 
  color:#800080;
  font-size:9px;
  }
  
A.featuredLink {
  color:#800080;
  font-size:9px;
  }
  
A.commentName {  
  font-weight:bold;
  color:#000000;
  }
  
#headerBanner {
  position:absolute;
  top:8px;
  right:10px;
  width:468;
  }
  
#columnBanner {
  float:left;
  width:250px;
  text-align:center;
  margin:10px 0 10px 0;
  }
  
#columnBanner {
  position:relative;
  width:250px;
  text-align:center;
  margin:10px 0 10px 0;
  padding-top:20px;
  }
  
SPAN.myURL {
  font-size:12px;
  font-weight:bold;
  color:#882464;
  }
  
SPAN.urlLink {
   font-size:11px;
   color:#000000;
   font-weight:bold;
   }