/*
 *	Iqonic
 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url('http://fonts.googleapis.com/css?family=Duru+Sans');
@import url('http://fonts.googleapis.com/css?family=Nova+Mono');
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Nunito:700,400,300);

body
{
	font: 62.5% 'Open Sans', 'Verdana', sans-serif;
        background: #47423C;
}

#canvas {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	margin-top: 24px;
	margin-bottom: 24px;

}

#top {
     width: 100%;
     height: 60px;
     background: #ff5a00;
}

#top h1 {
     font-family: 'Open Sans', 'Arial', sans-serif;
     font-weight: 300;
     color: #ffffff;
     padding-right: 20px;
     padding-top: 10px;
     font-size: 34px;
     letter-spacing: 5px;
     text-transform: uppercase;
     display: inline;
     float: right;
}
     
#top a img {
     position: absolute;
     display: inline;
     border: none;
     margin: 0;
     padding: 0;
}

#toptextpanel {
      font-family: 'Open Sans', 'Arial', sans-serif;
      font-family: 'PT Sans', sans-serif;	 
      font-weight: normal;
      font-size: 12px;
      width: 100%;
      margin: 6px;
}

#slideshow {
	   width: 100%;
	   height: 240px;
}

#mainpanel {
	   width: 936px;
	   padding: 12px;
	   font-family: 'Nunito', 'PT Sans', sans-serif;	 
	   padding: 12px;
	   background: #000000;
	   display: block;
}

#menubar ul {
	   width: 948px;
	   padding-left: 0;
	   padding-right: 12px;
	   padding-top: 6px;
	   padding-bottom: 6px;
	   background: #d0d0d0;
	   letter-spacing: 1px;
	   list-style-type: none;
}

#menubar ul li {
	   font-family: 'Open Sans', 'Arial', sans-serif;
	   font-size: 16px;
	   font-weight: 600;
	   padding-left: 12px;
	   padding-right: 12px;
	   color: #ff8340;
	   display: inline;
	   text-transform: uppercase;
	   border-right: 1px dotted #ff5a00;
}

#menubar ul li:nth-last-of-type(2) {
	 border-right: none;
}

#menubar ul li:last-of-type {
	 border-right: none;
	 padding-right: 0px;
	 float: right;
}

#menubar ul li a {
	   text-decoration: none;
	   color: #ff5a00;
	   border-bottom: none;
}

#menubar ul li a:hover {
	   border-bottom: 2px solid #ff5a00;
}

#mainpanel h1 {
     font-family: 'Open Sans', 'Arial', sans-serif;
     color: #ff5a00;
     font-size: 24px;
     letter-spacing: 4px;
     text-align: center;
     text-transform: uppercase;
     font-weight: 400;
     margin-bottom: 24px;
}
     	   
#mainpanel h2 {
     font-family: 'Open Sans', 'Arial', sans-serif;
     color: #ff5a00;
     font-size: 14px;
     letter-spacing: 2px;
     text-align: left;
     text-transform: uppercase;
     font-weight: 400;
     margin-left: 24px;
     margin-right: 24px;
     margin-top: 12px;
     margin-bottom: 8px;
}

#mainpanel > div > table > tbody > tr p {
	line-height: 20px;
}

#mainpanel #wheretobuy h2 {
     font-family: 'Open Sans', 'Arial', sans-serif;
     color: #ff5a00;
     font-size: 14px;
     letter-spacing: 3px;
     text-align: left;
     text-transform: uppercase;
     font-weight: 400;
     border-bottom: 1px solid #ff5a00;
     margin-left: 24px;
     margin-right: 24px;
     margin-top: 12px;
     margin-bottom: 16px;
}

#mainpanel #wheretobuy h3 {
     font-family: 'Open Sans', 'Arial', sans-serif;
     color: #ff5a00;
     font-size: 13px;
     letter-spacing: 2px;
     text-align: left;
     text-transform: uppercase;
     font-weight: 400;
     margin-bottom: 12px;
     margin-left: 48px;
     margin-right: 24px;
     border-bottom: 1px dotted #ff5a00;
}

#mainpanel #wheretobuy h4 {
     font-family: 'Open Sans', 'Arial', sans-serif;
     color: #ff5a00;
     font-size: 12px;
     text-align: left;
     font-weight: 400;
     margin-bottom: 3px;
}

#mainpanel #wheretobuy .row {
     margin-left: 48px;
}

#mainpanel #wheretobuy .retailer {
     width: 296px;
     float: left;
     margin-bottm: 12px;
}
    
#mainpanel #wheretobuy .retailer p {
	   font-family: 'Open Sans', 'Arial', sans-serif;
	   font-weight: 300;
	   font-size: 12px;
	   text-align: left;
	   line-height: 20px;
	   color: #ffffff;
	   padding-right: 0;
	   padding-bottom: 12px;
	   padding-left: 0px;
}

#mainpanel a {
	      text-decoration: underline;
	      font-weight: normal;
	      color: #ff5a00;
}

#mainpanel img {
	   padding-right: 24px;
	   float: left;
}

#mainpanel p {
	   font-family: 'Open Sans', 'Arial', sans-serif;
	   color: #ff5a00;
	   font-weight: 400;
	   font-size: 12px;
	   word-spacing: 2px;
	   text-align: justify;
	   line-height: 24px;
	   color: #ffffff;
	   padding-right: 24px;
	   padding-bottom: 24px;
	   padding-left: 24px;
}

#frontnewspanel {
	   width: 960px;
	   background: #d0d0d0;
	   display: block;
}

#newpanel table {
	  border: 0;
	  padding: 0;
	  margin: 0;
	  width: 960px;
}

#frontnewspanel table tr {
	   width: 100%;
	   border: 0;
	   padding: 0;
	   margin: 0;
}

#frontnewspanel table tr td {
       width: 136px;
       padding-left: 12px;
       padding-right: 11px;
       border-right: 1px solid #ff5a00;
}

#frontnewspanel table tr td:last-of-type {
       width: 136px;
       padding-left: 12px;
       padding-right: 12px;
       border: none;
}

#frontnewspanel table tr td .story_heading {
     font-family: 'Open Sans', 'Arial', sans-serif;
     font-weight: 600;
     color: #ff5a00;
     font-size: 11px;
     text-transform: uppercase;
     padding-top: 4px;
}

#frontnewspanel table tr td .story_date {
     font-family: 'Open Sans', 'Arial', sans-serif;
     font-weight: 600;
     color: #000000;
     font-size: 10px;
     padding-bottom: 4px;
     text-transform: uppercase;
}

#frontnewspanel table tr td p {
     font-family: 'Open Sans', 'Arial', sans-serif;
     color: #000000;
     font-size: 11px;
     margin-bottom: 4px;
}

#frontnewspanel table tr td a {
	   color: #ff5a00;
	   text-decoration: underline;
}

#mainpanel table.contact {
	   border: none;
	   margin-left: 24px;
	   margin-bottom: 18px;
}

#mainpanel table.contact td {
	   font-family: 'Open Sans', 'Arial', sans-serif;
     	   font-weight: 400;
	   color: #ffffff;
	   font-size: 13px;
	   padding-right: 12px;
}

#mainpanel table.contact td:first-child {
	   width: 120px;
}

#mainpanel #story_box {
	   float: left;
	   width: 600px;
}

#mainpanel .story {
	   width: 600px;
	   display: block;
	   clear: both;
	   padding-bottom: 12px;
	   margin-bottom: 18px;
}

#mainpanel .story_heading
{
     font-family: 'Open Sans', 'Arial', sans-serif;
     color: #ff5a00;
     font-size: 16px;
     letter-spacing: 1px;
     text-align: left;
     text-transform: uppercase;
     font-weight: 600;
     margin-left: 24px;
     display: block;
     paddin-top: 6px;
     border-top: 1px dotted #ff5a00;
}

#mainpanel .story_date
{
     font-family: 'Open Sans', 'Arial', sans-serif;
     font-weight: 600;
     color: #ffffff;
     font-size: 11px;
     text-transform: uppercase;
     margin-left: 24px;
     margin-bottom: 6px;
}

#mainpanel .story_img {
	position: relative;
	float: left;
	margin-left: 24px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-top: 0px;
	padding: 0;
}

#mainpanel .story p {
	   font-family: 'Open Sans', 'Arial', sans-serif;
	   color: #ffffff;
	   word-spacing: 2px;
	   line-height: 18px;
	   padding-left: 24px;
	   padding-right: 24px;
	   padding-bottom: 6px;
}
	   
#mainpanel .story .links_heading {
	display: block;
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #ffffff;
	font-weight: 600;
	margin-left: 24px;
	font-size: 12px;
}

#mainpanel .story a {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #ff5a00;
	font-weight: 400;
	margin-left: 48px;
	font-size: 12px;
	text-decoration: underline;
}

#mainpanel #other_stories {
	   width: 200px;
	   float: right;
}

#mainpanel #other_stories #heading {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #ffffff;
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
	   
#mainpanel #other_stories .year {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #ff5a00;
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	margin-top: 6px;
}
	   
#mainpanel #other_stories a {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #ff5a00;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	margin-left: 12px;
	display: block;
}

#mainpanel #other_stories .recent a {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #ff5a00;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	margin-left: 0;
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
}

#footer {
	width: 936px;
	padding: 12px;
	background: #ff5a00;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 0.7px;
	text-align: center;
}

.transparent {
        zoom: 1;
        filter: alpha(opacity=70);
        opacity: 0.7;
}

.group:after {
	     content: ".";
	     display: block;
	     height: 0;
	     clear: both;
	     visibility: hidden;
}
