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,article,aside {
	display:block;
}
table {
	border-spacing:0;
	font:inherit;
	color: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:inherit;
}
i {
	font-style:inherit;
}
p {
	margin:1em 0;
}
/* GENERAL */
img { vertical-align:bottom; }

abbr, acronym { border-bottom: 1px dotted #333; 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; }

.center-box { display:table; margin:auto; xwidth: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; font-weight:bold; display:-moz-inline-box; display:inline-block; white-space:nowrap !important; vertical-align:bottom; height:15px; 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 th { border-bottom:1px solid #000; white-space:nowrap; }
.list td { border-bottom:1px solid #ddd; vertical-align:middle; }
.list th, 
.list td { font-weight:bold; text-align:center; padding:2px 4px; }
.list table th,
.list table td { border-bottom:none; padding:0px; }

.cartView td { vertical-align:middle; }

#addCoupon span,
#removeCoupon span { font-weight:bold; margin-right:6px; line-height:22px; display:inline; }
#addCoupon *,
#removeCoupon * { vertical-align:middle; }

.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 { float:right; }
.order-shipping { float:left; }
.order-getTotal { clear:right; text-align:right; }

.order-totals table,
.order-payment table { width:auto; }

.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 { padding-right:170px; }
.product-content { float:left; width:100%; }
.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-bottom:0; }
.product-sidebar .product-pricing select { width:100%; }

/* Form Panes */
.tabForm { margin-bottom:-4px; }
.tabForm th,
.tabForm td { vertical-align:top; line-height:22px; padding:0; }
.tabForm th { padding-right:20px; width:0; white-space:nowrap; font-weight:bold; padding-bottom:4px; }
.tabForm input,
.tabForm select,
.tabForm textarea,
.tabForm iframe,
.tabForm label,
.tabForm button,
.tabForm .button,
.tabForm .checkbox,
.tabForm .coz-ui-select,
.tabForm .coz-ui-combo,
.tabForm .dateField,
.tabForm .monthField,
.tabForm .timeField,
.tabForm .numberField { margin-bottom:4px; }
.tabForm label input,
.tabForm .coz-ui-select input,
.tabForm .coz-ui-combo input,
.tabForm .dateField input,
.tabForm .timeField input,
.tabForm .numberField input,
.tabForm .coz-ui-select select,
.tabForm .monthField select,
.tabForm .coz-ui-select button,
.tabForm .coz-ui-combo button,
.tabForm .dateField button,
.tabForm .timeField button,
.tabForm .numberField button { margin-bottom:0; }
.tabForm .checkbox,
.tabForm label { line-height:22px; }
.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 { width:0; 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; }
.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; }

/* Dialog */
.dialog { padding:0; position:absolute !important; z-index:4; border:0; background-image:url(images/webshop/transparent.gif); }

.dialog .titlebar { height:22px; white-space:nowrap; }
.dialog .titlebar h1 { line-height:22px; white-space:nowrap; padding-right:8px; }

.dialog .titlebar .button { margin-left:4px; }
.dialog .titlebar button { margin-left:3px; }

.dialog > .box-content { position:absolute; left:0; right:0; top:0; bottom:0; }

.dialog .content { position:absolute; left:10px; right:10px; top:10px; bottom:10px; }
.dialog .bottombar { position:absolute; left:10px; right:10px; bottom:10px; }

.imageDialog .content { padding:0; background:url(images/webshop/loading.gif) center center no-repeat; }
.htmlDialog .content,
.videoDialog .content,
.tabbedDialog .content,
.paletteDialog .content { top:42px; }

.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; }

.videoContainer { background:#000 url(images/webshop/loading_black.gif) center center no-repeat; margin-bottom:10px; text-align:center; overflow:hidden; position:relative; }
.videoContainer object { background:#000; }

.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 { cursor:default; -moz-user-select:none; -khtml-user-select:none; padding:0; background:#ccc; position:relative; }
table.sort th,
table.sort td { width:0; }
table.sort .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 tbody td { cursor:default; }

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 { display:block; }
.tabs .tablist > li > h2.tablabel { display:none; }

.tabs-bar { width:100%; }
.tabs-bar .tabrow th { width:0; }
.tabs-bar .tabrow th a.button { display:block; }

.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 { 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 > dd { height:0; overflow:hidden; }
.accordion > dd .element-content { padding:10px 0; }
.accordion > dt.toggler-selected button i { background-image:none; }
.accordion > dd.element-selected { height:auto !important; opacity:1 !important; overflow:visible !important; visibility:visible !important; }

/* 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 .button { float:left; }
.paging-buttons button,
.paging-buttons .button b { padding-left:4px; padding-right:4px; }
.paging-buttons .button-arrowLeft b,
.paging-buttons .button-arrowRight b { padding:0; }

.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:10px; bottom:10px; background:#fff; z-index:9; }
.coz-loading { position:absolute; left:50%; top:25%; display:block; width:128px; height:16px; margin:-4px -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:middle; }

.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; }
.button:hover:active { border-style:inset; }

.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 { background-position:0 0; }
button.arrowRight i { background-position:-20px 0; }
.search button i,
button.search i { background-position:-40px 0; }
button#blockView i { background-position:-60px 0; }
button#largeView i { background-position:-80px 0; }
button#smallView i { background-position:-100px 0; }
button#listView i { background-position:-120px 0; }
.dateField button i,
button.calendar i { background-position:-140px 0; }
button.add i { background-position:-160px 0; }
button.close i,
button.remove i { background-position:-180px 0; }
button.check i { background-position:-200px 0; }
button.copy i { background-position:-220px 0; }
button.edit i { background-position:-240px 0; }
button.maximize i { background-position:-260px 0; }
button.restore i { background-position:-280px 0; }
button.minimize i { background-position:-300px 0; }
button.info i { background-position:-320px 0; }
button.down i { background-position:-340px 0; }
button.up i { background-position:-360px 0; }
.coz-ui-select i,
.coz-ui-combo i,
button.drop i { background-position:-342px 0; }
.coz-ui-open i { background-position:-362px 0; }
button.sort i { background-position:-380px 0; }
button.asc i { background-position:-400px 0; }
button.desc i { background-position:-420px 0; }

.button-arrowLeft i { background-position:0 0; }
.button-arrowRight i { background-position:-20px 0; }
.input-search button 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; }
.input-date button i,
.button-calendar i { background-position:-140px 0; }
.button-add i { background-position:-160px 0; }
.button-close i,
.button-remove i { background-position:-180px 0; }
.button-check i { background-position:-200px 0; }
.button-copy i { background-position:-220px 0; }
.button-edit i { background-position:-240px 0; }
.button-maximize i { background-position:-260px 0; }
.button-restore i { background-position:-280px 0; }
.button-minimize i { background-position:-300px 0; }
.button-info i { background-position:-320px 0; }
.button-down i { background-position:-340px 0; }
.button-up i { background-position:-360px 0; }
.coz-ui-select i,
.coz-ui-combo i,
.button-drop i { background-position:-342px 0; }
.coz-ui-open i { background-position:-362px 0; }
.button-sort i { background-position:-380px 0; }
.button-asc i { background-position:-400px 0; }
.button-desc i { background-position:-420px 0; }

.button-doubleArrow i,
button.doubleArrow i { float:left; margin:0 -11px 0 -4px; }

.numberField button i { height:9px; width:14px; }
.numberField .increment i { background-position:-443px -1px; }
.numberField .decrement i { background-position:-443px -10px; }

.selected { background-color:#000; color:#fff; cursor:default; }
.selected i { background-image:url(images/webshop/button-icons-white.png); }

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-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; }

.search button,
.dateField button,
.numberField button,
.coz-ui-search button,
.coz-ui-date button,
.coz-ui-select button,
.coz-ui-combo button,
.drop { position:absolute; right:0; top:0; width:22px; height:22px; padding:0; cursor:default; text-indent:-10000px; }
.search button i,
.dateField button i,
.copyField button i,
.numberField button i,
.coz-ui-search button i,
.coz-ui-date button i,
.coz-ui-select button i,
.coz-ui-combo button i,
.drop i { display:block; margin:0; }

.coz-ui-select button,
.coz-ui-combo button,
.button-drop,
button.drop { width:18px; }
.coz-ui-select button i,
.coz-ui-combo button i,
.button-drop i,
button.drop i { width:16px; }

.search button { cursor:pointer; }
.search .button { position:absolute; right:22px; top:0; }

.timeField button { padding-left:2px; padding-right:2px; }

.numberField button { width:16px; height:11px; padding:0; }
.numberField button.decrement { top:auto; bottom:0; }

.copyField button { position:absolute; right:0; top:0; height:22px; }

x@media screen and (-webkit-min-device-pixel-ratio:0) {
	button { padding:1px 5px 2px; }
	button.icon { padding:1px 0 2px; }
	button.icon i { margin:-1px 0 -2px -3px; }
	.coz-ui-select button i,
	.coz-ui-combo button i,
	.dateField button i,
	.copyField button i,
	.numberField button i,
	.search button i,
	.drop i { margin:-1px 0 0 -3px !important; }
}
/* Form Inputs */
input, select, textarea, .mooeditable-iframe, a.checkbox i, a.radio i { border:1px inset ThreeDFace; font:12px/14px Verdana; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
input, select, textarea, .mooeditable-iframe, a.checkbox i, a.radio i, .coz-ui-select, .coz-ui-combo { vertical-align:middle; }
input, select { height:22px; }
input, textarea, .mooeditable-iframe { padding:3px; }
select { padding:2px; }
textarea { resize:vertical; }
input.placeholder, textarea.placeholder { color:#ccc; color:rgba(0,0,0,0.2); }
input[type="checkbox"],
input[type="radio"] { width:13px; height:13px; }
input[type="file"] { height:auto; }

.search,
.dateField,
.copyField,
.numberField { position:relative; }

.search input,
.dateField input,
.copyField input,
.numberField input { width:100%; }

.dateField { width:120px; }

.datetimeField .dateField,
.timeField .numberField,
.monthField > * { margin-right:3px; }
.monthField > :last-child { margin-right:0; }
.datetimeField .dateField,
.timeField .numberField,
.monthField select,
.monthField .coz-ui-select,
.monthField .numberField,
.numberField input { vertical-align:top; }
.timeField input { width:41px; text-align:right; }

input[type="number"],
.numberField input { padding-right:18px; }

.copyField input { padding-right:90px; }

span.dateField,
span.timeField,
span.datetimeField,
span.numberField { display:-moz-inline-box; display:inline-block; vertical-align:middle; }

a.checkbox,
a.radio { color:#000000 !important; text-decoration:none !important; display:-moz-inline-box; display:inline-block; vertical-align:middle; }

a.checkbox,
a.checkbox *,
a.radio,
a.radio * { cursor:default; }

label input[type="checkbox"],
label input[type="radio"],
a.checkbox i,
a.radio i { margin-top:-2px; margin-right:4px; }
a.checkbox i,
a.radio i { cursor:default; width:13px; height:13px; display:-moz-inline-box; display:inline-block; }
a.radio i {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
a.checkbox i.checked,
a.radio i.checked { background:#000; }

input.invalidField,
select.invalidField,
textarea.invalidField,
a.invalidField i { border-color:#c00; background-color:#fdd; }
input.invalidField:focus,
select.invalidField:focus,
textarea.invalidField:focus { border-color:#f00; background-color:#fff; outline-color:#f00; }
a.invalidField label { color:#c00; }

.coz-ui-search,
.coz-ui-date,
.coz-ui-copy,
.coz-ui-number { position:relative; }

.coz-ui-search input,
.coz-ui-date input,
.coz-ui-copy input { width:100%; }

.coz-ui-date { width:120px; }

.coz-ui-datetime .coz-ui-date,
.coz-ui-time .coz-ui-number,
.coz-ui-month .coz-ui-select,
.coz-ui-month select { margin-right:3px; vertical-align:top; }
.coz-ui-time input { width:41px; text-align:right; }

input[type="number"],
.coz-ui-number input { padding-right:18px; }

.coz-ui-copy input { padding-right:90px; }

.coz-ui-date,
.coz-ui-time,
.coz-ui-datetime,
.coz-ui-number,
.coz-ui-select,
.coz-ui-combo { display:-moz-inline-box; display:inline-block; vertical-align:middle; }

x:invalid,
x.coz-ui-invalid { border-color:#c00; background-color:#fdd; }
x:invalid:focus,
x.coz-ui-invalid:focus { border-color:#f00; background-color:#fff; outline-color:#f00; }

.coz-ui-checkbox,
.coz-ui-radio { color:WindowText !important; text-decoration:none !important; display:-moz-inline-box; display:inline-block; vertical-align:bottom; }

.coz-ui-checkbox,
.coz-ui-checkbox *,
.coz-ui-radio,
.coz-ui-radio * { cursor:default; height:15px; }

.coz-ui-checkbox *,
.coz-ui-radio * { vertical-align:middle; }

.coz-ui-checkbox i,
.coz-ui-radio i         { background:#000 url('images/webshop/checkbox.png') no-repeat; cursor:default; width:13px; height:13px; margin-right:4px; display:-moz-inline-box; display:inline-block; }
.coz-ui-checkbox i.coz-ui-checked,
.coz-ui-radio i.coz-ui-checked { background-position:0px -11px; }

.coz-ui-select,
.coz-ui-combo { display:inline-block; position:relative; }
.coz-ui-open { z-index:2; }
.coz-ui-select input,
.coz-ui-combo input { padding-right:20px; vertical-align:top; }
.coz-ui-select input { -moz-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; }
.coz-ui-select *,
.coz-ui-combo a { cursor:default; white-space:nowrap; }
.coz-ui-select ul,
.coz-ui-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-ui-select ul a,
.coz-ui-combo ul a { display:block; padding:2px 4px 3px; color:WindowText; text-decoration:none !important; text-align:left; }
.coz-ui-select ul a:hover,
.coz-ui-combo ul a:hover { background:Highlight; color:HighlightText; }
.coz-ui-open ul,
.coz-ui-open li { display:block; list-style:none; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[readonly]:focus { outline:auto 5px -webkit-focus-ring-color; }
}
.productPaging { margin-bottom:10px; }

.productContainer { padding-left:0; }
.productContainer h2 { margin-top:-10px; margin-bottom:8px; clear:both; }
.productContainer .box { margin-bottom:10px; }
.productContainer br { display:none; }
.productContainer li { list-style:none; }

.product .thumbnail     { position:relative; z-index:2; width:80px; height:80px; }
.product .thumbnail img { display:block; width:80px; height:80px; }

.product { position:relative; }
.product .info { position:relative; z-index:1; overflow:hidden; }
.product .title { font:bold 12px Arial; font-weight:bold; }
.product .short-description { display:none; }
.product .description { display:none; overflow:hidden; text-overflow:ellipsis; }
.tool-tip .retail,
.product .retail { padding-right:3px; color:#f00; text-decoration:line-through; white-space:nowrap; }
.tool-tip .price,
.product .price { padding-right:3px; }
.product .buttons { position:relative; z-index:2; position:absolute; top:0; right:0; text-align:right; }
.product .rating { float:left; }
.product select,
.product form,
.product button { float:left; margin-left:4px; }
.product .button,
.product .disabled { float:left; display:-moz-inline-box; display:inline-block; margin-left:4px; }
.product form button { margin-left:0; }
.product .disabled { width:95px; }
.product .url,
.product .photo { display:none; }

.blockView { margin-right:-10px; }
.blockView h2 { border:none; }
.blockView hr { display:none; }
.blockView br { display:block; }
.blockView li { width:140px; float:left; margin-right:10px; _display:inline; position:relative; }
.blockView .info { display:block; overflow:hidden; 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 .rating { float:none; display:block; margin:0px auto 1px; }
.blockView .buttons { position:static; }
.blockView form { width:100%; }
.blockView button { margin-top:4px; width:100%; }
.blockView form,
.blockView button { float:none; margin-left:0px; }
.blockView .button,
.blockView .disabled { float:none; display:block; margin-left:0px; margin-top: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; }
.largeView .rating { margin-top:3px !important; }

.smallView .product { height:40px; }
.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; }
.smallView .rating { margin-top:3px !important; }

.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,
.cartView .product .coz-ui-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,
.cartView .description .coz-ui-select ul { font:10px/12px Verdana; }
.cartView .description select,
.cartView .description input { height:20px; }
.cartView .description select { padding:2px 2px 2px 0; }
.cartView .description input { padding:2px; }
.cartView .description .coz-ui-select li a { padding:2px 3px 3px; }
.cartView .description .coz-ui-select button { height:20px; }
.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; }
x.smallbuttonsView .buttons { padding-top:12px; }
x.smallbuttonsView .disabled { width:68px; background-position:0px -200px; }

.listView .product { height:16px; }
.listView .info { float:left; height:16px; margin-bottom:-16px; }
.listView .title { padding-right:3px; }
.listView .thumbnail { display:none; }
.listView .disabled { width:68px; background-position:0px -200px; }
.listView select { font:10px/12px Verdana !important; padding:2px 1px 1px 2px; margin:-2px 0px; }

.tool-tip .price,
.tool-tip .extras { margin-top:6px; display:-moz-inline-box; display:inline-block; }
.tool-tip .description { padding-top:6px; font-weight:normal; }
.tool-tip .url,
.tool-tip .photo { display:none; }
.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,
.rating * { height:15px; line-height:15px; }
.rating { display:-moz-inline-box; display:inline-block; vertical-align:middle; overflow:hidden; text-align:left;
				 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 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 + 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-ui-select {
	width: 100px;
	float:left;
}
.calendar caption input,
.calendar caption span.numberField {
	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 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 ul { margin:0; padding:0; height:250px; overflow:auto; background:#fff; border:1px solid #000; }

.listPicker li { border-bottom:1px solid #ddd; list-style:none; line-height:17px; height:16px; overflow:hidden; }
.listPicker li:link disabled { }
.listPicker li:hover { background:#eee; }
.listPicker li.selected { background:#ddd; }

.listPicker li button { float:right; width:16px; height:16px; padding:0; opacity:0; }
.listPicker li button i { width:14px; height:14px; margin:0; }

.listPicker .source li button i { background-position:-14px -40px; }
.listPicker .target li button i { background-position:0 -40px; }

.listPicker li.selected button,
.listPicker li:hover button,
.listPicker li button:focus,
.listPicker 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 li a { float:right; visibility:hidden; margin-right:4px; }

.listPicker li:hover a,
.listPicker li a:focus { visibility:visible; }

.listPicker li.drag { background:url(../images/webshop/tooltip.png); background:rgba(0,0,0,0.8); color:#fff; border:0; }
.listPicker li.drag button { background:#f00 url(../images/webshop/buttons.png) 0 -3px !important; border-color:transparent !important; opacity:1; outline:0; }
.listPicker li.enabled button { background-color:#0c0 !important; border-color:transparent !important; opacity:1; }
.listPicker li.locked button { opacity:0.2; }
.listPicker li.drag button i { background-image:url(images/webshop/button-icons-white.png); background-position:-126px -40px; }
.listPicker li.enabled button i { background-position:-98px -40px; }
.listPicker li.locked button i { background-position:-140px -40px; }
.listPicker li.drag:hover a { display:none; }

.listViewer { padding-right:0; }
.listViewer div.target { width:100%; float:none; }
.listViewer 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;
}
.tool-tip {
	min-width: 10px;
	max-width: 400px;
	z-index: 10000;
	overflow:visible;
}

.tip-title, .tip-text {
	font-size: 11px;
	line-height: 13px;
}
 
.tip-title {
	font-weight: bold;
}

.tip-text br { height:8px !important; line-height:8px !important; }