/*******************************************************************************
STYLE SHEET FOR VANDERCRAFT  BOAT MART WEBSITE  15 January 2010   BARRY MCGIBBON

It does not use the original Thinking Arts  CSS

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

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

body {	margin:0px; padding:0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 1em; line-height: 1.2em; background-color: #E8EEBA; }
p {font-size: 1em; line-height: 1.2em; color: #3D3F8F;}
ul li {font-size: 1em; line-height: 1.2em; color: #3D3F8F;}
a { color: #6E00D2; text-decoration:none;}
a:hover {color: #8386F1; background-color: #6E00D2; border-bottom: 1px dotted #3D3F8F;}

h1, h2, h3 {color: #72825A; font-weight: bold; margin: 2px 0px 2px 0px;}
h1 {color: #6E00D2; text-align: center; font-size: 28px; line-height:32px; }
h2 {color: #6E00D2; font-size: 16px; line-height:18px; }
h3 {color: #6E00D2; font-size: 14px; line-height:18px; font-weight:bold;}

#main_wrap{	margin-left: 120px; width: 960px; background-color:#E8EEBA;}
#banner{ background: #6E00D2;}
.site_name {display: inline; font-size:72px; display:block; width: 400px; }
.site_name a { color: #FFFFFF;}
.site_name a:hover {color: #8386F1; background-color: #6E00D2; border:none; width: 400px; }

#content {	width: 800px;	float:left;	padding: 12px 0px 0px 150px;}
#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;}

#footer-old {clear:both;	height: 30px; margin-left: 20px; width: 900px;	border-top: 1px solid #E43B22;}
#footer {clear:both;	height: 60px; margin-left: 20px; width: 900px;	border-top: 1px solid #6E00D2; text-align:center;}
#footer p {	font-size: 10px;	color: #3D3F8F;}
#footer a {color: #8386F1; }
#footer a:active, a:hover { color: #8386F1; background-color: #6E00D2; border-bottom: 1px dotted #3D3F8F; }

.left_margin { margin-left: 200px; }

.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: #8386F1; clear: both padding-left: 10px;} 
#LHSAdvert{ background:#72825A; color:#E43B22; text-align:center; }
#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;}

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

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

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

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

table{font-size: 14px; color:#3D3F8F;}
.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 #72825A; font-size: 12px; margin: 10px;	}
fieldset a {font-size:12px; }
legend {padding: 5px; color: #72825A;}
label {padding-right: 10px;	font-size: 12px; color:#72825A;}
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:#FFFFFF;  background-color:#72825A;}
input.submit:hover, input.submit-small:hover, input.submit-very-small:hover { color: #3D3F8F; background-color: #BFD19F;}
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;}

.label {padding-right: 10px; font-size: 12px; color:#72825A;}


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

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

.detaillabel {padding-right: 10px;	font-size: 12px; color:#72825A; text-align:right;}


.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: none; border-bottom:1px solid #6E00D2;	padding:5px 0px; }
.queryLine p {font-size: 14px;  color:#3D3F8F;}
.queryLine table{ font-size: 14px; color:#3D3F8F;}

.advertqueryLine table{ color:#3D3F8F; text-align:left; background: none; border-top:1px solid #6E00D2;	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;}

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

.securityViolation{ width:100%; }


/*********************************
Shopping Cart and Order Processing
*********************************/
/*********************************
	JavaScript
*********************************/
.expanderPromptText{
	color:#404040 ;
	
}

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

/********************************
         Pseudo Buttons
*********************************/

.big_button { display: inline; font-size:28px; line-height:32px; text-align:center; display:block; 
	color:#FFFFFF; width: 180px;  }
.big_button a { color: #6E00D2; background-color: #8386F1; }
.big_button a:hover { color: #8386F1; background-color: #6E00D2; border:none; width: 180px; }

.medium_button { display: inline; font-size:12px; line-height:24px; text-align:center; display:block; 
	color:#FFFFFF; background-color:#72825A; width: 100px;  }
.medium_button a {color: #FFFFFF; background-color: #72825A; }
.medium_button a:hover {color: #3D3F8F; background-color: #BFD19F; border:none; width: 100px; }

.long_button { display: inline; font-size:12px; line-height:24px; text-align:center; display:block; 
	color:#FFFFFF; background-color:#72825A; width: 150px;  }
.long_button a {color: #FFFFFF; background-color: #72825A; }
.long_button a:hover {color: #3D3F8F; background-color: #BFD19F; border:none; width: 150px; }