﻿body, html {
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    font-size:100%;
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    background:url('../images/background.gif');
    text-align:center;
}

div.container {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    background:#ffffff url('../images/frame_slice.gif') repeat-y;
}   

div.header div.top {
    display:block;
    background:#ffffff url('../images/frame_top.gif') no-repeat 0px 0px;
    width:900px;
    height:7px;
    font-size:0px;
}

div.header div.social
{
    float:left;
    display:block;
    margin:10px 20px 10px 20px;
    font-family:Georgia, Serif;
    font-style:italic;
    height:80px;
    color:#999999;
}

div.header div.social span
{
    padding-top:2px;
    float:left;
}

div.header div.social a
{
    margin:0 4px 0 4px;
    float:left;
}

/* Header area */
div.header div.logo {
    background:url('../images/logo.gif') no-repeat 530px 10px;
    width:900px;
    height:69px;
    display:block;
}

/* Navigation area */
div.header div.navigation {
    width:880px;
    margin:20px auto 0px auto;
    height:39px;
    background:url('../images/navigation_background.gif') repeat-x 0px 36px;   
    display:block;
}

div.header div.navigation ul {    
    list-style-type:none;
    margin:0px 10px 0px 10px;
    padding:0px;
    float:left;
}

div.header div.navigation ul li {
    float:left;
    margin:0px 4px 0px 4px;
    padding:3px 3px 0px 3px;
    background:url('../images/navigation_button.gif') repeat-x;
}

div.header div.navigation ul li a, 
    div.header div.navigation ul li a:visited {
    display:block;
    height:31px;
    padding:5px 10px 0px 10px;
    text-decoration:none;
    color:#ffffff;
    float:left;
}

div.header div.navigation ul li a:hover {
    text-decoration:underline;
}

div.header div.navigation ul li a.selected, 
    div.header div.navigation ul li a.selected:visited {
    background:#ffffff;
    color:#225a33;
}

div.wrap a, div.wrap a:visited {
    color:#225a33;
}

/* Homepage content area */
div.wrap div.homepageimage {
    width:410px;
    display:block;
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

div.web-links
{
    width:410px;
    display:block;
    float:left;
    text-align:center;
    padding-top:80px;
}

div.web-links a img
{
    border:none;
}

div.wrap div.homepageimage div.slideshow
{

}

div.wrap span.homepagecaption {
    font-size:70%;
    color:#d1c5b5;
    width:410px;
    display:block;
}

div.wrap div.homepagetext {
    width:410px;
    display:block;
    float:left;
    margin-bottom:10px;
}

div.wrap div.homepagetext h1 {
    font-family:Times New Roman;
    margin:0px;
    font-size:140%;
    margin-bottom:8px;
    border-bottom:solid 2px #d1c5b5;
    color:#d1c5b5;
}

div.wrap div.homepagetext p {
    margin:0px;
    font-size:80%;
    margin-bottom:8px;
}

div.wrap div.featureditem {
    width:798px;
    display:block;
    border:solid 1px #d1c5b5;
    background:#f5f4f0;    
    margin-bottom:20px;
    padding:20px;
    float:left;
}

div.wrap div.featureditem div.left {
    width:640px;
    display:block;
}

div.wrap div.featureditem div.right {
    float:right;
}

div.wrap div.featureditem div.titlelink {
    border-bottom:solid 1px #d1c4b5;
    display:block;
    margin-bottom:10px;
}

div.wrap div.featureditem div.summary {
    display:block;
    font-size:80%;
    text-align:justify;
}

div.wrap div.featureditem div.titlelink a,
    div.wrap div.featureditem div.titlelink a:visited {
    font-size:90%;
    color:#225a33;
    text-decoration:none;
    background:url('../images/small_arrow_right.gif') no-repeat 0px 3px;
    padding-left:17px;
    font-weight:bold;
}

div.wrap div.featureditem div.titlelink a:hover {
    text-decoration:underline;
}

/* Main content area */
div.wrap {
    display:block;
    width:840px;
    padding:20px 30px 0px 30px;
    text-align:left;
    margin:0px auto 0px auto;
    background:#ffffff url('../images/frame_slice.gif') repeat-y;
    float:left;
}

div.wrap div.left {
    display:block;
    width:242px;
    float:left;
}

div.wrap div.maincontent {
    width:560px;
    margin:0px 0px 20px 20px;
    display:block;
    float:right;
}

div.wrap div.maincontent h1 {
    font-family:Times New Roman;
    margin:0px;
    font-size:140%;
    margin-bottom:8px;
    border-bottom:solid 2px #d1c5b5;
    color:#d1c5b5;
}

div.wrap div.maincontent p {
    margin:0px;
    font-size:80%;
    margin-bottom:8px;
}

div.wrap div.specifications {
    width:242px;
    display:block;   
    border:solid 1px #d1c5b5;
    margin-bottom:20px;
}

div.wrap div.specifications div.header {
    text-align:center;
    background:#d1c5b5;
    color:#ffffff;
    padding:2px 4px 2px 4px;
    font-size:90%;
    font-weight:bold;
}

div.wrap div.specifications ul {
    list-style-type:none;
    margin:4px 0px 4px 0px;
    padding:0px;
    font-size:80%;
}

div.wrap div.specifications ul li {
    margin:1px 8px 1px 8px;
}

div.wrap div.gallery {
    margin-top:20px;
}

div.wrap div.maincontent p a,
    div.wrap div.maincontent p a:visited,
    div.wrap div.gallerycontent p a,
    div.wrap div.gallerycontent p a:visited {
    font-weight:bold;
    text-decoration:none;
    color:#225a33;
}

div.wrap div.maincontent p a:hover,
    div.wrap div.gallerycontent p a:hover {
    text-decoration:underline;
}
    
div.wrap div.gallerycontent {
    width:840px;
    margin-bottom:20px;
    display:block;
    float:left;
}

div.wrap div.gallerycontent h1 {
    font-family:Times New Roman;
    margin:0px;
    font-size:140%;
    margin-bottom:8px;
    border-bottom:solid 2px #d1c5b5;
    color:#d1c5b5;
}

div.wrap div.gallerycontent p {
    margin:0px;
    font-size:80%;
    margin-bottom:8px;
}

div.wrap div.subnavigation, 
    div.wrap div.galleryfilter {
    width:240px;
    display:block;   
    color:#225a33;
    padding-bottom:20px;
}

div.wrap div.subnavigation div.header, 
    div.wrap div.galleryfilter div.header {
    font-weight:bold;
    font-size:90%;
    border-bottom:solid 2px #225a33;   
}

div.wrap div.subnavigation div.footer, 
    div.wrap div.galleryfilter div.footer {
    display:block;
    width:240px;
    background:none;
    height:0px;
    border-bottom:solid 2px #225a33;
    font-size:0px;   
}

div.wrap div.subnavigation ul {
    list-style-type:none;
    margin:4px 0px 4px 0px;
    padding:0px;
}

div.wrap div.subnavigation ul li {
    margin:1px 8px 1px 8px;
}

div.wrap div.subnavigation ul li a {
    font-size:80%;
    color:#225a33;
    text-decoration:none;
}

div.wrap div.subnavigation ul li a.selected, 
    div.wrap div.subnavigation ul li a:hover {
    text-decoration:underline;
}

div.wrap div.galleryfilter div.header {
    margin-bottom:10px;
}

div.wrap div.galleryfilter select {
    width:200px;
    margin-bottom:10px;
    border-top:solid 1px #d1c5b5;
    border-bottom:solid 1px #d1c5b5;
    border-left:solid 1px #d1c5b5;
    border-right:solid 1px #d1c5b5;
    color:#225a33;
}

div.wrap div.relatedlinks {
    width:240px;
    display:block;   
    border:solid 1px #d1c5b5;
    margin-bottom:20px;
}

div.wrap div.relatedlinks div.header {
    text-align:center;
    background:#d1c5b5;
    color:#ffffff;
    padding:2px 4px 2px 4px;
    font-size:90%;
    font-weight:bold;
}

div.wrap div.relatedlinks ul {
    list-style-type:none;
    margin:4px 0px 4px 0px;
    padding:0px;
}

div.wrap div.relatedlinks ul li {
    margin:1px 8px 1px 8px;
}

div.wrap div.relatedlinks h3 {
    padding:2px 10px 2px 10px;
    font-size:80%;   
    font-weight:bold;
    margin:0px;
}

div.wrap div.relatedlinks p {
    padding:2px 10px 4px 10px;
    font-size:80%;   
    margin:0px;
}

div.wrap div.maincontent div.links {
    display:block;
    margin-top:10px;
    margin-bottom:10px;
}

div.wrap div.relatedlinks ul li a, 
    div.wrap div.maincontent div.link a {
    font-size:80%;
    color:#225a33;
    text-decoration:none;
    background:url('../images/small_arrow_right.gif') no-repeat 0px 2px;
    padding-left:17px;
}

div.wrap div.relatedlinks ul li a:hover,
    div.wrap div.maincontent div.link a:hover {
    text-decoration:underline;
}

/* Gallery content area */
div.wrap div.gallery {
    width:840px;
    float:left;
    display:block;
}

div.wrap div.gallery span.outofstock {
    color:#ff0000;
    font-size:70%;
    font-weight:bold;
    padding:0px 2px 0px 2px;
}

div.wrap div.gallery div.margin {
    width:840px;
    display:block;
    background:#d1c5b5;
    height:2px;
    margin-bottom:10px;
    float:left;
    font-size:0px;
}

div.wrap div.collection {
    float:left;   
}

div.wrap div.collection div.thumbnail, 
    div.wrap div.collection div.thumbnail-rightmargin {
    width:152px;
    min-height:140px;
    display:block;
    float:left;
    margin-right:0px;
    margin-bottom:10px;
    text-align:center;
}

div.wrap div.collection div.thumbnail-rightmargin {
    margin-right:20px;
    vertical-align:bottom;
}

div.wrap div.collection div.thumbnail div.image, 
    div.wrap div.collection div.thumbnail-rightmargin div.image {
	width:152px;
	height:120px;
	vertical-align:bottom;
	display:block;
}

div.wrap div.collection div.thumbnail a, 
    div.wrap div.collection div.thumbnail a:visited,
    div.wrap div.collection div.thumbnail-rightmargin a, 
    div.wrap div.collection div.thumbnail-rightmargin a:visited {
    width:152px;
    padding-top:4px;
    display:block;
    background:#ffffff;
    color:#225a33;
    text-decoration:none;
    font-size:80%;
}

div.wrap div.collection div.thumbnail a:hover, 
    div.wrap div.collection div.thumbnail-rightmargin a:hover {
    text-decoration:underline;
}

div.wrap div.collection div.thumbnail div.image a, 
    div.wrap div.collection div.thumbnail-rightmargin div.image a {
    width:auto;
    padding:0px;
    margin:0px;
}

div.wrap div.collection div.thumbnail div.image a img, 
    div.wrap div.collection div.thumbnail-rightmargin div.image a img {
    padding:0px;
    margin:0px;
    border:none;
}

div.wrap div.gallery div.controls {
    width:840px;
    display:block;   
    margin-bottom:10px;
    float:left;
}

div.wrap div.gallery div.controls div.paging
{
    float:left;
    color:#225a33;
    font-size:80%;
    text-align:center;
    width:640px;
}

div.wrap div.gallery div.controls div.links {
    float:left;
    width:100px;
}

div.wrap div.gallery div.controls div.links span {
    color:#d1c5b5;
    text-decoration:none;
    font-size:80%;
}

div.wrap div.gallery div.controls div.links span.right {
    float:right;
}

div.wrap div.gallery div.controls div.links a,
    div.wrap div.gallery div.controls div.links a:visited {
    float:left;
    color:#225a33;
    text-decoration:none;
    font-size:80%;
}

div.wrap div.gallery div.controls div.links a.right,
    div.wrap div.gallery div.controls div.links a.right:visited {
    float:right;
}

div.wrap div.gallery div.controls div.links a:hover {
    text-decoration:underline;
}

div.wrap div.gallery div.noresults {
    width:840px;
    height:240px;
    display:block;   
    vertical-align:middle;
    text-align:center;
    margin:40px 0px 40px 0px;
}

div.wrap div.gallery div.noresults p {
    font-weight:bold;    
}

div.linktop {
    width:560px;
    float:left;
    display:block;
    text-align:right;
    margin:0px;
}

div.gallerycontent div.linktop {
    width:840px;
    float:left;
    display:block;
    text-align:right;
    margin:0px;
    padding-top:20px;
}

div.gallerycontent div.thumbnail-break {
    margin:0px;
    padding:0px;
    width:842px;
    height:20px;
    display:block;
    float:left;
}

div.galleryfilter div.outofstock {
    width:200px;
    text-align:center;
    font-size:80%;
}

div.galleryfilter div.outofstock input {
    margin-bottom:3px;
    margin-right:3px;
    width:12px;
    height:12px;   
}

div.galleryfilter div.link div.navigation {
    width:190px;
    margin:0px auto 10px auto;
    height:31px;
    background:url('../images/navigation_button.gif') repeat-x;
    display:block;
}

div.galleryfilter div.link div.navigation {
    width:190px;
    display:block;
    height:26px;
    padding:3px 5px 0px 5px;
    float:left;
}

div.galleryfilter div.link div.navigation a, 
    div.galleryfilter div.link div.navigation a:visited {
    text-align:center;
    width:180px;
    font-size:90%;
    display:block;
    height:26px;
    padding:3px 5px 0px 5px;
    text-decoration:none;
    color:#ffffff;
    float:left;
}

div.galleryfilter div.link div.navigation a:hover {
    text-decoration:underline;
}

div.linktop-homepage {
    width:840px;
    float:left;
    display:block;
    text-align:right;
    margin:0px;
    padding-bottom:20px;
}

div.linktop a, div.linktop a:visited, 
    div.linktop-homepage a, 
    div.linktop-homepage a:visited {
    width:34px;
    color:#225a33;
    text-decoration:none;
    font-size:80%;
    background:url('../images/small_arrow_up.gif') no-repeat 22px 3px;
    text-align:left;
    display:block;
    float:right;
}

div.wrap div.productimage {
    text-align:center;
    margin-left:1px;
    border:solid 1px #225a33;
    width:496px;
    display:block;
    padding:30px;   
    background:#d1c5b5;
}

/* Form area */
div.formpanel {
    width:458px;
    padding:20px;
    border:dotted 1px #225a33;
    float:left;
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}

div.formpanel table {
    font-size:80%;
}

div.formpanel table tr td {
    padding:10px;
    vertical-align:top;
}
div.formpanel table tr td label {
    display:block;
    width:150px;
}
div.formpanel table tr td input {
    width:250px;
}

div.formpanel table tr td textarea {
    width:250px;
    height:150px;
    font-family:Tahomam, Verdana, Arial, Sans-Serif;
}

div.formpanel table tr td.button {
    text-align:center;
}

div.formpanel table tr td.button input {
    width:100px;
    height:32px;
    background:url('../images/navigation_button.gif') repeat-x;
    border:none;
    color:#ffffff;
    font-size:120%;
    cursor:hand;
}

div.formpanel table tr td.button input:hover {
    text-decoration:underline;
}

/* Footer and copyright areas */
div.footer {
    width:900px;
    float:left;
    display:block;
    background:#ffffff url('../images/frame_slice.gif') repeat-y;
}

div.footer div.navigation {
    font-size:80%;
    color:#225a33;
    text-align:center;
    margin:0px 30px 0px 30px;
    border-top:solid 2px #d2c6b6;
}

div.footer div.bottom {
    background:#ffffff url('../images/frame_bottom.gif') no-repeat;
    width:900px;
    height:17px;
}

div.footer div.navigation ul {    
    list-style-type:none;
    margin:20px 10px 20px 10px;
    padding:0px;
}

div.footer div.navigation ul li {
    margin:0px;
    padding:0px;
    display:inline;
}

div.footer div.navigation span {
    margin:0px 0px 0px 4px;
    display:inline;
    text-align:center;
}

div.footer div.navigation ul li a, 
    div.footer div.navigation ul li a:visited {
    color:#225a33;
    text-decoration:none;
}

div.footer div.navigation ul li a:hover {
    text-decoration:underline;
}

div.copyright {
    padding:0px 10px 0px 10px;
    width:880px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    font-size:70%;
    color:#666664;
}

div.copyright a, 
    div.copyright:visited {
    color:#666664;
}

div.copyright div.bedfordstreetgallery {
    float:left;
}

div.copyright div.valewebdesign {
    float:right;
}

div.tip {
	padding:10px;
	background:#ffffff;
	border:solid 2px #225a33;	
	text-align:left;
	color:#000000;
	font-size:80%;
}

div.picker {
	font-size:80%;
	background:#d1c5b5;
	color:#225a33;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
}

div.picker a, div.picker a:visited {
	margin:0px;
	padding:0px;
	color:#225a33;
	font-weight:bold;
	text-decoration:none;
}

div.picker a.remove, div.picker a.remove:visited {
	margin:0px;
	padding:0px 0px 0px 15px;
	background:#d1c5b5 url('../images/remove.gif') no-repeat 0px 2px;
	color:#ff0000;
}

div.picker a:hover {
	text-decoration:underline;
}

div.picker a.remove {
	font-weight:normal;
	color:#ff0000;
}
