/* PRODUKTVISNING */

.collection td.col {
    background-color: #fff;
    padding: 10px;
}
.collection td.col-description {
    width: 175px;
}
.collection td.col-main {
    width: 275px;
    text-align: center;
}
.collection td.col-colors {
    width: 185px;
    background-color: #f9f9f9;
    position: relative;
}
.collection td.col-colors .texttoimage-h2 {
    margin-bottom: 10px;
}
.collection td.col-colors .color-list {
    margin-left: -8px;
    height: 155px;
    overflow: auto;
}
.collection .texttoimage-h1 {
    padding: 0 0 7px 5px;
    height: 20px;
}
.collection .texttoimage-h2 {
    padding: 0 0 3px 0;
}
.collection {
    color: #666;
}
.collection .color {
    width: 79px;
    float: left;

}
.collection .color table {
    height: 60px;
}
.collection .color img {
    border: 1px solid #e2e2e2;
    background-color: #fff;
    padding: 5px;
}
.collection .price {
    font-size: 1.2em;
    font-weight: bold;
    font-family: Georgia,Arial,sans-serif;
    color: #333;
}
.shadow-radiobutton {
    height: 12px;
    width: 12px;
    background: transparent url(../images/misc/shadow-radiobutton.png) no-repeat;
}
.rbcell input, .rbcell .shadow-radiobutton {
    padding: 0;
    margin: 5px;
}
.rbcell {
    width: 30px;
}
.add-to-basked-button {
    padding: 0;
    border: none;
    background: #000 url(../images/misc/add-to-basked-button.png) no-repeat;
    width: 108px;
    height: 22px;
    display: block;
    margin: 25px 0;
}
.add-to-basked-button:hover {
    background-position: bottom;
}

table.list {
    border-bottom:1px solid #F0F0F0;
    border-right:1px solid #ECECE4;
    empty-cells:show;
    margin:1em 0;
    width:100%;
}
table.list th, table.list td {
    padding:0.25em;
    text-align:left;
    vertical-align:top;    
}
table.list th {
    background-color: #464646;
    border-top: 2px solid #5e5e5e;
    border-left:2px solid #5e5e5e;
    color: #fff;
}
table.list td {
    border-left:1px solid #F0F0F0;
    border-top:1px solid #F0F0F0;
}
table.list td img.bullet {
    margin-bottom:-3px;
}
tr.bglight, td.bglight {
    background-color:#ffffff;
}
tr.bgdark, td.bgdark {
    background-color:#f9f9f9;
}
tr.special, td.special {
    background-color:#F7F6C1;
}
tr.pris, td.pris {
    background-color:#F7E7C1;
}

.content-basket table.list td {
    padding: 7px;
}
td.product-name {
    width: 100px;
    text-align: center !important;

}
td.product-total {
    background-color: #7ead40;
    border-top: 2px solid #98c425;
    border-left:2px solid #98c425;
    color: #fff;
}
table.spacy td {
    padding: 10px 8px;
}


.actions {
    margin-bottom: 20px;
}
.actions input {
    float: right;
    display: block;
    margin-right: 0;
    margin-left: 15px;
}

/* Button */
.button {
    background: transparent url(../images/misc/button-bg.png) ;
    border: 2px solid #2c964e;    
    color: #fff;
    padding: 0 15px;
    height: 30px;
}
.button-huge {
    height: 34px;
    padding: 0 20px;
    font-weight: bold;
    font-size: 1.1em;
}
.button-gray {
    background-position: 0 60px;
    border-color: #6e6e6e;
}

/* Form element */

.form-element {
    background: transparent url(../images/misc/form-element-bg.png);    
    padding: 0 0 0 6px !important;

}
.form-element .inner {
    background: transparent url(../images/misc/form-element-bg.png) right top;
    height: 50px;
    padding-top: 10px;
}

.form-element .inner .title-element {
    float: left;
    width: 30%;
    font-size: 1.2em;
    font-weight: normal;
    font-family: Georgia,Arial,sans-serif;
    padding-top: 4px;
}
.form-element .inner .input-element {
    float: left;
    width: 68%;
}
.form-element .inner .input-element input.text, .form-element .inner .input-element input.text-split {
    width: 99%;
    font-size: 1.1em;
    padding: 0.3em;
    font-family: Georgia,Arial,sans-serif;
}
.form-element .inner .input-element select {
    width: 100%;
    font-size: 1.1em;
    padding: 0.3em;
    font-family: Georgia,Arial,sans-serif;
}
.form-element .inner .input-element input.text-split {
    display: block;
    float: left;
}
.form-element .inner .input-element input.text-split-right {
    display: block;
    float: right;
}
.form-element .inner .input-element input.text-split-50p {
    width: 46%;
}
.form-element .inner .input-element input.text-split-20p {
    width: 15%;
}
.form-element .inner .input-element input.text-split-80p {
    width: 77%;
}

/* Icons */
.icon {
    display: block;
    padding-left: 23px;
    background: transparent url(../images/icons/checkmark-16.gif) 0% 50% no-repeat;
}

.icon-check-active {
    background-image: url(../images/icons/checkmark-16.gif);
}
.icon-Pending {
    background-image: url(../images/icons/hourglass.png);
}
.icon-Processing {
    background-image: url(../images/icons/cog_go.png);
}
.icon-Delivered {
    background-image: url(../images/icons/lorry_go.png);
}
/* Misc */
.content-container {
    background: #f8f8f8;
    padding: 9px;
    width: auto;
}
.center {
    text-align: center !important;
}
.righty {
    text-align: right !important;
}


/* User status (floating over the top image) */
#user-status, #user-status-bg {
    position: absolute;
    top: 5px;
    right:10px;
    width: 360px;
    height: 55px;

}
#user-status-bg {
    background: #000;
    border: 2px solid #444;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#user-status {
    color: #fff;
    text-align: left;    
}
#user-status a:link, #user-status a:visited {
    color: #fff;
    text-decoration: none;
}
#user-status a:hover {
    text-decoration: underline;
}
#user-status .small {

}
#user-status .big {
    font-size: 1.3em;
    font-weight: bold;
}
#user-status div.col {
    float: left;
    margin-top: 13px;    
}
#user-status div.col-70 {
    width: 62%;
    margin-left: 10px;
}
#user-status div.col-30 {
    width: 35%;
}
#user-status-login {
    margin-left: 30px;
    margin-top: 22px !important;
}

/* Team member */

.profile-images {    
    margin-top: 10px;    
}

.profile-images img {
    margin-top: 7px;
    margin-right: 7px;
}

#ticker {
    background: transparent url(../images/banners/nyhetslink.jpg) no-repeat;
    margin-top: 5px;
    height: 69px;
    width: 100%;
    position: relative;
}
#ticker div.content {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 450px;
    color: #fff;
}
#ticker div.content a:link, #ticker div.content a:visited {
    color: #fff;
    font-weight: bold;
    font-size: 123.1%;
}

/* Pages */
.page-block {
    position: relative;
}
.page-block .content {
    position: absolute;
    padding-right: 10px;
    top: 35px;
    right: 35px;
    width: 300px;
    height: 380px;
}
.page-block .content .scroll-pane  {
    background: none;
    float: left;
    overflow: auto;
    width: 311px;
    height: 360px;
}
/* Article */

.article-full .main-image, .article-line .main-image {
    float: right;
    border: 1px solid #333333;
}

.article-line {
    border-bottom: 1px solid #999;
    clear: both;
    padding: 0.7em 0;
}

.article h1,
.article-line h2 a:link,
.article-line h2 a:visited {
    text-decoration: none;
    color: #628a38;
}