﻿/****Reset Style****/
body,div,p,table,thead,tbody,tfoot,tr,th,td,h1,h2,h3,h4,h5,h6,ul,ol,li,iframe,img{margin:0; padding:0;}

table{border-collapse:collapse; border-spacing:0;}

img{border:0;}

ol,ul{list-style:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

fieldset{margin:0; padding:0; border:none;}

a{color:#003399; text-decoration:none;}

a:hover{text-decoration:underline;}

.bold{font-weight:bold;}

.clear{clear:both;}


/*****Module Style*****/
@media (max-width:340px) {#address, #phone{display:block; padding:0 0 10px 20px; margin: 0 0 0 20px; float:none;}}

#frame{position:absolute; left:0; top:0; width:100%; height:100%; background-color:Transparent; font-family:"Avenir Book", Arial;}

#branchHeader{position:relative; text-align:center;}

#branchHeader h1{font-size:22px; line-height:19px; color:#222222; padding-bottom:10px;}

#branchHeader h2{font-size:12px; line-height:100%; color:#808080;}

#branchMap{position:relative; height:134px; padding:30px 20px 20px 20px;}

.noBranch #branchMap{height:100%; max-height:225px; text-align:center;}

.noBranch #branchMap img{width:100%; max-width:291px;}

#address{position:relative; float:left; width:140px; margin-left:25px; padding-left:20px; background:url('../images/addressIcon.png') left 3px no-repeat; font-size:14px; line-height:20px; color:#4C4C4C;}

#phone{position:relative; float:right; margin-right:40px; padding-left:20px; background:url('../images/phoneIcon.png') left 3px no-repeat; font-size:14px; line-height:20px; color:#4C4C4C;}

.links{position:relative; clear:both; margin-left:45px; padding-top:10px; font-size:11px; color:#666666;}

.links a{color:#666666;}

.popupLink{cursor:pointer;}

.popupLink:hover{text-decoration:underline;}

.dropdown{margin:15px 45px !important;}

.noBranch .dropdown{margin:5px 45px !important; text-align:center;}


.selectboxit-container{height: auto !important; width: 100% !important; max-width: 235px !important;}

.selectboxit-container .selectboxit-btn, .selectboxit-btn, .selectboxit-btn:hover, .selectboxit-btn:focus, .selectboxit-btn:active {width: 100% !important;}



/*****Holiday Info Popup Style*****/
.popup{position:fixed; top:0; left:0px; width:80%; height:80%; background:#FFFFFF; padding:15% 10% 5% 10%; display:none; z-index:10;}

.popup .closeIcon{position:fixed; top:10px; right:10px; width:9px; height:12px; background:url('../images/popupBox.png') no-repeat top right; cursor:pointer;}

.popup h1{font-size:13px; font-weight:bold; padding-bottom:10px;}

.popup #holidayList p{font-size:12px; color:#999999; padding:0; line-height:17px;}

.popup #holidayList p span.date{color:#242424;}

.popup .hoursInfo{font-size:11px; color:#999999; padding-top:10px;}