/***
Filename:		base.css
Author:			James Condliffe
Date:			06/11/2007
Description:	Base styling for Nisa Members site
Colours:		#4387C6 - Blue box header
				#FFC600 - Nisa Yellow
				#FFFFFF - White box backgrounds, borders
				#666666 - Darker grey links
				#ED1B2E - Red
Dimensions:		Max width: 1100px
				Min width: 750px
				Page left margin: 30px
***/

/***
Reset styles (http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/)
***/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul
{
	list-style: none;
}

q:before,q:after,
blockquote:before,blockquote:after
{
	content: "";
}

/***
Base site styles
***/
body
{
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url(../images/body_background.gif);	
}

div#header
{
	background: url(../images/body_background_top.gif) #FFFFFF bottom left repeat-x;
	padding: 0 0 5px 0;
	width: 100%;
	min-width: 750px;
}

div#header div#chc-head
{
	background: url('../images/deals/keyboard.jpg') no-repeat right;
	width: 100%;
	height: 148px;
}

div#header div#chc-head div#chc-logo
{
	width: 21%;
	max-width: 300px;
	min-width: 150px;
	height: 148px;
	margin-top: 1px;
	background-color: #6CC982;
	text-align: center;
	float: left;
}

div#header div#chc-head div#chc-logo img
{
	margin: 25px auto 0px auto;
}

div#header div#chc-head div#middle-boxes
{
	height: 150px;
	width: 415px;
	background: url('../images/chc-boxes.gif') no-repeat 0px 1px;
	float: left;
	background-color: Transparent;
	display: inline;
}

h1
{
	margin: 10px 0 10px 26px;
}

div.content h2,
div.content h3,
div.content h4
{
	margin: 0 0 20px 0;
	font-size: 21px;
	font-weight: bold;
	color: #666666;
}

div.content h3
{
	font-size: 16px;
}

div.content h4
{
	font-size: 14px;
	margin: 10px 0 0 0;
}

div.content p
{
	line-height: 1.3;
	font-size: 12px;
	margin: 10px 0 10px 0;
}

div.content strong
{
	font-weight: bold;
}

div.content em
{
	font-style: italic;
}

div.content ul
{
	margin: 0 0 0 10px;
	list-style-type: disc;
}

div.content ul li
{
	margin: 10px;
}

div.content img.news,
div.content img.standard
{
	float: right;
	margin: 0 10px 10px 20px;
}

div.content img.trainingImg
{
float: right;
padding: 3px;
border: 1px solid #CCCCCC;
margin-left: 10px;
}

div.content img.standard
{
	border: 1px solid #666666;
}

a
{
	color: #4387C6;
	text-decoration: none;
}

body.wholesale a
{
	color: #4387C6;
}

a:hover
{
	text-decoration: underline;
}

ol.standard,
ul.standard
{
    margin: 0 0 0 25px;
    list-style-type: decimal;
}

ul.standard
{
    list-style-type: disc;
}

ol.standard li,
ul.standard li
{
    margin: 5px 0 5px 0;
    line-height: 1.2;
}

ul.standard li.hidden
{
    display: none;
}

/* Definitions for various content panel types */
div#page
{
	min-width: 678px;
	max-width: 1028px;
	background: #FFFFFF;
	margin: 10px 20px 20px 30px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	zoom: 1;
}

/***
Breadcrumbs
***/
ul#breadcrumbs
{
	/*border: 1px solid pink;*/
	overflow: auto;
	width: 100%;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

ul#breadcrumbs li
{
	float: left;	
	margin: 0 7px 0 0;
	padding: 0 0 1px 0;
}

ul#breadcrumbs li a
{
	margin: 0 5px 0 0;
}

/***
Secondary nav
***/
ul#secondarynav
{
	overflow: auto;
	zoom: 1;
	margin: 0 0 0 0;
	padding: 5px;
	background: #CCCCCC;
	width: 55%;
	float: left;
}

ul#secondarynav li
{
	float: left;
	padding: 0 5px 1px 0;
	margin: 0 9px 0 0;
	font-size: 14px;
}

ul#secondarynav li a.selected
{
	color: #ED1B2E;
}

ul#secondarynav.nested
{
	/*border: 1px solid purple;*/
	float: left;
	width: 18.5%;
	background: none;
}

/* Nested nav is displayed on left */
ul#secondarynav.nested li
{
	float: none;
	font-size: 100%;
	margin: 0 0 10px 0;
}

ul#secondarynav.nested li a
{
	font-weight: bold;
}

ul#secondarynav.nested ul
{
	margin: 0 0 10px 10px;
}

ul#secondarynav.nested ul li
{	
	margin: 5px 0 0 0;
}

ul#secondarynav.nested ul li a
{
	font-weight: normal;
}

div#userdetails
{
	overflow: auto;
	zoom: 1;
	margin: 0 0 0 0;
	padding: 5px;
	background: #FFFFFF;
	width: 40%;
	float: right;
	text-align: left;
	border: 1px solid #CCCCCC;
}

div#userdetails p
{
	width: 80%;
	margin-left: 5px;
	float: left;
	color: #816666;
}

div#userdetails p strong
{
	font-weight: bold;
}

div#userdetails img
{
	float: right;
}

div#secondarynav-container
{
	background-color: #CCCCCC;
	width: 100%;
	overflow:auto;
	margin-bottom: 10px;
}

/***
Login form
***/
form#login
{
	width: 25em;
	margin: 50px auto;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 10px;	
}

form#login div.fieldcontainerslim,
form#login div.fieldcontainer
{
	float: left;
	width: 100%;
	/*border: 1px solid orange;*/
}

form#login em.required
{
	display: none;
}

form#login div.logininstructions h3
{
	font-size: 18px;
	text-align: center;
	margin: 5px;
	font-weight: normal;
	color: #000000;	
}

form#login input,
form#login label
{	
	font-size: 16px;
	float: left;
	width: 68%;
	margin: 5px 5px 5px 0;
	/*font-weight: bold;*/
}

form#login label
{
	/*border: 1px solid orange;*/
	text-align: right;
	width: 24%;
	margin: 8px 7px 5px 0;
	/*font-weight: normal;*/
}

form#login input.button
{
	width: auto;
	padding: 2px 5px;
	float: none;
	display: block;	
	margin: 10px auto;
}

/***
Data table
***/
table.datatable
{
	/*border: 1px solid orange;*/
	width: 95%;
	margin: 10px 0 0 0;
}

table.datatable th
{
	font-weight: bold;
	padding: 5px;	
}

table.datatable tr td
{
	background: #EBEBEB;
	padding: 5px;
	line-height: 1.3;
	border-bottom: 2px solid #FFFFFF;
}

table.datatable tr.odd td
{
	background: #CCCCCC;
}

/***
Standard form
***/
form.standard div.fieldcontainer
{
	overflow: auto;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

form.standard fieldset legend
{
	font-weight: bold;
}

form.standard input,
form.standard label,
form.standard select
{
	float: left;
	margin: 5px;
	width: 150px;
}

form.standard label
{
	width: 120px;
	margin-top: 8px;
}

form.standard em.required
{
	display: none;
}

form.standard span.error
{
	color: #ED1B2E;
	display: block;
	text-align: center;
	margin: 5px 0 5px 0;
	font-size: 10px;
	font-weight: bold;
}

form.standard fieldset.radioset
{
	width: 230px;
}

form.standard fieldset.radioset div.fieldcontainer
{
	margin: 0;
}

form.standard fieldset.radioset input
{
	margin: 2px 0 0 8px;
}

form.standard fieldset.radioset label,
form.standard fieldset.radioset input
{
	width: auto;
}

form input.button
{
	margin-top: 10px;
	clear: left;
	width: auto;
}

/*
Deal List
*/
table.Deals td.deal-link
{
	font-weight: normal;
}