/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#5a5a62 url(images/bg_tail.gif) repeat-x top center;
	text-align:left;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

hr
{
	height: 1px;
	border: none;
	background:url(images/bg_tail_row2.gif) ;	
}

html, input, textarea
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:18px;
		color:#8f8f8f;
	}
.normal
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:13px;
		color:#cbcbcb;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB; outline:none;}
a:hover{text-decoration:none;}

h1 {
	font-size:55px; 
	color:#a7a7a7;
	line-height:1.2em;
	padding:0 0 20px;
	letter-spacing:-1px;
	}
h2 {font-size:24px; color:#fff; line-height:1.2em;}
.sold {
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin-left: 0.5em;
	
	color: red;
	border: 1px solid red;
}
h3 {
	font-size:14px; 
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	padding-right:7px;
	padding-top: 8px; }
h4, h4 a{
	font-size:13px; 
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
	}
h6 {font-size:13px; color:#d6b357; font-weight:bold;}
/* ============================= main layout ====================== */

li {line-height:1.5em;}
li a {color:#B6BDC3;}

.imgindent {margin:12px 20px 0 0; float:left;}
.fright {text-align:right;}
h4.fright {padding:9px 0 0; color:#c0c0c9;}
h4.fleft {padding:8px 0 5px; color:#c0c0c9;}
/* ============================= header ====================== */
.social_media_menu {text-align:left; padding:5px 0 5px;}

#header {
	background-position: bottom right;
	background-repeat: no-repeat; 
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}

/* Background Images */
#header { background-image:url(images/backgrounds/shell_dishes.jpg); }
#index #header { background-image:url(images/backgrounds/homepage.jpg); }
#articles #header { background-image:url(images/backgrounds/boat.jpg); }
#about_us #header { background-image:url(images/backgrounds/goblets.jpg); }
#valuations #header { background-image:url(images/backgrounds/teapot.jpg); }
#stock #header { background-image:url(images/backgrounds/shell_dishes.jpg); }
#visit #header { background-image:url(images/backgrounds/centre_piece.jpg); }
#contact #header { background-image:url(images/backgrounds/dish.jpg); }
#privacy #header { background-image:url(images/backgrounds/hallmarks.jpg); }
#terms #header { background-image:url(images/backgrounds/presentation_bowl.jpg); }
#sitemap #header { background-image:url(images/backgrounds/frame.jpg); }
#returns #header { background-image:url(images/backgrounds/salt.jpg); }
#shipping #header { background-image:url(images/backgrounds/teaset.jpg); }
	
	
#header li {display:inline; padding:0;}
#header a {text-decoration:none;}

.logo 
{
	height:70px; 
	text-align:left;
}
.logo h3
{
	padding-top: 0px; 
	color: #5a5a62;
}

.social_media_menu
{
	margin-top: 15px;
}
	.social_media_menu a {
		display:inline-block; 
		width:18px; 
		height:18px;
		
		vertical-align: middle;
		text-decoration:none;
		margin:0 2px 0 2px;
	}
	
	.social_media_menu .facebook {background:url(images/facebook.png) no-repeat center center;}
	.social_media_menu .twitter {background:url(images/twitter.png) no-repeat center center;}
	.social_media_menu .linkedin {background:url(images/linked_in.png) no-repeat center center;}

.menu_icon
{
	margin-top: 5px;
}
	.menu_icon a {
		display:inline-block; 
		width:18px; 
		height:18px;
		
		vertical-align: middle;
		text-decoration:none;
		margin:0 2px 0 2px;
	}

	.menu_icon .dotted {margin-top: 4px;}
	.menu_icon .home {background:url(images/home.jpg) no-repeat center center;}
	.menu_icon .sitemap {background:url(images/sitemap.jpg) no-repeat center center;}
	.menu_icon .mail {background:url(images/mail.jpg) no-repeat center center;}

#header .menu li{line-height:32px; padding-bottom:5px; float:left;margin-left:2px;}
.menu {padding-bottom:13px;}
.menu a {color:#fff; font-size:15px; margin:0 25px;line-height:32px;}
.menu a:hover {color:#e7c572;}
.menu li.active {background:url(images/menu_marker.gif) no-repeat bottom center;}
.menu li.active span {background:url(images/manu_active.gif) repeat-x top center;padding:8px 0 7px;}
.menu li.active a:hover {color:#fff; cursor:default;}

.links {height:312px; padding-top:20px;}
.buttons {padding:220px 13px 0;}
.buttons a {float:right; margin-left:5px; position:relative; display:block; cursor:pointer}

.buttons span {  
display:block; 
position:absolute; 
top:197px; 
right:0; 
width:998px;
height:203px;
display:none;}

.buttons span.banner1 {background:url(images/banner1.png) no-repeat top right;}
.buttons span.banner2 {background:url(images/banner2.png) no-repeat top right;}
.buttons span.banner3 {background:url(images/banner3.png) no-repeat top right;}

* html .buttons span.banner1 {background:url(images/banner1_ie.gif) no-repeat top right;}
* html .buttons span.banner2 {background:url(images/banner2_ie.gif) no-repeat top right;}
* html .buttons span.banner3 {background:url(images/banner3_ie.gif) no-repeat top right;}

.gallery .left,.gallery .right {position:relative; display:block;}
.gallery div.info {
	display:block; 
	position:absolute; 
	top:0px; 
	right:-14px; 
	width:214px;
	height:210px;
	display:none;
	background:url(images/bg_gallery.png) no-repeat bottom left;
	padding:0 0 0 10px;
}
#page4 .gallery div.info img { margin:0 0 0 19px;}
* html .gallery div.info {
	background:url(images/bg_gallery.jpg) no-repeat bottom left;}
* html #page4 .gallery div.info img { padding:0;}
#page4 .gallery div.info {right:-35px;}
.gallery a{
	z-index:20000; display:block; position:relative;}
.gallery .info a {color:#9d9ce0; text-decoration:none;}
.info_content {padding:5px 7px; }
.row1 .clear {clear:both; background:#fff; height:30px;}
#index .row1 {padding:20px 0 0;}
.row2 .clear {clear:both; background:#5A5A62; height:37px;}
#index .row2 {padding:0;}

/* ============================= content ====================== */

.row1 {background:#fff; padding:20px 0 30px;}
.row1 h4 {padding-bottom:16px;}
.row2 {
	background:#5a5a62; 
	padding:0 0 0px; 
	color:#cbcbcb;
	line-height:20px;
	padding-top: 10px;}
.row2 a {color:#e7c572; }
.row1 .bg {background:url(images/bg_tail_row1.gif) repeat-y 0 0;}
.row .bg { padding:15px 0 0; }
#index .row2 .bg {background:url(images/row2_bg.gif) no-repeat 503px 0;}
.row2 .main {background:url(images/bg_tail_row2.gif) repeat-y 0 0;}

/* Stock Pages - Remove Border*/
#stock #landing .main {background: none;}
#stock #category .main {background: none;}

#index .row2 .col2 .wrapper h4 {padding-top:12px;}
.row2 p {padding-bottom:10px;}
.col1 {margin-right:1px;}

.row2 p {padding-top:6px;}
#index .row2 p {padding-top:0;}
.comments p {background:url(images/comments_bg.gif) no-repeat top left; text-indent:20px;}
#index .main ul {padding:2px 0 21px;}
.row1 ul {margin:-6px 0 0;}
#index .imgindent,#page4 .row1 .imgindent {margin-top:0;}
#page3 .row1 .col2 h1 {letter-spacing:-4px;}
#page4 .gallery {padding:5px 0 15px 10px;}
.portfolio img {padding-bottom:10px;}
.portfolio p {padding:18px 20px 0 0;}

.main ul li {
	font-size:18px;
	line-height:32px;
	padding-left:16px;}
.main ul li a {text-decoration:none;}
.main ul li a:hover {text-decoration:underline;}
.row2 ul li { 
	background:url(images/row2_marker.gif) no-repeat left top;
	color:#fff; }
.row2 ul li a {color:#fff;}	
.row1 ul li { 
	background:url(images/row1_marker.gif) no-repeat left center;
	color:#8f8f8f; }
.row1 ul li a:hover {border-bottom:1px solid #8f8f8f; text-decoration:none;}
.row1 ul li a {color:#8f8f8f;}
	.link {padding-top:5px;}
	.row2 h1 {color:#7b7b80;}
/*buttons*/
a.btn {
	background:url(images/btn_left.gif) no-repeat left center;
	display:inline-block;
	font-size:12px;
	line-height:18px;
	height:18px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.btn span{
	background:url(images/btn_right.gif) no-repeat right center;
	display:inline-block;
	padding:0 2px;
}
a.btn span span {background:#bb9945; padding:0 11px; cursor:pointer;}
.row1 a.btn:hover {
	background: url(images/btn_left.gif) no-repeat left top;
	color:#f6efd3;
}
.row2 a.btn:hover {
	background: url(images/btn_left.gif) no-repeat left bottom;
	color:#5a5a62;
}
.row1 a.btn:hover span{background:url(images/btn_right.gif) no-repeat right top;}
.row2 a.btn:hover span{background:url(images/btn_right.gif) no-repeat right bottom;}

.row1 a.btn:hover span span {background:#5a5a62;}
.row2 a.btn:hover span span {background:#f6efd3;}

.gallery {padding:5px 0 0;}
/*phone*/
.phone span {display:inline-block; width:90px; font-weight:normal;}
.privacy {padding:13px 0 0 18px;}
.row2 .privacy p {padding:0 0 20px;}

/* ============================= footer ====================== */
#footer {
	border-top:1px solid #86868c; 
	color:#b3b3b0;
	padding:20px 0 0;
	}
	#footer img {margin-left:2px;}
#footer .bg {background:url(images/bg_tail_row2.gif) repeat-y 419px 0;}
#footer span,#footer span a {color:#f6efd3;}
#footer p a {color:#b3b3b0;}
#footer .col2 {color:#fff; line-height:1.2em; padding:5px 0 0;}
.calls {color:#b7b7c1; background:url(images/footer_ic6.gif) no-repeat left center;  padding:3px 0 5px 20px; font-size:14px;}

#footer .social_media_menu 
{
	color: B3B3B0;
}

#footer .social_media_menu a
{
	margin: 0px;
}

/* ============================= forms ============================= */
label {height:26px; display:block;}
#ContactForm {padding-top:10px;}
input, textarea {
	width:337px;
	border:1px solid #6b6a68;
	padding:0 5px;
	font-size:13px;
	color:#8c8c8c;
	background:#ececec;
	line-height:1.2em;
}
textarea {
	height:47px; overflow:auto; margin-top:2px;}
#ContactForm a {margin:0 0 0 12px;}


.StockEntry
{
	background:url(images/bg_tail_row2.gif) repeat-x bottom left; 
	margin: 5px; 
}

.StockEntry h3
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.StockEntry .sold
{
	float:right;
	margin-top: 6px;	
}

/* =========================== slideshow =========================== */
#slideshow
{
	width: 100%;
	background: #ff00aa;
	margin-bottom: 15px;
	
	border: 2px solid #8f8f8f;
}
#slide_canvas
{
	overflow: hidden;
	text-align: center;
	
	background: #F5F5F5;
}
	#slide_canvas img
	{
		height: auto;
		width: 100%;
		
		vertical-align: middle;
		text-align: center;
	}
#slide_track
{
	float: left;
	background-color: #8f8f8f;
	color: #5a5a62;
}
#slideshow .arrow
{
	width: 35px;
	height: 90px;
	margin: 0px;
	
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
	cursor: pointer;
	
	background-color: #8f8f8f;
	border: none;
	color: #5a5a62;
}
#slideshow #left_arrow
{
	float: left;
}
#slideshow #right_arrow
{
	float: right;
}
#slide_reel
{
	float: left;
	height: 90px;
	width: 402px;
	padding: 0px;
	
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
}
	#slide_reel div
	{
		display: inline-block;
		white-space: normal;
		vertical-align: top;
	}
		#slide_reel div.slide
		{
			display: inline-block;
			
			margin: 2px;
			cursor: hand;
		}
			#slide_reel div.slide img
			{
				cursor: pointer;
			}
#slide_footer
{
	clear: both;	
}


/* =================== Products Tiles / Previews ==================*/
div.product_tile
{
		
}

div.product_tile_over
{
	padding 2px; 
	background: #F0F0F0;
	border: 1px solid #C0C0C0;
}