/* ------------------------------------------- project: Simple Flame date: 2009/01/01 ------------------------------------------- */ html { min-height: 100%; margin: 0 0 1px; background: #800020 url(../images/bg-layout-a.png) repeat-x; font-size: 100.01%; } body { min-height: 395px; margin: 0; padding: 0; background: url(../images/bg-layout-b.jpg) 50% 37px no-repeat; color: #555; font: 62.5%/1.25 "Lucida Sans Unicode","Lucida Grande",sans-serif; } textarea, input, select, option, optgroup, button { font: 1em Verdana, "Lucida Sans Unicode","Lucida Grande",sans-serif; } @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } /* RE-SETS ------------------------------------------- */ * { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } li, dt, dd, p, th, td, caption { font-size: 1.2em; } ul, ol, dl { margin-bottom: 15px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } p { margin-bottom: 15px; } li *, li p, li li, dt *, dd *, p * { font-size: 1em; } img { border: none; } fieldset { border: none; } legend { display: none; } button { overflow: visible; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; } pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; } strong { } strong.a { color: #0078a2; } hr { overflow: hidden; height: 1px; margin: 25px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; } *:first-child+html hr { margin: 3px 0 18px; } * html hr { margin: 5px 0 18px !important; } a { color: #4489AF; text-decoration: underline; } a:hover, a:focus, a:active { color: #4489AF; text-decoration: none; } /* HEADINGS ------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #ff8929; font: bold 2.4em Helvetica,Arial,serif; } h1 { margin-bottom: 10px; font-size: 2.8em; letter-spacing: -1px; } h1.a { color: #eda046; line-height: 33px; } h1.a a { padding: 0 40px 2px 0; background: url(../images/project-bullet-a.gif) 100% 0 no-repeat; color: #eda046; text-decoration: none; } h1.a a:hover { color: #eda046; text-decoration: none; } h2 { font-size: 2.6em; letter-spacing: -1px; } h2.a { font-size: 2em; letter-spacing: -1px; } h3 { font-size: 2.0em; letter-spacing: -1px; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } /* HELPERS ------------------------------------------- */ .offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; } .isLoggedIn { display: none;} legend.offset { display: none; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #notice-slider { padding: 20px; color: #fff; font-weight: bold; display: none; margin: 0 0 20px 0; font-size: 1.4em; } .alarm { background-color: red;} .caution { background-color: #FF8929; } /* LAYOUT ------------------------------------------- */ #root { width: 965px; margin: 0 auto; } #top { position: relative; width: 930px; height: 180px; margin: 0 0 0 25px; } #logo { position: absolute; left: 10px; top: 55px; width: 269px; height: 111px; background: url(../images/logo-a.png) no-repeat; } * html #logo { background-image: url(../images/logo-a-ie.png); } #logo a { display: block; overflow: hidden; width: 269px; height: 111px; text-indent: -10001px; } #expertise { position: absolute; left: 10px; top: 10px; color: #fff; font-size: 1.4em; } #expertise strong { color: #ff8929; } #nav_389442 { position: absolute; right: 0; top: 110px; list-style: none; margin: 0; padding: 0; } #nav_389442 li { display: inline; float: left; margin: 0 0 0 10px; font: bold 2.4em/1 Helvetica,Arial,"Lucida Grande",sans-serif; text-transform: lowercase; letter-spacing: -1px; } #nav_389442 li a { padding: 0 10px; color: #fff; text-decoration: none; } #nav_389442 li a:hover, #nav_389442 li a:focus, #nav_389442 li a:active, #nav_389442 li a.active { color: #ff8929; text-decoration: none; } #nav_389442 li em { position: absolute; left: -10001px; top: -10001px; } #nav_389443 { position: absolute; right: 5px; top: 10px; list-style: none; margin: 0; padding: 0; } #nav_389443 li { display: inline; float: left; margin: 0 0 0 15px; font-size: 1.4em; font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; text-transform: lowercase; } #nav_389443 li.abbr { text-transform: none; } #nav_389443 li a { float: left; color: #cc6; text-decoration: none; } #nav_389443 li a:hover, #nav_389443 li a:focus, #nav_389443 li a:active, #nav_389443 li a.active { color: #fff; text-decoration: underline; } #solutions { position: relative; width: 570px; min-height: 150px; margin: 0 0 10px 5px; padding: 80px 20px 0 370px; background: url(../images/solutions-bg-a.png) 10px 30px no-repeat; color: #fff; } * html #solutions { height: 150px; } #solutions p.image { position: absolute; left: 0; top: 2px; width: 330px; height: 220px; padding: 1px 0 0 1px; } #solutions h2 { color: #fff; font: 4em/2.8 Georgia,serif; letter-spacing: -1px; line-height: 50px; } #solutions h2 em { color: #feff8f; font-style: normal; } #solutions ul { position: absolute; left: 364px; top: 41px; width: 600px; list-style: none; margin: 0; padding: 0; } #solutions ul li { display: inline; float: left; margin: 0 0 0 80px; } #solutions ul li.first { margin-left: 0; } #solutions ul li a { overflow: hidden; float: left; height: 86px; border: none; background: url(../images/solutions-a.png) no-repeat; text-indent: -10001px; } #solutions ul li.business a { width: 259px; background-position: 0 0; } #solutions ul li.business a:hover, #solutions ul li.business a:focus { background-position: 0 -86px; } #solutions ul li.designers a { width: 205px; background-position: -259px 0; } #solutions ul li.designers a:hover, #solutions ul li.designers a:focus { background-position: -259px -86px; } #solutions p.more { margin: 0; padding: 0 50px 15px 0; font-size: 1.4em; font-weight: bold; text-align: right; } #solutions a { color: #feff8f; } #content { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 15px 0; background: url(../images/content-a.gif) 25px 0 repeat-y; } #content div.content-outer { padding: 0 0 7px; background: url(../images/content-c.gif) 270px 100% no-repeat; } #content div.content-inner { overflow: hidden; width: 100%; background: url(../images/content-b.gif) 270px 0 repeat-y; } #main { display: inline; float: right; width: 614px; margin: 0 23px 0 0; padding: 12px 24px 0 34px; background: url(../images/content-d.png) 0 0 no-repeat; } #side { float: left; width: 245px; padding: 0 0 0 8px; } #side a { } #services { width: 950px; margin: 0 0 10px 15px; } #services ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; } #services ul li { display: inline; float: left; margin: 0 0 0 3px; } #services ul li.first { margin-left: 0; } #services ul li a { overflow: hidden; float: left; width: 188px; height: 95px; background: url(../images/services-a.png) no-repeat; text-indent: -10001px; } #services ul li.design-integration a { width: 187px; background-position: 0 0; } #services ul li.design-integration a:hover, #services ul li.design-integration a:focus { background-position: 0 -95px; } #services ul li.consulting a { background-position: -190px 0; } #services ul li.consulting a:hover, #services ul li.consulting a:focus { background-position: -190px -95px; } #services ul li.seo a { background-position: -380px 0; } #services ul li.seo a:hover, #services ul li.seo a:focus { background-position: -380px -95px; } #services ul li.support a { background-position: -570px 0; } #services ul li.support a:hover, #services ul li.support a:focus { background-position: -570px -95px; } #services ul li.video a { width: 187px; background-position: -760px 0; } #services ul li.video a:hover, #services ul li.video a:focus { background-position: -760px -95px; } #footer { overflow: hidden; width: 950px; margin: 0 0 0 15px; padding: 0 0 15px; color: #55746c; } #footer p { margin: 0 10px; } #footer p.first { display: inline; float: right; } #footer a { color: #55746c; text-decoration: underline; text-transform: lowercase; } #footer a.author { text-transform: none; } #footer a:hover, #footer a:focus { color: #b9c1a5; } /* SKIP LINKS ------------------------------------------- */ #skip-links { position: absolute; top: 6px; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 930px; padding: 5px 0; background: #244e60; color: #fff; font-size: 1em; text-align: center; } /* GENERAL ------------------------------------------- */ div.box-a { width: 231px; margin: 0 0 30px 8px; padding: 5px 0 0; background: url(../images/box-a-shadows-a.png) no-repeat; } * html div.box-a { overflow: hidden; } div.box-a div.outer { padding: 0 0 5px; background: url(../images/box-a-shadows-a.png) 0 100% no-repeat; } div.box-a div.inner { width: 183px; padding: 13px 15px 5px 33px; background: url(../images/box-a-shadows-a.png) -269px 0 repeat-y; } * html div.box-a div.inner { width: auto; } div.box-a h2 { margin: 0 0 10px -48px; padding: 0 0 0 48px; background: url(../images/box-a-clip-a.gif) no-repeat; color: #0078a2; } * html div.box-a h2 { position: relative; left: -48px; width: 183px; } div.box-a h2 span { padding: 0 0 15px; border-bottom: 1px solid #a6b7bb; } div.box-a div.nav ul { list-style: none; margin: 0 0 10px; padding: 0; } div.box-a div.nav ul li { overflow: hidden; margin: 0 0 2px -10px; padding: 0 0 0 10px; font-size: 1.4em; } * html div.box-a div.nav ul li { height: 1%; } div.box-a div.nav ul li a { float: left; margin: 0 0 0 -10px; padding: 3px 10px; color: #0078a2; text-decoration: none; } div.box-a div.nav ul li a:hover, div.box-a div.nav ul li a:focus, div.box-a div.nav ul li a:active, div.box-a div.nav ul li a.active { background: #ff8929; color: #fff; text-decoration: none; } div.box-a p.more-a { color: #0078a2; font-size: 1.4em; font-weight: bold; } div.box-a p.more-a a { color: #0078a2; text-decoration: underline; } div.box-a p.more-a a:hover { text-decoration: none; } div.box-a-b { background-image: url(../images/box-a-shadows-b.png); } div.box-a-b div.outer { background-image: url(../images/box-a-shadows-b.png); } div.box-a-b div.inner { background-image: url(../images/box-a-shadows-b.png); } div.box-a-b h2 { background-image: url(../images/box-a-clip-b.gif); color: #0078a2; } div.box-a-b h2 span { border-bottom-color: #a5b778; } div.box-a-c { background-image: url(../images/box-a-shadows-c.png); } div.box-a-c div.outer { background-image: url(../images/box-a-shadows-c.png); } div.box-a-c div.inner { background-image: url(../images/box-a-shadows-c.png); } div.box-a-c h2 { background-image: url(../images/box-a-clip-c.gif); color: #0078a2; } div.box-a-c h2 span { border-bottom-color: #a5b778; } div.box-a-d { background-image: url(../images/box-a-shadows-d.png); } div.box-a-d div.outer { background-image: url(../images/box-a-shadows-d.png); } div.box-a-d div.inner { background-image: url(../images/box-a-shadows-d.png); } div.box-a-d h2 { background-image: url(../images/box-a-clip-d.gif); color: #0078a2; } div.box-a-d h2 span { border-bottom-color: #a5b778; } div.box-b { width: 238px; margin: 0 0 20px 8px; } div.box-b h2 { margin: 0; padding: 8px 5px 6px 9px; background: url(../images/box-b-header-a.png) no-repeat; color: #c73e14; font-size: 1.4em; } div.box-b div.outer { padding: 0 0 5px; background: url(../images/box-b-shadow-a.png) 0 100% no-repeat; } div.box-b div.inner { padding: 10px; border-right: 1px solid #eeeed6; background: #f9f9d2; } div.box-b p.a { padding: 0 0 0 20px; background: url(../images/bullet-b.gif) 0 2px no-repeat; } div.box-b p.b { width: 150px; margin: 0 0 0 19px; color: #00323c; font-size: 1.1em; } div.box-b ul { list-style: none; margin: 0 0 10px; padding: 0; } div.box-b ul li { margin: 0 0 5px; padding: 0 0 0 20px; background: url(../images/bullet-a.gif) 0 1px no-repeat; } div.box-b ul li a { color: #555; text-decoration: none; } div.box-b ul li a:hover { color: #555; text-decoration: underline; } div.box-b p.more-a { margin: -17px 0 0 9px; font-size: 1.3em; font-weight: bold; } div.box-b p.more-a a { display: block; width: 210px; height: 35px; padding: 20px 0 0 9px; background: url(../images/button-a.png) 100% 0 no-repeat; color: #fff; text-decoration: none; } div.box-b p.more-a a:focus, div.box-b p.more-a a:hover, div.box-b p.more-a a:active { background-position: 100% -55px; } div.box-b-b { } div.box-b-b h2 { background-image: url(../images/box-b-header-b.png); color: #fff; } div.box-b-b div.inner { background-color: #FEFBC1; } div.box-c { overflow: hidden; margin: 0 -20px 15px -30px; padding: 20px 30px 0; border-top: 1px solid #ebebc2; border-bottom: 1px solid #ebebc2; } div.box-c + div.box-c { margin-top: -16px; } * html div.box-c { width: 604px; } div.box-c p.image { display: inline; margin: -20px 20px 0; } div.box-c p.image img { display: block; } div.box-c p.image.left { float: left; margin-left: -30px; } div.box-c p.image.right { float: right; margin-right: -30px; } div.box-c h2 { margin: 0 0 10px; letter-spacing: -1px; } div.box-c h2 a { text-decoration: none; } div.box-c p { line-height: 1.5; } div.box-c p.more { margin: 0; } div.box-c a:hover { text-decoration: none; } div.box-c-a { } div.box-c-a h2 { color: #598a33; } div.box-c-a a, div.box-c-a a:hover { color: #598a33; } div.box-c-b { } div.box-c-b h2 { color: #ff002e; } div.box-c-b a, div.box-c-b a:hover { color: #ff002e; } div.box-c-c { } div.box-c-c h2 { color: #ff8929; } div.box-c-c a, div.box-c-c a:hover { color: #ff8929; } div.box-d { margin: 0 0 20px; padding: 20px 20px 10px 30px; background: #f2f2f2; } div.box-e { margin: 0 0 20px; padding: 0 20px 10px 30px; border-bottom: 1px solid #ffc494; } div.box-e-b { padding-bottom: 0; border-bottom: none; } div.box-f { overflow: hidden; margin: 0 -20px 15px -30px; padding: 20px 30px 0; font-family: Verdana, "Lucida Grande" Arial, Helvetica, sans-serif;} div.box-f + div.box-f { margin-top: -16px; } * html div.box-f { width: 604px; } div.box-f p.image { display: inline; margin: -20px 45px 0; } div.box-f p.image img { display: block; } div.box-f p.image.left { float: left; margin-left: -30px; } div.box-f p.image.right { float: right; margin-right: -30px; } div.box-f h1 { margin: 20px 0 20px; letter-spacing: -1px; color: #fff; font-size: 2.6em; } div.box-f h1 a { text-decoration: none; } div.box-f p { line-height: 1.5; color: #fff; font-size: 1.5em; } div.box-f p.more { margin: 0; } div.box-f a:hover { text-decoration: none; } div.box-f-a { background-color: #FF8929; } div.box-f-b { background-color: #4489AF; } div.box-f-c { background-color: #1D404C; } div.box-f-d { background-color: #97CB56; } div.box-f-g { background-color: #BE5C27; } div.box-f-h { background-color: #292E32; } div.box-f-i { background-color: #7E5A3A; } div.box-f-j { background-color: #EE3338; } div.box-g { overflow: hidden; margin: 0 0 20px -20px; padding: 20px 0 0 30px; } div.box-g + div.box-g { margin-top: -16px; } * html div.box-g { width: 604px; } div.box-g div.column1 { float: left; width: 220px; } div.box-g div.column2 { float: left; width: 385px;} div.box-g div.column1-1 {float: left; width: 300px; padding-right: 20px;} div.box-g div.column2-1 {float: left; width: 280px;} div.box-g p { line-height: 1.5; } div.box-g div.image { display: inline; margin: 0 25px 0 -30px; } div.box-g div.image img { display: block; } div.box-g h2 { margin: 0 0 10px 0; padding: letter-spacing: -1px; font-size: 2em; } div.box-g h2 a { text-decoration: none; } div.box-g p.quote { margin: -10px 0 20px 0; color: #4489AF; letter-spacing: -1px; font-style: italic;} div.box-g p.icons { margin: 20px 0 20px 0; } div.box-g p.icons a { display: block; float: left; margin: 0 35px 0 0; } div.box-g p.icons a img { } div.box-g ul { padding: 0 0 0 18px; font-size: 1em; } div.box-g ul li { margin: 0 0 5px 0;} div.box-g p.more { } div.box-g p.more a { } div.box-g p.more a:hover { } div.box-g a:hover { text-decoration: none; } div.box-g div.addtlInfo { background-color: #FFFFCC; padding: 20px; border: 1px solid #FFCC66; margin: 0 10px 0 -10px; letter-spacing: -1px; display: none;} div.box-g div.addtlInfo ol li, div.box-g div.addtlInfo ul li { line-height: 1.5; margin: 0 0 10px -20px;} div.box-g-a {font-family: Verdana, "Lucida Grande" Arial, Helvetica, sans-serif; } div.box-g-a h2 { color: #4489AF; } div.box-g-a a, div.box-g-a a:hover { color: #4489AF; } div.details-a { margin: 0 0 20px; } div.details-a h2 { margin: 0 0 5px 0; font-size: 1.6em; font-weight: bold; } div.details-a p { font-size: 1.4em; } div.details-a li { font-size: 1.4em; } div.details-a-b { } div.details-a-b h2 { display: inline; margin: 0; } div.details-a-b p { display: inline; margin: 0; } div.project-list div.item {display: none;} div.project-a { position: relative; overflow: hidden; width: 100%; margin: 0 0 25px; padding: 15px 0 0; } div.project-a div.header { float: left; width: 280px; padding: 213px 0 0; } div.project-a div.header h2 { margin: 0; color: #235b58; font-size: 1.6em; font-weight: bold; } div.project-a div.header h2 a { color: #235b58; text-decoration: none; } div.project-a div.header h2 a:hover { color: #235b58; text-decoration: none; } div.project-a div.header p.image { position: absolute; left: 0; top: 15px; } div.project-a div.header p.image img { padding: 10px; width: 256px; border: 1px solid #c9cdcd; } div.project-a div.header p.back { position: absolute; left: 260px; top: 0px; width: 35px; height: 35px; background: url(../images/project-a-bullet-a.png) no-repeat; text-indent: -10001px; } div.project-a div.details { float: right; width: 305px; } div.project-a div.details h2 { font-size: 2em; } div.project-a div.details a { text-decoration: none; } div.project-a div.details ul { list-style: none; margin: 0 0 15px; padding: 0; } div.project-a div.details ul li { margin: 0 0 10px; font-size: 1.4em; } div.project-a div.details ul li strong { color: #4489af; font: bold 1.14em/1 Helvetica,Arial,sans-serif; } div.project-a div.details ul li.alt strong { display: block; } div.project-a div.details p { font-size: 1.4em; } div.person-a { position: relative; min-height: 155px; margin: 0 0 50px; padding: 0 0 0 190px; } * html div.person-a { height: 155px; } div.person-a h3 { color: #4489AF; } div.person-a h3 a { color: #4489AF; text-decoration: none; } div.person-a h3 a:hover { color: #4489AF; text-decoration: none; } div.person-a p { font-size: 1.3em;} div.person-a p.title { margin-top: -15px; } div.person-a p.image { position: absolute; left: 0; top: 0; } div.person-a p.shortBio { } div.person-a p.bioLink {} div.person-a div.bio { position: absolute; left: -180px; top: -400px; z-index: 100; display: none; cursor: pointer; } form.a { display: block; margin: 30px 0; padding: 0; } form.a p { overflow: hidden; width: 100%; } form.a p label { float: left; width: 185px; padding: 3px 10px 0 0; font-size: 1.33em; font-weight: bold; text-align: right; vertical-align: middle; } form.a p input, form.a p select { float: left; width: 250px; padding: 5px; border: 1px solid #ccc; font-size: 14px; vertical-align: middle; } * html form.a p input, * html form.a p select { height: 19px; } form.a p.expire select { width: 120px; margin: 0 10px 0 0;} *:first-child+html form.a p input, *:first-child+html form.a p select { height: 19px; } form.a p textarea { float: left; overflow: auto; width: 250px; padding: 5px; border: 1px solid #ccc; font-size: 14px; vertical-align: middle; } form.a p span.req { float: left; overflow: hidden; width: 9px; height: 9px; margin: 11px 10px; background: url(../images/bullet-d.gif) no-repeat; text-indent: -10001px; } form.a p.req-info { width: auto; margin: 0 0 5px; padding: 0 0 0 195px; } form.a p.req-info span.req { margin: 3px 5px 0 0; } * html form.a p.req-info span.req { display: block; margin-right: 3px; } form.a p.captcha { width: auto; margin: 0 0 10px; padding: 0 0 0 195px; } form.a p.captcha img { vertical-align: middle; } form.a p.checkbox {} form.a p.checkbox label { } form.a p.checkbox span.list { display: block; float: left; padding: 7px 0 0 0; font-size: 1.1em; } form.a p.checkbox span.list input { width: 20px; float: none; margin-bottom: 5px;} form.a p.submit { width: auto; margin: -10px 0 0; padding: 0 0 0 195px; background: url(../images/button-a.png) -10001px -10001px no-repeat; font-size: 1.3em; font-weight: bold; } form.a p.submit button { display: block; width: 219px; height: 55px; padding: 0 0 0 9px; border: none; background: url(../images/button-b.png) 100% 0 no-repeat; color: #fff; font-size: 13px; line-height: 55px; font-weight: bold; text-align: left; } * html form.a p.submit button { line-height: 54px; } form.a p.submit button:focus, form.a p.submit button:hover, form.a p.submit button:active, form.a p.submit button.over { background: url(../images/button-a.png) 100% -55px no-repeat !important; } ul.work-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 0 -7px; padding: 0 0 10px; background: url(../images/work-a-tooltip.gif) -10001px -10001px no-repeat; } ul.work-a li { display: inline; float: left; margin: 0 0 0 7px; padding: 0 0 7px; } ul.work-a li a { float: left; } ul.work-a li img { float: left; } ul#nav_428595 { overflow: hidden; list-style: none; margin: 0 0 12px; padding: 0; } * html ul#nav_428595 { height: 1%; } ul#nav_428595 li { display: inline; padding: 0 16px 0 0; color: #0078a2; font-size: 1.1em; text-transform: lowercase; } ul#nav_428595 li a { color: #0078a2; text-decoration: none; } ul#nav_428595 li a:hover { color: #ff8929; } ul.a { list-style: none; margin: 0; padding: 0; } ul.a li { margin: 0 0 15px; padding: 0 0 0 25px; background: url(../images/bullet-c.gif) 0 2px no-repeat; } ul.b { list-style: none; margin: 0 0 15px; padding: 0; } ul.b li { padding: 0 0 0 12px; background: url(../images/bullet-e.gif) 0 7px no-repeat; font-size: 1.4em; } ul.c { list-style: none; margin: 0 0 15px; padding: 0; } ul.c li { margin: 0 0 10px; } ul.c li a { } ul.tags-a { list-style: none; margin: 0 0 20px; padding: 0; word-spacing: 10px; line-height: 2; } ul.tags-a li { display: inline; } ul.tags-a li a { word-spacing: 0; } p.breadcrumbs-a { margin: 0 0 15px; color: #003e4e; font-size: 1.4em; text-align: right; text-transform: lowercase; } p.breadcrumbs-a span { padding: 0 3px; font-size: 1.5em; line-height: 0.66; } p.breadcrumbs-a a { color: #003e4e; text-decoration: none; } p.breadcrumbs-a strong { color: #ff8929; font-weight: normal; } p.intro-a { font-size: 1.6em; } p.intro-b { font-size: 1.3em; line-height: 1.5; } .sep-a { margin-bottom: 30px; } /* ELEMENTS ------------------------------------------- */ #work-a-tooltip { position: absolute; z-index: 100; width: 200px; top: 1835px; left: 380px; padding: 5px 0 0; background: url(../images/work-a-tooltip.gif) 26px 0 no-repeat; font-size: 1.4em; } #work-a-tooltip span { display: block; padding: 5px 10px; background: #00292f; color: #fff; } /* sidebar */ #box-posts { } #box-posts h2 span { display: block; overflow: hidden; height: 19px; background: url(../images/headers/learn-more-about-us-on-our-blog.png) no-repeat; text-indent: -10001px; } #box-posts ol.blogsitesummary { list-style: none; margin: 0 0 10px; padding: 0; } #box-posts ol.blogsitesummary li { margin: 0 0 8px; padding: 0 0 0 20px; background: url(../images/bullet-a.gif) 0 2px no-repeat; } #box-posts ol.blogsitesummary li a { color: #555; text-decoration: none; } #box-posts ol.blogsitesummary li a:hover { color: #555; text-decoration: underline; } #box-posts ol.blogsitesummary li span.date { display:none;} #box-posts ol.blogsitesummary li span.author { display: none;} #box-newsletter { } #box-newsletter h2 span { display: block; overflow: hidden; height: 17px; background: url(../images/headers/goodbarry-tips-and-tricks.png) no-repeat; text-indent: -10001px; } #box-newsletter div.inner { padding-bottom: 20px; } #box-newsletter p.input { margin: 0 0 5px; } #box-newsletter p.input label { float: left; width: 50px; padding: 1px 0 0; color: #00323c; font-weight: bold; text-transform: lowercase; } #box-newsletter p.input input { width: 160px; padding: 2px 2px; border: none; background: #fff; } #box-newsletter p.submit { margin: -17px 0 0 9px; font-size: 1.3em; font-weight: bold; } #box-newsletter p.submit button { display: block; width: 219px; height: 55px; padding: 0 0 0 9px; border: none; background: url(../images/button-b.png) 100% 0 no-repeat; color: #fff; font-size: 13px; line-height: 55px; font-weight: bold; text-align: left; } * html #box-newsletter p.submit button { line-height: 54px; } #box-newsletter p.submit button:focus, #box-newsletter p.submit button:hover, #box-newsletter p.submit button:active, #box-newsletter p.submit button.over { background: url(../images/button-b.png) 100% -55px no-repeat !important; } #box-account { } #box-account h2 { } #box-account h2 span { display: block; height: 25px; background: url(../images/headers/my-account.png) no-repeat; text-indent: -10001px; } #box-search-marketing { } #box-search-marketing h2 { } #box-search-marketing h2 span { display: block; height: 48px; background: url(../images/headers/search-marketing.png) no-repeat; text-indent: -10001px; } #box-seo-reporting { } #box-seo-reporting h2 { } #box-seo-reporting h2 span { display: block; height: 48px; background: url(../images/headers/seo-reporting.png) no-repeat; text-indent: -10001px; } #box-request-estimate { } #box-request-estimate h2 { } #box-request-estimate h2 span { display: block; height: 48px; background: url(../images/headers/request-estimate.png) no-repeat; text-indent: -10001px; } #box-design-integration { } #box-design-integration h2 { } #box-design-integration h2 span { display: block; height: 48px; background: url(../images/headers/design-integration.png) no-repeat; text-indent: -10001px; } #box-work { } #box-work h2 { } #box-work h2 span { display: block; height: 25px; background: url(../images/headers/our-work.png) no-repeat; text-indent: -10001px; } #box-about { } #box-about h2 { } #box-about h2 span { display: block; height: 25px; background: url(../images/headers/about-us.png) no-repeat; text-indent: -10001px; } #box-video { } #box-video h2 { } #box-video h2 span { display: block; height: 48px; background: url(../images/headers/marketing-videos.png) no-repeat; text-indent: -10001px; } #box-relationships { margin-bottom: 55px; } #box-relationships h2 { } #box-relationships h2 span { display: block; height: 48px; background: url(../images/headers/building-relationships.png) no-repeat; text-indent: -10001px; } #box-relationships p.photo { position: relative; bottom: -45px; margin: -45px 0 0 -20px; } #box-solutions { } #box-solutions h2 { } #box-solutions h2 span { display: block; height: 48px; background: url(../images/headers/solutions-for-business-catalyst.png) no-repeat; text-indent: -10001px; } #box-solutions p.photo { position: relative; margin: 0 0 0 -20px; } #box-portfolio { } #box-portfolio h2 { } #box-portfolio h2 span { display: block; height: 25px; background: url(../images/headers/our-work.png) no-repeat; text-indent: -10001px; } #box-portfolio ul.work-a { width: 190px; } #box-portfolio ul.work-a li span { display: none;} /* home */ .home #main { width: 644px; padding-left: 14px; padding-right: 14px; } .home div.box-c { margin-left: -10px; margin-right: -10px; } .home ul#nav_428595 { padding-left: 20px; } #featured-work { } #featured-work h2 { margin: 0 0 10px 20px; } #featured-work div.wrapper { } #featured-work div.item { position: relative; overflow: hidden; width: 100%; min-height: 164px; margin: 0 0 10px; background: #c73e14; color: #fff; overflow: hidden; } * html #featured-work div.item { overflow: hidden; height: 164px; } #featured-work div.item a { color: #feff8f; text-decoration: none; } #featured-work div.item a:hover { text-decoration: underline; } #featured-work div.item p.image { position: absolute; right: 0; top: 0; margin: 0; } #featured-work div.item h3 { margin: 10px 424px 3px 20px; color: #fff; font-size: 1.8em; line-height: 1.11; font-style: italic; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } #featured-work div.item h3 a { color: #fff; text-decoration: none; } #featured-work div.item p { margin: 0 424px 0 20px; line-height: 1.2; } #latest-news { overflow: hidden; width: 100%; margin: 0 0 10px; } #latest-news div.column { float: right; width: 284px; padding: 10px; border: 5px solid #f2f2d8; background: #f8f8ec url(../images/bg-a.png) repeat-x; } #latest-news div.primary { float: left; } #latest-news div.content { width: 100%; padding: 0 0 1px; } #latest-news a { color: #c73e14; text-decoration: none; } #latest-news a:hover { text-decoration: underline; } #latest-news h2 { color: #c73e14; font-size: 1.8em; letter-spacing: 0; } #latest-news h2 a:hover { color: #f08127; text-decoration: none; } #latest-news ol.blogsitesummary { list-style: none; margin: 0; padding: 0; } #latest-news ol.blogsitesummary li { margin: 0 0 15px; padding: 0 0 0 25px; background: url(../images/bullet-c.gif) 0 2px no-repeat; } #latest-news ol.blogsitesummary li a {} #latest-news ol.blogsitesummary li span.date { font-size: .8em; display: block;} #latest-news ol.blogsitesummary li span.author { display: none;} /* #latest-news p.info { margin: -13px 0 15px; color: #999; font-size: 1em; } #latest-news p.info span { padding: 0 2px; color: #ff8a22; } #latest-news p.info a { color: #999; text-decoration: none; } #latest-news p.info a:hover { color: #444; text-decoration: underline; } */ #latest-news p.more a { color: #0078a2; text-decoration: underline; } #latest-news p.more a:hover { color: #00323c; } #latest-news p.more-a { width: 245px; margin: -10px 0 0 auto; font-size: 1.3em; font-weight: bold; } #latest-news p.more-a a { display: block; width: 236px; height: 35px; padding: 20px 0 0 9px; background: url(../images/button-a.png) 100% 0 no-repeat; color: #fff; text-decoration: none; } #latest-news p.more-a a:focus, #latest-news p.more-a a:hover, #latest-news p.more-a a:active { background-position: 100% -55px; text-decoration: none; } .content-boxes { overflow: hidden; width: 100%; margin: 0 0 10px; } .content-boxes div.column { float: right; width: 270px; padding: 10px; border: 5px solid #f2f2d8; background: #f8f8ec url(../images/bg-a.png) repeat-x; } .content-boxes div.primary { float: left; } .content-boxes div.content { width: 100%; padding: 0 0 1px; } .content-boxes a { color: #c73e14; text-decoration: none; } .content-boxes a:hover { text-decoration: underline; } .content-boxes h2 { color: #c73e14; font-size: 1.8em; letter-spacing: 0; } .content-boxes h2 a:hover { color: #f08127; text-decoration: none; } .content-boxes ol.blogsitesummary { list-style: none; margin: 0; padding: 0; } .content-boxes ol.blogsitesummary li { margin: 0 0 15px; padding: 0 0 0 25px; background: url(../images/bullet-c.gif) 0 2px no-repeat; } .content-boxes ol.blogsitesummary li a {} .content-boxes ol.blogsitesummary li span.date { font-size: .8em; display: block;} .content-boxes ol.blogsitesummary li span.author { display: none;} .content-boxes p.submit, .content-boxes p.more-a { margin: 0 0 0 9px; font-size: 1.3em; font-weight: bold; } .content-boxes p.submit button, .content-boxes p.more-a a { display: block; width: 219px; height: 55px; padding: 0 0 0 9px; border: none; background: url(../images/button-b.png) 100% 0 no-repeat; color: #fff; font-size: 13px; line-height: 55px; font-weight: bold; text-align: left; } * html .content-boxes p.submit button, * html .content-boxes p.more-a a { line-height: 54px; } .content-boxes p.submit button:focus, .content-boxes p.submit button:hover, .content-boxes p.submit button:active, .content-boxes p.submit button.over, .content-boxes p.more-a a:focus, .content-boxes p.more-a a:hover, .content-boxes p.more-a a:active { background: url(../images/button-b.png) 100% -55px no-repeat !important; text-decoration: none; } .content-boxes .column .content .secure-login p { height: 20px;} .content-boxes .column .content .secure-login p.submit, .content-boxes .column .content .forgot-password p.submit { height: 55px;} .content-boxes .column .content .secure-login p#remember-me { padding-left: 100px;} .content-boxes .column .content .secure-login p label { display: block; float: left; font-size: 1.1em; width: 100px; } .content-boxes .column .content .secure-login p input { display: block; float: left; padding: 3px; } .content-boxes .column .content.forgot-password { display: none; } #home-promo { margin: -10px 0 10px -10px; } #designers-hub { margin: 0 -10px; padding: 20px 30px; background: #ebebc2; } div.box-c + #designers-hub { margin-top: -16px; } #designers-hub h2 { color: #00323c; } #designers-hub p.intro { color: #00323c; font-size: 1.7em; font-style: italic; } #designers-hub p { color: #00323c; } #designers-hub p a { color: #00323c; } #designers-hub p a:hover { text-decoration: none; } #designers-hub div.box-b { float: right; width: 239px; margin: 0 0 0 20px; } #designers-hub div.box-b h2 { background-image: url(../images/box-b-header-a-dh.png); } #designers-hub div.box-b h2 span { display: block; overflow: hidden; height: 19px; background: url(../images/headers/top-reasons-for-using-simpleflame.png) no-repeat; text-indent: -10001px; } #designers-hub div.box-b div.outer { background-image: url(../images/box-b-shadow-a-dh.png); } #designers-hub div.box-b div.inner { padding-bottom: 20px; border-left: 1px solid #eeeed6; } * html #designers-hub div.box-b div.inner { height: 1%; } #designers-hub div.box-b p.more-a { } #designers-hub div.box-b p.more-a a { background-image: url(../images/button-c.png); color: #fff; } #designers-hub div.box-b ul li { background-image: url(../images/bullet-b.gif); } /* pages */ #project { margin: 0 0 30px; } #project div.design-only { display: none; } #project div.details { overflow: hidden; width: 100%; } #project div.details div.primary { float: left; position: relative; overflow: hidden; width: 515px;} #project div.details div.primary div.wrapper { } #project div.details div.primary div.wrapper img { } #project div.details div.primary div.wrapper img.design-only { position: absolute; top: 0; right: 0; z-index: 100; display: none; } #slider { position: relative; left: 0; top: 0; list-style: none; width: 1%; margin: 0; padding: 0; } #slider li { float: left; margin: 0 0 10px; } #project div.details div.stripTransmitter { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 0; } #project div.details div.stripTransmitter ul { position: relative; float: right; list-style: none; margin: 0; padding: 0; } #project div.details div.stripTransmitter ul li { float: left; width: 20px; margin: 0 0 4px 4px; font: bold 1.1em/20px Arial,Helvetica,sans-serif; } #project div.details div.stripTransmitter a { display: block; background: #ff8929; color: #fff; text-align: center; text-decoration: none; } #project div.details div.stripTransmitter a:hover, #project div.details div.stripTransmitter a.current { background: #0078a2; color: #fff; } #project div.details div.secondary { float: right; width: 89px; } #project div.details div.secondary ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; } #project div.details div.secondary ul li { float: left; width: 100%; margin: 0 0 3px; font-size: 1.1em; } #project div.details div.secondary ul li a { display: block; padding: 5px; background: #ff8929; color: #fff; text-decoration: none; } #project div.details div.secondary ul li a:hover, #project div.details div.secondary ul li a:focus { background: #0078a2; color: #fff; text-decoration: none; } /* blog */ #blog { width: 930px; margin: 0 0 10px 25px; padding: 0 0 20px; background: #fff; } #blog div.blog-header { overflow: hidden; width: 100%; margin: 0 0 30px; padding: 20px 0; background: #ff8929; color: #fff; } #blog div.blog-header h1 { display: inline; float: left; margin: 0 0 0 30px; color: #fff; font-size: 4.8em; line-height: 1.2; } #blog div.blog-header p { display: inline; float: right; margin: 15px 30px 0 0; color: #fff; font-size: 1.4em; line-height: 1; font-weight: bold; } #blog div.blog-header p a { float: left; padding: 15px 0 5px 40px; background: url(../images/blog-feed-a.png) no-repeat; color: #fff; text-decoration: none; } #blog div.blog-header p a:hover { color: #fff; } #blog div.blog-content { overflow: hidden; width: 100%; } #blog div.blog-content div.primary { display: inline; float: left; width: 535px; margin: 0 0 0 30px; } #blog div.blog-content div.secondary { display: inline; float: right; width: 310px; margin: 0 30px 0 0; } #blog div.blog-content div.secondary ol.blogsitesummary, #blog div.blog-content div.secondary div.BlogPostArchive ul { list-style: none; margin: 0; padding: 0; } #blog div.blog-content div.secondary ol.blogsitesummary li, #blog div.blog-content div.secondary div.BlogPostArchive ul li { margin: 0 0 15px; } #blog div.blog-content div.secondary ol.blogsitesummary li span.date, #blog div.blog-content div.secondary ol.blogsitesummary li span.author { display: none;} #blog div.blog-content div.secondary div.BlogTagList ul { list-style: none; margin: 0 0 20px; padding: 0; line-height: 2; } #blog div.blog-content div.secondary div.BlogTagList ul li { display: inline; margin: 0 10px 0 0; } #blog div.blog-content div.secondary div.BlogTagList li a { word-spacing: 0; } #blog h1 { font-size: 3.6em; } #blog h2 { font-size: 2.6em; } #blog h3 { font-size: 2.2em; } #blog h4 { font-size: 1.8em; } #blog h5 { font-size: 1.6em; } #blog a { color: #003e4e; } #blog a:hover { color: #003e4e; text-decoration: none; } #blog h1, #blog h2, #blog h3, #blog h4, #blog h5 { color: #003e4e; line-height: 1; } #blog h1 a, #blog h2 a, #blog h3 a, #blog h4 a, #blog h5 a { color: #003e4e; text-decoration: none; } div.post { margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #ffc494; } div.post div.header { margin: 0 0 30px; } div.post div.header p.date { margin: -5px 0 15px; color: #003e4e; font-weight: bold; } div.post div.body { overflow: hidden; width: 100%; font-size: 1em; line-height: 1.7em; } div.post blockquote { margin: 0 0 15px; padding: 20px 20px 5px; background: #ffc494; font-style: italic; } div.post div.footer { overflow: hidden; width: 100%; margin: 15px 0 0; } div.post div.footer p.info { float: right; } div.post div.footer p.info a { text-decoration: none; } div.post div.footer p.info a:hover { text-decoration: underline !important; } div.post div.footer p.info span { padding: 0 10px; color: #ffb87f; } #blog div.comments-a { display: none; } #blog div.comment-list { } #blog div.comment-list h3 { font-size: 2.0em; } #blog div.comment-list div.comment { display: block; overflow: hidden; } #blog div.comment-list div.comment h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 13px; } #blog div.comment-list div.comment h4 span { color: #f90; } #blog div.comment-list div.comment h4 span.author { } #blog div.comment-list div.comment p { line-height: 1.4em; margin: 0 0 15px; padding: 0 0 15px 0; border-bottom: 1px dashed #C0C0C0; } #blog div.trackbacks { display: none; } #blog div.trackbacks div.trackback { display: block; overflow: hidden; color: #a4a4a4; } #blog div.trackbacks div.trackback h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 13px; } #blog div.trackbacks div.trackback h4 span { color: #f90; } #blog div.trackbacks div.trackback h4 span.title { text-transform: uppercase; } #blog div.trackbacks div.trackback p { line-height: 1.4em; margin: 0 0 15px; } #blog div.trackbacks div.trackback p.date { color: #f90; } #add-comment { display: block; margin: 20px 0 55px; } #add-comment h3 { font-size: 1.1em; color: #f90; font-weight: bold; } #add-comment form { padding: 0; } #add-comment p { display: block; overflow: hidden; clear: both; margin: 0 0 10px; } #add-comment p label { display: block; float: left; width: 60px; margin-top: 2px; } #add-comment p.a label { display: block; float: none; width: auto; margin-bottom: 5px; } #add-comment p.captcha { margin-bottom: 0; } #add-comment p.captcha label { margin-bottom: 0; } #add-comment p input { width: 205px; height: 20px; padding-top: 4px; border: 1px solid #C0C0C0; } #add-comment p.captcha input { float: left; margin: 5px 16px 0 0; } #add-comment textarea { overflow: auto; width: 522px; height: 96px; padding-top: 4px; border: 1px solid #C0C0C0; } #add-comment p.submit { width: auto; margin: -10px 0 0; background: url(../images/button-a.png) -10001px -10001px no-repeat; font-size: 1.3em; font-weight: bold; } #add-comment p.submit button { display: block; width: 219px; height: 55px; padding: 0 0 0 9px; border: none; background: url(../images/button-b.png) 100% 0 no-repeat; color: #fff; font-size: 13px; line-height: 55px; font-weight: bold; text-align: left; } * html #add-comment p.submit button { line-height: 54px; } #add-comment p.submit button:focus, #add-comment p.submit button:hover, #add-comment p.submit button:active, #add-comment p.submit button.over { background: url(../images/button-a.png) 100% -55px no-repeat !important; } /* Ecommerce ---------------------------*/ #template-additional { display: none; margin: 30px 0 0 0;} #template-additional p { font-size: 1.3em; line-height: 140%; } /* .catalog-description { display: none; }*/ li.quantity input { width: 100px;} .productLarge { width: 100%; } .productPoplets tr td { padding: 5px;} .productPoplets tr td img { border: 1px solid #ccc; } .productItem { height: 300px; padding: 35px 0 25px 0; position: relative; width: 100%; border-bottom: 1px solid #CCC;} .productItem div.image-container { float: left; width: 300px; padding: 0 30px 0 0; } #main .productItem div.image-container div.image img { border: none; padding: 0; width: 300px; } .productItem div.details { float: right; width: 275px; } .productItem div.details h2 { font-size: 1.8em; } .productItem div.details a { text-decoration: none; } .productItem div.details ul { list-style: none; margin: 0 0 15px; padding: 0; } .productItem div.details ul li { margin: 0 0 10px; font-size: 1.4em; } .productItem div.details ul li strong { color: #4489af; font: bold 1.14em/1 Helvetica,Arial,sans-serif; } .productItem div.details ul li.alt strong { display: inline; } .productItem div.details p { font-size: 1.4em; } .productItem div.details div.submit { padding: 10px 0 0 0;float:left;} .productItem div.details div.submit a { border: none; background: #ff7800; padding: 10px; color: #fff; font: bold 1.8em Arial, Helvetica, sans-serif; cursor: pointer;} .productItem .btnAddToCart { display: none; } .productLarge .productItem .btnAddToCart { display: block; } .productLarge .productItem .btnAddToCart input { border: none; background: #ff7800; padding: 10px; color: #fff; font: bold 1.8em Arial, Helvetica, sans-serif; cursor: pointer; } .productItem div.details div.large-product { display: none; } .productItem div.details div.small-product p { font-size: 1.4em; } .productItem div.details div.small-product ul { padding: 0 0 0 20px; } .productItem div.details div.small-product ul li {font-size: 1em; margin: 0 0 5px; } div.productAttributes {} div.productAttributes div.catProductAttributeGroup {} div.productAttributes div.catProductAttributeGroup div.catProdAttributeTitle { color: #4489af; font: bold 1.24em/1 Helvetica,Arial,sans-serif; margin: 10p 0 20px 0; } div.productAttributes div.catProductAttributeGroup div.catProdAttributeItem { margin: 10px 0 20px 0; } div.productAttributes div.catProductAttributeGroup div.catProdAttributeItem input { margin: 0 10px 0 0; border: none;} div.productAttributes div.catProductAttributeGroup div.catProdAttributeItem span { font-size: 1.2em;} div.productAttributes div.catProductAttributeGroup div.catProdAttributeItem img { display: none; } /* Checkout Form --------------------------------------------*/ .form-a em { position: absolute; top: -999em; left: -999em; } .form-a div.section { display: block; padding: 0 0 0 75px; position: relative; overflow: hidden; border: none; margin-bottom: 10px; } .form-a div.section h3 { position: absolute; left: 0; top: 20px; width: 60px; text-align: right; color: #5d5d5d; font: bold 1.4em/1 Helvetica, Arial, sans-serif; } .form-a div.section div { margin: 0 20px 10px 0; padding: 0 0 0 11px; float: left; } .form-a div.section div label { font: normal 1.1em/1.4 Arial, Helvetica, sans-serif; display: block; color: #000; white-space: nowrap; } .form-a div.section div input { width: 100%; border: 1px solid #ccc; padding: 5px; font-size: 1.3em; } .form-a div.section div.mandatory { background: url(../images/bullet-d.gif) 0 24px no-repeat; } .form-a div.section div.checkbox { padding-top: 3px; width: 100% !important; float: left; margin-bottom: 15px; } .form-a div.section div.checkbox input { width: auto; height: auto; border: 0; padding: 0; margin: 0 10px 0 2px; } .form-a div.section div.checkbox label { display: inline; font-weight: bold; color: #585858; font-size: 1.2em; } .form-a div.section div.radio { width: 100%; float: left; margin-bottom: 15px; } .form-a div.section div.radio input { width: auto; border: 0; padding: 0; margin: 0 10px 0 2px; } .form-a div.section div.radio label { display: inline; color: #343434; font-size: 1.2em; } .form-a div.nolabel { padding-top: 11px; } .form-a div.nolabel h3 { top: 15px; } .form-a div.nolabel div.mandatory { background-position: 0 10px; } .form-a div.account div.email-field { width: 232px; } .form-a div.account div.pass { width: 135px; } .form-a div.name div { width: 232px; } .form-a div.section div.contact-address-1, .form-a div.section div.contact-address-2 { width: 232px; } .form-a div.section div.contact-address-3 { width: 127px; } .form-a div.section div.contact-address-4 { width: 74px; } .form-a div.section div.contact-address-5 { width: 97px; } .form-a div.section div.contact-address-6 select { width: 380px; } .form-a div.instructions div { width: 409px; padding-top: 10px; } .form-a div.instructions h3 { width: 150px; top: 15px; } .form-a div.instructions { padding: 0 0 0 163px; } .form-a div.section div.checkbox { width: 500px !important; } .form-a div.address div.checkbox { padding-top: 15px; } .form-a div.comments textarea { border: 1px solid #ccc; padding: 3px; width: 490px; } .form-a { font-family: Helvetica, Arial, sans-serif; } .form-a .info-snippet { padding: 0 10px; } #content .form-a div.section-title { padding: 20px 10px 0; margin: 20px 0 15px; overflow: hidden; background: url(../images/form-border.gif) 0 0 repeat-x; } #content .form-a div.section-title.first { padding: 0 10px; background: none; } #content .form-a div.section-title h2 { float: left; margin: 0 34px 0 0; font-size: 1.9em; color: #4489AF;} #content .form-a div.section-title p.mandatory { float: left; margin: 0 0 2px; } #content .form-a p.mandatory { padding: 0 0 0 20px; font: normal 1.1em Arial, Helvetica, sans-serif; color: #214c77; background: url(../images/bullet-d.gif) 0 50% no-repeat; } #content .form-a p.mandatory em {position: absolute; top: -999em; left: -999em; } .form-a .section { padding: 0 10px; } .form-a .section h3 { width: 50px; font-size: 1.4em; color: #585858; } .form-a select { padding: 4px; font-size: 1.3em; } .form-a #credit-card-information div.section { padding-left: 140px; } .form-a #credit-card-information div.section h3 { width: 130px; text-align: right; } .checkout-form #credit-card-information input.a { width: 254px; } .checkout-form #credit-card-information input.b { width: 74px; } .checkout-form #credit-card-information div.section { padding: 11px 0 0 140px; } .checkout-form #credit-card-information div.section h3 { top: 15px; width: 130px; } .checkout-form #credit-card-information div.section div { background-position: 0 10px; } .checkout-form #credit-card-information div.radio { position: relative; width: 470px; } .checkout-form #credit-card-information div.radio img { vertical-align: middle; margin-bottom: 1px;} .checkout-form #credit-card-information div.radio label { margin-right: 10px; } .checkout-form #credit-card-information a { text-decoration: underline; font-weight: bold; color: #2b72b5; } .checkout-form #credit-card-information a:hover { text-decoration: none; } .checkout-form #credit-card-information div.expiration div { margin-right: 10px; } .checkout-form #credit-card-information div.expiration div select { width: 105px; } .checkout-form #credit-card-information #f-payment-card-type { width: 234px; } .checkout-form #credit-card-information #f-cc-ccv { margin-right: 16px; } .checkout-form #order-summary div { position: relative; margin: 0 0 0 150px; padding: 3px 121px 0 21px; width: 123px; height: 29px; background: #FF8929; font-size: 2.0em; color: #fff; } .checkout-form #order-summary div .order-summary-value { display: block; position: absolute; top: 3px; right: 22px; width: 150px; text-align: right; } .checkout-form #order-summary div .order-summary-value input { border: 0; width: 110px; background: #FF8929; color: #fff; } .checkout-form .submit { width: 170px; height: 28px; padding-left: 27px; margin-left: 245px; margin-top: 12px; overflow: hidden; background: url(../images/ico-lock.gif) 0 50% no-repeat; } .checkout-form .submit button { display: block; width: 143px; height: 28px; overflow: hidden; background: url(../images/bttn-submit-order.png) 0 0 no-repeat; text-indent: -100001em; border: 0; } .checkout-form .submit button:hover { background-position: 0 -32px; } /* Shopping cart ------------------------------------------- */ #shopping-cart-form table { width: 100%; border-collapse: collapse; margin: 0 0 20px; } #shopping-cart-form .productitemcell { height: 20px; padding-top: 20px;} #shopping-cart-form .col1 { padding-left: 18px; white-space: nowrap; width: 270px; } #shopping-cart-form thead th.col1 { background: #4489AF; } #shopping-cart-form .col2 { width: 80px; } #shopping-cart-form .col3 { width: 90px; } #shopping-cart-form .col4 { width: 60px; } #shopping-cart-form .col5 { width: 77px; } #shopping-cart-form .col6 { padding-right: 18px; background: #4489AF; } #shopping-cart-form td, #shopping-cart-form th { border: 0; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #shopping-cart-form thead th {overflow: hidden; height: 30px; color: #fff; font-size: 1.6em; line-height: 1.3em; text-align: left; background: #4489AF; } #shopping-cart-form td { padding-top: 0; font-size: 1.2em; color: #214c77; } #shopping-cart-form .first td { padding-bottom: 20px; } #shopping-cart-form td.col1 { padding-left: 18px; } #shopping-cart-form .first td.col1 { } #shopping-cart-form a:hover { text-decoration: none; } #shopping-cart-form .col1 a { font-size: 1.1em; color: #6b95b9; } #shopping-cart-form td input { width: 30px; color: #214c77; } #shopping-cart-form td { line-height: 1.6em; } #shopping-cart-form td.total { font-size: 1.4em; } #shopping-cart-form .toymaker { text-transform: uppercase; color: #585858; } #shopping-cart-form tr.subtotal th, #shopping-cart-form tr.subtotal td { padding: 20px 0 10px; background: url(../images/h1-border.html) 0 32px repeat-x; border-top: 1px dashed #CCC; } #shopping-cart-form tr.subtotal th.col1 { padding-left: 20px; } #shopping-cart-form tbody th { text-align: left; } #shopping-cart-form tr.subtotal th { color: #899207; font-size: 1.3em; } #shopping-cart-form tr.subtotal td#subtotal-items { } #shopping-cart-form tr.code th { color: #214c77; } #shopping-cart-form tr.code th, #shopping-cart-form tr.code td { padding-bottom: 8px; } #shopping-cart-form tr.shipping th { color: #899207; font-size: 1.4em; } #shopping-cart-form tr.shipping th, #shopping-cart-form tr.shipping td { padding-bottom: 44px; } #shopping-cart-form label { float: left; width: 139px; padding-top: 3px; } #shopping-cart-form input { float: left; padding: 0 8px; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #214c77; } #shopping-cart-form select { float: left; width: 235px; font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #214c77; } #shopping-cart-form tr.code th input { float: left; width: 119px; margin-right: 10px; } #shopping-cart-form tr.code a { float: left; font-size: 1em; padding-top: 3px; } #shopping-cart-form tr.total th, #shopping-cart-form tr.total td { padding-top: 0; padding-bottom: 0; height: 31px; background: #4489AF; font-size: 1.8em; line-height: 1.3em; color: #fff; } #shopping-cart-form tr.total .col1 { background: #4489AF; text-transform: uppercase; } #shopping-cart-form tr.total .total { text-align: right; padding-right: 25px; background: #4489AF; } #shopping-cart-form .submit { float: right; } #shopping-cart-form .submit a#catshopclear, #shopping-cart-form .submit a#catshopbuy { float: left; width: 106px; height: 23px; overflow: hidden; text-indent: -100001em; border: 0; margin-right: 16px; } #shopping-cart-form .submit a#catshopclear { background: url(../images/bttn-empty-cart.png) 0 0 no-repeat; } #shopping-cart-form .submit a#catshopbuy { background: url(../images/bttn-chceck-out-shc.png) 0 0 no-repeat; } #shopping-cart-form .submit a#catshopclear:hover, #shopping-cart-form .submit a#catshopbuy:hover { background-position: 0 -33px; } #shopping-cart-form .continue-shopping { float: left; margin-left: 5px; padding-top: 5px; } /* Product Comparision Table ---------------------------*/ #product-comparison { border: 1px solid #CECECE; width: 100%; margin-bottom: 10px;} #product-comparison thead {} #product-comparison thead tr {background-color: #F3F3DB; font-size: 1.2em;} #product-comparison thead tr th { padding: 10px;} #product-comparison thead tr th.column1 { text-align: left;} #product-comparison tbody {} #product-comparison tbody tr {} #product-comparison tbody tr.odd { } #product-comparison tbody tr.colhead { background-color: #F3F3DB; font-size: 1.2em;} #product-comparison tbody tr.colhead th { padding: 10px;} #product-comparison tbody tr th { text-align: left; padding: 10px 10px 10px 15px;} #product-comparison tbody tr td { text-align: center; padding: 5px;} #product-comparison tfoot {} #product-comparison tfoot tr {} #product-comparison tfoot tr td#pricetext { padding: 15px; font-size: 1.3em; font-weight: bold;} #product-comparison tfoot tr th { padding: 10px; } #product-comparison tfoot tr th .btnSignUp { margin: 5px 0 0 0; width: 86px; height: 28px;} #product-comparison tfoot tr th .btnSignUp input { background: url(../images/btn-hosting-signup.png) top left no-repeat; border: none; width: 86px; height: 28px; cursor: pointer; } #product-comparison .productTable { display: none; border: none; } /* Order List -------------------------------------*/ ul.order-list { width: 100%; border: none; list-style: none; padding: 0; margin: 0; } ul.order-list li { padding: 10px; border-bottom: #CCCCCC dashed 1px; } ul.order-list li:hover { background: #F3F3DB;} ul.order-list li.head { background-color: #F3F3DB; font-weight: bold; border: none;} ul.order-list li span { display: block; float: left; } ul.order-list li span.invoice-number { width: 65px;} ul.order-list li span.invoice-date { width: 100px; } ul.order-list li span.create-date { display: none; } ul.order-list li span.order-id { display: none; } ul.order-list li span.invoice-amount { width: 75px; } ul.order-list li span.amount-paid { display: none; } ul.order-list li span.invoice-name { width: 250px; } ul.order-list li span.invoice-action { width: 75px; } /* Work Order List -------------------------------------*/ ul.work-orders li span.invoice-number { display: none; } ul.work-orders li span.create-date { width: 165px; display: block; } ul.work-orders li span.invoice-date { display: none; } ul.work-orders li.head span.invoice-date { width: 165px; display: block; } /* Order List Table -------------------------------------*/ table.order-list { width: 100%; border: none; } table.order-list tbody tr.alt, table.order-list thead tr { background-color: #F3F3DB } table.order-list thead tr { font-weight: bold; } table.order-list tr td { padding: 10px; border: none;} table.order-list tbody tr td span.invoice-number { display: block; } table.order-list tbody tr td.outstanding-balance { font-weight: bold; font-size: 1.2em; color: red; } /* Cart Summary -------------------------------------*/ #shopping-cart-items {background-color: #168b8a; padding: 7px; position: absolute; bottom: 0; right: 0; color: #fff; display: none;} .cartSummaryItem a { color: #fff; } .cartSummaryItem a:hover { text-decoration: none; } .home #shopping-cart-items { bottom: -30px; } /* Case List -------------------------------------*/ ul.case-list { width: 100%; border: none; list-style: none; padding: 0; margin: 0; } ul.case-list li { padding: 10px; border-bottom: #CCCCCC dashed 1px; } ul.case-list li:hover { background: #F3F3DB;} ul.case-list li.head { background-color: #F3F3DB; font-weight: bold; border: none;} ul.case-list li span { display: block; float: left; } ul.case-list li span.case-status { width: 150px; } ul.case-list li span.case-last-update { width: 175px; } ul.case-list li span.case-subject { width: 255px; } /* SupportCast Styles ---------------------------------------*/ ul.support-videos { list-style: none; padding: 0; margin: 0;} ul.support-videos li { display: block; padding: 10px 0 10px 5px; } ul.support-videos li.video_alternate { background-color: #F3F3DB; } ul.support-videos li.head { font-weight: bold; background-color: #F3F3DB; } ul.support-videos li span { display: block; float: left; font-size: 1.1em; } ul.support-videos li span.video-date { width: 100px;} ul.support-videos li span.video-name { width: 420px; padding: 0 5px 0 0;} ul.support-videos li span.video-url { width: 80px; } /* Partner Support Add to cart Buttons --------------------------------------------*/ div.submit { padding: 10px 0 0 0;} div.submit a { border: none; background: #ff7800; padding: 10px; color: #fff; font: bold 1.8em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: none; } div.submit a:hover { color: #fff; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right;padding-bottom: 0.7em; } /* tabs */ /* root element */ ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #COCOCO; } /* s*/ ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a backgro*/ ul.tabs a { background: #4489AF; font-size:11px; display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none; color: #fff; padding:0px; margin:0 5px 0 0; position:relative; top:1px; } ul.tabs a:active { outline:none; background-color: #97CB56; } /* when mouse enters the tab move the backgro*/ ul.tabs a:hover { color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the backgrou*/ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-color: #97CB56; cursor:default !important; color:#000 !important; } /* initially all panes a*/ div.panes div.pane { display:none; padding-top: 20px; } /* blog captcha v2 */ .captcha-item {margin-bottom: 15px;} .captcha-item label {font-size:1.2em;} .captcha-item input {border:1px solid #C0C0C0;height:20px;padding-top:4px;width:205px; float:left;} .captchaimg {width:175px; float:left;} /* WIDGET DEMO STYLES */ .widget-demo #main{ width:843px; background-image:url(../images/content-e.png); } .widget-demo #content div.content-inner{ background-position:41px 0; background-image:url(../images/content-f.gif); } .widget-demo #content div.content-outer{ background-position:41px 100%; background-image:url(../images/content-g.gif); margin-bottom:14px; } .widget-demo .wrapper{ padding-right:10px; padding-bottom:30px; } .widget-buy-now { padding:10px 0 0; } .widget-buy-now a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -x-system-font:none; background:#4489AF none repeat scroll 0 0; border:medium none; color:#FFFFFF; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-size:1.8em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:10px; text-decoration:none; } .widget-buy-now a:hover{ background-color:#FF7800; } a.widget-demo{ color:#FFF; background-color:#4489AF; padding:5px 10px; margin-bottom:10px; font-size:18px; text-decoration:none; margin:30px auto 0; display:block; text-align:center; font-weight:bold; } a.widget-demo:hover{ background-color:#FF7800; } .hidden{display:none;} .float-right{ float:right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #groupinglist .productItem{ height:auto; padding: 5px 0; } #groupinglist .productTable{ margin:20px 0 40px 0; border-top:1px solid #CCC; } #productname, #groupinglist{ display:none; } #widget-template h2. prodGroupingTitle{ color:#4489AF; font:bold 1.24em/1 Helvetica,Arial,sans-serif; } #widget-template #productname, #widget-template #groupinglist{ display:block; } #widget-template .productItem div.details{ width:375px; } #widget-template .productItem div.image-container{ width:200px; } #widget-template #main .productItem div.image-container div.image img{ width:200px; } #widget-template .breadcrumbs-a{ display:none; } #widget-template .productSelectInput{ font-size:.9em; } #widget-template .productItem div.details ul{ list-style:circle; margin:0 0 10px 40px; } #widget-template .productItem div.details ul li{ font-size:12px; } #widget-template .productItem div.details .price-quantity{ list-style:none outside none; margin:20px 0 15px; } #widget-template .productItem div.details .price-quantity li{ font-size:1.4em; } #widget-template .small-product-view .large-product-view-only{ display:none; } #widget-template .browse-widgets{ display:block; margin:10px 0; } #widget-template .browse-widgets a{ color:#FFF; background-color:#4489AF; padding:3px 6px; margin-bottom:10px; font-size:12px; text-decoration:none; } div.small-product-view div.details div.submit a, .productItem div.details div.submit a {background:none;} .productItem div.details div.submit a {padding:0px; margin:0px;} div.btnAddToCart img {cursor:pointer;} h2.tv {color:#4489AF;}p.banner {margin-left:-30px;}