/*-----------------------------------------------
/* STYLE CSS
/*---------------------------------------------*/

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

html,body {
}

body {
	padding: 0px;
	margin: 0px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../gfx/gif/bg.gif);
	background-color: #BB0000;
}

* html body {
	
}

*:first-child+html body {

}


div#container {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	background-attachment: scroll;
	background-image: url(../gfx/gif/bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}
	
div#menubg {
	list-style:none;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
	background-image: url(../gfx/png/bg.png);
	background-position: center top;
	background-attachment: fixed;
}	


div#logo {
/***	background-color:#FFFFFF; ***/
	height:125px;
	margin-left: 25px;
	float: left;
	margin-bottom: 4px;
}

div#contact {
	float: right;
	margin-right: 5px;
	height: 125px;
	margin-bottom: 4px;
}


div#content {
	padding-right: 25px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: center bottom;
}


div#leftcolumn {
	float: left;
	width: 620px;
	padding-bottom: 10px;	
}

div#rightcolumn {
	float: right;
	width: 300px;
}

div#enquiry {
	margin-bottom: 25px;
}

div#enquiry textarea {margin-bottom: 15px;}

ul.context { font-family:Arial, Helvetica, sans-serif; font-size:14px;}

ul.context li { 
	font-family:Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-image: url(../gfx/gif/tick-cyan.gif);
	line-height: 1.6em;
}
ul.contextinside {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

ul.contextinside li { 
	font-family:Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-image: url(../gfx/gif/tick-cyan.gif);
	line-height: 1.6em;
}



ul.sidemenu {}

ul.sidemenu li {
	list-style-type: none;
	list-style-image: url(../gfx/png/bullet.png);
	text-indent: 10px;
	margin-bottom: 10px;
}


* html ul.sidemenu li {
	list-style-type: none;
	list-style-image: url(../gfx/png/bullet_ie.png);
	list-style-position: outside;
}

*:first-child+html ul.sidemenu li {
	list-style-type: none;
	list-style-image: url(../gfx/png/bullet_ie.png);
	list-style-position: outside;
}


ul.sidemenu li a {
	font-size: 14px;
}

* html ul.sidemenu li a {

}

*:first-child+html ul.sidemenu li a {
	
}

/*** BLOG ***/

div.sideblock h3 { margin-left:40px;}

div.sideblock ul {}

div.sideblock ul li {
	list-style-type: none;
	list-style-image: url(../gfx/png/bullet.png);
	margin-bottom: 10px;
}

* html div.sideblock ul li {
	list-style-type: none;
	list-style-image: url(../gfx/png/bullet_ie.png);
	list-style-position: outside;
}

*:first-child+html div.sideblock ul li {
	list-style-type: none;
	list-style-image: url(../gfx/png/bullet_ie.png);
	list-style-position: outside;
}

div.sideblock ul li a {font-size: 14px; text-indent:10px;}


ol {
	margin-left: 15px;
	margin-top:30px;
	font-size:14px;

}

ol li { 
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
}


/*** FOOTER ***/

div#footer {
	
}

* html div#footer {}

*:first-child+html div#footer {}

div#floatleft {
	float: left;
	padding-top: 16px;
	padding-bottom: 12px;
	clear: left;
}


div#floatleft a {
	font-size: x-small;
	color: #EC008C;
	text-decoration: none;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}
div#floatleft a:hover {
	text-decoration: underline;
}

div#basemenu {
	float: right;
	margin-top: -5px;
	padding-top: 16px;
	padding-bottom: 12px;
}

div#basemenu a {
	font-size: x-small;
	color: #BB0000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-style: normal;
	margin-left: 25px;
}

div#basemenu a:hover {
	text-decoration: underline;
}


/*** CLASSES ***/

.black { color:#000000;}
.blue {color:#0033CC;}
.cyan {color:#00AEEF;}

.bold {
	font-weight: bold;
}
.normal { font-weight:normal;}
.underline {
	text-decoration: underline;
}
.italic {
	font-style: italic;
}

.copyright {
	font-size: 10px;
	color: #BCBDC0;
}

.redbg { color:#000000; background-color:#FF0000; font-size:20px;}




/*** TITLES ***/

h1 { color:#BB0000;margin-top:0px; padding-top:0px;}
h2 { color:#BB0000;}
h3 { color:#BB0000;}
h3.subhead {
	color: #BCBDC0;
	font-style: italic;
}
h4 { color:#0033CC;}
h5 { color:#000000;}
h6 { color:#EC008C;}

p {
	font-size:14px;
	line-height: 24px;
}

#leftcolumn ul li {
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	
}

a:link {
	color:#0033CC;
	text-decoration:underline;
	
}
a:hover { text-decoration:none;}
a:active { color:#0033CC;}
a:visited { color:#0033CC;}




/*** Slide ***/
#slider{  width: 100%!important;height: auto!important;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:620px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:60px;
	height:67px;
	position:absolute;
	left:-15px;
	top:90px;
	}	
#nextBtn{ 
	left:575px;
	}														
#prevBtn a, #nextBtn a{
	display:block;
	width:60px;
	height:67px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
#nextBtn a{
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
	
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }	
div#slidecontainer {
		position:relative;
		}



/*-----------------------------------------------
/* MENU CSS
/*---------------------------------------------*/

/* CSS Drop Down Menu */


.preload {
	background-image: url(../gfx/gif/menu-hover.gif);
}
.menu {
	list-style:none;
	height:41px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-style: normal;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	clear: both;
	margin-top: 0px;
}
.menu li.top {
	display:block;
	position:relative;
	float: left;
}
.menu li a.top_link {
	display:block;
	float:left;
	height:40px;
	line-height:39px;
	color:#0033CC;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
	text-transform: uppercase;
	margin-top: 1px;
	font-style: normal;
	word-spacing: 3px;
}
.menu li a.top_link span {
	float:left;
	display:block;
	height:40px;
	padding-top: 0;
	padding-right: 26px;
	padding-bottom: 0;
	padding-left: 13px;
	font-style: normal;
}
.menu li a.top_link span.down {
	float:left;
	display:block;
	height:40px;
	padding-top: 0;
	padding-right: 27px;
	padding-bottom: 0;
	padding-left: 14px;
	font-style: normal;
}
.menu li a.top_link:hover {
	color:#BB0000;
	font-style: normal;
}
.menu li a.top_link:hover span {
	background-repeat: no-repeat;
	background-position: right top;
	font-style: normal;
}
.menu li a.top_link:hover span.down {
	background-repeat: no-repeat;
	background-position: right top;
}

.menu li:hover > a.top_link {
	color:#BB0000;
	background-repeat: no-repeat;
}
.menu li:hover > a.top_link span {
	background-repeat: no-repeat;
	background-position: right top;
}
.menu li:hover > a.top_link span.down {
	background-repeat: no-repeat;
	background-position: right top;
}


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {
	top:41px;
	white-space:nowrap;
	height:auto;
	left: 0px;
	width: 250px;
	background-color: #FAFAFA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	font-style: normal;
	background-repeat: no-repeat;
	background-position: center bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D9D9D9;
	border-left-color: #D9D9D9;
	padding: 0px;
}
.menu :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:250px;
}
.menu :hover ul.sub li a {
	display:block;
	font-size:11px;
	height:20px;
	width:250px;
	line-height:20px;
	text-indent:15px;
	color:#333333;
	text-decoration:none;
	border-width:0 0 0 0px;
	letter-spacing: 1px;
	font-style: normal;
	text-transform: none;
	font-weight: normal;
}
.menu :hover ul.sub li a.fly {
	background-color: #FFFFFF;
	background-image: url(../gfx/gif/arrow.gif);
	background-repeat: no-repeat;
	background-position: 80px 7px;
}
.menu :hover ul.sub li a:hover {
	background:#FDFDFD;
	color:#0033CC;
	text-indent: 30px;
	list-style-position: inside;
	list-style-type: decimal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
.menu :hover ul.sub li a.fly:hover {
	color:#333333;
	background-color: #F1F1F1;
	background-image: url(../gfx/gif/arrow.gif);
	background-repeat: no-repeat;
	background-position: 80px 7px;
}
.menu :hover ul li:hover > a.fly {
	color:#fff;
	background-color: #EC008C;
	background-image: url(../gfx/gif/arrow.gif);
	background-repeat: no-repeat;
	background-position: 80px 7px;
} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; white-space:nowrap; width:93px; z-index:200; height:auto;}



/*-----------------------------------------------
/* SD MENU CSS
/*---------------------------------------------*/

div.sdmenu {
	width: 620px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
        margin-top:15px;
	margin-bottom: 20px;
}
div.sdmenu div {
	overflow: hidden;
}
div.sdmenu div:first-child {
	
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: #0033CC;
	cursor: default;
	text-decoration: underline;
	font-size: 14px;
}
div.sdmenu div.collapsed span {
	padding-top: 6px;
	padding-bottom: 6px;
}
div.sdmenu div a {
	padding: 10px 25px;
	display: block;
	color: #BB0000;
	font-weight: bold;
	line-height: normal;
}
div.sdmenu div a.current {
	
}
div.sdmenu div a:hover {
	text-decoration: underline;
}



/*-----------------------------------------------
/* ENQUIRY GRAY CSS
/*---------------------------------------------*/

/* === form div and elements ======================================= */


#enquiry {
        background-color: #fffdd8;
        border: 2px solid #fffcb0;
        border-radius: 10px;
	width: 300px;
}
#enquiry-top {

}
#enquiry-bottom {

}

#form-div {
	font-family : Arial, Helvetica, sans-serif;
	color : #555;
	line-height : 1.7em;
	font-size: 12px;
	margin: auto;
	
	
}


* html #form-div { margin-left:5px; width:290px;}

*:first-child+html #form-div { margin-left:5px; width:290px;}

#form-div p.form-footer {
  margin : -35px 2px 20px 13px;
 }

#form-div p.form-footer a { 
  color : #444; 
}

#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active { 
  color : #000; 
  text-decoration : none; 
}

#form-div p.form-footer a:focus, #form-div p.form-footer a:active { 
  background-color : #eee; 
}


/* === form div link styles ======================================== */

#form-div a { 
  color : #444; 
}
  
#form-div a:hover, #form-div a:focus, #form-div a:active { 
  color : #000; 
  text-decoration : none; 
}

#form-div a:focus, #form-div a:active { 
  background-color : #eee; 
}


/* === success and error message/results box ======================= */

#results {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:13px;
	padding-bottom:0px;
}

#form-div p.success {
	color : #FFF;
	background-color :#00cc00;
	text-align : left;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px solid #00ee00;
	width:244px;
}

#form-div p.error {
	color : #FFF;
	text-align : left;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:244px;
	background-color : #bb0000;
	border: 2px solid #EE0000;  /* background-color : #edbaba; (lite colors option - uncomment to use) */
	
	
}

#form-div p.center {
	color : #FFF;
	text-align : center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:244px;
	
 	color : #FFF;
  	margin-top : -3px;
  	padding : 0px 4px; 
}


#form-div p.error a, #form-div p.success a {
  color : #FFFFCF;
}


#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, 
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
 
}

#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {

}


/* === structural form elements ==================================== */

form#gbcf-form {
	padding-bottom: 20px;
	margin-left: 8px;
	padding-top:13px;
        margin-right: 8px;
        font-size: 14px;
}

* html form#gbcf-form {padding-bottom: 1px;}

*:first-child+html form#gbcf-form {padding-bottom: 1px;}


fieldset.main-set,
fieldset.req-set {
	border : 1px solid #eee;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

fieldset.req-set {padding-top: 15px;}

fieldset.opt-set {
	border : 1px solid #eee;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}


/* === textural form elements ====================================== */

#form-div legend { 
  font-weight : bold;
}

#form-div legend span { }

legend.main-legend { 
  color : #777;
  font-size : 110%;
}

legend.req-legend,
legend.opt-legend { 
  color : #777;
}

legend.main-legend span { }
legend.main-legend { }

legend.req-legend span { }
legend.req-legend {
  margin-left : -2px;
}

legend.opt-legend span { }
legend.opt-legend { 
  margin-left : -2px;
}

label.req-label, label.opt-label {
  color : #444;
}

label.opt-label.check {
  float : left;
  padding : 0;
  margin : 1px 4px;
  cursor : pointer;
}

label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;

 
   
}



label.opt-label.main-label span {
  font-weight : normal;
  color : #666;

}

label.opt-label.main-label span.req, label span.req  {
  font-weight : bold;
  color : #c70000;
}

label.req-label.explain {
  color : #666;
  font-size : 12px;
  float:left;
  clear:both;
  
  
}

label.req-label.explain:hover {
  color : #000;
}

/* === control and interface form elements ========================= */
/*
  note: In this section you will see the hover/focus styles for the 
  inputs. For example: input:hover, input:focus. You will also see 
  these names applied as classes: input.hover, input,focus, for 
  example. This is not done by mistake. Those classes are needed for 
  the JavaScript focus script (files/focus.js) for IE 7 and older.
*/

input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 2px;
  border-bottom : 1px dotted #bbb;
}

input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

input.checkbox {
  border : 1px solid #999;
  width : .9em;
  height : .9em;
  padding : 0;
  margin : 0;
  cursor : pointer;
}

input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus {
  border : 1px solid #666;
}

input.text-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea {
	border : 1px solid #999;
	background-color : #fffffe;
	cursor : text;
	padding : 1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

select.select {
  padding : 1px 0;
}

input.text-short {
  width : 250px;
}



input.text-med, select.select {
  width : 250px;
}

input.text-long {
  width : 300px;
}

textarea.textarea {
  width : 250px;
  height : 75px;
}

select.select, select.select option {
  cursor : pointer;
}

input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #fff;
}

input.button {
  font-weight: bold;
  margin-top: 8px;
  cursor: pointer;
  float: left;
  clear: both;
  color: #fff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #B00;
  border: none;
  width: 100%;
  text-transform: uppercase;
  margin-top: 15px;
  -webkit-appearance: none;
}

input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
 color: #fff;background-color:#03C;
  
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button {
  border : 1px solid #666;	
  padding-bottom: 0px;
  margin-bottom:0px;
}

*:first-child+html input.button {
  
  padding-bottom: 0px;
  margin-bottom:0px;



}

/*-----------------------------------------------
/* RESPONSIVE CSS
/*---------------------------------------------*/

img, video, object, embed {
  max-width: 100%;
  height: auto!important;
}

#header {background-color: #EEE;}

#select-wrapper select {display:none!important;}

@media screen and (max-width:990px) {
        body {background-color:#ffffff;background-image:transparent;}
        div#menubg {background-image:transparent;}
        #header {background-color:#EEEEEE;border-bottom:10px solid #d9d9d9;padding-bottom:10px;}

        ul.menu {display:none;}
        #select-wrapper {padding-left:15px;padding-right:15px;}
        #select-wrapper select {
            display: inline-block!important;
	    max-width: none;
	    border: none;
	    padding: 7px 15px;
	    width: 100%;
	    color: #fff;
	    background: #222;
	    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
	    font-size: 12px;
	    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
	    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
	    margin-top: 30px;
	    margin-bottom: 20px;
            margin-right:15px;
            height: 30px;
            -webkit-appearance: none;
        }

	div#container {
		width: 100%!important;
	        background-image: url();
	}
        div#slidecontainer {display:none;}
	div#contact {
		margin-right: 0px!important;
	}
	div#leftcolumn {
		float: none!important;
		width: inherit!important;
	}

	div#rightcolumn {
		float: none!important;
		width: inherit!important;
		clear:both!important;
	}
	div#rightcolumn h3 {text-align:left!important;}

	#enquiry {
		background-color:#fffcdc!important;
		width: inherit!important;
	}

	input.text-med, select.select {
		width: 100%!important;
  		height: 30px!important;
	}

        textarea.textarea {
		width:100%!important;
	}

        input.text-short {
                width: 100%;
                clear: both;
                height: 30px;
        }

        div.sdmenu {width:100%;}

	div#basemenu {
		float: none!important;
		clear: both!important;
	}
        
        #footer img {margin-top: 25px;}

}

@media screen and (max-width:760px) {
        #header {padding-bottom:0px;}
}