/* cascading style sheet for screen

web designer: Jane Fletcher j6 design
email : contact@j6design.com.au
internet: www.j6design.com.au
 
................................................................ */

body {
	color: #333333;
	PADDING: 0px;
	margin: 0px;
	FONT-FAMILY: Veranda, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	background: #ffffff url(../images/main_bg.gif) no-repeat fixed right bottom;
}

td {	FONT-FAMILY: Veranda, Arial, Helvetica, sans-serif;
	font-size: 0.9em;}

/* GLOBAL TEXT PROPERTIES
................................................................ */
.css {
display: none;
}

img {
	border : none;
}

li { list-style-type: square;
     color: #000000;
}
input { 
    font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
select { 
    font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
textarea { 
    font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

h1 { 
    font-family : Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	font-weight: bold;
}

h2 { 
    font-family : Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	font-weight: bold;
}

A{
    color: #333333;
    text-decoration: underline;
}

A:hover{
    COLOR: #007dc6;
    text-decoration: none;
}

.footer a:link, .footer a:visited{
    color: #666666;
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
}

.footer a:hover{
    COLOR: #007dc6;
    text-decoration: none;
}


.time_date{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #669999;
}

.text_general {
	/* text general black */	
	font-family : Verdana, Helvetica, sans-serif;	
	font-size : 0.9em;	
	color : #000000;
	text-decoration: none;
	line-height: 120%;
}

.text_white {
	/* text general white with padding*/	
	font-family : Verdana, Helvetica, sans-serif;	
	font-size : 0.9em;	
	color : #FFFFFF;
	text-decoration: none;
	padding: 0px 10px;
}

.page_title {
	/* title page blue */
    color: #007dc6;
    font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
    font-size: 1.2em;
    font-weight: bold;
}
.subtitle_black {
    /* subtitle black */	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 1em;
	letter-spacing: 0.6px;	
	color : #000000;
	font-weight: bold;
}
.subtitle_black2 {
    /* subtitle black with padding*/	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 1em;
	letter-spacing: 0.6px;	
	color : #000000;
	font-weight: bold;
	padding: 0px 10px;
}
.subtitle_white {
    /* subtitle white with padding*/	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 1em;
	letter-spacing: 0.6px;	
	color : #ffffff;
	font-weight: bold;
	padding: 0px 10px;
}

.subtitle_blue {
	/* subtitle blue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.6px;
	font-weight: bold;
	color: #007dc6;
	font-style: normal;
	line-height: normal;
}
.captions {
	/* text small */
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	font-weight: normal;
}
.text_white_small {	
	font-family : Verdana, Helvetica, sans-serif;	
	font-size : 0.8em;	
	color : #FFFFFF;
	text-decoration: none;
}
.red_title {
	/* red large bold text */
    color: #d70000;
    font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
    font-size: 24px;
    font-weight: bold;
}
.black_title {
	/* black large bold text */
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
    font-size: 20px;
    font-weight: bold;
}

/* main content
................................................................ */
.main {
	margin: 0px auto;
	padding: 0px 0px 20px;
	width: 900px;
	text-align: left;
}

.topHeader2 {
	padding: 10px 0px 0px 0px;
	width: 100%;
	height: 100px;
	text-align: left;
	background: #ffffff url(../images/freecall.gif) no-repeat right top;
}

.topHeader {
	padding: 10px 0px 0px 0px;
	width: 100%;
	height: 100px;
	text-align: left;
	background: #ffffff url(../images/recoila_freecall.gif) no-repeat right top;
}

.m2 {
	margin: 0px 0px 2px;
	padding: 0px;
	width: 100%;
	float: left;
	text-align: left;
	color: #ffffff;
	background: #0061AD url(../images/menu.jpg) no-repeat left top;
}

/* MENUs 
................................................................ */
.menu {
	font-size: 0.95em;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: left;
	width: 100%;
}
.menu UL {
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 100%;
	padding: 0px;
}
.menu LI {
	FLOAT: left;
	list-style: none;
	margin: 0px;
	line-height: 1.5;
}

.menu a:link, .menu a:visited{
	DISPLAY: block;
	color: #0061AD;
	text-decoration: none;
	padding : 5px 15px 7px;
}

.menu a:hover
{
	color: #0061AD;
	text-decoration: none;
	background: #BCCFD5;
}

.menu LI UL {
	LEFT: -999em;
	POSITION: absolute;
	padding: 0px;
	width: 14em;
	list-style: none;
	margin: 0px 0px 0px 0px;
	background:  #ffffff;
	border: 1px solid #0061AD;
}

.menu LI LI  {
	display: block;
	WIDTH: 100%;
	background:  #ffffff;
	padding: 0px;
}

.menu LI:hover UL {
	LEFT: auto;
	background:  #BCCFD5;
}

.menu LI.sfhover UL {
	LEFT: auto;
	background: #BCCFD5;
}

.menu LI:hover {
	LEFT: auto;
	background:  #BCCFD5;
}
.menu LI.sfhover {
		LEFT: auto;
	background:  #BCCFD5;
}


.nav {
	font-size: 0.95em;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: left;
	width: 100%;
	font-weight: bold;
}
.nav UL {
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 100%;
	padding: 0px;
}
.nav LI {
	FLOAT: left;
	list-style: none;
	margin: 0px;
	line-height: 1.5;
}

.nav a:link, .nav a:visited{
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	padding : 7px 10px;
	border-top: none;
	border-right: 1px solid #ffffff;
	border-bottom: none;
	border-left: none;
}

.nav a:hover
{
	color: #0061AD;
	text-decoration: none;
	border-right: 1px solid #ffffff;
	background: #BCCFD5;
}

.lines {
	margin: 0px 0px 2px;
	padding: 0px;
	width: 100%;
	float: left;
	height: 1px;
	color: #ffffff;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-bottom-color: #CC0000;
}
/* content 
................................................................ */
.header {
	padding: 10px 0px;
	margin: 0px 0px 5px;
	width: 100%;
	float: left;
	text-align: left;
	background: #BCCFD5 url(../images/block.jpg) no-repeat left bottom;
}

.content {
	margin: 15px 0px 15px;
	padding: 0px;
	width: 630px;
	float: left;
	text-align: left;
}

.contentShop {
	margin: 15px 0px 15px;
	padding: 0px;
	width: 900px;
	float: left;
	text-align: left;
}
.sidebar {
	margin: 0px 0px 15px;
	padding: 0px;
	width: 220px;
	float: right;
	text-align: left;
	background: #fffff;
}


.colour1 {
	margin: 0px 0px 2px;
	width: 100%;
	float: left;
	text-align: left;
	padding: 10px 0px 20px;
	background: #0061AD url(../images/extra11.jpg) no-repeat left top;
}

.boxPadding {
padding: 10px 100px 0px 10px;
}

.colour{
	margin: 0px; 
	width: 100%;
	float: left;
	text-align: left;
	padding: 10px 0px;
	background: #BCCFD5 url(../images/extra.jpg) no-repeat left bottom;
}
.sideNote_padding {
	/* padding for blue box text*/
padding: 0px 10px;
}

.box{
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 150px;
	float: right;
	text-align: left;
	background: #ffffff url(../images/Product_reely.gif) no-repeat left top;
}

.footer {
	color: #666666;
	font-family: Verdana;
	FONT-SIZE: 8pt;
	width: 100%;
	float: left;
	padding: 10px 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0061AD;
}


/* news styles
................................................................ */
.news_category {	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 1em;	
	color : #000000;
	font-weight: bold;	
}

.newstitle_blue {	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 1em;	
	color : #007dc6;
	font-weight: bold;	
}
.newsdate_black {	
	font-family : Verdana, Helvetica, sans-serif;	
	font-size : 0.9em;	
	color : #666666;
	font-weight: normal;	
}

a.newstitle {
	padding: 5px 10px;
	color : #000000;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
a.newstitle:hover {	
	padding: 5px 10px;	
	color : #ffffff;
	background: #0061AD;
	font-weight: normal;
    text-decoration: none;	
}

.newsdate {
	font-size : 0.8em;
	font-weight: normal;
}

/* product display styles */
.product_title {

    font-family: Arial;
	color: #CAAE78;
	letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
}
.product_cats {
    font-family: Arial;
	color: #BACC71;
	letter-spacing: 1px;
    font-size: 13px;
    font-weight: bold;
}


table.general {
	border: 1px solid #C490B1;
}
td.cell {            
	border: 1px solid #FFFFFF;
	border-top-width: 1px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
    border-bottom-color: #FFFFFF;
    border-top-color: #ffffff;
    border-left-color: #FFFFFF;
    border-right-color: #F0F0F4; 
}

/* form styles */
textarea {
	width: 300px;
	height: 100px;
	color: #333333;
	FONT-FAMILY: Veranda, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.more a:link, .more a:visited {
	margin: 10px 0px;
	width: 240px;
	float: left;
	text-align: center;
	padding: 5px 10px;
	color: #000000;
	text-decoration: none;
	background: #BCCFD5;
}

.more a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #0061AD;
}

.pBorder {
	border-top: 1px solid #cccccc;
	padding: 20px 30px 10px 0px;
}

.pad {
	padding: 0px 0px 0px 20px;
}

td.label
{
	width: 200px;
	height: 18px;
	padding: 0px 2px;
	font-size: 12px;
	text-align: right;
	margin: 1px;
	background-color: #f3f3f3;
}

td.field
{
	width: 250px;
	height: 18px;
	padding: 0px 2px;
	font-size: 12px;
	text-align: left;
	margin: 1px;
	background-color: #f3f3f3;
}

.text_black  {	
	font-family : Arial, Helvetica, sans-serif;		
	color : #666666;
	font-weight: normal;
}