/* style sheet for Jill Campion tiles site		 			*/
/* V 1.0    PJC   14/6/06							*/
/* V 1.1    PJC   26/6/06        text white on blue				*/
/* V 2.0    PJC   3/7/06   3 col layout for live site				*/
/* V 2.1    PJC   4/7/06   3 col with site links below main logo		*/
/* V 3.0    PJC   16/8/06  image based front page, decomposed style sheet       */
/* V 3.5		PJC		06/09/06  navigation with tabs	 															*/
/* V 6			PJC		26/09/06	white version
/* V6.1			PJC		29/9/06		white and blue versions															*/
/***********************************site text and colours*/
*, html, img, a		{	margin: 0 			;			padding: 0  			; border: none ;}
body 		{	font-family: "Trebuchet MS", Verdana, sans-serif; 
			font-size: 76%			; 
	background: #1C3F95 url(../back900.jpg) repeat-y center; 
			 			width: 900px			;
			position: absolute		;
			left: 50%			;	
			margin-left: -450px		;} 
h1, h2,h3, h4, h5, caption, p, thead, td, th, tr, blockquote, address, ul, li, label, input, legend, fieldset, dt, dd
			{	color: #ffffcc			;}
h1 		{	font-size: 1.5em 		; 
			padding: 15px 0 15px 0 		;
			text-align: center		;}
h2, caption, th		{	font-size: 1.3em 		;}
caption		{					margin: 15px auto 15px auto		;}
p, td	{	font-size: 1em 			;}
th		{	width: 20%			;}
table		{	text-align: center		;}
dt			{width: 10em; }
dd			{margin-left: 11em;
				font-weight: bold ;}
a:link 		{	color: white; 	text-decoration:none; font-weight: bold; padding-bottom: 2px ; }
a:visited 	{	color: white;	text-decoration:none; padding-bottom: 2px ;}
a:hover, a:active 	{	color: white; 	border-bottom: 2px dotted #ffffcc; }
#footer		{	bottom: 0			;
			clear: both			;
			font-size: 0.8em		;
			text-align: center		;
			margin: 30px 0 0 0		;}
/************************************* header************/
#header img { vertical-align: top; }
#jclogo	 					{ padding: 10px 350px 10px 350px			 ; }
.homepage #jclogo, .aboutrhs #jclogo		{	padding:10px 265px 10px 244px		;}
.aboutbl #jclogo { padding: 10px 265px 10px 350px; }
/************************************ general navigation*/
#topbar
		{	display: block			;
			margin-top: 10px		;
			margin-left: auto		;
			margin-right:auto		;
			width: 900px			;
			border: none	;}
#topbar p
		{				float: left					;
				font-size: 1.1em		; 
			text-align: center		; 
			padding: 5px 10px 5px 10px	;
			border-top: 2px solid #ffffcc ;
			border-bottom: 2px solid #ffffcc;}		
.homepage p.stockists, #topbar p.home 
					{margin-left: 60px ;						
					 border-left: thin solid #ffffcc ;}
.aboutrhs #topbar p.home, .aboutbl #topbar p.home {margin-left: 100px ;}					 
#topbar p.sitemap {border-right: 2px solid #ffffcc ;}		
body.stockists  #topbar p.stockists,
body.about #topbar p.about,
body.designers #topbar p.designers,
body.contact #topbar p.contact,
body.sitemap #topbar p.sitemap,
body.artists #topbar p.artists,
body.custom #topbar p.custom,
body.aboutrhs #topbar p.aboutrhs,
body.aboutbl #topbar p.aboutbl	
		{ border-bottom: none						;
			border-left: 	2px solid #ffffcc ;
			border-top: 2px solid #ffffcc ;
			border-right: 2px solid #ffffcc ; }
/************************************* front page */
#content h1		{clear : both ;}
.frontpagetab			
		{		table-layout: fixed		;
				border: thin solid #ffffcc ;}
.frontpagetab img
		{	border: 5px solid white	;
			padding: 5px			;
			margin: 5px			;
			text-align: center;}
.firstrow	{	width: 180px				;}	
.aboveboximg	
		{	vertical-align:top	;}
.belowboximg
		{	vertical-align:bottom 	;}				
.frontpagetab a:hover, #frontpagetab a:active
		{	color:#ffffcc; text-decoration: none; font-style:italic ; border-bottom: none; }	
.frontpagetab a img:hover, #frontpagetab a img:active	
		{ border: thick solid #1c3f95 ;text-decoration: none;}		
#mainpagetext
		{ 		text-align: left				;
				padding: 0 10px	;}				 									
/************************************Other site pages*/
body.artists { width: 750px;
						 	 padding-left: 75px ;
						 	 margin-right: 75px ;}						
.shoptab  { margin-left: auto;
						margin-right: auto;
						table-layout: fixed; }
.sitemaplist
						{ font-size: 1.2em;
							margin: 15px auto 0 200px;}
.sublist
						 { margin: 15px auto 15px 50px;
						 list-style-type: square;}			
#custom, #morecustom			 { margin-left: auto;
						 margin-right: auto; }	
.above		{	vertical-align: top; }
.below		{	vertical-align: bottom; }					 
/************************************Stockists*/
.subhead	{font-size: 1.3em;
						font-style: italic;
						font-weight: bold;
						text-align: left;
						 
							border-bottom: 2px dotted #ffffcc; }				 
.shoptab		 {border-collapse: collapse; }
.shoptab td {padding: 10px 0 20px 0 ;
				 		vertical-align: middle ; 
						border: none ;}
.shoptab tr {	border-bottom: 1px solid #ffffcc; }
tr.relief  {	background: #1C3F95 url(../backrelief900.jpg) repeat-y center; }							 
/************************************About*/
.inlineimage { vertical-align: middle;
					 	 padding: 0 0 10px 30px;}
#jillsig	 {margin: 0 0 0 100px; }																							 
/************************************Contact*/	
form	{ margin: 20px 0 20px 0 ;}		
fieldset {  }																						 
form ul		{list-style-type: none ;
		 			padding: 10px 0 10px 0;}
form label {width: 50% ;
		 			 float: left}
form input, form textarea  { width: 65% ;
		 					color: black;}	
form textarea { height:250px ;}	
#sendbutton			{width: 4em;
								 border: 3px solid black;
								 text-align:center;
								 float:left;
								 clear: right;}
.orwrite, #confirm	 {clear: both ;
								 	width: 850px ; 
									margin: 10px auto 10px auto; }	
#confirm					{margin: 150px auto auto auto; }		

/********** homealt  *************************/
#paneldisplay				 {position: relative ; }