﻿body {
    background-attachment: fixed; 
	background-image: url(images/bg3.jpg);
	background-repeat: repeat-x;
	background-color:#86A8A7;
	margin-top: 0px;
	font: normal 11px Verdana, Helvetica, sans-serif;
	color:#333;
}
/* ---------------------------------------------------------------------------------------------------------------------*/
/*page frame styles */

/*use crappy gif shadow for IE*/
DIV#shadow {
width:750px; background:url(images/shadow.gif) repeat-y;
}

/*hide png shadow from IE 4/5/6*/
html>body DIV#shadow {
width:750px; background:url(images/shadow.png) repeat-y;
}

DIV#page {
width:740px;
}

DIV#header {
width:740px;height:25px;
/*background:#fff url(images/header.jpg) no-repeat*/
}

DIV#navbar {

}

DIV#banner {

}

DIV#shadowFooter {
//background:url(images/shadow_footer.jpg) no-repeat; 
{text-align:center;list-style: none;color:#000;font-size:12px;}

width:740px; height:21px;
}

DIV#contentleft {
padding:24px;width:523px;
}


/* Lists */
ul {padding:0;margin:0.3em 0.3em 0.3em 2.2em;list-style: url('images/li-bullet-curl.gif');}
li.on {list-style:url('images/red-arrow.gif');font-weight:bold;color:#336699;font-size:11px;text-decoration:underline;}
li, .Details {padding: 0;margin:12px 0 0 0;}
dl {margin-left:10px;}
dt {font-weight:bold;}
dd {margin:4px 0 4px 10px;}	

/* Footer*/
/* Links for bottom of web page - usually copyright notice and legal links */
#bottomnav {text-align:center;list-style: none;color:#000;font-size:12px; font-weight:bold}
#bottomnav li {display: inline;margin:0;}
#bottomnav a {color:#000;text-decoration: none;border-right: 1px solid #ccc; padding: 1px 9px 1px 6px;}
#bottomnav a:hover {color:#354444;text-decoration: underline;}

/* Main Styles */
p, li {font-size:11px; line-height:14px; margin:0; margin-bottom:1em;}
h1, h2, h3, h4, h5, #taskbutton {font-family:"Trebuchet MS", Helvetica, sans-serif;font-weight:normal;}
h1 {font-size:30px;padding-bottom: 4px;margin:0 0 8px 0;color:#336699; border-bottom:6px solid #C1D1E0;}
h2 {font-size:16px; font-weight:bold; margin:0; margin-top:18px; margin-bottom:6px; color:#cc0000;}
h3 {font-size:14px;margin-top:24px;color: #156A91; font-weight:bold; border-bottom:1px solid #ccc;}
h3 a:link, h3 a:visited {font-size: 14px;text-decoration: none;color: #666;font-weight:bold;}
h3 a:hover {color: #036;}
h4, h5 {font-size:14px;font-weight:bold; color: #666; padding-bottom:6px;}
a:link {color:#336699;}
a:visited {color: #336699;}
a:hover {color: #CC0000;}
a:focus {color:#CC0000;outline:none;}

/* Main Nav April 2007 */
#nav {
	width:740px;
	background: transparent url("images/menu.jpg") no-repeat 0 0; 
	height:40px;
	position:relative;
	z-index:19;
	font-size:12px;
	text-align:left;
}
#nav, #nav ul { /* all lists */padding:0;margin: 0;list-style: none;list-style-image:none;margin:0px;}
#nav a {display: block;height:40px;text-indent:-9000px;text-decoration:none;}
#nav li { /* all list items */
float:left;margin:0;}
#nav a.home {background: transparent url("images/menu.jpg") no-repeat -10px 0;width:130px;margin-left:10px;}
#nav a.aboutus {background: transparent url("images/menu.jpg") no-repeat -140px 0;width:130px;}
#nav a.recipes {background: transparent url("images/menu.jpg") no-repeat -270px 0;width:170px;}
#nav a.e-shopping {background: transparent url("images/menu.jpg") no-repeat -440px 0;width:150px;}
#nav a.location {background: transparent url("images/menu.jpg") no-repeat -590px 0;width:130px;}

#nav a.home:hover, #nav a.homeActive {background: transparent url("images/menu.jpg") no-repeat -10px -130px;width:130px;margin-left:10px;}
#nav a.aboutus:hover, #nav a.aboutusActive {background: transparent url("images/menu.jpg") no-repeat -140px -130px;width:130px;}
#nav a.recipes:hover, #nav a.recipesActive {background: transparent url("images/menu.jpg") no-repeat -270px -170px;width:170px;}
#nav a.e-shopping:hover, #nav a.e-shoppingActive {background: transparent url("images/menu.jpg") no-repeat -440px -150px;width:150px;}
#nav a.location:hover, #nav a.locationActive {background: transparent url("images/menu.jpg") no-repeat -590px -130px;width:130px;}
#nav li ul { /* second-level lists */
position: absolute;width:182px;left: -999em;border-bottom:4px solid #336699;background:#e9eff3 url("images/subnav-bg.gif") repeat-x 0 0;padding:14px 0 6px 0;margin:0;z-index:19;}

#nav li ul li {margin:0;float:none;}
#nav li ul li a {font-weight:normal;color:#333;text-decoration:none;text-indent:0;padding:6px 8px 0 14px;border-bottom:1px solid #dee8f2;height:1.8em;display:block;}
#nav li ul li a.sublevel {padding:6px 8px 0 24px;color:#333;font-size:11px;background:#f2f7f8 url("images/nav-sublevel.gif") no-repeat 10px 8px;}
#nav li ul li a:hover {text-decoration:none;color:#000;background:#fff;}
#nav li ul li a.sublevel:hover {background:#fff url("images/nav-sublevel-over.gif") no-repeat 10px 8px;}
#nav li:hover ul, #nav li.navHover ul {left: auto; /* lists nested under hovered list items */}


/* Top SubNav */
#subnavWrapper{float:right;}
 
 #subnav{list-style: none; font-size:11px;text-align:left;}

#subnav ul {
     padding: 0;
     margin-left:-12px;
	 margin-top:0;
     list-style: none;
     width:120px;
     z-index:29;
     position:absolute;
     overflow:hidden;
}

#subnav li {
     margin:0;
     position: relative;
     float:left;
     /*width:120px;*/
	 padding:0 12px 0 12px;
	 border-left:1px solid #ccc;
     /*background-color:rgb(204, 204, 204);*/
	 background:#fff;
     /*border:solid 1px #CCC;*/
	 /*border-bottom:1px solid #fff;*/
     display:block;
     /*height:20px;*/
}

#subnav ul li{ border-width:1px 1px 0 0;}

#subnav ul ul li{ border-width:1px 1px 0 1px;}

#subnav ul ul li:last-child{border-bottom:1px solid #f0f0f0;}

#subnav a {
     text-decoration:none;
     display:block;
     padding: 2px;
	 margin:0;
     /*margin:0.2em 0 0.2em 0.1em;*/
     /*width:100px*/
     /*height:20px;*/
}

/*#subnav a:hover,*/ #subnav li:hover {
     background-color:#DDE6F0;
}
#subnav ul li:hover, #subnav ul li a:hover {
     background-color:#f0f0f0;
}

#subnav ul{
     display:none;
}

/*all see this */
#subnav ul ul{
     display:none;
     position:absolute;
     margin-top:-1.8em;
     margin-left:12em;
}

/* non-IE browsers see this */
#subnav ul li>ul, #subnav ul ul li>ul{
    /* margin-top:-1.4em;*/
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li:hover ul ul ul ul, #subnav li:hover ul ul ul ul ul{
     display:none;
}

#subnav li:hover ul, #subnav ul li:hover ul, #subnav ul ul li:hover ul, #subnav ul ul ul li:hover ul, #subnav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     /*top: auto;*/
     left: auto;
}



/* ToolTips */
.tip {border:solid 1px #336699; width:180px; padding:8px; position:absolute; z-index:99;visibility:hidden;top:80px;left:20px;background-color:#fff;background-color:#fff;}
.tip h3 {font-size:1.1em;border-bottom:1px solid #336699;margin:0 0 4px 0;color:#336699;}
.tip p {font-size:1em;margin:0;padding:0;}

/* Forms */
form {margin:0;}
/* form DIV {margin-bottom:12px;}*/
legend {font:bold 1.2em "Trebuchet MS", sans-serif; padding:0 0.4em;text-align:left;color:#000; background-color:#fff}
fieldset {border:1px solid #dee8f2;padding:0px 12px 12px 12px;}
input, textarea, select {background-color:#fff;margin:0; font: normal 1em Helvetica, sans-serif; color:#333;}
input.invalid, textarea.invalid {background-color:#ffff99;}
/*input:focus, textarea:focus {background-image: none;color:#336699;border:1px dotted #ccc;}*/
/*input.invalid:focus, textarea.invalid:focus {color:#6699ff;	background-color:#fff;border:1px solid #ccc;}*/
input[type="checkbox"]:focus, input[type="radio"]:focus {border: 0;}
select:focus {color:#336699;}
.button, .pagenav {background:#fff;color:#336699;padding:4px;border:1px solid #336699;}
.button a:hover {background:#336699;color:#fff;}
label {cursor:text;float:left;display: block;margin-top:4px;font-weight:bold;}
.required {background: url(http://www.netregistry.com.au/lib/images/main/main-theme/required.gif) no-repeat right;}
.formError {background-color:#FFFF99; border:1px solid red;}
.domainForm {font:normal 11px "Trebuchet MS", sans-serif; color:#1f7da9; border:1px solid #1f7da9;}
.domainForm:focus {background-color:#FFF}

/*content styles */
P.smalltext, P.smalltext a {
font-size:10px; text-decoration:none;
}

.rightBox {
float:right; width:188px;margin:12px 0px 6px 12px; background-color:#f6f6f6;border:1px solid #ccc; padding: 6px;
}

.greyBox {
padding:15px;background-color:#f0f0f0;text-align:left;margin-top:8px;border:1px solid #999; 
}
.greyBox_noPad {
padding:0 12px 0 12px;background-color:#f0f0f0;text-align:left; border:1px solid #999; 
}

.float {float:right;width:150px;margin-left:15px;}

.footerQuestion a{color:#EABD0B; font:normal 18px "Trebuchet MS", sans-serif; text-decoration:underline;padding:0 0 0 24px;}

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

.CSbutton a {
background:url(/customer-service/images_index/button.gif) no-repeat; width:151px; height:30px; font:bold 11px/30px Arial, Helvetica, sans-serif; text-align:center; color:#0A6A92; display:block; text-decoration:none;
}
.CSbutton a:hover {
background:url(/customer-service/images_index/button_over.gif) no-repeat; color:#fff;
}

/* Tables */
.TableHeader {
font:bold 18px "Trebuchet MS", sans-serif;padding-left:12px; color:#FFF;
}
.TableHeaderSmlTxt {
font-size:11px; color:#FFF; padding:3px 0 3px 12px;
}
.leftPad {
	padding-left: 36px;
}
.tableSubHead {
	color:#FFF; font-size:12px; font-weight:bold;
}
.WhiteTxt a {
	color:#FFF; text-decoration:none;
}
.WhiteTxt a:hover {
	text-decoration:underline;
}
.TableSmallTxt {font-size:11px;}

TABLE#dedicatedtbl TD {
	padding:0 25px 0 25px;
}

 /*LHS menu*/
 .menuHead {
height:36px; font:bold 12px/36px 'Trebuchet MS', sans-serif; color:#fff; background:url(images/bar.gif) repeat-x; text-transform: uppercase; text-align:center;
 }
 .menuItem a:link,  .menuItem a:visited,  .menuItem a:active {
font-family:"Trebuchet MS", sans-serif;height:24px; background-color:#f2f7f8; font-size:11px; line-height:24px; text-align:center; color:#333; border-bottom:1px solid #ccc;  border-top:1px solid #fff; display:block; text-decoration:none;
 }
 .menuItem a:hover {
 background-color:#DDE6F0; color:#993333;
 }
 
 .menuSub {
height:24px; background-color:#86A8A7; font:bold 12px/24px 'Trebuchet MS', sans-serif; color:#fff; text-align:center;
 }
 

/* Business Savings Pack */
.SubBar {
background-color:#f0f0f0;line-height:25px; height:25px; font: bold 16px 'Trebuchet MS', Helvetica, sans-serif; color:#2F669A; padding-left:12px; margin-top:24px;
}
.bodyBox {
padding-left:12px; margin-bottom:12px;margin-top:6px;
}
DIV#partnerDetails {
float:right; width:150px; margin-left:12px; border:1px solid #ccc;padding:12px; background-color:#f0f0f0; margin-bottom:12px;}

/*DHO BSP Pages */
#partnerLink a {font-size:11px;padding: 4px 4px 4px 12px; text-decoration:none; display:block; color:#333333; border-bottom:1px solid #fff;}
#partnerLink a:hover {background-color:#CCCCCC;}
#partnerCategory {height:20px; font:bold 11px/20px "Trebuchet MS", sans-serif; margin-top:4px; padding-left:12px; background-color:#666666; color:white;}
DIV#Box2 {background-color:#F0F0F0; border:1px solid #cccccc; padding:12px;}
.partnerDetails {float:right; width:150px; margin-left:12px; border:1px solid #ccc;padding:12px; background-color:#f0f0f0; margin-bottom:12px;}

/* This is a hack to get floated divs to put down the enclosing div rather than overlapping - as used in BSP */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* ----------------------------------------------------------------------- TASK BUTTONS */
/* ------------------------------------------------------------------------------------------*/
#taskbutton {list-style:none;list-style-image:none;margin:0;padding:0;}
#taskbutton li {margin:0;padding:0;}
#taskbutton a {height:24px; background-color:#f2f7f8; font:normal 11px/24px "Trebuchet MS", sans-serif; text-align:center; color:#333; border-bottom:1px solid #ccc;  border-top:1px solid #fff; display:block; text-decoration:none;}
#taskbutton a:hover {background-color:#DDE6F0; color:#993333;}

.heading {
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:16px; font-weight:bold; margin:12px 0 6px 0; color:#cc0000;
}

.videos h3 {
border-bottom:none;
margin:0;
}