/*
Theme Name: Muff
Theme URI: 
Description: 
Author: 
Author URI: 
version: 1.0
Tags: 
*/

/* reset
--------------------------------------------- */

*{margin:0; padding:0;}

/* master styles
--------------------------------------------- */

body {
	background: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	}
	
body.freshWipesRed { /* specific body class for the Fresh Wipes info page */
	background: url("images/bgFreshWipesRed.gif") 0 134px repeat-x;
	}
	
#container {
	width: 847px;
	margin: 0;
	padding: 0;
	background: #fff;
	}

h1 {
	font-size: 18pt;
	}
	
h2 {
	font-size: 14pt;
	}
	
h3 {
	font-size: 1.6em;
	}
	
h4 {
	font-size: 9pt; 
	line-height: 1.15
	}
	
p {
	font-size: 1.3em;
	line-height: 1.2em
	}

img {
	border: none; 
	padding: 0;
	}
	
a {
	color: #000;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	}
	
p a {
	color: #000;
	text-decoration: none;
	}
	
p a:hover {
	color: #ff0000;
	text-decoration: none;
	}
	
.hide {
	display: none;
	}
	
/* splash screen
--------------------------------------------- */

a.enter {
	position: absolute;
	width: 65px;
	height: 20px;
	background: url("images/splashEnter.png") no-repeat;
	margin: 40px 0 0 46px;
	z-index: 500;
	cursor: pointer;
	}
	
/* header
--------------------------------------------- */

#header {
	width: 847px; 
  	height: 134px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 10000;
	}
	
h1#logo {
	float: left;
	width: 180px;
	height: 79px;
	margin: 35px 0 0 41px;
	display: block;
	cursor: pointer;
	}

/* content
--------------------------------------------- */

#content {
	float: right;
	width: 491px;
	margin: 0;
	padding: 0 0 25px 0;
	}	

.post {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	}
	
.entry p {
	margin: 8px 0;
	}

/* sidebar
--------------------------------------------- */

#sidebar {
	width: 356px;
	float: left;
	margin: 0;
	padding: 28px 0 28px 0;
	background: url("images/bgSidebar.gif") top left repeat-y;
	}

#sidebar h2{
	font: normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar.noPadding {
	padding: 0; 
	}
	
#sidebar.contact {
	padding: 0;
	background: none;
	}
	
#sidebar img {
	padding: 0;
	margin: 0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* sidebar -- h2 ids
--------------------------------------------- */

h2#cleanWash {
	width: 246px;
	height: 341px;
	background: url("images/infoCleanWash.gif") no-repeat;
	margin: 0 0 0 44px;
	}
	
h2#cleanWashBlue {
	width: 356px;
	height: 341px;
	background: url("images/cleanWashBlue.gif") no-repeat;
	margin: 0;
	}
	
h2#cleanWashGreen {
	width: 356px;
	height: 341px;
	background: url("images/cleanWashGreen.gif") no-repeat;
	margin: 0;
	}
	
h2#pureSpray {
	width: 246px;
	height: 341px;
	background: url("images/infoPureSpray.gif") no-repeat;
	margin: 0 0 0 44px;
	}
	
h2#pureSprayBlue {
	width: 356px;
	height: 341px;
	background: url("images/pureSprayBlue.gif") no-repeat;
	margin: 0;
	}
	
h2#pureSprayGreen {
	width: 356px;
	height: 341px;
	background: url("images/pureSprayGreen.gif") no-repeat;
	margin: 0;
	}
	
h2#softLotion {
	width: 246px;
	height: 341px;
	background: url("images/infoSoftLotion.gif") no-repeat;
	margin: 0 0 0 44px;
	}
	
h2#softLotionBlue {
	width: 356px;
	height: 341px;
	background: url("images/softLotionBlue.gif") no-repeat;
	margin: 0;
	}
	
h2#softLotionGreen {
	width: 356px;
	height: 341px;
	background: url("images/softLotionGreen.gif") no-repeat;
	margin: 0;
	}
	
h2#freshWipes {
	width: 255px;
	height: 310px;
	background: url("images/infoFreshWipes.gif") no-repeat;
	margin: 0 0 0 44px;
	}
	
h2#freshWipesRed {
	width: 356px;
	height: 341px;
	background: url("images/freshWipesRed.gif") no-repeat;
	margin: 0;
	}
	
h2#contact {
	width: 228px;
	height: 160px;
	background: url("images/sidebarContact.gif") no-repeat;
	margin: 0 0 0 44px;
	}
	
h2#fyi {
	width: 237px;
	height: 275px;
	background: url("images/sidebarFyi.gif") no-repeat;
	margin: 0 0 0 44px;
	}
	
h2#whyUse {
	width: 324px;
	height: 81px;
	background: url("images/whyUse.gif") no-repeat;
	margin: 0 0 17px 0;
	}
	
h2#muffDo {
	width: 182px;
	height: 33px;
	background: url("images/muffDos.gif") no-repeat;
	margin: 0 0 10px 0;
	}
	
h2#muffDont {
	width: 229px;
	height: 33px;
	background: url("images/muffDonts.gif") no-repeat;
	margin: 0 0 10px 0;
	}
	
h2#ingredients {
	width: 434px;
	height: 41px;
	background: url("images/ingredientsBenefits.gif") no-repeat;
	margin: 0 0 12px 0;
	}
	
/* footer
--------------------------------------------- */

#footer {
	float: left;
	background: url("images/greyRule.gif") top left no-repeat;
	width: 200px;
	margin: 0 0 0 44px;
	clear: left;
	}
	
#footer p {
	font-size: 9px;
	padding:14px 0;
	margin: 0;
	color: #000;
	text-align:left;
	}
	
/* main navigation
--------------------------------------------- */

#mainNav {
	float: left;
	font-family: arial, times, serif;
	font-size: 15px;
	width: 550px;
	height: 36px;
	margin: 0 0 0 67px;
	display:block;
	list-style: none;
	}
	
#mainNav ul {
	padding: 0;
	margin: 0;
	}
  
#mainNav li {
	float: left;
	position: relative;
 	 }
  
 #mainNav li a {
	text-decoration: none;
	display: block;
	width: 70px;
	height: 14px;
	margin: 0;
	padding: 25px 0 0 10px;
	border-left: 1px solid #c0c0c0;
	}
	
 #mainNav li a:hover {
	background: url("images/bgMainNav.gif") repeat-x;
	}
	
#mainNav a.current_page_item {
	background: url("images/bgMainNav.gif") repeat-x;
	}
	
 #mainNav li a.twitter {
	text-decoration: none;
	display: block;
	width: 26px;
	height: 14px;
	margin: 25px 0 0 10px;
	padding: 0;
	border-left: none;
	}
	
 #mainNav li a:hover.twitter {
	background: none;
	}
	
 #mainNav li a.facebook {
	text-decoration: none;
	display: block;
	width: 26px;
	height: 14px;
	margin: 25px 0 0 0;
	padding: 0;
	border-left: none;
	}
	
 #mainNav li a:hover.facebook {
	background: none;
	}
	
/* suckerfish dropdowns
--------------------------------------------- */

#mainNav li ul li a {
	color: #fff;
	display: block;
	width: 71px;
	height: 20px;
	padding: 6px 0 0 10px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	}
	
#mainNav li ul li a:hover {
	background: none;
	}

#mainNav li ul {
	display: none;
	position: absolute; 
	top: 45px;
	left: 0;
	z-index: 1000; 
	background: #000;
	text-decoration: none;
	list-style: none;
	}
  
#mainNav li:hover ul { 
	display: block;
	}

/* sub navigation -- large
--------------------------------------------- */

#subNavLarge {
	float: left;
	width: 214px;
	list-style: none;
	margin: 0;
	padding: 27px 0 27px 0;
	display: block;
	overflow: hidden;
	}
	
#subNavLarge li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#subNavLarge a {
	float: left;
	padding: 55px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#subNavLarge a:hover {
	background-position: 0 -55px;
	}

#subNavLarge a:active {
	background-position: 0 -55px;
	}
	
#cleanLarge a  {
	width: 214px;
	height: 110px;
	margin: 0;
	background: url("images/nav/cleanLarge.gif") no-repeat;
	}
	
#pureLarge a  {
	width: 214px;
	height: 110px;
	margin: 10px 0 0 0;
	background: url("images/nav/pureLarge.gif") no-repeat;
	}
	
#softLarge a  {
	width: 214px;
	height: 110px;
	margin: -8px 0 0 0;
	background: url("images/nav/softLarge.gif") no-repeat;
	}
	
#freshLarge a  {
	width: 214px;
	height: 110px;
	margin: 3px 0 0 0;
	background: url("images/nav/freshLarge.gif") no-repeat;
	}
	
/* sub navigation -- small
--------------------------------------------- */

#subNav {
	float: left;
	width: 141px;
	list-style: none;
	margin: 0 0 0 45px;
	padding: 30px 0 30px 0;
	display: block;
	overflow: hidden;
	background:	url("images/greyRule.gif") left top no-repeat;
	clear: left;
	}
	
#subNav.noRule { /* removes grey rule from top of sub nav */
	background:	none;
	}
	
#subNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#subNav a {
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#subNav a:hover {
	background-position: 0 -31px;
	}

#subNav a:active {
	background-position: 0 -31px;
	}
	
#subNav a.current_page_item {
	background-position: 0 -31px;
	}
	
#cleanSmall a  {
	width: 99px;
	height: 62px;
	margin: 0;
	background: url("images/nav/cleanSmall.gif") no-repeat;
	}
	
#pureSmall a  {
	width: 81px;
	height: 62px;
	margin: 3px 0 0 1px;
	background: url("images/nav/pureSmall.gif") no-repeat;
	}
	
#softSmall a  {
	width: 73px;
	height: 62px;
	margin: -4px 0 0 0;
	background: url("images/nav/softSmall.gif") no-repeat;
	}
	
#freshSmall a  {
	width: 93px;
	height: 62px;
	margin: 2px 0 0 0;
	background: url("images/nav/freshSmall.gif") no-repeat;
	}
	
/* sub navigation -- shop
--------------------------------------------- */

#subNavShop {
	float: left;
	width: 233px;
	list-style: none;
	margin: 0;
	padding: 27px 0 27px 0;
	display: block;
	overflow: hidden;
	}
	
#subNavShop li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#subNavShop a {
	float: left;
	padding: 100px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#subNavShop a:hover {
	background-position: 0 -100px;
	}

#subNavShop a:active {
	background-position: 0 -100px;
	}
	
#subNavShop a.current_page_item {
	background-position: 0 -100px;
	}
	
#shopLarge a  {
	width: 233px;
	height: 200px;
	margin: 0;
	background: url("images/nav/shopLarge.gif") no-repeat;
	}
	
#cartLarge a  {
	width: 201px;
	height: 200px;
	margin: -22px 0 0 0;
	background: url("images/nav/cart.gif") no-repeat;
	}
	
#checkoutLarge a  {
	width: 233px;
	height: 200px;
	margin: 9px 0 0 0;
	background: url("images/nav/checkOut.gif") no-repeat;
	}
	
/* newsletter
--------------------------------------------- */
	
#newsletter {
	float: left;
	background: url("images/greyRule.gif") top left no-repeat;
	width: 200px;
	margin: 0 0 0 44px;
	clear: left;
	}
	
h2#getNewsletter {
	width: 126px;
	height: 40px;
	background: url("images/getNewsletter.gif") no-repeat;
	margin: 20px 0 0 0;
	float: left;
	}
	
#newsletter input {
	width: 157px;
	height: 20px;
	border: 1px solid #c8c7c7;
	margin: 7px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em; 
	}
	
/* shopping cart
--------------------------------------------- */
	
#sideCart {
	float: left;
	background: url("images/greyRule.gif") top left no-repeat;
	width: 200px;
	margin: 0 0 0 44px;
	padding: 30px 0 30px 0;
	clear: left;
	}
	
/* columns
--------------------------------------------- */

.column224 {
	float: left;
	width: 224px;
	margin: 0 35px 0 0;
	padding: 0;
	}

	
.column224.second {
	margin: 0;
	}
	
/* temporary fix */

.column224temp {
	float: left;
	width: 224px;
	margin: 18px 35px 0 0;
	padding: 0;
	}
	
.column224temp.second {
	margin: 18px 0 0 0;
	}
	
.column224temp ul {
	list-style: none;
	font-size: 1.3em;
	}
	
.column224temp ul li a {
	font-weight: bold;
	}
	
.column224 ul {
	list-style: none;
	font-size: 1.3em;
	}
	
.column224 ul li a {
	font-weight: bold;
	}

.lineRuleContent { 
	float:left;
	display: block;
	width: 491px;
	clear: both;
	background: #929292;
	margin: 20px 0 30px 0;
	height: 1px;
}

.blue {
	color: #00B6DD;	
	}
	
.green {
	color: #8CC63F;
	}
	
.red {
	color: #F00;
	}

p.ritzMessage {
	width: 272px;
	height: 235px;
	margin: 25px 0 0 0;
	padding: 0;
	background: url("images/ritzMessage.gif") no-repeat;
	}
	
/* contact us form
--------------------------------------------- */

input#email {
	width: 405px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em; 
	border: 1px solid #000;
	}
	
textarea#message {
	width: 405px;
	height: 200px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #000;
	resize: none; /* removes the resize tab in WebKit browsers */
	}

.fbsubmitbtn {
	width: 80px;
	height: 19px;
	background: url("images/submit.gif") no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

/* flash animation div
--------------------------------------------- */
	
.flashmovie {
	margin: -20px 0 0 -45px;
}