/* 
Title:    Kelly Locator Page Styles
Author: 	Website Operations - Goodyear Tire & Rubber Company
Updated:  09/18/2009
*/

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* RESET
===========================================================================================================================*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TAG STYLES
===========================================================================================================================*/
body { font-family:Arial, Helvetica, sans-serif; }
.bold { font-weight:bold; }

/* CONTENT
===========================================================================================================================*/
#content { width:744px; border:1px solid #a7a9ac; margin:40px auto 40px auto; }
#content a { color:#a7a9ac; text-decoration:underline; }
#content a:hover { color:#00a952; text-decoration:none; }


/* BREADCRUMBS
===========================================================================================================================*/
#breadcrumbs { display:none; }


/* HEADER TEXT
===========================================================================================================================*/
#header-text { margin:9px 15px 15px 15px; color:#000; width:600px; margin-top:15px; }
#header-text h2 { color:#00a952; text-transform:uppercase; font-family:Helvetica, sans-serif; font-size:20px; }
#header-text .instructions { margin-top:12px; font-size:12px; color:#a7a9ac; }


/* SUB-HEADER TEXT
===========================================================================================================================*/
.sub-header { color:#00a952; text-transform:uppercase; font-family:Arial, sans-serif; font-size:18px; }


/* RE-SEARCH BOX
===========================================================================================================================*/
#re-search { height:70px; width:715px; color:#00a952; margin-top:30px; border:1px solid #a7a9ac; }
#re-search #re-search-form { font-weight:bold; position:relative; top:12px; left:12px; }
#re-search-form table td { color:#00a952; padding-right:20px; }


/* INPUT FORM
===========================================================================================================================*/
#input-form { margin-top:20px; position:relative; } 
#input-form #container { margin:9px 15px 15px 15px; }
#input-form .padding { padding-top:12px; }
#input-form .padding2 { padding-top:12px; }
#input-form input { border:1px solid #fff; background:#ddd; }
#input-form table td { color:#a7a9ac; font-weight:bold; font-size:11px; }

.cover { position:absolute; top:0; left:0; background:url(../../img/kellytires/cover.gif); height:26px; width:107px; z-index:10; }
.search-btn { position:absolute; top:4px; font-size:15px; font-weight:bold; color:#00a952; z-index:5; width:107px; text-align:center; }

#input-form #errorBox {	color:#00a952; border:1px solid #a7a9ac;padding:10px;z-index:2;width:300px; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-align:center; font-weight:normal; position:absolute; top:20px; right:20px; }


/* MAP
===========================================================================================================================*/
#map_container { width:715px; height:480px; padding-top:12px; margin-top:20px; margin-bottom:40px; }
#map_canvas { width:715px; height:480px; border:1px solid #a7a9ac; }


/* MAP POPUP STYLES
===========================================================================================================================*/
#simple_example_window{ width: 200px;	}
#simple_example_window_contents{ background-color: #f4f4f4; border: 2px solid #a7a9ac; padding:10px; color:#000; font-size:12px;font-family:Arial, Helvetica, sans-serif; line-height:18px; }
#simple_example_window .storename { color:#00a952;	}
#simple_example_window_contents a { background:url(../../img/kellytires/link_arrow.jpg) no-repeat left; padding-left:20px; color:#000; margin-left:10px; text-decoration:underline; }
#simple_example_window_beak{ width: 10px; height: 20px; background: url('../../img/geminitires/beak.png') top left no-repeat transparent; }
* html #simple_example_window_beak{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fierce/beak.png', sizingMethod='crop'); }
#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{ height: 0px; width: 0px; }


/* DEALER LIST
===========================================================================================================================*/
#dealer_list { width:715px; }
#dealer_list a.link { background:url(../../img/geminitires/results-link.gif) left no-repeat; padding-left:15px; text-decoration:none; color:#000; }
#dealer_list a:hover { text-decoration:underline; color:#00a952; }
.dealerBox { height:170px; margin-top:20px; border-bottom:1px solid #a7a9ac; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
.dealerBox .mini-map { width:225px; height:125px; border:1px solid #a7a9ac; float:left; margin-right:10px; }
.dealerBox .dealer-info { width:195px; float:left; margin-right:10px; height:150px; color:#a7a9ac; }
.dealerBox .dealerName { font-weight:bold; color:#00a952; }
.dealerBox .dlr_util { padding-top:10px; }
.dealerBox li { list-style:inside disc; line-height:15px; }


/* FOOTER
===========================================================================================================================*/
#footer-text { width:744px; margin:15px auto 0 auto; position:relative; left:-75px; text-align:center; color:#fefdfd; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#footer-text a { color:#fefdfd; text-decoration:none; }
#footer-text a:hover { text-decoration:underline; }