/* ----------------------------------------------------------------------------------------------------
 * Peerless Text
 *
 * Colours:
 * Red = #e51937
 * ---------------------------------------------------------------------------------------------------- */
 
body { color: #333; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }

p { font-size: 11px; line-height: 16px; margin: 0 0 10px 0; }

.large { font-size: 12px; line-height: 18px; }
.small { font-size: 10px; line-height: 14px; }

.error, .errors { color: #e51937; font-weight: bold; }

a, a:active, a:link, a:visited { color: #e51937; text-decoration: underline; }
a:hover { color: #e51937; text-decoration: none; }

h1 { color: #333; font-weight: normal; }
h2, h3, h4, h5, h6 { color: #e51937; font-weight: normal; }
h1 { font-size: 28px; line-height: 30px; margin: 0 0 10px 0; }
h2 { font-size: 21px; line-height: 26px; margin: 0 0 10px 0; }
h3 { font-size: 16px; line-height: 22px; margin: 0 0 10px 0; }
h4 { font-size: 14px; line-height: 18px; margin: 0 0 10px 0; }
h5 { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; }
h6 { font-size: 11px; color: #999; }

h2 a, h3 a, h4 a, h5 a, h6 a { color: #e51937; }

#intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6 { color: #fff; }

#header { color: #fff; }
#header a, #header a:active, #header a:link, #header a:visited { color: #fff; }

#nav a, #nav a:active, #nav a:link, #nav a:visited { font-size: 14px; line-height: 14px; color: #fff; text-decoration: none; }
#nav a:hover { color: #ddd; }
#nav .selected a { color: #000 !important; }

#topbar li a { line-height: 12px; text-decoration: none; }
#topbar li a:hover { color: #ddd; }
#topbar .selected a { font-weight: bold; }

#secondary a { color: #333; font-size: 12px; line-height: 14px; text-decoration: none; }
#secondary a:hover { color: #e51937; }
#secondary .selected a { line-height: 25px; font-weight: bold; color: #fff; text-shadow: -1px -1px 1px #999; }
#secondary .selected a:hover { color: #fff; }

#intro { color: #eee; }
#intro a, #intro a:active, #intro a:link, #intro a:visited { color: #fff; }
#intro p { font-size: 14px; }

#textarea img { margin: 0 0 10px 0; }
#textarea table { margin: 0 0 10px 0; }
#textarea table td { vertical-align: top; }
#textarea ul { list-style-type: disc; list-style-position: outside; margin: 0 0 20px; }
#textarea ul li { margin: 0 0 0 20px; }

#footer { color: #ddd; font-size: 11px; }
#footer a, #footer a:active, #footer a:link, #footer a:visited { color: #ddd; text-decoration: none; border-bottom: 1px solid #666; line-height: 14px; }
#footer a:hover { color: #fff; }

#base { color: #ccc; font-size: 11px; }

.intro-paragraph { font-size: 13px; color: #eee; background-color: #666; padding: 20px; }

.red { color: #e51937 !important; }
.red:active, .red:link, .red:visited { color: #e51937 !important; border-bottom: 1px solid #e51937 !important; }

.content-table td { vertical-align: top; }
.border-right { border-right: 1px dashed #c5c5c5; }

.home-button { background-color: #333; background-image: url('images/home-button.png'); background-position: top left; height: 35px; width: 215px; padding: 20px 0 0 0; font-size: 15px; color: #fff !important; text-decoration: none !important; display: block; text-align: center; }
.home-button:hover { background-position: bottom left; }

.image-left { float: left; margin: 0 15px 10px 0 !important; }
.image-right { float: right; margin: 0 0 10px 15px !important; }

#carousel-table td { vertical-align: top; }

.layout-table { border: 1px solid #fff; width: 100%; }
.layout-table td { padding: 15px; vertical-align: top; border: 1px dashed #c5c5c5; border-top: none; border-left: none; }
.layout-table td p:last-of-type { margin: 0; }

.product-info-table { border: 1px solid #d5d5d5; }
.product-info-table td { padding: 5px; text-align: center; vertical-align: top; border-right: 1px dashed #c5c5c5; }
.product-info-table-header { background-color: #333; font-weight: bold; color: #fff; border-right: 1px solid #666 !important; }

.mounts-grid, #textarea .mounts-grid, .flex-mounts-grid, #textarea .flex-mounts-grid { border: 1px solid #d5d5d5; margin: 0; }
.mounts-grid td, .flex-mounts-grid td { padding: 8px; text-align: center; vertical-align: middle !important; border-right: 1px dashed #c5c5c5; border-bottom: 1px dashed #c5c5c5; }
.mounts-grid-header { background-color: #e51937; font-weight: bold; color: #fff; border-right: 1px solid #eee !important; font-size: 10px; }
.mounts-grid-label strong { color: #e51937; }
.mounts-grid-label { background-color: #eee; text-align: left !important; }
.mounts-grid a, .flex-mounts-grid a { display: block; margin: 0; text-align: center; }
.mounts-grid img, .flex-mounts-grid img { border: none !important; margin: 0 !important; }

.mounts-grid, #textarea .mounts-grid { width: 100%; }
.flex-mounts-grid a { margin: 0 75px; }

.image-grid { width: 65px !important; border: 0; }