 /*Globals */ 
* {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}

img { border:none; }
div {overflow:hidden;}
body{
    padding:0 0 0 0;
    margin:0 0 0 0;
    background-color:#DDE2E7;
	margin-left:auto;
	margin-right:auto;
	width:996px;
}

p { text-align:left; } 


.middle { text-align:center; }


/* GLOBALS 5-1-11  */

.indent1 { text-align:left; margin-left:10px;}

.indent2 { text-align:left; margin-left:20px;}

/* HEADING GLOBALS */

	h1
	{
	font-family:Tahoma, Arial, Helvetica, san-serif;
	font-size:14pt;
	color:#000;
	padding:0px;
	margin-bottom:0;
	margin-top:5px;
	}
	
	h2
	{
	font-family:Tahoma, Arial, Helvetica, san-serif;
	font-size:14pt;
	color:#565A5F;
	font-weight:bold;
	padding:0px;
	margin:4px;
	}
	
	h3
	{
	font-family:Tahoma, Arial, Helvetica, san-serif;
	font-size:13pt;
	color:#256A79;
	padding:0px;
	margin-bottom:0;
	}
	
	h4
	{
	font-family:Tahoma, Arial, Helvetica, san-serif;
	font-size:10pt;
	color:#B53711;
	font-weight:bold;
	padding:0px;
	}
/* HEADING GLOBALS END */	
	/* BUTTONS STYLES */
ul#buttonnav {
position: relative;
margin: 10px auto;
padding: 3px;
height: 21px;
width:96px
} 
#buttonnav li {
background: url(/images/buttons/buttonItem.png) 0 -21px no-repeat;
position: absolute;
height:21px;
display: block;
list-style: none outside none;
margin-top:2px;
}
#buttonnav a {
height: 21px;
display: block;
width:102px;
text-align:center;
text-decoration:none;
font-style:italic;
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin-top:0;
} 

#buttonnav #butItem a:hover { /* BUTTONS FOR CATEGORY-SOAP.PHP */
background: url(images/buttons/buttonItem.png) 0px 0px no-repeat; 
color:#333; 
}
/* END BUTTON STYLES */
	
/* END GLOBALS */

/* LIQUID CORNERS SECTION */
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (Dave Percey and chocks.com?!)
	|
	
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image:url(/images/body/corners1280x18cregy.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside { 
	background: #EFEFEF; 
	border-left: 1px solid #7F7F7F; 
	border-right: 1px solid #7F7F7F;
	}

.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/*
implementation in the page:
	...
	<head>
	<link rel="stylesheet" type="text/css" href="liquidcorners.css">
	...
	</head>
	
	<body>
	...
	<div class="top-left"></div><div class="top-right"></div>
		<div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
		</div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
	</body>
END LIQUID CORNERS SECTION*/

/* ALL LINK PROPERTIES /*

/* MAIN LINK PROPERTIES */
a.main:link
{
    color:#2C5374;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 13px;
    text-decoration:underline;
}
a.main:visited
{
    color:#2C5374;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 13px;
    text-decoration:underline;
}
a.main:hover
{
    color:#000000;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 13px;
    text-decoration:underline;
}
a.main:active
{
    color:#2C5374;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 13px;
    text-decoration:underline;
}


/* SECONDARY LINK PROPERTIES */
a.main2:link
{
    color:#2C5374;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 16px;
    text-decoration:underline;
}
a.main2:visited
{
    color:#2C5374;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 16px;
    text-decoration:underline;
}
a.main2:hover
{
    color:#000000;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 16px;
    text-decoration:underline;
}
a.main2:active
{
    color:#2C5374;
    font-family: Tahoma, Arial, Helvetica, san-serif;
    font-size: 16px;
    text-decoration:underline;
}

/* /* MAIN NAV LINK PROPERTIES */

a.nav span {
font-family: 'Baskerville Old Face',Helvetica, Serif;
font-size: 1.3em;
font-weight:700;
padding:1px 2px;
}

a.nav {
    font-family: 'Baskerville Old Face',Helvetica, Serif;
    font-size: 1.1em;
	font-weight:700;
    text-decoration:none;
	display:block;	
}

a.nav:link
{
    color:#3C4997;
    
}
a.nav:visited
{
    color:#17175E;
    font-family:'Baskerville Old Face',Helvetica, Serif;
    font-weight: bold;
    text-decoration:none;
	display:block;
}
a.nav:hover
{
    color:#7984C1;
    font-weight: 900;
    text-decoration:none;
    display:block;
}
a.nav:active
{
    color:#FF0000;
    font-weight: bold;
    text-decoration:none;
	display:block;
	background-color:transparent;
}

	
a.sideLinks
{
color:#2C5374;
font-family: Tahoma, Arial, Helvetica, san-serif;
font-size: 18px;
text-decoration:none;
display: block;
}

a.sideLinks:hover{
	color:#FF0033;
	}
		 
		 
/* END LINK STYLES/PROPERTIES  */

div#content {width:98%; padding:0 1%; }

div#leftNav{		/*NAVIGATION ON LEFT */
text-align:center;
float:left;
width:210px;
}

div#leftNav table{	/* TABLE HOLDS NAV BUTTONS */
margin-bottom:10px;
}

div#soap_index_right {	/* CONTENT OF PAGE */
margin-bottom:5px;
}


/* RELATE SPECIFICALLY TO INDEX SECTION */

body.soap-index {    }

div#monthlyspecial {
background-color:transparent;
background-image:url(/images/index/soap_special_bckgrnd_280.png);
background-repeat:no-repeat;
overflow:visible;
width:280px;
float:right;
padding:5px;
}
  #monthlyspecial .inner {
	margin-right:20px;
	
  }
	  
	  
	#monthlyspecial h1 { 
	color:#930;
	padding-left:5px;
	margin-top:0px;
	}
	
	
	
	#monthlyspecial h4 { 
	margin:0;
	padding:0;
	color:#033;
	text-align:center;
	}
	
	#monthlyspecial div#soap_monthly_bot {
	clear: left;
    float: left;
    margin: 0px 10px;
    width: 240px;
	}
	
	#monthlyspecial h2 { 
	float:left;
	color:#930;
	width:30%;
	margin:0;
	}
	
		#monthlyspecial h2 span{ 
	    color:#000;
		
	    }
		
	#monthlyspecial img {
	float:left;
	margin:5px;
	}
	
	#monthlyspecial h3#soap_marquee {
	font-size:1em;
	color:#000;
	}
	
	#monthlyspecial form input {
	float:right;
	}
	.soap-index p:first-letter  { font-size:110%; font-weight:bold; }
	p#oldfashionedsoap { margin-bottom:10px; font-weight:bold}
	p#milk_soap_benefits {margin-bottom:10px; }
	p#soap_weight { color:#930; font-weight:800; margin: 15px 0; line-height:1.1em;   }
	img#soap_image {float:right;clear:right; margin-top:15px;}
	
	#topleftcontainer {
		
	}

table.soap_nav {	
margin:0;
padding:0;
}

div.main {
	background-color:#fff;
	background-image:url(../images/body/goat_soap_gradient.png);
	background-position:left;
	background-repeat:repeat-y;
	
	
}

table#tbl_email {
   width:70%;
   
  }

td.contact_label {
width:25%;
font-weight:700;
}

.req_title {
float:right;
}

.required
{
font-size: 1em;
color:#900;
}


td.main
{
	font-family:Tahoma, Arial, Helvetica, san-serif;
	font-size: 13px;
    color:#565A5F;
	padding:10px;
	padding-top:0px;
	line-height:1.7em;
}
td.main2
{
	font-family:Tahoma, Arial, Helvetica, san-serif;
	font-size: 12px;
    color:#000000;
	padding:10px;
	padding-top:0px;
}
td.main3
{
	font-family:Tahoma, Arial, Helvetica, san-serif;
	font-size: 12px;
   color:#000000;
	padding-top:0px;
}
td.box
{
   color:#000000;
    padding:0px;
}
td.menu
{
	font-family: 'Baskerville Old Face',Helvetica, Serif;
	color:#000000;
	line-height:1.2em;
	  /*  padding:5px;
	padding-top:5px;  */
	background-color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	  /*  height:50px;
	width:199px;  */
}


td.menuLow
{
	font-family:Arial, Helvetica, san-serif;
	color:#000000;
	background-color: #538D9D;
	text-align: center;
}
td.header
{
	font-family:Arial, Helvetica, san-serif;
	font-size:13px;
	font-weight: bold;
    color:#000000;
	padding:0px;
	padding-top:0px;
}


dt
{
    font-weight: 900;
    font-size: 16px;
	color: #111111;
}
   /*  .b
 {
	 color: #111111;
	 font-weight: 800;
	 font-size: 12pt;
	 background-color: #EEEEEE;
  }  */
  #orderTotals td
  {
	 font-weight: 800;
	 font-size: 13pt;
  }

  .praise p.soap_praise {
  font-weight:bold;
  margin-bottom:10px;
  }
  
  .praise span.soap_praise_sig {
  float:right;
  padding-right:40px;
  font-style:italic;
  color:#333;
  }
  
  div#acknowledgement 
  {
   float:left;
   clear:left;
   width:20%;
   margin:10px 5px;
  }
  
  div#acknowledgement a{
  font-size:.8em;
  }
  div#category {padding:20px 5px; float:left; min-height:500px; margin-top:5px;}
 
 /* ITEM PAGE STYLES */
  
  .item h1{ margin-bottom:10px;}
  
  .item h2 { text-align:left; float:left;}
  .item #category h2 { padding-left:5px; }
  
  .item #category img { float:left; width:375px; margin-left:10px; }
  
  .item #itempay { width:330px; float:right; margin-bottom:10px;}
  		#itempay h1 { clear:right; }
  		#itempay .inside { padding:0 10px; }
  .item #category #itempay img.imgsmall { width:50px; float:left; }
		#itempay p.price {margin-bottom:10px; margin-left:10px; float:left; color:#333;}
		#itempay span { margin-left:23%; font-weight:bold; font-size:1.3em; clear:left; float:left;}
		#itempay form { clear:left; }
		#itempay td.choice {color:#002B55; font-weight:800;  }
  .item #ingredients { margin:10px 0; padding:10px; border:1px #B53711 solid; float:right; background-color:#FAF3D7;width:450px; }
  		#ingredients h4 { margin: 2px auto; }
		#ingredients p {color:#7D4444; }
  
  .item h3 { float:left; clear:left; color:#800000; }
  .item div#soap_desc { float:left; opacity:0.8;filter:alpha(opacity=80); }
  .item p#description { clear:both; background-color:transparent; padding:10px; } 
  .item p#description:first-letter { font-size:120%; font-weight:bold; color:#003; opacity:1;filter:alpha(opacity=100)}
  		
  div#content_right { padding-right:10px; padding-bottom:10px; margin-bottom:10px; }

/* ABOUT US PROPERTIES */
.aboutnms input[type=submit], .aboutnms input[type=reset]
{ width: 73px; height: 25px; color: #000; font-size: 11pt; background-color:#4EB7D7; font-weight: 700; }

.aboutnms input[type=text], textarea, select
{ background-color:#DDE8FB; font-weight: 600;}
			
.aboutnms img.secure {float:right; margin-right:20px; }

/* CATALOG PROPERTIES */
  
div#category
{
background-repeat:no-repeat; 
background-color:#DDE8CA;
clear:both;
width:100%;
}
 div#category p { margin: 2px 5px }
 
 
 #category table {margin:0 5px; width: 98.5%; }/* HOLDS BACKGROUND SCRIPT FOR CONTENT AREA (USED IN CAT AND STORE */  
	
	#category caption
    {
	font-weight: 700;
	font-size: 18px;
	padding: 0px 15px;
	color: #222222;
	}
 
  
   #category table td:hover {background-color:#FFF; 
   
   /* for IE 
  filter:alpha(opacity=10);*/
  /* CSS3 standard 
  opacity:0.10;*/}
  #category #itempay table td:hover {background-color:transparent; }
 .CatLinks
		  {
			  color: #000;
			  text-decoration: none;
			  font-size:104%;
		  } 
  div.itemPic {  width:130px; float:left; margin:5px;  }		  
  
  h1.itemName {text-align:center; }
  
  p.itemBlurb {margin-top:5px; color:#800000; font-weight:bold; }
  
  p.descShort
		 {
            padding:4px 10px;
			font-size: 1em;
		 }
  div.itemInfo_layer {}
  
  div.itemInfo {clear:both; display:table-cell; vertical-align:bottom; }
  
  
  
  	div.itemInfo p {float:left; margin-left:5px; position:inline; float:left;}
	
	div.itemInfo p.price {font-size:150%; margin:10px 20px 5px 20px; font-weight:700; }
	
	div.itemInfo div.info {float:left; margin-left:10px; }
	
	div.Submit { float:left;  margin-left:40px;  }
	div.Submit form {margin-top:15px;}
  
	ul.buttons {list-style-type:none; padding-left:10px; }

		.buttons li {display:inline; list-style:none; margin-right:10px; }

		.buttons li a {background:#fff; border: 1px solid #000; padding:3px 10px; -webkit-border-radius:10px; -moz-border-radius:15px; }

		.buttons li a:hover { background:#5d9ddd; border:1px solid #ccc; color:#fff; -webkit-border-radius:10px;-moz-border-radius:15px; }
	
		
	
	
	
	
	
	.Quantity
		{
			font-weight: 700;
			font-size: 9pt;
			#111111;
		}
		
		
			
		.subBuy
		{
           background-color: #3300CC;
		   color: #FFFFFF;
		   font-style: 9pt;
		   font-weight: 700;
		   padding: 3px 3px;
		}

		div,producta h1, div.product h2 {
		}


		 div#divContent input {
		
		}

		input.ppbutton {
		text-align:center;
		margin-top:5px;
		}


