/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family: Helvetica, Arial, sans-serif; background:#012c55; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container { background:#fff url(../images/body-bg.jpg) repeat-x top left; } div#container div.wrapper { width:961px; margin:0 auto; } /*---- Header ----*/ div#header div.wrapper { background:url(../images/header/header-bg.png) no-repeat right top; padding:8px 91px 4px 0; right:-45px; position:relative; } /*---- Main Navigation ----*/ div#main-navigation { float:right; width:580px; text-align:right; margin-bottom:8px; } /*----- Content -----*/ div#content{background: url(../images/content/content-bg.jpg) repeat-x left bottom; padding-bottom:23px;} /*---- Banner ----*/ div#banner { background:url(../images/banner/banner-middle.jpg) repeat-y 0 0; margin-bottom:2px; } /*---- Main ----*/ div#main { float:right; background:url(../images/main/main-bg.png) no-repeat top left; width:692px; padding:20px 21px 20px 18px; } /*---- Sidebar ----*/ div#sidebar { float:left; background:url(../images/sidebar/sidebar-bg.png) no-repeat top left; width:204px; padding:20px 13px 10px 13px; overflow:hidden; } /*---- Footer ----*/ div#footer div.wrapper{background:url(../images/footer-bg.gif) no-repeat center bottom; padding:20px 0 65px; width:938px; margin:0 auto; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo { margin-top:8px; float:left; width:280px; margin-left:13px; } div#header div.logo h1 a { position:relative; width:280px; height:67px; display:block; background:url(../images/header/logo.png) 0 0 no-repeat; } /*---- Header - Search ----*/ div#header div#search { float:right; width:500px; margin-bottom:12px; margin-right:30px; } div#header div#search p.contact { float:right; color:#646464; } div#header div#search p.contact span { color:#004a8d; font-weight:bold; line-height:20px; margin-right:20px; } div#header div#search div.form { float:right; } div#header div#search p.search-bar { background:url(../images/header/search-bar.png) no-repeat top left; width:140px; float:left; line-height:22px; height:22px; padding:0px 0 0 10px; } div#header div#search p.search-bar input { background:none; border:0; color:#004a8d; font-size:110%; } div#header div#search p.submit { float:left; } div#header div#search p.submit input{ background:url(../images/header/search-btn.png) no-repeat top left; border:none; width:32px; height:22px; cursor:pointer; } div#header div#search p.submit:hover input{background:url(../images/header/search-btn-hover.png) no-repeat top left;} /*---- Header- Main Navigation ----*/ div#main-navigation ul li{ float:left; } div#main-navigation ul li a { height:33px; float:left; display:block; } div#main-navigation ul li a.home{ background:url(../images/navigation/navigation.png) no-repeat top left; width:65px; } div#main-navigation ul li a.home:hover, div#main-navigation ul li.active a.home { background-position:left bottom; } div#main-navigation ul li a.about{ background:url(../images/navigation/navigation.png) no-repeat -65px 0px; width:61px; } div#main-navigation ul li a.about:hover, div#main-navigation ul li.active a.about { background-position:-65px bottom; } div#main-navigation ul li a.industrial-applications{ background:url(../images/navigation/navigation.png) no-repeat -126px 0; width:165px; } div#main-navigation ul li a.industrial-applications:hover, div#main-navigation ul li.active a.industrial-applications{ background-position:-126px 100%; } div#main-navigation ul li a.case-histories{ background:url(../images/navigation/navigation.png) no-repeat -291px top; width:114px; } div#main-navigation ul li a.case-histories:hover, div#main-navigation ul li.active a.case-histories { background-position: -291px bottom; } div#main-navigation ul li a.technology{ background:url(../images/navigation/navigation.png) no-repeat -406px top; width:96px; } div#main-navigation ul li a.technology:hover, div#main-navigation ul li.active a.technology { background-position: -406px bottom; } div#main-navigation ul li a.contact{ background:url(../images/navigation/navigation.png) no-repeat -503px top; width:77px; } div#main-navigation ul li a.contact:hover, div#main-navigation ul li.active a.contact { background-position:-503px bottom; } /*---- Banner ----*/ div#banner div.middle{ background:url(../images/banner/banner-top.jpg) no-repeat top left;padding:11px 8px 0 13px; } div#banner div.banner-bottom{background:url(../images/banner/banner-bottom.jpg) no-repeat 0 100%; padding-bottom:9px; } /*---- Sidebar- Sub-Navigation ----*/ div#sub-navigatiion{ margin-bottom:50px;} div#sub-navigatiion ul li{ margin-bottom:1px; width:205px; } div#sub-navigatiion ul li a{ color:#494949; font-size:140%; width:183px; display:block; padding-right:22px; line-height:14px; float: left;} div#sub-navigatiion ul li a span{ display:block; padding-left:22px; width:170px; float:left; padding-top:9px; padding-bottom:6px; } div#sub-navigatiion ul li:hover{ background:#d8eefd url(../images/sidebar/list1bg2.png) no-repeat top left; color:#004b8d; text-decoration:none; } div#sub-navigatiion ul li:hover a{ background:url(../images/sidebar/list1-bg2-bottom.png) no-repeat left bottom; text-decoration:none;} div#sub-navigatiion ul li:hover a span { background:url(../images/sidebar/arrow_03.gif) no-repeat right center; display:block; } div.partners{padding:0px 15px 0px 10px; } div.partners h3{ width:179px; background:url(../images/sidebar/partner-h2-bg.png) no-repeat top left; width:193px; height:31px; font-weight:bold; font-size:140%; color:#FFF; line-height:31px; padding-left:12px; margin:0px 0px 10px -10px; } div.partners img{ margin-bottom:10px; vertical-align:top;} /*---- Bread-Crums ---*/ div#bread-crums{ margin-bottom:25px;} div#bread-crums a{ color:#004b8d; font-size:120%; font-weight:bold; background:url(../images/content/arrow.gif) no-repeat center right; padding-right:8px; margin-right:8px; line-height:18px; } div#bread-crums span{ font-size:120%; color:#5d5d5d; font-weight:bold; } /*---- Post ---*/ div.post h1 { font-size:300%; margin-bottom:18px; color:#004b8d; font-weight:normal;} div.post h2 { font-size:210%; margin-bottom:10px; color:#004b8d; font-weight:normal;} div.post h3 { font-size:180%; margin-bottom:10px; color:#3c3c3c; font-weight:normal;} div.post h4 { font-size:160%; color:#004b8d; margin-bottom:10px; } div.post h5 { font-size:200%; margin-bottom:10px;} div.post h5 { font-size:180%; margin-bottom:10px;} div.post h4 span { color:#2c2c2c; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; } div.post p { color:#2c2c2c; line-height:18px; font-size:130%; margin-bottom:20px; display:block; font-family:Arial, Helvetica, sans-serif; } div.post p a { color:#004b8d; text-decoration:underline; } div.post p a:hover{ text-decoration:none;} div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic; color:#4c4c4c;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:120%; } div.post li ul, div.post li ol { margin-bottom:0px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin-bottom:10px; } div.post ul.list1 li { margin:0; padding-left:10px; } div.post ol.list2 { margin:0px 0px 20px 30px; padding:0; } div.post ol.list2 li { margin:0px; padding:0; } /*---- Footer - Navigation ---*/ div#footer div#footer-navigation { float:right; min-width:450px; text-align:right; margin-bottom:24px;} div#footer div#footer-navigation ul li { display:inline; font-size:120%; margin-left:18px; color:#d9edff; } div#footer div#footer-navigation ul li a { text-decoration:underline; color:#d9edff; } div#footer p.copyright{float:left; font-size:120%; color:#d9edff; min-width:285px;} div#footer p.contact-info{color:#5889b7; font-size:120%; clear:both; line-height:18px;} div#footer p.contact-info strong{color:#6fa0cf;} /*--- Strips ----*/ ul.strip1 li a{list-style:none; background:url(../images/content/strip1-li-bg.png) no-repeat 0 0; padding-left:18px; font-size:160%; color:#225786; line-height:70px; width:202px; height:71px; display:block; text-shadow:2px 0px 1px #ffffff; } ul.strip1 li.ui-state-hover a{background:url(../images/content/strip1-hover.png) no-repeat 0 0; width:240px; z-index:10; } ul.strip1 li.ui-state-active a{font-weight:bold; color:#FFF; text-decoration:none; text-shadow:2px 0px 1px #003d78; background:url(../images/content/strip1-li-hover.png) no-repeat 0 0; width:240px; z-index:10; position:relative; } ul.strip1 li a:hover{ text-decoration:none; } /*---- Common Boxes & Containers ----*/ /*---- Box1 ----*/ div.box1{ background:url(../images/content/box1-middle.gif) left top repeat-y; margin-bottom:3px; } div.box1 div.box1-top { background:url(../images/content/box1-top.gif) left top no-repeat; } div.box1 div.box1-top div.box1-bottom { background:url(../images/content/box1-bottom.gif) left bottom no-repeat; padding:15px 34px 15px 20px; margin-bottom:-3px; position:relative; } /*---- Box2 ----*/ div.box2{margin-bottom:20px;} div.box2-top-left{ background:url(../images/main/box2-top-left.gif) no-repeat bottom left; height:3px; padding-left:3px; margin:0px;} div.box2-top-left div.box2-top-right{background:url(../images/main/box2-top-right.gif) no-repeat bottom right; height:3px; padding-right:4px;} div.box2-top-left div.box2-top-right div.box2-top-middle{background:url(../images/main/box2-top-middle.gif) repeat-x bottom left; height:3px; padding-left:4px;} div.box2-middle{background:url(../images/main/box2-middle.gif) repeat-x top left; padding:15px;} div.box2-bottom-left{background:url(../images/main/box2-bottom-left.gif) no-repeat bottom left; padding-left:4px; height:3px;} div.box2-bottom-left div.box2-bottom-right{background:url(../images/main/box2-bottom-right.gif) no-repeat bottom right; padding-right:4px; height:3px;} div.box2-bottom-left div.box2-bottom-right div.box2-bottom-middle{background:url(../images/main/box2-bottom-middle.gif) repeat-x bottom left; height:3px;} /*---- Box3 ----*/ div.box3{ margin-bottom:20px;} div.box3-top-left{ background:url(../images/main/box3-top-left.gif) no-repeat bottom left; height:3px; padding-left:3px;} div.box3-top-left div.box3-top-right{ background:url(../images/main/box3-top-right.gif) no-repeat bottom right; height:3px; padding-right:3px;} div.box3-top-left div.box3-top-right div.box3-top-middle{ background:url(../images/main/box3-top-middle.gif) repeat-x bottom left; height:3px;} div.box3-middle{ background:#eef7fe; padding:10px;} div.box3-bottom-left{ background:url(../images/main/box3-bottom-left.gif) no-repeat top left; height:3px; padding-left:3px;} div.box3-bottom-left div.box3-bottom-right{ background:url(../images/main/box3-bottom-right.gif) no-repeat top right; height:3px; padding-right:3px;} div.box3-bottom-left div.box3-bottom-right div.box3-bottom-middle{ background:url(../images/main/box3-bottom-middle.gif) repeat-x top left; height:3px;} /*---- Frames ----*/ /*---- Frame1 ----*/ img.border { border:2px solid #e5eef5; margin-right:10px; } /*---- Frame2 ----*/ div.frame{ background:url(../images/main/frame.png) no-repeat top left; float:left; width:184px; height:200px; margin-right:10px; padding:9px 0px 0px 9px;} /*---- Buttons ----*/ a.button1{display:block; background:url(../images/buttons/button1.gif) 0 0; padding-left:10px; margin-right:3px; } a.button1 span.inner{display:block; font-size:130%; color:#FFF; font-weight:bold; background:url(../images/buttons/button1.gif) right 0; padding-right:25px; height:29px; line-height:27px; float:left; margin-right:-3px; position:relative;} a.button1:hover{text-decoration:none; background:url(../images/buttons/button1-hover.gif) 0 0; } a.button1:hover span.inner{background:url(../images/buttons/button1-hover.gif) right 0;} /*---- Buttons2 ----*/ a.button2 { background:url(../images/buttons/button2.png) right top no-repeat; display:block; height:60px; float:left; position:relative; line-height:60px; font-size:170%; text-decoration:none; color:#ffffff; text-shadow:3px 0px 2px #921603; } a.button2 span.inner { background:url(../images/buttons/button2.png) left top no-repeat; display:block; margin:0 73px 0 -7px; float:left; padding-left:20px; position:relative; } a.button2:hover { background:url(../images/buttons/button2.png) right bottom no-repeat; text-decoration:none; } a.button2:hover span.inner { background:url(../images/buttons/button2.png) left bottom no-repeat; } /*---- Buttons3 ----*/ a.button3{display:block; background:url(../images/buttons/button3.gif) no-repeat left top; padding-left:10px; height:25px; } a.button3 span{display:block; font-size:130%; color:#FFF; font-weight:bold; background:url(../images/buttons/button3.gif) no-repeat right top; padding-right:25px; height:25px; line-height:25px; float:left;} a.button3:hover{text-decoration:none; background:url(../images/buttons/button3.gif) no-repeat left bottom;} a.button3:hover span{background:url(../images/buttons/button3.gif) no-repeat right bottom;} /*---- Tables ----*/ /*---- Table1 ----*/ table.table1 {clear:both; width:100%; font-family:Arial, Helvetica, sans-serif;} table.table1 thead th{ background:url(../images/main/table1-th.gif) repeat-x top left; border-right: 1px solid #FFF; color:#FFF; font-size:130%; font-weight:bold; padding:0 26px 0 22px;} table.table1 thead th.table1-th-left { background:url(../images/main/table1-th-left.gif) no-repeat top left; line-height:31px; padding:0px 0px 0px 3px;} table.table1 thead th span.inner{background:url(../images/main/table1-th.gif) repeat-x top left; padding:0 26px 0 22px; display:block!important;} table.table1 thead th.table1-th-right{ background:url(../images/main/table1-th-right.gif) no-repeat top right; border:0px; line-height:31px; padding:0px 3px 0px 0px;} table.table1 tbody td { border-right:1px solid #FFF; color:#5b5b5b; font-size:130%; padding:10px; text-align:center; vertical-align:middle;} table.table1 tbody td.last{ border:0px;} table.table1 tbody tr.alternate td {background:none repeat scroll 0 0 #dfedf9;} /*---- Lists ----*/ div.post ul.list2{ margin:0; list-style:none; } div.post ul.list2 li { margin-bottom:13px; } div.post ul.list2 li img { border:1px solid #fff; } div.post ul.list2 li div.entry p { margin-bottom:20px; } /*---- List1 ----*/ div.post ul.list1 { margin-left:0px; } ul.list1 li{ background:url(../images/main/list1-icon.gif) no-repeat center left; list-style:none;} ul.list1 li a{ font-size:110%; color:#292828; font-family:Arial, Helvetica, sans-serif; line-height:24px;} /*---- List2 ----*/ div.post ol.list2 { margin-left:16px; } ol.list2 li{ color:#004b8d; font-weight:bold;} ol.list2 li a{ color:#004b8d; font-size:110%; font-weight:normal; line-height:24px;} /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ div#banner div.middle { position:relative; } div#banner div.middle ul.strip1{float:left; width:220px; } div#banner div.middle div#innovation div.description{ top:11px; } div#banner div.middle div#energy-saving div.description{ top:83px; } div#banner div.middle div#prodution-increase div.description{ top:154px; } div#banner div.middle div#green-technology div.description{ top:225px; } div#banner div.middle div#roi div.description{ top:297px; } div#banner div.middle div.tab-content{float:right; width:720px; } div#banner div.middle div.tab-content div.description{position:absolute; height:49px; z-index:2; padding:20px 20px 0; width:680px; background:url(../images/content/description-bg.png) repeat-x 0 0; left:233px; } div#banner div.middle div.tab-content div.description p{float:left; width:530px; padding-left:10px; color:#b1d0ea; font-size:140%;} div#banner div.middle div.tab-content div.description p span{color:#FFF; font-weight:bold;} div#banner div.middle div.tab-content img{ height:355px; vertical-align:bottom; width:720px; } /*--- Dashboard ----*/ div#dashboard{background:transparent url(../images/content/dashbord-bg.jpg) no-repeat 0 0; padding:8px 10px 0;} /*--- Statement ----*/ div#dashboard div.statement{background:url(../images/content/statement-bg.jpg) no-repeat 0 0; height:81px; padding:20px 19px 0; margin-bottom:10px;} div#dashboard div.statement p{font-size:160%; float:left; color:#2f2f2f; width:570px; line-height:19px;} div#dashboard div.statement p span{color:#004b8d; font-weight:bold; font-size:100%;} div#dashboard div.statement p a{color:#b9230f; font-size:100%; border-bottom:1px dotted #b9230f;} div#dashboard div.statement p a:hover{text-decoration:none;} div#dashboard div.statement{background:url(../images/content/statement-bg.jpg) no-repeat 0 0; height:81px; padding:20px 19px 0; margin-bottom:7px;} div#dashboard div.statement p{font-size:160%; float:left; color:#2f2f2f; width:590px; line-height:19px;} div#dashboard div.statement p span{color:#004b8d; font-weight:bold; font-size:100%;} div#dashboard div.statement p a{color:#b9230f; font-size:100%; border-bottom:1px dotted #b9230f;} div#dashboard div.statement p a:hover{text-decoration:none; border:0;} /*---- Three column layout ----*/ div#dashboard div.three-column-layout div.column1{width:228px;} div#dashboard div.three-column-layout div.column2{width:465px; margin-left:10px;} div#dashboard div.three-column-layout div.column1 h2{background:url(../images/content/headingstyle1.gif) no-repeat 0 0; color:#FFF; font-size:180%; line-height:49px; padding-left:18px; font-weight:bold; margin-left:1px; text-shadow:1px 1px 0px #3E7CB0; } div#dashboard div.three-column-layout div.column2 h2{background:url(../images/content/headingstyle2.gif) no-repeat 0 0; color:#FFF; font-size:180%; line-height:49px; padding-left:18px; font-weight:bold; margin-left:1px; text-shadow:1px 1px 0px #3E7CB0; } div#dashboard div.three-column-layout div.column1 div.section1{background:url(../images/content/section1-bg.gif) no-repeat 0 0; padding:18px 13px 0; min-height:250px;} div#dashboard div.three-column-layout div.column2 div.section1{background:url(../images/content/section1-bg2.gif) no-repeat 0 0; padding:22px 13px 0 18px;} /*--- Industrial Aplication ----*/ div#industrial-application h3 a{background:url(../images/content/h3-bg.gif) no-repeat 0 0; color:#3e7cb0; font-size:120%; line-height:22px; padding-left:6px; height:22px; margin-top:2px; display:block;} div#industrial-application h3 a:hover { text-decoration:none; background:url(../images/content/h3-hover.gif) no-repeat 0 0; } div#industrial-application div.description{ background:#FFF url(../images/content/description-bg.gif) repeat-y right top; } div#industrial-application div.description div.bottom{background:url(../images/content/description-bottom.gif) no-repeat 1px bottom; padding:10px 7px 15px;} div#industrial-application div.description div.bottom p{font-size:100%; color:#666; line-height:14px;} div#industrial-application div.description div.bottom p a{color:#9b1400; font-size:100%; font-weight:bold;} /*---- Sumit-Form ---*/ div.form{ margin-bottom:10px; } div.form ul li{ list-style:none; margin-bottom:10px;} div.form label{ color:#3c3c3c; font-size:110%; font-weight:normal; width:70px; float:left; line-height:25px; display:block; text-align:right; margin-right:10px;} div.form span.textbox{ background:url(../images/content/textbox.gif) no-repeat top left; height:27px; display:block; float:left; padding-left:2px; margin-left:-5px; position:relative; width:152px; } div.form span.textbox span{ background:url(../images/content/textbox.gif) no-repeat top right; height:27px; display:block; float:left; padding-right:2px; margin-right:-5px; position:relative; } div.form span.textbox span input.textbox{ border:0; background:transparent; padding:5px 4px; } div.form input.submit-btn{ background:url(../images/main/submitt-btn.gif) no-repeat top left; width:84px; height:25px; border:0px; cursor:pointer; margin-left:100px; } /*---- Partners ---*/ div#partners a img{vertical-align:middle; margin-bottom:14px; } /*---- Production ---*/ div#production div.image{float:left; width:150px; border:1px solid #d4ecfe; padding:5px;} div#production div.description{float:left; padding-left:12px; width:250px;} div#production div.description p, div#production div.description h3{margin-bottom:20px; color:#2c2c2c; font-size:130%; line-height:18px;} div#production div.description p{margin-bottom:33px;} /*------------------------------------------ // 4.2 INTERIOR PAGE SPECIFIC STYLES //------------------------------------------*/ div.box2 blockquote{ background:url(../images/main/inverted-coma.gif) no-repeat top left; padding:5px 0px 0px 30px; } div.box2 blockquote p{ font-style:normal;} div.box2 blockquote p cite{ color:#879199; font-size:110%; text-align:left;} div#profile { margin-bottom:20px; } div#profile div.entry { width:522px; float:left; } div#profile div.entry p{ font-size:120%; margin-bottom:0; } /*------------------------------------------ // 4.3 HYDROCARBON AND CHEMICAL PROCESSING PAGE SPECIFIC STYLES //------------------------------------------*/ div#description{ width:435px; float:right; margin-bottom:15px;} /*------------------------------------------ // 4.4 CONTACT PAGE SPECIFIC STYLES //------------------------------------------*/ div#inquiry-form div.column1{ float:left; width:310px; margin-bottom:15px;} div#inquiry-form div.column1 div.form ul{ margin:0px;} div#inquiry-form div.column1 div.form ul li label span{ color:#b73524; } div#inquiry-form div.column1 div.form ul li span{ width:230px;} div#inquiry-form div.column1 div.form ul li span.textbox span input.textbox{ width:220px;} div#inquiry-form div.column1 div.form ul li.state-field{ float:left;} div#inquiry-form div.column1 div.form ul li.state-field span{width:130px;} div#inquiry-form div.column1 div.form ul li.state-field span.textbox span input.textbox{ width:120px;} div#inquiry-form div.column1 div.form ul li.zip-field{ float:left;} div#inquiry-form div.column1 div.form ul li.zip-field span.textbox span input.textbox{width:53px;} div#inquiry-form div.column1 div.form ul li.zip-field label{ width:33px;} div#inquiry-form div.column1 div.form ul li.zip-field span{ width:60px;} div#inquiry-form div.column2{ width:345px; float:right; margin-bottom:15px;} div#inquiry-form div.column2 div.form ul{ margin:0px;} div#inquiry-form div.column2 div.form ul li label{ width:109px;} div#inquiry-form div.column2 div.form ul li label span{ color:#b73524; } div#inquiry-form div.column2 div.form ul li.comments-field label{ line-height:14px; width:109px;} div#inquiry-form div.column2 div.form span.textbox span input.textbox{ width:220px;} div#inquiry-form div.column2 div.form ul li span.textarea{ width:231px; display:block; border:0; background:none; margin-bottom:10px; margin-left:-5px; position:relative; float:left; } div#inquiry-form div.column2 div.form ul li span.textarea textarea{border:0; background:none; width:225px; padding-right:4px;} div#inquiry-form div.column2 span.textarea span.top-left{background:url(../images/content/text-area-top-left.png) no-repeat left bottom; height:3px; display:block; padding-left:4px;} div#inquiry-form div.column2 span.textarea span.top-left span.top-right{background:url(../images/content/text-area-top-right.png) no-repeat right bottom; height:3px; display:block; padding-right:4px;} div#inquiry-form div.column2 span.textarea span.top-left span.top-right span.top{background:url(../images/content/text-area-top-middle.png) repeat-x left bottom; display:block; height:3px;} div#inquiry-form div.column2 span.textarea span.middle{background:#FFF url(../images/content/text-area-middle-middle.png) repeat-x left top; display:block;} div#inquiry-form div.column2 span.textarea span.middle span.middle-left{background:url(../images/content/text-area-middle-left.png) repeat-y left top; display:block; padding-left:2px;} div#inquiry-form div.column2 span.textarea span.middle span.middle-right{background:url(../images/content/text-area-middle-right.png) repeat-y right top; display:block; padding-right:2px;} div#inquiry-form div.column2 span.textarea span.bottom-left{background:url(../images/content/text-area-bottom-left.png) no-repeat left top; display:block; height:3px; padding-left:4px;} div#inquiry-form div.column2 span.textarea span.bottom-right{background:url(../images/content/text-area-bottom-right.png) no-repeat right top; display:block; height:3px; padding-right:4px;} div#inquiry-form div.column2 span.bottom-left span.bottom-right span.bottom{background:url(../images/content/text-area-bottom-middle.png) repeat-x left top; display:block; height:3px;} div#inquiry-form p input.submit-btn{ background:url(../images/content/submit-btn.gif) top right no-repeat; width:134px; height:24px; margin:0px 0px 0px 0px; position:relative; border:0px; cursor:pointer;} div#sidebar h1{ font-size:14px; color:#494949; margin-bottom:15px; background:none;} div#sidebar p{font-size:14px; color:#494949; margin-bottom:15px} div.footnotes p{ font-style:italic;} div.footnotes p span{color:#b73524;}