/* 
   RIZZO POOL CASCADING STYLE SHEET
   Product of the United States of America
   
*/



/* General Template Framing Elements */

body {
 text-align: center;
 margin: 0 12px 8px 12px; /* top, right, bottom, left */
 color: #333;
 font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #fff url('images/background.jpg') top left repeat-x;
}

#page_wrapper {
 margin-left: auto; 
 margin-right: auto;
 width: 98%;
 text-align: left;
 background: #FFFFFF;
 border-left: #57a solid 1px;
 border-right: #357 solid 1px;
 min-width: 944px;
}

#content {
 margin-top: 20px;
 margin-bottom: 0px;
 margin-left: 180px;
 margin-right: 180px;
}

.float_left {
 float: left;
 margin-right: 10px;
}

.float_right {
 float: right;
 margin-left: 10px;
}

div#content.admin {
 width: 570px;
 overflow-x: hidden;
 display: inline;
 float: left;
 margin: 0 auto;
 padding: 0;
}


/* Header Elements */

#header_wrapper {
 margin: 0;
 padding: 0;
}

#header {
 height: 85px;
 padding: 0;
 margin: 0;
 border: 0;
}

#header img#pool-logo {
 float: left;
 display: inline;
 padding: 0;
 margin: 0;
 border: 0;
}

#header img#family-swimming {
 float: right;
 display: inline;
 height: 85px;
 padding: 0;
 margin: 0;
 border: 0;
}

#show-off {
 height: 222px;
 overflow: hidden;
 padding: 0;
 margin: 0;
 border: 0;
 text-align: left;
 background-color: #36a3fe;
}



/* Footer Elements */

#footer {
  background-color: #4E7DD1;
  clear: both;
  text-align: center;
  padding-top:12px;
  color: #B6CEF9;
  font-size: 12px;
  line-height: 18px;
  border-bottom: #357 solid 1px;
}

#footer a {
 white-space: nowrap;
 color: #fff;
 text-decoration: none;
}

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

#footer p#bump {
 font-size: 11px;
 font-variant: small-caps;
 color: #3af;
 letter-spacing: 1px;
 display: block;
 margin: 10px 0 0 0;
 padding: 1px;
 background-color: #137;
}

#footer p#bump a, #footer p#bump a:active, #footer p#bump a:link, #footer p#bump a:visited {
 color: #abe;
 text-decoration: none;
 margin: 0;
 padding: 0;
 display: inline;
}

#footer p#bump a:hover {
 color: #eff;
 text-decoration: underline;
}



/* Left Side Template Framing Elements */

#left_side {
 margin-top: 10px;
 float: left;
 width: 160px;
}



/* Right Side Template Framing Elements */

#right_side {
 margin-top: 10px;
 float: right;
 width: 160px;
}



/* Form Elements */

form {
 padding: 5px;
 margin: 0 auto;
 width: auto;
 display: block;
 background-color: #ddd;
 border-left: solid 1px #eee;
 border-top: solid 1px #eee;
 border-bottom: solid 1px #ccc;
 border-right: solid 1px #ccc;
 min-width: 572px;
}

div.form-row, div#content div.form-row {
 display: block;
 width: 570px;
 padding: 0 10px 0 10px;
 margin: 0 auto;
 height: 24px;
 line-height: 24px;
 white-space: nowrap;
}

div.form-row b {
 width: 200px;
 display: inline;
 float: left;
 font-weight: bold;
 padding: 0 5px 0 5px;
 text-align: right;
 white-space: nowrap;
}

div.form-row input, div.form-row select {
 height: 22px;
}

div.form-row textarea {
 height: 83px;
}

div.form-row input, div.form-row select, div.form-row textarea {
 width: 240px;
 float: left;
 display: block;
 line-height: 20px;
 border-left: solid 1px #cde;
 border-top: solid 1px #cde;
 border-bottom: solid 1px #abc;
 border-right: solid 1px #abc;
 background-color: #bcd;
 margin: 0;
 padding: 2px 3px 0 3px;
 white-space: nowrap;
}

div.form-row input.wide, div.form-row select.wide, div.form-row textarea.wide {
 width: 570px;
}

div.form-row textarea.wide {
 height: 137px;
}

div.form-row input.loginbutton {
 width: 240px;
 float: left;
 display: block;
 height: 22px;
 border-left: solid 1px #57a;
 border-top: solid 1px #57a;
 border-bottom: solid 1px #246;
 border-right: solid 1px #246;
 background-color: #357;
 color: #bcd;
 letter-spacing: 3px;
 font-variant: small-caps;
}

input.submitbutton, div.form-row input.submitbutton {
 width: 157px;
 float: left;
 display: block;
 height: 22px;
 border-left: solid 1px #57a;
 border-top: solid 1px #57a;
 border-bottom: solid 1px #246;
 border-right: solid 1px #246;
 background-color: #357;
 color: #bcd;
 padding: 1px;
}



/* Link Elements */

a:link, a:visited, a:active {
 color: #037;
 text-decoration: none;
 font-weight: bold;
}

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

a#online-store, a#online-store img {
 display: block;
 border: none;
 padding: 1px;
 margin: 0;
}



/* Text Heading Elements */

#content h1 {
 color: #2153aa;
 margin: 0 0 4px 0;
 padding: 0;
 display: block;
 text-align: center;
 font-variant: small-caps;
 font-size: 36px;
 font-weight: bold;
 text-decoration: none;
}

#content h1.admin {
 color: #2153aa;
 margin: 0 0 4px 0;
 padding: 0;
 display: block;
 text-align: center;
 font-variant: small-caps;
 font-size: 24px;
 font-weight: bold;
 text-decoration: none;
}

#content h2 {
 color: #91b3d0;
 margin: 0 0 20px 0;
 padding: 0;
 display: block;
 text-align: center;
 font-variant: normal;
 font-size: 14px;
 font-style: italic;
 font-weight: normal;
 text-decoration: none;
}

#content h2.admin {
 color: #91b3d0;
 margin: 0 0 20px 0;
 padding: 0;
 display: block;
 text-align: center;
 font-variant: normal;
 font-size: 16px;
 font-style: italic;
 font-weight: normal;
 text-decoration: none;
}

#content h2.product-header, #content h2.category-header {
 color: #6090c0;
 margin: 0 0 20px 0;
 padding: 0;
 display: block;
 text-align: left;
 font-variant: normal;
 font-size: 20px;
 font-style: italic;
 font-weight: normal;
 text-decoration: none;
}

#content h2.product-header a, #content h2.category-header a {
 color: #6090c0;
 text-decoration: none;
}

#content h2.product-header a:hover, #content h2.category-header a:hover {
 color: #91b3d0;
 text-decoration: none;
 border-bottom: dashed 1px #6090c0;
}

#content h3 {
 margin-top: 50px;
 margin-bottom: 0;
 font-size: 18px;
 font-weight: bold;
 line-height: 18px;
 color: #2153aa;
}

#content h3.error {
 margin-top: 50px;
 margin-bottom: 0;
 font-size: 18px;
 font-weight: bold;
 line-height: 18px;
 color: #a01;
}

#content h3.notice {
 margin-top: 50px;
 margin-bottom: 0;
 font-size: 18px;
 font-weight: bold;
 line-height: 18px;
 color: #57e;
}

#content h4 {
  margin: 0;
  padding: 2px;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  line-height: 12px;
  color: #91b3d0;
  display: inline;
  float: right;
}

#left_side h3, #right_side h3 {
 margin: 0 5px 0 5px;
 padding: 4px;
 font-size: 13px;
 font-weight: bold;
 line-height: 14px;
 color: #FFFFFF;
 border-left: 1px solid #9dc9e4;
 border-top: 1px solid #9dc9e4;
 border-right: 1px solid #57a1c4;
 border-bottom: 1px solid #57a1c4;
 background: #36a3fe url('images/water-header.jpg') top right no-repeat;
 display: block;
 text-align: center;
}

#left_side h3 a, #right_side h3 a {
 text-decoration: none;
 border: 0;
 padding: 0;
 margin: 0;
 color: #FFFFFF;
}

#left_side h3 a:hover, #right_side h3 a:hover {
 text-decoration: underline;
}

#left_side h4, #right_side h4 {
 margin: 10px 5px 0 5px;
 font-size: 13px;
 font-weight: bold;
 line-height: 12px;
 color: #2153AA;
 font-variant: small-caps;
 padding: 2px;
 text-align: center;
}



/* List Elements */

#left_side ul, #right_side ul {
 list-style: none;
 background: #36a3fe url('images/water.jpg') bottom right no-repeat;
 margin: 0 5px 20px 5px;
 padding: 4px;
 line-height: 24px;
 color: #eff;
 border-left: 1px solid #57a;
 border-right: 1px solid #357;
 border-bottom: 1px solid #357;
 font-size: 13px;
 font-variant: small-caps;
 text-align: center;
}

#left_side ul li, #right_side ul li,
#left_side ul li a, #right_side ul li a,
#left_side ul li a:link, #right_side ul li a:link,
#left_side ul li a:active, #right_side ul li a:active,
#left_side ul li a:visited, #right_side ul li a:visited {
 line-height: 24px;
 color: #eff;
 font-size: 13px;
 font-variant: small-caps;
 text-align: center;
}

#left_side ul#news-nav, #left_side ul#news-nav li, #left_side ul#news-nav li a {
 text-align: left; font-size: 11px; font-weight: bold; letter-spacing: 0px; 
}



/* Navigation Elements */

div#navcontainer {
 background: #36a3fe url('images/nav-header.gif') top left repeat-x;
}

#navlist {
 margin: 0;
 text-align: left;
 padding: 2px 5px 0 5px;
 border-bottom: 1px solid #0F3974;
 font-weight: bold;
 font-size: 14px;
 font-variant: small-caps;
}

#navlist li {
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a {
 color: #F1F6FE;
 white-space: nowrap;
 padding: 2px 5px 0 5px;
 margin-left: 3px;
 border: none;
/*  background: #2153AA url('../img/tab_bg.gif') bottom left repeat-x; */
 text-decoration: none;
}

#navlist li a:hover {
 background: #3364bb url('images/nav-header.gif') top left repeat-x;
 color: #fff;
 border-color: #0F3974;
}

#navlist li#active a {
 color: #000;
 background: #fff url('images/nav-header.gif') top left repeat-x;
 border-bottom: 1px solid #FFFFFF;
}

.subnav, ul li a.subnav, div#left_side ul li a.subnav, div#right_side ul li a.subnav {
 font-size: .9em;
 font-weight: normal;
}



/* Query Result Display Elements */

.even, .even textarea, .even input, .even textarea.wide, .even input.wide {
 background-color: #def;
}

.odd, .odd textarea, .odd input, .odd textarea.wide, .odd input.wide {
 background-color: #cde;
}

div.result-row {
 display: block;
 width: 500px;
 padding: 2px;
 margin: 0 auto;
 height: 24px;
 line-height: 24px;
}

div.product-row {
 display: block;
 width: 500px;
 padding: 2px;
 margin: 0 auto;
 height: 120px;
 line-height: 120px;
 overflow: hidden;
}

div.product-row img {
 max-height: 120px;
 max-width: 120px;
 float: right;
 padding: 0;
 margin: 0;
 border: 0;
}

div.product-row b {
 width: 350px;
 display: inline;
 float: left;
 font-weight: bold;
 padding: 0 5px 0 5px;
 text-align: right;
 white-space: nowrap;
 line-height: 120px;
 font-size: 16px;
}

div.category-row {
 display: block;
 width: 500px;
 padding: 2px;
 margin: 0 auto;
 height: 80px;
 line-height: 80px;
 overflow: hidden;
 text-align: left;
}

div.category-row img {
 max-height: 80px;
 max-width: 80px;
 float: left;
 padding: 0;
 margin: 0;
 border: 0;
 display: inline;
}

div.category-row b {
 width: 400px;
 display: inline;
 float: left;
 font-weight: bold;
 padding: 0 5px 0 5px;
 text-align: left;
 line-height: 40px;
 font-size: 14px;
}

div.category-row a i {
 font-size: .8em;
}

div.result-row, div.product-row, div.category-row, a div.category-row,
div#content div.result-row, div#content div.product-row, 
div#content div.category-row, div#content a div.category-row {
 border: solid 1px #eff;
}

div.result-row:hover, div.product-row:hover, div.category-row:hover, a div.category-row:hover {
 background-color: #eff;
 color: #013;
 border: solid 1px #cdf;
}



/* Paragraph Display Elements */

#left_side p, #right_side p {
 background: #F1F6FE url('images/side_bg.gif') bottom left repeat-x;
 margin: 0 5px 20px 5px;
 padding: 4px;
 line-height: 16px;
 color: #357;
 border: 1px solid #9dc9e4;
}

#content p {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}

#content p.product-desc {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 18px;
  color: #1957a0;
}

#content p.product-image {
 margin: 0;
 border: 0;
 padding: 0;
}

#content p.product-image img {
 margin: 0;
 padding: 5px;
 border: solid 1px #9ce;
 background-color: #bdf;
}



/* Text Formatting Elements */

.italic {
 font-style: italic;
}

div.indent {
 margin: 0 10px 0 10px;
 padding: 5px;
 background-color: #eee;
 border: solid 1px #ccc;
 color: #444;
}

.padleft {
 padding-left: 20px;
}



/* Custom Horizontal Rule Elements */

div.hr {
 height: 2px;
 width: 100%;
 display: block;
 padding: 0;
 margin: 10px 0 10px 0;
 text-align: center;
 background: #dde url('/images/hr.jpg') repeat-x scroll top left;
}

div.hr hr {
 display: none;
}



/* Other Content Formatting Elements */

.featurebox_center {
 margin: 0;
 padding: 10px;
 border: 1px solid #eff8ff;
 font-size: 12px;
 line-height: 18px;
 color: #333;
}

div#content img.left-img {
 float: left;
 display: inline;
 padding: 4px;
 margin: 10px;
 border: 1px solid #cde8d7;
 background-color: #eff8ff;
}

div#content p.center-img {
 text-align: center;
 display: block;
 margin: 10px auto;
}

div#content p.center-img img {
 display: inline;
 padding: 4px;
 margin: 10px;
 border: 1px solid #cde8d7;
 background-color: #eff8ff;
}

div#content img.right-img {
 float: right;
 display: inline;
 padding: 4px;
 margin: 10px;
 border: 1px solid #e8d7cd;
 background-color: #fff8ef;
}

.featurebox_side {
 margin: 0 5px 10px 5px;
 padding:10px;
 font-size: 12px;
 line-height: 18px;
 color: #333333;
 background-color: #c4d1ea;
 border: #c4e1fa solid 1px;
}

p#welcome {
 padding: 0;
 margin: 0 0 10px 0;
 display: block;
}

p#welcome img {
 padding: 0;
 margin: 0;
 border: none;
}

p#hdtv {
 padding: 0;
 margin: 0;
 background-image: none;
 background-color: #c4d1ea;
 line-height: 20px;
 font-size: 12px;
 border: none;
 font-variant: small-caps;
}

p#hdtv img {
 padding: 0;
 margin-right: 10px;
 border: none;
 float: left;
 display: inline;
}