/*----------------------------------------------------------------------------
Template Style Sheet

Name: 						JJ Beautiful Day
Modified for Joomla by:     JoomlaJunkie.com
Date: 						2007-02-07
Description: 				A soft and bright two-column template.
Author: 					Viktor Persson
URL: 						http://templates.arcsin.se

Stylesheet Index:
	$1 - Standard Elements
	$2 - Structural Stylings
	$3 - Header
	$4 - Title
	$5 - Main
	$6 - Content

NOTE: Always make a backup of your stylesheets before editing!
NB!! Use the search function to find a section, eg: search for $10 for Modules
----------------------------------------------------------------------------*/

@import url("customise.css");

/* $1 - Standard Elements
----------------------------------------------------------------------------*/
html {min-height: 100%;}

p,code,ul {padding-bottom: 1.2em;}

/* $2 - Structural Stylings
----------------------------------------------------------------------------*/
.container {
	background: #121010;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}

/* $3 - Header
----------------------------------------------------------------------------*/
.top {
	background: url(../images/clouds.gif) repeat-x;
	padding: 50px 10px 0;
}

/* $4 - Title
----------------------------------------------------------------------------*/
.header {
	background: #121010;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px;
}
.header .left, .header .right {
	background: #151414;
	color: #FFF;
	height: 150px;	
}
.header .left {
	background: #151414 url(../images/header.jpg) no-repeat;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 150px;
	text-align: center;	
	width: 780px;
}
/*
.header .right {
	overflow: auto;
	width: 212px;
}

.header .right .moduletable{
        padding: 0 5px 3px 10px;
}
*/

/* $5 - Main
----------------------------------------------------------------------------*/
.main {
	border-top: 4px solid #121010;
	background: url(../images/bgmain.gif) repeat-y;
}

/* $6 - Content
----------------------------------------------------------------------------*/
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
	text-align: justify;
}

.contentpaneopen img {
margin-right: 15px;
}

/* SIMPLE CADDY CSS STYLES
----------------------------------------------------------------------------*/


/* SimpleCaddy Styling of plugin 
These styles should be copied into your template's css file to get them to work
They are NOT called from this css file
*/

.scproduct {
	width: 100px;
	float: left;
	clear: both;
}

.scprodcode {
	margin-left: 5px;
	float: left;
}

.scshorttext {
	clear: both;
	clear: both;
}

.scunitpricetext {
	width: 100px;
	margin-left: 0px;
	float: left;
}

.scunitprice {
	margin-left: 5px;
	float: left;
}

.scqtytext {
	clear: both;
	width: 100px;
	float: left;
}

.scqty {
	margin-left: 5px;
	float: left;
}

.cartoptions {
	clear: both;
/*	border: 1px solid yellow;
	width: 80px;*/
}

.scp_atc {
	clear: both;
/*	background-image: url('https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif');
	border: 1px solid lime;
	width: 80px; */
}

.sccart {
	font-family: sans-serif;
	font-style: normal;
	font-size: 10px;
/*	border: 1px solid purple;
	width: 80px;*/
}

.atczone {
	clear: both;
}

.divider {
	background-color: gray;
	color:lime;
	font-weight: bold;
}

.errormsg{
    color:red;
    padding: 20px 0;

}

.scp_selectqty {
	
}

.scp_qty {
	
}

.cartoptionstitle {
	
}


/* SHOP BUTTON CSS STYLES
----------------------------------------------------------------------------*/
/* START SHOP BUTTON */

#shopbutton{
background: url(http://www.lillithstern.de/mmb/images/stories/webdesign/shop-button.png)no-repeat;
left:511px;
top:30%;
height:200px;
width:46px;
margin:3px;
padding:0;
position:fixed;
z-index:5000;
}

#shopbutton a{
display:block;width:100%;height:100%;
}

/* END SHOP BUTTON */



/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*JQUERY POPUP STYLES*/

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #000;
	padding: 20px 20px 0 20px;
	border: 20px solid #FBBF13;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 100px #FF0000;
	-moz-box-shadow: 0px 0px 100px #FF0000;
	box-shadow: 0px 0px 100px #FF0000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


.flames {
background-image: url(http://www.lillithstern.de/mmb/templates/jjbeautifulday/images/flames.jpg);
background-position: bottom;
width:740px;
height: 86px;
margin-left: -20px;
margin-top: -20px;
}

/*END OF JQUERY POPUP STYLES*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*FACEBOOK I LIKE BUTTON*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.fb-like {
padding-left: 35px;
}
/*EOF FACEBOOK I LIKE BUTTON*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/