/*
-----------------------------------------------
Biz Essentials Screen Master
Author:  Hamish Stevenson / Catch Design Ltd (www.catchdesign.co.nz)
Date:  25 September 2006
Updated: 25 September 2006 by H Stevenson
----------------------------------------------- */

/* =Global Styles */
body { background:#fff; margin:0; padding:0; text-align:center; font-size:63.7%; font-family:"Lucida Grande", Verdana, Arial, sans-serif; color:#666;}

/* =Body Background Styles */
body#home { background:#fff; }
body#inside { background:#fff; }

/* =Generic styles */
.hide {	position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
.margin-none { margin:0;}
.large { font-size: 1.8em; color: #333; line-height: 1.1; }

img { border:0; padding:0; margin-bottom:0 }
a { color: #C63B14; text-decoration: none; }
a:hover { text-decoration: underline; }
a img {	border:none;}

a.more, a.more:visited { color:#fff; text-decoration:none; background: #C63B14; padding: 1px 5px 2px 5px;}
a.more:hover { color:#fff; background: #369; text-decoration:none;}

a.more-blue, a.more-blue:visited { color:#fff; text-decoration:none; background: #369; padding: 1px 5px 2px 5px;}
a.more-blue:hover { color:#fff; background: #C63B14; text-decoration:none;}

strong { color: #000; }

/* =Generic Typography styles */
p, ul, ol, td, label, input, textarea, dl, dt, dd { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 0.5em 0; }

dt { font-weight: bold; }

h2, h3 {font-family: Arial, sans-serif;}
h2 { font-size:1.9em; color:#C63B14; margin:0 0 3px 0; font-weight:bold; line-height:1.1em; letter-spacing:-1px;}
h3 { font-size:1.3em; color:#333; margin:0; font-weight:bold; }
h4 { font-size:1.0em; font-family:Arial, Helvetica, sans-serif; color:#000; margin:0 0 3px 0; padding-top:10px; text-transform:uppercase; font-weight:bold;}

#container { position:relative; width:750px; margin:0 auto; text-align:center; padding:0;}

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li, #footer ul.nav, #footer ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Header */
#header { background:url(../img/img-header.jpg) no-repeat; width:750px; height: 172px; padding:0; margin:0; position:relative; text-align:left;}
#header h1 { position: absolute; top: 20px; left: 26px; padding:0; width:176px; height:98px; margin:0;}
#header h1 a { display:block; width:176px; height:98px; margin:0;}

p#header-links { color: #fff; position: absolute; top: 135px; right: 165px; font-size: 1.2em; }
p#header-links a { color: #fff; }

/* =Navigation */
#nav-wrap { width: 750px; height: 42px; background: url(../img/bg-nav.gif) repeat-x; text-align: left; }

#nav li a { color: #fff; display: block; float: left; margin: 0; text-align: center; width: 74px; height: 42px; font-size: 13px; line-height: 2.6; padding: 0 5px; background: url(../img/bg-nav_items.gif) 0 -0 no-repeat !important; text-transform: uppercase; border-right: 2px solid #fff; }
#nav li a:hover, #nav li a.current_page_item { text-decoration: none; background-position: 0 -42px !important; }

#content #sec-nav { margin: 0 0 10px 0; }
#content #sec-nav ul { list-style: none; padding: 0; margin: 0; }
#sec-nav li { margin: 0 !important; padding: 0 !important; }
#sec-nav li a { display: block; border-bottom: 1px solid #ccc; height: 18px; width: auto; color: #333; font-size: 1.2em; padding: 3px 0 3px 5px; }
#sec-nav li a:hover { text-decoration: none; background: #eee; }
#content #sec-nav li.current_page_item a { text-decoration: none; background: #333; color: #fff; }

/* =Content */
#content { position: relative; width: 750px; text-align: left; margin:0 0 20px 0; }

#col-1 { float: left; width:496px; padding: 20px 0 0 0; border-right: 1px solid #ccc; background: url(../img/bg-arrow_grey.gif) top center no-repeat; }
#col-1a { float: left; width: 225px; margin:0px 15px 0 0; }
#col-1b { float: left; width: 245px; margin: 0px 0 0 0; }
#col-1 h2 { margin: 28px 0 6px 0; }

#col-1s { float: left; width:736px; padding: 20px 0 0 0; background: url(../img/bg-arrow_grey.gif) top center no-repeat; }
#col-1s h2 { margin: 28px 0 6px 0; }

#col-2 { float: right; width: 240px; padding: 20px 0 0 0; }
#col-2 p { color: #333; margin-bottom: 20px; }
#col-2 a img { border: 2px solid #EBEBEB; }
#col-2 a:hover img { border: 2px solid #ccc; }
#col-2 h3 { font-size: 1.3em; color: #369; margin: 15px 0 4px 0; }

#content ul { margin: 4px 0 7px 0; padding: 0 0 0 20px; }

/* Inside Page Styles */
body#inside #col-1 { width:476px; padding: 0 20px 0 0; }
body#inside #col-1 h2 { font-size: 2.0em; }

body#inside #col-1s { width:716px; padding: 0 20px 0 0; }
body#inside #col-1s h2 { font-size: 2.0em; }

body#inside #col-2 { width: 240px; }

/* =Footer */
#footer { background: #F1F1F1 url(../img/bg-footer.gif) top repeat-x; height: 100%; height: auto; width: 100%; padding: 25px 0; }
#footer-wrap { position:relative; width:750px; margin:0 auto; text-align:center; padding:0; }
#footer-content { text-align: left; }
#footer-content li a { margin-right: 4px; font-weight: bold; }
#footer-content p { color: #000; margin-top: 4px; }

/* Contact-us form */
#col-1 div.intouch {background-color: #f0f0f0; padding: 8px 10px 5px 10px; margin: 0px 5px 0px 0px; border: 1px solid #ccc;}
#col-1 div.intouch #field_1, #col-1 div.intouch #field_2, #col-1 div.intouch #field_3  {width:300px; border: 1px solid #999; padding:5px; font-size:1.4em;}
#col-1 div.intouch div.inputfield {color:#c00;}
#col-1 div.intouch div.inputfield label {display:block; font-weight:bold; color:#666;}
#col-1 div.intouch textarea {width:430px; border:1px solid #999; padding:5px;}
#col-1 div.intouch #Submit { background:#369; color:#fff; border:1px solid #369; margin-top:10px; padding:5px; display:block;}
#col-1 div.intouch #usermessage span {font-size:1.5em; border:1px solid #c00; background-color:#fCC; padding:5px; margin-bottom:15px; display:block; }

/* Purchase enquiry form */
#col-1 div.intouch2 {background-color: #f0f0f0; padding: 8px 10px 5px 10px; margin: 0px 5px 0px 0px; border: 1px solid #ccc;}
#col-1 div.intouch2 #field_1, #col-1 div.intouch2 #field_2, #col-1 div.intouch2 #field_3, #col-1 div.intouch2 #field_4, #col-1 div.intouch2 #field_7  {width:300px; border: 1px solid #999; padding:5px; font-size:1.4em;}
#col-1 div.intouch2 div.inputfield {color:#c00;}
#col-1 div.intouch2 div.inputfield label {display:block; font-weight:bold; color:#666;}
#col-1 div.intouch2 textarea {width:375px; border:1px solid #999; padding:5px;}
#col-1 div.intouch2 #Submit { background:#369; color:#fff; border:1px solid #369; margin-top:10px; padding:5px; display:block;}
#col-1 div.intouch2 #usermessage span {font-size:1.5em; border:1px solid #c00; background-color:#fCC; padding:5px; margin-bottom:15px; display:block; }

/* Tables */
#price {border-top: 1px solid #666666; border-bottom: 1px solid #666666; text-align: center; border-collapse: collapse}
#price th {border-bottom: 1px solid #666666;}

/* Superscripts */
.superscript {position: relative; bottom: 0.5em; font-size: 0.8em;}