/* ------------------ General set up ------------------ */
html { /* stops naughty vertical scroll bars shifting the centering of content between pages */
height: 100%; 
margin-bottom: 1px; 
}
body{
margin:0;
padding:0;
font:small Verdana,Geneva,Arial,Helvetica,sans-serif;
background:#fff url(/assets/sb_purchase_grad.png);
}
hr {
clear:both;
border-bottom:0px solid #cccccc;
margin-bottom:20px;
}

/* ----------- link behaviour -----------*/
a:active, a:focus {outline: none;} /* -- firefox outline issue --*/
p a {color:#000000;text-decoration:underline; }
p a:link {color:#000000;text-decoration:underline; }
p a:visited {color:#000000;text-decoration:underline; }
p a:hover {color: #d60105;text-decoration:none;  border-bottom: 2px dashed #d18a8a; }
p a:active {color:#000000;text-decoration:none; }

  


/* ------------------ layout structure ------------------ */
#wrap{
width:742px;
margin:0 auto;
border: 0px solid #d9b4b4;
background: #fff;}
/* header */
#header{
height:65px;
width:742px;
margin:10px auto 0 auto;
background:url(/assets/sb_headerbackground.png) no-repeat
}
#header h1{
text-indent:-9000px;/* image replacement for main logo */
padding:10px;
line-height:20%
}
#content{
float:left;
width:480px;
font-size:90%;
line-height:1.5em;
color:#333333
}
#contentfullwidth{
float:left;
width:100%;
font-size:90%;
line-height:1.5em;
color:#333333
}
.gutter{
padding:15px 10px 0 10px
}
h2{
margin:0;
padding:2px 5px 2px 25px;
color: #d60105;
color:#fff;
font:normal 180% Verdana,Geneva,Arial,Helvetica,sans-serif;
background: #d60105 url(/assets/sb_bg_header.png) repeat-x;
text-shadow: 2px 2px 2px #333;
clear:both;
}

.posted{
margin:0 0 2em 0;
padding:0 0 5px 0;
font-size:80%;
color:#aaaaaa;
border-bottom:6px dotted #eeeeee;
}

#sidebar{
margin:10px 0;
float:right;
width:247px;
border: 1px solid #d9b4b4;
background-color:#fff;
}
#sidebar .gutter{
padding:6px
}
#sidebar h3{
margin:0 0 1em 0;
padding:5px;
color:#ffffff;
font:normal 130% Verdana,Geneva,Arial,Helvetica,sans-serif;
background: #d60105 url(/assets/sb_bg_header.png) repeat-x;
}
#sidebar dl{
margin:0;
padding:0
}
#sidebar dt img{
margin:10px 7px 2px 7px;
padding:5px;
background:url(/assets/imageshadowlarge.gif) no-repeat
}
#sidebar dd{
margin:0px 0 0 10px;
text-align:center
}
#footer{
margin:0px;
padding: 3px 5px 7px 5px;
clear:both;
background: #d60105 url(/assets/sb_bg_header.png) repeat-x;
border: 1px solid #c9b3b3;
}
#footer p{
margin:0;
padding:0;
font-size:60%;
color:#fff
}
/* ------------------ Navigation tabs ------------------ */
#nav{
margin:0;
padding:0px;
list-style:none;
min-height:27px;
background: #d60105 url(/assets/sb_bg_tab_off.png)  repeat-x top left;
}
#nav li{
list-style: none;
margin: 0;
display: inline;
}
#nav a{
padding:5px 20px;
margin:0; 
display:inline;
float:left;
color:#ffffff;
font-weight:bold;
font-size:100%;
text-decoration:none;

background: #d60105 url(/assets/sb_bg_tab_off.png)  repeat-x top left}
#nav a:hover{
color: #613434;
background:url(/assets/bg_tab_on.gif) #ffffff repeat-x top left
}
#nav .selected{
color: #613434;
background:url(/assets/bg_tab_on.gif) #ffffff repeat-x top left
}
#subnav{
margin:0;
padding:0;
list-style:none;
background-color: #fff;
border-bottom: 1px solid #d60105;
height:25px;
}
#subnav li{
list-style: none;
margin: 0;
display: inline;
}

#subnav a {
padding:5px 15px;
float:left;
display:block;
color: #d60105;
font-weight:normal;
font-size:85%;
text-decoration:none;
}
#subnav a:hover{
text-decoration:underline;
}


/* ------------------ image control ------------------ */
a img{
border:none
}
.fleft{
float:left;
margin:5px 5px 5px 0px
}
.fright{
float:right;
margin:5px 0px 5px 5px
}
.noback{
clear:both;
background:none
}
#gallery h2{
font-size: medium;
}
#gallery p{
margin:0;
padding:0 0 10px 0;
font-size:small;
line-height:140%;
color: #4a2727;
background: transparent;
}
#gallery ul{
margin:10px 0;
padding:0;
list-style-type:none
}
#gallery li{
display:inline
}
#gallery img{
margin:0px;
padding:5px;
border:0;
background:url(/assets/imageshadowthumbs.gif)
}
#gallery .one4{
 background:url(/assets/imageshadowthumbs_one4.gif)
}
#gallery img.noback, #content img.noback{
   background-image: none;
   clear:both;
}
#gallery a:hover{
border-bottom: 1px dashed #ffcfcf}

/* ------------------ category layout ------------------ */
dl.catgallery{
border:1px solid #cccccc;
background:#eeeeee;
text-align: center;
padding: 0px;
float: left;
margin: 2px;
}
dl.catgallery dt img{
border: 1px solid #fff;
width: 80px;
}
dl.catgallery dd{
font-size: 0.75em;
}
.srn{
font-size:x-small;
color: #d18a8a;
}

/* ------------------ single entry layout------------------ */
#single_entry_box{
   padding:0;
   margin:0;
background-color: #ffabab;
border: 1px solid #d60105;
min-height:270px;

}
#single-entry-column{
   width:225px;
   float:left;
   margin:0;
   padding: 0px;

}
#single-entry-column .mainimage{
   margin-right:15px;
   border: 1px solid #d60105}
#single-entry-column .nextnav{
   margin:0;
   padding: 0px;
}
#single-entry-column h3{
width:100%;
background-color: #ffcfcf;
font-size: 1.25em;
   margin:5px 0 0 0;
   padding:0px;
}
#single-entry-column h4{
width:100%;
background-color: #ffcfcf;
font-size: 1em;
   margin:15px 0 0 0;
   padding:0px;
   border-top: 3px solid #b57777;
}
#single-entry-column p{
   margin: 0 0 5px 0;
}
.nextnav a{
color:#fff;
font-size:110%;
}
.nextnav {
color:#fff;
height:1.6em;
width:217px;
font-size:120%;
text-align:center;
background: #d60105 url(/assets/sb_bg_header.png) 0 -5px repeat-x;
}

/* ------------------ Card Detail page ------------------*/

#toprow{
width:742px;
height:300px;
min-height:265px;
background-color: #ffabab;
position: relative;
margin-top:10px;
background: #ffabab url(/assets/sb_bg_toprow.png);
}
#box-image{
width:227px;
position: absolute;
left: 18px;
margin-top:10px;
}
#box-info{
position: absolute;
width:237px;
left: 263px;
}
#box-buy{
position: absolute;
width:227px;
left: 508px;
}
#lowerrow{
width:742px;
height:255px;
min-height:235px;
margin-top:10px;
position: relative;
}
#box-1{
width:215px;
position: absolute;
left: 18px;
}
#box-1 p{
font-size: 85%;
line-height:180%;
margin-bottom:1.5em;
}
#box-2{
position: absolute;
width:215px;
left: 263px;
}
#box-3{
position: absolute;
width:215px;
left: 508px;
}
#toprow h3{
padding:5px;
color: #d60105;
color:#fff;
font:normal 120% Verdana,Geneva,Arial,Helvetica,sans-serif;
background: #d60105 url(/assets/sb_bg_header.png) repeat-x;
}
#lowerrow h3 {
margin:0;
padding:5px;
color: #d60105;
color:#fff;
font:normal 120% Verdana,Geneva,Arial,Helvetica,sans-serif;
background: #d60105 url(/assets/sb_bg_header.png) repeat-x;
}
#lowerrow p {
margin:0 0 1.5em 0;
}
/* ------------------ contact form ------------------ */
#contactform{
   margin: 20px;
   padding: 0px;
}
#contactform fieldset{
  border: 1pt solid #ffcfcf;
  padding: 10px;
}
#contactform legend{
  border: 1pt solid #ffcfcf;
  padding: 3px 6px;
  font-weight: bold;
  font-size: small;
  background: #d60105;
  color: #ffcfcf;
}
#contactform label{
  font-weight: bold;
}

/* ----------- social bookmarks -----------*/
ul.socialbookmarks {
list-style:none;
margin:0;
padding:0;
}
ul.socialbookmarks a{
float:left;
display:block;
text-decoration:none;
margin:0 5px 0 0;
}




/* ------------------ home page  ------------------*/

#toprowhome{
width:742px;
background-color: #ffabab;
margin-top:10px;
background: #ffabab url(/assets/sb_bg_toprow.png);
}
#hbox-1,
#hbox-2,
#hbox-3 {
display: inline;
float: left;
width:227px;
margin-left:15px;
}
.homelist {
list-style-type: none;
padding:0;
margin:0;
}
/* ------------------ misc  ------------------*/
.cardcatsdl{
font-size:125%;
font-weight:bold;
margin:2.5em 0 0.5em 0;
}

#content h3, #contentfullwidth h3{
margin:0;
padding:2px 5px 2px 25px;
color: #d60105;
color:#fff;
font:bold 130% Verdana,Geneva,Arial,Helvetica,sans-serif;
background: #d60105 url(/assets/sb_bg_header.png) repeat-x;
text-shadow: 2px 2px 2px #333;
clear:both;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/*  Christmas Countdown */
#xmascountdown{
clear:both;
background-color:#941820;
color:#fff;
padding:5px;
font-size:1.1em;
font-style:italic;
text-align:center;
border:1px solid #fff
}