/* @override http://localhost:3000/stylesheets/styles.css?1293634380 */

/* 
Title:     UNC Press - Primary CSS
Author:    billy_hylton@unc.edu
*/


html,body{
  padding: 0 0 0 0;
  margin:  0 0 0 0;
  font-family: verdana, geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
  background-color: #ffffff;
 <!--background-image: url(/images/bg/UNCP_backgound_Jan2013.jpg);-->
  background-position: fixed;
  background-repeat: no-repeat;
  background-repeat: repeat\9; /* IE8 */ 
  *background-repeat: repeat;  /* IE7 */ 
  _background-repeat: repeat;  /* IE6 */ 
  background-size: 100% 100%;
  background-attachment: fixed;
}

body, p, li, td, th, dd { font-family : verdana, geneva, Arial, Helvetica, sans-serif;}


/********** GLOBAL ***********/
img {border: none;}

.skiplink {display:none;} /* acessibility */

blockquote {
border-left: 3px solid #ccc;
margin-left: 15px;
padding-left: 5px;}

cite {
font-size: 90%;
font-style: normal;
}

img.alignleft {
float: left;
margin: 2px 7px 0 0;
display: inline;
}

img.alignright {
float: right;
margin: 0 0 3px 7px;
display: inline;
}

.clearboth { clear: both; }




img.jacket {
padding: 6px;
}
a img {border:none; text-decoration: none;}
a.no-border {border: none;}

hr{
background: #c1d7ec ;
border: 0;
color: #ccc;
height: 1px;
margin: 10px 0;}

.clearer {clear: both;}


.alert {color: #cc0000; font-size: 11px;}
/********** HYPERLINKS ***********/	

a:link, a:visited, a:hover {
color:#336699;
text-decoration: none;
padding: 0;
margin: 0;}

a:hover { 
color: #369;
text-decoration: underline;
padding: 0;
margin: 0;}

a.gray:link, a.gray:visited, a.gray:hover {
color:#666;
text-decoration: none;
padding: 0;
margin: 0;}

a.gray:hover { 
color: #666;
text-decoration: underline;
padding: 0;
margin: 0;}

.top
{float: right;
text-align: right;
font-size: 9px;
font-weight: bold;
margin: 12px 34px 0 0;
border: none;
padding: 0;}

.top a:link, .top a:visited{
color: #369;
text-decoration: none;
border: none;
padding: 0 4px 0 2px;
}

.top a:hover{
color: #369;
text-decoration: underline;
padding: 0 4px 0 2px;
border: none;}



/********** HEADINGS ***********/	

h1, h2, h2a, h3, h4, h5, h6,  { font-family : verdana, geneva, arial, helvetica, sans-serif; }


#header h1 {
display:none;
font-size: 18px;
color: #000;}


h2{ 
background:  url(/images/widgets/bullet-yellow.gif) no-repeat 0% 50%;
color: #f0af47;
font-size: 13px;
font-weight: bold;
margin: 10px 0;
padding: 0 0 0 14px;
text-transform: none;
}


h2a{ 
color: #f0af47;
font-size: 12px;
font-weight: bold;
margin: 0px 0;
padding: 0 0 0 0px;
text-transform: none;
}

h2b{ 
color: #f0af47;
font-size: 11px;
font-weight: bold;
margin: 0px 0;
padding: 0 0 0 0px;
text-transform: none;
}


h2c{ 
color: #f0af47;
font-size: 11px;
font-weight: bold;
margin: 0px 0;
padding: 0 0 0 0px;
text-transform: uppercase;
}


h2d{ 
color: #df0008;
font-size: 14px;
font-weight: bold;
margin: 0px 0;
padding: 0 0 0 0px;
text-transform: uppercase;
}

h2e{ 
color: #f7a21b;
font-size: 13px;
font-weight: bold;
text-transform: none;
}



h3{ 
background: none;
color: #369;
font-size: 12px;
font-weight: bold;
margin: 6px 0;
padding: 0;
border-bottom: 1px dotted #dfe6ee;
text-transform: none;
}


h3a{ 
background: none;
color: #369;
font-size: 11px;
font-weight: bold;
margin: 6px 0;
padding: 0;
border-bottom: 1px dotted #dfe6ee;
text-transform: none;
}

h3b{ 
background: none;
color: #369;
font-size: 12px;
font-weight: bold;
margin: 6px 0;
padding: 0;
border-bottom:none;
text-transform: none;
}

h3c{ 
background: none;
color: #df0008;
font-size: 12px;
font-weight: bold;
margin: 6px 0;
padding: 0;
border-bottom: 1px dotted #dfe6ee;
text-transform: none;
}


#leftcol h3{ 
background: none;
color: #369;
font-size: 12px;
font-weight: bold;
margin: 10px 0 0 24px;
border: none;
padding: 0;
text-transform: uppercase;
}



/********** STRUCTURE ***********/
#content {
width:704px;
padding: 0 10px 10px 10px;
margin: 0 0 10px 10px;
float:left;
background: #fff;
line-height: 1.6em;
border: #c1d7ec 1px solid;
clear: right}



#container{
background: url(/images/bg/container-bg2.jpg) repeat-y top center;
width: 960px;
margin: 0px auto;
padding: 0;
clear: right;}



/**********FEATURED/SECONDARY FEATURED BOOKS **********/


/***Metadata**/

.title, .subtitle, .author, .description {
font-size: 12px;
font-weight: normal;
padding: 0;
margin: 0;
color: #666;
line-height: normal;}

.short_description {
  color: #f0af47;
}

.title {
color: #369;
font-size: 18px;
padding: 0;
margin: 0 0 2px 0;
}

.title2 {
color: #369;
font-size: 16px;
padding: 0;
margin: 0 0 2px 0;
line-height: 17.5px;}


.author {
font-weight: normal;
font-size: 12px;
color: #333;}

.author-info {
font-size: 12px;
color: #666;
margin: 0;
padding:0;
<!-- font-style: italic;-->
}

.feature h4 {
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
border-top: 1px dotted #ccc;
}

.subtitle {
font-style: italic;
color: #000;
margin: 0 0 6px 0;}


.awards {
font-weight: normal;
font-size: 12px;
padding: 0;
margin: 0;
color: gray;}


.award-title {
margin: 0;
font-weight: bold;
font-size: 12px;
color: #f0af47;}


.description {
margin: 10px 0 0 0;}



.spotlight-title {
font-size: 12px;
font-weight: bold;
}


.buy-button{
margin: 0;	
text-align: center;
}

.buy-button p{
color: #fff;
padding: 0;
margin: 2px 0;
font-weight: bold;
font-size: 12px;
text-align: center;	
}


#home-features
{padding: 0;
margin: 0 0 0 30px !important;
margin: 0;}

.featured-title
{
float: left;
width: 200px;
border: none;
margin: 0 10px 10px 0;
padding: 2px;
text-align:left;
}


.feature {
background: none;
margin: 0 0 40px 0;}

.secondary-feature {
background: none;
border-bottom: 1px dotted #ccc;
padding: 0 0 20px 0;
margin: 0 0 20px 0;}

.book-row {
background: none;
border-bottom: 1px dotted #ccc;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
min-height: 130px;}

.description-books {margin: 0 0 0 170px; color: #666;}
.description-secondary {margin: 0 0 0 120px; color: #666;}
.description-book-row {margin: 0 130px 0 100px; color: #666;}

.alert-buybox {font-size: 11px; margin: 10px 0;}
.spec-notes {font-size: 11px; color: #666666; line-height: normal;}


.feature img.jacket, .secondary-feature img.jacket, .book-row img.jacket {
padding: 6px;
float: left;
}

a:link img.jacket, a:hover img.jacket, a:visited img.jacket{
display: block;
padding: 4px;
margin: 0;
border: 1px solid #999;
text-decoration: none;
}

a:hover img.jacket{
display: block;
padding: 4px;
margin: 0;
border: 1px solid #000;
text-decoration: none;
}

.feature p{
}

.buy-box, .buy-box-secondary {
border: none;
margin: 0 0 0 170px;
padding: 0;
}

.buy-box-secondary {
margin: 0 0 0 120px;
}

.buy-box-secondary img, .buy-box img {
margin: 5px 0;
}

.buy-box-book-row {
margin: 0 0 0 5px;
float:right;
width:200px;
}
.buy-box-book-row img {
margin: 0 0;
}

div.add{
float: right;}

div span.price {color: #df0008;}

div span.isbn {color: #666;}


/** Southern Gatways promo **/
#rightcol {
float: right;
padding: 10px;
}

/********** HORIZONTAL PROMO ***********/	
#horizontal-promo {
width: 95%;
margin: 10px 0 0 20px;
padding: 0;
}


/***SECOND LEVEL***/

#second-level {
margin: 2px 0 0 0;
padding: 0;
border: none;
height: 21px;
width: 960px;
}

#breadcrumbs-active {
padding: 0 0 0 0;
margin: 0 0 0 20px;
background: none;
font-size: 10px;
}



#tools {
float: right;
background: #fff;
margin: 0px 24px 0 0;
}

#tools ul{
padding: 0;
margin: 0;
}

#tools li{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}


#tools ul li a:link, #tools ul li a:visited {
color: #6699cc;
text-decoration: none;
border: none;
}

#tools ul li a:hover {
color: #369;
border: none;
text-decoration: none;
}

/********** HEADER ***********/

#header {
background: url(/images/bg/header-bg_jan2013_bluebox.jpg) no-repeat top center;
width: 960px;
height: 76px;
padding: 0;
margin: 0 auto;
}

#header div.logo{
padding: 5px 0 0 5px;
}

#sort {
  border-top: 1px solid #c1d7ec;
  border-bottom: 1px solid #c1d7ec;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 10px 0px;  
}

#sort h2 {
  margin: 0px 0px 0px 0px;
  color: #3376c3;  
  background-image: none;  
  float: left;
}

#sort ul {
  height: 18px;
  margin: 0px 0px 0px 70px;
}

#sort ul lh {
  color: #666;
  float: left;
  font-weight: bold;
  margin-left: 30px;
}

#sort ul lh:first-child {
  margin-left: -35px;
}

#sort ul li {
  float: left;
  list-style-type: none;
  margin: 0px 0px;
}

#sort ul li input[type=submit] {
  border: none;
  background-color: transparent;
  background-image: url(/stylesheets/images/sprite_icon_sort.png);
  background-repeat: no-repeat;
  float: left;
  height: 20px;
  width: 20px;
}

#sort ul li input[type=submit]:hover {
  cursor: pointer;
}

#sort ul li .asc { background-position: 0px 0px; }
#sort ul li .asc:hover { background-position: 0px -20px; }
#sort ul li .asc:active { background-position: 0px -40px; }
#sort ul li .desc { background-position: -20px 0px; }
#sort ul li .desc:hover { background-position: -20px -20px; }
#sort ul li .desc:active { background-position: -20px -40px; }


#search {
background: transparent url(/images/bg/search-bg.png) repeat top center; 
float: right;
padding: 5px 5px 5px 5px ! important;
margin: 15px 15px 0 0 ! important;
border: 1px solid #369;
}

#search div.find {
padding: 1px 0 1px 0;
font-weight: bold;
color: #000;
}

#search div.advanced {
padding: 2px 0 0 0;
margin: 0;
font-size: 10px;
font-weight: normal;}

#search div.advanced a {
color: #333;
text-decoration: underline;}

.promo {
background: transparent url(/images/bg/search-bg.png) repeat top center; 
border: 1px solid #369;
width: 175px;
position: relative;
top: -20px;
left: 727px;
font-size: 10px;
padding: 1px 8px 0px 8px;
color: black;
min-height: 20px;
text-align: right;
}
.promo .promo_button{
padding: 1px 2px;
margin: 0;
background: #6699cc url(/images/bg/button-bg.png) repeat-x bottom left;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #003366;
border-right: 1px solid #003366;
color: #fff;
font-weight: bold;
font-size: 9px;
}
.promo input.search-input{
font-size: 10px;
}

#search div{
padding: 0;
margin: 0;
}


#search div p{
padding: 0;
margin: 0;
}

#search input.search-input{
font-size: 10px;
}

/********** FORM ***********/

form {margin: 0; padding: 0}

.button{
padding: 2px 4px;
margin: 0;
background: #f1b24d url(/images/bg/button-bg.png) repeat-x bottom left;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #003366;
border-right: 1px solid #003366;
color: #fff;
font-weight: bold;
font-size: 100%;
}



div.browse-button {
margin: 4px 0;
}


.browse-menu option {
color: #666;
font-size: 10px;
padding: 2px 8px;
}


/********** MAIN NAVIGATION ***********/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu {
background: url(/images/bg/nav-bg10.png) no-repeat top center;
height: 25px;
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font-size: 10px;
font-weight: bold;
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
}

#modernbricksmenu a{
float: left;
display: block;
color: #3e3e3e;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 6px 11px 6px 11px;                      
text-decoration: none;
letter-spacing: 0px; /* previously 1px */
<--border-right: 1px solid #636466;-->
border-bottom: none;
background: transparent;
}

#modernbricksmenu a:hover{
color: #336699;
margin: 0 1px 0 0; /*Margin between each menu item*/
<!--border-right: 1px solid #fff; -->
border-bottom: none;
text-decoration: none;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background: url(/images/bg/menu-active.png) repeat-x top center; /*Menu hover bgcolor*/ /*Brown color theme*/ 
<!--border-right: 1px solid #fff;-->
border-bottom: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
text-decoration: none;
color: #336699;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/********** TABBED MENU ***********/

.shadetabs{
border-bottom: 1px solid #c1d7ec;
margin: 0px;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: normal 10px verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 6px;
margin-right: 3px;
border: 1px solid #c1d7ec;
color: #f0af47;
background:#fff;
}

.shadetabs li a:visited{
color: #f0af47;
text-decoration: none;
padding: 3px 6px;
margin-right: 3px;
}

.shadetabs li a:hover{
background: #fff;
border-bottom-color: #fff;
text-decoration: none;
padding: 3px 6px;
margin-right: 3px;
}

.shadetabs li.selected{
position: relative;
padding: 3px 6px;
margin-right: 3px;
font-weight: bold;
}

.shadetabs li.selected a{ /*selected main tab style */
background: #fff;
border-bottom-color: #fff;
padding: 3px 6px;
margin-right: 3px;
font-weight: bold;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


/********** Lists ***********/

.spotlight-list li{
background: transparent url(/images/bullets/bullet-longarrow.gif) no-repeat 0% 50%;
list-style-type: none;
padding: 0 0 0 14px;}

/********** Left Column ***********/


#leftcol{
width:200px;
padding: 0 0 30px 0;
margin: 0 0 60px 0px;
float:left;
background: none;
clear: right;}


/** Submenu **/


#navcontainer ul
{
background: #fff;
border: #c1d7ec 1px solid;
list-style-type: none;
text-align: left;
padding: 0 4px 20px 4px;
margin: 0 0 20px 20px;}

#navcontainer ul li{
background: transparent url(/images/bullets/bullet-arrow.gif) no-repeat 0% 50%;
border-bottom: 1px dotted #ccc;
font-size: 75%;
text-transform:uppercase;
padding: 8px 0;
margin: 0 0 0 8px;}


#navcontainer ul li a
{
padding-left: 10px;
text-align: left;
font-family: verdana, geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #369;
font-weight: bold;
border: none;
display: block;
}

#navcontainer ul li a:hover
{text-decoration: none;
color: #003366;
display: block;
}

#navcontainer ul li a#active
{
background: transparent url(/images/bullets/bullet-arrow-on.gif) no-repeat 0% 50%;
text-decoration: none;
color: #f0af47;
display: block;
}

#navcontainer ul li.active
{
background: none;
}
.navcontainer_small {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: 0px;
}
.navcontainer_small strong {
  color: #666666;
  font-size: 11px;
}
.submenu_list {
  font-size: 10px !important;
  text-transform: none !important;
  border: 0px !important;
  color: gray !important;
  padding: 0em !important;
  margin: 5px 0 0 18px !important;
}
.submenu_list li {
  margin: 0px !important;
  padding: 4px 0px !important;
  border: 0px !important;
  text-transform: none !important;
  font-size: 100% !important;
}
/** Quick Browse **/

#browse
{background: #fff;
border-top: #c1d7ec 1px solid;
border-right: #c1d7ec 1px solid;
border-bottom: #c1d7ec 1px solid;
border-left: #c1d7ec 1px solid;
padding: 5px 0;
margin: 0 0 0 20px;
}

#browse p {
font-size: 12px;
color: #000000	;
font-weight: bold;
margin: 0 0 0 8px;
padding: 2px 0;}

#browse div.dropdown {
padding: 0 8px 8px 8px;
margin: 0;}




/** News and Events **/

#news ul
{
background: none;
list-style-type: none;
text-align: left;
padding: 0 4px 4px 4px;
margin:  0 20px 5px;}

#news ul li{
background: none;
border: none;
font-size: 11px;
padding: 4px 0;
margin: 0;}

#events {margin: 4px 0 0 24px;}

#events div.event {
font-size: 11px;
margin: 0 0 4px 0;
padding: 0 0 4px 0;
/*border-bottom: 1px dotted #666;*/}

#events div.event-title
{color: #000;}

#news_events_break {
  border-bottom: 1px dotted #666;
  margin: 0 0 3px 20px;
}

/********** NUMERIC PAGE LISTING AND FILTERS***********/


#page-filter{}

#results-pages{
float: right;
margin: 0;	
padding: 4px 0;
color: #333;
width: 75%;
font-size: 11px;
background-color: transparent;	
text-transform: uppercase;
}


#results-pages div.pages{
float: right;
}

#results-pages span{
padding: 0 2px;
font-weight: bold;
color: #666;
}


span.page-active, #results-pages span.page-active{ 
font-weight: bold;
background-color: #6699cc;
color: #fff;
}

#results-pages span a:link, #results-pages span a:hover, #results-pages span a:visited{
color: #369;
border-bottom: none;
padding: 2px;
text-decoration: none;
}

#results-pages span a:hover {
border-bottom: none;
padding: 2px;
background-color: #6699cc;
color: #fff;
}

/********** ADVANCED SEARCH ***************/

#advanced_search_table {
margin: 1em;
}
#advanced_search_table td {
padding: .2em 0 .2em 0;
}
#advanced_search_table option {
color: #666;
font-size: 10px;
padding: 2px 8px;
}
#advanced_search_table input.field {
color: #666;
}
#advanced_search_table .search_field{
padding-right: 1em;
}


/********** FOOTER AND BOILERPLATE ***********/

.footer-feed{
background: transparent url(/images/icons/icon-rss.png) no-repeat 0% 50%;
padding: 2px 0 2px 20px;
color: #cc6633;
margin: 0 0 6px 20px;
font-size: 12px;
font-weight: bold;
clear: left;}

.footer-feed a:link, .footer-feed a:visited{
color: #cc6633;
text-decoration: none;}

.footer-feed a:hover{
color: #cc6633;
text-decoration: underline;}


#footer {

border-top: 1px solid #369;
border-bottom: 1px solid #369;
margin: 0 auto;
padding: 10px 0;
width: 100%;
clear: both;}
	

#footer a:link, #footer a:visited, #footer a:hover{
color: #6699cc;
text-decoration: underline;} 

#footer a:hover {text-decoration: none;} 

#footer div{
width: 960px;
margin: 0 auto;}


#footer div p.contact{
color: #6699cc;
margin: 0 20px 0 0;
float: right;}

#footer div p.help{
background: transparent url(/images/icons/icon-help.gif) no-repeat 0% 50%;
padding: 2px 4px 2px 22px;
color: #6699ccf;
margin: 0 0 0 20px;}


#boilerplate{
<!--background: transparent url(/images/bg/boiler-bg.jpg) repeat-y top center;-->
width: 100%;
margin: 0 auto;
padding: 20px 0;
font-size: 11px;
text-align: center;
color: #369;
line-height: 1.6em;
border-bottom: 1px solid #e7e5be;}


#footer-unc a:link, #footer-unc a:visited, #footer-unc a:hover {
color: #666;
text-decoration: none;
border: none;
padding: 2px 4px;}

#footer-unc a:hover {background-color: #ccc;}

#modified{
float: left;
color: #999;
font-size: 10px;
margin: 12px 4px 0 8px;}

.static_content_heading {
  font-size: 16px;
  color: #336699;
  margin-top: 1em;
}
.bluetext {
  color: #336699;
}


.static_content_heading2 {
  font-size: 18px;
  color: #b0140b;
  margin-top: 0em;
}
.bluetext {
  color: #336699;
}





.newsletter_message {
  border: 1px solid red;
  background-color: #eeeeee;
  color: red;
  padding: 1.5em;
  margin-bottom: 1em;
}


.greenpress {
  margin-left: 35px;
}


.networksolutions {
  margin: 20px 0 0 18px;
}





.info_item {
  margin: 15px 0;
}
.availability_note {
  color: #f0af47;
  font-size: 11px;
}

.view_all_link {
  font-size: 14px;
  margin: 20px 0px;
}


.enduring_edition {
  color: red;
  font-size: 11px;
}