*{
 margin: 0; 
padding: 0; 
border: 0; 
vertical-align: top; 
/*font-family : Verdana, Arial, sans-serif; */

}

img{ border: 0;	display: inline; }
table, input{ border-collapse: collapse; border-spacing: 0;}
ul,ol{


 margin-left: 0; 
list-style: none;
/*font-family : Verdana, Arial, sans-serif; */
font-size:15px; color: #666; 



}

#orangediv{margin-left:525px;padding-left:525px;}
*html #orangediv{cursor: pointer;
position: fixed !important;
z-indez:9999999;
}
*html #header fieldset#login_form{ position: absolute; padding-right: 55px; top: 0; font-size: 10px; padding-top: 4px; float:right }


img{ border: 0;	display: inline; }
table, input{ border-collapse: collapse; border-spacing: 0;}
html, body{ margin:0; padding:0; text-align:center; }
body { behavior:url(csshover.htc); bacground: none; }

#page{ position: relative; width:770px; margin: 0 auto; text-align:left; }

#header{ height:96px; width:100%; background: url(images/header_bg.gif) no-repeat; z-index: 10; }
.margin{ border-bottom: 27px solid #36414C; margin-bottom: -20px; }
#subheader, #subheader_company, #subheader_contact{ width:100%; z-index: 5; }
div.homepage#subheader { height:235px; background: url(images/subheader_bg.jpg) no-repeat top right; margin-bottom: 34px; }
div.submenu#subheader { height:27px; background: #36414C; margin-bottom: 8px; }
#leftcol{ float:left; width:221px; }
#twocols{ float:right; width:549px; overflow:hidden }
div.submenu#wrapper{ margin-top: 34px; }
#rightcol{ position:relative; float:right; width:233px; padding-left: 20px; }
#meet_the_team{ position:relative; float:right; width:217px; padding: 0; margin-top: 15px; background: url(images/meet_the_team_bg.gif) top right repeat-y; }
#maincol{ position: relative; float: left; display:inline; width:276px; padding-left: 20px; }
#maincol_company{ position: relative; float: left; display:inline; width:296px; padding: 0; }
/*#footer{ position: relative; clear:both; width: 100%; height:130px; background: url(images/footer_bg.gif) no-repeat top right; margin-top: 17px; }*/
/* Float containers fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

#header h1 a{ position: absolute; left: 5px; top: 47px; display: block; width:250px;height:40px; background: url(images/logo.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#header a.site_map_link{ position: absolute; left: 5px; top: 5px; background: url(images/site_map.gif) no-repeat 0 2px; padding-left: 15px; color: white; text-decoration: none; font-size: 10px; }
#header a.site_map_link:hover{ text-decoration: underline; }
#header ul#menu{ position: absolute; top: 96px; left: 0; width: 114px; height: 27px; }
#header ul#menu li{ display: block; float: left; background: white; height: 27px; }
#header ul#menu li a.mb_home{ width: 57px; background: white url(images/mb_home.gif);display: block; height: 27px; float: left; text-indent: -5000px; overflow: hidden; }
#header ul#menu li a.mb_blog{ width: 57px; background: white url(images/mb_blog.gif);display: block; height: 27px; float: left; text-indent: -5000px; overflow: hidden; }
#header ul#menu li a:hover, #header ul#menu li a.active{ background-position: 0 -27px; }
	
#header span#call_us{ display: none; }
#header fieldset#login_form{ position: absolute; right: 0; top: 0; font-size: 10px; padding-top: 4px; }


#header fieldset#login_form label{ color: #B9BDC1; text-transform: uppercase; }
#header fieldset#login_form input.text{ background: #B9BDC1; color: #36414C; height: 13px !important; height: 12px; font-size: 10px; }
#header fieldset#login_form input.button{ width: 23px; height: 22px; margin-top: -4px; background: url(images/go_button.gif) no-repeat top right; font-size: 1px; padding-top: 10px; color: #F7A912; }

#subheader_company{ margin-top: 35px; background: url(images/company_bg.jpg) no-repeat top right; }
#subheader_contact{ border-top: 4px solid #36414C; padding-top: 7px; background: url(images/contact_bg.jpg) no-repeat 100% 7px; }
#featured_services{ display: block; width: 201px; height: 144px; background: #5E6169; color: white; }
#featured_services h2{ display: block; width: 201px; height: 34px; background: url(images/featured_services.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#featured_services li a{ display: block; width: 158px; height: 43px; margin-left: 11px; text-indent: -5000px; overflow: hidden; }
#featured_services li a.website_doctor{ margin-top: 5px; background: url(images/website_doctor.gif) no-repeat; }
#featured_services li a.ecommerce_tutorials{ margin-top: 5px; background: url(images/ecommerce_tutorials.gif) no-repeat; }

#subheader #featured_services{ display: block; width: 221px; height: 176px; background: #5E6169; color: white; }
#subheader #featured_services h2{ display: block; width: 221px; height: 34px; background: url(images/featured_services.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#subheader #featured_services li a{ display: block; width: 158px; height: 43px; margin-left: 31px; text-indent: -5000px; overflow: hidden; }
#subheader #featured_services li a.website_doctor{ margin-top: 16px; background: url(images/website_doctor.gif) no-repeat; }
#subheader #featured_services li a.ecommerce_tutorials{ margin-top: 9px; background: url(images/ecommerce_tutorials.gif) no-repeat; }
#subheader #logos li{ display: block; float: left; height: 60px; text-indent: -5000px; overflow: hidden; }
#subheader #logos li.dannon{ width: 111px; background: url(images/l_dannon.gif) no-repeat; }
#subheader #logos li.loreal{ width: 110px; background: url(images/l_loreal.gif) no-repeat; }
#subheader #logos li.gap{ width: 110px; background: url(images/l_gap.gif) no-repeat; }
#subheader #logos li.directv{ width: 110px; background: url(images/l_directv.gif) no-repeat; }
#subheader #logos li.warner{ width: 109px; background: url(images/l_warner.gif) no-repeat; }
#subheader #logos li.cnn{ width: 91px; background: url(images/l_cnn.gif) no-repeat; }
#subheader a.estimate{ position: absolute; top: 272px; left: 641px; display: block; width: 129px; height: 60px; background: url(images/estimate.gif) no-repeat; text-indent: -5000px; overflow: hidden; }

#leftcol #featured_case_study{ position: relative; display: block; width: 221px; background: #f1f1f1 url(images/featured_case_study_bg.gif) no-repeat bottom right; font-size: 10px; color: #666666; padding-bottom: 7px;}
#leftcol div.small#featured_case_study{ width: 201px; margin-top: 8px; }
#leftcol #featured_case_study h2{ display: block; width: 221px; height: 28px; background: url(images/featured_case_study.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol div.small#featured_case_study h2{ width: 201px; }
#leftcol #featured_case_study img{ margin: 17px 0 10px 13px; }
#leftcol div.small#featured_case_study img{ margin: 10px 0 10px 5px; }
#leftcol #featured_case_study h3 a{ color: #666666; text-decoration: underline; font-size: 11px; font-weight: bold; padding: 0 15px;}
#leftcol #featured_case_study p{ padding: 5px 15px; }
#leftcol #featured_case_study a.read_more{ padding: 0 15px; color: #0192de; text-decoration: underline; }
#leftcol #featured_case_study ul#paging{ display: block; height: 12px; margin: 15px 0 0 15px; }
#leftcol #featured_case_study ul#paging li{ display: block; width: 12px; height: 12px; float: left; margin-right: 3px; }
#leftcol #featured_case_study ul#paging li a{ display: block; width: 10px; height: 12px; float: left; background: #afb0b4; color: white; font-weight: bold; text-decoration: none; padding-left: 2px; }
#leftcol #featured_case_study ul#paging li a:hover{ background: #ef8d00; }
#leftcol #featured_case_study a.more{ position: absolute; left: 170px; bottom: 4px !important; bottom: 2px; display: block; width: 43px; height: 12px; background: url(images/more.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol div.small#featured_case_study a.more{ left: 150px; }
#c1{ display: block; }
#c2, #c3, #c4, #c5, #leftcol #featured_case_study ul#paging{ display: none; }
#leftcol #expert_chat{ text-align: center; margin-top: 20px; font-size: 10px; color: #666; }
#leftcol #expert_chat a{ display: block; width: 162px; height: 43px; background: url(images/chat.jpg) no-repeat; text-align: left; padding: 5px 0 0 57px; text-decoration: none; font-size: 10px; color: #666; margin-bottom: 5px; border: 1px solid #97999F }
#leftcol div.narrow#expert_chat{ width: 201px; }
#leftcol div.narrow#expert_chat a{ width: 149px; padding-left: 50px; }
#leftcol #expert_chat a strong{ color: #0192de; font-size: 11px; text-transform: uppercase; display: block; }
#leftcol #featured_services{ display: block; width: 201px; padding-bottom: 14px; background: #DFDFDF; }
#leftcol #featured_services h2{ display: block; width: 201px; height: 32px; background: url(images/featured_services_2.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol #featured_services li a{ display: block; width: 201px; height: 45px; margin-left: 0; text-indent: -5000px; overflow: hidden; }
#leftcol #featured_services li a.website_doctor{ margin-top: 10px; background: url(images/website_doctor_2.gif) no-repeat; }
#leftcol #featured_services li a.ecommerce_tutorials{ margin-top: 8px; background: url(images/ecommerce_tutorials_2.gif) no-repeat; }

#leftcol h2.subjects{ display: block; width: 201px; height: 33px; background: url(images/subjects.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol h2.archives{ display: block; width: 201px; height: 34px; background: url(images/archives.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol h2.authors{ display: block; width: 201px; height: 34px; background: url(images/authors.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol h2.blogroll{ display: block; width: 201px; height: 34px; background: url(images/ecp_blogroll.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol ul.left_nav{ width: 201px; }
#leftcol ul.left_nav li{ display: block; width: 100%; height: 19px; border-bottom: 1px solid #c4c4c4; background: #eee; }
#leftcol ul.left_nav li a{ display: block; width: 184px; height: 16px; padding: 3px 0 0 17px; background: url(images/left_nav_bg.gif) no-repeat 7px 7px; color: #333; text-decoration: none; font-size: 15px; }
#leftcol ul.left_nav li a:hover{ text-decoration: underline; }
#leftcol ul.left_nav li a.active{ text-decoration: none; font-weight: normal; color: white; background: #A6A7AB url(images/left_nav_bg.gif) no-repeat 7px 7px; }
#leftcol #write_for_us{ display: block; width: 201px; background: #41a5d8 url(images/write_bg.jpg) repeat-x; font-size: 15px; color: white; padding-bottom: 10px; border-bottom:5px solid #fff; }
#leftcol #write_for_us h2{ display: block; width: 201px; height: 27px; background: url(images/write_to_us.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol #write_for_us p{ padding: 8px; }
#leftcol #write_for_us p a{ color: white; }
#leftcol #write_for_us a.learn_more{ display: block; width: 68px; height: 23px; margin-left: 120px; background: url(images/learn_more.gif) no-repeat; text-indent: -5000px; overflow: hidden; }

#leftcol h2.view_case_study{ display: block; width: 201px; height: 33px; background: url(images/view_case_study.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#leftcol h2.before_after_showcase{ display: block; width: 201px; height: 33px; background: url(images/before_after_showcase.gif) no-repeat; text-indent: -5000px; overflow: hidden; }

#leftcol h2.why_us{ display: block; width: 201px; height: 35px; background: url(images/why_ecommerce.gif); text-indent: -5000px; overflow: hidden; }
#leftcol ul.why{ background: #eee; width: 201px; padding-bottom: 7px; }
#leftcol ul.why li{ display: block; font-size: 11px; padding: 0 10px 0 43px; margin-bottom: 10px; color: #36414C; }
#leftcol ul.why li.w1{ background: url(images/01.gif) no-repeat 10px 0; }
#leftcol ul.why li.w2{ background: url(images/02.gif) no-repeat 10px 0; }
#leftcol ul.why li.w3{ background: url(images/03.gif) no-repeat 10px 0; }
#leftcol a.link_more{ font-size: 11px; color: #36414C; text-decoration: underline; padding: 0 16px 0 0; background: url(images/link_more.gif) no-repeat 100% 3px; }

#leftcol h2.departments{ display: block; width: 93px; height: 13px; margin: 19px 0; background: url(images/departments.gif); text-indent: -5000px; overflow: hidden; }
#leftcol #contact_mails{ font-size: 11px; }
#leftcol #contact_mails dt{ font-weight: bold; }
#leftcol #contact_mails dd a{ display: block; font-weight: normal; color: #42A6DA; text-decoration: underline; margin-bottom: 14px; }

#leftcol h2.jump_to_definition{ display: block; width: 201px; height: 33px; background: url(images/jump_to_definition.gif); text-indent: -5000px; overflow: hidden; }

#leftcol h2.get_a_quote_h2{ display: block; width: 201px; height: 33px; background: url(images/get_a_quote_h2.gif); text-indent: -5000px; overflow: hidden; }
#leftcol p.text{ width: 183px; background: #eee; color: #36414C; padding: 14px 9px 0 9px; font-size: 11px; }
#leftcol p.text2{ width: 183px; background: #eee; color: #36414C; padding: 14px 9px 40px 9px; font-size: 11px; }

#leftcol h2.services{ display: block; width: 201px; height: 33px; background: url(images/list_of_services.gif); text-indent: -5000px; overflow: hidden; }

#leftcol #important_question{ display: block; width: 202px; background: url(images/important_question_bg.gif); margin-top: 15px; }
#leftcol #important_question h2{ display: block; width: 202px; height: 55px; background: url(images/important_question.gif); text-indent: -5000px; overflow: hidden; }
#leftcol #important_question li{ margin: 17px 9px 0 9px; padding-left: 18px; background: url(images/important_question_list.gif) no-repeat 0 4px; font-size: 11px; }
#leftcol #important_question a { font-size: 11px; color: #42A6DA; text-decoration: underline; display: block; }
#leftcol #important_question a.more{ text-align: right; width: 197px; margin: 7px 0;}
#leftcol #important_question a.download{ width: 174px; height: 29px; padding: 8px 0 0 28px; background: url(images/important_question_download.gif); }

#leftcol h2.select_year{ display: block; width: 201px; height: 33px; background: url(images/select_year.gif); text-indent: -5000px; overflow: hidden; }

#leftcol h2.clients_by_industry{ display: block; width: 201px; height: 33px; background: url(images/clients_by_industry.gif); text-indent: -5000px; overflow: hidden; }
#leftcol #nav2{ display: block; width: 201px; background: #eee; padding: 11px 0 22px 0; }
#leftcol #nav2 li a{ display: block; width: 145px; height: 21px; margin-bottom: 2px; text-indent: -5000px; overflow: hidden; margin-left: 13px; }
#leftcol #nav2 li a.logo{ background: url(images/nav2_logo.gif); }
#leftcol #nav2 li a.characters{ background: url(images/nav2_characters.gif); }
#leftcol #nav2 li a.flash{ background: url(images/nav2_flash.gif); }

#twocols h2{ font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-size: 18px; color: #0192de; text-transform: uppercase; padding-bottom:10px;}
#twocols h3{ font-weight: bold; font-size: 15px; color: black; }
#twocols h4{ font-weight: bold; font-size: 15px; color: black; }
#twocols p{ font-weight: normal; font-size: 15px; color: #666; }
#twocols a.link_more{ font-size: 10px; color: #0192de; text-decoration: none; padding-left: 16px; background: url(images/link_more.gif) no-repeat 0 2px; }

#twocols h2.case_studies{ display: block; width: 549px; height: 160px; background: url(images/case_studies.jpg) no-repeat; text-indent: -5000px; overflow: hidden; }
#twocols ul#case_studies_list{ border-top: 3px solid #eee; }
#twocols ul#case_studies_list li{ border: 3px solid #eee; border-top: none; display: block; height: 64px; position: relative; }
#twocols ul#case_studies_list li img{ border-right: 3px solid #eee; float: left; margin-right: 5px; }
#twocols ul#case_studies_list li h3{ padding-top: 5px; }
#twocols ul#case_studies_list li p{ padding: 0 49px 0 0; margin: 0; }
#twocols ul#case_studies_list li a{ position: absolute; margin: 0; padding: 0; right: 0; top: 0; border-left: 3px solid #eee; display: block; width: 43px; height: 64px; background: url(images/read.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#twocols span.ready_to_talk{ color: #62717F; float: right; margin: 10px 130px 0 0; text-transform: uppercase; }
#twocols .get_a_quote{ position: relative; left: 440px; display: block; width: 111px; height: 36px; background: url(images/get_a_quote.gif) no-repeat; text-indent: -5000px; overflow: hidden; }

#twocols #case_head{ position: relative; display: block; width: 547px; height: 166px; border: 1px solid #63717F; background: url(images/case_study.jpg) repeat-y; }
#twocols #case_head h2{ color: white; letter-spacing: -0.5px; position: absolute; left:53px; top: 83px; }
#twocols #case_head img{ position: absolute; right:0; top: 0; }
#twocols p.major_text{ background: #eee; color: #5B6976; padding: 20px 50px; font-size: 12px; margin: 7px 0; }
#twocols div.normal_text p{ font-size: 11px; margin-bottom: 10px; }
#twocols .cite{ display: block; text-align: right; width: 200px; background: url(images/quote_bottom.gif) no-repeat bottom right; float: right; color: #5B6976; padding-bottom: 27px; margin: 0 15px 0 15px;}
#twocols .cite cite{ display: block; text-align: left; padding-top: 22px; background: url(images/quote_up.gif) no-repeat top left; font-size: 12px; font-style: normal; }
#twocols .cite span{ display: block; font-style: italic; font-size: 11px; padding: 4px 0 0 0; }
#twocols div.summary{ background: #eee; padding: 12px 17px; }
#twocols div.summary p{ font-size: 11px; }

#twocols #client_list h2{ display: block; width: 549px; height: 168px; background: url(images/growing_together.jpg) no-repeat; text-indent: -5000px; overflow: hidden; }
#twocols #client_list p{ padding: 10px 0; font-size: 11px; }
#twocols #client_list span{ font-size: 10px; display: block; position: relative; left: 470px; text-align: right; width: 75px; margin: 10px 0 3px 0; background: url(images/case_study_link.gif) no-repeat left; }
#twocols #client_list ul{ height: 610px; width: 549px !important; width: 543px; border-top: 3px solid #eee; border-left: 3px solid #eee; }
#twocols #client_list li{ position: relative; border-bottom: 3px solid #eee; border-right: 3px solid #eee; display: block; width: 174px; height: 115px; float: left; padding: 2px 3px 2px 3px !important; padding: 2px; }
#twocols #client_list li a{ position: absolute; left: 0; top: 0; display: block; width: 174px; height: 115px; float: left; background: url(images/case_study_link.gif) no-repeat bottom right; text-indent: -5000px; overflow: hidden; }

#twocols h2.contact_us{ display: block; width: 81px; height: 13px; margin: 19px 0; background: url(images/contact_us.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#twocols p.text{ font-size: 11px; }
#twocols .telephone{ color: #f8aa02; font-weight: bold; }
#twocols #contact_data{ display: block; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; height: 145px; margin-top: 10px; }
#twocols #contact_data li{ position: relative; display: block; float: left; width: 172px; height: 124px; font-size: 11px; padding: 21px 0 0 11px; }
#twocols #contact_data li address{ display: block; margin-bottom: 10px; }
#twocols #contact_data li a{ color: #0192de; }
#twocols #contact_data li.first{ background: #feffd4; }
#twocols #contact_data li a.directions{ position: absolute; left: 0; bottom: 0 !important; bottom: -1px; display: block; width: 186px; height: 39px; background: url(images/directions.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#twocols #contact_form{ position: relative; display: block; background: #eee; font-size: 11px; border-bottom: 1px solid #b8b8b8; height: 220px; }
#twocols #contact_form label, #twocols #quote_form label{ display: block; width: 265px; height: 31px; padding-left: 15px; position: relative; background: url(images/input_bg.gif) no-repeat right top; }
#twocols #contact_form label.first{ height: 31px; padding-top: 20px; background: url(images/input_bg.gif) no-repeat 100% 20px; }
#twocols #contact_form label input{ position: absolute; right: 2px; top: 3px; width: 176px; height: 15px; font-size: 11px; }
#twocols #contact_form label.first input{ top: 23px; }
#twocols #contact_form label.comments{ position: absolute; left: 280px; top: 20px; width: 240px; margin: 0; background: none; }
#twocols #contact_form label.comments textarea{ margin-top: 18px; width: 238px; height: 112px; border: 1px solid #b8b8b8; font-size: 11px; }
#twocols #contact_form a.send{ display: block; float: right; width: 69px; height: 39px; margin: 0 8px; background: url(images/send.gif) no-repeat; text-indent: -5000px; overflow: hidden; }

#twocols h2.glossary_of_terms{ display: block; width: 120px; height: 12px; margin: 10px 0; background: url(images/glossary_of_terms.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#twocols ul.alphabet{ border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; padding: 6px 0 6px 15px; height: 10px; }
#twocols ul.alphabet li{ display: block; width: 19px; height: 10px; float: left; border-left: 1px solid #b8b8b8; }
#twocols ul.alphabet li.first{ border: none; }
#twocols ul.alphabet li a{ display: block; width: 12px; height: 10px; float: left; padding-left: 6px; margin-top: -1px; font-size: 10px; color: #0192de; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#twocols ul.alphabet li a:hover{ text-decoration: underline; }
#twocols #glossary{ margin: 10px 0; }
#twocols #glossary dt{ font-size: 11px; font-weight: bold; padding: 8px 0; }
#twocols #glossary dd p{ font-size: 11px; padding: 0 0 8px 0; }
#twocols #glossary dd span{ display: block; font-size: 11px; }
#twocols #glossary dd a{ color: #0192de; text-decoration: none; }
#twocols #glossary dd a:hover{ text-decoration: underline; }

#twocols .required{ color: #FF7F00; }
#twocols #rfq fieldset.quote{ position: relative; display: block; background: #eee; font-size: 11px; color: #36414C; }
#twocols #rfq fieldset.quote h2{ display: block; background: #DBDCDE; font-size: 11px; color: #36414C; height: 23px; padding: 9px 0 0 16px; font-weight: bold; font-family : Verdana, Arial, sans-serif; text-transform: none; }
#twocols #rfq fieldset.info label{ display: block; width: 389px; height: 31px; padding-left: 24px; position: relative; background: url(images/input_2_bg.gif) no-repeat right top; }
#twocols #rfq fieldset.info label.first{ height: 31px; padding-top: 15px; background: url(images/input_2_bg.gif) no-repeat 100% 15px; }
#twocols #rfq fieldset.info label.phone{ background: url(images/input_3_bg.gif) no-repeat right top; }
#twocols #rfq fieldset.info label input{ position: absolute; right: 2px; top: 3px; width: 215px; height: 15px; font-size: 11px; }
#twocols #rfq fieldset.info label.first input{ top: 18px; }
#twocols #rfq fieldset.info label.phone input.phone1{ position: absolute; right: 171px; top: 3px; width: 46px; height: 15px; font-size: 11px; }
#twocols #rfq fieldset.info label.phone input.phone2{ position: absolute; right: 94px; top: 3px; width: 60px; height: 15px; font-size: 11px;}
#twocols #rfq fieldset.info label.phone input.phone3{ position: absolute; right: 2px; top: 3px; width: 74px; height: 15px; font-size: 11px; }
#twocols #rfq fieldset.scope{ display: block; height: 140px; }
#twocols #rfq fieldset.scope label{ display: block; width: 216px; height: 33px; float: left; margin: 8px 16px 5px 24px !important; margin: 8px 24px 5px 12px; padding: 0; }
#twocols #rfq fieldset.scope select{ width: 216px; border: 1px solid #b1b1b1; margin-top: 2px; }
#twocols #rfq fieldset.elements{ display: block; height: 244px !important; height: 264px; }
#twocols #rfq fieldset.elements label{ display: block; width: 240px; height: 15px; float: left; margin: 5px 0 0 0 !important; padding-left: 24px; }
#twocols #rfq fieldset.elements label input{ margin: 0 !important; padding: 0; margin-top: -2px; }
#twocols #rfq fieldset.elements textarea{ display: block; width: 490px; height: 50px; border: 1px solid #b1b1b1; margin: 10px 0 0 0;}
#twocols #rfq fieldset.style{ display: block; height: 147px; }
#twocols #rfq fieldset.style label{ display: block; width: 490px; margin: 12px 0 0 24px; }
#twocols #rfq fieldset.style textarea{ display: block; width: 490px; height: 50px; border: 1px solid #b1b1b1; margin: 10px 0 0 0 !important; margin-left: -24px; padding: 0; }
#twocols #rfq fieldset.additional{ display: block; height: 112px !important; height: 122px; }
#twocols #rfq fieldset.additional label{ display: block; width: 490px; margin: 12px 0 0 24px; }
#twocols #rfq fieldset.additional textarea{ display: block; width: 490px; height: 50px; border: 1px solid #b1b1b1; margin: 10px 0 0 0 !important; margin-left: -24px; padding: 0; }
#twocols p.legend{ margin-top: 10px; position: absolute; }

#twocols h2.services{ display: block; width: 549px; background: url(images/services_h2.jpg) no-repeat top right; padding-top: 150px; }
#twocols ul#services{ display: block; height: 340px; margin-top: 20px; }
#twocols #services li.mainlist{ display: block; float: left; width: 183px; }
#twocols #services li h3{ font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; font-size: 12px; color: #0192de; text-transform: uppercase; padding-top: 115px; text-align: center; }
#twocols #services li p{ padding: 5px 10px; color: #36414C; }
#twocols #services li ul li{ font-size: 10px; color: #36414C; background: url(images/bullet.gif) no-repeat 0 6px; margin-left: 15px; padding-left: 6px; }
#twocols #services li a.more{ display: block; padding-left: 7px; margin-top: 10px; font-size: 10px; color: #0192de; text-decoration: underline; }
#twocols #services li a.get_a_quote_4{ display: block; height: 36px; text-indent: -5000px; overflow: hidden; margin: 10px auto; }
#twocols #services li.ecommerce{ border-right: 1px solid #D1D4DE; width: 178px; }
#twocols #services li.ecommerce h3{ background: url(images/ecommerce.jpg) no-repeat center top; }
#twocols #services li.ecommerce a.get_a_quote_4{ background: url(images/ecommerce_quote.gif) no-repeat; width: 157px; }
#twocols #services li.non_ecommerce{ border-right: 1px solid #D1D4DE; width: 188px; }
#twocols #services li.non_ecommerce h3{ background: url(images/non_ecommerce.jpg) no-repeat center top; }
#twocols #services li.non_ecommerce a.get_a_quote_4{ background: url(images/non_ecommerce_quote.gif) no-repeat; width: 178px; }
#twocols #services li.marketing{ width: 180px; }
#twocols #services li.marketing h3{ background: url(images/marketing.jpg) no-repeat center top; }
#twocols #services li.marketing a.get_a_quote_4{ background: url(images/marketing_quote.gif) no-repeat; width: 148px; }

#twocols h3.text{ margin-top: 10px; }
#twocols p.text a{ color: #0192DE; }
#twocols #quote_form{ width: 549px; height: 450px; position: relative; clear: both; margin-top: 15px; background: #eee; font-size: 11px; }
#twocols #quote_form h2{ display: block; width: 549px; height: 28px; position: relative; background: url(images/get_a_quote_h2_2.gif) no-repeat; }
#twocols #quote_form h2 span{ display: block; position: absolute; left: 256px; top: 8px; font-size: 11px; color: white; font-weight: normal; font-family : Verdana, Arial, sans-serif; text-transform: none; }
#twocols #quote_form h3{ margin-left: 24px; }
#twocols #quote_form fieldset{ font-size: 11px; color: #36414C; }
#twocols #quote_form fieldset label{ background: none; padding: 0; width: 227px; }
#twocols #quote_form fieldset input{ }
#twocols #quote_form fieldset.info{ position: absolute; top: 47px; left: 17px; display: block; width: 227px; height: 143px; background: url(images/info_bg.gif) no-repeat right bottom; padding: 0 !important; }
#twocols #quote_form fieldset.info label{ padding:0 0 0 8px; width: 219px;margin-bottom: 5px; }
#twocols #quote_form fieldset.info input{ position: absolute; top: 19px !important; top: 20px; left: 10px; height: 14px; width: 216px; }
#twocols #quote_form fieldset.info input.phone1{ position: absolute; left: 10px; top: 19px; width: 44px; }
#twocols #quote_form fieldset.info input.phone2{ position: absolute; left: 72px; top: 19px; width: 70px; }
#twocols #quote_form fieldset.info input.phone3{ position: absolute; left: 162px; top: 19px; width: 64px; }
#twocols #quote_form fieldset.scope{ position: absolute; top: 47px; left: 291px; display: block; width: 227px; height: 143px; }
#twocols #quote_form fieldset.scope label{ width: 219px; margin-bottom: 5px !important; margin-bottom: 0; }
#twocols #quote_form fieldset.scope select{ width: 216px; border: 1px solid #b1b1b1; margin-top: 5px !important; padding: 0; font-size: 10px; }
#twocols #quote_form fieldset.elements{ position: absolute; top: 210px; left: 0; display: block; width: 550px; height: 143px; }
#twocols #quote_form fieldset.elements label{ position: relative; display: block; width: 210px; height: 15px; float: left; margin: 5px 5px 0 26px !important; margin: 5px 18px 0 12px; padding-left: 24px; }
#twocols #quote_form fieldset.elements input{ padding: 0; margin-top: -2px; position: absolute; left: 0; width: 15px; }
#twocols #quote_form fieldset.elements textarea{ display: block; width: 490px; height: 50px; border: 1px solid #b1b1b1; margin: 10px 0 0 -24px !important; margin-left: -33px; }
#twocols #quote_form p.legend{ position: absolute; left: 24px; top: 480px; }
#twocols #quote_form a.get_a_quote{ position: absolute; right: 0; top: 480px; }

#twocols h2.chops{ display: block; width: 549px; height: 130px; background: url(images/chops.jpg); text-indent: -5000px; overflow: hidden; margin-bottom: 10px; }
#twocols #works_list{ border: 2px solid #eee; height: 408px; width: 544px;}
#twocols #works_list li a{ text-decoration: none; display: block !important; display: inline; width: 134px; height: 134px; padding: 0; margin: 0; overflow: hidden; }
#twocols #works_list li{ display: block; position: relative; float: left; height: 117px; width: 117px; border: 1px solid #eee; padding: 17px 0 0 17px; }
#twocols #works_list li .opacity{ display: none; position: absolute; left: 0; top: 0; width: 134px; height: 134px; background: url(images/transparency.png) !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparency.png',sizingMethod='scale') }
#twocols #works_list li:hover .popup{ display: block; z-index: 200; }
#twocols #works_list li .popup{ display: none; position: absolute; z-index: 200; left: -220px; top: -90px; width: 349px; height: 149px; background: url(images/popup.png) no-repeat; }
* html #twocols #works_list li .popup{ background-color: #000; background-color: transparent; background-image: url(images/popup.gif); }
#twocols #works_list li .popup h3{ margin: 20px 27px 5px 17px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
#twocols #works_list li .popup p{ margin: 0 27px 5px 17px; font-size: 11px; }
#twocols #works_list li .popup ul{ position: absolute; top: 20px; left: 270px; }
#twocols #works_list li .popup li{ width: 18px; height: 12px; padding: 0; border: none; }
#twocols #works_list li .popup li a{ display: block; width: 18px; height: 12px; text-indent: -5000px; overflow: hidden; z-index: 250; }
#twocols #works_list li .popup li a.basket{ background: url(images/basket.gif); }
#twocols #works_list li .popup li a.flash{ background: url(images/flash.gif); }
#twocols #works_list li .popup li a.page{ background: url(images/page.gif); }
#twocols a.show_me_more{ position: absolute; display: block; float: left; margin-top: 10px; width: 105px; height: 15px; text-indent: -5000px; overflow: hidden; background: url(images/show_me_more.gif); }

#twocols #screen{ display: block; border: 1px solid #DFDFDF; text-align: center; }
#twocols .subnav{ display: block; width: 100%; background: #DFDFDF; height: 22px; overflow: hidden; }
#twocols .subnav a.prev{ display: block; float: left; width: 71px; height: 22px; text-indent: -5000px; overflow: hidden; background: url(images/prev.gif); }
#twocols .subnav a.next{ display: block; float: right; width: 71px; height: 22px; text-indent: -5000px; overflow: hidden; background: url(images/next.gif); }
#twocols #screen img{ margin: 24px 0; }
#twocols #description{ display: block; border: 1px solid #DFDFDF; margin-top: 10px; padding: 10px 0 0 0; }
#twocols #description h3{ padding-left: 10px; }
#twocols #description p{ padding: 10px; font-size: 11px; }
#twocols #description a.outer{ font-size: 11px; text-decoration: none; color: #FF7F00; display: block; margin: 0 0 10px 10px; }

#twocols ul#article_list{ margin-bottom: 10px; }
#twocols ul#article_list li.post{ display: block; width: 537px; padding: 15px 6px; border-bottom: 1px solid #C4C4C4;  }
*html #twocols ul#article_list li.post{ display: block; width:537px; padding: 15px 6px; border-bottom: 1px solid #C4C4C4; float:right }


#twocols ul#article_list li.post h2 a{ font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-size: 18px; text-transform: uppercase; text-decoration: none; color: #36414C; }
#twocols ul#article_list li.post h2 a:hover{ color: #0192de; text-decoration: underline; }
#twocols ul#article_list li.post a, #twocols a.prev{ color: #0192de; text-decoration: underline; font-size: 15px; }
#twocols ul#article_list li.post a.comment{ background: url(images/comment_gray.gif) no-repeat; padding-left: 19px; }
#twocols ul#article_list li.post p{ padding-top: 8px; font-size: 15px; }
#twocols ul#article_list li.new{ background: #d0e5fc url(images/new.gif) no-repeat top right; }
#twocols ul#article_list li.new h2{ color: #0192de; }
#twocols ul#article_list li.new a{ color: black; text-decoration: underline; }
#twocols ul#article_list li.new a.comment{ background: url(images/comment.gif) no-repeat; padding-left: 19px; }
#twocols ul#article_list li.dark{ background: #EFEFEF; }
#twocols a.prev{ padding: 10px 5px; }
#twocols p.alt{ display: block; border-bottom: 1px solid #C4C4C4; border-top: 1px solid #C4C4C4; background: #efefef; padding: 10px; }
#twocols p.postmetadata a{ color: #0192de; text-decoration: underline; }
#twocols .navigation{ font-size: 11px; margin-bottom: 1em; }
#twocols .navigation a{ color: #0192de; text-decoration: underline; font-size: 15px; }
#twocols .alignright { float: right; }
#twocols .alignleft { float: left; }
#post_comments .commentlist{ border-top: 1px solid #C4C4C4; }
#post_comments p { padding:2px; }
#post_comments a{ color: #0192de; text-decoration: underline; }
#post_comments .commentlist li{ font: 'Lucida Grande', Verdana, Arial, Sans-Serif; padding: 10px; font-size: 0.8em; border-bottom: 1px solid #C4C4C4; }
#post_comments .commentlist li.alt{ background: #f8f8f8; }
#post_comments .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1em; padding: 0.5em 0; }
#post_comments .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#post_comments .commentmetadata { font-weight: normal; }
#post_comments h3{ margin: 1em 0; }
#post_comments input.text_input{ border: 1px solid #C4C4C4; padding: 3px; font-size: 1.1em; width: 250px; display: block; margin-top: 0.5em; }
#post_comments textarea{ border: 1px solid #C4C4C4; width: 537px; padding: 5px; margin: 1em 0; font-size: 1.1em; }
#post_comments input.submit_button{ padding: 5px; font-size: 1.1em; }
#twocols .post{ margin-bottom: 1em; border-bottom: 1px solid #C4C4C4; }
#twocols .post h3 a{ font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-size: 18px; text-transform: uppercase; text-decoration: none; color: #36414C; }
#twocols .post h3 a:hover{ color: #0192de; text-decoration: underline; }
#twocols .post .date{ display: block; color: ##C4C4C4; font-size: 15px; margin: 0 0 1.5em 0; font-style: italic; }
#twocols .post_text p{ font-size: 15px; line-height: 1.5em; margin-bottom: 1em; margin-top:1em;}
#twocols .post_text p a{ color: #0192de; text-decoration: underline; }
#twocols .post_text ul{ list-style: disc; margin: 2em; line-height: 1.5em;}
#twocols .post_text li{ padding:5px; font-size:15px; }
#twocols .post_text ul li a{ color: #0192de; text-decoration: underline; font-size: 15px; }
#twocols code{ font-size:15px; font-family: 'Courier New', Courier, Fixed; }

#maincol #ecommerce_solutions li{ display: block; width: 253px; margin-top: 12px; padding-bottom: 6px; background: url(images/ecommerce_list_foot.gif) no-repeat left bottom; }
#maincol #ecommerce_solutions li h3{ display: block; width: 229px; padding: 8px 12px 0 12px; background: url(images/ecommerce_list_head.gif) no-repeat; }
#maincol #ecommerce_solutions li p{ display: block; width: 229px; padding: 8px 12px; background: url(images/ecommerce_list_body.gif) repeat-y; }
#maincol #ecommerce_solutions li a{ margin-left: 12px; }

#maincol_company h2.company_profile{ display: block; width: 106px; height: 12px; margin: 15px 0; background: url(images/company_profile.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#maincol_company p{ font-size: 11px; margin-bottom: 13px; }
#maincol_company #what_we_can{ position: relative; display: block; width: 296px; height: 45px; background: url(images/get_a_quote_2.gif) no-repeat; }
#maincol_company #what_we_can a{ position: absolute; left: 178px; top: 7px; width: 105px; height: 26px; text-indent: -5000px; overflow: hidden; }

#rightcol h2{ padding-bottom: 7px; }
#rightcol h3{ padding-top: 12px; }
#rightcol p{ padding: 5px 0; }

#meet_the_team h2{ display: block; width: 217px; height: 62px; background: url(images/meet_the_team.gif) no-repeat; text-indent: -5000px; overflow: hidden; }
#meet_the_team img{ margin-left: 6px; }
#meet_the_team  span{ padding: 5px 0 0 10px; display: block; font-size: 11px; }
#meet_the_team  .spotlight{ color: #0192DE; font-weight: bold;}
#meet_the_team  .name{ font-style: italic;}
#meet_the_team  .name strong{ font-style: normal;}
#meet_the_team p{ padding: 5px 5px 10px 10px; font-size: 11px; }
#meet_the_team a{ display: block; margin-left: 5px; width: 89px; height: 19px; padding: 5px 0 0 123px; font-size: 11px; color: #0192de; text-decoration: none; background: url(images/more_profiles_bg.gif) no-repeat; }

#examples{ display: block; width: 160px; border-left: 1px solid #DFDFDF; float: right; padding-left: 10px; margin: 0 0 15px 10px;}
#examples h3{ font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; font-size: 12px; color: #0192de; text-transform: uppercase; padding-bottom: 10px; }
#examples a{ color: #36414C; font-size: 11px; text-decoration: underline; }
#examples a.more{ display: block; font-size: 11px; color: #0192DE; text-decoration: underline; padding-left: 16px; background: url(images/link_more.gif) no-repeat 0 3px; }




blockquote { display: block; padding: 10px 15px; margin: 5px 0; font-style: italic; background: #efefef; border: 1px solid #ccc; }
blockquote p {margin: 0; padding: 0;}
blockquote ul { font-family : Verdana, Arial, sans-serif; font-size: 11px; color: #666;}


/* Footer CSS */
#main_footer_links_box{width:556px;height:auto;display:table;margin:6px auto 0 auto;float:inherit;}
#main_footer_links_box p.footer_link1{margin:0px;margin-top:10px;float:left;height:20px;background:url(/Bg/footerLinksHetz.jpg) no-repeat 0 0;padding-left:5px;margin-left:5px;width:130px;}
#main_footer_links_box p.footer_link2{margin:0px;margin-top:10px;float:left;height:20px;background:url(/Bg/footerLinksHetz.jpg) no-repeat 0 0;padding-left:3px;margin-left:5px;width:167px;}
#main_footer_links_box p.footer_link3{margin:0px;margin-top:10px;float:left;height:20px;background:url(/Bg/footerLinksHetz.jpg) no-repeat 0 0;padding-left:5px;margin-left:5px;width:210px;}
#main_footer_links_box p a{font-family:Arial;font-size:8pt;color:#4e4f51;line-height:1.6em;background:url(/Bg/footerLinks.jpg) no-repeat 0 5px;padding-left:11px;text-decoration:none;}
#main_footer_links_box p a:hover{font-family:Arial;font-size:8pt;color:#4e4f51;line-height:1.6em;background:url(/Bg/footerLinks.jpg) no-repeat 0 5px;padding-left:11px;text-decoration:underline;}
#main_footer_links_box p.PN10{float:left;height:20px;background:url(/Bg/footerLinksHetz.jpg) no-repeat 0 0;padding-left:8px;}

#footer{width:810px;height:120px;background-color:#7f8690;margin:0px auto 0px auto;border-top:20px solid #fff;}
#footer ul{margin:0px;width:540px;padding:0px;float:left;margin-top:10px;}
#footer ul li{ list-style-type:none;float:left;margin-left:30px;}
#footer ul li.middle_text{width:240px;list-style-type:none;float:left;margin-left:100px;}
#footer ul li span{font-size:9pt;color:#fff;float:left;}
#footer ul #footer_places{width:286px;padding:0px;margin:auto;float:right; background-color:Black;}
#footer p{ width:54px;margin:0px;float:right;padding-left:13px;margin-right:16px;background:url(/Bg/footer_hetz.jpg) no-repeat 0 2px;font-size:9pt;color:#fff;margin-top:16px;}
#footer p a{text-decoration:none;color:#fff;}
#footer p a:hover{text-decoration:underline;color:#fff;}
#footer #footer_news_form{width:100%;height:22px;float:left; background-color:#37414b;margin-top:6px;}
#footer #footer_news_form form{padding:0px;margin:0px;}
#footer #footer_news_form #fnt1{margin:0px;float:left;width:320px;margin-top:2px;margin-left:10px;color:#f18001;font-size:10pt;font-weight:bold;background:none;}
#footer #footer_news_form #form_news_box{width:378px;float:right;height:22px;}
#footer #footer_news_form img{float:left;border:0px;}
#footer #footer_news_form #form_news_box input{width:22px;height:22px;float:right;border-left:1px solid #fff;cursor:pointer;}
#footer #footer_news_form #form_news_box p{width:148px;height:15px;float:right;margin-right:10px;margin-top:4px;float:right;background:none;}
#footer #footer_news_form #form_news_box p input{width:100px;height:12px;font-size:8pt;background-color:#ffffa0;border:0px;float:right;margin:0px;padding:0px;}
#footer #footer_news_form #form_news_box p span{float:left; font-size:8pt; color:#fff;letter-spacing:1px;padding-right:4px;}
#footer #footer_link_sites{margin:0px;padding:0px;width:766px;margin:6px auto 0px auto;padding:0px;float:left;margin-left:20px;}
#footer #footer_link_sites li{ padding:0px;margin:0px;list-style-type:none;float:left;margin-right:10px;}
#footer #footer_link_sites li a{text-decoration:none;color:#fff;font-size:9pt;}
#footer #footer_link_sites li a:hover{text-decoration:underline;color:#fff;font-size:9pt;}
#footer #footer_link_sites li.footer_ul_2{ padding:0px;margin:0px;list-style-type:none;float:left;margin-right:70px;border-left:1px solid #bbbbbb;padding-left:7px;}
#footer #footer_link_sites li.footer_ul_3{ padding:0px;margin:0px;list-style-type:none;float:left;margin-right:7px;border-left:1px solid #bbbbbb;padding-left:7px;}

#footer #footer_links{width:766px;padding:2px 0 0 0;border:0px;float:left;margin:0px;margin-top:4px;margin-left:20px;border-top:1px dashed #bbbbbb;background:none;}
#footer #footer_links p{width:100%; padding:0px;padding-top:2px;margin:0px;list-style-type:none;float:left;margin-right:9px; background:none;}
#footer #footer_links p span{font-size:8pt;padding:0px;height:12px;margin:0px;list-style-type:none;float:left;margin-left:16px; background:none;border-left:1px solid #bbbbbb;padding-left:12px;}
#footer #footer_links p span.no_border{padding:0px;height:12px;margin:0px;list-style-type:none;float:left;margin-left:40px; background:none;border-left:0px;padding-left:12px;}
#footer_links_ul li a{text-decoration:none;color:#fff;}
#footer_links_ul li a:hover{text-decoration:underline;color:#fff;font-size:9pt;}
/* End Footer CSS */