@CHARSET "UTF-8";

/* Colors: 

	#d6097d		pink 	link
	
*/

/* Utligner alt mulig */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, input, select, button { font-size: 100%; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content :''; }


a { outline: none; }

:focus{ -moz-outline-style: none; }



body{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
div#outer{
	position: relative;
	height: 500px;
	width: 1072px;
	margin: 16px auto 0 auto;
}



div#wrapper{
	background-image: url("/art/background.png");
	position: relative;
	width: 707px;
	height: 298px;
	border: 1px solid black;
	margin: 0px 0 0 183px;
	overflow: hidden;
	z-index: 300;
}



div#header {
	position: relative;
	width: 699px;
	margin: 0px 0px 0px 182px;
	padding: 68px 0px 0px 0px;
}

div#header img {
	margin-bottom: 6px;
}

div#header a.designstore img{
	margin: 0px 0px 4px 20px;
}





/* ---------------------------------*/  
/* ---------->>> LEFT <<<-----------*/  
/* ---------------------------------*/


div.left{
	position: absolute;
	width: 315px;
	height: 298px;
	top: 0;
	left: 0;
	bottom:0;
	overflow: hidden;
	color: white;
	z-index: 400;
}
		
div.left img.prod-pic {
	width: 315px;
	height: 298px;
}

div.left div.prod-info {	
	position: absolute;
	bottom: 0px;
	width: 299px;
	height: 60px; 
	padding: 10px 8px 5px 8px;;
	background: black;
	color: white;

	/* for IE */
	filter:alpha(opacity=60);

	/* CSS3 standard */
	opacity:0.60;
}

div.left div.prod-info p.prod-header {	
	text-transform: uppercase;
	margin-bottom: 7px;
	opacity:1;
	
}

div.left div.prod-info div.prod-text {
	font-size: 10px;
}


div.leftContent {
	margin: 20px 15px;
	color: white;
}

div.leftContent div.text p {
	margin: 0px 0px 10px 0px;
}
div.leftContent p#shopMore {
	text-align: right;
}

div.rightContent a,
div.rightContent a:active,
div.rightContent a:visited,
div.rightContent a:link, 
div.leftContent a,
div.leftContent a:active,
div.leftContent a:visited,
div.leftContent a:link {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

div.rightContent a:hover,
div.leftContent a:hover {
	color: #d6097d;
	letter-spacing: 0.02em;
}

/* -------------------------------------*/  
/* ---------->>> MENU-DIV <<<-----------*/  
/* -------------------------------------*/


div.menu{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 315px;
	width: 136px;
	height: 298px;
	font-size: 11px;
	padding: 15px 5px 5px 5px;
	background: transparent;
 	z-index: 200;
 	color: white;
}

p.menu-header{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 4px;
}

div.menu ul{
	margin-bottom: 10px;
	width: 146px;
}

div.menu ul li{
	margin-left: 2px;
	padding: 3px 0px;
	font-size: 14px;
}
div.menu ul li#top {
	padding: 3px 0px 10px 0px;
	font-size: 11px;
}
div.menu ul li a:visited,
div.menu ul li a:active,
div.menu ul li a:link,
div.menu ul li a{
	text-decoration: none;
	color: white;
	
	font-weight: Verdana;
}


div#cart {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 156px;
	height: 40px;
	padding: 0px 0px 0px 7px;
	margin: 0px;
	text-align: left;
}	
div#cart a,
div#cart a:link,
div#cart a:active,
div#cart a:visited {
	color: white;
	text-decoration: none;
	font-size: 11px;
}	

div#cart a:hover,
div.menu ul li a:hover{
	color: #d6097d;
	letter-spacing: 0.02em;
}


/******************************************** Menu content *************************************/


li.selected a{
	font-weight: bold;
	margin-left: 3px;
}

li.selected:before{
	font-weight:bold;
	font-family: verdana;
	content:"»";
}







/* ----------------------------------*/  
/* ---------->>> RIGHT <<<-----------*/  
/* ----------------------------------*/

div.right{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 236px;
	right: 0px;
	padding: 0px 0px;
}

div.right a img{
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

div.right a:hover img{
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	border: none;
}

div.right a img.next-category{
	/* for IE */
	filter:alpha(opacity=15);
	/* CSS3 standard */
	opacity:0.15;
	border: none;
}

div.right a:hover img.next-category{
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}



/** Flash menu **/

div.flashMenu {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 180px;
	height: 500px;
}

div#footer a:hover,
div#header a:hover {
	color: #d6097d;
} 

div#footer {
	position: relative;
	width: 702px;
	margin: 0px 0px 0px 183px;
	text-align: right;
	color: #808080;
	padding: 2px 1px 2px 0px;
	font-size: 9px;
	font-family: Arial;
}
div#footer a {
	color: #757575;
	text-decoration: none;
}

div#footer p#left {
	float: left;
}


/***** TEXT ******/

h1 {
	font-size: 11pt;
	margin: 0px 0px 6px 0px;
	text-transform: lowercase;
}
/***** ERROR MESSAGES ***/

div.error {
	z-index: 401 !important;
}

div.error_component {
	font-size: 10pt;
}
div.error_component h1 {
	color: #d6097d;
	font-size: 14pt;
	margin: 0px 0px 10px 0px;
}