body { margin:0; padding:0; font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif; background: #ffffff url(http://www.totalsport.co.nz/images/background_right.gif) repeat-y fixed top left; font-size:11px; line-height: 11px; color:#649BC1; text-align:left; }

/* Menu */
#menu {	width: 670px; height: 28px;	margin: 0 auto;	padding-left: 10px;	background: #FF6600 repeat-x;}
#menu ul { margin: 0; padding: 0; list-style: none;}
#menu li { display: inline;}
#menu a { display: block; float: left; padding: 4px 32px 0px 10px; text-decoration: none; font-size: 100%; color: #FFFFFF;}
#menu a:hover {	text-decoration: underline;}

p { line-height: 13px; text-align: justify;}
td { font-size: 12px; line-height: 12pt;}
h2 { font-size: 14px; font-weight: bold; color: #99cc33; line-height: 12pt;}
h4{ font-size: 18px; line-height: 16pt;}
h3{ font-size: 16px; line-height: 16pt; margin-bottom: 10px;}

hr { color: #FF6600; height: 2; text-align: left; }
 /* Links must be in this order to be active
a:link {color: #FF0000}     
a:visited {color: #00FF00}  
a:hover {color: #FF00FF}
a:active {color: #0000FF} /*/

a.sub:link {color: #03A8BB; text-decoration: underline;}
a.sub:active {color: #03A8BB; text-decoration: underline;}
a.sub:visited {color: #03A8BB; text-decoration: underline;}
a.sub:hover {color: #33CC00; text-decoration: underline;}

a.sub2:link {font-weight: bold; font-variant: normal; color: #99CC33; text-decoration: underline;}
a.sub2:active {font-weight: bold; font-variant: normal; color: #99CC33; text-decoration: underline;}
a.sub2:visited {font-weight: bold; font-variant: normal; color: #99CC33; text-decoration: underline;}
a.sub2:hover {font-weight: bold; font-variant: normal; color: #99CC33; text-decoration: underline;}

a.hyper:link {color: #99CC33; text-decoration: underline;}
a.hyper:active {color: #99CC33; text-decoration: underline;}
a.hyper:visited {color: #99CC33; text-decoration: underline;}
a.hyper:hover {color: #33CC00; text-decoration: underline;}

.storybox2 {
font-size: 9px; color: #33CC00; text-decoration: underline; float:right; margin: 0px; padding: 0px 0px 0px 6px; line-height:14px; width:100px;}

.storybox1 {font-size: 9px; color: #33CC00; text-decoration: underline; text-align: center; float:right; margin: 0px; padding: 0px 0px 0px 8px; line-height:14px;}

.midheadergreen { font-size: 13px; font-weight: bold; color: #99CC33;}
.smallheaderblue { font-size: 10px; font-weight: bold; color:#649BC1;}
.bigheaderblue { line-height: 16px; font-weight: bold; color:#649BC1;}
.midheaderlight { color: #FF6600; font-weight: bold;}
.largeheaderlight { color: #FF6600; font-size: 14px; font-weight: bold;}
.smallheaderwhite { font-size: 10px; font-weight: bold; color: #FFFFFF;}
.medheaderwhite { font-weight: bold; color: #FFFFFF;}
.bigheaderwhite { line-height: 18pt; font-size: 14px; font-weight: bold; color: #FFFFFF;}

ul { line-height: 12pt;	display: inline; list-style-type: square;}

li { line-height: 14pt;}

th { line-height: 12pt}

/* background images - Netscape will not render properly if you assign
 the style or class to the table or table row tags. Older Netscape versions (v4.x)
  cannot view background images in table cells./*/

.tdback { background-image: url(http://www.totalsport.co.nz/newsletter/images/main_bckrpt.jpg);} 

.littletable { border: #73bfdb 1px solid; padding: 4px;	margin: 4px auto; color: #6698c6; line-height: 16px; background-color: #ffffff; text-align: left;}

.producttable {	border: #73bfdb 1px solid; padding: 10px; margin: 6px auto; line-height: 16px;}

.tableblue { border: #73bfdb 1px solid; padding: 4px; margin: 4px auto; line-height: 16px;	color: #6698c6; background: url(http://www.totalsport.co.nz/images/boxbackgrnd.jpg) repeat-x; }

.logotable { border-top: #73bfdb 1px solid; border-bottom: #73bfdb 1px solid; padding: 4px; margin: 4px auto; line-height: 16px; color: #6698c6;
background-color: #ffffff; text-align: left; }

.videoembedlevel{
z-index:1;
}

.footer { font-size: 10px; color: #6698c6;}

/* the margin order px(move pic down ) px(push text right) px(push up/down text underneath) px(move pic left)/*/

.splashImage { float: left;	margin: 10px 10px 0px 0px;}

.splashImage2 {	float: right; margin: 10px 0px 10px 10px; padding-left:6px;}

.splashImage3 {	float: right; margin: 0px; padding-left:6px;}

.splashImage4 {	float: right; margin: 0px 8px 10px 10px; padding-left:6px;}

.storyprint { float:left;margin:0px 0 0px 0px;width:150px;display:block;line-height:14px;vertical-align:top}
.storyprint a {text-decoration:none;background-image:url(../images/print_icon_off.gif);background-position:left center;background-repeat:no-repeat;padding-left:30px;display:block;}
.storyprint a:hover {color:#33CC00;text-decoration:underline;}

.storyemail {float:left;margin:0px; width:150px; display:block; line-height:14px; vertical-align:top;}
.storyemail a {color:#649BC1;text-decoration:none;background-image:url(../images/mail_icon_off.gif);background-position:left center;background-repeat:no-repeat;padding-left:30px;display:block;}
.storyemail a:visited {color:#649BC1;}
.storyemail a:hover {color:#33CC00;text-decoration:underline;}