/* ============================================================= */
/* (c)2007,2010 - Colin Jones - Created for Silly Bears Ltd		 */
/* Seajays Home Software - www.seajays.org.uk                    */
/* ============================================================= */
/* Date: 01/SEP/2007 - v1.0                                      */
/* Date: 05/JAN/2010 - v2.0                                      */
/* ============================================================= */

/* --------- Generic Site settings */

html,body {
	margin: 0px auto;
	padding: 0px;
	font: normal 1em Georgia, Utopia, Palatino, 'Palatino Linotype', serif;
	color: #E4E0AB;
	background-color: #735E42;
}

/* prettyPhoto Text Color */
.pp_description { color:  #313131; font-size: 80%; }

a { color: #A63424; text-decoration: none; }
a:hover { color: #F8654B; }

#logotext { float: right; padding: 1em 0em; }
#logoimage { float: left; padding: 0.5em 0em; }

#header { background-color: #735E42; width: 100%; }
#header_content { background-color: #B7A487; background-image: url('/images/header_bg.jpg');
	width: 800px; margin: 0em auto; padding: 0em 1em;}

#toolbar { background-color: #F5F4E2; width: 100%; color: #555; }
#toolbar_content { background-color: #F3F1D9; width: 800px; margin: 0em auto; padding: 0.2em 1em; }

#footer { background-color: #735E42; width: 100%;}
#footer_content div, #footer_follow div { font-size: 75%; }
#footer_follow { background-color: #222; width: 800px; margin: 0em auto; padding: 0.5em 1em 0.1em 1em; 
	border-top: 1px solid #B7A487;
	color: #B7A487;
	clear: both; }
#footer_follow a:hover { color: #F8654B; text-decoration: underline !important; }
#footer_content { background-color: #222; width: 800px; margin: 0em auto; padding: 0.2em 1em; 
	color: #B7A487;
	clear: both; }

#container { width: 100%; margin: 0em auto; background-color: #735E42; }

.standardText { clear: right; margin: 10px 0em; padding: 0px; line-height: 150%; }
.standardText a:hover { color: #F8654B; text-decoration: underline !important; }

#content {	background-color: #222; width: 800px; margin: 0em auto; padding: 0.5em 1em 1em 1em; }

#sentok {
	border: 2px dotted #4D7A1F;
	background-color: #D0E8C8;
	color: #27451D;
	padding: 1em;
}

/* Top Navigation */

#navcontainer
{
clear: right;
margin: 0em;
padding: 0.3em 0 0.3em 160px;
font-weight: bold;
}

ul#navlist
{
list-style: none;
padding: 0 0 0 0.2em;
margin: 0 auto 0 0;
width: 96%;
font-style: italic;
font-weight: normal;
height: 35px;
min-height: 35px;
float: right;
text-align: right;
}

html>body ul#navlist { /* IE ignores this block as it doesn't understand the selector */
   height: auto; /* Reset the height for good browsers */
}

ul#navlist li 
{
display: inline;
margin: 0px 0px 0px 0.3em;
padding: 0px;
}

ul#navlist li a 
{
padding: 0.2em;
line-height: 3.2em;
color: #111;
text-decoration: none;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
color: #801C0D;
font-weight: bold;
border-bottom: 1px dotted #801C0D;
}

ul#navlist li a:hover
{
color: #D4EEE4;
border-bottom: 1px dotted #D4EEE4;
}

/* Checkout basket area */

#basket {
	float: right;
}

#basket a img {
	border: none;
}

/* Left Menu List format */

#leftmenu
{
margin: 0px;
float: left;
}

#leftmenu a img {
	border: none;
}

/* Google Map style */

#map {
	background-color:#222;
	border:1px solid #666;
	font-family:Verdana;
	font-size: 0.8em;
	height:380px;
	width:780px;
	padding:0px;
	margin: 1em 1em 1em 0em;
	float: left;
	color: #222;
}

#map a:hover {
	color: red;
}

/* Style for sale items */

.stockBlock2 {
	clear:left;
	float:left;
	width:796px;
	overflow:hidden;
	background-color: #CFC1A6;	
	background-image: url('/images/bear_bg.jpg');
	margin-bottom: 1em;
}

.stockBlock1 {
	float:left;
	width:796px;
	position:relative;
	right:380px;
}

.stockitem {
	width: 540px;
	border: none;
	background-color: transparent;	
	color: #222;
	padding: 1em 1em 0.7em 1em; 
	float:left;
	position:relative;
	left:380px;
	overflow:hidden;
}

.stockname {
	font-weight: bold;
	font-style: italic;	
	font-size: 110%;
}

.stockbuy a{ display:block; color: white; width: 100%; height: 100%;}
.stockbuy a:hover{ background-color: #287524; color: white;}
.stockbuy {
	background-color: #A63424;
	color: white;
	width: 10em; line-height: 2.5em;
	text-align: center;
}

.stocksold {
	background-color: #888;
	color: white;
	width: 10em; line-height: 2.5em;
	text-align: center;
}

.stockbasket {
	background-color: #287524;
	color: white;
	width: 10em; line-height: 2.5em;
	text-align: center;
}

.stockphoto {
	width: 200px;
	background-color: #222;
	text-align: center;
	border: 12px ridge #9A7E58; 
	float:left;
	position:relative;
	left: 380px;
	overflow:hidden;
}

.stockphoto img {
	border: 0px;
}

.stockphoto a {
	border: none;
	font-size: 0.8em;		
	font-variant: small-caps;
}

.stockphoto a:hover {
	color: #a63424;
}

.stockmini {
	float: right;
	margin-left: 1.2em;
	min-height: 150px;
}

.stockmini img {
	width: 60px;
	border: 6px ridge #9A7E58; 
}
	
.stockprice {
	background: #222;
	font-weight: bold;
	color: #E7E2B4;
	padding-bottom: 2px;
}

/* Styles for basket display */

.basketitem {
	width: 100%;
	border: none;
	background-color: #222;	
	clear:none;
	float: right;
	margin-bottom: 1em;
}

.basketitem input,.basketitem select {
	font-size: 120%;	
}

.basketitem td {
	margin: 2px;
	vertical-align: top;	
}

.basketname {
	font-weight: bold;
	font-style: italic;	
	background-color: #A5936F;
	color: #222;
}

.basketdesc {
	vertical-align: top;
	border-bottom: 1px solid #555;
}

.basketcards {
	vertical-align: middle;
	background-color: #fff;
	text-align: center;
	border-bottom: 1px solid #555;
}

.basketimg {
	text-align: center;
	border-bottom: 1px solid #555;
}

.basketcash {
	text-align: right;
	border-bottom: 1px solid #555;
}

/* Styles for mini nav panels */

#minipanel {
	width: 100%;	
	border-collapse: separate;
	border-spacing: 0.75em 0.5em;
}

#minipanel * {
	padding: 0px;
	margin: 0px;
}

#minipanel td {
	width: 33%;
	height: 108px;
	background-color: #C7B89B;
}

#minipanel img {
	height: 88px;
	margin-right: 5px;
	border: none;

}
#minipanel .clipwrapper{
	position:relative;
	height:88px;
	float:right;
	left: -60px;
	display: block;
}
#minipanel .clip{
	position:absolute;
	clip: rect(0px 60px 88px 4px);
	display: block;
}

#minipanel td a {
	padding: 6px;
	display: block;
	width: 227px;
	height: 88px;
	background-image: url('/images/minipanel3b.jpg');	
	border: 6px ridge #9A7E58; 
}

#minipanel td a .miniPanelText { color: #222; font-size: 70%; padding-right: 62px; display: block; }
#minipanel td a .miniPanelHeader { font-size: 100%; font-weight: bold; padding-right: 62px; padding-bottom: 2px; display: block;}

#minipanel td a:hover { background-color: #846F48; background-image: none; }
#minipanel td a:hover .miniPanelText { color: #F5F4E2; }

.formerror {
    background-color: yellow;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */
