/* General structural style declarations  */

body {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 11px;
	color: #555555;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #dcf1ff;
    line-height: 16px;
    font-size: 13px;
    background-image:url(../images/common/body-bg.jpg);
    background-repeat:repeat-x;
    background-position:top left;
}
                      
/* The Following two declarations are to create more predictable behaviour cross browser */

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


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

#page {
    width: 980px;
    overflow: hidden;
    /*padding-left: 27px;*/
    margin: 0px auto;
    text-align: left;
}

h1 {
    font-size: 32px;
    line-height: 32px;
    color: #00224a;
    font-weight: bold;
    letter-spacing: -2px;
    padding-bottom: 17px;
}

.tanTheme h1 { 
    color: #581b08;
}

h2 {
    font-size: 25px;
    line-height: 26px;
    color: #00224a;
    font-weight: bold;
    padding-bottom: 11px;
}

h3 {
    font-size: 17px;
    font-weight: normal;
    line-height: 20px;
    padding-bottom: 17px;
    color: #58aede;
    font-weight:bold;
}

h4 {
    font-size: 17px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: -.5px;
    padding-bottom: 17px;
    color: #555555;
}

h5 {
    line-height: 17px;
    font-size: 20px;
    font-weight: bold;
    color: #1899e2;
    padding-bottom: 19px;
}

.tanTheme h5 {
    color: #bc681b;
}

.alternate h5 {
    font-size: 21px;
}

h6 {
    line-height: 4px;
    font-size: 11px;
    font-weight: normal;
    color: #00224a;
    text-transform: uppercase;
    padding-bottom: 11px;
}

.strongBlue {
    font-size: 17px;
    font-weight: bold;
    color: #00224a;
}

.strongTan {
    font-size: 17px;
    font-weight: bold;
    color: #581b08;
}

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

p, ul {
    padding-bottom: 10px;
    line-height: 16px;
}

ol li {
    padding-bottom: 10px;
    line-height: 16px;
/*
    padding: 5px 10px 4px 7px;
    background-image: url(../images/icons/ol-bg.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
*/
}

a, a:visited, a:link {
    color: #00224a;
    text-decoration: none;
    outline:none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}

/* Large Red Button */

a.largeRedBtn span.leftSide {
    background-image:url(../images/buttons/large-red-btn-left.png);
    height:34px;
    width:20px;
    display:block;
    float:left;
}

a.largeRedBtn:hover {
    text-decoration:none;
}

a.largeRedBtn span.buttonText {
    background-image:url(../images/buttons/large-red-btn-bg.png);
    background-repeat:repeat-x;
    color:#ffffff;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    font-weight:bold;
    font-size:17px;
    line-height:34px;
    font-weight:bold;
    font-style:italic;
    float:left;
    cursor:pointer;
}

a.largeRedBtn span.rightSide {
    background-image:url(../images/buttons/large-red-btn-right.png);
    height:34px;
    width:20px;
    display:block;
    float:left;
}

/* End Large Red Button */

/* Blue Btn Start */

a.standardBtnBlue:hover {
    text-decoration:none;
}

a.standardBtnBlue span.leftSideBlue {
    background-image:url(../images/buttons/standard-btn-left-blue.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
}

a.standardBtnBlue span.buttonTextBlue {
    background-color:#4f9cc7;
    color:#ffffff;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    font-weight:bold;
    text-shadow: #1d6d99 2px -1px 1px ;
    padding:4px 2px 5px;
    float:left;
    cursor:pointer;
}

a.standardBtnBlue span.rightSideBlue {
    background-image:url(../images/buttons/standard-btn-right-blue.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
}
/* Blue Btn End */

/* Yellow Btn Start */
a.standardBtnYellow span.leftSideYellow {
    background-image:url(../images/buttons/standard-btn-left-yellow.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
}

a.standardBtnYellow span.buttonTextYellow {
    background-color:#feb722;
    color:#ffffff;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    font-weight:bold;
    text-shadow: #eb9f00 2px -1px 1px;
    padding:4px 2px 5px;
    float:left;
    cursor:pointer;
}

a.standardBtnYellow span.rightSideYellow {
    background-image:url(../images/buttons/standard-btn-right-yellow.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
}
/* Yellow Btn End */

/* Red Btn Start */
a.standardBtnRed span.leftSideRed {
    background-image:url(../images/buttons/standard-btn-left-red.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
}

a.standardBtnRed span.buttonTextRed {
    background-color:#cd2543;
    color:#ffffff;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    font-weight:bold;
    text-shadow: #9f172f 2px -1px 1px;
    padding:4px 2px 5px;
    float:left;
    cursor:pointer;
}

a.standardBtnRed span.rightSideRed {
    background-image:url(../images/buttons/standard-btn-right-red.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
}
/* Red Btn End */

/* Purple Btn Start */
a.standardBtnPurple span.leftSidePurple {
    background-image:url(../images/buttons/standard-btn-left-purple.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
}

a.standardBtnPurple span.buttonTextPurple {
    background-color:#8e16cc;
    color:#ffffff;
    font-family:arial, helvetica, sans-serif;
    font-style:italic;
    font-weight:bold;
    text-shadow: #41085F 2px -1px 1px;
    padding:4px 2px 5px;
    float:left;
    cursor:pointer;
}   

a.standardBtnPurple span.rightSidePurple {
    background-image:url(../images/buttons/standard-btn-right-purple.png);
    height:25px;
    width:12px;
    display:block;
    float:left;
} 
/* Purple Btn End */
    
sub {
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 22px;
}

hr {
    padding: 0px;
    margin-bottom: 22px;
    border: none;
    border-top: solid 1px #DFDFDF;
    display: block;
    clear: both;
}

/* Header */

.pageHeader {
    width: 980px;
    overflow: hidden;
    height: 117px;
    clear: both;
    background-image: url(../images/common/header-bg-2010.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    /*border-bottom:1px solid #125fa2;*/
    position:relative;
}

.headerLogo {
    width: 126px;
    height: 106px;
    float: left;
    padding-top: 11px;
    /*background-image: url(../images/common/nav-left.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;*/
}

.headerLogo a {
    float: right; 
}

.headerLogo a img {
    float: left;
}

.headerPromo {
    height: 70px;
    width: 300px;
    overflow: hidden;
    text-align:right;
    padding:10px 15px 0px 0px;
    position:absolute;
    top:0px;
    right:0px;
}

.headerPromo a.subscribeWin {
    float: right;
    width: 72px;
    height: 39px;
    padding-right: 26px;
    padding-top: 19px;
    padding: 19px 26px;
}

.primaryNavigation {
    float:left;
    padding-left:30px;
    position:relative;
    top:80px;
}

.primaryNavigation ul,
.primaryNavigation ul li {
    height: 36px;
    list-style-type: none;
    padding: 0px;
}

.primaryNavigation ul {
    float: right;
    height: 36px;
    border-left: solid 1px #469dd6;
}

.primaryNavigation ul li {
    float: left;
    height: 36px;
    border-left: solid 1px #77bee5;
    border-right: solid 1px #469dd6;
}

.primaryNavigation ul li.selected {
    background-image: url(../images/common/nav-item-sel.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    border-right:0px;
    border-left: none;
    padding-left: 1px;
}

.primaryNavigation ul li a {
    float: left;
    line-height: 13px;
    font-size: 13px;
    padding: 12px 5px;
    color: #ffffff;
    font-weight: bold;
}

.primaryNavigation ul li.selected a,
.primaryNavigation ul li a:visited {
    color:#ffffff;
}

/* Footer */

.pageFooter {
    width: 980px;
    color: #6e787f;
    padding: 10px 0px;
    clear: both;
    float: left;
    font-size: 11px;
}

.pageFooter a {
    color: #6e787f;
    padding: 1px;
}

.pageFooter a.flintLink {
    background-image: url(../images/icons/fi-dot.gif);
    background-position: right 0px;
    background-repeat: no-repeat;
    padding-right: 19px;
}

.pageFooter a.twitterLink {
    position:relative;
    top:7px;
}

.pageFooter a.facebookLink {
    position:relative;
    top:7px;
}

/* Content  */

.flashBanner,
.pageContent {
    width: 980px;
    clear: both;
    float: left;
}

.flashBanner {
    
}

/* Tabs */

.tabs {
    float: left;
    clear: both;
    position: relative;
    left: -10px;
    width: 1000px;
}

.column {
    width: 250px;
    float: left;
}

.imageTab {
    float: left;
    width: 230px;
    padding: 10px;
}

.imageTab img {
    float: left;
}

.imageTab:hover {
    text-decoration: none;
}

.contentTab {
    width: 190px;
    height: 289px;
    overflow: hidden;
    padding: 20px 30px;
    background-image: url(../images/common/module-bg.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position:relative;
}

.contentTabContent {
    height: 244px;
    padding-top: 7px;
    font-size: 11px;
    line-height: 12px;
    color: #737578;
}

.contentTabContent h2 {
    letter-spacing: -1px;
    font-family: "felt-tip-roman-1","felt-tip-roman-2";
    font-size:28px;
    color:#00457c;
    visibility:hidden;
}

.contentTabContent p {
    font-size: 12px;
    font-size: 11px;
    line-height: 12px;
    color: #737578;
}

.contentTabImage {
    width: 190px; 
    padding-bottom:10px;   
}

.contentTab .learnMore a {
    float: left;
    position:relative;
    z-index:10;
}

.contentTab .learnMore a:hover {
    text-decoration:none;
}

/* Subscribe Form */

.subscribeTab {
    width: 210px;
    padding: 20px; 
}

.subscribeTab .contentTabContent {
    height: 239px;
    font-size: 13px;
    line-height: 14px;
}

.subscribeTab .contentTabContent p {
    font-size: 13px;
    line-height: 14px;
}

.subscribeTab .contentTabContent h6 {
    padding-bottom: 0px;
}

.subscribeTab .subscribeWrapper {
    width: 190px;
    padding: 5px 10px 0px;
    background-image: url(../images/common/subscribe-bg.gif);
    background-position: 0px 105px;
    background-repeat: no-repeat;
}

.subscribeForm,
.subscribeForm form {
    float: left;
    clear: both;
}

.subscribeForm {
    padding-top: 22px;
}

.subscribeForm ul,
.subscribeForm ul li {
    list-style-type: none;
    padding: 0px;
    float: left;
    clear: both;
}    

.subscribeForm ul li label {
    float: left;
    clear: both;
    line-height: 26px;
    width: 190px;
}

.subscribeForm ul li input {
    width: 176px;
    padding: 6px;
    float: left;
    clear: both;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #bebebe;
}

#subscribeSubmit {
    display: none;
}

/* Standard Content Page */

.pageBanner {
    float: left;
    clear: both;
    width: 980px;
    height: 130px;
    overflow: hidden;
}

.pageBanner h1 {
    color: #FFFFFF;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Sans-serif ;
    font-size: 61px;
    line-height: 60px;
    letter-spacing: -3px;
    padding-top: 47px;
    padding-left: 35px;
}

/* Content Section - With Subnav */

.contentWrapper {
    float: left;
    width: 987px;
    clear: both;
    position: relative;
    left: -7px;
    background-image: url(../images/common/content-bg.gif);
    background-position: right 0px;
    background-repeat: repeat-y;
}

.contentMain {
    float: left;
    width: 900px;
    padding: 40px 40px 50px 47px;
    clear: both;
    background-image: url(../images/common/content-bottom.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.subNavPage {
    background-image: url(../images/common/content-subnav-bg.gif);
}

.subNavPage .contentMain {
    background-image: url(../images/common/content-subnav-bottom.gif);
}

.fullWidth {
    width: 900px;
    float: left;
    clear: both;
}

.leftColumn {
    width: 435px;
    float: left;
}

.rightColumn {
    width: 440px;
    float: right;
}

.subNavPage .contentMain {
    width: 940px;
    padding: 20px 40px 50px 7px;
}

.subNavPage .navColumn {
    width: 190px;
    padding: 0px 20px;
    float: left;
}

.subNavPage .contentColumn {
    float: right;
    width: 670px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.subNavPage .fullWidth {
    width: 670px;
    float: left;
    clear: both;
}

.subNavPage .leftColumn {
    width: 210px;
    float: left;
}

.rightColumn {
    width: 440px;
    float: right;
}

.alternate .subNavPage .leftColumn {
    width: 460px;
    float: left;
}

.alternate .rightColumn {
    width: 190px;
    float: right;
}

/* Subnav */

.secondaryNavigation {
    width: 190px;
    float: left;
    clear: both;
    padding-bottom: 25px;
}

.secondaryNavigation ul,
.secondaryNavigation ul li {
    width: 170px;
    float: left;
    clear: both;
    list-style-type: none;
    padding: 0px;
}

.secondaryNavigation ul li {
    color: #FFFFFF;    
}

.secondaryNavigation ul li a {
    float: left;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    width: 170px;
}

.secondaryNavigation ul li a:hover {
    text-decoration: none;
}

.secNavBottom,
.secNavTop {
    height: 10px;
    width: 190px;
    overflow: hidden;
    float: left;
    clear: both;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.secNavWrapper {
    width: 170px;
    float: left;
    clear: both;
    padding: 0px 10px;
}

.subNavItemTitle,
.subNavItemTop {
    width: 170px;
    float: left;
    clear: both;
}

.subNavItemBottom,
.subNavItemTop {
    height: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.subNavItemTitle {
    color: #FFFFFF;
    width:146px;
    padding: 3px 12px 3px 12px ;
    float: left;
    clear: both;
    cursor:pointer;
}

.subNavItemBottom {
    width: 160px;
    float: left;
    clear: both;
    margin: 0px 5px;
}

/* Blue Nav */

.blueTheme .secNavWrapper,
.sunscreens .secNavWrapper {
    background-color: #58aede;
}

.blueTheme .subNavItemBottom,
.sunscreens .subNavItemBottom {
    border-bottom: solid 1px #8ac6e8;
}

.blueTheme .secNavTop,
.sunscreens .secNavTop {
    background-image: url(../images/common/sub-b-bg-top.gif);
}

.blueTheme .secNavBottom,
.sunscreens .secNavBottom {
    background-image: url(../images/common/sub-b-bg-bottom.gif);
}

.blueTheme .selected .subNavItemTop,
.sunscreens .selected .subNavItemTop {
    background-image: url(../images/common/sub-b-sel-bg-top.gif);
    border:none;
}

.blueTheme .selected .subNavItemBottom,
.sunscreens .selected .subNavItemBottom {
    background-image: url(../images/common/sub-b-sel-bg-bottom.gif);
    width: 170px;
    margin: 0px;
    border:none;
}

.blueTheme .last .subNavItemBottom,
.sunscreens .last .subNavItemBottom {
}

.blueTheme .selected .subNavItemTitle,
.sunscreens .selected .subNavItemTitle {
    background-color: #FFFFFF;
    color: #00224a;
    border:none;
}

.subNavChildrenWrapper {
    float: left;
    clear: both;
    background-color: #FFFFFF;
    padding: 0px 12px;
    width: 146px;
}

.secondaryNavigation .subNavChildrenWrapper ul,
.secondaryNavigation .subNavChildrenWrapper ul li{
    width: 146px;
}

.secondaryNavigation .subNavChildrenWrapper ul li {
    border-top: 1px solid #ccd3db;
}

.secondaryNavigation .subNavChildrenWrapper ul  {
    padding: 5px 0px;
}

.secondaryNavigation .subNavChildrenWrapper ul li a,
.secondaryNavigation .subNavChildrenWrapper ul li a:visited {
    padding: 3px 5px 3px 15px;
    width: 130px;
    font-weight: normal;
    font-size: 12px;
}

.secondaryNavigation .subNavChildrenWrapper ul li.selected a,
.secondaryNavigation .subNavChildrenWrapper ul li.selected a:visited{
    font-weight: bold;
    font-size: 12px;
}

.secondaryNavigation .subNavChildrenWrapper ul li a:hover {
    text-decoration: underline;
}

/* Tan Nav */


.tanTheme .secNavWrapper,
.fast-tan .secNavWrapper {
    background-color: #bc681b;
}

.tanTheme .subNavItemBottom,
.fast-tan .subNavItemBottom {
    border-bottom: solid 1px #d09660;
}

.tanTheme .secNavTop,
.fast-tan .secNavTop {
    background-image: url(../images/common/sub-o-bg-top.gif);
}

.tanTheme .secNavBottom,
.fast-tan .secNavBottom {
    background-image: url(../images/common/sub-o-bg-bottom.gif);
}

.tanTheme .selected .subNavItemTop,
.fast-tan .selected .subNavItemTop {
    background-image: url(../images/common/sub-o-sel-bg-top.gif);
}

.tanTheme .selected .subNavItemBottom,
.fast-tan .selected .subNavItemBottom {
    background-image: url(../images/common/sub-o-sel-bg-bottom.gif);
    width: 170px;
    margin: 0px;
    border-bottom: solid 1px #bc681b;
}

.tanTheme .last .subNavItemBottom,
.fast-tan .last .subNavItemBottom {
}

.tanTheme .selected .subNavItemTitle,
.fast-tan .selected .subNavItemTitle {
    background-color: #FFFFFF;
    color: #581b08;
}

/* Product Listing */

.productSet {
    width: 670px;
    overflow: visible;
    float: left;
    clear: both;
    /*padding-top: 30px;
    background-image: url(../images/common/products-avail.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;*/
}

.productSet ul {
    width: 730px;
    list-style-type: none;
    float: left;
    clear: both;
    padding: 0px;
    position: relative;
    left: -25px;
}

.productSet ul li {
    float: left;
    width: 700px;
    height: 352px;
    padding: 0px 0px 17px 0px;
    text-align: center;
}

.productSet ul li .productImage,
.productSet ul li .productImage {
    height: 300px;
    text-align: center;
    width: 285px;
    margin: 0px auto;
    padding-bottom: 5px;
    float:left;
}

.spfLeTan {
    color: #8a8a8a;
    font-size: 13px;
}

.productSet ul li .productSPF {
    background-image:url(../images/common/spf-line.gif);
    background-position:0 15px;
    background-repeat:repeat-x;
    float:left;
    margin:15px auto 0;
    padding-top:5px;
    text-align:center;
    width:285px;
}

.productSet ul li .productSPF span {
    line-height: 19px;
}

.noRating {
    position: relative;
    top: 5px;
}

.spfWrapper {
    padding: 0px 5px;
    background-color: #FFFFFF;
}

.spfRating {
    letter-spacing: 0px;
}

.spfRating .spf {
    font-size: 13px;
    color: #e26b00;
}


.spfRating .rating {
    font-weight: bold;
    font-size: 24px;
    color: #ff7f00;
    font-style: italic;
    position: relative;
    top: 3px;
    right: 2px;
}

.spfRating .plus {
    font-weight: bold;
    font-size: 26px;
    color: #ff7f00;
    position: relative;
    top: 6px;
}

.fbShareLink {
    float:left;
    display: none;
    margin-top:10px;
    padding-bottom:50px;
    padding-right:15px;
    padding-top:3px;
}

.productSet ul li .productTitle {
    color:#3C3C3C;
    float:left;
    font-size:19px;
    font-weight:bold;
    line-height:19px;
    padding-bottom:20px;
    padding-left:10px;
    padding-top:6px;
    text-align:left;
    width:400px;
}

.productSet ul li.singleProduct,
.productSet ul li.doubleProduct {
    width: 292px;
    padding: 0px 17px 17px 17px;
    height: 400px;
}

.productSet ul li.singleProduct .productImage,
.productSet ul li.doubleProduct .productImage {
    height: 320px;
    width: 285px;
    text-align:center;
}

.productSet ul li.singleProduct .productSPF,
.productSet ul li.doubleProduct .productSPF {
    width: 292px;
    float:left;
}

.productAvailable {
    float:left;
    padding-left:10px;
    padding-top:15px;
}

.productBodyText {
    float:left;
    padding-left:10px;
    text-align:left;
    width:400px;
}

.singleProduct .productAvailable span.productAvailableDescription,
.doubleProduct .productAvailable span.productAvailableDescription {
    font-size: 12px;
}

.productAvailable span {
    line-height: 20px;
    padding: 10px 2px;
}

.productAvailable span.productAvailableDescription {
    color: #555555;
    font-size: 11px;
    padding: 10px 0px;
    position: relative;
    bottom: 7px;
}

/* Profile */

.profileWrapper {
    float: left;
    width: 440px;
}

.profileDetails span {
    display: block;
    font-size: 13px;
    line-height: 16px;
}

.profileDetails th,
.profileDetails td {
    border-top: solid 1px #E5E5E5;
}

.profileDetails th span {
    line-height: 25px;
    font-size: 13px;
    font-weight: bold;
}

.blueTheme .profileDetails th span {
    color: #00224a;
}

.tanTheme .profileDetails th span { 
    color: #581b08;
}

.blueTheme .profileTitle h1 {
    color: #1899e2;
    line-height: 24px;
}

.tanTheme .profileTitle h1 { 
    color: #581b08;
    line-height: 24px;
}

.profileDetails td span {
    padding: 4px 0px;
}

.profileDetails td span h5 {
    color:#00224A;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    padding-bottom:6px;
}

.profileDetails td span h5 strong {
    color:#1899E2;
}

/* Tab Navigation */

.bannerWrapper {
    overflow: hidden;
    height: 130px;
}

.bannerWrapper,
.tabNavigation {
    float: left;
    width: 980px;
    clear: both;
}

.tabNavigation ul {
    float: right;
    clear: both;
    position: relative;
    bottom: 40px;
    padding: 0px 35px 0px 0px;
}

.tabNavigation ul,
.tabNavigation ul li {
    list-style-type: none;
}

.tabNavigation ul li {
    float: left;
    width: 160px;
    height: 40px;
    padding: 0px 5px;
    overflow: hidden;
}

.tabNavigation ul li a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    width: 160px;
    height: 40px;
    float: left;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 100;
}

.tabNavigation ul li.selected a {
    color: #00224a;
    text-decoration: none;
}

.tabNavigation ul li .tabBg {
    float: left;
    width: 160px;
    height: 40px;
    position: relative;
    bottom: 40px;
    z-index: 50;
}

/* Article pagination */

.nextPrevButtons {
    width: 670px;
    float: left;
    clear: both;
    padding-top: 12px;
    margin-top: 12px;
    border-top: solid 1px #dfdfdf;
}

.nextPrevButtons h3 {
    font-weight: bold;
}

.nextPrevButtons h3 a {
    text-decoration: underline;
}

.previousArticle {
    width: 330px;
    float: left;
}

.nextArticle {
    width: 330px;
    float: right;
    text-align: right;
}

.nextPrevButtons h3 {
    font-weight: bold;
    font-size: 17px;
}

.blueTheme .nextPrevButtons h3 {
    color: #00224a;
}

.blueTheme .nextPrevButtons h3 a {
    color: #1899e2;
}

.tanTheme .nextPrevButtons h3 {  
    color: #581b08;
}

.tanTheme .nextPrevButtons h3 a { 
    color: #bc681b;
}

/* Article Tips */

.articleTip {
    width: 460px;
    float: left;
    clear: both;
}

.articleTipNo {
    padding: 5px 3px;
    text-align: center;
    width: 52px;
    height: 50px;
    float: left;
    background-image: url(../images/common/tip-ring.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.articleTipNo h1 {
    line-height: 47px;
    font-size: 47px;
    position: relative;
    right: 2px;
    font-style: italic;
}

.articleTipText {
    width: 385px;
    float: right;
}

.articleTipText h3 {
    font-weight: bold;
    padding: 8px 0px;
    font-style: italic;
}

.blueTheme .articleTipText h3 {
    color: #00224a;
}

.tanTheme .articleTipText h3 {
    color: #581b08;
}

/* Tip Box */

.tipBoxBottom,
.tipBoxTop {
    float: left;
    clear: both;
    width: 190px;
    height: 10px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.tipBoxContent {
    float: left;
    clear: both;
    width: 160px;
    padding: 0px 15px;
    overflow: hidden;
}

.tanTheme .tipBoxContent {
    background-color: #581b08;
}

.tanTheme .tipBox .tipBoxTop {
    background-image: url(../images/common/tan-tip-top.gif);
}

.tanTheme .tipBox .tipBoxBottom {
    background-image: url(../images/common/tan-tip-bottom.gif);
}

.blueTheme .tipBoxContent {
    background-color: #00224a;
}

.blueTheme .tipBox .tipBoxTop {
    background-image: url(../images/common/sub-b-bg-top.gif);
}

.blueTheme .tipBox .tipBoxBottom {
     background-image: url(../images/common/sub-b-bg-bottom.gif);   
}

.tipBoxTitle,
.tipBoxText {
    float: left;
    clear: both;
    width: 165px;
}

.tipBoxTitle h3 {
    color: #fec229;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 5px;
}

.tanTheme .tipBoxTitle {
    border-bottom: solid 1px #793c0f;
}

.blueTheme .tipBoxTitle {
    border-bottom: solid 1px #334243;
}

.tipBoxText {
    padding-top: 6px;
    color: #FFFFFF;
}

.tipBoxContent p {
    color: #FFFFFF;
}

/* Stockist Location */

.stockistList {
    width: 900px;
    float: left;
    clear: both;
    overflow: hidden;
}

.stockistInfo {
    float: left;
    width: 195px;
    margin-top:25px;
}

.stockists {
    padding-bottom: 30px;
    width: 685px;
    float: left;
}

.stockists ul {
    width: 685px;
}

.stockists ul,
.stockists ul li {
    float: left;
    list-style-type: none;
    padding: 0px;
}  

.stockists ul li {
    width: 220px;
    height: 100px;
}

.stockists ul li a {
    float: left;
    width: 220px;
    height: 100px;
}
    
/* News! */

.newsContainer {
    width: 670px;
    float: left;
    clear: both;
    border-top: solid 6px #e5e5e5;
}

ul.newsItems,
ul.newsItems li {
    float: left;
    clear: both;
    width: 670px;
    padding :0px;
    list-style-type: none;
}

ul.newsItems li {
    border-bottom: solid 1px #e5e5e5;
    padding: 15px 0px;
}

ul.newsItems .newsItemCopy {
    float: left;
    width: 450px;
}

ul.newsItems .newsItemThumbWrapper {
    float: right;
    width: 190px;
    height: 130px;
    overflow: hidden;
    position:relative;
}

ul.newsItems .newsItemThumbWrapper .newsItemThumb {
    position: relative;
    z-index: 10;
}

ul.newsItems .newsItemThumbWrapper .newsItemThumbFrame {
    position: absolute;
    z-index: 11;
    top: 0px;
    left:0px;
}

.date {
    color: #aaaaaa;
    font-style: italic;
    font-size: 12px;
    display: block;
}

ul.newsItems .newsItemCopy .readMoreLink,
ul.newsItems .newsItemCopy .readMoreLink:visited {
    color: #1899e2;
    text-decoration: none;
    font-weight: bold;
    border-bottom: solid 1px #1899e2;
}

ul.newsItems .newsItemCopy .readMoreLink:hover {
    text-decoration: none;
}

ul.newsItems .newsItemCopy h4 {
    font-weight: bold;
    padding-bottom: 10px;
}

ul.newsItems .newsItemCopy p {
    padding-bottom: 0px;
}

/* Pagination */

.pagination {
    float: left;
    width: 670px;
    clear: both;
    padding: 10px 0px;
}

.pagination a {
    color: #1899e2;
    text-decoration: none;
    font-weight: bold;
    border-bottom: solid 1px #1899e2;
    font-size: 17px;
}

.previousWrapper {
    float: left;
    width: 160px;
    padding-right: 15px;
}

.nextWrapper {
    float: right;
    width: 160px;
    text-align: right;
}

.pages {
    width: 320px;
    float: left;
    text-align: center;
}

.pages a {
    color: #00224a;
    border: none;
    padding: 0px 5px;
}

.pages a:hover, .pages a.selected {
    text-decoration: underline;
}

.newsItemImage {
    float: right;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 25px;
}

.newsItemWrapper {
    width: 670px;
    float: left;
    clear: both;
    border-bottom: solid 1px #DFDFDF;   
}

/* Form Styles */


.submit {
    float: left;
    clear :both;
}

.submit #submit {
    display: none;
}

.standardFormWrapper {
    float: left;
    clear :both;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.contactSubscribeForm .standardFormWrapper {
    clear :none;
}

.standardFormWrapper ul,
.standardFormWrapper ul li {
    padding: 0px 0px 7px;
    list-style-type: none;
    float: left;
    width: 352px;
    clear: both;
}

.standardFormWrapper ul li label {
    float: left;
    clear: both;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 0px;
    color: #595158;
}

.standardFormWrapper ul li .inputWrapper {
    float: left;
    clear: both;
    width: 349px;
    border: 0px;
}

.standardFormWrapper ul li .inputWrapper input {
    border: 1px solid #b2a9a5;
    background-color: #fefbf6;
    float: left;
    padding: 4px;
    width: 339px;
}

.standardFormWrapper ul li .textareaWrapper {
    float: left;
    clear: both;
    width: 349px;
    border: 0px;
}

.standardFormWrapper ul li .textareaWrapper textarea {
    border: 1px solid #b2a9a5;
    background-color: #fefbf6;
    float: left;
    padding: 4px;
    width: 339px;
    height: 160px;
    font-family:Arial,Helvetica,Tahoma,Sans-serif;
    font-size:12px;
}

.standardFormWrapper #submit {
    display: none;
}

.standardFormWrapper .submit {
    padding: 15px 0px 0px 0px;
    float: left;
    clear: both;
}

.standardFormWrapper .submit a {
    text-transform: uppercase;
    font-size: 11px;
}

.standardFormWrapper ul li.postCodeWrapper {
    clear: none;
    width: 150px;
    float: left;
}

.standardFormWrapper ul li.postCodeWrapper .inputWrapper {
    float: left;
    clear: both;
    width: 148px;
    border: 0px;
}

.standardFormWrapper ul li.postCodeWrapper .inputWrapper input {
    border: 1px solid #b2a9a5;
    background-color: #fefbf6;
    float: left;
    padding: 4px;
    width: 138px;
    font-family:Arial,Helvetica,Tahoma,Sans-serif;
    font-size:12px;
}

.standardFormWrapper ul li select {
    width: 349px;
    padding: 3px;
    float: left;
    clear: both;
}

.standardFormWrapper ul li.stateWrapper {
    width: 176px;
    padding-left: 25px;
    clear: none;
    float: left;
}

.standardFormWrapper ul li.stateWrapper select{
    width: 173px;
}

.standardFormWrapper ul li.tcWrapper label {
    margin-left: 7px;
}

.standardFormWrapper ul li.tcWrapper label,
.standardFormWrapper ul li.tcWrapper input {
    float: left;
    clear: none;
}

.standardFormWrapper ul li.tcWrapper input {
    margin-top: 4px;
}

.standardFormWrapper ul li .radioWrapper {
    float: right;
    width: 249px;
    padding-top: 6px;
}

.standardFormWrapper ul li .radioItem {
    float: left;
    width: 80px;
    padding: 0px 2px 10px 0px;
}

.standardFormWrapper ul li .radioItem label {
    float: left; 
    clear: none;
    padding: 0px;
}

.standardFormWrapper ul li .radioItem input {
    width: auto;
    float: left;
    margin-right: 5px;
}

/* Subnav Module */ 

.subNavModule {
    width: 190px;
    overflow:visible;
    float: left;
    clear: both;
    padding-bottom: 16px;
}

.subNavModule .subNavModuleTop {
    width: 190px;
    float: left;
    clear: both;
    overflow: hidden;
}

.subNavModule .subNavModuleContent {
    width: 162px;
    padding: 7px 14px 10px;
    float: left;
    clear: both;
    background-color: #e6e6e6;
    font-size: 11px;
    line-height: 13px;
}

.subNavModule .subNavModuleTop {
    height: 7px;
    background-image: url(../images/common/sm-bg-top.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.subNavModule .subNavModuleBottom {
    background-image: url(../images/common/sm-bg-bottom.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 23px;
    float: left;
    clear: both;
    width: 180px;
    padding-left: 11px;
}

.subNavModule .subNavModuleBottom a {
    float: left;
}

.subNavModule .subNavModuleBottom a:hover {
    text-decoration: none;
}

/* Tell a friend */

#tellFriendSubmit {
    display: none;
}

.tellFriend .subNavModuleContent {
    width: 170px;
    padding: 7px 10px 10px;
}

.tellFriend ul,
.tellFriend ul li {
    float :left;
    width: 170px;
    clear: both;
    padding: 0px;
    list-style-type: none;
}

.tellFriend ul li {
    padding-bottom: 7px;
}

.tellFriend ul li input {
    float: left;
    width: 158px;
    border: 1px solid #B8B8B8;
    padding: 5px;
    font-size: 13px;
    line-height: 15px;
    color: #555555;
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
}

.tellFriend ul li label {
    float: left;
}

.tellFriend ul li #joinMailList {
    width:auto;
    margin: 2px 7px 2px 2px;
}

/* Subscribe Form Specific */

.contactSubscribeForm {
    float: left;
    width: 615px;
}

.contactSubscribeForm img.freebies {
    float: right;
    position: relative;
    top: 25px;
}

/* Social Links */

.socialLink {
    width:230px;
    float:left;
    padding-top:18px;
    padding-left:10px;
}

.socialLink a {
    float:left;
}

/* Whats New Tab */

.whatsNew {
    width:230px;
    height:31px;
    display:block;
    background-image:url(../images/pictures/whats-new-bg-2.png);
    position:relative;
    left:10px;
    text-align:center;
    padding-top:110px;
}

.whatsNew a:hover {
    text-decoration:none;
}

/* Home Channel Selector */

.homeBannerWrapper {
    width:980px;
    height:330px;
    display:block;
    overflow:hidden;
    position:relative;
}

.homeBanner {
    width:980px;
    height:318px;
    display:block;
    overflow:hidden;
    background-color:#f4f4f4;
    position:relative;
}

.homeBannerWrapper .bottomLeft {
    position:absolute;
    bottom:12px;
    left:0px;
    z-index:1000;
}

.homeBannerWrapper .bottomRight {
    position:absolute;
    right:0px;
    bottom:12px;
    z-index:1000;
}

.homeBanner .slide {
    display:inline-block;
    float:left;
    height:318px;
    overflow:hidden;
    width:980px;
    position:relative;
}

.homeBannerWrapper #csControls {
    width:57px;
    height:20px;
    position:absolute;
    bottom:0px;
    right:15px;
    background-image:url(../images/icons/cs-controls-bg.png);
    padding-top:4px;
    padding-left:6px;
    z-index:999;
}

.homeBannerWrapper #csControls a {
    color:#626262;
    font-size:11px;
    font-weight:bold;
    height:16px;
    width:16px;
    float:left;
    text-align:center;
    position:relative;
    left:1px;
}

.homeBannerWrapper #csControls a.selected {
    color:#ffffff;
    background-image:url(../images/icons/cs-controls-bg-active.png);
}

.slideBodyTextBlue {
    font-size:15px;
    color:#00457c;
    position:absolute;
    top:170px;
    left:40px;
    width:290px;
    float:left;
    z-index:50;
}

.slideBodyTextBrown {
    font-size:15px;
    color:#3e1f10;
    position:absolute;
    top:130px;
    left:40px;
    width:290px;
    float:left;
    z-index:50;
}

.overlay1 {
    position:absolute;
    top:0px;
    left:-520px;
}

.sandOverlay {
    position:absolute;
    z-index:5;
    top:0px;
    left:0px;
}

.newProductsOverlay {
    position:absolute;
    z-index:3;
    top:0px;
    left:0px;
}

.tanProductsOverlay {
    position:absolute;
    z-index:3;
    top:48px;
    left:265px;
}

/* Site Modules Background Image Sart */

.siteModulesBackground {
    position:absolute;
    left:10px;
    top:10px;
}

.leftModuleOverlay {
    position:absolute;
    left:0px;
    top:0px;
    z-index:5;
}

.bottomModuleOverlay {
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:5;
}

.rightModuleOverlay {
    position:absolute;
    right:10px;
    top:10px;
    z-index:5;
}

/* Site Modules Background Image End */

/* Sun Protection Banner */

.sunProtectionBanner {
    width:980px;
    height:483px;
    overflow:hidden;
    float:left;
    background-image:url(../images/pictures/sun-protection-banner-bg.jpg);
    position:relative;
}

.sunProtectionBanner .sunProtectionSandOverlay1 {
    bottom:0px;
    position:absolute;
    z-index:11;
    left:0px;
}

.sunProtectionBanner .sunProtectionSandOverlay2 {
    bottom:0px;
    position:absolute;
    z-index:11;
    left:269px;
}

.sunProtectionBanner .sunProtectionSandOverlay3 {
    bottom:0px;
    position:absolute;
    z-index:11;
    left:534px;
}

.sunProtectionBanner .sunProtectionSandOverlay4 {
    bottom:0px;
    position:absolute;
    z-index:11;
    left:787px;
}

.sunProtectionBanner .overlay2 {
    position:absolute;
    right:25px;
    top:85px;
}

.sunProtectionBanner .overlay2 a {
    width:72px;
    height:72px;
    overflow:hidden;
    background-image:url(../images/icons/faq-btn.png);
    background-position:0px 72px;
    float:left;
    text-indent:-9999px;
}

.sunProtectionBanner .overlay2 a:hover {
    background-position:0px 0px; 
}

.sunProtectionBanner .product1 {
    position:absolute;
    z-index:10;
    text-indent:-9999px;
    top:150px;
    left:10px;
}

.sunProtectionBanner .product1 a {
    float:left;
    width:216px;
    height:195px;
    overflow:hidden;
    background-image:url(../images/pictures/classic-range-new.png);
    background-position:0px 195px;
}

.sunProtectionBanner .product1 a:hover {
    background-position:0px 0px;
}

.sunProtectionBanner .product2 {
    position:absolute;
    z-index:10;
    text-indent:-9999px;
    top:205px;
    left:155px;
}

.sunProtectionBanner .product2 a {
    float:left;
    width:221px;
    height:213px;
    overflow:hidden;
    background-image:url(../images/pictures/coconut-range-new.png);
    background-position:0px 213px;
}

.sunProtectionBanner .product2 a:hover {
    background-position:0px 0px;
}

.sunProtectionBanner .product3 {
    position:absolute;
    top:210px;
    left:350px;
    z-index:9;
    text-indent:-9999px;
}

.sunProtectionBanner .product3 a {
    width:161px;
    height:170px;
    overflow:hidden;
    background-image:url(../images/pictures/sunscreen-oils-new.png);
    background-position:0px 170px;
    float:left;
}

.sunProtectionBanner .product3 a:hover {
    background-position:0px 0px;
}
.sunProtectionBanner .product4 {
    position:absolute;
    top:210px;
    left:498px;
    z-index:10;
    text-indent:-9999px;
}

.sunProtectionBanner .product4 a {
    width:158px;
    height:188px;
    overflow:hidden;
    background-image:url(../images/pictures/daily-face-new.png);
    background-position:0px 188px;
    float:left;
}

.sunProtectionBanner .product4 a:hover {
    background-position:0px 0px;
}

.sunProtectionBanner .product5 {
    position:absolute;
    z-index:10;
    text-indent:-9999px;
    top:243px;
    left:640px;
}   

.sunProtectionBanner .product5 a {
    float:left;
    width:173px;
    height:245px;
    overflow:hidden;
    background-image:url(../images/pictures/sports-gel-new.png);
    background-position:0px 245px;
}

.sunProtectionBanner .product5 a:hover {
    background-position:0px 0px;
}
.sunProtectionBanner .product6 {
    position:absolute;
    z-index:9;
    text-indent:-9999px;
    top:243px;
    left:756px;
}   

.sunProtectionBanner .product6 a {
    float:left;
    width:205px;
    height:159px;
    overflow:hidden;
    background-image:url(../images/pictures/after-sun-new.png);
    background-position:0px 159px;
}

.sunProtectionBanner .product6 a:hover {
    background-position:0px 0px;
}

.sunProtectionBanner .bottomLeft {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1000;
}

.sunProtectionBanner .bottomRight {
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:1000;
}

/* End Sun Protection Banner */

/* Self Tan Banner */

.selfTanBanner {
    width:980px;
    height:483px;
    overflow:hidden;
    float:left;
    background-image:url(../images/pictures/self-tan-banner-bg.jpg);
    position:relative;
}

.selfTanBanner .overlay1 {
    position:absolute;
    top:122px;
    left:40px;
    width:395px;
    color:#3e1f10;
    font-size:15px;
}

.selfTanBanner .overlay2 {
    position:absolute;
    top:258px;
    left:530px;
}

.selfTanBanner .overlay2 a {
    width:72px;
    height:72px;
    overflow:hidden;
    background-image:url(../images/icons/fast-tips-btn.png);
    background-position:0px 72px;
    float:left;
    text-indent:-9999px;
}

.selfTanBanner .overlay2 a:hover {
   background-position:0px 0px; 
}

.selfTanBanner .overlay3 {
    position:absolute;
    top:154px;
    left:475px;
}

.selfTanBanner .overlay3 a {
    width:101px;
    height:101px;
    overflow:hidden;
    background-image:url(../images/buttons/how-to-circle.png);
    background-position:0px 0px;
    float:left;
    text-indent:-9999px;
}

.selfTanBanner .overlay3 a:hover {
   background-position:0px 101px;
}

.selfTanBanner .bottomLeft {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1000;
}

.selfTanBanner .bottomRight {
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:1000;
}

.selfTanBanner .product1 {
    position:absolute;
    z-index:10;
    text-indent:-9999px;
    top:235px;
    left:30px;
}

.selfTanBanner .product1 a {
    float:left;
    width:101px;
    height:217px;
    overflow:hidden;
    background-image:url(../images/pictures/le-tan-in-le-can.png);
    background-position:0px 217px;
}

.selfTanBanner .product1 a:hover {
    background-position:0px 0px;
}

.selfTanBanner .product2 {
    position:absolute;
    z-index:10;
    text-indent:-9999px;
    top:225px;
    left:145px;
}

.selfTanBanner .product2 a {
    float:left;
    width:110px;
    height:217px;
    overflow:hidden;
    background-image:url(../images/pictures/daily-glow.png);
    background-position:0px 217px;
}

.selfTanBanner .product2 a:hover {
    background-position:0px 0px;
}

.selfTanBanner .product3 {
    position:absolute;
    top:240px;
    left:260px;
    z-index:10;
    text-indent:-9999px;
}

.selfTanBanner .product3 a {
    width:125px;
    height:195px;
    overflow:hidden;
    background-image:url(../images/pictures/bronzing-cream-2.png);
    background-position:0px 195px;
    float:left;
}

.selfTanBanner .product3 a:hover {
    background-position:0px 0px;
}

.selfTanBanner .product4 {
    position:absolute;
    z-index:10;
    text-indent:-9999px;
    top:230px;
    left:400px;
}

.selfTanBanner .product4 a {
    float:left;
    width:115px;
    height:217px;
    overflow:hidden;
    background-image:url(../images/pictures/flawless-legs.png);
    background-position:0px 217px;
}

.selfTanBanner .product4 a:hover {
    background-position:0px 0px;
}

/* End Self Tan Banner */

a.dp-choose-date {
	float: left; width: 14px; height: 14px; padding: 0; margin: 5px 3px 0;
	display: block;	text-indent: -2000px; overflow: hidden;
	background: url(../images/icons/calendar-icon.jpg) no-repeat; }

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#os-open { background-image: url(../images/common/os-header-banner.png); background-position: 0px 0px; background-repeat: no-repeat; width: 430px; height: 61px; text-indent: -9999px; position: absolute; top: 17px; left: 359px; }
.primaryNavigation #buy-now-link { background-image: url(../images/icons/icon-shopping-cart.gif); background-position: right 3px; background-repeat: no-repeat; padding-right: 32px; margin-right: 3px; }