/* ../shared/screen/common.css */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{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:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* Forms */
div.base--invoke input.base--defaultAction {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: -11000em;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
/* Debugging console */
#d--info {
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	background: url("/templates/shared/images/bug.png") no-repeat;
	z-index: 1500;
	margin: 0;
	padding: 0;
	font-size: 1px !important;
}
#d--info a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -11000em;
	text-decoration: none !important;
	outline: none !important;
}
div#d--notification {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	background-color: #ffcccc;
	border-bottom: solid #444 1px;
	border-left: solid #444 1px;
	border-right: solid #444 1px;
}
div#d--notification p {
	padding: 0.5em;
	text-align: center !important;
	margin: 0 !important;
	font-size: 85% !important;
	color: #000 !important;
	font-weight: bold;
}

/* Country selection widget */
select#i18n-country-region, select#i18n-country-region option {
	height: 20px;
	padding-left: 20px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
select#i18n-country-region {
	/* Work around the fact that WebKit currently completely screws up
	 * padding on select elements.
	 */
	-webkit-appearance: none;
}
.flag-au { background-image: url("/templates/shared/images/flags/au.gif"); }
.flag-at { background-image: url("/templates/shared/images/flags/at.gif"); }
.flag-be { background-image: url("/templates/shared/images/flags/be.gif"); }
.flag-bg { background-image: url("/templates/shared/images/flags/bg.gif"); }
.flag-ca { background-image: url("/templates/shared/images/flags/ca.gif"); }
.flag-cy { background-image: url("/templates/shared/images/flags/cy.gif"); }
.flag-cz { background-image: url("/templates/shared/images/flags/cz.gif"); }
.flag-dk { background-image: url("/templates/shared/images/flags/dk.gif"); }
.flag-ee { background-image: url("/templates/shared/images/flags/ee.gif"); }
.flag-fi { background-image: url("/templates/shared/images/flags/fi.gif"); }
.flag-fr { background-image: url("/templates/shared/images/flags/fr.gif"); }
.flag-de { background-image: url("/templates/shared/images/flags/de.gif"); }
.flag-gb { background-image: url("/templates/shared/images/flags/gb.gif"); }
.flag-gr { background-image: url("/templates/shared/images/flags/gr.gif"); }
.flag-gb { background-image: url("/templates/shared/images/flags/gb.gif"); }
.flag-hu { background-image: url("/templates/shared/images/flags/hu.gif"); }
.flag-ie { background-image: url("/templates/shared/images/flags/ie.gif"); }
.flag-it { background-image: url("/templates/shared/images/flags/it.gif"); }
.flag-lv { background-image: url("/templates/shared/images/flags/lv.gif"); }
.flag-lt { background-image: url("/templates/shared/images/flags/lt.gif"); }
.flag-lu { background-image: url("/templates/shared/images/flags/lu.gif"); }
.flag-mt { background-image: url("/templates/shared/images/flags/mt.gif"); }
.flag-nl { background-image: url("/templates/shared/images/flags/nl.gif"); }
.flag-pl { background-image: url("/templates/shared/images/flags/pl.gif"); }
.flag-pt { background-image: url("/templates/shared/images/flags/pt.gif"); }
.flag-ro { background-image: url("/templates/shared/images/flags/ro.gif"); }
.flag-si { background-image: url("/templates/shared/images/flags/si.gif"); }
.flag-sk { background-image: url("/templates/shared/images/flags/sk.gif"); }
.flag-es { background-image: url("/templates/shared/images/flags/es.gif"); }
.flag-se { background-image: url("/templates/shared/images/flags/se.gif"); }
.flag-us { background-image: url("/templates/shared/images/flags/us.gif"); }
.flag-nz { background-image: url("/templates/shared/images/flags/nz.gif"); }
.flag-jp { background-image: url("/templates/shared/images/flags/jp.gif"); }
.flag-ru { background-image: url("/templates/shared/images/flags/ru.gif"); }
.flag-tr { background-image: url("/templates/shared/images/flags/tr.gif"); }

/* Component alerts and feedback */
.alerts,
.feedback,
.notice {
	position: relative;
	padding: 10px 10px 10px 45px;
	font-weight: bold;
	margin-bottom: 10px;
}
.alerts p,
.feedback p,
.notice p {
	margin: 0;
}
.alerts {
	background: #FFE0E0 url("/templates/shared/images/redcross.gif") no-repeat 10px 50%;
	color: #f00;
}
.feedback{
	color: #009C0A;
	background: #D9F1DB url("/templates/shared/images/green-tick.gif") no-repeat 10px 50%;
}
.notice {
	color: #000;
	background: #ffffe0 url("/templates/shared/images/exclaim.gif") no-repeat 10px 50%;
}


/* Shine-enabled forms */
.shine-input {
  background-color: inherit;
  border: inherit;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding: 0 20px 0 0;
}
.shine-input input, .shine-input select, .shine-input textarea {
  background-color: #fff;
  border: solid #666 1px;
  padding: 2px 2px 2px 2px;
}
.shine-titled-empty input {
	color: #888;
}
.shine-input-focus input, .shine-input-focus select, .shine-input-focus textarea {
  border: solid #005fa2 1px;
  background-color: #e2f3ff !important;
}
.shine-input-ok {
  background-image: url("/templates/shared/images/input_ok.gif") !important;
}
.shine-input-ok input, .shine-input-ok select, .shine-input-ok textarea {
  background-color: #e2ffe4 !important;
}
.shine-titled input {
	border: solid #ddd 1px;
	background-color: #fff !important;
}
.shine-input-bad input, .shine-input-bad select, .shine-input-bad textarea, input.errorField, select.errorField {
  background-color: #ffe0e0;
}
.datetime-field input {
	width: 1.5em;
}
div.errorSurround label {
	color: red;
	font-weight: bold !important;
}
div.errorSurround input {
	background-color: #FFE0E0;
	border: 1px solid #CF9B9B !important;
}
.shine-input-bad, .errorSurround .shine-input {
  background-image: url("/templates/shared/images/input_alert.gif");
}
.shine-input-bad.shine-input-focus, .errorSurround .shine-input-focus {
  background-image: none;
}
.shine-input-progress {
  background-image: url("/templates/shared/images/input_progress.gif");
}
/* Subfields don't have a separate indicator */
.shine-subfield {
  padding: 0 !important;
  background-image: none !important;
}
.shine-expander-node {
  cursor: pointer;
}  
.shine-collapsed {
  display: none;
}

.shine-expand-tree {
	font-size: 100%;
	padding-left: 1em;
	list-style: none;
	width: 100%;
}
.shine-expand-tree li {
	display: block;
	font-size: 100%;
}
.shine-expand-tree li span.shine-indicator
{
	font-size: 14px;
	height: 1.2em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.shine-expand-tree > li.shine-collapsed > span.shine-indicator {
	background-image: url("/templates/shared/images/tree_col.gif");
}
.shine-expand-tree > li.shine-expanded > span.shine-indicator {
	background-image: url("/templates/shared/images/tree_exp.gif");
}
.shine-expand-tree li.shine-collapsed .shine-expand-tree {
	display: none;
}
.shine-expand-tree li.shine-expanded .shine-expand-tree {
	display: block;
}
.shine-expand-tree li.shine-expanded .shine-expand-tree li.shine-collapsed .shine-expand-tree {
	display: none;
}

.shine-tabs-enabled .shine-tab-pages {
	clear: left;
}
.shine-tabs-enabled .shine-tab-sheet {
	display: none;
}
.shine-tabs-enabled .shine-active-sheet {
	display: block;
}
div.required-field label {
	font-weight: bold;
}
span.required-fields {
	font-weight: bold;
}
div.short input {
	width: 4em;
}

/* Stock page layout */
div.LegacyWidget { 
	display: none !important;
}
#container {
	width: 80%;
	min-width: 480px;
	max-width: 1000px;
	margin: 0 auto 0 auto;
	position: relative;
}
#main-content {
	position: relative;
}
hr {
	border: none;
	clear: both;
}
fieldset {
	border: none;
}
span.site-title, span.site-name {
	display: none;
}
div.PulldownBlock {
	display: none;
	background: #fff;
	padding: 1em;
}
div.pulldown-inner div.PulldownBlock {
	display: block;
}
div.PulldownBlock dl, div.PulldownBlock ul {
	float: left;
	margin: 0 2em 0 0;
}
div.PulldownBlock dl.first, div.PulldownBlock ul.first {
	clear: left;
}
div.PulldownBlock dl.last, div.PulldownBlock ul.last {
	margin-right: 0;
}
div.PulldownBlock dd {
	width: 12em;
}
div.PulldownBlock ul {
	margin-right: 50px;
}
div.PulldownBlock dt {
	font-weight: bold;
}
div.PulldownBlock li {
	list-style: none;
}
div.PulldownBlock dt.continuation {
	visibility: hidden;
}
.clearfix, hr {
	display: block;
	clear: both;
	height: 0px !important;
	line-height: 0px !important;
	font-size: 0px !important;
	padding: 0;
	margin: 0;
	border: none;
}
span.ac-active {
	font-weight: normal;
	text-transform: lowercase;
}
span.ac-commerce {
	font-weight: bold;
	text-transform: lowercase;
}
a.ac-link:link, a.ac-link a:visited {
	text-decoration: none;
}
a.ac-link:hover, a.ac-link a:active {
	text-decoration: underline;
}
.clear {
	clear: both;
}

/* Address forms */
div.address-field-block .addr-role input, div.address-field-block .addr-dept input, div.address-field-block .addr-org input, div.address-field-block .addr-street input {
	width: 24em;
}
 div.address-field-block .vcard-forename input, div.address-field-block .vcard-surname input {
	width: 8em;
}
div.address-field-block .addr-building-name input {
	width: 16em;
}
div.address-field-block .addr-building-num input {
	width: 5em;
}
div.address-field-block .addr-postcode input, div.address-field-block .addr-unit input {
	width: 8em;
}
div.address-field-block .vcard-title, div.address-field-block .vcard-forename, div.address-field-block .vcard-surname {
	float: left;
}
div.address-field-block .vcard-role,  div.address-field-block .vcard-dept, div.address-field-block .vcard-org {
	clear: left;
}
table.common-listing {
	border: solid #b3b3b3 1px;
	border-collapse: collapse;
	font-size: 93%;
	color: #444;
	width: 100%;
}
table.common-listing thead td,
table.common-listing thead th {
	background-color: #f3f6ff;
}
table.common-listing th {
	border: none;
	text-align: left;
}
table.common-listing td {
	border: none;
}
table.common-listing tbody tr td,
table.common-listing tbody tr th {
	border-top: solid #dbdee6 1px;
}
table.common-listing tbody tr.continuation td,
table.common-listing tbody tr.continuation th {
	border-top: none;
}
table.common-listing tr.even td,
table.common-listing tr.even th {
	background: #fafbff;
}
table.common-listing tr.updated td,
table.common-listing tr.updated th {
	background: #D9F1DB;
}
table.common-listing tr.disabled {
	text-decoration: line-through;
}
table.common-listing tbody tr:hover th,
table.common-listing tbody tr:hover td {
	background: #f0f0f0;
}
table.common-listing tr.new-entry td,
table.common-listing tr.new-entry th {
	background: #f3f6ff;
	border-top: solid #dbdee6 1px;
}
table.common-listing tfoot tr.totals td,
table.common-listing tfoot tr.totals th {
	background: #f3f6ff;
	border-top: solid #dbdee6 1px;
}
table.common-listing tr.inactive td {
	text-decoration: line-through;
}
table.common-listing .shine-input {
	padding-right: 0;
}
table.common-listing .shine-input-ok, table.common-listing .shine-input-bad {
	background-image: none !important;
}
table.common-listing td.currency, table.common-listing td.numeric,
table.common-listing th.currency, table.common-listing th.numeric {
	text-align: right;
}
table.common-listing td.totals {
	font-weight: bold;
}
td.order-status {
	font-weight: bold;
	text-align: center;
}
td.common-status-accepted {
	background-color: #ffe9c9 !important;
	color: #F98258;
}
td.common-status-cancelled {
	background-color: #e0e0e0 !important;
	color: #666666;
}
td.common-status-rejected {
	background-color: #ffc9d9 !important;
	color: #E71D61;
}
td.common-status-complete {
	color: #184C2A;
	background-color: #B0FDCB !important;
}
td.common-status-ready {
	background-color: #CBFFDD !important;
	color: #2E9351;
}
td.common-status-hold {
	background-color: #efefef !important;
	color: #FB3878;
}
td.common-status-refunded {
	background-color: #E2CFE8 !important;
	color: #644251;
}
table.vertical-listing tr.first {
	border-top: solid #b3b3b3 1px;
}
table.vertical-listing th {
	background-color: #f3f6ff;
	text-align: left;
}
table.vertical-listing th.breaking {
	text-align: center;
	background-color: #dbdee6;
}
#main-content div.pagination-block {
	margin-bottom: 1em;
}
#main-content div.pagination-header {
	padding-bottom: 1em;
}
#main-content div.pagination-footer, #main-content div.pagination-header {
	position: relative;
	min-height: 1.5em;
}
#main-content div.pagination-header p.info {
	text-align: left;
}
#main-content div.pagination-footer p.info, #main-content div.pagination-no-sort p.info {
	text-align: right;
	right: 1em;
	position: absolute;
	top: 0.5em;
}
#main-content div.pagination-footer p.info, #main-content div.pagination-header p.info {
	text-transform: uppercase;
	font-size: 85%;
}
#main-content p.pagination {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 85%;
	height: 17px;
	line-height: 18px;
}
#main-content div.pagination-footer p.show-all, #main-content div.pagination-header p.show-all {
	float: left;
	margin: 0 0 0 1em;
	line-height: 18px;
}
#main-content p.pagination span.label {
	float: left;
	width: 4em;
}
#main-content p.pagination a:link, #main-content p.pagination a:visited, #main-content p.pagination span.current, #main-content p.pagination span.gap {
	height: 18px;
	width: 20px;
	text-align: center;
	line-height: 18px;
	float: left;
	margin-right: 2px;
	background: #666 url("/templates/shared/images/page.png") no-repeat;
	color: #fff;
	text-decoration: none !important;
}
#main-content p.pagination a:hover, #main-content p.pagination a:active {
	background-color: #eee;
	color: #444;
}
#main-content p.pagination span.current {
	color: #000;
	background-color: #ccc;
}
#main-content p.pagination span.gap {
	color: #000;
	background-color: #fff;
}
#main-content div.pagination-header form.options {
	position: absolute;
	top: 0;
	right: 0;
	height: 18px;
	padding: 0.25em 0.5em 0.25em 0;
}
/*** checkout ***/
.search-field input {
	-webkit-appearance: searchfield;
	height: 20px;
}

#thawte-site-seal { margin: 0; padding: 0; width: 82px; height: 128px; border: none !important; }

body.ac--not-live {
	margin-top: 24px;
}
div.ac--devsite {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
	z-index: 1500;
	margin-bottom: 24px;
	background: #ffeeee;
	border-bottom: solid #fcc 1px;
	opacity: 0.95;
}
div.ac--devsite p {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 24px;
	font-size: 85%;
	text-decoration: none !important;
	text-indent: 0 !important;
	color: #c44;
}
.share-links li {
	list-style: none;
	float: left;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	text-indent: -11000em;
	margin: 0 4px 4px 0;
	padding: 0;
}
.share-links li a:link, .share-links li a:visited {
	display: block;
	margin: 0;
	padding: 0;
	outline: none;
	text-indent: -11000em;
	text-decoration: none !important;
	width: 20px;
	height: 20px;
}
.share-links .share-twitter { background-image: url("/templates/shared/images/sharing/link-twitter.gif") !important; }
.share-links .share-facebook { background-image: url("/templates/shared/images/sharing/link-facebook.gif") !important; }
.share-links .share-delicious { background-image: url("/templates/shared/images/sharing/link-delicious.gif") !important; }
.share-links .share-myspace { background-image: url("/templates/shared/images/sharing/link-myspace.gif") !important; }

/* net.activecommerce.features.reviews */

.ShopProductWidget p.rating, .ReviewComponent p.rating { margin-bottom: 4px; }

.ShopProductWidget p.rating span.stars, .ReviewComponent p.rating span.stars {
	display: inline-block;
	text-indent: -11000em;
	background: url("/templates/shared/images/stars-black-white.png") no-repeat;
	width: 76px;
	height: 14px;
}
.ShopProductWidget p.rating span.rating-0, .ReviewComponent p.rating span.rating-0 { display: none; }

.ShopProductWidget p.rating span.rating-5, .ReviewComponent p.rating span.rating-5 { background-position: -7px -4px; }
.ShopProductWidget p.rating span.rating-4, .ReviewComponent p.rating span.rating-4 { background-position: -7px -24px; }
.ShopProductWidget p.rating span.rating-3, .ReviewComponent p.rating span.rating-3 { background-position: -7px -44px; }
.ShopProductWidget p.rating span.rating-2, .ReviewComponent p.rating span.rating-2 { background-position: -7px -64px; }
.ShopProductWidget p.rating span.rating-1, .ReviewComponent p.rating span.rating-1 { background-position: -7px -84px; }

.ShopProductWidget p.meta, .ReviewComponent p.meta  { margin-left: 1em; }
.ShopProductWidget div.review p.meta span.screen-name, .ReviewComponent div.review p.meta span.screen-name { font-weight: bold; }

.ReviewComponent textarea {
	width: 95%;
	height: 6em;
}
.MoneywayFinance .pngroup .field {
	display: inline;
}
.MoneywayFinance .pngroup .short {
	padding-right: 1em;
}
body.hide-crumb div#breadcrumb {
	display: none;
}
body.hide-crumb div#surround {
	padding-top: 0;
}
/* screen/popup.css */
html {
	margin: 0;
}
body{
	margin: 0;
	line-height: 1.3;
}
#container {
	position: absolute;
	width: auto;
	padding: 80px 20px 0;
	background: url("/templates/r4i-shop/images/printable-logo.png") 20px 10px no-repeat;
	border: solid 10px #004F9A;
}
h1 {
	position: relative;
	margin: 0 0 1em;
	height: 3.15em;
	font-size: 100%;
	border-bottom: dotted 1px #ccc;
}
h1 span.header-text {
	position: absolute;
	top: 15px;
	left: 35px;
	font-size: 123.1%;
	color: black;
}
h1 span.header-image {
	position: absolute;
	display: block;
	top: 15px;
	left: 9px;
	width: 16px;
	height: 16px;
	background: url("/templates/r4i-shop/images/header-images/default.png") top left no-repeat;
}
h2 {
	margin: 0 0 .8em;
	padding-bottom: 5px;
	color: #3E5265;
	border-bottom: dotted 1px #ccc;
}
p {
	font-size: 93%;
	margin: 0 0 1em;
}
ul {
	margin: 0 0 1em;
	padding-left: 5px;
}
ul li {
	padding-left: 20px;
	margin-bottom: .5em;
	list-style: none;
	background: url("/templates/r4i-shop/images/global/blue-bullet.png") 0 5px no-repeat;
}
a:link,
a:visited {
	text-decoration: underline;
	color: #31AEE1;
	outline: none !important;
}
a:hover {
	color: #1A617E;
}
/* back to top */
p.back-to-top {
	position: relative;
	float: right;
	padding-top: 2px;
}



.main-content-panel .main-content-panel {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: solid 2px #000;
}
.main-content-panel .main-content-panel.last {
	margin-bottom: 1.5em;
	padding-bottom: 0;
	border-bottom: none;
}
div.field {
	margin-bottom: 10px;
}
label {
	display: block;
	font-size: 85%;
	text-transform: uppercase;
	color: #333;
}
span.required-fields {
	color: #333;
}
div.field span.rf,
span.required-fields span.rf {
	color: #c00;
}
div.field .shine-input-ok {
	background-image: none !important;
}
div.field .shine-input-ok select {
	background-color: #fff !important;
}
.title,
.firstname,
.buildingname {
	float: left;
}
.long input {
	width: 280px;
}
.shine-replaced-button,
.shine-replaced-button a {
	display: block;
	background-repeat: no-repeat;
	width: 96px;
	height: 21px;
	text-indent: -11000em;
	outline: none !important;
	text-decoration: none !important;
}
.shine-replaced-button a {
	width: 100%;
}
.shine-replaced-button a:hover {
	background-image: none !important;
}

/* en/screen/popup.css */
.shine-replaced-button,
.shine-replaced-button a {
	background-image: url("/templates/r4i-shop/en/images/global/buttons-cluster.png");
}
.shine-replaced-submit {
	background-position: -120px -221px;
}
.shine-replaced-submit a {
	background-position: -120px -200px;
}