/* Main Container */ div#container { margin: 0 auto; padding: 0; width: 100%; min-width:970px; background: #fff; } /* Header & Navigation */ div#headerContainer { width: 100%; background: url(../images/header-bg.png) repeat-x 0 0; margin: 0 auto; } div#header { margin: 0 auto; width: 970px; height: 116px; } div#logo { } div#logo div.logo { width: auto; height: 81px; } div#logo a.title { max-width: 430px; margin: 12px 0 0 16px; color: #000000; font: 24px Arial, Helvetica, sans-serif; letter-spacing: -2px; } div#logo p.slogan { max-width: 430px; margin-left: 16px; /* position: relative; top: 40px; left: -210px; */ } div#topLinks { float: right; margin: 35px 10px 0 0; } div#topLinks a { color: #0066cc; } div#topLinks a:hover { color: #000000; } div#topLinks a.home-ico { background: url(../images/home-ico.png) no-repeat left; padding-left: 22px; height: 16px; display: block; float: left; } div#topLinks a.contact-ico { background: url(../images/contact-ico.png) no-repeat left; padding-left: 20px; height: 16px; display: block; float: left; margin-left: 15px; } /* Admin */ div#logo-admin { } div#logo-admin span.logo { width: auto; height: 81px; } div#logo-admin span.title { max-width: 430px; margin: 12px 0 0 16px; color: #000000; font: 24px Arial, Helvetica, sans-serif; letter-spacing: -2px; } div#logo-admin p.slogan { max-width: 430px; margin-left: 16px; /* position: relative; top: 40px; left: -210px; */ } div#logo-admin a#edit_header:link, div#logo-admin a#edit_header:visited { color: #2f2f2f; height: 81px; display: block; } div#logo-admin a#edit_header:hover, div#logo-admin a#edit_header:active { color: #2f2f2f;} div#nav { margin: 0 auto; width: 950px; height: 35px; } div#nav ul { clear: both; margin: 0 auto; } div#nav ul li { float: left; } div#nav ul li a, div#nav ul li a:link { display: block; text-align: center; width: 189px; height: 35px; color: #fff; background: url(../images/nav-bg.png) no-repeat -3px 0; font: bold 14px/35px "Trebuchet MS"; text-transform: uppercase; z-index: 10; } div#nav ul li a:hover { color: #fff; background-position: -3px -70px; } div#nav ul li a:active { color: #fff; background-position: -3px -35px; } div#nav ul li a.active { color: #fff; background-position: -3px -35px; } div#nav ul li:first-child a.navMain, div#nav ul li:first-child a.navMain:link, div#nav ul li:first-child a.navMain:visited { width: 192px; height: 35px; color: #fff; background: url(../images/nav-bg.png) no-repeat 0 0; } div#nav ul li:first-child a.navMain:hover { background-position: 0 -70px; } div#nav ul li:first-child a.navMain:active, div#nav ul li:first-child a.active { background-position: 0 -35px; } div#nav ul li a.menu-edit { width: 30px; height: 14px; display: block; line-height: 14px; background: url(../images/transparency.png) repeat-x 0 0; top: 37px; left: 8px; font-size: 10px; z-index: 20; } div#nav ul li a.menu-move { width: 35px; height: 14px; display: block; line-height: 14px; background: url(../images/transparency.png) repeat-x 0 0; top: 37px; left: 38px; border-left: 1px solid #999999; font-size: 10px; z-index: 20; } a.toplinks-seopackage { } a.toplinks-seopackage:link, a.toplinks-seopackage:visited { color: #ccc; } a.toplinks-seopackage:hover { color: #fff; } a.toplinks-seopackage:active { color: #666; } /* Body */ div#bodyContainer { width: 100%; border-bottom: solid 4px #2b75d1; background: url(../images/body-container-bg.png) repeat-x top; } div#body { margin: 0 auto; width: 950px; height: 858px;; } div#body.home { margin: 0 auto; width: 982px; } div#body.home div#flash-edit { padding: 10px; } object#flash { margin: 20px 0 25px; } div#body.home div#flash-edit a.tile-link { display: block; width: 955px; height: 218px; padding: 10px 0 15px 2px; } div#body.home div#flash-edit img.tile-img { margin: 10px 15px; } div#body.home div#flash-edit div.tile-img { margin: 0px 0px 20px 7px; width: 297px; height: 208px; display: block; position: relative; background: #a9a9a9; padding: 10px 7px; border: solid 1px #666666; } div#body.home div#flash-edit div.tile-img:first-child { margin: 0 0 20px 1px; } div#body.home div#flash-edit div.tile-img .head { margin-top: 20px; } div#body.home div#flash-edit div.tile-img div.flashHeading { color: #333; font-weight: bold; width: 278px; padding: 5px 10px; background: #fff; border: solid 1px #666; margin-top: 5px; min-height: 60px; } div#body.home div#flash-edit div.tile-img span { color: #ffffff; font-weight: bold; } div#body.home div#flash-edit div.tile-img label { font-weight: bold; margin-right: 10px; } div#body div.right-col {} div#body div.left-col { float: left; margin: 3px 0 0 2px; clear: left; width: 189px; height: 511px; } /* Category */ div#body div.left-col .section-list-container { padding: 0px; background: transparent; } div#body div.left-col .section-list-container ul.list { background: transparent; } div#body div.left-col .section-list-container ul.list li { line-height: 37px; position: relative; text-align: left; position: static; background: url(../images/section-nav-bg.png) repeat-y 0 0; padding: 0 0 0 20px; } div#body div.left-col .section-list-container ul.list li:first-child { height: 30px; border: none; line-height: 30px; } div#body div.left-col .section-list-container ul.list li:first-child.active { } div#body div.left-col .section-list-container ul.list li.bttmcap { background: url(../images/section-nav-bttmcap.png) no-repeat 0 0; height: 100px; } div#body div.left-col .section-list-container ul.list li:hover { } div#body div.left-col .section-list-container ul.list li:active, div#body div.left-col .section-list-container ul.list li.active { border: none; background-position: -190px 0; } div#body div.left-col .section-list-container ul.list li a { display: block; width: 189px; color: #666666; font: normal 13px/37px "Trebuchet MS"; } div#body div.left-col .section-list-container ul.list li a:hover { color: #0066cc;} div#body div.left-col .section-list-container ul.list li a.active { color: #999999; } div#body div.left-col .section-list-container ul.list li a.active:hover { color: #0066cc; } div#body div.left-col .section-list-container ul.list li a.active:active { color: #0066cc; } div#body div.left-col .section-list-container ul.list li a.edit-link:link, div#body div.left-col .section-list-container ul.list li a.edit-link:visited { display: block; width: 16px; height: 40px; font-size: 10px; position: absolute; padding:0; left: 50%; margin-left: -320px; color: #292929; } div#body div.left-col .section-list-container ul.list li a.edit-link:hover, div#body div.left-col .section-list-container ul.list li a.edit-link:active { } /* div#body div.left-col .section-list-container ul.list li a.edit-link:link, div#body div.left-col .section-list-container ul.list li a.edit-link:visited { display: block; width: 16px; height: 16px; background: url(/lib/images/ico-edit.png) no-repeat top left; position: absolute; top: 10px; right: 5px;} div#body div.left-col .section-list-container ul.list li a.edit-link:hover, div#body div.left-col .section-list-container ul.list li a.edit-link:active { background: url(/lib/images/ico-edit.png) no-repeat bottom left;} */ /* Contact Us Form */ div#body div.left-col .section-contact-mini { margin: 0 0 15px 0; padding: 10px; background: url(../images/section-contact-bg.png) repeat-y 0 0; border-top: solid 1px #161616; border-bottom: solid 2px #0c0c0c; } div#body div.left-col .section-contact-mini textarea.form-field { padding: 0; width: 214px; height: 40px; } div#body div.left-col a.contact-edit { width: auto; } div#body div.left-col a.contact-edit:link, div#body div.left-col a.contact-edit:visited { color: #999999; text-decoration: none; cursor: pointer; display: block; } div#body div.left-col a.contact-edit:hover, div#body div.left-col a.contact-edit:active { color: #999999; text-decoration: none; /*border: 1px dashed #ff0000;*/ } div#body div.left-col ul#ul_contact { margin-top: 10px; } div#body div.left-col ul#ul_contact li div { margin-bottom: 5px; } div#body div.left-col a#contact_message { margin-top: 5px; } div#body div.left-col a#contact-box-side-link:link, div#body div.left-col a#contact-box-side-link:visited { color: inherit; display: block; } div#body div.left-col a#contact-box-side-link:hover, div#body div.left-col a#contact-box-side-link:active { color: inherit; } div#tabs a.admin-tab-link:link, div#tabs a.admin-tab-link:visited { color: #222222; height: 115px;} div#tabs a.admin-tab-link:hover, div#tabs a.admin-tab-link:active { color: inherit; } div#tabs a#contact-box-home-link:link, div#tabs a#contact-box-home-link:visited { color: inherit; display: block; height: 115px;} div#tabs a#contact-box-home-link:hover, div#tabs a#contact-box-home-link:active { color: inherit; } div#body div.left-col .section-contact-mini p.nomargin strong { margin-top: 10px; } /* Secondary Logo */ /* div#body div.left-col .section-logo { margin: 0 0 10px 8px; padding: 10px; } */ div#body div.left-col .section-logo { margin: 0 0 10px 8px; padding: 0px; width: 243px; } div#body div.left-col .section-logo #side-logo { padding: 0px; margin: 0 auto;} div#body div.left-col .section-logo a#side-logo-link { padding: 0px; width: 243px;} div#body div.left-col .section-logo h3 { margin: 16px 0 0 10px; } div#body div.content-col { float: left; clear: right; width: 759px; /*overflow: inherit;*/ min-height: 800px; padding: 0px; } div#body div.content-col a.edit_container:link, div#body div.content-col a.edit_container:visited, div#body div.content-col a.edit_container:hover, div#body div.content-col a.edit_container:active { color: #292929; width: 660px; height: 475px; } /* div#body div.content-col div.edit_content_display { visibility: hidden; position: absolute; width: 678px; height: 425px; line-height: 425px; top: 0px; right: 0px; background: #ffffff; color: #000000; font-size: 20px; text-align: center; border:1px solid #999999; opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); cursor: pointer; } div#body div.content-col div.content {position: relative; } div#body div.content-col div.edit_content_display div { background: #ffffff; width: 200px; height: 100px; line-height: 100px; margin: 150px auto; } div#body div.content-col a.edit_container:hover div.edit_content_display { visibility: visible;} */ div#body div.single-col {} /* Tabs */ div#tabs { margin: 0 auto; padding: 0; width: 950px; height: 266px; overflow:hidden; background: url(../images/tab-containter-bg.png) repeat-x 0 0; } div#tabs div.tab-container { width: 232px; } div#tabTitles { float: right; height: 44px; margin-right: 15px; } div#tabs div.tab { width: 16px; height: 16px; font: normal 21px/16px Arial, Helvetica, sans-serif; color: #ccc; margin-left: 5px; } div#tabs div.tab a.tab-anchor-on, div#tabs div.tab a.tab-anchor-on:hover { display: block; height: 16px; border: none; background: url(../images/tab-button.png) no-repeat -16px -16px; color:#cccccc; margin-top: 14px; } div#tabs div.tab a.tabL { text-indent: -201px; width: 196px; } div#tabs div.tab a.tabM { text-indent: -225px; width: 213px; } div#tabs div.tab a.tabR { text-indent: -249px; width: 230px; } div#tabs div.tab a.tab-anchor-off:hover { background: url(../images/tab-button.png) no-repeat -16px -16px; } div#tabs div.tab a.tab-anchor-off { display: block; width: 16px; height: 16px; background: url(../images/tab-button.png) no-repeat 0 0; text-indent: -5000px; margin-top: 14px; } div#tabs div.tab a#contactUs { background: transparent; cursor: default; text-indent: -245px; } /* Tab Content CSS */ /* div#tabs div.tab-container div.tab-content { width: 290px; height: 115px; padding: 15px; background: url(/lib/images/tab-content-bg.png) 0 0; position: relative; overflow: hidden; } */ div#tabs div.tab-container div.tab-content div.text { width: auto; min-height: 120px; color: #747474; line-height: 18px; } div#tabs div.tab-container div.tab-content div.textcontactus { width: auto; min-height: 83px; color: #747474; line-height: 12px; } div#tabs div.tab-container div.tab-content img.placeholder { width: 85px; height: 88px; border: 1px solid #CCCCCC; } div#tabs div.tab-container div.tab-content a.submit, div.content a.submit { width: 79px; height: 21px; background: url(../images/submit-btn.png) no-repeat 0 0; display: block; text-indent: -10000px; } div#tabs div.tab-container div.tab-content a.submit:hover { background: url(../images/submit-btn.png) no-repeat 0 -21px; } div#tabs div.tab-group { width: 296px; height: 266px; background: url(../images/tab-bg.png) no-repeat 0 0; margin-right: 31px; } div#tabs div.tab-group2 { width: 296px; height: 266px; background: url(../images/tab-bg.png) no-repeat 0 0; margin-right: 31px; } div#tabs div.tab-group3 { width: 296px; height: 266px; background: url(../images/tab-bg.png) no-repeat 0 0; } div#tabs div.tab-container { width: 296px; height: 266px; padding: 0; margin: 12px 0 0 0; position: relative; overflow: hidden; } div#tabs div.tab-group2 div.tab-container { width: 296px; height: 200px; padding: 0px; margin: 12px 0 0 0; position: relative; overflow: hidden; } div#tabs div.tab-container div.tab-content { } div#tabs div.tab-container div.tab-content ul { float: left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; } div#tabs div.tab-container div.tab-content ul li { float:left; height:200px; position:relative; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #222; text-align: justify; } div#tabs div.tab-container div#tab-contact { width: 318px; background: url(/lib/images/OLD/tab-content-bg.png) 0 0; top: 1px; position: relative; padding: 15px; height: 115px; } div#tabs div#tab-group-1 ul { width: 2000px; } div#tabs div#tab-group-1 ul li { width: 266px; margin-right: 50px; padding: 0 15px; } div#tabs div#tab-group-2 ul { width: 2000px; } div#tabs div#tab-group-2 ul li { width: 266px; margin-right: 50px; padding: 0 15px; } /* Contact Us Form */ a.index-contact-box:link div, a.index-contact-box:visited div { width: 244px; height: 90px; padding: 5px 10px; background: #ececec; border: solid 1px #b9b9b9; margin: 12px 0 5px; color: #999999; font: normal 12px 'Courier New', Courier, monospace; } a.index-contact-box:hover, a.index-contact-box:active { cursor: text; } a.index-contact-box:hover div, a.index-contact-box:active div { background: #fff; } .section-contact-mini a.index-contact-box:link, .section-contact-mini a.index-contact-box:visited { width: 196px; } /* Admin */ div#loginContainer { background: transparent; border-left: solid 1px #222; border-right: solid 1px #222; height: 517px; } div#loginCard { width: 230px; height: 170px; margin: 0 auto; border: solid 1px #aaaaaa; position: relative; top: 115px; background: url(../images/white-12.png); padding: 40px 60px; color: #000000; } div#loginCard h1 { font: normal 26px/26px Arial, Helvetica, sans-serif; color: #003366; } span.index-contact-box { width: 246px; height: 50px; margin-top: 5px; display: block; background: url(../images/section-nav-bg.png) repeat-y -11px 0; border: 1px solid #161616; } span.index-contact-box:hover { background: url(../images/section-contact-bg.png) repeat-y 0 0; } .section-contact-mini span.index-contact-box { width: 193px; } span#contact_box_email { color: #666666; } div.panel div.wrapper a.admin-tab-link:link, div.panel div.wrapper a.admin-tab-link:visited { color: #2f2f2f; display: block; height: 95px; } div.panel div.wrapper a.admin-tab-link:hover, div.panel div.wrapper a.admin-tab-link:active { color: #2f2f2f; } a.button1 { display: block; width: 100px; color: #CCCCCC; line-height: 25px; text-align:center; background: url(/lib/images/OLD/btn-two.png) no-repeat center 0; } a.button1:hover { background-position: center -25px; } /* Tab Content Controls */ .hide { display: none; } /* .show { display: compact; } */ /* Footer */ div#footerContainer { width: 100%; margin: 0 auto; border-top: solid 1px #fff; background: #b9b9b9; } div#footer { margin: 0 auto; padding-top: 1px; width: 950px; height: 42px; margin-bottom: 25px; } .fixwidth { width: 970px !important; } div#footer p.copyright { float: left; font: normal 12px/18px Arial, Helvetica, sans-serif; margin: 12px 0 0 0; color: #000; } div#footer a, div#footer a:link, div#footer a:visited { color: #000; } div#footer a:hover { color: #555; } div#footer a:active { color: #222; } div#footer p.links { float: right; text-align: right; margin: 12px 0 0 0; color: #000; font: normal 12px/18px Arial, Helvetica, sans-serif; } div#footer a.divider { border-right: solid 1px #666; padding-right: 10px; margin-right: 3px; } div#footer a.dividerL { border-left: solid 1px #666; padding-left: 10px; margin-left: 8px; } /* Text Styles */ p.text { line-height: 18px; color: #666; } /* Adjustments & Custom Colors */ .push1 { margin-right: 3px; } .push5 { margin-left: 5px; } .push-lt10 { margin: 0 10px 3px 0; } .push-down10 { margin: 10px 0px 0px 0px; } .line-height12 { line-height: 12px; } .line-height18 { line-height: 18px; } .line-height25 { line-height: 25px; } .usegrey { color: #999; } .nomargin { margin: 0; } .strong { font-weight: bold; } .relative { position: relative; } .absolute { position: absolute; } /* Contact Form Lightbox */ div.contactform { /*position: absolute; left: 100px; top: 200px;*/ width: 253px; min-height: 350px; color: #FFFFFF; padding: 20px;} div.contactform .form-title { font-size: 22px; margin-bottom: 0px; } div.contactform .form-desciption { color: #999999; } div.contactform .comment-box { font: inherit; width: 252px; height: 75px; overflow: auto; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.contactform .form { width: 252px; } div.contactform label { float: left; clear: left; line-height: 22px; } div.contactform input.text { width: 250px; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.contactform input.text:focus, div.contactform .comment-box:focus { background: #444444; } div.contactform .submit-btn { width: 128px; height: 35px; float: right; clear: left; color: #ffffff; border: none; background: url(/lib/images/btn-one.png) no-repeat 0 0; } div.contactform .submit-btn:hover { background-position: 0px -35px; cursor: pointer; } /* Side Link Form */ div.linkform{ width: 253px; min-height: 240px; color: #000000; font: normal 11px Arial, Helvetica, sans-serif; padding: 0 20px; } div.linkform .form-title { margin-bottom: 0px; font: normal 18px/35px Arial, Helvetica, sans-serif; color: #ffffff; } div.linkform .form-desciption { color: #0066cc; font: bold 10px Arial, Helvetica, sans-serif; margin: 10px 0 12px 0; } div.linkform .comment-box { font: inherit; width: 252px; height: 75px; overflow: auto; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.linkform .form { width: 252px; } div.linkform label { float: left; clear: left; line-height: 22px; } div.linkform input.text { width: 250px; float: left; clear: left; margin-bottom: 8px; border: 1px solid #999; background: transparent; color: #333; } div.linkform input.text:focus, div.contactform .comment-box:focus { background: url(../images/white-12.png) repeat 0 0; } div.linkform input.check { float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; outline: 0; } div.linkform .submit-btn { width: 79px; height: 21px; float: right; clear: left; color: #ffffff; border: none; background: url(../images/submit-btn.png) no-repeat 0 0; } div.linkform .submit-btn:hover { background-position: 0px -21px; cursor: pointer; } /* Content Form */ div.contentform h2 { color: #0066cc; } div.contentform { width: 660px; min-height: 500px; color: #000000; padding: 0 20px; } div.contentform .form-title { margin-bottom: 0px; font: normal 18px/35px Arial, Helvetica, sans-serif; color: #ffffff; } div.contentform .form-desciption { color: #0066cc; font: bold 10px Arial, Helvetica, sans-serif; margin: 10px 0 5px 0; } div.contentform .comment-box { font: inherit; width: 252px; height: 75px; overflow: auto; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.contentform .form { width: 252px; } div.contentform label { float: left; clear: left; line-height: 22px; } div.contentform input.text { width: 250px; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #333; } div.contentform input.text:focus, div.contactform .comment-box:focus { color: #000; } div.contentform input.check { float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; outline: 0; } div.contentform .submit-btn { width: 79px; height: 21px; float: right; clear: left; color: #ffffff; border: none; background: url(../images/submit-btn.png) no-repeat 0 0; } div.contentform .submit-btn:hover { background-position: 0px -21px; cursor: pointer; } .portfolio { padding: 9px; margin: 21px; background: #000; border: solid 1px #25292b; float: left; } /* Contact Form */ div.contactform { width: 253px; min-height: 310px; color: #000; font: normal 11px Arial, Helvetica, sans-serif; padding: 0 20px; } div.contactform .form-title { margin-bottom: 0px; font: normal 18px/35px Arial, Helvetica, sans-serif; color: #FFFFFF; } div.contactform .form-desciption { color: #0066cc; font: bold 10px Arial, Helvetica, sans-serif; margin: 10px 0 5px 0; } div.contactform .comment-box { font: inherit; width: 252px; height: 75px; overflow: auto; float: left; clear: left; margin-bottom: 8px; border: 1px solid #b9b9b9; background: #fff; color: #0066cc; } div.contactform .form { width: 252px; } div.contactform label { float: left; clear: left; line-height: 22px; } div.contactform input.text { width: 250px; float: left; clear: left; margin-bottom: 8px; border: 1px solid #b9b9b9; background: #fff; color: #0066cc; } div.contactform input.text:focus, div.contactform .comment-box:focus { border-color: #888888; background: #ffffff; color: #0066cc; } div.contactform input.check { float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #0066cc; outline: 0; } div.contactform .submit-btn { width: 79px; height: 21px; float: right; clear: left; text-indent: 100px; border: none; background: url(../images/submit-btn.png) no-repeat 0 0; } div.contactform .submit-btn:hover { background-position: 0px -21px; cursor: pointer; } /* Header Form */ div.headerform { width: 560px; min-height: 310px; color: #000000; padding: 0 20px; } div.headerform .form-title { margin-bottom: 0px; font: normal 18px/35px Arial, Helvetica, sans-serif; color: #FFFFFF; } div.headerform .form-desciption { color: #0066cc; font: bold 10px Arial, Helvetica, sans-serif; margin: 10px 0 5px 0; } div.headerform .comment-box { font: inherit; width: 252px; height: 75px; overflow: auto; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.headerform .form { width: 252px; } div.headerform label { float: left; clear: left; line-height: 22px; } div.headerform input.text { width: 560px; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.headerform input.text:focus, div.headerform input.file:focus { background: url(../images/white-12.png) repeat 0 0; } div.headerform input.check { float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; outline: 0; } div.headerform .submit-btn { width: 79px; height: 21px; float: right; clear: left; color: #ffffff; border: none; background: url(../images/submit-btn.png) no-repeat 0 0; } div.headerform .submit-btn:hover { background-position: 0px -21px; cursor: pointer; } /* SEO Package Form */ div.seoform h2 { color: #f8c626; } div.seoform { width: 600px; min-height: 500px; color: #000000; padding: 0 30px; } div.seoform .form-title { margin-bottom: 0px; font: normal 18px/35px Arial, Helvetica, sans-serif; color: #FFFFFF; } div.seoform .form-desciption { color: #0066cc; font: bold 10px Arial, Helvetica, sans-serif; margin: 10px 0 5px 0; } div.seoform .comment-box { font: inherit; width: 252px; height: 75px; overflow: auto; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.seoform .form { width: 252px; } div.seoform .form_class { width: 600px; } div.seoform label { float: left; clear: left; line-height: 22px; } div.seoform input.text { width: 500px; float: left; clear: left; margin-bottom: 8px; border: 1px solid #999; background: #fff; color: #888888; } div.seoform input.text:focus, div.contactform .comment-box:focus { background: #fff; } div.seoform input.check { float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; outline: 0; } div.seoform .submit-btn { margin-top: 10px; width: 79px; height: 21px; float: right; clear: left; border: none; background: url(../images/submit-btn.png) no-repeat 0 0; position:absolute; bottom: 25px; right: 20px; } div.seoform .submit-btn:hover { background-position: 0px -21px; cursor: pointer; } div.seoform span.message { font-size: 90%; color: #7ABEDE; font-style: italic; } div.seoform div#form-accordion { width: 600px; } div.seoform div#form-accordion a { margin-top: 3px; display: block; width: 598px; cursor: pointer; font-size: 15px; text-indent: 8px; background: #fff; border: solid 1px #0066cc; color: #333; height: 23px; line-height: 23px; } div.seoform div#form-accordion a:hover { color: #333333; background: #cccccc; } div.seoform div#form-accordion a.selected { color: #0066cc; background: transparent; border: none; } div.seoform div#form-accordion div.field-container { height: 220px; padding: 15px; border: 1px solid #888; background: #eeeeee; } /* Flash Form */ div.flashform h2 { color: #f8c626; } div.flashform { width: 600px; min-height: 500px; color: #0066cc; padding: 0 20px; } div.flashform .form-title { margin-bottom: 0px; font: normal 18px/35px Arial, Helvetica, sans-serif; color: #ffffff; } div.flashform .help a { font: bold 12px/35px Arial, Helvetica, sans-serif; color: #ffffff; } div.flashform .help a:hover { color: #0099FF; } div.flashform .help a:active { color: #002244; } div.flashform .form-desciption { color: #0066cc; font: bold 10px Arial, Helvetica, sans-serif; margin: 10px 0; } div.flashform .comment-box { font: inherit; width: 252px; height: 75px; overflow: auto; float: left; clear: left; margin-bottom: 8px; border: 1px solid #666666; background: transparent; color: #888888; } div.flashform .form { width: 252px; } div.flashform .form_class { width: 600px; } div.flashform label { float: left; clear: left; line-height: 22px; } div.flashform input.text, div.flashform select.ddn, div.flashform .comment-box { width: 500px; float: left; clear: left; margin-bottom: 5px; border: 1px solid #666666; background: #ffffff; color: #888888; } div.flashform input.text:focus, div.flashform .comment-box:focus, div.flashform select.ddn:focus { background: #444444; } div.flashform input.check { float: left; clear: left; margin-bottom: 5px; border: 1px solid #666666; background: transparent; color: #888888; outline: 0; } div.flashform .file { margin-bottom: 5px; } div.flashform img.flash-image { float: left; clear: left; margin-bottom: 5px; border: 0; outline: 0 } div.flashform .comment-box { height: 16px; } div.flashform .submit-btn { margin-top: 10px; width: 79px; height: 21px; float: right; clear: left; color: #ffffff; border: none; background: url(../images/submit-btn.png) no-repeat 0 0; bottom: 15px; right: 20px; } div.flashform .submit-btn:hover { background-position: 0px -21px; cursor: pointer; } div.flashform img.img-delete, div.flashform img.img-accept { float: right; clear: right; } div.flashform span.message { font-size: 90%; color: #777777; font-style: italic; } div.flashform div#form-accordion { width: 600px; } div.flashform div#form-accordion a { margin-top: 10px; display: block; width: 598px; cursor: pointer; text-indent: 8px; background: url(../images/white-12.png); border: solid 1px #888; color: #0066cc; height: 23px; font: bold 12px/23px Arial, Helvetica, sans-serif; } div.flashform div#form-accordion a:hover { color: #292929; background: #cccccc; } div.flashform div#form-accordion a.selected { color: #003366; background: #ededed; border: 1px solid #888; border-bottom: solid 1px #cccccc; } div.flashform div#form-accordion div.field-container { height: 266px; padding: 15px; border: 1px solid #888; border-top: solid 1px #ffffff; background: #e6e6e6; } div.flashform div#form-accordion span.card { width: 150px; height: 25px; display: block; text-indent: 0px; text-align: center; color: #ffffff; } div.linkform input.required, div.contentform input.required, div.contactform input.required, div.seoform input.required, div.flashform input.required { border: 1px solid #ff0000; background: #fcc0c0; } .error_form { margin-top: 10px; color: #ff0000; font-weight: bold; } #login_error { color: #ff0000; font-size: 14px; margin: 10px auto; width: 711px; display: none; float: left; clear: both; } .ajax_load { background: url('/lib/images/ajax-loader.gif') no-repeat 0 0; } .ajax_loader { display: none; } #contact-load { margin: 15px auto; width: 250px; color: #ffffff; } .contact-load { margin: 15px auto; width: 250px; } .edit-content-container { cursor: pointer; } /* Floats & Clears & Hide */ .right { float: right; } .left { float: left; } .clear { clear: both; } .clearl { clear: left; } .clearr { clear: right; } .navpush1 { margin-left: 1px; } .hide { display: none; } .hidden { visibility: hidden; } div#body div.left-col .section-logo:after, div#tabs:after { content: "."; display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden; overflow: hidden; } /* SEO content near footer */ #seo{ color:#c3c3c3; font-family:tahoma; width: 950px; height: 400px; margin-top: 30px; background: transparent url(http://www.mypumppro.com/lib/images/seobg.png) repeat-x; border-top:3px double GhostWhite; } #seo ul ul{ width: 265px; padding-left:10px; padding-right:10px; float: left; list-style-type:none; margin-left: 7px; } #seo li{ float:left; } #seo li h2{ text-align:center; } .bar{ width: 2px !important; margin-left: 22px!important; margin-right: 10px !important; padding:0px !important; } .seowide{ width:inherit!important; display: block; } #seo h2{ color:#98B0B8; margin-bottom: 5px; margin-top: 10px; } #seo p{ text-align:justify; line-height: 20px; font-size:10px; }