/* CSS Stylesheet for Aptify eBusiness Suite Sample Site */

body	{
	MARGIN: 0px;
    BACKGROUND-COLOR: white;
 
    FONT-FAMILY: Roboto, Helvetica, Arial, sans-serif;
   /* FONT-SIZE: .8em; */
   font-size: 1.25em; 
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
	COLOR: black; 
	
}

P	{
    FONT-FAMILY: Roboto, Helvetica, Arial, sans-serif;
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
	/*COLOR: black;*/
}

H1	{	
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	}	


TABLE#NavBarTable
{
	border-style: solid;
	border-color: #D2D7DF;
	border-width: 1px;
	background-color: #5c0a55;
	/*background-color: rgba(235, 250, 216, 1.0); */
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-collapse: collapse;
	width: 100%;
	height: 34px;
	border-bottom: solid 3px #3f4d68;
}

TABLE#NavBarContainingTable TD
{
	padding: 0px;
}

DIV#Header
{
	BACKGROUND-IMAGE: url(../images/ebiz-H-tile.gif);
	BACKGROUND-REPEAT: repeat-x;
}

/* sets up the table for the main eBusiness entry page */
TABLE#DefaultMainTable
{ 
	width: 1150px;
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-collapse: collapse;
}

/* used to indent content in the main areas of the page */
TD.Indent
{
	padding: 1px;
	border-style: none;
}

TD.internaltitle
{
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:	large;
	font-weight: bold;
}

TABLE#HeaderTable
{
	margin: 0px;
	padding: 0px;
	width: 800px;
	border-width: 0px;
	border-collapse: collapse;
}


TABLE#HeaderTable TD
{
	padding: 0px;
}



HoverClass
{
	color: Blue;
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

.NavBar
{
	FONT-FAMILY: Roboto, Helvetica, Arial, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT:normal;
    color: Black;
    text-decoration: none
}
.NavBar a:link
{
	color: Navy;
	text-decoration: none
}
.NavBar a:visited
{
	color: Navy
} 
.NavBar A:hover
{
	/*color:Maroon;*/
    color: #5DC062;
	font-weight: bold;
	text-decoration: underline
}

.detailheader
{
	FONT-FAMILY: Roboto, Helvetica, Arial, sans-serif;
	Font-size: 11px;
	color: black;
	font-weight: bold
	}
.detaillabel	
{
	font-size:11;

}
.cartlabel 
{
	font-size:10;
	background-color:#bac0c9
	
	}
.cartinfo	
{
	font-size:10;
	background-color: #EAEAEA
	}


.newslink
{
	font-family:Roboto, Helvetica, Arial, sans-serif;
	font-size: 10px
}	
.prodheader	
{
	font-family:Roboto, Helvetica, Arial, sans-serif;
	font-size: 10;
	color: white
}
.prodacartlink	
{
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 10
	}
.proddetails
{
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:11;
	color: #0B3357
}


BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	
/* 10/28/2014 disable UL LI since it creates square on masterpage footer 
UL LI	{	
	list-style-type:	square ;
	}	
*/

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	
.tiny { font-family: Roboto, Helvetica, Arial, sans-serif; font-size:small; }

DIV.ContentArea
{
	padding: 5px;
	background-color:#E8F3D9;
}

DIV.MessageBox
{
    width: 650px;
    margin: auto;
    border: 3px double #006666;
    background-color:#fad005;
    border-radius:10px; 
    font-size:x-large; 
    font-weight:bolder; 
    color:Red;
}


/*Style items for the navbar*/

.TopGroup
{
  /*  background-color:#757495; 
  background-image: url(../images/top_groupBg.gif);
background-color:#00684E;
  background-image: url(../images/topnav-bk.png); */
  background-color:#5C0A55;
  background-image:url(../images/yoko_purple.png);
  border:1px solid #696885; 
  border-bottom-color: #57566F; 
  border-right-color: #57566F; 
  cursor:default; 
}


.MenuGroup
{
 /* background-color:#F5F5F5;
 background-color: #5DC062; */
 background-color: #FFFFFF;
  border:1px #4E5358 solid; 
  border-style:solid;
  cursor:default; 
}

.TopMenuItem
{
  color:white; 
  font-family:tahoma; 
  font-size:12px; 
  font-weight: bold;
  padding:20px;
  cursor:default; 
}

.TopMenuItemHover 
{
   /*color:white; 
  background-image: url(../images/top_itemHoverBg.gif);
  background-color:#757495; 
  background-image: url(../images/audience-bk.png);*/
/*background-color:#6AB548;*/
  background-color:white;
  color: black; 
  font-family:tahoma; 
  font-size:12px; 
  font-weight: bold;
  cursor:default; 
}

.MenuItem
{
  border: 1px solid #F5F5F5; 
  color:#00025C;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuItemHover 
{
  /*background-color:#FFEEC2; */
  background-color:#5dc062;
  color: #333333;
  border: 1px solid #57566F; 
  border-top-color: #9190AC; 
  border-left-color: #9190AC;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuItemExpanded
{
  /*background-color:#FFEEC2; */
background-color: #5dc062; 
  color: #333333;
  border: 1px solid #9190AC; 
  border-top-color: #57566F; 
  border-left-color: #57566F;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuItemActive
{
  color: #333333;
 background-color:#FBE694;
 
  border: 1px solid #BB5503; 
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuBreak
{
  background-color: silver; 
  width:100%;
  height:2px;
}

.ScrollItem
{
  background-color:#F5F5F5; 
  border: 1px solid #757495; 
  text-align:center;
  cursor:default;
}

.ScrollItemH
{
  background-color:#FFEEC2; 
  border: 1px solid #757495; 
  text-align:center;
  cursor:default;
}

.ScrollItemA
{
  background-color:#FBE694; 
  border: 1px solid #BB5503; 
  text-align:center;
  cursor:default;
}

table {
  max-width: 100%;
  width: 100%;
  border: none;
}
table th { 
 /* border-bottom: 1px #ddd; 
  padding: .5em;*/
  text-align: left;
 
}
table td {
   /* border-top: 1px #ddd; 
      padding: .5em;*/
    vertical-align: top;
    line-height: 1.6;
    border: none; 
}

table tr 
{
	border: none;
    
}


.mysna_content {
   margin-left:75px; 
    margin-right:50px;
   /*  text-align:center;*/

}


div#mysna {
    background-color:#E8F3D9;
	margin-left:0px; /* 35px */
	width:900px;  /*776px */
	float:left;
   /* float:inherit;*/
}



.container {
  margin: 0 auto;
 
}

.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0;
}

.span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }

#footernav {
 width:1100px;
    background-color: #5c0a55;
    margin-left:75px;
    font-size:medium;
    color:white; 
}


h1,h2,h3,h4,h5,h6 {
   font-family: Roboto, Helvetica, Arial, sans-serif;  
    font-weight: bold; 
    color: #ffffffb3;

}




.button-orange {
    background-color: #D71E30; 
    color: white; 
    border-radius:15px;
    width:160px; 
    height:50px;
 
}

.button-orange:hover {
        background-color: #991d29;
        color: white;
    } 

#breadcrumnav a:link, a:visited {
    color:#0095cc;
} 

#breadcrumnav a:hover {
   font-weight:bold;
   text-decoration:underline; 
} 

#column1 ul li a:link  {
    color: #ffffffb3;
     }

#column1 ul li a:visited{
    color: #ffffffb3;
}
 
#column1 ul li a:hover {
  color: White;
}

#column2 ul li a:link  {
    color: #ffffffb3;
     }

#column2 ul li a:visited{
    color: #ffffffb3;
}
 
#column2 ul li a:hover {
  color: White;
}

#column3 ul li a:link  {
    color: #ffffffb3;
     }

#column3 ul li a:visited{
    color: #ffffffb3;
}
 
#column3 ul li a:hover {
  color: White;
}

#bottomnav ul li a:link  {
    color: #ffffffb3;
     }

#bottomnav ul li a:visited{
    color: #ffffffb3;
}
 
#bottomnav ul li a:hover {
  color: White;
}

#yokolink a:link {
     color: #ffffffb3;
}

#yokolink a:visited  {
     color: #ffffffb3;
}

#yokolink a:hover  {
     color: White;
}

#snalink a:link {
     color: #ffffffb3;
}

#snalink a:visited  {
     color: #ffffffb3;
}

#snalink a:hover  {
     color: White;
}





#footernav UL LI {	
	list-style-type: none;
	}	

#mysna a:link, a:visited {
    color: #0095cc;

} 
#mysna a:hover {
   font-weight: bold;
   text-decoration: underline;    
}

h1{
  font-size: 2em;
}
h2{
  font-size: 1.75em;
}
h3{
  font-size: 1.58em;
}
h4{
  font-size: 1.33em;
}
h5{
  font-size: 1em;
}
h6{
  font-size: .8em;
}

@media screen and (min-width: 1500px) {

.mysna_content {
   margin-left:250px; 
    margin-right:50px;
   /*  text-align:center;*/

}

#footernav {
 width:1100px;
    background-color: #5c0a55;
    margin-left:250px;
    font-size:medium;
    color:white; 
}


}

@media screen and (min-width: 1650px) {

.mysna_content {
   margin-left:375px; 
    margin-right:50px;
   /*  text-align:center;*/

}

#footernav {
 width:1100px;
    background-color: #5c0a55;
    margin-left:375px;
    font-size:medium;
    color:white; 
}


}