/*
	Filename: screen.css
	Created by: Dave Fuller
	Purpose: Instructions to browser for content presentation
*/

/* BluePrint Framework */
@media print {
	body{line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt}
	.container{background:none}
	hr{background:#ccc;color:#ccc;width:100%;height:2px;border:none;margin:2em 0;padding:0}
	hr.space{background:#fff;color:#fff;visibility:hidden}
	h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif}
	code{font:.9em "Courier New", Monaco, Courier, monospace}
	a img{border:none}
	p img.top{margin-top:0}
	blockquote{font-style:italic;font-size:.9em;margin:1.5em;padding:1em}
	.small{font-size:.9em}
	.large{font-size:1.1em}
	.quiet{color:#999}
	.hide{display:none}	
	
	
	.navi, .footer, #slideshow, .box, .basket, .tel, .support ul { display: none; }
}

@media screen {		html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
	body{line-height:1.5;font-size:75%;color:#222;background:#fff;font-family:"Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif}
	table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;width:100%}
	caption,th,td{text-align:left;font-weight:400}
	table,td,th{vertical-align:middle}
	blockquote:before,blockquote:after,q:before,q:after{content:""}
	a img{border:none}
	html{font-size:100.01%}
	h1,h2,h3,h4,h5,h6{font-weight:400;color:#111}
	h1{font-size:3em;line-height:1;margin-bottom:.5em}
	h2{font-size:2em;margin-bottom:.75em}
	h3{font-size:1.5em;line-height:1;margin-bottom:1em}
	h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}
	h5{font-size:1em;font-weight:700;margin-bottom:1.5em}
	h6{font-size:1em;font-weight:700}
	.left {float:left;margin:0 1.5em 1.5em 0;padding:0}
	.right {float:right;margin:0 0 1.5em 1.5em}
	.center { text-align:center;}
	a{color:#009;text-decoration:underline}
	blockquote{color:#666;font-style:italic;margin:1.5em}
	sup,sub{line-height:0}
	abbr,acronym{border-bottom:1px dotted #666}
	address{font-style:italic;margin:0 0 1.5em}
	pre{white-space:pre;margin:1.5em 0}
	pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5}
	ul,ol{padding-left:3.333em;margin:0 1.5em 1.5em 0}
	ul{list-style-type:disc}
	ol{list-style-type:decimal}
	dd{margin-left:1.5em}
	thead th{background:#c3d9ff}
	th,td,caption{padding:4px 10px 4px 5px}
	tr.even td{background:#e5ecf9}
	caption{background:#eee}
	.small{font-size:.8em;margin-bottom:1.875em;line-height:1.4em}
	.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}
	.hide{display:none}
	.highlight{background:#ff0}
	.added{background:#060;color:#fff}
	.removed{background:#900;color:#fff}
	.first{margin-left:0;padding-left:0}
	.last{margin-right:0;padding-right:0}
	.top{margin-top:0;padding-top:0}
	.bottom{margin-bottom:0;padding-bottom:0}
	fieldset{border:1px solid #ccc;margin:0 0 1.5em;padding:1.4em}
	legend{font-weight:700;font-size:1.2em}
	input[type=text],input[type=password],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #bbb;margin:.5em 0; padding:4px;}
	input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666}
	input.text,input.title{width:300px;padding:5px}
	input.title{font-size:1.5em}
	textarea{width:390px;height:150px;padding:5px}
	input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em;border: 0;}
	form.inline{line-height:3}
	form.inline p{margin-bottom:0}
	.error,.notice,.success{margin-bottom:1em;border:2px solid #ddd;padding:.8em}
	.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}
	.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}
	.success{background:#E6EFC2;color:#264409;border-color:#C6D880}
	.error a{color:#8a1f11}
	.notice a{color:#514721}
	.success a{color:#264409}
	.container{width:950px;margin:0 auto}
	.last,div.last{margin-right:0}
	div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee}
	.prepend-top{margin-top:1.5em}
	.append-bottom{margin-bottom:1.5em}
	.box{margin-bottom:1em;padding:1em 1em .5em 1em; }
	hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;border:none;margin:0 0 1.45em}
	hr.space{background:#fff;color:#fff;visibility:hidden}
	.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
	.clearfix,.container{display:block}
	.clear{clear:both}
	h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,li ul,li ol{margin:0}
	p,dl{margin:0 0 1.5em}
	a:focus,a:hover,.loud{color:#000}
	strong,dfn,dl dt,th,label{font-weight:700}
	em,dfn,tfoot{font-style:italic}
	del,.quiet{color:#666}
	
	a.button,button{display:block;float:left;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:700;color:#565656;cursor:pointer;margin:.7em .5em .7em 0;padding:5px 10px 5px 7px}
	button{width:auto;overflow:visible;padding:4px 10px 3px 7px}
	button[type]{line-height:17px;padding:4px 10px 4px 7px}
	:first-child+html button[type]{padding:4px 10px 3px 7px}
	button img,a.button img{border:none;width:16px;height:16px;float:none;margin:0 3px -3px 0 !important;padding:0}
	button:hover,a.button:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#369}
	a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff}
	body .positive{color:#529214}
	a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214}
	a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff}
	body .negative{color:#d12f19}
	a.negative:hover,button.negative:hover{background-color:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19}
	a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff}
	
	body a.noicon { background:transparent none !important; padding:0 !important; margin:0 !important; }
	/* Make sure the icons are not cut
	a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
	a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
	a[href$=".rdf"], a[href^="aim:"] { padding:2px 18px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; } */
	/* External links
	a[href^="http:"] { background-image: url(/imgs/icons/external.png); } 
	a[href^="mailto:"] { background-image: url(/imgs/icons/email.png); }
	a[href^="http:"]:visited { background-image: url(/imgs/icons/visited.png); } */
	/* Files
	a[href$=".pdf"] { background-image: url(/imgs/icons/pdf.png); }  
	a[href$=".doc"] { background-image: url(/imgs/icons/doc.png); }  
	a[href$=".xls"] { background-image: url(/imgs/icons/xls.png); }  */ 
	/* Misc
	a[href$=".rss"], a[href$=".rdf"] { background-image: url(/imgs/icons/feed.png); }
	a[href^="aim:"] { background-image: url(/imgs/icons/im.png); } */

}
/* END: BluePrint Framework */


@media screen {
	.browser-alert-wrapper { position:absolute; z-index:100; width:100%; top:0; left:0; background-color:#EC1C24; color:#FFF; background-image:url(/imgs/warning-banner.jpg); background-repeat:repeat-x; background-position:bottom; height:18px; }
	.browser-alert { padding:6px 12px 8px 12px; }
	.browser-alert p { margin-bottom:0; text-align:left;}
	.browser-alert img.warning-icon { float:left; padding-right:4px;}
	.browser-alert img.warning-action { float:right; }
	
	body{ color:#797B7B; }
	a { text-decoration:none; color:#43B3DC; }
	hr { color:transparent; background-color:transparent; height:1px; color:#FFF;}
	ul { list-style-image: url(/imgs/bullet.gif); }
	address { font-style:normal; color:#000;}
	label { font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
	
	.container { width:885px; }
	input.text,input.title{width:380px;}
	input.short { width:130px; }
	input.shortest { width:24px; }
	
	.header { color:#FFF; height:160px; position:relative; background-image:url(/imgs/bg-top-navi.png); background-repeat:repeat-x; background-color:#405A65;}
	.header .logo { position:absolute; left:17px; top:27px; }
	
	.navi { position:absolute; right:0;}
	.navi a { color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
	.navi a:hover { color:#FFD340;} 
	.navi li.current a { color:#FFD340; }
	.navi ul { list-style-type:none; list-style-image: none; padding:0; font-size:11px; margin:0; line-height:1.7em; }
	.navi p.heading { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#CCCCCC; margin-bottom:8px; font-weight:bold; }
	
	.navi div.why, .navi div.design, .navi div.production, .navi div.contact { float:left; height:141px; margin-top:11px;  padding:8px 14px 0 14px; border-left:1px solid #B3B3B3; }
	.navi div.why  ul { width:108px; }
	.navi div.design ul { width:100px; }
	.navi div.production ul { width:112px; }
	.navi div.contact { background-color:#AD2524; background-image:url(/imgs/bg-contact-navi.png); background-repeat:repeat-x; border-left:0; width:86px; }
	.navi div.contact p { margin-bottom:8px; }
	.navi div.contact p.heading { color:#FFF;}
	.navi div.contact a.button { background-color:#ED8206; border-color:#DC6B09; margin:0 0 4px 0; font-size:9px; text-transform:uppercase; width:68px; text-align:center; }
	.navi div.contact a.button:hover { color:#000;} 
	
	.content { position:relative; min-height:167px; clear:both; background-image:url(/imgs/bg-top-graduation.png); background-repeat:repeat-x; padding:52px 48px 0 48px;}
	.content .tel { position:absolute; top:52px; right:48px; font-family:Arial, Helvetica, sans-serif; color:#425B65; text-align:right; }
	
	.main { width:430px; float:left; padding-bottom:24px; }
	h1, h2, h3 {font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
	h1 { color:#536E78; font-size:28px; line-height:1.2em; margin-bottom:24px; }
	h2 { color:#2F2D2D; font-size:18px; margin-bottom:8px; margin-top:6px; line-height:1.2em; }
	h2 a { color:#2F2D2D; }
	h3, h3 a { color:#303C3F; font-size:14px; }
	.main p { margin-bottom:1em;}
	.main ul { line-height:1.8em; }
	
	h3 a.small { color: #43B3DC; }
	h3 a.small:hover { color: #000;}
	.panel h3 { margin-bottom: .5em; margin-top: .5em;}
	
	.main p.crumb { color:#536E78; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-bottom:2px;}
	
	#accordion h2.toggler { font-family:"Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; cursor: pointer; color:#232222; font-size:12px; padding:4px 0 0px 24px; margin-top:0; background-image:url(/imgs/toggler-arrows.png); background-repeat:no-repeat; background-position:0 70%; }
	#accordion div.element { margin-left:24px; }
	
	.main div.breakout { background-image:url(/imgs/quote-mark-open.png); background-repeat:no-repeat; background-position:left top; }
	.main div.breakout p { background-image:url(/imgs/quote-mark-close.png); background-repeat:no-repeat; background-position:right bottom; text-align:center; color:#232222; font-style:italic; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:16px; padding:12px 0 12px 0; }
	
	.panel { padding:10px 16px 8px 16px; background-image:url(/imgs/bg-panel.png); background-repeat:repeat-x; background-color:#FFF; }
	.panel p { margin-bottom:0.9em; }
	
	.support .panel { 
		padding-left:0;
		padding-right:0;
		margin-bottom:24px; 
		background-image:url(/imgs/bg-panel-mini-mini.png);
		background-position: bottom;
	}
	.panel ul { list-style-type:none; list-style-image: none;  padding:0; font-size:12px; margin:0; line-height:1.7em; }
	.panel ul li { padding:5px 16px 5px 16px; /* border-bottom:2px solid #FFF; */}
	.panel ul li.last { border-bottom:0;}
	.panel ul li.current { /* background-color:#3098D4; */ } 
	.panel ul li.current a { color:#425B65; }
	
	.panel .arrow {
		border-color: transparent transparent transparent #43B3DC;
		border-style:solid;
		border-width:4px;
		width:0px;
		height:0px;
		display: inline-block;
		margin-left:5px;
	}
	.panel li.current .arrow {border-color: transparent transparent transparent #FFF;}

	
	.innovation { margin-bottom: 16px; position: relative; }
	.mini-cta { position: absolute; top:10px; right:0px; width:189px; height:32px;  }
	.mini-cta a { display: block; width:189px; height:32px; background: url(/imgs/buttons/interested-in-this-design.png) no-repeat; }
	.mini-cta a:hover { background: url(/imgs/buttons/interested-in-this-design-over.png) no-repeat; }
	
	.support { width:313px; float:left; padding-left:46px; padding-top:60px; }
	
	.box { position:relative; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; margin-bottom:12px; color:#FFF; padding:9px 18px 9px 18px; border-width:2px; border-style:solid; }
	.box .heading { font-size:18px; white-space:nowrap;}
	.box p { margin-bottom:.5em;}
	.orange { border-color:#EEE; background-image:url(/imgs/bg-box-orange.png); background-color:#F29500; }
	.babyblue { border-color:#7092BA; background-image:url(/imgs/bg-box-babyblue.png); background-color:#5E81AD;}
	.grey { border-color:#EEE; background-image:url(/imgs/bg-box-grey.png); background-color:#9FACB1; }
	.white { border-color:#EEE; color:#7A7C7C; background-image:url(/imgs/bg-box-white.png); background-color:#FFF; }
	.white p.heading { color:#536E78; }
	
	.enquiry { border-color:#EEE; background-image:url(/imgs/bg-box-blue-question.png); background-color:#33A7D5; background-repeat:no-repeat; background-position:top right; }
	.green-recycled { border-color:#EEE; background-image:url(/imgs/bg-box-green-recycled.png);  background-color:#9EC73A; background-repeat:no-repeat; background-position:top right; }
	.money { border-color:#EEE; background-color:#91247A; background-image:url(/imgs/bg-box-purple-money.png); background-repeat:no-repeat; background-position:right top; }
	.brochure { color:#536E78; border-color:#EEE; background-image:url(/imgs/bg-box-white-brochure-spread-mini.png); background-repeat:no-repeat; background-position:top right; background-color:#FFF; }
	
	.butt { background-repeat:no-repeat; background-color:transparent; display:block; }
	input.butt { border:0; cursor:pointer;}
	
	div.addressGroup { margin-bottom:10px; }
	div.addressGroup input { margin-bottom:0px; }
	
	.box #email, .box #submit { float:left; }
	input.medium { width:180px; }
	
	
	.cta-butt { border:0; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; display:block; margin-left:-4px; margin-top:8px; background-repeat:no-repeat; background-position:top left; background-color:transparent;}
	.cta-butt:hover { background-position:bottom left; }
	
	.standard-range { background-image:url(/imgs/buttons/view-standard-range-w.png); width:197px; height:35px; }
	.standard-range-solid { background-image:url(/imgs/buttons/view-standard-range.png); width:197px; height:35px; }
	.case-study { background-image:url(/imgs/buttons/read-the-case-study.png); width:170px; height:35px;}
	.recycled { background-image:url(/imgs/buttons/recycled-packaging.png); width:160px; height:35px; } 
	.get-brochure { background-image:url(/imgs/buttons/send-me-a-brochure.png); width:170px; height:35px;} 
	.make-enquiry { background-image:url(/imgs/buttons/make-an-enquiry.png); width:160px; height:35px; } 
	.quote { background-image:url(/imgs/buttons/get-a-quote-w.png); width:120px; height:35px;}
	.quote-solid { background-image:url(/imgs/buttons/get-a-quote.png); width:120px; height:35px;}
	.addtobasket { background-image:url(/imgs/buttons/add-to-basket.png); width:158px; height:45px;}
	
	
	.med-grey { background-image:url(/imgs/buttons/grey-medium.png); width:120px; height:35px; padding-bottom:1px; }
	.mini-grey { background-image:url(/imgs/buttons/grey-mini.png); font-size:10px; }
	.large-green { background-image:url(/imgs/buttons/green-large.png); width:160px; height:35px; padding-top:10px; text-align:center; font-size:15px; margin-top:4px; margin-left:4px; }
	input.large-green { height:45px; padding-top:0; padding-bottom:2px; cursor:pointer;}
	input.mini-grey {padding-top:0; padding-bottom:2px; cursor:pointer; margin-top:5px; margin-left:4px; width:65px; height:25px; width:66px; }
	
	
	.prod { background-image:url(/media/images/500ml-tall-boston-round-banner.jpg); background-repeat:repeat-x; padding:52px 48px 0 48px;}
	.prod .tel { /*color:#FFF;*/ }
	.prod .main { width:493px; float:right; padding-bottom:24px; padding-left:46px; margin-top:190px; }
	.prod .support { width:220px; float:left; padding-left:30px; padding-top:0px; margin-top:160px; text-align:center; }
	
	.map .main { margin-top:180px;}
	.map .support { margin-top:120px;}
	
	.info {background-image:url(/imgs/bg-panel-mini.png);}
	.info th { color:#333;}
	.info table td, .info table th { padding:6px 0 6px 0; border-bottom:1px solid #FFF;}
	.info table td.a { text-align:right; }
	
	.cat-strip { position:absolute; top:0; left:0; width:30px; height:100%; background-color:#FFEA00; }
	.basket { position:absolute; top:8px; right:8px; color:#536E78; background-color:#FFF; padding:8px 12px 4px 12px; height:20px; width:410px; font-size:11px;}
	.basket p { margin-bottom:0; white-space:nowrap; }
	.basket p.left { margin-top:-10px; margin-right:8px;}
	
	
	.footer { background-color:#E4E5E5; padding-bottom:24px; clear:both; }
	.footer div.strip { width:100%; height:11px; background-color:#92257D;}
	.footer div.strip div { width:14.28%; height:11px; float:left; }
	.footer div.strip div.red { background-color:#E02D26; }
	.footer div.strip div.orange { background-color:#EF9320; }
	.footer div.strip div.yellow { background-color:#FDEA01; }
	.footer div.strip div.green { background-color:#95BE3D; }
	.footer div.strip div.blue { background-color:#39A7DA; }
	.footer div.strip div.lilac { background-color:#8F85B7; }
	.footer div.strip div.purple { background-color:#92257D; }
	
	.footer li.current a { color:#000; }
	.footer a, .footer address { color:#7A7C7C; font-family:Arial, Helvetica, sans-serif; font-style:normal; }
	.footer a:hover { color:#425B65; } 
	.footer p.heading { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#7A7C7C; margin-bottom:8px; font-weight:bold; }
	.footer ul { list-style-type:none; list-style-image: none; padding:0;  margin:0; line-height:1.7em; font-size:11px; }
	.footer div.why, .footer div.design, .footer div.production, .footer div.contact, .footer div.address { float:left; height:141px; margin-top:11px; padding:8px 14px 0 14px; }
	.footer div.why { padding-left:42px; }
	.footer div.why  ul { width:108px; }
	.footer div.design ul { width:100px; }
	.footer div.production ul { width:112px; }
	.footer div.address { width:150px; font-size:11px; border-left:1px solid #B3B3B3; }
	
	.footer div.contact { margin-top:15px; width:220px; padding-right:0; }
	.footer div.contact .signup { margin-bottom:17px; }
	.footer div.contact #mini-email { float:left; }
	.footer div.contact #mini-submit { margin-top:2px; }
	.footer div.contact div.additional, .footer div.contact div.legal { float:left; padding-right:18px; }
	
	.footer p, .footer address  { margin-bottom:6px; }
	
	.footer .email { color:#38A5D5; white-space:nowrap; }
	
	.credit { padding: 6px; text-align: right;}
	.credit a { color: #797B7B; text-decoration: underline; }
	.credit a:hover { text-decoration: none; }
		
	.XroundedCorners, .roundedCorners { -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	
	/* Standard Range Selector */
	
	div.selector-first, div.selector, div.selector-result { width:449px; position:absolute; }
	div.selector-first { top:0px; z-index:10; }
	div.selector-first .ss-middle { height:70px; }
	div.selector { top:156px; z-index:9;  }
	div.add {top:327px; z-index:8; } 
	div.selector-result { top:532px; z-index:7; }
	.ss-top, .ss-middle, ss-bottom { width:100%; background-repeat:no-repeat; padding-left:20px; position: relative; }
	.ss-top .reset-panel {position:absolute; right:45px; top:33px;}
	
	div.selector-first .ss-top { height:28px; padding-top:16px; background-image:url(/imgs/bg-box-first-top-standard.png); }
	div.selector-first div.selected .ss-top { background-image:url(/imgs/bg-box-first-top-standard-selected.png);}
	div.selector .ss-top, div.selector-result .ss-top { height:26px; padding-top:27px; background-image:url(/imgs/bg-box-top-standard.png); }
	div.selector div.selected .ss-top, div.selector-result div.selected .ss-top { background-image:url(/imgs/bg-box-top-standard-selected.png); }
	.ss-middle { background-image:url(/imgs/bg-box-middle-standard.png); background-repeat:repeat-y; padding:10px 22px 12px 22px; height:75px; }
	div.selector-result .ss-middle { height:auto;}
	div.selected .ss-middle { background-image:url(/imgs/bg-box-middle-standard-selected.png); }
	.ss-bottom { height:48px; background-image:url(/imgs/bg-box-bottom-standard.png); }
	div.selected .ss-bottom { background-image:url(/imgs/bg-box-bottom-standard-selected.png); }
	div.selector-result .ss-bottom { background-image:url(/imgs/bg-box-bottom-end-standard.png);}
	div.selector-result div.selected .ss-bottom { background-image:url(/imgs/bg-box-bottom-end-standard-selected.png); }
	.ss-title { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; }
	.ss-middle p { margin:0;}
	.wrapper-comp { position:relative; height:162px; width:390px; overflow:auto; background-color:#FFF; padding:0px 8px 12px 8px; border:1px #C6C7C7 solid; }
	.wrapper-comp .comp { float:left; margin-right:6px; margin-top:8px; background-image:url(/imgs/bg-box-comp.png); background-repeat:no-repeat; width:87px; height:160px; text-align:center; position:relative;}
	.wrapper-comp .comp:hover { background-image:url(/imgs/bg-box-comp-over.png); cursor:pointer; } 
	
	.wrapper-comp .question { background-image:url(/imgs/bg-box-comp-q.png); }
	.wrapper-comp .question:hover { background-image:url(/imgs/bg-box-comp-q-over.png); }
	
	.wrapper-comp .image { position:absolute; width:100%; left:0; bottom:45px;}
	.wrapper-comp .title { position:absolute; width:100%; left:0; top:125px; font-size:10px; line-height:14px;}
	.wrapper-comp .title a {color:#FFF;}
	
	div#selectorContainer { display: none; position: relative; }
	div#selectorShapeContainer.closure { top:328px; }
	
	/* loading spinner */
	.spinner { position: absolute; opacity: 0.9; filter: alpha(opacity=90); z-index: 999; background: #fff; }
	.spinner-msg { text-align: center; font-weight: bold; }
	.spinner-img { background: url(/imgs/spinner.gif) no-repeat; width: 24px; height: 24px; margin: 0 auto; }
	
	.fancy-form2 label {
		display:block;
		margin-bottom:6px;
		margin-right:3px;
		background-repeat: no-repeat;
		background-position: center top;
		background-image:url(/imgs/button-option-med.png);
		color: #fff;
		clear:both;
		cursor:pointer;
		font-size: 10px;
		font-weight: bold;
		padding:7px 0 9px 0;
		width:96px;
		text-align: center;
	}
	.fancy-form2 label:hover { background-position: center bottom;}
	.fancy-form2 label.selected { background-image:url(/imgs/button-option-med-on.png); }
	.smallbutt .fancy-form2 label { 
		background-image:url(/imgs/button-option-small.png);
		width:64px;
		padding-top:8px;
	}
	.smallbutt .fancy-form2 label.selected {background-image:url(/imgs/button-option-small-on.png);}
	
	.fancy-form2 input[type=checkbox], .fancy-form2 input[type=radio] { position: absolute; left: -9999px; }
	
	
	/* Scrollbar */
	.scrollBar .bar { width:20px; height:20px; }
	.scrollBar .button { width:20px; height:20px; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; }
	.scrollBar .button.leftButton{ background-image:url('/imgs/scrollbar/arrow-left.png'); }
	.scrollBar .button.rightButton{ background-image:url('/imgs/scrollbar/arrow-right.png'); background-color:#FFF; }
	.scrollBar .button.active{ background-position:bottom center; }
	.scrollBar .scrollable { cursor:pointer; background-image:url('/imgs/scrollbar/stripe.png'); background-repeat:repeat;}
	.scrollBar .knob{ height:20px; }
	.scrollBar .knob.horizontalKnob{ cursor:w-resize; }
	.scrollBar .knobHorizontalTip{ width:12px; position:absolute; background-position:left center; background-repeat:no-repeat;}
	.scrollBar .active .knobHorizontalTip{ background-position:right center; }
	.scrollBar .leftTip{ left:0; background-image:url('/imgs/scrollbar/knob-left.png'); }
	.scrollBar .rightTip{ right:0; background-image:url('/imgs/scrollbar/knob-right.png'); }
	.scrollBar .knobHorizontalFill{ background-position:top center; background-repeat:repeat-x; background-image:url('/imgs/scrollbar/horizontal-knob.png'); margin:0 12px; }
	.scrollBar .active .knobHorizontalFill{ background-position:bottom center; }
	.scrollBar .knob.active{ border:none; }
	.scrollBar .corner{ /*background:#FFB119 url('/imgs/scrollbar/corner.gif') center center no-repeat;*/ }
	
	
	
	/* Error checking js styley */
	
	.validation-advice{ 
		position:relative; 
		/*max-width:40%;*/ 
		width:250px;
		margin: 0px; 
		color:#fff; 
		z-index:1000;
		/*-moz-opacity:0.8;
		-khtml-opacity:0.8;
		opacity:0.8;*/
		font-size:90%;
		}
	.ClearanceThingySergei{height:1em; background-color:blue;}
	.validation-failed {
	background-color:#FBE3E4!important;
	border: 1px solid #f00!important;
	z-index:1000;
	}
	.validation-passed {
	 border: 1px solid green;
	 
	}
	
	.warning {
		border: 1px solid #c66;
	}
	.warning-advice {
		margin: 2px;
		padding: 2px;
		color:#fff;
		background-color:#bbb;
	}
	
	.validation-advice{ }
	
	/* table version */
	.validation-bubblewrapper {
		position:relative; 
		width:250px;	
		margin: 0px; 
		color:#fff; 
		z-index:1000;
		/*filter: alpha( opacity = 80);
		-moz-opacity:0.8;
		-khtml-opacity:0.8;
		opacity:0.8;	*/
	}
	.validation-bubblewrapper .validation-advice { width: auto; }
	.validation-advice table, 
	.validation-bubblewrapper table{ table-layout:fixed; margin-bottom:3px;}
	.validation-advice  table td, .validation-bubblewrapper table td{padding:1px;}
	.validation-advice table td.fill, 
	.validation-bubblewrapper table td.fill{
		background:transparent url('/imgs/errorbox.png') -13px -5px no-repeat; 
	}
	.validation-advice td.ErrorBoxBottomLeftSergeiB,
	.validation-bubblewrapper td.ErrorBoxBottomLeftSergeiB{ 
		background:transparent url('/imgs/errorbox.png') -13px 100% no-repeat;
		width:3px;
	}
	.validation-advice td.ErrorBoxBottomRightSergeiB, 
	.validation-bubblewrapper td.ErrorBoxBottomRightSergeiB{ background:transparent url('/imgs/errorbox.png') 100% 100% no-repeat;}
	
	.validation-advice .ErrorBoxTopRightSergeiB, 
	.validation-bubblewrapper .ErrorBoxTopRightSergeiB{
		background:transparent url('/imgs/errorbox.png') 100% 0% no-repeat;
		width:3px;}
	.validation-advice .ErrorBoxTopLeftSergeiB, 
	.validation-bubblewrapper .ErrorBoxTopLeftSergeiB{	background:transparent url('/imgs/errorbox.png') -13px 0% no-repeat; 
		width:3px;
	}
	.validation-advice .ErrorBoxPointerSergeiB, .validation-bubblewrapper .ErrorBoxPointerSergeiB {
		background:transparent url('/imgs/errorbox.png') 0% -2px no-repeat;
		
	}

	
}