/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	/*background:transparent;*/
}

img {border:0; outline:0; font-size:100%; background:transparent;}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup
table {border-collapse:collapse; border-spacing:0;}*/

/* MAIN */

html, body {font-family:"Verdana"; font-size:12px; line-height:16px; color:#000;}
body {background-color:#d8d8d8;}
.cufon-loading {visibility: hidden !important;}
body#homepage #outerWrapper {height:600px; background-image:url("../images/homepage.jpg"); background-repeat:no-repeat; background-position:center top;}
body#homepage #outerWrapper #content {height:380px;}
.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index:-10;
}

/* LAYOUT */

#background {width:1000px; height:600px; margin:0 auto; z-index:0;}
#background #content {height:380px;}
#outerWrap {position:absolute; top:0; left:50%; width:1000px; margin-left:-500px; z-index:2;}
#wrap {width:1000px; margin:0 auto; position:relative; z-index:3;}
#vaantje {width:52px; height:574px; background:url("../images/vaantje.png") no-repeat;}
#vaantje-homepage {position:absolute; top:0; left:53px; width:52px; height:574px; background:url("../images/vaantje.png") no-repeat;}
#homepage #col-left {padding:0 0 0 155px;}
#col-vaantje {width:99px; padding:0 0 0 53px; height:574px; float:left;}
#col-left, #col-right {float:left;}
#col-left {width:665px; padding:0 0 0 0;}
#col-right {width:180px; padding:75px 0 0 0;}
#content {min-height:378px; padding:45px 40px 20px 0;}
#footer-wrap {height:56px; padding:15px 0 0 0; background:url("../images/footer-wrap.png") repeat-x top;}
.homepage-video #footer-wrap {position:relative; top:-71px;}
#footer {width:845px; padding:0 0 0 155px; height:56px; margin:0 auto; position:relative;}
.facebook-findus {display:block; width:75px; height:23px; background:url("../images/facebook-findus.jpg") no-repeat; text-indent:-9999px; position:absolute; top:33px; left:701px;}
#homepage .facebook-findus {top:496px; left:105px;}
#logo-royal-talens {position:absolute; top:0; left:635px; display:block; width:141px; height:14px; background:url("../images/logo-royal-talens.png") no-repeat; text-indent:-9999px;}
#skip-intro {width:845px; margin:0 auto; padding:5px 0 0 155px;}
#skip-intro a {color:#000; font-size:13px;}
#skip-intro a:hover {border-bottom:2px solid;}

/* MAIN MENU */

#mainmenu {height:55px; padding:29px 0 0 0;}
#mainmenu li {float:left; position:relative;}
#mainmenu a {display:block; background-repeat:no-repeat;}
#mainmenu a:hover, #mainmenu .selected {color:#e7501e !important;}

#mainmenu a.niveauA {font-size:14px; color:#58585a; background-image:url("../images/menu-separator.png"); background-position:right 6px; padding:2px 10px 4px 7px;}

/* Menu item "home" */
#mainmenu li.menuitem_1 {margin:0 5px 0 0;}
#mainmenu li.menuitem_1 a {border:#58585a 1px solid; padding:1px 4px 4px 7px; background:none;}
#mainmenu li.menuitem_1 a:hover, #mainmenu li.menuitem_1 a.selected {border:#e7501e 1px solid;}

/* Last menu item */
#mainmenu a.last {background-image:none !important; padding-right:0 !important;}

/* Subs */
#mainmenu ul {position:absolute; top:20px; left:0; width:500px;}
#mainmenu a.niveauB {color:#6e6e6e; font-size:13px; background-image:url("../images/mainmenu-separator-sub.png"); background-position:right 7px; padding:2px 7px 4px 7px;}

#mainmenu ul li.menuitem_1 {margin:0;}
#mainmenu ul li.menuitem_1 a.niveauB {border:0; background:url("../images/mainmenu-separator-sub.png") no-repeat right 7px; padding:2px 7px 4px 7px;}
#mainmenu ul li.menuitem_1 a.niveauB:hover {border:0;}

/* Menu homepage */

#homepage #mainmenu a.niveauA {color:#cecece;`background-image:url("../images/menu-home-separator.png") !important;}
#homepage #mainmenu a:hover {color:#fff !important;}
#homepage #mainmenu li.menuitem_1 a {border:#fff 1px solid; color:#fff !important; background:none !important;}
#homepage #bottommenu a, #homepage #languagemenu a, #homepage #languagemenu_resellers a {color:#cecece;}

/* PRODUCTS MENU */

#productsmenu {position:absolute; top:49px; left:321px;}
#productsmenu li {float:left; position:relative;}
#productsmenu a {display:block; color:#6e6e6e; font-size:12px; background-image:url("../images/mainmenu-separator-sub.png"); background-position:right 7px; padding:2px 7px 4px 7px; background-repeat:no-repeat; letter-spacing:1px;}
#productsmenu a:hover {color:#e7501e !important;}
#productsmenu .last a {background-image:none !important; padding-right:0 !important;}

/* BOTTOM MENU */

#bottommenu {position:absolute; top:-4px; left:155px;}
#bottommenu li {float:left; padding-right:5px;}
#bottommenu a {display:block; color:#58585a; font-size:13px; background-image:url("../images/menu-separator.png"); background-repeat:no-repeat; background-position:right 4px; padding:0 6px 0 0 ;}
#bottommenu a:hover, #bottommenu a.selected {color:#e7501e !important;}
#bottommenu li.last a {background-image:none; padding-right:0;}

/* LANGUAGE MENU */

#languagemenu {position:absolute; top:17px; left:155px; width:450px;}
#languagemenu li {float:left; padding-right:5px;}
#languagemenu a {display:block; color:#58585a; font-size:13px; background-image:url("../images/menu-separator.png"); background-repeat:no-repeat; background-position:right 4px; padding:0 6px 0 0 ;}
#languagemenu a:hover {color:#fff !important;}
#languagemenu a.selected {color:#fff !important;}
#languagemenu li.last a {background-image:none; padding-right:0;}

/* LANGUAGE MENU RESELLERS */

#languagemenu_resellers {position:absolute; top:38px; left:155px; width:450px;}
#languagemenu_resellers li {float:left; padding-right:5px;}
#languagemenu_resellers a {display:block; color:#58585a; font-size:13px; background-image:url("../images/menu-separator.png"); background-repeat:no-repeat; background-position:right 4px; padding:0 6px 0 0 ;}
#languagemenu_resellers a:hover {color:#fff !important;}
#languagemenu_resellers .selected {color:#fff !important;}
#languagemenu_resellers li.last a {background-image:none; padding-right:0;}

/* LOGIN RESELLER */

#login-reseller {position:absolute; bottom:0; right:31px; width:138px; height:51px; padding:0 0 5px 10px; background:url("../images/login-reseller-bg.png") no-repeat; z-index:10;}
#login-reseller form {z-index:10;}
#login-reseller h4 {color:#fff; font-size:13px; font-weight:normal;}
#login-reseller label {display:inline-block; width:70px; color:#fff; font-size:10px;}
#login-reseller .field {border:0; font-size:10px; color:#000; width:53px; height:10px; margin:0; padding:0;}
#login-reseller .button {position:relative; top:-12px; left:126px; width:10px; height:10px; background:url("../images/login-reseller-button.png") no-repeat; border:0; cursor:pointer;}
#login-reseller .logout {position:absolute; top:32px; right:5px; font-weight:bold; color:#fff; padding:0 13px 0 0; display:block; height:20px; background:url("../images/login-reseller-button.png") no-repeat right 5px;}
#reseller-name {position:absolute; right:30px; top:30px; font-size:16px; font-weight:normal; color:#e7501e; text-transform:capitalize; letter-spacing:1px;}
.login-error {position:relative; top:-10px; width:170px; font-size:10px; color:#e7501e;}

/* BLOCKS */

#col-right .block {font-size:10px; background-repeat:no-repeat; margin:0 0 10px 0; width:151px; position:relative;}
#col-right .block h3 {font-size:22px; line-height:22px; font-weight:normal; color:#fff; padding:0 0 10px 0; text-transform:uppercase;}
#col-right .block p {color:#fff; padding-bottom:10px;}
#col-right .block p.readon {padding-bottom:0;}
#col-right .block a {color:#fff; border-bottom:1px solid;}
#col-right .block a:hover {border-bottom:2px solid;}
#col-right .block-top {height:6px; background:url("../images/block-right-top.png") no-repeat;}
#col-right .block-middle {background:url("../images/block-right-middle.png") repeat-y;}
#col-right .block-bottom {height:7px; background:url("../images/block-right-bottom.png") no-repeat;}
#col-right .block-content {background:#59595b url("../images/block-right-content.png") no-repeat bottom; min-height:91px; width:126px; padding:5px 10px 5px 10px; margin:0 4px 0 1px;}

/* My Cobra */
#col-right .block form label {display:inline-block; width:60px; color:#fff; font-size:10px;}
#col-right .block form .field {border:0; font-size:10px; color:#000; width:63px; height:10px; margin:0; padding:0;}
#col-right .block form .button {position:absolute; top:56px; left:137px; width:10px; height:10px; background:url("../images/login-reseller-button.png") no-repeat; border:0; cursor:pointer; color:transparent;}
#col-right .block form {padding:0 0 10px 0;}
#col-right .block .forgot-login {color:#fff;}
#col-right .block .forgot-login:hover {border-bottom:1px solid;}

/* Video */
#content .video {width:600px; height:338px;}

/* Banner */

#col-right .banner div {cursor:pointer;}

/* COLOUR CHART */

#colour-chart {width:685px; height:370px; position:relative; left:-30px;}
#colour-chart .color {width:24px; height:370px; border-left:#ededed 1px solid; border-right:#ededed 1px solid; float:left; position:relative; overflow:hidden; cursor:pointer;}
.color-info {width:160px; color:#fff; font-size:10px; position:absolute; bottom:0;}
.color-info ul {list-style-type:none !important; padding:0 !important; width:110px; position:absolute; bottom:12px; left:15px;}
.color-info .icon {width:9px; height:9px; background-repeat:no-repeat; position:absolute; left:135px; bottom:50px;}

.white .color-info {color:#fff;}
.black .color-info {color:#000;}

.white .color-info .transparent {background-image:url("../images/icon-transparent-white.png");}
.white .color-info .semi-transparent {background-image:url("../images/icon-semi-transparent-white.png");}
.white .color-info .semi-opaque {background-image:url("../images/icon-semi-opaque-white.png");}
.white .color-info .opaque {background-image:url("../images/icon-opaque-white.png");}

.black .color-info .transparent {background-image:url("../images/icon-transparent-black.png");}
.black .color-info .semi-transparent {background-image:url("../images/icon-semi-transparent-black.png");}
.black .color-info .semi-opaque {background-image:url("../images/icon-semi-opaque-black.png");}
.black .color-info .opaque {background-image:url("../images/icon-opaque-black.png");}

.white .color-tube {width:11px; height:29px; background-image:url("../images/icon-tube-white.png"); background-repeat:no-repeat; position:absolute; left:135px; bottom:15px;}
.black .color-tube {width:11px; height:29px; background-image:url("../images/icon-tube-black.png"); background-repeat:no-repeat; position:absolute; left:135px; bottom:15px;}

/*	Invisible left hotspot */
div.scrollingHotSpotLeft {width:20px; height:370px; margin-right:10px; float:left; cursor:url("../images/cursor_arrow_left.cur"), w-resize; z-index:10;}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible {background-image:url("../images/arrow-left.png"); background-color:transparent; background-position:0 center; background-repeat:no-repeat; zoom:1;}

/* Invisible right hotspot */
div.scrollingHotSpotRight {width:20px; height:370px; margin-left:10px; float:left; cursor:url("../images/cursor_arrow_right.cur"), e-resize; z-index:10;}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {background-image:url("../images/arrow-right.png"); background-color:transparent; background-position:0 center; background-repeat:no-repeat; zoom:1;}

div.scrollWrapper {position:relative; overflow:hidden; width:623px; height:100%; float:left; border:#808080 1px solid;}
div.scrollableArea {position:relative; width:100%; height:100%;}

/* PRODUCTS */

#products {width:613px; height:380px; position:relative;}
#products a {display:block; position:absolute; border:0 !important; background-repeat:no-repeat;}
#products #tubes {width:159px; height:283px; bottom:0; left:221px; background-image:url("../images/products-tubes.png");}
#products #sets-boxes {width:256px; height:222px; top:0; left:0; background-image:url("../images/products-sets.png");}
#products #aux {width:269px; height:175px; top:0; right:0; background-image:url("../images/products-aux.png");}

/* SUPERBOX (product popups) */

/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#000;}
#superbox{padding:0; background:transparent; position:relative !important; background:#000;}
#superbox-innerbox{padding:0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}
#superbox .close {position:absolute; right:10px; top:10px;}
#superbox .close a {display:block; width:20px; height:20px; font-size:20px; color:#e7501e; cursor:pointer;}

body#popup {background-color:#000; color:#fff; overflow:hidden;}
#popup h1, #popup h2 {font-size:20px; color:#fff; letter-spacing:1px; line-height:22px;}
#popup #wrap {width:840px; padding:30px;}
.popup-left {width:490px; height:280px; float:left;}
.popup-right {width:320px; height:280px; padding:0 0 0 30px; float:left;}
#popup ul {list-style-type:disc; padding:0 0 20px 13px;}
#popup a {color:#fff; border-bottom:1px dotted;}
#popup a:hover {border-bottom:2px solid;}
.tab {position:relative; height:280px;}
.back-to-index {position:absolute; bottom:-20px; right:0;}

#popup .overview {margin-top:20px;}
#popup .overview-item {width:200px; height:170px; margin:0 20px 20px 0; float:left;}
#popup .overview-item span {display:block; width:200px; height:20px; text-align:center;}
#popup .overview-item a {border:0 !important;}
#popup img {z-index:999 !important;}

/* FAQ */

#faq h2 {font-size:14px; padding:5px 0;}
#faq h2 a {border:0;}
#faq dl a {color:#000 !important; border:0 !important;}
#faq dt {color:#e7501e; font-weight:bold; width:20px; float:left;}
#faq dd {float:left; width:600px;}
#faq dd.question, #faq dd.question a {font-weight:bold;}
#faq-search {margin-bottom:15px; position:relative;}

/* Autosuggest */
.ac_results {border:#bfbfbf 1px solid; background-color:white; overflow:hidden; z-index:99999;}
.ac_results li {
	margin:0px;
	padding:2px 5px;
	cursor:default;
	display:block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width:100%;*/
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height:16px;
	overflow:hidden;
}
.ac_over {background-color:#e7501e; color:white;}

/* Ask the expert */
#ask-the-expert hr {margin:15px 0;}
.basicForm label {display:inline-block; width:100px; vertical-align:top;}
.basicForm .button {margin-left:153px;}
.basicForm .field, .basicForm textarea {width:330px; font-family:"Verdana"; font-size:12px; color:#000;}
.basicForm textarea {height:80px;}
.basicForm select {width:335px;}

/* SEARCH RETAILERS */

#content .row {margin-bottom:10px; position:relative;}
#content label {display:inline-block; width:150px;}
#content .button {margin-top:10px;}
#retailers-results {width:620px;}
#retailers-results .col-1 {padding-right:10px;}
#retailers-results .col-2 {padding-right:10px;}
#retailers-results .col-3 {width:130px; padding-right:10px;}

/* ARTISTS */

/* Errors */
#artist-view label.error, #artist-view label.error,
#login-view label.error, #faq-view #expert-form label.error {color:#ff0000; font-size:11px; display:block; line-height:15px; width:100% !important; padding:0 0 0 155px;}
#post-reaction-form label.error, #blog-form label.error {padding:0;}
label.error {color:#ff0000;}

/* Login view */
body#login-view #content .button {margin-left:153px;}
body#login-view #lost-password {display:none;}
body#login-view #button-lost-password {padding-left:155px; font-size:10px;}
body#login-view form {padding:0 0 20px 0;}

/* Edit artist */
.edit form, #artist-view form {margin-bottom:15px;}
.edit input, #artist-view textarea {font-family:"Verdana"; font-size:12px; color:#000;}
.edit textarea {width:100%; height:250px;}
.message {position:absolute; top:90px; left:155px; background:#e7501e; font-weight:bold; color:#fff; padding:5px !important;}
.edit form #work-overview .art {height:180px;}
#work-overview input[type=text] {width:100%;}
.edit h3 {padding:0 0 10px 0;}
.edit .delete-reaction {color:#e7501e !important;}
.edit .delete-reaction:hover {border-bottom:1px solid !important;}
.edit form input[type=text] {width:200px;}
.mceLayout a {border:0 !important; font-size:12px;}
#textarea-message {height:400px;}

/* artists overview */
#artists-overview {margin:15px 0 0 0;}
.artist {width:141px; height:160px; margin:0 20px 10px 0; float:left; line-height:14px;}
.artist img {border:#e7501e 1px solid; margin-bottom:5px;}
.artist span {color:#8d8d8e; font-size:10px;}
.artist .image-link {border:0 !important;}
.artist .artist-info {height:30px; overflow:hidden;}
#content .artist a {border:0;}
#artists-overview .last {margin-right:0;}
#pagination {margin:10px 0 0 0;}
#pagination a {color:#7f7f80 !important; border:0 !important;}
#pagination a:hover {color:#e7501e !important;}
#pagination .prev {float:left;}
#pagination .next {float:right; margin-right:0;}
#pagination .disabled {display:none;}
#pagination a, #pagination span {margin-right:10px;}
#pagination .current {font-weight:bold; color:#e7501e;}

/* artist page general */
body#artist-view #content {padding:45px 30px 20px 0;}
body#artist-view h1 {color:#7f7f80; padding-bottom:10px;}
body#artist-view h1 span {color:#c1c1c1; font-size:18px;}
.artist-nav {padding:0 0 15px 0 !important; list-style-type:none !important; color:#7f7f80;}
.artist-nav li {float:left; margin-right:5px;}
.artist-nav a {color:#7f7f80 !important; border:0 !important;}
.artist-nav a:hover, .artist-nav a.selected {color:#e7501e !important;}
#artist h3 {color:#000; font-weight:bold;}
#artist-left {width:162px; float:left;}
#artist-left h4 {font-weight:bold; font-size:14px; color:#7f7f80; margin-top:20px;}
#artist-right {width:470px; float:left;}
#artist-right .last {margin-right:0;}
#artist-left img {border:#e7501e 1px solid; margin:0 0 5px 0;}
#artist-left h3.artist-name {color:#e7501e; font-weight:normal;}
#artist-view #pagination {padding-right:10px;}

/* artist profile */
dl.artist-info {font-weight:bold; margin:0 0 20px 0;}
dl.artist-info dt, dl.artist-info dd {float:left;}
dl.artist-info dt {width:150px;}
dl.artist-info dd {width:280px;}

/* artist work */
.art {width:141px; height:150px; margin:0 20px 10px 0; float:left; line-height:20px;}
.art .name-link {height:20px; overflow:hidden; padding:0 !important;}
#content .art a {border:0;}
.art img {border:#e7501e 1px solid;}
.art span {color:#8d8d8e; font-size:10px;}
.art .image-link {display:block; height:125px; border:0 !important;}
#artist-view .art {height:170px;}

/* artist blog */
.blog h2 {font-size:12px; font-weight:bold; padding:0;}
.blog-info {padding-bottom:5px !important;}
.blog-info, .blog-info a {color:#7f7f80 !important; font-size:10px;}
.blog-info a {border:0 !important;}
.blog-info a:hover {color:#e7501e !important;}
.blog-info .post-reaction {color:#e7501e !important;}
.blog-info .post-reaction:hover {border-bottom:1px solid !important;}
#blogs-nav {padding:0 0 15px 0 !important; list-style-type:none !important; color:#7f7f80;}
#blogs-nav a {color:#7f7f80 !important; border:0 !important;}
#blogs-nav a:hover, #blogs-nav .selected {color:#e7501e !important;}

/* reactionss */
.reactions h3 {margin-bottom:10px;}
.reactions .blog-info {padding-bottom:0 !important;}

/* artist blocks */
#col-right #artist-blocks .last-blog .blog-intro {width:126px; height:106px; overflow:hidden;}
#col-right #artist-blocks .last-work a {border:0 !important;}
#col-right #artist-blocks .last-blog a {border:0 !important;}
#col-right #artist-blocks .last-blog a:hover {color:#e7501e !important;}
#col-right #artist-blocks .selected-by a span {color:#e7501e;}
#col-right #artist-blocks img {border:#58585a 1px solid;}
#col-right #artist-blocks h3 {font-size:20px;}
#col-right #artist-blocks ul {padding:0 0 5px 0;}
#col-right #artist-blocks li {padding:0 0 5px 0;}
#col-right #artist-blocks ul a {font-size:12px; border:0;}
#col-right #artist-blocks ul a:hover, #col-right #artist-blocks ul a.selected {color:#a0a0a0;}
#col-right #artist-blocks ul a span {color:#{border:0 !important;};}
#col-right #artist-blocks .blog-info {color:#cdcdcd !important; font-size:10px;}
#col-right #artist-blocks h4 {color:#e7501e; font-size:12px;}
#col-right #artist-blocks p {font-size:12px;}

/* gallery overview */
#gallery-overview {margin:15px 0 0 0;}
#gallery-view .art {height:187px;}
#gallery-view .art .image {height:142px;}
#gallery-view .art .image img {margin-bottom:-3px;}
#gallery-view .art .image-link {display:block; height:auto; border:0 !important;}
#gallery-view .art .artist-selected {background:url("../images/artist-selected-vaantje.png") no-repeat left bottom; padding-bottom:15px;}
#gallery-view .last {margin-right:0;}
#orderfilter {position:absolute; top:125px; right:224px;}
#artist-selected-legend {line-height:25px; padding:5px 0 5px 22px !important; background:url("../images/artist-selected-vaantje.png") no-repeat left;}

.current-rating-0 {width:80px; height:16px; background:url("../images/stars-small.png") no-repeat 0 0;}
.current-rating-1 {width:80px; height:16px; background:url("../images/stars-small.png") no-repeat 0 -16px;}
.current-rating-2 {width:80px; height:16px; background:url("../images/stars-small.png") no-repeat 0 -32px;}
.current-rating-3 {width:80px; height:16px; background:url("../images/stars-small.png") no-repeat 0 -48px;}
.current-rating-4 {width:80px; height:16px; background:url("../images/stars-small.png") no-repeat 0 -64px;}
.current-rating-5 {width:80px; height:16px; background:url("../images/stars-small.png") no-repeat 0 -80px;}

/* gallery popup */
body#artist-gallery-popup {background-image:transparent; background-color:#000; overflow:hidden;}
body#artist-view #superbox, body#gallery-view #superbox {background:#000;}
body#artist-view #superbox .close, body#gallery-view #superbox .close {position:absolute; right:3px; top:0;}

#artist-gallery-popup #popup-wrap {width:760px; height:480px; overflow:hidden; position:relative;}

#artist-gallery-popup #zoom-wrap {position:absolute; left:265px; top:26px;}
#artist-gallery-popup .zoomit {border:#6b6b6b 4px solid;}
#artist-gallery-popup #popup-titles {position:absolute; left:270px; top:417px;}
#artist-gallery-popup h1 {padding:0 0 10px 0;}
#artist-gallery-popup h2 {color:#6b6b6b; font-size:18px; font-style:italic;}
#artist-gallery-popup h2 a {color:#6b6b6b; font-size:18px; font-style:italic;}
#artist-gallery-popup h2 a:hover {border-bottom:2px solid;}
#artist-gallery-popup #artist-selected-logo {position:absolute; left:50px; top:280px; width:142px; height:122px; background:url("../images/artist-selected-logo.png") no-repeat;}

/* Rating */
#rating-wrap {position:absolute; top:415px; left:25px;}

#current-rating-0 {width:120px; height:24px; background:url("../images/stars.png") no-repeat 0 0;}
#current-rating-1 {width:120px; height:24px; background:url("../images/stars.png") no-repeat 0 -24px;}
#current-rating-2 {width:120px; height:24px; background:url("../images/stars.png") no-repeat 0 -48px;}
#current-rating-3 {width:120px; height:24px; background:url("../images/stars.png") no-repeat 0 -72px;}
#current-rating-4 {width:120px; height:24px; background:url("../images/stars.png") no-repeat 0 -96px;}
#current-rating-5 {width:120px; height:24px; background:url("../images/stars.png") no-repeat 0 -120px;}

.already-rated {height:24px;}
.rate-txt {color:#fff; font-size:14px; position:absolute; top:5px; left:130px;}
.rate-count-txt {color:#fff; font-size:14px; position:absolute; top:30px; left:130px; width:200px;}

ul.rating{
	width:120px;
	height:24px;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url("../images/stars.png") no-repeat 0 0;
}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:24px;
	height:24px;
	text-decoration:none;
	z-index: 200;
	text-indent:-999em;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:24px;}
ul.rating li.three a {left:48px;}
ul.rating li.four a {left:72px;}
ul.rating li.five a {left:96px;}
ul.rating li a:hover {
	z-index:2;
	width:120px;
	height:24px;
	overflow:hidden;
	left:0;
	background: url("../images/stars.png") no-repeat 0 0;
}
ul.rating li.one a:hover {background-position:0 -24px;}
ul.rating li.two a:hover {background-position:0 -48px;}
ul.rating li.three a:hover {background-position:0 -72px}
ul.rating li.four a:hover {background-position:0 -96px}
ul.rating li.five a:hover {background-position:0 -120px}

/* Zoom */

.jqZoomWindow {margin:-4px 0 0 -15px; border:#6b6b6b 4px solid; background-color:#fff;}
div.jqZoomTitle {display:none;}
.jqZoomPup {
		overflow:hidden;
		background-color: #fff;
		-moz-opacity:0.6;
		opacity:0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border:#ed6e00 4px solid !important;
		cursor:crosshair;
}
.jqZoomPup img {border:0px;}
.preload {
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}

/* VIDEOS */
#videos .video {width:100%; height:140px;}
#videos .video .image {width:139px; height:120px; padding-right:15px; float:left; position:relative;}
#videos .video .image a {display:block; width:139px; height:120px; position:absolute; top:0; left:0; background-image:url("../images/video/play-button.png"); background-repeat:no-repeat; background-position:center; border:0 !important; text-indent:-9999px;}
#videos .video .image a:hover {background-image:url("../images/video/play-button-hover.png");}
#videos .video .txt {width:450px; height:120px; float:left; text-align:justify;}
#videos .video h2 {font-size:12px; font-weight:bold; padding:0 0 5px 0;}
#videos .video .download-pdf {padding:0 !important;}
#videos .video .download-pdf a {font-style:italic; color:#000 !important; border:0 !important;}
#videos .video .download-pdf a:hover {color:#e7501e !important;}

#videoView #superbox {border-top:#000 1px solid; border-left:#000 1px solid;}

/* ELEMENTS */

h1 {font-size:24px; font-weight:normal; color:#e7501e; padding:0 0 16px 0; letter-spacing:1px;}
h2 {font-size:18px; font-weight:normal; color:#000; padding:0 0 16px 0;}
a {text-decoration:none;}
#content a {color:#e7501e; border-bottom:#e7501e 1px solid;}
#content a:hover {color:#e7501e; border-bottom:#e7501e 2px solid;}
#content p {padding:0 0 16px 0;}
#content ul {list-style-type:disc; padding:0 0 20px 17px;}
#content ul ul {list-style-type:circle; padding:0 0 0 17px;}
#content ol {list-style-type:decimal; padding:0 0 20px 17px;}
hr {border:0; color:#000; background-color:#000; height:2px;}

/* CLEARFIX */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
