/* General structural style declarations  */

body, html, div, td {
    font-family: Arial, Helvetica, Tahoma, Sans-serif;
	font-size: 12px;
	color: #363636;
	line-height: 15px;
}

body {
    font-family: Arial, Helvetica, Tahoma, Sans-serif;
	font-size: 12px;
	color: #363636;
    text-align: left;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/common/main-bg.png);
    background-position: center top;
    background-repeat: repeat-x;
    overflow: auto;
    background-color: #002b5f;
    line-height: 15px;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

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

/*
.pageSection * {
    overflow: visible;
} */

#page * div, #page div, #page form {
    float: left;
}

#page {
    width:955px;
    margin:auto;
}

#header {
    width:955px;
    height:88px;
}

#homeContent {
    background-color:white;
    width:955px;
    min-height:400px;
    height:400px;
    height:auto !important;
}

#brandsHome {
    background-color:white;
    width:955px;
}

#content {
    background-image:url(../images/common/content-bg.jpg);
    width:955px;
    min-height:600px;
    height:auto !important;
    height:600px;
}

#historyFlash {
    width:699px;
    height:472px;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.logo {
    width:115px;
    height:88px;
    float:left;
}

#primaryNavigation {
    margin-top:46px;
    margin-left:auto;
    margin-right:auto;
    width:840px;
    background-color:#0eb1ef;
    text-align:center;
}

.primaryNav {
    background-color:#0eb1ef;
    height:42px;
    padding-bottom:0px;
    list-style:none;
    display:inline;
    padding-left:0px;
}

.primaryNav li {
    display:inline;
    padding-left:13px;
    padding-right:13px;
}

.primaryNav li a {
    color:white;
    font-size:14px;
    font-weight:bold;
    line-height:42px;
    font-family:helvetica, arial, sans-serif;
}

.primaryNav li a:hover {
    color:#002b5f;
    text-decoration:none;
}

.primaryNav li.selected a {
    color:#002b5f;
    text-decoration:none;
}

.secondaryNav {
    list-style:none;
    padding-bottom:0px;
    padding-left:25px;
    padding-top:20px;
    padding-right:20px;
}

.secondaryNav li {
    margin-bottom:10px;
}

.secondaryNav li a {
    color:#002b5f;
    font-size:12px;
}

.secondaryNav li a:hover {
    text-decoration:none;
    font-weight:bold;
}

.secondaryNav li a.selected {
    text-decoration:none;
    font-weight:bold;
}

.secondaryChildNav {
    list-style:none;
    padding-bottom:0px;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
}

.secondaryChildNav li a {
    font-weight:normal;
}

.secondaryChildNav li a:hover {
    font-weight:bold;
}

#tabNavigation {
    height:31px;
    width:600px;
    position:relative;
    top:-31px;
    overflow:hidden;
}

.secondaryTabNav {
    list-style:none;
}

.secondaryTabNav li {
    float:left;
    display:block;
    width:148px;
    height:31px;
    margin-right:2px;
}

.secondaryTabNav li a {
    background-image:url(../images/buttons/advice-tab-r.png);
    width:148px;
    height:31px;
    display:block;
    color:#363636;
    font-weight:bold;
    line-height:31px;
    text-align:center;
}

.secondaryTabNav li a:hover {
    background-image:url(../images/buttons/advice-tab.png);
}

.secondaryTabNav li.selected a {
    background-image:url(../images/buttons/advice-tab.png);
}

#heading {
    width:955px;
    height:auto;
    display:block;
}

#leftColumn {
    width:235px;
}

#rightColumn {
    width:680px;
    padding:20px 20px 40px 20px;
}

#rightColumnHistory {
    width:720px;
    padding:0px;
}

#rightColumnPersonalWash {
    width:680px;
    padding:20px 20px 40px 20px;
    background-image:url(../images/common/personal-bg.jpg);
    background-repeat:no-repeat;
    display:block;
    min-height:200px;
}

#rightColumnFireNeeds {
    width:680px;
    padding:20px 20px 40px 20px;
    background-image:url(../images/common/fireneeds-bg.jpg);
    background-repeat:no-repeat;
    display:block;
    min-height:200px;
}

#rightColumnOralCare {
    width:680px;
    padding:20px 20px 40px 20px;
    background-image:url(../images/common/oralcare-bg.jpg);
    background-repeat:no-repeat;
    display:block;
    min-height:200px;
}

#rightColumnDishwashing {
    width:680px;
    padding:20px 20px 40px 20px;
    background-image:url(../images/common/dishwashing-bg.jpg);
    background-repeat:no-repeat;
    display:block;
    min-height:200px;
}

#rightColumnLaundry {
    width:680px;
    padding:20px 20px 40px 20px;
    background-image:url(../images/common/laundry-bg.jpg);
    background-repeat:no-repeat;
    display:block;
    min-height:200px;
}

#rightColumnHomeCare {
    width:680px;
    padding:20px 20px 40px 20px;
    background-image:url(../images/common/homecare-bg.jpg);
    background-repeat:no-repeat;
    display:block;
    min-height:200px;
}

#leftColumnTwo {
    width:680px;
    display:block;
    min-height:100px;
    padding:20px;
}

#rightColumnTwo {
    width:235px;
    display:block;
    min-height:100px;
    padding-top:20px;
}

#footer {
    padding-top:10px;
    width:955px;
}

.footerLogos {
    padding-left:10px;
}

.expertModule {
    float:left;
    width:200px;
    height:210px;
    margin-left:0px;
    margin-right:0px;
    padding:15px;
}

.textLeft {
    float:left;
    width:420px;
    padding-right:10px;
}

.imageRight {
    float:right;
    width:250px;
}

.adviceLeft {
    float:left;
    width:540px;
    padding-right:10px;
}

.adviceRight {
    float:left;
    width:150px;
}

.homeModules {
    padding-top:10px;
}

.homeModule {
    float:left;
    width:200px;
    height:194px;
    margin-left:7px;
    margin-right:0px;
    padding:15px;
}

.homeModule h1 {
    font-size:18px;
    color: #002b5f;
    line-height:20px;
    font-weight:200;
}

.homeModuleMoreLink {
    padding-top:10px;
}

.pressReleaseModule {
    width:230px;
}

.pressReleaseTop {
    width:230px;
    height:128px;
    background-image:url(../images/common/press-release-top.jpg);
    margin-top:10px;
}

.pressReleaseBody {
    width:230px;
    background-image:url(../images/common/press-release-bg.jpg);
    background-repeat:repeat-y;
    padding:0px;
}

.pressReleaseBottom {
    width:230px;
    height:25px;
    background-image:url(../images/common/press-release-btm.jpg);
    margin-bottom:20px;
}

#newsContainer {
    padding:20px 10px;
    width:650px;
}

.newsItems {
    list-style:none;
    padding:0px;
}

.newsLeftCol {
    width:455px;
    float:left;
    padding-right:20px;
}

.newsRightCol {
    width:175px;
    float:left;
}

.adviceContainer {
    padding:10px;
    position:relative;
    top:-21px;
    width:650px;
}

.adviceContainer p {
    padding:0px;
}

.adviceContainer p.question {
    color:#002b5f;
    padding-bottom:5px;
}

.adviceContainer p.answer {
    color:#363636;
    padding-bottom:5px;
}

.pressItems {
    list-style:none;
    padding:0px;
}

.pressBody {
    padding:5px 15px 5px 15px;
}

.pressBody p {
    padding-bottom:0px;
}

.productTop {
    float:left;
    background-image:url(../images/common/product-top-bg.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    padding-bottom:20px;
}

.productLeft {
    float:left;
    width:435px;
    padding-right:10px;
}

.productImage {
    float:left;
    width:165px;
    min-height:50px;
}

.productText {
    float:left;
    width:250px;
    padding-left:10px;
}

.productRight {
    float:left;
    width:235px;
    padding-top:135px;
}

.productCollection {
    float:left;
}

.productThumbnailWrapper {
    width:166px;
    float:left;
    padding-left:3px;
    margin-top:10px;
    min-height:170px;
    height:170px;
    height:auto !important;
}

.productThumbnailImage {
    width:166px;
    height:123px;
    display:block;
    float:left;
    text-align:center;
    margin-bottom:5px;
    padding-top:5px;
}

.productThumbnailText {
    width:156px;
    height:75px;
    display:block;
    float:left;
    padding-right:10px;
}

.didyouknowWrapper {
    width:200px;
    height:200px;
    display:block;
    background-image:url(../images/pictures/didyouknow-new.jpg);
}

.didyouknowImage {
    width:230px;
    height:125px;
    display:block;
}

.didyouknowBody {
    width:155px;
    height:110px;
    display:block;
/*    background-image:url(../images/pictures/didyouknow-bg.png);
    background-repeat:repeat-y;*/
    padding:60px 15px 20px 20px;
}

.didyouknowBottom {
    width:230px;
    height:19px;
    display:block;
    background-image:url(../images/pictures/didyouknow-btm.png);
    background-repeat:no-repeat;
}

.formWrapper label {
    width:120px;
    display:block;
    float:left;
}

.formWrapper input {
    display:block;
    float:left;
    margin-bottom:5px;
    width:400px;
}

.formWrapper textarea {
    display:block;
    float:left;
    width:400px;
    height:200px;
    font-family: Arial, Helvetica, Tahoma, Sans-serif;
	font-size: 12px;
}

.resources {
    padding:0px;
    margin:0px;
    list-style:none;
    float:left;
}

.resources li {
    float:left;
}

.resources li a {
    color:#ffffff;
    font-size:10px;
    text-transform:uppercase;
    text-decoration:none;
}

.resources li a:hover {
    text-decoration:underline;
}

h1 {
    font-size: 28px;
    line-height: 32px;
    color: #002b5f;
    font-weight:lighter;
    font-family:helvetica, arial, sans-serif;
}

h2 {
    font-size: 16px;
    line-height: 22px;
    color: #002a5c;
    font-weight: normal;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    color: #002b5f;
    line-height: 15px;
}

h4 {
    font-size: 18px;
    font-weight: bold;
    color:#363636;
    line-height: 24px;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

ul, ol {
    padding-left: 15px;
}

p, ul, ol {
    padding-bottom: 15px;
    line-height: 15px;
}

a, a:link {
    color: #002b5f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}