@import url('lay.css');
@import url('cat.css');
@import url('form.css');


/* common elements */
body {
	background: url(../pic1/bottom-b.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: #000000;
	text-decoration: none;
}
h2 {
	color: #333333;
}
h3 {
	color: #ed1c24;
}
h3 a {
	color: #ed1c24;
}
h4 {
	color: #000000;
}
h5 {
	color: #ed1c24;
	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(../pic1/plus0000.gif) no-repeat 0 0;
}
h3.sliderButton a:hover {
	color: #ed1c24;
	background-image: url(../pic1/plus-a00.gif);
}
h3.sliderButton.current a {
	background: url(../pic1/minus000.gif) no-repeat 0 0;
	color: #ed1c24;
}


/* 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(../pic1/attentio.gif) no-repeat 0 4px;
	padding-left: 40px;
	color: #ed1c24;
}

.formsearch { float: left;  margin: 50px 0 0 0;}
.select { color: #666; margin: 0 6px 0 6px;  font-size: 12px;  display:block; float: left; width: 220px; height: 20px;  border: #000000 1px solid; background: #ffffff; */height: 22px;  }

/* links */
a {
	color: #000000;
}
a:hover {
	color: #ed1c24;
}
a.bc {
	color: #ed1c24;
}
a.bc:hover {
	color: #ed1c24;
}
a.lef {
	color: #ed1c24;
  font-size: 14px;
  text-decoration: none
}
a.lef:hover {
	color: #000000;
  background-color: #b3b4b9
}
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;
}
.large {
	font-size: 16px;
}
.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(../pic1/doc-word.gif) no-repeat;
}
div.doc.xls {
	background: url(../pic1/doc-xls0.gif) no-repeat;
}
div.doc.pdf {
	background: url(../pic1/doc-pdf0.gif) no-repeat;
}
div.doc.fly {
	position: absolute;
	width: 30%;
	left: 68%;
	margin-left: 33px;
	max-width: 200px;
}


/* ajax icons */
#ajaxLoader {
	background: url(../pic1/loading0.gif) #ffffff no-repeat;
}
#ajaxLoaderSmall {
	background: url(../pic1/loader-s.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(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(../pic1/btn-help.gif);
	color: #808080;
}
#indexHelp a#btnHelp {
	background-image: url(../pic1/btn-help.png);
	color: #ffffff;
}
#indexHelp a#btnHelp:hover {
	background-image: url(../pic1/btn-help.png);
	color: #000000;
}


/* 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: #ed1c24;
}
div.bc a:hover {
	color: #ed1c24;
}


/* 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(../pic1/p-round-.gif) no-repeat center center;
}
div.pages a.current {
	color: #ffffff;
	background: url(../pic1/p-round0.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(../pic1/p-prev00.gif) no-repeat center center;
}
div.pages a.prev:hover {
	background-image: url(../pic1/p-prev-a.gif);
}
div.pages a.next {
	padding-left: 5px;
	background: url(../pic1/p-next00.gif) no-repeat center center;
}
div.pages a.next:hover {
	background-image: url(../pic1/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(../pic1/btn-cart.png) no-repeat;
}
.order a:hover img {
	background: url(../pic1/btn-cart.png) no-repeat;
}
.order.added img, td.order.added img,
.order.added a:hover img {
	background: url(../pic1/incart00.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 10px 0 60px;
}
div.whatsNew.index h1 {
	background: url(../pic1/strel.gif) no-repeat right 9px;
}
div.whatsNew h1 {
	margin-bottom: 30px;
}
div.whatsNew div {
   
  margin-top: 5px
}
/********************/
div.whatsNew div a {
	line-height: 18px;
}
div.whatsNew div span {
	font-size: 11px;
	color: #808080;
	display: block;
}
div.whatsNew div.archive {
	color: #ed1c24;
	margin-top: 20px;
}
div.whatsNew div.archive a {
	color: #ed1c24;
}


/* europarts in the world */
div.europartsWorld {
	padding: 0 0 0 30px;
}
div.europartsWorld h1 {
	background: url(../pic1/strel.gif) no-repeat right 9px;
	margin-bottom: 30px;
}
div.europartsWorld div {
	float: left;
	width: 75%;
	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: #ed1c24;
}
div.selector.sorter div.items div.current.ASC {
	background: url(../pic1/sort-up0.gif) no-repeat center right;
}
div.selector.sorter div.items div.current.ASC:hover {
	background-image: url(../pic1/sort-up-.gif);
}
div.selector.sorter div.items div.current.DESC {
	background: url(../pic1/sort-dow.gif) no-repeat center right;
}
div.selector.sorter div.items div.current.DESC:hover {
	background-image: url(../pic1/sort-dow.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(../pic1/user0000.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: #000000 !important;
	font-size: 11px;
	padding-top: 0 !important;
	padding-bottom: 12px !important;
	border-bottom: solid 1px #000000 !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: #ed1c24;
	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: #ed1c24;
}
div.pageNav.news {
	font-size: 32px;
}
div.pageNav.news a {
	color: #cccccc;
}
div.pageNav.news a:hover {
	color: #ed1c24;
}
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(../pic1/btn-dele.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: #ed1c24;
	padding: 0 8px;
}
div.cartContent table.data tr.export th span a:hover {
	color: #ed1c24;
}
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: #ed1c24;
}
#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
}

.b-img-radius {
   zoom: 1;
   position: relative;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   display: inline-block;
   vertical-align: top;
   behavior: url(PIE.htc);
 }

.b-img-radius img {
     display: block;
     visibility: hidden;
     behavior: url(PIE.htc);
}
.corners {
behavior: url(PIE.htc);
background-color:#FFFFD2;
border-color:#292420;
border-style:dotted;
border-width:thin;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 0px;
  /* тень */
  -moz-box-shadow: 2px 2px 10px #b8d4fd;
  -webkit-box-shadow: 2px 2px 10px #b8d4fd;
  box-shadow: 2px 2px 10px #b8d4fd;
}

.cornerswhite {
behavior: url(PIE.htc);
background-color:#FFFFFF;
border-color:#292420;
border-style:dotted;
border-width:thin;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 0px;
  /* тень */
  -moz-box-shadow: 2px 2px 10px #b8d4fd;
  -webkit-box-shadow: 2px 2px 10px #b8d4fd;
  box-shadow: 2px 2px 10px #b8d4fd;
}

table.import tr td
{
    border: gainsboro 1px solid;
    font-size: 12px;
    padding: 5px;
}
#banners a img {opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; filter:alpha(opacity=100);}