/*******************************************************/
/*                  INTERIOR PAGE STYLES
********************************************************/

body { color:#3f1e10; }

/* Banner
********************************************************/
div#banner { border-top:25px solid #c13b20; float:left; width:962px; min-height:200px; position:relative;z-index:2; }
div#banner img { position:absolute; z-index:5; }
div#banner div#sectionNav { margin:12px 10px 10px 751px; position:relative; z-index:100; }
div#banner div#sectionNav h2 { color:#a39f6b; font-size:153.9%; font-weight:normal; }
div#banner div#sectionNav ul { padding-top:.5em; text-transform:uppercase; font-size:77%; }
div#banner div#sectionNav ul li { padding:.3em 0; }
div#banner div#sectionNav ul li a { color:#f8f4f3; padding-left:10px; font-weight:bold;
  background: url(/media/image/icon_arrow_white.png) no-repeat 0 40%;  }
div#banner div#sectionNav ul li.current a,
div#banner div#sectionNav ul li a:hover { color:#f85635; background: url(/media/image/icon_arrow_red.png) no-repeat 0 40%;  ; }

/* MAIN CONTAINER
*******************************************************
div#main { float:left; position:relative; background-color:#F8F7E2; z-index:500; padding-bottom:3em; }
div#contentArea { float:left; margin:25px 0 0 52px; width:668px; }

div#main div#contentArea h1 { color:#5f5f51; font-size:161.6%; font-weight:normal; margin:0 0 .8em 0; }

div#contentArea blockquote { text-indent: 15px; }
div#contentArea h2 { color:#43413f; font-size:85%; font-weight:bold; text-transform:uppercase; margin:.6em 0;}
div#contentArea h2 a { color:#c13b20; }
div#contentArea p { color:#43413f; font-size:85%; line-height:1.3; margin:.4em 0; }

*/

/* SECTION LANDING - Solutions, etc
********************************************************/
section#contentArea { float:left; width:760px;}
section#contentArean div.teaser { margin:1.3em 30px 2em 0; }

/* section#interiorheader is the header and section nav*/
section#interiorheader { padding-top: 30px; float: left; width:1003px;}
section#interiorheader h1 { font-size: 120%; padding-bottom: 10px; }
section#interiorheader h2 { text-transform: uppercase; font-size: 75%; padding-bottom: 5px;}

ul#subnav {
  background-color: #36636b;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 4px 0;
}

ul#subnav li { float: left; padding: 7px 13px;}
ul#subnav li.current a {color: #91b9be;}
ul#subnav li a:hover {text-decoration: none;}
ul#subnav li a { color: #FFF; text-transform:uppercase; font-size:10px; font-weight: bold;}
ul#subnav li a.selected { color: #91b9be; font-weight: bold;}

/* section#callout is the tabbed area at the top */

section#contentArea #callout {
  border: 1px solid #929191;
  float: left;
  margin-bottom: 20px;
  padding: 30px 30px 25px;
  width: 698px;
  background: #eee url(/media/image/1/bg_callout.png) 0 0 repeat-x;
  min-height: 450px;
  _height: 450px;
}

section#contentArea #callout h3 {
  margin: .6em 0 .3em;
  color: #4a4a3e;
  font-size: 123.1%;
  font-weight: normal;
}

section#contentArea #callout p {
  /* margin: .3em 0; old rule */
  margin: 0 0 1.5em;
  padding: 0;
  line-height: 1.5em;
}

section#contentArea #callout div.p p {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

section#contentArea #callout div.p {
  margin: 0 0 1.5em;
}

section#contentArea #callout #start p {
  margin: 0 0 17px 30px;
  _margin: 0 0 17px 15px; /* SAS: IE6-only rule. If keeper, move to the IE6 sheet. */
  width: 475px;
  float: left;
  line-height: 1.5em;
}

section#contentArea #callout #contact #contact_confirm p {
  margin: 0 0 17px 30px;
  _margin: 0 0 17px 15px; /* SAS: IE6-only rule. If keeper, move to the IE6 sheet. */
  width: 475px;
  float: left;
  line-height: 1.5em;
}

section#contentArea #callout ul {
  margin: 0 0 1.75em;
  padding: 0;
  list-style-type: disc;
  line-height: 1.5;
}

section#contentArea #callout li {
  margin: 0 0 0.25em 1.75em;
  padding: 0;
}

section#contentArea #callout ul.bizTechTabs, section#contentArea #callout ul.contactStartTabs, section#contentArea #callout ul.fourTabs {
  list-style: none;
  margin: 0;
}

section#contentArea #callout ul.fourTabs {
	margin: 0 0 42px;
}

form ul, form ul li, form ol, form ol li {
  margin: 0 !important;
}

section#contentArea #callout p.summary {
  margin: 0 0 35px;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #686868;
  line-height: 22px; /* from TEDprize.org */
}

section#contentArea #callout p.tech_summary, section#contentArea #callout p.biz_summary, section#contentArea #callout p.tab1_summary, section#contentArea #callout p.tab2_summary, section#contentArea #callout p.tab3_summary, section#contentArea #callout p.tab4_summary {
  margin: 0 0 17px;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #686868;
  line-height: 22px; /* from TEDprize.org */
  width: 470px;
}

section#contentArea #callout h3 {
  color: #351E10;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0.75em;
  padding: 0.6em 0 0;
  padding: 0;
  text-decoration: none;
}

section#contentArea #callout h3.biz_header, section#contentArea #callout h3.tech_header, section#contentArea #callout h3.tab1_header, section#contentArea #callout h3.tab2_header, section#contentArea #callout h3.tab3_header, section#contentArea #callout h3.tab4_header {
  /* clear: both;
  padding: 0; */
  margin:2.5em 0 0.75em;
}

/* the tab styles */
.ui-tabs .ui-tabs-hide {display: none;}
.ui-tabs-nav { float: left; width: 700px; background: url(/media/image/bg_tabBorder.gif) no-repeat left bottom; }

.ui-tabs-nav li {
  float: left;
  margin: 0 !important;
  list-style: none;
}

.ui-tabs-nav li a {
  float: left;
  display: block;
  height: 26px;
  width: 81px;
  text-indent: -999em;
  /* padding-left: 5px; */
  margin-right: 5px;
}

.ui-tabs-nav.open li a:link, .ui-tabs-nav.open li a:active, .ui-tabs-nav.open li a:hover, .ui-tabs-nav.open li a:visited {
  float: left;
  display: block;
  /* height: 20px !important; */
  height: 26px;
  width: 127px;
  /* text-indent: 0 !important;
  padding-left: 5px; */
  text-indent: -999em;
  margin-right: 5px;
  
  /* color: #36636B;
  font-weight: normal;
  padding-top: 6px; */
}

.ui-tabs-nav li a#bizTab {
  background: url(/media/image/1/biz_tech_tabs.png) 0 -26px no-repeat;
  height: 25px;
}

.ui-tabs-nav.open li a#bizTab {
  background: url(/media/image/1/chapter_tabs.png) 0 -26px no-repeat;
  height: 25px;
}

.ui-tabs-nav li a#techTab {
  background: url(/media/image/1/biz_tech_tabs.png) -81px -26px no-repeat;
  height: 25px;
}

.ui-tabs-nav.open li a#techTab {
  background: url(/media/image/1/chapter_tabs.png) -127px -26px no-repeat;
  height: 25px;
}

.ui-tabs-nav li a#bizTab:hover {
  background-position: 0 0;
}

.ui-tabs-nav li.ui-state-active a#bizTab {
  background-position: 0 0;
  height: 26px;
}

.ui-tabs-nav li a#techTab:hover {
  background-position: -81px 0;
}

.ui-tabs-nav.open li a#techTab:hover {
  background-position: -127px 0;
}

.ui-tabs-nav li.ui-state-active a#techTab {
  background-position: -81px 0;
  height: 26px;
}

.ui-tabs-nav.open li.ui-state-active a#techTab {
  background-position: -127px 0;
  height: 26px;
}


/* NEW: Partner page fourTabs */

.fourTabs.ui-tabs-nav {
	background: url(/media/image/bg_tabBorder.gif) repeat-x left bottom;
}

.ui-tabs-nav li a#partner_tab1 {
  background: url(/media/image/1/partners_4tab_tabs.png) 0 -26px no-repeat;
  height: 25px;
  width: 107px;
}

.ui-tabs-nav li a#partner_tab1:hover {
  background-position: 0 0;
}

.ui-tabs-nav li.ui-state-active a#partner_tab1 {
  background-position: 0 0;
  height: 26px;
}

.ui-tabs-nav li a#partner_tab2 {
  background: url(/media/image/1/partners_4tab_tabs.png) -107px -26px no-repeat;
  height: 25px;
  width: 180px;
}

.ui-tabs-nav li a#partner_tab2:hover {
  background-position: -107px 0;
}

.ui-tabs-nav li.ui-state-active a#partner_tab2 {
  background-position: -107px 0;
  height: 26px;
}

.ui-tabs-nav li a#partner_tab3 {
  background: url(/media/image/1/partners_4tab_tabs.png) -287px -26px no-repeat;
  height: 25px;
  width: 168px;
}

.ui-tabs-nav li a#partner_tab3:hover {
  background-position: -287px 0;
}

.ui-tabs-nav li.ui-state-active a#partner_tab3 {
  background-position: -287px 0;
  height: 26px;
}

.ui-tabs-nav li a#partner_tab4 {
  background: url(/media/image/1/partners_4tab_tabs.png) -455px -26px no-repeat;
  height: 25px;
  width: 152px;
}

.ui-tabs-nav li a#partner_tab4:hover {
  background-position: -455px 0;
}

.ui-tabs-nav li.ui-state-active a#partner_tab4 {
  background-position: -455px 0;
  height: 26px;
}


.ui-tabs-panel img { margin: 0 0 10px 26px; float: right; }
.ui-tabs-panel h2 { text-transform: uppercase; font-size: 85%; padding: 10px 0 20px; color: #36636b; float: left; width:450px; }
.ui-tabs-panel p {line-height: 1.2em; padding-bottom: 20px;}
/* .ui-tabs-panel p.summary { color: #686868; font-size: 105%; width: 460px;}
section#contentArea #callout .ui-tabs-panel h3 { font-size: 105%; color:#3F1E10; padding-top: 10px; font-weight: bold;} */

/* the media hub styles*/
section#subsection { 
  padding-top: 20px;
  float: left;
  width: 756px;
}
section#subsection div.media {
  float: left;
  width: 350px;
  padding: 0 0 30px;
}
section#subsection div.right {
  float: right;
}

section#subsection div.media h4 {
  float: left; 
  margin: 0 0 5px;
}
section#subsection div.media a.enlarge {
  text-transform: uppercase;
  float: right;
  padding: 0 0 0 13px;
  font-size: 80%;
  font-weight: bold;
  background: url(/media/image/1/icon_enlarge_white_cross.gif) no-repeat top left;
}
section#subsection div.media img {
  /* padding-top: 5px; */
  border:2px solid #ccc;
}


/* DETAIL COLUMN
********************************************************/
/* background images specified in global.css */
section#detailCol { float:right; width:232px; }
section#detailCol div.detailContent { width:232px; float:right; position:relative; top:-10px; z-index:700; }
section#detailCol section#cta {
  width: 212px;
  padding: 50px 10px 0 0;
  height: 248px;
  background: url(/media/image/cta_freeConsultation.png) no-repeat bottom;
  float: right;
}
section#cta a {
  display: block;
  padding: 195px 0 0 32px;
}

section a.call_action img {
  margin:50px 0 0 15px;
}

section#detailCol .widget #widgetContent {
  background: url(/media/image/bg_widgetBody.png) no-repeat bottom center;
  width: 198px;
  padding: 7px 18px 18px 16px;
  color: #3f1e10;
  float: left;
}
section#detailCol .widget h3 {
  background: url(/media/image/bg_widgetTop.png) no-repeat top center;
  text-transform: uppercase;
  color: #FFF;
  height: 14px;
  width: 182px;
  padding: 13px 25px;
}

section.widget {float: left;}

/* Generic content widget */
section.widget #widgetContent section {font-size: 90%; margin: 0 0 7px; background: #f1f1f1 url(/media/image/bg_widgetContentBottom.gif) no-repeat scroll center bottom; padding: 20px 20px 30px;}
section.widget #widgetContent section a { text-transform: uppercase; font-weight: bold; font-size: 90%; color: #36636b; display: block; padding: 5px 0}
section.widget #widgetContent section.last {background: #f1f1f1 url(/media/image/bg_widgetContentBottom.gif) no-repeat center bottom; margin-bottom: 7px; padding-bottom: 30px; border: 0; }

/* specific widget styles for the hub page */
section#detailCol .widget ul { background-color: #FFF; margin-bottom: 7px; padding-bottom: 5px; color: #b8d1d4;}
section#detailCol #status ul { padding-bottom: 0; }
section#detailCol #status h3 { color: #b8d1d4; }
.widget ul li {
  border-bottom: 1px solid #d8d8d8;
  padding: 5px 10px;
  color: #3f1e10;
  width: 178px;
  float: left;
}

.widget ul li h4 { padding-top: 10px; font-size: 110% }
.widget ul li a { color: #36636b; padding-left: 5px; }
.widget ul li.last { background: url(/media/image/bg_widget-contentBottom.gif) no-repeat center bottom; border: 0; padding-bottom: 15px; }

ul#enstratusClouds, ul#supportedClouds { float: left;}
ul#enstratusClouds li span { float: left; padding-top: 7px;}

ul#enstratusClouds li a {
  height: 26px;
  width: 27px;
  float: right;
  background: url(/media/image/icon_credCheck.gif) no-repeat right bottom;
  display: block;
  padding-left: 0;
}

ul#enstratusClouds li a#enstratusInfo { float: left; width: 178px; background: none; height: auto; text-transform: uppercase; font-weight: bold; font-size: 73%;}
span#enstratusDate { font-size: 80%;}
span#enstratusAvail {
  display: block;
  width: 178px;
  height: 20px;
  color: #1dad11;
  font-weight: bold;
  font-size: 105%;
  padding-top: 5px;
  background: url(/media/image/icon_statusGreen-big.gif) no-repeat right top;
}

.widget ul#supportedClouds li a { display: block; float: left; }
.widget ul#supportedClouds li { padding-top: 5px;}
.widget ul#supportedClouds li h4 {text-transform: uppercase; font-size: 80%;}
span.greenStatus,span.redStatus,span.yellowStatus { float: right; height: 20px; width: 43px; display: block;}
span.greenStatus { background: url(/media/image/icon_statusGreen.gif) no-repeat center;}
span.yellowStatus { background: url(/media/image/icon_statusYellow.gif) no-repeat center;}
span.redStatus { background: url(/media/image/icon_statusRed.gif) no-repeat center;}


#detailCol aside {
  margin: 20px 0 0 12px;
  padding: 0;
  width: 206px;
  border: 1px solid #97a6a9;
  display: block;
  clear: both;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

aside .asideContent {
  border: 6px solid #8da3a7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

aside .asideContent p {
  margin: 0;
  padding: 31px 22px 25px;
  border: 1px solid #9c9c9c;
  font-size: 18px;
  font-family: Helvetica, Arial, sans-serif;
  color: #783214;
  line-height: 1.39em;
  background: #fff;
  background: -moz-linear-g radient(100% 100% 90deg, #dcdcdc, #fff);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#dcdcdc)); text-shadow: 1px 2px 1px #fff;
}

aside .asideContent p span.em {
  margin: 20px 0 0;
  padding: 0;
  display: block;
  font-size: 16px;
  color: #4b5152;
  text-align: right;
  font-style: italic;
}



/* FOOTER CONTAINER
*******************************************************/

/* Yikes! Could find no other way to fill gap between footer and content on short pages:
   assigned a border-top of 200px (offset by negative margin)
   addt. styles in global.css */
   
div#footerWrap { border-top:400px solid #F8F7E2; margin-top:-400px; }

section.interior { height: 60px; background: transparent url(/media/image/bg_turquoise.png) repeat; }





/*******************************************************/
/*                  CONTACT PAGE STYLES
********************************************************/

#contact_area legend {
  display: none;
}

#contact_area fieldset.left {
  margin: 0;
  padding: 0;
  float: left;
  width: 260px;
}

#contact_area fieldset.right {
  margin: 0;
  padding: 21px 0 0;
  float: left;
  width: 435px;
  position: relative;
}

section#contentArea #callout fieldset.right ul {
  position: absolute;
  right: 190px;
  list-style-type: none;
  list-style-position: initial;
  list-style-image: initial;
  top: 50px;
  line-height:20px;
}

section#contentArea #callout fieldset.right ul li a:link, section#contentArea #callout fieldset.right ul li a:visited, section#contentArea #callout fieldset.right ul li a:hover, section#contentArea #callout fieldset.right ul li a:active {
  color:#106470;
  text-decoration: none;
}

section#contentArea #callout fieldset.right ul img {
  margin-bottom: -2px;
}

#contact_area .clear {
  margin: 0;
  padding: 0;
  clear: both;
}


/* Main Content Area/Box - Structure & General Styles
********************************************************/

.p5032 #contentArea {
  width: 100%;
  float: left;
}

.p5032 section#contentArea #callout {
  border: 1px solid #929191;
  border: none;
  float: left;
  margin-bottom: 0;
  padding: 0;
  width:100%;
}

#contact_area {
  margin: 45px auto 0;
  padding: 0;
  width: 758px;
  border: 1px solid #929191;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  clear: both;
  background-color: #fff;
}

#contact_area_inner {
  margin: 0;
  padding: 20px 0 0;
}

#start {
  background: #030201 url(/media/image/1/leadgenbg.jpg) 0 -25px no-repeat;
  width: 758px;
  /* float: left; */
  min-height: 545px;
}

#contact {
  background: #f7f9f8 url(/media/image/bg_contact_us_fpo.png) 0 -65px no-repeat;
  width: 758px;
  float: left;
  min-height: 430px;
}

#contact_area h2 {
  margin: 26px 0 4px 30px;
  _margin: 26px 0 4px 15px; /* SAS: IE6-only rule. If keeper, move to the IE6 sheet. */
  padding: 0;
  color: #351e10;
  font-size: 24px;
  width: 475px;
  text-transform: none;
  float: left;
}

section#contentArea #callout #start.ui-tabs-panel h3 {
  margin: 5px 0 4px 30px;
  _margin: 5px 0 4px 15px; /* SAS: IE6-only rule. If keeper, move to the IE6 sheet. */
  padding: 0;
  color: #351e10;
  font-size: 18px !important;
  width: 475px;
  text-transform: none;
  float: left;
}

#contact_area span.sub {
  margin: 0 0 17px 30px !important;
  padding: 0;
  color: #959595;
  font-size: 16px;
  width: 475px;
  float: left;
}

#contact_area #contact_confirm span.sub {
  margin: 0 !important;
}

#contact_area #start span.sub {
  margin: 0 !important;
}

#contact_area #start img {
  margin: 0;
  padding: 0;
  float: left;
}

#contact_area p.sub.error {
  color: #dc291e;
}

#contact_area label.error {
  font-size: 11px; 
  color: #dc291e;
  margin-top: -12px;
}

#contact_area #callout .ui-tabs-panel h3 {
  margin: 0 0 17px;
  padding: 0 !important;
  color: #3f1e10;
  font-size: 12px !important;
}

#contact_area #callout p span.address {
  margin: 0 0 30px;
  padding: 0;
  color: #3f1e10;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.34em;
  display: block;
}

#contact_area #callout p span.view_map {
  margin: -29px 0px -5px;
  font-weight: bold;
  display: block;
}

#contact_area #callout p span.view_map a:link, #contact_area #callout p span.view_map a:visited {
  margin: 0;
  padding: 0;
  color: #106470;
  font-size: 10px;
}

#contact_area #callout p span.view_map a:hover, #contact_area #callout p span.view_map a:active {
  margin: 0;
  padding: 0;
  color: #106470;
}


/* Contact Us Nav
*********************************************************/

#contact_area ul.ui-tabs-nav {
  width: 698px;
  width: 395px;
  height: 26px;
  background: transparent url(/media/image/bg_contact_nav.png) 0 0 repeat-x;
  margin: 0 0 0 30px !important;
  _margin: 0 0 0 15px !important; /* SAS: IE6-only rule. If keeper, move to the IE6 sheet. */
  padding: 0;
  display: block;
  list-style: none;
}

/* Using & abusing the existing tab styles */

#contact_area .ui-tabs-panel p {
  line-height: normal;
  padding-bottom: 0;
}

#contact_area .ui-tabs-nav li a#startTab { 
  background: url(/media/image/contact_nav.png) 0 -26px no-repeat;
  width: 130px;
  height: 25px;
}

#contact_area .ui-tabs-nav li a#contactTab {
  background: url(/media/image/contact_nav.png) -130px -26px no-repeat;
  width: 100px;
  height: 25px; 
}

#contact_area .ui-tabs-nav li a#startTab:hover {
  background-position: 0 0;
  
}

#contact_area .ui-tabs-nav li.ui-state-active a#startTab {
  background-position: 0 0;
  height: 26px; 
}


#contact_area .ui-tabs-nav li a#contactTab:hover {
  background-position: -130px 0;
  
}

#contact_area .ui-tabs-nav li.ui-state-active a#contactTab {
  background-position: -130px 0;
  height: 26px; 
}


/* Contact Us Form Elements
********************************************************/

#contact_area #contactForm, #contact_area #startForm {
  float: left;
  width: 700px;
  margin: 0 0 0 30px;
  display: inline;
}

#contact_area label {
  margin: 0 0 8px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  display: block;
  color: #3f1e10;
}

#contact_area label em {
  margin: 0 2px 0 0;
  padding: 0;
}

#contact_area input {
  margin: 0 0 16px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  width: 230px;
  height: 19px;
  border: 1px solid #b1a49e;
  display: block;
}

#contact_area input.hidden {
  border: none;
  display: none;
}

#contact_area textarea {
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 435px;
  height: 140px;
  border: 1px solid #b1a49e;
  display: block;
}

#contact_area input.submit {
  margin: 30px 0 15px;
  padding: 0;
  width: 82px;
  height: 45px;
  text-indent: -9999px;
  display: block;
  border: 0;
  background: transparent url(/media/image/1/leadgencontactsubmit.png) 0 -45px no-repeat;
}

#contact_area #get input.submit {
  float: left;
}

#contact_area #contact input.submit {
  float: right;
}

#contact_area input.submit:hover {  
  background: transparent url(/media/image/1/leadgencontactsubmit.png) 0 0 no-repeat;
  cursor: pointer;
}


/* Contact Us Footer
********************************************************/

#contact_footer {
  margin: 0;
  padding: 10px 29px;
  color: #f3f1f0;
  background: #522c1b;
  clear: both;
  display: block;
}

#contact_footer p {
  margin: 0;
  padding: 0;
  color: #f3f1f0;
  font-size: 13px;
  display: inline;
}

/*******************************************************/
/*                  ARTICLE PAGE STYLES
********************************************************/

/* these really should be migrated into Interior page styles - possibly along with Contact Us ones! */

#article_list {
  margin: 0;
  padding: 0;
  /* float: left; */
}

#article_list .article_wrap {
  margin: 15px 0 0;
  padding: 0;
  
  
  /* float: left; */
  
  clear: both;
}

/* 
#article_list h2 {
  margin: 0 0 14px;
  padding: 0;
  font-size: 18px;
  font-size: 85%;
  font-weight: bold;
  color: #351e10;
  color: #36636b;
  text-transform: uppercase;
}
*/
  
#article_list h2 {
  color: #686868;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  padding: 0;
  margin: 0 0 22px;
  text-transform: none; 
}

#article_list h3 {
  margin: 0 0 0.75em !important;
  /* padding: 0.6em 0 0 !important; */
  font-size: 14px !important;
  font-weight: bold !important;
  color: #351e10 !important;
  text-decoration: none !important;
  /* float: left; */
}

#article_list .article_wrap h3 {
  padding: 0 !important;
}

#article_list h3 a:link, #article_list h3 a:visited {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;  
  color: #351e10;
  text-decoration: none;
}

#article_list h3 a:hover, #article_list h3 a:active {
  border-bottom: 1px solid #351e10;
}

#article_list .article_details h3 {
  /* float: none; */
}

#article_list p { /* everything was !important */
  margin: 0 0 0.6em;
  padding: 0;
  font-size: 100%;
  font-weight: normal;  
  color: #3f1e10;
  line-height: 1.5em;
  /* float: left; */
}

#article_list .article_details p {
  /* float: none; */
}

#article_list p span.sub {
  margin: 0 0 17px;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #959595;
  
  /* float: left; */
}

#article_list p span.sub a {
  color: #959595;
  /* float: left; */
}

#article_list .article_image_thumb {
  margin: 0 15px 0 0;
  padding: 0;
  float: left;
  min-width: 190px;
}

#article_list .article_details {
  margin: 0;
  padding: 0;
  float: left;
}

#article_list .article_details.image {
  max-width: 490px;
}

#article_list p.date {
  margin: -9px 0 3px !important;
  font-size: 85% !important;
}

.shareThis {
  float: left;
  margin: 20px 18px 0;
}

/*******************************************************/
/*                  PAGES WITH NO BIZ/TECH CONTENT TABS
********************************************************/
section#contentArea div#contentNoTech h2 {
  font-size:170%;
}

section#contentArea div#contentNoTech p.summary {
  color:#666666;
  font-size:110%;
  margin:.1em 0 2em;
}

/*******************************************************/
/*                  PRICING OPTIONS PLAN
********************************************************/

/* pricing plan layout */
div#planWrapper {
  float:left;
  font-size:105%;
  margin-top:1.5em;
}

div#planWrapper div.plan {
  border:1px solid #ccc;
  float:left;
  margin:0 0 1.5em;
  padding:15px 10px 10px;
  width:153px;
  min-height:265px;
  border-right:none;
  position:relative;
  text-align:center;
}

div#planWrapper div.last {
  border-right:1px solid #ccc;
}

div#planWrapper div.bottom {
  border:none;
  min-height: 0;
  width:675px;
}

/* plan overview font styles */
section#contentArea div#planWrapper div.plan h3 {
  display:block;
  font-size:200%;
  margin:0 0 0.2em;
  color:##3F1E10;
  font-weight:normal;
}

section#contentArea div#planWrapper div.bottom h3 {
  border-right:1px solid #ccc;
  float:left;
  margin:.2em 5px 0 0;
  padding:1.3em 15px 1.3em 0;
}

section#contentArea div#planWrapper div.plan h5 {
  color:#36636B;
  font-size:85%;
  font-weight:bold;
  margin-bottom:.5em;
  padding:0;
  text-transform:uppercase;
}

div#contentNoTech div#planWrapper div.plan p {
  color:#999;
  line-height: 1em;
  margin-bottom:1em;
}

div#planWrapper div.plan b {
  color:#C13B20;
  font-weight:bold;
  font-size:110%;
}

/* plan overview list styles */
div#contentNoTech div#planWrapper ul {
  text-align:left;
  border-top:1px solid #ccc;
  padding-top:20px;
  line-height:1.3;
  list-style:none;
}

div#contentNoTech div#planWrapper div.bottom ul {
  border-top:none;
  float:left;
  width:260px;
  margin:0 0 1em 10px;
  padding-top:.5em;
  list-style:disc;
}

div#contentNoTech div#planWrapper div.bottom ul li {
  margin-left:1.75em
}

div#contentNoTech div#planWrapper ul li {
  margin-left:.75em;
}

div#planWrapper a.button img {
  display:block;
  position:absolute;
  bottom:15px;
  left:35px;
}

/* plan details toggle link */
div#planWrapper a.toggle {
  background: url("/media/image/expandcollapsewhite.png") no-repeat scroll 0px 4px transparent;  
  display: block;
  padding: 0 12px 0 16px;
  clear: both;
  position: relative;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  max-height: 18px;
}

div#planWrapper a.expanded {
  background-position: 0 -10px;
}

/* plan details */
div#planWrapper div#detailTable {
  margin:1em 0 0;
  display:none;
}

div#planWrapper div#detailTable p {
  color:#999;
  margin-bottom:.5em;
}

div#planWrapper div#detailTable h4 {
  background-color:#ccc;
  margin:0;
  padding:9px 5px 5px 10px;
  font-size:100%;
}

div#planWrapper div#detailTable table {
  margin:0 0 1.5em;
  width:100%; 
}

div#planWrapper div#detailTable table th {
  border:1px solid #ccc;
  background-color: #ccc;
  padding:8px 5px 5px;
  text-align:center;
}

div#planWrapper div#detailTable table td {
  border:1px solid #ccc;
  padding:8px 5px 5px;
  text-align:center;
}

/* tooltip styling */
div#planWrapper u {   /* tooltip trigger */
  text-decoration:none;
  border-bottom:1px dotted #36636B;
  color:#36636B;
  position: relative;
  cursor:pointer;
}

div#planWrapper .tooltip {
  display:none;
  background:transparent url(/media/image/tooltip_lg_white_arrow_down.png);
  font-size:90%;
  height:126px;
  width:300px;
  padding:35px 35px 55px;
  color:#3F1E10;  
  position:relative;
  z-index:900;
  text-align: left;
  font-weight:bold;
  line-height:1.4;
}

/* override the arrow image of the tooltip so it "flips" if no room 
- commented out because of issues - pushed to center of page when too close to the left edge
div#planWrapper .tooltip.bottom {
  background:url(/media/image/tooltip_lg_white_arrow_up.png);
  padding:55px 35px 35px;
}*/


/* pricing comparison button */

.html5.button { border:0; font-size: 93%; padding: 0; margin: 0; background: transparent; font-family: Arial, Helvetica, sans-serif; margin: 10px 5px; /* float: left; */ }
.html5.button, .html5.button:visited { display: inline-block; color: #fff; text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; background: #222 url(/media/image/alertoverlay.png) repeat-x; 
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
 
.html5.button:hover { background-color: #111; color: #fff; }
.html5.button:active { top: 1px; }
.small.html5.button, .small.html5.button:visited { font-size: 93%; }
.html5.button, .html5.button:visited, .html5.medium.button, .html5.medium.button:visited {
  font-size: 100%; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.html5.large.button { font-size: 107%; padding: 8px 15px 9px; }
.html5.xlarge.button { font-size: 175%; padding: 8px 15px 9px; }
.html5.red.button, .html5.red.button:visited { background-color: #ae1b12; }
.html5.red.button:hover { background-color: #8f130c; }

.html5.green.button, .html5.green.button:visited { background-color: #36636B; }
.html5.green.button:hover { background-color: #106470; }

.html5.button a { color: #fff; text-decoration:none; padding: 5px 10px 6px 8px; clear:both; display:block; position:relative; }

.ztm { /* Zero Top Margin - for Marketing update */
	margin: 0 5px !important;
}


/* left and right and more */

#contentArea .right {
  float:right;
  margin:0 0 24px 24px;
}

#contentArea .left {
  float:left;
  margin:0 24px 24px 0;
}

#contentArea .media.right { /* updated to set media images on interior pages right (enlarges) */
	margin: 0;
}


.pullquote {
	display: block;
	padding: 0 5px;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	color: #783214;
	line-height: 1.39em;
	text-shadow: 1px 2px 1px white;
	margin: -6px 0 0 0;
}

.L250,.l250 {
	clear: both;
	width: 250px;
	float: left;
	text-align: center;
	border-right: 1px solid #CCC;
	margin-right: 20px;
	padding: 20px 0 0;
}

.clear {
	clear: both;
	height: 0;
	display: block;
}