/*******************************************************************************
STYLE SHEET FOR VANDERCRAFT  WEBSITE  26 JUNE 2008   BARRY MCGIBBON

It does not use the original Thinking Arts  CSS

It is based on a 960px canvas, fixed column sizes on a 8 x 120px grid with 18pt Leading


******************************************************************************/

@import url("helper.css");
@import url("alternative_master1.css");

body {	margin:0px; padding:0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; line-height: 18px; background-color: #CCCC99; }
p {font-size: 14px; line-height: 18px; color: #333333;}
ul li {font-size: 14px; line-height: 18px; color: #333333;}
a { color: #E43B22; text-decoration:none;}
/*  a:visited { color: #E43B22;} */
a:hover {background-color: #183160;}

h1, h2, h3 {color: #183160; font-weight: bold; margin: 2px 0px 2px 0px;}
h1 {font-size: 20px; line-height:24px; }
h2 {font-size: 16px; line-height:18px; }
h3 {font-size: 14px; line-height:18px; font-weight:bold;}

#main_wrap{	margin-left: 120px; width: 960px; background-color:#CCCCCC;}
#banner{ background: #183160; text-align:center;}
#content {	width: 700px;	float:left;	padding: 12px 00px;}
#sidebar {	width:200px;	float:left; padding: 12px 20px;}
#leftcol {	width: 460px;	float:left;	padding: 12px 0px;}
#rightcol {	width:460px;	float:right; padding: 12px 0px;}
#fullcol {	width: 960px;	float:left;	padding: 12px 0px;}
#submenu {	list-style:none;	margin-left: -40px;	padding:0px;}
#submenu li{	border-bottom: 1px solid #E43B22;	padding:5px 0px;}
#submenu li a{	color: #FF9C00;	text-decoration: none; font-weight:bold;}
#submenu li a:hover { background-color: #183169; text-decoration: none; }
#footer-old {clear:both;	height: 30px; margin-left: 20px; width: 920px;	border-top: 1px solid #E43B22;}
#footer {clear:both;	height: 60px; margin-left: 20px; width: 920px;	border-top: 1px solid #E43B22; text-align:center;}
#footer p {	font-size: 10px;	color: #666666;}
#footer a {color: #FF9C00; }
#footer a:active, a:hover { text-decoration: underline; background-color: #183160;}
.callme, .contact, .notice { font-size:12px; padding: 5px;margin-bottom:10px;border:1px solid #E43B22;}
.callme {background:#FFFFFF;color:#000000; text-align:center;}
.contact {background:#003333;color:#FFFFFF;}
.notice {background:#183160;color:#FF9C00; text-align:center;}

#pagetitle{ color: #E43b22; clear: both padding-left: 10px;} /* orange */
#LHSAdvert{ background:#183160; color:#E43B22; text-align:center; }/*  gold on navy */
#LHSAdvert p { color:#E43B22;}

#search_box{ float: right;	padding: 1em;}

/* Columnn S I Z E */
.one {width: 100px;}
.two {width: 210px;}
.three {width: 320px;}
.four {width: 430px;}
.five {width: 540px;}
.six {width: 650px;}
.seven {width: 760px;}
.eight {width: 870px;}


/*********************************
	Drop Down Horizontal Menu
	
IMPORTANT: The width solution below does not work for IE.
Instead change the widths in IE.css	
*********************************/
#MainMenuHorizOuter{ background-color: #183168; text-align: center; border-top: 1px solid #FF9C00;}

#MainMenuHoriz 
{	text-align: center; background-color: #183168;
	border-bottom: 0; border-top-style: none; border-bottom-style: none;	border-color:#FF9C00;
	margin-top:0;	padding: 0; visibility: visible; 	margin-left: 200px; margin-right: 0; 
	/* width: 550px; */
}
#MainMenuHoriz td{ background-color: #183168;}
#dropDownMenu {	/* margin-left: 17%; */ padding: 0;	margin:0;}
#dropDownMenu li {	margin: 0;padding: 0;list-style: none;float: left;font: bold 11px Tahoma;}
#dropDownMenu li a {display: block; margin: 0 1px 0 0;padding: 3px 3px;width: 100px;background: #183168;color: #FF9C00;text-align: center;	text-decoration: none}
#dropDownMenu li a:hover {	background: #CCCCCC;}
#dropDownMenu div {	position: absolute;	visibility: hidden;	margin: 0;	padding: 0;}
#dropDownMenu div a {position: relative;display: block;margin: 0;padding: 5px 4px;width: 98px;white-space: nowrap;text-align: left;	text-decoration: none;background:#183168;color: #FF9C00;	font: 11px Tahnoma;}
#dropDownMenu div a:hover{	background:#CCCCCC;	color: #FF9C00; text-decoration:underline;}

	
/*********************************
	No Script Horizontal Menu
*********************************/

#MainMenuHoriz_noscript {
	text-align: center; background-color: #183168; border-top: 1px solid #FF9C00;
	border-bottom: 0; border-bottom-style: none;
	margin-top:0;	padding: 0; visibility: visible; margin-right: 0; }
#noscript, #noscript table { margin:0; padding:0;}
#noscript td{ background-color: #183168; padding:10px; font-size: 11px; }
.noscript_separator{ color: #E43B22; }

/**.noscript_label{ color: silver; }**/

#noscript a:link, #noscript a:visited{ background:#183168; color:#FF9C00;}
#noscript a:active, #noscript a:hover{ color:FF9C00; }


/*********************************
	Accessibility
*********************************/


#accessibility{height: 20px; width: 960px;	margin-left: 20px;	font-size: 10px;color: #666666; }
#accessibility a:link, #accessibility a:visited { color: #404040;	text-decoration: underline;}
#accessibility a:active, #accessibility a:hover{ color:white; text-decoration: underline;}
.accessibilityLink {color: #404040;}
.accessibilityLinkSeparator{color: #404040;}


/*********************************
	Messages
*********************************/

#error{ background-color: maroon; color: white; margin-bottom: 10px;  text-align: center; }
#status{ color: #668CEF; margin-bottom: 10px; text-align: center; }
#welcome{ color: #668CEF; margin-bottom: 10px; text-align: center; }

/*********************************
	Headings and General Purpose
*********************************/

.stdText{ font-size: 14px;}
.centre{text-align: center;}
.bold { font-weight:bold;}

table{
	font-size: 10px;
}


.table-search-box-outer{
	background-color:#DDDDDD;
	width:100%;
	text-align:center;
	font-size: 12px;
}

.table-search-box{
	display: table;
	margin-left: auto; margin-right: auto; 
	
}

.control-settings{
	font-size:10px;
}

.highlight{color:#183160; }


.centreDivOuter{
	text-align: center;
	width: 100%;
}

.centreDiv{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.centreDivOuter{
	text-align: center;
	width: 100%;
}



/*********************************
	Forms
*********************************/

fieldset {padding: 0 5px 5px 5px; border: solid 1px #183160; font-size: 12px; margin: 10px;	}
fieldset a {font-size:12px; }
legend {padding: 5px; color: #183160;}
label {padding-right: 10px;	font-size: 11px; color:#333333;}
select {display: block;}
input {display: block;}
input.submit, input.submit-small, input.submit-very-small
	{display: inline;font-size: 12px;display:block; border:none; color:#183160;  background-color:#FF9C00;}
input.submit:hover, input.submit-small:hover, input.submit-very-small:hover { color: #FF9C00; background-color: #183160;}
input.submit	{width: 100px;	margin: 5px;padding: 3px}
input.submit-small { width: 60px;	margin: 5px;	padding: 3px}
input.submit-very-small { width: 25px;	margin: 5px; padding: 3px}

#field_set_buttons{ padding: 10px;	margin: 10px auto;}

/*********************************
Query Product, Review, News and Events
*********************************/

.product_detail{width:90%;}
.detailRecord {margin: 10px; display: table; width:90%;}
.detailRecord p {font-size: 12px; color:#333333;}
.detailRecordLine {font-size: 12px; color:#333333;} /* used in detail display of the Table */

.subQueryContent {padding: 10px 0 0 0; margin: 0; display: table;}
.subQueryContent h1{ font-size: 14px; margin-left: 0px; text-align:left;}
.query{ width:90%; text-align:center; }
/*
.queryLine{text-align:left; background-color: #666666;
			padding: 5px;margin-top: 0px;margin-bottom: 5px; margin-right: 5px;	margin-left: auto;	margin-right: auto;}
.queryLine p {font-size: 12px;  color:#CCCCCC;}
.queryLine table{ font-size: 12px; color:#CCCCCC;}
*/

.queryLine{text-align:left; background: none; border-bottom:1px solid #E43B22;	padding:5px 0px; }
.queryLine p {font-size: 12px;  color:#333333;}
.queryLine table{ font-size: 12px; color:#333333;}

.newsqueryLine{text-align:left; background: none; border-top:1px solid #E43B22;	padding:5px 0px; }
.galleryqueryLine{text-align:left; background: none;;
			padding: 10px;margin-top: 0px;margin-bottom: 10px;	margin-right: 10px;	margin-left: auto;	margin-right: auto;}

#reviewForm{
	text-align:center;
	margin: 10px auto;
	
}

#addreview{
	text-align:center;
}

#addReviewButton{
	display: table;
	margin: 10px auto;
}



/*********************************
Member AccountLogon and Security
*********************************/


#accountFunctionContainer{ display: table; margin: 10px auto; text-align:left; padding: 10px; width: 400px; }

#accountFunctionContainer h1{ color: #FF9C00; font-size:24px; margin-bottom:8px; }

#accountFunctionContainer a:link { color: #CC00CC; text-decoration: none;  font-size:14px; font-weight: bold; display:inline; }
#accountFunctionContainer a:visited { font-weight:normal; text-decoration: none; display:inline; }
#accountFunctionContainer a:hover { color: #FF9C00; background-color: #183160; display: inline; }
#accountFunctionContainer a:active { color: #FF9C00; background-color: #183160; display: inline; }

#newMembers{ margin-bottom: 30px; }

#logonPanel{ text-align:center; width: 90%; background-color:#DDDDDD;
	margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 10px;	}

.surnameSearch{ width: 100%; text-align:center; background-color: #EEEEEE; }	
.surnameSearchInner{ margin-left: auto; margin-right:  auto; display: table; }	

.memberNotes{ width: 100%; text-align:center; }
.memberNotesInner{ margin-left: auto; margin-right:  auto; display: table; }
.memberOrders{ width: 100%; text-align:center; margin-left: auto; margin-right:  auto; display: table;}
.memberOrderInformation{ background-color: #EEEEEE; }
#memberOrderDetail{ width:100%;}

.securityViolation{ width:100%; }


/*********************************
Shopping Cart and Order Processing
*********************************/
.caption {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	color: #40037F;
}

.order{
	width:100%;
}

.order td {
	font-size: 10pt;
	background-color :#EEEEEE;
	border-width: 1px; 
	border-style: solid; 
	border-color:white;

}
	
.order td.order-detail-heading{		
	font-size: 10pt;
	color: white;
	background-color : gray;
}


.order-detail-money{		
	font-size: 10pt;
	/* font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 	color: black; */
	
}

.checkout{
	width:100%;
}


.callback{
	width:100%;
	text-align:center;
}

.callback-inner{
	width:70%;
	margin-left: auto; margin-right: auto; 
	margin-top: 200px;
}


/*********************************
	JavaScript
*********************************/
.expanderPromptText{
	color:#404040 ;
	
}

/*********************************
	JavaScript
*********************************/

.threadDivOuter{
	text-align:center;
	width: 100%;
}

.threadDiv{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.threadItem{
	background-color: #DDDDDD;
}