/* Miles DeFeyter of Miles D Marketing www.milesd.com 2-25-09 */ body {background: url(http://americenters.com/images/bg.gif) 0 0 repeat #fff; margin:0 auto;font:normal 76.01% arial,helvetica,sans-serif;text-align:center;position:relative;} p, li {font-size:13px;} h1,h2,h3,h4,h5,h6,form,div,p,i,img,ul,li,ol,table,tr,td,fieldset,label,dt{margin:0;padding:0;} h1 {font:bold 2em times new roman;color:#3a6c9d;text-transform:uppercase;} #y1 h1 {padding:10px 0 18px 0;text-align:left;} h2 {font:bold 1.3em arial,helvetica,sans-serif;;color:#3a6c9d;} ul {list-style-type:none;} fieldset {clear:both;padding: 1em;margin-bottom:15px;border:solid 1px #3a6c9d;background: url(http://americenters.com/images/gradient-sprite.png) repeat-x 0 -137px #7ccef0;} fieldset li {zoom:100%;} /* office program */ .l3 fieldset {border:none;background:none;} legend {color:#3a6c9d;} .l3 legend {border:solid 1px #aaa5a2;background:#fff;padding:2px 4px;color:#012a6a;} label {float:left;width:25%;margin-right:0.5em;padding-top:0.2em;text-align:right;} input, textarea {border:solid 1px #000;} textarea {padding:5px;} .left {float:left;} .right {float:right;} #realname, #company-name, #email, #telephone {margin:0 0 8px 0;} img {border:0;} a {text-decoration:none;color:#012a6a;} a:hover {text-decoration:underline;} .sm {font-size:0.95em} form h5 {font-weight:normal;font-size:1em;padding:10px 0 6px 0;} form p.sm {padding:0;} .clear {clear:both;line-height:0;height:0 !important;padding:0 !important;margin:0 !important; _display:inline;} #bumperLt {width:940px;background: url(http://americenters.com/images/shadow-bg.png) repeat-y 0 -1px;margin:0 auto;} #bumperRt {width:940px;background: url(http://americenters.com/images/shadow-bg.png) repeat-y right 0;margin:0 auto;} #content {width:930px;_background: url(http://americenters.com/images/gray-bg.gif) repeat-y 730px 0 #fff;margin:0 auto;} .cal #content {_background-image:none;} #head {background:#fff;} #amclogo {float:left;padding:8px 0 8px 30px;} #head h6 {float:right;display:block;position:relative;margin-right:15px;} #head br.clear {clear:right;} #head ul.contact {float:right;display:block;position:relative;margin:8px 22px 0 0;text-align:right;z-index:2;} #head ul.contact li {color:#012a6a;font-size:15px;font-weight:bold;} #nav {clear:both;width:100%;float:left;} #nav li {display:block;float:left;padding:12px 0;} #nav {border-bottom:solid 1px #054180;background: url(http://americenters.com/images/gradient-sprite.png) repeat 0 0 #216daf;} #nav li a {color:#fff;font-size:1.1em;padding:12px 25px;background: url(http://americenters.com/images/gradient-sprite.png) no-repeat 0 -43px;} #nav li a.first {background:none;} #nav .on a, #nav li.on a.first, #nav a:hover, #nav li a.first:hover {background: url(http://americenters.com/images/gradient-sprite.png) repeat 0 -88px;text-decoration:none;} #main {border-bottom:solid 1px #054180;background: url(http://americenters.com/images/gray-bg.gif) repeat-y 730px 0 #fff;} #content .cal {background-image:none;} .button {float:left;font-style:normal;text-align:center;background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat 0 -268px;padding-left:21px;margin:10px 0;color:#fff;height:24px;} .button a, .button input {border:0;margin:0;text-align:center;background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat right -294px;padding:5px 18px 5px 5px;display:block;float:left;color:#fff;} .l3 .button a, .l3 .button input{padding:5px 18px 4px 5px;_padding:4px 18px 4px 5px;} fieldset ul div.sub ul {background:none;padding-left:20px;padding-top:10px} #content ul.noBullet li {background:none;} #content #slideshow {border:none;padding:0;margin:0;} #main .button a {float:none;margin:0;} #ltMain {float:left;width:730px;padding-bottom:50px;} .l1 p, .l3 p {padding:0 8px 20px 0;} #l9 p{padding:0 8px 10px 0;} #y1 p, #l8 p {padding:0 0 10px 0;} .gallery {width:270px;padding-top:25px} #y2 .gallery {width:100%;padding-top:10px} #l10 .gallery {width:100%;padding-top:0;} .gallery li {float:left;padding:0 8px 5px 0;} .gallery li img {border:solid 1px #3a6c9d;padding:2px;} #y1, #y2 {padding:0 25px;text-align:left;clear:both;} #y1 img, #l7 img {margin:0 0 30px 0} #y1 #pricingTable img{margin:0} .l1 {float:left;width:417px;text-align:left;padding:0px 8px 15px 25px} .l2 {float:left;width:280px;padding:0 0 35px 0;} .about .l2 {padding:0 0 35px 0;} .l3 {float:left;width:440px;text-align:left;padding:15px 8px 15px 25px} .l4 {float:right;width:235px;padding:0 15px 35px 0;} .officePro .l4, .faq .l4 {padding:30px 15px 35px 0;} .l5 {float:left;width:287px;text-align:left;padding:15px 8px 15px 25px} .l6 {float:left;width:410px;padding:18px 0 35px 0;} #l7 {float:left;width:350px;text-align:left;padding:15px 8px 15px 25px;} #l8 {float:right;width:325px;padding:15px 15px 35px 0;text-align:left;} #l9 {float:left;width:477px;text-align:left;padding:15px 8px 15px 25px} #l10 {float:left;width:220px;padding:15px 0 35px 0;} .box {width:262px;text-align:left;background:#ddd8ce;border:solid 1px #aaa5a2;} .box h2 {padding:12px 15px 4px 15px;color:#012a6a;} .box ul {padding:0 10px 15px 15px;background:#ddd8ce;;} .box ul li {background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat 0 -392px;padding:4px 0 4px 10px;color:#012a6a;} #y1 .box {width:auto;margin-bottom:25px} .box ul.split {float:left;width:45%;padding:4px 10px 4px 10px;} .l2 img, .l4 img {border:solid 1px #3a6c9d;margin-bottom:15px;} .l4 .box {background-position:-210px 0;width:235px;} .l4 .box ul {background-position:-210px bottom;} .block li a {display:block;padding:5px 0 0 15px;background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat 4px -390px;} .block2 h2 {padding:15px;} .block2 h4 {padding:0 0 0 15px;} .l2 h4 {color:#012a6a;} #actions, .l6 #actions {text-align:right;padding-right:20px} .l6 #actions {padding:0 28px 8px 0;} #actions a, .l6 #actions a {padding-left:5px;} #actions img, .l6 #actions img {border:none;} #mapPloted {margin-bottom:15px;border:solid 1px #3a6c9d;} .l3 fieldset ul li {background: url(http://americenters.com/images/icons/icon-bullet.png) no-repeat 0 8px;padding:4px 0 4px 10px;color:#012a6a;} #rtMain {float:right;width:180px;padding:25px 10px 25px 10px;} #rtMain h4 {padding:12px 0 4px 0;color:#b12042;text-align:left;font-size:14px;font-style:italic;} #rtMain ul {padding:0 10px 15px 0;} #rtMain ul li {background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat 0 -385px;padding:10px 0 10px 13px;color:#012a6a;text-align:left;border-bottom:dotted 1px #7a7a7a;} #rtMain ul.actions li {background:none;padding:5px 0;text-align:center;border-bottom:none;} fieldset fieldset ul li {background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat 0 -390px;padding:5px 0 5px 13px;} #l630 {float:left;width:630px;padding:20px 0;} #r300 {float:right;width:300px;padding:20px 0;} #r300 h2 {color:#000;text-align:left;padding-bottom:24px} #form289 {background: url(http://americenters.com/images/cal-cap-top.gif) no-repeat 0 0 #c0daff;width:289px;padding-top:0; } #calForm {background: url(http://americenters.com/images/cal-cap-bt.gif) no-repeat 0 bottom;float:left;padding:20px 5px;} #form289 fieldset {clear:both;padding:3px;margin-bottom:15px;border:solid 1px #3a6c9d;background:#fff;background-image:none;} #form289 legend {color:#000;background:#fff;border:solid 1px #3a6c9d;padding:2px;} #a b {background-color:#b373b3} #b b {background-color:#8c66d9} #c b {background-color:#e67399} .when{text-align:left;} .when table {padding:5px 0;} /*.contact input {width:40px}*/ .contact lable {width:190px} #Start-Time, #End-Time {width:60px;padding-left:2px;} #form289 label {float:left;width:25%;margin-right:0.5em;padding-top:0.2em;text-align:right;} #form289 input, #form289 textarea {border:solid 1px #000;} #form289 .button input {border:0;padding:2px 10px 4px 5px} #form289 .button {margin-left:70px;} #realname, #company-name, #email, #telephone {margin:0 0 8px 0;} form .checkBox input {_border:none;_padding:0 5px;} #contactForm fieldset .button {_height:10px;} #contactForm fieldset .button input {padding:2px 18px 4px 0;_padding:0 18px 4px 0;} #contactForm fieldset {background:none;background-image:none;_padding-top:45px;} #contactForm fieldset fieldset {background:;border:none;_padding-top:20px;} #contactForm fieldset legend {font-weight:bold; border:none} #contactForm fieldset fieldset legend {background:;border:none;color:#000;font-weight:bold;} #contactForm fieldset .checkBox input {margin:0 8px 0 20px;border:0;} #contactForm .submit {border:0;} #contactForm .o li {background:none;float:left;width:27%;padding:0 0 10px 0;color:#000;} #contactForm .o li.l {width:39%;} .faq fieldset {border-width:0 1px 1px 1px;} fieldset .close {display:block;padding:0 0 0 0;width:12px;height:12px;float:right;background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat bottom right;} .faq .l3 fieldset li {color:#000;} .l3 h3 a {display:block;padding:0 5px 0 0;width:22px;height:22px;background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat -5px -227px;float:left;top:-4px;position:relative;} .l3 h3.on a {background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat -38px -226px;} .l3 h3 {padding:10px;cursor:pointer; border:solid 1px #fff;font:normal 13px arial;} .l3 h3:hover {background: url(http://americenters.com/images/gradient-sprite.png) repeat-x 0 -133px #7ccef0;border:solid 1px #3a6c9d;} .l3 h3.on {border:solid 1px #3a6c9d;border-width:1px 1px 0 1px;} .l3 h3.on:hover {background:none;} #foot {width:910px;clear:both;float:left;border-top:solid 1px #efece7;padding:10px;background:#fff;color:#7a7a7a;} #foot li {float:left;padding-left:8px;margin-left:8px;border-left:solid 1px #7a7a7a;} #foot li.first {padding:0;margin:0;border:none;} #foot p {clear:both;text-align:left;padding-bottom:8px;} #map {width:235px;height:235px;border:solid 1px #3a6c9d;} .gsmsc-mapDiv {height:245px;} .gsmsc-idleMapDiv {height:265px;} #mapsearch {width:265px;margin:0;padding:0;} /* location index map */ #stateMap {width:261px;height:331px;background: url(http://americenters.com/images/map-sprite.png) no-repeat 0 0;margin:10px 0 0 60px} #stateMap.onOh {background-position:-1044px 0;} /* the extra specificity fixes an IE bug */ #content div.onIl {background: url(http://americenters.com/images/map-sprite.png) no-repeat -522px 0;} #content div.onMi {background: url(http://americenters.com/images/map-sprite.png) no-repeat -261px 0;} #content div.onIn {background: url(http://americenters.com/images/map-sprite.png) no-repeat -783px 0;} #mapR1 {height:78px;} #mapR1 a {display:block;height:78px;width:152px;margin-left:28px;} #mapR2 {height:72px;clear:both;} #mapR2 a {display:block;height:72px;width:97px;margin-left:111px;} #mapR3 {height:24px;clear:both;} #mapR3 a {display:block;height:24px;width:71px;margin-left:20px;float:left;} #mapR3 a#mapMi3 {width:97px;} #mapR4 {height:157px;clear:both;} #mapR4 a {display:block;height:157px;width:62px;float:left;} #mapR4 a#mapIl2 {width:92px;} #mapR4 a#mapOh {width:107px;} /* .l3 fieldset ul fieldset.off {display:none;} */ .l3 fieldset ul fieldset {background:#f2efea;margin-top:10px;} .l3 fieldset a {text-decoration:underline;} #pricingTable fieldset,.l2 fieldset ,#l7 fieldset,#l9 fieldset {background:#7ccef0} #pricingTable fieldset legend,.l2 fieldset legend ,#l7 fieldset legend,#l9 fieldset legend {background:#fff;border:solid 1px;padding:2px 5px;} #pricingTable fieldset fieldset,.l2 fieldset fieldset,#l7 fieldset fieldset,#l9 fieldset fieldset {background:#fff} #pricingTable #q-1F,#pricingTable #q-2F,#pricingTable #q-3F,#pricingTable #q-4F,#pricingTable #q-5F,#pricingTable #q-6F, #l7 #q-1F,#l7 #q-2F,l9 #q-1F,#l9 #q-2F, .l2 #q-2F, .l2 #q-1F {position:absolute;width:400px;margin-top:5px;margin-left:10px;} .l2 #q-1F,.l2 #q-2F, #l7 #q-1F,#l7 #q-2F, #l9 #q-1F,#l9 #q-2F{display:block;width:470px;margin-bottom:30px;text-align:left;} .l2 #q-1F .right,.l2 #q-2F, #l7 #q-1F .right,#l7 #q-2F,#l9 #q-1F .right,#l9 #q-2F .right{width:270px;border-left:solid 1px #3a6c9d;padding-left:15px;} .tbWrp {width:666px;_width:668px;border:solid 1px #000;padding:1px 1px;_padding:1px 0;background-color:#000;text-align:center;} #pricingTable {width:666px;border-collapse:collapse;background: #fff;} #pricingTable thead {color:#000;} #pricingTable thead i {display:block;font-size:0.8em;} #pricingTable th {padding:8px 8px 8px 18px;width:80px;line-height:1em;border-right:1px solid #000; border-bottom:1px solid #000;} #pricingTable th#productThree {border-right:none;} #pricingTable th#ourProducts {width:210px;_width:212px;font-weight:bold;} #pricingTable tbody .productThree {border-right:solid 0 #000;} #pricingTable tbody .lastTr td {border-bottom:solid 1px #000;} #pricingTable tbody #o img {padding-bottom:4px;} #pricingTable #ourProducts, #pricingTable #o td {color:#000;text-align:left;font-weight:bold;} #pricingTable td {color:#000;text-align:left;border-right:1px solid #000; border-bottom:1px solid #000;background:#fff;padding:4px 13px;} /* start lightbox css */ #lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #lightbox a img{ border: none;} #outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #imageContainer{padding: 10px;} #loading{position: absolute;top: 40%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;} #hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(http://americenters.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;} #prevLink,#prevLink:hover, #prevLink:visited:hover { left: 0; float: left;background: url(http://americenters.com/images/prevlabel.gif) left 15% no-repeat;} #nextLink, #nextLink:hover, #nextLink:visited:hover { right: 0; float: right;background: url(http://americenters.com/images/nextlabel.gif) right 15% no-repeat;} #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%} #imageData{padding:0 10px; color: #666;} #imageData #imageDetails{ width: 70%; float: left; text-align: left;} #imageData #caption{ font-weight: bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;} #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;} #overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;} /* end lightbox css */ html fieldset{ position: relative; } html legend{ _position:absolute; _top: -10px; _left: .5em; *position:absolute; *top: -10px; *left: .5em; } html fieldset{ position: relative; margin-top:1em; padding-top:.75em; } html*#contactForm fieldset {*padding-top:45px;} html*#contactForm fieldset fieldset {*padding-top:20px;} #dhtmlgoodies_menu ul li ul{ display:none; /* Needed to display ok in Opera */ } #dhtmlgoodies_menu{ visibility:hidden; } #dhtmlgoodies_menu ul{ margin:0; /* No indent */ padding:0; /* No indent */ } #dhtmlgoodies_menu li{ list-style-type:none; /* No bullets */ } #dhtmlgoodies_menu a{ margin:0; padding:0; } /* End general configuration CSS */ #nav {clear:both;width:100%;float:left;} #nav li {display:block;float:left;padding:12px 0;} #nav {border-bottom:solid 1px #054180;background: url(http://americenters.com/images/gradient-sprite.png) repeat 0 0 #216daf;} #nav li a {color:#fff;font-size:1.1em;padding:12px 25px;background: url(http://americenters.com/images/gradient-sprite.png) no-repeat 0 -43px;} #nav li a.first {background:none;} #nav .on a, #nav li.on a.first, #nav a:hover, #nav li a.first:hover {background: url(http://americenters.com/images/gradient-sprite.png) repeat 0 -88px;} /* Cosmetic */ /*********************************************************************** CSS - MENU BLOCKS General rules for all menu blocks (group of sub items) ***********************************************************************/ #dhtmlgoodies_menu ul ul{ clear:none;width:auto;float:none; background:#fff; } #dhtmlgoodies_menu ul.menuBlock1{ /* Menu bar - main menu items */ padding:0;margin:0;clear:both;width:100%;float:left;height:40px !important; border-bottom:solid 1px #054180;background: url(http://americenters.com/images/gradient-sprite.png) repeat 0 0 #216daf; } #dhtmlgoodies_menu ul.menuBlock2{ /* Menu bar - main menu items */ border:0; padding:1px; background:#216daf; border:1px solid #fff; } #dhtmlgoodies_menu ul.menuBlock3{ /* Menu bar - main menu items */ border:0; padding:1px; background:#216daf; border:1px solid #fff; } /*********************************************************************** CSS - MENU ITEMS Here, you could assign rules to the menu items at different depths. ***********************************************************************/ /* General rules for all menu items */ #dhtmlgoodies_menu a{ color: #000; text-decoration:none; padding-left:2px; padding-right:2px; } /* Main menu items */ #dhtmlgoodies_menu .currentDepth1{ padding:12px 20px; color:#FFF; background: url(http://americenters.com/images/gradient-sprite.png) no-repeat 0 -43px; float:left !important; } #dhtmlgoodies_menu .currentDepth1over{ background: url(http://americenters.com/images/gradient-sprite.png) repeat 0 -88px; padding:12px 20px; color:#FFF; } #dhtmlgoodies_menu .currentDepth1 a{ color:#FFF; } #dhtmlgoodies_menu .currentDepth1over a{ /* Text rules */ text-decoration:none; color:#FFF; } /* Sub menu depth 1 */ #dhtmlgoodies_menu .currentDepth2{ padding:2px 5px; text-align:left; border:1px solid #FFF; background: url(http://americenters.com/images/sub-nav-sprite.png) repeat-x 0 0 #fff; } #dhtmlgoodies_menu .currentDepth2over{ padding:2px 5px;text-align:left; background: url(http://americenters.com/images/sub-nav-sprite.png) repeat-x 0 -28px #fff; border:1px solid #000; } #dhtmlgoodies_menu .currentDepth2over a{display:block; /* Text rules */ color:#fff; } /* Sub menu depth 2 */ #dhtmlgoodies_menu .menuBlock3 {margin-left:10px;} #dhtmlgoodies_menu .currentDepth3{ padding:2px 5px;text-align:left; border:1px solid #E2EBED; background: url(http://americenters.com/images/sub-nav-sprite.png) repeat-x 0 0 #fff; } #dhtmlgoodies_menu .currentDepth3over{ padding:2px 5px;text-align:left; background: url(http://americenters.com/images/sub-nav-sprite.png) repeat-x 0 -56px #fff; border:1px solid #000; } #dhtmlgoodies_menu .currentDepth3over a{display:block; /* Text rules */ color:#fff; } /* Sub menu depth 3 */ #dhtmlgoodies_menu .currentDepth4{ padding-right:2px; border:1px solid #FFF; } #dhtmlgoodies_menu .currentDepth4over{ padding-right:2px; background-color:#EBEDE3; border:1px solid #000; } #dl h1{text-align:left;color:#fff;font-size:2.2em;padding:15px 30px} div#dl a {float:left;height:246px;width:463px;display:block;} .dl-dublin {background: url(http://americenters.com/images/locations/dublin-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-carmel {background: url(http://americenters.com/images/locations/carmel-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-warrenville {background: url(http://americenters.com/images/locations/warrenville-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-schaumburg {background: url(http://americenters.com/images/locations/schaumburg-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-troy {background: url(http://americenters.com/images/locations/troy-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-southfield {background: url(http://americenters.com/images/locations/southfield-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-novi {background: url(http://americenters.com/images/locations/novi-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-livonia {background: url(http://americenters.com/images/locations/livonia-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-bloomfield {background: url(http://americenters.com/images/locations/bloomfield-dl.jpg) 0 0 repeat #fff;height:246px;} .dl-detroit {background: url(http://americenters.com/images/locations/detroit-dl3.jpg) 0 0 repeat #fff;height:246px;} #login {text-align:left;background-color:#fff;border:solid 1px #1a6cad;padding:3px 1px 1px 1px;position:absolute;left:-98px;top:35px;width:180px;display:none;z-index:2000;} html* #login {*left:90px;*top:10px;} .close {float:right;font-size:1.3em;background-color:#fff;padding-right:5px} #login ul {clear:both;background-color:#fff;} #login li a{display:block;color:#000;font-weight:normal; padding:2px 5px; text-align:left; border:1px solid #FFF;background: url(http://americenters.com/images/sub-nav-sprite.png) repeat-x 0 0 #fff;} #login li a:hover{ background: url(http://americenters.com/images/sub-nav-sprite.png) repeat-x -28px #fff;color:#fff; } #openAll, #closeAll {float:right;padding:5px 20px 5px 5px;background: url(http://americenters.com/images/icon-sprite_v2.png) no-repeat -188px -576px;}