/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face { font-family: Klavika; src: url(/static/font/klavika/KlavikaWebBasicRegular.woff); }
@font-face { font-family: KlavikaMedium; src: url(/static/font/klavika/KlavikaWebBasicMedium.woff); }
@font-face { font-family: KlavikaRegular; src: url(/static/font/klavika/KlavikaWebBasicRegular.woff); }
@font-face { font-family: KlavikaMediumItalic; src: url(/static/font/klavika/KlavikaWebBasicMediumItalic.woff); }
@font-face { font-family: KlavikaRegularItalic; src: url(/static/font/klavika/KlavikaWebBasicRegularItalic.woff); }


@font-face { font-family: KlavikaEngraving; src: url(/static/font/klavika/KlavikaBasic-Engraving.woff); }

html.website{
    overflow-y: scroll;
    font-family: KlavikaRegular;

    font-size: 15px;
    line-height: 20px;
    color: #646464;

}

#layout-main{
    width: 960px;
    margin-top: 25px;
}


#layout-header-user{
    margin-left:40px;
    height: 30px;
    color: #007DBE;
    font-size: 13px;
}

#layout-header-navigation{
    float: left;
    margin-top: 20px;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 37px;
}

#layout-header-subnavigation{
    font-size: 16px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 22px;
}

#layout-content{
    min-height: 500px;
    height:auto !important;
    height: 500px;
    width: 880px;
    margin-left: 40px;
    padding-top: 50px;
}

.page-2 #layout-content{
    margin-left: 0px;
    padding-top: 10px;
}


h1, h2, h3, h4, h5, strong{
    color: #323232;
}

strong{
    font-weight: normal;
    font-family: KlavikaMedium;
}

#layout-content ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#layout-content ul li{
    background-image:url(/static/img/bullet.jpg);
    background-position:0 0.3em;
    background-repeat:no-repeat;
    padding:0 0 0 14px;

}




#layout-header-navigation UL{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#layout-header-navigation li{
    float: left;
    display: inline;
    margin: 0px;
    padding-right: 20px;
    font-size: 21px;

}


#layout-header-navigation a{
    color: #323232;
}
#layout-header-navigation a:hover{
    color: #007DBE;
    border-bottom: 1px solid #007DBE;
}


#layout-header-navigation a.selected{
    color: #007DBE;
    border-bottom: 1px solid #007DBE;
}

.sprite{
    background: url('/static/img/angelbird_sprites.jpg');
    text-decoration: none;
    display: block;
}

.img-header{
    width: 142px;
    height: 84px;
    background-position: 0px 0px;
    margin-right: 40px;
}

.img-region{
    width: 20px;
    height: 20px;
    background-position: -27px -133px;
}

.img-cart{
    width: 20px;
    height: 20px;
    background-position: -52px -133px;
}
.img-facebook{background-position: 0px -162px; }
.img-google{  background-position: -29px -162px; }
.img-twitter{ background-position: -58px -162px; }
.img-youtube{ background-position: -87px -162px; }
.img-plus{    width: 20px; height: 20px; background-position: -73px -133px;}
.img-minus{   width: 20px; height: 20px; background-position: -95px -142px;}

.img-small-plus{width: 10px; height: 10px; background-position: -117px -133px; margin-top: 7px;}
.img-small-minus{width: 10px; height: 10px; background-position: -117px -145px; margin-top: 7px;}

.img-download{width: 24px; height: 24px; background-position: -0px -134px; margin-top: 10px;}

.img-category-mac{width: 35px; height: 40px; background-position: -0px -87px;}
.img-category-win{width: 35px; height: 40px; background-position: -37px -87px;}
.img-category-other{width: 35px; height: 40px; background-position: -73px -87px;}

.img-small-edit{width: 8px; height: 8px; background-position: -87px -118px;}

.angelbird-edit-link{
    padding-left: 14px;
    background-image: url(/static/img/icon_edit_8x8.png);
    background-repeat: no-repeat;
    background-position: center left;
}

.angelbird-delete-link{
    padding-left: 14px;
    background-image: url(/static/img/icon_delete_7x7.png);
    background-repeat: no-repeat;
    background-position: center left;
}


.social{
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 5px;
}


#layout-header-info a{
    padding-top: 1px;
    padding-right: 5px;

}


.checkout input[type=text] {
    width: 340px;
}

.checkout input[type=password] {
    width: 340px;
}

#layout-header{
    width: 100%;
}

#layout-header-logo{
    float: right;
}


#layout-header-info{
    float:right;
    position: relative;
    top: -28px;
    right: 0px;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
}

#page-checkout-2 .row1{
    width: 160px;
}
#page-checkout-2 .row3{
    width: 340px;
    vertical-align: middle;
}

#layout-message{
    color: red;
}

h1, h2, h3, h4, h5{
    padding: 0px;
    margin: 0px;
}

a{
    text-decoration: none;
    color: #007DBE;
}

h1{
    font-size: 21px;
    font-weight: normal;
    padding-bottom: 20px;
    color: #007DBE;
    width: 100%;
    border-bottom: 1px solid #bebebe;
    margin-bottom: 35px;
}

h2{
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 20px;
}

h3{
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: KlavikaMedium;
}

p{
    margin-top: 0px;
    margin-bottom: 0px;
}


td{
    vertical-align: top;
}


.content-product-picture{
    float: left;
    width: 520px;
    padding-top: 15px;
}


.content-product-description{
    min-height: 120px;
    height:auto !important;
    height: 120px;
}

.content-price{
    font-size: 48px;
    margin-top: 40px;
    color: #323232;
    font-family: KlavikaMedium;
}
.content-price-currency{
    font-size: 0.6em;
    font-family: KlavikaRegular;
}


.bold{
    font-family: KlavikaMedium;
}




.content-product{
    margin-bottom: 20px;
}

.content-checkout-process{
    margin-bottom: 20px;
}

.content-checkout-process UL{
    margin: 0px;
    padding: 0px;
}

.content-checkout-process li{
    display: inline;
    margin: 0px;
    padding-right: 50px;

}

.wt-rotator{
    border: 1px solid #ECEDEF !important;
    -moz-border-radius:0px !important;
    -webkit-border-radius:0px !important;
    -khtml-border-radius: 0px !important;
    border-radius:0px !important;
    margin-left: 3px;
}
.wt-rotator h2{
    line-height: 35px;
}


.content-infobox-container{
    width: 919px;
    background-color: #ECEDEF;
    height: 50px;
    padding-top: 5px;
    margin-left: 3px;
    padding-left: 37px;
}

.content-infobox{
    border: 0px solid #ecedef;
    width: 240px;
    height: 156px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 1px #cecece;
    box-shadow: 0px 0px 5px 1px #cecece;
    float:left;
    margin-right: 20px;
    padding: 22px 20px;
    background-repeat: no-repeat;
}

.infobox-product-content{
    height: 70px;
    font-size: 15px;
    line-height: 20px;
    font-family: KlavikaRegular;
}

.infobox-product-header{
    font-size: 21px;
    font-family: KlavikaMedium;
}

.infobox-product-price .price-info{
    font-size: 15px;
    font-family: KlavikaRegular;
}

.infobox-product-price{
    font-size: 21px;
    font-family: KlavikaMedium;
}


.infobox-blog{
    background-color: #007DBE;

    height: 156px;
    color: #ffffff;
}

.infobox-blog-date{
    font-size: 13px;
}

.infobox-blog-teaser{
    height: 114px;
    font-size: 15px;
    line-height: 20px;

}

.infobox-blog-teaser h2{
    font-size: 17px;
    color: white;
}

.float-left{
    float: left;
}

#wt-rotator-container .desc{
    background-color: transparent !important;

}
#wt-rotator-container .inner-bg{
    background-color: transparent !important;
}

.inner-text h1{
    font-size: 48px;
}
.inner-text h2{
    font-size: 48px;
}

.inner-text{
    font-size: 36px;
    line-height: 38px;
}

.inner-text .text a{
    color: #323232;
}

#wt-rotator-container .wt-rotator{
    background-color: #ECEDEF;
}


#wt-rotator-container .inner-text{
    color: #323232;
}



#layout-message{
    width: 100%;

}

fieldset.checkout{
    background-color: #FFFFFF;
    margin-bottom:15px;
    padding: 10px 0px;
}



fieldset.checkout legend{
    border-bottom: 1px solid #BFC3C6;
    width: 100%;
    color: #007DBE;
    font-size: 17px;
    padding-bottom: 20px;
}

fieldset.checkout table{
    width:100%;
    margin-top: 10px;
}

fieldset.checkout table th{
    text-align:left;
    width:150px;
    font-weight:normal;
    padding-right: 10px;
}

fieldset.checkout table td{
    padding-top: 5px;
    padding-bottom: 5px;
}


#layout-footer{
    background-color: #ffffff;
    margin-top: 50px;
    font-size: 12px;
    padding: 20px 40px;
}

#layout-footer address{
    font-style: normal;
}



.error input{
    border: 1px solid red;
}

input{
    border: 1px solid #BFC3C6;
    padding: 2px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    font-family: KlavikaRegular;
}

.errorlist{
    margin: 0px;
    padding: 0px;
    color: red;
}
.errorlist li{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    width: 500px;
}

fieldset.checkout li{
    list-style-type: none;
}
fieldset.checkout ul{
    margin: 0px;
    padding: 0px;
}

fieldset.checkout .errorlist li{
    width: auto;
}

#shop-cart h2{
    font-size: 17px;
    margin-top: 0px;
}

#shop-cart h2 .price{
    font-size: 16px;
    color: #646464;
}

#shop-cart .price{
    font-size: 20px;
    color: #323232;
    padding-right: 13px;
}


.center{
    margin: 0 auto;
}



.blue{
    color: #007DBE;
}

.top{
    vertical-align: top;
}




.blog-column{
    margin-right: 20px;
}
.blog-column.last{
    margin-right: 0px;
}

.blog-item{
    width: 205px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 10px;
    color: #323232;

}

.blog-item a{
    color: #646464;
}



.blog-item:hover{
    background-color: #E4F2F7;
}

.blog-item .title{
    font-size: 17px;
    font-style: italic;
}

.blog-item .date{
    margin-top: 5px;
    color: #007DBE;
}

.blog-item .read-more{
    margin-top: 5px;
    color: #007dbe;
}



.blog-detail{
    width: 520px;

}

.blog-detail .image{
    margin-bottom: 20px;
}

.blog-detail .date{
    color: #007DBE;
    font-size: 13px;
}

.blog-detail h1{
    font-size: 21px;
    margin-bottom: 0px;
    border-bottom: none;
    color: #323232;
}

.blog-detail .teaser{
    font-family: KlavikaMedium;
    margin-bottom: 10px;
    line-height: 30px;
}

.information{
    font-size: 0.8em;
    color: #8b8b8b;
}


.float-right{
    float: right;
}


.horizontal-list{
    margin: 0px;
    padding: 0px;
}

.horizontal-list li{
    list-style: none;
    float: left;
}







#product-info h1{
    font-size: 48px;
    color: #323232;
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 12px;
}

#product-info .description{
    font-size: 21px;
}

.content-product-info{
    float: left;
    width: 340px;
    margin-right: 20px;
}

.content-product-info .description{
    color: #323232;
}

.content-product-info h1{
    font-family: KlavikaMedium;

}


#product-info h2{
    font-size: 21px;
    margin-bottom: 35px;
}

#product-info h3{
    margin-bottom: 0px;
}

.content-product-text{
   margin-bottom: 20px;
   border-top: 1px solid #BFC3C6;
   padding-top: 15px;
}





.td-single{
    width: 180px;
    padding: 0px;
}

.td-double{
    width: 360px;
    padding: 0px;
}

.td-last{
    padding-right: 0px;
}

#shop-cart{
    font-size: 13px;
}

#shop-cart h1{
    border-bottom: none;
    margin-bottom: 0px;
}

#shop-cart .tax-info{
    font-size: 13px;
    color: #646464;
}

#shop-cart .cart-item{
    width: 75px;
    text-align: center;
}

#shop-cart td{
    padding-top: 20px;
    padding-bottom: 20px;
}

#shop-cart tr.line{
    border-top: 1px solid #BEBEBE;
}

#shop-cart .plus-minus{
    font-size: 30px;
}

#shop-cart .quantity{
    font-size: 16px;
}

#shop-cart .content-shopping-cart-summery{
    border-top: 1px solid #BEBEBE;
    background-color: #E6F0FA;
    margin-top: 10px;
    padding-top: 15px;

}


#shop-cart .content-shopping-cart-summery td{
    padding-top: 5px;
    padding-bottom: 5px;
}

#shop-cart .content-shopping-cart-summery tr.total{
    font-size: 21px;
    color: #323232;
}

#shop-cart .content-shopping-cart-summery .column1{
    padding-left: 13px;
    width: 167px;
}

#shop-cart .content-shopping-cart-summery .price-table .column2{
    padding-right: 13px;
}

.configurator-attribute{
    float:left;
    margin-left:5px;
    white-space:nowrap;
    display: table-cell;
    vertical-align: middle;
}


#shop-configurator{

}


#shop-configurator h1{
    font-size: 36px;
    margin-bottom: 22px;
    font-family: KlavikaMedium;
    color: #323232;
    border-bottom: none;
    padding: 0px;
}

#shop-configurator h1 .small{
    font-size: 29px;
    font-family: KlavikaRegular;
}

#shop-configurator h2{
    font-size: 22px;
    margin-bottom: 13px;
    font-family: KlavikaRegular;

}

#shop-configurator .text{
    width: 360px;
}

#shop-configurator .image{
    width: 520px;
    height: 555px;
}

#shop-configurator .attribute{
    margin-bottom: 25px;
}

#shop-configurator .attribute.with-space{
    padding-top: 24px;
}

#shop-configurator .attribute.small h2{
    font-size: 17px;
    margin-bottom: 8px;
}

#page-reseller h2{
    margin-bottom: 20px;
}

#page-reseller .image{
    width: 205px;
    padding-right: 20px;
}

#page-reseller .item{
    width: 100%;
    border-top: 1px solid #BEBEBE;
    padding-top: 25px;
    padding-bottom: 25px;
}


#page-country-select a{
    color: #646464;
}

#page-country-select .item{
    width: 160px;
    margin-right: 20px;
    margin-bottom: 25px;
}

#page-country-select .img{
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: url('/static/img/flags_sprite.jpg');
}

#page-country-select .title{
    padding-top: 4px;
    width: 120px;
}

#page-country-select .item.last{
    margin-right: 0px;
}


#faq-list h2{
    margin-top: 0px;
    font-size: 21px;
}
#faq-list .content h3{
    padding-top: 10px;
}


.faq-list-item{
    padding-top: 35px;
    padding-bottom: 45px;
    border-bottom: 1px solid #bebebe;
}

.faq-list-item .overview{
    width:500px;
}

.faq-list-item .overview h3{
    color: #007DBE;
}

.faq-list-item .overview .content{
    padding-top: 40px;
}
.faq-list-item .overview .content h3{
    line-height: 20px;
    margin-bottom: 0px;
}

.faq-list-item .overview .content .item{
    padding-bottom: 20px;

}



.last{
    margin-right: 0px;
}


.blue-table{
    background-color: #E6F0FA;
    width: 580px;
    margin-top: 15px;
}


.blue-table td, .blue-table th{
    padding: 9px 13px;
    border: 1px solid #BEBEBE;
}


.blue-table th{
    text-align: left;
    font-weight: normal;
    color: #323232;
}

.blue-table tr:first-child td,
.blue-table tr:first-child th {
    border-top: 0;
}

.blue-table tr:last-child th,
.blue-table tr:last-child td {
    border-bottom: 0;
}
.blue-table tr td:first-child,
.blue-table tr th:first-child {
    border-left: 0;
}
.blue-table tr td:last-child,
.blue-table tr th:last-child {
    border-right: 0;
}

.blue-list{
    font-size: 21px;
    color: #007DBE;
}

.blue-list li{
    list-style: none;
}



#page-checkout-1 h2{
    font-size: 15px;
    color: #007DBE;
}

#page-checkout-1 input.text{
    width: 340px;
    margin-bottom: 30px;
}

#page-checkout-1 input.password{
    margin-bottom: 10px;
}

#page-checkout-1 .forgot{
    margin-bottom: 10px;
}

#page-checkout-1 .radio{
    margin-bottom: 10px;
}
#page-checkout-1 .radio input{
    margin-right: 10px;
}


#page-checkout-2 .element{
    margin-bottom: 20px;
}

#page-checkout-2 h2{
    width: 100%;
    color: #007DBE;
    font-size: 15px;
    font-family: KlavikaRegular;
    line-height: 20px;
    margin-bottom: 0px;
}

#page-checkout-2 li{
    list-style: none;
}

#page-checkout-2 ul{
    margin: 0px;
    padding:0px;
}

#page-checkout-2 li input{
    margin-right: 10px;
    margin-left: 1px;
}

.address-select .address{
    padding: 10px;
    margin-right: 20px;
    cursor: pointer;
    text-overflow: clip;
    overflow: hidden;

}

.checkout .row2{
    width: 350px;
}

.help-row{
    width: 50px;
}


.address-select .address.selected{
    background-color: #E6F0FA;
}

.checkout-step{
    margin-right: 10px;
    color: #646464 !important;
}

a.checkout-step {
    color: #646464 !important;
}

.checkout-step.selected{
    color: #007DBE !important;
}

.form .label{
    width: 205px;
    padding-right: 20px;
}
.form .field{
    width: 205px;
    padding-right: 20px;
    padding-bottom: 10px;

}
.form .field input{
    width: 205px;
}

.form .error{
    width: 205px;
    padding-right: 20px;
}

#site-testimonials .image{
    padding-bottom: 15px;
}

#site-testimonials .teaser{
    font-size: 18px;
    font-family: KlavikaMedium;
    line-height: 20px;

}

#site-testimonials .name{
    color: #323232;
}

#page-testimonial-detail .image{
    width: 280px;
    margin-right: 20px;
}

#page-testimonial-detail .right-block{
    width: 580px;
}

#page-testimonial-detail .teaser{
    font-size: 28px;
    font-family: KlavikaMediumItalic;
    line-height: 30px;
    color: #323232;
}

#page-testimonial-detail .name{
    color: #323232;
}

#page-testimonial-detail .content{
    padding-top: 45px;
}

#page-testimonial-detail .content h2{
     font-size: 21px;
 }

#page-testimonial-detail .content h3{
    font-family: KlavikaRegularItalic;
}

#site-download h1{
    margin-bottom: 0px;
}

#site-download .image{
    width: 80px;
}

#site-download .element{
    line-height: 25px;
    border-bottom: 1px solid #bebebe;
    padding-bottom: 22px;
    padding-top: 25px;
}

#site-download h2{
    color: #007dbe;
    font-size: 15px;
    margin-bottom: 0px;
}
#site-download .size{
    font-size: 13px;
}

#checkout-state *{
    padding: 0px;
    margin: 0px;
}

#checkout-state a{
    margin-right: 15px;
}
#checkout-state span{
    margin-right: 15px;
}


.ssd2go-ssd{
    font-family: KlavikaMedium;
}

.ssd2go-2{
    font-family: KlavikaRegular;
}

.ssd2go-go{
    font-family: KlavikaRegularItalic;
}

.banner-button{
    font-size: 16px;
    margin-top: 0px;
}


.text-product-detail{
    float: right;
    width: 430px;
}

.button{
    background-color: #007DBE;
    color: #ffffff;
    padding: 3px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: none;
    margin-top: 25px;
}
.button a{
    color: #ffffff !important;
}

.button:hover{
    background-color: #323232;
}

.button-white{
    background-image: url(/static/img/pfeil_1_blau.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #ffffff;
    color: #007DBE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: none;
    width: auto;
    padding: 3px 30px 2px 8px;
    font-size: 15px;
    line-height: 15px;
}

.button-white:hover{
    background-image: url(/static/img/pfeil_1.png);
    background-color: #323232;
    color: white;
}

.button-disabled{
    opacity: 0.15;
    filter: alpha(opacity=15);
    background-color: #000;
    cursor: default;
    pointer-events: none;
}

.button-1{
    background-image: url(/static/img/pfeil_1.png);
    background-repeat: no-repeat;
    background-position: right;
    width: auto;
    padding: 3px 30px 2px 8px;
    font-size: 15px;
    line-height: 15px;

}

.button-2{
    background-image: url(/static/img/pfeil_2.png);
    background-repeat: no-repeat;
    background-position: right;
    width: auto;
    padding: 4px 38px 2px 9px;
    line-height: 20px;
}

.button-3{
    background-image: url(/static/img/pfeil_3.png);
    background-repeat: no-repeat;
    background-position: right;
    width: auto;
    padding: 5px 46px 3px 10px;
    font-size: 21px;

}

.configurator-attribute-price{
    font-size: 0.8em;
    color: #007DBE;
}

#text-selector{
    margin-top: 30px;
    margin-bottom: 10px;
}

#text-selector li{
    padding-right: 20px;
}



#text-selector{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#text-selector li{
    background-image:url(/static/img/arrow_down.png) !important;
    background-position:0 8px !important;
    background-repeat:no-repeat;
    padding:0 30px 0 14px !important;

}


.blue-list li{
    background-image: none !important;
}

.checkout li{
    background-image: none !important;
    padding-left:  0px !important;
}

.blog-detail{
    float: left;
    width: 520px;
    padding-right: 155px;
}

.blog-sitebar{
    float: left;
    width: 205px;
}


.blockMsg h1{
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}



.checkout-payment{
    float:left;
    width: 250px;
    padding: 20px;
    border: 1px solid transparent;
    height: 100px;
}

.checkout-payment.selected{
    border: 1px solid #007DBE;
}

.payment-cc-errors{
    color: red;
}

.payment-cc-errors strong{
    color: red;
}

.reveal-modal .errorlist{
    padding-top: 10px !important;
}

.reveal-modal .errorlist li{
    list-style:  none !important;
    background-image: none !important;
    padding: 0px !important;
}

input.spinner{
    background-image: url('/static/img/ajax-loader-input.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

#id_cvc{
    width: 100px;
}

#id_ecom_cardinfo_expdate_month{
    width: 50px;
}

#id_ecom_cardinfo_expdate_year{
    width: 100px;
}


#ws-checkout-form-payment-block .total{
    font-size: 21px;
    color: #323232;
}

#ws-checkout-form-payment-block .total .tax-info{
    font-size: 13px;
    color: #646464;
}



.popup .errorlist {
    padding-top: 0px !important;
}

.popup input[type=text]{
    width: 250px;
}

.popup input[type=email]{
    width: 250px;
}

.popup select{
    width: 250px;
}


.popup-table td{
    vertical-align: middle;
}

.checkout .row2 .captcha{
    float:left;
    padding-right: 10px;
}
.checkout .row2 #id_captcha_1{
    width: 240px;
}



.content-retail-info th{
    text-align: left;
    width: 100px;
}


#id_additional_info{
    width: 500px;
    border: 1px solid #BFC3C6;
    padding: 2px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    height: 60px;
    font-family: KlavikaRegular;
}


#ws-checkout-form-email #id_email{
    width: 340px;
}


.form_table th{
    font-weight: normal;
}


#shop-cart-reseller{
    padding-bottom: 30px;
}


#shop-cart-reseller .reseller-item{
    width:112px;
    height:75px;
    float:left;
    margin-bottom: 25px;
    text-align: center;
//    border: 1px solid #bebebe;
    margin-right: 22px;
}
#shop-cart-reseller .reseller-spacer{
    float: left;
    width:1px;
    height: 65px;
    border-left: 1px solid #bebebe;
    margin-top: 5px;
    margin-right: 22px;

}
#shop-cart-reseller .reseller-item .centerer{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#shop-cart-reseller .reseller-item .centered{
    display: inline-block;
    vertical-align: middle;
}


.reseller-tooltip .tipsy-inner{
    text-align: left;
    white-space: nowrap;
    max-width: none;
}


#shop-cart-reseller .more{
    display: none;
}


#layout-content .messages{
    margin-bottom: 10px !important;
}

#layout-content .messages li{
    background: None;
    padding: 0px;
    font-weight: normal;
    font-family: KlavikaMedium;
}

.not-available{
    color: red;
    font-size: 15px;
    padding-top: 10px;
}


/* Layout helpers
 ----------------------------------*/

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */




.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }




.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding-top: 7px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-decoration: none; }
.ui-tabs .ui-tabs-nav li a:hover { color: #007dbe; }
.ui-tabs .ui-tabs-nav li span { float: left; padding-top: 6px;  text-decoration: none; margin-bottom: 5px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text;   color: #007DBE !important;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }


/* Component containers
----------------------------------*/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border-bottom: 1px solid #aaaaaa/*{borderColorHeader}*/;  color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ /*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}