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

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


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

#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.jpg) repeat-x top center;
		height: 70px;*/
}

#container {
	/* Website content background */
	   background: #fff /*url(ContBG.jpg) repeat-y top center*/;
	   
	/* Standard content font */
	   font: 12px Verdana,Arial, Helvetica, sans-serif;
	   color: #6b6b6b;
	   
	   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: #16160C; text-decoration: underline;}
	.content a:hover {color: #16160C; 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: 15px;
	margin-top: 16px;
	margin-bottom: 15px;
	line-height:1.5em;
	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;
}


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


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

h2{
	font: 24px Arial, Helvetica, sans-serif;
	color: #16160c;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 10px;
}

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

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



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

#sideTable {
	/* The color of the sidebar */
	   background: ;
	   width: 190px;
	   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 Arial, Helvetica, sans-serif;
	   color: #555;
	   text-align:center;
	   margin-top:3px;
	   width: 150px;
}


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

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


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

.menu a {
    background: none repeat scroll 0 0 #16160C;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1px;
    padding: 10px;
    text-decoration: none;
    width: 169px;
text-transform:uppercase;
}

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

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

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

.menu .sub a { /* Menu items */
	float:left;
	cursor: pointer;
	padding: 2px 7px 2px 13px;
	width: 139px;
	
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	
	background: url(subicon.png) no-repeat left 5px;
	border-left: none;
	margin-left:16px;
	color: #777;
}

.menu .sub a:hover, .menu .subCurrent a:hover { /* Menu item (when mouse is rolled over) */
	background: url(subicon.png) no-repeat left 5px;
	color: #000;
}

.menu .subCurrent a { /* Menu items */
	float:left;
	cursor: pointer;
	padding: 2px 7px 2px 13px;
	width: 139px;
	
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	
	background: url(subicon.png) no-repeat left 5px;
	border-left: none;
	margin-left:16px;
	color: #000;
}

#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;
border-bottom:1px dashed #e4e4e4;
	padding-bottom: 10px;
}

.imageBoxVert .imageHolder { float: left; width: 150px; text-align: center }
.imageBoxVert img { margin: auto }
.imageBoxVert .imageText { float: left; text-align: left; width: 580px; 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: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d0d0ce;
border-top:1px solid #d0d0ce;
	width: 980px;
	
	background: none;
	padding: 0px 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: #d0d0ce;
	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;
}


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



/* ---------------------------------- */
/* ------------ FANCYBOX ------------ */
/* ---------------------------------- */

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}




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

/*---Border and BG Colour of Form---*/
.enquiry{
background: #f1f1f1 url(EnqBodyBg.png) repeat-x bottom center;
border: 1px solid #999;
float: right;
}

.enquiryLeft{
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #444;
padding-left: 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: #333333 url(EnqHeaderBg.png) repeat-x top center;;
font: 14px 'Century Gothic', Verdana,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 {
/*background-color: #666699;*/
border: 1px solid #999;
width:200px;
}

.enquiry select {
/*background-color: #666699;*/
border: 1px solid #999;
}

/*---Add a Border And Color to the text area---*/
/*Uncomment to Use*/
.enquiry textarea {
/*background-color: #666699;
color: #ffffff;*/
border: 1px solid #999;
width:200px;
height:80px;
text-align:left;
}

.enquiry .button { width:100px;}

/*---Give every second row and different colour---*/
/*.enquiryrow{
background: #dedede;
}*/

/*---------Enquiry radio fields ------------*/
.radioEnq {
    margin-bottom: 7px;
    width: 8px !important;
}


/*--------------------------------------*/
/*----------Home Image Slider-----------*/
/*--------------------------------------*/
/*--Window/Masking Styles--*/
.window {
	height:417px;	
        width: 780px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.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: 590px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 378px;
    width: 178px;
    z-index: 100;
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
background:#16160C;
opacity:0.5;
}
.paging a.active { 
	background: #393932; 
}
.paging a:hover {opacity:1;}