/* ===== DOM elements ========================================================== */

body {

     font:          normal 0.80em "Trebuchet MS", Arial, sans-serif;
     color:         black;
     background :   #eeeeee;
     margin:        auto;
     padding:       0;
}

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td {
     text-align: left;
     vertical-align: top;
}
th {
     text-align: left;
     vertical-align: top;
}

h1 {
     font-size: 1.6em;
     padding-top: 0;
     margin-top: 0;
	color: navy;
}

h2 {
     color: navy;
     font-size: 1.3em;
}

a {
     color: #007fd6;
     text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: red;
}

a:active {
     color: red;
}

img {
     border: 0px;

}
/* ===== Top heading section =================================================== */

.heading {
     height: 100px;
     padding-bottom: 10px;
     margin: 0;
     position: relative;
}


/* ===== Navigation stuff ====================================================== */
.summaryRow{

     padding-top: 14px;

}
.summary{

       width: 100%;
       border: 1px solid black;


}
.summaryHead {


     margin: 0px;
     padding: 5px;

     color: red;
     font-size: 1.1em;
     background-color: #EAEAEA;

     font-weight: bold;

     vertical-align: middle;
     line-height: 1.5em;
     border: 1px solid black;
          width: 160px;
}

.summaryBody{
     padding: 5px;


     color: red;

     background-color: #F3F3F3;

     vertical-align: middle;






}



.nav {
     width: 180px;
     padding-top: 14px;

}

.nav ul{

     list-style: none;

     margin: 0px;

     padding: 0px;

     display:block;

     font: normal 1.0em "Trebuchet MS", Arial, sans-serif;

}

.nav ul li{

     border-top:solid #CFCFCF 1px;

     margin: 0px;

     padding: 0px 0px 0px 10px;

     color: #044C6C;

     background-color: #EAEAEA;

     border-bottom: solid #ffffff 1px;

     font-weight: bold;

     line-height: 1.5em;

     display:block;

}

.nav ul li ul{

     list-style: none;

     margin-left: -10px;

     padding: 0px;

     border: 0px;

     display:block;

}

.nav ul li ul li{

     font-size: 1em;

     color: #044C6C;

     background-color: #F3F3F3;

     border: 0px;

     padding-left: 24px;

     display:block;

}

.nav ul li a {

     text-decoration: none;

     color: #044C6C;

     background-color: #EAEAEA;

}

.nav li li a {

     text-decoration: none;

     color: #044C6C;

     background-color: #F3F3F3;

}
.nav ul li a:hover{
     color: red;
     text-decoration: none;
}

.topItems{
     padding-top: 14px;
     width : 145px;

}


.sizeSelector {
     display: block;

	padding : 7px 0px 7px 10px;

     margin: 0;
     border: 0;

     font-weight: bold;
}



.sizeSelector a:hover {
     color: red;
     text-decoration: underline;
}

.thread {
     float:left;
     position: relative;
     top: 10px;
     left: 10px;
     margin: 0;
     border: 0;
     color: white;

     font-weight: bold;
}

.thread a {
     color: white;
}

.thread a:hover {
     color: white;
     text-decoration: underline;
}

.tickerRow{
     padding-top: 8px;
     font:          normal 10pt monospace;
}

/* ================ Additional information ======================================= */

.main { /* main table */

     width          : 995px;
     background     : white;
     border         : 10px solid white;
     margin         : auto;
     margin-top     : 0px;
     margin-bottom  : 30px;
	padding        : 0;
}

.mainAds {
	float: right;
	width: 120px;
	margin: 0;
	padding: 0px 0px 10px 10px;
	text-align: center;
	background: white;
}

.leftAds {

     background-color: #EAEAEA;;
}
.advert {
     text-align: center;
}

.space {
	margin: 0;
	padding: 0;
	border-bottom: 10px solid white;


}
.navSpace {
     margin: 0;
     padding: 0;
     border-bottom: 10px solid white;
     width: 180px;

}

.search {

	height: 40px;
	background: white url('./images/website/searchBckg.png') repeat-x top left;
	padding: 0;
	border-bottom: 0px solid white;
     color:white;
}

.searchBar {
	float: right;
	margin: 0;
	padding: 6px 10px 0px 0px;
}


.content {
	margin: 0;
     padding: 14px 0px 20px 14px;
     width: 666px;


}

.errorMsg {
	padding: 0px 16px 0px 16px;
	font-weight: bold;
	color: red;
}

.tableContent td {
     margin: 0;
     padding: 0px 16px 16px 16px;
}

.contentSplurge {
     text-align: justify;
     padding:    0px;
     line-height: 1.5em;
     color: black;
}

.contentText {
     text-align: justify;
     padding:    0px;
     line-height: 1.5em;
}

.contentSplurge img a{
     text-decoration: none;
     border: 0;

}

.imageLeft {
     float: left;
     clear: right;
     padding-right: 15px;
}


.imageCenter {
     text-align: center;
     clear: both;
}

.imageRight, .RIGHT {
     float: right;
     clear: left;
     padding-left: 15px;
}

.imageTitle {
     text-align: center;
     color: black;
}


.landing {
     clear: both;
     display: block;
}



.landingSep {
     margin-top: 50px;
     padding: 7px 0px 7px 0px;
     text-align: center;
     color: #d5bfff;
     border-top: 1px solid #eee6ff;
     border-bottom: 1px solid #eee6ff;
}



.homePageStories td {
	width: 50%;
	padding: 10px 20px 10px 0px;
	font-size: 0.95em;
}


.imageLeft, .LEFT {
	float: left;
}



/* ----- Issue classes ------------------------------------------------------- */

.issuePanelCurrent {
          display:            block;
          float: right;
          width:              200px;
          margin:             0;
          text-align:         center;
          padding:            5px;
          background-color:   #eeeeee;
          border:             1px solid #c0c0c0;
}
.issuePanelHome {
          display:            block;
          width:              238px;
          margin:             0;
          text-align:         center;
          padding:            5px;
          background-color:   #eeeeee;
          border:             1px solid #c0c0c0;
}

.issuePanel {
          display:            block;
          width:              90%;
          height:             330px;
          margin:             0px auto 20px auto;
          padding:            5px;
          background-color:   #eeeeee;
          border:             1px solid #c0c0c0;
          text-align:         center;
}

.issueTitle {
          top:                0px;
          left:               0px;
          font-size:          14pt;
          font-weight:        bold;
          color:              navy;
          text-align:         center;
}


.issuePanel issueCover {
          position:           absolute;
          top:                25px;
          left:               0px;
          height:             140px;
          width:              150px;
}


.issuePanel issueSponsor {
          position:           absolute;
          top:                165px;
          left:               0px;
          background-color:   #eeeeee;
          width:              200px;
          border:             1px solid navy;
          margin:             0;
          padding:            0;
}


.issueContentsList {
          position:           absolute;
          right:              160px;
          top:                225px;
          margin:             0;
          padding:            10px 10px 10px 10px ;
          width:              225px;
          background:         #eeeeee;
          border:             1px solid #c0c0c0;
}

.prevTable {
          width:              100%;
}

.issueColumn1 {
          width:              50%;
}

.issueColumn2 {
          width:              50%;
}
.cen{
          text-align:         center;
          vertical-align:     middle;
}
.LEFT{

          padding:            0px 10px 10px 0px ;
}
.RIGHT{
          padding:            0px 0px 10px 10px ;

}
.half{
          width: 50%;
}
.alignRight{
          clear: both;
          text-align:         right;
}


/* ================ Product Stories ============================================== */

.storyDiv {
	border-top: 1px solid #f0f0f0;
}

.storyDivDetails {
	margin: 0;
	padding: 10px 0px 20px 0px;
}
.adverDiv {
     border-top: 1px solid #f0f0f0;
     padding: 5px 0px 5px 0px;
}

.adverDivDetails {
     margin: 0;
     padding: 0px;
}

.returnToList {
	position: relative;
	top: -15px;
}

.advertImage {
	margin: 0;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

.navBarLink {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}

.prodRow1 {
	background: white;
}

.prodRow2 {
	background: #f8f8f8;
}

.resultsTable {
	padding: 0;
	margin-bottom: 20px;
}

.resultsTable table{
	width: 100%;
	border: 1px solid #c0c0c0;
}

.resultsTable table td {
	padding: 5px 0px 5px 5px;
}

.resultsTable table th, .delRow {
	padding: 5px 0px 5px 5px;
	background: #eeeeff;
}


#frmUkFreeCopy1 {
	display: block;
	width: 100%;
}


/* ================ Brochure section ============================================= */

.brochLeft {
	margin: 0;
	padding: 0px 5px 5px 0px;
	width: 440px;
}

.brochRight {
	margin: 0;
	padding: 0px 0px 5px 5px;
	width: 440px;
}


/* ================ Footer section =============================================== */

.footer {
     width: 100%;
     margin: 0;
     padding: 1px 0px 1px 0px;

     text-align: center;
     color: navy;
     border-top: 1px solid silver;
}



.footerGbLink{

     padding :20px;
}
/* ================ Contact us page ========================================= */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}


/* ================ Form stuff ============================================== */

.requiredField {
	background: #ffffd0;
}

.readonlyField {
	background: #f0f0ff;
}

/* =============== Table to do with news stories ============================ */

.newsClear{
     clear:both;
     height: 20px;
}
.compDetailsTable {

     width: 100%;
     background: #007fd6 url('./images/website/blueTint.gif') repeat-x top left;

}
.maxWidth{

     width:100%;
}
.listPic{

     float:right;
     height: 100px;
     width:100px;
}
.newsBoxes{
     width:100%;
     background: #eaeaea;
}

.boxPic{

     text-align: center;
     height: 100px;
     width: 100px;
     overflow:none;
     border: 1px solid black;
}
.boxDiv{
     padding: 10px;
     text-align: center;
}

.newsSpace{
     background:white;

}
.pictureClear{
     clear: both;
}

#frmFreeCopy2 td{

     height: 23px;
}

.bottomBar{


     height: 40px;
     background: white url('./images/website/searchBckg.png') repeat-x top left;
     padding: 0;
     padding-top:10px;
     border-bottom: 0px solid white;
     color:white;

}

.leftFootText{
     float:    left;
     position: relative;
     left: 10px;
     margin: 0;
     border: 0;
     color: white;

     font-weight: bold;
}

.rightFootText{
     float:    right;
     position: relative;
     right: 10px;
     margin: 0;
     border: 0;
     color: white;

     font-weight: bold;
}

.leftFootText a, .rightFootText a {
     color: white;
}

.footText a:hover, .rightFootText a:hover {
     color: white;
     text-decoration: underline;
}

            .cellTextDescription{
                margin:0px;
                color:#808080;

            }
            .cellTextDescription a{
                font-size:1.2em;
            }

/* ========= The menu bar across the top ========= */

.menuBar {
     height: 30px;
     background: #cd2318 url('./images/website/navStrip.png') no-repeat bottom left;
     text-align: left;
     margin: 0;
}

.menuBar ul {
     list-style-type: none;
     padding: 5px 0px 0px 0px;
     margin: 0;
}

.menuBar ul li {
     display: inline;
     margin: 0;
     padding: 0px 10px 0px 10px;
     border-left: 1px solid white;
}

.menuBar ul li:first-child {
     display: inline;
     margin: 0;
     padding: 0px 10px 0px 10px;
     border-left: 0px solid white;
}

.menuBar a {
     color: white;
     font-weight : bold;
}

.menuBar a:hover{
     color: yellow;
     text-decoration: none;
}

.menuBar .currentPage a{
	color: yellow;
     text-decoration: none;
}


.secBar {
     height:             20px;
     font-weight:        bold;
     margin:             0px;
     padding:            0px 0px 0px 0px;

}
.secBar ul {
     list-style-type:    none;
     padding:            5px 0px 0px 0px;
     margin:             0px;
}

.secBar ul li {
     display:            inline;
     padding:            0px 6px 0px 10px;
     border-left:        1px solid #1D2172;
}


.secBar ul li a{
     color:              red;

}

.secBar ul li a:hover{
     color:              #EE2E24;
     text-decoration:    none;
}


.secBar ul li:first-child {
     display:            inline;
     margin:             0px;
     border-left:        1px solid white;
}


.topSpace {
     margin: 0;
     padding: 0;
     border-bottom: 10px solid white;
     width: 120px;

}
/* changes for the mini mag */

.mag_content {
     margin: 0;
     padding: 14px 0px 20px 14px;
     width: 615px;

}
.mag_topItems{
     padding-top: 14px;
     width : 200px;

}

.contentCustomer{
	border-top: 1px solid #cfcfcf;
     border-bottom: 1px solid #cfcfcf;
     background: #eaeaea;
     padding: 0px 10px 0px 10px;

}
.contentCustomer h2{

     color: #cd2318;

}
.contentCustomer a{

     color: #cd2318;


}

.magAds{

     float: right;
     width: 180px;
     margin: 0;
     padding: 0px 0px 10px 10px;
     text-align: center;
     background: white;

}

/* =============== New advert stuff ============================================== */
.advertTable{

     width: 320px;
     border : 1px solid blue;
}
.advertTop{
	min-height : 42px;
     height: 42px;
}

.advertsTable td{

     padding: 1px;
     padding-top: 2px;
}
.advertLeftTop .testimonial, .advertLeftBottom{
     width: 180px;
	text-align: center;

}
.topAdvert{
	float: right; 
     clear: right;
	padding: 0px;

}
/* The top navigation bar ====== */


.top {
     float: right;
     z-index: 10;
     text-align: left;
     margin: 0;
     padding-bottom: 5px;

}




.top ul {
     list-style-type: none;
     padding        : 0px;
     margin         : 0;
}

.top ul li {
      display            : inline;
      border-left        : 1px solid black;
}


.top  ul li:first-child{

     border-left:        0px solid white;
}

.top  li {

     padding: 0px 0px 0px 10px;
}

.top ul li a{
     color          : black;

}

.top ul li a:hover{
     color: #c51b27;

}

.top .currentPage a:visited{

     color: #c51b27;
}