/* CSS Document */
/* Included Extentions	*/
@import url('../extentions/tt_news/css/tt_news.css');
@import url('../extentions/favourities/css/favourities.css');
@import url('../extentions/material_spotlight/css/material_spotlight.css');
@import url('../extentions/calendar_base/calendar.css');
@import url('../extentions/user_material/css/user_material.css');
@import url('../extentions/prospect_login/css/prospect_login.css');
@import url('../extentions/dre_displayrecords/css/dre_displayrecords.css');
@import url('../extentions/cal_ext_1/css/cal_ext_1.css');
@import url('../extentions/featuredmaterial/css/featuredmaterial.css');
@import url('../extentions/cal/css/cal.css');
@import url('../extentions/dre_listnews/css/dre_listnews.css');


/* temporary link while permission problem continues */
@import url('newloginbox.css');
/* @import url('../extentions/newloginbox/css/newloginbox.css'); */




/* CSS Document */

/* // All body information */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}

body {
/*	behavior: url('fileadmin/materialexplorer/templates/scripts/csshover.htc'); */
}

body, a, div, td, th, table,p,  li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #63686e;
	font-size: 11px;
	line-height:150%;
}

/*
h1, h2, h3, h4{
	font-size: 12px;
	font-weight: bold;
}
*/
h1 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #cecece;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	margin: 0px;
}
h2 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #63686e;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	margin:0px;
	clear: both;
}
h3 {
	font-size: 18px;
	display: block;
	margin:0px;
	padding:0px;
	clear: both;
}

span.top_header1 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #cecece;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	margin:0px;
	clear: both;
	font-weight: bold;
}
#ContentColumnInside span.top_header1 {
	color: #63686e;
	font-size: 18px;
	font-weight: 200;
	display: block;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e9eaeb;
	margin-bottom: 8px;
}

#ContentColumnInside div.news-single-item span.top_header1 {
	color: #63686e;
	font-size: 18px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	background-color: #FFFFFF;
	padding-bottom : 3px;
	margin-bottom: 0px;
	border-bottom: 1px solid #e9eaeb;
}
span.top_header2 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #63686e;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	margin:0px;
	clear:both;
	font-weight: bold;
}
span.top_header3 {
	font-size: 18px;
	display: block;
	margin:0px;
	padding:0px;
	clear:both;
}
p.bodytext {
	padding: 0px;
	margin-top: 0px;
}


table {
	margin-left: 0px;
/*	margin-top: 5px; */
	margin-right: 0px;
	margin-bottom: 0px;
	color: #63686e;
	clear: both;
}


a:link,
a:active,
a:visited {
	color: #63686e;
	text-decoration: underline;
}
a:hover {
	color: #dcff66;
}

.news-single-backlink{
	/*min-height: 23px;*/
	/*clear:both;*/
}


.button,
.button:link,
.button:active,
.button:visited, 
.news-single-backlink a,
.news-single-backlink a:link,
.news-single-backlink a:visited,
input.ncol,
input.ncol:link,
input.ncol:active,
input.ncol:visited {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px solid black;
	background-color: #cecece;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 5px;
	font-weight: bold;
	white-space: nowrap;
	height: 19px;
	display: inline-block;
}

a.button:hover,
input.button:hover, 
.news-single-backlink a:hover,
input.ncol:hover {
	color: #63686e;
	background-color: #dbff67;
	text-decoration: none;
	white-space: nowrap 
}


.inputField {
	height: 16px;
	font-size: 9px;
	border: 1px solid #a0a0a0;
	color: #bdbdbd;
	padding-left: 2px;
	margin-right: 2px;
}

.subhead {
	float: left;
	font-weight: bold;
	margin-bottom:3px;
}
.subhead_right {
	float: right;
	font-weight: bold;
	margin-bottom:3px;
}

.title_left {
	float: left;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom:3px;
}
.title_right {
	float: right;
	font-weight: bold;
}
.title_right a {
	text-decoration: none;
}

#ContentColumnInside hr {
	border:none;
	border-top: 1px solid #e9eaeb;
	height:0px;
	margin:0px;
	padding:0px;
	clear:both;
}

hr {
	border: 0px;
	border-top: 1px solid #e9eaeb;
	height:0px;
	clear:both;
}

/*table {
	width: 100%;
}*/
.cell1 {
	border-top: 1px solid #e9eaeb;
	border-right: 1px solid #e9eaeb;
	width: 171px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.cell2 {
	border-top: 1px solid #e9eaeb;
	text-align: right;
	font-weight: bold;
}

.date {
	font-size: 11px;
	font-weight: bold;
}

.list {
	margin-bottom: 5px;
}
.list td {
	padding-left: 10px;
	padding-bottom: 5px;
}

.content {
	padding-left: 10px;
	clear: both;
	padding-bottom: 10px;
}
.content ul {
	margin: 0px;
	padding-top: 10px;
}
.content  ul li {
	list-style-type:none;
	padding:0px;
	margin: 0px;	
}
.content ul li a:link,
.content ul li a:visited,
.content ul li a:active {
	text-decoration: none;
	background-image: url(../images/nav_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	color: #63686e;
	padding-left: 14px;	
}
.content  ul li a:hover {
	color: #dbff67;
}
.featured_content {
	float: left;
	padding-bottom: 20px;	
}
.image {
	padding: 0px;
	padding-bottom: 5px;
	float: right;
}
.image_left {
	padding: 0px;
	padding-bottom: 5px;
	float: left;
	margin-right: 10px;
}

.banner {
	margin-bottom: 5px;
}

select {
	height: 17px;
	font-size: 11px;
	width: 135px;
	border: 1px solid #a0a0a0;
	color:  #63686e;
	padding-left: 2px;
	margin-right: 2px;
}

.input_field {
	height: 17px;
	font-size: 11px;
	width: 135px;
	border: 1px solid #a0a0a0;
	color:  #63686e;
	padding-left: 2px;
	margin-right: 2px;
}

.input_field_generic, .textfield_error, .ncolinput input {
	height: 17px;
	font-size: 11px;
	border: 1px solid #a0a0a0;
	color:  #63686e;
	padding-left: 2px;
	margin-right: 2px;
}

.input_field_readonly {
	height: 17px;
	font-size: 11px;
/*	border: 1px solid #a0a0a0; */
	color:  #63686e;
	padding-left: 2px;
	margin-right: 2px;
}

.abc {
	font-weight: bold;
	clear:both;
}
.abc a:link,
.abc a:active
.abc a:visited {
	text-decoration: none;
}
.abc a:hover {
	text-decoration:underline;
	color: #63686e;
}

.books {
	float: left;
	padding-bottom: 10px;
}
.book_info {
	float: right;
	width: 470px;
}
.book_title {
	font-weight: bold;
	float: left;
	width: 470px;
}
.book_price {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	clear: right;
}
.book_atr {
	font-weight: bold;
	float:left;
}
.book_isbn {
	font-weight: bold;	
	float:left;
}
.book_order a:link {
	float: right;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	background-color: #cecece;
}

.tab_menu a {
	float: left;
}

a.readmore {
	text-decoration: underline;
	color: #63686e;
}
/* // How big is the website */

#WrapperContainer {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* // All Header information */

#HeaderContainer {
}

/*/////// All Logo information ///////*/

#LogoContainer {
	float: left;
	width: 478px;
}

#LogoInside {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position: 100px 0px;
	height: 76px;
	padding-left: 100px;
}

/*/////// All Meta information ///////*/

#MetaContainer {
	float: left;
	width: 291px;
}

.meta1 {
	width: 85px;
}
.meta2 {
	width: 110px;
}
.meta3 {
	width: 85px;
}

#MetaInside {
	padding-top: 6px;
	height: 76px;
}

#MetaInside ul {
	padding: 0px;
	margin: 0px;
}

#MetaInside ul li {
	float: left;
	padding:0px;
	list-style-type: none;	
	margin: 0px;
	padding-bottom: 5px;
	width: 97px;
}
#MetaInside ul li a:link,
#MetaInside ul li a:visited,
#NewLoginInside a:link,
#NewLoginInside a:visited {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #63686e;
	padding-left: 14px;
}
#NewLoginInside a:link,
#NewLoginInside a:visited {
	margin-top: 5px;
	padding-left: 12px;
	display:block;
	width: 97px;
}

#MetaInside ul li a:active,
#MetaInside ul li a:hover,
#NewLoginInside a:active,
#NewLoginInside a:hover {
	background-image: url(../images/nav_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
}

/*/////// All NewLogin information ///////*/

#NewLoginContainer {
	float: left;
	width: 229px;
	height: 76px;
	padding-top: 6px;
}
.loginform{
	margin: 0px;
}
#NewLoginInside .form {
	margin: 0px;
}

#NewLoginInside .field{
	height: 16px;
	font-size: 9px;
	width: 95px;
	border: 1px solid #a0a0a0;
	color: #bdbdbd;
	padding-left: 2px;
	margin-right: 2px;
/*	margin-top: 4px;	*/
/*	margin-bottom: 4px;	*/
}

#NewLoginInside ul{
	padding: 0px;
	margin: 0px;
}

#NewLoginInside ul li{
	float: left;
	clear: both;
	padding:0px;
	list-style-type: none;	
	margin: 0px;
	padding-bottom: 5px;	
}
#NewLoginInside ul li a:link,
#NewLoginInside ul li a:visited {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #63686e;
	padding-left: 14px;	
}

#NewLoginInside ul li a:active,
#NewLoginInside ul li a:hover {
	background-image: url(../images/nav_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
}

/*/////// All Bread information ///////*/
#BreadContainer {
	clear: both;
	vertical-align: middle;
	height: 44px;
}

#BreadInside {
	padding-right: 10px;
	padding-left: 100px;
	padding-top: 26px;
}
                    /* breadcrumb links formating */
#BreadInside a
{
	text-decoration:none;
}
#BreadInside a:visited
{
	
}
#BreadInside a:hover
{
	text-decoration:underline;
}





/*// All Main information */

#MainContainer {
	background-color: #FFFFFF;
}

/*/////// All Navie information ///////*/

#NavieContainer {
	float: left;
	width: 100px;
}

#NavieInside {
	padding-left: 0px;
	padding-right: 7px;
}

/*//// First Level ////*/
#NavieInside ul {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#NavieInside ul li {
	padding:0px;
	list-style-type: none;	
	margin: 0px;
	margin-bottom: 5px;	
}
#NavieInside ul li a:link,
#NavieInside ul li a:visited {
	text-decoration: none;
	color: #63686e;
	padding-left: 10px;
	font-size: 11px;		
	display: block;
}

#NavieInside ul li a:active,
#NavieInside ul li a:hover {
	background-image: url(../images/nav_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
}

/*//// Second Level ////*/
#NavieInside ul ul {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-left: 7px;
}

#NavieInside ul li ul li {
	padding:0px;
	list-style-type: none;	
	margin: 0px;
	margin-top: 5px;
}
#NavieInside ul li ul li a:link,
#NavieInside ul li ul li a:visited {
	text-decoration: none;
	color: #63686e;
	padding-left: 10px;
	margin-left: 0px;
}

#NavieInside ul li ul li a:active,
#NavieInside ul li ul li a:hover {
	background-image: url(../images/nav_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
}

/*/////// All Content Column information ///////*/

#ContentColumnContainer {
	float: left;
	width: 550px;
	margin-top: 0px;
	padding-top: 0px;
}

#ContentColumnInside {
	padding-left: 0px;
	margin-top: 0px;
}


/*/////// All Column 1 information (two columns in content area) ///////*/

#Column1Container {
	float: left;
	width: 270px;
	margin-top: 0px;
	padding-top: 0px;
}

#Column1Inside {
	padding-left: 0px;
	margin-top: 0px;
}


/*/////// All Column 2 information (two columns in content area) ///////*/

#Column2Container {
	float: left;
	width: 270px;
	margin-left: 10px;
}

#Column2Inside {
/*
	padding-left: -5px;
	_padding-left: 0px;
	margin-left: 10px;
*/
}


/*/////// All Column 3 information ///////*/

#Column3Container {
	float: left;
	width: 336px;
}

#Column3Inside {
	padding-left: 7px;
}


/* // All Footer information */

#FooterContainer {
	background-color: #FFFFFF;
	clear: both;
	margin-top: 2px;
	padding-top: 10px;
	padding-right: 14px;
}

#FooterInside {
	/**padding: 20px; **/
	border-top: 1px solid #cecece;
} 

.tx-txlatestadditions-pi1 {
	clear: both;
}




/* image and list item styles in colunm3 at bottom side */

.csc-textpic-imagewrap
{
/*	float: left; */
	padding: 0px;
	margin: 0px;
}

.csc-textpic-lastcol{
	margin : 0px;
/*	padding-top: 8px;*/ /*bpp*/
}

.csc-textpic-center {
	float: center;
}

.csc-textpic-left {
	float: left;
}

.csc-textpic-right {
	float: right;
}

.csc-textpic-text 
{
	float: left;
	/*margin-left: 10px; */
	margin-top:2px;

}
.csc-textpic-text ul, ul.csc-menu {
/*	float : left;         [10-08-2007, R. van Asperen. Item ticket #8710] */
/*	width : 150px; */
	margin : 0px;
/*	margin-left : -7px; */
/*	padding : 0px; */
	
}
.csc-textpic-text ul li, ul.csc-menu li
{
        list-style-position:outside;
	list-style-image: none;
	list-style-type: none;
	background-image: url(../images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
/*
	list-style-image: url(../images/nav_bullet.gif);
	list-style-type: circle;
	display: block; 
	margin-left: 7px;
	padding-left: -7px;
	list-style-position: inside;	
*/
}

/* CONTACTFORM STYLING */

.contact_form_contact_page form {
	display : inline;
}

.contact_form_contact_page .csc-mailform {
	border:0px;
	margin-top : 3px;
}

.contact_form_contact_page .csc-mailform-field {
	height : 25px;
	clear:both;
}

.contact_form_contact_page textarea {
	font-family: verdana, arial,  sans-serif;
	font-size:10px;
	color:#63686e;
	width:180px;
	height: 150px;
	float : right;
}

.contact_form_contact_page label {
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#63686e;
	width:70px;
	vertical-align:top;
	float : left;
}

.contact_form_contact_page input {
	font-family: verdana, arial,  sans-serif;
	font-size:10px;
	color:#63686e;
	height: 17px;
	width:180px;
	float : right;
}

.contact_form_contact_page .csc-mailform-submit {
	margin-top : 5px;
	width:50px;
	BORDER: 0px;
	FONT-SIZE: 11px;
	height: 21px;
	font-weight: bold;
	COLOR: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #cecece;
	float : right;
}

.contact_form_contact_page .csc-mailform-submit:hover {
	COLOR: #63686e;	
	BACKGROUND-COLOR: #dbff67
}

/* LINES ON HOMEPAGE */ 

.home_line {
	padding : 0px 0px 3px 0px;
	border-top: 1px solid #cecece;
	margin-top : 5px;
}

/* NO IMAGE SHOULD HAVE A BORDER */

img { border:0px; } 

/* SuggestMaterial STYLING */

#suggestmaterial {
}

#suggestmaterial form {
	display : inline;
}

#suggestmaterial .csc-mailform {
	border:0px;
	margin-top : 7px;
}

#suggestmaterial .csc-mailform-field {
	height : 25px;
	clear:both;
}

#suggestmaterial legend {
	display : none;
}

#suggestmaterial textarea {
	font-family: verdana, arial,  sans-serif;
	font-size:10px;
	color:#63686e;
	width:180px;
	height: 150px;
	float : right;
	margin-right : 200px;
}

#suggestmaterial label {
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#63686e;
	width:70px;
	vertical-align:top;
	float : left;
}

#suggestmaterial input {
	font-family: verdana, arial,  sans-serif;
	font-size:10px;
	color:#63686e;
	height: 17px;
	width:180px;
	float : right;
	margin-right : 200px;
}

#suggestmaterial select {
	font-family: verdana, arial,  sans-serif;
	font-size:10px;
	color:#63686e;
	height: 17px;
	width:180px;
	float : right;
	margin-right : 200px;
}

#suggestmaterial .csc-mailform-submit {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
	background-color: #cecece;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin:0px;
	font-weight: bold;
	white-space: nowrap;
	height: 21px;
	width: 50px;
	margin-right: 200px;
}

#suggestmaterial .csc-mailform-submit:hover {
	COLOR: #63686e;	
	BACKGROUND-COLOR: #dbff67
}

div.imgwrap2 {
display:block;
float:left;
margin:0;
overflow:hidden;
padding:0;
width:80px;
}

/* ORDERFORM STYLING */

#orderform {
	width : 550px;
	float : left;
}

#orderform form {
	display : inline;

}

#orderform .csc-mailform {
	border:0px;
	margin-top : 3px;
}

#orderform .csc-mailform-field {
	height : 25px;
	clear:both;
}

#orderform label {
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#63686e;
	width:150px;
	vertical-align:top;
	float : left;
}

#orderform input {
	font-family: verdana, arial,  sans-serif;
	font-size:10px;
	color:#63686e;
	height: 17px;
	width:180px;
}

#orderform select {
	font-family: verdana, arial,  sans-serif;
	font-size:10px;
	color:#63686e;
	height: 17px;
	width:180px;
}

#orderform .csc-mailform-submit {
	margin-left : 231px;
	margin-top : 5px;
	BORDER: 0px;
	width : 100px;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS;
	BACKGROUND-COLOR: #cecece;
}

#orderform .csc-mailform-submit:hover {
	COLOR: #63686e;	
	BACKGROUND-COLOR: #dbff67
}


/* CSS Document */

.float-right {
	float: right;
	vertical-align: bottom;
	margin-top: 4px;
}

.float-left {
	float: left;
	vertical-align: bottom;
}

.bottom {
	vertical-align: bottom;
}

.news_si_textpic_wrapper .news-single-backlink .button {
	margin-left: 6px;
}

.news_image {
	width: 100px;
}