/*----COLOURS

Blue #0067b1
Red #F05133
 ----------------- */


html
	{
	height: 100%;
	min-height: 100%;
	border-width: 0px;
	}

body
	{
	height: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #fff;
	color: #000;
	}

/*---------------- layout styles ----------------- */
#container {
	background:#fff;
	width: 100%;
}

#subtainer {
	background:#fff;
	margin:20px;
	width: 840px;
	border: 1px;
	border-color:#333;
	border-style:solid;
	height:inherit; /* heights sits to bottom of screen */
}

#headerHome {/* contains top banner */
	background:#fff;
	height:114px;
	background-image: url("../images/headerHome.gif");
	background-repeat:no-repeat;
	margin:0;
	overflow:hidden; /* it's all ie6's fault */
}

#headerInternal {/* contains top banner */
	background:#fff;
	height:114px;
	background-image: url("../images/headerInternal.gif");
	background-repeat:no-repeat;
	margin:0;
	overflow:hidden; /* it's all ie6's fault */
}

#headerToolbox {/* contains top banner */
	background:#fff;
	height:114px;
	background-image: url("../images/headerToolbox.gif");
	background-repeat:no-repeat;
	margin:0;
	overflow:hidden; /* it's all ie6's fault */
}

#headerGuidelines {/* contains top banner */
	background:#fff;
	height:114px;
	background-image: url("../images/brandGuidelines.gif");
	background-repeat:no-repeat;
	margin:0;
	overflow:hidden; /* it's all ie6's fault */
}

#welcome {/* contains top banner */
	background:#fff;
	height:114px;
	background-image: url("../images/welcome.gif");
	background-repeat:no-repeat;
	margin:0;
	overflow:hidden; /* it's all ie6's fault */
}

#content{
	/*float:right;*/
	background-color:#fff;
	height:inherit;
	padding: 10px;
}

#contentMain{
	background-color:#CCC;
	height:inherit;
	padding: 10px;
}

#navigation{
	background-color:#999;
	padding: 0px;
	width:100%;
	height:39px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom: 1px;
	background: url("../images/navBarBack.jpg") repeat-x;
}

#navigationToolbox{
	background-color:#999;
	padding: 0px;
	width:100%;
	height:80px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom: 1px;
	background: url("../images/navBarBack2.jpg") repeat-x;
}

/* -------------- login page styles ----------------- */

td.blue{
	width:25%;
	background-color: #0067b1;
	text-align:left;
	vertical-align:top;
	padding: 5px;
	padding-top: 80px;
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	height:200px;
}

td.blue p{
	text-align:left;
	font-size: 10px;
	font-style:normal;
	color:#fff;
}

table.login{
	width:100%;
	padding-bottom:60px;

}

table.main{
padding:3px;
line-height:16px;

}
/* -------------- brand hub menu page styles ----------------- */

td.hub{
	width:20%;
	background-color: #0067b1;
	text-align:left;
	vertical-align:top;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	height:200px;
}

td.white{
	text-align:left;
	vertical-align:top;
	padding: 5px;
	font-size: 11px;
	color:#000;
}

tr.whiteback{
	background-color: #fff;
}
p.indent{
	text-align:left;
	vertical-align:top;
	padding-left:30px;
	padding-right:10px;
	font-size: 11px;
	color:#000;
}

td.hubtitle{
	width:40%;
	background-image: url("../images/headerHub.gif");
	background-repeat:no-repeat;
}

td.hubBoys{
	width:157px;
	height:157px;
	background-image: url("../images/boxBoys.jpg");
	background-repeat:no-repeat;
}

td.hubKids{
	width:157px;
	height:157px;
	background-image: url("../images/boxKids.jpg");
	background-repeat:no-repeat;
}

td.hubCartwheel{
	width:157px;
	height:157px;
	background-image: url("../images/boxCartwheel.jpg");
	background-repeat:no-repeat;
}

td.hub p{
	text-align:left;
	font-size: 10px;
	font-style:normal;
	color:#fff;
}

td.hub h1{
	text-align:left;
	font-size: 14px;
	font-style:bold;
	color:#fff;
}

table.hub{
	width:100%;
	padding-bottom:60px;

}

td.hub li{
	text-align:left;
	font-size: 11px;
	font-style:normal;
	color:#fff;
	list-style-image: url("../images/arrow.gif");
	list-style-position: outside;
}

td.main{
	width:50%;
	background-color: #ccc;
	text-align:left;
	vertical-align:top;
	padding: 5px;
}
td.right{
	width:60%;
	background-color: #ccc;
	text-align:right;
	vertical-align:top;
	padding: 5px;
}

#footer {/* contains bottom banner */
	background:#999;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color:#fff;
	height:20px;
	width: inherit;
}

#footer a {
	color:#fff;
	font-size:12px;
	padding:0 15px 0 10px;
	text-decoration:none;
}

/*---------------- text styles ----------------- */
#contentMain h1 {
font-size:16px;
font-weight:bold;
color:#333;
}


hr {
  	border: 0;
   	background-color: #e3dece;
	height: 2px;
  	width: 90%;
}

h1 {
font-size:22px;
font-weight:bold;
color:#0b3543;
}

h2 {
font-size:16px;
font-weight:bold;
color:#760709;
background-color:#e3dece;
line-height:30px;
}

h3 {
font-size:19px;
font-weight:bold;
color:#0b3543;
}

p.boldItalic {
font-size:11px;
font-weight:bold;
color:#000;
font-style:italic;

}
ol, ul, li {
	font-size: 11px;
	line-height: 14px;
	margin-top: 2px;
	margin-bottom: 4px;
}



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

a:hover
	{
	text-decoration: underline;
	color: #fff;
	}
	
a.black {
	text-decoration: none;
	color: #000;
	}
	
a.black:hover
	{
	text-decoration: underline;
	color: #000;
	}
/*------------------- global navigation ---------------- */


/* for opera */
@media all and (min-width:0px) {
			head~body #navigation ul { width:70.7em; }
		}

#navigation li {
	float:left;
	height:30px;
	line-height:31px;
	list-style:none;
	margin:0;
	background-color:#999;
	padding:3px;
	background: url("../images/navBarBack.jpg") repeat-x;
}

#navigation a {
	color:#fff;
	font-size:10px;
	background: url("../images/nav-divider.gif") no-repeat right top;
	font-weight:bold;
	padding:0 11px 0 0px;
	text-decoration:none;
}
#navigation a:hover {
	text-decoration:underline;
	color:#000;
}



#navigationToolbox li {
	float:left;
	height:30px;
	line-height:31px;
	list-style:none;
	margin:0;
	padding:3px;
	
}

#navigationToolbox a {
	color:#fff;
	font-size:10px;
	background: url("../images/nav-divider.gif") no-repeat right top;
	font-weight:bold;
	padding:0 11px 0 0px;
	text-decoration:none;
}
#navigationToolbox a:hover {
	text-decoration:underline;
	color:#000;
}