article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }





::-moz-selection { background: #f8ad6e; color: #fff; text-shadow: none; }

::selection { background: #f8ad6e; color: #fff; text-shadow: none; }



a { color: #f58220; }

a:visited { color: #f58220; }

a:hover { color: #f58220; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }



q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 0; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }



table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }



.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



.product-top{

width:100%;

	float:left;

}

	.product-bottom{

width:100%;

	float:left;

}

.product-top-left{

	width:49%;

	float:left;

}

.product-top-right{

	width:49%;

	float:right;

}

.product-top-right_custom{

	width:49%;

	float:right;

}





.Center { text-align: center; }



.Prices dt {display:none; }

dl.Prices {padding:0;margin:0;}

.Prices dd {font-size:33px;}

.Prices dd.Price { }

.Prices dd.ListPrice {

	text-decoration: line-through; 

	margin-right: 5px; font-size: 11px; color: #888;

}

.Prices dd.DiscountPrice	{ }



.Product .Prices dt { display: none; } /* @ productlist */

.Product .Prices dd { display: inline; } /* @ productlist */



.Currency { padding: 0 2px; }



.Notification {

	position: relative; text-align: center;

	margin: 0 0 18px; padding: 17px; font-size: 15px;

	border: 1px solid #d9d9d9; background: #F8F8F8;

	-moz-border-radius: 3px; -webkit-border-radius: 3px;

	border-radius: 3px;

}

.Notification a { font-weight: bold; }

.Notification * { margin-bottom: 0; }

.Success { background: #ebf5e1; }

.Error { background: #f5e1e1; }



/* Tables */



table	{

	position: relative; width: 100%; text-align: left;

	margin: 0 0 17px; vertical-align: top;

	border: 1px solid #D9D9D9; border-collapse: collapse;

}

caption {

	caption-side: top; text-align: center;

	font-size: 11px; text-transform: uppercase;

	padding: 0;

	font-weight: bold; border: 0;

}	

th, td {

	border-collapse: collapse; border: 1px solid #D9D9D9;

	padding: 8px 9px 9px 8px; vertical-align: top; text-align: left;

}

th { font-weight: bold; }

thead th, thead td { background: #F2F2F2; }

tfoot td, tfoot th {}

tfoot th { font-weight: normal; }









/* Checkout

-------------------------------------------------------------- */



#CheckoutHeader {

	position: relative; overflow: hidden; z-index: 3;

	padding: 12px;

	min-height: 0px; 

}

#CheckoutHeader h1 {

	position: relative; float: left; width: auto;

	height: 36px; line-height: 36px; padding: 0 36px 0 0; 

	border: 0; margin: 0; background: none;

}

#CheckoutHeader #CheckoutStage {

	position: relative; overflow: hidden; width: auto;

	list-style: decimal inside; margin: 0; padding: 0;

	height: 36px; line-height: 36px;

}

#CheckoutHeader #CheckoutStage li {

	position: relative; float: left; height: 34px; line-height: 34px;

	margin: 0 3px 0 0; padding: 0 17px; font-weight: normal;

	background: #F8F8F8; border: 1px solid #D9D9D9;

}

#CheckoutHeader #CheckoutStage li.CurrentCheckoutStage {

	background: #F8F8F8;

	font-weight: bold;

}

#CheckoutHeader #CheckoutStage li.CompletedCheckoutStage {}

#CheckoutHeader #CheckoutStage li.CompletedCheckoutStage a {}

.CheckoutStageEdit {

	font-size: 10px; font-weight: normal;

	position: relative; 

	color: #000; padding: 0 0.15em;

}









/* ==|== primary styles =====================================================

   Author: Inertica (info@inertica.fi)

   Last modified: 2012-03-28

   ========================================================================== */



* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url('/files/avania-theme/js/boxsizing.htc'); }



html, body { height: 100%; }



body {

	font: 13px/1.5 Arial; 

	color: #444;

	text-align: left;

}



p, li { font-size: 13px; margin-bottom: 10px;  }

p { }

a { color: #f58220; text-decoration: none; }

a:link { }

a:visited { }

a:hover { text-decoration: underline; }

a:active { }





 

h1 { font-size: 25px; margin-bottom: 9px; color:#333; font-weight:400; }

h2 { font-size: 19px; color:#333; margin-bottom:5px;}

h3 { font-size: 15px;  margin-bottom:3px; color:#6eaf0b; }

h3.plain,

html.fontface h3.plain {

	color: #262626; font-size: 12px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	margin-bottom: 12px; 

	font-weight: bold; 

}



h4 { font-size: 16px; }

h5, h6,

html.fontface h5, html.fontface h6 { 

	font-size: 12px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	color: #262626; 

	font-weight: bold; 

}

aside.sidebar h1,

aside.sidebar h2,

aside.sidebar h3 { }



aside.sidebar h2 { }

aside.sidebar h3 { }

aside.sidebar { font-size: 13px; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }

sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }



ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }

ol li, ul li { margin: 0.1em 0; line-height: 1.3; }

li li {	font-size: 1em; }

li ul {	margin: 0; }



address { font-style: normal; }



td { font-size: 11px; padding-right: 0.5em; vertical-align: top;}

td p, td li { font-size: 1em; }



.gray { color: #505050; }

.green { color: #98c320; }

.condensed {

	font-family: "Helvetica Neue Condensed", "HelveticaNeueCondensed", "Arial Narrow", "ArialNarrow", Arial, sans-serif;	

	font-stretch: condensed;

	letter-spacing: -1px; 

}



html.fontface .condensed { 

	font-family: 'HelveticaNeueLTStd77BdCn', sans-serif; font-weight: normal; font-stretch: normal; 

	letter-spacing: 0; 

}



	

/* ==|=======================================================================

   Layout

   ========================================================================== */

  

.container { clear: both; margin: 0 auto; text-align: left; position: relative;  }

.container-main,

.container-footer,

.container-1000 { width: 1000px; max-width: 100%; }



header { min-height: 78px; height: auto !important; height: 78px; position: relative; font-size: 12px; }



header.category-image {

	min-height: 0px; 

	clear: both; 

	text-align: left;

}



.newsletter p { display:none; }









header.category-image img {

	width:100%; 

}

header div.logo { position: absolute; top: 20px; left: 0;  }

header nav.nav-customer { position: absolute; right: 0; top: 0;  }

nav.nav-customer ul {

	list-style: none; 

	margin: 20px 0 0 0; padding: 0; 

	text-align: right; 

	

}

nav.nav-customer li { display: inline; margin-left: 4px; padding-left: 4px; font-size: 13px; text-transform:uppercase;}

nav.nav-customer a { color: #262626; }

header div.cart { position: absolute; bottom: 10px; right: 0; text-align: right; line-height: 24px; }

header div.cart a { color: #262626; text-decoration: underline;}



nav.nav-top {

	min-height: 44px; height: auto !important; height: 44px;  

	background: #363737 url('../img/bg-nav-top.png') repeat-x 0 0;  

}



nav.nav-top li { 

	float: left; 

	font-size: 14px;

	margin: 0; padding: 0 21px 0 20px;

	line-height: 44px;

	background: url('../img/bg-nav-top-li.png') no-repeat right 2px; 

}

nav.nav-top a { 

	display: block; 

	color: #e4e4e4; 

	line-height: 44px; 

}

nav.nav-top a.home {

	background: url('../img/bg-nav-top-home.png') no-repeat center center;	

	width: 20px; 

}

nav.nav-top li.last {

	background-image: none; 

}

article {

	/*background: #ffffff;*/

	min-height: 500px; 

}



div.column-main {

	background-color: #f8f8f8;

	border:thin solid #e6e6e6;

	width:77%;

	float: right;

	min-height: 200px;

	padding: 12px;

	margin: 12px 0 20px 0;  

}

div.column-main-home {

	width: 1000px; max-width:100%;min-height: 100px; 

	padding: 0; 

}

div.column-main-checkout {

	width: 1000px; max-width:100%;min-height: 100px; 

	padding: 30px; 

}

aside.sidebar {

	width: 210px;

		max-width:22%;



	float: left;

	margin-top: 12px;  

}

aside.sidebar div.block {

	border: 1px solid #dddddd;

	background-color: #f8f8f8;

	padding: 12px; 

	margin-bottom: 8px; 

}

aside.sidebar div.block h2 {

	font-size: 24px; 

	margin-bottom: 12px;

	 

}

div.payment-info { padding: 16px 0 16px 16px; text-align:center;}

div.payment-info p{ font-size:12px;}

div.payment-info a { color: #6a9100; }

div.payment-info img { max-width:600px; }

footer {

	position: relative; margin: 0; padding: 0; 

	background: #f58220;

	min-height: 290px; height: auto !important; height: 290px;

	color: #ffffff;  

}

footer li, footer p { font-size: 12px; }

.container-footer { 

	background: none;

}



footer section {

	float: left; width: 323px; max-width: 323px; 

	min-height: 290px; height: auto !important; height: 290px;

	padding: 0 1.5% 1.5% 1.5%; 

	margin-top:20px;

 border-left:thin solid #bfbfbf;

}



footer section.footer-info {} 

footer section.footer-company { }

footer section.last { }



footer ul { list-style: none; margin: 0 0 1em 0; padding: 0; }

footer li { margin: 0; padding: 0; }

footer h4 { font-size: 20px; color: #ffffff; margin-bottom: 15px; font-weight: normal;}

footer a,

footer a:hover,

footer a:visited { color: #ffffff; }



/* ==|=======================================================================

   Navigation

   ========================================================================== */

  

.dd_menu_wrapper a.home {

    background: url('/files/avania-teema/img/bg-nav-top-home.png') no-repeat center center;

    width: 20px;

	margin-left:5px;

	margin-top:-1px;

}



.dd_menu_wrapper a.home:hover {

    background:#333 url('/files/avania-teema/img/bg-nav-top-home.png') no-repeat center center;

}



nav.nav-main li { 

	font-size: 14px;

	/*background: url('../img/bg-product-sidebar.png') no-repeat center bottom;*/

	position: relative; 

}

nav.nav-main a { 

	display: block;

	color: #5e5e5e; 

 	/*background: url('../img/bg-nav-main-a.png') no-repeat right center;*/

 	padding: 8px 12px 8px 8px; 

	background: url('../img/bg-product-sidebar.png') no-repeat center bottom;

}

nav.nav-main li.LastNavigationItem {

	background-image: none; 

}



nav.nav-main ul ul { display: none; }

nav.nav-main li.Current ul { display: block; }



/* Categoryopeners */

.nav-main ul.Categories li.Openable a { 

}

.nav-main ul.Categories li.Openable ul {

	background: url('../img/bg-product-sidebar.png') no-repeat center bottom;

	padding-bottom: 8px; 

	padding-left: 12px;  

}

.nav-main ul.Categories li.Openable ul ul {

	background-image: none; 

	padding-bottom: 0px; 

}

nav.nav-main ul.Categories li.Openable li a { margin: 0; background-image: none; padding: 4px 12px 4px 8px }





.nav-main ul.Categories li span.NavOpener {

	position: absolute; display: block; margin: 0;

	top: 6px; right: 6px; width: 21px; height: 21px;

	line-height: 21px; text-align: center; font-weight: bold;

	background: #fff url('../img/bg-nav-arrows.png') no-repeat 0 0;

	overflow: hidden; text-indent: -1000em;

}

.nav-main ul.Categories li span.NavOpener:hover { cursor: pointer; }

.nav-main ul.Categories li span.Opened { background-position: -21px 0px; }

.nav-main ul.Categories li li span.NavOpener { top: 2px; }

.nav-main ul.Categories li li span.NavOpener:hover { }

.nav-main ul.Categories li li span.Opened { }

.nav-main ul.Categories li li span.Opened:hover { }

.nav-main ul.Categories li li li span.NavOpener { }

.nav-main ul.Categories li li li span.NavOpener:hover { }

.nav-main ul.Categories li li li span.Opened { }

.nav-main ul.Categories li li li span.Opened:hover { }







/* ==|=======================================================================

   Home

   ========================================================================== */





h1.home { padding-top: 12px; padding-left: 8px; margin-bottom: 0; }



#BannerScroller { 

	position: relative; width: 1000px; height: 300px; 

	overflow: hidden; border: 1px solid #dddddd; background-color: #ffffff; 

}

#ScrollableBanners { position: relative; width: 9999em; }

.FrontBanner { position: relative; width: 1000px; float: left; }

.FrontBanner img { position: relative; display: block; float: left; margin: 0; padding: 0; width: 1000px; }



#PrevBanner, #NextBanner {

	display: none;

	position: absolute; top: 0px;

	padding: 8px 15px 9px; margin: 0;

	text-decoration: none;

	border-bottom: 1px solid #d9d9d9;

	background: #FFF; z-index: 999;

}

#PrevBanner {

	padding-left: 36px;

	left: 0px; border-right: 1px solid #d9d9d9;

	-moz-border-radius-bottom-right: 5px;

	-webkit-bottom-right-border-radius: 5px;

	border-bottom-right-radius: 5px;

}

#NextBanner {

	padding-right: 36px;

	right: 0px; border-left: 1px solid #d9d9d9;

	-moz-border-radius-bottomleft: 5px;

	-webkit-bottom-left-border-radius: 5px;

	border-bottom-left-radius: 5px;

}

#PrevBanner .Icon, #NextBanner .Icon {}



/* ==|=======================================================================

   Cart

   ========================================================================== */



aside h2.cart {

	background: url('../img/bg-heading-cart.png') no-repeat right center;

	padding-right: 32px; 

}



aside div.CartProduct h3.ProductName,

html.fontface aside div.CartProduct h3.ProductName {

	font-size: 12px; 

	font-family: Arial,sans-serif;

	color: #262626; 

	font-weight: bold; 

	text-transform:uppercase;

}

aside div.CartProduct h3.ProductName a {

	color: #262626;

}



aside div.CartProduct {

	background: url('../img/bg-product-sidebar.png') no-repeat center bottom;

	font-size: 11px;

	font-weight: bold;   

	padding-bottom: 10px; 

	margin-bottom: 10px; 

}

aside dt.CartProductQuantity,

aside dt.CartProductTotal,

aside dt.SubTotal { width: 40%; float: left; }

aside dd.CartProductQuantity,

aside dd.CartProductTotal,

aside dd.CartProductRemove,

aside dd.SubTotal { width: 40%; float: right; text-align: right; margin-left: 0; }



aside dd.ToShoppingCart,

aside dd.ToCheckout {

	float: right;

	width: 100%;

	margin-left: 0;

	font-size: 16px;

	text-align: left;

	display: block;   

	font-family: "Helvetica Neue Condensed", "HelveticaNeueCondensed", "Arial Narrow", "ArialNarrow", Arial, sans-serif;	

	font-stretch: condensed;

	

}



html.fontface aside dd.ToShoppingCart,

html.fontface aside dd.ToCheckout { 

	font-family: 'HelveticaNeueLTStd77BdCn', sans-serif; font-stretch: normal;

	font-weight: normal;  

}



aside dd.ToShoppingCart {

padding-top: 4px;	

}



	

aside dl {

	font-size: 12px;

	font-weight: bold;   

}



/* ==|=======================================================================

   Categories

   ========================================================================== */



li.category-block { list-style: none; }

.category-block h2 {

	color: #f58220;

	font-size: 18px; 

	margin-bottom: 8px; 

}

.category-block {

	float: left; width: 33.2%;

	background: url('../img/bg-product.png') no-repeat right 20px;

	padding:5px;

}

.category-block div.wrap {

	padding: 16px;

	

}



.CategoryImage{

	

	width:100%;

}

.category-block div.category-product-image {

	text-align: center;

	height: 150px;

	margin-bottom: 16px;  

	vertical-align: middle; 

	line-height: 150px; 

}

.category-block div.category-product-image img {

	vertical-align: middle;

}

.category-block h3,

html.fontface .category-block h3 {

	color: #262626;

	text-transform: uppercase;

	font-size: 12px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	margin-bottom: 12px; 

	font-weight: bold; 

}

.category-block h3 a { color: #262626; }



.category-block.last { 

	background-image: none; 

}  



.category-block {

	padding-bottom: 24px; 

}



.category-block div.wrap {

	background: url('../img/bg-product-sidebar.png') repeat-x left bottom;

	min-height: 315px; height: auto !important; height: 315px;

}

.CategoryID-22 .category-block DIV.wrap {

min-height: 150px;

height: auto;

}



/* ==|=======================================================================

   Products

   ========================================================================== */

#ProductImageCaption{

	display:none;

}

.ProductList.SimilarProducts div.product-image {

    text-align: center;

}





ul.ProductList  {

	margin: 0;

	list-style: none;

	padding: 0; 

}

li.Product {

	margin-left: 0; 

	padding-left: 0;

}

.Product h2 {

	color: #f58220;

	font-size: 18px; 

	margin-bottom: 8px; 

}

.Product {

	float: left; width: 32%;  background: none;

	border:thin dashed #cccccc;

	margin-right:1.3%;

}





div.column-main-home .Product {

	float: left; width: 249px; max-width:25%;  background: blue;

	background: url('../img/bg-product.png') no-repeat right 20px;

}



.Product div.wrap {

	padding: 16px;

	

}

.Product div.product-image {

	text-align: center;

	height: 150px;

	margin-bottom: 16px; 

	vertical-align: middle; 

	line-height: 150px; 

}





ul.ProductList.CompatibleProducts .product-image {

	text-align: center;

		padding-top:10px;



	height: 150px;

	margin-bottom: 16px;  

	vertical-align: middle; 

	line-height: 150px; 

} 

.Product div.product-image img {

	vertical-align: middle;

}

.Product h3,

html.fontface .Product h3 {

	color: #262626;

	text-transform: uppercase;

	font-size: 12px;

	font-family:Arial, sans-serif;

	margin-bottom: 12px; 

	font-weight: bold; 

}

.Product h3 a { color: #262626; }



.Product.last { 

	background-image: none; 

}  



.product-sidebar {

	float: none; 

	width: 100%; 

	margin-bottom: 14px;

	padding-top:5px;

	background:#fff;

	

}

.product-sidebar div.wrap {

	padding: 0 0 16px; 

}



.product-sidebar div.product-image {

	text-align: center;

	width: 70px; 

	height: 90px;

	vertical-align: middle; 

	line-height: 70px;

	float: left;  

	margin-bottom: 5px; 

}

.product-sidebar div.product-image img {

	vertical-align: middle;

	max-width:75px;

}

.product-sidebar div.product-text {

	width: 99px; 

	float: right;  

	font-size: 10px;

	margin-top:10px;

}

.product-sidebar div.product-text h4,

.product-sidebar div.product-text h4 a,

html.fontface .product-sidebar div.product-text h4,

html.fontface .product-sidebar div.product-text h4 a {

	color: #262626;

	font-weight: normal; 

	font-size: 10px; 

	font-family: Tahoma, Arial, Helvetica, sans-serif;

}

.product-sidebar div.product-price {

	font-size: 20px;

	color: #98c320;

	font-weight: bold;

		line-height:24px; 

}

html.fontface .product-sidebar div.product-price {

	font-weight: normal;

} 

.product-sidebar .DecimalSeparator,

.product-sidebar .PriceDecimals { }





.product-block.last { }

.product-block.first { }



.product-block {

	margin-bottom: 10px; 

	min-height: 315px; height: auto !important; height: 315px;

}



.product-block-plain {

	width: 32%;

background: none;

border: thin dashed #ccc;

margin-right: 1.3%;

		background:#fff;

min-height: 315px; height: auto !important;height: 315px;

}



.product-block-with-price  {

	width: 32%;

background: none;

border: thin dashed #ccc;

margin-right: 1.3%;



	min-height: 315px; height: auto !important;height: 315px;



}

.product-block-with-price h3, .product-block-with-price h3 a{

text-transform:uppercase;

	color:#333333;

}

.product-block div.wrap {

	min-height: 315px; height: auto !important; height: 315px;

}

.product-block-plain div.wrap {

	backgroun:#fff;

	min-height: 315px; height: auto !important; height: 315px;

}

.product-block-with-price div.wrap {

	background:#fff;

	position:relative;

	min-height: 315px; height: auto !important; height: 315px;

}

.product-block-with-price h3 {

	margin-bottom: 4px; 

}



.product-block-with-price div.product-price {

	font-size: 28px;

	color: #98c320;

	letter-spacing: -1px;

	text-align: center;

	font-weight: bold;

	position:absolute;

			width:100%;



	top:30px;

text-align:center;}



.AddToCart{

	

		width:100%;

	position:absolute;

	bottom:15px;

	

}

.AddToCartLink{

 padding:10px 30px 10px 30px;

	width:300px;

	color:#fff;

		bottom:0;

		background:#f58220;

}



.AddToCartLink:hover{

 padding:10px 30px 10px 30px;

	width:300px;

	color:#eaeaea;

		bottom:0;

		background:#f58220;

	text-decoration:none;

}



table h3.ProductName,

table h3.ProductName a,

html.fontface table h3.ProductName,

html.fontface table h3.ProductName a {

	font-size: 12px;

	color: #262626;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-weight: bold;  

}



div.border-bottom {

	background: url('../img/bg-product-sidebar.png') repeat-x left bottom;

	margin-bottom: 24px; 

}

div.border-top {

	background: url('../img/bg-product-sidebar.png') repeat-x left top;

	padding-top: 24px; 

	margin-top: 24px;

}

div.product-left {

	width: 47%; float: left; margin-right:25px;

}



div.product-right {

	width: 47%; float: left; 

}



div.product-images a#CurrentProductImage {

	display: block;

	text-align: center; 

	line-height: 340px;

	height: 350px; 

	width: 99%; 	

	border: 1px solid #e3e3e3;

	background:#fff;

}

div.product-images img { 

	

}

div.product-images ul {

	list-style: none;

	margin: 8px 0;

	padding: 0; 

}

div.product-images li {

	float: left;

	display: block;

	margin: 0 8px 8px 0;

	padding: 0; 

	border: 1px solid #e3e3e3;

	height: 60px;

	width: 60px;

	line-height: 60px;

	text-align: center;  

}



div.product-short-desc,

div.product-full-desc { padding-bottom:0px; margin-bottom: 0px;  margin-top:5px;}





div.product-buy dl.Prices { clear: both; margin: 16px 0 0; }

div.product-buy dl.Prices dt {}

div.product-buy dl.Prices dd {}

div.product-buy dl.Prices dt.Price { font-size: 12px; font-weight: bold; float: left; }

div.product-buy dl.Prices dd.Price { font-size: 12px; font-weight: bold; float: left; margin-left: 5px; }

div.product-buy dl.Prices dt.ListPrice { float: none; clear: both; font-weight: normal; }

div.product-buy dl.Prices dd.ListPrice {

	text-decoration: line-through; 

	margin-right: 0; font-size: 12px; color: #3d3d3d;

	float: none; clear: both; 

	font-weight: normal;

	margin-left: 0; 

}

.Price{

	width:auto;

	margin-right:10px;

	float:left;

	color:#f58220;

	margin-bottom:10px;

	

}

div.product-buy .Prices dd.DiscountPrice { font-weight: bold; font-size: 12px; color: #3d3d3d;}



div.product-buy dl.Availability { float: left; margin: 16px 0 0; text-align: right; }

div.product-buy dl.Availability dt {}

div.product-buy dl.Availability dd {}

div.product-buy dl.Availability dt.StorageInfo { font-size: 12px; font-weight: bold; float: left; text-align: left; width: 120px; }

div.product-buy dl.Availability dd.StorageInfo { font-size: 12px; font-weight: normal; float: left; text-align: left; margin-right: 25px; }





.product-block .product-text {

	text-align: center;

	height:130px;

	position:relative;

}





body#Checkout .HeaderItem p {

    margin: 0 0 5px;

    font-size: 12px;

}



body#Checkout .HeaderItem h2 {

    width: 100%;

    position: relative;

    font-weight: normal;

    font-size: 22px;

    margin-bottom: 12px;

	margin-top:10px;

}





/* For image replacement */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }



/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden { display: none !important; visibility: hidden; }



/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }



/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }



/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }



/* Contain floats: h5bp.com/q */ 

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }



/* ==|== print styles =======================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */

 

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }





/* ==|== fonts =======================================================

   Font embedding.

   ========================================================================== */

  

@font-face {

    font-family: 'HelveticaNeueLTStd77BdCn';

    src: url('fonts/helveticaneueltstd-bdcn-webfont.eot');

    src: url('fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'),

         url('fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),

         url('fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');

    font-weight: normal;

    font-style: normal;

}



.column-main p {margin-bottom: 10px;}

.CheckoutTransferToPaymentForm {float: left; }

.CheckoutTransferToPaymentForm button {margin-right: 10px; height: 90px; width: 210px;} 







#home-category{

	width:100%;

		

		  margin: 0 auto;

	margin-top:40px;

	display:inline-block;



}



.category-big img, .category-small img{

	width:100%

}

.category-big{

	max-width:49%;

	float:left;

	position:relative;

	

}



.category-big .image{

	display:block;

	

}

.category-small{

	max-width:50%;

	  float: left;

		margin-left:1.5%;

			margin-bottom:2%;



		position:relative;



}

 



 #category-home .category-small .title h3{

    left: 8%;

    position:absolute;

    top: 78%;

    font-size:22px;

    text-shadow: 1px 0px 6px rgba(0, 0, 0, 0.95);

    color:#fff;

}



#category-home .category-small .desc{

    display:none;

    left: 8%;

    position:absolute;

    color:#fff;

    text-shadow: 1px 0px 6px rgba(0, 0, 0, 0.95);

}



#category-home .category-big .title{

    left: 4%;

    position:absolute;

    top: 50%;

    color:#fff;

}



#category-home .category-big .desc{

    left: 4%;

    position:absolute;

    top: 62%;

    color:#fff;

    text-shadow: 1px 0px 6px rgba(0, 0, 0, 0.95);

}



#category-home .category-big .desc p{

	font-size:14px;

}

	

#category-home .category-big .title h3 {

	font-size:45px;

	text-shadow: 1px 0px 6px rgba(0, 0, 0, 0.95);

}



#category-home .category-big .title a, #category-home .category-small .title a{

  color:#fff;

}



  aside.sidebar .Product {

    width: 99%;

}



.news-overview{

	

	color:#666;

}

.news{

	margin-bottom:35px;

}

/*  _______________________________________________



    01 MENU BAR

    _______________________________________________  */

 .dd_menu_wrapper {

    width: 100%;

    margin:0 auto;

    position: relative;

    z-index:9999;

    line-height:21px;

    color: #ffffff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom:15px;

	margin-top:20px;

}

.dd_menu_wrapper a, .dd_menu_wrapper label {

    color: #FFF;

    text-decoration: none;

    cursor: pointer;

    -webkit-transition:color .3s;

    -moz-transition:color .3s;

    -o-transition:color .3s;

    -ms-transition:color .3s;

    transition:color .3s;

    font-weight:normal;

	    font-size:13px;



}

.dd_menu_wrapper a:hover,

.dd_menu_wrapper label:hover,

.dd_parent:hover label {

    color:#fff;

    background-color:#333;

    

    font-weight:normal;

}

.dd_menu {

    width: 100%;

    list-style: none;

    margin: 0;

    padding: 0;

    *zoom: 1;

    background: #565a5c;

}

.dd_menu:before, .dd_menu:after {

    content:" ";

    display: table;

}

.dd_menu:after {

    clear: both;

}

.dd_menu li {

    position: relative;

}

.dd_menu > li {

    float: left;

    font-weight:bold;

}

.dd_menu li a {

    padding: 10px 15px;

    display: block;

}

.dd_menu > li:hover {

    color:#333;

}

.dd_menu li.dd_parent {

}

.dd_menu li.dd_parent ul li a {

    color:#000;

    text-decoration:none;

    font-size:13px;

}

.dd_menu li.dd_parent ul li a:hover {

    color:#000;

    text-decoration:underline;

}

.dd_menu li.dd_parent > label {

    display: block;

    padding: 10px 15px;

    background-repeat: no-repeat;

}

.dd_menu li.dd_parent > label a:hover {

    color:#000000;

}

.dd_menu li.dd_parent > label a:active {

    color:#000000;

}

.dd_menu li.dd_parent > label a:focus {

    color:#000000;

}

.dd_menu li.dd_parent > label a:visited {

    color:#000000;

}

.dd_menu li.dd_parent > label a {

    color:#000000;

}

/*  _______________________________________________



    02 DROP DOWNS

    _______________________________________________  */

 .dd_menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

    position: absolute;

    z-index: 999;

    top: 41px;

    left: -999em;

    min-width: 170px;

    background: #eff0f1;

    color:#000;

}

.dd_menu .dd_trigger {

    display: block;

    position: absolute;

    cursor: pointer;

    width: 100%;

    margin: 0;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

}

/*  _______________________________________________



    03 DESKTOP VERSION

    _______________________________________________  */

 @media only screen and (min-width: 768px) {

	

	@-ms-viewport{

        width:device-width;

    }

    .dd_menu > li:hover > ul {

        left:auto;

    }

    .dd_toggle, .dd_label {

        display: none;

    }

	

	header {

		padding:0 0px 0 0px;

		margin-bottom:20px;

		

	}

}

/*  _______________________________________________



    04 MOBILE VERSION

    _______________________________________________  */

 

@media only screen and (max-width: 767px){

	@-ms-viewport{

        width:device-width;

    }

	

	aside.sidebar div.block h2{

		

		display:none !important;

}

	aside.sidebar-left-pages {

	display:none;

	}

	

	footer li, footer p {

    font-size: 14px;

}

	.product-top-right_custom {

    width: 100%;

    float: right;

}

	.product-top-right_custom .FormItem.BuyFormQuantity {

    display: none;

}

	.product-top-right_custom .BuyForm .FormSubmit .SubmitButton {

    float: left;

    margin-top: 60px;

    margin-left: 0;

    width: 100%;

}

	section.search-top {

    position: absolute;

    right: 16px;

    top: 18px;

}

	.product-top{

width:100%;

	float:left;

}

	.product-bottom{

width:100%;

	float:left;

}

.product-top-left{

	width:100%;

	float:left;

}

.product-top-right{

	width:100%;

	float:right;

}



   header {

    min-height: 140px;

    position: relative;

    font-size: 12px;

}

	nav.nav-customer ul {

    list-style: none;

    text-align: center;

}

	

	header nav.nav-customer {

    position: absolute;

    top: 10px;

    width: 100%;

    height: 45px;

}

	

	header div.logo {

    position: absolute;

    top: 60px;

		left: 0;

		padding:3px 0 5px 0;

    text-align: center;

		width:100%;

		margin: 0 auto;



}

	header div.logo img {

    left: 0;

    text-align: center;

}

	

	

	header div.cart {

    position: absolute;

    bottom: 0px;

    left: 0;

    text-align: center;

    line-height: 24px;

}



	.dd_label {

        display: block;

        padding: 20px 15px;

        cursor: pointer;

        color:#ffffff;

        background: #565a5c;

		font-size:19px !important;

    }

    .dd_label:after {

        width: 24px;

        height: 24px;

        content: url("../images/toggle.png");

        float: right;

    }

    .dd_toggle, .dd_toggle:checked {

        width: 100%;

        display: block;

        position: absolute;

        cursor: pointer;

        height: 40px;

        margin: 0;

        opacity: 0;

    }

    .dd_menu {

        position: absolute;

        background: #565a5c;

        opacity:0;

        visibility:hidden;

    }

    .dd_menu > li {

        padding-right: 0;

        float: none;

    }

    .dd_menu > li:hover {

        background-color: transparent;

    }

    .dd_menu li ul {

        display: block;

        width: 100%;

        top:auto;

        left:auto;

        width:auto;

        z-index: 999;

        visibility: visible;

        margin-left: 0;

        padding-left:12px;

        background: none;

    }

    .dd_toggle:checked + .dd_menu {

        opacity:1;

        visibility:visible;

    }

    .dd_menu .dd_trigger + ul {

        max-height:0;

        opacity:0;

        visibility:hidden;

    }

    .dd_menu .dd_trigger:checked + ul {

        position: static;

        max-height:999px;

        opacity:1;

        visibility:visible;

        z-index: 999;

        background-color:#eff0f1;

    }

	

	footer section {

	float: left; width: 400px; max-width:100%; 

	min-height: 50px; height: auto !important; margin-bottom:0px;

	padding: 0px 25px 0 25px; 

}

	div.payment-info img{

    text-align: center;

		width:90%;

		margin-top:15px;

}

	footer section.footer-facebook {

    width: 100%;

}

	#category-home, .news{

		padding:15px;

	}

	

	article {

    min-height: 200px;

		

}

	

	.category-big {

    max-width: 97.6%;

		margin-bottom:4%;

    

}

	

	#category-home .category-big .desc {

    left: 4%;

    position: absolute;

    top: 72%;

    color: #fff;

}

.category-small {

    max-width: 47%;

    float: left;

    margin-left: 0;

		margin-right:3%;

		

    margin-bottom: 2.5%;

    position: relative;

}

	#category-home .category-small .desc {

    display:none;

}

	#category-home .category-small .title {

    left: 8%;

    position: absolute;

    top: 70%;

    font-size: 35px;

    color: #fff;

}



	.Product {

		width:100%;

		margin-right: 1.5%;

	}

	

	.product-block {

    margin-bottom: 10px;

}

	.product-block-with-price {

    width: 100%;

	}

	article {

		padding:0 10px 0 10px;

	}



	

	

	div.column-main {

		width:100%;

	}

	







#category-home .category-small .title h3{

	font-size:16px;

	text-shadow: 1px 0px 6px rgba(0, 0, 0, 0.95);

	color:#fff;

}



#category-home .category-small .title{

	

    width:100%;

	

}

	aside.sidebar {

	width:100%;

		max-width:100%;

		text-align:center;

	}

	

		aside.sidebar .newsletter{

				display:none;



	}



	aside.sidebar div.block:nth-child(3) {

		

		display:none;

	}

	aside.sidebar div.block:last-child {

		

		display:none;

	}

	aside.sidebar div.block{

		

width:100%;	}

}









nav.nav-main a {

    display: block;

    color: #5e5e5e;

    background: none;

	border-bottom:thin solid #f8f8f8;

    padding: 8px 12px 8px 8px;

}

nav.nav-main li.LastNavigationItem{

    

	border-bottom:none;

    

}

nav.nav-main li{

    

	border-bottom:thin solid #e6e6e6;

    

}



}

	

@media only screen and (max-width: 500px) {

	section.search-top {

    position: absolute;

    right: 16px;

    top: 18px;

}

	

	.dd_menu_wrapper a{

	

font-size:15px;	

}

	

		.Product {

		width:100%;

	}

		

footer section {

	float: left; width: 400px; max-width:99%; 

	min-height: 50px; height: auto !important; margin-bottom:0px;

	padding: 25px 25px 0 25px; 

}

	

	div.payment-info {

    width:98%;

}

	.product-block-with-price  {

	width: 100%;

background: #fff;;

border: thin dashed #ccc;

margin-right: 1.3%;



	min-height: 315px; height: auto !important;height: 315px;



}

	

}