/* FOR ALL SUBNAVS */
#subnav-wrapper {
overflow: hidden;
margin: 10px 0px 10px 0px;
height: 1%;
}
#subnav-left{
width: 720px;
float: left;
background: url(/images/subnav/subnav-bg-left-bottom.png) no-repeat left bottom;
height: 163px;
overflow: hidden; 
}
#subnav-left-top {
background: url(/images/subnav/subnav-bg-left-top.png) no-repeat left top;
height: 8px;
overflow: hidden; 
}
#subnav-left-bottom {
height: 155px;
overflow: hidden; 
}
#subnav-left-bottom p {
margin-left: 8px;
}
#subnav-right {
width: 260px;
float: left;
background-color: #EDEDED;
height: 163px;
background: url(/images/subnav/subnav-bg-right-bottom.png) no-repeat left bottom;
}
#subnav-right-top {
background: url(/images/subnav/subnav-bg-right-top.png) no-repeat left top;
height: 8px;
overflow: hidden; 
}
#subnav-right-bottom {
height: 155px;
overflow: hidden; 
}
#subnav-right ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#subnav-right ul li {
margin: 0px 0px -3px 0px;
padding: 0px;
}
#subnav-right ul li a {
height: 20px;
padding-top: 6px;
padding-left: 40px;
display: block;
text-decoration: none;
font-size: 12px;
outline: none;
}
#subnav-right ul li.pos1 a.selected {
background: url(/images/subnav/subnav-bg-right-pos1.png) no-repeat left top;
color: #CE8C15;
}

#subnav-right ul li.pos2 a.selected {
background: url(/images/subnav/subnav-bg-right-pos2.png) no-repeat left top;
color: #CE8C15;
}
#subnav-right ul li.pos3 a.selected {
background: url(/images/subnav/subnav-bg-right-pos3.png) no-repeat left top;
color: #CE8C15;
}
#subnav-right ul li.pos4 a.selected {
background: url(/images/subnav/subnav-bg-right-pos4.png) no-repeat left top;
color: #CE8C15;
}
#subnav-right ul li.pos5 a.selected {
background: url(/images/subnav/subnav-bg-right-pos5.png) no-repeat left top;
color: #CE8C15;
}
#subnav-right ul li.pos6 a.selected {
background: url(/images/subnav/subnav-bg-right-pos6.png) no-repeat left top;
color: #CE8C15;
}

#subnav-header {
margin: 10px 10px 6px 20px;
overflow: hidden;
}
#subnav-header #subnav-header-title {
float: left;
margin-left: 20px;
padding-top: 6px;
color: #364652;
font-size: 16px;
line-height: 22px;
}
#subnav-header-sub {
margin: 10px 10px 10px 20px;
overflow: hidden;
}
#subnav-header-sub #subnav-header-title {
float: left;
margin-left: 0px;
padding-top: 6px;
color: #364652;
font-size: 16px;
line-height: 22px;
font-weight: bold;
}

/* Fusion, materials */

#subnav-fusion-materials {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-fusion-materials .subnav-item {

width: 107px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 103px;
}
#subnav-fusion-materials  .selected, #subnav-fusion-materials .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-fusion-materials .subnav-item a, #subnav-fusion-materials .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-fusion-materials .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-fusion-materials .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-fusion-materials .subnav-item .subnav-item-image {
text-align: center;
display: block;
margin-top: 2px;
}
#subnav-fusion-materials img {
border: none;
}
/* Fusion Sign Types */
#subnav-fusion-signtypes {

margin-left: 15px;
clear: both;
}
#subnav-fusion-signtypes ul {
list-style-type: none;
margin: 0px 0px 0px 20px;
padding: 0;
float: left;
}
#subnav-fusion-signtypes li {
line-height: 14px;
margin: 0px 0px;
padding: 2px;
}
#subnav-fusion-signtypes li a:link, #subnav-fusion-signtypes li a:visited {
padding: 2px; 
margin: 0px;
text-decoration: none; 
}
#subnav-fusion-signtypes li a:hover {
background-color: #FFFFFF;
}

#subnav-fusion-signtypes .subnav-item {
width: 520px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 106px;
}
#subnav-fusion-signtypes  .selected, #subnav-fusion-signtypes.subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-fusion-signtypes .subnav-item a, #subnav-fusion-signtypes .subnav-item a:visited {
width: 228px;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
float: left;
}
#subnav-fusion-signtypes .subnav-item:hover {
color: #CE8C15;
cursor: pointer; 
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
}
#subnav-fusion-signtypes .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-fusion-signtypes .subnav-item .subnav-item-image {
text-align: center;
display: block;
}
#subnav-fusion-signtypes img {
border: none;
margin-top: 4px;
}
#subnav-fusion-signtypes .subnav-lists {
float: left;
width: 390px;
margin-top: 5px;
}	
#subnav-fusion-signtypes .subnav-lists ul li {
background: url("/images/subnav/arrow.png") no-repeat 0px 8px; padding-left: 10px;
height: 12px;
margin: 0px;
}
#subnav-fusion-signtypes .subnav-item .subnav-lists a, #subnav-fusion-signtypes .subnav-item .subnav-lists a:visited{
width: 100%;
}
#subnav-fusion-signtypes .subnav-item .subnav-lists a:hover {
text-decoration: underline;
background: none;
}
/* Fusion Typefaces */
#subnav-fusion-main {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-fusion-main .subnav-item {
width: 228px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 106px;
}
#subnav-fusion-main  .selected, #subnav-fusion-main .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-fusion-main .subnav-item a, #subnav-fusion-main .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-fusion-main .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-fusion-main .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-fusion-main .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-fusion-main img {
border: none;
margin-top: 4px;
}


/* Fusion Designing With Fusion */
#subnav-fusion-designing {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-fusion-designing .subnav-item {
width: 168px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 106px;
}
#subnav-fusion-designing  .selected, #subnav-fusion-designing .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-fusion-designing .subnav-item a, #subnav-fusion-designing .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-fusion-designing .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-fusion-designing .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-fusion-designing .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-fusion-designing img {
border: none;
margin-top: 4px;
}
.subnav-fusion-content {
	float: left; 
	margin: 0px 10px 10px 10px;
	width: 450px;
}

/* Company */

#subnav-company {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-company .subnav-item {

width: 157px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 100px;
}
#subnav-company  .selected, #subnav-company .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 103px;
}
#subnav-company .subnav-item a, #subnav-company .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-company .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-company .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-company .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-company img {
border: none;
}


/* Resources */

#subnav-resources {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-resources .subnav-item {
width: 127px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 100px;
}
#subnav-resources  .selected, #subnav-resources .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 103px;
}
#subnav-resources .subnav-item a, #subnav-resources .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-resources .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-resources .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-resources .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-resources img {
border: none;
}

/* How to Buy */

#subnav-howtobuy {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-howtobuy .subnav-item {

width: 133px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 100px;
}
#subnav-howtobuy  .selected, #subnav-howtobuy .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 103px;
}
#subnav-howtobuy .subnav-item a, #subnav-howtobuy .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-howtobuy .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-howtobuy .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-howtobuy .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-howtobuy img {
border: none;
}


/* Adapt Sign Types */
#subnav-adapt-components {
position: relative;
margin-left: 15px;
clear: both;
}
#subnav-adapt-components ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subnav-adapt-components li {
	float: left;

}
#subnav-adapt-components li a:link, #subnav-adapt-components li a:visited {
	float: left;
	padding: 4px 16px 4px 16px; 
	margin: 2px 6px 2px 6px;
	border: 1px solid #CCCCCC;
	font-weight: bold; 
	text-decoration: none;
	width: 120px;
	height: 26px;
	text-align: center;

}
#subnav-adapt-components li a:hover, #subnav-adapt-components li a.selected {
	background-color: #FFFFFF;
}

/* Ethos */

#subnav-ethos {
margin-left: 10px;
height: 1%;
clear: left;
}
.subnav-ethos-row1 {
clear: left; 
overflow: hidden;
margin-top: 0px;
height: 47px;
}
.subnav-ethos-row1 .subnav-item {
display: inline;
width: auto;

}
.subnav-ethos-row2 {
clear: left; 
overflow: hidden;
margin-top: 3px;
}
.subnav-ethos-row2 .subnav-item {

}
#subnav-ethos .subnav-item {
position: relative;
float: left;
margin: 1px 1px 1px 1px;
color: #666666;
height: 45px;
padding: 0px 3px 0px 3px;
font-size: 10px;
overflow: hidden;
text-align: center;
width: auto;
}
#subnav-ethos  .selected, #subnav-ethos .subnav-item:hover {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
height: 45px;
}
#subnav-ethos .subnav-item a, #subnav-ethos .subnav-item a:visited {
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-ethos .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-ethos .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-ethos .subnav-item .subnav-item-image {
text-align: center;
display: block;
margin-top: 2px;
}
#subnav-ethos img {
border: none;
}
#subnav-ethos-main {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-ethos-main .subnav-item {
width: 228px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 106px;
}
#subnav-ethos-main  .selected, #subnav-ethos-main .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-ethos-main .subnav-item a, #subnav-ethos-main .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-ethos-main .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-ethos-main .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-ethos-main .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-ethos-main img {
border: none;
margin-top: 4px;
}
.subnav-ethos-content {
	float: left; 
	margin: 0px 10px 10px 10px;
	width: 450px;
}


/* Stance, main */

#subnav-stance-main {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-stance-main .subnav-item {
width: 228px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 106px;
}
#subnav-stance-main  .selected, #subnav-stance-main .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-stance-main .subnav-item a, #subnav-stance-main .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-stance-main .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-stance-main .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-stance-main .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-stance-main img {
border: none;
margin-top: 4px;
}
.subnav-stance-content {
	float: left; 
	margin: 10px;
	width: 450px;
}
 
#subnav-stance-configs {
margin-left: 15px;
height: 1%;
height: 1%;
float: left; 
width: 420px;
border; 1px solid red;
}
#subnav-stance-configs .subnav-item {
width: 130px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 136px;
}
#subnav-stance-configs  .selected, #subnav-stance-configs .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 153px;
}
#subnav-stance-configs .subnav-item a, #subnav-stance-configs .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-stance-configs .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-stance-configs .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-stance-configs .subnav-item .subnav-item-image {
text-align: center;
display: block;
margin: 4px;
}
#subnav-stance-configs img {
border: none;
margin-top: 0px;
}

#subnav-stance-header {
margin: 10px 10px 6px 20px;
overflow: hidden;
float: left; 
width: 250px;
}
#subnav-stance-header .subnav-header-title {
margin-left: 0px;
padding-top: 6px;
color: #364652;
font-size: 16px;
line-height: 22px;
}

/* Signify */
  
  
#subnav-signify-signtypes {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-signify-signtypes .subnav-item {
width: 81px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 103px;
overflow: hidden;
}
#subnav-signify-signtypes  .selected, #subnav-signify-signtypes .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 107px;
}
#subnav-signify-signtypes .subnav-item a, #subnav-signify-signtypes .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-signify-signtypes .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-signify-signtypes .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-signify-signtypes .subnav-item .subnav-item-image {
text-align: center;
display: block;
margin-top: 2px;
}
#subnav-signify-signtypes img {
border: none;
}

#subnav-signify-main {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-signify-main .subnav-item {
width: 228px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 106px;
}
#subnav-signify-main  .selected, #subnav-signify-main .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-signify-main .subnav-item a, #subnav-signify-main .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-signify-main .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-signify-main .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-signify-main .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-signify-main img {
border: none;
margin-top: 4px;
}


/* Additions*/

#subnav-additions-collections {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-additions-collections .subnav-item {
width: 168px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 106px;
}
#subnav-additions-collections  .selected, #subnav-additions-collections .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 108px;
}
#subnav-additions-collections .subnav-item a, #subnav-additions-collections .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-additions-collections .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-additions-collections .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-additions-collections .subnav-item .subnav-item-image {
text-align: center;
display: block;

}
#subnav-additions-collections img {
border: none;
margin-top: 4px;
}
.subnav-additions-content {
	float: left; 
	margin: 0px 10px 10px 10px;
	width: 450px;
}



/*#subnav-additions-collections {
margin-left: 15px;
height: 1%;
clear: left;
}
#subnav-additions-collections .subnav-item {

width: 107px;
float: left;
margin: 1px 6px 0px 1px;
color: #666666;
height: 103px;
}
#subnav-additions-collections  .selected, #subnav-additions-collections .subnav-item:hover {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 5px 0px 0px;
height: 107px;
}
#subnav-additions-collections .subnav-item a, #subnav-additions-collections .subnav-item a:visited {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
cursor: pointer; 
}
#subnav-additions-collections .subnav-item:hover{
color: #CE8C15;
cursor: pointer; 
}
#subnav-additions-collections .subnav-item-title {
text-decoration: none;
font-weight: bold;
display: block; 
text-align: center;
width: 100%;
margin-top: 3px;
}
#subnav-additions-collections .subnav-item .subnav-item-image {
text-align: center;
display: block;
margin-top: 2px;
}
#subnav-additions-collections img {
border: none;
}
