/* 08.4.5 */

html{
	font-size: 62.5%;
}
body{
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
}
#contentmain, #contentsub{
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-top:1em;
}

h1{
	font-size: 180%; /*= 24px? */
}
h2{
	font-size: 140%; /*= 18px */
}
h3{
	font-size: 90%; /*= ?px */
}
h4{
	font-size: 100%; /*= 12px */
}
h5{
	font-size: 85%;
}
h6{
	font-size: 84%; /*= approx 10px */
}

p{
	font-size: 1em;
	margin-bottom: 1em;
}

#branding h1.avonstyle{
	line-height:1em;
	position: absolute;
	top: 46px;
	left: 22px;
	font-size: 31px; /*in px as is more uniform browser to browser than em*/
	color:white;
	margin-top: 0;
	z-index: 3;
}

p.tagline{
	position:absolute;
	left:10px;
	top:80px;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:9px;
	background:gray;
	color:#F4F4F4; /*ffe5c6 tan*/
	border-left:4px groove red;
	border-right:5px ridge red;
	padding: 1px 5px 2px 8px;
}
/*	
	font-weight:lighter;
	background:#636363; /*636363 is a lighter dark
	color: #ffce91; small boats. right parts. lighter tan is ffce91, heed orange is ff8c00*/

h1.navtrail{ /*far left faint headline "in stock" or such*/
	font-size: 15px;
	line-height: .1em;
	margin-top: 1.5em;
	margin-bottom:1em;
	color: #D1D1D1;
}
blockquote{
	border: 1px #D1D1D1 solid;
	background-color:#E1EFFF;
	padding: 0 15px;
}
blockquote.background1{
	border: 1px #D1D1D1 solid;
	background-color:#FFFFD9;
	padding: 0 15px;
}


#contentmain div.right blockquote p{
	float:left;
	width:auto;
	margin:0;
	padding:1em 0;
}

#contentmain div.right blockquote{
	width:150px;
	margin:auto 0 auto auto;
	float:left;
	border: 2px #D1D1D1 dashed;
}
.centercaption{
	margin:0;
	padding:0;
	text-align:center;
}
.centercaptiontm{
	margin:1em 0 0 0;
	padding:0;
	text-align:center;
}
.centercaptionv, centercaptions{

	color:#C900CA;
}
.centercaptions{
	padding:0;
	text-align:center;
	font-size:90%;
}

.clear{
	clear:both;
}

.clearleft{
	clear:left;
}


.right{ 
	float: right;
}


.left{
	float:left;
}


.margintopfirst{
	margin-top:3em;
}

.margintop{
	margin-top:1em;
}
.margintop2{
	margin-top:2em;
}
.margintop3{
	margin-top:3em;
}

.nomargin{
	margin: 0;
}

.tiny{
	font-size:.9em;
}
.tinier{
	font-size:.8em;
}
.grabber{
	color:#CCFFEE;
	background-color:#3399CC;
	margin-top:0;
	line-height:2em;
}
.heed{
	border-bottom:1px #9E9E9E dotted;
	margin-bottom:.3em;
}
.knockout{
	background:#FFFFB9;
	border-top:solid 2px red;
	border-bottom:solid 2px red;
	margin-bottom:1em;
}

.reverse{
	background-color: #9E9E9E;
	color: #FFFFFF;
	padding-left: 10px;
	margin-bottom:.3em;
}

#contentmain p.tip{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:oblique;
	font-size:.8em;
	padding: .5em 10px;
	border:1px solid #D1D1D1;
	width:365px;
}
p.keytext{
	border-bottom: solid .1em #D1D1D1;
	border-top: solid .1em #D1D1D1;
	color: #363636;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin:1em auto 1em 0;
	padding: .2em 10px .1em 10px;
}
.standout{
	border-bottom: solid 2px #E1EFFF;
	border-top: solid 2px #E1EFFF;
	margin: 1em auto 1em 0;
}
.standouta{
	border-top:solid 3px #00AC76;
	border-bottom:solid 2px #FF8C00;
	background:#F4F4F4;
}
#contentsub .standouta{
	padding-left:7px;
}
.standout1{
	border-bottom: solid 2px #EC8200;
	border-top: solid 2px #EC8200;
	background-color:#E1EFFF;
	margin: 1em auto 1em 0;
}
.standout2{
	background-color:#FFFFD9;
	padding: 2px 5px 4px;
	border-top:3px dashed #00AC76;
}


p.details{
	font-size: .75em;
	letter-spacing: 1px;
	padding: .5em 8px;
}

div.tel{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
}
#contentsub p{
	font-size: 85%;
}

#contentmain p.narrow{
	width:180px;
}
#contentmain h2.narrow {
	width: 385px;
}
#contentmain ul ul.bullet p{
	width:335px;
}

#contentmain p.wide{
	width: 100%;
}
#contentmain.wide p{
	width: 100%;
}
#noticeme p{
	width:auto;
	padding:0 10px;
	font-size:90%;
}
#noticeme p.tiny{
	width:auto;
	padding:0 10px;
	font-size:80%;
}
#contentmain #noticeme h3, #contentmain #noticeme h4, #contentmain #noticeme h5, #contentmain #noticeme h6, #contentmain #noticeme li{
	padding:0 10px;
}
#contentmain #noticeme h2{
	padding:0 0 .3em 10px;
	margin-top:.3em;
}
.floatright100w{
	float:right;
	width:180px;
}
ul.floatright100w{
	padding-top:2em;
background:yellow;
}
#siteinfo p{
	font-size: 9px;
	padding:5px 0;
	text-align: center;
}