/* WIDGETS */

#right-widgets {
	width: 222px;
}
#content-widgets .span-1 {
  width: 323px;
}
#content-widgets .span-2 {
  width: 647px;
}

#bottom-widgets {
	padding-left: 12px;
  clear: both;
}

#bottom-widgets .span-1 {
  width: 222px;
}
#bottom-widgets .span-2 {
  width: 460px;
}

#bottom-widgets .widget	{
	float: left;
}

.widget-background {
  z-index: 2;
  position: absolute;
  margin-left: 3px;
  height: 110px;
  background: url(/images/backgrounds/grey.gif) left top repeat-x;
  bottom: 0;
}

#content-widgets .span-1 {
  float: left;
}

#content-widgets .span-1 .widget-background {
  width: 304px;
}

#content-widgets .span-2 .widget-background {
  width: 614px;
}

#right-widgets .span-1 .widget-background {
	width: 216px;
}

#right-widgets .span-1 .widget-button-background, #bottom-widgets .span-1 .widget-button-background {
	background: #ebebeb;
	width: 216px;
	position: absolute;
	bottom: 0;
	z-index: 3;
	height: 34px;
  margin-left: 3px;
}

#right-widgets .span-1 .widget-button, #bottom-widgets .span-1 .widget-button {
	width: 216px;
	position: absolute;
	bottom: 0;
	z-index: 100;
	height: 34px;
  margin-left: 3px;	
}

.widget-button img {
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 101;
}

#right-widgets .span-1 .widget-background, #bottom-widgets .span-1 .widget-background {
	width: 216px;
}

.noborder .widget-background {
  margin-left: 0;
  width: 100%;
}

* html .widget {
	display: inline;
}

.widget {
	background: #fff url(/images/backgrounds/sunken_tr.gif) right top no-repeat;
}

.noborder {
  background-image: none !important;
}

.widget .inner	{
	background-image: url(/images/backgrounds/sunken_tl.gif);

	zoom: 1;
}
	
.widget .inner {
	border-top: solid 4px #fff;  
  border-top: none !ie;
}	
	
.noborder .inner {
  border-top: none;
  background-image: none !important;
}	
	
.widget .inner .tr
	{
	padding: 12px 18px 10000px 18px;
	padding: 12px 18px 3px 18px;
	margin-bottom: -9997px;
	margin-bottom: 0;
	background-image: url(/images/backgrounds/sunken_tr.gif);
	background-position: 100% 0px;
	background-repeat: no-repeat;
	}
	
.noborder .inner .tr {
  background-image: none !important;
  padding: 0 0 10000px 0;
	padding: 0 0 0px 0;
	margin-bottom: -10000px;  
  margin-bottom: 0;
}	
	
/* Don't understand why, but IEs of all hues require this shifting */
* html .widget .inner .tr
	{
	background-position: 100% -4px;
	}

.bottom
	{
	background-image: url(/images/backgrounds/sunken_bl.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	zoom: 1;
	position: absolute;
	bottom: 0;
	margin-top: 4px;
	}
  .noborder .bottom {
    background-image: none !important;
  }	
	
.bottom p
	{
	text-align: right;
	padding-bottom: 18px;
	background-image: url(/images/backgrounds/sunken_br.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding: 0 0 18px 0 !important;
	margin-bottom: 0 !important;
	zoom: 1;
	}

	.noborder .bottom p {
    background-image: none !important;
    padding: 0 0 0 0 !important;
  }
	
div.last
	{
	/* p-b + m-b hacks for IE 5.01 */
	padding-bottom/**/: 100em !important;
	margin-bottom/**/: -97.5em !important; 
	}

  div.widget
  	{
  	/* p-b + m-b hacks for IE 5.01 */
  	padding-bottom/**/: 30000px !important;
  	margin-bottom/**/: -30000px !important;
  		overflow: hidden !ie;
  	}

@media all and (min-width: 0px) {
body .widget
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	}
.widget:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	margin-top: -5px;
	padding-top: 32000px !important;
	margin-bottom: -32000px !important;
	height: 0;
	}
	.noborder:before {
	  margin-top: 0;
	}
}
.widget .last .bottom {
	width: 50%;
}
#right-widgets .span-1 .last .bottom {
  width: 222px;
}
#content-widgets .span-1 .last .bottom {
  width: 310px;
}
#content-widgets .span-2 .last .bottom {
  width: 620px;
}
#bottom-widgets .span-1 .bottom {
	width: 222px;
}
#bottom-widgets .span-2 .bottom {
  width: 460px;
}
/* hack for Operas */
@media all and (min-width: 0px) {
  .widget-row-inner .last div.bottom	{
	  width: 100%; /* Opera 7.5 and 8 */
  }
  div[id^="right-widgets"] .span-1 .last div.bottom	{
	  width: 222px;
  }  
  div[id^="content-widgets"] .span-1 .last div.bottom	{
	  width: 50%;
  }
}
.widget-row
	{
	position: relative;
	}
* html .widget-row-inner
	{
	position: relative;
	clear: both;
	}
.widget-row-inner
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	display: block; /* this time Operas 7 + 8 need block, not inline-block */
	}
/* but that makes IE go crazy */
* html .widget-row-inner
	{
	display: inline-block;
	}
/* easy clearing */
.widget-row-inner:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden;
	}
/* end easy clearing */

.widget-row-inner {
  margin-bottom: 10px;
}

#top-banner-widgets .widget-row-inner {
  margin-bottom: 0;
}

div.last {
  margin-bottom: -100em !important;
}

#bottom-widgets .widget {
  margin-right: 16px;
}

#bottom-widgets .widget-last {
  margin-right: 0;
}

#content-widgets .bottom {
  display: none;
}

.widget-news h3, .widget-pricing h3 {
	color: #ff3300;
	font-size: 18px!important;
}

.widget-subpages h3 {
	color: #ff3300;
	font-size: 14px!important;
}

.widget .inner .imagelink a {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent !important;
  position: absolute;
  left: 0;
  top: 0;
}

#right-widgets .widget .inner {
	min-width: 100%;
}

#homepagecontent .widget {
  /*width: 359px; */height: 473px;
}

#homepagecontent .widget .widget-background {
  /*width: 359px; */ width: 100%; height: 473px;
  position: absolute !important;
  left: 0;
  top: 0;
  background-position: right bottom;
}

#homepagecontent_tmp .widget .widget-background {
  display: none;
}

.widget h1 {
  color: #94c83d;
  font-size: 36px;
  font-weight: 500;
	font-style: italic;
	padding-top: 10px;
}

#bottom-widgets {
  position: relative;
}