@charset "UTF-8";
/* CSS Document */

/* 
   ///////////////////////////////
   // Table of Contents         //
   ///////////////////////////////
*/

/* Table of Contents
1. Reset & Base Styles
2. Typography
3. Layout & Grid
4. Navigation
   - Main Nav
   - Left Nav
   - Right Nav
5. Components
   - Buttons
   - Tables
   - Cards
   - Banners
6. Utility Classes
   - Layout
   - Colors
   - Typography
   - Spacing
   - Borders
   - Shadows
7. Special Components
   - Cart
   - Logos
8. Media Queries
*/


/* 
   ///////////////////////////////
1) // Reset & Base Styles       //
   ///////////////////////////////
*/

/* Color Variables */
:root {
    --primary-blue: #000099;
    --secondary-blue: #4F8EB6;
    --accent-red: #CC0000;
    --light-gray: #e5e5e5;
    --white: #ffffff;
    --black: #000000;
}

/* Reset & Base Styles */
html {
   margin: 0px;
   padding: 0px;
}

body {
   background: white url(https://img.websweeper.com/style/pics/bg-main.png) repeat-y center;
   height: 100%;
   margin: 0px;
   padding: 0px;
   font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, Utkal, sans-serif;
   font-weight: 400;
   -webkit-font-smoothing: antialiased;
   font-size: 16px;
   line-height: 1.33333;
   color: #262626;
   text-align: left;
}



/* 
   ///////////////////////////////
2) // Typography                //
   ///////////////////////////////
*/

/* Typography */
h1 {
   margin: .67em 0;
   font-size: 24px;
}

h2 {
   font-size: 18px;
   color: #CC0000;
   margin: 0;
}

a {
   color: #0000FF;
}

a:hover {
   color: #0066FF;
}

a:visited {
   color: #660099;
}

a:visited:hover {
   color: #0066FF;
}



/* 
   ///////////////////////////////
3) // Layout & Grid             //
   ///////////////////////////////
*/

/* Layout & Grid */
#containerAll {
   max-width: 1280px;
   margin: 0 auto;
   padding: 0;
   height: 100%;
   position: relative;
   background: url(https://img.websweeper.com/style/pics/bg-main.png) repeat-y -20px 0;
}

#containerTop {
   margin: 0 auto;
   padding: 0 0 0 9px;
   text-align: center;
   height: 75px;
   max-width: 1280px;
   background: url(https://img.websweeper.com/style/pics/bg-main.png) repeat-y -20px 0;
}

#container {
   padding: 0px 160px 0px 138px;
   margin: 0px;
   position: absolute;
   top: 75px;
   left: 0px;
   width: 100%;
   box-sizing: border-box;
   text-align: center;
   background: url(https://img.websweeper.com/style/pics/bg-main.png) repeat-y -20px 0;
}

#containerNoRight {
   padding: 0 0 0 133px;
   margin: 0;
   position: absolute;
   top: 75px;
   left: 0px;
   width: 100%;
   box-sizing: border-box;
   text-align: center;
   background: url(https://img.websweeper.com/style/pics/bg-main.png) repeat-y -20px 0;
}

div.content {
   width: 85%;
   margin: 0 auto;
}



/* 
   ///////////////////////////////
4) // Navigation Components     //
   ///////////////////////////////
*/

/* Main Navigation */
#nav {
   font-size: 16px;
   line-height: 1.4em;
   float: left;
   margin: 0;
}

#nav li {
   position: relative;
   float: left;
   height: auto;
   border-bottom: 1px solid #2D729D;
   margin: 0;
   width: 115px;
}

#nav li ul {
   position: absolute;
   left: -9999em;
   top: 5px;
   margin-left: 110px;
   z-index: 100;
}

#nav li ul ul {
   left: -9999em;
   margin-left: 185px;
   z-index: 101;
}

#nav a {
   background: none;
   color: #000099;
   display: block;
   text-decoration: none;
   padding: 5px 0.5em;
}

#nav a:hover,
#nav a:focus,
#nav .sfhover>a {
   color: #FFFFFF;
   background-color: #4F8EB6;
}

#nav ul {
   background: #DCE9F0;
   border: 1px solid #2D729D;
}

#nav ul li {
   width: 190px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
   left: -9999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
   left: auto;
}

/* Left Navigation */
#LeftNav {
   position: absolute;
   margin: 0;
   top: 0;
   left: 9px;
   width: 124px;
   border-radius: 10px;
   background-color: #6ba6a6;
   background-image: linear-gradient(to left, #6ba6a6, #dfedee 10%);
   font-size: 12px;
}

#LeftNavTop {
   margin: 0;
   width: 124px;
   height: 25px;
   background: url(https://img.websweeper.com/style/pics/menu-corners.gif) no-repeat -154px top;
}

#LeftNavBottom {
   margin: 0;
   width: 124px;
   height: 13px;
   background: url(https://img.websweeper.com/style/pics/menu-corners.gif) -154px bottom;
   position: absolute;
   bottom: 0;
   left: 0;
}

.Cart {
   background: url(https://img.websweeper.com/style/pics/AB-logo-all.gif) no-repeat -51px -25px;
   font-weight: bold;
   margin: 10px 18px 5px 15px;
   padding: 0;
   text-align: right;
   height: 15px;
}

#Cart a {
   padding: 0;
   display: block;
   width: 100%;
}

#Num {
   margin: 12px 9px;
   display: block;
   width: 96px;
   height: 20px;
   background: url(https://img.websweeper.com/style/pics/sharing.gif) repeat-x 0px 0px;
}

.BlueBar {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -214px 0;
   padding: 3px;
}

.RedBar {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -45px 0;
   padding: 3px;
}

#LCert {
   width: 112px;
   background: url('https://img.websweeper.com/style/pics/security-seals2.gif') no-repeat 7px 0;
   margin-bottom: 20px;
   padding-right: 10px;
}

#LCert a {
   display: block;
   padding: 25px 0px 47px 0px;
   font-size: 10px;
}

#GBoard {
   position: relative;
   height: 40px;
}

#GBoard a {
   position: absolute;
   top: 7px;
   left: 25px;
}

div.Spacing {
   line-height: 1.5em;
   text-align: center;
   margin-right: 10px;
}

#LeftNavList {
   margin-left: -2.5em;
   border-bottom: 1px solid #296488;
   width: 120px;
}

#LeftNavList li {
   display: block;
   padding: 0.25em;
   border-top: 1px solid #296488;
   list-style-type: none;
   line-height: 1.5em;
   font-size: 0.8em;
   text-align: left;
}

/* Right Navigation */
#RightNav {
   position: absolute;
   top: 0;
   right: 0px;
   width: 195px;
   font-size: 16px;
   margin: 0;
   text-align: center;
   overflow: hidden;
}

#RightNav ul {
   padding: 0;
   margin: 0 0 0 10px;
   text-align: left;
}

#RightNav li {
   border-top: 1px solid #2D729D;
   list-style: none;
}

#RightNav li a {
   padding: 6px 0 6px 30px;
   display: block;
   color: #000099;
   text-decoration: none;
   width: 100%;
}

#RightNav li a:hover {
   color: #FFFFFF;
   background-color: #4F8EB6;
}

#RightNavBig3 a {
   display: block;
   width: 112px;
   padding: 5px 33px 5px 0px;
   text-align: right;
   color: #ffffff;
   text-decoration: none;
}

#RightNavBl {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -155px 0;
   transform: scale(1.16);
}

#RightNavGr {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -493px 0;
   transform: scale(1.16);
}

#RightNavOr {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -665px 0;
   transform: scale(1.16);
}

#RightNavRd {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y 13px 0;
   transform: scale(1.16);
}

#RightNavBl:hover {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -1014px 0;
}

#RightNavGr:hover {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -1183px 0;
}

#RightNavRd:hover {
   background: url(https://img.websweeper.com/style/pics/menu-bg.png) repeat-y -845px 0;
}

#RightNavBl a,
#RightNavBl a:hover {
   margin-left: 20px;
   background: url(https://img.websweeper.com/sprites/rn.gif) no-repeat 0 -263px;
}

#RightNavGr a,
#RightNavGr a:hover {
   margin-left: 20px;
   background: url(https://img.websweeper.com/sprites/rn.gif) no-repeat 0 0;
}

#RightNavRd a,
#RightNavRd a:hover {
   margin-left: 20px;
   background: url(https://img.websweeper.com/sprites/rn.gif) no-repeat 0 -235px;
}

.bullAB,
.bullAB a:hover {
   background: url(https://img.websweeper.com/style/pics/AB-logo-all.gif) no-repeat -46px 1px;
}

.bullDollar a,
.bullDollar a:hover {
   background: url(https://img.websweeper.com/sprites/rn.gif) no-repeat 0 0;
}

.bullClock,
.bullClock a:hover {
   background: url(https://img.websweeper.com/sprites/rn.gif) no-repeat 0 -30px;
}

.bullNo,
.bullNo a:hover {
   background: url(https://img.websweeper.com/sprites/rn.gif) no-repeat 0 -60px;
}

.bullUSA,
.bullUSA a:hover {
   background: url(https://img.websweeper.com/sprites/rn.gif) no-repeat 0 -90px;
}

.bullQ,
.bullQ a:hover {
   background: url(https://img.websweeper.com/style/pics/menu-corners.gif) no-repeat -278px;
}

#Prices {
   margin: 3px 0;
}

#Related {
   margin-left: 10px;
   padding: 5px 10px 0px 11px;
   font-size: 14px;
}

#Related a {
   margin-top: 5px;
   border: #000099 double;
   background-color: #FFFFFF;
   display: block;
   position: relative;
   text-decoration: none;
   width: 115px;
   color: #CC0000;
}

#Related a:hover {
   color: #FFFFFF;
   background-color: #CC0000;
}

table.tableList {
   border-collapse: collapse;
   width: 480px;
   margin: 10px auto;
   text-align: left;
}

td.tableList {
   padding: 5px;
}

div.Category {
   padding: 15px 0 0 10px;
}

.shadowtext {
   height: 1em;
   text-shadow: #3366FF 4px 4px 8px;
   filter: Shadow(Color=#3366FF, Direction=135, Strength=4);
}

.shadowobj {
   -moz-box-shadow: 3px 3px 5px #333;
   -webkit-box-shadow: 3px 3px 5px #333;
   box-shadow: 3px 3px 5px #333;
}

#inline-list p {
   display: inline;
}

#inline-list ul,
#inline-list li {
   display: inline;
   margin: 0;
   padding: 0;
}

.nolinkred a {
   color: #CC0000;
}

.nolinkred a:hover {
   color: #CC0000;
}

.nolinkblue a {
   color: #000099;
}

.nolinkblue a:hover {
   color: #000099;
}

.coupon {
   border: dashed;
   border-color: #000099;
   background-color: #CC0000;
   color: #FFFFFF;
}

#ddMenu {
   font-size: 12px;
   text-align: left;
   width: 150px;
}

#nav .thisPage {
   background: #82B6D7;
}

#nav a.arr {
   background: url(https://img.websweeper.com/style/pics/sharing.gif) no-repeat right bottom;
}

#nav a.share {
   background: url(https://img.websweeper.com/style/pics/sharing.gif) no-repeat 0px -152px;
}

#nav,
#nav ul {
   list-style: none;
   padding: 0;
}



/* 
   ///////////////////////////////
5) // Components                //
   ///////////////////////////////
*/

/* Buttons */
.bluebutton {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: linear-gradient(to bottom, #3e779d, #65a9d7);
   padding: 8.5px 17px;
   border-radius: 10px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 19px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}

.green_button {
   box-shadow: inset 1px 1px 0px 0px #9ecf90;
   background: linear-gradient(to bottom, #37f72d 5%, #59c71e 100%);
   background-color: #37f72d;
   border: 1px solid #2db33a;
   display: inline-block;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   padding: 6px 20px;
   text-decoration: none;
   text-shadow: 2px 2px 5px #2f6627;
}

/* Tables */
.price_table {
   margin: 0px;
   padding: 0px;
   width: 100%;
   box-shadow: 10px 10px 5px #888888;
   border: 1px solid #000000;
   border-radius: 10px;
}

.price_table table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   height: 100%;
   margin: 0px;
   padding: 0px;
}

.price_table tr:last-child td:last-child {
   border-bottom-right-radius: 10px;
}

.price_table table tr:first-child td:first-child {
   border-top-left-radius: 10px;
}

.price_table table tr:first-child td:last-child {
   border-top-right-radius: 10px;
}

.price_table tr:last-child td:first-child {
   border-bottom-left-radius: 10px;
}

.price_table tr:nth-child(odd) {
   background-color: #ffffff;
}

.price_table tr:nth-child(even) {
   background-color: #e5e5e5;
}

.price_table td {
   vertical-align: middle;
   border: 1px solid #000000;
   border-width: 0px 1px 1px 0px;
   text-align: left;
   padding: 5px;
   font-size: 10px;
   font-family: Arial;
   font-weight: normal;
   color: #000000;
}

.price_table tr:last-child td {
   border-width: 0px 1px 0px 0px;
}

.price_table tr td:last-child {
   border-width: 0px 0px 1px 0px;
}

.price_table tr:first-child td {
   background: linear-gradient(to bottom, #e5e5e5 5%, #e5e5e5 100%);
   background-color: #e5e5e5;
   border: 0px solid #000000;
   text-align: center;
   border-width: 0px 0px 1px 1px;
   font-size: 14px;
   font-family: Arial;
   font-weight: bold;
   color: #000000;
}

.price_table tr:first-child td:first-child {
   border-width: 0px 0px 1px 0px;
}

.price_table tr:first-child td:last-child {
   border-width: 0px 0px 1px 1px;
}

/* Cards and Containers */
.coupon {
   border: dashed;
   border-color: #000099;
   background-color: #CC0000;
   color: #FFFFFF;
}

/* Banner Elements */
#BannerNav {
   position: absolute;
   right: 3px;
   bottom: -1px;
}

#ChangeBanner {
   border: 2px solid #000099;
   padding: 7px;
}

#BannerContainer {
   max-width: 31em;
   margin: 5px auto 2px;
   position: relative;
}



/* 
   ///////////////////////////////
6) // Utility Classes           //
   ///////////////////////////////
*/

/* Layout Utilities */
.round {
   border-radius: 6px;
}

.roundTop {
   border-radius: 6px 6px 0 0;
}

.roundLg {
   border-radius: 10px;
}

.flex { display: flex; }
.flex-center { 
    display: flex;
    align-items: center;
    justify-content: center;
}
.hidden { display: none; }
.visible { display: block; }

/* Colors */
.yellow { color: #ffcc00; }
.green { color: #006600; }
.red { color: #CC0000; }
.blue { color: #0000FF; }
.bluemid { color: #4F8EB6; }
.navy { color: #000099; }
.white { color: #fff; }
.black { color: #000; }

/* Text Utilities */
.bold { font-weight: bold; }
.xs { font-size: 10px; }
.sm { font-size: 12px; }
.std { font-size: 14px; }
.md { font-size: 16px; }
.lg { font-size: 18px; }
.xl { font-size: 24px; }

/* Alignment */
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: left; }

/* New classes to enlarge outerbox by Tim 4-17-24 */
.enlarge {
   width: 100%;
   height: 160px;
}

.wider-table {
   width: 100%;
}

/* Spacing Utilities - Consolidated */
.m-0 { margin: 0; }
.p-0 { padding: 0; }
.m-1 { margin: 0.25rem; }
.p-1 { padding: 0.25rem; }

/* Border Utilities - Consolidated */
.border-none { border: none; }
.border-solid { border: 1px solid var(--primary-blue); }
.border-dashed { border: 1px dashed var(--primary-blue); }

/* Shadows */
.shadowtext {
   height: 1em;
   text-shadow: #3366FF 4px 4px 8px;
   filter: Shadow(Color=#3366FF, Direction=135, Strength=4);
}

.shadowobj {
   -moz-box-shadow: 3px 3px 5px #333;
   -webkit-box-shadow: 3px 3px 5px #333;
   box-shadow: 3px 3px 5px #333;
}



/* 
   ///////////////////////////////
7) // Special Components        //
   ///////////////////////////////
*/

/* Cart */
.Cart {
   background: url(https://img.websweeper.com/style/pics/AB-logo-all.gif) no-repeat -51px -25px;
   font-weight: bold;
   margin: 10px 18px 5px 15px;
   padding: 0;
   text-align: right;
   height: 15px;
}

#Cart a {
   padding: 0;
   display: block;
   width: 100%;
}

/* Logos */
.ablogo {
   color: #000099;
   font-family: 'Times New Roman', Times, serif;
   font-size: 2em;
   background: #fff;
}

.ablogoSm {
   background: url(https://img.websweeper.com/style/pics/AB-logo-all.gif) no-repeat -46px 0px;
   width: 24px;
   height: 24px;
   overflow: hidden;
}

.ablogoMd {
   background: url(https://img.websweeper.com/style/pics/AB-logo-all.gif) no-repeat 0px 0px;
   width: 35px;
   height: 35px;
   overflow: hidden;
}

.ablogoLg {
   background: url(https://img.websweeper.com/style/pics/AB-logo-all.gif) no-repeat 0px -40px;
   width: 70px;
   height: 70px;
   overflow: hidden;
}

.u { 
    text-decoration: underline; 
}

.sectionhead {
    font-family: fantasy, "Times New Roman", Times, serif;
    font-style: italic;
}

.automargins {
    margin-left: auto;
    margin-right: auto;
}

.nospace {
    margin: 0;
    padding: 0;
}

.cell0 {
    border-collapse: collapse;
}

.cell0 td {
    padding: 0px;
}

.cell1-3 {
    border-collapse: collapse;
    border-width: 1px;
}

.cell1-3 td {
    padding: 3px;
}

.cellpad4 td {
    padding: 4px;
}

.cellpad7 td {
    padding: 7px;
}

.cell10 td {
    padding: 10px;
}

.listspace li {
    margin-bottom: 7px;
}

.minspace {
    margin: 3px;
    padding: 1px;
}

.margin4 {
    margin: 4px;
}

.halfminwidth {
    width: 240px;
}

.fourthminwidth {
    width: 120px;
}

.invis {
    border: 0;
}

.link img {
    border: 2px solid;
}

.inline {
    display: inline;
}

.bordercolor {
    border-color: #000080;
}

.bluebgmid {
    background-color: #4F8EB6;
}

.bluebglite {
    background-color: #dce9f0;
}



/* 
   ///////////////////////////////
7) // Media Queries             //
   ///////////////////////////////
*/

/* Media Queries */
@media screen and (max-width: 768px) {
    #containerTop,
    div.content {
        min-width: 0;
    }
}

@media screen and (min-width: 800px) {
    #containerTop {
        min-width: 790px;
    }

    div.content {
        min-width: 480px;
    }
}