/* **************************************************************** */
/* Blocks Definitions, frontpage & subpage (IE 6 & Firefox)         */
/* **************************************************************** */
	
/**** Frontpage three columns template ****/
#three-col #block_1
	{
	float: left;
	width: 536px;
	margin-left: 152px;
	margin-top: 0px;
	background: none;	
	}
#three-col #block_2
	{
	float: left;
	width: 152px;
	margin-left: -688px;
	height:550px;
	}
#three-col #block_3
	{
	float: left;
	width: 212px;		
	}

/**** Subpage three columns template ****/
#three-col-sub #block_1
	{
	float: left;
	width: 536px;
	margin-left: 152px;
	margin-top: 0px;
	background: none;	
	}
#three-col-sub #block_2
	{
	float: left;
	width: 152px;
	margin-left: -688px;
	height:550px;
	
	}
#three-col-sub #block_3
	{
	float: left;
	width: 212px;		
	}

/**** Subpage three columns template in productlist ****/
#two-col-sub-prodlist #block_1
	{
	float: left;
	width: 756px;
	margin-left: 152px;
	margin-top: 0px;
	}
#two-col-sub-prodlist #block_2
	{
	float: left;
	width: 152px;
	margin-left: -908px;
	height:550px;	
	}
#two-col-sub-prodlist #block_3
	{
	float: left;
	width: 170px;		
	}
	
/**** Subpage two columns template ****/
#two-col #block_1
	{
	float: left;
	width: 756px;
	margin-left: 152px;
	margin-top: 0px;
	}
#two-col #block_2
	{
	float: left;
	width: 152px;
	margin-left: -908px;
	height:550px;
	}
/**** Subpage one columns template ****/
#one-col #block_1
	{
	float: left;
	width: 930px;
	margin-top: 28px;
	}

#two-col .popup #block_1
	{
	float: left;
	width: 550px;
	margin-top: 0px;
	margin-left: 0px;
	}

* html #block_1
	{
	display: inline;
	}

#three-col #block_1 .content { padding: 0px 15px 0px 15px; margin-top:230px;}
#three-col #block_2 .content { padding: 0px 0px 0px 10px; margin-top:129px; background: url(../images/left-shadow.gif) no-repeat top right; min-height:420px; height:35em; }
#three-col #block_3 .content { padding: 10px 0px 0px 10px; margin-top:235px; background: url(../images/right-shadow.gif) no-repeat top left; min-height:320px; height:25em; }

#three-col-sub #block_1 .content { padding: 0px 20px 10px 20px; margin-top:150px;}
#three-col-sub #block_2 .content { padding: 0px 0px 10px 10px; margin-top:5px; background: url(../images/left-shadow.gif) no-repeat top right; min-height:420px; height:35em; }
#three-col-sub #block_3 .content { padding: 10px 0px 10px 10px; margin-top:150px; background: url(../images/right-shadow.gif) no-repeat top left; min-height:320px; height:25em; }

#two-col-sub-prodlist #block_1 .content { padding: 0px 0px 0px 20px; float:left; width: 730px; _width: 750px; margin-top:150px; background: #fff; }
#two-col-sub-prodlist #block_2 .content { padding: 0px 0px 10px 10px; margin-top:5px; background: url(../images/left-shadow.gif) no-repeat top right; min-height:550px; _height:550px; }

#two-col #block_1 .content { padding: 0px 20px 0px 20px; margin-top:150px; width:710px; float:left;}
#two-col #block_2 .content { padding: 0px 0px 0px 10px; margin-top:5px; background: url(../images/left-shadow.gif) no-repeat top right; min-height:420px; height:550px;}

#two-col .popup #block_1 .content { padding: 0; margin-top: 0; width: 550px; float: left; }
.clear { clear: both; display: block; font-size: 1px; margin: 0px; line-height: 0px; height: 0px; }

/* **************************************************************** */
/* Several fixes for other browsers                                 */
/* **************************************************************** */

#wrapper
	{
	width: 908px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}

#wrapper.popup { width: 550px; }
/* We need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes */
	float/**/: none;
	}
/* easy clearing */
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
#header, #footer
	{
	width: 908px;
	}
/* Safari needs this */
* > #footer, * > form, * > #notes, * > .output
	{
/*	position: relative;*/
	z-index: 1000;
	}
	
/* **************************************************************** */
/* If using verticalalign class in templates, otherwise not         */
/* needed                                                           */
/* **************************************************************** */
	
/* End Mac IE5 filter, if using verticalalign class in templates */
/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
	{
	position: absolute;
	bottom: 0;
	}
#two-col-home #block_1 .verticalalign
	{
	width: 599px;
	}
#two-col-home #block_3 .verticalalign
	{
	width: 314px;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width: 100% !important;
	}
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #two-col-home #block_1 .verticalalign
	{
	width: 599px !important;
	}
div[id^="wrapper"] #two-col-home #block_3 .verticalalign
	{
	width: 314px !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #996666;
	}