.homebody {
 font-family : Verdana;
        color : #FFFFFF;
        font-size : 9px;
        line-height: 16pt; 
        text-decoration : none;
}

.secnav {
        font-family : Verdana;
        color : #FFFFFF;
        font-size : 9px;
        line-height: 9pt; 
        text-decoration : none;
}

a.body:link {
	 font-family : Verdana;
     color : #FFFFFF;
     font-size : 9px;
     line-height: 9pt;
	 font-weight: bold;
     text-decoration : none;
}

a.body:visited {
	 font-family : Verdana;
     color : #ffffff;
     font-size : 9px;
	 line-height: 9pt; 
	 font-weight: bold;
     text-decoration : none;
}

a.body:hover {
	 font-family : Verdana;
     color : #b2b2b2;
     font-size : 9px;
	 line-height: 9pt; 
	 font-weight: bold;
     text-decoration : none;
}

.storyheaderror {
        font-family : Verdana;
        color : #ED1846;
        font-size : 12px;
        line-height: 18pt; 
        text-decoration : none;
}
.error1 {
        font-family : Verdana;
        color : #cc0000;
        font-size : 10px;
        text-decoration : none;
}

.storyhead  {
        font-family : Verdana;
        color : #676767;
        font-size : 12px;
        line-height: 13pt; 
        text-decoration : none;
}
.storyheadital  {
        font-family : Verdana;
        color : #676767;
        font-size : 12px;
        line-height: 13pt; 
        font-style : italic;
}

.storyheadbold  {
        font-family : Verdana;
        color : #676767;
        font-size : 12px;
        font-weight : bold;
        line-height: 15pt; 
        text-decoration : none;
}

.text  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        text-decoration : none;
}
.textitalic {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        font-style : italic;
}
.textbold  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        font-weight : bold;
        text-decoration : none;
}

.text1  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        line-height: 13pt; 
        text-decoration : none;
}
.formfield  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        text-decoration : none;
}
.text1light {
        font-family: Verdana;
        color: #BABABC;
        font-size: 9px;
        line-height: 13px;
        text-decoration: none;
}
.text1bold  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        font-weight : bold;
        line-height: 13pt; 
        text-decoration : none;
}
.text1italic {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        line-height: 13pt; 
        font-style : italic;
}
.text1bold:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        font-weight : bold;
        line-height: 13pt; 
        text-decoration : none;
}

.text2  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        line-height: 10pt; 
        text-decoration : none;
}

.text2bold  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        font-weight : bold;
        line-height: 10pt; 
        text-decoration : none;
}

.text3  {
        font-family: Verdana;
        color: #959595;
        font-size: 9px;
        text-decoration: none;
}

.text3bold  {
        font-family: Verdana;
        color: #959595;
        font-size: 9px;
        font-weight: bold;
        text-decoration: none;
}

.contentlink  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        line-height: 10pt; 
        text-decoration : none;
}

.contentlink:active  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        line-height: 10pt; 
        text-decoration : underline;
}

.link1big  {
        font-family : Verdana;
        color : #676767;
        font-size : 11px;
        font-weight : bold;
        text-decoration : none;
}
.link1big:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 11px;
        
        font-weight : bold;
        text-decoration : none;

}
.link1bigatt  {
        font-family : Verdana;
        color : #676767;
        font-size : 11px;
        font-weight : bold;
        text-decoration : none;
}
.link1bigatt:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 11px;
        
        font-weight : bold;
        text-decoration : none;

}

.link1bigon  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 11px;
        font-weight : bold;
        text-decoration : none;

}

.link1big:active  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 11px;
        font-weight : bold;
        text-decoration : none;

}

.link1  {
        font-family : arial;
        color : 000000;
        font-size : 9px;
        font-weight : bold;
        text-decoration : none;
}
.link1:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        
        font-weight : bold;
        text-decoration : none;

}
.link1att  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        font-weight : bold;
        text-decoration : none;
}
.link1att:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        
        font-weight : bold;
        text-decoration : none;

}

.link1on  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        font-weight : bold;
        text-decoration : none;

}

.link1:active  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        font-weight : bold;
        text-decoration : none;

}

.link2  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        text-decoration : none;

}

.link2lead  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        
        line-height: 13pt; 
        text-decoration : none;
}
.link2on  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : none;

}
.link2:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : none;

}
.link2line  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : underline;

}

.link2linelead  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        
        line-height: 13pt; 
        text-decoration : underline;
}
.link2lineon  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : underline;

}
.link2line:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : underline;

}

.link3  {
        font-family : Verdana;
        color : #dfdfdf;
        font-size : 9px;
        font-weight : bold;
        text-decoration : none;

}

.link2:active  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : none;

}
.link2:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : none;

}
a.linkfeature:link {
	font-family : Verdana;
	color : #454444;
	font-size : 10px;

	text-decoration : none;
}
a.linkfeature:hover {
	font-family : Verdana;
	color : #d2712c;
	font-size : 10px;

	text-decoration : none;
}

a.linkfeature:visited {
	font-family : Verdana;
	color : #454444;
	font-size : 10px;

	text-decoration : none;
}
.foot {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        text-decoration : none;

}
.theFooterClass {
        width : 466px;
        height : 30px;
        left : 0px;
        top : 400px;
        
        }

.storyintro {
        font-family: verdana;
        color: #676767;
        
        font-size: 10px;
        
        line-height: 13px;
        
        text-decoration: none;
        }
        
        
.link1small  {
        font-family : Verdana;
        color : #676767;
        font-size : 9px;
        text-decoration : none;
}
.link1small:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : none;

}
.link1smallon  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 9px;
        text-decoration : none;

}
.greytext  {
        font-family : Verdana;
        color : #cccccc;
        font-size : 9px;
        line-height: 13pt; 
        text-decoration : none;
}

.u { 
	font-family : "Arial Unicode MS", "Bitstream Cyberbit", "Arial", "sans-serif";
	font-size: 14px;
 }

.rnavb

	{
	font-family : Verdana;
    color : #454444;
	font-size : 9px;
	font-weight: bold;
    text-decoration : none;
	}
	
.rnav

	{
	font-family : Verdana;
    color : #454444;
	font-size : 9px;
	text-decoration : none;
	}
	
.texthome  {
        font-family : Verdana;
      	color : #676767;
        font-size : 9px;
        line-height: 11pt; 
        text-decoration : none;
}

.Orange
{
	 font-family : Verdana;
      	color : #d2712c;
        font-size : 9px;
        font-weight : bold;
        line-height: 11pt; 
        text-decoration : none;
}


a.textFeature:link  {
        font-family : Verdana;
      	color : #454444;
        font-size : 10px;

        text-decoration : none;
}	
a.textFeature:visited  {
        font-family : Verdana;
      	color : #454444;
        font-size : 10px;

        text-decoration : none;
}	
a.textFeature:hover  {
        font-family : Verdana;
      	color : #454444;
        font-size : 10px;

        text-decoration : none;
}	
.textFeature {
        font-family : Verdana;
      	color : #454444;
        font-size : 10px;
        text-decoration : none;
}	

.textFeatureBold  {
        font-family : Verdana;
      	color : #454444;
        font-size : 10px;
        line-height: 10pt; 
        text-decoration : none;
}

.red
{
        font-family : Verdana;
        color : #FF0000;
        font-size : 12px;
        line-height: 11pt; 
        font-weight: bold;
        text-decoration : none;
}

.verdana5D5D5D  {
        font-family : arial;
        color : black;
        font-size : 10px; 
        text-decoration : none;
}

.verdana424A4A  {
        font-family : arial;
        color : 424A4A;
        font-size : 15px; 
        text-decoration : none;
}

.verdana222222  {
        font-family : Verdana;
        color : #222222;
        font-size : 10px; 
        line-height: 10pt; 
        text-decoration : none;
}

.verdana5D5D5Dbold  {
        font-family : Verdana;
        color : #5D5D5D;
        font-size : 10px;
		font-weight: bold;
        text-decoration : none;
}

.verdana5D5D5Dreg  {
        font-family : arial;
        color : #5D5D5D;
        font-size : 13px;
		text-decoration : none;
}

.verdana5D5D5Dbig  {
        font-family : Verdana;
        color : #5D5D5D;
        font-size : 12px;
		font-weight: bold;
        text-decoration : none;
}


.verdana5D5D5Dbold:hover  {
        font-family : Verdana;
        color : #D2632C;
        font-size : 10px;
		font-weight: bold;
        text-decoration : none;
}

.verdana_CC6600_bold  {
        font-family : Verdana;
        color : #CC6600;
        font-size : 10px;
		font-weight: bold;
        text-decoration : none;
}


.redLink2
{
	 font-family : Verdana;
      	color : #d2712c;
        font-size : 9px;
        text-decoration : none;
	}
.msrp  {
        font-family : Verdana;
        color : #CC6600;
        font-size : 10px;
		font-weight: bold;
        text-decoration : none;
}

.button {
	font:MS Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #5D5D5D;
	background-color:#bbbbbb;
	border-color:#D6DBE7;
	border-style:ridge;
}

H1  {
        font-family : Verdana;
        color : #3333333;
        font-size : 14px;
				font-weight: bold;
        text-decoration : none;
}

A.H1:link  {
        font-family : Verdana;
        color : #3333333;
        font-size : 14px;
				font-weight: bold;
        text-decoration : none;
}

A.H1:hoover  {
        font-family : Verdana;
        color : #3333333;
        font-size : 14px;
				font-weight: bold;
        text-decoration : none;
}

A.H1:visited  {
        font-family : Verdana;
        color : #3333333;
        font-size : 14px;
				font-weight: bold;
        text-decoration : none;
}


.link4  {
        font-family : arial;
        font-size : 10px;
        font-weight : bold;
        color : blue;
        text-decoration : underline;
}
.link4:hover  {
        font-family : arial;
        font-size : 10px;     
        font-weight : bold;
        color : blue;
        text-decoration : underline;

}

.link4:visited  {
        font-family : arial;
        font-size : 10px;  
        font-weight : bold;
        color : blue;
        text-decoration : underline;
}


.link4:active  {
        font-family : Verdana;
        font-size : 9px;
        font-weight : bold;
        color : blue;
        text-decoration : underline;
}
.blackarial10  {
        font-family : arial;
        font-size : 10px;
        font-weight : bold;
        color : black;
        text-decoration : none;
}
.blackverdana9  {
        font-family : Verdana;
        font-size : 9px;
        font-weight : bold;
        color : black;
        text-decoration : none;
}
.blackverdana10  {
        font-family : Verdana;
        font-size : 10px;
        font-weight : none;
        color : black;
        text-decoration : none;
}
.blackclassic9  {
        font-family : arial;
        font-size : 10px;
        font-weight : none;
        color : black;
        text-decoration : none;
}
.blackclassic10  {
        font-family : Verdana;
        font-size : 10px;
        font-weight : bold;
        color : black;
        text-decoration : none;
}
.blackclassic11  {
        font-family : Verdana;
        font-size : 11px;
        font-weight : bold;
        color : black;
        text-decoration : none;
}
.blackclassic12  {
        font-family : Verdana;
        font-size : 12px;
        font-weight : bold;
        color : black;
        text-decoration : none;
}
.whiteclassic10  {
        font-family : Verdana;
        font-size : 10px;
        font-weight : bold;
        color : FFFFFF;
        text-decoration : none;
}
.link8  {
        font-family : arial;
        color : 000000;
        font-size : 11px;
        font-weight : bold;
        text-decoration : none;
}
.link10  {
        font-family : Verdana;
        color : 4d4d5d;
        font-size : 10px;
        font-weight : bold;
        text-decoration : none;
}.link10black  {
        font-family : Verdana;
        color : 000000;
        font-size : 10px;
        font-weight : bold;
        text-decoration : none;
}
.link12  {
        font-family : arial;
        color : 000000;
        font-size : 12px;
        font-weight : bold;
        text-decoration : none;
}
.greyarial8  {
        font-family : arial;
        font-size : 8px;
        font-weight : none;
        color : 636363;
        text-decoration : none;
}
.greyarial10  {
        font-family : arial;
        font-size : 10px;
        font-weight : bold;
        color : 636363;
        text-decoration : none;
}
.greyarial101  {
        font-family : arial;
        font-size : 10px;
        font-weight : none;
        color : 4d4d50;
        text-decoration : none;
}
.greyclassic9  {
        font-family : arial;
        font-size : 10px;
        font-weight : bold;
        color : 1e1e1f;
        text-decoration : none;
}
.greyclassic10  {
        font-family : verdana;
        font-size : 10px;
        font-weight : none;
        color : 4d4d5d;
        text-decoration : none;
}
.greyclassic11  {
        font-family : Verdana;
        font-size : 11px;
        font-weight : bold;
        color : 696a6e;
        text-decoration : none;
}
.whiteclassic12  {
        font-family : Verdana;
        font-size : 12px;
        font-weight : bold;
        color : FFFFFF;
        text-decoration : none;
}
.arial10  {
        font-family : arial;
        font-size : 10px;
        font-weight : bold;
        color : 000000;
        text-decoration : none;
}
.arial102  {
        font-family : arial;
        font-size : 11px;
        font-weight : none;
        color : 000000;
        text-decoration : none;
}
.greyverdana  {
        font-family : Verdana;
        font-size : 9px;
        font-weight : none;
        color : 4c4c4f;
        text-decoration : none;
}
.redverdana  {
        font-family : Verdana;
        font-size : 9px;
        font-weight : bold;
        color : f5040b;
        text-decoration : none;
}
.Helvetica10  {
        font-family : Helvetica;
        font-size : 10px;
        font-weight : none;
        color : 4c4c4e;
        text-decoration : none;
}

.blackverdana9  {
        font-family : verdana;
        font-size : 9px;
        font-weight : bold;
        color : 545454;
        text-decoration : none;
}
.whiteclassic9  {
        font-family : verdana;
        font-size : 10px;
        font-weight : none;
        color : f9f8f8;
        text-decoration : none;
}

@media screen and (max-width: 800px) {
 .left_col {
   display:none;
 }
}


@media screen and (max-width: 800px) {
 .media_col {
   display:none;
 }
}


@charset "UTF-8";
/* 
$content-width will be the max width of the content within the navigation bar. 
$breakpoint determines at which width the media query breakpoint will take effect.
*/


nav {
  float: right;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a {
  display: block;
  padding: 0 5px;
  line-height: 50px;
  background: #f2f2f2;
  color: #463f3f;
  text-decoration: none;
  /*
  The full path of this code is nav ul li a:not(:only-child):after. This means that the code will apply to any a tag in our nav list that is NOT an only child, aka any dropdown. The :after means it comes after the output of the tag. I’ve decided that to specify any nav item as a dropdown, it will be followed by a unicode arrow – ▾ (#9662).
  */
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  color: 636363;
  text-decoration: none;
}
nav ul li a:hover {
  background: #ffffff;
  color: #fb5958;
}
nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  z-index: 1;
  /* Guarantees that the dropdown will display on top of any content. */
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  display: none;
}

.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #f2f2f2;
  height: 50px;
  width: 50px;
}

.nav-cart {
  line-height: 46px;
  padding: 0px 5px;  
}

@media only screen and (max-width: 800px) {
  .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
    padding: 0px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }
  
  .nav-cart {
    line-height:30px;
    padding: 0px 15px;  
  	background: #f2f2f2;
  }
}
#nav-toggle {
  position: absolute;
  left: 9px;
  top: 12px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #463f3f;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

@media screen and (min-width: 800px) {
  .nav-list {
    display: block !important;
  }
}
/* 
.navigation – the outer wrapper for the navbar. Specifies the height and color, and will stretch the full width of the viewport.
*/
.navigation {
  height: 50px;
  background: #f2f2f2;
}

/*
.nav-container – the inner wrapper for the navbar. Defines how far the actual content should stretch.
*/
.nav-container {
  max-width: 850px;
  margin: 0 auto;
}

.nav-container img {
	vertical-align:baseline;
}

.brand {
  /*position: absolute;*/
  padding-left: 15px;
  float: left;
  line-height: 70px;
  text-transform: uppercase;
  font-size: 1.4em;
  height:40px
}
.brand a,
.brand a:visited {
  color: #463f3f;
  text-decoration: none;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px;
}

.table {
	margin-bottom:0px;
}

.max-table-width {
	max-width:1024px;
}