html,body,input,select,textarea { font: 9pt Arial, Tahoma, verdana, arial, sans-serif; color: #2f3436; }

body { margin:0; padding:0; background: #fcb8dd url(/assets/img/body-bg.gif) repeat-y center; }

a { color: #333; }
a.sub-cat { font-weight: bold; color: #555; }
a.readmore { border-bottom: 1px solid #ecf3fd; font-size:11px; color: #333; font-weight: bold; }
a.readmore:hover { border-bottom: 1px solid #333; }

a.publish { color: #f78c22; }
a.publish:hover { color: #f78c22; border-bottom: 1px solid #f78c22; }

a.advertise { color: #777; font-size: 8pt; }
a.rss { border: none !important; }

/* Buttons */
  
  a.button { float: left; text-align: center; display: block; margin: 10px 10px 0 0; font-size:8pt; width:l70px; padding:2px 8px; background:#333 url('/assets/img/bg-input-btn.gif') repeat-x; color:#fff; border:1px solid #e1569f; cursor:pointer;  }

.bold { font-weight: bold!important; }
.u { border-bottom: 1px solid #444!important; }
span.highlight { font-weight: bold; color: #c42f2f; }
span.highlight a { font-weight: bold; color: #c42f2f; }
.smallf { font-size: 8pt; }

h2.hdr { text-transform: uppercase; font-weight: bold; font-size:10pt; padding: 5px; margin-bottom: 20px; background:#85979d; color:#dbe0e2; }
h2.news-hdr { font:11pt georgia; ;font-weight: bold; margin-bottom: 10px; color:#333; }
h2.intro-hdr { font-weight: bold; color: #333; font-size:11pt; padding: 0; margin-bottom: 5px; }
h2.subhdr { padding:0 0 20px 0; font-weight: bold; color: #333; font-size: 11pt; background:#fff; }

ul.basic { margin:5px 20px; }

#top-banners { margin-bottom: 25px; }
.top-banner-1, .top-banner-2, .top-banner-3 { float: left; height: 60px; width: 175px; background: #ddd; }
.top-banner-2 { margin:0 12px; }


.f-left   { float: left !important; }
.f-right  { float: right !important; }

h3.subhdr { font-weight: bold; margin-bottom: 15px; font-size:10pt; }

.static { margin-top: 20px; }
.static h2 { font-weight: bold; text-transform: uppercase; margin-top: 20px; }
.static h3 { font-weight: bold; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; }
.static p { margin: 15px 0; }
.static div.form { margin:20px 0;}

/* Ads */
  
  .ad-box { padding:0; border:1px dotted #fff; position: relative; margin: 10px 0; background: #fff; }
  .ad-box p { display: none; color: #999; position: absolute; top:0; right:0; padding: 10px; font-size: 10px; }
  
  .ad-336-280 { margin:0 0 10px 0; padding: 10px; border-left: 2px solid #ddd;  }
  .ad-468-60  { margin:0 0 10px 0; padding: 10px; border: 1px solid #eee; }
  .ad-468-15  { }

#page { width: 870px; margin: 0 auto; }
#page-header { background: url(/assets/img/hdr.jpg) no-repeat center; width: 870px; height: 170px; position: relative; }
#page-header h1 { position: absolute; top: 25px; left: 25px; }
#page-content { background: #fff url(/assets/img/content-bg.gif) repeat-y; }
#page-footer { background:#fff; border-top: 1px solid #deebf8; }
#page-footer div { padding: 15px 25px; font-size: 8pt; color: #555; line-height: 15px; }
#page-footer a { color: #333; border-bottom: 1px solid #ddd; }

#nav-bar { border-right: 1px solid #fff; border-left: 1px solid #fff; width: 868px; background: #fff url(/assets/img/nav.gif) repeat-x; height: 40px; position: absolute; bottom: 11px; left: 0; }
#main-nav {   }
#main-nav ul { margin: 0 20px; }
#main-nav ul li { float: left; }

#main-nav ul li#nav-home a { text-indent: -9999px; width: 112px; height: 40px; background: url(/assets/img/nav/start.gif); }
#main-nav ul li#nav-news a { text-indent: -9999px; width: 72px; height: 40px; background: url(/assets/img/nav/news.gif); }
#main-nav ul li#nav-partners a { text-indent: -9999px; width: 90px; height: 40px; background: url(/assets/img/nav/partners.gif); }
#main-nav ul li#nav-register a { text-indent: -9999px; width: 106px; height: 40px; background: url(/assets/img/nav/register.gif); background-position:0 0; }
#main-nav ul li#nav-login a { text-indent: -9999px; width: 89px; height: 40px; background: url(/assets/img/nav/login.gif); }
#main-nav ul li#nav-contact a { text-indent: -9999px; width: 82px; height: 40px; background: url(/assets/img/nav/contact.gif); }

#main-nav ul li a { text-transform: uppercase; font-size: 10pt; height: 40px; line-height: 28pt; display: block; color: #fff; text-align: center; text-decoration: none; }
#main-nav ul li a:hover { color:#ddd; }
#main-nav ul li.active a { background-position:0 -40px!important; font-weight: bold; color:#fff; background: url(/assets/img/bg-nav-main-active.gif) repeat-x center; }

#main-nav ul li#nav-home a:hover, #main-nav ul li#nav-news a:hover,
#main-nav ul li#nav-register a:hover, #main-nav ul li#nav-login a:hover,
#main-nav ul li#nav-contact a:hover, #main-nav ul li#nav-partners a:hover
{ background-position:0 -40px; }

#top-search { position: absolute; height: 20px; bottom: 5px; width: 240px; right: 15px; padding:0 0 4px 10px;  }
fieldset#search { background: #fff; }
#btn-search { margin:3px 5px 0 0; float: right; }
#keyword { float:left; padding:2px; border:1px solid #fff; background:#fff; font-size:8pt; width: 210px; color: #444; }

#content-container { background:#fff url(/assets/img/side-bg.gif) repeat-y right; padding-top: 10px; /*padding:5px 25px 10px 25px;*/ }

#crumb {  padding:10px 20px; font-size: 8pt; }
#crumb a { color: #8b9776; }
#crumb #br-left   { float: left; }
#crumb #br-left a {  }
#crumb #br-right  { float: right; }

#content-left { float: left; width: 550px; background: #fff; padding: 0 25px; }
#content-right { float: right; width: 240px; padding: 0 15px;  }

.intro-box-feat { color:#333; border:1px solid #ddd; margin-bottom: 10px; background: #fff; }
.intro-box-feat .ftr { height: 10px; }
.intro-box-feat .body { padding-top:10px; }
.intro-box-feat .account-body a { font-weight: bold; }
.intro-box-feat .body p { padding:0 10px; line-height: 18px; }
.intro-box-feat .body a { color:#555; border-bottom: 1px solid #fff; }
.intro-box-feat .body h2 { color:#333; }

.intro-box { margin-bottom: 20px; border-top: 1px solid #deebf8; border-bottom: 1px solid #deebf8; background: #f1f5fc url(/assets/img/bg-intro.gif); }
.intro-box .body { padding:10px;}
.intro-box .body p { padding:0; line-height: 18px; }
.intro-box .body a { border-bottom: 1px solid #555; }
.intro-box ul { margin: 10px; list-style: square; padding: 10px 30px; background: #fff; border: 1px solid #ddd; }

.cats-box { background:#fff; border: 1px solid #fb89c8; margin-bottom: 15px; }
.cats-box h2 { font-weight: bold; font-size: 10pt; padding:0 15px; padding: 5px 10px; margin-bottom:10px; color: #fff; background:#fccfe7 url(/assets/img/bg-side-hdr.gif) repeat-x; text-transform: uppercase; }
.cats-box .hdr {  }
.cats-box .ftr { height: 15px; }
.cats-box .body { padding: 0; }
.cats-box ul { background:#fff; }
.cats-box ul li { height: 1%;  }
.cats-box ul li a { display:block; width:190px; color:#5f694e; padding:2px 10px; float: left; }
.cats-box ul li.active a { font-weight: bold; }
.cats-box ul li a:hover { color:#27360d; }

table.rating-add { width: 300px; }
table.rating-add td { text-align: center; }

/* Link to us box */
table#link-to-us { width: 100%; margin-bottom: 20px; } 
table#link-to-us td { padding: 5px; border:1px solid #f1f1f1; }
table#link-to-us textarea { border:1px solid #f1f1f1; background:#fff; }


/* Content box */

  .content-box { padding:0 10px; }

/*.cat-name .cat-hdr { font-weight: bold; color: #333; font-size:11pt; }*/

/* News navigation */

  #news-nav { background: #f4f5f6; margin:20px 0; }
  #news-nav ul {  }
  #news-nav ul li { float: left; }
  #news-nav ul li a { font-weight:bold; text-transform: uppercase; display: block; padding:5px 10px; color: #85979d; text-align: center; background:#dbe0e2 url(/assets/img/bg-news-nav.gif) repeat-x center; text-decoration: none; border-right: 1px solid #f4f5f6; }
  #news-nav ul li a:hover { background:#e0e3e7; }
  #news-nav ul li.active a { background:#85979d url(/assets/img/bg-news-nav-active.gif) repeat-x center; color:#dbe0e2; }
  #news-nav ul li.active a:hover { background:#85979d; color:#dbe0e2; }
  
/* News navigation */

  #tabs-nav { background: #fff; margin:20px 0; border-bottom: 2px solid #f97cc1 }
  #tabs-nav ul {  }
  #tabs-nav ul li { float: left; }
  #tabs-nav ul li a { font-size: 8pt; color:#fff; font-weight:bold; text-transform: uppercase; display: block; padding:5px 10px; text-align: center; background:#fdb1db; text-decoration: none; border-right: 1px solid #fff; }
  #tabs-nav ul li a:hover { background:#fb89c8; }
  #tabs-nav ul li.active a { background:#fb89c8; color:#fff; }
  #tabs-nav ul li.active a:hover { background:#fb89c8; color:#fff; }  
  
/* News box */

  .news-box { line-height: 18px; margin-bottom: 30px; }
  .news-box .meta-top { color:#888; font-size: 8pt; background: #ecf3fd; padding: 2px 4px; margin-bottom: 5px; border-top: 1px dotted #ecf3fd; }
  .news-box .meta-top a { color: #585858; } 
  
  .news-box .hdr h3 { float: left; }
  .news-box .hdr .date { float: right; background:#cabe66 url(/assets/img/date-bg.gif); color:#fff; padding: 2px 8px; font-size: 8pt; }
  
  .news-box .right h3 { font-weight: bold; font-size: 10pt; padding-bottom:5px; }
  .news-box .right h3 a { color: #333; }
  .news-box .right .ftr { font-size: 8pt; padding-top:5px; color: #707578; }
  .news-box .right .ftr a { color: #585858; text-decoration: none; border-bottom: 1px solid #ddd; } 
  .news-box .right .body { line-height: 13pt; padding:0 0 5px 0; border-bottom: #ecf3fd 1px dotted; }
  
  
/* Shop box */

  .shop-box { line-height: 18px; margin-bottom: 30px; }
  .shop-box .subhdr { color:#888; font-size: 8pt; background: #ecf3fd; padding: 2px 4px; margin-bottom: 5px; border-top: 1px dotted #b7d4ff; }
  .shop-box .subhdr a { color:#888; }
  .shop-box .right .hdr .left { float: left; width: 430px; }
  .shop-box .right .hdr .right { float: right; width: 100px; }
  .shop-box .right h3 { font-weight: bold; font-size: 10pt; padding-bottom:5px; }
  .shop-box .right .ftr { font-size: 8pt; padding-top:5px; color: #888; }
  .shop-box .right .ftr a { color: #888; border-bottom: 1px solid #ddd; }
  .shop-box .right .body { padding:0 0 5px 0; border-bottom: #b7d4ff 1px dotted; }
  
  
/* Comment listing */

  .comment-item { margin-top: 20px; border: 1px solid #e7effd; }
  .comment-item .body h3 { font-weight: bold; padding: 5px 10px; border-bottom: 1px dotted #e7effd; margin:0; }
  .comment-item .body p { line-height: 15px; padding: 10px; }
  .comment-item .info { color:#888; font-size: 8pt; background: #f3f6fc; padding: 5px 10px; border-top: 1px dotted #e7effd; }
  .comment-item .info a { color: #585858; text-decoration: underline; }
  
  
/* Product feed box (listing) */

  .feed-box { line-height: 18px; margin-bottom: 30px; }
  .feed-box .subhdr { color:#888; font-size: 8pt; background: #ecf3fd; padding: 2px 4px; margin-bottom: 5px; border-top: 1px dotted #b7d4ff; }
  .feed-box .subhdr a { color:#888; }
  .feed-box .hdr .left { float: left; width: 430px; }
  .feed-box .hdr .right { float: right; width: 100px; }
  .feed-box h3 { font-weight: bold; font-size: 10pt; padding-bottom:5px; }
  .feed-box .ftr { font-size: 8pt; padding-top:5px; color: #888; }
  .feed-box .ftr a { color: #888; border-bottom: 1px solid #ddd; }
  .feed-box .body { padding:0 0 5px 0; border-bottom: #b7d4ff 1px dotted; }


/* Shop item (listing) */

  .shop-item { padding-bottom:15px; }
  .shop-item .body { padding:10px 10px 0 10px; border:1px solid #e6e6e6; border-bottom: none; }
  .shop-item .info { color:#777; background: #f4f4f4; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; /*font-size:10px;*/ }
  .shop-item .body .hdr { background: #fff; }
  .shop-item .body h3 { font-weight: bold; font-size:12px; padding:0; }
  .shop-item .body h3 a { font-size:10pt; text-decoration:none; color:#333; }
  .shop-item .body h3 a:hover { border-bottom:1px solid #ddd; }
  .shop-item .body .desc { line-height: 13pt; padding:5px 0 10px 0; }
  .logo { float:left; padding:5px 10px 0 0; }
  .logo img { /*border:1px solid #ddd;*/ }
  
  .shop-item a.info-link { padding:0 0 0 20px; display: block; overflow: hidden;  width:32px; /* background: #eee url(/resources/icons/bullet_arrow_down.png) left  no-repeat */; cursor: pointer; }
  .shop-item a.info-link-on { background: #eee url(/resources/icons/bullet_arrow_up.png) left  no-repeat; }
  .shop-item .extra-info { padding:10px; border-top:1px solid #e6e6e6; display:none; /* background: url(/resources/images/bg-info-box.gif) left repeat-x; */ }
  .shop-item .extra-info .content { padding:10px; border:1px solid #eae9e9; background:#fff; }
  .shop-item .extra-info .content-similar { padding:10px; border:1px solid #eae9e9; border-top:none; background:#fff; }
  .shop-item .extra-info h4 { font-weight:bold; margin-bottom:5px;  }
  .shop-item .extra-links { font-size:10px; padding:10px; border-top:1px solid #eae9e9; /* background:url(/resources/images/bg-info-links.gif) top repeat-x; */ }
  .shop-item .extra-links a { text-decoration:none; color:#666; }
  .shop-item .extra-links a:hover { color:#222; }
  
  
/* Options (payment / quality labels) */

  ul.options { }
  ul.options li { float: left; width: 235px; padding:5px 5px 5px 15px; margin:3px 3px 0 0;  background: #fff url(/assets/img/bg-intro.gif); border:1px dotted #e6effd; }
  ul.options li.enabled { background: #fff; color: #222; }
  ul.options li.enabled a { color: #222; }
  ul.options li.disabled { background: #fff; color: #aaa; text-decoration: line-through; }
  ul.options li.disabled a { color: #aaa; text-decoration: line-through; border: none; }
  
/* Form */

  ul.form li div.label { float: left;}
  ul.form li div.field { float: right; }  
  input.text { padding:2px; margin-bottom:4px; width: 120px; border:1px solid #516d84; /* background:#fff url('/resources/images/bg_input_text.gif') repeat-x; */ }
  select { margin-bottom:4px; padding:4px; border:1px solid #516d84; }
  textarea { background:#fff /* url('/resources/images/bg_input_textarea.gif') repeat-x */; padding:4px; border:1px solid #516d84; }
  
  input.btn { background:#333 url('/assets/img/bg-input-btn.gif') repeat-x; color:#fff; border:1px solid #e1569f; padding:2px 4px; cursor:pointer; }
  input.btn-medium { width: 60px; }
  
  
/* Search */

  ul.form-search li div.label { float: left;}
  ul.form-search li div.field { float: right; }
  ul.form-search li input.text { margin-bottom:4px;  }
  ul.form-search li #keyword { width: 170px; }
  
  
/* Login */

  ul.form-login { margin: 20px 0; }
  ul.form-login li { margin: 5px 0; zoom: 1; }
  ul.form-login li div.label { float: left; width: 120px; }
  ul.form-login li div.field { float: left; }
  ul.form-login li input.text { margin-bottom:4px; width: 220px;  }
  ul.form-login li div.extra { float: left; margin-left:50px; }
  ul.form-login li em { font-weight: bold; color:#ed2424; }
  
/* Registration */

  #tabs { margin-bottom: 20px; }

  /* Loading msgs */
  #loading-msgs { display: none; }

  /* Error msg container */
  #error-msgs { border:1px solid #ed2424; color:#ed2424; background:#fffafa; padding:10px; display: none; line-height: 15px; }
  #error-msgs .hdr { margin-bottom:5px; font-weight:bold; }
  #error-msgs .row { padding-left: 5px; }
  
  /* Navigation */
  
  ul.form-nav { margin:20px 0; background: #fff; }
  ul.form-nav li { float: left; zoom: 1; }
  ul.form-nav li a { font-size: 8pt; text-transform: uppercase; display: block; padding: 5px 10px; color: #adb9bd; text-align: center; background:#dbe0e2; font-weight: bold; text-decoration: none; border-right:1px solid #fff; }
  /*ul.form-nav li a:hover { background: #dbe3e9; color:#111; }*/
  ul.form-nav li.enable a { background: #d2dce3; color: #333; }
  ul.form-nav li.enable a:hover { background: #dbe3e9; color: #333; }
  ul.form-nav li.valid a { background:#82d759; color:#fff; }
  ul.form-nav li.valid a:hover { background:#82d759; color:#fff; }
  ul.form-nav li.active a { background: #fd7ec3; color: #fff; }
  ul.form-nav li.active a:hover { background: #e652a2; color: #fff; }
  
  /* Registration form */
  
  ul.form-reg li { margin:5px 0; zoom: 1; }
  ul.form-reg li em { font-weight: bold; color:#ed2424; }
  ul.form-reg li div.label { float: left; width: 160px; }
  ul.form-reg li div.field { float: left; width: 380px; }
  ul.form-reg li div.info { float: left; }
  ul.form-reg li input.text { /*border: 1px solid #496e66;*/  width: 320px;  }
  ul.form-reg li textarea { /*border: 1px solid #496e66;*/ width: 360px; height:120px;  }
  ul.form-reg li select { /*border: 1px solid #496e66;*/width: 320px;  }
  ul.form-reg li input.btn { }
  ul.form-reg li input.btn-medium { width: 60px; }
  ul.form-reg li input.btn-large { width: 90px; }
  ul.form-reg li input.btn-register { font-weight: bold; }
  
  option.parent { background:#efefef; }
  
  ul.form-reg .disabled { color:#000; }
  
  textarea.txt-conditions { width: 500px; height: 150px; margin: 10px 0; background: #fff; }
  
  ul.form-reg li textarea.textarea-big { height: 240px; background:#fefefe; padding:4px; border:1px solid #516d84; }
  
/* Registration complete */
  
  .registration-box { padding: 10px; border: 1px solid #ddd; }
  .registration-box h3 { font-weight: bold; font-size: 12pt; margin-bottom: 20px; }      
  .registration-box p { margin-top: 15px; }
  .registration-box a { color: #333; text-decoration: underline; }
  
  /* Char counter */
  div.char-count { color:#555; font-size:10px; }
  
  div.help-box { border:1px solid #c7c7c7; background:#f6f6f6; padding:10px; margin:0 0 15px 0; }
  div.tab-info { color: 444; border:1px solid #c7c7c7; background:#f6f6f6; padding:10px; margin:20px 0; }
  div.option-row { float:left; width:180px; padding:0 5px 10px 0; }
  
/* Table */
  
  table.data { border-bottom:1px solid #ddd; border-collapse:collapse; width: 100%; }
  table.data th { background:#edf3fc; color: #616053; font-weight: bold; padding:4px; }
  table.data td { border-top:1px solid #ddd; padding:4px; }  
  
/* Pager */
  #pager { margin-bottom: 20px; }
  #pager ul { float: left; }
  #pager ul li { display: inline; }
  #pager ul li a { font-size: 8pt; text-decoration: none; border: 1px solid #ddd; color: #333; padding:1px 2px; margin:0 5px 0 0; float: left; }
  #pager ul li span { font-size: 8pt; text-decoration: none; border: 1px solid #ddd; color: #333; padding:1px 2px; margin:0 5px 0 0; float: left; }
  #pager ul li a:hover { background:#f3f3f3; }
  #pager ul li.active a { font-weight: bold;} 
  
/* Pager */
    .paginationControl { margin: 0 0 20px 0; font-size: 7pt; text-align: center; }
    .paginationControl a, span.disabled, span.active { background: #eee; float: left; padding: 2px 4px; border:1px solid #ddd; margin-right: 5px; text-align: center; color: #333; text-decoration: none; }
    span.disabled { color: #888; }
    span.active { font-weight: bold; background: #fff; } 
  
/* Error box + info box */

  .error-box { border:1px solid #ed2424; color:#ed2424; background:#fffafa; padding:10px; line-height: 15px; margin:0 0 10px 0; }
  .info-box { border:1px solid #5ae73e; color:#2ba114; background:#f1fcef; padding:10px; line-height: 15px; margin:0 0 10px 0; }
  .error-box a, info-box a { color: #333; font: 8pt verdana; }
  .error-box-s { color:#ed2424; line-height: 15px; }
  .info-box-s { color:#2ba114; line-height: 15px; }
  
  
/* Shop detail */

  .shop-detail { }
  .shop-detail-hdr { padding: 10px 10px 0 10px; background: #fff;}
  .shop-detail h3 { color: #333; font-size:10pt; font-weight: bold; margin:0 0 5px 0; }
  .shop-detail .desc { line-height: 17px; }
  .shop-detail h3.header { padding: 0 0 0 0; font-size:12pt; font-weight: bold; margin:0 0 0 0; }
  .shop-detail h3.header a { text-decoration:none; color:#333; font-weight: bold;  }
  .shop-detail .sub-box { line-height: 15px; margin:20px 0; padding:10px; background:#f3f6fc url(/assets/img/bg-intro.gif); border:1px dotted #f0f5fc; }
  .shop-detail .sub-box a { color: #888; border-bottom: 1px solid #777; }
  
  
/* Product detail */

  .product-detail { }
  .product-detail-hdr { padding: 10px 10px 0 10px; background: #fff;}
  .product-detail h3 { color: #333; font-size:10pt; font-weight: bold; margin:0 0 5px 0; }
  .product-detail .desc { line-height: 17px; }
  .product-detail h3.header { padding: 0 0 0 0; font-size:12pt; font-weight: bold; margin:0 0 0 0; }
  .product-detail h3.header a { text-decoration:none; color:#333; font-weight: bold;  }
  .product-detail .sub-box { line-height: 15px; margin:10px 0; padding:10px; background:#f3f6fc url(/assets/img/bg-intro.gif); border:1px dotted #f0f5fc; }
  .product-detail .sub-box a { color: #888; border-bottom: 1px solid #777; }  
  .product-detail .sub-box .logo a { border: none; }
  
  
/* Notice */

  .notice { margin-bottom:20px; font-weight: bold; color:#333; padding: 5px; background: #fff; border:1px dotted #ddd; }
  
  
/* News detail */
  
  .news-detail { line-height: 15px; }
  .news-detail ul.actions li { float: left; }
  p.news-detail-tags { margin-top: 20px; color:#888; font-size: 8pt; background: #edf3fc; padding: 5px; margin-bottom: 5px; border-top: 1px dotted #e7e3c4; }
  
  
/* Partners */

  .partners {}
  .partner { border: 1px solid #edf3fc; margin-bottom: 20px; }
  
  .partner .hdr { border-bottom: 1px solid #edf3fc; padding: 10px; background: #edf3fc; }
  .partner h2 { font-weight: bold; float: left; }
  .partner .partner-link { float: right; }
  .partner .partner-link a { border-bottom: 1px solid #2a3032; }
  
  .partner .body { padding: 10px; line-height: 15px; }
  .partner .body img { float: left; padding: 0 10px 5px 0; }
  
/* Cloud */

  .tag-cloud { line-height: 18px; }
  a.cloud-5 { font-size: 12pt; font-weight: 900; }
  a.cloud-4 { font-size: 11pt; font-weight: 700; }
  a.cloud-3 { font-size: 10pt; font-weight: 600; }
  a.cloud-2 { font-size: 9pt; font-weight: 500; }
  a.cloud-1 { font-size: 8pt; font-weight: 400; }

/* Product box */

    div.product-box { margin-bottom: 20px; }
    div.product-box .item { float: left; width: 240px; padding: 10px; margin-bottom: 5px; background:#f3f6fc url(/assets/img/bg-intro.gif); border:1px dotted #f0f5fc; }
    div.product-box .item .desc { height: 65px; line-height: 16px; font-size: 8pt; }
    div.product-box .item h2 { margin-bottom: 5px; }
    div.product-box .item h2 a { font-weight: bold; }
    div.product-box .hover { background: #f5f8ff; cursor: pointer; border:1px dotted #d0d3da; }
    
/*  */

.adm-img-box { position: relative; float: left; width: 60px; padding: 5px; border: 1px dashed #ddd; margin: 0 10px 10px 0; }
.adm-img-box .info { position: absolute; right: 5px; bottom: 0; }

/* Debug */

.debug-container { background:#eee; padding: 10px; border:1px solid #666; font-size: 8pt; }
.debug-container h2 { color:#000; font-weight: bold; font-size: 11pt; margin-top: 10px; margin-bottom: 5px; }
.debug-container table { background:#fff; border-collapse: collapse; border:1px solid #ddd; }
.debug-container table td { padding: 5px; border:1px solid #ddd; }

.debug-info {}
.debug-quries {}


/**/
#featured-info { color:#333; }
#featured-info h4 { font-weight: bold; font-style: italic; font-size: 10pt; margin-bottom: 5px; }
#featured-info .wrapper { margin: 10px; padding: 10px; background:#fff; border:1px solid #ddd; position: relative; }
#featured-info #btn-close { position: absolute; top: 10px; right: 10px; }
#featured-info #btn-close a { color: #aaa;  font-weight: normal; text-decoration: underline; }
#btn-feat-info { margin: 5px 0 0 10px; display: block; background:#eee; color:#333; padding:5px 10px; float:left;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    }
#featured-account-select-info { }
#featured-account-select-info .top { margin-top: 10px; }
#featured-account-select-info .top a { text-decoration: underline; font-weight: bold; }
#featured-account-select-info .pay-freq-options { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#featured-account-select-info .pay-freq-options h3 { font-weight: bold;  }
#featured-account-select-info .pay-freq-options ul { margin: 0 0 0 0; padding: 10px 0; }
#featured-account-select-info .pay-freq-options ul li { padding: 5px; border:1px dashed #fff; }
#featured-account-select-info .pay-freq-options ul li .radio-input { float: left; width: 35px; }
#featured-account-select-info .pay-freq-options ul li label { float: left; width: 135px;  }
#featured-account-select-info .pay-freq-options ul li .feat-item-info { float: left; width: 285px;  }
#featured-account-select-info .pay-freq-options ul li.selected-pay-freq { background:#eee; border:1px dashed #ddd; font-weight: bold; }

/* webwinkel in de kijker */
ul#feat-params { margin: 0 0 0 0; padding: 10px 0; border-bottom:1px solid #ddd; }
ul#feat-params li { padding: 5px; border:1px dashed #fff; }
ul#feat-params li label { float: left; width: 125px; margin-right: 10px; }
ul#feat-params li .txt-input  { float: left; width: 235px; }
ul#feat-params li .txt-input input  { border:1px solid #aaa; width: 200px; padding: 4px; }
ul#feat-params li .txt-input textarea  { border:1px solid #aaa; width: 200px; height: 90px; padding: 4px; background:#fff; }
ul#feat-params li .info  { float: left; width: 105px; color:#888; font-size: 8pt; }
