@import url(content.css);

body {padding:0;}

#globalContainer {
  position: relative;
  width: 1002px;
  margin: 0px auto;
}

#headerContainer {
  margin-bottom: 20px;
}

#logo {
  float: left;
  margin-top: 5px;
}

#tagline {
  float: left;
  clear:left;
  margin-top: 5px;
}

#navContainer {
  position:absolute;
  left: 250px;
}

  #navigation {
    width: 745px;
    height:120px;
    float:left;
    padding-left:10px;
    background:url(../images/nav/snake.gif) no-repeat left bottom;
  }
  
  #searchContainer {
    font-size: 11px;
    text-align: right;
  }
  
#charactersContainer {
  position: absolute;
  top: 150px;
  left: 471px;
  z-index:5;
}

#contentContainer {
  clear: both;
  position: relative;
}

  #contentColumn {
    margin: 25px 15px;
    width: 550px;
  }
  
  #breadcrumb_trail {
    margin: 10px 0px;
  }
  
    #breadcrumb_trail li {
      display: inline;
    }
  
  #sidebarColumn {
    position: relative;
    float: right;
    width: 375px;
    top: 380px;
  }

#footerRollover {
  cursor: help;
}

#associates {
  margin-top: 40px;
}
  
.more-link {
  color: #f0de02;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
}

.more-link:hover {
  text-decoration: underline;
}

.thumbnails {
  float: right;
  width: 215px;
  margin-bottom: 15px;
}

.thumbnails li {
  display: inline;
  position: relative;
}

img.shopThumbnail {
  border: 2px dotted #fff;
  margin: 0px 10px;
}

.thumbnails img {
  border: 2px dotted #fff;
  vertical-align: middle;
}

#associates img {
  border: none;
  vertical-align: default;
}

.clear {
  clear: both;
}

.floatRight {
  float: right;
}

.media {position:absolute; right:80px; top:-40px;}

.boxPanel {
  width: 300px;
  margin: 10px 0;
}
.boxPanel .middle {padding:0 15px; margin:0;}
.boxPanel .top, .boxPanel .bottom {height:20px;}
.boxPanel h3 {font-size:110%; font-weight:bold;}

.black .middle {background:#000;}
.black .top {background:transparent url(../images/boxPanel-black-top.png) 0 top no-repeat;}
.black .bottom {background:transparent url(../images/boxPanel-black-bottom.png) 0 bottom no-repeat;}
.red .middle {background:#c00;}
.red .top {background:transparent url(../images/boxPanel-red-top.png) 0 top no-repeat;}
.red .bottom {background:transparent url(../images/boxPanel-red-bottom.png) 0 bottom no-repeat;}

.boxPanel a {text-decoration:none; line-height:1.2em;}
.boxPanel a:hover {text-decoration:underline;}
.boxPanel a.radio {display:block;}

#radio {width:150px; height:124px; float:right; background:transparent url(../images/Radio.png) 0 0 no-repeat;}

.blackPanel {
  width: 250px;
  height: 182px;
  background: transparent url(../images/black-panel.png) no-repeat;
  padding: 25px;
  margin-left: 3px;
  margin-top: 2px;
}

  .blackPanel h3 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }

#radioAdPlayer {
	position: relative;
	top: 30px;
	left: 35px;
	width: 75px;
	height: 30px;
	z-index: 20;
}

.noMargin {
  margin: 0px !important;
}

.formRow {
  margin: 10px;
  clear:left;
}

  .formRow label.mainLabel {
     display: block;
     width: 75px;
     float: left;
     margin-right: 10px;
     text-align: right;
     padding-top: 3px;
  }
  
  .longLabel label.mainLabel {
   width: 145px;
  }
  
  .formRow label.hasError {
    color: #c00;
  }

.errorMessages {
  padding: 5px;
  border: solid #c00 1px;
  background-color: #000;
}

.errorMessages li {
  list-style-type: decimal;
  margin: 5px 0px 5px 25px;
}

dl dt {
  margin-top: 10px;
}

dl dd {
  margin-left: 15px;
}

h1 p {
  display: inline;
}

.editLink {
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
  color: #999;
  text-transform: none;
}

#authLink {position:absolute; float:right; color:#910005;}

#lSidebarColumn {float:left; width:200px; margin-top:35px;}
#sidebar, #sidebar ul, #sidebar li {margin:0; padding:0; list-style-type:none;}
#sidebarContainer {background:#000 url(../images/sub-nav-top.png) no-repeat top center; padding-top:7px;}
#sidebarExtraContainer {background:#000 url(../images/sub-nav-bottom.png) no-repeat bottom center; padding-bottom:7px;}
#sidebar {background:url(../images/sub-nav-mid.png) repeat-y center;}
#sidebar ul {margin-bottom:20px;}
#sidebar ul li {margin:5px 0px 5px 39px;}
#sidebar ul a {color:#e80016; text-decoration:none;}
#sidebar ul a:hover {text-decoration:underline;}

#rhsSidebar {width:200px; float:right; overflow:hidden;}
#contentContainer .rhsSidebarEdit {overflow:visible !important;}
#smCharacters {margin:30px 15px;}

#sitemap, #sitemap li {margin:0; padding:0; list-style-type:none;}

#footerContainer {text-align:left; width:550px; margin:40px 0; font-size:80%; clear:both; border-top:solid 1px #900;}
#footerContainer li {display:inline; padding:0 10px; border-right:solid 1px #600;}
#footerContainer li.admin {border:none;}
#footerContainer a {color:#f99;}
#footerContainer a:hover {color:#fff; text-decoration:none;}

#homeDisclaimer {font-size:12px; width:550px; color:#f99;}