/*   PVII Affinity  Copyright (c) 2013 Project Seven Development
  www.projectseven.com  Boardroom Theme  */

body { background-color: #fff; font-family: 'Roboto', sans-serif; margin: 0px 0px 30px 0px; font-size: 1em; line-height:1.2em; }

/*Baseline Adjustment for images needed with strict DOCTYPE*/
img { vertical-align: bottom; }
/*Logo and Banner*/
#topbar { padding: 10px 20px; position: relative; z-index: 10; background-image: linear-gradient(#0242A4, #333); background-color: #0242A4; box-shadow: 0px 0px 30px #000; color: #fff; font-size: .9em; font-weight: bold; text-align: center; }
#logo { background-color: #fff; }
#logo img { z-index: 1000; padding: 0 0 0 1em; }
#logo #hdr { position: relative; max-width: 1360px; margin: 0 auto 0 auto; }
#logo #hdr a { color: #0242A4; text-decoration: none; }
#logo #hdr a:hover { color: #ff0000; }
#logo #hdr .store { position: absolute; right: 35px; top: 27px; font-size: 1.8em; z-index: 2000; font-weight: bold; }
#logo #hdr .phone { position: absolute; right: 35px; top: 78px; font-size: 1.8em; z-index: 2000; font-weight: bold; max-width: 250px; }
#banner { margin-top: 10px; }
img.scalable { height: auto !important; width: auto !important; max-width: 100%; vertical-align: bottom; }
img.fancy { /*box-shadow: 3px 6px 6px 3px #B6B6B6;*/ border-radius: 6px; }
.accented { border-radius: 6px; border: 1px solid #222; }
#layout { max-width: 1360px; margin: 0px auto; background-color: #fff; }
.affinity-row { padding: 0px; }
.affinity-row:nth-child(even) { background-color: #EEE; background-image: linear-gradient(#EEE, #CCC);}
.affinity-row:nth-child(odd) { background-color: transparent; background-image: none; background-image: none; }
.affinity-row a { color: #0242A4; font-weight: bold; font-size: 1em; }
.affinity-row a:hover { color: #ff0000; }
.affinity-row:after, .clearfloat { visibility: hidden; display: block; content: "\0020"; clear: both; height: 0; }
.affinity-row .column-half { width: 50%; float: left; }
.affinity-row .column-third { width: 33.3333333%; float: left; }
.affinity-row .column-fourth { width: 25%; float: left; }
.affinity-row .column-fifth { width: 20%; float: left; }
.affinity-row.sidebar-left .column-1 { width: 76%; float: right; }
.affinity-row.sidebar-left .column-2 { width: 24%; float: right; }
.affinity-row.sidebar-left .column-content { line-height: 1.5; }
.affinity-row.sidebar-left .column-2 .column-content { font-size: .9em; }
.affinity-row.sidebar-right .column-1 { width: 76%; float: left; }
.affinity-row.sidebar-right .column-2 { width: 24%; float: left; }
.affinity-row.sidebar-right .column-content { line-height: 1.5; }
.affinity-row.sidebar-right .column-2 .column-content { font-size: .9em; }
.left-border { border-left: 1px solid #000; }
.right-border { border-right: 1px solid #000; }
.left-right-border { border-left: 1px solid #000; border-right: 1px solid #000; }
.column-content { line-height: 1.2; padding: 6px 24px; }
.affinity-row.sidebar-right .column-content, .affinity-row.sidebar-left .column-content, .affinity-row.thirds.full-height .column-content { padding: 30px; }
.no-pad-left-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.no-pad-right-top-bottom { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; }
.no-pad-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; }
/*Headings*/
h1, h2, h3 { margin: 30px 0px 0px 0px; color: #0242A4; }
.column-content.product ul {margin:0; padding:5px 0 5px 0; list-style: disc; list-style-position: inside; }
.column-content.product li { color: #000; font-size: .7em; padding:5px 0 5px 0; }
.column-content.product p { color: #000; font-size: .8em;  }
.column-content.product p a {font-size: 1.4em; }
.column-content.product p.msrp { color: #03C; text-decoration: line-through; font-size: .8em; }
.column-content.product p.special { color: #ff0000; font-weight: bold; font-size: 1.1em; }

.column-content h1:first-child, .column-content h2:first-child, .column-content h3:first-child { margin-top: 10px; }
.inner-row-heading { position: relative; top: 20px; margin: 0px 0px 0px 24px; }
.affinity-row.footer { margin: 0; color: #000; font-size: 0.8em; border-top: 2px solid #999; background-color: #fff; }
.affinity-row.footer h3 { font-size: 1em; font-weight: normal; text-transform: uppercase; margin: 1em 0 1em 0; line-height: 1.75; text-align: center; }
.affinity-row.footer a { color: #000; }
.copyright { font-size: 0.9em; text-transform: uppercase; clear: both; padding: 5px 10px 15px 20px; }
.copyright a { color: #fff; }
.copyright a:hover { color: #09F; }
img.ctr { display: block; margin-left: auto; margin-right: auto; }
.ctr { text-align: center; }
p.highlight { color: #000; font-weight: bold; max-width: 70%; }
.redhighlight {color:#ff0000; font-weight:bold; font-size:2em;}
/*Assign this class to set large text and the stylish Cuprum font*/
.column-content.largesse, .largesse { font-size: 1.25em; line-height: 1.75em; font-family: Cuprum, Optima, Arial, Helvetica, sans-serif; }
/*Use this class to asign a black accent box around your content*/
/*.affinity-row .blast { font-family: Cuprum, Optima, Arial, Helvetica, sans-serif; font-size: 1.25em; line-height: 1.75; color: #BBB; border-radius: 0px 0px 10px 10px; padding: 24px 36px; background: linear-gradient(#333, #111); background-color: #333; margin-bottom: 20px; }
.affinity-row .blast.gray { background: linear-gradient( #D8E4FA, #7494BA ); box-shadow: 3px 6px 6px 3px #B6B6B6; color: #0242A4; font-weight: bold;}*/
.affinity-row.sidebar-left .column-content .blast, .affinity-row.sidebar-right .column-content .blast, .full-round { border-radius: 6px !important; }
/*Side Menu*/
div.sidemenu { clear: both; margin: .5em 1.5em .5em .5em; position: relative; float: right; width: 250px; padding: 0; font: 1em/1.2em Arial, Helvetica, sans-serif; background-color: #F93; color: #000; }
div.sidemenu p { margin: 0; padding: .25em; text-align: center; color: #000; font-weight: bold; }
ul.links {margin:1em 0 1em 1em;  }
li {line-height: 2;}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 500px) {
#logo #hdr .store, #logo #hdr .phone { display: none; }
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
body { margin: 0px; }
#layout { max-width: none; padding: 0px; }
#logo img { margin: 0; padding: 0; }
#logo #hdr .store { position: absolute; right: 15px; top: 17px; font-size: 1.6em; z-index: 2000; font-weight: bold; }
#logo #hdr .phone { position: absolute; right: 15px; top: 68px; font-size: 1.6em; z-index: 2000; font-weight: bold; max-width: 250px; }
.sidemenu { margin: 0 auto 0 auto; text-align: center; float: none; width: 70%; padding: .125em; font: .8em/1em Arial, Helvetica, sans-serif; background-color: #F93; color: #000; }
.sidemenu p { margin: 0; padding: .125em; text-align: center; color: #000; font-weight: bold; }
p.highlight { color: #000; font-weight: bold; max-width: 90%; }
.column, .column-1, .column-2, .column-3, .column-half, .column-third, .column-fourth, .column-fifth { float: none !important; width: auto !important; }
.column-content { height: auto !important; max-height: 888678px; border: none !important; }
}
/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 700px) and (max-width: 1380px) {
#layout { max-width: none; }
}