/****** Main Table ******/
.basicTable 	{width: 100%;}
.mainTable {width: 1004px; align:center;}
.mainTable75 {width: 75%;}
.mainTable50 {width: 500px;}
.mainTableCell		 	{padding: 4px 8px 4px 8px; vertical-align: top;}
.mainTableCellLeft 		{padding: 4px 0px 4px 10px; vertical-align: top; }
.mainTableCellCenter 	{padding: 4px 8px 4px 8px; vertical-align: top;}
.mainTableCellRight 	{padding: 4px 10px 4px 0px; vertical-align: top;}

/*****************************************************************************/

/************* Breadcrumb *******************/

.breadcrumb {border: 0px solid #D5D5D5; padding: 6px 6px 6px 6px;
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #6e6e6e;
border-bottom: 1px solid #cccccc;
}

.breadcrumb a {
font-family: Tahoma;
font-size: 11px;
color: #6e6e6e;	
text-decoration: none;
border-bottom: 1px solid #c6c6c6;
}

.breadcrumb a:hover {
text-decoration: none;
border-bottom: 1px solid #6e6e6e;	
color: #000;
}

/************* Button Links *******************/

td.butTd {}
td.butTd span.spacer {display: auto; color: #1584D2;}	/* '|' between button */
a.button:link, a.button:visited {font: 10pt Tahoma, Verdana, sans-serif; padding: 0px 5px;}
a.button:hover, a.button:active {font: 10pt Tahoma, Verdana, sans-serif; padding: 0px 5px;}
a.button-add span 		{display: auto; font-weight: bold; white-space: nowrap;}		/* add to cart (products categories, product details) */
a.button-add img 		{display: none;}
a.button-view span 		{display: auto; white-space: nowrap;}		/* view cart (products categories, product details) */
a.button-view img 		{display: none;}
a.button-check span 	{display: auto; white-space: nowrap;}		/* check out (products categories, product details) */
a.button-check img 		{display: none;}
.errorbg  { background: #FF0000; }

body		{ font: 9pt Tahoma, Verdana, sans-serif; color: black; margin: 0px; padding:0px; background: #f1f1f1 url(/images/kok_bg.gif) repeat;}
body.popup	{ font: 11px Tahoma, Verdana, sans-serif; color: black; margin: 0px; padding:8px;}

tr, td						{font-size: 9pt; font-family: Tahoma, Verdana, sans-serif; color: black; }
tr.error, td.error		{background-color: #FFE0E0; color: red; font-weight: bold; }
table.usual 				{background-color: #F4F4F4;}

body.popup tr.usual, body.popup td.usual		{background-color: transparent; }
body.popup tr.header, body.popup td.header		{background-color: #E9E9E9; color: #1584D2; }

td.padding10px			{padding-left: 10px;}
table.padding6px td		{padding: 6px;}
table.padding6px td td	{padding: 0px;}
table.padding4px td		{padding: 4px;}
table.padding4px td td	{padding: 0px;}

input					{font-family: Tahoma, Verdana, sans-serif; font-size: 11px; }
input.usualprice	{background-color: transparent; border: none; text-align: right; font-family: Tahoma, Verdana, sans-serif; font-size: 10pt; }
input.orderprice	{background-color: transparent; border: none; text-align: right; font-family: Tahoma, Verdana, sans-serif; font-size: 10pt; font-weight: bold; }
input.search		{border-top: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;border-left: 1px solid #a5a5a5; font-family: Tahoma; font-size: 11px; padding: 2px;}
input.text			{font-family: Tahoma; font-size: 11px; border-top: 1px solid #a5a5a5;border-right: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;border-left: 1px solid #a5a5a5; padding: 2px;}
input.field			{font-family: Tahoma; font-size: 11px; border-top: 1px solid #a5a5a5;border-right: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;border-left: 1px solid #a5a5a5; padding: 2px;}
input.fieldSmall{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font-size: 8pt; }
input.submit		{font-weight: bold; border: 0px; color: #fff; font-size: 11px; cursor: pointer; background: url(../images/default/button-r-bgr.gif) no-repeat right; height: 28px; padding: 0px 9px 1px 0px; margin: 0px;}
	input#clear		{color: #8A8A8A;}
	input#reset		{color: #8A8A8A;}
	input#preview	{color: #FF6C00;}
	input#cancel	{color: #8A8A8A;}
	input#delete	{color: #8A8A8A;}
select				{font-family: Tahoma, Verdana, sans-serif; font-size: 11px; padding: 2px; border-top: 1px solid #a5a5a5;border-right: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;border-left: 1px solid #a5a5a5;}
select.search		{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9;}
textarea				{font-family: Tahoma; font-size: 11px; border-top: 1px solid #a5a5a5;border-right: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;border-left: 1px solid #a5a5a5; padding: 2px;}

input.field { margin-bottom: 3px;}
select.field {margin-bottom: 3px;}

input.submit {margin: 2px 0px 2px 0px;}
html>body input.submit {margin: 4px 0px 4px 0px;}
* html input.submit {margin: 0px 0px 0px 0px;}

span.submit {background: url(../images/default/button-l-bgr.gif) no-repeat left; font: 25px Arial; padding-left: 7px !important; white-space: nowrap; display: inline-block;}
/*For old templates < ver. 3.3*/
td.submit {background: url(../images/default/button-l-bgr.gif) no-repeat left; padding-left: 7px !important;}

form { margin: 0; }
hr {background: #E9E9E9; border: 0px; color: #E9E9E9;}
a.header 			{color: #1584D2; text-decoration: underline; }
a.header:hover		{color: #1584D2; text-decoration: underline; }
a.title				{font-size: 10pt; font-weight: bold;  color: #1584D2; text-decoration: underline; }
a.title:hover		{font-size: 10pt; font-weight: bold;  color: #1584D2; text-decoration: none; }
a.smallText			{color: #969696; text-decoration: none; font-size: 8pt; }
a.smallText:hover	{color: #717171; text-decoration: underline; font-size: 8pt; }
a						{color: #4a4a4a; outline: none;}
a:hover				{color: #333; text-decoration: underline; }

.articleDate	{font-size: 8pt; color: #7777CC; font-style: italic; }
/* prices styles */
.priceBlock { color: #000; font-weight: bold; font-family: Arial, Helvetica; }
.priceBlockEdit { color: #000; font-weight: bold; font-family: Arial, Helvetica; }
.priceBlock .price, .priceBlockHidden .price { font-weight: bold; }
.priceBlockOld .price { font-weight: normal; }
.priceBlockEdit input.price { text-align: right; font-weight: bold; width: 80px; font-size:10pt; color:black; border-top: 1px solid #7F9DB9; border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; }
.priceBlock .priceTax, .priceBlockHidden .priceTax { font-weight: normal; }
.priceBlockOld .priceTax { font-weight: normal; }

.salesBlock {color: #000; font-weight: bold; border: none; background: transparent; font-family: Arial, Helvetica; }
.salesPrice { font-weight: bold; }
.salesTax { font-weight: normal; }

.priceSaveBlock { color: #57a336; font-weight: bold; font-family: Tahoma, Verdana, Helvetica; }
.priceSaveBlock .price { font-weight: bold; }
.priceSaveBlock .percent { font-weight: normal; }
.pointsPriceBlock { font-family: Arial, Helvetica; }
.pointsPriceBlock .points { }
.rewardPointsBlock { font-family: Arial, Helvetica; }
.rewardPointsBlock .points { }

.titleText			{color: #1584d2; text-decoration: none; }
.top				{font-size: 8pt; padding: 2 0 2 0;}
.smallText		{font-size: 8pt; color: #999999; line-height: 15px; }
.middleText		{font-size: 9pt; }
.bigText			{font-size: 10pt; }
.comment			{font-size: 8pt; color: #7777CC; }
.message			{padding: 6px; background: #3f871f; font-size: 11px; color: #fff; border: 1px solid #29620f; line-height: 16px;  }
div.message a {color: #fff;}
div.message a:hover {color: #ccc;}
.title			{font-size: 10pt; font-weight: bold; color: #4f4f4f; }
.bigtitle		{font-size: 12pt; font-weight: bold; color: #575757; }
.error			{color: red; font-size: 11px; }
.terms      {height: 300px; width: 600px; overflow: auto; border: 1px solid silver; }
.link       {color: green; }

span.nobr       {white-space: nowrap !important;}



/******************************************************************************/
/***********************  KOCKREDSKAP.SE CSS PART  ****************************/
/******************************************************************************/


#FOOTER { background: url(../images/kok_footer_bg.gif) top repeat-x #dedede; border-bottom: 1px solid #cac9c9;}
#FOOTER_CONTENT { padding-top: 20px; background: url(../images/kok_footer_content_bg.gif) top repeat-x #e6e6e6; }

.leftbar {background: url(../images/kok_leftbar_bg.gif) left;}
.container_inside { background: #fff;}
.text_bottom {
	font-family: Tahoma;
	font-size: 11px;
	color: #9a9a9a;
}
.text_bottom a {
	font-family: Tahoma;
	font-size: 11px;
	color: #787878;
	text-decoration: none;
	border-bottom: 1px solid #c6c6c6;
}

.text_bottom a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
	border-bottom: 1px solid #787878;	
}

.text_footerlinks {
	font-family: Tahoma;
	font-size: 11px;
	color: #3e3e3e;	
	font-weight: bold;
	line-height: 21px;
}

.text_footerlinks a {
	font-family: Tahoma;
	font-size: 11px;
	color: #3e3e3e;	
	text-decoration: none;
	font-weight: normal;
	padding: 4px;
	padding-right: 6px;
	padding-left: 10px;
}

.text_footerlinks a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #3e3e3e;	
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
	background: #c6c6c6;
	line-height: 21px;
}

.text_main {
	font-family: Tahoma;
	font-size: 11px;
	color: #4a4a4a;
	line-height: 16px;
}

.text_main a {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
	border-bottom: 1px solid #c6c6c6;
}

.text_main a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #8e8e8e;
}

.text_light {
	font-family: Tahoma;
	font-size: 11px;
	color: #b0b0b0;
}

.text_light a {
	font-family: Tahoma;
	font-size: 11px;
	color: #b0b0b0;
	text-decoration: none;
	border-bottom: 1px solid #d0d0d0;
}

.text_light a:hover {
	color: #8c8c8c;
	text-decoration: none;
	border-bottom: 1px solid #b0b0b0;
}

.prod_desc {
	font-family: Tahoma;
	font-size: 11px;
	color: #4a4a4a;
	line-height: 16px;	
}

.prod_desc p {
	margin-top: 0px;
	margin-bottom: 5px;
}

.prod_desc_title {
	font-family: Tahoma;
	font-size: 11px;
	color: #4a4a4a;
	line-height: 16px;	
	font-weight: bold;
}

.text_big {
	font-family: Tahoma;
	font-size: 12px;
	color: #3e3e3e;
	line-height: 17px;
}

.text_big a {
	font-family: Tahoma;
	font-size: 12px;
	color: #555555;
	text-decoration: none;
	border-bottom: 1px solid #c6c6c6;
}

.text_big a:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #8e8e8e;
}


.text_snabblankar {
	font-family: Tahoma;
	font-size: 11px;
	color: #3e3e3e;
	line-height: 20px;
}

.text_snabblankar a {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
	border-bottom: 1px solid #c6c6c6;
}

.text_snabblankar a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #8e8e8e;
}

.vertmenu {
	position: relative;
	left: -1px;
}

.vertmenu_item {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	
	}
.vertmenu_item a {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #474747;
	color: #c1c1c1;
	padding-bottom: 1px;
	top: -2px;
	position: relative;
}

.vertmenu_item a:hover {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #649b32;
	color: #93e345;
	padding-bottom: 1px;
}

.vertmenu_containercell {
	padding-right: 2px;
}

h1 {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #2f2f2f;
	margin-top: -2px;
	padding-bottom: 0px;
	display: inline;
}

.pad10L {
padding-left: 10px;
}

.pad10 {
padding: 10px;
}

.rightbar_text {
	padding: 10px;
}

.prislapp {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.butt,.butt a {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-bottom: 0px solid;
}

.butt a:hover {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #b2f670;
	text-decoration: none;	
	border-bottom: 0px solid;
}

.buttbig,.buttbig a {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-bottom: 0px solid;
}

.buttbig a:hover {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #b2f670;
	text-decoration: none;	
	border-bottom: 0px solid;
}


.prodcont {
	width: 104px; height: 74px; padding: 1px; border:1px solid #c9c9c9; }

.prodcont:hover {
	width: 104px; height: 74px; padding: 1px; border:1px solid #c9c9c9; background:url(/images/prodcont.gif) no-repeat center;
}

.separator {
	background: url(/images/separator.gif) repeat-x;
}

.butikspris {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #aa2020;
	text-decoration: line-through;
}

.vartpris {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

A.pageResults {
  color: #929292;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
 background: #eeeeee;
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  text-decoration: none;
  position: relative;
  top: 12px;
}

A.pageResults:hover {
  color: #151515;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #a0a0a0;
	border-bottom: 1px solid #ebebeb;
	border-top: 2px solid #5e5e5e;
}
	
.pageResultsCurrent {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  padding-bottom: 7px;
  background-color: #fff;
border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  text-decoration: none;
  position: relative;
  top: 10px;	
}

.printpage {
	background: #FFFFFF; 
	font-family: Tahoma, Verdana;
	font-size: 11px;
}

.question {
	background: #e3e3e3;
	border: 1px solid #e4e4e4;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}

.answer {
	background: #fff;
	border: 1px solid #e4e4e4;
	color: #000;
	font-family: Tahoma;
	font-size: 11px;
}

.customers {
	border-left: 4px solid #e6e6e6;
	font-family: Georgia;
	font-size: 13px;
	color: #333333;
	font-style: italic;
	padding: 8px;
	margin-bottom: 6px;
	text-align: left;
}

.stepbystep_1 {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
	background: #d3ffb2;
	padding: 10px;
	border-left: 2px solid #bfeba5;
	border-right: 2px solid #bfeba5;
}

.stepbystep_2 {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
	background: #e0ffc9;
	padding: 10px;
	border-left: 2px solid #c6f1a6;
	border-right: 2px solid #c6f1a6;
}

.imgborder {
	padding: 2px;
	border: 1px solid #ccc;
}

.imgborder a:hover {
	padding: 2px;
	border: 1px solid #b0b0b0;
}

.message_search {
	font-size: 11px; color: #000; 
}



.text_main li {
	margin: 0px 0px -3px -3px;
	padding-bottom: 8px;
	list-style-image: url(/images/kok_icon_greyarrow.gif);
	list-style-position: outside;
}

.valjunderkategori {
	position: absolute;
	top: 223px;
	margin-left: 80px;
}

.productlistingbox {
	border: 1px solid #d9d9d9; 
	padding: 5px; 
	height: 200px;
}

.productlistingbox:hover {
	border: 2px solid #c0eb9d; 
	padding: 4px;
	cursor: pointer;
}

.kampanj {
	width: 69px;
	height: 72px;
	background: url(/images/kok_kampanjvara.gif) no-repeat top left;
	position: absolute;
	margin-top: -30px;
	margin-left: 250px;
}

#xmas_lights {
	position: absolute;
	top: 0px;
	margin-left: 120px;
}

.alertdate {
	background: #811e1e;
	padding: 10px;
	color: #fff;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
}

.alert {
	background: #f5e6d1;
	border: 1px solid #b01919;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #590b0b;
	padding: 10px;
	margin-bottom: 10px;
}

.blackmenu {
position: absolute;
margin-top: 143px;
margin-left: 192px;
width: 653px;
background: #333;
text-align: left;
}
