/* ------------------------------ */
/* General Styles */

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #5C3729;
	text-align: center;
	background: #FFF5E2 url("images2006/bgGrad.jpg") repeat-x 0 0;
}

h2 {
	font-size: 0.8em;
	color: #BB5C22;
}

p {
	font-size: 0.7em;
	color: #5C3729;
	padding: 0 0 10px 0;
}

span.highlightedTxt {
	color: #BB5C22;
}

	span.highlightedTxtStyle1 {
		color: #896D9D;
	}
	
	span.highlightedTxtStyle2 {
		color: #BB5C22;
	}
	
	span.highlightedTxtStyle3 {
		color: #E37C75;
	}

a:link,
a:visited,
a:active {
	color: #5C3729;
}

a:hover {
	color: #5C3729;
	text-decoration: none;
}

img {
	border: none;
	display: block;
}

.offScreen {
	position: absolute;
	left: -5000px;
}

.clear {
	clear: both;
}





/* ------------------------------ */
/* Site Structure                 */

/* Frame */

#frame {
	width: 756px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* Site Identity */

#siteIdentity {
	position: absolute;
	left: 724px;
	top: 0;
	width: 39px;
	height: 160px;
 	background: url("images2006/sw_ev_home.gif") no-repeat 0 0;

}

#siteIdentity a {
	width: 39px;
	height: 160px;
	display: block;
 	background: url("images2006/sw_ev_home.gif") no-repeat 0 0;
}

/* Content container */

#contentContainer {
	width: 723px;
	background: url("images2006/halfContentAreaBg.gif") repeat-y 0 0;
}

#contentContainerNoBg {
	width: 723px;
}





/* ------------------------------ */
/* Navigation                     */

#navigationContainer {
	height: 45px;
	background: #502819;
	margin: 0 0 1px 0;
}

	ul#nav {
		list-style-type: none;
		padding: 10px 0 0 20px;
	}
	
	ul#nav li {
		float: left;
		display: inline;
		margin: 0 15px 0 0;
	}

/* ---------Home------------- */
	
		ul#nav li#home,
		ul#nav li#home a {
			display: block;
			width: 32px;
			height: 28px;
			background: url("images2009/home.gif") no-repeat 0 0;
		}
		
		ul#nav li#home a:hover,
		ul#nav li#home a.current {
			background: url("images2009/home.gif") no-repeat 0 -28px;
		}
		
/* ---------Sluffwipes------------- */
		ul#nav li#sluffwipes {
			margin: -1px 10px 0 0; /* Required to lift this link up in line with the other links */
		}
		
		ul#nav li#sluffwipes,
		ul#nav li#sluffwipes a {
			display: block;
			width: 54px;
			height: 28px;
			background: url("images2009/sluffwipes.gif") no-repeat 0 0;
		}
		
		ul#nav li#sluffwipes a:hover,
		ul#nav li#sluffwipes a.current {
			background: url("images2009/sluffwipes.gif") no-repeat 0 -28px;
		}

/* ---------MM------------- */

		ul#nav li#moroccan {
			margin: -1px 10px 0 0; /* Required to lift this link up in line with the other links */
		}
		
		ul#nav li#moroccan,
		ul#nav li#moroccan a {
			display: block;
			width: 96px;
			height: 28px;
			background: url("images2009/moroccan.gif") no-repeat 0 0;
		}
		
		ul#nav li#moroccan a:hover,
		ul#nav li#moroccan a.current {
			background: url("images2009/moroccan.gif") no-repeat 0 -28px;
		}

/* ---------Facial Tanner------------- */

		ul#nav li#facialtanner {
			margin: -1px 10px 0 0; /* Required to lift this link up in line with the other links */
		}
		
		ul#nav li#facialtanner,
		ul#nav li#facialtanner a {
			display: block;
			width: 96px;
			height: 28px;
			background: url("images2009/facialtanner.gif") no-repeat 0 0;
		}
		
		ul#nav li#facialtanner a:hover,
		ul#nav li#facialtanner a.current {
			background: url("images2009/facialtanner.gif") no-repeat 0 -28px;
		}

/* --------UTR------------------ */


		ul#nav li#ultimatetan {
			margin: -1px 10px 0 0; /* Required to lift this link up in line with the other links */
		}
		
		ul#nav li#ultimatetan,
		ul#nav li#ultimatetan a {
			display: block;
			width: 133px;
			height: 28px;
			background: url("images2009/ultimatetan.gif") no-repeat 0 0;
		}
		
		ul#nav li#ultimatetan a:hover,
		ul#nav li#ultimatetan a.current {
			background: url("images2009/ultimatetan.gif") no-repeat 0 -28px;
		}


/* -------SCRUB-------------------- */

		ul#nav li#desertmineral {
			margin: -1px 10px 0 0; /* Required to lift this link up in line with the other links */
		}
		
		ul#nav li#desertmineral,
		ul#nav li#desertmineral a {
			display: block;
			width: 111px;
			height: 28px;
			background: url("images2009/desertmineral.gif") no-repeat 0 0;
		}
		
		ul#nav li#desertmineral a:hover,
		ul#nav li#desertmineral a.current {
			background: url("images2009/desertmineral.gif") no-repeat 0 -28px;
		}

/* -------SMOOTHIE-------------------- */
		ul#nav li#smoothie {
			margin: -1px 10px 0 0; /* Required to lift this link up in line with the other links */
		}
		
		ul#nav li#smoothie,
		ul#nav li#smoothie a {
			display: block;
			width: 106px;
			height: 28px;
			background: url("images2009/smoothie.gif") no-repeat 0 0;
		}
		
		ul#nav li#smoothie a:hover,
		ul#nav li#smoothie a.current {
			background: url("images2009/smoothie.gif") no-repeat 0 -28px;
		}

				
		
			/* ------------------------------ */
			/* Sub Navigation                 */
			
			#subNavigation {
				height: 30px;
				background: #502819;
				margin: 0 0 1px 0;
			}

			#checkoutNavigation img {
				float: right;
				padding: 0 20px 0 0;
			}
			
				/* -------------------------- */
				/* SW Products Sub Navigation    */
				
				ul#swproductsSubNav {
					list-style-type: none;
					margin: 0 0 0 20px;
					padding: 10px 0 0 0;
				}
				
				ul#swproductsSubNav li {
					float: left;
					display: inline;
					margin: 0 20px 0 0;
				}
				
					ul#swproductsSubNav li#style1,
					ul#swproductsSubNav li#style1 a {
						display: block;
						width: 74px;
						height: 13px;
						background: url("images2006/style1.gif") no-repeat 0 0;
					}
					
					ul#swproductsSubNav li#style1 a:hover,
					ul#swproductsSubNav li#style1 a.current {
						background: url("images2006/style1.gif") no-repeat 0 -13px;
					}
					
					ul#swproductsSubNav li#style2,
					ul#swproductsSubNav li#style2 a {
						display: block;
						width: 62px;
						height: 13px;
						background: url("images2006/style2.gif") no-repeat 0 0;
					}
					
					ul#swproductsSubNav li#style2 a:hover,
					ul#swproductsSubNav li#style2 a.current {
						background: url("images2006/style2.gif") no-repeat 0 -13px;
					}
					
					ul#swproductsSubNav li#style3,
					ul#swproductsSubNav li#style3 a {
						display: block;
						width: 78px;
						height: 13px;
						background: url("images2006/style3.gif") no-repeat 0 0;
					}
					
					ul#swproductsSubNav li#style3 a:hover,
					ul#swproductsSubNav li#style3 a.current {
						background: url("images2006/style3.gif") no-repeat 0 -13px;
					}
					
					
					/* -------------------------- */
					/* Trade Sub Navigation       */
					
					ul#tradeSubNav {
						list-style-type: none;
						margin: 0 0 0 20px;
						padding: 10px 0 0 0;
						float: right;
					}
					
					ul#tradeSubNav li {
						float: left;
						display: inline;
						margin: 0 20px 0 0;
					}
					
						ul#tradeSubNav li#contact,
						ul#tradeSubNav li#contact a {
							display: block;
							width: 71px;
							height: 13px;
							background: url("images2006/contact.gif") no-repeat 0 0;
						}
						
						ul#tradeSubNav li#contact a:hover,
						ul#tradeSubNav li#contact a.current {
							background: url("images2006/contact.gif") no-repeat 0 -13px;
						}
						
						ul#tradeSubNav li#pressReleases,
						ul#tradeSubNav li#pressReleases a {
							display: block;
							width: 94px;
							height: 13px;
							background: url("images2006/press.gif") no-repeat 0 0;
						}
						
						ul#tradeSubNav li#pressReleases a:hover,
						ul#tradeSubNav li#pressReleases a.current {
							background: url("images2006/press.gif") no-repeat 0 -13px;
						}





/* ------------------------------ */
/* Content area                   */

.halfContentAreaFirst {
	float: left;
	width: 361px;
	margin: 0 1px 0 0;
	background: #EFD4B2 url("images2006/lightGrad.jpg") no-repeat 0 0;
	height: 29em;
}

.halfContentAreaLast {
	float: left;
	width: 361px;
	background: #EBC294 url("images2006/darkGrad.jpg") no-repeat 0 0;
	height: 29em;
}

/* \\*/
.halfContentAreaFirst {
	min-height: 17.5em;
	height/**/: auto !important;
	height: 17.5em;
}

.halfContentAreaLast {
	min-height: 17.5em;
	height/**/: auto !important;
	height: 17.5em;
}
/* */

.oneThirdContentArea {
	float: left;
	width: 241px;
}

#content ul {
	font-size: 0.7em;
	margin: 0 0 10px 15px;
}

	#content ul ul {
		font-size: 1em;
		margin: 10px 0 10px 15px;
	}
	
	
/* -------------------------- */
/* Home page                  */

/* This is required for IE5 Mac inorder to display the FLASH alternative */
#homepageFlashAltImg {
	width: 723px;
	height: 280px;
}


/* -------------------------- */
/* Swproducts                   */


	/* ---------------------- */
	/* Swproducts home page     */
	
	.oneThirdContentArea p#style1Txt {
		width: 159px;
		position: relative;
		left: 82px;
		top: -10px;
	}
	
	.oneThirdContentArea p#style2Txt {
		width: 165px;
		position: relative;
		left: 57px;
		top: -10px;
	}
	
	.oneThirdContentArea p#style3Txt {
		width: 159px;
		position: relative;
		left: 0px;
		top: -10px;
	}

		
		
		/* ---------------------- */
		/* Find more links        */
		
		/* ---------------------- */
		/* Style1             */
		
		a:link.style1Link,
		a:visited.style1Link,
		a:active.style1Link {
			color: #BA86CA;
			text-decoration: none;
		}
		
		a:hover.style1Link {
			color: #BA86CA;
			text-decoration: underline;
		}
		
		/* ---------------------- */
		/* Style2              */
		
		a:link.style2Link,
		a:visited.style2Link,
		a:active.style2Link {
			color: #E48332;
			text-decoration: none;
		}
		
		a:hover.style2Link {
			color: #E48332;
			text-decoration: underline;
		}
		
		/* ---------------------- */
		/* Style3             */
		
		a:link.style3Link,
		a:visited.style3Link,
		a:active.style3Link {
			color: #FF4D6B;
			text-decoration: none;
		}
		
		a:hover.style3Link {
			color: #FF4D6B;
			text-decoration: underline;
		}
		
		
		/* ---------------------- */
		/* Swproddetails Info       */
		
		.swproddetailsInfo {
			float: left;
			width: 361px;
			min-height: 14.5em;
			height/**/: auto !important;
			height: 14.5em;
			background: none;
		}
		
		table th#info,
		table th#values {
			width: 180px;
		}

		table th#uses,
		table th#values {
			width: 300px;
		}

		table, th, tr, td {
			font-size: 0.85em;
			text-align: left;
			border: none;
		}
		
		table th {
			color: #FFFFFF;
			background: #DF9D64;
			padding: 5px 10px;
			border-bottom: 1px solid #FFF5E2;
		}
		
		table td {
			color: #5C3729;
			background: #F4CDA6;
			padding: 5px 10px;
			border-bottom: 1px solid #FFF5E2;
		}
	
	
		/* ---------------------- */
		/* Stockists page         */
		
		.stockists {
			background: url("images2006/products.jpg") no-repeat 0 0;
		}
		
		.stockists #stockistsText {
			padding: 300px 0 0 20px;
			width: 300px;
		}
		
		.stockists #stockistsText p {
			padding: 0 0 10px 0;
		}
		
		#stockistsStyle1Banner {
			background: #FFF5E2 url("images2006/style1.jpg") no-repeat 0 0;
		}
		
		#stockistsStyle2Banner {
			background: #FFF5E2 url("images2006/style2.jpg") no-repeat 0 0;
		}
		
		#stockistsStyle3Banner {
			background: #FFF5E2 url("images2006/style3.jpg") no-repeat 0 0;
		}
		
		#stockistsStyle1Banner p,
		#stockistsStyle2Banner p,
		#stockistsStyle3Banner p {
			padding: 80px 50px 30px 100px;
		}
		
		
		/* ---------------------- */
		/* Sign Up page           */
		
		.halfContentAreaFirst h1#signUp {
			float: left;
			width: 173px;
			height: 48px;
			position: relative;
			top: 25px;
			left: 30px;
			background: url("images2006/signUpTitle.gif") no-repeat 0 0;
		}
		
		#signUpTxt {
			float: left;
			width: 300px;
			position: relative;
			top: 40px;
			left: 32px;
		}
		
		
			/* ------------------ */
			/* Thank You page     */
			
			.thankYouFirst {
				background: url("images2006/products.jpg") no-repeat 0 0;
			}
			
			h1#thankYou {
				float: left;
				width: 231px;
				height: 46px;
				position: relative;
				top: 25px;
				left: 30px;
				background: url("images2006/thankYouTitle.gif") no-repeat 0 0;
			}
			
			#thankYouTxt {
				float: left;
				width: 300px;
				position: relative;
				top: 35px;
				left: 32px;
			}
		
		
		/* ---------------------- */
		/* Trade                  */
		
		
			/* ------------------ */
			/* Contact page       */
			
			.halfContentAreaFirst h1#contactUs {
				float: left;
				width: 249px;
				height: 38px;
				position: relative;
				top: 25px;
				left: 30px;
				background: url("images2006/a/img/trade/contact/contactTitle.gif") no-repeat 0 0;
			}
			
			#contactUsTxt {
				float: left;
				width: 300px;
				position: relative;
				top: 40px;
				left: 32px;
			}
			
			
			/* ------------------ */
			/* Press page         */
			
			#content.pressReleases {
				min-height: 17.5em;
				height/**/: auto !important;
				height: 17.5em;
				background: #EFD4B2 url("images2006/contentGrad.jpg") no-repeat 0 0;
			}
			
			h1#pressReleases {
				float: left;
				width: 328px;
				height: 46px;
				position: relative;
				top: 20px;
				left: 30px;
				background: url("images2006/pressReleasesTitle.gif") no-repeat 0 0;
			}
			
			#pressReleasesTxt {
				clear: left;
				width: 650px;
				position: relative;
				padding: 0 0 50px 0;
				top: 40px;
				left: 32px;
			}
			
			#pressReleasesTxt h2 {
				margin: 0 0 10px 0;
			}
			
			#pressReleasesTxt ul li {
				margin: 5px 0 0 0;
			}





/* ------------------------------ */
/* Product Banners                */

#productBanners {
	clear: both;
	min-height: 10em;
	height/**/: auto !important;
	height: 10em;
	background: #FFF5E2;
	border-top: 1px solid #FFF5E2;
}

	#style1Banner,
	#style2Banner,
	#style3Banner {
		min-height: 10em;
		height/**/: auto !important;
		height: 10em;
	}
	
	#style1Banner {
		float: left;
		width: 239px;
		background: url("images2006/productSluffWIPES.jpg") no-repeat 0 0;
	}
	
	#style2Banner {
		float: left;
		margin: 0 1px;
		width: 239px;
		background: url("images2009/productMoroccanFacial.jpg") no-repeat 0 0;
	}
	
	#style3Banner {
		float: left;
		width: 243px;
		background: url("images2009/productUltimateTan.jpg") no-repeat 0 0;
	}
	
	#productBanners p {
		width: 130px;
		position: relative;
		left: 102px;
		top: 80px;
	}





/* ------------------------------ */
/* Footer                         */

#footerContainer {
	clear: both;
}

#footer {
	width: 756px;
	height: 1.7em;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
	background: url("images2006/footerBg.gif") repeat-y 0 0;
}

#flashOnOffContainer {
	float: left;
	display: inline;
}

	#flashDisableLinks {
		font-size: 0.7em;
		color: #B29783;
		margin: 0 0 0 20px;
	}
	
	#flashDisableLinks a {
		color: #B29783;
		text-decoration: none;
	}
	
	#flashDisableLinks a:hover {
		text-decoration: underline;
	}

	#footer ul#footerNav {
		list-style-type: none;
		float: right;
		margin: 0 45px 0 0;
		display: inline;
	}
	
	#footer ul#footerNav li {
		float: left;
		display: inline;
		font-size: 0.7em;
		padding: 0 10px;
		border-right: 1px solid #B29783;
	}
	
	#footer ul#footerNav li a {
		color: #B29783;
		text-decoration: none;
	}
	
	#footer ul#footerNav li a:hover {
		text-decoration: underline;
	}
	
	#footer ul#footerNav li.last {
		border: none;
	}

	#footer ul#footerNav li.phone {
		border: none;
                padding: 0 25px;
	}
	
	
	/* -------------------------- */
	/* Terms page                 */
	
	#termsContainer {
	background: #EFD4B2 url("images2006/terms.jpg") repeat-x 0 0;
	}
	
	#termsContainer #termsTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#termsContainer #termsTxt p {
		padding: 0 0 10px 0;
	}
	

	/* -------------------------- */
	/* Contact page                 */
	
	#contactContainer {
	background: #EFD4B2 url("images2006/contact.jpg") repeat-x 0 0;
	}
	
	#contactContainer #termsTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#contactContainer #termsTxt p {
		padding: 0 0 10px 0;
	}
	
	/* -------------------------- */
	/* Privacy page               */
	
	#privacyContainer {
		background: #EFD4B2 url("images2006/privacy.jpg") repeat-x 0 0;
	}
	
	#privacyContainer #privacyTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#privacyContainer #privacyTxt p {
		padding: 0 0 10px 0;
	}

	/* -------------------------- */
	/* Site Map page              */
	
	#sitemapContainer {
		background: #EFD4B2 url("images2006/sitemap.jpg") repeat-x 0 0;
	}
	
	#sitemapContainer #sitemapTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#sitemapContainer #sitemapTxt p {
		padding: 0 0 10px 0;
	}

	/* -------------------------- */
	/* Distributor Op page        */
	
	#distributoropContainer {
		background: #EFD4B2 url("images2006/distributorop.jpg") repeat-x 0 0;
	}
	
	#distributoropContainer #distributoropTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#distributoropContainer #distributoropTxt p {
		padding: 0 0 10px 0;
	}

	/* -------------------------- */
	/* Sluff Distributors         */
	
	#sluffdistributorsContainer {
		background: #EFD4B2 url("images2006/distributors.jpg") repeat-x 0 0;
	}
	
	#sluffdistributorsContainer #sluffdistributorsTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#sluffdistributorsContainer #sluffdistributorsTxt p {
		padding: 0 0 10px 0;
	}
	/* -------------------------- */
	/* Where to Buy               */
	
	#wheretobuyContainer {
		background: #EFD4B2 url("images2006/where2buy.jpg") repeat-x 0 0;
	}
	
	#wheretobuyContainer #wheretobuyTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#wheretobuyContainer #wheretobuyTxt p {
		padding: 0 0 10px 0;
	}

	/* -------------------------- */
	/* Press Info                 */
	
	#pressinfoContainer {
		background: #EFD4B2 url("images2006/presscoverage.jpg") repeat-x 0 0;
	}
	
	#pressinfoContainer #pressinfoTxt {
		width: 650px;
		padding: 110px 0 0 35px;
	}
	
	#pressinfoContainer #pressinfoTxt p {
		padding: 0 0 10px 0;
	}

/* -------------------------- */
/* Copyright                  */

p#copyright {
	padding: 10px 0;
	color: #C19E73 !important;
}


ul#reglist li#regitem {
	list-style-type: round;
	list-style-position: outside;
	padding: 20;
	/* Usage - margin: top right bottom left; */
        margin: 0px 0px 9px 10px;
}

ul#reglisttight li#regitemtight {
	list-style-type: round;
	list-style-position: outside;
	padding: 20;
	/* Usage - margin: top right bottom left; */
        margin: 0px 0px 3px 10px;
}

ol#reglist li#regitem {

	list-style-type: none;
	list-style-position: outside;
	padding: 20;
	/* Usage - margin: top right bottom left; */
        margin: 0px 0px 9px 10px;
}

ul#mgt li#mgt {
	list-style-position: outside;
	list-style-type: disc;
	padding: 20;
	/* Usage - margin: top right bottom left; */
        margin: 0px 0px 6px 20px;
}