/* General */

.hide       { display: none; }

table.pageTable{
    margin-left: auto;
    margin-right: auto;
}


table.svbutton {
    border: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse:collapse;
    height: 22px;
    font-family: sans-serif;
    font-weight:bold;
}

table.svbutton td {
  vertical-align: middle;
    padding: 0;
    font-family: sans-serif;
    font-weight:bold;
}

table.svbutton a {
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    font-family: sans-serif;
    font-weight:bold;
}

table.svbutton img {
    border: 0;
    font-family: sans-serif;
    font-weight:bold;
}

.blackHeader {
    color: black;
    text-align: center;
}

.blackHeader2 {
    color: black;
    text-align: left;
    border-left: 20px;
}

.blackHeader2 a {
    color: black;
    text-decoration: none;
}

.blackHeader2 a:hover {
    color: black;
    text-decoration: underline;
}

.blackHeader a {
    color: black;
    text-decoration: none;
}

.blackHeader a:hover {
    color: black;
    text-decoration: underline;
}

.blackText {
    color: black;
}

.blackTextLarge {
    color: black;
    font-size: 12px;
}

.blackText a {
    color: black;
    line-height: 20px;
}

.campaignPrice{
    color: rgb(231, 24, 57);
    font-weight: bold;
}

.lineThrough{
    text-decoration: line-through;
}

.whiteHeader {
    color: white;
    text-align: center;
}

.whiteHeader2 {
    color: white;
    text-align: left;
    border-left: 20px;
}

.whiteHeader2 a {
    color: white;
    text-decoration: none;
}

.whiteHeader2 a:hover {
    color: white;
    text-decoration: underline;
}

.svanstroms .whiteHeader a, .wettergrens .whiteHeader a, .killbergs .whiteHeader a {
    color: white;
    text-decoration: none;
}

.svanstroms .whiteHeader a:hover, .wettergrens .whiteHeader a:hover, .killbergs .whiteHeader a:hover {
    color: white;
    text-decoration: underline;
}

.whiteText {
    color: white;
}

.whiteTextLarge {
    color: white;
    font-size: 12px;
}

.whiteText a {
    color: white;
    line-height: 20px;
}

span.pageTopMarker {
    float: right;
    padding-left: 160px;
    padding-right:20px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

div.pageRightMarker {
    width: 18px;
    height: 100px;
}

/* Filter Navigation */
.filterNavigation h3 {
    text-transform: uppercase;
    vertical-align: middle;
}

.filterNavigation a {
    margin-left: 10px;
    margin-right: 10px;
}

/* Product Details */

.productdetails .bigPriceFont {
    font-size: 1.4em;
    display: block;
    margin: 1em 0;
    line-height:1.4em;
}
.productdetails .quantity {
    width: 30px;
    text-align: right;
    padding: 0 5px 0 0;
    border: 1 black;
}

.productdetails .comments {
    width: 80px;
    text-align: right;
    padding: 0 5px 0 0;
    border: 1 black;
}

.productdetails ul.tabs, .productdetails li.tab {
	display: inline;
}

.productdetails ul.tabs li.tab a {
	color: white;
    padding-right: 3px;
    float: left;
    border: 1px solid black;
}

.productdetails h3 {
    font-size: 14px;
}

.productdetails .variantList td {
    padding-left: 5px;
}

.productdetails .variantListEven {
    width: 615px;
    height: 57px;
}

.productdetails .variantListOdd {
    width: 615px;
    height: 57px;
    background: url(/ecommerce/images/svanstroms/temp/productdetails_variantbg.gif) no-repeat;
}


#listQuickAdd td table td{
    border-top:0px solid #ccc;
    border-bottom:0px solid #ccc;
}

#listQuickAdd th {
    padding: 5px 0px 5px 5px;
}




.addressListEven {

}

.addressListOdd {
    background-color: #cccccc;
    /*background: url(/ecommerce/images/svanstroms/temp/productdetails_variantbg.gif) no-repeat; */
}

.newuser-form-label {
    width:150px;
    margin-top:10px;
    text-align: left;
    font-weight: 600;
      /*width: 130px;*/
}

.newuser-form-field {

    margin-bottom: 4px;
    text-align: left;
    font-size: 12px;
    width: auto;
}

.eventMessage p {
    color: #e71839;
    font-size: 1.1em;
    font-weight: bold;
}

.greybox .greyboxCheckout{
    background-color: #EEEEEE;
}

.greyboxCheckout {
    background:url(../images/cost-background.gif) no-repeat top left;
}
#abc li.first {
    width:6px;
    height:29px;
    background:url(../images/bottom-left.gif) no-repeat top left;
}

#abc li.last {
    width:6px;
    height:29px;
    background:url(../images/bottom-right.gif) no-repeat top right;
}


#Ctab .tabSelected {
    background: url( ../images/top-right-selected2.gif ) top left no-repeat;
    height: 60px;
    text-decoration:none;
    text-align:center;
}

#Ctab .tabSelectedFirst {
    background: url( ../images/top-right-selected2.gif ) top left no-repeat;
    text-decoration:none;
    height: 60px;
    text-align:center;
}

#Ctab .tabSelectedLast {
   background: url( ../images/top-right-selected2.gif ) top left no-repeat;
    text-decoration:none;
    height: 60px;
    text-align:center;
}

#Ctab .tabUnselected {
    background: url( ../images/top-right2.gif ) top left no-repeat;
   text-decoration:none;
    height: 60px;
    text-align:center;
}

#Ctab .tabUnselectedFirst {
    background: url( ../images/top-right2.gif ) top left no-repeat;
   text-decoration:none;
    height: 60px;
    text-align:center;
}

#Ctab .tabUnselectedLast {
    background: url( ../images/top-right2.gif ) top left no-repeat;       
    text-decoration:none;
    height: 60px;
    text-align:center;

}
#Ctab td.firstSelected {
    width:6px;
    background:url(../images/bottom-left.gif) no-repeat top left;
    height: 60px;
}
#Ctab .firstUnselected {
    background: url( ../images/bottom-left.gif ) top left no-repeat;
    height: 60px;
    width:6px;
}
#Ctab .lastSelected {
    background: url( ../images/bottom-right.gif ) top left no-repeat;
    height: 60px;
    width:6px;
}
#Ctab .lastUnselected {
    background: url( ../images/bottom-right.gif ) top left no-repeat;       
    height: 60px;
    width:6px;
}

.smallproductsummary {
     position: relative;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    height: 30px;
    background-color: transparent;
    background-image: url(../images/svanstroms/product_box.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
}


/* Rounded corners */
.rowOdd{ margin: 0;background: #eeeeee}
.rowEven{ margin: 0;background: #ffffff}

b.rtopOdd, b.rbottomOdd{display:block;background: #FFF}
b.rtopOdd b, b.rbottomOdd b{display:block;height: 1px;
    overflow: hidden; background: #eeeeee}
b.rtopOdd, b.rbottomOdd{display:block;background: #FFF}
b.rtopEven b, b.rbottomEven b{display:block;height: 1px;
    overflow: hidden; background: #FFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.grey { background: #dddddd; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

#backgroundPopup {
    display: none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    border: 1px solid #cecece;
    z-index: 1;
}

.bubbla {
    cursor: pointer;
}

.orderComment {
    display: none;
    position:fixed;
    _position:absolute;
    left: 385px;
    top: 200px;
    height: 100px;
    width: 200px;
    background: #fff;
    /*background: transparent;*/
    border: 2px solid #cecece;
    z-index: 2000;
    padding: 12px;
    font-size: 13px;
}

.orderCommentClose {
    font-size: 14px;
    line-height: 14px;
    /*right: 6px;
    top: 4px;
    position: absolute;*/
    color: #000;
    font-weight: 700;
    display: block;
}

.basic-table2 tr td {
    padding-top: 0.0em;
    padding-right: 0.0em;
    padding-bottom: 0.0em;
    padding-left: 0.0em;
}

/* product nav */
#productdetailsnav ul {
    padding : 0;
    float : left;
    margin : 0;
    width : 100%;
    list-style-type : none;
    height : 42px;
}

#productdetailsnav li {
    font-weight : bold;
    font-size : 1.3em;
    background : url(/ecommerce/images/top-right2.gif) no-repeat right top;
    float : left;
    margin : 0;
    overflow : hidden;
    white-space : nowrap;
    height : 42px;
    text-align : center;
}

#productdetailsnav a {
    display : block;
    padding-right : 2.94em;
    padding-left : 2.94em;
    background : url(/ecommerce/images/top-left2.gif) no-repeat left top;
    padding-bottom : 1.1em;
    color : #808080;
    padding-top : 1.1em;
    height : 42px;
    text-decoration : none;
}

#productdetailsnav .first A {
    background : url(/ecommerce/images/top-left-first2.gif) no-repeat left top;
}

#productdetailsnav li.selected {
    font-weight : bold;
    background-image : url(/ecommerce/images/top-right-selected2.gif);
}

#productdetailsnav A.selected {
    background-image : url(/ecommerce/images/top-left-selected2.gif);
}

#productdetailsnav A.firstselected {
    background-image : url(/ecommerce/images/top-left-first-selected2.gif);
}

#product-tabs {
    background: url(/ecommerce/images/bg-tabs-info.jpg) no-repeat;
    background-position: -3px;
    padding: 20px;
    width: 560px;
    font-size: 1.3em;
}

#product-tabs div {
    display: none;
}

#product-tabs div.selected {
    display: block;
}

.checkBox {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
    background: #FFFFFF;
    font-size: 8pt;
    background: white;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0px;
  /*  padding-right: 2px;
    padding-bottom: 0px;    */
}

.newuser .inputBox {
    width: 170px;
}

.inputBoxStandard {
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    background: #FFFFFF;
    margin: 2px;
    padding:6px;
    -moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-radius:2px; border-radius:2px;     border: #ccc solid 1px;
}
.inputBoxStandard:focus {
    -webkit-box-shadow: 0 0 5px rgb(183,183,183); -moz-box-shadow: 0 0 5px rgb(183,183,183); box-shadow: 0 0 5px rgb(183,183,183);
    background: #ffffef;

}

a.standardLink {
    font-weight: bold;
    text-decoration: none;
    color: black;
}

a.standardLink:hover {
    font-weight: bold;
    text-decoration: underline;
    color: black;
}

.variantdetailsWrapper {
    float:left;
    padding: 5px 0;
    border-bottom:1px solid #ccc;
}

td.variantdetails {
    padding: 5px 0;
    vertical-align:middle;
}

#payment-overlay
{
    position: absolute;
    width: 550px;
    height: 680px;
}



