HTML, BODY {
	height: 100%;
}

BODY {
	margin: 0px 5px 0px 15px;
	/*background-image: url('images/right-back-body.png');
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: top right;*/
	font-family: sans-serif, "MS Arial", "MS Trebuchet", "ITC Avant Garde Gothic", "MS Verdana", "Helvetica";
	height: 100%;
	text-align: center;
}

A, INPUT {
	position: relative;
}

H1 {
	font-size: 14pt;
	height: 1.25em;
	filter: Shadow(Color=#666666, Direction=135, Strength=2);
	line-height: 1.25em;
	white-space: nowrap;
}

H1:before {
	display: block;
	margin: 0 0 -1.35em 0.05em;
	padding: 0;
	color: #AAAAAA;
}

A IMG {
	border: 0px;
}

/* Shadow contents for Firefox browsers, each must have it's own */
#header1-product:before {
	content: '1000 lbs Beach Butler Cargo Lift';
}

#header1-sl1000:before {
	content: 'Beach Butler SL1000';
}

#header1-dl1000:before {
	content: 'Beach Butler DL1000';
}

#header1-technical:before {
	content: 'Beach Butler Cargo Lift Technical Information';
}

#header1-faq:before {
	content: 'Beach Butler Frequently Asked Questions';
}

#header1-warranty:before {
	content: 'Warranty Claims & Registration';
}

#header1-warranty-registration:before {
	content: 'Warranty Registration';
}

#header1-contact:before {
	content: 'Contact Beach Butler Cargo Lifts';
}

#header1-sitemap:before {
	content: 'Table of Contents';
}

#header1-privacy:before {
	content: 'Privacy Policy';
}

#header1-dealers:before {
	content: 'Dealer Locator';
}

#header1-newdealer:before {
	content: 'Apply to be a Dealer';
}

#header2-contact:before {
	content: 'Call or Write Beach Butler';
}

#header2-features:before {
	content: 'Features:';
}

#header2-warranty:before {
	content: 'Limited warranty obligations';
}

#header2-warranty-register:before {
	content: 'Register Your Warranty Online';
}

#sitemap-url-home:before {
	content: 'Home Page';
}

#sitemap-url-product:before {
	content: 'Cargo Lift Information';
}

#sitemap-url-warranty:before {
	content: 'Warranty & Registration';
}

#sitemap-url-about:before {
	content: 'About Beach Butler';
}

#sitemap-url-contact:before {
	content: 'Contact Beach Butler';
}

#sitemap-url-privacy:before {
	content: 'Privacy Policy';
}

#sitemap-url-gallery:before {
	content: 'Picture Gallery';
}

#sitemap-url-newdealer:before {
	content: 'Become a Dealer';
}

#sitemap-url-dealerlocator:before {
	content: 'Dealer Locator';
}

/* End Shadow contents for Firefox browsers */

/* Begin Shadow code for Safari, use tricks to hide from Firefox */

html*H1 {
	[color:red;
	text-shadow: #AAAAAA 1px 2px 2px;
	]color:auto;
}

.dummyend[id]{clear: both;}

html*H1:before {
	[color:red;
	display:none;
	]color:auto;
}
.dummyend[id]{clear: both;}

/* End Shadow code for Safari */

H2 {
	font-size: 12pt;
	height: 1.25em;
	filter: Shadow(Color=#888888, Direction=135, Strength=2);
	line-height: 1.25em;
	white-space: nowrap;
}

H2:before {
	display: block;
	margin: 0 0 -1.3em .05em;
	padding: 0;
	color: #AAAAAA;
}

html*H2 {
	[color:red;
	text-shadow: #888888 1px 1px 1px;
	]color:auto;
}

.dummyend[id]{clear: both;}

html*H2:before {
	[color:red;
	display:none;
	]color:auto;
}

.dummyend[id]{clear: both;}

#text .sitemap li {
	line-height: 1.75em;
	padding-left: 6em;
	list-style-position: inside;
	font-weight: bold;
	letter-spacing: .2ex;
	display: block;
}

#text .sitemap li A{
	display: block;
	font-size: 12pt;
	height: 2em;
	color: #222299;
	filter: Shadow(Color=#AAAAFF, Direction=135, Strength=2);
	line-height: 2em;
	white-space: nowrap;
}

#text .sitemap li A:before {
	display: block;
	margin: 0 0 -2.1em .05em;
	padding: 0;
	color: #AAAAFF;
}

html*#text .sitemap li {
	[color:red;
	text-shadow: #AAAAFF 1px 1px 1px;
	]color:auto;
}

.dummyend[id]{clear: both;}

html*#text .sitemap li:before {
	[color:red;
	display:none;
	]color:auto;
}

.dummyend[id]{clear: both;}

#back {
	width: 985px;
	background-image: url('images/wide-back.png');
	background-repeat: repeat-y;
	text-align: left;
	display: inline-block;
	/*background-attachment: fixed;
	background-position: top right;*/
}

#wrapper {
	background-image: url('images/header-back.png');
	background-repeat: repeat-x;
	width: 985px;
	height: 100%;
	display: inline-block;
}

#drop {
	display: inline-block;
	height: 80%;
	/*height: 80%;
	background-image: url('images/right-back-body.png');
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: top right;*/
}

#header {
	width: 100%;
	height: 47px;
}

#header #headleft {
	width: 92px;
	height: 47px;
	float: left;
	background-image: url('images/header-left.png');
}

#header #headright {
	width: 850px;
	height: 47px;
	float: right;
	background-image: url('images/header-right.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top right;
	background-repeat: no-repeat;
	text-align: right;
}

#header #navbox {
	padding-top: 15px;
	padding-right: 15px;
	font-size: 12pt;
	text-transform: lowercase;
}

#header #navbox A {
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 2px;
	font-weight: bold;
}

#header #navbox A:hover {
	color: white;
}

#bblogo {
	height: 90px;
	float: left;
}

#headshadow {
	width: 394px;
	height: 8px;
	float: right;
}

#minheight {
	/*height: 475px;*/
	height: 80%;
	float: right;
	width: 1px;
}

#content {
	width: 100%;
	display: inline;
}

#content #text {
	padding-top: 95px;
	padding-bottom: 20px;
	padding-right: 440px;
	padding-left: 35px;
	display: block;
	letter-spacing: 1px;
	/*line-height: 18pt;*/
}

#content #gallery {
	padding-top: 95px;
	padding-bottom: 20px;
	padding-left: 35px;
	padding-right: 35px;
	/*display: block;*/
	letter-spacing: 1px;
	text-align: center;
	/*margin-left: auto;
	margin-right: auto;*/
}

#content #gallery DIV.gallerypic {
	/*width: 260px;
	height: 290px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;*/
	display: inline-block;
	/*float: center;*/
	display: inline;
}

#content #gallery DIV.gallerypic A {
	display: inline-block;
	width: 280px;
	height: 290px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 20px;
	padding-bottom: 10px;
	border: 1px solid #FFFFFF;
}

#content #gallery DIV.gallerypic A:hover {
	border: 1px solid #2222AA;
	background-color: #88AADD;
}

#content #gallery DIV.gallerypic A IMG {
	border: 0;
}

#content #text .para {
	padding-top: 12pt;
}

#text A {
	color: #444444;
	text-decoration: none;
}

#text A:hover {
	color: black;
}

#text A.v, #text .visi A, .visi A {
	color: #222299;
}

#text A.v:hover, #text .visi A:hover, .visi A:hover {
	text-decoration: underline;
	color: #AA2222;
}

#rightbox {
	float: right;
	width: 394px;
	background-image: url('images/right-back.png');
}

#rightbox #rightcontent {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
}

#rightbox #rightcontent .para {
	padding-top: 12pt;
}

#footer {
	clear: both;
	width: 100%;
	height: 64px;
	background-image: url('images/footer-back.png');
	text-align: center;
}

#footer #patentpending {
	padding-top: 22px;
	padding-left: 5px;
	font-size: 7pt;
	float: left;
	text-transform: uppercase;
	font-family: "Arial";
	font-weight: bold;
}

#footer #footnav {
	padding-top: 17px;
	text-transform: lowercase;
	font-size: 10pt;
	letter-spacing: 2px;
}

#footer #footnav A {
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

#footer #footnav A:hover {
	color: white;
}

#footlogo {
	float: right;
	height: 64px;
}

#footlogo #copy {
	padding-top: 20px;
	padding-right: 10px;
	float: left;
	font-weight: bold;
	font-size: 8pt;
}

#privacysummary {
	position: absolute;
	background-color: lightgrey;
	border: 2px solid black;
	display: none;
	color: #222222;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 325px;
	font-size: 8pt;
	line-height: 10pt;
	z-index: 20;
}

.form TR TD {
	font-size: 8pt;
}

.form A {
	color: #222299;
}

.form INPUT, .form TEXTAREA {
	font-size: 10pt;
	border: 1px inset black;
}

.form INPUT.submit {
	border: 2px outset black;
}

.form INPUT.submit:hover {
	border: 2px inset black;
}

.form INPUT.radio {
	border: none;
}

.selectrightalign OPTION {
	text-align: right;
}

#right-slogan {
	padding-top: 20px;
	padding-left: 500px;
}

#right-slogan IMG {
	border: 0;
}

#map {
	width: 750px;
	height: 453px;
	position: relative;
}

#map IMG {
	border: 0;
	position: absolute;
	left: 0px;
	top: 0px;
}

#map #mappopup {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 453px;
}

#map #mappopup IMG {
	position: absolute;
	left: 0px;
	top: 0px;
}

#map #callout {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 12px;
	line-height: 12px;
	width: 283px;
}

#map #callout #cOTop {
	width: 283px;
}

#map #callout #cOContent {
	width: 283px;
}

#map #callout #cOContent A {
	text-decoration: none;
	color: #222299;
}

#map #callout #cOContent A:hover {
	text-decoration: underline;
	color: #AA2222;
}

#map #callout #cOBottom {
	width: 283px;
}

#map #calloutControl {
	font-size: 12px;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#map #calloutControl A, #map #calloutControl IMG, #map #calloutControl A IMG {
	text-decoration: none;
	position: relative;
	display: inline-block;
}

#map #calloutPrint {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFFFFF;
}

#map #calloutPrint A, #map #calloutPrint IMG, #map #calloutPrint A IMG {
	position: relative;
	text-decoration: none;
	color: #222299;
	display: inline-block;
}

#map #calloutPrint A:hover {
	color: #AA2222;
}

#map #maptouch {
	position: absolute;
	width: 750px;
	height: 453px;
	left: 0px;
	top: 0px;
}

#map #maptouch IMG {
	position: absolute;
	top: 0px;
	left: 0px;
}

.centeralign {
	text-align: center;
}

.leftcol {
	/*width: 100px;*/
	text-align: left;
	float: left;
	display: inline-block;
}

.centercol {
	/*width: 100px;*/
	text-align: left;
	display: inline-block;
	padding-left: 25px;
}

.clear {
	clear: both;
}

