/**************************************************************************************************
***************************************************************************************************
LIBRARY IMPORTS
***************************************************************************************************
***************************************************************************************************/
@import 'library/reset.css';
@import 'library/margin.css';
@import 'library/padding.css';
@import 'library/width.css';
@import 'library/height.css';
@import 'library/font.css';
@import 'library/text.css';
@import 'library/corners.css';
@import 'library/generic.css';

/**************************************************************************************************
***************************************************************************************************
BASIC ELEMENTS
***************************************************************************************************
***************************************************************************************************/
html 												{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body												{background: url('../../graphics/background-repeat.jpg') repeat-x; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; margin: 0 0 0 0; padding: 0 0 0 0; text-align:center;min-height: 700px; }
h1 												{color: #666666; font-size: 18px; font-weight: bold; line-height: 20px;}
h2 												{color: #666666; font-size: 16px; font-weight: bold; line-height: 18px;}
h3 												{color: #666666; font-size: 14px; font-weight: bold; line-height: 16px;}
h4 												{color: #666666; font-size: 12px; font-weight: bold; line-height: 14px;}
h5												{color: #ff0000; font-size: 22px; font-weight: bold; line-height: 20px; text-align: left;}
a, a:link 										{color: #333333; text-decoration: none;}
a:visited										{color: #333333; text-decoration: none;}
a:hover 										{color: #333333; text-decoration: underline;}
a:focus 											{color: #333333;}
a:active 										{color: #333333;}
a img											{border: none}
hr													{color: #ffffff;}

.enableJS 										{border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;}
div.row 											{clear: both; padding: 5px 0px;}
div.row span.left 							{float: left; text-align: left;}
div.row span.right 							{float: right; text-align: right;}
.left 												{float:left;}
.right 											{float:right;}
.spacer 											{clear: both;}
.textcenter 									{text-align:center;}
.textleft 										{text-align:left;}
.textright 										{text-align:right;}
.pad5 											{padding:5px;}

/**************************************************************************************************
***************************************************************************************************
TABLES
***************************************************************************************************
***************************************************************************************************/
th													{color: #333333; width: 200px; text-align: center}
td													{}
td a:link											{color: #333333;}
td a:visited									{color: #333333;}
td a:hover										{color: #333333;}

/**************************************************************************************************
***************************************************************************************************
FORMS
***************************************************************************************************
***************************************************************************************************/
.auto_form 									{width: 530px; padding: 20px; float: left;}
.auto_form .form_input 					{float: left; border-bottom: 1px solid #838383; border-left: none; border-right: none; border-top: none;}
.auto_form .form_input-highlighted 	{background: #f8f8f8; border-bottom: 1px solid #838383; border-left: none; border-right: none; border-top: none; float: left;}
.auto_form div.row span.label_col 	{color: #000; border: none; font-size: 12px; float: left; width: 200px;	height: 14px; text-align: right; margin: 0px;}
.auto_form div.row span.input_col 	{float: left; width: 190px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px;}
.auto_form input[type='text'] 			{width: 200px;}
.auto_form input[type='button'] 		{width: 200px; color: #999999; margin-left: 220px;}
.auto_form input[type='password'] 	{width: 200px;}
.auto_form select 							{width: 208px; float: right;}
.auto_form textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 200px;}
.auto_form .submit_div 					{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_form fieldset legend				{margin-left: 50px; font-weight: bold; font-size: 16px;}

.user_form 									{width: 240px; height: auto; padding: 0px; float: left;}
.user_form .form_input 					{float: left; border: none; }
.user_form .form_input-highlighted 	{border: none; float: left;}
.user_form div.row span.label_col 	{color: #666666; font-weight: bold; border: none; font-size: 12px; float: left; width: 80px;height: 14px; text-align: right; margin-right: 5px;}
.user_form div.row span.input_col 	{float: left; width: 120px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form input[type='text'] 			{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form input[type='button'] 		{background: url('../../graphics/submit-button_JPG.jpg') no-repeat; color:white; border: none; width: 60px; height: 20px;}
.user_form input[type='password'] 	{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form select 							{width: 120px; float: left;}
.user_form textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 120px;background: url('../../graphics/textarea-inpu_.png') no-repeat; width: 127px; height: 50px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px;}
.user_form .submit_div 					{text-align: left; height: auto; float: right; width: 60px; margin-right: 18px; padding: 0px;}
.user_form .forgotbutton					{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.user_form_longer	 									{width: 430px; height: auto; padding: 0px; float: left;}
.user_form_longer .form_input 					{float: left; border: none;}
.user_form_longer .form_input-highlighted 	{float: left; border: none;}
.user_form_longer div.row span.label_col 	{color: #666666; font-weight: bold; border: none; font-size: 12px; float: left; width: 150px;height: 14px; text-align: right; margin-right: 5px; margin-top: 3px;}
.user_form_longer div.row span.input_col 	{float: left; width: 250px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form_longer input[type='text'] 			{background: url('../../graphics/text-input_long.png') no-repeat; width: 255px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_longer input[type='button'] 		{background: url('../../graphics/submit-button_JPG.jpg') no-repeat; color:white; border: none; width: 60px; height: 20px;}
.user_form_longer input[type='password'] 	{background: url('../../graphics/text-input_long.png') no-repeat; width: 255px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_longer select 							{width: 120px; float: left;}
.user_form_longer textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 250px; background: url('../../graphics/text-area_long.png') no-repeat; height: 155px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px;}
.user_form_longer .submit_div 					{text-align: left; height: auto; float: right; width: 60px; margin-right: 18px; padding: 0px;}
.user_form_longer .forgotbutton					{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.auto_forms 									{width: 530px; padding: 20px; float: left;}
.auto_forms .form_input 					{float: left; border: 1px solid #336666;}
.auto_forms .form_input-highlighted {background: #f8f8f8; border-bottom: 1px solid #838383; border-left: none; border-right: none; border-top: none; float: left;}
.auto_forms div.row span.label_col 	{color: #000; border: none; font-size: 12px; float: left; width: 200px;	height: 14px; text-align: right; margin: 0px;  border: 1px solid #336666;margin-top: 3px;}
.auto_forms div.row span.input_col 	{float: left; width: 190px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px; border: 1px solid #336666;}
.auto_forms input[type='text'] 		{width: 200px;}
.auto_forms input[type='button'] 		{width: 200px; color: #999999; margin-left: 220px;text-indent:-9999px;}
.auto_forms input[type='password'] {width: 200px;}
.auto_forms select 							{width: 208px; float: right;}
.auto_forms textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 200px; border: 1px solid #336666;}
.auto_forms .submit_div 					{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_forms fieldset legend				{margin-left: 50px; font-weight: bold; font-size: 16px;}



.user_form_right 									{width: 100px; height: auto; padding: 0px; float: left;}
.user_form_right .form_input 					{float: right; border: 1px solid #666666;}
.user_form_right .form_input-highlighted 	{float: right; border: 1px solid #666666;}
.user_form_right div.row span.label_col 	{color: #666666; font-weight: bold; border: none; font-size: 12px; float: left; width: 50px;height: 14px; text-align: right; margin-right: 0px;margin-top: 3px;}
.user_form_right div.row span.input_col 	{float: left; width: 50px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form_right input[type='text'] 			{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_right input[type='button'] 		{background: url('../../graphics/submit-button.png') no-repeat; border: none; width: 60px; height: 20px; text-indent:-9999px;}
.user_form_right input[type='password'] 	{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_right select 							{width: 50px; float: right;}
.user_form_right textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 200px; width: 220px;}
.user_form_right .submit_div 					{text-align: left; height: auto; float: right; width: 60px; margin-right: 18px; padding: 0px; }
.user_form_right .forgotbutton					{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.user_form_long										{width: 370px; height: auto; padding: 0px; float: left}
.user_form_long .form_input 					{border: 1px solid #666666;}
.user_form_long .form_input-highlighted 	{border: 1px solid #666666;}
.user_form_long div.row span.label_col 	{color: #666666; font-weight: bold; border: none; font-size: 12px; float: left; width: 0px;height: 14px; text-align: right; margin-right: 5px;margin-top: 3px;}
.user_form_long div.row span.input_col 	{float: left; width: 250px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form_long input[type='text'] 			{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_long input[type='button'] 		{background: url('../../graphics/submit-button.png') no-repeat; border: none; width: 60px; height: 20px;text-indent:-9999px;}
.user_form_long input[type='password'] 	{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_long select 							{width: 250px; float: right;}
.user_form_long textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 120px;}
.user_form_long .submit_div 					{text-align: left; height: auto; float: right; width: 60px; margin-right: 18px; padding: 0px;}
.user_form_long .forgotbutton					{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.user_form2 									{width: 520px; padding: 0px 0px 10px 0px; float: left; background: #8f8f8f}
.user_form2 .form_input 				{float: left; border: none; }
.user_form2 .form_input-highlighted	{border: none; float: left;}
.user_form2 div.row span.label_col 	{color: #ffffff; font-weight: bold; border: none; font-size: 12px; float: left; width: 100px;height: 14px; text-align: right; margin-right: 5px;margin-top: 3px;}
.user_form2 div.row span.input_col 	{float: left; width: 230px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form2 input[type='text'] 		{width: 220px;}
.user_form2 input[type='button'] 	{background: url('../../graphics/submit-button.png') no-repeat;}
.user_form2 input[type='password']{width: 220px;}

.user_form2 select 							{width: 220px; float: left;}
.user_form2 textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 320px;}
.user_form2 .submit_div 				{text-align: left; height: auto; float: left; width: 200px;}
.user_form2 .submit_div input 		{background: url('../../graphics/submit-button.png') no-repeat;}
.user_form2 .forgotbutton				{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.lightbutton									{width: 170px; font-size: 14px; color: #ffffff; background: #546a8f; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

/**************************************************************************************************
***************************************************************************************************
LAYOUT
***************************************************************************************************
***************************************************************************************************/
/**define your sites layout style here**/
.wrapper										{width: 920px; height: auto; margin: 0px auto; }
.masthead										{width: 920px; height: 150px; background: url('../../graphics/masthead.png') no-repeat;}

.leftcol											{float: left; width: 200px;}

.leftcol .box									{width: 180px; height: auto;}
.leftcol .box-head							{width: 180px; height: 20px; background: url('../../graphics/leftcol-head.png') no-repeat;}
.leftcol .box-content						{width: 180px; height: auto; background: url('../../graphics/leftcol-body.png') repeat-y;}
.leftcol .box a									{width: 180px; line-height: 20px; color: #333333; font-weight: bold;}
.leftcol .box-foot								{width: 200px; height: 25px; background: url('../../graphics/leftcol-foot.png') no-repeat;}

.midcol											{float: left; width: 460px; margin-left: 0px; margin-top: 8px;}
.midcol .pagetitle							{}
.midcol .pagetitle h1						{text-align: left; color: #000000; font-size: 24px; margin-top: 0px;} 
.midcol .pagetitle p							{text-align: left; color: #000000; font-size: 16px; margin-top: 0px; line-height: 20px;} 
.midcol .special-offers						{background: #5c8585; width: 450px; padding: 5px; color: #000000; border: 3px dotted #cccccc;}  

.scart											{float: right; width: 250px; height:100px; margin-right: 20px; margin-top: 15px;}

.rightcol											{float: left; width: 260px; min-height: 500px; margin-left: 0px;}
.rightcol .box									{width: 260px; height: auto; margin-left: 5px;}
.rightcol .box-head							{width: 260px; height: 40px; background: url('../../graphics/rightcol-head.png') no-repeat;}
.rightcol .box-head .title					{float: left; color: #333333; font-weight: bold; margin-left: 30px; margin-top: 16px;}
.rightcol .box-head .register			{float: left; color: #ffffff; margin-top: 10px; margin-left: 70px;}
.rightcol .box-head .edit-account		{float: left; color: #ffffff; margin-top: 14px; margin-left: 38px;}
.rightcol .box-content						{width: 260px; height: auto; clear: all; background: url('../../graphics/rightcol-body.png') repeat-y;}
.rightcol .box-content .text				{text-align: left; padding-left: 30px;}
.rightcol .box a								{width: 260px; line-height: 20px; color: #333333; font-weight: bold;}
.rightcol .box-foot							{width: 260px; height: 25px; margin-top: 0px; background: url('../../graphics/rightcol-foot.png') no-repeat;}

.foot												{width: 900px; height: 19px; background: url('../../graphics/footer.png'); margin-top: 30px; padding-top: 4px; color: #ffffff;}
.foot a											{color: #ffffff;}
/**************************************************************************************************
***************************************************************************************************
CUSTOM
***************************************************************************************************
***************************************************************************************************/
/**define your custom styles here**/
.leftdot										{ margin-left: 20px; margin-bottom: 5px; margin-top: 5px; height: 3px; width: 145px; background: url(../../graphics/dot.png) repeat-x;}
.greendot										{ margin-bottom: 5px; margin-top: 5px; height: 3px; width: 455px; background: url(../../graphics/greendot.png) repeat-x;}
.yellow											{ color: #f7d117;}

.book_imgs 										{float: left; margin: 0px 10px 5px 0;} 
.book_head 										{text-align: left; color: #346767; font-size: 16px; font-weight: bold; margin-top: 20px;} 
.book_head a 									{text-align: left; color: #346767; font-size: 16px; font-weight: bold; margin-top: 20px;} 
.book_name 										{text-align: left; color: #333; font-size: 12px; font-weight: bold; margin-top: 5px;} 
.book_auth 										{text-align: left; font-style: italic; margin-top: 5px;} 
.book_ISBN 										{text-align: left; color: #C31C1C; margin-top: 5px;} 
.book_cont 										{text-align: justify; margin-top: 5px;} 
.book_pub										{text-align: left; color: #000099; margin-top: 0px; font-weight: bold;}
.book_pub a										{text-align: left; color: #000099; margin-top: 0px; font-weight: bold;}
	
.book_imgsright									{float: right; margin: 0px 0px 0px 5px;}
.book_headright									{text-align: right; color: #346767; font-size: 16px; font-weight: bold; margin-top: 20px;}
.book_headright a								{text-align: right; color: #346767; font-size: 16px; font-weight: bold; margin-top: 20px;}
.book_nameright									{text-align: right; color: #333; font-size: 12px; font-weight: bold; margin-top: 5px;}
.book_authright									{text-align: right; font-style: italic; margin-top: 5px;}
.book_ISBNright									{text-align: right; color: #C31C1C; margin-top: 5px;}
.book_contright									{text-align: justify; margin-top: 5px;}
.book_pubright									{text-align: right; color: #000099; margin-top: 5px; font-weight: bold;}
.book_pubright a								{text-align: right; color: #000099; margin-top: 5px; font-weight: bold;}

.readmore										{color: #C31C1C;}
.readmore a										{color: #C31C1C;}
/**************************************************************************************************
***************************************************************************************************
DIALOGS
***************************************************************************************************
***************************************************************************************************/
#facebox .b 																						{background:url(../javascripts/facebox/b.png); }
#facebox .tl 																						{background:url(../javascripts/facebox/tl.png); }
#facebox .tr 																						{background:url(../javascripts/facebox/tr.png); }
#facebox .bl 																						{background:url(../javascripts/facebox/bl.png); }
#facebox .br 																						{background:url(../javascripts/facebox/br.png); }
#facebox 																							{position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup 																				{position: relative; }
#facebox table 																					{border-collapse: collapse; }
#facebox td 																						{border-bottom: 0; padding: 0; }
#facebox .body 																					{background: #fff; width: 370px; }
#facebox .body .content h1																	{padding: 5px; padding-left: 10px; font-size: 18px; background: #336666; color: #ffffff;}
#facebox .body .content p																	{padding: 5px; font-size: 12px; margin: 5px;}
#facebox .body .content li																	{font-size: 12px; margin-left: 15px;}
#facebox .loading 																				{text-align: center; }
#facebox .image 																				{text-align: center; }
#facebox img 																					{border: 0; margin: 0; }
#facebox .footer 																				{padding-right: 5px; padding-top: 0px; text-align: right; height: 28px; background: #336666; margin-top: 10px;}
#facebox .foot .close																			{margin: 0px; padding: 0px; height: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br	 						{height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay 																				{position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide	 																				{z-index:-100; }
.facebox_overlayBG 																			{background-color: #000; z-index: 99;}
* html #facebox_overlay 																	{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/**************************************************************************************************
***************************************************************************************************
PAGINATION
***************************************************************************************************
***************************************************************************************************/
.pagenav 									{}
.pagenav .previous 					{float:left;}
.pagenav .pages 						{float:right; margin:0 1em;}
.pagenav .next 							{float:right;}

/**************************************************************************************************
***************************************************************************************************
SHOPCART
***************************************************************************************************
***************************************************************************************************/
.shopcart_form 										{}
.shopcart_form .form_input 					{}
.shopcart_form .form_input-highlighted 	{}
.shopcart_form div.row span.label_col 		{float: left;	width: 0;}
.shopcart_form div.row span.input_col 		{float: left;}
.shopcart_form .spacer 							{}
.listDisplay .totcell 									{border:1px solid #999999; background-color:#eeeeee; text-align:right; font-weight:bold;}
.clearCart 												{text-align:center;}
.checkout 												{margin:10px; padding:10px; border:5px solid #3B425F;}
.declined 												{margin:10px; 	padding:10px; 	border:2px solid #FF0000;}
.approved 												{margin:10px;	padding:10px;	border:2px solid #00FF00;}
.clear													{clear: both;}
/**************************************************************************************************
***************************************************************************************************
CALENDER
***************************************************************************************************
***************************************************************************************************/
/** do not change this **/
img.tcalIcon 											{cursor: pointer; margin-left: 1px; vertical-align: middle;}
div#tcal 												{position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0;}
div#tcal table 										{width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;}
div#tcal table.ctrl 									{border-bottom: 0;}
div#tcal table.ctrl td 								{width: 15px; height: 20px;}
div#tcal table.ctrl th 								{background-color: white; color: black; border: 0;}
div#tcal th 											{border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;}
div#tcal td 											{border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;}
div#tcal td.othermonth 							{color: silver;}
div#tcal td.weekend 								{background-color: #ACD6F5;}
div#tcal td.today 									{border: 1px solid red;}
div#tcal td.selected 								{background-color: #FFB3BE;}
iframe#tcalIF 										{position: absolute; visibility: hidden; z-index: 98; border: 0;}
div#tcalShade 										{position: absolute; visibility: hidden; z-index: 99;}
div#tcalShade table 								{border: 0; border-collapse: collapse; width: 100%;}
div#tcalShade table td 							{border: 0; border-collapse: collapse; padding: 0;}