﻿/*  YUI RESET */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #444; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*  END YUI RESET */

a, a:visited, a:active { color:#0662cd; text-decoration:none; }
a:hover { color:#f99d32; }

#pageWrapper { width:980px; margin:0 auto; padding:10px 0; }
#pageHeader { width:980px; float:left; height:113px; margin:0; padding:0; clear:both; }
#pageMiddle { width:980px; float:left; margin:0; padding:0; clear:both; }
#pageFooter { width:980px; float:left; margin:0; padding:0; clear:both; }

#headerWrap { width:980px; float:left; margin:0; padding:0; }
#headerLogoPanel { width:980px; float:left; margin:0; padding:0 0 10px 0; }
#headerLogoPanelLeft { width:200px; float:left; margin:0; padding:0; text-align:left; }
#headerLogoPanelCenter { width:580px; float:left; margin:0; padding:0; text-align:center; }
#headerLogoPanelRight { width:200px; float:left; margin:0; padding:0; text-align:right; }
#headerMenuPanel { width:980px; float:left; margin:0; padding:0; }
#headerMenu { width:100%; display:block; float:left; margin:0; padding:0; list-style:none; }
#headerMenu li { height:30px; display:block; float:left; margin:0; padding:0; list-style-type:none; text-align:center; }
#monthlySpecial { color:#000; Background:#fff; padding:8px; border:solid 1px #F99D32; position:absolute; z-index:90000000; }
#searchWrap { width:151px; text-align:center; padding-top:4px !important; background:transparent url('images/img_search_bkgd.gif') 0 0 no-repeat; }
#contentOrange { width:980px; background-color:#f60; padding:8px 0; margin:0 auto; text-align:center; }
#leftNavbar { width:210px; float:left; margin:0 10px 0 0; padding:10px 10px 20px 0; }
#mainContent { float:left; margin:0; padding:10px 0; }
#bannerWrap { width:100%; float:left; margin:0 0 10px; padding:0; }
#headingWrap { width:100%; float:left; margin:0 0 10px; padding:0; border-bottom:dotted 1px #777; }
#breadCrumbs { width:100%; float:left; margin:0; padding:5px 0; clear:both; }
#headingWrapLeft { float:left; margin:0; padding:0; }
#headingWrapRight { width:160px; float:right; margin:0; padding:0; text-align:right; }
#contentWrap { width:100%; float:left; margin:0; padding:0; }
#contentPanel { width:100%; float:left; margin:0; padding:0; }
#productsPanel { width:100%; float:left; margin:0; padding:0; }
#imageWrap { float:right; margin:0 0 20px 20px; padding:0; text-align:right; }
#contactFormWrap { width:980px; float:left; margin:0 0 20px 0; padding:0; }
#formWrap { width:470px; float:left; padding-right:20px; }
#mapWrap { width:469px; float:left; padding-left:20px; border-left:dashed 1px #0663CD; }
#map { width:470px; height:350px; }
#footerWrap { width:980px; float:left; margin:0; padding:20px 0; text-align:center; }
#footerMenuPanel { width:980px; float:left; margin:0; padding:0; }
#footerMenuPanelLeft { width:210px; float:left; margin:0; padding:0; text-align:left; }
#footerMenuPanelCenter { width:590px; float:left; margin:0; padding:30px 0 0; text-align:center; }
#footerMenuPanelRight { width:180px; float:left; margin:0; padding:0; text-align:center; }
#footerLocations, #footerMenu { width:100%; display:block; float:left; margin:0; padding:0; list-style:none; }
#footerMenu { margin-bottom:6px; }
#footerLocations li, #footerMenu li { color:#000; display:inline; margin:0; padding:5px 10px; list-style-type:none; text-align:center; line-height:24px; }
#footerMenu li { font-size:13px; }
#footerFeedPanel { width:980px; float:left; margin:0; padding:20px 0 0; }
.footerSubText { font-size:9px; color:#0062cd; }
#navigation_planningTable { margin-bottom:10px; }

#mainContent.wide { width:980px; }
#mainContent.narrow { width:750px; }
#headingWrapLeft.wide { width:100%; }
#headingWrapLeft.narrow { width:580px; }

.navigation { background-color: #e8e8e8; width: 100%; }
.footerAlign { text-align: center; vertical-align: middle; }
.crumbs { font-size:8pt; color:#0662cd; text-transform:uppercase; }
.mainHeading { padding:5px 0 0 0; font-size:18pt; font-family:Georgia; color:#f28100; }
.heading { font-size: 18pt; font-family: Georgia; color: #f28100; }
.headingBlack { font-size: 14pt; line-height: 36px; font-family: Georgia; color: #0663CD; }
.headingBlue { font-size: 18pt; font-family: Georgia; color: #0663CD; }
.headBlueMed { font-size: 16px; font-weight: bold; color: #0662cd; }


/*  HELPERS */
.\5padAboveBelow { padding-top: 5px; padding-bottom: 5px; }
.border { border: 1px solid #000; }
.style1 { font-size: 12px; color: #666666; }
.lineSpace1 { line-height: 25px; }
.lineSpace2 { line-height: 19px; }
.borderBottom { border-bottom: thin #666; }

.nav0 { color: #FFF; font-size: 11pt; padding: 8px 2px 6px 6px; text-decoration: none; font-weight: bold; }
.nav1 { color: #FFF; padding: 4px 2px 6px 6px; width: 100%; }
.nav2 { color: #0662cd; padding: 2px 3px 2px 12px; width: 100%; font-size: 10pt; }
.nav3 { color: #FFF; padding: 3px 2px 3px 18px; width: 100%; }
.nav0 a, .nav0 a:hover, .nav0 a:visited { color: #111; text-decoration: none; }
.nav1 a, .nav1 a:hover, .nav1 a:visited { color: #444; text-decoration: none; font-weight: bold; padding: 1px; }
.nav2 a, .nav2 a:hover, .nav2 a:visited { color: #0062cd; text-decoration: none; padding: 1px; }
.nav3 a, .nav3 a:hover, .nav3 a:visited { color: #555; text-decoration: none; padding: 1px; font-size: smaller; }

.imageButtons { list-style-type: none; margin: 0; padding: 0; }
.imageButtons li { background: #073467; display: block; float: left; margin: 0 2px; padding: 0px 3px; color: #fff; }
.imageButtons li.selected { background: #F6890C; }
.imageButtons a, .imageButtons a:visited, .imageButtons a:active, .imageButtons a:hover { color: #fff; text-decoration: none; }

.navLinksSmall { font-size: 9px; color: #0662cd; }
.navLinksSmall a, .navLinksSmall a:visited { text-decoration: none; color: #0662cd; }

.deleteLink { float: left; }


.searchBox { border: solid 1px #787A7C; padding: 2px 5px; width: 80%; color: #F99D31; font-weight: bold; font-size: 10pt; }
.searchResults { position: absolute; width: 300px; background-color: #eee; border-top: solid 0px #A0A0A0; border-left: solid 2px #A0A0A0; border-right: solid 2px #A0A0A0; border-bottom: solid 4px #A0A0A0; margin: 5px 0px 0px -164px; display: none; }
.searchRow { float: left; clear: both; text-align: left; padding: 8px 0px 8px 5px; width: 295px; color: #333; font-weight: bold; }
.searchRow:hover, .searchRowSelected { background-color: #ddd; cursor: pointer; float: left; clear: both; text-align: left; padding: 8px 0px 8px 5px; width: 295px; color: #333; font-weight: bold; }
.searchExtra { font-size: 8pt; color: #777; }
.searchImageContainer { float: left; height: 65px; width: 65px; padding-right: 5px; text-align: center; }

.relatedImageContainer { float: left; width: 75px; height: 75px; padding-right: 5px; text-align: center; }
.relatedImage { vertical-align: middle; }
.relatedLabel { color: #444; font-size: 10pt; font-weight: bold; }

.imageContainer { float: right; }
.imageContainer img { display: block; margin: 0px auto; }
.subImageContainer { padding: 5px 0px; width: 140px; }

.brands { padding: 10px 0px; }
.brands img { display: inline; padding: 7px 10px; vertical-align: middle; width: 115px; }

.productsTable a, .productsTable td a { text-decoration: none; }
.product > td { padding: 10px; }
.data-cell td { padding: 3px; }
.product-title { font-weight: bold; }
.product-image { width: 150px; }

.contactTable { width:470px; }
.contactTable td { padding:2px; width:50%; }
.contactTable td input, .contactTable td textarea, .contactTable td select { width:250px; border:solid 1px #a0a0a0; }
h2 { font-size:16pt; margin-bottom: 10px; font-family:Georgia; color:#0076cb; }
table.pricing { border:1px solid #666666; border-collapse:collapse; }
table.pricing td { padding:4px; border:1px solid #666666; }

