* {
margin: 0;
padding: 0;
}
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: 600;
background-image: url(../images/fundal-carti.jpg);
}
strong {
font-variant: small-caps;
font-stretch: extra-condensed;
text-decoration: underline;
}
#buy {
padding: 1px 3px;
color: #FAF3D4;
background-color: #900;
}
a {
color: #900;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
.left {
float: left;
margin-right: 20px;
margin-bottom: 40px;
position: relative;
top: 7px;
}
.right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
position: relative;
top: 7px;
}
h2 {
height: 150px;
background: url(../css/mm-logo-normal.png) no-repeat center;
display: block;
}
h2:hover {
cursor: pointer;
}
h2#frontpage:hover {
cursor: default;
}
#menu {
position: relative;
vertical-align: -10px;
text-align: center;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
word-spacing: 5px;
font-weight: 400;
width: 960px;
margin: 25px auto 0 auto;
background-color: #f4e5a2;
padding: 2px 0;
}
#menu img { vertical-align: -35%; margin-right: 10px; height: 30px; width: 30px; }
#menu a:link	{ color: #000; }
#menu a:visited	{ color: #000; }
#menu a:hover	{ color: #036; }
#menu a:active	{ color: #900; }
#menu .selected	{ font-weight: bold; color: #900; }
div#twitter  {
position: absolute;
left: 30px;
top: -105px;
background-image: url(../css/twitterbird.png);
width: 128px;
height: 128px;
position: absolute;
z-index: 10;
cursor: pointer;
float:left;
clear: none;
}
div#facebook  {
position: absolute;
right: -45px;
top: -60px;
width: 128px;
height: 128px;
background-image: url(../css/fb-icon.png);
z-index: 10;
cursor: pointer;
float: right;
clear: none;
}
#page-wrap {
width: 960px;
margin: 0px auto;
padding: 30px 0;
}
#content {
width: 958px;
margin: 0px auto;
border: 1px solid #FAF3D4;
background: #FAF3D4;
}
#bonus-column {
width: 300px;
float: right;
margin: 60px 30px 30px 20px;
border-left: 2px solid #036;
border-bottom: 8px solid #036;
padding: 0px 0px 15px 15px;
}
#bonus-column h3 {
font-size: 16px;
margin-bottom: 10px;
color: #036;
}
#bonus-column p {
font-size: 11px;
line-height: 16px;
color: #000;
margin-top: 10px;
text-align: justify;
}
#bonus-column ul li {
font-size: 11px;
line-height: 16px;
color: #000;
list-style-position: inside;
}
#bonus-column a {
color: #036;
}
#bonus-column strong {
font-variant: normal;
font-stretch: normal;
text-decoration: none;
}
.clearSides {
clear: both;
}
#scroll {
padding: 30px 100px;
clear: left;
}
#scroll h1 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 24px;
color: #036;
margin: 10px 0;
}
#scroll h3 {
font-size: 16px;
color: #036;
margin: 20px 0 10px 0;
}
#scroll p {
color: #000;
font-size: 12px;
line-height: 22px;
margin-top: 10px;
max-width: 700px;
}
#scroll .inactive {
color: #D3C173;
}
#scroll p.caption {
font-size: 9px;
font-weight: 600;
line-height: 12px;
}
#scroll p.quote {
color: #036;
margin-left: 205px;
padding: 0 15px;
border-left: 8px solid #036;
font-style: italic;
}
#videobook {
background-color: #FAF3D4;
width: 958px;
height: 750px;
text-align: center; 
border-width:0px;
}
#kump {
margin: 20px 50px 30px 50px;
}
.nopcart {
width: 700px;
background:#464444 none repeat scroll 0 0;
padding: 1px;
}
.nopheader {
background:#464444 none repeat scroll 0 0;
color:#FFFFFF;
padding: 3px;
}
.nopentry, .noptotal {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
border: 1px;
padding: 3px;
}

/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#slider {
height: 227px;
overflow: hidden;
position: relative;
margin: 0;
border: 1px solid #FAF3D4;
background: #FAF3D4;
}
#mover {
width: 2880px;
position: relative;
}
.slide {
padding: 30px;
width: 900px;
float: left;
position: relative;
}
.slide h1 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 24px;
color: #036;
margin-bottom: 10px;
}
.slide p {
color: #000;
font-size: 12px;
line-height: 22px;
width: 450px;
}
.slide a, #scroll a {
color: #900;
text-decoration: underline;
}
.slide img {
position: absolute;
top: 20px;
left: 500px;
}
#slider-stopper {
position: absolute;
bottom: 0px;
left: 460px;
background: #FAF3D4;
color: #D3C173;
padding: 3px 8px;
font-size: 10px;
text-transform: uppercase;
z-index: 1000;
}
#erata {
position: relative;
left: -5000px;
}
#footer {
background: #f4e5a2 url(../css/footer.gif);
width: 960px;
height: 30px;
}
.fadeaway {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
input[type=button], input[type=submit] {
	cursor: pointer; cursor: hand;
}