/*
********************************
+1 button css
********************************/
#___plusone_0, #___plusone_0 div, #___plusone_0 a, #___plusone_0 img {display: inline-block; vertical-align: top; width:80px;} 
#___plusone_0, #___plusone_0 div, #___plusone_0 a, #___plusone_0 img {display: inline !ie7;}

/*
*************************************************************
BODY
************************************************************/
*                                                   { margin:0; padding:0; }
body                                                { background:#d0e2ff; color:#666; font-family:Verdana, Arial, sans-serif; font-size:62.5%; }
a img                                               { border:0; }
.clear                                              { clear:both; }
a, a:visited                                        { color:#369; text-decoration:underline; }
a:hover, a:active                                   { color:#369; text-decoration:none;  }


/*
************************************************************
CONTAINERS
************************************************************/
#container                                          { width:772px; margin:20px auto; }
#content                                            { width:768px; background:#fff url(../images/content-bg.gif) repeat-x bottom; background-position:1px 10px; border-right:1px solid #a7b6cd; border-left:1px solid #a7b6cd; padding:1px 1px 16px 1px; }
/*#advertisement                                      { margin:10px; text-align:center; }*/
#advertisement                                      { margin:0px; text-align:center; }

.booksearch { text-align: center; font-size: 10pt; padding-left: 45px; padding-right: 35px;}
.booksearch h2  { font-size:1.4em; font-family:Verdana, sans-serif; font-weight:bold; }
.booksearch td { font-size: 10pt; }

/*
************************************************************
HEADER
************************************************************/
#header                                            { position:relative; height:70px; background: url(../images/afab-top-bg.jpg) #fff; }
ul#navigation                                       { position:absolute; top:32px; left:580px; }
ul#navigation li                                    { display:inline; }
ul#navigation li a, ul#navigation li a:visited      { font-family:Arial, sans-serif; font-size:1.5em; font-weight:bold; color:#369; text-decoration:none; padding:2px 5px; margin:0 5px 0 0; }
ul#navigation li a:hover, ul#navigation li a:active { color:#fff; background:#693; text-decoration:none; }
#header iframe { vertical-align: top; margin-top:28px; margin-left:3px;}



/*
************************************************************
SEARCH AREA
************************************************************/
#search { position:relative; width:768px; height:126px; background:#369 url(../images/search-bg.gif) repeat-x; }
#search .logo { position:absolute; left:70px; width:163px; height:126px; background:url(../images/search-logo.gif) no-repeat; }
#search h2 { position:absolute; top:20px; left:220px; font-size:1.4em; font-family:Verdana, sans-serif; color:#fff; font-weight:bold; }
#search input#search-text { position:absolute; top:50px; left:165px; width:438px;  background:#fff; color:#333; border:1px solid #2a537f;  padding-left: 3px; padding-top: 3px; padding-bottom: 3px;}
#search input#search-btn { position:absolute; top:85px; left:311px; }
/*#search input#roll-the-dice { position:absolute; top:85px; left:390px; }*/


/*
************************************************************
SIDEBAR
************************************************************/
#sidebar                                            { float:left; width:242px; padding:0 3px; }
.sidebar-node                                       { width:242px; background:url(../images/sidebar-node-bg.gif) repeat-y; margin:0 0 8px 0; }
.sidebar-top                                        { width:242px; height:4px; background:url(../images/sidebar-node-top.gif) no-repeat; }
.sidebar-bottom                                     { width:242px; height:16px; background:url(../images/sidebar-node-bottom.gif) no-repeat; margin-top:10px;}
#sidebar h2                                         { color:#333; font-size:18px; font-weight:bold; margin:14px 0 11px 14px;}
#sidebar p                                          { margin:0 18px; line-height:18px; }
.book                                               { float: left; padding: 1px;  border: 1px solid #ccc; margin:0 12px 0 5px;}
.bs {width:220px; margin: 8px 0 0 15px; float: left;}


/*
************************************************************
CENTER-CONTENT
************************************************************/
#center-content                                     { float:left; width:495px; padding:0 9px 0 5px; margin: 0 0px 0 5px;}
.center-node                                        { width:495px; background:url(../images/center-bg.gif) repeat-y; margin:0 0 10px 0; }
.center-top                                         { width:495px; height:5px; background:url(../images/center-top.gif) no-repeat; }
.center-bottom                                      { width:495px; height:16px; background:url(../images/center-bottom.gif) no-repeat; }
#center-content h2                                  { color:#333; font-size:18px; font-weight:bold; margin:18px; }
#center-content p                                   { font-family:Verdana, Arial, sans-serif; font-size: 1.2em; margin:0 18px 20px 18px; line-height:18px; }

/*
************************************************************
CENTER-NOCOL
************************************************************/
#center-nocol  { width:620px; text-align:left; padding:0 0px 0 0px; margin: 0 0px 0 0px;}
.center-node-nocol   { width:620px; background:url(../images/center-bg.gif) repeat-y; margin:0 0 10px 0; }
.center-top-nocol  { width:620px; height:5px; background:url(../images/center-top.gif) no-repeat; }
.center-bottom-nocol { width:620px; height:16px; background:url(../images/center-bottom.gif) no-repeat; }
#center-nocol  h2  { color:#333; font-size:18px; font-weight:bold; padding-top: 15px; padding-bottom: 8px;}
#center-nocol  h3  { color:#333; font-size:16px; font-weight:bold; padding-top: 15px;  padding-bottom: 8px;}
#center-nocol  h4  { color:#666; font-size:14px; font-weight:bold; padding-top: 15px;  padding-bottom: 10px;}
#center-nocol  p { font-family:Verdana, Arial, sans-serif; font-size: 1.2em; margin:0 0px 10px 0px; line-height:18px; }
#center-nocol  ol { font-family:Verdana, Arial, sans-serif; font-size: 1.2em; margin:0px 30px 10px 30px; line-height:16px; }

/*
************************************************************
FOOTER
************************************************************/
#footer                                             { height:58px; background:url(../images/footer-bg.gif) repeat-x; color:#666; position:relative; }
.footer-left                                        { width:7px; height:58px; background:url(../images/footer-left.gif) no-repeat; float:left; }
.footer-right                                       { width:7px; height:58px; background:url(../images/footer-right.gif) no-repeat; float:right; }
#footer a, #footer a:visited                        { font-weight:bold; color:#999; text-decoration:underline; }
#footer a:hover, #footer a:active                   { color:#999; text-decoration:none; }
#footer p                                      { padding-top:10px; line-height:180%;}



/*
************************************************************
COLUMNS
************************************************************/
.column                                            { float:left; width:242px; padding:0 0 0 11px; }
.sidebar-node                                       { width:242px; background:url(../images/sidebar-node-bg.gif) repeat-y; margin:0 0 10px 0; }
.sidebar-top                                        { width:242px; height:4px; background:url(../images/sidebar-node-top.gif) no-repeat; }
.sidebar-bottom                                     { width:242px; height:16px; background:url(../images/sidebar-node-bottom.gif) no-repeat; }
.column h2                                         { color:#333; font-size:18px; font-weight:bold; margin:18px; }
.column p                                          { margin:0 18px; line-height:18px; }


/*
************************************************************
PRICING TABLE
************************************************************/
table.pricing { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border: solid 1px #666; width: 100%; border-spacing: 0px; }
table.pricing th { font-size : 12px; color: #FFF; border: solid 1px #eef; border-collapse: collapse; padding: 5px;}
table.pricing td { font-size : 11px; font-style : normal; color: #666; border: solid 1px #eef; border-collapse: collapse; text-align: center;}
table.pricing a{ color: #693; font-weight: bold; text-decoration: none;}
table.pricing a:hover{ color: #693; font-weight: bold; text-decoration: underline;}
table.pricing tr.lowestprice { background-color: #f4f4ff;}
table.pricing img{ border: 0px; margin-top: 4px; margin-bottom: 4px;}

/*
************************************************************
BUYBACK TABLE
************************************************************/
table.buyback { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border: solid 1px #666; width: 600px; margin: 15px 0 30px 0; }
table.buyback th { font-size : 12px; color: #FFF; border: solid 1px #eef; border-collapse: collapse; padding: 5px; background: #693 url(/images/grad-green.jpg) repeat-x;}
table.buyback td { font-size : 11px; font-style : normal; color: #666; border: solid 1px #eef; border-collapse: collapse; text-align: center; padding: 6px; }
table.buyback a{ color: #369; font-weight: bold; text-decoration: underline;}
table.buyback a:hover{ color: #369; font-weight: bold; text-decoration: none;}
table.buyback tr.lowestprice { background-color: #f4f4ff;}
table.buyback img{ border: 0px; margin-top: 4px; margin-bottom: 4px;}

/*
************************************************************
DISCOUNTS TABLE
************************************************************/
table.discounts { width:85%; margin: 2px auto 2px auto; }
table.discounts td {border-collapse: collapse; text-align: center; padding: 6px; }



/*
************************************************************
OTHER
************************************************************/

div.spacer { clear: both; }

UL.list1{ font-size : 12px; margin-left: 30px; }
LI.list1{ padding-top:4px;}

UL.list2{ font-size : 11px; margin-left:50px; list-style-image: url(../images/checkmark-sm.gif); }
LI.list2{ padding-top:2px;}

UL.list3{ font-size : 14px; margin-left:45px; list-style-image: url(../images/checkmark-sm.gif); }
LI.list3{ padding-top:10px;}

#mailfriend{ margin: 10px auto 20px auto; border:solid 0px #ddd; width: 100%; text-align: center; }
#mailfriend input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #333; border-right: #98A7C5 1px solid; border-top: #98A7C5 1px solid; border-left: #98A7C5 1px solid; border-bottom: #98A7C5 1px solid; padding: 2px 2px 2px 2px; background:#FFF; margin-bottom: 2px;}
#mailfriend #fbutton{ padding: none; margin: none; border:none;}
.bar-medium { width: 100px; height: 15px; margin: auto; text-align: left; border: 1px solid #000;}
.bar-small { width: 50px; height: 5px; margin: 5px auto 5px auto; text-align: left; border: 1px solid #000; }
.partner-rating { text-align: center; line-height: 1.5; }
.partner-link { text-align: center; margin-bottom: 20px; }
#frm input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #333; border-right: #98A7C5 1px solid; border-top: #98A7C5 1px solid; border-left: #98A7C5 1px solid; border-bottom: #98A7C5 1px solid; padding: 2px 2px 2px 2px; background:#FFF; margin-bottom: 2px;}
#frm #but{ padding: none; margin: none; border:none;}
.table1{ border-spacing: 0px; border: 1px #98A7C5 solid; background-color: white; border-collapse: collapse; }
.table1 th { border: #98A7C5 1px solid; border-bottom:none; background-color: #EEE; padding: 4px; }
.table1 td { border: #98A7C5 1px solid; background-color: white; padding: 4px; }
.table2 { border: 1px #98A7C5 solid; padding: 10px;}
table.comments { margin: 10px 0px 10px 0px; }
table.comments td { padding: 3px; vertical-align: top; }
.morecomments { text-align: right; margin: 10px; }
em { font-weight: bold; }
.warning { color: #996; border: solid 1px #996; background: #ffc; padding: 10px; margin: 10px 0px 10px 0px; }
table.pricing a.ajaxable { color: #369; font-weight: normal; border-bottom: dashed 1px #369; }
.dropdown_coupons { position: absolute; border: solid 1px black; padding: 10px; float: left; width: 300px; background: white; }
h1.dropdown { margin: 0px 0px 0px 10px; font-size: 14pt; }
table.dropdown { border-collapse: collapse; width: 100%;}
table.dropdown td { padding: 5px; text-align: left; background: #eee; border: solid 1px #999; }
ul.tabs1 { list-style-type: none; border-bottom: solid 1px #666; padding-left: 5px;}
ul.tabs1 li { display: inline; line-height: 1.5; margin-left: 5px;}
ul.tabs1 li a { padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; text-decoration: none; background: #eee; border: solid 1px #666;}
ul.tabs1 li a.active { background: #ccf; font-weight: bold;}
.success { color: #090; border: solid 1px #090; background: #cfc; padding: 10px; margin: 10px 0px 10px 0px; }
.error { color: #900; border: solid 1px #900; background: #fcc; padding: 10px; margin: 10px 0px 10px 0px; }
#logout { text-align: right; margin-bottom: 20px; }
.unavailable { color: #369; font-size: 12px; text-align: center }
.progressbg { width: 200px; height: 15px; border: 1px solid #999999; margin: auto; margin-bottom: 10px; text-align: left }

/*
************************************************************
MULTI ISBN
************************************************************/

#center-nocol h3.bookdiv2 { color: #407AA6; font-weight: bold; padding: 0px; margin: 20px 5px;}
DIV.AddToCart { font-size: 7pt; }
DIV.book_multi { float: left; width: 200px; font-size: 7pt; }
DIV.book_multi IMG { float: left; margin: 3px;}
DIV.BookDiv { width: 60px; float: left; }
div.bookdiv2 { margin: 5px 5px 5px 0px; padding: 5px 5px 5px 0px; }
div.bookdiv2_pagination { float: right; margin: 0px 5px; font-size: 10pt; font-weight: normal; }
div.bookdiv2_pagination img { 	vertical-align: middle;}
div.bookdiv3 { float: left; width: 150px; height: 90px; margin: 2px; padding: 0; font-size: 8pt; cursor: pointer; background-color: #D4DACC; overflow: hidden; }
div.bookdiv3 img { width: 40px; float: left; margin: 2px; }
div.bookdiv3 span.title { font-weight: bold; }
div.hover3 { background-color: #ffc; }
DIV.popup_book { margin: 10px; }
DIV.popup_book A { display: block; float: left; margin: 5px; }
div.requires_attention { /* background-color: #ff9; */ }
.form1 INPUT { 	margin: 3px; }
.form1 > .add_more_fields { text-align: right; }
.multi_isbn_form { width: 400px; }
.smallimage { width: 26px; height: 37px; margin: 2px; cursor: pointer; }
.prev_page, .next_page { cursor: pointer; }
#ajax_status { float: right; margin: 5px; }

DIV.bookdiv3 DIV.row1 { height: 63px; padding: 5px; margin: 0; }
DIV.bookdiv3 DIV.check { height: 17px; margin: 0; background-color: #666; }
DIV.check INPUT { float: right; margin: 2px; }

/*
************************************************************
MODAL WINDOWS
************************************************************/
.modal {
	background-color:#d0e2ff;
	display:none;
	width:400px;
	padding:15px;
	font-size: 11px;
	text-align:left;
	border:3px solid #000;
	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	}
.modal p {
	margin: 6px 0 0 0;
	}
.modal h2 {
	text-align: center;
	color: #777;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
	font-size:16px;
	}
.forminput {
	color:#000000;
	padding:1px 2px;
	border:1px solid #999999;
	height: 20px;
	width:55px;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.text {
	width: 175px;
	}
label {
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block
	}
.button {
	border: 1px solid #cccccc;
	color: #303030;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
	padding: 2px;
	font-size: 12px;
	}
.button:hover {
	color: #808080;
	}
.modal ul {
	margin-top: 6px;
	padding-left: 20px;
	}
