
#e_content {
}

#footer {
}

#header {
}

#navigation {
}

#main_navigation {
}

#e_column_0 {
}

#column1 {
	float: left;
}

#e_column2 {
	float: right;
}

#gallery {
	float: left;
}

#description {
	float: right;
}

#product_tabs {
	clear: both;
}
/* Reset Style. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
/* 
Basic Styles
Company: Kelly Klosure
Author: Vivian Clark (vclark@i2rd.com)
*/

html {
  font-size: 100%; 
}
#ie7only html,
#ie7only a {
  font-size: .9em; 
}
body {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: .8em;
  color: #333;
  background: url(//dk0au5gynyo80.cloudfront.net/b4af-367342-header_bg.gif?pfvId=5837.lx10l87p) repeat-x top left;
}
/* general text styles -----------*/
h1 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 5px;
}
h2 {
  font-size: 1.3em; 
  font-weight: bold;
}
h3 {
  font-weight: bold; 
  font-size: 1.1em;
  margin-bottom: .5em;
}
p {
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: .9em;
}
#ie7only p {
  font-size: .8em; 
}
a {
  text-decoration: none;
  color: #14567e;
}
a:hover {
  text-decoration: underline; 
}

/* center alignment --------------------*/
#header,
#main_navigation,
#navigation,
#home_area,
#e_column_0,
#footer {
   width: 100%; 
}
#header-wc-0,
#navigation-wc-0,
#main_navigation-wc-0,
#home_area-wc-0,
#e_column_0-wc-0,
#footer {
   width: 940px;
   margin: 0 auto;
}

/* header ---------------------------*/
#header,
#header-wc-0 {
   height: 121px; 
}
#header-wc-0 {
   position: relative;
   z-index: 6;
}
#logo {
   padding: 0;
   float: left;
   margin-top: 8px;
   background: url(//dk0au5gynyo80.cloudfront.net/9aab-777342-kellyklosure_logo.gif?pfvId=583l.lx10l9qx) no-repeat left top; 
}
#logo,
#logo h1 a {
   width: 287px;
   height: 115px;
}
#logo h1 {
   margin: 0;
   padding: 0;
   background-image: none;
}
#logo h1 a {
   text-indent: -4000em;
   display: block;
}
/* products a to z dropdown ---------------*/
.projectaz_list {
  float: left;
  margin: 55px 0 0 30px;
  background: #550b0b url(//dk0au5gynyo80.cloudfront.net/6816-789872-arrow_dropdown.gif?pfvId=5z9n.gbo4p7q9) no-repeat 93% center; 
  width: 160px;
}
.projectaz_list li {
  border: none;
  color: #b3b3b3;
  padding: 5px;
  position: relative;
}
.projectaz_list li li {
  padding: 3px 5px; 
}
.projectaz_list li ul {
  position: absolute;
  background: white;
  left: 0;
  top: 25px;
  z-index: 2000;
  font-size: 11px;
  -moz-box-shadow: 0px 0px 10px 0px #666;
  height: 300px;
  overflow: auto;
}
/*request quote --*/
#request_quote {
   float: right;
   margin: 50px 0 0;
}
#request_quote p {
   margin-bottom: 0; 
}
#request_quote a {
   width: 134px;
   height: 28px;
   padding: 6px 0 0 15px;
   color: white;
   font-weight: bold;
   display: block;
   text-decoration: none;
   background: url(//dk0au5gynyo80.cloudfront.net/a9ad-172152-request_quote_header.gif?pfvId=5dvr.ga5n1jyw) no-repeat bottom left;
}
#request_quote a:hover {
  background-position: top left; 
}

/* navigation and search------------------------*/
#navigation {
   height: 82px;
   background: url(//d2b72z7ihluqto.cloudfront.net/1433-657342-clouds.gif?pfvId=5830.lx10l7br) repeat-x top left; 
}
#navigation-wc-0 {
   position: relative; 
   height: 82px;
}
/* search --*/
#search {
  float: right; 
  display: inline;
  width: 148px;
  height: 29px;
  margin-top: 0;
  background: url(//dk0au5gynyo80.cloudfront.net/1852-187342-search_bg.gif?pfvId=583p.lx10la6z) no-repeat left top;
}
#search .query {
  float: left;
  width: 113px;
}
#search .query input {
  height: 15px;
  width: 100px;
  padding: 7px;
}
#search .button {
  float: right;
}
#search .button input {
  cursor: pointer;
  cursor: hand;
  height: 29px;
  width: 32px;
}
#search input {
  background: transparent;
  border: 0;
}
/* secondary menu -------------*/
#secondary_menu {
   position: absolute;
   right: 0;
   bottom: 0;
   height: 29px;
   background: #292929 url(//dk0au5gynyo80.cloudfront.net/d126-870442-secondary_nav_right.gif?pfvId=58by.lx10laoa) no-repeat right top;
}
#secondary_menu li {
  width: 10em;
  height: 29px;
}
#secondary_menu li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 0 0 8px;
  border-left: 1px solid white;
  display: block;
}
#secondary_menu .first a {
  border-left: none; 
}
#secondary_menu li.over,
#secondary_menu li.mi-active {
  background: #808080; 
}
/* main navigation --------------------*/
#main_navigation {
   background: #284b61; 
   height: 29px;
   position: relative;
   z-index: 4;
}
#main_menu {
  position: relative;
  z-index: 5; 
}
#main_menu li {
  padding-top: 8px;
  width: 10em;
}
#main_menu li a {
   color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 0 0 8px 8px;
  border-left: 1px solid white;
  display: block;
  font-size: 13px;/* fix IE issue */
}
#main_menu li.over,
#main_menu li.mi-active {
  background: #617b88; 
}
#main_menu li li {
  width: 100%; 
}
#ie7only #main_menu li li {
  width: 14em; 
}
#main_menu li ul {
  background: white;
  padding: .5em;
  width: 16em;
  z-index: 5;
  -moz-box-shadow: 0px 0px 10px 0px #666;
}
#main_menu a.menuitemlabel:hover {
   text-decoration:underline;
}
#ie7only #main_menu li ul {
  width: 14em;
  padding: 0 .5em .5em .5em;
}
#main_menu li li a {
  color: #14567e; 
  font-weigth: normal;
  border-left: none;
  line-height: 1.4em;
  padding: 0 0 3px 3px;
}
#ie7only #main_menu li li a {
  padding: 2px 0 2px 3px;
  margin:0;
}
#main_menu li li.over,
#main_menu li li.mi-active {
  background: white; 
}
#main_menu li li a:hover,
#main_menu li li.mi-active a {
  text-decoration: underline; 
}
#ie7only #main_menu a {
  font-size: .8em;
}

#ie7only #main_menu li{
  width: 8em;
}
  
/* footer ------------------------*/
#footer {
  padding-top: 1em;
}
#footer-wc-0 {
   min-height: 16em;
   margin-bottom: 1em;
   background: url(//d2b72z7ihluqto.cloudfront.net/1b2b-427542-footer_top.gif?pfvId=59lo.lx10lavl) repeat-x center top;
}
#footer_menu {
   background: url(//dk0au5gynyo80.cloudfront.net/5e73-167342-footer_right.gif?pfvId=5835.lx10l80m) no-repeat right top; 
   padding: 20px 0;
}
#footer_menu ul {
  display: block; 
}
#footer_menu li {
   width: 147px; 
   height: 30em;
   border-left: 1px solid #ccc;
   padding-left: 10px;
   font-weight: bold;
   margin-bottom: 4em;
}
#footer_menu li a {
  color: #333;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
  line-height: 1.3em;
}
#footer_menu li a:hover {
  text-decoration: underline; 
}
#footer_menu li.last {
   width: 137px; 
}
#footer_menu li li {
   width: 100%;
   clear: both;
   float: none;
   border-left: none;
   height: auto;
   padding-left: 0px;
   font-weight: normal;
   margin-bottom: 0;
}
.bottom_links {
  height: 2em;
  text-align: right;
}
.textbean.bottom_links{
  background: none; 
}
#ie7only .bottom_links {
  margin-top: 20px; 
}
/* breadcrumb styles ------------ */
.breadcrumbbean {
  clear: both;
  float: left;
  height: 1.3em;
  margin: .7em 0;
  position: relative;
  width: 100%;
  z-index: 0;
}
.breadcrumbbean li{
  background: url(//d2b72z7ihluqto.cloudfront.net/5add-115662-bc_divider.gif?pfvId=5pn3.gb0w5vy8) no-repeat top right;
  font-size:.9em;
  float: left;
  margin: 0 .5em 0 0;
  padding-right: 1em;
}
.breadcrumbbean li.current {
  background-image: none; 
}/* interior page styles ---------------*/
#e_column_0 {
   padding: 2em 0;
   background: #DADADA url(//d2b72z7ihluqto.cloudfront.net/2430-321842-interior_column_bg.gif?pfvId=5bgb.g9rg8foz) repeat-x  left top ;
}
#column1 {
  float: left;
  width: 133px;
  padding: 0.8em 0.5em 1em 1em;
  background: white;
}
#column2 {
  float: right;
  width: 775px;
  background: white;
  padding: 10px;
}
/* headings ----------------------*/
h1 {
  position: relative;
  margin: 0 0 0 -18px;
  padding: 0 0 0 18px;
  background: url(//d2b72z7ihluqto.cloudfront.net/34f5-407052-product_title_left.gif?pfvId=5dg0.lx10lbhd) no-repeat left top;
}
#ie7only h1 {
  position: relative;
  overflow: visible;
  margin-left: -21px; 
}
.textbean + .textbean h1,
.case_study + .case_study h1{
  position: relative;
  margin: 0 0 0 -18px;
  padding-left: 18px;
  background: url(//d2b72z7ihluqto.cloudfront.net/c577-216562-product_title_left_grey.gif?pfvId=5oy4.lx10lg3i) no-repeat left top;
}
h1 strong {
  color: white;
  padding: 7px 10px 20px 0px;
  display: block;
  border-bottom: 1px solid #ccc;
  background: url(//d2b72z7ihluqto.cloudfront.net/ffca-507052-product_title_right.gif?pfvId=5dg1.lx10lbl7) no-repeat top right;
}
#column2 p,
#column2 h2,
#column2 h3,
#column2 ul {
  border-left: 1px solid #ccc;
  margin-bottom: 0;
  padding: 1em 0 0 1em;
}
#column2 h1 + p {
  padding-top: 1em; 
}
#column2 h3 {
  padding: 0.3em 0 0 0.7em;
}
#column2 h3 {
  color: #872321;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4em;
}

/* secondary nav - column1 -------------*/

#secondary_nav li {
  float: none;
  clear: both;
  display: block;
}
#secondary_nav li ul {
  display: block;
  padding-left: 8px;
  position: relative;
  left: 0;
}
#secondary_nav li a {
  display: block;
  padding: 0 0 .75em;
  line-height: 1.5em;
}
#secondary_nav li.menu_title {
  position: relative;
  height: 42px;
  margin-left: -20px;
  line-height: 1.6;
  background: url(//dk0au5gynyo80.cloudfront.net/34f3-620842-sidebar_title.gif?pfvId=5bdm.lx10lb3h) no-repeat top left;
}
#ie7only #secondary_nav li.menu_title {
  margin-left: -24px; 
}
#secondary_nav li.menu_title a {
  color: white;
  font-size: 1.4em;
  font-weight: bold;
  display: block;
  padding: 4px 10px 10px;
  background: url(//d2b72z7ihluqto.cloudfront.net/8d79-572152-sidebar_title_right.gif?pfvId=5dvv.lx10lc2o) no-repeat top right;
}
#ie7only #secondary_nav li.menu_title a {
  font-size: 1em;
}
#secondary_nav li.mi-active a,
#secondary_nav li a:hover {
   text-decoration: underline; 
}
#secondary_nav li.menu_title a {
   text-decoration: none; 
}
/* article styles (collapsible styles)-------*/ 
#column2 .articlecontainer {
  border-left: 1px solid #ccc;
  margin-bottom: 0;
}
.collapsible-control {
  cursor: pointer; 
}
#column2 .articlecontainer .article_heading {
  color: #872321;
  font-weight: normal;
  font-size: 1.5em;
  text-decoration: none;
  padding-top: 0.75em;
  line-height: 1.4;
}  
#column2 .articlecontainer .article_post_time {
  font-style: italic;
}  
#column2 .articlecontainer .article_post_time .label {
  display: none;
}  
#column2 .articlecontainer ol {
  margin-left: .8em;
}  
#column2 .articlecontainer ol p {
  border: none;
  padding-right: 0.5em;
}  
#column2 .articlecontainer .article_content {
  margin-bottom: 1em;
  padding-top: 1em;
}  

/* products section ----------------------*/

#e_column2 {
  float: right;
  width: 775px;
}
#gallery {
  float: left;
  width: 300px;
  padding: 6px;
  background: white;
}
#description {
  width: 430px;
  height: 21.8em;
  padding: 10px;
  background: white;
}

/* description -------------------*/

#description h1 {
  position: relative;
  margin: 0 0 0 -18px;
  padding-left: 18px;
  background: url(//d2b72z7ihluqto.cloudfront.net/34f5-407052-product_title_left.gif?pfvId=5dg0.lx10lbhd) no-repeat left top;
}
#description h1 span {
  color: white;
  padding: 7px 10px 20px 0px;
  display: block;
  border-bottom: 1px solid #ccc;
  background: url(//d2b72z7ihluqto.cloudfront.net/ffca-507052-product_title_right.gif?pfvId=5dg1.lx10lbl7) no-repeat top right;
}
#description .product_description p {
  border-left: 1px solid #ccc; 
  margin-bottom: 0;
  padding: 1em 0 0 1em;
}

/* product container ------------*/
.product_container {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #ccc;
}
.app_quote {
  float: left;
  background: #872321;
  width: 204px;
  padding: 10px 5px 5px 10px;
  margin-right: 8px;
}
.app_quote a,
.app_quote li.app_bt {
  display: block;
  float: left;
  text-decoration: none;
  font-weight: bold;
}
#ie7only .app_quote a {
  font-size: .8em;
}
#ie7only .app_quote .app_bt {
  font-size: .9em; 
}
.app_quote li.app_bt {
  cursor: pointer;
  color: #284b60;
  width: 110px;
  height: 34px;
  padding: 5px;
  line-height: 1;
  margin-right: 5px;
  background: url(//d2b72z7ihluqto.cloudfront.net/53e0-953152-common_app_bt.gif?pfvId=5dy7.ga5q5qxg) no-repeat top left;
}

.app_quote li.app_bt ul {
  top: 0px;
  left: 120px;
  background: #284B60;
  width: 110px;
  z-index: 5;
}

.app_quote li.app_bt li {
  cursor: default;
  display: block; 
  float: none;
  color: white;
  padding: 5px;
  
}
.app_quote .quote_bt a {
  width: 59px;
  height: 32px;
  color: white;
  padding: 5px 10px 5px 8px;
  line-height: 1;
  background: url(//dk0au5gynyo80.cloudfront.net/3639-272152-request_quote_products.gif?pfvId=5dvs.ga5n1k18) no-repeat bottom left; 
}
.app_quote .quote_bt a:hover {
  background-position: top left; 
}
.gsa_logo {
  float: left;
  width: 99px;
  padding: 12px 10px 0 0;
}
.questions,
.print {
  float: left; 
}
.questions a,
.print a {
  display: block;
  text-decoration: none;
}
.questions a:hover,
.print a:hover {
  text-decoration: underline;
}
.questions a {
  padding: 8px 0 5px 20px; 
  border-bottom: 1px solid #ccc;
  background: url(//d2b72z7ihluqto.cloudfront.net/bdf7-820252-icon_question.gif?pfvId=5egs.ga72ae9j) no-repeat left center;
}
.print a {
  padding: 5px 0 5px 20px; 
  background: url(//dk0au5gynyo80.cloudfront.net/d255-462152-icon_print.gif?pfvId=5dvk.ga5n1jj1) no-repeat left center;
}
.questions p,
.print p {
   margin: 0; 
}

/* product tabs ------------------------------*/
#product_tabs h3 {
  color: #872321;
  padding-bottom: .8em;
}
#product_tabs h4 {
  padding-bottom: .8em;
  font-weight:bold;
}
#product_tabs p + h3,
#product_tabs p + h4 {
  padding-top: .5em; 
}
#product_tabs {
  padding-top: 1em; 
}
#product_tabs .tab-items,
#product_tabs .tab-content {
  float: none;
  clear: both;
  overflow: hidden;
}
#product_tabs .tab-items li {
  display: block;
  float: left;
  background: #284b60;
  color: white;
  font-weight: bold;
  padding: .5em 0 0;
  cursor: pointer;
  border-bottom: 1px solid #284b60;
}
#product_tabs .tab-items li:hover {
  background: #617b87; 
}
#product_tabs .tab-items li.tab-selected {
  background: white;
  color: #872321;
}
#product_tabs .tab-items li span {
  display: block;
  padding: 0 2em .5em;
  border-left: 1px solid white;
}
#ie7only #product_tabs .tab-items li span {
  font-size: .9em; 
}
#product_tabs .tab-items li.first span {
  border-left: none; 
}
#product_tabs .tab-content {
  background: white;
  min-height: 13em;
  padding: 1em;
}
#product_tabs .tab-content h2 {
  padding-bottom: .5em; 
}
/* gallery sytles -------------------*/

#gallery .photoalbumviewer  {
   padding: 0; 
}
#gallery div.photo_viewer {
  margin: 0 0 .5em;
  border: none;
  position: relative;
  z-index: 1;
  float: left;
}
#gallery div.caption {
   border: none;
   display: none;
}
#gallery div.thumbnail_list {
   width: 100%; 
}

#gallery .photo img {
  float: left;
  text-align: left;
  top: 0;
  left: 0px !important; /* weirdness with IE :P */
  margin-left: 0px !important; /* weirdness with IE :P */
}
#gallery div.photo {
  position: static !important; /* weirdness with IE :P */
}
.thumbnail_list span,
#gallery div.album_title {
  display: none;
}
.thumbnail_list div.thumbnail {
  width: 53px !important;
  height: 46px !important;
  overflow: hidden;
  margin-right: 3px;
  border: 3px solid #666;
}
.thumbnail_list div.thumbnail img {
  padding: 0;
}
.thumbnail_list li.selected div.thumbnail {
  border: 3px solid black;
}
#gallery div.caption {
  display: none;
}
#gallery .carousel ol {
   width: 260px !important; 
}

/* thumbnail list */

#gallery .thumbnail_list span {
  display: block;
  width: 20px;
  height: 56px;
  text-indent: -400em;
}
.thumbnail_list span.previous {
  background: url(//d2b72z7ihluqto.cloudfront.net/1a19-147052-arrow_back.gif?pfvId=5dh1.lx10lbq6) no-repeat center;
}
.thumbnail_list span.next {
  background: url(//dk0au5gynyo80.cloudfront.net/c733-247052-arrow_next.gif?pfvId=5dh2.lx10lbt0) no-repeat center;
}


