* { margin: 0; padding: 0; }

.hidden { display: none; }

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

.clearfix {display: inline-table;}

.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */

#tertiarystories .last, #secondarystories .last, #bottomads .last, .departments .last  {
margin-right: 0;
}


/* For some reason bold and italic tags don't do what they are supposed to do - hopefully this should resolve it */
b {font-weight:bold;}
i {font-style: italic;}

#google p {margin-bottom: 3px;}

/*Forms */

input {
border: 1px solid #000;
font-size: 11px;
padding: 2px;
}

select {
border: 1px solid #000;
font-size: 11px;
padding: 1px;
}


/*tables*/

table {
width: 445px;
font-size: 12px;
border-collapse: collapse;
margin: 0 9px;
}

table#cricketlive {
width: 400px;
}

td, th {
text-align: left;
padding: 4px;
border-right: 2px solid #FFF;
}

th, td.statHeader {
color: #ea0030;
font-weight: bold;
}

#leaguetable th, #leaguetable td, #weatherindex td {
text-align: center;
}
#resultstable th, #resultstable td {
text-align: left;
}

#leaguetable .alignleft, #weatherindex .alignleft {
text-align: left;
}

table tr.subheader th, #leaguetable tr.subheader th, td.statSubHeader {
background-color: #d6d2d2;
color: #000;
}

.even td, td.statShade2  {
background-color: #ededed;
}

td a {
font-weight: bold; 
color: #ea0030;
text-decoration: none;
}

td a:hover {
text-decoration: underline;
}

#eventstable {
margin: 15px 9px;
}

#weatherindex {
margin: 0;
width: 100%;
}

#weatherindex td {
background-color: #ededed;
border-right: none;
border-bottom: 1px solid #FFF;
font-size: 11px;
font-weight: bold;
padding: 6px;
}

#weatherindex td.forecast {
font-weight: normal;
} 

#weatherindex td.weatherpic {
background-color: #FFF;
}

.lastcell {
border-right: none;
}

.hightemp {
width: 89px;
height: 26px;
font-weight: bold;
text-align: center;
padding-top: 10px;
}

.city {
padding-top: 4px;
height: 32px;
}

#weatherindex.fourday {
margin: 10px 0;	
}

#weatherindex.fourday td.alignleft  {
font-weight: normal;
}

#weatherindex.fourday th {
padding-top: 12px;
}

#weatherindex.fourday .subheader th {
padding-top: 6px;
}

#weatherindex .lastcell {
vertical-align: middle;
width: 89px;
}


/*Type*/

* { font: 100% arial, helvetica, sans-serif; }

h1 { font-size: 1em ;} /* 16px */
h2 { font-size: 0.94em; } /* 15px */
h3 { font-size: 0.88em;} /* 14px */
h4 { font-size: 0.81em; } /* 13px */
h5 { font-size: 0.75em; } /* 12px */
p  { font-size: 0.69em; } /* 11px */

p a {color: #ea0030; text-decoration: none;}
p a:hover {text-decoration: underline;}

/*Layout*/
#supercontainer {width: 924px; margin: 0 auto; }
#container {width: 780px;  float:left; }
#sky {margin-left:6px; border: 1px solid #d6d2d2; padding:3px; float:left; width:124px; position:relative; top:108px;}


#masthead {margin: 8px 10px 5px 1px; float:left; width:162px;}


#masthead img {}


#banner {float:right; width:460px; margin-top:32px;}

#banner img {
float: none;
margin: 0;
}

.right {
float: left;
width: 300px;
margin: 0 0 10px 0;
}

.left {
width: 470px;
float: left;
margin: 0 10px 10px 0;
}

#searchbox .left {
width: 470px;
float: left;
margin: 0 10px 10px 0;
}

#search .left {
width: 670px;
float: left;
margin: 0 10px 10px 0;
}

#content1, #content2 {
margin-bottom: 0;
}

#contentwrapper {float: left;}

#footer {clear: both; border-top: 2px solid #ea0030; padding-top: 15px;text-align: center;}
#footer p {font-size: 11px; margin-bottom:10px;}
#footer a {font-weight: bold; color: #ea0030; text-decoration: none; font-size: 11px;}
#footer a:hover {text-decoration: underline;}

/* general elements */

.contentbox {
border: 1px solid;
padding: 2px;
}

.contentboxEmpty {padding: 0px; margin: 0px; border: 0px;}
.contentboxEmpty img {padding: 0px; margin: 0px; border: 0px;}

.spacer {
display: none;
}

.contentbox h2, .tblHd, .storyheading {
font-size: 11px;
line-height: 10px;
font-weight: bold;
color: #FFF;
padding: 7px 5px;
text-transform: uppercase;
border: 1px solid;
}

#searchbox, #mypipex, #topsearchform {
background-color:#d6d2d2;
}


#topsearch a {
	margin:5px 9px; display:block; color: #ea0030; text-decoration: none; font-weight:bold; font-size:12px;
	padding-left: 12px;
	margin-left: 4px;
}
#topsearch a:HOVER {text-decoration: underline;}

#searchbox h2, #mypipex h2 {
font-size: 12px;
font-weight: bold;
padding: 4px 8px 3px 8px;
background-color: #ededed;
}

#searchbox input, #mypipex input {
margin: 6px 5px 4px 5px;
width: 320px;
float: left;
}

#topsearchform input {
margin: 6px 5px 4px 5px;
width: 210px;
float: left;
}



#searchbox {position: relative;}
#searchoptions {position: absolute; top: 0; left: 130px;}
#searchoptions ul {list-style:none;}
#searchoptions li {float: left; font-size: 11px; padding: 3px 8px; line-height: 15px;}
#searchoptions li.selected {background-color: #CCC;}
#searchoptions li a {color: #000; font-weight: bold; text-decoration: none;}
#searchoptions li a:HOVER {color: #ea0030; text-decoration: underline;}

#mypipex input {
width: 110px;
}

#mypipex input.gobutt  {
width: 38px;
height: 20px;
border: 0;
padding: 0;
margin: 6px 0 4px 0;
float: none;
}

#mypipex {
position: relative;
}

#mypipex #email {
position: absolute;
left: 185px;
}

#mypipex #email h2 a {
font-weight: bold; 
color: #ea0030;
text-decoration: none;
}

#mypipex #email h2 a:hover {
text-decoration: underline;
}


#mypipex #email h2 {
width: 98px;
float: left;
}


#mypipex #email input {
position: absolute;
}


#searchbox #searchbutt, #topsearchform .searchbtn {
margin: 6px 0 4px 0;
width: 60px;
height: 20px;
border: 0;
padding: 0;
float: none;
}


/* homepage elements */

#mpu {

width: 300px;
background-color: #FFF;
margin-bottom: 10px;
clear: both;
position:relative;
top:0px;
left:0px;
}

#ad {
width: 300px;
height: 60px;
background-color: #FFF;
}

#newspromo, #ocean {
width: 468px;
margin-bottom: 10px;
border: 1px solid;
}

/*products promo box */

#prodpromos {float: left; position: relative; width: 294px; height: 166px; overflow: hidden; font-size:11px; }
#prodpromos ul {list-style-type: none; float:left; border-bottom: 1px solid; }
#prodpromos ul li {border:1px solid; border-bottom: 0; padding: 1px; }
#prodpromos ul li a {display: block; padding: 8px 5px; width: 123px; font-size: 11px; font-weight: bold; text-decoration: none; color: #FFF;}
#prodpromos ul li a:hover {text-decoration: underline;}

.prodpromo {
position: absolute; left: 139px; top:2px; border: 1px solid; border-left: 0; height: 158px; padding: 6px 8px 0 8px;
width: 140px; display: inline; 
}
.prodpromo h3 {color: #E0134F; font-weight: bold; font-size: 13px;}
.prodpromo h4 {font-size: 12px; font-weight: bold; color:#333; margin: 4px 0;}
.prodpromo strong {color: #E0134F; font-weight: bold; font-size: 12px;}
.prodpromo ul, .prodpromo p {font-size: 11px; margin: 0; padding: 0;}
.prodpromo p {line-height: 14px;}
.prodpromo a.clickhere {margin-top:3px; font-size:12px; font-weight:bold; display:block; width:100%; text-align:center;}

#prodpromos .prodpromo ul, #prodpromos .prodpromo ul li {border: 0px;}

#prodpromosmenu1 { background-color: #ea0030;}
#prodpromosmenu2 { background-color: #404040; }
#prodpromosmenu3 { background-color: #bdbdbd; }
#prodpromosmenu4 { background-color: #a7c1b8; }
#prodpromosmenu5 { background-color: #afa07f; }

/*affiliate promo box */

#affpromos {
float: left;
position: relative;
width: 294px;
height:181px;
overflow: hidden;
}

#affpromos h2 {
margin-bottom: 3px;
}

#affpromos ul {
list-style-type: none;
float:left;
border-bottom: 1px solid;
}

#affpromos ul li {
border:1px solid;
border-right: 0;
border-bottom: 0;
padding: 1px;
}

#affpromos ul li a {
display: block;
padding: 2px 5px;
width: 110px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #000;
}

#affpromos ul li a.selected {
background-color: #ea0030;
color: #FFF;
}


.affpromo { background-color: #FFF; border: 1px solid; top: 31px; left: 125px; padding: 9px 15px; height: 132px; width: 138px; position: absolute; display: inline; }

.affpromo p { font-size: 11px; }


#mainpromo {
border: 1px solid;
margin-bottom: 10px;
float: left;
}

#reg123 {height: 82px;position: relative;}
#reg123 img {float: left;margin: 10px 10px 0 10px;}
#reg123 h3 {font-size: 12px;margin-top: 8px;margin-bottom: 5px;padding: 0px;}
#reg123 h2 a {text-transform: uppercase; color: #FFFFFF;font-weight: 800; text-decoration: none;padding: 0px;margin: 0px;line-height: 11px;font-size: 11px;}
#reg123 h2 a:hover {text-decoration: underline;}
#reg123 #www {float: left;font-size: 12px;line-height: 19px;margin-right: 2px;}
#reg123 input, #reg123 select {float: left;font-size: 12px;margin-right: 5px;border-color: #d6d2d2;}
#reg123 .gobutt  {width: 38px;height: 18px;border: 0;padding: 0;}
#reg123 #domain {width: 170px;}
#reg123 #pricecouk249 {width: 78px; height: 79px;position: absolute;top: 5px; left: 385px;}



.column {
width: 142px;
margin-right: 7px;;
float: left;
}

.column ul {
list-style-type: none;
font-size: 11px;
margin: 5px 0 4px 0;
}

.column li {
border-bottom: 1px solid #C7E6FB;
height: 15px;
float:left;
padding: 3px 0 4px 0;
}


.column li.last {
border-bottom: none;
height: 15px;
float:left;
padding: 3px 0 4px 0;
}

.column li a {
display: block;

margin-left: 4px; 
width: 140px;
color: #000;
text-decoration: none;
}

.column li a:hover {
text-decoration: underline;
}

#lifestyle {
margin-right: 0;
}

/*Content pages */

#topstory {
padding: 10px 6px;
background-color: #ededed;
}

#story #topstory {
background-color: #FFF;
}

#topstory img {
float: left;
margin-right: 13px;
margin-bottom: 10px;
}

#topstory h3, #storybody h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
}

#topstory h3 a, #storybody h3 a {
color: #ea0030;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

#topstory h3 a:hover, #storybody h3 a:hover {
text-decoration: underline;
}

#topstory p {
font-size: 13px;
line-height: 18px;
margin-bottom: 6px;
}

#topstory h3, topstory p {
padding-right: 13px;
}

#secondarystories {
padding: 0 9px;
margin-top: 20px;
float: left;
}

.secondarystory p, .secondarystory h4 {
font-size: 11px;
line-height: 16px;
}

.secondarystory h4 {
margin: 6px 0 2px 0;
}

.secondarystory h4 a {
font-weight: bold;
color: #ea0030;
text-decoration: none;
text-transform: uppercase;
}

.secondarystory h4 a:hover {
text-decoration: underline;
}

.secondarystory {
float: left;
width: 146px;
margin-right: 7px;
}



/* Tertiary stories */

#tertiarystories {
clear: left;
}

#tertiarystories .column {
width: 226px;
}

#tertiarystories .column li{
width: 226px;
border-color: #F7E0EA;
}

#tertiarystories .column li a {
color: #ea0030;
text-decoration: none;
width: 210px;

display: block;
height: 14px;
overflow: hidden;
}

#tertiarystories .column li a:hover {
text-decoration: underline;
}


/* storylist */

#storylist {
margin: 10px 9px;
}

.story {
margin: 15px 0;
}

.story p {
line-height: 17px;
font-size: 11px;
}

.story h3 a {
font-weight: bold;
color: #ea0030;
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
}

.story h3 a:hover {
text-decoration: underline;
}

/* story body */

#storybody {
padding: 10px 9px;
}

#storybody p {
margin: 10px 0;
line-height: 17px;
font-size: 12px;
}

#storybody img {
float: right;
margin-left: 13px;
margin-bottom: 10px;
}



.slcontent b {
font-weight: bold;
}

.slcontent p {
font-size: 11px;
line-height: 15px;
}

.slcontent {
padding: 10px;
}


/*events pages */

#eventdetail {
margin: 10px 9px;
}

#eventdetail img {
float: right;
margin-left: 8px;
}

#eventdetail h3 {
font-size: 16px;
font-weight: bold;
color: #ea0030;
}

#eventdetail p {
line-height: 16px;
font-size: 11px;
}

/* misc */

h5 {
color: #000;
font-weight: bold;
}

.innermenu {
margin: 15px 9px;
}

.innermenu ul {
list-style-type: none;
font-size: 11px;
}

.innermenu a {
font-weight: bold;
color: #ea0030;
text-decoration: none;
}

.innermenu a:hover {
text-decoration: underline;
}

/* shopping */

#topstory h4 {
font-size: 14px;
color: #000;
font-weight: bold;
}

.departments {
padding: 0 9px;
margin: 5px 0 20px 0;
}

.departments h2 {
font-size: 20px;
font-weight: bold;
color: #ea0030;
margin: 9px 0 12px 0;
}

.department {
width: 142px;
float: left;
margin-right: 12px;
}

.department img {
border: 0;
}

.department h3 {
margin-bottom: 3px;
}

.department p {
line-height: 17px;
font-size: 11px;
}

.department h3 a {
font-weight: bold;
color: #ea0030;
text-decoration: none;
font-size: 11px;
}

.department h3 a:hover {
text-decoration: underline;
}



/* text ads */

#ad1 {
padding: 6px;
background-color: #EDEDED;
clear: both;
margin: 20px 9px;
}

#topstory #ad1 {
margin: 20px 0;
}

.ad img {
border: 0;
float: left;
margin-right: 4px;
}

.ad a p {
text-decoration: none;
font-size: 11px;
padding: 0;
margin: 0;
color: #000;
}

.ad a h1 {
font-size: 11px;
font-weight: bold;
color: #ea0030;
text-decoration: none;
}

.ad a:hover h1, .ad a:hover p {
text-decoration: underline;
}

.ad a:hover {
text-decoration: underline;
}

#bottomads {
margin: 20px 9px;
}

.bottomad {
width: 128px;
margin-right: 7px;
float: left;
padding: 9px;
background-color: #EDEDED;
}

.bottomad img {
float: right;
margin: 0 0 0 4px;
}

/*Nav*/

#nav {
margin-bottom: 10px;
width: 100%;
float: left;
border:1px solid #f8f8f8;
padding: 1px;
background-color:#d8d9d3;
}

#nav ul {
list-style-type: none;
font-size: 11px;
}

#nav ul li {
float: left;

padding: 5px 6px;
margin-right: 4px;
}

#nav ul li a {
display: block;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

#nav ul li a:hover {
text-decoration: underline;
}

#subnav ul {
border: 1px solid;
border-top: 0;
padding: 5px 13px 10px 13px;
list-style-type: none;
font-size: 12px;
}

#subnav li {
padding: 2px 0;
font-weight: bold;
color: #666;
}

#subnav ul li a {
color: #ea0030;
text-decoration: none;	
font-weight: bold;
}

#subnav ul li a:hover {
text-decoration: underline;	
}

#subnav ul li.selected a {
color: #000;
}

#subnav ul ul {
border: 0px;
padding-bottom: 0px;
}

#subnav ul ul li {
height: 15px;
padding: 2px 0 2px 0;
}

#subnav ul .selected ul li a, #subnav ul li ul li a {
display: block;
padding: 0 0 0 12px;
margin: 0 0 0 4px;
font-weight: normal;
color: #ea0030;
}

#subnav ul .selected ul li.selected a {
color: #000;
font-weight:bold;
}

/* weather */

#subnav #weathermenu ul, #subnav #weathermenu ul li {
padding-top: 1px;
padding-left: 0;
margin-left: 0;
}

#subnav #weathermenu ul ul {
padding-left: 10px;
font-size: 11px;
}

#subnav #weathermenu ul ul li a {
font-weight: normal;
}

#subnav #weathermenu li.selected a, #subnav #weathermenu li ul li.selected a {
color: #000;
}

#subnav .section {
border-top: 1px solid #d6d2d2;
padding-bottom: 4px;
}

/*Colour*/

#searchbox {
background-color: #CCC;
}

#mypipex {
background-color: #CCC;
}

.contentbox, #newspromo, #subnav ul, .affpromo, #ad, #affpromos ul, #affpromos ul li,  .prodpromo, #prodpromos ul, #prodpromos ul li, .contentbox h2, img#mainpromo { border-color: #d6d2d2; }
.contentbox, #ad { margin-bottom: 10px; }

/* Travel */
#travelsubnav {width:270px; float:left;}
#travelsubnav li {
	list-style:none;
	width:46%;
	float:left;
	font-weight: normal;
	color: #ea0030;
}
#travelsubnav li a {
	color: #ea0030;
	font-size:11px;
	padding: 0 0 0 12px;
	margin: 0 0 0 4px;
}
#travelBody {padding: 10px 6px;}
#travelBody p {
	line-height: 17px;
	font-size: 11px;
}
#travelBody span.selection_item_title {
	font-weight: bold;
	color: #ea0030;
	text-decoration: none;
	font-size: 13px;
	display:block;
}

#venue, #venue_address, #venue_telephone, #event_cost {margin-bottom:12px; display:block}

.horo img {float:left; margin-right:12px; margin-top:3px;}

.details {font-size:11px;}


/* Hoffstuff */
.vidad {}


#hoffbox {}
.hoffbox {
color: #FFF;
border-bottom: 0;
margin-bottom: 0;
}

#hoffbox div.adReplace img {margin:-3px 0px 0px 0px;}
#hoffbox div.adReplace a {
margin:0px; padding:0px;

}


#hoffbox #storybody {
padding-bottom: 0px;
}

#hofflink {
margin-bottom: 10px;
border: 1px solid #D6D2D2;
border-top: 0;
}

#hoffbox img {
border: 0;
float: left;
margin: 2px 0 0 0;
}

#controls {
float: left;
background-color: #000;
width: 272px;
padding: 2px;
}

#controls p {
float: right;
width: 170px;
margin-top: 2px;
font-size: 11px;
}


/*** SEARCH ***/
#search #searchbox {width: 470px; float: left; margin: 0 10px 10px 0;}
#search a {text-decoration:underline;}
#search a:HOVER {color:#888;}