/*+++++++++ CSS for Puppo.ru ++++++++++++++*/
body {padding:0; margin:0; background:url(images/top.jpg) repeat-x}
body, td, input, textarea, select{
	font:normal 11px Tahoma;
	color:#2A383D;
	line-height:14px;
	vertical-align:top;
	padding:0px;
	margin:0px 0px 0px 0px;
}
img    {border:0px;}
table  {width:100%;}
  
/*    BOX   */										  
.box_header_txt	td{
	background:url(images/title1_center.jpg) 0 0 repeat-x;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#695D3B;
	height:29px;
	text-align:left;
}
.mod td{
	background:url(images/title2_center.jpg) 0 0 repeat-x
}
/*   box_body   */
.box_body td {
	color:#EEE2C0; 
	font-size:12px; 
}
.box_body ul {
	margin:0px 0px 0px 12px;
	padding:0; 
	list-style:none;
}
.box_body .bg_list {
	background:url(images/li_bg.jpg) left top repeat-x;
	padding:0px 0px 2px 0px;
}
.box_body .bg_list a {
	font-weight:bold;
	color:#5B8501;
	text-decoration:none; 
	padding:0px 0px 0px 15px;
	background:url(images/bullet1.gif) no-repeat top left;
	line-height:20px;
}
.box_body .bg_list a:hover	{
	color:#5B8501;
	text-decoration:underline;
}
.box_body SPAN.productSpecialPrice	{color:#5B8501; font-size:14px; font-weight:bold}

.box_body a		    		{color:#275873; font-size:12px; font-weight:normal; text-transform:none;text-decoration: underline; }
.box_body a:hover			{color:#275873;text-decoration: none; font-weight:bold;}
.box_body span a		    {color:#5B8501; font-weight:bold; text-decoration:none}
.box_body span a:hover		{color:#5B8501;text-decoration:underline;}

/*ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ*/
.box_body .bg_list_un {
	background:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.box_body .bg_list_un a {
	font-weight:bold;
	color:#1B477D;
	text-decoration:none; 
	padding:0px 0px 0px 15px;
	background:url(images/bullet2.gif) no-repeat top left;
	line-height:20px;
}
.box_body .bg_list_un a:hover {
	color:#1B477D;
	text-decoration:underline;
}

/* box_body 4 */

.box_body4 ul {
	margin:0px 0px 0px 12px;
	padding:0; 
	list-style:none;
}
.box_body4 .bg_list4 {
	padding:0px 0px 2px 0px;
}
.box_body4 .bg_list4 a {
	font-weight:bold;
	color:#5B8501;
	text-decoration:none; 
	padding:0px 0px 0px 15px;
	background:url(images/bullet4.gif) no-repeat top left;
	line-height:20px;
}
.box_body4 .bg_list4 a:hover	{
	color:#1B477D;
	text-decoration:underline;
}

/* box_body 5 */

.box_body5 ul {
	margin:0px 0px 0px 12px;
	padding:0; 
	list-style:none;
}
.box_body5 .bg_list5 {
	padding:0px 0px 2px 0px;
}
.box_body5 .bg_list5 a {
	font-weight:bold;
	color:#695D3C;
	text-decoration:underline; 
	padding:0px 0px 0px 15px;
	background:url(images/bullet5.gif) no-repeat top left;
	line-height:20px;
}
.box_body5 .bg_list5 a:hover	{
	color:#5B8501;
	text-decoration:none;
}

/*   6   */

.box_body6 ul {
	margin:0px 0px 0px 12px;
	padding:0; 
	list-style:none;
}

.box_body6 .bg_list6 {
	padding:0px 0px 2px 0px;
}
.box_body6 .bg_list6 a {
	font-weight:bold;
	color:#695D3C;
	text-decoration:underline; 
	padding:0px 0px 0px 15px;
	background:url(images/bullet4.gif) no-repeat top left;
	line-height:20px;
}
.box_body6 .bg_list6 a:hover	{
	color:#5B8501;
	text-decoration:none;
}


/*ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ*/
.box_body .bg_list_sub {
	margin:0px 0px 2px 10px;
}
.box_body .bg_list_sub a {
	font-weight:bold;
	color:#1B477D;
	text-decoration:none; 
	padding:0px 0px 0px 15px;
	background:url(images/bullet2.gif) no-repeat top left;
	line-height:20px;
}
.box_body .bg_list_sub a:hover	{
	color:#5B5B5B;
	text-decoration:underline;
}
/*   CONTENT   */
.cont_header_txt {
	margin:0px 0px 2px 0px;
}
.cont_header_txt td {
	background:url(images/title2_center.jpg) 0 0 repeat-x;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#695D3B;
	height:29px;
}
.cont_header_txt em	{
	color:#E50029; 
	font-size:14px; 
	font-weight:bold; 
	font-style:normal;
	vertical-align:middle;
	text-decoration:none;
}

/*++++++  PRODUCT  ++++++*/

.product22 {
	color:#5B8501;
	text-align:right;
	font-size:11px;
	padding:2px 18px 0px 0px;
}
.product22 td {
	color:#5B8501;
	line-height:28px;
}

.product22a {
	color:#5B8501;
	text-align:right;
	font-size:11px;
	padding:2px 18px 0px 0px;
}
.product22a td {
	color:#5B8501;
	line-height:28px;
}
.product22a a {
	color:#5B8501; 
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
.product22a a:hover {
	color:#5B8501;
	text-decoration:underline;
}

.product td {
	color:#695D3C;
	line-height:14px;
}
	
.product a {
	color:#C6160E; 
	font-size:11px; 
	text-decoration:none; 
	font-weight:bold;
}
.product a:hover {
	color:#C6160E;
	text-decoration:underline;
}
.product div {text-align:left;}
.product div a {
	color:#695D3B; 
	font-size:12px; 
	font-weight:normal;
	text-decoration:underline; 
	text-transform:none;
	font-weight:bold; 
}
.product div a:hover {
	color:#5B8501;
	text-decoration:none;
}
.product .shop_cart {
	color:#1B477D; 
	font-size:11px; 
	font-weight:bold;
	text-align:left; 
	vertical-align:middle;
}
.product em	{
	color:#61401E; 
	font-size:12px; 
	text-decoration:underline; 
	font-weight:bold;
	font-style:normal;
}
div.padd3 {padding:0px 0px 10px 0px; text-align:left}
.prod_info		{width:1px; margin:0px 13px 0px 0px;}
.prod_info td	{text-align:center;}
SPAN.productSpecialPrice, .product SPAN.productSpecialPrice {color:#695D3C; font:bold 14px Tahoma}

/* product3 */

.product3 td {
	color:#695D3C;
	line-height:14px;
}
	
.product3 a {
	color:#C6160E; 
	font-size:11px; 
	text-decoration:none; 
}
.product3 a:hover {
	color:#5B8501;
	text-decoration:underline;
	font-weight:bold;
}
.product3 div {text-align:left;}
.product3 div a {
	color:#C6160E; 
	font-size:11px; 
	font-weight:normal;
	text-decoration:underline; 
	text-transform:none; 
}
.product3 div a:hover {
	color:#5B8501;
	text-decoration:none;
	font-weight:bold;
}
.product3 em	{
	color:#61401E; 
	font-size:12px; 
	text-decoration:underline; 
	font-weight:bold;
	font-style:normal;
}

/*ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻRESULTŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ*/
.result td  {
	color:#695D3C; 
	height:30px;
	vertical-align:middle;
	padding:0px 0px 0px 0px;
	font-size:10px;
}
.result a {
	color:#5B8501; 
	text-decoration:underline;
	font-size:10px;
}
.result a:hover {
	color:#5B8501;
	text-decoration:none;
}
.result b {
	color:#5B8501;
	font-weight:bold;
}
.result u {
	color:#5B8501;
	font-size:10px;
} 
.result_left 	{padding:0px 0px 0px 30px;}
.result_right	{text-align:right; padding:0px 21px 0px 0px;}

/*ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻPOPUPŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ*/
.popup {border-top:3px solid #C1C83A; width:391px}
.popup .footer {color:#929292; border-top:9px solid #F5F5F5; padding:8px 0px 0px 10px;}


/* ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ */
.remove		{width:21%;}
.products	{width:39%;}
.quantity	{width:24%;}
.total		{}

/* ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ */
s {
	color:#1B477D;
	font-size:14px;
	font-weight:bold;
}
h1 {display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#695D3C; font:bold 12px Tahoma}
h1 a {text-decoration:none; color:#695D3C;}
h1 a:hover {text-decoration:underline;}
h2 {text-transform:uppercase; color:#695D3C; font-weight:bold; font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline}
h3 {color:#695D3C; font-weight:bold; font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline}
h4 {text-transform:uppercase; color:#695D3C; font-weight:bold; font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline}
.content h1 {text-transform:uppercase; color:#695D3C; font-weight:bold; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline}
.list h3{
	margin:0px;
	font-size:12px;
	letter-spacing:1px;
	color:#695D3C;
}
.list h3 a{
	text-decoration:none;
	padding:0px;
}
.pic img {border:1px solid #E2E2E2;}

.border {border:1px solid #E3E3E3;}
.p2{padding:9px 9px 9px 9px;}
.border_bottom {border-bottom:1px solid #E3E3E3;}

.bg_gg	{background:url(images/bg_li.gif) center repeat-x;}
.bg_vv	{background:url(images/vl.gif) 0 0 repeat-y}

.vam {vertical-align:middle}
.center {text-align:center}
/* ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻINPUTSŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ */
.input{
 	width:97px; 
	height:18px; 
	color:#AA9D7A;
	vertical-align:middle; 
	padding-left:15px; 
	margin-right:5px;
}

.input1 {
	width:44px; 
	height:18px; 
	color:#2C0E0B; 
	font-size:11px; 
	text-align:right;
	margin:0px 0px 0px 8px;
}

.input2 {
	width:39px; 
	height:20px; 
	color:#6E6E6E;
	text-align:right;
}

.jump {width:97px; height:18px; color:#AA9D7A; padding:0px 0px 0px 4px; margin:4px 0px 0px 20px; vertical-align:middle}
.sel2 {height:50px; text-align:center; vertical-align:middle}
.jump1{ width:135px; height:19px; color:#AA9D7A; padding-left:8px;}
.jump2 {width:135px; height:20px; color:#7A7A7A; padding-left:8px;}

/* xxx */

a{ color:#4B7A9C; }
a:hover{ text-decoration:none; }
.outer-line{
	border-right:5px #999 solid;
	border-bottom:5px #999 solid;
	border-left:5px #999 solid;
}
.inner-line{
	border-right:2px #666 solid;
	border-bottom:2px #666 solid;
	border-left:2px #666 solid;
	background-color:#FFF;
}
.nav-bg{
	background:url(images/nav_bg.gif) repeat-x;
	border-top:2px #999 solid;
	border-bottom:1px #666 solid;
	text-align:center;
	height:25px;
	color:#CCC;
}
.nav-bg a{
	color:#4B7A9C;
	font-weight:bold;
	text-decoration:none;
	padding:0 3px 0 3px;
	font-size:12px;
}
.nav-bg a:hover{ color:#478CBF; }
.sub-nav-bg {
	padding-left:2px;
	padding-right:2px;
	letter-spacing:1px;
}
.sub-nav-bg a{ color:#FFF; }
.sub-nav-bg .left{
	float:left;
	height:23px;
	padding-top:1px;
}
.sub-nav-bg .right{
	float:right;
	height:25px;
	padding-top:5px;
}
.page-bg{
	background:#FFF url(images/page_bg.gif) repeat-x;
	border-top:1px #999 solid;
	padding-top:0px;
	padding-bottom:0px;
}
.page-side{ padding:0 0 5px 0px; /*border-right:1px #CCC dashed;*/ }
.page-side h4{
	color:#4B7A9C;
	font:bold 15px Arial, Verdana, Helvetica, sans-serif;
	margin:5px 0 0 0;
	letter-spacing:1px;
}
.page-side a{
	color:#666;
	text-decoration:none;
}
.page-side a:hover{
	color:#333;
	text-decoration:none;
}

.content,.browse,.pad{ padding:5px 5px 5px 5px; }
.content a img,.browse a img{
	border:1px #BBB solid;
	padding:4px;
	background-color:#FFF;
	float:left;
	margin-right:4px;
}
.content a:hover img,.browse a:hover img{
	border:1px #AAA solid;
	padding:4px;
	background-color:#EFEFEF;
	float:left;
	margin-right:4px;
}
.content strong {
	float:left;
	width:212px;
	font-size:18px;
}
.content {
	clear: both;
	overflow: hidden;
}

.content3 {
	clear: both;
	width:120px;
	overflow: hidden;
}
.content3,.browse,.pad{ padding:5px 5px 5px 5px; }
.content3 a img,.browse a img{
	border:1px #BBB solid;
	padding:4px;
	background-color:#FFF;
	float:left;
	margin-right:1px;
	margin-left:1px;
}
.content3 a:hover img,.browse a:hover img{
	border:1px #AAA solid;
	padding:4px;
	background-color:#EFEFEF;
	float:left;
	margin-right:1px;
	margin-left:1px;
}
.content3 a{
	color:#C6160E;
	font-size:10px;
	text-decoration:none;
}
.content3 a:hover{
	color:#5B8501;
	font-size:11px;
	text-decoration:underline;
}

.outer-line{
	border-right:5px #999 solid;
	border-bottom:5px #999 solid;
	border-left:5px #999 solid;
}

.content .cont{
	/* float: left; */

}
.cont {
font-size:12px;
text-decoration:none;
}

.cont strong {
font-size:14px;
text-decoration:underline;
}

.cont strong a{
	font-size:12px;
	font-weight:bold;
	color:#695D3B;
}
.cont strong a:hover{
	font-size:12px;
	font-weight:bold;
	color:#C6160E;
	text-decoration:none;
}

.content strong a:hover,.browse strong a:hover{ text-decoration:none; }
.content p{
	float:left;
	margin:2px 0 0 0;
	width:212px;
}
.content span{
	float:left;
	font-size:10px;
	color:#888;	
}
.content span a{
	font-size:10px;
	color:#695D3B;
}
.content span a:hover{
	font-size:10px;
	color:#C6160E;
	text-decoration:none;
}

.browse p{
	margin:2px 0 0 0;
}
.browse span{
	width:500px;
	font-size:10px;
	color:#888;	
}

.browse strong {
	width:500px;
	font-size:12px;
}

.list div{
	padding:5px 0px 5px 38px;
	float:left;
	display:block;
}
.list ul{
	margin:0px;
	padding:0px;
	width:150px;
	list-style:none;
}
.list li{ padding:2px 0 2px 13px; }
.hot{ background:url(images/star.gif) no-repeat 0 .4em; }
.list br{ clear:both; }
.list a{ font-weight:bold; }
.list a:hover{ text-decoration:none; }

ol{ 
	padding:0px; 
	margin:0px; 
	list-style-position:inside; 
	color:#333;
}
a.viewmore{
	color:#666;
	line-height:20px;
	padding-left:14px;
}
.page_nav{
	font-weight:bold;
	line-height:19px;
}
.page_nav a{
	padding:2px 4px;
	border:1px #CCC solid;
	background-color:#F9F9F9;
	margin:0 2px;
}
.page_nav a:hover{
	padding:2px 4px;
	border:1px #AAA solid;
	background-color:#F9F9F9;
	text-decoration:none;
}
.footer-bg{
	background:url(images/footer_bg.gif) repeat-x;
	border-top:1px #C5C5C5 solid;
	text-align:right;
	padding:9px 10px 0 0;
	color:#666;
	height:22px;
}
.footer-bg a{ color:#666; }
.pad h4{
	font-size:11px;
	color:#4B7A9C;
	font-family:Tahoma;
	border-bottom:1px dashed #CCC;
	letter-spacing:1px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
.pad p{ margin:0 0 2px 0; }
.pad p strong{ line-height:15px; font-size:12px; }
.pad textarea{
	background-color:#FFF;
	border:1px #5A9DCF solid;
	font-size:11px;
}
ul.links{
	margin:0px;
	padding:5px;
	list-style-position:inside;
	list-style:none;
}
ul.links li{
	width:150px;
	float:left;
	font-weight:bold;
	padding:4px 0 4px 0px;
}
/* 
// >> Forms
*/
select.dropdown{
	color:#555;
	width:162px;
	height:20px;
	font-size:12px;
}
label{
	cursor:pointer;
}
form{
	margin:0px;
}
input.submit{
	font:12px Verdana, Arial, Tahoma, sans-serif;
	padding:2px 8px 2px 8px;
	letter-spacing:1px;
	margin:3px 0px;
	width:192px;
}
input.box,textarea.box{
	border:1px solid #397CAE;
	background-color:#FDFDFD;
	margin:2px 2px 2px 0px;
	padding:3px;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
}
input.box:hover,textarea.box:hover{
	border:1px solid #5194C6;
	background-color:#FFF;
	margin:2px 2px 2px 0px;
	padding:3px;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
}
input.box:focus,textarea.box:focus {
	border:1px solid #AAA;
	background-color:#FFF;
	margin:2px 2px 2px 0px;
	padding:3px;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
}
/* -- End Forms -- */
.upperpad{ padding:0px 2px 0 2px; }
.lowerpad{ padding:0px 2px 0px 2px; }
.footerpad{ padding:2px; }
p.error{
	background-color:#BF2F2F;
	padding:3px;
	color:#FFF;
	margin:5px;
}
/* --
	CSS for the rating system
	Thanks to Komodo Media
-- */	
#star-rating,
#star-rating a:hover,
#star-rating a:active,
#star-rating a:focus,
#star-rating #current-rating{
	background:url(images/ratestar.gif) left -1000px repeat-x;
}
#star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position:left top;
}
#star-rating li{
	display:inline;
}
#star-rating a, 
#star-rating #current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
#star-rating a:hover,
#star-rating a:active,
#star-rating a:focus{
	background-position:left bottom;
}
#star-rating a.one-star{
	width:20%;
	z-index:6;
}
#star-rating a.two-stars{
	width:40%;
	z-index:5;
}
#star-rating a.three-stars{
	width:60%;
	z-index:4;
}
#star-rating a.four-stars{
	width:80%;
	z-index:3;
}
#star-rating a.five-stars{
	width:100%;
	z-index:2;
}
#star-rating #current-rating{
	z-index:1;
	background-position: left center;
}


/* ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ*/
.main {
	height:100%;
	background:url(images/bg.jpg) 0 0 repeat-x #FCF2D8;
}
.c1 {background:#FFF}
.c1_top {width:100%; background:url(images/c1.gif) top repeat-x #FFF}
.c1_left {height:100%; background:url(images/c1.gif) left top repeat-y #FFF}
.c1_right {background:url(images/c1.gif) right top repeat-y #FFF}
.c1_bottom {background:url(images/c1.gif) bottom repeat-x #FFF}

.c2 {background:#FCF6E8}
.c2_top {width:100%; background:url(images/c1.gif) top repeat-x #FCF6E8}
.c2_left {height:100%; background:url(images/c1.gif) left top repeat-y #FCF6E8}
.c2_right {background:url(images/c1.gif) right top repeat-y #FCF6E8}
.c2_bottom {background:url(images/c1.gif) bottom repeat-x #FCF6E8}

.footer {height:50px; background:url(images/fbg.jpg) 0 0 repeat-x;}
.footer a {font-size:11px; font-weight:bold; text-decoration:none; color:#695D3C}
.footer a:hover {text-decoration:underline}
.footer td {font-size:11px; font-weight:bold; color:#695D3C}
.footer .right{
	float:right;
	height:20px;
	padding-top:0px;
}

.footer2 {height:50px;}
.footer2 a {background:url(images/bullet1.gif) no-repeat top left; padding:0px 5px 0px 15px; font-size:12px; font-weight:bold; text-decoration:none; color:#695D3C}
.footer2 a:hover {text-decoration:underline}
.footer2 td {font-size:12px; font-weight:bold; color:#695D3C}

.footer3 {height:44px;}
.footer3 a {background:url(images/bullet1.gif) no-repeat top left; padding:0px 5px 0px 15px; font-size:12px; font-weight:bold; text-decoration:none; color:#695D3C}
.footer3 a:hover {text-decoration:underline}
.footer3 td {font-size:12px; font-weight:bold; color:#695D3C}