﻿body 
{
	background-color: #d4d4d4;
	font-family: Arial;
	font-size: 12px;
	color: #0d1959;
}

a
{
	text-decoration: none;
	color: navy;
}
a:hover
{
	text-decoration: underline;
}
#pageWrap
{
	width: 756px;
	margin-left: auto;
	margin-right: auto;	
	background-color: White;
	border: solid 2px #0d1959;
}
#logo
{
	float: left;
	background-image: url(../images/logo.jpg);
	width: 489px;
	height: 70px;
	background-repeat: no-repeat;
}
#phoneBG
{
	float: left;
	background-image: url(../images/phone_bg.jpg);
	width: 267px;
	height: 70px;
	background-repeat: no-repeat;
}
.requestText
{
	padding: 15px 0px 0px 0px; 
	font-weight: bold;
	text-align: center;
}
.phone
{
	font-size: 24px
}
#bodyBG
{
	float: left;
	background-image: url(../images/body_bg.jpg);
	width: 756px;
	background-repeat: repeat-y;
}
#leftColumn
{
	width: 189px;
	clear: both; 
	float: left;
}
#bodyColumn
{
	float: left; 
	width: 567px;
}
#welcomeBox
{
	background-image: url(../images/welcome_box.jpg);
	width: 189px;
	height: 257px;
	background-repeat: no-repeat;
}
.welcomeStatement
{
	padding: 110px 5px 0px 10px;
	color: white;
	line-height: 17px;
}
.blueRightBorder
{
	border-right: solid 2px #0d1959;
}
.partnerHeader
{
	height: 19px;
	color: White;
	padding: 5px 5px 5px 10px;
	background-color: #0d1959;
	border-bottom: solid 3px #fcd82a;
	font-weight: bold;
	font-size: 16px;
}
.realtreeBox
{
	height: 190px;
	vertical-align: middle;
	font-size: 0px;
}
.login
{
	padding: 10px 5px 10px 10px;	
	height: inherit;
}
#menuBG
{
	background-image: url(../images/menu_bg.jpg);
	height: 33px;
	background-repeat: repeat;
	border-top: solid 2px #bfbfbf;
}
#buildingPic
{
	clear: both; 
	font-size: 0px;
}

.narrowColumns
{
	float: left; 
	border-right: solid 2px #0d1959; 
	width: 188px;
	background-image: url(../images/box_bg_gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.narrowColumns img
{
	border-bottom: solid 2px #0d1959; 
	border-top: none;
	border-left: none;
	border-right: none;
}
.yellowHeader
{
	
	height: 19px;
	color: #0d1959;
	padding: 5px 5px 5px 10px;
	background-color: #fcd82a;
	border-bottom: solid 3px #0d1959;
	font-weight: bold;
	font-size: 16px;
}
.narrowTextArea
{
	
	padding: 10px 5px 10px 10px;
	line-height: 20px;
}
.narrowTextArea a
{
	font-weight: bold;
	text-decoration: none;
	color: #0d1959;
}
.narrowTextArea a:hover
{
	text-decoration: underline;
}
.btnLogin
{
	float: right;
	margin-right: 9px;
	border: solid 1px #0d1959;
	cursor: pointer;
	width: 75px;
}
.labelArea
{
	text-align: center; 
	padding-top: 5px;
	clear: both;
}
.brandsArea
{
	clear: both;
	border-bottom: solid 2px #0d1959;
}
.brandsHeader
{
	height: 16px;
	color: White;
	padding: 5px 0px 5px 0px;
	background-color: #0d1959;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.brands
{
	padding: 10px;
}
.brands img
{
	padding-right: 13px;
	vertical-align: middle;
	border: none;
}
#footer
{
	padding: 5px 0px 5px 10px;
	font-size: 10px;
	color: #4c4c4c;
}
#footer a
{
	color: #4c4c4c;
	text-decoration: none;
}
.style1
{
	color: #fbd72a; 
	font-weight: bold; 
	font-size: 14px;
}
.style2 
{
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
.bodyContent
{
	padding: 10px;
}
.pageTitle
{
	font-size: 16px; 
	font-weight: bold; 
	border-bottom: solid 2px #fcd82a;
}
.subPageTitle
{
	clear: both;
	font-size: 16px; 
	font-weight: bold; 
	border-bottom: solid 2px #cecece;
}
.contactTitle
{
	color: #333333; 
	font-weight: bold; 
	font-size: 14px;
	padding-top: 7px;
}
.contactName
{
	width: 150px; 
	font-weight: bold;
	border-bottom: solid 1px #fcd82a;
	vertical-align: top;
}
.email
{
	border-bottom: solid 1px #fcd82a;
	padding-bottom: 7px;
	text-align: right;
	vertical-align: top;
}

/*!!!!!!!!!!! Site Map !!!!!!!!!!!!!*/
.leftColumn
{
	width: 350px;
	float: left;
	padding-left: 20px;
}
.rightColumn
{
	width: 350px;
	float: left;
}
.siteMapHeader
{
	text-transform: capitalize;
	font-weight: bold;
	padding-top: 10px;
	font-size: 13px;
}
.siteMapLinks
{
	padding-left: 10px;
	display: list-item;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 3px;
	padding-bottom: 7px;
}
.siteMapLinks a
{
	color: Blue;
	text-decoration: none;
}
.siteMapLinks a:hover
{
	text-decoration: underline;
}
/*!!!!!!!!!!! American Business !!!!!!!!!!!!!*/
.americanImage
{
	text-align: center; 
	padding-top: 15px; 
	padding-bottom: 15px;
}
.linkArea
{
	line-height: 20px; 
	font-weight: bold;
}
.linkArea ul
{
	padding-left: 15px; 
	margin-left: 15px; 
	margin-top: 0px; 
	margin-bottom: 0px;
}
.logoutArea
{
	padding-top: 10px; 
	padding-bottom: 20px;
}
.table
{
	text-align: center;
	margin-bottom: 15px;
}
.table td
{
	width: 100px;
	height: 25px;
	
}
.sampleTitle
{
	text-align: center;
	padding-top: 3px;
	color: #4c4c4c;
}
.sampleTable img
{
	border: solid 1px #888888; 
	padding: 3px;
}
.sampleTable td
{
	text-align: center;
}
.sampleTable2 img
{ 
	padding: 3px;
}
.sampleTable2 td
{
	text-align: center;
}
/*!!!!!!!!!!! Products !!!!!!!!!!!!!*/
.tdImage
{
	border-bottom: solid 1px #fcd82a; 
	width: 190px; 
	vertical-align: middle; 
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.tdImage img
{
	padding-right: 5px;
}
.tdProduct
{
	vertical-align: top; 
	border-bottom: solid 1px #fcd82a; 
	padding-bottom: 10px;
	padding-top: 10px;
}
.productName
{
	font-weight: bold; 
	padding-bottom: 10px; 
	font-size: 13px;
}
.productName a
{
	color: navy;
}
.tdImageDetail
{
	width: 225px; 
	vertical-align: top; 
	text-align: right;
	padding-bottom: 10px;
	padding-top: 5px;
}
.tdProductDetail
{
	vertical-align: top; 
	padding-bottom: 10px;
	padding-top: 5px;
}
.productNameDetail
{
	font-weight: bold; 
	padding-bottom: 10px; 
	font-size: 14px;
}
.button
{
	float:left;
	border: outset 2px #e0dedc;
	text-align: center;
	padding:3px 10px 3px 10px;
	background-color: silver;
	color: black;
	font-size: 12px;
}
.leftPageTitle
{
	float:left; 
	padding-top: 5px;
}
.rightButtonArea
{
	float:right; 
	padding-top: 3px;
}
.rightButtonArea a
{
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: underline;
	color: #4c4c4c;
}
.rightButtonArea a:hover
{
	text-decoration: none;
}
/*!!!!!!!!!!! RealTree !!!!!!!!!!!!!*/
.realtreeBG
{
	background-image: url(../images/realtree_background.jpg);
	width: 567px;
}
.realTreeContents
{
	padding: 55px 90px 10px 90px;
	text-align: justify;
}
.realtreeHeader
{
	text-align: center;
}
.Realtreebutton
{
	border: solid 1px #0d1959;
	cursor: pointer;
	width: 195px;
	padding: 3px 0px 3px 0px;
	
}
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear
{
	font-size: 1px;
	height: 0px;
	width: 0px;
	clear: left;
	line-height: 0px;
	display: block;
}
.qmmc
{
	position: relative;
}
.qmmc a
{
	float: left;
	display: block;
	white-space: nowrap;
}
.qmmc div a
{
	float: none;
}
.qmmc div
{
	visibility: hidden;
	position: absolute;
}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


/* Remove the comments bleow for vertical mains and change the false value to
           true in the qm_create function after the menus structure. */
/*.qmmc a {float:none}*/



/*"""""""" (MAIN) Container """"""""*/
#qm0
{
	float: right;
	background-color: Transparent;
	margin: 0px 0px 0px 0px;
	z-index: 10 !important;
}


/*"""""""" (MAIN) Items """"""""*/
#qm0 a
{
	color: #ffffff;
	background-color: transparent;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 20px 7px 20px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 0px 0px 1px; 
}


/*"""""""" (MAIN) Hover State """"""""*/
#qm0 a:hover
{
	color: #fcd82a;
	text-decoration: none;
}


/*"""""""" (MAIN) Active State """"""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
	color: #fcd82a;
	text-decoration: none;
}


/*"""""""" (MAIN) Parent Items """"""""*/
#qm0 .qmparent
{
	/*background-image:url(images/bullet_white_down.gif);*/
	background-repeat: no-repeat;
	background-position: 92%;
}




/*"""""""" [SUB] Containers """"""""*/
#qm0 div
{	
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #0d1959;
}


/*"""""""" [SUB] Items """"""""*/
#qm0 div a
{
	font-size: 12px;
	color: #0d1959;
	font-weight: bold;
	border-width: 0px 0px 0px 4px;
	border-color: #0d1959;
	border-style: solid;
	padding: 3px 20px 3px 5px;
}

/*"""""""" [SUB] Hover State """"""""*/
#qm0 div a:hover
{
	border-color: #fcd82a;
	text-decoration: none;
	color: #0d1959;
}

#qm0 div div
{
	margin: 0px 0px 0px 3px;
}

/*""""""""[SUB] Active State """"""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
	border-color: #75B1C2;
	text-decoration: underline;
	background-image: url(images/template2_black_arrow_right.gif);
}


/*"""""""" [SUB] Parent Items """"""""*/
#qm0 div .qmparent
{
	background-image: url(images/template2_black_arrow_right.gif);
}



.specialsList
{
	padding-top: 2px;
	text-decoration: none;
	color: #004fb0;
}

#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	height: 0px;
	z-index: 200;
	min-width: 400px;
}
h2
{
	font-size: 14px;
	color: #888888;
	border-bottom: solid 1px navy;
	padding-bottom: 3px;
}