/* @override https://www.frontline-innovations.com/style.css */

/* @override https://www.frontline-innovations.com/style.css */

/* @override http://www.frontline-innovations.com/style.css */

/* @override http://frontline2.efront.com.au/style.css */

/* @override http://frontline2.efront.com.au/style.css */

/* @override http://frontline2.efront.com.au/style.css */

/* @override http://frontline2.efront.com.au/style.css */

/* @override http://frontline2.efront.com.au/style.css */

/* @override http://frontline2.efront.com.au/style.css */

/* @override http://frontline2.efront.com.au/style.css */

/* @override http://frontline.efront.com.au/templates/jh_frontline/css/template_css.css */

/* @override http://frontline.efront.com.au/templates/jh_frontline/css/template_css.css */

/* Products */

h1 { margin: 0; padding:0; background:#0082b4; display: block; height:30px; line-height:30px; color:white; font-size:22px;  padding: 2px 10px; font-family:Arial, Helvetica, sans-serif;  }

h2 { margin: 0; padding:0; background:#e5f2f8; display: block; color:#0a78ab; font-size:15px;  padding: 5px 10px; font-family:Arial, Helvetica, sans-serif;  }

div.product h3 { margin: 0; padding:0; background:#0082b4; display: block; height:15px; line-height:15px; color:#fff; font-size:14px;  padding: 5px 10px; text-indent:105px; font-family:Arial, Helvetica, sans-serif;  }

div.product { clear: both; }

div.product IMG { margin-right: 5px; margin-bottom: 5px;  }

div.product P { padding:0; margin:0; color:#929091;  }

div.product a { color:#0475a1; text-decoration:underline; font-weight:bold;   }

a.buynow { display: block; height: 20px; width: 88px;background: url(/images/buynow.gif) no-repeat; margin: 8px 0px;  }

a.buynow:hover { background: url(/images/buynow.gif) no-repeat; }

P.main {border-top: solid 10px white;  }



/* CSS Document */





.clr {

	clear: both;

}









ul#mainlevel-nav

{

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



ul#mainlevel-nav li

{

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 0;

	font-size: 11px;

	line-height: 17px;

	white-space: nowrap;

	border-right: 0px solid #cccccc;

}



ul#mainlevel-nav li a

{

	display: block;

	padding-left: 10px;

	padding-right: 10px;

	text-decoration: none;

	color: #fff;

	padding-bottom: 2px;

	background: transparent;

}



#buttons>ul#mainlevel-nav li a { width: auto; }



	ul#mainlevel-nav li a#active_menu-nav

{

	color: #fff;

	background: url(/images/mmon.gif) repeat-x; 

}

ul#mainlevel-nav li a:hover

{

color: #055a7a;

	background: url(/images/mmhover.gif) repeat-x; 

}





table.content_table {

  width: 100%;

	padding: 0px;

	margin: 0px;

}



table.content_table td {

	padding: 0px;

	margin: 0px;

}





#banner_inner {

	float: left;

	padding: 0px;

	height: 70px;

}



#poweredby_inner {

	float: right;

	padding: 0px;

	margin-left: 0px;

	height: 70px;

}



#right_outer {

	margin-left: 2px;

	width: 165px;

}



#right_inner {

  float: none !important;

  float: left;

  border: 1px solid #cccccc;

  padding: 2px;

}





.user1_inner {

	border: 1px solid #cccccc;

	float: none !important;
	
	float: left;

	margin: 0px;

	padding: 2px;

}



.user2_inner {

	border: 1px solid #cccccc;

  float: none !important;

  float: left;

	margin: 0px;

	padding: 2px;

}



table td.body_outer {

	padding: 2px;

	border: 1px solid #cccccc;

}



.maintitle {

	color: #ffffff;

	font-size: 40px;

	padding-left: 15px;

	padding-top: 20px;

}



.error {

  font-style: italic;

  text-transform: uppercase;

  padding: 5px;

  color: #cccccc;

  font-size: 14px;

  font-weight: bold;

}



/** old stuff **/



.back_button {

	float: left;

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 0px double #cccccc;

  width: auto;

  padding: 0px 10px;

  line-height: 20px;

  margin: 1px;

}



.pagenav {

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 0px double #cccccc;

  width: auto;

  padding: 0px 10px;

  line-height: 20px;

  margin: 1px;

}



.pagenavbar {

	margin-right: 10px;

	float: right;

}



#footer {

	text-align: center;

	padding: 3px;

}



ul

{

margin: 0;

padding: 0;

list-style: none;

}



li

{

line-height: 15px;

padding-left: 15px;

padding-top: 0px;

background-image: url(/images/arrow.png);

background-repeat: no-repeat;

background-position: 0px 2px;

}





td {

	text-align: left;

	font-size: 12px;

}



#outer { background:url(/images/bg.gif) repeat-x top; }

#container { text-align:left; padding-top: 3px; width: 798px; background: white; }

#foot { height: 86px; background:url(/images/foot.gif) no-repeat; width: 798px;}

#foot div.module { text-align:left; padding-left: 30px; padding-top: 20px;  }

#bottom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#b2b2b2;}

#bottom a {color:#b2b2b2; font-weight:normal; text-decoration:underline;  }

#pleft { padding-left: 7px; background:url(/images/left.gif) no-repeat top left; }

#pright { padding-left: 0px; background:url(/images/right.gif) no-repeat top right; }

#content { border-left: solid 3px white; border-right: solid 0px white; width: 98.3%; }

#logo { width: 569px; float:left; border-bottom: 3px solid white;}

#header { height:67px;   }

#tmenu { float: right; background:#d3d9f3; border-left: 3px white solid; width: 190px; height:52px; border-bottom: 3px solid white;padding-top: 12px; padding-left: 9px; }

#tmenu div.module { padding: 14px; }

#tmenu a.mainlevel { display: block; height: 13px; line-height: 13px; background:url(/images/topoff.gif) no-repeat left;  padding: 3px 10px; padding-left: 20px; color:#055a7a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  }

#tmenu a.mainlevel:hover { text-decoration:none; background:url(/images/topon.gif) no-repeat left; }

#bleft { width: 575px; float:left; }

#bright { width: 199px; float: right; padding-right: 0px; border-left: 3px white solid; }

#bright  div.modul, #foot div.modulee  { margin:10px; background: white; }

#bright  div.module h3, #foot  div.module h3 { background:url(/images/h3.gif) no-repeat left; text-indent:30px; font-size: 14px;}

#mainmenu { height: 18px; background: url(/images/mm.gif) repeat-x top; }

#innermain { padding: 30px ; margin-left:-2px; 
display: block;}



body {

	margin: 0px;

	height: 100%;

	padding: 0px;

	font-family: Arial, Helvetica, Sans Serif;

	line-height: 140%;

	font-size: 12px;

	color: #928f8f;

	background: #ffffff;

}



/* Joomla core stuff */

a:link, a:visited {

	 text-decoration: underline;

	font-weight: bold;

	color:#928f8f;

}



a:hover {

	text-decoration: none;

	font-weight: bold;

}



table.contentpaneopen {

  width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	margin: 0px;

}



table.contentpaneopen td {

   padding-right: 5px;

}



table.contentpaneopen td.componentheading {

	padding-left: 4px;

}







table.contentpane {

  width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	margin: 0px;

}



table.contentpane td {

	margin: 0px;

	padding: 0px;

}



table.contentpane td.componentheading {

	padding-left: 4px;

}



table.contentpaneopen fieldset {

	border: 0px;

	border-bottom: 1px solid #eee;

}



.button {

  /*color: #fff;

  font-family: Arial, Hevlvetica, sans-serif;

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border:0px double #cccccc;

  width: auto;

  background: #055b7c;

  padding: 0px 5px;

  line-height: 18px !important;

  line-height: 16px;

  height: 26px !important;

  height: 24px;

  margin: 1px;*/
  
  padding:0px 40px;
  width: 100px;

}



.inputbox {

	padding: 2px;

	border:solid 1px #cccccc;

	background-color: #ffffff;

}







.contentcolumn {

	padding-right: 5px;

}



.contentheading, .componentheading  {

	height: 25px;

	font-family: Arial, Helvetica, sans-serif;

	color: #928f8f;

	border-bottom: solid 1px #ccc;

	font-weight: bold;

	font-size: 22px;

}


.contentpagetitle2 {

	font-size: 16px;

	font-weight: bold;

	color: #cccccc;

	text-align:left;

}



.contentpagetitle {

	font-size: 13px;

	font-weight: bold;

	color: #cccccc;

	text-align:left;

}



table.searchinto {

	width: 100%;

}



table.searchintro td {

	font-weight: bold;

}



table.moduletable {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

}



div.moduletable {

	padding: 0;

	margin-bottom: 2px;

}



table.moduletable th, div.moduletable h3 {

	background: url(/images/subhead_bg.png) repeat-x;

	color: #666666;

	text-align: left;

	padding-left: 4px;

	height: 21px;

	line-height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	margin: 0 0 2px 0;

}



table.moduletable td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

}



table.pollstableborder td {

  padding: 2px;

}



.sectiontableheader {

  font-weight: bold;

  background: #f0f0f0;

  padding: 4px;

}



.sectiontablefooter {



}



.sectiontableentry1 {

	background-color : #ffffff;

}



.sectiontableentry2 {

	background-color : #f9f9f9;

}



.small {

	color: #999999;

	font-size: 11px;

}



.createdate {

	height: 15px;

	padding-bottom: 10px;

	color: #999999;

	font-size: 11px;

}



.modifydate {

	height: 15px;

	padding-top: 10px;

	color: #999999;

	font-size: 11px;

}



table.contenttoc {

  border: 1px solid #cccccc;

  padding: 2px;

  margin-left: 2px;

  margin-bottom: 2px;

}



table.contenttoc td {

  padding: 2px;

}



table.contenttoc th {

  background: url(/images/subhead_bg.png) repeat-x;

  color: #666666;

	text-align: left;

	padding-top: 2px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



a.mainlevel:link, a.mainlevel:visited {

	text-decoration: none;

}



a.mainlevel:hover {

	

}



a.mainlevel#active_menu {

	

}



a.mainlevel#active_menu:hover {

	

}



a.sublevel:link, a.sublevel:visited {

	

}



a.sublevel:hover {

	

}



a.sublevel#active_menu {

	

}



.highlight {

	background-color: Yellow;

	color: Blue;

	padding: 0;

}

.code {

	background-color: #ddd;

	border: 1px solid #bbb;

}



form {

/* removes space below form elements */

	margin: 0;

 	padding: 0;

}



div.mosimage {

  border: 1px solid #ccc;

}



.mosimage {

  border: 1px solid #cccccc;

  margin: 5px

}



.mosimage_caption {

  margin-top: 2px;

  background: #efefef;

  padding: 1px 2px;

  color: #666;

  font-size: 10px;

  border-top: 1px solid #cccccc;

}



span.article_seperator {

	display: block;

	height: 1.5em;

}
.logintitle{
	color: #0082B4;
	font-size: 18px;
	line-height: 20px;
}

.logintitle a{
	text-decoration: none;
	color: #0082B4;
}

fieldset.js_login input.button{
	
}

a.blue-link{
	color:#0082B4;
	text-decoration: none;
}

a.blue-link:hover{
	text-decoration: underline;
}

fieldset.js_login{
	padding:20px 50px;
	background: #F4F9FF;
}

input#mod_login_username.inputbox, input#mod_login_password.inputbox{
	width: 300px;
	float: right;
}

input#mod_login_remember.checkbox{
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}


fieldset.js_login label{
	float: left;
	width:90px;
	padding-top: 5px;
}

.moduletable a{
		color: #0082B4;
		text-decoration: none;

}

.interest{
	margin-top: 20px;
	text-align: center;
}

.interest a{
	text-decoration: none;
	font-size: 14px;
	color: #0082B4;
}

.interest a:hover{
	text-decoration: underline;
}

#formleft{
	width: 230px;
	float: left;
	margin-right: 20px;
}
#formright{
	float: left;
	width: 200px;
}

.formline{
	margin-top: 5px;
}

.formlabel{
	float: left;
	width: 170px;
	text-align: right;
	font-size: 11px;
	padding-top: 2px;
}
.formfield{
	float: left;
	width: 300px;
}
.formcontainer{
	background: #F4F9FF;
	padding: 10px 0px;
	margin-top: 20px;
}

.textinput{
	width: 280px;
	border: 1px solid #ccc;
	margin-left: 10px;
}

.selectpulldown{
	margin-left: 10px;
	width: 285px;
}

.textareainput{
	width: 280px;
	margin-left: 10px;
	border: 1px solid #ccc;
	height: 60px;
}

.checkout_textareainput{
	border: 1px solid #ccc;
	height: 60px;
	width: 515px;
}


.submitinput{
	margin-left: 10px;
	width: 120px;
}

.formerror{
	border: 1px solid red;
	padding: 10px 20px;
	color: #666;
}

.formsuccess{
	border: 1px solid green;
	padding: 10px 20px;
	color: #666;
}

img.product_image{
	float: left;
	width: 160px;
	margin-right: 20px;
}

.product_container{
	margin-top: 20px;
	padding-bottom: 0px;
}

.product_container h2{
	background: none;
	color: #999;
	border-bottom: 1px solid #ccc;
	padding: 5px 0px;
}
.product_details{
	width: 330px;
	float: right;
}

p.priceline{
	margin: 3px 0px;
}

.product_description p{
	margin: 5px 0px 5px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.qtyfield{
	width: 25px;
	border: 1px solid #ccc;
	margin: 0px 10px;
}

.ordersubmit{
	width: 100px;
	
}

.quantityline{
	margin-top: 20px;
}

.product_spacer{
	border-bottom: 1px solid #ccc;
}

.special{
	font-style: italic;
	margin-top: 10px;
}

.response{
	float: right;
	padding-left: 16px;
	background: #fff url(/images/tick.gif)no-repeat left center;
	width: 80px;
}

.shoppingcart{
	float:left;
	width: 270px;
	text-align: left;
	margin-left: 30px;
	
}



#chuckies_stockists{
	width: 150px;
	float: left;
	margin-top: 10px;
	padding:10px;
	border: 1px solid #0082B4;
	
}

#chuckies_stockists a{
			color: #0082B4;
			text-decoration: none;
	
}

.cart_product_name_header{
	background: #e5f2f8;
	color:#0a78ab;
	font-size: 14px;
	padding: 7px 5px;
	font-weight: bold;
	border: 1px solid #fff;

}

.cart_product_name{
	width: 185px;
	float: left;
	padding: 6px 0px 6px 5px;
	border: 1px solid #fff;
}

.cart_remove{
	width: 20px;
	float: right;
	height:20px;
}

.cart_product_price, .cart_product_subtotal{
	float: left;
	width:72px;
	text-align:center;
	padding: 6px 0px;
	border: 1px solid #fff;

}

.cart_product_qty{
	float: left;
	width: 30px;
	text-align: center;
	padding: 6px 0px;
	border: 1px solid #fff;
}

.cart_product_code{
	float: left;
	width:40px;
	text-align: center;
	padding: 6px 0px;
	border: 1px solid #fff;
}

.cart_refresh, .cart_remove{
	width: 48px;
	float:right;
	text-align: center;
	border: 1px solid #fff;

}

.cart_line{
	font-size: 11px;
}

.cart_update{
	width: 101px;
	float: right;
	border: 1px solid #fff;
	padding: 6px 0px;
	text-align:center;


}

.cart_product_ttl{
	float: left;
	width: 106px;
	text-align: right;
	padding: 6px 0px;

}

.cart_line_headings{
	background: #f4f4f4;
	color: #999;
	font-size: 11px;
	border: none;
}

.backto{

	margin-top: 20px;	

}

.backto a{
	text-decoration: none;
	color: #666;
	display: block;
	padding: 10px;

}

.backto a:hover{color: #000;}

#continueshopping{
	float: left;
	width: 200px;
	background: #e5f2f8;
	text-align: center;
	border: 1px solid #a5e4ff;
	}

#gotocheckout{
	float: right;
	width: 200px;
	background: #e5f2f8;
	text-align: center;
	border: 1px solid #a5e4ff;
}

#continueshopping:hover, #gotocheckout:hover{
	border: 1px solid #0082b4;
}

.shoppingcart a{
	text-decoration: none;
}

h2.checkouth2{
	padding: 5px 0px 8px 8px;
	background: #0082b4;
	color: #fff;
}


.tile{
	margin: 0 auto;
	width: 178px;
	height: 73px;
	background-position:top;
	cursor: hand;
	cursor:pointer;
	margin-bottom: 10px;
}

.tile:hover{
	width: 178px;
	height: 73px;
	background-position:bottom;
}

#embag{
	background-image: url(/images/tiles/embag.jpg);
}

#embag_disp{
	background-image: url(/images/tiles/dispenser.jpg);
}

#chuckies{
	background-image: url(/images/tiles/chuckies.jpg);
}

#fansplint{
	background-image: url(/images/tiles/fansplint.jpg);
}
#spillkits{
	background-image: url(/images/tiles/spillkit.jpg);
}


#rcol{
	background: url(/images/rcol_bg.jpg) repeat-x;
	padding:4px 0px;
}


#rcol2{
	background: url(/images/rcol2_bg.jpg) repeat-x bottom;
	padding:4px 0px 50px;
}



a.interested_link {
	text-decoration: none;
	font-size: 12px;
	color: #0082B4;
	font-weight: normal;
}

.content_right_text{
	float: right;
	width: 250px;
}

.content_right_text a{
	color: #0082b4;
	text-decoration: none;
}

.content_right_text b,.content_right_text strong{
	color: #0082b4;
}

#specialsflag{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding: 5px 0px;
	background: #e5f2f8;
	border: 1px solid #a5e4ff;
	color: #666;

}

#special_alert{
width: 350px;
margin: 0 auto;
background: url(/images/special.gif) no-repeat left;
}

.stockists_line_heading{
	margin-top: 30px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	padding: 5px 0px;
	font-size:12px;
	font-weight: bold;
}

.stockists_line{
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	padding: 5px 0px;
}

.stockists_line:hover{
	background: #f4f4f4;
}

.stockist_postcode{
	width: 30px;
	margin-right: 5px;
	float: left;
	
}

.stockist_store_name{
	width: 115px;
	float: left;
	margin-right: 5px;
}

.stockist_address{
	width: 165px;
	float: left;
	margin-right: 5px;
	
}

.stockist_suburb{
	width: 110px;
	float: left;
}

.stockist_phone{
	float: right;
	width: 80px;
}