body, input, textarea, select, td {
  font-family: "DejaVu Sans", Verdana, Arial, sans-serif;
  font-size:8pt;
}

body {
  margin:0;
  padding:0;
  background-color:#EFEFEF;
  background-image: url("../images/gray.jpg"); background-repeat: repeat-x;
}

hr {
  border:0;
  border-bottom:solid 1px #DDDDDD;
}

a {
  text-decoration:none;
}

#dvBody {
  background: url("../images/marvel_character_gray.jpg") repeat-x bottom left;
}

#dvBodyContent {
  width:860px;
  position:relative;
  left:50%;
  margin:0;
  margin-left:-385px;
  top:-2px;
  --top:8px;
}

#dvLoading {
  position:absolute;
  right:0;
  top:0;
  width:100px;
  height:25px;
  line-height:25px;
  text-align:center;
  background:#555555;
  background:#FF9900;
  color:#FFFFFF;
  display:none;
  font-weight:bold;
}

#header {
  position:relative;
  top:15px;
  --top:5px;
  left:5px;
}

#header h1 {
  width:270px;
  height:45px;
  margin-top:10px;
  margin-left:10px;
  background:url("../images/logo.gif") no-repeat;
  text-indent:-9999px;
}

#dvMenu1 {
	position:absolute;
	top:-3px;
	left:300px;
}

#dvMenu1 ul {
  list-style:none;
  padding:0;
  margin:0;
}

#dvMenu1 li {
  position:relative;
  display:block;
  float:left;
  height:25px;
  line-height:25px;
  background:#FFF8E1;
  margin-right:5px;
  border:solid 1px #999999;
}

#dvMenu1 li.bigLink {
  height:28px;
  line-height:28px;
  top:-3px;
  background:#BBBBBB;
}

#dvMenu1 li a {
  text-decoration:none;
  font-weight:bold;
  color:#666666;
  font-size:9px;
  padding-right:5px;
  padding-left:5px;
  width:100%;
  height:25px;
}

#dvMenu1 li:hover {
  background:#666666;
}

#dvMenu1 li:hover a {
  color:#FFFFFF;
}

#dvMenu1 li.bigLink a {
  font-size:9pt;
  color:#000000;
}

#dvMenu1 li.bigLink:hover {
  background:#FF9900;
}

#dvMenu1 li.bigLink:hover a {
  color:#FFFFFF;
}

#dvMenu2 {
  position:absolute;
  z-index:1;
  top:70px;
  left:0px;
}

#dvMenu2 ul {
  list-style:none;
  padding:0;
  margin:0;
}

#dvMenu2 li {
  position:relative;
  display:block;
  float:left;
  height:25px;
  line-height:25px;
  background:#DDEEFF;
  margin-right:5px;
  border:solid 1px #CCCCCC;
}

#dvMenu2 li:hover {
    background:#666666;
}

#dvMenu2 li:hover a {
  color:#FFFFFF;
}

#dvMenu2 li.selLink {
  background:#FFFFFF;
  border-bottom:solid 1px #FFFFFF;
}

#dvMenu2 li.selLink:hover {
  background-color:#FFFFFF;
}

#dvMenu2 li.selLink:hover a {
  color:#003399;
}

#dvMenu2 li a {
  text-decoration:none;
  font-weight:bold;
  color:#666666;
  font-size:8pt;
  padding-right:5px;
  padding-left:5px;
}

#dvSearch {
  position:absolute;
  top:5px;
  --top:10px;
  height:88px;
  padding-top:25px;
  padding-left:475px;
}

#dvSearch #keyWord {
  width:120px;
}

#dvSearch input, #dvSearch select {
  font-size:7pt;
  padding:5px;
  --padding:0px;
  vertical-align:middle;
  --font-size:8pt;
  --height:15px;
}

#dvSearch #submitButton {
  height:29px;
}

#dvSearch select {
  padding:4px;
}

#dvContent {
  position:relative;
  padding:10px;
  min-height:450px;
  --height:450px;
  top:37px;
  --top:22px;
  background: #FFFFFF url("../images/white.gif") repeat-x top;
}

#dvContent h1 {
  font-size:12pt;
  font-weight:bold;
}

#dvContent h2 {
  font-weight:bold;
  font-size:10pt;
  padding:5px;
  background:#FF9900;
  background:#EFEFEF;
  background:#FFF8E1;
  color:#FFFFFF;
  color:#333333;
  border-bottom:solid 1px #CCCCCC;
  margin-bottom:18px;
}

#dvContent h3 {
  font-weight:bold;
  font-size:8pt;
  padding:5px;
  background:#FF9900;
  background:#EFEFEF;
  background:#FFF8E1;
  color:#FFFFFF;
  color:#333333;
  border-bottom:solid 1px #CCCCCC;
  margin-bottom:18px;
}

#dvContent #dvLetters {
  text-align:center;
  border-bottom:solid 1px #DDDDDD;
  padding:10px;
}

#dvContent #dvLetters a {
  text-decoration:none;
  color:#000099;
  padding:3px;
  font-weight:bold;
}

#dvContent #dvLetters a.selLetter {
  color:#FF6D19;
  font-weight:bold;
}

#dvContent ul, #dvContent dl {
  list-style:none;
  padding:0;
  margin:20px;
}

#dvContent ul a, #dvContent dd a {
  text-decoration:none;
  color:#000000;
  font-weight:bold;
}

#dvContent ul li, #dvContent dd {
  position:relative;
  border-bottom:solid 1px #DDDDDD;
  padding:5px;
  margin:0;
  margin-top:3px;
  border-left:solid 15px #DDEEFF;
}

#dvContent ul li.lineColor1 {
  background:#ECECEC;
}

#dvContent ul li.lineColor2 {
  background:#FDFDFD;
}

#dvContent #tblComics a img {
  border:solid 8px #DDDDDD;
}

#dvContent #tblComics a:hover img {
  border-color:#BBBBBB;
}

#dvContent #tblComics p {
  font-weight:bold;
  margin:5px;
}

#dvContent #tblListComic td.purchaseButton a {
  text-decoration:none;
  font-weight:bold;
  color:#091197;
}

#dvContent #tblListComic td.wishButton a,
a.wishButton {
  text-decoration:none;
  font-weight:bold;
  color:#3377FF !important;
}

#dvContent #tblListComic td div.comicPurched {
  color:#E35A1B;
}

#dvContent #tblListComic td a.selectAllButton, #dvContent #tblListComic td a.purchaseAllButton {
  text-decoration:none;
  font-weight:bold;
  color:#091197;
  padding:5px;
}

#footer {
  background-color:#666666;
  height:250px;
  color:#FFFFFF;
  top:70px;
}

#footer a {
  text-decoration:none;
  color:#FFFFFF;
}

#footer ul {
  list-style:none;
  padding:0;
  margin:0;
}

#footer li {
  display:inline;
  margin:3px;
  padding:1px;
}

#dvFooterMenu, #copyrightText {
  text-align:center;
}

#dvFooterMenu {
  padding-top:20px;
}

#copyrightText {
  font-size:7pt;
  padding-top:40px;
}


#pageHelp {
  margin-bottom:10px;
  font-size:10pt;
  color:#DD3300;
  font-weight:bold;
}

.dvPagination { padding-top:10px; padding-bottom:10px; width:100%; text-align:right; }

#tblListComic { width:100%; }

#tblListComic th {
  padding:5px;
  background:#C2C2C2;
  background:#DDDDDD;
  color:#000000;
}

#tblListComic span.comicName a {
  text-decoration:none;
  color:#000000;
}

#tblListComic .tblFooter { height:30px; background-color:#DDDDDD; color:#000000; }
#tblListComic #thAuthor { width:120px; text-align:left; }
#tblListComic #thPublisher { width:90px; text-align:left; }
#tblListComic #thComicSelect { width:20px; }
#tblListComic #thComicNumber { width:70px; }
#tblListComic #thComicPrice { width: 60px; }
#tblListComic #thComicPurchase { width:90px; }

.pagMinResult, .pagMaxResult, .pagTotalResult { font-weight:bold; }

#tblListComic #thComic { text-align:left; }
#tblListComic #thComicNumber, #tblListComic #thComicPrice { text-align:center; }

#tblListComic td {
  padding:5px;
}
#tblListComic .comicSelect { text-align:center; padding:0px; }
#tblListComic .comicNumber { text-align:center; }
#tblListComic .comicPrice { text-align:right;}
#tblListComic .comicPriceOff { text-align:right; font-weight:bold; }
#tblListComic .purchaseButton { text-align:center; }
#tblListComic .wishButton { text-align:center; }

#tblListComic .lineColor1 { background-color:#FFFFFF; }
#tblListComic .lineColor2 { background-color:#EEEEEE; }

#tblListComic .comicName { font-weight:bold; }

#tblListComic .unavailableComic { color:#666666; line-height:25px; }

#tblCart { width:100% }
#tblCart th {
  padding:5px;
  background:#C2C2C2;
  background:#DDDDDD;
  color:#000000;
}

#tblCart .itemIndex { text-align:center; font-weight:bold; }
#tblCart .comicNumber { text-align:center; }
#tblCart .comicCount input { width:30px; text-align:center; }
#tblCart .comicCount { text-align:center; }
#tblCart .comicPrice { text-align:right; padding:5px; }
#tblCart .comicAmount { text-align:right; padding:5px; }
#tblCart .removeButton { text-align:center; }

#tblCart #thItemIndex { width:30px; }
#tblCart #thComicNumber { width:60px; }
#tblCart #thComicPrice { width:80px; }
#tblCart #thComicCount { width:30px; }
#tblCart #thComicAmount { width:80px; }
#tblCart #thRemove { width:70px; }

#tblCart #productAmountLabel { background-color:#EEEEEE; padding:5px; font-weight:bold; text-align:right; }
#tblCart #productAmount { text-align:right; padding:5px; font-weight:bold; }
#tblCart #productFreightLabel { background-color:#EEEEEE; padding:5px; font-weight:bold; text-align:right; }
#tblCart #productFreight { text-align:right; padding:5px; font-weight:bold; }
#tblCart #productOrderAmountLabel { background-color:#EEEEEE; padding:5px; font-weight:bold; text-align:right; }
#tblCart #productOrderAmount { text-align:right; padding:5px; font-weight:bold; }

#cartActionButtons {
  margin-top:15px;
  margin-bottom:15px;
}

#tblCart td.removeButton a {
  text-decoration:none;
  font-weight:bold;
  color:#E35A1B;
  color:#091197;
}

#cartActionButtons a, #cartButton {
  text-decoration:none;
  padding:5px;
  border:solid 1px #999999;
  color:#333333;
  font-weight:bold;
  background:#FFF8E1;
}

#cartActionButtons a:hover, #cartButton:hover {
  color:#FFFFFF;
  background:#FF9900;
}

#orderActionButtons {
  margin-top:10px;
  margin-bottom:10px;
}

#sendOrderButton {
  right:0px;
  text-decoration:none;
  padding:5px;
  border:solid 1px #999999;
  color:#FFFFFF;
  background:#FF9900;
  font-weight:bold;
}

#sendOrderButton:hover {
  color:#333333;
  background:#FFF8E1;
}


#addressInfo, #paymentInfo {
  line-height:20px;
}

#paymentInfo label {
  font-weight:bold;
}

#frmLogin #actionButtons input {
  margin-bottom:10px;
}

#frmUserAccount #pageDescription {
  font-size:8pt;
  padding:5px;
  background:#FF9900;
  background:#EFEFEF;
  background:#FFF8E1;
  color:#FFFFFF;
  color:#333333;
  border-bottom:solid 1px #CCCCCC;
  margin-bottom:18px;
}

#frmUserAccount label {
  line-height:20px;
  font-weight:bold;
}

#userName, #addressStreet {
  width:300px;
}

#userCPF, #userRG {
  width:120px;
}

#userBirthDate {
  width:90px;
  text-align:center;
}

#userMail {
  width:250px;
}

#userPass, #userPass2 {
  width:90px;
}

#phoneCode {
  width:30px;
  text-align:center;
}

#phoneNumber {
  width:80px;
}

#addressNumber, #addressCompl, #addressZipCode {
  width:90px;
}

#addressCity, #addressQuarter {
  width:200px;
}

#frmMessage {
  margin-left:35px;
}

#frmMessage label {
  line-height:20px;
  font-weight:bold;
}

#fromName, #fromMail, #messageSubject, #messageContent {
  width:400px;
}

#submitButton {
  font-weight:bold;
  padding:3px;
}

#cancelButton {
  padding:3px;
}
