/* ------------------------------------------------
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: Verdana, Arial, Helvetica, sans-serif;
}

/* type selectors */
BODY {
	margin:0px;
	padding: 0px;
	text-align: left;
}
/* MAIN TEXT DEFINITION */
.contentText {
	font-size: 12px;
	line-height: 17px;
	color: #707070;
}

H1 {
	font-size: 26px;
	color: #c12029;
	font-family: "Trebuchet MS", sans-serif, Verdana;
	line-height: 25px;
}
.blue {
	font-size: 22px;
	color: #003399;
	font-family: "Trebuchet MS", sans-serif, Verdana; 
	line-height: 30px;
}
.abstractTitle {
	font-size: 22px;
	color: #c12029;
	font-family: "Trebuchet MS", sans-serif, Verdana;
	line-height: 25px;
}
H2 {
    font-size: 22px;
	font-family: "Trebuchet MS", sans-serif, Verdana; 
    color: #003399;
    font-weight: 300;
	line-height: 24px;
}

H3 {
	font-size: 14px;
	line-height: 14px;
	color: #003399;
	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;
}
/* Links */
A:link, A:visited {
	color: #c12029;
	font-size: 12px;
	text-decoration: underline;
}
A:hover, A:active {
    color: #FF3333; /*#0000cc;*/
	font-size: 12px;
	text-decoration: underline;
}
.borderBlue_bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
}
/* RED BOLD LINKS */
A.bold:link, A.bold:visited {
	color: #c12029;
	font-size: 12px;
	font-weight:bold;
	text-decoration: underline;
}
A.bold:hover, A.bold:active {
    color: #FF3333; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: underline;
}
.noPadding {
	margin:0px;
	padding:0px;
}

/* CLEAR CLASS */
.clear {
	clear: both;
}
.blackText14 {
color: #000000;
font-size: 14px;
}
.boldRed {
	font-size: 12px;
	color: #c12029;
	font-weight: bold;
	line-height: 18px;
}
.borderAll {
	border: 1px solid #c12029;
}
.boldBlue {
	font-size: 12px;
	color: #003399;
	font-weight: bold;
	line-height: 18px;
}
.simple12 {
	font-size: 12px;
	color: #c12029;
	font-family: "Trebuchet MS", sans-serif, Verdana;
	line-height: 18px;
}
.simple20 {
	font-size: 20px;
	color: #c12029;
	font-family: "Trebuchet MS", sans-serif, Verdana;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
}
.lgYellow {
	font-size: 18px;
	color: #fcff1c;
	font-family: "Trebuchet MS", sans-serif, Verdana;
	line-height: 22px;
}
.reference {
font-size: 11px;
}
.none {
list-style:none;
}
.alert {
color:#FF0000;
}
/* ---------------------------------------------- */
/* LAYOUTS */
#wrapper {
    width: 998px;
	vertical-align:top;
    text-align: left;
    position: relative;
}
/* -------------------------------------------- */
/* BEGIN PAGE HEADER AREA AND CONTENT */
#branding {
	width: 998px;
	height:158px;
	vertical-align:top;
	margin-top:5px;
	margin-left:5px;
}
/* -------------------------------------------- */
/* Header Logo Home Page Link */
#logoLink {
	float:left;
	position: relative;
	display: block;
	width: 257px;
	height:158px;
	margin-top: 10px;
}
#logoLink a.logolink:link, a.logolink:visited {
	display: block;
	width: 257px;
	height:158px;
	display: block;
	float: left;
}
#logoLink a.logolink:hover, a.logolink:active {
	display: block;
	width: 257px;
	height:158px;
	display: block;
	float: left;
}
#logoLink img {
	width: 257px;
	height:158px;
	border: 0;
}
		/* end header logo link */


.topNavBar {
	float:right;
	width: 570px;
	height: 20px;
	text-align: right;
	position: relative;
	margin-right: 140px;
	vertical-align: top;
	margin-top: 10px;

}
* HTML .topNavBar {
	float:right;
	width: 570px;
	text-align: right;
	position: relative;
	margin-right: 140px;
	margin-top:12px;
	vertical-align: bottom;
}
/* -------------------------------------------- */
/* primary Nav Bar */
.primaryNavBar {
	float:right;
	width: 741px;
	height: 40px;
	position: relative;
	margin-top: 16px;
	background-image: url(../images/piping.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}

* HTML .primaryNavBar {
	float:right;
	width: 741px;
	height: 40px;
	position: relative;
	margin-top: 4px;
	background-image: url(../images/piping.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

/* primary level 1 navigation */
#navBarLevel1 {
	width: 700px;
	height: 40px;
	text-align: left;
	position: relative;
	margin-top:11px;

}
#navBarLevel1 A.primary:link, A.primary:visited {
	color: #c12029;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	margin-right: 20px;
	margin-left: 20px;
}
#navBarLevel1 A.primary:hover, A.primary:active {
    color: #FF3333; /*#0000cc;*/
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	margin-right: 20px;
}
/* PRIMARY2 = EXTRA MARGIN LEFT */
#navBarLevel1 A.primary2:link, A.primary2:visited {
	color: #c12029;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	margin-right: 20px;
	margin-left: 20px;
}
#navBarLevel1 A.primary2:hover, A.primary2:active {
    color: #FF3333; /*#0000cc;*/
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	margin-right: 20px;
	margin-left: 20px;
}


/* -------------------------------------------- */
#contentWrap {
	float:left;
	width: 998px;
	text-align: left;
	position: relative;
	vertical-align: top;
	margin-top:10px;

}

#homeContentWrap {
	float:left;
	width: 998px;
	text-align: left;
	position: relative;
	vertical-align: top;
}
#leftContentCol {
	float:left;
	width:522px;
	vertical-align:top;
	text-align:left;
	position:relative;
	margin-left: 100px;
	
}
* HTML #leftContentCol {
	float:left;
	width:490px;
	vertical-align:top;
	text-align:left;
	margin-left: 50px;
}
#rightContentCol {
	float:right;
	width:273px;
	vertical-align:top;
	text-align:left;
	min-height:400px;
	margin-right: 100px;
}
* HTML #rightContentCol {
	margin-right: 50px;
	width:260px;
}
/* ------------------------------------------------- */
/* RIGHT BAR BOX AND FADES */

.rightBar500 {
	float:right;
	background-image: url(../images/redbar_220x500.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:500px;
	width: 220px;
	position:relative;
}
* HTML .rightBar500 {
	padding-bottom:500px;
}
.rightBar550 {
	float:right;
	background-image: url(../images/redbar_220x550.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:550px;
	width: 220px;
	position:relative;
}
* HTML .rightBar550 {
	padding-bottom:550px;
}
.rightBar600 {
	float:right;
	background-image: url(../images/redbar_220x600.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:600px;
	width: 220px;
	position:relative;
}
* HTML .rightBar600 {
	padding-bottom:600px;
}
.rightBar650 {
	float:right;
	background-image: url(../images/redbar_220x650.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:650px;
	width: 220px;
	position:relative;
}
* HTML .rightBar650 {
	padding-bottom:650px;
}
.rightBar700 {
	float:right;
	background-image: url(../images/redbar_220x700.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:700px;
	width: 220px;
	position:relative;
}
* HTML .rightBar700 {
	padding-bottom:700px;
}
.rightBar750 {
	float:right;
	background-image: url(../images/redbar_220x750.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:750px;
	width: 220px;
	position:relative;
}
* HTML .rightBar750 {
	padding-bottom:750px;
}
.rightBar800 {
	float:right;
	background-image: url(../images/redbar_220x800.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:800px;
	width: 220px;
	position:relative;
}
* HTML .rightBar800 {
	padding-bottom:800px;
}
.rightBar850 {
	float:right;
	background-image: url(../images/redbar_220x850.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:850px;
	width: 220px;
	position:relative;
}
* HTML .rightBar850 {
	padding-bottom:850px;
}
.rightBar900 {
	float:right;
	background-image: url(../images/redbar_220x900.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:900px;
	width: 220px;
	position:relative;
}
* HTML .rightBar900 {
	padding-bottom:900px;
}
.rightBar950 {
	float:right;
	background-image: url(../images/redbar_220x950.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:950px;
	width: 220px;
	position:relative;
}
* HTML .rightBar950 {
	padding-bottom:950px;
}
.rightBar1000 {
	float:right;
	background-image: url(../images/redbar_220x1000.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:1000px;
	width: 220px;
	position:relative;
}
* HTML .rightBar1000 {
	padding-bottom:1000px;
}
.rightBar1100 {
	float:right;
	background-image: url(../images/redbar_220x1100.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:1100px;
	width: 220px;
	position:relative;
}
* HTML .rightBar1100 {
	padding-bottom:1100px;
}
.rightBar1150 {
	float:right;
	background-image: url(../images/redbar_220x1150.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:1150px;
	width: 220px;
	position:relative;
}
* HTML .rightBar1150 {
	padding-bottom:1150px;
}
.rightBar1200 {
	float:right;
	background-image: url(../images/redbar_220x1200.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:1200px;
	width: 220px;
	position:relative;
}
* HTML .rightBar1200 {
	padding-bottom:1200px;
}
.rightBar1300 {
	float:right;
	background-image: url(../images/redbar_220x1300.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:1300px;
	width: 220px;
	position:relative;
}
* HTML .rightBar1300 {
	padding-bottom:1300px;
}
.rightBar1400 {
	float:right;
	background-image: url(../images/redbar_220x1400.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:1400px;
	width: 220px;
	position:relative;
}
* HTML .rightBar1400 {
	padding-bottom:1400px;
}
/* ------------------------------------------------- */
/* RIGHT BAR PICTURE BOXES */

.picBoxText {
	font-size: 18px;
	color: #ffffff;
	font-family: "Trebuchet MS", sans-serif, Verdana;
	line-height: 22px;
	font-weight: 400;
	padding-left: 65px;
	padding-right: 50px;
	padding-top: 50px;
	text-align:center;
}
.toolsSubBox {
	background-image: url(../images/onlineTools_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	width: 511px;
	padding-top: 25px;
	padding-left:195px;
	margin-left: 10px;
}
* HTML .toolsSubBox {
	float:left;
	background-image: url(../images/onlineTools_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 144px;
	width: 312px;
	margin-left:10px;
}
.successSubBox {
	background-image: url(../images/success_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	width: 511px;
	padding-top: 25px;
	padding-left:195px;
	margin-left: 15px;
}
* HTML .successSubBox {
	float:left;
	background-image: url(../images/success_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 144px;
	width: 312px;
	margin-left:0px;

}
.colleagues {
	margin-top: 280px;
	padding: 15px;
	text-align: center;
}
.arrowBulletLinks LI {
	list-style-position: outside;
	list-style-image: url(../images/arrow.jpg);
}
.arrowBullets LI {
	list-style-position: outside;
	list-style-image: url(../images/arrow.jpg);
	line-height: 18px;
	padding-bottom:5px;
}
.arrowBullets2 LI {
	list-style-position: outside;
	list-style-image: url(../images/arrow.jpg);
	line-height: 18px;
	padding-bottom:5px;
}
#arrowBullets3 LI {
	list-style:circle;
	line-height: 18px;
	color: #c12029;
}
.newsBorder {
	border: 1px solid #000099;
	padding-right: 15px;
	padding-left: 15px;
}
/* -------------------------------------------- */
/* bottom bar */
#bottomBar {
	background-color: #ffffff;
	width: 750px;
	height: 25px;
	border: 1px solid #c12029;
	margin-left: 120px;
	margin-top:35px;
	margin-bottom:35px;
	text-align:center;
	vertical-align: middle;
	padding-top: 13px;
}
#bottomBar A.bottomLink:link, A.bottomLink:visited {
	color: #c12029;
	font-size: 12px;
	text-decoration: none;
	margin-right: 15px;
	margin-left: 15px;
}
#bottomBar A.bottomLink:hover, A.bottomLink:active {
    color: #FF3333; /*#0000cc;*/
	font-size: 12px;
	text-decoration: underline;
	margin-right: 15px;
	margin-left: 15px;
}

/* copyright */
.copyright
{
	COLOR: #999;
	padding-bottom:20px;
}



/* end of CSS file. */