/*************** HTML tag styles *****************/
body{z-index:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.166; margin:0px; padding:0px; background-color:#fff; }

/*a:link, a:visited, a:active {text-decoration: none; color:#000;} a:hover {text-decoration: underline;}*/
a:link, a:visited, a:active {color:#7fa3c2;} a:hover {text-decoration: underline;}
a.toplink:link, a.toplink:visited, a.toplink:active {text-decoration: none; line-height:1.2;} a.toplink:hover {text-decoration: underline;}
a.bold:link, a.bold:visited, a.bold:active {font-weight:bold;}

a.black:link, a.black:visited, a.black:active {color:#000; text-decoration:none;}
a.black:hover {text-decoration: underline;}

a.white:link, a.white:visited, a.white:active {color:#fff; text-decoration:none;}
a.white:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:0; color:#7fa3c2;}
h1 {font-size:20px;}
h2 {font-size:17px;}
h3 {font-size:15px;}
h4 {font-size:13px;}
h5 {font-size:11px;}
h6 {font-weight:normal; font-size:0.5em; text-align:center;}

a img {border:0;}

.error {color:#FF0000; font-weight:bold;} /* Class for error messages (colored in red and boldened) */

/*************** Layout Divs **************/

 /* Master layer surrounding everything */
 #master {
   width:900px;
   padding:0;
   overflow:auto;
   text-align:left;
 }

 /* Header layer */
 #header {
   width:100%;
 }

 #header img {float:left;}

 /* Advert banner inside header layer */
 #topadvert {
   float:right;
   text-align:left;
   padding:0;
   font-size:9px;
   margin-top:5px;
 }

 #topadvert img {
   text-align:left;
   border:1px solid #ffffff;
   margin-top:0.5em;
 }

 /* Right Hand Side */
 #right {
   position:relative;
   float:right;
   text-align:center;
   width:160px;
 }
 
 #right h4, #right h5 {text-align:center;}

 #right img {
   text-align:left;
   border:0;
 }

 /* Main Content Area */
 #content {
   width:735px;
   float:left;
   text-align:left;
 }

 /* Navigation */
 #nav {
   width:100%;
   text-align:center;
   background-color:#7fa3c2;
   color:#fff;
   line-height:15px;
   background-image:url('../images/layout/nav_end.png');
   background-repeat:no-repeat;
   background-position:right;
   margin-bottom:5px;
 }
 
 #nav a {color:#fff;}

 /* Footer */
 #footer {width:100%; clear:both; background-color:#7fa3c2; color:#fff; text-align:center; margin-top:5px;}

 .banner {padding-top:5px; margin-right:5px; text-align:center;}

 .inner {padding:5px; overflow:auto;}

 /* new layout divs for use on test page */
 /* Header layer */
 #masthead {
   width:100%;
   background:url('../images/layout/header_bkgd.gif') no-repeat;
 }

 #masthead img {float:left;}

 #mainbody {width:910px; margin-top:5px; overflow:auto;}
 #left {width:605px; margin-right:5px; float:left; overflow:auto;}
 #innerLeft {width:300px; margin-right:5px; float:left;}
 #innerRight {width:300px; float:right;}
 #rightside {width:300px; float:right;}
 
 #rightside img.cover {width:298px;}

/***** Three Column Layout *****/
.colContainer {width:100%; overflow:auto;}
.col1, .col2 {margin-right:10px;}

.oneCol {width:33%;}
.twoCols {width:66%;}

.right {float:right;}
.left {float:left;}

.componentheading {
  background-image:url('../images/layout/nav_end.png');
  background-repeat:no-repeat;
  background-position:right;
  background-color:#7fa3c2;
  padding-left:5px;
  padding-bottom:5px;
}
.componentheading h1, .componentheading h3, .componentheading h5 {color:#fff;}
.componentheading a {color:#fff; text-decoration:none;}

/* Set parameters for a box with no header colour */
.plainBox {margin-bottom:5px;}

.boxItem {float:left; overflow:auto; margin-bottom:5px; width:100%;}
.boxItem img {float:left; width:75px; margin-right:5px;}
.boxItem h4 a {text-decoration:none;}
.boxItem h4 a:hover {text-decoration:underline;}

/* Set parameters for different coloured header backgrounds
.blueHead {background-image:url('../images/layout/header_bkgd_blue.png'); background-repeat:repeat-x;}
.pinkHead {background-image:url('../images/layout/header_bkgd_pink.png'); background-repeat:repeat-x;}
.greenHead {background-image:url('../images/layout/header_bkgd_green.png'); background-repeat:repeat-x;}
.purpleHead {background-image:url('../images/layout/header_bkgd_purple.png'); background-repeat:repeat-x;}
.yellowHead {background-image:url('../images/layout/header_bkgd_yellow.png'); background-repeat:repeat-x;}

.blueHead h1, .pinkHead h1, .greenHead h1, .purpleHead h1, .yellowHead h1 {color:#fff;}*/


.viewmore {text-align:center; width:100%; float:left;}
.viewmore a {font-weight:bold;}

p.readmore a {color:#7fa3c2; margin-bottom:5px;}

.pagenumbers {text-align:center; padding:5px 0; margin:5px 0;}
a.pagenumbers {background-color:#7fa3c2; color:#fff; padding:5px; border:1px solid #7fa3c2; text-decoration:none;}
a.pagenumbers:hover {background-color:#fff; color:#7fa3c2; text-decoration:none;}

.image {float:right; width:200px;}
.caption {color:#666;}

/*********************** Default Form ***********************/
form.default {
  border:1px solid #7fa3c2;
  margin-top:5px;
  padding:5px;
}

form.default h5 {
  margin:0 0 10px 4px;
  color:#fff;
}

form.default fieldset {
  width:605px;
  border:0;
  display:block;
  padding:5px;
  font-family:verdana, sans-serif;
  margin-bottom:6px;
  line-height:19px;
}

form.default legend {
  font-weight:bold;
}

form.default label {
  clear:left;
  display:block;
  float:left;
  width:200px;
  text-align:right;
  padding-right:10px;
  margin-bottom:6px;
}

form.default input {
  padding-left:2px;
  margin-bottom:6px;
}

form.default .button {
  padding:5px;
  background-color:#7fa3c2;
  color:#fff;
  font-weight:bold;
  border:1px solid #069;
  font-size:11px;
  cursor:pointer;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

form.default .button:hover {
  background-color:#069;
}

form.default select {
  margin-bottom:6px;
}

form.default .radio {
  float:left;
  margin-top:0;
  margin-right:20px;
}

form.default .radiolabel {
  margin-bottom:0px;
  display:block;
  float:left;
  width:45px;
  text-align:right;
  padding-right:5px;
}

form.default .summarylabel {
  float:left;
  display:block;
  width:227px;
  font-weight:bold;
  text-align:right;
  margin-right:10px;
}

form.default .summaryinfo {
  float:left;
  display:block;
  width:227px;
  text-align:left;
}

form.default .required {
  font-weight:bold;
}


/*********************** booking form ************************/
#bookingform {width:40em; background-color:#FFFFFF; padding:1em;}
form.bookingform {width:600px; color:#000000; text-align:left; padding:0.5em; font-size:11px;}
form.bookingform legend {font-weight:bold; color:#309; font-size:13px;}
form.bookingform fieldset {border:1px dashed #309; margin-bottom:10px; padding:5px;}
form.bookingform label {margin-top:0.5em; width:275px; display:block; float:left; font-weight:bold;}
form.bookingform input {margin-top:0.5em;}
form.bookingform select {margin-top:0.5em;}
form.bookingform textarea {margin-top:0.5em;}
form.bookingform .button {padding:2px; background-color:#309; cursor:pointer; color:#fff; font-weight:bold;}
form.bookingform .button:hover {padding:2px; background-color:#CC0000;}

/*********************** Competition Form ***********************/
form.competition {border:0px solid #000; margin:0;}
form.competition fieldset {border:1px solid #000; display:block; padding:5px; font-family:verdana, sans-serif; margin-bottom:7px; line-height:19px;}
form.competition p {margin-top:0;}
form.competition legend {font-weight:bold; color:#000000;}
form.competition label {clear:left; display:block; float:left; width:200px; text-align:right; padding-right:10px; margin-bottom:5px; color:#006699;}
form.competition input {padding-left:3px; margin-bottom:5px;}
form.competition .button {
  padding:5px;
  background-color:#7fa3c2;
  color:#fff;
  font-weight:bold;
  border:1px solid #069;
  font-size:11px;
  cursor:pointer;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

form.competition .button:hover {
  background-color:#069;
}
form.competition select { margin-bottom:5px;}
form.competition .required {
  font-weight:bold;
}

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

/*********************** Right Side ***********************/
#advertRight	{background-color:#cc0000; margin-bottom:0.5em; width:150px; padding:5px;}
#advertRight a	{font-size:1.1em; color:#fff; font-weight:bold;}
#advertRight p	{font-size:0.8em; color:#fff;}

/*************** Previous-Index-Next ***************/
.links {text-align:center; padding:5px; margin:5px 0; border-top:1px solid #039; border-bottom:1px solid #039;}
.links a {padding:5px; text-decoration:none; font-weight:bold;}
.links a:hover {background-color:#039; color:#fff;}

.TTlinks {border-top:1px solid #6600cc; border-bottom:1px solid #6600cc;}
.TTlinks a:hover {background-color:#6600cc;}

.SSlinks {border-top:1px solid #090; border-bottom:1px solid #090;}
.SSlinks a:hover {background-color:#090;}

/*************** Account Management Page **************/
#accountHeader {width:620px; height:21px; padding:4px 5px 0 5px; background-color:#069; color:#fff; font-weight:bold;}
#accountHeader img {float:right;}
.accountMain {width:618px; margin:0 6px 6px 0; padding:5px; border:1px solid #069; background-color:#fff; display:block;}
.accountMain table {width:618px; text-align:center;}
.accountMain td {padding-right:5px; width:206px;}

/*************** .article styles ***************/
.articlewrap  {width:600px; padding:5px; margin:0 5px 5px 10px; display:block; background-color:#039;}
.articlewrap h5 {color:#fff; font-size:1em; padding-bottom:5px;}
.articlewrap a {color:#fff; font-weight:bold;}

.article {display:none; padding:5px; background-color:#fff; color:#000; overflow:auto;}
.article p {margin-top:0;}
.article a {color:#000; font-weight:bold;}
.article img {margin:0 0 0 5px; float:right;}

/******************* END OF NEW CSS FOR REVAMPYNESS *******************/

/* Advertising Page Styles */
.adsTable {width:100%;}
.adsTable tr {}
.adsTable td {padding:5px; vertical-align:top; border:1px solid #000; width:50%;}

.specialOffers {
  padding:5px;
  background-color:#7fa3c2;
  color:#fff;
  border:1px solid #069;
  margin:5px 0;
}
.specialOffers p {
  font-weight:bold;
  font-size:15px;
  margin:0;
  text-align:center;
}
.specialOffers h4 {
  text-align:center;
  color:#fff;
}

.rounded, .rounded h3, .rounded a {color:#fff;}

form.buyissue {}
form.buyissue a {color:#000;}
form.buyissue input {padding-left:0.2em; margin-bottom:-0.4em; margin-top:0.4em;}
form.buyissue h3 {text-align:center; color:#000;}
form.buyissue select {font-size:0.9em;}
form.buyissue .button {padding:5px; background-color:#fff; color:#069; font-weight:bold; border:1px solid #069; font-size:11px; cursor:pointer;font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px;}
form.buyissue .button:hover {background-color:#069; color:#fff;}

a.linkbutton {padding:5px; background-color:#7fa3c2; color:#fff; font-weight:bold; border:1px solid #069; text-decoration:none;}
a.linkbutton:hover {background-color:#069; text-decoration:none;}

div.rounded a.linkbutton {padding:5px; background-color:#ffffff; color:#069; font-weight:bold; border:1px solid #069; text-decoration:none;}
div.rounded a.linkbutton:hover {background-color:#069; color:#ffffff; text-decoration:none;}

div.backissues {width:227px; text-align:center; float:left; margin-top:10px; margin-bottom:5px;}
div.backissues h4 {text-align:center; margin-bottom:5px;}
div.backissues h4 a {text-decoration:none;}
div.backissues img {border:1px solid #7fa3c2; width:210px; height:294px;}

div.magdigital {width:150px; float:left; border:0; margin-bottom:10px; text-align:center;}
div.magdigital img {border:1px solid #7fa3c2; width:140px; height:196px; margin:5px 0;}
div.magdigital p {margin-top:5px; margin-bottom:0;}

div.magdigital form .button {padding:5px; background-color:#7fa3c2; color:#ffffff; font-weight:bold; border:1px solid #069; font-size:11px; cursor:pointer;font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px;}
div.magdigital form .button:hover {background-color:#069;}


.cover {width:100%;}

/* Divs for rounded corner effect */
div.rounded {
  background: url(../images/layout/tl.gif) 0 0 no-repeat;
  padding: 0;
  margin-top:5px;
}

div.rounded div {
  background: url(../images/layout/bl.gif) 0 100% no-repeat;
  margin: 0;
  border: 0;
}
 
div.rounded div div {
  background: url(../images/layout/tr.gif) 100% 0 no-repeat;
}

div.rounded div div div {
  background: url(../images/layout/br.gif) 100% 100% no-repeat;
  padding:10px;
}

div.rounded div div div div {
  background: none;
  padding:0;
}