.wrapper { width: 940px; margin: 0 auto; }

.header-container { background: url(../images/header_bg.jpg) 0 0 repeat-x;  }
.header { width: 940px; margin: 0 auto; height: 180px; position: relative; }
.middle-container { min-height: 400px; background: #fff url(../images/middle_container_bg.gif) repeat-x 0 0; padding-top: 2px; border: 1px solid #7f97bf; border-top-width: 0; }
.middle-container1 { background: #fff; padding-top: 0; }
.middle { width: 940px;  background: url(../images/middle_bg.gif) repeat-y;  }
.col-1-layout { padding-bottom: 0; }
.col-1-layout .col-main { float: none; margin: 0 auto; }
.col-2-left-layout .col-main { width: 560px; float: left; padding: 35px 30px;  }
.col-right { width: 250px; float:right; color: #0055a5; padding: 40px 30px; }
.footer-container { background: #fff url(../images/footer_bg.jpg) 0 0 repeat-x; }
.footer { width: 940px; margin: 0 auto; }

/* ---- header ---- */
.header .logo { position: absolute; width: 379px; height: 108px; top: 26px; left: 0; }
.header .header-nav { position: absolute; left: 0; bottom: 0; height: 50px; }
.header .call-us { position: absolute; right: 0; top: 50px; color: #0055a5; font-size: 1.2em; }
.header .nav { float: left; }
.header .nav li { float: left; font-size: 1.5em; line-height: 50px; }
.header .nav li a,
.header .nav li a:hover { display: block; text-decoration: none; background: url(../images/nav.gif) no-repeat 0 0; color: #fff; font-size: .9em; text-transform: uppercase; text-align: center; }
.header .nav li a span,
.header .nav li a:hover span { display: block; background: url(../images/nav.gif) no-repeat 100% 0; margin-left: 10px; padding-right: 10px; }
/*.header .nav li.last a span,
.header .nav li.last a:hover span { margin-left: 22px; padding-right: 23px; }*/
.header .nav li a:hover,
.header .nav li a:hover span,
.header .nav li.active a,
.header .nav li.active a span { background-image: url(../images/nav_over.gif) }
.header .nav li a span .logo-rest { display: block; background: url(../images/logo_rest.gif) no-repeat 26px 0; }
.header .nav li a:hover .logo-rest, .header .nav li.active .logo-rest { background: url(../images/logo_rest_over.gif) no-repeat 26px 0; }


/* ---- home page ---- */
.home-content { background: #fff url(../images/middle_container_bg.gif) 0 0 repeat-x; }
.home-table3 { width: 100%; background: url(../images/home_table_bg1.gif) 0 0 repeat-y;  border: 1px solid #7f97bf; }
/*.home-table3 td { width: 33%; }*/
.home-table3 td .wrap { padding: 20px; }
.home-table3 td.first { background: url(../images/calculator.jpg) no-repeat 85% 100%; }
.home-table3 h3 { color: #0055a5; font-size: 1.6em; }

/* ---- main ---- */
.disc { list-style: disc; margin-left: 20px; }
.page-head h2 { color: #7d7d7d; }
.page-head p { color: #7d7d7d; font-size: 1.45em; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #4d4c4c; margin-bottom: 15px; }

.table3 { width: 100%; margin-bottom: 15px; }
.table3 td { font-size: 1.1em; text-transform: uppercase; padding: 5px 0; }
.divider { background: #4d4c4c; padding-top: 1px; margin-bottom: 10px; }

.packing { background: url(../images/packing_bg.jpg) no-repeat 590px 70px; min-height: 770px; }
*html .packing { height: 770px; }
.packing h3 { margin-bottom: 2px; font-size: 1.3em; }
.packing p { margin-bottom: 10px; }

.map { color: #000; }
.map a { color: blue; }

/* ---- right col ---- */
.col-right p { font-size: 1em; }

/* ---- footer ---- */
.footer { height: 80px; padding-top: 15px; }
.footer-info { text-align: center; color: #7f7f7f; font-size: .9em; text-transform: uppercase; float: left; }
.footer-info li{ float: left; padding: 0 10px; }   
.footer .legality { padding-right: 10px; float: right; color: #7f7f7f; font-size: .9em; font-weight: bold; }
.footer-info a { color: #7f7f7f; text-decoration: none; }
.footer-info a:hover { text-decoration: underline; }

/* ---- color styles ---- */
.c-blue { color: #0055a5; }
.c-gray { color: #7d7d7d; }
.c-black { color: #333; }

/* --- button styles --- */
.btn { display: block; line-height: 26px; background: url(../images/btn.gif) no-repeat 0 0; text-align: center; color: #fff; text-decoration: none; font-weight: bold; }
.btn span { display: block; margin-left: 5px; padding-right: 5px; background: url(../images/btn.gif) no-repeat 100% 0; }

/* --- form styles --- */
.input-box { margin-bottom: 5px; }
.input-text { border: 1px solid #a5a5a5; background: #fff; padding: 2px; }
input.input-text { height: 24px; padding-top: 6px; }