/* 

READ ME 

page layout styles and all navigation for Avalon corporate, spa, medical and beauty sites 
Version 1.0 - 23 Oct 2006

*/

#pageContainer{
	width: 758px;
	border: 1px solid #000000;
	margin: auto;
	margin-top: 25px;
	background-color: #ffffff;
}

#pageContent{
	width: 758px;
	float: left;
	background-color: #ffffff;
}

#mainNavHolder{
	width: 758px;
	height: 55px;
	background-color: #ffffff;
	float: left;
}

/*HOME PAGE*/

#homeImageHolder{
	width: 758px;
	height: 255px;
	background-color: #ffffff;
	float: left;
}

#homeLeftCol{
	width: 355px;
	background-color: #ffffff;
	float: left;
	padding: 20px 0 20px 20px;
}

#homerightCol{
	width: 355px;
	background-color: #ffffff;
	float: right;
	padding: 20px 10px 20px 0;
}
#homeWidth{
	background-color: #ffffff;
	padding: 20px 20px 20px 20px;
}
/*NAVIGATION*/

ul.mainNav{
	margin: 0 0 0 150px;
}

ul.mainNav li{
	float: left;
	display: block;
	margin-right: 8px;
}

ul.mainNav li a{
	background-color: #ffffff;
	float: left;
	display: block;
	margin-bottom: 0px;
	padding: 24px 0px  5px  0px;
	text-decoration: none;
}

/* PRODUCT Subpage */

#subImageHolder{
	width: 758px;
	height: 123px;
	background-color: #ffffff;
	float: left;	
}

#subNavCol{
	width: 151px;
	background-color: #ffffff;
	float: left;
	padding: 0 0 0 15px;
}

#pageContentCol{
	width: 586px;
	background-color: #ffffff;
	float: right;
}

#pageContentCol ul{
	margin: 0.35em 0 0 0;
	padding: 0;
	list-style-type: none;
}

#pageContentCol ul li{
	margin-left: 1em;
	padding-left: 1em;
	padding-bottom: 0.35em;
	background-image: url(../../img/structure/ul_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0.3em 0.5em;
	line-height: 1.25em;
}

#pageContentColTitleBlock{
	width: 586px;
	background-color: #ffffff;
	float: left;
	margin: 12px 0 8px 0;
}

#pageContentColLeft{
	width: 290px;
	background-color: #ffffff;
	float: left;
	padding: 0 10px 20px 0;
}

#pageContentColRight{
	width: 286px;
	background-color: #ffffff;
	float: right;
	margin-bottom: 2em;
}

.noTopMargin{
	margin-top: 0;
}

/* Other site content subpage (75% width-ish) */

#pageContentColWide{
	width: 475px;
	background-color: #ffffff;
	float: left;
	padding: 0 10px 20px 0;
}

/* SUB NAVIGATION */

#subNavBgContainer{
	display: block;
	width: 140px;
	background-color: #005A83;
	float: left;
	background-image: url(../../img/structure/sub_nav_top.gif);
	background-repeat: repeat-x;
} 

ul.subNav{
	background-color: #005A83;
	width: 140px;
	background-image: url(../../img/structure/subNav_base.gif);
	background-position: bottom left; 
	background-repeat: no-repeat;
	padding: 0 0 19px 0;
	border-top: 1px solid #016EA0;
	margin: 16px 0 0 0;
	list-style: none;
}

ul.subNav li a{
	color: #ffffff;
	text-decoration: none;
	background-image: url(../../img/structure/sub_nav_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 114px;
	height: 17px;
	border-top: 1px solid #2D86AF;
	border-bottom: 1px solid #016EA0;
	padding: 3px 4px 0 22px;
}

ul.subNav li a:hover, ul.subNav li a.current{
	color: #ffffff;
	background-color: #4E9CC0;
}

/* SIDE BOX */

#sideBoxContainer{
	width: 240px;
	padding: 0;
	margin: 0 0 10px 31px;
	background-image: url(../../img/structure/side_box_bg.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
}

.sideBoxTop{
	display: block;
	background-image: url(../../img/structure/side_box_top.gif);
	background-repeat: no-repeat;
	height: 15px;
}

.sideBoxBase{
	display: block;
	height: 15px;
	background-image: url(../../img/structure/side_box_base.gif);
	background-repeat: no-repeat;
	overflow: hidden; /* hides the sideBoxContainer background from showing */
}

#sideBoxContainer ul{
	list-style-type: none;
}

#sideBoxContainer ul li.enlargeImage{
	background-image: url(../../img/structure/ul_bullet_enlarge.gif);
	background-repeat: no-repeat;
	padding-left: 1.85em;
	background-position: 0.25em 0.15em;
}

/*#sideBoxContainer ul li.acrobat{
	background-image: url(../../img/structure/ul_bullet_acrobat.gif);
	background-repeat: no-repeat;
	padding-left: 1.85em;
	background-position: 0.25em 0.15em;
}*/

#sideBoxContainer ul li.print{
	background-image: url(../../img/structure/ul_bullet_print.gif);
	background-repeat: no-repeat;
	padding-left: 1.85em;
	background-position: 0.25em 0.15em;
}

/* Product home page links */

a.largeBox{
	display: block;
	width: 420px;
	height: 103px;
	margin-bottom: 15px;
	padding: 6px;
	border-bottom: solid 1px #CEDDE4;
	border-top: solid 1px #CEDDE4;
	background-image: url(../../img/structure/product_link_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	text-decoration: none;}

/*.productDesc{
	float: left;
	width: 410px;
	text-align: right;
}*/

.productDesc img{
	float: left;
	padding-right: 15px;
}

.productDesc p{
	padding: 0;
	margin: 0;
}


a.largeBox:hover{
	background-color: #EFF2F6;
	cursor: pointer;
	background-image: none;
}