@font-face {
    font-family: 'ArialThRegular';
    src: url('font-face/arial_th-webfont.eot');
    src: url('font-face/arial_th-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/arial_th-webfont.woff') format('woff'),
         url('font-face/arial_th-webfont.ttf') format('truetype'),
         url('font-face/arial_th-webfont.svg#ArialThRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 13px;
    line-height: 22px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    background: #fff;
}

a { color: #c50e00; text-decoration: underline; cursor:pointer; }
a:hover { color: #d7463b; }
a img { border: 0; }

input, textarea, select { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto; padding: 0 10px; position: relative ; }

#header { padding-top: 4px; border-top: 5px solid #e0e0e0; min-width: 1000px; position: relative ; z-index: 30; }

.top-nav { padding: 4px 10px; }
.top-nav ul { list-style-type: none; }
.top-nav ul li { float: left; display: inline; line-height: 11px; font-size: 11px;  border-left: 1px solid #787878; padding: 5px 5px 0px 5px;  }
.top-nav ul li.mobile { border: 0; padding-left: 0; padding-right: 15px; padding-top:0px; }
.top-nav ul li.first { border: 0; }
.top-nav ul li a { color: #787878; text-decoration: none; }
.top-nav ul li a:hover { color: #000; }
.top-nav ul li a img { vertical-align: bottom; }

#logo { float: left; display: inline; padding: 18px 13px ; }

.banner { float: right; display: inline; }

#navigation { border-top: 1px solid #000000; background: #c50e00; font-family: 'Trebuchet MS', sans-serif; font-size: 17px; line-height: 43px; min-width: 1000px; }
#navigation ul { list-style-type: none; }
#navigation ul li { float: left; display: inline; padding: 0 16px 0 16px; position: relative ; margin-right: 39px; }
#navigation ul li a { color: #fff; text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li .sub { background: #c50e00; border: 1px solid #000000; position: absolute ; top: 43px; left: 0; display: none;  }
#navigation ul li .sub ul { width: 100%; }
#navigation ul li .sub ul li { float: none; display: block; padding: 0;  font-size: 15px; line-height: 20px; border-bottom: 1px solid #000000; margin: 0; width: 100%; }
#navigation ul li .sub ul li a { display: block; padding: 5px 10px;  white-space: nowrap; height: 100%; }
#navigation ul li .sub ul li.last { border: 0; }

.slider { background: #282828 ; padding: 10px 0 20px; min-width: 1000px; }
.slider-bg { background: #282828 url(../images/slider-bg.png) repeat-x bottom; }
.slider .shell { background: url(../images/slider-shell.jpg) no-repeat top center ; background: #191919; border: 1px solid #323232; }

.slider .slider-carousel { padding:9px 8px ; }
.slider .slider-carousel,
.slider .slider-carousel .jcarousel-clip,
.slider .slider-carousel ul,
.slider .slider-carousel ul li { width: 964px; height: 310px; overflow: hidden; position: relative ; }
.slider .slider-carousel ul { list-style-type: none; }
.slider .slider-carousel ul li { float: left; display: inline; }

.slider .prev,
.slider .next { width: 37px; height: 66px; display: block; position: absolute ; top: 164px; font-size: 0; line-height: 0; text-indent: -4000px; }

.slider .prev { left: 14px; background: url(../images/prev.png) no-repeat 0 0 ; }
.slider .next { right: 14px; background: url(../images/next.png) no-repeat 0 0 ; }

.slider .slider-nav ul { list-style-type: none; float: left; display: inline; padding: 1px 0 10px 10px ;  }
.slider .slider-nav ul li { float: left; display: inline; background: url(../images/slider-nav-li.jpg) no-repeat right 0 ; margin-right: 19px; padding-right: 32px; }
.slider .slider-nav ul li.last { margin-right: 0; background: transparent; padding-right: 0; }
.slider .slider-nav ul li a { display: block; width: 287px; height: 70px; position: relative ; color: #c61a0d; font-size: 18px; line-height: 21px; text-decoration: none; }
.slider .slider-nav ul li a img { float: left; display: inline; }
.slider .slider-nav ul li a .text { width: 103px; position: absolute ; top: 12px; left: 180px; }
.slider .slider-nav ul li a.active,
.slider .slider-nav ul li a:hover { color: #fff; text-decoration: none; }
.slider .slider-nav ul li a .frame { background: url(../images/frame.png) no-repeat 0 0 ; position: absolute ; top: 0; left: 0; display: block; width: 151px; height: 70px; }
.slider .slider-carousel .text { width: 240px; padding: 10px 30px; background: url(../images/text.png) ; position: absolute ; top: 0; right: 0; font-size: 30px; font-family: 'ArialThRegular', sans-serif; color: #fff; line-height: 35px; }
.slider .slider-carousel .text a { color: #de3425; text-decoration: none; }
.slider .slider-carousel .text a:hover { color: #fff; }


#main { padding-top: 20px; background: url(../images/main.jpg) repeat-x top; min-width: 1000px; }
#sidebar { width: 249px; float: left; display: inline; }
#content { width: 680px; float: right; display: inline; padding-bottom:250px; }
#associations { width: 680px; float: right; display: inline;position:absolute;bottom:0; right:0;}

h4 { font-size: 18px; font-family: 'Trebuchet MS', sans-serif; color: #484848; font-weight: normal; }

.box { border: 1px solid #bcbcbc; background: #fff; padding: 1px; color: #666; margin-bottom: 14px; height: 100%; }
.box  .inner { background: #f7f7f7; padding-bottom: 10px;  }
.box .title { background: #c50e00; margin-bottom: 10px; height: 100%; border-left: 8px solid #ff1200; }
.box .title { font-size: 18px; font-family: 'Trebuchet MS', sans-serif; color: #fff; }
.box .title img { float: left; display: inline; margin: 6px 15px 6px 20px; }
.box .title p { float: left; display: inline; padding-top: 10px; }

.box-content { padding: 0 15px; }

.box .row { font-size: 12px; }
.box .row p.left { font-weight: bold; width: 90px;  padding-left: 20px; }
.box .row p.right { width: 115px; padding-right: 10px; }

.box2 { margin-bottom: 14px; }
.box2 .inner { border-top: 5px solid #515151; padding: 10px 15px; background: #979596 url(../images/box2.png) repeat-x top ; }
.box2 { color: #fff; font-size: 13px; line-height: 18px; }

.nobox { background: #fff; padding: 1px; color: #666; margin-bottom: 14px; height: 100%; text-align:center;}

.phone { font-size: 15px; color: #fff; text-shadow: 1px 1px 1px #696869; text-transform: uppercase; line-height: 30px; }
.phone span { font-size: 22px; color: #000; text-shadow: 1px 1px 1px #fff; padding-left: 5px; }

.article h3 { font-size: 22px; font-family: 'Trebuchet MS', sans-serif; line-height: 30px; padding-bottom: 14px; padding-left: 2px; text-transform: uppercase; }
.article h3 span { color: #b82518; }
.article p { padding-bottom: 10px; }

.article-img { float: right; display: inline; margin: 3px 0 0 20px; }

.icon { background: url(../images/icon3.jpg) no-repeat 13px 8px; padding-left: 65px; }

.slider-content { background: #ececec; border: 1px solid #e0e0e0; padding: 0 10px 10px 10px; position: relative ; margin-bottom: 15px; height: 100%; }

.slider-content h4 { line-height: 45px; }
.slider-content .slider-carousel { padding: 20px 35px; height: 104px; background: #fff; }
.slider-content .jcarousel-clip,
.slider-content .slider-carousel ul { width: 588px; height: 104px; overflow: hidden; position: relative ;}
.slider-content .slider-carousel ul li { width: 147px; float: left; display: inline; text-align: center; }

.slider-content .slider-nav a { display: block; width: 18px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute ; top: 105px; }
.slider-content .next { right: 23px; background: url(../images/cs-next.png) no-repeat 0 0 ; }
.slider-content .prev { left: 23px; background: url(../images/cs-prev.png) no-repeat 0 0 ; }

.logos { padding-top: 20px; border-top: 1px solid #e3e3e3; margin-top: 30px; }
.logos ul { list-style-type: none; }
.logos ul li { float: left; display: inline; padding: 0 20px 28px 20px; }

#footer { background: #404040; color: #fff; font-size: 12px; padding-top: 44px; margin-top: 20px; min-width: 1000px; }
#footer h5 { font-size: 14px; font-weight: bold; color: #fff;  font-weight: bold; padding-bottom: 20px; }
.col { float: left; display: inline; width: 157px; padding-left: 20px; padding-right: 10px; background: url(../images/col.jpg) repeat-y left ; }
.col ul { list-style-type: none; line-height: 14px; }
.col ul li {  padding: 0 0 10px 0px; }
.col ul li a { color: #a9a9a9; text-decoration: none; }
.col ul li a:hover { text-decoration: underline; }
.col-first { padding: 0; width: 167px; background: transparent; }
.col .left { width: 200px; }
.col .right { width: 150px; }


.col-services { width: 350px;}
.col-connect { width: 140px;}
.col-last { width: 248px; float: right; display: inline; }
.box-news { background: #c50e00 url(../images/box-news.png) no-repeat bottom right ; border: 1px solid #000;  padding: 15px 17px; margin-bottom: 20px; }
.icon2 { background: url(../images/icon4.png) no-repeat 0 2px ; padding-left: 58px; }
.box-news h4 { color: #fff; line-height: 32px; padding-bottom: 10px; text-transform: uppercase; text-shadow: 1px 1px 3px #000000; }

.field { width: 176px; color: #636363; border: 1px solid #000000; background: #fff; padding: 3px 10px; }
.button { background: #000; color: #fff; border: 0; cursor: pointer; width: 70px; height: 24px; margin: 13px 0 0 10px; }

.col-last .row { padding: 20px 0; background: url(../images/row.jpg) repeat-x top ; }
.col-last .row .phone { font-size: 15px; color: #acacac; text-shadow: 1px 1px 1px #000; text-transform: uppercase; line-height: 30px; }
.col-last .row .phone span { font-size: 22px; color: #d50f00; text-shadow: 1px 1px 1px #000; padding-left: 5px; }

.social ul { float: right; display: inline; list-style-type: none; }
.social ul li { float: left; display: inline; padding-left: 0px; }
.social .title { float: left; display: inline; font-size: 15px; font-weight: bold; text-transform: uppercase; padding-top: 5px; }

.footer-line { background: #2e2e2e url(../images/footer-line.jpg) repeat-x top center ; color: #8c8c8c;  padding: 10px 0; margin-top: 44px; min-width: 1000px; }
.footer-line ul { list-style-type: none; float: right; display: inline; }
.footer-line ul li { float: left; display: inline; padding-left: 1px; }
.footer-line .right { padding-top: 10px; text-align: right; }
.footer-line .right p { float: right; display: inline; padding-right: 15px; }

div#hours { width:215px; margin:0 auto; padding:0px; text-align:left; }
div#days_col { width:75px; float:left; margin:0px 0 0px 0px; }
div#hours_col { width:120px; margin:0px 0 0px 70px; }

#middle { margin-left:320px; margin-right:112px; min-height:0; position:relative; text-align:center; }
#centered-content p { font-weight:bold; }
#container{height:130px; display:table; width:100%;}
#centered-content{display:table-cell; vertical-align:middle; width:100%; }
#left { float:left; width:320px; margin-left:-320px; position:relative; left:-.01%;}
#right { margin-right:-112px; float:right; width:112px; position:relative; left:.01%;}

*html .couponDiv { height:350px; }
.couponDiv {border-width: 1px;  border-style: dashed; border-color: #000000; width:800px; min-height:350px;background-image:url(../images/coupon_bg.gif);background-repeat: no-repeat; position: relative;color: #222222;font: 14px arial,verdana,sans-serif;text-align: left;}
.couponTextDiv {position: absolute; top: 0; left: 0; padding-left: 15px; padding-top:15px;width:600px;}
.couponDateDiv {position: absolute; bottom: 0; left: 0; padding-left:15px;padding-bottom:15px;}
.couponImageDiv {position: absolute; bottom: 0; right: 0; padding-right: 15px;padding-bottom:15px;}
*html .couponImageDiv img { width:expression( document.body.clientWidth > 75 ? "175px" : "auto"); height:expression( this.scrollHeight > 175 ? "175px" : "auto");}   

p.noPadding { padding-top: 0px; padding-bottom: 0px;  padding-left: 10px;}
input.my-url{display:none;}

blockquote.withquote { background:url(../images/quote.gif) no-repeat;background-position:top left; padding-left:25px;text-align:justify; } 
p.withunquote { background: url(../images/unquote.gif) no-repeat; background-position:bottom right;padding-right:25px; }

.subheader1 { color: #ffffff; font: 14px arial,verdana,sans-serif; text-align:center; font-weight: bold; }
.subheader2 { color: #003366; font: 14px arial,verdana,sans-serif; font-weight: bold; }
.subheader3 { color: #003366; font: 12px arial,verdana,sans-serif;}

ul .box { border: 0px; background: #fff; padding: 0px; color: #000; margin-bottom: 0px; height: 100%; }
li .box { border: 0px; background: #fff; padding: 0px; color: #000; margin-bottom: 0px; height: 100%; }
.article .box { border: 0px; }
.article ul { padding-left: 30px;}

p.white { color: #ffffff; }

.headercell_l, .headercell_c, .headercell_r { font: 12px arial,sans-serif; font-weight: bold; border: 1px solid; border-color: #999999; background-color: #336699; color:#FFFFFF; }
.infocell_l, .infocell_c, .infocell_r { font: 12px arial,sans-serif; border: 1px solid; border-top: 0; border-color: #777777; background-color:#DDDDDD; }
.infotable { font: 12px arial,sans-serif; }

.slider .cta ul { list-style-type: none; float: left; display: inline; padding: 1px 0 10px 10px ;  }
.slider .cta ul li { float: left; display: inline; background: url(../images/slider-nav-li.jpg) no-repeat right 0 ; margin-right: 19px; padding-right: 32px; }
.slider .cta ul li.last { margin-right: 0; background: transparent; padding-right: 0; }
.slider .cta ul li a { display: block; width: 287px; height: 70px; position: relative ; color: #c61a0d; font-size: 18px; line-height: 21px; text-decoration: none; }
.slider .cta ul li a img { float: left; display: inline; }
.slider .cta ul li a .text { width: 103px; position: absolute ; top: 12px; left: 180px; }
.slider .cta ul li a.active,
.slider .cta ul li a:hover { color: #fff; text-decoration: none; }
.slider .cta ul li a .frame { background: url(../images/frame.png) no-repeat 0 0 ; position: absolute ; top: 0; left: 0; display: block; width: 151px; height: 70px; }

