/* CSS Document */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*		* {margin:0px; padding:0px;}	*/

div#container {
	width:720px;
/*	border: 1px solid #000000;	*/
	margin-left:auto; 	
	margin-right:auto;
	padding-bottom: 20px;
	font-size: 0.9em;
	margin: 0 auto;
	text-align:left;
}


div#contentarea {
	float:left;
	width:720px;
	}
div#contentarea2 {
	float:left;
	width:720px;
	}

/***	Everything above here centres the content on the page *******************************************/
div#content{
	margin-top:20px;
}
div#body
{
	width:680px;
	padding:0px;
	height:450px;
	float:left;
	background-position:right;
	background-repeat:no-repeat;
	position:relative; /*need this to get bodycontent positioned correctly*/
}

/***	Background panels and image ******************************************/
#bodypanel{
	width:180px;
	height:100%;
	background-color:#CCCC33;
	float:left;
}
#bodypanel1{
	width:100%;
	height:266px;
	background-color:#E6E6E5;
}
#bodypanel2{
	width:100%;
	height:184px;
	background-color:#FCFDFE;
}
#pageimage{float:left}

#bodycontent{
	z-index:100;
	position:absolute;
	top:63px;
	left:12px;
	width:250px;
}

/*** Menu ****************************************************/
#menu{
	position:absolute;
	left:310px;
	top:15px;
}
body.Home #menu{
	position:absolute;
	left:12px;
	top:425px;
}

/*** Gallery Menu ****************************************************/
#gallerymenu{display:none;}
body.Gallery #gallerymenu{display:block;}

#gallerymenu{
	position:absolute;
	left:384px; /*424px;*/
	top:45px;
}

/*** Logo ****************************************************/
.LouisaTaylorCeramicsLogo{
	position:absolute;
	left:12px;
	top:12px;
}
.LouisaTaylorLogo{
	position:absolute;
	left:0px;
	top:173px;
}
.CeramicsLogo{
	position:absolute;
	left:0px;
	top:209px;
}
body.Home .LouisaTaylorCeramicsLogo{
	display:none;
}
 /*** Footer ****************************************************/
#footer{
	position:absolute;
	width:650px;
	left:2px;
	top:400px;	
}
#footer span#footer1{
	float:left;
	padding-right:100px;
}
#footer span#footer2{
	float:left;
}
#footer span#footer3{
	float:right;
	text-align:right
}
/*** Banner ****************************************************/
#banner{
	position:absolute;
	left:0px;	
	top:-50px;	
	width:505px;
}
#bannertext{
	position:absolute;
	left:260px;	
	top:14px;	
	width:149px;
	padding-top:15px;
}
#bannertext p{
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
}
#banner img{
	border:0;
	width:250px;
}

/*** Banner - Origins ****************************************************
#banner{
	position:absolute;
	left:-12px;	
	top:-63px;	
	width:405px;
}
#bannertext{
	position:absolute;
	left:210px;	
	top:14px;	
	width:149px;
	padding-top:15px;
}
#bannertext p{
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
}
*/
/*** BCB Award ****************************************************/
div#BCBAward{
	position:absolute;
	top:-50px;	
}
div#BCBAward img{
	border:0;
	width:250px;
}


/*** Gallery ****************************************************/
#gallery{
	position:absolute;
	left:2px;
	top:90px;	
	width:700px;
}

/*** Modal Panel ****************************************************/
#modal{
	position: fixed; 
	left: 0px; 
	top: 0px; 
	z-index: 10000; 
	width: 100%; 
	height: 100%;
}
#divpopup {
	position:fixed;
}
.hidden{
	visibility:hidden;
}
.visible{
	visibility:inherit;
}
#divpopup {
	position:relative;
	top: -52px;
	left: 30px;
	width:602px;
}
#popupfooter{
	height:2.5em;
}
#popupfooter span.caption{
	width:490px;
}
/*** Gallery Colours****************************************************/
body.Colours #divpopup {
	top: 50px;
}

/*** Contact ****************************************************/
#Left.Contact {
	float:left;
	width:7em;
	padding-right:34px;
}
#Right.Contact{
	float:left;
}
div.Contact p{
	padding:0;
	margin:0;
	padding-bottom:4px;
	padding-top:18px;
}
#All.Contact {
	float:left;
	width:25em;
}
#All.Visits{
	position:relative;
	top:40px;	
}
#CraftsCouncil {
	width:365px;
	position:absolute;
	top:340px;
}
#CraftsCouncil img{
	height:35px;
	float:left;
	padding-right:10px;
}
#All.Contact span{
	position:relative;
	left:-3px;
	padding:3px;
}

/*** About ****************************************************/
body.About #bodycontent{
	width:660px;
	top:46px;
}
#About1{
	width:654px;;
}
#About2{
	width:462px;
	position:absolute;
	top:220px;
}
body.About #small{
	position:absolute;
	top:384px;
}
img#louisa{
	position:absolute;
	top:184px;
	left:480px;
	width:170px;
}

/*** Gift List ****************************************************/
body.GiftList #bodycontent{
	width:660px;
	top:46px;
}
#GiftList{
	width:100%;
}
#GiftList p{
	padding-bottom:1.2em;

}
#WeddingList{
	position:absolute;
	top:240px;
}
body.GiftList #small{
	position:absolute;
	top:384px;
}
body.GiftList #images{
	position:absolute;
	top:130px;
	left:-2px;
}
body.GiftList #images img{
	float:left;
	height:90px;
}

/*** News ****************************************************/
body.News #bodycontent{
	width:580px;
	top:46px;
}
body.News table{
	width:100%;
	vertical-align:top;
}
td{
	vertical-align:top;
}
td.show{
	width:160px;
}
table.forthcoming td.show{
	height:2.8em;
}
td.date{
	width:160px;
}
body.News td.show a{
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:0px;
}



/*** Stockists ****************************************************/
body.Stockists #bodycontent{
	width:660px;
	top:46px;
}
body.Stockists table{
	width:100%;
	vertical-align:top;
}
td{
	vertical-align:top;
}
td.name{
	width:180px;
	height:1.8em;
}
td.phone{
	width:180px;
}
body.Stockists #bodypanel1{
	height:295px;
}
body.Stockists #bodypanel2{
	height:255px;
}
body.Stockists div#body
{
	height:550px;
}
body.Stockists td.name span.nolink{
	padding:3px;
	margin-bottom:3px;

}
body.Stockists td.name a{
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:0px;
}

/*** Contact Form ****************************************************/
body.ContactForm #bodycontent{
	width:660px;
	top:46px;
}
body.ContactForm  H1{
	padding-left:12px;
}

iframe.contactframe{
	border:0;
	height:400px;	
	width:100%;
}

/*** Preload ****************************************************/
#PreLoad{ display:none;}
/***	Test ******************************************

div#container {background-color:#FF0000}
div#contentarea {background-color:#00FF00}
div#contentarea2 {	background-color:#0000FF}
div#content {background-color:#FF0000}
#body {background-color:#00FF00}
*/