/* CSS Document */
/* main page */
body {
background-color: #FFFFFF;
color: #000000;
} 
h1,h2,h3,h4,h5,h6 {
color: #454545;
font-family: Helvetica, Arial, sans-serif;
margin: 10px 2%;
text-align:center
}

/* container div */
div.container {
	width:857px;
	margin:1px;
	height: 563px;
}

div.logo {
border:0px #FFFFFF
}

/* left nav bar div*/
div.navLeft {
float:left;
width:155px;
height:465px;
background-color: #D8DCCD;
border: 1px solid #A6AF8D;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}

/* main window */
div.mainWindow {
	text-align: justify;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	overflow-x:hidden;
	overflow-y:auto;
	background-color: #E3E6DB;
	background-image:url(../images/friezeJan08-3-nogradient.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border: 1px solid #A6AF8D;
	width:474px;
	height: 465px;
	padding:0px 15px 0px;

}

.mainWindow#about {
	background-image:url(../images/friezeJan08-about.jpg);
}

.mainWindow#order {
	background-image:url(../images/friezeJan08-orders.jpg);
}

.mainWindow#news {
	background-image:url(../images/friezeJan08-news.jpg);
}

.mainWindow#prints {
	background-image:url(../images/friezeJan08-prints.jpg);
}

.mainWindow#order-r {
	background-image:url(../images/friezeJan08-order-r.jpg);
}

.mainWindow#order-t {
	background-image:url(../images/friezeJan08-order-t.jpg);
}

/* right shopping basket */
div.basket {
float:left;
width:150px;
height:80px;
background-color: #D8DCCD;
border: 1px solid #A6AF8D;
text-align: center;
font-size: small;
color: #000000;
font-family: Helvetica, Arial, sans-serif;
}

div.variations {
float:left;
width:150px;
height:382px;
background-color: #D8DCCD;
border: 1px solid #A6AF8D;
text-align: center;
font-size: small;
color: #454545;
font-family: Helvetica, Arial, sans-serif;
}


div.gallery {
margin-right: auto;
margin-left: auto;
}

div.breadcrumb {
position:relative;
left:17px;
top:3px;
width:663px;
height:13px;
background-color: #FFFFFF;
border: none;
text-align: left;
font-size: x-small;
color: #454545;
font-family: Helvetica, Arial, sans-serif;
}

div.banner {
position:relative;
left:0px;
top:0px;
width:680px;
height:96px;
background-color: #FFFFFF;
background-image:url(../images/banner.jpg);
border: 1px solid #FFFFFF;
text-align: left;
font-size: x-small;
color: #454545;
font-family: Helvetica, Arial, sans-serif;
}

div.credits {
margin-left:auto;
margin-right:auto;
width:830px;
height:13px;
background-color: #FFFFFF;
border: none;
text-align: left;
font-size: x-small;
color: #AAAAAA;
font-family: Helvetica, Arial, sans-serif;
}

div.credits a {
color: #AAAAAB;
text-decoration:none
}

div.credits a:visited {
color: #AAAAAA;
}

div.credits a:hover {
color: #000000;
}

p { 
text-align: justify;
font-size: medium;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
margin: 10px 2%;
}

p.bottom {
padding: 0 0 80px 0
}

font.small {
text-align: center;
font-size: x-small;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}

font.list {
text-align: center;
font-size: small;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}

font.bold {
text-align: center;
font-size: x-small;
text-transform:uppercase;
font-style:strong;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}

font.medium {
text-align: justify;
font-size: small;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}

font.large {
text-align: center;
font-size: medium;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}

font.xlarge {
text-align: center;
font-size: large;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}

.italic a {
font-style: italic;
text-decoration:none
}

.noUL a {
text-decoration:none
}
.style3 {font-size: xx-small}

p.block {
margin: 10px 2%;
padding: 12px;
text-align: justify;
font-size: medium;
color: #283D62;
font-family: Helvetica, Arial, sans-serif;
}


p.margin {
margin: 20px 2%;
text-align: justify;
font-size: small;
color: #283D62;
padding-left: 20px;
font-family: Helvetica, Arial, sans-serif;
}

div.header,div.footer
{
text-align: center;
padding:0.5em;
color:black;
background-color:white;
clear:left;
}

a:link {color: #003366}
a:visited {color: #663366}
a:hover {color: #114499}

.thumbnail
{
float: left;
border: none;
margin: 0 15px 15px 0;
background-color: #D8DCCD;
padding:5px
}

.preview
{
float: left;
border: none;
margin: 0 15px 15px 0;
background-color: #E4E4E4;
padding:5px
}

.indent
{
float: left;
border: none;
margin: 10px 2px 0px 0px;
padding-left: 20px;
padding-top: 5px;
padding-right: 5px;
background-color: #E3E6DB;
}

div.expand
{
align: center;
display: inline
}