/*

Pages style sheet for www.woody.se
Base styles for framework can be found in the base style sheet.

*/

/* =HOME GLOBAL
----------------------------------------------------------------------------------------------------*/

#content-home-banner { overflow: hidden; height: 300px; }
#content-home-triple-top { float: left; padding: 0px 0px 0px 20px; width: 981px; /*border: 0px dotted red;*/}
#content-home-left { float: left; padding: 20px 0px 0px 0px; width: 300px; /*border: 1px dotted red;*/}
#content-home-center { float: left; padding: 20px 0px 0px 30px; width: 300px; /*border: 1px dotted red;*/}
#content-home-right	{ float: right; padding: 20px 20px 0px 0px; width: 300px; }
#content-home-triple { float: left; padding: 0px 0px 0px 20px; width: 981px; /*border: 0px dotted red;*/}



#content-home-left	h1	{ padding: 5px; font-weight: normal; font-size: 14px; line-height: 22px; color: #666; }
#content-home-double h1	{ /*margin-left: 25px;*/ padding: 5px 5px 5px 25px; font-weight: normal; font-size: 14px; line-height: 22px; color: #666; }


#startpage-news	{ margin-top: 25px; }
#startpage-news .header	{ position: relative; padding-top: 6px; height: 25px; background: url(images/startpage/news-header.gif) left top no-repeat; }
#startpage-news .header span	{ display: block; float: left; width: 75px; padding-left: 15px; text-align: left; font-size:14px; color: #fff; }
#startpage-news .header ul	{ position: absolute; top: 8px; right: 15px; list-style-type: none;  }
#startpage-news .header li	{ float: left; margin-left: 15px; }
#startpage-news .header a	{ display: block; float: left; height: 14px; color: #004fa4; }
#startpage-news .header a.rss	{ padding-left: 20px; background: url(images/startpage/news-rss.gif) left center no-repeat; }
#startpage-news .content	{ clear: both; padding-left: 5px; }
#startpage-news .content ul	{ list-style-type: none; }
#startpage-news .content li	{ margin: 15px 0px; }
#startpage-news .content a.link	{ display: block; margin-bottom: 3px; color: #004fa4; }
#startpage-news .content span	{ display: block; margin-bottom: 3px; color: #666; }

#content-home-center h1	{ padding: 5px; font-weight: normal; font-size: 14px; line-height: 22px; color: #666; }

#startpage-published	{ margin-top: 0px; }
#startpage-published .header	{ position: relative; padding-top: 6px; height: 25px; background: url(images/startpage/published-header.gif) left top no-repeat; }
#startpage-published .header span	{ display: block; float: left; width: 175px; padding-left: 15px; text-align: left; font-size:14px; color: #fff; }
#startpage-published .header ul	{ position: absolute; top: 8px; right: 15px; list-style-type: none;  }
#startpage-published .header li	{ float: left; margin-left: 15px; }
#startpage-published .header a	{ display: block; float: left; height: 14px; color: #004fa4; }
#startpage-published .header a.rss	{ padding-left: 20px; background: url(images/startpage/news-rss.gif) left center no-repeat; }
#startpage-published .content	{ clear: both; padding-left: 5px; }
#startpage-published .content ul	{ list-style-type: none; }
#startpage-published .content li	{ margin: 15px 0px; }
#startpage-published .content a, a.link	{ display: block; margin-bottom: 3px; font-size: 14px; color: #004fa4; }
#startpage-published .content span	{ display: block; margin-bottom: 3px; color: #666; }

#content-home-right #startpage-news	{ margin-top: 0px; }


#startpage-slider .header	{ padding: 7px 0px 0px 15px; height: 23px; font-size: 14px; color: #fff; background: url(images/startpage/box-header-blue.gif) left top no-repeat; }
#startpage-slider .caption	{ padding-top: 11px; height: 25px; background: url(images/startpage/slider-caption-bg.gif) left top repeat-x; text-align: center; }
#startpage-slider .caption div	{ display: none; }
#startpage-slider .caption a	{ color: #004fa4; }
#startpage-slider #slider	{ width: 300px; height: 250px; position: relative; }
#startpage-slider .scroll	{ position: relative; clear: left; overflow: auto; overflow-x: hidden; width: 300px; height: 250px; }
#startpage-slider .scrollcontainer .panel	{ position: relative; width: 300px; height: 250px; }
#startpage-slider .overlay	{ position: absolute; left: 0px; bottom: 0px; width: 300px; height: 90px; background: url(images/startpage/slider-overlay.png); }
#startpage-slider .overlay p	{ margin: 17px 20px; color: #fff; line-height: 18px; }
#startpage-slider .button	{ position: absolute; top: 250px; cursor: pointer; }
#startpage-slider .button.left	{ left: 0px; }
#startpage-slider .button.right	{ right: 0px; }


.startpage-box	{ margin-bottom: 10px; background: url(images/startpage/box-bg.gif) 0px 31px no-repeat; }
.startpage-box .header	{ padding: 7px 0px 0px 15px; height: 24px; color: #fff; font-size: 14px; background-position: left top; background-repeat: no-repeat; }
.startpage-box .content	{ position: relative; padding: 12px 15px 0px 135px; height: 108px; background-position: left top; background-repeat: no-repeat; }
.startpage-box .content p	{ line-height: 16px; }
.startpage-box .readmore	{ position: absolute; bottom: 0px; right: 12px; width: 69px; height: 21px; }
.startpage-box .readmore a	{ display: block; padding-top: 3px; width: 69px; height: 18px; text-align: center; color: #004fa4; }
.startpage-box.red .header	{ background-image: url(images/startpage/box-header-red.gif); }
.startpage-box.green .header	{ background-image: url(images/startpage/box-header-green.gif); }
.startpage-box.blue .header	{ background-image: url(images/startpage/box-header-blue.gif); }

/* STARTPAGE No2 | Default2.aspx 
----------------------------------------------------------------------------------------------------*/
.startpage-box2	{ float: left; /*margin-bottom: 5px;*/ padding: 0px ; width: 300px; /*display:inline;*/ /*border: 0px dotted red;*/}
/*.startpage-box2 .box  { float: left; margin: 0px 0px 0px 20px; }*/
.startpage-box2 .header	{ padding: 7px 0px 0px 15px; height: 24px; color: #fff; font-size: 14px; background-position: left top; background-repeat: no-repeat; }
.startpage-box2 .content	{ min-height: 169px; height:auto; margin-bottom: 10px; }
.startpage-box2 .content iframe	{ position: absolute; margin:0px; padding:0px; /*height:169px;*/ }
.startpage-box2 .content p	{ margin:0px; padding:0px; line-height: 16px;}
.startpage-box2 .content img	{ margin-bottom:-2px; padding:0px; }
.startpage-box2 .content p img	{ margin-bottom:-2px; padding:0px; }
.startpage-box2.red .header	{ background-image: url(images/startpage/box-header-red.gif); }
.startpage-box2.green .header	{ background-image: url(images/startpage/box-header-green.gif); }
.startpage-box2.blue .header	{ background-image: url(images/startpage/box-header-blue.gif); }
.startpage-box2.gray .header	{ background-image: url(images/startpage/box-header-gray.gif); color: #333333; }
#content-home-triple .margin-right  { float: left; width: 30px; min-height:150px; height:150px; }

/*
#startpage-home-boxes   { margin: 10px 0px 0px 10px; display:inline;}
#startpage-home-boxes .margin-right  { float: left; width: 1px; min-height:1px; }
#startpage-home-boxes .box  { float: left; margin: 15px 0px 0px 20px;  width: 300px; background: #e3e3d9 url(images/store/home/frontbox.gif) top left repeat-x; }
#startpage-home-boxes .box-content  { padding: 0px 15px 15px 15px; height: 140px; }
#startpage-home-boxes h2    { margin-top: 0; font-weight: normal; }
#startpage-home-boxes p { margin: 0; }
*/

/* =NEWS
----------------------------------------------------------------------------------------------------*/

#newslist	{ margin-top: 35px; }
#newslist h2	{ margin-bottom: -7px; font-size: 24px; color: #757575; }
#newslist p	{ margin: 15px 0px; line-height: 16px; }
#newslist .newsitem	{ margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #709fcc; }
#newslist img.wide	{ display: block; clear: both; margin-bottom: 15px; }
#newslist img.left	{ float: left; margin: 0px 15px 10px 0px; }
#newslist img.right	{ float: right; margin: 0px 0px 10px 15px; }


/* =CONTACTS
----------------------------------------------------------------------------------------------------*/

#contacts	{ margin: 25px 0px 15px 0px; }
#contacts h2	{ clear: both; }
#contacts ul	{ clear: both; list-style-type: none; margin: 0px; padding: 0px; }
#contacts ul li	{ float: left; margin: 0px 25px 20px 0px; width: 145px; }
#contacts ul li.last	{ margin-right: 0px; }


/* =FORM
----------------------------------------------------------------------------------------------------*/

.label	{ float: left; display: block; padding: 3px 10px 0px 0px; width: 75px; text-align: right; }


/* =SEARCH
----------------------------------------------------------------------------------------------------*/

#searchform	{ margin-top: 25px; }
#searchform .searchfield	{ width: 300px; }
#searchform-options	{ margin-top: 10px; }
#searchresult   { margin-top: 25px; }
#searchresult ol    { padding-left: 35px; }
#searchresult p { margin-top: 5px; width: 500px; }


/* =PAGE COMPONENTS
----------------------------------------------------------------------------------------------------*/

#slideshow-pagecomponent	{ width: 475px; height: 360px; }
#slideshow-pagecomponent #slider	{ position: relative; padding: 5px; width: 475px; height: 320px; background: #ddd; }
#slideshow-pagecomponent .scroll	{ position: relative; clear: left; overflow: auto; overflow-x: hidden; width: 475px; height: 320px; }
#slideshow-pagecomponent .button	{ position: absolute; top: 334px; cursor: pointer; }
#slideshow-pagecomponent .button.left	{ left: 5px; }
#slideshow-pagecomponent .button.right	{ right: 5px; }



/* =STORE, COMMON
----------------------------------------------------------------------------------------------------*/

#store-navigation   { position: relative; height: 60px; }
#store-navigation a { text-decoration: underline; }
#store-navigation a:hover   { text-decoration: none; }

#store-navigation .logo { position: absolute; top: 16px; left: 20px; }
#store-navigation .navi { position: absolute; top: 21px; right: 20px; }
#store-navigation .navi p   { float: left; margin: 0px; }
#store-navigation .navi .select { float: left; margin-left: 35px; min-width: 150px; }

#store-navigation .contact  { position: absolute; top: 18px; right: 20px; }
#store-navigation .contact ul   { list-style-type: none; }
#store-navigation .contact li   { float: left; margin-left: 20px; padding: 5px 0px; }
#store-navigation .contact li.address   { padding-left: 34px; background: url(images/icons/envelope.gif) top left no-repeat; }
#store-navigation .contact li.phone { padding-left: 34px; background: url(images/icons/speechbubble.gif) top left no-repeat; }
#store-navigation .contact li.email { padding-left: 34px; background: url(images/icons/pencil.gif) top left no-repeat; }
#store-navigation .contact li.find  { padding-left: 34px; background: url(images/icons/woodybubble.gif) top left no-repeat; }

#store-navigation .text { position: absolute; top: 20px; right: 25px; }
#store-navigation .text p   { margin: 0; }

#store-extended-info { height: 250px; }
#store-extended-info .text { margin: 20px; }


/* =STORE, HOME
----------------------------------------------------------------------------------------------------*/

#content-store-home-banner { overflow: hidden; height: 300px; }
#content-store-home-left, 
#content-store-home-center, 
#content-store-home-right	{ float: right; padding: 20px 20px 0px 0px; width: 300px; /*border: 1px dotted red;*/}
#content-store-home-double { float: left; padding: 20px 0px 0px 0px; width: 660px; }
/*#content-store-home-triple { float: left; padding: 0px 0px 0px 20px; width: 981px; border: 0px dotted red;}*/

#content-store-home-right #startpage-news	{ margin-top: 0px; }

#content-store-home-left	h1	{ padding: 5px; font-weight: normal; font-size: 14px; line-height: 22px; color: #666; }
#content-store-home-double h1	{ /*margin-left: 25px;*/ padding: 5px 5px 5px 25px; font-weight: normal; font-size: 14px; line-height: 22px; color: #666; }

#content-store-home-double #featured-products	{ margin-top: 25px; padding: 150px 0px 150px 50px; background: #ddd; }

#store-home-boxes   { margin: 10px 0px 0px 10px; display:inline;}
#store-home-boxes .box  { float: left; margin: 15px 0px 0px 15px; padding-top: 15px; width: 305px; background: #e3e3d9 url(images/store/home/frontbox.gif) top left repeat-x; }
#store-home-boxes .box-content  { padding: 0px 15px 15px 15px; height: 155px; }
#store-home-boxes h2    { margin-top: 0; }
#store-home-boxes p { margin: 0; }

#store-home-boxes2 { float: left; padding: 10px 0px 0px 20px; /*margin: 10px 0px 0px 20px;*/ width: 640px; }
/*.store-home-boxes2 { float: left; margin: 10px 0px 0px 0px; width: 640px; display:inline; border: 1px dotted red;}*/
.store-home-boxes2 .box	{ float: left; margin-bottom: 10px; width: 302px; }
.store-home-boxes2 .header	{ padding: 8px 0px 0px 16px; height: 23px; color: #fff; font-size: 14px; background-position: left top; background-repeat: no-repeat; }
.store-home-boxes2 .content	{ width: 300px; min-height:169px; height:auto; overflow:hidden; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;}
.store-home-boxes2 .content iframe	{ position: absolute; margin:0px; padding:0px; }
.store-home-boxes2 .content p	{ margin:0 0 0 0; padding:0px; line-height: 16px;}
.store-home-boxes2 .content img	{ margin-bottom:-2px; padding:0px; }
.store-home-boxes2 .content p img	{ margin-bottom:-2px; padding:0px; }
.store-home-boxes2.red .header	{ background-image: url(images/startpage/box-header-red.gif); }
.store-home-boxes2.green .header	{ background-image: url(images/startpage/box-header-green.gif); }
.store-home-boxes2.blue .header	{ background-image: url(images/startpage/box-header-blue.gif); }
.store-home-boxes2.gray .header	{ color: #333333; background-image: url(images/startpage/box-header-wide-gray.gif); }
#store-home-boxes2 .margin-right  { float: left; width: 25px; min-height:150px; height:150px; /*background-color:blue;*/ }
.store-home-boxes2 .startbox-padding div { padding: 10px 16px 2px 16px; }


/*** PRODUCTS ***/

#content-main ul.product-list { margin: 0px; list-style-type: none; border-top: 1px solid #ddd; }
#content-main ul.product-list li  { margin: 0px; padding: 10px 0px; border-bottom: 1px solid #ddd; }
#content-main ul.product-list li.odd  { background: #eee; }
#content-main ul.product-list li.even  { background: #fff; }
#content-main ul.product-list div.thumbnail   { float: left; width: 100px; margin: 0px 20px 0px 10px; }
#content-main ul.product-list div.item    { float: left; width: 230px; margin-right: 20px; }
#content-main ul.product-list div.price   { float: left; width: 90px; text-align: right; }
#content-main ul.product-list p { margin: 0px; }
#content-main ul.product-list a { text-decoration: none; }
#content-main ul.product-list a:hover   { text-decoration: underline; }
#content-main ul.product-list a.button  { display: block; float: right; margin-top: 5px; padding: 2px 0px 4px 0px; width: 65px; text-align: center; color: #fff; background: url(images/buttons.png) 0 0; }



/*** =PRODUCT ITEM ***/

#content-main #product-tabs { list-style-type: none; margin: 25px 0px 0px 0px; height: 38px; background: url(images/product-tabs.gif) 0 0; }
#content-main #product-tabs li    { float: left; margin: 0px; padding-top: 5px; background: url(images/product-tabs.gif) 0 -75px; }
#content-main #product-tabs a { display: block; float: left; padding: 10px 15px 9px 15px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#content-main #product-tabs a.current   { font-weight: bold; border-bottom: 1px solid #fff; }
#content-main #product-tabs li.first { background: url(images/product-tabs.gif) 0 -38px; }
#content-main #product-tabs li.first a  { border-left: 0px; }
#content-main #product-tabs li.last  { background: url(images/product-tabs.gif) right -112px; }
.panel  { padding: 12px 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }

/* =STORE, LOGIN PAGE
----------------------------------------------------------------------------------------------------*/

#my-page-login {
    width: 330px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
}
#my-page-login .box-header {
    width: 330px;
    height: 75px;
    float: left;
    background: url(images/mypage-login-box-header-01.jpg) top left no-repeat;
}
#my-page-login .box-content {
    width: 260px;
    padding: 10px 35px 10px 35px;
    float: left;
    background: url(images/mypage-login-box-content-01.jpg) top left repeat-y;
}
#my-page-login .box-footer {
    width: 330px;
    height: 27px;
    float: left;
    background: url(images/mypage-login-box-footer-01.jpg) top left no-repeat;
}
#my-page-login .login-area{
    width: 260px;   
    float:left;
}
#my-page-login .label-username{    
    width: 95px;
    float:left;
    text-align:left;
    padding-top: 2px;
}
#my-page-login .label-password{    
    width: 95px;
    float:left;
    text-align:left;
    padding-top: 2px;
}
#my-page-login .text-box {
    width: 158px;
    float:left;
    text-align:left;
}
#my-page-login .button-area {
    width: 260px;
    padding-top:10px;
    float:left;
    /*border:1px dotted red;*/
}
#my-page-login .button{
    float:right;
}
#my-page-login .message-area {
    width: 260px;
    padding-top:10px;
    float:left;
    text-align:left;
}

error