@charset "utf-8";
/* CSS Document */

/* hide from ie on mac \*/
html, body {height: 100%; overflow-x:hidden;}
/* end hide */

body {background:url(../img/bg.jpg) top right no-repeat fixed;}
body, table, tr, td {font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #000; margin: 0; padding: 0; text-align: left;}
a:link {color: #cc3300; font-weight: bold; text-decoration: none;}
a:visited {text-decoration: none; color: #000; font-weight: bold;}
a:hover {text-decoration: underline; color: #000; font-weight: bold;}
a:active {text-decoration: none; color: #cc3300; font-weight: bold;}

/* Top Menu Bar and Buttons */

.topMenu {position:absolute; top:0px; left:0px; width:100%; height:45px; padding:0; background:url(../img/topMenuBg.png) repeat-x;}
.topMenuBar {width:800px; position:absolute; top:0px; height:35px; margin-left:-400px; left:50%}
.menuButton {width:110px; height: 30px; float:left; margin:0; padding:0; cursor:pointer;}

.mbHome {padding-left: 12px;}
.mbHome a {display:block; background:url(../img/topMenu_02.png) 0 0 no-repeat; width:62px;}
.mbHome a:hover {background-position: -62px 0;}
.mbHome a:active {background-position: 0 0;}

.mbAbout {padding-left: 0px; margin-left: -8px;}
.mbAbout a {display:block; background:url(../img/topMenu_03.png) 0 0 no-repeat; width:95px;}
.mbAbout a:hover {background-position: -90px 0;}
.mbAbout a:active {background-position: 0 0;}

.mbCards {padding-left: 1px;}
.mbCards a {display:block; background:url(../img/topMenu_04.png) 0 0 no-repeat; width:86px;}
.mbCards a:hover {background-position: -85px 0;}
.mbCards a:active {background-position: 0 0;}

.mbBlog {padding-left: 7px;}
.mbBlog a {display:block; background:url(../img/topMenu_05.png) 0 0 no-repeat; width:73px;}
.mbBlog a:hover {background-position: -70px 0;}
.mbBlog a:active {background-position: 0 0;}

.mbMedia {padding-left: 0px;}
.mbMedia a {display:block; background:url(../img/topMenu_06.png) 0 0 no-repeat; width:98px;}
.mbMedia a:hover {background-position: -109px 0;}
.mbMedia a:active {background-position: 0 0;}

.mbContact {padding-left: 0px;}
.mbContact a {display:block; background:url(../img/topMenu_07.png) 0 0 no-repeat; width:100px;}
.mbContact a:hover {background-position: -99px 0;}
.mbContact a:active {background-position: 0 0;}

.mbStore {padding-left: 12px;}
.mbStore a {display:block; background:url(../img/topMenu_08.png) 0 0 no-repeat; width:78px;}
.mbStore a:hover {background-position: -74px 0;}
.mbStore a:active {background-position: 0 0;}

/*.playercc {-moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; width: 522px; height: 290px; margin: 55px 0 0 25px; padding:5px;}
.playertabcc {-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; width: 120px; margin: 32px 0 32px -2px; float:left; text-align:center; font-weight:bold; display:inline; cursor:pointer; background: #ffe4e5;}*/

/* Overall content container */
/*#container {position:absolute; top:30px; width: 100%; padding: 0; margin: 0;}*/
#content {position: absolute; left:50%; width: 900px; height: auto; margin:45px 0 30px -400px; padding: 0;}
#title {margin: 0 0 0 200px;}
#joinUs {font: Geneva, Arial, Helvetica, sans-serif; width:100px; margin: 5px 0 0 -5px; padding: 5px; height: auto; float: left; border: 1px solid #000; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; /*background: #ffe4e5;*/background: #fff}
.joinUsLogos {border:1px solid #ccc; margin:0 0 2px 5px;}
#playerTab1 {margin-left: 25px; border-bottom: 2px solid #000;}
#musicplayer, #musicplayerObj {width: 490px; height: 270px; float:left; margin: -15px 0 0 0;}

/* Player */
.playerContainer {width: 525px; height: 350px; margin: 0 0 0 100px;}
.playerTabTV, .playerTabMusic, .playerTabPower {border:2px solid #cc0033; margin: 53px -2px 0 0; padding:12px 4px 4px 4px; width:150px; font-weight:bold; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; display:inline; cursor:pointer;}
.playerTabTV {background:#fff; border-bottom-color:#fff; margin: 53px -2px 0 0;}
.playerTabMusic, .playerTabPower {background:#ffe4e5;}
.playerTV, .playerMusic, .playerPower {-moz-border-radius-bottomleft:10px; -moz-border-radius-topright:10px; background:#fff; border:2px solid #cc0033; padding: 10px; margin: 4px 0 0 0; width: 520px; height: 300px;}
.vidPlayer, .musicPlayer, .powerAd {width: 520px; height: 300px;}
#powerAd {margin:-10px 0 0 -10px;}
#vidPlayer {background:url(../img/pixrevtv.jpg) 0 0 no-repeat;}
.playerTV {background:#fff none repeat scroll 0%;}

/* Signup */
.allcc {border: 2px solid #cc0033; padding:4px 10px 4px 0;}
.signupcc {-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; height: 125px; width: 440px; margin: 0 0 30px 190px;}
.blackcc {background: #000; color: #fff;}
.whitecc {background: #fff;}
.formcc {background: url(../img/formBg.jpg) ; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; margin: 10px;}
#signUpForm {
	height: 125px;
	margin:0;
	background:url(../img/signup.png) -2px 60px no-repeat;
}
#loveShinesSWF {
	padding:0;
	float: left;
	height: 65px;
	width: 280px;
	margin-top: -4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#signUpForm form {
	float: right;
	height:115px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.formInput {margin: 3px; border:1px solid #000; background-color: #fff; font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; color: #000; width: 145px;}
.formButton {
	margin: 3px;
	border: 0px;
	width: 70px;
	height: 23px;
	color: #000;
	text-align: center;
	background: url(../img/heartSend.png) no-repeat;
	cursor: pointer;
}
#signUpDeets {width: 55%; float: left; line-height: 10px; font-size: 10px; text-align:justify; margin: -18px 0 0 7px;}

/* Thanks logos */
.logos {font: Geneva, Arial, Helvetica, sans-serif; width:100px; margin: 33px 0 0 0; padding: 5px; height: auto; float: left; border: 1px solid #000; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; /*background: #ffe4e5;*/background: #fff}

.innerContent {width: 660px; float: left; margin: 5px 0 0 5px;}

.ads {font: Geneva, Arial, Helvetica, sans-serif; width:105px; margin: 33px 0 0 -10px; padding: 5px; height: auto; float: right; border: 1px solid #000; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background: #fff;}

/* About */
.aboutTabLoveShines, .aboutTabMinna, .aboutTabPixie {border:2px solid #cc0033; margin: 53px -2px 0 0; padding:12px 4px 4px 4px; width:150px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; display:inline; cursor:pointer;}
.aboutTabLoveShines {background:#fff; border-bottom-color:#fff; margin: 53px -2px 0 0;}
.aboutTabMinna, .aboutTabPixie {background:#ffe4e5;}
.aboutLoveShines, .aboutMinna, .aboutPixie {-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px; background:#fff; border:2px solid #cc0033; padding: 0 10px; margin: 4px 0 20px 0; text-align:justify;}
.aboutLoveShines {background:#fff none repeat scroll 0%;}

/* All Other Content */
#cardPreLoad1 {background:url(../img/card_fun.jpg);}
#cardPreLoad2 {background:url(../img/card_money.jpg);}
#cardPreLoad3 {background:url(../img/card_worry.jpg);}
#cardPreLoad4 {background:url(../img/card_health.jpg);}
.cardsTab, .blogTab, .mediaTab, .storeTab, .contactTab, .termsTab, .privacyTab {border:2px solid #cc0033; padding:12px 4px 4px 4px; width:150px; font-weight:bold; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; display:inline; cursor:pointer; background:#fff; border-bottom-color:#fff; margin: 53px -2px 0 0;}
.cardsContent, .s9yContent, .storeContent, .contactContent, .termsContent, .privacyContent {-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px; border:2px solid #cc0033; padding: 0 10px; margin: 4px 0 20px 0; background:#fff none repeat scroll 0%; text-align:justify;}

#rallyDiv, #rallyDivObj {width:340px; height: 192px; float:right; display:block; margin-left: 10px;}

#dataTab {height: 25px; width: 150px; margin: 32px 0 0 20px; text-align:center;}
#innerData {height: auto; width: 660px; margin: 10px 0 0 0;}

#footer {text-align:right; width:660px; float:right; margin: 2px 130px 0 0;}