﻿/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/
/*div, p {
    border: 1px solid red;
}*/
/* THE BIG GUYS */
* {margin:0;padding:0}
body {
    margin: 0;
    padding: 17px 0;
    /*padding: 0 0 20px;*/
    background: #EDECDA url(../images/bg_page5.jpg) repeat top center;
    /*background: #FFFFFF url(../images/bg_page3.jpg) repeat-y top center;*/
	 /*background-attachment: fixed;*/
    font: 12px arial,tahoma,verdana,sans-serif;
    color: #525252;
    text-align: center;
}

/* LAYOUT - main body of page */

#background {
    position: absolute;
    top: -17px;
    /*right: -136px;*/
    right: -136px;
	 margin: 0;
	 padding: 0;
    height: 362px;
	 text-align: right;
	 z-index: 15;
}
#wrap {
    position: relative;
	 display: block;
    margin: 0 auto;
	 padding: 15px 10px;
    width: 740px;
    text-align: left;
	 background: #FFFFFF;
	 border: 1px solid #BEBDBD;
}


/* LINKS */
a,a:link,a:link,a:link,a:hover {
	background: transparent;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	outline:none;
} 
a:link {color:#003399} 
a:visited {color:#003399} 
a:hover,a:active {
	text-decoration: underline;
} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}

h1, h2, h3, h4, h5, h6 {
    /*letter-spacing: 0em;*/
    margin: 1.2em 0 .3em 0;
    padding: 0;
    color: #000;
    /*border-bottom: 1px solid #eee;*/
    padding-bottom: .1em;
}
h1 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.9em;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 /*letter-spacing: 1px;*/
	 font-weight: normal;
	 }
h2 {
    font-size: 1em;
    margin: 16px 0 7px 0;
    padding: 3px 0 2px 0;
    }
/*h2 {font-size: 136%}*/
h3 {
    font-size: 1em;
    margin: 16px 0 3px 0;
    padding: 3px 0 2px 0;
}
h4 {
    font-size: 0.9em;
    margin: 16px 0 7px 0;
    padding: 3px 0 2px 0;
    text-transform: uppercase;
}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

.credit {
	display: block;
	margin: 0 0 0 25px;
	padding: 0;
	color: #96000D;
}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
    ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {
    line-height: 1.4em;
    padding-left: 25px;
    background: transparent url(images/blt_small_square.gif) no-repeat 9px 4px;
}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {
    position: relative;
    margin: 0;
    padding: 0;
    height: 138px;
    z-index: 4000;
}

    #header #site-name {
    margin: 0;
    padding: 0;
    color: #ccc;
    border: none;
}
    
    /* NAV - top horizontal nav */
    
    #nav-wrap {
	 position: relative;
	 float: left;
    margin: 17px 0 0 0;
    padding: 10px 10px 0 10px;
	 width: 720px;
	 height: 57px;
	 background: #EDECDA;
	 z-index: 300;
	 top: -10px;
}
    #nav, #nav ul {
	 position: relative;
	 float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
    #nav {
    margin: 0;
}
    #nav li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    background: none;
    display: block;
}
    #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: block;
    padding: 0;
    /*border: 1px solid cyan;*/
}
    #nav a:hover {
    color: #000;
    background: #587993;
}
    
    #nav li ul {
    position: absolute;
    left: -999em;
    /*margin-top: 3px;*/
    /*border: 1px solid #FFF;*/
    border-top: none;
    /*background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;*/
    /*background: #F6F6F6;*/
    width: 150px;
    font-size: 90%;
    font-weight: normal;
}
    #nav li:hover ul, #nav li.sfhover ul {
    left: 0;
    z-index: 99999;
}
    
    #nav li li {
    background: none;
    float: none;
    border: none;
    /*border: 1px solid #999;*/
    border-top: 1px solid #fff;
    border-right: none;
    border-left: none;
    padding-left: 0;
}
    #nav li li.last {
    /*border-bottom: 1px solid #40668C;*/
}
    #nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
    padding: 3px 10px 2px;
    display: block;
    color: #000;
    width: 130px;
    /*border: 1px solid orange;*/
}
    #nav li li a:hover {
    color: #fff;
    background: #A0A0A0;
}
    
    #nav li.active, #nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {
    /*background: #40668C;*/
    /*color: #fff;*/
    /*font-weight: bold;*/
    /*border-bottom: 3px solid #c00;*/
}

    /* hide from IE mac \*/
    #nav li {width:auto}
    /* end hiding from IE5 mac */
    
    
    /* SUB NAV */
    #subnav-wrap {
	 float: left;
	 position: relative;
    margin: 0;
    padding: 5px 10px;
	 width: 700px;
	 height: 18px;
	 background: #FDFCF6;
	 /*z-index: 300;*/
}

    #subnav, #subnav ul {
	 float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
    #subnav {
    margin: 0;
    font: bold 96% arial;
    font-weight: bold;
}
    #subnav li {
	 /*display: inline;*/
    position: relative;
    float: left;
    margin: 0;
    padding: 2px 0;
    /*width: 100%;*/
    background: none;
}
    #subnav a, #subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active {
    text-decoration: none;
    cursor: pointer;
    color: #000;
    display: block;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
	 font-weight: normal;
    /*background: url(images/blt_small_arrow.gif) no-repeat 0px 4px;*/
}
    #subnav a:hover {
    background: url(images/blt_small_arrow_red.gif) no-repeat 4px 4px;
    }

    #subnav li:hover ul, #nav li.sfhover ul {
    left: 0;
    z-index: 99999;
}
    #subnav li.active a:link, #subnav li.active a:visited, #subnav li.active a:hover {
    color: #660000;
    cursor: default;
	 font-weight: bold;
    background: url(images/blt_small_arrow_black.gif) no-repeat 4px 4px;
	 background: none;
}
    #subnav li.active a:hover {
    /*color: #FC4117; */
    /*background: url(images/blt_small_arrow_black.gif) no-repeat 0px 4px;*/
	 background: none;
    }
    #subnav li ul {
    margin: 0;
    padding: 0;
    width: 162px;
    color: #000000;
    border-top: none;
    font-size: 90%;
    font-weight: normal;
}
    #subnav li li {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #000000;
    cursor: pointer;
    background: none;
    float: none;
    border: none;
    padding-left: 10px;
}
    #subnav li li.last {
    /*border-bottom: 1px solid #40668C;*/
}
    #subnav li .tertnav li a, #subnav li .tertnav li a:link, #subnav li .tertnav li a:visited, #subnav li .tertnav li a:hover {
    padding: 3px 10px 2px;
    display: block;
    color: #000;
    cursor: pointer;
    background: none;
}
    #subnav li .tertnav li a:hover {
    background: url(images/blt_small_arrow_orange.gif) no-repeat 4px 6px;
}
    #subnav li li.active a:link, #subnav li li.active a:visited, #subnav li li.active a:hover, #subnav li li.active a:active {
    color: #FC4117;
    background: none;
    cursor: default;
}

    /* hide from IE mac \*/
    #subnav li {/*width:100%;*/}
    /* end hiding from IE5 mac */

#subnav.menu { margin-left: 40px; }
#subnav.photos { margin-left: 165px; }
#subnav.news { margin-left: 195px; }
#subnav.locations { margin-left: 195px; }
#subnav.franchise { margin-left: 100px; }
	 
	 
	 
    /* Global Navigation */
    #nav-global {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
    font-weight: bold;
}
	 #nav-global img {
	 	margin: 0;
		padding: 0 0 0 7px;
	 }
    
    /* SEARCH */
    #search { color: #fff; font-weight: bold; position: absolute; top: 10px; right: 110px; left: auto; width: 18em; }
    #search form {margin:0}
    #search input {width:8em;margin: 0 0 -1px;height:1.2em}
    #search label {padding:5px 0 0;display:inline}
    #search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
    
    /* POWERED BY - mollio logo in this case */
    /*#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}*/

#feature-wrap {
	position: relative;
	margin: 0;
	padding: 0 10px 6px 10px;
	width: 720px;
	height: 175px;
	background: #EDECDB;
	/*border: 1px solid white;*//*border: 1px solid white;*/
	z-index: 350;
}
	#feature {
		margin: 0;
		padding: 12px;
		height: 157px;
		background: #FDFCF6;
	}
	#feature img {
		margin: 0;
		padding: 4px;
		border: 1px solid #B3B3B2;
	}
	#feature img.left {
		float: left;
	}
	#feature img.right {
		float: right;
	}


#content-wrap {
	clear: both;
    position: relative;
    margin: 0;
    padding: 6px 10px 30px 10px;
    width: 720px;
	 z-index: 25;
	 background: #EDECDB;
    min-height: 480px;
    /* for IE only */
    _height: 400px;
}
/*
    #utility {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    border-top: 5px solid #999;
    padding-bottom: 40px;
}
*/

	.mod-one {
		margin: 0;
		padding: 0 14px;
	}
	.mod-one h2 {
		margin: 0 0 0.3em 0;
		padding: 0;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.1em;
		color: #333333;
	}
	.mod-one p {
		margin: 0;
		padding: 0;
	}
	.mod-two {

	}
	.mod-two h2{
		margin: 0;
		padding: 0;
	}
	.mod-two p {
		margin: 0;
		padding: 19px;		
	}
	

    #test {
        display: none;
    }

    #utility-wrap {
        float: left;
        margin: 0;
        padding: 0;
        width: 220px;
		  background: #EDECDA;
    }
    #utility {
        margin: 0;
        padding: 0;
        width: 220px;
    }
    #utility h3 {
        margin: 4px 0;
        padding: 12px 0 10px 0;
        border: none;
        /*border-top: 1px dotted #C5C5C5;*/
        background: url(../images/bg_dotted_line.gif) repeat-x 0 0;
    }
    #utility h3.first {
        margin: 8px 0 10px 0;
        padding: 0;
        border: none;
        background: none;
    }
    #utility p {
        margin: 0 0 8px 0;
        padding: 0;
    }


    #sidebar {
        clear: right;
        float: right;
        width: 175px;
		  margin: -20px 0 0 0;
        padding: 0 0 22px 22px;
        background: #FFFFFF;
    }
    #sidebar h4 {
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-size: 10px;
        color: #FC4117;
        border: none;
        text-transform: uppercase;
        }
    #sidebar ul {
        margin: 0;
        padding: 0;
        width: auto !important;
    }

    .type1 { margin: 0; padding: 0; width: 100%; }
    .type1 tr { background: url(../images/bg_dotted_line.gif) repeat-x bottom right; }
    .type1 tr.last { background: none; }
    .type1 td { margin: 0; padding: 12px 20px 12px 0px; }
    .type1 .image { width: 10%; text-align: center; }
    .type1 .image2 { width: 10%; }
    .type1 ul, .type1 p { margin: 0; padding: 0; }

    .type2 { margin: 0; padding: 0; width: 100%; }
    .type2 li { display: table; margin: 0; padding: 10px 0; width: 100%; list-style: none; background: url(../images/bg_dotted_line.gif) repeat-x bottom right; /* for IE only */ _width: auto; }
    .type2 li.first { padding-top: 0; }
    .type2 li.last { background: none; }
    .type2 li p, .type2 li ul { margin: 0 0 0 30px; }
    .type2 li img { float: left; padding: 5px 0; }
    .type2 li li { margin: 0; padding: 0; line-height: 1.4em; padding-left: 25px; background: transparent url(images/blt_small_square.gif) no-repeat 9px 4px; }
    
    .type3 { margin: 26px 0 0 0; padding: 0; width: 100%; }
    .type3 li { display: table; margin: 0; padding: 14px 0; /*width: 360px;*/ list-style: none; background: url(../images/bg_dotted_line.gif) repeat-x bottom right; }
    .type3 li.first { padding-top: 0; }
    .type3 li.last { background: none; }
    .type3 li p, .type3 li ul { margin-left: 170px; }
    .type3 li img { float: left; padding: 5px 0; }
    .type3 li li { margin: 0; padding: 0; line-height: 1.4em; padding-left: 25px; background: transparent url(images/blt_small_square.gif) no-repeat 9px 4px; }


#content, #content-type-b {
    margin: 0;
    padding: 0;
    /*width: 550px;*/
}
    #content p { line-height: 130%; }
    #content #breadcrumb {margin-top:0px;font-size:93%;font-weight:bold}
    #content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
    #content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}

    #content-type-b p {
        line-height: 130%;
    }
    #content-type-b p, #content-type-b ul, #content-type-b table, #content-type-b h2, #content-type-b h3 {
        /*width: 440px;*/
    }

    
    .featurebox {
        color: #525252;
        padding: 0 0 10px 0;
        margin: 0 0;
}
    .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #FC4117;color:#FC4117}
    .featurebox p {border:none;margin: 0 0 1em;color:#444}
    .featurebox a {font-weight:bold}

    .featuretable {
        width: 100%;
    }
    .featuretable td {
        margin: 0;
        padding: 0 30px 0 0;
        width: 50%;
        vertical-align: top;
        /*border-right: 1px solid #525252;*/
    }
    
    .featurette {
        margin: 0 0 3px 0;
        padding: 2px 0 0 0;
        border-top: 1px solid #E8E8E8;
        font-size: .8em;
    }
    .featurette h4 {
        margin: 0;
        padding: 0;
        font-weight: normal;
        color: #FC4117;
        border: none;
        text-transform: uppercase;
    }
    #content .featurette p, #content-type-b .featurette p {
        margin: 0;
        padding: 0 0 0 9px;
        width: 160px;
        background: url(images/blt_small_arrow_orange.gif) no-repeat 0px 4px;
    }
    .featurebox div.first {
        border-top: none;
    }
    .featurebox img {
        text-align: center;
    }

table.contact-form {
	width: 100%;
}
.contact-form td {
	margin: 0;
	padding: 4px 8px;
}
.contact-form td hr {
	float: right;
	width: 500px;
}
.contact-left {
	width: 120px;
	text-align: right;
	vertical-align: top;
}
 
    /* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
	display: block;
	float: right;
	background: transparent url("images/arrow_double_orange.gif") no-repeat 0px 3px;
	padding-left: 16px;
}
.morelink span {position:absolute;left:-9999px;width:900px}


/* LAYOUT TYPE C */
    /*#type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 15px 0}*/
    #type-c #content, #type-c #content-type-b {
    margin: 0 0 0 226px;
    padding: 25px;
    width: 444px;
	 overflow: visible;
	 background: #EDECDB url(../images/bg_content.gif) repeat-x top left;
    /* for IE only */
    _width: 440px;
}
    #type-c #utility { width: 220px; }
    #type-c #newsletter { width: 175px; }

/* LAYOUT TYPE D */
    #type-d #content {margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
    #type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
    #type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
    #type-e #content {margin: 0 243px 0 50px}

/* LAYOUT TYPE F */
    #type-f #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
    #type-f #content {margin: 0 235px 0 25%}
        #type-f #utility {left:auto;right:25px}
        #type-f #sidebar {right:auto;left:25px}



/* --- FOOTER ---------------------------------------- */
#footer {
	clear: both;
	margin: 0;
	padding: 20px 10px;
	font-size: 10px;
	color: #000;
	background: #FFFFFF;
	border: none;
}
#footer a:link, #footer a:visited{
	text-transform: capitalize;
	text-decoration: none;
	color: #003399;
}
#footer a:hover {
	text-decoration: underline;
}

#footer p.text {
	float: left;
	padding: 0;
	margin: 0;
	width: 400px;
}

#footer p.site-by {
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer p.site-by a:link, #footer p.site-by a:visited, #footer p.site-by a:hover {
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	color: #000;
}
div.byline {margin-top:-10px; margin-bottom:10px;}

	
	
	
	
	
	
	    /* FORMS - general classes */
    input.f-submit { padding: 1px 3px; background: #666; color: #fff; font-weight: bold; font-size: 96%; }
    
    /* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
    form.f-wrap-1 { width: 100%; padding: .5em 0; background: #f6f6f6; border-top: 1px solid #d7d7d7; position: relative; }
        form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
        form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
        form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
        /* hide from IE mac \*/
        form.f-wrap-1 label {float:none}
        /* end hiding from IE5 mac */
    
        form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
        
        form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
        form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
        form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
        form.f-wrap-1 div.req b {color:#c00;font-size:140%}
        form.f-wrap-1 label select {width: 15.5em}
        form.f-wrap-1 label textarea.f-comments {width: 20em}
        form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
        form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
        
        form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
        form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
        form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
        form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
        form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
        
        form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
        form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
				
				/* TJ */
				div.callout {margin-bottom:30px;}
				div.callout img {float:right;}
				div.callout em {display:block; float:right; padding:40px 0 40px 5px;}
				
				
				/*menu */
				
div.menu {
/*	float: left;*/
	width: 200px;
}
div.ColTwo {
	margin-left:220px;
}
div.ColOne {
	float:left;
}
div.menu h2 {
	margin-bottom:5px;
	font-size:1.1em;
}	
dl.menu {
	width: 280px;
	margin: 0 5px 20px 5px;
	border-bottom: 1px dotted #8b9754;
	padding-bottom: 10px;
}
dl img {border: 1px solid #8b9754; margin-bottom: 10px;}
dl dt {
	font-weight:bold;
	margin-bottom:2px;
}
dl em {margin-bottom: 10px; display:block;}
dl dd {margin-bottom: 10px; font-size:.9em;}
h2.iepass {margin-top:0;}
img.right {float:right; margin:0 0 10px 10px;}
img.left {float:left; margin:0 10px 10px 0;}
a.order-online:hover {text-decoration:none;}
a.order-online { float:right; width: 102px;/* margin-right:200px;*/ outline:none;}
a.order-online img {border:none;}
a.order-online span.order-link {text-align:center; display:block; margin-top:-8px;}

div.audio-clip {margin:0 0 25px 25px;}
div.audio-clip h2 {margin-left:-25px;}

/*locations page */
td.LocImage{
    padding-right: 10px;
}

img.LocImage{
    border: 1px solid #000000;
    height: 100px;
    width: 130px;
}

