a {

	color: royalblue;

}

a:hover {

	text-decoration: underline;

}

.shadowBorder {
/*
	border: 6px solid transparent;

	border-image: url("/images/shadow.png") 35% 35% 40% 30% stretch stretch;  
*/
border: 6px solid #cccccc;
display: block;
}

.centerAlign {

	text-align: center;

}

.rightAlign {

	text-align: right;

}

.error_list {

  padding-top: 5px;

}



.error_list li {

  color: #EF3B3B;

  font-weight: bolder;

  font-size: 0.9em;

  margin-left: 15px;

  list-style-type: square;

}

.adminButton {

  border: 3px double #cccccc;

  color: #666666;

  font-size: 0.9em;

  font-weight: bolder;

  padding: 1px 3px;

  background: white url('../../images/util/grad.png') repeat-x top left;

}



.adminButton:hover {

  border: 3px double #cde3fb;

  color: #3b6ab8;

  background-position: 0pt -40px;

}



#contentBackground {
	background: transparent url(../../images/bg/bg-kontakt.jpg) repeat-y left center;
	width: 100%;
}

#leftField {

	width: 730px;

	padding: 10px;

	float: left;

}

#rightField {

	width: 249px;

	float: right;

	color: white;

	position: relative;

}

#rightField a {

	color: #FFCC00;

}

#rightField p {

	color: white;

	position: relative;

}

#rightField p a {

	position: relative;

}

#rightField h2 {

	border-top-width: 1px;

border-top-style: solid;

border-top-color: #466eb6;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #466eb6;

padding-top: 0px;

padding-right: 10px;

padding-bottom: 0px;

padding-left: 10px;

margin-top: 10px;

margin-right: 0px;

margin-bottom: 10px;

margin-left: 0px;

}

#rightField p {

	padding-top: 0px;

padding-right: 10px;

padding-bottom: 5px;

padding-left: 18px;

}

#katalogIndex {

  margin: 20px;

}

#loginAction {

  padding: 100px 0px;

}

#loginAction label {

  display: block;

  padding-top: 5px;

  font-weight: bolder;

}

#loginAction .submit, #loginAction .row {

  padding-top: 10px;

}

#loginAction .submit {

  text-align: center;

}

#loginAction input {

  width: 170px;

}

#loginAction input.radio {

  width: 30px;

}

#loginAction .submit input {

  width: auto;

}

#loginAction .loginForm {

  width: 400px;

  margin: auto;

}

#loginAction a {

  color: royalblue;

}

#loginAction a:hover {

  text-decoration: none;

}

#loginAction {

  background: white url(../../images/bg/asics-login.jpg) no-repeat center center; 

}

#loginAction .leftField {

	width: 190px;

	float: left;

	border-right: 3px double #cccccc;

}

#loginAction .rightField {

	width: 190px;

	float: right;

}

#loginAction .rightField a {

	display: block;

	margin: 20px;

	font-size: 1.2em; 

}

#loginAction .rightField p {

	text-align: left;

	color: #666666;

}

#loginAction .rightField img {

	margin: 10px;

}

/* CLEAN */

.product-perex {

	width: 296px;

height: 100px;

overflow: hidden;

padding: 15px;

float: left;

}

.product-perex .image_wrapper {

	float: left;

}

.product-perex h3 {

float: right;

width: 136px;

border-bottom: 5px solid  #330033;

}

.product-perex .price, .product-perex .code {

	float: left;

	width: 60px;

	color: #666666;

	font-size: 0.9em;

	padding: 3px;

	text-align: center;

}

.product-perex .price em, .product-perex .code em {

	color: black;

	font-style: normal;

	display: block;

}

.product-perex .more {

	color: royalblue;

	text-align: center;

	display : block;

}

.product-detail {

	background: #F0F0EE url('../../images/bg/bg_product.gif') repeat-y top left;

}

.product-detail .product-gallery {

	float: left;

  width: 600px;

  height: 430px;

  overflow: hidden;

  /*position: absolute;*/

}

.product-detail .product-gallery .control {

text-align: center;

position: absolute;

width: 232px;

height: 20px;

padding-top: 8px;

z-index: 10;

margin-top: 293px;

margin-left: 200px;

background: transparent url(../../images/bg/bg-imageControl.png) no-repeat scroll center center;

}

.product-detail .product-gallery .preview {

	background-color: white;

	width: 600px;	

	height: 320px;

	overflow: hidden;

	z-index: 10;

}

.product-detail .product-gallery .preview {

	position: absolute;

}

.product-detail .product-gallery .otherPictures {

	background-color: #F0F0EE;

	border-top: 6px solid #b6b5b3;

	margin-top: 320px;

	padding: 5px 10px;

}

.product-detail .product-gallery .otherPictures .shadowBorder {
  display: inline;
}

.product-detail .product-gallery .otherPictures {

	color: #666666;

}

.product-detail .otherPictures li {

	display: inline;

	padding: 3px;

}

.product-detail h2, .product-detail .description, .product-detail .features, .product-detail .price, .product-detail .linkBack, .product-detail .buttons, .product-detail .code {

	background: transparent url(../../images/bg/bg-katalogItem.jpg) repeat-y -600px;

  float: right;

  clear: right;

  width: 404px;

  color: white;

}

.product-detail .sizes {

	background: transparent url(../../images/bg/bg-katalogItem.jpg) repeat-y -600px;

  float: right;

  clear: right;

  width: 404px;

  color: white;

}

.product-detail .features li {

	float: left; 
height: 60px;
}

.product-detail .sizes table {

	margin: 5px 20px;

	width: 360px;

	border: 1px solid #CCCCCC;

	font-size: 0.9em;

}

.product-detail .sizes td {

	border: 1px solid #CCCCCC;

	text-align: center;

	padding: 2px;

}

.product-detail .sizes caption {

	text-align: left;

	font-weight: bolder;

}

.product-detail .buttons {
	width: 384px;
	padding: 10px;
}

.product-detail .buttons .adminButton{
	font-size: 1.1em;
	padding: 3px;
}
.product-detail .buttons .cartButton {
  float: right;
  padding-left: 100px;
  padding-top: 20px;
  height: 65px;
  background: transparent url('../../images/asics/bg_cart.gif') no-repeat top left;
}
.product-detail .buttons .cartButton span.cartPrice {
  display: block;
  padding-left: 15px;
  padding-top: 30px;
}
.product-detail .buttons .right {
  width: 120px;
  padding-left: 20px;
  padding-top: 20px;
}
.product-detail h2 {
	margin-top: 10px;
	float: right;
	width: 374px;
	color: white;
	padding: 3px 15px;
	font-size: 1.8em;
}

.product-detail .productPrice {
  float: right;
  width: 125px;
  color: white;
  padding-right: 15px;
  padding-left: 45px;
  font-size: 1.8em;
  font-weight: bolder;
  background: transparent url('../../images/asics/bg_price.gif') no-repeat top left;
}
.product-detail .productPrice span {
  display: block;
  font-size: 0.5em;
}
.product-detail .parameters {
  float: right;
  width: 189px;
  padding-left: 30px;
  color: white;
}
.product-detail .parameters a {
  color: #FFCC00;
}
.product-detail .parameters li {
  padding: 2px 0px;
  list-style-type: square;
}

.product-detail .description p, .product-detail .features ul, .product-detail .code p, .product-detail .linkBack a {

	padding: 3px 15px;

	display: block;

}
.product-detail .description p {
  padding: 8px 15px;
}

.product-detail .price {

  background: transparent url(../images/bg/bg-katalogItem.jpg) repeat-y -600px;

  float: right;

  clear: right;

  width: 404px;

  padding: 5px 20px 5px 180px;

  font-weight: bold;

  color: white;

  font-size: 1.2em;

}

.product-detail .price .label {

  text-align: right;

}

.product-detail .price .value {

  text-align: right;

}

.product-detail .price .dph {

  font-size: 0.6em;

  font-weight: normal;

}

/** orderPage **/

.orderPage h1 {

	display: none;

}

.orderPage p {

	color: #666666;

}

.orderPage img.left {

	margin: 3px;

}

.orderPage em {

	font-style: normal;

	font-size: 1.4em;

	/*color: #009900;*/ 

}

.orderPage .rightInfo {

	text-align: right;

}

.orderPage .buttons {

	width: auto;

	padding: 20px;

}

.orderPage .cartItems .info {

	font-size: 1.3em;

}

.orderPage .cartItems .info a {

	color: royalblue;

}

.orderPage .termsBlock {

	padding: 10px;

	margin: 30px;

	border: 3px double #666666;

	height: 250px;

	overflow-y: scroll;

}

/** orderFormTable **/

.orderFormTable {

	width: 100%;

}

.orderFormTable .formBlock td {

	border-bottom: 1px solid #666666;

	padding: 3px;

	padding-top: 10px;

}

.orderFormTable .label {

	background-color: #EFEFEF;

	border-left: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

	padding: 5px;

	padding-right: 15px;

	width: 150px;

	color: royalblue;

	text-align: right;

}

.orderFormTable .input {

	border-bottom: 1px solid #DDDDDD;

	padding: 0px;

}

.orderFormTable .input.padding10 {

	padding: 10px;

}

.orderFormTable .input input {

	border: 1px solid #666666;

	padding: 2px;

	width: 250px;

}

.orderFormTable .td img {

	vertical-align: text-bottom;

}

.orderFormTable .help, .orderFormTable .price {

	border-bottom: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	color: #666666;

}

.orderFormTable .help em {

	color: #000000;

	font-size: 1em;

}

.orderFormTable .radio_list li {

	padding: 2px;

}

.orderFormTable .radio_list input {

	width: auto;

}

.orderActions li {

	display: block;

	float: left;

	width: 45%;

}

.orderActions li .image_wrapper {

	float: left;

	margin-right: 10px;

}

/** katalog **/

.categoryLi {

	color: #666666;

	padding-bottom: 10px;

}

.categoryLi h2 a {

	color: #333333;

}

.categoryLi .imageWrapper {

	width: 120px;

	float: left;

}

.categoryLi .info {

	float: left;

	width: 550px;

	/*margin-left: 125px;*/

}

.categoryLi .info.noimage {

	width: 690px;

}

.categoryLi p {

	padding: 3px 0px 15px 0px;

}

.category {

	width: 754px;

	float: left;

}

.category .info {

	padding: 10px 10px;

	/*color: white;

	background-color: #0b348c;*/

	background-color: #F6F6F6;

	border-bottom: 6px solid #b6b5b3;

}

.category .info .imageWrapper {

	margin-right: 10px;

}

.category .info h2 {

	/*border-bottom: 1px solid #466eb6;

	border-top: 1px solid #466eb6;

	color: white;*/

	padding: 3px 10px;

}

.category .info  p {

	padding: 3px 10px 15px 10px;

	color: #666666;

}

/** articles **/

.article {

	padding: 10px;

	color: #666666;

}

.article p {

	padding: 3px 0px;

	text-align: justify;

	text-indent: 25px;

}

.article p:hover, .article h2 {

	color: #000000;

}

.article .articlePerex {

	font-style: italic;

	padding-bottom: 10px;

}

.article .imageWrapper {

	margin: 0px 8px 8px 0px;

	float: left;

}

.categoryListing {
  
  width: 750px;
  
}

.categoryListing .articlePerex {

	padding: 20px;

}

.articlePerex p {

	color: #333333;

	text-indent: 15px;

	text-align: justify;

}

.articlePerex .more {

	float: right;

}

.articlePerex .imageWrapper {

	margin: 0px 5px 5px 12px;

	float: left;

}

/** profile **/

.userActions {

	width: 350px;

	margin-right: 20px; 

	float: left;

}

.userActions li {

	clear: both;

	padding-top: 20px;

}

.userActions li p {

		margin: 5px 0px;

}

/** buttons **/

.clear { /* generic container (i.e. div) for floating buttons */

    overflow: hidden;

    width: 100%;

}



.fancyButton {

    background: transparent url('../../images/button/bg_button_a.png') no-repeat scroll top right;

    color: #444;

    display: block;

    float: left;

    font: normal 12px arial, sans-serif;

    height: 24px;

    margin-right: 6px;

    padding-right: 18px; /* sliding doors padding */

    text-decoration: none;

}



.fancyButton span {

    background: transparent url('../../images/button/bg_button_span.png') no-repeat;

    display: block;

    line-height: 14px;

    padding: 5px 0 5px 18px;

    color: #000;

    text-decoration: none;

}



button.fancyButton span {

  position: relative;

  top: -1px;

  left: 3px;	

}



.fancyButton:active {

    background-position: bottom right;

    color: #000;

    outline: none; /* hide dotted outline in Firefox */

}



.fancyButton:active span {

    background-position: bottom left;

    padding: 6px 0 4px 18px; /* push text down 1px */

}

.fancyButton a {

	text-decoration: none;

	color: #444;

}

.fancyButton:hover, .fancyButton a:hover, .fancyButton:hover a {

	text-decoration: none;

}



/** IMAGE BROWSERS **/



.ngs_image_browser_wrapper {

	clear: both;

	z-index: 99;

	width: 580px;

	position: absolute;

	border: 1px solid #CCCCCC;

    width: 580px;

    background: #F0F0EE;

    margin: 10px 0 0 0;

    padding: 0;

}



.ngs_image_browser_wrapper .ngs_image_browser .image {

    display: block;

    width: 80px;

    height: 80px;

    text-align: center;

    padding: 5px;

    margin: 2px;

    float: left;

    border: 1px solid #ccc;

    background: #fff;

    overflow: hidden;

    cursor: pointer;

    position: relative;

}



.ngs_image_browser_wrapper .ngs_image_browser .image a.delete {

    position: absolute;

    top: 5px;

    right: 5px;

    font-size: 0;

    background: url('/images/intranet/cross.png') no-repeat;

    width:  15px;

    height: 15px;

}



.ngs_image_browser_wrapper .ngs_image_browser_control {

    text-align: center;

}



.ngs_image_browser_wrapper .ngs_image_browser_control a, .ngs_image_browser_wrapper .ngs_image_browser_control span {

    text-decoration: none;

    font-size: 16px;

    color: #333;

}



.ngs_file_upload_box_wrapper {

    margin: 10px 0;

    border-collapse: collapse;

    border-top: 1px solid #ccc;

}



.ngs_file_upload_box_wrapper td {

    padding: 2px 5px;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    background: #F0F0EE;

    width: 150px;

}



.ngs_file_upload_box_wrapper td.colspan {

    width: 310px;

}



.ngs_file_upload_box_wrapper td.name {

    background-image: url('/ngsFile/images/page_white.png');

    background-repeat: no-repeat;

    padding-left: 10px;

    width: 145px;

}



.ngs_image_upload_box_wrapper {

    margin: 10px 0;

    border-collapse: collapse;

    border: 1px solid #ccc;

}



.ngs_image_upload_box_wrapper td {

    padding: 2px 5px;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    background: #F0F0EE;

    width: 150px;

}



.ngs_image_upload_box_wrapper td.colspan {

    width: 310px;

}



.ngs_image_gallery_wrapper .image {

    display: block;

    width: 80px;

    height: 120px;

    text-align: center;

    padding: 5px;

    margin: 2px;

    float: left;

    border: 1px solid #ccc;

    background: #fff;

    overflow: hidden;

}



.ngs_image_gallery_wrapper .ui-sortable-placeholder {

    display: block;

    width: 80px;

    height: 120px;

    text-align: center;

    padding: 5px;

    margin: 2px;

    float: left;

    border: 1px solid #ccc;

    background: #f0f0f0;

}



.ngs_image_gallery_wrapper .selected {

    width: 200px;

    border: 1px solid #ccc;

    background: #F0F0EE;

    padding: 5px;

}



.ngs_image_gallery_wrapper a img {

    margin: 1px 0;

}



.ngs_image_gallery_wrapper .image .description {

    white-space: nowrap;

    padding: 5px;

}

/** information **/

#informationMenu {

	padding: 10px;

}

#informationMenu ul a {

	text-decoration: none;

	font-size: 1.2em;

}

#informationMenu ul ul a {

	font-size: 1.0em;

	text-decoration: underline;

	font-weight: bolder;

	color: white;

}

#informationMenu ul li {

	clear: both;

	padding: 3px;

}

#informationMenu ul ul li {

	width: 100px;

	float: left;

	clear: none;

}

/** order admin **/

ul.orderStatuses li a {

	padding: 2px 4px;

	margin: 2px 4px;

	color: #666666;

	border: 1px solid #E5E5E5;

}



ul.orderStatuses li a.selected {

	background-color: #666666;

	color: white;

}

/** foot **/

#foot .partners {

	padding: 10px;

}

#foot .partners li {

	display: inline;

	padding: 0px 5px;

}

/** product detail **/
.product-detail .sizes {
  color: white;
  float: right;
  width: 374px;
  padding: 0px 15px;
}
.product-detail .sizes .sizeHeader {
  padding-bottom: 15px;
}
.product-detail .sizes h4 {
  float: left;
  width: 34px;
  font-size: 1.5em;
  padding-top: 5px;
}
.product-detail .sizes .sizeTokens {

}
.product-detail .sizes .needHelp
{
  padding-left: 40px;
  color: #FFCC00;
}
.product-detail .sizes .sizeTokens li {
  float: left;
  width: 30px;
  height: 25px;
  text-align: center;
  display: block;
  padding-top: 5px;
  font-size: 1.3em;
  font-weight: bolder;
  color: #000000;
  background: transparent url('../../images/asics/bg_size.gif') repeat-x top left;
  margin-left: 5px;
  margin-bottom: 5px;
}
.product-detail .sizes .sizeTokens li small {
  font-size: 0.8em;
}
.banner h3 {
	color: #666666;
	float: left;
}
.banner .mailto {
	float: right;
}
.pager {
 /* width: 170px;*/
  margin: auto;
  padding: 10px;
  font-weight: bolder;
  font-size: 1.2em;
}
.pager .left {
	margin-right: 10px;
}