/* September 2010 */
html {
/* background: #64bef0; */
/* background: #c6e5fa; */
/* background: #65bff1; */
}
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center; /* compensate for site centering with IE */
line-height: 1.5em;
width: 100%;
display: table;
}
a:link, a:visited { color: #333; text-decoration: underline; border: none; }
a:active, a:hover { color: #990000; text-decoration: none; border: none; }
.container {
width: 900px;
margin: auto;
background: #FFF;
}
#bottom_bg {
width: 100%;
z-index:2;
background: #ccddaa; /* #8bac44; */
border-bottom: 20px solid #fff;
}
.container-bottom {
width:900px;
margin: auto;
}
#top_bg {
width: 100%;
/* background: #64bef0 url(../images/bg1.jpg) repeat-x; */
/* background: #9bdaf8 url(../images/bg1.jpg) repeat-x; */
background: url(../images/bg-golden-diag.gif)
}
#header {
width: 100%;
height: 180px; /* origial 280px, was pushing content doen in IE April 27 2010 STO */
}
#logo {
float: left;
width: 600px;
height: 20px;
font-family: Tahoma;
font-size: 20px;
font-weight: bold;
color: #678275;
margin: 28px 0 0 15px;
padding: 0;
}
#logo span {
font-size: 11px;
font-weight: normal;
color: #000000;
}
#header_bottom {
float: left;
width: 873px;
height: 216px;
background: url(../images/header2.png) no-repeat; /* NB: header.swf embedded to load slideshow July 2010 Stephen Outram */
margin: 15px 0 0 15px;
z-index:1;
}
#header_bottom a {
color: #000;
text-decoration: none;
border: none;
}
#header_bottom a:hover {
color: #000;
text-decoration: none;
border: none;
}
#header_bottom img {
border: none;
}
/* Main Menu */
#menu {
text-align:left;
text-indent:2px; /* deals with a slight overlap on submenu panels */
width: 500px;
height: 29px;
float: left;
margin: -40px 0 0 23px;
padding: 0;
z-index:2;
}
/* Menu SWF header introduced to home page July 12, effected shop menu positioning. This menu item used for shops, etc. */
#menu1 {
text-align:left;
text-indent:2px; /* deals with a slight overlap on submenu panels */
width: 500px;
height: 29px;
float: left;
margin: 180px 0 0 23px;
padding: 0;
}
#content {
margin: -45px 0px 5px 15px;
padding: 0;
text-align:left
}
#content_v6 {
margin: 20px 20px 20px 20px;
}
* html #content {
margin: 20px 0 20px 20px;
}
#content_left {
float: left;
width: 592px;
/* background: url(../images/bg-white-transparent.png) Added in-file to the shops May 8 2010 Stephen Outram*/
}
#content_left .post {
margin: 15px;
padding: 0;
}
#content_left .center {
color: #333333;
margin: 0 0 50px 0;
}
.post h1 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 20px;
color: #003;
text-align: left;
margin: 0 0 15px 0;
padding: 0;
border-bottom: 2px solid #a1a159;
}
.post h2 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 17px;
/* color: #333333; */
color: #003;
text-align: left;
margin: 6px 0 15px 0;
padding: 0;
}
.post h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
/* color: #333333; */
color: #003;
text-align: left;
margin: 3px 0 15px 0;
padding: 0;
}
.post h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
font-style:italic;
color: #003;
text-align: left;
margin: 3px 0 15px 0;
padding: 0;
}
.post h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font-style:italic;
color: #003;
text-align: left;
margin: 3px 0 15px 0;
padding: 0;
}
.post p {
font-size: 14px;
color: #003;
text-align: justify;
margin: 0 0 15px 0;
padding: 0;
}
.post ul {
font-size: 14px;
color: #003;
}
.post img {
margin: 0 0 0 15px;
padding: 0;
/* border: 0px solid #333; */
border: none;
float: left;
margin: 0 20px 0 0;
}
img.floatLeft {
float: left;
margin: 4px;
}
#content_right {
float: right;
width: 263px;
/* margin: 0 12px 0 0 ; */
margin: 0;
padding: 0;
}
* html #content_right {
margin: 0;
}
/* Provides alterating row colors in tabled listings */
.tableRow1 {
background-color:#FFF
}
.tableRow2 {
background-color:#eeffee
}
.tableRow3 {
background-color:#bbeeaa
}
.section {
margin: 0 0 15px 0;
padding: 0;
}
/* Secion 1 Top */
.section_1_top {
height: 60px;
width: 237px;
/* font-family: Tahoma;
font-weight: bold;
font-size: 12px;
color: #333333; */
background: url(../images/section_1_top_bg.png) no-repeat;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -15px;
margin-left: 0px;
}
.section_1_mid {
width: 237px;
text-align: left;
background: url(../images/section_1_mid_bg.png) repeat-y;
}
.section_1_bottom {
width: 237px;
height: 30px;
background: url(../images/section_1_bottom_bg.png) no-repeat;
margin-top: -15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.section_1_mid .form {
width: 217px;
color: #333333;
margin:0;
}
.section_1_mid .label {
float:left;
width: 70px;
height: 50px;
color: #333333;
font-family: Tahoma;
font-size: 11px;
text-align: right;
}
.label label {
display: block;
margin: 0 0 5px 0;
}
.section_1_mid .textboxes {
float: left;
width: 120px;
height: 50px;
margin: 0 10px 0 0;
}
.textboxes .textfield {
width: 106px;
height: 13px;
font-family: Tahoma;
font-size: 11px;
color: #333333;
background: url(../images/textbox.jpg) no-repeat;
border: none;
margin: 3px 0 5px 5px;
}
.login_bottom {
float: left;
height: 30px;
margin: 0 15px;
}
.login_bottom .remember {
color: #fff;
}
.login_bottom .checkbox {
margin: 0;
padding: 0;
}
.login_bottom .button {
background: url(../images/button.jpg) no-repeat;
border: none;
cursor: pointer;
height: 22px;
text-align: center;
vertical-align: bottom;
white-space: pre;
width: 55px;
color: #fff;
margin: 0 0 0 20px;
padding: 0;
}
/* Section 2*/
.section_2_top {
height: 60px;
width: 237px;
font-family: Tahoma;
font-weight: bold;
font-size: 12px;
color: #276b45;
background: url(../images/section_2_top_bg.png) no-repeat;
margin: 0;
padding: 0;
}
.section_2_mid {
width: 237px;
background: url(../images/section_1_mid_bg.png) repeat-y;
text-align: left;
/* margin: -5px 0; DJZ - fixes formatting for ie vs firefox/chrome
padding: 5px 0;*/
}
.section_2_bottom {
width: 237px;
height: 30px;
background: url(../images/section_1_bottom_bg.png) no-repeat;
}
.section_2_mid ul {
list-style: disc;
margin: 0 20px;
padding: 0 0 0 20px;
}
.section_2_mid li {
/* border-bottom: 1px solid #fff; */
margin: 0;
padding: 5px;
}
.section_2_mid li a {
color: #333333;
text-decoration: none;
}
.section_2_mid li a:hover {
color: #000;
text-decoration: underline;
}
/* Section dz*/
.section_dz_top {
height: 60px;
width: 237px;
font-family: Tahoma;
font-weight: bold;
font-size: 12px;
color: #276b45;
background: url(../images/section_dz_top_bg.png) no-repeat;
margin: 0;
padding: 0;
}
.section_dz_mid {
width: 237px;
background: url(../images/section_1_mid_bg.png) repeat-y;
text-align: left;
margin: 0;
padding: 0;
}
.section_dz_bottom {
width: 237px;
height: 30px;
background: url(../images/section_1_bottom_bg.png) no-repeat;
}
.section_dz_mid ul {
list-style: disc;
margin: 0 20px;
padding: 0 0 0 20px;
}
.section_dz_mid li {
/* border-bottom: 1px solid #333333; */
margin: 0;
padding: 5px;
}
.section_dz_mid li a {
color: #333333;
text-decoration: none;
}
.section_dz_mid li a:hover {
color: #000;
text-decoration: underline;
}
/* End Of Secion dz */
#bottom_panel {
width: 100%;
margin: 0;
padding: 15px 0 0 0;
}
.section_3 {
float: left;
width: 224px;
margin: 0 0 0 15px;
padding: 0;
}
.section_3_top {
width: 224px;
height: 32px;
background: url(../images/section_3_top_bg.png) no-repeat center #FFF;
font-family: Tahoma;
font-size: 11px;
text-align: left;
color: #000;
font-weight: bold;
margin: 0;
padding: 0;
}
.section_3_bottom {
width: 224px;
margin: 10px 0 0 0;
padding: 0;
}
.section_3_bottom ul {
list-style: none;
text-align: left;
margin:0;
padding: 0;
}
.section_3_bottom li {
width: 188px;
height: 26px;
background: url(../images/bottom_list.jpg) no-repeat;
margin: 0;
padding: 8px 0 0 36px;
}
.section_3_bottom li a {
color: #333333;
text-decoration: none;
}
.section_3_bottom li a:hover {
color: #000;
text-decoration: underline;
}
.section_4 {
float: left;
width: 422px;
margin: 0;
padding: 0;
}
* html .section_4 {
margin: 0;
}
.section_4_top {
width: 422px;
height: 32px;
background:url(../images/section_4_top_bg.png) no-repeat center #FFF;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #000;
margin: 0;
padding: 0;
}
.section_4_bottom {
width: 422px;
margin: 0;
padding: 0;
}
.section_4_bottom h1 {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #AAFFFF;
margin: 10px 0 2px 0;
padding: 0;
}
.section_4_bottom p {
font-family: Tahoma;
font-size: 11px;
color: #333333;
text-align: justify;
margin: 0 0 10px 0;
padding: 0;
}
.section_4_bottom .bottom_line {
clear: both;
height: 0px;
border-bottom: 1px solid #64967d;
}
.section_5 {
float: right;
width: 224px;
margin: 0 15px 0 0;
padding: 0;
}
* html .section_5 {
margin: 0;
}
.section_5_top {
width: 224px;
height: 32px;
background:url(../images/section_5_top_bg.png) no-repeat center #FFF;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #000;
margin: 0;
padding: 0;
}
.section_5_bottom {
width: 224px;
margin: 10 0 0;
padding: 0;
}
.section_5_bottom h1 {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #AAFFFF;
margin: 10px 0 2px 0;
padding: 0;
}
.section_5_bottom p {
font-family: Tahoma;
font-size: 11px;
color: #fff;
text-align: justify;
margin: 0 0 10px 0;
padding: 0;
}
.section_5_bottom .bottom_line {
clear: both;
height: 0px;
border-bottom: 1px solid #64967d;
}
#footer {
font-family: Arial;
font-size: 12px;
color: #fff;
background: #232524;
margin: 0;
padding: 5px 0;
text-align: center;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
.cleaner_with_height {
clear: both;
height: 1px;
}
/* Shop Buttons April 28 2010 Stephen Outram*/
/* USA */
#buyNowUSA {
display: block;
width: 225px;
height: 50px;
background: url(../images/btn-buy-now-usa.jpg) no-repeat 0 0;
}
#buyNowUSA:hover{
background-position: 0 -50px;
}
#buyNowUSA span{
display: none;
}
#addToCartUSA {
display: block;
width: 174px;
height: 45px;
background: url(../images/btn-add-to-cart-us.png) no-repeat 0 0;
}
#addToCartUSA:hover{
display: block;
width: 174px;
height: 45px;
background: url(../images/btn-add-to-cart-us-hover.png) no-repeat 0 0;
}
/*
#addToCartUSA span{
display: none;
}
*/
#addToCartUSAFacilitator {
display: block;
width: 225px;
height: 50px;
background: url(../images/btn-add-to-cart-usa-fac.jpg) no-repeat 0 0;
}
#addToCartUSAFacilitator:hover{
background-position: 0 -50px;
}
#addToCartUSAFacilitator span{
display: none;
}
/* Shop Buttons April 28 2010 Stephen Outram*/
/* Australia */
#buyNowOz {
display: block;
width: 225px;
height: 50px;
background: url(../images/btn-buy-now-au.jpg) no-repeat 0 0;
}
#buyNowOz:hover{
background-position: 0 -50px;
}
#buyNowOz span{
display: none;
}
#addToCartOz {
display: block;
width: 174px;
height: 45px;
background: url(../images/btn-add-to-cart-au.png) no-repeat 0 0;
}
#addToCartOz:hover{
display: block;
width: 174px;
height: 45px;
background: url(../images/btn-add-to-cart-au-hover.png) no-repeat 0 0;
}
/*
#addToCartOz span{
display: none;
}
*/
#addToCartOzFacilitator {
display: block;
width: 225px;
height: 50px;
background: url(../images/btn-add-to-cart-au-fac.jpg) no-repeat 0 0;
}
#addToCartOzFacilitator:hover{
background-position: 0 -50px;
}
#addToCartOzFacilitator span{
display: none;
}
/* Transparent Background Classes */
.transparentWhite15 {
background: url(../images/bg-white-transparent-15.png);
}
.transparentWhite25 {
background: url(../images/bg-white-transparent-25.png);
}
.transparentWhite50 {
background: url(../images/bg-white-transparent-50.png);
}
.transparentRed25 {
background: url(../images/bg-red-transparent-25.png);
}
.whitebox{
width:100%;
/* height:100px; */
border: thin solid #FFF;
margin-bottom:10px;
/* margin-left:150px;
margin-right:150px;
text-align:center /* Hack for IE to center box*/
padding:10px;
background-image:url(../images/bg-white-transparent-15.png);
}
/* new DZ java header 8/11/10 */
#slideshow {
position:relative;
height:216px;
}
#slideshow DIV {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height: 216px;
/* background-color: #FFF; */
}
#slideshow DIV.active {
z-index:10;
opacity:1.0;
}
#slideshow DIV.last-active {
z-index:9;
}
#slideshow DIV IMG {
height: 216px;
display: block;
border: 0;
margin-bottom: 10px;
}