File: D:/HostingSpaces/SBogers10/deensekroon.komma-mediadesign.nl/wwwroot/admin/css/basic_style.css
@charset "UTF-8";
/*
CSS Document
Mike Ontwerpt 2012
www.mikeontwerpt.nl
*/
/* global */
html{ height: 100%; }
body{ margin: 0; padding: 0; height: 100%; color: #4d4d4d; font-family: 'Open Sans', sans-serif; font-size: 11px;}
ul, li{ margin: 0; padding: 0; }
a{ color: #0192cc; text-decoration: none; }
a:hover{ text-decoration: underline; }
h1{ margin: 0 0 48px 0; padding: 0; font-size: 18px; font-weight: 700; text-transform: uppercase; }
h2{ margin: 0 0 16px 0; padding: 0; font-size: 14px; font-weight: 700; }
table{ padding: 16px 0; width: auto; height: auto; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
tr{ width: auto; height: auto; }
td{ margin: 0; padding: 0; width: 96px; height: auto; vertical-align: top; }
td.short{ width: 48px; }
td.long{ width: 144px; }
select{ display: block; margin: 0 0 8px 0; height: 16px; width: 178px; }
hr{ height: 1px; background: #e5e5e5; border: none; }
select{ margin-top : 3px;}
/* wrappers */
#main{ position: absolute; left: 50%; margin-left: -480px; width: 960px; height: auto; }
/* structure */
#header{ position: absolute; left: 0; top: 0; width: 960px; height: 88px; border-bottom: 1px solid #e5e5e5; }
#main-menu{ position: absolute; left: 0; top: 112px; z-index: 10; margin: 24px 0; height: 16px; }
#content-holder{ position: absolute; left: 0; top: 168px; width: 960px; height: auto; z-index: 5; }
#jsbox{ width: 200px; height: 100px; }
/* columns */
.single-column{ float: left; width: 192px; }
.double-column{ float: left; width: 384px; }
.triple-column{ float: left; width: 576px; }
.quadruple-column{ float: left; width: 768px; }
.single-column-row, .double-column-row, .triple-column-row, .quadruple-column-row{ float: left; margin: 0 8px 8px 0; height: 24px; }
.single-column-row{ width: 176px; }
.double-column-row{ width: 368px; }
.triple-column-row{ width: 560px; }
.quadruple-column-row{ width: 752px; }
.single-column.sortfilter{ width: 184px; }
/* header */
.client-name{ display: block; margin: 24px 0; padding-top: -18px; height: 24px; font-size: 32px; font-weight: 600; font-variant: small-caps; }
.client-name a{ color: #4d4d4d; text-decoration: none; }
.cp-title{ display: block; position: absolute; bottom: 0; left: 8px; font-size: 16px; font-variant: small-caps; font-weight: 700; }
.myacc-btn{ display: block; position: absolute; bottom: 0; right: 0; font-size: 12px; font-weight: 300; }
/* menu */
#main-menu li{ float: left; margin: 0 8px 0 0; width: 184px; height: 19px; font-size: 16px; font-variant: small-caps; list-style: none; }
#main-menu li a{ color: #4d4d4d; text-decoration: none; }
.mm-arrow{ display: inline-block; margin: 0 8px 0 0; width: 8px; height: 8px; background: url(../images/structure/cp_sprite.png) -24px -95px; }
.mm-title{ display: block; margin: -2px 0 0 0; padding: 0 0 0 8px; width: 176px; height: 20px; border-bottom: 1px solid #e5e5e5; }
#main-menu li ul.drop-down{ width: 182px; padding: 16px 0; background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#main-menu li ul.drop-down li{ float: none; width: 182px; height: 24px; border: none; color: #707070; font-variant: normal; font-size: 11px; }
#main-menu li ul.drop-down li.space{ margin-bottom: 8px; border-bottom: 1px solid #e5e5e5;}
#main-menu li ul.drop-down li a{ display: block; padding: 4px 0 0 16px; width: 166px; height: 20px; color: #707070; font-weight: 400; }
#main-menu li ul.drop-down li a:hover{ background: #F7F7F7; color: #707070; }
#main-menu li.clear{ margin: 0; width: 0; height: 0; border-bottom: none; list-style: none; }
#dd-shop{ overflow: hidden; height: 27px; }
#dd-pages{ overflow: hidden; height: 27px; }
/* content */
.content-padding-top{ display: block; width: 960px; height: 48px; }
.submenu{ margin: 0 0 32px 0; width: 960px; height: auto; border-bottom: 1px solid #e5e5e5; }
.submenu a{ display: inline-block; }
/* login */
#login-holder{ position: absolute; left: 50%; top: 100px; margin-left: -96px; width: 192px; height: auto; }
#login-header{ position: relative; width: 192px; height: 64px; border-bottom: 1px solid #e5e5e5; }
#login-content{ padding: 8px; }
.stay-logged{ display: block; margin: 8px 0 8px -18px; height: 16px; }
.forgot-pass{ display: block; height: 16px; margin: 0 0 8px 0; }
.cbox{ width: 10px; height: 10px; margin: -2px 8px 0 0; }
/* form */
#loading{ display: none; }
input.txt{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 168px; height: 24px;
background: url(../images/structure/cp_sprite.png) -16px -8px; border: none; font-size: 10px; }
.btn176{ display: inline-block; padding: 5px 8px 8px 8px; margin: 0 8px 8px 0; width: 176px; height: 24px;
background: url(../images/structure/cp_sprite.png) -16px -40px; border: none; color: #fff; font-weight: 700; text-align: left; cursor: pointer; }
.btn176a{ width: 160px; height: 11px; }
input.btn176b{ display: inline-block; position: relative; top: -16px; }
.btn80{ display: inline-block; padding: 5px 8px 8px 8px; margin: -4px 8px 8px 0; width: 80px; height: 24px;
background: url(../images/structure/cp_sprite.png) -32px -144px; border: none; color: #fff; font-weight: 700; text-align: left; cursor: pointer; }
input.btn80b{ display: inline-block; position: relative; top: -16px; }
.btn184{ display: block; float: left; padding: 5px 8px 8px 8px; margin: 0 8px 8px 0; width: 168px; height: 11px;
background: url(../images/structure/cp_sprite.png) -16px -64px; border: none; color: #fff; font-weight: 700; text-align: left; cursor: pointer; }
input.btn184{ display: block; position: relative; width: 184px; height: 24px;}
.proceed{ background: url(../images/structure/cp_sprite.png) -16px -112px; }
.catBox{ display: block; width: auto; height: 24px; }
.tagBox{ display: inline-block; margin: 0 16px 0 0; width: auto; height: 24px; }
.tagBox-delete{ display: inline-block; width: 16px; height: 24px; color: #039FDD; font-size: 16px; font-weight: 700; cursor: pointer; }
/* feedback messages */
.fm-err{ display: block; margin: 0 0 8px 0; padding: 8px; background: #ea7f7f; border: 1px solid #7c1616; color: #fff; }
.fm-err-x{ margin: 0px 8px 0 0; color: #7c1616; font-size: 13px; font-weight: 800; }
.fm-suc{ display: block; margin: 0 0 8px 0; padding: 8px; background: #cbf4cb; border: 1px solid #6cdd6c; color: #4d784d;}
.fm-suc-v{ margin: 0 8px 0 0; color: #4d784d; font-weight: 800; font-size: 13px; }
.error-list li{ margin: 0 0 0 32px; list-style: circle; }
/* David Walsh Order */
#sortable-list{ position:relative; padding:0; }
#sortable-list li{ margin: 10px 0; padding: 4px 8px; width: 344px; height: 16px; background: #fff; color: #4d4d4d; list-style: none; cursor: move; border: 1px solid #999; }
/********** PAGES **********/
/* content; media library; folder structure */
#folder-structure-holder{ display: block; margin: 0 0 24px 0; width: 960px; height: auto; color: #707070;font-size: 12px; text-transform: capitalize; line-height: 24px; }
#folder-structure-holder a{ color: #707070; text-decoration: none; }
.small-active-folder{ display: inline-block; margin: 0 8px -2px 0; height: 16px; width: 16px; background: url(../images/structure/cp_sprite.png) -216px -8px; }
.small-folder{ display: inline-block; margin: 0 8px -2px 0; height: 16px; width: 16px; background: url(../images/structure/cp_sprite.png) -216px -24px; }
/* content; media library; thumbnails */
.medialib-thumb-row{ margin: 0 0 24px 0; width: 100%; height: auto; }
.medialib-thumb-holder{ margin: 0 8px 0 0; width: 88px; height: auto;float: left; }
.medialib-thumb-holder a{ color: #707070; text-decoration: none; }
.medialib-thumb-image,.medialib-thumb-folder,.medialib-thumb-vimeo,.medialib-thumb-youtube{ display: block; overflow: hidden; position: relative; width: 88px; height: 88px; }
.medialib-thumb-folder{ background: url(../images/structure/cp_sprite.png) -240px 0; }
.medialib-thumb-vimeo{ background: url(../images/structure/cp_sprite.png) -336px -88px; }
.medialib-thumb-youtube{ background: url(../images/structure/cp_sprite.png) -240px -88px; }
.medialib-thumb-title{ display: block; padding: 0px 0 2px 0; width: 88px; height: auto; border-bottom: 1px solid #e5e5e5; text-align: center;}
.medialib-thumb-actions{ margin: 4px 0 0 0; width: 88px; height: 16px; }
/* content; media library; add forms */
#addmedia-form-loader{ width: 768px; height: auto; }
.media-hidden-hover-row{ display: block; overflow: hidden; float: left; margin: 0 8px 8px 68px; width: 576px; height: 0; }
.cp_hoverimage{ position: absolute; top: 88px; left: 0; z-index: 200}
.move-column{ display: inline-block; float: left; position: relative; width: 192px; }
.move-column select{ display: block; position: relative; top: 2px; padding-top: 3px; width: 184px; height: 24px;}
/* content; manage products; show products */
.itemlist-row{ display: block; margin: 0 0 8px 0; padding: 10px 8px 6px 8px ;width: 944px; min-height: 20px; border: 1px solid #E5E5E5; }
body.products .itemlist-row{ padding: 10px 8px 20px 8px }
.itemlist-heading{ background: none; min-height: 20px;; line-height: 16px; font-weight: 600;}
.itemlist-single-column{ display: block; float: left; width: 96px; height: 24px; }
.itemlist-single-column.status{ width: 70px;}
.itemlist-single-column.order_code{ width: 160px; }
.itemlist-double-column{ display: block; float: left; width: 192px; height: 24px; }
.itemlist-double-column.title{ width: 300px; }
.itemlist-triple-column{ display: block; float: left; width: 288px; height: 24px; }
.itemlist-doublehalf-column{ display: block; float: left; width: 272px; height: 24px; }
.itemlist-edit{ float: right; width: 130px; }
.itemlist-warning{ background:#ffda80; }
.itemlist-cbox{ width: 10px; height: 10px; margin: -2px 8px 0 -16px; }
.itemlist-cbox-first{ width: 10px; height: 10px; margin: -2px 16px 0 -26px; }
.itemlist-txt{ display: block; margin: -4px 0 8px 0; padding: 0 0 0 8px; width: 72px; height: 24px;
background: url(../images/structure/cp_sprite.png) -112px -144px; border: none; font-size: 11px; }
.dashboardlist-row{ display: block; margin: 0 0 8px 0; padding: 12px 8px 8px 8px ;width: 944px; min-height: 20px; background: url(../images/structure/cp_sprite.png) -8px -440px; }
.dashboardlist-heading{ background: none; min-height: 20px; line-height: 16px; font-weight: 600;}
.dashboardlist-single-column{ display: block; float: left; width: 96px; height: 24px; }
.dashboardlist-double-column{ display: block; float: left; width: 192px; height: 24px; }
.stock .itemlist-edit{ width: 30px; }
.item-list-image{ display: block; margin: -10px 0 0 -7px; float: left; overflow: hidden; width: 54px; height: 54px; cursor: pointer; }
.item-list-image img{ width: 100%; height: 100%; }
/* content; manage products; show products button*/
.itemlist-btn{ display: block; float: left; margin: -4px 4px 0 0 ;width: 24px; height: 24px; background-position-y: -40px; cursor: pointer; }
#itemlist-btn-new{ background: url(../images/structure/cp_sprite.png) -344px -40px; }
#itemlist-btn-new.active{ background: url(../images/structure/cp_sprite.png) -344px -16px; }
#itemlist-btn-publish{ background: url(../images/structure/cp_sprite.png) -368px -40px; }
#itemlist-btn-publish.active{background: url(../images/structure/cp_sprite.png) -368px -16px; }
#itemlist-btn-discount{ background: url(../images/structure/cp_sprite.png) -392px -40px; }
#itemlist-btn-discount:hover{background: url(../images/structure/cp_sprite.png) -392px -16px; }
#itemlist-btn-popular{ background: url(../images/structure/cp_sprite.png) -416px -40px; }
#itemlist-btn-popular:hover{background: url(../images/structure/cp_sprite.png) -416px -16px; }
#itemlist-btn-edit{ background: url(../images/structure/cp_sprite.png) -440px -40px; }
#itemlist-btn-edit:hover{ background: url(../images/structure/cp_sprite.png) -440px -16px; }
#itemlist-btn-photo{ background: url(../images/structure/cp_sprite.png) -464px -40px; }
#itemlist-btn-photo:hover{ background: url(../images/structure/cp_sprite.png) -464px -16px; }
#itemlist-btn-order{ background: url(../images/structure/cp_sprite.png) -488px -40px; }
#itemlist-btn-order:hover{ background: url(../images/structure/cp_sprite.png) -488px -16px; }
#itemlist-btn-block{ background: url(../images/structure/cp_sprite.png) -512px -40px; }
#itemlist-btn-block:hover{ background: url(../images/structure/cp_sprite.png) -512px -16px; }
#itemlist-btn-unblock{ background: url(../images/structure/cp_sprite.png) -512px -16px; }
#itemlist-btn-activate{ background: url(../images/structure/cp_sprite.png) -536px -40px; }
#itemlist-btn-activate:hover{ background: url(../images/structure/cp_sprite.png) -536px -16px; }
#itemlist-btn-extraleuk{ background: url(../images/structure/cp_sprite.png) -560px -40px; }
#itemlist-btn-extraleuk:hover{ background: url(../images/structure/cp_sprite.png) -560px -16px; }
#itemlist-btn-extraleuk.active{ background: url(../images/structure/cp_sprite.png) -560px -16px; }
#itemlist-btn-sale{ background: url(../images/structure/cp_sprite.png) -584px -40px; }
#itemlist-btn-sale.active{ background: url(../images/structure/cp_sprite.png) -584px -16px; }
.status-column{ display: block; float: left; width: 58px; height: 24px;}
.copy-btn{ display: block; float: left; width: 40px;}
.itemlist-edit-popular-row{ display: none; overflow: hidden; margin: -8px 0 16px 0; width: 944px; height: 0; }
.itemlist-edit-popular-holder{ display: block; float: right; margin: -12px 0 8px 0; padding: 20px 8px 8px 8px ;width: 390px; height: 84px; background: #FAFAFA; border: 1px solid #E5E5E5; border-top: none; }
table.edit-popular{ margin: 0; padding: 0; width: 380px; border: none; }
table.edit-popular tr td{ width: 180px; }
.itemlist-edit-discount-holder{ display: block; float: right; margin: -12px 0 8px 0; padding: 20px 8px 8px 8px ;width: 390px; height: 124px; background: #FAFAFA; border: 1px solid #E5E5E5; border-top: none; }
/* content; orders */
.order-note{ display: block; margin: 0 0 24px 0; color: #0192cc; font-size: 14px; }
.order-detail-column{ float: left; margin: 0 96px 0 0; width: 480px; line-height: 16px; }
.order-customer-column{ float: left; margin: 0; width: 384px; }
table.order-details{ width: 384px; border: none;}
table.order-details tr td{ padding: 0 8px; width: 176px; }
.order-instance-row{ display: block; margin: 0 0 8px 9px; width: 480px; height: 48px; }
.order-instance-firstrow{ margin-top: 35px; }
.order-instance-image{ float: left; overflow: hidden; width: 46px; height: 46px; border: 1px solid #eaeaea; }
.order-instance-numproducts{float: left; margin: 16px 0 0 20px; width: 28px; height: 32px; }
.order-instance-title{ position: relative; float: left; margin: 8px 0 0 0; width: 280px; height: 40px; color: #565656; }
.order-instance-color{ display: block; position: absolute; left: 0; top: 24px; width: 32px; height: 16px; background: #ffda80; }
.order-instance-price{ position: relative; float: left; margin: 16px 0 0 0; width: 96px; height: 32px; color: #565656; text-align: right; }
.order-vat-column{ float: left; padding: 0 8px; width: 176px; }
.order-vat-label{ float: left; width: 88px; color: #9c9c9b; font-weight: bold; }
.order-vat-price{ float: left; width: 80px; color: #9c9c9b; text-align: right; }
.order-totalprice-column{ float: left; width: 288px; }
.order-totalprice-label{ float: left; padding: 0 8px; width: 176px; font-weight: bold; }
.order-totalprice-price{ float: left; width: 96px; color: #565656; text-align: right;}
.orderlist-red{ background: #7C1616; color: #fff; padding: 4px; }
.orderlist-yellow{ background: #E99C4D; color: #fff; padding: 4px; }
.orderlist-green{ background: #6CDD6C; color: #fff; padding: 4px; }
.orderlist-orange{ background: #FBB03B; color: #fff; padding: 4px; }
table.order-customer{ width: 384px; border: none;}
table.order-customer tr td.order-customer-detail{ width: 280px; }
#hidden-change-status{ overflow: hidden; height: 0; margin: 0 0 40px 0; }
/* discount */
hr.discount-form{ display: block; margin: 24px 0; }
div.discount-hidden{ display: block; overflow:hidden; margin: 0 0 0 20px; width: 100%; height: 0;}
div.discount-hidden-temp{ display: block; overflow:hidden; margin: 0 0 0 20px; width: 100%; height: 40px;}
/********************** P R O D U C T S **********************/
/* content; product page */
.product-page-left-column{ position: relative; float: left; margin: 0 8px 0 0; width: 312px; }
.product-page-middle-column{ position: relative; float: left; width: 304px; min-height: 312px; }
.product-page-right-column{ position: relative; float: left; margin: 0 0 0 24px; width: 304px; min-height: 312px; text-align: right;}
.product-page-medium-image{ position: relative; overflow: hidden; margin: 0 0 8px 0; width: 312px; height: 312px; }
.product-page-colorbar{ position: absolute; bottom: 0; width: 312px; height: 16px; background: #ffda80; z-index: 100 }
.product-smallthumb-row{ position: relative; margin: 0 0 8px 0; width: 320px; height: 72px; }
.product-smallthumb-holder{ position: relative; float: left; margin: 0 8px 0 0; width: 72px; height: 72px; }
.product-smallthumb-image{ overflow: hidden; width: 70px; height: 70px; border: 1px solid #eaeaea; }
.product-page-view-collection{ position: relative; top: 40px; }
.product-page-title-holder{ position: absolute; left: 240px; top: 8px; width: 720px; z-index: 200 }
.product-page-title{ display: block; margin: 0 0 4px 0; color: #565656; font-family: 'Asap'; font-size: 28px; font-variant: small-caps; letter-spacing: 2px; }
.product-page-brand{ display: block; color: #9c9c9b; font-family: 'Asap'; font-size: 16px; font-style: italic; font-variant: small-caps; }
.product-page-productcolor{ display: block; position: absolute; left: 8px; top: 64px; width: 32px; height: 16px; background: #ffda80; }
.product-page-priceholder{ display: block; position: absolute; right: 0; top: 61px; width: 152px; height: 24px; line-height: 24px; }
.product-page-oldprice{ display: block; position: absolute; right: 0; top: -24px; width: 152px; height: 24px; color: #d4d4d3; font-size: 14px; text-align: right; text-decoration: line-through;}
.product-page-currentprice{ display: block; position: absolute; right: 0; top: 0; width: auto; height: 24px; color: #565656; font-size: 24px; text-align: right; line-height: 24px; }
.product-page-description{ display: block; position: relative; left: 8px; top: 120px; width: 304px; }
.product-page-ilovethis-holder{ display: block; position: absolute; left: 8px; bottom: -4px; width: 96px; color: #565656; }
.product-page-iwantthis-holder{ display: block; position: absolute; left: 168px; bottom: -4px; width: 96px; color: #565656; }
.product-page-specs{ display: block; position: relative; right: 0; top: 8px; width: 304px; min-height: 282px; color: #9c9c9b; }
.product-page-instock{ color: #19B94F; font-size: 14px; }
.product-page-notinstock{ color: #ea004e; font-size: 14px; }
.product-page-num-cart-message{ display: block; position: relative; margin: 40px 0 0 0; width: 304px; letter-spacing: 1px; }
.product-page-add-to-cart-row{ display: block; position: relative; margin: 8px 0 8px 0; width: 304px; height: 24px; }
input.num-products{ position: relative; width: 24px; height: 16px; margin: 0 8px 0 0; padding: 0 0 2px 0; text-align: center; border: none; background: url('/images/structure/deensekroon_sprite.png') -8px -48px; }
.recommend-title{ display: block; margin: 16px 0; padding: 0 8px; width: 304px; height: 16px; border-bottom: 1px solid #eaeaea; text-align: left; }
.product-recommend-row{ margin: 0 0 16px 0; width: 304px; height: 160px; }
.product-recommend-holder{ position: relative; float: left; margin: 0 16px 0 0; width: 144px; height: 160px; }
#product-recommend-arrow-down{ position: relative; top: -6px;}
/* content; manage products; add products */
.addproduct-lefttop{ margin: 31px 0 0 0; }
.media-help{ display: block; margin: 0 0 24px 0; width: 384px; }
.addproduct-image{ float: left; margin: 0 16px 0 0; width: 176px; height: 176px; background: url(../images/structure/cp_sprite.png) -16px -176px; }
#lib-holder{ height: 260px; }
.jsMedia-Holder{ overflow-y: scroll; overflow-x: hidden; padding: 24px 40px; width: 487px; height: 216px; border: 1px solid #e5e5e5; }
.tagstxt{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 562px; height: 24px; background: url(../images/structure/cp_sprite.png) -16px -360px; border: none; font-size: 10px; }
/* content; js media library (in forms) */
#jsfolder-structure-holder{ display: block; margin: 0 0 8px 0; width: 100%; height: auto; color: #707070; font-size: 12px; text-transform: capitalize; line-height: 24px; }
#jsfolder-structure-holder a{ color: #707070; text-decoration: none; }
#form-images-holder{ margin: 33px 0 48px 0; padding: 23px 24px 24px 24px; width: 328px; min-height: 216px; border: 1px solid #e5e5e5; }
input.mediatxt{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 78px; height: 24px; background: none; border: 1px solid #e5e5e5; font-size: 10px; }
.deleteImageFromSession-button{ position: relative; margin-top: -24px; width: 16px; height: 16px; color: #039FDD; font-size: 16px; font-weight: 700; cursor: pointer; }
.new-xfun { font-size: 0.8em; }
.new-xfun input{ margin: 0 2px 0 0;}
/* overwrite classes */
.clear{ clear: both; }
.margin-right{ margin: 0 8px 0 0; }
.margin-right-40{ margin: 0 40px 0 0; }
.margin-bottom-40{ margin: 0 0 40px 0; }
.no-margin{ margin: 0; }
.float{ float: left; }
.line-through { text-decoration:line-through; color: #9c9c9b;}
.inline-block{ display: inline-block; }
/* Sizes box */
#sizes_box{ display: none; position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 20px 20px 0 20px; width: 704px; height: auto; border: 1px solid #e5e5e5; }
#sizes_box .title{ display: block; margin-bottom: 10px; font-weight: 700; }
#sizes_box .rows{ list-style: none; margin: 0; padding: 0; }
#sizes_box .rows li{ height: auto; }
#sizes_box .rows li label{ display: block; float: left; margin-right: 10px; line-height: 24px;}
#sizes_box .rows li input{ display: block; float: left; margin-right: 20px; width: 30px; background: none; border: 1px solid #707070; }
#sizes_box .rows li input.long{ width: 100px;}
#sizes_box .rows li .delete{ color: #ea004e; cursor: pointer; line-height: 24px;}
#sizes_box .rows li .delete:hover{ text-decoration: underline;}
#sizes_box .actions{ width: 100%; height: 30px; line-height: 30px; }
#add_size{ color: #039FDD; cursor: pointer; }
#add_size:hover{ text-decoration: underline; }
.grey{ color: #9a9b9a;}
/* Product brand menu */
body.products h1{ margin-bottom: 30px; }
.brand_menu{ list-style: none; margin: 0 30px 30px 0; padding: 0; float: left; }
.brand_menu li a{ color: #707070; }
.brand_menu .active a{ color: #039FDD; font-weight: bold;}
label{
font-weight: 700;
}
#sortable-thumb{ position:relative; padding:0; margin: 0 0 40px 0; }
#sortable-thumb li{ margin: 0 0 8px 0; width: 100%; height: 60px; line-height: 60px; list-style: none; border: 1px solid black; cursor: move; }
#sortable-thumb li .sort-image{ width: 60px; height: 60px; margin-right: 20px; float: left; }
#sortable-thumb li .sort-image img{ width: 100% }
#sortable-thumb li .sort-title{ float: left; white-space: nowrap; }