@import "layout.css";
@import "forms.css";
@import "nav.css";

/* 
	Title:	Harvey Norman screen styles
	Author: chris.pearce@bluearcgroup.com
*/

/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* -------------Reset everything */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
html, body, form, fieldset, a img {border: 0;}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Over-ride those pesky font tags */
font {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif !important; 
	font-size: 100% !important;
	color: #595959 !important;
}
/* -------------//Reset everything */

body {
	color: #595959;
	background-color: #fff;
	margin-bottom: 40px;
	font: 0.75em/1.4 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}
a:link, a:visited {
	color: #a4c828;
	text-decoration: none;
}
small a {color: #a4c828 !important;}
a:active, a:focus, a:hover {text-decoration: underline;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	text-align: left;
	font-weight: normal;
}
table caption {
	font-weight: bold;
	font-size: 1.20em;
	margin-bottom: 0.40em;
	text-align: left;
}
abbr {
	border-bottom: 1px dotted #595959;
	cursor: help;
}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {margin: 0 12px;} 
h1, h2, h3, h4, h5, h6 {
	font-size: 1.65em;
	font-weight: bold;
	color: #4c82c0;
	margin-bottom: 0.40em;
	line-height: 1.2;
}
h1 {margin-bottom: 0.80em;}
h2 {
	font-size: 1.40em;
	margin-bottom: 0.60em;
}
h2.sml-hdr {font-size: 1.20em;}
h2.underline {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 6px;
	margin-bottom: 1em;
}
body.home h2 {
	margin-bottom: 0.80em;
	font-size: 1.55em;
}
h3, h4, h5, h6 {
	font-size: 1.30em;
	color: #595959;
}
body.home h3 {
	color: #4c82c0;
	margin-bottom: 1.3em;
}
h4 {font-size: 1.20em;}
body.home h4 {
	color: #fff;
	font-size: 1em;
	margin-bottom: 1em;
}
h5 {font-size: 1.15em;}
h6 {font-size: 1.08em;}

/* [MAIN CONTENT AREA]
-------------------------------------------------------*/
/* Set font size to 11px */
/*#main-content {font-size: 0.95em;}*/
/* Spacing */
#main-content #content p, #main-content #content ul,
#main-content #content ol, #main-content #content dl,
#main-content #content table {margin-bottom: 1.5em;}
#main-content table table,
#main-content fieldset table {margin: 0;}
/* Lists */
#main-content #content ul li,
body.alt #main-content #sidebar ul li {
	background: url("../images/css/bullet.gif") no-repeat 0 6px;
	padding-left: 10px;
}
#main-content ol {
	list-style: decimal;
	margin-left: 30px;
}
	#main-content ol ol {list-style: lower-alpha;}
	#main-content ol ol ol {list-style: lower-roman;}
#main-content #content ul ul, 
#main-content #content ol ol {margin: 0.40em 0 0.40em 10px;}
#main-content dl dt {font-weight: bold;}

/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [HIDE]
-------------------------------------------------------*/
.hide,
table caption span,
form legend span {
	position: absolute;
	left: -999em;
}
.hide-fully {display: none;}

/* [EASY CLEARING]
-------------------------------------------------------*/
#wrapper:after,
#wrapper-inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

/* [INTRO TEXT]
-------------------------------------------------------*/
#main-content #content p.intro,
#main-content #content div.intro p {
	font-size: 1.1em;
	color: #4c82c0;
}

/* [PRICE]
-------------------------------------------------------*/
#main-content #content .price {
	font-style: normal;
	font-weight: bold;
	text-decoration: line-through;
}

/* [BACK LINK]
-------------------------------------------------------*/
#main-content #content a.bck {
	background: url("../images/css/arrow-green.gif") no-repeat 0 50%;
	padding-left: 9px;
	font-weight: bold;
	display: block;
}

/* [PROMOTIONS BUTTONS]
-------------------------------------------------------*/
#main-content #content p.buttons {text-align: center;}
	#main-content #content p.buttons img {margin-right: 20px;}

/* [MARGIN BOTTOM]
-------------------------------------------------------*/
#main-content #content .margin-btm {margin-bottom: 1.5em;}

/* [FLOAT IMAGE]
-------------------------------------------------------*/
#main-content #content img.float-img {
	float: right;
	margin: 0 0 0.60em 0.60em;
}

/* [HIGHLIGHT BOX]
-------------------------------------------------------*/
#main-content #content p.highlight {
	background-color: #DCE6F2;
	border: 1px solid #C1D3EB;
	color: #4982C5;
	padding: 10px;
}
#main-content #content p.highlight.alt {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #FFE5E5;
	border-color: #FFB8B8;
	color: #FF3030;
}
#main-content #content p.highlight.less-margin {margin-bottom: 7px;}

/* [NOTIFICATIONS]
-------------------------------------------------------*/
#main-content #content div.errors,
#main-content #content div.success {
	padding: 0.60em 0.80em 0.60em 4.3em; 
	margin-bottom: 1.5em; 
	border: 2px solid #DBB38B;
}
	#main-content #content div.errors {
		background: #FEFAEB url("../images/icons/error-lrge.gif") no-repeat 10px 12px; 
		color: #BA624B !important; 
		min-height: 36px;
	}
	#main-content #content div.success {
		background: #EEF4D5 url("../images/icons/success-lrge.gif") no-repeat 10px 12px; 
		color: #529214; 
		border-color: #ABCD5A;
		min-height: 30px;
		font-weight: bold;
	}
	#main-content #content div.errors p,
	#main-content #content div.success p {margin: 0;}
	#main-content #content div.errors ul,
	#main-content #content div.success ul {
		margin: 0.40em 0 0 30px;
		font-weight: bold;
		list-style: disc;
	}
		#main-content #content div.errors ul li,
		#main-content #content div.success ul li {
			padding: 0;
			background: none;
		}
	#main-content #content div.errors a {color: #BA624B;}
	#main-content #content div.success a {color: #529214;}

/* Simple Error Msg */
#main-content .error {
	color: #D12F19;
	background: url("../images/icons/error2.gif") no-repeat 0 40%;
	padding-left: 20px; 
}