/* SB3D Stylesheet for QBK/MT cooperation	11/1/2006

IMPORTANT: You must use this in conjunction with some explicit styles for common elements like the "h" and "p" tags or you may have odd positioning mismatches between IE and Firefox due to differing default styles for those element.
*/

/*
This section (originaly from qbk.css) contains styles that are needed for content exported piecemeal by XF to MT
Note: 
Some of the tools that are part of SB3D's XF framework have their own stylesheets so you can customize their look.
Names in those stylesheets always (in theory) begin with "xf" 
*/

/* 
Changelog at end of file
*/

p {			/* usually best to establish a default paragraph style rather than leaving it to chance */
	margin: 0 5px 10px 0px;
	padding: 0;
	line-height:160%;
}

/*** Category links in sidebar ***/
/* Container used for cumulative indenting */
div.catLinks0, div.catLinks1, div.catLinks2 {
	font-size:12px;
	font-family:verdana, helvetica, arial, sans-serif;
	margin-left:10px;
}
div.catLinks0{
	margin-left:10px;
}

/* 
-------------------------------------------
--------Menu Links - 0 is top level--------
-------------------------------------------
 */

div.catLinksHeader {
	background: #fff url(./LinksImg/QBBrowse.png) no-repeat left;
	height: 35px;
}

/* Declarations for all links (except current links) */
a.catLinks0, a.catLinks1, a.catLinks2, a.catLinksOther0, a.catLinksOther1, a.catLinksOther2 { 
	text-decoration: none; 
	font-size:12px;
	line-height:14px;
	font-weight:bold; 
	display:block;
	/* left padding plus text-indent so long group names don't fold below symbol */
	padding:3px 3px 3px 30px;
	text-indent:-12px;
}

/* Declarations for top level links (catLinks0) */
a.catLinks0, a.catLinksOther0 {
	color: black;
	font-weight:bold;
	font-family: serif;
	background: #dedede url(./LinksImg/QBcatLinks0white.png) no-repeat left;
	padding:5px 3px 5px 35px;
	text-indent:-15px;
	border-bottom:1px solid white;
}

/* Hover behaviours for catLinks0 */
a.catLinks0:hover, a.catLinksOther0:hover { 
	color: #000099;
	background: #dedede url(./LinksImg/QBcatLinks0yellow.png) no-repeat left;
}

/* Some color and font declarations for other links (ie non 0) */
a.catLinks1, a.catLinks2, a.catLinksOther1, a.catLinksOther2 {
	color: #663300;
	font-family:verdana, helvetica, arial, sans-serif;
}

/* hover behaviours for catLinks1 */
a.catLinks1:hover, a.catLinksOther1:hover {
	/*background: #fff url(./LinksImg/QBcatLinks1dot.png) no-repeat left center;*/
}


/* hover behaviours for other links */
 a.catLinks1:hover, a.catLinksOther1:hover, a.catLinks2:hover, a.catLinksOther2:hover  { 
	color: #a3a571; 
}

a.catLinks1, a.catLinksOther1 {
	padding-left:35px;
	background: url(/images/menu-collapsed.gif) no-repeat;
	background-position: 10px 7px;
}	
a.catLinks2, a.catLinksOther2 { 
	padding-left:50px;
	color: #8e5a27;
	font-weight: normal;
	background: url(/images/menu-leaf.gif) no-repeat;
	background-position: 25px 7px;
}
a.catLinksOther0, a.catLinksOther1, a.catLinksOther2 {
	font-weight:bold;
}

/* Used instead of links to indicate currently selected group */
div.currentCat1, div.currentCat2 {
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:normal; 
	/* combination of left padding and text-indent so long group names don't fold below symbol */
	margin-left:0px;
	padding:3px 3px 3px 30px;
	text-indent:-12px;
	color: #696;
}
div.currentCat0 {
	font-family:serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold; 
	/* combination of left padding and text-indent so long group names don't fold below symbol */
	margin-left:0px;
	background: #dedede url(./LinksImg/QBcatLinks0yellow.png) no-repeat left;
	padding:5px 3px 5px 35px;
	text-indent:-15px;
	border-bottom:1px solid white;
}
div.currentCat1 {
	padding-left:35px;
	background: url(/images/menu-expanded.gif) no-repeat;
	background-position: 10px 7px;
	font-weight: bold;
}	
div.currentCat2 { 
	padding-left:50px;
	background: url(/images/menu-leaf.gif) no-repeat;
	background-position: 25px 7px;
}
/* Used instead of links to indicate currently selected group */
div.utilCat0, div.utilCat1, div.utilCat2 {
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:normal; 
	/* combination of left padding and text-indent so long group names don't fold below symbol */
	margin-left:0px;
	padding:3px 3px 3px 15px;
	text-indent:-18px;
	width:155px;
}
div.utilCat1 {
	padding-left:25px;
	text-indent:-18px;
	width:145px;
}	
div.utilCat2 { 
	padding-left:30px;
	text-indent:-18px;
	width:140px;
}
input.utilCat {
/* ie sees this but not firefox. IE's improperly adding margin to the submit buttons. \*/
*	margin-left: -16px;
/* */
}
/*
-------------End of Menu Section-----------
*/

/*
This section is for the overall page layout
*/

/* The middle and right sidebar columns now have padding on the right sides. */
div.content, div.fullContent {
	margin:0;
	padding:0 0 0 0;
}
div.fullContent {
	margin-right:20px;
	}

/* These must have bottom margin (if you want one to push the footer down) because only the longest column matters */
div.sidebarLeft, div.contentWrapper {
	margin-bottom: 0;
}	
div.sidebarLeft {
	position:absolute;
	left:0px;
	float:left;
	width: 225px;
	margin-top: 15px;
	z-index:1;	/* for problem with links and form elements being veiled by something */
	background-color:#ffffff;
}
div.noticeBox{
	height: 50px;
	margin: 15px 15px 0px 245px;
	padding: 5px 5px 0px 5px;
	border: 1px solid #663300;
/* ie sees this but not firefox. note that IE's left margin is 2 pixels less. \*/
*		margin-left: 243px;
/* */
}

/* wrapped around the middle content area and the right sidebar */
div.contentWrapper,div.contentWrapperCheckout{
	position:static;
	margin: 0;
	padding: 15px 0 0 245px;	/* offset for sidecolumn is best done with padding - see below. */
}
div.contentWrapperCheckout{
	min-width:522px;
	z-index:2;
}
/*
IE 5 and 6: When using a margin on a parent container with a child container inside and child contains form elements then the margin of the parent container gets inherited to the form elements (sometimes just some of them), and it can't be removed by a margin 0. The affected form elements are input types, checkboxes, radiobuttons and textareas 
*/

div.sidebarRight {
	margin:0;
	padding:0 20px 0 0;
	float: right;
	width: 180px;
}

/* margins cause this div to stay between the sidebars */
div.content, div.fullContent {
	padding-top:0px;
}
div.content {
	margin-right: 200px;
}
/* often useful near floats especially in stretchy layouts */
div.clearOnly, div.clearLeftOnly, div.clearRightOnly {
	margin:0;
	padding:0;
	height:0.001;
	clear:both;
}
div.clearLeftOnly {
	clear:left;
}
div.clearRightOnly {
	clear:right;
}
/* These header and footer styles need to be customized */
div.header{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color:#FFCC33;*/
	background-color: #FFDB6E;
	width:100%;
	height:150px;
}
div.footer{
	width:100%;
	background-color:#CCCCCC;
	background-image:url(/img/page_footer_background.gif);
	margin:0px 0px 0px 0px;
	padding:20px 0px 10px 0px;
	clear:both;
}

/* listings for category pages */
.cover_image {
	width:130px;
	padding:10px 0 10px 0;
	margin:0px 0px 40px 0px;
	background-color:#ffffff;
	text-align:center;
	vertical-align:top;
	float:left;
	}
.book_description {
	padding:0px 0px 0px 15px;
	border-left:1px dashed #cccccc;
	margin:0px 0px 40px 145px;
	text-align:left;
	line-height:160%;
	}
.wrapper {
	margin:0 0 40px 0;
	padding:0 0 0 0;
	/*clear:left; removed 11/29/06 for use w left sidebar having relative positioning SB*/
	}
/* listings for solo pages */
.cover_image_solo {
	width:235px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	background-color:#ffffff;
	text-align:center;
	vertical-align:top;
	float:left;
	}
.book_description_solo {
	padding:0px 0px 0px 15px;
	margin:0px 0px 15px 250px;
	border-left:1px dashed #cccccc;
	text-align:left;
	line-height:160%;
	}
.wrapper_solo {
	margin:0 0 0px 0;
	padding:0 0 0 0;
	}
	
/* shared by both category and solo pages */
img.merchThumb {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
img.merchBig {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
h3 {
	font-size:1.6em;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-weight:200;
	line-height:140%;
	}
h3 a {
	font-weight:200;
	}
	
/* form elements */
input, input.wide, textarea {
	border:1px solid #669966;
	font-weight:bold;	
	color: #000;
	background-color: #DEDEDE;
    padding: 0px 0px 1px 0px;
    margin: 0px 0px 3px 1px;
    }
input.wide {
    padding: 0px 5px 1px 5px;
}
input.clean {
    border-width:0;
	background-color:white;
	margin:0;
}

input:hover, input.wide:hover, textarea:hover {
	border:1px solid #669966;
	color: #000099;
	font-weight:bold;
	background-color: #DEDEDE;
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 3px 1px;
	}
input.wide:hover {
    padding: 0px 5px 1px 5px;
}
input.clean:hover {
    border-width:0;
	background-color:white;
	margin:0;
}

input:active, input.wide:active {
	color: #0000f0;
	background-color: #f0f0f0;
}

.merchStampsA_image {
	padding:0px 10px 20px 10px;
	border:0;
	}
.merchStampsA_box {
	padding: 10px 20px 0px 20px;
	border:1px solid #669966;
	text-align:center;
	margin-bottom:20px;
	}
	
/* table version of main layout */
td.sidebarLeft_table {
	margin:0;
	padding:0;
	width:225px;
	vertical-align:top;
	}
td.content_table {
	padding:0px 20px 0px 20px;
	vertical-align:top;
	}
td.sidebarRight_table {
	margin:0;
	padding:0 20px 0 0;
	width:180px;
	vertical-align:top;
	}
/*
----------------------------------------------------------
---------------CHANGELOG----------------------------------
----------------------------------------------------------
7/5/2008 - Menu update by Sofian Benaissa (sofiandos@gmail.com)
Details:-New backgrounds and hover behaviours for catLinks0
	-New font colors and hover behaviours for catLinks1
	-Seperated out the style declarations for thse two link levels in this stylesheet
	
*/