/*------------------------------------------- TITLE: Davco Advertising CREATED: 5/6/2008 -- LAYOUT - BODY, LINKS, MENUS - TOP - MENU - CONTENT - SUBMENU - FOOTER -- -------------------------------------------*/ /*------------------------------------------- - BODY, LINKS, MENUS - links - top level divs -------------------------------------------*/ h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address, body { margin: 0px; padding: 0px; } a img { border: 0px; } body { background :#002511 url(../images/body_bg2.jpg) top no-repeat; } #pagewidth { margin-left: auto; margin-right: auto; position:relative; width: 938px; } #top { width: 938px; height: 364px; } /*------------------------------------------- - TOP -------------------------------------------*/ h1 { background-image: url(../images/davco_banner.jpg); background-repeat: no-repeat; height: 297px; width: 938px; text-indent: -9999px; } #note { width: 648px; height: 435px; background-image: url(../images/home_note.jpg); background-repeat: no-repeat; margin: -28px 0px 0px 20px; _margin-left: 10px; float: left; } #noteleft { width: 424px; float: left; } hr {width:92%;} #noteleft p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; padding: 0px 20px 15px 42px; color: #414141; } #noteright p{ font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 24px; padding: 10px 20px 0px 0px; } .phone {font-size: 18px; color: #414141; font-weight: bold;} .fax {font-size: 14px; color: #414141; font-weight: bold;} .address {color: #666666; font-size: 12px;} #infobox { padding-top: 15px; width: 232px; height: 287px; background-image:url(../images/infobox_bg.png); background-repeat:no-repeat; } #infobox ul {list-style-type:none; margin: 0px 0px 0px 15px;} #infobox a {display:block; text-indent: -9999px; border-bottom: none;} #infobox li.place1 {background:transparent url(../images/placeanorder_btn.gif); background-repeat:no-repeat; width: 201px; height: 57px;} #infobox li.send1 {background:transparent url(../images/sendfile_btn.gif); background-repeat:no-repeat; width: 201px; height: 33px; margin-top: 8px;} #infobox li.request1 {background:transparent url(../images/request_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #infobox li.check1 {background:transparent url(../images/checkstatus_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #infobox li.contact1 {background:transparent url(../images/contactus_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #infobox li.access1 {background:transparent url(../images/accessftp_btn.gif); background-repeat:no-repeat; width: 201px; height: 57px; margin-top: 6px;} #infobox a#place2 {background:transparent url(../images/placeanorder_btn.gif) no-repeat; width: 201px; height: 57px;} #infobox a#send2 {background:transparent url(../images/sendfile_btn.gif) no-repeat; width: 201px; height: 33px;} #infobox a#request2 {background:transparent url(../images/request_btn.gif) no-repeat; width: 201px; height: 32px;} #infobox a#check2 {background:transparent url(../images/checkstatus_btn.gif) no-repeat; width: 201px; height: 32px;} #infobox a#contact2 {background:transparent url(../images/contactus_btn.gif) no-repeat; width: 201px; height: 32px;} #infobox a#access2 {background:transparent url(../images/accessftp_btn.gif) no-repeat; width: 201px; height: 57px;} #infobox a#place2:hover {background-position:0px -57px; z-index:50;} #infobox a#send2:hover {background-position:0px -33px; z-index:50;} #infobox a#request2:hover {background-position:0px -32px; z-index:50;} #infobox a#check2:hover {background-position:0px -32px; z-index:50;} #infobox a#contact2:hover {background-position:0px -32px; z-index:50;} #infobox a#access2:hover {background-position:0px -57px; z-index:50;} #infobox2 { padding-top: 135px; width: 232px; height: 401px; background-image:url(../images/infobox_bg2.png); background-repeat:no-repeat; } #infobox2 ul {list-style-type:none; margin: 0px 0px 0px 15px;} #infobox2 a {display:block; text-indent: -9999px; border-bottom: none;} #infobox2 li.place1 {background:transparent url(../images/placeanorder_btn.gif); background-repeat:no-repeat; width: 201px; height: 57px;} #infobox2 li.send1 {background:transparent url(../images/sendfile_btn.gif); background-repeat:no-repeat; width: 201px; height: 33px; margin-top: 8px;} #infobox2 li.request1 {background:transparent url(../images/request_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #infobox2 li.check1 {background:transparent url(../images/checkstatus_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #infobox2 li.contact1 {background:transparent url(../images/contactus_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #infobox2 li.access1 {background:transparent url(../images/accessftp_btn.gif); background-repeat:no-repeat; width: 201px; height: 57px; margin-top: 6px;} #infobox2 a#place2 {background:transparent url(../images/placeanorder_btn.gif) no-repeat; width: 201px; height: 57px;} #infobox2 a#send2 {background:transparent url(../images/sendfile_btn.gif) no-repeat; width: 201px; height: 33px;} #infobox2 a#request2 {background:transparent url(../images/request_btn.gif) no-repeat; width: 201px; height: 32px;} #infobox2 a#check2 {background:transparent url(../images/checkstatus_btn.gif) no-repeat; width: 201px; height: 32px;} #infobox2 a#contact2 {background:transparent url(../images/contactus_btn.gif) no-repeat; width: 201px; height: 32px;} #infobox2 a#access2 {background:transparent url(../images/accessftp_btn.gif) no-repeat; width: 201px; height: 57px;} #infobox2 a#place2:hover {background-position:0px -57px; z-index:50;} #infobox2 a#send2:hover {background-position:0px -33px; z-index:50;} #infobox2 a#request2:hover {background-position:0px -32px; z-index:50;} #infobox2 a#check2:hover {background-position:0px -32px; z-index:50;} #infobox2 a#contact2:hover {background-position:0px -32px; z-index:50;} #infobox2 a#access2:hover {background-position:0px -57px; z-index:50;} #sportswear { padding-top: 15px; width: 120px; height: 600px; background-image:url(../images/sportswear.jpg); background-repeat:no-repeat; } #lc_businessdirectory {margin: 0px 0px 0px 0px;} #lc_businessdirectory ul {list-style-type:none; margin: 10px 0px 0px 0px;} #lc_businessdirectory a {display:block; text-indent: -9999px; border-bottom: none;} #lc_businessdirectory li.lcbd {background:transparent url(../images/lcbd_btn.png); background-repeat:no-repeat; width: 232px; height: 82px;} #lc_businessdirectory a#lcbd1 {background:transparent url(../images/lcbd_btn.png) no-repeat; width: 232px; height: 82px;} #lc_businessdirectory a#lcbd1:hover {background-position:0px -82px; z-index:50;} .Directory {float:right; width:145px; padding:8px; font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-size:12px; font-weight:bold; text-align:center; margin-right:16px;} .Directory a{ color:#990000; text-decoration:underline;} .Directory a:hover{color:#133b02; text-decoration:underline;} /*------------------------------------------- - MENU -------------------------------------------*/ /* -------- MAIN HORIZONTAL MENU OFF STATE ---------- */ #menu { background:#002511;width: 938px; display:block; height: 67px; /* background-image:url(../images/menu_bg.jpg); */} #menu ul {list-style-type:none; padding: 29px 0px 0px 0px; margin: 0px 0px 0px 127px;} #menu li {float:left; width: 139px; height: 38px; margin: 0px; padding: 0px;} #menu li.list1 {background:transparent url(../images/home_btn.gif); background-repeat:no-repeat;} #menu li.list2 {background:transparent url(../images/services_btn.gif); background-repeat:no-repeat;} #menu li.list3 {background:transparent url(../images/portfolio_btn.gif); background-repeat:no-repeat;} #menu li.list4 {background:transparent url(../images/company_btn.gif); background-repeat:no-repeat;} #menu li.list5 {background:transparent url(../images/contact_btn.gif); background-repeat:no-repeat;} #menu a {display:block; height: 38px; text-indent: -9999px; border-bottom: none;} /* ----------- MAIN HORIZONTAL MENU HOVERING ITEMS ----------- */ #menu a#item1 {background:transparent url(../images/home_btn.gif) no-repeat;} #menu a#item2 {background:transparent url(../images/services_btn.gif) no-repeat;} #menu a#item3 {background:transparent url(../images/portfolio_btn.gif) no-repeat;} #menu a#item4 {background:transparent url(../images/company_btn.gif) no-repeat;} #menu a#item5 {background:transparent url(../images/contact_btn.gif) no-repeat;} #menu a#item1:hover {background-position:0px -38px; z-index:50;} #menu a#item2:hover {background-position:0px -38px; z-index:50;} #menu a#item3:hover {background-position:0px -38px; z-index:50;} #menu a#item4:hover {background-position:0px -38px; z-index:50;} #menu a#item5:hover {background-position:0px -38px; z-index:50;} /*------------------------------------------- - BODY -------------------------------------------*/ #container p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; color: #333333; padding: 12px 18px 0px 24px; } #container h5 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#63004f; margin:15px 0px 0px 22px; } #container h5.company { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#0b316a; margin:15px 0 -10px 22px; } #container { float: left; width: 685px; } #subpageright { float: right; margin:-10PX 0 0 0; width: 695px; } #subpageright p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; color: #333333; padding: 12px 18px 0px 24px; } #rightcontainer { float: right; width: 232px; margin-top: 10px; margin-right: 4px; _margin-right: 0px; } #subpageleft { float: left; width: 232px; margin-top: 0px; margin-right: 4px; _margin-right: 0px; } #contentleft { background-image: url(../images/content_bg.png); background-repeat:no-repeat; margin: 10px 0px 0px 0px; _margin: 10px 0px 0px 0px; padding-bottom: 12px; } #contentleft ul { margin: 0px 0px 0px 50px; padding:0px; } #contentleft li { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height:20px; color: #333333; } #contentleft h5 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#63004f; margin:15px 0px 0px 22px; } #contentleft h5.company { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#0b316a; margin:15px 0px 0px 22px; } #contentleft h5.contact { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#c50103; margin:15px 0px 0px 22px; } #contentleft td.printing { font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; color: #333333; } #contentleft td.mission { font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #333333; } #contentbottom { height: 10px; background-image: url(../images/content_bottom.png); clear: both; background-repeat: no-repeat; width: 685px; margin-bottom: 20px; } #breadcrumb { color: #a2a2a2; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 0px 0px 10px 0px; margin: 0px 24px 0px 24px; border-bottom: 1px solid #CCCCCC; } #breadcrumb a {color: #a2a2a2;text-decoration: none;} #breadcrumb a:hover {text-decoration: underline;} h2 {padding: 24px 0px 0px 24px;} #home h2 {margin-top: 15px;} h3 { width: 201px; height: 57px; text-indent: -9999px; margin: 0px 0px 0px 15px; background-repeat: no-repeat; display: block; } #gallery { margin: 20px 0px 0px 15px;position: relative; z-index:2; } /*------------------------------------------- - SERVICES -------------------------------------------*/ #servicessubnav h3 { background-image: url(../images/ourservices_header.png); margin-top:120px; } #servicessubnav { width: 232px; height: 442px; background-image:url(../images/submenu_bg3b.png); background-repeat: no-repeat; margin: 0px 4px 0px 0px; padding-top: 15px; } #servicessubnav ul {list-style-type:none; margin: 175px 0px 0px 15px; _margin: 190px 0px 0px 15px;} #servicessubnav a {display:block; text-indent: -9999px; border-bottom: none;} #servicessubnav li.printing1 {background:transparent url(../images/sprinting_btn.gif); background-repeat:no-repeat; width: 201px; height: 33px;} #servicessubnav li.promo1 {background:transparent url(../images/spromotional_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #servicessubnav li.apparel1 {background:transparent url(../images/sapparel_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #servicessubnav li.creative1 {background:transparent url(../images/screative_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #servicessubnav li.photo1 {background:transparent url(../images/sphoto_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #servicessubnav li.mailing1 {background:transparent url(../images/smailing_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #servicessubnav li.ftp1 {background:transparent url(../images/sftp_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #servicessubnav a#printing2 {background:transparent url(../images/sprinting_btn.gif) no-repeat; width: 201px; height: 33px;} #servicessubnav a#promo2 {background:transparent url(../images/spromotional_btn.gif) no-repeat; width: 201px; height: 32px;} #servicessubnav a#apparel2 {background:transparent url(../images/sapparel_btn.gif) no-repeat; width: 201px; height: 32px;} #servicessubnav a#creative2 {background:transparent url(../images/screative_btn.gif) no-repeat; width: 201px; height: 32px;} #servicessubnav a#photo2 {background:transparent url(../images/sphoto_btn.gif) no-repeat; width: 201px; height: 32px;} #servicessubnav a#mailing2 {background:transparent url(../images/smailing_btn.gif) no-repeat; width: 201px; height: 32px;} #servicessubnav a#ftp2 {background:transparent url(../images/sftp_btn.gif) no-repeat; width: 201px; height: 32px;} #servicessubnav a#printing2:hover {background-position:0px -33px; z-index:50;} #servicessubnav a#promo2:hover {background-position:0px -32px; z-index:50;} #servicessubnav a#apparel2:hover {background-position:0px -32px; z-index:50;} #servicessubnav a#creative2:hover {background-position:0px -32px; z-index:50;} #servicessubnav a#photo2:hover {background-position:0px -32px; z-index:50;} #servicessubnav a#mailing2:hover {background-position:0px -32px; z-index:50;} #servicessubnav a#ftp2:hover {background-position:0px -32px; z-index:50;} /*------------------------------------------- - COMPANY -------------------------------------------*/ #company { position:relative; } #companysubnav h3 { background-image: url(../images/ourcompany_header.png); } #companysubnav { width: 232px; height: 368px; background-image:url(../images/submenu_company_bg.png); background-repeat: no-repeat; margin: 0px 4px 0px 0px; padding-top: 15px; } #companysubnav ul {list-style-type:none; margin: 175px 0px 0px 15px; _margin: 190px 0px 0px 15px;} #companysubnav a {display:block; text-indent: -9999px; border-bottom: none;} #companysubnav li.history {background:transparent url(../images/chistory_btn.png); background-repeat:no-repeat; width: 201px; height: 33px;} #companysubnav li.mission {background:transparent url(../images/cmission_btn2.png); background-repeat:no-repeat; width: 201px; height: 32px;} #companysubnav li.employment {background:transparent url(../images/cemployment_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #companysubnav li.facilities {background:transparent url(../images/cfacilities_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #companysubnav li.staff {background:transparent url(../images/cstaff_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #companysubnav a#history2 {background:transparent url(../images/chistory_btn.png) no-repeat; width: 201px; height: 33px;} #companysubnav a#mission2 {background:transparent url(../images/cmission_btn.png) no-repeat; width: 201px; height: 32px;} #companysubnav a#employment2 {background:transparent url(../images/cemployment_btn.png) no-repeat; width: 201px; height: 32px;} #companysubnav a#facilities2 {background:transparent url(../images/cfacilities_btn.png) no-repeat; width: 201px; height: 32px;} #companysubnav a#staff2 {background:transparent url(../images/cstaff_btn.png) no-repeat; width: 201px; height: 32px;} #companysubnav a#history2:hover {background-position:0px -33px; z-index:50;} #companysubnav a#mission2:hover {background-position:0px -32px; z-index:50;} #companysubnav a#employment2:hover {background-position:0px -32px; z-index:50;} #companysubnav a#facilities2:hover {background-position:0px -32px; z-index:50;} #companysubnav a#staff2:hover {background-position:0px -32px; z-index:50;} /*------------------------------------------- - PORTFOLIO -------------------------------------------*/ #portfoliosubnav h3 { background-image: url(../images/ourportfolio_header.png); } #portfoliosubnav { width: 232px; height: 388px; background-image:url(../images/submenu_portfolio_bg.png); background-repeat: no-repeat; margin: 0px 4px 0px 0px; padding-top: 15px; } #portfoliosubnav ul {list-style-type:none; margin: 175px 0px 0px 15px; _margin: 190px 0px 0px 15px;} #portfoliosubnav a {display:block; text-indent: -9999px; border-bottom: none;} #portfoliosubnav li.creative {background:transparent url(../images/pcreative_btn.png); background-repeat:no-repeat; width: 201px; height: 33px;} #portfoliosubnav li.illustration {background:transparent url(../images/pillustration_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #portfoliosubnav li.logo {background:transparent url(../images/plogo_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #portfoliosubnav li.photography {background:transparent url(../images/pphotography3_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #portfoliosubnav li.photoediting {background:transparent url(../images/pphotoediting_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #portfoliosubnav li.printing {background:transparent url(../images/pprinting_btn.png); background-repeat:no-repeat; width: 201px; height: 32px;} #portfoliosubnav a#creative2 {background:transparent url(../images/pcreative_btn.png) no-repeat; width: 201px; height: 33px;} #portfoliosubnav a#illustration2 {background:transparent url(../images/pillustration_btn.png) no-repeat; width: 201px; height: 32px;} #portfoliosubnav a#logo2 {background:transparent url(../images/plogo_btn.png) no-repeat; width: 201px; height: 32px;} #portfoliosubnav a#photography2 {background:transparent url(../images/pphotography3_btn.png) no-repeat; width: 201px; height: 32px;} #portfoliosubnav a#photoediting2 {background:transparent url(../images/pphotoediting_btn.png) no-repeat; width: 201px; height: 32px;} #portfoliosubnav a#printing2 {background:transparent url(../images/pprinting_btn.png) no-repeat; width: 201px; height: 32px;} #portfoliosubnav a#creative2:hover {background-position:0px -33px; z-index:50;} #portfoliosubnav a#illustration2:hover {background-position:0px -32px; z-index:50;} #portfoliosubnav a#logo2:hover {background-position:0px -32px; z-index:50;} #portfoliosubnav a#photography2:hover {background-position:0px -32px; z-index:50;} #portfoliosubnav a#photoediting2:hover {background-position:0px -32px; z-index:50;} #portfoliosubnav a#printing2:hover {background-position:0px -32px; z-index:50;} /*------------------------------------------- - HOMEPAGE -------------------------------------------*/ #home #infobox { margin-top: 8px; margin-right: 8px; width: 232px; height: 287px; background-repeat:no-repeat; float: right; } #home #infobox ul {list-style-type:none; margin: 0px 0px 0px 15px;} #home #infobox a {display:block; text-indent: -9999px; border-bottom: none;} #home #infobox li.place1 {background:transparent url(../images/placeanorder_btn.gif); background-repeat:no-repeat; width: 201px; height: 57px;} #home #infobox li.send1 {background:transparent url(../images/sendfile_btn.gif); background-repeat:no-repeat; width: 201px; height: 33px; margin-top: 8px;} #home #infobox li.request1 {background:transparent url(../images/request_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #home #infobox li.check1 {background:transparent url(../images/checkstatus_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #home #infobox li.contact1 {background:transparent url(../images/contactus_btn.gif); background-repeat:no-repeat; width: 201px; height: 32px;} #home #infobox li.access1 {background:transparent url(../images/accessftp_btn.gif); background-repeat:no-repeat; width: 201px; height: 57px; margin-top: 6px;} #home #infobox a#place2 {background:transparent url(../images/placeanorder_btn.gif) no-repeat; width: 201px; height: 57px;} #home #infobox a#send2 {background:transparent url(../images/sendfile_btn.gif) no-repeat; width: 201px; height: 33px;} #home #infobox a#request2 {background:transparent url(../images/request_btn.gif) no-repeat; width: 201px; height: 32px;} #home #infobox a#check2 {background:transparent url(../images/checkstatus_btn.gif) no-repeat; width: 201px; height: 32px;} #home #infobox a#contact2 {background:transparent url(../images/contactus_btn.gif) no-repeat; width: 201px; height: 32px;} #home #infobox a#access2 {background:transparent url(../images/accessftp_btn.gif) no-repeat; width: 201px; height: 57px;} #home #infobox a#place2:hover {background-position:0px -57px; z-index:50;} #home #infobox a#send2:hover {background-position:0px -33px; z-index:50;} #home #infobox a#request2:hover {background-position:0px -32px; z-index:50;} #home #infobox a#check2:hover {background-position:0px -32px; z-index:50;} #home #infobox a#contact2:hover {background-position:0px -32px; z-index:50;} #home #infobox a#access2:hover {background-position:0px -57px; z-index:50;} #lc_businessdirectory {margin: 0px 8px 0px 0px; float: right;} #lc_businessdirectory ul {list-style-type:none; margin: 0px 0px 0px 0px;} #lc_businessdirectory a {display:block; text-indent: -9999px; border-bottom: none;} #lc_businessdirectory li.lcbd {background:transparent url(../images/lcbd_btn.png); background-repeat:no-repeat; width: 232px; height: 82px;} #lc_businessdirectory a#lcbd1 {background:transparent url(../images/lcbd_btn.png) no-repeat; width: 232px; height: 82px;} #lc_businessdirectory a#lcbd1:hover {background-position:0px -82px; z-index:50;} /*------------------------------------------- - FOOTER -------------------------------------------*/ #footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-image: url(../images/footer_bg2.png); height: 91px; background-repeat: no-repeat; padding-bottom: 20px; clear: both; color: #617a6b; } .left {float: left;} #footer .left { width: 235px; } #footer .left p{ line-height: 24px; padding: 11px 0px 0px 21px; } .right {float: right;} #footer .right { float: left; line-height: 24px; } #footer .right p { padding-top: 11px; padding-left: 21px; } #footer ul { padding-left: 21px; } #footer li{ list-style-type: none; float: left; padding-right: 29px; } #footer a { color: #617a6b; text-decoration: none; } #footer a:hover { color: white; text-decoration: underline; } /*------------------------------------------- - CONTACT FORM -------------------------------------------*/ .send-btn2 { margin-left: 20px; width: 324px; height: 20px; } #formcontainer li { color: #254c67; } #formcontainer { font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; color: #6e0000; margin:0; width: 371px; margin-left: 14px; } .form { margin:0; padding:0; position:relative; z-index:1; } .form * { margin:0; padding:0; } .form fieldset { border-width:0; } .form ul { list-style:none; margin:0; padding:0; } .form li { padding:5px 10px; clear:both; width:450px; } .form div.medium, .form div.small, .form div.xsmall { float:left; padding:0 5px 0 0; } .form label { display:block; font-size:11px; font-weight:bold; margin:2px 0 0 0; text-transform:uppercase; } .form div label { color:#95917f; font-size:8pt; font-weight:normal; text-transform: none; } .form .error { color:#FF0000; } .form li input, .form li textarea, .form li select { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #676767; background-image:url(../images/input_bg.jpg); border-top:1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; font-weight:normal; padding:6px; } .form textarea {height:75px;} .form input, .form textarea {width:324px;} .form div.large input {width:150px;} .form div.medium input{width:90px;} .form div.small input{width:45px;} .form div.xsmall input{width:30px;} .feedback { background:#fffee3; border:#f2edd4 1px solid; color:#333; float:left; padding:15px; text-align:center; width:230px; } /* indicator */ .indicator { background:#FFF; filter: alpha(opacity=75); height:32px; left:0; opacity: .75; position:absolute; padding:200px 125px; top:0; width:32px; z-index:2; } /* buttons */ .button { width: 109px; height: 37px; margin-left: 10px; }