/* Standard CSS
***************************************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Exo:400,900,200);
@import url(http://fonts.googleapis.com/css?family=Anton);
@import url(http://fonts.googleapis.com/css?family=Wire+One);
.flagmenu{ position:absolute; right:15px; top:0px; padding:5px 8px 3px 8px; background:#ededed;
           -moz-border-radius-bottomleft:4px;  -webkit-border-radius-bottomleft:4px;  -moz-border-radius-bottomright:4px;  -webkit-border-radius-bottomright:4px;
           }
           div#language span.flag{margin-right:2px;} div#language span.flag img{}
.page-default .content .Caption{display:none;}


/* TYPOGRAPHY
*************************************************************************************************/
body
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:12px;
    line-height:19px;
    color:#666;
}

h1, h1 span, div.DRP_Title span{font-size:28px; font-family:'Anton'; margin-bottom:30px; color:#1e8bd1;}
    div.DRP_Title span{padding-left:45px;}
h2, h2 span{font-size:18px; color:#1e8bd1;}
h3, h3 span{font-size:16px; color:#1e8bd1; font-weight:bold; margin-bottom:12px;}
h4, h4 span{font-size:10px; font-weight:bold; text-transform:uppercase; color:#1e8bd1;}

strong, b{ font-weight:bold;}
em, i{ font-style:italic;}
p{margin:0px 0px 20px 0px;}

div#brand_logo{display:none;}
.answer{ padding-left:3px; padding-right:3px; background:#ffa81f; color:White; font-weight:bold; text-transform:uppercase;}

ul.plist li{padding-left:1px; margin-left:26px; list-style-type:none; margin-bottom:5px; list-style-image:url(../images/list-type-image-bg.gif);}
ul.plist{margin-bottom:15px;}

/* LINKS
*************************************************************************************************/
a, a:visited, a:link{color:#1E8BD1; text-decoration:none;}
a:hover{ text-decoration:underline;}

.hozmenu-bottom li a, .hozmenu-bottom li a:link, .hozmenu-bottom li a:visited {color:#1e8bd1; font-family:'Anton'; font-weight: normal; font-size:;}
.hozmenu-bottom li a:hover{color:#999; text-decoration:none;}

    /* Breadcrumb
    ************************************/
    .breadcrum, .breadcrum a{font-size:8px; text-transform:uppercase;}
    .breadcrum {margin-bottom:10px; display:none;}



div#content{background:url('../images/content-bg.jpg') top left no-repeat;}



/* WIDTH OF THE SITE
*************************************************************************************************/
#wrapper
{
    width:100%;
    }

#background
{
    width:815px; margin:0 auto;
    }
    
#col_left
{
    width:170px;
    float:left;
    display:inline; /* IE6 fix */
    margin:35px 20px 0px 0px;
    background:none;
    }

#col_main
{
    width:590px;
    float:left;
    margin:39px 0px 0px 20px;
    /*background:url('../images/bg-colmain.jpg') top left no-repeat;*/
    min-height:400px;
    }
        .content-info .content-inner2,.postwrapper{padding:0px 10px 0 10px}
        


#col_right
{
    width:170px;
    float:left;
    display:inline; /* IE6 fix */
    margin:20px 0px 0px 20px;
    background:none;
    }


.page-default #col_left{display:none;}
.page-default #col_main{width:815px; margin:20px 0px 0px 0px;}

/* startpage */
.biginfowrapper{margin-top:13px;}
div.biginfo{float:left; width:209px; padding:0px 23px 10px 36px;}
.biginfo a span{color:#666;}
.biginfo a:hover{ text-decoration:none;}
div.biginfodivider{float:left; width:4px; background:transparent;}

div.biginfo h2{ font-family:'Anton'; font-size:34px; line-height:50px; margin-bottom:10px;}
div.biginfo1 h2{color:#1e8bd1;}
div.biginfo2 h2{color:#66cc66;}
div.biginfo2 img{margin-left:-17px;}
div.biginfo3 h2{color:#ffa81f;}

div.biginfo .bullet{display:block; font-family: 'Wire One'; font-size:31px; line-height:40px; color:Black !important;}

/*div.biginfo1 .bullet{ background:url('../images/blue-arrow.png') left no-repeat; padding-left:15px;}*/
/*div.biginfo2 .bullet{ background:url('../images/green-arrow.png') left no-repeat; padding-left:15px;}*/
/*div.biginfo2 .bullet-lvl2{padding-left:16px;font-family:'Anton'; font-size:14px; color:#66cc66; letter-spacing:-0.1px;}*/
/*div.biginfo3 .bullet{ background:url('../images/orange-arrow.png') left no-repeat; padding-left:15px;}*/

.lower-start-content{margin-top:35px;}
.stextinfowrapper .innerwrap{padding:30px 30px 30px 47px;}
.stextinfoleft{width:542px; height:319px;float:left; background:url(../images/left-side-bg.jpg) top left no-repeat;}
.stextinforight{width:273px;height:319px;float:left; background:url(../images/right-side-bg.jpg) top left no-repeat;}
    .stextinforight .innerwrap{padding:30px 30px 30px 35px;}
    .stextinforight .innerwrap img{margin-bottom:20px;}

.stextinfowrapper h3{font-family:'Anton'; font-size:18px; margin-bottom:20px; font-weight:normal;}

/* THE LOGO
**************************************************************************************************/
.lit-1{}

.logo-holder{float:left;}

#logo img
{
    margin:28px 0px 20px 15px;
}

#topholder{ height:89px;background:url('../images/topholder-bg.jpg') top left no-repeat; position:relative;}

/* TOP MENUS
/* för bakgrundsbild på meny-flikar görs en höger och en vänster-bild: left_part_of_tab | right_part_of_tab
**************************************************************************************************/
.hozmenu-bottom
{
    background:none;
    padding:2px 4px 6px 4px;
    float:right;
    margin-top:34px;
}
    
.hozmenu-bottom li, .hozmenu-bottom li a
{
    float:left;
}

.hozmenu-bottom li
{
    padding:0px;
}

.hozmenu-bottom li a
{
	padding:0px 0px 0px 0px;
	display:block;
	margin-right:5px;
	background:url(../images/left_part_of_tab_x.gif) top left no-repeat; /* specific height and left-top-bottom-padding might be needed */
	font-size:14px;
}

/* Vid ändringar av storlek på flikar ändra padding på denna span */
.hozmenu-bottom .item a span
{
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 5px;
	display:block;
	background:url(../images/right_part_of_tab_x.gif) top right no-repeat; /* specific heightand right-top-bottom-padding might be needed */
}

.hozmenu-bottom .item a span:hover{background:#1e8bd1; color:White; -moz-border-radius:4px; border-radius:4px;  -webkit-border-radius:4px;
background: #1e8bd1; /* Old browsers */

}

.hozmenu-bottom .active a span{ color:White; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;
background: #1e8bd1; /* Old browsers */

}

/* Buttons
**************************************************************************************************/
.buybuttonholder .button span.start{}
.button span{float:left; height:17px; padding-top:2px; color:white;}
    
    /* button background images */
    .button span.start{display:inline-block; background:url(../images/button-left.gif) left no-repeat; padding-left:6px;}
    .button span.end{display:inline-block; background:url(../images/button-right.gif) right no-repeat; width:6px;}
    
    .buybuttonholder .button span{}
    .buybuttonholder .button span.start , .buyenable span.start{background:url(../images/button2-left.gif) left no-repeat;}
    .buybuttonholder .button span.end , .buyenable span.end{background:url(../images/button2-right.gif) right no-repeat;}

    /* positioning padding*/
    .buybuttonholder .button span.end{margin-right:10px;}
    .buybuttonholder .button span.start{margin-left:30px;}

/* Boxes - default layout
************************************************************************************************/
.box
{   
    margin-bottom:20px;
    }
    
.box_head
{
    background:yellow url('../images/box-head-bg.jpg') top left no-repeat;
    padding:8px;
    border-bottom:1px solid #ccc;
    }

.box_body
{
    background:red url('../images/box-body-bg.jpg') repeat-y;
    }

.box_body_inner
{
    background:url('../images/box-body-bottom-bg.jpg') bottom left no-repeat;
    padding:8px 8px 12px 8px;
    }

    /* Cart box - Custom design
    **************************************************************************/
    .cart{margin-bottom:20px;}
    .cart .box_head{background:url('../images/box-head-bg.jpg') top left no-repeat;}
    .cart .box_body{background:url('../images/box-body-bg.jpg') repeat-y;}
    .cart .box_body_inner{background:url('../images/box-body-bottom-bg.jpg') bottom left no-repeat;}
    #qtycart, #total{margin-bottom:3px;}
    
        /* Login box - Custom design
    **************************************************************************/
    .login{margin-bottom:20px;}
    .login .box_head{background:url('../images/box-head-bg.jpg') top left no-repeat;}
    .login .box_body{background:url('../images/box-body-bg.jpg') repeat-y;}
    .login .box_body_inner{background:url('../images/box-body-bottom-bg.jpg') bottom left no-repeat;}
    
    .login #ctl00_ctl15_panLogin div{float:left;}
    .login div.forgot{clear:both;}

    /* Find box
    **************************************************************************/
    .find input{float:left; width:105px;}
    .find .button{float:right;}

/* Prices
************************************************************************************************/
.OrdinariePrice{padding-left:8px;}
.HasOrdPrice, .hasOrdPrice{color:#ff0000;}

/* PRODUCT CSS APPLIED ON ALL
************************************************************************************************/
.product .title{ margin-bottom:0px;margin-top:5px;}
.product .title a{ font-size:14px; font-weight:bold; font-style:italic; font-family:Georgia;}
.product .manufature{ font-size:11px; font-style:italic; color:#acacac; padding:4px 0px;}
/* STARTPAGE PRODUCT LIST
*************************************************************************************************/
.PL
{
    width:185px;
    height:270px;
    float:left;
    display:inline; /* ie6 fix */
    margin:5px 9px 5px 9px; 
    padding:0px; border:none; 
    text-align:center; 
    background:url(../images/pl-bg.jpg) bottom left no-repeat;
}

.PL .title a{}
.PL .manufature{}
.PL .text{display:none;}
.PL .price{padding-bottom:4px;}
.PL .price span{font-size:14px; font-weight:bold;}

/* REGULAR PRODUCT LIST
*************************************************************************************************/
.listview2
{
    width:185px;
    height:270px;
    float:left;
    display:inline; /* ie6 fix */
    margin:5px 9px 5px 9px; 
    padding:0px; border:none; 
    text-align:center; 
    background:url(../images/pl-bg.jpg) bottom left no-repeat;
}

.listview2 .title a{}
.listview2 .manufature{}
.listview2 .text{display:none;}
.listview2 .price{padding-bottom:4px;}
.listview2 .price span{font-size:14px; font-weight:bold;}

/* RIGHT COLUMN PRODUCT LIST
*************************************************************************************************/
#col_right .PL
{
    width:150px;
    height:180px;
    float:left;
    display:inline; /* ie6 fix */
    margin:5px 9px 5px 9px; 
    padding:0px; border:none; 
    text-align:center; 
    background:url(../images/pl-bg.jpg) bottom left no-repeat;
    border-bottom:1px solid #ccc;
}

#col_right .Caption{display:none;}
#col_right .PL img{width:120px; height:120px; margin-top:10px;}
#col_right .PL .title a{font-size:13px;}
#col_right .PL .manufature{display:none;}
#col_right .PL .text{display:none;}
#col_right .PL .price{padding-bottom:4px;}
#col_right .PL .price span{font-size:14px; font-weight:bold;}
#col_right .PL .buybuttonholder, #col_right .PL .moreinfobuttonholder{display:none;}

/* Produktvisning
**************************************************************************************************/
/* NEW PRODUCT DETAILS
***************************************************************************************/
        div.raingwrapper, div.shorttextwrapper, span.expecteddelivery, span.qtyinstock, span.qty, span#price, span#ordprice, span.buy, div.manufature
        {
             padding:3px 0px 3px 0px;
        }
        
         /* widths */
        .content-details div.shorttextwrapper, .content-details div.propwrapper, .content-details div.propwrapper dl,
        .content-details span.artnowrapper, .content-details span.expecteddelivery, .content-details span.qtyinstock
        {
            width:420px;
            } 
        
        .content-details {padding-top:15px;}
        .content-details div#imagewrapper{float:left; width:150px; height:300px; margin-right:20px;}

        .content-details div.ratingwrapper{float:left; margin-bottom:10px; }
        .content-details div.shorttextwrapper{float:left; margin-bottom:10px;}
        .content-details div.propwrapper{float:left; margin-bottom:10px;}
        .content-details div.propwrapper dl{float:left;  display:inline-block; padding:2px 0px;}
            .content-details div.propwrapper dl dt{float:left; margin-right:5px; color:Gray;}
            .content-details div.propwrapper dl dd{float:left; margin-right:5px;}

        .content-details h1 { margin-bottom:15px;}
        .content-details span.manufature{font-style:italic;}

        .content-details span.artnowrapper{float:left;}
            span.artnowrapper .label{color:Gray;}
            span.artnowrapper .value{padding-left:5px;}

        .content-details span.expecteddelivery{float:left;}
            span.expecteddelivery .label{color:Gray;}
            span.expecteddelivery .value{padding-left:5px;}
            
        .content-details span.qtyinstock{float:left;}
            span.qtyinstock .label{font-weight:bold;}
            
        .content-details span#price{float:left; margin-top:15px;}
            span#price .label{color:Gray;}
            span#price .value{padding-left:5px; font-size:18px; font-weight:bold;}

        .content-details span#ordprice{float:left; margin-top:20px; padding-left:15px; width:;}
            span#ordprice span{font-size:11px; font-weight:normal;}
            
        .content-details span.qty{float:left; width:379px; text-align:right; border-top: solid 1px #d9d9d9; margin-top:10px;}
            span.qty .label{color:Gray;}
            span.qty input{width:25px; text-align:center;}

        .content-details span.buy {border-top:1px solid #d9d9d9;float:left;margin-top:10px;padding-left:17px;}
        .content-details .button { margin-top:3px;}

        div#eventswrapper{clear:both;}
        div#eventscontentwrapper{}

/* New Tab */
        .content-details div#eventswrapper{margin-left:20px;}
            div#eventswrapper ul#events li{float:left; display:block; background:url('../images/tab_inactive_left.gif') top left no-repeat; margin-right:5px; color:#585858; font-weight:bold;padding-left:10px; height:28px;}
            div#eventswrapper ul#events li span{ color:#999; display:block;padding:10px 10px 7px 0px; background:url('../images/tab_inactive_right.gif') right no-repeat; font-size:9px; text-transform:uppercase;}
            div#eventswrapper ul#events li.active{background:url('../images/tab_active_left.gif') top left no-repeat; color:black; margin-bottom:; font-weight:bold;}
            div#eventswrapper ul#events li.active span{display:block;padding:10px 10px 7px 0px; background:url('../images/tab_active_right.gif') top right no-repeat; color:#333;}

        .content-details  div#eventscontentwrapper{width:530px; margin-left:20px;clear:both; padding:20px; background:url('../images/eventscontentswrapper-bg.gif') top left no-repeat;}/* -moz-border-radius-topright:7px;  -webkit-border-radius-topright:7px; -moz-border-radius-bottomleft:7px;  -webkit-border-radius-bottomleft:7px;  -moz-border-radius-bottomright:7px;  -webkit-border-radius-bottomright:7px;*/
            div#eventscontentwrapper h2.eventtitle{margin-bottom:15px; display:none;}
            
#eventswrapper #events li:hover{ cursor: pointer;}
#eventswrapper #events li.active:hover{ cursor: default;}

/* Mail Friend */
        li.MailFriendRow{clear:both;}
        li.MailFriendRow span.label{clear:both; float:left;}
        li.MailFriendRow input{clear:both; float:left; margin-bottom:5px;}
        li.MailFriendRow a{clear:both;}


/* the footer */
#footer{ background:url(../images/bottom-bg.jpg) top left no-repeat; margin-top:35px; padding-top:20px;padding-bottom:10px; padding-left:125px;}

div.footer-menu-lists{width:800px; margin-left:10px; padding-top:0px; display:inline;}
.footer-menu-lists ul{width:230px; float:left; margin-right:20px;}
.footer-menu-lists ul.firstul{width:155px; float:left; margin-right:20px; margin-left:10px;}
.footer-menu-lists ul.twolist{width:155px;}
.footer-menu-lists ul.thirdlist{width:179px;}
.footer-menu-lists ul.lastlist{width:449px;}
.footer-menu-lists li{font-size:12px; color:#666;}
.footer-menu-lists li.footer-rub{font-size:14px; font-family:'Anton'; margin-bottom:6px;}

li.footer-rub1{color:#898989;}
li.footer-rub2{color:#898989;}
li.footer-rub3{color:#898989;}
li.footer-rub4{color:;}


/* FILTRERING
**************************************************************/
#filter{width: 100%;margin-top:10px;}
#filter  h2 span{ margin:0; font-weight:bold; font-size:14px; }
#filter .filtertop{ width:100%; border-bottom:1px solid #dedede; background:url('../images/filter-top.gif') top left no-repeat; }
#filter .filtertop span{ display:block; padding:10px; color:#999; font-family:Arial, Sans-Serif; font-size:9px; text-transform:uppercase; }
#filter .filters h4{ margin: 0; padding-left: 10px; font-weight:bold; display:block; }
#filter .filters .content { border: 0px solid #ebeaef; border-top: 0; padding: 0px; margin: 0 0 0.5em 0; overflow: hidden; height: 100%; background:url('../images/filter-bottom.gif') bottom left no-repeat; }   
#filter ul{ margin:0; padding: 0;} 
#filter .filters .content .list {padding:8px 0 15px; line-height: 1.5em; }
#filter .col3 .content .list { width: 32.5%; float: left; }
#filter .col3 .content .list { width: 32.5%; }
#filter .col3 .content .list { width: 32.5%; }
#filter .col3 .content {}
#filter .col4 .content .list { width: 25%; float: left; }
#filter .col4 .content .list { width: 24.9%; }
#filter .col4 .content .list { width: 24.8%; }
#filter .col4 .content {}
#filter .filters .content .list{ width: 19%; float: left; }
#filter .filters .content {}
#filter .filters .content .last { border-right: none; }
#filter .filters .content .list li{	padding-left: 10px;	list-style: none; }
#filter .filters .content .list li a{ font-weight: normal; }
#filter .filters .content .list li.active a { font-weight: bold; } 
#filter .filters .content .list li.all a {	margin-top: 1em; display: block;} 
#filter #selections { overflow: hidden;	margin-bottom: 0.5em;}

#filter #selections h4
{
	padding:0 0 5px 0;
	display: block;
	float: left;
	width: auto;
	width:100%;
	font-weight:bold;
}

 #filter #selections li { display: block;	float: left;	margin-right: .5em;}
 
 #filter #selections li a strong
 {
	display: block;
	background: url(/PartnerFiles/hembioconsult/images/standard/filterLeft.gif) no-repeat;
	float: left;
	height: 23px;
	padding: 7px 4px 0 8px;
	cursor: pointer;
}

 #filter #selections li a span
 {
	display: block;
	background: url(/PartnerFiles/hembioconsult/images/standard/filterRight.gif) no-repeat;
	float: left;
	height: 30px;
	width: 30px;
	cursor: pointer;
}

 #filter #selections li a span span { display: none;}

/* Sortering HIDDEN
**************************************************************************************************/
.sorting{ display:none;}
/*
div.sorting li,div.sorting li a{float:left; display:inline; padding-left:5px;}

div.sorting h3
 {
	display:block;
	padding:10px;
	color:#999;
	font-family:Arial, Sans-Serif;
	font-size:9px;
	text-transform:uppercase;
}*/

/* Blogg
**************************************************************************************************/
.postwrapper .post h3{ font-size:9px; text-transform:uppercase; }

.postwrapper .post h2{ margin-bottom:10px; }

.postwrapper .post .comment{ margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ccc; }


/* Tree 2010-09
**********************************************************************************************/
#col_left div.tree{border-top:0px dotted #e8e8e8;}
.tree a{ text-decoration:none; font-weight:normal;}

    /* padding & fonts */
.tree dd{padding:0px 0px 0px 0px;}
.tree dl.lvl0{padding-top:0px;}

.tree dl.lvl0 dt a span{ font-size:14px;}
.tree dl.lvl1 dt a span{ margin-bottom:4px; font-size:14px; padding-top:4px; padding-bottom:4px; color:#1e8bd1; font-weight:bold; background:#eee; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.tree dl.lvl2 dt a span{ font-size:12px; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-left:0px; color:#666; font-weight:normal; background:none;}
.tree dl.lvl3 dt a span{ font-size:11px; padding-top:2px; padding-bottom:2px; color:#000;}


    /* standard bg color of nodes */
.tree dl.lvl0 dt{ background:none;}
.tree dl.lvl1 dt{ background:none;}
.tree dl.lvl2 dt{ background:none;}
.tree dl.lvl3 dt{ background:none;}


    /* bg color of expanded nodes */
.tree dl.lvl0 dt.expanded{background:#e9e9e9;} /* changed from standard color node */
.tree dl.lvl1 dt.expanded span.leaf-node a span{background:#1e8bd1; color:White;}
.tree dl.lvl2 dt.expanded{background:#e9e9e9;}
.tree dl.lvl3 dt.expanded{background:#ffffff;}


    /* bg color of active nodes */
.tree dl.lvl0 dt.active{ background:#f5f5f5;}
.tree dl.lvl1 dt.active{ background:#f5f5f5;}
.tree dl.lvl2 dt.active{ background:url(../images/menu-block.gif) 1px -4px no-repeat;}
.tree dl.lvl3 dt.active{ background:#f5f5f5;}


    /* borders of nodes */
.tree dl.lvl0 dt{ border-bottom:0px solid #d7d7d7; padding:4px;}
.tree dl.lvl1 dt{ border-bottom:0px dotted #e8e8e8; padding:0px;}
.tree dl.lvl2 dt{border-bottom:0px solid #ccf0ff; padding:0px;}
.tree dl.lvl4 dt{ border-bottom:0px solid #f6f6f6; padding:0px;}


    /* text indent of nodes */
.tree dl.lvl0 dt{padding-left:0px;}
.tree dl.lvl1 dt{padding-left:0px;}
.tree dl.lvl2 dt{padding-left:3px;}
.tree dl.lvl3 dt{padding-left:0px;}


    /* active fonts */
.tree dl.lvl0 dt.active span a span{}
.tree dl.lvl1 dt.active span a span{ background:#1E8BD1; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; color:White;}
.tree dl.lvl2 dt.active span a span{background-color:transparent; color:#666;}
.tree dl.lvl3 dt.active span a span{}

dl.lvl1.expanded{margin-bottom:0px;}
dl.lvl2.expanded{margin-bottom:0px;}
dl.lvl1.expanded.treeid-21298{margin-bottom:10px;}
    /* space for plus & minus */
.tree dt a span{padding-left:15px;}


    /* plus / minus images */
.tree span.leaf-node{background:url('../images/menu-plus.gif') left no-repeat;}
.tree dt.expanded span.leaf-node{background:url('../images/menu-minus.gif') left no-repeat;}

    /* misc */
.tree span{display:block;}
.tree dl.lvl0 > dt.expanded span a span{}
.tree dl.lvl0 dd{}
.tree dl.lvl1{}
.tree dl.expanded{}
.tree dt.leaf-node{}










/*****************************/
/*    DO NOT CHANGE BELOW    */
/*****************************/

/* Clearfix
**************************************************************************************************/
.clearfix:after
{
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
html[xmlns] .clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}

/* The Cart                      
**************************************************************************************************/

        .content-cart {font-family: Verdana;}
        .content-cart h2 {font-family: Verdana; color:black; font-size:18px; font-weight:bold; line-height:normal}
        .cartrightcolwrapper, .cartleftcolwrapper {width: 50%; float:left; }
        .cartrightcol, .cartleftcol{ margin: 20px; }
        .cartrightcol h2, .cartleftcol h2 {padding: 5px 0 5px 35px ;}
        h2.campaign-code {background: white url(/_gfx/step1.gif) no-repeat;}
        h2.customer-auth, h2.customer-info {background: white url(/_gfx/step2.gif) no-repeat;}
        h2.paytype {background: white url(/_gfx/step3.gif) no-repeat;}
        h2.frieghttype {background: white url(/_gfx/step4.gif) no-repeat;}        
        h2.subscription, h2.yearsallery {background: white url(/_gfx/step5.gif) no-repeat;}
        a > b, h2.campaign-code {background: white url(/_gfx/step1.png) no-repeat;}
        a > b, h2.customer-auth, h2.customer-info {background: white url(/_gfx/step2.png) no-repeat;}
        a > b, h2.paytype {background: white url(/_gfx/step3.png) no-repeat;}
        a > b, h2.frieghttype {background: white url(/_gfx/step4.png) no-repeat;}
        a > b, h2.subscription, h2.yearsallery {background: white url(/_gfx/step5.png) no-repeat;}
        .cartrightcol h2.disabled, .cartleftcol h2.disabled {color: #dfdfdf;}
        .cartrightcol .subscription ul, .cartrightcol .frieghttype li, .cartrightcol .paytype li, .cartleftcol  li.customer-auth, .cartleftcol  li.customer-update, div.customer-info2, ul.campaign-code, ul.customer-update { display:block; margin:5px 0; padding: 5px; border: solid 3px #dbdbdb; background-color: #f4f4f4; font-size: 10px; 
                                                                                                                                 -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;}
        .customer-info2 .label {font-weight: bold;}
        .customer-info2 .value {display:block; padding-left: 10px;}
        .cartrightcol li.disabled, .cartrightcolwrapper .disabled li {opacity:0.4;filter:alpha(opacity=40)}
        .cartrightcol li input {height: 17px; width: 17px; margin-right: 4px; vertical-align:bottom;}
        .disabled span {color: #dfdfdf;}
        .disabled h2 {opacity:0.4;filter:alpha(opacity=40)}
        li.customer-auth li{display:block; margin:0; padding: 0; border: none; background-color:Transparent;}
        .fronted-summery li {display:inline-block;  width: 50%; float: left;}
        .fronted-summery li div.wrapper {padding: 10px 5px; border: solid 3px #c4cfa4; background-color: #f1f5e4; font-size: 10px; margin:20px;   text-align:center; font-weight: bold;}
        .cart-summery {background-color: #f3f3f3; padding: 10px; clear:both;}
        .cart-summery li {display: block; clear:both; font-size: 10px; font-weight: bolder;padding:4px;border-bottom:1px solid #ccc;}
        .cart-summery li .label {float:left; display:inline-block;}
        .cart-summery li .value {float:right; display:inline-block;}
        /*.cartleftcol li input.txtbox, .cartleftcol li li  select, .cartrightcol input.txtbox{border: solid 2px #dbdbdb; width: 250px}*/
        .content-cart div.txtbox, .content-cart div.ddlbox   {border: solid 2px #dbdbdb;}
        .content-cart div.txtbox input, .content-cart div.txtbox textarea, .content-cart div.ddlbox select { width: 100%; border: solid 0 black;}
        .Cart {width:100%;margin-bottom: 20px;}
        .Cart input {border: solid 1px black; vertical-align: bottom; margin-right: 5px;}
        .Cart thead {border-bottom: solid 2px black;  font-size: 12px; font-weight:normal; }
        .Cart tbody, .Cart tbody a {font-size: 11px; font-weight: normal;color: Black; }
        .Cart tr.alt {background-color: #f4f4f4;}
        .cart-thumbnail { padding-left:10px;}
        .content-cart .button {display:inline-block; float:none;  margin: 3px 0; background-color:#cccccc; border: solid 2px #505050; background-image:none; letter-spacing: normal; width: auto; height: auto; color:#FFFFFF; font-size:10px;font-weight:bold; text-decoration:none; padding:3px 5px;}
        .content-cart .button:hover {background-color:#f4f4f4; border: solid 2px #cccccc; background-image:none; color:#505050;}
        .content-cart .orderbutton {border: solid 2px #c4cfa4; background-color: #f1f5e4; font-size: 12px; padding: 4px 10px; font-weight: bolder; margin: 10px 0; float: right; background-image: none;}
        .orderbutton:hover {background-color: #ADD39C; color:White;}
        .disabled .orderbutton {background-color: #fff; color: #dfdfdf;border: solid 2px #dfdfdf; cursor: default;}
        
        .disabled .orderbutton:hover {background-color: #fff; color: #dfdfdf;}
        .messagebox 
        {
            -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
            border:2px solid #DFDFDF;
            background:url('/_gfx/info.png') 20px 25px no-repeat #f4f4f4;
            margin:10px;
            padding:10px 25px 10px 70px;
        }

        .messagebox ul {list-style-type:square; float:left;}
        .messagebox li {margin-bottom:10px;list-style-type:square;}
        .minheight {height: 60px; display:block; width: 0px; float:left;}
        .register input.valid, .register select.valid{ background: white url(/_gfx/okey.gif) no-repeat scroll 99% 50% ;}
        a > b, .register input.valid, .register select.valid{ background: white url(/_gfx/okey.png) no-repeat 99% 50%;}
        .register input.error, .register select.error{ background: white url(/_gfx/error.gif) no-repeat scroll 99% 50%;}
        a > b, .register input.error, .register select.error{ background: white url(/_gfx/error.png) no-repeat scroll 99% 50%;}
        .register label.error {font-style:italic; color:#777777;}
        .Cart .prodimg {height: 40px; width: 40px; border: solid 1px #dcdcdc; margin: 10px 0;}
		/*
        .paytype-1, .paytype-50, .paytype-20, .paytype-21  { background: Transparent url(/_gfx/paydelalts/paytype50.gif) no-repeat scroll 99% 50%; }
        a > b, .paytype-1, .paytype-50, .paytype-20, .paytype-21  { background: Transparent url(/_gfx/paydelalts/paytype50.png) no-repeat scroll 99% 50%; }
        .paytype-80, .paytype-54  { background: Transparent url(/_gfx/paydelalts/paytype54.gif) no-repeat scroll 99% 50%; }
        a > b, .paytype-80, .paytype-54  { background: Transparent url(/_gfx/paydelalts/paytype54.png) no-repeat scroll 99% 50%; }
        .paytype-55, .paytype-56, .paytype-57, .paytype-58, .paytype-59  { background: Transparent url(/_gfx/paydelalts/paytype55.gif) no-repeat scroll 99% 50%; }
        a > b, .paytype-55, .paytype-56, .paytype-57, .paytype-58, .paytype-59  { background: Transparent url(/_gfx/paydelalts/paytype55.png) no-repeat scroll 99% 50%; }
		*/
        .paytype-2 { background: Transparent url(/_gfx/paydelalts/paytype2.gif) no-repeat scroll 99% 50%; }
        a > b, .paytype-2 { background: Transparent url(/_gfx/paydelalts/paytype2.png) no-repeat scroll 99% 50%; }
        .paytype-4 { background: Transparent url(/_gfx/paydelalts/paytype4.gif) no-repeat scroll 99% 50%; }
        a > b, .paytype-4 { background: Transparent url(/_gfx/paydelalts/paytype4.png) no-repeat scroll 99% 50%; }
        
        .deltype-0, .deltype-3, .deltype-5 { background: Transparent url(/_gfx/paydelalts/deltype0.gif) no-repeat scroll 99% 50%; }
        a > b, .deltype-0, .deltype-3, .deltype-5 { background: Transparent url(/_gfx/paydelalts/deltype0.png) no-repeat scroll 99% 50%; }
        .deltype-10 { background: Transparent url(/_gfx/paydelalts/deltype10.gif) no-repeat scroll 99% 50%; }
        a > b, .deltype-11 { background: Transparent url(/_gfx/paydelalts/deltype11.png) no-repeat scroll 99% 50%; }
        .Cart span.update {display:inline-block; height: 16px; width: 16px; background: Transparent url(/_gfx/update.gif) no-repeat;}
		.Cart .alt span.update {display:inline-block; height: 16px; width: 16px; background: Transparent url(/_gfx/update.png) no-repeat;}
		a > b, .Cart span.update {display:inline-block; height: 16px; width: 16px; background: Transparent url(/_gfx/update.png) no-repeat;}
        .Cart span.remove {display:inline-block; height: 16px; width: 16px; background: Transparent url(/_gfx/remove.gif) no-repeat;}
		.Cart .alt span.remove {display:inline-block; height: 16px; width: 16px; background: Transparent url(/_gfx/remove_gra.gif) no-repeat;}
		a > b, .Cart span.remove {display:inline-block; height: 16px; width: 16px; background: Transparent url(/_gfx/remove.png) no-repeat;}
		
		
.cMailForm input,.cMailForm select,.cMailForm textarea{width:290px;padding:4px; background:#e0f3ff; border:1px solid #c4e8ff;
                -moz-border-radius:4px;-webkit-border-radius:4px; margin-bottom:7px; color:#1E8BD1;
                }

.cMailForm select{width:300px;}

.cMailForm a.button{display:block; padding:5px;
                    -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px;
                    background:#99cc33;
                    color:White;
                    font-size:14px; font-weight:bold;
                    width:58px;
                    text-align:center;
                    }
.cMailForm a.button:hover{ text-decoration:none; background:#99cc33;}
.cMailForm{float:left; width:330px;}
.contact-info{float:left; width:220px; padding-left:25px; margin-top:19px; border-left:2px dashed #f5f5f5;}
.contact-info h3{ margin-bottom:0px;}

/* special style on inline images*/
img.inline-image{float:left; padding-top:10px; padding-right:15px; padding-bottom:50px;}

.anfang {
font-family:'Anton',sans-serif; font-size:53px;
color:#1e8bd1; text-align:center; line-height:35px;  
display:block; float:left; height:35px; width:35px;
padding:7px 7px; margin:5px 6px 0 0 }