/* CLEARFIX CLASS */
.clearfix:after {
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
#xmasSplashImage {
float:left;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */
html{
overflow-y:scroll;
}
body {
margin:0;
padding:0;
text-align:center;
background:url(../images/SS11/BROWSER_BG/Beach_02.jpg) repeat-x #9FCFE5;
font-size:1em;
width:100%;
height:100%;
}
#skip {
position:absolute;
left:-9999px;
top:0;
z-index:20;
}
.body_style,
.body_collection {
background:url(../images/style_bg.jpg) no-repeat #A7A7A7;
}
img {
border:none;
}
.noborder {
background:none !important;
}
#page {
width:771px;
text-align:left;
overflow:hidden;
margin:auto;
font-family:arial, helvetica, sans-serif;
}
#pagecontent #drop_shadow {
margin:auto;
background:url(../images/header_bg_main.jpg) no-repeat #FFF;
height:23px;
width:771px;
}
#header {
background:#FFF;
display:block;
width:771px;
height:75px;
}
#logo {
padding-top:17px;
padding-left:29px;
float:left;
width:126px;
}
#header #headerRhs {
/*float:right;*/
text-align:right;
padding:0 20px 0 0;
}
#searchBox {
color:#666;
padding:0;
margin:0;
width:270px;
float:right;
}
#searchBox form {
margin:0;
padding:0;
}
#searchBox form label {
font-size:0.7em;
}
#searchBox form input {
margin:0;
padding:0;
display:inline;
}
#searchBox form input.field {
border:1px solid #999;
font-size:0.7em;
color:#666;
padding:1px 2px 1px 2px;
width:128px;
}
#searchBox form #content {
float:left
}
#searchBox form #coa {
float:left;
padding:3px 0 0 5px;
}
#header .utilityNav {
padding:12px 0 9px;
margin:0;
}
#header .utilityNav ul {
margin:0;
padding:0;
list-style:none;
display:inline;
}
#header .utilityNav ul li {
display:inline;
background:url(../images/utility_divider.gif) right no-repeat;
padding:0 10px 0 8px;
;
}
#header .utilityNav a {
text-decoration:none;
color:#666;
font-size:0.7em;
}
#header .utilityNav a:hover {
text-decoration:underline
}
#navigation {
clear:both;
display:none !important;
/*
background-color:#FFF;
width:771px;
height:18px;
padding-bottom:4px;
*/
}
#navigation ul,
#subnavigation ul,
#footer ul {
margin:0;
padding:0;
list-style:none
}
#navigation li,
#subnavigation li,
#footer li {
display:inline;
}
#navigation .sectionNav {
padding:0 0 0 29px;
float:left;
}
#subnavigation {
width:771px;
height:24px;
background:#00254E;
display:block;
}
#subnavigation .sectionNav {
float:left;
height:24px;
position:relative;
}
#subnavigation .sectionNav ul {
margin:0;
padding:5px 0 0 28px;
list-style:none;
}
#subnavigation .sectionNav ul li {
float:left;
display:block;
}
#subnavigation .sectionNav ul li a {
text-decoration:none;
font-size:0.7em;
line-height:1em;
float:left;
display:block;
overflow:hidden;
height:0;
padding:16px 0 0 0;
}
#subnavigation .sectionNav ul li a:hover {
background-position:0 -16px !important;
}
#subnavigation .sectionNav ul li a.on {
background-position:0 -16px !important;
}
#subnavigation .utilityNav {
float:right;
width:230px;
text-align:right;
padding:5px 22px 0 0;
}
#subnavigation .utilityNav ul {
font-size:0.7em;
}
#subnavigation .utilityNav li {
background:url(../images/utility_divider_blue.gif) right no-repeat;
padding:0 7px 0 6px;
}
#subnavigation .utilityNav a {
text-decoration:none;
color:#FFF;
font-size:1em;
}
#subnavigation .utilityNav a:hover {
text-decoration:underline
}
/* Security logo on shop section */
.securityLogo {
background:url(../images/lhLogoBg.jpg) no-repeat top left;
border:1px solid #AAA;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0 20px;
width:112px;
}
.securityLogo p {
display:block;
margin:0;
}
.securityLogo p.txt {
color:#999;
font-size:9px;
height:39px;
padding:5px 0 0 38px;
line-height:11px;
}
.securityLogo p.link {
font-size:11px;
padding:3px 0 5px 14px;
}
.securityLogo p.link a {
color:#78A1CD;
text-decoration:underline;
}
.securityLogo p.link a:hover {
text-decoration:none;
}
#pagecontent {
background:#FFF;
width:771px;
min-height:521px;
_height:521px;
float:left;
}
#pagecontent #maincontent {
float:right;
width:587px;
margin-right:29px;
_margin-right:18px;
line-height:1.1em;
}
#pagecontent #maincontent h1 {
line-height:1.1em;
font-weight:normal
}
#pagecontent #maincontent h2 {
line-height:1.1em;
font-weight:normal
}
#crumbtrail {
color:#6C9ED6;
font-size:0.85em;
margin:0;
padding:0 0 2px 0;
background:url(../images/dotes.gif) repeat-x bottom left;
}
#crumbtrail a {
color:#6C9ED6;
text-decoration:none
}
#crumbtrail a:hover {
color:#6C9ED6;
text-decoration:underline
}
#leftNavContainer {
float:left;
width:115px;
padding:0 0 0 30px;
_padding-left:26px;
margin:0;
}
#pagecontent #leftNavigation {
padding:0;
margin:0;
display:block;
}
#leftNavigation .sectionHeader {
color:#6C9ED6;
width:115px;
display:block;
text-transform:uppercase;
font-size:0.665em;
font-weight:bold;
margin-bottom:0;
padding-bottom:3px;
_padding-top:5px;
background:url(../images/dotes.gif) repeat-x bottom left;
}
#leftNavigation ul {
margin:0;
padding:0;
list-style:none;
display:block;
font-size:1em;
color:#666;
text-transform:uppercase;
}
#leftNavigation li {
font-size:11px !important;
line-height:1.3em !important;
background:url(../images/leftNav_bg.gif) no-repeat left 0 !important;
padding-bottom:5px;
/* make sure all styles from old nav.css are cleared */
margin-top:0 !important;
margin-bottom:0 !important;
padding-left:0 !important;
margin-bottom:2px !important;
margin:0 0 0 0 !important;
padding:3px 0 2px 10px !important;
font-weight:normal;
display:block;
}
#leftNavigation li.on {
font-weight:bold;
}
#leftNavigation li a {
text-decoration:none;
}
#leftNavigation li a:hover {
text-decoration:underline;
}
#leftNavigation ul ul {
display:block;
margin:0 0 0 -10px !important;
padding:2px 0 10px 0;
text-transform:lowercase;
}
#leftNavigation ul li a {
color:#00254E;
}
#leftNavigation ul ul li {
background:url(../images/dash.gif) no-repeat left -3px !important;
margin:0 !important;
padding:0 0 0 10px !important;
}
#leftNavigation ul ul li a {
color:#00254E;
}
#leftNavigation ul ul ul {
padding:0 0 0 10px;
}
#leftNavigation ul ul ul ul {
padding:5px 0 0 10px;
}
#leftNavigation ul ul ul li {
background:url(../images/dash.gif) no-repeat left -3px !important;
padding:0 0 0 10px !important;
margin:0 !important;
}
/* Left nav signup puff */
#emailSignup {
BACKGROUND:url(../images/dotes.gif) repeat-x left top;
FONT-SIZE:0.667em;
color:#00254e;
FONT-WEIGHT:bold;
margin-top:2em;
}
#emailSignup form {
width:100%;
padding:3px;
padding-top:6px;
padding-bottom:6px;
}
#emailSignup form .input {
BORDER-RIGHT:#999 1px solid;
BORDER-TOP:#999 1px solid;
FONT-SIZE:1em;
PADDING-BOTTOM:1px;
BORDER-LEFT:#999 1px solid;
width:93%;
COLOR:#666;
PADDING-TOP:1px;
BORDER-BOTTOM:#999 1px solid
}
#emailSignup form .go_btn {
float:right;
padding-right:4px
}
#emailSignup .esheader,
#emailSignup form .input {
margin-bottom:4px;
}
#footer {
width:771px;
height:26px;
background:url(../images/shop_footer.gif) no-repeat;
font-size:0.6em;
color:#666;
float:left;
margin:0 0 25px 0;
padding:0;
}
#footer li a, #footer div a {
font-size:1em;
color:#666;
text-decoration:none;
}
#footer li a:hover, #footer div a:hover {
text-decoration:underline;
}
#footer #copyright {
float:left;
padding:10px;
padding-top:4px;
padding-left:29px;
}
#footer .utilityNav {
float:right;
padding:10px;
padding-top:4px;
padding-right:29px;
}
#footer .utilityNav li, #footer .utilityNav div {
padding-left:7px;
padding-top:4px;
display:inline;
}
#maincontent #crumbtrail {
margin:0 !important;
color:#8FB5E0;
}
#maincontent #crumbtrail a {
color:#8FB5E0;
font-weight:normal;
}
/*WYSIWYG STYLES*/
/*Override heading issue with p tags*/
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
font-size:1em !important;
margin:0 !important;
padding:0 !important;
}
#leftcontent p p {
margin:0 !important;
font-size:1em !important;
}
#maincontent p p {
margin:0 !important;
font-size:1em !important;
}
/* ############################ SIFR ##################################### */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility:visible !important;
margin:0;
}
.sIFR-replaced {
visibility:visible !important;
}
span.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}
/* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display:none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
visibility:hidden;
}
/*.sIFR-hasFlash h2 {
visibility:hidden;
letter-spacing:-9px;
font-size:55px;
}
.sIFR-hasFlash h3 {
visibility:hidden;
letter-spacing:-6px;
font-size:25px;
}
.sIFR-hasFlash h4 {
visibility:hidden;
letter-spacing:-5px;
font-size:21px;
}
.sIFR-hasFlash h5#pullquote {
letter-spacing:-4px;
visibility:hidden;
font-size:24px;
}*/
/*Stars to add to xmas Homepage*/
#stars {
position:absolute;
top:-34px;
left:125px;
}
/*Top Nav*/
#subnavigation .sectionNav ul li#navItem1 a{ 
width:44px !important;
text-indent:-9999em;
} 
#subnavigation .sectionNav ul li#navItem2 a{ 
width:91px !important;
text-indent:-9999em;
}
#subnavigation .sectionNav ul li#navItem3 a{ 
width:109px !important;
text-indent:-9999em;
}
#subnavigation .sectionNav ul li#navItem4 a{ 
width:109px !important;
text-indent:-9999em;
} 
/*homepage Navigation Styles*/
#subnavigation .sectionNav ul li .homeShop{
background:url(../images/navigation/homeShop.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .homeCollection{
background:url(../images/navigation/homeCollection.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .homeStyle{
background:url(../images/navigation/homeStyle.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .homeWorld{
background:url(../images/navigation/homeHW.gif) top left no-repeat;
}
/*Collection Navigation Styles*/
#subnavigation .sectionNav ul li .collectionShop{
background:url(../images/navigation/collectionShop.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .collectionCollection{
background:url(../images/navigation/collectionCollection.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .collectionStyle{
background:url(../images/navigation/collectionStyle.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .collectionWorld{
background:url(../images/navigation/collectionHW.gif) top left no-repeat;
}
/*Style Navigation Styles*/
#subnavigation .sectionNav ul li .styleShop{
background:url(../images/navigation/styleShop.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .styleCollection{
background:url(../images/navigation/styleCollection.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .styleStyle{
background:url(../images/navigation/styleStyle.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .styleWorld{
background:url(../images/navigation/styleHW.gif) top left no-repeat;
}
/*HW Navigation Styles*/
#subnavigation .sectionNav ul li .hwShop{
background:url(../images/navigation/hwShop.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .hwCollection{
background:url(../images/navigation/hwCollection.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .hwStyle{
background:url(../images/navigation/hwStyle.gif) top left no-repeat;
}
#subnavigation .sectionNav ul li .hwWorld{
background:url(../images/navigation/hwHW.gif) top left no-repeat;
}
/*XMAS Top Nav*/
#subnavigation .sectionNav ul li#xmasNavItem1 a{ 
width:44px;
text-indent:-9999em;
} 
#subnavigation .sectionNav ul li#xmasNavItem2 a{
width:128px;
text-indent:-9999em;
}
#subnavigation .sectionNav ul li#xmasNavItem3 a{
width:91px;
text-indent:-9999em;
}
#subnavigation .sectionNav ul li#xmasNavItem4 a{
width:109px;
text-indent:-9999em;
}
#subnavigation .sectionNav ul li#xmasNavItem5 a{
width:109px;
text-indent:-9999em;
} 
/*XMAS section style navigation*/
.xmasShop{
background:url(../images/navigation/xmasShop.gif) top left no-repeat;
}
.xmasCollectionShop{
background:url(../images/navigation/xmasShopCollection.gif) top left no-repeat;
}
.xmasStyleShop{
background:url(../images/navigation/xmasShopStyle.gif) top left no-repeat;
} 
.xmasWorldShop{
background:url(../images/navigation/xmasShopWorld.gif) top left no-repeat;
}
/* SEO TEXT SECTION */
#seo_section {
width: 589px;
margin: 14px 0;
padding: 0;
clear: both;
}
#seo_section h3 {
font-size: 15px !important;
color: #000 !important;
margin: 0 0 5px 0;
padding: 0;
height: auto !important;
}
#seo_section p {
font-size: 11px;
color: #666666 !important;
margin: 5px 0 12px 0;
padding: 0;
width: auto;
}
#seo_section a {
color:#00254E;
font-weight:bold;
text-decoration:none;
}
#seo_section a:hover {
text-decoration:underline;
}
.flash_page h1 {
 font-size:2.1em;
 font-weight:normal;
}
.flash_page p {
 font-size:0.8em;
 font-weight:normal;
}
.flash_page #crumbtrail {
 padding:10px 10px 5px;
 font-size:0.7em
}
.margin {
 margin: 10px 20px;
}