/*---------- Presentation Stylesheet ------------ */
/*  This file is included in the WYSIWYG editor   */
/*              Xpoze Spray Tanning               */
/*       Created By Ben Stewart - May 2008        */

body {
	width:557px;
	font-family: Arial, Helvetica, Verdana;
	color:#040405;
	font-size:12px;
	line-height:140%;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px; /* keeps a vertical scrollbar on all pages */
}
h1, h2, h3 {
	font-weight:bold;
	color: #4ea3d7;
	margin: 0;
	padding:5px 0 15px 0;
}
h1 {
	font-size:20px;
    text-transform:uppercase;
}
h2 {
	font-size:15px;
	padding:5px 0 10px 0;
}
h3 {
	font-size:12px;
	padding:5px 0;
}
ul {
	margin: 0 10px 10px 0;
}
li {
	margin:0px;
	list-style:none;
	padding:0 0 5px 20px; 
	background:url(assets/xpoze_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
} 
p {
	margin: 0 0 10px 0;
}
a {
	border:none;
	color: #4ea3d7;
	text-decoration:none;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
hr {
	height:1px;
	background-color: #4ea3d7;
	border: 1px solid #4ea3d7;
	margin-bottom: 10px;
}
img.Image_left {
	float: left;
	margin: 0px 5px 10px 0px;
}
img.Image_right {
	float: right;
	margin: 0px 0px 10px 5px;
}
img.Image_centre {
	margin: 0 auto 15px auto;
}
/*----------  Page Layout Stylesheet ------------ */
/*              Xpoze Spray Tanning               */
/*       Created By Ben Stewart - May 2008        */

body {
 width:100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#666;
 background:url(assets/bg.gif);
 font-size:12px;
 line-height:140%;
}
.clear {
 clear:both;
}
#wrapper {
 text-align:left;
 width:800px;
 margin:0 auto;
}
#container {
 text-align:left;
 background:url(assets/containerbg.gif) repeat-y;
}
#watermark {
 background:url(assets/watermark.gif) no-repeat center 40px;
}
#content {
 float:right;
 width:540px;
 margin:20px;
}
#content_products {
 float:right;
 width:760px;
 margin:20px;
}
.slogan {
 font-size:22px;
 float:left;
 font-style:italic;
 font-weight:500;
 color: #4ea3d7;
 line-height:150%;
 width:340px;
  padding:15px 10px 10px 30px;
}
.home_content {
 font-size:12px;
 float:left;
 width:290px;
 padding:5px 30px 0 10px;
}
.home {
background:url(assets/About_Xpoze_Natural_Tanning_Home.png) no-repeat bottom right;
height:530px;
width:520px;
}

/***** Header *****/

#Header {
 width: 768px;
 height: 140px;
 margin: 0 auto;
 clear: both;
 overflow: hidden;
 background: url(assets/header.gif) repeat-x top center;
}
#Header .logo {
border:0;
padding: 20px 0 10px 120px;
}

/***** Main Nav *****/

#Navigation {
 width: 768px;
 margin: 0 auto;
 padding-top: 5px;
 overflow: hidden;
}
#Navigation ul {
 float: right;
 margin-right: 10px;
}
#Navigation ul li {
 list-style: none;
 margin: 0 2px;
 float: left;
 line-height: 2.8em;
 display: block;
 background:none;
}
#Navigation ul li a {
 float: left;
 text-decoration: none;
 display: block;
 height: 2.3em;
 font-size: 1.2em;
 padding: 0 0 0 10px;
 color: #fff;
}
#Navigation ul li a span {
 text-align: center;
 float: left;
 padding-right: 10px;
 height: 2.3em;
}
#Navigation ul li a:hover {
 background: #93C7E7 url(assets/hoverTabLeft.gif) no-repeat left top;
 color: #fff;
 cursor: pointer;
}
#Navigation ul li a:hover span {
 background: #93C7E7 url(assets/hoverTabRight.gif) no-repeat right top;
 cursor: pointer;
}
#Navigation ul li a.current,  #Navigation ul li a.active,  #Navigation ul li a.active:hover,  #Navigation ul li a.current:hover {
 background: #fff url(assets/activeTabLeft.png) no-repeat left top;
 color: #444;
}
#Navigation ul li a.current span,  #Navigation ul li a.active span,  #Navigation ul li a.active:hover span,  #Navigation ul li a.current:hover span {
 background: #fff url(assets/activeTabRight.png) no-repeat right top;
 color: #444;
}

/***** Side Bar *****/

#extra {
 float:left;
 clear:left;
 width:200px;
 background:#FF8539;
}
#Sidebar {
 width: 200px;
 float: left;
 margin: 20px 0 0 20px;
 padding: 0;
}
#Sidebar .sidebarBox {
 margin: 0 0 5px 0;
 padding-bottom: 2px;
 background: #EFEFEF url(assets/sidebarHeader.gif) no-repeat left top;
}
#Sidebar p {
 margin: 2px 8px 5px 8px;
}
#Sidebar h3 {
 clear: both;
 text-transform: lowercase;
 color: #fff;
 font-weight: 700;
 font-size: 1.4em;
 margin: 0 0 10px 0;
 line-height: 1.8;
 padding: 1px 0 0 10px;
 background: transparent url(assets/sidebarHeaderSub.gif) repeat-x center left;
}
#Sidebar .sidebarBottom {
 height: 15px;
 display: block;
 width: 200px;
 margin: -5px 0 10px 0;
 background: #EFEFEF url(assets/sidebarBottomBg.gif) no-repeat center bottom;
}
#Sidebar a {
 float:right;
 padding:0 8px 0 0;
}
.product_random {
 width:160px;
}
/***** Footer *****/

#Footer {
 clear: both;
 width: 800px;
 height: 5em;
 clear:both;
 background: transparent url(assets/footerBottom.gif) no-repeat bottom left;
 text-align: center;
 margin: 0 auto;
}
#Footer .footerTop {
 width: 100%;
 background: transparent url(assets/footerTop.gif) no-repeat top left;
 display: block;
 height: 2em;
}
#Footer p {
 color: #fff;
 font-size: 1.1em;
 text-align: center;
 margin-top: -0.6em;
}
#Footer a {
 color: #fff;
 text-decoration: none;
}
#Footer a:hover {
 color: #fff;
 text-decoration: underline;
}

/*------------- Contact Form --------------*/

div.contactForm {
	width:365px;
	padding: 0px;
	margin: 30px 0;
}
div.row {
	clear: both;
	padding-top: 5px;
	vertical-align: middle;
}
div.row span.label {
	float: left;
	width: 120px;
	text-align: left;
	padding:0px 10px 0px 0px;
}
div.row span.formw {
	float: right;
	width: 210px;
	text-align: left;
}
input, textarea, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 210px;
	border: 1px solid #666;
	background: #fff;
	padding-left: 3px;
}
input {
	width:210px;
}
div.row span.formw textarea {
	height:60px;
}
div.spacer {
	clear: both;
}
.button{
  width:75px;
  cursor:pointer;
}