/*
	--	Get In Touch! section
*/


.offscreen
{
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 100;
}

/*must be sized in px scinse it's a sifr text */
#git_preamble{font-size:21px; color:#778f6f;}  /*big green preable on the startpage*/

/*
	This is 	a variant of the puff component that looks like a speechbubble
	Usage		--
*/
div.bubbleWrapper{background:transparent url(../media/images/c1DarkPostLeft.gif) no-repeat left top;}
div.speechBubble{}
div.speechBubble{margin-left:17px;width:424px;min-height:62px}

div.speechBubble .contentWrapper .header h2{font-size:1.7em;visibility:visible;background:transparent;margin-top:0;}
div.speechBubble .contentWrapper {}
/*
	--	Happenings section
*/
/*
	This is	exceptions for the column of the videoplayer
	Usage		extend .columnWide with this
*/
div.videoColumn{width:648px !important; }
/*
	This is	exceptions for the column of the video list
	Usage		extend .column with this
*/
div.videoListColumn{padding-top:4px;width:224px;background:transparent url(../media/images/dottedBorder_brown.gif) repeat-x left top;margin-bottom:15px;}
div.videoListItem{position:relative;margin-top:-1px;width:100%;padding-bottom:12px;min-height:39px;background:transparent url(../media/images/dottedBorder_brown.gif) repeat-x left bottom;}
div.videoListContent{margin-top:10px;}
div.videoListContent img{float:left;}
div.videoListContent .textWrapper{margin-top:4px;float:left;width:156px;}
div.videoListContent .textWrapper p{margin-left:9px;letter-spacing:-0.01em;word-spacing:-0.05em}
div.videoListContent .textWrapper a{position:relative;z-index:11;}

/*		columns with a negative top margin of -3px		*/
div.negTopMargCol
{margin-top:-3px;}

/*
	ids concerning the video page	
*/
#videoText{margin-top:8px;margin-left:1px;}
#videoText h5{letter-spacing:0.02em;word-spacing:0.1em;}/* Kolla om det här har samband med andra rubriker och isf stoppa in i foundation */
#videoText p{letter-spacing:-0.05em;word-spacing:0.07em;}/* Kolla om det här har samband med andra texter och isf stoppa in i foundation */
#happeningsList_flash{margin-left:18px;display:inline;}
#happeningsVideo_flash{margin-top:2px;display:inline;}
#happeningsArchiveBtn{margin-top:5px;display:inline-block;}



/*

	-- Shop section

*/

/*
	Shop startpage
*/
.shopListItem{color:#8e7356;margin-bottom:14px;padding-bottom:10px;background:transparent url(../media/images/dottedBorder_brown.gif) repeat-x left bottom;}
.shopListItem .description{_height:190px;min-height:190px;	}
.shopListItem .description img{float:left;}
.shopListItem .description h2{float:left;font-size:21px;width:370px;margin-top:-6px;margin-bottom:-2px;}
.shopListItem .description .enlImgWrapper{float:left;width:235px;height:165px;margin:0 18px 18px 0;}

.shopListItem .settings{float:right;margin-top:5px;}

.shopListItem .settings input{padding-right:5px;font-family:Georgia, Arial, sans-serif;text-align:right;color:#8e7356;display:inline-block;width:30px;height:19px;float:left;border:1px solid #b2aba3;margin-right:6px;}
.shopListItem .settings select{font-family:Georgia, Arial, sans-serif;color:#8e7356;outline:0;display:inline-block;width:77px;float:left;border:1px solid #b2aba3;border-collapse:collapse;margin-right:23px;}
.shopListItem .settings select option{font-family:Georgia, Arial, sans-serif;outline:0;color:#8e7356;border:0;border-collapse:collapse; padding-right:2px;}
.shopListItem .settings p{ display:inline-block;float:left;margin-top:2px;margin-right:9px}

.shopListItem .bottomBarWrapper{margin-top:5px;width:100%;display:inline-block;}
.shopListItem .bottomBarWrapper a {margin-right:-2px;display:block;}
.shopListItem .bottomBarWrapper a img{float:right;}
.shopListItem .bottomBar{position:relative;display:inline-block;float:left;width:522px;height:29px;background:#f4f3ef; }
.shopListItem .bottomBar .price{ font-size:1.2em;font-weight:bold;margin: 6px 0 0 11px;}

/*
	ids concerning the shop start page
*/
#shopColumn{margin-top:14px;}
#shoppingCart{}
#shoppingCart .puff{background:#fae4ed;color:#dd578c;}
#shoppingCart .puff .contentWrapper .header h2{margin:9px 15px 0 15px;width:221px;background:transparent url(../media/images/shop_cart.gif) no-repeat right 5px;}

#shoppingCart .puff .contentWrapper{margin:0;}
#shoppingCart .hr{display:block;font-size:0;line-height:0;border:0 none;height:5px;width:250px;background:transparent url(../media/images/shoppingCartHr.gif) no-repeat bottom left}
#shoppingCart .header .hr{background:transparent url(../media/images/shoppingCartHr.gif) no-repeat top left}
#shoppingCart .puff .stackedContainer img{margin: 9px 12px 12px 0;}


#shoppingCart .message {color:#DD578C;background:#fcedf3;padding:7px 0 6px;}
#shoppingCart .message table{color:inherit;width:238px;border-collapse:collapse;}
#shoppingCart .message tr {height:23px;}
#shoppingCart .message tr td{color:inherit;padding:0;}
#shoppingCart .message .col1{display:inline-block;vertical-align:top;width:23px;text-align:right;padding-right:12px;float:left;}
#shoppingCart .message .col2{display:inline-block;width:195px;}
#shoppingCart .message .col3{display:table-cell;width:8px;vertical-align:top;line-height:0;font-size:1px;}
#shoppingCart .message .col3 a {display:block;width:8px;height:8px;padding-top:4px;_padding-top:0;}
#shoppingCart .message .col3 a img{}
#shoppingCart .message .sum{color:#ef8cb3;display:inline-block;margin-left:17px;margin-top:9px;}
#shoppingCart .message .sum span{display:inline-block;width:109px;line-height:1em;}
#shoppingCart .message .sum .alignRight{text-align:right;float:none;width:112px;}

/*
	Shop checkout
*/

div#productChoices{margin:14px 0;display:inline-block;width:100%;padding-bottom:3px;background:transparent url(../media/images/dottedBorder_brown.gif) repeat-x left bottom;}
div.checkoutItem{position:relative;}
p.checkoutSum{color:#e673a0;font-size:1.2em;background:transparent;font-weight:bold;margin-bottom:11px;}
div.checkoutColumn{width:324px;margin:0 25px 0 0;}
div.checkoutColumn .puff{width:324px;}
div.checkoutColumn .puff .contentWrapper .header h2{ color:inherit;width:295px;padding-bottom:1px;}
div.checkoutColumn .puff .contentWrapper{display:block;}

div.checkoutColumn h5{color:#4f788e;display:block;margin-top:11px;margin-bottom:9px; width:295px}
div.checkoutColumn p{display:inline-block;margin-bottom:9px;}

div.checkoutColumnWide{width:549px;margin:0;}

/* 
	Paperform ids
	
*/



input#firstName{left:22px;top:46px;}				input#lastName{left:280px;top:46px;}
input#email{left:22px;top:81px;}					input#phone{left:280px;top:81px;}
input#address{left:22px;top:116px;}				input#addressCont{left:280px;top:116px;}
input#postalCode{left:22px;top:151px;width:68px}	input#city{left:111px;top:151px;width:146px;}
												input#country{left:280px;top:151px;}
p#terms{top:182px;left:22px;width:253px}
p#countryInfo{top:182px; left:282px;width:231px}
div.formButtonWrapper{position:absolute;bottom:21px;right:20px;}
h2#formHeader{position:absolute;left:21px;top:15px;font-size:20px;}
h2.formHeader{position:absolute;left:21px;top:15px;font-size:20px;}


/*
	shop confirmation
*/
p#firstName{left:27px;top:50px;}				p#lastName{left:285px;top:50px;}
p#email{left:27px;top:85px;}					p#phone{left:285px;top:85px;}
p#address{left:27px;top:120px;}					p#addressCont{left:285px;top:120px;}
p#postalCode{left:27px;top:155px;width:66px}	p#city{left:116px;top:155px;width:142px;}
												p#country{left:285px;top:155px;}

div.productRepresentationBar .expandWidth{width:900px;color:#7e5f3d;}
div.productRepresentationBar .inputRepacement{margin-left:11px;float:left;}
fieldset.displayForm{width:550px;height:237px;background:transparent url(../media/images/paperDisplayForm.jpg)}
fieldset.displayForm input{display:none;}
fieldset.displayForm #terms span{display:none;}
fieldset.displayForm #countryInfo {display:none;}
fieldset.displayForm #countryInfo {display:none;}


/*
	Shop thank you
*/

p#thankYouText{float:left;width:421px;letter-spacing:0.03em;padding:14px 0;}
div.thankYou{padding-bottom:3px;display:inline-block;background:transparent url(../media/images/dottedBorder_brown.gif) repeat-x left bottom;}
img#backToStart{float:right;margin-top:14px;}

/*
 här overridar vi lite styles beroende på kategori.
*/

div.allaboutwholegrain div.listContainer div.item div.head 
{
	width:490px;
}

div.allaboutwholegrain div.listContainer div.noimg div.head 
{
	width:612px;
}

div.allaboutwholegrain  div.listContainer div.item h2 
{
	width:400px;
}

div.allaboutwholegrain  div.listContainer div.noimg h2 
{
	width:512px;

}


div.allaboutwholegrain div.listContainer div.item 
{
}

div.allaboutwholegrain div.column 
{
	margin-left:20px;
	width:100px;
	border:0px solid black;
}


div.about div.column
{
	
	margin-left:0px;
	width:225px;
	margin-left:20px;
}

div.about div.puff .contentWrapper .header h2 
{
	width:220px;
}
div.happenings div.column
{
	
	margin-left:0px;
	width:225px;
	margin-left:20px;
}
	
	
	
div
{
	/*border:1px solid black;*/
}
		
div.happenings div.columnWide
{
	width:648px;
	
}

div.happenings div.videoListColumn 
{
margin-left:0px;
position:relative;
}