@import "text.css";
 
/* Reset Headlines */ 
#layoutHolder h1, #layoutHolder h2, #layoutHolder h3, #layoutHolder h4
{
    margin: 0;
    padding: 0;
    font-weight: normal;
} 

#container{
/*text-align:left;*/

}

/* Reset Paragraph */ 
p
{
    margin: 0;
    padding: 0;
}

/* Reset Table */ 
#layoutHolder table
{
    border-collapse: separate;
    border-spacing: 0;
}

/* Removes border around images */
#layoutHolder a img, :link img, :visited img{
	border: 0;
}

/* Reset */ 
 ul, ol, blockquote, form, input, th, td{
    margin: 0; 
    padding: 0;
}
 
/* Reset Link */ 
#layoutHolder a:link, #layoutHolder a:visited, #layoutHolder a:hover, #layoutHolder a:active{
    text-decoration: none;
}

body{
    background: #006fb7;
	margin: 0;
    padding-top: 17px;
	color:#000000;
}

/* Main layout */ 

#layoutHolder {  
    width: 966px;
    position: relative;
    background: #fff url(images/background.gif) repeat-y 0 0; 
    margin: 0 auto;
    height: 100%;
	min-height:100%;
	text-align:left;
}

#leftContentHolder{
    float: left;
    width: 755px;
    display: inline;
    margin: 0 0 0 35px;
    position: relative;
    padding: 0 15px 350px 0;
    background: transparent url(images/vertical-line.gif) repeat-y top right; 
/*	overflow:hidden;*/
}

#leftContentHolderDefault{
    float: left;
    width: 755px;
    display: inline;
    margin: 0 0 0 35px;
    position: relative;
    padding: 0 15px 185px 0;
    background: transparent url(images/vertical-line.gif) repeat-y top right; 
}


#header{
    background: transparent url(images/topHeader.gif) no-repeat 0 0; 
    position: relative;
    margin: 0 0 27px 0;
}

#footer{
    color: #fff;
    background: #006fb7 url(images/footerBg.gif) no-repeat 0 0; 
    width: 100%;
    height: 185px;
    position: absolute;
/*	position:relative;*/
    bottom:0 !important;
	bottom:-30px;
}

.alignImageLeft{
    float: left;
    padding: 5px 25px 0 0;
}

.alignImageRight{
    float: right;
    padding: 5px 0 0 25px;
}

/* Startpage */ 

#firstColumnDefault, #secondColumnDefault, #thirdColumnDefault{
    padding: 0 0 450px 0;
    width: 260px;
    float: left;
    display: inline;
    background: #ccc;
}

#firstColumnDefault{
    margin: 0 0 200px 40px;
}

#secondColumnDefault{
    margin: 0 62px 200px 62px;
}

#thirdColumnDefault{
    margin: 0 43px 200px 0;
}

/* Subpage */ 

#firstColumn
{
    width: 258px;
    float: left;
    padding: 0 30px 240px 0;
    display: inline;
    clear: left;
}

#layoutHolder #mainContent
{
    width: 450px;
    float: left;
    margin: -15px 0 0px 0;
    position: relative;
}

.store
{
    width: 388px;
    
}

#fourthColumn
{
    width: 156px;
    float: right;
    padding: 0 0 200px 0;
    display: inline;
    margin:0;
	overflow:hidden;
	
}

#fourthColumn table{
	margin:0px;
	padding:0px;
	overflow:hidden;

}

#fourthColumn td{
	margin:0px;
	padding:0px;

}

#mainContentHolder
{
    margin: -16px 0 185px 0;
}

/* Body */
body
{
    text-align: left;
	color: #000;
	font-family: arial, helvetica;
	font-size: 62.5%; /* Reset Ems */
}

/* Branding */ 

#layoutHolder h1 a:link, #layoutHolder h1 a:visited, #layoutHolder h1 a:hover
{
    background: transparent url(images/citygross-logo.gif) no-repeat 0 0; 
    width: 360px;
    height: 40px;
    text-indent: -9999px;
    display: block;
    margin: 15px 0 0 36px;
    border: none;
	text-decoration:none;
}

h5#bottomLogo{
    background: transparent url(images/citygross-logo2.gif) no-repeat 0 0; 
    width: 239px;
    height: 128px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: -28px;
    bottom: 15px;
    margin: 0;
}

h5#matrebellen{
    background: transparent url(images/matrebellerna_logo.gif) no-repeat 0 0; 
    width: 327px;
    height: 50px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 640px;
    bottom: 45px;
    margin: 0;
}

/* Default link colors */ 

#layoutHolder a:link, #layoutHolder a:visited{
    color: #f07721;
    /*border-bottom: 1px dashed #f07721;*/
}

#layoutHolder a:hover, #layoutHolder a:active{
    /*border-bottom:1px solid #C9E8F8;*/
}

/* Default Headline sizes h2-h4 */ 

#layoutHolder h2, #layoutHolder h3, #layoutHolder h4{
    color: #30373c;
    font-family: arial, helvetica;
}

#layoutHolder h2{
    font-size: 2.2em;
    line-height: 130%;
    text-transform: uppercase;
    font-weight: bold;
}

#layoutHolder h3{
    font-size: 1.8em;
    line-height: 100%;
}

#layoutHolder h4{
    font-size: 1.4em;
    line-height: 129%;
}
/* Line height for headlines in maincontent */ 

#layoutHolder #mainContent h2{
    margin: 10px 0 8px 0;
}

#layoutHolder #mainContent h3, #storeMainContent h3{
    margin: 0 0 6px 0;
}

#mainContent h4{

}

.fullPageContent {
	min-height:600px !important;
	height:auto !important;
	height:600px;
	padding-top:10px;
}

/* Paragraphs in columns on startpage */ 

#firstColumnDefault p, #secondColumnDefault p, #thirdColumnDefault p{
    font-size: 1.2em;
    line-height: 150%;   
}

/* Paragraph in maincontent */ 

#layoutHolder #mainContent p, #storeMainContent p, .tipContent p, #pickStoreLeft p, #pressLatestNews dd, #pressLatestPress dd,
#layoutHolder #mainContentBlank p {
    margin: 0 0 18px 0;
    font-size: 1.3em;
    line-height: 150%;
}

#layoutHolder #mainContent p a:hover, #storeMainContent p a:hover, .tipContent p a:hover, #pickStoreLeft p a:hover, #pressLatestNews dd a:hover, #pressLatestPress dd a:hover,  
#layoutHolder #mainContent p a:active, #storeMainContent p a:active, .tipContent p a:active, #pickStoreLeft p a:active, #pressLatestNews dd a:active, #pressLatestPress dd a:active,
{
	border-bottom:1px solid #C05F1A;
	color:#C05F1A;
}
/* vCard */

.vcard{
    margin: 10px 0 0 35px;
    color: #032134;
    font-size: 1.2em;
}

.org, .adr, .tel{
    display: inline;
}

a.fn, a.email{
    left: -9999px;
    position: absolute;
}

/* Lists */

#mainContent ul, #mainContent ol{
    margin: 0 0 18px 0;
    list-style-position: inside; 
}

#mainContent ul li, #mainContent ol li{
    font-size: 1.2em;
    line-height: 150%;   
}

/* Margin for images on startpage */  

#firstColumnDefault img, #secondColumnDefault img, #thirdColumnDefault img{
    margin: 7px 0 11px 0;
}

/* Veckans b?sta pris splash */ 

h4#veckans-basta-pris
{
    background: transparent url(images/veckans-basta-priser.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/veckans-basta-priser.png');
	position: absolute;
    right: -8px;
    top: 0;
    width: 156px;
    height: 154px;
    text-indent: -9999px;
}
/* Tables */

#layoutHolder table{
/*    width: 387px;*/
    margin: 18px 0 18px 0;
    border: 0;
}

/*#layoutholder td{
    margin: 0;
    padding: 8px 0 9px 0;
    border-top: 1px solid #40B4C4;  font-size: 1.2em;
}
*/
*/

/* Misc */ 

.breadcrumb{
    padding: 0 0 9px 0;
}

.hide{
    text-indent: -9999px;
    height: 0px;
    width: 0px;
}

.dynamicdogLink
{
    position: absolute;
    left: -9999px;
}

.modalBackground
{
    background: #000000;
}

p.clear, .clear{
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0;
    height:0;
}

/* Veckans b?sta pris flash */ 
#flashContentVeckansBastaPris
{
    padding: 0;
    text-align: center;
    height: 100%;
    position: relative;
	
}

/* Topnavigation  */ 
/**************************************************************************************************/

#mainNav{
    margin: 0 auto;
    position: relative;  
    clear: right;
}

#mainNav ul{
    margin: 18px 20px 0 12px;    
    background: transparent url(images/topNavBg.jpg) no-repeat 0 0;
    height: 46px;
	color:#000000;
}

#mainNav ul li{
    color:#000000;
	display: inline;
    float: left;
    padding: 13px 0 10px 0;
	
}



/* Default Link settings */ 

#mainNav ul li a:link, #mainNav ul li a:visited
{
    font-family: Trixie, courier, georgia, times new roman, serif;
	color:#000000;
	padding: 0 10px 0 22px;
    font-size: 1.6em;
    display: block;
    border:none;
    margin:0;
}

#mainNav ul li a:hover, #mainNav ul li a:active
{
    display: block;
    color:#0170c7;
}

/* Selected */ 

#header #mainNav ul li a.selected {
    color: #ccc;
    display: block;
}


/* First link */ 
#header #mainNav ul li a.selectedFirstParent, #header #mainNav ul li a.firstParent
{
    padding: 0 10px 0 2px;
}

/* Flags for language selection */
#mainNav ul li a.flagLink, #mainNav ul li a.flagLink:visited, #mainNav ul li a.flagLink:active, #mainNav ul li a.flagLink:hover {
	display: block;
    float: left;
    padding: 2px 10px 10px 0;
}


/* Subnavigation  */ 
/**************************************************************************************************/

#subNavigation .sectionSkin1 
{
    font-size: 1.4em;
    line-height: 150%;
    margin: 0 0 0 0;
    width: 246px;
}

#subNavigation .sectionSkin1 li
{
    display: inline;
}

#subNavigation .sectionSkin1 h5#navigationHeader
{
    background: transparent url(images/subNavigationFirstBg.gif) no-repeat bottom left;
    width: 258px;
    height: 40px;
    margin: 0 0 4px -5px;
}

#subNavigation .sectionSkin1 h5#navigationHeader span
{
    display: block;
    padding: 3px 0 0 14px;
}




/* Navlist 1 */ 
/**************************************************************************************************/

#subNavigation .sectionSkin1 ul.navList1 li a:link, #subNavigation .sectionSkin1 ul.navList1 li a:visited
{
    color: #f07721;
    display: block;
    padding: 3px 0px 6px 9px;
    background: transparent url(images/menudivider.gif) no-repeat bottom left;
    border: none;

}

#firstColumn #subNavigation .sectionSkin1 ul.navList1 li a:hover, #firstColumn #subNavigation  .sectionSkin1 ul.navList1 li a:active
{
    color: #30373c;
    background: #f0f9fd url(images/menudivider.gif) no-repeat bottom left;
}

/* Selected */ 

#firstColumn #subNavigation .sectionSkin1 ul.navList1 li a.parentSelected1
{
    color: #30373c;
    background: #f0f9fd url(images/menudivider.gif) no-repeat bottom left;
    font-weight: bold;
}

#firstColumn #subNavigation .sectionSkin1 ul.navList1 li a.selected1
{
    color: #30373c;
    background: #f0f9fd url(images/menudivider.gif) no-repeat bottom left;
}

/* Selected hover */ 





/* Navlist 2 */ 
/**************************************************************************************************/


#firstColumn #subNavigation ul.navList2 li a:link, #firstColumn #subNavigation ul.navList2 li a:visited
{
    padding: 3px 8px 6px 28px;
    background: #f6f7f6 url(images/subNavSecondLvlBg.gif) no-repeat bottom left;
    color: #f07721;
    border: none;
    text-transform: none;
}

#firstColumn #subNavigation ul.navList2 li a:hover, #firstColumn #subNavigation ul.navList2 li a:active
{
    color: #000;
    background: #f6f7f6 url(images/subNavSecondLvlBg.gif) no-repeat bottom left;
}

/* Selected */ 

#firstColumn #subNavigation ul.navList2 li a.selected2
{
    color: #b3a58a;
}

/* Selected hover */ 

#firstColumn #subNavigation ul.navList2 li a.selected2:hover
{
    text-decoration: underline;
}

/* Navlist 3 */ 
/**************************************************************************************************/

#firstColumn #subNavigation ul.navList3 li a:link, #firstColumn #subNavigation ul.navList3 li a:visited{
    padding: 6px 8px 6px 34px;
    color: #474747;
    background: #fff;
}

#firstColumn #subNavigation ul.navList3 li a:hover, #firstColumn #subNavigation ul.navList3 li a:active{
    color: #b3a58a;
}

/*Selected */ 

#subNavigation ul.navList3 li a.selected3{
    font-weight: bold;
}

/*Selected hover */ 

#subNavigation ul.navList3 li a.selected3:hover{
    text-decoration: underline;
}

/* Supplementary Navigation */ 
/**************************************************************************************************/

ul#supNavigation{
    margin: 40px 0 0 35px;
	padding-left:0px;
}

ul#supNavigation li{
    list-style: none;
    display: inline;
    margin: 0 10px 0 0;
}

#layoutHolder ul#supNavigation li a{
    font-size: 1.2em;
    color: #fff;
    border-bottom: 1px dashed #fff;
}

/* Controls Area - Below Content */

 #controlsArea
{
    background: transparent url(images/horizontal-line.gif) repeat-x 0 0; 
    width: 765px;
    position: absolute;
    bottom: 193px;
    left: -13px;
   /* padding: 29px 0 0 0; */
	
}
/*#controlsArea .sectionSkin1 
{
	float:left;
	display:inline;
	margin:0;
	}
	*/

#controlsArea #left
{
    width: 258px;
    float: left;
    display: inline;
    margin: 0 30px 0 13px;
}

#controlsArea #center
{
    width: 248px;
    float: left;
    margin: 0 30px 0 0;
    display: inline;
}

#controlsArea #right
{
    width: 162px;
    float: left;
    display: inline;
}

/* Flash Area Startpage */

#flashArea
{
    width: 738px;
    min-height:332px !important;
	height:auto !important;
	height:332px;
    margin: 0 0 15px 0;
}

#flashArea table
{
margin:0px;
padding:0px;
}

#moduleFlashHead{
	margin:0px;
	padding:0px;

}

/* Matsmart - Vad betyder markningen? */

#matSmartMarkArea {
	min-height:430px !important;
	height:auto !important;
	height:430px;
}


/* Veckans Matsmart */

#layoutHolder .wideModuleStartPage
{
    width: 738px;
    height: 140px;
    margin: 0 0 15px 0;
    display: block;
    position: relative;
    background: #fff url(images/wideModuleStartPageBG.jpg) no-repeat 0 0;
}

#layoutHolder div.categoryImage
{
    position: absolute;
    left: -10px;
    top: -10px;
    text-indent: -9999px;
}


#layoutHolder .tinaModuleStartPageLeft div.categoryImage, #layoutHolder .tinaModuleStartPageRight div.categoryImage
{
    position: absolute;
    left: 10px;
    top: 15px;
    text-indent: -9999px;
}

/* Headline */
#layoutHolder .wideModuleStartPage h3
{
    padding: 15px 0 10px 178px;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
}

/* Message */
#layoutHolder .wideModuleStartPage h4
{
    padding: 0 0 0 178px;
    font-size: 3.6em;
    font-family: georgia, Times New Roman, Serif;
}

#layoutHolder .wideModuleStartPage span
{
    display: block;
    position: absolute;
    right: -10px;
    bottom: -7px;
 }
 
 #layoutHolder .wideModuleStartPage span.movieLink
 {
    background: transparent url(images/tv_icon.gif) no-repeat top right;
    width: 182px;
    height: 48px;
    padding: 16px 0 0 10px;
    font-family: Courier, times new Roman, Serif;
 }
 
 #layoutHolder .wideModuleStartPage span.textLink
 {
    background: transparent url(images/tips_icon.gif) no-repeat top right !important; 
    width: 152px;
    height: 48px;
    padding: 16px 0 0 10px;
    font-family: Courier, times new Roman, Serif;
 }
 
  #layoutHolder .wideModuleStartPage span.movieLink a,   #layoutHolder .wideModuleStartPage span.textLink a
  {
      color: #30373c;
  }
 
span.divider
{
    background: transparent url(images/horizontal-line.gif) repeat-x 0 0;
    height: 5px;
    display: block;
    margin: 5px 0 20px -13px;
} 
 
 /* Controls Area Startpage */

#controlsAreaStartpage
{
   clear:both;
    background: transparent url(images/horizontal-line.gif) repeat-x top left; 
    width: 768px;
    margin: 3px 0 0 -13px;
   
}

#controlsAreaStartpage div #left
{
    width: 258px;
    float: left;
    margin: 0 30px 0 14px;
}

#controlsAreaStartpage div #center
{
    width: 258px;
    float: left;
    margin: 0 28px 0 0;
    position: relative;
    overflow: hidden;
}

#controlsAreaStartpage div #right
{
    width: 162px;
    float: left;
    overflow: hidden;
	margin: 15px 0 0 0;
}

#controlsAreaStartpage h3
{
    letter-spacing: -1px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 12px 0 0 0;
}


#selectStore{
    background: transparent url(images/swedenBg.gif) no-repeat bottom left; 
    width: 258px;
    height: 120px;
}

#selectStore form{
    text-align: center;
    margin: 35px 0 0 0;
}

#startpageLeftBottom{
    width: 258px;
    height: 85px;
}

#startpageLeftBottom a:hover, #startpageLeftBottom a {
   text-decoration:none;
}


/* News */ 

a.rss
{
    background: transparent url(images/rssIcon.gif) no-repeat 0 0; 
    width: 29px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 13px;
    left: 98px;
}

dl#newsStartPage
{
    margin: 5px 0 10px 0;
}

dl#newsStartPage dt, dl#newsStartPage dd
{
    font-family: arial, helvetica;
    font-size: 1.2em;
    line-height: 150%;
		font-weight:normal;
}

dl#newsStartPage dt a
{
    background: transparent url(images/newsDot.gif) no-repeat 0 2px;
    color: #f07721;
    padding: 0 0 0 14px;
    border:none;
}

dl#newsStartPage dd
{   
    margin: 0;
    color: #1b1e21;
    margin: 0 0 11px 0;
}

/* Tip on startpage */

#startPageTip
{
    //margin: 15px 0 0 0;
	margin: 0 0 0 0;
}

#startPageTip blockquote
{
    background: transparent url(images/bubble_mid.gif) repeat-y 0 0; 
    width: 162px;
    height: auto;
    margin: 0;
}

#startPageTip #startPageTipTop
{
    background: transparent url(images/bubble_top.gif) repeat-y 0 0; 
    width: 162px;
    height: 14px;
    margin: 0;
}

#startPageTip #startPageTipBottom
{
    background: transparent url(images/bubble_bottom.gif) repeat-y 0 0; 
    width: 162px;
    height: 27px;
    margin: 0 0 4px 0;
}

#startPageTip blockquote p
{
    font-size: 1.1em;
    line-height: 140%;
    text-align: center;
    color: #fff;
    padding: 11px 12px 12px 12px;
    font-family: Georgia, Times New Roman, Serif;
}

#startPageTip blockquote p
{
    font-size: 1.1em;
    line-height: 140%;
    text-align: center;
    color: #fff;
    padding: 11px 12px 12px 12px;
    font-family: Georgia, Times New Roman, Serif;
}

#startPageTip blockquote p a
{
	color:White;
}

#startPageTip blockquote p a:hover
{
	border:none;
}

/* Module SelectStore - Subpage */


#selectStoreSubPage
{
    background: transparent url(images/swedenBg.gif) no-repeat bottom left; 
    width: 258px;
    height: 100px;
}

#selectStoreSubPage form
{
    text-align: center;
    margin: 20px 0 0 0;
}

#selectStoreSubPage h3{
    text-align: center;
}

#storeLeftContent
{
    width: 546px;
    float: left;
    margin: -13px 0 0 0;
    clear: left;
}

#storeMainContent
{
    width: 354px;
    float: left;
    padding: 0 0 100px 0;
    clear: left;
}

#flashContentStore
{
	margin: 0 0 10px 0;
   /* margin: 0 0 30px 0; */
}


/* Store Facts */

#factsInfoBox
{
    width: 162px;
    float: right;
	margin: 0px;
	overflow: hidden;
	position:relative;
}

#factsInfoBox h3
{
    margin: 20px 0 0 0;
}

#factsInfoBox p
{
    font-size: 1.3em;
    line-height: 150%;
}

span.left, span.right
{
    font-size: 1.3em;
    line-height: 150%;
	white-space:nowrap;
}


span.left
{
    float: left;
    clear: left;
}

span.right
{
    float: right;
    clear: right;
}


/* StorePage Right Column */

#storeRightContent
{
    width: 163px;
    float: left;
    margin: 0 0 0 30px;
    display: inline;
}

/* Manager Bubble Inform */

#managerInform
{
    background: transparent url(images/topBubble.jpg) no-repeat top left; 
    margin: 30px 0 20px 0;
    padding: 10px 0 0 0;
}

#managerInform h4
{
    background: transparent url(images/centerBubble.jpg) no-repeat top left; 
    padding: 0 12px 0 12px;
}


#managerInform p
{
    background: transparent url(images/centerBubble.jpg) repeat-y top left; 
    width: 138px;
    _height: 34px; /*IE6*/ 
    font-size: 1.2em;
    padding: 0px 12px 7px 12px;

}

#managerInform p.bottom
{
    background: transparent url(images/bottomBubble.jpg) no-repeat bottom left; 
    width: 162px;
    height: 23px;
    min-height: 0px;
    padding: 0px;
}

#managerInform p.greyBoxTop
{
    background: transparent url(images/greyBubbleTop.jpg) no-repeat 0 bottom; 
    width: 162px;
    height: 10px; /* IE6 */
		line-height:10px;
		font-size:1px;
    min-height: 0px;
    padding: 0px;
    margin: 0px;
}


#managerInform p.greyBoxCenter
{
    background: transparent url(images/greyBubbleCenter.jpg) repeat-y top left; 
    min-height: 20px;
    font-size: 1.2em;
    line-height: 150%;
    padding: 0px 9px 8px 13px;
    margin-top: 0px;
    
}

#managerInform p.greyBoxBottom
{
    background: transparent url(images/greyBubbleBottom.jpg) no-repeat top left;
    height: 9px;
    min-height: 0;
    margin: 0;
}

#managerInform img
{
    margin: -8px 0 -3px 12px;
}


/* Area Managers */ 

#areaManagers
{
    margin: 0 0 150px 0; 
}

#areaManagers li
{
    list-style: none;
    margin: 0 0 15px 0;
}

#areaManagers li h5
{
    font-size: 1.2em;
    text-transform: uppercase;
    margin: -51px 0 0 50px;
    padding: 6px 0 0 0;
}

#areaManagers li p
{
    font-size: 1.2em;
    margin: 0 0 0 50px;
}

#areaManagers li img
{
    margin: 0 0 0 0;
    padding: 0 10px 0 0;

}

/* Tina Tipsar Navigation */ 

#tinaNavHolder {
	/* height: 45px; */
	z-index: 2;
}

#layoutHolder #tinaNavigation a
{
    color: #e2007a;
    background: #f8cadd url(images/tinaNav/left-tab.gif) left top no-repeat;
    text-decoration: none;
    padding-left: 11px;
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}


#layoutHolder #tinaNavigation a span
{
    background: url(images/tinaNav/right-tab.gif) right top no-repeat;
    padding: 5px 11px 6px 0;
}

#layoutHolder #tinaNavigation a, #tinaNavigation a span
{
    display: block;
    float: left;
}


#layoutHolder #tinaNavigation a:hover
{
    color: #fff;
    background: #e2007a url(images/tinaNav/left-tab-hover.gif) left top no-repeat;
    padding-left: 11px;
    cursor: pointer;
}

#layoutHolder #tinaNavigation a:hover span
{
    background: url(images/tinaNav/right-tab-hover.gif) right top no-repeat;
    padding-right: 11px;
}

#layoutHolder #tinaNavigation a.selected
{
    color: #fff;
    background: #e2007a url(images/tinaNav/left-tab-hover.gif) left top no-repeat;
    padding-left: 11px;
}

#layoutHolder #tinaNavigation a.selected span
{
    background: url(images/tinaNav/right-tab-hover.gif) right top no-repeat;
    padding-right: 11px;
}

#layoutHolder #tinaNavigation ul
{
    padding: 0;
    margin: 0;
}

#layoutHolder #tinaNavigation li
{
    float: left;
    margin: 0 5px 4px 0;
	padding: 0 0 10px 0;
    list-style: none;
} 

#layoutHolder #tinaNavigation li.selected
{
    background: url(images/tinaNav/selected.gif) 4px bottom no-repeat;
    padding: 0 0 10px 0;
}

#tinaStartArea {
	margin-right:-35px;
}
#tinaStart {
	background: url(images/tinaStartBg.gif) 0px 0px no-repeat;
    width: 739px;
    height: 390px;
    clear: both;
    padding: 0px;
	margin: 0px 0px 16px 0px;
    position: relative;
}

#tinaStart .divider {
	width: 680px;
    border-top: 5px dashed white;
    height: 10px;
    position: absolute;
	left: 30px;
	top: 304px;
}

#tinaStart .tinasRightSide {
	position: absolute;
	right: 40px;
	top: 20px;
	/*right:20px;
	p? den nya startsidan!
	*/
}

#tinaStart form
{
    position: relative;
    margin-top: 130px !important;
    margin: 60px 0px 0px 30px;
}

#tinaStart p
{
    font-family: Arial, helvetica;
    font-size: 1.3em;
    line-height: 150%;
    margin: 0 0 0 50px;
    padding-top: 10px;
    height: 60px;
    width: 650px;
}

#tinaStart p.dagbok
{
    font-family: Arial, helvetica;
	font-style:italic;
    font-size: 1.2em;
    line-height: 150%;
    margin: 0 0 0 45px;
    padding-top: 10px;
    height: 60px;
    width: 240px;
}

#tinaStart img
{
	margin: 19px 0px 0px 42px;
}

#tinaStart h3
{
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.8em;
    color: #e2007a;
    font-weight: bold;
    margin: 0px 0px 0px 120px;
}

#tinaSearchArea
{
    background: url(images/tinaSearchBg.gif) 0 0 no-repeat;
    width: 739px;
    height: 158px;
    clear: both;
    margin: 0px 0px 16px 0px;
}

#tinaSearchArea h3
{
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.8em;
    color: #e2007a;
    font-weight: bold;
    margin: -84px 0px 0px 120px;
}

#tinaSearchArea img
{
    margin: 19px 0px 0px 22px;
}

#tinaSearchArea form
{
    position: relative;
    margin: 8px 0px 0px 30px;
}

#tinaSearchArea p
{
    font-family: Arial, helvetica;
    font-size: 1.3em;
    line-height: 150%;
    margin: 0 0 0 120px !important;
    height: 60px;
    width: 600px;
}

#tinaSearchArea span, #tinaStart span
{
    font-size: 1.2em;
    padding: 0 5px 0 0;
}

#tinaSearchArea select, #tinaStart select
{
    width: 206px;
    margin: 0 20px 0 0;
}

#tinaSearchArea input.searchField, #tinaStart input.searchField {
    background: #fff url(images/inputBg.gif) no-repeat 0 0;
    width: 248px;
    height: 18px;
    padding: 2px;
    border-top: 1px solid #a2a2a2;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #f0f0f0;
}

#tinaSearchArea input.searchButton, #tinaStart input.searchButton
{
  
    background: url(images/searchButton.gif) 0 0 no-repeat; 
    width: 49px;
    height: 24px;
    display: block;
    border: none;
    top: 1px;
    right: 30px;
    position: absolute;

}

ul.tinaReceptTips
{
    margin: 14px 0 0 0;
}

ul.tinaReceptTips li
{
    list-style: none;
    margin: 18px 0 18px 0;
}

/*
#layoutHolder ul.tinaReceptTips li a.readMore, #layoutHolder ul.tinaReceptTips li span a
{
    color:#e2007a;
}
*/

#tinaTvArea
{
    background: url(images/tinaTvBg.gif) 0 0 no-repeat;
    width: 739px;
    height: 430px;
    clear: both;
    margin: 0 0 30px 0;
    padding-top: 20px;
}

#tinaTvArea h3
{
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.8em;
    color: #e2007a;
    font-weight: bold;
    margin: 0px 0 5px 101px;
}

#tinaTvArea img
{
    margin: 0px 0 0 28px;
    float: left;
}

#tinaTvArea p
{
    font-family: Arial, helvetica;
    font-size: 1.3em;
    line-height: 150%;
    margin: 0 0 0 101px;
    width: 610px;
}


/* Matsmart Tv */

#matSmartTvArea
{
    background: url(images/matSmartTvBg.png) 0 0 no-repeat;
    width: 739px;
    height: 422px;
    margin: 0 0 30px 0;
	clear:both;
	
}

#matSmartTvArea h3
{
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.8em;
    color: #000;
    font-weight: bold;
    margin: -55px 0 5px 80px;
}

#matSmartTvArea img
{
    margin: 7px 0 0 -5px;
}

#matSmartTvArea p
{
    font-family: Arial, helvetica;
    font-size: 1.3em;
    line-height: 150%;
    margin: 0 0 0 101px;
    width: 500px;
}
#matSmartTvArea #matSmartTvCategories {
	background: transparent url(images/matSmartTvKategoriBg.gif) no-repeat left top;
	height:22px;
	width:283px;
	line-height:22px;
	margin:19px 0 0 28px;
}
#matSmartTvArea #matSmartTvCategories #matSmartTvCatHolder {
	text-transform:uppercase;
	margin-left:6px;
	font-size:1.0em;
	font-weight:bold;
}
#matSmartTvArea #matSmartTvCategories #matSmartTvCatHolder a:hover {
	text-decoration:underline;
}
#matSmartTvArea #matSmartTvBackArrow {
	display:none;
	width:308px;
	text-align:right;
	font-weight:bold;
}
#matSmartTvArea #matSmartTvBackArrow a {
	padding-left:18px;
	line-height:16px;
	background: transparent url('images/matsmartTv_backArrow.gif') no-repeat left center;
}
#matSmartTvArea #flashFilmListing{
    width: 279px;
    height: 278px;
    float: left;
    background: #fff;
    overflow: auto;
    margin: 6px 0 0 28px;
    border-top: 2px solid #d9d9da;
    border-left: 2px solid #d9d9da;
    border-bottom: 2px solid #f7f7f7;
    border-right: 2px solid #f7f7f7;
    display: inline;
}

#matSmartTvArea #flashFilmListing ul{
    padding: 0 0 10px 0;
}

#matSmartTvArea #flashFilmListing ul li{
    font-size: 1.3em;
    color: #000;
    padding: 10px 0 10px 0;
    margin: 0 0 0 6px;
    background: transparent url(images/menudivider.gif) no-repeat bottom left;
}

#matSmartTvArea #flashFilmListing ul li a{
    color: #f07721;
    display: block;
	width:99%;
    border: none;
}

#matSmartTvArea #flashFilmListing ul li p
{
	color:#000;
	padding:0;
	margin:0;
	width:250px;
	font-size:1.0em;
}

#matSmartTvArea #flashFilmListing ul li a:hover{
    text-decoration: underline;
}


.matSmartTvModuleLeft
{
    background: transparent url(images/matSmartTvPuff.png) no-repeat 0 0;
    width: 356px;
    height: 140px;
    display: block; 
    float: left;
    margin: 0 29px 0 -5px;
    position: relative;
}

#layoutHolder .matSmartTvModuleLeft h3, #layoutHolder .matSmartTvModuleRight h3
{
    width: 240px;
    margin: 0 0 0 115px;
    color: #000000;
    font-family: arial, helvetica;
    text-align: center;
    font-size: 2.4em;
    line-height: 110%;
}

#layoutHolder .matSmartTvModuleLeft a, #layoutHolder .matSmartTvModuleRight a
{
    font-size: 1.2em;
    color: #000;
    font-family: arial, helvetica;
    border: none;
    width: 100px;
    position: absolute;
    bottom: 20px;
    left: 190px;
}

#layoutHolder .matSmartTvModuleLeft a:hover, #layoutHolder .matSmartTvModuleRight a:hover
{
    text-decoration: underline;
}

.matSmartTvModuleRight img, .matSmartTvModuleLeft img
{
    margin: -10px 0 0 -10px;
}

.matSmartTvModuleRight
{
    background: transparent url(images/matSmartTvPuff.png) no-repeat 0 0;
    width: 356px;
    height: 140px;
    display: block; 
    float: left;
    margin: 0 0 0 3px;
    position: relative;
}

/* Matsmart Start */
/**************************************************************************************************/

#layoutHolder table {
	margin:0px;
	padding:0px;
}

#matSmartStartArea {
    background: url(images/matSmartStartBg.png) 0 0 no-repeat;
    width: 739px;
    height: 348px;
    clear: both;
    padding: 70px 0 0 0;
    margin: -3px -35px 30px 0;
	position:relative;
}

 #matSmartStartArea h3 {
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.8em;
    color: #000;
    font-weight: bold;
    margin: -47px 0 5px 60px;
}

 #matSmartStartArea img {
    margin: 7px 0 0 -5px;
}

 #matSmartStartArea p {
    font-size: 1.4em;
    line-height: 150%;
    width: 630px;
    margin: 49px 0 0 44px;
}

#matSmartStartArea #flashFilmListing
 {
    width: 279px;
    height: 278px;
    float: left;
    background: #fff;
    overflow: auto;
    margin: 19px 0 0 28px;
    border-top: 2px solid #d9d9da;
    border-left: 2px solid #d9d9da;
    border-bottom: 2px solid #f7f7f7;
    border-right: 2px solid #f7f7f7;
    display: inline;
}

ul#matSmartStartPuffar li
{
    list-style: none;  
}

/* Positioning and link settings */ 

 ul#matSmartStartPuffar li.first a:link, ul#matSmartStartPuffar li.first a:visited
{
    background: transparent url(images/matSmartBoxLeftNormal.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxLeftNormal.png'); 
    position: absolute;
    display: block;
	width: 124px;
    height: 177px;
    left: 53px;
	bottom: 48px;
    border: none;
 }


ul#matSmartStartPuffar li.first a:hover,  ul#matSmartStartPuffar li.first a:active
{
    background: transparent url(images/matSmartBoxLeftHover.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxLeftHover.png');
    position: absolute;
    display: block;
    width: 124px;
    height: 177px;
    left: 53px;
	bottom: 48px;
    border: none;
}

ul#matSmartStartPuffar li.second a:link, ul#matSmartStartPuffar li.second a:visited
{
    background: transparent url(images/matSmartBoxRightNormal.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxRightNormal.png');
    position: absolute;
	display: block;
    width: 124px;
    height: 177px;
	left: 133px;
   	bottom: 41px;
    border: none;
}

 ul#matSmartStartPuffar li.second a:hover, ul#matSmartStartPuffar li.second a:active
{
	background: transparent url(images/matSmartBoxRightHover.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxRightHover.png'); 
    position: absolute;
    display: block;
	width: 124px;
    height: 177px;
	left: 133px;
   	bottom: 41px;
    border: none;
}

ul#matSmartStartPuffar li.third a:link,  ul#matSmartStartPuffar li.third a:visited
{
    background: transparent url(images/matSmartBoxLeftNormal.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxLeftNormal.png'); 
    position: absolute;
	display: block;
    width: 124px;
    height: 177px;
	left: 306px;
	bottom: 30px;
    border: none;
}

ul#matSmartStartPuffar li.third a:hover, ul#matSmartStartPuffar li.third a:active
{
    background: transparent url(images/matSmartBoxLeftHover.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxLeftHover.png'); 
    position: absolute;
	display: block;
	width: 124px;
    height: 177px;
	left: 306px;
	bottom: 30px;
    border: none;
}

ul#matSmartStartPuffar li.fourth a:link, ul#matSmartStartPuffar li.fourth a:visited
{
    background: transparent url(images/matSmartBoxRightNormal.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxRightNormal.png');
    position: absolute;
	display: block;
	width: 124px;
    height: 177px;
    left: 482px;
    bottom: 41px;
    border: none;
}

 ul#matSmartStartPuffar li.fourth a:hover, ul#matSmartStartPuffar li.fourth a:active
{
    background: transparent url(images/matSmartBoxRightHover.png) no-repeat 0 0 !important; 
    background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/matSmartBoxRightHover.png'); 
    position: absolute;
    display: block;
	width: 124px;
    height: 177px;
    left: 482px;
    bottom: 41px;
    border: none;
}



/* Title + Temp */ 

 ul#matSmartStartPuffar li a span.title, ul#matSmartStartPuffar li span.title
{
    display: block;
    padding: 25px 10px 0 13px;
    font-size: 1.6em;
    color: #000;
}

/* Desc + Temp */ 

 ul#matSmartStartPuffar li a span.description,  ul#matSmartStartPuffar li span.description
{
    font-size: 1.2em; 
    color: #fff;
    display: inline-block;
    padding: 0 10px 0 13px;
}

 ul#matSmartStartPuffar li a span, ul#matSmartStartPuffar li span
 {
    font-size: 1.2em; 
    color: #fff;
    /* display: inline-block; */
    padding: 0 10px 0 13px;
}

.matSmartStartPuffarText{

	padding: 6px 10px 0 13px; 
	color: #FFFFFF; 
	font-size: 1.2em;
}

.matSmartStartPuffarTitel{
	font-size: 1.6em;
	padding: 28px 10px 0pt 13px; 
	color: #000000;
	display: block; 
	font-size: 1.6em
}

/* Default setting */ 

 ul#matSmartStartPuffar li img
{
    position: absolute;
    bottom: 1px;
    left: 0;
	
}

/* Img positions */

ul#matSmartStartPuffar li.first img
{
    position: absolute;
    bottom: -20px;
    left: 0;
}

ul#matSmartStartPuffar li.second img
{
    position: absolute;
    left: 10px;
}

ul#matSmartStartPuffar li.third img
{
    position: absolute;
    left: 7px;
    bottom: -12px;
}


ul#matSmartStartPuffar li.fourth img
{
    position: absolute;
    left: 12px;
    bottom: -12px;
}

/*

/* Food symbol for recipes - Veg, main, dessert etc */
#layoutHolder ul.tinaReceptTips li .tipRecipeItemBg img{
    float: left;
    margin: 11px 5px 0 5px;
    border: none;
}

#layoutHolder ul.tinaReceptTips li .tipRecipeItemBg a:link, ul.tinaReceptTips li .tipRecipeItemBg a:visited
{
    display: inline-block;
    color: #e2007a !important;
    border: none !important;
}

/* Matsmart */

#layoutHolder ul.matSmartTips li .tipRecipeItemBg a:link, ul.matSmartTips li .tipRecipeItemBg a:visited
{
    color: #f07721 !important;
}

#layoutHolder ul.tinaReceptTips li .tipRecipeItemBg a:hover, ul.tinaReceptTips li .tipRecipeItemBg a:active
{
    text-decoration: underline;
}

#layoutHolder  ul.tinaReceptTips li h3{
    font-family: Arial, helvetica;
    font-size: 1.4em;
    color: #e2007a;
    padding: 12px 10px 7px 16px;
    font-weight: bold;
}

/* Matsmart */
 #layoutHolder .sectionSkin1 ul.tinaReceptTips li h3{
    font-family: Arial, helvetica;
    font-size: 1.4em;
    color: #000;
    padding: 12px 10px 7px 16px;
    font-weight: bold;
}



#layoutHolder .sectionSkin1 ul.tinaReceptTips li img
{
    border: 1px solid #e8e5e3;
    padding: 3px;
    margin: 0px 15px 0 0 !important;	/* IE6 fix */
    vertical-align: bottom;
	width:85px;
	height:85px;
}

#layoutHolder .sectionSkin1 ul.tinaReceptTips li p{
    font-size: 1.3em;
    padding: 0 10px 5px 16px;
    line-height: 150%;
}
#layoutHolder .sectionSkin1 ul.matSmartMarkning li p{
    font-size: 1.0em;
    padding: 0 10px 5px 16px;
    line-height: 150%;
}

/* Background settings for tip/recipe */ 
ul.tinaReceptTips li .tipRecipeItemBg{
    background: #f5f6f8;
    width: 628px;
    height: 133px;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    margin: -93px 0px 0px 108px;
    position: relative;
}

/* Only for recipe listings */
ul.tinaReceptTips li .largeRecipeItem
{
    height: 93px;
}


ul.tinaReceptTips li .tipRecipeItemBg span.bottom
{
    background: url(images/tipBottom.jpg) 0 0 no-repeat; 
    width: 627px;
    height: 23px;
    display: block;
    position: absolute;
    bottom: -1px;
    left: -1px;
}

h3.latestTips
{
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.8em;
    color: #e2007a;
    font-weight: bold;
}

.tipFooter
{
    z-index: 2;
    position: absolute;
    margin: 0 15px 0 15px;
    width: 595px;
    font-size: 1.2em;
    bottom: 15px;
}
.tipFooterMarkning
{
    z-index: 2;
    position: absolute;
    margin: 0 15px 0 15px;
    width: 595px;
    font-size: 1.0em;
    bottom: 15px;
}
.tipFooter span.tags
{
    text-align: right;
    display: inline-block;
    width: 480px;
    float: right;
}


.tipRecipeItemBg .tipFooter a.readMore
{
    float: left;
}


.tipRecipeItemBg .tipFooter a:hover, .tipRecipeItemBg .tipFooter a:active
{
    text-decoration: underline;
}


#layoutHolder div.pink a:link, #layoutHolder div.pink a:visited, 
#layoutHolder .tipRecipeItemBg .tipFooter a:visited, 
#layoutHolder .tipRecipeItemBg .tipFooter a:link
{
	color: #e2007a;
}

#layoutHolder .paging
{
    text-align: right;
    padding: 10px 18px 30px 0;
}

#layoutHolder .paging span
{

    font-size: 1.2em;
    padding: 0 2px 0 2px;
}


#layoutHolder .paging a:link, #layoutHolder .paging a:visited, #layoutHolder a.readMore
{
    font-size: 1.2em;
    border: none; 
    padding: 0 2px 0 2px;
}

#layoutHolder .paging a:hover, #layoutHolder .paging a:active
{
    text-decoration: underline;
}


/*Matsmart */
.orange a:link, .orange a:visited
{
    color: #f07721;
}



.tipContent
{
    width: 550px;
    float: left;
    padding: 6px 0 160px 0;
	min-height:280px !important;
	height:auto !important;
	height:280px;
}
    
.tipContent h2
{

    font-family: Georgia, Times New Roman, Serif;
    font-size: 2.2em;
    line-height: 150%;
    margin: 0 0 18px 0;
    color: #e2007a;
    text-transform: none;
}

.matSmartTipContent h2
{
    font-family: Arial, helvetica;
    color: #000;
}

#extraNavigation
{
    
    padding: 0;
    width: 162px;
    float: left;
    margin: 0 26px 0 0;
}

#extraNavigation a:hover, #extraNavigation a:active
{
    text-decoration: underline;
}

#extraNavigation ul#categories li
{
    list-style: none;
    margin: 0 0 3px 0;
}

#extraNavigation ul#categories li a
{
    border: none;
    font-size: 1.3em;
}

.extraNavigation_matsmart ul#categories li a, #extraNavigation.extraNavigation_matsmart a.back
{
    color: #815A34;
}

.extraNavigation_tina ul#categories li a, #extraNavigation.extraNavigation_tina a.back
{
    color: #e2007a;
}

#extraNavigation p
{
    font-size: 1.3em;
    line-height: 150%;
}

#extraNavigation h4{
    font-family: Georgia, Times New Roman, Serif;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    color: #e2007a;
    padding: 0 0 14px 0;
}
#extraNavigation.extraNavigation_matsmart h4
{
    padding: 0;
}

#extraNavigation a.back
{
   /* color: #e2007a; */
    font-size: 1.2em;
    border: none;
    padding: 11px 0 0 0;
    display: inline-block;
}

/* Matsmart Navigation */
#matSmartNavHolder
{
	height: 45px;
	z-index: 2;
	clear:both;
}

#layoutHolder #matSmartNavigation a{
    color: white;
    background: #815A34 url(images/matsmartNav/left-tab.gif) left top no-repeat;
    text-decoration: none;
    padding-left: 11px;
    font-family: arial, Times New Roman, Serif;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}


 #layoutHolder #matSmartNavigation a span
{
    background: url(images/matsmartNav/right-tab.gif) right top no-repeat;
    padding: 0px 11px 0px 0px;
	white-space:nowrap;
}

#layoutHolder #matSmartNavigation a, #layoutHolder #matSmartNavigation a span
{
    float: left;
}

#layoutHolder #matSmartNavigation a:hover
{
    color: white;
    background: #D3B79C url(images/matsmartNav/left-tab-hover.gif) left top no-repeat;
    padding-left: 11px;
    cursor: pointer;
}

#layoutHolder #matSmartNavigation a span
{
    background: url(images/matsmartNav/right-tab.gif) right bottom no-repeat;
    padding-right: 11px;
    height: 28px;
}

#layoutHolder #matSmartNavigation a:hover span
{
    background: url(images/matsmartNav/right-tab-hover.gif) right bottom no-repeat;
    padding-right: 11px;
    height: 28px;
}

#layoutHolder #matSmartNavigation a.selected
{
    color: white;
    background: #D3B79C url(images/matsmartNav/left-tab-hover.gif) left bottom no-repeat;
    padding: 0px 0px 0px 11px;
    margin: 0px;
    height: 28px;
}

#layoutHolder #matSmartNavigation a.selected span
{
    background: url(images/matsmartNav/right-tab-hover.gif) right top no-repeat;
}

 #layoutHolder #matSmartNavigation ul
{
    padding: 0px;
    margin: 0px;
}

 #layoutHolder #matSmartNavigation li
{
    float: left;
    margin: 0 5px 4px 0;
	padding: 0 0 10px 0;
    list-style: none;

}

 #layoutHolder #matSmartNavigation li.selected
{
    background: url(images/matsmartNav/selected.gif) 4px bottom no-repeat;
    padding: 0 0 10px 0;
}


p.special
{
    margin: 33px 0 0 0;
}


#matSmartSearchArea, #matSmartFullPageContent
{
    background: #f5f6f8 url(images/matSmartSearchAreaBg.gif) 0 0 repeat-x;
    width: 736px;
    height: 127px;
    clear: both;
    padding: 11px 0 0 0;
    margin: 0 0 16px 0;
    position: relative;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
   
}

#matSmartSearchArea h3, #matSmartFullPageContent h3  {
    font-family: arial, helvetica;
    font-size: 1.7em;
    color: #000;
    font-weight: bold;
    margin: 0 0 0 18px;
}

#matSmartSearchArea p, #matSmartFullPageContent p,
#layoutHolder #matSmartSearchArea p, #layoutHolder #matSmartFullPageContent p {
    font-family: Arial, helvetica;
    font-size: 1.3em;
    line-height: 150%;
    margin: 0 0 0 18px;

}

#matSmartFullPageContent h3, #matSmartFullPageContent p  {
	padding: 0 18px 0 18px;
}

#matSmartSearchArea form
{
    position: relative;
    margin: 20px 0 0 30px;
}

#matSmartSearchArea span
{
    font-size: 1.2em;
    padding: 0 5px 0 0;
}

#matSmartSearchArea select
{
    width: 206px;
    margin: 0 20px 0 0;
}

#matSmartSearchArea input.searchField
{
    background: url(images/inputBg.gif) 0 0 no-repeat;
    width: 248px;
    height: 18px;
    padding: 2px;
    border-top: 1px solid #a2a2a2;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #f0f0f0;
}

#matSmartSearchArea input.searchButton
{
    background: url(images/searchButton_brown.gif) 0 0 no-repeat; 
    width: 49px;
    height: 24px;
    display: block;
    border: none;
    position: relative;
    left: 630px;
    top: -25px;
}

#matSmartSearchArea span.bottom, #matSmartFullPageContent span.bottom
{
    background: url(images/matSmartBottom.jpg) 0 0 no-repeat;
    display: block;
    position: absolute;
    bottom: 0px;
    left: -1px;
    width: 738px;
    height: 31px;
}


#extraNavigationMatSmart
{
    padding: 0;
    width: 162px;
    float: left;
    margin: 0 26px 0 0;
}

#extraNavigationMatSmart a:hover, #extraNavigationMatSmart a:active
{
    text-decoration: underline;
}

#extraNavigationMatSmart ul#categories li
{
    list-style: none;
    margin: 0 0 3px 0;
}

#extraNavigationMatSmart ul#categories li a
{
    border: none;
    font-size: 1.3em;
    color: #f07721;

}

#extraNavigationMatSmart h4
{
    font-family: arial, helvetica;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    padding: 0 0 8px 0;
}

#extraNavigationMatSmart a.back
{
    color: #f07721;
    font-size: 1.2em;
    border: none;
    padding: 19px 0 0 0;
    display: inline-block;
}

a#print, a#send
{
    border: none;
    color: #e2007a;
    font-size: 1.3em;
    padding: 0 0 0 25px;
    display: block;
}

a#print
{
    background: url(images/printIcon.gif) 4px 3px no-repeat; 
    margin: 0 0 5px 0;
}

a#send
{
    background: url(images/sendIcon.gif) 0 3px no-repeat; 
}

span.smallDivider
{
     background: transparent url(images/menudivider.gif) no-repeat bottom left;
     display: block;
     width: 162px;
     height: 2px;
     margin: 14px 0;
}

.recipeContent h4
{
    font-size: 1.4em;
    line-height: 150%;
    font-weight: bold;
}

.recipeContent p
{
    font-size: 1.3em;
    line-height: 150%;
}

.recipeContent ul 
{
    list-style: none;
    margin: 0 0 18px 0;
}

.recipeContent ul li
{
    font-size: 1.3em;
    line-height: 150%;
    background: transparent url(images/smallLi.gif) no-repeat center left;
    padding: 0 0 0 12px;
}


#tinaTvArea #flashFilmListing
{
    width: 279px;
    height: 250px;
    float: left;
    background: #fdf0f5;
    overflow: auto;
    margin: 19px 0 0 28px;
    border-top: 2px solid #f5afd0;
    border-left: 2px solid #f5afd0;
    border-bottom: 2px solid #f8dee9;
    border-right: 2px solid #f8dee9;
    display: inline;
}

#tinaTvArea #flashFilmListing ul
{
    padding: 0 0 10px 0;
}

#tinaTvArea #flashFilmListing ul li
{
    font-size: 1.3em;
    color: #000;
    padding: 10px 0 10px 0;
    margin: 0 0 0 6px;
	line-height:130%;
    background: transparent url(images/flashFilmSeperator.gif) no-repeat bottom left;
}

#tinaTvArea #flashFilmListing ul li a
{
    color: #e2007a;
    border: none;
}
#tinaTvArea #flashFilmListing ul li p
{
	color:#000;
	padding:0;
	margin:0;
	width:250px;
	font-size:1.0em;
}


.tinaModuleStartPageLeft
{
    background: transparent url(images/tinaPuff.gif) no-repeat 0 0;
    width: 360px;
    height: 150px;
    display: block; 
    float: left;
    margin: 0 0 0 -5px;
    position: relative;
}

#layoutHolder .tinaModuleStartPageLeft h3, #layoutHolder .tinaModuleStartPageRight h3
{
    width: 240px;
    padding: 35px 0 0 100px;
    color: #e2007a;
    font-family: Georgia, Times New Roman, Serif;
    text-align: center;
    font-size: 2.4em;
    line-height: 130%;
}

#layoutHolder .tinaModuleStartPageLeft a, #layoutHolder .tinaModuleStartPageRight a
{
    font-size: 1.2em;
    color: #000;
    font-family: Georgia, Times New Roman, Serif;
    border: none;
    position: absolute;
    bottom: 25px;
    left: 180px;
}

#layoutHolder .tinaModuleStartPageLeft a:hover, #layoutHolder .tinaModuleStartPageRight a:hover
{
    text-decoration: underline;
}

#layoutHolder .tinaModuleStartPageRight img, #layoutHolder .tinaModuleStartPageLeft img
{
    margin: 25px 0 0 20px;
}

.tinaModuleStartPageRight
{
    background: transparent url(images/tinaPuff.gif) no-repeat 0 0;
    width: 360px;
    height: 150px;
    display: block; 
    float: left;
    margin: 0 0 0 20px !important;
	margin-left:10px;
    position: relative;
}

.matsmartModuleStartPageLeft
{
    background: transparent url(images/matSmartTvPuff.png) no-repeat 0 0;
    width: 356px;
    height: 140px;
    display: block; 
    float: left;
    margin: 0 20px 0 -5px;
    position: relative;
}

#layoutHolder .matsmartModuleStartPageLeft h3, #layoutHolder .matsmartModuleStartPageRight h3
{
    width: 240px;
    margin: 0 0 0 115px;
    color: #000000;
    font-family: arial, helvetica;
    text-align: center;
    font-size: 2.4em;
    line-height: 110%;
}

#layoutHolder .matsmartModuleStartPageLeft a, #layoutHolder .matsmartModuleStartPageRight a
{
    font-size: 1.2em;
    color: #000;
    font-family: arial, helvetica;
    border: none;
    width: 100px;
    position: absolute;
    bottom: 18px;
    left: 190px;
}

#layoutHolder .matsmartModuleStartPageLeft a:hover, #layoutHolder .matsmartModuleStartPageRight a:hover
{
    text-decoration: none;
}

#layoutHolder .matsmartModuleStartPageRight img, #layoutHolder .matsmartModuleStartPageLeft img
{
    margin: -10px 0 0 -10px;
}

.matsmartModuleStartPageRight
{
    background: transparent url(images/matSmartTvPuff.png) no-repeat 0 0;
    width: 356px;
    height: 140px;
    display: block; 
    float: left;
    margin: 0 0 0 3px;
    position: relative;
	right:10px;
}
/* Login  */ 
/**************************************************************************************************/ 
#header #login
{
    position: absolute;
    left: 430px;
    top: 10px;
	cursor:pointer;
	cursor:hand;
    background: transparent url(images/login_kortet.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/login_kortet.png');
	width:135px;
	height:65px;
	text-indent: -9999px;
}
#header #loginKortet
{
    background: transparent url(images/login_kortet.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/login_kortet.png');
	border:0px;
	width:135px;
	height:65px;
	z-index:10;
}	

#header #loginBox .show
{
    border: none;
}

#header #loginBox, #header #loginBoxInner
{
    display: none;
    position: absolute;
    left: 380px;
    top: -10px;
    width: 195px;
    height: 95px;
    padding: 13px 15px 20px 19px;
    z-index: 99;
}
#header #loginBox
{
    background: transparent url(images/login_bg.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/login_bg.png');
}
#header #loginBoxInner .title
{
    color: #ffffff;
    float: left;
    text-transform: uppercase;
}

#header #loginBoxInner a
{
    color: #000;
    float: right;
    border: none;
}

#header #loginBoxInner input
{
    font-size: 1em;
    width: 120px;
    border: solid 1px #0068ac;
    display: block;
    margin:0px 8px 6px 0px;
    float: left;
    color: #6f7a81;
    padding: 2px;
}

#header #loginBoxInner a#loginButton
{
	color:#FFF;
	font-weight:bold;
    font-size: 12px;
    float: left;
    width:50px;
    /*background-color: #dee0de;
    border: solid 1px #a6a7a6;*/
    margin-top:6px;
}

/* Search in header */ 
/**************************************************************************************************/
#header #search, #header #searchInner
{
    position: absolute;
    left: 600px;
    top: 20px;
    width: 168px;
    height: 42px;
    padding: 13px 15px 20px 19px;
}
#header #search
{
    background: transparent url(images/search_bg.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/search_bg.png');
}
#header #searchInner input
{
    font-size: 1em;
    width: 110px;
    border: solid 1px #fff;
    float: left;
    color: #6f7a81;
    padding: 0px;
}

#header #searchInner #searchButtonHeader
{
    width: 35px;
    float: right;
    font-size:11px;
    color: #000;
    border: none;
    font-weight:bold;
}


/* General  */ 
/**************************************************************************************************/ 
#mainContent .largeDivider
{
    margin: 20px 0px;
    width: 100%;
    display: block;
    background: transparent url(images/menudivider.gif) repeat-x 0 0;
}

/* News & Press */ 
/**************************************************************************************************/

#mainContent #pressLatestNews dt, #mainContent #pressLatestPress dt
{
    margin-top: 14px;
    font-size: 1.4em;
    line-height: 129%;
    font-weight: bold;
    margin-bottom: 1px;
    color: #30373c;
}

#mainContent #pressLatestNews span, #mainContent #pressLatestPress span
{
    margin-top: 4px;
    display: block;
}

#mainContent #pressLatestNews em, #mainContent #pressLatestPress em
{
    font-style: italic;
    color: #999999;
}

#mainContent #pressLatestNews dd span a, #mainContent #pressLatestPress dd span a
{
    padding-left: 8px;
    border: none;
}

#mainContent ul#FAQ
{
	margin: 0;
	padding: 0;
}

#mainContent ul#FAQ li
{
	padding: 0px;
	margin: 0px 0 7px 0px;
	list-style: none;
    list-style-position: outside;
}

#mainContent ul#FAQ li a
{
	font-size:1.2em;
	border-bottom: none;
}

#mainContent ul#FAQ li a:hover, #mainContent ul#FAQ li a:active
{
	border-bottom:1px solid #C05F1A;
	color:#C05F1A;
}	

#mainContent div#FAQAnswers h4
{
    font-weight:bold;
}

/*Search page */

#mainContent ul#searchResult
{
	margin: 15px 0 0 0;

}

#mainContent ul#searchResult li 
{
	list-style: none;
    list-style-position: outside;
}

#mainContent ul#searchResult li a
{
	border:none;
}

#mainContent ul#searchResult li a:hover
{
	border-bottom: solid 1px;
}

#mainContent ul#searchResult li h4
{
	font-weight: bold;
}

#mainContent ul#searchResult li h4 a
{
	border: none;
}

#mainContent ul#searchResult li h4 a:hover
{
	border-bottom: solid 1px;
}

#mainContent ul#searchResult .largeDivider
{
    margin: 14px 0 10px 0px;
    width: 100%;
    height: 5px;
    display: block;
    background: transparent url(images/menudivider.gif) repeat-x 0 0;
}

#mainContent div#searchQueryInfo p
{
	margin: 25px 0 5px 0px;
}

#mainContent div#searchQueryInfo .largeDivider
{
	margin: 0;
	clear: both;
}

#mainContent div#searchBox
{
	background-image:url(images/searchBox.gif);
	width: 449px;
	height: 44px;
}

#mainContent div#searchBox #searchInputBox
{
	margin: 15px 10px 10px 15px;
	border:0px;
	height:15px;
	font: 1.1em Arial;
	color:#6f7a81;
	width:280px;
	float:left;
}

#mainContent div.sectionSkin1 p a:hover {
	border-bottom:1px solid #C05F1A;
	color:#C05F1A;
}

#mainContent div#searchBox div#searchButton
{
	padding:17px 15px 15px 15px;
	border:none;
	font-size:14px;
	color:#000;
	width:100px;
	font-weight:bold;
	float:left;
}

#mainContent div#searchBox div#searchButton a
{
	border:none;
	color:#000;
}

/* Pick a store */ 
/**************************************************************************************************/
 #pickStoreLeft
{
    display: inline;
    float: left;
    width: 355px;
    padding: 0 0 85px 0;
}

#pickStoreLeft #selectCity
{
    width: 300px;
    margin-top: 30px;
    margin-left: 20px;
    background: #c9e8f8 url(images/cityBox-top.gif) repeat-x 0 0;
    text-align: center;
    padding-top: 10px; 
}

#pickStoreLeft #selectCity ul
{
    text-align: left;
    list-style: none;
    background: #c9e8f8 url(images/cityBox-bottom.gif) repeat-x 0 bottom;
    padding: 0px 0px 10px 35px;
}

#pickStoreLeft #selectCity ul li
{
    float: left;
    display: block;
    width: 130px;
    margin:0px;
    padding-top: 5px;
}

#pickStoreLeft #selectCity ul li a
{
    color: #006fb8;
    font-size: 1.2em;
    border: none;
}

#pickStoreLeft #selectCity ul li.ulClear
{
    float: none;
    clear: both;
    height: 0;
}

 #pickStoreRight
{
    display: inline;
    float: right;
    width: 355px;
}

#pickStoreRight img
{
    margin: 12px 0px 40px 30px;
}

/*sectionSkins
----------------------*/
.sectionSkin1{

	margin:0px;
	padding:0px;
}

#layoutHolder .sectionSkin2{

	background: #f5f6f8;
    width: 100%;
    height: 133px;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;

}

#layoutHolder .sectionSkin2 p{
font-size:1.3em;
line-height:150%;
padding:0pt 10px 5px 16px;

}

#layoutHolder .sectionSkin2 H3{
color:#000000;
font-family:Arial,helvetica;
font-size:1.4em;
font-weight:bold;
padding:12px 10px 7px 16px;

}

/*sectionSkins
----------------------*/
.sectionSkin3{

	margin:0px;
	padding:0px;
	float: left;
	padding-right: 10px;
	padding-top:10px;
	padding-bottom: 10px;

}


/* * * * * * * * * * * * * * *   CityGrossStoreSelectorMaxi.vm   * * * * * * * * * * * * * */
#store_map {
	margin: 0px;
}

.store_map_dot_sv {
	background: transparent url(/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDot.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDot.png');
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	cursor: pointer;
}

.store_map_dot_sv_highlight {
	background: transparent url(/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDotHighLighted.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDotHighLighted.png');
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	cursor: pointer;
}

.store_map_dot_dk {
	background: transparent url(/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDot_dk.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDot_dk.png');
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.store_map_dot_dk_highlight {
	background: transparent url(/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDotHighLighted_dk.png) no-repeat 0 0 !important; 
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/resources/ui/skins/CG2009/images/CityGrossStoreSelectorMaxiDotHighLighted_dk.png');
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
/* * * * * * * * * * * * * * *   /CityGrossStoreSelectorMaxi.vm   * * * * * * * * * * * * * */




/********* Printlayout **********/
.printBackground {
	background-color: #FFFFFF;
}

.pageIndexLinkH3, a.pageIndexLinkH3{

font-size:13px;
line-height:17px;
}


/*******Dagbok & Veckomeny ****/

#tinaDagbok {
	float:left;
	clear:both;
}

#tinaDagbokLeft{
	float:left;
	min-height:300px !important;
	height:auto !important;
	height:300px;
	background: #f5f6f8 url(images/tinadagbok_bottom_papper.gif) left bottom no-repeat;
	width: 450px;
	padding:10px 0;
	position:relative;
}

#tinaDagbokLeft .tinaDagbokEntry {
	position:absolute;
	top:0px;
	left:0px;
}

#tinaDagbokLeft h3{
	margin:10px;
	font-size: 1.5em;
	color: #e2007a;
	font-weight: bold;
}
#tinaDagbokLeft .entryTopLinks {
	float:left;
	margin-bottom:10px;
	width:100%;
}
#tinaDagbokLeft .entryBottomLinks {
	float:left;
	margin:10px 0;
	width:100%;
}

#tinaDagbokRight .entryBottomLinksRight {
	text-align:center;
	width:254px;
	padding-top:20px;
	margin-left:2px;
	background-color:#fdf0f5;
}

#tinaDagbokRight .entryBottomLinksRight a.left {
	margin-right:20px;
}

#tinaDagbokLeft p, #tinaDagbok p, #tinaDagbokRight p {
	font-family: Arial, helvetica;
    font-size: 1.3em;
    line-height: 150%;
	margin:0 10px;
	}
	#tinaDagbokRight p {
		line-height:154%;
	}
	
	#tinaDagbokLeft .entryTopLinks a, #tinaDagbokLeft .entryBottomLinks a, #tinaDagbokRight .entryBottomLinksRight a,
	#tinaDagbokLeft .entryTopLinks a:hover, #tinaDagbokLeft .entryBottomLinks a:hover, #tinaDagbokRight .entryBottomLinksRight a:hover,
	#tinaDagbokLeft .entryTopLinks a:visited, #tinaDagbokLeft .entryBottomLinks a:visited, #tinaDagbokRight .entryBottomLinksRight a:visited,
	#tinaDagbokLeft .entryTopLinks a:active, #tinaDagbokLeft .entryBottomLinks a:active, #tinaDagbokRight .entryBottomLinksRight a:active {
	  color: #e2007a;
	  font-size: 1.3em;
	}
	#tinaDagbokRight a {
	  color: #e2007a;
	  font-size: 1.0em;
	}
	#layoutHolder #tinaDagbokLeft p a, #layoutHolder #tinaDagbokRight p a {
		color: #e2007a;
	}
	#layoutHolder #tinaDagbokNote p a, #tinaDagbokNote p a:hover, #tinaDagbokNote p a:visited, #tinaDagbokNote p a:active {
		color: #e2007a;
		font-style:normal;
		text-decoration:underline;
	} 
	
#tinaDagbokLeft a.right{
	float:right;
	margin-right:10px;
}
#tinaDagbokLeft a.left{
	float:left;
	margin-left:10px;
}

#tinaDagbokRight p{
	margin:0 20px;
}

#tinaDagbokRightContainer{
	width:258px;
	float:left;
	margin-top:-7px;
	margin-left:30px;
}
div.tinaDagbokRightHeader {
	position:absolute;
	top:-20px;
	right:20px;
	font-size:1.3em;
	font-weight:bold;
}
#tinaDagbokRight{
	background:url(images/tinadagbok_meny_middle.gif) repeat-y left top ;
}


#tinaDagbokRightTop{
	background: url(images/tinadagbok_meny_top.gif) no-repeat left top;
	height:97px;
}

#tinaDagbokRightBottom{
	background: url(images/tinadagbok_meny_bottom.gif) no-repeat bottom left;
	height:61px;
}

#tinaDagbokArea
{
    background: url(images/tinadagbokArea_bg.gif) 0 0 no-repeat;
    width: 739px;
    height: 110px;
    margin: 0px 0px 16px 0px;
}

#tinaDagbokArea h3
{
    font-family: Georgia, Times New Roman, Serif;
    font-size: 1.8em;
    color: #e2007a;
    font-weight: bold;
    margin: 0px 0px 0px 120px;
	padding-top:20px;
}

#tinaDagbokArea p{
   font-family: Arial, helvetica;
    font-size: 1.3em;
    line-height: 150%;
    margin: 0 0 0 120px;
    height: 60px;
    width: 600px;
}

#popBubble {
	background: transparent url('images/ShoppaSnabbt_bkg-noclose.png') no-repeat 0 0 !important;
}

#popBubble #shoppaText {
	position:absolute;
	top:46px;
	left:50px;
	/*background: transparent url('images/ShoppaSnabbt_text.gif') no-repeat left top;*/
	width:565px;
	height:268px;
}

#popBubble #shoppaText2 {
	position:absolute;
	top:78px;
	left:516px;
	/*background: transparent url('images/ShoppaSnabbt_text2.gif') no-repeat left top;*/
	width:170px;
	height:225px;
}
#popBubble #closeBubble {
	position:absolute;
	display:block;
	top: 40px;
	left:650px;
	background: transparent url('images/ShoppaSnabbt_close.gif') no-repeat left top;
	height:47px;
	width:36px;
	cursor:pointer;
	cursor:hand;
}

#popBubble #turnPage {
	position:absolute;
	display:block;
	background: transparent url('images/ShoppaSnabbt_linkButton.gif') no-repeat left top;
	top: 260px;
	left:242px;
	width:284px;
	height:26px;
	cursor:pointer;
	cursor:hand;
}

#popBubble #openingTimesFlash {
	position:absolute;
	top: 73px;
	left:86px;
	width:432px;
	height:243px;
}

/* Cookalong styles */

#cookalongArea {
    background: #fff url('images/cookalong_background-plate.jpg') no-repeat left top;
    width: 738px;
    height: 205px;
    clear: both;
    padding: 0;
    margin: 0 0 16px 0;
    position: relative;
}

#cookalongArea h3 {
	position:absolute;
	top:48px;
	left:195px;
	width:510px;
	height:70px;
	color:#fff;
}

#cookalongArea p {
	position:absolute;
	top:123px;
	left:195px;
	width:510px;
	height:52px;
	overflow:hidden;
	color:#000;
}

#cookalongTvArea {
    background: #fff url('images/cookalong_background-grid-tile.gif') repeat left top;
    width: 720px;
    height: 391px;
    clear: both;
    margin: 0;
    padding: 9px 0 0 18px;
}
#cookalongTvArea h3 {
	width:700px;
	height:35px;
}
#cookalongTvArea #flashFilmListing{
    width: 275px;
    height: 321px;
    float: left;
    background: #fff;
    overflow: auto;
    margin: 16px 0 0 0;
    border: 2px solid #aedff6;
    display: inline;
}

#cookalongTvArea #flashFilmListing ul{
    padding: 0 0 10px 0;
}

#cookalongTvArea #flashFilmListing ul li{
    font-size: 1.3em;
    color: #2683c0;
    padding: 10px 0 10px 0;
    margin: 0 0 0 6px;
    background: transparent url(images/cookalong_menudivider.gif) no-repeat bottom left;
}

#cookalongTvArea #flashFilmListing ul li a{
    color: #2683c0;
    display: block;
	width:99%;
    border: none;
}

#cookalongTvArea #flashFilmListing ul li p
{
	color:#000;
	padding:0;
	margin:0;
	width:250px;
	font-size:1.0em;
}

#cookalongTvArea #flashFilmListing ul li a:hover{
    text-decoration: underline;
}
#cookalongTvArea .flashMovieArea {
	margin-top: 16px; 
	margin-left: 290px;
	width:424px;
	height:321px;
	border: 2px solid #aedff6;
}
#cookalongEpisodeArea {
    background: #fff url('images/cookalong_background-grid-tv.gif') repeat-x left -44px;
    width: 715px;
	min-height:200px !important;
	height:auto !important;
    height: 200px;
    float:left;
	clear:left;
    margin: 0 0 20px 0;
    padding: 19px 0 0 23px;
}

#cookalongEpisodeArea .photoContainer {
	background: transparent url('images/cookalong_background-photoshade.gif') no-repeat left top;
	float:left;
	width:189px;
	height:189px;
	margin: 0 18px 0 0;
}
#cookalongEpisodeArea .photoContainer img {
	width:174px;
	height:174px;
	border:0;
	margin:4px 0 0 5px;
}
#cookalongEpisodeArea .episodeDataContainer {
	float:left;
	width:274px;
	min-height:190px !important;
	height:auto !important;
	height:190px;
	margin:0 18px 0 0;
}
#cookalongEpisodeArea .episodeDataContainer p, #cookalongEpisodeArea .episodeDataContainer p.smallHeader  {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
#cookalongEpisodeArea .episodeDataContainer p.smallHeader {
	line-height:22px;
}
#cookalongEpisodeArea .episodeRecipeBrowser {
	float:left;
	width:210px;
	margin:0;
	padding:0;
}
#cookalongEpisodeArea .episodeRecipeBrowser p {
	font-family:Courier, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
}

#cookalongEpisodeArea .episodeRecipeBrowser li {
	list-style:none;
	padding:0 0 0 10px;
	margin: 0 0 4px 0;
	line-height:18px;
	background: transparent url('images/cookalong_list-bullet.gif') no-repeat 1px 6px;
}
#cookalongEpisodeArea .episodeRecipeBrowser li a, #cookalongEpisodeArea .episodeRecipeBrowser li a:visited {
	color:#0073b9;
	text-decoration:none;
	font-size:12px;
	line-height:18px;
}
#cookalongEpisodeArea .episodeRecipeBrowser li a:hover {
	text-decoration:underline;
}
#cookalongEpisodeArea .episodeRecipeBrowser ul {
	float:left;
}
#cookalongEpisodeArea .episodeRecipeBrowser .browserButtonContainer {
	height:35px;
	width:210px;
	padding:6px 0 0 2px;
	margin:0;
	float:left;
	clear:right;
}
#cookalongEpisodeArea .episodeRecipeBrowser .browserButtonContainer .prevButton,
#cookalongEpisodeArea .episodeRecipeBrowser .browserButtonContainer .nextButton,
#cookalongEpisodeArea .episodeRecipeBrowser .browserButtonContainer .noButton {
	background: transparent url('images/cookalong_browseButton.gif') no-repeat left top;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	height:22px;
	width:98px;
	text-align:center;
	padding:0;
	margin:0;
	float:left;
	cursor:pointer;
	cursor:hand;
}
#cookalongEpisodeArea .episodeRecipeBrowser .browserButtonContainer .nextButton {
	margin-left:8px;
}
#cookalongEpisodeArea .episodeRecipeBrowser .browserButtonContainer .noButton {
	background:none;
}

/* Newsdesk feed styles */

#newsdesk_pressroom #newsdesk_summary h4 {
	margin: 0 0 10px;
	font-size: 1.9em;
	line-height: 100%;
	color: #30373C;
	font-family: arial;
}
#pressreleases a {
	color: #C05F1A;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 150%;
	
}
h5 {
	color: #C05F1A;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 150%;
	margin:0;
}
#newsdesk_summary {
	font-size: 1.0em;
	line-height: 150%;
	margin 0 0 18px;
	padding 0;
}
p.newsdesk_summary {
	font-size:1.0em;
	line-height:150%;
}
span.newsdesk_date {
	font-size:1.1em;
}

/* **** Cufon style fixes **** */
#layoutHolder span.cufon, #layoutHolder span.cufon-alt, #layoutHolder span.cufon-vml-canvas {
	background:none !important;	
	padding:0 !important;
	margin:0 !important;
}

#layoutHolder #matSmartNavigation a span {
	font-size:17px;	
	text-align:center;
}

ul#matSmartNavigation li a span span.cufon-canvas, ul#matSmartNavigation li a span span.cufon-vml {
	position:relative;
	top:6px;
}

/* **** Contact form style **** */
.consumer-form
{
	width: 440px;
}
		
.consumer-form td
{
	padding-top: 20px;
}
	
.consumer-form input[type=text]
{
	height: 19px;
	width: 200px;
	background: url('/resources/ui/skins/CG2009/images/input.png') repeat left bottom;
}
	
	
.consumer-form textarea
{
	width: 440px;
	background: url('/resources/ui/skins/CG2009/images/textarea-big.png') repeat left bottom;
}


/* **** MatSmart Serach Module style **** */
#matsmart-search h3
{
	display: inline;
	margin-right: 0px;
}
#matsmart-search select
{
	margin-left: 20px;
	width: 180px;
}
#matsmart-search input[type=submit]
{
	background: url('/resources/ui/skins/CG2009/images/searchButton_brown.gif') 0 0 no-repeat; 
	width: 49px;
	height: 24px;
	display: block;
	border: none;
	margin-left: 20px;
}

/* **** �kta vara search field **** */

#aktaVaraTopPanel input.searchField
{
    background: url(images/inputBg.gif) 0 0 no-repeat;
    width: 248px;
    height: 18px;
    padding: 2px;
    border-top: 1px solid #a2a2a2;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #f0f0f0;
}

#numberOfProducts
{
	font-size: 20px;

}
//*#matSmartSearchArea input.searchButton
{
    background: url(images/searchButton_brown.gif) 0 0 no-repeat; 
    width: 49px;
    height: 24px;
    display: block;
    border: none;
    position: relative;
    left: 630px;
    top: -25px;
}
*/

/* �kta Vara Navigation */
#aktaVaraNavHolder
{
	height: 45px;
	z-index: 2;
	clear:both;
}

#layoutHolder #aktaVaraNavigation a{
    color: white;
    background: #86a23a url(images/aktavaraNav/left-tab.gif) left top no-repeat;
    text-decoration: none;
    padding-left: 11px;
    font-family: arial, Times New Roman, Serif;
    font-size: font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}


 #layoutHolder #aktaVaraNavigation a span
{
    background: url(images/aktavaraNav/right-tab.gif) right top no-repeat;
    padding: 0px 11px 0px 0px;
	white-space:nowrap;
}

#layoutHolder #aktaVaraNavigation a, #layoutHolder #aktaVaraNavigation a span
{
    float: left;
}

#layoutHolder #aktaVaraNavigation a:hover
{
    color: white;
    background: #5b7611 url(images/aktavaraNav/left-tab-hover.gif) left top no-repeat;
    padding-left: 11px;
    cursor: pointer;
}

#layoutHolder #aktaVaraNavigation a span
{
    background: url(images/aktavaraNav/right-tab.gif) right bottom no-repeat;
    padding-right: 11px;
    height: 28px;
}

#layoutHolder #aktaVaraNavigation a:hover span
{
    background: url(images/aktavaraNav/right-tab-hover.gif) right bottom no-repeat;
    padding-right: 11px;
    height: 28px;
}

#layoutHolder #aktaVaraNavigation a.selected
{
    color: white;
    background: #5b7611 url(images/aktavaraNav/left-tab-hover.gif) left bottom no-repeat;
    padding: 0px 0px 0px 11px;
    margin: 0px;
    height: 28px;
}

#layoutHolder #aktaVaraNavigation a.selected span
{
    background: url(images/aktavaraNav/right-tab-hover.gif) right top no-repeat;
}

 #layoutHolder #aktaVaraNavigation ul
{
    padding: 0px;
    margin: 0px;
}

 #layoutHolder #aktaVaraNavigation li
{
    float: left;
    margin: 0 5px 4px 0;
	padding: 0 0 10px 0;
    list-style: none;

}

 #layoutHolder #aktaVaraNavigation li.selected
{
    background: url(images/aktavaraNav/selected.gif) 4px bottom no-repeat;
    padding: 0 0 10px 0;
}

ul#aktaVaraNavigation li a span span.cufon-canvas, ul#matSmartNavigation li a span span.cufon-vml {
	position:relative;
	top:6px;
	min-width: 40px;
	text-align: center;
}