/**
 * screen.css
 *
 * @package {%project%}
 * @author  {%author%}
 *
 * Copyright (c) Malibomba
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF
 * THIS CODE, WITHOUT THE PERMISION OF THE AUTHOR.
 * Info? Mail to info@malibomba.com
 */
/*<![CDATA[*/

@import "clearbox.css";
* {
	margin:0;
	padding:0;
}

html { overflow:auto; }


html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%; /* needed for container min-height */
}

body {
	font-size: .75em;
	font-family:arial;
	text-align: center;
	color: #fff;
	background:#1e1e1e url(/pics/bg.body.jpg) 0 0px  repeat-x;
}


.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}

.debug { border: 1px solid red; }

pre  { color: red; border: 1px solid red; }



/**
 * LAYOUT CONTAINERS:
 * Definition of the used layout containers.
 ------------------------------------------------*/
div#container {
	margin: 0px auto;
	width: 950px;
	background:url(/pics/bg.col.jpg) 233px 0 repeat-y;
	text-align:left;
	min-height: 100%;
	height: auto;
	}

div#lc_header {
	/*background:url(/pics/bg.header.png) 0 100% no-repeat;*/
	height: 108px;
	/*background: url('/pics/header.png') right top repeat-x;*/
	}
	div#logo	{
		width: 285px;
		height: 108px;
		margin-left: 233px;
		background: url('/pics/logo_laine_bonnet.jpg') left top no-repeat;
		float: left;
	}


	#navlist	{
		height: 108px;


	}
	#navlist li	{
		float: left;
		display: inline;
		list-style-type: none;
		height: 30px;
		padding-top: 77px;
		border: 0;
		padding-left: 5px;
	}

	#navlist img	{
		border: 0px;
	}


div#content_cc {
	padding: 0;
	margin: 0;
	height: auto;
	display: inline-block;
	position:relative;
}
	div#leftcol	{
		width: 233px;
		float: left;
	}

	div#centercol	{
		position: relative;
		top: 0;
		bottom: 0;
		width: 270px;
		float: left;
		min-height: 500px;
		color: #fff;
	}

	#shadowtop	{height: 31px; background: url('/pics/shadow_top.png') bottom left;}
	#shadowbottom {height: 89px; background: url('/pics/shadow_bottom.png') top left;}

div#rightcol	{
	width: 412px;
	float: left;
	padding: 35px 0px 0px 20px;
	display: block;
}

div.addres	{
	padding: 30px;
	width: 270px;
}


div#lc_footer {
	clear: both;
	float: left;
	width:100%;
	bottom:0; /* stick to bottom */
	height: 55px;
	}

	div#footer-right {
		display:block;
		float: right;
		text-align: right;
		font-size: 80%;
		padding-top: 30px;
		color: #797979;
	}

	div#footer-left {
		display:block;
		float: left;
		text-align: right;
		font-size: 80%;
		padding-top: 30px;
		color: #797979;
	}

/**
 * TYPOGRAPHY
 ------------------------------------------------*/
strong	{ font-weight: 		bold;		}
i		{ font-style: 		italic;		}
u, .u	{ text-decoration: 	underline;	}

h1, h2, h3, h4, h5 {
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	}

h1 {
	font-size: 2em;
	line-height: 1.2em;
	margin: 0 0px 10px;
	color: #9e1e33;
}

h2 {
	font-size: 1.5em;
	color: #9e1e33;
}

h5 {
	font-size: 2.5em;
	line-height: 1.9em;
	float: left;
	margin: -35px 0px 0 190px;
	color: #ffffff;
}
h6 {
	font-size: 1.5em;
	line-height: 1.9em;
	float: left;
	margin: 5px 0px 0 5px;
	color: #ffffff;
}

strong {color: #333;}

p {
	margin: 0.50em 0 1.00em 0;
	line-height: 1.70em;
	z-index: 1;
	}

a {
	color: #9e1e33;
	text-decoration: underline;
	}

	a:visited 	{ color: #9e1e33; background: inherit; }
	a:hover 	{ color: #731819; background: inherit; }
	a:active 	{ color: #9e1e33; background: inherit; }

#centercol a {color: #ffffff;}

div#lc_footer a	{color: #0072bc;}

ul, ol {
	margin-left: 17px;
	list-style: square;
	line-height: 1.70em;
	}

ol {
	list-style-type: decimal;
	list-style-position: outside;

	}

/**
 * IMAGES
 *
 ------------------------------------------------*/
.productimage	{
	float: left;
	display: block;
	}



.thumbs	{
	float:left;
	margin:0 5px 10px 5px;
	padding: 2px;
	width:116px;
	height:130px;
	border: 2px solid #fff;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('/pics/loading.gif');

}

.thumbs span	{
	background: url(/pics/zoom.png) no-repeat right bottom;
	padding: 5px 5px 0px 0px;
	width: 110px;
	height: 123px;
	display: block;
	cursor: pointer;
}

.thumbs span a{
	cursor: url(/pics/magnify.cur);
}

.thumbs img {
	width:116px;
	height:130px;
	background-repeat:no-repeat;
	background-position:center center;
	visibility: hidden;
}
/**
 * MENU
 *
 ------------------------------------------------*/
.arrowlistmenu{
	width: 225px; /*width of accordion menu*/
	margin-top: 33px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: #ffffff;
	background:  url(/pics/menu_shadow.png) repeat-x center left;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	text-align: center;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(/pics/menu_shadow_over.png);
	color: #c0c0c0;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #A70303;
	background: #fff;
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #2c2c2c;
}

.arrowlistmenu ul li a:visited{
	color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
	background-color: #000;
}

.arrowlistmenu a {
	color: #ffffff;
	text-decoration: none;
	}

	h3.arrowlistmenu a:visited 	{ color: #ffffff; background: inherit; }
	h3.arrowlistmenu a:hover 	{ color: #c0c0c0; background: inherit; }
	h3.arrowlistmenu a:active 	{ color: #ffffff; background: inherit; }

/**
 * sIFR:
 * Definition of the used sIFR classes. These are standard sIFR styles... do not modify
 * These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/**
 * FV FORM
 * Definitions for the required form fields.
 -----------------------------------------------------------*/
html>body input {
	height:auto;
	margin-bottom:1px;
}


form {
	margin:0px;
	padding:0px;
	display:inline;
}

input, textarea {
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	color: #333333;
	background:#fff;
	border:1px solid #9e1e33;
}

html>body input, textarea, select {
	font-size:13px;
	margin:0px 0px 1px 0px;
	border:1px solid #9e1e33;
}

input {

	background:#fff;
	border:1px solid #9e1e33;
}

.fv-req {
	padding-right:0px;
	background:#c0c0c0;
	border:1px solid #9e1e33;
}

.fv-forget {

	padding-right:0px;
	background:#d4ccbf;
	border:1px solid #333333;
}

.fv-syntax {

	padding-right:0px;
	background:#d4ccbf;
	border:1px solid #9e1e33;
}


.cssform	{
	padding: 0;
	margin: 0;
}
.cssform p{
	clear: left;
	margin: 0;
	padding: 0;

}

.cssform label{
	float: left;
	color: #9e1e33;
	padding: 0;
	margin: 0px; /*width of left column*/
	width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 275px;
}

.cssform textarea, textarea{
	width: 275px;
	height: 60px;
	font-family:Arial, Verdana, sans-serif;
}


/*]]>*/