/* @group Globals */

/*new CSS rules created from November 2013*/

/*rules for live testing*/

/*general rules*/
body {
	font-size:13px;
	margin: 0;
	font-family: Helvetica,Verdana,Geneva, sans-serif;
}

/* for keeping flexible design looking good*/

h1, h2, h3, ul li,  em, span, dd, dt, td, tr{
	/* , ul li a, display:inline-block;*/
	width:auto;
	margin: 0;
	padding: 0;
	white-space:normal;
	overflow: hidden;
	/*white-space: normal;
*/text-overflow: ellipsis;
}

input, label  {
padding: 2%;
display: block;
overflow:visible;
}



form {
	margin: auto;
	display:block;
/*		border: 0.1em solid #000;
*/
}

.main-Admin form#usercomment {
margin: 10px;
overflow: hidden;
}

h1, h2, h3 {
	white-space: normal;
/*	padding: 0% 5%;
*/	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
/*	text-shadow: 0px 0.1em #030,0 0.2em #777;
*/	font-style: italic;
	letter-spacing: 0.2em;
	font-style: normal;
	vertical-align: middle;
}

.main-Admin h1 {
	width: 80%;
}

.main-Admin .notification h1,
.main-Admin .notification a {
    width: auto;
    padding: 0 52px;
}

h2 {
	padding: 0;
	font-size: smaller;
}

h3 {
	padding: 0;
	font-size: 0.7em;
	padding:5%;
}

.imageWrapper h3 {
height: 2.5em;
font-size: 13px;
}

.noImage {
	padding: 0 5% 5% 5%;
}

#enlargeImage {
	margin: 0 0 5% 0;
}


div.categoryInfo p,
div.productBackground p, 
div.notification p, 
#roundedContainer p,
#roundedContainer h1 {
		padding: 0% 5%;
}

.clearFloat {
	clear: both;
	max-height: 1px;
}

div {
/*	border: 0.1em solid #000;
*/	margin: auto;
/*	width: 910px;*/
	padding: 0; /*10px;*/
	margin: 0;
}


.black{
	position:relative;
}

.bodyContainerAdmin{
margin: 0;
}

/*.bodyContainer:before, .bodyContainer:after  {
    position: absolute;
    top: -43px;
    content: "";
    height: 100%;
    width: 1em;
    background-color: #CC3;
    padding: 15px 0;
    z-index: -1;
}

.bodyContainer:before {
	left:-1em;
	border-bottom: 32px solid red; 
	border-left: 18px solid transparent;
	border-top: 10px solid #F00;
	}

.bodyContainer:after {
	right:-1em;
	border-bottom: 32px solid red; 
	border-right: 18px solid transparent;
	border-top: 10px solid #F00;
}*/

#headerContainer{
margin: 6px 1em;
	position:relative;
	top:0;
	left:0;
	height: 5em;

}

.extended {
	width:100%;
margin: 0;
	-webkit-box-shadow: 0px 1px 2px rgba(200, 0, 0, 0.8);
	-moz-box-shadow: 0px 1px 2px rgba(200, 0, 0, 0.8);
	box-shadow: 0px 1px 2px rgba(200, 0, 0, 0.8);
		border-radius: 0px 0px 25px 25px;
	-moz-border-radius: 0px 0px 25px 25px;
	-webkit-border-radius: 0px 0px 25px 25px;

}

/*images styling*/

#roundedContainer {
	width:100%;
	display:table;
	table-layout:fixed;
	overflow:hidden;
}

#roundedContainer ul{
	padding: 1% 5%;
	font-size: 0.9em;
}

.categoryTabProductList {
	display:block;
	float:left;
	width: 80%;
	margin: 0% 5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #066;
}



ul.categoryTabProduct li{
	width:auto;
	padding:5%;	
}

ul.categoryTabProduct li.categoryTabImage{
	width: 20%;
}

li.counter{
	width: 5%;
}

.imageWrapper {
	background-color: #ddd;	
}

#adminBlogPost .imageWrapper {
background-color: transparent;	
}


.categoryTab{
			display:block;
float:left;
		border: 2px solid #000;
	width: 90%;

}
.categoryBackground {
		background-color: #C69E84;
}

.productBackground {
/*	background-image: url(../images/siteIcons/BacgroundPaperExtended.jpg);
*/	
}

#roundedContainer div{
	display:table-cell;
	vertical-align: middle;
	-moz-box-align: center;
	-webkit-box-align: center;
}

.categoryIcone {
	width: 17%;
	/*	padding: 2%;
*/	vertical-align:middle;
}


.categoryInfo {
	width: 38%;
/*	border: 1px solid #003;	
*/	overflow: hidden;
	text-overflow: ellipsis;
	padding: 2%;
}

.categoryIcone img{
		margin:0% 0% 0% 9%;

	width: 90%;
}

.textRightAlign {
	text-align: right;	
		width: 33%;
			padding: 2%;

}
/*Navigation button section*/






#oneSizeContainer-outer-RightColumnHome{
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #E6FEBC;
}

#oneSizeContainer-inner-LeftColumnHome{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	right: 30%; /*350px;*/
	background-color: #C69E84;
}








/*styling links General*/

a {
color: #00C;
	text-decoration: underline;
		font-weight: bolder;
	background: transparent;
}

a:visited {
	/*	border-bottom: 1px solid #008040;
*/	color: #009;
	text-decoration: underline;
	font-weight: bolder;
}

a:hover {
	/*background-color: #ffffda;
*//*border-bottom: 1px solid #ddd;
*/
color: #00C;
	text-decoration: underline;
	font-weight: bolder;
}


a.yellowLink:hover {
color: #FFC;
}

/*styling home page links*/

ul {
list-style: none;
margin: 0;
padding: 0;
width:auto;
}






input:focus {
     border: 2px solid #C80000; 
   }


 ul li a {
	color: #006;
	text-decoration: underline;	
 }
 
/*#sidebar ul li a {
	
width: auto;
 min-height: 100px;
 margin: 0px;
 padding: 0px;
	background-color:#6FF;
	color: #006;
	display: block;
	text-align: left;
	text-decoration: none;
}
*/

/*ul li a {
	color: #006;
	display: block;
	text-align: left;
	text-decoration: underline;
	width: auto;
	font-weight: bold;
	background: transparent;
}
*/

/*.main ul li a {
		background-size: 80px auto;
margin: 10px;
	height: 100px;
	padding: 0px 0px 0px 95px;
	border: medium double #0C3;
}
*/

li.leftNavig {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #E6FEBC;
}

li.leftNavig img{
width: 15%;
}

li.leftNavig em{
	display:inline-block;
width: 75%;
}

ul li.leftNavig img{
margin: 0;
padding: 0;
max-height:4em;
float:right;
/*display: block;
*/}





/* styling header*/

/*Language selection section*/

#homeLogo {
	clear:both;
	float:left;
	white-space: nowrap;
}

#alartisLogoAdmin{
/*	width:20%;margin: 1%;
*/	height: 98%;

	float: left;
/*	border: 2px solid #000;
*/}

#alartisLogo {
width: 33%;
	float: left;
margin: 0.5em 0;
}

#alartisLogoAdmin a img, #alartisLogo a, #alartisLogo a img {
height: 4em;
display: block;
overflow: hidden;
}


/*#alartisLogo a {
	padding:1%;
	height: 98%;
	display: block;
}


#headerNav {
width: 70%;
float:right;
	border: 2px solid #000;
	margin: 1%;
white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}*/


#selectLanguage {
	width: 100%
	display: block;
	float:right;
	font-size: 80%;

}

#selectLanguage li {
	float:left;
	padding: 0.5em;		
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}


#selectLanguage li a {
	color: #777;
	display: block;
	padding: 70% 0 0 0;
	text-align: center;
	text-decoration: none;
/*	width: 20%;
*/}
	
ul li#SelectJapanese a {
background: transparent url(../images/siteIcons/flagOfJapan.png) no-repeat top center;
/*background-width: 50px;
*/background-size: contain;

}

ul li#SelectRussian a {
background: transparent url(../images/siteIcons/flagOfRussia.png) no-repeat top center;
background-size: contain;
}

ul li#SelectEnglish a {
background: transparent url(../images/siteIcons/flagOfEngland.png) no-repeat top center;
background-size: contain;
}


/*Fonts styling*/


.quote {
	border: 1px solid #066;
	white-space:pre-wrap;
	margin: 0 2%;
	padding: 5%;
	width: calc(56% - 4px);
	float:right;
/*	-webkit-box-shadow: 4px 4px 4px rgba(200,0,0,.8);
	-moz-box-shadow: 4px 4px 4px rgba(200,0,0,.8);
*/	box-shadow: 4px 4px 4px rgba(0,102,102,.8);
}

.quoteAdd {
	margin: 4% 2% 4% 0%;
	padding: 4% 0%;
	text-align: right;
	clear:right;
}

#content-label, #content-label label,
#author-label, #author-label label {
	float:left;
	margin: 0;
	padding:0;
	height:auto;
}

#author-label {
	margin-top: 10%;
}

#author {
	width:96%;
	margin-bottom: 8%;
}


.author {
	float:right;
	font-style: oblique;
}

/*Cart section*/
#Cart {
width: auto;
display: block;
/*height: 50px;	*/
	border: 5px solid #093;
		background-color:#6FF;
			clear: right;
}

/*#Cart h2 {
background: transparent url(../images/siteIcons/cart.jpg no-repeat top center;
background-size: contain;
}*/


#Cart li {
float:left;
padding: 5px;
/*display: inline;
width: 10px;*/
}

ul li#cartImage {
	background: transparent url(../images/siteIcons/cart.jpg) no-repeat center right;
	padding-right: 30px;/*background-size: contain;
*/}

/* styling header Main NAvigation*/

#mainNavContainer{
	margin: 0 0 0.2% 0;
	padding:0;
	background-color: #CBEF8D;
	overflow:hidden;
	text-align: center;
	vertical-align: middle;
/*	border: 2px solid #000;
*/}



#mainNavContainer a, #mainNavContainer a:hover{
	display:block;
	float:left;
	width:14%;
	text-decoration: none;
	margin: 0px;
	padding: 1% 1% 0% 1%;
	text-align: center;
	/*	width: 100%;
	height: 100%;
	line-height: 150%;
	white-space:nowrap;	
	white-space: normal;

	height: 3em;*/
	overflow: hidden;
	text-overflow: ellipsis;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #093;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #093;
	vertical-align: middle;
}

a#nastroiNazdorovie {
		width:14%;
}

#mainNavContainer a:hover {
	/*background-color: #ffffda;
*//*border-bottom: 1px solid #ddd;
	text-decoration: none;
*/
color: #CBEF8D;
	background-color: #62B96F;
}


a#nastroiNazdorovie {
	width:14%;
	background-color: #999;
}

a#nastroiNazdorovie:hover{
		width:14%;
}

.accentNatroi {
	font-weight: bolder;	
	margin:0;
	padding:0;
}

.menuButton:hover {
	/*background-color: #ffffda;
*//*border-bottom: 1px solid #ddd;
*/color: #CBEF8D;
	text-decoration: none;
	background-color: #62B96F;
}


div#searchField {
	width: 40%;
	float: right;
	overflow:hidden;
	color: #CFC;
}

#searchField dt, #searchField #submit{
	display: inline-block;
	vertical-align: middle;
	width: 25%;
/*		border: 1px solid #000;*/

/*	padding:1%;
*/}

#searchField #vopros-element{
	width: 45%;
	border: 1px solid #000;
	display: inline-block;
	vertical-align: middle;
}

#searchField #vopros{
	width: 100%;
}


/* styling welcome message*/

#welcomeMsgContainer {
	background-color:#093;
	padding:0.1em;
	overflow:hidden;
	/*height: 1.5em; /*50px;*/
	font-size: 80%;
	font-weight: bolder;
	color: #FFC;
}

#welcomeMsgContainer ul li {
	white-space: normal;
	overflow:visible;
	/*	display: block;
	display:inline-block;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
*/
}

#welcomeMsgContainer ul li a{
	color: #006;/*display: inline;
*/}

#welcomeMain{
	float:left;
	width: 55%;/*50%;*/
}

#welcomeLogAction, #welcomeLogoutAction{
	float: right;
/*	width: 30%;
	border: 2px solid #000;*/
}


#welcomeLogoutAction a{
			float: right;
text-align: right;
color: #FFF;
	text-decoration: underline;
}


#welcomeLogoutAction a:visited {
	/*	border-bottom: 1px solid #008040;
*/	color: #CCFFCC;
	text-decoration: underline;
	font-weight: bolder;
}


#welcomeLogoutAction a:hover {
	/*	border-bottom: 1px solid #008040;
*/	color: #CCFFFF;
	text-decoration: underline;
	font-weight: bolder;
}

#welcomeLogAction a{
			float: right;
text-align: right;
color: #FFF;
	text-decoration: underline;
/*		border: 2px solid #000;
*/}





/* Styling General pages*/
/*Category Page*/


/* class to make 2 columns of equal size*/

#enlargedImage {
	-moz-box-shadow:    0px 0px 2px 2px #333;
  -webkit-box-shadow: 0px 0px 2px 2px #333;
  box-shadow:         0px 0px 2px 2px #333;
}

/* define shadow*/
.shadow {
-moz-box-shadow:    0px 0px 2px 2px #333;
  -webkit-box-shadow: 0px 0px 2px 2px #333;
  box-shadow:         0px 0px 2px 2px #333;}

.shadowHorizontal {
-moz-box-shadow:   0px 2px 0px 0px #333;
  -webkit-box-shadow: 0px 2px 0px 0px #333;
  box-shadow:        0px 2px 0px 0px #333;
  }

.oneSizeContainer-outer-RightColumn,
.oneSizeContainer-outer-RightColumn-Admin{
	overflow: hidden;
	margin: 0;
	padding: 0;
	width:100%;
		background-image: url(../images/siteIcons/Gold_my_ver2.jpg);
/*	background-color: #FF0;Gold_by_WanderingSoul.jpg
*/}

.oneSizeContainer-outer-RightColumn-Admin{
	background-image:none;
	background-color: #E6FEBC;
}

.oneSizeContainer-inner-LeftColumn,
.oneSizeContainer-inner-LeftColumn-Admin {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	right: 80%; /*683px;*/
	width:100%;
	background-color: #000;
	
}

.oneSizeContainer-inner-LeftColumn-Admin{
background-color: #B1CF7C;
}

.main-Admin{
	position: relative;
	left: 80%; /*683px;*/
	width: 75%; /*641px;*/
	/*margin: 1%; 15px;*/
	/*padding: 1%; 5px;		
*/
background-color:transparent;
	float: right;
	overflow:hidden;
	margin-right: 2%;
/*	border: 4px solid #F00;
*/}

.main-Admin{
	background-color: #E6FEBC;
}

#leftColumn{

  width: 45%; /*279px;*/
 margin: 5%; /*14px;*/
 border: 1px solid #093; 
 padding: 2%; /*5px;*/
float: left;	
}

#rightColumn{
  width: 45%; /*279px;*/
 margin: 5%; /*14px;*/
 border: 1px solid #093; 
 padding: 2%; /*5px;*/
float: right;	
}


.sidebar{
	position: relative;
	left: 80%; /*683px;*/
	width: 20%; /*180px;*/
	margin: 0;/*1%; /*15px;*/
/*	border: 1px solid #093;
*/	padding: 0;/*1%; /*5px;*/
	float: left;
	background-color: #B1CF7C;
}

.sidebar h1 {
margin: 0 0 5% 0;	
}
.objectPadding{
	padding: 3%;
/*	vertical-align: middle;
	 text-align:center;
*/}

.sidebar div{
	width: auto;
/*	border: 1px solid #093;
*/	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 5px;
}

.sidebar div ul li span{
color: #008040; /* Красный цвет символов */ 
     font-size: 110%; /* Размер шрифта в процентах */ 
}

/*li#priceFilter {
	margin-top: 15px;
	}
*/

.sidebar form input {
	padding: 5px;
	width: 170px;
	background-color: #0C6;
	overflow: visible;
white-space: normal; /*Текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически. Для вывода текста в кнопке полностью"/
/*	height: 60px;
*/}

/*.main li {
	margin: 10px;
	height: 40px;
}

*/

/*styling admin section*/
#CurrentSortingPreference {
	float:left;
	width:60%;
}

#SortArtsBy {
	float:right;
	width:35%;
	text-align: right;
}

.sortingPreference {
	clear:both;
	background-color: #FFF;
	overflow:hidden;
	border: 2px solid #006;
}

.sortingPreference li{
	display:block;
	float:left;
	width:31%;
	padding:1%;
}

/*help section*/
#showHelp {
	float:left;
		margin: 0 0 3% 0;

}

/*#showHelp:focus, #hideHelp, #contentHelp {
	display:none;
}

	  
     #showHelp:focus + #hideHelp {
		  display:block; 
		  float:right;
	padding: 1% 1% 0% 0%;
		  }
		  
	 #showHelp:focus ~ #contentHelp {display: block; }

      #hideHelp:focus { display: none; }
      #hideHelp:focus ~ #contentHelp { display:none; }
*/
 @media print { #hideHelp, #showHelp { display: none; } }
	  
	  
/*merge categories*/

.generalContainer {
	width:100%;
	float:left;
	margin-bottom: 3%;
}

.merge_header{
	min-height:12em;
	background-color: #DFDFDF;
	margin: 0 0 5% 0;/*	border: 2px solid #003;
	
*/}

#arrow {
		border: medium solid #000;
width:5%;
margin-left:2%;
position:absolute;
left:45%;
}


.underlineHeader {
	border-bottom: 2px solid #000;
 }
.mergeOriginalCategory, .mergeDesinationCategory {
/*	overflow:visible;
*/	width:46%;
	padding:1%;
	margin:0%;
	border: 1px solid #F96;
}

.mergeOriginalCategory {
	float:left;
}


.mergeDesinationCategory {
	float:right;
}

/*styling tables for presenting products*/

table tbody tr { 
 /* 	border: medium double #0C3;*/
}

 
/*table tbody tr:hover, table tbody tr:hover   + table tbody tr {  
   background: #008040; 
}*/

tr.linkedRowAdmin:hover {
background: #008040; 
}

td.transparentCell:hover {
	background: transparent; 
}

tr.linkedRow:hover, tr.linkedRow:hover + tr {
background: #008040; 
}


tr.Comment:hover + tr {
background: transparent; 
}

tr.Comment td{
	padding-left: 40px;
}

tr.Comment {
border-bottom-style:solid;
}

.catalogALLitems {
	table-layout:fixed;
	width: 100%;
	margin: 4% auto;
/*	border: thick solid #000;
*/}


.catalogALLitems tr th, table.catalogALLitems tr td  {
	padding: 1%;
	height:auto;
}


td.productCounter {
	width:5%;
	overflow:hidden;
	text-align: center;/*border: thick solid #001;
*/}

.tableItemImageCell {
	width:20%;
overflow:hidden;
/*border: thick solid #001;
*/}

.tableItemProductInfo {
	width:46%;
overflow:hidden;
/*border: thick solid #001;
*/}

.addToCart {
	width:22%;
overflow:hidden;
}

	
th.sort {
		width:40%;
}

th.sortPrefInfo {
	width:25.33%;

	 -moz-background-clip: padding;
	-webkit-background-clip: padding;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	background-clip: padding-box;

  -moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;
	border-radius: 0.5em;
	margin: 0.2em auto;
	padding: 2%;
	background-color: #FF0000;
	
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #E28999), color-stop(50%, #D8606D), color-stop(100%, #CE3747));
	background-image: -moz-linear-gradient(center top , #E28999 0%, #D8606D 50%, #CE3747 100%);
	background-image: linear-gradient(top, #E28999 0%, #D8606D 50%, #CE3747 100%);
	
	-moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
	-webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
	-o-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
	box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
	color: white;
	text-shadow: #2e7ebd 0 1px 2px;  
}
/*	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	
	-webkit-box-shadow: 0px 9px 0px #84261a;
        -moz-box-shadow: 0px 9px 0px #84261a;
        box-shadow: 0px 9px 0px #84261a;
}

th.sortPrefInfo:active{
    -webkit-box-shadow: 0px 2px 0px #84261a;
    -moz-box-shadow: 0px 2px 0px #84261a;
    box-shadow: 0px 2px 0px #84261a;
    position:relative;
    top:7px;
}*/

.adminActions {
	width:29%;
overflow:hidden;
/*border: thick solid #001;
*/}


.catalogALLitems tbody tr {
/*	display:block;
	border-top-width: 0.5em;
	border-bottom-width: 0.5em;
	border-top-style: solid;
	border-bottom-style: solid;
			border-top-color: transparent;
			border-bottom-color: transparent;*/

/*	background-image: url(../images/siteIcons/BacgroundPaperExtended.jpg);
*/}

.catalogALLitems tbody tr.spacedTR , .catalogALLitems tbody tr.spacedTR th{
	font-size:1px;
	line-height: 1px;
	height:1px;
	border-style: none;
	margin:0;
	padding:0;
}

.AdminTr  tbody tr {
	border-top-color: #E6FEBC;
	border-bottom-color: #E6FEBC;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
}

table.AdminTr {
	width: 100%;
}

/*table tbody tr td a.singleRow  {
*/	
 a.singleRow  {
	color: #00C;
	display: block;
	width: 100%;
	/*  height: 100px;
*/  overflow: hidden;
	/* 	border: medium double #0C3;*/
 	text-decoration: none;
}

a.singleRow span {
vertical-align: middle;
}

/*table tbody tr td a.singleRow:visited {
*/
a.singleRow:visited {
color: #0E0E6C;
}


/*table tbody tr td a.singleRow:hover {
*/
a.singleRow:hover {
background-color: #008040;
color: #CBEF8D;
}

td.noHighlight:hover {
background-color: red;
color: black;
}


/*creating tabs by CSS*/

div.buttonRight  {
	position: relative;
	top: 77%;/* 410px;*/
 width: 100%;
 margin: 0;
 padding: 0; 
 /*border: medium double #0C3;*/
 	height: 20%; /*90px;*/
 	overflow: hidden;
 }
 
 div.buttonRight  p {
clear: right;
float: right;
/*margin; 20px;*/
padding-top: 1em; /*20px;*/
border: medium double #0C3;
 }
 
 div.buttonRight p a {
margin; 0.8em /*10px;*/
padding: 0.8em /*10px;*/
border: medium double #0C3;
background: white;
 }
 
.buttonRight form input {
float: right;
/*	border: medium double #0C3;	
text-align: right;
width: 70px;
*/

}

/*version 3*/

#testMe {
		float:right;
width:65%;
	border: 5px solid #000;
	position:relative;
}

#testMe2 {
	width:50%;
	border: medium double #0C3;	
}

.imageContainer, #triptychImageContainer, .thumbnailView  {
		padding: 0;
/*border: 5px solid #000;
*/	overflow:hidden;
	width:30%;
	float:left;
}

#productInfoInput .imageContainer {
width: 46%;
margin: 2%;
    clear: left;
float:right;
}

.secondLevelMenu a {
	font-size: smaller;	
	white-space:normal;

}

.collectionDescriptionContainer {
width: 80%;
margin: 10px auto;
}

.productDescriptionContainer  {
	margin: 0;
	padding:0%;
	/*220px;*/
	/*height:150%;
	height: auto; 30em; 550px;
		width: 100%; 
float: left;*/
	/*padding: 0; 5px;
	overflow:hidden;
	clear: left;
	margin: 7em 0 3% 0;*/
/*	border: medium double #0C3;
*/
}


.productEditImage  {
/*	margin-top: 22%;
	border: 5px solid #000;
	padding-top: 200px;
position:relative;
top:22%;
*/}





.productEdit-submit {
    margin: 2% auto;
    clear: both;
    width: 80%;
}


.productEdit-submit dd, #add, 
.adminCommentProcessing input,.adminCommentProcessing dd{
/*	float:right;*/
	margin:0 0 10px 0;
	width:100%;
	height: 100%;
	font-size: large;
	font-weight: bolder;
}

.adminCommentProcessing dd{
	margin:0;
	padding: 0;
	height:auto;
}

.adminCommentProcessing dd.comment-submit{
margin: 2% auto;
width: 80%;
float: none;
}

.adminCommentProcessing dd.comment-confirm{
	width:40%;
margin: 0px 5%;
	}

.notification{
	background-image: url(../images/siteIcons/attention_small_transparent.gif);
	background-repeat: no-repeat;
	border: thin solid #063;
	background-position: 3% center;
	background-size: 6% auto ;
	width: 70%;
padding: 52px;
margin: 15px auto;
/*	min-height:15%;
*/}

.notification span{
	white-space: normal;
	overflow:visible;
	display: inline;
}

.warning {
	clear:left;
	background-image: url(../images/siteIcons/warningSmall.gif);
	border: medium solid #F00;	
	overflow:hidden;
}

.warning p {
	font-weight: bolder;
	color: #F00;
}
/******************************************************************/

#tabContainer {
	position:relative;
/*		float:right;
width:65%;
	margin: 2% 0 3% 0;
border: 5px solid #000;	
	background-color: #FFF;
position:relative;
	
	
	
height: 500px; 100%;*/
/*	min-height: 25em;
*/	
/*	float: right;
	
	top:-6em;
	position: relative;*/
}

.tabContainerAdmin {
	width: 65%;
float: right;
margin:2% 0 50px 0;
}

.productViewForm {
top:-33%;
margin: 0 0 0 34%;
width: 66%;
}

.productEditForm  {
/*		border: 5px solid #000;
top:0%;*/
}

 .tabs {
	width: 120%;/*calc(100% + 16px);  390px;*/
	float: none;
	list-style: none;
/*	border: medium double #03C;
*/	position: absolute; /* fixing fonts of tabs from dissaperaing when changing fonts*/
	top: -5px;
	left:-1px;			  
 }
 
 #productViewTab ul.tabs {
	background: url("../images/siteIcons/Gold_my_ver2.jpg");
 }
 
      .tabs input[type=radio] {
          /*position: absolute;
          top: -9999px;
          left: -9999px;*/
/*		  display:none;
*/      }
	  
	     .tabs [type=radio] {
	/*position: absolute;
          top: -9999px;
          left: -9999px;*/
		  display:none;
      }
	  
	  .tabs li{
float: left;
overflow: hidden;
width: 19.5%;/*calc(19.5% - 2px); calc(25% - 8px);*/
margin: 0 2px;
-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
/*	border: thin solid #333;
*/	
/*max-width: 20em;	
*//*	position: absolute;
	top: 3px;
*/   }

.tabContainerAdmin .tabs li{
width: 15%;
}

/*#firstTab{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E6FEBC;
  }
  
  
.middleTab{
	border-left-width: 1%;
	border-left-style: solid;
	border-left-color: #E6FEBC;
	
	border-right-width: 1%;
	border-right-style: solid;
	border-right-color: #E6FEBC;

  }
*/
.tabLabelImage {
	width: 15%;
}
li.tabsRowEnd {
	display: block;
	float:none;
}

.labelTitle {
	display: block;
margin-top: 6px;
}

      .tabs label.tabLabel  {
		  	-webkit-box-shadow: inset 0px -6px 6px rgba(133,133,133,.8);
	-moz-box-shadow: inset 0px -6px 6px rgba(133,133,133,.8);
		  	box-shadow: inset 0px -6px 6px rgba(133,133,133,1);
display:block;
	padding: 6px 8px 2px 8px;
	height: 76px;
	/*white-space:pre-wrap; nowrap;*/
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 0.9em; 
	/*          border-radius: 2px 2px 0 0;
*/          color: #FFC;
	/*	border-left: 2px solid black;
	border-right: 2px solid black;
*/	cursor: pointer;
	position: relative;
	top: 6px;
	background-color: #c80000;
/*	background-color: #096;
*/	text-align: center;
	vertical-align: middle;/*	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6FEBC;
*/
-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
border: none;
	  }
	  
	/*  #testLabel {
	background-color: #066;	border: 3px solid #000;

	max-width: 100%;
}*/

      .tabs label:hover {
	top: 0;
	background: #C93;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow:  none;
      }


[id^=tab]:checked + label {
	   	background: url("../images/siteIcons/Gold_my_ver2_with_red.jpg");
/*	        background: #80FF80;
*/	color: #333;
	        top: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
box-shadow: none;
/*	border: 1px solid #C80000;
	border-bottom:none;
	height:calc(100% + 1px);
*/	     
z-index:100;
	font-weight: bold;
 }
	   
 #productViewTabContainerAdmin  [id^=tab]:checked + label {
	background: #80FF80;
   }
   
   .tabContainerAdmin  [id^=tab]:checked + label {
	background: #80FF80;
   }
   
	      [id^=tab]:checked ~ [id^=tab-content] {
	          display: block;
	      }

.tab-content{
	z-index: 2;
	display: none;
	width: 100%;
	/* [disabled]text-align: left; */
	background: #80FF80;
	/*	padding: 0.5%; 5px;*/
	/*	color: red;
*/	position: absolute;
left:0;
	/*	top: 455px;
	border-top: 1px solid #c80000;
*/	height: auto; /*20em;　390px;*/
	overflow:hidden;
	top: 83px;
}

#productViewTabContainerAdmin span.tab-content,
.tabContainerAdmin span.tab-content{
	width:85%;
}

#productViewTab span.tab-content {
	background:none;
/*		border-top: 1px solid #c80000;
*/		width: 84%; /*calc(100% - 14px);*/
left: 0px;
}
/*#tab-content1 {
	border: 3px solid #036;
}
*/


/*scaling images using CSS*/
#itemImage:hover {
	z-index: 3;
    cursor: pointer;
    height:auto;
    width: auto;
    transform:scale(3.5);
    overflow:visible;
    }
    
/*creating the table by CSS*/

.CSStable {
display: table;
table-layout: fixed;
width: 90%;
padding: 5%;
}

.CSStableAdmin {
	display: table;
	table-layout: fixed;
/*	border: 3px dashed #000;*/
	width: 95%; /*300px;*/
	height:inherit;
}


.CSStable span.displayAsColumn {
/*width: 50%; 150px;*/
overflow:hidden;
padding: 2%;
/*border: 3px dashed #000;
*/}

.CSStable span.displayAsRow {
	width: 95%; /*300px;*/
  display: table-row;
  color: black;
}

.CSStable a span, .CSStable span {
	display: table-cell;
	min-width: 20%; /*30px;*/
	/*height:　6%;
	padding-top: 2%; /*15px;*/
	text-align: left;
	vertical-align: top;
	white-space: prewrap;
	max-width:35%; /*50px;*/
	/*border: thin solid #006;	border: medium solid #F00;*/
	}
	

.CSStable a {
  display: table-row;
/*  color: black;
*/}


#information {
font-size: 70%;
color:red;
}






.CSStable span.ColumnTitle_checkBox {
max-width: 1px;
	white-space: nowrap;
padding: 0;
}

/*.CSStable span a.sortCatalog {	
	background-image: url(../images/siteIcons/sortAscendingMark.gif);
	background-repeat: no-repeat;
	background-position: left top;   */
/*	padding: 0 0 0 75px;*/
/*	text-indent:20px;
	font-size: 16px;
}
.CSStable span em {	
	font-size: 12px;
}

.CSStable span.WrapColumn {
width: 200px;
}
.CSStable span.productTableColumn_Name {
width: 150px;
}

.CSStable span.productTableColumn_Price {
width: 100px;
font-size: 25px;
}
.CSStable span.productTableColumn_Size {
width: 50px;
}

#TryAnothertable {
display: table
}/* <table>    
#TryAnothertable-cell {
display: table-cell;           /* <td>        
}

#TryAnothertable-row {
display: table-row ;           /* <tr>        
}

#TryAnothertable-column {
display: table-column  ;       /* <col>       
}

#TryAnothertable-column-group {
display: table-column-group ;  /* <colgroup>  
}

#TryAnothertable-footer-group {
display: table-footer-group  ; /* <tfoot>     
}

#TryAnothertable-header-group {
display: table-header-group ;  /* <thead>     
}*/


/*Styling Comments via CSS*/

.userRatingStars {
	width: 30%;
	float: right;
/*	border: thick solid #69C;
*/}

.commentsContainer {
	/*	border: medium solid #F00;
*/	overflow:hidden;
	background-color: #9C9;
}

.commentsContainer li img{
	float:left;
}

.commentsUserInfo {
	width: 60%;
	float: left;
/*	border: thick solid #6FC;
*/}

.commentsUserInfo ul li {
display: block;
float: left;
/*border: thin solid #006;
*/}

.commentsUserContent {
/*clear: right;*/
float: left;
overflow:hidden;
/*white-space: nowrap;
text-overflow: ellipsis;*/
width:100%;
}


.paginationControl{
	float:left;
	color: black;
	width:100%;
/*	border: thin double #00F;
*/}

.commentsUserContent p {
	overflow:hidden;
	/*white-space: nowrap;
*//*max-height: 3em;
*/
/*text-overflow: ellipsis;
*/
margin: 0;
	padding: 0;
	font-size: 88%;
	line-height: 1.2em;
	max-height: 2.4em; /* if you want to truncate this after two lines*/
/*	border: 1px dotted #F00;
*/}




/*Styling Sliding Images via CSS from the web*/

#slider {
    display: block;
    height: 15em;
    width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 0.1em;
    position: relative;
}

#slider #slides {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#slider #slides > div {
	border: thick double #FF0; /*мой чек*/
	list-style: none;
	height: 100%;
	width: 500%;
	position: relative;
	left: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/* Set 3D perspective since we're using 3D transforms */
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 40em; /*600px;*/
	-moz-perspective: 40em; /*600px;*/
	perspective: 40em; /*600px;*/
	-webkit-perspective-origin: 10% 50%;
	-moz-perspective-origin: 10% 50%;
	perspective-origin: 10% 50%;
}



#slides > div > span {
	/* Run the tranistions */
	-webkit-transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-moz-transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-o-transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	height: 15em; /*320px;*/
	width: 10%;
	float: left;
	border-radius: 0.5em; /*5px;*/
	opacity: 1;
	overflow: hidden;
	display: block;
	position: relative;
	font-size: 100%;
	top: 1.5em; /*20px;*/
	z-index: 1;
}

/* Display none, so the user doesn't see whats happening with the radio buttons */
#slider input[type=radio] {
	display: none;
/*float:left;
*/}

#slider #slides > div > span > img {
	margin: auto;
	height: 100%;
}

/* Style the arrows so they look nice! */
#slider .arrows {
    font-size: 100%; /*15px;*/
    color: #fff; /*brown; */
    position: absolute;
    top: 14em; /*290px;*/
    display: none;
    cursor: pointer;
    font-family: Arial, sans-serif;
    z-index: 9999;
    width: 2em; /*29px;*/
	height: 1.9em; /*25px;*/
	border-radius: 2.1em; /*32px;*/
	text-align: center;
	padding: 0.6em 0 0 0.2em; /*7px 0 0 3px;*/
    background: black;
    box-shadow: 0 0 1.4em rgba(200, 235, 248, 0.98), inset 0px 0.7em 1.6em -0.5em rgba(255,255,255,0.4);
   /* box-shadow: 0 0 20px rgba(200, 235, 248, 0.98), inset 0px 11px 24px -8px rgba(255,255,255,0.4);*/
}

#slider .arrows:hover {
    box-shadow: 0 0 1.4em rgba(200, 235, 248, 0.98), inset 0px 0.7em 1.6em -0.5em rgba(255,255,255,0.4);
	/*box-shadow: 0 0 20px rgba(200, 235, 248, 0.98), inset 0px -11px 24px -8px rgba(255,255,255,0.4);	*/
}

/* The info boxes */
#slides .info {
	width: 100%;
	padding: 0.1em;
	position: relative;
	bottom: 22em;
	border-radius: 0.5em 0.5em 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	-webkit-transition: all 1s 0.2s cubic-bezier(1, 0, 0.6, 1);
	transition: all 1s 0.2s cubic-bezier(1, 0, 0.6, 1);
	color: #fff;
	font-weight: bold;
	background-color: #99C;
	box-shadow: 0 0 1.5em rgba(0,0,0,0.3);
/*	line-height: 1.8em;
*/	overflow:hidden;
height: 4em;
}

#slides .info strong {
/*	border-bottom: 2px solid #fff;
	padding: 3px 0;
*/}

#slides .info .leftInfo , #slides .info .centralInfo {
	font: black;
	float:left;
	width:30%;
/*	white-space:pre-wrap;
*/	
margin-right: 0.15%;
margin-left: 0.15%;
/*	border: 2px solid #fff;
	background-color: #F96;
*/}

#slides .info .rightInfo{
	float:right;
/*	border: 2px solid #000;
*/		width:30%;
/*			white-space:pre-wrap;
*/

}

#slides .info em {
	font-size: 80%;
/*	float: right;
*/	padding-top: 0.12em; /*4px;*/
	color: #333;
}


/*styling Admin nav menu*/
#tabbedNavi {
	position: relative;
	top: 0;
	left: 0;
		display:block;
width: 18%;
float:left;
height:100%;
}

#tabbedNavi li{
	width:100%;
	height:100%;
	text-align: center;
	vertical-align: middle;
}

.textInsideLink {
	display:block;
		white-space:normal;
	padding: 4% 0% 0% 0%;
}

#tabbedNavi a, #tabbedNavi a:hover{
	width:100%;
height:100%;
text-decoration: none;
	margin: 0px;
	padding: 1% 1% 0% 1%;
	text-align: center;
	vertical-align: middle;

}

#tabbedNavi ul  {
position:absolute;
		left:-999em;	
  
/*  padding: 0%;
*/  	width: 100%;
	z-index:2;
	background-color: #CBEF8D;
	height:100%;
}

#tabbedNavi ul li {
	display:block;
 float: left;
  padding: 0%;
  	width: 100%;
	height:33.33%;

}


#tabbedNavi ul li a{
	display:block;
	padding:1% !important;
	height:98% !important;

}

#tabbedNavi li:hover ul {
left:auto;
}


/* This is for positioning the arrows */
/*#button-1:checked ~ #arrow-2, #button-2:checked ~ #arrow-3, #button-3:checked ~ #arrow-4, #button-4:checked ~ #arrow-5 {
	border: thick double #FF0; /*мой чек
    right: 27%;
    display: block;
	
}*/


/* Since there is no previous sibling selector in CSS, we have to select the correct arrow, reposition it and rotate it 180deg so it appears as though it's a back arrow */
/*#button-2:checked ~ #arrow-1, #button-3:checked ~ #arrow-2, #button-4:checked ~ #arrow-3, #button-5:checked ~ #arrow-4 {
	left: 27%;
    display: block;
    -webkit-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
   */

/*#button-2:checked ~ #arrow-1:hover, #button-3:checked ~ #arrow-2:hover, #button-4:checked ~ #arrow-3:hover, #button-5:checked ~ #arrow-4:hover {
    box-shadow: 0 0 20px rgba(200, 235, 248, 0.98), inset 0px 11px 24px -8px rgba(255,255,255,0.4);
}*/

/* The images used in the slides, feel free to change this */

/*#image-1 {
		background: transparent url(../images/product/1.jpg);
}

#image-2 {
		background: transparent url(../images/product/2.jpg);
}

#image-3 {
		background: transparent url(../images/product/3.jpg);
}

#image-4 {
		background: transparent url(../images/product/4.jpg);
}

#image-5 {
		background: transparent url(../images/product/5.jpg);
}*/

/* The next bit is a bit wordy, but it just positions the slides at either side of the selected slide 
   so we get a cool 3D effect */

/*#slider #button-1:checked ~ #slides > div #image-2 , #slider #button-1:checked ~ #slides > div #image-3, 
#slider #button-1:checked ~ #slides > div #image-4, #slider #button-1:checked ~ #slides > div #image-5,
#slider #button-2:checked ~ #slides > div #image-3, #slider #button-2:checked ~ #slides > div #image-4, 
#slider #button-2:checked ~ #slides > div #image-5, #slider #button-3:checked ~ #slides > div #image-4,
#slider #button-3:checked ~ #slides > div #image-5, #slider #button-4:checked ~ #slides > div #image-5 
*/

/*my simplification*/
/*#slider #button-1:checked ~ #slides > div #image-2,
#slider #button-2:checked ~ #slides > div #image-3, 
#slider #button-3:checked ~ #slides > div #image-4,
#slider #button-4:checked ~ #slides > div #image-5 

{
	-webkit-transform: rotateY(-10deg) scale(0.8) translateX(-10%);
	transform: rotateY(-10deg) scale(0.8) translateX(-8%);
	z-index: 0;
}
*/

/*#slider #button-2:checked ~ #slides > div #image-1, #slider #button-3:checked ~ #slides > div #image-2,
#slider #button-3:checked ~ #slides > div #image-1, #slider #button-4:checked ~ #slides > div #image-3, 
#slider #button-4:checked ~ #slides > div #image-2, #slider #button-4:checked ~ #slides > div #image-1, 
#slider #button-5:checked ~ #slides > div #image-4, #slider #button-5:checked ~ #slides > div #image-3,
#slider #button-5:checked ~ #slides > div #image-2, #slider #button-5:checked ~ #slides > div #image-1 
*/

/*#slider #button-2:checked ~ #slides > div #image-1
{
	-webkit-transform: rotateY(10deg) scale(0.8) translateX(10%);
	transform: rotateY(10deg) scale(0.8) translateX(8%);
	z-index: 0;
} 
*/

/* Show the info box when the user selects the slides */
/*
#slider #button-1:checked ~ #slides > div #image-1 .info, 
#slider #button-2:checked ~ #slides > div #image-2 .info,  
#slider #button-3:checked ~ #slides > div #image-3 .info,
#slider #button-4:checked ~ #slides > div #image-4 .info, 
#slider #button-5:checked ~ #slides > div #image-5 .info {
	bottom: 0px;
}
*/

/* .. and finally, move the slides into the correct position when the user clicks the arrow, so the right
   slide is selected */

/*#slider #button-1:checked ~ #slides > div > span { left: 5% }

#slider #button-2:checked ~ #slides > div > span { left: -5% }

#slider #button-3:checked ~ #slides > div > span { left: -15% }

#slider #button-4:checked ~ #slides > div > span { left: -25% }

#slider #button-5:checked ~ #slides > div > span { left: -35% }
*/



/* Styling check-out module*/

#checkout-Container {
overflow:hidden;
height:10em;
position: relative; 
    left: 0%; 
    top: 0%; 
}

#checkout-Container div.checkoutStageContainer{
float:left;
overflow:hidden;
height: 55%;
width: 14%;
   position: absolute; 
 top: 40%;
 	margin: 0;
	padding: 0; 
}

.checkout-containWrapper{
/*	overflow:hidden;
*/	margin: auto;
	padding: 5%;
	background-color: #0CF;/*	height: 50%;
*/
	text-align: center;
}

#checkout-cartLine{
		position: relative;
		padding:1%;
	top: 23%;
width:auto;
background: transparent url(../images/siteIcons/line.gif) repeat-x top ;
z-index: 10;
}

#uRhere-top{
	position: absolute;
	top: 3%;
	white-space: nowrap;
text-overflow: ellipsis;
}

#uRhere-bottom{
	position: absolute;
	top: 20%;
	
}


.checkout-uRhereWrapper {
/*		background: transparent url(../images/siteIcons/cart.jpg) no-repeat bottom center;
overflow:hidden;
	height:50%;*/
	padding: 0;
	margin: 0;
		text-align: center;
	z-index: 40;
}

.checkout-uRhereWrapper img{
	display: block;
margin: auto;
max-height:100%;
}



#checkoutStage-1, .currentCheckoutStage-1 {position: absolute; left: 5%;}
#checkoutStage-2, .currentCheckoutStage-2{left: 20%;}   
#checkoutStage-3, .currentCheckoutStage-3{left: 35%;}   
#checkoutStage-4, .currentCheckoutStage-4{left: 50%;}   
#checkoutStage-5, .currentCheckoutStage-5{left: 65%;}   

.checkout-uRhere{
  position: absolute; 
overflow:hidden;
height: 17%;
	width: 14%;
/*	border: 1px solid #009;
*//*	background: transparent url(../images/siteIcons/cart.jpg) no-repeat bottom center;
*/ 	margin: 0;
	padding: 0 ; 
	z-index: 20;

}
#checkoutStage-6, .currentCheckoutStage-6 {left: 80%;}   

  
.float-to-Left{
float:left;
}


/*styling user registration page
*/


div.registerForm ul li {
	margin: 1% 0%;
	padding-left:15%;
	background-repeat: no-repeat;
	background-position: left;
	min-height:1.5em;
	font-size: smaller;
}


li#riten1 {
	background-image: url(../images/siteIcons/riten1.gif);
	font-size: large;
	font-weight: bold;	
}

li#riten2 {
	background-image: url(../images/siteIcons/riten2.gif);
		font-size: large;
	font-weight: bold;	

}

li#riten3 {
	background-image: url(../images/siteIcons/riten3.gif);
		font-size: large;
	font-weight: bold;	

}

/*styling jQuery output*/

img {
	border: none;
}


.thumbnail img {
	cursor: pointer;	
	width:100%; 
	height: auto;
}

.large {
	display: none;
	position: absolute;
	padding: 1%;
	z-index: 102;
	/*	min-height: 50%;
	min-width: 50%;
	max-height: 100%;
	max-width: 100%;
*/	
width:100%;
	/*height:20em;
*/
	color: #336699;
	top: 0;
	left: 0;
	background-image: url(../images/siteIcons/woodTexture.jpg);
}

.background{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;	
	z-index: 5;
}


/*Styling images*/
.itemImage {
	max-width:100%; 
	height: auto;
}

.tableItemImage {
	width:96%;
	padding: 5% 2% 2% 2%;
	margin:auto;
}


/*styling home page*/


/*.randomArt table {
	margin:0;
	padding:0;
	border: 1px solid black;
    table-layout: fixed;
    width: 90%;
	height:90%;
}

.randomArt table tbody tr, .randomArt table tbody tr td {
    overflow: hidden;
    width: 5em;
	height:5em;
	border: 2px solid black;
}

.randomArt table tbody tr, .randomArt table tbody tr td {
	padding: 0;
}

.randomArt table tbody tr td {
		background-image: url(../images/category/tmp_Koala.jpg);
		background-size: cover;

}

.randomArt table tbody tr td img {
		position:relative;
		display:block;
		margin:0;
		padding:0;
width:100%;
height:100%;

	max-width: 100%;
    height: 100%;
    width: auto;
	
	width:100%; 
	height:auto;
}
*/



/*========================================================================
//////////////////////////////////\\\\\---------------------------------------*/

/*---------------------------------------------------------------------------*/
/*new code stops here*/

/*mine payment logos*/
/*.paymentLogo {
    height: 30px; 
	}
*/


/* 2 columns design mine */
/*.leftColumn{
float:left;
width: 20%;
}

.rightColumn{

float:right;
width: 77%;
}

*//* 3 columns design mine */
<!--.middleLeftColumn{
/*float:left;
width: 40%;
padding: 3px 3px;
}

.middleColumn{

float:left;
width: 25%;
padding: 3px 3px;
}

.middleRightColumn{

float:right;
width: 25%;
padding: 3px 3px;
}
-->
*/
html {
    /* non-ie browsers short page fix */
/*    margin-bottom: 1px;
    height: 100%;
*/}

/*body {
    /* This sets the default font size to be equivalent to 10px from 16px */
 /*   font : 62.5% Georgia, "Times New Roman", Times, serif; 
    color : #181818;
    background: #FFF url("/images/layout/tile.png") repeat-x;
}

*//* @end */

/* @group Typography */

/*p {
	margin-bottom: 1.3em;	
}

.blue {
	color: #2f9dc0;	
}

h3 {
	font : 2.5em Georgia, "Times New Roman", Times, serif;
	color: #666;
}

h3 span {
	color: #ccc;
}

h3 + p,ul,h4,h5 {
	margin-top: 0.5em;
}

h4 {
	font : 2.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #2f9dc0;
}
h5 {
	font : 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #2f9dc0;
}
.hLight {
	background: #2f9dc0;
	color: #fff;
	padding: 3px 1px;
}
*/


/* @end */

/* @group Float */

/*.right {
    float: right;
}

.left {
    float: left;
    padding: 3px 5px;
}
*/
/*

.clear-l {
	clear: left;
}

.clear-r {
	clear: right;
}

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
*/
/* @end */

/* @group Layout */

/*#headwrap {
	min-width: 950px;
	max-width: 1800px;
	color: #000;
	background-color: #000;
}

#logo {
    padding: 20px 0px 0px 20px;
}

#headright {
	margin: 132px -275px 0px 0px;
	position: relative;
}

#headright p {
	font-size: 1.8em;
	font-style: italic;
	width: 420px;
	text-align: right;	
}

#contentWrap {
	min-width: 950px;
	max-width: 1800px;
	padding: 20px 30px;
	font : 1.2em/1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #6b6b6b;
}

.content {
	margin: 0px;
	background: transparent;
	width: 60%;
}

.categorylist {
    width: 30%;
    margin-right: 20px;
}

#bigfoot {
	padding: 20px 30px;
	background: #2f2f2f;
	color: #fff;
	min-width: 950px;
	max-width: 1800px;
}

#bigfoot h3 {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#bigfoot a {
	color: #2f9dc0;
	font-weight: bold;
	text-decoration: none;
}

#bigfoot a:hover {
	color: #fff;
	background: #2f9dc0;
	font-weight: bold;
	text-decoration: none;
}

#bigfoot ul {
	margin-right: 20px;
	font-size: 1.1em;
}

#bigfoot li {
	padding: 3px 0px 3px 0px;
}


#footer .rss {
	background: #000 url(/images/icons/rss.png) no-repeat;
	padding: 7px 0px 7px 28px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #247994;
	background: #000;
	text-decoration: none;
}
*/
/* @end */

/* @group MainNav */

/*.main-nav {
	background: transparent;
	text-align: left;
	padding: 105px 40px 0px 0px;
}

.main-nav ul {
	font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style: none;
	margin:  0;
	padding: 0;
}

.main-nav li {
	float: left;
	background: #383b41 ;
	padding: 10px 0px 10px 0px;
	margin: 0px 2px;
}

.main-nav li a {
	color: #fff;	
	text-decoration: none;
	padding:10px 10px 10px 10px;
}

.main-nav li a:hover {
	background: #24262a;	
}

.main-nav li.current a, 
.main-nav li.current a:hover{
	background: #ffffff;
	color: #8c8c8c;
	padding-bottom: 11px;
}
*/
/* @end */

/* @group SubNav */

/*.sub-nav ul {
	margin: 10px 0px 20px 0px;
	padding:0px;
	font: 1.2em arial, helvetica, sans-serif;
	list-style-type:none;
	border-top:1px solid #ececec;
}

.sub-nav li {
	border-bottom:1px solid #ececec;
}

.sub-nav a {
	display : block;
	color:#6b6b6b;
	margin:0px;
	padding:5px 0px 5px 0px;
	text-decoration : none;
	background:transparent;
}
	
.sub-nav a:hover {
	background: #f1f1f1 ;
	color: #4b4b4b;
}
*//* @end */

/* @group products */

/*.productitem {
	border-bottom: 1px solid #efefef;	
}

.productitem h4 {
	margin-top: 10px;
}

.productitem p {
    margin-bottom: 0.5em;
}

*//* @end */

/*#nothing {
	background: #f1f1f1 url( '/images/layout/nothing.gif' ) 50%;
}
*/
/* @group Archives */

/*.archive p {
	margin: auto auto 0.2em 0.8em;
}
.archive h4 {
	font-style: italic;
	margin-bottom: 10px;
}
.archive h5 {
	font-size: 1.5em;
	margin-bottom: 8px;
}
*/

/* @end */

/* @group codeparser */
/*div.codeparser {
	font-size: 1.1em;
}
div.codeparser ol {
	overflow: auto;
}
div.codeparser ul {
	margin: auto !important;
}
div.codeparser li {
	margin: auto 30px !important;
	list-style-type: decimal-leading-zero;
	white-space: nowrap !important;
}
*/
/* @end */

/* @group tables */
/*td {
	font-size: 1.2em;
	color: #424242;
	padding: 5px 5px;
	text-align: left;
	border-bottom: 0px;
	border-top: 0px;
	border: 1px solid #d9d9d9;
}

th {
	font-size: 1.2em;
	font-weight: normal;
	color: #424242;
	text-align: left;
	padding: 5px;
	border: 1px solid #d9d9d9;
}

table .odd {
    background: #f6f6f6;
}

table .rt {
    text-align: right;
}

table .colRight {
    width: 100px;
}
*/
/* @end */

/*.MineCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: italic;
	color: #900;
	float: left;
	
	text-align: center;
	display: inline-table;
}
*/