/*----------------------------------------------*/
/*-------------- MAIN SITE SHELL ---------------*/
/*----------------------------------------------*/

body {		
	/* Website background */
	   background: #00519c url(bg.jpg) no-repeat top center fixed;
	   margin: 0px;
	   padding: 0px;
	   border: 0px;
}

.homeImage {
position: relative;
left: 9px;
margin-bottom: -5px;
}

#apply {
    position: relative;
    right: -704px;
    top: -116px;
}

#banner{
	/* Banner for all pages */
	   margin: 0 auto;
	   width: 980px;
}


.banner{
	/* Banner for view cart pages */
	   margin: 0 auto;
	   width: 980px;
}

.BannerBG{
	/* Full Width banner background uncomment to use */
		width: 100%;
		background: url(BannerBg.png) repeat-x top center;
		height: 187px;}

#container {
	/* Website content background */
	   background: url(cont.png) repeat-y top left;
	   
	/* Standard content font */
	   font: 13px 'Gothic',Arial, Helvetica, sans-serif;
	   color: #5e5e5e;
	   
	   padding-left:0px; padding-right:0px;
	   position:relative;
	   height:100%;
  	   overflow: hidden;
	   padding-bottom:15px;
}

/* Standard hyperlink font-style */
	.content a, .content a:visited {color: #df3a3e; text-decoration: underline;}
	.content a:hover {color: #f25d61; text-decoration: none;}
	

.website { /* Holds ALL content of the website */
	width: 980px;
	margin: auto;
	padding-top: 0px;
}


#contentTable {
	width: 775px;
	vertical-align:top;
	padding-bottom:20px;
	height: 450px;
	margin-left: 15px;

}


/* CONTENT */
.content { /* Page text content */
	clear: both;
	width: 750px;
	padding-left: 25px;
	margin-top: 25px;
	margin-bottom: 15px;
	line-height:1.6em;
	overflow: hidden;
}

.content .contentTableInner { /* Force the table that holds text content to fit the div */
	width: 750px;
}

#containerTable{ /* remove the padding if you want the menu to sit flush to the left of the website */
	margin-left: 0px;
}

hr  { /* The standard hr-line styling */
	border: 0;
	height: 1px;
	color: #c1c1c1;
	background-color: #c1c1c1;
	width: 80%;
}


/*----------------------------------------------*/
/* -------------- ABSOLUTE DIVS --------------- */
/*----------------------------------------------*/

/* Use for overlaying graphics, etc */
#absoDiv1 {
	width:0;
	height:0;
	background:url();
	left: 0;
	top: 0;
}

#absoDiv2 {
	width:0;
	height:0;
	background:url();
	left: 0;
	top: 0;
}

#absoDiv3 {
	width:0;
	height:0;
	background:url();
	left: 0;
	top: 0;
}

.apply {
position: absolute;
top: 19px;
left: 50%;
margin-left: 199px;
z-index: 100;
}

/*----------------------------------------------*/
/* --------------- HEADINGS ------------------- */
/*----------------------------------------------*/


h1{
	font: 24px century gothic, Arial, Helvetica, sans-serif;
	color: #DF3A3E;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2{
	font: 24px century gothic, Arial, Helvetica, sans-serif;
	color: #DF3A3E;

	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 10px;
}

h3{
	font: 16px century gothic, Arial, Helvetica, sans-serif;
	color: #00539f;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 5px;
}

h4{
	font: 14px century gothic, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 3px;
}

h5{
	font: 12px century gothic, Arial, Helvetica, sans-serif;
	color: #00539f;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 3px;
}



/*----------------------------------------------*/
/*----------------- SIDEBAR --------------------*/
/*----------------------------------------------*/

#sideTable {
	/* The color of the sidebar */
	   width: 175px;
	   vertical-align:top;
}


/* Standard hyperlink for sideLogo text */
	.sideLogo a, .sideLogo a:visited {color: #000; text-decoration: underline; }
	.sideLogo a:hover {color: #bbb; text-decoration: underline; }

.sideLogo .imageText {
	/* The text to go with sideLogo image */
	   font: 12px Century Gothic, Arial, Helvetica, sans-serif;
	   text-align:center;
	   margin-top:3px;
	   width: 163px;
color:#fff;
line-height:1.7em;
}


.sideLogo { /* Embedded sideLogo container */
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 12px;
	clear:both;
	display:inline-block;
	width:150px;
}

.sideLogo img { /* Embedded sideLogo image / photo */
	display: block;
	margin:auto;
}


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

.menu a {
    background: url("menu2.png") no-repeat scroll right center transparent;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 20px;
    margin-bottom: 1px;
    padding: 15px;
    text-decoration: none;
    width: 159px;
}

.menu a:hover { /* Menu item (when mouse is rolled over) */
	text-decoration: none;
	   background: url(menu3.png) right no-repeat;
	color: #fff;
}

.menuCurrent a { /* Menu item (the current page) */
	text-decoration: none;
	   background: url(menu1.png) right no-repeat;
	color: #fff;
}

.parentMenu a { /* Menu item (the current page) */
	text-decoration: none;
	   background: url(menu1.png) right no-repeat;
	color: #fff;
}

.menu .sub a { /* Menu items */
	float:left;
	cursor: pointer;
	padding: 5px 7px 5px 13px;
	width: 139px;
	font-size: 11px;
	text-decoration: none;
	font-weight: light;
	background: none;
	border-left: none;
	margin-left:16px;
	color: #f9c9ca;
border: none;
}

.menu .sub a:hover, .menu .subCurrent a:hover { /* Menu item (when mouse is rolled over) */
	background: none;
	color: #fff;
border: none;
}

.menu .subCurrent a { /* Menu items */
	float:left;
	cursor: pointer;
	padding: 5px 7px 5px 13px;
	width: 139px;
	font-size: 11px;
	text-decoration: none;
	font-weight: none;
	background: none;
	border-left: none;
	margin-left:16px;
	color: #fff;
border: none;
}

#aboveMenu { /* If anything needs to sit above the menubar */
	/*height: 10px;
	width: 175px;
	margin-bottom: 1px;*/
}

#belowMenu { /* If anything needs to sit below the menubar */
	height: 20px;
	width: 175px;
}



/*----------------------------------------------*/
/* ---------- CUSTOM BULLET POINTS ------------ */
/*----------------------------------------------*/

/* ------ Uncomment to use ------ */
/*ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}

li {
	background: url(bullet.gif) left center no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	}*/


/*----------------------------------------------*/
/* ---------------- Images -------------------- */
/*----------------------------------------------*/

.imageHolderDiv {text-align:center}
.imageHolderTable {margin:auto}
/* Uncomment next two lines to make images sit left aligned */
/*.imageHolderDiv {text-align:left}
.imageHolderTable {margin:0}*/

.imageBox {
	/* Uncomment to give the content images a box and border */
		/*padding: 5px;
		background: #ddd;
		border: 1px solid #aaa;*/
}

.imageBox .imageText {
	/* The text to go with content images */
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   text-align: center;
}

/* CONTENT: EMBEDDED ITEMS / IMAGES / PHOTOS */
.imageBox {
	float: left;
	margin: 5px;
	overflow: hidden;
}

.imageBox img {clear:both}

.imageBox .imageText {
	float: left;
	margin-left: 10px;
}

/* Home-specific sizes */
.imageBoxHome {	width: 180px }
.imageBoxHome .imageText { width: 160px }

/* Content-specific sizes */
.imageBoxContent { width: 150px }
.imageBoxContent .imageText { width: 130px }

/*----------------------------------------------*/

/* CONTENT: EMBEDDED SHOP-STYLE (VERTICAL) */

.imageBoxVert {
	float: left;
	margin: 5px;
	overflow: hidden;
	width: 750px;
	padding-bottom: 10px;
}

.imageBoxVert .imageHolder { float: left; width: 150px; text-align: center }
.imageBoxVert img { margin: auto }
.imageBoxVert .imageText { float: left; text-align: left; width: 430px; padding:0 6px }
.imageBoxVert .imageShop .dropdown { width: 130px;  }


/*----------------------------------------------*/
/*-------CART ITEMS (CONTENT & SIDEBAR) --------*/
/*----------------------------------------------*/

.viewCart { /* View Cart button */
	margin-left:22px;
	/*margin-bottom: 10px;*/
	margin-top:15px;
	width: 123px;
	height: 32px;

	cursor: pointer;
	text-decoration: none;
}

.imageShop {
	float: left;
	text-align: left;
	padding-top: 3px;
	margin-left: 10px;
	font-size: 10px;
}

.imageShop .itemNameLabel { font-weight: bold }
.imageShop .itemPriceLabel { font-weight: bold }
.imageShop .itemUnavailable { font-size: 11px; color: #FF0000 }
.imageShop .addCart { padding-top: 5px }
.dropdownDiv { padding:2px 0 }
.dropdown {border:1px solid #c1c1c1; font-size:9px }

.imageBoxContent .imageShop { width: 150px; text-align: left }
.imageBoxContent .imageShop .dropdown { width: 130px }
.imageSidebarContent .imageShop { width: 150px; margin: auto; text-align: center }
.imageSidebarContent .imageShop .dropdown { width: 150px }

.imageBoxHome .imageShop { width: 160px; text-align: left }
.imageBoxHome .imageShop .dropdown {  width: 160px }
.imageSidebarHome .imageShop { width: 300px; margin: auto; text-align: center }
.imageSidebarHome .imageShop .dropdown {  width: 200px }


/*----------------------------------------------*/
/*------------ SHOPPING CART PAGE --------------*/
/*----------------------------------------------*/

#shopTable {
	border-color: #ededed;
	border-width: 1px 1px 0 0;
	border-style: solid;
	font-size: 11px;
}

#shopTable td {
	border-color: #ededed;
	border-width: 0 0 1px 1px;
	border-style: solid;
	margin: 0;
	padding: 3px;
}

#shopTable form { margin: 0; padding: 0 }
#shopTableHeader { background: #ededed }
.shopTableFooter { background: #ededed }

#shopExtraInfo {
	font-weight: bold;
	color: #cc0000;
	border-bottom:1px solid #c1c1c1;
	margin-bottom:5px;
}

/* Uncomment to hide the Extra Info Text */
	/*#shopExtraInfo div {display: none }*/


/*----------------------------------------------*/
/* ---- FOOTER / CREDITS / BOTTOM MENU -------- */
/*----------------------------------------------*/

#footer { /* Footer shell */
	margin: 0 auto;
	
	font-family: 'Gothic', Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	width: 980px;
	
	background: url(footer.png) no-repeat top center;
	padding: 15px 0px 10px 0px;
}

.FooterBG{
	/* Full Width Footer background uncomment to use */
	/*width: 100%;
	background: url(footerbg.jpg) repeat-x top center;
   	height: 50px;*/
	}


#footer a { /* All footer hyperlinks */
	color: #fff;
	text-decoration: none;
}

#footer a:hover { /* All footer hyperlinks (mouseover) */
	text-decoration: underline;
}

.footerMenu { /* Footer menu section */
	float: left;
	vertical-align: top;
	padding-top: 7px;
	width: 700px;
}

.footerMenu a { /* Footer menu items */
	padding-left: 4px;
	padding-right: 4px;
	line-height: 16px;
	display: inline-block;
}

.footerCredits { /* Footer credit information */
	float: right;
	vertical-align: top;
	text-align: right;
	padding-top: 7px;
}

#copyrightInfo { /* Copyright text. Remove visibility comments below to hide text */
	clear: both;
	padding-top: 6px;
	padding-left: 4px;
	/*visibility:hidden;*/
}

#havealookCredits { /* 'Website By' text. Remove visibility comments below to hide text */
	padding-top: 2px;
	/*visibility:hidden;
	position: absolute;*/
}


img {border:0}
.clear{clear:both}
.absolute{position:absolute}


/* ---------------------------------- */
/* --------- SCROLL TO TOP ---------- */
/* ---------------------------------- */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(totop.png) no-repeat;
}

#toTopHover {
	background:url(totop-hov.png) no-repeat;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


/*----------------------------------------------*/
/* ----------------- FANCYBOX ----------------- */
/*----------------------------------------------*/
div#fancy_overlay {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; display:none; z-index:30}* html div#fancy_overlay {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}div#fancy_wrap {text-align:left}div#fancy_loading {position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100}div#fancy_loading div {position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('fancy_progress.png') no-repeat}div#fancy_loading_overlay {position:absolute; background-color:#FFF; z-index:30}div#fancy_loading_icon {position:absolute; background:url('fancy_loading.gif') no-repeat; z-index:35; width:16px; height:16px}div#fancy_outer {position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none}div#fancy_inner {position:relative; width:100%; height:100%; border:1px solid #BBB; background:#FFF}div#fancy_content {margin:0; z-index:100; position:absolute}div#fancy_div {background:#000; color:#FFF; height:100%; width:100%; z-index:100}img#fancy_img {position:absolute; top:0; left:0; border:0;padding:0;margin:0; z-index:100; width:100%; height:100%}div#fancy_close {position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:181; display:none}#fancy_frame {position:relative;width:100%;height:100%;display:none}#fancy_ajax {width:100%;height:100%;overflow:auto}a#fancy_left, a#fancy_right {position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none}a#fancy_left {left:0px}a#fancy_right {right:0px}span.fancy_ico {position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block}span#fancy_left_ico {left:-9999px;background:transparent url('fancy_left.png') no-repeat}span#fancy_right_ico {right:-9999px;background:transparent url('fancy_right.png') no-repeat}a#fancy_left:hover {visibility:visible}a#fancy_right:hover {visibility:visible}a#fancy_left:hover span {left:20px}a#fancy_right:hover span {right:20px}.fancy_bigIframe {position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}div#fancy_bg {position:absolute;top:0; left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0}div.fancy_bg {position:absolute;display:block;z-index:70;border:0;padding:0;margin:0}div.fancy_bg_n {top:-18px;width:100%;height:18px}div.fancy_bg_ne {top:-18px;right:-13px;width:13px;height:18px}div.fancy_bg_e {right:-13px;height:100%;width:13px}div.fancy_bg_se {bottom:-18px;right:-13px;width:13px;height:18px}div.fancy_bg_s {bottom:-18px;width:100%;height:18px}div.fancy_bg_sw {bottom:-18px;left:-13px;width:13px;height:18px}div.fancy_bg_w {left:-13px;height:100%;width:13px}div.fancy_bg_nw {top:-18px;left:-13px;width:13px;height:18px}div#fancy_title {position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none}div#fancy_title div {color:#FFF;font:bold 12px Arial;padding-bottom:3px}div#fancy_title table {margin:0 auto}div#fancy_title table td {padding:0;vertical-align:middle}td#fancy_title_left {height:32px;width:15px;background:transparent url(fancy_title_left.png) repeat-x}td#fancy_title_main {height:32px;background:transparent url(fancy_title_main.png) repeat-x}td#fancy_title_right {height:32px;width:15px;background:transparent url(fancy_title_right.png) repeat-x}


p {margin:0px;}table {border-collapse:collapse;}


/* ------------------------- */
/* ----- Enquiry Forms ----- */
/* ------------------------- */

/*---Border and BG Colour of Form---*/
.enquiry{
background: #fff;
border: 1px solid #becd01;
padding-left:100px!important;
}

.enquiryLeft{
font: 12px 'Gothic', Arial, Helvetica, sans-serif;
color: #0f1633;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}

.enquiryRight{
padding-right: 10px;}

.enquirySend{
padding-bottom: 10px;
padding-right: 10px;
text-align:right;
}


/*---BG and Text Colour of Header---*/
.enquiryHeader{
background: #becd01 url(EnqHeaderBg.png) repeat-x top center;;
font: 14px 'Gothic',Arial, Helvetica, sans-serif;
color: #fff;
padding: 5px;
}

/*---Change Space size under header Min 24px---*/
.espacing{
height: 24px;
}

/*---Add a Border And Color to the text fields---*/
/*Uncomment to Use*/
.enquiry input {
    border: 1px solid #c5c992;
    padding: 4px;
    width: 592px;
}

/*---Add a Border And Color to the text area---*/
/*Uncomment to Use*/
.enquiry textarea {
    border: 1px solid #c5c992;
    padding: 4px;
    width: 592px;
height:80px;
}

.enquiry .button { width:100px;}
/*---Give every second row and different colour---*/
/*.enquiryrow{
background: #dedede;
}*//*--------------------------------------*/
/*----------Home Image Slider-----------*/
/*--------------------------------------*/
/*--Window/Masking Styles--*/
.window {
        width: 773px;
	height:347px;	
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
margin-bottom:5px;}
.image_reel {
	position: absolute;
	top: 0; left: 0;

}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
    background: none repeat scroll 0 0 transparent;
    display: none;
    height: 47px;
    left: 580px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 410px;
    width: 188px;
    z-index: 100;
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #e30043;

}
.paging a.active {
	font-weight: nomral; 
color:#fff;
	background: #699d27; 
	border: 1px solid #3f5d1a
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.paging a.active:hover {color:#ebf56b; text-decoration: none;}
.paging a:hover {color:#32b0e7; text-decoration: none;}