@charset "utf-8";

/* 
font-family: 'Ruslan Display', cursive;
font-family: 'Karla', sans-serif;
*/

body {
	background: url(../img/blue-page-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
	font-family: 'Karla', sans-serif;
}

body,td,th {
	font-size: 12pt;
	color: #282856;
}

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

.gridContainer {
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#mainContainer { width:994px; text-align:center; box-shadow:3px 0px 3px rgba(109,109,109,0.7), -3px 0px 3px rgba(109,109,109,0.7); margin:0 auto;
}
#titleHeader { background-image:url(../img/cloud-bg-994-205.jpg); background-repeat:no-repeat; width:994px; height:205px; margin:0 auto; 
}
#uniqLogo { width:194px; height:205px; text-align:center; float:left; 
}
#titlesArea { width:800px; height:205px; text-align:center; float:left; 
}
.pageTitle {
	font-family:'Ruslan Display', cursive; color:#2143a3;
	font-size:88px; line-height:92px; text-align:center; 
	text-shadow:0px -1px 0 #ABC, 1px 0px 0 #789, 0px 1px 0 #789, -1px 0px 0 #ABC, 0 0 3px rgba(51,51,51,0.5), 3px 3px 4px rgba(51,51,51,0.6); 
	margin-top:11px;
}
.pageSubtitle {
	font-family:'Ruslan Display', cursive; color:#2143a3;
	font-size:49px; line-height:52px; text-align:center;
	text-shadow:0px -1px 0 #ABC, 1px 0px 0 #789, 0px 1px 0 #789, -1px 0px 0 #ABC, 0 0 3px rgba(51,51,51,0.5), 3px 3px 4px rgba(51,51,51,0.6);
}
.tagLine { font-family:'Karla', sans-serif; color:#303540; font-size:18px; font-weight:normal; font-style:italic; letter-spacing:2px; line-height:28px; text-shadow: 0 0 2px rgba(51,51,51,0.3),2px 2px 3px rgba(31,31,31,0.6); text-align:center; margin-top:15px; 
}
.tagLineBody { font-family:'Karla', sans-serif; color:#303540; font-size:16px; font-weight:normal; font-style:italic; letter-spacing:1px; line-height:20px; text-shadow: 0 0 2px rgba(51,51,51,0.3),2px 2px 3px rgba(31,31,31,0.6); text-align:center; vertical-align:middle; margin:0 auto; 
}

#mainBody { background:#FFFFFF; width:994px; margin:0 auto;  
}



#navContent { font-family:'Karla', sans-serif; color:#646668; height:32px; line-height:32px; font-size:17px; font-style:italic; text-align:center; text-shadow: 0 0 1px rgba(76,76,76,0.3), 2px 2px 4px rgba(51,51,51,0.7); 
margin:0 auto; 
}
.navItem { color:#646668; margin:0 2px 0 2px; text-decoration:none; vertical-align:middle; 
}
A.navItem:link { text-decoration:none;  
}
A.navItem:visited { color:#646668; text-decoration:none; 
}
A.navItem:hover { color:#335272; background:#b3cbb7; text-decoration:none; 
}



#horizontalNav {
    display:table;
    width:900px;
	height:32px;
    margin:0px auto;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}

#horizontalNav li {
    display:table-cell;
    vertical-align:middle;
    height:auto;
    padding:0;
    background:#fff;
}
#horizontalNav li:hover{
    background-color:#b3cbb7;
}

#horizontalNav a:link {
    display:block;
    border:none;
    text-align:center;
    margin:auto;
    padding:none;
	color:#646668;
    text-decoration:none;
    font-family:'Karla', sans-serif;
    font-style:italic;
    font-size:17px;
	letter-spacing:1px;
	text-shadow:0 0 2px rgba(76,76,76,0.6), 2px 2px 4px rgba(31,31,31,0.8);
    display:inline-block;
    vertical-align:middle;
}

#horizontalNav a:visited {
    display:block;
    border:none;
    text-align:center;
    margin:auto;
    padding:none;
    /* background:#fff; */
    color:#646668;
    text-decoration:none;
    font-family:'Karla', sans-serif;
    font-style:italic;
    font-size:17px;
	letter-spacing:1px;
	text-shadow:0 0 2px rgba(76,76,76,0.6), 2px 2px 4px rgba(31,31,31,0.8);
    display:inline-block;
    vertical-align:middle;
}

/* #horizontalNav a:hover {
    display:block;
    border:none;
    text-align:center;
    margin:auto;
    padding:none;
    color:#005da4;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:90%;
    display:inline-block;
    vertical-align:middle;
}
*/

#horizontalNav a:hover {
    display:block;
    border:none;
    text-align:center;
    margin:auto;
    padding:none;
    background:#b3cbb7;
    color:#335272;
    text-decoration:none;
    font-family:'Karla', sans-serif;
    font-style:italic;
    font-size:17px;
	letter-spacing:1px;
	text-shadow:0 0 2px rgba(76,76,76,0.6), 2px 2px 4px rgba(31,31,31,0.8);
    display:inline-block;
    vertical-align:middle;
}



#mainContentContainer { background-image:url(../img/parchment_bg_994.jpg); background-repeat:no-repeat; 
background-size:994px 100%; margin:0px; padding:0px; 
}
#bodyContent { width:888px; margin:0 auto; 
}
.natural { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; letter-spacing:2px; line-height:49px; color:#2143a3; font-style:italic; text-shadow:2px 2px 5px #3A465C; 
}
#leftPics { font-size:9px; float:left; margin-right:30px; 
}
.pageName { font-family:'Karla', sans-serif; color:#224466; line-height:32px; font-size:36px; font-style:italic; text-align:center; 
text-shadow:0 0 1px rgba(76,76,76,0.3), 2px 2px 4px rgba(51,51,51,0.7); 
vertical-align:middle; margin:0 auto;
}
.paraTitle { font-family:'Karla', sans-serif; color:#224466; line-height:27px; font-size:20px; font-style:italic; text-align:left; text-decoration:underline; 
text-shadow:0 0 1px rgba(76,76,76,0.3), 2px 2px 4px rgba(51,51,51,0.7); 
vertical-align:middle;
}

.bodyCopy16 { font-family:'Karla', sans-serif; font-size:16px; font-style:italic; text-align:left;
text-shadow:0 0 1px rgba(76,76,76,0.4), 1px 1px 4px rgba(31,31,31,0.6); margin-right:11px; 
}
.b-shadow334 { box-shadow:3px 3px 4px rgba(31,31,31,0.6); 
}
.productBox { width:194px; font-family:'Karla', sans-serif; font-size:13px; line-height:16px; text-align:center; 
border:solid 1px #A98C72; border-radius:0 0 21px 21px; margin:0 7px 11px 7px; float:left; 
}
.productBoxLotion { width:179px; font-family:'Karla', sans-serif; font-size:13px; line-height:16px; text-align:center; 
border:solid 1px #A98C72; border-radius:0 0 21px 21px; margin:0 7px 11px 7px; float:left; 
}
.productName { font-family:'Karla', sans-serif; font-size:18px; font-weight:bold; line-height:22px; text-align:center; margin: 0 auto; 
}
.selectForCart { font-family:'Karla', sans-serif; font-size:14px; text-align:center; margin:6px auto; 
}
.cartButton { margin:3px 0 0 8px; 
}
#footerContent { font-size:11px; text-align:center; margin:0 auto; 
}

.px1 { font-size:1px; font-family:Arial, Helvetica, sans-serif; line-height:1px; 
}
.px2 { font-size:2px; font-family:Arial, Helvetica, sans-serif; line-height:2px; 
}
.px3 { font-size:3px; font-family:Arial, Helvetica, sans-serif; line-height:3px; 
}
.px4 { font-size:4px; font-family:Arial, Helvetica, sans-serif; line-height:4px; 
}
.px5 { font-size:5px; font-family:Arial, Helvetica, sans-serif; line-height:5px; 
}
.px6 { font-size:6px; font-family:Arial, Helvetica, sans-serif; line-height:6px; 
}
.px7 { font-size:7px; font-family:Arial, Helvetica, sans-serif; line-height:7px; 
}
.px8 { font-size:8px; font-family:Arial, Helvetica, sans-serif; line-height:8px; 
}
.px9 { font-size:9px; font-family:Arial, Helvetica, sans-serif; line-height:9px; 
}
.px10 { font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:10px; 
}
.px11 { font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:11px; 
}
.px12 { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:12px; 
}
.cf { clear:both !important; 
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}