/* Title: E-sender Date: Amended: January 2009 Author: Lynsey Buckley-Ratcliff */ * { margin: 0; padding: 0; list-style-type: none; outline: none} body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; background-color: #ffffff;} img { border: none; margin: 0; padding: 0;} a img { border: none; margin: 0; padding: 0;} div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th { margin: 0; padding: 0;} h1,h2,h3,h4,h5 { margin: 0; padding: 0;} input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;} table { display: block; border-collapse: collapse; border: none;} th { text-align: left;} /* Structure Styles -------------------------------------------------------------------------------- */ #container { width: 780px; padding: 0; margin-top: 15px; text-align: left; margin-left: auto; margin-right: auto;} #logo { margin-top: 40px;} #leftcol { float: left; position: relative; width: 180px; font-size: 70%;} #twocols { float: right; position: relative; width: 590px;} #rightcol { float: right; position: relative; width: 184px; padding-right: 20px; padding-left: 0;} #maincol { float: left; display: inline; position: relative; width: 386px;} html>/**/body #top-header { float: left; width: 782px; height: 70px;} html>body #top-header { float: left; width: 782px; height: 72px;} /* For IE6 eyes only */ * html #top-header { float: left; width: 782px; height: 68px;} #wrapper { background-color: #9FAD9E; margin: 0; padding: 0; width: 780px; border-left: 1px solid #717D73; border-right: 1px solid #717D73;} #wrapper2 { margin: 0; padding: 0; width: 780px; border-left: 1px solid #717D73; border-right: 1px solid #717D73;} #footer { clear: both; float: left; display: inline; border-left: 1px solid #717D73; border-right: 1px solid #717D73;} #main-header { clear: both; margin: 0; padding: 0; background-color: #000} #copyright { clear: both; width: 737px; border-top: 1px #717D73 solid; font-size: 70%; color: #727C72; padding: 4px 0 0 45px;} #copyright a, #copyright a:visited, #copyright a:hover { color: #666;} #wrapper-contact { width: 413px; margin-top: 15px;} #ct-leftcol1 { float: left; position: relative; width: 115px; height: 70px; border-right: 1px solid #FFFFFF;} #twocols { float: right; position: relative; width: 297px;} #ct-rightcol2 { float: right; position: relative; width: 130px; height: 70px; padding-left: 10px;} #maincol { float: left; display: inline; position: relative; border-right: 1px solid #FFFFFF; padding-left: 14px; height: 70px; width: 142px;} /*#home-row2 { height: 327px; width: 765px; padding-right: 15px;} /* SCROLLING PANEL STYLE BEGINS */ .scrolling-panel { float: right; height: 168px; width: 400px; padding: 0 10px 0 0; margin: 0 0 20px 0; overflow: auto; text-align: left;} .examples1 { float: left; position: relative; width: 245px;} .examples2 { float: left; position: relative; width: 245px;} .examples3 { float: left; position: relative; width: 240px;} /* Navigation -------------------------------------------------------------------------------- */ /* Main Navigation ---------------------------------------------------------------- */ #nav-wrapper { width: 247px; margin-left: 472px;} #nav-leftcol { float: left; position: relative; display: inline; width: 123px; margin: 0; padding: 0;} #nav-rightcol { float: right; position: relative; width: 124px; margin: 0; padding: 0;} ul.nav { width: 123px; margin: 0; padding: 0; list-style: none; color: #ffffff; font-size: 70%; display: inline-block;} ul.nav li { margin: 2px 2px 0 2px; padding-left: 2px; border: 1px solid #4D4D4D;} /* Had to hack this - Safari is a nightmare! */ body:first-of-type ul.nav li { margin: 2px 3px 2px 3px; padding: 1px 0 1px 2px; border: 1px solid #4D4D4D;} /* For IE6 eyes only */ * html ul.nav li { margin: 2px 1px 0 1px; padding-left: 2px; padding-top: 0; border: 1px solid #4D4D4D;} ul.nav li a, ul.nav li a:visited { display: block; padding: 0; color: #4D4D4D; text-decoration: none; font-weight: bold;} ul.nav li a:hover, ul.nav li a.active { display: block; padding: 0; color: #872175; text-decoration: none; font-weight: bold;} ul.nav2 { width: 123px; margin: 0; padding: 0; list-style: none; color: #FFFFFF; font-size: 70%; display: inline-block;} ul.nav2 li { margin: 2px; padding-left: 2px; border: 1px solid transparent;} /* Had to hack this - Safari is a nightmare! */ body:first-of-type ul.nav2 li { margin: 2px 3px 2px 3px; padding: 1px 0 1px 2px; border: 1px solid transparent;} /* For IE6 eyes only */ * html ul.nav2 li { margin: 2px 1px 0 1px; padding-left: 2px; padding-top: 0; border: 1px solid transparent;} ul.nav2 li a, ul.nav2 li a:visited { display: block; padding: 0; color: #ffffff; text-decoration: none; font-weight: bold;} ul.nav2 li a:hover, ul.nav2 li a.active { display: block; padding: 0; color: #A85F9B; text-decoration: none; font-weight: bold;} #nav.last { margin-right: 0;} /* Footer Navigation ---------------------------------------------------------------- */ #footer-nav { width: 242px; height: 30px; margin: 0; padding: 0;} ul#footer-nav { background-color: #872175;} #footer-nav li { float: left; display: inline; border-right: 1px solid #fff; font-size: 60%; color: #ffffff; padding-right: 4px; margin: 8px 0 0 4px;} #footer-nav li a, #footer-nav li a:visited { color: #fff; text-decoration: none;} #footer-nav li a:hover, #footer-nav li a.active { color: #727C72; text-decoration: none;} #footer-nav .last { border-right: none;} /* Content Styles -------------------------------------------------------------------------------- */ /* Main Content ---------------------------------------------------------------- */ #main-content h1 { font-size: 90%; font-weight: bold; color: #ffffff; margin-bottom: 8px;} #main-content p { font-size: 75%; padding-bottom: 8px; color: #ffffff;} #main-content a, #main-content a:visited { color: #ffffff; text-decoration: none;} #main-content a:hover, #main-content a.active { color: #ffffff; text-decoration: underline;} #main-content ul { color: #5E6467; margin-bottom: 15px; margin-top: 0;} #main-content li { font-size: 80%; margin-bottom: 3px; list-style: disc; padding-left: 10px; margin-left: 15px; color: #FFFFFF;} #main-content #terms-bullets ul { margin: 10px 0 12px 0; padding: 0; color: #FFFFFF; list-style: none;} #main-content #terms-bullets li { list-style: none; padding: 0 0 0 20px; margin: 0 0 4px 0; color: #FFFFFF; font-size: 75%; background: url(../images/bullet.gif) 0 50% no-repeat;} .home-topheader { background: transparent url(../images/esender-logo.jpg) 0 0 no-repeat;} .services-topheader { background: transparent url(../images/esender2-logo.jpg) 0 0 no-repeat;} .contact-topheader { background: transparent url(../images/esender3-logo.jpg) 0 0 no-repeat;} .terms-topheader { background: transparent url(../images/esender4-logo.jpg) 0 0 no-repeat;} .home-mainbg { width: 780px; background: url(../images/home-bg.jpg) 0 0 no-repeat;} .services-mainbg { width: 780px; background: url(../images/services-bg.jpg) 0 0 no-repeat;} .contact-mainbg { width: 780px; background: url(../images/contact-bg.jpg) 0 0 no-repeat;} .terms-mainbg { width: 780px; background: url(../images/terms-bg.jpg) 0 0 no-repeat;} .home-content { width: 198px; height: 174px; padding: 12px 15px 0 240px;} .services-content { width: 413px; padding: 25px 0 12px 45px;} .contact-content { width: 413px; padding: 25px 15px 26px 45px;} .terms-content { width: 413px; padding: 25px 15px 25px 45px;} .home-footer { height: 30px; width: 303px; margin: 0; padding: 30px 0 0 477px;} .services-footer { width: 303px; margin: 0; padding: 20px 0 0 477px;} .contact-footer { width: 303px; margin: 0; padding: 50px 0 0 477px;} .terms-footer { width: 303px; margin: 0; padding: 50px 0 0 477px;} #col1 { float: left; position: relative; width: 460px;} #col2 { float: right; position: relative; width: 320px;} .adobe-reader { padding-left: 0; padding-top: 203px;} .chart { margin-top: 40px; background-color: #fff} #testing { clear: both; padding-top: 65px; padding-left: 45px;} #examples { clear: both; padding-top: 90px; padding-left: 45px;} #examples p { margin-bottom: 10px;} #examples { clear: both; padding-top: 140px; padding-left: 40px;} #examples p { float: left; display: inline; border: 1px solid #CCCCCC; padding: 1px; margin-right: 2px; margin-bottom: 2px;} p.emailcontent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000;} /* Forms -------------------------------------------------------------------------------- */ #form-contact { margin: 0; padding: 0;} .text { border: 0; width: 300px; padding: 2px; margin-top: 1px;} .textarea { width: 300px; height: 83px;} .requiredfields { padding-left: 120px; color: #CCCCCC;} #submit-bttn { float: right; margin-top: -37px;} /**** FORM STYLING ****/ #form-request { font-size: 100%; color: #000; margin-top: 20px; padding: 0;} fieldset { border: none; margin-top: 10px} legend { display: none; margin: 5px 0 5px 0;} #name, #company, #email, #telno, #requirements, #contact { background-color: #fff; color: #000; border: none; margin-top: 5px; width: 350px; padding: 3px;} #requirements { font-size: 110%;} #fm-submit { clear: both; padding: 2px; width: 100px; margin-top: 10px; background-color: #EBEBEA; border: 1px solid #666; color: #000;} .requiredfield { color: #FF0000;} .footertext { color: #999999; margin: 10px 0 0 10px; font-weight: normal;} .error { margin: 15px 0 0 45px; padding: 5px; width: 350px; font-size: 80%; color: #cc0000; background-color: #fff; font-weight: bold;} /**** FORM STYLING - END *****/ /* Additional Styles -------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */