@charset "utf-8";

/* ********************************** */
/*     Diana Barraclough Ceramics     */
/*                                    */
/*       Style sheet 2009 - V1.0      */
/*                                    */
/* Copyright WebCAL Internet Services */
/* ********************************** */


/* ******************* */
/*     Core setup      */
/* ******************* */

html {
	background-color:#FFF;
}

body {
	margin:0;
	padding:0;
	min-width:975px;
	min-height:630px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#800000;
	text-align:center;
}

#wrapper {
	background-color:#B8AF6C;
	border:1px solid #800000;
	text-align:left;
	width:975px;
	height:630px;
	margin:10px auto 0 auto;
	padding:0;
}

h1 {
	font-size:26pt;
	font-weight:normal;
}

h2 {
	font-size:9pt;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#800000;
}

.showLiink {
	text-decoration:underline;
}

/* ************** */
/*   appearance   */
/* ************** */

/* Front page*/

#frontName {
	padding:0; 
	margin-top:46px; 
	margin-left:656px; 
	line-height:36pt; 
	width:210px;
}

#frontNavBox {
	font-size:10pt; 
	color:#FFF; 
	padding:0; 
	margin:66px 0 0 604px; 
	width:190px;
}

#frontNavBox ul {
	list-style:none; 
	font-weight:bold;
}

#frontNavBox ul li {
	padding-bottom:30px;
}

#frontNavBox ul li a {
	color:#FFF; 
	text-decoration:none;
}

/* Main content pages */

.hdrTile {
	float:right;
	border:1px solid #800000;
	margin:34px 20px 0 0;
	height:70px;
	display:inline;
}

.hdrTileFirst {
	float:right;
	border:1px solid #800000;
	margin:34px 40px 0 0;
	height:70px;
	display:inline;
}

#mainNavBox {
	float:left;
	font-size:10pt; 
	color:#FFF; 
	padding:0; 
	margin:0; 
	width:192px;
	height:310px;
	background-image:url(images/widgets/navBackground.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#mainNavBox ul {
	margin:18px 0 0 38px;
	padding:0;
	list-style:none; 
	font-weight:bold;
}

#mainNavBox ul li {
	padding-bottom:30px;
}
	
#mainNavBox ul li a {
	color:#FFF; 
	text-decoration:none;
	border:none;
}

#mainNavBox ul li img {
	text-decoration:none;
	border:none;
	padding-right:3px;
}

#stacks {
	padding-left:50px;
}

#exhibs {
	margin:0; 
	padding:0; 
	list-style:none;
}

#exhibs li {
	margin:0 0 4px 0;
}

.totemDesc {
	margin:84px 0 0 0;
}

.totemNon {
	display:none;
}

#totemScroll {
	height:120px;
	width:1810px;
	margin:0;
	padding:0;
	text-align:left;
}

.scrollThmb {
	margin:0 14px 0 0;
	border:none;
	float:left;
}

/* ************** */
/*  positioning   */
/* ************** */

#header {
	margin:0;
	padding:0;
	width:975px;
	height:120px;
}

#leftBlock {
	clear:both;
	float:left;
	margin:100px 0 0 0;
	padding:0;
	width:200px;
}

#frontMain {
	margin:0; 
	padding:0; 
	float:left; 
	vertical-align:top;
}

#frontSmall {
	float:right; 
	margin:47px 0 0 0; 
	padding:0;
}


*+html #frontSmall {
	float:right; 
	margin:51px 0 0 0; 
	padding:0;
}

#frontAddressBox {
	font-size:10pt; 
	margin:74px 0 0 656px; 
	line-height:24px; 
	padding:0; 
	width:100px;
}

#mainAddressBox {
	clear:left;
	font-size:10pt; 
	margin:0 0 0 60px; 
	line-height:24px; 
	padding:0;
	height:160px;
}

#address {
	padding:40px 0 0 0;
}

#exhibBox {
	clear:left;
	font-size:10pt; 
	margin:0 0 0 60px; 
	padding:0;
	height:160px;
}

/* ************** */
/*    footline    */
/* ************** */

#footline {
	text-align:center; 
	width:975px; 
	margin:0 auto;
}

#copyright {
	float:left;
	font-size:7pt;
	text-align:left; 
	color:#666;
}

#developr {
	clear:both; 
	float:right; 
	font-size:7pt;
	text-align:right; 
	color:#666;
}

#footline a {
	color:#666; 
	text-decoration:none;
}

/*************/
/* additions */
/*************/

#main {
	margin:0;
	padding:0;
}

#productBox {
	text-align: left;
	width: 400px;
	height: 484px;
	float: right;
	margin:26px 0 0 0;
	padding:0;
}

#content {
	margin:40px 0 0 230px;
	padding-right:10px;
	width:300px;
	height:290px;
}

#scrollBox {
	margin:0 0 0 52px;
	height:140px;
	width:480px;
	overflow:auto;
}

#pageLeftBlock {
	margin:0 440px 0 0;
}

#headLine {
	padding:26px 0 0 50px; 
	margin:0; 
	text-align:left;
}

.menu  {
	display:none;
}

/****************/
/* Contact Form */
/****************/

.reqd {
	color:#FF0000;
	font-size:8pt;
}

.formBox {
	margin:0 0 0 0;
	padding:0 0 10px 0;
}

.labelBox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000066;
	float:left;
	width:60px;
	text-align:right;
	margin:0;
	padding:4px 0 4px 0;
}

.button {
	font-size:9px;
	padding-left:60px;
}

#contactThx {
	padding-top:20px;
}

.errorText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}

.formBoxError {
	margin:0;
	padding:0;
}