
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100% }
 
body { color: #394e60; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 14px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; }
		
#outerWrapper { background-color: #fff; margin-left: auto; margin-right: auto; max-width: 940px; min-width: 940px; text-align: left; width: 940px; }

#outerWrapper #header { float: left; color: #185c95; font-size: 11px; padding: 5px 0px 5px 10px; width: 670px; height: 25px;}
#outerWrapper #header h3 {	line-height:14px }
#outerWrapper #header hr {	display: none; border: none; padding: 0; margin: 0 }
#outerWrapper #header a {color: #185c95; text-decoration: none }
#outerWrapper #header a:hover { color: #cc6600; }
#outerWrapper #headerSingle { float: left; color: #185c95; font-size: 11px; padding: 10px 0px 0px 10px; width: 670px; height: 25px;}
#outerWrapper #headerSingle h3 {	line-height:14px }
#outerWrapper #headerSingle hr {	display: none; border: none; padding: 0; margin: 0 }
#outerWrapper #headerSingle a {color: #185c95; text-decoration: none }
#outerWrapper #headerSingle a:hover { color: #cc6600; }
#outerWrapper #header2 {float:right; width: 195px; padding: 10px 25px 0px 0px; text-align: right; height: 25px}
#outerWrapper #header3 {float:right; width: 195px; padding:10px 25px 0px 0px; text-align: right }

#outerWrapper #topNavigation { background-image: url(../images/topbanner.jpg); background-position: top left; background-repeat: no-repeat; margin: 10px 0px 0px 0px; padding: 25px 0px 0px 120px; height: 85px;}
#goldSeal { float: right; background-image: url(../images/goldseal.png); background-position: top left; background-repeat: no-repeat; width: 105px; height: 105px; margin: -23px 20px 0px 0px }
#goldSeal2{ float: right; background-image: url(../images/goldseal2.png); background-position: top left; background-repeat: no-repeat; width: 105px; height: 105px; margin: -23px 20px 0px 0px }

#phoneBox { float: right; width: 320px; margin: -20px 20px 10px 0px; text-align:center; color: #F60; line-height: 16px; font: bold 26px Verdana, Geneva, sans-serif; }
#star { float: right; background-image: url(../images/star.gif); background-position: top center; background-repeat: no-repeat; width: 105px; height: 105px; margin: -40px 30px 0px 0px }
#textRepair { float: right; width: 350px; text-align: right; margin-right: 20px  }

#outerWrapper #navBar {margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px;  height: 28px; background-color: #F90; font: bold 14px Verdana, Geneva, sans-serif; color: #fff }
#outerWrapper #navBar ul { list-style: none; padding: 0px; margin: 0px 10px 0px 0px; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; }
#outerWrapper #navBar li { background-image: none; float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; }
#outerWrapper #navBar a { color: #fff; text-decoration: none }
#outerWrapper #navBar a:hover { color: #f00; text-decoration: none }

#outerWrapper #contentWrapper { background-image: url(../images/GDA_bg_left.gif); background-position: top left; background-repeat: repeat-y; }
#outerWrapper #contentWrapper #leftColumn1 { background-color: #ffffff; border-right: solid 1px #666; float: left; width: 320px; height:271px }
#outerWrapper #contentWrapper #leftColumn1 #leftContent { float: right; padding: 80px 10px 0px 10px; margin: 0px;  width: 270px; height:182px; background-image: url(../images/GDA_blueribbon.jpg);  background-position: top center;  background-repeat: no-repeat; }
#outerWrapper #contentWrapper #leftColumn1 #leftContent h2 { padding: 75px 0px 0px 0px; }

#outerWrapper #contentWrapper #leftColumn2 { float: left; padding: 10px 20px 10px 49px; width: 251px; clear: both }
#outerWrapper #contentWrapper #leftColumn2 h2 {	margin: 0px; padding: 5px 0px 10px 0px;}

#outerWrapper #contentWrapper #banner { background-image: url("../images/GDA_banner_text.jpg"); background-position: top left; background-repeat: no-repeat; margin-left: 320px; padding-top: 70px; height:201px }
#outerWrapper #contentWrapper #bannerHome { background-image: url("../images/GDA_rotating5.jpg"); background-position: top left; background-repeat: no-repeat; margin-left: 320px; padding-top: 70px; height:201px }

#bannerForm {  background-image:url(../images/bg_bannerform1.png); background-repeat: no-repeat; width: 216px; height: 136px; margin: 0px 0px 0px 10px; padding-left: 15px }
.bjumpmen {  margin: 15px 0px 0px 0px; width: 190px; font: bold 1.25em Arial, Helvetica, sans-serif; height: 20px;    }
.bgButton { background-image:url(../images/bbutton.png); background-repeat: no-repeat; background-position: bottom left; width: 106px; height: 27px; margin: 15px 0px 0px 0px}
#outerWrapper #contentWrapper #bannerFlat { background-image: url("../images/GDA_banner_bullets.jpg"); background-position: top left; background-repeat: no-repeat; margin-left: 320px; padding-top: 70px; height:201px }


#outerWrapper #contentWrapper #content { padding: 20px 25px 10px 20px; height: auto; margin: 0px 0px 0px 320px}
#outerWrapper #contentWrapper #content h1 { font-size: 13px; font-weight: bold;  background-image: url(../images/bullet_orange.gif); background-position: topleft; background-repeat: no-repeat; padding-left: 15px; text-align: left}
#outerWrapper #contentWrapper #content h2 { font-size: 13px; font-weight: bold;  background-image: url(../images/bullet_orange.gif); background-position: topleft; background-repeat: no-repeat; padding-left: 15px}
#outerWrapper #contentWrapper #content h3 { font-size: 13px; font-weight: bold;  background-image: url(../images/bullet_orange.gif); background-position: topleft; background-repeat: no-repeat; padding-left: 15px}
#outerWrapper #contentWrapper #content .nobg { background-image: none; text-align:center; font-size: 18px}

#outerWrapper #contentWrapper #contentpop { padding: 0px 25px 10px 20px; height: auto; margin: 0px 0px 0px 320px}

#outerWrapper #contentWrapper .clearFloat { clear: left; display: block; }

#outerWrapper #box2 { background-image: url(../images/GDA_repairs.jpg); background-position: bottom left; background-repeat: no-repeat; height: 111px; margin-left: 28px  }
#outerWrapper #box2 #banner2 {float: left; text-align: right;  width: 280px; padding: 82px 15px 0px 0px; font: bold 13px tahoma; letter-spacing: 1px }
#outerWrapper #box2 #banner2 a {	color: #ffffff; text-decoration: none }
#outerWrapper #box2 #adbox {	padding: 20px; float: left; height: 69px; width: 550px; background-color: #ebebeb }

#outerWrapper #footer { font-size: 11px; font-weight: normal; padding: 10px 10px 10px 40px; background-image: url(../images/GDA_bg_blue.gif);  background-position: top;  background-repeat: no-repeat; height: 54px;  }
#outerWrapper #footer a {	color: #ffffff; text-decoration:none }
#outerWrapper #footer a:hover {	text-decoration: underline }
#outerWrapper #footer h1 { font-size: 11px;}
#outerWrapper #footer ul {	margin: 20px 70px 0px 0px; text-align: right;  }
#outerWrapper #footer li { height: 27px; background-image: url(../images/GDA_div_1.jpg); background-repeat: no-repeat; background-position: top right; display: inline; white-space: nowrap; padding: 7px 0px 0px 0px; color:#484c50; font: normal bold 11px Tahoma, sans-serif;}
#outerWrapper #footer li a { height: 27px; width: 1px; text-decoration: none; color:#484c50; padding: 0px 10px 0px 10px;  }
#outerWrapper #footer li a:hover { text-decoration: underline }

#nav{ margin: 0; padding: 0;} 
#nav a { width: 89px; height: 53px; background-image: url("../images/GDA_navsprite.gif"); background-repeat: no-repeat; color: #ff9933; display: block; font: bold 13px Tahoma, sans-serif; text-decoration: none; padding: 60px 10px 0px 0px; text-align: right; float: left; } 
#nav a:hover { background-position: 0 -115px; color: #3399cc; text-decoration: none; }
#nav #nav2 a  {  background-image: url("../images/GDA_navsprite2.gif"); color: #3399cc;   }
#nav #nav2 a:hover { color: #ff9933; } 

#image1 {float: left; margin-top: 20px; padding: 0px 0px 20px 135px; background-image: url(../images/GDA_ab_1.jpg); background-position: top left; background-repeat: no-repeat; height: 155px; width: 110px; border-bottom: 1px solid #999999 }
#content2 { float: left; padding: 0px 0px 20px 0px; width: 240px;}
#content3 { float: left; padding: 0px 0px 20px 0px; width: 240px; border-bottom: 1px solid; border-bottom-color: #999999 }
#content4 { float: left; padding: 0px 0px 20px 0px; width: 240px; border-bottom: 1px solid; border-bottom-color: #999999 }

#image2 { float: left; background-image: url(../images/GDA_callme.jpg); background-repeat: no-repeat; background-position: top left; height: 120px; width: 230px; padding: 0px 0px 20px 0px; margin: 10px 0px 0px 0px; border-bottom: 1px solid; border-bottom-color: #999999}
#image2 #preview { float: left; margin: 112px 0px 0px 0px }
#image2a { float: left; height: auto; width: 240px; padding: 10px 0px 20px 0px; margin: 10px 0px 0px 0px; border-bottom: 1px solid; border-bottom-color: #999999}

#image3 { float: left; height: 50px; width: 240px; margin: 10px 0px 0px 0px; padding-bottom:20px; border-bottom: 1px solid; border-bottom-color: #999999}

#image4 { float: left; background-image: url(../images/GDA_garagedoors.jpg); background-repeat: no-repeat; background-position: top left; height: 70px; width: 450px; padding: 0px 0px 0px 125px; margin-top: 20px }
#image4 ul {  list-style-type: none; padding: 0; margin: 0 10px 0 0; padding-top: 1em}
#image4 li { float: right; background-image:url(../images/point_1.jpg); background-repeat: no-repeat; background-position: 0 .25em; padding-left: 20px; }

#image5 {float: left; background-image: url(../images/GDA_babysafety.jpg); background-repeat: no-repeat; background-position: top left; height: 90px; width: 120px; padding: 0px 0px 0px 120px; margin: 20px 0px 10px 0px; border-bottom: 1px solid; border-bottom-color: #999999 }
#image6 { background-image: url(../images/GDA_garagedoornames.jpg); background-position:top left; background-repeat: no-repeat; margin-left: 100px; padding: 5px 0px 5px 0px; height:60px; width: 380px;}
#image7 { float: left; background-image: url(../images/GDA_ida_logo.gif); background-repeat: no-repeat; background-position: top left; height: 15px; width: 200px; margin: 20px 0px 10px 0px; padding: 33px 0px 20px 45px;  }

#container { overflow: hidden } 

#container2 { overflow: hidden; width: auto;  } 

#requestLeft {	float: left; height:29px; width:40px; background-image: url(../images/GDA_bg_button_left.gif); background-repeat: no-repeat; background-position: top right; margin: 0 auto 5px 100px }
#requestCenter { float: left; height: 23px; width: auto; background-image: url(../images/GDA_bg_button_bg.gif); background-repeat: repeat; background-position: top; font-size: 12px; font-weight: bold; padding-top: 5px; color: #ffffff; margin-bottom: 10px}
#requestCenter a { color: #ffffff; text-decoration: none }
#requestCenter a:hover { color: #cc6600; text-decoration: none }
#requestCenter a:visited { color: #ffffff; text-decoration: none }

#requestRight {	float: left; height:29px; width:40px; background-image: url(../images/GDA_bg_button_right.gif); background-repeat: no-repeat; background-position: top ; margin: 0 auto 5px auto; clear: right}

#container3 { overflow: hidden } 
#requestLeft2 {	 float: left; height:29px; width:40px;; background-image: url(../images/GDA_bg_button_left.gif); background-position: top right; background-repeat: no-repeat; margin: 0 auto 15px 100px}
#requestCenter2 { float: left; height: 23px; width: auto; background-image: url(../images/GDA_bg_button_bg.gif); background-repeat: repeat; font-size: 12px; font-weight: bold; padding-top: 5px; color: #ffffff; margin-bottom: 10px}
#requestCenter2 a { color: #ffffff; text-decoration: none }
#requestCenter2 a:hover { color: #cc6600; text-decoration: none }
#requestCenter2 a:visited { color: #ffffff; text-decoration: none }
#requestRight2 { float: left; height:29px; width:40px; background-image: url(../images/GDA_bg_button_right.gif); background-repeat: no-repeat; background-position: left; margin: 0px auto 10px auto; clear: right}

#requestLeft3 {	float: left; height:29px; width:40px; background-image: url(../images/GDA_bg_button_left.gif); background-repeat: no-repeat; background-position: top right; margin: 0 auto 5px 30px;}
#requestCenter3 { float: left; height: 23px; width: auto; background-image: url(../images/GDA_bg_button_bg.gif); background-repeat: repeat; background-position: top; font-size: 12px; font-weight: bold; padding-top: 5px; color: #ffffff; margin-bottom: 10px}
#requestCenter3 a { color: #ffffff; text-decoration: none }
#requestCenter3 a:hover { color: #cc6600; text-decoration: none }
#requestCenter3 a:visited { color: #ffffff; text-decoration: none }
#requestRight3 { float: left; height:29px; width:40px; background-image: url(../images/GDA_bg_button_right.gif); background-repeat: no-repeat; background-position: top ; margin: 0 auto 5px auto; clear: right}

#formcontainer { overflow: hidden;}

#dropdown {	float:left; width: 200px }
#date {	float: left; font: bold 12px Verdana; padding-bottom: 10px; height: 20px }

#showtext { overflow: hidden; display: none; }
#showtext1 { overflow: hidden; display: none; }
#showtext2 { overflow: hidden; display: none; }
#showtext3 { overflow: hidden; display: none; }
#showtext4 { overflow: hidden; display: none; margin-top: -20px }
#showtext4 ul { list-style-image:none; list-style: none; background-image: none; }
#showtext4 li { list-style-image:none; list-style: none; background-image: none; margin-left: -20px  }
#showtext5 { overflow: hidden; display: none; }
#showtext6 { overflow: hidden; display: none; text-align: center }
#showtext6 ul { list-style-image:none; list-style: none; background-image: none;  }
#showtext6 li { list-style-image:none; list-style: none; background-image: none;  }
#showtext7 { display: none; margin-top: 20px }
#showtext8 { display: none; }
#showtext9 { display: none; }
#showtext10 { display: none; }
#showtext11 { display: none; }
#showtext12 { display: none; }
#showtext13 { display: none; }
#showtext14 { display: none; }


#toob { float: left; margin-top: 10px; height: 175px }
#qsearch { background-image: url(../images/QSearch.png); background-position: top center; background-repeat: no-repeat; margin: 10 auto 10 auto; width: 440px; height: 35px }
#qsearch2 { float: left; background-image: url(../images/QSearch2.png); background-position: top center; background-repeat: no-repeat; margin: 10px 0px 10px 0px; width: 600px; height: 35px }
.qjumpState { float: left; margin: 6px 5px 0px 110px; width: 140px; height: 20px; font: bold 12px Arial, Helvetica, sans-serif;   }
.qjumpCity { float: left; margin: 6px 5px 0px 0px; width: 140px; height: 20px; font: bold 12px Arial, Helvetica, sans-serif;   }
.qjumpCat { float: left; margin: 6px 0px 0px 0px; width: 155px; height: 20px; font: bold 12px Arial, Helvetica, sans-serif;   }

.leftshow { float: left; width: 280px; padding-right: 10px; text-align:left }
.rightshow { float: left; width: 280px; text-align: left; padding-bottom: 10px }

/* ------------------------------Generic Rules --------------------------*/
h1 {  font-size: 18px; line-height: 1.25em; text-align: center }
h2 {  font-size: 14px;}
h3 {	font-size: 11px; font-weight: normal }
h4 { background-image: none; font: bold 20px Tahoma, Geneva, sans-serif; color: #C00; text-align: center; margin-bottom: 15px }
a,  a:link { color: #185c95; text-decoration: underline;}
a:visited { color: #185c95; text-decoration: underline;}
a:hover {  color: #cc6600;}
hr { display: none; color: #999999; }
ul { list-style-type: none; padding: 0; margin: 0; padding-top: 1em }
li {background-image:url(../images/point_1.jpg); background-repeat: no-repeat; background-position: 0 .5em; padding-left: 20px;}

/* ----------------------------- Classes ---------------------------------*/

.b1 {font-weight: bold }
.i1 { font-style: italic }
.n1 {	float: left; width: 275px; color: #ffffff;}
.z1 { background-image: url("../images/GDA_l_1.gif"); background-repeat: no-repeat; background-position: top; float: right; width: 26px; height: 4px }

.container {overflow: hidden }
.left1 { float: left; width: 200px; padding: 0px 10px 0px 35px; text-align:left }
.right1 { float: left; width: 220px; text-align: left; padding-bottom: 10px }
.left2 { float: left; width: 180px; text-align:left }
.right2 { float: left; width: 180px; text-align: left; padding: 0px 0px 10px 10px; clear: right }


.adleft { float: left; width: 255px; font-size: 12px; padding-left: 10px }
.adright { float: right; width: 245px; font-size: 12px }
.flyerleft {	float: left; width: 225px}
.flyerright{	float: left; width: 225px}
.pic1 { float: left; padding: 0px 10px 0px 0px; }
.pos1 {	float: right; font-style: italic;}
.pos2 {	float: right; padding-bottom: 15px }
.pos3 {	text-align: center; }
.pos4 { text-align: left }
.pos5 { float: right;}
.pos6 { font: bold 20px Tahoma, Geneva, sans-serif; color: #C00; margin: 0px 0xp 15px 0px}
.pad1 { padding: 5px 0px 5px 0px }
.pad2 { padding-top: 20px}
.pad3 {	padding-left: 40px;  font-size: 16px; line-height: 22px }
.pad4 {	padding-left: 80px;  font-size: 16px; line-height: 22px }
.pad5 { margin-top: 0px }
.borderall { border:solid thin #666; padding: 5px; width: auto; margin-top: 5px }

.mar1 { margin-top: -375px}
.mar2 { margin-top: -200px}

.f2 { color: #990000; font-size: 16px; font-family: arial; font-weight:bold; text-decoration: none; line-height: 20px}
.f2 a { font-size: 8px; font-weight: normal; text-decoration: none }
.f3 { font-size: 12px }
.f4 { color: #185c95 }
.f5 { color: #ff9933 }
.f6 {	line-height: 20px }
.f7 { color: #990000; }
.f8 { color: #ffffff }
.f9 { font-size: 14px; line-height: 16px; font-weight: bold }
.f10 { font-size: 18px;  }
.f11 { font-size: 20px; font-weight: bold }


.promocode {border: medium dotted #600; width: 500px; padding: 5px }

.imgswitch {float: left; background-image: url(../images/GDA_garagedoors.jpg); background-position: top left; background-repeat: no-repeat; width: 430px; height: 80px; padding-left: 125px }

.noli {	background-image: none; list-style-type: square; padding-left: 5px; margin-left: 20px }

.topkey  { font-family:tahoma; font-size:11px; color:#185c95; margin: 0px; padding: 0px; text-decoration: none }

.clearR { clear: right }
.formleft {	float: left; width: 100px; padding: 0px 10px 0px 0px; line-height: 30px }
.formright { float: left; width: 450px; line-height: 30px; clear: right; }
.formright2 { float: left; width: 450px; height: auto; clear: right; }
.formfull {	float: left; width: 550px; padding-top: 20px  }

/*-------------- Collapsible DIV Styles--------------- */

.iconspan{ cursor:hand; cursor:pointer; text-decoration: underline }

/*CSS used to style the examples. Remove if desired: */

.eg-bar { text-decoration: none }

.answer-bar {text-decoration: none }
