/* General formatting */

* {
  margin: 0;
  padding: 0;
}

html,body {height: 100%; min-height: 101%}

body { 
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 8pt;
  margin: 0px;
	padding: 0px;
	line-height: 22px;
	text-align: center;
	cursor: default;
	background: url('/images/bg.jpg');
	background-repeat: repeat;
}

p { 
  font-size: 9pt;
  margin-bottom: 8px;
}

p.right {
  text-align: center;
  font-size: 10pt;
  font-style: italic;
  margin: 20px 0;
}

p.bigger {
  font-size: 14pt;
  margin-bottom: 10px;
  line-height: 26px;
}

p.nobottomspace {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

p.nospace {
  padding: 0px;
  margin: 0px;
}

p.center-space {
  text-align: center;
  margin-top: 200px;
}

p.author {
  font-style: italic;
  font-size: 8pt;
  color: #606060;
  text-align: right;
}

p.error {
  font-weight: bold;
  color: red;
  font-size: 10pt;
}

p.paging {
  text-align: center;
  font-size: 11pt;
}

p.paging a, p.paging a:active, p.paging a:visited, p.paging a:hover {
  font-weight: bold;
  color: #3F658E;
}

p.pagingbottom {
  text-align: center;
  font-size: 11pt;
  margin-top: 20px;
}

p.pagingbottom a, p.pagingbottom a:active, p.pagingbottom a:visited, p.pagingbottom a:hover {
  font-weight: bold;
  color: #3F658E;
}

p.setup {
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
  line-height: 165%;
  color: #0B35AC;
  margin: 35px 0 20px;
}

div.clear {width: 99%; clear: both;}
div.call-to-action {
  background: #FFF;
  padding: 16px 16px 0 16px;
  margin: 30px 0;
  border: 1px solid #666;
  clear: both;
}
div.call-to-action h2 {
  color: #CC0033;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  line-height: 155%;
  margin: 0 0 18px 0;
  padding: 0;
}
div.call-to-action p {
  margin: 0 0 16px 10px;
}
.bottom {
  background: #FFF url('/images/bottom.gif') no-repeat;
  height: 11px;
  width: 100%;
}

ul.yacht, ul.castle {
  padding-left: 40px;
}
ul.yacht li, ul.castle li {
  margin-bottom: 10px;
}
a, a:active {
  color: #BE1F1F;
} 

a:visited {
  color: #D15C5C;
}

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

a.white:link, a.white:visited, a.white:active {
  color: #FFFFFF;
  text-decoration: underline;
}
a.white:hover {
  text-decoration: none;
}

.list {
  padding-left: 35px
}

.nestedul {
  padding-left: 20px;
}

.nestedul2 {
  padding-left: 30px;
}

a.link {
 width: 175px;
}

/* Divisions */

#container { 
  width: 760px;
	margin: 10px auto;
	padding: 0px;
  background: url('/images/bg_maincontent.gif');
}

#maincontent {
  position: relative;
  border: 0px;
	padding: 0px;
	margin: 0px;
  background: url('/images/bg_middle.gif') no-repeat 0 196px;
  text-align: left;
 	min-height: 100%; /* Only works for FF, so below is important */
  height: auto !important; height: 100%; /*Forces IE and Opera, to a specific height*/
}

* html #maincontent {
  height: 1%;
}

#form-contact {
  margin: 30px 100px 0px 125px;
}

#top {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 760px;
}

#heading {
  background: url('/images/heading.gif') no-repeat;
  width: 760px;
	height: 196px;
	padding: 0;
	margin: 0;
}

#heading-links {
  position: absolute;
  right: 15px;
  top: 0px;
  font-family: Verdana, Tahoma, Helvetica;
  padding: 0px;
  margin: 0px;
  color: white;
}

#heading-links a { 
  color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
}

#heading-links a:hover { 
	text-decoration: underline;
}


#heading-bartext {
  position: absolute;
  left: 98px;
  top: 25px;
}


/* Navigation bar begins */

#navbar {
  position: absolute;
  top: 166px;
  left: 24px;
  width: 760px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #FF6600;
  font-size: 9pt;
  text-align: center;
}

#navbar ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
  
#navbar li {
  float: left;
  margin: 0px;
  padding: 0px 4px 0px 4px;
}
  
#navbar a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #1A591E;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
   
#navbar a {float: none;}
/* End IE5-Mac hack */

#navbar li.home a {
  color: #000000;
}

#navbar li.deli a {
  color: #FF6000;
}

#navbar li.bulk a {
  color: #663300;
}

#navbar li.fruit a {
  color: #006600;
}

#navbar li.swingsets a {
  color: #BE1F1F;
}

#navbar li.furniture a {
  color: #3300ff;
}

#navbar li.current a {
  color: #000000;
  text-decoration: underline;
}

#navbar a:hover {
  text-decoration: underline;
}

/* Navigation bar ends */

#middle {
	width: 760px;
	padding: 218px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  color: #000000;
  font-size: 9pt;
  line-height: 20px;
}

* html #middle {
  height: 100%;
}

#middle-padding {
  padding: 0px 30px 0px 30px;
}

#left { 
  float: left;
	width: 400px;
	position: relative;
}

#right {
	float: right; 
	width: 276px;
	text-align: center;
	position: relative;
}

#right-padding {
  padding: 0 0 20px 0;
}

#left2 {
  float: left;
  width: 335px;
  position: relative;
}

#right2 {
  float: right;
  width: 335px;
  position: relative;
} 

#left3 {
  float: left;
  width: 210px;
  position: relative;
}

#right3 {
  float: right;
  width: 485px;
  position: relative;
  text-align: left;
} 

#left4 {
  float: left;
  width: 320px;
  position: relative;
}

#right4 {
  float: right;
  width: 350px;
  position: relative;
  text-align: right;
} 

#footer {
  clear: both;
  font-family: Verdana, Tahoma, Helvetica;
  color: #BE1F1F;
  width: 760px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  line-height: 19px;
}

p.footer-links {
  padding: 0; 
  margin: 5px 0px; 
  font-size: 8pt;
}
  
p.footer-links a, p.footer-links a:active, p.footer-links a:visited {
  text-decoration: underline;
  color: #BE1F1F;
  font-weight: bold;
}
  
p.footer-links a:hover {
  color: #CE4C4C;
  text-decoration: none;
}

p.credit {
  font-size: 7pt;
  color: #BE4242; 
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  display: inline;
}

p.credit a, p.credit a:active, p.credit a:visited {
	color: #BE1F1F;
	text-decoration: underline;
	font-weight: normal;
}

p.credit a:hover { 
	color: #CE4C4C;
  text-decoration: none;
}


/* Styling for lead-in links on swingsets page */

ul#showcase {
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  list-style: none;
}
ul#showcase li {
  padding: 15px;
  margin: 0px;
  border-top: 1px solid #cccccc;
  clear: both;
}

ul#showcase li a:link, ul#showcase li a:active, ul#showcase li a:visited {
  padding: 3px;
  margin-bottom: 10px;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  float: left;
  line-height: 96px;
}

ul#showcase li.yacht a {color: #15578B;}
ul#showcase li.baby a {color: #C85EB0;}
ul#showcase li.castle a {color: #B0085F;}
ul#showcase li.free a {color: #87C232;}
ul#showcase li.king a {color: #E16E39;}
ul#showcase li.watch a {color: #E8B947;}
ul#showcase li.deluxewatch a {color: #00B2E5;}
ul#showcase li.deluxesky a {color: #624089;}
ul#showcase li.twintower a {color: #00501F;}
ul#showcase li.doubleset a {color: #0C7DB5;}

ul#showcase img {
  border: 1px solid #C5C5C5;
  margin-right: 12px;
}

/* Styling for lead-in links on lawn furniture page */

ul#showcase li.heading {
  padding: 15px;
  margin: 0px;
  border: 0px;
  clear: both;
  font-size: 12pt;
  font-weight: bold;
}

ul#showcase li.poly, ul#showcase li.wooden {
  padding: 15px;
  margin: 0px;
  border-top: 1px solid #cccccc;
  clear: both;
}


ul#showcase li.poly a:link, ul#showcase li.poly a:active, ul#showcase li.poly a:visited,
ul#showcase li.wooden a:link, ul#showcase li.wooden a:active, ul#showcase li.wooden a:visited {
  padding: 3px;
  margin-bottom: 10px;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  float: left;
  line-height: 96px;
  color: #264C75;
}


/* Styling for swingsets sidebar links */

ul#sidebarlinks {
  font-family: Verdana, Tahoma, Helvetica;
	list-style: none;
	margin: 0px;
	padding: 0;
	text-align: left;
	width: 185px;
}

ul#sidebarlinks li {
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	background: #EAF7E8;
	border-bottom: 1px solid #B7D9B3;
	border-left: 1px solid #B7D9B3;
	border-right: 1px solid #B7D9B3;
}

ul#sidebarlinks li a:link, ul#sidebarlinks li a:visited {
	text-decoration: none;
  display: block;
	margin: 0px;
	padding: 2px 7px;
	height: 20px;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background: #EAF7E8;	
}

ul#sidebarlinks li.heading {
  background-color: #006633;
  color: #ffffff;
  padding: 2px 5px;
  height: 20px;
  border-top: 1px solid #B7D9B3;
	border-left: 1px solid #B7D9B3;
	border-right: 1px solid #B7D9B3;
}

ul#sidebarlinks li a:hover {
	background-color: #EEEFEE;
	color: #FFFFFF;
	text-decoration: none;
}

ul#sidebarlinks li.yacht a:hover {background-color: #15578B;}
ul#sidebarlinks li.baby a:hover {background-color: #C85EB0;}
ul#sidebarlinks li.castle a:hover {background-color: #B0085F;}
ul#sidebarlinks li.free a:hover {background-color: #87C232;}
ul#sidebarlinks li.kings a:hover {background-color: #E16E39;}
ul#sidebarlinks li.watch a:hover {background-color: #E8B947;}
ul#sidebarlinks li.deluxewatch a:hover {background-color: #00B2E5;}
ul#sidebarlinks li.deluxesky a:hover {background-color: #624089;}
ul#sidebarlinks li.twintower a:hover {background-color: #00501F;}
ul#sidebarlinks li.doubleset a:hover {background-color: #0C7DB5;}


/* Styling for lawn furniture sidebar links */

ul#sidebarlinks li.furniture-heading {
  background-color: #3F658E;
  color: #ffffff;
  padding: 2px 5px;
  height: 20px;
  border-top: 1px solid #C4E0FD;
	border-left: 1px solid #C4E0FD;
	border-right: 1px solid #C4E0FD;
}

ul#sidebarlinks li.poly, ul#sidebarlinks li.wooden {
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	background: #E6F2FF;
	border-bottom: 1px solid #C4E0FD;
	border-left: 1px solid #C4E0FD;
	border-right: 1px solid #C4E0FD;
}

ul#sidebarlinks li.poly a:link, ul#sidebarlinks li.poly a:visited,
ul#sidebarlinks li.wooden a:link, ul#sidebarlinks li.wooden a:visited {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 2px 7px;
	height: 20px;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background: #E6F2FF;	
}

ul#sidebarlinks li.poly a:hover, ul#sidebarlinks li.wooden a:hover {
	background-color: #6086AF;
	color: #FFFFFF;
	text-decoration: none;
}

/* Styling for boxes in showcase */
#swingsets {
  background-color: #000099;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#kings {
  background-color: #993333;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#watch {
  background-color: #003366;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
  text-align: center;
}

#picnic {
  background-color: #663366;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#deluxewatch {
  background-color: #cc3333;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#deluxepicnic {
  background-color: #996633;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#deluxesky {
  background-color: #006633;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#deluxepicnicyouth {
  background-color: #cc6633;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#twintower {
  background-color: #660033;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#doubleset {
  background-color: #003366;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}

#heavyduty {
  background-color: #006699;
  padding: 10px;
  border: 1px;
  border-color: #ffffff;
  color: #ffffff;
}
  
/* Other styling */


p.swingset, p.furniture {
  margin-top: 40px;
  text-align: center;
}
p.swingset img {border: 1px solid #000;}
p.swingset img.no-border {border: 0;}

p.tower {
  text-align: center;
  margin-top: 10px;
  border-color: #ffffff;
  border: 1px;
}
p.tower img {border: 1px solid #FFF;}

#center-padding {
	padding: 0px 35px 20px 35px;
	margin: 0px;
}

p.description {
 margin: 0px 20px 20px 20px; 
 text-align: left;
}

p.caption {
  margin: 0; 
  text-align: left;
}
p.caption2 {
  margin: 0 60px; 
  text-align: left;
}
p.caption3 {
  margin: 0;
  text-align: center;
}
p.caption4 {
  margin: 0 40px;
  text-align: center;
}
p.caption5 {
  margin: 0 0 10px;
  text-align: left;
}
p.caption a {
  text-decoration: underline;
  color: #006600;
}
 
p.caption a:visited {
  text-decoration: underline;
  color: #636363;
}

p.caption a:hover {
  text-decoration: none;
  color: #006600;
}



#form {
  text-align: center;
  padding: 20px 0px 20px 0px;
}

#form-footer {
  text-align: right;
  padding: 0px;
  margin: 0px;
}

p.form-footer {
  padding: 0px 0px 3px 0px;
  margin: 0px;
  font-size: 8pt;
}

form {
  padding: 0px;
  margin: 0px;
}

#line1 {
	border-top: 1px solid #98AAB1;
	margin: 6px 0px 6px 0px;
}

/* Headings */

h1 { 
  color: #000000; 
	text-align: left;
	font-size: 15pt;
  line-height: 18pt; 
	margin: 0px 0px 20px 0px;
	padding: 0px;

}

h2 { 
  color: #000;
  font-weight: bold;
  font-style: italic;
  font-size: 8pt;
  padding: 0px;
  margin: 0px;
}

h3 { 
  color: #BE1F1F; 
	text-align: left;
	font-size: 11pt;
  line-height: 14pt; 
	margin: 15px 0 30px 0;
	padding: 0;
	border-bottom: 1px #cccccc solid;
	clear: both;
}

* html h3 {
  height: 1%;
}

h4 {
  color: #707070;
  text-align: left;
	font-size: 8pt;
	font-weight: normal;
	padding: 0;
	margin: 0 0 20px;
}

h5 { 
  color: #006633;
  font-size: 10pt;
  font-weight: bold;
  margin: 16px 0 5px 0;
  padding: 0;
  text-align: center;
}

h6 { 
  color: #FFF; 
	text-align: center;
	font-size: 11pt;
  line-height: 14pt; 
	margin: 20px 20px 10px 20px;
	padding: 0;
}

form.specials1 {
  width: 270px;
  margin: 0 auto;
}

label.text {
  float: right;
}

input.text {
  margin: 3px 0 3px 5px;
  padding: 1px;
}

.specials1 p {
  clear: both;
  text-align: center;
  padding-top: 5px;
}

.subscribe {
  margin: 0 5px 0 3px;
}

.unsubscribe {
  margin-left: 3px;
}

img.left {
  margin: 0 30px 30px 0;
}

img.right {
  margin: 0 0 30px 30px;
}
img.left-tower {margin-right: 10px;}

p.specs {
  margin: 0 20px 20px;
  text-align: center;
  font-size: 90%;
}
p.specs2 {
  margin: 5px 0 20px;
  text-align: left;
  font-size: 90%;
}
p.setspecs {
  margin: 0 0 10px;
  text-align: center;
  font-size: 95%;
}
p.setspecs2 {
  margin: 0 0 30px;
  text-align: center;
  font-size: 95%;
}
p.subheading {
  font-weight: bold;
  margin-bottom: 3px;
}

p.tablehead, p.head {
  text-align: center;
  font-weight: bold;
  margin: 20px 0 0;
}
p.tablehead span {
  font-weight: normal;
  font-size: 90%;
}
table.sizes {
  margin: 20px auto;
  border: 1px solid #999;
  border-collapse: collapse;
  text-align: left;
}
table.sizes th {
  background-color: #CC6600;
  color: #FFF;
  padding: 2px 8px;
  border: 1px solid #999;
}
table.sizes td {
  padding: 2px 8px;
  background: #FFF;
  border: 1px solid #999;
}
table.sizes tr.alt td {
  background: #F0F0F0;
}

div.grid {
  width: 100%;
  margin: 0;
}
div.box {
  width: 160px;
  float: left;
}
div.box img {
  border: 1px solid #C0BEBE;
}
div.box p {
  clear: both;
  text-align: center;
  padding: 5px 20px 12px;
  line-height: 150%;
}
div.box p a {
  font-size: 8pt;
  font-weight: bold;
}
h2.orange {
  padding: 10px 0 20px;
  color: #DE5705;
  line-height: 140%;
  font-size: 12pt;
}
h2.orange a {
  color: #DE5705;
}
h2.orange-bottom0 {
  padding: 10px 0 0;
  color: #DE5705;
  font-size: 11pt;
}

p.icon {
  margin-top: 5px;
  padding: 0 0 10px 0;
  font-weight: bold;
}
p.icon a {
  color: #BD013B;
}
p.icon span {
  color: #333;
  font-size: 80%;
  font-weight: normal;
  line-height: 140%;
}
img.castle {
  float: right;
  margin: 5px 0 15px 30px;
  border: 0;
}
img.set {
  margin: 25px auto 0;
  border: 1px solid #666;
}
img.no-border {border: 0;}
h1.castle {margin-bottom: 3px; font-size: 13pt;}
h1.castle span {
  font-weight: bold;
}