/*
* TotalNet Website Theme v2.0
* www.totalnet.co.nz
* copyright 2009 Store In a Cool Place Ltd.
**/

/* CORE BROWSER ELEMENTS
----------------------------------------- */

body {
	color: #000;
 	font-size: 100%;
 	line-height: 1.125em;
	font-family: Verdana, Lucida, sans-serif;
	margin: 0;
	padding: 0;
	background: #efefef;
    overflow-y: scroll;
}

html, * {
	margin: 0;
	padding: 0;
}

h2.hide {
	position: absolute;
	top: 0;
	left: -300em;
}

/*******************************************
** Primary Structural Elements
********************************************/

/* CONTAINERS 1st Level
----------------------------------------- */

.cl1 {
	position: static;
}

.hc {
	height: 6.5em;
    background: #023a51 url('../images/header.png') repeat-x 0% 100%;
}

.nc {
	height: 6em;
    background-color: #023a51;
}

.lc {
	background: transparent url('../images/content_shadow.png') no-repeat center 10px;
    margin: 0 auto;
/*	min-height: 360px;*/
}

.fc {
	min-height: 5em;
	background-color: transparent;
}

/* CONTAINERS 2nd Level
----------------------------------------- */

.cl2 {
	position: static;
	margin: 0 auto;
	width: 970px;
	height: 100%;
}

#Header {
	padding: 10px 0 0 0;
}

#Navigation {
	z-index: 2;
}

#Layout {
	min-height: 360px;
	background: #fff url('../images/content_top.png') no-repeat top left;
    margin-top: -3.35em;
    overflow: auto;
}

#Footer {
	background-color: #000;
    color: #fff;
}

/*******************************************
** Content Layout Elements
********************************************/

/* Content Containers
------------------------------------------ */

#Content {
    margin-top: 1.6em;
}
	#Content.narrow	{width: 750px;}
	#Content.wide	{width: 970px;}

#SideBar {
	width: 220px;
    background: #fff url('../images/content_top.png') no-repeat top right;
	float: left;
}

/* Content Components
** font styling located in typography.css
------------------------------------------ */

#BreadCrumb {
	background-color: transparent;
}

#PrimaryCopy{
	background-color: transparent;
    overflow: auto;
    padding: 0 20px 10px 20px;
}

.sidebarbox {
	width: 200px;
	margin: 1.6em auto;
	background-color: #fff;
}

/* SUPPORT STYLES
----------------------------------------- */
.clear	{clear: both;}
.fleft	{float: left;}
.fright	{float: right;}

/*******************************************
* Content area styling
* todo: Move these styles to another css and @import here
********************************************/

/* Sidebar styling
------------------------------------------ */

.sidebarbox {
	font-size: 0.875em;
	font-family: candara, corbel, Arial, sans-serif;
	color:#444;
}

.sidebarbox p {
	margin-top: 2px;
	padding-bottom: 5px;
}

.sidebarbox h2 {
	position: static;
	display: block;
	background-color: #d33;
	color: #fff;
	border: 2px black solid;
	font-size: 1.2em;
 	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0.3em 0;
	padding: 0 0 0 0.3em;
}

.sidebarbox ul {
	list-style: none outside;
 	font-size: 0.875em;
}
	.sidebarbox ul li {}
	.sidebarbox ul li.tick {list-style: url('../images/tick-small.png') inside; }

.sidebarbox a {
	text-decoration: none;
	color: #3E91C4;
}
	.sidebarbox a:hover {text-decoration: underline;}

/* Bread Crumb
------------------------------------------ */

.breadcrumb {
	font-size: 0.625em;
	padding: 2px 5px;
	height: 1.8em;
    margin-top:1em;
}

.breadcrumb ul {
	list-style: none outside;
}
	.breadcrumb ul li {
		display: inline;
	}

/*******************************************
* Header styling
* todo: Move these styles to another css and @import here
********************************************/
h1 {
    margin: 0 20px 18px;
    padding: 0;
    border-width: 0;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 1.6em;
    line-height: 1.4em;
    text-align: left;
    text-shadow: 1px 1px 0.1em black;
    display: block;
}
    #PrimaryCopy h1 {margin: 0 0 18px 0}
.logo {border: none ;float: left;}
#SiteLogo {cursor:pointer; width:290px; height:73px; float:left; background: url('../images/totalnet.png') transparent no-repeat top left;}
#SiteLogo a {display:block; width:290px; height:73px;  text-decoration:none; color:#E7ECEF; font-size:1pt;}
ul#TopNav {width: 12em; color: #222; font-size: 0.875em; overflow:auto; margin: -10px -35px;background-color:#fff;}
div.n {background: transparent url('../images/curvebackground.png') no-repeat; position: relative; display:block; float: left;}
div.tl {background-position: top left; padding: 25px 0 0 50px; margin: 0px 0px 0px 0px;}
div.tr {background-position: top right; padding: 25px 50px 0 0; margin: -25px -50px 0 0px;}
div.bl {background-position: bottom left; padding: 0 0 25px 50px; margin: 0px 0px -25px -50px;}
div.br {background-position: bottom right; padding: 0 50px 25px 0; margin: 0px -50px -25px 0px;}
.tnc{float: right; margin: 15px 60px 0 0;}
ul#TopNav strong {color: #111; font-weight: 600;}
ul#TopNav li {float: left; list-style: square inside; width: 50%; padding: 0 0 3px 0; margin: 0 0 5px 0; border-bottom: 1px solid #111; display: list-item;}
ul#TopNav li.even {}
ul#TopNav li.odd {clear: left;}
ul#TopNav li a, ul#TopNav li label {color: #444; text-decoration: none;}
ul#TopNav li a:hover strong, ul#TopNav li a:active strong {text-transform: uppercase;}
ul#TopNav li#SearchLink {width: 100%; padding-bottom: 8px; border:0;}
ul#TopNav li#SearchLink input {width: 100%; margin-top: 5px;}
li span.float-li {display:none;}