@charset "utf-8";

/* ---------- General CSS  ---------- */
body { font: 100% "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #F0EBEE; margin: 0; padding: 0; text-align: center; color: #333333; }
form { padding: 0; margin: 0; }
form fieldset { margin: 0px; padding: 0px; border: none; }
div, form fieldset { overflow: hidden; _height: 100%; }
a img { border: none; }
h2, h3, h4, h5, h6, h7 { padding: 0; margin: 0; font-weight: normal; }
p { padding: 0; margin: 0; }



/* ---------- CSS for the header ---------- */
#header { margin: 0px 20px 0px 20px; border-bottom: dashed 1px #C5548F; }
  #header #headerOne { padding: 9px 0; }
    #header #headerOne #logo { float: left; margin: 0; width: 260px; height: 125px;	text-indent: -9999px; overflow: hidden; background: url(../images/site_logo.gif) no-repeat 0 0; }
      #header #headerOne #logo h1 { padding: 0px; height: 0px; text-indent: -9999px; }
    #header #headerOne #headerDesc { float: right; width: 600px; position: relative; padding-top: 0; }
	  #header #headerOne #headerDesc #headerSpacer { height: 38px; padding-top: 7px; }
	    #header #headerOne #headerDesc #headerSpacer a { background: url(../images/header_link_register.gif) no-repeat 0 0; overflow: hidden; text-indent: -9999px; display: block; height: 23px; width: 581px; }
      #header #headerOne #headerDesc p { font-size: 15px; letter-spacing: -1px; line-height: 18px; color: #7F7F7F; font-weight: bold; margin: 0; padding: 0; }
  #header #menu { margin: 18px 0px 25px 34px; padding: 0px 0px 0px 0px; clear: both; }
	#header #menu #lastItem { /* takes off the right margin from the last menu's column */	margin-right: 0px; }
    #header #menu ul { margin: 0;  padding: 0;  list-style: none; }
	#header #menu ul li { float: left; list-style-type: none; white-space: nowrap; padding: 0; margin: 0 66px 0 0; }
      #header #menu ul li ul { margin-left: 0px; }
        #header #menu ul li ul li { float: none; list-style-type: none; line-height: 17px; white-space: nowrap; padding: 0; margin: 0; }
          #header #menu ul li ul li a { text-transform: none; font-size: 11px; text-decoration: none; font-weight: normal; color: #7F7F7F; }
          #header #menu ul li ul li a:hover { color: #C5548F; }
    #header #menu .active { color: #C5548F; }
    #header #menu .mmItem { display: block; background-image: url(../images/nav/home_over.png); background-repeat: no-repeat; height: 11px; font-size: 1px; /* for ie6 */ margin-bottom: 3px; text-indent: -99999px; overflow: hidden; }
    #header #menu #menuHome { background-position: 0px 0px; width: 42px; }
      #header #menu #menuHome:hover { background-position: 0px -11px; }
    #header #menu #menuExibition { background-position: -43px 0px; width: 134px; }
      #header #menu #menuExibition:hover { background-position: -43px -11px; }
    #header #menu #menuSearch { background-position: -182px 0px; width: 50px; }
      #header #menu #menuSearch:hover { background-position: -182px -11px; }
    #header #menu #menuNews { background-position: -236px 0px; width: 36px; }
      #header #menu #menuNews:hover { background-position: -236px -11px; }
    #header #menu #menuBag  { background-position: -277px 0px; width: 97px; }
      #header #menu #menuBag:hover { background-position: -277px -11px; }
    #header #menu #menuContact { background-position: -378px 0px; width: 81px; }
      #header #menu #menuContact:hover { background-position: -378px -11px; }
    #header #menu #menuFun { background-position: -459px 0px; width: 114px; }
      #header #menu #menuFun:hover { background-position: -459px -11px; }
  #header hr { display: none; }
  

#topBag { display: inline-block; overflow: hidden; height: 15px; width: auto; float: right; color: #7F7F7F; font-size: 12px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration: underline; white-space: normal; margin: 0 20px 4px 0; line-height: 15px; text-decoration: none; }
  #topBag span { background: url(/includes/templates/gno/images/nav/home_over.png) -277px 0 no-repeat; display: block; overflow: hidden; text-indent: -9999px; height: 11px; width: 97px; float: left; margin: 3px 4px 0 0; line-height: 11px; }
#topBag:hover{ text-decoration: underline; }
  #topBag:hover span { background-position: -277px -11px; }

/* Alt menu */

.menu-1 #menu #menuHome { background-position: 0px -11px !important; }
.menu-2 #menu #menuExibition { background-position: -43px -11px !important; }
.menu-3 #menu #menuSearch { background-position: -182px -11px !important; }
.menu-5 #menu #menuBag { background-position: -277px -11px !important; }
.menu-5 #menu #menuFun { background-position: -459px -11px !important; }
.menu-6 #menu #menuContact { background-position: -378px -11px !important; }

.menu-1-1 #menu #homeArrivals,
.menu-1-2 #menu #homeEvent,
.menu-1-3 #menu #homeLogin,
.menu-2-1 #menu #exhibitionsShowing,
.menu-2-2 #menu #exhibitionsCalendar,
.menu-2-3 #menu #exhibitionsPast,
.menu-2-4 #menu #exhibitionsNext,
.menu-3-1 #menu #searchArtist,
.menu-3-2 #menu #searchMusician,
.menu-3-3 #menu #searchRequest,
.menu-5-1 #menu #shoppingItems,
.menu-6-1 #menu #contactDetails,
.menu-6-2 #menu #contactLocation,
.menu-6-3 #menu #contactHours
{ color: #C5548F; }



/* ---------- CSS for all pages ---------- */
#container { width: 984px; background: #FFFFFF; margin: 0 auto; text-align: left; }
#mainContent { background: #FFFFFF;	margin: 12px 20px 0px 20px; clear: both; }
  #mainContent div.left { float: left; width: 462px; }
  #mainContent div.right { float: right; width: 462px; }
  #mainContent div.pinkBar { background: url(../images/pink_bars.gif) #FF99CC no-repeat 0 0; height: 23px; }
    #mainContent div.pinkBar h3 { text-indent: -9999px; float: left; }
    #mainContent div.pinkBar a { float: right; color: #333333; font-size: 12px; text-decoration: none; background: url(../images/title_arrow.gif) no-repeat right -1px; padding-right: 24px; line-height: 22px; margin-top: 1px; }
      #mainContent div.pinkBar a:hover { text-decoration: underline; }
  #mainContent a.more { color: #C5548F; font-weight: bold; font-size: 11px; vertical-align: top; line-height: 15px; padding-right: 12px; background: url(../images/more_arrow.gif) no-repeat right; text-decoration: none; }
    #mainContent a.more:hover { text-decoration: underline; }
    #mainContent p.date { color: #C5548F; font-size: 12px; font-weight: bold; line-height: 150%; margin-bottom: 3px !important; }
    #mainContent h4 { font-weight: bold; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 140%; }
    #mainContent div.divcontent { padding: 12px 8px; }
      #mainContent div.divcontent p { font-size: 11px; line-height: 120%; margin: 0 0 12px 0; }
	    #mainContent div.divcontent p a { color: #C5548F; text-decoration: none; }
		  #mainContent div.divcontent p a:hover { text-decoration: underline; }
        #mainContent div.divcontent p span.subtitle { font-weight: bold; }



/* Titlebar */
#titleBar { margin: 0 0 7px 0; }
  #titleBar h2 { float: left; margin: 0; padding: 0; display: block; height: 20px; width: 320px; background: url(../images/titles.gif) no-repeat; text-indent: -9999px; line-height: 1px; }
  #titleBar h3 { float: right; font-size: 15px; color: #7F7F7F; padding: 0px; margin: 0 10px; }
    #titleBar h3 a { color: #7F7F7F; text-decoration: none; }
      #titleBar h3 a:hover, #titleBar h3 a.active { color: #C5548F; }
.hrpink { /* this class is also used in other parts of the page */ clear: both; background-color: #FF99CC; height: 9px; margin-top: 6px; text-align: center; font-size: 1px;   /* for small div sizes bug in ie6 */ line-height: 1px; /* for small div sizes bug in ie6 */; margin-bottom: 7px; }
h2#tLatestArrivals { background-position: 0 0;}
h2#tLatestEvent { background-position: 0 -20px;}
h2#tLogin { background-position: 0 -40px;}
h2#tCalendar { background-position: 0 -60px;}
h2#tNextEvent { background-position: 0 -80px;}
h2#tPast { background-position: 0 -100px;}
h2#tShowing { background-position: 0 -120px;}
h2#tSearch { background-position: 0 -140px;}
h2#tRequest { background-position: 0 -160px;}
h2#tShoppingCart { background-position: 0 -180px;}
h2#tAccount{ color: #ff99cc; background:none; text-indent:0px; margin-top: 10px; margin-left: 10px; font-weight:bold; font-size:18px; text-transform:uppercase; margin-bottom:-8px;}



/* Photo Buy */
#mainContent #photoBuy { background-color: #FBC0DF;	padding: 10px; clear: left; }
  #mainContent #photoBuy h5 { margin: 0 0 8px 0; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #C5548F; }
  #mainContent #photoBuy p, #mainContent #photoBuy label { margin: 0 0 8px 0; font-size: 12px; line-height: 150%; }
  x#mainContent #photoBuy a { background: url(../images/btn_buynow.gif) no-repeat 0 0; display: block; text-indent: -9999px; overflow: hidden; width: 67px; height: 19px; }
  #mainContent #photoBuy form { }
    #mainContent #photoBuy form label { display: block; margin-bottom: 0px; }
    #mainContent #photoBuy form select { font-size: 10px; margin-bottom: 6px; }
  
  
  
/* Thumbnail Bar CSS */
#mainContent #thumbNav div.tophrnav { background-image: url(../images/arrow_up.gif); background-position: center; background-repeat: no-repeat; cursor: pointer; margin-bottom: 10px; margin-top: 0; height: 12px; }
#mainContent #thumbNav div.bottomhrnav { background-image: url(../images/arrow_down.gif); background-position: center; background-repeat: no-repeat; cursor: pointer; margin-top: 0; height: 12px; }
#mainContent #thumbNav #thbContent { height: 462px !important; overflow: hidden; z-index:100; }
#mainContent #thumbNav .thbBar { margin-bottom: 12px; background-color: #D88DB5; width: 104px; height: 104px; padding: 0px; }
  #mainContent #thumbNav .thbBar img { border: none; margin: 0; width: 104px; height: 104px; }
  #mainContent #thumbNav .thbBar a:hover img { filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#mainContent #thumbNav .thbActive img { filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#mainContent #thumbNav .thbBarL { clear: both; float: left; }
#mainContent #thumbNav .thbBarR { float: left; margin-left: 12px; }
#mainContent #thumbNav .bgPink { background-color: #C5548F; }
#mainContent #thumbNav #hold { position: relative; overflow: hidden; width: 220px; height: 462px; z-index: 100; }
#mainContent #thumbNav #wn	{  position:absolute; left:0px; top:0px; width: 220px; height:462px; clip:rect(0px, 220px, 462px, 0px); overflow:hidden; z-index:1; }
#mainContent #thumbNav #lyr1 { position:absolute; left:0px; top:0px; z-index:1; height: auto !important; }



/* Footer */
#footer { padding: 0 00px; border-top: dashed 1px #C5548F; margin: 10px 20px 0 20px; clear: both; }
  #footer hr { display: none; }
  #footer p { font-size: 11px; color: #333333; margin: 15px 0; }
    #footer p a { color: #333333; text-decoration: none; margin: 0; }
	  #footer p a:hover { color: #333333; text-decoration: underline; }



/* PAGE: home -------------------------------------- */
#indexHomeBody #mainContent #pbLatestArrivals { background-position: 0 0; }
#indexHomeBody #mainContent #pbLatestNews { background-position: 0 -23px; }
#indexHomeBody #mainContent #pbLatestEvents { background-position: 0 -92px; }
#indexHomeBody #mainContent #pbRegister { background-position: 0 -46px; }
#indexHomeBody #mainContent #pbWeLove { background-position: 0 -69px; }
#indexHomeBody #mainContent #splitdiv div.left, #indexHomeBody #mainContent #splitdiv div.right { width: 221px; }
#indexHomeBody #mainContent div.boxbg { padding: 16px; margin: 0 3px 0 3px;}
  #indexHomeBody #mainContent div.boxbg #photoLatest { width: 420px; height: auto; }
    #indexHomeBody #mainContent div.boxbg #photoLatest img { max-width: 420px; _width: 420px;  }
#indexHomeBody #mainContent div.imgBlog { display: table; width: 1px; }
  #indexHomeBody #mainContent div.imgBlog img { max-width: 420px; }
#indexHomeBody #mainContent #thubnails a.linkThumbnail { float: left; display: block; margin: 5px 5px 5px 0; border: 0; width: 104px; height: 104px; background: #D88DB5; _margin-right: 3px; /* ie6 */ }
  #indexHomeBody #mainContent #thubnails a img { width: 104px; height: 104px; }
#indexHomeBody #mainContent #welove { margin: 13px 0; }
#indexHomeBody #mainContent #registerContent { padding: 10px 12px; }
  #indexHomeBody #mainContent #registerContent p { line-height: 128%; }
  #indexHomeBody #mainContent #registerContent #btnRegister { background-position: 0 0; float: right; margin-top: -9px; }
#indexHomeBody #mainContent #formLogin { border-top: dashed 1px #C5548F; padding: 10px 12px; }
  #indexHomeBody #mainContent #formLogin form label { font-size: 12px; line-height: 140%; margin: 0; padding: 0; }
  #indexHomeBody #mainContent #formLogin form input { width: 190px; height: 15px; padding: 2px; margin: 0; border: solid 1px #E2A9C7; }
  #indexHomeBody #mainContent #formLogin form #btnLogin { background-position: 0 -19px; float: right; margin-top: 10px; }
  #indexHomeBody #mainContent #formLogin form #regBtn { float: right; margin-top: 8px; height: auto; width: auto; border: none; }
  
/* WE LOVE / last.fm box */
#welove #wlBox { width: 221px; }
  #welove #wlBox h4 { background: url(../images/lastfm/top.jpg) 0 0 no-repeat; width: 221px; height: 19px; text-indent: -9999px; }
  #welove #wlBox a.footer { background: url(../images/lastfm/footer.jpg) 0 0 no-repeat; width: 221px; height: 18px; text-indent: -9999px; overflow: hidden; display: block; }
  #welove #wlBox ul { list-style: none; padding: 0; margin: 0; }
    #welove #wlBox ul li { overflow: hidden; }
	  #welove #wlBox ul li a { background-color: #FF99CC; display: block; border-top: solid 1px #DC6FA7; color: #FFECF6; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 120%; padding: 4px 0 3px 12px; overflow: hidden; _height:100%; }
	    #welove #wlBox ul li a:hover { background-color: #FFBBDD; }
		#welove #wlBox ul li a .track { width: 121px; display: block; float: left; overflow: hidden; cursor: pointer; white-space: nowrap; }
		#welove #wlBox ul li a .when { width: 78px; display: block; float: left; text-align: right; font-size: 10px; vertical-align: text-bottom; margin-top: 14px; cursor: pointer; white-space: nowrap; }
  #welove #wlBox #albumImage { display: none; position: absolute; top: 10px; left: 40px; width: 50px; height: 50px; }
    #welove #wlBox #albumImage img { width: 50px; height: 50px; }
  


/* PAGE: latest_arrivals -------------------------------------- */
body.pgLatestNews #mainContent div.nopadtop { padding-top: 0; }
body.pgLatestNews #mainContent div.left, body.pgLatestNews #mainContent div.right { width: 450px; }



/* PAGE: exhibitions -------------------------------------- */
#productinfoBody #mainContent div.left { width: 705px; }
  #productinfoBody #mainContent div.left #imageDesc { padding: 10px 0 10px 0; }
    #productinfoBody #mainContent div.left #imageDesc div.left { width: 440px; padding: 0; }
      #productinfoBody #mainContent div.left #imageDesc div.left h4 { color: #C5548F; text-transform: uppercase; margin-bottom: 12px; }
      #productinfoBody  #mainContent div.left #imageDesc div.left p.date { color: #666666; margin-bottom: 12px !important; }
#productinfoBody #mainContent div.right { width: 221px; }
#productinfoBody #mainContent span.subtitle { color: #666666; font-weight: bold; }
#productinfoBody #mainContent #bio { }
  #productinfoBody #mainContent #bio h4 { color: #C5548F; text-transform: uppercase; margin-bottom: 12px; }
  #productinfoBody #mainContent #bio img { margin: 0 0 12px 0; }
  #productinfoBody #mainContent #bio p { font-size: 11px; margin-bottom: 12px; line-height: 130% !important; }
#productinfoBody #mainContent #info { }
  #productinfoBody #mainContent #info h4 { color: #C5548F; text-transform: uppercase; margin-bottom: 12px; }
  #productinfoBody #mainContent #info span.subtitle { text-transform: uppercase; }
  #productinfoBody #mainContent #info p { font-size: 11px; margin-bottom: 12px; line-height: 130% !important; }
#productinfoBody #mainContent #pbBlank { background-image: none; }
/* layout tall for exhibitions  */
#productinfoBody #mainContent div.tall #pbLatestArrivals { background-position: 0 0; }
#productinfoBody #mainContent div.tall #splitdiv div.left, #productinfoBody #mainContent div.tall #splitdiv div.right { width: 221px; }
#productinfoBody #mainContent div.tall #imageDesc { }
  #productinfoBody #mainContent div.tall #imageDesc h4 { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #C5548F; line-height: 150%; }
  #productinfoBody #mainContent div.tall #imageDesc p, #productinfoBody #mainContent div.tall #imageDesc h4 { margin-bottom: 18px; }
  #productinfoBody #mainContent div.tall #imageDesc p { font-size: 11px; line-height: 125%; }
#productinfoBody #mainContent div.tall div.left { width: 466px; }
#productinfoBody #mainContent div.tall div.right { width: 460px; }
/* layout with calendar  */
#productinfoBody #mainContent div.calendarLayout #pbLastMonth { background-position: 0 -368px; }
#productinfoBody #mainContent div.calendarLayout #photoArea { width: 702px; }
  #productinfoBody #mainContent div.calendarLayout #photoArea #imageTitle {  }
    #productinfoBody #mainContent div.calendarLayout #photoArea #imageTitle p.date { font-size: 12px; line-height: 117%; margin: 0;  }
    #productinfoBody #mainContent div.calendarLayout #photoArea #imageTitle h4 { font-size: 13px; line-height: 140%; margin: 0;  }
  #productinfoBody #mainContent div.calendarLayout #photoArea #imageDesc {  }
    #productinfoBody #mainContent div.calendarLayout #photoArea #imageDesc h4 { font-size: 12px; color: #C5548F; margin-bottom: 12px; }
    #productinfoBody #mainContent div.calendarLayout #photoArea #imageDesc p { font-size: 11px; }
  #productinfoBody #mainContent div.calendarLayout #photoArea div.left { width: 462px; }
    #productinfoBody #mainContent div.calendarLayout #photoArea div.left img { max-width: 462px; }
  #productinfoBody #mainContent div.calendarLayout #photoArea div.right { width: 220px; }
    #productinfoBody #mainContent div.calendarLayout #photoArea div.right #wn { height: 276px !important; clip:rect(0px, 220px, 276px, 0px) !important; }
    #productinfoBody #mainContent div.calendarLayout #photoArea div.right #hold { height: 276px !important; }
	#productinfoBody #mainContent div.calendarLayout #photoArea div.right #thbContent { height: 276px !important; }
	#productinfoBody #mainContent div.calendarLayout #photoArea div.right #photoBuy { width: 210px; margin-top: 14px; }
#productinfoBody #mainContent div.calendarLayout #calendarColumn { width: 221px; }




/* PAGE: Exhibition -------------------------------------- */
#exhibitionsBody #mainContent #pbCurrShowing { background-position: 0 -115px; }
#exhibitionsBody #mainContent #pbNextEvent { background-position: 0 -184px; }
#exhibitionsBody #mainContent div.lessheadpad p.date { margin-bottom: 0; }
#exhibitionsBody #mainContent div.boxbg { padding: 20px; text-align: center; }
#exhibitionsBody #mainContent #splitdiv div.left, #exhibitionsBody #mainContent #splitdiv div.right { width: 221px; }
#exhibitionsBody #mainContent div.pinkText { }
  #exhibitionsBody #mainContent div.pinkText p { color: #C5548F; font-weight: bold; line-height: 130%; }
  #exhibitionsBody #mainContent div.pinkText select { width: 100%; }
  #exhibitionsBody #mainContent div.pinkText #btnRegister { background-position: 0 0; float: right; }
#exhibitionsBody #mainContent #miniNextImg { background-position: center; display: block; width: 221px; height: 210px; }
#exhibitionsBody #mainContent #imgCurrently { background-position: center; display: block; width: 419px; }
  #exhibitionsBody #mainContent #imgCurrently img { max-width: 419px; _width: 419px; }




/* PAGE: Latest Event -------------------------------------- */
#latesteventBody #mainContent #pbPastEx { margin-top: 14px; background-position: 0 -161px; }
#latesteventBody #mainContent div.lessheadpad { padding-top: 0; }
  #latesteventBody #mainContent div.lessheadpad p.date { margin-bottom: 0; }
    #latesteventBody #mainContent div.lessheadpad p span.subtitle { font-weight: bold; }
  #latesteventBody #mainContent div.lessheadpad h4 { margin-bottom: 8px; }
#latesteventBody #mainContent div.boxbg { padding: 20px 0; }
#latesteventBody #mainContent div.left { width: 240px; }
#latesteventBody #mainContent div.right { width: 704px; }
#latesteventBody #mainContent #splitdiv div.right { width: 221px; }
#latesteventBody #mainContent #splitdiv div.left { width: 463px; height: 470px; background-repeat: no-repeat; background-position: center; }
#latesteventBody #mainContent div.dotted { border-top: dashed 1px #C5548F; }
#latesteventBody #mainContent ul.exlist { padding: 0; margin: 0; }
  #latesteventBody #mainContent ul.exlist li { float: left; list-style: none; }
    #latesteventBody #mainContent ul.exlist li img { width: 105px; height: 105px; margin: 0; padding: 0; margin: 0 0 10px 10px; }
      #latesteventBody #mainContent ul.exlist li img.nomargin { margin-left: 0 !important; }


/* PAGE: Login -------------------------------------- */
#loginBody #mainContent h4 { color: #C5548F; line-height: 160%; padding: 0; margin: 0; font-size: 13px; }
#loginBody #mainContent div.divcontent p { margin-bottom: 0px !important; }
#loginBody #mainContent p { font-size: 12px; line-height: 130%; }
#loginBody #mainContent #pbRegisterHere { background-position: 0 -207px; }
#loginBody #mainContent #pbPleaseLogin { background-position: 0 -230px; }
#loginBody #mainContent input.submit { float: right; margin-top: 10px; }
#loginBody #mainContent #new { width: 703px; }
  #loginBody #mainContent #new hr { padding: 0; margin: 10px 0; width: 100%; border: none 0; border-top: 1px dashed #FF99CC; height: 1px; }
  #loginBody #mainContent #new #notes { height: 30px; padding-top: 10px; }
  #loginBody #mainContent #new p.noteLeft { float: left; }
  #loginBody #mainContent #new p.noteRight { float: right; }
  #loginBody #mainContent #new fieldset { width: 400px; clear: both; padding-left: 12px; }
    #loginBody #mainContent #new fieldset legend { font-size: 13px; font-weight: bold; line-height: 108%; margin: 0px; padding: 0px; *margin-left: -6px; }
    #loginBody #mainContent #new fieldset label { float: left; clear: left; display: block; width: 82px; font-size: 12px; line-height: 32px; margin: 0; }
    #loginBody #mainContent #new fieldset input, #loginBody #mainContent #new fieldset select { width: 184px; height: 18px; padding: 1px; margin: 5px 0; border: solid 1px #FF99CC; }
    #loginBody #mainContent #new fieldset select { /* fix select width */ width: 188px; }
    #loginBody #mainContent #new fieldset sup { margin-left: 5px; }
    #loginBody #mainContent #new fieldset span.chk { display: block; width: 300px; float: left; }
      #loginBody #mainContent #new fieldset span.chk label { float: none; width: auto; }
        #loginBody #mainContent #new fieldset span.chk label input { width: auto; height: auto; border: none; }
#loginBody #mainContent #returning { width: 225px; }
  #loginBody #mainContent #returning fieldset { padding-top: 10px; }
    #loginBody #mainContent #returning fieldset label { display: block; font-size: 12px; line-height: 150%; }
    #loginBody #mainContent #returning fieldset input { display: block; width: 217px; height: 19px; padding: 1px; border: solid 1px #FF99CC; margin-bottom: 5px; }
  #loginBody #mainContent p.forgot { clear: both; width: 100%; font-size: 11px; float: right; text-align: right; padding: 10px 0; border-bottom: dashed 1px #FF99CC; }
    #loginBody #mainContent p.forgot a { color: #FF99CC; text-decoration: none; }
      #loginBody #mainContent p.forgot a:hover { text-decoration: underline; }



/* PAGE: Contact -------------------------------------- */
#contactusBody #mainContent #pbContactUs { background-position: 0 -506px; }
#contactusBody #mainContent #pbLocation { background-position: 0 -276px; }
#contactusBody #mainContent #pbOpeningHours { background-position: 0 -299px; }
#contactusBody #mainContent #contact { width: 462px; }
  #contactusBody #mainContent #contact #flashvideoBase { padding-top: 10px; padding-bottom: 30px; }
  #contactusBody #mainContent #contact div.left { width: 210px; }
  #contactusBody #mainContent #contact div.right { width: 210px; padding-top: 14px; }
  #contactusBody #mainContent #contact div.right #latest { overflow: hidden; text-indent: -9999px; background: url(../images/buttons/view_latest_arrivals.gif) 0 0 no-repeat; display: block; width: 148px; height: 17px; float:right; }
    #contactusBody #mainContent #contact div.right ul { margin: 0; padding: 0; list-style: none; }
    #contactusBody #mainContent #contact div.right li { display: inline; }
    #contactusBody #mainContent #contact div.right img { width: 100px; height: 100px; margin: 0 5px 5px 0; }
      #contactusBody #mainContent #contact div.right img.nomargin { margin-right: 0;}
  #contactusBody #mainContent #contact h4 { margin-bottom: 10px;  }
  #contactusBody #mainContent #contact p { font-size: 12px; line-height: 117%; }
    #contactusBody #mainContent #contact a { text-decoration: none; color: #CC6699; }
      #contactusBody #mainContent #contact a:hover { text-decoration: underline; }
#contactusBody #mainContent #splitdiv { width: 462px; }
  #contactusBody #mainContent #splitdiv div.left { width: 222px; }
    #contactusBody #mainContent #splitdiv div.left img { margin-top: 14px; }
  #contactusBody #mainContent #splitdiv div.right { width: 222px; }
  #contactusBody #mainContent #splitdiv div.right  div.pinkText { margin-top: 0 !important; }
    #contactusBody #mainContent #splitdiv div.right  div.pinkText p { color: #C5548F; font-weight: bold; line-height: 130%; }
    #contactusBody #mainContent #splitdiv div.right  div.pinkText #btnRegister { background-position: 0 0; float: right; }



/* PAGE: calendar -------------------------------------- */
#calendarBody #mainContent #pbThisMonth { background-position: 0 -322px; }
#calendarBody #mainContent #pbLastMonth { background-position: 0 -368px; }
#calendarBody #mainContent div.left { width: 702px; }
  #calendarBody #mainContent div.left p.date { font-size: 12px; line-height: 116%; margin: 0 }
  #calendarBody #mainContent div.left h4 { font-size: 13px; line-height: 140%; margin: 0; }
    #calendarBody #mainContent div.left h4 a { color: #333333; text-decoration: none; }
      #calendarBody #mainContent div.left h4 a:hover { text-decoration: underline; }
  #calendarBody #mainContent div.left p { font-size: 11px; line-height: 165%; margin: 0 0 20px 0;}
    #calendarBody #mainContent div.left p a { color: #333333;}
#calendarBody #mainContent #ccol { width: 221px; }



/* PAGE: past exhibitions -------------------------------------- */
body.pgPastExhibitions #mainContent #pbLastMonth { background-position: 0 -368px; }
body.pgPastExhibitions #mainContent div.left { width: 702px; }
  body.pgPastExhibitions #mainContent div.left p.date { font-size: 12px; line-height: 116%; margin: 0 }
  body.pgPastExhibitions #mainContent div.left h4 { font-size: 13px; line-height: 140%; margin: 0; }
  body.pgPastExhibitions #mainContent div.left p { font-size: 11px; line-height: 165%; margin: 0 0 20px 0;}
body.pgPastExhibitions #mainContent #calendarColumn { width: 221px; }



/* PAGE: next_event -------------------------------------- */
#nexteventBody #mainContent #pbNextWeek { background-position: 0 -345px; }
#nexteventBody #mainContent #week { width: 702px; }
  #nexteventBody #mainContent #week div.left { width: 210px; }
    #nexteventBody #mainContent #week div.left p.date { font-size: 12px; line-height: 116%; margin: 0 }
    #nexteventBody #mainContent #week div.left h4 { font-size: 13px; line-height: 140%; margin: 0; }
    #nexteventBody #mainContent #week div.left p { font-size: 11px; line-height: 165%; margin: 0 0 20px 0;}
  #nexteventBody #mainContent #week div.right { width: 460px; padding-top: 14px; }
    #nexteventBody #mainContent #week div.right ul { padding: 0; margin: 0; }
      #nexteventBody #mainContent #week div.right li { float: left; list-style: none; }
        #nexteventBody #mainContent #week div.right li img { width: 105px; height: 105px; margin: 0; padding: 0; margin: 0 0 10px 10px; }
        #nexteventBody #mainContent #week div.right li img.nomargin { margin-left: 0 !important; }
#nexteventBody #mainContent #ccal { width: 221px; }
#nexteventBody #mainContent #calendarColumn #pbCalendar { background-position: 0 -460px;  }
#nexteventBody #mainContent span.subtitle { font-weight: bold; margin-top: 14px; display: block; }



/* PAGE: search -------------------------------------- */
#searchBody #mainContent #pbArtist { background-position: 0 -391px; }
#searchBody #mainContent #pbMusician { background-position: 0 -414px; }
#searchBody #mainContent #pbRequest { background-position: 0 -437px; }
#searchBody #mainContent #searchLists { width: 702px; }
  #searchBody #mainContent #searchLists div.left { width: 340px; }
  #searchBody #mainContent #searchLists div.right { width: 340px; }
#searchBody #mainContent #request { width: 221px; }
  #searchBody #mainContent #request div.divcontent p { font-size: 11px; line-height: 130%; }
    #searchBody #mainContent #request div.divcontent p a { color: #C5548F; text-decoration: none; font-weight: bold; }
      #searchBody #mainContent #request div.divcontent p a:hover { text-decoration: underline; }



/* PAGE: search by musician -------------------------------------- */
#searchBody #mainContent #searchLists.full { width: 100%; }
#searchBody #mainContent #searchLists #searchLists2 { width: 340px; }
  #searchBody #mainContent #searchLists #searchLists2 div.left { width: 160px; }
  #searchBody #mainContent #searchLists #searchLists2 div.right { width: 160px; }
  #searchBody #mainContent #searchLists #searchLists2 div.more { width: 340px; }
    #searchBody #mainContent #searchLists #searchLists2 div.more div.divcontent { width: 136px; }
#searchBody #mainContent #searchLists #works { width: 574px; }
  #searchBody #mainContent #searchLists #works ul { padding: 0; margin: 0; }
    #searchBody #mainContent #searchLists #works ul li { display: inline; list-style: none; }
	  #searchBody #mainContent #searchLists #works ul li a { width: 104px; height: 104px; margin: 0 12px 12px 0; display: block; float: left; background: center; }
        #searchBody #mainContent #searchLists #works ul li a.nomargin { margin-right: 0; }



/* PAGE: request an image -------------------------------------- */
#searchrequestBody #mainContent #formRequest { width: 575px; }
  #searchrequestBody #mainContent #formRequest p { font-size: 11px; line-height: 130%; }
  #searchrequestBody #mainContent #formRequest h4 { float: left; font-size: 12px; color: #C5548F; line-height: 200%; margin: 0; padding: 0; }
  #searchrequestBody #mainContent #formRequest p.required { float: right; margin-right: 162px; padding-top: 4px; }
  #searchrequestBody #mainContent #formRequest form fieldset { padding-left: 12px; }
    #searchrequestBody #mainContent #formRequest form fieldset legend { font-size: 13px; font-weight: bold; line-height: 108%; margin: 0; padding: 0;  }
    *#searchrequestBody #mainContent #formRequest form fieldset legend { margin-left: -8px; }
    #searchrequestBody #mainContent #formRequest form fieldset label { font-size: 12px; font-weight: normal; line-height: 117%; margin: 0; padding: 0; display: block; }
    #searchrequestBody #mainContent #formRequest form fieldset input, #searchrequestBody #mainContent #formRequest form fieldset textarea { border: solid 1px #FF99CC; padding: 1px; width: 184px; height: 18px; }
	 #searchrequestBody #mainContent #formRequest form fieldset textarea { height: 108px !important; width: 100% !important; }
    #searchrequestBody #mainContent #formRequest form fieldset sup { margin-left: 5px; font-size: 12px; float: left; }
    #searchrequestBody #mainContent #formRequest form fieldset label.beforeTextarea { margin-bottom: 10px; }
  #searchrequestBodyt #mainContent #formRequest form fieldset.formInLine { width: 300px;  }
    #searchrequestBody #mainContent #formRequest form fieldset.formInLine label { float: left; clear: left; width: 80px; line-height: 32px;  }
    #searchrequestBody #mainContent #formRequest form fieldset.formInLine input { float: left; margin: 5px 0;  }
  #searchrequestBody #mainContent #formRequest hr { padding: 0; margin: 12px 0 12px 12px; width: 100%; border: none 0; border-top: 1px dashed #FF99CC; height: 1px; }
  #searchrequestBody #mainContent #formRequest #submitRequest { float: right; margin: 9px 0; }



/* PAGE: Shooping Cart -------------------------------------- */
#shoppingcartBody #mainContent {  }
  #shoppingcartBody #mainContent #cartLeft { width: 702px; float:left; }
  #shoppingcartBody #mainContent h4 { color: #C5548F; font-size: 13px; line-height: 108%; }
  #shoppingcartBody #mainContent table { width: 100%; font-size: 12px; font-weight: bold; line-height: 128%; border-collapse: collapse; margin: 20px 0 0 0; }
    #shoppingcartBody #mainContent table th#c1 { width: 80px;  }
    #shoppingcartBody #mainContent table th#c2 {  }
    #shoppingcartBody #mainContent table th#c3 { width: 64px;  }
    #shoppingcartBody #mainContent table th#c4 { text-align: right; width: 90px; }
	#shoppingcartBody #mainContent table td.c4 { text-align: right; }
    #shoppingcartBody #mainContent table th#c5 { width: 120px; }
    #shoppingcartBody #mainContent table img { width: 100px; height:100px; }
	#shoppingcartBody #mainContent table tr td { vertical-align: top; border-bottom: dashed 1px #FF99CC; padding: 18px 0 18px 0; }
	  #shoppingcartBody #mainContent table tr td.image { text-align: left; width: 110px; }
	  #shoppingcartBody #mainContent table tr td input { border: solid 1px #9297B5; height: 13px; width: 40px; padding: 4px 2px; font-size: 11px; }
	  #shoppingcartBody #mainContent table tr td ul { font-size: 11px; font-style: italic; }
  #shoppingcartBody #mainContent p.subTotal { font-size: 12px; font-weight: bold; line-height: 128%; text-align: right; padding: 18px 120px; }
  #shoppingcartBody #mainContent p.msgStock { font-size: 12px; font-weight: normal; line-height: 128%; padding: 0 0 18px 0; }
  #shoppingcartBody #mainContent #btnSet { padding: 0 0 20px 325px; }
    #shoppingcartBody #mainContent #btnSet a, #shoppingcartBody #mainContent #btnSet input { float: left; margin: 0 10px 0 0; }
      #shoppingcartBody #mainContent #btnSet a.back { background:url(../images/buttons/continue_shopping.gif) 0 0 no-repeat; width: 135px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; }
      #shoppingcartBody #mainContent #btnSet a.checkout { background:url(../images/buttons/checkout.gif) 0 0 no-repeat; width: 72px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; }
/* empty cart */
#shoppingcartBody #mainContent #empty { height: 210px; }
  #shoppingcartBody #mainContent #empty h4 { display: block; text-align: center; margin-top: 78px; }
  #shoppingcartBody #mainContent #empty p { font-size: 11px; margin-top: 20px; text-align: center; }



/* PAGE: Delivery Information -------------------------------------- */
#checkoutshippingBody #mainContent {  }
  #checkoutshippingBody #mainContent h4 { font-size: 13px; color: #C5548F; margin-bottom: 15px; }
  #checkoutshippingBody #mainContent hr { padding: 0; margin: 14px 0; width: 100%; border: none 0; border-top: 1px dashed #FF99CC; height: 1px; }
  #checkoutshippingBody #mainContent #lSide { width: 702px; }
  #checkoutshippingBody #mainContent div.line {  }
    #checkoutshippingBody #mainContent div.line p { font-size: 12px; line-height: 150%;  }
    #checkoutshippingBody #mainContent div.line div.left { width: 440px; }
      #checkoutshippingBody #mainContent div.line div.left a { display: block; background:url(../images/buttons/change_address.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; width: 113px; height: 20px; }
    #checkoutshippingBody #mainContent div.line div.right { width: 228px; }
  #checkoutshippingBody #mainContent #btnSet {  }
    #checkoutshippingBody #mainContent #btnSet a.back { background:url(../images/buttons/back.gif) 0 0 no-repeat; width: 42px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; float: left; }
	#checkoutshippingBody #mainContent #btnSet input { float: right; margin-right: 100px; }
  #checkoutshippingBody #mainContent table { border-collapse: collapse; font-size: 12px; width: 550px; }
    #checkoutshippingBody #mainContent table td.c1 {  }
    #checkoutshippingBody #mainContent table td.c2 {  }
    #checkoutshippingBody #mainContent table td.c3 { width: 100px; text-align: right;  }
	
	#checkoutshippingaddressBody #btnSet { width: 350px; padding: 20px 0; }
	  #checkoutshippingaddressBody #btnSet input { float: right; }
	  
	  

/* PAGE: Payment Confirmation -------------------------------------- */
#checkoutpaymentBody #mainContent {  }
  #checkoutpaymentBody #mainContent h4 { font-size: 13px; color: #C5548F; margin-bottom: 15px; }
  #checkoutpaymentBody #mainContent hr { padding: 0; margin: 14px 0; width: 100%; border: none 0; border-top: 1px dashed #FF99CC; height: 1px; }
  #checkoutpaymentBody #mainContent #lSide { width: 702px; }
  #checkoutpaymentBody #mainContent div.line {  }
    #checkoutpaymentBody #mainContent div.line p { font-size: 12px; line-height: 150%;  }
    #checkoutpaymentBody #mainContent div.line div.left { width: 440px; }
      #checkoutpaymentBody #mainContent div.line div.left a { display: block; background:url(../images/buttons/change_address.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; width: 113px; height: 20px; }
    #checkoutpaymentBody #mainContent div.line div.right { width: 228px; }
  #checkoutpaymentBody #mainContent #btnSet {  }
    #checkoutpaymentBody #mainContent #btnSet a.back { background:url(../images/buttons/back.gif) 0 0 no-repeat; width: 42px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; float: left; }
	#checkoutpaymentBody #mainContent #btnSet input { float: right; margin-right: 100px; }
  #checkoutpaymentBody #mainContent table { border-collapse: collapse; font-size: 12px; width: 550px; }
    #checkoutpaymentBody #mainContent table td.c1 {  }
    #checkoutpaymentBody #mainContent table td.c2 {  }
    #checkoutpaymentBody #mainContent table td.c3 { width: 100px; text-align: right;  }
  #checkoutpaymentBody ul.messageStack { margin: 10px 0; padding: 0; list-style: none; font-size: 13px; font-weight: bold; color: #FF0000; }


/* PAGE: checkout payment address change --------------------- */
#checkoutpaymentaddressBody div.accountSpacer div.left { width: 420px; }
#checkoutpaymentaddressBody div.accountSpacer div.right { width: 228px; }
#checkoutpaymentaddressBody #btnSet input { float: right; margin: 20px 200px 20px 0; }



/* PAGE: Order Confirmation -------------------------------------- */
#checkoutconfirmationBody #mainContent {  }
  #checkoutconfirmationBody #mainContent h4 { font-size: 13px; color: #C5548F; margin-bottom: 15px; }
  #checkoutconfirmationBody #mainContent hr { padding: 0; margin: 14px 0; width: 100%; border: none 0; border-top: 1px dashed #FF99CC; height: 1px; }
  #checkoutconfirmationBody #mainContent #lSide { width: 702px; }
  #checkoutconfirmationBody #mainContent div.line {  }
    #checkoutconfirmationBody #mainContent div.line p { font-size: 12px; line-height: 150%;  }
    #checkoutconfirmationBody #mainContent div.line div.left { width: 228px; }
    #checkoutconfirmationBody #mainContent div.line div.right { width: 420px; }
  #checkoutconfirmationBody #mainContent #btnSet {  }
    #checkoutconfirmationBody #mainContent #btnSet a.back { background:url(../images/buttons/back.gif) 0 0 no-repeat; width: 42px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; float: left; }
	#checkoutconfirmationBody #mainContent #btnSet input { float: right; margin: 20px 61px 20px 0; }
  #checkoutconfirmationBody #mainContent table { border-collapse: collapse; font-size: 12px; width: 360px; }
    #checkoutconfirmationBody #mainContent table td.c1 {  }
    #checkoutconfirmationBody #mainContent table td.c2 {  }
    #checkoutconfirmationBody #mainContent table td.c3 { text-align: right;  }
#checkoutconfirmationBody #mainContent #orderTotals p { text-align: right; margin-right: 61px;  }




/* PAGE: Order Success -------------------------------------- */
#checkoutsuccessBody p.thanks { font-size: 18px !important; font-weight: normal !important; color: #993366; float: left }
#checkoutsuccessBody #continue { float: right; background:url(../images/buttons/continue.gif); width: 61px; height:18px; text-indent: -9999px; overflow: hidden; margin: 6px 84px 0 0; }



/* Shopping progress bar */  
#shopProgress { width: 630px; background:url(../images/shopping_car_status.gif) 0 0 no-repeat; margin: 20px 0 20px 0; }
  #shopProgress ul { list-style: none; margin: 0; padding: 0; }
    #shopProgress ul li { display: block; float: left; font-size: 11px; line-height: 130%; padding-top: 31px; }
	  #shopProgress ul li.active { font-weight: bold; }
	  #shopProgress ul li#step1 { width: 147px; text-align: left; padding-left: 13px; }
	    #shopProgress ul li#step1.active { background:url(../images/shopping_car_status_star.gif) 2px 0 no-repeat;  }
	  #shopProgress ul li#step2 { width: 155px; text-align: center; }
	    #shopProgress ul li#step2.active { background:url(../images/shopping_car_status_star.gif) 56px 0 no-repeat;  }
	  #shopProgress ul li#step3 { width: 175px; text-align: center; }
	    #shopProgress ul li#step3.active { background:url(../images/shopping_car_status_star.gif) 69px 0 no-repeat;  }
	  #shopProgress ul li#step4 { width: 132px; text-align: right; }
	    #shopProgress ul li#step4.active { background:url(../images/shopping_car_status_star.gif) 108px 0 no-repeat;  }




/* PAGE: account -------------------------------------- */
#mainContent #accountContent { width: 702px; float: left; }
  #mainContent #accountContent div.accountSpacer { padding-left: 11px; }
  #mainContent #accountContent h4 { color: #C5548F; font-size: 13px; line-height: 108%; margin-bottom: 20px; }
  #mainContent #accountContent h5 { font-size: 13px; line-height: 107%; font-weight: bold; margin-bottom: 6px; }
  #mainContent #accountContent p { font-size: 12px; line-height: 160%; margin-bottom: 2px; }
    #mainContent #accountContent p a { font-size: 12px; line-height: 166%; margin-bottom: 2px; color: #FF99CC; text-decoration: none; }
	  #mainContent #accountContent p a:hover { text-decoration: underline; }
  #mainContent #accountContent hr { padding: 0; margin: 14px 0; width: 100%; border: none 0; border-top: 1px dashed #FF99CC; height: 1px; }
  #mainContent #accountContent #tblOrders { width: 100%; font-size: 13px; }
    #mainContent #accountContent #tblOrders a { background:url(../images/buttons/view.gif) 0 0 no-repeat; width: 33px; height: 15px; display: block; text-indent: -9999px; overflow: hidden; }
  #mainContent #accountContent div.accountLinks {  }
    #mainContent #accountContent div.accountLinks ul { list-style: none; display: block; margin: 0; padding: 0; }
	  #mainContent #accountContent div.accountLinks ul li a { font-size: 12px; line-height: 166%; color: #FF99CC; text-decoration: none; }
	    #mainContent #accountContent div.accountLinks ul li a:hover { text-decoration: underline; }
  #mainContent #accountContent #historyTbl { width: 80%; font-size: 12px; color: #333333; line-height: 150%; border-collapse: collapse; margin-top: 6px; }
    #mainContent #accountContent #historyTbl a { background:url(../images/buttons/view.gif) 0 0 no-repeat; width: 33px; height: 15px; display: block; text-indent: -9999px; overflow: hidden; }
  #mainContent #accountContent div.pagination { font-size: 11px; }
  #mainContent #accountContent a.back { background:url(../images/buttons/back.gif) 0 0 no-repeat; width: 42px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; margin: 20px 0; float: left; }
  #mainContent #accountContent #updateBtn { margin: 20px 0; float: right; }
  #mainContent #accountContent #tblInfo { width: 60%; float: right; font-size: 12px; }
    #mainContent #accountContent #tblInfo ul { list-style: none; margin: 0; padding: 0; font-size: 11px; }
  #mainContent #accountContent .alignR { text-align: right; }
  #mainContent #accountContent ul.messageStack { margin: 10px 0; padding: 0; list-style: none; font-size: 13px; font-weight: bold; color: #FF99CC; }
  
/* Account Forms */
  #mainContent #accountContent fieldset { width: 400px; clear: both; padding-left: 12px; }
    #mainContent #accountContent fieldset legend { font-size: 13px; font-weight: bold; line-height: 108%; margin: 0px; padding: 0px; *margin-left: -6px; }
    #mainContent #accountContent fieldset label { float: left; clear: left; display: block; width: 82px; font-size: 12px; line-height: 32px; margin: 0; }
    #mainContent #accountContent fieldset input, #mainContent #accountContent fieldset select { width: 184px; height: 18px; padding: 1px; margin: 5px 0; border: solid 1px #FF99CC; }
    #mainContent #accountContent fieldset select { /* fix select width */ width: 188px; }
    #mainContent #accountContent fieldset sup { margin-left: 5px; }
    #mainContent #accountContent fieldset span.chk { display: block; width: 300px; float: left; }
      #mainContent #accountContent fieldset span.chk label { float: none; width: auto; }
        #mainContent #accountContent fieldset span.chk label input { width: auto; height: auto; border: none; }

/* Some different styles for password change */
#mainContent #accountContent.accountPws fieldset {  }
  #mainContent #accountContent.accountPws fieldset label { width: 140px; }
#mainContent #accountContent.accountPws p.required { float: right; margin: -31px 100px 0 0; }

/* Some different styles for personal book */
#mainContent #accountContent.accountBook #accountBookPrimaryL { width: 400px; float: left; }
#mainContent #accountContent.accountBook #accountBookPrimaryR { width: 220px; float: right; }
#mainContent #accountContent.accountBook #accountBookEntries { margin-top: 32px; }
  #mainContent #accountContent.accountBook #accountBookEntries .accountBookEntrie { margin: 12px 0; }
    #mainContent #accountContent.accountBook #accountBookEntries .accountBookEntrie h6 { font-size: 12px; margin-bottom: 8px; line-height: 116%; color:#993366; font-weight: bold; }
#mainContent #accountContent.accountBook a.addAddress { background:url(../images/buttons/add_address.gif) 0 0 no-repeat; width: 88px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; margin: 20px 0; float: right; }

/* Address book list to select one */
#mainContent #accountContent div.addrOption {  }
  #mainContent #accountContent div.addrOption input { width: auto; margin: 0; float: none; margin-top: 10px; }
  #mainContent #accountContent div.addrOption label { margin: 0; padding: 0; float: none; font-weight: bold; }
  


/* Login on right side */
#loginR { width: 221px; float: right; }
  #loginR #pbLoginR { background-position: 0 -483px; }
  #loginR p.toptext { font-size: 11px !important; margin: 0 !important; }
  #loginR div.dotted { margin: 0; }
  #loginR form { }
    #loginR form label { display: block; font-size: 12px !important; line-height: 150%; }
	#loginR form input.loginField { width: 201px; height: 19px; border: solid 1px #E2A9C7; padding: 1px; font-size: 14px; }
	#loginR form #submitLogin { float: right; margin: 12px 0 0 0; }




/* Search Lists */
#searchLists div.right ul.letters { margin-bottom: 10px; line-height: 100%; }
  #searchLists div.right ul.letters li { display: inline; margin: 0; padding: 0; }
#searchLists h4, h4.searchListTitle { font-size: 16px; line-height: 113%; font-weight: bold; color: #C5548F;  border-bottom: solid 2px #C5548F; display: block; padding-bottom: 4px; margin-bottom: 10px; }
#searchLists p { font-size: 11px; color: #333333; line-height: 128%;}
#searchLists ul { margin: 0; padding: 0; list-style: none; line-height: 128%; }
  #searchLists ul a { color: #7F7F7F; text-decoration: none; font-size: 14px; line-height: 128%; font-weight: bold; text-transform: uppercase; }
    #searchLists ul a:hover, #searchLists ul a.active { color: #C5548F; }
#searchLists div.more { clear: both; }
  #searchLists div.more a { display: block; border-top: solid 1px #C5548F; font-size: 13px; color: #C5548F; text-decoration: none; line-height: 220%; font-weight: bold; }
    #searchLists div.more a:hover { text-decoration: underline; }



/* Calendar Column */
#mainContent #pbPastEx { background-position: 0 -161px; }
#mainContent #calendarColumn #pbCalendar { background-position: 0 -138px; margin-bottom: 12px; }
#mainContent #calendarColumn #calendar { margin-top: 0; }
  #mainContent #calendarColumn #calendar #calHeader { width: 221px; height: 36px; background: url(../images/calendar_header.jpg) no-repeat 0 0; }
    #mainContent #calendarColumn #calendar #calHeader a { text-indent: -9999px; overflow: hidden; display: block; height: 36px; width: 30px; }
      #mainContent #calendarColumn #calendar #calHeader a.previous { float: left; }
      #mainContent #calendarColumn #calendar #calHeader a.next { float: right; }
    #mainContent #calendarColumn #calendar #calHeader div {	font-weight: bold; text-transform: uppercase; text-align: center; padding-top: 7px; }
#mainContent #calendarColumn #calendar .calSize { height: 155px; }
#mainContent #calendarColumn #calendar .calTable { background: url(../images/calendar_bg.jpg) repeat-x 0 0 #FCCCE5; height: 155px; }
#mainContent #calendarColumn #calendar table { border-collapse: collapse; width: 100%; text-align: center; font-weight: bold; }
  #mainContent #calendarColumn #calendar table tr.head td { font-size: 12px; color: #C14787; }
    #mainContent #calendarColumn #calendar table tr td { font-size: 11px; padding: 3px 0; }
      #mainContent #calendarColumn #calendar table tr td a {	text-decoration: none; color: #333333; }
        #mainContent #calendarColumn #calendar table tr td a:hover { text-decoration: underline; }
      #mainContent #calendarColumn #calendar table tr td.mark { background: url(../images/calendar_mark.gif) no-repeat center; }
  #mainContent  #calendarColumn #calendar .eventDesc { display: none; background: url(../images/calendar_desc_bg.jpg) repeat-x 0 0 #FFFFFF; padding: 10px 10px 25px 10px; }
    #mainContent #calendarColumn #calendar .eventDesc #close { float: right; background: url(../images/calendar_desc_close.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; width: 14px; height: 14px; }
    #mainContent #calendarColumn #calendar .eventDesc p.date { font-size: 11px; font-weight: bold; color: #C5548F; clear: both; margin-bottom: 2px; }
    #mainContent #calendarColumn #calendar .eventDesc h5 { font-size: 11px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; margin-bottom: 10px; }
    #mainContent #calendarColumn #calendar .eventDesc p { font-size: 11px; margin-bottom: 14px; }
#mainContent #calendarColumn div.pinkText p { color: #C5548F; font-weight: bold; line-height: 130%; }
#mainContent #calendarColumn div.pinkText #btnRegister { background-position: 0 0; float: right; }
#mainContent #calendarColumn div.pinkText select { width: 100%; }

/* Account */

#accountDetails h2 {margin-left: 40px; color: #ff99cc;}
#accountDetails ul {list-style:none}
#accountDetails ul li a{color:#7F7F7F; text-decoration:none;}
#accountDetails li a:hover {color: #ff99cc;}


/* PAGE: Not found --------------------------------------- */
.notfound { height: 210px; }
.notfound h4 { display: block; text-align: center; margin-top: 78px; }
.notfound p { font-size: 11px; margin-top: 20px; text-align: center; }



/* General classes */
.pinkButton { background: url(../images/pink_buttons.gif) no-repeat 0 0; height: 18px; width: 61px; text-indent: -9999px; overflow: hidden; border: none; cursor: pointer; display: block; }
.boxbg { background: url(../images/box_bg.jpg) repeat-x #FAB4D9; padding: 10px; text-align: center; margin: 0px; }
a.linkThumbnail:hover img { filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
.clr { clear: both; font-size: 1px; }
.nptop { padding-top: 0px !important; }
.npbottom { padding-bottom: 0 !important; }
.np { padding: 0 !important; }
div.dotted { border-top: dashed 1px #C5548F; margin-top: 12px; }
.outOfStock { color: #FF0000; }
.moreArtist { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #C5548F; text-transform: uppercase; font-weight: bold; text-decoration: none; margin-bottom: 20px !important; overflow: hidden; line-height: 110%; }
  .moreArtist:hover { text-decoration: underline !important; }
  .moreArtist:after { clear: both; }