/* - Reset Everything ------------------------------------------------------- */
/* reset borders and margins on all elements */
/* applies relative margins to p, h, li, etc */
@import url(reset.css);




/* - General Class styles --------------------------------------------------- */
/* classes that do common styling things */
@import url(classes.css);




/* - Forms ------------------------------------------------------------------ */
/* generic css to do with form layout */
@import url(forms.css);




/* - Accessibility goodies -------------------------------------------------- */
@import url(accessibility.css);




/* - Default Styles --------------------------------------------------------- */
/* colours, sizes, etc of elements */

body {
	font: 63.5% Verdana, Arial, sans-serif;
	color: #333;
	background: #E7E7E8  url(/img/bg.jpg) repeat-x;
}

body.login {
	background: #E7E7E8  url(/img/bg-header-login.jpg) repeat-x;
}

h1 {
	font-size: 1.8em;
	color: #0042AD;
	font-weight: normal;
}	

h2 {
	font-size: 1.2em;
}

p, li, td, th, label {
	font-size: 1.1em;
}

a, a:link {
	color: #0042AD;
	text-decoration: none;
}

a:visited {<br />
	font-weight: normal;

}

a:hover {
	text-decoration: underline;
}

a:active {

}




/* - Layout ----------------------------------------------------------------- */
/* contains content and navigations, etc */
#wrapper {
	width: 990px;
	float: left;
	overflow: hidden;
}




/* header */
#header {
	background: url(/img/bg-logo.jpg) no-repeat;
	width: 960px;
	height: 244px;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
		/* mini-nav */
		
		 #header .Login{
			margin-top: 10px;
			padding-left: 270px;
			width:  750px;
			height: 30px;

		}		
		 #header .Logout{
			margin-top: -12px;
			padding-left: 10px;
			float: right;
			width:  100px;
			height: 30px;

		}

		 #header #SavedWorkbooks{
				background: url(/img/bg-Mini-Nav.gif);
				margin-left: 350px;
				margin-top: 50px;
				padding-left:  15px;
				width:  270px;
				height: 50px;
		}
		 #header #ActiveWorkbook{
				background: url(/img/bg-Mini-Nav.gif);
				margin-left: 650px;
				margin-top: -53px;
				padding-left: 15px;
				width:  320px;
				height: 55px;
		}

	.login.one #header {
		height:  315px;
		background: url(/img/bg-logo-login1.jpg) no-repeat;
	}

	.login.two #header {
		height:  315px;
		background: url(/img/bg-logo-login2.jpg) no-repeat;
	}

	.login.three #header {
		height:  315px;
		background: url(/img/bg-logo-login3.jpg) no-repeat;
	}


	/* account details */
	.accountDetails {
		margin-left:  300px;
	}
	

	/* logo */
	.logo {
		width: 525px;
		height: 60px;
		float: left;
		text-indent: -9999em;
		position:  absolute;
		bottom:  33px;
		left:  205px;
	}
	
	.logo a {
		float:  left;
		width:  100%;
		height:  100%;
		text-decoration:  none;
	}

	

/* top nav and search box */
#navTop {
	float:  left;
	margin: 0 0 1em 10px;
	border-bottom:  1px dotted #444;
	width:  100%;
}

	#navTop ul, #navTop li {
		margin:  5px 5px 0 0;
		list-style:  none;
		float:  left;
		margin-right:  5px;
	}

	#navTop ul {
		margin-left: 5px;
	}

	
		/* search */
		#search {
			float: right;
			border: 0;
			margin:  5px 10px 5px 0;
			padding:  0;
		}
		
			#search label {
				display:  none;
			}
			
			#search input {
				width: 120px;
				height: 22px;
				float:  left;
				border:  1px solid #676797;
			}
						
			#search input.sSearchbutton {
				background-image: url(/img/sSearch2.gif);
				background-repeat: no-repeat;
				border: none;
				width:  89px;
				height: 23px;
			}
		

/* 'My Humes Contact' DHTML Window */


			.dhtmlwindow{
					position: absolute;
					border: 1px solid black;
					visibility: hidden;
					
			}
			
			.drag-handle{ /*CSS for Drag Handle*/
					padding: 8px;
					text-indent: 3px;
					font: normal 14px Arial;
					background-color: #598BC6;
					color: white;
					cursor: move;
					overflow: hidden;
					width: auto;
			}
			
			.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
					position: absolute;
					right: 1px;
					top: 2px;
					cursor: hand;
					cursor: pointer;
			}
			
			
			.drag-contentarea{ /*CSS for Content Display Area div*/
					border-top: 1px solid brown;
					background-color: #E7E7E8;
					color: black;
					height: 150px;
					padding: 2px;
					overflow: auto;
			}
			
			.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
					border-top: 1px solid gray;
					background-color: #489FD4;
					height: 15px; /*height of resize image*/
			}
			
			
			.drag-resizearea{ /*CSS for Resize Area itself*/
					float: right;
					width: 15px; /*width of resize image*/
					height: 13px; /*height of resize image*/
					cursor: nw-resize;
					font-size: 0;
			}




/* main content area */
#content {
	float: right;
	width: 750px;
	position: relative;
	overflow:  hidden;
}
	
	#breadcrumb {
		color: #918C8C;
		padding: 3px 4px 3px 0;
	}
		
		#breadcrumb a {
			color: #918C8C;
			text-decoration: none;
	}
		#breadcrumb a:hover {
			color: #333333;
			text-decoration: none;
		}
	
	#content .categoryList, .product-list {
		list-style: none;
		margin: 5px 0 0;
	}
	
		#content .categoryList li, .product-list li {
			float: left;
			margin: 0 5px 5px 0;
			padding:  0;
			background: #cdcdcd !important;
			width: 32.5%;
			background-image: none !important;
		}
		
			.product-list li a{
				float: left;
				width: 210px;
				padding: 0px 0 0px 0px;
			}

			#content .categoryList li a{
				float: left;
				width: 210px;
				padding: 7px 0 7px 10px;
			}
		
	#content .items {
		width: 99%;
		float: left;
		margin: 10px 0;
		border-collapse: collapse;
		}
		
		#content .items tr th {
			background-color:#2B86BD;
			font-weight: normal;
			color:#FFFFFF;
			padding: 3px;
			vertical-align: middle;
			height: 15px;
			border: 1px solid #124A6D;
		}
		
		#content .items th.relatedProducts {
			text-align: left;
			padding: 5px;
			font-size: 1.1em !important;
		}
		
		#content .items td {
			border-right:1px solid #ACACAC;
			border-left:1px solid #ACACAC;
			padding: 1px;
		}
		#content .items td.relatedProducts {
			border: none !important;
			padding: 5px !important;
			font-size: 1.0em !important;
			
		}	
		#content .items tfoot td {
			background-color:#1C5496;
			height:20px;
		}
		
		#content .items tr.total td {
			font-weight: bold;
			color: #fff;
		}
		
		#content .items tr.total td a {
			color: #fff;
		}



		#content .items td.noBorder {
			padding: 5px;
			border: none;
		}
		#content .items td.dataRows {
			padding: 5px;
			border: none;
		}
		
		#content .items td.total {
			padding-right: 10px;
			height: 33px;
			border: none;
			background-image: url(/img/bg-tblContent-Footer.gif);
		}
		
		#content .items tr.alt td {
			background: #4B87C3;
		}
		
		#content .items td.desc, #content .items th.desc {
			width: 300px;
			text-align: left;
		}
		
		#content .items td.tblHeadSavedWorkbooks {
			background: url(/img/tblHead-My-Workbooks.gif) no-repeat;
			border: none;
			height: 22px;
			padding-right: 10px;
		}		

		#content .items td.tblHeadWorkbookSummary {
			background: url(/img/tblHead-Workbook-Summary.gif) no-repeat;
			border: none;
			height: 22px;			
			padding-right: 10px;
		}
		
		#content .items td.tblHeadProductsInCategory {
			background: url(/img/tblHead-Products-In-Cat.gif) no-repeat;
			border: none;
			height: 22px;
			padding-right: 10px;
		}
		
		#content .items td.tblHeadRelatedProducts {
			background: url(/img/bg-Shaded.gif);
			border: none;
			height: 22px;
			padding-right: 10px;
		}
		
		.documents_found {
			font-size: 10px !important;
		}
		
		#content ul li {
			background:  url(/img/bullet.png) no-repeat 0px 2px !important;
			list-style:  none;
			padding-left:  14px;
			height:  1%;
		}
		
		#content td.noBorder li {
			background:  url(/img/bullet-solid-arrow.gif ) no-repeat 1px 4px !important;
			padding-left: 9px;
			margin-left: 1px;
			
		}
		


/* product disclaimers table in the product details page */

	#content .disclaimer {
		
		width: 100%;
		float: left;
		margin: 10px 0;
		border-collapse: collapse;
		background-color:#FFFFFF;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		}
		
		#content .disclaimer tr th {
			background: url(/img/bg-Shaded.gif);
			border: none;
			height: 27px;
						
		}
		#content .disclaimer td {
			padding: 3px;
		}
		#content .disclaimer td.total {
			padding-right: 5px;
			height: 31px;
			border: none;
			background-image: url(/img/bg-tblContent-Footer.gif) !important;
		}		
		
		#content .disclaimer th{
			color:#3C72C1;			
		}		
		
		#content .disclaimer tr.total td a {
			padding-right: 5px;
			height: 31px;
			border: none;
			background-image: url(/img/bg-tblContent-Footer.gif);
		}
		

		
		#content .disclaimer td.noBorder {
			padding: 3px;
			vertical-align: top;
			width: 50%;
		}
		
		#content .disclaimer tr.alt td {
			background: #4B87C3;
		}
		#content .disclaimer p {
			font: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			color: #000066;
		}

/* main navigation */
#category {
	float: left;
	width: 180px;
	margin-left:  1px;
	padding-top:  20px;
}
	#category h3 {
		font-weight: bold;
		font-size: 1.1em;
		margin: 0 0 0 2px;
}
	
	#category ul, #category li {
		list-style: none;
		margin-left: 0px;
		padding: 1px;
}
	#category li {
		background:  url(/img/bullet.png) no-repeat 5px 7px;
		padding-left:  3px;
		margin-top: 3px;
		padding-top:  4px;
}
	#category li.noArrow {
		background:  none !important;
		padding-top: 1px;
}
	#category li a {
		display: block;
		margin-left: 15px;
		color: #0056A8;
		text-decoration: none;
}
	#category li.on a {
		font-weight: bold;
}
	#category li a:hover{
		display: block;
		color: #0056A8;
		text-decoration: underline;
}
	#category li.noArrow a {
		margin-left: 0;
}


/* footer */
#footer {
	float: left;
	margin: 2em 0 1em 5px;
	font-size: 0.8em;
	width:  100%;
	padding: 1em 0 0 5px;
	border-top:  1px dotted #444;
}

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

	.widget{
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 4px double #aa3333;
	z-index: 999;
	background-color: white;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	cursor: move;
	height: 400px;
	overflow: scroll;
}

	.widget li{clear: both; }

		.widget dl, .widget dd{
			margin: 0 0 0 0;
			padding: 0;
		}

	.widget dl{
		margin-top: 5px;
	}

	.close-widget{
		font-style: italic;
		position: absolute;
		top: 1px;
		right: 4px;
	}
	
#errors{
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 1px solid #FF0000;
	z-index: 999;
	background-color: white;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor: move;
	height: 400px;
	overflow: scroll;
}

#errors dl, #errors dd{
	margin: 0 0 0 0;
	padding: 0;
}

#errors dl{
	margin-top: 5px;
}

#customer-reviews{
	width: 100%;
 	clear: both;
}

#account_balance table,#account_balance tr{
	border: 1px solid #ccc
}

#account_balance tr.account_balance_hdrs td {
	border-bottom:1px solid #ccc;
	padding:5px;
	border-right: 1px solid #ccc
}
#account_balance .account_balance_hdrs{
	color:#266196;
	padding: 10px;
	font: bold 12px Arial,sans-serif
}


/*		////  Invoice   ///			*/

#account_balance {
	background: #598BBD;
	color:#fff; 
	width: 180px;
	position: relative;
}
#account_balance h3{
	font-size: 11px !important;
}

#account_balance #heading ,#account_balance .balance{
	padding:5px;
	width:170px;
	background: #336699;
	color:#fff;
	border-bottom:1px solid #000
}
#account_balance p{
	padding-left:5px;
	width: 160px;
}

#account_navigation a,#account_navigation dd{
	margin:0
} /* Reset margins */
#account_navigation a,#account_navigation dd{
	padding: 0 0 10px 20px;
}
#account_navigation a{
	font:bold 12px Arial,sans-serif;
	color:#0054B4;
	background: url(../../img/arrow_abnav.gif) no-repeat
}
#invoiceNav{
	width:194px;
	float:left;
}
#invoiceNew{
	width: 600px;
	position: relative
}
#invoiceNew h3{
	color:#1475BA;
	font-size: 16px
}
#invoice_note h3, #invoice_note p{
	font-size: 10px !important; 
	padding-left:5px; 
}
#invoicePop{
	background-position: 0 -147px 
}
#abPopUp {
	position: relative;
	width: 541px;
	margin:0 auto;
	height:500px;
	background: #e1e1e1;
	font-size: 11px;
	color:#707a7b
}
#abPopUp #hdr{
	width:541px ;
	height:97px;
	display:block;
	background: url(../../img/hdr_popup.jpg) no-repeat
}

tr.alt td{
background-color: #CDCDCD !important;

}
tr.alt,.items tr{background: #E7E7E8 !important}
.adownload{
	text-align:center;
	padding:2px;
	display:block;
	background: #267EBE;
	color:#fff !important;
	width: 100%
}
.cartTotal{
	font-weight: normal !important;
	color: #000 !important;
}
#workbookTH th.cntr{
	text-align: center
}
#workbookTH th.left{
	text-align: left !important;
	
}
#workbookTH th.right{
	text-align: right;	!important
	padding-right: 4px;
}
#workbookTH td.noBorder{
	text-align: right	!important;
	padding-right: 4px;
	border: none	!important;
}
.left-box {
	margin-left: 10px;
	margin-top: 60px;
}
.newsArticleBox {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-image: url(/img/tblBg-Humes-Contact.gif);
	width: 201px;
	color: #000000;
	text-align: left;
	padding: 3px;
	margin: 0;
}
.newsArticleBox li {
	margin-left: 5px !important;
}
.newsArticleHead {
	background-image: url(/img/tblHead-Latest-News.gif);
	background-repeat: no-repeat;
	height: 28px;
	text-indent: -999em;
	width: 203px;
	margin: 0;
}
.newsArticleFooter {
	background-image: url(/img/tblFooter-Humes-Contact.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 203px;
	margin: 0;
}
.navProductsBox {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	background-image: url(/img/tblBg-Humes-Contact.gif);
	width: 201px;
	color: #000000;
	text-align: left;
	padding: 6px;
	margin: 0;
}
.navProductsBox li {
	margin-left: 5px !important;
}
.navProductsHead {
	background-image: url(/img/tblHead-Product-Catalog.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 203px;
	text-indent: -999em;
	margin: 0;
}
.navProductFooter {
	background-image: url(/img/tblFooter-Humes-Contact.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 203px;
	margin: 0;
}

/* My Humes Contact table*/
						
						
			#myHumes{
				width: 295px;
				font: 1.0em Verdana,Arial,sans-serif;
				color: #000;
				background: #F0F0F0;
				float: center;
			}
			
				#myHumes th{
					padding:5px;
					font-weight: bold;
					text-decoration: none;
					vertical-align: top;
					text-align: left;
					width: 65px;
				}			
				#myHumes td{
					padding:5px;
					text-decoration: none;
					text-align: left;
				}
				#myHumes tr{

				}
				#myHumes tr.alt{
					background: #eee;
					font-weight: bold;
					border-bottom: 1px solid #000;
					padding:5px;
				}
				#myHumes tr.subtitle{
					padding:0px;
					text-decoration: none;
				}