/* Main Div Design  */

#main_wrapper {
background:#000000 url(../images/bg_main_wrapper.jpg) repeat-x;
}
#header {
padding: 30px 0px 0px 0px;
background: url(../images/top-flowers.gif) no-repeat top center;
}

#maincontent_wrapper {
padding: 20px 0px 20px 0px;
}

#maincontent {
background: url(../images/bg_maincontent.gif) repeat-y center;
}

#leftcolumn {
min-height: 500px;
padding: 0 0 0 10px;
}
#maincolumn {
/*background: url(../images/bg_maincolumn.gif) no-repeat bottom right;*/
min-height: 500px;
}


#rightcolumn {
min-height: 800px;
padding: 0 10px 0 0;
background: url(../images/bottomright-flower-bg.gif) no-repeat bottom right;

}

/* leftcolumn  */

#leftcolumn a {
  color: #000000;
  text-decoration: none;
  line-height: 1.2;
}

#leftcolumn a:hover {
  color: #e59200;
  text-decoration: none;
}


/* maincolumn  */

#maincolumn  .ws_input-box {
max-width: 380px;
}

#maincolumn legend b {
font-weight: lighter;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#maincolumn .ws_artikeltext b {
font-weight: lighter;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#maincolumn .ws_artikeltextliten {
font-weight: lighter;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#maincolumn .ws_artikelnormalpristext b {
font-weight: normal;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#maincolumn .ws_rubriktext b {
font-size:1.6em;
font-weight: lighter;
margin-bottom: 0;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#maincolumn .ws_rubriktext p {
margin-bottom: 0.8em;
font-weight: lighter;

}

#maincolumn a img {

}



/* infopage  */

#infopage {
padding: 15px 30px 30px 30px;

}

#infopage  h2 {
margin: 0 0 1em 0;

}

#infopage  h3 {
margin: 1em 0 0.5em 0;

}

#infopage p {
font-size: 1.1em;
line-height: 1.2em;

}

#infopage ul {
font-size: 1.1em;
line-height: 1.2em;

}



/* slideblock  */

.slide-show {
  width: 100%;
  margin: 0;
}
.slide-show h3 {
  margin: 0;
  padding: 0.5em .25em;
  background: #CCCCCC;
  border-top: 1px solid #e59200;
  border-bottom: 1px solid #e59200;
  cursor: pointer;
  color: #000000;
}
.slide-show div {
  padding: 10px 5px;
}



/* startpage  */



#welcometext {
margin-bottom: 0px
}

#welcometext h2 {
display: none;
margin-bottom: 10px;
font-size: 1.6em;

}

#welcometext h1 {
display: none;
margin-bottom: 10px;
font-size: 1.6em;

}

#welcometext p {
display: none;
font-size: 1.1em;
line-height: 1.2em;
margin: 0;
padding: 0;
}

#welcometext hr {
display: none;
}


#startslidesiframe {
height: 300px;
margin-bottom: 20px;
}

#startoffersiframe {
height: 242px;
margin-bottom: 20px;

}

#startbannersiframe {
height: 304px;
margin-bottom: 20px;
}

#startbannerdiv {
position: relative;
float: left;
}

.startbannermarginleft {
margin-left: 20px;
}

#startoffersintro h2 {
margin-bottom: 10px;
font-size: 1.6em;

}

#startoffersholder {
}



#startofferdiv {
position: relative;
float: left;
}

.startmarginleft {
margin-left: 20px;
}

#startslides a:hover img,
#startofferdiv a:hover img,
#startbannerdiv a:hover img {
   filter:alpha(opacity=50);   /* Internet Explorer       */
   -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
   opacity: 0.5;               /* newer Mozilla and CSS-3 */
}



#startofferdiv .title {
top:10px;
font-size:1.4em;
font-weight:normal;
color: #FFF;
background: #000;
left:10px;
position:absolute;
width:160px;
padding: 2px 1px 2px 1px;
}

#startofferdiv .price {
top:40px;
font-size:2em;
font-weight: bold;
color: #FFF;
background: #e59200;
right:20px;
position:absolute;
padding: 2px 1px 2px 1px;
}

#startofferdiv .regularprice {
top:70px;
font-size:1em;
font-weight: normal;
color: #000;
right:20px;
position:absolute;
}

#startbannerdiv .title {
bottom:10px;
font-size:1.4em;
font-weight:normal;
color: #000;
background: #FFF;
left:10px;
position:absolute;
width:260px;
padding: 2px 1px 2px 1px;
}

#startbannerdiv .readmore {
top:10px;
font-size:1em;
font-weight: normal;
color: #FFF;
background: #e59200;
right:10px;
position:absolute;
padding: 2px 1px 2px 1px;
}

/* rightcolumn  */

#rightcolumn a {
  color: #000000;
  text-decoration: none;
}

#rightcolumn a:hover {
  color: #e59200;
  text-decoration: none;
}

#hrdiv {
height: 1px;
border-bottom: #CCCCCC dotted 1px; border-top: none; border-left: none; border-right: none;
margin: 10px 0px 10px 0px;
}

#id3dsecurerightcolumn {
}

#id3dsecure_fakturera {

}



#rightcolumn p {
  margin: 0px 0 7px 0;
  padding: 0;
}

#rightcolumn h4 {
  margin: 0px 0 5px 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #e59200;
}

#rightcolumn  .textfield {
width: 132px;
}

.storleksguide {
background:transparent url(../images/storleksguide-26x26.gif) no-repeat scroll left bottom;
padding:12px 0px 5px 30px !important;
font-weight: bold;
}
.facebook {
background:transparent url(../images/facebook-16x16.gif) no-repeat scroll left bottom;
padding:4px 0 0 18px !important;
}
.twitter {
background:transparent url(../images/twitter-16x16.gif) no-repeat scroll left bottom;
padding:4px 0 0 18px !important;
display: none;
}

#rightcolumn a:hover img {
   filter:alpha(opacity=80);   /* Internet Explorer       */
   -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
   opacity: 0.8;               /* newer Mozilla and CSS-3 */
}



/* footer  */
#bg_footer {
background:#515151;
}

#footertext {
color:#FFFFFF;
margin: 10px 0px 10px 0px;
}

#footertext a {
color:#FFFFFF;
}

#footerlogos {
margin: 10px 0px 10px 0px;
height: 39px;
background: url(../images/footerlogos.gif) no-repeat top center;
}


/* logo  */
h5 a {
display:block;
width:111px;
height:115px;
background:url(../images/logo-skoplejset.gif) no-repeat;
text-indent:-9999px;
overflow: hidden;
margin-bottom: 0; 
}


/* shoppingcart  */

.shoppingcartbox { 
  /* background: #A2A2A2; */
  width: 350px;
}
.shoppingcartboxtop { 
 /* background: url(../images/corners-shoppingcart/ne.gif) no-repeat top right; */
}
.shoppingcartboxtop div { 
  font-size: 0;
 /* height: 10px; 
  background: url(../images/corners-shoppingcart/nw.gif) no-repeat top left; */
}
.shoppingcartboxbottom { 
  /*background: url(../images/corners-shoppingcart/se.gif) no-repeat bottom right; */
}
.shoppingcartboxbottom div { 
  font-size: 0;
  /*height: 10px; 
  background: url(../images/corners-shoppingcart/sw.gif) no-repeat bottom left; */
}
.shoppingcartboxcontent {
  padding: 0px 0px 0px 0px;
  height: 74px;
}

#shoppingcart a {
  color: #FFFFFF;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  position: relative;
  top: 7px;
  text-decoration: none;
}

#shoppingcart a:hover {
  color: #e59200;
  text-decoration: none;
}



/* white box  */


.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(../images/corners-whitebox/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/corners-whitebox/nw.gif) no-repeat top left; 
}
.boxtopleft { 
}
.boxtopleft div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/corners-whitebox/nw.gif) no-repeat top left; 
}
.boxtopright { 
  background: url(../images/corners-whitebox/ne.gif) no-repeat top right; 
}
.boxtopright div { 
  font-size: 0;
  height: 10px; 
}
.boxtopmiddle { 
}
.boxtopmiddle div { 
  font-size: 0;
  height: 10px; 
}
.boxbottom { 
  background: url(../images/corners-whitebox/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/corners-whitebox/sw.gif) no-repeat bottom left; 
}
.boxbottomleft { 
}
.boxbottomleft div { 
  font-size: 0;
  height: 10px; 
}
.boxbottommiddle { 
}
.boxbottommiddle div { 
  font-size: 0;
  height: 10px; 
}
.boxbottomright {  
}
.boxbottomright div { 
  font-size: 0;
  height: 10px; 
}
.boxcontent {
  padding: 0px 0px 0px 0px;
}


/* topmenu  */

#topmenu {
margin-top: 25px;
}

ul#navlist
{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 0px 30px 0px 0px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
font-size:130%;
line-height:100%;
font-weight:lighter;
text-transform:uppercase;
}

#navlist a:hover
{
color: #e59200;
text-decoration: none;
}




/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
background:#515151 none repeat scroll 0 0;
  font-size: 75%;
  color: #222;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

td { 
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; font-weight: lighter;}
h2 { font-size: 2em; margin-bottom: 0.5em; font-weight: lighter;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-weight: lighter;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight: lighter;}
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #e59200; }
a           { color: #000; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */


th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 0px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
hr			{ color: #FFFFFF; border-bottom: #CCCCCC dotted 1px; border-top: none; border-left: none; border-right: none;  }


/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold;}
fieldset    { margin:10px 20px 20px 20px;}
#maincolumn fieldset  { width:550px; }
legend {
font-size: 1.6em; 
line-height: 1.6em;
font-weight: lighter;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
legend b {
font-size: 1.2em;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#maincolumn b {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
/*textarea      { width: 390px; height: 250px; padding:5px; }*/


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* GalleriPage
-------------------------------------------------------------- */

#maincolumn .gg_gridtable { width: 100%;  }
#maincolumn .gg_rubriktext { font-size: 1.6em; line-height: 1; margin-bottom: 0.5em; font-weight: lighter; margin: 0; padding: 0}
#maincolumn .gg_rubriktext b { font-weight: lighter;}
#maincolumn .gg_rubriktext p { margin-bottom: 0.5em;}
#maincolumn .gg_productcolumn {vertical-align: top; width: 193px;}
#maincolumn .gg_productimage { width: 180px; max-width: 180px; height: 242px; margin-bottom: 0.5em;}
#maincolumn .gg_productname { font-weight: lighter; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; margin-bottom: 0.5em; }
#maincolumn .gg_productname b { font-weight: lighter;}
#maincolumn .gg_color { font-weight: lighter; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em; /*display:none;*/}
#maincolumn .gg_material { font-weight: lighter; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em; /*display:none; */}
#maincolumn .gg_brand { font-weight: lighter; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em; }
#maincolumn .gg_size { font-weight: lighter; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em; /*display:none;*/}
#maincolumn .gg_artikelnormalpristext { font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em;color:#E59200; }
#maincolumn .gg_artikelextrapristext { font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em;color:#F2610C; }




/* ProductPage
-------------------------------------------------------------- */


#pp_producttable h1 {
	font-size: 1.6em; line-height: 1; margin-bottom: 0.5em;

}

#pp_producttable p.pp_price {
	font-size: 3em;
	margin-bottom: 0.5em;
	color: #e59200;

}

.pp_description {
border-top: 1px dotted #CCCCCC;
line-height: 1.3em;
margin-top: 2em;
padding-top: 1em;
	

}

#pp_producttable p.pp_size {
	margin-bottom: 0.5em;

}

#pp_producttable p.pp_saleprice {
	font-size: 3em;
	margin-bottom: 0.5em;
	color: #F2610C;

}

#pp_producttable p.salepp_size {
	margin-bottom: 0.5em;

}

#pp_mainimage img {
	width: 290px;

}

#pp_altbild img {
	width: 60px;
	margin-right: 10px;

}

#pp_sizetableholder {
overflow-x:  auto;
width: 250px;
height: auto;
overflow-y: hidden;
}


.pp_sizetablehead {
	width: 30px;
	font-size: 1em;
	height: 18px;
	font-weight: bold;
}

.pp_sizeinputbox {
	width: 15px;
}

.pp_bold {
font-weight: bold;
}

.pp_separator {
	height: 10px;
	width: 10px;
}

#addthis {
margin: 2px 0 20px 0;
}

a.addthislink {
background:transparent url(../images/addthis-plus.gif) no-repeat scroll 0 0px;
padding:0 0 0 19px;
}



.ws_text {
	font-size: 1em;
	line-height: 1.2em;
	color: #000000;
}
.ws_feltext {
	font-size: 1em;
	color: red;
}
.ws_artikeltext {
	margin: 0;
	color: #000000;
	font-size: 1.2em;
}
.ws_artikeltextliten {
	font-size: 1em;
	line-height: 1.2em;
	color: #000000;
}
.ws_artikelnormalpristext {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	color: #e59200;
}
.ws_artikelextrapristext {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	color: red;
}
.ws_kundkorgtext {
	font-size: 1em;
	font-weight: lighter;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.ws_menytext {
	font-size: 1.2em;
	font-weight: lighter;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000000;
}
.ws_menylitentext {
	font-size: 1em;
	font-weight: lighter;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000000;
}
.ws_menyrubrik {
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #e59200;
}
.ws_menyhr {
	color: #aaaaaa;
}
.ws_soktext {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
}
.ws_logintext {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
}
.ws_rubriktext {
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	
}

.ws_tabellhuvud {
	margin: 0;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	padding: 1px 5px;

}
.ws_tabellcell {
	margin: 0;
	font-size: 1em;
	color: #000000;
	padding: 1px 5px;
	float: none;
}

.ws_tabell-ledtext {
	margin: 0;
	font-weight: bold;
	color: #000000;
	padding: 2px 3px 2px 0px;
	text-align: left;
}
td.ws_tabell-ledtext {
	padding-top: 5px;
}
.ws_input-box {
}

.ws_submit-button {
	height: 22px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-image: url(../images/bg_button.gif);
	border: 1px solid #cccccc;
	outline: white;

}

/* Mailchimp form  */
#mce-responses {
	margin: 10px 0 10px 0;

}

#mce-responses .response {
	color: #ff0000;
	line-height: 1.3em;

}

.mce_inline_error {
	margin: 10px 0 0 0;
	color: #ff0000;

}



