/* body attributes */
html {padding: 0; margin: 0; height: 100%;}
body {margin: 17px 0 0 0; padding: 0; font: 80% Helvetica, verdana, arial, sans-serif; color: #666; background: url(/app_themes/adamsez/images/page_bg.jpg) repeat-x; height: 100%; text-align: center;}
img {border: none; border: 0; margin: 0; padding: 0;}
p {margin: 0; padding: 0;}

/* Page */
#pageholder {width: 780px; margin: 0 auto; padding: 0; background: #fff; border:1px solid #bcb5a0;}

/* Top Banner */
#topBanner {float:left; height: 50px; width: 230px; text-align: left; margin: 27px 0 0 28px; display: inline;}
#topBanner h1 {display: none;}

/* Top */
#topLinks {float:left; height: 77px; width: 522px; margin: 0; padding: 0; text-align: right; color: #fff; font-size: 110%;}
#topLinks p {margin: 0; padding: 34px 20px 0 0;}
#topLinks a {color: #434e59; text-decoration: none; margin: 0; padding: 0 12px;}
#topLinks a:hover {text-decoration: underline;}

/* Top Image Banner */
#topImageBanner {float:left;}

/* Inner Banner */
#innerBanner {float:left; background: #5d7893; width: 780px; height: 26px; text-align: right;}
#innerBanner p {color:#fff; margin: 0; padding: 5px 0 0 0; text-align:right; }
#innerBanner a {color: #fff; text-decoration: none; margin: 0; padding: 10px 10px 0 0;}
#innerBanner a:hover {text-decoration: underline;}

#innerContentBanner {float: left; background: #5d7893; width: 780px; height: 26px; text-align: right;}
#innerContentBanner p {float: left; color: #fff; margin: 0; padding: 5px 0 0 0; text-align: right; width: 583px;}
#innerContentBanner a {color: #fff; text-decoration: none; margin: 0; padding:10px 10px 0 0;}
#innerContentBanner a:hover {text-decoration: underline;}

#innerBanner .txtInput, #innerContentBanner .txtInput {border: 0; color: #333; height: 13px; width: 118px; font-size: 90%;}
#innerBanner .btnSubmit, #innerContentBanner .btnSubmit {border: 0; height: 16px; width: 18px; background: url(/app_themes/adamsez/images/btnSubmitSearch.jpg) no-repeat; cursor: pointer; margin: 0; padding: 0;}
#innerBanner .btnContentSubmit, #innerContentBanner .btnContentSubmit {border: 0; height: 14px; width: 18px; background: url(/app_themes/adamsez/images/btnContentSubmitSearch.jpg) no-repeat; cursor: pointer; margin-top: 0;}

/* Left Nav */
#leftnav {color:#fff; width: 174px; _height:580px; min-height:580px; float: left; margin: 0; padding-left: 10px; text-align: left; font-size: 85%; background: #b0cae4 url(/app_themes/adamsez/images/leftnav_bg.png) repeat-x;}

#leftnav ul {list-style: none; margin: 0; padding: 5px 0 0 0;}
#leftnav li {width: 164px; font-weight: normal; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #fff;}
#leftnav li a {margin: 0; padding: 0; display: block; color: #fff; text-decoration: none; font-weight: normal;}

#leftnav ul li ul {padding: 7px 0 0 23px; margin: 5px 0 10px 0; border-top: 1px solid #fff;}
#leftnav ul li ul li {background: url(/app_themes/adamsez/images/leftBullet.gif) no-repeat 0 5px; margin: 0; padding: 0; border: 0; display:inline;}
#leftnav ul li ul li a {background: none; margin: 0; padding: 2px 0; display: block;}
#leftnav ul li ul li a:hover {text-decoration: underline;}

/* Home Content */
#home {float:left; text-align: left; margin: 7px; padding-bottom:5px;}
#home h1 {font-size: 130%; font-weight: normal; color:#fff; margin: 0; padding: 4px 0 0 0;}

#home #nav2, #home #nav3, #home #nav1 {float: left; height: 140px; width: 250px; background: #fff; color: #fff;}
#home #nav2 {margin: 0 7px;}

#home #nav1 #top, #home #nav2 #top, #home #nav3 #top {padding:0 0 0 10px; float:left; height: 26px; width:240px; background: #5d7893; color: #fff; margin-bottom:1px;}
#home #nav1 #top {background: #5d7893;}
#home #nav2 #top {background: #bcb5a0;}
#home #nav3 #top {background:#434e59;}

#home #nav1 #bottom, #home #nav2 #bottom, #home #nav3 #bottom {float:left; height: 103px; width:240px; color: #fff; padding:10px 0 0 10px;}
#home #nav1 #bottom {background: url(/app_themes/adamsez/images/homeBathingGrad.jpg) repeat-x;}
#home #nav2 #bottom {background: url(/app_themes/adamsez/images/homeShoweringGrad.jpg) repeat-x;}
#home #nav3 #bottom {background: url(/app_themes/adamsez/images/homeWhirlpoolGrad.jpg) repeat-x;}

#home .intro {background: url(/app_themes/adamsez/images/bgIntro.gif) no-repeat; margin: 2px 0 0 0; padding: 0 15px;}
#home .intro h1 {color: #78a22f;}
#home .intro img {float: right; margin: 0 0 0 30px;}

#home .news {border-right: 1px solid #bcb5a0; margin: 10px 0 0 10px; float: left; display: inline; width: 498px;}
#home .news h1 {color: #444e5a; font-weight:bold;}
#home .news img {float:left; padding:0 10px 10px 0;}
#home .news p {margin: 0; padding: 0 8px 0 0;}

#home .retailers { margin: 10px 0 0 10px; float: left; display: inline; width: 240px;}
#home .retailers h1 {color: #434e59; font-weight:bold;}
#home .retailers p {float:left; color:#444e5a; vertical-align: top; padding: 0; margin: 0;}

/* Content */
#bottom {float:left; background: #b0cae4 url(/app_themes/adamsez/images/page_bg.png) repeat-y;}
#content {float:left; background: #fff; float:left; text-align: left; margin: 0; padding: 0 0 10px 2px; width: 583px; font-size: 85%; display: inline; overflow: hidden;}

#content p, #home p {font-weight: normal; text-decoration: none; margin: 10px 0; padding: 0; line-height: 150%;}
#content h1 {font-size: 160%; font-weight: bold; color:#434e59; margin: 0;}
#content h2 {font-size: 120%; font-weight: bold; margin: 20px 0 5px 0; color: #738aa1;}
#content h3 {font-size: 100%; font-weight: bold; margin: 0;}
#content a {color: #434e59; font-weight: bold; text-decoration: none;}

#content ul {list-style: none; padding: 0; margin: 5px 20px;}
#content li {background: url(/app_themes/adamsez/images/contentBullet.gif) no-repeat 0 4px; padding: 0 0 3px 20px; margin: 0;}

#content #top {padding: 6px 0 5px 10px; width: 583px;}
#content #top #breadcrumbs {font-size:80%; padding: 0 0 10px 0; width:583px;}

#content #left {float: left; display: inline; width: 320px; margin: 0 0 0 10px;}
#left h2 {margin: 0 0 5px 0;}
#content #left #otherviews {width:300px; padding:0 0 40px 0; margin: 12px 0 0 0;}
#content #left #otherviewsimages img {padding-right: 15px;}

#content #right {float:left; width: 230px; font-size: 100%; padding: 0 15px 0 5px;}

#right .retailers {margin: 50px 0 0 0; float: left;}
#right .retailers p {float:left; color: #444e5a; vertical-align:top; padding: 0 0 0 10px; margin:0;}
#right #btnSubmit {margin: 0; padding: 0 0 0 5px;}

#content #contentpagecontent {float:left; width: 572px; min-height: 400px; margin: 0; padding: 0 11px; background:#fff;}

/* Product and Category */
#content #contentpagecontent div.product, #content #contentpagecontent div.section {float: left; padding: 0 0 30px 0; _padding: 0; text-align: center; display: inline;}
#content #contentpagecontent div.product {background: #bcb5a0;}
#content #contentpagecontent div.product {width: 182px; height: 182px; margin: 10px 8px 10px 0;}
#content #contentpagecontent div.product {width: 182px; height: 182px; margin: 10px 8px 10px 0;}
#content #contentpagecontent div.section {width: 102px; height: 102px; margin: 10px 12px 10px 0;}
#content #contentpagecontent div.section img {border: 1px solid #bcb5a0; padding: 24px 0 0 0;}
#content #contentpagecontent div.product img {border: 1px solid #bcb5a0;}
#content #contentpagecontent div.section p {margin: 0; padding: 5px; width: 92px; position: absolute; background: #bcb5a0;}
#content #contentpagecontent div.product p {margin: 7px 0; padding: 0;}
#content #contentpagecontent div.section a, #content #contentpagecontent div.product a {color: #fff; font-weight: normal; font-size: 120%;}

/* News */
#content #contentpagecontent div.news {clear: both; margin: 0; padding: 0 0 15px 0; border-top: 1px solid #bcb5a0;}
#content #contentpagecontent div.news img {border: 1px solid #bcb5a0; float: right;}
#content #contentpagecontent .imgleft {float: left; margin: 0 10px 2px 0; padding: 0; border: 1px solid #bcb5a0;}
#content #contentpagecontent .imgright {float: right; margin: 0 0 2px 5px; padding: 0; border: 1px solid #bcb5a0;}
#content #contentpagecontent p.back {font-size: 140%;}

/* Suppliers */
#content #contentpagecontent div.col01 {float: left; width: 250px; margin: 0 20px 0 0;}
#content #contentpagecontent div.col01 img {float: left; margin: 0 10px 2px 0; width: 75px;}
#content #contentpagecontent div.col02 {float: left; width: 300px;}

/* Copyright */
#copyright {width: 780px; text-align:left; font-size: 80%; margin: 10px auto 0 auto; padding: 0 0 20px 0;}

/* Bespoke Template Content Elements */
select, form span.block input, form span.block textarea {background: #fff; text-decoration: none; border: 1px solid #bcb5a0; margin: 0 0 0 2px; font: 100% verdana, arial, helvetica, sans-serif;}
span.btnGeneral input {background: #b0cae4 url(/app_themes/adamsez/images/btnGeneral.gif) no-repeat; border: 0; width: 100px; height: 24px; color: #fff; text-align: left; margin: 5px 2px; padding: 0 0 0 10px; cursor: pointer;}
form span.block {display: block; margin: 10px 0;}
form span.block label {width: 120px; display: block; float: left; clear: left; text-align: left; margin: 0; padding: 3px 5px 0 0; font-weight: bold;}