

/* HTML Elements */
html,body,h1,h2,h3,h4,h5,h6,p,form,ul {
	margin: 0;
}

img {
	border: 0;
}

/* Layout Elements */
body {
	padding: 0; 
	border: 0;  
	background: #E0CCE1 url(./img/flowerbkg.jpg) repeat ;
	color: #000000;
}
table {
	border-collapse: collapse;
}
input {
	color: #606060;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
}


/* Type Elements */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
p {
	padding: 0;
}
a {
	color: #669933;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

/* Layout Elements ____________________________________ */

#container1 {
	width: 798px;
	background: url(../img/topLeft.jpg) no-repeat top left;
	margin: 0 auto 0 auto;
}

#container2 {
	width: 798px;
	background: url(../img/topRight.jpg) no-repeat top right;
}

#pageContainer {
	width: 776px;
	padding: 0;
	margin: 0 auto 0 auto;
}

#pageTop { 
	width: 776px;
	height: 93px;
	padding: 0;
	background-color: #FDF8CE;
}
#pageNavigation {
	float: left;
	width: 776px;
	background: #E0CCE1;
	padding: 0;
	margin: 0 0 24px 0;
}
#footer {
	float: left;
	width: 776px;
	margin: 0;
}

/* Page Dividers and Columns Splits ____________________________________ */
#pageBody {
	float: left;
	width: 776px;
	background-color: #FDF8CE;
}
#columnLeft {
	float: left;
	width: 120px;
}

#columnMain, #imageContainer, #productList, .productView {
	width: 580px;
	float: right;
}

/* Hide from IE5-mac \*/
* html #columnLeft		{ margin-right: -3px; }
* html #columnMain		{ height: 1%; margin-left: 0; }
* html #columnMain imageContainer		{ margin-right: -3px; }
* html #columnContent	{ margin-right: -3px; }
* html #columnRight		{ height: 1%; margin-left: 0; }
* html .productListItem	{ margin-right: -3px; }
* html .productListRow	{ margin-right: -3px; }
* html .productView		{ margin-right: -3px; } 
* html .productViewRelatedList { margin-right: -3px; }
/* End IE5/mac hide */


/* Navigation / Category Selector ____________________________________ */
#pageNavigation ul {
	list-style-type: none;
	padding: 0 0 0 2px;
}
#pageNavigation li {
	float: left;
	padding: 0 2px 0 2px;
}
#pageNavigation li a {
	font-size: 12px;
	display: block;
	text-decoration: none;
	color: #000000;
	background: #669933 url(../img/topNavButtons.gif) repeat-x;
	font: Times, Arial, Verdana;
}
#pageNavigation li a:hover {
	color:  #E0cce1;
}

.pNS1, .pNS2, .pNS3, .pNS4, .pNS5, .pNE1, .pNE2, .pNE3, .pNE4, .pNE5 {
	width: 12px; 
	height: 23px;
	vertical-align: middle;
	background: url(../img/topNavButtons.gif) no-repeat 0px 0px;
}

.pNS1, .pNS2, .pNS3, .pNS4, .pNS5 {
	margin: 0 10px 0 0;
}

.pNE1, .pNE2, .pNE3, .pNE4, .pNE5 {
	margin: 0 0 0 10px;
}

.pNS1 {	background-position: -12px -23px; }
.pNS2 {	background-position: -12px -46px; }
.pNS3 { background-position: -12px -69px; }
.pNS4 {	background-position: -12px -92px; }
.pNS5 {	background-position: -12px -115px; }

.pNE1 {	background-position: 0px -23px; }
.pNE2 {	background-position: 0px -46px; }
.pNE3 { background-position: 0px -69px; }
.pNE4 { background-position: 0px -92px; }
.pNE5 { background-position: 0px -115px;}


/* Features including: Basket, Discount, Language, Login, Search, ContentPage */
#basket			{ float: right; width: 199px; height: 93px; background: #fee2ee url(../img/cartBg.jpg) no-repeat top left; padding: 0; margin: 0; cursor: pointer;}
.basketPadding	{ margin: 50px 0 0 55px; }
.line			{ border-top: 1px solid #d3a9bd;}
#basket div		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #6f254e; }
#basket div p	{ padding: 0 0 4px 0; }
#basket div table {}

#discount {}
#discount h1 {}
#discount div {}
#discount div table {}

#language		{ width: 160px; float: left; }
#language div	{ margin: 0 auto; width: 130px; }
#language h1	{ color: #fff; float: left; padding: 4px 0 4px 0; }
#language ul	{ list-style: none; float: left; }
#language ul li { float: left; padding: 4px 0 0 8px; }

#login			{ }
#login h1		{ }
#login div		{ }

#search			{ float:left; width:170px; height: 70px; background: url(../img/bgSokiWebbshoppen.jpg) no-repeat bottom left; }
#search h1		{ background: url(../img/titelSokiWebbshoppen.gif) no-repeat; width:187px; height:34px; font-size:0px; color:#f0f8e4; }
#search div		{ float: left; padding: 0px 10px 8px 10px; }
#search div input	{ margin: 5px 5px 5px 0; vertical-align: middle; }
.searchInput		{ border: 1px solid #b0b696; background-color: #f9f9f9; width:100px; margin: 0 10px 0 0; padding: 0;}

/* General containers and Headings __________________________________ */
#startPage {
	float: left;
	width: 350px;
}


#startPage h1 {

	font-size: 26px;
	font-style: italic;
	padding: 0 0 10px 0;
}

#startRight {
	width: 218px;
	float: right;
}


#startpageRight {
	background: url(../img/notisRigthBg.gif) no-repeat bottom left;
	width: 208px;
	margin: 0 0 15px 0;
}

#startpageRight h1{
	font-size: 0;
	text-align: center;
	color: #F0F8E4;
	padding: 0;
	margin: 0;
}

#startpageRight p{
	font-size: 12px;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0;
	margin: 0 5px 15px 20px;
}

.sT1 {
	background: url(../img/titelValkomsterbjudande.gif) no-repeat top left;
	height: 33px;
	width: 208px;
}

.sT2 {
	background: url(../img/titelVillDu.gif) no-repeat top left;
	height: 33px;
	width: 208px;
}

.sT3 {
	background: url(../img/titelTavling.gif) no-repeat top left;
	height: 45px;
	width: 208px;
}

#contentView {
	
}

#contentView div{

	width: 530px;
	min-height: 400px;
	background:  #E0CCE1;
	border-bottom: 2px solid #efefdc;
	border-left: 1px solid #efefdc;
	border-right: 1px solid #efefdc;
	padding: 15px;
}

#contentView div div{
	width: auto;
	background: none;
	border: 0;
	padding: 0;
}

#categoryView, #contentView, #login, #shoppingCartContent, #shoppingCartForm, #productList {
	font-size: 12px;
}
#categoryView h1, #contentView h1, #login h1, #shoppingCartContent h1, #shoppingCartForm h1, #productList h3, .productListHeader h1, .productView h1 {
	background: url(../img/itemNameBg.jpg) no-repeat;
	color: #6a3d51;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 10px 6px 25px;
	margin: 0 0 10px 0;
}
#categoryView h1 a, #shoppingCartContent h1 a
{
	text-decoration: none;
	color: #5d5d5d;
}
#categoryView h1 a:hover, #shoppingCartContent h1 a:hover
{
	text-decoration: underline;
}
#categoryView div, #login div, #shoppingCartContent div, #shoppingCartForm div, #contentView2 div
{
	padding: 10px;
	font-size: 12px;
}

#contentPage ul, #startPage ul
{
	padding: 8px 0 8px 0;
}
#contentPage ul li, #startPage ul li
{
	padding: 0 0 4px 16px;
	background-image: url("/img/bgBulletContent.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

#contentTable {
	width: 530px;
}

#contentTable td{
	background: #fffeda url("../img/contentPageBg.jpg") no-repeat top right;
	padding: 20px;
}

/* Shop Category Navigation ______________________________________ */

#categoryNavigation {
	float: left;
	width: 170px;
	background: url(../img/categoryBg.gif) repeat-y bottom left;
	margin: 14px 0 0 0;
	padding: 0 0 25px 0;
}

#categoryNavigation h1 {
	background: url(../img/titelKategorier.gif) no-repeat;
	width: 187px; 
	height: 50px; 
	font-size: 0px; 
	color: #f0f8e4;
}
#categoryNavigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#categoryNavigation ul li {
	margin: 0;
	padding: 0;
}
#categoryNavigation ul li ul li {
}
#categoryNavigation ul li ul li ul li {
}

/* Level 1 */
#categoryNavigation ul li a			{ color: #454a30; background: url(../img/catNavTopNode.gif) no-repeat 0px 5px; font-weight: bold; }
#categoryNavigation ul li a:hover		{ color: #599d2c; } 
#categoryNavigation ul li.selected		{ color: #454a30; }
#categoryNavigation ul li.selected a		{ color: #454a30; }
#categoryNavigation ul li.selected a:hover	{ color: #454a30; }


/* Level 2 */
#categoryNavigation ul li.selected ul li a					{ color: #454a30; }
#categoryNavigation ul li.selected ul li a:hover			{ color: #599d2c; }
#categoryNavigation ul li.selected ul li.selected			{ color: #454a30 font-weight: bold; }
#categoryNavigation ul li.selected ul li.selected a			{ color: #454a30; }
#categoryNavigation ul li.selected ul li.selected a:hover	{ color: #454a30; }

/* Level 3 */
#categoryNavigation ul li.selected ul li.selected ul li a				{ color: #454a30; }
#categoryNavigation ul li.selected ul li.selected ul li a:hover			{ color: #599d2c; }
#categoryNavigation ul li.selected ul li.selected ul li.selected		{ color: #675d43; font-weight: bold; }
#categoryNavigation ul li.selected ul li.selected ul li.selected a		{ color: #675d43; }
#categoryNavigation ul li.selected ul li.selected ul li.selected a:hover{ color: #675d43; }

/* General Specs */
#categoryNavigation ul li {
	float: left;
	display: block;
	width: 170px;
}
#categoryNavigation ul li a {
	display: block;
	width: 150px;
	padding: 2px 0 2px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#categoryNavigation ul li ul {
	padding: 0 0 5px 0;
	/* float: left; */
}
#categoryNavigation ul li ul li a {
	width: 140px;
	padding: 2px 10px 2px 20px;
	font-weight: normal;
	font-size: 12px;
	background: url(../img/catNavChildNode.gif) no-repeat 0px 5px;
}
#categoryNavigation ul li ul li ul li a {
	width: 130px;
	padding: 2px 10px 2px 30px;
	font-weight: normal;
	font-size: 12px;
	background: url(../img/catNavChildNode2.gif) no-repeat 10px 5px;
	
}

/* Product List ___productListInfo___________________________________________________ */

.productListHeader {
		margin: 0 0 15px 0;
}

.productListHeaderPages a {
		background-color: #63a63e;
		border: 1px solid #8fd966;
		padding: 2px 5px;
		color: #fff;
		text-decoration: none;
}

.productListHeaderPages a:hover{
		background-color: #72b74e;
		border: 1px solid #c3fba4;
		padding: 2px 5px;
		color: #fff;
		text-decoration: none;
}

.productListInfo h1 {
	font-weight: normal;
	padding: 5px 0 0 0;
}

.productList {
	float: left;
	width: 188px;
}

.productList img {
	/* width: 175px; */
}

.price {
	padding: 5px 0 0 0;
	text-align: center;
	width: 180px;
	color: #63a63c;
	font-size: 11px;
}

.price a {
	color: #63a63c;
	font-size: 11px;
}

.productListRow {
	float: left;
	margin: 0 0 5px 10px;
}
.productListItem, .productListItemMargin {
	width: 150px;
	float: left;
}
.productListItemMargin {
	margin-right: 10px;
}
.productListTitle {
	width: 180px;
}
.productListButton input {
}
.productListTitle h1 {
	font-size: 16px;
	display: block;
	width: 180px;
	line-height: 16px;
	color: #424242;
}
.productListImage {
	width: 175px;
	padding: 0 0 6px 0;
	font-size: 0;
	float: left;
}
.productListImage img {
	width: 170px;
}
.productListText {
	color: #424242;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.productListText h2, .productListText p
{
	padding: 0 !important;
	font-style: normal !important;
}
.productListInfo {
	padding: 0 0 40px 0;
	text-align: center;
}

.productListInfoImg {
	width: 175px;
	height: 175px;
	background-color: #fff;
}

.productListArticlenumber
{
	padding: 0 0 2px 0;
}
.productListPrice
{
	padding: 0 0 6px 0;
}
.productListPriceColor
{
	color: #c70752;
	font-weight: bold;
}

.productDescription {
	padding: 0 10px 10px 0;
	margin: 0 10px 10px 5px;
	border-bottom: 2px solid #c3cbb3;
	width: 230px;
}

.productDescription span {
	font-size: 12px !important;
}

/* View Product */

.product {
	width: 560px;
}

.images {
	float: right;
}

.images img {
	border-bottom: 2px solid #bfc4b8;
	border-right: 1px solid #bfc4b8;
	border-left: 1px solid #bfc4b8;
}

.images div {
	border: 0px;
	margin: 5px 0;
}

.moreimages {
	margin: 10px 0;
}

.moreimages img {
	margin: 5px 5px 5px 0;
	float: left;
}

.productInfo {
	float: left;
}

.productPrice {
	color: #63a63e;
	font-size: 11px;
	float: left;
	margin: 0 0 0 5px;
	width: 100px;
}

.productPrice strong {
	color: #000;
}

.productViewLeft {
	float: left;
	width: 320px;
}
.productViewRight {
	float: right;
	width: 400px;
}
.productViewIMG {
	font-size: 0;
	width: 300px;
	padding: 0 10px 10px 10px;
}
.productViewRight h1 {
	font-size: 15px;
	padding: 0 0 1px 0;
	color: #424242;
}
.productViewRight h2 {
	font-size: 15px;
	color: #424242;
	padding: 0 0 1px 0;
}
.productViewDescription {
	/* width: 300px; */
}
.productViewDescriptionAttributes {
	padding: 8px 0 8px 0;
	float: left; 
}
.productViewDescriptionAttributes ul
{
}
.productViewDescriptionAttributes ul li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #424242;
}
.productViewDescriptionAttributes ul li .price
{
	color: #c70752;
	font-weight: bold;
}
.productViewDiscount
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c70752;
}
.productViewBuy
{
	float: left;
	padding: 8px 0 8px 0;
	width: 230px;
}
.productViewAmount
{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #424242;
}
.productViewAmount select
{
	background-color: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.productViewBuyButton
{
	margin: 0 0 0 5px;
}

/* Shoppingcart used for Big Basket and CheckOut */
#shoppingCartForm {
	width: 560px;
}
#personalInformation, #deliveryInformation, #deliveryUserMessage
{
	width: 243px;
	float: left;
	padding: 0 10px 0 0;
}
#methodOfPayment, #errorMessages
{
	width: 243px;
	float: left;
	padding: 0 10px 0 0;
}
#shoppingCartForm table, #personalInformation table, #deliveryInformation table, #deliveryUserMessage table, #methodOfPayment table, #errorMessages table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #9c9d8c;
	margin: 10px 0 0 0;
}
#shoppingCartForm table th, #personalInformation table th, #deliveryInformation table th, #deliveryUserMessage table th, #methodOfPayment table th, #errorMessages table th {
	text-align: left;
	background: #e2d6a3 url(../img/topNavButtons.gif) repeat-x;
	color: #675d43;
	text-transform: uppercase;
	padding: 2px 8px 2px 8px;
	font-weight: bold;
	font-size: 11px;
}
#shoppingCartForm table td, #personalInformation table td, #deliveryInformation table td, #deliveryUserMessage table td, #methodOfPayment table td, #errorMessages table td {
	padding: 4px 8px 4px 8px;
	background: #fff;
}
#register #errorMessages
{
	padding: 0 0 0 10px;
}

/* Rabattkod ____________________________________ */
.rabattKod {
	margin: 10px 0 0 10px;
	font-size: 9px;
 	
}

.rabattKod b {
	font-size: 12px !important;
}

.submit {
	background-color: #63a63e;
	border: 1px solid #8fd966;
	color: #fff;
	margin: 3px 0;
	padding: 1px;
}



/* Footer and Footer Navigation ____________________________________ */
#footer {
	padding: 8px 0 5px 0;
	text-align: center;
	color: #323232;
}
#footer p {
	font-weight: bold;
}

/* Custon classes */
.bgTransparent {
	background: transparent;
}
.bodypadding {
	padding: 10px;
}
.form {
	border: 1px solid #474747;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 2px 2px 1px 2px;
}
.formError {
	border: 1px solid #700022;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 2px 2px 1px 2px;
	background-color: #a80033;
	color: #fff;
}
.box {
	float: left;
	width: 232px;
}
.colorBright
{
	color: #666;
}
.colorDark
{
	color: #000 !important;
}
.bgWhite {
	background-color: #ffffff;
	padding: 4px 8px 4px 8px;
	color: #000;
}
.bgDark {
	background-color: #343434;
}
.error
{
	color: #a80033;
}
.mandatory
{
	color: #cc0041;
}

.paymentIcons img {
	margin: 10px 5px;
}


.icoDOC { background-image: url("/img/icoDOC.gif"); }
.icoPDF { background-image: url("/img/icoPDF.gif"); }
.icoSWF { background-image: url("/img/icoSWF.gif"); }
.icoXLS { background-image: url("/img/icoXLS.gif"); }
.icoZIP { background-image: url("/img/icoZIP.gif"); }
.ico___ { background-image: url("/img/ico___.gif"); }