@charset "utf-8";
/* CSS Document */

/*
	jakmax.com.au Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:13px;
		color: #000000;
		margin: 0px;
		padding: 0px;
		text-align: left;
		background-color:#333333;
		}
		
/* =====================================================================		
/* = header-container---------------------- */
#header-container {
		top:0px;
		left:0px;
		width:984px;
		height:235px;
		position:absolute;
		background-color:#000000;
		}
		
/* =====================================================================
 = header-left---------------------- */
#header-left {
		top:0px;
		left:0px;
		width:790px;
		height:235px;
		position:absolute;
		background-color:#333333;
		}
			
/* = submenu---------------------- */
#submenu {
		top:0px;
		left:0px;
		width:790px;
		height:18px;
		text-align:right;
		position:absolute;
		}	
#submenu a {text-decoration: none;}
#submenu ul {
		display: inline;
		margin: 0px;
		padding:0px 0px 0px 3px;
		float:right;
		}
#submenu ul li {
		display: inline;
		list-style:none;
		padding:0px;
		margin-left:-3px;
		}
#submenu ul li a {display:inline;}
		
		
/* = header-container---------------------- */
#header-main {
		top:18px;
		left:0px;
		width:790px;
		height:193px;
		position:absolute;
		background-color:#232323;
		}		
#header-main img.logo-main {
		top:0px;
		left:0px;
		position:absolute;
		}
#header-main .flash-animate {
		top:0px;
		left:293px;
		position:absolute;
		}
		
/* = mainmenu---------------------- */
#mainmenu {
		top:211px;
		left:0px;
		width:782px;
		height:24px;
		text-align:left;
		vertical-align:bottom;
		position:absolute;
		padding:0px 0px 0px 8px;
		background-color:#7CC242;
		}	
#mainmenu a {text-decoration: none;}
#mainmenu ul {
		display: inline;
		margin: 0px;
		padding:0px 0px 0px 3px;
		float:left;
		}
#mainmenu ul li {
		display: inline;
		list-style:none;
		padding:0px;
		margin-left:-3px;
		}
#mainmenu ul li a {display:inline;}


/* =====================================================================
 = header-right---------------------- */
#header-right {
		top:0px;
		left:790px;
		width:194px;
		height:235px;
		position:absolute;
		}
		
/* = datetime---------------------- */
#datetime {
		top:1px;
		right:0px;
		width:176px;
		height:18px;
		position:relative;
		color:#CCCCCC;
		font-size:10px;
		text-align:left;
		vertical-align:bottom;
		padding:0px 0px 0px 18px;
		}
/* = client-login---------------------- */
#client-login {
		top:0px;
		right:0px;
		width:194px;
		height:207px;
		position:relative;
		color:#CCCCCC;
		font-size:11px;
		text-align:left;
		padding:0;
		}
#client-login a:link, #client-login a:visited {color:#333333; text-decoration:underline; font-weight:bold;} 
#client-login a:hover {color:#000000; text-decoration:underline; font-weight:bold;}
	
#client-login a.link_pwd:link, #client-login a.link_pwd:visited {color:#CCCCCC; text-decoration:underline; font-size:10px;} 
#client-login a.link_pwd:hover {color:#FF6600; text-decoration:underline; font-size:10px;}
	
/* =====================================================================		
/* = container---------------------- */
#container {
		left:0px;
		top:235px;
		width:984px;
		overflow:hidden;
		position:absolute;
		background-color:#000000;
		color:#FFFFFF;
		}	
/*
#container ul, #container ol {padding:3px 0px 5px 16px; margin:0px 0px 0px 4px;}
#container li {padding-bottom:5px;}
*/

/* = container-left----------------------- */
#container-left {
		width:790px;
		overflow:hidden;
		position:relative;
		float:left;
		background-color: #000000;
		}
#container-left img.logo {
		padding:2px;
}

#box-right-float {
		float:right; 
		padding:0 0 20px 40px; 
		width:150px; 
		font-size:11px; 
		color:#999999;
		}
	
		
/* = container-right---------------------- */
#container-right {
		width:194px;
		overflow:hidden;
		position:relative;
		float:right;
		background-color:#303030;
		}
#container-right a:link, #container-right a:visited {color:#333333; text-decoration:none;} 
#container-right a:hover {color:#333333; text-decoration:underline;}

		
/* = footer-container---------------------- */
#footer-container {
		left:0px;
		width:916px;
		height:61px;
		position:relative;
		background:url(../images/bg/footer.gif) left repeat-y #262626;
		float:left;
		text-align:left;
		color:#CCCCCC;
		padding:17px 30px 0px 43px;
		font-size:11px;
		}

#footer-container span.alignleft {text-align:left; float:left;}
#footer-container span.alignright {text-align:right; float:right;}

#footer-container a:link, #footer-container a:visited {color:#CCCCCC; text-decoration:none;} 
#footer-container a:hover {color:#CCCCCC; text-decoration:underline;}

#footer-container a.link_rpi:link, #footer-container a.link_rpi:visited {color:#FA6C15; text-decoration:none; font-size:11px; font-weight:bold;}
#footer-container a.link_rpi:hover {color:#FA6C15; text-decoration:underline; font-size:11px; font-weight:bold;}

#catalogue-center {text-align:center; padding:25px 0 30px 0;}

		
/* typography
----------------------------------------------- */

p {margin:0px 0px 10px 0px;}

h1 {
		color:#7CC242;
		margin:0px;
		padding:0px 0px 8px 0px;
		font-size:20px;
		line-height:22px;
		font-family:Arial, Helvetica, sans-serif;
		}
h2 {
		color:#7CC242;
		margin:0px;
		padding:0px 0px 8px 0px;
		font-size:14px;
		line-height:16px;
		font-family:Arial, Helvetica, sans-serif;
		}
h3 {
		color:#7CC242;
		margin:0px;
		padding:0px 0px 8px 0px;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		}
h4 {
		color:#7CC242;
		margin:0px;
		padding:0px 0px 8px 0px;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		}		

	
.txtbox	{
		padding:1px 2px 1px 2px;
		font:Arial, Helvetica, sans-serif;
		font-size:11px;
		background-color:#F4F4F4;
		border:1px #F4F4F4 solid;
		}
		
.title_white {
		font-size:18px;
		font-weight:normal;
		padding-left:10px;
		}
.title_freecall  {
		color:#7CC242;
		margin:0px;
		padding:0;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		}
	
.title_white_small {
		font-size:14px;
		font-weight:bold;
		padding-left:10px;
		}	
	
.title_black_small {
		font-size:14px;
		font-weight:bold;
		padding-left:10px;
		color:#000000;
		}
.freecall {font-size:10px; font-weight:bold; line-height:19px;}	

.prodnav_title {
		padding:4px 5px 1px 10px;
		color:#000;
		font-weight:bold;
		background-color:#7CC142;
		}
.prodnav_child {
		padding:2px 5px 3px 10px;
		color:#333333;
		background-color:#F4F4F4;
		font-size:11px;
		}
		
.prodnav_child_sub {
		padding:2px 5px 3px 10px;
		color:#333333;
		background-color:#E5E5E5;
		font-size:11px;
		}
.border-btm-grey {
		border-bottom:1px solid #999;
		}

#whatsnew {
		width:650px;
		padding:10px 0 20px 40px;
		border-top:1px solid #666;
}

#whatsnew h1 {
		color:#FFF;
		margin:0;
		padding:0;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		}	

/* = hyperlinks ---------------------- */
a:link, a:visited {color:#FFFFFF; text-decoration:none;} 
a:hover {color:#FFFFFF; text-decoration:underline;}

a.link_ul:link, a.link_ul:visited {color:#FFFFFF; text-decoration:underline;} 
a.link_ul:hover {color:#FF6600; text-decoration:underline;}


/* = font-styles ---------------------- */
.color-3 {color:#333333;}
.color-9 {color:#999999;}
.color-c {color:#CCCCCC;}
.color-black {color:#000000}
.color-orange {color:#FF6600;}
.color-red {color:#FF0000;;}