/* Cabot Forms ---------------------------------------------------------------*/ /* Form ---------------------------------------------------------------*/ form.cabot { position:relative; z-index:1; width:730px; float: none; clear: both; overflow:hidden; background:url(/pages/cabot/images/forms/form.jpg) repeat-y; } form.cabot:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot:after { width: 730px; height: 10px; display:block; float: none; clear: both; overflow:hidden; background:url(/pages/cabot/images/forms/form_bottom.jpg) no-repeat; content: ''; } form.cabot h1 { width: 730px; height: 55px; float: none; clear: both; overflow:hidden; background:#ECE7D7 url(/pages/cabot/images/forms/h1.jpg) no-repeat; border-bottom:5px solid #FFFFFF; text-align:center; line-height:55px; font-size:24px; font-weight:normal; font-style:italic; color:#BE1E2D; } form.cabot h1 em { font-family:Georgia,"Times New Roman",Times,Serif; } form.cabot p.description { width: 678px; margin:10px 10px 0; padding:15px; display:block; float: none; clear: both; background-color:#FFFFFF; border:1px solid #EDEADB; line-height:20px; font-size:13px; } form.cabot p.description span { display:block; padding-bottom:20px; line-height:20px; font-size:17px; font-weight:bold; color:#BE1E2D; } form.cabot p.description a { color:#C77134; } form.cabot p.description a:hover { color:#C77134; text-decoration:underline; } form.cabot fieldset { width: 678px; margin:10px 10px 0; padding:15px; display:block; float: none; clear: both; background-color:#FFFFFF; border:1px solid #EDEADB; } form.cabot fieldset:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset .section { padding-bottom:50px; } form.cabot fieldset .section:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset .section:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset .section h2 { padding-bottom:20px; line-height:20px; font-size:15px; color:#BE1E2D; } form.cabot fieldset .section h3 { padding-bottom:15px; line-height:15px; font-size:13px; color:#BE1E2D; } form.cabot fieldset .section p { padding-bottom:10px; font-size:12px; } form.cabot fieldset .section div { position:relative; width: 610px; padding-bottom:15px; float: none; clear: both; } form.cabot fieldset .section div:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset .section div:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset .section div label { width: 120px; min-height: 25px; margin-right:10px; padding-top:5px; display:block; float: left; clear: left; overflow:hidden; text-align:right; line-height:15px; font-size:12px; } form.cabot fieldset .section div span { width:320px; margin-bottom:5px; padding:5px 0px 5px 10px; display:block; float: left; clear:right; overflow:hidden; border-left:1px solid #CCCCCC; line-height:16px; font-size:12px; } form.cabot fieldset .section div input[type="checkbox"] { width: 16px; height: 16px; margin-bottom:5px; padding:2px; display:block; float: left; overflow:hidden; border:1px solid #CCCCCC; } form.cabot fieldset .section div input[type="text"] { width: 324px; height: 19px; margin-bottom:5px; padding:2px; display:block; float: left; overflow:hidden; border:1px solid #CCCCCC; } form.cabot fieldset .section div input[type="text"]:focus { border-color:#AAAAAA; } form.cabot fieldset .section div input.antispam { display:none; visibility:hidden; } form.cabot fieldset .section div select { width: 330px; height: 25px; margin-bottom:5px; padding:2px; display:block; float: left; overflow:hidden; border:1px solid #CCCCCC; } form.cabot fieldset .section div select:focus { border-color:#AAAAAA; } form.cabot fieldset .section div span input[type="checkbox"] { margin-right:10px; margin-left:0px; display:inline-block; } form.cabot fieldset .section div textarea { width: 324px; height: 94px; margin-bottom:5px; padding:2px; display:block; float: left; overflow: auto; border:1px solid #CCCCCC; font-size:12px; font-family:Arial,Helvetica,Sans-Serif; } form.cabot fieldset .section div textarea:focus { border-color:#AAAAAA; } form.cabot fieldset .section div ol.field_radio { width: 330px; display:block; list-style:none; float: left; overflow:hidden; } form.cabot fieldset .section div ol.field_radio li { width: 330px; display:block; list-style:none; float: left; overflow:hidden; } form.cabot fieldset .section div ol.field_radio li input { width: 15px; height: 15px; margin:5px 5px 0 0; padding:2px; display:block; float: left; } form.cabot fieldset .section div ol.field_radio li label { width: auto; display:block; float: left; clear: none; overflow:hidden; } form.cabot fieldset .section div em { position:absolute; top:0px; right:40px; width: 100px; height: 15px; margin-left:5px; display:block; float: left; clear:right; line-height:15px; font-size:10px; font-weight:bold; font-style:normal; text-transform:uppercase; color:#AAAAAA; } form.cabot fieldset .section div kbd { display: none; visibility:hidden; } form.cabot fieldset .section div .info { margin-left:130px; float: none; clear: both; } form.cabot fieldset .section div .info:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset .section div .info:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } form.cabot fieldset .section div.fail label { color:#E70120; } form.cabot fieldset .section div.fail input[type="text"] { border-color:#E70120; } form.cabot fieldset .section div.fail select { border-color:#E70120; } form.cabot fieldset .section div.fail textarea { border-color:#E70120; } form.cabot fieldset .section div.fail em { color:#E70120; } form.cabot fieldset .section div.fail span { border-color:#E70120; color:#E70120; } form.cabot a[rev="action"] { width: 120px; height: 25px; margin:10px 0 0 130px; display:block; float: none; clear: both; background:url(/pages/cabot/images/page/contents/contact_cabot-submit.jpg) no-repeat; text-align:center; line-height:25px; font-size:13px; font-weight:bold; color:#FFFFFF; } form.cabot a[rev="action"]:hover { background-color:#E07F76; text-decoration:none; } /* Section Elements ---------------------------------------------------------------*/ /* Contact :: contact_cabot ---------------------------------------------------------------*/ #contact_cabot { position:relative; z-index:1; width: 730px; float: none; clear: both; overflow:hidden; background:url(/pages/cabot/images/page/contents/contact_cabot.jpg) repeat-y; } #contact_cabot:before { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot:after { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot h1 { width: 730px; height: 55px; float: none; clear: both; overflow:hidden; background:#ECE7D7 url(/pages/cabot/images/page/contents/contact_cabot-h1.jpg) no-repeat; border-bottom:5px solid #FFFFFF; text-align:center; line-height:55px; font-size:24px; font-weight:normal; font-style:italic; font-family:Georgia,"Times New Roman",Times,Serif; color:#BE1E2D; } #contact_cabot h1 em { font-weight:bold; font-style:normal; } #contact_cabot #contact_us { width: 631px; margin:15px 0 20px; padding:1px; float: none; clear: both; overflow:hidden; border:1px solid #EDEADB; } #contact_cabot #contact_us fieldset { padding:10px; display:block; float: none; clear: both; background-color:#FFFFFF; } #contact_cabot #contact_us fieldset h3 { padding-bottom:15px; line-height:15px; font-size:15px; color:#BE1E2D; } #contact_cabot #contact_us fieldset p { padding-bottom:10px; } #contact_cabot #contact_us fieldset p.form_message { padding-top:40px; } #contact_cabot #contact_us fieldset p a { display:inline; } #contact_cabot #contact_us fieldset div { width: 610px; padding-bottom:10px; float: none; clear: both; } #contact_cabot #contact_us fieldset div:before { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot #contact_us fieldset div:after { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot #contact_us fieldset div label { width: 80px; height: 25px; margin-right:10px; display:block; float: left; clear: left; overflow:hidden; text-align:right; line-height:25px; font-size:12px; } #contact_cabot #contact_us fieldset div input[type="text"] { width: 324px; height: 19px; padding:2px; display:block; float: left; overflow:hidden; border:1px solid #CCCCCC; } #contact_cabot #contact_us fieldset div input[type="text"]:focus{ border-color:#AAAAAA; } #contact_cabot #contact_us fieldset div select { width: 330px; height: 25px; padding:2px; display:block; float: left; overflow:hidden; border:1px solid #CCCCCC; } #contact_cabot #contact_us fieldset div select:focus { border-color:#AAAAAA; } #contact_cabot #contact_us fieldset div textarea { width: 324px; height: 94px; padding:2px; display:block; float: left; overflow: auto; border:1px solid #CCCCCC; font-size:12px; font-family:Arial,Helvetica,Sans-Serif; } #contact_cabot #contact_us fieldset div textarea:focus { border-color:#AAAAAA; } #contact_cabot #contact_us div em { width: 100px; height: 15px; margin-left:5px; display:block; float: left; clear:right; line-height:15px; font-size:10px; font-weight:bold; font-style:normal; text-transform:uppercase; color:#AAAAAA; } #contact_cabot #contact_us div.fail label { color:#E70120; } #contact_cabot #contact_us div.fail input[type="text"] { border-color:#E70120; } #contact_cabot #contact_us div.fail select { border-color:#E70120; } #contact_cabot #contact_us div.fail textarea { border-color:#E70120; } #contact_cabot #contact_us div.fail em { color:#E70120; } #contact_cabot #contact_us a[rev="action"] { width: 120px; height: 25px; margin:10px 0 0 90px; display:block; float: none; clear: both; background:url(/pages/cabot/images/page/contents/contact_cabot-submit.jpg) no-repeat; text-align:center; line-height:25px; font-size:13px; font-weight:bold; color:#FFFFFF; } #contact_cabot #contact_us a[rev="action"]:hover { background-color:#E07F76; text-decoration:none; } #contact_cabot #contact_us a[rel="cancel"] { margin-top:20px; } #contact_cabot ul { width: 730px; padding-bottom:10px; background:url(/pages/cabot/images/page/contents/contact_cabot-ul.jpg) 0px bottom no-repeat; } #contact_cabot ul:before { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot ul:after { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot ul ol { display:block; float: none; clear: both; } #contact_cabot ul ol li { position:relative; padding:10px 0 25px 75px; display:block; list-style:none; } #contact_cabot ul ol li a { display:block; line-height:15px; font-size:12px; color:#C77134; } #contact_cabot ul ol li a:hover { text-decoration:underline; color:#E47B30; } #contact_cabot ul ol li a.current { font-weight:bold; color:#000000; } #contact_cabot ul ol li a[id] { position:absolute; top:10px; left:15px; width: 50px; height: 65px; background:url(/pages/cabot/images/page/contents/contact_cabot-icons.png) no-repeat; } #contact_cabot ul ol li a#contact_faq { background-position:0px 0px; } #contact_cabot ul ol li a#contact_write { background-position:0px -65px; } #contact_cabot ul ol li a#contact_call { background-position:0px -130px; } #contact_cabot ul ol li a#contact_enews { background-position:0px -195px; } #contact_cabot ul ol li a#contact_careers { background-position:0px -260px; } #contact_cabot ul ol li h2 { line-height:50px; font-size:16px; color:#BE1E2D; } #contact_cabot ul ol li h2 i { line-height:50px; font-size:12px; font-weight:normal; color:#5E5F61; } #contact_cabot ul ol li p { line-height:18px; font-size:12px; color:#5E5F61; } #contact_cabot ul ol li p a { padding-top:10px; display:block; } #contact_cabot ul ol li p i { padding-top:5px; display:block; } #contact_cabot ul ol.contact_faq { padding-bottom:25px; } #contact_cabot ul ol.contact_faq:before { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot ul ol.contact_faq:after { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #contact_cabot ul ol.contact_faq li { padding-bottom:0; float: left; } #contact_cabot ul ol.contact_faq li.odd { width: 315px; padding-left:75px; } #contact_cabot ul ol.contact_faq li.even { width: 300px; padding-left:30px; } #contact_cabot ul ol.contact_faq li:first-child { float: none; clear: both; } #contact_cabot ul ol.alpha { width: 340px; float: left; clear: left; overflow:hidden; } #contact_cabot ul ol.alpha li { background:url(/pages/cabot/images/page/contents/contact_cabot-li.png) no-repeat; } #contact_cabot ul ol.alpha li p { width: 230px; } #contact_cabot ul ol.beta { width: 390px; float:right; clear:right; overflow:hidden; background:url(/pages/cabot/images/page/contents/contact_cabot-visit.png) no-repeat; } #contact_cabot ul ol.beta li { } #contact_cabot ul ol.beta li:first-child { position:relative; padding-left:15px; } #contact_cabot ul ol.beta li:first-child h2 { width: 140px; padding:90px 0 0 10px; line-height:22px; } #contact_cabot ul ol.beta li:first-child p { width: 140px; padding:10px 0 0 10px; font-style:italic; } #contact_cabot ul ol.beta li:first-child a { position:absolute; width: 20px; height: 20px; display:block; overflow:hidden; text-indent:-9999px; } #contact_cabot ul ol.beta li:first-child a[rel="annex"] { top: 85px; left:250px; } #contact_cabot ul ol.beta li:first-child a[rel="center"] { top: 82px; left:278px; } #contact_cabot ul ol.beta li:first-child a[rel="store"] { top:143px; left:265px; } #contact_cabot ul ol.beta li:last-child { background:none; }