/*
	Quadriga Webshop CSS template 1.0
	Copyright (c) Quadriga AB -2007
	Author: Daniel Dahlin
	Last change: 2007-05-28 18:21:31
*/


*,body {
	padding:0px;											/*default padding*/
	margin:0px;												/*default margin*/
										/*default font color*/	
}

body {
	background-color:#f6f4f3;
	font-family: "Verdana";			/*default font*/
	color:#000;
}

img {
 
} 

	
form {
 display: inline; margin: 0;   /* Fix for internet explorer adding vertical space after a form*/
}
	  

input,select,textarea 	/* Standard input */
{
	 margin:0px;
	padding:2px;

}

option {
	padding-right:4px;
}


.giant,h1 {
	font-size:15px;
	margin:0px;
}

.large,h2{
	font-size:13px;
	font-weight:normal;
	margin:0xp;
}
.medium,h3
{
	font-size:12px;
	font-weight:normal;
	margin:0px;
}
.small,h4 {
	font-size:11px;
	font-weight:normal;
	margin:0px;
	color:000000;
}

.tiny,h5
{
	font-size:10px;
	font-weight:normal;
	margin:0px;
	color:000000;
}

div td {
	font-size:11px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

div#content {
	font-size:12px;
	color:#4C4C4C;
}


div#content span,div#content p,div#left span, div#left p, div#footer p,div#footer span {
	font-size:11px;
	font-weight:normal;
}

div input, div select, div option, div textarea {
	color:#000;
	font-size:11px;
	font-weight:normal;
	margin:1px;
}

div li		/* Standard paragraph text*/
{
	font-size:11px;	
	margin:1px;
}


div#content .highlight {
 background-color:#F4FEB4;
}


/*overall default link styles*/

a:link,a:visited {	
	color:#000;
	text-decoration:none;
}

a:hover {	
	color:#000;
	text-decoration:underline;

}



/*STRUCTURES*/

#frame 
{   	   
		width:850px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;		

}		


#top
{ 	   
		width:842px;
		padding:4px;
		height:87px;
 -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}


#menu {
	 	 clear:left;
		background-color:#8060BF;
		margin:0px;
		padding:0px;
		
}



#left{   

 	 	float:left; 	 	
		width:180px;
		border-left:1px solid #b2b0b0;			
		border-bottom:1px solid #b2b0b0;		
		background-color:#fff;

}


#content
{ 	
		float:left;
		clear:right; 
		/*background-color:#FFF3B8; */
		background-color:#FFF;
		width:647px;
		min-height:450px;
		padding:10px;		
		border-right:1px solid #b2b0b0;		
		border-bottom:1px solid #b2b0b0;
		border-left:1px solid #b2b0b0;		
 -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

#custom_content {

	
		float:left;
		clear:right;	  
		   background-color:#fff; 
		 width:647px;
		min-height:450px;
		padding:10px;		
		border-right:1px solid #b2b0b0;		
		border-bottom:1px solid #b2b0b0;
		border-left:1px solid #b2b0b0;	
 -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}


#footer
{	
	 float:left;
	  background-color:#878685;
 	   clear:both; 	   	   	   	   
	   width:843px;
	   color:#fff;
	   margin-top:20px;
	   border-top:1px dotted #808080;
	   text-align:center;
	   padding:3px;
 -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}




  /* TOP */

  div #top {

  }

/* --------------------------------------------- */
/* ---------------HORIZONTAL MENU--------------- */
/* --------------------------------------------- */

div#menu_horizontal { 	
 width:100%; 	
 background-image:url('../images/user/topmenu_bg.gif'); 
 background-repeat:repeat-x;

							/*Background color for the menu*/
 margin-top:0px;
 margin-bottom:0px;
 padding:0px;															/*Padding between menu items and menu background borders*/						 			
 -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;				  

}

div#menu_horizontal table  { 							/* Applies to table	 */
 padding:0px; 
 /* Center for IE and FF	
 text-align:center;         
 margin-left:auto;						
 margin-right:auto;             
 */
 /* Left aligned for IE and FF*/    
 text-align:left;	 					 
 margin-left:0px;
}

div#menu_horizontal table td {					 	/* Applies to cell */
 background-image:url('../images/user/topmenu_bg.gif');
 font-size:14px; 
 padding-left:5px;
 padding-right:10px;
 padding-top:4px;
 padding-bottom:4px;
 margin:0px;  
}

div#menu_horizontal table td:hover, 	
div#menu_horizontal table td.selected {						/* Applies to cell on mouseover on cell	*/
 text-decoration:underline;
 color:#fff; 
 cursor:pointer;																
} 

div#menu_horizontal table td:hover a,
div#menu_horizontal table td a.selected {	  /* Applies to anchor on mouseover on cell */
 text-decoration:underline;
 color:#fff; 	
}

div#menu_horizontal table td a {   				/* Applies to anchor in cell	*/
 color:#fff;
 text-decoration:none;
}

div#menu_horizontal table td a:hover { 		/* Applies to anchor on mouseover	*/
 text-decoration:underline;	 
						
}






 /* LEFT MENU*/
   
  div #leftmenu  {
	padding:0px;margin:0px;
  }
  
  div #leftmenu ul:first-child {
  list-style-type:none;
  margin:0px;
  padding:5px;
  }
  
  div #leftmenu ul {	
  list-style-type:none;
  margin:0px;
  padding-left:7px;  
 }
 
  div #leftmenu ul li {    
  background-color:#fff;
  margin:0px;
  padding:2px;
  font-size:12px;
  font-weight:normal;
  }
    
  div #leftmenu ul li a  {   
   text-decoration:none;   
   color:#000;
   padding:0px;
   margin:0px;  
   font-weight:normal;
  }


  div #leftmenu ul li.selected a {   
   text-decoration:none;   
   color:#000;
   padding:0px;
   margin:0px;  
   font-weight:bold;
  }


  div #leftmenu ul li.notselected a {   
   text-decoration:none;   
   color:#000;
   padding:0px;
   margin:0px;  
   font-weight:normal;
  }
 


/* Standard box with a header*/

div .box {

}

div .boxhead *{
/*	background-color:#68a6eb;	*/
	background-image:url('../images/user/navmenu_header_bg.gif');
	background-repeat:repeat-x;
	 padding:4px;      
	 margin:0px;
	 color:#000;
	 font-weight:700;
	 	 }

div .boxhead a:link{  	 
	 color:#000000;		
	font-weight:bold;
}


div .boxcontent {   
   padding:4px;      
	 margin:0px;

}  


/* Product Row list and items */



 div .prodrowlist
	{
		margin-top:10px;		
	}
	
	
	div .prodrowlist .prodrowitem0 *
	{
		color:#494949;
		background-color:#F9B4B4;
	}	
	
	div .prodrowlist .prodrowitem1 * 
	{
		background-color:#FFE6F9;	
}
	}	

  div .prodrowlist td
  {
  	margin:0px;
		padding:1px;
  }


div#content .prodlistactionbar {
		margin-top:5px;
		margin-bottom:5px;
 		width:587px;
	}
  
/* Product box */


div#content .soprice  {	
	color:#B70409;		
}



div#content .prodbox {
	float:left;
	margin-top:12px;
	margin-right:12px;
	margin-left:0px;
	width:275px;
	padding:0px;	
	border:1px solid #76c048;	
}

div#content .prodboxhead {
  background-color:#76c048;
  padding:3px;
}	

div#content .prodboxhead a {	
	font-weight:bold;
	color:#000;	 
}

div#content .prodboxhead p {
  background-color:#76c048;
	color:#000;
}


div#content .prodboximg {
	width:100px;
	height:100px;
}

div .prodboxcontent {   	
	
	padding:4px; 		
}    


*/ Search result product box */
div .prodboxsr {
	float:left;
	margin:0.2em;
	width:14em;    
	height:3em;	
}


/* cart table */

div#content td
{
	padding:4px;
}


/* Standard container */

div .container
{
 float:left;
}
   
div .conleft
{
 float:left;
}

div .conright 
{
 float:right;
}



.row0 {
	background-color:#F9B4B4;
}

.row1 {
	background-color:#FFE6F9;	
}




 
 /* Product Vote */
div .ProductVote {   
  clear:left; 
  float:left;
	background-image:url('/images/icons/stars_grey.gif');
	background-repeat: no-repeat;	
	margin-top:0.7em;
	width:90px;
	height:16px;
}
 



div .ImgIndexBox {  
	border:1px solid #808080;      
	padding-top:4px;
	padding-bottom:4px;
	padding-left:9px;
	padding-right:9px;
	margin-right:4px;
  margin-top:3px;
  float:left;	
}

div .ImgIndexBox:hover {  
  color:#fff;
  cursor:pointer;
  background-color:#000;
}


/* Product Matches */


div #ProductMatches {
 float:left;
 background-color:#EEEEEE;
 padding:0.4em;
 margin-top:1em;
}

div #ProductMatches p {
 font-size:0.6em;
 
 color:#000;
}


div #ProductMatches img {
 border:1px solid #9B9B9B;width:85px;height:85px;
}


/* Product Comments */

div #Comments { 
 clear:left;
 float:left;
 margin-top:1em;
 padding:6px;  
/* background-color:#EEEEEE;*/
}



/* BUTTON */

.button {
 float:left;
 background-color:#FF0000;
 font-family:verdana; 
 font-weight:bold;
 font-size:10px;
 color:#fff;
 padding:5px;
 margin:2px;
 text-align:center; 
/* border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 border-left:1px solid #eee;
 border-bottom:1px solid #eee;*/
 cursor:pointer;
 h: expression(this.onmouseover = new Function("this.className = 'button-hover';"));
}

.button:hover,.button-hover{
 float:left;
 background-color:#FF0000;
 font-family:verdana; 
 font-weight:bold;
 font-size:10px;
 color:#fff; 
 text-decoration:underline;
 padding:5px;
 margin:2px;
 text-align:center; 
/* border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 border-left:1px solid #eee;
 border-bottom:1px solid #eee;*/
 cursor:pointer;
 h: expression(this.onmouseout = new Function("this.className = 'button';"));
}

.button_disabled{
 float:left;
 background-color:#ccc
 font-family:verdana; 
 font-weight:bold;
 font-size:10px;
 color:#fff;
 padding:4px;
 margin:2px;
 text-align:center; 
 border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 border-left:1px solid #eee;
 border-bottom:1px solid #eee;
 cursor:pointer;
}

/*Showcase */

.showcaseimg {
  height:100px;	
}

/*Thumbnail*/

.thumbnailimg {
 height:80px;	border:1px solid #8E7DAE;
}

.orginalimg {
	max-width:300px;
   	width: expression(this.width > 300 ? 300: true);
	padding:1px;
	border:1px solid #8E7DAE;		
}

/*Horizontal and Vertical center classes*/
.hcenter {
display:block;margin-left:auto;margin-right:auto;
}

.vcenter
{
display:block;margin-top:auto;margin-bottom:auto;
}