/**
 * @package Klimatsmart
 * @author Mattias Wirf, mattias@xoda.se
 *
 * Main Entity CSS/front page
 *
 * BANNER
 * ADS
 * MENU
 * DOTTED LINE
 * FIRST PAGE SEARCH
 * MENUITEMS (FOLD DOWN CATS)
 * FRONTPAGE SPECIALS
 * OBSOLETE?
 */


/***************
 * ADS
 ***************/
#banner {
	width: 1024px;
}
table#bannerLogos {
	width: 100%;
	height: 88px;
	border-collapse: collapse;
}
table#bannerLogos td {
	width: 20%;
	overflow-x: hidden;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}
#bannerLogos a {
	margin: 0;
	float: none;
}


#weeklyProduct {
	padding: 0;
	width: 326px;
	height: 398px;
	border: 1px solid #000;
	background: #fff;
	position: relative;
	overflow: hidden;
}
#weeklyProduct img {
	margin: 0;
	padding: 0;
}
#weeklyProduct h3 {
	line-height: 21px;
}
#weeklyProduct p {
	margin-top: 10px;
}
#weeklyProduct p:first-child {
	margin: 0;
	padding: 0;
}
#weeklyProduct table {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#weeklyProduct td {
	padding: 10px;
}
#puffRow {
	position: relative;
}
#adInfo {
	position: absolute;
	top: -15px;
	right: 293px;
	/*left: 0;*/
	font-size: 10px;
	color: #222;
	z-index: 10007;
}

/***************
 * MENU
 ***************/
#menu {
    width: 790px;
    height: 100px;
    padding: 0;
    margin: 0;
}
#menu ul {
    margin: 0;
    padding: 0;
}
#menu ul li {
    list-style-type: none;
    float: left;
}
#menu ul li a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	display: block;
	padding: 4px 4px 4px 3px;
	color: #fff;
	text-decoration: none;
}
#menu ul li a:hover {
	color: #000;
	background: #6EEF0E;
}
/* menu flat */
.menuFlat li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}


/*******************
 * DOTTED LINE 
 *******************/
#lineBack {
	width: 748px;
	height: 582px;
	z-index: 500;
	position: absolute;
	top: 220px;
	left: 144px;
}

/*****************
 * FIRST PAGE SEARCH
 *****************/
h1.pageTitle {
	width: 525px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
#mainSearch {
	width: 100%;
	height: 120px;
	margin: 10px auto 34px auto;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 501;
	width: 1024px;
}
#mainSearch legend {
	display: none;
}
#mainSearch input[type="text"] {
	width: 471px;
	height: 42px;
	
	margin-top: 3px;
	padding: 0 3px 0px 16px !important;
	border: 0;
	font-size: 18px;
	font-family: "helveticaRounded", Arial;
	color: #777;
	background: #fff;
	position: absolute;
	left: 268px;
	z-index: 502;
	
	
	box-shadow: 5px 5px 1px #C8BFA1;
	-moz-box-shadow: 5px 5px 1px #C8BFA1;
	-webkit-box-shadow: 5px 5px 1px #C8BFA1;
}
#mainSearch input[type="radio"] {
	margin-top: 19px;
}
#mainSearch input.focus {
	background: #fff;
}
#mainSearch input[type="image"], #searchButton {
	position: absolute;
	right: 180px;
	top: 23px;
	width: 66px;
	height: 42px;
	overflow: hidden;
	border: none;
	color: transparent;
	cursor: pointer;
	
	
	
	box-shadow: 5px 5px 1px #A84539;
	-moz-box-shadow: 5px 5px 1px #A84539;
	-webkit-box-shadow: 5px 5px 1px #A84539;
}
#dottedLine {
	position: absolute;
	top: -80px;
	left: 128px;
	width: 180px;
	overflow: hidden;
}

/*********************
 * MENUITEMS (FOLD DOWN CATS)
 *******************/
#productCategories li {
	display: block;
	margin-left: 20px;
}
.menuItemProduct {

}
.menuItemProduct ul {
	display: none;
}
ul>li.menuItemProduct {	
	background: #c8e9cd;
	border: 1px solid #b9e5b7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.menuItemProduct ul li, .menuItemProduct ul li a, .home ul#productCategories li li a {
	background: transparent;
	margin: 0 !important;
	padding: 0 !important;
	width: auto;
	height: auto;
	color: #545454;
	float: none;
}
.menuItemProduct ul li a:hover, .menuItemProduct ul li a:hover,
.home ul#productCategories li li a:hover {
	background: transparent !important;
	color: #DC5943 !important;
}
.menuItemProduct ul li ul {
	display: block;
	border: 1px solid #b9e5b7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}

/* LINDAS MENU*/

ul#searchMenu {
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 1.4em;
	padding-top: 0.8em;
	text-transform: uppercase;
	position: absolute;
	top: 80px;
	left: 240px;
	width: 780px;
	z-index: 500;
}
ul#searchMenu > li > a {
    color: #777777;
    font-weight: bold;
    letter-spacing: 1px;
}
ul#searchMenu > li:hover > a {
    background: none repeat scroll 0 0 #c8e9ce;
    color: #DC5943;
}
ul#searchMenu ul {
    /*background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 5px #888888; Grey shadow, as on sketch*/
	background: none repeat scroll 0 0 #FFFFFF;

	

	box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,0,0.1);	
}
ul#searchMenu ul li a {
    color: #777777;
}
ul#searchMenu ul li:hover a {
    color: #BD2A00;
	/*padding-left: 10px;*/
}
ul#searchMenu, #searchMenu ul {
    list-style: none outside none;
}
ul#searchMenu {
    float: left;
}
ul#searchMenu > li {
    color: #777777;
    float: left;
    font-weight: bold;
    line-height: 2em;
	padding-right: 30px;
}
ul#searchMenu li a {
    display: block;
    height: 2em;
    line-height: 2em;
    padding: 3px 10px;
    text-decoration: none;
}
ul#searchMenu ul {
    display: none;
    position: absolute;
    z-index: 999;
	padding: 0;
}
ul#searchMenu ul li a {
    width: 180px;
}
ul#searchMenu li:hover ul {
    display: block;
}

/* */

/******************
 * FRONTPAGE SPECIALS
 *****************/
.productRand {
	width: 748px;
	background: #fff;
	padding: 21px;
	margin-bottom: 21px;
	color: #545454;
	z-index: 650;
	position: relative;
}
.subtext {
	font-weight: bold;
	color: green;
}
.text {
	float: left;
	width: 377px;
	min-height: 150px;
}

#logoAndSocial{
	width: 100%;
	width: 1024px;
	margin: 0 auto;
}

#socNewsWrapper{
    font-weight: bold;
    position: absolute;
    right: 100px;
    top: 102px;
}

.newsletter{
    background: url("../images/newsletter.png") no-repeat scroll 10px top transparent;
    height: 80px;
    position: absolute;
    right: 100px;
    top: 80px;
    width: 408px;
	padding-top: 39px;	
}

.newsletterII{
    /*height: 80px;
    position: absolute;
    right: 100px;
    top: 80px;
    width: 408px;
	padding-top: 39px;	*/
}
.newsletterII h5{
color: white;
font-family: Arial;
font-size: 12px;
text-transform: uppercase;
}


.newsletterInput{
    /*margin-left: 172px;*/
    width: 170px;
	border: 1px solid #7AB3E0;
    color: #7AB3E0;
	border-radius: 2px 2px;
	height: 20px;
	padding: 0;
}

.newsletterButton{
	background: url("../images/heart.png") no-repeat scroll 10px top transparent;
	width: 40px;
	height: 30px;
	cursor: pointer;
	border: 0;
}

.socialTop{
   position: absolute;
    left: 840px;
    top: 207px;
}

.logo {
	float: right;
}

.social {
	float: right;
    position: absolute;
    top: 190px;
    width: 293px;
	right: 0;
}
.socialMargin{
	margin-left: 5px;
}

.group {
	margin-bottom: 34px;
}
.searchHelp {
	clear: both;
	/*display: block;*/
	display: none;
	width: 400px;
	margin-top: 34px;
	position: absolute;
	background: transparent url(../images/bg/trans-white-50.png) repeat;
	padding: 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#siteMap li {
	margin-left: 13px;
}
#siteMap ul {
	margin-left: 13px;	
}


/*******************
 * LISTS
 *******************/
/* product categories, watchout - could be written for firstpage and */
ul#productCategories {
	display: block;
	width: 780px;
	margin: 0;
	padding: 0;
	left: 278px;
	top: 135px;
	list-style-type: none;
	background: transparent;
	position: absolute;
	z-index: 600;
}

ul#productCategories ul {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 5px #888888;
}

ul#productCategories li {
	display: block;
	float: left;
	margin: 0 0 29px 0;
	text-transform: uppercase;
	color: #666;
	font-size: 12px;
	height: 22px;
}
ul#productCategories li ul {
	margin-top: 3px;
	margin-left: 0 !important;
	width: 165px;
	/*	background: transparent url(../images/bg/trans-white-50.png) repeat; */
	background: #fff;
}
ul#productCategories li ul li {
	float: none;
	padding: 3px 0 5px 0 !important;
	width: 160px;
}
ul#productCategories li a {
	display: block;
	/*background: #5aa69d;*/
	text-align: center;
	color: #666;
	font-size: 12px;
	padding-top: 6px;
	height: 22px;
	padding: 6px 13px 0 13px;
}
ul#productCategories li.prefix { /* nonlink */
	padding: 6px 13px 0 13px;	
}
ul#productCategories li ul li a {
	text-align: left;
	letter-spacing: 0.05em;
	padding-left: 13px !important;
}
ul#productCategories li a:hover {
	background: #000;
}
ul#productCategories li ul {
	padding-left: 13px !important;
	list-style-type: none;
	height: auto;
	width: 147px;
}
ul#productCategories li ul li {
	font-weight: normal;
	font-size: 10px;
}
#typeRow input, #typeRow label {
	display: none;
}


/************************
 * THANKS ANIMATION
 ************************/
#thanksForChoosing {
	position: absolute;
	/*right: 845px; ORIGINAL*/ 
	right: 790px;
	top: -21px;
	width: 347px;
	height: 222px;
	z-index: 999;
}


/************************
 * COLUMNS
 ***********************/
#puffRow {
 	width: 1024px;
 	margin: 0 auto;
 	min-height: 392px;
 	background: transparent;
}

#puffBackgroundSearch{
 	width: 328px;
 	background: #c4bea1 url('../images/search_III.png') no-repeat;
	background-position: 8px;
 	height: 30px !important;
}

#puffBackgroundNews{
 	width: 328px;
 	background: #c4bea1 url('../images/news_III.png') no-repeat;
	background-position: 10px;
 	height: 30px !important;
}

#puffBackgroundMovie{
 	width: 328px;
 	background: #c4bea1 url('../images/movie_III.png') no-repeat;
	background-position: 10px;
 	height: 30px !important;
}

.puff {
	position: relative;
 	background: #f6f7f0;
 	float: left;
 	width: 328px;
 	height: 400px;
 	margin-right: 20px;
}
.puff:last-child {
 	margin-right: 0;
}
.puff h2.puffTitle {
	font-family: "helveticaRounded", Arial;
	font-size: 15px;
	color: #FFFFFF;
	margin: 0;
	padding: 6px 0 0 50px;
	text-transform: uppercase;
	font-weight: normal !important;
}

.puff h2.puffTitleNews{
	font-family: "helveticaRounded", Arial;
	font-size: 15px;
	color: #FFFFFF;
	margin: 0;
	padding: 6px 0 0 55px;
	text-transform: uppercase;
}

.puff ul {
	list-style-type: none;
	padding: 0;
}
.puff ul.newsList {
	float: left;
	width: 100%;
	padding-top: 5px;
}

.puff ul.newsList li {
 	background: none;
 	clear: both;
 	margin: 10px 10px 0px 10px;
 	/*min-height: 60px;  ORIGINAL	*/
	min-height: 60px;
 	position: relative;
 	float: right;
 	width: auto;
}
.puff ul.newsList li a {
 	float: left;
 	width: auto;
}
.puff ul.newsList li a:hover {
 	color: #DC5943;
}
.puff ul.newsList li .newsText {
	/*position: absolute;*/
	/*width: 225px;*/
	width: 238px;
	/*right: 15px;*/
	float: right;
	margin-left: 10px;
	bottom: 0;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}
.puff ul.newsList li .newsImage {
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden; 
}
.puff ul.newsList li h4.newsDate {
	margin: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}

.puff ul.newsList li .newsText .newsTitle{
	/*color: #a22e00 !important;*/
	/*text-decoration: underline;*/
	font-weight: bold;
}

.puff ul.newsList li .newsText .newsContent{
	/*color: #a22e00 !important;*/
	/*text-decoration: underline;*/
	font-weight: normal;
	margin: 0;
}

.arrowRightNews {
	background: url("../images/heart-12-black.png") no-repeat scroll 0 2px transparent !important;
	/*background: url("../images/icons/arrow-right.png") no-repeat scroll 0 2px transparent !important;*/
	display: block !important;
	padding-left: 14px !important;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.arrowRight {
	background: url("../images/heart-12-black.png") no-repeat scroll 0 8px transparent !important;
}
.arrowDown {
	background-image: url("../images/heart-12-black-down.png") !important;
	background-repeat: no-repeat !important;
	background-position: 5px 8px !important;
}

.adRow{
	position: absolute;
	top: 486px;
	background-color: transparent;
}

.adRow .arrowDown{
	display: block !important;
	padding-left: 14px !important;
	background: #86C2FE url(../images/icons/arrow-down.png) no-repeat 1px 0px !important;
	border: 1px solid #86C2FE; 
}

/*
.puff ul.newsList li .highlightOn .newsDate,
.puff ul.newsList li .highlightOn .newsContent{
	color: #a22e00 !important;
	text-decoration: underline;
}
*/

.fontUpperSearch{
    color: #777777;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.test{
margin: 5px;
}

.newsBottom{
	margin-left: 85px;
	float: right;
	margin: 10px 25px 0 0;
}

ul#topSearches {
	list-style-type: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}
ul#topSearches li {
	/*font-size: 16px;*/
	font-size: 26px;
	width: 100%;
	padding: 8px 0 8px 0;
	/*border-bottom: 1px solid #666; ORIGINAL
	border-bottom: 2px dotted #FFF;*/
	border-bottom: 1px dashed #C4BEA1;
	text-transform: capitalize;
}
ul#topSearches li span {
	font-family: "helveticaRounded", Arial;
	margin-right: 10px;
}

.green{
	color:#00A89E;/* #71BF55;*/
	font-size: 26px;
}
 
.puffSearchMargin{
	margin: 15px 15px 20px 15px;
}



#dottedLine2 {
	position: absolute;
	top: 290px;
	left: 560px;
	overflow: hidden;
	height: 408px;
}
#dottedLine3 {
	
	position: absolute;
	bottom: -44px;
	left: 568px;
	width: 38px;
	height: 90px !important;
	z-index: 1000;
	height: 100px;
	overflow: hidden;

	background-image: url(../images/linje003.png);
	background-position:  0 -53px;
	background-repeat: no-repeat;

}


.superdealFront {
	display: block;
	background-color: #EFD5D1 !important;
	background-color: rgba(239, 123, 104, 0.3) !important;
	border: 1px solid rgba(239, 123, 104, 0.3);
	padding-left: 20px !important;
	background-position: 5px 8px !important;
}