/*
Theme Name: TrustBite 1.0
Theme URI: http://www.trustcite.co.nz/
Description: The world famous in New Zealand TrustCite layout.
Version: 1.0
Author: Netconcepts (Darren Wood)

*/

/* - Reset Defaults --------------------------------------------------------- */
@import 'reset.css';




/* Default Styles for tags and classes -------------------------------------- */
/* body tab and background */
body {
	font: small Verdana, Arial, sans-serif;
	color: #333;
	text-align: center;
	background: #fff;
}


/* Heading and Titles */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.2em 0;
	font-weight: normal;
}

h2, h3, h4, h5, h6 {
	margin-top: 0.5em;
}

h1 {
	font-size: 1.8em;
	margin-bottom: 0;
}

h1 a {
	text-decoration: none;
}

h2 {
	font-size: 1.4em;
	margin-top: 0;
	margin-bottom: 15px;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	font-size: 1em;
	font-weight: bold;
}


/* paragraphs */
p {
	margin-bottom: 0.8em;
	line-height: 130%;
}


/* definition lists */
dl {
	margin-bottom: 20px;

}

dt {
	font-weight: bold;
}

dd {
	margin-left: 10px;
	margin-bottom: 5px;
	display: block;
}

/* links */
a:link {
	color: #263F71;
}

a:visited {
	color: #263F71;
}

a:hover {
	color: #26481A;
}

a:active {

}

li {
	margin-bottom: 0.2em;
}

/* classes */
.darkblue {
	color: #263F71 !important;
}

.lightblue {
	color: #7F9FCF;
}

.small {
	font-size: 0.8em;
}

.underline {
	border-bottom: 1px dashed #CBC6BC;
	padding-bottom: 4px;
}

.bold {
	font-weight: bold;
}

/* text under the logo */
.tagline {
	color: #355082;
	margin-top: 0;
	margin-left: 190px;
	font-weight: bold;
}

/* javascript actions */
a.nohref {
    cursor: pointer;
    text-decoration: underline;
	color: #263F71;
}

a.nohref:hover {
	color: #26481A;
}

div.editable {
    display: inline;
}

body#editable div.highlight, span.highlight {
    background-color: #FFC;
}


/* chunky tooltips */
div.tooltip {
	position: absolute;
	width: 107px;
	height: 148px;
	background: url(/img/template/bg-tooltip.png);
	border: none;
	padding: 10px 25px 10px 10px;
	margin-top: -98px;
	margin-left: -148px;
}


/* info box */
div.info {
	border: 1px solid #EFE2A3;
	background: #FFC;
	margin-bottom: 10px;
	padding: 1px;
	position: relative;
	text-align: left;
}

div.info * {
	display: inline;
	font-size: 1em;
}


/* close link in info boxes */
.close {
	position: absolute;
	top: 2px;
	right: 3px;
	font-size: 0.8em !important;
}

.grey {
	color: #CBC6BC;
	font-size: x-small;
	width: 2.3em;
	float: left;
	font-weight: normal;
}

.answer div {
	margin-left: 2em;
	margin-bottom: 5px;
}

.question {
	cursor: pointer;
}

/* next/previous bar*/
.pager {
	border: 1px solid #CBC6BC;
	background: #F2EFEB;
	margin: 10px 0 0 0;
	padding: 5px;
	overflow: hidden;
	float: left;
	width: 743px;
}

.pager .current {
	font-weight: bold;
	margin: 0 5px 0 0;
}

.pager a, .pager span {
	margin: 0 5px 0 0;
}
.alignleft {float:left; margin: 0px 18px 18px 0px;}
.alignright{float:right; margin: 0px 0px 18px 18px;}
a img {border:0}
.infoBox ul {padding:0}

/* Default Layout  ---------------------------------------------------------- */
/* the page wrapper - keeps it all in place */
#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}


/* header bar - includes logo and nav */
#header {
	width: 100%;
	float: left;
	text-align: right;
	margin-bottom: 20px;
}


/* top navigation */
#siteNav {
	border: 1px solid #CBC6BC;
	border-top: 0;
	padding: 1px;
	padding-top: 0;
	background: #fff;
	text-align: right;
}

#siteNav div {
	background: #F2EFEB;
	padding: 1px 5px 3px 5px;
}

#siteNav li {
	font-size: 0.85em;
}

#siteNav #staticNav {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#siteNav #staticNav li, #siteNav #accountNav li {
	padding: 0;
	margin: 0;
	display: inline;
}


/* account links */
#bar-container {
	border: 1px solid #CBC6BC;
	padding: 1px;
	background: #fff;
	margin: -10px 0 10px 0;
}

#bar {
	list-style: none;
	background: #F2EFEB;
	padding: 5px;
	text-align: center;
}

#bar li {
	display: inline;
	font-size: 0.9em;
	padding: 0;
	margin: 0 0 0 0;
}

/* logo */
#logo {
	float: left;
	margin-top: 10px;
}


/* search bar - contains search fields */
#searchbar {
	margin-top: 30px;
	width: 450px;
	float: right;
	clear: right;
	padding: 0;
	margin-bottom: 10px;
}

#searchbar input { /* text box */
	padding: 2px;
	width: 340px;
	margin-right: 5px;
}

#searchbar .searchButton { /* search button */
	width: auto;
	padding: 1px 10px;
	border: 1px outset;
	margin-bottom: -1px;
}


/* keeps content items together - no edit needed */
#content-container {
	float: left;
	width: 100%;
	margin-top: 5px;
}


/* footer */
#footer {
	width: 100%;
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #CBC6BC;
	float: left;
	color: #9F9C95;
	font-size: x-small;
	text-align: center;
	margin-bottom: 10px;
}

#footer a { /* links in footer */
	color: #8E9AAF;
}

#detailsMain {
	width:560px;
}

.meta {
	padding: 1px;
	border: 1px solid #CBC6BC;
	margin-bottom: 28px;
}

.meta div {
	background: #F2EFEB;
	padding: 2px 3px 2px 5px;
	font-size: 1em;
}


#sideBar {
	width: 180px;
	padding: 0;
	float: right;
}

#sideBar .infoBox {
	padding: 1px;
	border: 1px solid #CBC6BC;
	margin-bottom: 10px;
	font-size: 0.8em;
}

#sideBar .infoBox p {
	padding: 5px;
}

#sideBar .infoBox li {
	margin-left: 5px;
	padding: 0;
	list-style: none;
}

#sideBar .infoBox h3 {
	margin: 0 0 4px 0;
	background: #F2EFEB;
	padding: 2px 3px 2px 5px;
	font-size: 1.2em;
	font-weight: bold;
}



/* - Forms -------------------------------------------------------------------- */
fieldset {
	float: left;
	width: 97%;
	border: 0;
	margin: 10px 0 15px 0;
	border-top: 1px solid #CBC6BC;
}

fieldset legend {
	font-size: 1.2em;
	padding: 0 10px 0 5px;
	margin-bottom: 10px;
	color: #355082;
}

/* each line of the form */
fieldset div.required,
fieldset div.optional,
fieldset div.buttons {
	float: left;
	width: 100%;
	margin: 4px 0;
}

fieldset div.required label,
fieldset div.optional label,
fieldset div.buttons label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 15px;
}

/* bold required fields */
fieldset div.required label {
	font-weight: bold;
}

input {
	border: 1px solid #CBC6BC;
	padding: 2px;
}

/* width of form fields (INPUT, TEXTAREA and SELECT) */
fieldset div.required input,
fieldset div.required textarea,
fieldset div.required select,
fieldset div.optional input,
fieldset div.optional textarea,
fieldset div.optional select,
fieldset div.buttons input,
fieldset div.buttons textarea,
fieldset div.buttons select {
	padding: 2px;
	width: 300px;
	border: 1px solid #CBC6BC;
}

fieldset div.required select.month,
fieldset div.required select.year,
fieldset div.optional select.month,
fieldset div.optional select.year,
fieldset div.buttons select.month,
fieldset div.buttons select.year {
	padding: 2px;
	width: 100px;
	border: 1px solid #CBC6BC;
}

/* textarea height */
fieldset div.required textarea,
fieldset div.optional textarea,
fieldset div.buttons textarea {
	height: 120px;
	border: 1px solid #CBC6BC;
}

fieldset div.checkboxes {
	float: left;
	margin-left: 110px;
	width: auto;
}

/* no width on checkboxes and radio */
fieldset div.checkboxes label {
	float: none;
	width: auto;
	font-weight: normal;
}

/* no width on checkboxes and radio */
fieldset div.checkboxes input {
	margin: 0 5px 0 5px;
	width: auto;
	border: 0;
}

/* line button up nicely */
fieldset div.buttons {
	padding-left: 110px;
	padding-top: 5px;
	width: auto;
}

/* no width on buttons or titles */
fieldset div.buttons input, fieldset .title, input.searchButton {
	width: auto;
	padding: 1px 10px;
	border: 1px outset;
	margin-bottom: -1px;
}

fieldset div small {
	position: absolute;
	font-size: x-small;
	width: 200px;
	margin-left: 10px;
	padding: 3px 3px 3px 23px;
	background: #ffc url(/img/template/info.png) no-repeat 3px 3px;
	border: 1px solid #EFE2A3;
}

fieldset div input.short {
	width: 50px;
}

/* error message at top of page */
.errorMsg {
	border: 1px dotted #C9030E;
	background: #ffc;
	padding: 5px;
	margin-bottom: 20px;
	font-size: 0.9em;
}

.errorMsg em {
	font-size: 1.2em;
	color: #C9030E;
	font-style: normal;
	padding: 3px;
}

.errorMsg ul {
	margin-left: 0;
	margin-top: 10px;
}

.errorMsg li {
	margin-left: 30px;
	margin-bottom: 0.3em;
}

.association label {
	width: 150px !important;
}

.association input {
	width: 80px !important;
}

#comment {
	width: 400px;
}

/* input, select and textarea error fields */
input.error, select.error, textarea.error {
	background: #ffc;
	font-weight: bold;
	color: #C9030E;
	border-color: #C9030E;
}

blockquote {
	margin: 0 0 0.5em 1.5em;
}


p.info img {
	vertical-align: middle;
}

span.definition {
	border-bottom: dashed 1px #263F71;
	padding-bottom: 2px;
}


#cart td, #cart th {
	padding: 4px;
}

#cart td.price, #cart th.price {
	text-align: right;
}

.comment {
	position: absolute;
	width: 200px;
	background-color: #FFC;
	border: solid 1px #CCC;
	padding: 10px;
}

option {
	padding-right: 5px;
}

th.price {
	width: 100px;
}

.utwtags {
	font-size: xx-small;
	margin-bottom: 1em;
}