/* Layout Stylesheet for modern binders.co.uk website

  (c) Colin Sewell, 2007
------------------------- */

#outer {
	width: 770px;

	margin-left: auto;	/* center main page content (FireFox etc. ) */
	margin-right: auto;

	text-align: left;
	background-color: #fff;
/*
	background-image: url(../images/bg-shadow.gif);
	background-position: center;
	background-repeat: repeat-y;
*/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#header {
	position: relative;
	width: 770px;
	height: 135px;
	left: 0px;
	top: 0px;
	background-color: #fff;
}

div#columns {
	position: relative;
	width: 770px;
	top: 4px;
/*	background-color: #fff; */
}
div#colleft {
	position: relative;
	float: left;
	width: 160px;
	left: 0px;
	top: 0px;
/*	background-color: #fff; */
}
div#contenttext {
	position: relative;
	width: 600px;
	left: 0px;
	top: 0px;
	overflow: auto;
}
div#colright {
	position: absolute;
	width: 150px;
	left: 600px;
	top: 0px;
}


#ProductCloserView {
	margin: 20px 80px;
}

#ProductCloserView p {
	margin: 2px;
}

#ProductCloserImage {
}

.IdentityCard, .GreyBorder {
	border: 1px solid #d5dfda;
}


div#footer {
	position: relative;
	width: 770px;
	height: 160px;
/*	background-color: #fff; */
	margin-top: 10px;
}

#FooterAdvice {
	float: left;
	width: 150px;
}

#FooterPayment {
	float: left;
	width: 150px;
}

#FooterDetails {
	float: left;
	width: 460px;
	text-align: right;
}


.ImageFloatLeft {
	float: left;
	margin-right: 10px;
}

.ImageFloatRight {
	float: right;
	margin-left: 10px;
}


/* Other Layout Bits
   ---------------------- */

/* Div Clear space after Float fix  -  to stretch a container div to contain floated elements */
.ClearFix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}


.ClearFix  {display: inline-table;}  /* fix for IE Mac */

/* Hide from IE Mac \*/
	* html .ClearFix  {height: 1%;}
	.ClearFix {display:block;}
/* End IE Mac Hack */


.clear {
	clear: both;
}


div.DivShow {	/* for design debugging, shows the divs ! */
	border: 1px solid #cccc00;
	background-color: #cfcfcf;
}

div.DivBorder {
	border: 1px solid #cccccc;
}

div.spacer {
	clear: both;
	height: 1px;
}

div.DivFloatLeft {
	float: left;
	margin: 1px;
}

div.DivCenter {
	text-align: center;
}


br.clearboth {
	clear: both;
}