*{ /*reset browser values*/  
   margin: 0;
   padding: 0;
}
body {
	text-align:center; /* IE6 Fix*/
	background-attachment: scroll;
	background-image: url(../images/bbs-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #bfdbcf;
}
#wrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left; /*center alignment from top Fix*/
	background-color: #83BAA1;
	position: relative;
}
#header {
	height: 185px;
	width: 940px;
	background-repeat: no-repeat;
	background-image: url(../images/header-background.jpg);
}
#bbs-logo {
	padding: 0 0 0 0;
	width: 300px;
	height: 99px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 25px;
	z-index: 40;
}
#tagline {
	height: 26px;
	width: 285px;
	position: absolute;
	top: 95px;
	right: 25px;
	z-index: 50;
}
#nav {
	width: 780px;
	height: 50px;
	background-image: url(../images/nav-background.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	float: right;
	position: absolute;
	right: 0px;
	top: 135px;
}
#nav ul {
	padding: 11px 0px 0px 30px;
}
#nav li {
	display: inline;
}
#nav li a {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	float: left;
	/* background-color: #000000; */
	padding: 5px 5px 5px 5px;
	margin: 0px 33px 0px 0px;
}
#nav li a:hover {
	background-color: none;
	color: #FFFFFF;
}
#main-content {
	float: left;
	width: 640px;
	padding: 10px 0px 0px 0px;
	min-height: 800px;
	background-image: url(../images/main-content-background.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
}
#main-content-text {
	font-family: "Century Gothic";
	font-size: 15px;
	color: #303595;
	width: 560px;
	padding: 20px 40px 0px 40px;
}
#content {
	float: left;
	width: 500px;
	padding: 50px 70px 50px 70px;
	min-height: 800px;
	background-image: url(../images/content-background.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 15px;
	color: #303595;
	background-color: #FFF;
}
p{
	padding: 0px 0px 15px 0px;
}
#creations-content {
	float: left;
	width: 560px;
	padding: 60px 35px 50px 45px;
	min-height: 800px;
	background-image: url(../images/content-background.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 15px;
	color: #303595;
	background-color: #FFF;
}
#product-content {
	float: left;
	width: 570px;
	padding: 45px 35px 50px 35px;
	min-height: 800px;
	background-image: url(../images/content-background.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 15px;
	color: #303595;
	background-color: #FFF;
}
#sidebar {
	float: right;
	width: 300px;
	padding: 0px 0px 0px 0px;
	min-height: 750px;
	background-color: #83baa1;
	position: relative;
}
#footer {
	clear: both;
	height: 52px;
	width: 940px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}
#footer ul {
	padding: 10px 0px 0px 700px;
}
#footer li {
	display: inline;
}
#footer li a {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	float: left;
	/* background-color: #000000; */
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 0px 5px;
}
#footer li a:hover {
	background-color: none;
	color: #FFFFFF;
}
.clear {
	clear: both;
}
h1 {
	font-size: 1.7em;
	margin: 0px 0px 20px 0px;
	font-weight: normal;
	color: #617BCB;
	font-style: italic;
}
h3 {
	margin: 0px 0px 15px 0px;
}
/*============ SIDEBAR =============*/
.sidebar-content {
	border-bottom:solid 1px #9cc8b4;
	list-style: none;
}
.sidebar-content li {
    background-color: #83baa1;
    background-image: url(../images/sidebar_bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
	border-top: solid 1px #9cc8b4;
    border-bottom: solid 1px #2f7f5b;
	padding: 10px 0px 0px 0px; /* new */
	height: 200px; /* new */
	width: 300px; /* new */
}
.product-sidebar {
	position: absolute;
	top: 30px;
	right: 24px;
}
.product-sidebar img{
	border: 6px solid #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
/*
.sidebar-content .product-sidebar {
	text-align: center;
	height: 480px;
	padding: 40px 0px 0px 0px;
}
.sidebar-content .product-sidebar img{
	padding: 15px 5px 5px 5px;
	background-color:#3d51a5;
	border: 1px solid #2F3F80;
}
/*
.sidebar-content a {
    display: block;
    position: relative;
    min-height: 82px;
    _height: 87px;
    border-top: solid 1px #9cc8b4;
    border-bottom: solid 1px #cb901b;
    padding: 16px 132px 16px 28px;
    font-family: Georgia, serif;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
}
.sidebar-content .image {
	display: block;
	border: solid 3px #e9ce83;
	border-radius: 8px;
    background-position: center;
    width: 85px;
    height: 85px;
    position: absolute;
    right: 23px;
    top: 50%;
    margin-top: -46px;
    _top: auto;
    _margin-top: 0px;
}
.sidebar-content li:first-child a {border-top:0;}
.sidebar-content a big {
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 18px;
    color: #5c4301;
    display: block;
    line-height: 20px;
    margin-bottom: -10px;
}
.sidebar-content a:hover big {color:#2a2a2a;}
------*/
/*=================== SIDEBAR End =======================*/

/*===============================================*/
/*============ Custom Slider Styles =============*/
/*===============================================*/
#slider-wrapper {
    /* background:url(../slider/images/slider.png) no-repeat; */ /* Slider border and shadows */
    width:640px; /* width:668px; */
    height:312px; /* height:299px; */
    padding-top:11px; /* Push the actual slider into the centre */
    margin-top:0px;
    position:relative;
}

#slider {
    position:relative;
    width:615px; /* width:630px; */
    height:290px; /* height:235px; */
    margin-left:13px; /* Push the actual slider into the centre */
    background:url(../slider/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width:615px; /* width:630px; */
    height:290px; /* height:235px; */
}
#slider a {
    border:0;
    display:block;
}
/* ------------- hide original code
.nivo-controlNav {
    background:url(../slider/images/controlnav.png) no-repeat; /* Background for the bullets 
    width:251px;
    height:40px;
    position:absolute;
    left:350px; /* Manually position in centre. Not perfect :( 
    bottom:0px;
    padding:8px 0 0 82px;
    z-index:20; /* Make sure it is visible above the slides 
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(../slider/images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
------------------- */
.nivo-controlNav {
	position:absolute;
	left:450px;
	bottom:12px;
	background: #83baa1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 3px;
	border: 2px solid #D7E8DF;
	opacity: 0.7;
	z-index: 99;
}
.nivo-controlNav a {
    display:block;
	width:22px;
	height:22px;
	background:url(../slider/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px; /* Selected bullet */
}
/*------------------HIDE CAPTION------------------
.nivo-caption {
    bottom:40%; /* Vertically centre the captions 
    left:auto;
    right:0px; /* Put them on the right 
    width:auto;
    max-width:630px;
    overflow:hidden;
    background:#fff;
    text-shadow:none;
    font-family: 'Anton', arial, serif; /* Using a Google Font (not required) 
    color:#4c4b4b;
}
.nivo-caption p {
    padding:5px 15px;
}
.nivo-caption a { 
    color:#333;
    font-weight:bold;
    font-size:27px;
    text-transform:uppercase;
}
------------- End HIDE CAPTION-------*/
#featured {
    background:url(../slider/images/featured.png) no-repeat;
    width:115px;
    height:110px;
    position:absolute;
    top:-8px; /* Bump up a bit to give the fold effect */
    left:-8px; /* Bump left a bit to give the fold effect */
    z-index:20; /* Make sure it is visible above the slides */
}

/*=================== Slider Styles End =======================*/

/* CREATIONS (thumbs + gallery)
 ------------------------------------- */

.creations-thumbs-title {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	width: 174px;
	background-color:#DFF2FD;
	font-size: 12px;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 6px 0px;
	color: #346DB4;
}
#creations-thumbs {
	list-style: none;
}
#creations-thumbs li {
	display:inline;
	float: left;
	margin: 5px 10px 20px 0px;
}
#creations-thumbs img {
	width: 160px;
	height: 120px;
	padding: 6px;
	background-color: #E9E9E9;
	border: 1px solid #BEBEBE;
}
#creations-thumbs li a{
	text-decoration: none;
	float: left;
	/*background-color: #000000; */
	padding: 0px 0px 0px 0px;
	/*margin: 5px 10px 20px 0px; */
}
/*=================== CREATIONS PRODUCTS =====================*/
/*
#product-breadcrumb {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
#product-breadcrumb a{
	color: #303595;
}
#product-breadcrumb a:hover{
	color: #3970B3;
}
-----*/
#product-img-container {
	width: 320px;
	float: left;
}
#product-img-container a{
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}
.product-img-preview {
	padding: 6px;
	background-color: #E9E9E9;
	border: 1px solid #D6D6D6;
	margin: 0px 0px 10px 0px;
}
.product-img-thumbs {
	padding: 3px;
	background-color: #E9E9E9;
	border: 1px solid #D6D6D6;
	margin: 0px 0px 0px 0px;
}
#bbs-description {
	width: 220px;
	float: left;
	margin: 0px 0px 0px 20px;
}
.description-heading {
	color:#3f48cc;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
}
.description-heading span{
	color:#22b14c;
	font-style: italic;
}
#creations-back-btn {
	width: 38px;
	height: 38px;
	float: right;
}
/*=================== CREATIONS PRODUCTS END  =====================*/

/*=================== SoapWise Textbox Fader =====================*/
#soapwise {
	background-color: #5179BC;
	padding: 0 0 10px 10px;
	margin-right: 25px;
	overflow: hidden;
	!max-height: 220px;
	font-family: "Century Gothic";
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	position: absolute;
	top: 20px;
	right: 0px;
	border: 1px solid #8DBED8;
}
#soapwise h2 {
	color: #fff;
	font-size: 18px;
	padding: 5px 0 3px 0;
}
#soapwise div {
	overflow: hidden;
}
#soapwise div p {
	display: none;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	padding-right: 10px;
	width: 230px;
}
#soapwise div p.first {
	display: block;
}
p#soapwise-nav {
	text-align: right;
	padding: 0 10px 0 0 !important;
	margin: 0 !important;
}
p#soapwise-nav a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
/*=================== SoapWise Textbox Fader END =====================*/
#promotion-box {
	position: absolute;
	top: 30px;
	right: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color: #c7eafc;
	border: 2px solid #5179bc;
	padding: 10px 0 10px 10px;
	font-family: "Century Gothic";
	width: 250px;
	height: 100px;
	font-size: 18px;
	color: #5179bc;
}
#promotion-box a{
	font-size: 14px;
	color: #5179bc;
}


p
{
    padding:0;
}