@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- Watchdog Internal Limited -
	
	author: FuelDesign Ltd www.fueldesign.co.nz
	updated: 18th Nov 08

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Styles for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific sty;es

==========================================================================
*/
	@import url("base.css");
	@import url("forms.css");
/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
/* white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit */
body  {background-color:#ccc;color:#333;font-size:13px;line-height:1.5em;text-align:center;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;font-variant:normal;white-space:normal;}

/* http://randsco.com/index.php/2009/07/04/p680 */
@font-face {
	font-family:GoodDogPlain;
	src:url(/templates/fueldesign/fonts/GoodDogPlain.eot); /* IE */
	src:local(GoodDogPlain), url(/templates/fueldesign/fonts/GoodDogPlain.ttf) format("truetype"); /* non-IE */
}
/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a, a:link, a:visited				{border-bottom:none;color:#fab110;}
a:hover, a:active					{border-bottom:1px solid #999;}
/* remove dotted outlines in FF */
a:hover,a:active,a:focus, :focus	{outline-style:none; outline-width:medium; outline:0 none; }
a:link.external, a:visited.external	{background: transparent url("../images/bg/external.gif") top right no-repeat; padding-right: 12px; }

/* paragraphs */
p {  }
p:first-letter {  }
p:first-line {  }

/* list types Style */
ul				{margin:5px 0 5px 14px;}
ul li			{margin:0 0 0 14px;}
ol				{margin:5px 0 5px 14px;}
ol li			{margin:0 0 0 14px;}

dl dt			{font-weight:bold;}
dl dd img		{display:inline;}
/* ol li { list-style-type: lower-alpha; list-style-position: inside; } */

/* blockquotes */
blockquote		{background-color:#f5f5f5; margin-bottom: 1em; }
blockquote p	{font-family:georgia, "times new roman", serif; color: #ccc; font-size: 1.5em; margin: 5px 5px 5px 10px; }
blockquote cite	{font-style: normal; color: #ccc; font-weight: bold; }

/* Quote */
quote {  }

/* strong */
strong			{}
strong.error	{color: #f00; }

/* em */
em.required		{color: #f00; font-weight: bold; font-style: normal; }

/* box model padding */
h1, h2, h3, h4,
p, blockquote	{padding:0 0 14px;}

/* headers */
h1, h2, h3, h4	{font-family:georgia,"times new roman",serif;}
h1				{color:#D8144C;font-family:GoodDogPlain;font-size:30px;font-weight:normal;line-height:26px;margin:14px 0 28px;padding:0}
h2				{color:#333;font-size:18px;font-weight:normal;line-height:18px;}
h2, h3, h4		{color:#333;}

p strong		{font-family:georgia,"times new roman",serif;font-size:16px;font-weight:normal;line-height:1.5em;}

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
.three-column-layout #page				{margin:15px auto 0;width:980px; -webkit-box-shadow:0 0 15px 5px #999;-moz-box-shadow:0 0 15px 5px #999;box-shadow:0 0 15px 5px #999; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.three-column-layout #container			{background-color:#fff;position:relative;margin:0 auto;text-align:left;width:980px;}
.three-column-layout #left-sidebar		{left:7px;position:absolute;top:0;width:274px;}
.three-column-layout #main-content		{margin:0 0 0 281px;height:auto !important;height:600px;min-height:600px;width:692px;}
.three-column-layout #header			{background:url(../images/bg/bg.png) repeat-x scroll 0 0;margin:0; z-index:0;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.three-column-layout #footer			{background-color:#999;height:42px;line-height:30px;margin:0;overflow:hidden;width:100%;}
.three-column-layout #footer-container	{width:966px;margin:0 auto;text-align:left;position:relative;color:#fff;}
/*
==========================================================================
4 - Header styles
==========================================================================
*/
#header #header-container			{background:#3D3B3B url(../images/bg/bg-heading.png) no-repeat scroll 103% 0;height:181px;margin:0 auto;position:relative;text-align:left;width:956px; z-index:1;}

#header a:hover,#header a:focus,#header a,
#header a:active,#header a:link		{border:0 none;text-decoration:none;}

#header #logo						{left:0;position:absolute;top:-11px;}
#header #logo img					{display:block;}

#header a#btn-enquire				{position:absolute;right:0;top:0;background:transparent url(../images/header/enquire-now.png) no-repeat scroll 0 0;display:block;width:218px;height:34px;line-height:34px;text-align:center;color:#fff;}
#header a:hover#btn-enquire			{background-position:100% 0;}
#header a:hover#btn-enquire span	{color:#D8144C;}

#btn-enquire, #btn-enquire span,
ul.menu li,ul.menu a,ul.menu span	{color:#fff;font-size:14px;font-weight:bold;font-family: georgia, "times new roman", serif;}

ul.menu								{bottom:0;margin:0;position:absolute;right:0; z-index:2;}
ul.menu li							{position:relative;list-style:none;margin:0 0 0 8px;float:left;width:1%;white-space:nowrap;width:auto !important; z-index:3;}
ul.menu li,ul.menu a,ul.menu span	{height:31px;line-height:31px;color:#fff;font-size:14px;font-weight:normal;font-family: georgia, "times new roman", serif;letter-spacing:0.75px;}

ul.menu li a						{background:transparent url(../images/header/bg-menu-start.png) no-repeat scroll 0 0;display:block;}
ul.menu li a span					{background:transparent url(../images/header/bg-menu-end.png) no-repeat scroll 100% 0;display:block;margin:0 0 0 10px;padding:0 10px 0 0;}
ul.menu li a:hover,
ul.menu li#current a				{background-image:url(../images/header/bg-menu-o-start.png);}
ul.menu li a:hover span,
ul.menu li#current a span			{background-image:url(../images/header/bg-menu-o-end.png);}

ul.menu li ul				{border-top:9px solid transparent;left:-9999px;margin:0;position:absolute;top:31px;z-index:4;}
ul.menu li ul li			{background-color:#999;border-top:1px solid #fff;margin:0;padding:0;width:100% !important;z-index:5;}
ul.menu li ul a				{background-image:none !important;display:block;}
ul.menu li ul a:hover		{background-color:#111;}
ul.menu li ul a span		{background-image:none !important;display:block;font-size:12px;}

ul.menu li:hover ul			{left:0;}
ul.menu li:hover ul li		{}
ul.menu li:hover ul li a	{}

/* Header Lead-Ins */

#header-leadin-home					{background:transparent url(../images/bg/bg-home.png) repeat-x scroll 0 100%;height:247px;width:980px;}
#header-leadin-inner				{background:transparent url(../images/bg/bg-inner.png) repeat-x scroll 0 100%;}
#header-leadin-home .container		{height:247px;margin:0 auto;text-align:left;width:966px;}
#header-leadin-inner .container		{height:49px; margin:0 auto;position:relative;text-align:left;width:966px;}

.module_announcements 				{left:273px;position:absolute;top:10px;color:#fff;height:34px;line-height:34px;overflow:hidden;}
.module_announcements ul 			{list-style:none;margin:0px;padding:0px;}
.module_announcements ul li 		{margin:0 0 0 5px;padding:0px;}
.module_announcements a				{color:#D8144C;font-style:italic;font-weight:bold;text-transform:lowercase;font-size:11px;}
.module_announcements a:hover		{border-color:#D8144C;}

.module_leadin						{padding-top:44px;width:980px;}
.module_leadin a:hover				{border:none;}
/*
==========================================================================
5 - Main content styles
==========================================================================
*/

.three-column-layout #left-sidebar-padding	{padding:30px 0 0 10px;}
.three-column-layout #main-content-padding	{padding:15px 10px;}

.search-form						{background:#fff url(../images/bg/bg-search.png) no-repeat scroll 0 0;width:254px;height:26px;}
.search-form form					{margin:0;padding:0;}
.search-form form fieldset			{margin:0;padding:0;}
.search-form form fieldset input	{background-color:#fff;border:0 none;display:inline;float:left;font-style:italic;margin:4px 10px;padding:0;width:200px;}
.search-form form fieldset input.go	{float:right;margin:7px;width:auto;}

.module-outer						{background:#fff url(../images/bg/bg-module-bottom.png) no-repeat scroll 0 100%;font-family:Arial,Helvetica,sans-serif;margin:14px 0;padding:0 0 11px;width:254px;}
.module-inner						{background:#fff url(../images/bg/bg-module.png) repeat scroll 0 0;width:254px;padding:0}
.module-outer h3					{background:#fff url(../images/bg/bg-module-top.png) no-repeat scroll 0 0;color:#ccc;font-size:15px;line-height:15px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;height:30px;line-height:30px;padding:0 10px;}
.div_lnd_intro 						{padding:0 10px;}

.partners							{/*margin:0 2px;*/}
.partners a:hover					{border:0 none;}

#breadcrumbs						{margin:0 0 5px;height:26px;line-height:26px;white-space:nowrap;}
#breadcrumbs .breadcrumbs.pathway	{}
#breadcrumbs .separator				{}
#breadcrumbs a.pathway				{}
/*
#breadcrumbs						{margin:0 0 5px;height:26px;line-height:26px;}
#breadcrumbs .breadcrumbs.pathway	{display:block;width:100%;}
#breadcrumbs .separator				{background:red url(../images/bg/bg-search.png) no-repeat scroll 100% 0;display:block;float:left;height:26px;line-height:26px;margin:0 5px 0 0;width:10px;}
#breadcrumbs a.pathway				{background:transparent url(../images/bg/bg-search.png) no-repeat scroll 0 0;float:left;height:26px;line-height:26px;padding-left:10px;}
#breadcrumbs a:hover.pathway		{border:0 none;text-decoration:none;}
*/

.news-item							{padding:0;margin:0 10px 10px;}
.news-item h4						{color:#fab110;font-size:12px;font-weight:bold;padding:0 0 5px;}
.news-item .content p				{padding:0 0 5px;}
.news-item a, .news-item .more a	{color:#fab110;}

ul.menu-quicklinks					{margin:14px 0;padding:0;}
ul.menu-quicklinks li				{margin:0 0 0 14px;padding:2px 0;list-style:none;}
ul.menu-quicklinks li,
ul.menu-quicklinks a				{border:0 none;color:#666666;font-family:georgia,"times new roman",serif;font-size:16px;}
ul.menu-quicklinks li#current,
ul.menu-quicklinks li#current a,
ul.menu-quicklinks a:hover			{color:#fab110;border:0 none;}

#left-sidebar ul.menu-menu-top-quicklinks	{margin-left:0;}

/*
ul.call2action						{margin:14px 0;padding:0;width:692px;}
ul.call2action li					{list-style:none;margin:0 20px 20px 0;padding:0;float:left;width:216px;height:178px;}
ul.call2action li.last				{margin-right:0;}
ul.call2action li a					{background:#fff url(../images/bg/call2action-body.png) no-repeat scroll 0 100%;display:block;width:216px;height:178px;}
ul.call2action li a:hover			{background-image:url(../images/bg/call2action-body-over.png);border:0 none;}
ul.call2action li a .heading		{background:#fff url(../images/bg/call2action-head.png) no-repeat scroll 0 0;display:block;width:216px;height:32px;line-height:32px;color:#fff;text-indent:25px;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}
ul.call2action li a .body			{display:block;width:216px;height:146px;}
ul.call2action li a .body .image	{display:block;height:120px;margin:0 auto;overflow:hidden;padding:15px;text-align:center;}
*/
ul.call2action						{margin:14px 0;padding:0;width:692px;}
ul.call2action li					{list-style:none;margin:0 14px 14px 0;padding:0;float:left;width:216px;height:178px;}
ul.call2action li.last				{margin-right:0;}
ul.call2action li a					{background:#fff url(../images/bg/call2action-body.png) no-repeat scroll 0 100%;display:block;text-align:center;width:216px;height:178px;}
ul.call2action li a:hover			{background-image:url(../images/bg/call2action-body-over.png);border:0 none;}
ul.call2action li a .heading		{background:#fff url(../images/bg/call2action-head.png) no-repeat scroll 0 0;display:block;width:216px;height:32px;line-height:32px;color:#fff;margin-bottom:15px;text-indent:25px;text-align:left;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}
ul.call2action li a .body			{display:block;width:216px;height:146px;}
ul.call2action li a .body .image	{display:block;height:120px;margin:0 auto;overflow:hidden;padding:15px;text-align:center;}

.prod-news							{background:#fff url(../images/bg/prod-news-bottom.png) no-repeat scroll 0 100%;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0 0 11px;width:692px;}
.prod-news-inner					{background:#fff url(../images/bg/prod-news-body.png) repeat scroll 0 0;width:692px;padding:0;}
.prod-news h3						{background:#fff url(../images/bg/prod-news-top.png) no-repeat scroll 0 0;font-family: georgia, "times new roman", serif;color:#fff;font-size:18px;font-weight:normal;height:38px;line-height:38px;padding:0 10px;}
.prod-news .news-item				{border-bottom:1px dashed #CCCCCC;margin:10px 10px 0;padding:0 0 11px;}
.prod-news .news-item .contentheading {/*color:#1e1e1e;font-family:georgia;font-size:16px;font-weight:bold;*/line-height:16px;padding:0 0 5px;}
.prod-news .news-item .content		{padding:0 0 5px;color:#fab110;}

/*
==========================================================================
6 - Footer styles
==========================================================================
*/
#footer-spacer					{height:9px;line-height:9px;background-color:#1e1b16;border-bottom:1px solid #8a1b1b;}
#footer-container				{font-family: georgia, "times new roman", serif;}
#footer-container ul#copyright	{float:left;}
#footer-container ul.menufooter {padding:0;}
#footer-container ul			{float:right;list-style:none;margin:0;padding:0 8px 0 0;}
#footer-container ul li 		{float:left; font-size: 12px; padding:0 2px; margin-left:0; }
#footer-container a,
#footer-container a:hover,
#footer-container a:active,
footer-container a:visited 		{color:#fff;border:0 none;}
#footer-container a:hover		{color:#fab110;border:0 none;}
/*
==========================================================================
7 - Page specific styles
==========================================================================
*/ 
.floatright	{float:right;margin:0 0 0 8px;}
.floatleft	{float:left;margin:0 8px 0 0;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close off a container that should fully contain a float */
	/* Steve: alternatively, encapsulate your floating containers within a .clearfix container ref: base.css */
	clear:both;height:0;font-size: 1px;line-height: 0;
}

/* MooTools.Tips */
.tip { width: 278px !important; }
.tip-top {
    color: #fff;
    width: 278px;/*139px;*/
    z-index: 13000;
}         
.tip-title {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    color: #fab110;
    padding: 8px 4px 4px;
    background: url(../images/bubble.png) top left;
}
 
.tip-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(../images/bubble.png) bottom right;
    color:#fff;
}
.tip-text A {
    color:#069;
}
.tip-loading {
    background: url(../images/ajax_load.gif) center center no-repeat;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

/* Accordion */
.item						{margin:0 0 3px;}
.item a,.item alink,.item a:active,.item a:focus {border:0 none;}
.item h3.toggler			{color:#fff;cursor:pointer;height:33px;line-height:33px;margin:0;padding:0 0 0 15px;}
.item .element				{padding:0;margin:0;}
.item .element .image		{float:left;}
.item .element .body		{display:block;padding:15px 15px 0 20px;}
.item .element .linker		{display:block;padding:15px;}
/*images*/
.item h3.toggler:hover,
.item .toggler.active		{background-image:url(../images/img/accordion-open-title.png);background-position:100% 0;width:657px;}
.item .toggler.inactive		{background-color:#fab110;background-image:url(../images/img/accordion-title.png);background-position:100% 0;width:657px;}
/*css*/
/*.item .toggler.inactive		{width:688px;background-color:#fab110;border:1px solid #d8bd92;}
.item .toggler.active		{width:688px;width:688px;background-color:#3d3b3b;border:1px solid #d0c0b2;}*/

/* CMS Table tags */
table.table-with-grids		{margin:0 0 14px;width:100%;background-color:#f0f0f0;/*background:#f0f0f0 url(../images/bg/table-bg.png) repeat-x scroll 0 0;*/}
table.table-with-grids th	{background-color:#fab110;color:#fff;}
table.table-with-grids td	{color:#666;}
table.table-with-grids p	{padding:0;margin:0;}
table.table-with-grids th,
table.table-with-grids td	{border:1px solid #fff;padding:3px 5px;text-align:center;vertical-align:middle;}


/* QContacts forms */
.contact-other 				{clear:left;float:left;margin-bottom:3px;margin-left:25px;position:relative;}
div.marker					{left:-25px;padding-top:1px;position:absolute;top:0;}
#emailForm					{clear:both;margin-top:15px;padding:15px 0 0;}
#qcontacts label.required	{color:#D8144C;}
#qcontacts label			{color:#333;}