/* CSS Document */
/*
:link
:visited
:focus
:hover
:active
*/

body { font-family: Arial, Helvetica, sans-serif; background:url(images/layout/main_bg_tile.jpg) repeat-x; margin:0px; padding:0px; text-align:center; background-color:#507786; }
#header { width:1000px; height:125px; background:url(images/layout/top_logo.jpg) center center no-repeat; margin-left:auto; margin-right:auto;}

#page {width:1000px; margin-left:auto; margin-right: auto; background:url(images/layout/main_bg_tile.jpg) top repeat-x; }
#content { overflow:auto; }
#menu { height:25px; width:100%;}
#menu a { display:block; }
#menu #m_left_space{ width:291px; background-image:url(images/layout/m_space_l.jpg); display:block; height:22px; float:left;}
#menu #home{ width:50px; background-image:url(images/layout/home.jpg); display:block; height:22px; float:left;}
#menu #home img { width:50px; height:22px; border:0px;}
#menu #home a:hover { background-image:url(images/layout/over/home.jpg); border:none;}
#menu #licensing{ width:77px; background-image:url(images/layout/licensing.jpg); display:block; height:22px; float:left;}
#menu #licensing img { width:77px; height:22px; border:0px;}
#menu #licensing a:hover { background-image:url(images/layout/over/licensing.jpg); border:none;}
#menu #advertising{ width:89px; background-image:url(images/layout/advertising.jpg); display:block; height:22px; float:left;}
#menu #advertising img { width:89px; height:22px; border:0px;}
#menu #advertising a:hover { background-image:url(images/layout/over/advertising.jpg); border:none;}
#menu #contactus{ width:86px; background-image:url(images/layout/contact_us.jpg); display:block; height:22px; float:left;}
#menu #contactus img { width:86px; height:22px; border:0px;}
#menu #contactus a:hover { background-image:url(images/layout/over/contact_us.jpg); border:none;}
#menu #accesshelp{ width:93px; background-image:url(images/layout/access_help.jpg); display:block; height:22px; float:left;}
#menu #accesshelp img { width:93px; height:22px; border:0px;}
#menu #accesshelp a:hover { background-image:url(images/layout/over/access_help.jpg); border:none;}
#menu #m_right_space{ width:36px; background-image:url(images/layout/m_space_r.jpg); display:block; height:22px; float:left;}

#main { width:1000px; } /* CODE FOR I.E. MINIMUM HEIGHT FIX */
#main #coupon_offers { float:left; text-align:left; width:196px; padding-top:95px;}
#main #coupon_offers a { font-size:10px; color:#000000; text-decoration:none; line-height:14px;}
#main #coupon_offers div { margin-bottom:41px; margin-left:19px; height:60px; width:150px; text-align:center;}
#main #coupon_offers span { display:block; }

#main #coupon_offers_state { float:left; text-align:left; width:196px;}
#main #coupon_offers_header[id] { background:url(images/layout/coupons_bg.png) top left no-repeat;}
#main #coupon_offers_header { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='images/layout/coupons_bg.png');}
#main #coupon_offers_header { background-position: top left; background-repeat: no-repeat; width:196px; height:64px; margin-bottom:5px;}
#main #coupon_offers_state a { font-size:10px; color:#000000; text-decoration:none; line-height:14px; display:block; position:relative; padding-top:10%; margin:0 10px;}
#main #coupon_offers_state div.coupons { margin-bottom:10px; margin-left:10px; height:83px; width:165px; text-align:center;}
#main #coupon_offers_state span { display:block; }
#main #coupon_offers_state div.coupons { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/layout/vp_state_page.png');}
#main #coupon_offers_state div.coupons[class] { background-image: url(images/layout/vp_state_page.png); }

#page #left #state_list {  margin:10px 15px 0 0; }
#page #left img { border-bottom:3px solid #666666; border-top:none; border-left:none; border-right:none;}
/*#page #left #state_list a {	color:#996600; }*/
#page #right #form_browse #browse_header { font-size:12px; margin:10px 0; font-weight:bold;}
#page #right #form_browse { text-align:left; padding:0 0 13px 15px; border-bottom:3px solid #666666;}
#page #right option, #page #right select { font-size:12px; margin-bottom:3px;padding-bottom:1px;}
#page #right option { }
#page #right input { font-size: 12px; border:1px solid #000000; padding-bottom:1px;}
#footer { font-size:10px; padding-top:5px; clear:both;}
#footer span { display:block; }

/*  PAGES */
#page #title { font-size:14px; text-align:center; font-weight:bold; margin-top:39px; }
#page #middle #rates, #page #middle #licensing, #page #middle #advertising, #page #middle #help, #page #middle #home { padding-left:15px; padding-right:10px;}
#page #middle h2 { margin:0 0 25px 0; padding:0px; font-size:18px;}

#page #middle #home { border-bottom:3px solid #666666; }

#page #middle #licensing p strong { display:block; font-weight:bold; font-size:12px; text-align:left;}
#page #middle #licensing p { text-align:left; font-size:12px; margin-left:auto; margin-right:auto;}

#page #middle #rates p strong { display:block; font-weight:bold; font-size:12px; text-align:left;}
#page #middle #rates p { text-align:left; font-size:12px; margin-left:auto; margin-right:auto;}
#page #middle #rates ul li {font-size:12px; text-align:left;}
#page #middle #rates ul { margin-left:25px; margin-top:5px; list-style:square;}

#page #middle #content #help p strong { display:block; font-weight:bold; font-size:12px; text-align:left;}
#page #middle #content #help p { text-align:left; font-size:12px; margin-left:auto; margin-right:auto;}
#page #middle #content #help a { color:#000000; }

#town_grid { text-align:left;height:1005px;width:1005px; margin:0 auto; background:url(images/layout/grid_tile.gif) left top; border-top:1px solid #666666; border-left:1px solid #CCCCCC; padding:5px 0 0 5px;}
#town_grid span { display:block; position:absolute;}
#town_grid span a img { border:none; margin:0px; padding:0px;}
#town_main_content { clear:both; border-top:3px solid #666666;}


#dropDown { float:left; padding:20px 15px 5px 215px; text-align:left; border-right:3px solid #666666;}
#dropDown form { color:#000000; font-weight:bold; font-size:14px; margin:0px; padding-top:9px; text-align:left;}
#dropDown span a, #dropDown span { color:#000000; font-size:14px; font-weight:bold;}
#dropDown span a:hover { color:#666666; }
#dropDown span { display:block; padding:2px;}
#dropDown select { font-size:11px; margin:0px 2px 0 0; padding:0px; padding:1px;}


#tabs { float:right; text-align:left; padding:10px 215px 0 0;}
#tabs a { display:block; float:left; margin-right:10px;}
#tabs #logos img { border:none; width:60px; height:53px; background:url(images/layout/btt_logos.jpg) center center no-repeat; border:0px;}
#tabs #directory img { width:81px; height:53px; background:url(images/layout/btt_directory.jpg) center center no-repeat; border:0px;}
#tabs #valpixx img { width:72px; height:53px; background:url(images/layout/btt_coupons.jpg) center center no-repeat; border:0px;}

#town_grid object { border-right:1px solid #BBBBBB; display:block; margin-left:auto; margin-right:auto;}

#statenav a:hover { color:#993333; text-decoration:none;}
#statenav h3 { font-size:16px; font-weight:bold; text-align:left; color:#000000; padding:5px 5px 5px 0; color:#FFFFFF; }
#statenav { }
#statenav a { display:block; text-align:left; float:left; color:#000000; padding:5px; font-size:14px;}
#statenav #list { width:450px; margin:15px auto; overflow:auto;}
/*#statenav #list b { color:#996600; }*/
#statenav #list b, #page #left #state_list a, .coupons a {
	color:#993300;
}
/*
#statenav { float:none; display:block; overflow:auto; clear:both; margin-top:25px; margin-left:5px;}

#statenav a { display:block; text-align:left; width:145px; color:#000000; font-size:12px; }
#statenav a:hover { color:#993333; text-decoration:none;}
#statenav b { font-size:12px; font-weight:bold; display:block; text-align:left; overflow:auto; margin-bottom:5px;}
*/
#footer option, #footer form { text-align:center; margin:0px; overflow:auto;}
#footer select { font-size:9px; }

#statemap { width:600px; float:left;}

#page #browse { }
#page #browse #listing { width:325px; margin:0 auto;}
#page #browse #town { background-color:#FFCC99; border:1px solid #000000;font-size:12px;font-weight:bold; width:325px; text-align:left; padding:2px 4px; margin:4px auto;}
#page #browse #biz a { display:block; color:#000000; font-size:14px; text-align:left;padding-left:8px;margin:2px auto;}

/*  END NEW   */

/* STATE PAGE */
#left {	width:250px; float:left; text-align:right; margin:0px; }
#left a { display:block; font-size:14px; color:#000000; text-align:right; margin:0 0 3px 0; font-weight:bold; }
#right { width:250px; float:right; background:url(images/layout/border_vertical.jpg) left repeat-y; margin:0px; }
#right span { display:block; text-align:left; font-size:12px; margin-left:15px; }
#middle {	margin:0 250px; background:url(images/layout/border_vertical.jpg) repeat-y;}
#middle p { text-align:left; font-size:12px;}
#grid { text-align:left;height:405px;width:405px; margin:13px auto;background:url(images/layout/grid_tile.gif) left top; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding:5px 0 0 5px;}
#grid span { display:block; position:absolute;}
#grid span a img { border:none; margin:0px; padding:0px;}
#coupons { margin:25px 0 25px 0;}
.coupons { font-size:10px; text-align:left; margin-bottom:12px; padding-left:50px; background:url(images/layout/valpixx.gif) left 2px no-repeat; }
.coupons img { border:none; }
.coupons a:hover { color:#000000; }
.content div { width: 75%; }

.directoryTable { width:100%; background-color: #FFFFFF;}
.directory { font-size: 12px;}
.directory td { padding:10px 15px 10px 15px; }

/* VALPIX */

.val { color: #0000FF;}
.pix { color: #FF6600;}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 3px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
font-weight:bold;
text-align:center;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}