/* 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;
}
/* Override colours for home page */
body.Home #bodypanel{
	background:none;
}
body.Home #bodypanel1{
	background:none;
}
body.Home #bodypanel2{
	background:none;
}
/* Full width image for news */
body.News #bodypanel{
	background:none;
}
body.News #bodypanel1{
	background:none;
}
body.News #bodypanel2{
	background:none;
}

body.Archive div#body
{
	height:2400px;
	background-repeat:repeat-y;

}
#pageimage{float:left}

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

/*** Menu ****************************************************/
#menu{
	position:absolute;
	left:290px;
	width:350px;
	top:15px;
	text-align:right;
}

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

#gallerymenu{
	position:absolute;
	left:290px;
	width:350px;
	top:40px;
	text-align:right;
}

/*** Logo ****************************************************/
.LouisaTaylorCeramicsLogo{
	position:absolute;
	left:12px;
	top:12px;
}
.LouisaTaylorLogo{
	position:absolute;
	left:20px;
	top:125px;
}
.CeramicsLogo{
	position:absolute;
	left:0px;
	top:140px;
}
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;
	left:0px;
	top:300px;	
}
div#BCBAward img{
	border:0;
	width:180px;
}


/*** Gallery ****************************************************/
#gallery{
	position:absolute;
	left:410px;
	top:10px;	
	width:250px;
}
#gallerysingle{
	position:absolute;
	left:39px;
	top:10px;	
	width:400px;
}
#caption{
	position:absolute;
	top:340px;
	left:122px;
	width:500px;
}
#click{
	position:absolute;
	top:370px;
	left:322px;
	width:300px;
}
#gallerylinks{
	position:absolute;
	top:350px;
	left:322px;
	width:300px;
	display:none;
}

/*** 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;	
}
#All.Contact span{
	position:relative;
	left:-3px;
	padding:3px;
}

/*** About ****************************************************/
body.About #bodycontent{
	width:660px;
	top:46px;
}
#About1{
	width:654px;;
}
#About2{
	width:512px;
	position:absolute;
	top:190px;
}
body.About #small{
	position:absolute;
	top:384px;
}
img#louisa{
	position:absolute;
	top:200px;
	left:530px;
	width:120px;
}

/*** 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 #bodycontent H1 span{
	padding-right:20px;
	padding-left:3px;
	color:#000000;
}
body.News #bodycontent H1 a span{
	color:#5C5B56;
}

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:260px;
	height:1.8em;
}
td.phone{
	width:100px;
}
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}
*/