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


body {
	background-image:url(../images/trettonbg.gif);
}

*,body {
	padding:0px;											/*default padding*/
	margin:0px;												/*default margin*/
	font-family: "arial";			/*default font*/
	  color:#000;	
											/*default font color*/
}



img {
 
} 

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

input,select,textarea 	/* Standard input */
{

}

option {
	padding-right:4px;
}


.giant,h1 {
	font-size:16px;
}

.large,h2{
	font-size:14px;
	font-weight:normal;
}
.medium,h3
{
	font-size:13px;
	font-weight:normal;
}
.small,h4 {
	font-size:12px;
	font-weight:normal;
}

.tiny,h5
{
	font-size:10px;
	font-weight:normal;
}

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

div#content {
	font-size:11px;
	color:#808080;
}

div p {
	font-size:11px;
	font-weight:normal;
}

div span {
	font-size:11px;
	font-weight:normal;
}

div input, div select, div option, div textarea {
	font-size:11px;
	font-weight:normal;
	margin:2px;
}

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

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


/*overall default link styles*/

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

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



/*STRUCTURES*/

#frame 
{   	   
		width:860px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;			
}		


#top
{ 
		width:auto;
		padding:0px;	
		height:158px;
}


#menu {
		width:auto;
	  clear:left;
		background-color:#fff;
		margin:0px
		padding:0px;		
		height:30px;
}



#left{   		
 	 	float:left; 	 	
		width:184px;
}
    
 
#content
	{
		 float:right;	  		
		background-color:#fff;	
		width:646px;
		padding-top:10px;
		padding-left:15px;			
		padding-right:15px;
		padding-bottom:5px;
		min-height:791px;
}

#custom_content {
		 float:right;	  		
		background-color:#fff;	
		width:646px;
		padding-top:10px;
		padding-left:15px;			
		padding-right:15px;
		padding-bottom:5px;
		min-height:791px;
}


#footer
{	
	   background-color:#ccc;
	  float:left;
 	   clear:both; 	   	   	   	   
	   width:850px;
	   height:0px;
	   color:#fff;
	   margin-top:0px;
	   border-top:0px dotted #808080;
	   text-align:center;
	   padding:0px;
}




  /* TOP */

  div #top {
		
  }


 /* MENU */

  div #menu {      
 		
  }
  
  div #menu p {
   color:#fff;
   font-size:12px;
   text-align:center;
  }
  
  div #menu p a {
   color:#fff;
   text-decoration:none;
  }
  
  div #menu p a:hover {
   color:#fff;
   text-decoration:underline;
  }

 /* TOP MENU */
 
		 
		 div#topmenu {
		   float:left;
		   background-image:url(../images/topmenubg.jpg);
			 margin:0px;
			 padding-left:50px;
			 width:auto;					  	
		 }
		 
		 div#topmenu .topmenu_cell { 
		 	float:left; 			 		
		 	height:30px;	
		 	padding-right:10px;
		  text-align:center;
		 }	
		 
		 div#topmenu .topmenu_cell div  {		 		  		 
		  padding:3px;
		 }
		 
		 div#topmenu .topmenu_cell div:hover  {
		  cursor:pointer;
		  color:#000;	
		  text-decoration:underline;	  
		 }
		 
		div#topmenu .topmenu_cell div a {		  
		  color:#000;
		  text-decoration:none;
		  font-size:14px;		  
		 }
		 



 /* LEFT MENU*/
   
  div #leftmenu  {
	background-color:#fff;
	padding:0px;
  }
  
  div #leftmenu ul:first-child {
  list-style-type:none;
  margin:0px;
  padding:4px;
  }
  
  div #leftmenu ul {	
  list-style-type:none;
  margin:0px;
  padding-left:10px;  	
  padding-top:3px;
 padding-bottom:3px;

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



/* Standard box with a header*/

div .box {

}


div .boxhead {
 height:22px;
 background-image:url('../images/leftmenubg.jpg');
 border-bottom: 1px solid #fff;
	 letter-spacing:2px;
}
div .boxhead *{	
	padding:4px;
	 margin:0px;
	 color:#fff;	
	 text-align:center;
	font-weight:bold;
	font-size:11px;
}

div .boxhead a:link{  	 
	 color:#fff;	
	 border:0px;
	 padding:2px;

}


div .boxcontent {   
	 background-color:#fff;
	   padding:4px;      
	 margin:0px;
	font-weight:normal;

}  

 /*Product List Action Bar */
 
 div#content .prodlistactionbar {
		margin-top:10px;
		margin-bottom:10px;
 		width:604px;
	}
  
/* Product box */

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





div#content .prodbox {
	float:left;
	margin-top:5px;
	margin-right:20px;
	margin-bottom:15px;
	margin-left:0px;
	width:186px;	
	padding:0px;
	border:1px solid #000;
}

div#content .prodboxhead {
	  background-color:#000;
	  padding:4px;
}	

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

div#content .prodboxhead p {
	color:#fff;
	text-align:center;
}

 
div#content .prodboximg {
	float:left;
	width:160px;
	height:239px;
	margin-left:8px;
	padding:1px;
	border:1px solid #ccc;
}


div#content .prodboxdesc  {
	float:left;
	width:180px;
	height:30px;
	margin-left:8px;
}

div .prodboxcontent {   	
	float:left;
	/*background-color:#f5f5f5;  	*/
	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:#fafafa;
}

.row1 {
	background-color:#ededed;	
}



/* Product Row list and items */

 div .prodrowlist
	{
		margin-top:10px;		
	}
	
	
	div .prodrowlist .prodrowitem0 *
	{
		color:#FFF;
		background-color:#16d8b3;
		
	}	
	
	div .prodrowlist .prodrowitem1 * 
	{
		/*background-color:#b0c4e0;*/
	}	

 
 /* 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:10px;
 padding:0px;  
background-color:#fff;
}

/* BUTTON */

.button {
 float:left;
 background-color:#fff;
 font-family:verdana; 
 font-weight:bold;
 font-size:10px;
 color:#000;
 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;
 h: expression(this.onmouseover = new Function("this.className = 'button-hover';"));
}

.button:hover,.button-hover{
 float:left;
 background-color:#16d8b3;
 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;
 h: expression(this.onmouseout = new Function("this.className = 'button';"));
}

.button_disabled{
 float:left;
 background-color:#fff;
 font-family:verdana; 
 font-weight:bold;
 font-size:10px;
 color:#000;
 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;
}



/* Rounded Corners classes */

.roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.bannerimg0 {
 margin-right:4px;
width:179px;
height:154px;
}


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