/*
// 2007-07-23
// Copyright (c) Nekovision | http://www.nekovision.ru/
// Author - Stepan Galkin
*/

@import url('layout.css');
@import url('catalog.css');
@import url('account.css');
@import url('forms.css');


/* common elements */
body {
	background: url(../ii/bottom-bg.gif) repeat-x left bottom #f2f2f2;
	text-align: center;
	min-width: 980px;
}
body, td, th {
	font: 14px Arial, Helvetica, sans-serif;
	color: #222222;
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse: collapse;
}
img {
	border: none;
}


/* headers */
h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
}
h1, h2 {
	font-size: 22px;
}
h3, h4 {
	font-size: 14px;
}
h1, h1 a {
	color: #49176d;
	text-decoration: none;
}
h2 {
	color: #333333;
}
h3 {
	color: #d86df7;
}
h3 a {
	color: #d86df7;
}
h4 {
	color: #49176d;
}
h5 {
	color: #d86df7;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 20px;
}
#pageRoot h2 {
	margin-bottom: 30px;
}
#pageRoot h3, #pageRoot h4 {
	margin-bottom: 20px;
}


/* h3 slider element */
h3.sliderButton {
	margin-left: -22px;
}
h3.sliderButton a {
	position: relative;
	display: block;
	cursor: pointer;
	padding-left: 22px;
	z-index: 1000;
	background: url(../ii/plus.gif) no-repeat 0 0;
}
h3.sliderButton a:hover {
	color: #db2caf;
	background-image: url(../ii/plus-a.gif);
}
h3.sliderButton.current a {
	background: url(../ii/minus.gif) no-repeat 0 0;
	color: #db2caf;
}


/* paragraphs */
p {
	margin: 0;
	margin-bottom: 20px;
	line-height: 18px;
}
ul, ol {
	margin-top: -20px;
}
ul li, ol li {
	/*margin-bottom: 20px;*/
}
li {
	line-height: 18px;
}
p.small, p.note, ul.small li, ul.note li {
	line-height: normal;
}
small {
	font-size: 11px;
}
div.box.cartInfo {
	line-height: 20px;
	margin: 0 -30px 30px -30px;
	padding-left: 30px;
	padding-right: 30px;
}
div.pageIcon {
	text-align: right;
}
div.textHolder {
	width: 70%;
	padding-left: 40px;
}
p.attention {
	background: url(../ii/attention.gif) no-repeat 0 4px;
	padding-left: 40px;
	color: #cc0000;
}


/* links */
a {
	color: #8339ac;
}
a:hover {
	color: #db2caf;
}
a.bc {
	color: #d86df7;
}
a.bc:hover {
	color: #db2caf;
}
a.gray {
	color: #808080;
}
a.gray:hover {
	color: #444444;
}
a.local {
	text-decoration: none;
	border-bottom: dashed 1px;
}
a.cancel, a.cancel:hover {
	font-size: 11px;
	color: #ff0000;
}


/* text styles */
.faded {
	color: #DEA5AF !important;
}
.bold {
	font-weight: bold;
}
.red {
	color: #FF002E;
}
.green {
	color: #009933;
}
.black {
	color: #333333;
}
.gray {
	color: #808080;
}
.gray a {
	color: #808080;
}
.gray a:hover {
	color: #444444;
}
.medium {
	font-size: 12px;
}
.small {
	font-size: 11px;
}
.count {
	color: #cccccc;
	font-size: 11px;
}
.sign {
	font-style: italic;
}
.price {
	white-space: nowrap !important;
}
.note {
	font-size: 11px;
	color: #808080;
}
.form .note {
	margin-top: 4px;
}
.form .required {
	font-weight: bold;
}
.brand {
	font-size: 11px;
	color: #FF9900 !important;
}
.brandInline {
	font-size: 11px;
	color: #FF9900 !important;
}


/* order status */
.oStatus {
	font-size: 11px;
}
.oStatus.new {
	color: #009933 !important;
}
.oStatus.payment {
	color: #FF0000 !important;
}
.oStatus.processing {
	color: #ff6600 !important;
}
.oStatus.done {
	color: #333333 !important;
	font-weight: bold !important;
}
.oStatus.cancelled {
	color: #cccccc;
}


/* other */
.padding1 {
	padding: 30px 0 0 21px;
}
.padding2 {
	padding: 20px 0 0 64px;
}
.padding3 {
	padding-left: 73px;
}
.padding4 {
	margin-top: 30px;
}
.padding5 {
	margin-top: 20px;
}
.padding6 {
	padding: 0 30px 10px 30px;
	margin-top: 30px;
}
.padding6 div.pages {
	margin-left: 3px;
}
.padding6 table#exchanges {
	margin-top: 2px;
}
.bottomLine {
	border-bottom: solid 1px #eaeaea;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}
.line {
	border-bottom: solid 1px #dcdcdc;
	margin: 20px 0;
}
.line.wide {
	margin-left: -30px;
	margin-right: -60px;
}
img.imageRight {
	border: solid 1px #eaeaea;
	padding: 2px;
	margin-left: 20px;
	float: right;
}
img.imageLeft {
	border: solid 1px #eaeaea;
	padding: 2px;
	margin-right: 20px;
	float: left;
}

table.helpExample {
	table-layout: fixed;
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}
table.helpExample td {
	padding: 12px 0;
}
table.helpExample img.structArrow {
	float: right;
	margin-top: 4px;
}
div.toc {
	font-size: 14px;
	margin: 30px 0;
}
div.toc a {
	text-decoration: none;
	border-bottom: dashed 1px;
}
div.toc div {
	margin: 12px 0;
}


/* doc icons */
div.doc {
	min-height: 36px;
	//height: 36px;
	padding: 0 0 0 40px;
	line-height: 18px;
}
div.doc span {
	display: block;
	color: #808080;
}
div.doc.word {
	background: url(../ii/doc-word.gif) no-repeat;
}
div.doc.xls {
	background: url(../ii/doc-xls.gif) no-repeat;
}
div.doc.pdf {
	background: url(../ii/doc-pdf.gif) no-repeat;
}
div.doc.fly {
	position: absolute;
	width: 30%;
	left: 68%;
	margin-left: 33px;
	max-width: 200px;
}


/* ajax icons */
#ajaxLoader {
	background: url(../ii/loading.gif) #ffffff no-repeat;
}
#ajaxLoaderSmall {
	background: url(../ii/loader-sm.gif) no-repeat;
	width: 16px;
	height: 16px;
}


/* links */
div.links {
	font-size: 11px;
	color: #808080;
}
div.links a {
	color: #808080;
}
div.links a:hover {
	color: #444444;
}
#indexHelp {
	position: absolute;
	margin-top: 274px;
	z-index: 20;
}
a#btnHelp {
	position: absolute;
	background: url(../ii/btn-help.gif) no-repeat 1px 1px;
	padding: 2px 0px 4px 21px;
	margin: -2px 0 0 73px;
	font-size: 11px;
	color: #808080;
}
a#btnHelp:hover {
	background-image: url(../ii/btn-help-a.gif);
	color: #808080;
}
#indexHelp a#btnHelp {
	background-image: url(../ii/btn-help-idx.png);
	color: #ffffff;
}
#indexHelp a#btnHelp:hover {
	background-image: url(../ii/btn-help-idx-a.png);
	color: #49176d;
}


/* page header */
#pagehead {
	background: none;
	background-color: #ffffff;
	padding: 15px 40px 15px 60px;
	margin: 0 -30px 0px -60px;
}
#pagehead h1 {
	margin: 0;
}
#pagehead .count {
	padding: 2px 0 0 8px;
}
#pagehead #brandLogo {
	padding-top: 4px;
	float: right;
}


/* breadcrumbs */
div.bc {
	font-size: 11px;
	margin-bottom: 7px;
}
div.bc a {
	color: #d86df7;
}
div.bc a:hover {
	color: #db2caf;
}


/* pages */
div.pages {
	font-size: 12px;
	font-weight: bold;
}
div.pages a {
	display: block;
	width: 22px;
	height: 19px;
	text-align: center;
	padding-top: 3px;
	text-decoration: none;
	float: left;
}
div.pages a:hover {
	color: #ffffff;
	background: url(../ii/p-round-a.gif) no-repeat center center;
}
div.pages a.current {
	color: #ffffff;
	background: url(../ii/p-round.gif) no-repeat center center;
	cursor: default;
}
div.pages a.next, div.pages a.prev {
	width: 10px;
	height: auto;
	padding-top: 7px;
}
div.pages a.prev {
	padding-right: 5px;
	background: url(../ii/p-prev.gif) no-repeat center center;
}
div.pages a.prev:hover {
	background-image: url(../ii/p-prev-a.gif);
}
div.pages a.next {
	padding-left: 5px;
	background: url(../ii/p-next.gif) no-repeat center center;
}
div.pages a.next:hover {
	background-image: url(../ii/p-next-a.gif);
}
div.pages a.next.clear, div.pages a.prev.clear,
div.pages a.next.clear:hover, div.pages a.prev.clear:hover {
	background: none;
	cursor: default;
}


/* order control */
.order {
	width: 96px !important;
	text-align: left !important;
}
.order input {
	width: 50px;
}
.order a img {
	position: absolute !important;
	margin: 2px 0 0 64px !important;
	background: url(../ii/btn-cart.png) no-repeat;
}
.order a:hover img {
	background: url(../ii/btn-cart-a.png) no-repeat;
}
.order.added img, td.order.added img,
.order.added a:hover img {
	background: url(../ii/incart.png) no-repeat;
	width: 80px;
	margin-left: 6px !important;
}
.order.added input {
	visibility: hidden;
}


/* values list */
table.values {
}
table.values th {
	text-align: left;
	vertical-align: top;
	padding: 2px 0 16px 0 !important;
	color: #808080;
	font-size: 11px;
	font-weight: normal;
}
table.values td {
	vertical-align: top;
	padding: 0 0px 16px 0 !important;
}

/* prices */
table.price th {
	text-align: left;
	color: #808080;
	font-weight: normal;
}
table.price td,
table.price th {
	padding: 8px 20px 8px 0;
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}


/* news */
div.whatsNew {
}
div.whatsNew.index {
	padding: 0 30px 0 60px;
}
div.whatsNew.index h1 {
	background: url(../ii/idx-crn.gif) no-repeat right 9px;
}
div.whatsNew h1 {
	margin-bottom: 30px;
}
div.whatsNew div {
	margin-bottom: 16px;
}
/********************/
div.whatsNew div a {
	line-height: 18px;
}
div.whatsNew div span {
	font-size: 11px;
	color: #808080;
	display: block;
}
div.whatsNew div.archive {
	color: #db2caf;
	margin-top: 20px;
}
div.whatsNew div.archive a {
	color: #db2caf;
}


/* europarts in the world */
div.europartsWorld {
	padding: 0 0 0 30px;
}
div.europartsWorld h1 {
	background: url(../ii/idx-crn.gif) no-repeat right 9px;
	margin-bottom: 30px;
}
div.europartsWorld div {
	float: left;
	width: 24%;
	font-size: 11px;
	margin-bottom: 16px;
}
div.europartsWorld div a {
	text-decoration: none;
	color: #808080;
}
div.europartsWorld div a:hover {
	color: #444444;
}
div.europartsWorld div span {
	text-decoration: underline;
}
div.europartsWorld div img {
	vertical-align: middle;
	margin: -1px 8px 0 0;
}


/* sort selector */
div.selector {
	position: relative;
	font-size: 11px;
	margin-top: 6px;
}
div.selector div.header {
	color: #808080;
	float: left;
	margin-right: 20px;
}
div.selector div.items {
	position: relative;
	float: left;
	margin-top: -5px;
}
div.selector div.items div {
	float: left;
	border: solid 1px #ffffff;
	padding: 4px 10px;
}
div.selector.sorter div.items div {
	padding-right: 21px;
}
div.selector div.items div a {
	text-decoration: none;
}
div.selector div.items div.current {
	border: solid 1px #dfdfdf;
}
div.selector div.items div.current:hover a {
	color: #db2caf;
}
div.selector.sorter div.items div.current.ASC {
	background: url(../ii/sort-up.gif) no-repeat center right;
}
div.selector.sorter div.items div.current.ASC:hover {
	background-image: url(../ii/sort-up-a.gif);
}
div.selector.sorter div.items div.current.DESC {
	background: url(../ii/sort-down.gif) no-repeat center right;
}
div.selector.sorter div.items div.current.DESC:hover {
	background-image: url(../ii/sort-down-a.gif);
}


/* standart data lister */
table.data {
	position: relative;
}
table.data td {
	border-bottom: solid 1px #DCDCDC;
	padding: 12px 30px;
	vertical-align: top;
}
table.data td.manager {
	border-top: solid 1px #DCDCDC;
	background: url(../ii/user.gif) no-repeat 0 12px;
}
table.data td.manager span {
	display: block;
	font-size: 11px;
	color: #808080;
	margin-top: 2px;
}
table.data td span.odate {
	display: block;
	position: relative;
	float: right;
	font-size: 11px;
	color: #808080;
	margin-top: 2px;
}
table.data td div.odate {
	font-size: 11px;
	color: #808080;
	margin-top: 2px;
}
table.data td.price {
	text-align: right;
	white-space: nowrap;
}
table.data td.price span {
	font-size: 11px;
}
table.data td div.pn {
	font-size: 11px;
	padding-top: 2px;
}
table.data td div.pn span {
	font-weight: bold;
}
table.data tr.header td {
	color: #49176d !important;
	font-size: 11px;
	padding-top: 0 !important;
	padding-bottom: 12px !important;
	border-bottom: solid 1px #49176d !important;
	border-top: none;
	background: none !important;
}
table.data tr th {
	text-align: left;
	padding: 12px 0 12px 30px;
	font-weight: normal;
	border-bottom: solid 1px #DCDCDC;
}
table.data tr th span {
	display: block;
	color: #808080;
	font-size: 11px;
}
table.data tr th span.brand {
	position: relative;
	float: right;
	font-size: 11px;
	margin-top: 16px;
}
table.data tr.footer td {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
	vertical-align: middle !important;
}
table.data tr.footer th {
	border-bottom-color: #ffffff;
}
table.data tr.footer td.total {
	border-left: solid 1px #DCDCDC;
	font-weight: bold;
}


/* orders data */
table.data.orders {
	margin-top: 20px;
}
table.data.orders tr td {
	padding-left: 0 !important;
}
table.data.orders td.clearPad {
	padding-right: 0 !important;
}
table.data.orders tr.cancelled td {
	color: #cccccc;
}
table.data.orders tr.cancelled a {
	color: #cccccc;
}
table.data.orders tr.cancelled span.odate {
	color: #cccccc;
}
table.data.orders tr.cancelled a.orderForm {
	opacity: 0.4;
}
table.data.orders td .oStatus {
	display: block;
	padding-top: 2px;
}


/* news */
#news {
}
#news p {
	clear: both;
	margin-bottom: 20px;
}
#news p span {
	display: block;
	font-size: 11px;
	color: #808080;
	width: 115px;
}
#news p a {
	position: relative;
	display: block;
	padding-left: 115px;
	margin-top: -19px;
}
#news_item {
}
#news_item h2 {
	font-size: 18px;
	color: #d86df7;
	margin-top: 4px;
}
#news_item .date {
	font-size: 12px;
	color: #808080;
}


/* page navigation */
div.pageNav {
	margin-top: -5px;
	margin-left: -21px;
}
div.pageNav a {
	display: block;
	position: relative;
	margin-bottom: 3px;
	text-decoration: none;
	border: solid 1px #ffffff;
	padding: 5px 20px 5px 20px;
}
div.pageNav a:hover {
/*	border-color: #dfdfdf;*/
}
div.pageNav a.current {
	cursor: default;
	color: #666666;
	border-color: #dfdfdf;
}
div.pageNav a[href].current {
	cursor: pointer;
}
div.pageNav a[href].current:hover {
	color: #db2caf;
}
div.pageNav.news {
	font-size: 32px;
}
div.pageNav.news a {
	color: #cccccc;
}
div.pageNav.news a:hover {
	color: #db2caf;
}
div.pageNav.news a.current {
	color: #808080;
	font-weight: normal;
}


/* cart content */
div.cartContent {
	margin: 0 -30px 20px -30px;
}
div.cartContent table.data td,
div.cartContent table.data th {
	padding-right: 0;
	vertical-align: middle;
}
div.cartContent table.data tr:hover td,
div.cartContent table.data tr:hover th {
	background-color: #f9fedf;
}
div.cartContent table.data tr.footer:hover th,
div.cartContent table.data tr.footer:hover td,
div.cartContent table.data tr.export th,
div.cartContent table.data tr.export td {
	background-color: transparent;
}
div.cartContent table.data input.wide {
	width: 69px;
}
div.cartContent table.data td.btnDelete {
	padding-right: 30px;
}
div.cartContent table.data td.btnDelete img {
	background: url(../ii/btn-delete.png) no-repeat;
}
div.cartContent table.data tr.footer td.btnDelete {
	padding-right: 29px;
	border-right: solid 1px #DCDCDC;
}
div.cartContent table.data tr th span.brand {
	margin-top: 9px !important;
}
div.cartContent table.data tr.readyButton td {
	border: none;
	padding: 0px;
	padding-top: 30px;
}
div.cartContent table.data tr.readyButton:hover td {
	background-color: transparent;
}

/* export row */
div.cartContent table.data tr.export th {
	border: solid 1px #DCDCDC !important;
	padding-right: 30px;
}
div.cartContent table.data tr.export th span {
	display: inline;
	float: right;
}
div.cartContent table.data tr.export th span a {
	color: #d86df7;
	padding: 0 8px;
}
div.cartContent table.data tr.export th span a:hover {
	color: #db2caf;
}
div.cartContent table.data tr.export td {
	border: none !important;
}

/* order content overview */
div.cartContent.overview {
	margin-left: 0;
	margin-right: -30px;
}
div.cartContent.overview table.data .lastCell {
	padding-right: 30px !important;
}
div.cartContent.overview table.data tr th span.brand {
	margin-top: 0px !important;
}
div.cartContent.overview table.data td,
div.cartContent.overview table.data th {
	font-size: 11px;
	vertical-align: top;
}


/* order roles */
#orderRoles {
	margin-top: 10px;
	margin-bottom: 30px;
}
#orderRoles a {
	position: relative;
	margin-right: 5px;
	text-decoration: none;
	border: solid 3px #dfdfdf;
	padding: 10px 20px 10px 20px;
	width: 200px;
}
#orderRoles a:hover {
	border-color: #db2caf;
}
#orderRoles a.current {
	cursor: default;
	background-color: #dfdfdf;
	border-color: #dfdfdf;
	color: #666666;
}
#orderRoles a.current:hover {
	border-color: #dfdfdf;
}
table.import
{
    border-collapse: collapse;
    margin: 0px 0px 10px 310px
}
table.import tr td
{
    border: gainsboro 1px solid;
    font-size: 12px;
    padding: 5px;
}