/* broadband-quotes */
html { width: 100%; height: 100%; margin: 0; padding: 0; }
body { width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; background: url('../images/bg.png') repeat-x top #e0e6c1; background-attachment: fixed; }
body { font-family: Helvetica, sans-serif; font-size: 13px; }

a:link { text-decoration: underline; color: #c05100; }
a:visited { text-decoration: underline; color: #c05100; }
a:hover { text-decoration: none; color: #c05100; }

form { margin: 0; padding: 0; }
input.bg { border: solid 1px #aaa; height: 20px; }
textarea.bg { border: solid 1px #aaa; }
input.name, input.phone, input.email, textarea.message { width: 200px; }

img { border: none; }

h1,h2,h3,h4,h5,h6, div.logo, div.tfn { text-align: left; text-shadow: #eee 1px 1px 2px; }

h1 { margin: 0; padding: 0 0 5px 0; font-size: 23px; font-weight: 100; letter-spacing: 0; color:#c05100; }
h2 { margin: 0 0 5px 0; font-size: 17px; font-weight: normal; }
h2 { background: url('../images/h2a.png') no-repeat left center; padding: 10px 0 10px 30px; border-bottom: dotted 2px #777; }
h4 { font-size: 16px; font-weight: normal; margin: 0; padding: 5px 0; }

p { margin: 0 2px; padding: 12px 0; line-height: 18px; }
p.pgimg { margin: 15px auto; padding: 0; text-align: center; }
p.left { float: left; }

ul { text-align: left; }
li { margin: 5px 0; }

table { border-collapse: collapse; }
tr { text-align: left; }
th { padding: 5px; border-bottom: solid 1px #ccc; }
td.nobr { white-space: nowrap; }
td.submit { text-align: center; }

div.page { width: 1000px; height: auto; margin: 0 auto; padding: 0; background: #fff; box-shadow: 0 0 25px #111; border-left: solid 1px #111; border-right: solid 1px #111; }

div.logo { margin: 15px auto 10px 20px; width: 53px; height: 56px; background: url('../images/logo.png') no-repeat #c05100; }
div.logo-text { text-align: left; width: auto; margin: 0 0 0 15px; padding: 25px 12px 15px 25px; font-weight: 100; white-space: nowrap; }
div.logo-text h1 { font-size: 28px; margin: 0; padding: 0; font-weight: 100; color: #c05100; letter-spacing: -1px; line-height: 20px; }
div.logo-text h1 a { display: block; text-decoration: none; font-weight: 700; text-shadow: #eee 1px 1px 1px; }
div.logo-text h1 span { font-size: 12px; color: #111; letter-spacing: 0; padding: 0 0 0 3px; }

div.fo { float: right; margin: 15px 30px auto auto; width: 300px; height: 60px; }
div.fo p { padding: 0; }

div.tfn { width: 196px; margin: 7px 30px 0 0; padding: 20px 25px 10px 12px; text-align: right; float: right; background: url('../images/phone.png') no-repeat left center; }
div.tfn { font-size: 22px; line-height: 15px; font-weight: bold; }
div.tfn span { font-size: 12px; color: #111; letter-spacing: 0; padding: 0 0 0 3px; font-weight: 100; }

div.banner { float: right; width: 350px; float: right; margin: 10px 0; }
div.phone { float: right; width: 150px; height: auto; margin: 30px auto 10px auto; padding: 0 0 18px 30px; font-size: 20px; color: #ff7700; }
div.phone span.small { font-size: 11px; color: #555; display: block; }

div.menutop, div.splash, div.box, div.box2, div.box3, div.box4, div.gq, div.carriers, div.boxsm1, div.boxsm2, div.boxsm3, div.boxsm4 { border: solid 1px #999; box-shadow: 0 0 20px #999; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
div.menutop, div.splash, div.box, div.box2, div.box3, div.box4, div.carriers { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#cccccc')"; }
div.menutop, div.splash, div.box, div.box2, div.box3, div.box4, div.carriers { margin: 0 35px 10px 35px; }
div.menutop, div.splash, div.box, div.box2, div.box3, div.box4 { text-align: left; }
div.box, div.box2, div.box3, div.box4, div.carriers { background: #fff; }

div.boxsm1, div.boxsm2, div.boxsm3, div.boxsm4 { width: 200px; height: 150px; padding: 10px; }
div.boxsm1 { margin: 0 10px 10px 35px; }
div.boxsm2 { float: right; margin: 0 3px 10px 35px; }
div.boxsm3 { float: right; margin: 0 3px 10px 10px; }
div.boxsm4 { float: right; margin: 0 35px 10px 10px; }

div.boxsm1b, div.boxsm2b, div.boxsm3b, div.boxsm4b { width: 232px; height: 125px; margin: 0; padding: 0; border-left: solid 1px #aaa; }
div.boxsm1b p, div.boxsm2b p, div.boxsm3b p, div.boxsm4b p { padding: 5px 10px; }
div.boxsm1b img, div.boxsm2b img, div.boxsm3b img, div.boxsm4b img { border: solid 1px #aaa; box-shadow: 0 0 5px #555; }
div.boxsm1b { border: none }
div.boxsm2b, div.boxsm3b, div.boxsm4b { float: right; }
div.boxsm1b h2, div.boxsm2b h2, div.boxsm3b h2, div.boxsm4b h2 { border-bottom: solid 1px #aaa; background: url('../images/h2-geo.png') no-repeat left center #eee; color: #000; padding: 10px 5px 10px 30px; width: auto; text-shadow: none; }
div.boxsm1b h2 { -webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; }
div.boxsm4b h2 { -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; }

div.menutop { padding: 0; background: url('../images/menutop.png') repeat-x top #c05100; border: solid 1px #555; }
div.menutop p { padding: 10px; text-align: right; }
div.menutop a { display: inline; padding: 10px 15px; }
div.menutop a:link { text-decoration: none; color: #fff; }
div.menutop a:visited { text-decoration: none; color: #fff; }
div.menutop a:hover { text-decoration: underline; color: #fff; }
div.menutop span.active { padding-left: 14px; background: url('../images/menutopa.png') no-repeat left center; }

div.splash { height: 285px; padding: 20px; }
div.splash { background: url('../images/splash.jpg') no-repeat left center #fff; }
div.splash div.gq { float: right; width: 280px; margin: 1px; padding: 12px 30px 15px 30px; }
div.splash div.gq { box-shadow: 0 0 8px #aaa; border: solid 5px #aaa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* -webkit-transform: rotate(-3deg); */ }

div.gq { background: url('../images/gq.png') no-repeat top; }

div.contact { margin: 0; padding: 15px; }

div.box { padding: 30px; }
div.box4 { padding: 0; }
div.box2 { padding: 0; background: url('../images/left.gif') repeat-y left; }
div.box3 { padding: 0; background: url('../images/right.gif') repeat-y right; }

div.mainright, div.mainright2, div.mainleft, div.mainleft2 { text-align: left; min-height: 400px; }
div.leftside img, div.rightside img { margin: auto; }

div.leftside, div.leftside2 { float: left; }
div.rightside, div.rightside2 { float: right; }

div.leftside, div.rightside { width: 22.5%; height: auto; margin: 0 auto 0 0; padding: 5px 0 0 0; }
div.mainleft, div.mainright { width: 73%; height: auto; margin: 0 0 0 auto; padding: 20px; }

div.mainleft, div.mainleft2 { border-right: solid 1px #ddd; }
div.mainright, div.mainright2 { border-left: solid 1px #ddd; }

div.mainleft2, div.mainright2 { width: 60%; padding: 20px; }
div.leftside2, div.rightside2 { width: 31.2%; padding: 20px; }
div.leftside2 div.gq, div.rightside2 div.gq { padding: 20px; }

div.mainleft2 table.geoquote_index { margin: 0 0 0 80px; }

div.carriers { padding: 5px 15px; vertical-align: middle; text-align: center; }
div.carriers img { display: inline; height: 40px; margin: 0 20px; vertical-align: middle; }
div.carriers a { text-decoration: none; }

div.footer { width: auto; margin: 0 auto; padding: 0 0 10px 0; color: #111; font-size: 12px; }
div.footer p.menu { width: 450px; padding-left: 30px; vertical-align: top; text-align: left; }
div.footer p.menu a { display: inline; padding: 0 15px; }
div.footer p.menu a:link { color: #111; }
div.footer p.menu a:visited { color: #111; }
div.footer p.menu a:hover { color: #111; }
div.footer p.copyright { width: 450px; padding-right: 50px; float: right; text-align: right; vertical-align: middle; }
div.footer p.copyright img { display: inline; margin: 0; }
div.footer p.copyright span.fright { margin: 0 0 0 15px; vertical-align: center; vertical-align: top; }
div.footer p.copyright span.fright a { color: #111; text-decoration: none; margin: 0; padding: 0; vertical-align: top; }

table.carriers td { border: solid 1px #ddd; padding: 3px; text-align: center; width: 20%; height: 80px; }

table.contact { margin: 0; }
table.contact td { padding: 2px 5px; }

table.geoquote_index { border-collapse: collapse; margin: auto; width: 220px; }
table.geoquote_index h2, div.saveology h2, div.saveology-res h2 { font-weight: normal; margin: 0 0 5px 0; font-size: 16px; color: #111; border-bottom: solid 1px #555; white-space: nowrap; }
table.geoquote_index h2 { background: url('../images/h2a.png') no-repeat left center; padding: 10px 0 10px 30px; }
table.geoquote_index tr { font-size: 100%; color: #111; font-size: 11px; }
table.geoquote_index th { background: none; font-size: 15px; } 
table.geoquote_index td { padding: 2px 0; }
table.geoquote_index td.phone { padding: 4px 2px 2px 20px; background: url('../images/icon-phone2.png') no-repeat left center; }
table.geoquote_index td.scode { background: url('../images/cover-white-hi.png'); }
table.geoquote_index td.submit { text-align: center; }
table.geoquote_index input, table.geoquote_index select { font-size: 11px; }
table.geoquote_index input.a, table.geoquote_index input.b, table.geoquote_index input.c, table.geoquote_index input.d { height: 20px; background: #fff }
table.geoquote_index input.a { width: 107px; border: solid 1px #888; }
table.geoquote_index input.b { width: 222px; border: solid 1px #888; }
table.geoquote_index input.c, table.geoquote_index input.d { border: solid 1px #888; }
table.geoquote_index textarea.notes { border: solid 1px #888; height: 40px; }
table.geoquote_index table.geoin td { padding: 0 2px; }
table.geoquote_index table.geoin td input { border: solid 1px #888; height: 20px; width: 50px; }
table.geoquote_index table.geoin td.pad-r { padding-right: 10px; }
table.geoquote_index table.geoin input.e { width: 65px; border: solid 1px #888; }

table.list td { padding: 2px 5px; }
table.list td.submit { text-align: center; }

table.GeoContact { margin: 0 auto; width: 220px; }
table.GeoContact tr { font-size: 11px; }
table.GeoContact td { padding: 2px; }
table.GeoContact select.services { width: 225px; }
table.GeoContact input.fname, table.contact2 input.lname { width: 105px; }
table.GeoContact input.businessname, table.contact2 input.email { width: 220px; }
table.GeoContact td.phone { padding: 2px 0 2px 20px; background: url('../images/icon-phone2.png') no-repeat left center; }
table.GeoContact td.code, table.contact2 td.submit { text-align: center; }
table.GeoContact table.cin { margin: 0 0 0 auto; }
table.GeoContact table.cin td { padding: 0; }
table.GeoContact table.cin a:link { color: #111; }
table.GeoContact td.submit { text-align: center; }

.nobg { background: none; }
.white { background: #fff; }
.bd-left-dotted { border-left: dotted 1px #aaa; }
.bd-right-dotted { border-right: dotted 1px #aaa; }
.bd-left-solid { border-left: solid 1px #ccc; }
.none { margin: 0; padding: 0; line-height: 0; }

