/*/component-common.css/component-specific.css/core.css/foundation.css/page-layout.css*/

/*
---------------------------------------------------------
 + CORE Sitewide HTML Elements
 + Basic Stylings
---------------------------------------------------------
*/
/*
---------------------------------------------------------
Sitewide HTML Elements
---------------------------------------------------------
*/
body, form, td, img, hr {
    margin: 0;
    padding: 0;
    border: none;
}
body {
    font: 1em Arial, Helvetica, sans-serif;
}
#intro {
    display: none;
}
/*
---------------------------------------------------------
Sitewide HTML Elements
---------------------------------------------------------
*/
hr, .accessible {
    display: none;
}
.inline {
    display: inline;
}
.block {
    display: block;
}
/* Clearfix */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
 
/*
---------------------------------------------------------
 + FOUNDATION Page layouts
 + Network Ten Header
 + Header
 + Navigation
 + Footer
 + Automated Rounded Corners
---------------------------------------------------------
*/
/*
---------------------------------------------------------
Page layouts
---------------------------------------------------------
*/
.fullpage {
    text-align:center;
}
.fullpage #page-layout {
    width: 920px;
    text-align: left;
    margin: 0 auto;
}
/*
---------------------------------------------------------
Network Ten Header
---------------------------------------------------------
*/
#network-ten-header ul {
    margin: 0;
    padding: 0;
}
#network-ten-header ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
/*
---------------------------------------------------------
Header
---------------------------------------------------------
*/
#header {
}
/*
---------------------------------------------------------
Navigation
---------------------------------------------------------
*/
#navigation #nav-primary ul, #navigation #nav-secondary ul {
    margin: 0;
    padding: 0;
}
#navigation #nav-primary ul li, #navigation #nav-secondary ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
/*
---------------------------------------------------------
Footer
---------------------------------------------------------
*/
#footer, #network-ten-footer {
    clear: both;
}
#footer ul, #network-ten-footer ul {
    margin: 0;
    padding: 0;
}
#network-ten-footer ul {
    float: right;
}
#footer ul li, #network-ten-footer ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
#network-ten-footer .disclaimer {
    width: 500px;
}
/*
---------------------------------------------------------
Automated Rounded Corners
---------------------------------------------------------
*/
.auto-corner {
    padding:0px;
    border:0px;
    margin:0px;
    position:absolute;
    overflow:hidden;
}
 
/*
---------------------------------------------------------
 + PAGE LAYOUT Content
 + 1 Column Standard Layout
 + 1 / 3 Column Standard Layout
 + 2 Column Standard Layout
 + 2 Column Slim Layout
 + 2 / 2 Column Standard Layout
 + 3 Column Standard Layout
 + 3 Column Slim Layout
 + 3 Column Wide Layout
---------------------------------------------------------
*/
/*
---------------------------------------------------------
Defines column widths / layout positions CSS elements.
---------------------------------------------------------
*/
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content {display:inline-block;}
/* Hide from IE Mac \*/
#content {display:block;}
/* End hide from IE Mac */
/*
---------------------------------------------------------
1 Column Standard Layout
---------------------------------------------------------
*/
#layout-1col #column1 {
    float: left;
    width: 100%;
}
/*
---------------------------------------------------------
1 / 3 Column Standard Layout
---------------------------------------------------------
*/
#layout-1-3col #column1 {
    float: left;
    width: 100%;
}
#layout-1-3col #sub-columns {
    clear: both;
    float: left;
    width: 100%;
}
#layout-1-3col #sub-columns #sub-column1 {
    float: left;
    width: 33%;
}
#layout-1-3col #sub-columns #sub-column2 {
    float: left;
    width: 33%;
    margin: auto 0.5%;
}
#layout-1-3col #sub-columns #sub-column3 {
    float: left;
    width: 33%;
}
/*
---------------------------------------------------------
2 Column Standard Layout
---------------------------------------------------------
*/
#layout-2col #column1 {
    float: left;
    width: 606px;
    margin-right: 2px;
}
#layout-2col #column2 {
    float: left;
    width: 300px;
    margin-left: 2px;
}
/*
---------------------------------------------------------
2 Column Slim Layout
---------------------------------------------------------
*/
#layout-2col-slim #column1 {
    float: left;
    width: 746px;
    margin-right: 2px;
}
#layout-2col-slim #column2 {
    float: left;
    width: 160px;
    margin-left: 2px;
}
/*
---------------------------------------------------------
2 / 2 Column Standard Layout
---------------------------------------------------------
*/
#layout-2-2col #column1 {
    float: left;
    width: 606px;
    margin-right: 2px;
}
#layout-2-2col #column2 {
    float: left;
    width: 300px;
    margin-left: 2px;
}
#layout-2-2col #sub-columns {
    clear: both;
    float: left;
    width: 100%;
}
#layout-2-2col #sub-columns #sub-column1 {
    float: left;
    width: 301px;
    margin-right: 2px;
}
#layout-2-2col #sub-columns #sub-column2 {
    float: left;
    width: 301px;
    margin-left: 2px;
}
/*
---------------------------------------------------------
3 Column Standard Layout
---------------------------------------------------------
*/
#layout-3col #column1 {
    float: left;
    width: 33%;
}
#layout-3col #column2 {
    float: left;
    width: 33%;
    margin: auto 0.5%;
}
#layout-3col #column3 {
    float: left;
    width: 33%;
}
/*
---------------------------------------------------------
3 Column Slim Layout
---------------------------------------------------------
*/
#layout-3col-slim #column1 {
    float: left;
    width: 371px;
    margin-right: 2px;
}
#layout-3col-slim #column2 {
    float: left;
    width: 371px;
    margin-left: 2px;
    margin-right: 2px;
}
#layout-3col-slim #column3 {
    float: left;
    width: 160px;
    margin-left: 2px;
}
/*
---------------------------------------------------------
3 Column Wide Layout
---------------------------------------------------------
*/
#layout-3col-wide #column1 {
    float: left;
    width: 20%;
}
#layout-3col-wide #column2 {
    float: left;
    width: 59%;
    margin: auto 0.5%;
}
#layout-3col-wide #column3 {
    float: left;
    width: 20%;
}


/*
---------------------------------------------------------
Flexible Layouts COMPONENT COMMON
---------------------------------------------------------
*/
#layout-flexible .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#layout-flexible .row {display:inline-block;}
/* Hide from IE Mac \*/
#layout-flexible .row {display:block;}
/* End hide from IE Mac */
/* 1 Column Standard Layout */
#layout-flexible .row-layout-1col .row-column1 {
    float: left;
    width: 100%;
}
/* 2 Column Standard Layout */
#layout-flexible .row-layout-2col .row-column1 {
    float: left;
    width: 640px;
    margin-right: 20px;
}
#layout-flexible .row-layout-2col .row-column2 {
    float: left;
    width: 300px;
    margin-left: 20px;
}
/* 2 Column Slim Layout */
#layout-flexible .row-layout-2col-slim .row-column1 {
    float: left;
    width: 780px;
    margin-right: 20px;
}
#layout-flexible .row-layout-2col-slim .row-column2 {
    float: left;
    width: 160px;
    margin-left: 20px;
}
/* 2 / 2 Column Standard Layout */
#layout-flexible .row-layout-2-2col .row-column1 {
    float: left;
    width: 640px;
    margin-right: 20px;
}
#layout-flexible .row-layout-2-2col .row-column2 {
    float: left;
    width: 300px;
    margin-left: 20px;
}
#layout-flexible .row-layout-2-2col .row-sub-columns {
    clear: both;
    float: left;
    width: 100%;
}
#layout-flexible .row-layout-2-2col .row-sub-columns .row-sub-column1 {
    float: left;
    width: 300px;
    margin-right: 20px;
}
#layout-flexible .row-layout-2-2col .row-sub-columns .row-sub-column2 {
    float: left;
    width: 300px;
    margin-left: 20px;
}
/* 3 Column Standard Layout */
#layout-flexible .row-layout-3col .row-column1 {
    float: left;
    width: 300px;
}
#layout-flexible .row-layout-3col .row-column2 {
    float: left;
    width: 300px;
    margin: auto 40px;
}
#layout-flexible .row-layout-3col .row-column3 {
    float: left;
    width: 300px;
} 

/*
---------------------------------------------------------
 + Promo Preview
 + AD
 + Small Listing
 + Large Listing
---------------------------------------------------------
*/
/*
---------------------------------------------------------
Promo Preview.
---------------------------------------------------------
*/
#content .promo {
    margin-bottom: 4px;
    position: relative;
}
#content .promo h3 {
    margin: 0px;
    padding: 0px;
}
#content .promo-image_text p {
    padding-left: 80px;
    margin: 0px 0px 10px;
}
#content .promo-image_text .preview-image {
    position: absolute;
    left: 0px;
}
#content .promo-image_only img {
    display: block;
}
/*
---------------------------------------------------------
Ad.
---------------------------------------------------------
*/
#content .ad {
    margin-bottom: 4px;
}
#content .ad img {
    display: block;
}
/*
---------------------------------------------------------
Small Listing.
---------------------------------------------------------
*/
#content .small-listing1 .item {
    min-height: 79px;
    _height: 79px;
    position: relative;
    padding-left: 80px;
}
#content .small-listing1 .item h4 {
    margin: 0px;
    padding: 0px;
}
#content .small-listing1 .item .preview-image {
    position: absolute;
    top: 0px;
    left: 0px;
}
#content .small-listing2 .item {
    position: relative;
}
#content .small-listing2 .item h4 {
    margin: 0px 0px 0px 150px;
}
#content .small-listing2 .item .date {
    position: absolute;
    top: 2px;
}
#content .small-listing5 .item {
    margin-bottom: 4px;
}
#content .small-listing5 .item h4 {
    margin: 0px;
    padding: 0px;
}
/*
---------------------------------------------------------
Large Listing.
---------------------------------------------------------
*/
#content .large-listing-type1 .item {
    position: relative;
    min-height: 230px;
    _height: 230px;
    margin-bottom: 4px;
}
#content .large-listing-type1 .item h3 {
    padding: 0px 0px 3px;
    margin: 0px;
}
#content .large-listing-type1 .item p {
    padding: 0px 0px 30px 260px;
}
#content .large-listing-type1 .item .preview-image {
    float: left;
}
#content .large-listing-type1 .links {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
}
#content .large-listing-type1 .links ul {
    margin: 0px;
    padding: 0px;
}
#content .large-listing-type1 .links ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}
#content .large-listing-type1 .links a {
    padding: 0px 10px;
    display: block;
}
#content .large-listing-type2 .item {
    position: relative;
    min-height: 200px;
    _height: 200px;
    margin-bottom: 4px;
    padding-left: 260px;
}
#content .large-listing-type2 .item h3 {
    padding: 20px 0px 3px;
    margin: 0px;
}
#content .large-listing-type2 .item .date {
    position: absolute;
    top: 4px;
    
}
#content .large-listing-type2 .item p {
    padding: 0px;
}
#content .large-listing-type2 .item .preview-image {
    position: absolute;
    left: 0px;
    top: 0px;
} 
 
/*
---------------------------------------------------------
 + COMPONENT SPECIFIC Articles
 + Horizontal Promo
---------------------------------------------------------
*/
/*
---------------------------------------------------------
Articles
---------------------------------------------------------
*/
#content .article .article-head1 .details {
    float: left;
    width: 206px;
}
#content .article .article-head1 .additional {
    float: left;
}
#content .article .article-head1 .additional .image img {
    display: block;
}
#content .article .article-head .additional .links ul {
    margin: 0px;
    padding: 0px;
}
#content .article .article-head .additional .links ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}
#content .article .article-head3 .details {
    float: right;
    width: 300px;
}
#content .article .article-head3 .additional {
    float: left;
}
#content .article .article-head1 .additional .image img {
    display: block;
}
#content .article .article-body {
    clear: both;
}
/*
---------------------------------------------------------
Horizontal Promo
---------------------------------------------------------
*/
#content .hor-promo h2 {
    margin: 0px;
    padding: 0px;
}
#content .hor-promo .all-items {
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 100px;
}
#content .hor-promo .all-items .item {
    float: left;
    text-align: center;
    padding: 0px 5px; 
}
#content .hor-promo .all-items .item img {
    display: block;
    margin: 0px;
    padding: 0px;
}
#content .hor-promo .all-items .item span {
    display: block;
    font-size: 10px;
    padding: 2px 1px;
    margin: 0px;
}
/*
---------------------------------------------------------
Favourites
---------------------------------------------------------
*/
#content .favourite {
    width: 141px;
    height: 20px;
    background: url(/images/favourite-bg.gif) top right no-repeat !important;
    color: #FFF;
    font-size: 10px;
    position: relative;
    float: right;
}
#content .favourite .votes {
    font-weight: bold;
    position: relative;
    top: 3px;
    left: 3px;
}
#content .favourite .votes .count {
    font-weight: normal;
}
#content .favourite .thanks {
    font-weight: normal;
    background: url(images/favourite-thanks.gif) top right;
    color: #FFF;
    width: 71px;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    font-weight: bold;
    text-decoration: none;
}
#content .favourite .thanks span {
    position: absolute;
    top: 3px;
    right: 10px;
}
#content .favourite .link a {
    background: url(images/favourite-vote.gif) top right;
    color: #FFF;
    width: 71px;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    font-weight: bold;
    text-decoration: none;
    cursor: hand;
}
#content .favourite .link a span {
    cursor: hand;
    position: absolute;
    top: 3px;
    right: 10px;
}