@import url("reset.css");
@import url("typography.css");
#buyinfo {
background-color:#FDFDFD;
overflow:auto;
width:500px;
}

#cart {
}

#cart_prev {
margin:auto;
width:550px;
}

#cart_prev_header {
border-bottom:1px solid #ccc;
clear:both;
margin:9px;
padding:9px;
}

#cartinfo {
	/*
-moz-border-radius:8px;
-webkit-border-radius:4px;
background-color:#FFF;
border:1px solid #CCC;
border-radius:4px;
display:box;
float:left;
margin:0 0 -6px;
padding:8px;
width:180px;
*/
}

#grid {
margin-left:-16px;
}

#headercell {
background:none;
height:73px;
width:670px;
}

#searchdiv {text-align:right;width:250px;}
#searchdiv .bf {float:right;    right: 0}
#headercontainer {
background:url("../siteimages/hd-sub.gif") repeat-x scroll center bottom transparent;
clear:both;
height:80px;
margin:0 0 18px;
padding:9px 0	;
padding-left:0;
position:relative;
}

#headercontainer .headercell {
display:block;
float:left;
height:100%;
margin:0;
vertical-align:bottom;
}

#headertable td {
padding-top:20px;
vertical-align:bottom;
}

#imagegrid {
margin-left:20px;
}

#imagegrid td,#imagegrid caption {
border:none;
margin:11px;
padding:2px;
vertical-align:bottom;
}

#maincontent {
border:0 solid #790E11;
margin:0 auto;
padding:0 0 10px;
width:940px; 
}


.page-grid #maincontent {width: 100%;}

#maincontent #buyinfo,.hide {
display:none;
}

#middlecontent {
/*border-right:1px solid #CCC;*/
clear:left;
/*margin-left:20px;*/
min-height: 450px;
padding-right:0px;
width:100%;
}

#searcform {
border:1px solid red;
}

#search_button,.generalbutton {
    border: 1px solid #AAAAAA;
    float: right;
    height: 23px;
    margin: 0 0 0 20px;
    padding: 1px 0; 
}

#searchresinfo {
clear:left;
font-style:italic;
margin-bottom:9px;
padding-left:37px;
}

#sfield {
font-size:1em;
height:16px;
margin:0;
padding:0 0 3px 3px;
}

#sidebar {
 
float:right;
margin:20px 20px 0 0;
width:200px;
}

#tooltipdiv {
#position:absolute;
background-color:#eee;
border:1px solid #111;
color:#000;
font-weight:0;
line-height:1.5em;
opacity:0.85px;
padding:5px;
width:300px;
z-index:3000;
}

#tooltipdiv h3,#tooltipdiv div {
margin:0;
}

.ab {
margin-left:auto;
margin-right:auto;
}

.bf {
bottom:50px;
position:absolute;
}

.button span img {
display:inline-block;
margin:0 10px -2px -4px;
padding:0;
}

.cart_prev_image {
float:left;
height:150px;
text-align:center;
width:180px;
}

.cb {
display:block;
margin:auto;
text-align:center;
}

.forminput {
background:transparent url('../img/input.png') no-repeat;
border:none;
display:inline-block;
font-family:serif;
font-size:13px;
font-style:italic;
margin-bottom:18px;
padding:2px 5px;
width:144px;
}

.gen_tooltip_div {
width:inherit;
}

.innerthumbarea {
bottom:0;
position:absolute;
width:100%;
}

.previewbody #maincontent {
border:0 solid #CCC;
margin:0 auto;
padding-bottom:9px;
width:>900px;
}

.previewbody #maincontent .fullimg {
float:left
}

.previewbody #maincontent p .previewbody #maincontent p {
display:block;
margin:auto;
width:90%;
}

.sep {
border:0 solid red;
clear:both;
display:nonex;
height:10px;
width:10px;
}

.thumbcontainer {
float:left;
height:160px;
margin:auto;
position:relative;
text-align:center;
width:160px;
}

.thumbimagecontainer a.buylink {
display:block;
}

.tooltipdiv {
color:#000;
font-weight:0;
}

a.button {
background:transparent url('../img/bg_button_a.png') no-repeat scroll top right;
color:#FFF;
display:block;
float:left;
font-size:12px;
height:29px;
margin-right:6px;
padding-right:12px;
text-decoration:none;
}

a.button span {
background:transparent url('../img/bg_button_span.png') no-repeat;
display:block;
line-height:19px;
padding:5px 0 5px 12px;
}

a.button:active {
background-position:bottom right;
color:#000;
outline:none;
}

a.button:active span {
background-position:bottom left;
padding:6px 0 4px 12px;
}



a:link,a:visited,a:active {
color:#543929;
text-decoration:none;
}

a:hover {
color:#424242;
text-decoration:underline;
}


body {
/*background:#FFF;*/
color:#222;
font-family:Arial, Helvetica, Verdana, Sans-serif;
font-size:1.2em;
line-height:1.4em;
}

body.previewbody {
height:0;
}

#topnav a {border-right:1px solid #CCC;
margin-right:10px;
padding-right:10px;}
 
 

div#archivelist a,div#pagenav a {
border-right:1px solid #CCC;
margin-right:10px;
padding-right:10px;
}

div#archivelist a.current_archive,div#pagenav a.isCurrentPage {
font-weight:700;
}

div#archivelist a:last-child,div#pagenav a:last-child {
border-right:none;
}

div#infodiv {
float:left;
margin:9px 0;
width:106px;
}

div#pagenav {
clear:both;
margin:20px auto;
text-align:center;
width:99%;
}

h1#mainheader {
font-size:24px;
margin:0 0 -5px 190px;
text-indent:-999px;
}

html {
font-size:62.5%;
}

html,body {
height:100%;
}

p {
margin-bottom:18px;
}

#languagebar {
	position:absolute;top:10px;right:20px;
	}
	
#languagebar img {
		display:inline-block;
	}
	
	.trans {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	display:inline-block;

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

#footer {
 margin-top:40px;
 
  width: 100%;
  font-size:8px;
}

#footer #inner {
	color:#666;
    border-top: 1px solid #CCCCCC;
    margin: 0 auto;
    padding-top: 18px;
    width: 950px;
}



* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
#content .left {
	text-align: left;
}
#content .center {
	text-align: center;
}
#content .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
#content img {
	border: none;
}
	#content img.right {
		float: right;
		margin-left: 20px;
	}
	#content img.left {
    float: left;
    margin-right: 20px;
}
	#content img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	#content img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

#previewinfo {
  display: inline-block;
  margin: 0 auto 0 10px;
  WIDTH:375px; 
}

#previewinfo br {margin-bottom:18px;}
body.previewbody {background:none}