html { font-size: 1em; }
body {font-size: 0.8em;}
body, div {
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.2em;
	padding:0;
	margin:0;
	color:black;
	position:relative;
}
a img {border:0;}
body, div#ie7backgroundFix { background: #BFBFBF; margin: 0;  }
#logo {position:absolute; top:5px;}
#spindle {position:absolute; right:-20px;}

p {line-height:1.4em; }
p.first {margin-top:0;}

h1 { margin:1em 0; font-size: 2em; text-align:center;}
h1.slogan {font-size:1.5em; font-style: italic; }
h2 { font-size: 1.4em; }
h2.good, h2.bad {text-align:center; color:green;}
h2.bad {color:red;}
h3 { font-weight: bold; font-size:1.25em; color:#A00;}
h3.tagline { text-align: center; line-height:1.25em;}
h4 { font-size:1em; }

div.event {margin-bottom:4em;}
div.event h2 {font-size:1.2em; color:red; margin:0.2em 0; }
div.event h3 {font-size:1em; color:black; margin:0.2em 0; }
div.event h4 {font-size:1em; color:black; margin:0.2em 0; font-weight:normal; }

div.comment {margin-bottom:2em; padding-bottom:1em; border-bottom:1px dashed;}

ol li { margin: 1em auto; }

.ct { text-align: center; }
.b { font-weight: bold; }
.i1 { padding-left: 2em; }
.i2 { padding-left: 4em; }

a { color: red; font-weight:bold; text-decoration:none; }
a:hover { color:black; text-decoration:underline; }

#container {width:800px; margin:auto; padding:0; background:url('images/content-left-grey.gif') left repeat-y;}
#background-content { background: url('images/page-back.gif') center repeat-y; }
#header_img {border-bottom:3px solid #d7d7d7;}
#welcome_img {}
#contents {
	width: 627px;
	float: left;
	margin:10px auto 0 8px;
}
#cont-full, #cont-left, #evt_cal {background:url('images/grey-gradient.gif') repeat-x; padding:10px 10px 0 10px; margin-top:10px; width:444px; float:left; min-height:215px;}
#cont-full {width: 607px;}
#evt_cal {width:151px; padding:0; float:right;}
#evt_cal ul {font-size:0.85em; margin-left:0; padding-left:18px; }
#evt_cal ul li {list-style-image: url('images/list-dot.gif'); margin-left:0; padding-left:0; }
#left {
	min-height:585px;
	float: left;
	width:154px;
}

.navbar { background:url('images/left-back-red.gif') repeat-x; padding:3px 0 15px 0; }
.navbar a {
	font-size: 0.95em;
	font-weight:bold;
	line-height:1.1em;
	text-decoration: none;
	letter-spacing:1px;
	display:block;
	border-bottom:1px solid #c54548;
	padding:0.3em 0 0.3em 0.5em;
	color: white;
}
.navbar a.sep { border-top:4px solid #c54548; }
.navbar a.last { border-bottom:0; padding-right:30px; color:white; }
.navbar a:hover { background-color: black; }
.navbar.grey { background:url('images/left-back-grey.gif') repeat-x; min-height:127px; padding-top:10px;}
.navbar.grey a {border-color: #919191; color:black;}
.navbar.grey a:hover {color:white;}
.navbar a.active {background:black; color:white;}
.navbar a.sub {font-weight:normal; letter-spacing:0; padding-left:1em;}
.navbar a.sub.active {background:#555;}

/* highlight active page link */
body.index a.index,
body.about_us a.about_us,
body.locations a.locations,
body.events a.events,
body.comments a.comments,
body.partners a.partners,
body.supplier_links a.supplier_links,
body.lease_calculator a.lease_calculator,
body.rental a.rental,
body.flyer a.flyer,
body.review_mail_list a.review_mail_list,
body.edit_flyer a.edit_flyer,
body.edit_events a.edit_events,
body.upload_catalogue a.upload_catalogue,
body.upload_images a.upload_images {background:black;}

body.catalogue a.catalogue,
body.catalogue_search a.catalogue_search,
body.household_items a.household_items,
body.mailing_list a.mailing_list { background:#CA1B20;}

#background-footer {background:url('images/footer.jpg') top center no-repeat; height:50px;}
#footer { margin:auto; width:780px; padding-top:1px; font-size: 0.85em; }
#footer p {text-align:right; padding:0; margin-top:6px;}
#footer a { color:white;}

div.clear { clear: both; height: 0px; width: 100%; }
div.half {float:left; width:49%;}

#contents>p { margin: 0; }
#contents>p+p { margin: 1em auto; }

p.quote { font-style: italic; text-align: center; }
p.infoC { text-align: center; font-weight: bold; }
.top { margin-top: 0; }

div.quote_mod h3 { margin-bottom: 0.5em; }
div.quote_mod p.quote { text-align: left; margin: 0 3em 1.25em 3em; }
ul li { margin-bottom: 0.7em; list-style: square; }

th {text-align:left;}
td {vertical-align:top;}
td blockquote {margin:0 0 0 1em;}
tr.header { }
tr.footer { font-size: 0.8em; letter-spacing: -1px; }
tr.row2 { }
tr.row1 { background:#DDD;}

.catalog_options {background:url('images/left-back-grey.gif') repeat-x;padding:7px; border-bottom:1px solid #555;}
.catalog_options span {padding:0 3em; font-size:0.9em;}
#search {margin-top:-4px; margin-left:55px;}

div.prodBigImg {float:right; width:390px; text-align:center;}

div.prod {background:white; float:left; width:49%; height:150px; padding:10px 0; border-bottom:1px solid black;}
div.prod img {float:left; margin-right:5px; border:0; }
div.prod a {margin-top:0px; display:block;}
.col2 {border-left:1px solid red; }
.col2 img {margin-left:5px;}
div.last.col1.prod {border-bottom:none;}


#leftImage { margin-left:6px; margin-top:2em; }

#myitguy { text-decoration:none; color: #3878DB; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}
#myitguy:hover { color: #8AB0EA; }

img, div.png { behavior: url(includes/iepngfix.htc); }
.flrt { float: right; margin: 0.5em 0 0 1em; border: 0; }
.fllt { float: left; margin: 0.5em 1em 0 0em; border: 0; }
img.flrt {border:3px solid #916600;}

div.pricing {float:right; width:12em; font-size: small; font-weight:normal; color:black;}

div.contactBox { margin-left:4em; font-size:1.25em; }
address {margin:0; font-style:normal;}

ul.linkMenu li a { text-decoration:none; }
ul.linkMenu li a:hover { text-decoration:underline; }

div#orderForm { width:561px; padding:13px;}

input {vertical-align:middle;}
body.add_event input[type="text"] {width:260px;}
input.req, textarea.req, select.req { }
input.req.radio { background: transparent; }
input.reqSkipped, textarea.reqSkipped, select.reqSkipped { }
label {vertical-align:middle;}

/* forms
input[type="text"], input[type="password"] {background:white; border:1px dashed #99F; margin-bottom:5px; padding:2px;} */
select {margin-bottom:5px; }
input.req, textarea.req, select.req { background:url('images/asterisk.png') right top no-repeat #FED; }
input.req.radio { background: transparent; }
input.reqSkipped, textarea.reqSkipped, select.reqSkipped { background-color: #F99; }
input.dcf {display:none;}
label{
	float:left;
	width:120px;
	text-align:right;
	margin:4px 10px 0 0;
}
.checkbox label, label.checkbox {float:none; width:auto; text-align:left; margin:auto;}
.login {width:400px; margin:auto;}
.login input[type="text"], .login input[type="password"] {width:190px;}
.login input[type="submit"] {margin-top:1em;}
.login label {width:100px; text-align:right; margin-right:9px; float:left; }
.login .req {background-color: white !important;}



/* imported from main.css */
.smtextfield {
    font: 10px verdana, geneva, arial, sans-serif;
    padding: 1px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px #000000 solid;
    width: 75px;
    background-color: #F6F6F6;
}

.medtextfield {
    font: 10px verdana, geneva, arial, sans-serif;
    padding: 1px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px #000000 solid;
    width: 125px;
    background-color: #F6F6F6;
}

.moneyfield {
    font: 10px verdana, geneva, arial, sans-serif;
    text-align: right;
    padding: 1px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px #000000 solid;
    width: 75px;
    background-color: #F6F6F6;
}

.qtyfield {
    font: 10px verdana, geneva, arial, sans-serif;
    text-align: right;
    padding: 1px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px #000000 solid;
    width: 25px;
    background-color: #F6F6F6;
}

.lgtextfield {
    font: 10px verdana, geneva, arial, sans-serif;
    padding: 1px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px #000000 solid;
    width: 250px;
    background-color: #F6F6F6;
}

.textfield {
    font: 10px verdana, geneva, arial, sans-serif;
    padding: 1px;
    padding-left: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px #000000 solid;
    width: 180px;
    background-color: #F6F6F6;
}


/* gallery styles */
	div.before { width: 300px; height: 225px; padding: 16px 2px 2px 17px; margin: 20px 0 0 10px; background-image: url('images/beforeFrame.png'); text-align:left; }
	div.after { width: 300px; height: 225px; padding: 19px 7px 7px 19px; background-image: url('images/afterFrame.png'); }
	div.aftWrap { position: absolute; left: 190px; top: 85px; }
	div.png img { border: 0; }
	div.baPair, div.baTriplet { height: 335px; overflow: hidden; position: relative; }
	div.baTriplet { height: 500px; }
	div.baTriplet div.aftWrap { left:100px; top:135px; }
	div.baTriplet div.aftWrap.aftWrap2 { left:190px; top: 250px; }
	div.caption {margin-top:-10px; font-style:italic; }

/* portable
#left .navbar {display:none;}
#left .grey.navbar {display:block;}*/