@import url(https://fonts.googleapis.com/css?family=Coda:800);

BODY
{
    font-family: verdana, Tahoma;
}
SELECT
{
    font-size: 11px;
    font-family: Verdana;
}
INPUT
{
    font-size: 11px;
    font-family: Verdana;
}
.SearchLink
{
    font-weight: bold;
    font-size: 10px;
    color: midnightblue;
    font-family: Verdana;
}
.LocationHeader
{
    font-weight: bold;
    font-size: 18px;
    color: dimgray;
    font-family: Verdana, impact;
    letter-spacing: -1px;
}
.SearchStrip
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: lightgrey;
}
.DeptTable
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: gainsboro;
}
.MenuHeader
{
    font-weight: bold;
    font-size: 13px;
    color: black;
    font-family: Verdana;
    text-align: center;
    font-variant: small-caps;
}
.DeptList
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: Verdana;
    text-decoration: none;
}
.ContentHeading
{
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana;
    text-align: center;
}
.Content
{
    font-weight: 500;
    font-size: 10pt;
    font-family: Verdana;
}
.ResultLink
{
    font-weight: bold;
    color: midnightblue;
}
.ProductHeading
{
    font-weight: 600;
    font-size: 15pt;
    font-family: Verdana;
}
.ComicIssueList
{
    font-size: 10px;
    font-family: Verdana;
}
.ComicIssueHeader
{
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
    background-color: #dcdcdc;
}
.ProductTotal
{
    font-weight: bold;
    font-size: 9px;
    color: black;
    font-family: Verdana;
    text-align: center;
}
.RecordNavigation
{
    font-weight: bold;
    font-size: 11px;
    color: gray;
    font-family: verdana;
}
.PriceA
{
    font-weight: bold;
    font-size: 11px;
    color: orangered;
    font-family: verdana;
}
.TrolleyTable
{
    font-size: 11px;
    color: black;
    font-family: verdana, arial;
}
.Bold
{
    font-weight: bold;
}
.TrolleyAction
{
    color: gray;
    text-decoration: none;
}
.CheckoutTable
{
    font-size: 11px;
    color: black;
    font-family: verdana, arial;
}
.CheckoutTable INPUT
{
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
}
.ContentSmall
{
    font-size: 9px;
    font-family: Verdana;
}
.HeaderTextWhite
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: verdana, arial, helvetica;
}
.SearchSubmit
{
    font-weight: bold;
    font-size: 10px;
    height: 18px;
}
.HeaderTextBlack
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: verdana, arial, helvetica;
}
.TextHeaderSmall
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: verdana, arial, helvatica;
    text-decoration: none;
}
.TextHeaderLarge
{
    font-weight: 900;
    font-size: 17px;
    font-family: verdana, arial, helvetica;
    text-decoration: none;
}
.dropitem
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: verdana, arial, helvetica;
    text-decoration: none;
}
.dropbg
{
    background-color: #bbbbbb;
}
IMG.Photo
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}
.TextHeaderSmallBlack
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: verdana, arial, helvetica;
}
.MainCell
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}
.smallddfont
{
    color: blue;
}
.ResultTitle
{
    font-weight: normal;
    font-size: 10pt;
    color: black;
    font-family: Verdana;
    text-decoration: underline;
}
.ResultTitleH
{
    font-weight: normal;
    font-size: 10pt;
    color: #a62bd5;
    font-family: Verdana;
}
.TabBorder
{
    border-right: black 1px solid;
    border-top: black 1px;
    border-left: black 1px;
    border-bottom: black 1px solid;
}
.OrderByTable
{
    border-right: #6e6e6e 1px solid;
    border-top: #b7b7b7 1px solid;
    border-left: #b7b7b7 1px solid;
    width: 250px;
    border-bottom: #6e6e6e 1px solid;
    height: 40px;
    background-color: #dcdcdc;
}
.Breadcrumbs
{
    color: black;
    font-family: Verdana;
    text-decoration: underline;
}
.ErrorTable
{
    background-color: #ef8686;
    border-right: #dc1616 1px solid;
    border-top: #dc1616 1px solid;
    border-left: #dc1616 1px solid;
    border-bottom: #dc1616 1px solid;
}
.SuccessTable
{
    background-color: #86ef92;
    border-right: #16dc78 1px solid;
    border-top: #16dc78 1px solid;
    border-left: #16dc78 1px solid;
    border-bottom: #16dc78 1px solid;
}
.InvalidControl
{
    background-color: #ef8686;
}

/* HOME PAGE */
.ProductHomeTitle
{
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

.ProductHomeWrapper a
{
    color: Black;
}

.ProductHomeWrapper a:hover
{
    color: #a62ad5;
}
.ProductHomeWrapper
{
    border-top: 1px solid #cecece;
    border-left:1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
    width: 300px;
    display: inline-table;
    vertical-align: top;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 5px;
}

.ProductHomeWrapper:hover
{
    background-color: #f9f5fa;
    border:1px solid #cecece;
}

.TopMenu li, .TopMenu li a
{
    display: inline;
    vertical-align: top;
    text-decoration: none;
    color: Black;
    font-weight: bold;
    list-style-type: disc;
    padding-left:2px;
    padding-right:2px;
}

.TopMenu li:hover, .TopMenu li a:hover
{
    color: #9404B5;
}

.TopHeader
{
    background-color: Red;
    text-align: center;
    border-bottom: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    background-color: #9404B5;
}

.footercards
{
    text-align:center; margin-bottom:5px;
}

.footerbar
{
    background-color:#9404B5; text-align:center; color:White; padding-top:3px; padding-bottom:3px; border-bottom:1px solid black; border-top:1px solid black;
    margin-bottom:10px;
}

.pageHeading{
letter-spacing:-1px;
font-size:36px;
font-family: 'Coda', cursive;
}

.voucherInput tr th {
	text-align:left;
}

.voucherInput input[type=text]{
	height:35px;
	font-size:20px;
	padding-left:5px;
	border:1px solid #666;
}
.voucherInput input[type=submit]{
	height:35px;
	font-size:15px;
	padding-left:5px;
	background-color:#9404b5;
	color:white;
	border:1px solid black;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.voucherInput input[type=submit]:hover{
opacity:0.8;
cursor:pointer;
}

.voucherInput .dollarPrefix{
color:#666;
	height:35px;
	font-size:20px;
	border-left:1px solid green;
	border-top:1px solid green;
	border-bottom:1px solid green;
	border-right:0px !important;
	width:25px;
}

.voucherInput .amount{
margin-left:-10px;
width:200px;
border-left:0px !important;
}


.PromoPrice{
	color:red;
	font-weight:bold;
	font-size:15px;
}

.PromoPriceSupplement{
	color:red;
	font-weight:bold;
	font-style:italic;
}

.PromoPriceExcluded {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 56px;
    height: 56px;
    background: yellow;
    border: 1px solid #d3d302;
    float:right;
    text-align:center;
}

.secureLogo {
width:600px; 
text-align:center; 
margin:auto; 
background-color:#9404B5; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
padding:15px;
}

.outofstockwrapper{
 display:none;
}
.info_left {
    float: left;
    width: 35%;
    text-align:right;
}
.info_right {
    float: right;
    width: 65%;
}
.info_group:after {
    content:"";
    display: table;
    clear: both;
}

@media screen and (max-width: 800px) {
    .info_left, 
    .info_right {
        float: none;
        width: auto;
        text-align:center;
    }
}