.component_site_item {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #f7f7f7 url("../../img/desktop/gradient_f7f7f7-e2e2e2.png") repeat-y right top;
  /*background: #f7f7f7 url('../../img/desktop/grids/view_site_item.png') center;*/
  width: 940px;
  height: 805px;
  overflow: hidden;
}

/*specify margins*/
.component_site_item.hidden {
  display: none;
}

/*specify margins*/
.component_site_item > .content {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 28px;
  position: relative;
}

/* Header */
.component_site_item > .content > .header {
  padding-bottom: 10px;
}

.component_site_item > .content > .header > .column1 {
  float: left;
  width: 650px;
}

.component_site_item > .content > .header > .column1 > h1 {
  font-family: 'goodlight';
  font-size: 35px;
  padding-bottom: 5px;
}

.component_site_item > .content > .header > .column1 > h1 > span {
  color: #DE2626;
  outline: 1px solid;
}

.component_site_item > .content > .header > .column1 > h4 {
  font-family: 'goodbook';
  font-size: 12px;
  color: #7D7D7D;
  padding-top: 0px;
}

.component_site_item > .content > .header > .column2 {
  float: left;
  width: 250px;
}

.component_site_item > .content > .header > .column2 > .controller_container {
  float: right;
  padding-top: 3px;
}

/* SLIDESHOW CONTAINER */
.component_site_item > .content > .slideshow_container {
  position: relative;
}

/*FOOTER*/
.component_site_item .footer {
  padding-top: 22px;
}

.component_site_item .footer > .column1 {
  width: 650px;
  height: 115px;
  float: left;
  position: relative;
}

.component_site_item .footer > .column1 > div {
  width: 465px;
  height: 165px;
  float: left;
}

.component_site_item .footer > .column1 > div > .text {
  font-family: goodbook, arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding-right: 25px;
  height: 70px;
}

.component_site_item .footer > .column1 > div > .link {
  height: 50px;
  float: left;
}

.component_site_item .footer > .column1 > div > .link > .offline {
  font-family: goodbook, arial, sans-serif;
  font-size: 14px;
  color: #7D7D7D;
  padding-top: 13px;
}

/*CREDITS*/
.component_site_item .footer > .column1 .credits_container {
  width: 165px;
  float: left;
  padding-top: 4px;
}

/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/
.component_site_item .footer > .column2 {
  width: 250px;
  height: 115px;
  float: left;
}

.component_site_item .footer > .column2 > .row1 {
  height: 30px;
}

/*SHARE ICONS + DOCK*/
.component_site_item .footer > .column2 > .row1 > .content {
  padding-top: 4px;
  float: right;
}

.component_site_item .footer > .column2 > .row1 > .content > .component_share_icons {
  float: left;
}

.component_site_item .footer > .column2 > .row1 > .content > #addtodock_button {
  float: left;
}

.component_site_item .footer > .column2 > .row2 {
  height: 40px;
}

.component_site_item .footer > .column2 > .row2 > .component_button_arrow_text {
  padding-top: 2px;
  float: right;
}

.component_site_item .footer > .column2 > .row3 {
  height: 40px;
}

.component_site_item .footer > .column2 > .row3 > .component_button_arrow_text {
  padding-top: 8px;
  float: right;
}

.component_site_item .footer > .column2 > .row3 > .google_sandbox {
  float: right;
  width: 215px;
  height: 40px;
  background: url("../../img/creativesandbox_logo.png") top right no-repeat;
}

.component_site_item .addtodock {
  position: absolute;
  top: 122px;
  right: -1px;
  width: 314px;
  height: 515px;
}

.component_site_item .addtodock.hidden {
  width: 1px;
  height: 1px;
}

.component_site_item #addtodock_button {
  visibility: hidden;
}