/*css Pretty-Piercing.com Saltykova Nadejda nadin@saltykova.name 28.01.2007*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	background: #fff;
	color: #333;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	
}
table td {
	font-size: 12px;
	vertical-align: top;
}
a {
	text-decoration: none;
	color: #335f0f;
	}
a:hover, a:active {
	text-decoration: none;
	color: #333;
	background-color: #ffc;
}
.clear{
	clear: both;
}
img {
	border: 0px;
}

#header, #mainPage, #top-pic, #footer, #topPage {
	width: 768px;
	margin: 0px auto;
}
form button {
	cursor: pointer;
}
/* header */
#header-big {
	width: 100%;
	background: #7ca759 url(../../img/pic/bg-header.gif) repeat-x top;
	border-bottom: 1px solid #fff;
}
#header {
	text-align: left;
	background: url(../../img/pic/logo.gif) no-repeat left top;
}
#header h1 {
	
	display: block;
	width: 225px;
	height: 48px;
	margin: 0px;
	padding: 0px;
}
#header h1 span {
	display: none;
}
#header h1 a {
	color: #fff;
	background-color:  #51473d;
}
#header h1 a:hover {
	color: #ffc;
	background-color:  #51473d;
}
#nav {
	height: 28px;
	list-style: none;
	margin-left: 40px;
	}

#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	background-color: #91a653;
	}
#nav li a {
	display: block;
	line-height: 28px;
	overflow: hidden;
	background: url(../../img/pic/nav.gif) repeat-x center top;
	color: #cecab7;
	padding-left: 8px;
	padding-right: 8px;
	}
#nav li a:hover {
	background-position: 50% -28px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -56px;
		color: #979086;
		}
#top-pic-big {
	background: #eae7d2 url(../../img/pic/bg-top-pic.gif) repeat-x bottom;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}
#top-pic {
	text-align: left;
	height: 9px;
	overflow: hidden;
}
#topPage #topRight {
	width: 250px;
}
#topPage td{
	font-size: 11px;
}
#topPage ul {
	list-style: none;
	margin-left: 50px;
	margin-top: 10px;
}
.shoppingCart {
	background: url(../../img/pic/bg-podcastinfo.jpg) no-repeat top;
	height: 64px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #dde6e5;
}
.shoppingCart h3, .contact h3 {
	color: #51473d;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 20px;
	line-height: 16px;
	margin-left: 10px;
	margin-top: 7px;
}
.contact {
	background: url(../../img/pic/bg-contact.jpg) no-repeat top right;
	height: 64px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
}

.contact a { border-bottom:solid 1px #360098; padding-bottom:1px}
.contact h3 {
	background: url(../../img/pic/info.gif) no-repeat left;
}
.shoppingCart h3 {
	background: url(../../img/pic/cart.gif) no-repeat left;
}


/* mainPage */
#mainPage {

}

#mainPage a:hover, #mainPage a:active {
	text-decoration: underline;
}

#mainPage p {
text-indent:15px;
}
#colLeft {
	padding: 8px;
	background: url(../../img/pic/bg-services.jpg) no-repeat top right;
}
#colLeft h2, #colRight h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #51473d;
	border-bottom: 1px solid #ccc;
	margin: 8px 0px 7px 0px;
	padding-bottom: 3px;
}
#colLeft h3 {
	color: #335f0f;
	font-size: 12px;
	text-transform: uppercase;
	margin: 20px 0px 7px 0px;
	padding-bottom: 3px;
}

#colRight h3 {
	color: #335f0f;
	font-size: 10px;
	text-transform: uppercase;
	margin: 20px 0px 7px 10px;
	padding-bottom: 3px;
}

#colLeft .navline {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px solid #ccc;
}
#colLeft .navline h2 {
	display: inline;
	font-size: 12px;
	padding-left: 15px;
	border-bottom: none;
}
.note {
	width: 390px;
	padding: 5px;
	margin: 0px auto;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #ffffcc;
	margin-bottom: 8px;
}
/* */
table.pagebar {
	background: #f5f5f5;
	color: #888;
	font-weight: bold;
	width: 100%;
}
.pegebar-box {
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	padding: 1px;
	margin-top: 10px;
}
.pagebar td {
	vertical-align: middle;
}
.name-pagebar {
	white-space: nowrap; 
	padding-left: 10px;
}
.select-pagebar {
	text-align: right;
}
table.pagebar form {
	margin: 0px;
	padding: 0px;
}
.pagebarB {
	background-color: #dddfe1;
	color: #333;
	font-weight: bold;
	padding: 2px;
}
/* stuff */
.stuffProductsSearch {
	width: 100%;
}
.stuffProductsSearch tr {padding-top:100px;}

.miniStuff {
	text-align: center;
}
.stuffImg {
	border: 1px solid #cccccc;
	margin: 2px 0px 5px 0px;	
	width: 115px;
	padding:1px;
}

.prdname {
	color: ##51473d;
	font-size: 10px;
	display:block;
	height:35px;
	margin-top:20px;
	padding-top:5px;
	
}

.stuffImg a:hover {
	background-color: transparent;
}
.stuffImg img {
	margin: 3px 3px 0px 3px;
}
.Delails {

}
.Button {
/* background: url(../../img/pic/add.gif) no-repeat 20px 0px; */
font-size: 12px;
font-weight: bold;
}
.Button a {
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	padding-left: 10px;
	padding-right: 10px;
/*	background: url(../../img/pic/arrow-left.gif) no-repeat left; */
	
}
.stuffButtonAdd {
	margin-bottom: 8px;
	border: 0px solid #ddd;
}

.stuffButtonAdd a {
	
}
.stuffButtonDelails {

	line-height: 30px;
}
.stuffButtonDelails:hover {

}
.BigImg {
	text-align: center;
}
.BigImg img {
	padding-bottom:0px;
	margin-bottom:0px;
}

.priceBig {
	font-size: 20px;
	font-weight: bold;
	color: #335f0f;
	margin: 8px auto;	
	text-align: center;
	background: url(../../img/pic/bg-price.gif) repeat-y center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ddd;
}
.bigProduct {
	float: left;
}


.form-proguct select {
font-size:80%;
}

.form-border {
	border: 0px solid #ccc;
	float: right;	
	font-size:110%;
	margin:2px;
	width:250px;
}

.form-border1 {
	border: 0px solid #ccc;
	float: right;	
	font-size:110%;
	margin:2px;
}

.itemdesc ul {
	list-style: url(../../img/pic/arrow.gif);
	margin-left: 40px;
}
/* col right */
#colRight {
	width: 260px;
	background: url(../../img/pic/bg-news.jpg) no-repeat top left;
}
#colRight h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #51473d;
	border-bottom: 1px solid #ccc;
	margin: 20px 5px 7px 5px;
	padding-bottom: 3px;
}

#colRight .searchBox {
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border: none;
	padding: 10px;
}

#colRight .searchBox form {
	margin: 0px;
	padding: 0px;
}
.form-search td {
	vertical-align: middle;
}
#colRight .searchBox button {
	background: transparent;
	margin: 0px;
	padding: 0px;
	border: none;
}
.menuRight {
	
}
.menuRight li {
	line-height: 18px;
	list-style: url(../../img/pic/arrow.gif);
	margin-left: 30px;
}
.menuRight .active {
	background: url(../../img/pic/bg-menu.gif) repeat-y top;
}
.menuRight li a {
	display: block;
	width: 95%;
}
.menuRight li a:hover {
	background: #fff;
}


/* footer */
#footer-big {
	background: #97b87c;
	width: 100%;
}
#footer {

}
#footer .footerLeft {
	vertical-align: middle;
}
#footer .footerLeft a {
		text-decoration: none;
		color: #51473d;
}
#footer .footerLeft a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: transparent;
}
#footer .footerRight {
	width: 210px;
}
#footer .footerRight p {
	background-color: #7ca759;
	border: 1px solid #797066;
	color: #fff;
	padding: 5px;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
}
/* import forms */
input.button {
	cursor: pointer;
}
input.button:hover {
	cursor: pointer;
}
input.buttonH {
	cursor: pointer;
}
table.border {
	border: 1px solid #dddddd;
}
table.border table {
	margin: 2px;
	background: #dae5d1;
}
tr.bg {
	background-color: #d7ffcc;
}
td.bg input {
	width: 200px;
}
.bgH {
	background-color: #dae5d1;
}
.okH {
	background-color: #e1ffe7;
	color: #333;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	line-height: 20px;
}
.warnH {
	background-color: #FFDDE3;
	color: #cc0000;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	line-height: 20px;	
}
.red {
	color: Red;
	font-weight: bold;
}
/* myText */


.myText h4 {
	color: #335f0f;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 0px;
	line-height: 16px;
	margin-left: 10px;
	margin-top: 10px;
}
.myText p {
	line-height: 16px;
	margin-bottom: 10px;
}
.myText .gray {
	padding: 5px;
	margin-bottom: 8px;
	background: #f5f5f5;
	color: #888;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
}
.myText .yellow{
	padding: 5px;
	margin: 0px auto;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #ffffcc;
	margin-bottom: 8px;
}
.myText .green {
	padding: 5px;
	margin: 0px auto;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #e1ffe7;
	margin-bottom: 8px;
}
.bgY {
	background-color: #ffffcc;
}
.myText .blue{
	padding: 5px;
	margin: 0px auto;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #dae5d1;
	margin-bottom: 8px;
}
.bgY p, .bg p {
	margin: 5px;
}
.borderMy {
	border: 1px solid #ccc;
}
.myText ul {
	margin-left: 40px;
	list-style: url(../../img/pic/arrow.gif);
}
.myText ul li {
	margin-bottom: 5px;
}

.bquote
{
	font-size:90%;
}
.bquote p {
	line-height: 15px;
	margin-bottom: 8px;
	text-indent:15px;
}

.bquote div {
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	padding: 1px;
	margin-top: 10px;
	background: #f5f5f5;
	color: #888;
	font-weight: bold;
    text-transform:uppercase;
}


.mysub ul {
	list-style: url(../../img/pic/arrow.gif);
	margin-left: 40px;
	line-height:20px;
}

/* Overlib Style */
div.domTTOverlib {
	border: 1px solid #51473d;
	display:block;
	width:220px;
}
div.domTTOverlib .caption {
	font-family: Verdana, Helvetica;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7B9239; 
	text-align:center;
	margin-bottom:0px;
	padding:2px 2px 5px 2px;
}
div.domTTOverlib .mybut {
text-align: center;
background-color: #edf6e6;
border-top: 1px solid #51473d;
padding-bottom: 3px;
padding-top: 3px;
}

div.domTTOverlib .mybut a{
	padding: 0px;
	margin: 3px 0px;
}
div.domTTOverlib .mybody {
	clear: both;
	font-size: 10px;
	font-family: Verdana, Helvetica;
	padding: 4px;
	background-color: #EFEDEE;
}

div.domTTOverlib .links {
	padding: 4px;
	text-align:center;
}



.poptext{
position:absolute;
width:120px;
height:60px;
background-color:#fff;
left:100px;
top:100px;
visibility:hidden;
border-style:dotted;
border-color:#ccc;
border-width : 1px;
padding:2px;
}

div.domTTOverlib ul {
	list-style: url(../../img/pic/arrow.gif);
	margin-left: 15px;
}