body{
/*border-top:40px solid #687F23;*/
background:url(images/flower_back.jpg) no-repeat;

background-position:center top;
}

#header_area{
-background:url(images/topback.png) no-repeat;
background-position:center top;

}

/* ######################## */
/* GENERELLA REGLER */

a, h2 a:hover, #logo a:hover {
color:#6C9735;
}

.format_text a {
text-decoration:none;
}

.format_text a:hover{
color: #999;
text-decoration: underline;
}
.full_width > .page {
background-color:#fff;
padding-top:20px;
width:942px;
}

.format_text h2, .format_text h3 {
color:#333333;
font-weight:bold;
text-transform:uppercase;
}

#sidebars  {
width:29.4em;
}

li.widget {
font-size:1.3em;
line-height:1.385em;
margin-bottom:2.769em;
overflow:hidden;
padding-left:10px;
width:284px;
}




/* ######################## */
/* Nya marginaler */

.post_box, .teasers_box, .full_width #content_box .page {
margin:0 20px 0 20px;
}




/* ######################## */
/*  BAKGRUND PÅ RUBRIKER */
.headline_area h1, .headline_area h2 {
color: #003333;
}

h2 a {
color:#333;
}
h2 a:hover {
color:#000;
}


.format_text .to_comments {
display:inline;
}

/* ######################## */
/* Unlinked author name */
.custom span.author {
   color: #888888;
}

/* Linked author name */
.custom span.author a {
   color: #888888;
   text-decoration:none;
}

/* Remove Italics */
.custom .headline_meta {
   font-style: normal;
   font-size:10px;
   display:inline;
}
/* Remove Uppercase */
.custom .headline_meta span,
 .custom .headline_meta abbr {
   text-transform: none;
} 

/* ######################## */
/*  WIDGETS */

#sidebar_list ul{
width:270px;
color:#F3F3F3
}


.sidebar h3 {
color: #fff;
background:#feb93d;
line-height:30px;
margin-left:-1.1em;
padding-left:16px;
font-variant:normal;
font-style:italic;
font-weight:bold;
}

.sidebar ul.sidebar_list {
padding-left:0;
padding-right:0;
}


/* ######################## */
/*    TAR BORT 20PX FRÅN TOPPEN */
#header_area .page {
margin-bottom:20px;
}

/* ######################## */
/*    MENU */

.menu li {
float:left;
padding-left:6px;
position:relative;
}

.menu, .menu a, .menu li ul {
border-style:none;
}


/* #################################################################################### */
/* This line sets up our clickable background image based on the site title's link */
/* DIY: Adjust the height & width attributes to reflect the actual size of your image */
/* DIY: Change the filename of your image to reflect the actual header's file name */
.custom #header #logo a, .custom #header h1 #logo a { 
display:block;
height:150px;
visibility:visible;
width:100%;
}

/* This line gets rid of the site title & tagline by casting them out to far left field */
.custom #header #logo, .custom #header #tagline { text-indent: -9999px;}

/* This is a bit of a kludge, but it seems to work. */
.custom #header #tagline { height: 0; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { padding: 0px; }
/* ser till att styra headern under huvudmeny */
.custom #header {
background-image:url("images/webhead.jpg");
border-bottom:20px solid #fff;
clear:both;
display:block;
height:176px;
position:relative;
width:100%;
}

/* ######################## */
/* FOOTER */

#footer_area .page {
height:50px;
padding-bottom:0;
width:100%;
background-color:#333333;
}

#footer p{
padding-top:5px;
color:#fff;
font-size:9px;
}

/* ################################################################ */
/* ################################################################ */
/* ################################################################ */
/* WEBBSHOPRELATERAD CSS */
/* ################################################################ */
/* ################################################################ */
/* ################################################################ */


.shop_container .full_width > .page {
background:none repeat scroll 0 0 #fff;
}


/* #################################################################################### */
/* This line sets up our clickable background image based on the site title's link */
/* DIY: Adjust the height & width attributes to reflect the actual size of your image */
/* DIY: Change the filename of your image to reflect the actual header's file name */
.shop_head #header #logo a, .shop_container #header h1 #logo a {
display:block;
height:150px;
visibility:visible;
width:100%;
}
/* This line gets rid of the site title & tagline by casting them out to far left field */
.shop_head #header #logo, .shop_container #header #tagline { text-indent: -9999px;}

/* This is a bit of a kludge, but it seems to work. */
.shop_head #header #tagline { height: 0; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.shop_head #header { padding: 0px; }
/* ser till att styra headern under huvudmeny */
.shop_head #header {
background-image:url("images/webhead.jpg");
border-bottom:20px solid #fff;
clear:both;
display:block;
height:176px;
position:relative;
width:100%;
}



/* ################################################################ */
/* STYR BREDDEN PÅ PRODUKTLISTNINGEN */

.shop_container #content{
width:940px;
}

.shop_container #content_area{
/*background: #EEFFFD;*/
}


.shop_container div.wpsc_product_search {
display:none;
}

.shop_container .headline_area{
display:none;
}

.shop_container div.product_grid_display {
float:left;
margin-bottom:20px;
text-align:left !important;
width:950px;
}

.shop_container div.product_grid_display div.product_grid_item {
float:left;
height:auto !important;
margin:4px 16px 20px;
position:relative;
width:200px;
}
/* ################################################################ */
/* Kategori dropdown meny */

.shop_category_menu .PeCatsBrands{
z-index:50;
position:absolute;
margin-top: -20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
font-size:14px;
float:left;
}

.PeCatsBrands ul li {
padding-left:20px;
width:auto;
display:inline;

}

.PeCatsBrands .category {
display:inline;
float:left;
position:relative;
padding-right:20px;
}
.shop_category_menu ul.PeCategories {
margin:0;
padding-left:20px;
z-index:50;
line-height:30px;
display:block;
background:#FF6699;
width:930px;

}

.PeCatsBrands ul.SubCategories {
display: none;
}

.PeCatsBrands .cat-item:hover ul.SubCategories {
line-height: 20px;
padding-bottom:10px;
padding-left:0px;
color: #fff;
padding-right:15px;
font-size:12px;
margin-left:0px;
display:block;
position:absolute;
width:890px;
background-color: #FF6699;
	filter:alpha(opacity=90);
	opacity:.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*--IE 8 Transparency--*/

}


a.categorylink{
color: #fff;
}

.category a.productlink{
color:#fff;
}

a.categorylink:hover{
color: #000;
}

/* ######################## */
/*    TAR BORT 20PX FRÅN TOPPEN */
#header_area .page {
margin-bottom:-28px;

}





/* SHOPP SIDEBARS */

.shop_container #sidebars {
border:0 none;
float:left;
width:950px;
border-top: 1px solid #ccc;
}

.shop_container li.widget {
float:left;
margin:0 10px 20px 16px;
width:200px;
padding-left:10px;
background-color:transparent;
border: none;
}




/* ############# */
/* PRODUKTSIDOR */




/* ####################### */
/* Kundvagnssidan */

table.productcart tr.firstrow td {
background-color:#E5E5E5;
border-left:2px solid white;
font-weight:bold;
padding-left:10px;
width:auto;
}


table.productcart tr.product_row td {
font-size:inherit;
vertical-align:middle !important;
padding: 5px 0 10px 5px;
}



table.wpsc_checkout_table input.text, table.wpsc_checkout_table textarea, table.wpsc_checkout_table select, fieldset.wpsc_registration_form input  {
background:none repeat scroll 0 0 #FFFFFF;
}

.shop_container input.make_purchase{
margin: 20px 0 20px 0;
width:auto;
background-color: #FF6699;
color:#fff;
padding:10px;
font-size:16px;
font-style:italic;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
border: 1px solid #000;
}


/* ####################### */
/* Varukorgswidget */


.widget_wp_shopping_cart span.pricedisplay {
float:right;
font-size:12px;
width:100px;
}

.widget_wp_shopping_cart span.emptycart {
display:block;
margin:10px 0 20px 0;
}

.widget_wp_shopping_cart span.items {
display:block;
margin: 0px;
font-size:10px;
}

.shop_container .format_text input.custom_gateway {
background:none repeat scroll 0 0 #FFFFFF;
border-width:0.071em;
margin:0 10px;
padding:0.214em;
width:auto;
}

/* ####################### */
/* Sensaste produkten */

.widget_shoppproductwidget
{
clear:both;
display: block;
}


.sideproduct .sideproduct_frame {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.sideproduct .sideproduct_frame a {
	text-decoration: none;
	float: left;
}
.sideproduct .sideproduct_frame a:hover {
	cursor: pointer;
}

.sideproduct .sideproduct_frame a img {
	float: left;
	margin: 0;
	padding: 5px;
	background-color: #ccc;
	border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius:10px

}

.sideproduct .sideproduct_frame a:hover .sideproduct_details {
	display: block;
	font-size: 16px;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 5px 5px 0px 5px;
	margin: 0;
	width: 180px;
	height:80px;
	border-top: 0px solid #fff;
}

.sideproduct .sideproduct_frame a .sideproduct_details {display: none; }

.sideproduct .sideproduct_frame a:hover .sideproduct_details p 
{
	position:absolute;
	bottom:-15px;
	right: 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


.sideproduct .sideproduct_frame a .sideproduct_details h4
{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;	
	text-align:left;
 
}