.product-name { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #2f6bcc; }
.product-name a { color: #2f6bcc; text-decoration: none; }

/*.login-box .col-1, .login-box .col-2 { border: 1px solid #ccc; background: #fff; font-size: 12px; }
.login-box .content { padding: 14px 21px; min-height: 230px; }
.login-box .content h4 { font-size: 12px; line-height: 2em; }
.login-box .content p { font-size: 12px; line-height: 1.6em; }
.login-box .form-list { margin: 10px 0; }
.login-box .form-list li { padding: 5px 0; }
.login-box .form-list label { font-weight: bold; }
.login-box .content p.required { font-size: 11px !important; line-height: 3em; color: #d00 !important; text-align: right; }
.login-box .button-set { width: 100%; margin: 0; border-top: solid 1px #ccc; background: #f5f5f5 url(../images/collateral_bg.jpg) top left repeat-x; padding: 10px 0; float: left; }
.login-box .button-set a { display: block; float: left; margin-left: 15px; color: #666; text-decoration: underline; }
.login-box .button-set a:hover { text-decoration: none; }
.login-box .button-set .form-button { font-size: 11px; color: #666; text-align: center; background: url(../images/gray_button_bg.jpg) center center repeat-x; border: ; float: right; padding: 1px 5px; margin-right: 15px; } */


.cart-collaterals { float: left; }
.cart-table tbody td { vertical-align: middle; }

.opc { width: 100%; border: 0; border-bottom: 0; font-size: 12px; float: left; }
.opc ul { margin: 5px 0; }
.opc ul ul { margin: 5px 0; }
.opc p { font-size: 12px; }
.opc select,
.opc .input-text { width: 70%; margin-bottom: 2px; }
.opc h4 { font-size: 14px; }
.opc li.section { width: 100%; float: left; }
.opc form,
.opc fieldset { padding: 0; margin: 0; float: left; width: 100%; }

.opc .please-wait { margin-left: 15px; line-height: 2em;}
.opc .frame-box-close { height: 10px; }
.opc .a-item { padding-top: 10px; }
.opc .col2-set { float: left; margin: 0; padding: 0; }
.opc .col2-set h3 { font-weight: bold; font-size: 14px; padding-bottom: 15px; padding-top: 5px; }
.opc .col2-set li { line-height: 1.6em; }
.opc .col2-set .col-1 { float: left; margin: 0; width: 315px; margin-left: 20px; }
.opc .col2-set .col-2 { float: left; width: 395px; margin: 0; position: relative; }
.opc .buttons-set { border-bottom: 0; }
.opc li .step-title { padding-bottom: 5px; }
.opc li .step-title .number { color: #000; padding: 4px 8px; font-weight: bold; border: solid 1px #000; float: left; margin-left: 15px; }
.opc li .step-title h3 { color: #000; padding: 4px 8px; font-weight: bold; float: left; line-height: 1.66em; }
.opc .allow .step-title .number { background-color: #000 !important; color: #fff !important; }
.opc .required { font-size: 11px; text-align: right; color: #d00; padding-right: 20px; }
.opc .buttons-set { padding: 0 20px 10px 20px; }
.opc .frame-box-bar .button { font-size: 11px; color: #fff; text-align: center; background: url(../images/nav_bg.jpg) center center repeat-x; border: solid 1px #387ff2; padding: 2px 8px; margin: 0 15px 0 0; float: right; }
.opc .frame-box-bar a.left { margin: 0 0 0 15px; float: left; line-height: 2em; }
.opc .frame-box-bar p.left { margin: 0 0 0 15px; float: left; line-height: 2em; color: #666; width: auto; }
.opc .frame-box-bar a.right { margin: 0 15px 0 0; float: right; line-height: 2em; }
.opc .frame-box-bar .continue { font-size: 11px; color: #fff; text-align: center; background: url(../images/nav_bg.jpg) center center repeat-x; border: solid 1px #387ff2; padding: 2px 8px; margin: 0 0 0 15px; float: left; }
.opc .sp-methods { margin: 5px 15px; }
.opc .sp-methods dd { line-height: 1.8em; }
.opc .sp-methods dt { font-weight: bold; line-height: 2em; }
.opc .data-table { width: 100%; border-collapse: collapse; }
.opc .data-table h3.product-name { color: #2f6bcc; font-size: 12px; font-weight: bold; text-transform: none; }
.opc .data-table .even  { background:#fff; }
.opc .data-table .odd { background:#eee !important; }
.opc .data-table th { font-weight: bold; }
.opc .data-table th,
.opc .data-table td { padding: 3px 8px; border-top: solid 1px #ddd;}

.dashboard-welcome p { font-size: 12px; }


/* ============================================================================= */
/* ============================================================================= */
/* =========================== Arkusz CSS - nupla.pl =========================== */
/* ============================================================================= */
/* ============================================================================= */



/* Structure */
.wrapper { min-width: 980px; }

.header { text-align: left; }
.header-top-container { background: url(../images/header_top_container_bg.jpg) repeat top left #fff; }
.header-top { width: 980px; margin: 0 auto; z-index: 100; position: relative; }

.header-nav-container { background: url(../images/nav_bg.jpg) repeat 50% 0; }
/* .header-nav { width: 980px; margin: 0 auto; } */

.middle-container { width: 980px; margin: 0 auto; }
/* .middle { width: 980px; min-height: 300px; margin: 0 auto; text-align: left; background: #c0d5f7; float: left; } */
.middle { width: 980px; min-height: 280px; margin: 0 auto; text-align: left; background: #f5f5f5; float: left; }

.popup-container { width: auto; min-width: 400px; }
.popup-footr { width: auto; min-width: 400px; margin: 0 auto; padding: 15px 0; font-size: 11px; }

.side-col { font-size: 11px; width: 220px; }

.col-left { float: left; padding: 10px; }
.col-right { float: right; padding: 10px; }
.col-main { font-size: 12px; float: left; background: #fff; }
.col-1-layout .col-main { width: 980px; padding: 10px 0 0 0; }
.col-2-right-layout .col-main { width: 730px; padding: 10px 10px 0 0; }
.col-2-left-layout .col-main { float: right; width: 730px; padding: 10px 0 0 10px; }
.col-3-layout .col-main { width: 480px; padding: 10px 10px 0 10px; }



/* Global Messages  */
.success { color: #009933; font-weight: bold; }
.error { color: #eb340a; font-weight: bold; }
.notice { color: #2e74e6; }

.messages { width: 100%; margin: 0; padding: 0; overflow: hidden; float: left; }
.messages li { margin: 0 0 5px; padding: 0; }
.messages li li { margin: 2px 0; padding: 0; text-align: center; }

.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style: solid !important; border-width: 1px !important; padding: 8px 0 !important; font-size: 10px !important; font-weight: bold !important; margin-bottom: 10px; float: left; width: 100%; text-align: center; }

.messages .error-msg,
.messages .success-msg,
.messages .note-msg,
.messages .notice-msg { float: none; width: auto; }

.error-msg { border-color: #eb340a; background: #f7ae9d; color: #eb340a; }
.error-msg a { color: #eb340a; text-decoration: underline; }
.error-msg a:hover { text-decoration: none; }

.success-msg { border-color: #009933; background: #ccebd6; color: #009933; }
.success-msg a { color: #009933; text-decoration: underline; }
.success-msg a:hover { text-decoration: none; }

.note-msg,
.notice-msg { border-color: #2e74e6; background-color: #c0d5f7; color: #2e74e6; }
.note-msg a,
.notice-msg a { color: #0000cc; text-decoration: underline; }
.note-msg a:hover,
.notice-msg a:hover { text-decoration: none; }



/* Frame boxes */
.frame-box { width: 100%; background-position: top center; background-repeat: repeat-y; float: left; clear: both; }
.frame-box-open { width: 100%; height: 15px; background-position: top center; background-repeat: no-repeat; float: left; clear: both; }
.frame-box-close { width: 100%; height: 15px; background-position: bottom center; background-repeat: no-repeat; float: left; margin-bottom: 10px; float: left; clear: both; }
.frame-box-bar { width: 100%; padding: 15px 0; border-top: solid 1px #ddd; background-position: bottom center; background-repeat: no-repeat; margin-bottom: 10px; float: left; clear: both; }
.frame-box-bar .button { font-size: 11px; text-align: center; background-position: center center; background-repeat: repeat-x; float: right; padding: 2px 8px; margin: 0 15px 0 0; color: #fff; background-image: url(../images/nav_bg.jpg); border: 0; }
.frame-box-bar a { margin: 0 0 0 15px; color: #666; text-decoration: underline;  }
.frame-box-bar a:hover { text-decoration: none; }


.col-1-layout .frame-box { background-image: url(../images/wide_framebox_bg.png); }
.col-1-layout .frame-box-open { background-image: url(../images/wide_framebox_open_bg.png); }
.col-1-layout .frame-box-close { background-image: url(../images/wide_framebox_close_bg.png); }
.col-1-layout .frame-box-bar { background-image: url(../images/wide_framebox_bar_bg.png); }

.col-2-right-layout .frame-box,
.col-2-left-layout .frame-box { background-image: url(../images/framebox_bg.png); }
.col-2-right-layout .frame-box-open,
.col-2-left-layout .frame-box-open { background-image: url(../images/framebox_open_bg.png); }
.col-2-right-layout .frame-box-close,
.col-2-left-layout .frame-box-close { background-image: url(../images/framebox_close_bg.png); }
.col-2-right-layout .frame-box-bar,
.col-2-left-layout .frame-box-bar { background-image: url(../images/framebox_bar_bg.png); }

.col-3-layout .frame-box { background-image: url(../images/narrow_framebox_bg.png); }
.col-3-layout .frame-box-open { background-image: url(../images/narrow_framebox_open_bg.png); }
.col-3-layout .frame-box-close { background-image: url(../images/narrow_framebox_close_bg.png); }
.col-3-layout .frame-box-bar { background-image: url(../images/narrow_framebox_bar_bg.png); }

.frame-box p { font-family: inherit; font-size: 12px; text-align: justify; margin: 10px 20px; }
.frame-box a { color: #000; text-decoration: underline; }
.frame-box a:hover { text-decoration: none; }
.frame-box .links { text-align: right; margin: 10px 20px; font-size: 11px; }
.frame-box dl,
.frame-box ol,
.frame-box ul { margin: 10px 20px; }
.frame-box ul li { margin: 0; padding: 0; }
.frame-box ul ul { margin: 0; }
.frame-box h4 { margin: 0 20px 10px 20px; padding-bottom: 5px; font-size: 13px; color: #2f6bcc; text-align: right; border-bottom: solid 1px #ddd; text-transform: uppercase; }
.frame-box .input-text,
.frame-box select,
.frame-box textarea { width: 60%; font-size: 11px; padding: 3px 8px 4px 8px; }
.frame-box textarea { height: 15em; }
.frame-box li .required { margin: 0; padding: 0; text-align: right; color: #eb340a; font-size: 11px; }

.frame-box .tags-list { padding: 0; margin: 0 20px 10px 20px; }
.frame-box .tags-list li { display: inline; padding: 0 10px 10px 0; }
.frame-box .map-items li { padding-left: 20px; }
.frame-box .range .input-text { width: 26% !important; }



/* Common Elements */
.divider { margin: 10px 0; width: 100%; height: 20px; background: url(../images/dotted_divider.png) 50% repeat-x; font-size: 1px; line-height: 1em; overflow: hidden; }
.std { text-align: justify; line-height: 1.6em; }
.spacer { clear: both; height: 0; margin: 0; }
a.button { display: block; text-decoration: none; }

/* General Blocks */
.block { border: 1px solid #ddd; margin: 0 0 10px; color: #999; }
.block p { font-family: inherit; color: #999; }
.block .block-title { border-bottom: 1px solid #ddd; padding: 0 10px; background: url(../images/block_title_bg.jpg) repeat-x top left #fff; }
.block .block-title h2 { font-size: 10px; font-weight: bold; line-height: 1.5; text-transform: uppercase; padding: 10px 0; color: #666; }
.block .block-content { padding: 15px; font-size: 11px; background: #fff; }
.block .block-content p { font-size: 11px; padding: 0; margin: 0; }
.block .block-content h3 { font-size: 11px; font-weight: bold; padding-bottom: 10px; }
.block .block-content a { color: #999; text-decoration: underline; }
.block .block-content a:hover { text-decoration: none; }
.block .block-content select { font-size: 11px; }
.block .block-content .on { font-weight: bold; }
.block .block-content .button { font-size: 11px; color: #333; text-align: center; background: url(../images/gray_button_bg.jpg) center center repeat-x; border: 0; float: right; padding: 1px 5px; margin: 8px 0 0 0; }
.block .block-content .input-text { font-size: 11px; color: #666; border: solid 1px #ddd; padding: 3px 8px 4px 8px; margin: 5px 0; width: 80%; }
.block .block-content .actions { padding: 10px 0; text-align: right; }



/* Particular Blocks */
.block-banner { border: 0; }
.block-banner .block-content { padding: 0; text-align: center; }

.block-clean { text-align: center; border: 0; }

.block-contacts .block-content { text-align: center; }
.block-contacts .block-content ul { padding: 4px 0; }
.block-contacts .block-content li { line-height: 2.0em; font-weight: bold; }

.block-tags .block-content { font-size: 12px; }
.block-tags .block-content li { display: inline; padding-left: 5px; }

.block-cart .block-content { padding: 10px 0; }
.block-cart .block-content p { padding: 0 15px; }
.block-cart .amount { padding: 0 10px 5px 10px; }
.block-cart .subtotal { padding: 0 10px 10px 10px; }
.block-cart .actions { width: 100%; padding: 10px 0; }
.block-cart .actions .button { margin: 0 15px; float: none; }

.block-compare .block-content { padding: 10px 0; }
.block-compare .block-content p { padding: 0 15px; }
.block-compare .block-content ol { margin: 0 10px; }
.block-compare .block-content li { padding-bottom: 5px; }
.block-compare .block-content li a { padding-right: 4px; }
.block-compare .actions { width: 100%; padding: 10px 0; }
.block-compare .actions a { margin: 0 10px; }
.block-compare .actions .button { margin: 0 15px; float: none; }

.block-progress dt { font-weight: bold; padding-bottom: 5px; }
.block-progress dt a { font-weight: normal; }
.block-progress dd { font-weight: normal; padding-bottom: 10px; }

.block-poll .votes { font-weight: bold; }

.block-layered-nav h3 { margin: 0; padding: 0 0 10px; }
.block-layered-nav dt { background: #eeeeee; color: #666666; padding: 5px 10px; text-transform: uppercase; }
.block-layered-nav dd { padding: 5px 10px; margin: 5px 0 10px 0; }
.block-layered-nav li a { color: #000; text-decoration: underline; }
.block-layered-nav li a:hover { text-decoration: none; }
.block-layered-nav .currently li {}
.block-layered-nav .currently li a { padding-right: 4px; }
.block-layered-nav .currently li .label { font-weight: bold; }



/* Add-to Blocks */
.add-to-holder { margin: 20px 0 10px 0; }
.add-to-holder .button { font-size: 11px; color: #fff; text-align: center; background: url(../images/nav_bg.jpg) center center repeat-x; border: 0; padding: 2px 8px; }
.add-to-holder .qty { width: 60px; }
.add-to-links { font-size: 11px; float: right; padding-top: 10px; }
.add-to-links li { display: inline; color: #666; }
.add-to-links li a { color: #666; text-decoration: underline; }
.add-to-links li a:hover { text-decoration: none; }



/* Logo */
h1#logo { float: left; padding: 10px 0; }



/* Quick Access */
.quick-access { float: right; padding: 20px 0 20px 20px; text-align: right; font-weight: bold; } 
.quick-access p { margin-bottom: 4px; color: #333; }
.quick-access .shop-access { margin-bottom: 6px; }
.quick-access .shop-access a { color: #999; font-size: 11px; text-decoration: none; font-weight: normal; }
.quick-access .shop-access a:hover { color: #2e74e6; }
.quick-access .shop-access li { display: inline; line-height: 1.25em; padding-right: 7px; padding-left: 3px; border-right: 1px solid #999; }
.quick-access .shop-access li.first { padding-left: 0; }
.quick-access .shop-access li.last { padding-right: 0; border: 0; }



/* Top Search Form */
.quick-search { float: left; padding: 28px 0 28px 60px; clear: left; }
.form-search label { display: none; }
.quick-search .button { font-size: 11px; color: #fff; text-align: center; background: url(../images/nav_bg.jpg) center center repeat-x; border: 0; padding: 2px 8px; }
.quick-search .input-text { font-size: 11px; color: #666; border: solid 1px #ddd; padding: 3px 8px 4px 8px; margin: 0 10px; width: 200px; }



/* Breadcrumbs */ 
.breadcrumbs { padding: 15px; margin: 0; }
.breadcrumbs li { display: inline; color: #666; font-size: 11px; }
.breadcrumbs li a { color: #666; text-decoration: none; }
.breadcrumbs li a:hover { text-decoration: underline; }
.breadcrumbs li strong { color: #000; font-weight: bold; }



/* Titles */
.category-title, .page-title { margin: 5px 0; }

.page-title h2,
.category-title h2 { color: #bebb00; text-transform: uppercase; padding: 5px 10px; }
.page-title h2.no-frame { border-bottom: solid 1px #ddd; }



/* Footer */
/* .footer-container { clear: both; background: #c0d5f7; } */
.footer-container { clear: both; background: #fff url(../images/footer_bg.jpg) top center repeat-x; }

.footer { width: 980px; margin: 0 auto; padding: 15px 0; font-size: 11px; }
.footer a { color: #999; text-decoration: none; }
.popup-footer a { color: #999; text-decoration: none; }
.footer a:hover { color: #2e74e6; }
.popup-footer a:hover { color: #2e74e6; }
.footer ul { margin: 5px 0; }
.popup-footer ul { margin: 5px 0; }
.footer li { display: inline; line-height: 1.25em; padding-right: 7px; padding-left: 3px; border-right: 1px solid #999; }
.popup-footer li { display: inline; line-height: 1.25em; padding-right: 7px; padding-left: 3px; border-right: 1px solid #999; }
.footer li.first { padding-left: 0; }
.popup-footer li.first { padding-left: 0; }
.footer li.last { padding-right: 0; border: 0; }
.popup-footer li.last { padding-right: 0; border: 0; }
.footer .legality { font-family: inherit; padding: 15px 0; color: #999; text-align: center; font-size: 11px; }
.popup-footer .legality { font-family: inherit; padding: 15px 0; color: #999; text-align: center; font-size: 11px; }



/* Top Search Form Autocomplete */
.search-autocomplete { z-index: 999; }
.search-autocomplete ul { border: 1px solid #ddd; background-color: #f5f5f5; }
.search-autocomplete li { border-bottom: 1px solid #f4eee7; padding: 2px 8px 1px 8px; cursor: pointer; }
.search-autocomplete li .amount { float: right; font-weight: bold; }
.search-autocomplete li.odd { background-color: #eee; }
.search-autocomplete li.selected { background-color: #e9e5f6; }



/* Advanced Search Form */
#advanced-search-list li { padding-bottom: 10px; }



/* Pager */
.pager { width: 100%; background: #f5f5f5; color: #666; padding: 10px 0; background: #f5f5f5 url(../images/pager_bg.jpg) center center repeat-x; font-size: 11px; float: left; margin: 0 0 10px 0; }
.pager p { font: inherit; color: inherit; }
.pager .amount,
.pager .pages { padding: 0 10px; line-height: 1.6em; float: left; }
.pager .limiter,
.pager .view-by,
.pager .sort-by { padding: 0 10px; line-height: 1.6em; float: right; }
.pager .limiter select,
.pager .sort-by select { font-size: 11px; color: #666; font-size: 11px; }
.pager .view-by img { margin-left: 4px; }
.pager .pages ol,
.pager .pages ul,
.pager .pages li { display: inline; }
.pager .pages li { padding: 0 2px; }
.pager .pages li a { color: #666; text-decoration: underline; }
.pager .pages li a:hover { text-decoration: none; }
.pager .search-summary { display: inline; padding: 0 10px; }
.pager .search-summary li { display: inline; padding-right: 5px; }

.frame-box .pager { width: auto; float: none; margin: 10px 20px; }
.frame-box .pager .amount,
.frame-box .pager .pages { display: inline; margin: 0; float: none; }


/* Form Messages */
.validation-advice, .required { color: #eb340a; }
.validation-advice { clear: both; min-height: 15px; margin-top: 3px; font-size: 10px; line-height: 1.25em; }
.validation-failed { border: 1px dotted #eb340a !important; background: #faebe7 !important; }



/* Terms & Conditions */
ul.terms-menu { margin-bottom: 20px; }
ul.terms-menu li { color: #666; list-style-type: disc; list-style-position: inside; padding-left: 0; }
ul.terms-menu li a { color: #666; text-decoration: underline; }
ul.terms-menu li a:hover { text-decoration: none; }

.terms-and-cond dt { font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; font-size: 13px; color: #2f6bcc; text-align: right; border-bottom: solid 1px #ddd; }
.terms-and-cond dd { font-weight: normal; margin-bottom: 15px; text-align: justify; }
.terms-and-cond dd ol { margin-top: 10px; list-style-type: decimal; font-weight: bold; }
.terms-and-cond dd ol span { font-weight: normal; }
.terms-and-cond dd ol li { list-style-type: decimal; list-style-position: inside; padding-bottom: 3px; text-align: justify; }
.terms-and-cond dd table { border-collapse: collapse; margin: 15px 0; color: #000; }
.terms-and-cond dd table th { font-size: 11px; font-weight: bold; border: solid 1px #000; padding: 5px; text-align: center; vertical-align: middle; background: #c0d5f7; }
.terms-and-cond dd table td { font-size: 11px; border: solid 1px #000; padding: 5px; }



/* Product List */
.product-list-item { width: 100%; border: 0; background: url(../images/list_bg.png) top center no-repeat; float: left; }
.product-list-item h2.product-name { padding: 15px; }
.product-list-item h2.product-name,
.product-list-item h2.product-name a { font-size: 13px; font-weight: bold; color: #2f6bcc; }
.product-list-item h3.product-name { padding: 15px; }
.product-list-item h3.product-name,
.product-list-item h3.product-name a { font-size: 13px; font-weight: bold; color: #2f6bcc; }
.product-list-item .product-image { float: left; padding: 5px; }
.product-list-item .std { padding: 0 15px 10px 15px; }
.product-list-item .add-to-links { padding: 0 20px 10px 0;}

.product-list-bar { width: 100%; padding: 15px 0; border-top: solid 1px #ddd; float: left; clear: both; background: url(../images/list_bar_bg.png) bottom center no-repeat; margin-bottom: 10px; }
.product-list-bar .price-box { float: left; margin: 0 15px; }
.product-list-bar .button { font-size: 11px; text-align: center; background-position: center center; background-repeat: repeat-x; float: right; padding: 2px 8px; margin: 0 15px 0 0; border: 0; }
.product-list-bar .details { color: #404000; background-image: url(../images/green_button_bg.jpg); }
.product-list-bar .add-to-cart { color: #fff; background-image: url(../images/nav_bg.jpg); }



/* Product Grid */
.product-grid { width: 100%; padding: 0; margin: 0; border-spacing: 0; float: left; }
.product-grid td { margin: 0; padding: 0; }
.product-grid .grid-left { width: 243px; }
.product-grid .grid-center { width: 244px; }
.product-grid .grid-right { width: 243px; }
.product-grid .grid-empty { width: auto; }
.product-grid .product-image { padding: 10px 15px; }
.product-grid .grid-item { height: 100%; padding: 0; position: relative; width: 236px; padding-bottom: 0; }
.product-grid .grid-left .grid-item { margin: 0 7px 0 0; }
.product-grid .grid-center .grid-item { margin: 0 4px; }
.product-grid .grid-right .grid-item { margin: 0 0 0 7px; }

.product-grid .price-box { padding: 15px 10px 10px 10px; text-align: right; }

.product-grid .grid-item .grid-top { background: url(../images/grid_bg.png) top center no-repeat; }
.product-grid .grid-item .grid-bar { height: 20px; border-top: solid 1px #ddd; background: url(../images/grid_bar_bg.png) bottom; background-repeat: no-repeat; padding: 15px 0 25px 0; width: 236px; margin: 0; z-index: 400; }

.product-grid .grid-bar .button { font-size: 11px; text-align: center; background-position: center center; background-repeat: repeat-x; padding: 2px 8px; float: right; margin-right: 10px; border: 0; }
.product-grid .grid-bar .details { color: #404000; background-image: url(../images/green_button_bg.jpg); }
.product-grid .grid-bar .add-to-cart { color: #fff; background-image: url(../images/nav_bg.jpg); }

.product-grid h2.product-name { padding: 10px; height: 40px; }
.product-grid h2.product-name a { font-size: 11px; font-weight: bold; color: #2f6bcc; }


.product-grid .grid-bar .availability,
.product-list-bar .availability { margin-left: 10px; line-height: 20px; }

.product-grid .grid-bar .availability .out-of-stock,
.product-list-bar .availability .out-of-stock { font-weight: bold; color: #eb340a; }


/* Product Pages */
.product-info-box { border: 1px solid #ddd; margin: 0 0 10px 0; float: left; }
.product-info-box h4 { margin-bottom: 5px; text-transform: uppercase; }

.product-essential { float: left; padding: 20px; background: url(../images/product_essential_bg.png) right top no-repeat #fff; }

.product-img-box { float: left; width: 320px; }
.product-img-box .zoom-notice { text-align: center; color: #666; padding: 5px 0; }
.product-img-box .product-image-zoom { position: relative; overflow: hidden; width: 320px; height: 240px; z-index: 9; border: solid 1px #ddd; }
.product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; }
.product-img-box .more-views li { display: inline; }
.zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px auto; background: url(../images/slider_bg.png) no-repeat 50% 50%; padding: 0 28px 0 28px; cursor: pointer; }
.zoom #track { position: relative; height: 18px; }
.zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url(../images/magnifier_handle.gif) 0 0 no-repeat; }
.zoom .btn-zoom-out { position: absolute; left: 2px; top: 1px; }
.zoom .btn-zoom-in { position: absolute; right: 2px; top: 1px; }

.product-shop { float: left; width: 350px; padding-left: 18px; }
.product-shop h3 { font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.product-shop a { font-size: 12px; color: #666; text-decoration: underline; }
.product-shop a:hover { text-decoration: none; }
.product-shop .tier-prices { border: 1px solid #ddd; background: #eee; padding: 10px; margin: 10px 0; }
.product-shop .tier-prices li { padding-left: 20px; background: url(../images/tierprice_arrow.png) left center no-repeat; }
.product-shop .ratings { margin-bottom: 10px; }
.product-shop .availability { font-size: 12px; }
.product-shop .availability .out-of-stock { font-weight: bold; color: #eb340a; }
.product-shop .availability .in-stock { font-weight: bold; }
.product-shop .short-description { text-align: justify; margin-bottom: 15px; }

.collateral-box .data-table { border: 1px solid #ddd; width: 100%; border-collapse: collapse; }
.collateral-box .data-table .even  { background: #fff; }
.collateral-box .data-table .odd { background: #eee !important; }
.collateral-box .data-table th { font-weight: bold; }
.collateral-box .data-table th,
.collateral-box .data-table td { padding: 3px 8px; border: solid 1px #ddd; }
.collateral-box .button { font-size: 11px; color: #000; text-align: center; background: url(../images/gray_button_bg.jpg) center center repeat-x; border: 0; padding: 1px 5px; }
.collateral-box h4,
.tags h4 { margin: 0 0 20px 0; padding-bottom: 5px; font-size: 13px; color: #2f6bcc; text-align: right; border-bottom: solid 1px #ddd; text-transform: uppercase; }

.product-collateral { width: 100%; float: left; padding: 0; background: #f5f5f5 url(../images/collateral_bg.jpg) top left repeat-x; border-top: solid 1px #ddd; }
.product-collateral .collateral-box { padding: 20px; margin: 0 0 10px; }
.product-collateral .collateral-box .std { font-size: 12px; }
.product-collateral .tags { padding: 20px; margin: 0 0 10px; }

.tags label,
.tags .input-text { float: left; margin-right: 10px; }
.tags .button { font-size: 11px; color: #000; text-align: center; background: url(../images/gray_button_bg.jpg) center center repeat-x; border: 0; float: left; padding: 1px 5px; }
.tags p { clear: both; float: left; padding-top: 5px; }
.tags .tags-list { margin-bottom: 15px; }
.tags .tags-list li { font-size: 12px; display: inline; padding: 0 5px; border-right: solid 1px #000; }
.tags .tags-list li.first { padding-left: 0 !important; }
.tags .tags-list li.last { border-right: 0 !important; }
.tags .tags-list li a { color: #000; text-decoration: underline; }
.tags .tags-list li a:hover { text-decoration: none; }



/* Review Pages */
.review-box ol { padding: 20px 10px 10px 10px; }
.review-box ol li { padding: 5px 0; }
.review-box ol li a { color: #2f6bcc; text-decoration: underline; }
.review-box ol li a:hover { text-decoration: none; }
.review-box p { font-size: 12px; padding: 5px 0; }

.review-box .product-image { float: left; padding: 5px; }
.review-box h3.product-name { padding: 15px; }
.review-box h3.product-name,
.review-box h3.product-name a { font-size: 13px; font-weight: bold; color: #2f6bcc; }
.review-box .std { padding: 0 15px 10px 15px; }



/* Price Boxes */
.price-box { font-size: 17px; font-weight: bold; color: #666666; line-height: 1.5em; }
.price-box p { display: inline; padding-right: 6px; font-size: 17px; }
.price-box .old-price { font-size: 0.75em; font-size: 12px; }
.price-box .special-price { font-size: 1em; font-size: 17px; }
.price-box .old-price .price { text-decoration: line-through; color: #eb340a; }
.price-box .minimal-price-link label { font-weight: normal; }
.price-box a.minimal-price-link { color: #2f6bcc; text-decoration: none; font-weight: bold; font-size: 0.75em; }
.price-box a.minimal-price-link:hover { text-decoration: underline; }



/* Cart page */
.cart { width: 980px; }
.cart .checkout-types { float: right; padding: 0; margin: 5px 0; }
.cart form { width: 100%; float: left; }
.cart form table { width: 100%; border-collapse: collapse; border: solid 1px #ccc; }
.cart form table thead th,
.cart form table tfoot td { border: solid 1px #ddd; padding: 5px; background: #f5f5f5; vertical-align: middle; font-weight: bold; font-size: 11px; }
.cart form table td { border: solid 1px #ddd; padding: 5px; }
.cart form table td h3.product-name { font-size: 12px; font-weight: bold; text-transform: uppercase; vertical-align: middle; }
.cart form table td h3.product-name a { color: #000; text-decoration: none; }
.cart .button { font-size: 11px; color: #000; text-align: center; background: url(../images/gray_button_bg.jpg) center center repeat-x; border: 0; float: right; padding: 1px 5px; margin: 2px; }

.cart .totals { border: solid 1px #ddd; background: #f5f5f5; text-align: center; float: left; width: 100%; }
.cart .totals .button { float: none; }
.cart .totals table { font-weight: bold; width: 100%; margin: 10px 0; }
.cart .totals table th,
.cart .totals table td { padding: 4px; vertical-align: middle; }
.cart .totals table .price { font-weight: bold; }
.cart .totals ul { width: 100%; text-align: center; margin-bottom: 10px; }
.cart .totals .tax-total .tax-collapse { background: url(../images/bg_collapse.gif) 5px 6px no-repeat; }

.cart .discount { border: solid 1px #ddd; background: #fff; float: left; width: 100%; margin-bottom: 10px; font-size: 11px; }
.cart .discount h4 { margin: 10px; padding-bottom: 5px; font-size: 13px; color: #2f6bcc; text-align: right; border-bottom: solid 1px #ddd; text-transform: uppercase; }
.cart .discount fieldset { margin: 0 10px 10px 10px; }

.cart .shipping { border: solid 1px #ddd; background: #fff; float: left; width: 100%; margin-bottom: 10px; font-size: 11px; }
.cart .shipping h4 { margin: 10px; padding-bottom: 5px; font-size: 13px; color: #2f6bcc; text-align: right; border-bottom: solid 1px #ddd; text-transform: uppercase; }
.cart .shipping fieldset { margin: 0 10px 10px 10px; }
.cart .shipping dd { line-height: 1.8em; }
.cart .shipping dt { font-weight: bold; line-height: 2em; }

.cart .discount .button,
.cart .shipping .button { font-size: 11px; color: #fff; text-align: center; background: url(../images/nav_bg.jpg) center center repeat-x; border: 0; padding: 2px 8px; margin-left: 5px; }

.cart .discount fieldset .input-text,
.cart .shipping fieldset .input-text,
.cart .shipping fieldset select { width: 80%; padding: 3px 8px 4px 8px; font-size: 11px; }
.cart .shipping fieldset select { border: solid 1px #ddd; }

.cart .discount .actions,
.cart .shipping .actions { padding-top: 10px; }



/* Checkout types */
.checkout-types li .button { font-size: 15px; color: #616614; border: 0; font-weight: bold; text-align: center; background: url(../images/big_green_button_bg.jpg) center center repeat-x; padding: 10px 15px; margin: 5px 0; }
.checkout-types ul,
.checkout-types ul li { padding: 0; margin: 0; }


/* ============================================================================= */
/* ============================================================================= */
/* ========================== ________ TODO ________ =========================== */
/* ============================================================================= */
/* ============================================================================= */

/* Column Sets */
.col2-set, .col3-set, .col4-set, .col5-set { clear: both; width: 100%; }

.col-1-layout .col3-set .col-1 { width: 320px; margin: 10px 5px 0 0; float: left; }
.col-1-layout .col3-set .col-2 { width: 320px; margin: 10px 5px 0 5px; float: left; }
.col-1-layout .col3-set .col-3 { width: 320px; margin: 10px 0 0 5px; float: left; }

.col-1-layout .col2-set .col-1,
.col-1-layout .col2-set .col-2 { width: 485px; }
.col-1-layout .col2-set .col-1 { float: left; margin: 0 10px 10px 0; }
.col-1-layout .col2-set .col-2 { float: right; margin: 0 0 10px 0; }
.col-1-layout .col2-set h4 { margin: 0 20px 10px 20px; padding-bottom: 5px; font-size: 13px; color: #2f6bcc; text-align: right; border-bottom: solid 1px #ddd; text-transform: uppercase; }
.col-1-layout .col2-set p { padding: 10px 20px; font-size: 12px; }
.col-1-layout .col2-set ul { padding: 5px 20px; font-size: 12px; }

.colset-frame-box { width: 100%; background-position: top center; background-repeat: repeat-y; float: left; clear: both; }
.colset-frame-box-open { width: 100%; height: 15px; background-position: top center; background-repeat: no-repeat; float: left; clear: both; }
.colset-frame-box-close { width: 100%; height: 15px; background-position: bottom center; background-repeat: no-repeat; float: left; margin-bottom: 10px; float: left; clear: both; }
.colset-frame-box-bar { width: 100%; padding: 15px 0; border-top: solid 1px #ddd; background-position: bottom center; background-repeat: no-repeat; margin-bottom: 10px; float: left; clear: both; }
.colset-frame-box-bar .button { font-size: 11px; text-align: center; background-position: center center; background-repeat: repeat-x; float: right; padding: 2px 8px; margin: 0 15px 0 0; color: #fff; background-image: url(../images/nav_bg.jpg); border: 0; }
.colset-frame-box-bar a { margin: 0 0 0 15px; color: #666; text-decoration: underline; }
.colset-frame-box-bar a:hover { text-decoration: none; }

.col2-set .colset-frame-box { background-image: url(../images/2col_framebox_bg.png); }
.col2-set .colset-frame-box-open { background-image: url(../images/2col_framebox_open_bg.png); }
.col2-set .colset-frame-box-close { background-image: url(../images/2col_framebox_close_bg.png); }
.col2-set .colset-frame-box-bar { background-image: url(../images/2col_framebox_bar_bg.png); }

.login-box .colset-frame-box { min-height: 200px; }
.login-box .col-1 p { padding-top: 50px; }
.login-box .col-2 { position: relative; }

#secured_by { position: absolute; right: 15px; top: 50%; margin-top: -40px;}