/*========================================================================

/*========================================================================
	TOP NAVIGATION AND FOOTER LINKS
=========================================================================*/

/* GLOBAL NAVIGATION (home_link) */
#OrangeNavigation #home_link span {position:static; height:auto; width:auto;}

/* BODY STYLES */
* {font-family:arial, helvetica, sans-serif;}
body {margin:0; padding:0;}
#playlist {margin:0; width:auto; padding:0 0 20px 0px; font-size:100.01%; color:#666;}
img, form {border:0; margin:0;}
p {padding:0; margin:12px 0 15px 0;}
p.first {margin-top:9px;}
a {text-decoration:underline; color:#333333; cursor:hand; c\ursor:pointer;}
a:hover {text-decoration:underline; color:#FF6600;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-size:100.01%;}
select {font-size:100.01%; border:solid 1px #696867; color:#444;}
input[type=text], input[type=checkbox] {font-size:100.01%; border:solid 1px #696867; color:#444;}
* html input {font-size:100.01%; border:solid 1px #696867; color:#444;}
* html input.inputCheckBox {border:none;}
ul, li {margin:0; padding:0;}
ul {list-style:none;}
table {color:#333;font-size:100%; color:#333333;}
td {font-size:100%; color:#333333;}

.arrowLink a{font-weight:bold; display:block; text-decoration:none; margin:5px 0 0 0; padding:0 0 0 12px; background:url(../images/generic/leftNavArrowOrange.gif) left 3px no-repeat;}
.arrowLink a:hover{color:#ff6600;}

.clear {clear:both; height:0;}
* html .clear {display:inline; height:auto;}
.left {float:left;}
.right {float:right;}
.none {clear:none;}

/* CLEARFIX */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

/* HIDDEN TEXT */
span, .hidden, caption {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;}

/* DOUBLE CLICK SPOTLIGHT TAGS (hide from page) */
#tag, #webTrendsBodyTracking {position:absolute; left:0px; top:-500px; width:0px; height:0px; overflow:hidden;}

/* IMAGE REPLACEMENT */
.replace {position:relative; overflow:hidden;}
.replace em, .replace a {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}
* html>body .replace {overflow:visible; font-size:5px;}

/* SONY ERICSSON FOOTER LOGO */
#sonyEricssonLogo {display:block; position:relative; width:148px; height:29px; margin:20px 0 -5px 0; float:right; background:url(../images/generic/sonyEricssonLogo.gif) left bottom no-repeat;}

/* ========= FORM STYLES ========= */

* html #contentArea .check {border:none;}
#contentArea fieldset {clear:left; border:solid 0; padding:5px 0; margin:0;}
#contentArea fieldset label {display:block;}
#contentArea fieldset .checkboxLabel {float:left; display:block; width:350px; padding:0 0 10px 0;}
#contentArea fieldset .checkbox {display:block; width:280px; clear:left; float:left; padding:0; margin:0 10px 2px 0; border:0 none #ffffff;}
#contentArea fieldset .checkboxSml {display:block; height:12px width:12px; clear:left; float:left; padding:0; margin:0 10px 2px 0; border:0 none #ffffff;}
#contentArea fieldset .radio {border:0 none #ffffff;}
#contentArea fieldset input.text {width: 190px;}
#contentArea a.submitButton {display:block; margin: 5px 0 0 0; width:59px; height:20px; background:url(../images/generic/buttonSubmit.gif) left top no-repeat;}
#contentArea a:hover.submitButton {background-position:0 -20px;}
#contentArea .form_error {color:#ff6600; padding:0 0 5px 0; margin:0;}

/*========================================================================
	TERMS
=========================================================================*/

#terms {font-size:11px;}
#termsheader {margin:0; padding:0; width:623px; height:94px; overflow:hidden; background:url(../images/generic/gigsandtoursHeaderTerms.jpg) top left no-repeat;}
#terms h2 {font-size:140%;font-weight:bold;color:#ff5500;padding:20px 0 10px 0;}
#terms h3 {font-size:120%;font-weight:bold;color:#000000;padding:10px 0 0 0;}
#terms ul li {padding:2px 0 2px 20px;list-style-type: disc;list-style-position: inside;}
#terms li {padding:2px 0 2px 0;}
#terms p {padding:5px 0 5px 0;margin:0;}

.termsLink {display:block; position:relative; height:19px; margin:10px 0 -5px 0; float:right;}

/*========================================================================
	CONTAINERS
=========================================================================*/

/* MAIN CONTAINER */
/* generic background main container */
#mainContainer {width:758px;margin-left:21px;font-size:70%;text-align:left;}

/* CONTENT CONTAINERS
this container wraps around the content only - ignoring the promo area */
#contentContainer {float:left; width:762px; padding:2px 0 0 0;}
#contentContainer:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

/* CONTENT AREA */
#contentArea {display:block;width:623px;padding:0 0 1px 0; margin:0px; overflow:hidden;}

/* HOMEPAGE */
#home #header {margin:0; padding:0; width:623px; height:125px; overflow:hidden; background:url(../images/generic/gigsandtoursHeader.jpg) top left no-repeat;}

#home #drawer {color:#fff;background:url(../images/generic/gigsandtoursDrawerBg.jpg) top left no-repeat;}
#home #drawer #wrapper {margin:0; padding:0; width:623px; height:315px; overflow:hidden;background:url(../images/generic/gigsandtoursDrawerBg.jpg) top left no-repeat;}

#home #drawer #mobile {display:block; width:600px; margin:20px 10px 0 10px; height:131px; background:url(../images/generic/drawerHDivider.gif) bottom left no-repeat;}

#home #drawer #mobile h1 {display:block; clear:both;margin:0;padding:0;}
#home #drawer #mobile #close a {text-decoration:none; float:right; display:block; width:46; height:13px; padding:0 20px 0 30px; background:url(../images/generic/drawerClose.gif) 0 0 no-repeat;}
#home #drawer #mobile #close a:hover {background:url(../images/generic/drawerClose_.gif) 0 0 no-repeat;}
#home #drawer #mobile .signin{display:block; float:left; overflow:hidden; width:200px; height:120px; margin:0;}
#home #drawer #mobile .signin a{display:block; width:139px; height:32px; margin:0; padding:0; background:url(../images/generic/drawerSignin.gif) top left no-repeat;}
#home #drawer #mobile .signin p {margin:0;padding:10px 10px 10px 0; line-height:14px;}
#home #drawer #mobile .signup{display:block; float:left; overflow:hidden; width:200px; height:120px; margin:0; background:url(../images/generic/drawerVDivider.gif) 0 5px no-repeat;}
#home #drawer #mobile .signup a{display:block; width:139px; height:32px; margin:0 0 0 12px; padding:0; background:url(../images/generic/drawerSignup.gif) top left no-repeat;}
#home #drawer #mobile .signup p {margin:0;padding:10px 0 10px 12px; line-height:14px;}
#homeDisabled #drawer #mobile .image{display:block; float:left; overflow:hidden; width:100px; height:120px; margin:0; background:url(../images/generic/drawerImage1.jpg) 0 -5px no-repeat;}

#home #drawer #broadband {display:block; width:600px; margin:20px 10px 5px 10px; height:150px;}
#home #drawer #broadband h1 {margin:0;padding:0;}
#home #drawer #broadband .signin{display:block; float:left; overflow:hidden; width:200px; height:130px; margin:0;}
#home #drawer #broadband .signin a{display:block; width:139px; height:32px; margin:0; padding:0; background:url(../images/generic/drawerSignin.gif) top left no-repeat;}
#home #drawer #broadband .signin p {margin:0;padding:10px 10px 10px 0; line-height:14px;}
#home #drawer #broadband .signup{display:block; float:left; overflow:hidden; width:200px; height:130px; margin:0;background:url(../images/generic/drawerVDivider2.gif) 0 8px no-repeat;}
#home #drawer #broadband .signup a{display:block; width:139px; height:32px; margin:0 0 0 12px; padding:0; background:url(../images/generic/drawerSignup.gif) top left no-repeat;}
#home #drawer #broadband .signup p {margin:0;padding:10px 0 10px 12px; line-height:14px;}
#homeDisabled #drawer #broadband .image{display:block; float:left; overflow:hidden; width:200px; height:130px; margin:0; background:url(../images/generic/drawerImage2.jpg) top left no-repeat;}

#home #main {float:left; margin:0; padding:0 0 10px 0; position:relative; width:623px; height:279px; overflow:hidden;}
#home #main h1{float:left; display:block; position:absolute; left:0; top:0; width:623px; height:279px; margin:0; padding:0; background:url(../images/generic/gigsandtoursGetStarted.jpg) top left no-repeat;}
#home #main a{position:absolute; left:195px; top:215px; width:235px; height:41px; margin:0; padding:0; background:url(../images/generic/gigsandtoursGetStartedBtn.gif) top left no-repeat;}


/*========================================================================
	NAVIGATION, CONTAINERS AND RIGHT HAND PROMOS
=========================================================================*/

/* LEFT NAVIGATION */
#leftNavigation {float:left; width:136px; height:100%;}
#leftNavigation ul {padding:0 0 1px 0; background:url(../images/generic/leftNavBgLine.gif) left bottom no-repeat;}
#leftNavigation li {padding:0; display:inline;}
#leftNavigation li span {display:block; position:static; width:128px; height:21px; background:url(../images/generic/leftNavBgOut.gif) left bottom no-repeat;}
* html>body #leftNavigation li span {width:128px !important; float:left;}
#leftNavigation li.selected span {background:url(../images/generic/leftNavBgOver.gif) left bottom no-repeat;}
#leftNavigation li.selected a {color:#000; font-weight:bold;}
#leftNavigation li a {padding:5px 0 0 10px; color:#444; display:block; float:left; fl\oat:none; text-decoration:none; background:url(/images/generic/leftNavArrowOrange.gif) left top no-repeat;}
#leftNavigation li.top span {background:url(../images/generic/leftNavBgTop.gif) left bottom no-repeat;}
#leftNavigation li a:hover {color:#FF6600;}

#leftNavigation ul.sub {padding:0 0 0 0;}
#leftNavigation ul.sub li {padding:0; display:inline; font-weight:normal;}
#leftNavigation ul.sub li.selected span a {color:#000; font-weight:bold;}
#leftNavigation ul.sub li span {display:block; position:static; width:124px; height:21px; padding:0 0 0 4px; background:#F7F7F7;}
#leftNavigation ul.sub li span a {padding:5px 0 0 10px; color:#222; display:block; float:left; fl\oat:none; text-decoration:none; background:url(../images/generic/leftNavSub.gif) 2px 9px no-repeat;}

/*========================================================================
	GENERIC SPOTLIGHTS/ PROMO'S
=========================================================================*/

#promo1,
#promo2,
#promo3 {float:left; margin:0; margin:0 0 10px 0; padding:0; position:relative; width:201px; height:135px; overflow:hidden;}

#promo1, #promo2 {margin-right:10px;}
#promo2 {width:200px}

#promo1 a, #promo2 a, #promo3 a{display:block: width:200px; height: 172px; position:absolute; color:#ffffff; font-weight:normal; font-size:110%; line-height:1.3em; text-decoration:none; left:8px; top:0; z-index:2; padding:95px 0 0 18px; background:url(../images/generic/leftNavArrowOrangeLargeBlk.gif) left 97px no-repeat;}
#promo1 a:hover, #promo2 a:hover, #promo3 a:hover{color:#ff6600;}

#promo1 h1{float:left; display:block; position:absolute; left:0; top:0; z-index:1; width:201px; height:133px; margin:0; padding:0; background:url(../images/generic/gigsandtoursPromo1.jpg) top left no-repeat;}

/* middle promo 200px wide */
#promo2 h1{float:left; display:block; position:absolute; left:0; top:0; z-index:1; width:200px; height:133px; margin:0; padding:0; background:url(../images/generic/gigsandtoursPromo2.jpg) top left no-repeat;}

#promo3 h1{float:left; display:block; position:absolute; left:0; top:0; z-index:1; width:201px; height:133px; margin:0; padding:0; background:url(../images/generic/gigsandtoursPromo3.jpg) top left no-repeat;}

/*========================================================================
	WIN TICKETS
=========================================================================*/

#wintickets #promos { float: left; width: 202px; padding-top: 10px; }

#winticket { float: left; }
#wintickets #header {margin:0; padding:0; width:623px; height:110px; overflow:hidden; background:url(../images/generic/gigsandtoursHeaderWinTickets.jpg) top left no-repeat; }
#wintickets #main { float:left; position:relative; width:623px; overflow:hidden; }
#wintickets #main h1 { background: url(../images/generic/gigsandtoursH1WinTickets.png) no-repeat; height: 73px; width: 100%; }
#wintickets #main h1 span { display: none; }
#wintickets #content { float: left; margin:0; padding:10px 10px 0 130px; background: url(../images/generic/gigsandtoursWinTicketsTickets.png) no-repeat; position:relative; width:280px; overflow:hidden; }
#wintickets #content p { font-size:95%; margin: 0; padding: 5px 0 5px 0; line-height:12px; }
#wintickets #content p a { color:#ff6600; }
html>body #wintickets #content p { font-size: 95%; margin: 0; padding: 5px 0 5px 0; }