/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'swiss_721lightcondensed';
    src: url('fonts/swiss_721_light_condensed-webfont.eot');
    src: url('fonts/swiss_721_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/swiss_721_light_condensed-webfont.woff') format('woff'),
         url('fonts/swiss_721_light_condensed-webfont.ttf') format('truetype'),
         url('fonts/swiss_721_light_condensed-webfont.svg#swiss_721lightcondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'swiss_721roman';
    src: url('fonts/swiss_721-webfont.eot');
    src: url('fonts/swiss_721-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/swiss_721-webfont.woff') format('woff'),
         url('fonts/swiss_721-webfont.ttf') format('truetype'),
         url('fonts/swiss_721-webfont.svg#swiss_721roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'swiss_721bold';
    src: url('fonts/swiss_721_bold-webfont.eot');
    src: url('fonts/swiss_721_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/swiss_721_bold-webfont.woff') format('woff'),
         url('fonts/swiss_721_bold-webfont.ttf') format('truetype'),
         url('fonts/swiss_721_bold-webfont.svg#swiss_721bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'swiss_721light';
    src: url('fonts/swiss_721_light-webfont.eot');
    src: url('fonts/swiss_721_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/swiss_721_light-webfont.woff') format('woff'),
         url('fonts/swiss_721_light-webfont.ttf') format('truetype'),
         url('fonts/swiss_721_light-webfont.svg#swiss_721light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'swiss_721thin';
    src: url('fonts/swiss_721_thin-webfont.eot');
    src: url('fonts/swiss_721_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/swiss_721_thin-webfont.woff') format('woff'),
         url('fonts/swiss_721_thin-webfont.ttf') format('truetype'),
         url('fonts/swiss_721_thin-webfont.svg#swiss_721thin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpics-webfont.eot');
    src: url('fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpics-webfont.woff') format('woff'),
         url('fonts/modernpics-webfont.ttf') format('truetype'),
         url('fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

body	{/* background: url(../img/bg.jpg) no-repeat left top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */ font-family: sans-serif; font-size: .8em; line-height: 1.3;  background-color: #000; }


h1	{font-family: 'swiss_721lightcondensed'; font-weight: normal; font-size: 3.6em; color: #005696; text-transform: uppercase;}
h1.homeText	{font-family: 'swiss_721thin'; font-weight: normal; font-size: 3.6em; color: #fff; text-transform: uppercase;}
h2	{margin-bottom: .3em;}
h3	{font-family: 'swiss_721lightcondensed'; font-weight: normal; margin: 0 0 .5em; font-size: 2.5em; text-transform: uppercase; line-height: 1;}
h4	{font-family: 'swiss_721lightcondensed'; font-weight: normal; text-transform: uppercase; color: #005696; margin-top: 0; font-size: 1.1em;}
p	{margin-top: 0;}

a	{color: #005696; text-decoration: none; outline: none;}
.mainColLrg a:hover {text-decoration: underline;}
.mainColLrg a.btn:hover {text-decoration: none;}

a:focus	{outline: none;}

ul 	{padding-left: 18px; list-style-image: url(../img/bullet.png);}

form 	{/*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/}
input[type="text"]	{/*background: #fff; border: none; padding: 8px; width: 175px; vertical-align: middle;*/}
input[type="submit"]	{background: #00365e url(../img/blue-grad.png) repeat-x; color: #fff; font-family: 'swiss_721lightcondensed'; border: none; padding: 8px; width: 82px; vertical-align: middle;}
.smallCol form, footer form {background: #fff;}

form ul {list-style: none; padding-left: 0;}

#bgImg	{position: fixed; bottom: 0; left: 0; z-index: -1; width: 100%; }
.bgwidth { width: 100%; height: auto; }
.bgheight { height: 100%; width: auto; }


header	{/*margin-bottom: 80px; */position: relative; z-index: 300;}

#logo	{float: left; width: 297px; height: 124px; background: url(../img/logo.png) no-repeat left center; display: block; text-indent: -9999px;}
nav	{float: right; font-size: 14px; position: relative;}
nav ul 	{list-style: none; padding: 0; margin: 0;}
nav > ul > li	{float: left; width: 106px; height: 124px; margin-left: 3px; background-image: url(../img/icons.png); background-repeat: no-repeat; }
nav > ul > li > a	{display: block; text-align: center; text-decoration: none; color: #005696; font-family: 'swiss_721lightcondensed'; text-transform: uppercase; line-height: 1; position: relative; height: 100%;}
nav > ul > li > a > span {padding-top: 80px; display: block;}
nav > ul > li:hover > a:after	{content: ''; position: absolute; width: 0; height: 0; border-bottom: 12px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; bottom: 0; left: 40%; z-index: 90;}
nav > ul > li.navLocations > a:after {border-bottom-color: transparent; }
nav ul li.navAccounts	{background-position: -9px 0;}
nav ul li.navLoans	{background-position: -9px -124px;}
nav ul li.navBusiness	{background-position: -9px -240px;}
nav ul li.navInvestments	{background-position: -9px -370px;}
nav ul li.navLocations	{background-position: -9px -490px;}
nav ul li.navAbout {background: url(../img/about.png) -9px top;}

nav ul li.navAccounts:hover	{background-position: -134px 0;}
nav ul li.navLoans:hover	{background-position: -134px -124px;}
nav ul li.navBusiness:hover	{background-position: -134px -240px;}
nav ul li.navInvestments:hover	{background-position: -134px -370px;}
nav ul li.navLocations:hover	{background-position: -134px -490px;}
nav ul li.navAbout:hover {background: url(../img/about.png) -134px top;}
nav ul li#ref_167 .drop {width:814px; }
nav ul li#ref_167 ul {background: url(../img/bg2b.jpg);}
nav ul li#ref_167 ul li {width: 20%;}
nav ul li#ref_167 ul li ul li {width: 100%;}

nav > ul > li:hover > a	{color: #fff;}
 nav ul .drop 	{ display: none;}  
nav ul .drop 	{position: absolute; top: 100%; left: -200px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 760px; padding: 20px; overflow: hidden; z-index: 666;}
nav ul ul { background: url(../img/nav-borders.gif) top center repeat-y;}
nav ul ul li	{width: 25%; height: auto; float: left; }
nav ul ul li:last-child .bordRight	{border-right: none;}	
nav ul ul .pad	{padding-right: 0; padding-bottom: 0; padding-top: 0; padding-left: 10px;}
nav ul ul li:first-child .pad	{padding-left: 0px;}
nav ul ul li:last-child .pad	{padding-right: 0px;}
nav ul ul h4	{padding: 8px 0 8px 38px; margin-left: 8px; margin-bottom: 0; background-image: url(../img/icons.png); background-repeat: no-repeat; line-height: 1;}
nav ul ul h4.savings	{background-position: -45px -669px;}
nav ul ul h4.checking	{background-position: -45px -729px;}
nav ul ul h4.creditcards	{background-position: -45px -797px;}
nav ul ul h4.accountManagement	{background-position: -45px -996px; }
nav ul ul h4.member	{background-position: -45px -998px;}
nav ul ul h4.loans	{background-position: -45px -937px;}
nav ul ul h4.auto	{background-position: -45px -1141px;}
nav ul ul h4.other	{background-position: -45px -937px;}
nav ul ul h4.protection	{background-position: -45px -1213px;}
nav ul ul h4.service	{background-position: -45px -1286px;}
nav ul ul h4.invest	{background-position: -45px -1343px;}
nav ul ul h4.insure	{background-position: -48px -1412px;}
nav ul ul h4.contact	{background-position: -45px -1489px;}
nav ul ul h4.rate	{background-position: -45px -1557px;}
nav ul ul h4.history	{background-position: -45px -1343px;}
nav ul ul h4.media	{background-position: -48px -1412px;}
nav ul ul h4.otherpages	{background-position: -45px -937px;}
nav ul ul ul 	{position: static; width: 100%; box-shadow: none; margin: 0; padding: 0; background: none;}
nav ul ul ul li	{float: none; width: 100%; margin: 3px 0; background: none;}
.otherpage {display: none;}
nav ul ul ul li a {padding: 3px 10px; display: block;}
nav ul ul ul li a:hover{background-color: #005696; color: #ffffff;}


/*nav > ul > li:hover .drop 	{display: block;}*/

nav ul.fourth-level{margin:5px 0 0 10px; padding:0;}


.pad	{padding: 20px;}

.wrapper	{width: 960px; margin: 0 auto 120px; overflow-x: hidden;}

.fltLeft	{float: left;}
.fltRight	{float: right;}
.smallCol	{width: 313px;}
.smallColSm	{width: 232px;}
.smallColSm h3	{font-size: 2em;}

.mainCol	{width: 618px;}
.mainColLrg	{width: 722px;}

.mainColLrg .pad	{padding: 30px; background-color: rgba(255,255,255,0.9); color: #005696;}
.lt-ie9 .mainColLrg .pad {background: url(../img/trans-white.png);}

/*
.mainColLrg .table_rates {margin-left:-30px;}
*/





.move {padding-left:30px;}
.title {font-weight: bold; font-style: italic;}
.ital {font-style: italic; text-align: left;}
.small {font-size:11px;}




.rates-table{margin-bottom: 10px;}

.rates-table th{font-weight: bold;}
.rates-table td{padding: 5px 30px 5px 5px;}


/*
table {width: 722px;}
*/

.first {padding-left:30px;padding-top:20px;}

/*
table td{padding:5px;}
table th {font-weight: normal; text-align: left;}
table td:nth-child(3n){padding-right:75px;}
table td:nth-child(2n){padding-right:10px;}
table td:nth-child(4n){padding-right:8px;}
table td:nth-child(5n){padding-right:100px;}
*/

.color {background: #d9dde0;}

.tab_first td:first-child {padding:0 198px 0 45px;}



.tab_three td:nth-child(5n){padding-right:80px;}
.tab_second td:first-child {padding:0 116px 0 45px;}
.tab_three td:first-child {padding:0 166px 0 45px;}
.tab_four td:first-child {padding:0 92px 0 45px;}
.tab_five td:first-child {padding:0 166px 0 45px;}





.feedback ul{display: inline-block;list-style-image: none;}

.goog_loc img, iframe{float:right; padding: 10px 0 10px 10px;}
hr {padding-bottom:30px; margin-top:30px;}



/* nav ul li#ref_167 ul:after {content: "Routing #: 324078909"; position: absolute; color:#005696; font-size: 14px;right:50px; bottom: 20px; font-family: 'swiss_721lightcondensed'; font-weight: normal;} */

.quote {position: relative !important;  bottom:0px !important; font-size: 12px !important; width:130px !important;}




.fourCol > div	{float: left; width: 234px; margin-right: 8px; }
.fourCol > div:nth-child(4n)	{margin-right: 0;}
.fourCol h3	{padding: 0 0 0 43px; background-image: url(../img/icons.png); background-repeat: no-repeat; font-size: 23px;}
.fourCol p	{margin: 0; min-height: 20px;}
h3.hdrSavings	{background-position: -181px -661px;}
h3.hdrChecking	{background-position: -181px -708px;}
h3.hdrCreditcards	{background-position: -181px -749px;}
h3.hdrAcctMgt	{background-position: -181px -1000px; }
h3.hdrAuto	{background-position: -181px -1140px;}
h3.hdrOther	{background-position: -181px -930px;}
h3.hdrProtection	{background-position: -181px -1223px;}
h3.hdrService {background-position: -181px -1290px;}
h3.hdrInvest {background-position: -181px -1352px;}
h3.hdrInsure {background-position: -181px -1412px;}
h3.hdrContact {background-position: -181px -1498px;}
h3.hdrRate {background-position: -181px -1556px;}
.ads	{margin-bottom: 16px; position: relative;}
.ads .slide {height: 423px;}
.ads .slide .btnLrg	{position: absolute; bottom: 20px; right: 40px;}

.alignCenter	{text-align: center;margin-top: -5px;}
.alignRight	{text-align: right;}

.grayBox	{padding: 20px; background-color: rgba(255,255,255,0.8); color: #005696; margin-bottom: 4px;}
.lt-ie9 .grayBox {background: url(../img/trans-white.png);}
.blueBox	{padding: 20px; background: rgba(0,86,150,0.8); color: #fff; margin-bottom: 4px;}
.lt-ie9 .blueBox {background: url(../img/trans-blue.png);}


.bordRight	{border-right: 1px solid #cacaca; padding-right: 20px;}

.memberLogin	{padding-left: 50px; background: url(../img/icon-members.png) no-repeat left center;}

.banner	{height: 106px; margin-bottom: 5px; position: relative;}
.banner h1	{margin: 0; padding: 26px;}

.smiles1	{background: #fff url(../img/banner-img1.jpg) no-repeat top right; }
.smiles2	{background: #fff url(../img/banner-img2.jpg) no-repeat top right; }

#rates	{margin-left: 32px; padding: 0 0 0 10px; border-left: 1px solid #005696; position: relative; height: 120px;}
#rates h3	{ font-size: 30px; position: absolute; top:42px; left:-89px; text-align: center;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.lt-ie9 #rates h3	{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); top: -4px; left: -40px;}
.ratesOutput	{font-size: 1.3em; font-family: 'swiss_721light'; text-align: center; line-height: 1; display: none; padding: 22px 0;}

.ratesOutput span	{display: block; font-size: 1.3em; font-family: 'swiss_721bold';}
#rates ul 	{ clear: both; list-style: none; margin: 12px 0; font-family: 'swiss_721lightcondensed'; text-transform: uppercase; padding: 0; margin-bottom: 0; position: absolute; left: 10px; bottom: 0; font-size: 14px;}
#rates .fltLeft {width: 108px;}
#rates ul li	{float: left; }
#rates ul li a	{display: block; padding: 0px 10px; position: relative;}
#rates ul li a:hover, #rates ul li a.active	{background: #005696; color: #fff;}
#rates ul li a:hover:after, #rates ul li a.active:after	{content: ''; position: absolute; width: 0; height: 0; border-bottom: 6px solid #005696; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: 100%; left: 40%;}
.ital {font-style: italic;}
.rotator .btnWht	{font-size: 15px;}
.rotator .more	{font-size: 18px; margin-top: 10px;}

.slide	{font-size: 3em; font-family: 'swiss_721light'; text-transform: uppercase; line-height: 1.1; width: 100%; height: 210px;}
.slide small	{font-size: .5em; font-family: 'swiss_721lightcondensed'; display: block;}


.slide p{margin: 1px 0 0 0; padding:0;}

.jshowoff-slidelinks	{text-align: center; margin-bottom: 0; margin-top: 18px;}
.jshowoff-slidelinks a	{display: inline-block; width: 10px; height: 10px; text-indent: -9999px; border: 1px solid #fff; border-radius: 6px; background-color: #fff; margin: 0 4px; box-shadow: 0 0 8px rgba(0,0,0,0.5);}

.jshowoff-slidelinks a.jshowoff-active	{background-color: #005696;}

.ads .jshowoff-slidelinks	{position: absolute; width: 100%; left: 0; bottom: 10px;}

.clear	{clear: both;}

.btnLrg	{display: inline-block; background: #00365e url(../img/btn-bg.png) repeat-x; color: #fff; font-family: 'swiss_721lightcondensed'; padding: 8px 24px; font-size: 20px; text-transform: uppercase;}

.btn	{display: inline-block; background: #00365e url(../img/btn-bg.png) repeat-x; color: #fff; font-family: 'swiss_721lightcondensed'; font-size:16px; padding: 12px 12px; text-transform: uppercase;}

.btnWht	{display: inline-block; background: #fff; color: #005696; font-family: 'swiss_721lightcondensed'; padding: 4px 12px; text-transform: uppercase;}



.tab	{color: #fff; position: fixed; top: 204px; z-index: 500; right: 0px; width: 27px; height: 150px; overflow: hidden; }
.tab .margLeft {margin-left: 27px; background: url('../images/trans-red.png');height: 130px;margin-top: 5px;padding-top: 6px;}

.tab a	{color: #fff;}
.tabTitle	{background: url('../images/background-bg.png'); position: absolute; top: 0px; left: 0px; height: 150px; width: 27px; display: block; text-indent: -9999px;}


.tab #bgPicker	{ position: relative; width: 126px; height: 120px; overflow: hidden; }
.tab #bgPicker ul 	{padding: 2px; margin: 0; list-style: none; position: absolute; top: 0; left: 0; width: 600px;}
.tab #bgPicker ul li	{float: left;}
.tab #bgPicker ul li a	{display: block;}
.tab #bgPicker ul li a img	{border: 2px solid transparent;}
.tab .alignCenter a	{margin: 0 2px;}
.tab .alignCenter img	{vertical-align: inherit;}
.tabHor	{background: url('../images/trans-red.png'); font-size: 12px; position: absolute; top: -26px; right: 20px; text-align: center; height: 26px; line-height: 26px; padding: 0 6px; color: #fff; text-transform: uppercase;}

.tabHor:before	{content: ''; position: absolute; left: -13px; width: 13.5px; height: 26px; top: 0px; background: url(../img/tab-left.png) no-repeat;}
.tabHor:after	{content: ''; position: absolute; right: -13px; width: 13.5px; height: 26px; top: 0; background: url(../img/tab-right.png) no-repeat;}

.dot	{display: inline-block; width: 7px; height: 7px; margin: 2px 4px; border: 1px solid #fff; border-radius: 5px; background-color: #fff; margin: 0;}

.dot:hover, .dot.active	{background-color: #ED251A;}

#feedback	{background: url(../img/tab-feedback.png); position: absolute; top: 342px; right: 0px; height: 133px; width: 27px; color: #fff; z-index: 499; text-indent: -9999px; display: block;}



.headerShadow {text-shadow: #000000 2px 2px 10px; font-family: 'swiss_721roman' !important;}




#shade	{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999 !important; top: 0; display: none;}
.lt-ie9 #shade	{background: url(/images/ui/black-trans.png);}
#shade .close	{background: url(/images/ui/close.png) no-repeat; width: 29px; height: 29px; position: absolute; top: -14px; right: -14px; display: block;}
#shade .pad	{padding: 26px;}

#shade .login	{width: 317px; margin: 100px auto; background-color: #ffffff; position: relative; z-index: 99999;}
#shade .login h3	{margin: 0 0 18px 0; font-size: 24px; padding: 4px 0 4px 47px;}


#shade2	{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99999; top: 0; display: none;}
.ilt-ie9 #shade2	{background: url(/images/ui/black-trans.png);}
#shade2 .close	{background: url(/images/ui/close.png) no-repeat; width: 29px; height: 29px; position: absolute; top: -14px; right: -14px; display: block;}
#shade2 .message	{padding: 26px;}

#shade2 .message	{width: 500px; margin: 100px auto; background-color: #ffffff; position: relative; z-index: 99999;}
#shade2 .login h3	{margin: 0 0 18px 0; font-size: 24px;}


#shade3	{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99999; top: 0; display: none;}
.ilt-ie9 #shade3	{background: url(/images/ui/black-trans.png);}
#shade3 .close	{background: url(/images/ui/close.png) no-repeat; width: 29px; height: 29px; position: absolute; top: -14px; right: -14px; display: block;}
#shade3 .message	{padding: 26px;}

#shade3 .message	{width: 500px; margin:3% auto; background-color: #ffffff; position: relative; z-index: 9999999;}
#shade3 .login h3	{margin: 0 0 18px 0; font-size: 24px;}

#shade4	{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99999; top: 0; display: none;}
.ilt-ie9 #shade4	{background: url(/images/ui/black-trans.png);}
#shade4 .close	{background: url(/images/ui/close.png) no-repeat; width: 29px; height: 29px; position: absolute; top: -14px; right: -14px; display: block;}
#shade4 .message	{padding: 26px;}

#shade4 .message	{width: 500px; margin: 100px auto; background-color: #ffffff; position: relative; z-index: 99999;}
#shade4 .login h3	{margin: 0 0 18px 0; font-size: 24px;}


.sub-page-wrap{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #4d719e;}


.lt-ie9 .login form {border: 1px solid #ccc;} 
.lt-ie9 footer input[type="text"] {padding: 10px 8px;}
.login .btn {padding: 10px 12px; float: right; }
button.btn {border: none;} 

#top-right-rates{width: 320px; float: right; margin-left: 20px; padding: 25px; text-align: center; background-color: #015697; margin-bottom: 40px;}
#top-right-rates h2{margin:0; padding:0; color: #ffffff; font-size: 30px; display: block;}
#top-right-rates h3{margin:0; padding:0; color: #ffffff; font-size: 19px; display: block;}
.mainColLrg.exLrg {width: 960px;}
.main {float:left; width: 600px;}
.main img { width: 100%;}
.side {float:right;width:290px;}
.side img, .item img { width: 100%;}
.txt {margin-bottom: 8px; color: white; background: #005696;padding: 11px;}
.side .txt {margin-bottom: 7px;}
.item {float: left; width:293px;}
.mainColLrg.post iframe{float: left; padding:0 10px 10px 0;}
.mainColLrg.post h2, .mainColLrg.post h3, .mainColLrg.post h4 {clear:both;}
.main strong {line-height: 1.4;}
.mediamore li { background: none repeat scroll 0 0 #005696;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #005696;
    float: left;
    margin-left: 3px;
    padding: 10px 20px;
    text-align: center;
    width: 90px;}
.mediamore li a {color: white;}
.mediamore li a:hover {text-decoration: none; color:#005696; }
.mediamore li:hover {background: #fff;}
.mediamore li:hover a {color:#005696;}
.mediamore {list-style: none; margin:0; padding: 0;}
.main .txt {height: 50px;}
.pagination {text-align: center; margin-top: 20px;}
.pagination a {padding: 4px 10px;}
.pagination a.selected {color: white; background:#005696; } 
.pagination a:hover {background: white; color:#005696;}
.bck {font-weight: bold;padding:5px 10px;}
.bck img {margin-right:10px; margin-top:-3px;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


#map{width: 610px; height: 610px;}
.zip-box{float: left; font-weight: bold; color: #ffffff; width: 670px !important; background-color: #bdbdbd !important; margin-right: 10px;}

	.slide-wrap img { /* height: 284px; width:315px;*/ min-width: 100%;  margin-left: -20px; position:relative; top: 20%; -webkit-transform: translateY(-7%);
  -ms-transform: translateY(-7%);transform: translateY(-7%);}
  
	       	.jshowoff-slidelinks	{position: relative; z-index: 9999;}

.find-locations-div{margin-top: 10px; text-align: right; width: 899px;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1240px) {

    body { }
    .wrapper {width:900px;}  
    #logo {width: 237px; background-size: contain;}

    .mainCol {width: 560px;}
    /* .smallCol {width: 283px;} */
    .mainColLrg {width: 692px;}
    .smallColSm {width: 202px; }
.grayBox input[type="text"] {width: 175px !important;}
    input[type="text"] {width: 145px;}

    #rates .fltLeft {width: 83px;}

    .fourCol > div {width: 219px;}

    .ads .slide {height: 386px;}
 /*    .rotator .slide img {width: 100%;} */

    #rates ul li a {padding: 0 8px;}
	
	#map{width: 560px; height: 610px;}
	.zip-box{float: left; font-weight: bold; color: #ffffff; width: 619px !important; background-color: #bdbdbd !important; margin-right: 10px;}
	.find-locations-div{margin-top: 10px; text-align: right; width: 848px;}

/*  .smallCol {margin-right:25px;} */


/*  .wrapper {margin-right:25px; width:960px;} */

 /*
.tab {display: none;}
    #feedback {display: none;
}
*/

   /*
.tab {top:900px;}
   #feedback {top:980px;}
*/

   /* .tab {top: 500px; right: -240px;}
    #feedback {top: 600px; right: -240px;}*/

    /* Style adjustments for viewports that meet the condition */
}
@media only screen and (max-width: 960px) {
	
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}