body {						font-family: Arial, Helvetica, sans-serif;
							margin: 0;
							background-color: #000;
}

#top {						margin-bottom: 10px;}
.page-body {				position: relative;
							max-width: 1200px;
							margin: 0 auto;
							text-align: left;
							background-color: #2F2E24;
							color: #FFF;
							background-image: url('../images/rptlogs.jpg');	
							background-repeat: repeat-y;
							background-position: right;
}
				
img {						height: auto;
							display: block;
							max-width: 100%;
							max-height:100%;
							}
							
.right	{					text-align: right;}
.left	{					text-align: left;}
.centre	{					text-align: center;}

main { 						margin: 10px;}

.jts-home main { 			background-image: url('../images/chimney.jpg');
							background-size:cover;
							background-position: center top;
							background-repeat: no-repeat;
						}
.jts-home main img {		margin: auto; }
.jts-home .page-body {		background-image: none;	}


#maintop {					height: 200px;
							text-align: center;
							background-image: url('../images/jones-sweep-banner.jpg');
							background-size: cover;
							background-position: center;
							background-repeat: no-repeat;
							background-color: #000;
							}

#maintop h1 {				font-size: 1em;
							padding: 160px 0 0 0;
							margin: 0px;
							color: #666;
							}

#title {					line-height: 40px;
							color: white;
							font-size: 0.8em;
							text-align:center;
							background-color: black;
							margin-bottom: 20px;
							}

#title a				{	padding: 0px 10px 0px 10px;
							border-left: 1px solid #FBFAB1;
							border-right: 1px solid #FBFAB1;
							color: white;
							}
.breadcrumb {				font-size: 0.8em;
							color: #CCC;
							text-align: center;
							background-color: #323136;
							padding: 6px;
							}


#footer {					line-height: 18px;
							font-size: 0.8em;
							color: white;
							text-align: center;
							background-color: #000;
							}
							
#footer .inner	{			padding: 20px; }
#footer li {				float: left;
							padding: 0px 6px 0px 6px;
							border-right: 1px solid #FBFAB1; }
#footer a { 				color: white;
							}
							
#copyright {				line-height: 18px;
							font-size: 80%;
							text-align: center;
							color: #FBFAB1;
							}
				
#copyright a { 				color: #FBFAB1;}

a {							text-decoration: none; color: #FBFAB1;}
a:hover {					text-decoration: underline;}

.logstatus {				text-align:center; color: white; background-color: red;}

.bodyText {					font-size: 0.9em; }
.footNote {					font-size: 0.8em;}

.sideHead {					font-weight: bold;
							width: 100%;
							}
				
.sideHead h6 { 				margin: 0px;
							padding: 2px;
							font-size: 1.1em;
							text-align: center;
							}

.selected {				    background-color: #333;
							}
.logStatus	{				margin:5px 15px 0px 15px;
							height: 18px;
							line-height: 20px;
							background-color: red;
							text-align:center;
							font-weight: bold;
							border: 1px solid white;
							color: white;
							display: inline;
							}	
.logStatus b	{			padding: 4px; }
					
.pageNumbers {				border:1px solid #333;
							margin: 4px;
							text-align: center;
							padding: 3px;
							}
				
.pageNumbers a {			margin: 3px; }
.pageNumbers a:link {		color: red;}
.pageNumbers a:hover {		color: red;}
.pageNumbers a:visited {	color: red;}

.lightBG {					background-color: #333; }
.cellColour {				background-color: #000000;}
				
.searchBox {				font-size: 80%;}

.sizeBox { 					color: black;
							background-color: white;
							margin-bottom: 6px;
							}
.sizeBox .columns { 		padding: 4px;
							}


.adminBox { 				color: black;
							background-color: white;
							border: 1px solid black;
							margin-bottom: 6px;
							padding: 10px;
							}

.adminBox .r1	{			background-color: #DEDEDE;}
.adminBox .r2	{			background-color: #CCCCCC;}
.adminCaption {				color: red;}

.adminPad {					width: 100%;
							padding: 6px;
							}
							
							
.warning { 					color:white;
							background-color: #FF9999;
							text-align:center;
							margin: 6px;
							border: 1px solid black;
							}
.warning b		{			padding: 4px;
							display: block;
							}
							
.navSub {					margin-bottom: 8px;
							}



.panel {					}
							
.panel UL { 				padding: 0px;
							width: 100%;
							list-style-type: none;
							margin: 0px;
							}
							
.panel UL LI {				padding: 8px;
							margin: 0px;
							width: 150px;
							height: 200px;
							text-align: center;
							font-weight: bold;
							font-size: 0.8em;
							float: left;
							}
.panel UL LI img {			margin:auto;}


.library {					}			
.library UL { 				margin: 10px;
							}
.library UL LI {			font-weight: bold;
							list-style-type:square;
							list-style-position:inside;
							}
.library a { 				}			
							

.searchPanel	{			border:1px solid #000;background-color:white;color:black;margin-bottom:10px; }
.searchPanel h3	{			text-align: center; color: #000000;}

.boxHead	{				background-color: #000000; color: white; }

.notice	{					color: #999999;padding: 60px;text-align:center; }

.cartLine {					border-bottom: 1px solid #006600;}
.cartLine td {				border-bottom: 1px solid #006600;}

.cartTotal	{				text-align:right;
							background-color: white;
							border-bottom: 1px solid #006600;
							border-left: 1px solid #006600;
							}

.sizes {					border: 1px solid #006600;
							color:#000;
							}

.sizes input {				font-size: .9em;
							}
.sizes select {				font-size: .9em;
							}
.prodBox { 					width: 100%;
							color: #FFFFFF;
							background-color: #333333;
							border: 1px solid #666666;
							margin: 0 auto 6px 0;
							}					
.prodRow	{				padding: 6px;
							border-bottom:1px solid #CCC;
							}
.prodRow a	{				font-weight: bold;
							font-size: .9em;
							}
.row_True	{				background-color: #FFFFFF;}
.row_False	{				background-color: #DDDDDD;}

.caption	{				font-size: 80%; color: #999; }
#footeradvert {				color: #6F6F00;
							font-weight:bold;
							margin-top:20px;
							height:35px;
							padding:0px;					}
						
.counter	{				border:1px solid #000000;
							background-color:#CC0000;
							color:white;
							font-weight:bold;
							text-align: center;
							margin-bottom: 8px;;
							}



.invoiceBox { 				border: 1px solid #336600;
							background-color: white;
							color: black;
							font-size: 0.9em;
							padding: 20px;
							}

.invoiceBox td  { 			text-align: right;
							border-bottom: 1px solid #336600;
							}

.invoiceBox .head { 		background-color: #000; color: white; font-size: 1em}
.invoiceBox .prod { 		border-bottom: 1px solid #336600;padding:6px;}
.invoiceBox .totals { 		font-weight: bold; font-size: 1.5em;}

.invoiceBox input   {       font-size: 0.8em;}

.cat td {						font-size: 10px; color: white; background-color: #434236; }

.slideshow_top { 				width: 100%; height: auto; margin:auto; }
.slideshow_top img { 			width: 100%; height: auto; }


#cycler, #cycler img { 			width: 100%; 
}

.sizes input[type=text] { 		padding:2px; height:2rem;}
.sizes tbody td {				padding: 0.2rem;}



h3.page_title {	text-align:center;
	color: #434236;
	margin: 20px;
	padding:0;
	border-radius: 5px;
}



/* -------------------- error reporting stuff ---------------------- */
.alert{padding:10px 15px 10px 15px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}
.alert h4{margin-top:0;color:inherit}
.alert hr{border-top-color:#f8e5be}
.alert .alert-link{font-weight:500;color:#a47e3c}
.alert .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#356635}
.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}
.alert-danger hr{border-top-color:#e6c1c7}
.alert-danger .alert-link{color:#953b39}
.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#2d6987}
.alert-block{padding-top:15px;padding-bottom:15px}
.alert-block>p,.alert-block>ul{margin-bottom:0}
.alert-block p+p{margin-top:5px}




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

        #pop-up {   border: 2px solid white;
                    background-color:red;
                    z-index: 10;
                    box-shadow: 5px 5px 4px #666;
                    -moz-box-shadow: 5px 5px 4px #666;
                    -webkit-box-shadow: 5px 5px 4px #666;
                    padding:5px;
                    position: absolute;
                    color: white;
                    border-radius: 10px;
                    display: none;
        }



/* ------------------- HOTSPOTS ------------------- */ 

.hotspot {      position:absolute;
                top:0px;
                left:0px;
                height:20px;
                width:20px;
                z-index: 10;
                background-image:url(../images/yellow_dot.gif);
                background-position: center;
                background-repeat: no-repeat;
                }
.hotspot a  {   display: block;
                width: 20px;
                height: 20px;
                background-image:url(../images/yellow_blue_dot.gif);
                background-position: center;
                background-repeat: no-repeat;
                }
                

.regular {      }
                
.drag {         filter:alpha(opacity=40);
                -moz-opacity:.40;
                opacity:.40;
                height:20px;
                width:20px;
                }

/* HOVER STYLES */
 div#pop-up {
                display: none;
                position: absolute;
                top:0;
                left:0;
                width: 280px;
                padding: 10px;
                background: #eeeeee;
                color: #000000;
                border: 1px solid #1a1a1a;
                font-size: 90%;
                z-index: 999;
                box-shadow: -6px 6px 5px #000000;
                background-color: rgba(255, 255, 255, 0.9);
                border-radius: 10px;
                }

    .div_hotspots_toggle { display: none;
    }
    .hotspot { display: none;
    }

/* ------------------- HOTSPOTS ------------------- */


/* -------------------------- Photo Gallery ---------------------------- */		
.panel {					}
							
.panel UL { 				padding: 0px;
							width: 100%;
							list-style-type: none;
							margin: 0px;
							}
							
.panel UL LI {				padding: 15px;
							margin: 0px;
							text-align: center;
							font-weight: bold;
							font-size: 0.8em;
							float: left;
							}

.panel UL LI .gallery_image {
							width: 120px;
							height:120px;
							display:block;
							background-size:cover;
							background-position: center;
							line-height: 5px;
							border-radius: 5px;
							}
.panel UL LI img {			margin:auto;
							width: 120px;
							height: 120px;
							border: none;
							}

.panel UL LI .edit_gallery{	background-color: rgb( 0, 0, 0, 0.7);
							z-index: 999;
							margin-top: -40px;
							height: 40px;
							}
.panel UL LI input[type="checkbox"] {margin:3px;}
/* -------------------------- Photo Gallery ---------------------------- */


.item_text {    font-size: 120%;
                }

.previous_next {;
    background-color: #009999;
    margin: 15px;
    padding: 15px;
}
    .previous_next a {
        color: white;
    }
    .previous_next div.columns {
        vertical-align: middle;
        text-align: center;
    }

    .previous_next div.columns img {
        margin: auto;
    }

.other_dates {
    margin-top: 20px;
}

.has-tip {
    background: white;
    padding: 4px;
    display: inline-block;
    border: 1px solid #009999;
}

.right {text-align:right;}

.disclaimer {color: #999;margin: 20px 0;}

.file_list { border: 1px solid #CCC;}
.file_list p { padding: 8px;}
.file_list ul { padding: 8px; list-style-position: inside;}
.file_list ul li {font-size: 1.2em; font-weight: bold;}

.latestarchive { border: 1px solid #999; background-color: #DEDEDE; }
.latestarchive a {padding: 4px;}
.latestarchive h4 { font-weight: bold; font-size: 1.4em; color: white; background-color: #999;}
.latestarchive img { margin:auto;}

textarea { font-size: 1.2em; }

.admin_section {color: #000;}

.services tbody, .services tbody tr { background-color:transparent; border: none; }
.services td { text-align:center; width: 33%; }