html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body { background: #F5F4F4 url(images/bg_body.gif) repeat-x; font-family: Arial, Verdana, sans-serif }
strong { font-weight: bold }
#wrapper { width: 885px; margin: 0 auto }
#header { position: relative; border-top: 10px solid #faa71b; height:112px }
#logo { margin-top: 5px; }
#logo a { display: block; width: 205px; height: 55px; background: url(images/logo.gif) no-repeat }
#logo a span { display: none }
/* Top Navigation */
#topnav { position: absolute; top: 0px; right: 0px; width: 670px; border-bottom: 1px solid #cccbca; height: 19px }
#topnav { z-index: 20 }
#topnav ul { float: right }
#topnav ul li { display: inline }
#topnav ul li a { display: block; float: left; height: 19px; margin-right: 15px }
#topnav li li a { display: block; font-size: 11px; padding: 5px; height: auto; float: none; margin-right: 0px }
#topnav li:last-child a { margin-right: 0px }
#topnav li li a:hover{ background: #FAA71B }
#topnav li li { display: block }
a#home0 { display: block; background: url(images/topnav.gif) 0px top no-repeat; width: 33px }
a#about-us0 { display: block; background: url(images/topnav.gif) -46px top no-repeat; width: 52px }
a#news--events0 { display: block; background: url(images/topnav.gif) -113px top no-repeat; width: 82px }
a#insights0 { display: block; background: url(images/topnav.gif) -208px top no-repeat; width: 48px }
a#careers0 { display: block; background: url(images/topnav.gif) -271px top no-repeat; width: 48px }
a#contact-us0 { display: block; background: url(images/topnav.gif) -333px top no-repeat; width: 62px }
a#home0 span, a#about-us0 span, a#news--events0 span, a#insights0 span, a#careers0 span, a#contact-us0 span { display: none }
#mainnav { position: absolute; bottom: 0px; right: 0px; width: 676px; height: 70px; z-index: 10 }
#mainnav ul li { display: inline; float: left }
#mainnav ul li a { display: block; float: left }
#topnav li ul ul, #mainnav li li ul { display: none }
#mainnav li ul, #mainnav li ul li, #mainnav li ul li a { clear: left }
a#solutions0 { display: block; background: url(images/mainnav2.gif) 0px top no-repeat; width: 135px; height: 16px }
a:hover#solutions0, a#solutions0.on { background: url(images/mainnav2.gif) 0px -70px no-repeat; }
a#portals--applications1 { position: relative; display: block; background: url(images/mainnav2.gif) 0px -16px no-repeat; width: 135px; height: 12px }
a:hover#portals--applications1, a#portals--applications1.on { background-position: 0px -86px }
a#web--ecommerce1 { position: relative; display: block; background: url(images/mainnav2.gif) 0px -28px no-repeat; width: 135px; height: 12px }
a:hover#web--ecommerce1, a#web--ecommerce1.on { background-position: 0px -98px }
a#connected-devices1 { position: relative; display: block; background: url(images/mainnav2.gif) 0px -40px no-repeat; width: 135px; height: 12px }
a:hover#connected-devices1, a#connected-devices1.on { background-position: 0px -110px }
a#cloud-applications1 { position: relative; display: block; background: url(images/mainnav2.gif) 0px -52px no-repeat; width: 135px; height: 12px }
a:hover#cloud-applications1, a#cloud-applications1.on { background-position: 0px -122px }
a#portals--applications1 span, a#web--ecommerce1 span, a#connected-devices1 span, a#cloud-applications1 span, a#user-research--requirements1 span, a#application--portal-strategy1 span, a#design-exploration--concepting1 span, a#business-case--roadmap-development1 span, a#interaction-design1 span, a#visual-design--branding1 span, a#content-services1 span , a#usability-engineering1 span, a#user-interface-technical-architecture1 span, a#rapid-prototype-development1 span, a#user-interface-technology-delivery1 span, a#client-list1 span, a#case-studies1 span { display: none }
a#strategy-services0 { display: block; background: url(images/mainnav2.gif) -137px top no-repeat; width: 140px; height: 16px }
a:hover#strategy-services0, a#strategy-services0.on { background: url(images/mainnav2.gif) -137px -70px no-repeat; }
a#user-research--requirements1 { position: relative; display: block; background: url(images/mainnav2.gif) -137px -16px no-repeat; width: 140px; height: 12px }
a:hover#user-research--requirements1, a#user-research--requirements1.on { background-position: -137px -86px }
a#application--portal-strategy1 { position: relative; display: block; background: url(images/mainnav2.gif) -137px -28px no-repeat; width: 140px; height: 12px }
a:hover#application--portal-strategy1, a#application--portal-strategy1.on { background-position: -137px -98px }
a#design-exploration--concepting1 { position: relative; display: block; background: url(images/mainnav2.gif) -137px -40px no-repeat; width: 140px; height: 12px }
a:hover#design-exploration--concepting1, a#design-exploration--concepting1.on { background-position: -137px -110px }
a#business-case--roadmap-development1 { position: relative; display: block; background: url(images/mainnav2.gif) -137px -52px no-repeat; width: 140px; height: 12px }
a:hover#business-case--roadmap-development1, a#business-case--roadmap-development1.on { background-position: -137px -122px }
a#design--usability-services0 { display: block; background: url(images/mainnav2.gif) -280px top no-repeat; width: 170px; height: 16px }
a:hover#design--usability-services0, a#design--usability-services0.on { background: url(images/mainnav2.gif) -280px -70px no-repeat; }
a#interaction-design1 { position: relative; display: block; background: url(images/mainnav2.gif) -280px -16px no-repeat; width: 170px; height: 12px }
a:hover#interaction-design1, a#interaction-design1.on { background-position: -280px -86px }
a#visual-design--branding1 { position: relative; display: block; background: url(images/mainnav2.gif) -280px -28px no-repeat; width: 170px; height: 12px }
a:hover#visual-design--branding1, a#visual-design--branding1.on { background-position: -280px -98px }
a#content-services1 { position: relative; display: block; background: url(images/mainnav2.gif) -280px -40px no-repeat; width: 170px; height: 12px }
a:hover#content-services1, a#content-services1.on { background-position: -280px -110px }
a#usability-engineering1 { position: relative; display: block; background: url(images/mainnav2.gif) -280px -40px no-repeat; width: 170px; height: 12px }
a:hover#usability-engineering1, a#usability-engineering1.on { background-position: -280px -110px }
a#ui-technology-services0 { display: block; background: url(images/mainnav2.gif) -450px top no-repeat; width: 150px; height: 16px }
a:hover#ui-technology-services0, a#ui-technology-services0.on { background: url(images/mainnav2.gif) -450px -70px no-repeat; }
a#user-interface-technical-architecture1 { position: relative; display: block; background: url(images/mainnav2.gif) -450px -16px no-repeat; width: 150px; height: 12px }
a:hover#user-interface-technical-architecture1, a#user-interface-technical-architecture1.on { background-position: -450px -86px }
a#rapid-prototype-development1 { position: relative; display: block; background: url(images/mainnav2.gif) -450px -28px no-repeat; width: 150px; height: 12px }
a:hover#rapid-prototype-development1, a#rapid-prototype-development1.on { background-position: -450px -98px }
a#user-interface-technology-delivery1 { position: relative; display: block; background: url(images/mainnav2.gif) -450px -40px no-repeat; width: 150px; height: 12px }
a:hover#user-interface-technology-delivery1, a#user-interface-technology-delivery1.on { background-position: -450px -110px }
/* Technology Services Changes */
a#technology-services0 { display: block; background: url(images/mainnav2.gif) -450px top no-repeat; width: 150px; height: 16px }
a:hover#technology-services0, a#technology-services0.on { background: url(images/mainnav2.gif) -450px -70px no-repeat; }
a#technical-architecture1 { position: relative; display: block; background: url(images/mainnav2.gif) -450px -16px no-repeat; width: 150px; height: 12px }
a:hover#technical-architecture1, a#technical-architecture1.on { background-position: -450px -86px }
a#rapid-prototype-development1 { position: relative; display: block; background: url(images/mainnav2.gif) -450px -28px no-repeat; width: 150px; height: 12px }
a:hover#rapid-prototype-development1, a#rapid-prototype-development1.on { background-position: -450px -98px }
a#technology-delivery1 { position: relative; display: block; background: url(images/mainnav2.gif) -450px -40px no-repeat; width: 150px; height: 12px }
a:hover#technology-delivery1, a#technology-delivery1.on { background-position: -450px -110px }
a#technology-partners1 { position: relative; display: block; background: url(images/mainnav2.gif) -450px -52px no-repeat; width: 150px; height: 12px }
a:hover#technology-partners1, a#technology-partners1.on { background-position:-450px -122px; }
a#portals--applications1 span, a#web--ecommerce1 span, a#connected-devices1 span, a#cloud-applications1 span, a#user-research--requirements1 span, a#application--portal-strategy1 span, a#design-exploration--concepting1 span, a#business-case--roadmap-development1 span, a#interaction-design1 span, a#visual-design--branding1 span, a#content-services1 span , a#usability-engineering1 span, a#technical-architecture1 span, a#rapid-prototype-development1 span, a#technology-delivery1 span, a#client-list1 span, a#case-studies1 span, a#technology-partners1 span { display: none }
/* End Technology Services Changes */
a#clients0 { display: block; background: url(images/mainnav2.gif) -600px top no-repeat; width: 76px; height: 16px }
a:hover#clients0, a#clients0.on { background: url(images/mainnav2.gif) -600px -70px no-repeat; }
a#client-list1 { position: relative; display: block; background: url(images/mainnav2.gif) -600px -16px no-repeat; width: 70px; height: 12px }
a:hover#client-list1, a#client-list1.on { background-position: -600px -86px }
a#case-studies1 { position: relative; display: block; background: url(images/mainnav2.gif) -600px -28px no-repeat; width: 70px; height: 12px }
a:hover#case-studies1, a#case-studies1.on { background-position: -600px -98px }
a#solutions0 span, a#strategy-services0 span, a#design--usability-services0 span, a#technology-services0 span, a#clients0 span { display: none }
#mainbody { position: relative; clear: both }
#mainbody .mngteam { text-decoration: none; color: #666 }
#footer { position: relative; font-size: 10px; color: #999; padding: 5px }
#footernav { position: absolute; right: 5px; top: 5px }
#footernav ul li { display: inline; padding-left: 10px }
#footernav ul li a { color: #999; text-decoration: none }
/* Homepage */
#homebanner { background: url(images/testimg/homebanner.jpg) no-repeat; height: 350px }
#homecontainer { background: url(images/testimg/homegrid_in.gif) no-repeat; width: 885px; margin-top: 15px }
#homecontainer_in { background: url(images/testimg/homegrid_bottom.gif) bottom no-repeat; width: 885px }
.griditem { width: 201px; float: left; overflow: hidden; padding: 10px; font-size: 11px }
.gridcontact h3, .gridcontact h3 a, .gridcontact h4 { color: #faa71b; text-decoration: none }
.gridnews h3, .gridnews h3 a, .gridnews span { color: #c0cc00; text-decoration: none }
.newsitem li { margin-bottom: 10px}
li.papericon a { display: block; padding-left: 15px; background: url(images/icon_document.gif) no-repeat }
.newsitem a { text-decoration: none }
.gridevents h3, .gridevents h3 a, .gridevents span { color: #3fb5e7; text-decoration: none }
.gridwp, .gridwp h3 a { color: #b9b0ac; text-decoration: none }
.gridnews a, .gridevents a, .gridwp a { color: #333}
.gridcontact a { color: #3fb5e7 }
.griditem h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase }
.griditem h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px }
.greytext td, .greytext td a { color: #948683; text-decoration: none }
/* Secondary */
#container { position: relative; background:#fff url(images/bg_leftbar_top.gif) no-repeat left top; }
#mainbody #whitecontainer { background: #FFF; padding: 20px; border-top:3px solid #FAA71B; height:100%; }
#mainbody .whitecontainer { background:#fff; width:885px; height:100%;}
#sidebar { width: 211px; float: left; }
#cs_sidebar .blogul, #cs_sidebar .whitepaperul {list-style: none; padding-left: 0px }
/*#sidebar .sideround { width: 211px; height: 38px; background: url(images/bg_leftbar_top.gif) no-repeat left top; }*/
#infobox { position: absolute; top: 38px; left: 0; width: 171px; padding: 15px 20px; font-size: 11px; color: #999; background: #fff; }
#infobox h4 { margin-bottom: 10px; font-size: 12px; color: #666 }
#infobox .infocontent { line-height: 16px}
#infobox a, #infobox .orange { color: #3399cc }
#infobox .upper { text-transform: uppercase }
.sidebarblock { width: 197px; margin-bottom: 10px }
#solsidebar .sidebarblock h3, #sidebar .sidebarblock h3, #cs_sidebar .sidebarblock h3 { background: url(images/sideblock_title.gif) no-repeat; height: 41px; line-height: 41px; padding: 0 10px; margin-bottom: 0px;font-size: 11px; color: #faa71b; font-weight: bold }
.sidebarcontent { background: url(images/sideblock_bg.gif) no-repeat; padding: 10px; font-size: 11px; color: #666; line-height: 14px }
.sidebarcontent p { margin-bottom: 10px }
.sidebarcontent a { color: #3399cc; text-decoration: none }
.sidebarcontent ul { margin: 10px; padding-left: 10px; list-style: disc }
.sidebarcontent ul li { }
.sidebarfooter { background: url(images/sideblock_footer.gif) no-repeat; height: 5px }
#solsidebar ul.whitepaperul, #solsidebar ul.blogul,#solsidebar ul.webcastul, #solsidebar ul.casestudyul, #solsidebar ul.testimonialul, #solsidebar ul.eventul,#cs_sidebar ul.whitepaperul, #cs_sidebar ul.blogul,#cs_sidebar ul.webcastul, #cs_sidebar ul.casestudyul, #cs_sidebar ul.testimonialul, #cs_sidebar ul.eventul { margin: 0; padding: 0; list-style: none }
.whitepaperul li, .blogul li, .testimonialul li, .eventul li, .webcastul li, .casestudyul li, .testimonialul li { margin-bottom: 10px }
.whitepaperul li a, .blogul li a, a.wpblocklink, .webcastul li a, .eventul li a, .casestudyul li a, .testimonialul li a { display: block; padding-left: 30px }
#solsidebar li p a, #cs_sidebar li p a { padding-left: 0px }
.whitepaperul li a span, .blogul li a span { text-decoration: none; color: #666 }
.testimonialul li { background: url(/uploads/file/testimonial.gif ) 5px 0px no-repeat; padding-left: 30px }
.whitepaperul li { background: url(images/licon_pdf.gif) 5px 0px no-repeat }
.blogul li { background: url(images/licon_blog.gif) 5px 0px no-repeat}
.webcastul li { background: url(/uploads/file/webcast.gif) 5px 0px no-repeat}
.casestudyul li { background: url(/uploads/file/case-study.gif) 5px 0px no-repeat }
.eventul li { background: url(/uploads/file/events.gif ) 5px 0px no-repeat }
#solsidebar .awardicons ul, #cs_sidebar .awardicons ul, #solsidebar .authoricons ul, #cs_sidebar .authoricons ul { margin: 10px 0; padding: 0; list-style: none }
#solsidebar .awardicons ul li, #cs_sidebar .awardicons ul li { background: url(/uploads/file/awards.gif) 5px 0px no-repeat; padding-left: 30px; padding-bottom: 10px }
#solsidebar .authoricons ul li, #cs_sidebar .authoricons ul li { background: url(/uploads/file/profile.gif) 5px 0px no-repeat; padding-left: 30px; padding-bottom: 10px }
#solsidebar .awardicons li ul, #cs_sidebar .awardicons li ul, #solsidebar .authoricons li ul, #cs_sidebar .authoricons li ul { padding-left: 20px }
#solsidebar .awardicons ul li li, #cs_sidebar .awardicons ul li li, #solsidebar .authoricons ul li li, #cs_sidebar .authoricons ul li li { background: none; padding-left: 0px; list-style: disc }
#sideimg { position: absolute; bottom: 30px; left: 0; height: 500px; width: 211px; background-position: left top; background-repeat: no-repeat }
.footer1 #sidefooter { position:relative; bottom:30px; width: 171px; }
.footer1 #sidefooter { position: absolute; bottom: 0px; left: 0px; background: #333; padding: 20px }
.footer1 #sidefooter h4 { color: #faa71b; font-size: 12px; font-weight: bold; margin-bottom: 15px }
.footer1 #sidefooter table tr td, #sfright table tr td { font-size: 11px; color: #CCC; padding: 3px 10px 3px 0 }
.footer1 #sidefooter table tr td a, #sfright table tr td a { color: #CCC; text-decoration: none }
#maincontent { width: 620px; height: 100%; float: right; padding: 25px; background: #FFF; border-top: 3px solid #faa71b; border-left:4px solid #e9e6e5;}
#maincontent h3 { color: #999; font-size: 14px; margin-bottom: 10px; text-transform: uppercase }
.bodytext { font-size: 12px; color: #666; line-height: 18px }
.bodytext a { color: #3399cc; text-decoration: none }
.bodytext p { margin-bottom: 15px }
.bodytext strong { font-weight: bold }
.bodytext ul { padding-left: 30px; margin-bottom: 5px }
.bodytext ol { padding-left: 30px; margin-bottom: 15px; list-style: decimal }
.bodytext ul li, .bodytext ol li { margin-bottom: 10px; list-style: disc }
.bodytext li li { list-style: circle }
.bodytext li li li { list-style: disc }
.bodytext li li li li { list-style: circle}
.sectext { margin-right: 240px }
.resultitem { padding-bottom: 10px }
.toptitle { color: #999 }
.resultitem h4 { font-size: 14px; }
.resultitem p { margin-bottom: 5px }
/* Solutions */
.solblock { position: relative; width: 211px; height: 470px; float: left; font-size: 11px; color: #666; line-height: 14px; margin-right: 2px; background: url(images/solutions/sol_hp_blockbg.gif) repeat-y }
.portalblock { }
.portalblockcontent, .riablockcontent, .connectedblockcontent, .desktopblockcontent, .mobileblockcontent { padding: 10px 10px 10px 10px; }
.portalblock h2 a { display: block; background: url(images/solutions/sol_hp_portals_applications_top.gif) no-repeat; height: 50px }
.portalblockfooter, .riablockfooter, .connectedblockfooter, .desktopblockfooter, .mobileblockfooter { position: absolute; bottom: 0px; display: block; width: 221px; height: 24px }
.portalblockfooter { background: url(images/solutions/sol_hp_portals_applications_bottom.gif) no-repeat }
.portalblockfooter span, .riablockfooter span, .connectedblockfooter span, .desktopblockfooter span, .mobileblockfooter span { display: none }
#cs_portal { background: url(images/solutions/sol_hp_portals_cases.gif) no-repeat; width: 197px; height: 126px }
.riablock { }
.riablock h2 a { display: block; background: url(images/solutions/sol_hp_web_ecommerce_top.gif) no-repeat; height: 50px }
.riablockfooter { background: url(images/solutions/sol_hp_web_ecommerce_bottom.gif) no-repeat; }
#cs_ria { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_ria_cases.gif) no-repeat; width: 197px; height: 126px }
.connectedblock { }
.connectedblock h2 a { display: block; background: url(images/solutions/sol_hp_connected_devices_top.gif) no-repeat; height: 50px }
.connectedblockfooter { background: url(images/solutions/sol_hp_connected_devices_bottom.gif) no-repeat; }
#cs_connected { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_connected_cases.gif) no-repeat; width: 197px; height: 126px }
.desktopblock { }
.desktopblock h2 a { display: block; background: url(images/solutions/sol_hp_cloud_applications_top.gif) no-repeat; height: 50px }
.desktopblockfooter { background: url(images/solutions/sol_hp_cloud_applications_bottom.gif) no-repeat; }
#cs_desktop { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_desktop_cases.gif) no-repeat; width: 197px; height: 126px }
.mobileblock { }
.mobileblock h2 a { display: block; background: url(images/solutions/sol_hp_cloud_applications_top.gif) no-repeat; height: 50px }
.mobileblockfooter { background: url(images/solutions/sol_hp_cloud_applications_bottom.gif) no-repeat; }
#cs_mobile { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_mobile_cases.gif) no-repeat; width: 197px; height: 126px }
.portalblock h2 span, .riablock h2 span, .connectedblock h2 span, .desktopblock h2 span, .mobileblock h2 span { display: none }
.solblocklist { list-style: none; padding: 0; margin-bottom: 10px; height: 85px }
.solblocklist li { margin-bottom: 5px }
.solblocklist li a { display: block; background: url(images/solutions/subnav_left.gif) left top no-repeat; height: 19px; font-size: 11px; text-decoration: none; color: #666 }
.solblocklist li a span { display: block; cursor: pointer; background: url(images/solutions/subnav_right.gif) right top no-repeat; height: 19px; line-height: 19px; padding: 0px 5px }
.portalblockcontent .solblocklist li a:hover { background-position: 0px -19px }
.portalblockcontent .solblocklist li a:hover span { background-position: right -19px }
.riablockcontent .solblocklist li a:hover { background-position: 0px -38px }
.riablockcontent .solblocklist li a:hover span { background-position: right -38px }
.mobileblockcontent .solblocklist li a:hover { background-position: 0px -57px }
.mobileblockcontent .solblocklist li a:hover span { background-position: right -57px }
.desktopblockcontent .solblocklist li a:hover { background-position: 0px -76px }
.desktopblockcontent .solblocklist li a:hover span { background-position: right -76px }
.connectedblockcontent .solblocklist li a:hover { background-position: 0px -76px }
.connectedblockcontent .solblocklist li a:hover span { background-position: right -76px }
#cs_portal { background: url(/uploads/cs/cs_block/csbg_portal.gif) }
#cs_ria { background: url(/uploads/cs/cs_block/csbg_we.gif) }
#cs_connected { background: url(/uploads/cs/cs_block/csbg_connected.gif) }
/** Changed These **/
#cs_desktop { background: url(/uploads/cs/cs_block/csbg_mobile.gif) }
#cs_mobile { background: url(/uploads/cs/cs_block/csbg_desktop.gif) }
#cs_portal, #cs_ria, #cs_connected, #cs_desktop, #cs_mobile { position: absolute; bottom: 30px; left: 7px; width: 177px; height: 99px; padding: 30px 10px 10px 10px; }
#cs_portal li, #cs_ria li, #cs_connected li, #cs_desktop li, #cs_mobile li { margin-bottom: 5px }
#cs_portal a, #cs_ria a, #cs_connected a, #cs_desktop a, #cs_mobile a { text-decoration: none; color: #666 }
#bigcontainer { min-height: 800px; background-color: #FFF; background-position: bottom right; background-repeat: no-repeat; border-top: 3px solid #faa71b; padding: 20px 15px }
#sectionnav ul li { display: inline }
#sectionnav ul li a { display: block; float: left; height: 36px }
#sectionnav ul li a span { display: none }
/*Original Styles*/
/*
a#portals--applications_sol { background: url(images/solutions/portals.gif) no-repeat; width: 211px }
a#web--ecommerce_sol { background: url(images/solutions/rich.gif) no-repeat; width: 210px }
a#cloud-applications_sol { background: url(images/solutions/mobile.gif) no-repeat; width: 210px }
a#connected-devices_sol { background: url(images/solutions/connected.gif) no-repeat; width: 210px }
*/
a#portals--applications_sol { background: url(images/solutions/portals_applications.gif) no-repeat; width: 211px }
a#web--ecommerce_sol { background: url(images/solutions/web_ecommerce.gif) no-repeat; width: 210px }
a#cloud-applications_sol { background: url(images/solutions/cloud_applications.gif) no-repeat; width: 210px }
a#connected-devices_sol { background: url(images/solutions/connected_devices.gif) no-repeat; width: 210px }
/*Original On Styles*/
/*
a#portals--applications_sol.on { background: url(images/solutions/portals_on.gif) no-repeat; width: 255px }
a#web--ecommerce_sol.on { background: url(images/solutions/rich_on.gif) -1px no-repeat; width: 254px }
a#cloud-applications_sol.on { background: url(images/solutions/mobile_on.gif) -1px no-repeat; width: 254px }
a#connected-devices_sol.on { background: url(images/solutions/connected_on.gif) -1px no-repeat; width: 254px }
*/
a#portals--applications_sol.on { background: url(images/solutions/portals_applications_on.gif) no-repeat; width: 255px }
a#web--ecommerce_sol.on { background: url(images/solutions/web_ecommerce_on.gif) -1px no-repeat; width: 254px }
a#cloud-applications_sol.on { background: url(images/solutions/cloud_applications_on.gif) -1px no-repeat; width: 254px }
a#connected-devices_sol.on { background: url(images/solutions/connected_devices_on.gif) -1px no-repeat; width: 254px }
#solcontainer { clear: both; background: #FFF; border-left: 1px solid #bdbcbd; border-right: 1px solid #bdbcbd; height: 100%; padding: 20px; }
#solcontent { width: 618px; float: left }
#solsubnav ul li { display: inline }
#solsubnav ul li a { display: block; float: left; background: url(images/solutions/subnav_left.gif) left top no-repeat; height: 19px; font-size: 11px; text-decoration: none; margin-right: 10px; color: #666 }
#solsubnav ul.subportal li a:hover, #solsubnav ul.subportal li a.on { background-position: 0px -19px }
#solsubnav ul.subria li a:hover, #solsubnav ul.subria li a.on { background-position: 0px -38px }
#solsubnav ul.submobile li a:hover, #solsubnav ul.submobile li a.on { background-position: 0px -57px }
#solsubnav ul.subconnected li a:hover, #solsubnav ul.subconnected li a.on { background-position: 0px -76px }
#solsubnav ul li a span { cursor: pointer; display: block; background: url(images/solutions/subnav_right.gif) right top no-repeat; height: 19px; line-height: 19px; padding: 0px 15px }
#solsubnav ul.subportal li a:hover span, #solsubnav ul.subportal li a.on span { background-position: right -19px }
#solsubnav ul.subria li a:hover span, #solsubnav ul.subria li a.on span { background-position: right -38px }
#solsubnav ul.submobile li a:hover span, #solsubnav ul.submobile li a.on span { background-position: right -57px }
#solsubnav ul.subconnected li a:hover span, #solsubnav ul.subconnected li a.on span { background-position: right -76px }
#solsubnav ul li:last-child { clear: left }
#solsidebar { width: 200px; padding: 0px; float: right }
#cs_sideblock { overflow:hidden; width:197px; height:114px; margin-top: 20px; padding-top: 25px; margin-bottom: 10px }
#solfooter { min-height: 30px; background: #333; padding: 20px 25px }
#sfleft { color: #faa71b; font-size: 12px; font-weight: bold; margin-bottom: 15px; width: 200px; float: left }
#sfright ul { float: left; width: 200px }
#sfright ul li { font-size: 11px; color: #999 }
/* News and Events */
.newsevents td { padding: 5px 0 }
.newsevents td ul { padding: 0 20px 0 0; list-style: none}
.newsevents td ul li { margin-bottom: 10px }
.newsevents td ul li a { color: #3399cc; text-decoration: none; cursor: pointer }
#maincontent .normgreytext, #solcontainer .normgreytext, #bigcontainer .normgreytext { color: #666; text-decoration: none }
/* Case Studies */
#cs_container { background: #FFF; border-top: 3px solid #faa71b; padding: 20px 15px }
#cs_content { width: 640px; float: left }
.cs_summary { width: 400px; font-size: 16px; font-weight: bold; color: #666; padding: 15px 0px }
.subgallery { width: 330; float: right; padding: 0 20px 20px 20px; text-align: right }
.subgallery img { padding: 0 0 10px 10px }
#cs_content p strong { text-transform: uppercase; color: #faa71b }
#cs_content .bodytext { margin-right: 150px }
#clientgrid { width:670px; margin: 0 auto; list-style: none }
#clientgrid li { float: left; margin-right: 10px; margin-bottom: 10px; list-style: none }
#cs_sidebar { width: 200px; float: right }
#cs_cases_block { position: relative; background: url(images/casestudies/side_cs_block.gif) no-repeat; width: 197px; height: 248px; padding-top: 25px; margin-bottom: 10px; overflow: hidden }
#cs_items { height: 220px }
.csblock, .csblockon { width: 90px; display:block; height: 51px; float: left; margin-left: 5px; margin-bottom: 5px }
.csblockon, .csblock:hover { background-position: left 51px }
.csblock span, .csblockon span { display: none }
#cs_nav { position: absolute; bottom: 3px; right: 10px }
#cs_prev { display: block; float: left; width: 11px; height: 14px; background: url(images/arr_left.gif) left top no-repeat }
#cs_next { display: block; float: left; width: 11px; height: 14px; background: url(images/arr_right.gif) left top no-repeat }
#cs_prev span, #cs_next span { display: none }
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{
width:197px;
height:220px;
overflow:hidden;
}
#thumbslider ul, #thumbslider li{
margin:0;
padding:0;
list-style:none;
}
#thumbslider, #thumbslider li{
width:270px;
height:90px;
overflow:hidden;
}
span#prevBtn { position: absolute; bottom: 3px; right: 25px; display: block; width: 11px; height: 14px; background: url(images/arr_left.gif) left -14px no-repeat}
span#nextBtn { position: absolute; bottom: 3px; right: 10px; display: block;width: 11px; height: 14px; background: url(images/arr_right.gif) left -14px no-repeat }
span#prevBtn a { display: block; width: 11px; height: 14px; background: url(images/arr_left.gif) left top no-repeat}
span#nextBtn a { display: block;width: 11px; height: 14px; background: url(images/arr_right.gif) left top no-repeat }
span#prevBtn a span, span#nextBtn a span { display: none }
/* Contact Us */
#loclist { padding: 0 }
#loclist li { display: block; overflow: hidden; float: left; height: 108px; margin-right: 3px; padding: 15px 10px }
#loclist li strong { text-transform: uppercase }
#loclist li p { margin: 10px 0 }
#loclist li br { line-height: 10px }
#loclist li:last-child { margin-right: 0px }
#locboston, #locnewyork, #locchicago { width: 163px; }
#locsf, #loctoronto { width: 120px; }
#locboston { background: url(images/location/box_boston.gif) no-repeat; }
#locnewyork { background: url(images/location/box_newyork.gif) no-repeat; }
#locchicago { background: url(images/location/box_chicago.gif) no-repeat; }
#locsf { background: url(images/location/box_sanfrancisco.gif) no-repeat; }
#loctoronto { background: url(images/location/box_toronto.gif) no-repeat; }
.submitform td { padding: 5px 0 }
.submitform #special-text { display:none; } /*Hidden field for bots */
.contacttable { width: 100% }
.thirdbox { width: 80px; padding-right: 10px }
.thirdbox input { width: 170px; }
.thirdbox input, .contacttable textarea { border: 1px solid #999; color: #666; padding: 2px 4px }
input.errorout, textarea.errorout { border: 1px solid #F00 }
.submitbox { background: url(images/but_submit.gif) no-repeat; width: 92px; height: 15px; border: none }
.orangetitle { color: #FAA71A; text-transform: uppercase; font-size: 1em }
.orangetitle span { font-weight: normal; text-transform: none }
.success { background: #F4F4F4; padding: 20px; margin: 10px 0 }
/* VideoLoader */
#videoblock {}
.videoitem { padding: 5px }
.videoitem img { float: left; margin-right: 15px }
#videoadblock { float: left; width: 200px }
.videodesc { margin: 10px 0 }
#videoviewblock { float: left; width: 510px }
#jqgoogle { float: right; width: 200px; text-align: center; height: 320px }
#closebox { margin-top: 30px }
.jqmOverlay { background-color: #000; }
.clear { clear: both; height: 1px; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px }