@import url("includes/css/product_listning.css");

img, a img { border:0; text-decoration:none; }

ul.categories, ul.categories ul {
	margin:0; padding:0;
	list-style-type:none;
}
	ul.categories li {
		background:url('/img/join.gif') no-repeat top left;
		padding-left:20px;
	}
		ul.categories li.end {
			background:url('/img/joinbottom.gif') no-repeat top left;
		}
	ul.categories li.minus {
		background:url('/img/line.gif') repeat-y;
	}
		ul.categories li.plus > a.expandable {
			margin-left:-20px; padding-left:20px;
			background:url('/img/plus.gif') no-repeat top left;
		}
		ul.categories li.minus > a.expandable {
			margin-left:-20px; padding-left:20px;
			background:url('/img/minus.gif') no-repeat top left;
		}

		#utvalda {
			width:600px;
		}

		.produkt {
			width:170px;
			float:left;
			height:180px;
			text-align:center;
			font-family:Verdana;
			padding:4px;
		}

		.produkt p {
		margin:0px;
		padding:0px;
		font-size:12px;
		}

		/* Kommentering av nyheter */
		.comment_news {
			border:0px solid black;
		}

		.comment_news label {
			width:250px;
		}

		.comment_news textarea {
			display:block;
			width:300px;
			height:140px;
		}

		#productpage_top {
			border-bottom:1px dotted darkgray;
			float:left;
			width:100%;
		}

		#productpage_top h2 {
			float:left;
			margin-top:0px;
			width:85%;
			font-size:14px;

		}

		html>body #productpage_top h2 {
			float:left;
			margin-top:-3px;
			width:85%;
			font-size:14px;

		}
		.productpage_model {
			float:left;
		}
		.productpage_middle {
			float:left;
			width:100%;
			border-bottom:1px dotted darkgray;
		}

		.productpage_middle_left {
			float:left;
			width:50%;
			text-align:center;
		}

		.productpage_middle_right {
			float:left;
			border-left:1px dotted darkgray;
			padding-left:10px;
			padding-top:10px;
		}

		.product_page_description {
			float:left;
			width:100%;
		}

		.messageStackError {

		   color: #E91210;

		   font-weight: bold;

		}

		div.error {
			padding:4px	;
			background:#FFD0D0;
			border:1px solid #E35757;
			color:#3f3f3f;
			width:100%;
		}
		div.success {
			padding:4px	;
			background:#4C9A11;
			border:1px solid #4C9A11;
			color:#fff;
			width:100%;
		}

		.MBHeading {

		  font-size:12px;

		  font-weight: bold;

		}


	.productSpecialPrice {

				color:#990000;

				}

/* Sane sub category listing */
div.sub_category_listing { }
ul.sub_category_listing {
	margin:0; padding:0;
	list-style-type:none;
}
	ul.sub_category_listing li {
		width:33.3%; float:left;
		overflow:hidden;
		height:200px;
	}
		ul.sub_category_listing li div.category_image {
			height:160px;
			float:left;
			width:100%;
		text-align:center;
		}
			ul.sub_category_listing li  div.category_name {
			display:block;
			text-align:center;
			float:left;
			width:100%;
		}
b.notify_method_header {
display:block;
}
td.notify_method label {
	padding:1px 0;
	display:block;
}

h1 {
	font-size:16px;
}

span.kreditor_desc {
	font-size:10px;
	font-style:italic;
}

/* Message stack */
td.messageStackSuccess {
	color:darkgreen;
}

/* Contact page */
fieldset.contact_page_input {
	border:0px;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:0px;
	*margin-bottom:3px;
}
	fieldset.contact_page_input label {
		width:180px;
		float:left;
	}

/* Shopping cart */
div.shopping_cart_box {
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
}
	div.shopping_cart_box dl {
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	}
	div.shopping_cart_box dd {
		width:70%;
		float:left;
		text-indent:0px;
		padding:0px;
		margin:0px;
		display:block;
	}
	div.shopping_cart_box dt {
		width:20%;
		float:left;
		display:block;
	}
	div.shopping_cart_box .shopping_cart_box_total {
		display:block;
		width:100%;
		font-weight:bold;
		margin-top:5px;
	}

/* Customer survey */
fieldset.survey {
	border:2px solid #CCCCCC;
	padding:8px;
	background:url('../img/survey_questions_bg.png') no-repeat top right;
	min-height:110px;
}
	fieldset.survey legend {
		color:#3F3F3F;
		font-size:13px;
		font-weight:bold;
	}
	fieldset.survey label {
		display:block;
		margin-top:5px;
		margin-bottom:5px;
	}

	fieldset.survey label.surveys_input {
		float:left;
		width:20px;
		margin-bottom:0px;
	}

	fieldset.survey h3 {
		margin:5px;
		padding:0px;
		font-size:12px;
		font-weight:bold;
	}
div.submit_survey {
	text-align:right;
	margin-top:10px;
}

input.surveys_text {
	margin-left:6px;
	margin-top:5px;
	float:left;
}


/* login_box */
div.login_box fieldset {
	border:0px;
}
div.login_box fieldset label {
	display:block;
}

div.select_vat label {
	display:block;
}

/* Box */
div.product_box {
		text-align:center;

}
	div.product_box h1 {

	}
	div.product_box h2.product_name {
		text-align:center;
		font-size:12px;
	}
	div.product_box div.product_price {
		text-align:center;
		display:block;
	}
	div.product_box div.product_price s {
		font-size:10px;
		text-align:center;
		display:block;
	}
	div.product_box div.description {
		display:none;
		text-align:left;
	}
	div.product_box a.buy_now_link {
		display:none;
	}

/* Breadcrumbs */
.breadcrumbs { font-size: 11px; color: #000; }
.breadcrumbs a { color: #000; }
.breadcrumbs a.home { background:url(img/breadcrumbs_home.gif) no-repeat left top; width: 14px; height: 12px; display: inline-block; }
.breadcrumbs a.home span { display: none; }

dt.ordinary_pricing {
	display:none;
}

dd.extra_field_2_pricing {
	display:none;
}

dt.extra_field_2_pricing {
	display:none;
}

span.button,
button.button,
span.button span,
button.button span
{
	background: transparent url('img/button/blue.png') no-repeat right top;
	cursor: pointer;
}

span.button span,
button.button span
{
	background-position: left top;
}

span.button:hover,
button.button:hover
{
	background-position: right -34px;
}

span.button:hover span,
button.button:hover span
{
	background-position: left -34px;
}

span.button:active,
button.button:active
{
	background-position: right -68px;
}

span.button:active span,
button.button:active span
{
	background-position: left -68px;
}

span.button.special,
button.button.special
{
	background-position: right -291px;
}

span.button.special span,
button.button.special span
{
	background-position: left -291px;
}

span.button.special:hover,
button.button.special:hover
{
	background-position: right -325px;
}

span.button.special:hover span,
button.button.special:hover span
{
	background-position: left -325px;
}

span.button.special:active,
button.button.special:active
{
	background-position: right -359px;
}

span.button.special:active span,
button.button.special:active span
{
	background-position: left -359px;
}

span.button.large,
button.button.large
{
	background-position: right -111px;
}

span.button.large span,
button.button.large span
{
	background-position: left -111px;
}

span.button.large:hover,
button.button.large:hover
{
	background-position: right -168px;
}

span.button.large:hover span,
button.button.large:hover span
{
	background-position: left -168px;
}

span.button.large:active,
button.button.large:active
{
	background-position: right -225px;
}

span.button.large:active span,
button.button.large:active span
{
	background-position: left -225px;
}

span.button,
button.button
{
	height: 34px;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 0 10px 0 0;
	vertical-align: bottom;
	/**vertical-align: baseline;*/
}

button.button
{
	border: 0;
	width: auto;
	/**width: 0;*/
	margin: 0;
	*overflow: visible;
}

/* Awesome! Firefox bug fix */
button.button::-moz-focus-inner
{
	border: none;
}

/* Chrome and Safari bug fix */
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
	button.button span
	{
		margin-top: -1px;
	}
}


span.button.large,
button.button.large
{
	height: 57px;
	padding: 0 20px 0 0;
}

span.button span,
button.button span
{
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
	font-size: 13px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	display: block;
	padding: 0 0 0 10px;
	white-space: nowrap;
}

button.button span
{
	position: relative;
}

span.button.large span,
button.button.large span
{
	font-size: 20px;
	height: 57px;
	line-height: 57px;
	padding: 0 0 0 20px;
}

span.button.red,
span.button.red span,
button.button.red,
button.button.red span
{
	background-image: url('img/button/red.png');
}

span.button.black,
span.button.black span,
button.button.black,
button.button.black span
{
	background-image: url('img/button/black.png');
}

span.button.black span,
button.button.black span
{
	text-shadow: none;
}

span.button.black.special span,
button.button.black.special span
{
	text-shadow: 1px 1px 0 #222;
}

span.button.gray,
span.button.gray span,
button.button.gray,
button.button.gray span
{
	background-image: url('img/button/gray.png');
}

span.button.gray span,
button.button.gray span
{
	color: #222;
	text-shadow: none;
}

span.button.gray.special span,
button.button.gray.special span
{
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}

span.button.green,
span.button.green span,
button.button.green,
button.button.green span
{
	background-image: url('img/button/green.png');
}

span.button.yellow,
span.button.yellow span,
button.button.yellow,
button.button.yellow span
{
	background-image: url('img/button/yellow.png');
}

span.button.yellow.special span,
button.button.yellow.special span
{
	text-shadow: none;
}


/* Gallery page */
ul.gallery_video_list,
ul.gallery_image_list,
ul.gallery_article_list,
ul.gallery_link_list,
ul.gallery_page_list,
ul.gallery_product_list {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;	
	margin-left:-5px;
	width:100%;
}
ul.gallery_article_list,
ul.gallery_page_list {
	margin-left:0;
}
	ul.gallery_video_list li,
	ul.gallery_image_list li {
		float:left;	
		width:190px;
		margin:5px;
		height:190px;
	}
	ul.gallery_page_list li,
	ul.gallery_article_list li,
	ul.gallery_product_list li,
	ul.gallery_link_list li {
		float:left;	
		width:100%;
		border-bottom:1px solid #ccc;
	}
		ul.gallery_link_list li a {
			text-decoration:underline;
		}
			ul.gallery_video_list li a img.preview_video,
			ul.gallery_image_list li a img {
				border:0;
			}
			ul.gallery_video_list li a img.preview_video {
				width:190px;
				height:160px;
			}
			ul.gallery_video_list li a div.video_title,
			ul.gallery_image_list li a div.image_title {
				float:left;	
				width:100%;
			}
			
			ul.gallery_image_list li a div.image_thumbnail {
				width:190px;
				height:160px;
				float:left;
				text-align:center;
			}

/* Gallery image page */
div.pageImage  {
	text-align:center;	
}
	div.pageImage a img {
		border:0;	
	}

.clear {
	clear:both;
}

/*
 *	Adding content
 */
div.add-content {
	margin:10px 0;
	float:left;
	padding:0;
}
	div.add-content h3 {
		float:left;
		width:100%;	
		margin:0;
		padding:10px 0;
	}
	div.add-content fieldset.input-fieldset {
		float:left;
		width:100%;
		border:0;	
		margin:0;
		padding:0;
	}
	div.add-content a.show_video {
		text-decoration:underline;
		cursor:pointer;
	}
	div.add-content textarea {
		width:100%;
	}
	div.add-content div.submit-btn {
		float:right;
	}

/* Edit and remove */
ul.edit-menu {
	float:left;
	width:100%;
	list-style-type:none;	
	margin:10px 0;
	padding:0;
}
	ul.edit-menu li {
		float:left;
		width:50%;	
		margin:0;
		padding:0;	
	}		

/* Popup */
div.sb_popup_bg {
	position:fixed;
	*position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter: alpha(opacity=50);	
}
div.sb_popup_over {
	position: absolute;  left: 50%;  margin-left: -25%;
	background:#fff;
	width:500px;
	min-height:200px;
	border:1px solid #CCCCCC;
	font-size:12px;
}
	
	div.sb_popup_over div.sb_popup {
		margin:0;
		float:left;
		padding:0;
	}
	
	div.sb_popup_over div.sb_popup ul {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
		div.sb_popup_over div.sb_popup ul li {
			float:left;
			width:150px;
		}
			div.sb_popup_over div.sb_popup ul li select {
				width:140px;
			}
	
		div.sb_popup_over div.sb_popup ul li.selection_btn {
			margin-top:-10px;
		}
		div.sb_popup_over div.sb_popup ul.submit_menu li.right_side {
			float:right;
			width:auto;
		}
	div.sb_popup_over div.sb_popup .gallery {
		margin:3px;
		padding:0px;
		list-style-type:none;
	}
		div.sb_popup_over div.sb_popup .gallery li {
			float:left;
			width:100px;
			overflow:hidden;
			margin:5px;
			border:1px solid #ccc;
			height:80px;
		}
	
	div.sb_popup_over div.sb_popup .top_part {
		float:left;
		width:484px;
		*width:500px;
		background:#F0F0EE;
		border-bottom:1px solid #CCCCCC;
		padding:8px;
	}
		div.sb_popup_over div.sb_popup .top_part h2 {
			float:left;
			width:300px;
			margin:0px;
			padding:0px;
		}
		div.sb_popup_over div.sb_popup .top_part a {
			float:right;
			width:100px;
			text-align:right;
			cursor:pointer;
		}
	
	div.sb_popup_over div.sb_popup .table_scrollbox {
		margin:5px;
		padding:5px 0;
		float:left;
	}
		div.sb_popup_over div.sb_popup .table_scrollbox label.remove_product_from_list,
		div.sb_popup_over div.sb_popup .table_scrollbox a.change_product,
		div.sb_popup_over div.sb_popup .table_scrollbox span.product_selector {
			float:left;
			width:100%;
			margin:5px 0;
			font-size:11px;
		}	
		
		div.sb_popup_over div.sb_popup .table_scrollbox select {
			width:250px;
		}