/* Global Defaults */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em; /* Note that any font sizes will be a percentage of this top level default */
  color: #333;
  background-color: #FCFAFA;
  margin: 0;
  padding: 0;
}
/** html body {  font-size: 100.01%; }*/ /* IE HACK to fix font size scaling bug */

pre { font-family: Arial, Helvetica, sans-serif; }

/* Default Header Settings */
h1, h2, h3 {
  font-weight: bold;
  color: #333;
  margin: 0;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }

/* Table Default */
td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #333;
}

/* Default Form Settings */
form { margin: 0; padding: 0; }
input { vertical-align: top; }

/* Default Links */
a:link, a:visited, a:hover { text-decoration: none; }
a:link, a:visited { color: #369; }
a:hover { color: #274D72; text-decoration:underline;}

/* SideBar Links */
#sidebar a:link, #sidebar a:visited, #sidebar a:hover { text-decoration: none; font-weight: bold; }
#sidebar a:link, #sidebar a:visited { color: #369; }
#sidebar a:hover { color: #274D72; }

/* Header Links */
#header a:link, #header a:visited, #header a:hover { text-decoration: none;  font-weight: bold; }
#header a:link, #header a:visited { color: #369; }
#header a:hover { color: #274D72; text-decoration:underline;}

/* Default Lists */
ul, ol { margin: 0;  padding-left: 1.5em; }
* html ol { padding-left: 1.8em; }
li{ padding-bottom: 5px; }
ul li { list-style-type: square; }

/* Default IMG settings */
img { margin: 0; padding: 0; }
img.logo { margin-bottom: 10px; }

/* Default Button Configuration */
a.button, input.button { margin: 5px 0; }
a.button img { border: none; } /* Removes the border from all button images */
/* Default Buttons */
a.learnmore.button { width: 100px; height: 21px; }
a.go.button { width: 49px; height: 21px; }
a.recalculate.button { width: 120px; height: 21px; }
a.proceed.button { width: 150px; height: 21px; }
a.continue.button { width: 100px; height: 21px; }
a.search.button { width: 71px; height: 21px; }
a.select.button { width: 98px; height: 21px; }
a.selectpackage.button { width: 121px; height: 21px; }
a.selectbackorder.button { width: 132px; height: 21px; }
a.trythemnow.button { width: 115px; height: 21px; }
a.takeatestdrive.button { width: 135px; height: 21px; }
a.testdrivedesigntool.button { width: 255px; height: 21px; }
a.basicsite.button { width: 88px; height: 21px; }
a.builditforme.button { width: 109px; height: 21px; }
a.builditmyself.button { width: 111px; height: 21px; }
a.customsite.button { width: 100px; height: 21px; }
a.justwebhosting.button { width: 132px; height: 21px; }
a.nothanks.button { width: 94px; height: 21px; }
a.robustflexiblesite.button { width: 148px; height: 21px; }
a.yes.button { width: 49px; height: 21px; }
a.submit.button { width: 98px; height: 21px; }

#content-container div.tinyarrow {
  background-image: url(images/common/tiny-arrow.gif);
  padding: 0 0 5px 14px;
  background-position: left 4px;
  background-repeat: no-repeat;
}
#content-container div.smallarrow, #sidebar h3.smallarrow a {
  background-image: url(images/common/small-arrow.gif);
  padding: 0 0 5px 22px;
  background-position: left 1px;
  background-repeat: no-repeat;
}
#sidebar h3.smallarrow a { padding: 0 0 0 22px; }
#content-container div.tinyarrow a, #content-container div.smallarrow a,
#content-container ul.tinyarrow a, #content-container ul.smallarrow a { font-weight: bold; }

#sidebar h3.smallarrow a { background-position: center left; }

#content-container ul.tinyarrow,
#content-container ul.smallarrow { margin: 0; padding: 0; background-image: none; }
#sidebar ul.tinyarrow, #sidebar ul.smallarrow,
#sidebar div.tinyarrow, #sidebar div.smallarrow { margin: 0 10px; }
#content-container ul.tinyarrow li,
#content-container ul.smallarrow li {
  list-style: none outside;
  background-repeat: no-repeat;
  margin: 3px 0;
}
#content-container ul.tinyarrow li {
  background-image: url(images/common/tiny-arrow.gif);
  padding-left: 14px;
  background-position: left 4px;
}

#content-container ul.smallarrow li {
  background-image: url(images/common/small-arrow.gif);
  padding-left: 22px;
  background-position: left 1px;
}
#content-container ul.smallarrow li ul li,
#content-container ul.tinyarrow li ul li {
  background-image: none;
  list-style-type: square;
  padding-left: 5px;
}
#content-container ul.smallarrow li ul li a,
#content-container ul.tinyarrow li ul li a {
  font-weight: lighter;
}

.box .smallarrow, .box .tinyarrow { margin: 0 10px; }
/* Negate margins in these cases */
.box .content .smallarrow, .box .content .tinyarrow { margin: 0; }
.generic-container .box .smallarrow, .generic-container .box .tinyarrow { margin: 0; }

/* Hides the image from IE5, IE5.5 since they don't support padding on inline elements */
* html div.smallarrow a,
* html #sidebar h3.smallarrow a,
* html div.tinyarrow a { background-image /**/: none; }

/* Main Page */
#main {
  width: 749px;
  background-color: #FFF;
  border-right: 1px solid #CCC;
  padding: 0;
}

#main-liquid {
  background-color: #FFF;
  border-right: 1px solid #CCC;
  padding: 0;
  display: table-cell;
}

/* Header */
#header{
  clear: both;
  background-color: #ECF3F7;
  width: 749px;
  height: 102px;
  background-image: url(images/common/ui-page-bar-back.gif);
  background-repeat: repeat-x;
  border-bottom: 2px solid #3C6995;
}

#main-liquid #header {
  background-color: #ECF3F7;
  width: 100%;
  min-width: 749px;
  height: 77px;
  background-image: url(images/ui-page-bar-back.gif);
  background-repeat: repeat-x;
  border-bottom: 2px solid #3C6995;
}
* html #header { height /**/: 79px; } /* IE 5.1 HACK */

#header .returnhome { float: left; margin-top: 10px; padding-left: 10px; }
#header .customerwelcome { float: right; text-align: right; margin-top: 10px; margin-right: 5px; }
#header .accentimage { float: right; border-left: 1px solid #FFF; }
#header h1 { clear: left; padding-top: 25px; margin-left: 10px; }

/* Content Area */
#main #content-container{ width: 749px; margin: 0; padding: 0; }
#main-liquid #content-container{ width: 100%; margin: 0; padding: 0; }

/* Sidebar */
#sidebar {
  width: 200px;
  float: right;
  margin: 10px 10px 10px 0;
  display: inline; /* IE HACK - double margin bug */
}

#sidebar h3 {
  font-size: 1em;
  font-weight: bold;
  background-color: #326698;
  padding: 8px 0 8px 8px;
  margin-bottom: 5px
}

#sidebar h3 a.vieworder:link, #sidebar h3 a.vieworder:visited { color: #FFF; }
#sidebar h3 a.vieworder:hover { color: #CCC; }
#sidebar h3.smallarrow { margin-left: 0; }
#sidebar .smallarrow .vieworder { margin: 0; padding-bottom: 1px; }

#sidebar .box { background-color: #EAEAEA; padding-bottom: 15px; }

#sidebar .box h4 {
  background-color: #C6C4C5;
  font-size: 0.95em;
  margin: 0 0 10px 0;
  padding: 5px 5px 5px 10px;
  text-transform: uppercase;
}

#sidebar .box p { margin: 0; padding: 0 8px 6px 8px; }

/* Sidebar Form Elements */
#sidebar .box form {
  margin: 0;
  padding: 0 6px 8px 8px;/**/
}
#sidebar .box select { display: inline; width: 150px; }
#sidebar .box input { vertical-align: top; }

/* Content Setup */
#main-liquid #content-with-no-sidebar { padding: 10px; clear: both; }
#content-with-sidebar { clear: none; margin-right: 211px; padding: 10px; }
* html #content-with-sidebar { margin-top: 10px; padding: 0 10px 10px 10px; } /* IE HACK */
#content-with-no-sidebar { padding: 10px; clear: both; }
* html #content-with-no-sidebar { margin-top: 10px; padding: 0 10px 10px 10px;  } /* IE HACK */
#content-with-sidebar p, #content-with-no-sidebar p, #content-half p { margin: 0; padding: 0 0 8px 0; }
#content-half {
  float: left;
  margin: 10px 0 10px 3px;
  width: 351px;
  /*border: 1px #B8D3E1 solid;*/
  padding: 10px;
  display: inline; /* IE HACK - double margin bug */

}
* html #content-half { margin-top: 10px; padding: 0 10px 10px 10px; } /* IE HACK */

/* Product Buckets */
#content-container .product-container,
#content-container .product-callout,
#content-container .product-list,
#content-container .product-info,
#content-container .generic-container,
#content-container .column-container {
  margin: 0 0 10px 0;
  float: left;
  clear: left;
}

#content-with-no-sidebar .product-container,
#content-with-no-sidebar .product-callout,
#content-with-no-sidebar .product-list,
#content-with-no-sidebar .product-info,
#content-with-no-sidebar .generic-container,
#content-with-no-sidebar .column-container { clear: both; }

/* Overall Container Width */
#content-with-sidebar .product-container,
#content-with-sidebar .product-list,
#content-with-sidebar .product-callout,
#content-with-sidebar .product-info,
#content-with-sidebar .generic-container { width: 517px; }
#content-with-sidebar .column-container { width: 514px; }
/*#content-with-sidebar .generic-container{ width: 497px; }
* html #content-with-sidebar .generic-container{ width: 517px; }*/ /* IE HACK */
#content-with-no-sidebar .product-container,
#content-with-no-sidebar .product-list,
#content-with-no-sidebar .generic-container { width: 728px; }
#content-with-no-sidebar .product-info,
#content-with-no-sidebar .product-callout { width: 727px; }
#content-with-no-sidebar .column-container { width: 724px; }
#content-half .product-container,
#content-half .product-list,
#content-half .product-callout,
#content-half .product-info,
#content-half .generic-container { width: 351px; }
#content-half .column-container { width: 348px; }
/*#content-half .generic-container{ width: 317px; }
* html #content-half .generic-container{ width: 337px; }*/ /* IE HACK */
/* IE HACK */
/** html #content-with-no-sidebar .product-container .box.oneofone { margin-left: 0; }
* html #content-with-no-sidebar .product-container .box.oneofone { width: 725px; }
* html #content-with-no-sidebar .generic-container .box { width: 705px; }*/


#content-container .product-container h4,
#content-container .product-callout h4,
#content-container .product-info h4,
#content-container .product-list h4,
#content-container .column-container h4 {
  background-color: #B8D3E1;
  padding: 7px 10px 6px 10px;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
  /*height: 2em;*/
}

#content-container .product-list h4 {
  background-color: #9AB0BD;
  padding: 6px 10px;
  border-bottom: 1px #FFF solid;
  margin-right: 1px;
}

#content-container .product-container h5,
#content-container .product-list h5 {
  background-color: #B8D3E1;
  padding: 2px 10px 6px 10px;
  margin: 0;
  font-size: 1.2em;
  font-weight: normal;
}

#content-container .product-list h5 { padding: 4px 10px; }

#content-with-no-sidebar .product-list h4 { margin: 0 2px 0 0; }
/* IE HACK */
* html #content-with-sidebar .product-list h4 { margin /**/: 0 4px 0 0; } /* IE5.1, IE5.5 */
/** html #content-with-no-sidebar .product-list h4 { margin-right: 1px; }*/
* html #content-with-no-sidebar .product-list h4 { margin /**/: 0 5px 0 0; } /* IE5.1, IE5.5 */
* html #content-half .product-list h4 { margin /**/: 0 4px 0 0; } /* IE5.1, IE5.5 */

/* Secondary Coloring */
#content-container .product-container .secondary h4,
#content-container .product-callout .secondary h4,
#content-container .product-info .secondary h4,
#content-container .product-list .secondary h5 { background-color: #DFEBF1; }

/* GENERIC CONTAINER */
#content-container .generic-container .box {
  border: 1px solid #B8D3E1;
  background-color: #FFF;
  padding: 10px;
}

#content-container .generic-container .box h4 {
  background-color: #B8D3E1;
  font-size: 1.2em;
  margin: -10px -10px 10px -10px;
  padding: 7px 10px 6px 10px;
}

#content-container .generic-container .box.secondary h4 { background-color: #DFEBF1; }

#content-container .generic-container .box.disclaimer { color: #AAA; }

#content-container .product-container .box,
#content-container .product-list .box,
#content-container .product-callout .box,
#content-container .generic-container .box.oneoftwo,
#content-container .generic-container .box.oneofthree {
  float: left;
  border-bottom: 1px solid #B8D3E1;
  border-left: 1px solid #B8D3E1;
  border-top: none;
  border-right: none;
  background-color: #FFF;
  color: #333;
  margin-right: 1px;
}
/* Tertiary */
#content-container .generic-container.tertiary .box h4,
#content-container .product-container.tertiary .box h4,
#content-container .product-container.tertiary .box h5 { background-color: #FFF; }
#content-container .generic-container.tertiary .box,
#content-container .product-container.tertiary .box {
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
}

#content-container .product-container .box.oneofone {
  border-bottom: 1px solid #B8D3E1;
  border-left: 1px solid #B8D3E1;
  border-right: 1px solid #B8D3E1;
  margin-right: 0;
}

#content-container .product-container .box .content,
#content-container .product-list .box .content,
#content-container .product-info .box .content {
  padding: 10px 10px 0 10px;
}

/* Use this cap class to close off the right side of the right-most product container */
#content-container .product-container .box.cap,
#content-container .product-list .box.cap,
#content-container .generic-container .box.oneoftwo.cap,
#content-container .generic-container .box.oneofthree.cap {
  border-right: 1px solid #B8D3E1;
  margin-right: 0;
}

#content-container .generic-container.tertiary .box.cap,
#content-container .product-container.tertiary .box.cap {
  border-right: 1px solid #FFF;
}

#content-container .product-container .box .content ul,
#content-container .product-callout.box .content ul,
#content-container .generic-container.box .content ul {
  margin: 5px 0;
}

#content-container .product-container .box .button,
#content-container .product-list .box .button {
  margin-left: 10px;
  /*margin: 0;
  position: relative;
  bottom: 0;
  left: 0;*/
}

/* Smallcontrols applies to radio and checkboxes */
#content-container .product-container .box dl.radio,
#content-container .product-list .box dl.radio,
#content-container .product-info .box dl.radio,
#content-container .generic-container .box dl.radio,
#content-container .product-container .box dl.smallcontrols,
#content-container .product-list .box dl.smallcontrols,
#content-container .product-info .box dl.smallcontrols,
#content-container .generic-container .box dl.smallcontrols {
  margin: 0;
  padding: 0;
}

#content-container .product-container .box dl.radio dt,
#content-container .product-list .box dl.radio dt,
#content-container .product-info .box dl.radio dt,
#content-container .generic-container .box dl.radio dt,
#content-container .product-container .box dl.smallcontrols dt,
#content-container .product-list .box dl.smallcontrols dt,
#content-container .product-info .box dl.smallcontrols dt,
#content-container .generic-container .box dl.smallcontrols dt {
  float: left;
  clear: left;
  width: 20px;
  padding: 3px 0 3px 10px;
}

#content-container .product-container .box dl.radio dd,
#content-container .product-list .box dl.radio dd,
#content-container .product-info .box dl.radio dd,
#content-container .generic-container .box dl.radio dd,
#content-container .product-container .box dl.smallcontrols dd,
#content-container .product-list .box dl.smallcontrols dd,
#content-container .product-info .box dl.smallcontrols dd,
#content-container .generic-container .box dl.smallcontrols dd {
  margin-left: 35px;
  padding: 5px 0 1px 0;
}

/* Pricing */
#content-container .product-container .box p.price,
#content-container .product-list .box p.price,
#content-container .product-callout .box p.price { margin-left: 10px; font-weight: bold;  color: #333; }
#content-container p.price, #content-container span.price { font-weight: bold;  color: #333; }

/* Content With Sidebar Product Container, Product List box widths */
#content-with-sidebar .product-container .box.oneofthree,
#content-with-sidebar .product-list .box.oneofthree { width: 170px; }
#content-with-sidebar .product-container .box.oneoftwo,
#content-with-sidebar .product-list .box.oneoftwo { width: 256px; }
#content-with-sidebar .column-container .box { width: 237px; }
#content-with-sidebar .product-container .box.oneofone,
#content-with-sidebar .product-list .box.oneofone,
#content-with-sidebar .product-callout .box,
#content-with-sidebar .product-info .box { width: 514px; }
#content-with-sidebar .generic-container .box { width: 494px; }
#content-with-sidebar .generic-container .box.oneofthree { width: 150px; }
#content-with-sidebar .generic-container .box.oneoftwo { width: 236px; }
#content-with-sidebar .product-container .box.oneoftwo.principle,
#content-with-sidebar .product-list .box.oneoftwo.principle,
#content-with-sidebar .product-callout .box.principle { width: 307px; }
#content-with-sidebar .product-container .box.oneoftwo.auxiliary,
#content-with-sidebar .product-list .box.oneoftwo.auxiliary,
#content-with-sidebar .product-callout .box.auxiliary { width: 205px; }
#content-with-sidebar .generic-container .box.oneoftwo.principle { width: 288px; }
#content-with-sidebar .generic-container .box.oneoftwo.auxiliary { width: 184px; }
/** html #content-with-sidebar .generic-container .box { width: 514px; }*/ /* IE HACK */
/* Content With No Sidebar Product Container, Product List box widths */
#content-with-no-sidebar .product-container .box.oneofthree,
#content-with-no-sidebar .product-list .box.oneofthree { width: 240px; }
#content-with-no-sidebar .product-container .box.oneoftwo,
#content-with-no-sidebar .product-list .box.oneoftwo { width: 361px; }
#content-with-no-sidebar .column-container .box { width: 342px; }
#content-with-no-sidebar .product-container .box.oneofone,
#content-with-no-sidebar .product-list .box.oneofone,
#content-with-no-sidebar .product-callout .box,
#content-with-no-sidebar .product-info .box { width: 724px; }
#content-with-no-sidebar .generic-container .box { width: 704px; }
#content-with-no-sidebar .generic-container .box.oneofthree { width: 220px; }
#content-with-no-sidebar .generic-container .box.oneoftwo { width: 341px; }
#content-with-no-sidebar .product-container .box.oneoftwo.principle,
#content-with-no-sidebar .product-list .box.oneoftwo.principle,
#content-with-no-sidebar .product-callout .box.principle { width: 433px; }
#content-with-no-sidebar .product-container .box.oneoftwo.auxiliary,
#content-with-no-sidebar .product-list .box.oneoftwo.auxiliary,
#content-with-no-sidebar .product-callout .box.auxiliary { width: 289px; }
#content-with-no-sidebar .generic-container .box.oneoftwo.principle { width: 414px; }
#content-with-no-sidebar .generic-container .box.oneoftwo.auxiliary { width: 268px; }
/** html #content-with-no-sidebar .generic-container .box { width: 724px; }*/ /* IE HACK */
/* Content Half Product Container, Product List box widths */
#content-half .product-container .box.oneoftwo,
#content-half .product-list .box.oneoftwo { width: 173px; }
#content-half .column-container .box { width: 152px; }
#content-half .product-container .box.oneofone,
#content-half .product-list .box.oneofone,
#content-half .product-callout .box,
#content-half .product-info .box { width: 348px; }
#content-half .generic-container .box { width: 328px; }
#content-half .generic-container .box.oneoftwo { width: 153px; }
/** html #content-half .generic-container .box { width: 334px; }*/ /* IE HACK */

/* These define the variable heights of the product container boxes */
#content-container .product-container.xxxlarge .box,
#content-container .product-list.xxxlarge .box,
#content-container .product-info.xxxlarge .box,
#content-container .product-callout.xxxlarge .box,
#content-container .generic-container.xxxlarge .box {height:28em;}
#content-container .product-container.xxlarge .box,
#content-container .product-list.xxlarge .box,
#content-container .product-info.xxlarge .box,
#content-container .product-callout.xxlarge .box,
#content-container .generic-container.xxlarge .box {height:26em;}
#content-container .product-container.xlarge .box,
#content-container .product-list.xlarge .box,
#content-container .product-info.xlarge .box,
#content-container .product-callout.xlarge .box,
#content-container .generic-container.xlarge .box {height:24em;}
#content-container .product-container.large .box,
#content-container .product-list.large .box,
#content-container .product-info.large .box,
#content-container .product-callout.large .box,
#content-container .generic-container.large .box {height:22em;}
#content-container .product-container.medium .box,
#content-container .product-list.medium .box,
#content-container .product-info.medium .box,
#content-container .product-callout.medium .box,
#content-container .generic-container.medium .box {height:20em;}
#content-container .product-container.small .box,
#content-container .product-list.small .box,
#content-container .product-info.small .box,
#content-container .product-callout.small .box,
#content-container .generic-container.small .box {height:18em;}
#content-container .product-container.xsmall .box,
#content-container .product-list.xsmall .box,
#content-container .product-info.xsmall .box,
#content-container .product-callout.xsmall .box,
#content-container .generic-container.xsmall .box {height:16em;}
/* If this is a single product container across, the height should fit the size on the content. */
#content-container .product-container .box.oneofone { height: auto; }
/* Product Callout PriceInfo box height */
#content-container .product-callout.xxxlarge .box .priceinfo{height:25em;}
#content-container .product-callout.xxlarge .box .priceinfo{height:23em;}
#content-container .product-callout.xlarge .box .priceinfo{height:21em;}
#content-container .product-callout.large .box .priceinfo{height:19em;}
#content-container .product-callout.medium .box .priceinfo{height:17em;}
#content-container .product-callout.small .box .priceinfo{height:15em;}
#content-container .product-callout.xsmall .box .priceinfo{height:13em;}
/* Product Container Content height */
#content-container .product-container.xxxlarge .box .content{height:20em;}
#content-container .product-container.xxlarge .box .content{height:18em;}
#content-container .product-container.xlarge .box .content{height:16em;}
#content-container .product-container.large .box .content{height:14em;}
#content-container .product-container.medium .box .content{height:12em;}
#content-container .product-container.small .box .content{height:10em;}
#content-container .product-container.xsmall .box .content{height:8em;}
/* Product Container Content With Price height */
#content-container .product-container.xxxlarge .box .content.withprice{height:18em;}
#content-container .product-container.xxlarge .box .content.withprice{height:16em;}
#content-container .product-container.xlarge .box .content.withprice{height:14em;}
#content-container .product-container.large .box .content.withprice{height:12em;}
#content-container .product-container.medium .box .content.withprice{height:10em;}
#content-container .product-container.small .box .content.withprice{height:8em;}
#content-container .product-container.xsmall .box .content.withprice{height:6em;}
#content-container .product-container .box.oneofone .content{height: auto;}
/* Product List Content height */
#content-container .product-list.xxxlarge .box .content{height:22em;}
#content-container .product-list.xxlarge .box .content{height:20em;}
#content-container .product-list.xlarge .box .content{height:18em;}
#content-container .product-list.large .box .content{height:16em;}
#content-container .product-list.medium .box .content{height:14em;}
#content-container .product-list.small .box .content{height:12em;}
#content-container .product-list.xsmall .box .content{height:10em;}
/* Product List Content with Price height */
#content-container .product-list.xxxlarge .box .content.withprice{height:20em;}
#content-container .product-list.xxlarge .box .content.withprice{height:18em;}
#content-container .product-list.xlarge .box .content.withprice{height:16em;}
#content-container .product-list.large .box .content.withprice{height:14em;}
#content-container .product-list.medium .box .content.withprice{height:12em;}
#content-container .product-list.small .box .content.withprice{height:10em;}
#content-container .product-list.xsmall .box .content.withprice{height:8em;}
/* Product Callout Content height */
#content-container .product-callout.xxxlarge .box .content{height: 21em;}
#content-container .product-callout.xxlarge .box .content{height:19em;}
#content-container .product-callout.xlarge .box .content{height:17em;}
#content-container .product-callout.large .box .content{height:15em;}
#content-container .product-callout.medium .box .content{height:13em;}
#content-container .product-callout.small .box .content{height:11em;}
#content-container .product-callout.xsmall .box .content{height:9em;}
/* Product Info, Product Callout Content with Price height */
#content-container .product-info.xxxlarge .box .content,
#content-container .product-callout.xxxlarge .box .content.withprice{height: 20em;}
#content-container .product-info.xxlarge .box .content,
#content-container .product-callout.xxlarge .box .content.withprice{height:18em;}
#content-container .product-info.xlarge .box .content,
#content-container .product-callout.xlarge .box .content.withprice{height:16em;}
#content-container .product-info.large .box .content,
#content-container .product-callout.large .box .content.withprice{height:14em;}
#content-container .product-info.medium .box .content,
#content-container .product-callout.medium .box .content.withprice{height:12em;}
#content-container .product-info.small .box .content,
#content-container .product-callout.small .box .content.withprice{height:10em;}
#content-container .product-info.xsmall .box .content,
#content-container .product-callout.xsmall .box .content.withprice{height:8em;}


#content-container .product-callout h4 { margin-right: 1px; }
#content-container .product-callout .box.auxiliary { border-right: 1px solid #B8D3E1; }

/* The multiple containers here are used to center the content inside the box.
IE has trouble with this (it doesn't support table-cell or vertical-align */
#content-container .product-callout .box.auxiliary .content {
  width: 89%;
  height: auto;
  font-weight: bold;
  color: #666;
  display: table;
  overflow: hidden;
  _position: relative;  /* IE HACK */
}
#content-container .product-callout .box.auxiliary .content .containcontent {
  _position: absolute;  /* IE HACK */
  _top: 50%;  /* IE HACK */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}
/* IE HACK */
* html #content-container .product-callout .box.auxiliary .content .containcontent .actualcontent {
  position: relative;
  top: -50%;
}

#content-container .product-callout .box.auxiliary .content h5 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
}

#content-container .product-info .box {
  border: 1px solid #B8D3E1;
  background-color: #FFF;
}

#content-container .product-info .box.firstonpage h4 { background-color: #B8D3E1; }

#content-container .product-info .box .content,
#content-container .product-callout .box .content {
  padding: 10px;
}

#content-container .product-info .box ul {
  padding: 8px 5px 5px 5px;
  border-bottom: 1px solid #DFEBF1;
}

#content-container .product-info .box li { margin-left: 20px; }

/* Change this to ul.cap */
#content-container .product-info .box ul.cap{ border-bottom: 0; }

/* Gives the button a special left margin when in these boxes */
#content-container .product-info .button,
#content-container .product-callout .box .button { margin-left: 10px; }

/* Column Container */
#content-container .column-container { border: 1px solid #B8D3E1; }

#content-container .column-container .box {
  float: left;
  background-color: #FFF;
  color: #333;
  padding: 10px;
}

#content-container .column-container .secondary h4 { background-color: #DFEBF1; }

#content-container .column-container ul { }
#content-container .column-container ul li { }

/* Use this to give a product-container box that acid green border and header background color */
#content-container .product-container .box.highlight,
#content-container .product-callout.highlight .box,
#content-container .product-list .box.highlight,
#content-container .product-container .box.highlight h4,
#content-container .product-callout.highlight h4,
#content-container .product-container .box.highlight h5,
#content-container .product-list .box.highlight h5 {
  border-color: #C5EE62;
}
#content-container .product-container .box.highlight h4,
#content-container .product-container .box.highlight h5,
#content-container .product-callout.highlight h4,
#content-container .product-list .box.highlight h5 {
  background-color: #C5EE62;
}

/* Johnson boxes (these are ad/info boxes) */
#content-container .johnsonbox {
  border-top: 15px solid #B8D3E1;
  border-left: 1px solid #B8D3E1;
  border-right: 1px solid #B8D3E1;
  border-bottom: 1px solid #B8D3E1;
  background-color: #FFF;
  color: #333;
  padding: 10px;
  float: left;
  margin: 0 10px 10px 0;
}
#sidebar .johnsonbox { width: 178px; }
#content-with-sidebar .johnsonbox { width: 143px; }
#content-with-no-sidebar .johnsonbox { width: 213px; }
#content-half .johnsonbox { width: 148px; }

#content-container .johnsonbox.right { float: right; margin: 0 0 10px 10px; }

#content-with-sidebar .johnsonbox.right { margin-right: 2px; }
#content-with-no-sidebar .johnsonbox.right { margin-right: 3px; }
#content-half .johnsonbox.right { margin-right: 1px; }
* html #content-with-no-sidebar .johnsonbox.right { margin-right: 2px; } /* IE HACK */

#content-container .johnsonbox.last { margin-left: 1px; margin-right: 0; } /* Last item in a stacked list of johnsonboxes */
#content-container .johnsonbox.specialoffer p { font-size: 1.5em; text-align: center; } /* For sales or callouts */
#content-container .johnsonbox.highlight { border-color: #C5EE62; } /* Acid green highlighting */

#content-container .johnsonbox.xxxlarge { height: 15em; }
#content-container .johnsonbox.xxlarge { height: 14em; }
#content-container .johnsonbox.xlarge { height: 12em; }
#content-container .johnsonbox.large { height: 10em; }
#content-container .johnsonbox.medium { height: 8em; }
#content-container .johnsonbox.small { height: 6em; }
#content-container .johnsonbox.xsmall { height: 4em; }

/* Promo Area */
.promo-container {
  clear: both;
  height: 13em;
  background-color: #B7D3E1;
  border-bottom: 1px solid #FFF;
  color: #666;
}

#main .promo-container { width: 749px; }
* html .promo-container { width /**/: 729px; } /* IE 5.1 HACK */
#main-liquid .promo-container { width: 100%; }

.promo-container .block {
  float: left;
  width: 261px;
  height: 13em;
  border-right: 2px solid #FFF;
}
* html .promo-container .block { width /**/: 256px; } /* IE 5.1 HACK */

.promo-container .block.one { background-color: #DFEBF1; }
.promo-container .block.two { background-color: #D0E1EB; }

.promo-container .block img.promo-image {
  border: 1px solid #3C6995;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

.promo-container .block .content {
  margin-left: 67px;
  padding: 10px;
  width: 160px;
}

.promo-container .block .content h5 { margin: 0; font-size: 1em; }

.promo-container .block .content p { margin: 0; padding: 0; }

.promo-container .block .button {
  float: left;
  clear: left;
  margin: 0;
  display: inline; /* IE HACK - double margin bug */
}
.promo-container .block .go.button { margin: 10px 0 0 10px; border: none; }

/* Footer */
#content-container #footer {
  background-color: #E5E5E5;
  border-top: 3px #333 solid;
  height: 150px;
  clear: both;
  text-align: center;
}

#content-container #footer ul {
  background-color: #CCC;
  border-top: 1px #FFF solid;
  border-bottom: 1px #FFF solid;
  padding: 5px 0;
}

#content-container #footer ul li {
  display: inline;
  list-style: none;
  padding: 5px 8px;
  font-size: 0.95em;
}

#content-container #footer ul li.separator { padding: 5px 3px; }

#content-container #footer li a:link,
#content-container #footer li a:visited,
#content-container #footer li a:hover { color: #666; }
#content-container #footer li.standout { font-size: 1em; border-right: 1px #FFF solid; }
#content-container #footer li.standout a:link,
#content-container #footer li.standout a:visited,
#content-container #footer li.standout a:hover { color: #369; font-weight: bold; }

/* Popup Styles */
#popup { font-size: 1em; }

#popup #masthead {
  background-color: #ECF3F7;
  height: 29px;
  background-image: url(images/ui-popup-masthead-back.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #FFF;
}
/* Header */
#popup #popup-header {
  background-color: #ECF3F7;
  height: 42px; /*67*/
  background-image: url(images/common/ui-popup-header-back.gif);
  background-repeat: repeat-x;
  border-bottom: 2px solid #3C6995;
}

* html #popup #popup-header { height /**/: 54px; } /* IE 5.1 HACK */

#popup #popup-header h1 {
  margin: 0 0 3px 10px;
  padding-top: 19px;
}

#popup #masthead .button-close {
  float: right;
  border-left: solid 1px #FFF;
}

#popup #content-container p { margin: 0; padding: 0; }

#popup #content-container .content { font-weight: normal; padding: 10px; }
#popup #content-container .content-glossary { font-weight: normal; padding: 0 10px; }

#popup #content-container .content-glossary h2 {
  font-size: 1.1em;
  text-transform: uppercase;
  border-bottom: solid 2px #666;
}

#popup #content-container .content-glossary .glossary {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.25ex;
  text-transform: uppercase;
  margin: 14px 0 24px 0;
}

#popup #content-container .content-glossary dl,
#popup #content-container .content-glossary dt,
#popup #content-container .content-glossary dd { margin: 0; }

#popup #content-container .content-glossary dt {
  font-weight: bold;
  color: #333;
  margin-bottom: 0.5em;
  font-size: 1em;
  padding-top: 12px;
}
#popup #content-container .content-glossary dd { padding: 0 0 14px 0; }

#popup #content-container .back-to-top { padding-bottom: 17px; }

#popup #content-container thead.chart {
  font-weight: bold;
  background-color: #EEE;
}
#popup #content-container table.chart {
  margin: auto;
  border-bottom: solid 1px #666;
  border-right: solid 1px #666;
}
#popup #content-container .chart td, th {
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  vertical-align: top;
  padding: 0.25em 1em 0.25em 0.5em;
  text-align: left;
}

.tab-container-home{
	margin:0px 0px 0px 0px;
	background-image:url(../images/nav-tab-background2.gif);
	background-repeat:repeat-x;
	background-position:left;
	height:25px;
}
.tabs{font-family:Arial;
	padding:5px 17px 5px 16px;
	color:#336699;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #ffffff;
	float:left;
	}
	.tab-cap{border-right:0px solid #ffffff;}
	.tab-home{
	color:#FFFFFF;
	background-image:url(../images/nav-tab-home.gif);
	background-repeat:repeat-x;
}
	td.stepheaderon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 0px 10px;
	text-align:left;
}


#sidebar #cs-widget {
margin:0 0 15px 0;
padding:0;
border:1px solid #A8C9D9;
background:#FFF url(/styles/images/common/cs-widget-bg.gif) repeat-x bottom left;
text-align:right;
width:198px;
}

#sidebar #cs-widget h5 {
margin:10px 10px 0 0;
font-size:20px;
color:#849E29;
font-weight:normal;
}

#sidebar #cs-widget h6 {
margin:0 10px;
font-size:13px;
color:#666;
font-weight:bold;
}

#sidebar #cs-widget.ev-certs .comingsoon {
background:url(/styles/images/common/ev-certs-widget-lock.gif) no-repeat -10px 5px;
border-top:1px solid #B8D3E1;
margin:10px 10px 0 10px;
}
#sidebar #cs-widget.ev-certs .comingsoon h6 { margin:10px 0 0 0; }
#sidebar #cs-widget.ev-certs .comingsoon p { margin:5px 0 0 0; padding:0 0 10px 0; }