BODY {
	margin:0px;
	padding:0px;
	width:100%;
	font-family: arial, helvetica, sans;
	font-size:0.72em;
	line-height:1.25em;
	color:#000000;
	text-align:center;
	height:100%;
	background:#cccccc;
	}
	


IMG {border:0px;}

A 	{color:#ED1B24;text-decoration:none;}
A:hover {color:#b2aaa4;}
	
H1, H2, H3, H4  {margin:0px;padding:0px;color:#000000;}

H1 {font-size:26px;line-height:110%;margin-bottom:7px;}

H2 {font-size:90%;line-height:110%;padding-bottom:3px;}
H3 {font-size:90%;line-height:110%;font-weight:normal;}


P {font-size:90%;line-height:110%;padding-top:0px;margin-top:0px;padding-bottom:5px;margin-bottom:5px;clear:both;}
.bodyCopy P, .bodyCopy2 P {
  font-size: 11px;
}

body.medium .bodyCopy P, body.medium .bodyCopy2 P {
  font-size: 13px;
}

body.big .bodyCopy P, body.big .bodyCopy2 P {
  font-size: 15px;
}


UL {list-style-type:none;padding:0px;margin:0px;}
LI {margin:0px;padding:0px;}



FORM {margin:0px;padding:0px;}
INPUT, SELECT, TEXTAREA {font-size:100%;}


*|*:-moz-any-link:focus {outline-width: 0 !important;}  


/* --- structure  --- */

embed, object { margin: 0; padding: 0; }

.container {width:877px;position:relative;margin:52px auto;text-align:left;background:#ffffff;padding:21px 10px 10px 10px;}

.header {width:100%;position:relative;z-index:20;float:left;display:inline;padding-bottom:7px;}
.logo {float:left;height:28px;margin-bottom:7px;margin-top:33px;}
.banner {float:right;}
.strapline {position:absolute;left:7px;bottom:8px;width:307px;height:11px;z-index:20;}
.strapline IMG {display:block;}
UL.mainNav {float:left;display:inline;margin:0px 0px 0px 7px;background:#ed1b24;width:478px;padding:0 0 0 392px;height:14px;color:#fff;text-transform:uppercase;position:relative;}
UL.mainNav LI {float:left;margin:0 16px 0 0;padding:0;position:relative;color:#fff;font-size:9px;} 
UL.mainNav A {color:#ffffff;}
UL.mainNav A:hover {color:#000000;}
UL.mainNav UL {background: url(../../images/nav_background.png);position:absolute;left:0px;top:14px;z-index:3;display:none;}
UL.mainNav UL LI {margin:0px;padding:1px;float:none;height:12px;display:block;color:#000000;}
UL.mainNav UL LI A {color:#000000;}
UL.mainNav UL LI A:hover {color:#ed1b24;}
UL.mainNav LI:hover UL {display:block;}


LI.navMagazine LI A, LI.navExtras LI A, LI.navAbout LI A, LI.navAdvertising  LI A  {width:109px;display:block;height:12px;}
LI.navExtras LI A {width:139px;}
LI.navAbout LI A {width:139px;}
LI.navAdvertising LI A {width:115px;}
LI.navSubscribe LI A {width:99px;}

.colLeft {
	width: 388px;
	margin: 0 40px 0 0;
	float: left;
}

.colRight {
	width: 388px;
	margin: 0;
	float: left;
}

.twitterData {
	float: left;
	margin: 10px 0 0 0;
	}
.twitterData .date { 
	color: #aaa;
	font-size: 0.8em;
	}
a.twitterLink, a.twitterLink:hover { 
	color: #00c7fb 
	}
#twitterSlider ul, #twitterSlider li {
	margin:0;
	padding:0;
	list-style:none;
	}
#twitterSlider { position: relative; }
#twitterSlider, #twitterSlider li { 
	/* define width and height of container element and list item (slide) list items must be the same size as the slider area */ 
	width:280px;
	height:50px;
	overflow:hidden; 
	}
span#prevBtn a, span#prevBtn a:hover, span#nextBtn a, span#nextBtn a:hover{ 
    color: #00C7FB;
    font-weight: bold;
	}

img.twitterLogo { float: left; }
img.facebookLogo { position: absolute; right: 44px; top: 35px; }


.search {position:absolute;width:105px;height:14px;display:block;background:url(../../images/search_bg.gif) no-repeat 0px 3px;right:0px;bottom:8px;}
#searchBox {width:91px;height:10px;border:0px;background:none;font-size:9px;color:#333333;margin-right:1px;}
#searchSubmit {width:11px;height:10px;position:absolute;right:2px;top:3px;}

.content {position:relative;z-index:1;margin:0px 0px 0px 7px;clear:both;width:870px;height:376px;min-height:376px;}
.bodyCopy {width:189px;margin-right:7px;float:left;display:inline;}

.content IMG {display:block;}
.highlight 	{color:#ed1b24;}
/* --- home page --- */
.content.home .bodyCopy {margin-top:140px;}
.homeItem {width:100%;}
.homeItem.second, .homeItem.third, .homeItem.fourth, .homeItem.fifth, .homeItem.sixth,  {display:none;}
.content.home .mainImage {width:674px;float:left;display:block;}

/* --- 3 column pages --- */
.content.multiCol H1 {float:left;display:inline;width:189px;margin-right:7px;}
.content.multiCol .bodyCopy {margin:76px 7px 0px 0px;}
.content.multiCol .bodyCopy  IMG {margin-bottom:2px;display:block;}
.content.multiCol .bodyCopy.currIssue {margin:0px 7px 0px 0px;}
.heading.currIssue {float:left;display:inline;width:189px;margin-right:7px;}

/* --- blogs --- */
.content.blogs {xpadding-bottom:30px; height: 316px;}
.content.blogs .bodyCopy {width:392px;margin:63px 7px 0px 0px;padding-top:2px;border-top:7px solid #ed1b24;}
.content.blogs .bodyCopy2 {width:392px;margin:63px 0px 0px 35px;padding-top:14px;border-top:7px solid #000000;float:left;display:inline;height:280px;}
.content.blogs .bodyCopy2 .scrollContent {width:436px;height:280px;overflow:hidden;}
.content.blogs H2 {font-size:11px;text-transform:uppercase;margin-bottom:2px;clear:both;}
.blogStory {float:left;display:inline;}
.blogRow {float:left;display:inline;margin-bottom:4px;}
.blogStory H3 {width:191px;clear:both;font-size:14px;font-weight:bold;}
.blogStory.lead H3 {color:#ed1b24;}
.blogStory.lead H3 A {color:#ed1b24;}
.blogStory.lead H3 A:hover {color:#000000;}
.blogStory H3 A {color:#000000;}
.blogStory H3 A:hover {color:#ed1b24;}
.blogStory p {width:280px; margin-bottom: 5px; padding: 0 0 5px;}
p.paginate {float: left;}
.blogStory P A, A.commentLink, A.arrowLink {padding-left:10px;background:url(../../images/blog_arrow.gif) no-repeat 0 3px;line-height:140%;}
.blogStory IMG, .author {float:left;}
.blogStory.lhs {margin-right:7px;}
.blogStory.lead P,.blogStory.lead H3 {margin-left:98px;}
.blogStory.lead .author P, .blogStory.lead .author IMG {margin-left:0px;}
.blogStory.lead .author {width:91px;}

.content.feature.blogStory .bodyCopy.comments {
  xheight:  280px;
  width:  660px;
  position: absolute;
  left: 204px;
  bottom: 0;
}

.content.feature.blogStory .comments h3 {
  font-weight: bold;
  margin-bottom: 1em;
}

.author {margin-right:7px;font-weight:bold;}

.blogs H1 {
  width: 196px;
}

/* --- feature page & search results --- */
.content.feature H1 {float:left;display:inline;width:229px;margin-right:7px;}
.content.searchResults H1 {float:left;display:inline;width:189px;margin:41px 7px 0px 0px;}
.content.searchResults .scrollContent H1 {float:left;display:inline;width:189px;margin:0px 0px 14px 0px;;font-size:90%;line-height:110%;color:#ed1b24;font-weight:normal;}
.content.searchResults H2 {position:absolute;top:-30px;}
.content.searchResults A {color:black}
.content.searchResults A:hover {color:#b2aaa4;}
.content.searchResults .searchSummary { color: #000; }

.content.searchResults .textMagazine { margin: 0 0 10px 0; }
.content.searchResults .textWeb { margin: 0 0 14px 0; }
.content.feature .forPrint {display:none;}

.content.feature .bodyCopy  {width:298px;position:absolute;left:0px;bottom:0px;height:280px;background:#ffffff;}
.content.searchResults .bodyCopy {width:260px;position:absolute;left:0px;bottom:0px;height:280px;background:#ffffff;}
.content.searchResults .bodyCopy2 {width:260px;position:absolute;left:273px;bottom:0px;height:280px;background:#ffffff;}
.content.searchResults .searchColumn {width:320px;position:absolute;left:545px;bottom:0px;height:280px;background:#ffffff;}
.content.searchResults .bodyCopy, .content.searchResults .bodyCopy2, .content.searchResults .searchColumn {
  bottom: 20px;
}

.content.searchResults .searchTitle {
    float: left;
    }

.content.searchResults .forKeyword {
    font-size:20px;
    line-height: 21px;
    padding-left: 5px;
    display: inline;
    }


/* search column (on results) */

.searchColumn .textRefineYourSearch { 
    margin: 0 0 13px 0; 
    }

.searchColumn fieldset {
    padding: 4px 0 0 0;
    margin: 0 0 10px 0;
    border: none;
    float: left;
    clear: left;
    }

.searchColumn select {
    float: left;
    padding: 0;
    height: 20px;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #efefef;
    }

.searchColumn hr {
    border: none; background: #ddd;
    height: 1px;
    margin: 14px 0;
    clear: both;
    }

.searchColumn input.keywords {
    width: 220px;
    margin: 0 0 0 10px;
    padding: 1px;
    float: left;
    height: 20px;
    border: 1px solid #ccc;
    font-size: 12px;
    }
    
.searchColumn .radioButtons {
    float: left;
    margin: 0 0 0 10px;
    }
    
.searchColumn .formButtons {
    width: 100%;
    clear: both;
    text-align: right;
    }
    
.searchColumn .formButtons input.submit{
    border: none;
    }

.clearfix {
    clear: both;
    }

.content.searchResults .bodyCopy2.fade {opacity: 0.4;-moz-opacity:0.4;}
.content.searchResults .scrollContent {overflow:hidden;height:260px;}
.content.feature .scrollContent {overflow:hidden;height:280px;}
.content.searchResults LI {color:#ED1B24;font-size:90%;line-height:110%;margin-bottom:5px}
.content.searchResults LI A, .content.searchResults LI A:hover {font-weight: bold;}
.scrollContent .bodyCopy.currIssue.first {margin-left:196px;}
.content.multiCol .scrollContent {overflow:hidden;height:260px;}
.content.feature .forPrint {display:none;}

.imageViewer {float:right;display:inline;width:475px;margin-right:97px;position:relative;}
.content.feature .imageViewer {margin-top: 8px; margin-right: 2px;position:relative;}

#imageHolder {width:578px;height:284px;overflow: hidden;}
.videoHolder {width:578px;height:284px;overflow: hidden;}
.content.feature .imageHolder {width:475px;}

.imageHolder IMG {display:block;}
.imageControls {width:475px;height:87px;position:absolute;top:286px;left:0;}
.imageControls UL {width:98px;float:left;display:inline;padding-top:14px;font-size:80%;line-height:110%;}
.imageControls UL LI A {color:#000000;}
.imageControls UL LI A:hover {color:#ed1b24;}
.imageControls UL.photos, .unconsidered-trifles .imageControls UL.plans {background:url(../../images/feature_photos_icon.gif) no-repeat;}
.imageControls UL.plans  {background:url(../../images/feature_plans_icon.gif) no-repeat;}
.imageControls UL.pdfs  {background:url(../../images/feature_pdfs_icon.gif) no-repeat;}
.imageControls UL.videos  {background:url(../../images/feature_videos_icon.gif) no-repeat;}

.imageControls UL.photos LI ,.imageControls UL.videos  LI ,.unconsidered-trifles .imageControls UL.plans LI {float:left;display:inline;margin:0px 7px 7px 0px;}


/* --- blogs --- */

.content.blogs {padding-bottom:0px; height: 290px;}
.content.blogs .bodyCopy {width:392px;margin:12px 7px 0px 0px;padding-top:2px;border-top:7px solid #ed1b24;}
.content.blogs .bodyCopy2 {width:392px;margin:12px 0px 0px 35px;padding-top:14px;border-top:7px solid #000000;float:left;display:inline;height:280px;}
.content.blogs .bodyCopy2 .scrollContent {width:436px;height:280px;overflow:hidden;}
.content.blogs H2 {font-size:11px;text-transform:uppercase;margin-bottom:2px;clear:both;}
.blogStory {float:left;display:inline;}
.blogRow {float:left;display:inline;margin-bottom:4px;}
.blogStory H3 {width:191px;clear:both;font-size:14px;font-weight:bold;}
.blogStory.lead H3 {color:#ed1b24;}
.blogStory.lead H3 A {color:#ed1b24;}
.blogStory.lead H3 A:hover {color:#000000;}
.blogStory H3 A {color:#000000;}
.blogStory H3 A:hover {color:#ed1b24;}
.blogStory P { width:190px;}
.blogStory P A {padding-left:10px;background:url(../../images/blog_arrow.gif) no-repeat 0 3px;line-height:140%;}
.blogStory IMG, .author {float:left;}
.blogStory.lhs {margin-right:7px;}
.blogStory.lead P,.blogStory.lead H3 {margin-left:98px; width: 294px;}
.blogStory.lead .author P, .blogStory.lead .author IMG {margin-left:0px;}
.blogStory.lead .author p {width:91px;}
.blogComments P {width:290px;}
.blogCommentSubtle {color: grey; }
.bodyCopy P A {background:none;line-height:100%;padding-left:0px;}

.author {margin-right:7px;font-weight:bold;}


.content.feature.blogStory H1 {float:left;display:inline;width:auto;margin:0px;padding:0px;height:26px;}
.content.feature.blogStory H2 {float:left;display:inline;color:#ed1b24;clear:both;text-transform:uppercase;font-size:120%;margin-top:3px;width:189px;}
.content.feature.blogStory H2 .author {text-transform:none;color:#000000;}

.content.feature.blogStory .imageViewer {float:left;display:inline;width:475px;margin-left:14px;margin-right:7px;position:relative;}
.content.feature.blogStory .imageViewer .caption {font-size:90%;font-weight:bold;}
.content.feature.blogStory .addLinks {float:left;display:inline;width:89px;font-size:90%;}
/* --- webextras and footer --- */
.cleaner {clear:both;height:1px;line-height:1px;}


.footer {clear:both;color:#000000;padding-top:7px;text-align:left;width:100%;position:relative;}

.webExtra {position:relative;margin-left:7px;width:870px;float:left;display:inline;clear:both;font-size:11px}
.webExtra h4 {height:11px;background:#ed1b24;color:#ffffff;text-transform:uppercase;font-size:10%;margin-bottom:7px;}

.webExtra UL.story LI {margin-left:7px;float:left;display:inline;font-size:80%;line-height:120%;text-transform:uppercase;position:relative;}
.webExtra UL.story LI:hover {cursor:pointer;}
.webExtra UL.story LI IMG {margin-bottom:2px;display:block;}
.webExtra UL.story LI:first-child, .webExtra UL.story LI.first {margin-left:0px;}
.webExtra UL LI .infoCopy {color:black;width:87px;height:50px;padding:2px;position:absolute;left:0px;top:0px;font-size:100%;background:none;text-transform:none;display:none;}

.footer .banner, .footer .banner2 {width:89px;height:89px;margin-left:7px;background:#cccccc;float:left;display:inline;}
.footer .banner2 {width:90px;}

.currentIssue h2.date {
  float: left;
  display: inline;
  margin-left: -199px;
  margin-top: 40px;
  font-size: 14px;
}

.currentIssue .bodyCopy h3 {
  font-size: 11px;
}

.digitalEdition ul.plans {
  background-image: none;
}

.content.blogEntry .author {
	position: absolute;	
	left: 0;
	width:  96px;
}
.content.blogEntry .author img {
  float: none;
}

.content.blogStory.blogEntry .bodyCopy {
    left: 100px;
    width: 192px;
}

.content.blogStory.blogEntry .bodyCopy .scrollContent {
    width: 198px;
}

.content.feature.blogStory .bodyCopy {width:198px;}

.content.blogEntry h2 {
  margin-left: 100px;
}

.webExtra A:hover {color:#000;}

h4 img {position:relative; top:1px}

.copyright {font-size: 9px; color: grey;position:absolute; left: 0; top: 96px;}

/* forms */

form#netbanxForm {
    margin: 0 0 15px 0;
    padding: 0;
    float: left;
    width: 100%;
    }
    
form#netbanxForm .formRow {
    float: left;
    clear: left;
    margin: 0 0 5px 0;
    width: 100%;
    }

form#netbanxForm label {
    float: left;
    width: 120px;
    font-size: 0.9em;
    font-weight: bold;
    }

form#netbanxForm input {
    float: left;
    }

form#netbanxForm input#paymentAmount {
    width: 50px;
    }
    
form#netbanxForm input#merchantReference {
    width: 120px;
    }
    
form#netbanxForm .formButtons {
    clear: left;
    float: left;
    }  

form#netbanxForm .formButtons input.submit {
    float: left;
    }




/* form from the contact_form email module */
#contact_form {
    margin: 0;
    padding: 2px 0 0 0;
    float: right;
    width: 282px;
    height: 12px;
    background: #ED1B24;
    }

#contact_form label.email {
    float: left;
    text-align: left;
    width: 186px;
    margin: 0 6px 0 0;
    padding: 0; 
    color: #fff;
    height: 12px;
    line-height: 9px;
    font-size: 9px;
    font-weight: bold;
    overflow: hidden;
    }

#contact_form input.email {
    width:74px;
    background:#fff;
    color:#333333;
    float:left;
    font-size:9px;
    height:10px !important;
    padding:0;
    float: left;
    line-height: 1em;
    border: none;
    }
    
#contact_form input.submit {
    padding: 0;
    margin: 0;
    float: left;
    line-height: 1em;
    }



/**
 * jQuery lightBox plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 99%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 99%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 99%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 99%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
	padding-bottom: 1.0em;
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}