@charset "utf-8";
/* CSS Document */

a {
	outline:none;}
input.hasHint {
	color:#999 !important;}
input, select, textarea{
	background: #FFF;
	margin-top:3px;
	color:#666;
	border:1px solid #71b96a;}
input.checkbox, input.radio {
	background:transparent;
	margin-top:0;
	padding:0;
	border:none;}
	
* + html  button, * + html  input.submit{
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;}
	
.mr20 {
	margin-right:20px;}
.mr50 {
	margin-right:50px;}

/*
Messages
----------------------------------------------------------------*/
.error, .notice, .success    { padding: .8em; margin:0.5em 0 1em 0; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
#webToCcForm .error      {
	padding: 0;
	border: none;
}
#webToCcForm label.error      {
	background:none;
}
#webToCcForm input.error      {
	border: 1px solid #71b96a;
}
.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; }
.flash {
	background:#c1d72e;
	color:#fff;
	padding:20px;
	position:fixed;
	top:30px;
	width:500px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:1.5em;
	font-weight:bold;
	opacity:0.9;
	filter:alpha(0.9);}
.flash a, .flash a:hover  { color: #264409; }

/*
Pager
----------------------------------------------------------------*/
ul.pager {
	background:transparent;
	padding:5px;
	margin:5px 0;
	text-align:left;
	clear:both;
	padding-left:10px;
	margin-bottom:10px;}
ul.pager li {
	background:transparent;
	display:inline;
	list-style:none;
	border:none;
	padding:0;
	margin:0;
	font-size:9pt;
	clear:both;}
ul.pager li.stats {
	clear:none;
	float:left;
	margin-right:5px;}
ul.pager li a {
	padding:5px;
	font-weight:normal;}
ul.pager li a:hover {
	background:#0053a4;
	color:#fff;}
ul.pager li.selected a {
	color:#000;
	font-weight:bold;}
ul.pager li.selected a:hover {
	background:transparent;
	color:#000;}
	
/*
Cart
----------------------------------------------------------------*/
div.billingBadge {
	padding:5px;
	border:solid 1px #ddd;
	background:#eee;}
div.billingBadge .address {
	margin-bottom:5px;}
div.billingBadge a {
	font-size:0.75em;}
	
form.addCart .error , form.addCart .success{
	font-size:0.75em;
	padding:5px;
}


/*
Tabs
----------------------------------------------------------------*/
ul.tabs, ul.tabs li {
	list-style:none;
	margin:0;
	padding:0;
}
ul.tabs {
	border-bottom:solid 1px #ddd;
}
ul.tabs li {
	float:left;
	margin-right:5px;
	display:block;
}
ul.tabs li.clear {
	float:none;
	clear:both;
	margin:0;
	padding:0;
}
ul.tabs li a {
	display:block;
	padding:5px;
	background:#eee;
	text-decoration:none;
}
ul.tabs li a:hover {
	background:#ddd;
}
ul.tabs li.current a, ul.tabs li.current a:hover {
	background:#c1d72e;
}


/*
Orders
----------------------------------------------------------------*/
ul.orders {
	list-style:none;}
ul.orders li {
	list-style:none;
	margin-bottom:5px;
	padding-left:22px;
	background:url(/statics/icons/basket.png) no-repeat;}
ul.orders li a {
	text-decoration:none;}
	
/*
Forms
----------------------------------------------------------------*/

.quiet { color:#666; font-size:9pt;}
form .note { color:#999; font-size:8pt;}
	
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
fieldset p { margin:10px 0; clear:both;}
fieldset p label {
	float:left;
	width:200px;
	text-align:right;
	margin-top:5px;
	margin-right:5px;
	white-space:nowrap;}
fieldset p label.required { font-weight:bold;}
fieldset p label.h2 { height:2em; }
fieldset p label.h3 { height:3em; }
fieldset p label.h4 { height:4em; }
fieldset p label.h5 { height:5em; }
fieldset p input, fieldset p select, fieldset p textarea { margin:0;}
fieldset .editor { width:450px; float:left;}
fieldset legend { font-size:10pt; font-weight:bold;}

/*
Selector
----------------------------------------------------------------*/
ul.list {
	padding:10px;
	list-style-type:none;
	clear:both;}
ul.list li {
	display:block;
	font-size:10pt;
	margin-bottom:5px;
	padding:4px;
	border-bottom:dotted 1px #eee;
	font-weight:normal;
	padding-left: 22px;
	clear:both;
	cursor:default;}
ul.list li:hover {
	background-color:#eee;
	border-bottom:dotted 1px #ddd;}
ul.list li .icons {
	float:right;}
ul.list li .icons select {
	margin:0;}
ul.list li.noresult, ul.list li.noresult:hover {
	font-size:14pt;
	margin:40px 0;
	border:none;
	background:transparent;
	text-align:center;
	width:100%;}
	
ul.printers li {
	background-image: url(/statics/icons/printer.png);
	background-repeat:no-repeat;
	background-position:2px 2px;}
	
ul.cartridges li {
	background-image: url(/statics/icons/color_swatch.png);
	background-repeat:no-repeat;
	background-position:2px 2px;}

.selector .top {
	margin:5px 0;}
.selector input.search {
	margin-bottom:0;}	
.selector .top .searchResults, .selector .top .searchResults ul {
	padding:0;
	margin:0;
	border:none;}
.selector ul.list {
	padding:5px;
	border:solid 1px #ddd;}
.selector .top .searchResults {
	padding:5px;
	margin:5px;
	border:solid 1px #ddd;}
.selector .top .searchResults ul li {
	cursor:pointer;
	margin:0;}
.selector .top .searchResults ul li:hover {
	background-color:#ddd;}
.selector .top .searchResults ul li.noresult , .selector .top .searchResults ul li.noresult:hover {
	padding:0;
	cursor:default;
	margin:0;
	background:none;}

#module_account .selector input.search {
	width:300px;
	background:#ffffff;}
#module_account .selector .results {
	width:400px;}	
#module_account .selector .results ul.printers {
	position:relative;}
#module_account .selector ul.printers li.noresult {
	width:auto;}
#module_account .selector .searchResults {
	margin:0;
	width:300px;}
#module_account .selector .results ul.list li {
	border-bottom:dotted 1px #ddd;}
#module_account .selector .results ul.list li ul.list {
	border:none;
	padding:0;
	margin:0;
	margin-top:5px;}
#module_account .selector .results ul.list li ul.list li {
	border-color:transparent;
	background:transparent;
	padding-left:2px;}
#module_account .selector .results ul.list li:hover {
	background-color:transparent;}
#module_account .selector .results ul.list li ul.list li:hover {
	background-color:#eee;
	border-bottom:dotted 1px #ddd;}
#module_account .selector ul.list li.noresult {
	border:none;}
	
.submissions #content-container #items {
	padding:10px;
	border-top:dotted 1px #ddd;
	border-bottom:dotted 1px #ddd;}
	
.submissions #content-container #items .item .actualprice {
	margin-right:5px;}
.submissions #content-container #items .noresult {
	margin:20px 0;}
.submissions #content-container #totalPrice {
	text-align:right;
	font-size:1.5em;
	font-weight:bold;}

	
.autocomplete .top input {
	margin:0;}
.autocomplete .results {
	border:solid 1px #ddd;
	border-top:none;
	padding:5px;
	width:300px;}
.autocomplete .results ul {
	padding:0;
	margin:0;
	border:none;}
.autocomplete .results ul li{
	cursor:pointer;
	margin:0;
	border-bottom:dotted 1px #ddd;}
.autocomplete .results ul li:hover{
	background-color:#06f;
	border-color:transparent;
	color:#fff;}
.autocomplete .selected {
	margin-top:5px;
	padding:5px;}
.autocomplete .selected span.printer {
	padding:2px;
	padding-left:22px;
	background-image: url(/statics/icons/printer.png);
	background-repeat:no-repeat;
	background-position:2px 2px;}
.nosearchresults {
    padding:20px 40px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:1px solid #F0F0F0;
}