@charset "utf-8";
/* CSS Document */
/* -------------------------------- */
/* Font Definitions */
/* -------------------------------- */
 @font-face {
     font-family: "HelveticaNeueThCn";
     src: url('https://atomicavenue.com/Library/fonts/HelveticaNeueLTStd-ThCn.otf') format('opentype');
}
 @font-face {
     font-family: "HelveticaNeueLtCn";
     src: url('https://atomicavenue.com/Library/fonts/HelveticaNeueLTStd-LtCn.otf') format('opentype');
}
 @font-face {
     font-family: "HelveticaNeueLtCnO";
     src: url('https://atomicavenue.com/Library/fonts/HelveticaNeueLTStd-LtCnO.otf') format('opentype');
}
 @font-face {
     font-family: "Helvetica LT Std Cond";
     src: url('https://atomicavenue.com/Library/fonts/HelveticaLTStd-BoldCond.otf') format('opentype');
}
 @font-face {
     font-family: "HelveticaNeueLt Std Med";
     src: url('https://atomicavenue.com/Library/fonts/HelveticaNeueLTStd-Hv.otf') format('opentype');
}
 @font-face {
     font-family: "HelveticaNeueBdCn";
     src: url('https://atomicavenue.com/Library/fonts/HelveticaNeueLTStd-Hv.otf') format('opentype');
}
 #AutoCompleteExtender1_completionListElem {
     width: 100% !important;
}
 .outClassDiv {
     position: absolute;
     z-index: 9999;
     background-color:#f0f0f0;
     border-top:1px solid #f0f0f0;
     border-bottom:1px solid black;
     border-left:1px solid black;
     border-right:1px solid black;
     text-align:left;
}
 .autocomplete_completionListElement li {
     list-style:none;
     font-size:1em;
     margin-bottom:0.3em;
     margin-top:0.3em;
     color:#202020;
}
 .autocomplete_completionListElement {
     background-color: white;
     border-style: solid;
     border-width: 1px;
     font-size:0.9em;
     height: 11.5em;
     list-style: none;
     overflow: auto;
     padding-left:1em;
}
 .row1 {
     height: 70px;
     vertical-align:top;
}
 .Imagecss {
     padding-left: 5px;
     object-fit:contain;
     padding-right:10px;
}
 .tdcustomcss {
     font-weight: bold;
     font-size: 1.1em;
     margin-top: 0px;
     position: absolute;
     text-align: left 
}

 .tdpubline {
 font-size: 1.0em;}


.itemNumberGridLink {font-size:1.2em; font-weight:bold}

 #AutoCompleteExtender1_completionListElem {
     height: 200px;
     overflow-y: scroll;
     overflow-x: hidden;
}
 .clearGraphic {
     clear: both 
}
 a {
     color: darkblue;
     outline: none;
    /* overflow: hidden;
     */
     text-decoration: none 
}
 a:hover {
     text-decoration: underline;
}
 blurbtext {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 1.2em;
     text-align: left 
}
 body {
     background-color: #91a8d1;
     background-position: top;
     background-repeat: repeat-x;
     margin: 0;
     padding: 0;
     text-align: center;
}
 footer {
     padding: 1em;
     clear: both;
     margin-top: 1em;
}
 form {
     margin: 0;
     padding: 0 
}
 .invItemLabel {
    font-size:0.9em;
     white-space:normal;
     margin-top:0.25em;
     margin-left:0.25em;
     margin-right:0.25em
}
 .grandScore {
     font-size:1.5em
}
 h1 {
     font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
     font-size: 2.0em;
     font-weight: bold;
     margin-bottom: 0.5em;
     margin-top: 0;
     padding-top: 0 
}
 h2 {
     font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
     font-size: 1.4em;
     font-weight: bold;
     margin-bottom: 0;
     margin-top: 0;
     padding-bottom: 3px;
     padding-top: 0 
}
 .issueSearchHeader {
     font-size:2em;
     color: #626777
}
 h3 {
     font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
     font-size: 1.1em;
     font-weight: bold;
     margin: 0;
     padding: 0;
}
 h4 {
     font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
     font-size: 0.9em;
     font-weight: bold;
     margin: 3px 
}
 img, object, embed, video {
     max-width: 100%;
     border: 0px;
     -o-transition: all 0.5s ease 0;
     -moz-transition: all 0.5s ease 0;
     -webkit-transition: all 0.5s ease 0;
     transition: all 0.5s ease 0;
}
/* IE 6 does not support max-width so default to width 100% */
 .ie6 img {
     width: 100%;
     border: 0px;
}
 li {
     padding-top: 0.5em;
     padding-right: 0.5em;
     padding-left: 0px;
     margin-left: -0.5em;
     list-style-type: square;
     line-height: 130%;
     font-size: 0.9em;
}
 p {
     line-height: 125%;
     margin-bottom: 0.9em;
     margin-top: 0;
     padding-top: 0 
}
 .sellerScoreField {
     width:250px;
     text-align:right;
     display:inline-block
}
 .sellerScore {
     width:50px;
     text-align:right;
     display:inline-block
}
 .sellerScoreComment {
     width:150px;
     text-align:left;
     display:inline-block
}
 small {
     font-family: "HelveticaNeueLtCnO", Helvetica, Arial;
     font-size: 0.70em;
}
 bold {
    font-weight: bold 
}
 .success {
     color:green
}
 .warning {
     color:orange
}
 .critical {
     color:red
}
 ul {
     margin-top: 0px;
     padding-top: 0px 
}
 .alignTop {
     vertical-align:top
}
 .black_overlay {
     display: block;
     position: fixed;
     top: 0%;
     left: 0%;
     width: 100%;
     height: 100%;
     background-color: black;
     z-index: 1001;
     -moz-opacity: 0.7;
     opacity: .70;
     filter: alpha(opacity=70);
}
 .white_content {
     display: block;
     position: fixed;
     top: 25%;
     left: 10%;
     width: 80%;
     height: 30.0em;
     padding: 16px;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border: 16px solid darkgray;
     background-color: white;
     z-index: 1002;
     overflow: auto;
}
 .closeBox {
    float:right
}
 .lightboxImage {
    float:left;
     display:block;
}
 .lightboxSetImage {
     float:left;
     display:block;
     width:252px;
     margin-bottom:1em;
}
 .lightboxPrice {
     width:252px;
     text-align:center;
}
 .wrappable {
    display: inline;
}
 .lightboxText {
     vertical-align:top;
     word-break: break-word;
     text-overflow: ellipsis;
     overflow-wrap: break-word;
     text-wrap: unrestricted;
     clear:none;
}
 .ActivitySubhead {
     padding-left: 0.4em;
     padding-right: 0.5em;
     padding-right: 0.5em;
     padding-top: 0.4em;
     padding-bottom: 0em;
     height: 2.2em;
     background: rgb(154,186,227);
    /* Old browsers */
     background: -moz-linear-gradient(left, rgba(154,186,227,1) 0%, rgba(235,242,250,1) 100%);
    /* FF3.6+ */
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(154,186,227,1)), color-stop(100%,rgba(235,242,250,1)));
    /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(left, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* Opera 11.10+ */
     background: -ms-linear-gradient(left, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* IE10+ */
     background: linear-gradient(to right, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abae3', endColorstr='#ebf2fa',GradientType=1 );
    /* IE6-9 */
}
 .AddToWishList {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border: 1px solid CornflowerBlue;
     padding-left:1em;
     padding-right:1em;
     padding-top:0.5em;
     padding-bottom:0.5em;
     line-height:280%;
     background-color: white;
     margin-bottom:1em;
}
 .AddToWishList input {
     line-height:100%
}
 #Banner a {
     color: #000066;
     text-decoration: none 
}
 #Banner li {
     display: inline;
     padding-right: .5em;
     text-align: right 
}
 #Banner ul {
     color: #000066;
     float: right;
     font-family: "Trebuchet MS", Arial;
     font-size: 14px;
     font-weight: bold;
     left: 0;
     list-style-type: none;
     margin: 0;
     padding: 0;
     position: absolute;
     text-align: right;
     top: 88px;
     width: 100% 
}
 .ajax__fileupload_uploadbutton {
     font-size: 0.5em;
     background-color: whitesmoke;
     color: black;
}
 #bottom-links {
     text-align: center;
     margin: 0;
     padding-left: 10px;
     padding-right: 10px;
     border-radius: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     box-shadow: 0px 0px 0px #204675;
     -webkit-box-shadow: 0px 0px 0px #204675;
     -moz-box-shadow: 0px 0px 0px #204675;
     border: solid 0px #204675;
}
 #bottom-links, ul#alphaStrip {
     margin-top: 1em;
     margin-bottom: 0em;
     margin-left: 0em;
     margin-right: 0;
     padding: 0px;
     text-align: center;
}
 #bottom-links li, #alphaStrip li, #navHeaderLinks li {
     margin: 0;
     padding: 0;
     display: inline-block;
     list-style: none;
}
 #bottom-links a, #alphaStrip a {
     font-weight: bold;
     font-family: "HelveticaNeueMdCn", "HelveticaNeueW01-67MdCn 692710", Helvetica, sans-serif;
     font-style: normal;
     font-size: 1.1em;
     color: silver;
     text-decoration: none;
     padding-top: 4px;
     padding-left: 0.5em;
     padding-right: 0.5em;
     padding-bottom: 4px;
     margin: 0px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     text-shadow: 0px 0px 0px #999;
}
 #bottom-links a:hover, #alphaStrip a:hover {
     background: #EBEBEB;
     color: #191919;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
     box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
     text-shadow: 0px 0px 0px #FFFFFF 
}
 .BuyButton {
     border: 1px solid;
     background-color: cornflower;
     font-size: 0.8em;
     padding: 0.5em;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
}
 .caption {
     font-size: 0.8em;
     font-style: italic;
     font-weight: bold;
     text-align: center 
}
 .centeredButtons {
     text-align: center 
}
 .clearImage {
     clear: both 
}
 .leftButtons {
     text-align: left 
}
 .dropLeftMargin {
     margin-left: -2em;
}
 h2.dropLeftMargin {
     margin-top: 1em;
     margin-left:-1.65em;
}
 #MassMail > input[type="text"] {
     width:100%;
     margin-bottom:0.5em;
}
/* overflow:hidden causes the float to its left to take up space */
 #issueDetails {
     overflow:hidden
}
 #publisherBrowse label, #genreBrowse label, #eraBrowse label {
     font-weight:bold;
     padding-top:0.5em;
     font-size:1em 
}
 #publisherBrowse a, #genreBrowse a, #eraBrowse a {
     color:black;
}
 .issueSearchCopies {
     padding:0.25em;
     font-size:0.9em;
}
 .issueSearchIssueNum {
     font-size:1.2em;
}
 .issueInfo {
     margin-top:0.25em;
}
 #issueSpread li, #publisherBrowse li , #genreBrowse li, #eraBrowse li, #setSpread li{
     display: inline-block;
     padding-left: 0.5em;
     padding-right: 0.5em;
     text-align: center;
     padding-bottom: 1em;
}
 #issueSpread li {
     width: 11em;
}
 .onSale {
     font-weight:bold;
     color:green
}
 .setDescription {
     font-weight:bold;
     font-size:1.1em 
}
 .soldBy label {
    float:none;
     font-weight:normal;
     padding-right:0.25em;
}
 .soldBy {
     font-weight:lighter;
     font-size:8pt;
     color:#606060
}
 #setSpread li {
     width:18em;
     vertical-align:top
}
 #titleSpread li, li.titleSpreadTitle {
     display: inline-block;
     padding-right: 1em;
     text-align: center;
     padding-bottom: 1em;
     width: 12.15em;
     margin-right:0.25em;
     margin-left:0.25em;
     vertical-align:bottom;
}
 .titleHeader {
    font-weight:bold;
     font-size:1em
}
.titleThumbNail {padding:1em}

 .publisherYears {
    font-weight: normal;
     font-size:0.8em
}
 .explanation {
     padding-bottom:1em;
     font-size:0.9em;
}
 #publisherBrowse li {
     margin-right:0.5em;
     margin-left:0.5em;
     padding-right: 0.0em;
     vertical-align:top;
     width:8em;
}
 ul#spiffPromos {
     list-style-type: none;
     width: 100%;
     padding:0;
     margin:0;
}
 #spiffPromos li {
     display:inline-block;
     width:20%;
     margin-left:-4px;
     padding:0;
}
 #spiffPromos li:first-child {
     margin-left:0;
}
 #BriefStoreHeader {
     margin-bottom:1em;
     clear:both;
     width:100%;
}
 #adPromos {
     background-color:white;
     background-position: top;
     background-repeat: repeat-x;
     padding-top:0.5em;
     padding-bottom:0.5em;
}
 #freeShipAd {
     padding-bottom:0.5em;
}
 #genreBrowse li {
     margin-right:0.0em;
     margin-left:0.0em;
     padding-right: 0.5em;
     width:9em;
     vertical-align:top;
}
 #eraBrowse li {
     width:23.5em;
}
 .alignTop {
     vertical-align:top
}
 .gridIssuePict {
     width:45px 
}
 .gridIssueName {
     width:300px
}
 #issueSpread ul {
     list-style-type: none;
     width: 100%;
}
 #titleSpread ul {
     padding:0;
     list-style-type: none;
     width: 100%;
}
 #publisherBrowse ul, #genreBrowse ul {
     margin-left:-3em;
}
 #eraBrowse ul {
     margin-left:-2.5em;
}
 #ListFilter {
     text-align: left;
}
 #ListFilter .formfield, #ListFilter .formfield-required {
     font-size: .7em 
}
 .storeBanner {
     margin-left: -1em;
     margin-right: -1em;
     margin-top: -1em;
}
 .storeLogo {
     float:left;
     padding-right:1em;
     margin-bottom:0em;
}
 .EnterMyStore {
     padding-top:1em;
     padding-bottom:1em;
}
 .IDjumpToIssue {
     padding-left:2em;
     float:right
}
 .StoreName {
     padding-top:1em;
     font-size:2.5em;
     margin-bottom:0;
     padding-bottom:1em;
     font-weight:bold
}
 #StoreSetup h2 {
     margin-top:3em;
     margin-bottom:0.5em
}
 #StoreFields input, select, #AccountFields input, select, #ContactInfoFields input, select, #PasswordFields input, select {
     margin-bottom: 0.7em;
     font-size: 1em;
}
 #StoreFields label, #AccountFields label, #ContactInfoFields label, #PasswordFields label {
     font-weight: normal;
     padding-right: 0.3em;
     float: left;
     width: 10em;
     text-align: right;
     font-size: 1em;
     padding-top: 0.2em;
     font-family: "Helvetica LT Std Cond" 
}
 .StoreHomeFreeShipping {
     padding-top:1em;
     padding-bottom:1em;
}
 #MsgFields label {
     font-weight: normal;
     padding-right: 0.3em;
     float: left;
     width: 5em;
     padding-bottom:0.7em;
     text-align: right;
     font-size: 0.9em;
     font-family: "Helvetica LT Std Cond" 
}
 #MsgFields input, textarea {
     font-size: 0.9em;
     width:100%;
     clear:right;
     font-family: "Helvetica LT Std Cond" 
}
 #browseGrouper {
     border: solid 1px #999999;
}
 #browseGrouper label {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold 
}
 #browseGrouper td {
     padding-right: 10px;
     padding-top: 11px 
}
 #browseGrouper tr {
     line-height: 130%;
     text-align: center 
}
 .flatbutton {
     display: inline-block;
     zoom: 1;
    /* zoom and *display = ie7 hack for display:inline-block */
     *display: inline;
     vertical-align: baseline;
     margin: 0 2px;
     outline: none;
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     font: 14px/100% Arial, Helvetica, sans-serif;
     padding: .3em 2em .35em;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
     -webkit-border-radius: .5em;
     -moz-border-radius: .5em;
     border-radius: .5em 
}
 .flatbutton:hover {
     text-decoration: none 
}
 .button {
     display: inline-block;
     zoom: 1;
    /* zoom and *display = ie7 hack for display:inline-block */
     *display: inline;
     vertical-align: baseline;
     margin: 0 2px;
     outline: none;
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     font: 14px/100% Arial, Helvetica, sans-serif;
     padding: .3em 2em .35em;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
     -webkit-border-radius: .5em;
     -moz-border-radius: .5em;
     border-radius: .5em;
     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
 .button:hover {
     text-decoration: none;
}
 .bigrounded {
     -webkit-border-radius: 2em;
     -moz-border-radius: 2em;
     border-radius: 2em;
}
 .medium {
     font-size: 13px;
     padding: .4em 1.5em .42em;
}
 .small {
     font-size: 12px;
     padding: .2em 1em .275em;
}
/* color styles ---------------------------------------------- */
 input[type=radio] {
     margin-right: .5em;
     margin-top:0;
     vertical-align:middle;
}
 input[type=checkbox] {
     margin-right: .2em;
     margin-top:0;
     margin-bottom:2px;
     vertical-align:middle;
}
 .blue {
     color: #d9eef7;
     border: solid 1px #0076a3;
     background: #0095cd;
     background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
     background: -moz-linear-gradient(top, #00adee, #0078a5);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
 .blue:hover {
     background: #007ead;
     background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
     background: -moz-linear-gradient(top, #0095cc, #00678e);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
 .blue:active {
     color: white;
     background: #014680;
}
 .blue:visited {
     color: #d9eef7;
}
 .paleblue {
     color: #393f41;
     border: solid 1px #68d4fd;
     background: #0095cd;
     background: -webkit-gradient(linear, left top, left bottom, from(#f0ffff), to(#b4e4f6));
     background: -moz-linear-gradient(top, #f0ffff, #b4e4f6);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ffff', endColorstr='#b4e4f6');
}
 .paleblue:hover {
     background: #007ead;
     color: white;
     background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
     background: -moz-linear-gradient(top, #0095cc, #00678e);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
 .paleblue:active {
     color: white;
     background: #014680;
}
 .paleblue:visited {
     color: #393f41;
}
 .disabled {
     color: #404040;
     border: solid 1px #e0e0e0;
     background: whitesmoke;
}
 .disabled:visited {
     color: #606060;
}
 .green {
     color: #e8f0de;
     border: solid 1px #538312;
     background: #64991e;
     background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
     background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
 .green:hover {
     background: #538018;
     background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
     background: -moz-linear-gradient(top, #6b9d28, #436b0c);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
 .green:active {
     color: #a9c08c;
     background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
     background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
 .issueSpreadCondition, .setDescription {
     padding: 0.25em;
}
 .issueSearchCopies {
     padding:0.25em;
     font-size:.9em;
}
 #left-content {
     margin-right:17.3em;
}
 .StoreSetupIcon {
     width:100%;
     text-align:left;
}
 .StoreSetupIcon img {
     padding-top:1em;
     padding-bottom:1em;
     padding-right:0.5em;
     padding-left:0.5em;
}
 .mainLogo {
     height: auto;
     width: auto\9;
    /* ie8 */
}
 .mainContent {
     padding:1em;
}
 #mainLogoArea {
     text-align:center;
     padding:0.5em 0.5em 0 0.5em;
}
 #navHeaderLinks {
     margin:0;
     padding:0 0 0.5em 0;
     text-align: center;
}
 #navHeaderLinks li {
     padding-right: 0em;
     font-size: 0.9em;
     font-weight: bold;
}
 #navHeaderLinks a {
     color: darkblue;
     padding-left: 1em;
     padding-right: 1em;
     padding-top: 0.1em;
     padding-bottom: 0.1em;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
}
 #navHeaderLinks a:hover {
     background-color: #000066;
     color: darkblue 
}
 #navtoolbarNew li {
     padding-right: 0.5em;
     font-size: 0.9em;
}
 #navtoolbarNew a {
     color: white;
     padding-left: 1em;
     padding-right: 1em;
     padding-top: 0.1em;
     padding-bottom: 0.1em;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border: 1px solid white;
}
 #navtoolbarNew a:hover, #navtoolbarNew a.selNavbarTab:hover {
     background-color: ghostwhite;
     color: #101010;
     text-decoration: none;
}
 #subnavbar ul {
     list-style-type: none;
     padding-top: 0.3em;
     padding-bottom: 0.3em;
     padding-left: 1em;
     padding-right: 0;
     height: 1.3em;
     margin: 0px;
}
 #navtoolbarNew a.selNavbarTab {
     color: #bcdff9;
     border-color: #bcdff9;
}
 #subnavbar {
     width: 100%;
     background: #7d7e7d;
    /* Old browsers */
     background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
    /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* IE10+ */
     background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
    /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0 );
    /* IE6-9 */
}
 #subnavbar li {
     display: inline;
     padding-right: .5em;
     text-align: left;
}
 #userStatus {
     padding:0em;
}
 .contentWrapper {
     max-width: 1170px;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     text-align: left;
}
 .contentWrapperNew {
     max-width: 1500px;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     text-align: left;
}
 .findScope label{
     padding-top:1em;
     margin: 0;
     padding: 7px 10px;
     vertical-align: middle;
}
 .Headline {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-weight: bold 
}
 .LetterBrowse {
     font-size: 1em;
     font-weight: bold;
     color: darkgray;
}
 .LetterBrowse a {
     padding: 0.1em 0.3em;
     text-align: center;
     color: darkgray;
     text-decoration: none 
}
 .LetterBrowse a:hover {
     color: blue;
}
 #LoginPage a {
     font-weight: normal;
     color: #0000AA;
     font-size: 0.8em;
}
 #LoginPanes {
     display: inline-block;
     padding: 0;
}
 #LoginPanes h2 {
     padding-bottom:1em;
}
 #LoginPage ul {
     margin-left: 1em;
}
 #LoginPage input {
     line-height: normal;
}
 #LoginPage li {
     width: 24em;
     display: inline-block;
     vertical-align: top;
     font-size:14px;
}
 #LoginPage {
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size: 14px;
     line-height: 1.42857;
     color: #333;
}
 #LoginPage label {
     margin-bottom:5px;
     font-size: 14px;
     line-height: 1.42857;
}
 li#ReturningUsers {
     width:28em;
     padding-right: 6em;
     margin-bottom:2em;
}
/* ---------------Menu Navigation ------------------------ */
 #mainNav {
     display: inline;
     float: none;
     text-align: left;
}
 #menu-bar2 {
     text-align:center;
     margin-top:-0px;
     margin-bottom:0;
     line-height:100%;
}
/* Halloween Coloring */
 /*#menu-bar2 a {
    color:orange
} */

/* Thanksgiving Coloring */
/* #menu-bar2 a {
    color:black
} */

/* Standard Coloring */
 #menu-bar2 a {
    color:black
} 

/* Christmas Coloring */
/* #menu-bar2 a {
    color:black
}
 */
 #topMenuIcon {
     display: none;
     padding: 0px;
}
 .toggleMenu {
     display: none;
     padding: 0px;
}
 .form-control.naturalWidth {
     width: auto;
}
 .nav {
     list-style: none;
     *zoom: 1;
}
 .nav:before, .nav:after {
     content: " ";
     display: table;
}
 .nav:after {
     clear: both;
}
 ul.nav {
     list-style: none;
     margin:0;
     padding:0;
     display:inline-block;
     text-align:center;
     line-height:100%;
}
 .nav a {
     padding: 6px 15px;
     font-size:1.2em;
}
 .nav a:hover {
     color:black;
     background:whitesmoke;
     text-decoration:none;
     border-top-left-radius: 5px;
     -webkit-border-top-left-radius: 5px;
     -moz-border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-top-right-radius: 5px;
}
 .nav a:visited {
    color:darkblue
}
 .nav > li > ul > li a:hover {
     background:lightgray;
     text-decoration:none;
}
 .nav > li > ul > li {
     width:20em;
     font-size:1em;
     font-weight:normal;
     text-align:left;
}
 .nav li {
     position: relative;
     padding:0;
     margin:0;
     list-style:none;
}
 .nav > li {
     float: left;
}
 .nav > li > a {
     display: block;
     padding:6px 15px;
}
 .nav li ul {
     z-index:9999;
     position: absolute;
     left: -9999px;
     border: solid 1px #B4B4B4;
     padding:0;
     margin:0;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-box-shadow: 2px 2px 3px #222222;
     -moz-box-shadow: 2px 2px 3px #222222;
     box-shadow: 2px 2px 3px #222222;
}
 .nav > li.hover > ul {
     left: 0;
}
 .nav li li.hover ul {
     left: 100%;
     top: 0;
}
 .nav li li a {
     display: block;
     background: whitesmoke;
     position: relative;
     z-index:100;
     border-top: solid 1px white;
     color: #424242 !important;
}
 .nav li li li a {
     background:whitesmoke;
     z-index:200;
     width:10em;
}
 #newsPreviews li {
     list-style:none;
     display: inline
}
 ul#newsPreviews {
     margin:0;
     padding:0;
}
 ul#newsList {
     margin:0;
     padding:0;
}
 #newsList {
     font-size:1.2em;
}
 #newsPreviews h1, #newsPreviews h2 {
     margin-top: 0;
     padding-top: 0px;
     margin-bottom: 0;
     padding-bottom:0;
     line-height: 1.05 
}
 #newsPreviews h1 {
     font-size: 1.4em 
}
 #newsPreviews h3 {
     font-size: 0.9em;
     font-style: italic;
     color: darkgray 
}
 #newsPreviews p {
     margin-top: 0;
     padding-top: 0px;
     line-height: 1.2 
}
 #newsPreviews .left-graphic {
     padding-top: 0.2em;
     padding-bottom: 0.2em 
}
 #topStory td > .left-graphic {
     padding-top 1em 
}
 #newsPreviews {
     padding-top: 1em 
}
 .PageWrapper {
     background-color: #FFFFFF;
     border-bottom: 1px solid #CCCCCC;
     border-left: 1px solid #333333;
     border-right: 1px solid #CCCCCC;
     border-top: 1px solid #333333;
     border-top: 1px solid #333333;
     margin: 0 auto;
     padding: 0;
     text-align: center;
     width: 780px 
}
 .PlainHeader {
     background-image: url(/images/store_banner_m.jpg);
     background-repeat: repeat-x;
     clear: both;
     text-align: left 
}
 .ProfileNameAndRank {
     display:inline-block;
     text-align:left;
}
 .ProfileRankGraphic {
     display:inline-block;
     vertical-align:top;
     padding-top:1em;
     width:76px;
     padding-left:0.5em;
}
 .ProfileRankName {
     font-size:1.2em;
}
 .ProfileTopLine {
     padding:1em;
}
 .ProfileUserName {
     font-size:1.5em;
     font-style:bold 
}
 .ProfileUserID {
     color:slategray;
     font-size: 1.2em;
}
 .QandAQuestion {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: bold 
}
 .SectionHeader h1 {
     margin-bottom: 10px;
     margin-top: 15px;
     padding-bottom: 0;
     padding-left: 10px;
     padding-top: 5px 
}
 .SectionHeader h2 {
     background-image: url(/images/Tab-Header.png);
     background-position: left;
     background-repeat: no-repeat;
     color: #FFF;
     margin-bottom: 0;
     padding-bottom: 0.1em;
     padding-left: 10px;
     font-size: 1.8em;
     padding-top: 0.5em;
}
 .SectionHeader h2 a {
     color: #FF0 
}
 .SellerData {
    padding-top:1em
}
 .SmallSubhead {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-variant: normal;
     font-weight: bold 
}
 .SmallSubheadPlain {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-weight: normal 
}
 .StatusMessage {
     background-color: #FFFFCC;
     clear: both;
     font-family: Tahoma, "Times New Roman", Times, serif;
     font-size: 1em;
     font-weight: bold;
     margin: 0;
     padding: 5px;
     text-align: center;
     width: 100% 
}
 .SuperHead {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 24px;
     font-weight: bold 
}

.issueGridNotes {
    min-width: 150px;
}

 .titleGridItem {
	 width:400px;
}
 .itemGridWriter {
     min-width: 100px;
}
 .itemGridArtist {
     min-width: 100px;
}
 #topBannerAd {
     height:95px;
}
 #topBannerAdWrap {
     height:95px;
     margin-bottom:1em;
     overflow:hidden;
}
 #totals {
     width:150px;
     float:right
}
 #shippingBlock {
     width:400px;
     display:inline-block
}
 .totalField {
     width:75px;
     text-align:right;
     display:inline-block
}
 .contactField {
     width:120px;
     text-align:right;
     display:inline-block
}
 .XFindBottomGroup {
     border-top: solid 1px #B0C4DE;
     margin-top: 5px;
     padding: 10px 5px;
     width: 714px 
}
 .XFindTopGroup {
     padding: 5px;
     width: 714px 
}
 .balloonCell {
     background-image: url(https://www.atomicavenue.com/images/salesbot-sliver.png);
     background-repeat: repeat-x;
     font-family: "Trebuchet MS", Arial, Verdana;
     font-size: 11px 
}


 .boxbody {
     background: #FFFFCC left bottom;
     border: 2px solid #003366;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     list-style-position: outside;
     list-style-type: square;
     margin: 0 0 10px;
     padding: 0 0 10px;
     text-align: left;
     width: 200px 
}
 .boxhead {
     background: url(/images/Gold_Sidebar_Top.jpg) no-repeat;
     height: 25px;
     margin: 0 0 0 1px;
     padding: 0 0 0 1px;
     position: relative;
     text-align: center;
     top: 15px;
     vertical-align: baseline;
     width: 200px 
}
 .boxhead h2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: bold;
     padding-top: 4px 
}
 .columnbox {
     border: 1px solid #000099;
     overflow: auto;
     padding: 15px 
}
 .columnist-head {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1em;
     font-style: oblique;
     font-weight: bold;
     margin: 0;
     padding: 0 
}
 .contact-line {
     font-size: 14px;
     font-weight: normal;
     line-height: 22px;
     padding-bottom: 9px;
}
 .conditionalBreak {
     display: none 
}
 .conditionHeader {
     background: rgb(154,186,227);
    /* Old browsers */
     background: -moz-linear-gradient(left, rgba(154,186,227,1) 0%, rgba(235,242,250,1) 100%);
    /* FF3.6+ */
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(154,186,227,1)), color-stop(100%,rgba(235,242,250,1)));
    /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(left, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* Opera 11.10+ */
     background: -ms-linear-gradient(left, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* IE10+ */
     background: linear-gradient(to right, rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%);
    /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abae3', endColorstr='#ebf2fa',GradientType=1 );
    /* IE6-9 */
     color: #000000;
     width:100%;
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: 1.1em;
     padding:0.3em;
     font-weight: bold 
}
 .conditionHeader td {
     padding:0.3em;
}
 .contactLabel {
    width:10em
}
 .contact-line, .mobileContactLine {
     color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.8em;
     font-style: normal;
     font-weight: bold;
     margin-top: 9px;
     text-decoration: none 
}
 .content {
     background-color: #F0FFFF;
     margin: 0 15px 15px;
     padding: 0;
     text-align: left;
     width: 400px 
}
 .content600 {
     background-color: #FFFFFF;
     border-left-color: #CCCCCC;
     border-left-style: solid;
     border-left-width: 3px;
     clear: right;
     float: left;
     margin: 15px 0;
     padding: 0 0 0 15px;
     text-align: left;
     width: 585px 
}
 .content800NoLogo {
     background-color: white;
     margin-top: 0;
     width:100%;
     margin-right: 1em;
     margin-left: 1em;
     padding:0px;
     text-align: left;
}
 .content800 {
     background-color: white;
     margin-top: 0;
     width:100%;
     margin-right: 1em;
     margin-left: 1em;
     padding:0px;
     text-align: left;
     font-size:16px;
}
 .copyright {
     font-family: Arial, Helvetica, sans-serif;
     font-size: .6em;
     margin: 6px;
     text-align: center 
}
 .errorBox {
     font-family: Arial, Helvetica, sans-serif;
     font-size: .8em;
     padding: 15px 
}
 .errorBox li {
     clear: both;
     color: #990000;
     display: list-item;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1em 
}
 #FeaturedSpecials {
     text-align:center
}
 .floatingNote {
     position: fixed;
     z-index: 1004;
     top: 0px;
     left:0;
     -webkit-animation: fade .5s;
     animation: fade .5s;
     opacity: 1;
     padding-top:3px;
     padding-bottom:3px;
     width:100%;
     overflow: hidden;
     -webkit-box-shadow: 0 0 5px black;
     -moz-box-shadow: 0 0 5px black;
     box-shadow: 0 0 5px black;
}
 .formfield, textarea {
     font-size: .85em 
}
 .formfield-RArequired {
     font-size: .85em;
     font-weight: bold;
     text-align: right 
}
 .formfield-label {
     font-size: .85em 
}
 .formfield-required {
     font-size: .85em;
     font-weight: bold 
}
 .grid, .msgrid {
     font-size: 13px;
}
 .gridQty , .gridQtyHeader {
    text-align:left;
     width:3em
}
 .cartGridSellerUserID {
    width:9em
}
 .cartButton {
    width:3em
}
 .gridCondition {
    width:5em
}
 .gridDollars {
    text-align:right
}
 .gridConditionLabel:after {
    content: "ition";
}
 .gridStatus {
    width:6em
}
 .grid td, .msgrid td, #titleDetailTable td {
     padding:0.3em;
}
 .gridFixed {
     font-size: 0.8em;
}
 .gridheader {
     background-color: #413b79;
     color: #ffffff;
     font-size: 0.85em;
     font-weight: bold;
     line-height:2em;
}
 .gridheader th {
     padding:0.25em;
}
 .gridheader a {
     color: #ffffff 
}
 .gridheaderBlack {
     background-color: #ffffff;
    /* font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     */
     font-size: 0.85em;
     font-weight: bold 
}
 .griditem {
     border-top: 1px solid #EAEAEA;
     font-size: 0.9em;
     word-break: break-word;
     text-overflow: ellipsis;
     overflow-wrap: break-word;
     text-wrap: normal;
     vertical-align:top;
}
 .griditem td {
     padding:0.3em;
}
 .gridSubtotal, .gridPrice {
    text-align:right;
     width:7em;
}
 .aaSalesGrid {
    width:240px
}
 .gridtitle {
    /* background-image: url(/images/High_Tech_Blue_Header.png);
     */
     font-family: Arial, Helvetica, sans-serif;
     height: 19px;
     width: 750px 
}
 .grouperbox {
     border: 1px solid #333399;
     padding: 1em;
     width: 100%;
}
 .header {
     clear: both;
     margin: 0;
     padding: 0 
}
 .highlight {
     color: #990000;
     font-weight: bold 
}
 .highlightBlack {
     color: #000000;
     font-weight: bold 
}
 .imgButton {
     margin: 0;
     padding: 0;
     vertical-align: bottom 
}
 .imgNoBorderCenter {
     border: none;
     text-align: center 
}
 .issueGridBuyer {
     width:130px
}
.issueSellerNameIcon {
	width:220px
}
 .issueGridDate {
     width:130px
}
 .issueGridShortDate {
     width:70px
}
 .issueGridOrderNum {
     width:55px
}
 .issueGridRow {
     border-top: 1px solid #EAEAEA;
     font-size:1em;
}
 .issueGridRow td {
     padding:0.3em;
}
 .issueMainGraphic {
     width: 252;
     height: 360;
     vertical-align: top;
     text-align: left;
}
 .left-graphic {
     float: left;
     padding-bottom: 10px;
     padding-right: 15px 
}
 .left-graphic.tightBottom {
     padding-bottom: 0;
     margin-bottom: 0;
}
 .leftMiddlePad {
     padding-top:0.5em;
     padding-bottom:0.5em;
     padding-right:0.5em;
}
 .left-graphic-tight {
     float: left;
     padding-bottom: 5px;
     padding-right: 10px 
}
 .modern-box {
     border: 1px solid;
     font-size: 0.7em;
     overflow: hidden;
     border-radius: 0px 12px 0px 0px;
     margin-bottom:2em;
}
 .modern-box-content {
     padding:1em;
     border: 1px solid;
}
 .modern-box-header {
     padding-left:1em;
     padding-right:1em;
     padding-top:0.5em;
     padding-bottom:0.5em;
     width:100%;
}
 .modern-box-content.darkblue {
     border: midnightblue 
}
 .modern-box-content.darkred {
     border: 1px solid darkred 
}
 .modern-box-content.darkorange {
     border: 1px solid darkorange 
}
 .modern-box.darkblue {
     border: 1px solid midnightblue 
}
 .modern-box.darkred {
     border: darkred 
}
 .modern-box.darkorange {
     border: darkorange 
}
 .modern-box-header h2 {
     padding:0;
}
 .modern-box-header.darkblue {
     color:white;
     width:100%;
     background-color:midnightblue;
}
 .modern-box-header.darkorange {
     color:white;
     width:100%;
     background-color:darkorange 
}
 .modern-box-header.darkred {
     color:white;
     width:100%;
     background-color:darkred 
}
 .mblue-modern-box-body {
     background-position: left top;
     border: 1px solid #000000;
     font-size: 0.8em;
     padding-left:1em;
     padding: 5px;
     text-align: left;
}
 .mblue-modern-box-body td{
     padding:4px;
}
 .mblueModernBoxHead h2 {
     background-image: url(/images/blue-modern-sidebar-top.gif);
     background-repeat: no-repeat;
     color: #FFFFFF;
    /* font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     */
     font-size: 14px;
     font-weight: bold;
     height: 25px;
     margin-bottom: 0;
     margin-right: 0;
     margin-top: 0;
     padding: 4px 0 0 5px;
     text-align: left;
     text-transform: none;
     top: 15px;
     width: 225px 
}
 .mblueModernBoxHead h2 a {
     color: #FFFF00 
}
 .middleContent {
     margin: 0 185px 15px;
     padding: 0;
     text-align: left 
}
 .modernboxHead h2 {
     background-image: url(/images/blue-modern-sidebar-top.gif);
     background-repeat: no-repeat;
     border: none;
     color: #FFFFFF;
    /* font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     */
     font-size: 12px;
     font-weight: bold;
     margin: 0;
     overflow: hidden;
     padding: 2px 0 1px 6px 
}
 .navbanner {
     background-repeat: no-repeat;
     height: 110px;
     position: relative;
     width: 100% 
}
 .navbar-link {
     color: #000099;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-variant: small-caps;
     font-weight: bold 
}
 .navtoolbar img {
     border: 0;
     margin: 0;
     padding: 0 
}
 .navtoolbar p {
     background-image: url(/images/Buttons/Toolbar-background_0.gif);
     background-repeat: repeat-x;
     height: 26px;
     margin-bottom: 0;
     padding-bottom: 0 
}
 .news-content {
     margin: 15px 0;
     padding: 0;
}
 .news-head {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: 1.1em;
     font-variant: small-caps;
     font-weight: bold 
}
 .news-tease {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-style: oblique;
     font-weight: bold 
}
 .newsbox {
     border: 1px solid #000099;
     padding: 1em 
}
 .newsboxTop {
     padding-left: 1em;
     padding-bottom:1em;
     padding-right:1em;
}
 .newsletter-link {
     color: #000099;
     text-decoration: none 
}
 .orderItemButton {
     Width:140px;
     margin-top:1em
}
 .orderItemButtonLong {
     Width:220px;
     margin-top:1em
}
 #printPackingListDiv {
     float:right
}
 .recommendation-list {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 0.7em;
     font-weight: bold 
}
 .recommendation-list img {
     border: solid 1px 
}
 .right-graphic {
     float: right;
     margin-bottom: 12px;
     margin-left: 12px 
}
 .tightBottom {
     margin-bottom:0;
}
 .right-sidebar {
     float: right;
     margin-left: 1em;
     margin-top: 0;
     padding-right: 0;
     width: 225px 
}
 .right-sidebar-new {
     margin-left: 1em;
     margin-top: 0;
     padding-right: 0;
     width: 225px 
}
 #signinArea {
     float:right;
     text-align:right;
     padding-bottom:1em;
     padding-top:1em;
}
 .mainCoverPicture {
     border:0;
     vertical-align:top 
}
 #mainCoverPictureDiv {
     float:left;
     padding-right:2em;
     padding-bottom:1em;
}
 #mainSearchArea {
     background-color: #e6e6fa;
     padding-top:0.0em;
     padding-left:1em;
     padding-right:1em;
}
 #SalesDetailForm {
     clear:both;
     padding-top:0.5em
}
 #searchArea {
    padding-top:.5em;
}
 #searchArea input[type="text"] {
     background: url('/images/navigation/search-dark-20.png') no-repeat 10px 6px #fcfcfc;
     border: 0 none;
     font-size: 0.9em;
     width: 30em;
     margin-top:1px;
     padding: 8px 15px 6px 35px;
    /* -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
     */
     border: 1px solid #CCC;
     border-radius: 4px;
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     -o-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
}
 #searchArea input[type="text"]:focus {
    /*background: url('/images/navigation/search-dark.png') no-repeat 10px 6px #fcfcfc;
     */
     width: 30em;
    /* -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
     */
}
 .SectionBanner {
    /* background-image: url(/images/High_Tech_Blue_Header.png);
     */
     border-top-right-radius: 20px;
     -webkit-border-top-right-radius: 20px;
     -moz-border-top-right-radius: 20px;
     background-color:#bcdff9;
     background-position:right;
     background-repeat: no-repeat;
}
 .SectionBanner h1 {
     font-weight: bold;
     font-size: 1.5em;
     margin-bottom: 0;
     padding-top:0.25em;
     padding-bottom:0.25em;
     margin-left:0.3em;
     text-transform: capitalize 
}
 .searchbar {
     background-color: #DEE1F5;
     border-bottom-color: #CCCCCC;
     border-bottom-style: inset;
     border-bottom-width: 2px;
     margin-bottom: 15px;
     margin-top: 0;
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 1px;
     text-align: left 
}
 .selected-navbar-link {
     color: #FFFF00;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-variant: small-caps;
     font-weight: bold;
     text-decoration: none 
}
 .shipAddress {
     width:49%;
     display:inline-block;
     vertical-align:top;
     padding-bottom:2em;
}
 .shippingRight {
     width:49%;
     display:inline-block;
     vertical-align:top;
     padding-bottom:2em;
}
 #ShippingSection {
     width:100%;
     display:inline-block 
}
 .sidebar {
     float: left;
     margin: 0 0 15px 5px;
     width: 165px 
}
 .sidebar175 {
     float: left;
     margin-left: 10px;
     width: 150px 
}
 .smallerSubnav {
     font-size:0.8em
}
 .smallformfield {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: .7em 
}
 .smallformfield-required {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: .7em;
     font-weight: bold 
}
 .subnavigation {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: 16px;
     font-weight: bold;
     text-transform: capitalize 
}
 .subnavigation h1 {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: 24px 
}
 .subnavigation li {
     display: inline;
     margin-left: 0;
     margin-right: 0;
     padding: 0 5px 0 0 
}
 .tightHeader {
     margin:0;
     padding:0;
}
 #TitleList {
     font-family: "Calibri", "Times New Roman", Times, serif;
     padding: 1em 
}
 #TitleList ul {
     padding: 0em;
}
 #TitleList ul li {
     float: left;
     width: 100%;
     margin: 0px;
     padding: 0.2em;
     list-style: none 
}
 #TitleList br {
     clear: left 
}
 #TitleList li a {
     font-weight: normal;
     font-size: 0.8em;
     color: darkblue 
}
 #TitleList li a:hover {
     text-decoration: underline 
}
 #TitleList h1 {
     font-size: 1.5em;
     font-weight: bold 
}
 #TitleList h2 {
     font-size: 1.1em;
     margin: 0px;
     padding: 0px;
     font-weight: bold 
}
 #TitleList hr {
     padding: 0px;
     margin: 0px;
}
 .subnavigation ul {
     list-style-type: none;
     margin: 4px 0 0;
     padding: 0 
}
 .tooltip {
     font-family: Arial, Helvetica, sans-serif;
     font-size: .8em 
}
 .tooltip h2 {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: 1em;
     font-weight: bold;
     margin-bottom: 6px;
     margin-top: 0;
     padding-bottom: 0;
     padding-top: 0 
}
 .tooltip h3 {
     font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
     font-size: 1.1em;
     font-weight: bold;
     margin-bottom: 0;
     margin-top: 0;
     padding-bottom: 0;
     padding-top: 0 
}
 .tooltip p {
     font-family: Arial, Helvetica, sans-serif;
     margin-bottom: 6px 
}
 .tooltip ul {
     margin-top: 0 
}

/* Halloween version */
/*.topHeader {
     background-image:url('/images/navigation/banner_background_strip_black.png');
} */

/* regular version */
.topHeader {
     background-image:url('/images/navigation/banner_background_strip.png');
} 
 
 .wrappingText {
     word-break: break-word;
     text-overflow: ellipsis;
     overflow-wrap: break-word;
     text-wrap: normal;
}
 .writer-bio {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: italic 
}
 .writerBio {
     border-color: #000000;
     border-top-style: solid;
     border-top-width: thin;
     clear: both;
     margin: 15px 0 0;
     padding-top: 5px 
}
 #topNextPrev {
     clear:both;
     height:1.5em;
}

 .issueGridFreeShipping {
    width:290px
}
/*-------------Bootstrap customizations --------------*/
 #searchArea li{
     list-style-type:none;
     margin-left:0em;
     padding-right:0;
     line-height:1em;
     padding-top:0em;
}
 div.col-lg-8 {
    max-width:85%
}
 .carousel .item {
    -webkit-transition: opacity 1.25s;
     -moz-transition: opacity 1.25s;
     -ms-transition: opacity 1.25s;
     -o-transition: opacity 1.25s;
     transition: opacity 1.25s;
}
 .carousel .active.left {
    left:0;
    opacity:0;
    z-index:2;
}
 .carousel .next {
    left:0;
    opacity:1;
    z-index:1;
}
/* Customizations here will screw up bootstrap's tooltips, but will preserve ours, provided that our styles are loaded last */
 .tooltip {
     position:relative;
     filter: alpha(opacity=100);
     opacity: 100;
}
 .modal-footer: {
     border:none
}
 .btn-primary {
     padding: 5px 12px 6px 12px;
     margin-top:1px
}
 .btn {
    padding:5px 12px 6px 12px
}
/* ------------------*/
/* 970 px wide */
/*-------------------*/
 @media all and (max-width:969px) {
     #publisherBrowse li {
         width:5.5em;
    }
     #genreBrowse li {
         width:6.5em;
    }
}

/* ------------------*/
/* 800 px wide */
/* ------------------*/
 @media all and (max-width:799px) {
     .right-sidebar {
         display:none;
    }
     .right-sidebar-new {
         display:none;
    }
     #left-content {
         margin-right:0;
    }
     #searchArea input[type="text"] {
         width: 70%;
    }
     #searchArea input[type="text"]:focus {
         width: 70%;
    }
     .issueSearchHeader {
         font-size:1.4em
    }
}
/* ------------------*/
/* 768 px wide */
/* ------------------*/
 @media all and (max-width:767px) {
     .tdcustomcss {
         font-size: 0.9em;
    }
     .tdpubline {
         font-size: 0.8em;
    }
}
/*-----------------*/
/* Sub-600 px wide */
/*------------------------*/
 @media all and (max-width:599px) {
     #shippingBlock {
         width:100%
    }
     #topMenuIcon {
         display: inline;
         padding-top:1em;
    }
     .toggle-menu {
         display: inline-block;
    }
     #mainLogoArea {
         text-align:left;
         vertical-align:middle;
         overflow:hidden;
         height:60px;
    }
     .IDjumpToIssue {
         float:none;
         clear:both;
         padding-left:0
    }
     .mainLogo {
         width:400px;
         margin-top:0em;
    }
     .active {
         display: block;
    }
     ul.nav {
         display: block;
         width:100%
    }
     .nav > li {
         float: none;
         background:ghostwhite;
         padding-top:0.25em;
         padding-bottom:0.25em;
    }
     .nav a {
         color:black;
         font-size:1.4em;
         text-align:left;
    }
     .nav > li > .parent {
         background-position: 95% 50%;
    }
     .nav li .parent {
         background-image: url("https://www.comicbase.com/images/downArrow.png");
         background-repeat: no-repeat;
         background-position: 95% 50%;
    }
     .nav > li > ul a {
         background:whitesmoke;
    }
     .nav > li > ul > li {
         background:whitesmoke;
         width:100%;
         padding-top:0.25em;
         padding-bottom:0.25em;
    }
     .nav li li li a{
         width:100%;
         background:white;
    }
     .nav > li.hover > ul , .nav li li.hover ul {
         position: static;
    }
     .AddToWishList {
         clear:both 
    }
     #issueDetails {
         overflow:visible 
    }
     .issueGridRating {
         display:none 
    }
     .issueGridComments {
        display:none
    }
    .issueGridCommentRespond {
		display:none
    }
	.itemGridWriter { display:none }
 	 .itemGridArtist { display:none }

    .cartGridSubtotal, .gridSubtotal {
         display:none
    }
     .gridPrice {
        width:4.5em;
    }
	
	.ItemTitle {
		font-size:1.8em;
		margin-bottom:0
	}
	
	
       /*-- iPhone Landscape --*/
     @media all and (max-width:480px) {
         .issueSearchHeader {
             font-size:1.2em
        }
         .tdcustomcss {
            font-size: 0.9em
        }
         .tdpubline {
             font-size: 0.8em
        }
         .packingListButton {
             display:none
        }
         #bottom-links {
             display:none;
        }
         #printPackingListDiv {
             display:none
        }
         #signinArea {
            float:none;
             width:100%;
        }
         div.col-lg-8 {
            max-width:100%
        }
         #searchArea {
            padding-bottom:0.5em
        }
         #searchArea input[type="text"] {
             width: 75%;
             display:inline-block;
        }
         #searchArea input[type="text"]:focus {
        }
         #topMenuIcon {
             display: inline;
             padding-top:1em;
        }
         #mainLogoArea {
             text-align:left;
             vertical-align:middle;
             height:40px;
        }
         .gridQty {
            text-align:right;
             width:2em
        }
         .gridCondition {
            width:3em
        }
         .gridConditionLabel:after {
            content: "";
        }
         .issueGridDate {
            display:none
        }
         .mainLogo {
             width:250px;
             margin-top:0em;
        }
         .SectionBanner {
             background-image: none;
        }
         .mainContent {
             margin: 0.25em;
        }
         #mainCoverPictureDiv {
             width:100%;
             float:none;
             text-align:center;
        }
         .shipAddress {
             width:100%;
             display:inline-block;
             vertical-align:top;
             padding-bottom:2em;
        }
         .shippingRight {
             width:100%;
             display:inline-block;
             vertical-align:top;
             padding-bottom:2em;
        }
         .gridIssueName {
             width:105px
        }
         .gridStatus {
            width:6em
        }
		
       /*.contentWrapper {
             width: 480px;
        }
         */
    }
    /*-- iPhone portrait --*/
     @media all and (max-width:376px) {
         .contentWrapper {
             width: 100%;
        }
         .row1 {
            height:40px
        }
         .tdcustomcss {
            font-size: 0.8em
        }
         .tdpubline {
             font-size: 0.7em
        }
         .mainContent {
             margin: 0.1em;
        }
         .mainCoverPicture {
             border:0;
             vertical-align:top 
        }
         .gridIssueName {
            width:75px
        }
         .issueGridFlag {
            display:none
        }
         .issueGridNotes {
            display:none
        }
         .issueGridFreeShipping {
             display:none 
        }
		.ItemTitle {
			font-size:1.4em
		}
         .gridStatus {
            width:6em
        }
         body {
             font-size:13px
        }
    }