/* ------------------------------------------------
Basic Style Sheet for Blue Mountain Landscape Supplies website

version:    1.0  (04-24-2007)
author:     J.Trail
website:    http://www.trailassociates.com/
------------------------------------------------- */


HTML {
	margin: 0px;
	padding: 0px;
	color:  #000000; /*black*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* type selectors */
BODY {
	margin:0px;
	padding: 0px;
	text-align: left;
}
/* sample only 
.contentTitle {
    color: #212d64;
	font-size: 14px;
	font-weight:bold;
	c41130
}
*/
H1 {
    font-size: 22px;
    color: #000d4c;
   margin-top: 5px;
}

H2 {
    font-size: 20px;
    color: #000d4c;
    font-weight: 300;
}

H3 {
	font-size: 14px;
	line-height: 14px;
	color: #000d4c;
	font-weight: bold;
}
H4 {
	font-size: 12px;
	line-height: 12px;
	color: #000033;
	font-weight: bold;
}

hr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 950px;
	height:1px;
	margin-left: 15px;
}
.noPadding {
	margin:0px;
	padding:0px;
}

/* CLEAR CLASS */
.clear {
	clear: both;
}
.whiteText {
	color: #FFFFFF;
}
.bold12pxblue {
	font-size: 12px;
	color: #000d4c; /*#0054a6*/
	font-weight: bold;
}
.bold14pxblue {
	font-size: 14px;
	color: #000d4c;
	font-weight: bold;
}
.bold16pxblue {
	font-size: 16px;
	color: #000d4c;
	font-weight: bold;
}
.bold12pxred {
	font-size: 12px;
	color: #690020;
	font-weight: bold;
}
.bold14pxred {
	font-size: 14px;
	color: #690020;
	font-weight: bold;
}
.bold20pxred {
	font-size: 20px;
	color: #690020;
	font-weight: bold;
}
.bold24pxred {
	font-size: 24px;
	color: #690020;
	font-weight: bold;
}
/* ---------------------------------------------- */
/* LAYOUTS */
#wrapper {
    width: 998px;
	vertical-align:top;
    text-align: left;
    position: relative;
}
/* -------------------------------------------- */
/* BEGIN PAGE HEADER AREA AND CONTENT */
#branding {
	width: 998px;
	height:107px;
	vertical-align:top;
	margin-top:5px;
	margin-left:5px;
}
#branding2 {
	width: 998px;
	height:107px;
	vertical-align:top;
	background-image: url(../images/newheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* -------------------------------------------- */
/* Header Logo Home Page Link */
#logoLink {
	float:left;
	position: relative;
	display: block;
	width: 330px;
	height:107px;
}
#logoLink a.logolink:link, a.logolink:visited {
	display: block;
	width: 330px;
	height:107px;
	display: block;
	float: left;
}
#logoLink a.logolink:hover, a.logolink:active {
	display: block;
	width: 330px;
	height:107px;
	display: block;
	float: left;
}
#logoLink img {
	width: 330px;
	height:107px;
	border: 0;
}
		/* end header logo link */
/* -------------------------------------------- */
/* right side header box and content */
.headerBox2 {
	float:right;
	width: 500px;
	height: 105px;
	position: relative;
	vertical-align:top;
	text-align:right;
	margin-right: 15px;
	background-image: url(../images/anyquestions.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#topNav {
	float: right;
	width: 500px;
	height: 25px;
	position: relative;
	vertical-align:top;
	text-align:right;
	margin-top:3px;
}
#topNav A.top:link, A.top:visited {
	color: #000d4c;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#topNav A.top:hover, A.top:active {
    color: #690020; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.adSpace {
	float: right;
	margin-right:15px;
	margin-bottom:5px;
}
/* end header box content */


/* -------------------------------------------- */
.navWrap {
	float:left;
	vertical-align:top;
	text-align:left;
	margin:0;
}

/* primary level 1 navigation */
#navBarLevel1 {
	float:left;
	width: 983px;
	height: 18px;
	text-align: left;
	vertical-align:bottom;
	position: relative;
	background-color: #000d4c;
	padding-top:5px;
	padding-left:15px;
}
#navBarLevel1 A.primary:link, A.primary:visited {
	color: #ffffff;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#navBarLevel1 A.primary:hover, A.primary:active {
    color: #7bd7fd; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}

/* -------------------------------------------- */
/* home page ribbon area */
#mainMastHead{
	width: 998px;
	height:252px;
	vertical-align:top;
	text-align:center;
}
/* ribbon - main ad area  */
#mainAdArea {
	width:260px;
	height: 100px;
	float: right;
	position: relative;
	vertical-align:top;
	text-align:right;
	padding-right: 60px;
}
#mainAdArea A.ads:link, A.ads:visited {
	color: #ffffff;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#mainAdArea A.ads:hover, A.ads:active {
    color: #ff0000; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#wallsMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/walls-wallstone-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#paversMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/pavers-edging-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#stoneMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/stone-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#steppersMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/tiles-steppers-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bordersMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/borders-accents-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sandsoilMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/sand-soil-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#mulchesMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/mulch-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#erosionMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/erosion-control-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#belgardMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/belgard-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#anchorMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/anchor-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bradstoneMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/bradstone-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#grinnellMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/grinnell-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rinoxMastHead{
	width: 998px;
	height:141px;
	vertical-align:top;
	text-align:center;
	background-image: url(../images/rinox-masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* primary level 2 navigation */
#navBarLevel2 {
	float:left;
	width: 983px;
	height: 26px;
	text-align: left;
	vertical-align:bottom;
	position: relative;
	padding-top:3px;
	padding-left:15px;
	background-image: url(../images/vendorbar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#navBarLevel2 A.primary:link, A.primary:visited {
	color: #ffffff;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#navBarLevel2 A.primary:hover, A.primary:active {
    color: #ff8f6d; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
/* -----------------------------------------*/
/* events  */

#leftContentCol {
	float:left;
	width:650px;
	vertical-align:top;
	text-align:left;
	margin-left:15px;
}
#rightContentCol {
	float:right;
	width:304px;
	vertical-align:top;
	text-align:left;
	background-color: #e5e6ed;
	min-height:400px;
}

  
/* event news  */
.specialsNews {
	width:250px;
	position: relative;
	vertical-align:top;
	padding-left:15px;
	padding-top: 15px;
}

.specialNewsCol1 {
	float:left;
	width:50px;
}
.specialNewsCol2 {
	float:left;
	width:195px;
}




.specialsNews IMG{
	margin-right: 5px;
 	border: 1px solid #003366;
}
.specialsNews A.newsTitle:link, A.newsTitle:visited {
	color: #212d64;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.specialsNews A.newsTitle:hover, A.newsTitle:active {
    color: #3071b3; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.newsDesc {
	color: #666666;
}
.specialsNews A.download:link, A.download:visited {
	color: #690020;
	font-size: 12px;
	text-decoration: underline;
}
.specialsNews A.download:hover, A.download:active {
    color: #ff0000; /*#0000cc;*/
	font-size: 12px;
	text-decoration: underline;
}

.sale { 
	color: #690020;
	font-weight: bold;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
}

A.salelink:link, A.salelink:visited, A.salelink:hover, A.salelink:active{
	color: #690020;
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
}

.addressTitle {
	width:250px;
	position: relative;
	vertical-align:top;
	padding-left:15px;
	padding-top: 15px;
	font-size: 120%;
	color: #000d4c;
	font-weight: bold;
}
.addressText {
	width:250px;
	position: relative;
	vertical-align:top;
	padding-left:15px;
	padding-top: 3px;
}



#imageAccents {
	float:left;
	width:630px;
	vertical-align:top;
	text-align:left;
	margin-left:15px;
}
.leftAccentCol {
	float:left;
	width:228px;
	vertical-align:top;
	text-align:left;
	margin-top:15px;
}
.rightAccentCol {
	float:left;
	width:400px;
	vertical-align:top;
	text-align:left;
	margin-top:15px;
}

.imageAccentsRow {
	float:left;
	width:400px;
	vertical-align:top;
	text-align:left;
	margin-left:10px;
	padding-bottom:5px;
}
.accentBox1 {
	float:left;
	padding-right:5px;
}
.accentBox2 {
	float:left;
}

.accentBox3 {
	float:left;
	padding-right:5px;
}

.accentBox4 {
	float:left;
}

.leftVendorCol {
	float:left;
	width:228px;
	vertical-align:top;
	padding-left:20px;
	margin-top: 10px;
}
.rightVendorCol {
	float:left;
	width:350px;
	vertical-align:top;
	text-align:left;
}
.leftVendorCol2 {
	float:left;
	width:340px;
	vertical-align:top;
	text-align:left;
	margin-left:18px;
}
.rightVendorCol2 {
	float:left;
	width:228px;
	vertical-align:top;
	text-align:right;
	margin-top: 10px;
}
.vendorComment {
	line-height: 200%;
	font-size: 13px;
	color: #666666;
	font-style: italic;
}





.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
a.footer:link
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.footer:active
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.footer:visited
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.footer:hover
{
	color: #d6d6d6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

/* -------------------------------------------- */
/* bottom bar */
#bottomBar {
	clear:both;
	background-color: #000d4c;
	width: 998px;
	height: 18px;
}

#level2Content {
	width: 1000px;
	vertical-align:top;
	margin:10px;
	text-align:center;
}

#contentAreaFull {
	width: 630px;
	float:left;
	vertical-align:top;
	text-align:left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left:15px;
}

#contentArea1 {
	width: 300px;
	float:left;
	vertical-align:top;
	text-align:left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left:15px;
}
.contentDetails {
	color: #999999;
	font-size:12px;
	font-weight:bold;
}
.regDeadline {
	color: #c41130;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}
.eventLineup {
	vertical-align:top;
	margin-bottom: 15px;
}
.eventSpecials {
	vertical-align:top;
}
.eventInfoWrap {
	vertical-align:top;
	margin-bottom:25px;
}
#contentArea2 {
	width: 300px;
	vertical-align:top;
	float:left;
	text-align:left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

/* ----------------------------------------------- */
/* FOOTER */
#footer
{
	clear:both;
	position:relative;
	vertical-align: bottom;
	margin-top:5px;
	margin-bottom:5px;
}
#TAfooter
{
	clear:both;
	position:relative;
	vertical-align: bottom;
	text-align:center;
}
#footcontent
{
	WIDTH: 998px;
	float:left;
	COLOR: #555;
	vertical-align:middle;
}
.footlinks
{
	position:relative;
	width:180px;
	float:left;
	padding-bottom: 5px;
	margin-left: 10px;
}
.copyright
{
	position:relative;
	width:350px;
	float:right;
	margin-right: 15px;
	COLOR: #999;
	padding-bottom: 5px;
}
#footcontent A.foot:link, A.foot:visited {
	color: #666666;
	font-size: 12px;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
	font-weight:bold;
}
#footcontent A.foot:hover, A.foot:active {
    color: #999999;
	font-size: 12px;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
	font-weight:bold;
}

/* end of CSS file. */