/* Maroon5 Fansite Stylesheet */

/***************************************************************************//* WHITESPACE RESET */

* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:1.5em;}
fieldset { padding: .5em; }

body {
background:#31312e;
padding:0;
margin:0;
font: 62.5% Helvetica, Arial, Tahoma, "Lucida Grande", Verdana, sans-serif;
text-align:center;
}


h1 {
font:normal 22px/160% Tahoma,"Lucida Grande", Verdana, sans-serif;
color:#fff;
text-transform:uppercase;
padding-bottom:.5em;
}

h2 {
font:bold 14px/160% Helvetica,Tahoma,"Lucida Grande", Verdana, sans-serif;
color:#fff;
}

h3 {
font:normal 13px/160% Helvetica,Tahoma,"Lucida Grande", Verdana, sans-serif;
color:#fff;
}

p {padding-bottom:1em;}

hr {
margin-bottom:12px;
border:none;
color:#000;
background-color:#000000;
height:3px;
clear:both;
text-align:left;
}

/*
a.white:link,a.white:active,a.white:visited {
color:#fff;
font-weight:bold;
border:1px dotted #ff6600;
border-width:0 0 1px 0;
text-decoration:none;
}

a:link,a:active,a:visited {
color:#fff;
font-weight:bold;
*/


border-width:0 0 1px 0;
text-decoration:none;
}

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

a.white:hover {
color:#000;
text-decoration:none;
border:1px dotted #ff6600;
border-width:0 0 1px 0;
}

a.h2_white:link,a.white:active,a.white:visited {
color:#fff;
font-weight:bold;
border:1px dotted #848484;
border-width:0 0 1px 0;
text-decoration:none;
}

a.h2_white:hover {
color:#000;
text-decoration:none;
border:1px dotted #ff6600;
border-width:0 0 1px 0;
}

.buy {color:#f18231;text-transform:uppercase;}
a.buy:link,a.onsale:visited,a.onsale:active {color:#f18231;text-transform:uppercase;}
a.buy:hover {color:#fff;}

.date {
color:#ff6600;
}

.whitebold {
color:#ffffff;
font-weight:bold;
}


/***************************************************************************//* FORM ELEMENTS 

select {
width:180px;
float:left;
}
*/

input.gobutton {
background:transparent url(storeArt/gobutton.png) no-repeat 0 1px;
height:20px;
width:32px;
outline:none;
float:left;
margin-left:8px;	
}

/***************************************************************************//* WRAP */

#wrap {
width:650px;
margin:0 auto;
}

/***************************************************************************//* HEADER */

#header {
background:#31312e url(storeArt/header.png) no-repeat 0 0;
width:650px;
height:131px;
position:relative;
}

a#headerlink {display:block;width:100%;height:100%;}

#header span {display:none;}

#headernav {
position:absolute;
top:110px;
color:#999;
left:40px;
}

#headernav a:link,#headernav a:visited,#headernav a:active {
color:#999;
font-family:Helvetica;
font-size:11px;
font-weight:bold;
padding:0 .5em 0 .5em;
text-decoration:none;
}

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

#headernav a.on {
color:#fff;
}

/***************************************************************************//* PRIMARY NAVIGATION */

#primarynav {
background:#ff4600 url(storeArt/topnav.png) no-repeat 0 0;;
height:34px;
width:650px;
}

#primarynav span {display:none;}

#primarynav li.pnav {
margin-left:0;
}

#buttons {
height:34px;
position:relative;
}

#buttons li.pnav {list-style:none;position:absolute;}
#buttons li.pnav, #buttons a {height:34px; display:block; top:0;}



#button1 {left: 0; width: 100px;}
#button2 {left: 100px; width: 50px;}
#button3 {left: 150px; width: 50px;}
#button4 {left: 200px; width: 90px;}
#button5 {left: 290px; width: 80px;}
#button6 {left: 370px; width: 90px;}
#button7 {left: 460px; width: 90px;}
#button8 {left: 550px; width: 99px;}

#button1 a:hover {background: transparent url(storeArt/topnav.png) 0 -34px no-repeat;}
#button2 a:hover {background: transparent url(storeArt/topnav.png) -100px -34px no-repeat;}
#button3 a:hover {background: transparent url(storeArt/topnav.png) -150px -34px no-repeat;}
#button4 a:hover {background: transparent url(storeArt/topnav.png) -200px -34px no-repeat;}
#button5 a:hover {background: transparent url(storeArt/topnav.png) -290px -34px no-repeat;}
#button6 a:hover {background: transparent url(storeArt/topnav.png) -370px -34px no-repeat;}
#button7 a:hover {background: transparent url(storeArt/topnav.png) -460px -34px no-repeat;}
#button8 a:hover {background: transparent url(storeArt/topnav.png) -550px -34px no-repeat;}

#button1 a#on {background: transparent url(storeArt/topnav.png) 0 -34px no-repeat;}
#button2 a#on {background: transparent url(storeArt/topnav.png) -100px -34px no-repeat;}
#button3 a#on {background: transparent url(storeArt/topnav.png) -150px -34px no-repeat;}
#button4 a#on {background: transparent url(storeArt/topnav.png) -200px -34px no-repeat;}
#button5 a#on {background: transparent url(storeArt/topnav.png) -290px -34px no-repeat;}
#button6 a#on {background: transparent url(storeArt/topnav.png) -370px -34px no-repeat;}
#button7 a#on {background: transparent url(storeArt/topnav.png) -460px -34px no-repeat;}
#button8 a#on {background: transparent url(storeArt/topnav.png) -550px -34px no-repeat;}

/***************************************************************************//* SECONDARY NAVIGATION */

#secondarynav.shadow {
background:transparent url(storeArt/navshadow.png) no-repeat 0 0;
padding-left:60px;
}

#livenav {
background:transparent url(storeArt/secondarynav_live.png) no-repeat 0 0;
padding-left:205px;
height:24px;
}

#communitynav {
background:transparent url(storeArt/secondarynav_community.png) no-repeat 0 0;
padding-left:185px;
height:24px;
}

#exclusivenav {
background:transparent url(storeArt/secondarynav_exclusive.png) no-repeat 0 0;
padding-left:0px;
height:24px;
}

#storenav {
background:transparent url(storeArt/secondarynav_store.png) no-repeat 0 0;
padding-left:94px;
height:24px;
}

#secondarynav {
top:34px;
height:24px;
width:650px;
}

#secondarynav span {
float:left;
color:#848484;
line-height:230%
}

#secondarynav span a {
height:24px;
display:block;
float:left;
padding:0 9px;
!padding:0 6px;
background:none;
}

#secondarynav span a {
color:#848484;
text-decoration:none;
font:bold 11px/220% Helvetica, Arial, Verdana, sans-serif;
}

#secondarynav span a:hover {
color:#fff;
background:transparent;
padding:0 9px;
!padding:0 6px;
}

#secondarynav span a.on {
color:#fff;
background:transparent;
padding:0 9px;
!padding:0 6px;
}

#secondarynav span a:active {
color:#000;
background:transparent;
}

/***************************************************************************//* THEBAND */

#theband {
background:transparent url(storeArt/theband.jpg) no-repeat 0 0;
width:650px;
height:316px;
}

/***************************************************************************//* PROMOTIONAL BANNER */

#promobanner {
background:url(storeArt/promo_banner.png) no-repeat 0 0;
width:650px;
height:68px;
position:relative;
}

/***************************************************************************//* CONTENT */

#content {
font:normal 13px/160% Helvetica, Arial, Tahoma, "Lucida Grande", Verdana, sans-serif;
color:#adadab;
padding:30px 0;
position:relative;
}

/***************************************************************************//* FOOTER */

#footer {
background:transparent url(storeArt/footernav.png) no-repeat 0 0;
border:3px solid #ff4600;
border-width:3px 0 0 0;
width:650px;	
height:34px;
margin-bottom:40px;
}

#footer span {display:none;}

#footer li {
margin-left:0;
}

#footerbuttons {
height:34px;
position:relative;
}

#footerbuttons li {list-style: none; position:absolute;}
#footerbuttons li, #footerbuttons a {height:34px; display:block; top:0;}

#footerbutton1 {left: 0; width: 65px;}
#footerbutton2 {left: 65px; width: 50px;}
#footerbutton3 {left: 115px; width: 35px;}
#footerbutton4 {left: 150px; width: 84px;}
#footerbutton5 {left: 234px; width: 70px;}
#footerbutton6 {left: 304px; width: 80px;}
#footerbutton7 {left: 384px; width: 80px;}
#footerbutton8 {left: 464px; width: 51px;}
#footerbutton9 {left: 515px; width: 51px;}
#footerbutton10 {left: 566px; width: 83px;}

#footerbutton1 a:hover {background: transparent url(storeArt/footernav.png) 0 -34px no-repeat;}
#footerbutton2 a:hover {background: transparent url(storeArt/footernav.png) -65px -34px no-repeat;}
#footerbutton3 a:hover {background: transparent url(storeArt/footernav.png) -115px -34px no-repeat;}
#footerbutton4 a:hover {background: transparent url(storeArt/footernav.png) -150px -34px no-repeat;}
#footerbutton5 a:hover {background: transparent url(storeArt/footernav.png) -234px -34px no-repeat;}
#footerbutton6 a:hover {background: transparent url(storeArt/footernav.png) -304px -34px no-repeat;}
#footerbutton7 a:hover {background: transparent url(storeArt/footernav.png) -384px -34px no-repeat;}
#footerbutton8 a:hover {background: transparent url(storeArt/footernav.png) -464px -34px no-repeat;}
#footerbutton9 a:hover {background: transparent url(storeArt/footernav.png) -515px -34px no-repeat;}
#footerbutton10 a:hover {background: transparent url(storeArt/footernav.png) -566px -34px no-repeat;}

#footerbutton1 a#footon {background: transparent url(storeArt/footernav.png) 0 -34px no-repeat;}
#footerbutton2 a#footon {background: transparent url(storeArt/footernav.png) -65px -34px no-repeat;}
#footerbutton3 a#footon {background: transparent url(storeArt/footernav.png) -115px -34px no-repeat;}
#footerbutton4 a#footon {background: transparent url(storeArt/footernav.png) -150px -34px no-repeat;}
#footerbutton5 a#footon {background: transparent url(storeArt/footernav.png) -234px -34px no-repeat;}
#footerbutton6 a#footon {background: transparent url(storeArt/footernav.png) -304px -34px no-repeat;}
#footerbutton7 a#footon {background: transparent url(storeArt/footernav.png) -384px -34px no-repeat;}
#footerbutton8 a#footon {background: transparent url(storeArt/footernav.png) -464px -34px no-repeat;}
#footerbutton9 a#footon {background: transparent url(storeArt/footernav.png) -515px -34px no-repeat;}
#footerbutton10 a#footon {background: transparent url(storeArt/footernav.png) -566px -34px no-repeat;}

/***************************************************************************//* HOMEPAGE ELEMENTS */

#home #latestnews, #home #membernews {font-weight:bold;}

#latestnews {
width:340px;
float:left;
}

#membernews {
width:200px;
float:left;
margin-left:60px;
}

/***************************************************************************//* LIVE ELEMENTS */

.tour-table td {padding:4px;}

/***************************************************************************//* VIDEOS ELEMENTS */

.video-table td {padding:4px;}

/***************************************************************************//* STORE ELEMENTS */

#storeitems {
margin-top:1em;
}

#store{
	text-align: left;
}


tr.blackborders {height:40px;}

.storethumb {width:120px;}

.productinfo {width:300px;}
.productinfo p {font-size:12px;}

.onsale {color:#f18231;text-transform:uppercase;}
a.onsale:link,a.onsale:visited,a.onsale:active {color:#f18231;text-transform:uppercase;}
a.onsale:hover {color:#fff;}

.watch {color:#f18231;text-transform:uppercase;}
a.watch:link,a.onsale:visited,a.onsale:active {color:#f18231;text-transform:uppercase;}
a.watch:hover {color:#fff;}

.memberprice {color:#fff;font-weight:bold;}
.nonmemberprice {color:#fff;font-weight:bold;}

a.addcart:link,a.addcart:visited,a.addcart:active {
background:#fff;
width:82px;
height:20px;
color:#000;
text-align:center;
display:block;
text-decoration:none;
}

a.addcart:hover {background:#000;color:#fff;}

/*Float Patch*/	
.floatcontainer:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}

/* Mark Hadley's fix for IE Mac */  
.floatcontainer { display: inline-table;}

/* Hides from IE Mac \*/ 
* php .floatcontainer {height: 1%;} 
.floatcontainer{display:block;}
/* End Patch */


tr.whitetext { 
font: 72.5% Helvetica, Arial, Tahoma, "Lucida Grande", Verdana, sans-serif;
	color:#FFFFFF;}