/** QUARRY PRESS BOOKS */


body {
     margin: 2px auto auto auto;
     width: 700px;
}

#container {
     position: absolute;
     margin: 2px 0px 0px 0px;
     width: 700px;
     z-index: 1;
     background-color: #4C4676;
}

#bkgr {
     margin: 0px auto 0px auto;
     width: 664px;
     z-index: 2;
     background-color: #FFF;
     min-height:620px;
     height:auto !important;
}


/** HEADER AREA */

#header {
     margin: 0px 3px 0px 3px;
     height: 104px;
     background-color: #4C4676;
}

#logo {
     float:left;
}

#tabs {
     float: right;
     margin: 85px 5px 0px 0px;
     list-style: none;
}

#tabs li {
     float: left; 
     display: block; 
     margin: 0; 
     padding: 0;
}

#tabs a {
     background: #fff url("images/tab-lft.gif") left top no-repeat;
     text-decoration: none;
     color: #333399;
     font: .95em Arial, sans-serif;
     padding-left: 10px;
}

#tabs a span {
     background: url("images/tab-rgt.gif") right top no-repeat;
     padding-right: 10px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
#tabs a, #tabs a span { 
     float: none 
} 
/* End IE5-Mac hack */ 

#tabs a:hover {
     color: #CC6600;
     padding-left: 10px;
}

#tabs a:hover span{
     padding-right: 10px;
}

#hbtm {
     margin: 3px 3px 0px 3px;
     height: 94px;
     background-image:url(images/hdr_grad.gif);
     background-repeat:repeat-x;
}

#hddate {
     float: left;
     margin: 15px 0px 0px 15px;
     color: #fff;
     font: 0.7em Arial, sans-serif;
}

#hdtitle {
     float: right;
     margin: 45px 15px 5px 0px;
}


/** LEFT COLUMN AREA */

#lftcol {
     width: 116px;
     height: 255px;
     margin: 0px 0px 0px 15px;
     padding-bottom: 10px;
     float: left;
     background: #D0D0D3;
}

#lftcol a {
     font: bold 12px Verdana, sans-serif;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0;
	text-decoration: none;
	}

#menu {
	width: 116px;
	}

#menu li a {
	text-decoration: none;
	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: solid;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}
#menu .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#menu li a:link, #menu li a:visited {
	color: #4C4676;
	display: block;
	background-color: #D0D0D3;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	}

#menu li a:hover {
	color: #FFFFFF;
	background:  #808080;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	}

#menu ul,#menu ul li a{ height: 1%}


#lftnested1 {
     background: #D0D0D3;
     height: 140px;
     margin: 0px 0px 50px 0px;
}

#lftnested1 p {
     text-align: center;
     font-size: 10px;
     font-family: Verdana, sans-serif;
}

#lftnested1 .text2 {
     text-align: center;
     font-size: 10px;
     font-family: Verdana, sans-serif;
}

#lftnested2 {
     background: #D0D0D3;
     height: 100px;
     margin: 150px 0px 0px 0px;
}

.autgbtn {
     background: url('images/qp1_a_36.gif') no-repeat;
     display: block;
     height: 100px;
     width: 116px;
}

.autgbtn:hover {
      background: url('images/qp2_a_36.gif') no-repeat;
}



/** CONTENT AREA */

#content_main {
     background: #FFF;
     margin: 0px 10px 0px 150px;
     text-align: center;
     padding-bottom: 5px;
}

#content {
     background: #fff;
     margin: 0px 20px 0px 150px;
     padding-bottom: 5px;
     font-size: 12px; 
     color: #4c4676; 
     font-family: Verdana, sans-serif;
}

#content_prod {
     background: #fff;
     margin: 0px 50px 0px 150px;
     padding-bottom: 5px;
     font-size: 12px; 
     color: #4c4676; 
     font-family: Verdana, sans-serif;
}

.detail {
     float: left;
}

.bktitle {
     font-size: 14px;
     font-weight: bold;
}

.bkinfo {
     font-size: 10px;
}

.detailpic {
     float: right;
}

.addbtn2 {
     background: url('images/qp_add.gif') no-repeat;
     display: block;
     height: 22px;
     width: 86px;     
}

.addbtn2:hover {
     background: url('images/qp_add2.gif') no-repeat;
}

.address {
     margin-left: 170px;
}

.email {
     margin-left: 155px;
}

.product {
     float: left;
     padding: 0px 2px 10px 3px;
}

.product p {
     font-size: 12px; 
     color: #4c4676; 
     font-family: Verdana, sans-serif;
}

.title2 {
     font-size: 10px;
}

.price {
     text-align: right;
}

.detailsbtn {
     background: url('images/qp_details.gif') no-repeat;
     display: block;
     float: left;
     height: 22px;
     width: 61px;
}

.detailsbtn:hover {
      background: url('images/qp_details2.gif') no-repeat;
}

.addbtn {
     background: url('images/qp_add.gif') no-repeat;
     display: block;
     float: left;
     height: 22px;
     width: 86px;     
}

.addbtn:hover {
     background: url('images/qp_add2.gif') no-repeat;
}

.text1 {
     margin: 0px 30px 5px 25px;
     text-align: left;
     font-size: 11px; 
     color: #4c4676; 
     font-family: Verdana, sans-serif;
}    


/** FOOTER AREA */

#footer {
     background: #4C4676 url(images/ftr_btm.gif) top no-repeat;
     height: 54px;
}

.ftr1 {
     text-align: right;
     margin: 0px 35px 0px 0px;
     font-size: 10px; 
     color: #4c4676; 
     font-family: Verdana, sans-serif;
}

.ftr2 {
     text-align: center;
     margin: 43px 0px 20px 0px;
     font-size: 10px; 
     color: #4c4676; 
     font-family: Verdana, sans-serif;
     padding-bottom: 10px;
}



/**  MISC */

.clear { 
     clear:both;
}

a:link {
color:#000000;
}

a:visited {
color:#CC6600;
}

a:hover {
text-decoration:none;
}