html,body {
	height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}
ul,ol {
	padding-left:20px;	
}
header,footer,nav,section,article,aside {
	display:block;
}
table {
	border-spacing:0;
	font:inherit;
	color:inherit;
	text-decoration:inherit;
}
td {
	vertical-align:top;
}
fieldset,img,abbr,acronym,iframe { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
xol,xul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
form {
	display:inline;
}
b {
	font-weight:bold;
}
i {
	font-style:italic;
}
p {
	margin:1em 0;
}
object, embed, iframe {
	vertical-align:bottom;	
}
/* GENERAL */
img { vertical-align:bottom; }

abbr, acronym { border-bottom:1px dotted; cursor:help; }

.noscript { display:none; }

.block { display:block !important; }
.iblock { display:-moz-inline-box !important; display:inline-block !important; text-align:left; }

.container { overflow:hidden; }
.left { float:left; }
.right { float:right; }
.center { margin-left:auto; margin-right:auto; }

.position { position:relative; }
.position .left  { position:absolute; left:0; }
.position .right { position:absolute; right:0; }
.position .left .left,
.position .right .left { position:relative; }

.nowrap { white-space:nowrap; }
.shrink { width:0; }

.hide { display:none !important; }

.invisible { visibility:hidden; }

.tabs-full { width:100%; }
.tabs-left .hidden-tab,
.tabs-right .hidden-tab,
.tabs-center .hidden-tab { display:block !important; height:1px; margin-top:-1px; visibility:hidden; visibility:hidden; overflow:hidden; }

.zeroHeight,
.hiderow,
.hiderow * {
	height:0 !important; line-height:0 !important; visibility:hidden !important; 
	margin-top:0 !important; margin-bottom:0 !important;
	padding-top:0 !important; padding-bottom:0 !important;
	border-top:0 !important; border-bottom:0 !important;
}

.clear  { clear:both; }
.spacer { clear:both; height:5px; width:5px; }
.center { text-align:center; margin:0; }
.center table,
table.center { text-align:left }
.center > table,
table.center { margin-left:auto; margin-right:auto; }
th.left,
td.left { float:none; text-align:left !important; }
th.right,
td.right { float:none; text-align:right !important; }

.center-box { display:table; margin:auto; width:0; }
.center-box .box { display:table; white-space:nowrap; }
.center-box h2 { border:0; text-align:center; }

hr { display:block; height:1px; border:0; border-top:1px solid #000; margin:4px 0px; }

/* FONTS */
body { font:normal normal normal 12px/1.25 Arial, Helvetica, Sans-Serif; }

h1, h2 { color:#000; }
h1 { font-size:24px; }
h2 { font-size:14px; }
h1 a, h2 a { text-decoration:none !important; }

.small { font-size: 11px; font-weight:normal; }

.featured,
.new,
.specialoffer,
.coupon       { background:url(images/webshop/icons.gif) no-repeat; white-space:nowrap; padding-left:15px; }
.featured     { color:#f00 !important; background-position:0px   0px; }
.new	      { color:#fc0 !important; background-position:0px -15px; }
.specialoffer { color:#0c0 !important; background-position:0px -45px; }
.coupon	      { color:#00c !important; background-position:0px -30px; }

/* LINKS */
a[href] * { cursor:pointer; }
a[rel=lightbox],
a[rel=lightbox] * { cursor: -moz-zoom-in !important; }
a[href^="mailto:"] { padding-left:19px; background:url('images/webshop/envelope.png') no-repeat; display:-moz-inline-box; display:inline-block; }

/* hCard */
.vcard .email { padding-left:19px; background:url('images/webshop/envelope.png') no-repeat; }
.vcard .tel .value { padding-left:19px; background:url('images/webshop/phone.png') no-repeat; }

/* TABLES & DIVS */

.box { border:1px solid #000; background:#fff; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

.accountInfo { border-spacing:0px; border-collapse:collapse; }
.accountInfo th { font-weight:bold; }
.accountInfo th,
.accountInfo td { padding-right:10px; text-align:left; vertical-align:top; }

.list { width:100%; }
.list > dt,
.list > thead > tr > * { border-bottom:1px solid #000; white-space:nowrap; padding:0 4px 4px 4px; }
.list > dd,
.list > tbody > tr > * { border-bottom:1px solid #ddd; vertical-align:middle; padding:4px; }
.list > tfoot > tr > * { vertical-align:middle; padding:4px 4px 0 4px; }
.list > * ~ dt,
.list > * ~ thead > tr > * { padding:4px; }
.list > dt,
.list > dd,
.list > * > tr > * { font-weight:bold; text-align:center; }

.list > .left,
.list > * > tr > .left { float:none; text-align:left; }
.list > .right,
.list > * > tr > .right { float:none; text-align:right; }

.list > dt > *,
.list > dd > *,
.list > * > tr > * > *,
.list > * > .coz-input input,
.list > * > tr > * > .coz-input input { vertical-align:top; }

.list.sort > thead > tr > th { border-bottom:0; }

#addCoupon > span,
#removeCoupon > span { margin-right:6px; }

.orderTotals { float:right; }
.orderTotals th,
.orderTotals td { text-align:right; font-weight:bold; border-bottom:0; }
.orderTotals td { padding-left:16px !important; }
.orderTotals .total { border-top:1px solid #ccc; }

.order-totals,
.order-getTotal { float:right; clear:right; }
.order-shipping,
.order-payment,
.order-distributor { float:left; clear:left; }
.order-terms { clear:both; }
.order-shipping .order-address { font-weight:normal; line-height:15px; padding-top:3px; }
.order-complete { line-height:22px; }
.order-complete .checkbox i { vertical-align:middle; }
.cart-continue { float:left; }
.cart-proceed,
.order-complete { float:right; }
.cart-proceed .button i,
.order-complete button i { margin:-2px -8px -3px 4px; background-position:-20px 0; }

.breadcrumbs { margin-bottom:1.25em; }
.breadcrumbs h2.arrow { margin:0px 4px; font-size:18px; line-height:17px; }

/* Product Details */
.product-pricing { line-height:22px; margin-bottom:1.25em; }
.product-pricing button { width:140px; }
.product-details {}
.product-description { font-weight:bold; }
.product-sidebar { float:left; width:160px; margin-right:-160px; position:relative; left:10px; }
.product-sidebar dl {}
.product-sidebar dt { font-weight:bold; }
.product-sidebar dl > * ~ dt,
.product-sidebar dl ~ * dt { margin-top:10px; }
.product-sidebar dd {}
.product-sidebar .button { display:block; }
.product-sidebar button { width:100%; }
.product-sidebar .product-pricing { line-height:inherit; margin:0; }
.product-sidebar .product-pricing select { width:100%; }

/* Form Panes */
.tabForm { margin-bottom:-4px; }
.tabForm > tbody > tr > th,
.tabForm > tbody > tr > td { vertical-align:top; line-height:22px; padding:0; }
.tabForm > tbody > tr > th { padding-right:20px; width:0; !width:1%; white-space:nowrap; font-weight:bold; padding-bottom:4px; }
.tabForm input,
.tabForm select,
.tabForm textarea,
.tabForm iframe,
.tabForm button,
.tabForm label,
.tabForm .coz-input { margin-bottom:4px; vertical-align:top; }
.tabForm span { display:inline-block; }
.tabForm label input,
.tabForm .coz-input label,
.tabForm .coz-input input,
.tabForm .coz-input select,
.tabForm .coz-input textarea,
.tabForm .coz-input iframe,
.tabForm .coz-input button,
.tabForm .coz-input .coz-input { margin-bottom:0; }
.tabForm .coz-input-checkbox,
.tabForm label { line-height:22px; }
.tabForm .coz-input-checkbox i { vertical-align:middle; }
.tabForm hr { margin:8px 0 12px; }

.helpForm input,
.helpForm textarea { width:100%; margin-bottom:10px; }
.helpForm label,
.helpForm a.checkbox { margin-bottom:10px; }

.full input,
.full select,
.full textarea { width:100%; }

.formSubmit { text-align:center; }

.login-container .left,
.login-container .right { width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.login-container .left { padding-right:5px; }
.login-container .right { padding-left:5px; }
.login-container .tabForm { width:100%; }
.login-container .tabForm th { white-space:nowrap; }
.login-container input { width:100%; }

/* Message Bar */
.message-wrapper { position:fixed !important; top:0; left:0; width:100%; z-index:9999; }
.message-bar { width:100%; background:#000; color:#fff; font-weight: bold; text-align: center; cursor: default; }
.message-bar button.remove { position:absolute; bottom:5px; right:5px; top:auto; left:auto; }
.message-icon { position:absolute; top:5px; left:6px; width:20px; height:20px; display:block; }
.message-busy .throbber { width:20px; height:20px; background-image:url('../images/webshop/throbber2.gif'); vertical-align:bottom; display:block; margin:-3px auto -2px; }
.message-text { width:100%; padding:8px 0px 9px; }
.message-error { background:#c00; }

.videoContainer { background:#000 url(images/webshop/loading_black.gif) center center no-repeat; text-align:center; overflow:hidden; position:relative; }
.videoContainer object { background:#000; }

.videoToolbar { height:22px; padding-top:10px; }
.videoToolbar b { display:-moz-inline-block; display:inline-block; padding:3px 0 4px; }
.videoToolbar p { font:inherit !important; background:none !important; color:inherit !important; margin:0 !important; }

.prompt-buttons { text-align:right; }
.prompt-buttons button { margin-left:3px; }

/* Table */
table.sort { width:100%; }
table.sort > thead th { -moz-user-select:none; -khtml-user-select:none; padding:0; background:#ccc; position:relative; }
table.sort > thead th,
table.sort > tbody > tr > td { cursor:default; width:0; }
table.sort > thead th.stretch { width:auto; }

table.sort > thead th a.button b { padding-left:4px; padding-right:20px; text-align:left; position:relative; }
table.sort > thead th.shrink a.button b { padding-left:0; }

table.sort > thead th a.button i { background-position:-380px 0; width:20px; float:right; margin-left:-4px; margin-right:-20px; }
table.sort > thead th.shrink a.button i { margin-left:0; }

table.sort > thead th.asc a.button i { background-position:-400px 0; }
table.sort > thead th.desc a.button i { background-position:-420px 0; }

table.sort > tbody tr:hover  { background-color:#eee; background-color:rgba(0,0,0,0.07); }

table.sort .course-tip { display:none; }
.course-tip .course-status { padding:0; }
.course-tip .thumbnail { float:right; margin-left:6px; }
.course-tip .personal  { color:#39f; }
.course-tip .required  { color:#c33; }
.course-tip .recommend { color:#fc0; }

.tool-tip .container { padding:0; margin:0; }
.tool-tip .br { height:6px; }

/* Tabs */
.tabs .tablist { padding:0; }
.tabs .tablist > li { list-style:none; }
x.tabs .tablist > li { display:none; }
x.tabs .tablist > li:target { display:block; }
.tabs .tablist > li > h2.tablabel { display:none; }

.tabs-bar .tabrow { width:100%; }
.tabs-bar .tabrow th { width:0; }
.tabs-bar .tabrow th a.button { display:block; position:relative; }
.tabs-bar .tabrow th a.button b { position:absolute; left:0; right:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.tabs-row { text-align:left; }
.tabs-row .tabrow a.button { float:left; }
.tabs-row .tabbox { clear:left; }

.tabs-row .tablist > li.hidden-tab { height:1px; margin-top:-1px; visibility:hidden; visibility:hidden; overflow:hidden; }
.tabs-bar .tablist > li.hidden-tab,
.tabs-full .tablist > li.hidden-tab { display:none; }

/* Accordion */
.accordion > dt button { width:100%; padding-left:4px; padding-right:0; text-align:left; position:relative; }
.accordion > dt button i { display:block; width:16px; height:20px; background-position:-342px 0; float:right; margin-right:0; }
.accordion > dt.active button i { background-position:-362px 0; }
.accordion > dt.toggler-selected button i { background-image:none; }
.accordion > dd { display:none; height:0; overflow:hidden; }
.accordion > dd.element-selected { display:block !important; height:auto !important; opacity:1 !important; overflow:visible !important; visibility:visible !important; }
.accordion > dd .element-content { padding:10px 0; }

/* Paging */
.paging { position:relative; z-index:1; text-align:center; height:22px; }
.paging-bar { height:22px; margin-bottom:-22px; background:#eee; }
.paging-buttons { display:-moz-inline-box; display:inline-block; }
.paging-buttons button,
.paging-buttons a.button { float:left; }
.paging-buttons button,
.paging-buttons a.button b { padding-left:4px; padding-right:4px; }
.paging-buttons .button-arrowLeft,
.paging-buttons .button-arrowRight { width:17px; }
.paging-buttons .button-doubleArrow { width:24px; }
.paging-buttons .button-arrowLeft b,
.paging-buttons .button-arrowRight b { padding:0; }
.paging-buttons .button-arrowLeft i { margin: 0 -7px 0 -6px; }
.paging-buttons .button-arrowRight i { margin: 0 -6px 0 -7px; }

.productPaging { position:relative; }
.productPaging .left  { position:absolute; z-index:2; left:0; }
.productPaging .right { position:absolute; z-index:2; right:0; }
.productPaging .center { position:relative; top:-22px; z-index:1; margin-bottom:-22px; }
.productPaging .count { top:0px; margin-bottom:4px; font-weight:bold; }

/* Other */
.dragging { padding:2px; margin:-2px; background:url(images/webshop/shadow.png); background:rgba(0,0,0,0.2); }

.coz-loading-spacer { height:16px; }
.coz-loading-overlay { position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; z-index:9; }
.coz-loading { position:absolute; left:50%; top:20%; display:block; width:128px; height:16px; margin:-8px -64px; background:url(/images/webshop/loading.png) 0 464px; }
.button,
button { height:22px; background:ButtonFace; border-color:ButtonFace; color:ButtonText; border-width:1px; font:bold 12px/15px Arial; white-space:nowrap; overflow:hidden; vertical-align:bottom; }

.button { display:-moz-inline-box; display:inline-block; border-style:outset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; text-decoration:none; }
.button:hover:active { border-style:inset; }

.button.selected,
button.selected { border-style:inset; cursor:default; }

.button b { height:15px; display:block; text-align:center; overflow:hidden; }
.button b,
button { padding:2px 8px 3px; }

button::-moz-focus-inner { border:0; padding:0; }

.button.disabled,
button[disabled] { border-style:solid; color:GrayText; pointer-events:none; }
.button.disabled i,
button[disabled] i { opacity:0.25; }

.button.disabled,
.button.disabled * { cursor:default; }

.button i,
button i { display:-moz-inline-block; display:inline-block; margin:-2px 4px -3px -8px; width:20px; height:20px; vertical-align:bottom; background:url(images/webshop/button-icons.png); pointer-events:none; }

button i.right,
button.arrowRight i { margin:-2px -8px -3px 4px; }

.button-icon,
button.icon { width:22px; padding:0; color:transparent !important; text-indent:-10000px; }
.button-icon b { height:20px; padding:0; }
.button-icon i,
button.icon i { display:block; margin:0; }

.button-arrowLeft i,
button.arrowLeft i { background-position:0 0; }
.button-arrowRight i,
button.arrowRight i { background-position:-20px 0; }
.coz-input-search button i,
.button-search i,
button.search i { background-position:-40px 0; }
#blockView i { background-position:-60px 0; }
#largeView i { background-position:-80px 0; }
#smallView i { background-position:-100px 0; }
#listView i { background-position:-120px 0; }
.coz-input-datepicker button i,
.button-datepicker i,
button.datepicker i { background-position:-140px 0; }
.button-add i,
button.add i { background-position:-160px 0; }
.button-close i,
.button-remove i,
button.close i,
button.remove i { background-position:-180px 0; }
.button-check i,
button.check i { background-position:-200px 0; }
.button-copy i,
button.copy i { background-position:-220px 0; }
.button-edit i,
button.edit i { background-position:-240px 0; }
.button-maximize i,
button.maximize i { background-position:-260px 0; }
.button-restore i,
button.restore i { background-position:-280px 0; }
.button-minimize i,
button.minimize i { background-position:-300px 0; }
.button-info i,
button.info i { background-position:-320px 0; }
.button-down i,
button.down i { background-position:-340px 0; }
.button-up i,
button.up i { background-position:-360px 0; }
.coz-input-select i,
.coz-input-combo i,
.button-drop i,
button.drop i { background-position:-342px 0; }
.coz-input-open i { background-position:-362px 0; }
.button-sort i,
button.sort i { background-position:-380px 0; }
.button-asc i,
button.asc i { background-position:-400px 0; }
.button-desc i,
button.desc i { background-position:-420px 0; }

.button-doubleArrow i,
button.doubleArrow i { float:left; margin:0 -11px 0 -4px; }

.coz-input-number button i { height:9px; width:14px; }
.coz-input-number .increment i { background-position:-443px -1px; }
.coz-input-number .decrement i { background-position:-443px -10px; }

button.cart i { background-position:0 -20px; width:40px; }
button.wishlist i,
button.inwishlist i { width:29px; xmargin-left:-33px; }
button.wishlist i { background-position:-40px -20px; }
button.inwishlist i { background-position:-69px -20px; }
button.favorites i { background-position:-98px -20px; }
button.play i { background-position:-118px -20px; }
button.pause i { background-position:-138px -20px; }

.button-cart i { background-position:0 -20px; width:40px; }
.button-wishlist i,
.button-inwishlist i { width:29px; }
.button-wishlist i { background-position:-40px -20px; }
.button-inwishlist i { background-position:-69px -20px; }
.button-favorites i { background-position:-98px -20px; }
.button-play i { background-position:-118px -20px; }
.button-pause i { background-position:-138px -20px; }

.coz-input > .button,
.coz-input > button { position:absolute; right:0; top:0; bottom:0; cursor:default; }

.coz-input-select > button.icon,
.coz-input-combo > button.icon,
.button-drop,
button.drop { width:18px; }
.coz-input-select > button.icon i,
.coz-input-combo > button.icon i,
.button-drop i,
button.drop i { width:16px; }

.coz-input-number > button.icon { width:16px; height:11px; padding:0; }
.coz-input-number > button.decrement { top:auto; bottom:0; }

.coz-input-time > button { padding-left:2px; padding-right:2px; }

.coz-input-search > button { cursor:pointer; }
.coz-input-search > .button { position:absolute; right:22px; top:0; }

.coz-input-copy > a { display:block; position:absolute; }
/* Form Inputs */
input, select, textarea, .mooeditable-iframe, .coz-input-checkbox i, .coz-input-radio i { background:#fff; border:1px inset ThreeDFace; font:12px/16px Verdana; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; }
input, select { height:22px; }
input, textarea, .mooeditable-iframe { padding:2px 3px; }
select { padding:1px 2px; }
textarea { resize:vertical; min-height:22px; }
input[type="checkbox"],
input[type="radio"] { height:13px; }
input[type="image"],
input[type="file"] { height:auto; }
input[type="image"] { border:0; }
datalist { display:none; }

:-moz-placeholder { color:GrayText; color:rgba(0,0,0,0.2); }
::-webkit-input-placeholder { color:GrayText; color:rgba(0,0,0,0.2); }
.coz-input-placeholder,
.coz-input-select-empty input { color:GrayText; color:rgba(0,0,0,0.2); }

.coz-input { display:-moz-inline-box; display:inline-block; position:relative; vertical-align:middle; }
div.coz-input { display:block; }
.coz-input > * { vertical-align:top; }

.coz-input-number > input,
.coz-input-datepicker > input,
.coz-input-search > input,
.coz-input-copy > input,
.coz-input-select > input,
.coz-input-combo > input { width:100%; }

.coz-input > input,
.coz-input-checkbox > label > input,
.coz-input-radio > label > input,
.coz-input-select > select { display:none; }
.coz-input > input ~ input,
.coz-input-search > input,
.coz-input-copy > input { display:inline; }

.coz-input > input ~ * ~ * { margin-left:3px; }
.coz-input > ul { margin-left:0; }
.coz-input > .coz-input-datepicker + .coz-input-time { margin-left:6px; }

.coz-input-date > input + * + * + input,
.coz-input-date > input + * + * + .coz-input-number > input,
.coz-input-time > input { width:41px; text-align:right; }

.coz-locale-mdy .coz-input-month > input[type=month] + *,
.coz-locale-mdy .coz-input-datepicker > input[type=date] + * { float:right; margin-left:3px; }
.coz-locale-mdy .coz-input-month > input[type=month] + * + *,
.coz-locale-mdy .coz-input-datepicker > input[type=date] + * + * { margin-left:0; }

input[type="number"],
.coz-input-number > input { padding-right:18px; }

.coz-input-copy > input { padding-right:90px; }

.coz-input-checkbox,
.coz-input-radio { color:WindowText !important; text-decoration:none !important; }

.coz-input-checkbox,
a.coz-input-checkbox *,
.coz-input-radio,
a.coz-input-radio * { cursor:default; }

label input[type="checkbox"],
label input[type="radio"],
.coz-input-checkbox i,
.coz-input-radio i { margin-top:-2px; margin-right:4px; }
.coz-input-checkbox i,
.coz-input-radio i { cursor:default; width:13px; height:13px; display:-moz-inline-box; display:inline-block; }
.coz-input-radio i {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.coz-input-checkbox i.coz-input-checked,
.coz-input-radio i.coz-input-checked { background:#000; }

.coz-input-select,
.coz-input-combo { position:relative; }
.coz-input-open { z-index:2; }
.coz-input-select input,
.coz-input-combo input { display:inline; padding-right:20px; vertical-align:top; }
.coz-input-select input { -moz-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; }
.coz-input-select *,
.coz-input-combo a { cursor:default; white-space:nowrap; }
.coz-input-select ul,
.coz-input-combo ul { display:none; padding:0; position:absolute; left:0; right:0; top:22px; border:1px solid WindowFrame; background-color:Window; max-height:200px; overflow-x:hidden; overflow-y:auto; font:12px/15px Verdana; }
.coz-input-select ul a,
.coz-input-combo ul a { display:block; height:15px; padding:2px 4px 3px; color:WindowText; text-decoration:none !important; text-align:left; }
.coz-input-select li.selected a,
.coz-input-combo li.selected a { background:ActiveBorder; color:HighlightText; }
.coz-input-select ul a:hover,
.coz-input-combo ul a:hover { background:Highlight; color:HighlightText; }
.coz-input-open ul,
.coz-input-open li { display:block; list-style:none; }

input.coz-input-invalid,
select.coz-input-invalid,
textarea.coz-input-invalid,
.coz-input-invalid i { border-color:#c00; background-color:#fdd; }
.coz-input-invalid:focus { border-color:#f00; background-color:#fff; outline-color:#f00; }
.coz-input-invalid label { color:#c00; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="number"] { padding-right:0; }
	input[type="checkbox"],
	input[type="radio"] { -webkit-appearance:none; border:0 !important; }
	input[readonly]:focus { outline:auto 5px -webkit-focus-ring-color; }
}
.productPaging + .productContainer,
.productContainer + .paging { margin-top:10px; }

.productContainer { padding-left:0; }
.productContainer h2 { clear:both; }
.productContainer li { list-style:none; }
.productContainer li ~ li,
.productContainer li ~ h2 { margin-top:10px; }

.product { position:relative; }

.product .thumbnail     { position:relative; z-index:2; width:80px; height:80px; }
.product .thumbnail img { display:block; width:80px; height:80px; }

.product .info { overflow:hidden; text-overflow:ellipsis; }
.product .title {}
.product .short-description { display:none; }
.product .description { display:none; overflow:hidden; text-overflow:ellipsis; }
.product .buttons { position:absolute; top:0; right:0; z-index:2; text-align:right; }
.product .buttons > *,
.product .buttons > form > * { float:left; margin-left:4px; }
.product .buttons > form { margin-left:0; }
.product .buttons .rating { margin:3px 0 4px; }
.product .disabled { width:95px; }

.blockView:after { clear:both; display:block; content:"."; visibility:hidden; height:0; }
.blockView li { width:140px; float:left; _display:inline; }
.blockView li.row ~ li { margin-top:0; margin-left:10px; }
.blockView li.row ~ li.row { margin-left:0; }
.blockView li.first ~ li.row,
.blockView li.first ~ li.row ~ li { margin-top:10px; }
.blockView .info { display:block; margin-right:0 !important; }
.blockView .title,
.blockView .price { display:block; height:28px; overflow:hidden; font-size:11px; line-height:14px; text-align:center; }
.blockView .price,
.blockView .thumbnail,
.blockView .buttons { margin-top:4px; }
.blockView .extras { display:none; }
.blockView .thumbnail,
.blockView .thumbnail img { width:100%; height:120px; }
.blockView .buttons { position:static; }
.blockView .buttons form { width:100%; }
.blockView .buttons button { width:100%; padding-left:0; padding-right:0; }
.blockView .buttons .button,
.blockView .buttons .rating,
.blockView .buttons .disabled { display:block; }
.blockView .buttons > *,
.blockView .buttons > form > * { float:none; margin-left:0; margin-top:4px; }
.blockView .buttons > form { margin-top:0; }
.blockView .buttons .rating { margin:7px auto 4px; }

.largeView .product { height:80px; }
.largeView .info { height:33px; margin-bottom:2px; margin-left:84px; }
.largeView .title { display:block; margin-bottom:3px; }
.largeView .description { display:block; height:45px; margin:2px 0 -80px 84px; font-weight:normal; }
.largeView .thumbnail { float:left; }
.largeView .thumbnail,
.largeView .thumbnail img { width:80px; height:80px; }

.smallView .product { height:40px; line-height:1.25; }
.smallView .info { height:33px; padding-top:3px; margin-bottom:-36px; margin-left:44px; }
.smallView .title { display:block; margin-bottom:3px; }
.smallView .thumbnail { float:left; }
.smallView .thumbnail,
.smallView .thumbnail img { width:40px; height:40px; }

.wishlistView .box { margin-bottom:0; }
.wishlistView .handle { height:22px; width:22px; padding:10px; float:left; cursor:move; }
.wishlistView .product { height:22px; margin-left:42px; }
.wishlistView .info { height:22px; margin-bottom:-22px; line-height:22px; }
.wishlistView .info input { width:14px; }
.wishlistView .availability { float:left; font-weight:bold; padding:3px 0px 4px; }
.wishlistView .thumbnail { display:none; }

.cartView .product { height:40px; }
.cartView .product select { float:none; margin:0 4px 0 0; }
.cartView .info { height:15px; padding-top:2px; margin-bottom:-17px; margin-left:44px; }
.cartView .title { display:block; float:left; margin-right:4px; }
.cartView .description { display:block; height:20px; margin:20px 0px -40px 44px; overflow:visible; }
.cartView .description select,
.cartView .description input { font:10px/12px Verdana; height:20px; padding:2px; }
.cartView .thumbnail { float:left; }
.cartView .thumbnail,
.cartView .thumbnail img { width:40px; height:40px; }

.smallbuttonsView .product { height:40px; }
.smallbuttonsView .info { height:33px; padding-top:3px; margin-bottom:-36px; margin-left:44px; }
.smallbuttonsView .title { padding-right:4px; }
.smallbuttonsView .thumbnail { float:left; }
.smallbuttonsView .thumbnail,
.smallbuttonsView .thumbnail img { width:40px; height:40px; }

.listView .product { height:22px; }
.listView .info { float:left; height:22px; margin-bottom:-22px; }
.listView .title { padding-right:3px; }
.listView .thumbnail { display:none; }
.listView .disabled { width:68px; background-position:0px -200px; }

.price { display:inline-block; }
.price .retail { color:#f00; text-decoration:line-through; white-space:nowrap; margin-right:3px; }

.price,
.tool-tip .extras { display:-moz-inline-box; display:inline-block; }
.Label, .HeadingLabel, .Values, .Bold, .HeadingValues {
	padding-top		: 10px;
}
.Label, .HeadingLabel {
	color			: #000000;
	font-weight		: bold;
}
.Label {
	float			: left;
	width			: 160px;
	margin-right	:-160px;
}
.HeadingLabel { 
	font-size		: 14px; 
	line-height		: 17px;
	border-bottom	: 1px solid;
}

.Values, .Bold, .HeadingValues {
	padding-left	: 10px;
	padding-right	: 10px;
}
.Values, .Bold {
	padding-left	: 170px;
}
.Bold, .HeadingValues {
	font-weight		: bold;
}
.rating { height:15px; width:85px; position:relative; display:-moz-inline-box; display:inline-block; vertical-align:middle; text-align:left; }
.rating * { height:18px; margin-bottom:-3px; }

.rating        { background:transparent url('images/webshop/stars.png') 0px   0px repeat-x; }
.rating .full  { background:transparent url('images/webshop/stars.png') 0px -18px repeat-x; }
.rating .hover { background:transparent url('images/webshop/stars.png') 0px -36px repeat-x; }

.rating .empty { font-weight:bold !important; color:#666666 !important; text-decoration:none !important; text-align:center; }

.rating .picker { position:absolute; top:0; }
.rating .picker a { display:block; float:left; width:17px; cursor:pointer; }

span.rating .empty { cursor:default; }
.menu { position:relative; z-index:9; overflow:visible; }
.menu * { overflow:visible; }
.menu li { display:block; }
.menu ul { display:none; position:absolute; left:0; z-index:999; }
.menu > div > ul { position:static; }
.menu .menu ul { left:100%; top:0; }
.menu:hover > ul,
.menu:hover > div > ul,
.menu a:focus + ul,
.menu a.focus + ul,
.menu a:focus + div > ul,
.menu a.focus + div > ul,
.open > ul,
.open > div > ul { display:block; display:table; display:inline-block; max-width:1000px; }
.closed ul { display:none !important; }
.datePicker {
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}

.datePicker .box {
	background:Menu;
	border-color:WindowFrame;	
}

.calendar {
	background: none !important;
	position: relative;
	width: 160px;
	font-weight:bold;
}	
	
.calendar caption {
	color: MenuText;
	font-weight: bold;
	text-align: center;
	width: 100%;
	cursor: default;
}
.calendar caption > select,
.calendar caption > span.coz-input-select {
	width: 100px;
	float:left;
}
.calendar caption > input,
.calendar caption > span.coz-input-number {
	width: 57px;
	float:right;
}
.calendar table {
	background: none;
}
.calendar td,
.calendar th {
	color:MenuText;
	font-weight: bold;
	width: 22px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	padding:0 1px 1px 0;
	cursor: default;
	-moz-user-select:none;
	-khtml-user-select:none;
}
.calendar td {
	color: GrayText;
	font-size: 12px;
	line-height:15px;
}
.calendar td.invalid {
	color: #fff;
}

.calendar td button { width:22px; height:22px; padding:0; }
.calendar td button.active { outline-color:#f60 !important; }
.listPicker { zoom:1; background:none; padding-right:10px; }

.listPicker div.source,
.listPicker div.target { width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-sizing:border-box; position:relative; z-index:1; }
.listPicker div.source { float:left; }
.listPicker div.target { float:right; margin-right:-10px; }

.listPicker div.heading,
.listPicker div.menu,
.listPicker div > ul > li { display:block; padding:4px; cursor:default; }

.listPicker div.overlay { position:absolute; top:23px; bottom:1px; left:1px; right:1px; background:#fff; background:rgba(255,255,255,0.9); color:#000; font-weight:bold; padding:10px; }
.listPicker div.overlay > * { margin-bottom:10px; }
.listPicker div.overlay input,
.listPicker div.overlay select { width:100%; }

.listPicker div.menu { float:right; padding-right:0; color:#fff; font-weight:bold; }
.listPicker div.menu img { display:-moz-inline-box; display:inline-block; width:18px; height:21px; background:url(../images/webshop/dropmarkers.png); margin:-4px 0; }
.listPicker div.submenu { top:23px; }
.listPicker div.submenu a { margin-right:1px; }

.listPicker div.heading { background:#000; color:#fff; font-weight:bold; padding:4px 4px 3px; }

.listPicker div > ul { margin:0; padding:0; height:250px; overflow:auto; background:#fff; border:1px solid #000; }

.listPicker div > ul > li { border-bottom:1px solid #ddd; list-style:none; line-height:17px; height:16px; overflow:hidden; }
.listPicker div > ul > li:link disabled { }
.listPicker div > ul > li:hover { background:#eee; }
.listPicker div > ul > li.selected { background:#ddd; }

.listPicker div > ul > li button { float:right; width:16px; height:16px; padding:0; opacity:0; }
.listPicker div > ul > li button i { width:14px; height:14px; margin:0; }

.listPicker .source > ul > li button i { background-position:-14px -41px; }
.listPicker .target > ul > li button i { background-position:0 -41px; }

.listPicker div > ul > li.selected button,
.listPicker div > ul > li:hover button,
.listPicker div > ul > li button:focus,
.listPicker div > ul > li button:active { opacity:1; }

x.listPicker li a { float:right; width:13px; height:13px; background:#000 url(../images/webshop/buttons.png) 0 -200px repeat-x; border:1px solid #000; visibility:hidden; }
x.listPicker div.source li a { background-position:-14px -304px; }
x.listPicker div.target li a { background-position: -1px -304px; }

.listPicker div > ul > li a { float:right; visibility:hidden; margin-right:4px; }

.listPicker div > ul > li:hover a,
.listPicker div > ul > li a:focus { visibility:visible; }

.listPicker div > ul > li.drag { background:url(../images/webshop/tooltip.png); background:rgba(0,0,0,0.8); color:#fff; border:0; }
.listPicker div > ul > li.drag button { background:#f00 url(../images/webshop/buttons.png) 0 -3px !important; border-color:transparent !important; opacity:1; outline:0; }
.listPicker div > ul > li.enabled button { background-color:#0c0 !important; border-color:transparent !important; opacity:1; }
.listPicker div > ul > li.locked button { opacity:0.2; }
.listPicker div > ul > li.drag button i { background-image:url(images/webshop/button-icons-white.png); background-position:-126px -41px; }
.listPicker div > ul > li.enabled button i { background-position:-98px -41px; }
.listPicker div > ul > li.locked button i { background-position:-140px -41px; }
.listPicker div > ul > li.drag:hover a { display:none; }

.listViewer { padding-right:0; }
.listViewer div.target { width:100%; float:none; }
.listViewer div > ul  { height:auto; }
.coz-overlay,
.coz-overlay-content,
.coz-overlay-background {
	position:absolute;
	left:0; right:0;
	top:0; bottom:0;
}

.coz-overlay {
	position:fixed;
	z-index:1000;
	overflow:hidden;
}

.coz-overlay-background {
	z-index:-1;
	background:#000;
}

.coz-overlay-content {
	overflow:auto;
}
.dialog,
.dialog-table { position:absolute; z-index:4; }
.dialog-table .dialog { position:static; }

.dialog-maximized { left:0 !important; right:0 !important; top:0 !important; bottom:0 !important; }
.dialog-minimized { top:auto !important; bottom:0 !important; }

.dialog-maximized .dialog-content-div,
.dialog-minimized .dialog-content-div { width:100% !important; height:auto !important; }

.dialog-titlebar,
.dialog-titlebar h1 { height:22px; line-height:22px; white-space:nowrap; }

.dialog-titlebar .button,
.dialog-titlebar button { margin-left:3px; }

.dialog-form input { width:100%; }

.dialog-submit { line-height:22px; }

.dialog-buttons { position:absolute; top:0; right:0; }

.imageDialog .content { padding:0; background:url(images/webshop/loading.gif) center center no-repeat; }

.tabbedDialog .tabs,
.tabbedDialog .tabs .tabbox,
.tabbedDialog .tabs .tabbox > .box-content { position:absolute; top:0; bottom:0; left:0; right:0; }
.tabbedDialog .tabs { bottom:32px; }
.tabbedDialog .tabs .tabbox { top:23px; }
.tabbedDialog .tabs .tabbox > .box-content { overflow:auto; }

.paletteDialog #palette { left:auto; margin-right:0; }

.IE .dialog { background-image:url(images/webshop/transparent.gif); }
.tool-tip {
	position:absolute;
	left:-10000px;
	top:-10000px;
	z-index: 10000;
	visibility:hidden;
	overflow:visible;
	pointer-events:none;
	min-width: 10px;
	max-width: 400px;
}

.tip-title, .tip-text {
	font-size: 11px;
	line-height: 13px;
}
 
.tip-title {
	font-weight: bold;
}
