html, body {width:100%; font-family:Arial,Helvetica,sans-serif;}
body {color:#333; margin:0 auto; text-align:center; background:#DCDCDC;}
a, a:link {color: #990033; text-decoration:none;}
h1 {font-size:1.5em; padding:0.25em 0; margin:0.25em;}
small {font-size:75%;}

div.left {float:left; width:48%; padding:0.1em;}
div.right {float:right; width:48%; padding:0.1em;}
div.c1of3 {float:left; width:32.5%; padding:0.1em 0.05em;}
div.c1of3 label {min-height:2lh; display:inline-block;}
div.arr {background: url("img/arrow40.png") no-repeat right 0.25em center;}

/* Zones */
div#logo, div#menu {padding:0.75em 1em; text-align:left; color:#fff;}
div#logo a, div#menu a {color:#fff;}
div#logo {background:#990033;}
div#logo h1, div#logo h1 a, div#logo h1 a:link {font-size:130%; padding:0; margin:0 auto; font-weight:900; text-decoration:none;}
div#logo img {width:0.75em; height:0.75em;}
div#menu {background:#b3003b/*#DCDCDC*/;}
div#menu a {padding:0 0.25em; /*border-right:0.1em solid #fff;*/}
div#menu a, div#menu a:link {font-size:80%; text-decoration:none; text-transform:uppercase; font-weight:bold;}
div#menu img {width:0.9em; height:0.9em; padding:0 0.25em 0 0; margin-bottom:-2px;}
div#layout {background:#fff; margin:0 0em 0.5em 0em;}
h1.listtitle {font-size:110%; font-weight:bold; text-align:left; margin:0.25em; padding-bottom:0;}
div.intro {font-size:90%; padding:0.1em 0.5em; text-align:left;}
div.intro p {line-height:105%; margin:0; padding:0;}
div#footer p {font-size:65%; margin:0.5em;}
div#footer a, div#footer a:link {text-decoration:none; color:#666;}
div.vers {font-size:130%;}
div.vers p a, div.vers p a:link, div.vers p a:visited {color: #990033; text-decoration:none;}
div.ads {text-align:left;}

/* Results */
div.results div.box {border-bottom:0.1em solid #ccc; padding:0.25em 0.5em;}
.heady {font-size:90%; text-align:center; color:#666;}
div.box div.info {text-align:left;}
span.brand h2, span.brand h2 a, span.brand h2 a:link {font-size:110%; color:#990033; margin-bottom:0.1em; font-weight:bold; text-decoration:none;}
span.bank {font-size:90%; color:#333; margin-bottom:0.25em;}
span.bankimg {text-align:left; float:left;}
span.bankimg img {height:35px;}
span.bankimg a, span.bankimg a:link {text-decoration:none;}
span.value {font-size:110%; color:#990033; font-weight:bold;}
span.valueb {font-size:75%; color:#333;}

/* Listing */
div.list {text-align:left;}
h4.viewsection {font-size:110%; padding:0.1em; margin:0;}
ul.listing {list-style-type:square; margin:0.25em auto 0.25em auto;}
div.prices table {clear:both; font-size:80%; display: block; width:100%; max-width:500px;}
div.prices tr.head {font-weight:bold; border-bottom:0.1em solid #ccc;}
div.prices tr.head td {text-align:center;}
div.prices tr.head img {width:16px; height:16px;}
div.prices tr.promo {}
div.prices td {text-align:center; padding:0 0.1em;}

tr.head img {width:0.5em; height:0.5em;}
p.disclaimer {font-size:75%; margin:0.25em; font-style:italic; text-align:left;} 

/* Calcform */
.calcrend {background:#990033; border:0.25em solid #fff; color:#fff; padding:0.5em; margin:0.5em auto; box-shadow: 0 0 0.25em #888; -moz-box-shadow: 0 0 0.25em #888; -webkit-box-shadow: 0 0 0.25em #888;}
.calcrend label {font-size:90%; font-weight:normal;}
.calcrend input, .calcrend select {font-size:100%; border:0.1em solid #fff; background:#fff; padding:0.25em; margin-bottom:0.5em;}
.calcrend select {width:100%;}
.calcrend input {width:99.5%; text-align:center;}
.calcrend input.submit {margin-top:0.75em; padding:0.5em;}

@media screen and (max-device-width: 480px){
    div.prices table {clear:both; font-size:75%; display: block; width:100%; max-width:480px;}
}