/* 
ShopSite Template Name: Soapbar Clean
ShopSite Template URL: http://www.websitewerx.com
Description: Clean and fresh custom template for thesoapbar.com
Author: WebSite Werx
Author URI: http://www.websitewerx.com
*/
	/* SB Clean Template - Main CSS */

	/* main page css */
	
	html {
		background: #fafafa;
	}
	
	body {
		width: 960px; 
		padding: 0px;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		color: #594e4f;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
	}

	a:link, a:active, a:visited {
		font-weight: normal;
		/*color: #594e4f;*/
		color: #ff00ff;
	}
	
	h1, h2, h3, h4, h5 {
		font-weight: normal;
		margin: 0px;
	}
	
	h1 {
		font-size: 19px;
	}
	
	hr {
		border: none;
		height: 1px;
		background-color: #e3e3e3;
	}
	
	#content {
		width: 960px;
		background: #fff;
		margin-left: auto;
		margin-right: auto;
		font-family: Verdana, Arial, sans-serif;
		font-size: 13px;
	}
	
	#logo {
		float: left;
		padding-left: 50px;
		margin-top: 20px;
	}
	
	#search {
		float: right;
		padding-right: 50px;
		margin-top: 15px;
	}
	
	#search form {
		margin-bottom: 0;
	}
	
	#searchbox {
		border-top: 1px solid #8e8e8e;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #e3e3e3;
		border-left: 1px solid #e3e3e3;
		padding: 2px 5px;
		font-family: Georgia, Verdana, Arial, sans-serif;
		font-size: 11px;
		margin-right: 5px;
		width: 200px;
		color: #333333;
		font-style: italic;
	}
	
	#topNav {
		clear: both;
		padding: 0 5px;
		padding-bottom: 2px;
	}
	
	#topNav {
		border-bottom: 1px solid #594e4f;
		height: 30px;
	}
	
	#topNav ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		text-align:center;
	}
	
	#topNav ul li {
		display: inline;
		padding-right: 25px;
	}
	
	#topNav ul li a {
		display: inline;
		height: 30px;
		line-height: 30px;
		font-size: 11px;
		/*color: #594e4f;*/
		color: #9916D6;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	#topNav ul li a:hover {
		text-decoration: underline;
	}
	
	#topNav li.lastLink {
		padding-right: 0px;
	}

	#phone-top {
	text-align: right;
	padding-top: 12px;
	padding-bottom: 8px;
	}
	
	#phone-top img {
	vertical-align: middle;
	margin-left: 5px;
	
	}
	
	li#giftshowcase img {
	vertical-align: middle;
	padding-bottom: 5px;
	}

	/* jump menu */
		#jumpmenu {
		padding-top: 10px;
		padding-left: 50px;
		float: left;
	}
	
	#shopbybrand {
		color: #594e4f;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
	}
	
	#freeshipping-cart {
		text-align: center;
		width: 100%;
		height: 24px;
	}
	
	#freeshipping {
		float: left;
		position: relative;
		left: 275px;
		width: 534px;
		height: 24px;
		top: 8px;		
	}
	
	#freeshipping, #freeshipping-cart {
		background: url(/media/freeupsground-100.jpg) no-repeat top center;
	}
	
	/* minicart */
	#minicart {
		padding-top: 10px;
		padding-right: 50px;
		float: right;
	}
	
	#minicart img {
		vertical-align: bottom;
		margin-right: 5px;
	}
	
	#minicart a {
		font-weight: normal;
	}
	
	#minicart a:hover {
		text-decoration: none;
	}
	
	
	/******** Page styles *********/
	#pageName {
		text-align: center;
		padding-bottom: 25px;
	}
	
	#pageName h1 {
		font-size: 19px;
	}
	
	#pageGraphic {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 25px;
	}
	
	.link_image {
		border: none;
	}
	/* pageContent has two main content areas */
	
	#pageContent {
		width: 630px;
		float: right;
		text-align: left;
		/*padding: 25px 50px 25px 0;*/
		padding: 20px 50px 25px 0;
		background-color: #fff;
	}
	
	#pageLeft {
	}
	
	#pageRight {
	}
	
	.clear {
		clear: both;
	}
	#text1 {
		
		padding-bottom: 25px;
	}
	#text2 {
		padding-bottom: 25px;
		
	}
	#text3 {
		clear: both;
		text-align: center;
		padding: 25px 50px;
	}
	#shopbybrand {
		display: none;
	}
	/******** Product styles *********/
	
	.productBlock h2, .linkBlock h2 {
	font-size: 12px;
	}
	
	.productBlock, .linkBlock {
		border-bottom: 1px solid #eee;
		padding:0 0 25px 0;
		margin:0 0 25px 0;
	}
	
	.productGraphic, .linkGraphic {
		float: left;
		text-align: center;
		width: 150px;
		max-height: 130px;
		/* in case the image is too large, we don't want to wreck the layout */
		overflow: hidden;
	}
	
	.productName a:link, .productName a:visited, .linkName a:link, .linkName a:visited, .searchLinkName a:link, .searchLinkName a:visited {
		font-size: 11px;
		color: #594e4f;
		text-transform: uppercase;
		text-decoration: underline;
		font-weight: normal;
	}
	.productName a:hover, .linkName a:hover, .searchLinkName a:hover {
		text-decoration: none;
	}
	.productInfowrap, .linkInfowrap, .searchResultPage, .searchLinkWrap {
		text-align: left;
		float: right;
		width: 440px;
	}
	.productDescription, .linkText {
		clear: both;
		padding-top: 10px;
	}
	.linkBrowse {
		text-align: left;
		margin-top: 10px;
		vertical-align: top;
	}
	.orderOptions {
		clear: right;
		text-align: right;
		margin-right: 0;
		margin-left: auto;
	}
	.orderOptions table {
		text-align: right;
		margin-right: 0;
		margin-left: auto;
	}
	.checkout {
		text-align: right;
		/*margin-top: 10px;*/
			padding-top: 10px;
		vertical-align: top;
	}
	.checkout input {
		vertical-align: middle;
		margin-right: 0;
		padding-right: 0;
	}
	.addtocartbtn {
		z-index: 100;
	}
	.addtocartimg {
		border: 0;
		margin: 0;
		vertical-align: top;
		margin-left: 5px;
	}
	.checkout a, .checkout a:visited, .checkout a:hover {
		text-decoration: none;
	}
	.moreInfoLink img {
		border: 0;
	}
	.addToCartLink img {
		border: 0;
	}
	/*price */
			
		.productPrice {
		margin-top: 17px;
		font-size: 11px;
		font-weight: bold;
		float: left;
	}
	.regularprice {
		text-decoration:line-through;
		font-weight: normal;
	}
	.mi-productPrice {
		margin-top: 7px;
		margin-bottom: 7px;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
	}
	#mi-qtypricing {
		margin-top: 17px;
		font-size: 11px;
	}
	#mi-qtypricing table {
		border-collapse: collapse;
		margin-left: auto;
	}
	#mi-qtypricing table td {
		padding: 5px;
		border: 1px solid #eee;
	}
	td.qp_desc {
		text-align: center;
	}
	.qp_quantitytxt, .qp_quantity {
		font-weight: bold;
	}
	.qp_saletxt, .qp_sale {
		font-weight: bold;
	}
	.moreInfoTextLink:link, .moreInfoTextLink:visited, .qtyPriceLink:link, .qtyPriceLink:visited {
		display: block;
		margin-top: 10px;
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		text-align: right;
	}
	.moreInfoTextLink:hover, .qtyPriceLink:hover {
		text-decoration: underline;
	}
	
	.qtyPriceLink:link, .qtyPriceLink:visited {
		font-size: 10px;
		font-weight: normal;
	}
	
	/* needed? */
	.moreInfoLink img {
		vertical-align: middle;
		margin-left: 10px;
	}
	/* more info pages */
		
	.mi-productDescription {
		padding-bottom: 10px;
	}
	
	.mi-orderOptions {
		text-align: right;
		margin-right: 0;
		margin-left: auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.mi-orderOptions table {
		text-align: right;
		margin-right: 0;
		margin-left: auto;
	}
	
	.mi-orderOptions table select {
		color: #594e4f;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
	}
	
	/*cross-sell*/

	#cross-sell-wrap {
		margin-top: 50px;
		padding-top: 20px;
		border-top: 1px solid #eee;
	}
	
	#cross-sell--header {
		padding-bottom: 20px;
		font-style: italic;
		font-weight: bold;
	}
	
	/* main content */
		/* room for a left-hand menu, and one main content section */
	#mainContent {
		clear: both;
		float: right;
		text-align: left;
		width: 675px;
		padding-left: 0px;
		padding-bottom: 25px;
		padding-right: 50px;
		padding-top: 0px;
		background-color: #fff;
	}
	
	/*left column */
			
	#leftContent {
		clear: left;
		float: left;
		padding-left: 35px;
		padding-bottom: 0px;
		padding-right: 0px;
		/*padding-top: 25px;*/
		padding-top: 20px;
		background-color: #fff;
		width: 200px;
	}
	
	#leftContent ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#leftContent ul li {
		margin-bottom: 5px;
	}
	
	#leftContent ul li.leftNavHeader {
		font-size: 16px;
		margin-bottom: 10px;
		font-family: Verdana, Arial;
		font-weight: bold;
		display: inline;
		height: 30px;
		line-height: 30px;
		color: #9916D6;
	}
	
	#leftContent ul li.heading {
		margin: 15px 0px 0px 0px;
		font-weight: bold;
		height: 20px;
		line-height: 20px;
	}
	
	#leftContent ul li.subnavlink  a {
		font-size: 11px;
	}
	
	#leftContent ul li a {
		color: #594e4f;
		text-decoration: none;
		font-weight: normal;
		font-size: 13px;
	}

	#leftContent a:hover {
		text-decoration: underline;
	}

	/* optin form */
			
	.myForm {
	padding-top: 25px;
	}
	
	
	/* end left column stuff */	

	/*
	#geoTrust {

		clear: both;
		text-align: center;

	}
	*/
	
	/* Google Checkout logo version */

	#acceptance {
	clear: both;
	padding-top: 25px;
	}

	#geoTrust {
		clear: both;
	text-align: right;
	outline: 0px solid pink;
		width: 50%; /* 33% if there are 3 items */
	float: left;
	
	}

     #geoTrust * {
		text-align: center !important;
	}

	#geoTrustInternal {
	float: right;
	}
/*

	#geoTrust {
		
	text-align: center;
	outline: 0px solid pink;
	width: 100%;
	float: center;
	
	}
*/
	#googleCheckoutLogo {
		float: left;
		text-align: left;
			width: 33%;
		outline: 0px solid green;
	}

	#creditcards {
	  background: url('/media/credit-cards-v-mc-amex.jpg') top center no-repeat;
	  outline: 0px solid green;
		width: 33%;
	  height: 50px;
	  float: left;
	  margin: 10px 0px;
	}

	#footer {
		clear: both;
		text-align: center;
		background: #ffffff;
	}
	#footerContents {
		background: #eee;
		padding-left: 100px;
		padding-right: 100px;
		padding-top:10px;
		padding-bottom: 10px;
	}
	#copyright {
		background: #ffffff;
		font-size: 11px;
		text-align: center;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	#footerlinks {
		background: url(/media/footer-rule-2.jpg) no-repeat top center;
		padding-top: 30px;
		margin-top: 20px;
	}
	#footerlinks ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		text-align:center;
	}
	#footerlinks ul li {
		display: inline;
		padding-right: 10px;
	}
	#footerlinks ul li a {
		display: inline;
		height: 30px;
		line-height: 30px;
		color: #594e4f;
		text-decoration: none;
		text-transform: lowercase;
		font-weight: normal;
	}
	#footerlinks ul li a:hover {
		text-decoration: underline;
	}
	#footerlinks li.lastLink {
		padding-right: 0px;
	}
	
	#footerlinks li img {
		vertical-align: middle;
	}

	/* buttons */
		
			/* search button */
	
	.button154 {
		font-size: 7pt;
		padding-top: 2px;
		background-color: #fff;
		color: #9916D6;
		vertical-align: middle;
		color: #333333;
		cursor: pointer;
	}
	/***** Gift Certificates ****/
	
	div.cert div.instructions h1 {
		margin-bottom: 10px;
	}
	
	div.cert div.instructions h1 {
		margin-bottom: 10px;
	}
	
	div.cert div.instructions .giftcertem {
		font-weight: bold;
	}
	
	div.gcimage {
		text-align: center;
		padding-bottom: 20px;
	}
	
	div#gcentry {
		margin-left: auto;
		margin-right: auto;
		background: #efefef;
		width: 85%;
	}
	
	div#gcentry table {
		margin: 5px;
	}
	
	div#gcpolicy {
		margin-top: 20px;
		padding: 5px;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#gcpolicy h2 {
		font-size: 14px;
	}
	
	div#gcbuttons {
		text-align: center;
		margin-top: 25px;
	}
	div#gcbuttons a {
		margin-right: 15px;
	}
	
	/* buy gift certificate button */
	.button331 {
		margin-left: 15px;
		line-height: 1em;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-variant: normal;
		color: #333;
		background-color: #CCCCFF;
		text-decoration: none;
		padding-top: 3px;
		font-weight: bold;
		letter-spacing: .02em;
		vertical-align: middle;
	}
	/*  search results page */
		
	.searchResultPage {
	margin-top: 10px;
	padding-top: 10px;
	text-align: left;		
	font-style: italic;
	border-top: 1px solid #efefef;
	}
	
	.searchLinkBrowse {display: none;
	}
	.searchLinkBrowse img {
		vertical-align: middle;
	}
	.searchLinkName {
		float: left;
		vertical-align: middle;
		margin-top: 7px;
		border: 0px solid green;
		text-align: left;
	}
	
	#searchPageName {
	margin-bottom: 20px;
	}
	
	#searchTop {
	margin-bottom: 25px;
	}

	
	form.productsearch b {
		padding-right: 7px;
	}
	
	#searchBottom table.search_table {
		display: none;
	}

	#searchTop table td {
		text-align: right;
		padding-top: 10px;
	}
	  
	#searchTop .search_table td {
		padding-top: 0;
		padding: 3px;
	}
	
	#searchBottom table td{
		text-align: right;
	}
	
	/* tell a friend */
	
	body.tellafriend {
		width: 90%;
	}
	
	.tflink {
	
	}

	.tflink a:link, .tflink a:visited, .tflinkpage a:link, .tflinkpage a:visited {
		font-size: 11px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: normal;
	}
	.tflink a:hover, .tflinkpage a:hover {
		text-decoration: underline;
	}
	
	
	form.tf table.body {
		width: 100%;
		background-color: transparent;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
	}

	form.tf a, a.tf_page_link, .tfbody a:link, .tfbody a:visited {
		font-size: 11px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: normal;
	}

	form.tf a:hover, a.tf_page_link:hover, .tfbody a:hover {
		text-decoration: underline;
	}

	form.tf span.title {
		font-size: 19px;
	}

	form.tf td.text {
		text-align: right;
	}

	form.tf td.input {
		text-align: left;
	}

	table.tf_sel {
		background-color: transparent;
		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		border-spacing: 0px;
		margin: 1em auto;
		padding: 5px;
	}

	th.tf_sel_hdr {
		text-align: center;
		padding: 5px;
	}

	td.tf_sel_radio {
		text-align: center;
		padding: 5px;
	}

	td.tf_sel_str {
		text-align: left;
		padding: 5px;
	}

	.button403, .button404 {
		margin-left: 15px;
		line-height: 1em;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-variant: normal;
		color: #333;
		background-color: #CCCCFF;
		text-decoration: none;
		padding-top: 3px;
		font-weight: bold;
		letter-spacing: .02em;
		vertical-align: middle;
 	}

	.tfbody {
		background-color: transparent;
		border: none;
		text-align: center;
		vertical-align: middle;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
	}

	.tfbody table.message-wrap {
		border: 1px solid #eee;
		margin: 1.5em auto;
		text-align: center;
		padding: .5em;
		width: 95%;
	}

	/* Customer registration */
	
	form.cr table td {
	/*text-align: left;*/
	}

	form.cr h2 {
		padding: 10px 0;
	}

     div#messages table.ups_error {
		border-collapse: collapse;
	}
	div#messages td.ups_error {
		background: #eee;
		border: 1px solid #ccc;
	}
	
	/* Christmas Lights */
	
	#holidaylights {
	display: none;
	height: 20px;
	background: url('/media/christmas_lights_flashing_3.gif') top left repeat-x;
	width: auto;
	padding-bottom: 20px;
	}

	body#checkoutpage1 #holidaylights {
	padding-bottom: 0;
	margin-top: 20px;
	}

	/* old method 
		#pageName {
		padding-top: 35px;
		background: url('https://www.thesoapbar.com/media/christmas_lights_flashing_3.gif') top left repeat-x;
	}

	*/
	

/* Vacation message */

	div.vacationmessage {
		width: 500px;
		padding: 10px;
		margin: 20px 0;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px;
		border: 3px solid #eee;
		color: red;
		}

/* OVERLAY */

	/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#eee;
 
    width:475px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/images/overlay/apple-close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:28px;
    width:28px;
}


 /* styling for elements inside overlay */
  .overlay_inner {
  text-align: center;
 padding: 15px;
  font-size:11px;
  color:#333;
  width:auto;
  }
 
  .details h3 {
  color:#444;
  font-size:15px;
  } 

	
	.myForm {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

	.required {
		color: red;
	}