body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F6062;
	font-size: 12px;
	
}

.bodygreen {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aab300;
	font-size: 12px;
}

.bodyblue {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099ff;
	font-size: 12px;
}

.bodygreensmall {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aab300;
	font-size: 10px;
}
.bodygray {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F6062;
	font-size: 12px;
}
.bodyfineprint {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F6062;
	font-size: 10px;
	font-style: italic;
}
.bodyitalic {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F6062;
	font-size: 12px;
	font-style: italic;
}
.header {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aab300;
	font-size: 14px;
	font-weight: bold;
}
.headergrey {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F6062;
	font-size: 14px;
	font-weight: bold;
}

.headersmall {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aab300;
	font-size: 12px;
	font-weight: bold;
}
.subhead {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F6062;
	font-size: 12px;
	font-weight: bold;
}
.subheadital {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F6062;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
}
.fine_print {
	margin: 0px;
	padding: 0px;
	color: #5F6062;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
.style1 {
	color: #FFFFFF
}
.hr {
	border: 0;
	color: #aab300;
	background-color: #aab300;
	height: 1px;
	width: 420px;
	text-align: center;
}

#table {
	background-color:#FBFBFB;
}

#wrap {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 958px;
}


a {
	color: #5F6062;
	text-decoration: underline;
}

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







/* ====================== HEADER =========================== */



#header {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	background-position: 25px;
	height: 85px;
	float: left;
	width: 958px;
}


#header a {
	padding-right: 10px;
	padding-left: 10px;
}



#logo {
	float: left;
	height: 80px;
	width: 250px;
	position: relative;
	padding: 0px;
	margin: 0px;

}



#logo a{
	top: 0;
	left: 0;
	width: 250px;
	height: 80px;
	display: block;
	float: left;
	position: relative;
} 


#logo a h1{
    display: none;
}




#topSearch {
	width: 375px;
	float: left;
	position: relative;
	left: 75px;
	top: 30px;
	font-weight: bold;
}


#headerNav {
	float: right;
	width: 200px;
	position: relative;
	top: 35px;
}








/* ====================== TOP BAR/NAV =========================== */


#topBar {
	background-image: url(/images/top_bar.gif);
	background-repeat: no-repeat;
	float: left;
	width: 958px;
	font-weight: bold;
	height: 86px;
}


#topNav {
	font-size: 13px;
	float: left;
	width: 958px;
	height: 55px;
}

#topNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#topNav li {
	list-style-type: none;
	float: left;
	text-align: center;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 15px;
}

#topNav a {
	color: #FFFFFF;
	text-decoration: none;
}

#topNav a:hover {
	color: #5F6062;
	text-decoration: none;
}

.single {
	line-height: 30px;
}


#topTools {
	color: #666;
	font-size: 12px;
	float: left;
	padding-left: 260px;
	width: 900px;
	padding-top: 11px;
	vertical-align: middle;
}


#topTools img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 310px;
	vertical-align: middle;
}

#topTools ul {
	margin: 0px;
	padding: 0px;
}

#topTools li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}


#topTools a {
	color: #666666;
	text-decoration: none;
}

#topTools a:hover {
	text-decoration: none;
	color: #aab300;
}


#container {
	float: right;
	width: 930px;
}









/* ====================== CONTENT =========================== */


#content {
	float: left;
	width: 420px;
	font-weight: normal;
	padding-top: 20px;
	padding-right: 26px;
	padding-bottom: 26px;
	padding-left: 29px;
}

#contentwide {
	float: left;
	width: 620px;
	font-weight: normal;
	padding-top: 20px;
	padding-right: 26px;
	padding-bottom: 26px;
	padding-left: 29px;
}

#content h1 {
	text-transform: uppercase;
	color: #aab300;
	font-size: 16px;
	font-weight: bold;
}

.pageTitle {
	color: #666666;
}




/* ====================== RIGHT BAR =========================== */


#rightBar {
	float: right;
	width: 240px;
	padding-top: 12px;
	font-weight: normal;
}
#rightBarSlack {
	float: right;
	width: 240px;
	padding-top: 24px;
	font-weight: normal;
}
#rightBarBot hr {
	background-color: #aab300;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aab300;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#rightBar h2 {
	color: #aab300;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#rightBarTop {
	background-image: url(/images/right_bar_top.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	height: 162px;
}

#rightBarTopStore {
	background-image: url(/images/right_bar_top-store.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	height: 162px;
}

#rightBarTopCom {
	background-image: url(/images/right_bar_top_com.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	height: 162px;
}

#rightBarTopComPixi {
	background-image: url(/images/right_bar_top_pixi.gif);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	height: 334px;
}
#rightBarBotPixi {
	background-image: url(/images/right_bar_bot_pixi.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 210px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
#rightBarMidPixi {
	background-image: url(/images/right_bar_mid_pixi.gif);
	background-repeat: repeat;
	width: 240px;
	float: left;
}

#rightBarTopQuote {
	background-image: url(/images/pileOfBooks.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	height: 400px;
}

#rightBarTopDIY {
	background-image: url(/images/diy.gif);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	height: 162px;
}


#rightBarBot {
	background-image: url(/images/right_bar_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 210px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
#rightBarMid {
	background-image: url(/images/right_bar_mid.gif);
	background-repeat: repeat;
	width: 240px;
	float: left;
}


#rightLink {
	float: left;
	height: 160px;
	width: 239px;
	position: relative;
	padding: 0px;
	margin: 0px;

}

#rightBarAA {
	float: right;
	width: 240px;
	padding-top: 12px;
	font-weight: normal;
} 

#rightBarTopAA {
	background-image: url(/images/right_bar_top-aa.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	height: 162px;
}

#rightBarMidAA {
	background-image: url(/images/right_bar_mid.gif);
	background-repeat: repeat;
	width: 240px;
	float: left;
}

#rightBarBotAA {
	background-image: url(/images/right_bar_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 210px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}


#rightLink a{
	top: 0;
	left: 0;
	width: 239px;
	height: 160px;
	display: block;
	float: left;
	position: relative;
} 


#rightLink a h1{
    display: none;
}



/* ====================== FOOTER =========================== */


#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #aab300;
	float: right;
	width: 930px;
	margin-top: 25px;
	text-align: center;
	font-size: 10px;
	padding-top: 5px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	height: 1px;
}




/* ====================== LEFT BAR =========================== */


#leftBar {
	width: 195px;
	float: left;
}
#leftBarContent {
	width: 181px;
	background-image: url(/images/left_bar_mid.gif);
	background-repeat: repeat-y;
	float: left;
	padding: 9px;
}


#leftBar h1 {
	background-image: url(/images/left_bar_top.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 175px;
	float: left;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#leftBarBot {
	background-image: url(/images/left_bar_bot.gif);
	float: left;
	height: 45px;
	width: 195px;
	background-repeat: no-repeat;
}





#leftNavTop {
	background-image: url(/images/left_nav_top.gif);
	color: #aab300;
	width: 177px;
	float: left;
	height: 25px;
	text-align: center;
	font-weight: bold;
	line-height: 10px;
	font-size: 11px;
}




#leftNavBot {
	background-image: url(/images/left_nav_bot.gif);
	width: 177px;
	float: left;
	height: 25px;
	margin-bottom: 15px;
}


/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.leftNav { 	
	font-size: 11px;
	font-weight: bold;
	float: left;

	 }
	
.leftNav ul { margin: 0pt; padding: 0pt; position: relative; z-index: 0; list-style-type: none; width: 209px; }
.leftNav li {
	background-image: url(/images/left_nav_mid.gif);
	background-repeat: repeat-y;
	float: left;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 26px;
	text-align:center;
	text-indent:-12px;
}

.leftNav table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.leftNav a, .leftNav a:visited {
	display: block;
	text-decoration: none;
	height: 2em;
	line-height: 2em;
	width: 161px;
	color:#5F6062;
	padding-left: 1em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E9E9E9;
	margin-right: 3px;
	margin-left: 3px;
		height: 26px;
}



.leftNav li ul li {
	color:#5F6062;
	background-color: #EFEEEE!important;
	background-image: none!important;

}



* html .leftNav a, * html .leftNav a:visited { width: 160px; }
* html .leftNav a:hover { color:#5F6062; background-color: #FAF9F9; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none;  }
.leftNav li:hover { position: relative; }
.leftNav a:active, .leftNav a:focus { color: #675F00; background-color: #5B9620; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.leftNav li:hover > a { color:#5F6062; background-color: #FAF9F9; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.leftNav li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 152px; background-color: transparent; }
.leftNav li:hover > ul { visibility: visible; }
.leftNav ul a:hover ul ul { visibility: hidden; }
.leftNav ul a:hover ul a:hover ul ul { visibility: hidden; }
.leftNav ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.leftNav ul a:hover ul { visibility: visible; }
.leftNav ul a:hover ul a:hover ul { visibility: visible; }
.leftNav ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.leftNav ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }



/* ====================== STORE =========================== */

.productSearch {
	float: left;
	width: 420px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}


.bookImage {
	float: left;
	width: 125px;
	text-align:center;
	margin-right: 25px;
}

.bookImage a  {	
	font-size: 11px!important;
	text-decoration: none!important;

}

.bookImage img {
	border: 1px solid #CCCCCC;
}

.bookInfoShort {
	float: left;
	width: 265px;
}

.addtoCart a {
	height: 21px;
	width: 73px;
	display: block;
	background-image: url(/images/cart_button.gif);
	background-repeat: no-repeat;
	font-size: 8px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 5px;
	margin-top: 6px;
	margin-bottom: 6px;
}


.addtoCart a:hover {
	background-image: url(/images/cart_button_on.gif);
	background-repeat: no-repeat;

	
	}


.bookImageLg {
	text-align:center;
	margin-right: 25px;
}

.bookImageLg a  {	
	font-size: 11px!important;
	text-decoration: none!important;

}

.bookImageLg img {
	border: 1px solid #CCCCCC;
}


.smallText {
	font-size: 11px;
}

.searchForm select {
	font-size: 11px;
}

.searchForm input {
	font-size: 11px;
}

.top5 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.top5 li {
	float: left;
	margin: 0px;
	padding: 5px;
	list-style-type: none;
	color: #5F6062;
	font-size: 10px;	
}

.top5 img {
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
}


a.tooltip {color:#c00; text-decoration:none;}
a.tooltip strong {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover strong {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #aab300; background:#FFF7DE; width:300px;}
a.tooltip:hover strong em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip:hover strong em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}

.clear {clear:both;}