/* CSS Document */

body {
margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
	background-repeat: no-repeat;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.style3 {font-size: 10px; color:#333333}
.style7 {font-size: 9px}
.style16 {font-size: 14px}
.style21 {font-size: 16px}
.style24 {color: #e51e23}
.style26 {font-size: 10px}
.sectionheader {
	font-size: 25px;
}
.logintext {
	color: #FFF;
	font-size: 9px;
}
/*newpratimaclasses start*/

.redtablebg01 {
background-image:url(images/new_redtable01.jpg);
background-position:center;
background-repeat:no-repeat;
}

.redtablebg02 {
background-image:url(images/new_redtable02.jpg);
background-position:center;
background-repeat:repeat;
}

.redtablebg03 {
background-image:url(images/new_redtable03.jpg);
background-position:center;
background-repeat:no-repeat;
}

.redtablebg04 {
background-image:url(images/new_redtable04.jpg);
background-position:center;
background-repeat:no-repeat;
}

.blacktablebg01 {
background-image:url(images/new_blacktable01a.jpg);
background-position:center;
background-repeat:no-repeat;
}

.blacktablebg02 {
background-image:url(images/new_blacktable02a.jpg);
background-position:center;
background-repeat:repeat;
}

.blacktablebg03 {
background-image:url(images/new_blacktable03a.jpg);
background-position:center;
background-repeat:no-repeat;
}

.blacktablebg04 {
background-image:url(images/new_blacktable04a.jpg);
background-position:center;
background-repeat:no-repeat;
}

/*newpratimaclasses start*/

.textmaroon{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size:14px;
font-weight:700;
}

.textmaroonsmall{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size:10px;
}

.textmaroonsmall2{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size:11px;
font-weight:700;
}

.textblack{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
}

.textblack2{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
}

.textblack3{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
font-weight:700;
}

.textblack9{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-weight:700;
}

.textblack4{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:17px;
}

.textwhite{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
margin:0 3;
padding:10px;
text-align:left;
}

.textwhite1{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
margin:0px;
padding:0px 5px 20px 17px;
text-align:left;
}

.headtextwht1{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
margin:0px;
padding:8px 0px 5px;
font-weight:bold;
text-align:left;
}

.texttitlewhite{
font-family:Agency FB;
color:#ffffff;
font-size:21px;
font-weight:700;
border-bottom:thin dashed #FFF;
}

.textgrey{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:700;
}

.textgrey2{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
font-weight:700;
z-index:109;
}

.textgreysmall{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:9px;
}

.textgreybig{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:20px;
}

.textmaroonbig{
font-family:Arial, Helvetica, sans-serif;
color:#580716;
font-size:16px;
font-weight:700;
}

.textpurplebig{
font-family:Arial, Helvetica, sans-serif;
color:#4b415b;
font-size:16px;
font-weight:700;
}

.textmaroonmedium{
font-family:Arial, Helvetica, sans-serif;
color:#580716;
font-size:12px;
font-weight:700;
text-decoration:none;
}

.textblackmedium{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-weight:700;
text-align:left;
}

.textwhitemedium{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:700;
}

.textredsmall{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:9px;
}

.textredsmall2{
font-family:Arial, Helvetica, sans-serif;
color:#CC3300;
font-size:9px;
}

.photobg{
background-image:url(images/photobg.jpg);
background-position:left;
background-repeat:no-repeat;
margin-right:10;
}

.artistimage{
background-image:url(images/artistimage.jpg);
background-position:center;
background-repeat:no-repeat;
}

.albumimage{
background-image:url(images/albumphoto.jpg);
background-position:center;
background-repeat:no-repeat;
}

.detailsimagebg1{
background-image:url(images/albumdetailspic.jpg);
background-position:center;
background-repeat:no-repeat;
}

.scroll {
width:95%;
height:223px;
margin:0px 0px 0px 10px;
background-color:#FFFFFF;
overflow:auto;
}

.headerbg{
background-image:url(images/header.jpg);
background-position:center;
background-repeat:no-repeat;
}

.adminheaderbg{
background-image:url(images/adminheader.jpg);
background-position:center;
background-repeat:no-repeat;
}

.navbarbg{
background-image:url(images/navbarbg_01.jpg);
background-position:center;
background-repeat:no-repeat;
}
.navbarbg_01{
background-image:url(images/navbarbg.jpg);
background-position:center;
background-repeat:no-repeat;
}

.navbarbg_001{
background-image:url(images/new_navbarbg01.jpg);
background-position:center;
background-repeat:no-repeat;
}

.navbarbg_sm1{
background-image:url(images/navbarbgsm3.jpg);
background-position:top;
background-repeat:no-repeat;
height:68px;
}

.navbarbg2{
background-image:url(images/mininavbar.jpg);
background-position:center;
background-repeat:no-repeat;
}

.navbarbg3{
background-image:url(images/mininavbar2.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablebg{
background-image:url(images/greytablebg.jpg);
background-position:center;
background-repeat:repeat;
}

.middleroundtable{
background-image:url(images/middleroundtable.jpg);
background-position:center;
background-repeat:repeat-y;
}

.navbarbgbottom{
background-image:url(images/navbarbgbottom.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablebg1{
background-image:url(images/roundtablebg1.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablebg2{
background-image:url(images/roundtablebg3.jpg);
background-position:center;
background-repeat:repeat-y;
vertical-align: top;
}

.greytablebg3{
background-image:url(images/roundtablebg2.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablebottom{
background-image:url(images/greytablebottom.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablebottom2{
background-image:url(images/greytablebottom2.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablebottom3{
background-image:url(images/greybottom3.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablemiddle{
background-image:url(images/greymiddle2.jpg);
background-position:center;
background-repeat:repeat;
}

/*
.biggreytable1{
background-image:url(images/biggreytop.jpg);
background-position:center;
background-repeat:no-repeat;
height:10px;
}


.biggreytable2{
background-image:url(images/biggreymiddle.jpg);
background-position:center;
background-repeat:repeat-y;
width:766px;
}


.biggreytable3{
background-image:url(images/biggreybottom.jpg);
background-position:center;
background-repeat:no-repeat;
height:10px;
}
*/
.redtablebg1{
background-image:url(images/redtablebg1.jpg);
background-position:center;
background-repeat:no-repeat;
}

.redtablebg2{
background-image:url(images/redtablebg2.jpg);
background-position:center;
background-repeat:repeat;
}

.redtablebg3{
background-image:url(images/redtablebg3.jpg);
background-position:center;
background-repeat:no-repeat;
}

.songsinfo h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:18px;
font-weight:700;
margin:0 0 0 15px;
}

.songsinfo p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:100;
margin:0 0 0 15px;
}

.albumimage{
background-image:url(images/albumimage.jpg);
background-position:center;
background-repeat:no-repeat;
}

.musicgreytable1{
background-image:url(images/musicgreytable1.jpg);
background-position:center;
background-repeat:no-repeat;
}

.musicgreytable2{
background-image:url(images/musicgreytable2.jpg);
background-position:center;
background-repeat:repeat;
}

.musicgreytable3{
background-image:url(images/musicgreytable3.jpg);
background-position:center;
background-repeat:no-repeat;
}


/*--links classes--*/

a:link {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}


a.links1:link{color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a.links1:active{color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a.links1:visited{color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a.links1:hover{color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

a.readmore:link,a.readmore:visited {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

a.readmore:hover {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

a.redgo:link,a.redgo:visited {
color: #9e1c24;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
}

a.redgo:hover {
color: #9e1c24;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
}

a.black:link,a.black:visited {
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

a.black:hover {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

a.white:link,a.white:visited {
color: #ffffff;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

a.white:hover {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

a.navlinks:link,a.navlinks:visited {
color: #666666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

a.navlinks:hover {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

a.navlinks2:link,a.navlinks2:visited {
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

a.navlinks2:hover {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

a.navlinks3:link,a.navlinks3:visited {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

a.navlinks3:hover {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.adminheaderbg2{
background-image:url(images/adminheaderbg.jpg);
background-repeat:no-repeat;
background-position:center;
}


a.bottomnav:link,a.bottomnav:visited {
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

a.bottomnav:hover {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

a.paging:link,a.paging:visited {
color: #990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a.paging:hover {
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.textmaroonmedium2{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size:12px;
font-weight:700;
text-decoration:none;
}

.tempflashbg{
background-image:url(images/tempflashfile.jpg);
background-repeat:no-repeat;
}

a.navlinks11 {
color: #F0222C;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.textDetals{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.redbox 
{
height:304px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
}

* html .redbox {
height:294px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
}


/*... pratima code start ...*/

.greytablenew01 {
background-image:url(images/greytablenew02.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablenew02 {
background-image:url(images/greytablenew03.jpg);
background-position:center;
background-repeat:no-repeat;
}

.greytablenew03 {
background-image:url(images/greytablenew01.jpg);
background-position:center;
background-repeat:repeat;
}

.loginid_text {
font-family:Arial, Helvetica, sans-serif;
color:#a00303;
font-size:10px;
padding-left:2px;
}

.text_field1 {
width:75px;
height:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
margin-left:2px;
}

a.forgotpass:link,a.forgotpass:visited {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#a00303;
font-size:10px;
padding-left:30px;
}

a.forgotpass:hover {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
padding-left:30px;
}

a.help:link,a.help:visited {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#a00303;
font-size:10px;
padding-left:5px;
}

a.help:hover {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
padding-left:5px;
}

.textblackcontent{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;

}

#redeemcard {
position:relative;
background-image:url(images/redeemcard.jpg);
background-position:top;
top:-35px;
left:270px;
width:220px;
height:21px;
}

#redeemcard .textfield {
position:absolute;
left:90px;
top:3px;
width:100px;
height:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
}


/************ Charlie added for layout rework *************/

/*    MAIN NAVIGATION BAR   */
#mainNavWrap {position:relative; top:-6px; left:-316px; width:360px; height:45px; margin:0 auto;}	  
#mainNav {position:absolute; top:5px; left:75px; width:360px; list-style:none;}
#mainNav li {float:left; width:70px; height:45px;}
#mainNav li a {
display: block;
padding:0px 0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
font-weight:700;
}

#mainNav li.redeem a { 
color: #990000;
}

#mainNav li.redeem a, #mainNav li.signup a, #mainNav li.login a { 
padding-top:19px;
}

#mainNav li.ordermerch a, #mainNav li.casestudies a, #mainNav li.editaccount a { 
padding-top:11px;
}

#mainNav li.redeem a, #mainNav li.ordermerch a, #mainNav li.casestudies a, #mainNav li.signup a, #mainNav li.login a, #mainNav li.editaccount a { 
margin-top:0px;
z-index:131;
}

#mainNav li.redeem, #mainNav li.ordermerch, #mainNav li.casestudies, #mainNav li.signup, #mainNav li.login, #mainNav li.editaccount { 
margin-top:0px;
width:70px;
height:45px;
z-index:130;
}

#mainNav li.redeem a:hover, #mainNav li.ordermerch a:hover, #mainNav li.casestudies a:hover, #mainNav li.signup a:hover, #mainNav li.login a:hover, #mainNav li.editaccount a:hover { 
background: #990000;
background-image:url(images/.jpg);
background-position:10px 0px;
background-repeat:no-repeat;
color: #FFFFFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
padding-bottom:10px;
}

#mainNav li.redeem a:hover, #mainNav li.signup a:hover, #mainNav li.login a:hover { 
padding-bottom:11px;
}

#mainNav li.ordermerch a:hover, #mainNav li.casestudies a:hover, #mainNav li.editaccount a:hover {
padding-bottom:6px;
}

#mainNav li.redeem a:hover { 
padding-left:-5px;
}

#login {
/*z-index:10;*/
position:relative;
top:-60px;
left:100px;
width:406px;
height:45px;
}

#email {
position:absolute;
top:28px;
left:80px;
width:35px;
height:30px;
}

#emailbox {
position:absolute;
top:25px;
left:119px;
width:78px;
height:30px;
}

#pass {
position:absolute;
top:28px;
left:210px;
width:51px;
height:30px;
}

#passbox {
position:absolute;
top:25px;
left:263px;
width:86px;
height:30px;
}

#loginbut {
position:absolute;
top:28px;
left:350px;
width:35px;
height:30px;
}

#forgotpass {
position:absolute;
top:30px;
left:390px;
width:75px;
height:30px;
}

#invalidlogin {
position:absolute;
top:45px;
left:240px;
width:80px;
height:30px;
}

#loggedin {
/*z-index:10;*/
position:relative;
top:-60px;
left:10px;
width:406px;
height:45px;
}

#welcome {
position:absolute;
top:28px;
left:160px;
width:150px;
height:30px;
}

#logout {
position:absolute;
top:27px;
left:480px;
width:100px;
height:30px;
}

#content1 {
position:relative;
top:-40px;
left:1px;
width:766px;
}

#content2 {
position:relative;
top:-30px;
left:1px;
width:380px;
}

#content3 {
position:relative;
top:-176px;
left:406px;
width:380px;
}

img#logo {
margin: 0px;
padding: 0px 10px;
}

img#banner {
margin: 0px;
padding: 10px 0px;
}

/* IE6 & below PC */

/*    MAIN NAVIGATION BAR   */
* html #mainNavWrap {position:relative; top:-7px; left:-315px; width:360px; height:45px; margin:0 auto; z-index;120;}	  
* html #mainNav {position:absolute; top:5px; left:75px; width:360px; list-style:none; z-index;121;}
* html #mainNav li {float:left; width:70px; height:45px; z-index;122;}
* html #mainNav li a {
display: block;
padding:0px 0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
font-weight:700;
z-index:123;
}

* html #mainNav li.redeem a:hover, #mainNav li.signup a:hover, #mainNav li.login a:hover { 
padding-bottom:12px;
}

* html #login {
z-index:10;
position:relative;
top:-60px;
left:266px;
width:306px;
height:45px;
}

* html #email {
position:absolute;
top:28px;
left:-135px;
width:35px;
height:30px;
}

* html #emailbox {
position:absolute;
top:25px;
left:-95px;
width:78px;
height:30px;
}

* html #pass {
position:absolute;
top:28px;
left:-7px;
width:51px;
height:30px;
}

* html #passbox {
position:absolute;
top:25px;
left:47px;
width:86px;
height:30px;
}

* html #loginbut {
position:absolute;
top:28px;
left:133px;
width:35px;
height:30px;
}

* html #forgotpass {
position:absolute;
top:28px;
left:180px;
width:75px;
height:30px;
}

* html #invalidlogin {
position:absolute;
top:45px;
left:25px;
width:80px;
height:30px;
}

/* Firefox PC */ @-moz-document url-prefix() { 

/*    MAIN NAVIGATION BAR   */
#mainNavWrap {position:relative; top:-22px; left:-317px; width:360px; height:45px; margin:0 auto; z-index;120;}	  
#mainNav {position:absolute; top:5px; left:75px; width:360px; list-style:none; z-index;121;}
#mainNav li {float:left; width:70px; height:45px; z-index;122;}
#mainNav li a {
display: block;
padding:0px 0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
font-weight:700;
z-index:123;
}

#mainNav li.redeem a:hover, #mainNav li.signup a:hover, #mainNav li.login a:hover { 
padding-bottom:12px;
}

#login {
z-index:10;
position:relative;
top:-60px;
left:265px;
width:306px;
height:45px;
}

#email {
position:absolute;
top:28px;
left:-135px;
width:35px;
height:30px;
}

#emailbox {
position:absolute;
top:25px;
left:-95px;
width:78px;
height:30px;
}

#pass {
position:absolute;
top:28px;
left:-7px;
width:51px;
height:30px;
}

#passbox {
position:absolute;
top:25px;
left:47px;
width:86px;
height:30px;
}

#loginbut {
position:absolute;
top:27px;
left:133px;
width:35px;
height:30px;
}

#forgotpass {
position:absolute;
top:28px;
left:180px;
width:75px;
height:30px;
}

#invalidlogin {
position:absolute;
top:45px;
left:25px;
width:80px;
height:30px;
}
}

/* Safari PC */ 
@media screen and (-webkit-min-device-pixel-ratio:0){

/*    MAIN NAVIGATION BAR   */
#mainNavWrap {position:relative; top:-21px; left:-317px; width:360px; height:45px; margin:0 auto; z-index;120;}	  
#mainNav {position:absolute; top:5px; left:75px; width:360px; list-style:none; z-index;121;}
#mainNav li {float:left; width:70px; height:45px; z-index;122;}
#mainNav li a {
display: block;
padding:0px 0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
font-weight:700;
z-index:123;
}

#mainNav li.redeem a:hover, #mainNav li.signup a:hover, #mainNav li.login a:hover { 
padding-bottom:12px;
}

#mainNav li.ordermerch a:hover, #mainNav li.casestudies a:hover, #mainNav li.editaccount a:hover {
padding-bottom:8px;
}

#login {
z-index:10;
position:relative;
top:-60px;
left:265px;
width:306px;
height:45px;
}

#email {
position:absolute;
top:28px;
left:-135px;
width:35px;
height:30px;
}

#emailbox {
position:absolute;
top:25px;
left:-95px;
width:78px;
height:30px;
}

#pass {
position:absolute;
top:28px;
left:-7px;
width:51px;
height:30px;
}

#passbox {
position:absolute;
top:25px;
left:47px;
width:86px;
height:30px;
}

#loginbut {
position:absolute;
top:27px;
left:133px;
width:35px;
height:30px;
}

#forgotpass {
position:absolute;
top:28px;
left:180px;
width:75px;
height:30px;
}

#invalidlogin {
position:absolute;
top:45px;
left:25px;
width:80px;
height:30px;
}
}

/* Firefox MAC */

/*    MAIN NAVIGATION BAR   */
.mac.ff3 #mainNavWrap {position:relative; top:-21px; left:-317px; width:360px; height:45px; margin:0 auto; z-index;120;}	  
.mac.ff3 #mainNav {position:absolute; top:5px; left:75px; width:360px; list-style:none; z-index;121;}
.mac.ff3 #mainNav li {float:left; width:70px; height:45px; z-index;122;}
.mac.ff3 #mainNav li a {display: block; padding:0px 0px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;
                      color:#666666; font-size:11px; font-weight:700; z-index:123;}

.mac.ff3 #mainNav li.redeem a { 
color: #990000;
}

.mac.ff3 #mainNav li.redeem a, .mac.ff3 #mainNav li.signup a, .mac.ff3 #mainNav li.login a { 
padding-top:18px;
}

.mac.ff3 #mainNav li.ordermerch a, .mac.ff3 #mainNav li.casestudies a, .mac.ff3 #mainNav li.editaccount a { 
padding-top:11px;
}

.mac.ff3 #mainNav li.redeem a:hover, .mac.ff3 #mainNav li.signup a:hover, .mac.ff3 #mainNav li.login a:hover { 
padding-bottom:13px;
color:#FFFFFF;
}

.mac.ff3 #mainNav li.ordermerch a:hover, .mac.ff3 #mainNav li.casestudies a:hover, .mac.ff3 #mainNav li.editaccount a:hover {
padding-bottom:6px;
color:#FFFFFF;
}

.mac.ff3 #login {
z-index:10;
position:relative;
top:-60px;
left:265px;
width:306px;
height:45px;
}

.mac.ff3 #email {
position:absolute;
top:28px;
left:-135px;
width:35px;
height:30px;
}

.mac.ff3 #emailbox {
position:absolute;
top:25px;
left:-95px;
width:78px;
height:30px;
}

.mac.ff3 #pass {
position:absolute;
top:28px;
left:-7px;
width:51px;
height:30px;
}

.mac.ff3 #passbox {
position:absolute;
top:25px;
left:47px;
width:86px;
height:30px;
}

.mac.ff3 #loginbut {
position:absolute;
top:27px;
left:133px;
width:35px;
height:30px;
}

.mac.ff3 #forgotpass {
position:absolute;
top:28px;
left:180px;
width:75px;
height:30px;
}

.mac.ff3 #invalidlogin {
position:absolute;
top:45px;
left:25px;
width:80px;
height:30px;
}

.mac.ff3 #loggedin {
/*z-index:10;*/
position:relative;
top:-60px;
left:10px;
width:406px;
height:45px;
}

.mac.ff3 #welcome {
position:absolute;
top:28px;
left:160px;
width:150px;
height:30px;
}

.mac.ff3 #logout {
position:absolute;
top:27px;
left:480px;
width:100px;
height:30px;
}


/* Safari MAC */

/*    MAIN NAVIGATION BAR   */
.mac.safari3 #mainNavWrap {position:relative; top:-21px; left:-317px; width:360px; height:45px; margin:0 auto; z-index;120;}	  
.mac.safari3 #mainNav {position:absolute; top:5px; left:75px; width:360px; list-style:none; z-index;121;}
.mac.safari3 #mainNav li {float:left; width:70px; height:45px; z-index;122;}
.mac.safari3 #mainNav li a {display: block; padding:0px 0px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;
                            color:#666666; font-size:11px; font-weight:700; z-index:123;}

.mac.safari3 #mainNav li.redeem a { 
color: #990000;
}

.mac.safari3 #mainNav li.redeem a, .mac.safari3 #mainNav li.signup a, .mac.safari3 #mainNav li.login a { 
padding-top:18px;
}

.mac.safari3 #mainNav li.ordermerch a, .mac.safari3 #mainNav li.casestudies a, .mac.safari3 #mainNav li.editaccount a { 
padding-top:11px;
}

.mac.safari3 #mainNav li.redeem a:hover, .mac.safari3 #mainNav li.signup a:hover, .mac.safari3 #mainNav li.login a:hover { 
padding-bottom:14px;
color:#FFFFFF;
}

.mac.safari3 #mainNav li.ordermerch a:hover, .mac.safari3 #mainNav li.casestudies a:hover, .mac.safari3 #mainNav li.editaccount a:hover {
padding-bottom:9px;
color:#FFFFFF;
}

.mac.safari3 #login {
z-index:10;
position:relative;
top:-60px;
left:265px;
width:306px;
height:45px;
}

.mac.safari3 #email {
position:absolute;
top:28px;
left:-135px;
width:35px;
height:30px;
}

.mac.safari3 #emailbox {
position:absolute;
top:25px;
left:-95px;
width:78px;
height:30px;
}

.mac.safari3 #pass {
position:absolute;
top:28px;
left:-7px;
width:51px;
height:30px;
}

.mac.safari3 #passbox {
position:absolute;
top:25px;
left:47px;
width:86px;
height:30px;
}

.mac.safari3 #loginbut {
position:absolute;
top:27px;
left:133px;
width:35px;
height:30px;
}

.mac.safari3 #forgotpass {
position:absolute;
top:28px;
left:180px;
width:75px;
height:30px;
}

.mac.safari3 #invalidlogin {
position:absolute;
top:45px;
left:25px;
width:80px;
height:30px;
}

.mac.safari3 #loggedin {
/*z-index:10;*/
position:relative;
top:-60px;
left:10px;
width:406px;
height:45px;
}

.mac.safari3 #welcome {
position:absolute;
top:28px;
left:160px;
width:150px;
height:30px;
}

.mac.safari3 #logout {
position:absolute;
top:27px;
left:480px;
width:100px;
height:30px;
}